/* mixin */
/* base colors */
/* animate classes */
.delay-s {
  animation-delay: 0.7s;
}

.inside-pages {
        margin-top: 160px;
        margin-bottom: 30px;
}

.youtube-videos{
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    /*justify-content: space-between;*/
    padding: 30px 0;
}

.swiper-navs{
    position: absolute;
    bottom: 150px;
    right: 100px;
}

.swiper-button-prev{
    left: -73px !important;
}

#slider-header .swiper-button-next,
#slider-header .swiper-button-prev{
    background-color: transparent !important;
}

.main-inside-pages {
    margin-top:0;
}
 #header {
         position: fixed;
    top: 0;
    right: 0;
    left: 0;
    margin-bottom: 100px;
    z-index: 9999999;
 
    /*background: #fff;*/
 }
 
 #header.sticky .top-navbar-bg{
     display: none;
 }
 
 .aso-logo img{
     margin-right: 15px;
     height: 32px;
 }
.top-navbar-bg{
    background: #fff;
}
 .wunder-logo img {
  width: 90px;
 }
 .winkhaus-logo img, .enigma-logo img,.techmat-logo img{
    height: 40px;
    /*width: 90px;*/
    object-fit: contain;
    margin-left: 15px;
 }
 .techmat-logo img{
     height: 46px;
 }
.delay-sl {
  animation-delay: 0.8s;
}  #nav_menu {
      transition: .4s all ease-in-out;
      position: relative;
      background-color: white!important;
      border-top: 1px solid rgb(238, 238, 238);
      width: 100%;
      backdrop-filter: blur(33px);
  }

  .navbar-dark .navbar-nav .nav-link {
      color: #3a3a3a;
      font-weight: 500 !important;
      font-size: 14px;
  }

  .nav-link img {
      width: 45px;
  }
    .middleheader{
        padding: 15px 0;
    }

  #header .logo img {
      width: 90px;
  }

  #header .dropdown-item {
      font-size: 13px;
      padding: 10px 2rem 10px 1.5rem;
      border-bottom: 1px solid #f5f5f5;
  }
  
  .nav-container{
      width: 100%;
  }

  .callus,
  .social {
      font-weight: bold;
      display: flex;
      justify-content: flex-end;
      align-items: center;
  }

  .right-px {
      position: absolute;
      right: -125px;
  }


  .callingimg {
      float: left;
      font-weight: bold;
  }

  .calling {
      float: left;
      font-weight: bold;
      margin-left: 10px;
      /*display: flex;*/
      /*align-items: center;*/
      /*justify-content: space-between;*/
  }
  /*.calling h6{*/
  /*    margin-left: 15px !important;*/
  /*}*/
.copyright-row img {
    width:100px;
}
.product-box .product-more:hover {
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;;    
}

  .calling h3 {
      font-weight: 800;
      font-size: 15px;
      margin: 0;
      color: #333;
  }

  .calling h6,
  .calling h6 a {
      font-size: 12px;
      font-weight: 800;
      margin: 0;
      margin-top: 3px;
      color: #535050;
      text-decoration: none;
  }

  .pd2 {
      padding-right: 0 !important;
  }

  .pd1 {
      padding-left: 0 !important;
  }

  .effect {
      position: relative;
      padding: 5px 0;
      cursor: pointer;
  }

  .effect .forhover {
      position: relative;
      overflow: hidden;
      cursor: pointer;
      transition: .4s all ease-in-out;
  }

  .dropright:hover .show2 {
      display: block !important;
  }

  .dropdown-item:hover {
      color: #fff;
      background-color: #ffce29;
  }

  .item1 i {
      transition: .5s all ease-in-out;
      opacity: 1;
  }

  .item1:hover i {
      transform: translateX(20px);
      opacity: 0;
      color: #fff;
  }

  .navbar {
      padding: 11px 0;
  }

  .effect:first-child .forhover {
      padding: 0 1rem 0 0 !important;
  }

  .effect:last-child .forhover {
      padding: 0 0 0 1rem !important;
  }

  .navbar-nav .forhover {
      padding: 0 1rem !important;
  }

  #header .navbar-nav {
      justify-content: space-between;
      width: 100%;
  }

  .first {
      opacity: 1;
      color:black;
      display: inline-block;
      transform: translateY(0);
      transition: transform .15s ease-out, opacity .1s ease;
      font-weight: 700;
      white-space:nowrap;
  }

  .second {
      position: absolute;
      opacity: 0;
      top: 0;
      transform: translateY(30px);
      font-weight: 700;
      transition: transform .15s ease-out, opacity .1s ease;
  }

  .logosec {
      padding: 6px 10px;
      padding-top: 0;
  }

  .pt-5px {
      padding-top: 5px;
  }

  .pt-5px span {
      font-size: 12px;
  }

  .for-socials {
      position: absolute;
      right: 0;
  }

  .search-form {
      position: relative;
      top: -15px;
  }

  .form_submit {
      border: none;
      background-color: transparent;
      color: #000;
      cursor: pointer;
      position: relative;
      top: -10px;
      right: 32px;
      width: auto;
      height: 30px;
  }

  .form_field {
      background-color: transparent;
      border: none;
      border-bottom: 1px solid #d9d1d1;
      color: #000;
      font-size: 13px;
  }

  input.form_field::placeholder {
      color: #000;
  }

  input.form_field:focus {
      outline: none;
  }

  .search-div {
      position: relative;
      top: 10px;
  }

  .search-link {
      color: #000;
      text-decoration: none;
      margin-left: -20px;
      font-size: 13px;
  }

  .search-link:hover {
      color: #000;
  }

  .search-input {
      /*width: 100%;*/
      position: relative;
      border: none;
      border-bottom: 1px solid #b6b6b6;
      padding-right: 30px;
      font-size: 13px;
  }

  .btn-submit {
      border: none;
      background-color: transparent;
      width: 30px;
      height: 30px;
  }

  i.fas.fa-search {
      position: absolute;
      font-size: 12px;
  }

  .search-input:focus {
      outline: none;
  }

  .logoright {
      margin: 0;
      border-left: 1px solid #8d8d8d;
      padding: 8px 12px;
      color: #686868;
      margin-left: 8px;
      font-size: 12px;
      font-weight: 600;
  }





  .social a {
      background-color: #f0f0f0;
      padding: 3px 10px;
      margin: 9px;
      transition: 500ms all ease;
  }

  .social .fb {
      padding: 3px 12px;

  }

  .social a:last-child {
      margin-right: 0;
  }

  .social a:hover {
      opacity: 0.7;
  }

  .social i {
      color: #777777;
      font-size: 15px;
      font-weight: 100;
  }

  .footerNav .navbar-nav {
      flex-direction: row;
  }

  .footerNav .navbar-nav .nav-item {
      padding-right: 17px;
  }

  #footer a {
      color: #fff;
      transition: 0.3s all ease-in-out;
      text-decoration: none;
      font-size: 13px
  }

  .icons {
      display: flex;
      align-items: center;
      justify-content: space-between;
  }

  .icons .fb,
  .icons .ln,
  .icons .insta,
  .icons .youtube,
  .icons .pinterest,
  .icons .twitter {
      color: #d9a131 !important;
      border-radius: 50%;
      background-color: white;
      width: 40px;
      height: 40px;
      text-align: center;
      line-height: 40px;
  }

  .icons a:hover i {
      transform: rotate(180deg);
  }

  .icons a i {
      transition: 500ms all ease
  }


  .aboutText span {
      color: #848484
  }

  .aboutText {
      margin: 0;
      font-size: 14px;
  }

  .hamburger {
      cursor: pointer;
      margin: auto;
      transform: rotate(0);
      transition: .5s ease-in-out;
      -webkit-transform: rotate(0);
      width: 30px;
      height: 20px;
  }

  .hamburger div {
      background: black;
      border-radius: 9px;
      display: block;
      height: 5px;
      left: 0;
      position: absolute;
      transform: rotate(0);
      transition: .25s ease-in-out;
      -webkit-transform: rotate(0);
      width: 100%;
  }

  .hamburger div:nth-child(1) {
      top: 0;
  }

  .hamburger div:nth-child(2),
  .hamburger div:nth-child(3) {
      top: 10px;
  }

  .hamburger div:nth-child(4) {
      top: 20px;
      width: 85%;
  }

  .mobileCall,
  #header #nav_menu .col-4 {
      display: none
  }

  .block {
      display: block
  }

  .card-content {
      padding: 9px;
      background: white;
      text-align: center;
      margin-bottom: 20px;
  }

  .card-img {
      position: relative;
      height: 150px;
      width: 100%;
      overflow: hidden;
  }

  .cart .img {
      position: relative;
      width: 100%;
      min-height: 100%;
  }



  .lang img {
      height: 53px;
      padding: 12px 0px;
      margin-top: -10px;
  }

  .lang img:hover {
      opacity: 0.7;
  }

.callingimg img{
    filter:invert(1);
    width:35px;
}

  /* Wow Slier */

    #wowslider-container1{
        height: 700px;
    }
    
    #wowslider-container1 .ws_images .ws_list img, #wowslider-container1 .ws_images>div>img{
        height: 100%;
        margin-top: 0px !important;
    }
    #wowslider-container1 img{
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

  .ws_pause {
      display: none !important;
  }

  .ws-title {
      display: none !important;

  }

  .ws_bullets {
      display: none !important;
  }


   .slide-title-wrap {
      position: absolute;
      top: 370px;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      left: 0;
      bottom: auto;
      width: 100%;
      z-index: 9999 !important;
      color: #fff;
  }

 .slide-title-wrap .slide-title {
     /*background: #94a5bb6e;*/
      font-size: 32px;
      font-weight: 500;
      line-height: 42px;
      width: 60%;
      margin-bottom: 20px;
  }

  .more-btn {
      position: relative;
      cursor: pointer;
      border: none;
      top: 40%;
      width: 140px !important;
      height: 40px !important;
      border-radius: 30px;

  }

  .button-more {
      cursor: pointer;
      /*background-image: linear-gradient(rgb(227 30 37), rgb(180, 57, 40));*/
      background-image:linear-gradient(rgb(19 172 198), rgb(33 175 200));
      border: none;
      width: 260px;
      padding-top: 8px;
      padding-bottom: 8px;
      border-radius: 30px;
      color: white;
      font-size: 16px;
      transition-duration: 300ms;
  }
