@import url('https://fonts.googleapis.com/css2?family=Unbounded&display=swap');

@font-face {
    font-family: 'Micra';
    src: url('../fonts/Micra-Bold.woff2') format('woff2'),
        url('../fonts/Micra-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

    .toptext{
        max-width:1000px;

     }


@media (max-width: 1199.98px) {
    #column-wrap-id-1760518359787, #column-wrap-id-9oC2sVuB1Cd-xrXBdUXlH {
        max-width: 100% !important;
        flex-basis: 100%  !important;
    }

    .toptxt{
        max-width:800px;
     }

    .toppic>.sppb-row-container>.sppb-row>.sppb-row-column  {
 
        min-width: 100% !important;
        flex-basis: 100%  !important; 
    }

    .toppic>.sppb-row-container{
        margin-left:auto;
        margin-right:auto;
        max-width:900px;
    }
}



.logoportf img{
  /*height:230px !important; */
    border-radius:20px;
}

.firm .topusl .t1{
    margin-top:-25px;
    margin-bottom:20px;
}

.nosit_txt{
    background:#f2f1f6;
    border-radius:20px;
    padding:30px;
    font-size:18px;
    max-width:580px;
    
}

.nosit_txt .sppb-addon-content:before {
    content: "!";
    font-weight:800;
    display: block;
    height: 50px;
    width: 50px;
    background: #0D447A;
    position: absolute;
    border-radius: 40px;
    color: white;
    text-align: center;
    font-size: 30px;
    left: 30px;
    
}

.nosit_txt .t1{
    font-weight:600;
    color: #1a4a7f;
    padding-left:75px;
}

.nosit_txt .t2{
    padding-left:75px;
}

.stgal{
    clear:both !important;
    display: block;
}

.offcanvas-inner .menu-child li a{
    font-size:21px !important;
    line-height: 25px  !important;
    
    padding-bottom:10px !important;
}

.offcanvas-inner .menu-child li{
    padding-bottom:10px !important;
}

@media screen and (min-width:1200px) {


.view-article #sp-main-body{
    background: #f2f1f6 url('/../../images/artbg.svg') top -270px left -50px no-repeat;  
}

.view-article .article-details {
    padding-left:350px;
}
}

.portfcol img{
    border-radius:15px;
}

.pr_det .pr_name{
    color:black;
    font-size:20px;
    padding:10px 0 !important;
}

.pr_det{
    font-size:18px;
}

.pr_det .detlab{
    font-size:16px;
    color:gray;
    display: inline-block;
}


a{
    #0b1864 ;
}

h1{
        font-family: "Unbounded", sans-serif !important;
font-weight:400  !important;
    font-size:40px;
    padding-bottom:20px  !important;
}

@media screen and (max-width:992px){
        .topform{
    margin:20px auto 0px auto;
}
   h1{ 
       font-size:25px;
     }
}

h3{
    font-size:23px;
    padding: 24px 0 19px 0 !important;
}

h2{
    font-size:33px;
    padding-bottom: 24px !important;
}

.uslkl p a:nth-child(2){
     display: inline-block;

    color: #0b1864;
    padding:5px 15px !important;
    border:1px solid #0b1864;
    border-radius:30px; 
}

.uslkl p a:nth-child(2):hover{
    background:white;
}


.prodv .toppic .t2wrap{
    margin-bottom:50px;
    display: flex;
}
.prodv .toppic .t2{
white-space: nowrap !important;
line-height:30px !important;
    margin:0px;
}

.prodv .toppic .t22{
min-width:300px !important;
font-weight:bold;
font-size:25px;
   padding:6px 50px !important;
 white-space: nowrap !important;
    
}

@media screen and  (max-width:992px){

    .prodv .toppic .t2wrap {
        width:100%;
                display: block !important;
        text-align:center;
    }
}

.uslsozd .podr{
position:relative;
    font-weight:bold;
    max-width:380px;
    padding-left:28px;
    margin-bottom:20px;
    text-decoration:underline;
    font-size:15px;
    
}

 .uslsozd .podr:before{
    content:"";
    display:block;
    height:13px;
    width:16px;
    position:absolute;
    left:0px;
    top:5px;
}

.uslsozd .u1 .podr{
    color:white;
}

.uslsozd .u2 .podr{
    color:black;
}


.uslsozd .u1 .podr:before{
  background: url('/../../images/arr1.svg') top center no-repeat;  
}

.uslsozd .u2 .podr:before{
  background: url('/../../images/arr2.svg') top center no-repeat;  
}


.im .uslsozd .z2, .dops .uslsozd .z2{
    color: #0D447A;
    font-weight:bold;
    max-width:380px;
    padding-left:65px;
    margin-bottom:20px;
    
}

.im .uslsozd .z2:before, .dops .uslsozd .z2:before{
    content:"!";
    display:block;
    height:50px;
    width:50px;
    background:#0D447A;
    position:absolute;
    border-radius:40px;
    color:white;
    text-align:center;
    font-size:30px;
    left:0px;
}

.usltit .sppb-addon-title{
    display: inline-block !important;

}

.usltit{
    font-weight:900;
    color:white;
    font-size:250px;
    margin:-100px 0 -220px 0;
    z-index:-10;
    padding:0px;
    text-align:center !important;
}

@media screen and (max-width:760px) {
    .usltit{
display: none;
    }
}

.topusl ul, .topusl p{
    max-width:300px;
}

.topform{
    clear:both;
    margin-top:20px;
    max-width:550px;
}

.topform #form4_tel3{
    border-radius:30px !important;
    font-size:20px !important;
    padding:8px 18px  !important;
    max-width:300px;
    margin:0px auto;
   
}

@media screen and (max-width:760px) {
    .topform #form4_tel3{
        font-size:23px !important;
    }

    .topform button{
        font-size:23px !important;
}
    .topform .cf-text-left{
        text-align:center;
    }

}

.topform .cf-form-wrap{
    padding:0px    !important;
}

.topform .sogl, .topform .sogl a{
    color:#ffffffa6   !important;
    font-size:12px   !important;
}

.topform button{
    padding:11px 24px  !important;
    margin:0px auto   !important;
}

.dopusl .seczag2 h2{
    padding-bottom:40px !important;
}

.uslsozd2.dopusl .wk-panel, .uslsozd2.widg .wk-panel{
border:1px solid #E6E6E6;
    min-width: auto !important;
    border-radius:20px;
    display: flex;
    align-items:center;
}

.widg .wk-panel img{
   transform: scale(1.3);
}


.uslsozd2.dopusl div:nth-child(4) .wk-panel {
    background:#b51c3f;
   
}

.uslsozd2.dopusl div:nth-child(4) .wk-panel h3{
     color:white;
}

.uslsozd2.dopusl div.wk-width-2-3\@s, .uslsozd2.widg div.wk-width-2-3\@s{
    padding-left:20px   !important; 
}

.widg .wk-panel{
    padding-top:5px  !important;
    padding-bottom:5px  !important;
}


.paysec .picpay img{
    width:100%;
   
       border-radius:30px !important; 
    padding:10px;
    border:8px solid #f2f1f6 !important;
    margin:0px !important;
}

@media screen and (min-width: 764px) {
     min-height:220px  !important; 
}



.paysec #column-id-1760518359932{

    background:#f2f1f6;
    padding:30px;
    border-radius:30px;
    font-size:18px;

}
.integr .wk-panel img{
    height:74px;
    margin:0px auto 10px auto;
}

.prodv .integr .wk-panel img{
    height:50px;
    margin-bottom:10px;
}

.integr .wk-margin-remove-top{
    margin-bottom:0px !important;
    margin-top:0px !important;
}


.integr .wk-panel {
    background:#F2F1F6;
    padding:20px 30px 20px 30px;
    border-radius:30px;
}

.prodv .integr .wk-panel {
    background:#ffffff;
    padding:20px 30px 20px 30px;
    border-radius:30px;
}

.integr #wk-slider-43 .wk-panel {
    border:3px solid #b51c3f !important;
}

