@import url("https://use.typekit.net/hbz6jyf.css");

@font-face {
   font-family: "bicubik";
   font-weight: 400;
   src:
     local("bicubik"),
     url("../fonts/becubik/Bicubik.OTF") format("opentype"),
}


html , body{
   box-sizing: border-box;
   overflow-x: hidden;
   font-family: "proxima-nova", sans-serif;
   color: #151515;
}

body.active{
   overflow: hidden;
}
.wrapper.active{
   overflow: hidden;
}

*{
   
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
}

.container{
   max-width: 1221px;
   margin: 0 auto;
}

a{
   text-decoration: none;
   color: inherit;
}

img{
   user-select: none;
}
*::after , *::before{
   user-select: none;
}

.title{
   position: relative;
   z-index: 5;
}

.title h1{
   text-align: center;
   font-size: 42px;
   color: #151515;
   text-transform: uppercase;
   font-family: "bicubik";
}


.scroll_section{
   border-top: 120px solid transparent;
   margin-top: -120px;
}

.header{
   padding: 15px 0;
   background-color: #fff;
   z-index: 100;
   position: fixed;
   width: 100%;
   top: 0;
   transition: all .3s;
}
.header.hide{top: -110px; transition: all .3s;}

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

.headerRight{
   display: flex;
   flex-direction: column;
   align-items: flex-end;
}

