/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@media screen and (min-width:1600px){
   
    .logo img{
        display: block;
       width: 200px; 
    }
   
    
}
@media screen and (min-width:2190px) {
    
}
@media screen and (max-width: 1920px) {
   
}
@media screen and (max-width: 1599px){
   
   
}
@media screen and (max-width: 1520px) {
   .container{
        padding: 0 30px;
    }
    
    .documentsSwiper{
        width: 100%;
    }
    .documentsSwiper-button-next{
        right: 30px;
    }
    .documentsSwiper-button-prev{
        left: 30px;
    }
}


@media screen and (max-width: 1350px){
    
    
}
@media screen and (max-width: 1290px) {
    
}
@media screen and (max-width: 1199px) {
    
    
    .header-nav nav{
        margin-left: auto;
    }
    
    .header-nav .btn-style{
        padding: 16px 30.5px;
    } 

    .certificates-items{
        grid-template-columns: repeat(2, 1fr);
        row-gap: 20px;
    }
}
@media screen and (max-width: 1100px){
    
    
}

@media screen and (max-width: 992px) {
    
    
    
    
    .header-nav{
        position: relative;
    }
    /* header .logo{
        position: absolute; 
        left: 30px;
    } */
     .logo-mobile{
        display: block;
     }
     .logo-mobile img{
        max-width: 97px;
     }
    .burger-nav{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        width:37px; 
        height: 9px;
        position: absolute;
        right: 10px;
        top: 15px;
    }
    .burger-nav::before,   .burger-nav::after{
        content: ""; 
        width: 100%;
        height: 2px;
        background: var(--orange);
        display: block;
        position: absolute;
        border-radius: 1px;
        -webkit-transition: top 0.2s ease 0.1s, -webkit-transform 0.2s ease;
        transition: top 0.2s ease 0.1s, -webkit-transform 0.2s ease;
        -o-transition: transform 0.2s ease, top 0.2s ease 0.1s;
        transition: transform 0.2s ease, top 0.2s ease 0.1s;
        transition: transform 0.2s ease, top 0.2s ease 0.1s, -webkit-transform 0.2s ease;
    }
    .burger-nav::before {
        top: 0px;
      }
      .burger-nav::after {
        top: calc(100% - 9px);
      }
    .burger-nav.open::before, .burger-nav.open::after {
        -webkit-transition: top 0.2s ease, -webkit-transform 0.2s ease 0.1s;
        transition: top 0.2s ease, -webkit-transform 0.2s ease 0.1s;
        -o-transition: top 0.2s ease, transform 0.2s ease 0.1s;
        transition: top 0.2s ease, transform 0.2s ease 0.1s;
        transition: top 0.2s ease, transform 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s;
        top: calc(50% - 1px);
      }
      .burger-nav.open::before {
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg);
      }
      .burger-nav.open::after {
        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
      }
      
    .headet-nav-container .logo{
        display: none;
    }
    .header-nav>div{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        position: absolute;
        background: var(--orange);
        top: 100%;
        right: -30px;
        width:400px;
        max-height: 0px;
        overflow: hidden;
        gap: 0;
        z-index: 200;
        -webkit-transition: max-height .4s ease-in-out;
        -o-transition: max-height .4s ease-in-out;
        transition: max-height .4s ease-in-out;
    }
    .header-nav{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .header-nav>div ul{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 30px;
        align-items: flex-start;
        margin-bottom: 90px;
    }
    .header-nav>div ul a{
        font-size: 30px;
        font-weight: 400;
    }
    .header-nav nav{
        margin: 0 auto;
        width: 100%;
    }
    .headet-nav-container a{
        opacity: 0;
        -webkit-transform: translateX(300px);
            -ms-transform: translateX(300px);
                transform: translateX(300px);
        -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
        transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
        -o-transition: opacity 0.4s ease, transform 0.4s ease;
        transition: opacity 0.4s ease, transform 0.4s ease;
        transition: opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
    }
    .headet-nav-container li:first-child{
        -webkit-transform: translateX(300px);
            -ms-transform: translateX(300px);
                transform: translateX(300px);
        -webkit-transition: all .6s ease-in-out;
        -o-transition: all .6s ease-in-out;
        transition: all .6s ease-in-out;
    }
    .headet-nav-container li:nth-child(2){
        -webkit-transform: translateX(300px);
            -ms-transform: translateX(300px);
                transform: translateX(300px);
        -webkit-transition: all .8s ease-in-out;
        -o-transition: all .8s ease-in-out;
        transition: all .8s ease-in-out;
    }
    .headet-nav-container li:nth-child(3){
        -webkit-transform: translateX(300px);
            -ms-transform: translateX(300px);
                transform: translateX(300px);
        -webkit-transition: all .8s ease-in-out;
        -o-transition: all .8s ease-in-out;
        transition: all .8s ease-in-out;
    }
    .headet-nav-container li:nth-child(4){
        -webkit-transform: translateX(300px);
            -ms-transform: translateX(300px);
                transform: translateX(300px);
        -webkit-transition: all .9s ease-in-out;
        -o-transition: all .9s ease-in-out;
        transition: all .9s ease-in-out;
    }
    .headet-nav-container .btn-style{
        -webkit-transform: translateX(300px);
            -ms-transform: translateX(300px);
                transform: translateX(300px);
        -webkit-transition: all 1.1s ease-in-out;
        -o-transition: all 1.1s ease-in-out;
        transition: all 1.1s ease-in-out;
        background-color: var(--black);
    }
    .headet-nav-container.show{
        width: 400px;
        max-height: 100vh;
        padding-bottom: 150px;
        background-image: url('../img/hero-elem.png');
        background-position: bottom right;
        background-size: 70%;
        background-repeat: no-repeat;
    }
    .headet-nav-container.show a{
        opacity: 1;
        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0);
    }
    .headet-nav-container.show li{
        opacity: 1;
        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0);
    }

    #header.open{
        background-color: var(--orange);
    }

    #header.open .burger-nav::before, #header.open .burger-nav::after{
        background: var(--white);
    }
    
}
@media screen and (max-width: 840px) {
   
}
@media screen and (max-width: 767px){
	.headet-nav-container.show a{
		max-width: 70%;
	}
   
    .btn-style{
        font-size: .9rem;
    }
    
     
    #header .container{
        padding-left: 20px;
    }
    .logo-mobile {
        display: block;
        max-width: 88px;
    }
    .logo-mobile img{
        display: block;
        width: 100%;
    }

    .certificates-items{
        grid-template-columns: 1fr;
        gap: 15px;
        margin-bottom: 0;
    }

    .swiper-btn-next, .swiper-btn-prev{
        width: 57px;
        height: 57px;
        border-radius: 50%;
        background-color: rgba(186, 186, 186, 0.2);
        background-position: center;
        background-size: 30px;
    }

    .swiper-btn-next:hover{
        background-color: var(--orange);
        background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='32' height='8' viewBox='0 0 32 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M31.8536 4.35355C32.0488 4.15829 32.0488 3.84171 31.8536 3.64645L28.6716 0.464466C28.4763 0.269204 28.1597 0.269204 27.9645 0.464466C27.7692 0.659728 27.7692 0.976311 27.9645 1.17157L30.7929 4L27.9645 6.82843C27.7692 7.02369 27.7692 7.34027 27.9645 7.53553C28.1597 7.7308 28.4763 7.7308 28.6716 7.53553L31.8536 4.35355ZM0.5 4.5H31.5V3.5H0.5V4.5Z' fill='%23ffffff'/%3e%3c/svg%3e ");
    }

    .swiper-btn-prev:hover{
         background-color: var(--orange);
        background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='32' height='8' viewBox='0 0 32 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.146446 3.64645C-0.0488148 3.84171 -0.0488148 4.15829 0.146446 4.35355L3.32843 7.53553C3.52369 7.7308 3.84027 7.7308 4.03553 7.53553C4.2308 7.34027 4.2308 7.02369 4.03553 6.82843L1.20711 4L4.03553 1.17157C4.2308 0.976311 4.2308 0.659728 4.03553 0.464466C3.84027 0.269204 3.52369 0.269204 3.32843 0.464466L0.146446 3.64645ZM31.5 3.5H0.5V4.5H31.5V3.5Z' fill='%23ffffff'/%3e%3c/svg%3e ");
    }

    footer .container{
        display: block;
    }

    .footer-nav ul{
        display: block;
    }

    footer .logo{
        margin-bottom: 35px;
    }

    .footer-nav ul li{
        margin-bottom: 38px;
    }
    
    .more-project-item{
        grid-template-columns: 1fr;
    }
    
    .information-project{
        padding: 30px;
    }
    
    .first-information-project .images-project{
        margin-left: 0;
        order: 1;
    }
    
    .first-information-project .information-project{
        order: 2;
    }
    
    .first-images-project .images-project{
        margin-right: 0;
    }
    
    .information-project h2{
        font-size: 18px;
    }
    
    .information-project li{
        font-size: 13px;
    }
    
    
}
@media screen and (max-width: 575px){
   
    .documentsSwiper {
        width: 100%;
        padding: 0;
    }
    .documentsSwiper .swiper-slide{
        -webkit-transform: scale(0.99);
            -ms-transform: scale(0.99);
                transform: scale(0.99);
    }
    #open-documents{
        padding: 16px 37px 14px;
    }
    
   
} 
@media screen and (max-width: 430px){
    .headet-nav-container.show{
        width: calc(100% + 60px);
    }
    footer .btn-style{
        padding: 16px 16px 12px;
        display: block;
        width: 100%;
        max-width: 100%;
        text-align: center;
    }
    .btn-style{
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
        max-width: 100%;
        text-align: center;
        box-sizing: border-box;
    }
    .consultations  .btn-style{
        padding-bottom: 12px;
    }
}