.integr .wk-h3{
    font-family:Montserrat !important;
    font-weight:700 !important;
    font-size:17px  !important;
}

.otzlink{
    background:#336699;
   text-align:center;
    border-radius:20px;
    padding:20px;
}

.otzlink img{
    margin-top:-8px;
}

.otzlink a{
    font-size:20px;
    padding:0px 30px;
}

.otzlink a, .otzlink img{
    color:white; 
    display: inline-block;
}


.comptags{
    text-align:center;
}
.comptags li{
  display: inline-block;
    margin:10px 20px;
    padding:5px 15px;
    border:1px solid black;
    border-radius:30px;
}

.comptags li:hover{
    background:white;
}

a.f21{
    color:white !important;
    margin-left:10px;
    border-bottom:1px dashed white;
    font-size:16px;
}

.wk-scope .wk-icon {
  border-radius:90px !important;

}



.faqsec{
    padding-top:130px !important;
    background:  url('/../../images/bg6.svg') no-repeat scroll bottom -100px right -90px, linear-gradient(90deg, #0D447A 40%,  #336699 100%);
    color:white;
}


.faq button{
    padding:30px 5px !important;
}

.faq button:hover{
    background:#DD5E48;
}

.faq .sppb-panel-title{
    color:white;
    font-size:20pt;    
}

.faq  .sppb-panel-title{
    color:white;
    font-size:20px; 
    font-weight:600  !important;px

}


.bigotz{
        font-family: "Unbounded", sans-serif;
    color:white;
    font-size:140px !important;
    font-weight: 400;
    margin-top:-80px;
    margin-bottom:-100px;
}

@media screen and (max-width: 992px) {

.clientssec{

}
    
    .bigotz{
    font-size:60px !important;
    margin-bottom:-30px;
        margin-top:0px;
}

    #column-wrap-id-OTdlffTAR4dfVLxXCj3nQ{
    margin-bottom:70px;
}

}

.otzwrap{
    background:white;
    padding:40px;
    border-radius:42px;

}



.faqsec{
    z-index:0  !important; 
}

.otzsec{
    margin-top:-260px !important;
}

.dostsec_s{
    background:#f2f1f6;
}

.dostsec_s .sppb-nav-custom{
    margin-right:20px;;
}

@media screen and (min-width: 768px) {

    
.dostsec_s .sppb-tab-custom-content .sppb-nested-row:after{
    content:"";
    display: block;
    height:294px;
    width:480px;
    background: url('/../../images/dostpic.webp') no-repeat scroll bottom center;
    border-radius: 20px;
    margin:20px 20px;
} 
}

.dostsec_s #sppb-addon-6C77sZbgUAJEoNxDiS7M- .sppb-nav li{
    border-top:1px solid #00000024;
}

@media screen and (max-width: 768px) {


    .stgal .sppb-gallery img{
    width:100%;
    height:auto !important;
}
    
            #sppb-addon-6C77sZbgUAJEoNxDiS7M- .sppb-nav {
                width: 100% !important;
            }

    .dostsec_s .sppb-tab-image{
        height:50px !important;
        width:50px  !important;
    }

   .dostsec_s #sppb-addon-6C77sZbgUAJEoNxDiS7M- .sppb-nav-custom a {
        font-size:17px   !important;
    }
}
/*----otz---------------*/

.otzsec .zag{
    color:white;
    font-size:35px;
}

.otzsec{

}



.otz-item-header {
    position: relative;
    text-align: left;
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 20px;
}

.otz-item-header i{
    color: #FDCB35;
}

.otz-item-header-col-left{
    margin-right:10px;
}

.otz-item-header .sotz-item-header-col-right {
    display: flex;
    flex-flow: column;
    justify-content: center;
    position: relative;
    width: 100%;
}

.otz-item-header .otz-item-header-col-left {
    display: inline-block;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    flex-shrink: 0;
    display: flex
;
}

.otz-source-link {
    margin-top:20px;
    font-size: 12px;
    display: flex;
    align-items: center;
    text-decoration: underline !important;
    color: #212121 !important;
}
.otz-item-photo-view-0 .sw-avatar {
    border-radius: 50%;
}

.otz-item-header .otz-item-photo img {
    height: 50px;
    width: 50px;
    border-radius: 50%;
}
.otz-item-date {
    margin: 5px 0 0 0;
    font-size: 12px;
    color: #757575;
}
.otz-item-stars {
    display: flex
;
    align-items: center;
    justify-content: flex-start;
}
.otz-item-header .otz-item-user {
    display: flex
;
    align-items: center;
    flex-direction: row;
    color: #212121;
    font-size: 14px;
    line-height: 1.5rem;
    font-weight: 700;
}

.otzsec .wk-panel{
    background:#ffffffe8;
    padding:30px;
    border-radius:30px;
}

.clientssec .wk-panel{
    background:white;
    padding:20px;
    border-radius:20px;
}

.aboutbot.clientssec .wk-panel{
border:1px solid #d8d8d8;
}

.clientssec .wk-panel img{
    margin:0px auto;
}

.etapsec{
    padding-top:80px !important;
    background: #154C81 url('/../../images/net3.webp') top 100px left -500px no-repeat;
    color:white;
    border-radius:42px;
}

@media screen and (max-width:992px) {
.etapsec{
    background: #154C81 ;

}

    
}

.prsec{
    background:#f2f1f6;
}

.prsec .p{
    1margin-left:10px;
   
}

.prsec .psec{
    display: block;
    background:gray;
    border-radius:20px;

}

.prsec .sppb-flipbox-panel{
    margin-right:-10px !important;
    margin-left:10px;
    margin-top:-10px;
    border-radius:20px;
}

.mar{
    display: inline-block;
    border:1px solid #d0d0d0;
    border-radius:10px;
    padding:6px 20px 6px 5px;
    width:auto;

    
}

.mar p{
    position: relative;
            padding-left: 35px;
            font-size: 21px;
    margin-bottom:0px;

}
        .mar p:before {
            content: '';
            position: absolute;
            left: 12px;
            top: 50%;
            transform: translateY(-50%);
            width: 8px;
            height: 8px;
            background-color: #646FDB;
            border-radius: 50%;
            animation: blink 1.5s infinite;
        }

        @keyframes blink {
            0% {
                opacity: 1;
            }
            50% {
                opacity: 0;
            }
            100% {
                opacity: 1;
            }
        }

.portfsozd .seczag2, .portfprodv .seczag2, .portfsec .seczag2{
     font-size:30pt;
    margin-bottom:20px;
}

.portfsozd .t1, .portfprodv .t1{
    font-size:14pt;
    max-width:665px;
float:left;
    margin-left:30%;
    position:relative;
}

.portfsozd .t1 a, .portfprodv .t1 a{
    width:auto;
    color:white;
    display:inline-block;

    margin-top:10px;
    border-bottom:2px dashed white ;
}

.portfsozd .t1:before, .portfprodv .t1:before{
    content:"";
    display: block;
    position:absolute;
    width:78px;
    height:78px;
    background: url('/../../images/kav.svg') no-repeat scroll top;
    left: -100px;
    top:5px;
}

.portfsozd .t2 a , .portfprodv .t2 a, #stgal-load-more {
   
    width:auto;
    color:white;
    display:inline-block;
    padding:10px 30px;
    margin:0px auto 40px auto;
    border:1px solid white;
    border-radius:30px;
    background: none;
}

.portfsozd .t2 a:hover , .portfprodv .t2 a:hover, #stgal-load-more:hover {
    background:white;
    color:#0b2d4b;
}

#stgal-load-more{
    margin-top:40px;
    margin-bottom:0px;
}

.b_wrap{
    text-align: center;

}

.portfsozd .t2 , .portfprodv .t2 {
 text-align:center;
    margin-top:-50px;
}


.portfsozd{
   background: #0e2c4b url('/../../images/bgpr.webp') top center / cover no-repeat !important;
   color:white;
   border-radius:42px;
   padding:50px 20px 30px 20px ;
    padding-left:20px !important;
     padding-right:20px !important;
}