.button-more:hover {
        box-shadow: 0 0 30px rgb(19 172 198);
    color: rgb(19 172 198);
}

  .slide-title-wrap p {
      /*background: #94a5bb6e;*/
      width: fit-content;
      font-size: 20px;
      line-height: 1.5;
      margin-bottom: 48px;
  }

  .ws_controls {
      display: none !important;
  }
    #slider-header::after{
        display: none;
    }
    
    #slider-header{
        height: 100vh;
        position: relative;
    }
    
    #slider-header img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
.swiper-slide::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
    pointer-events: none;
}

/* News */
.section-wrap {
    padding: 40px 0 40px;
}

.bg-gray {
    background-color: #f7f7f9;
}.flexable {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 40px;
    position: relative;
    top: 12px;
    z-index: 91;
}.caption-useful {
    margin: 0;
    line-height: 24px;
}
.welcome h2, .basliq, .forhover, .caption-useful {
    font-weight: 700;
    font-size: 26px;
}.view-all a {
    font-size: 14px;
    color: black;
    position: relative;
}.view-all a:after {
    content: "";
    height: 1px;
    width: 100%;
    position: absolute;
    background-color: black;
    display: block;
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    bottom: 0;
}.view-all a {
    font-size: 14px;
    color: black;
    position: relative;
}.pic3 {
    margin-bottom: 12px;
    position: relative;
}.pic3 img, .box3 img {
    transform: scale(1);
    will-change: transform;
    transition: all 0.3s ease-in-out;
}

.big-img {
    height: 250px;
    object-fit: cover;
}.icon-wishlist {
    width: 40px;
    height: 40px;
    background: rgb(255, 255, 255);
    border-radius: 50%;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    transform: translate3d(0px, 0px, 0px);
    position: absolute;
    z-index: 2;
    top: 10px;
    right: 10px;
    cursor: pointer;
}.box3 h3, .box4 h3, #cat-page .box3 h3, #cat-page .box4 h3 {
    text-transform: uppercase;
    font-size: 18px;
    color:#000;
    letter-spacing: 0.5px;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0;
    position: static;
    transform: none;
    padding: 0;
}
.box3-text p {
    margin-top: 20px;
    font-size: 18px;
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.box4-text p {
    padding-top:10px;
}
.box3-text span, .box4-text span {
    color: cornflowerblue;
    font-weight: 500;
    margin-top: 15px;
    display: block;

}

.nav-location {
    padding-left:120px;
}

.nav-contact {
    /*padding-left:40px;*/
    display: flex;
    align-items: center;
    margin-right: 30px;
}
/*.box4 .col-lg-6:nth-child(2), .box4 .col-lg-6:first-child, .box4 .col-lg-6:nth-child(3), .box4 .col-lg-6:nth-child(4) {*/
/*    display: none;*/
/*}*/

  @media only screen and (max-width: 768px) {
.tabVideo video {
    width:100% !important;
    height: 100%;
    object-fit: cover;
}

.wunder-title h3{
    width: 84px !important;
    font-size: 11px !important;
}

.wunder-titles{
    padding: 10px 5px;
}

.wunder-titles img{
    width: 86% !important;
}

.wunder-title{
    justify-content: space-between;
}

      #wowslider-container1 .ws_images {
          /*height: 200px !important;*/
      }
    #wowslider-container1 .ws_images .ws_list img, #wowslider-container1 .ws_images>div>img{
        height: 100%;
        object-fit: cover;
    }
      .slide-title-wrap .slide-title {
          margin: 0;
          line-height: normal;
          width: 100%;
      }

   .slide-title-wrap .slide-title {
          font-size: 16px;

      }

      .social {
          /*justify-content: center;*/
          /*margin-bottom: 10px;*/
          display: none;
      }

      .lang {
          text-align: center;
      }

      #footer {
          margin-bottom: 56px;
      }

      .logosec {
          padding: 6px 15px;
          padding-top: 0;
      }

      .contentStatic.references .quote {
          width: 100%;
      }

      h6.logoright.d-inline-block {
          display: none !important;
      }

      .calling h3 {
          font-size: 16px !important;
      }

      .mb-30 {
          margin-bottom: 30px;
      }

      .callingimg img {
          width: 40px;
          filter:invert(1);
      }
      
      .winkhaus-logo img, .enigma-logo img, .techmat-logo img{
          margin-left: 0;
      }
      .sekilyazi{
          flex-direction: column;
      }
      .col-12 p{
          flex-direction: column;
      }
      .content-all img{
          width: 100% !important;
          object-fit: cover;
      }
      
      .content-all .col-12-images{
          flex-direction: column;
      }
      
      .content-all .col-12-images img{
          border-radius: 25px !important;
          width: 100% !important;
          object-fit: cover;
          margin-bottom: 20px;
      }
      
      .gallery-both img{
          width: 100% !important;
      }
      
      .sertificate-images a{
          width: 100%;
          margin-bottom: 20px;
      }
      
      .door-top, .door-bottom{
          flex-direction: column;
      }
      
      .door-bottom{
          height: 100% !important;
      }
      
      .door-top-left, .door-top-right,
      .door-bottom-left, .door-bottom-right{
          width: 100% !important;
      }
      
      .product-info ul li, .details ul li{
          width: 100% !important;
      }
      
  }


  @media only screen and (max-width: 768px) {
      .form_field.mobile {
          width: 100%;
      }

      .form_submit.mobile {
          position: absolute;
          top: -7px;
      }
  }

  @media (min-width: 768px) and (max-width: 991.98px) {
      
      .social {
          justify-content: inherit;
      }

      .lang {
          text-align: right;
      }
  }

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

      .icons .fb,
      .icons .ln,
      .icons .insta,
      .icons .youtube,
      .icons .pinterest,
      .icons .twitter {
          width: 30px;
          height: 30px;
          line-height: 30px;
      }

      #footer a {
          font-size: 11px;
      }

      .search-div {
          top: 0;
      }

      .caption {
          display: none;
      }

      #header .dropdown-item {
          border-bottom: none;
          padding-left: 8px;
      }

      .range-wrap:after,
      .range-wrap:before {
          width: 16px;
      }
  }

  @media screen and (min-width: 992px) {
      
      .dropdown-menu {
          display: block;
          width: auto;
          position: absolute;
          top: 100%;
          left: 0;
          margin: 0;
          background: white;
          opacity: 0;
          visibility: hidden;
          transition-duration: .3s;
          transition-timing-function: ease;
          transition-property: opacity visibility;
          transition-delay: 0;
          border-radius: 2px;
      }

      .dropdown-menu a {
          -webkit-transform: translateY(20px) rotateX(-90deg);
          transform: translateY(20px) rotateX(-90deg);
          transition-duration: .3s;
          transition-timing-function: ease;
          transition-property: -webkit-transform;
          transition-property: transform;
          transition-property: transform, -webkit-transform;
          transition-delay: 0;
      }

      .effect:hover .dropdown-menu {
          visibility: visible;
          opacity: 1;
      }

      .effect:hover .dropdown-menu a {
          -webkit-transform: translateY(0) rotateX(0);
          transform: translateY(0) rotateX(0);
      }
  }

  @media screen and (max-width: 992px) {
      #wowslider-container1 {
          height:500px;
      }
      .slide-title-wrap p {
          margin:0;
          font-size:11px;
      }
      /*.bottom-nav {*/
      /*    display:none;*/
      /*}*/
      .order_btn,.nav-contact{
          display: none;
      }
      #header .logo img,.wunder-logo img,.winkhaus-logo img, .enigma-logo img, .techmat-logo img{
          width: 60px;
          object-fit: contain;
      }
      .logos-all{
          justify-content:space-between;
          width: 100%;
          flex-wrap: wrap;
      }
        #nav_menu.sticky .callingimg img{
            filter: invert(1) !important;
            width:35px;
        }
      .hover-li .first:after {
          /*content: "";*/
          border: solid #3a3a3a;
          border-width: 0 2px 2px 0;
          display: inline-block;
          padding: 3px;
          transform: rotate(45deg);
          -webkit-transform: rotate(45deg);
          margin-left: 5px;
          margin-bottom: 2px;
      }

      .logosec .callus {
          display: none;
      }

      .logosec .col-lg-4 .logoright {
          padding-right: 0
      }

      .logosec .col-lg-6 {
          display: flex;
      }

      .mobileCall {
          display: flex;
          justify-content: flex-start;
      }

      #header #nav_menu .toggleButt {
          display: flex;
          justify-content: flex-end;
      }

      .calling h3 {
          font-size: 19px;
          color: black;
      }
      #nav_menu.sticky .calling h3{
          color: #000;
      }
      .calling h6{
          margin-left: 0 !important;
      }
       #nav_menu.sticky #burger div {
            background: #000;
        }
      .calling a {
          color: white;
      }

      .calling h6,
      .calling h6 a {
          font-size: 9px;
          color: black;
      }

      .navbar-nav .forhover,
      .effect:last-child .forhover,
      .effect:first-child .forhover {
          padding: 10px 1rem !important;
      }

      #slider .carousel-control-prev,
      #slider .carousel-control-next {
          width: 20%;
          bottom: 0;
      }

      #slider .carousel-control-prev {
          left: 0;
      }

      #slider .carousel-control-next {
          left: auto;
          right: 0
      }

      .capCont {
          bottom: 50%;
      }

      #services .col-lg-2 {
          margin-bottom: 15px;
      }

      #slider .carousel {
          max-height: 700px;
      }

      #slider .carousel-control-next-icon,
      #slider .carousel-control-prev-icon {
          bottom: 0;
          position: static;
      }

      #slider .carousel-item>img {
          height: 200px;
      }

      #partners,
      #products,
      #carouselOwl {
          padding: 30px 0
      }

      #carouselOwl .aboutText {
          margin-top: 40px;
          padding: 10px;
      }

      #products .container-fluid .container-fluid {
          padding: 0 15px
      }

      #question .container {
          padding: 0 15px
      }

      .hvac {
          font-size: 16px;
          margin: 10px 0;
      }

      .number {
          padding: 8px;
          font-size: 14px;
      }

      #question {
          padding: 22px
      }

      #footer {
          text-align: center;
      }

      .footerNav,
      .navbar-nav {
          display: block;
      }

      .footerNav .navbar-nav {
          padding-top: 20px
      }

      .dropdown-menu {
          background: transparent;
          border-left: none;
          width: 100%;
          padding-left: 10px;
      }

      .dropdown-menu a {
          color: #1f1f1f;
          border-bottom: none !important;
      }

      .contentStatic img {
          width: 100%;
      }

      .weath {
          width: auto !important;
      }

      .aboutContent ul {
          margin-left: 10px;
      }

      .mehsullarContent .w-100,
      #products .w-100 {
          height: auto;
      }

      .qalereya .crop {
          width: calc(50% - 12px);
      }

      .mymap {
          margin-top: 70px;
      }

      .contactPage iframe {
          height: 470px;
      }

      .contactPage .page-text {
          text-align: center;
      }

      #services {
          margin-top: 0;
      }

      .caption {
          width: 100%;
          position: absolute;
          bottom: 0;
          z-index: 0;
      }
  }


  @media screen and (max-width: 440px) {
      .hvac {
          font-size: 14px;
      }

      #question .container {
          padding: 0
      }

      #question .col-md-3 {
          padding: 0
      }

      .card-img {
          height: auto;
      }

      .cart {
          padding: 0
      }

      #products .col-lg-3 {
          padding: 0 50px;
      }

      .qalereya .crop {
          width: calc(100% - 20px);
          float: none;
          margin: 10px;
          max-height: 100%;
      }

      .serti .crop {
          width: calc(100% - 12px) !important;
          height: auto !important;
          margin: 10px !important;
      }
  }


  @media only screen and (max-width: 776px) {
      .for-socials {
          position: relative;
          top: 0;
      }

      /*.search-div { top: 0; }*/
  }


  @media (min-width: 776px) and (max-width: 992px) {
      .for-socials {
          position: relative;
          top: 10px;
      }
  }

  @media only screen and (max-width: 991px) {
      .icons {
          margin-top: 20px;
      }

      #partners .mb-30 {
          margin-bottom: 30px;
      }

      #partners .mt-30 {
          margin-top: 30px;
      }

      #partners .latest-parts {
          margin-top: 0;
      }
      .tabVideo{
          height: 100%;
      }
      footer .section-top .change-lang-wrap .change-lang{
          margin-left: 0;
      }
      footer .section-top .change-lang-wrap {
          justify-content: center !important;
      }
      .all-wunder{
          flex-direction: column;
      }
      .wunder-img,.wunder-content{
          width: 100% !important;
      }
      .wunder-title{
          flex-wrap: wrap;
      }
      .little-full-info{
          padding: 20px !important;
      }
      .full-advantages{
          padding: 40px;
      }
      .full-advantages-img{
          display: none;
      }
      .benefit-image-wrapper.row img{
          width: 100%;
      }
      .full-accordions{
          padding: 40px 10px !important;
      }
      .full-inside-content{
          width: 100% !important;
      }
      .middle-content .text{
          width: 100% !important;
      }
      .winkhaus-inside .text{
          padding: 20px !important;
      }
      .bild{
          display: none !important;
      }
      .bild img{
          width: 100%;
      }
      .winkhaus-inside .text{
          width: 100% !important;
      }
      .lock-door.blue-door .text p, .lock-door.blue-door .text h4{
          color: #000 !important;
      }
      .youtube-videos{
          flex-wrap: wrap;
      }
      .youtube-videos iframe{
          width: 100%;
      }
      .image img{
            width: 100%;
      }
      .left-side{
          width: 100% !important;
          height: 350px !important;
          margin-bottom: 30px;
      }
      .both-side .right-side{
          padding-left: 0 !important;
      }
      .both-side{
          flex-direction: column;
      }
      .gallery_inside.row img{
          width: 100%;
      }
      .full-images{
          flex-wrap: wrap;
      }
  }

