@font-face {
    font-family: Gotham;
    src: url(../extensions/GothamBook.otf);
  }
  @font-face {
    font-family: GothamMedium;
    src: url(../extensions/GothamMedium.otf);
  }
  @font-face {
    font-family: GothamBold;
    src: url(../extensions/Meta.ttf);
  }
  body{
      text-align: justify !important;
  }

  body, a{
      font-family: "Gotham";
  }
  body *{
    font-family: "Gotham";
}
.container{
    padding: 0px;
}
@media (min-width:1026px) and (max-width:1599px){
    .container, .container-lg, .container-md, .container-sm, .container-xl{
        max-width: 1266px !important;
    }
}
.information img, .container-fluid.headings img{
    box-shadow: 0px 0px 30px -15px;
    transition: 0.3s ease-in-out;
}
.information img:hover, .container-fluid.headings img:hover{
    box-shadow: 0px 0px 50px -15px;
    transition: 0.3s ease-in-out;
}

.clients .splide__slide img{
    align-self: center;
}
#show {
    position: absolute;
    transition: 0.3s;
    z-index: 200;
    margin-top: 74px;
}
@media only screen and (min-width:1025px){
    #header-for-pc{
        transition: 0.3s all ease;
    }
    #header-for-pc.sticky{
        transition: 0.6s all ease;
    }
    .none{
      transform: translateY(-100px);
        transition: 0.3s all ease-in-out;
    }
    .form-inline.search.sticked{
        position: fixed;
    top: 80px;
    right: 10%;
    z-index: 2000;
    transition: 0.3s all;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    box-shadow: 1px 1px 15px gray;
    }
    @keyframes fadeInRight {
        0% {
           opacity: 0;
           transform: translateX(20px);
        }
        100% {
           opacity: 1;
           transform: translateX(0);
        }
     } 
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
   
    .swiper-container{
        height: 450px;
    }
    
    .swiper-slide .title{
        margin-top: 73px;
    }
    .swiper-slide .first{
        margin-left: 93px;
    }
    .dropdown{
        margin-left: 68px;
    }
}

 .projects .conta h2{
      margin-bottom: 50px;
      font-size: 24px !important;
 }
.row.bottom-row{
    justify-content: flex-end;
    gap: 46px;
}

.navbar-expand-lg .navbar-nav .nav-link{
    padding:0px !important;
    color: rgba(0, 0, 0, 0.8) !important; 
}
.navbar-expand-lg .navbar-nav .nav-item.active .nav-link{
    color: #30497C !important;
}
.container.main-nav{
    margin-top: 31px;
 
}


.swiper-container .swiper-slide{
    background: #9CA7BD;
}
.swiper-slide .title{
    font-family: "GothamBold";
    color:white;
    margin-bottom: 26px;
}
.swiper-slide .description{
    font-family: "Gotham";
    color:white;
    margin-bottom: 40px;
    width: 373px;
}
.swiper-slide .description{
    font-size: 20px;
}
 .more{
    background: #639BD2;
border-radius: 6px;
color: white;
padding: 15px 52px;
text-decoration: none;
}
.more:hover{
    text-decoration: none;
    color:white;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    background: transparent;
    border-radius: 50%;
    border: solid 1px white;
    opacity: 1;
    height: 11px;
    width: 11px;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{
    background: white;
}

.swiper-button-next::before {
    content: "";
    background: url(../images/right.png);
    width: 45px;
    height: 45px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: white;
    background-size: 16px;
    border-radius:60px;
    transition: 0.3s all;
}
.swiper-button-next::after{
    content:"" !important;
}

.swiper-button-next:hover::before {
    content: "";

    background: url(../images/right-white.png);
    background-color: #30497C;
    transition: 0.3s all;
    width: 45px;
    height: 45px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    border-radius:60px;
}





.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    
    right: 50px !important;
}
.swiper-button-next, .swiper-button-prev{
    width: 47px !important;
}
.swiper-button-next{
    display: none;
}
.swiper-button-prev::before {
    content: "";
    background: url(../images/left.png);
    width: 45px;
    height: 45px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: white;
    background-size: 16px; 
    border-radius:60px;
}

