html, body{margin: 0; padding: 0; min-width: 1170px; color: #231f20; height: 100%; position: relative;}
*{ font-family: 'Montserrat', sans-serif; box-sizing: border-box;}
.wrap{width: 1110px; margin: 0 auto;;}
.fz18{font-size: 18px; line-height: 30px;}
.fz40{font-size: 40px; line-height: 56px;}
.topblock{width: 100%; height: 1065px; position: absolute; top: 0; color: #fff; padding-top: 165px;}

.sentok .topblock{background: url('res/bg0.jpg') top center;}

.header{
    width: 100%;
    height: 130px;
    color: #fff;
    position: absolute;
    z-index: 5;
}

.header .wrap{
    overflow: hidden;
}




    .header .logo{display: inline-block; float: left; margin-top: 40px; margin-right: 50px;}
    .header .descr{display: inline-block; float: left; font-size: 14px; font-weight: 300; line-height: 24px; margin-top: 23px;}
    .header .right{display: block; float: right; text-align: right; margin-top: 20px; line-height: 24px;}
    .header .right .tel{display: block; color: #fff; font-size: 19px; font-weight: 500; text-decoration: none; margin-bottom: 7px;}
    .header .right span{display: block; font-size: 13px; margin-top: 3px;}
    .header .right .btn{display: inline-block; height: 40px; line-height: 40px; border:2px solid #cc1513; padding:0 20px; font-size: 12px; font-weight: 600; text-transform: uppercase; color: #fff; text-decoration: none; border-radius:8px;}

.topblock .content.cols{display:grid; grid-template-columns: 7fr 5fr; padding-top: 100px}
.topblock .content .inf .title{font-size: 28px; font-weight: bold; text-transform: uppercase; display: block; margin-bottom: 20px;}
.topblock .content .inf .title span{color: #cc1513;}

.topblock .content .inf ul{list-style: none; margin: 0; padding:  0; font-size: 14px; line-height: 24px;}
.topblock .content .inf ul li{display: block; padding: 15px 0 15px 80px; background: url('res/ico0.png') left center no-repeat; position: relative;}
.topblock .content .inf ul li:nth-child(2){background: url('res/ico1.png') left center no-repeat;}
.topblock .content .inf ul li:nth-child(3){background: url('res/ico2.png') left center no-repeat;}
.topblock .content .inf ul li:nth-child(4){background: none;}
/* .topblock .content .inf ul li:nth-child(4){background: url('res/ico3.png') left center no-repeat;} */
.topblock .content .inf ul li .p{display: block; width: 52px; height: 52px; position: absolute; left: 0; top: 20px; background: url('res/ico3.png') left center no-repeat;}

.topblock .content form:before{content:''; display:block; background: #fff; border-radius:10px; z-index: -2; position: absolute; top: 10px; left:-10px; width: 100%; height: 100%; }
.topblock .content form:after{content:''; display:block; background: #fff; border-radius:10px; z-index: -1; position: absolute; top: 0; left:-0; width: 100%; height: 100%; box-shadow: 0 0 10px 10px rgba(0,0,0,0.3)}
.topblock .content form{background: #fff; border-radius:10px; position: relative; z-index: 3; padding: 10px 35px; color: #231f20;}
    .topblock .content form .title{font-size: 18px; font-weight: bold; display: block; text-align: center; text-transform: uppercase; padding-top: 20px; position: relative; z-index: 1;}

    
    
    .topblock .content form .title:before{content:''; display:block; width: 484px; height: 520px; background: url('res/paper0.png'); position: absolute; top: 130px; left: -390px; z-index: 2;}
    .topblock .content form .subtitle{font-size: 14px; text-align: center; color: #999999; display: block; line-height: 24px; margin-top: 10px; margin-bottom: 20px;}

    .main_page .subtitle{
        padding-bottom: 30px;
        line-height: 22px;
    }


    .topblock .content form input[type="text"]{height: 50px; line-height: 50px; border:1px solid #bbb; border-radius: 10px; padding:0 30px; display: block; width: 330px; margin-bottom: 25px; font-size: 16px; position: relative; z-index: 3;}
    .topblock .content form input[type="text"]:hover,
    .topblock .content form input[type="text"]:focus{ border:1px solid #cc1513; color: #000;}
    .topblock .content form input[type="file"]{width: 100%; text-align: center; height: 50px; line-height: 50px; position: relative; opacity: 0; cursor: pointer !important; z-index: 2;}
        .topblock .content form .file{ position: relative; z-index: 3;}
        .topblock .content form .file span{ text-align: center; display:block; height: 50px; line-height: 50px; border:2px solid #cc1513; border-radius: 10px; padding:0 30px; width: 330px; margin-bottom: 20px; font-size: 15px; font-weight: 600; color: #000; position: absolute; top: 0; text-transform: uppercase; cursor: pointer; z-index: 1;}
        .topblock .content form .file span:after{content:''; display: inline-block; width: 20px; height: 17px; background: url('res/dld.png'); margin-left: 15px; position: relative; top: 2px;}
    .topblock .content form button[type="submit"]{content:'Прикрепите смету'; text-align: center; display:block; height: 50px; line-height: 50px; background: #cc1513; border-radius: 10px; display: block; width: 330px; margin-bottom: 20px; font-size: 15px; font-weight: 600; color: #fff; text-transform: uppercase; display: block; width: 396px; text-align: center; padding: 0; border:none; margin-top: 30px; border-bottom: 3px solid #333; cursor: pointer; position: relative; z-index: 3;}
    .topblock .content form label{display: block; position: relative; padding-left: 28px; font-size: 14px; padding-bottom: 30px;}
        .topblock .content form label input { position: absolute; z-index: 2; left: 0; top: 0; margin: 1px; opacity: 0; width: 15px; height: 15px}
        .topblock .content form label span { width: 15px; height: 15px; display: block; position: absolute; z-index: 1; left: 0; top: 0; border:1px solid #999; }
        .topblock .content form label  input:checked + span { /* border:1px solid #000; */}
        .topblock .content form label  input:checked + span:before {content:''; display: block;position: absolute; top: 2px; bottom: 2px; left: 2px; right: 2px; background: #666; background: url('res/chkd.png') center no-repeat;}
        .topblock .content form label a{color: #333; font-weight: bold;}
        .topblock .content form .round{display: block; position: absolute; width: 180px; height: 130px; border-radius: 180px; text-align: center; background: #fff; padding-top: 50px; box-shadow:0 0 10px rgba(0,0,0,.3); left: -220px; bottom: -30px; font-size: 14px; z-index: 4;}
    .topblock .partners{background: #fff; color: #222; text-align: center; padding: 20px 0; border-radius: 10px; position: relative; top: 100px; box-shadow: 0 0 20px rgba(0,0,0,0.3);}
    .topblock .partners .title{font-size: 16px; font-weight: bold; position: relative; top: 10px; line-height: 30px}
    .topblock .partners ul{list-style: none; margin: 40px 0 0; padding: 0 60px;}
    .topblock .partners ul li{display: inline-block; margin: 0; padding: 0;}
    .topblock .partners ul li a{cursor: default;}
    .topblock .partners .slick-arrow{width: 9px; height: 17px; border:none; font-size: 0; opacity: 0.2;position: absolute; top: 30px; cursor: pointer; transition: 0.5s}
    .topblock .partners .slick-arrow:hover{opacity: 1;}
    .topblock .partners .slick-arrow.slick-prev{background: url('res/arla.png') no-repeat; left: 30px;}
    .topblock .partners .slick-arrow.slick-next{background: url('res/arra.png') no-repeat; right: 50px;}

.topblock.thank{height: 100%; min-height: 700px; background-size: cover; position: relative;}
.topblock.thank .tac{text-align: center; position: absolute; width: 1110px; left: 50%; margin-left: -555px; top: 50%; margin-top: -250px;}
.topblock.thank .tac .ttitle{font-size: 70px; font-weight: bold; margin-top: 20px; display: block;}
.topblock.thank .tac .tsubtitle{font-size: 30px; font-weight: 300; margin-top: 20px; display: block; line-height: 40px;}
.topblock.thank .tac p{font-size: 18px; line-height: 30px;  margin-top: 50px;}
.topblock.thank .tac span:last-child{font-size: 14px; line-height: 24px; display: block;}
.topblock.thank .tac .play{display: inline-block; width: 116px; height: 116px; background: url('res/play.png'); cursor: pointer; border-radius: 116px; margin:30px 0; position: relative; transition:0.5s}
.topblock.thank .tac .play:hover{top: -2px; opacity: 0.8;}



.block{padding: 150px 0 100px;}
    .block .blocktitle{font-size: 28px; font-weight: 600; text-transform: uppercase; display: block; text-align: center; padding: 30px 0; line-height: 40px;}
    .block .subtitle{font-size: 18px; display: block; text-align: center; color: #666666; line-height: 30px;}
    .block .blocktitle span{color: #cc1513;}
    .block .cols.c75{display:grid; grid-template-columns: 7fr 5fr; padding-top: 50px}
        .block .cols .images{position: relative; width: 100%; overflow: hidden; height: 440px;}
            .block .cols .images img{height: 360px; width:auto; right: 30px; top: 40px; opacity: 0.1; display: block; position: absolute; transition:1s;}
            .block .cols .images img:nth-child(2){opacity: 0.8;}
            .block .cols .images img:nth-child(1){opacity: 1; height: 440px; top: 0; left: 0; right:auto; z-index: 2;}
            .block .cols .images img:hover{opacity: 1; height: 440px; top: 0; left: 0; right:auto; z-index: 2;}
        .block .cols .inf .title{font-size: 16px; font-weight: bold; line-height: 26px;}
            .block .cols .inf ul{list-style: none; margin: 0; padding: 20px 0; font-size: 14px; line-height: 24px;}
            .block .cols .inf ul li{display: block; padding: 10px 0 30px 100px; background: url('res/ico0.png') left center no-repeat;}
            .block .cols .inf ul li:nth-child(2){background: url('res/ico1.png') left center no-repeat;}
            .block .cols .inf ul li:nth-child(3){background: url('res/offer.png') left center no-repeat;}
            .block .cols .inf ul li:nth-child(4){background: url('res/ico2.png') left center no-repeat;}
            .block .cols .inf ul li:nth-child(1){ padding: 40px 0 40px 100px;}

    .block .form{  padding-left: 700px; position: relative; margin-top: 90px; padding-top: 50px;}
    .block .form:before{content:''; display:block; position: absolute; width: 694px; height: 284px; background: url('res/paper1.png'); left: 0px; top: -10px;}
    .block form{position: relative;}
    .block .form input[type="text"]{height: 50px; line-height: 50px; border:1px solid #bbb; border-radius: 10px; padding:0 30px; display: block; width: 310px; margin-bottom: 20px; font-size: 16px; position: relative; z-index: 3;}
    .block .form input[type="text"]:hover,
    .block .form input[type="text"]:focus{ border:1px solid #cc1513; color: #000;}
    .block .form input[type="file"]{width: 380px; text-align: center; height: 50px; line-height: 50px; position: relative; opacity: 0; cursor: pointer !important; z-index: 2;}
        .block .form .file{ position: relative; z-index: 3; width: 380px; display: inline-block;}
        
         .block .form .file span{ text-align: center; display:block; height: 50px; line-height: 50px; border:2px solid #cc1513; border-radius: 10px; padding:0 30px; width: 310px; margin-bottom: 20px; font-size: 15px; font-weight: 600; color: #000; position: absolute; top: 0; text-transform: uppercase; cursor: pointer; z-index: 1;}
         .block .form .file span:after{content:''; display: inline-block; width: 20px; height: 17px; background: url('res/dld.png'); margin-left: 15px; position: relative; top: 2px;}
    .block .form button[type="submit"]{content:'Прикрепите смету'; text-align: center; display:block; height: 52px; line-height: 52px; top: 2px; background: #cc1513; border-radius: 10px; display: block; margin-bottom: 20px; font-size: 15px; font-weight: 600; color: #ddd; text-transform: uppercase; display: block; width: 375px; text-align: center; padding: 0; border:none; border-bottom: 3px solid #333; cursor: pointer; position: relative; z-index: 3; display: inline-block; margin-top: 20px;}
    .block .form label{display: block; position: relative; padding-left: 28px; font-size: 14px; padding-bottom: 30px;}
        .block .form label input { position: absolute; z-index: 2; left: 0; top: 0; margin: 1px; opacity: 0; width: 15px; height: 15px}
        .block .form label span { width: 15px; height: 15px; display: block; position: absolute; z-index: 1; left: 0; top: 0; border:1px solid #999; }
        .block .form label  input:checked + span { /* border:1px solid #000; */}
        .block .form label  input:checked + span:before {content:''; display: block;position: absolute; top: 2px; bottom: 2px; left: 2px; right: 2px; background: #666;}
        .block .form label a{color: #333; font-weight: bold;}
        .block .form .round{display: block; position: absolute; width: 250px; left: -680px; bottom: 50px; font-size: 14px; z-index: 4; font-size: 14px;}

        .main_page .block{
          padding-top: 0;
          margin-top: 0;
        }


.footer{height: 130px; background: #231f20; color: #fff;}
    .footer .logo{display: inline-block; float: left; margin-top: 45px; margin-right: 50px;}
    .footer .descr{display: inline-block; float: left; font-size: 14px; font-weight: 300; line-height: 24px; margin-top: 30px;}
    .footer .addr{display: inline-block; float: left; font-size: 14px; font-weight: 300; line-height: 24px; margin-top: 30px; margin-left: 60px;}
    .footer .right{display: block; float: right; text-align: right; margin-top: 20px; line-height: 24px;}
    .footer .right .tel{display: block; color: #fff; font-size: 19px; font-weight: 500; text-decoration: none; margin-bottom: 7px;}
    .footer .right span{display: block; font-size: 13px; margin-top: 3px;}
    .footer .right .btn{display: inline-block; height: 40px; line-height: 40px; border:2px solid #cc1513; padding:0 20px; font-size: 12px; font-weight: 600; text-transform: uppercase; color: #fff; text-decoration: none; border-radius:8px;}


a{cursor: pointer;}
    .popup{position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.7); display: none; z-index: 5;}
    .popup.popform .wrap{position: absolute; top: 50%; left: 50%; margin-left: -160px; border-radius: 10px; background: #fff; padding: 20px; width: 330px; margin-top: -150px;}
    .popup.popform .wrap .close{display: inline-block; position: absolute; right: 10px; top: 10px; font-size: 24px; font-weight: bold; cursor: pointer;}
    
    .popform .title{font-size: 16px; text-transform: uppercase; font-weight: bold; margin-bottom: 2px; display: block; margin-bottom: 20px;}
    
    
    .popform input[type="text"]{height: 50px; line-height: 50px; border:1px solid #bbb; border-radius: 10px; padding:0 30px; display: block; width: 100%; margin-bottom: 10px; font-size: 16px; position: relative; z-index: 3;}
    .popform input[type="text"]:hover,
    .popform input[type="text"]:focus{ border:1px solid #feb50b; color: #000;}
    .popform button[type="submit"]{text-align: center; display:block; height: 50px; line-height: 50px; background: rgb(204, 21, 19); border-radius: 10px; display: block;   margin-bottom: 20px; font-size: 15px; font-weight: 600; color: #fff; text-transform: uppercase; display: block; width: 100%; text-align: center; padding: 0; border:none; margin-top: 10px; border-bottom: 3px solid rgb(51, 51, 51); cursor: pointer; position: relative; z-index: 3;}
    
.zslider-container { position: relative; width: 600px; height: 450px;}
    .zslider-container .slider-content { position: relative; left: 50%; top: 50%; width: 90%; height: 100%; transform: translate(-50%, -50%);}
    .zslider-container .slider-content .slider-single { position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 100%; transition: z-index 0ms 250ms;}
    .zslider-container .slider-content .slider-single .slider-single-image { position: relative; left: 0; top: 0; width: 100%; height: 100%; box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.2); transition: 500ms cubic-bezier(0.17, 0.67, 0.55, 1.43); transform: scale(0); opacity: 0;}
    .zslider-container .slider-content .slider-single.preactivede .slider-single-image { transform: translateX(-50%) scale(0);}
    .zslider-container .slider-content .slider-single.preactive { z-index: 1;}
    .zslider-container .slider-content .slider-single.preactive .slider-single-image { opacity: .01; transform: translateX(-20%) scale(0.8);}
    .zslider-container .slider-content .slider-single.proactive { z-index: 1;}
    .zslider-container .slider-content .slider-single.proactive .slider-single-image { opacity: .4; transform: translateX(20%) scale(0.8);}
    .zslider-container .slider-content .slider-single.proactivede .slider-single-image { transform: translateX(50%) scale(0);}
    .zslider-container .slider-content .slider-single.active { z-index: 2;}
    .zslider-container .slider-content .slider-single.active .slider-single-image { opacity: 1; transform: translateX(0%) scale(1);}
    .zslider-container .ctrl{ position: absolute; z-index: 3; display: block; top: 110%; background: url('res/arr.png') no-repeat; transform: translateY(-50%); width:40px; height: 10px; opacity: 0.3; transition:0.5s}
    .zslider-container .ctrl:hover{ opacity: 1;}
    .zslider-container .slider-left { right: 30%; margin-top: -5px; margin-right: -2px; transform: rotate(180deg)}
    .zslider-container .slider-right {  left: 90%; margin-left: -2px; }
    .zslider-container .slider-content .sll{position: absolute; z-index: 2; left: 0; top: 0; bottom: 0; width: 55%; transition:0.5s}
    .zslider-container .slider-content .slr{position: absolute; z-index: 2; right: -10%; top: 0; bottom: 0; width: 55%;transition:0.5s}
    .zslider-container .slider-content .sll:hover,
    /* .zslider-container .slider-content .slr:hover{background: rgba(0,0,0,0.1);} */

.zslider-container .proactive .slide_num{
    top: 103%;
    opacity: 0.3;
    right: 10%;
    display:block;
}

.zslider-container .active .slide_num{
    right: 16%;
    top: 108%;
    display:block;
}

.zslider-container .slide_num{
   position: absolute;
   display:none;
}

.primary-video{
    position: absolute;
    width: 100%;
    height: 100%;
}

.primary-video video{
    z-index: -1;
    position: relative;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    width: 100%;
}
  

    *:focus {
        outline: none;
    }
    
    .btn.callback{transition: 0.5s}
    .btn.callback:hover{box-shadow: inset 5px 5px 30px rgba(255,255,255,0.2)}
    .play{transition:0.5s}
    .play:hover{opacity: 0.8;}
    .file span{transition: 0.5s}
    .file:hover span{box-shadow: inset 5px 5px 30px rgba(0,0,0,0.2) !important;  }
    button[type="submit"]{transition: 0.5s; position: relative; overflow: hidden;}
    button[type="submit"]:hover{box-shadow: inset 5px 5px 30px rgba(0,0,0,0.3)  }
    body #policy{display:none}

    button[type="submit"]{transition: 0.5s; position: relative; overflow: hidden;}
    .callback{position: relative; overflow: hidden;}
    .callback:before{content: ''; position: absolute; top: 0; left: 0; width: 1.5em; height: 100%; background-color: rgba(255,255,255, 0.2); transform: translateX(-4em) skewX(-45deg); animation: move-light 3s infinite; }
    button[type="submit"]:before{content: ''; position: absolute; top: 0; left: 0; width: 1.5em; height: 100%; background-color: rgba(255,255,255, 0.2); transform: translateX(-4em) skewX(-45deg); animation: move-light 3s infinite; }
    @keyframes move-light { 
        1% { transform: translateX(-4em) skewX(-45deg) }
        100% { transform: translateX(450px) skewX(-45deg) } 
    }
    .play{animation: pulse 2s infinite; cursor: pointer;}
    .p{animation: pulse 2s infinite; cursor: pointer;}
    @keyframes pulse { 
        1% { transform: scale(1); }
        60% { transform: scale(1.2); }
        100% { transform: scale(1); } 
    }


.main_page .formbox{
    position: relative;
}

.main_page .play_btn{
    display: block;
    width: 52px;
    height: 52px;
    position: absolute;
    left: 50px;
    bottom: 25px;
    cursor: pointer;
    background: url('res/ico3.png') left center no-repeat;
    animation: pulse 2s infinite;
}

.main_page .button{
    height: 50px;
    line-height: 50px;
    margin-bottom: 20px;
    font-size: 15px;
    font-weight: 600;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    display: block;
    width: 396px;
    text-align: center;
    border-top-width: initial;
    border-right-width: initial;
    border-left-width: initial;
    border-top-color: initial;
    border-right-color: initial;
    border-left-color: initial;
    margin-top: 30px;
    cursor: pointer;
    position: relative;
    z-index: 3;
    background: rgb(204, 21, 19);
    border-radius: 10px;
    padding: 0px;
    border-style: none none solid;
    border-image: initial;
    border-bottom: 3px solid rgb(51, 51, 51);
    overflow: hidden;
    text-decoration: none;
}
.main_page .button:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 100%;
    background-color: rgba(255,255,255, 0.2);
    transform: translateX(-4em) skewX(-45deg);
    animation: move-light 3s infinite;
}

.main_page .projects-list{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.project-block{
    padding-top: 100%;
}
.main_page .topblock{
    position: relative;
    z-index: 1;
    padding-top: 165px;
    height: 850px;
    overflow: hidden;
}

.projects{
    margin-top: 100px;
}
.projects__title{
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.projects__subtitle{
    font-size: 18px;
    display: block;
    text-align: center;
    color: #666666;
    line-height: 30px;
}
.projects-list{
    margin-top: 30px;
}
.project-block{
    position: relative;
    border: 1px solid #fff;
}
.project-block__img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.project-block__wrap{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.project-block__wrap{
    background: rgba(0,0,0,0.65);
}
.project-block__name{
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}
.project-block__link{
    position: absolute;
    bottom: 15px;
    color: #fff;
}

.present{
    margin: 40px 0;
    display: flex;
    align-items: center;
}
.section__title{
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.section__subtitle{
    font-size: 18px;
    margin-bottom: 10px;
    padding-right: 90px;
}


.a-form{position: relative;}
.a-form input[type="text"]{height: 50px; line-height: 50px; border:1px solid #bbb; border-radius: 10px; padding:0 30px; display: block; width: 375px; margin-bottom: 20px; font-size: 16px; position: relative; z-index: 3;}
.a-form input[type="text"]:hover,
.a-form input[type="text"]:focus{ border:1px solid #cc1513; color: #000;}
.a-form button[type="submit"] {
  text-align: center;
  display: block;
  height: 52px;
  line-height: 52px;
  background: #cc1513;
  border-radius: 10px;
  display: block;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 15px;
  font-weight: 600;
  color: #ddd;
  text-transform: uppercase;
  display: block;
  width: 375px;
  text-align: center;
  padding: 0;
  border: none;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: medium;
  border-bottom: 3px solid #333;
  cursor: pointer;
  position: relative;
  z-index: 3;
}

.video-link{
  position: relative;
  display: flex;
  align-items: center;
  text-decoration: none;
  font-weight: bold;
  color: #000;
  transition: all 0.25s ease-in;
}
.video-link:hover{
  font-size: 15px;
}
.video-link .play_btn{
  position: static;
  margin-left: 20px;
  width: 32px;
  height: 32px;
  background-size: cover;
}

.info-list{

}
.info-item{
  display: flex;
  margin-bottom: 25px;
}
.info-item__ico{
  width: 64px;
  height: 64px;
  margin-right: 30px;
}
.info-item__title{
  display: block;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
.info-item__text{
  font-size: 14px;
}
.img-wrap{
  margin-right: 50px;
}
.img-wrap img{
  max-width: 100%;
}



.reviews-phones {
    position: relative;
    z-index: 2;
}
.reviews-phones .container {
    position: relative;
}
.phone-reviews{
    position: relative;
    margin-top: 4.85rem;
    display: flex;
    justify-content: space-between;
}
.phone-item a {
    position: relative;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    max-width: 10.5rem;
}
.phone-item a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: #fff;
    -webkit-box-shadow: 1px 3px 15px rgba(0, 0, 0, 0.16);
    box-shadow: 1px 3px 15px rgba(0, 0, 0, 0.16);
}
/*.phone-item a:before {
    content: '';
    display: block;
    background: url(files/smartphone.png);
    width: 11.9rem;
    height: 23.85rem;
    background-size: 100% 100%;
    position: absolute;
    left: 50%; top: 50%;
    transform: translate(-50%,-50%);
}*/

.galleryblock{ position: relative; width: 100%;}
.galleryblock .gallery{ position: relative; width: 100%; margin-top: 30px;}
.galleryblock .gallery .gbox{display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: repeat(3,1fr); grid-auto-flow: dense; position: relative; width: 100%;}
.galleryblock .gallery .image{ /* width: 100%; */ height: 100%; overflow: hidden;}
.galleryblock .gallery div div a{display: block; width: 100%; height: 100%; position: relative;}
.galleryblock .gallery div div a img{min-width: 100%; min-width: 100%; display: block; object-fit: fill; transition:0.5s}
.galleryblock .gallery div div a:hover img{transform: scale(1.5);} /* 1212 */
.galleryblock .gallery .text{
    width: 540px;
    height: 280px;
    position: absolute;
    left: 50%;
    top: 230px;
    background: #cc1513;
    margin-left: -270px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    padding-top: 20px;
}

.main_page .galleryblock .gallery div div a img{
    width: 100%;
    height: 100%;
}



.main_page .bottomblock{background: url('res/bg1.jpg') center -350px no-repeat; padding-bottom: 190px;}
.main_page .bottomblock form{background: #fff; border-radius:10px; position: relative; z-index: 3; padding: 10px 35px; color: #231f20; width: 470px; margin-top: 60px; box-shadow: 0 0 30px rgba(0,0,0,0.3)}
.main_page .bottomblock form .title{font-size: 18px; font-weight: bold; display: block; text-align: center; text-transform: uppercase; padding-top: 20px; position: relative; z-index: 1;}
.main_page .bottomblock form .subtitle{font-size: 14px; text-align: center; color: #999999; display: block; line-height: 24px; margin-top: 10px; margin-bottom: 20px;}
.main_page .bottomblock form input[type="text"]{height: 50px; line-height: 50px; border:1px solid #bbb; border-radius: 10px; padding:0 30px; display: block; width: 100%; margin-bottom: 25px; font-size: 16px; position: relative; z-index: 3;}
.main_page .bottomblock form input[type="text"]:hover,
.main_page .bottomblock form input[type="text"]:focus{ border:1px solid #c59f6b; color: #000;}
.main_page .bottomblock form input[type="file"]{width: 100%; text-align: center; height: 50px; line-height: 50px; position: relative; opacity: 0; cursor: pointer !important; z-index: 2;}
.main_page .bottomblock form .file{ position: relative; z-index: 3;}
.main_page .bottomblock form .file span{text-align: center; display:block; height: 50px; line-height: 50px; border:2px solid rgb(204, 21, 19); border-radius: 10px; padding:0 30px; display: block; width: 100%; margin-bottom: 20px; font-size: 15px; font-weight: 600; color: #000; position: absolute; text-transform: uppercase; top:0; z-index: 1;}
.main_page .bottomblock form .file span:after{content:''; display: inline-block; width: 20px; height: 17px; background: url('res/dld.png'); margin-left: 15px; position: relative; top: 2px;}
.main_page .bottomblock form button[type="submit"]{text-align: center; display:block; height: 50px; line-height: 50px; color: #fff; background: #cc1513; border-radius: 10px; display: block; width: 100%; margin-bottom: 20px; font-size: 15px; font-weight: 600; color: #fff; text-transform: uppercase; display: block; text-align: center; padding: 0; border:none; margin-top: 30px; border-bottom: 3px solid #000; cursor: pointer; position: relative; z-index: 3;}
.main_page .bottomblock form label{display: block; position: relative; padding-left: 28px; font-size: 14px; padding-bottom: 30px;}
.main_page .bottomblock form label input { position: absolute; z-index: 2; left: 0; top: 0; margin: 1px; opacity: 0; width: 15px; height: 15px}
.main_page .bottomblock form label span { width: 15px; height: 15px; display: block; position: absolute; z-index: 1; left: 0; top: 0; border:1px solid #999; }
.main_page .bottomblock form label  input:checked + span { /* border:1px solid #000; */}
.main_page .bottomblock form label  input:checked + span:before {content:''; display: block;position: absolute; top: 2px; bottom: 2px; left: 2px; right: 2px;  background: url('res/chkd.png') center no-repeat;}
.main_page .bottomblock form label a{color: #333; font-weight: bold;}
.main_page .bottomblock form .round{display: block; position: absolute; width: 180px; height: 145px; border-radius: 180px; text-align: center; background: #fff; padding-top: 35px; right: -290px; bottom: -35px; font-size: 14px; z-index: 4; box-shadow:0 0 15px rgba(0,0,0,0.3)}

.plus{
    display: flex;
}
.plus__col{
    display: flex;
    flex-wrap: wrap;
    width: 50%;
    margin-right: 20px;
    overflow: hidden;
}
.plus__col:last-child{
    margin-right: 0;
}
.plus__row{
    width: 100%;
    display: flex;
    margin-bottom: 20px;
    height: calc(50% - 10px);
}
.plus__row:last-child{
    margin-bottom: 0;
}
.plus__title{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}
.plus__wrap{
    width: 100%;
    position: relative;
}
.plus__wrap:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.65);
}
.plus__wrap--fill{
    background: rgb(35, 31, 32, 1);
}
.plus__wrap img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.plus__text{
    width: 90%;
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: 40px;
    transform: translateX(-50%);
    color: #fff;
}

#map{
    margin-top: 40px;
}
.page-wrap{
    width: 100%;
    max-width: 1110px;
    margin: 0 auto;
    padding-top: 170px;
    padding: 0 10px;
}