.portfprodv{
   background: url('/../../images/bgtop_green.svg') repeat-x scroll bottom center /cover!important; 
    color:white;
    border-radius:42px;
}


.seczag2 h2{
    font-family: "Unbounded", sans-serif;
font-weight:400;
    font-size:30px;
    line-height: 35px;
    padding:0px !important;
}

.seczag2 i{
    font-family: "Unbounded", sans-serif;
    display:block;
    font-style:normal;
    font-size:16px;
    margin-top:-20px;
    line-height:20px;
}

h3.z1{
    font-size: 30px;
    font-weight:bold;
    padding-bottom:10px;
}

.uslsozd .u1 a{
    color:white;
}

.uslsozd .u2 a{
    color:#000000;
}

.uslsozd .u1{
     background-color: #671855;
  background-image:
    url('/../../images/sozdu1.webp'),
    url('/../../images/sozdu1-1.webp');
  background-position:
    right 20px bottom 20px,
    top center;
  background-repeat:
    no-repeat,
    no-repeat;
  background-size:
    auto,
    cover;
  background-attachment:
    scroll,
    scroll;
     color:white;
     box-shadow: 0 5px 30px -5px rgb(0 0 0 / 18%);
}

.dops .uslsozd .u1{
      background-image:
    url('/../../images/sozdu1.webp'),
    url('/../../images/bg-pred.webp');
}

.firm .uslsozd .u1{
      background-image:
    url('/../../images/logodes.webp'),
    url('/../../images/sozdu1-1.webp');
}

.prodv .uslsozd .u1{
     background:url('/../../images/context.webp') right  20px bottom 20px no-repeat, url('/../../images/bgtop_green.svg') top center / cover no-repeat !important;
     color:white;
     box-shadow: 0 5px 30px -5px rgb(0 0 0 / 18%);
}

.uslsozd .u2{
     background:white url('/../../images/sozdu2.webp') right  20px bottom 20px no-repeat !important;
    box-shadow: 0 5px 30px -5px rgba(0,0,0,0.10);
}

.firm .uslsozd .u2{
     background-image:url('/../../images/brand.webp') !important ;
}

.im .uslsozd .u2{
     background-image:url('/../../images/improd.webp') !important ;
}

.prodv .uslsozd .u2{
     background-image:url('/../../images/seo.webp') !important ;
}

.uslsozd .u1, .uslsozd .u2{
    font-size:18px;
    padding:30px 40px 70px 40px;
    border-radius:20px;
}

@media screen and (max-width:992px) {

    .mar p{
font-size:16px;   
}

    .mar{
        margin-bottom:20px;
    }

    .seczag2 {
    font-size: 28px;
    line-height: 35px;
}

    .uslsozd .z1{
    font-size: 23px;
    line-height: 29px;
}

 .uslsozd .u1{

  background-color: #631751 !important;
  background-image:
    url('/../../images/sozdu1.webp'),
    url('/../../images/sozdu1-1.webp');
  background-position:
    top center,
    top center !important;
  background-repeat:
    no-repeat,
    no-repeat;
  background-size:
    auto,
    cover;
  background-attachment:
    scroll,
    scroll;
}
    .prodv .uslsozd .u1 {
    background: url(/../../images/context.webp) center  top 20px no-repeat, white url(/../../images/bgtop_green.svg) top center / cover no-repeat !important;
}

.uslsozd .u2{
     background:white url('/../../images/sozdu2.webp') top center no-repeat !important;
}   
 .uslsozd .u1, .uslsozd .u2{
     padding:200px 40px 20px 40px  !important;
}
}

.uslsozd2 .wk-h3 {
     font-family:'Montserrat', system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif  !important;
    font-size:20px   !important;
}


.uslsozd2 img{
   width:79px !important;   
}

.uslsozd2 .wk-panel{background:white;padding:20px;border-radius:20px;min-width:350px !important;}

@media screen and (max-width:760px) {

.uslsozd2 img{
   width:60px !important;   
}
    
   .uslsozd2 .wk-panel{min-width:150px !important; 

}
    .wk-scope .wk-grid-column-medium>*,.wk-scope .wk-grid-medium>* {
    padding-left: 10px  !important;
}

    .wk-scope .wk-grid-column-medium,.wk-scope .wk-grid-medium {
    margin-left: -10px   !important;
}

    .wk-scope *+.wk-grid-margin,.wk-scope .wk-grid+.wk-grid,.wk-scope .wk-grid>.wk-grid-margin {
    margin-top: 10px   !important;
}
}

.uslsozd .u .sppb-media-content{
            align-items: center !important;  
    justify-content: center !important;

display:flex !important;
    height:100%  !important;
    min-height:80px;
        
}

.uslsozd2 .wk-h3 {
    font-family:'Montserrat', system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif  !important;
    font-size:16px   !important;
}

.aboutsec{
    color:white;
}

.aboutsec .wk-panel{
    border:1px solid #ffffff54;
    border-radius:20px;
padding:20px 20px 30px 30px !important;
    z-index:10  !important;
}

@media screen and (max-width:768px){
    .aboutsec .wk-panel{
padding:20px 15px 30px 15px !important;
}
}

.aboutbot.aboutsec .wk-panel{
   background: #336699;

}

.sozd .aboutsec .wk-panel{
    background:#5b5dce4d;
    backdrop-filter: blur(20px);
    z-index:10  !important;
}

.aboutsec .wk-panel{
   background: #336699;
    backdrop-filter: none;
}


.im .aboutsec .wk-slider-nav{
    margin-top:-15px !important;
    margin-bottom:10px  !important;
}

.im .aboutsec .wk-scope .wk-dotnav>.wk-active>a
 {
    background-color: rgb(51 102 153) !important;
 }

.expir .sppb-animated-number-title{
    margin-top:-5px;
}
.expir .t1{
    font-family: 'Micra', system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-weight: 900; /* максимально жирный */
    -webkit-text-stroke-color: white;
    text-stroke-color: white;
    color:#0000;
    font-size:52pt;
    -webkit-text-stroke-width: 2px;
    text-stroke-width: 2px;
      transition: all 1.7s ease-in-out;
}


.aboutsec .wk-panel:hover .t1{
    color:#ffffffb0;
    text-stroke-color: #ffffff;
    -webkit-text-stroke-color: #ffffffba;
    text-shadow: 0px 0px 20px #ffffff;
    text-stroke-width: 1px;
}
.expir .t1 b{
    font-size:40px;
}

.expir .sppb-animated-number:after{
    font-size:32pt;
}

@media screen and (max-width: 1400px) {
.expir .t1{
    font-size:60px;
}
}
@media screen and (max-width: 768px) {
.expir .t1{
    font-size:40px;
}
.expir .t2{
    font-size:14px;
}
.expir .t1 b{
    font-size:20px;
}
}

.sozd .aboutsec{
    background:  none  !important;
    color:white;

    padding-bottom:0px !important;
    margin-top:-180px  !important;
    margin-bottom:-55px  !important;
    z-index:2 !important;
}

.aboutbot.aboutsec{
    color:white;
background:white;
}

.im .aboutsec{
    background:  none  !important;
    color:white;

    padding-bottom:50px !important;
    margin-top:20px  !important;
    margin-bottom:20px  !important;

}

.toppic .b1{
    margin:30px 0 60px 0 !important;
}

.toppic{
     margin-top:-219px !important;   
        color: white;
    padding-top:180px !important;
}

.sozd .toppic{
  background-color: #121063;
  background-image:
    url('/images/toppic-sozd.svg'),
    url('/images/net3.webp'),
    url('/images/toppic-sozd.webp'),
    url('/images/bgtop.svg');
  background-repeat: no-repeat, no-repeat, no-repeat, repeat-x;
  background-position:
    calc(50% + 360px) 350px,
    calc(50% - 660px) 70px,
    calc(50% + 590px) 150px,
    bottom center;
  background-size: auto, auto, auto, cover;
  background-attachment: scroll;
        padding-bottom:200px !important;
}

