/* settings 
   colors 
    blocks BG = #045D7F;
    footer bg = #024762;
    footer down bg = #023143
    bg-grey = ECEFF1

 */
p:empty {
     display: none!important;
}
p,
.readmore-block{
  font-family: "Barlow", sans-serif;
  font-size: 14px;
  line-height: 19px;

}
.readmore-block{
  border-bottom: 1px solid rgb(31, 163, 228);
  padding-bottom: 5px;
}
.readmore-block p{
 padding: 5px 0;
}
.readmore-block:first-letter {
  color:#1FA3E4!important;
  
}
.readmore-link:hover{
  color: #68c3f0;
}
.readmore-link:after{
  -webkit-transition: all all 500ms;
  transition: all 500ms;
  content: "";
  position: static;
  display: inline-block;
  border: 0px!important;
  background: url(./img/menu-arrow.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 12px;
  height: 6px;
  margin-left: 3px;
  transform: translateX(0);
}
.readmore-link.opened:after{
  -webkit-transition: all all 500ms;
  transition: all 500ms;
  content: "";
  position: static;
  display: inline-block;
  border: 0px!important;
  background: url(./img/menu-arrow.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 12px;
  height: 6px;
  margin-left: 1px;
  transform: rotate(270deg);
}
p{
  margin-bottom: 10px;
}
.flex-no-wrap{
 flex-wrap: nowrap!important;
}
.w-100{
  width:100%;
}
.m-auto{
  margin:auto;
}
 .our-advantages-section .owl-dots{
   width: 100%!important;
 }
 .our-advantages-section.owl-theme .owl-dots .owl-dot.active span, 
 .our-advantages-section.owl-theme .owl-dots .owl-dot:hover span {
    background: #1FA3E4;
 }
 
 .flex-grow{
   flex-grow:1;
 }
 .shadow-img {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
 }
 .d-flex{
   display:flex;
   flex-wrap:wrap;
 }
 .font-bold{
   font-weight:700;
 }

@media(max-width:767px){
.d-flex-column-xs{
  flex-direction:column!important;
 }
 .order-mobile-0{
   order:-1; 
  }
}
 .flex-column{
   flex-direction:column;
 }
 .flex-nowrap{
   flex-wrap: nowrap;
 }
 .justify-content-center{
   justify-content:center;
 }
 .align-center{
   align-items:center;
 }
 
 .justify-content-space-between{
   justify-content: space-between;
 }
 .justify-content-space-around{
   justify-content: space-around;
 }
 .bg-blue-section{
   background-color:#045D7F;
 }
 .bg-white{
   background-color:#fff;
 }
 .bg-white-section{
   background-color:#fff;
 }
 .bg-white-section span,
 .bg-white-section p,
 .bg-white-section h2{
   color:#333333!important;
 }
 .bg-grey-section{
   background-color:#ECEFF1;
 }
 .bg-footer-section{
   background-color:#024762;
 }
 .btn-hover-shadow:hover{
   transition:all 0.2s;
   box-shadow: 1px 1px 5px #404140;
 }
 .content-wrap-inner{
   max-width:1170px;
   margin:0 auto;
   padding: 0 10px;
 }
 .content-wrap-inner-large{
   max-width: 1230px;
   margin: 0 auto;
   padding: 0 10px;
 }
 .no-wrap-padding{
   margin-left:-10px;
   margin-right:-10px;   
  }
.bg-dark{
  color:#fff;
}
 .pr-0{
   padding-right:0;
 }
 .px-30{
   padding-left:30px;
   padding-right:30px;
 }
 .py-30{
   padding-top:30px;
   padding-bottom:30px;
 }
 .mb-25{
   margin-bottom:25px!important; 
  }
 .mb-0{
   margin-bottom:0px!important; 
  }
 .mt-0{
   margin-top:0px!important; 
  }
 .mt-25{
   margin-top:25px!important; 
  }
 .px-0{
  padding-left:0!important;
  padding-right:0!important;  
 }
 .pt-10{
  padding-top:10px;   
 }
 .pb-10{
  padding-bottom:10px;   
 }
 .pb-30{
  padding-bottom:30px;   
 }
 .pt-75{
  padding-top:35px;   
 }
 @media(min-width:768px){
  .pt-75{
   padding-top:75px;   
  }
 }
.pb-75{
  padding-bottom:35px;   
 }
 @media(min-width:768px){
  .pb-75{
   padding-bottom:75px;   
  }
 }
 .pt-100{
  padding-top:45px;   
 }
 @media(min-width:768px){
  .pt-100{
   padding-top:100px;   
  }
 }
.pt-50{
  padding-top:25px;   
 }
 @media(min-width:768px){
  .pt-50{
   padding-top:50px;   
  }
 }
.pl-md-30{
  padding-left:0;   
 }
 @media(min-width:768px){
  .pl-md-30{
   padding-left:30px;   
  }
}
.pl-md-20{
  padding-left:0;   
 }
 @media(min-width:768px){
  .pl-md-20{
   padding-left:20px;   
  }
}
 .pb-50{
  padding-bottom:25px;   
 }
 @media(min-width:768px){
  .pb-50{
   padding-bottom:50px;   
  }
 }
  .pb-100{
  padding-bottom:50px;   
 }
 @media(min-width:768px){
  .pb-100{
   padding-bottom:100px;   
  }
 }
 .black{
   color:#333333!important;
 }
 section{
   clear: both;
   display: block;
   float: left;
   width: 100%;
 }
 .arrow-right,
 .arrow-right-white{
   position:relative;
 }
 .arrow-right-flex{
   width: 100%;
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
   max-width: 350px;
 }
 .arrow-right-flex:after{
    content: '';
    position: static;
    width: 50px;
    height: 10px;
    display: inline-flex;
    background-image: url(./img/arrow-right.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right:15px;
 }
 .arrow-right:after{
    content:'';
    position:static;
    right:-90px;
    top:10px;
    width:50px;
    height:10px;
    display:block;
    background-image:url(./img/arrow-right.png);
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
    margin-right:15px;
   
 }
.arrow-right, 
.arrow-right-white{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between;
 }
.arrow-right-white:after{
    content:'';
    position:static;
    right:-90px;
    top:10px;
    width:50px;
    height:10px;
    display:block;
    background-image:url(./img/arrow-right-white.png);
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
   
 }
 .contact-form-link.arrow-right,
 .contact-form-link.arrow-right-white{
    max-width: 250px;
 }
 .owl-item{
   cursor:grab;
 }
 .btn-bg-white{
   
   box-shadow: 0px 1px 3px #000;
   transition:all 0.4s;
 }
 .btn-bg-white:hover{
   box-shadow: 1px 1px 5px #000;
   transition:all 0.4s;
 }
  /* ---------------------------------------------------HEADER css  ---------------------------------------*/
 .header-scroll{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 1px 1px 5px #898585;
    z-index: 100;
    height: 50px;
 }
 @media(min-width:992px){
  .header-scroll.headroom--not-top{
   display:block!important;
  }
 }
  .header-scroll .header-top-section{
    border-bottom:0!important;
    display: flex;
    justify-content: space-between;
    height: 50px;
    border-bottom: 0;
    align-items: center;
  }
  .header-scroll .header-phone-wrap{
    margin-right: 25px;
  }
  .header-scroll .header-phone-wrap a{
    font-family: "Barlow", sans-serif;
    font-size: 20px;
    color: #333333;
  }
  .header-scroll .header-callback-btn{
    background: #00CC33;
    font-family: "Barlow", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    text-align: center;
    color: #FFFFFF;
    padding: 8px 20px;
    display: inline-block;
  }
  .site-header{
   margin-bottom: 2px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
 }
  .welcome-msg {
    width: 100%;
    color: #fff;
    background-color: #000;
    text-align: center;
    display: block;
  }
  
  .main-header-wrapper{
    display: block;
    width: 100%;
    padding: 0;
    position: static;
  }
 .header-top-section{
   display: flex;
   justify-content: space-between;
   height: 40px;
   border-bottom: 1px solid #66CCFF;
 }
 .header-top-menu{
   display: flex;
   align-items: center;
 }
  .header-top-menu .mega-menu {
    position: static;
    width: 100%;
    text-align: center;
  }
  .header-top-menu .mega-menu ul{
    margin-bottom:0;
  }
 .header-top-menu .mega-menu>ul>li.mega-menu-item>a {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    color: #333333;
    text-transform: lowercase;
    padding: 0 16px;
    text-align: center;
    -webkit-transition: "color" .5;
    -o-transition: "color" .5;
    transition: "color" .5;
    font-family: "Barlow", sans-serif;
    font-weight: bold;
    font-size: 13px;
    line-height: 17px;
    text-transform: capitalize;
}
.header-top-section .header-top-social a{
  margin-left:20px;
}
.header-bottom-section{
  justify-content: space-between;
  height: 90px;
  align-items: center;
}
.header-bottom-section .header-logo-wrap{
  flex-grow:1;
}
.header-bottom-section .header-phone-wrap,
.header-bottom-section .header-callback-wrap{
  display: inline-flex;
  align-items: center;
}
.header-bottom-section .header-phone-wrap{
   margin-right:40px;
 }
@media(min-width:769px){
 .header-bottom-section .header-phone-wrap{
   margin-right:75px;
 }
 #masthead nav.mega-menu{
   display:block;
 }
 #masthead .mob-menu-icon{
   display:none!important;
 }
}
.header-bottom-section .header-phone-wrap a{
font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: normal;
font-size: 30px;
line-height: 40px;
color: #333333;
}
.header-bottom-section .header-callback-wrap a{
  background: #00CC33;
  font-family: "Barlow", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 19px;
  line-height: 25px;
  text-align: center;  
  color: #FFFFFF;
  padding: 15px 25px;
  display: inline-block;
}
.header-bottom-section .site-logo-img{
  width:250px;
  height:60px;
  object-fit: contain;
}
/*  header mobile */
@media(max-width:768px){
  #masthead .header-top-section{
    display:none!important;
  }
  #masthead .header-logo-wrap{
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid #66CCFF;
  }
  #masthead .site-logo-img {
    width: 260px;
    height: 70px;
    object-fit: contain;
  }
  #masthead .header-phone-wrap{
    text-align: right;
    display: block;
    width: 100%;
    margin-right: 10px;
  }
  #masthead .header-callback-wrap{
    width: 100%;
    display: block;
    text-align: right;
    padding: 10px;
  }
  #masthead .header-bottom-section {
    justify-content: space-between;
    height: 100%;
    align-items: center;
    position:relative;
   }
  #masthead .header-mobile-social{
    display:flex!important;
    flex-direction:column;
    position:absolute;
    bottom: 10px;
    left: 5px;
    align-items: center;
  }
   
   #masthead{
    height: 260px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
  }
  #masthead .header-right{
    display: block;
    background: #66CCFF;
    height: 35px;
    width: 100%;
    position: relative;
    align-self: flex-end;
  }
  #masthead .mob-menu-icon{
    top: 0;
    height: 35px;
    width: 50px;
    left: calc(100% - 50px);
  }
  #masthead .mob-menu-icon.nomenu{
    top: -200px;
    left: 10px;

  }
  #masthead .top-animate,
  #masthead .bottom-animate  {
    top: 15px!important;
  }
  #masthead .top-menu {
    background-color: #fff;
    border-radius: 5px;
    height: 3px;
    top: 10px;
    width: 25px;
  }
  #masthead .bottom-menu {
    background-color: #fff;
    border-radius: 5px;
    height: 3px;
    top: 20px;
    width: 25px;
  }
}