.swiper-button-prev:hover::before {
    content: "";

    background: url(../images/left-white.png);
    background-color: #30497C;
    transition: 0.3s all;
    width: 45px;
    height: 45px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    border-radius:60px;
}
.swiper-button-prev::after{
    content:"" !important;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-prev{
    
    left: 45px !important;
}
.swiper-button-prev, .swiper-button-prev{
    width: 45px !important;
}
.information{
    margin: 140px 0px;
}

.information h4{
    margin-top: 40px;
    margin-bottom: 31px;
    font-family: "GothamBold";
}
.information p{
    margin-bottom: 51px;
}  
.information img{
    border-radius: 6px;
}
.information .right{
    width: 600px;
    max-width: 600px;
    padding-left: 60px;
}


.container-fluid.services{
    background: rgba(99, 155, 210, 0.2);
    height: 541px;
    margin-left: 0px;
    width: 1019px;
    border-radius: 6px;
}
.services .info{
    margin-top: 133px;
    margin-left: 91px;
}
.info .description{
    margin-bottom: 51px;
    width: 389px;
}
.services .banners{
margin-top: 65px;
}
.services .banners img{
border-radius: 6px;
}
.services .banners img:nth-child(2), .services .banners img:nth-child(4){
    transform: translatex(20px) !important;

}
.services .banners img:nth-child(4){
    margin-top: 20px;
}
.services .row{
    flex-wrap: nowrap;
    width: 1200px;
}


.text-block {
    position: absolute;
    bottom: 0px;
    width: 100%;
    padding-bottom: 19px;
    padding-top: 27px;
    padding-left: 22px;
    border-radius: 6px;
    padding-right:10px;
    color: white;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 110%);
  }
  .text-block h6{
    font-size: 18px;
    font-family: "GothamBold";
  }
  .conta{
    position: relative;
    display: inline-block;
    transition: background-image 0.5s linear;
  }
  .conta img, .conta{
    border-radius: 6px;
  }
  .services .banners a{
    margin-left: 20px;
  }
  .services .banners a:last-child img{
    margin-top: 20px;
  }
  .services .banners img{
    filter: drop-shadow(18px 16px 22px rgba(0, 0, 0, 0.23));
  }
  .categories .title{
      margin-top: 198px;
      margin-left: 15px;
      margin-bottom: 62px;
  }
  .distribution .title{
      margin-top: 135px;
      margin-left: 15px;
      margin-bottom: 62px;
  }
  .distribution .second .logos{
      /*padding: 40px 82.5px; */
    background: #FFFFFF !important;
    box-shadow: 5px 5px 14px rgba(0, 0, 0, 0.17);
    border-radius: 6px;
    width: 302px !important;
    display: flex;
    justify-content: center;
    height: 150px;
  }
  .distribution .second{
      gap: 20px;
      padding-left: 15px;
      margin-bottom: 130px;
  }



  .splide__arrow{
      background-color: #30497C !important;
      opacity: 1 !important;
      width: 45px !important;
      height: 45px !important;
      transition: 0.3s ease-in-out;

  }
  .splide__arrow:hover{
    background-color: #639BD2 !important;
    transition: 0.3s ease-in-out;
  }
  .splide__arrow svg{
      filter:invert(1);
  }
  .container-fluid.headings{
    padding-left: 15px !important;
    padding-right: 15px !important;

      background: #E0EBF6;
      padding-bottom: 108px;
  }
  .container-fluid.headings .title{
      font-size: 42px;
  }
  .container-fluid.headings .row{
      margin-left: 148px;
  }
  .container-fluid.headings .zero .title{
      margin-top: 102px;
  }
  .container-fluid.headings .row{
      margin-top: 60px;
  }
  
  .container-fluid.headings .one .description{
     width: 440px;
     margin-left: 60px;
     margin-top: 49px;
  }
  .container-fluid.headings .second .description{
    width: 440px;
    margin-right: 60px;
    margin-top: 49px;
 }
 .container-fluid.headings .third .description{
    width: 440px;
    margin-left: 60px;
    margin-top: 49px;
 }
 .container-fluid.headings .third {
     margin-left: 398px;
 }

 body{
     overflow-x: hidden;
 }
 .projects .row{
     padding-left: 15px;
     gap: 30px;
 }
 .projects{
     margin-top: 140px;
     padding-bottom: 134px;
 }
.projects .conta h2{
    margin-top: 92px;
}
.distribution .logos img{
    filter: grayscale(100%);
    transition: 0.4s all;
}
.distribution .logos:hover img{
    filter: grayscale(0%);
    transition: 0.4s all;
}
.clients .title{
    margin-left: 15px;
    margin-bottom: 60px;
}

.clients #swiper-container{
    margin-bottom: 130px;
}

footer{
    background: #30497C;
}

.footer-wrapper {
    padding-top: 80px;
}

.footer-wrapper ul{
    list-style-type: none;
    padding-left: 0px;
}
.footer-wrapper .heading{
    color:white;
    margin-bottom: 27px;
}
.footer-wrapper *{
    color: white;
    text-decoration: none !important;
}