/* general style */
.bottom-nav .col-4:nth-child(1) {
    justify-content:flex-start;
}
.bottom-nav .col-4 {
    display:flex;
    align-items:center;
    justify-content:flex-end;
}
body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 16px;
  color: #000;
  font-family: "Averta" !important;
  font-weight: 300;
  overflow-x: hidden;
}
.modal {
  z-index: 99999999 !important;
}
    .loading {
    	float:right; 
    	height:28px; 
    	width:28px; 
    	display:none;
    }
    .done {
        padding: 4px 3px;
        background-color: #C7FFC7;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid #52B352;
        margin: 0 !important;
        font-size: 17px;
        text-align: center;
        width: 326px;
        display:none;
    }
  .qiymet-label{
      font-size:13.5px;}
.qiymet-label  span {
    color: red;
}
.qiymet-input {
    width: 100%;
    padding: 12px !important;
    max-width: 100%;
    height: 56px;
    border-radius: 6px;
    color: #212121;
    border: 1px solid #d7dde3;
    background-color: #fcfcfc;
    font-family: 'Gilroy', Arial, sans-serif;
}.qiymet-btn {
    cursor: pointer;
    background: #ffca28 !important;
    color: #000;
    border-radius: 8px;
    -webkit-box-shadow: 0 20px 53px -18px #ffca28;
    box-shadow: 0 0 black;
    box-shadow: 0 20px 53px -18px #ffca28 !important;
    height: 56px;
    line-height: 56px;
    transition: 0.3s ease-in-out;
    padding: 0 26px;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Gilroy', Arial, sans-serif;
    border: none;
    margin-top: 20px;
}
.qiymet-btn:hover {
    background: #ffc000;
    box-shadow: none !important;
}
.button{
    background-color: none;
    border: none;
}




  .order_btn a::after {
    left: 0;
    width: 0;
    background-color: #e4e4e4;
    transition-duration: .3s;
    transition-timing-function: ease;
    transition-property: width;
}

 .order_btn a::before,   .order_btn a::after {
    content: "";
    display: block;
    width: 40px;
    height: 1px;
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    margin-right: 10px;
    background-color: #3d3d3d;
}
/*body:not(.modal-open),*/
/*body:not(.form-modal) {*/
/*    background-color: #f2f2f2;*/
/*}*/

button, *[type="button"] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

button:focus, input:focus, textarea:focus, .btn:focus, .navbar-toggler:focus {
  outline: 0;
  -o-box-shadow: none;
  box-shadow: none;
}
p {
    margin:0;
}
ul {
  list-style-type: none;
  margin-bottom: 0;
  padding-left: 0;
}
.gallery_inside ul{
    list-style-type: inherit !important;
    padding-left: 2rem !important;
}
address {
    margin:0 !important;
}

a {
  color: #000;
  text-decoration: none;
}

a:hover {
  color: #000;
}

.owl-nav.disabled, .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-stage-outer {
  margin-bottom: 0;
}

.title-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.title-row .see-more a {
  color: #fff;
  font-size: 14px;
  position: relative;
}

.title-row .see-more a::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
  display: block;
  background-color: #fff;
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transform-origin: 0 50%;
  transition-property: all;
  transition-duration: 0.5s;
}
.calendar-img{
    filter:invert(1);
}
.title-row .see-more a:hover:after {
  width: 0;
}
.tabVideo video {
    width:720px;
    border-radius:20px;
}


.title {
  margin-bottom: 20px;
  font-size: 48px;
  font-weight: bold;
  color: #000;
}

.title-row .title {
  margin: 0;
}

.desc {
  color: #6d7c90;
  font-size: 17px;
  padding-bottom: 16px;
  margin-bottom: 0;
}

.article-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 0 2.5%;
}

/* header */
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: transparent;
  z-index: 10000;
  transition: 300ms all ease;
}

header .navbar-brand {
  margin-right: 30px;
  padding: 0;
}

header .navbar-brand img {
  /*filter: brightness(100) grayscale(100);*/
  width:135px;
}

header #myMenu .navbar-nav .nav-item {
  padding: 30px 0;
  margin: 0 10px;
  transition: 300ms all ease;
}

header #myMenu .navbar-nav .nav-item .nav-link {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  transition: 300ms all ease;
}

header #myMenu .navbar-nav .nav-item .nav-link:hover, header #myMenu .navbar-nav .nav-item .nav-link.active {
  color: #c31622;
}

header #myMenu .navbar-nav .nav-item:last-child {
  display: none;
}

header #myMenu .navbar-nav .nav-item:last-child .order-btn {
  display: block;
  padding: 8px 14px;
  border: 1px solid #F9423A;
  background-color: #F9423A;
  border-radius: 2px;
  text-align: center;
}

header #myMenu .navbar-nav .nav-item:last-child .order-btn:hover {
    border: 1px solid #c51f2b;
    background-color: #c51f2b;
    color: #fff;
}

header .right-side {
  display: flex;
  align-items: center;
}

header .right-side .order-btn {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  transition: 300ms all ease;
  padding: 8px 14px;
}

header .right-side .order-btn:hover {
  color: #c31622;
}

header .right-side .change-lang-wrap {
  font-size: 14px;
  position: relative;
  padding: 15px 0;
  color: #fff;
  margin-left: 24px;
}

header .right-side .change-lang-wrap .change-lang {
  font-weight: 600;
}

header .right-side .change-lang-wrap .change-lang i {
  color: #c31622;
  position: relative;
  top: 1px;
  padding-left: 2px;
}