/* ----------------------------------------------------main menu ---------------------------------------*/
 .header-top-menu {
    display: flex;
    align-items: center;
    flex-grow: 1;
 }
 .top-menu-wrap{
   display: inline-flex;
   position: static;
   flex-grow: 1;
 }
 .top-menu-wrap .menu-desktopmainmenu-container{
   display: inline-flex;
   flex: 1 1 auto; 
 }
 .top-menu-wrap ul li.menu-item {    
    padding: 0 5px;
 }
 .top-menu-wrap ul li a{
   font-family: "Barlow", sans-serif;
   font-style: normal;
   font-weight: 600;
   font-size: 14px;
   line-height: 17px;   
   color: #333333;
 }
 .top-menu-wrap .menu-item-has-children{
   position:relative;
 }
 .top-menu-wrap .menu-item-has-children:hover  .sub-menu {
   display:block;
   opacity:1;
 }

 .top-menu-wrap ul li:hover  > a{
   color:#1FA3E4;
 }
 .top-menu-wrap .current-menu-item  > a{
   color:#1FA3E4!important;
 }
 .top-menu-wrap ul.menu{
   display: inline-flex;
   width: 100%;
   justify-content: space-around;
   max-width: 800px;
   margin-bottom:0;
 }
 .top-menu-wrap .sub-menu {
   display:none;
   position:absolute;
   z-index: 1000;
   width: 100%;
   min-width: 180px;
   left: -15px;
   background: #ffffff;
   padding: 10px 5px;
   box-shadow: 0px 1px 3px #666363;
   top: 30px;
   transition: all 0.5s;
   opacity:0;
 }
 @media(min-width:992px){
  .top-menu-wrap .menu-item-3634 .sub-menu {
   width: 350px;
  }
 }
 .top-menu-wrap .sub-menu  li a{
  font-size: 12px;
  text-transform:capitalize;
 } 
.readmore-link{
  color: #1FA3E4;

  position: relative;
  display: inline-flex;
  align-items: center;
  cursor:pointer;
  margin-left:3px;
}


/* ----------------------------------------------------main menu end ---------------------------------------*/
.bradcrumbs-section .bradcrumbs-home,
.bradcrumbs-home-divider{
  font-family: "Barlow", sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 14px;
   line-height: 19px;
   text-transform: uppercase;  
   color: #666666;
}
.bradcrumbs-home-divider{
  margin:0 8px;
}
.bradcrumbs-section .bradcrumbs-current{
  font-family: "Barlow", sans-serif;
   font-weight: bold;
   font-size: 24px;
   line-height: 29px;
   text-transform: uppercase;  
   color: #1FA3E4;
}
 @media(max-width:768px){
  .bradcrumbs-section .bradcrumbs-current{
    font-size: 20px;
  }  
 }
  /* ---------------------------------------------------HEADER end css  ---------------------------------------*/

  
  
  /* ---------------------------------------------------front page banner css  ---------------------------------------*/
  
  .banner-front{
    background-position: center;
    background-size: cover;
    background-repeat:no-repeat;
    position:relative;
    overflow:hidden;
  }
  .banner-front .banner-overlay{
    position:absolute;
    width:100%;
    height:100%;
    background-color: #00000085;
    z-index: 1;
  }
  .banner-front .banner-caption-front{
    padding-top: 150px;
    padding-bottom: 150px;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 10;
  }
  .banner-front .banner-title h1{
  font-family: "Barlow", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 48px;
  line-height: 64px;
  color: #FFFFFF;
  padding:30px 0;
  margin: 0;
  }
 .banner-front .banner-description{
    font-family: "Barlow", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 32px;
    color: #FFFFFF;
    padding:20px 0;
    max-width:700px;

  }
  .galery-banner-title{
    font-family: "Barlow", sans-serif;
    font-weight: 700;
    font-size: 30px;
    color: #FFFFFF;
    padding: 20px 0;
    max-width: 700px;
    transition:all 1s;    
  }
  .gallery-block-item:hover .galery-banner-title{
    opacity:0.6;
    font-size: 24px;   
   }
 .banner-front .header-btn-group{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
 }
 @media(max-width:768px){
  .banner-front .header-btn-group {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
 .banner-front{
   margin-top: -2px;
  }
  .banner-front .banner-caption-front {
    padding-top: 0;
    padding-bottom: 0;
  }
  .frontpage-partitions-form-section .nav-tabs{
   display: flex;
  }
  .xs-d-none{
    display:none!important;
  }
  ul.items-list{
    margin-bottom:3px;
  }
  .frontpage-partitions-form-section .plug-area .parts-outer {
    padding-bottom:0!important;
  }
  .frontpage-partitions-form-section .without-border-top {
    border-top: 0;
    padding: 5px 0;
  }
  .partitions-section .partitions--item--left--link {
    padding-left: 10px;
  }
  .frontpage-partitions-form-section .owl-nav{
    display:none!important;
  }
 }
 @media(max-width:1023px) and (min-width:769px){
  .banner-front .banner-caption-front {
    padding-top: 50px!important;
    padding-bottom: 50px!important;
  }
 }
 @media(max-width:1199px) and (min-width:1024px){
  .banner-front .banner-caption-front {
    padding-top: 100px!important;
    padding-bottom: 100px!important;
  }
 }
 .banner-front .header-btn-group .header-btn.bg-blue{
   background-color:#1FA3E4;
 }
 .banner-front .header-btn-group .header-btn{
   font-family: "Barlow", sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 19px;
   line-height: 25px;
   text-align: center;   
   color: #FFFFFF;
   display:inline-block;
   padding: 15px 25px;
   margin-right:20px;
 }
 @media(max-width:768px){
  .banner-front .header-btn-group .header-btn{
   font-family: "Barlow", sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 19px;
   line-height: 25px;
   text-align: center;   
   color: #FFFFFF;
   display:inline-block;
   margin: 15px;
   padding: 25px 50px;
  }
}
  .banner-front .header-btn-group .header-btn.border-white{
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    transition:all 0.5s ease;
    
  }
  .banner-front .header-btn-group .header-btn.border-white:hover{
   background-color:#1FA3E4;
   transition:all 0.3s ease;
   border: 1px solid #1FA3E4;
  }
  
  

 /* ---------------------------------------------------front page form-section css  ---------------------------------------*/
  
 
.frontpage-partitions-form-section{
  
}
.frontpage-partitions-form-section .frontpage-partitions-form-title-wrap,
.underline-blue{
  display:block;
  width:100%;
  border-bottom:1px solid #66CCFF!important;
}
.frontpage-partitions-form-section .frontpage-partitions-form-title-wrap .frontpage-partitions-form-title,
.large-title{ 
  font-family: "Barlow", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 40px;
  text-transform: uppercase;
  color: #666666;
  margin: 10px 25px;
}
@media(max-width:567px){
 .frontpage-partitions-form-section .frontpage-partitions-form-title-wrap .frontpage-partitions-form-title,
 .large-title{ 
  font-family: "Barlow", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 40px;
  text-transform: uppercase;
  color: #666666;
  margin: 0;
 }
}
.frontpage-partitions-form-section  .tab-content{
  border: none;
}
.frontpage-partitions-form-section  .nav-tabs{
  border: none;
}
.frontpage-partitions-form-section  .nav-tabs>li.active>a, 
.frontpage-partitions-form-section  .nav-tabs>li.active>a:focus, 
.frontpage-partitions-form-section  .nav-tabs>li.active>a:hover {
    color: #1FA3E4;
    background-color: #fff0;
    border: 0;
    border-bottom-color: transparent;
    cursor: pointer;
    font-family: "Barlow", sans-serif;
    font-weight: bold;
    font-size: 18px;
}
.frontpage-partitions-form-section .nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    color:#999999;
    font-family: "Barlow", sans-serif;
    font-weight: 500;
    font-size: 18px;
}
.frontpage-partitions-form-section .form-left-side{
  display: flex;
  flex-direction: column;
  max-width: 360px;
}
.frontpage-partitions-form-section .selectric,
.frontpage-partitions-form-section .ui-widget.ui-widget-content,
.frontpage-partitions-form-section .slider-group input[type=text]{
  background-color:#D4D7D9;
  background:#D4D7D9;
}
.frontpage-partitions-form-section .ui-slider-handle{
  background-color:#66CCFF;
  background:#66CCFF;
}
.frontpage-partitions-form-section #desktop_total_price .basket-area{
    display: flex;
    flex-direction: column;
    align-items: start;
    border: none;
    padding: 10px 0;
}
.frontpage-partitions-form-section .description-product-info-title {
   font-family: "Barlow", sans-serif;
   font-weight: bold;
   font-size: 18px;
   line-height: 24px;
   color: #000;
   margin-bottom: 10px;
}#calcProduct  p {
    color: var(--slate-500);
}
.frontpage-partitions-form-section .description-product-info-body {
   font-family: "Barlow", sans-serif;
   font-size: 14px;
   line-height: 19px;  
   color: #000000;
}
.frontpage-partitions-form-section .plug-area .part-preview-outer {
    padding-bottom: 24px;
    text-align: center;
}
#calcProduct ul li {
    float: unset;
}ul#tabs-form {
    display: flex;
    flex-wrap: wrap;
}#calcProduct ul li:last-child{
  flex-basis: 100%;
}

@media screen and (max-width:767px) {
  .frontpage-partitions-form-section .nav-tabs>li.active>a, .frontpage-partitions-form-section .nav-tabs>li.active>a:focus, .frontpage-partitions-form-section .nav-tabs>li.active>a:hover,.frontpage-partitions-form-section .nav-tabs>li>a {
      font-size: 14px !important;
      padding-right: 0;
  }#calcProduct ul li {
    flex-basis: 32% !important;
}
}
@media screen and (min-width:768px) and (max-width:1024px) {
  #calcProduct ul li:last-child {
      flex-basis: 50% !important;
  }
}
@media(max-width:567px){
 .nav-tabs>li {
    float: left;
    margin-bottom: -1px;
    width: 100%;
 }
}
.frontpage-partitions-form-section .form-left-side .home-parts-outer{
    display: block;
    width: auto;
    height: 225px;
    overflow: hidden;
    margin: 0 auto;
    position:relative;
    padding-left:5px;
    padding-right:5px;
}
@media(min-width:767px){
 .frontpage-partitions-form-section .form-left-side .home-parts-outer ul{
    display: flex;
    flex-wrap: wrap;
    width: auto;
 }

}
.frontpage-partitions-form-section .home-parts-outer-nav{
    position: absolute;
    top: 0;
    height: 100%;
    line-height: 220px;
    background: #B1B3B5;
    display:inline-block;
    cursor:pointer;
    color:#fff;
    font-size: 10px;
    font-weight: 800;
    width: 11px;
}
@media(min-width:768px){
 .frontpage-partitions-form-section .home-parts-outer-nav{
    display:none;
  }
}
.frontpage-partitions-form-section .home-parts-outer-nav:hover{
   background: #B1B3B5;
}
.frontpage-partitions-form-section .home-parts-outer-nav-left{
    left: -5px;
    text-align:right;
}
.frontpage-partitions-form-section .home-parts-outer-nav-right{
    right: -5px;
    text-align:left;
}
@media(min-width:900px){
 .frontpage-partitions-form-section .form-left-side .home-parts-outer ul{
/*     display: flex;
    flex-wrap: wrap;
    max-height: 260px;
    width: 500px; */
 }
}
.frontpage-partitions-form-section .form-left-side .home-parts-outer ul li{
  display:inline-flex;
}
.frontpage-partitions-form-section .form-left-side .parts-outer .part-thumb {
    width: 80px;
    margin: 0;
    box-sizing: border-box;
    border: 0;
}
@media(max-width:767px){
  .frontpage-partitions-form-section .form-left-side .parts-outer .part-thumb {
    width: 80px;
    margin: 0;
    box-sizing: border-box;
    height:80px;
  }
}
.frontpage-partitions-form-section .form-left-side .parts-outer .part-thumb img{
    border: 2px solid #fff0;
}
.frontpage-partitions-form-section .form-left-side .parts-outer .part-thumb.active img {
    border: 2px solid #00aced;
}  