.footer-wrapper a{
    margin-top: 15px;
    color: white !important;
}
.copyright{
    margin-top: 20px;
    margin-bottom: 0px;
    padding-bottom: 20px;
}
.myhr{
    margin-top: 120px;
    opacity: 0.2;
    border-color: white;
}
.copyright p{
    margin-left: 15px;
}
.clients .swiper-slide{
    margin-right: 0px !important;
    margin-left: 60px;
}
.footer-wrapper ul li{
    margin-bottom: 15px;
}

footer .col-lg-2{
        flex: 0 0 19% !important;
    max-width: 19% !important;
}
footer .col-lg-1{
    flex: 0 0 1% !important;
max-width: 1% !important;
}

.distribution .second .logos:last-child{

    width: 23.5% !important;
}

.distribution .second .logos:last-child h2{
    color: white;
    text-align: center;
    margin-top: 45px;
}

.dropdown-toggle::after{
    display: none !important;
}
#dropdownMenuLink{
    width: 80px;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.form-inline.search{
    background: #E4EEF7;
    border-radius: 6px;
}
.form-inline.search .form-control{
    border-width: 0px;
    background: transparent;
}
.form-inline.search button{
    border-width: 0px ;
}
.form-inline.search button:hover{
    background: transparent !important;
        border-width: 0px  !important;

}
.form-inline.search .form-control{
    width: 265px;
}
.form-inline.search .form-control:focus{
    border-width: 0px ;
}
.distribution .logos {
    flex-direction: column;  /* make main axis vertical */
    justify-content: center; /* center items vertically, in this case */
    align-items: center;     /* center items horizontally, in this case */
}
.distribution .logos img{
    text-align: center;     /* will center text in <p>, which is not a flex item */

}

#dropdownMenuLink {
    margin-right: 15px;
    background: #639BD2;
    border-color: #639BD2;
}

#single-product-page .page-title h2{
    font-family: "GothamBold" !important;
}
.container.breadcrumbs span{
    width: 20px;
    margin-left: 5px;
    margin-right: 5px;
}

/** * Tabs */
 .tabs {
	 display: flex;
     flex-wrap: wrap;
     margin-top: 71px;
}
 .tabs label {
	 order: 1;
	 display: block;
     padding: 1rem 2rem;
     text-align: center;
    width: 316px;
     cursor: pointer;
     color:white;
	 background: #639BD2;
     font-weight: bold;
     border-right: 0.5px solid rgba(255, 255, 255, 0.2);
	 transition: background ease 0.2s;
}
.fortabone{
    border-top-left-radius:6px ;
    border-bottom-left-radius: 6px;
}
.fortabfour{
    border-top-right-radius:6px ;
    border-bottom-right-radius: 6px;
}
 .tabs .tab {
	 order: 99;
	 flex-grow: 1;
	 width: 100%;
	 display: none;
     padding-top: 64px !important;
	 background: #fff;
}
 .tabs input[type="radio"] {
	 display: none;
}
 .tabs input[type="radio"]:checked + label {
     background: #fff;
     color: rgba(0, 0, 0, 0.8);
     border-top:3px solid #639BD2;
     border-radius: 4px 0px 0px 4px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.16);
}
 .tabs input[type="radio"]:checked + label + .tab {
	 display: block;
}
 @media (max-width: 45em) {
	 .tabs .tab, .tabs label {
		 order: initial;
	}
	 .tabs label {
		 width: 100%;
		 margin-right: 0;
		 margin-top: 0.2rem;
	}
}

.overview p{
    width: 1015px;
}
.overview .text{
    justify-content: center;
}


#single-product-page .project{
    display: inline-block;
}

#single-product-page .conta img{
    width: 298px;
    height: 185px;

}
#single-product-page .project{
        margin-left: 19px;
}
#single-product-page .project:first-child{
    margin-left: 0px !important;
}
#single-product-page .page-title{
margin-bottom: 50px;

}
#single-product-page .page-title{
text-align: center;
width: 100%;
}
#single-product-page .tabs img, #single-product-page .image-section img{
    border-radius: 6px;
}


#single-product-page .page-title{
    margin-top: 50px;
}
.cards .single-card{
    display: inline-block;
    margin-left: 20px;
}
.cards .single-card:first-child{
        margin-left: 0px !important;
}
.cards .single-card h4{
    text-align: center;
}
.cards{
    margin-top: 138px;
    margin-bottom: 138px;
}
.cards .row{
  
    gap: 20px;
}
.breadcrumbs a{
    color: rgba(0, 0, 0, 0.85);
}
#constructors-form-page .textarea .row{
    justify-content: center !important;
    padding-top: 59px;
    padding-bottom: 139px;
}