.dops .toppic{
    background-color: #0a5e7b;
     background-image:
    url('/../../images/bg-pred.webp') !important;
  background-repeat:
    repeat-x;
  background-position:
    bottom center;
  background-size:
    cover;
     color: white;

}

.im .toppic{
    background-color: #121063;
     background-image:
    url('/../../images/net3.webp'),
    url('/../../images/mockup.webp'),
    url('/../../images/bgtop.svg') !important;

  background-repeat:
    no-repeat,
    no-repeat,
    repeat-x;

  background-position:
    calc(50% - 660px) 70px,
    bottom right,
    bottom center;

  background-size:
    auto,
    auto,
    cover;

  background-attachment:
    scroll,
    scroll,
    scroll;

       
        color: white;
    padding-bottom:0px  !important;
}

.prodv .toppic{
background-color: #00836c;


  background-image:
    url('/../../images/net3.webp'),
    url('/../../images/mockup.webp'),
    url('/../../images/bgtop_green.svg');


  background-repeat:
    no-repeat,
    no-repeat,
    repeat-x;


  background-position:
    calc(50% - 660px) 70px,
    bottom right,
    bottom center;


  background-size:
    auto,
    auto,
    cover;


  background-attachment:
    scroll,
    scroll,
    scroll;
    padding-bottom:30px  !important;
}

.firm .toppic{
         background-color: #0a3367;


  background-image:
    url('/../../images/net3.webp'),
    url('/../../images/mockup.webp'),
    url('/../../images/bgtop_firm.svg');


  background-repeat:
    no-repeat,
    no-repeat,
    repeat-x;


  background-position:
    calc(50% - 660px) 70px,
    bottom right,
    bottom center;


  background-size:
    auto,
    auto,
    cover;


  background-attachment:
    scroll,
    scroll,
    scroll;

}




.intm .toppic p{
    margin-bottom:0px !important;
}

.toppic .t1{
    font-family: 'Montserrat', sans-serif !important;
    font-weight:700  !important;
    font-size: 31pt;
    line-height:35pt;
    padding:20px 0 30px 0;

}
.toppic .t1 i{
    font-style:normal;
color:#E8DBB5;
}

.toppic .t2{
    font-size: 17pt;
    line-height: 24pt;
    margin-bottom:60px;
}

.toppic .t3 ul {
  padding-left:0px !important;  
    display: flex;
      flex-wrap: wrap;      /* разрешаем перенос */
  align-items: stretch; /* элементы в строке одной высоты */
}

.toppic .t3 ul li{
    list-style-type:none;
    max-width:324px;
    min-width:324px;
    border:1px solid white;
    padding:15px 15px 15px 60px;
    border-radius:20px;
    margin-right:20px;
    margin-bottom:20px;
    position: relative;
    }

@media screen and (max-width:1200px) {
    .toppic .t3 ul li{
    list-style-type:none;
    max-width:280px;
    min-width:280px;
}
}

.im .toppic .t3 ul li{
    min-width:294px;
    max-width:294px;


    }

.toppic .t3 ul li:before {
  content: ""; 
  position: absolute;
  left: 14px;
  top: 30px;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background-color: #E8DBB5;
  border-radius: 50%;
  display: inline-block;
}

.intm .toppic .t4{
    display: block;
    font-size: 25pt;
    line-height:28pt;
    font-weight:700;
}

.intm .toppic .t4 b{
    font-weight:700;
    color:#FFCE4E;
}

@media screen and (max-width:992px) {
    .spec{
        text-align:center;
        font-size:20px;
    }

.toppic{
    padding-top:200px !important;
}

.sozd .toppic{
background-color: #121063;

 
  background-image:
    url('/../../images/toppic-sozd.svg'),
    url('/../../images/toppic-sozd.webp'),
    url('/../../images/bgtop.svg');

  background-repeat:
    no-repeat,
    no-repeat,
    repeat-x;


  background-position:
    calc(50% - 70px) 550px,
    center 420px,
    bottom center;


  background-size:
    400px auto,
    600px auto,
    cover;

  background-attachment:
    scroll,
    scroll,
    scroll;
    padding-bottom:200px !important;
    color: white;
 

}
    
 .toppic .t1{
        font-size:30px;
        line-height:32px;
     padding-top:10px;
    }

.toppic .t3 {
  display:none !important;  
}

.dops .toppic .t3 {
  display:block !important; 
font-size:18px;
}   
.dops .toppic .t3 ul{
        margin:10px auto  !important; 

}

.dops .toppic ul li{
    margin:0 10px 20px 10px !important;
    min-width:auto;
}

    .knform p{
    text-align:center;
}

    .knform p a{
        display: inline-block;
    }
}

@media screen and (min-width:500px) and (max-width:992px){

    
.sozd .toppic{
padding-top:180px !important;
    background: url('/../../images/toppic-sozd.svg') no-repeat calc(50% - 70px) 470px / 400px auto ,url('/../../images/toppic-sozd.webp') no-repeat center 350px / 600px auto , url('/../../images/bgtop.svg') repeat-x scroll bottom center /cover !important;
}
}

/*int-mag-------------------------------------------------------------*/

.portf{
    margin: 70px 0 100px 0;
}

.portf h4 {
    color:white !important;
        font-family: Montserrat, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif  !important;
    font-weight:700 !important;
    font-size:18px  !important;
    line-height:28px  !important;
    margin-bottom:0px   !important;
}

.portf .wk-h3 b a{
    font-weight:normal;
    color:white !important;
    font-size:16px  !important;
}

.sp-megamenu-wrapper{
    border-top: 1px dashed #ffffff59;
    margin-top:10px;
}

#sp-top3 .custom p {
    margin:0px auto;

}

#sp-top2 img {
    width: 35px;
    margin-bottom: -10px;

}

#sp-top2 a{
    color:black;
    display: inline-block;
    margin-right: 10px;
    text-align: center;  
}

#sp-top2 .h_tel{
    color:#ffffff;
    font-size:17pt;
    line-height:50px;
    margin-left: 40px;

}

.telsec .zay, .telsec .zay2{
    font-size:19pt;
min-width: 350px;
    margin:0px auto;
}

.telsec .tt1{
    font-size:22pt;
    color:#0f253e;
    margin-bottom:0px;
    text-align:center;
}

.telsec .tel{
    font-size:37pt;
    color:#0f253e;
    font-weight:bold;
    text-align:center;
    display: block;
}