.frontpage-partitions-form-section .form-left-side .parts-outer .part-thumb .img-responsive {
display: block;
    max-width: 100%;
    height: 100%;
    max-height: 72px;
    width: 72px;
    object-fit: contain;
    background: #fff;
    margin: auto;
}
@media(max-width:767px){
 .frontpage-partitions-form-section .tab-content{
   padding:0;
 }
 .frontpage-partitions-form-section .form-left-side {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    padding: 0;
 }
 .frontpage-partitions-form-section .home-parts-outer-nav {
    display: none;
  }
 .frontpage-partitions-form-section .form-left-side .home-parts-outer {
    display: block;
    width: 330px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    padding-left: 5px;
    padding-right: 5px;
  }
 .frontpage-partitions-form-section .owl-carousel .owl-item{
   text-align:center;
 }
 .frontpage-partitions-form-section .owl-theme .owl-nav .owl-prev{
    position: absolute;
    top: -5px;
    left: -5px;
    z-index: 3333333333;
    background: #aa9e9e;
    height: 80px;
    width: 8px;
  }
   .frontpage-partitions-form-section .owl-theme .owl-nav .owl-next{
    position: absolute;
    top: -5px;
    right: -5px;
    z-index: 3333333333;
    background: #aa9e9e;
    height: 80px;
    width: 8px;
  }
}
.plug-area .basket-area .price {
    font-size: 24px;
    font-weight: 600;
}
.plug-area .basket-area .price-with-vat {
    font-size: 16px;
}
   /* ---------------------------------------------------front page form-section end css  ---------------------------------------*/
   
    /* ---------------------------------------------------partitions-section css  ---------------------------------------*/
 .partitions-section .partitions--item{
   order:2;
 }
@media(max-width:767px){
  .partitions-section .partitions--item{
    width:100%;
    margin-bottom: 40px;
   }
}
 .partitions-section .partitions--item.active-partition{
   order:1;
 }
 .partitions-section .no-description .partitions--item--description{
   display:none;
 }
 .partitions-section .active-partition  .partitions--item--left--link{
   display:none;
 }
.partitions-section .partitions--item--left{
   width:100%;
   flex-grow:1;
   margin-bottom: 30px;
   
  }
.partitions-section .partitions--item--left  .partitions--item--img{
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
}
@media(max-width:768px){
 .partitions-section .partitions--item--left {
    width: 100%;
    flex-grow: 1;
    margin: 0px -10px;
 }
}
 .partitions-section .partitions--item--left .partitions--item--img{
   height:215px;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
 }
  @media(min-width:768px){
  .partitions-section .partitions--item--left{
   width:550px;
   flex-grow:1;
   flex-shrink: 1;
   margin-bottom: 30px;
  }
  .partitions-section .partitions--item--left .partitions--item--img{
   height:390px;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
  }
 .gallery-single-section .gallery--items--wrap{
   justify-content: center;
   align-items: center;
  }
  .gallery-single-section .gallery--item--left{
   width:100%;
   max-width:1000px;
   flex-grow:1;
   flex-shrink: 1;
   margin-bottom: 0;
  }
  .gallery-single-section .gallery--description{
   width:100%;
   max-width:900px;
  }
 }
 .partitions-section .partitions--item--description{
    width: 100%;
    margin-top: 15px;
    max-height: 870px;
    padding: 25px 25px 0 25px;
    flex-grow: 1;
    opacity: 1;
    visibility: visible;
    transition: all 1s ease-out;
   
  }
 @media(min-width:768px){
 .partitions-section .partitions--item--description{
    width: 50%;
    margin-top: 15px;   
    max-height: 370px;
    padding: 25px 25px 0 25px;
    flex-grow: 1;
    opacity: 1;
    visibility: visible;
    transition: all 1s ease-out;
   
  }
 }
 .partitions-section .partitions--item--description .partitions--item--description--title h2{
   font-family: "Barlow", sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 30px;
   line-height: 40px;
   color: #333333;
 }
 @media(min-width:578px){
  .partitions-section .partitions--item--description .partitions--item--description--content ul {
   column-count:2;
  }
 }
  .partitions-section .partitions--item--description .partitions--item--description--content ul li{
    font-family: "Barlow", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #000000;   
    position:relative;
    margin-left: 15px;
  }
  .partitions-section .partitions--item--description .partitions--item--description--content ul li:before{
    content: "\2022"; 
    color: #1FA3E4; 
    font-weight: bold; 
    display: inline-block; 
    width: 1em; 
    margin-left: -15px;
  }
  .partitions-section .partitions--item--description--btn{
    width: 217px;
    height: 55px;
    font-family: "Barlow", sans-serif;
    font-size: 19px;
    line-height: 55px;
    text-align: center;
    color: #FFFFFF;
    background:#1FA3E4;
    display: inline-block;
  }
  .partitions-section .partitions--item--description--footer{
    display: block;
    justify-self: flex-end;
    margin-bottom: 10px;
    margin-left: 15px;
    position:relative;
  }
  .partitions-section .partitions--item--description--footer .partitions--item--description--footer--text{
    padding-left: 10px;
    font-family: "Barlow", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
  }
  .partitions-section .partitions--item--description--footer:before{
    content:'';
    position:absolute;
    left:-15px;
    top:10px;
    width:15px;
    height:15px;
    display:block;
    background-image:url(./img/gear.png);
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
  }
  .partitions-section .partitions--item--left--link{
    margin-top:20px;
  }
  .partitions-section .partitions--item--left--link .partitions--item--left--link-text{
   font-family: "Barlow", sans-serif;
   font-style: normal;
   font-weight: 600;
   font-size: 24px;
   line-height: 32px;
   color: #333333;
   display: inline-block;
  }
  @media(max-width:1023px) and (min-width:768px){
  .partitions-section .partitions--item.no-description{
    width: 50%;
    box-sizing: border-box;
    padding: 10px;
   }
   .partitions-section .partitions--item.active-partition{
     width:100%;
   }
   .partitions-section .partitions--item.active-partition .partitions--item--left{
     width: 40%; 
   }
   .partitions-section .partitions--item.active-partition .partitions--item--description{
     width: 60%; 
   }
  }
  /* ---------------------------------------------------partitions-section css end ---------------------------------------*/
  @media(min-width:769px){
  .our-advantages-section .our-advantages--inner--wrap{
    max-width: 400px;
    padding-left: 15px;
    padding-right: 15px;
   }
   .our-advantages-section .content-wrap-inner-large{
     flex-wrap:nowrap!important;
   }
  }
.our-advantages-section .our-advantages--inner--wrap .our-advantages--inner--title .our-advantages--title{
   font-family: "Barlow", sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 16px;
   line-height: 21px;
   text-align: center;  
   color: #333333;
   margin-top:20px;
   margin-bottom:20px;
 }
 .our-advantages-section .our-advantages--inner--wrap .our-advantages--inner--text{
    max-width: 320px;
 }
 .our-advantages-section .our-advantages--inner--wrap .our-advantages--inner--text p{
    font-family: "Barlow", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    color: #666666;
 }
 .text-white .contact-form-section-inner h2,
 .text-white .contact-form-section-inner .title,
 .text-white .contact-form-section-inner .contact-form-link{
   color: #FFFFFF;
 }
 .contact-form-section-inner h2,
 .contact-form-section-inner .title{
   font-family: "Barlow", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 40px;
  text-transform: uppercase;
  
 }
 .contact-form-section-inner .contact-form-link{
  font-family: "Barlow", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;

 }
 .contact-form-section-inner .section-form-wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
 }
 @media(min-width:999px){
  .contact-form-section-inner .section-form-wrap{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 0 15px;
  }
  .contact-form-section-inner .section-form-wrap .send-form-btn {
    padding: 10px 20px!important;
    width: 200px!important;
  }
 }
 @media(max-width:1099px) and (min-width:999px){
  .contact-form-section-inner .section-form-wrap{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
 }
 @media(max-width:768px){
   .contact-form-section-inner .section-form-wrap{
     flex-direction:column;
  }
 }
 .contact-form-section-inner .section-form-wrap .send-form-btn {
    padding: 10px 50px;
    width: 260px;
    background: #ffffff00;
    border: 1px solid #fff;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 7px;
 }
  .contact-form-section-inner .section-form-wrap .send-form-btn:hover {
    border: 1px solid #fff;
    color: rgba(255, 255, 255, 0.5);
    background: #1fa3e47d;
 }
 .contact-form-section-inner .section-form-wrap .form-input-wrap{
    color: rgba(255, 255, 255, 0.5);
    background: #ffffff00;
   
 }
.width-50{
   width:100%;
   box-sizing:border-box;
}
@media(min-width:1268px){
 .width-50{
   width:50%;
   box-sizing:border-box;
   float: left;
   display: block;
  }#home-about-us-slider .say-about-us-left.width-50 {
      width: 51%;
  }
}
.info-section .info-section-wrap--head h2{
 font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: bold;
font-size: 30px;
line-height: 40px;
text-transform: uppercase;
position:relative;
}
.info-section .info-section-wrap--body p{
  font-family: "Barlow", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
 }
 .info-section .info-section-wrap--body--btn{
   width: 217px;
   height: 55px;
   border:1px solid #fff;
   font-family: "Barlow", sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 19px;
   line-height: 20px;
   text-align: center;
   display:inline-block;
   padding: 15px;
   color:#fff
 }