#constructors-form-page .textarea .row p{
    margin-bottom: 0px !important;
}
#constructors-form-page .contacts .first{
    padding-left: 35% !important;
    padding-right: 35% !important;
}
#contacts-page .contacts .first{
    padding-top: 30px;
    padding-left: 433px !important;
    padding-right: 433px !important;
}
#constructors-form-page .contacts form .one{
max-width: 50% ;
width: 49% ;
display: inline-block;
}
#constructors-form-page .contacts .title{
    padding-top: 66px;
    padding-bottom: 36px;
    font-family: "GothamBold";
}
#constructors-form-page .contacts form .two{
max-width: 50% ;
width: 49% ;
margin-left: 1%;
display: inline-block;
}
#constructors-form-page .contacts form button{
    width: 250px;
    background-color: #639BD2;
    border-color: #639BD2;
    height: 50px;
}
#constructors-form-page .contacts{
    margin-bottom: 140px;
}
#constructors-form-page .contacts .form-control{
    height: 50px;
}
#constructors-form-page .contacts  label{
    font-family: "GothamBold";
    font-size: 14px;
}
.main-title{
    margin-top: 59px;
    margin-bottom: 50px;
}
body{
    font-family: "Gotham";
}
#projects-page .projects{
    margin-top: 50px !important;
    margin-bottom: 70px !important;
    padding-bottom: 0px !important;
}
#projects-page .text-block{
    position: relative;
    background: transparent;
    color: rgba(0, 0, 0, 0.85);
    text-align: center;
}
#distribution-page .title{
    text-align: center;
    width: 100%;
    margin-bottom: 66px;
}
#distribution-page .dist{
    width: 820px;
    display: flex;
        border-bottom:1px solid #0000001f;
        margin-bottom: 27px;

} 
#distribution-page .dist div{
    margin-left: 77px;
    padding-bottom: 46px;

}
#distribution-page .distributors .row{
    justify-content: center;
}
#distribution-page .dist p{
    margin-bottom: 50px;
}
#distribution-page .dist .more{
    margin-bottom: 32px;
}
#tabfour th, td{
    text-align: left;
    padding: 14px 12px 15px 12px;
}
#tabfour table{
    width: 100%;
}
#tabfour tbody > tr{
        border-bottom: 1px solid #d8d8d8;
}
footer .heading{
    font-family: "GothamBold";
}
footer .copyright p{
    margin-bottom: 0px !important;
    opacity: 0.8;
    font-size: 14px !important;
}
.page-title{
 font-family: "GothamBold";
}
.second.navbarr{
    margin-bottom: 0px;
}
.second .navbar-expand-lg{
    padding:0px;
}
.second .main-nav .nav-link{
    color:white !important;

}
.second .dropdown{
    margin-left: 0px !important;

}
.second .nav-item{

    border-right:1px solid rgba(255, 255, 255, 0.69);
}
.second .navbar-nav .nav-link{
    padding:18px 0px !important;
    color: white !important;
    width:227px !important;
    text-align:center;
    transition: 0.3s all;
}
.second .nav-item:hover{
    background:#30497C;
    transition:0.3s all;
}
.second .nav-item:hover .nav-link{
        color: rgba(0,0,0,.8) !important;
}
.first .navbar-expand-lg .navbar-nav{
    gap: 46px;
}
.first .navbar-expand-lg .navbar-nav .nav-link a{
    color: rgba(0,0,0,.8);
}
.first .navbar{
    padding-bottom: 35px !important;
}
.collapsing-nav .col-lg-2{
    max-width: 227px !important;
    width: 227px !important;
        flex: 0 0 227px !important;
        padding: 0px !important;
}
.collapsing-nav .list-item{
    list-style-type: none;
}
.second .collapsing-nav .nav-item{
    list-style-type: none !important;
}
.second .collapsing-nav .nav-item{
    border-width: 0px !important;
}

.navbar.collapsing-nav{
    align-items: baseline !important;
}

.collapsing-nav{
    background: white;
}
.second .collapsing-nav .nav-item a{
    color: rgba(0, 0, 0, 0.8);
}
.second.navbarr .row{
    justify-content: center;
    box-shadow: 0px 13px 20px -5px #00000052;
}
.collapsing-nav .col-lg-2{
    padding-left: 15px !important;
}
.clients .splide__slide{
    display: flex;
    justify-content: center;
}   
.clients .splide__slide img{
    height: max-content;
}
.distribution .logos img{
    height: auto;
}

.navbarr .dropdown-toggle{
    background: transparent !important;
    border-width: 0px !important;
    color: white ;
    width: 227px;
    padding: 20px 0px;
    transition: 0.3s all;
}
.navbarr .dropdown-toggle:hover{
    color: white;

}
.navbarr .dropdown-toggle:focus{
    color: white;
}