.telsec .sppb-row{
    background: url('/../../images/bg3.svg') no-repeat scroll top -100px left -140px, url('/../../images/bg4.svg') no-repeat scroll bottom -100px right -140px, linear-gradient(90deg, #D0F2FA 0%,  #D0F2FA 100%);
    color:white;
    padding:50px  !important;
    margin-top:-130px;
    margin-bottom:50px;
border-radius:200px;
}

.usl .b1{
    color:white;
    width: 216px;
    font-size: 10pt;

    marginb-top:30px;
}

.usl .wk-panel{
    padding:40px 20px 25px 97px;
    border-radius:30px;
}


.usl div:nth-child(1) .wk-panel{
    background: white url('/../../images/u1.webp')  no-repeat scroll top left;
    background-size: auto 100%;
}

.usl div:nth-child(1) .t3{
    color: #3f3f3f !important;
}

.usl div:nth-child(1) .b1:hover {
    color:white !important;
}

.usl div:nth-child(2) .wk-panel{
    background: #5CAFEE url('/../../images/u3.webp')  no-repeat scroll top left;
 background-size: auto 100%;
    
}

.usl div:nth-child(2) .wk-panel *{
    color: white !important;
}

.usl div:nth-child(3) .wk-panel *{
    color: white !important;
    
}

.usl div:nth-child(3) .wk-panel{
    background: #336699 url('/../../images/u2.webp') no-repeat scroll top left;
    background-size: auto 100%;
    
}

.usl .wk-h3{
    color: black !important;
    font-size:15pt  !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight:700  !important;
    text-transform: uppercase  !important;
    margin-bottom:-20px   !important;
    
}

.usl .price{
    color: black !important;
    font-size:19pt  !important; 
    margin-bottom:20px;
}

.usl .price b{
    color: black !important;
    font-size:22pt  !important;
    padding: 0px 0px 0px 5px;
}


.usl .t1{
    color: black !important;
    font-size:17pt  !important;   
}

.usl .t3{
    display: block;
    margin-bottom: 40px;
    color: #ffffff !important;
    min-height: 120px;
}

.usl .t3 i{
    font-style:normal;
    display: block;
    font-size:14px;
    line-height: 15px;
    margin-top:12px;
    opacity:0.8;
}

.usl.style .wk-panel{
    color:black;
    background: white url('/../../images/bgtop_firm.svg')  no-repeat scroll top left -1850px !important;
box-shadow: 0 5px 30px -5px rgba(0,0,0,0.10);

}

.usl.style div:nth-child(1) .wk-panel .t1, .usl.style div:nth-child(2) .wk-panel *, .usl.style div:nth-child(3) .wk-panel *{ 
    color: black !important;
}

.usl.style div:nth-child(1) .wk-panel .t3, .usl.style div:nth-child(2) .wk-panel .t3, .usl.style div:nth-child(3) .wk-panel .t3{
color: #0a3367!important;
    margin-bottom:10px !important;
}

.usl.style div:nth-child(1) .wk-panel .t3 i,.usl.style div:nth-child(2) .wk-panel .t3 i, .usl.style div:nth-child(3) .wk-panel .t3 i{ 
    color: #3f3f3f!important;
}


.usl.style div:nth-child(1) a.blight ,.usl.style div:nth-child(2) a.blight , .usl.style div:nth-child(3) a.blight 
{
    font-size:14px;
    font-weight:bold !important;
        color:#b51c3f !important;
    display:inline-block;
    padding:7px 20px;
    margin:0px auto 0px auto;
    border:1px solid #b51c3f;
    border-radius:30px;
    text-decoration:none;
}

.usl.style div:nth-child(1) a.blight:hover ,.usl.style div:nth-child(2) a.blight:hover , .usl.style div:nth-child(3) a.blight:hover 
{
    background:#b51c3f;
    color:white  !important;
}

.usl.style .price b {
    color: black !important;
    font-weight:400;
    font-size: 22pt !important;
    padding: 0px 0px 0px 5px;
}

.forallsec .allpic{
    margin-left:-500px  !important;
    margin-top:-30px  !important;
    
}

.forallsec .allpic img{
    border-radius:20px !important;
}

.forallsec{
    background:#2f74b85e;
    padding:0px !important;
    margin-top:150px !important;
    border-radius:20px !important;
}

.forallsec .t1{
        font-family: "Micra";
    font-weight: 700 !important;
    font-size: 33pt;
    line-height:39pt;
}

.forallsec .sppb-addon-raw-html{
    margin-left:20px;
    padding: 80px 50px 80px 0px !important;
}

.forallsec ul li{
    position:relative;
    line-height:27px;
    margin-bottom:10px;
}

.forallsec ul li:before{
    position:absolute;
    content:"";
    width: 17px;
    height:17px;
    background: #DD5E48;
    border-radius:50px;
    top:5px;
    left:-30px;
}

.forallsec ul{
    list-style-type:none;
    line-height:30pt;
    font-size:15pt;
}

.dostsec .wk-panel{
    border-left:1px solid white;
    padding-left:80px;
}

.dostsec .wk-first-column .wk-panel{
    border-left:none;

}

.dostsec .wk-panel div:nth-child(3){
    position:relative;
}

.dostsec .wk-panel div:nth-child(3):before{
    content:"";
    position:absolute;
top:6px;
    left: -28px;
    width: 15px;
    height:15px;
    background:url('/../../images/bul.svg') no-repeat scroll bottom center ;
}

.dostsec .wk-h3{
    color: white !important;
    font-family: Montserrat  !important;
    font-weight:700 !important;
    line-height:26px  !important;
}

.intm .expir .sppb-animated-number-title{
    margin-top:-20px;
}
.intm .expir .sppb-animated-number{
    font-family: 'Micra';
    -webkit-text-stroke-color: white;
    text-stroke-color: white;
    color:#0000;
    font-size:72pt;
    -webkit-text-stroke-width: 2px;
    text-stroke-width: 2px;
}

.portfsec .zag .t1{
    font-size:13pt;
    max-width:665px;
    float:right;
    position:relative;

    margin-bottom:30px;

}

.portfsec .zag .t1:before{
    content:"";
    display: block;
    position:absolute;
    width:78px;
    height:78px;
    background: url('/../../images/kav.svg') no-repeat scroll top;
    left: -100px;
    top:5px;
}

.uslpic{
    padding-top:100px;
    margin-left:-100px;
    padding-right:20px;
}

.uslpic img{

    padding-right:30px;
}

.usllist button{
    padding:40px 5px !important;
}

.etapsec .usllist button{
    padding:20px 5px !important;
}

.usllist button:hover{
    background:#DD5E48;
}

.usllist .sppb-panel-title{
    color:white;
    font-size:20pt;    
}

.etapsec .usllist .sppb-panel-title{
    color:white;
    font-size:15pt; 
    font-weight:400;

}

.prodv .usllist .sppb-panel-heading, .firm .usllist .sppb-panel-heading{
    font-size:22px; 
    font-weight:600;
    color:#1a4a7f;
        padding:25px 5px !important;
    border-top:2px solid #cccccc;
    border-bottom:none;

}


.firm .usllist .sppb-panel-heading{
    padding:8px 5px !important;
    border-top:1px solid #cccccc;
}

.prodv .usllist button:hover, .firm .usllist button:hover{
    background:#ffffff;
}

.prodv .usllist .sppb-panel-heading img, .firm .usllist .sppb-panel-heading img{
width:70px;
    height:70px;
    margin-right:20px;
}


@media screen and (max-width: 768px) {
    .etapsec .usllist .sppb-panel-title{
    color:white;
    font-size:16px; 

}
}

.etapsec .usllist .sppb-panel-title{
    display:flex !important;
    align-items:center!important;
    min-height:60px;

}

.usllist button b{
        font-weight:300;
    padding-right:20px;
    font-size:14pt;
}

.etapsec .usllist button b{
        font-weight:300;
    padding-right:20px;
    font-size:14pt;
    display: block;
    float:left;
    color:#154c81;
    background: white;
height:60px;
    width:60px;
    padding:15px;
    border-radius:40px;
    margin-right:30px;

}

@media screen and (max-width: 768px) {
.etapsec .usllist button b{
font-size:14px;
height:40px;
    width:40px;
padding:8px;

}
}

.uslcol .t1{
    font-size:14pt;
    max-width:407px;
    margin-left:100px;
    position:relative;
}

.uslcol .t1:before{
    content:"";
    display: block;
    position:absolute;
    width:78px;
    height:78px;
    background: url('/../../images/kav.svg') no-repeat scroll top;
    left: -100px;
    top:5px;
}

.prodv .uslcol .t1:before{
    background: url('/../../images/kavblue.svg') no-repeat scroll top;
}

.uslsec{
    background: url('/../../images/bg5.svg') no-repeat scroll top -100px left -90px, url('/../../images/bg6.svg') no-repeat scroll bottom -100px right -90px, linear-gradient(90deg, #0d253f 0%,  #0e2f54 100%);
    color:white;
    padding-bottom:10px !important;
}

.uslsec .zag .t1{
    color:#d95b4d;
    font-size:24pt;
    padding-left:50px;
}

.uslsec .seczag{
        text-align:left;
    -webkit-text-stroke-color: #ffffff;
    text-stroke-color: #ffffff;
    color:#0000;
    font-size:100pt;
    line-height: 90pt;
    -webkit-text-stroke-width: 2px;
    text-stroke-width: 2px;
           font-family:"Micra";
    font-weight: 700  !important;    

    margin-bottom:20px;
}

.portfimg{
    margin-bottom:40px;
}

.portftit a{
display: block;
    font-size:13pt;
    color:white !important;
    margin-bottom:20px;
}

.portfzag{
    color:white;
    font-weight:700;
    font-size:15pt;
    margin-bottom:0px;
}

.portfsec{
      background-color: #336699;
  background-image:
    url('/../../images/bg5.svg'),
    url('/../../images/bg6.svg'),
    linear-gradient(90deg, #84d3f5 0%, #336699 100%);
  background-repeat:
    no-repeat,
    no-repeat,
    no-repeat;
  background-position:
    left -90px top -100px,
    right -90px bottom -100px,
    center center;
  background-size:
    400px auto,   /* bg5.svg */
    400px auto,   /* bg6.svg */
    auto;         /* gradient */

  background-attachment:
    scroll,
    scroll,
    scroll;
    color:white;
    padding:100px  30px !important;
    border-radius:42px;
    
}

.portfsec .zag{
    max-width:1200px;
    margin:0px auto;
}

.portf .wk-inline-clip{
    border-radius:20px;
    overflow:hidden;
}

.portfsec .seczag{
    text-align:left;
    -webkit-text-stroke-color: #ffffff;
    text-stroke-color: #ffffff;
    color:#0000;
    font-size:100pt;
    line-height: 90pt;
    -webkit-text-stroke-width: 2px;
    text-stroke-width: 2px;
           font-family:"Micra";
    font-weight: 700  !important;    

    margin-bottom:20px;
}

.imagsec{
    background: url('/../../images/bg3.svg') no-repeat scroll top -100px left -90px, url('/../../images/bg4.svg') no-repeat scroll bottom -100px right -90px, linear-gradient(90deg, #D0F2FA 0%,  #D0F2FA 100%);
    color:white;
    padding-top:100px  !important;
    padding-bottom:150px !important;
}



.imagsec .zag .t3{
    text-align:center;
    color: #0d447a;
    font-size:30pt;
    font-weight:700;
    
}

.imagsec .zag .t1{
    text-align:center;
    color: #DD5E48;
    font-size:17pt;

    
}
.imagsec .zag .t2{
    text-align:left;
    -webkit-text-stroke-color: #0c243f;
    text-stroke-color: #0c243f;
    color:#0000;
    font-size:48pt;
    line-height: 48pt;
    -webkit-text-stroke-width: 2px;
    text-stroke-width: 2px;
           font-family:"Micra";
    font-weight: 700  !important;    
    text-align:center;
    margin-bottom:0px;
}

.expir .sppb-animated-number:after{
    font-size:64pt;
}
.stoimsec{
    background:#0A2440;
}

.dostsec{
    padding-top:100px !important;
}

.intm .aboutsec{
    background:  url('/../../images/bg2.svg') no-repeat scroll bottom -20px left -90px, url('/../../images/bg1.svg') no-repeat scroll top 30px right -90px, linear-gradient(180deg, #0A2440 0%,  #0e3055 100%);
    color:white;
    padding-top:110px !important;
    padding-bottom:150px !important;
}


a.kp{
    margin: 30px auto;
    display: block;
    color:white;
    width:200px;
    text-decoration:underline;
    font-size:12pt !important;
    line-height:12pt;
    position:relative;
}
a.kp:before{
    content:"";
    width:35px;
    height:35px;
    display: block;
    position:absolute;
    left:-45px;
    background:url('/../../images/pdf.png') no-repeat scroll bottom center ;
}

.cartsec .stoim{
    text-align:center;
    background:url('/../../images/cart.webp') no-repeat scroll bottom center ;
    height:100px;
    position:relative;
}

.stoim .sppb-addon-content{
    position:absolute;
    width:100%;
    bottom:-20px;
    z-index:1000000  !important;
}

.stoim .b1{
    margin:0px auto 0px auto;
    width:230px !important;
    padding: 15px 23px 15px 23px;
}

.zay, .zay2{
    font-weight:normal !important;
}

.cont{
        -webkit-text-stroke-color: #FFCE4E;
    text-stroke-color: #FFCE4E;
color:#0000;
-webkit-text-stroke-width: 2px;
text-stroke-width: 2px;
}

.intm .toppic{
        margin-top:-219px !important;
    background: #0D447A url('/../../images/bg1.webp') repeat-x scroll bottom center !important;
padding-top:219px !important;
    color: white;
}

.intm .toppic p{
    margin-bottom:0px !important;
}

.intm .toppic .t1{
    font-weight:700;
    font-size: 31pt;
    line-height:35pt;
    padding-top:20px;
}
.intm .toppic .t2{
    font-size: 18pt;
    line-height: 20pt;
}

.intm .toppic .t3{
    font-family: 'Micra';
    font-size: 52pt;
    line-height: 58pt;
    padding:15px 0 15px 0;
    display: block;
}

.intm .toppic .t4{
    display: block;
    font-size: 25pt;
    line-height:28pt;
    font-weight:700;
}

.intm .toppic .t4 b{
    font-weight:700;
    color:#FFCE4E;
}

.wk-scope .wk-slidenav {
    color: rgb(2 2 2 / 80%)  !important;
}

.wk-slidenav-previous, .wk-slidenav-next {
    background: #ffffff82 !important;
    

}

.wk-scope .wk-dotnav>*>* {
border: none !important;
    background: #d8d8d8   !important;
}

.wk-scope .wk-dotnav>.wk-active>* {
    background-color: rgb(51 102 153)  !important;
    border-color: transparent
}

.wk-scope .wk-dotnav>*>:hover {
    background-color: rgb(51 102 153) !important;

}

input.tf-phone-control--number{
    border: none !important;
}

#formsec .t1{
    font-family: "Unbounded", sans-serif;
font-size:26px;
    line-height:32px;
    margin-bottom:30px;
}

#formsec .t2{
font-size:16pt;
line-height:24pt;
margin-bottom:30px;
}

#formsec a.f_tel{
    font-size:18pt;
    color:white;
    font-weight:700;
    line-height:35pt;
}

#formsec a.f_tel:hover{
    color:#e6e6e6;
}

#formsec{
    background:  url('/../../images/bg2.svg') no-repeat scroll top 100px left -190px, url('/../../images/bg1.svg') no-repeat scroll top 30px right -190px, linear-gradient(90deg, #0082E4 0%,  #00C5E5 100%);
    color:white;
}

#formsec .zag p{
    font-family: Manrope;
    color: white !important;
    font-size:25px;
    font-weight:700;
    text-align:center;
    margin-bottom:4px;
}