@media(max-width:768px){
.card-wrap {
  display: block;
  width: 100%;
  flex-grow: 1;
  overflow:hidden;
  }
}
.card-wrap {
  overflow:hidden;
}
.card-wrap .card-wrap--img{
   width:100%;
   height:320px;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}
 @media(min-width:768px){
 .card-wrap .card-wrap--img{
   width:360px;
   height:380px;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   transition: all 2s; 
  }
 .card-wrap .card-wrap--img:hover{
   background-position: left;
   transition: all 15s cubic-bezier(0.26, 0.51, 0.72, 0.74);
  }
}
 .card-wrap .card-wrap--link{
   margin-top:6px;
 }
 .case-studies-archive-section .card-wrap .card-wrap--link{
   margin-top:6px;
 }
 .card-wrap .card-wrap--link .card-wrap--link--text{ 
 font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 24px;
color: #333333;
display: flex;
align-items: center;
justify-content: space-between;
}
 /* ---------------------------------------------------say about-us css ---------------------------------------*/
 
.say-about-us-section .say-about-us-left p{
  font-family: "Barlow", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;    
  color: #64748b;
 }

 @media(min-width:1268px){
      .say-about-us-right {
        margin-left: 45px;
        width: calc(48% - 35px);
    }
 }
 .say-about-us-right .say-about-us-right-img {
    width: 100%;
    height: 380px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}.say-about-us-right-img  iframe{
    border-radius: 20px;
}.say-about-us-left .mb-25 {
    margin-bottom: 50px !important;
}#home-about-us-slider .title-bg-grey {
    color: #000;
    text-transform: capitalize;
    font-size: 36px;
}
 section#say-about-us-section {
    background: #f8fafc;
}

 
 
 
 /* ---------------------------------------------------say about-us css end ---------------------------------------*/


 /* ---------------------------------------------------review css ---------------------------------------*/
.review-section .review-wrap{
  padding-left:20px;
  padding-right:20px;
}
.review-section .review-head{
 font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: bold;
font-size: 30px;
line-height: 40px;
text-transform: uppercase;
color: #FFFFFF;
position:relative;
}

.bg-blue-section.review-section .review-head:after{
  position:absolute;
  content:'';
  display:block;
  bottom:-18px;
  width:100%;
  border-bottom:1px solid #fff;
  left: -10px;
}
.bg-white-section.review-section .review-head:after{
  position:absolute;
  content:'';
  display:block;
  bottom:-18px;
  width:100%;
  border-bottom:1px solid #1FA3E4;
  left: -10px;
}
.review-section .review-content{
  max-width:340px;
  margin:auto; 
}
.review-section .review-content .review-content-head{
  margin-bottom: 30px;
  margin-top: 10px;
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.review-section .review-content .review-content-head .review-title{
font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 24px;
color: #FFFFFF;
}
.review-section .review-content .review-content-head .review-stars{
display: inline-flex;
}
.review-section .review-content .review-content-head .star{
  background-image:url(./img/star.png);
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  width:15px;
  height:15px;
  display:block;
  margin-left:4px;
}
.review-section .review-content .review-content-body p{
font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 19px;
color: #FFFFFF;
}
.review-section .review-content .posted-date{
font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 16px;
text-align: right;
color: #FFFFFF;
float: right;
}
 
 /* ---------------------------------------------------rewiew css end ---------------------------------------*/
 
  /* ---------------------------------------------------about-us css ---------------------------------------*/
.about-us-section  {
  overflow: hidden;
}
.about-us-section-inner .about-us-content{
  max-width:610px;
  position:relative;
}
 @media(min-width:1208px){
.about-us-section-inner .about-us-content:after{
    content: '';
    position: absolute;
    right: -640px;
    top: -25px;
    background-image: url(./img/photo-kova.png);
    width: 700px;
    height: 400px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  
 }
}
@media (min-width: 990px) and (max-width: 1207px) {
  .about-us-section-inner .about-us-content:after {
      content: '';
      position: absolute;
      right: -434px;
      bottom: -20px;
      background-image: url(./img/photo-kova.png);
      width: 500px;
      height: 300px;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
  }
 }
.about-us-section-inner .about-us-content .title-bg-grey,
.title-bg-grey{
  font-family: "Barlow", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 40px;
  text-transform: uppercase;
  color: #666666;
  position:relative;
  display:block;

}
.about-us-section-inner .about-us-content .title-bg-grey:after,
.title-bg-grey:after{
  position:absolute;
  content:'';
  display:block;
  bottom:-18px;
  width:100%;
  border-bottom:1px solid #66CCFF;
  left: -10px;
  
}
.about-us-section-inner .about-us-content p{
  padding:30px;
  font-family: "Barlow", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  color: #333333;
  margin-bottom: 15px;
} 
 
 
 
 /* ---------------------------------------------------about us css end ---------------------------------------*/
 
 
 /* ---------------------------------------------------material design css ---------------------------------------*/
 
 .pure-material-textfield-outlined {
    --pure-material-safari-helper1: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    position: relative;
    display: inline-block;
    padding-top: 6px;
    font-family: "Barlow", sans-serif;
    font-size: 18px;
    line-height: 1.5;
    overflow: hidden;
}

/* Input, Textarea */
.pure-material-textfield-outlined > input,
.pure-material-textfield-outlined > textarea {
    box-sizing: border-box;
    margin: 0;
    border: solid 1px; /* Safari */
    border-color:#FFFFFF;
    border-top-color: transparent;
    border-radius: 4px;
    padding: 15px 13px 15px;
    width: 100%;
    height: inherit;
    color: rgba(255, 255, 255, 0.5);
    background-color: transparent;
    box-shadow: none; /* Firefox */
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    caret-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    transition: border 0.2s, box-shadow 0.2s;
}
.pure-material-textfield-outlined .wpcf7-form-control-wrap > input,
.pure-material-textfield-outlined .wpcf7-form-control-wrap > textarea {
    box-sizing: border-box;
    margin: 0;
    border: solid 1px; /* Safari */
    border-color:#FFFFFF;
    border-top-color: transparent;
    border-radius: 4px;
    padding: 15px 13px 15px;
    width: 100%;
    height: inherit;
    color: rgba(255, 255, 255, 0.5);
    background-color: transparent;
    box-shadow: none; /* Firefox */
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    caret-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    transition: border 0.2s, box-shadow 0.2s;
}

/* Span */
.pure-material-textfield-outlined > input + span,
.pure-material-textfield-outlined > textarea + span {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    border-color: #FFFFFF;
    width: 100%;
    max-height: 100%;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.5);
    font-size: 19px;
    line-height: 15px;
    cursor: text;
    transition: color 0.2s, font-size 0.2s, line-height 0.2s;
}
.pure-material-textfield-outlined > .wpcf7-form-control-wrap + span,
.pure-material-textfield-outlined > .wpcf7-form-control-wrap + span {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    border-color: #FFFFFF;
    width: 100%;
    max-height: 100%;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.5);
    font-size: 19px;
    line-height: 15px;
    cursor: text;
    transition: color 0.2s, font-size 0.2s, line-height 0.2s;
}