.dropdown-item:hover{
    background: #639BD2 !important;
    color: white !important;
}
.projects .proj{
    display: flex;
}
.projects .proj .conta{
    align-self: center;
}
.second .nav-item{
    width: 227px !important;
    transition: 0.3s all;
}
.container.contact-cards .row, .container.services-wrapper .row{
    justify-content: center !important;
}
.clients .splide__arrow--prev {
    left: -1em !important;
}
.clients .splide__arrow--next {
    right: -1em;
}
.clients .splide__arrow{
    width: 40px !important;
    height: 40px !important;
}
.more:hover{
    background: #31497C !important;
    transition: 0.3s all;
}

.projects .conta{
    box-shadow: 0px 0px 30px -10px gray;
    transition: 0.3s ease-in-out;

}
.projects .conta:hover{
    box-shadow: 0px 0px 30px 5px gray;
    transition: 0.3s ease-in-out;
}
.projects .proj .conta{
    box-shadow: 0px 0px 0px !important;
}
.btn-primary{
    background: #639BD2 !important;
    border-color: #639BD2 !important;
}

.navbar-nav .nav-link{
    display: flex;
}
.first .navbar-expand-lg .navbar-nav .nav-link a{
    align-self: center;
}
.first .navbar{
    width: 100%;
}
.navbar-expand-lg .navbar-collapse{
justify-content: center;
}
.second .nav-item:last-child{
    width: 80px !important;
    border-width: 0px !important;
}
.container-fluid.headings img{
    width: 500px !important;
    height: 100%;
}
.splide__pagination__page.is-active{
    background: #30497C !important;
}
.container.breadcrumbs{
    margin-top: 50px;
}
.dropdown-item{
    cursor: pointer;
}
.services-wrapper .card{
    box-shadow: 2px 2px 10px 2px lightgrey;
}
@media (min-width:1600px) and (max-width:2560px){
    .sticky.second .nav-item{
        width: 210px !important;
        transition: 0.4s all ease-in-out;
        
    }
    .sticky.navbarr .dropdown-toggle{
        width: 210px !important; 
        transition: 0.4s all  ease-in-out;
    }
 
      
   #dropdownMenuLink{
   margin-right: 0px !important;
    }
    .second .dropdown{
        display: flex;
    }
    .navbar-expand-lg{
        justify-content: center !important;
    }
    .sticky.second li.nav-item.lang, .sticky.second li.nav-item.search {
        width: 80px !important;
    }
    .swiper-slide .first{
        margin-left: 0px !important;
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl{
        max-width: 1466px !important;
    }
    .categories .splide__slide img{
        width: 100%;
    }
    .categories .conta{
        width: 100%;
    }
    .distribution .second .logos{
        width: 23.5% !important;
    }
    .projects .conta img, .projects .proj{
        width: 470px !important;
        height: 400px !important;
    }
    .imgg{
        width: 470px !important;
        height: 400px !important;
        background-position: center !important;
        background-size: cover !important;
    }
    .information img {
        width: 100%;
        height: 100%;
    }
    .services .info {
        margin-left: 18% !important;
    }
    .services .banners{
        flex: 0 0 65% !important;
        max-width: 65% !important;
    }
    .services .banners img{
        width: 300px;
        height: 300px;
    }
    .container-fluid.services{
        width: 1220px !important;
    }
    .container-fluid.headings .row{
        margin-left: 11% !important;
    }
   
    .container-fluid.headings .second{
        margin-left: 16% !important;
    }
    .container-fluid.headings .third{
        margin-left: 24% !important;
    }
}
.dropdown:hover .dropdown-menu{
    display: block;
    transition: 0.3s all;
}
.dropdown-menu{
    margin: 0px !important;
}
  .conta.img-hover-zoom:hover{
      box-shadow: 2px 2px 10px 2px grey;
      transition: 0.3s all;
  }
  .more{
    box-shadow: 0px 13px 20px -5px #00000052;
  }
  #distribution-page .dist:last-child{
      border-bottom-width: 0px !important;
  }

  .vallhalla{
      transform: rotate(180deg);
  }

  
  @media only screen and (min-width:600px){
    .header-mobile{
        display:none;
    }
    .container-fluid.headings .image.mobile{
        display: none;
    }
}
  
  #myBtn{
    position: fixed; right:0px;bottom: 0px; display: none;
    position: fixed;
    bottom: 80px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    background-color: #639BD2;
    outline: none;
    color: white;
    cursor: pointer;
    padding: 3px;
    border-radius: 50px;
  }
  #button{
    position: fixed;
    bottom: 20px;
    right: 27px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    color: white;
    cursor: pointer;
    padding: 3px;
    border-radius: 4px;
  }
  #myBtn:hover{
      background-color: #30497C;
      transition: 0.3s all;
  }
  #myBtn img{
      filter: invert(1);
  }
  html, body{
      scroll-behavior: smooth;
  }
  .navbar-expand-lg .navbar-collapse{
      justify-content: flex-end;
  }