/*convertforms--------------------------------------------*/

.convertforms.cf-success .cf-response {
    background-color: white;
    display: block;
}

.convertforms .cf-response {
    color: #000000;
    margin-bottom: 0px !important;
    padding: 0px 0px !important;
    margin-bottom:-20px !important;
font-size:21px;
}

.eb-dialog{
    border-radius:20px;
    /*background: white url(/../../images/bgfirm1.webp) no-repeat scroll top left;*/
}

.eb-visible input{
    border:1px solid #9e9e9e !important;
}

.eb-visible p.zag {
    font-family: Manrope;
      font-size:25px;
    font-weight:900;
    text-align:center;
    margin-bottom:14px;
    margin-top:-10px;
}

.eb-visible p.opis {
    font-family: "Montserrat";
}

.botform{
    padding:0px 30px !important;
}

p.sogl , .sogl a{
        color: #000000 !important;
    font-size:10px  !important;
    margin-bottom:0px   !important;
}

.botform p.sogl , .botform .sogl a{
        color: #ffffffa8 !important;
    font-size:10px  !important;
}


.eb-visible .sogl p{
    font-size:13px  !important;
}

.eb-visible .zag p{
    font-family: Manrope;
     font-size:25px;
    font-weight:700;
    text-align:center;
    margin-bottom:9px;
    margin-top:-20px;
}

.botform input.cf-input  {
    padding:22px !important;
    border-radius:50px  !important;
    border:none !important;
}



