@charset "utf-8";

a,blockquote,body,div,fieldset,figure,form,h1,h2,h3,h4,h5,h6,html,iframe,input,label,li,object,ol,p,pre,select,span,tabre,tbody,td,textarea,th,ul{ margin:0;padding:0;border:0;vertical-align:baseline;font-weight:400; }
a{ color:#212121;text-decoration:none; }
a img{ border:0; }
img{ display:block;padding:0;margin:0;max-width:100%;height:auto; }
p img{ display:inline-block;vertical-align:middle; }
input,select,select option,textarea{ outline:0; }
table{ border:0;border-collapse:collapse;border-spacing:0; }
table th{ border:0;border-collapse:collapse;border-spacing:0;font-weight:400; }
table td{ border:0;border-collapse:collapse;border-spacing:0; }
.clear{ height:1px;clear:both; }
.nomargin{ margin:0!important; }

@font-face{ font-display:swap; font-family:'AvertaCY-Regular'; src:url(../fonts/AvertaCY-Regular.woff); }
@font-face{ font-display:swap; font-family:'AvertaCY-Semibold'; src:url(../fonts/AvertaCY-Semibold.woff); }
@font-face{ font-display:swap; font-family:'AvertaCY-Bold'; src:url(../fonts/AvertaCY-Bold.woff); }

@font-face{ font-display:swap; font-family:'Jost-Thin'; src:url(../fonts/Jost-Thin.otf); }
@font-face{ font-display:swap; font-family:'Jost-Light'; src:url(../fonts/Jost-Light.woff); }
@font-face{ font-display:swap; font-family:'Jost-Book'; src:url(../fonts/Jost-Book.woff); }
@font-face{ font-display:swap; font-family:'Jost-Medium'; src:url(../fonts/Jost-Medium.woff); }
@font-face{ font-display:swap; font-family:'Jost-Semi'; src:url(../fonts/Jost-Semi.woff); }
@font-face{ font-display:swap; font-family:'Jost-Bold'; src:url(../fonts/Jost-Bold.woff); }

@font-face{ font-display:swap; font-family:'SangBleuSunrise-Regular'; src:url(../fonts/SangBleuSunrise-Regular.otf); }

body{ display: block; background: #fff; margin: 0; padding: 85px 0 0 0;font:16px 'AvertaCY-Regular',Calibri,Arial,Tahoma;color:#000;text-size-adjust:none;box-sizing:border-box; }
body.overflow{ overflow: hidden; }

body::-webkit-scrollbar-track{ background-color: #323232; }
body::-webkit-scrollbar{ width: 8px; background-color: #323232; }
body::-webkit-scrollbar-thumb{ background-color: rgba(255,255,255,0.3); border-radius: 3px; border: none; }

h1{ margin-bottom: 18px; font: 60px 'Jost-Light'; line-height: 50px; font-variant-caps: small-caps; }
.h1{ font-size: 44px; }
h2{ margin-bottom: 46px; font: 30px 'Jost-Book'; line-height: 30px; font-variant-caps: small-caps; }
h3{ margin-bottom: 40px; font: 28px 'Jost-Book'; line-height: 30px; font-variant-caps: small-caps; }
h4{ margin-bottom: 32px; font: 26px 'Jost-Book'; line-height: 30px; font-variant-caps: small-caps; }
h5{ margin-bottom: 32px; font: 26px 'Jost-Book'; line-height: 30px; font-variant-caps: small-caps; }
p{ margin-bottom: 26px; }

a{ color:#212121; }
a:hover{ color:#c49416; }
.center{ text-align:center; }
.upper{ text-transform:uppercase; }
.thin{ font-family:'Jost-Thin';font-weight:400;font-style:normal; }
.bold,b,strong{ font-family:'AvertaCY-Bold';font-weight:400;font-style:normal; }
.jost.bold{ font-family:'Jost-Medium';font-weight:400;font-style:normal; }
.jost.light{ font-family:'Jost-Light'!important;font-weight:400;font-style:normal; }
.black_bg{ background: #1a1a1a; color: #fff; padding: 70px 0; }
.ulined{ text-decoration: underline; }
.white{ color: #fff; }
.yellow{ color: #f7d54e; }
.gold{
    background: -webkit-gradient(linear, left top, left bottom, from(#f6c157), to(#daaa48))!important;
    background: -moz-linear-gradient(top, #f6c157, #daaa48)!important;
    background: -o-linear-gradient(top, #f6c157, #daaa48)!important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=##f6c157FF, endColorstr=#daaa48FF)!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f6c157FF, endColorstr=#daaa48FF)"!important;
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent!important;
    background-clip: text!important;
    color: transparent!important;
}
.opac4{ opacity: 0.4; }
.opac5{ opacity: 0.5; }
.opac6{ opacity: 0.6; }
.opac75{ opacity: 0.75; }
.grayscale{ filter: grayscale(1); }
.js_go_back{ cursor: pointer; color: #212121; transition: color 0.3s ease; }
.js_go_back:hover{ color: #daaa48!important; transition: color 0.3s ease; }

.fs12{ font-size: 12px!important; line-height: 1; }
.fs14{ font-size: 14px!important; line-height: 1; }
.fs18{ font-size: 18px!important; line-height: 1; }
.fs24{ font-size: 24px!important; line-height: 1; }
.fs28{ font-size: 28px!important; line-height: 1; }
.fs32{ font-size: 32px; line-height: 1.4; }
.fs36{ font-size: 36px; line-height: 42px; }
.fs42{ font-size: 42px!important; line-height: 1; }

.flexer{ display: flex; padding: 100px 0; }
.flexer > div{ width: 50%; box-sizing: border-box; }
.flexer > div:nth-of-type(1){ padding-right: 40px; }
.flexer > div:nth-of-type(2){ padding-left: 40px; }
.flexer > div img{ max-width: 100%; }

.blured{ filter: blur(6px); }
.blured.unblured{ filter: blur(0); transition: filter 0.4s ease; }

.arrow{ position: relative; font: 28px 'Jost-Light'; width: 54px; height: 54px; line-height: 54px; margin-left: 40px; text-align: center; background: linear-gradient(#f6c157, #daaa48); -webkit-background-clip: text; color: transparent; z-index: 1; cursor: pointer; filter: brightness(1); transform: translateX(0); transition: all 0.4s ease; }
.arrow:before{ content: ''; position: absolute; left: 0; width: 54px; height: 54px; line-height: 54px; transform: rotate(45deg); border: 2px solid transparent; border-image: linear-gradient(#fdc95e, #dc9e35); border-image-slice: 1; z-index: -1; }

.gold-button{ display: inline-flex; align-items: center; position: relative; height: 50px; line-height: 50px; padding: 0 40px; background: linear-gradient(#f2cc69, #c29112); font-size: 15px; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); border-radius: 3px; transform: scale(1); transition: transform 0.4s ease; text-transform: uppercase; cursor: pointer; z-index: 1; }
.gold-button:hover{ color: #fff; transform: scale(1.04); transition: transform 0.4s ease; }
.gold-button:after{ content: ''; position: absolute; width: 93%; bottom: -3px; left: 3%; height: 3px; background: rgba(117,84,29,0.4); z-index: 1; }
.calc{ padding-left: 76px; }
.calc:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 40px; margin: auto; width: 24px; height: 24px; background: url('../img/calc.svg') no-repeat left center; background-size: 24px; }
.info{ padding-left: 76px; }
.info:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 40px; margin: auto; width: 24px; height: 24px; background: url('../img/info.svg') no-repeat left center; background-size: 24px; }
.search{ padding-left: 76px; }
.search:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 40px; margin: auto; width: 24px; height: 24px; background: url('../img/house_search.svg') no-repeat left center; background-size: 24px; }
.question{ padding-left: 70px; }
.question:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 40px; margin: auto; width: 24px; height: 24px; background: url('../img/question.svg') no-repeat left center; background-size: 16px; }
.err_message{ display: block; margin: 5px 0; font-size: 13px; color: #cc0000; }

.fleft{ float: left; }
.flex-center{ display: flex; align-items: center; }
.flex-center a{ display: flex; align-items: center; }

#houses_get{ display: table; position: relative; margin: 140px auto 100px auto; padding: 10px 35px; border: 1px solid #e3c795; z-index: 1; background: #fff; text-transform: uppercase; cursor: pointer; }
#houses_get_proj2{ display: table; position: relative; margin: 140px auto 100px auto; padding: 10px 35px; border: 1px solid #e3c795; z-index: 1; background: #fff; text-transform: uppercase; cursor: pointer; }
#houses_get_pgrid{ display: table; position: relative; margin: 140px auto 100px auto; padding: 10px 35px; border: 1px solid #e3c795; z-index: 1; background: #fff; text-transform: uppercase; cursor: pointer; }
#houses_get_ptype{ display: table; position: relative; margin: 140px auto 100px auto; padding: 10px 35px; border: 1px solid #e3c795; z-index: 1; background: #fff; text-transform: uppercase; cursor: pointer; }
#houses_loading{ display: table; position: relative; margin: 140px auto 100px auto; padding: 10px 25px 10px 55px; border: 1px solid #e3c795; z-index: 1; background: url(/img/loading.svg) no-repeat center left 10px, #fff; background-size: 42px; }

.container{ display: block; margin: 0 auto; width: 100%; max-width: 1560px; padding: 0 20px; box-sizing: border-box; }

header{ position: fixed; top: 0; width: 100%; height: 85px; padding: 0; background: #1a1a1a; z-index: 5; }
header .container{ display: flex; justify-content: space-between; align-items: center; height: 85px; }
header .mobile_menu{ display: none; }
header .container > .logo img{ max-width: 180px; }
header nav{ display: flex; justify-content: center; align-items: center; }
header nav .list{ display: flex; justify-content: center; align-items: center; }
header nav .list div:hover{  }
header nav .list div a{ display: block; height: 85px; line-height: 85px; padding: 0 20px; background: #1a1a1a; border-bottom: 2px solid #1a1a1a; color: #fff; box-sizing: border-box; font-size: 14px; text-transform: uppercase; transition: all 0.3s ease; }
header nav .list div:hover a{ background: #212121; border-bottom: 2px solid #f7d54e; color: #f7d54e; transition: all 0.3s ease; }
header nav .list div.active a{ background: #212121; border-bottom: 2px solid #f7d54e; color: #f7d54e; }
header nav .list div span{ display: block; height: 85px; line-height: 85px; padding: 0 20px; background: #1a1a1a; border-bottom: 2px solid #1a1a1a; color: #fff; box-sizing: border-box; font-size: 14px; text-transform: uppercase; transition: all 0.3s ease; }
header nav .list div:hover span{ background: #212121; border-bottom: 2px solid #f7d54e; color: #f7d54e; transition: all 0.3s ease; }
header nav .list div.active span{ background: #212121; border-bottom: 2px solid #f7d54e; color: #f7d54e; }
header nav .heading{ display: none; position: fixed; top: 31px; left: 50px; font: 18px 'AvertaCY-SemiBold'; text-transform: uppercase; }
header nav .requisites{ display: block; position: absolute; bottom: 60px; left: 50px; right: 20px; font: 14px 'Jost-Book'; line-height: 16px; }
header nav .requisites img{ width: 140px; max-width: 100%; margin-bottom: 10px; }
header nav .requisites p{ display: block; margin-bottom: 6px; opacity: 0.9; }
header nav .list .requisites a{ display: inline; padding: 0; margin: 0; border: 0; font: 14px 'Jost-Book'; line-height: 12px; color: #000; }
header nav .list .requisites:hover a{ display: inline; padding: 0; margin: 0; border: 0; font: 14px 'Jost-Book'; line-height: 12px; color: #000; }
header nav .in{ display: none; }
header .contacts{ display: flex; align-items: center; }
header .contacts .phone{ margin-top: 3px; margin-right: 20px; color: #fff; text-align: right; }
header .contacts .phone a{ display: block; font-size: 24px;line-height: 18px; color: #fff; }
header .contacts .phone a .small{ font-size: 18px; line-height: 14px; color: #c5c5c5; }
header .contacts .phone .work-time{ display: inline-block; position: relative; font-size: 13px; line-height: 14px; margin-top: 6px; }
header .contacts .phone .work-time:before{ position: absolute; content: ''; width: 5px; height: 5px; border-radius: 5px; left: -10px; top: 4px; background: #f7d54e; }
header .contacts .callback{ display: block; position: relative; height: 44px; line-height: 44px; margin: 0 7px; padding: 0 5px; background: url('/img/callback2.png') repeat-x center; color: #fff; font-size: 14px; text-transform: uppercase; text-align: center; box-sizing: border-box; white-space: nowrap; cursor: pointer; transition: color 0.3s ease; }
header .contacts .callback:before{ position: absolute; content: ''; top: 0; left: -7px; height: 44px; width: 7px; background: url('/img/callback1.png') repeat-x left; box-sizing: border-box; }
header .contacts .callback:after{ position: absolute; content: ''; top: 0; right: -7px; height: 44px; width: 7px; background: url('/img/callback3.png') repeat-x right; box-sizing: border-box; }
header .contacts .callback:hover{ color: #f7d54e; transition: color 0.3s ease; }
header .contacts .callback span{ display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; }
header .contacts .callback span img{ width: 26px; }

.main-banner{ position: relative; z-index: 1; }
.main-banner .videos{ display: flex; position: relative; width: 100%; height: 766px; filter: saturate(1.4); }
.main-banner .videos:after{ position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 2; }
.main-banner .videos > div{ position: relative; width: 33.33%; height: 100%; background-position: center; background-size: cover; }
.main-banner .videos > div img{ width: 100%; height: 100%; object-fit: cover; object-position: center; }
/*.main-banner .videos .video1{ background-image: url('../img/video1.jpg'); }
.main-banner .videos .video2{ background-image: url('../img/video2.jpg'); }
.main-banner .videos .video3{ background-image: url('../img/video2023.jpg'); }*/
.main-banner .videos .video1 video{ object-position: -12vw top; z-index: 1; }
.main-banner .videos video{ position: absolute; top: 0; width: 100%; height: 100%; object-fit: cover; outline: 0; opacity: 0; z-index: 1; }
.main-banner .container{ position: absolute; top: 0; left: 0; right: 0; height: 766px; }
.main-banner .container:after{ position: absolute; content: ''; width: 1px; height: 116px; left: 0; right: 0; bottom: -66px; margin: auto; background: linear-gradient(#817662, #e3c795);}
.main-banner .heading{ position: absolute; width: 100%; left: 0; right: 0; bottom: 0; text-shadow: 1px 1px 3px rgba(0,0,0,0.7); color: #fff; text-transform: uppercase; text-align: center; }
.main-banner .heading .h1{ display: table; margin: 0 auto 40px; font: 68px 'Jost-Thin'; line-height: 68px; letter-spacing: 2.4px; }
.main-banner .heading .h1 span{ display: table; font: 86px 'Jost-Book'; line-height: 86px; padding-right: 8px; letter-spacing: normal; margin: 0 auto; }
.main-banner .heading .h2{ display: table; margin: 0 auto 80px; font: 28px 'Jost-Thin'; line-height: 28px; opacity: 0.86; }

.c-line{ display: table; position: absolute; width: fit-content; top: 100px; left: 0; right: 0; margin: 0 auto; padding-left: 20px; font-family:'SangBleuSunrise-Regular'; }
.c-line .current{ display: inline-block; font-size: 70px; height: 70px; line-height: 70px; color: #fff; }
.c-line .slides{ display: inline-block; vertical-align: top; font-size: 14px; height: 70px; line-height: 20px; background: linear-gradient(#9e7b48, #85663c); -webkit-background-clip: text; color: transparent; }
.c-line:after{ position: absolute; content: ''; top: 100px; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 1px; height: 660px; background: linear-gradient(#e3c795, #e3c795); }

.slide1{ position: relative; padding: 100px 0; color: #e5e5e5; background: #1a1a1a; }
.slide1 .left{ position: absolute; top: 100px; left: 0; width: 50%; height: 600px; padding-right: 120px; overflow: hidden; box-sizing: border-box; }
.slide1 .left img{ width: 100%; height: 100%; object-fit: cover; }
.slide1 .left .owl-carousel{ position: relative; width: 100%; height: 600px; }
.slide1 .left .owl-carousel .item{ width: 100%; max-width: 43vw; height: 600px; }
.slide1 .left .owl-dots{ position: absolute; top: 8px; right: 20px; }
.slide1 .left .owl-dots .owl-dot span{ width: 18px; height: 4px; margin: 0 3px; border-radius: 5px; background: #fff; box-shadow: 1px 1px 1px rgba(0,0,0,0.2); opacity: 0.7; transition: width 0.4s ease; }
.slide1 .left .owl-dots .owl-dot.active span{ width: 36px; opacity: 1; transition: width 0.4s ease; }
.slide1 .right{ width: 50%; margin-left: 50%; padding-left: 120px; box-sizing: border-box; }
.slide1 h1{ color: #fff; }
.slide1 a{ color: #f7d54e; }
.slide1 .gold-button{ color: #fff; }

.slide2{ position: relative; min-height: 560px; padding: 100px 0; z-index: 1; }
.slide2 .left{ width: 50%; padding-right: 120px; box-sizing: border-box; }
.slide2 .right{ position: absolute; top: 100px; right: 0; width: 50%; height: 670px; padding-left: 120px; box-sizing: border-box; }
.slide2 .right img{ position: absolute; top: 0; left: 120px; right: 0; width: calc(100% - 120px); height: 100%; background: #ececec; object-fit: cover; }
.slide2 .right video{ width: 100%; height: 100%; object-fit: cover; filter: saturate(1.5); outline: 0; opacity: 0; }
.slide2 .c-line .current{ color: #000; }
.slide2 .h1{ margin-bottom: 20px; font: 50px 'Jost-Thin'; line-height: 42px; font-variant-caps: small-caps; }
.slide2 .h1 span{ display: block; font: 50px 'Jost-Book'; line-height: 42px; font-variant-caps: normal; }
.slide2 .h1 strong{ display: block; font: 50px 'Jost-Book'; line-height: 42px; font-variant-caps: normal; }
.slide2 h2{ margin-bottom: 20px; }
.slide2 .preferences{ display: flex; }
.slide2 .preferences .item{ position: relative; width: 33.33%; margin-bottom: 26px; padding: 20px; text-align: center; box-sizing: border-box; }
.slide2 .preferences .item:before{ position: absolute; content: ''; width: 136px; height: 136px; top: 5px; left: 0; right: 0; margin: 0 auto; background: #fbf7e9; transform: rotate(45deg); z-index: -1; }
.slide2 .preferences .item .image{ display: flex; align-items: center; justify-content: center; max-width: 100%; min-height: 60px; margin: 0 auto 10px; }
.slide2 .preferences .item .image img{ max-width: 100%; margin: 0 auto; }
.slide2 .preferences .item .name{ display: block; max-width: 120px; margin: 0 auto; font: 14px 'AvertaCY-Semibold'; line-height: 14px; }

.guarantee{ position: relative; padding: 100px 0 40px; color: #e5e5e5; background: #1a1a1a; }
.guarantee p{ max-width: 1200px; margin-left: auto; margin-right: auto; }
.guarantee .h1{ margin-bottom: 28px; font: 48px 'Jost-Light'; line-height: 42px; text-align: center; font-variant-caps: small-caps; }
.guarantee .h1 a{ color: #fff; transition: color 0.3s ease; }
.guarantee .h1 a:hover{ color: #f2cc69; transition: color 0.3s ease; }
.guarantee .h2{ max-width: 800px; margin-bottom: 60px; }
.guarantee p:last-child{ margin-bottom: 60px; }
.guarantee .group{ display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; position: relative; }
.guarantee .group .item{ position: relative; width: 33.33%; padding: 0 40px 140px; box-sizing: border-box; }
.guarantee .group .item > div{ position: relative; width: 100%; border-top: 2px solid transparent; border-image: linear-gradient(#fdc95e, #dc9e35); border-image-slice: 1; padding: 20px; text-align: center; box-sizing: border-box; z-index: 1; }
.guarantee .group .item > div:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid transparent; border-image: linear-gradient(#29251e, #4a412e); border-image-slice: 1; box-sizing: border-box; z-index: -1; }
.guarantee .group .item .image{ display: flex; align-items: center; justify-content: center; max-width: 100%; min-height: 60px; margin: 50px auto 30px; }
.guarantee .group .item .image img{ max-width: 100%; margin: 0 auto; }
.guarantee .group .item .name{ display: block; max-width: 300px; min-height: 85px; margin: 0 auto 40px; font: 30px 'Jost-Thin'; line-height: 34px; text-align: center; text-transform: uppercase; }
.guarantee .group .item .price{ display: block; max-width: 300px; margin: 0 auto 140px; font: 18px 'Jost-Light'; line-height: 14px; text-align: center; }
.guarantee .group .item .read-more{ display: block; position: absolute; bottom: -59px; right: 0; left: 0; width: 120px; height: 120px; margin: 0 auto; padding: 42px 0 0; font: 14px 'Jost-Thin'; line-height: 18px; color: #e5e5e5; text-transform: uppercase; text-align: center; box-sizing: border-box; z-index: 1; }
.guarantee .group .item .read-more:before{ content: ''; position: absolute; margin: auto; top: 0; left: 0; bottom: 0; right: 0; width: 120px; height: 120px; border: 1px solid #4a412e; background: linear-gradient(#1a1a1a,#1a1a1a); transform: scale(1) rotate(45deg); z-index: -1; transition: all 0.5s ease; }
.guarantee .group .item .read-more:hover:before{ transform: scale(1.16) rotate(45deg); background: linear-gradient(#f1cc6b,#8e6a06); transition: all 0.5s ease; }
.guarantee .group .item.active .read-more{ bottom: -69px; width: 140px; height: 140px; padding: 52px 0 0; font: 16px 'Jost-Light'; line-height: 20px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); }
.guarantee .group .item.active .read-more:before{ width: 130px; height: 130px; background: linear-gradient(#f1cc6b,#8e6a06); border: 0; }
.guarantee .group .absolute{ display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; right: 0; bottom: 180px; margin: auto; font: 52px 'Jost-Light'; line-height: 46px; pointer-events: none; }
.guarantee .gold{ white-space: nowrap; }

.guarantee.fullsize{ padding-bottom: 0; }
.guarantee.fullsize .group .item{ padding-bottom: 220px; }
.guarantee.fullsize .group .item .price{ margin-bottom: 100px; }
.guarantee.fullsize .group .item .name{ margin-bottom: 10px; }
.guarantee.fullsize .group .item .read-more{ width: 100px; height: 100px; padding: 32px 0 0; bottom: -49px; }
.guarantee.fullsize .group .item .read-more:before{ width: 100px; height: 100px; }
.guarantee.fullsize .group .item:nth-of-type(1):before{ content: ''; position: absolute; left: 0; right: 0; bottom: 24px; margin: auto; width: 2px; height: 100px; background: linear-gradient(#f1cc6b,#8e6a06); }
.guarantee.fullsize .group .item:nth-of-type(3):before{ content: ''; position: absolute; left: 0; right: 0; bottom: 24px; margin: auto; width: 2px; height: 100px; background: linear-gradient(#f1cc6b,#8e6a06); }
.guarantee.fullsize .group .item:nth-of-type(1):after{ content: ''; position: absolute; top: 190px; right: -20px; margin: auto; width: 40px; height: 2px; background: linear-gradient(to left, #f1cc6b,#8e6a06); }
.guarantee.fullsize .group .item:nth-of-type(3):after{ content: ''; position: absolute; top: 190px; left: -20px; margin: auto; width: 40px; height: 2px; background: linear-gradient(to left, #f1cc6b,#8e6a06); }
.guarantee.fullsize .group .item:nth-of-type(4):after{ content: ''; position: absolute; top: 190px; right: -20px; margin: auto; width: 40px; height: 2px; background: linear-gradient(to left, #f1cc6b,#8e6a06); }
.guarantee.fullsize .group .item:nth-of-type(6):after{ content: ''; position: absolute; top: 190px; left: -20px; margin: auto; width: 40px; height: 2px; background: linear-gradient(to left, #f1cc6b,#8e6a06); }

.guarantee .keys{ position: relative; width: 482px; margin: 0 auto 40px; padding: 20px 0; pointer-events: none; }
.guarantee .keys:before{ content: ''; position: absolute; top: 0; bottom: 0; left: -10px; width: 220px; height: 2px; margin: auto; background: linear-gradient(to left, #c7981b, #1a1a1a); }
.guarantee .keys:after{ content: ''; position: absolute; top: 0; bottom: 0; right: -10px; width: 220px; height: 2px; margin: auto; background: linear-gradient(to left, #1a1a1a, #c7981b); }
.guarantee .keys span{ display: block; position: relative; }
.guarantee .keys span:after{ content: ''; position: absolute; top: -12px; left: 0; right: 0; margin: auto; width: 42px; height: 42px; line-height: 54px; transform: rotate(45deg); border: 2px solid transparent; border-image: linear-gradient(#fdc95e, #dc9e35); border-image-slice: 1; background: #1a1a1a; z-index: 1; }
.guarantee .keys img{ position: relative; margin: 0 auto; z-index: 2; }

.nav_group a{ display: flex; align-items: center; position: relative; max-width: 300px; height: 42px; font-size: 15px; padding: 0 20px; border-bottom: 1px solid transparent; border-image: linear-gradient(to left, #fdc95e, #dc9e35); border-image-slice: 1; }
.nav_group a.active{ font-family: 'AvertaCY-Semibold'; color: #dc9e35; }
.nav_group a:after{ content: ''; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; width: 30px; height: 30px; line-height: 30px; text-align: center; background: url(/img/arrow.svg), linear-gradient(45deg, #daaa48, #f6c157); background-size: 10px, 30px; background-repeat: no-repeat, repeat-x; background-position: center, center; color: #fff; transform: rotate(45deg); opacity: 0; transition: all 0.5s ease; }
.nav_group a:hover:after{ opacity: 1; right: -15px; transition: all 0.5s ease; }

.privacy_policy{ position: absolute; bottom: 10px; right: 40px; font-size: 12px; color: #fff; opacity: 0.6; }
.privacy_policy:hover{ color: #fff; }
.consultation.white .privacy_policy{ color: #000; opacity: 0.8; }
.consultation.white .privacy_policy:hover{ color: #000; }
.attention{ border-bottom: 1px solid #cc0000!important; background-image: url('/img/attention.svg')!important; background-repeat: no-repeat!important; background-position: right 10px center!important; background-size: 24px!important; z-index: 2; }
.acpt_error{ color: #cc0000!important; }
.acpt_error:before{ border-color: #cc0000!important; }

.consultation{ height: 180px; background: #070707; color: #fff; overflow: hidden; }
.consultation .container{ display: flex; height: 100%; position: relative; align-items: center; }
.consultation .h1{ display: flex; position: relative; width: 33.33%; height: 120px; margin: 0px 40px 0; font: 48px 'Jost-Thin'; line-height: 42px; max-width: 420px; border-left: 1px solid #252525; border-right: 1px solid #252525; text-align: right; justify-content: center; align-items: center; z-index: 1; }
.consultation .h1:before{ position: absolute; top: -30px; left: 0; right: 0; margin: auto; content: '?'; font: 282px 'AvertaCY-Semibold'; line-height: 168px; color: #181818; text-align: center; z-index: -1; }
.consultation .form{ display: flex; align-items: center; align-content: center; flex-wrap: wrap; width: 66.67%; margin: 0px 40px 0; }
.consultation .form .sendform{ width: 100%; }
.consultation .form .hint1{ display: block; font-size: 14px; font-family: 'AvertaCY-Semibold'; color: #c5c5c5; margin: 0 0 5px 0; }
.consultation .form .form-consultation{ width: 100%; }
.consultation .form .form-consultation input[type=text]{ background: #252525; font: 14px 'AvertaCY-Regular'; width: 58%; height: 46px; line-height: 46px; margin-right: 6px; padding: 0 20px; color: #fff; box-sizing: border-box; vertical-align: top; }
.consultation .form .form-consultation input#consultation_email{ width: 27%; }
.consultation .form .form-consultation input#consultation_email + input{ width: 42%; }
.consultation .form .form-consultation input[type=button]{ background: #1a1a1a; font: 14px 'AvertaCY-Regular'; height: 46px; line-height: 42px; padding: 0 20px; border: 2px solid #9e9e9e; color: #fff; box-sizing: border-box; vertical-align: top; text-transform: uppercase; cursor: pointer; transition: all 0.4s ease; }
.consultation .form .form-consultation input[type=button]:hover{ border-color: #f6c157; color: #f1ca67; transition: all 0.4s ease; }

.consultation .form .acpt .acceptance + label{ margin-top: 8px; padding-left: 28px; color: #c5c5c5; }
.consultation .form .acpt .acceptance + label:before{ width: 18px; height: 18px; background: #070707; border: 1px solid #8a8a8a; }
.consultation .form .acpt .acceptance:checked + label:after{ left: 2px; width: 16px; height: 16px; }
.consultation .form .acpt .acceptance + label:hover:after{ left: 2px; width: 16px; height: 16px; }
.consultation.white .form .acpt .acceptance + label{ color: #6c6c6c; }
.consultation.white .form .acpt .acceptance + label:before{ background: #fff; border: 1px solid #cc9949; }
.consultation.white .form .acpt .acceptance + label:hover,
.consultation.white .form .acpt .acceptance:checked + label{ color: #c29111!important; }

.consultation .form .hint2{ display: block; font-size: 13px; color: #c5c5c5; padding-top: 2px; letter-spacing: -0.4px; }
.consultation.white{ position: relative; background: #fff; color: #000000; }
.consultation.white .h1{ width: 30%; min-width: 30%; font: 42px 'Jost-Light'; line-height: 38px; margin-right: 0; padding-left: 60px; text-align: left; border: 0; text-shadow: 1px 1px 0px rgba(255,255,255,0.8); box-sizing: border-box; }

.consultation.white .form .hint1{ font-family: 'AvertaCY-Semibold'; color: #000; }
.consultation.white .form .hint2{ color: #000; }
.consultation.white .form .hint2 .gold{ color: #000!important; text-decoration: underline; background: none!important; -webkit-background-clip: unset!important; -webkit-text-fill-color: unset!important; }

.consultation.white .form .form-consultation input[type=text]{ border: 1px solid #dbb77f; background: #fff; color: #000; }
.consultation.white .form .form-consultation input[type=button]{ position: relative; background: linear-gradient(#f2cc69, #c29112); font-size: 16px; color: #fff; border: 0; padding: 0 40px; box-shadow: 2px 2px 0px rgba(117,84,29,0.6); }
.consultation.gold-question:after{ content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: url('/img/project_form_right.jpg') no-repeat right; opacity: 0.4; pointer-events: none; }
.consultation.gold-question:before{ content: ''; position: absolute; left: 0; width: 100%; height: 100%; background: url('/img/project_form_left.jpg') no-repeat left; opacity: 0.4; pointer-events: none; }
.consultation.gold-question:not(.white):before, .consultation.gold-question:not(.white):after{ filter: invert(1); }
.consultation.gold-question{ position: relative; }
.consultation.gold-question .container{ background: url('/img/question.png') no-repeat left; z-index: 2; }
.consultation.gold-question .h1:before{ display: none; }
.consultation.gold-question .h1{ border: 0; }
.consultation.gold-question:not(.white) .h1{ margin: 0 0 0 80px; }

.photo-carousel{ display: flex; max-height: 600px; position: relative; z-index: 1; }
.photo-carousel .item{ width: 33.33%; height: 600px; transition: all 0.6s ease; }
.photo-carousel .item:hover{ width: 50%; height: 640px; margin-top: -20px; transition: all 0.6s ease; }
.photo-carousel .item img{ width: 100%; height: 100%; object-fit: cover; }

.slide3{ position: relative; padding: 100px 0; }
.slide3 .left{ position: absolute; top: 100px; left: 0; width: 50%; height: 668px; padding-right: 120px; box-sizing: border-box; overflow: hidden; }
.slide3 .left img{ position: absolute; top: 0; right: 120px; width: 100%; height: 100%; background: #ececec; object-fit: cover; }
.slide3 .left video{ width: 100%; height: 100%; margin-top: 0; object-fit: cover; filter: saturate(1.5); outline: 0; opacity: 0; }
.slide3 .c-line .current{ color: #000; }
.slide3 .right{ width: 50%; margin-left: 50%; padding-left: 120px; box-sizing: border-box; }
.slide3 .h1{ margin-bottom: 58px; font: 52px 'Jost-Light'; line-height: 42px; font-variant-caps: small-caps; }
.slide3 .catalog{ display: flex; margin-top: 50px; }
.slide3 .catalog .img{ width: 50%; }
.slide3 .catalog .img img{ max-width: 100%; }
.slide3 .catalog .buttons-group{ display: grid; justify-content: start; width: 50%; padding-left: 50px; box-sizing: border-box; }
.slide3 .catalog .buttons-group > div a{ display: block; min-height: 36px; margin-bottom: 20px; padding: 4px 15px 4px 70px; border: 1px solid #ababab; border-radius: 4px; line-height: 16px; background-size: 36px; background-position: left 15px center; background-repeat: no-repeat; }
.slide3 .catalog .buttons-group > div span{ display: block; min-height: 36px; margin-bottom: 20px; padding: 4px 15px 4px 70px; border: 1px solid #ababab; border-radius: 4px; line-height: 16px; background-size: 36px; background-position: left 15px center; background-repeat: no-repeat; cursor: pointer; }
.slide3 .catalog .buttons-group > div span:hover{ color: #c49416; }
.slide3 .catalog .buttons-group .house1{ background-image: url('../img/icon_house1.svg'); }
.slide3 .catalog .buttons-group .house2{ background-image: url('../img/icon_house2.svg'); }
.slide3 .catalog .buttons-group .house3{ background-image: url('../img/icon_house3.svg'); }

.accordeon{ padding: 70px 0 60px; color: #e5e5e5; background: #1a1a1a; }
.accordeon .h1 a{ display: table; position: relative; font: 42px 'Jost-Light'; line-height: 42px; padding-right: 90px; text-align: center; color: #fff; margin: 0 auto 38px; font-variant-caps: small-caps; transition: color 0.4s ease; }
.accordeon .h1 a:hover{ color:#c49416; transition: color 0.4s ease; }
.accordeon .h1 a:after{ content: ''; font: 21px 'Jost-Thin'; position: absolute; right: 11px; top: 0; bottom: 0; margin: auto; width: 54px; height: 54px; line-height: 54px; text-align: center; background: url(/img/arrow.svg), linear-gradient(45deg, #daaa48, #f6c157); background-size: 18px, 54px; background-repeat: no-repeat, repeat-x; background-position: center, center; color: #fff; transform: translateX(0) rotate(45deg); transition: transform 0.4s ease; }
.accordeon .h1 a:hover:after{ transform: translateX(15px) rotate(45deg); transition: transform 0.4s ease; }
.accordeon .group{ display: flex; margin-bottom: 50px; }
.accordeon .group .item{ width: 14.285%; height: 700px; transition: all 0.8s ease; }
.accordeon .group .item:hover{ width: 80%; height: 740px; margin-top: -20px; transition: all 0.8s ease; }
.accordeon .group .item img{ width: 98%; height: 100%; object-fit: cover; margin: 0 auto; }
.accordeon .center{ margin: 0; }
.accordeon .center a.gold-button{ text-transform: uppercase; padding: 0 60px; }

.slide4{ position: relative; padding: 100px 0; z-index: 1; }
.slide4 .left{ width: 50%; padding-right: 120px; box-sizing: border-box; }
.slide4 .right{ position: absolute; top: 100px; right: 0; width: 50%; height: 668px; padding-left: 120px; box-sizing: border-box; }
.slide4 .right img{ position: absolute; width: calc(100% - 8px); height: calc(100% - 8px); object-fit: cover; }
.slide4 .right video{ width: 100%; height: 100%; object-fit: cover; filter: saturate(1.5); outline: 0; opacity: 0; }
.slide4 .right .pics{ display: flex; flex-wrap: wrap; }
.slide4 .right .pics div{ position: relative; width: 50%; height: 334px; box-sizing: border-box; }
.slide4 .right .pics div:nth-of-type(1){ padding: 0 8px 8px 0; }
.slide4 .right .pics div:nth-of-type(2){ padding: 0 0 8px 8px; }
.slide4 .right .pics div:nth-of-type(3){ padding: 8px 8px 0 0; }
.slide4 .right .pics div:nth-of-type(4){ padding: 8px 0 0 8px; }
.slide4 .right .pics div:nth-of-type(1) img{ bottom: 8px; right: 8px; }
.slide4 .right .pics div:nth-of-type(2) img{ bottom: 8px; left: 8px; }
.slide4 .right .pics div:nth-of-type(3) img{ top: 8px; right: 8px; }
.slide4 .right .pics div:nth-of-type(4) img{ top: 8px; left: 8px; }
.slide4 .c-line .current{ color: #000; }
.slide4 .h1{ margin-bottom: 38px; font: 50px 'Jost-Light'; line-height: 42px; font-variant-caps: small-caps; }
.slide4 .h1 span{ display: block; font: 50px 'Jost-Book'; line-height: 42px; font-variant-caps: normal; }
.slide4 .group{ display: flex; flex-wrap: wrap; gap: 7px; margin-top: 40px; }
.slide4 .group .item{ width: calc(33.33% - 7px); border: 1px solid #ababab; border-radius: 6px; margin-bottom: 10px; padding: 4px 10px; box-sizing: border-box; }
.slide4 .group .item a{ display: flex; align-items: center; }
.slide4 .group .item a img{ margin-right: 8px; }

.projects{ padding: 70px 0; color: #e5e5e5; overflow-x: clip; background: #1a1a1a; }
.projects .item{ position: relative; max-width: 1400px; height: 520px; margin: 0 auto; }
.projects .item:nth-child(even){ margin-bottom: 40px; }
.projects .item:nth-child(even) .img{ top: -40px; right: 0; }
.projects .item:nth-child(even) .txt{ top: 20px; left: 0; padding: 20px 7% 20px 50px; }
.projects .item .img{ display: flex; align-items: center; justify-content: center; align-content: center; position: absolute; width: 60%; height: 520px; overflow: hidden; transition: all 0.5s ease; z-index: 1; }
.projects .item .img a{ display: block; width: 100%; height: 100%; }
.projects .item .img img{ width: 100%; height: 100%; object-fit: cover; object-position: center; }
.projects .item .img:hover{ transform: scale(1.06); z-index: 2; transition: all 0.5s ease; }
.projects .item .txt{ position: absolute; top: -40px; right: 0; width: 46%; padding: 20px 20px 20px 8%; border: 1px solid #fff; box-sizing: border-box; }
.projects .item .txt .heading{ display: block; margin-bottom: 20px; font: 28px 'Jost-Book'; line-height: 68px; color: #fff; border-bottom: 1px solid #fff; transition: color 0.3s ease; }
.projects .item .txt .description{ display: block; font: 15px 'Jost-Light'; color: #fff; }
.projects .item .txt .more{ display: block; font: 28px 'Jost-Light'; color: #fff; margin-top: 16px; transition: color 0.3s ease; }
.projects .item .txt:hover .heading{ color: #f2cc69; transition: color 0.3s ease; }
.projects .item .txt:hover .more{ color: #f2cc69; transition: color 0.3s ease; }
.projects p.center{ margin-top: 60px; }

.slide5{ position: relative; padding: 100px 0; z-index: 1; }
.slide5 .container{ display: flex; }
.slide5 .left{ width: 50%; padding-right: 120px; box-sizing: border-box; }
.slide5 .right{ width: 50%; padding-left: 120px; box-sizing: border-box; }
.slide5 .c-line .current{ color: #000; }
.slide5 .h1{ margin-bottom: 58px; font: 50px 'Jost-Book'; line-height: 42px; font-variant-caps: small-caps; }
.slide5 a:hover .arrow{ filter: brightness(1.2); transform: translateX(15px); transition: all 0.4s ease; }

.time-has-come{ display: flex; flex-wrap: wrap; position: relative; padding: 70px 0; color: #e5e5e5; background: #1a1a1a; z-index: 1; }
.time-has-come .h1{ width: 100%; margin-bottom: 58px; font: 50px 'Jost-Book'; line-height: 42px; text-align: center; font-variant-caps: small-caps; }
.time-has-come .img{ position: relative; width: 25%; min-width: 25%; height: 274px; object-fit: cover; }
.time-has-come .img img{ position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; background: #ececec; object-fit: cover; }
.time-has-come .img video{ width: 100%; height: 100%; object-fit: cover; filter: saturate(1.5); outline: 0; opacity: 0; }
.time-has-come .group{ display: flex; width: 50%; align-items: center; }
.time-has-come .group img{ width: 50%; max-width: 50%; height: 274px; object-fit: cover; }
.time-has-come .group .buttons{ width: 50%; padding: 0 40px; box-sizing: border-box; }
.time-has-come .group .buttons:nth-of-type(1){ padding-right: 20px; }
.time-has-come .group .buttons:nth-of-type(2){ padding-left: 20px; }
.time-has-come .group .buttons div a{ display: block; position: relative; height: 50px; line-height: 50px; margin: 0 0 20px 0; padding: 0 30px; background: linear-gradient(#f6c157, #8e6a06); font-size: 14px; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); border-radius: 3px; white-space: nowrap; text-transform: uppercase; z-index: 1; transition: all 0.4s ease; }
.time-has-come .group .buttons div a img{ display: inline-block; width: auto; height: 28px; vertical-align: middle; margin-right: 10px; }
.time-has-come .group .buttons div span{ display: block; position: relative; height: 50px; line-height: 50px; margin: 0 0 20px 0; padding: 0 30px; background: linear-gradient(#f6c157, #8e6a06); font-size: 14px; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); border-radius: 3px; white-space: nowrap; text-transform: uppercase; z-index: 1; cursor: pointer; transition: all 0.4s ease; }
.time-has-come .group .buttons div span img{ display: inline-block; width: auto; height: 28px; vertical-align: middle; margin-right: 10px; }
.time-has-come .group .buttons div a:hover{ filter: brightness(1.1); transform: scale(1.04); transition: all 0.4s ease; }
.time-has-come .group .buttons div span:hover{ filter: brightness(1.1); transform: scale(1.04); transition: all 0.4s ease; }

.horizontal_image{ width: 100%; height: 20vw; }
.horizontal_image img{ width: 100%; height: 100%; object-fit: cover; }

.wood_logotypes{ padding: 70px 0; }
.wood_logotypes .container{ display: flex; }
.wood_logotypes .container p{ display: block; width: 16.67%; padding: 0 20px; box-sizing: border-box; }
.wood_logotypes .container p img{ max-width: 100%; margin: 0 auto; }

.slide_inner{ position: relative; padding: 70px 0 40px; z-index: 1; }
.slide_inner .container{ display: flex; }
.slide_inner .left{ width: 50%; padding-right: 120px; box-sizing: border-box; }
.slide_inner .right{ width: 50%; padding-left: 120px; box-sizing: border-box; }
.slide_inner .gold-button{ margin-top: 24px; }
.slide_inner .gold-button:hover{ color: #fff!important; }
.slide_inner .c-line{ top: 0; }
.slide_inner .c-line:after{ top: 0; height: 490px; }
.slide_inner .h1{ margin-bottom: 58px; font: 50px 'Jost-Book'; line-height: 42px; font-variant-caps: small-caps; }
.slide_inner .h1.min{ margin-bottom: 24px; font: 42px 'Jost-Book'; line-height: 38px; font-variant-caps: small-caps; }
.slide_inner .arrow{ position: relative; font: 28px 'Jost-Light'; width: 54px; height: 54px; line-height: 54px; margin-left: 40px; text-align: center; background: linear-gradient(#f6c157, #daaa48); -webkit-background-clip: text; color: transparent; z-index: 1; cursor: pointer; }
.slide_inner .arrow:before{ content: ''; position: absolute; left: 0; width: 54px; height: 54px; line-height: 54px; transform: rotate(45deg); border: 2px solid transparent; border-image: linear-gradient(#fdc95e, #dc9e35); border-image-slice: 1; z-index: -1; }

.projects-catalog{ position: relative; padding: 70px 20px; color: #e5e5e5; background: #1a1a1a; box-sizing: border-box; }
.projects-catalog h1{ font-size: 38px; font-family: 'Jost-Thin'; margin-bottom: 5px; text-transform: uppercase; text-align: center; }
.projects-catalog p{ text-align: center; }
.projects-catalog .group{ display: flex; flex-wrap: wrap; padding: 40px 0; overflow: hidden; }
.projects-catalog .c-line{ height: calc(100% - 300px); }
.projects-catalog .c-line:after{ height: 100%; }
.projects-catalog .group .item{ width: 50%; padding: 0 0 16px 0; box-sizing: border-box; transition: all 0.8s ease; }
.projects-catalog .group .item > div:hover{ transform: scale(1.02); transition: all 0.8s ease; }
.projects-catalog .group .item > div:hover .img{ width: 80%; clip-path: polygon(0 0, 0 100%, 82% 100%, 100% 50%, 82% 0); transition: all 1s ease; }
.projects-catalog .group .item > div:hover .img a:before{ transform: scale(1.6) translateX(-2px); transition: all 1s ease; }
.projects-catalog .group .item > div:hover .txt .heading{ transform: translateY(-1vw) translateX(2vw); transition: all 1.2s ease; }
.projects-catalog .group .item > div:hover .txt .specs{ left: 5.6vw; font-size: 10px; transition: all 1s ease; }
.projects-catalog .group .item > div:hover .txt .more{ transform: translateY(1vw) translateX(2vw); transition: all 1.2s ease; }
.projects-catalog .group .item > div{ position: relative; height: 20vw; box-sizing: border-box; transition: all 0.8s ease; }
.projects-catalog .group .item > div:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #fff; border: 1px solid #fff; }
.projects-catalog .group .item .img{ position: absolute; width: 70%; top: 0; left: 0; bottom: 0; clip-path: polygon(0 0, 0 100%, 80% 100%, 100% 50%, 80% 0); border-right: 1px solid #fff; overflow: hidden; z-index: 2; transition: all 1s ease; }
.projects-catalog .group .item .img a{ display: block; position: relative; width: 100%; height: 100%; }
.projects-catalog .group .item .img a:before{ content: ''; position: absolute; right: -6px; top: 0px; bottom: 0; margin: auto; width: 21px; height: 31px; background: url(/img/gold_arrow.svg) no-repeat center; background-size: 21px 31px; transition: all 1s ease; }
.projects-catalog .group .item .img img{ width: 100%; height: 100%; object-fit: cover; object-position: right; }
.projects-catalog .group .item .txt{ position: absolute; width: 30%; height: 100%; top: 0; right: 0; box-sizing: border-box; z-index: 1; }
.projects-catalog .group .item .txt .heading{ display: block; position: absolute; top: 50px; left: 10px; right: 15px; margin: auto; font: 28px 'Jost-Light'; color: #000; white-space: nowrap; transition: all 1s ease; }
.projects-catalog .group .item .txt .specs{ display: flex; align-items: center; flex-wrap: wrap; position: absolute; top: calc(50% - 34px); left: 10px; right: 1vw; margin: auto; height: 68px; border-top: 1px solid #cc994a; border-bottom: 1px solid #cc994a; color: #000; box-sizing: border-box; overflow: hidden; transition: all 1s ease; }
.projects-catalog .group .item .txt .specs > span{ display: flex; align-items: center; width: 100%; padding: 10px 0; font-size: 16px; color: #000; white-space: nowrap; overflow: hidden; transition: all .6s ease; }
.projects-catalog .group .item .txt .specs > span .gold{ display: inline-block; color: #cc994a!important; background: none!important; -webkit-background-clip: unset!important; -webkit-text-fill-color: unset!important; padding-left: 5px; }
.projects-catalog .group .item .txt .more{ display: block; position: absolute; left: 10px; right: 15px; bottom: 50px; margin: auto; font-size: 14px; text-transform: uppercase; color: #f2d062; transition: all 1s ease; }
.projects-catalog .group .item .txt .more:after{ content: ''; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; font-size: 14px; text-transform: uppercase; color: #f2d062; transition: all 1s ease; }
.projects-catalog .icon{ display: inline-block; position: relative; width: 28px; height: 28px; line-height: 28px; top: 8px; margin-left: 10px; text-align: center; background: url(/img/arrow.svg) no-repeat center; background-size: 10px; z-index: 1; cursor: pointer; transform: rotate(45deg); transition: all 0.8s ease; }
.projects-catalog .icon:before{ content: ''; position: absolute; left: 0; width: 28px; height: 28px; line-height: 28px; border: 2px solid transparent; border-image: linear-gradient(#fdc95e, #dc9e35); border-image-slice: 1; box-sizing: border-box; z-index: -1; }
.projects-catalog .group .item:nth-child(even){ padding-left: 16px; }
.projects-catalog .group .item:nth-child(odd){ padding-right: 16px; }
.projects-catalog .group .item:nth-child(odd) > div:before{ background: #000; border: 1px solid #bababa; }
.projects-catalog .group .item:nth-child(odd) .img{ border-right: 1px solid #000; }
.projects-catalog .group .item:nth-child(even) .img{ border-right: 1px solid #fff; }
.projects-catalog .group .item:nth-child(odd) .txt .specs > span{ color: #fff; }
.projects-catalog .group .item .txt .specs > span:nth-child(odd){ padding-bottom: 0; white-space: nowrap; }
.projects-catalog .group .item .txt .specs > span:nth-child(even){ padding-top: 0; white-space: nowrap; }
.projects-catalog .group .item:nth-child(odd) .txt .heading{ color: #fff; }
.projects-catalog .group .item:nth-child(odd) .txt .specs{ color: #e5e5e5; }
.projects-catalog .group .item:nth-child(even) .txt .more{ color: #c49416; }
.projects-catalog .group .item:nth-child(even) .icon{ background-image: url(/img/arrow_g.svg); }
.projects-catalog .group .item:nth-child(even) .txt .specs > span .gold{ color: #c79920!important; }
.projects-catalog .group .item > div:hover .icon{ transform: translateX(10px) rotate(45deg); transition: all 0.8s ease; }

.filter{ position: relative; background: #1a1a1a; padding: 15px 0 30px; vertical-align: top; z-index: 2; }
.filter .container{ display: flex; justify-content: center; flex-wrap: wrap; }
.filter .double_range{ display: flex; align-items: center; }
.filter .double_range .range_group{ display: block; position: relative; width: 360px; height: 24px; margin: 0 10px; }
.filter .double_range .range_group input[type='range']{ position: absolute; width: 360px; height: 24px; outline: none; background: #3f3d3e; -webkit-appearance: none; cursor: ew-resize; }
.filter .double_range .range_group input[type='range'],
.filter .double_range .range_group input[type='range']::-webkit-slider-runnable-track,
.filter .double_range .range_group input[type='range']::-webkit-slider-thumb{ -webkit-appearance: none; background: none; }
.filter .double_range .range_group input[type='range']::-webkit-slider-runnable-track{ background: #3f3d3e; height: 7px; }
.filter .double_range .range_group input[type='range']:nth-child(2)::-webkit-slider-runnable-track{ background: none; }
.filter .double_range .range_group input[type='range']::-webkit-slider-thumb{ position: relative; -webkit-appearance: none; margin-top: -8px; height: 24px; width: 24px; transform: rotate(45deg); background: linear-gradient(-235deg, #f1cc64, #c49111); cursor: ew-resize; box-shadow: 1px 1px 7px 3px rgba(0,0,0,0.6); transition: background .3s ease-in-out; z-index: 3; }
.filter .double_range .range_group input[type='range']:nth-child(1)::-webkit-slider-thumb{ z-index: 2; }
.filter .double_range .label_range{ display: flex; align-items: center; min-width: 194px; height: 24px; }
.filter .double_range .label_range .gold{ display: flex; padding-left: 2px; }
.filter .double_range .label_range .gold span{ display: block; min-width: 50px; text-align: center; }
.filter .double_range .right{ position: relative; float: right; margin-right: -5px; }
.filter .double_range .filler{ position: absolute; margin-top: 9px; background: linear-gradient(#f1cc64, #c49111); z-index: 1; height: 7px; display: block; }

.filter select{ display: block; width: 240px; height: 42px; font: 16px 'AvertaCY-Regular'; line-height: 42px; margin: 0 15px; padding: 0 15px; box-sizing: border-box; background: transparent; border-bottom: 1px solid #513f12; color: #f7d54e; background: #212121; }
.filter select option{ color: #fff; }
.filter input[type=text]#prid{ display: block; width: 180px; height: 42px; font: 16px 'AvertaCY-Regular'; line-height: 42px; margin: 0 10px; padding: 0 15px; box-sizing: border-box; background: transparent; border-bottom: 1px solid #513f12; color: #f7d54e; background: #212121; }
.filter input[type=text]#prid::-webkit-input-placeholder{ color: #f7d54e; }
.filter .params{ display: flex; flex-wrap: wrap; justify-content: center; width: 100%; margin: 30px 0; }
.filter .params span input{ display: none; }
.filter .params span label{ display: table; position: relative; background: #212121; border-radius: 38px; margin: 0 5px 10px; padding: 0 20px 0 40px; font-size: 14px; line-height: 38px; white-space: nowrap; overflow: hidden; cursor: pointer; }
.filter .params span label:before{ content: ''; position: absolute; top: 10px; left: 10px; width: 18px; height: 18px; border: 1px solid #f7d54d; border-radius: 18px; }
.filter .params span label:hover:after, .filter .params span input[type=checkbox]:checked + label:after { content: ''; position: absolute; top: 14px; left: 14px; width: 12px; height: 12px; background: #f7d54d; border-radius: 12px; }
.filter .gold-button.filter_btn{ height: 42px; line-height: 42px; margin-bottom: 15px; padding: 0 16px 0 46px; float: right; font-size: 14px; cursor: pointer; }
.filter .gold-button.filter_btn:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 14px; margin: auto; width: 24px; height: 22px; background: url('../img/tune.svg') no-repeat left center; background-size: 22px; }
.filter .hint{ width: 100%; font-size: 14px; text-align: center; opacity: 0.7; }

.filter .f_cancel{ display: none; width: 100%; margin-bottom: 15px; font-size: 14px; text-align: center; opacity: 0.7; cursor: pointer; }

/* Proof of concept for Firefox */
@-moz-document url-prefix() {
  .double_range::before{
    content:'';
    width:100%;
    height:2px;
    background: #003D7C;
    display:block;
    position: relative;
    top:16px;
  }
  .double_range input[type='range']:nth-child(1){
    position:absolute;
    top:35px !important;
    overflow:visible !important;
    height:0;
  }
  .double_range input[type='range']:nth-child(2){
    position:absolute;
    top:35px !important;
    overflow:visible !important;
    height:0;
  }
  .double_range input[type='range']::-moz-range-thumb {
    position: relative;
    height: 15px;
    width: 15px;
    margin-top: -7px;
    background: #fff;
    border: 1px solid #003D7C;
    border-radius: 25px;
    z-index: 1;
  }
  .double_range input[type='range']:nth-child(1)::-moz-range-thumb{ transform: translateY(-20px); }
  .double_range input[type='range']:nth-child(2)::-moz-range-thumb{ transform: translateY(-20px); }
}

.galleries{ position: relative; padding: 60px 20px; color: #e5e5e5; background: #1a1a1a; box-sizing: border-box; }
.galleries .h1{ position: relative; padding: 20px 0; width: 100%; margin-bottom: 28px; font: 48px 'Jost-Light'; line-height: 42px; text-align: center; background: #1a1a1a; font-variant-caps: small-caps; z-index: 2; }
.galleries .c-line{ position: static; top: 0; }
.galleries .c-line:after{ top: 0; height: 100%; }
.galleries .group{ display: flex; flex-wrap: wrap; position: relative; margin: 0 -20px; padding: 10px 20px; overflow: hidden; }
.galleries .group .item{ position: relative; width: 50%; padding: 0 0 16px 0; box-sizing: border-box; }
.galleries .group .item > div{ position: relative; height: 300px; background: #bababa; border-left: 1px solid #bababa; box-sizing: border-box; overflow: hidden; transition: all 0.8s ease; }
.galleries .group .item > div:before{ content: ''; position: absolute; background: #000; top: 1px; bottom: 1px; left: 0px; width: 52px; z-index: 0; }
.galleries .group .item .txt{ display: flex; justify-content: flex-end; position: absolute; left: 0; width: 350px; height: 100%; border-right: 1px solid #bababa; background: #bababa; clip-path: polygon(0 0, 0 100%, 57% 100%, 100% 50%, 57% 0); overflow: hidden; transition: all 0.8s ease; z-index: 2; }
.galleries .group .item .txt > div{ display: flex; position: relative; width: 350px; height: 100%; }
.galleries .group .item .txt > div a{ display: flex; align-items: center; margin: 1px 1px 1px 0; width: calc(100% - 1px); height: calc(100% - 2px); background: #000; color: #fff; font: 36px 'Jost-Light'; line-height: 36px; font-variant-caps: small-caps; padding: 0 120px 0 60px; box-sizing: border-box; clip-path: polygon(0 0, 0 100%, 57% 100%, 100% 50%, 57% 0); overflow: hidden; z-index: 2; }
.galleries .group .item .txt > div a:after{ content: ''; position: absolute; margin: auto; top: 0; bottom: 0; right: 12px; width: 60px; height: 60px; background: url(/img/arrow.svg) no-repeat center, linear-gradient(135deg,#f1cc6b,#8e6a06); background-size: 16px, 100%; transform: rotate(45deg); }
.galleries .group .item .img{ padding-left: 20%; height: 100%; width: 100%; background: #e5e5e5 url('/img/loading.svg') no-repeat center right 30%; background-size: 42px; box-sizing: border-box; z-index: 1; }
.galleries .group .item .img img{ width: 100%; height: 100%; object-fit: cover; }
.galleries .group .item:nth-child(even){ padding-left: 16px; }
.galleries .group .item:nth-child(odd){ padding-right: 16px; }
.galleries .group .item:nth-child(even) .txt > div a{ background: #fff; color: #000; }
.galleries .group .item:nth-child(even) > div:before{ background: #fff; }
.galleries .group .item > div:hover{ transform: scale(1.02); transition: all 0.8s ease; }
.galleries .group .item > div:hover .txt{ transform: translateX(50px); transition: all 0.8s ease; }

.houses{ position: relative; background: #fff; padding: 70px 20px; }
.houses .c-line{ position: static; top: 0; }
.houses .c-line:after{ top: 0; height: 100%; }
.houses .item{ position: relative; height: 36vw; margin: 0 auto 40px; }
.houses .item .img{ display: block; width: 100%; height: 100%; z-index: 1; }
.houses .item .img a span{ display: block; position: relative; width: 100%; height: 100%; background: #e5e5e5 url('/img/loading.svg') no-repeat center; background-size: 42px; overflow: hidden; }
.houses .item .img a span:nth-of-type(1){ background-size: 62px; }
.houses .item .img img{ width: 100%; height: 100%; object-fit: cover; object-position: center; filter: blur(0); transition: filter 0.4s ease; }
.houses .item .img img.lazy{ position: absolute; top: 0; left: 0; /*opacity: 0; filter: blur(6px);*/ transition: filter 0.4s ease; }
.houses .item .img span{ float: left; display: flex; align-items: center; justify-content: center; align-content: center; box-sizing: border-box; overflow: hidden; transition: all 0.5s ease; z-index: 1; }
.houses .item .img span:hover{ transform: scale(1.02); transition: all 0.5s ease; z-index: 2; }
.houses .item .img span:nth-of-type(1){ width: 68%; height: 100%; }
.houses .item .img span:nth-of-type(2){ width: 32%; height: 50%; border-left: 1px solid #fff; border-bottom: 1px solid #fff; }
.houses .item .img span:nth-of-type(3){ width: 32%; height: 50%; border-left: 1px solid #fff; }
.houses .item .txt{ position: absolute; bottom: 30px; left: 30px; width: 30%; padding: 20px; border: 1px solid #fff; background: rgba(0,0,0,0.4); box-sizing: border-box; z-index: 2; }
.houses .item .txt .heading{ display: block; font: 28px 'Jost-Book'; color: #fff; transition: color 0.4s ease; }
.houses .item .txt .heading:hover{ color: #f6c157; transition: color 0.4s ease; }
.houses .item .txt .description{ display: block; font: 16px 'Jost-Light'; color: #fff; }
.houses .item .txt .more{ display: block; font: 28px 'Jost-Light'; color: #fff; margin-top: 16px; }

.photogrid{ background: #1a1a1a!important; padding: 20px 10px 40px; overflow-x: clip; }
.photogrid.white{ background: #fff!important; padding: 40px 10px; }
.photogrid.no_top_padding{ padding-top: 0; }
.photogrid .group{ clear: both; }
.photogrid .item{ float: left; width: 25%; height: 18vw; padding: 0 8px 16px; box-sizing: border-box; transition: transform 0.3s ease; }
.photogrid .item.hidden_photo{ display: none; }
.photogrid .item.hidden_photo img{ display: none; }
.photogrid .item:hover{ transform: scale(1.03); transition: transform 0.3s ease; z-index: 2; }
.photogrid .item.big{ width: 50%; height: 36vw; }
.photogrid .item a{ display: block; position: relative; width: 100%; height: 100%; background: rgba(255,255,255,0.07) url('/img/loading.svg') no-repeat center; background-size: 42px; overflow: hidden; }
.photogrid .item img{ width: 100%; height: 100%; object-fit: cover; /*filter: blur(0);*/ transition: filter 0.4s ease; }
.photogrid .item img.lazy{ position: absolute; top: 0; left: 0; /*opacity: 0; filter: blur(6px);*/ transition: filter 0.4s ease; }
.photogrid .group .column1{ float: left; width: 50%; }
.photogrid .group .column1 .item{ width: 50%; }
.photogrid .group .column2{ float: left; width: 25%; }
.photogrid .group .column2 .item{ width: 100%; }

.project_slider a{ display: block; position: relative; width: 100%; height: 100%; background: rgba(0,0,0,0.8) url('/img/loading.svg') no-repeat center; background-size: 72px; overflow: hidden; }
.project_slider span.fst_photo{ display: block; position: relative; width: 100%; height: 100%; background: rgba(0,0,0,0.8) url('/img/loading.svg') no-repeat center; background-size: 72px; overflow: hidden; }
.project_slider .fst_photo{ cursor: pointer; }
.project_slider img{ width: 100%; height: 80vh; object-fit: cover; filter: blur(0); transition: filter 0.4s ease; }
.project_slider img.lazy{ /*opacity: 0;*/ filter: blur(6px); transition: filter 0.4s ease; }
.project_slider iframe{ height: 80vh; }
.project_slider .owl-nav{ display: block!important; }
.project_slider .owl-dots{ display: block!important; }

.press .group{ display: flex; flex-wrap: wrap; position: relative; margin: 0 -15px; }
.press .group .item{ width: 16.65%; padding: 0 15px 70px; box-sizing: border-box; }
.press .group .item a{ display: block; }
.press .group .item a img{ width: 100%; height: 310px; object-fit: cover; }
.press .group .item a .title{ display: block; font: 16px 'AvertaCY-Bold'; padding: 7px 0 0; }

article.pressa_about{ max-width: 900px; margin: 0 auto; padding-bottom: 0; }
article.pressa_about h1{ font-size: 46px; }
article.pressa_about p{ line-height: 1.6; }
article.pressa_about .project_slider a{ background: #fff; }
article.pressa_about .press .group .item{ width: 33.33%; }
article.pressa_about .press .group .item a img{ height: 380px; }

.kleeniy_brus h1{ display: table; position: relative; margin: 0 auto 60px; padding-right: 100px; }
.kleeniy_brus h1:after{ content: 'Новинка'; position: absolute; top: -5px; right: 0; height: 26px; padding: 0 10px 0 16px; font: 14px 'AvertaCY-Regular'; line-height: 26px; background: linear-gradient(#f6c157, #daaa48)!important; color: #000; font-variant-caps: unset; clip-path: polygon(10% 0, 100% 0, 100% 100%, 10% 100%, 0% 50%); }
.brus_title{ display: flex; flex-direction: column; justify-content: center; height: 360px; background: url('/img/kbrus_bg.jpg') no-repeat center; background-size: cover; text-align: center; font: 24px 'Jost-Book'; color: #fff; text-transform: uppercase; text-shadow: 2px 2px 2px rgba(0,0,0,0.4); }
.brus_title p{ display: flex; font: 64px 'Jost-Medium'; justify-content: center; }
.brus_title p span{ display: block; padding: 0px 40px; }

.hundegger{ position: relative; background: url('/img/hundegger_k2.jpg') no-repeat left bottom -1px; background-size: calc(50% - 50px); padding: 70px 0; }
.hundegger:before{ content: ''; position: absolute; top: -50px; left: 0; right: 0; margin: auto; width: 1px; height: 100px; background: #e3c795; }

.clause_group{ display: flex; }
.clause_group .img{ width: 50%; display: flex; align-items: flex-start; flex-wrap: wrap; gap: 15px; justify-content: center; }
.clause_group .img img{ max-width: 50%; }
.clause_group .txt{ width: 50%; padding-left: 50px; box-sizing: border-box; }
.clause_group .txt h2{ font: 30px 'Jost-Light'; text-transform: none; font-variant-caps: unset; }
.clause_group .txt strong, .clause_group .txt b{ font-weight: normal; font-style: normal; background: linear-gradient(#f6c157, #daaa48)!important; -webkit-background-clip: text!important; color: transparent!important; }
.clause_group .txt ul{ list-style: none; }
.clause_group .txt ul li{ position: relative; margin-bottom: 18px; padding-left: 30px; }
.clause_group .txt ul li:before{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 10px; height: 10px; background: linear-gradient(#f6c157, #daaa48)!important; transform: rotate(45deg); box-shadow: 2px 2px 4px rgba(0,0,0,0.4); }
.clause_group .txt table{ width: 100%; }
.clause_group .txt table tr{ border-bottom: 1px solid #c8981c; }
.clause_group .txt table td{ height: 46px; min-height: 46px; padding: 0 20px; vertical-align: middle; }
.clause_group .txt table td img{ display: inline-block; margin-left: 10px; vertical-align: middle; }
.clause_group .txt table td:nth-of-type(2){ text-align: right; white-space: nowrap; }

.brus_preferences{ position: relative; padding: 70px 0; }
.brus_preferences .container{ display: flex; }
.brus_preferences:before{ content: ''; position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 1px; height: 100%; background: #e3c795; z-index: -1; }
.brus_preferences h2{ font: 46px 'Jost-Light'; line-height: 1.8; background: #fff; }
.brus_preferences .pics{ width: 55%; }
.brus_preferences  .item{ display: flex; align-items: center; margin: 0 0 50px 0; }
.brus_preferences .item .scheme{ width: 45vw; padding-right: 5vw; box-sizing: border-box; }
.brus_preferences .item .scheme img{ max-width: 100%; }
.brus_preferences .item .sizes{ display: flex; flex-direction: column; align-items: center; position: relative; width: 10vw; }
.brus_preferences .item .sizes span{ display: block; margin: 15px 0; padding: 6px 0; text-align: center; background: #fff; }

.brus_preferences .item .sizes span.new_badge:after{ content: "Новинка"; position: absolute; top: 30px; right: -42px; height: 26px; color: rgb(0, 0, 0); clip-path: polygon(10% 0px, 100% 0px, 100% 100%, 10% 100%, 0% 50%); padding: 0px 10px 0px 16px; font: normal 12px AvertaCY-Regular; line-height: 26px; background: linear-gradient(rgb(246, 193, 87), rgb(218, 170, 72)) !important; }

.brus_preferences .info{ display: flex; flex-direction: column; justify-content: space-around; width: 45%; }
.brus_preferences .item .description{ width: 100%; padding-right: 10%; box-sizing: border-box; text-align: center; }
.brus_preferences .item .description .title{ display: block; margin-bottom: 10px; padding-top: 56px; font: 46px 'Jost-Light'; line-height: 1; }
.brus_preferences .item .description .title.woodbeam{ background: url('/img/wooden-beam.svg') no-repeat top center; background-size: 52px; }
.brus_preferences .item .description .title.woodlogs{ background: url('/img/wooden-logs.svg') no-repeat top center; background-size: 80px; }
.brus_preferences .item .description .title.woodplank{ background: url('/img/wooden-plank.svg') no-repeat top center; background-size: 52px; }
.brus_preferences .item .description .title.woodround{ background: url('/img/round_wood.svg') no-repeat top center; background-size: 52px; }
.brus_preferences .item .description .title.bigwood{ background: url('/img/big_wood.svg') no-repeat top center; background-size: 52px; }

.triangles{ position: relative; }
.triangles:before{ content: ''; position: absolute; top: -50px; left: 0; right: 0; margin: auto; width: 1px; height: 100px; background: #e3c795; }
.triangles:after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/img/brus_triangles.png') no-repeat top center; z-index: 1; }
.triangles .container{ position: relative; z-index: 2; }
.triangles .txt p{ display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: center; position: relative; margin: 0 -10px; }
.triangles .txt p a{ width: 14.67%; padding: 0 10px 20px; box-sizing: border-box; transform: scale(1); transition: transform 0.4s ease; }
.triangles .txt p a:hover{ transform: scale(1.04); transition: transform 0.4s ease; z-index: 2; }
.triangles .txt p:nth-of-type(1) a:nth-of-type(1),
.triangles .txt p:nth-of-type(1) a:nth-of-type(2){ width: 22%; }

.brus_logos{ display: flex; justify-content: center; position: relative; width: 100%; margin: 100px 0 40px; }
.brus_logos:before{ content: ''; position: absolute; top: -85px; left: 0; right: 0; margin: auto; width: 1px; height: 80px; background: #e3c795; z-index: -1; }
.brus_logos:after{ content: ''; position: absolute; bottom: -130px; left: 0; right: 0; margin: auto; width: 1px; height: 100px; background: #e3c795; z-index: -1; }
.brus_logos p{ display: flex; align-items: center; justify-content: center; width: 16.67%; height: 100px; margin: 0!important; padding: 20px; box-sizing: border-box; }
.brus_logos p img{ width: 100%; height: 100%; object-fit: contain; filter: brightness(3) grayscale(1); }

.brus_price{ position: relative; }
.brus_price:before{ content: ''; position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 1px; height: 50px; background: #e3c795; }
.brus_price .container{ text-align: center; }
.brus_price .container h2{ font: 42px 'Jost-Light'; }
.brus_price .container p{ max-width: 500px; margin-left: auto; margin-right: auto; }
.brus_price .gold-button.calc:before{ background-image: url('/img/calculator.svg'); background-size: 28px; }

.calc_title{ display: flex; flex-direction: column; justify-content: center; position: relative; height: 360px; background: url('/img/calc_bg.jpg') no-repeat top center; background-size: cover; text-align: center; font: 30px 'Jost-Light'; color: #fff; text-shadow: 2px 2px 2px rgba(0,0,0,0.4); }
.calc_title:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: -1; }
.calc_title p{ display: flex; font: 52px 'Jost-Book'; text-transform: uppercase; justify-content: center; }
.calc_title p span{ display: block; padding: 0px 40px; }

.calculator{ position: relative; background: #1a1a1a; padding: 50px 0 70px 0; color: #fff; overflow-x: hidden; }
.calculator:before{ content: ''; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; width: 1px; height: 90px; background: linear-gradient(#e3c795, #e3c795); }
.calculator h1{ margin-bottom: 0; font: 28px 'Jost-Thin'; line-height: 1.2; text-align: center; text-transform: uppercase; }
.calculator .selector{ display: flex; justify-content: center; margin-bottom: 60px; padding-top: 16px; }
.calculator .selector > div{ position: relative; margin: 0 10px; }
.calculator .selector span{ padding-left: 56px; }
.calculator .selector span.active{ color: #fff; text-decoration: underline; }
.calculator .selector span:before{ content: ''; position: absolute; left: 20px; top: 0; bottom: 0; width: 28px; height: 28px; background-size: 28px!important; margin: auto 0; filter: invert(1); }
.calculator .selector .gold-button{ font-size: 14px!important; }
.calculator .selector .upload:before{ background: url('/img/houseplan.svg') no-repeat left center; }
.calculator .selector .choose:before{ background: url('/img/plans.svg') no-repeat left center; }
.calculator .selector .web:before{ background: url('/img/www.svg') no-repeat left center; }
.calculator .selector .nothing:before{ background: url('/img/nothing.svg') no-repeat left center; }
.calculator .selected_block{ display: block; position: relative; width: 100%; max-height: 0; margin: 0; padding: 0 60px; box-sizing: border-box; overflow: hidden; opacity: 0; }
.calculator .selected_block.active{ max-height: 1000px; opacity: 1; z-index: 4; transition: max-height 0.6s ease; }
.calculator .selected_block#calc_2{ background: url(/img/loading.svg) no-repeat center; background-size: 62px; }
.calculator .selected_block#calc_4{ margin-bottom: 30px; }
.calculator .group{ padding: 30px 40px 40px 0; border-bottom: 1px solid #352d22; }
.calculator .group:last-child{ border-bottom: 0; }
.calculator .group .title{ display: block; font: 24px 'AvertaCY-Regular'; line-height: 46px; margin-bottom: 20px; padding-left: 60px; }
.calculator .group .title.geometry{ background: url('/img/geometry.svg') no-repeat left center; background-size: 38px; }
.calculator .group .title.foundation{ background: url('/img/foundation.svg') no-repeat left center; background-size: 38px; }
.calculator .group .title.l-beam{ background: url('/img/l-beam.svg') no-repeat left center; background-size: 38px; }
.calculator .group .title.wooden-beam{ background: url('/img/wooden-beam.svg') no-repeat left center; background-size: 38px; }
.calculator .group .title.wood{ background: url('/img/wood.svg') no-repeat left center; background-size: 38px; }
.calculator .group .title.roof{ background: url('/img/roof.svg') no-repeat left center; background-size: 38px; }
.calculator .group .title.ladder{ background: url('/img/ladder.svg') no-repeat left center; background-size: 38px; }
.calculator .group .hint{ display: block; background: url('/img/hint.svg') no-repeat left center; background-size: 20px; font: 14px 'AvertaCY-Regular'; color: #adadad; margin: 30px 0 0 9px; padding-left: 30px; }
.calculator .group .hint a{ color: #fff; }
.calculator .group .range{ display: flex; align-items: center; position: relative; }
.calculator .group .range .title{ white-space: nowrap; }
.calculator .group .range .range_group{ position: relative; margin-left: 20px; width: 100%; box-sizing: border-box; }
.calculator .group .range .range_group input[type="range"]{ -webkit-appearance: none; width: 100%; height: 7px; background: #3f3d3e; border-radius: 5px; background-image: linear-gradient(#cc994a, #cc994a); background-size: 70% 100%; background-repeat: no-repeat; }
.calculator .group .range .range_group input[type="range"]::-webkit-slider-thumb{ -webkit-appearance: none; height: 40px; width: 40px; transform: rotate(45deg); background: linear-gradient(-235deg, #f1cc64, #c49111); cursor: ew-resize; box-shadow: 1px 1px 7px 3px rgba(0,0,0,0.6); transition: background .3s ease-in-out; }
.calculator .group .range .range_group input[type=range]::-webkit-slider-runnable-track{ -webkit-appearance: none; box-shadow: none; border: none; background: transparent; }
.calculator .group .range .range_group #rangevalue{ display: flex; justify-content: center; align-items: center; position: absolute; width: 40px; left: 0; bottom: -16px; font: 16px 'AvertaCY-Semibold'; pointer-events: none; height: 40px; color: #000; }
.calculator .specialist_help{ margin-top: 20px!important; }
.calculator .inline .specialist_help{ margin-top: 0px!important; margin-left: 20px!important; }
.calculator .inline br + p .specialist_help,
.calculator .inline br + p.specialist_help{ margin-left: 0px!important; margin-top: 20px!important; }

.calculator #fileproject{ display: none; }
.calculator #fileproject + label{ display: block; position: relative; width: 300px; height: 56px; line-height: 56px; margin: 0 auto 30px; padding: 0 10px; text-align: center; border: 2px solid transparent; border-image: linear-gradient(#f1ca67,#c29111); border-image-slice: 1; box-sizing: border-box; white-space: nowrap; overflow: hidden; cursor: pointer; }
.calculator #fileproject + label:after{ content: ''; position: absolute; top: 0; bottom: 0; left: 20px; width: 16px; height: 32px; margin: auto 0; background: url('/img/paper-clip.svg') no-repeat center; background-size: 14px; }
.calculator #fileproject + label.file_selected:after{ display: none; }
.calculator #urlproject{ display: block; width: 420px; height: 40px; line-height: 40px; margin: 0 auto 30px; padding-left: 36px; font: 16px 'AvertaCY-Regular'; background: url('/img/url.svg') no-repeat left 7px center; background-size: 20px; color: #fff; border-bottom: 1px solid #7a5c2c; box-sizing: border-box; outline: 0; }

#calc_4{ text-align: center; }
#calc_4 select{ display: inline-block; width: 18%; height: 42px; line-height: 42px; margin: 0 12px; padding: 0 10px; border: 2px solid transparent; border-image: linear-gradient(#f1ca67,#c29111); border-image-slice: 1; background: #1a1a1a; font: 16px 'AvertaCY-Regular'; color: #fff; box-sizing: border-box; }
#calc_4 input[type=number]{ display: inline-block; width: 18%; height: 42px; line-height: 42px; margin: 0 12px; padding: 0 10px; border: 2px solid transparent; border-image: linear-gradient(#f1ca67,#c29111); border-image-slice: 1; background: #1a1a1a; font: 16px 'AvertaCY-Regular'; color: #fff; box-sizing: border-box; -webkit-appearance: none; -moz-appearance:textfield; }

#calc_4 #dfloor{ display: none; }
#calc_4 #dfloor + label{ display: inline-block; margin: 16px 0 0; position: relative; padding-left: 32px; line-height: 24px; color: #fff; outline: 0; cursor: pointer; }
#calc_4 #dfloor + label:before{ content: ''; position: absolute; top: 0; bottom: 0; margin: auto 0; left: 0; width: 20px; height: 20px; border: 2px solid #cc9949; }
#calc_4 #dfloor:checked + label:after{ content: ''; position: absolute; top: 0; bottom: 0; margin: auto 0; left: 4px; width: 16px; height: 16px; background: #cc9949; }
#calc_4 input[type=number]::-webkit-outer-spin-button,
#calc_4 input[type=number]::-webkit-inner-spin-button{ -webkit-appearance: none; margin: 0; }

.calculator .select_box{ margin-left: 60px; }
.calculator .select_box.inline p{ display: inline-block; margin: 0 12px 0 0; }
.calculator .select_box .column{ display: inline-block; margin: 0 60px 0 0; vertical-align: top; }
.calculator .select_box .column .gold{ display: block; font: 18px 'AvertaCY-Regular'; margin-bottom: 20px; }
.calculator .select_box p{ margin: 0; }
.calculator .select_box input[type=radio]{ display: none; }
.calculator .select_box input[type=radio] + label{ display: table; position: relative; background: #212121; border-radius: 38px; margin: 0 0 10px 0; padding: 0 20px 0 40px; line-height: 38px; cursor: pointer; }
.calculator .select_box input[type=radio] + label.imagine{ display: block; position: relative; margin: 0; padding: 6px 18px 18px; height: 100%; border-radius: 19px; box-sizing: border-box; line-height: 1; }
.calculator .select_box input[type=radio] + label.imagine img{ display: block; margin: 0 auto; }
.calculator .select_box input[type=radio] + label.imagine span{ display: block; position: relative; min-height: 20px; padding-left: 30px; box-sizing: border-box; }
.calculator .select_box input[type=radio] + label:before,
.calculator .select_box input[type=radio] + label.imagine span:before{ content: ''; position: absolute; top: 10px; left: 10px; width: 18px; height: 18px; border: 1px solid #f7d54d; border-radius: 18px; }
.calculator .select_box input[type=radio] + label.imagine span:before{ top: 0; left: 0; }
.calculator .select_box input[type=radio] + label:hover:after,
.calculator .select_box input[type=radio]:checked + label:after,
.calculator .select_box input[type=radio] + label.imagine:hover span:after,
.calculator .select_box input[type=radio]:checked + label.imagine span:after{ content: ''; position: absolute; top: 14px; left: 14px; width: 12px; height: 12px; background: #f7d54d; border-radius: 12px; }
.calculator .select_box input[type=radio] + label.imagine span:after,
.calculator .select_box input[type=radio]:checked + label.imagine span:after,
.calculator .select_box input[type=radio] + label.imagine:hover span:after{ top: 4px; left: 4px; }

.calculator .checkbox{ padding-left: 60px; }
.calculator .checkbox p{ display: flex; align-items: center; }
.calculator .checkbox p span{ height: 26px; cursor: pointer; }
.calculator .checkbox #finishing{ display: none; }
.calculator .checkbox #finishing:not(checked) + label{ position: relative; }
.calculator .checkbox #finishing + label{ display: block; width: 50px; height: 26px; margin: 0 10px; padding: 0; box-sizing: border-box; color: #212121; white-space: nowrap; cursor: pointer; }
.calculator .checkbox #finishing:checked + label:before{ background: linear-gradient(#cc9949, #cc9949); }
.calculator .checkbox #finishing:not(checked) + label:before{ content: ''; position: absolute; top: -2px; left: 0; width: 50px; height: 26px; border-radius: 13px; background: #212121; box-sizing: border-box; border: 1px solid #f1ca67; box-shadow: inset 0 2px 3px rgb(0 0 0 / 20%); transition: .2s; }
.calculator .checkbox #finishing:checked + label:after{ left: 4px; filter: brightness(1.2); }
.calculator .checkbox #finishing:not(checked) + label:after{ content: ''; position: absolute; top: 2px; left: 28px; width: 18px; height: 18px; border-radius: 10px; background: linear-gradient(#f1cc64, #c49111); box-shadow: 0 2px 5px rgb(0 0 0 / 30%); transition: .2s; }

#calculator .privacy_policy{ display: block; position: static; margin: 30px 0 0 60px; }
.calculator_form{ position: relative; padding: 40px 0 60px 0; background: #070707; color: #fff; }
.calculator_form:before{ content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: url('/img/calc_triangles.png') no-repeat top right; background-size: contain; pointer-events: none; z-index: 1; }
.calculator_form .container{ display: flex; align-items: center; justify-content: center; position: relative; z-index: 2; }
.calculator_form .title{ display: flex; align-items: center; font: 22px 'Jost-Medium'; line-height: 20px; color: #fff; height: 50px; padding: 0 0 0 60px; background: url('/img/contact.svg') no-repeat left center; background-size: 38px; text-transform: uppercase; }
.calculator_form .group{ display: flex; padding: 18px 0 0 60px; border-bottom: none; box-sizing: border-box; }
.calculator_form input[type=text]{ width: 33.33%; height: 40px; line-height: 40px; margin-right: 60px; padding-left: 36px; font: 16px 'AvertaCY-Regular'; background: rgba(7,7,7,0.84); color: #fff; border-bottom: 1px solid #7a5c2c; box-sizing: border-box; outline: 0; }
.calculator_form input#calculator_name{ background: rgba(7,7,7,0.84) url('/img/account.svg') no-repeat left; background-size: 24px; }
.calculator_form input#calculator_email{ background: rgba(7,7,7,0.84) url('/img/email.svg') no-repeat left; background-size: 24px; }
.calculator_form input#calculator_phone{ background: rgba(7,7,7,0.84) url('/img/phone.svg') no-repeat left; background-size: 24px; }
.calculator_form input#calculator_text{ width: 100%; background: rgba(7,7,7,0.84) url('/img/chat.svg') no-repeat left; background-size: 24px; }
.calculator_form input#calculator_phone.attention{ background-image: url('/img/phone.svg'), url('/img/attention.svg')!important; background-position: left, right 10px center!important; background-size: 24px, 24px!important; }

.calculator_form input[type=submit]{ min-width: 369px; margin-left: 60px; }
.calculator_form input[type=submit]:disabled, .calculator_form input.disabled[type=submit]{ filter: grayscale(0.6); pointer-events: none!important; }
.calculator_form input.execute[type=submit]{ filter: grayscale(0.6); background: url('/img/loading.svg') no-repeat center, linear-gradient(#f2cc69, #c29112); background-size: 38px, 100%; pointer-events: none!important; }
.calculator_form .err_message{ margin-left: 60px; }
.calculator_form .acceptance + label{ margin: 36px 0 36px 60px; }
.calculator_form .acceptance + label a{ color: #fff; }
.calculator_form .success{ padding: 0 20px; }
.calculator_form .error{ padding: 0 20px; }
.calculator_form .sendform{ margin: 0 auto 0 0; }

/* Calculator v2.0 */
.calc_v2{ display: flex; align-items: flex-start; margin: 30px 0 10px; }
.calc_v2 .left{ width: 335px; min-width: 335px; max-width: 335px; padding: 0 40px 0 0; }
.calc_v2 .status_bar{ display: grid; align-content: space-between; min-height: 360px; margin-top: 30px; padding: 20px; border: 1px solid #585858; border-radius: 4px; overflow: hidden; box-sizing: border-box; }
.calc_v2 .status_bar .service_content{ margin-bottom: 20px; }
.calc_v2 .status_bar .service_content img{ margin: 40px auto 0; }
.calc_v2 .status_bar .service_content h2{ font-size: 24px; margin-bottom: 16px; }
.calc_v2 .status_bar .service_content table{ width: 100%; text-align: left; margin: 0 0 20px 0; padding: 0; }
.calc_v2 .status_bar .service_content table td{ font-size: 13px; padding: 5px 5px 5px 0; border-bottom: 1px solid #352d22; }
.calc_v2 .status_bar .service_content table td.calc_project_file{ position: relative; background: url('/img/file.svg') no-repeat left center; background-size: 12px; padding-left: 20px; max-width: 266px; overflow: hidden; white-space:nowrap; }
.calc_v2 .status_bar .service_content table td.calc_project_file .unlink{ position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0; background: #1a1a1a; padding: 4px 4px 4px 8px; cursor: pointer; }
.calc_v2 .status_bar .messengers{ display: flex; align-items: center; font-size: 13px; color: #bdbdbd; }
.calc_v2 .status_bar .messengers div{ display: flex; }
.calc_v2 .status_bar .messengers div a{ padding: 0 0 0 15px; }
.calc_v2 .status_bar .messengers div img{ min-width: 38px; width: 38px; height: 38px; }
.calc_v2 .left .selector{ display: block; margin: 0; padding: 0; }
.calc_v2 .left .selector > div{ margin: 0 0 10px; white-space: nowrap; }
.calc_v2 .left .selector .gold-button{ width: 100%; box-sizing: border-box; transition: all 0.3s ease; }
.calc_v2 .left .selector .gold-button.active{ width: 106%; transition: all 0.3s ease; }
.calc_v2 .right{ width: 100%; min-height: 620px; border: 1px solid #585858; border-radius: 4px; overflow: hidden; box-sizing: border-box; }
.calc_v2 .right .selected_block.active{ display: grid; min-height: 620px; align-items: center; align-content: center; }
.calc_v2 .right #calc_4{ margin-bottom: 0; }
.calc_v2 .right #calc_4 select,
.calc_v2 .right #calc_4 input{ width: 28%; }
.calc_v2 .right #calc_4.active{ display: flex; flex-wrap: wrap; justify-content: center; }
.calc_v2 .right #calc_4.active p{ width: 100%; }
.calc_v2 .right #calc_4.active #dfloor + label{ margin: 16px auto 0; }
.calc_v2 .right #fileproject + label{ margin: 0 auto; }
.calc_v2 .ungroup{ display: none; }
.calc_v2 .group p.error{ display: block; position: relative; padding: 0; }
.calc_v2 .group p.error input + label{ color: #cc0000; }
.calc_v2 .group p.error input + label:before{ border-color: #cc0000; }
.calc_v2 .group p.error input + label.imagine span:before{ border-color: #cc0000; }
.calc_v2 .group .range{ display: block; }
.calc_v2 .group .range .range_group{ margin: 30px 0 0 0; }
.calc_v2 .right .calc_data{ display: none; }
.calc_v2 .right .calc_data > .group{ display: none; width: 100%; min-height: 620px; padding: 30px; box-sizing: border-box; }
.calc_v2 .right .calc_data .calculator_form{ display: none; width: 100%; min-height: 620px; height: 100%; padding: 60px 30px; box-sizing: border-box; }
.calc_v2 #seleprojid{ display: none; }
.calc_navi{ display: flex; justify-content: space-between; margin: 0 0 80px auto; width: calc(100% - 375px); text-align: right; }
.calc_navi .step_counter{ color: #8a8a8a; text-align: center; }
.calc_navi .step_counter #err{ display: none; color: #cc0000; text-align: center; }
.calc_navi .step_counter #err.active{ display: block; }
.calc_navi #step_forward,
.calc_navi #step_backward{ visibility: hidden; }
.calculator{ padding-top: 60px; }
.calculator:before{ display: none; }
.calculator .group .select_box .column{ margin: 0 50px 30px 10px; }
.calculator .group .select_box .column p{ width: 100%; min-width: auto; max-width: none; padding: 0; }
.calculator .group .select_box .hint{ margin-top: 0; }
.calc_v2 .group .select_box{ display: flex; flex-wrap: wrap; position: relative; margin: 0 -12px; }
.calc_v2 .group .select_box p{ width: 33.33%; min-width: 33.33%; max-width: 33.33%; padding: 0 12px 10px; box-sizing: border-box; }
.calc_v2 .group .select_box .specialist_help{ width: 100%; min-width: auto; max-width: none; }
.calc_v2 .group .select_box .hint{ margin-left: 22px; }
.calc_v2 .group .select_box .hint.brus{ position: relative; padding-right: 45%; }
.calc_v2 .group .select_box .hint.brus:after{ content: ''; position: absolute; top: 0; bottom: 0; right: 0; margin: auto 0; width: 40%; height: 30vh; background: url('/images/materials.png') no-repeat right 20px center; background-size: contain; mix-blend-mode: difference; pointer-events: none; }
.calculator .select_box input[type=radio] + label.imagine:before{ display: none; }
.calculator .select_box input[type=radio] + label.imagine:after,
.calculator .select_box input[type=radio] + label.imagine:hover:after{ display: none; }
.calculator .select_box input[name=roof] + label.imagine img{ height: 120px; width: 100%; object-fit: cover; margin-bottom: 20px; border-radius: 8px; }
/* END Calculator v2.0 */







.fullwidth{ display: block; clear: both; }
.hiter{ max-width: 900px; margin: 0 0 30px 0; font-size: 14px; }
.hiter img{ width: 100%; height: auto; }
.hiter p{ width: 100%; margin: 0; padding: 12px 20px 20px; font-size: 14px; line-height: 1.3!important; background: #f6f6f6; box-sizing: border-box; }
.imagl{ float: left; margin: 5px 20px 10px 0; max-width: 250px; font-size: 14px; }
.imagl p{ margin: 0; padding: 5px 10px 10px; font-size: 14px; line-height: 1.4!important; background: #f6f6f6; }
.imagl img{ width: 100%!important; height: auto!important; max-height: 230px; object-fit: cover; }
.imagr{ float: right; margin: 5px 0 10px 20px; max-width: 250px; font-size: 14px; }
.imagr p{ margin: 0; padding: 5px 10px 10px; font-size: 14px; line-height: 1.4!important; background: #f6f6f6; }
.imagr img{ width: 100%!important; height: auto!important; max-height: 230px; object-fit: cover; }
.plakatdiv{ display: block; clear: both; position: relative; width: 100%; height: 40vw; margin: 0 0 20px 0; background-size: cover; background-position: center center; background-repeat: no-repeat; color: #fff; }
.plakatdiv p{ display: block; position: absolute; bottom: 0; margin: 0; width: 100%; padding: 20px; line-height: 1.3; box-sizing: border-box; background: linear-gradient(to bottom, rgba(232, 227, 227, 0) 0, rgba(0, 0, 0, 0.85) 35%); color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); box-sizing: border-box; overflow: hidden; }

.project_parameters{ height: 110px; background: #1a1a1a; color: #e5e5e5; }
.project_parameters .container{ display: flex; }
.project_parameters .container > div{ display: flex; position: relative; width: 230px; min-width: 230px; height: 110px; align-items: center; }
.project_parameters .container > div:after{ content: ''; position: absolute; top: 0; right: -26px; width: 58px; height: 110px; background: url('/img/arrow2.png') no-repeat right; }
.project_parameters .container > div:nth-of-type(2){ width: 100%; }
.project_parameters .container > div:last-child{ min-width: 360px; text-align: right; justify-content: flex-end; }
.project_parameters .container > div:last-child:after{ display: none; }
.project_parameters .container > div h1{ display: block; margin: 0; font: 26px 'Jost-Light'; line-height: 28px; }
.project_parameters .container > div h1 span{ display: block; font-size: 12px; line-height: 14px; opacity: 0.7; }
.project_parameters .container .areas{ display: flex; justify-content: center; font: 15px 'AvertaCY-Regular'; }
.project_parameters .container .areas > div{ display: flex; }
.project_parameters .container .areas .item{ display: flex; flex: 1; padding: 0 20px; align-items: center; }
.project_parameters .container .areas .item .title{ padding: 0 7px 0 0; text-align: right; text-transform: uppercase; white-space: nowrap; }
.project_parameters .container .areas .item .value{ font-size: 42px; padding: 0 0 0 7px; }
.project_parameters .container .areas .item .value span{ font-size: 15px; }
.project_parameters .container div:not(.no_hand) > span{ cursor: pointer; }
.project_parameters .container div .show{ position: relative; margin-left: 50px; padding: 0 70px 0 0; height: 60px; line-height: 60px; font-size: 15px; text-transform: uppercase; }
.project_parameters .container div .show:after{ content: ''; position: absolute; top: 0; right: 0; width: 60px; height: 60px; background: url('/img/eye.svg') no-repeat center right; background-size: 60px; }
.project_parameters .container div .price{ position: relative; padding: 0 70px 0 0; height: 60px; line-height: 60px; font-size: 15px; text-transform: uppercase; }
.project_parameters .container div .price:after{ content: ''; position: absolute; top: 0; right: 0; width: 60px; height: 60px; background: url('/img/badge.svg') no-repeat center right; background-size: 60px; }

.video_container{ padding: 60px 0; }
.video_container .container{ display: flex; justify-content: center; }
.video_container .container .video{ width: 50%; padding: 0 20px 20px; box-sizing: border-box; }
.video_container .container .video .media{ position: relative; background: #efefef url('/img/loading.svg') no-repeat center; background-size: 42px; }
.video_container .container .video .media .heading{ position: absolute; top: 0; left: 0;  }
.video_container .container .video .media iframe{ width: 100%; height: 24vw; }

.plans .container{ flex-wrap: wrap; }
.plans .c-line{ top: 0; }
.plans .c-line:after{ top: 0; height: 140px; }
.plans .planning{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; }
.plans .planning .item{ width: 50%; }
.plans .planning .item img{ max-width: 100%; min-width: 80%; filter: grayscale(1); height: auto; margin: auto; object-fit: contain; }
.plans .cpanel{ display: flex; flex-wrap: wrap; align-items: center; width: 100%; justify-content: center; }
.plans .cpanel span{ display: block; font: 42px 'Jost-Light'; padding: 0 20px; cursor: pointer; }
.plans .cpanel span.active{ background: linear-gradient(#f6c157, #daaa48)!important; -webkit-background-clip: text!important; color: transparent!important; }

.project_photo_slider{ position: relative; padding: 60px 0; color: #e5e5e5; background: #1a1a1a; }
.project_photo_slider.white{ color: #212121; background: #fff; }
.project_photo_slider .h1{ font-family: 'Jost-Light'!important; }
.project_photo_slider .container{ flex-wrap: wrap; }
.project_photo_slider .c-line{ top: 0; }
.project_photo_slider .c-line:after{ top: -40px; height: 180px; }
.project_slider.owl-carousel{ width: 100%; height: 400px; margin: 40px 0; }
.kleeniy_brus .project_slider.owl-carousel{ margin: 0; }
.project_slider.owl-carousel .item{ height: 100%; transform: scale(1); transition: all 0.5s ease; }
.project_slider.owl-carousel .owl-item:hover{ z-index: 2; }
.project_slider.owl-carousel .item:hover{ transform: scale(1.05); z-index: 1; transition: all 0.5s ease; }
.project_slider.owl-carousel .item img{ width: auto; height: 400px; }

.history{ background: #1a1a1a; padding: 0 0 70px; color: #fff; }
.history .container{ position: relative; }
.history .container.about{ margin-bottom: 70px; overflow: hidden; }

.history .scrollbar{ position: absolute; top: 100px; left: 0; right: 0; bottom: 0; margin: 0 auto; width: 106px; height: 100%; pointer-events: none; }
.history .scrollbar svg{ margin-left: -20px; }
.history .scrollbar #mark{ /*fill: transparent;*/ }
.history .scrollbar #track{ fill: none; stroke: #c39214; stroke-width: 1.2px; }

.history .photo-carousel{ max-height: 300px; margin-bottom: 70px; }
.history .photo-carousel .item{ width: 20%; height: 300px; }
.history .photo-carousel .item:hover{ width: 50%; height: 340px; }

.fulltext.swindow{ display: none; }
.history .milestones{ padding: 58px 0; }
.history .milestones .item{ position: relative; width: 49%; margin-bottom: -2vw; padding: 0 80px; box-sizing: border-box; text-align: right; opacity: 0.7; transform: scale(0.9); transition: all 1s ease; }
.history .milestones .item:last-child{ margin-bottom: 0!important; }
.history .milestones .item:hover,
.history .milestones .item.active{ opacity: 1; transform: scale(1); transition: all 1s ease; }
.history .milestones .item:nth-child(odd){ margin-left: auto; text-align: left; }
.history .milestones .item .gold{ font-size: 40px; line-height: 1; margin-bottom: 10px; }
.history .milestones .item .story{ display: block; max-height: 74px; overflow: hidden; font-size: 14px; line-height: 1.3; color: #dbdbdb; background: #191919; cursor: pointer; }
.history .milestones .item .more_story{ font-size: 14px; line-height: 1.4; color: #f6c157; opacity: 0; cursor: pointer; transition: opacity 0.3s ease; }
.history .milestones .item:hover .more_story{ opacity: 1; transition: opacity 0.3s ease; }
.history .milestones .item .btn_more{ display: none; }

.certificates{ padding: 70px 0; }
.certificates .group{ display: flex; flex-wrap: wrap; position: relative; margin: 0 -10px; }
.certificates .group a{ width: 20%; height: 23vw; padding: 0 10px 20px 10px; box-sizing: border-box; }
.certificates .group a img{ width: 100%; height: 100%; object-fit: cover; border: 2px solid transparent; border-image: linear-gradient(#f1ca67,#c29111); border-image-slice: 1; box-sizing: border-box; }

.reviews{ padding: 70px 0; background: #1a1a1a; color: #fff; }
.reviews .group{ display: flex; flex-wrap: wrap; }
.reviews .group .item{ width: 50%; padding-bottom: 80px; background: url('/img/quot.svg') no-repeat top 16px left; background-size: 50px; box-sizing: border-box; }
.reviews .group .item:nth-child(odd){ padding-left: 80px; padding-right: 40px; }
.reviews .group .item:nth-child(even){ padding-left: 120px; background-position: top 16px left 40px; }
.reviews .group .item .heading{ display: flex; height: 56px; line-height: 56px; margin-bottom: 20px; border-bottom: 1px solid #7a6b2f; }
.reviews .group .item .heading .gold{ margin-right: 10px; }
.reviews .group .item .heading .date{ font-size: 12px; opacity: 0.6; }
.reviews .group .item .button{ display: table; position: relative; margin: 30px 0 0 0; height: 46px; line-height: 46px; padding: 0 32px 0 24px; background: linear-gradient(#f1ca67,#c29111); clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0 100%); cursor: pointer; }
.reviews .group .item .button:after{ content: ''; position: absolute; width: calc(100% - 4px); height: calc(100% - 4px); top: 2px; left: 2px; clip-path: polygon(0 0, 90.5% 0%, 100% 50%, 90.5% 100%, 0 100%); background: #1a1a1a; z-index: -1; }
.reviews .group .item .fulltext{ display: none; }
.reviews #more_reviews{ display: table; position: relative; margin: -20px auto 0 auto; padding-bottom: 60px; font-size: 18px; color: #f1cc6b; cursor: pointer; }
.reviews #more_reviews:after{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; width: 42px; height: 42px; line-height: 42px; text-align: center; background: url(/img/arrow.svg), linear-gradient(45deg, #f1ca66, #c29112); background-size: 14px, 42px; background-repeat: no-repeat, repeat-x; background-position: center, center; color: #fff; transform: rotate(135deg); transition: all 0.5s ease; }

.fulltext.fancybox__content{ max-width: 700px; background: #000; color: #dbdbdb; }
.fulltext.fancybox__content .heading{ display: flex; height: 56px; line-height: 56px; margin-bottom: 20px; border-bottom: 1px solid #7a6b2f; }
.fulltext.fancybox__content .heading .gold{ margin-right: 10px; }
.fulltext.fancybox__content .heading .date{ opacity: 0.6; }

.press{ padding: 70px 0; }

.equipment.black{ background: #1a1a1a; color: #fff; }
.equipment .c-line{ top: 0; }
.equipment .c-line:after{ top: -40px; height: 180px; }
.equipment .h1{ font-family: 'Jost-Light'!important; }
.equipment .h1{ font-size: 40px; line-height: 36px; }
.equipment .container{ flex-wrap: wrap; }
.equipment .list{ display: flex; flex-wrap: wrap; width: 100%; padding: 30px 0; }
.equipment .list .group{ width: 33.33%; margin-bottom: 30px; box-sizing: border-box; }
.equipment .list .group h3{ font: 22px 'Jost-Book'; text-transform: uppercase; margin-bottom: 15px; }
.equipment.black .list .group .sendform h3{ color: #212121; }
.equipment .list .group:nth-child(2n), .equipment .list .group:nth-child(5n){ padding: 0 30px; }
.equipment .list .group:nth-child(3n){ padding: 0 0 0 30px; }
.equipment .list .group:nth-child(1), .equipment .list .group:nth-child(3n+1){ padding: 0 30px 0 0; }
.equipment .list .group ul{ list-style: none; margin: 0; }
.equipment .list .group li{ display: flex; align-items: center; list-style: none; margin: 0; padding: 9px 0; border-bottom: 1px solid #e5cca4; }
.equipment.black .list .group li{ border-color: #574517; }
.equipment .list .group .hint{ margin-top: 40px; font-size: 11px; color: #5d5d5d; }
.equipment.black .list .group .hint{ color: #858585; }
.equipment .list .group .hint .gold{ display: inline-block; font-size: 20px; line-height: 11px; vertical-align: bottom; }
.equipment .list .group.form{ position: relative; margin-top: -40px; background: #fbf7e9; padding: 40px; }
.equipment .list .group.form input[type=text]{ width: 100%; height: 40px; padding-left: 45px; background: transparent; font: 16px 'AvertaCY-Regular'; border-bottom: 1px solid #dfbf89; box-sizing: border-box; }
.equipment .list .group.form #getprice_name{ background: transparent url('/img/account.svg') no-repeat left; background-size: 24px; }
.equipment .list .group.form #getprice_email{ background: transparent url('/img/email.svg') no-repeat left; background-size: 24px; }
.equipment .list .group.form #getprice_phone{ background: transparent url('/img/phone.svg') no-repeat left; background-size: 24px; }
.equipment .list .group.form #getprice_text{ background: transparent url('/img/chat.svg') no-repeat left; background-size: 24px; }
.equipment .list .group.form #getprice_phone.attention{ background-image: url('/img/phone.svg'), url('/img/attention.svg')!important; background-position: left, right 10px center!important; background-size: 24px, 24px!important; }

#getprice .acceptance + label:hover,
#getprice .acceptance:checked + label{ color: #c29111!important; }
#getprice .privacy_policy{ color: #000; right: 10px; }

.equipment .list .group.form input[type=submit]{ width: 100%; justify-content: center; cursor: pointer; pointer-events: all!important; }
.equipment .list .group.form input[type=submit]:disabled, .equipment .list .group.form input.disabled[type=submit]{ filter: grayscale(0.6); pointer-events: none!important; }
.equipment .list .group .item{ display: flex; align-items: center; margin: 0 0 20px 20px; }
.equipment .list .group .item img{ min-width: 50px; width: 50px; height: 50px; object-fit: contain; margin-right: 15px; }
.equipment .list .group .item img[src*='svg']{ min-width: 36px; width: 36px; height: 36px; margin: 10px 30px 10px 0; }

.black_section{ position: relative; padding: 46px 0 36px; color: #e5e5e5; background: #1a1a1a; }
.black_section:after{ content: ''; position: absolute; bottom: -14px; left: 0; right: 0; width: 28px; height: 28px; margin: 0 auto; background: #1a1a1a; transform: rotate(45deg); pointer-events: none; z-index: 2; }
.black_section .container{ display: flex; flex-wrap: wrap; align-items: center; }
.black_section .container h1{ margin: 0 auto 40px; }
.black_section .container p{ max-width: 900px; margin-left: auto; margin-right: auto; text-align: center; }
.black_section .pdf_inline_data{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; min-height: 60px; }
.black_section .pdf_inline_data p{ display: flex; justify-content: flex-end; align-items: center; width: 50%; margin: 0; padding: 0 160px 0 0; font: 15px 'AvertaCY-Regular'; box-sizing: border-box; text-align: right; text-transform: uppercase; }
.black_section .pdf_inline_data p:nth-child(2n){ justify-content: flex-start; padding: 0 0 0 160px; }
.black_section .pdf_inline_data p.w100{ justify-content: center; width: 100%; margin: 0 auto; padding: 0 0 80px 0; text-align: center; text-transform: none; }
.black_section .pdf_inline_data p + .w100{ margin-top: 20px; padding-bottom: 40px; }
.black_section .pdf_inline_data p strong, .black_section .pdf_inline_data p b{ margin: 0 0 0 20px; font-size: 15px; font-style: normal; font-weight: normal; white-space: nowrap; background: linear-gradient(#f6c157, #daaa48)!important; -webkit-background-clip: text!important; color: transparent!important; text-transform: none; }
.black_section .pdf_inline_data p em, .black_section .pdf_inline_data p i{ font-size: 46px; font-style: normal; font-weight: normal; }
.black_section .h1{ width: 100%; margin-bottom: 28px; font: 48px 'Jost-Light'; line-height: 42px; text-align: center; font-variant-caps: small-caps; }
.black_section .h2{ width: 100%; margin-bottom: 60px; }

.pdf_slider{ position: relative; padding: 40px 0; }
.pdf_slider:after{ content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: url('/img/project_form_right.jpg') no-repeat right; opacity: 0.2; pointer-events: none; }
.pdf_slider:before{ content: ''; position: absolute; left: 0; width: 100%; height: 100%; background: url('/img/project_form_left.jpg') no-repeat left; opacity: 0.2; pointer-events: none; }
.pdf_slider .container{ max-width: 800px; margin: 0 auto; }
.pdf_slider .owl-carousel .owl-item img{ height: 560px; object-fit: contain; }
.pdf_slider .owl-theme .owl-nav [class*=owl-]{ background-image: url('/img/arrow_g.svg'); }
.pdf_slider .owl-theme .owl-nav .owl-next{ right: -60px; background-color: rgba(255,255,255,0.8); }
.pdf_slider .owl-theme .owl-nav .owl-prev{ left: -60px; background-color: rgba(255,255,255,0.8); }
.pdf_slider .owl-dots{ display: none; }

.pdf_controls{ display: flex; justify-content: center; align-items: center; position: absolute; top: -80px; left: 0; right: 0; max-width: 210px; margin: 0 auto; color: #fff; }
.pdf_controls .items{ display: flex; align-items: flex-end; justify-content: center; min-width: 60px; line-height: 16px; }
.pdf_controls .items .current{ font-size: 30px; line-height: 25px; }
.pdf_controls .prev{ width: 26px; height: 26px; margin-right: 40px; transform: rotate(45deg); border-left: 2px solid transparent; border-bottom: 2px solid transparent; border-image: linear-gradient(-75deg,#f1ca67,#c29111); border-image-slice: 1; cursor: pointer; transition: transform 0.3s ease; }
.pdf_controls .next{ width: 26px; height: 26px; margin-left: 40px; transform: rotate(45deg); border-right: 2px solid transparent; border-top: 2px solid transparent; border-image: linear-gradient(135deg,#f1ca67,#c29111); border-image-slice: 1; cursor: pointer; transition: transform 0.3s ease; }
.pdf_controls .prev:hover{ transform: translateX(-10px) rotate(45deg); transition: transform 0.3s ease; }
.pdf_controls .next:hover{ transform: translateX(10px) rotate(45deg); transition: transform 0.3s ease; }

.acceptance{ display: none; }
.acceptance + label{ display: block; margin: 16px 0 0; position: relative; padding-left: 38px; font-size: 14px; line-height: 14px; color: #6c6c6c; outline: 0; cursor: pointer; }
.acceptance + label:hover{ color: #f6c157!important; }
.acceptance + label:before{ content: ''; position: absolute; top: 0; bottom: 0; margin: auto 0; left: 0; width: 20px; height: 20px; border: 2px solid #cc9949; }
.acceptance:checked + label:after,
.acceptance + label:hover:after{ content: ''; position: absolute; top: 0; bottom: 0; margin: auto 0; left: 3px; width: 18px; height: 18px; background: url('/img/checkmark.svg') no-repeat center; background-size: 14px; }
.acceptance + label:hover:after{ opacity: 0.5; }
.acceptance:checked + label:hover:after{ opacity: 1; }

.similar{ position: relative; padding: 60px 0; color: #e5e5e5; background: #1a1a1a; box-sizing: border-box; }
.similar.white{ background: #fff; }
.similar .h1{ font-family: 'Jost-Light'!important; color: #212121; }
.similar.white .h1{ color: #212121; }
.similar .container{ flex-wrap: wrap; }
.similar .c-line{ top: 0; }
.similar .c-line:after{ top: -20px; height: 160px; }
.similar .project_list{ display: flex; justify-content: center; width: 100%; position: relative; margin: 80px -5px 0 -5px; }
.similar .project_list .item{ width: 33.33%; height: 30vh; padding: 0 5px 10px; box-sizing: border-box; }
.similar .project_list .item > div{ position: relative; height: 100%; border: 1px solid #fff; transform: scale(1); transition: transform 0.5s ease; }
.similar .project_list .item > div:hover{ transform: scale(1.05); transition: transform 0.5s ease; z-index: 2; }
.similar .project_list .item > div span{ display: block; }
.similar .project_list .item > div .img{ width: 100%; height: 100%; }
.similar .project_list .item > div .img img{ width: 100%; height: 100%; object-fit: cover; }
.similar .project_list .item > div .txt{ display: flex; align-items: center; position: absolute; top: 0; left: 0; height: 60px; font: 24px 'Jost-Light'; padding: 0 50px 0 20px; color: #e5e5e5; background: #1a1a1a; }
.similar .project_list .item > div .txt:after{ content: ''; position: absolute; margin: auto; top: 0; bottom: 0; right: -21px; width: 42px; height: 42px; background: url(/img/arrow.svg) no-repeat center, linear-gradient(135deg,#f1ca67,#c29111); background-size: 12px, 100%; transform: rotate(45deg); }
.similar .right{ margin: 0 0 0 auto; }
.similar .right .h1.min{ font: 42px 'Jost-Light'; line-height: 38px; }

main article{ padding: 80px 0; }
main article h1{ margin-bottom: 40px; }
main article ul{ margin: 0 0 30px 30px; }
main article ul li{ font-size: 18px; margin-bottom: 3px; }

#contacts .c-line:after{ height: 320px; }

.social_group > a{ display: inline-flex; justify-content: center; align-items: center; position: relative; width: 44px; height: 44px; margin-right: 30px; }
.social_group > a img{ display: block; position: relative; width: 20px; height: 20px; object-fit: contain; z-index: 2; }
.social_group > a:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: rotate(45deg); background: linear-gradient(135deg, #f1cb66, #c29311); z-index: 1; }

.contacts_group{ position: relative; padding: 70px 0; background: #1a1a1a; color: #fff; }
.contacts_group .container{ display: flex; }
.contacts_group .container .data{ display: flex; flex-wrap: wrap; width: 50%; min-width: 50%; padding-right: 60px; box-sizing: border-box; }
.contacts_group .container .data .item{ width: 50%; min-width: 50%; padding: 10px 0 0 0; box-sizing: border-box; }
.contacts_group .container .data .item > div{ padding: 30px 0 0 0; }
.contacts_group .container .data .item:nth-of-type(1),
.contacts_group .container .data .item:nth-of-type(3){ padding-right: 30px; }
.contacts_group .container .data .item:nth-of-type(2),
.contacts_group .container .data .item:nth-of-type(4){ padding-left: 30px; }
.contacts_group .container .data .item.company > div{ background: url('/img/contacts_bag.svg') no-repeat top 5px center; background-size: 28px; }
.contacts_group .container .data .item.address > div{ background: url('/img/contacts_location.svg') no-repeat top center; background-size: 26px; }
.contacts_group .container .data .item.email > div{ background: url('/img/contacts_mail.svg') no-repeat top center; background-size: 28px; }
.contacts_group .container .data .item.phone > div{ background: url('/img/contacts_phone.svg') no-repeat top center; background-size: 26px; }
.contacts_group .container .data .item a{ color: #fff; }
.contacts_group .container .data .item .title{ position: relative; font: 16px 'AvertaCY-Semibold'; height: 46px; line-height: 46px; margin-bottom: 40px; border-bottom: 2px solid #c39114; color: #c39114; text-transform: uppercase; text-align: center; }
.contacts_group .container .data .item .title:after{ content: ''; position: absolute; left: 0; right: 0; bottom: -8px; margin: 0 auto; width: 0; height: 0; border-style: solid; border-width: 7px 7px 0 7px; border-color: #c39114 transparent transparent transparent; }
.contacts_group .container .data .item p{ padding: 0 20px; line-height: 1.6; }
.contacts_group .container .data .item p span{ white-space: nowrap; }
.contacts_group .container .data > p{ padding: 0 20px; }

#getmail .privacy_policy{ color: #000; right: 10px; }
.contacts_group .container .form{ position: relative; width: 50%; min-width: 50%; padding-left: 40px; box-sizing: border-box; }
.contacts_group .container .form .group{ position: relative; background: #fbf7e9; max-width: 480px; padding: 74px 50px; box-sizing: border-box; }
.contacts_group .container .form .group h3{ color: #000; margin-bottom: 30px; text-transform: uppercase; }
.contacts_group .container .form .group input[type=text]{ width: 100%; height: 40px; padding-left: 45px; background: transparent; font: 16px 'AvertaCY-Regular'; border-bottom: 1px solid #dfbf89; box-sizing: border-box; }
.contacts_group .container .form .group #getmail_name{ background: transparent url('/img/account.svg') no-repeat left; background-size: 24px; }
.contacts_group .container .form .group #getmail_email{ background: transparent url('/img/email.svg') no-repeat left; background-size: 24px; }
.contacts_group .container .form .group #getmail_phone{ background: transparent url('/img/phone.svg') no-repeat left; background-size: 24px; }
.contacts_group .container .form .group #getmail_text{ background: transparent url('/img/chat.svg') no-repeat left; background-size: 24px; }
.contacts_group .container .form .group .acceptance + label{ margin: 25px 0; }
.contacts_group .container .form .group .acceptance:checked + label,
.contacts_group .container .form .group .acceptance + label:hover{ color: #c29112!important; }
.contacts_group .container .form .group input[type=submit]{ width: 100%; justify-content: center; cursor: pointer; pointer-events: all!important; }
.contacts_group .container .form .group input[type=submit]:disabled, .contacts_group .container .form .group input.disabled[type=submit]{ filter: grayscale(0.6); pointer-events: none!important; }
.contacts_group .container .form .group #getmail_phone.attention{ background-image: url('/img/phone.svg'), url('/img/attention.svg')!important; background-position: left, right 10px center!important; background-size: 24px, 24px!important; }

.contacts_directions{ position: relative; padding: 70px 0; }
.contacts_directions:after{ position: absolute; content: ''; width: 1px; height: 70%; top: 0px; left: 0; right: 0; margin: auto; background: linear-gradient(#e3c795, #e5c697); }
.contacts_directions table{ table-layout: fixed; }
.contacts_directions table td{ max-width: 50%; min-width: 50%; width: 50%; box-sizing: border-box; }
.contacts_directions table td:nth-child(even){ padding-left: 40px; }
.contacts_directions table td:nth-child(odd){ padding-right: 40px; }
.contacts_directions img{ max-width: 100%; }

.pages{ display: block; padding: 70px 0; text-align: center; }
.pages a, .pages span{ display: inline-block; position: relative; font: 18px 'Jost-Light'; width: 38px; height: 38px; line-height: 38px; top: 8px; margin: 10px 10px 20px; text-align: center; z-index: 1; cursor: pointer; transition: all 0.4s ease; }
.pages span{ cursor: default; }
.pages a:hover{ color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.4); transition: all 0.4s ease; }
.pages a:before, .pages span:not(.not):before{ content: ''; position: absolute; left: 0; width: 38px; height: 38px; line-height: 38px; background: linear-gradient(#fff, #fff); border: 1px solid transparent; border-image: linear-gradient(#fdc95e, #dc9e35); border-image-slice: 1; box-sizing: border-box; transform: rotate(45deg); transition: all 0.4s ease; z-index: -1; }
.pages a:hover, .pages .active{ color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.4); }
.pages a:after, .pages span:after{ content: ''; position: absolute; left: 0; width: 38px; height: 38px; line-height: 38px; opacity: 0; background: linear-gradient(#fdc95e, #dc9e35); transform: rotate(45deg); transition: opacity 0.4s ease; z-index: -1; }
.pages a:hover:after, .pages .active:after{ opacity: 1; transition: opacity 0.4s ease; }

.pages .show_more{ display: table; position: relative; clear: both; height: 42px; line-height: 42px; margin: 16px auto 0; padding: 0 20px; border: 2px solid transparent; text-transform: uppercase; font-size: 14px; border-image: linear-gradient(#fdc95e, #dc9e35); border-image-slice: 1; cursor: pointer; box-sizing: border-box; }
.pages .show_more:after{ content: ''; position: absolute; left: 0; right: 0; bottom: -8px; margin: auto; width: 12px; height: 12px; background: #fff; border-right: 2px solid #dc9e35; border-bottom: 2px solid #dc9e35; transform: rotate(45deg); }

.minimnu{ display: block; position: relative; z-index: 5; border-top: 1px solid #323232; border-bottom: 1px solid #323232; background: rgba(255,255,255,0.03); width: 100%; padding: 0; text-align: center; }
.minimnu>div{ display: inline-block; position: relative; margin: 0 21.8px; padding: 15px 0; text-align: center; vertical-align: top }

footer{ display: block; clear: both; background: #1a1a1a; color: #e5e5e5; padding: 0 }
footer a{ display: inline-block; color: #e5e5e5; }
footer img{ max-width: 160px; }
footer .trifoot{ display: flex; padding: 60px 0 }
footer .trifoot>div{ width: 33.33%; text-align: left; vertical-align: top }
footer .trifoot>div.svdom a{ margin: 0 10px 0 0 }
footer .trifoot>div.svdom p{ margin: 0 0 15px 0 }
footer .trifoot>div.svdom p a{ display: block; opacity: .9 }
footer .trifoot>div.svdom div a{ display: inline-block; opacity: .9; vertical-align: middle }
footer .trifoot>div.cnte{ text-align: right }
footer .trifoot>div.cnte a{ display: block; float: right; clear: both; margin: 7px 0 0 0; color: #dadada }
footer .trifoot>div.cnte a:hover{ color: #fff }
footer .trifoot>div.cnte span{ display: block; float: right; clear: both; margin: 7px 0 0 0; color: #fff; }
footer .trifoot>div.conte { text-align: center }
footer .trifoot>div.conte p { margin-bottom: 10px }
footer .copyr{ padding: 20px 0 25px; font-size: 12px; border-top: 1px solid rgba(255,255,255,.12); opacity: 0.5 }
footer .copyr .container{ padding: 0; }
footer .socials a{ width: 25px; height: 18px; }
footer .socials a img{ width: 100%; height: 100%; object-fit: contain; }

#meeting{ display: none; position: relative; background: rgba(16,16,16,0.78); backdrop-filter: blur(10px); max-width: 1000px; padding: 70px 60px 70px 530px; color: #fff; box-sizing: border-box; }
#meeting:before{ content: ''; position: absolute; left: 0; top: 0; width: 460px; height: 100%; background: url('/img/photo2.jpg') no-repeat center; background-size: cover; opacity: 0.8; z-index: -1; }
#meeting .h2{ display: block; margin: 0 0 50px; font: 26px 'AvertaCY-Regular'; color: #fff; }
#meeting input[type=text], #meeting input[type=tel], #meeting input[type=date], #meeting input[type=time]{ display: block; font: 16px 'AvertaCY-Regular'; width: 100%; min-width: 360px; height: 42px; line-height: 42px; margin: 0 0 30px; background: #202020; color: #fff; border: 1px solid #202020; border-bottom-color: #8a8a8a; padding: 0 12px; box-sizing: border-box; outline: 0; }
#meeting input#meeting_phone{ margin: 0px 0 14px; }
#meeting label[for=meeting_date]{ display: block; width: 100%; font-size: 13px; color: #8a8a8a; padding: 0 12px 2px; box-sizing: border-box; }
#meeting .meeting_group{ display: flex; position: relative; column-gap: 10px; }
#meeting .meeting_group input[type=text],
#meeting .meeting_group input[type=date],
#meeting .meeting_group input[type=time]{ min-width: auto; width: calc(50% - 5px); max-width: calc(50% - 5px); }
#meeting .acceptance + label{ margin-bottom: 60px; padding-left: 34px; font-size: 14px; color: #ababab; }
#meeting .acceptance + label:before{ width: 22px; height: 22px; background: #202020; border: 1px solid #8a8a8a; }
#meeting .acceptance:checked + label:after{ width: 16px!important; height: 16px!important; }
#meeting .acceptance + label:hover:after{ width: 16px!important; height: 16px!important; }
#meeting .acceptance + label a{ color:#c49416; }
#meeting input[type=submit]{ display: inline-flex; align-items: center; justify-content: center; position: relative; height: 50px; line-height: 50px; margin: 0; padding: 0 40px; background: linear-gradient(#f2cc69, #c29112); font-size: 16px; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); text-transform: uppercase; border: none; border-radius: 3px; transform: scale(1); transition: transform 0.4s ease; cursor: pointer; z-index: 1; }
#meeting input[type=submit]:hover{ transform: scale(1.04); transition: transform 0.4s ease; }
#meeting input[type=submit]:disabled{ filter: grayscale(0.6); pointer-events: none; }
#meeting input[type=submit]:after{ content: ''; position: absolute; width: 93%; bottom: -3px; left: 3%; height: 3px; background: rgba(117,84,29,0.4); z-index: 1; }
#meeting .privacy_policy{ right: 10px; }
#meeting .success{ padding: 0 50px 0 0; }
#meeting .error{ padding: 0 50px 0 0; }

#callback{ display: none; position: relative; background: rgba(16,16,16,0.78); backdrop-filter: blur(10px); max-width: 1000px; padding: 100px 60px 100px 530px; color: #fff; box-sizing: border-box; }
#callback:before{ content: ''; position: absolute; left: 0; top: 0; width: 460px; height: 100%; background: url('/img/accordeon3.jpg') no-repeat center; background-size: cover; opacity: 0.8; z-index: -1; }
#callback .h2{ display: block; margin: 0 0 50px; font: 26px 'AvertaCY-Regular'; color: #fff; }
#callback input[type=text], #callback input[type=tel], #callback input[type=date], #callback input[type=time]{ display: block; font: 16px 'AvertaCY-Regular'; width: 100%; min-width: 360px; height: 42px; line-height: 42px; margin: 0 0 30px; background: #202020; color: #fff; border: 1px solid #202020; border-bottom-color: #8a8a8a; padding: 0 12px; box-sizing: border-box; outline: 0; }
#callback input#callback_phone{ margin: 0px 0 14px; }
#callback label[for=callback_date]{ display: block; width: 100%; font-size: 13px; color: #8a8a8a; padding: 0 12px 2px; box-sizing: border-box; }
#callback .callback_group{ display: flex; position: relative; max-width: 100%; column-gap: 10px; }
#callback .callback_group input[type=text],
#callback .callback_group input[type=date],
#callback .callback_group input[type=time]{ min-width: auto; width: calc(50% - 5px); max-width: calc(50% - 5px); }
#callback .acceptance + label{ margin-bottom: 60px; padding-left: 34px; font-size: 14px; color: #ababab; }
#callback .acceptance + label:before{ width: 22px; height: 22px; background: #202020; border: 1px solid #8a8a8a; }
#callback .acceptance:checked + label:after{ width: 16px!important; height: 16px!important; }
#callback .acceptance + label:hover:after{ width: 16px!important; height: 16px!important; }
#callback .acceptance + label a{ color:#c49416; }
#callback input[type=submit]{ display: inline-flex; align-items: center; justify-content: center; position: relative; height: 50px; line-height: 50px; margin: 0; padding: 0 40px; background: linear-gradient(#f2cc69, #c29112); font-size: 16px; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); text-transform: uppercase; border: none; border-radius: 3px; transform: scale(1); transition: transform 0.4s ease; cursor: pointer; z-index: 1; }
#callback input[type=submit]:hover{ transform: scale(1.04); transition: transform 0.4s ease; }
#callback input[type=submit]:disabled{ filter: grayscale(0.6); pointer-events: none; }
#callback input[type=submit]:after{ content: ''; position: absolute; width: 93%; bottom: -3px; left: 3%; height: 3px; background: rgba(117,84,29,0.4); z-index: 1; }
#callback .privacy_policy{ right: 10px; }
#callback .success{ padding: 0 50px 0 0; }
#callback .error{ padding: 0 50px 0 0; }

#visit{ display: none; position: relative; background: rgba(16,16,16,0.78); backdrop-filter: blur(10px); max-width: 1000px; padding: 60px 60px 60px 530px; color: #fff; box-sizing: border-box; }
#visit:before{ content: ''; position: absolute; left: 0; top: 0; width: 460px; height: 100%; background: url('/source/files/33_bvq8dpyqyx.jpg') no-repeat center; background-size: cover; opacity: 0.86; z-index: -1; }
#visit .h2{ display: block; margin: 0 0 10px; font: 26px 'AvertaCY-Regular'; color: #fff; }
#visit .visit_decription{ font-size: 13px; line-height: 1.4; color: #9a9a9a; padding-bottom: 30px; }
#visit .visit_decription span{ color: #9a9a9a; }
#visit input[type=text], #visit input[type=tel], #visit input[type=date], #visit input[type=time]{ display: block; font: 16px 'AvertaCY-Regular'; text-align: left; width: 100%; min-width: 360px; height: 42px; line-height: 42px; margin: 0 0 30px; background: #202020; color: #fff; border: 1px solid #202020; border-bottom-color: #8a8a8a; padding: 0 12px; box-sizing: border-box; outline: 0; }
#visit input#visit_phone{ margin: 0px 0 14px; }
#visit label[for=visit_date]{ display: block; width: 100%; font-size: 13px; color: #8a8a8a; padding: 0 12px 2px; box-sizing: border-box; }
#visit .visit_group{ display: flex; position: relative; column-gap: 10px; }
#visit .visit_group input[type=text],
#visit .visit_group input[type=date],
#visit .visit_group input[type=time]{ min-width: auto; width: calc(50% - 5px); max-width: calc(50% - 5px); }
#visit .acceptance + label{ margin-bottom: 50px; padding-left: 34px; font-size: 14px; color: #ababab; }
#visit .acceptance + label:before{ width: 22px; height: 22px; background: #202020; border: 1px solid #8a8a8a; }
#visit .acceptance:checked + label:after{ width: 16px!important; height: 16px!important; }
#visit .acceptance + label:hover:after{ width: 16px!important; height: 16px!important; }
#visit .acceptance + label a{ color:#c49416; }
#visit input[type=submit]{ display: inline-flex; align-items: center; justify-content: center; position: relative; height: 50px; line-height: 50px; margin: 0; padding: 0 40px; background: linear-gradient(#f2cc69, #c29112); font-size: 16px; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); text-transform: uppercase; border: none; border-radius: 3px; transform: scale(1); transition: transform 0.4s ease; cursor: pointer; z-index: 1; }
#visit input[type=submit]:hover{ transform: scale(1.04); transition: transform 0.4s ease; }
#visit input[type=submit]:disabled{ filter: grayscale(0.6); pointer-events: none; }
#visit input[type=submit]:after{ content: ''; position: absolute; width: 93%; bottom: -3px; left: 3%; height: 3px; background: rgba(117,84,29,0.4); z-index: 1; }
#visit .privacy_policy{ right: 10px; }
#visit .success{ padding: 0 50px 0 0; }
#visit .error{ padding: 0 50px 0 0; }
#getmail .success{ left: 0; right: 0; margin: 0 auto; }
#getmail .error{ left: 0; right: 0; margin: 0 auto; }

#brusprice{ display: none; position: relative; background: rgba(16,16,16,0.78); backdrop-filter: blur(10px); max-width: 1000px; padding: 100px 60px 100px 530px; color: #fff; box-sizing: border-box; }
#brusprice:before{ content: ''; position: absolute; left: 0; top: 0; width: 460px; height: 100%; background: url('/source/578_uhxcd20gj9.jpg') no-repeat center; background-size: cover; opacity: 0.8; z-index: -1; }
#brusprice .h2{ display: block; margin: 0 0 50px; font: 26px 'AvertaCY-Regular'; color: #fff; }
#brusprice input[type=text], #brusprice input[type=tel], #brusprice input[type=date], #brusprice input[type=time]{ display: block; font: 16px 'AvertaCY-Regular'; width: 100%; min-width: 360px; height: 42px; line-height: 42px; margin: 0 0 30px; background: #202020; color: #fff; border: 1px solid #202020; border-bottom-color: #8a8a8a; padding: 0 12px; box-sizing: border-box; outline: 0; }
#brusprice input#brusprice_phone{ margin: 0px 0 14px; }
#brusprice label[for=brusprice_date]{ display: block; width: 100%; font-size: 13px; color: #8a8a8a; padding: 0 12px 2px; box-sizing: border-box; }
#brusprice .brusprice_group{ display: flex; position: relative; column-gap: 10px; }
#brusprice .brusprice_group input[type=text],
#brusprice .brusprice_group input[type=date],
#brusprice .brusprice_group input[type=time]{ min-width: auto; width: calc(50% - 5px); max-width: calc(50% - 5px); }
#brusprice .acceptance + label{ margin-bottom: 60px; padding-left: 34px; font-size: 14px; color: #ababab; }
#brusprice .acceptance + label:before{ width: 22px; height: 22px; background: #202020; border: 1px solid #8a8a8a; }
#brusprice .acceptance:checked + label:after{ width: 16px!important; height: 16px!important; }
#brusprice .acceptance + label:hover:after{ width: 16px!important; height: 16px!important; }
#brusprice .acceptance + label a{ color:#c49416; }
#brusprice input[type=submit]{ display: inline-flex; align-items: center; justify-content: center; position: relative; height: 50px; line-height: 50px; margin: 0; padding: 0 40px; background: linear-gradient(#f2cc69, #c29112); font-size: 16px; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); text-transform: uppercase; border: none; border-radius: 3px; transform: scale(1); transition: transform 0.4s ease; cursor: pointer; z-index: 1; }
#brusprice input[type=submit]:hover{ transform: scale(1.04); transition: transform 0.4s ease; }
#brusprice input[type=submit]:disabled{ filter: grayscale(0.6); pointer-events: none; }
#brusprice input[type=submit]:after{ content: ''; position: absolute; width: 93%; bottom: -3px; left: 3%; height: 3px; background: rgba(117,84,29,0.4); z-index: 1; }
#brusprice .privacy_policy{ right: 10px; }
#brusprice .success{ padding: 0 50px 0 0; }
#brusprice .error{ padding: 0 50px 0 0; }

::-webkit-calendar-picker-indicator{ filter: invert(1); opacity: 0.4; }
.success{ display: none; position: absolute; padding: 0 20px; box-sizing: border-box; }
.success .message{ display: flex; align-items: center; align-content: center; }
.success p{ margin: 0 0 0 15px; }
.success p span{ display: block; margin: 0 0 10px 0; font: 26px 'AvertaCY-Bold'; }
.success .success-animation { margin: 150px auto; }
.checkmark{ display: block; width: 100px; min-width: 100px; height: 100px; border-radius: 50%; stroke-width: 2; stroke: #e5b34e; stroke-miterlimit: 10; box-shadow: inset 0px 0px 0px #e5b34e; animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both; position:relative; top: 5px; right: 5px; margin: 0 auto; }
.checkmark__circle{ stroke-dasharray: 166; stroke-dashoffset: 166; stroke-width: 2; stroke-miterlimit: 10; stroke: #e5b34e; fill: #131314; animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards; }

#getprice .checkmark__circle{ fill: #fbf7e9; }
.consultation.white .checkmark__circle{ fill: #ffffff; }

.checkmark__check{ transform-origin: 50% 50%; stroke-dasharray: 48; stroke-dashoffset: 48; animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards; }
@keyframes stroke{
    100%{ stroke-dashoffset: 0; }
}
@keyframes scale{
    0%,
    100% { transform: none; }
    50%{ transform: scale3d(1.1, 1.1, 1); }
}
@keyframes fill {
    100%{ box-shadow: inset 0px 0px 0px 30px #e5b34e; }
}
.error{ display: none; position: absolute; padding: 0 20px; box-sizing: border-box; }
.error .message{ display: flex; align-items: center; align-content: center; }
.error p{ margin: 0 0 0 15px; }
.error p span{ display: block; margin: 0 0 10px 0; font: 26px 'AvertaCY-Bold'; line-height: 20px; }

.filter .container .mobile_trigger{ display: none; }

@media(max-width: 1860px){
    .projects-catalog .group .item > div:hover .txt .specs{ height: 0px; transform: translateY(34px); font-size: 8px; color: transparent; transition: all 1s ease; }
    .projects-catalog .group .item > div:hover .txt .specs > span{ padding: 0; opacity: 0; transition: all 1s ease; }
}
@media(max-width: 1550px){
    h1{ font-size: 50px; }
    h2{ margin-bottom: 36px; font-size: 26px; }
    .slide1 .right{ padding-left: 100px; }
    .slide1 .left{ padding-right: 100px; }
    .slide2 .left{ padding-left: 100px; padding-right: 100px; }
    .slide2 .right{ padding-left: 100px; }
    .slide2 .right img{ left: 100px; width: calc(100% - 100px); }
    .slide3 .right{ padding-left: 100px; }
    .slide3 .left{ padding-right: 100px; }
    .slide3 .left img{ right: 100px; width: calc(100% - 100px); }
    .slide4 .right{ padding-left: 100px; }
    .slide4 .left{ padding-right: 100px; }
    .slide5 .right{ padding-left: 100px; }
    .slide5 .left{ padding-right: 100px; }
    .slide_inner .right{ padding-left: 100px; }
    .slide_inner .left{ padding-right: 100px; }
    .press .group .item a img{ height: 21vw; }
}
@media(max-width: 1500px){
    header nav .list div a{ padding: 0 10px; }
    header nav .list div span{ padding: 0 10px; }
    .main-banner .videos .video1 video{ object-position: -19vw top; }
    .projects-catalog .group .item > div:hover .txt .heading{ transform: translateY(-1vw) translateX(1vw); }
    .projects-catalog .group .item > div:hover .txt .specs{ right: 1vw; }
    .projects-catalog .group .item > div:hover .txt .more{ transform: translateY(1vw) translateX(1vw); }
    .galleries .group .item .txt{ width: 300px; clip-path: polygon(0 0, 0 100%, 52% 100%, 100% 50%, 52% 0); }
    .galleries .group .item .txt > div{ width: 300px; }
    .galleries .group .item .txt > div a{ padding: 0 120px 0 40px; clip-path: polygon(0 0, 0 100%, 52% 100%, 100% 50%, 52% 0); }
    .filter .double_range .range_group{ width: 240px; }
    .filter .double_range .range_group input[type='range']{ width: 240px; }
    .filter select{ width: 180px; margin: 0 10px }
    .filter input[type=text]#prid{ width: 120px; margin: 0 10px }
}
@media(max-width: 1400px){
    .project_parameters .container .areas .item{ padding: 10px; }
    .project_parameters .container > div{ width: 200px; min-width: 200px; }
    .project_parameters .container > div:last-child{ min-width: 300px; }
    .project_parameters .container div .show{ margin-right: 20px; }
    .project_parameters.no_third .container > div:last-child{ display: none; }

    #calc_4 select{ width: 28%; }
    #calc_4 input[type=number]{ width: 28%; }
}
@media(max-width: 1350px){
    h1{ font-size: 42px; line-height: 40px; }
    article.pressa_about h1{ font-size: 36px; }
    h2{ margin-bottom: 32px; }
    h3{ font-size: 26px; }
    h4{ font-size: 26px; }
    h5{ font-size: 26px; }
    header .container > .logo a img{ height: 42px; }
    header nav .list div a{ font-size: 12px; padding: 0 15px; }
    header nav .list div span{ font-size: 12px; padding: 0 15px; }
    header .contacts .phone{ margin-right: 12px; }
    header .contacts .phone a{ font-size: 21px; }
    header .contacts .phone a .small{ font-size: 16px; }
    header .contacts .phone .work-time{ font-size: 10px; }
    .projects-catalog .group .item .txt .heading{ top: 35px; font-size: 25px; }
    .projects-catalog .group .item .txt .specs > span{ font-size: 14px; }
    .projects-catalog .group .item .txt .more{ bottom: 35px; }
    .projects-catalog .group .item > div:hover .icon{ transform: translateX(0) rotate(45deg); }
    .c-line .current{ font-size: 50px; height: 50px; line-height: 50px; }
    .slide1 .right{ padding-left: 80px; }
    .slide1 .left{ padding-right: 80px; }
    .slide2 .left{ padding-left: 80px; padding-right: 80px; }
    .slide2 .right{ padding-left: 80px; }
    .slide2 .right img{ left: 80px; width: calc(100% - 80px); }
    .slide3 .right{ padding-left: 80px; }
    .slide3 .left{ padding-right: 80px; }
    .slide3 .left img{ right: 80px; width: calc(100% - 80px); }
    .slide4 .right{ padding-left: 80px; }
    .slide4 .left{ padding-right: 80px; }
    .slide5 .right{ padding-left: 80px; }
    .slide5 .left{ padding-right: 80px; }
    .slide_inner .right{ padding-left: 80px; }
    .slide_inner .left{ padding-right: 80px; }
    .time-has-come .group .buttons div a{ padding: 0 15px; }
    .time-has-come .group .buttons div span{ padding: 0 15px; }

    .brus_preferences .item .sizes span.new_badge:after{ right: -60px; }

    .clause_group{ display: flex; flex-wrap: wrap; }
    .clause_group .img{ width: 100%; margin-bottom: 40px; }
    .clause_group .txt{ width: auto; margin: 0 auto; padding-left: 0; }
    .hundegger { background-size: 70%; padding: 70px 0 46vw 0; }
    .clause_group .img{ gap: 40px; }
    .clause_group .img img{ max-width: 30%; }
}
@media(max-width: 1250px){
    header nav .list div a{ padding: 0 10px; }
    header nav .list div span{ padding: 0 10px; }
    .main-banner .videos .video1 video{ object-position: -22vw top; }
    .projects-catalog .group .item .txt .heading{ font-size: 22px; }
    .projects-catalog .group .item .txt .more{ font-size: 12px; }
    .project_slider img{ height: auto; }
    .project_slider iframe{ height: 60vw; }
    .project_parameters .container .areas .item{ display: none; }
    .project_parameters .container .areas .item:nth-of-type(1){ display: flex; }

    .equipment .list .group{ width: 50%; }
    .equipment .list .group:nth-child(1), .equipment .list .group:nth-child(2n+1){ padding: 0 40px 0 0; }
    .equipment .list .group:nth-child(2), .equipment .list .group:nth-child(2n){ padding: 0 0 0 40px; }
    .equipment .list .group.form{ margin-top: 0px; padding: 40px; }
    
    .guarantee .group .item .name{ font-size: 26px; line-height: 30px; }

    .calculator .selector{ flex-wrap: wrap; }
    .calculator .selector > div{ width: 100%; margin-bottom: 15px; }
    .calculator .selector > div span{ width: 100%; box-sizing: border-box; }

    .black_section{ padding-bottom: 100px; }
    .black_section .pdf_inline_data{ display: block;width: 100%; height: auto; }
    .black_section .pdf_inline_data p{ justify-content: center; width: 100%; padding: 0; }
    .black_section .pdf_inline_data p:nth-child(2n){ justify-content: center; padding: 0; }

    .time-has-come .group{ flex-wrap: wrap; }
    .time-has-come .group .buttons{ display: grid; justify-content: center;width: 100%; padding: 0!important; }
    .time-has-come .group .buttons div a{ display: block; min-width: 260px; margin: 8px 0; }
    .time-has-come .group .buttons div span{ display: block; min-width: 260px; margin: 8px 0; }

    .calculator_form:before{ opacity: 0.4; }
    .calculator_form .group{ width: 100%; }

    .history .milestones .item{ width: 42%; margin-bottom: 0.6vw; padding: 0; }
    .history .milestones .item .gold{ font-size: 32px; margin-bottom: 6px; }
    .history .milestones .item .story{ max-height: 50px; font-size: 12px; line-height: 1.4; }
    .history .milestones .item .more_story{ font-size: 12px; line-height: 1; }
}
@media(max-width: 1160px){
    .calc_v2{ display: block; }
    .calc_v2 .left{ display: flex; gap: 20px; width: auto; min-width: none; max-width: none; padding: 0 0px 20px 0; }
    .calc_v2 .left .selector{ width: 50%; }
    .calc_v2 .left .selector > div:last-child{ margin-bottom: 0; }
    .calc_v2 .left .selector .gold-button.active{ width: 103%; }
    .calc_v2 .status_bar{ width: 50%; min-height: 230px; margin-top: 0; }
    .calc_v2 .status_bar .messengers{ display: none; }
    .calc_v2 .right{ min-height: 420px; }
    .calc_v2 .right .selected_block.active{ min-height: 420px; }
    .calc_v2 .right .calc_data > .group{ min-height: 420px; }
    .calc_navi{ width: 100%; }
}
@media(max-width: 1150px){
    .no-mobile{ display: none!important; }
    h1{ margin-bottom: 4px; }
    h2{ font-size: 24px; }
    h3{ font-size: 24px; }
    h4{ font-size: 24px; }
    h5{ font-size: 24px; }
    header{ border-bottom: 1px solid #323232; }
    header .mobile_menu{ display: block; position: relative; margin: 0 7px; background: #fff; width: 24px; height: 38px; background: #fff; cursor: pointer; transition: all 0.4s ease; }
    header .mobile_menu:before{ content: ''; position: absolute; left: -7px; top: 0; width: 8px; height: 38px; background: url('/img/nav1.svg') no-repeat left; background-size: 7px; }
    header .mobile_menu:after{ content: ''; position: absolute; right: -7px; top: 0; width: 8px; height: 38px; background: url('/img/nav3.svg') no-repeat right; background-size: 7px; }
    header .mobile_menu span{ position: absolute; left: 3px; right: 3px; height: 2px; border-radius: 6px; background: #1a1a1a; transition: all 0.4s ease; }
    header .mobile_menu span:nth-of-type(1){ top: 12px; }
    header .mobile_menu span:nth-of-type(2){ top: 19px; }
    header .mobile_menu span:nth-of-type(3){ top: 19px; opacity: 0; }
    header .mobile_menu span:nth-of-type(4){ top: 26px; }
    header .mobile_menu.opened{ background: transparent; position: fixed; z-index: 10; transition: all 0.4s ease; }
    header .mobile_menu.opened span{ transition: all 0.4s ease; }
    header .mobile_menu.opened span:nth-of-type(1){ opacity: 0; }
    header .mobile_menu.opened span:nth-of-type(2){ transform: rotate(45deg); left: 0; right: 0; opacity: 1; }
    header .mobile_menu.opened span:nth-of-type(3){ transform: rotate(-45deg); left: 0; right: 0; opacity: 1; }
    header .mobile_menu.opened span:nth-of-type(4){ opacity: 0; }
    header .mobile_menu.opened span{ transition: all 0.4s ease; }
    header .mobile_menu.opened.closing span:nth-of-type(1){ opacity: 1; }
    header .mobile_menu.opened.closing span:nth-of-type(2){ transform: rotate(0); left: 3px; right: 3px; opacity: 1; }
    header .mobile_menu.opened.closing span:nth-of-type(3){ transform: rotate(0); left: 3px; right: 3px; opacity: 0; }
    header .mobile_menu.opened.closing span:nth-of-type(4){ opacity: 1; }
    header .mobile_menu.opened:before{ display: none; }
    header .mobile_menu.opened:after{ display: none; }
    header .container > .logo{ margin: 0 auto 0 30px; }
    header nav{ display: block; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; margin: 0; pointer-events: none; z-index: -1; }
    header nav .tint{ content: ''; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.6); opacity: 0; transition: all 0.8s ease; }
    header nav .list{ display: block; position: fixed; width: 80vw; height: 100vh; padding: 80px 0; overflow-y: auto; background: #fff; box-sizing: border-box; z-index: 2; transform: translateX(-100vw); transition: all 0.8s ease; }
    header nav.opened{ pointer-events: all; z-index: 3; transform: translateX(0vw); transition: all 0.8s ease; }
    header nav.opened .tint{ opacity: 1; transition: all 0.8s ease; }
    header nav.opened .list{ transform: translateX(0vw); transition: all 0.8s ease; }
    header nav .list div{ padding: 0 30px; }
    header nav .list div a{ font: 16px 'Jost-Book'; height: auto; line-height: normal; padding: 10px 50px; background: transparent; border-bottom: 1px solid #ececec; color: #000; }
    header nav .list div.active a{ background: transparent; border-bottom: 1px solid #ececec; color: #c99a1f; }
    header nav .list div:hover a{ background: transparent; border-bottom: 1px solid #ececec; color: #d7ab38; }
    header nav .list div.active:hover a{ background: transparent; border-bottom: 1px solid #ececec; color: #d7ab38; }
    header nav .list div span{ font: 16px 'Jost-Book'; height: auto; line-height: normal; padding: 10px 50px; background: transparent; border-bottom: 1px solid #ececec; color: #000; }
    header nav .list div.active span{ background: transparent; border-bottom: 1px solid #ececec; color: #c99a1f; }
    header nav .list div:hover span{ background: transparent; border-bottom: 1px solid #ececec; color: #d7ab38; }
    header nav .list div.active:hover span{ background: transparent; border-bottom: 1px solid #ececec; color: #d7ab38; }
    header nav .heading{ display: block; }
    header nav .requisites{ display: block; font-size: 12px; left: 10px; right: 10px; }
    header nav .requisites:hover *{ color: #000!important; }
    header nav .requisites img{ width: 100px; }
    header nav .requisites p{ margin-bottom: 4px; opacity: 0.5; }
    header nav .requisites span{ display: inline!important; backghround: none!important; border: 0!important; font-size: 12px!important; padding: 0!important; text-transform: normal!important; }
    header nav .requisites a{ font-size: 12px!important; }
    .main-banner .videos .video1 video{ object-position: -32vw top; }
    .slide1 .left .owl-carousel .item{ max-width: 100%; }

    .flexer{ display: flex; flex-wrap: wrap; padding: 0; }
    .flexer > div{ width: 100%; padding: 0!important; box-sizing: border-box; }

    .pdf_slider .owl-theme .owl-nav .owl-next{ right: 5px; }
    .pdf_slider .owl-theme .owl-nav .owl-prev{ left: 5px; }

    .projects-catalog{ padding: 70px 60px; }
    .projects-catalog .c-line:before{ top: -70px; height: 80px; }
    .projects-catalog .group .item{ width: 100%; margin: 0 auto; }
    .projects-catalog .group .item > div{ height: 36vw; }
    .projects-catalog .group .item .img{ clip-path: polygon(0 0, 0 100%, 80% 100%, 100% 50%, 80% 0); }
    .projects-catalog .group .item:nth-child(even){ padding-left: 0; }
    .projects-catalog .group .item:nth-child(odd){ padding-right: 0; }
    .projects-catalog .group .item .txt .heading{ top: 7vw; font-size: 28px; }
    .projects-catalog .group .item .txt .specs > span{ font-size: 16px; }
    .projects-catalog .group .item .txt .more{ bottom: 7vw; }
    .projects-catalog .group .item > div:hover .txt .heading{ transform: translateY(-3vw) translateX(3vw); }
    .projects-catalog .group .item > div:hover .txt .specs{ left: 10vw; right: 2vw; }
    .projects-catalog .group .item > div:hover .txt .more{ transform: translateY(3vw) translateX(3vw); }
    .galleries .group .item{ width: 100%; }
    .galleries .group .item:nth-child(even){ padding-left: 0; }
    .galleries .group .item:nth-child(odd){ padding-right: 0; }
    .galleries .group .item .txt{ width: 350px; clip-path: polygon(0 0, 0 100%, 57% 100%, 100% 50%, 57% 0); }
    .galleries .group .item .txt > div{ width: 350px; }
    .galleries .group .item .txt > div a{ padding: 0 60px 0 60px; clip-path: polygon(0 0, 0 100%, 57% 100%, 100% 50%, 57% 0); }
    .galleries .group .item .txt > div a:after{ width: 40px; height: 40px; right: 8px; background-size: 12px, 100%; }
    .c-line{ top: 30px; left: 90px; }
    .c-line.inner{ right: 90px; }
    .c-line.inner:before{ right: 2px; }
    .c-line .current{ font-size: 40px; height: 40px; line-height: 40px; }
    .c-line:after{ display: none; }
    .c-line:before{ position: absolute; content: ''; top: -84px; left: 2px; margin: 0 auto; width: 1px; height: 120px; background: linear-gradient(#e3c795, #e3c795); }
    .slide1{ padding-bottom: 0; }
    .slide1 .left{ position: relative; top: 0; width: auto; margin: 80px -20px 0; padding: 0; }
    .slide1 .right{ width: 100%; margin: 10px 0 20px; padding: 0 40px; }
    .slide2{ padding-bottom: 0; }
    .slide2 .left{ width: 100%; margin: 10px 0 20px; padding: 0 40px; }
    .slide2 .right{ position: relative; top: 0; width: auto; margin: 80px -20px 0; padding: 0; }
    .slide2 .right img{ left: 0; width: 100%; }
    .slide3{ padding-bottom: 0; }
    .slide3 .left{ position: relative; top: 0; width: auto; margin: 80px -20px 0; padding: 0; }
    .slide3 .left img{ right: 0; width: 100%; }
    .slide3 .right{ width: 100%; margin: 10px 0 20px; padding: 0 40px; }
    .slide4{ padding-bottom: 0; }
    .slide4 .left{ width: 100%; margin: 10px 0 20px; padding: 0 40px; }
    .slide4 .right{ position: relative; top: 0; width: auto; margin: 80px -20px 0; padding: 0; }
    .slide5 .container{ flex-wrap: wrap; }
    .slide5 .left{ width: 100%; margin: 10px 0 20px; padding: 0 40px 80px; }
    .slide5 .right{ width: 100%; margin: 10px 0 20px; padding: 0 40px; }
    .slide5 .flex-center{ margin-top: -30px; }
    .slide_inner:nth-of-type(1) .c-line.inner{ display: none; }
    .slide_inner .h1{ margin-bottom: 38px; }
    .slide_inner .container{ flex-wrap: wrap; }
    .slide_inner .left{ width: 100%; margin: 10px 0 20px; padding: 0 40px 50px; }
    .slide_inner .right{ width: 100%; margin: 10px 0 20px; padding: 0 40px; }
    .guarantee .group .item{ padding-left: 20px; padding-right: 20px; }
    .plans .left{ display: none; }
    .plans .c-line{ display: none; }
    .plans .right{ text-align: center; }
    .project_photo_slider .left{ display: none; }
    .project_photo_slider .c-line:before{ top: -40px; height: 80px; }
    .project_photo_slider .right{ text-align: center; }
    .project_slider.owl-carousel{ margin: 0 0 40px 0; }
    .equipment .left{ display: none; }
    .equipment .c-line:before{ top: -40px; height: 80px; }
    .equipment .right{ text-align: center; }
    .similar .c-line{ display: none; }
    .similar .right{ text-align: center; }
    .similar .project_list{ margin-top: 0; flex-wrap: wrap; }
    .similar .project_list .item{ width: 50%; }
    .consultation.white{ height: auto; }
    .consultation.white:after{ display: none; }
    .consultation.white:before{ opacity: 0.2; }
    .consultation.white .container{ flex-wrap: wrap; background-position: top 20px right 20px; }
    .consultation.white .h1{ justify-content: center; width: 100%; height: auto; margin: 0; padding: 30px 0 10px; border: 0; max-width: none; text-align: center; }
    .consultation.white .h1:before{ top: -10px; }
    .consultation.white .form{ justify-content: center; width: 100%; margin-bottom: 40px; z-index: 1; }
    /*.consultation.white .form .form-consultation{ text-align: center; }*/

    .filter .double_range{ width: 100%; justify-content: center; margin-bottom: 20px; }
    .filter .double_range .range_group{ width: 50%; }
    .filter .double_range .range_group input[type='range']{ width: 100%; }
    .filter select{ width: 27%; }
    .filter input[type=text]#prid{ width: 27%; }

    .contacts_group .container{ flex-wrap: wrap; }
    .contacts_group .container .data{ width: 100%; min-width: 100%; padding: 0 0 40px 0; }
    .contacts_group .container .form{ width: 100%; min-width: 100%; padding: 0; }
    .contacts_group .container .form .group{ margin: 0 auto; }
    .contacts_directions table td{ display: block; width: 100%; min-width: 100%; max-width: 100%; padding: 20px 0!important; }
    .contacts_directions:after{ display: none; }
    footer{ box-sizing: border-box; }
    footer .trifoot>div{ width: 50%; padding: 0 30px; }
    footer .trifoot>div.cnte{ display: none; }
    footer .trifoot>div.conte{ text-align: right; }
    #callback{ padding: 100px 60px; }
    #callback:before{ display: none; }
    #brusprice{ padding: 100px 60px; }
    #brusprice:before{ display: none; }
    #meeting{ padding: 100px 60px; }
    #meeting:before{ display: none; }
    #visit{ padding: 100px 60px; }
    #visit:before{ display: none; }
}
@media(max-width: 1100px){
    .projects .container{ padding: 0; }
    .projects .item{ height: auto; }
    .projects .item .img{ position: relative; width: 100%; }
    .projects .item .txt{ position: relative; top: 0; right: 0; left: 0; width: 90%; height: auto; margin: -1px auto 60px; }
    .projects .item:nth-child(even) .img{ top: 0; }
    .projects .item:nth-child(even) .txt{ top: 0; bottom: auto; left: 0; padding: 20px 20px 60px 8%; }
    .projects .item:nth-child(odd) .img{ top: 0; }
    .projects .item:nth-child(odd) .txt{ bottom: auto; right: 0; padding: 20px 20px 60px 8%; }

    .guarantee .group .item .name{ font-size: 22px; line-height: 26px; }

    .calc_title{ padding: 0 20px; }
    .calc_title p{ font-size: 42px; }
    .calculator_form input[type=text]{ margin-right: 30px; }
    
    .brus_preferences .item .description{ padding-right: 0%; }
    .brus_preferences .item .description .title{ font-size: 36px; }

    .houses .container{ padding: 0; }
    .houses .item{ height: 100vw; margin: 0 auto 20px; overflow: hidden; }
    .houses .item .img{ position: relative; width: 100%; height: 60vw; margin-top: 0; }
    .houses .item .img span:nth-of-type(1){ width: 100%; border-bottom: 1px solid #fff; }
    .houses .item .img span:nth-of-type(2){ width: 50%; height: 30vw; border-bottom: 0; border-left: 0; }
    .houses .item .img span:nth-of-type(3){ width: 50%; height: 30vw; }
    .houses .item .txt{ position: static; clear: both; width: 100%; padding: 0 10px; background: transparent; border: 0; }
    .houses .item .txt .heading{ font: 22px 'Jost-Light'; color: #000; }
}
@media(max-width: 1000px){
    .history .scrollbar{ left: 30px; right: auto; }
    .history .milestones{ padding-left: 140px; }
    .history .milestones .item{ width: 100%; margin-bottom: 1.5vw; text-align: left; }
    .history .milestones .item:nth-child(odd){ margin-left: 0; }
    .press .group{ margin: 0 -20px; }
    .press .group .item{ width: 25%; padding-left: 20px; padding-right: 20px; }
    .press .group .item a img{ height: 28vw; }
    article.pressa_about .press .group .item a img{ height: 40vw; }
    .calculator .group{ padding-right: 0; }
    .calculator .group .title{ font-size: 18px; line-height: 1.4; background-size: 26px!important; padding-left: 40px; }
    .calculator .group .range{ display: block; }
    .calculator .group .range .range_group{ margin: 30px 0 10px 0; }
    .calculator .select_box{ margin-left: 0; }
    .calculator .select_box .column{ display: block; margin-bottom: 20px; }
    .calculator .select_box .column:last-child{ margin-bottom: 0; }
    .calculator .select_box input[type=radio] + label{ padding-top: 8px; padding-bottom: 8px; line-height: 1.3; }
    .calculator .select_box input[type=radio] + label:before{ top: 0; bottom: 0; margin: auto 0; }
    .calculator .select_box input[type=radio] + label:hover:after, .calculator .select_box input[type=radio]:checked + label:after{ top: 0; bottom: 0; margin: auto 0; }
    .calculator .group .hint{ background-position: left top; }
    .calculator .checkbox{ padding-left: 0; }
    .calculator_form .title{ font-size: 18px; background-size: 26px!important; padding-left: 40px; }
    .kleeniy_brus h1{ font-size: 32px; line-height: 1.2; padding-right: 90px; }
    .kleeniy_brus h1:after{ font-size: 12px; }

    .triangles .txt p a{ width: 19%; }
    .triangles .txt p:nth-of-type(1) a:nth-of-type(1), .triangles .txt p:nth-of-type(1) a:nth-of-type(2){ width: 28.5%; }
    .brus_logos{ flex-wrap: wrap; }
    .brus_logos p{ width: 33.33%; margin-bottom: 30px; }
    .brus_logos p img{ max-width: 180px; }
    .brus_preferences .item .sizes span.new_badge:after{ right: -72px; }
}
@media(max-width: 910px){
    .consultation{ height: auto; }
    .consultation .container{ flex-wrap: wrap; }
    .consultation .h1{ width: 100%; height: auto; margin: 26px 0 16px; border: 0; max-width: none; }
    .consultation .h1:before{ top: -10px; }
    .consultation .h1 br{ display: none; }
    .consultation .form{ justify-content: center; width: 100%; margin-bottom: 40px; z-index: 1; }
    .consultation .form .form-consultation{ display: flex; }
    .consultation .form .form-consultation input[type=text]{ width: 100%; }
    /*.consultation .form .form-consultation{ text-align: center; }*/
    .accordeon .group .item{ width: 20%; }
    .accordeon .group .item:nth-of-type(6){ display: none; }
    .accordeon .group .item:nth-of-type(7){ display: none; }
    .similar .project_list .item{ width: 100%; height: 60vw; }
    .video_container .container{ flex-wrap: wrap; }
    .video_container .container .video{ width: 100%; }
    .video_container .container .video .media iframe{ height: 52vw; }
    .reviews .group .item{ width: 100%; }
    .reviews .group .item:nth-child(even){ padding-left: 80px; padding-right: 0; background-position: top 16px left; }
    .brus_preferences h2{ font-size: 36px; }
    .brus_price .container h2{ font-size: 36px; line-height: 1.2; }

    .wood_logotypes .container{ flex-wrap: wrap; }
    .wood_logotypes .container p{ width: 33.33%; margin-bottom: 40px; }

    footer{ border-top: 1px solid #323232; }
    footer .minimnu{ display: none; }
}
@media(max-width: 860px){
    .fs36{ font-size: 28px; line-height: 32px; }
    .main-banner .heading .h1{ font-size: 56px; line-height: 56px; }
    .main-banner .heading .h1 span{ font-size: 72px; line-height: 72px; }
    .guarantee .group{ flex-wrap: wrap; }
    .guarantee .group .item{ width: 60%; }
    .guarantee.fullsize .group .absolute{ display: none; }
    .guarantee.fullsize .group .item{ padding-bottom: 140px; }
    .guarantee.fullsize .group .item:nth-of-type(1):before{ display: none; }
    .guarantee.fullsize .group .item:nth-of-type(3):before{ display: none; }
    .guarantee.fullsize .group .item:nth-of-type(1):after{ display: none; }
    .guarantee.fullsize .group .item:nth-of-type(3):after{ display: none; }
    .guarantee.fullsize .group .item:nth-of-type(4):after{ display: none; }
    .guarantee.fullsize .group .item:nth-of-type(6):after{ display: none; }
    .plans .cpanel span{ font-size: 24px; padding: 0 12px; white-space: nowrap; }
    .slide2 .preferences .item:before{ width: 110px; height: 110px; top: 15px; }
    .slide2 .preferences .item .image{ max-height: 46px; margin: 0 auto 0; }
    .slide2 .preferences .item .image img{ max-height: 46px; }
    .consultation .h1{ margin: 30px 20px 0; }
    .consultation .form{ margin: 30px 20px 40px; }
    .consultation .form .form-consultation{ display: flex; }
    /*.consultation .form .form-consultation input[type=text]{ width: 70%; margin-right: 10px; }
    .consultation .form .form-consultation input[type=button]{ width: 30%; padding: 0 10px; }*/
    .consultation.white .container{ background-size: 24%; }
    .accordeon .h1 a{ font-size: 32px; line-height: 32px; }
    .galleries .h1{ font-size: 32px; line-height: 32px; }
    .slide4 .group{ justify-content: center; }
    .slide4 .group .item{ width: 50%; }
    .projects-catalog{ padding: 70px 0px; }
    .projects-catalog .group .item{ margin-bottom: 40px; }
    .projects-catalog .group .item > div{ height: auto; }
    .projects-catalog .group .item > div:before{ left: 5vw; right: 5vw; }
    .projects-catalog .group .item .img{ position: static; width: 100%; height: 55vw; clip-path: none; }
    .projects-catalog .group .item .img a:before{ display: none; }
    .projects-catalog .group .item .txt{ position: static; width: 100%; padding: 20px 10vw; box-sizing: border-box; }
    .projects-catalog .group .item .txt .heading{ top: auto; bottom: auto; left: auto; right: auto; position: relative; font-size: 26px; margin-bottom: 14px; }
    .projects-catalog .group .item .txt .specs{ top: auto; bottom: auto; left: auto; right: auto; position: relative; }
    .projects-catalog .group .item .txt .more{ top: auto; bottom: auto; left: auto; right: auto; position: relative; margin-top: 20px; height: 20px; }
    .projects-catalog .group .item .txt .more .icon{ display: block; top: 11px; left: 0; right: 0; margin: auto; background: url(/img/arrow.svg) no-repeat center, #000; }
    .projects-catalog .group .item:nth-child(odd) .txt .more .icon{ background: url(/img/arrow.svg) no-repeat center, #000; }
    .projects-catalog .group .item:nth-child(even) .txt .more .icon{ background: url(/img/arrow_g.svg) no-repeat center, #fff; }
    .projects-catalog .group .item > div:hover .img{ width: 100%; clip-path: none; }
    .projects-catalog .group .item > div:hover .txt .heading{ top: auto; bottom: auto; left: auto; right: auto; transform: none; }
    .projects-catalog .group .item > div:hover .txt .specs{ top: auto; bottom: auto; left: auto; right: auto; height: 68px; padding: 10px 0; transform: none; }
    .projects-catalog .group .item > div:hover .txt .specs span{ opacity: 1; }
    .projects-catalog .group .item > div:hover .txt .more{ top: auto; bottom: auto; left: auto; right: auto; transform: none; }

    .slide_inner.photogrid{ padding: 0 4px; }
    .photogrid .item.big{ width: 100%; height: 62vw; }
    .photogrid .item{ width: 50%; height: 36vw; padding: 4px; }
    .photogrid .group .column1{ width: 100%; }
    .photogrid .group .column2{ width: 100%; }
    .photogrid .group .column2 .item{ width: 50%; }

    .plans .planning .item{ display: none; width: 100%; }
    .plans .planning .item.active{ display: block; }

    .history .photo-carousel{ flex-wrap: wrap; max-height: none; }
    .history .photo-carousel .item:nth-of-type(1){ width: 100%; height: auto; }
    .history .photo-carousel .item{ width: 50%; height: 34vw; }
    .history .photo-carousel .item:hover{ margin-top: 0; width: 50%; height: 34vw; transform: scale(1); }
    .history .photo-carousel .item:nth-of-type(1):hover{ width: 100%; height: auto; }
    .plakatdiv{ height: 70vw; }
    .plakatdiv p{ font-size: 14px; padding: 12px; }

    .calc_title{ font-size: 26px; }
    .calc_title p{ font-size: 32px; }
    .calculator h1{ font-size: 28px; }
    .calculator .selector > div{ width: 100%; margin: 0 0 15px 0; }
    .calculator .selector > div span{ width: 100%; box-sizing: border-box; }

    .calc_v2 .right #calc_4.active{ display: grid; }
    .calc_v2 .right #calc_4 select, .calc_v2 .right #calc_4 input{ width: 100%; margin: 0 0 10px 0; }
    .calc_v2 .right #calc_4.active #dfloor + label{ margin-top: 0; }
    .calc_v2 .group .select_box p{ width: 50%; min-width: 50%; max-width: 50%; }
    .calculator .select_box input[name=roof] + label.imagine img{ height: 22vw; }

    .horizontal_image{ height: 36vw; }

    .brus_title p{ font-size: 56px; }
    .brus_title p span{ padding: 0 20px; }

    .project_parameters{ height: auto; }
    .project_parameters .container{ display: block; padding: 0; }
    .project_parameters .container > div{ justify-content: center; width: 100%; height: auto; min-height: 90px; padding: 0 20px; border-bottom: 1px solid #5f5438; box-sizing: border-box; text-align: center; }
    .project_parameters .container > div h1{ font-size: 32px; margin: 20px 0 0; }
    .project_parameters .container > div h1 span{ font-size: 14px; line-height: 26px; }
    .project_parameters .container > div:after{ display: none; }
    .project_parameters .container .areas{ padding: 20px 0; }
    .project_parameters .container .areas > div{ display: block; }
    .project_parameters .container .areas .item{ display: flex; }
    .project_parameters .container > div:last-child{ justify-content: center; }
    .equipment .container{ padding: 0; }
    .equipment .list{ padding: 0 0 30px 0; }
    .equipment .list .group{ width: 100%; margin-bottom: 10px; padding: 0 40px!important; }
    .equipment .list .group ul{ max-height: 0; margin-bottom: 10px; overflow: hidden; transition: all 0.5s ease; }
    .equipment .list .group ul.active{ max-height: 1000px; margin-bottom: 40px; transition: all 0.9s ease; }
    .equipment .list .group .hint{ display: none; }
    .equipment .list .group.form{ margin: 0; padding: 40px!important; }
    .equipment .list .group:not(.form) h3{ position: relative; margin-bottom: 0; cursor: pointer; }
    .equipment .list .group:not(.form) h3:after{ content: ''; position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0; width: 18px; height: 18px; transform: rotate(180deg); background: url('/img/down.svg') no-repeat center; background-size: 18px; transition: transform 0.6s ease; }
    .equipment .list .group:not(.form) h3.active:after{ transform: rotate(0deg); transition: transform 0.6s ease; }
    #getprice .privacy_policy{ right: 40px; }
}
@media(max-width: 760px){
    .slide2 .h1{ font-size: 40px; line-height: 36px; }
    .slide2 .h1 span{ font-size: 40px; line-height: 36px; }
    .slide2 .h1 strong{ font-size: 40px; line-height: 36px; }
    .guarantee .h1{ font-size: 40px; line-height: 36px; }
    .time-has-come .h1{ font-size: 40px; line-height: 36px; padding: 0 20px; }
    .galleries .group .item .txt{ width: 50vw; clip-path: polygon(0 0, 0 100%, 67% 100%, 100% 50%, 67% 0); }
    .galleries .group .item .txt > div{ width: 50vw; }
    .galleries .group .item .txt > div a{ font-size: 28px; line-height: 28px; padding: 0 20px; clip-path: polygon(0 0, 0 100%, 67% 100%, 100% 50%, 67% 0); }
    .galleries .group .item > div{ height: 34vw; }
    .galleries .group .item > div:hover .txt{ transform: translateX(4vw); }
    .certificates .group a{ width: 33.33%; height: 44vw; }

    .consultation .form .acpt .acceptance:checked + label:after{ left: 4px; }
    .calculator .select_box input[type=radio] + label{ margin-top: 10px!important; margin-left: 0!important; }

    .acceptance + label{ font-size: 12px; }
    .acceptance + label:before{ width: 20px!important; height: 20px!important; }
    .acceptance + label:after{ width: 14px!important; height: 14px!important; }
    .acceptance + label:hover:after{ width: 14px!important; height: 14px!important; }
    .acceptance + label:hover:after{ opacity: 0; }
    .consultation .form .acpt .acceptance + label:hover:after{ left: 3px; width: 16px!important; height: 16px!important; }
    #getmail .acceptance + label:after{ left: 5px!important; }
    #getprice .acceptance + label:after{ left: 5px!important; }
    #getmail .acceptance + label:hover:after{ left: 5px!important; }
    #getprice .acceptance + label:hover:after{ left: 5px!important; }

    #calc_4 select{ width: 100%; margin: 0 0 14px 0; }
    #calc_4 input[type=number]{ width: 100%; margin: 0; }

    #calculator .privacy_policy{ margin-left: 0; text-align: right; }
    .calculator_form .title{ margin-bottom: 18px; }
    .calculator_form .group{ flex-wrap: wrap; padding: 0; }
    .calculator_form .group input[type=text]{ display: block; width: 100%; margin-bottom: 18px; margin-right: 0px; }
    .calculator_form .acceptance + label{ margin-left: 0; }
    .calculator_form .acceptance:checked + label:after{ left: 5px; }
    .calculator_form .acceptance + label:hover:after{ left: 5px; }
    .calculator_form input[type=submit]{ margin-left: 0; }
    .calculator_form .err_message{ margin-left: 0px; }
    .brus_preferences .item .sizes span.new_badge:after{ display: table; right: 0; left: 0; margin: auto; }

    .calc_v2 .left{ display: block; gap: 0; }
    .calc_v2 .left .selector{ width: 100%; margin-bottom: 20px; }
    .calc_v2 .left .selector .gold-button.active{ width: 101%; }
    .calc_v2 .status_bar{ width: 100%; min-height: 300px; margin-top: 0; }
    .calc_v2 .status_bar .messengers{ display: flex; }
    .calc_v2 .group .select_box p{ width: 100%; min-width: 100%; max-width: 100%; }
    .calc_v2 .group .select_box .hint.brus{ padding-right: 0%; margin-top: 24vw; }
    .calc_v2 .group .select_box .hint.brus:after { top: -24vw; bottom: unset; left: 0; margin: auto; width: 80%; height: 16vh; background-position: center top; }
    .calculator .select_box input[name=roof] + label.imagine img{ height: 34vw; }

    .kleeniy_brus h1{ max-width: 340px; }
    .clause_group .img img{ max-width: 70%; }
    .clause_group .txt h2{ line-height: 1.1; }
    .clause_group .txt table td{ max-width: 160px; padding: 0 10px; }
    .clause_group .txt table td:nth-of-type(1){ padding-left: 0; }
    .clause_group .txt table td:nth-of-type(2){ padding-right: 0; }
    .clause_group .txt table td img{ margin-left: 3px; }

    .brus_logos:after{ bottom: -160px; height: 130px; }
    .brus_preferences:before{ display: none; }
    .brus_preferences .container{ flex-wrap: wrap; }
    .brus_preferences .pics{ width: 100%; margin-bottom: 60px; }
    .brus_preferences .pics .item .description{ display: none; }
    .brus_preferences .pics .item:last-child .sizes{ justify-content: center; }
    .brus_preferences .pics .item:last-child .sizes:before{ display: none; }
    .brus_preferences .item{ flex-direction: column; }
    .brus_preferences .item .scheme{ width: 100%; padding-right: 0; }
    .brus_preferences .item .scheme img{ margin: 0 auto; }
    .brus_preferences .item .sizes{ position: relative; width: 80%; flex-direction: row; justify-content: space-between; }
    .brus_preferences .item .sizes:before{ content: ''; position: absolute; width: 30%; height: 1px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: #e3c795; flex-direction: row; justify-content: space-between; }
    .brus_preferences .item .sizes span{ margin: 0; padding: 6px 15px; }
    .brus_preferences .item .sizes span br{ display: none; }
    .brus_preferences .info{ display: none; }
    .brus_preferences .descr_copy{ width: 100%; }
    .brus_preferences .descr_copy .item .description{ display: block; width: 100%; }

    .filter{ padding-bottom: 0; }
    .filter .container{ position: relative; max-height: 42px; height: auto; overflow: hidden; box-sizing: border-box; transition: max-height 0.6s ease; }
    .filter .container.active{ max-height: 1000px; height: auto; overflow: hidden; box-sizing: border-box; transition: max-height 0.6s ease; }
    .filter .container .mobile_trigger{ display: block; width: 100%; height: 42px; font: 14px 'AvertaCY-Regular'; line-height: 42px; padding: 0 20px 0 41px; border-top: 1px solid #5b5032; border-bottom: 1px solid #5b5032; color: #edd45a; box-sizing: border-box; text-transform: uppercase; cursor: pointer; }
    .filter .container .mobile_trigger:before{ content: ''; position: absolute; top: 10px; left: 30px; width: 24px; height: 22px; background: url('/img/tune_gold.svg') no-repeat center; background-size: 22px; }
    .filter .container .mobile_trigger:after{ content: ''; position: absolute; top: 13px; right: 30px; width: 16px; height: 16px; background: url('/img/gold_arrow.svg') no-repeat center; transform: rotate(90deg); background-size: 8px; transition: transform 0.6s ease; }
    .filter .container.active .mobile_trigger:after{ transform: rotate(270deg); transition: transform 0.6s ease; }

    .filter .double_range{ margin-top: 30px; flex-wrap: wrap; justify-content: flex-start; padding: 0 10px; }
    .filter .double_range .range_group{ width: 100%; margin: 14px 0 0 0; }
    .filter select{ width: 100%; padding: 0 5px; }
    .filter input[type=text]#prid{ width: 100%; padding: 0 10px; }
    .filter .params{ justify-content: flex-start; }
    .filter .hint br{ display: none; }

    footer .trifoot{ flex-wrap: wrap; }
    footer .trifoot>div{ width: 100%; padding: 0 0 40px 0; text-align: left; }
    footer .trifoot>div.conte{ padding-bottom: 0; text-align: left; }
}
@media(max-width: 680px){
    .main-banner .heading .h1{ font-size: 48px; line-height: 48px; }
    .main-banner .heading .h1 span{ font-size: 62px; line-height: 62px; }
    .history .milestones .item{ margin-bottom: 2vw; }
    .history .milestones .item .gold{ font-size: 32px; margin-bottom: 10px; }
    .history .milestones .item .story{ font-size: 12px; line-height: 1.4; }
    .history .milestones .item .more_story{ opacity: 1; font-size: 12px; line-height: 1.2; }

    .calc_title{ font-size: 20px; }
    .calc_title p{ font-size: 28px; }

    .privacy_policy{ right: 20px; }

    .consultation .form{ margin: 30px 0 40px; }
    .consultation .form .form-consultation{ flex-wrap: wrap; }
    .consultation .form .form-consultation input[type=text]{ display: block; width: 100%!important; margin: 0 0 10px 0; }
    .consultation .form .form-consultation input[type=button]{ width: 100%!important; margin: 0 auto 10px; padding: 0 10px; }
}
@media(max-width: 620px){
    .fs36{ font-size: 22px; line-height: 26px; }
    .c-line{ top: 40px; left: 70px; padding-left: 10px; text-align: center; }
    .c-line.inner{ right: 70px; }
    .c-line .current{ font-size: 30px; height: 30px; line-height: 30px; }
    .c-line:after{ display: none; }
    .c-line:before{ position: absolute; content: ''; top: -94px; left: 1px; margin: 0 auto; width: 1px; height: 120px; background: linear-gradient(#e3c795, #e3c795); }
    body{ font-size: 14px; }
    h1{ font: 26px 'Jost-Book'; letter-spacing: -0.5px; line-height: 26px; margin-bottom: 4px; }
    article.pressa_about h1{ font-size: 26px; line-height: 1.2; }
    h2{ font-size: 18px; line-height: 20px; }
    h3{ font-size: 18px; }
    h4{ font-size: 18px; }
    h5{ font-size: 18px; }
    .contacts_directions h2{ font-size: 24px; line-height: 1.6; }
    .social_icons .h1.fs42{ font-size: 24px!important; line-height: 1.6; margin-bottom: 0!important; }
    p{ margin-bottom: 16px; }
    main article ul li{ font-size: 14px; }
    .gold-button{ font-size: 14px; line-height: 14px; }
    header .container{ padding: 0 10px; }
    header .contacts .phone{ display: none; } 
    header .contacts .callback span{ display: none; }
    header .contacts .callback{ width: 24px; height: 38px; background-image: url(/img/callback2m.svg), url(/img/callback.svg); background-position: center, center; background-repeat: repeat-x, no-repeat; background-size: 19px, 20px; }
    header .contacts .callback:before{ background-image: url(/img/callback1m.svg); height: 38px; background-size: 7px; }
    header .contacts .callback:after{ background-image: url(/img/callback3m.svg); height: 38px; background-size: 7px; }
    header .container > .logo{ margin: 0 auto 0; }
    header nav .heading{ top: 34px; font-size: 14px; }

    .calculator .selected_block{ padding: 0; }
    .calculator_form input[type=submit]{ min-width: 350px; }
    header nav .list div{ padding: 0 10px; }
    header nav .list div a{ font: 14px 'Jost-Book'; padding: 10px 50px; }
    header nav .list div span{ font: 14px 'Jost-Book'; padding: 10px 50px; }
    .main-banner .videos{ height: 90vw; }
    .main-banner .container{ height: 90vw; }
    .main-banner .videos .video1 video{ object-position: -40vw top; }
    .main-banner .heading .h1{ margin-bottom: 20px; }
    .main-banner .heading .h2{ margin-bottom: 30px; }
    .main-banner .container:after{ height: 82px; }

    /*.main-banner .videos{ height: 120vw; }
    .main-banner .container{ height: 120vw; }*/
    .slide1 .left{ height: 300px; }
    .slide1 .left img{ height: 300px; }
    .slide1 .left .owl-carousel{ height: 300px; }
    .slide1 .left .owl-carousel .item{ height: 300px; }
    .slide1 .left .owl-dots{ position: absolute; top: 6px; right: 10px; }
    .owl-theme .owl-nav .owl-prev{ left: 10px; }
    .owl-theme .owl-nav .owl-next{ right: 10px; }
    .slide1 .right{ padding: 0; }
    .slide2 .right{ height: 300px; }
    .slide2 .left{ padding: 0; }
    .slide2 .preferences{ flex-wrap: wrap; margin-top: 40px; }
    .slide2 .preferences .item{ margin-bottom: 50px; }
    .slide2 .h1{ font-size: 24px; line-height: 24px; }
    .slide2 .h1 span{ font-size: 22px; line-height: 24px; }
    .slide2 .h1 strong{ font-size: 22px; line-height: 24px; }
    .slide3 .left{ height: 300px; }
    .slide3 .right{ padding: 0; }
    .slide3 .catalog{ flex-wrap: wrap; }
    .slide3 .catalog .img{ width: 100%; }
    .slide3 .catalog .img img{ margin: 0 auto; }
    .slide3 .catalog .buttons-group{ display: table; width: auto; margin: 0 auto; padding: 50px 0 0 0; }
    .slide3 .h1{ font-size: 38px; line-height: 32px; margin-bottom: 38px; }
    .slide4 .left{ padding: 0; }
    .slide4 .right{ height: 300px; }
    .slide4 .right .pics div{ height: 150px; }
    .slide4 .group{ display: table; width: auto; margin: 40px auto 0; }
    .slide4 .group .item{ width: 100%; }
    .slide4 .h1{ font-size: 38px; line-height: 32px; margin-bottom: 38px; }
    .slide5 .left{ padding: 0 0 60px 0; }
    .slide5 .right{ padding: 0; }
    .slide5 .h1{ font-size: 38px; line-height: 32px; margin-bottom: 38px; }
    .slide_inner{ padding: 40px 0; }
    .slide_inner .left{ padding: 0; }
    .slide_inner .right{ padding: 0; }
    .slide_inner .h1{ font-size: 38px; line-height: 32px; margin-bottom: 20px; }
    .slide_inner .h1.min{ font-size: 28px; line-height: 28px; margin-bottom: 20px; }
    .project_photo_slider.slide_inner .h1.min{ font-size: 23px; }
    .equipment.slide_inner .h1{ font-size: 32px; }
    .equipment .list .group h3{ font-size: 18px; }
    .similar .right .h1.min{ font-size: 20px; }
    .galleries .h1{ font-size: 24px; line-height: 24px; }
    .slide_inner .gold-button{ margin-top: 20px; }
    .consultation.white .h1{ justify-content: flex-start; text-align: left; }
    .projects .item .img{ height: 280px; }
    .projects .item .txt .heading{ font-size: 24px; line-height: 54px; margin-bottom: 10px; }
    .projects .item .txt .description{ font-size: 14px; }
    .projects .item .txt .arrow{ margin-top: 0; }
    .projects .item:nth-child(odd) .txt{ padding: 10px 20px 30px 8% }
    .projects .item:nth-child(even) .txt{ padding: 10px 20px 30px 8% }
    .guarantee{ padding: 70px 0; }
    .guarantee .h2 br{ display: none; }
    .guarantee .group .item{ padding-left: 0; padding-right: 0; padding-bottom: 100px; }
    .guarantee .group .item > div{ padding: 1px 20px; }
    .guarantee .group .item .price{ margin: 0 auto 90px; }
    .guarantee .group .item .name{ min-height: 25px; margin-bottom: 20px; font-size: 22px; line-height: 24px; }
    .guarantee .group .item .read-more{ width: 80px; height: 80px; bottom: -40px; padding: 23px 0 0; }
    .guarantee .group .item .read-more:before{ width: 80px; height: 80px; }
    .guarantee .group .item.active .read-more{ width: 100px; height: 100px; bottom: -50px; padding: 32px 0 0; font: 14px 'Jost-Light'; line-height: 16px; }
    .guarantee .group .item.active .read-more:before{ width: 100px; height: 100px; }
    .guarantee .keys{ width: 100%; }
    .guarantee .keys:before{ width: 50%; }
    .guarantee .keys:after{ width: 50%; }

    .kleeniy_brus h2{ font-size: 28px; text-align: center; }
    .brus_title{ font-size: 18px; }
    .brus_title p span{ font-size: 42px; padding: 0 10px; }
    .brus_preferences h2{ font-size: 28px; line-height: 1.2; padding: 0 20px; box-sizing: border-box; }
    .brus_price .container h2{ font-size: 28px; }

    .photo-carousel{ max-height: 300px; }
    .photo-carousel .item{ height: 300px; }
    .photo-carousel .item:hover{ height: 340px; }
    .time-has-come .h1{ font-size: 32px; line-height: 30px; margin-bottom: 38px; }
    .time-has-come .group{ width: 70%; min-width: 70%; }
    .time-has-come .img{ width: 15%; min-width: 15%; }
    .accordeon .h1 a{ padding-left: 20px; text-align: left; }
    .accordeon .h1 a:after{ right: 21px; }
    .accordeon .group .item{ width: 33.33%; height: 300px; }
    .accordeon .group .item:hover{ height: 340px; }
    .accordeon .group .item:nth-of-type(4){ display: none; }
    .accordeon .group .item:nth-of-type(5){ display: none; }
    .consultation h1{ margin: 30px 0 0; }
    .pages a, .pages span{ margin-bottom: 10px; }
    .contacts_group{ padding-bottom: 30px; }
    .contacts_group .container .form{ width: auto; margin: 0 -20px; }
    .contacts_group .container .form .group{ padding-left: 20px; padding-right: 20px; }
    .contacts_group .container .data .item{ width: 100%; min-width: 100%; padding: 0 0 10px 0!important; }
    .contacts_group .container .data .item:nth-of-type(1){ order: 1; }
    .contacts_group .container .data .item:nth-of-type(2){ order: 3; }
    .contacts_group .container .data .item:nth-of-type(3){ order: 4; }
    .contacts_group .container .data .item:nth-of-type(4){ order: 5; }
    .contacts_group .container .data > p:nth-of-type(1){ order: 2; }
    .contacts_group .container .data > p:nth-of-type(2){ order: 6; }
    .reviews .group .item{ background-size: 32px; }
    .reviews .group .item:nth-child(odd){ padding: 0 0 60px 50px; }
    .reviews .group .item:nth-child(even){ padding: 0 0 60px 50px; }
    .reviews .group .item .heading{ flex-wrap: wrap; flex-direction: column-reverse; height: auto; line-height: 1.6; padding: 10px 0; }
    .reviews .group .item .heading > div{ width: 100%; }
    .press .group{ margin: 0 -10px; }
    .press .group .item{ width: 33.33%; padding-left: 10px; padding-right: 10px; }
    .press .group .item a img{ height: 38vw; }
    /*article.pressa_about .press .group .item{ width: 50%; }
    article.pressa_about .press .group .item a img{ height: 58vw; }*/
    article.pressa_about .press .group .item a .title{ font-size: 12px; }
    .plakatdiv p{ font-size: 12px; }
}
@media(max-width: 600px){
    .project_slider{ height: 60vw; }
    .project_slider .item{ width: 100%; height: 60vw; }
    .project_slider .item img{ width: 100%; height: 60vw; object-fit: cover; }
    .project_slider.owl-carousel{ height: 60vw; }
    .project_slider.owl-carousel .item{ width: 100%; height: 60vw; }
    .project_slider.owl-carousel .item img{ width: 100%; height: 60vw; object-fit: cover; }
}
@media(max-width: 560px){
    .main-banner .heading .h1{ font-size: 38px; line-height: 38px; }
    .main-banner .heading .h1 span{ font-size: 50px; line-height: 50px; }
    .main-banner .heading .h2{ font-size: 21px; line-height: 20px; }
    .kleeniy_brus h1{ padding-right: 0; }
    .kleeniy_brus h1:after{ top: -32px; }
    .black_section .h1{ font-size: 38px; line-height: 38px; }
    .black_section .pdf_inline_data p{ flex-wrap: wrap; text-align: center; }
    .black_section .pdf_inline_data p strong, .black_section .pdf_inline_data p b{ width: 100%; }
    .calculator #urlproject{ width: 90%; }
}
@media(max-width: 520px){
    .projects-catalog h1{ font-size: 32px; }
    .slide2 .preferences .item:before{ width: 94px; height: 94px; }
    .slide2 .preferences .item .image{ max-height: 40px; min-height: 46px; }
    .slide2 .preferences .item .image img{ max-height: 40px; }
    .slide2 .preferences .item{ padding: 20px 0; }
    .slide2 .preferences .item .name{ font-size: 12px; }
    .projects-catalog .group .item .txt .heading{ font-size: 22px; }
    .projects-catalog .group .item .txt .specs span{ font-size: 14px; }
    .guarantee .group .item{ width: 80%; }
    .consultation .h1 br{ display: block; }
    .similar .project_list .item > div .txt{ height: 50px; font: 19px 'Jost-Light'; }
    .similar .project_list .item > div .txt:after{ right: -17px; width: 36px; height: 36px; }

    .imagl{ float: none; margin: 5px 0 30px 0; max-width: none; width: 100%; }
    .imagl img{ max-height: none; }
    .imagr{ float: none; margin: 5px 0 30px 0; max-width: none; width: 100%; }
    .imagr img{ max-height: none; }

    .triangles .txt p a{ width: 50%; }
    .triangles .txt p:nth-of-type(1) a:nth-of-type(1), .triangles .txt p:nth-of-type(1) a:nth-of-type(2){ width: 100%; }
    .brus_logos{ flex-wrap: wrap; }
    .brus_logos p{ width: 50%; margin-bottom: 30px; }
    .brus_logos p img{ max-width: 180px; }

    #getmail .privacy_policy{ right: 20px; }
    
    #meeting{ width: 100%; padding: 30px 30px 40px; }
    #meeting .h2{ margin-bottom: 20px; }
    #meeting input[type=text], #meeting input[type=tel], #meeting input[type=date], #meeting input[type=time]{ display: flex; align-items: center; min-width: auto; line-height: 42px; margin: 0 0 18px; }
    #meeting input#meeting_phone{ margin: 0px 0 8px; }
    #meeting .meeting_group{ flex-wrap: wrap; margin: 0;  }
    #meeting .meeting_group input[type=text],
    #meeting .meeting_group input[type=tel],
    #meeting .meeting_group input[type=date],
    #meeting .meeting_group input[type=time]{ width: calc(50% - 5px); min-width: calc(50% - 5px); margin: 0 0 18px; box-sizing: border-box; }
    #meeting .meeting_group input[type=text]:last-child{ margin-bottom: 0; }
    #meeting .acceptance + label{ margin-top: 0; margin-bottom: 20px; font-size: 12px; }
    #meeting .acceptance + label:before{ width: 26px!important; height: 26px!important; }
    #meeting .acceptance:checked + label:after{ width: 20px!important; height: 20px!important; background-size: 18px; }
    #meeting .acceptance + label:hover:after{ width: 20px!important; height: 20px!important; background-size: 18px; }
    #meeting .privacy_policy{ right: 30px; }
    #meeting input[type=submit]{ width: 100%; }
    #meeting label br{ display: none; }

    #callback{ width: 100%; padding: 30px 30px 40px; }
    #callback .h2{ margin-bottom: 20px; }
    #callback input[type=text], #callback input[type=tel], #callback input[type=date], #callback input[type=time]{ display: flex; align-items: center; min-width: auto; line-height: 42px; margin: 0 0 18px; }
    #callback input#callback_phone{ margin: 0px 0 8px; }
    #callback .callback_group{ flex-wrap: wrap; margin: 0;  }
    #callback .callback_group input[type=text],
    #callback .callback_group input[type=tel],
    #callback .callback_group input[type=date],
    #callback .callback_group input[type=time]{ width: calc(50% - 5px); min-width: calc(50% - 5px); margin: 0 0 18px; box-sizing: border-box; }
    #callback .callback_group input[type=text]:last-child{ margin-bottom: 0; }
    #callback .acceptance + label{ margin-top: 0; margin-bottom: 20px; font-size: 12px; }
    #callback .acceptance + label:before{ width: 26px!important; height: 26px!important; }
    #callback .acceptance:checked + label:after{ width: 20px!important; height: 20px!important; background-size: 18px; }
    #callback .acceptance + label:hover:after{ width: 20px!important; height: 20px!important; background-size: 18px; }
    #callback .privacy_policy{ right: 30px; }
    #callback input[type=submit]{ width: 100%; }
    #callback label br{ display: none; }

    #brusprice{ width: 100%; padding: 30px 30px 40px; }
    #brusprice .h2{ margin-bottom: 20px; font-size: 22px; }
    #brusprice input[type=text], #brusprice input[type=tel], #brusprice input[type=date], #brusprice input[type=time]{ display: flex; align-items: center; min-width: auto; line-height: 42px; margin: 0 0 18px; }
    #brusprice input#brusprice_phone{ margin: 0px 0 8px; }
    #brusprice .brusprice_group{ flex-wrap: wrap; margin: 0; }
    #brusprice .brusprice_group input[type=text], #brusprice input[type=tel], #brusprice input[type=date], #brusprice input[type=time]{ width: 100%; margin: 0 0 18px; }
    #brusprice .brusprice_group input[type=text]:last-child{ margin-bottom: 0; }
    #brusprice .acceptance + label{ margin-top: 0; margin-bottom: 20px; font-size: 12px; }
    #brusprice .acceptance + label:before{ width: 26px!important; height: 26px!important; }
    #brusprice .acceptance:checked + label:after{ width: 20px!important; height: 20px!important; background-size: 18px; }
    #brusprice .acceptance + label:hover:after{ width: 20px!important; height: 20px!important; background-size: 18px; }
    #brusprice .privacy_policy{ right: 30px; }
    #brusprice input[type=submit]{ width: 100%; }
    #brusprice label br{ display: none; }

    .calculator .select_box.inline p{ margin-right: 6px; }
    .calculator_form input[type=submit]{ min-width: 100%; }

    #visit{ width: 100%; padding: 30px 30px 40px; }
    #visit .h2{ margin-bottom: 20px; }
    #visit input[type=text], #visit input[type=tel], #visit input[type=date], #visit input[type=time]{ display: flex; align-items: center; min-width: auto; line-height: 42px; margin: 0 0 18px; }
    #visit input#visit_phone{ margin: 0px 0 8px; }
    #visit .visit_group{ flex-wrap: wrap; margin: 0;  }
    #visit .visit_group input[type=text],
    #visit .visit_group input[type=tel],
    #visit .visit_group input[type=date],
    #visit .visit_group input[type=time]{ width: calc(50% - 5px); min-width: calc(50% - 5px); margin: 0 0 18px; box-sizing: border-box; }
    #visit .visit_group input[type=text]:last-child{ margin-bottom: 0; }
    #visit .acceptance + label{ margin-top: 0; margin-bottom: 20px; font-size: 12px; }
    #visit .acceptance + label:before{ width: 26px!important; height: 26px!important; }
    #visit .acceptance:checked + label:after{ width: 20px!important; height: 20px!important; background-size: 18px; }
    #visit .acceptance + label:hover:after{ width: 20px!important; height: 20px!important; background-size: 18px; }
    #visit .privacy_policy{ right: 30px; }
    #visit input[type=submit]{ width: 100%; }
    #visit label br{ display: none; }

    .fancybox__slide{ padding-top: 60px!important; padding-left: 0!important; padding-right: 0!important; }
    .fancybox__slide::before, .fancybox__slide::after{ margin: 0!important; }
}
@media(max-width: 460px){
    .gold-button{ padding: 0 20px; }
    .main-banner .heading .h1{ font-size: 26px; line-height: 26px; letter-spacing: 2.6px; }
    .main-banner .heading .h1 span{ font-size: 36px; line-height: 36px; }
    .main-banner .heading .h2{ font-size: 18px; }
    .black_section .h1{ font-size: 26px; line-height: 26px; }
    .slide5 .flex-center img{ max-width: 170px; margin: 0 auto; }
    .slide5 .arrow{ font-size: 21px; width: 42px; height: 42px; line-height: 42px; margin-left: 30px; }
    .slide5 .arrow:before{ width: 42px; height: 42px; line-height: 42px; }
    .galleries .group .item .txt > div a{ font-size: 22px; line-height: 22px; }
    .guarantee .h1{ font-size: 32px; line-height: 34px; }
    .guarantee .group .item{ width: 100%; }
    .time-has-come .group{ margin-top: 140px; width: 100%; min-width: 100%; }
    .time-has-come .img{ position: absolute; width: 50%; top: 150px; height: 140px; }
    .time-has-come .img.i2{ right: 0; }

    .calculator h1{ font-size: 21px; } 
    .calc_v2 .right{ min-height: 300px; }
    .calc_v2 .right .calc_data > .group{ min-height: 300px; }
    .calc_v2 .right .selected_block.active{ min-height: 300px; }
    .calc_v2 .status_bar .messengers br{ display: none; }
    .calculator #fileproject + label{ width: 90%; }
    .gold-button{ font-size: 12px; line-height: 12px; }

    .brus_title p span{ font-size: 32px; }
    .hundegger { background-size: 90%; padding: 70px 0 60vw 0; }
    .hundegger .clause_group .txt h2{ font-size: 26px; }
    .brus_preferences .item .sizes{ width: 90%; }

    .wood_logotypes{ padding-bottom: 30px; }
    .wood_logotypes .container p{ width: 50%; }
    
    .calc{ padding-left: 56px; }
    .calc:before{ left: 20px; }
    .info{ padding-left: 56px; }
    .info:before{ left: 20px; }
    .search{ padding-left: 56px; }
    .search:before{ left: 20px; }
    .question{ padding-left: 50px; }
    .question:before{ left: 20px; }
    .press .group .item{ width: 50%; }
    .press .group .item a img{ height: 56vw; }
    .history .milestones{ padding-left: 120px; }
}
@media(max-width: 420px){
    .projects-catalog h1{ font-size: 24px; }
    a.gold-button.calc{ padding: 0 20px 0 56px; line-height: 16px; box-sizing: border-box; }
    .galleries .group .item .txt > div a{ padding: 0 18px 0 14px; }
    .galleries .group .item .txt > div a:after{ width: 28px; height: 28px; right: 6px; background-size: 10px, 100%; }
    .history .milestones .item{ margin-bottom: 4vw; }
    .history .milestones .item .gold{ font-size: 28px; margin-bottom: 5px; }
    .history .milestones .item .story{ font-size: 12px; line-height: 1.4; }
}
@media(max-height: 560px){
    header nav .requisites{ display: none; }
}