.services-wrapper .card .cont{
overflow:hidden !important;
}
.categories .conta{
    overflow: hidden;
    transition: 0.1s all;
}
.categories .conta img{
    transition: 0.1s all;
}
.categories .conta:hover img{
transform: scale(1.05);
transition: 0.3s all;
}
.categories .splide__pagination{
position: relative !important;
}

.services .conta{
    overflow: hidden;
    transition: 0.1s ease-in-out;
}
.services .conta img{
    transition: 0.1s ease-in-out;
}
.services .conta:hover img{
transform: scale(1.05);
transition: 0.3s ease-in-out;
}

.projects .conta{
    overflow: hidden;
    transition: 0.1s ease-in-out;
}
.projects .conta img{
    transition: 0.1s ease-in-out;
}
.projects .conta:hover img{
transform: scale(1.05);
transition: 0.3s ease-in-out;
}
.projects .proj .conta{
    overflow: visible !important;
}
.navbarr .dropdown-toggle{
    opacity: 1 !important;
}


.distribution .second .logos a{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.autocomplete-items{
    position: absolute;
    top: 50px;
    z-index: 2000;
    background: white;
   width: 200px;
   text-align: center;
}
.autocomplete-items div{
    padding: 10px 20px;
    border: 1px solid #639BD2;
    border-bottom-width: 0px !important;
    cursor: pointer;
    transition: 0.3s all;
}
.autocomplete-items div:hover{
background: #639BD2;
color: white;
transition: 0.3s all;
}
.dist .image{
    background-size: cover !important;
}
.card .header{
    background-size: cover !important;
}
li.nav-item.lang{
    width: 80px !important;

}
li.nav-item.search{
    display: flex;
    align-items: center;
    justify-content: center;
  opacity: 0;
}
.container-fluid.second.navbarr.sticky li.nav-item.search{
    display: flex;
    opacity: 1;
}
li.nav-item.search:hover svg{
    filter: invert(1) brightness(5);
}
/* Responsivity */
@media (min-width:1240px) and (max-width:1600px){
    .projects .row{
        gap: 20px !important;
    }
    .second .nav-item{
        width: 190px !important;
    }
    .navbarr .dropdown-toggle{
        width: 190px;
    }
}
@media (min-width:1025px) and (max-width:1440px){
    .swiper-container{
        height: 315px !important;
    }
    .swiper-slide .title{
        margin-top: 30px !important;
    }
    .information{
        margin-top: 80px !important;
    }
}


@media only screen and (max-width:600px){
    .container.breadcrumbs{
        margin-top: 30px !important;
    }
    .page-title{
        margin-top: 40px !important;
        margin-bottom: 0px !important;
    }
    #distribution-page .dist{
        flex-direction: column;
        width: 100%;
    }
    #distribution-page .dist{
        text-align: center;
    }
    #distribution-page .dist div{
        margin-left: 0px !important;
    }
    #distribution-page{
        padding: 0px 15px !important;
    }
    .container.services-wrapper .row{
        padding-left:0px !important ;
        padding-right: 0px !important;
        margin-top: 80px;
    }
    .container.distributors .dist{
        margin: 0px !important;
        margin-top: 55px !important;
        flex-wrap: wrap;
        gap: 20px !important;
    }
    #projects-page .projects .img{
            width: 100% !important;
        height: 230px !important;
    }
    .projects .row{
      display: flex;
      flex-direction: column;
    }
    .container-fluid.cover{
        padding: 0px !important;
    }
    #constructors-form-page .contacts .first{
        padding: 0px !important;
    }
    #constructors-form-page .contacts form .one, #constructors-form-page .contacts form .two{
        max-width: 100% !important;
        width: 100% !important;
    }
    #constructors-form-page .textarea .row{
        padding-top: 50px !important;
    padding-bottom: 70px !important;
    }
    #constructors-form-page .textarea .row p{
        padding-left: 20px;
        padding-right: 20px;
    }
    #constructors-form-page .contacts form .two{
        margin-left: 0px !important;
    }
    .distribution .second .logos:last-child{
        width: 84% !important;
    }
    .projects .row a{
        width: 100% !important;
        height: 300px !important;
    }
    .container.info .row{
        padding: 15px !important;
        margin-bottom: 60px !important;
        margin-top: 30px !important;
    }
    .container.career-cover{
        margin-top: 30px;
        height: 150px !important;
        width: 100% !important;
    }
    .container.news .row{
        padding: 15px !important;
    }
    .container.news .row .dist{
        flex-wrap: wrap;
        margin-top: 25px!important;
    }
    .container.news .row .content{
        margin-left: 0px !important;
        margin-top: 10px !important;
        width: 100% !important;
    }
    .container.news .row .content p {
        width: 100% !important;
    }
    #haqqimizda-page .bordered-image{
        width: 100% !important; 
    }
    #haqqimizda-page .page-title{
        margin-bottom: 40px !important;
    }
    #haqqimizda-page .container-fluid.with-texts .row{
        padding: 0px !important;
    }
    #haqqimizda-page .container-fluid.with-texts p{
        width: 100% !important;
        padding: 0px 20px;
    }
    #haqqimizda-page .container.third{
        margin-top: 30px !important;
    }
    #haqqimizda-page .container.fourth{
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }
    #haqqimizda-page .container-fluid.banner{
        height: 250px !important;
    }
    #haqqimizda-page .container.bann{
        margin-bottom: 0px !important;
    }
    .container.five.aos-init{
        margin-top: 0px !important;
        margin-bottom: 40px !important;
    }
    .container.new-info .row{
        padding: 15px !important;
    }
    #single-new-page .container.image-wrapper .row img{
        width: 100% !important;
    }
    #single-new-page .container.image-wrapper .row{
        padding: 10px;
    }
    .splide__pagination{
        bottom: -1.5em !important;
    }
}
#single-product-page .splide__arrow--prev{
    left: -3.5em ;
  }
 #single-product-page .splide__arrow--next{
    right: -3em ;
  }
  #single-product-page .container.related-products{
    display: flex;
    justify-content: center ;
}
.search-results {
    right: 15px !important;
    left: auto !important;
    width: 265px !important;
    top: 51px !important;
    background: #E4EEF7 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.search-results li:hover{
background: #639BD2 !important;
}
.search-results li{
    display: flex;
    padding: 5px 3px !important;
}
.search-results li:hover a.searchresult{
    color: white !important;
}
a.searchresult{
width: 100%;
color: black;
opacity: .9;
text-decoration: none !important;
}