header .right-side .change-lang-wrap .lang-list-wrap {
  position: absolute;
  width: 100px;
  top: 50px;
  left: -15px;
  transform: scale(1, 0);
  transform-origin: top;
  transition: 300ms all ease;
}

header .right-side .change-lang-wrap .lang-list-wrap::before {
  content: '';
  position: absolute;
  top: -10px;
  border-top: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
  border-left: 5px solid transparent;
  left: 24px;
}

header .right-side .change-lang-wrap .lang-list-wrap .lang-list {
  background-color: #fff;
  border-radius: 5px;
  text-align: center;
  overflow: hidden;
}

header .right-side .change-lang-wrap .lang-list-wrap .lang-list a {
  display: block;
  padding: 10px 15px;
  font-weight: 500;
  transition: 300ms all ease;
  text-transform: uppercase;
}

header .right-side .change-lang-wrap .lang-list-wrap .lang-list a:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

header .right-side .change-lang-wrap:hover .lang-list-wrap {
  transform: scale(1, 1);
}

header .navbar-toggler {
  margin-left: 20px;
}

header .navbar-toggler .menu-wrapper {
  width: 38px;
  height: 38px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  transition: transform 330ms ease-out;
}

header .navbar-toggler .menu-wrapper .line-menu {
  background-color: #fff;
  border-radius: 5px;
  width: 100%;
  height: 3px;
}

header .navbar-toggler .menu-wrapper .line-menu.half {
  width: 50%;
  margin: auto;
}

header .navbar-toggler .menu-wrapper .line-menu.start {
  transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
  transform-origin: left;
}

header .navbar-toggler .menu-wrapper .line-menu.end {
  align-self: flex-end;
  transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
  transform-origin: right;
}

header .navbar-toggler .menu-wrapper.open {
  transform: rotate(-45deg);
}

header .navbar-toggler .menu-wrapper.open .line-menu.start {
  transform: rotate(90deg) translate(-8px, -9px);
}

header .navbar-toggler .menu-wrapper.open .line-menu.end {
  transform: rotate(90deg) translate(8px, 10px);
}
.sticky{
    background-color: #fff;
    color: #000;
    border-top: 1px solid #eee;
}
#nav_menu.sticky .first{
    color: #000;
}
header.sticky:not(.open),
header.inside-header:not(.open) {
  background-color: #fff;
  box-shadow: 0 2px 25px rgba(0, 0, 0, 0.06);
}

header.sticky:not(.open) .navbar-brand img,
header.inside-header:not(.open) .navbar-brand img {
  filter: none;
}
.service-box:hover {
    background: #32b6cc;
    color: white;
}
header.sticky:not(.open) #myMenu .navbar-nav .nav-item,
header.inside-header:not(.open) #myMenu .navbar-nav .nav-item {
  padding: 15px 0;
}

header.sticky:not(.open) #myMenu .navbar-nav .nav-item .nav-link,
header.inside-header:not(.open) #myMenu .navbar-nav .nav-item .nav-link {
  color: #000;
}

header.sticky:not(.open) #myMenu .navbar-nav .nav-item .nav-link:hover, 
header.sticky:not(.open) #myMenu .navbar-nav .nav-item .nav-link.active,
header.inside-header:not(.open) #myMenu .navbar-nav .nav-item .nav-link:hover, 
header.inside-header:not(.open) #myMenu .navbar-nav .nav-item .nav-link.active {
  color: #c31622;
}

header.sticky:not(.open) .right-side .order-btn,
header.inside-header:not(.open) .right-side .order-btn {
    border: 1px solid #F9423A;
    background-color: #F9423A;
    border-radius: 2px;
    text-align: center;
}

header.sticky:not(.open) .right-side .order-btn:hover,
header.inside-header:not(.open) .right-side .order-btn:hover {
  border: 1px solid #c51f2b;
  background-color: #c51f2b;
  color: #fff;
}

header.sticky:not(.open) .right-side .change-lang-wrap,
header.inside-header:not(.open) .right-side .change-lang-wrap {
  color: #000;
}

header.sticky:not(.open) .navbar-toggler .menu-wrapper .line-menu,
header.inside-header:not(.open) .navbar-toggler .menu-wrapper .line-menu {
  background-color: #000;
}

header.sticky:not(.open) .navbar-toggler .menu-wrapper.open .line-menu,
header.inside-header:not(.open) .navbar-toggler .menu-wrapper.open .line-menu {
  background-color: #fff;
}

/* main */
main {
  height: 100vh;
  position: relative;
}

main img {
  height: 100vh;
  filter: brightness(0.6);
}

main .container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

main .carousel-caption {
  top: 50%;
  left: auto;
  bottom: auto;
  right: auto;
  transform: translateY(-50%);
  text-align: left;
  width: 40%;
}

main .carousel-caption h2 {
  font-size: 80px;
  font-weight: 600;
  line-height: 1.1;
}

main .carousel-caption p {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 48px;
}

main .carousel-caption .more-btn {
  display: inline-block;
  padding: 20px;
  border: 1px solid #F9423A;
  background-color: #F9423A;
  border-radius: 2px;
  color: white;
  min-width: 260px;
  text-align: center;
  transform: translateY(0);
  transition: 300ms all ease;
}

main .carousel-caption .more-btn:hover {
  transform: translateY(-5px);
}

main .carousel-control {
  position: absolute;
  bottom: 12%;
  left: 10px;
  right: 10px;
}

main .carousel-control .carousel-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 180px;
  z-index: 9;
  position: relative;
}

main .carousel-control .carousel-nav .owl-next, main .carousel-control .carousel-nav .owl-prev {
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 50%;
  background-color: #f9423a;
  color: white;
  transform: translateY(0);
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

main .carousel-control .carousel-nav .owl-next:hover, main .carousel-control .carousel-nav .owl-prev:hover {
  transform: translateY(-5px);
}

main .carousel-control img {
  height: auto;
  width: 12px;
  filter: none;
}

main .carousel-control .carousel-dots {
  display: flex;
  flex-wrap: wrap;
}

main .carousel-control .carousel-dots .owl-dot {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.32);
  margin: 0 4px;
  padding: 0;
  border: none;
}

main .carousel-control .carousel-dots .owl-dot.active {
  background-color: #f9423a;
}

/* advantages */
#our-advantages {
  padding: 60px 0 50px;
}
 #our-advantages .icon {
    background-color: #f6f6f6;
    padding: 20px;
    text-align: center;
    min-height: 238px;
}
#our-advantages .icon img {
    object-fit: cover;
    width: 45px;
    height: 45px;
}
#our-advantages .icon h6 {
    margin-top: 14px;
    color: #47484D;
}
/* about */
#about {
  padding: 50px 0;
}

#about .about-wrapper {
  background-color: #fff;
  border-radius: 16px;
  padding: 58px;
}

#about .about-wrapper h3 {
  font-size: 32px;
  line-height: 48px;
  font-weight: 500;
  margin-bottom: 8px;
}

#about .about-wrapper p {
  font-size: 18px;
  line-height: 30px;
  opacity: 0.7;
}

#about .about-wrapper img {
  max-height: 430px;
  height: 435px;
  object-fit: cover;
  max-width: 100%;
}

/* products */
#products {
  padding: 50px 0;
}

#products h3 {
  margin-bottom: 25px;
}

.product-box {
  display: block;
  margin: 15px 0;
  position: relative;
}

.product-box .img-wrap {
  position: relative;
}

.product-box-wrap:last-child img{
    object-fit:cover;
    object-position: left;
}

.product-box-wrap.active img{
    /*object-fit: contain !important;*/
}

.product-box .img-wrap::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  transition: 0.5s all ease;
}

#products .product-box .img-wrap img{
    object-position: left;
}

.product-box .img-wrap img {
  height: 330px;
  width: 100%;
  object-fit: cover;

}

.product-box .product-text {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 30px 40px;
  z-index: 2;
}

.product-box .product-text p {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.1;
  color: white;
}

.product-box .product-more {
  padding: 11px 43px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-radius: 25px;
  position: absolute;
  bottom: 40px;
  left: 40px;
  z-index: 3;
  transition: 0.5s all ease;
}

.product-box:hover .img-wrap::before {
  background-color: rgba(0, 0, 0, 0.6);
}



/*certificate*/

.sertificate-images{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.certificate-page .content-all img{
    width: 350px;
}
/*certificate*/



/* projects */
#projects {
  background: radial-gradient(37.08% 113.37% at 62.29% 50.99%, #595959 0, #222 100%);
  padding: 62px 0 92px;
}

#projects .title-row {
  margin-bottom: 64px;
}

#projects .title-row .title {
  color: #fff;
}

#projects #projectTab {
  flex-direction: column;
  border-bottom: none;
}

#projects #projectTab .nav-item .nav-link {
  color: #fff;
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  height: 90px;
}

#projects #projectTab .nav-item .nav-link img {
  width: 150px;
  aspect-ratio:3/2;
  height: 100%;
  border-radius: 14px;
  margin-right: 12px;
  object-fit: cover;
}

#projects #projectTab .nav-item .nav-link .project-info {
  position: relative;
  padding-left: 16px;
  opacity: .5;
  transition: 0.1s ease-in;
}

#projects #projectTab .nav-item .nav-link .project-info::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 4px;
  height: 100%;
  background-color: #4f4f4f;
  border-radius: 4px;
  display: block;
}

#projects #projectTab .nav-item .nav-link .project-info h6 {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 8px;
}

#projects #projectTab .nav-item .nav-link .project-info p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

#projects #projectTab .nav-item .nav-link.active .project-info, #projects #projectTab .nav-item .nav-link:hover .project-info {
  opacity: 1;
}

#projects #projectTab .nav-item .nav-link.active .project-info::before, #projects #projectTab .nav-item .nav-link:hover .project-info::before {
  background-color: #c31622;
}

#projects #projectTab .nav-item:not(.active):not(:last-child) {
  margin-bottom: 16px;
}

#projects .tab-content .tab-pane a {
  display: block;
  height: 408px;
}

