body{
    width: 100%;
    height: 100%;
    font-family: 'Oswald', sans-serif;
    /* font-family: 'Bebas Neue', cursive; */
    line-height:30px;
}
.wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    min-height: 100vh;
    overflow: hidden;
  }
  li{
    list-style-type:none;
  }
  ul{
    padding: 0;
    margin: 0;
  }
  a{
    text-decoration: none;
  }
  a:hover{
    color: #807f7f;
  }
  p{
    margin: 0;
  }
  button,
  button:active,
  button:focus {
    outline: none !important;
  }
  .error{
      position: absolute;
      transform: translateY(40px);
  }

/* ////////////  HEADER  /////////////////// */


.header{
    display: flex;
    height: 100px;
    align-items: center;
    justify-content: center;
    background-color: #e2e2e2;
    padding: 0 100px;
}
.boundaries{
    display: flex;
    max-width: 1400px;
    height: 100px;
    align-items: center;
    justify-content: center;
    background-color: #e2e2e2;
    /* margin: 0 auto; */
}
.headerLogo{
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.logo{
    height: 90px;
    overflow: hidden;
    padding:10px 5px 5px;
    margin: 0 80px 0 ;
}
.contactsHeader{
    display: flex;
    min-width: 190px;
    align-items: center;
    color: #66343c;
    padding: 0 0 0 10px;
}
.name{
    font-size: 35px;
    font-weight: 100;
}
.company{
    font-size: 35px;
    font-weight: 100;
}
.phone{
    margin: 0 20px;
    font-weight: 400;
    font-size: 17px;
}
.phoneLink{
    color:#66343c ;
    font-weight: 600;
}
.phoneLink:hover{
    color:#020202 ;
}

/* //////////////  MAIN /////////////////////// */


.main{
    position: relative;
    width: 100%;
    min-height: 100%;
}
.picture1{
    width: 100%;
    overflow: hidden;
}
.slogan{
    position: absolute;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    top: 40px;
    left: 60%;
    padding: 20px;
}
.slogan>:first-child{
    font-size: 35px;
    font-weight: 100;
    margin: 0;
}
.slogan>:nth-child(2n){
    font-size: 50px;
    font-weight: 600;
    margin: 30px 0;
}
.button{
    height: 40px;
    width: 270px;
    background-color: #66343c;
    border: 0;
    color: white;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 25px;
    font-weight: 100;
    border-radius: 50px;
    padding: 10px 0 0;
    text-align: center;
}
.button:hover{
    background-color: white;
    color: #66343c;
    font-weight: 600;
    border:solid 2px #66343c;
}
.fieldText{
    display: flex;
    justify-content: center;
    width: 100%;
    min-height: 80px;
}
.boundariesFieldText{
    position: relative;
    width: 1400px;
    margin: 0 auto;
}
.textslide{
    display: block;
    position: absolute;
    left: 58%;
    bottom: 50%;
    text-align: end;
    font-size: 24px;
    font-weight: 600;
}
.positionOne{
    display: flex;
    width: 100%;
    justify-content: center;
}
.boundariesPositionOne{
    display: flex;
    max-width: 1400px;
}
.positionOnePoints2{
    display: flex;
    flex-flow: column;
    flex-direction: column-reverse;
    margin:  0 0 65px;
}
.points2{
    max-width: 150px;
    height: 85px;
    object-fit: cover;
}
.secretLine{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 80px;
    font-size: 54px;
    color:#66343c;
    background-color: #e2e2e2;
    padding: 15px 0;
}
.line{
    display: flex;
    flex-direction: column;
}
.line>:first-child,
.line>:last-child{
    height: 40px;
    background-color:#e2e2e2 ;
}
.line>:nth-child(5n-3){
    height: 22px;
    background-color:#66343c ;
}
.line>:nth-child(5n-2){
    height: 26px;
}
.line>:nth-child(5n-1){
    height: 50px;
    background-color:#e2e2e2 ;
}
.line>:nth-child(5n){
    height: 40px;
}
.lineMap{
    display: flex;
    flex-direction: column;
}
.lineMap>:first-child{
    height: 85px;
    background-color:#e2e2e2 ;
}
.lineMap>:last-child{
    height: 25px;
    background-color:#66343c ;
}

       /* ///////ARROW/////// */
.arrow{
    display: flex;
    flex-flow: column;
    align-items: center;
    min-width: 440px;
}
.pointOne{
    display: flex;
    flex-flow: row-reverse;
    width: 100%;
    height: 145px;
}
.imgArrowPoint{
    width: 260px;
    height: 145px;
    overflow: hidden;
}
.imgArrow{
    height: 120px;
    overflow: hidden;
    padding: 40px 0 0;
}
.pointTwo{
    display: flex;
    flex-flow: row;
    width: 100%;
    margin: 0 0 10px 130px;
}
.pointTwo>div{
    position: relative;
    width: 100px;
}
.textArrow{
    width: 155px;
    position: absolute;
    bottom: 40%;
    right: -30%;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}
.buttonArrow{
    height: 40px;
    width: 270px;
    background-color: #66343c;
    border: 0;
    color: white;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 25px;
    font-weight: 100;
    border-radius: 50px;
    padding: 10px 0 0;
    text-align: center;
}
.buttonArrow:hover{
    background-color: white;
    color: #66343c;
    font-weight: 600;
    border:solid 2px #66343c;
}

      /* /////////SLIDE////////// */

.sl_sl{
    max-width:850px;
    max-height: 530px;
    position: relative;
}
.sl_sl img{
    max-width: 850px;
    min-height: 530px;
    overflow: hidden;
}
.slick-dots li button:before{
    font-size: 10px;
    color: #66343c;
}
.slick-prev:before, .slick-next:before{
    font-size: 60px;
    color:#66343c;
}
.slick-prev{
    left: -75px;
}
.slick-next{
    left: 855px;
}

.slick-dots li.slick-active button:before{
    color:#66343c;
}
.slick-dots{
    max-width: 850px;
} 
.slick-dotted.slick-slider{
    width: 830px;
    margin-bottom: 70px;
}

      /* ///////////secretOfSuccess/////////////// */


.secretOfSuccess{
    display: flex;
    justify-content: center;
}
.boundariesSecretOfSuccess{
    display: flex;
    justify-content: space-between;
    position: relative;
    max-width: 1400px;
}
.handsImg{
    width: 900px;
    overflow: hidden;
}
.handsText{
    width: 100%;
    text-align: start;
    font-size: 20px;
    font-weight: 600;
    padding: 55px 0 0 70px;
}
.love{
    padding: 0 0 20px 50px;
}
.point3Div{
    position: relative;
    height: 50px;
}
.points3{
    position: absolute;
    left: 60%;
    z-index: -1;
    max-width: 215px;
    overflow: hidden;
}
.handsText>:nth-child(10n),
.handsText>:last-child,
.handsText>:nth-child(10n-1){
    position: absolute;
    overflow: visible;
    display: inline;
}
.handsText>:nth-child(10n-1){
    top:365px;
}
.handsText>:nth-child(10n){
    top:395px;
}
.handsText>:last-child{
    top:427px;
}

    /* //////////companyWork///////////// */


.companyWork{
    display: flex;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
    padding: 0 ;
}
.boundariesCompanyWork{
    width: 1400px;
}
.niche{
    text-align: start;
    padding:  0 0 0 120px;
}
.blocks{
    display: flex;
    justify-content: space-between;
    padding: 0 120px 50px;
}
.blocks>li{
    position: relative;
    width: 33%;
    height: 145px;
    overflow: hidden;
}
.blocks>:nth-child(2n){
    padding: 0 150px;
}
.blocks>:first-child{
    padding:  0 0 0 50px;
}
.blocks>:nth-child(2n+1){
    padding:  0 50px 0 0;
}
.companyWorkImg1{
    width: 290px;
    padding: 30px 0 0;
}
.companyWorkImg2{
    width: 250px;
}
.companyWorkImg3{
    height: 110px;
    padding: 35px 0 0;
}
.blockText{
    position: absolute;
    text-align: start;

}
.yearNumber{
    position: absolute;
    left: 72px;
    top: 65px;
    font-size: 70px;
    font-weight: 100;
}
.yearText{
    position: absolute;
    left: 220px;
    top: 87px;
}
.more{
    position: absolute;
    left: 120px;
}
.quantity{
    position: absolute;
    left: 200px;
    top: 65px;
    font-size: 70px;
    font-weight: 100;
}
.realized{
    position: absolute;
    left: 280px;
    top: 87px;
}
.projects{
    position: absolute;
    left: 280px;
    top: 117px;
}

.hundred{
    position: absolute;
    left: 20px;
    top: 65px;
    font-size: 70px;
    font-weight: 100;
}
.warranty{
    position: absolute;
    left: 200px;
    top: 87px;
}
.result{
    position: absolute;
    left: 200px;
    top: 117px;
}

.work{
    text-align: start;
    margin: 0 100px 0 ;
    display: flex;
}
.work>p{
    width: 50%;
}
.workHeading{
    text-align: start;
    padding: 0 100px 30px ;
}


        /* /////////icon/////////// */
.icons{
    display: flex;
    font-size: 20px;
    font-weight: 600;
    margin: 100px 70px;
}
.icons>li{
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.icon{
    max-width: 200px;
    max-height: 170px;
    overflow: hidden;
    margin-bottom: 20px;
}

      /* ////////form////////// */

.formDiv{
    width: 100%;
    height: 1100px;
    display: flex;
    justify-content: center;
}
.boundariesFormDiv{
    display: flex;
    max-width: 1400px;
}
.positionInfiniti{
    min-width: 804px;
}
.infiniti{
    position: absolute;
    max-width: 960px;
    max-height: 1000px;
    overflow: hidden;
    left: 0;
    z-index: -1;
}
.points4{
    width: 210px;
    height: 90px;
    overflow: hidden;
}
.order{
    display: flex;
    flex-direction: column;
    max-width: 100%;
}
.order>:first-child{
    display: flex;
    flex-direction: row-reverse;
    padding: 30px 0 220px;
}
.orderLine{
    display: flex;
    flex-direction: column;
    text-align: start;
}
.orderLine>:first-child{
    height: 38px;
    background-color: #e2e2e2;
}
.orderLine>:nth-child(5n-3){
    height: 25px;
    background-color:#66343c;
}
.orderLine>:nth-child(5n-2){
    height: 38px;
    background-color:white;
}
.orderLine>:nth-child(5n-1){
    display: flex;
    align-items: center;
    height: 40px;
    background-color:#e2e2e2;
    color:#66343c ;
    font-size: 30px;
    font-weight: 600;
    padding:  0 0 0 85px;
}
.orderLine>:nth-child(5n){
    display: flex;
    align-items: center;
    height: 40px;
    color:#66343c ;
    background-color: white;
    font-size: 30px;
    font-weight: 600;
    padding:  0 0 0 85px;
}
.orderLine>:last-child{
    display: flex;
    align-items: center;
    height: 40px;
    background-color:#e2e2e2;
    font-size: 36px;
    color:#66343c;
    padding:  0 0 0 85px;
    font-weight: 600;
}
.fillingForm{
    display: flex;
    flex-direction: column;
    padding: 70px 350px 0 0 ;
}
.fillField{
    display: flex;
    justify-content: flex-end;
    margin: 0 0 65px;
}
.fillField>input{
    height: 30px;
    width: 315px;
    margin: 0 0 0 30px;
}
.fillField>label{
    padding: 12px 0 0;
}
.formClick{
    position: relative;
    padding: 0 0 0 55px;
}
.formPoints4{
    position: absolute;
    width: 210px;
    height: 90px;
    overflow: hidden;
    z-index: -1;
    left:0;
    top:-50%;
}
.formButton{
    height: 40px;
    width: 270px;
    background-color: #66343c;
    border: 0;
    color: white;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 25px;
    font-weight: 100;
    border-radius: 50px;
    padding: 0 0 3px;
}
.formButton:hover{
    background-color: white;
    color: #66343c;
    font-weight: 600;
    border:solid 2px #66343c;
}

/* ////////////// FOOTER///////////////////////// */
.footer{
    display: flex;
    flex-direction: column;
    min-height: 250px;
    background-color: #66343c;
    font-weight: 400;
    color: white;
    padding: 30px;
}
.footer>ul{
    display: flex;
    justify-content: center;
}
.contactFooter{
    display: flex;
    margin: 0 70px;
}
.footerImg{
    height: 50px;
    overflow: hidden;
    margin: 0 10px 0 0;
}
.section{
    display: flex;
    flex-direction: column;
    text-align: start;
    font-size: 20px;
    margin: 25px 0 0;
}
.sectionName{
    margin: 0 0 45px;
}
.headingFooter{
    font-size: 30px;
    margin: 15px;
}
.sectionLink{
    color: white;
}
.sectionLink:hover{
    color:#020202 ;
}



/*/////////////////// MEDIA ////////////////////*/
@media (max-width: 1350px){
    .slick-dotted.slick-slider{
        width: 700px;
    }
    .sl_sl{
        width: 700px;
        max-height: 450px;
    }
    .sl_sl img{
        max-width: 700px;
        min-height: 450px;
    }
    .slick-next{
        left: 710px;
    }
    .textslide{
        left: 53%;
    }
    .header{
        padding: 0;
    }
}
@media (max-width: 1300px){
    .handsText>:nth-child(10n-2),
    .handsText>:nth-child(10n-3),
    .handsText>:nth-child(10n-4),
    .handsText>:nth-child(10n-5),
    .handsText>:nth-child(10n-6){
        position: absolute;
        overflow: visible;
        display: inline;
    }
    .handsText>:nth-child(10n-2){
        top:335px;
    }
    .handsText>:nth-child(10n-3){
        top: 305px;
    }
    .handsText>:nth-child(10n-4){
        top: 275px;
    }
    .handsText>:nth-child(10n-5){
        top: 245px;
    }
    .handsText>:nth-child(10n-6){
        top: 215px;
    }
    .blocks{
        padding: 0 100px 50px;
    }
    .blocks>:nth-child(2n){
        padding: 0 50px;
    }
    .blocks>:nth-child(2n+1){
        padding: 0;
    }
    .niche{
        padding: 0 0 0 100px;
    }
    .more{
        left: 80px;
    }
    .quantity{
        left: 150px;
    }
    .realized{
        left: 230px;
    }
    .projects{
        left: 230px;
    }
    .hundred{
        left: 35px;
    }
    .warranty{
        left: 210px;
    }
    .result{
        left: 210px;
    }
    .workHeading{
        padding: 0 70px 30px;
    }
    .work{
        margin: 0 70px;
    }
    .handsImg{
        width: 800px;
    }
}
@media (max-width: 1200px){
    .company,
    .name{
        line-height: 1.15;
    }
    .formDiv{
        height: 800px;
    }
    .order>:first-child{
        height: 40px;
        padding: 0;
    }
    .points4{
        display: none;
    }
    .positionInfiniti{
        min-width: 600px;
    }
    .infiniti{
        max-width: 600px;
    }
    .slick-dotted.slick-slider{
        width: 550px;
    }
    .sl_sl{
        width: 550px;
        max-height: 330px;
    }
    .sl_sl img{
        max-width: 550px;
        min-height: 330px;
    }
    .slick-next{
        left: 560px;
    }
    .textslide{
        left: 47%;
    }
    .slick-dots{
        bottom: -45px;
    }
    .header{
        padding: 0 0 0 30px;
    }
    .positionOne{
        margin: 0 0 40px;
    }
    .positionOnePoints2{
        margin: 0 0 55px;
    }
    .blocks{
        flex-wrap: wrap;
    }
    .blocks>li{
        width: 50%;
    }
    .blocks>:nth-child(2n){
        padding: 0 ;
    }
    .blocks>:last-child{
        width: 100%;
    }
    .more{
        left: 20%;
    }
    .quantity{
        left: 34%;
    }
    .realized{
        left: 52%;
    }
    .projects{
        left: 52%;
    }
    .hundred{
        left: 40%;
    }
    .warranty{
        left: 58%;
    }
    .result{
        left: 58%;
    }
    .contactFooter{
        margin: 0 35px;
    }
    .handsImg{
        width: 700px;
    }
}
@media (max-width: 1100px){
    .name{
        margin: 0 ;
    }
    .logo{
        margin: 0 20px 0 80px;
    }
    .positionInfiniti{
        display: none;
    }
    .fillingForm{
        padding: 40px 0 0;
        margin: auto;

    }
    .line{
        display: none;
    }
    .boundariesFormDiv{
        display: block;
        width: 100%;
    }
    .orderLine>:nth-child(5n-1),
    .orderLine>:nth-child(5n),
    .orderLine>:nth-child(5n+1){
        justify-content: center;
        padding: 0;
    }
    .formDiv{
        max-height: 740px;
    }
    .icons{
        flex-wrap: wrap;
        margin: 40px 0 0;
    }
    .icons>li{
        min-width: 50%;
        margin: 0 0 40px;
    }
    .slogan{
        left: 55%;
    }
    .hundred{
        left: 38%;
    }
    .warranty{
        left: 60%;
    }
    .result{
        left: 60%;
    }
    .formClick{
        padding: 0 0 0 140px;
    }
}
@media (max-width: 1000px){
    .arrow{
        min-width: 0;
    }
    .pointTwo{
        display: none;
    }
    .buttonArrow{
        display: none;
    }
    .imgArrowPoint{
        max-width: 150px;
        max-height: 100px;
    }
    .footer>ul{
        flex-wrap: wrap;
        padding-left: 30%;
    }
    .contactFooter{
        width: 100%;
        justify-content: flex-start ;
        margin-bottom: 10px;
    }
    .sectionName{
        margin: 0;
    }
    .headingFooter{
        margin-bottom: 30px;
    }
    .textslide{
        position: static ;
        text-align: center;
    }
    .secretLine{
        font-size: 30px;
        height: 40px;
    }
    .slogan>:nth-child(2n){
        font-size: 34px;
        margin: 30px 0;
    }
    .slogan>:first-child,
    .name,
    .company{
        font-size: 30px;
    }
    .slogan{
        top:40px;
        text-align: center;
        align-items: center;
    }
    .contactsHeader{
        display: none;
    }
    .headerLogo{
        justify-content: space-between;
    }
    .headerLogo>:first-child,
    .headerLogo>:last-child,
    .headerLogo>:nth-child(2n){
        width: 33%;
        margin: 0;
    }
    .logo{
        margin: 0 20px;
    }
    .handsText{
        width: 0;
        padding: 0;
    }
    .points3{
        display: none;
    }
    .handsText>:first-child,
    .handsText>:nth-child(10n-8){
        position: absolute;
        overflow: visible;
        display: inline;
    }
    .handsText>:last-child,
    .handsText>:nth-child(10n),
    .handsText>:nth-child(10n-1),
    .handsText>:nth-child(10n-2),
    .handsText>:nth-child(10n-3),
    .handsText>:nth-child(10n-4),
    .handsText>:nth-child(10n-5),
    .handsText>:nth-child(10n-6){
        width: 100%;
        text-align: center;
    }
    .handsText>:first-child{
        top:50px;
        left: 70px;
    }
    .handsText>:nth-child(10n-8){
        top:80px;
        left:70px;
    }
    .more{
        left: 10%;
    }
    .quantity{
        left: 28%;
    }
    .hundred{
        left: 35%;
    }
    .warranty{
        left: 60%;
    }
    .result{
        left: 60%;
    }
    .handsImg{
        width: 100%;
    }
}
@media (max-width: 900px){
    .footer>ul{
        padding-left: 25%;
    }
    .blocks{
        padding: 0;
        margin: 0 15px 40px;
    }
    .blocks>li{
        width: 100%;
        margin: 40px 0 0 ;
    }
    .companyWorkImg1,
    .companyWorkImg2,
    .companyWorkImg3{
        padding: 0;
    }
    .niche{
        font-size: 30px;
        text-align: center;
        padding: 0;
    }
    .blockText{
        left: 32%;
    }
    .yearNumber{
        font-size: 60px;
        left: 40%;
        top:45px;
    }
    .yearText{
        left: 60%;
        top:65px;
    }
    .more{
        left: 32%;
    }
    .quantity{
        font-size: 60px;
        left: 40%;
        top: 55px;
    }
    .realized{
        left: 55%;
        top: 75px;
    }
    .projects{
        left: 55%;
        top:105px ;
    }
    .hundred{
        font-size: 60px;
        left: 40%;
        top: 45px;
    }
    .warranty{
        left: 60%;
        top: 65px;
    }
    .result{
        left: 60%;
        top: 105px;
    }
    .workHeading,
    .work>:first-child{
        display: none;
    }
    .work>:last-child{
        width: 100%;
        text-align: center;
    }
}
@media (max-width: 750px){
    .slick-dotted.slick-slider{
        width: 400px;
    }
    .sl_sl{
        width: 400px;
        max-height: 250px;
    }
    .sl_sl img{
        max-width: 400px;
        min-height: 250px;
    }
    .slick-next{
        left: 410px;
    }
    .slick-dots li button:before{
        display: none;
    }
    .positionOne{
        margin: 0;
    }
    .positionOnePoints2{
        margin: 0 0 60px;
    }
    .blockText{
        left: 27%;
    }
    .yearNumber,
    .quantity,
    .hundred{
        left: 38%;
    }
    .more{
        left: 27%;
    }
    .warranty,
    .result{
        left: 65%;
    }
}
@media (max-width: 725px){
    .handsText>:last-child{
        top: 457px;
    }
    .boundariesSecretOfSuccess{
        margin-bottom: 50px;
    }
}
@media (max-width: 700px){
    .companyWork{
        margin: 100px 0 0;
    }
    .company,
    .name,
    .niche,
    .slogan>:first-child,
    .secretLine,
    .secretLine,
    .orderLine>:nth-child(5n-1),
    .orderLine>:nth-child(5n),
    .headingFooter{
        font-size: 22px;
        font-weight: 400;
    }
    .slogan>:nth-child(2n),
    .orderLine>:last-child{
        font-size: 26px;
        font-weight: 600;
    }
    .slogan>:nth-child(2n){
        margin: 15px 0;
    }
    .slogan{
        top: 20px;
    }
    .button{
        width: 190px;
        font-size: 16px;
    }
    .header,
    .boundaries{
        height: 80px;
    }
    .logo{
        height: 70px;
    }
    .textslide,
    .handsText,
    .companyWork,
    .icons,
    .section{
        font-size: 16px;
    }
    .handsText>:last-child{
        top: 427px;
    }
}
@media (max-width: 580px){
    .handsText>:last-child{
        top: 457px;
    }
    .icons>li{
        min-width: 100%;
    }
    .slick-dotted.slick-slider{
        width: 300px;
    }
    .sl_sl{
        width: 300px;
        max-height: 175px;
    }
    .sl_sl img{
        max-width: 300px;
        min-height: 175px;
    }
    .slick-next{
        left: 310px;
    }
    .slick-prev{
        left: -55px;
    }
    .slick-prev:before, .slick-next:before{
        font-size: 40px;
    }
    .yearNumber,
    .quantity,
    .hundred{
        font-size: 40px;
        top: 50px;
    }
    .quantity{
        top: 60px;
    }
    .footer>ul{
        padding-left: 20%;
    }
    .slogan{
        padding: 0 0 20px;
    }
}
@media (max-width: 500px){
    .companyWork{
        margin: 200px 0 0;
    }
    .footer>ul{
        padding-left: 13%;
    }
    .blockText,
    .more{
        left: 23%;
    }
    .slogan{
        left: 45%;
    }
}
@media (max-width: 450px){
    .company, .name, .niche, .slogan>:first-child, .secretLine, .secretLine, .orderLine>:nth-child(5n-1), .orderLine>:nth-child(5n), .headingFooter{
        font-size: 18px;
    }
    .textslide, .handsText, .companyWork, .icons, .section{
        font-size: 14px;
    }
    .slogan>:nth-child(2n), .orderLine>:last-child{
        font-size: 20px;
    }
    .slogan>:nth-child(2n){
        margin: 10px 0;
    }
    .slogan{
        top: 0px;
        padding: 5px 20px 20px 20px;
    }
    .button{
        height: 25px;
        width: 160px;
        padding: 0 0 5px;
    }
    .formButton{
        height: 30px;
        width: 190px;
        font-size: 16px;
        padding: 5px 5px;
    }
    .formClick{
        padding: 0 0 0 100px;
    }

    .slick-dotted.slick-slider{
        width: 250px;
    }
    .sl_sl{
        width: 250px;
        max-height: 125px;
    }
    .sl_sl img{
        max-width: 250px;
        min-height: 125px;
    }
    .slick-next{
        left: 250px;
        top: 75px;
    }
    .slick-prev{
        left: -30px;
        top: 75px;
    }
    .slick-prev:before, .slick-next:before{
        font-size: 30px;
    }
    .logo{
        margin: 0 10px;
    }
    .fillField{
        max-width: 300px;
        font-size: 14px;
        margin: 0 0 30px;
    }
    .fillField>input{
        width: 200px;
    }
    .formDiv{
        height: 650px;
    }
    .handsText>:first-child,
    .handsText>:nth-child(10n-8){
        left: 15px;
    }
    .positionOnePoints2{
        margin: 0 0 35px;
    }
}
@media (max-width: 400px){
    .footer>ul{
        padding-left: 10%;
    }
    .footer{
        padding: 15px;
    }
    .blockText, .more{
        left: 15%;
    }
    .yearNumber, .quantity, .hundred{
        left: 25%;
    }
    .yearText, .warranty, .result{
        left: 60%;
    }
    .companyWork{
        margin: 250px 0 0;
    }
    .slogan>:nth-child(2n){
        margin: 0 0 5px;
    }
    .header{
        padding: 0 15px;
    }
    .company, .name, .niche, .slogan>:first-child, .secretLine, .secretLine, .orderLine>:nth-child(5n-1), .orderLine>:nth-child(5n), .headingFooter{
        font-size: 16px;
    }
}
@media (max-width: 350px){
    .footer>ul{
        padding-left: 0;
    }
    .slogan{
        left: 35%;
    }
}
@media (max-width: 323px){
    .handsText>:nth-child(10n){
        top: 425px;
    }
    .handsText>:last-child{
        top: 487px;
    }
    .companyWork{
        margin: 300px 0 0;
    }
    .slick-dotted.slick-slider{
        width: 200px;
    }
    .sl_sl{
        width: 200px;
        max-height: 100px;
    }
    .sl_sl img{
        max-width: 200px;
        min-height: 100px;
    }
    .slick-next{
        left: 205px;
        top: 70px;
    }
    .slick-prev{
        left: -30px;
        top: 70px;
    }
    .slick-prev:before, .slick-next:before{
        font-size: 24px;
    }
}