@media only screen and (max-width:1020px){
    div#header-for-pc{
        display: none;
    }
    #single-product-page .splide__arrow--prev{
        left: -0.5em !important;
    }
    #single-product-page .splide__arrow--next{
        right: -0.5em !important;
      }
    .dist .image{
        width: 340px !important;
    }
    .header-mobile .nav-item:first-child{
        margin-top: 20px;
    }
      #header-pc{
          display:none;
      }
      body, html{
          overflow-x: hidden;
      }
      .header-mobile .navbar{
          padding: 20px 15px !important;
      }
      .header-mobile .nav-item{
          padding: 10px 0px;
          
      }
      .header-mobile .nav-item .dropdown-toggle{
        color: #1A407A !important;
      font-weight: 900;
      }
      .header-mobile .dropdown{
   
          text-align: center;
      }
      .header-mobile .dropdown button{
        border:0px !important;
        box-shadow: unset !important;
        background: transparent;
        color: #1A407A;
        font-weight: 900;
      }
      .swiper-slide .first{
          margin-left: 0px !important;
      }
      .swiper-wrapper{
          height: 420px !important;
      }
      .swiper-container .container{
          height: 100%;
      }
      .swiper-container .container .col-lg-6{
          margin-top: 40px;
      }
      .swiper-button-next, .swiper-button-prev{
          display: none !important;
      }
      .information{
          margin: 80px 0px !important;
      }
      .information img {

        width: 100%;
        height: 100%;
    }
    .information .right{       
    width: 100%;
    max-width: 100%;
    padding-left: 20px;
    }
    .services .info {
        margin-top: 41px;
        margin-left: 0;
    }
    .services .row{
        width: 105% !important;
        flex-wrap: wrap !important;
    }
    .container-fluid.services{
        height: 100%;
        width: 100% !important;
        padding-top: 20px;
        padding-bottom: 40px;
    }
    .services .banners a{
        width: 100%;
    }
    .info .description{
        width: 100%;
    }
    .categories .title{
        margin-top: 60px !important;
    }
    .distribution .second{
        justify-content: center;
    }
    .distribution .title {
        margin-top: 55px !important;
        margin-left: 15px;
        margin-bottom: 62px;
        width: 100%;
        text-align: center;
    }
    .services .banners a:nth-child(3){
        display: none;
    }
    .services .banners a:nth-child(2){
        margin-top: 15px;
    }
    .services .banners{
        display: flex;
        flex-wrap: wrap;
    }
    .services .banners img {
        width: 100%;
        height: 332px;
    }
    .container-fluid.headings .row{
        margin: 20px 0px !important;
    }
    .projects{
        margin-top: 0px !important;
    }
    .projects span.proj{
        margin-top: 50px;
        height: 100px !important;
    }
    .container-fluid.headings .title{
        font-size: 30px;
    }
    .container-fluid.headings img{
        width: 100% !important;
    }
    .container-fluid.headings  .description{
        width: 100% !important;
        margin: 0px !important;
    }
    .container-fluid.headings h5{
        margin-top: 15px;
    }
    .container-fluid.headings .image.pc{
        display: none;
    }
    .conta img, .conta{
        width: 100% ;
        height: 100%;
    }
    .projects .row{
        padding-right:15px;
    }
    footer .col-lg-2{
        flex: 0 0 50% !important;
    max-width: 50% !important;
    border-bottom: 1px solid rgb(255, 255, 255, 0.2);
    margin: 12px 0px;

    }
    footer .col-lg-1{
        display: flex;
    }
    #services-page .images{
        margin-top: 30px;
        margin-bottom: 30px !important;
    }
    #spliide img {
        width: 100% !important;
        height: 100% !important;
    }
    .tesviri .row{
        padding:15px ;
    }
    .product-image{
        margin: 20px 0px;
    }
    #newsplide-track{
        margin-left: 20px !important;
    }
    #single-product-page .image-section{
        width: 100% !important;
        height: 100% !important;
        margin: 10px 0px;
    }
    .overview .text{
        padding: 0px 15px;
        width: 100%;
    }
    .container.related-products {
        display: flex;
        overflow: overlay;
        justify-content: flex-start !important;
    }
    .img-thumbnail{
        width: 100% !important;
    }
    .container.contact-cards .row{
        padding: 0px !important;
        gap: 0px !important;
        margin-top: 30px !important;
    }
    .container.contact-cards{
        margin-bottom: 50px !important;
    }
    #contacts-page .contacts .first{
        padding:20px 0px !important;
    }
    .container.contact-cards p{
        text-align: center;
    }
    iframe{
        height: 300px !important;
    }
  }