/* Corners */
.pure-material-textfield-outlined > input + span::before,
.pure-material-textfield-outlined > input + span::after,
.pure-material-textfield-outlined > textarea + span::before,
.pure-material-textfield-outlined > textarea + span::after {
    content: "";
    display: block;
    box-sizing: border-box;
    margin-top: 6px;
    border-top: solid 1px;
    border-top-color: #FFFFFF;
    min-width: 10px;
    height: 8px;
    pointer-events: none;
    box-shadow: inset 0 1px transparent;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.pure-material-textfield-outlined > .wpcf7-form-control-wrap + span::before,
.pure-material-textfield-outlined > .wpcf7-form-control-wrap + span::after,
.pure-material-textfield-outlined > .wpcf7-form-control-wrap + span::before,
.pure-material-textfield-outlined > .wpcf7-form-control-wrap + span::after {
    content: "";
    display: block;
    box-sizing: border-box;
    margin-top: 6px;
    border-top: solid 1px;
    border-top-color: #FFFFFF;
    min-width: 10px;
    height: 8px;
    pointer-events: none;
    box-shadow: inset 0 1px transparent;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.pure-material-textfield-outlined > input + span::before,
.pure-material-textfield-outlined > textarea + span::before {
    margin-right: 4px;
    border-left: solid 1px transparent;
    border-radius: 4px 0;
}
.pure-material-textfield-outlined > .wpcf7-form-control-wrap + span::before,
.pure-material-textfield-outlined > .wpcf7-form-control-wrap + span::before {
    margin-right: 4px;
    border-left: solid 1px transparent;
    border-radius: 4px 0;
}

.pure-material-textfield-outlined > input + span::after,
.pure-material-textfield-outlined > textarea + span::after {
    flex-grow: 1;
    margin-left: 4px;
    border-right: solid 1px transparent;
    border-radius: 0 4px;
}
.pure-material-textfield-outlined > .wpcf7-form-control-wrap+ span::after,
.pure-material-textfield-outlined > .wpcf7-form-control-wrap + span::after {
    flex-grow: 1;
    margin-left: 4px;
    border-right: solid 1px transparent;
    border-radius: 0 4px;
}

/* Hover */
.pure-material-textfield-outlined:hover > input,
.pure-material-textfield-outlined:hover > textarea {
    border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
    border-top-color: transparent;
    
}
.pure-material-textfield-outlined:hover > .wpcf7-form-control-wrap input,
.pure-material-textfield-outlined:hover > .wpcf7-form-control-wrap textarea {
    border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
    border-top-color: transparent;
    
}
.pure-material-textfield-outlined:hover > input + span::before,
.pure-material-textfield-outlined:hover > textarea + span::before,
.pure-material-textfield-outlined:hover > input + span::after,
.pure-material-textfield-outlined:hover > textarea + span::after {
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
}

.pure-material-textfield-outlined:hover > .wpcf7-form-control-wrap + span::before,
.pure-material-textfield-outlined:hover > .wpcf7-form-control-wrap + span::before,
.pure-material-textfield-outlined:hover > .wpcf7-form-control-wrap + span::after,
.pure-material-textfield-outlined:hover > .wpcf7-form-control-wrap + span::after {
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
}

.pure-material-textfield-outlined:hover > input:not(:focus):placeholder-shown,
.pure-material-textfield-outlined:hover > textarea:not(:focus):placeholder-shown {
    border-color: rgba(255, 255, 255, 0.5);
}
.pure-material-textfield-outlined:hover > .wpcf7-form-control-wrap input:not(:focus):placeholder-shown,
.pure-material-textfield-outlined:hover > .wpcf7-form-control-wrap textarea:not(:focus):placeholder-shown {
    border-color: rgba(255, 255, 255, 0.5);
}

/* Placeholder-shown */
.pure-material-textfield-outlined > input:not(:focus):placeholder-shown,
.pure-material-textfield-outlined > textarea:not(:focus):placeholder-shown {
    border-top-color: #FFFFFF;
}
.pure-material-textfield-outlined > .wpcf7-form-control-wrap input:not(:focus):placeholder-shown,
.pure-material-textfield-outlined > .wpcf7-form-control-wrap textarea:not(:focus):placeholder-shown {
    border-top-color: #FFFFFF;
}

.pure-material-textfield-outlined > input:not(:focus):placeholder-shown + span,
.pure-material-textfield-outlined > textarea:not(:focus):placeholder-shown + span {
    font-size: inherit;
    line-height: 68px;
}
.pure-material-textfield-outlined > .wpcf7-form-control-wrap input:not(:focus):placeholder-shown + span,
.pure-material-textfield-outlined > .wpcf7-form-control-wrap textarea:not(:focus):placeholder-shown + span {
    font-size: inherit;
    line-height: 68px;
}

.pure-material-textfield-outlined > input:not(:focus):placeholder-shown + span::before,
.pure-material-textfield-outlined > textarea:not(:focus):placeholder-shown + span::before,
.pure-material-textfield-outlined > input:not(:focus):placeholder-shown + span::after,
.pure-material-textfield-outlined > textarea:not(:focus):placeholder-shown + span::after {
    border-top-color: transparent;
}
.pure-material-textfield-outlined > .wpcf7-form-control-wrap input:not(:focus):placeholder-shown + span::before,
.pure-material-textfield-outlined > .wpcf7-form-control-wrap textarea:not(:focus):placeholder-shown + span::before,
.pure-material-textfield-outlined > .wpcf7-form-control-wrap input:not(:focus):placeholder-shown + span::after,
.pure-material-textfield-outlined > .wpcf7-form-control-wrap textarea:not(:focus):placeholder-shown + span::after {
    border-top-color: transparent;
}
/* Focus */
.pure-material-textfield-outlined > input:focus,
.pure-material-textfield-outlined > textarea:focus {
    border-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    border-top-color: transparent;
    box-shadow: inset 1px 0 var(--pure-material-safari-helper1), inset -1px 0 var(--pure-material-safari-helper1), inset 0 -1px var(--pure-material-safari-helper1);
    outline: none;
}
.pure-material-textfield-outlined > .wpcf7-form-control-wrap input:focus,
.pure-material-textfield-outlined > .wpcf7-form-control-wrap textarea:focus {
    border-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    border-top-color: transparent;
    box-shadow: inset 1px 0 var(--pure-material-safari-helper1), inset -1px 0 var(--pure-material-safari-helper1), inset 0 -1px var(--pure-material-safari-helper1);
    outline: none;
}

.pure-material-textfield-outlined > input:focus + span,
.pure-material-textfield-outlined > textarea:focus + span {
    color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
}
.pure-material-textfield-outlined > .wpcf7-form-control-wrap input:focus + span,
.pure-material-textfield-outlined > .wpcf7-form-control-wrap textarea:focus + span {
    color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
}

.pure-material-textfield-outlined > input:focus + span::before,
.pure-material-textfield-outlined > input:focus + span::after,
.pure-material-textfield-outlined > textarea:focus + span::before,
.pure-material-textfield-outlined > textarea:focus + span::after {
    border-top-color: var(--pure-material-safari-helper1) !important;
    box-shadow: inset 0 1px var(--pure-material-safari-helper1);
}
.pure-material-textfield-outlined > .wpcf7-form-control-wrap input:focus + span::before,
.pure-material-textfield-outlined > .wpcf7-form-control-wrap input:focus + span::after,
.pure-material-textfield-outlined > .wpcf7-form-control-wrap textarea:focus + span::before,
.pure-material-textfield-outlined > .wpcf7-form-control-wrap textarea:focus + span::after {
    border-top-color: var(--pure-material-safari-helper1) !important;
    box-shadow: inset 0 1px var(--pure-material-safari-helper1);
}
/* Disabled */
.pure-material-textfield-outlined > input:disabled,
.pure-material-textfield-outlined > input:disabled + span,
.pure-material-textfield-outlined > textarea:disabled,
.pure-material-textfield-outlined > textarea:disabled + span {
    border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38) !important;
    border-top-color: transparent !important;
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
    pointer-events: none;
}
.pure-material-textfield-outlined > .wpcf7-form-control-wrap input:disabled,
.pure-material-textfield-outlined > .wpcf7-form-control-wrap input:disabled + span,
.pure-material-textfield-outlined > .wpcf7-form-control-wrap textarea:disabled,
.pure-material-textfield-outlined > .wpcf7-form-control-wrap textarea:disabled + span {
    border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38) !important;
    border-top-color: transparent !important;
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
    pointer-events: none;
}
.pure-material-textfield-outlined > input:disabled + span::before,
.pure-material-textfield-outlined > input:disabled + span::after,
.pure-material-textfield-outlined > textarea:disabled + span::before,
.pure-material-textfield-outlined > textarea:disabled + span::after {
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38) !important;
}
.pure-material-textfield-outlined > .wpcf7-form-control-wrap input:disabled + span::before,
.pure-material-textfield-outlined > .wpcf7-form-control-wrap input:disabled + span::after,
.pure-material-textfield-outlined > .wpcf7-form-control-wrap textarea:disabled + span::before,
.pure-material-textfield-outlined > .wpcf7-form-control-wrap textarea:disabled + span::after {
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38) !important;
}
.pure-material-textfield-outlined > input:disabled:placeholder-shown,
.pure-material-textfield-outlined > input:disabled:placeholder-shown + span,
.pure-material-textfield-outlined > textarea:disabled:placeholder-shown,
.pure-material-textfield-outlined > textarea:disabled:placeholder-shown + span {
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38) !important;
}
.pure-material-textfield-outlined > .wpcf7-form-control-wrap input:disabled:placeholder-shown,
.pure-material-textfield-outlined > .wpcf7-form-control-wrap input:disabled:placeholder-shown + span,
.pure-material-textfield-outlined > .wpcf7-form-control-wrap textarea:disabled:placeholder-shown,
.pure-material-textfield-outlined > .wpcf7-form-control-wrap textarea:disabled:placeholder-shown + span {
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38) !important;
}
.pure-material-textfield-outlined > input:disabled:placeholder-shown + span::before,
.pure-material-textfield-outlined > input:disabled:placeholder-shown + span::after,
.pure-material-textfield-outlined > textarea:disabled:placeholder-shown + span::before,
.pure-material-textfield-outlined > textarea:disabled:placeholder-shown + span::after {
    border-top-color: transparent !important;
}
.pure-material-textfield-outlined > .wpcf7-form-control-wrap input:disabled:placeholder-shown + span::before,
.pure-material-textfield-outlined > .wpcf7-form-control-wrap input:disabled:placeholder-shown + span::after,
.pure-material-textfield-outlined > .wpcf7-form-control-wrap textarea:disabled:placeholder-shown + span::before,
.pure-material-textfield-outlined > .wpcf7-form-control-wrap textarea:disabled:placeholder-shown + span::after {
    border-top-color: transparent !important;
}
/* Faster transition in Safari for less noticable fractional font-size issue */
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        .pure-material-textfield-outlined > input,
        .pure-material-textfield-outlined > input + span,
        .pure-material-textfield-outlined > textarea,
        .pure-material-textfield-outlined > textarea + span,
        .pure-material-textfield-outlined > input + span::before,
        .pure-material-textfield-outlined > input + span::after,
        .pure-material-textfield-outlined > textarea + span::before,
        .pure-material-textfield-outlined > textarea + span::after {
            transition-duration: 0.1s;
        }
    }
}

 /* ---------------------------------------------------material design css end ---------------------------------------*/
 
 /* ---------------------------------------------------fullscreen css ---------------------------------------*/
 
 
 .fullscreen-images-wrap{
   width: 100%;
 }
 @media(max-width:768px){
 .fullscreen-images-wrap .fullscreen-images-item{
    width: 100%;
    height: 440px;
    min-width: 330px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    justify-content: center;
    align-items: center;
  }
 }
 @media(min-width:769px) and (max-width:1300px){
  .fullscreen-images-wrap .fullscreen-images-item{
    width: 33%;
    height: 340px;
    min-width: 330px;
    max-width: 550px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    justify-content: center;
    align-items: center;
  }
 }
 @media(min-width:1301px){
  .fullscreen-images-wrap .fullscreen-images-item{
    width: 25%;
    height: 440px;
    min-width: 330px;
    max-width: 550px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    justify-content: center;
    align-items: center;
  }
 }
 .fullscreen-images-wrap a{
    display: flex;
    flex: 1;
 }
 @media(min-width:1201px){
  .fullscreen-images-wrap a{
    display: flex;
    flex: 1;
    width: 25%;
    flex-basis: 25%;
   }
 }
@media(min-width:768px) and (max-width:1200px){
  .fullscreen-images-wrap a{
    display: flex;
    flex: 1;
    width: 33%;
    flex-basis: 33%;
   }
} 
.fullscreen-images-wrap .fullscreen-images-item{ 
    background-color: #0000003d;
    background-blend-mode: darken;
    transition: all 3s;
    position: relative;
}
.fullscreen-images-wrap a .fullscreen-images-item:hover{
   transition: all 5s;
   background-position: left;
}
.fullscreen-images-wrap a:nth-child(odd) .fullscreen-images-item:hover{
   transition: all 5s;
   background-position: right;
}
 .fullscreen-images-wrap .fullscreen-images-item img{
    display: inline-block;
    object-fit: cover;
    width: 70%;
    position:absolute;
    transition:all 1s;
  
 }
 .fullscreen-images-wrap .fullscreen-images-item:hover img{
    width: 50%; 
    transition:all 1s;
    opacity: 0.6;
 }
 
 
 /* ---------------------------------------------------fullscreen css end ---------------------------------------*/
 
 /* ---------------------------------------------------about us PAGE css  ---------------------------------------*/
 .about-us-content .content-left,
 .about-us-content .content-right{
   display:flex;
   flex-direction:column;
   justify-content:center;
 }
 .about-us-content--text{
   font-family: "Barlow", sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 14px;
   line-height: 19px;
   color: #000000;
   display: block;
 }
