:root {
    --main-color:#4b4e6d;
}
* {
    outline:none!important;
}
@font-face {
    font-display: swap;
    font-family: GothamPro;
    src: url(../fonts/GothamProBlack.eot);
    src: url(../fonts/GothamProBlack.woff) format("woff"),url(../fonts/GothamProBlack.ttf) format("truetype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: GothamPro;
    src: url(../fonts/GothamProBlackItalic.eot);
    src: url(../fonts/GothamProBlackItalic.woff) format("woff"),url(../fonts/GothamProBlackItalic.ttf) format("truetype");
    font-weight: 900;
    font-style: italic
}

@font-face {
    font-display: swap;
    font-family: GothamPro;
    src: url(../fonts/GothamProBold.eot);
    src: url(../fonts/GothamProBold.woff) format("woff"),url(../fonts/GothamProBold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: GothamPro;
    src: url(../fonts/GothamProBoldItalic.eot);
    src: url(../fonts/GothamProBoldItalic.woff) format("woff"),url(../fonts/GothamProBoldItalic.ttf) format("truetype");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-display: swap;
    font-family: GothamPro;
    src: url(../fonts/GothamProItalic.eot);
    src: url(../fonts/GothamProItalic.woff) format("woff"),url(../fonts/GothamProItalic.ttf) format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-display: swap;
    font-family: GothamPro;
    src: url(../fonts/GothamProLight.eot);
    src: url(../fonts/GothamProLight.woff) format("woff"),url(../fonts/GothamProLight.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: GothamPro;
    src: url(../fonts/GothamProLightItalic.eot);
    src: url(../fonts/GothamProLightItalic.woff) format("woff"),url(../fonts/GothamProLightItalic.ttf) format("truetype");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-display: swap;
    font-family: GothamPro;
    src: url(../fonts/GothamProMediumItalic.eot);
    src: url(../fonts/GothamProMediumItalic.woff) format("woff"),url(../fonts/GothamProMediumItalic.ttf) format("truetype");
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-display: swap;
    font-family: GothamPro;
    src: url(../fonts/GothamProRegular.eot);
    src: url(../fonts/GothamProRegular.woff) format("woff"),url(../fonts/GothamProRegular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

h1,h2,h3,h4,h5,h6 {
    margin-top:0px;
    margin-bottom:0px;
}
p {
    margin-bottom:0;
}
ul {
    padding:0;
    list-style:none;
}

body {
    font-family: GothamPro,sans-serif;
}
button,
button:active,
button:focus {
    outline:0 !important;
    border:none;
}
.navbar-wrap{
    background: #2f2f2f;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 15px;
    border-bottom: 1px solid #525252;
    z-index: 999;
    position: fixed;
}
.navbar-toggler{
    display:none;
}
.nav-item:hover .nav-item>.dropdown-menu{
    display:block;
}
.img-logo {
      width: 80px;
    height: 63px;
}
.img-what{
    width: 22px;
    margin-right: 10px;
}
.img-telega{
    width: 22px;
    margin-right:10px;
}
.img-viber {
    width: 22px;
}
.header-logo{
    width: 12%;
}
.navbar-nav {
    display: flex;
    align-items: center;
}
.nav-item{
    margin-right:15px;
    position:relative;
}

.nav-item.last {
    margin-right:0px;
}
.navbar-nav>.nav-item{
    padding: 15px 0px
}
.nav-link{
    color:white;
    white-space: nowrap;
    transition:color 0.3s;
}
.nav-link:hover {
    color:#b1daf3;
    transition:color 0.3s;
}
footer {
    background-color: #2f2f2f;
    padding-top: 40px;
    padding-bottom: 25px;
    margin-top:60px;
}
.footer-menu-wrap{
    display: flex;
    justify-content: space-between;
    padding-right: 50px;
}
.footer-menu{
    list-style:none;
}
.footer-item{
    font-size:18px;
    margin-bottom: 10px;
}
.footer-drop-menu>.footer-item {
    padding-left:15px;
    margin-bottom: 0px;
}
.footer-drop-menu>.footer-item>.footer-link{
    font-size:14px;
    
} 
.footer-link{
    color: white;
    transition:color 0.3s;
}
.footer-link:hover {
    color:#b1daf3;
    transition:color 0.3s;
}
.footer-item-drop{
    
}
.footer-drop-menu{
    
}
.footer-title{
    color: white;
    font-family: GothamPro,sans-serif;
    font-weight: bold;
    margin-bottom: 25px;
    font-size: 24px;
}
.footer-title:after {
   content: '';
    width: 22%;
    background: white;
    height: 2px;
    display: block;
    margin-top: 10px;
}
.dropdown-menu{
    display:none;
    position: absolute;
    border: 1px solid gray;
    padding: 10px;
    background: white;
    border-radius: 5px;
    left: 0;
    top: 100%;
   
}
.dropdown-menu>.nav-item>.nav-link {
    color: #2f2f2f;
    transition:color 0.3s;
}
.dropdown-menu>.nav-item {
   padding: 8px 25px;
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 15px;
}
.dropdown-menu>.nav-item:hover .nav-link{
    color:#ad003d;
    transition:color 0.3s;
}
.dropdown-menu>.nav-item:hover:before {
     color:#ad003d;
    transition:color 0.3s;
}
.dropdown-menu>.nav-item:before {
    content: '-';
    margin-right: 10px;
    transition:color 0.3s;
}
.nav-item:hover .dropdown-menu{
    display:block!important;
   
}
.banner {
        background: #2f2f2f;
    padding-bottom: 100px;
    padding-top: 200px;
    position:relative;
    z-index:0;
}
.banner-layout-site.banner:after{
    content:'';
    display:none;
    background:transparent;
}
.banner:after{
    content:'';
    background:url('/assets/img/b3.png')center no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-position:center right;
    z-index: -1;
}
.banner-h1-wrap{
    margin-bottom: 50px;
}
.banner-h1 {
    color:white;
    font-size: 56px;
}
.banner-h1>strong{
    color: #b1daf3;
}
.banner-info>ol>li::marker {
    
}
.banner-btn-form{
    margin-top: 25px;
    margin-bottom: 40px;
}
.btn-form{
    background: #ad003d;
    color: white;
    border-color: #ad003d;
    font-size: 18px;
    font-weight: 300;
    padding: 12px 25px;
    box-shadow: 0px 0px 20px 0px rgb(197 32 32 / 72%);
    font-family: 'GothamPro',sans-serif;
}
.banner-info>ol>li{
    color: white;
    font-size: 18px;
    position: relative;
    margin-bottom: 8px;
    font-weight: 300;
}
.banner-info>ol{
    padding-left: 20px;
}
.header-phone {
    text-align: center;
    height: 45px;
    line-height: 44px;
    border: 1px solid #676767;
    border-radius: 24px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    position: relative;
    overflow: hidden;
    padding: 10px 15px;
    color: white;
    display: flex;
    align-items: center;
    margin-right: 10px;
}
.header-info-phone {
    display: flex;
    align-items: center;
}
.header-phone:before {
   content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 24px;
    background: #ad003d;
    z-index: -1;
    left: -100%;
    width: 100%;
    transition:all 0.5s;
    
}
.header-phone:hover:before{
    left:0;
     transition:all 0.5s;
}
.header-phone:hover {
    border: 1px solid #ad003d;
    box-shadow: 0px 0px 20px 0px rgb(197 32 32 / 72%);
}
.banner-advan-wrap{
    display: flex;
}
.banner-advan{
    display: flex;
    align-items: center;
}
.banner-advan1{
    margin-right: 40px;
}
.banner-advan>span:first-child{
    font-size: 56px;
    color: rgb(177 218 243);
    height: 100%;
    font-weight: 600;
    margin-right: 15px;
}
.banner-advan>span:last-child{
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 20px;
    color: white;
    font-weight: 300;
    line-height: 100%;
}

/*----------Tab--------------*/
.tab-content-item {
    display:none;
}
.tab-content-item.active{
    height: 100%;
    width: 100%;
    display: flex;
   justify-content:center;
    align-items: center;
    padding: 15px 30px;
}
.tab-item{
    display: flex;
    align-items: center;
    padding-left:15px;
}
.col-tab-content{
    background: #f1f4f8;
}
.col-tab{
    padding-right: 0px;
}
.tab-item:hover {
    cursor:pointer;
}
.tab-item.active {
    background: #f1f4f8;
}
.tab-item:hover span{
  transform: rotateZ(45deg);
   transition:all 0.3s;
    
}
.tab-item.active span {
    transform: rotateZ(45deg);
    transition: all 0.3s;
}
.tab-item>span {
    color: #ad003d;
    font-weight: 100;
    font-size: 28px;
    display: block;
    margin-right: 15px;
    border-radius:50%;
    transition:all 0.3s;
}
.tab-content{
    height: 100%;
}
/*-----------Other-------------*/
.plitki_wrap{
    
}
.block-title{
    position:relative;
    color: #2f2f2f;
    font-weight: 600;
    font-size: 36px;
    margin-top: 40px;
    margin-bottom: 25px;
}
.block-title:after{
    content: '';
    width: 240px;
    height: 2px;
    background: rgb(177 218 243);
    display: block;
    margin-top: 15px;
}
.block-info{
    margin-bottom: 20px;
}
.card{
    text-align:center;
    position:relative;
    box-shadow: 0 17px 43px -2px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 17px 43px -2px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 17px 43px -2px rgba(0,0,0,0.15);
    padding: 15px 21px;
    height: 400px;
    overflow:hidden;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
    margin-bottom: 40px;
}
.card:before{
    content: '';
    width: 800px;
    height: 800px;
    opacity: 0;
    background-color: #fff;
    z-index: -1;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -400px;
    margin-top: -400px;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
    background: #373737;
}
.card:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.card:hover .test-table>tbody>tr>td{
    color:white!important;
    transition:color 0.3s;
}
.card-decor1:hover {
    background: #DCB64B;
}
.card-decor2:hover {
    background: #CF5921;
}
.card-decor3:hover {
    background: #50ABB5;
}
.card-decor4:hover {
    background: #42464C;
}
.card-title{
    position:relative;
    font-size: 21px;
    font-weight: bold;
    z-index: 5;
}
.card:hover .card-title,.card:hover .card-info,.card:hover .card-href {
    color:white;
}
.card:hover .card-category-href {
    background: #ad003d;
    color: white;
    border-color: #ad003d;
    transition:all 0.3s;
}
.card-title:after {
   content: '';
    width: 100px;
    height: 2px;
    background: rgb(177 218 243);
    display: block;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}
.card-info{
    font-size: 14px;
    line-height: 21px;
    height: 100px;
    margin-bottom: 15px;
    font-weight: 300;
    z-index: 5;
}
.card-ul{
    z-index: 5;
}
.card-ul>li{
    margin-bottom: 10px;
}
.card-href-wrap{
   z-index: 5;
}
.card-href{
    color:black;
    font-weight: 600;
    z-index: 5;
    position:relative;
}
.card-href:after{
    content: '';
    display: block;
    height: 1px;
    margin: auto;
    width: 0px;
    background: white;
    transition:width 0.3s
   
}
.card-href:hover:after{
     width: 60px;
    transition:width 0.3s
}
.card-category-href-wrap{
     position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 30px;
    z-index: 5;
    
}
.card-category-href:hover {
     box-shadow: 0px 0px 20px 0px rgb(197 32 32 / 72%);
     transition:box-shadow 0.4s;
}
.card-category-href{
    background: white;
    color: #ad003d;
    border: 1px solid #ad003d;
    font-size: 12px;
    font-weight: 300;
    padding: 12px 25px;
    font-family: 'GothamPro',sans-serif;
    text-transform: uppercase;
     transition:all 0.4s;
     z-index: 5;
}
.row-our-works{
    
}
.row-our-works img{
    
}
.div-marg{
    text-align:center;
    margin-top: 40px;
    margin-bottom: 40px;
}
.btn-our-work:hover {
    background:  #ad003d;
    color: white;
}
.btn-our-work{
    background: white;
    color: #ad003d;
    border: 1px solid #ad003d;
    font-weight: 300;
    padding: 12px 25px;
    font-family: 'GothamPro',sans-serif;
    font-size: 14px;

}
.advan-wrap-div{
    display: flex;
    margin-bottom: 40px;
}
.advan-icon{
    margin-right: 15px;
}
.advan-icon>img{
    width: 40px;
    height: 40px;
}

.advan-title{
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}
.advan-info{
    font-size: 14px;
}
.row-sertif{
    
}
.sertif-wrap-div{
    display: flex;
    align-items: center;
}
.sertif-div{
    text-align: center;
    margin-right: 25px;
}
.sertif-div>img{
    
}
.sertif-div>p{
    
}
.form-main{
    border-width: 1px;
    border-radius: 5px;
    background-color: #f1f4f8;
    background-position: center center;
    border-color: #414141;
    border-style: solid;
    padding: 20px 30px;
    width: 80%;
    padding-bottom: 60px;
}
.form-control{
    
}
.form-control>input{
    color: #414141;
    border: 1px solid #414141;
    background-color: #fff;
    font-size: 18px;
    font-weight: 400;
    height: 75px;
    outline: none;
    padding-left: 0!important;
    padding-right: 0!important;
    border-top: 0!important;
    border-right: 0!important;
    border-left: 0!important;
    background-color: transparent!important;
    border-radius: 0!important;
    padding: 0 20px;
}
.form-main-btn-wrap{
    margin-top: 40px;
}
button:hover {
    cursor:pointer;
}
.form-main-btn-wrap>button{
    background: #ad003d;
    color: white;
    border-color: #ad003d;
    font-size: 12px;
    font-weight: 300;
    padding: 12px 25px;
    font-family: 'GothamPro',sans-serif;
    text-transform: uppercase;
    transition: box-shadow 0.4s;
    z-index: 5;
    box-shadow: 0px 0px 10px 0px rgb(197 32 32 / 72%);
}
.row-form-main {
    align-items: center;
    margin-top: 25px;
}
.form-main-info>h3 {
    font-size: 42px;
    line-height: 1.2;
    font-weight: 400;
    margin-bottom: 15px;
}
.form-main-info>p{
    
}
.block-wrap-marg {
    padding: 40px 0px;
}
.stage-card{
    padding: 10px 70px;
    margin-bottom: 40px;
}
.stage-title{
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding-top: 15px;
    border-bottom: 1px solid #c4c4c4;
    margin-bottom: 25px;
    padding-bottom: 20px;
    position: relative;
    text-transform:uppercase;
}
.stage-number{
    position: absolute;
    left: 0;
}
.stage-info{
    font-size: 14px;
    font-weight: 500;
}
.footer-contacts-title{
    color: white;
    font-size: 16px;
    margin-bottom: 5px;
    line-height: 15px;
    font-weight: bold;
}
.footer-contact-info{
    color: white;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 300;
}
.footer-contact-info>a {
     color: white;
}
.footer-contacts-seti{
    display: flex;
}
.footer-contacts-seti>a>img {
    filter: grayscale(1);
    margin: 0px;
    transition:filter 0.3s
}
.footer-contacts-seti>a:hover img {
     filter: grayscale(0);
     transition:filter 0.3s;
}
.a-telega:hover {
    border-color:#039be5;
    transition:border-color 0.3s;
}
.a-what:hover {
     border-color:#4caf50;
      transition:border-color 0.3s;
}
.a-viber:hover {
     border-color:#665cac;
      transition:border-color 0.3s;
}
.form-control>input::placeholder{
    font-family: GothamPro,sans-serif;
    font-size:14px;
    font-weight:300;
}
.footer-contacts-seti>a {
    border: 1px solid #939393;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}
.footer-contacts{
    
}
.fixed-menu {
    padding: 5px 15px
}
.ya-span {
    color:red
}
.google-span1{
    color: #4285f4;
}
.google-span2{
    color:#ea4335 ;
}
.google-span3{
    color: #fbbc05;
}
.google-span4{
    color: #4285f4;
}
.google-span5{
    color: #34a853;
}
.google-span6{
    color: #ea4335;
}
.google-wrap>span{
}
.google-wrap{
line-height: 100%;
    font-weight: 500;
    letter-spacing: -6px;
}
.card-seo{
     box-shadow: 0 17px 43px -2px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 17px 43px -2px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 17px 43px -2px rgba(0,0,0,0.15);
    padding: 15px;   
    transition:transfom 0.4s;
    margin-bottom: 20px;
}
.card-seo:hover {
    transform: translateY(-10px);
     transition:transfom 0.6s;
}
.card-seo:hover .card-seo-btn{
    transition:background 0.4s;
    background:#ad003d;
    color:white;
}
.card-seo:hover .card-seo-header{
    background:#ad003d;
    color:white;
}
.card-seo-header{
    display: inline-block;
    background: #b1daf3;
    color: white;
    padding: 5px 20px;
    border-radius: 25px;
    font-size: 12px;
    margin-bottom: 10px;
}
.card-seo-title{
    font-weight: 600;
}
.card-seo-region{
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 20px;
    font-weight: 400;
}
.card-seo-ul{
    
}
.card-seo-ul>li{
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 100;
    display: flex;
    align-items: flex-start;
}
.card-seo-ul>li:before{
    content: '';
    background: url('/assets/img/priceitem.svg');
    background-repeat: no-repeat;
    background-position: center;
    height: 25px;
    width: 30px;
    display: block;
}
.card-seo-price-title{
    color: #3A3A3A;
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.card-seo-price-old{
    font-size: 36px;
    font-weight: 700;
    padding-top: 10px;
    text-decoration: line-through;
    padding-left: 27px;
}
.card-seo-price-new{
    font-size: 36px;
    font-weight: 700;
    color: #ad003d;
}
.ot-span{
    color:black;
    font-size: 16px;
    font-weight: 400;
}
.card-seo-rub{
    font-size: 12px;
    font-weight: 400;
    color:black;
}
.card-seo-block-btn{
    text-align: center;
    margin-top: 20px;
}
.card-seo-btn{
        background: white;
    color: #ad003d;
    border: 1px solid #ad003d;
    font-size: 12px;
    font-weight: 300;
    padding: 12px 25px;
    font-family: 'GothamPro',sans-serif;
    text-transform: uppercase;
    transition: all 0.4s;
    z-index: 5;
}
.card-seo-btn:hover{
      background:  #ad003d;
    color: white;
    border: 1px solid #ad003d;
    transition: all 0.4s;
}
.card-seo-title>.google-wrap{
        line-height: 100%;
    font-weight: 600;
    letter-spacing: -3px;
}
.kupon-card{
    box-shadow: 0 17px 43px -2px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 17px 43px -2px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 17px 43px -2px rgba(0,0,0,0.15);
    margin-bottom: 30px;
    border-radius: 5px;
    overflow: hidden;
    transition:transform 0.4s;
}
.kupon-card:hover {
    transform:scale(1.1);
    transition:transform 0.4s;
}
.kupon-text{
    padding: 15px;
}
.kupon-title{
   font-weight: 600;
    font-size: 21px;
    margin-bottom: 10px;
}
.kupon-info{
    font-size: 14px;
    line-height: 100%;
    min-height: 50px;
}
.kupon-img{
    
}
.kupon-code{
    padding: 15px;
    background: #ad003d;
    color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.kupon-code-text{
    
}
.kupon-code-text>p{
    line-height: 100%;
    font-weight: bold;
}
.kupon-code-text>span{
    font-size: 12px;
    line-height: 100%;
    color: white;
}
.kupon-code-btn-div{
    
}
.kupon-code-btn{
    background: #ad003d;
    color: white;
    padding: 5px 10px;
    text-transform: uppercase;
    border: 1px solid white;
}
.k-dec{
    color: #ad003d;
    font-size: 28px;
    line-height: 100%;
    font-weight: 600;
}
.come-card{
        box-shadow: 0 17px 43px -2px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 17px 43px -2px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 17px 43px -2px rgba(0,0,0,0.15);
    padding: 25px;
    margin-bottom: 40px;
}
.come-h3{
    position: relative;
    color: #2f2f2f;
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 15px;
}
.come-ul{
    
}
.come-ul>li{
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    display: flex;
}
.come-ul>li:before{
    content: '';
    background: url(/assets/img/priceitem.svg)center no-repeat;
    height: 25px;
    width: 25px;
    display: block;
    
}
.what-card{
    box-shadow: 0 17px 43px -2px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 17px 43px -2px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 17px 43px -2px rgba(0,0,0,0.15);
    padding: 25px;
    margin-bottom: 40px;
}
.what-img{
    border: 1px solid #ad003d;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.what-img>i{
        color: #ad003d;
    font-size: 36px;
}
.what-title{
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: bold;
    min-height: 45px;
}
.what-text{
    font-size: 14px;
   line-height: 20px;
    font-weight: 300;
    min-height: 140px;
}

.what-card.active{
       box-shadow: 0 17px 43px -2px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 17px 43px -2px rgba(173,0,61,0.3);
    -moz-box-shadow: 0 17px 43px -2px rgba(0,0,0,0.15);
    padding: 25px;
    margin-bottom: 40px;
    background: #ad003d;
}
.active .what-img{
   border: 1px solid white;
}
.active .what-img>i{
       color: white;
}
.active .what-title{
   color: white;
}
.active .what-text{
   color: white;
}
.content-seo-wrap{
    background: #ad003d;
    padding: 60px 0px;
    margin: 40px 0px;
    color: white;
}
.content-seo-col-one{
    
}
.decor-block-title{
    color: white;
    margin-top: 0px;
}
.decor-block-title:after {
    content: '';
    width: 240px;
    height: 2px;
    background: white;
    display: block;
    margin-top: 15px;
}
.content-seo-col-two{
    
}
.content-seo-col-two p{
    margin-bottom: 20px;
    line-height: 25px;
}
.site-plitki{
    margin-top: 25px;
    margin-bottom: 40px;
}
.site-plitki>li{
   text-align: center;
    border-bottom: 1px solid black;
    margin-bottom: 30px;
    padding-bottom: 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
}
.site-price-div{
    
}
.site-old-price{
    font-size: 48px;
    font-weight: 600;
    text-decoration: line-through;
    line-height: 100%;
}
.site-price{
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 10px;
}
.site-price-dec{
    font-size: 48px;
    font-weight: 600;
    color: #ad003d;
    line-height: 100%;
}
.site-days{
    font-size: 14px;
    text-align: center;
    font-weight: 400;
}
.site-card-category-href-wrap{
    width: 100%;
    left: 0;
    right: 0;
    bottom: 30px;
    z-index: 5;
    margin-bottom: 25px;
    margin-top: 25px;
}
.site-card-href-wrap{
        z-index: 5;
}
.site-card{
    text-align: center;
    position: relative;
    box-shadow: 0 17px 43px -2px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 17px 43px -2px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 17px 43px -2px rgba(0,0,0,0.15);
    padding: 15px 21px;
    /* height: 400px; */
    overflow: hidden;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
}
.site-card:before {
    content: '';
    width: 800px;
    height: 800px;
    opacity: 0;
    background-color: #fff;
    z-index: -1;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -400px;
    margin-top: -400px;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .4s linear;
    transition: all .2s linear;
    background: #373737;
}
.site-card:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.site-card:hover{
     transform: scale(1.1);
}
.site-card-title{
    position: relative;
    font-size: 32px;
    font-weight: bold;
    z-index: 5;
    min-height: 88px;
}
.site-card-d0.site-card:hover:before{
    background: #DCB64B;
}
.site-card-d1.site-card:hover:before{
        background: #CF5921;
}
.site-card-d2.site-card:hover:before{
    background: #50ABB5;
}
.site-card-d3.site-card:hover:before{
    background: #42464C;
}
.site-card:hover .site-card-title{
    color:white;
}
.site-card:hover .site-days{
    color:white;
}
.site-card:hover .site-plitki>li{
    border-bottom: 1px solid white;
    color:white;
}
.site-card:hover .site-old-price{
    color:white;
}
.site-card:hover .site-price {
    color:white;
}
.site-card:hover .site-card-category-href-wrap>.card-category-href {
    background: #ad003d;
    color:white;
    border: 1px solid #ad003d;
}
.create-site-info{
    
}
.create-div{
    box-shadow: 0 17px 43px -2px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 17px 43px -2px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 17px 43px -2px rgba(0,0,0,0.15);
    padding: 25px;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 40px;
}
.create-iv-img{
    text-align: center;
    margin-bottom: 25px;
}
.create-iv-img>i{
        color: #ad003d;
    font-size: 36px;
}
.wrap_img{
    margin-bottom: 40px;
}.wrap_img-info {
        margin: auto;
    margin-top: 31px;
}
.wrap_img-main{
       text-align: center;
}
.wrap-img__table{
        margin: auto;
    width: 74%;
}
.wrap-img__table td{
    font-size: 14px;
    padding-bottom: 4px;
}
.wrap-img__table span{
        color: #ad003d;
    font-weight: 600;
    font-size: 18px;
}
.wrap-img__table td:last-child{
    text-align: right;
    
}
.wrap_img-main img{

    
}
.img__wrap{
    display:inline-block;
    margin:auto;
     box-shadow: 0 17px 43px -2px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 17px 43px -2px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 17px 43px -2px rgba(0,0,0,0.15);
    position:relative;
}
.img__wrap:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.7);
    box-shadow: 0 17px 43px -2px rgb(0 0 0 / 15%);
    -webkit-box-shadow: 0 17px 43px -2px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 17px 43px -2px rgba(0,0,0,0.15);
    opacity:0;
    transition:opacity 0.3s;
}
.hide__btn{
    background: transparent;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    display: flex;
    place-items: center;
    justify-content: center;
    opacity:0;
    z-index:-1;
    transition:opacity 0.3s;
}
.btn__img{
    background: transparent;
    color: white;
    border: 1px solid white;
    font-weight: 300;
    padding: 12px 25px;
    font-family: 'GothamPro',sans-serif;
    font-size: 14px;
    display:inline-block;
}
.img__wrap:hover:after{
    opacity:1;
    transition:opacity 0.3s;
}
.img__wrap:hover .hide__btn{
    opacity:1;
    z-index:99;
    transition:opacity 0.3s;
}
.wrap_img-info{
    
}

.arrow-up{
    position: fixed;
    width: 40px;
    height: 40px;
    border: 1px solid #ad003d;
    bottom: 10px;
    left: 10px;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
    border-radius: 10px;
    transition:opacity 0.3s;
    opacity:0;
    cursor:pointer;
}
.arrow-up.active {
    opacity:1;
    transition:opacity 0.3s;
}
.arrow-up>i{
     color: #ad003d;   
    font-style: normal;
}
.create-div-title{
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}
.site-banner-text{
    color: white;
    font-size: 24px;
    margin-top: 15px;
    font-weight: 300;
}
.banner.banner-layout-site{
    padding-bottom: 50px;
    padding-top: 150px;
}
.site-wrap-container{
    
}
.project-wrap{
        display: flex;
    align-items: center;
}
.project-div{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-right: 40px;
}
.project-img{
    
}
.project-info{
    color: #fff;
    font-size: 32px;
    font-weight: 600;
    line-height: 1;
    margin-top: 25px;
    margin-bottom: 20px;
}
.project-text{
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    opacity: 0.8;
}
.what-include-wrap{
    
}
.what-include{
    margin-bottom: 25px;
}
.block-wrap{
    padding:40px 0px;
}
.plitki_wrap{
    padding:40px 0px;
}
.what-include-header{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.what-include-icon{
    margin-right: 15px;
}
.what-include-icon>img{
    width: 30px;
}
.what-include-title{
    font-weight: 600;
    font-size: 21px;
}
.what-include-info{
    
}
.what-include-info>p{
    font-size: 17px;
    line-height: 25px;
}
.header-site-img>img {
    max-height:400px;
}
.site-container{
    text-align: center;
    padding-top: 60px;
    font-size: 32px;
}
.sl-dots{
    cursor:pointer;
    font-size: 16px;
    cursor: pointer;
    padding: 4px 12px;
    border-radius: 5px;
    color: #8495b1;
    text-align: right;
}
.sl-dots.slick-current{
    background-color: #ad003d;
    color: #fff;
}
.modal{
    
} 
.modal-wrap{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity:0;
    z-index:-1;
   
}
 .modal-wrap.active{
    opacity:1;
    z-index:999;
} 
.modal-form{
    position: relative;
    width: 60%;
    margin: auto;
    padding: 10px;
    background: white;
    background-color: #f1f4f8;
    border-width: 1px;
    border-radius: 5px;
    background-position: center center;
    border-color: #414141;
    border-style: solid;
}
.modal-form__wrap{
    text-align: center;
   margin: auto;
    width: 100%;
    background-color: white;
    background-position: center center;
    padding: 20px 30px;
    padding-bottom: 40px;
}
.modal-form__wrap h3 {
    font-size: 32px;
    color: #ad003d;
    font-weight: bold;
}
.form-close{
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    background: #F0F4F8;
    right: 0;
    top: 0;
    z-index: 99;
    cursor: pointer;
    display: flex;
    place-items: center;
    justify-content: center;
    align-items: center;
}
.static-h1{
    text-align: center;
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 40px;
}
.static-h1:after{
    content: '';
    display: block;
    width: 100px;
    height: 2px;
    background: #ad003d;
    margin: auto;
}
.modal-form__btn{
    background: #ad003d;
    color: white;
    border-color: #ad003d;
    font-size: 18px;
    font-weight: 300;
    padding: 12px 25px;
    box-shadow: 0px 0px 20px 0px rgb(197 32 32 / 72%);
    font-family: 'GothamPro',sans-serif;
}
.static__wrap{
    min-height: 50vh;
    padding-top: 150px;
}
.modal-form__wrap .form-control>input{
    width:50%;
}
.modal-form-btn-wrap{
    margin-top:40px;
}
.form-close>span {
    background: url('/assets/img/close.svg')center no-repeat;
    z-index: 9999;
    width: 14px;
    height: 14px;
}
.page-error{
    min-height: 70vh;
    padding-top: 100px;
    display: flex;
    align-items: center;
}
.page-error__content{
    padding-top: 40px;
}
.page-error__content h1 {
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 20px;
}
.page-error__content p {
    font-size: 18px;
}
.page-error__content #count {
     color: #ad003d;  
     font-size:24px;
     font-weight:bold;
}
.slick-main-title{
    color: #ad003d;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 20px;
}
.slick-main-ul{
    
}
.slick-main-ul>li{
    font-size: 14px;
    font-weight: 400;
    position: relative;
    display: flex;
    margin-bottom: 15px;
    align-items: center;
}
.slick-wrap{
    padding: 40px 0px;
}
.error_blocks{
    display:block;
}
input[name="surname"] {
    display: block;
    width: 2px;
    height: 3px;
    margin-bottom: -3px;
    opacity: 0.01;
}
.slick-main-ul>li:before{
    content: '';
    background: url(/assets/img/priceitem.svg)center no-repeat;
    height: 25px;
    width: 25px;
    margin-right: 7px;
    display: block;
}
.slick-second{
    height: 100%!important;
}
.slick-second>.slick-list{
    height: 100%!important;
}
.slick-second>.slick-list>.slick-track{
    transform: none;
    height: 100%!important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.gamburger {
    display:none;
    width: 30px;
    height: 30px;
    border: 2px solid white!important;
    background: transparent;
    border-radius: 5px;
    padding: 4px 1px;
}
.navbar-toggler-icon{
    width: 80%;
    height: 2px;
    background: white;
    display: block;
    
}
.nti-1{
    transition:transform 0.3s;
    position:relative;
}
.nti-2{
    transition:opacity 0.3s;
    position:relative;
}
.nti-3{
    transition:transform 0.3s;
    position:relative;
}
.active .nti-1{
    transform: rotateZ(45deg);
    position: relative;
    top: 36%;
    width: 90%;
}
.active .nti-2{
    opacity: 0;
}
.active .nti-3{
    transform: rotateZ(135deg);
    position: relative;
    top: -29%;
    width: 90%;
}
.static-content__wrap{
    
}
.static-content__wrap p{
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 15px;
}
.static-content__wrap a {
    color: #2f2f2f;
}
.static-content__wrap h3{
    font-size: 24px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 5px;
}
.row-contact{
    
}
.row-contact .col-md-6{
    
}
.row-mobile{
    justify-content:center;
}
.seti__wrap{
  position: fixed;
    right: 15px;
    bottom: 15px;
}
.seti{
    
}

.seti .seti_div-one {
     display:block;   
}
.seti.active .seti_div-one {
     display:none;   
}
.seti .seti_div-two {
    display:none; 
}
.seti.active .seti_div-two {
     display:block; 
}
.seti_div-one {
    
}
.seti .seti_div-one {
     display:block;   
}
.seti_div{
    position: relative;
}
.abs_span{
    position: absolute;
    right: 80px;
    white-space: nowrap;
    background: #fff;
    padding: 9px 13px;
    font-size: 12px;
    border-radius: 3px;
    transform: translateX(0%) translateY(-50%);
    top: 50%;
    background: #ad003d;
    color: #fff;
    opacity: .85;
    transition: all 0.1s linear;
}
.abs_span:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: solid transparent;
    border-width: 10px;
    top: 50%;
    right: -20px;
    transform: translateY(-50%);
    border-left-color: #ad003d;
}
.seti_img-wrap{
    box-shadow: 0 0 20px 0 rgba(0,0,0,.4);
    cursor: pointer;
    z-index: 2;
    width: 60px;
    height: 60px;
    justify-content: center;
    align-items: center;
    background: #08c;
    border-radius: 50%;
    transition: all 0.2s ease-in-out;
    display: flex;
    place-items: center;
    animation: t898__btn-pulsate 2s ease-out;
    animation-iteration-count: infinite;
    -webkit-animation: t898__btn-pulsate 2s ease-out;
    -webkit-animation-iteration-count: infinite;
}
.seti_img-wrap-two{
    box-shadow: 0 0 20px 0 rgba(0,0,0,.4);
    cursor: pointer;
    z-index: 2;
    width: 60px;
    height: 60px;
    justify-content: center;
    align-items: center;
    background: white;
    border-radius: 50%;
    transition: all 0.2s ease-in-out;
    display: flex;
    place-items: center;
    
}
.seti_img-wrap>img{
    
}
.seti_div-two {
    
}

.seti-hide>a{
    
}
.seti-hide>a>span{
    
}
.seti-hide>a>img{
    
}
.seti.active .seti-hide{
     top: -463%;
     opacity:1;
    transition:opacity 0.4s, top 0.3s;
}

.hover-href:hover .hover-span{
     z-index:99;
    opacity:1;
    transition:opacity 0.4s;
}
.seti-hide{
    position: absolute;
    display: flex;
    flex-direction: column;
    right: 15%;
    opacity:0;
    transition:opacity 0.4s, top 0.3s;
    top:0;
}
.hover-span{
    position: absolute;
    right: 80px;
    white-space: nowrap;
    background: #fff;
    padding: 9px 13px;
    font-size: 12px;
    border-radius: 3px;
    transform: translateX(0%) translateY(-50%);
    top: 50%;
    background: #ad003d;
    color: #fff;
     z-index:-1;
    opacity:0;
    transition:opacity 0.4s;
}
.hover-span:before{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: solid transparent;
    border-width: 10px;
    top: 50%;
    right: -20px;
    transform: translateY(-50%);
    border-left-color: #ad003d;
}
.hover-href{
    position: relative;
    margin-bottom: 20px;
}
.mob-img{
        position: absolute;
    z-index: -1;
    width: 100%;
    height: 100px;
    overflow: hidden;
    object-fit: cover;
    top: 50px;
    left: 35%;
}
.mob-img>img{
        width: 100px;
    height: 100px;
    object-fit: cover;
}

.main__content{
    
}
.main__content ul {
    
} 
.main__content ul li{
    
}
.main__content ol {
    margin-bottom: 20px;
} 
.main__content ol li{
    font-size: 16px;
    margin-bottom: 6px;
    line-height: 24px;
} 
.main__content h3,.main__content h4,.main__content h2{
    position: relative;
    color: #2f2f2f;
    font-weight: 600;
    font-size: 28px;
    margin-top: 20px;
    margin-bottom: 15px;
}
.main__content p {
        margin-bottom: 10px;
    font-size: 16px;
    line-height: 24px;
}
.wrap_img-title{
    text-align: center;
    margin-bottom: 10px;
    font-size: 18px;
    color: #ad003d;
}
.wrap_img-title>a{
    color: #ad003d;
}
@media (max-width:480px){
    .con_container img {
        width:100%;
    }
    .abs_span{
        display:none;
    }
    .banner:after{
        content:'';
        background:url('/assets/img/lazyimg.png')center no-repeat;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-position:center right;
        z-index: -1;
    }
    .wrap_img-info {
        margin-top: 0px;
    }
    .gamburger {
         display: flex;
        align-items: center;
        justify-content: space-around;
        flex-direction: column;
    }
    .navbar-collapse{
        display: block;
        position: fixed;
        z-index: 999;
        top: 0;
        left: -150%;
        bottom: 0;
        right: 0;
        width: 80%;
        background: #ad003de6;
        transition:left 0.3s;
    }
    .footer-menu-wrap{
        padding-right:0px;
    }
    .footer-menu-wrap {
        flex-direction: column;
    }
    .banner-advan>span:first-child {
        font-size: 36px;
    }
    .footer-logo{
        display:none;
    }
    .row-our-works img {
        width: 100%;
        margin-bottom:40px;
    }
    .sertif-wrap-div {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    .stage-card {
        padding: 10px 30px;
        margin-bottom: 40px;
    }
    .form-main {
        padding: 15px 20px;
        width: 100%;
        padding-bottom: 30px;
        margin-bottom:40px;
    }
    .img-logo {
        width: 50px;
        height: auto;
    }
    .fixed-menu {
        padding: 10px 15px;
    }
    .block-faq{
        display:none;
    }
    .card-seo{
        margin-bottom: 40px;
    }
    .form-main-info>h3{
        font-size:24px;
    }
    .kupon-code-text {
        padding-right: 10px;
    }
    .come-ul>li {
        padding-left: 30px;
    }
    .form-main-btn-wrap {
        margin-top: 40px;
        text-align: center;
    }
    .card-seo-price-new{
        font-size:24px;
    }
    .nav-item:hover .dropdown-menu {
        display: none!important;
    }
    .card-seo-price-old{
        font-size:24px;
    }
    .come-ul>li:before {
        height: 20px;
        width: 20px;
        display: block;
        background-size: contain;
        position: absolute;
        left: 0;
    }
    .what-img {
        width: 50px;
        height: 50px;
    }
    .header-site-img>img {
        max-height: 400px;
        display: none;
    }
    .site-banner-text {
        font-size: 18px;
    }
    .project-wrap {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
    }
    .site-container {
        text-align: center;
        padding-top: 60px;
        font-size: 24px;
    }
    .what-include-info>p {
        font-size: 14px;
        line-height: 25px;
    }
    .what-include-title {
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
    }
    .what-include-header {
        flex-wrap: wrap;
    }
    .what-include-icon {
        margin-right: 15px;
        margin-bottom: 10px;
    }
    .project-info {
        color: #fff;
        font-size: 24px;
        font-weight: 600;
        line-height: 1;
        margin-top: 10px;
        margin-bottom: 8px;
    }
    .seti__wrap {
        z-index: 9999;
    }
    .project-div {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-right: 0px;
        margin-bottom: 20px;
    }
    .site-old-price {
        font-size: 32px;
    }
    .slick-wrap{
        display:none;
    }
    .site-price-dec {
        font-size: 32px;
    }
    .site-card{
        margin-bottom:40px;   
    }
    .what-img>i {
        color: #ad003d;
        font-size: 26px;
    }
    .sertif-div {
        text-align: center;
        margin-right: 0px;
        margin-bottom: 25px;
    }
    .card {
        margin-bottom:40px;
    }
    .navbar-collapse.active{
        left: 0%;
        transition:left 0.3s;
    }
    .block-titl{
        font-size:24px;
    }
    .banner-h1{
        font-size:32px;
    }
    .navbar-wrap {
        flex-wrap: wrap;
        width: 100%;
        left: 0;
        right: 0;
    }
    .navbar-nav {
        display: flex;
        align-items: flex-start;
        padding: 23px 0px 0px 15px;
        flex-direction: column;
    }
    .banner-advan1 {
        margin-right: 0px;
    }
    .banner-advan {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
    .banner-h1-wrap {
        margin-bottom: 20px;
    }
    .banner-info>ol>li {
        font-size: 14px;
    }
    .block-title {
        font-size: 24px;
    }
    .banner-btn-form {
        text-align: center;
    }
    .banner {
        padding-top: 145px;
    }
    .header-info{
      display:none;  
    }
    .banner-advan-wrap {
        display: flex;
        flex-wrap: wrap;
    }
    .seti-hide{
        position: fixed;
        right: 3%;
        bottom: 1px;
        opacity:1;
        top: auto;
    }
    .seti .seti_div-one{
        display:none;
    }
    .hover-href {
        position: relative;
        margin-bottom: 10px;
    }
    
    .seti .seti_div-two {
        display: block;
    }
    .seti-hide>a>img {
        width: 45px;
    }
    .seti_img-wrap-two{
        display:none;
    }
}
@media (min-width:1400px){
    .container{
        max-width:1380px;
    }
    .block-info {
        width: 600px;
    }
}
@media (min-width:960px){
    .block-info {
        width: 400px;
    }
}
@media (min-width:1330px) and (max-width:1700px) {
    .nav-link {
    color: white;
    white-space: nowrap;
    transition: color 0.3s;
    font-size: 12px;
}
}
.test-table{
    width: 100%;
}
.test-table>tbody>tr{
    
}
.test-table>tbody>tr>td{
    padding-bottom: 10px;
    transition:color 0.3s;
}
.test-table>tbody>tr>td:last-child{
        text-align: right;
    font-size: 12px;
    white-space: nowrap;
}
.test-table>tbody>tr>td:first-child{
    text-align: left;
    color: black;
    font-weight: 600;
    z-index: 5;
    position: relative;
}
.td-decor{
 font-size: 16px;
    color: #ad003d;
    font-weight: bold;   
}
@media (min-width:1200px) and (max-width:1400px) {
    .plitki_wrap .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@keyframes t898__btn-pulsate{
    0% {
        transform: scale(1,1)
    }

    25% {
        transform: scale(1.1,1.1)
    }

    50% {
        transform: scale(1,1)
    }
}