#projects .tab-content .tab-pane a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.project-box {
    margin: 10px;
    padding: 0;
    width: calc(25% - 20px);
}

.project-box a {
    color: #000;
    display: block;
}

.project-box a img {
    height: 300px;
    width: 100%;
    object-fit: cover;
    border-radius: 14px;
    margin-bottom: 12px;
}

.project-box .project-info {
    position: relative;
    padding-top: 16px;
}

.project-box .project-info::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 4px;
    background-color: #c31622;
    border-radius: 4px;
    display: block;
}

.project-box .project-info h6 {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 8px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}


.project-box .project-info p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


/* services */
#services {
  padding: 50px 0;
}

#services .services-wrapper {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  padding: 64px 56px;
}

#services .services-wrapper .title {
  margin-bottom: 40px;
}

.service-box {
  background-color: #fff;
  border-radius: 12px;
  padding: 32px;
  transition:all 0.3s;
}

.service-box img {
  width: 48px;
  margin-bottom: 24px;
}

.service-box h3 {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 10px;
}

.service-box p {
  /*color: #4f4f4f;*/
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
}

.category-content .service-box {
    /*background-color: #f2f2f2;*/
}

/* references */
#references {
  background-color: #fff;
  padding: 50px 0;
}

#references .references-wrapper {
  border-bottom: 1px solid #e6e9ed;
}

#references .ref-row {
  margin: 40px 0;
}

.ref-box {
  margin: 12px;
  width: calc(14.28% - 10px);
  height: 75px;
}

.ref-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  /*opacity: .8;*/
  /*filter: grayscale(100);*/
  transition: filter .15s ease, opacity .15s ease;
}
.bakuel,.glasscons,.opensystem{
    transform: scale(1.5);
}
  .order_btn a {
    position: relative;
    padding-left: 50px;
    padding-right: 0;
    transition-duration: .3s;
    transition-timing-function: ease;
    width: max-content;
    padding: 10px 0px 10px 50px;
    transition-property: color;
    letter-spacing: 1px;
    font-size: 14px;
    background-color: #f2f2f2;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    /*text-transform: lowercase;*/
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.order_btn a::after {
    left: 0;
    width: 0;
    background-color: #e4e4e4;
    transition-duration: .3s;
    transition-timing-function: ease;
    transition-property: width;
}
  .order_btn a::before, header nav .order_btn a::after {
    content: "";
    display: block;
    width: 40px;
    height: 1px;
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    margin-right: 10px;
    background-color: #3d3d3d;
}
  .order_btn a {
      font-weight:800;
  }
  .order_btn a:hover:after {
    width: 40px;
}
 .order_btn a::after {
    left: 0;
    width: 0;
    background-color: #e4e4e4;
    transition-duration: .3s;
    transition-timing-function: ease;
    transition-property: width;
}
   
    .order_btn a:hover:after {
        width: 40px;
    }
  .order_btn a::before, header nav .order_btn a::after {
    content: "";
    display: block;
    width: 40px;
    height: 1px;
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    margin-right: 10px;
    background-color: #3d3d3d;
}

  .order_btn a:hover {
    color: #000;
}
.btn:hover {
    color: #212529;
    text-decoration: none;
}
 .order_btn a::before, header nav .order_btn a::after {
    content: "";
    display: block;
    width: 40px;
    height: 1px;
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    margin-right: 10px;
    background-color: #3d3d3d;
}
.ref-box:hover img {
  opacity: .8;
  filter: none;
}

/* call to action */
#call-to-action {
  background-color: #fff;
  padding-bottom: 50px;
}

#call-to-action .call-wrapper {
  background:#f1e6d6;
  border-radius:16px;
  padding: 64px 56px;
}

#call-to-action .call-wrapper h5 {
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 32px;
}

#call-to-action .call-wrapper .input-wrap {
  margin: 15px 0;
}

#call-to-action .call-wrapper .input-wrap .submit-btn {
  width: 100%;
  height: 100%;
  transition: .4s all ease;
}

/* form style */
.form-controll {
  border: 2px solid #fff;
  background-color: #fff;
  border-radius: 16px;
  padding: 24px;
  width: 100%;
  font-size: 16px;
  transition: border 0.2s ease;
}

.form-modal .form-controll {
    border: 2px solid #f2f2f2;
}

.form-controll::placeholder {
  color: #9a9a9a;
}

.form-controll:focus, .form-controll:hover {
  border-color: #c31622;
}

.submit-btn {
  background: linear-gradient(266.28deg, #c31622 0.01%, #c3162299 95.78%);
  border: none;
  border-radius: 16px;
  color: #fff;
  padding: 24px;
  transition: all 0.2s ease-in;
}

.submit-btn:focus, .submit-btn:hover {
  background: linear-gradient(266.28deg, #c3162299 0.01%, #c3162299 95.78%);
}

.contact-content .contact-btn {
    max-width: 250px;
    width: 100%;
}


/* modal */
.modal-open {
    overflow: hidden !important;
}

.modal {
    z-index: 10000;
    background-color: rgba(0, 0, 0, 0.7);
}

.modal-dialog {
    width: 500px;
}

.modal-content {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    padding-top: 20px;
    position: relative;
}

.modal-header {
    margin: 0 40px 10px 40px;
    padding-left: 0;
    border: none;
    border-bottom: 1px solid #7c4e56;
}

.modal-title {
   font-weight: 500;
   color: #000;
}

.modal-content .btn-close {
    display: block;
    height: 20px;
    opacity: .5;
    position: absolute;
    right: 50px;
    top: 34px;
    width: 20px;
    z-index: 100;
    padding: 0;
    outline: transparent;
}

.modal-content .btn-close:focus {
    box-shadow: none;
}

.modal-body {
    padding: 0 40px 40px;
}
.form-modal button{
    background-color: unset;
    border: 0 !important;
}

/* footer */
footer {
    background-color: #f1e6d6;
}

footer .footer-list li {
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  line-height: 23px;
}

footer .footer-list li a {
  color: #000;
  font-size: 14px;
  line-height: 1.25;
  transition: 0.3s ease-out;
}

footer .footer-list li:hover a, footer .footer-list li.active a {
  color: #c31622;
}

footer .section-top {
  padding: 20px 0 10px;
}

footer .section-top h6 {
  color: #000;
  font-weight: bold;
  margin: 20px 0 14px;
  font-size: 16px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

footer .section-top .footer-list li {
  margin: 6px 0;
}

footer .section-top .social-media {
  padding: 0 15px;
 
  display: flex;
  align-items: center;
  justify-content: center;
}

footer .section-top .social-media li {
  margin: 0 25px;
}

footer .section-top .social-media li a {
  font-size: 25px;
}

footer .section-top .social-media li a i {
  color: #b2b2b2;
  transition: 0.3s ease-out;
}

footer .section-top .social-media li a:hover i {
  color: #c31622;
}

footer .section-top .change-lang-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  overflow: hidden;
}

footer .section-top .change-lang-wrap .lang-list {
  position: absolute;
  right: 0;
  transition: 300ms all ease;
  z-index: 1;
  opacity: 0;
  display: flex;
  align-items: center;
}

footer .section-top .change-lang-wrap .lang-list li {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.1);
  margin-left: 10px;
  transition: 500ms all ease;
}

footer .section-top .change-lang-wrap .lang-list li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #fff;
  font-weight: bold;
  font-size: 11px;
}

footer .section-top .change-lang-wrap .lang-list li:hover, footer .section-top .change-lang-wrap .lang-list li.active {
  background-color: rgba(0, 0, 0, 0.2);
}

footer .section-top .change-lang-wrap .change-lang {
  background-color: #fff;
  margin-left: 10px;
  cursor: pointer;
  padding: 10px 15px;
  display: inline-flex;
  align-items: center;
  line-height: 1;
  font-size: 14px;
  border: 1px solid transparent;
  border-radius: 25px;
  transition: 0.3s ease-out;
  position: relative;
  z-index: 2;
}

footer .section-top .change-lang-wrap .change-lang i {
  font-size: 14px;
  margin-right: 5px;
}

footer .section-top .change-lang-wrap .change-lang:hover, footer .section-top .change-lang-wrap .change-lang.active {
  border-color: #b2b2b2;
}

footer .section-bottom {
  border-top: 1px solid #ededed;
  padding: 16px 0;
}

footer .section-bottom .footer-list {
  margin-bottom: 12px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

footer .section-bottom .footer-list li {
  margin-right: 20px;
}

footer .section-bottom .copyright-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  letter-spacing: 0.1px;
}

footer .section-bottom .copyright-row a {
  color: rgba(0, 0, 0, 0.5);
  transition: 300ms all ease;
}

footer .section-bottom .copyright-row a:hover {
  color: #c31622;
}


/* breadcrumb */
.breadcrumb {
    background: #f9423a;
    color: white;
    padding: 18px 0;
    margin: 0;
}

.breadcrumb-list {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}

.breadcrumb-list a {
    color: #fff;
}

.breadcrumb-list .active {
    color: #fff;
    opacity: 0.5;
}

.breadcrumb-list li i {
    padding: 0 15px;
    font-size: 12px;
}


 

.inside-pages .title-page-wrap {
    height: 450px;
    background: url('../img/asoslider.jpg')center/cover no-repeat;
    position: relative;
}

.inside-pages .title-page-wrap::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
       background-color: rgb(63 63 63 / 40%);
}

.inside-pages .title-page-wrap .title-page {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    z-index: 1;
    position: relative;
    height: 100%;
}

.page-content {
    padding: 40px 0;
}
.content-all img {
    border-radius:25px;
    /*padding:10px;*/
    width:550px;
    height:300px;
}

.contact-content .contact-info {
    margin-bottom: 30px;
}

.contact-content .contact-info .contact-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.contact-content .contact-info .contact-box span {
    display: inline-block;
    background: #46aec7;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    padding: 16px;
    margin-right: 15px;
}

.contact-content .contact-info .contact-box span img {
    width: 100%;
}