.description--about-us--title{
  font-family: "Barlow", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
  color: #333333;
  display: block;
}
.about-us-content .content-img{
  max-height:370px;
  object-fit: fill;
  overflow: hidden;
}
 
 #say-about-us-section .owl-dots{
   text-align:left; 
 }
 @media (max-width: 768px){
   #say-about-us-section .owl-dots {
    text-align: center;
   }
   .say-about-us-section .say-about-us-left p{
     display:none;
   }
   .mobilenav ul .sub-menu a {
    background-color: #66CCFF;
   }
   .mobilenav .menu-item-has-children:after {
    position: absolute;
   }
   .menu-item-has-children:hover:after {
    transform: rotate(-180deg);
    transition: all 500ms;
    filter: grayscale(1)!important;
   }
 }
 /* ---------------------------------------------------about us PAGE css end ---------------------------------------*/
 
 
  /* ---------------------------------------------------Case studies page ---------------------------------------*/
 .case-studies-cards-section ul li{
   font-family: "Barlow", sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 14px;
   line-height: 25px;
   color: #000000;
   display: flex;
   align-items: center;
 }
 .case-studies-cards-section ul li:before{
    content: '';
    position: static;
    width: 6px;
    height: 6px;
    display: inline-flex;
    background-image: url(./img/ellipse-blue.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right:10px;
 }
 .case-studies-cards-section .card-wrap--link--text {
    font-family: "Barlow", sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
}
.case-studies-cards-section .card-description--link a span{
  font-family: "Barlow", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 19px;
    line-height: 25px;
    text-align: center;
    color: #1FA3E4;
    display: inline-block;
    padding: 15px 45px;
    margin-right: 20px;
    border:1px solid #1FA3E4;
    cursor:pointer;
    transition: all 0.3s;
}
.case-studies-cards-section .card-description--link a span:hover{
 background: #1fa3e414;
 transition: all 0.3s;
}
.case-studies-main-section .case-studies--item--description{
  width: 100%;
  margin-top: 15px;
  max-height: 867px;
  padding: 10px 10px 50px 10px;
  flex-grow: 1;
  opacity: 1;
  visibility: visible;
  transition: all 1s ease-out;
  margin:5px -10px;
}

@media (min-width: 768px){
 .case-studies-main-section .case-studies--item--description,
 .gallery-single-section .gallery--description{
    width: 100%;
    max-height: 500px;
    padding: 15px 20px 50px 20px;
    flex-grow: 1;
    opacity: 1;
    visibility: visible;
    transition: all 1s ease-out;
    max-width: 950px;
    margin: -10px 0 0 0;
 }

 .case-studies-main-section .case-studies--item--left .case-studies--item--img {
    height: 450px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
 }
}
#case-study-gallery-full{
 position:relative;  
}
#case-study-gallery-full .gallery-arrow-left,
#case-study-gallery-full .gallery-arrow-right{
  position:absolute;
  width:40px;
  height:100%;
  display:flex;
  top:0;
  align-items:center;
  justify-content:center;
  font-size:20px;
  z-index:44;
  cursor:pointer;
}    
#case-study-gallery-full .gallery-arrow-right{
  right:0;
}
#case-study-gallery-full:hover .gallery-arrow-right:after{
  content:'';
  display:block;
  width: 30px;
  height: 40px;
  background-image:url(./img/control-arrows.png);
  background-position:right;
  background-size:cover;
  opacity:0.4;
}
#case-study-gallery-full:hover .gallery-arrow-left:after{
  content:'';
  display:block;
  width: 30px;
  height: 40px;
  background-image:url(./img/control-arrows.png);
  background-position:left;
  background-size:cover;
  opacity:0.4;
}
.slick-active{
  cursor: grab;
}
.slick-loading{
 background: #ffffff61 url("./img/loading.gif") center center no-repeat;
}
#case-study-gallery-full:hover .gallery-arrow-right{
  background-color: #d3d3dd38;
}
#case-study-gallery-full:hover .gallery-arrow-left{
  background-color: #d3d3dd38;
}
#case-study-gallery-full .gallery-arrow-left{
  left:0;
}
 @media(max-width: 768px){
   .case-studies--item--description--title,
   .case-studies--item--description--content,
   .partitions--item--description--link   {
     padding:10px!important;   
   }
 }
.case-studies-main-section .case-studies--item--description--title h2,
.case-studies-main-section .case-studies--item--description--title h1{
font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: bold;
font-size: 30px;
line-height: 40px;
color: #333333;
margin:0;
}
.case-studies-main-section .case-studies--item--description--content ul li{
font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 21px;
color: #000000;
display: flex;
align-items: center;
}
.case-studies-main-section .case-studies--description--footer{
    display: block;
    flex-wrap: wrap;
    align-self: flex-start;
    justify-content: space-between;
    width: 100%;
    max-width: 650px;
}
@media(max-width: 768px){
  .case-studies-main-section .case-studies--description--footer{
    order: -1;
    margin-bottom: 26px;
  }
  .case-studies-main-section .case-studies--description--footer .carusel-dots{
    text-align: center;
  }
}
.case-studies-main-section .case-studies--description--footer img{
  display: block;
  padding: 3px;
  height: auto;
  width:auto;
  object-fit: cover;
}
.case-studies-main-section .case-studies--description--footer a{
  display:flex;
}
.case-studies-main-section .case-studies--description--footer .case-studies--img{
  width:80px;
  height:80px;
  margin:2px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.case-studies-main-section .partitions--item--description--btn {
    width: 217px;
    height: 55px;
    font-family: "Barlow", sans-serif;
    font-size: 19px;
    line-height: 55px;
    text-align: center;
    color: #FFFFFF;
    background: #1FA3E4;
    display: inline-block;
    margin: 10px 0;
}
.case-studies-main-section .case-studies--item--description--content ul li:before {
    content: '';
    position: static;
    width: 4px;
    height: 4px;
    display: inline-flex;
    background-image: url(./img/ellipse-blue.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
}
.case-studies-archive-section .card-wrap{
  flex-basis: 360px;
}
.case-studies-archive-section .card-wrap.double-size-slogan-item{
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 50%;
  max-width: 800px;
  display: flex;
  justify-content: flex-end;
}
.case-studies--item{
  width:100%;
  overflow:hidden;
}
.case-studies--item--slide{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.load-more-case-studies {
  justify-content:center;
  align-items:center;
}
.load-more-btn {
   font-family: "Barlow", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 19px;
    line-height: 25px;
    text-align: center;
    color: #1FA3E4;
    display: inline-block;
    padding: 15px 45px;
    margin-right: 20px;
    border: 1px solid #1FA3E4;
    cursor: pointer;
    transition: all 0.3s;
}

.double-size-slogan-item .card-wrap--img{
  width: 100%;
  max-width: 760px;
}
.gallery-archive-section .card-wrap .card-wrap--link--text:hover{
    color: #1fa3e4;
    transition:all 0.3s;
}
.gallery-archive-section .card-wrap--img {
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);

}
.case-studies-archive-section .card-wrap--img{
    display: flex;
  align-content: center;
  justify-content: center;
  background-color: #0505056b;
  background-blend-mode: overlay;
}
.case-studies-archive-section .card-wrap--img img{
  display: inline-block;
    object-fit: contain;
    width: 70%;
}
.slogan-wrap .card-wrap--img{
  background-color: #1FA3E4;
  display: flex;
  align-items: center;
  padding: 25px;
} 
.slogan-wrap .slogan-title{
font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: bold;
font-size: 30px;
line-height: 40px;
text-transform: uppercase;
color: #FFFFFF;
}
.double-size-slogan .card-wrap{
  flex-shrink: 0;
  flex-basis: 360px;
}
.double-size-slogan .card-wrap.slogan-wrap .card-wrap--img{
 width:100%;
}
@media(max-width:1100px) and (min-width:769px){
 .case-studies-archive-section .card-wrap .card-wrap--img{
   width: 98%;
   height: 350px;
 }
 .case-studies-archive-section  .card-wrap {
    flex-basis: 32%;
 }
 .product-cards-section .card-wrap {
    width: 32%;
 }
 .product-cards-section .card-wrap .card-wrap--img {
    height: 300px;
    width: 98%;
  }
}
@media(max-width:768px){
  .double-size-slogan{
    flex-direction: column;
  }
  .double-size-slogan .card-wrap.slogan-wrap{
    width: 100%;
    flex-shrink: 1;
    flex-grow: 1;
    margin-left: 0;
  }
}
 @media(min-width:769px){
 .double-size-slogan{
   flex-wrap: nowrap;
  }
 .double-size-slogan .card-wrap.slogan-wrap{
    width: 100%;
    flex-shrink: 1;
    flex-grow: 1;
    margin-left: 25px;
  }
}
#case-study-gallery-mini .slick-current{
  filter: brightness(0.5);
}
.contact-page-content .contact-page-title{
font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 24px;
text-transform: uppercase;
color: #333333;
} 
.contact-page-content p{
font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 23px;
color: #000000;
}
.contact-page-content p a{
  text-decoration:underline;
  color:1FA3E4;
}
.gallery_filters__button{
  font-family: "Barlow", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  color: #999999;
  padding: 0 10px;
} @media(min-width:769px){
  .gallery_filters__button{
     border: 0 solid;
     padding: 5px;
  }
}
.gallery_filters__button:hover,
.gallery_filters__button.current-page{
  color: #1FA3E4;
}
.gallery_filters__button.current-page{ 
  background: #1fa3e4;
  color: #ffffff;
  border: 0;
}
.info-wrap .title,
#calculate-product-title {
font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: bold;
font-size: 25px;
line-height: 40px;
text-transform: uppercase;
color: #666666;
}
.plug-area .basket-area .add-basket-btn a {
    display: block;
    padding: 12px 24px 11px;
    text-align: center;
    color: #fff;
    font-weight: normal;
    font-size: 19px;
    text-decoration: none;
    background: #1fa3e4;
}
.plug-area .proced-to-checkout a,
#page .btn-standart a{
    font-weight: normal;
    font-size: 19px;
  
}
@media(max-width:768px){
  #fixed-product-mobile-nav {
      background: #303030;
      z-index: 11006;
      width: 100%;
      position: fixed;
      height: 60px;
      bottom: 0;
      display: flex!important;
  }
  #fixed-product-mobile-nav .fixed-product-mobile-nav-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  #fixed-product-mobile-nav .fixed-product-mobile-nav-inner{
    color: #ffffff;
    display: flex;
    flex-direction: row;
    margin-left: 14px;
    align-items: center;
  }
  #fixed-product-mobile-nav .fixed-product-mobile-nav-order-btn {
    display: flex;
  }
  #fixed-product-mobile-nav .btn-standart, 
  #fixed-product-mobile-nav .default-button {
    max-height: 50px;
    min-width: 90px;
    margin-right: 1rem;
  }
  #fixed-product-mobile-nav .btn-standart a{
    font-weight: normal;
    font-size: 14px;
    padding: 5px;
  }
  #fixed-product-mobile-nav .price-with-vat{
    font-size:14px;
  }
}

@media(min-width:992px){
  .postt>img {
      -webkit-transition: all 300ms ease-in-out;
      transition: all 300ms ease-in-out;
      display: block;
      width: 100%;
      height: 238px;
      object-fit: cover;
  }
}
.news-navigate-buttons .gallery_filters__button { 
    padding: 5px 10px;
    margin: 0 10px;
}
.news-navigate-buttons .gallery_filters__button.active {
    background: #1FA3E4;
    padding: 5px 10px;
    margin: 0 10px;
    color: #fff;
    
}
.single article {
    box-shadow: none;
    max-width: 900px;
    margin: 0 auto;
}
.post-navigation,
.paging-navigation{
  padding:10px;
}
 /* ---------------------------------------------------footer new css ---------------------------------------*/
 #colophon{
   max-width:1270px;
   border-top: 0!important;
   padding-top: 30px;
 }
 @media(min-width:769px)and (max-width:1099px){
   /* #colophon{
     max-width:1270px;
     max-width: 90%;
     margin: 0 auto;
   } */
 }
 .footerwrap{
   background-color: #fff;
    padding-top: 64px;
    border-top: 1px solid var(--slate-100);
 }
 .footerwrap .footer-area {
    padding: 0;
}
.footerwrap .menu-item-has-children:after{
  display:none;
}
.btn-reward {
    color: var(--white);
    text-align: left;
    width: auto;
    display: flex;
    align-items: center;
    max-width: 215px;
    border-radius: 100px;
    padding: 6px 10px;
    gap: 10px;
    min-height: 57px;
}
.btn-reward.financee {
    background: #6B6bf9;
    justify-content: end;
}
.btn-reward.crypto {
    background: #65B741;
}.footer-middle {
    max-width: 1270px;
    margin: 0 auto;
    text-align: right;padding: 0 10px;
}