.main-photki{
background-size:cover !important;
}
.navbarr .dropdown-toggle {
    transition: 0.3s all;
}
.sticky.navbarr .dropdown-toggle {
    font-size: 14px !important;
    transition: 0.3s all;
}
@media screen and (min-width:3000px){
    .container-fluid.services{
        width: 100% !important;
        display: flex;
        justify-content: center;
        margin-left: 0px !important;
    }
    .services .info{
        margin-left: 0px !important;
        width: 50% !important;
        max-width: 50% !important;
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl{
        max-width: 1280px !important;
    }
    .container-fluid.headings .row, .container-fluid.headings .third{
        margin-left: 1243px;
    }
}
.splide__arrow--next:after{
    content: "" !important;
     background: url(/front/images/right.png) !important;
     width: 45px !important;
     height: 45px !important;
     background-size: contain !important;
     background-repeat: no-repeat !important;
     background-position: center !important;
     background-size: 16px !important;
     background-color: white !important;
     border-radius: 60px !important;
     transition: 0.3s all !important;
 }
 .splide__arrow--prev:after{
    content: "" !important;
     background: url(/front/images/left.png) !important;
     width: 45px !important;
     height: 45px !important;
     background-size: contain !important;
     background-repeat: no-repeat !important;
     background-position: center !important;
     background-size: 16px !important;
     background-color: white !important;
     border-radius: 60px !important;
     transition: 0.3s all !important;
 }
 .splide__arrow--next:hover::after {
     content: "" !important;
     background: url(/front/images/right-white.png) !important;
     background-color: #30497C !important;
     transition: 0.3s all !important;
     width: 45px !important;
     height: 45px !important;
     background-size: contain !important;
     background-repeat: no-repeat !important;
     background-position: center !important;
     background-size: 16px !important;
     border-radius: 60px !important;
 }
 .splide__arrow--prev:hover::after {
     content: "";
     background: url(/front/images/left-white.png) !important;
     background-color: #30497C !important;
     transition: 0.3s all !important;
     width: 45px !important;
     height: 45px !important;
     background-size: contain !important;
     background-repeat: no-repeat !important;
     background-position: center !important;
     background-size: 16px !important;
     border-radius: 60px !important;
 }
 .splide__arrow svg{
     display: none;
 }
 li.nav-item.search{
     border-width: 0px !important;
 }
 li.nav-item.search svg{
    filter: invert(1) brightness(5);
 }