.contact-content .contact-info .contact-box a {
    display: block;
    transition: 500ms all ease;
}

.contact-content .contact-info .contact-box a:hover {
    color: #c31622;
}

.contact-content .contact-info .contact-box address {
    width: calc(100% - 75px);
}

#map {
    height: 400px;
    margin-top: 70px;
}

.yenilikler-all img{
    width: 100%;
}

.yenilikler-all ul{
    padding-left: 2rem !important;
}

.yenilikler-all ul li{
    list-style: initial;
}

.static-content .content-all > img {
    float: left;
    width: 45%;
    margin: 0 30px 15px 0;
}

.winkhaus-prod-all{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.prod-all{
    /*display: flex;*/
    /*flex-wrap: wrap;*/
    /*gap: 10px;*/
    /*justify-content: space-between;*/
}
.prod-all.non-justify{
    justify-content: unset;
}
.prod-all.non-justify .winkhaus-prod{
    margin-right: 30px;
}
.winkhaus-prod{
    width: 100%;
    height: auto;
    position: relative;
    background: #f9f9f9;
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e4e4e4));
    background: linear-gradient(to bottom, #f9f9f9 0%, #e4e4e4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e4e4e4', GradientType=0);
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    /*margin-right: 30px;*/
    border: 2px solid #f5f5f5;
    -webkit-transition: border 0.3s;
    transition: border 0.3s;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
    transition-property: border;
    line-height: 1.6;
    width: calc(31% - 10px);
}

.wink-card{
    background: #f9f9f9;
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e4e4e4));
    background: linear-gradient(to bottom, #f9f9f9 0%, #e4e4e4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e4e4e4', GradientType=0);
    text-align: center;
    border: 2px solid #f5f5f5;
    -webkit-transition: border 0.3s;
    transition: border 0.3s;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
    transition-property: border;
    line-height: 1.6;
}

.winkhaus-prod:hover, .wink-card:hover {
    border: 2px solid #163872;
}
/*.winkhaus-link {*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    top: 0;*/
/*    left: 0;*/
/*    border: 0px;*/
/*}*/
.winkhaus-prod img {
    width: 100%;
    height: 300px;
    padding: 0;
    max-height: none;
    border-radius: inherit;
}
.winkhaus-text {
    padding: 45px 30px 60px 30px;
}
.winkhaus-text h2 {
    font-size: 1.125rem;
    margin: 0px 0px 30px 0px;
    font-weight: 500;
    color: #163872;
}
.winkhaus-inside{
    font-weight: 300;
    color: #000000;
    font-size: 14px;
    line-height: 1.42857143;
    letter-spacing: 0;
    background: rgb(228, 228, 228);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(228, 228, 228, 1)), to(rgba(255, 255, 255, 1)));
    background: linear-gradient(to bottom, rgba(228, 228, 228, 1) 0%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#ffffff', GradientType=0);
    margin: 50px 0px 50px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
}
.winkhaus-inside{
    min-height: 600px;
    /*padding: 50px;*/
}
.full-advantages{
    background: linear-gradient(to bottom,
 rgba(123, 164, 219, 1) 0%,
 rgba(82, 128, 188, 1) 100%);
 padding: 100px 40px;
 margin: 50px 0;
}
.full-advantages-title h2{
    color: #fff;
    font-size: 38px;
    letter-spacing: 1px;
    font-weight: 100;
}
.full-adv-text h3,
.full-adv-text p{
    font-size: 18px;
    color: #fff;
}