.headerInfo , .headerInfo div{
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.headerInfoWrapper span{
   margin: 0 7px;
   color: #BBBBBB;
}

.headerInfoItem h2{
   font-weight: 600;
   font-size: 16px;
   color: #333333;
   text-transform: lowercase;
   transition: all .3s;
   cursor: pointer;
   text-align: right;
}

.headerInfoItem h2:hover , .contactsItem h3:hover{
   transition: all .3s;
   color: #1E7EC1;
}

.burger{
   display: none;
   width: 60px;
   height: 30px;
   position: relative;
   cursor: pointer;
}

.burger_item:first-child{top: 0;}
.burger_item:nth-child(2){top: 50%;transform: translateY(-50%);}
.burger_item:last-child{bottom: 0;}

.burger_item{
   content: ' ';
   display: block;
   height: 2px;
   background-color: #151515;
   width: 100%;
   position: absolute;
   left: 0;
   right: 0;
   transition: all .3s;
}

.burger.active .burger_item:first-child{
   transform: translateY(10px) rotate(45deg);
   transition: .3s;
}
.burger.active .burger_item:nth-child(2){
   opacity: 0;
   transition: .3s;
}
.burger.active .burger_item:last-child{
   transform: translateY(-18px) rotate(-45deg);
   transition: .3s;
}

.nav{
   margin-top: 10px;
}

.nav a{
   text-transform: uppercase;
   margin-left: 20px;
   font-weight: 600;
   font-size: 17px;
   color: #151515;
}

.nav a:first-child{
   margin-left: 0px;
}

.text_hover::before {
   transform: scaleX(0);
   transform-origin: bottom right;
}
     
.text_hover:hover::before {
   transform: scaleX(1);
   transform-origin: bottom left;
}
.text_hover{
   position: relative;
}
     
.text_hover::before {
   content: " ";
   display: block;
   position: absolute;
   top: 0; right: 0; bottom: 0; left: 0;
   inset: 0 0 0 0;
   border-bottom: 2px solid #151515;
   transition: transform .3s ease;
}

.footer .text_hover::before{
   border-bottom: 2px solid #444444;
}

.headerHr{
   height: 14px;
   width: 0;
   border: 1px solid #C5C5C5;
   margin: 0 20px;
}

.headerPhones::before{
   content: url('../images/phone.svg');
   padding-top: 5px;
   padding-right: 8px;
}
.headerEmails::before{
   content: url('../images/email.svg');
   padding-top: 5px;
   padding-right: 8px;
}

.welcome{
   position: relative;
   height: 100vh;
   overflow-y: hidden;
}

.welcome .container{
   height: 100%;
   position: relative;
}

.welcomeWrapper{
   position: relative;
   width: 100%;
   height: 100%;
}

.welcomeSlider{
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100% !important;
}


.welcomeSliderItem{
   width: 100%;
   height: 100%;
}

.welcomeSliderItem img{
   width: 100vw;
   height: 100vh;
   object-fit: cover;
}

.welcomeSliderItem::before{
   pointer-events: none;
   user-select: none;
   content: ' ';
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   width: 100%;
   height: 100%;
   display: block;
   background-color: rgba(23, 23, 23, .4);
}

.welcomeSliderItem img{
   object-fit: cover;
}

.welcomeText{
   position: absolute;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
   color: #fff;
   margin-top: 50px;
}

.welcomeText h1{
   font-size: 52px;
   line-height: 74px;
   font-family: "bicubik";
   letter-spacing: 3px;
}

.welcomeText h2{
   font-size: 40px;
   line-height: 74px;
   font-family: "bicubik";
   letter-spacing: 3px;
   margin-bottom: -15px;
}

.welcomeText p{
   line-height: 28px;
   font-size: 20px;
   line-height: 28px;
   font-weight: 400;
   color: #E2E2E2;
   width: 587px;
   margin-bottom: 15px;
}

.welcomeText button{
   border: none;
   background-color: #1E7EC1;
   color: #fff;
   text-transform: uppercase;
   padding: 15px 25px;
   font-weight: 600;
   border-radius: 67px;
   cursor: pointer;
   transition: all .3s;
}

.welcomeText button:hover{
   background-color: #fff;
   color: #1E7EC1;
   transition: all .3s;
}

.welcome_nav{
   position: absolute;
   bottom: 50px;
   left: 0;
   display: flex;
   align-items: center;
}

.welcome_prev{
   content: url('../images/welcome_prev.svg');
   margin-right: 5px;
   cursor: pointer;
   width: 50px;
   height: 50px;
}

.welcome_next{
   content: url('../images/welcome_next.svg');
   cursor: pointer;
   width: 50px;
   height: 50px;
}

.phone , .whatsapp{
   user-select: none;
   content: url('../images/phone_fixed.svg');
   position: fixed;
   right: 10px;
   bottom: 10px;
   z-index: 100;
}

.whatsapp{
    bottom: 70px;
    content: url('../images/whatsapp.svg');
}
.services{
   margin: 50px 0 100px 0;
   position: relative;
}

.services::before{
   pointer-events: none;
   user-select: none;
   position: absolute;
   right: 0;
   top: -50px;
   content: url('../images/services_back.png');
}

.servicesWrapper{
   margin-top: 50px;
   display: grid;
   grid-template-columns: repeat(4,1fr);
   grid-gap: 32px;
}

.servicesItem{
   border: 1px solid #EAEAEA;
   border-radius: 10px;
   background-color: #fff;
   padding: 25px 20px;
   position: relative;
   transition: all .3s;
}

.servicesItem:hover{
   transition: all .3s;
}

.servicesItem:hover .servicesButton button{
   opacity: 1;
   width: auto;
}

.servicesItem h3{
   color: #151515;
   font-size: 20px;
   font-weight: 600;
   margin: 50px 0 30px 0;
   text-transform: uppercase;
}

.servicesButton{
   position: absolute;
   bottom: 20px;
}

.servicesButton button{
   color: #1E7EC1;
   font-weight: 600;
   font-size: 15px;
   text-decoration: underline;
   border: none;
   background-color: transparent;
   text-underline-offset: 3px;
   opacity: 0;
   width: 0px;
   transition: all .3s;
   cursor: pointer;
}
.servicesButton img{
   transition: all .3s;
   cursor: pointer;
}

.servicesModal{
   position: fixed;
   width: 100vw;
   height: 100vh;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   z-index: 101;
   padding: 50px 0 50px 0;
   display: none;
}

.servicesModal.active{
   display: block;
}

.modalCloseSpace{
   content: ' ';
   display: block;
   position: fixed;
   width: 100vw;
   height: 100vh;
   background-color: rgba(23, 23, 23, .6);
   z-index: 102;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
}

.servicesModalWrapper{
   display: flex;
   align-items: center;
   height: 85vh;
   background-color: #fff;
   border-radius: 15px;
   position: relative;
   z-index: 103;
}

.servicesModalImage{
   height: 100%;
   width: 75%;
   margin-right: 50px;
   border-top-left-radius: 15px;
   border-bottom-left-radius: 15px;
}

.servicesModalImage img{
   border-top-left-radius: 15px;
   border-bottom-left-radius: 15px;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.servicesModalText{
   width: 100%;
   padding-right: 100px;
}

.servicesModalText h2{
   font-size: 30px;
   text-transform: uppercase;
   font-weight: 400;
   line-height: 42px;
   font-family: "bicubik";
   position: relative;
   margin-bottom: 30px;
}

.servicesModalText h2::after{
   content: url('../images/modalHr.svg');
   position: absolute;
   left: 0;
   bottom: -20px;
}

.servicesModalText p{
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   color: #666666;
}

.modalClose{
   content: url('../images/modalClose.svg');
   position: absolute;
   right: 20px;
   top: 20px;
   cursor: pointer;
}

.types{
   margin-bottom: 100px;
   position: relative;
}

.types::before{
   pointer-events: none;
   user-select: none;
   content: url("../images/types_before.png");
   position: absolute;
   left: 0;
   top: -100px;
}

.typesContainer{
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   margin-top: 50px;
}

.typesWrapper{
   display: grid;
   grid-template-columns: repeat(2,1fr);
   grid-gap: 20px;
   width: 100%;
   max-height: 555px;
   height: 555px;
}

.typesFirstItem{
   margin-right: 20px;
   max-height: 555px;
   height: 555px;
   width: 380px;
}

.typesItem{
   position: relative;
   overflow: hidden;
   border-radius: 10px;
   transition: all .3s;
}

.typesItem a{
   width: 100%;
   height: 100%;
}

.typesItem h3{
   color: #fff;
   position: absolute;
   z-index: 3;
   font-size: 24px;
   line-height: 29px;
   font-weight: 600;
   text-transform: uppercase;
   width: 75%;
   bottom: 20px;
   left: 40px;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
}

.typesItem h3::after{
   content: url("../images/types_item_after.svg");
   margin-top: -10px;
}

.typesItem img{
   position: absolute;
   z-index: 1;
   left: 0;
   top: 0;
   right: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: all .3s;
}

.typesItem::before{
   border-radius: 10px;
   z-index: 2;
   height: 100%;
   width: 100%;
   content: ' ';
   display: block;
   position: absolute;
   background-color: rgba(23, 23, 23, .6);
}

.typesItemLupa:first-child , .projectsItemLupa{
   content: url('../images/types_lupa.svg');
   position: absolute;
   right: 20px;
   top: 20px;
   z-index: 10;
   cursor: pointer;
   max-width: 60px;
   max-height: 60px;
   user-select: none;
}

.projectsItemLupa{
   content: url('../images/projects_lupa.svg');
   top: 235px;
   right: 30px;
}

.typesItem:hover img{
   transform: scale(1.2);
   transition: all .3s;
}

.about{
   position: relative;
   width: 100%;
   min-height: 85vh;
   margin-bottom: 100px;
}

.about::before{
   pointer-events: none;
   user-select: none;
   height: 100%;
   width: 100%;
   content: ' ';
   display: block;
   position: absolute;
   background-color: rgba(23, 23, 23, .6);
   z-index: 2;
}

.aboutVideo{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
   width: 100vw;
   height: 100%;
   z-index: 1;
   object-fit: cover;
}

.aboutWrapper{
   z-index: 3;
   color: #fff;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   max-width: 1000px;
}

.aboutWrapper .title h1{
   text-align: left;
   color: #fff;
   font-weight: 400;
   margin-bottom: 25px;
}

.aboutText h3{
   font-size: 18px;
   font-weight: 400;
   line-height: 32px;
   color: #E7E7E7;
   position: relative;
   z-index: 4;
}

.projects{
   margin-bottom: 100px;
   position: relative;
}

.projects::before{
   pointer-events: none;
   user-select: none;
   content: url('../images/services_back.png');
   position: absolute;
   right: 0;
   top: -50px;
}

.projects .title{
   margin-bottom: 50px;
}

.projects .container{
   position: relative;
}

.projectsWrapper .slick-list {
   margin: 0 -32px;
   overflow: hidden;
}

.projectsWrapper .slick-slide{
   margin: 0 32px;
}

.projectsItem{
   border: 1px solid #E0E0E0;
   border-radius: 10px;
   padding: 15px;
   max-width: 100%;
   min-height: 434px;
   position: relative;
}

.projectsItem img{
   width: 100%;
   height: 240px;
   border-radius: 10px;
   object-fit: cover;
}

.projectsItem h2{
   color: #151515;
   font-weight: 600;
   font-size: 18px;
   margin: 25px 0 15px 0;
}
.projectsItem h3{
   color: #666666;
   font-size: 15px;
   font-weight: 400;
}

.projects_prev , .projects_next{
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   width: 35px;
   height: 35px;
   cursor: pointer;
   user-select: none;
}

.projects_prev{
   left: -50px;
   content: url('../images/projects_prev.svg');
}

.projects_next{
   right: -70px;
   content: url('../images/projects_next.svg');
}

.advantages{
   position: relative;
   z-index: 5;
}

.advantages::before{
   pointer-events: none;
   user-select: none;
   position: absolute;
   left: 0;
   top: -30px;
   content: url('../images/types_before.png');
}

.advantagesGrid{
   display: grid;
   grid-template-columns: repeat(4,1fr);
   grid-gap: 32px;
   margin-top: 50px;
}

.advantagesItem{
   background-color: #fff;
   filter: drop-shadow(5px 0px 30px rgba(0, 0 , 0, .06));
   padding: 35px 25px;
   border-radius: 10px;
}

.advantagesItem h2{
   color: #151515;
   font-size: 20px;
   font-weight: 600;
   line-height: 26px;
   margin: 38px 0 15px 0;
   text-transform: uppercase;
}
.advantagesItem h3{
   line-height: 22px;
   font-size: 15px;
   font-weight: 400;
   color: #666666;
}

.feedback{
   background-image: url('../images/feedback_back.jpg');
   background-repeat: no-repeat;
   background-size: cover;
   position: relative;
   min-height: 500px;
   margin-top: -90px;
   z-index: 1;
}

.feedback::before{
   pointer-events: none;
   user-select: none;
   height: 100%;
   width: 100%;
   position: absolute;
   z-index: 2;
   content: ' ';
   display: block;
   background-color: rgba(23, 23, 23, .6);
}

.feedbackWrapper{
   text-align: center;
   padding: 200px 0;
   position: absolute;
   left: 50%;
   top: 50%;
   margin-top: 50px;
   transform: translate(-50%,-50%);
   z-index: 3;
}

.feedbackWrapper .title h1{
   color: #fff;
}

.feedbackWrapper h3{
   color: #E7E7E7;
   font-size: 20px;
   font-weight: 400;
   margin: 20px 0;
}

.feedbackForm{
   display: flex;
   align-items: center;
    justify-content: space-between;
   background-color: #fff;
   border-radius: 16px;position: relative;
}

.feedbackForm span{
   width: 0px;
   border: 1px solid #D4D4D4;
   height: 38px;
}

.feedbackForm button{
   border: none;
   color: #fff;
   background-color: #1E7EC1;
   font-size: 16px;
   font-weight: 600;
   text-transform: uppercase;
   border-radius: 67px;
   padding: 16px 20px;
   margin: 0 20px;
   min-width: 200px;
   cursor: pointer;
}

.inputOne{
   border-top-left-radius: 16px;
   border-bottom-left-radius: 16px;
   position: relative;
}

.feedbackForm input{
   padding: 24px 24px;
   border: none;
   outline: none;
   font-size: 16px;
   color: #555555;
   font-weight: 400;
}

.close{
   display: none;
}

.alert{
   position: absolute;
   bottom: -40px;
   left: 50%;
   transform: translateX(-50%);
   width: 100%;
   font-size: 20px;
}

.alert-success{
   color: #05FF00;
}

.contracts{
   margin: 100px 0;
   position: relative;
}

.contracts::before{
   pointer-events: none;
   user-select: none;
   content: url('../images/services_back.png');
   position: absolute;
   right: 0;
   top: -200px;
}

.contractsTitle h3{
   text-transform: uppercase;
   text-align: center;
   font-size: 20px;
   font-weight: 400;
   color: #828282;
   width: 800px;
   margin: 0 auto;
   margin-top: 15px;
   width: 100%;
}

.contractsWrapper{
   margin-top: 50px;
   display: grid;
   grid-template-columns: repeat(5,1fr);
   grid-gap: 64px;
}

.contractsitem:nth-child(even)::after{
   content: url('../images/ce.svg');
   display: block;
   width: 120px;
   right: -90px;
   top: 50px;
   position: absolute;
}

.contractsitem:nth-child(odd)::after{
   content: url('../images/co.svg');
   display: block;
   width: 120px;
   right: -90px;
   top: 30px;
   position: absolute;
}

.contractsitem:nth-child(10)::after{
   content: none;
}

.contractsitem:nth-child(5)::after{
   transform: rotate(90deg);top: 200px;
   content: none;
}


.contractsitem{
   text-align: center;
   position: relative;
}

.contractsitem h3{
   text-transform: uppercase;
   color: #151515;
   font-size: 20px;
   font-weight: 600;
   margin-top: 10px;
   transition: all .3s;
   cursor: pointer;
}

.contractsitem h3:hover{
   color: #1E7EC1;
   transition: all .3s;
}

.cooperation{
   margin-bottom: 100px;
}

.cooperationWrapper{
   display: flex;
   align-items: center;
}

.cooperationImage{
   margin-right: 100px;
   z-index: 2;
}

.cooperationImage{width: 100%;}
.cooperationImage img{width: 100%; object-fit: cover;}


.cooperationText{width: 100%;}
.cooperationText .title h1{
   text-align: left;
   margin-bottom: 18px;
}

.cooperationText h3{
   color: #666666;
   font-weight: 400;
   font-size: 18px;
   line-height: 26px;
}

.cooperationText ul{
    padding-left: 15px;    
}
.cooperationText ul li{
    list-style-position: inside;    
    line-height: 32px;
}

.partners{
   margin-bottom: 100px;
   position: relative;
}

.partners::before{
   pointer-events: none;
   user-select: none;
   content: url('../images/types_before.png');
   position: absolute;
   user-select: none;
   pointer-events: none;
   left: 0;
   bottom: -50px;
   z-index: 1;
}

.partners .partnersSliderContainer{
   position: relative;
}

.partnersWrapper{
   margin-top: 35px;
   position: relative;
}

.partners_next , .partners_prev{
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   cursor: pointer;
}

.partners_prev{
   content: url('../images/partners_prev.svg');
   left: -55px;
}

.partners_next{
   content: url('../images/partners_next.svg');
   right: -45px;
}

.partnersItem{
   background-color: #fff;
   z-index: 2;
   position: relative;
}

.contacts{
   margin-bottom: 100px;
}

.contactsItem:first-child h2::before{
   content: url('../images/adress.svg');
}

.contactsItem:nth-child(2) h2::before{
   content: url('../images/telephon.svg');
}

.contactsItem:last-child h2::before{
   content: url('../images/pochta.svg');
}

.contactsItem h2::before{
   margin-right: 10px;
}

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

.contactsText{
   margin-right: 35px;
   border: 1px solid #E8E8E8;
   border-radius: 10px;
   padding: 32px 24px;
}

.contactsMap{
   width: 90%;
   height: 435px;
}

.contactsItem h2{
   color: #151515;
   font-weight: 600;
   font-size: 18px;
   position: relative;
   margin-bottom: 10px;
}

.contactsItem h3{transition: all .3s;
   cursor: pointer;
   color: #444444;
   font-weight: 400;
   font-size: 16px;
}

.contactsItem hr{
   height: 0;
   width: 85%;
   margin: 20px auto;
   border: 1px solid #E8E8E8;
}

.footer{
   background-color: #F4F4F4;
   color: #444444;
   padding: 20px 0;
}

.footer hr{margin: 20px 0; width: 100%; height: 0; border: 1px solid rgba(80, 80, 80,.1);}


.footerWrapper{
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.footer__foot a{font-size: 13px; }

.footerNav a{
   color: #444444;
   font-size: 18px;
   font-weight: 600;
   text-transform: uppercase;
   margin-left: 25px;
}

.footerNav a:first-child{
   margin-left: 0px;
}

@media(max-width: 1300px) {
   .container{width: 1000px;}
   .servicesItem h3{font-size: 18px;}
   .typesItem h3{font-size: 20px;}
   .typesFirstItem{width: 320px;}
   .aboutWrapper{max-width: 80%;}
   .projectsItemLupa{top: 25px;right: 25px;}
   .advantagesGrid{grid-template-columns: repeat(2,1fr);}
   .feedbackForm button{margin-left: 20px; min-width: 200px; font-size: 14px;}
   .contractsWrapper{grid-gap: 32px;}
   .contractsitem:nth-child(odd):after , .contractsitem:nth-child(even):after{content: none;}
   .contractsitem h3{font-size: 16px;}
   .cooperationImage{margin-right: 75px;}
   .partners_prev , .partners_next , .projects_prev , .projects_next{left: 50%;transform: translateY(-50%); bottom: -70px; top: auto;} 
   .partners_prev , .projects_prev {left: 45%;}
   .partners_next , .projects_next {right: 45%;}
}

@media(max-width: 1060px){
   .container{width: 800px;}
   .headerLogo{width: 250px;}
   .headerLogo img{width: 100%;}
   .burger{display: block;}
   .nav , .headerInfo{opacity: 0; overflow: hidden; visibility: hidden; }
   .headerRight{height: 0;}
   .header.active{
      width: 100%;
      height: 100vh;
      background-color: #fff;
   }
   .header.active .container{
      height: 100%;
   }
   .header.active .headerRight{
      height: auto;
   }
   .header.active .headerInfo{opacity: 1; visibility: visible; overflow: visible; width: 100%;}
   .header.active .container{
      position: relative;
   }
   .header.active .nav {
      opacity: 1;
      visibility: visible;
      overflow: visible;
      position: absolute;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      top: 100px;
      left: 50%;
      transform: translateX(-50%);
   }
   .headerRight{
      display: none;
   }
   .header.active .headerRight{
      position: absolute;
      left: 0;
      top: 120px;
      height: 100%;
      width: 100%;
      display: block;
   }
   .header.active .nav a{
      margin-left: 0px;
      margin-bottom: 10px;
      font-size: 32px;
   }
   .servicesWrapper {
      grid-template-columns: repeat(3, 1fr);
   }
   .typesContainer{
      flex-direction: column;
   }
   .typesFirst{
      width: 100%;
      margin-bottom: 20px;
   }
   .typesFirstItem{
      width: 100%;
      height: 267px;
   }
   .projectsItem {
      background-color: #fff;
   }
   .cooperationWrapper{
      flex-direction: column;
   }
   .cooperationImage {
      width: 100%;
      height: 250px;
      margin-right: 0px;
      margin-bottom: 30px;
      border-radius: 16px;
   }
   .cooperationImage img{
      border-radius: 16px;
      width: 100%;
      height: 100%;
      object-fit: cover;
   }
   .servicesModalText p{
      font-size: 14px;
   }
   .servicesModalText h2{
      font-size: 24px;
   }
   .servicesModalImage{
      width: 100%;
      margin-right: 60px;
   }
   .servicesModal{
      padding: 20px 0 20px 0;
   }
   .servicesModalWrapper{
      height: 95vh;
   }
   .servicesModalText{
      padding: 50px 20px 50px 0;
   }
   .footerNav a{
      font-size: 16px;
      margin-left: 7px;
   }
   .footerImage{
      width: 160px;
   }
   .footerImage img{
      width: 100%;
   }
   .contractsWrapper {
      grid-template-columns: repeat(4,1fr);
   }
}

@media(max-width: 820px){
   .container{
      width: 600px;
   }
   .servicesModalWrapper{
      display: flex;
      flex-direction: column;
      align-items: center;
   }
   .servicesModalImage{
      margin-right: 0px;
      margin-bottom: 20px;
      width: 100%;
      height: 200px;
   }
   .servicesModalImage img{
      border-bottom-left-radius: 0px;
      border-top-right-radius: 15px;
   }
   .servicesModalText{
      width: 90%;
      padding: 0px;
   }
   .modalClose{
      background-color: #fff;
      border-radius: 50%;
   }
   .welcomeText h1{
      font-size: 40px;
      line-height: 46px;
   }
   .welcomeText h2{
      font-size: 24px;
      line-height: 64px;
   }
   .servicesWrapper {
      grid-template-columns: repeat(2,1fr);
   }
   .typesItem h3{
      font-size: 18px;
      left: 20px;
   }
   .about{
      min-height: 90vh;
   }
   .projects_next{
      left: 53%;
   }
   .partners_next{
      right: 45%;
   }
   .partners_prev{
      left: 43%;
   }
   .contractsWrapper{
      grid-template-columns: repeat(3,1fr);
   }
   .contactsWrapper{
      flex-direction: column;
      align-items: center;
   }
   .contactsText{
      width: 100%;
      margin-right: 0px;
      padding: 32px 0px;
   }
   .contactsItem{
      padding: 0 46px;
   }
   .contactsItem h3{
      font-size: 20px;
   }
   .contactsItem h2{
      font-size: 22px;
   }
   .contactsMap {
      margin-top: 30px;
      width: 100%;
      min-width: 100%;
   }
   .header.active .headerInfo{
      flex-direction: column;
   }
   .headerHr{
      display: none;
   }
   .headerInfoItem h2{
      font-size: 20px;
   }
   .headerInfoWrapper span{
      margin: 0 16px;
   }
   .footerWrapper{
      flex-direction: column;
   }
   .footerImage {
      width: 170px;
      margin-bottom: 20px;
   }
   .aboutText h3{
      font-size: 15px;
   }
   .feedbackForm{
      flex-direction: column;
   }
   .feedbackWrapper{
      width: 532px;
   }
   .feedbackForm hr{
      display: none;
   }
   .feedbackForm input{
      width: 90%;
      border: 1px solid #555555;
      border-radius: 16px;
   }
   .feedbackForm{
      background: transparent;
   }
   .inputOne{
      border-radius: 16px;
      margin-bottom: 10px;
   }
   .feedbackForm button{
      margin-top: 10px;
   }
   .feedbackForm span{display:none;}
   .feedback{min-height: 650px;}
   .feedbackWrapper .title h1{font-size: 36px;}
   .feedbackWrapper h3{font-size: 18px;}
}

@media(max-width: 620px){
   .welcomeText h1{
      font-size: 40px;
      font-weight: 400;
   }
   .servicesWrapper{grid-gap: 15px;}
   .servicesItem{padding: 15px 10px;}
   .servicesItem h3{font-size: 16px;}
   .welcomeText h2{font-weight: 400;}
   .about{margin-top: 400px;}
   .container{
      width: 450px;
   }
   .servicesModalText p{
      font-size: 12px;
   }
   .servicesModalText h2{
      font-size: 20px;
      margin-bottom: 20px;
   }
   .welcomeText p{
      width: 100%;
   }
   .welcomeText{
      width: 100%;
      margin-top: 0px;
   }
   .typesWrapper{
      grid-template-columns: repeat(1,1fr);
   }
   .typesItem{
      height: 200px;
   }
   .welcomeText h2{
      line-height: 32px;
      margin: 10px 0;
   }
   .about{
      height: auto;
      background-color: #444444;
      border: none;
      min-height: auto;
   }
   .aboutWrapper{
      position: static;
      transform: none;
      width: 100%;
      max-width: 100%;
      padding: 75px 0;
   }
   .aboutText h3{
        font-weight: 400;
        font-size: 13px;
        color: #E7E7E7;
        line-height: 18px;
    }
   .aboutImage{
      display: none;
   }
   .advantagesGrid{
      grid-template-columns: repeat(2,1fr);
      grid-gap: 15px;
   }
   .advantagesItem{
        padding: 20px 15px;   
    }
    .advantagesItem h2{font-size: 13px; font-weight: 500; line-height: 20px;}
    .advantagesItem h3{font-size: 11px; font-weight: 400; line-height: 14px;}
   .contractsWrapper{
      grid-gap: 15px;
   }
   .contractsitem h3{font-size: 12px;}
   .partners .slick-slide img{
      width: 100%;
      object-fit: cover;
   }
   .partners .slick-slider {
      margin:0 -15px;
  }
  .partners .slick-slide {
      margin-right:15px;
      margin-left:15px;
  }
  .partners::before{
   content: none;
  }
  .partners_prev {
   left: 41%;
  }
  .footerNav{
   display: grid;
   grid-template-columns: repeat(2,1fr);
   width: 100%;
  }
  .footerNav a{
   margin-left: 0px;
   margin-bottom: 7px;
   font-size: 20px;
   text-align: left;
  }
  .footer__foot{text-align: center;}
  .feedbackWrapper{
   width: 450px;
  }
  .feedback {
   min-height: 550px;
  }
  .partners .partnersSliderContainer{
   margin-top: 20px;
  }
  .projectsItem{
   max-width: 93%;
  }
  .title h1{
   font-size: 36px;
  }
   .feedback{min-height: 700px;}
   .feedbackWrapper .title h1{font-size: 32px;}
   .feedbackWrapper h3{font-size: 18px;}
   .feedbackForm button{margin-top: 25px;}
}

@media(max-width: 500px) {
   .container{
      width: 370px;
   }
   .title h1{
   font-size: 30px;
  }
   .headerLogo{
      width: 200px;
   }
   .burger{
      width: 40px;
      height: 26px;
   }
   .burger.active .burger_item:last-child{
      transform: translateY(-14px) rotate(-45deg);
   }
   .headerInfoItem h2{
      font-size: 16px;
   }
   .header.active .nav a{
      font-size: 24px;
   }
   .projects_prev{
      left: 40%;
   }
   .feedbackWrapper{
      width: 350px;
   }
   .feedback{min-height: 700px;}
   .feedbackWrapper .title h1{font-size: 28px;}
   .feedbackWrapper h3{font-size: 16px;}
   .feedbackForm button{margin-top: 20px;}
   .partners_next{
      left: 52%;
   }
   .contactsItem{
      padding: 0 30px;
   }
}

.dd {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dd__title {
    font-family: "proxima-nova", sans-serif;
    font-size: 40px;
    padding: 20px;
}