.botform .cf-btn, .eb-visible  .cf-btn {
    width:250px;
    border-radius:50px  !important;
    padding:23px !important;
    background-color: #DD5E48  !important;
    font-weight:700;
}

#foosec{
    border-top:5px solid #db0023;
}

#foosec, #foosec a{
    color: white !important;
    font-size:17px;
}

#foosec .tel{
   font-weight:700; 
}

#foosec i{
    padding:4px;
    background:#db0023;
    font-size:10px;
    width:17px;
    height:17px;
    text-align:center;
    margin-right:8px;
}



.seczag{
       font-family:"Micra";
    font-weight: 700  !important; 
    font-size:27px;
    text-align:center;
    margin-bottom:40px;
}
.dostsec .seczag{
    text-align:left;
    -webkit-text-stroke-color: white;
    text-stroke-color: white;
    color:#0000;
    font-size:60pt;
    -webkit-text-stroke-width: 2px;
    text-stroke-width: 2px;
}


.b1 {
        position: relative;
        overflow: hidden;
display:inline-block;
        1background: #DD5E48;
    background:#B51C3F;
        color: white;
        text-align: center;

        padding: 10px 20px 10px 20px;
        border-radius: 50px;
        font-weight:bold;
        transition: all .2s ease-in-out;
        z-index:10 !important;
    margin-bottom:0px !important;
    white-space: nowrap;
}

.cent{
    text-align:center;
}

.b1:hover {
    text-decoration:none !important;
}

.b1:visited {
    color: white !important;
}



.anim:before {
  content: '';
  width: 100%;
  height: 200%;
  position: absolute;
  top: 0; left: 0;
  opacity: 0.5;
  filter: blur;
  background: linear-gradient(to left, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
  transform: translate(-100%, -25%) rotate(10deg);
  animation: blick2 4s infinite;
}

@keyframes blick2 {
  0% {
    transform: translate(-100%, -25%) rotate(10deg);
  }
  20% {
    transform: translate(100%, -25%) rotate(10deg);
  }
  100% {
    transform: translate(100%, -25%) rotate(10deg);
  }
}

.b1:hover {
    color: white;

    transform: scale(1.08);
}


#sp-logo,  #sp-top2, #sp-top3 .custom{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

@media screen and (min-width:992px){
   #sp-logo{
    align-items: start;
}
 
}


.logo{

}

#sp-section-1{
    background: black;
    color:white;
    
}
#sp-section-1 p{
    margin-bottom: 5px;
    margin-top: 5px;
}

#sp-top1 a{
    font-weight: bold;
    margin-right: 20px;
}

#sp-section-1 a{
    color: white;
}

#sp-top2 {
text-align:right;
}

section#sp-menu{
    
    position:relative;
    z-index:100  !important;
background: #0b1864;
    background: linear-gradient(135deg, #005898 0%,  #0b1864 100%);
    
}

/*
section#sp-menu.menu{
   1 background: linear-gradient(90deg, #0b18648a 0%,  #0b1864a1 100%), url('/../../images/bg2.svg') no-repeat scroll top 100px left -190px, url('/../../images/bg1.svg') no-repeat scroll top 30px right -190px, linear-gradient(90deg, #0082E4 0%,  #00C5E5 100%);
}

*/
.land  section#sp-menu{
    background:none !important;
}



#sp-top3 .sp-module-content{
    display: flex !important;
    justify-content: center  !important;
    align-items: center !important;
   height:96px;
}


.sp-megamenu-parent a {
  text-decoration: none;
  position: relative;
  transition: 0.4s;
}

.sp-megamenu-parent a::before {
  content: "";
  position: absolute;
  width: 0;
  height: 3px;
  bottom: 2px;
  left: 50%;
  background-color: #ffffff45;
  transition: all 0.4s;
}

.sp-megamenu-parent a:hover::before {
  width: 100%;
  left: 0;
}

/*menu-hover-----------------------------------------------

.sp-megamenu-parent {
  box-sizing: border-box;
}

.sp-megamenu-parent *,
.sp-megamenu-parent *:before,
.sp-megamenu-parent *:after {
  box-sizing: inherit;
  padding: 0;
  margin: 0;

}



.sp-megamenu-parent li {

  transition: background-position-x 0.9s linear;


 a {

    text-decoration: none;
    transition: all 0.45s;
  }

 &:hover {
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEi%0D%0AIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhs%0D%0AaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0%0D%0AaD0iMzkwcHgiIGhlaWdodD0iNTBweCIgdmlld0JveD0iMCAwIDM5MCA1MCIgZW5hYmxlLWJhY2tn%0D%0Acm91bmQ9Im5ldyAwIDAgMzkwIDUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZmlsbD0i%0D%0Abm9uZSIgc3Ryb2tlPSIjZDk0ZjVjIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGlt%0D%0AaXQ9IjEwIiBkPSJNMCw0Ny41ODVjMCwwLDk3LjUsMCwxMzAsMAoJYzEzLjc1LDAsMjguNzQtMzgu%0D%0ANzc4LDQ2LjE2OC0xOS40MTZDMTkyLjY2OSw0Ni41LDI0My42MDMsNDcuNTg1LDI2MCw0Ny41ODVj%0D%0AMzEuODIxLDAsMTMwLDAsMTMwLDAiLz4KPC9zdmc+Cg==");
    animation: line 1s;
  }

 &:hover a {
    color: #d94f5c;
  }

 &:not(:last-child) {
    margin-right: 30px;
  }
}

@keyframes line {
  0% {
    background-position-x: 390px;
  }
}

------------menu-hover-----------------------------------------------*/

.sp-megamenu-parent > li > a, .sp-megamenu-parent>li>span {
    font-size: 20px;
    font-weight:500 !important;
    line-height:60px;
    
}

.sp-megamenu-parent>li a:after, .sp-megamenu-parent>li span:after  {
    font-size: 15px;
    color:#ffffff8c;
    display: none;
}

@media screen and (max-width:1400px){
  .sp-megamenu-parent > li > a, .sp-megamenu-parent>li>span {
    font-size: 17px;   
}  
}

@media screen and (max-width:1200px){
  .sp-megamenu-parent > li > a, .sp-megamenu-parent>li>span {
    font-size: 14px;   
}  
}

.sp-menu-item a:hover{
    color: #f6edd1 !important;
}

.sp-megamenu-parent>li:last-child>a, .sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    padding-right: 20px !important;
    padding-left: 20px !important;
    color: ##ffffff;
}


.sp-megamenu-parent>li>a, .sp-menu-heading {
    color: #ffffff !important;
}

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
}

.sp-menu-item:hover {
    1background: #fcf8e3;
}

.sp-menu-item:hover a {
    color: white;
}

.sp-menu-item.current-item.active {
   
}

.sp-dropdown-inner {
    padding: 7px !important;
    background: #ffffff !important;
    border-radius:7px;
}



.sp-dropdown-inner li {
    text-align: left;
    padding: 2px 5px!important;
}

.sp-dropdown-inner li a {
    font-size: 16px !important;
    width: 100%;
    color: black !important;
}

.sp-dropdown-inner li:hover {
    background: #f2f1f6;
    border-radius:5px;
}

.sp-dropdown-inner li a:hover {
    color: #000000 !important;
}



#sp-breadcrumbs .float-start{
    display: none  !important;
}

ol.breadcrumb{
    margin-bottom:0px;
}

.article-ratings-social-share{
    display: none  !important;
}

#sp-main-body{
    padding-top:50px  !important;
    background: #f2f1f6;
}

.offcanvas-menu a{
    font-size: 24px !important;
    line-height:28px  !important;
}

.st {
    position: absolute;
    bottom: 5px;
    color: white;
    font-size: 10px;
    width: 100%;
    text-align: right;
    z-index:10;
}

.st .container {
    background: transparent;
    padding-right: 20px;
    color: white;
}