.big-yt-section{
    background: linear-gradient(-180deg, #b1b3b3 0%, #8f9393 100%);
    padding: 70px 40px;
    margin: 50px 0;
}

.big-yt-title{
    text-align: center;
}

.big-yt-title h2{
    font-size: 38px;
    color: #163872;
}

.big-yt-video{
    height: 600px;
}

.pdf-downloads{
    padding-top: 50px;
}

.pdf-card{
    background: linear-gradient(to bottom, #f8f8f8 0%, #e4e4e4 100%);
    text-align: center;
    padding: 35px 30px;
}

.pdf-card a:hover{
    background: #000;
    border: 1px solid transparent;
    color: #fff;
}

.pdf-title h3{
    font-size: 10px;
    color: #163872;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.pdf-size p{
    color: #B1B3B3;
    white-space: nowrap;
}

.pdf-card a{
    background: #9b9b9b;
    border:1px solid #9b9b9b;
    padding: 7px 30px 5px 30px;
    color: #fff;
    text-transform: uppercase;
    font-size: 9px;
    border-radius: 18px;
    transition: all 0.3s ease;
}

.main-full-img{
    height: 544px;
    padding: 50px 0;
}

.main-full-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.little-full-info{
    background: linear-gradient(to bottom,
 rgba(228, 228, 228, 1) 0%,
 rgba(255, 255, 255, 1) 100%);
    padding: 60px;
}

.little-title h4{
    color: #163872;
    font-size: 38px;
    letter-spacing: -0.1px;
}

.little-title h3{
    font-weight: 200;
    font-size: 38px;
    color: #163872;
    margin-bottom: 35px;
}

.full-inside-section{
    background: url(/img/bgaso.webp)center/cover;
    height: 600px;
    width: 100%;
    margin-top: 50px;
}

.full-inside-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    width: 40%;
    height: 100%;
}

.full-inside-content h2{
    color: #163872;
    font-size: 38px;
}

.full-inside-content p{
    font-size: 16px;
    font-weight: 100;
}

.wink-card img{
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.winkhaus-inside .container {
    padding: 0 0px;
    z-index: 50;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.middle-content .text{
    width: 90% !important;
}
.winkhaus-inside .text {
    width: 50%;
    padding: 60px 50px 120px 50px;
    z-index: 999;
}
.winkhaus-inside h4 {
    font-size: 38px;
    color: #163872;
    font-weight: 500;
}
.lock-door .text .subhead{
    font-size: 38px !important;
}
.lock-door.blue-door .text p,
.lock-door.blue-door .text h4{
    color: #ffff ;
}
.winkhaus-inside .text .subhead, .middle-content.reverse {
    font-size: 38px;
    /*font-size: 24px !important;*/
    color: #163872 !important;
    font-weight: 200 !important;
    margin: 0 0 20px 0 !important;
    line-height: 1.2;
}
.winkhaus-inside p {
    font-size: 17px;
    line-height: 1.6;
}

.full-accordions{
    background: linear-gradient(to bottom, #f8f8f8 0%, #efefef 100%);
    padding: 80px 40px;
    margin-top: 50px;
}

.full-accordions-title h2{
    font-size: 38px;
    font-weight: 100;
    color: #163872;
}

.accordion{
    padding-top: 50px;
}

.accordion-button{
    color: #163872;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
    padding: 21px 25px 19px 25px;
}

.accordion-button:focus{
    border-color: transparent;
    box-shadow: none;
}

.acc-img img{
    width: 100%;
}

.accordion ul{
    list-style-type: inherit;
    padding-left: 2rem;
    padding-top: 1rem;
}

.accordion ul li{
    color: #163872;
    font-weight: 500;
}

.mini-info{
    font-size: 14px;
    color: #474747;
}

.accordion-button:not(.collapsed){
    color: #163872;
    background-color: #ffffff;
}

.bild {
    position: absolute;
    height: 100%;
    left: 0px;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
        overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: auto;
    width: 100%;
    margin-bottom: 0px;
}
.bild2 img{
    width: 100% !important;
}
.bild .image {
    width: 115%;
    min-height: auto;
}
.winkhaus-posts .container{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
}
.winkhaus-posts .winkhaus-prod{
    margin-right: 30px;
}
.activPilot{
    padding: 50px 0 50px 0;
}
.top-photo img{
    width: 100%;
}
.activ-middle{
    padding: 0 80px;
    background: rgb(228, 228, 228);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(228, 228, 228, 1)), to(rgba(255, 255, 255, 1)));
    background: linear-gradient(to bottom, rgba(228, 228, 228, 1) 0%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#ffffff', GradientType=0);
    margin: 15px 0;
    position: relative;
}

.full-images{
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
}

.full-images img{
    width: 372.66px;
    border: 1px solid;
    height: 300px;
    object-fit: contain;
}

.sekilyazi{
    display: flex;
}
.sekilyazi div{
    line-height: 33px;
}

.activ-middle .text {
    padding: 100px 0px 60px 0;
}
.activ-middle .text h4{
    font-size: 38px;
    color: #163872;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 2px;
    text-transform: none;
    line-height: 1.2;
}
.activ-middle .text p.subhead{
    font-size: 30px !important;
    margin: 0 0 35px 0 !important;
    color: #163872;
    font-weight: 200 !important;
    margin: 0 0 20px 0 !important;
    line-height: 1.2;
}
.activ-middle .text p{
    font-size: 16px;
}
.benefit-title{
    color: #163872;
    font-weight: 200;
    margin: 0 0 35px 0;
    line-height: 1.2em;
    font-size: 24px;
}
.all-benefits{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.benefit-inside{
    padding: 80px;
    background-color: #e4e4e4;
    padding: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 100%;
}
.benefit-image-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
/*.benefit-icon-wrapper{*/
/*    width: 100%;*/
/*}*/
.benefit-icon-wrapper .icon-list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 40px;
}
.benefit-icon-wrapper .icon{
        width: 20px;
    height: 20px;
    margin-right: 25px;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.benefit-icon-wrapper .icon-list p{
    width: calc(100% - 45px);
    margin-bottom: 15px;
}
.aluPilot-section{
    padding: 50px 0 50px 0;
}
.aluPilot-photo{
    background: rgb(228, 228, 228);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(228, 228, 228, 1)), to(rgba(255, 255, 255, 1)));
    background: linear-gradient(to bottom, rgba(228, 228, 228, 1) 0%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#ffffff', GradientType=0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
    min-height: 600px;
}
.aluPilot-photo .text {
    width: 50%;
    padding: 100px 0px 120px 0;
}
.aluPilot-section h4 {
    font-size: 38px;
    color: #163872;
    font-weight: 500;
}
.aluphoto-right{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding: 0 0px;
    z-index: 50;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
h4.subhead, h2.subhead, p.subhead{
    font-size: 38px !important;
}
h4.subhead, h2.subhead, p.subhead {
    /*font-size: 30px !important;*/
    margin: 0 0 35px 0 !important;
}
h4.subhead, h2.subhead, p.subhead {
    /*font-size: 24px !important;*/
    color: #163872;
    font-weight: 200 !important;
    margin: 0 0 20px 0 !important;
    line-height: 1.2;
}
.aluPilot-photo .container{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
        padding: 0 0px;
    z-index: 50;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.alu-bg{
    background: #fefefe;
    background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#efefef));
    background: linear-gradient(to bottom, #fefefe 0%, #efefef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#efefef', GradientType=0);
    background: rgb(228, 228, 228);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(228, 228, 228, 1)), to(rgba(255, 255, 255, 1)));
    background: linear-gradient(to bottom, rgba(228, 228, 228, 1) 0%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#ffffff', GradientType=0);
    position: relative;
}
.aluPilot-about .text {
    width: 100%;
    position: relative;
    padding: 100px 50px 120px 50px;
}
.aluPilot-about .text p{
    font-size: 16px;
}
.middle-content{
    background: rgb(173, 173, 173);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(173, 173, 173, 1)), to(rgba(146, 146, 146, 1)));
    background: linear-gradient(to bottom, rgba(173, 173, 173, 1) 0%, rgba(146, 146, 146, 1) 100%);
}
.middle-content .bild {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 50px 0px 50px 0;
    position: relative;
}
.middle-content p{
    color: #fff;
}
.middle-content.reverse p{
    color: #000;
}
.middle-content .bild .image {
    position: relative;
    max-width: 394px;
    width: 60%;
    -ms-flex-item-align: center;
    align-self: center;
}
.middle-content .bild .image {
    margin-left: 50px;
    width: calc(100% - 50px);
}
.middle-content .link {
    margin: 30px 0 0 0;
}
.button {
    font-weight: 500;
    background-color: #163872;
    border-radius: 18px;
    padding: 7px 30px 5px 30px !important;
    font-size: 0.85rem;
    line-height: 1.4;
    text-transform: uppercase;
    color: #ffffff;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border: 1px solid #163872 !important;
    position: relative;
    cursor: pointer;
    display: inline-block;
    text-align: center;
}
.form-modal .button{
    border: none !important;
    background-color: unset;
}
.btn-white button{
    background-color: #ffffff;
    color: #163872;
    border: 1px solid #ffffff !important;
} 
.btn-white .link .button:hover {
    background-color: transparent;
    border: 1px solid #ffffff;
    color: #ffffff !important;
}
.lock-door-middle .link .button:hover {
    background-color: transparent;
    border: 1px solid #163872;
    color: #163872;
}
.middle-content.reverse{
    background: #fefefe;
    background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#efefef));
    background: linear-gradient(to bottom, #fefefe 0%, #efefef 100%);
}
.both-side{
    padding: 50px 0;
    display: flex;
}
.both-side .left-side{
    width: 600px;
    height: 500px;
}
.both-side .left-side img{
    width: 100%;
    object-fit:cover;
    height: 100%;
    border-radius: 5px;
}
.both-side .right-side{
    padding-left: 80px;
}

.extra-imgs{
    display: flex;
    gap: 30px;
}

.extra-imgs img{
    width: 250px;
    height: 170px;
    margin: 0;
}

.parametr-desc{
    padding-top: 10px;
    /*display: flex;*/
}
.parametrs{
    display: flex;
}
.parametr-desc ul{
    /*display: flex;*/
}
.parametr-all{
    padding-right: 30px;
}
.parametr-desc.door-window ul{
    flex-direction: column;
}
.parametr-desc ul div:first-child{
    padding-right: 50px;
}
.parametr-desc.door-window ul li{
    margin: 10px 0;
}
.parametr-desc ul li{
    background: url(/img/checked-blue.svg?=1) no-repeat;
    background-size: 16px;
    padding-left: 25px;
    background-position: 0px center;
    margin: 10px 0;
}
.bottom-pictures{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.bottom-pictures img{
    width: 250px;
    object-fit: cover;
    /*height: 350px;*/
    border-radius: 5px;
}
.products-bottom img{
    height: 350px;
}
.gallery-both .nav-pills{
    background: #f1e6d6;
    justify-content: center;
    padding: 15px 0;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    color: #fff;
    background-color: #13adc8;
}
.gallery-both .nav-link{
    color: #13adc8;   
}
.gallery-both img{
    width: 352px;
    object-fit: cover;
    height: 250px;
}
.all-images{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between;
}

/*.gallery-photos{*/
/*    display: grid;*/
/*    flex-wrap: wrap;*/
/*    grid-template-columns:auto auto auto auto;*/
/*}*/
/*.gallery-photos img{*/
/*    width: 350px;*/
/*    height: 260px;*/
/*    margin: 0 10px 10px 0;*/
/*    border-radius: 5px;*/
/*    object-fit: cover;*/
/*}*/
/*    .gallery_inside{*/
/*        padding-top: 50px;*/
/*    }*/
/*    .gallery_inside a{*/
/*        width: calc(31.333333% - 0px);*/
/*        height: 250px;*/
/*        margin-bottom: 15px;*/
/*    }*/
/*    .gallery_inside img{*/
/*        width: 100%;*/
/*        height: 100%;*/
/*        border-radius: 15px;*/
/*        object-fit: cover;*/
/*    }*/
/*    .gallery_inside .col-md-12{*/
/*        display: flex;*/
/*        flex-wrap: wrap;*/
/*        justify-content: space-between;*/
/*    }*/

/* NARIN */
#door {
    padding:50px 0;
}
.door-top , .door-bottom{
    display: flex;
    justify-content: space-between;
}

.door-top-left , .door-top-right {
    height: 150px;
    width: 100%;
}
.door-top-left {
    background-color: #0b2b53;
    padding: 30px;
}
.door-top-left-all-img {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding-bottom: 10px;
}
.door-top-left-img-one {
    background: url("https://www.hoppe.com/in-en/wp-content/themes/hoppe/_import/_mediafiles/LOG_duraplus-sw_SALL_AIN_V1.svg")  no-repeat;
    height: 45px;
width: 200px;
}
.door-top-left-img-two {
    background: url("https://www.hoppe.com/in-en/wp-content/themes/hoppe/_import/_mediafiles/LOG_MATT-Markenattribute_SALL_AIN_V1.svg") no-repeat;
    height: 45px;
    width: 200px;
}

.door-top-left h4 {
    color: white;
    font-size: 20px;
}
/* swiper */
.swiper {
    width: 100%;
    height: 100%;
  }
  
  .swiper-card{
      width: 100%;
      height: 100%;
  }

  .swiper-slide {
    /*text-align: center;*/
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .swiper-slide-activee {
    border: 1px solid #00315d;
  }

  .door-top-right .swiper-slide img {
    margin-left: 10px;
    display: block;
    width: 90%;
    height: 100%;
    object-fit: contain;
  }
  .swiper-button-prev ,  .swiper-button-next {
    width: 23px !important;
    top: 22px !important;
    height: 100% !important;
    background-color:  #00315d;
  }
  .swiper-button-prev::after ,  .swiper-button-next::after {
    color: white;
    font-size: 17px !important;
    font-weight: 800;
  }
  .swiper-button-prev {
    /*left: 1px !important;*/
  }
  .swiper-button-next {
    right: 1px !important;
  }
  /* swiper */

  /*  bottom*/
.door-bottom {
    height: 500px;
}
  .door-bottom-left ,   .door-bottom-right {
    height: 100%;
    width: 100%;
  }

  .door-bottom-left p {
    color: #00315d;
    padding: 20px  0;
    font-size: 30px;

  }
  .door-bottom-left-img {
    background: url("/img/qapi.jpg")center/cover no-repeat;
  height: 415px;
  background-position-y:bottom;
  }
  .door-bottom-right  {
    overflow-y: scroll;
    height: 100%;
    border: 1px solid rgba(146, 146, 146, 0.395);
  }

    /* scrollBar */
  .door-bottom-right::-webkit-scrollbar {
    width: 23px;
  }

  /* Track */
  .door-bottom-right::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 

  }
   
  /* Handle */
  .door-bottom-right::-webkit-scrollbar-thumb {
   background-color:  #00315d;
 
  }
  /* scrollBar */

  .door-bottom-right table {
    height: 100%;
    width: 100%;
  }

  .door-bottom-right table td {
    height: 60px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid rgb(209, 209, 209);
    font-size: 16px;
    padding: 0 10px;

  }
  .door-bottom-right table td:nth-child(1) {
    background-color: rgba(210, 210, 210, 0.815);
    color: rgb(145, 145, 145);
    width: 23px;
    padding: 0 ;
  }
  .door-bottom-right table td:nth-child(2) {
    color: rgb(145, 145, 145);
font-size: 25px;
  }
  .door-bottom-right table td:nth-child(3) {
    color: #00315d;
  } 
  .door-bottom-right table td:nth-child(4)  {
    color: rgb(170, 170, 170);
  
  }
  /* door infi */
  .door-info {
    border: 1px solid rgba(179, 179, 179, 0.395);
    margin-top: 5px;
    min-height: 450px;
  }
 .door-info button {
    font-size: 15px;
    padding: 13px 13px;
    color: #505050;
    cursor: pointer;
    width: 202px;
    border: 1px solid rgba(205, 205, 205, 0.285);
  }
  .door-info  .btn-active {
    color: #00315d;
    background-color: rgba(210, 210, 210, 0.815);
  }
  .product-info ,    .details , .download {
    padding: 30px ;
  }
  .product-info p {
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #505050;
  }
  .product-info ul li ,.details ul li  {
    list-style: disc;
    margin-left: 15px;
    margin-top: 5px;
    width: 500px;
    line-height: 20px;
    font-size: 17px;
    color: #505050;
  }
   .details , .download {
    display: none;
  }
  .download .download-1 {
    margin: 20px 0;
    display: flex;
  }
  .download .download-1  p {
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #505050;
    width: 300px;
  }
  .download .download-1 ul li {
margin-bottom: 10px;
  }
  .download .download-1 ul li a  {
    font-size: 15px;
    color: #00315d;
    margin-left: 10px;
  }
  
  
  
  /*wunder*/

.all-wunder {
  display: flex;
 justify-content:space-between;
  width: 100%;
  column-gap:30px;
  padding-top: 30px;
 
}
.all-wunder:not(:nth-child(1)) {
     padding-top:50px;
}
.all-wunder:nth-child(even) .wunder-img {
    order:2;
}
.all-wunder:nth-child(even) .wunder-img {
    order:1;
}
.wunder-img{
    width:50%;
}
.wunder-img img {
    width:100%;
    height:100%;
}
.wunder-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;

width: 50%;
}
.wunder-titles  {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: rgb(21, 21, 21);
  padding: 10px;
  width: 100%;
}
.wunder-titles img {
  width: 75%;
  margin: 8px 0;
  height: 20px;
}
.wunder-name h2 {
  font-size: 25px;
  font-weight: 700;
  color:#fdcb1a;
}
.wunder-title  {
  display: flex;
  justify-content: space-evenly;
  width: 100%;
  column-gap :10px;
}
.wunder-title h3 {
  font-size: 15px;
  font-weight: 600;
  border-radius: 10px;
  background-color:#fdcb1a ;
  padding: 8px ;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-transform: uppercase;
  width: 110px;
  text-align:center;
}
.wunder-title h3 span {
  font-weight: 300;
  font-size: 13px;
}
.wunder-features  {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 250px;
  overflow-y: scroll;
  margin-top:5px;
}
    /* scrollBar */
    .wunder-features::-webkit-scrollbar {
      width: 15px;
    }
  
    /* Track */
    .wunder-features::-webkit-scrollbar-track {
      box-shadow: inset 0 0 5px grey; 
      border-radius: 10px;
    }
     
    /* Handle */
    .wunder-features::-webkit-scrollbar-thumb {
      background: rgb(175, 175, 175);

     border-radius: 10px;
   
    }
    /* scrollBar */
.wunder-feature {
  display: flex;
justify-content: space-evenly;
}
.wunder-features .wunder-feature:nth-child(odd) {
background: linear-gradient(90deg, rgba(253,203,26,1) 0%, rgba(255,230,140,1) 35%, rgba(255,255,255,1) 100%);
}
.wunder-features .wunder-feature p {
width: 90px;
padding: 6px 0;
text-align: center;
}
.wunder-features .wunder-feature p:nth-child(3) {
    padding-left:15px;
}

.wunder-features .wunder-feature p span {
  font-weight: 900;
  text-transform: uppercase;
}

 
.col-12 p{
    display:flex;
    column-gap:50px;
   
}
.col-12 p span {
    padding-top:30px;
}
.content-all .col-12-images {
    width:100%;
    display:flex;
    justify-content:space-evenly;
    column-gap:15px;
    margin-top:50px;
    width:100%;
}
.content-all .col-12-images img {
    border-radius:50%;
   width:150px;
   height:150px;
}
/* media queries */
@media only screen and (min-width: 1440px) {
  main .carousel-caption {
    margin-left: 8.33333%;
  }
  main .carousel-control .carousel-nav {
    margin-left: 8.33333%;
  }
  #call-to-action .call-wrapper .input-wrap {
    width: 20%;
    margin: 0;
  }
}

@media only screen and (max-width: 1399.99px) {
  #services .services-wrapper .title {
    margin-bottom: 25px;
  }
  .service-box-wrap {
    margin: 15px 0;
  }
  .tabVideo video{
      width: 100%;
  }
     .door-info button {
        width:183px;
    }
}

@media only screen and (min-width: 1300px){
    .gallery-both img{
        width: 380px;
        height: 300px;
    }
    
    .gallery-both video{
        width: 380px;
        height: 300px;
        object-fit: cover;
    }
}



@media only screen and (max-width: 1199.99px) {
  .ref-box {
    padding: 0;
    width: calc(16.66% - 20px);
  }
  
  .project-box {
    width: calc(33.33% - 20px);
  }
  .door-bottom-left-img {
      height:433px;
  }
  .door-bottom-left p {
    padding: 15px 0;
    font-size: 25px;
}
.door-info button {
    width:153px;
}
}

@media only screen and (max-width: 991px) {
  header #myMenu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    overflow-y: hidden;
  }
  header #myMenu .navbar-nav {
    width: 90%;
    height: 100%;
    background-color: #000;
    position: absolute;
    top: 0;
    right: -100%;
    overflow-y: scroll;
    justify-content: center;
  }
  header #myMenu .navbar-nav .nav-item {
    margin: 0;
    padding: 0;
  }
  header #myMenu .navbar-nav .nav-item .nav-link {
    text-align: center;
    font-size: 25px;
    padding: 20px 0;
  }
  header .navbar-toggler,
  header .right-side {
    position: relative;
    z-index: 9999;
  }
  
  header #myMenu .navbar-nav .nav-item:last-child {
    display: list-item;
  }
  header #myMenu .navbar-nav .nav-item:last-child .order-btn {
      max-width: 50%;
      margin: 20px auto;
  }
  header .right-side .order-btn {
    display: none;
  }
  header:not(.sticky),
  header:not(.inside-header) {
    padding-top: 22px;
  }
  header.sticky,
  header.inside-header {
    padding: 5px 0;
  }
    .door-top-left,.door-top-right {
         height:130px;
    }
    .door-bottom-left p {
    padding: 10px 0;
    font-size: 20px;
}
.door-bottom-left-img {
    height: 450px;
}
.door-info button {
    width: max-content;
}
.download .download-1 ul li {
    width: 430px;
   
}
.download .download-1{
    flex-direction: column;
}
}