.footer-middle a {
    border-radius: 100px !important;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0;
    padding: 16px 26px;
    padding-right: 40px;
    position: relative;
    max-width: 210px;
    width: 210px;
    border: 2px solid transparent;
    background: var(--primary);
    display: inline-flex;
    margin-bottom: 30px;
    gap: 15px;
    color: #fff;
}
.footerwrap .btn-reward p {
    font-weight: 600;
    font-size: 12px !important;
    line-height: 125% !important;
    letter-spacing: 0;
    max-width: 104px;
    color: #fff;
    width: calc(100% - 53px);
}
.footerwrap p.fotr-desc {
    color: var(--slate-600);
    font-family: "Barlow", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0;
    max-width: 215px;
}
.footer-col1 .footer-conten {
    margin: 0 0 1em;
}
.footer-col1 .footer-conten h3 {
    margin: 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    font-family: "Barlow", sans-serif;
}
.btn-reward.financee p {
    max-width: unset;
}
 @media(min-width:1000px){
  .footerwrap .footer-col1 {
    padding-left:50px;
  }
 }
 .footerwrap p,
 .footerwrap .col-foot ul a{
   color: #ffffff;
 }
 .footerwrap .col-foot div  ul {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
}
 .footerwrap .col-foot{
   border-left: none;
    border-right: none;
    display: flex;
    flex-direction: column;
 }
 .footerwrap .col-foot .second-servicemenu{
   margin-top:25px;
 }.london,.Essex ,.email-poh ,.Leyton{
    font-size: 14px !important;
    line-height: normal;
}.email-poh p {
    font-size: 14px !important;
    margin-bottom: 3px !important;
}
.london strong, .Essex strong, .email-poh strong ,.Leyton strong{
    color: #000;
    font-size: 15px !important;
    display: block;
    margin-bottom: 10px;
}
.Essex{
  margin-top: 10px;
}
.Leyton {
    margin-top: 10px;
    margin-bottom: 18px;
}
.col-foot br {
    display: none;
}
 .footerwrap .foot-title{
    font-size: 16px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0%;
    font-family: "Barlow", sans-serif;
    color: #000;
 }
 .footer-area .cols {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr 1.2fr;
    gap: 32px;
    margin-bottom: 30px;
}
.col-foot.footer-col1 {
    padding-right: 32px;
    padding-left: 0;
}.col-foot p a {
    color: #00a2e1;
}.footer-social {
    display: flex;
    align-items: center;
    gap: 20px;
    position: relative;
}

.footer-social a:after {
    content: '';
    position: absolute;
    right: -10px;
    background: #AEAEAE;
    width: 1px;
    height: 11.82px;
    top: 57%;
    transform: translateY(-50%);
    opacity: .5;
}
.footer-social a:last-child:after {
    display: none;
}
.footer-social a {
    position: relative;
}
.footerwrap .col-foot {
    padding-left: 0;
}
 .footerwrap .col-foot p,
 .footerwrap .col-foot ul,
 .footerwrap .col-foot li a{
   margin:0;
   font-size: 14px;
   line-height: 20px;
 }
 .footerwrap .footer-divider{
   border-top: 1px solid #fff;
    max-width: 1400px;
    width: 90%;
    margin: 0 auto;
    display:block;
 }
 .footercopy {
    margin-top: 40px;

}
.footercopyright {
    color: #fff;
    padding: 2px 0;
    display: block;
    font-size: 14px;
    width: 100%;
    text-align: right;
}.footer-area li a, .footer-area li p {color: #475568 !important;}

.footer-area .col-foot p {
    color: #475567;
}.footer-bottom-inner {
    color: #fff;
    font-size: 14px;
    justify-content: space-between;
    display: flex;
    max-width: 1270px;
    margin: 0 auto;
    background: #000;
    border-radius: 10px;
    padding: 5px 15px;
    margin-bottom: 40px;
}.footer-bottom {
    width: 100%;
    float: none;
    padding: 0 10px;
}.footerwrap .footer-area {
    padding: 0;
    float: none;
}a.privacy-policy {
    display: inline-block;
    color: #fff;
    position: relative;
}.privacy-policy-main {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
}a.privacy-policy:after {
    content: '';
    position: absolute;
    right: -10px;
    background: #AEAEAE;
    width: 1px;
    height: 11.82px;
    top: 57%;
    transform: translateY(-50%);
    opacity: .5;
}.col-foot li {
    margin-bottom: 15px;
}.footer-conten p {
    color: #fff !important;
}.foot-title {
    margin-bottom: 30px !important;
    text-transform: capitalize !important;
}.col-foot.footer-col1 {
    width: 330px;
    position: relative;
}.col-foot.footer-col1:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    color: #000;
    top: 0;
    right: 30px;
    background: #000;
}.btn-reward.financee img{
    width: 35px;
    transform: rotate(12deg);
    filter: invert(1);
}

@media(max-width:1067px){
  .footerwrap .col-foot .first-servicemenu,
  .footerwrap .col-foot .second-servicemenu{
    text-align:left;
  }
  #colophon {
    padding-top: 0;
  }
 }
 @media(max-width:1099px) and (min-width:667px){
  .footerwrap .col-foot {
    border-left: none;
    border-right: none;
    display: flex;
    flex-direction: column;
    width: 30%;
    text-align: left;
     margin: 0;
 }
 .first-servicemenu, 
 .second-servicemenu {
    text-align: left;
  }
}
 @media(max-width:665px){
  .footerwrap .col-foot {
    border-left: none;
    border-right: none;
    display: flex;
    flex-direction: column;
    width: 50%;
    text-align: left;
     margin: 0;
 }
}
@media screen and (max-width:767px){
  .foot-title {
    margin-bottom: 20px !important;
    margin-top: 30px;
  }.footerwrap .col-foot {
    width: 100%;
  }.col-foot.footer-col1:before{
    display: none;
  }.footer-area .cols {
      display: block;
  }.footer-bottom {
      padding: 0 10px;
  }.privacy-policy-main {
      width: 50%;
  }.footercopyright {
      font-size: 12px;
  }.footer-middle {
      text-align: left;
  }
}
@media screen and (min-width:768px) and (max-width:1100px) {
   .col-foot.footer-col1 {
    flex-basis: 100% !important;
}.footer-area .cols {
    display: flex !important;
    flex-wrap: wrap;
}.footerwrap .col-foot {
        flex-basis: 45%;
        width: auto !important;
        flex-grow: unset;
    }.col-foot.footer-col1:before{
    display: none;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1200px) {
    .footerwrap .col-foot {
        flex-basis: 20%;
        width: auto !important;
        flex-grow: unset;
    }
}
.single-product-partition-icons{

}
.single-product-partition-icons  img{
    display: block;
    max-width: 100%;
    height: 100%;
    max-height: 80px;
    object-fit: cover;
}
.single-product-partition-icons .part-thumb{
  margin: 5px!important;
  max-width: 75px;
  max-height: 70px;
  overflow: hidden;
}
.single-post .single-product-partition-icons .part-thumb{
  margin: 5px!important;
  max-width: 60px;
  max-height: 65px;
  overflow: hidden;
}
@media(min-width:768px){
 .single-product-partition-icons{
   max-width:330px; 
 }
 .single-post .single-product-partition-icons{
   max-width:275px; 
 }
}
@media(max-width:458px){
 .single-product-partition-icons{
   width:320px; 
 }
 .single-post .single-product-partition-icons{
   width:275px; 
 }
}
@media(min-width:459px) and (max-width:767px){
 .single-product-partition-icons{
   width:420px; 
 }
}
.basket-noborders{
   border: 0!important;
   padding: 0!important;
} 
.info-wrap .info-body p {
    margin: 0;
    font-family: "Barlow", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
}
.single-product-partition-icons-wrap{
  position:relative;
}
.single-product-partition-icons-nav{
  
  height:25px;
  position:absolute;
  bottom:0;
  cursor:pointer;
}
.single-product-partition-icons-nav.nav-left{
  left:0;
  background-image: url(./img/long-arrow-left.png);
  background-repeat:no-repeat;
  background-size:contain;
  background-position: left;
  opacity: 0.5;
}
.single-product-partition-icons-nav.nav-left:hover,
.single-product-partition-icons-nav.nav-right:hover{
  opacity: 0.95;
}
.single-product-partition-icons-nav.nav-right{
  right:0;
  background-image: url(./img/long-arrow-right.png);
  background-repeat:no-repeat;
  background-size:contain;
  background-position: right;
  opacity: 0.5;
}
.single-product-wrap .selectric,
.single-product-wrap .ui-widget-content,
.single-product-wrap input{
 background: rgba(0, 0, 0, 0.1);
}
.parts-outer-wrap .part-preview-outer {
    padding-bottom: 5px!important;
}
.step-title{
font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 24px;
color: #333333;
}
.order-description-content-new .title{
font-family: "Barlow", sans-serif;
font-size: 24px;
line-height: 32px;
color: #000000;
}
.order-description-content-new .description-product-body li{
font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 20px;
color: #000000;
}
@media(min-width:1100px){
  .order-description-content-new .description-product-body ul{
    column-count: 2;
    padding: 10px;
  }
}
.count-numbers{
  color:#1FA3E4;
  font-weight: 700;
  font-size: 18px;
}
 /* ---------------------------------------------------footer new css end ---------------------------------------*/
 
 /* slick dots */
 .carusel-dots {
  position: absolute;
  bottom: -65px;
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: left; 
}
.carusel-dots {
  padding: 0 !important;
}
.carusel-dots li {
  position: relative;
  display: inline-block;
  width: 14px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.carusel-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
  zoom: 0.75; 
}

.carusel-dots li button:hover,
.carusel-dots li button:focus {
  outline: none;
}

.carusel-dots li button:hover:before,
.carusel-dots li button:focus:before {
  opacity: 1;
}

.carusel-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  content: '';
  text-align: center;
  opacity: .25;
  color: #ffffff00;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  filter: contrast(0.5);
  border: 1px solid;
  border-radius: 50%;
  background: #D6D6D6;
   
}