.st a, .st a:hover {
    color: white;
}

 .fab {
              position: fixed;
              width: 56px;
    right: 22px;
    bottom: 80px;
              margin-left: -28px;
     z-index:20 !important;
            }
            
            .fab:hover .fab-buttons {
              opacity: 1;
              visibility: visible;
            }
            
            .fab:hover .fab-buttons__link {
              transform: scaleY(1) scaleX(1) translateY(-16px) translateX(0px);
            }
            
            .fab-action-button:hover + .fab-buttons .fab-buttons__link:before {
              visibility: visible;
              opacity: 1;
              transform: scale(1);
              transform-origin: right center 0;
              transition-delay: 0.3s;
            }
            
            .fab-action-button {
              position: absolute;
              bottom: 0;
              display: block;
              width: 56px;
              height: 56px;
              background-color: #5bc34a;
              border-radius: 50%;
              box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
            }
            
            .fab-buttons {
              position: absolute;
              left: 0;
              right: 0;
              bottom: 50px;
              list-style: none;
              margin: 0;
              padding: 0;
              opacity: 0;
              visibility: hidden;
              transition: 0.2s;
            }
            
            .fab-action-button__icon {
              display: inline-block;
              width: 56px;
              height: 56px;
              background: url('/../../images/mess.svg') center no-repeat;
                background-size:30px;;
            }
            
            .fab-buttons__item {
              display: block;
              text-align: center;
              margin: 12px 0;
            }
            
            .fab-buttons__link {
              display: inline-block;
              width: 40px;
              height: 40px;
              text-decoration: none;
              1background-color: #ffffff;
              border-radius: 50%;
              1box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
              transform: scaleY(0.5) scaleX(0.5) translateY(0px) translateX(0px);
              -moz-transition: .3s;
              -webkit-transition: .3s;
              -o-transition: .3s;
              transition: .3s;
            }
            
            [data-tooltip]:before {
                font-family: Montserrat, sans-serif;
              top: 50%;
              margin-top: -11px;
              font-weight: 600;
              border-radius: 2px;
              background: #585858;
              color: #fff;
              content: attr(data-tooltip);
              font-size: 12px;
              text-decoration: none !important;
              visibility: hidden;
              opacity: 0;
              padding: 4px 7px;
              margin-right: 12px;
              position: absolute;
              transform: scale(0);
              right: 100%;
              white-space: nowrap;
              transform-origin: top right;
              transition: all .3s cubic-bezier(.25, .8, .25, 1);
            }
            
            [data-tooltip]:hover:before {
              visibility: visible;
              opacity: 1;
              transform: scale(1);
              transform-origin: right center 0;
            }
            
            .icon-material {
              display: inline-block;
              width: 50px;
              height: 50px;
                background-size:50px !important;
            }
            
            .icon-material_tg {
              background: url('/../../images/itg.svg') center no-repeat;
                
            }
            
            .icon-material_wp {
              background: url('/../../images/iwp.svg') center no-repeat;
            }
            
            .icon-material_vb {
              background:url('/../../images/ivb.svg') center no-repeat;
            }
            
            .icon-material_tl {
              background: url('/../../images/itl.svg') center no-repeat;
            }

.sp-scroll-up {

    bottom: 10px;
    right: 30px;
}

@media screen and (max-width:1200px) {
    .usllist button {
    padding: 25px 5px !important;
}
.usllist .sppb-panel-title {

    font-size: 15pt;
}
    .uslsec .seczag {
    font-size: 80pt;
    line-height: 80pt;
    margin: 0px;
}
    
.telsec .sppb-row {
    padding: 30px !important;
    margin-top: -130px;
    margin-bottom: 0px;
    border-radius: 200px;
}
    .telsec .tt1{
    font-size:16pt;
}

.telsec .tel {
    font-size: 28pt;

}
    
.portfsec {

    padding-top: 50px !important;
    padding-bottom: 70px !important;
}
    
    .imagsec {

    padding-top: 50px !important;
    padding-bottom: 70px !important;
}
    .cartsec .stoim{
     background:none ;
    height:30px;

}
    .expir .sppb-animated-number {
    font-size: 48pt;
    line-height:68pt;
    }

        .expir .sppb-animated-number:after {
    font-size: 34pt;
}
.portfsec .seczag {
    font-size: 70pt;
    line-height: 80pt;

}
}

@media screen and (max-width:992px) {

    .forallsec {

    margin-top: 50px !important;
}

    .expir .sppb-animated-number{
        font-size:40pt;
    }
    .forallsec .t1 {
            font-size: 25pt;
        line-height: 30pt;
    }

    .dostsec .seczag {
        font-size: 29pt;
        text-align:center;
    }

    .imagsec .zag .t1{
    font-size:15pt;

    
}

    .imagsec .zag .t2 {
        font-size: 26pt;
        line-height: 32pt;
        
    }

    .imagsec .zag .t3 {

    font-size: 20pt;
        line-height: 32pt;
        margin-bottom:40px;

}
    .portfsec .seczag, .uslsec .seczag {
    text-align: center;
    font-size: 30pt;
    line-height: 40pt;
   
    margin-bottom: 10px;
}
    .uslsec .zag .t1 {
        font-size:22px;
        text-align: center;
        padding:0px;
    }

    .intm .toppic .t3 {
display: block;
    font-size: 23pt;
    line-height: 27pt;
    margin: 15px 0 15px 0 !important;
        -webkit-text-stroke-width: 1px;
}

    .intm .toppic .t4{
           font-size: 22pt;
    line-height: 25pt;
        margin-bottom:10px !important;
    }
    
    .telsec .tt1 {
    font-size: 16pt;
}
    .telsec .tel {
    font-size: 18pt;
}
.telsec .sppb-row {
    padding: 10px 10px 20px 10px !important;
    margin: -150px 10px 10px 10px;
    margin-bottom: 50px;
    border-radius: 30px;
}
    .telsec .zay, .telsec .zay2{
    font-size:15pt;
min-width: 250px;
    margin:10px auto;
}

    .usllist .sppb-panel-title{
    font-size:14pt;
}
    .usllist button {
    padding: 20px 5px !important;
}

    .botform {
    padding: 0px 10px !important;
}
    #formsec .t1 {
    font-size: 20pt;
    line-height: 22pt;
    margin-bottom: 20px;
}
    #formsec .t2 {
    font-size: 15pt;
    line-height: 19pt;
    margin-bottom: 30px;
}

    #formsec a.f_tel {
    display: none;
}

    .intm .toppic {
    margin-top: -155px !important;

}
    .logo-image {
        padding-top:8px !important;
        padding-bottom:5px !important;
        
    }
    
    .uslpic{
    padding:20px 10px;
    margin-left:0px;

}

.uslpic .sppb-addon-single-image-container{
    padding-right:0px;
    max-width:400px;
    margin:0px auto !important;
    display: block  !important;
}

    .uslcol .t1 {
display: none;
}

    .portf .wk-h3 {
    font-size: 17px !important;
    line-height: 21px !important;
        display: block  !important;

}

    .portf .wk-h3 b a{
        display: block  !important;
padding-top:5px;
}

    .sp-page-builder .page-content #section-id-ouprvqp7khm52cDpgffqq {
    padding: 50px 0px 10px 0px !important;

}

   .uslcol{
        padding: 0px !important;
       
    }
    .uslsec{
        padding-bottom:40px !important;
    }

    #sp-top2 .h_tel{

    font-size:15pt;
    line-height:50px;
    margin-left: 10px;

}
    .intm .toppic .t1 {
    font-size: 25pt;
    line-height: 28pt;
    padding: 20px 0 10px 0;
}
    #sp-top3{
        display: none !important;
    }


}

@media screen and (max-width:992px) {
        .intm .toppic {
        margin-top: -195px !important;
    }

    .forallsec .allpic {
    margin-left: 0px !important;
        margin-right: 0px !important;
}
     #offcanvas-toggler{
        position:absolute  !important;
        top:-125px;
        left:-5px;
         
    }

    .burger-icon span{
        background:white   !important;
    }

    section#sp-menu.menu{
    height:0px;
}
#sp-top2{
    padding-top:3px;
    padding-bottom:3px;
}
}