@media only screen and (max-width: 990.99px) {
  main .carousel-caption {
    width: 70%;
  }
  #advantages {
    padding: 85px 0 35px;
  }
  #advantages .advantage-wrap {
    margin: 15px auto;
  }
  #about .about-wrapper {
    text-align: center;
  }
  #about .about-wrapper img {
    margin-top: 15px;
    max-height: 360px;
  }
  .ref-box {
    width: calc(20% - 20px);
  }
  footer .section-top .social-media {
    margin: 30px 0;
  }
  
  #projects .tab-content {
    margin-bottom: 30px;
  }
  #projects #projectTab .nav-item .nav-link img {
    width: 130px;
  }
  
  #projects .tab-content .tab-pane a {
      height: 350px;
  }
  
  .project-box {
    width: calc(50% - 20px);
  }
  
  .static-content .content-all > img {
      width: 100%;
      margin: 0 0 30px 0;
  }
}

@media only screen and (max-width: 767.99px) {
  #references .ref-row {
    margin: 0 0 40px;
    justify-content:center;
  }
  .ref-box {
    width: calc(25% - 20px);
  }
  main {
    height: 550px;
  }
  main .item {
    height: 550px;
  }
  main .item img {
    height: 550px;
    object-fit: cover;
  }
  main .carousel-caption {
    width: 92%;
  }
  main .carousel-caption h2 {
    font-size: 50px;
  }
      .door-top-left,.door-top-right {
         height:110px;
    }
    .door-bottom-left p {
    padding: 5px 0;
    font-size: 15px;
}
    .door-bottom-left-img {
        height: 454px;
    }
    
    .download .download-1 ul li {
        width: 100%;
    }
    .download .download-1 p{
        width:100%;
    }
}

@media only screen and (max-width: 575.99px) {
  #advantages .advantage-wrap {
    width: 70%;
  }
  #about .about-wrapper,
  #services .services-wrapper,
  #call-to-action .call-wrapper {
    padding: 30px;
  }
  #about .about-wrapper p {
    font-size: 16px;
  }
  .ref-box {
    width: calc(33.33% - 20px);
  }
  footer .section-top {
    padding-top: 30px;
  }
  main .carousel-caption h2 {
    font-size: 40px;
  }
  main .carousel-caption .more-btn {
    min-width: 200px;
    padding: 16px;
  }
  .modal-dialog {
    width: 90%;
    margin: 0 auto;
  }

    .modal-body {
        padding: 0 20px 20px;
    }

    .modal-title {
        font-size: 18px;
    }

    .modal-header {
        padding: 10px 40px;
        margin: 0 auto;
    }
    
    .project-box {
        width: calc(100% - 20px);
    }
    
    .project-box a img {
        height: 150px;
    }
    
    header #myMenu .navbar-nav .nav-item:last-child .order-btn {
        max-width: 80%;
    }
    
    header #myMenu .navbar-nav .nav-item .nav-link {
        font-size: 20px;
    }
    
    .static-content .content-all > img {
        height: 300px;
        object-fit: cover;
    }
}

@media only screen and (max-width: 500px) {
  footer .section-bottom .copyright-row {
    display: block;
  }
  #projects #projectTab .nav-item .nav-link img {
    width: 90px;
  }
}

@media screen and (max-width: 450px) {
    .modal-header {
        padding: 10px 20px;
        margin: 0;
    }
    
    .modal-content .btn-close {
        right: 30px;
        top: 17px;
    }
    
    .contact-content .contact-btn {
        max-width: none;
    }
}

@media only screen and (max-width: 400px) {
  #advantages .advantage-wrap {
    width: 100%;
  }
  /*.ref-box {*/
  /*  width: calc(50% - 20px);*/
  /*}*/
  header .navbar-brand img {
    width: 94px;
  }
}
/*# sourceMappingURL=style.css.map */


/*umid*/

.swiper-slide img{
    width:100%;
    height:280px;
    object-fit:cover;
    aspect-ratio:3/2;
}


/**/