.carusel-dots li.slick-active button:before {
  opacity: 1;
  color: #f8f8f800;
  background:#1FA3E4;
  border-radius:50%!important;
}
.header-3{
  margin: 0;
  color: #414141;
  font-size: 14px;
}
h1 {
    color: #414141;
    font-size: 20px;
    font-weight: 800;
    line-height: 32px;
    text-transform: uppercase;
}
.menu-item-has-children:after {
    -webkit-transition: all all 500ms;
    transition: all 500ms;
    content: "";
    position: static;
    display: inline-block;
    border: 0px!important;
    background: url(./img/menu-arrow.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 12px;
    height: 6px;
    margin-left: 1px;
    transform: translateX(0);
    filter: grayscale(1);
}
.menu-item-has-children:hover:after {
  transform: rotate(-180deg);
  transition: all 500ms;
  filter: grayscale(0);  
}
@media(max-width:768px){
 .product-cards-section .card-wrap .card-description-wrap {
   margin-bottom:25px;
 }
}
.owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span {
    background: #1FA3E4!important;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #1FA3E4;
}
.btn-standart{
    display: inline-flex;
    align-items: center;
}
.single-product-partition-icons-wrap .carusel-dots{
  text-align:center;
}
.page-template-request input[type="text"],
.page-template-checkout input[type="text"],
.page-template-request input[type="email"],
.page-template-checkout input[type="email"], 
.page-template-request input[type="url"], 
.page-template-checkout input[type="url"],
.page-template-request input[type="tel"], 
.page-template-checkout input[type="tel"],
.page-template-request input[type="password"], 
.page-template-checkout input[type="password"],
.page-template-checkout input[type="search"],
.page-template-request input[type="search"] {
    border: 0;
    color: #000;
    font-family: "Barlow", sans-serif;
    font-size: 16px;
    background-color: #fff;
    line-height: 16px;
    padding: 5px 20px;
    width: 100%;
}


/* new design blocks for 1024+ */

@media(min-width:1023px){
 .partitions-section-blocks .no-description .partitions--item--description {
    display: block;
    visibility:hidden;
    transition:all 0s;
    opacity:0;
 }
 .partitions-section-blocks .content-wrap-inner{
   flex-wrap: nowrap;
 }
 .partitions--item{
   order:0; 
   cursor:pointer;
 }
 .partitions--item .partitions--item--description--title {
   display:none!important;
 }
 .partitions-section-blocks .partitions--item{
   width: 30%;
 }
 .partitions-section-blocks .partitions--item.active-partition {
   width: 40%;
   min-width: 450px;
   transform: scale(1.05);
   margin-top: 10px;
   display: block;
 }
 .partitions-section-blocks .partitions--item.active-partition .partitions--item--left {
    width: 100%;
    flex-grow: 1;
    flex-shrink: 1;
    margin-bottom: 0px;
    position:relative;
 }
 .partitions-section-blocks .partitions--item:first-child .partitions--item--left--link{
   margin-top: 10px;
   display: flex;
   justify-content: flex-start;
 }
  .partitions-section-blocks .partitions--item .partitions--item--left--link{
   margin-top: 10px;
   display: flex;
   justify-content: center;
 }
 .partitions-section-blocks .partitions--item.active-partition .partitions--item--left--link {
    position: absolute;
    bottom: 0;
    padding: 10px 15px;
 }
 .partitions-section-blocks .arrow-right:after {
    content: '';
    position: static;
    right: -40px;
    top: 10px;
    width: 35px;
    height: 10px;
    display: none;
    background-image: url(./img/arrow-right.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 15px;
  }
  .partitions-section-blocks .partitions--item.active-partition .arrow-right:after {
    display:none;
  }
  .partitions-section-blocks .partitions--item .partitions--item--left--link .partitions--item--left--link-text {
    font-size: 18px;
    line-height: 24px;
  }
 .partitions-section-blocks .partitions--item.active-partition .partitions--item--left--link .partitions--item--left--link-text {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: #ffffff;
 }
 .partitions-section-blocks .active-partition  .partitions--item--left--link{
   display:block;
 }
 .partitions-section-blocks .partitions--item .partitions--item--description-inner{
  display:none;

 }
 .partitions-section-blocks .partitions--item.active-partition .partitions--item--description-inner{
  display:block;
   
 }
 .partitions-section-blocks .partitions--item.active-partition .partitions--item--description{
   width: 97%;
    margin-top: 0px;
    margin: 0px auto;
    height: auto; 
    padding: 10px 20px 0 20px;
    flex-grow: 0;
    opacity: 1;
    visibility: visible;
    display:block;
    
 }
 .partitions-section-blocks .partitions--item--description{
   transition: all 0s ease-out;
 }
 .partitions-section-blocks .partitions--item--left .partitions--item--img {
    height: 300px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
 }
/* .partitions-section .partitions--item.no-description{
    order:3; 
 }

 .partitions-section .partitions--item.active-partition {
     order:2!important; 
 } */
 .partitions-section-blocks .partitions--item--description .partitions--item--description--content ul li{
    font-size: 12px;
 }
}
.price-info{
    color: #24232391;
    font-size: 13px;
    line-height: 10px;
}
@media(min-width:1120px){
 .partitions-section-blocks .arrow-right:after {
    content: '';
    position: static;
    right: -40px;
    top: 10px;
    width: 35px;
    height: 10px;
    display: block;
    background-image: url(./img/arrow-right.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 15px;
  }
 .partitions-section-blocks .partitions--item .partitions--item--left--link{
   margin-top: 10px;
   display: flex;
   justify-content: flex-end;
 }
}
.mobile-fixed-wrap{
  position: relative;
}
@media(max-width:991px){
.mobile-fixed-wrap.headroom--not-top{
  display:block!important;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 999;
 } 
}
.mobile-fixed-wrap-inner{
  position: fixed;
    top: 0;
    width: 100%;
    display: flex;
    background: #66CCFF;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 5px 10px;
    z-index: 200;
    display: flex;
    align-items: center;
}
.mobile-fixed-wrap-inner .mobile-fixed-menu-togle{
    padding: 5px 10px;
}
.mob-menu-body-wrap{
  position: fixed;
    top: 42px;
    right: 0;
    display: block;
    background: #00aced00;
    width: 100%;
    z-index: 99999999999;
    max-width: 380px;
    height: 100%;
}
.mobile-fixed-wrap-inner .mobile-fixed--logo img{
  display: inline-block;
    width: 30px;
    height: 30px;
    object-fit: cover;
    object-position: left;
    filter: brightness(10);
}
.mobile-fixed-wrap-inner .mobilenav {
    background-color: #00aced;
    height: auto;
    right: 0;
    position: absolute;
    margin-right: -150%;
    top: 0;
    transition: all ease .4s;
    width: 100%;
    z-index: 99;
    height: 100%;
}
.mobile-fixed-wrap-inner .mobile-fixed--phone a{
    color: #ffffff;
    font-family: "Barlow", sans-serif;
    font-size: 20px;
    font-weight: 600;
}
.mobile-fixed-menu-btn .fa {
  font-size: 22px;
  color: #fff;
}

.footer-seo-block .footer-seo-block-title{
   font-size: 14px;
    margin: 10px 0px 0px 15px;
}
.footer-seo-block .our-services-products-wrap{
  display: flex;
  flex-wrap:wrap;
  justify-content: flex-start;
  padding: 10px 20px;
}
.footer-seo-block .our-services-products-wrap  a{
   font-size: 11px;
    padding: 5px;
    line-height: 12px;
    border: 1px solid #316dab;
    border-radius: 6px;
    margin: 3px;
    transition:all 0.2s ease;
}
.footer-seo-block .our-services-products-wrap  a:hover{
    color:#fff;
    background-color:#316dab;
}
.ankor_block .seoblock{
    max-width: 900px;
    margin: 0 auto;
    padding: 20px;
}
.ankor_block .popular_services{
  column-count:1;
}
.ankor_block .popular_services a{
  font-size:13px;
}
@media(min-width:550px){
 .ankor_block .popular_services{
   column-count:2;
 }
}
@media(min-width:768px){
 .ankor_block .popular_services{
   column-count:3;
 }
}
#faq-accordion {
  padding: 10px 0;
}
#faq-accordion .accordion-item{
    max-width: 900px;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 10px;
}
#faq-accordion .accordion-title{
    color: #00aced;
    border: 1px solid;
    padding: 5px 15px;
    margin: 0px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#faq-accordion .accordion-item-answer{
    box-shadow: 0px 0px 3px #8686868a inset;
    padding: 10px;
    padding: 20px 10px;
    transition: all 0.3s;
}
#faq-accordion .accordion-item-answer p {
    margin-bottom: 15px;
    text-align: justify;
    font-size: 13px;
}
.modal-content {
    padding: 40px;
    background: #333F48;
    border-radius: 0;
    border: 0;
    box-shadow: none;
}
.modal-dialog {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1.5rem);
}
.modal-header {
    border: 0;
    min-height: unset;
    padding: 0;
}
.close-icon {
    background-color: transparent !important;
    font-size: 0 !important;
    border: none !important;
    box-shadow: none !important;
    background: center / contain no-repeat url(/wp-content/themes/kova/img/close-button-mob-menu.svg);
    width: 32px !important;
    height: 32px !important;
    right: -7px !important;
    top: -7px !important;
    position: absolute;
    display: block;
    cursor: pointer;
    z-index: 2;
}
.modal-header .close,
.modal-content .close {
    color: #fff !important;
    opacity: 1 !important;
    position: relative;
    margin: 0;
}
.modal-body .expand-form {
    padding: 20px 0 !important;
    display: flex;
    align-items: center;
}
.modal-body .expand-form form{
  min-height: 210px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.modal-body .expand-form form.invalid, .modal-body .expand-form form.sent{
  min-height: 250px;
}
.expand-form .wpcf7-form .wpcf7-submit {
    background: #01AEF0 !important;
    font-weight: 600;
    font-size: 18px;
    line-height: 135%;
    color: #fff !important;
    padding: 17px 32px;
    border: 2px solid transparent !important;
    border-radius: 9px !important;
    max-width: 240px;
    min-height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.35s ease-in-out;
}
.expand-form  input.wpcf7-form-control.wpcf7-submit:hover {
    background: transparent !important;
    border-color: #01AEF0 !important;
}
.custom-form-field {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    flex-basis: 100%;
    margin-bottom: 20px;
}
.custom-form-field label {
    flex-basis: calc(50% - 10px);    margin: 0;
    padding: 0;
}
.modal-body {
    padding: 0;
}
.expand-form .wpcf7-form input {
    padding: 14px 20px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #272727;
    width: 100%;
    display: block;
    font-family: "Barlow", sans-serif !important;
    min-height: 56px;
    background: #fff;
    border-radius: 0;
}
.expand-form .pure-material-textfield-outlined > input + span {
    display: none;
}
.expand-form .pure-material-textfield-outlined > input:not(:focus):placeholder-shown + span, 
.expand-form .pure-material-textfield-outlined > textarea:not(:focus):placeholder-shown + span {
    outline: none;
    border: 0;
}
.expand-form .wpcf7-form input:focus {
    border: 0;
    outline: none;
    box-shadow: none;
}
.expand-form .wpcf7-form input.wpcf7-submit:focus{
   border:2px solid;
}
.expand-form .wpcf7-form input::placeholder {
    color: #8c8c8c;
}
.modal-opened .modal {
    overflow-x: hidden;
    background-color: rgba(0, 0, 0, .6);
}
.modal-opened {
    overflow: hidden;
}
.wpcf7-form.invalid input,
.wpcf7-form.invalid .wpcf7-response-output {
    border: 1px solid #FD4646 !important;
}
.expand-form .wpcf7-response-output {
    color: #fff;
    margin-top: 32px;
}
.expand-form .sent .wpcf7-response-output {
    border-color: #46b450;
    color: #fff;
    margin-top: 32px;
}
.expand-form .screen-reader-response {
    display: none;
}

@media screen and (max-width:767px){
  .custom-form-field label {
      flex-basis: 100%;
  }
  .modal-content {
      padding: 25px;
  }
}
.custom-form-field span.wpcf7-not-valid-tip {
    line-height: normal !important;
    color: #fff;
}

#Book_engineer_modal-body .wpcf7-response-output {
    line-height: normal;
}