/* Start:/bitrix/templates/v2.0/static/css/main.css?178154662770892*/
@charset "UTF-8";
/* Reset */
*,*::before,*::after{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;-webkit-text-size-adjust:100%;}
*[hidden]{display:none!important;}
a,address,b,blockquote,body,button,dd,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,hr,html,i,input,ins,legend,li,menu,ol,p,strong,td,textarea,th,var,video,ul{margin:0;padding:0;outline:none;text-decoration:none;font-size:1em;font-style:normal;font-weight:inherit;font-family:inherit;text-align:inherit;color:inherit;}
button,fieldset,hr,img,input,textarea{border:none;background-color:transparent;}
button::-moz-focus-inner{border:0;}
footer,header,main{display:block;}
li{list-style:none;}
html{height:100%;background-color: #f8f9fa; -webkit-tap-highlight-color:transparent;}
body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;}
body > svg{position:absolute;}
svg,symbol{overflow:visible;fill:currentColor;}
button{overflow:visible;}
button,input,textarea{line-height:inherit;}
b{font-weight:700;}
li{margin: .5em 0;}
p,
ul,
ol{margin:1.5em 0;}
p:first-child,
ul:first-child,
ol:first-child,
li:first-child{margin-top:0;}
p:last-child,
ul:last-child,
ol:last-child,
li:last-child{margin-bottom:0;}
video,
img{max-width:100%;display:block;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color:currentColor;}
input::-moz-placeholder,
textarea::-moz-placeholder{color:currentColor;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color:currentColor;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none;-moz-appearance:none;}
input[type="search"]::-ms-clear,
input[type="search"]::-ms-reveal { display: none; width : 0; height: 0; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }
input[type="number"]{-moz-appearance:textfield;}
/* Fonts */
@font-face {
font-family: 'SF';
src: url('/bitrix/templates/v2.0/static/css/../fonts/SFUIDisplay-Light.eot');
src:
url('/bitrix/templates/v2.0/static/css/../fonts/SFUIDisplay-Light.eot?#iefix') format('embedded-opentype'),
url('/bitrix/templates/v2.0/static/css/../fonts/SFUIDisplay-Light.woff') format('woff'),
url('/bitrix/templates/v2.0/static/css/../fonts/SFUIDisplay-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'SF';
src: url('/bitrix/templates/v2.0/static/css/../fonts/SFUIDisplay-Regular.eot');
src:
url('/bitrix/templates/v2.0/static/css/../fonts/SFUIDisplay-Regular.eot?#iefix') format('embedded-opentype'),
url('/bitrix/templates/v2.0/static/css/../fonts/SFUIDisplay-Regular.woff') format('woff'),
url('/bitrix/templates/v2.0/static/css/../fonts/SFUIDisplay-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'SF';
src: url('/bitrix/templates/v2.0/static/css/../fonts/SFUIDisplay-Medium.eot');
src:
url('/bitrix/templates/v2.0/static/css/../fonts/SFUIDisplay-Medium.eot?#iefix') format('embedded-opentype'),
url('/bitrix/templates/v2.0/static/css/../fonts/SFUIDisplay-Medium.woff') format('woff'),
url('/bitrix/templates/v2.0/static/css/../fonts/SFUIDisplay-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'SF';
src: url('/bitrix/templates/v2.0/static/css/../fonts/SFUIDisplay-Semibold.eot');
src:
url('/bitrix/templates/v2.0/static/css/../fonts/SFUIDisplay-Semibold.eot?#iefix') format('embedded-opentype'),
url('/bitrix/templates/v2.0/static/css/../fonts/SFUIDisplay-Semibold.woff') format('woff'),
url('/bitrix/templates/v2.0/static/css/../fonts/SFUIDisplay-Semibold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'SF';
src: url('/bitrix/templates/v2.0/static/css/../fonts/SFUIDisplay-Bold.eot');
src:
url('/bitrix/templates/v2.0/static/css/../fonts/SFUIDisplay-Bold.eot?#iefix') format('embedded-opentype'),
url('/bitrix/templates/v2.0/static/css/../fonts/SFUIDisplay-Bold.woff') format('woff'),
url('/bitrix/templates/v2.0/static/css/../fonts/SFUIDisplay-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
/* Fancybox */
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* Slick */
.slick-slider {
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: visible;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: flex;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide > div {
height: 100%;
display: flex;
}
.slick-slide img {
display: block;
margin: 0 auto;
max-width: 100%;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/* Main CSS */
@keyframes shake {
0% {transform: rotate(0);}
25% {transform: rotate(10deg);}
50% {transform: rotate(-10deg);}
75% {transform: rotate(10deg);}
100% {transform: rotate(0);}
}
hr{
height: 10px;
background-image: repeating-linear-gradient(45deg, #1b9e53, #1b9e53 10px, #ee7633 10px, #ee7633 20px);
background-color: #1b9e53;
width: 100%;
margin: 0;
position: relative;
z-index: 1;
}
.document{font-weight:400;font-family:'SF', sans-serif;color:#000;background-color: #fff; min-height: 100%;font-size: 16px;line-height: 1.125;}
.brand-green{color: #1b9e53;}
.brand-orange{color: #ee7633;}
.no-scroll{overflow: hidden;}
.wrapper{max-width: 1220px;width:100%;margin: 0 auto;padding:0 40px;}
.container{overflow: hidden;}
.rub{white-space:nowrap;}
.rub:not(:empty)::after{content:"\a0\20bd";display:inline-block;text-decoration:inherit;}
.button{white-space: nowrap;display: inline-flex;align-items: center;justify-content: center;border-radius: 4px;cursor: pointer;transition: all .15s;font-weight: 500;position: relative;}
.button__main{background-color: #1b9e53;color: #fff;}
.button__action{background-color: #ee7633;color: #fff;}
.button__default{padding: 0 16px;height: 48px;}
.button__dense{padding: 0 12px;height: 32px;font-size: 14px;}
.button__wide{width: 100%;}
.button__outlined{color: #1b9e53;border:1px solid #d4d4d4;background-color: #fff;}
.button__secondary{border:1px solid #d4d4d4;background-color: #fff;}
.button-text{text-overflow: ellipsis;overflow: hidden;}
.button-icon{display: flex;align-items: center;margin: 0 12px;}
.button-icon:first-child{margin-left: 0;}
.button-icon:last-child{margin-right: 0;}
.button-label{position: absolute;left:100%;top:0;color: #fff;font-size: 13px;display: flex;align-items: center;justify-content: center;transform: translate(-50%, -50%);z-index: 1;line-height: 1;}
.button-label::before{content: "";position: absolute;top:0;right: 0;bottom: 0;left: 0; border-radius: 50%;background-color: #1b9e53;z-index: -1;margin: -4px;}
.button-label::after{content: "";flex:none;padding-top: 100%;width: 0;}
.button__outlined:hover,
.button__secondary:hover{border-color: #1b9e53;background-color: #1b9e53;color: #fff;}
.button__action:hover{background-color: #eea133;}
.header{border-bottom: 1px solid #ddd;z-index: 1;position: relative;}
.topbar-holder{}
.topbar{display: flex;align-items: center;padding: 20px 0;min-height: 112px;justify-content: space-between;}
.topbar-logo{display: flex;height: 0;align-items: center;margin-right: 24px;}
.topbar-item{margin-left: 24px;transition: opacity .15s .25s;}
.contacts-holder{margin: 8px 0;}
.contacts{white-space: nowrap;display: flex;align-items: center;}
.contacts__tel{font-weight: 500;transition: color .15s;}
.contacts_icon{margin-right: 8px;flex: none;display: flex;align-items: center;height: 0;width: 24px;justify-content: center;}
.contacts__tel:hover{color: #1b9e53;}
.cart{white-space: nowrap;display: flex;align-items: center;font-weight: 500;transition: color .15s;}
.cart_icon{margin-right: 12px;flex: none;}
.cart:hover{color: #1b9e53;}
.cart:hover .cart_icon{animation: shake .5s 0s 1;}
.social{display: flex;align-items: center;justify-content: flex-end;}
.social_item{min-width: 22px;height: 24px;display: flex;align-items: center;flex: none;transition: all .15s;margin-right: 12px;color: #999;}
.social_item:last-child{margin-right: 0;}
.social_item:hover{opacity: 1;}
.social_item__max:hover{color:#8c44ff;}
.social_item__whatsapp:hover{color: #4CAF50;}
.social_item__telegram:hover{color: #039be5;}
.social_item__facebook:hover{color: #1976D2;}
.social_item__instagram:hover{color: #c837ab;}
.social_item__mail:hover{color: #ee7633;}
.social_item__call:hover{color: #1b9e53;}
.navbar-holder{border-top:1px solid #ddd;}
.navbar{display: flex;}
.main-nav{display: flex;flex: auto;height: 100%;justify-content: space-between;margin-left: -24px;}
.main-nav_item{position: relative;transition: color .15s, opacity .15s .25s;}
.nav-item{font-size: 14px;line-height: 16px;text-transform: uppercase;padding: 28px 24px;display: flex;align-items: center;white-space: nowrap;}
.nav-item_icon{margin-right: 8px;flex: none;display: flex;align-items: center;height: 0;transition: all .15s;}
.nav-item:hover .nav-item_icon__fire{transform: scale(1.1);}
.dropdown{position: relative;}
.dropdown-icon{margin-left: 8px;transition:transform .15s;}
.dropdown-nav{position: absolute;top:100%;left:0;min-width: 110%;background-color: #fff;padding: 4px 0;visibility: hidden;white-space: nowrap;margin: 0;box-shadow: 0 6px 12px rgba(0,0,0,.15);color: #000;font-size: 14px;opacity: 0;transform: translateY(20px);transition: all .15s;}
.dropdown-nav_item{margin: 0;}
.dropdown-nav_item:hover{color: #1b9e53;}
.dropdown-nav_item + .dropdown-nav_item{border-top: 1px solid #ddd;}
.dropdown-nav_item > a{display: block;padding: 12px 24px;}
.dropdown:hover{}
.dropdown:hover .dropdown-nav{visibility: visible;transform: translateY(0);opacity: 1;}
.searchbox{line-height: 1;display: flex;align-items: center;height: 100%;margin: auto 0 auto 24px;justify-content: flex-end;}
.searchbox-icon{align-items: center;display: flex;cursor: pointer;margin-left: 24px;}
.searchbox-icon_hide{display: none;}
.searchbox-field{width: 0;transition: width .25s;border-radius: 4px; height: 36px;overflow: hidden;display: flex;box-shadow: inset 0 0 0 1px #ddd;}
.searchbox-field_input{height: 100%;width: 100%;padding: 0 20px;}
.searchbox-opened .main-nav_item,
.searchbox-opened .topbar-item{opacity: 0;max-width: 0;margin: 0;overflow: hidden;transition: opacity .15s 0s;}
.searchbox-opened .searchbox{width: 100%;}
.searchbox-opened .searchbox-field{width: 100%;}
.searchbox-opened .searchbox-icon_hide{display: block;}
.searchbox-opened .searchbox-icon_show{display: none;}
.searchbox-mobile .searchbox,
.searchbox-mobile .searchbox-field{width: 100%;margin:0;}
.content{position: relative;z-index: 1;}
.section{padding: 64px 0;}
.section__contrast{background-image: linear-gradient(#f3f4f4, #fff);background-color: #f3f4f4;}
.section:nth-child(odd){}
.breadcrumbs{display: flex;flex-wrap: wrap;margin: -4px 0 20px;}
.breadcrumb{display: flex;align-items: center;color: #7d7d7d;font-weight: 300;margin: 4px 10px 4px 0;}
.breadcrumb_icon{margin-left: 10px;}
.breadcrumb > a{transition: color .15s;}
.breadcrumb > a:hover{color: #1b9e53;}
.slick-arrow{display: flex;justify-content: flex-end;z-index: 1;width: 56px;height: 56px;background-color: #fff;overflow: hidden;border-radius: 50%;text-indent: -9999px;cursor: pointer;color: rgba(0,0,0,0);box-shadow: 0 0 4px rgba(0,0,0,.1);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.5 5.5'%3E %3Cpolyline points='0.75,0.75 4.75,4.75 8.75,0.75' stroke='%23000' fill='none' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/polyline%3E %3C/svg%3E");background-position: center;background-repeat: no-repeat;background-size: 12px;}
.slick-prev{transform: rotate(90deg);}
.slick-next{transform: rotate(-90deg);}
.slick-dots{margin:0;display: flex;align-items: center;}
.slick-dots > li{margin: 0;width: 10px;height: 10px;background-color:#fff;margin: 12px;border-radius: 50%;border: 1px solid;position: relative;}
.slick-dots > li button{opacity: 0;}
.slick-dots > li button::after{content: "";position: absolute;top:0;left: 0;right: 0;bottom: 0; z-index: 1;margin: -8px;cursor: pointer;}
.slick-dots > li.slick-active{background-color: #1b9e53;color: #1b9e53;box-shadow: 0 0 0 2px}
.title{font-size: 43px;font-weight: 500;margin-bottom: 48px;letter-spacing: -.0125em;}
.title:last-child{margin-bottom: 0;}
.title__secondary{font-size: 33px;}
.title__small{font-size: 28px;}
.subtitle{font-size: 25px;font-weight: 300;}
.intro{background-color: #ddd;position: relative;width: 100%;overflow: hidden;}
.intro .slick-arrow{position: absolute;top:50%;margin:-28px 28px 0;opacity: 0;transition: opacity .15s;transition: transform .25s;}
.intro .slick-prev{right: 100%;}
.intro .slick-next{left:100%;}
.intro .slick-prev:hover{transform: rotate(90deg) translateY(8px)}
.intro .slick-next:hover{transform: rotate(-90deg) translateY(8px)}
.intro .slick-dots{margin: 12px 0 0;position: absolute;top:100%;left: 50%;transform: translateX(-50%);}
.intro:hover .slick-arrow{opacity: 1;}
.intro-bg{position: absolute;top:0;left: 0;width: 100%;height: 100%;z-index: 1;display: flex;transition: all .15s;opacity: 1;visibility: visible;}
.intro-bg:not(.slick-initialized){visibility: hidden;opacity: 0;}
.intro-bg .slick-list{max-height: 100%;width: 100%;overflow: hidden;height: 100%;}
.intro-bg .slick-track{height: 100%;}
.intro-bg_slide{background-position: center;background-repeat: no-repeat;background-size: cover;}
.intro-bg_slide img{object-fit: cover;width: 100%;height: 100%;}
.intro-carousel{display: block; position: relative;z-index: 1;}
.intro-carousel .slick-list{overflow: hidden;min-height: 100%;}
.intro-carousel .slick-track{height: 100%;align-items: flex-start;}
.intro-slide{}
.intro-title{font-size: 47px;font-weight: 500;}
.intro-subtitle{font-size: 25px;font-weight: 300;margin-top: 24px;}
.intro-action{margin: 48px 0 64px;}
.intro-form{margin-top: 16px;display: flex;}
.tag{background-color: #1b9e53;color: #fff;display: flex;align-items: center;border-radius: 0 3px 3px 0;white-space: nowrap;height: 36px;padding: 0 8px;font-weight: 500;}
.tag__discount{background-color: #ee7633;}
.tag__hit{background-color: #eea133;}
.tag_icon{margin-right: 8px;}
.catalog{display: grid;grid-auto-flow: row;grid-template-columns: repeat(3, 1fr);grid-gap: 28px;margin-top: 56px;}
.catalog:first-child{margin-top: 0;}
.card{background-color: #fff;border: 1px solid #d4d4d4;padding: 8px 24px 24px;display: flex;flex-direction: column;}
.card-media{margin: 0 -16px 28px;position: relative;border-radius: 4px;overflow: hidden;}
.card-media a::after{content: "";position: absolute;top:0;right: 0;left: 0;bottom: 0;background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.25))}
.card-label{position: absolute;top:16px;left: 0;z-index: 1;}
.card-media_image{transition: transform .25s;}
.card-media_image img{width: 100%;}
.card-content{display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 12px;}
.card-content:last-child{margin-bottom: 0;}
.card-title{}
.card-title_name{font-size: 22px;line-height: 1.35; font-weight: 500;display: inline;border-bottom: 2px solid #1b9e53;}
.card-title_name__smaller{font-size: 18px;line-height: 1.5;}
.card-title_prefix{color: #7d7d7d;font-size: 18px;font-weight: 300;}
.card-price{margin-left: 12px;text-align: right;}
.card-price_old{font-size: 18px;font-weight: 300;}
.card-price_value{font-size: 19px;font-weight: 500;line-height: 1.35;}
.card-footer{display: flex;align-items: flex-end;justify-content: space-between;margin-top: auto;}
.card-meta{display: flex;flex-wrap: wrap;margin:0 -8px;}
.card-meta_item{display: flex;align-items: center;min-height: 32px;margin:0 8px;}
.card-meta_item_icon{flex:none;margin-right: 8px;opacity: .5;}
.card-action{margin-left: 12px;}
.card:hover .card-media_image{transform: scale(1.1);}
.more{margin:44px auto;text-align: center;}
.more:last-child{margin-bottom: 0;}
.formbox{text-align: center;}
.formbox-success{text-align: center;display: none;}
.formbox-image{margin: 0 auto 10px;display: flex;justify-content: center;}
.formbox-title{font-size: 18px;font-weight: 600;}
.formbox-subtitle{font-weight: 300;margin-top: 12px;}
.formbox-catch{display: flex;align-items: center;margin-top: 28px;}
.formbox-catch_icon{flex: none;}
.formbox-catch_input{margin: 0 12px;flex: auto;}
.formbox-note{color: #7d7d7d;font-size: 14px;margin-top: 20px;}
.formbox-note a{border-bottom: 1px solid;}
.textfield{display: flex;}
.textfield-input{width: 100%;text-align: left;font-size: 16px;font-weight: 300; background-image:linear-gradient(currentColor,currentColor),linear-gradient(currentColor,currentColor);background-position:bottom;background-repeat:no-repeat;background-size:0 2px, 100% 1px;line-height:24px;height:24px;transition:background-size .15s;text-overflow:ellipsis;}
.textfield-input:focus{background-size: 100% 2px, 100% 1px;}
.checkbox-label{display: flex;align-items: center;position: relative;overflow: hidden;cursor: pointer;user-select: none;}
.checkbox-label_icon{display: flex;align-items: center;justify-content: center;width: 22px;height: 22px;border-radius: 4px;border:1px solid #ddd;flex: none;margin-right: 8px;color: #fff;background-color: #fff;}
.checkbox-label .control{position: absolute;visibility: hidden;}
.checkbox-label .control:checked ~ .checkbox-label_icon{color: #000;}
.usp-title{margin-bottom: 60px;text-align: center;}
.usp-grid{display: grid;grid-auto-flow: row;grid-template-columns: repeat(3, 1fr);grid-gap: 40px 28px;}
.usp-item_title{font-size: 18px;font-weight: 600;display: flex;align-items: center;min-height: 44px;}
.usp-item_title_icon{flex:none;margin-right: 16px;color: #1b9e53;width: 44px;height: 44px;max-height: 44px; display: flex;align-items: center;justify-content: center;}
.usp-item_title_icon > img{max-height: 100%;}
.usp-item_description{color: #7d7d7d;margin-top: 8px;}
.offer{background-image: linear-gradient(#bbe6ec, #f1fbfc);position: relative;}
.offer-grid{display: grid;grid-template-columns: repeat(12,1fr);grid-gap: 28px;}
.offer-grid__stick{margin-bottom: -64px;}
.offer-col{grid-column-end: span 5;position: relative;}
.offer-col__large{grid-column-end: span 7;}
.offer-subtitle{margin-top: 32px;}
.offer-action{margin:24px 0 48px;}
.offer-button{margin: 24px 0 44px;}
.offer-form{background-color: #fff;padding: 40px 48px;margin-top: 40px;width: 100%;max-width: 460px;}
.offer-image{position: absolute;bottom:0;left:0;top: -100px;width: 100%;display: flex;align-items: flex-end;z-index: 1;}
.offer-image__left{justify-content: flex-end;}
.offer-image__right{justify-content: flex-start;}
.offer-image__center{justify-content: center;}
.offer-image__contain{top:0;}
.offer-image > img{height: 100%;width: auto;flex: none;max-width: none;}
.portfolio-title{text-align: center;}
.portfolio-subtitle{text-align: center;margin-top: 12px;}
.about{background-image: linear-gradient(90deg, #f8f8f8 50%, #bbe6ec);position: relative;overflow: hidden;}
.about-grid{display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 28px;position: relative;z-index: 2;}
.about-inner{position: relative;}
.about-inner::before{content: "";position: absolute;right:0;top:100%;z-index: -1;background-image: url(/bitrix/templates/v2.0/static/css/../img/waves.svg); background-repeat: no-repeat;background-size: contain;background-position: bottom left;transform: translate(0, -40%);width: 800px;height: 800px;pointer-events: none;}
.about-subtitle{margin-top: 24px;display: flex;align-items: flex-start;}
.about-subtitle::before{content: " ";flex: none;width: 40px;margin-right: 16px;background-color: #1b9e53;height: 4px;margin-top: 12px;}
.about-text{hyphens: auto;font-size: 18px;font-weight: 300; line-height: 1.65;margin-top: 32px;}
.about-action{margin-top: 40px;}
.about-bg{position: absolute;left:50%;max-height: 100%; bottom: 0;right: 0;overflow: hidden;margin-left: -40px;display: flex;z-index: 2;}
.about-bg::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;}
.about-bg > img{max-height: 100%;width: auto;max-width: none;margin-left: auto;}
.order-steps{overflow: hidden;background-image: linear-gradient(#f3f4f4, #fff)}
.order-steps-title{text-align: center;position: relative;z-index: 2;}
.order-steps-grid{counter-reset: index;display: grid;grid-template-columns: repeat(12,1fr);grid-gap:60px 28px;grid-auto-flow: row;padding: 164px 0 0;position: relative;z-index: 1;background-image: url(/bitrix/templates/v2.0/static/css/../img/order-steps.png);background-position: center;background-repeat: no-repeat;margin: -56px 0 56px;}
.order-steps-grid::before{content: "";position: absolute;top:50%;left: 50%;transform: translate(-50%, -45%);width: 100vw;height: 100vw;background-image: url(/bitrix/templates/v2.0/static/css/../img/order-steps-bg.png);background-position: center;background-repeat: no-repeat;z-index: -1;}
.order-step{counter-increment: index;position: relative;margin-left: 28px;}
.order-step_icon{position: absolute;top:0;right:100%;margin-right: 24px;width: 40px;height: 40px;display: flex;}
.order-step_name{display: flex;align-items: center;color: #7d7d7d;font-weight: 300;margin-bottom: 8px;}
.order-step_name::before{content: counter(index);background-color: #1b9e53;color: #fff;width: 24px;height: 24px;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: 8px;}
.order-step_text{font-weight: 300;display: block;position: relative;}
.order-step_action{margin-top: 16px;display: block;}
.yt-player{width: 100%;height: 100%;position: absolute;top:0;left: 0;z-index: 1;}
.reviews{background-color: #f3f4f4;position: relative;z-index: 1;overflow: hidden;}
.reviews::before{content: "";position: absolute;left:50%;top:100%;z-index: -1;background-image: url(/bitrix/templates/v2.0/static/css/../img/waves.svg); background-repeat: no-repeat;background-size: contain;background-position: bottom left;transform: translate(0, -50%);width: 800px;height: 800px;pointer-events: none;}
.reviews-title{text-align: center;}
.reviews-subtitle{text-align: center;margin-top: 12px;}
.reviews-slider{margin-top: 48px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.review{display: grid;grid-template-columns: repeat(2,1fr);grid-gap:32px 28px;grid-auto-flow: row;grid-template-areas: "name author" "image content";align-items: flex-start;}
.reviews .slick-list{width: 100%;order: -1;margin-bottom: 36px;}
.reviews .slick-dots{margin:0 20px;}
.reviews .slick-next{order:1;}
.review-name{grid-area: name;}
.review-name_title{font-size: 18px;font-weight: 500;line-height: 1.35;}
.review-name_title > a{display: inline;border-bottom: 2px solid #1b9e53;}
.review-name_title_icon{margin-left: 12px;display: inline-block;color: #1b9e53;}
.review-name_details{display: flex;align-items: center;margin-top: 8px;}
.review-name_details_icon{flex:none;margin-right: 8px;opacity: .5;}
.review-name_details_value{}
.review-images{grid-area: image;background-color: #ddd;overflow: hidden;border-radius: 4px;}
.review-author{grid-area: author;}
.review-author_name{font-size: 18px;font-weight: 500;line-height: 1.35;}
.review-author_about{font-size: 18px;font-weight: 300;line-height: 1.35;color: #7d7d7d;margin-top: 2px;}
.review-content{grid-area: content;overflow: hidden;border-radius: 4px;height: 100%;width: 100%;display: flex;}
.review-text{background-color: #fff;width: 100%;font-size: 18px; line-height: 1.55;padding: 36px;}
.review-video{width: 100%;display: flex;align-items: center;justify-content: center;position: relative;background-position: center;background-repeat: no-repeat;background-size: cover;}
.review-video::before{content: "";position: absolute;top:0;right: 0;left: 0;bottom: 0;z-index: 1;background-color: #000;opacity: 0;transition: opacity .15s;}
.review-video_icon{width: 68px;height: 68px;border-radius: 50%;color: #fff;background-color: #1b9e53;display: flex;align-items: center;justify-content: center;padding-left: 4px;cursor: pointer;transition: transform .15s;position: relative;z-index: 1;}
.review-video:hover .review-video_icon{transform: scale(1.05);}
.review-video:hover::before{opacity: .3;}
.inst{background-image: url(/bitrix/templates/v2.0/static/css/../img/inst-bg.png); background-position: bottom left;background-repeat: no-repeat;background-size: contain;}
.inst.vkblock {background-image: url(/bitrix/templates/v2.0/static/css/../img/vk-bg.jpg);}
.inst-title{text-align: center;}
.inst-grid{display: grid;grid-template-columns: repeat(12,1fr);grid-gap: 28px;margin-top: 48px;}
.inst-item{background-color: #fff;border: 1px solid #d4d4d4;padding: 8px;grid-column-end: span 3;position: relative;display: flex;}
.inst-inner{overflow: hidden;display: block;}
.inst-inner_image{display: flex;transition: transform .25s;align-items: flex-start;}
.inst-item:hover .inst-inner_image{transform: scale(1.1);}
.quickstart{background-color: #1b9e53;background-image: url(/bitrix/templates/v2.0/static/css/../img/quickstart.jpg); background-repeat: no-repeat;background-position: center;background-size: cover;}
.quickstart-title{color: #fff;text-align: center;}
.quickstart-form{display: flex;justify-content: center;}
.projects{display: grid;grid-template-columns: repeat(12,1fr);grid-gap: 28px;margin-top: 48px;}
.projects.count_3{grid-template-columns: repeat(9,1fr);}
.project{background-color: #fff;border: 1px solid #d4d4d4;background-position: bottom right;background-repeat: no-repeat;background-size: cover;display: flex;text-align: center;justify-content: center;align-items: flex-start;padding: 40px 24px;height: 420px;position: relative;}
.project_title{font-size: 28px;font-weight: 500;transition: all .25s;}
.project_title > a::after{content: "";position: absolute;top: 0;right: 0;left: 0;bottom: 0;z-index: 1;transition: all .25s;opacity: 0;background-color: #000;}
.project_title_inner{position: relative;z-index: 2;border-bottom: 2px solid #1b9e53;}
.project_title:hover{color: #fff;}
.project_title:hover > a::after{opacity: .4;}
.projects-sel__line{position: absolute;margin:8px;top:0;left:0;right:0;bottom: 0;background-color: #fff;z-index: 1;transition: transform .5s;pointer-events: none;transform: scale(0);}
.projects-sel__line-top{bottom: auto;height: 2px;transform-origin: left;}
.projects-sel__line-bottom{top: auto;height: 2px;transform-origin: right;}
.projects-sel__line-left{right: auto;width: 2px;transform-origin: bottom;}
.projects-sel__line-right{left: auto;width: 2px;transform-origin: top;}
.project:hover .projects-sel__line{transform: scale(1);transition-delay: .15s;}
.seobox{margin: 80px 0;border-left: 8px solid #1b9e53;padding-left: 28px;}
.seobox:first-child{margin-top: 0;}
.seobox:last-child{margin-bottom: 0;}
.seobox-title{margin-left: -.2em;}
.seobox-content{margin-top: 24px;line-height: 1.35;}
.filter-wrapper{background-color: #f3f4f4;margin:48px 0 56px;border-radius: 4px;}
.filter-inner{position: relative;padding:12px 0;}
.filter-caption{position: absolute;top:100%;left: 50%;z-index: 1;transform: translate(-50%, 50%);white-space: nowrap;}
.filter-caption::before,
.filter-caption::after{position: absolute;background-color: #fff;width: 8px;height: 8px;bottom: 0;z-index: -1;}
.filter-caption::before{right: 100%;border-radius: 0 0 4px 0;box-shadow: 4px 0 0 0 #f3f4f4;}
.filter-caption::after{left: 100%;border-radius: 0 0 0 4px;box-shadow: -4px 0 0 0 #f3f4f4;}
.filter-caption_toggle{padding: 0 20px;background-color: #f3f4f4;height: 40px;display: flex;align-items: center;cursor: pointer;font-size: 18px;}
.filter-caption_toggle_icon{margin-left: 8px;transition: transform .15s;}
.filter-row{display: flex;flex-wrap: wrap;margin: 0 -28px;padding: 0;}
.filter-expandable{display: none;}
.filter-box{margin: 12px 28px;}
.filter-box:only-child{width: 100%;}
.filter-grid{display: grid;grid-template-columns: repeat(12,1fr);grid-gap: 8px 28px;}
.filter-title{font-size: 18px;font-weight: 600;margin-bottom: 12px;}
.filter-title::after{content: ":";}
.filter-options{display: flex;flex-wrap: wrap;margin: -4px -8px;}
.filter-options .filter-option{margin: 4px 8px;min-width: 40px;}
.filter-option{display: flex;position: relative;user-select: none;}
.filter-option .control{position: absolute;visibility: hidden;}
.filter-option .control:checked + .filter-value{background-color: #1b9e53;border-color: #1b9e53;color: #fff;}
.filter-value{background-color: #fff;width: 100%;display: flex;height: 36px;border:1px solid #d4d4d4;padding: 0 10px;align-items: center;justify-content: center;border-radius: 4px;cursor: pointer;font-size: 15px;font-weight: 300;}
.filter-value:hover{border-color: #7d7d7d;}
.filter-value_icon{margin-right: 8px;}
.filter-footer{border-top: 1px solid #ddd;padding: 60px 0 20px;margin-top: 40px;}
.filter-submit{display: flex;justify-content: center;}
.filter-wrapper__expanded .filter-caption_toggle_icon{transform: scale(1,-1);}
.sort{display: flex;align-items: baseline;margin: -8px -16px 16px;}
.sort-title{font-size: 18px;font-weight: 600;margin: 8px 16px;}
.sort-items{display: flex;flex-wrap: wrap;align-items: baseline;}
.sort-item{margin: 8px 16px;white-space: nowrap;position: relative;z-index: 1;display: flex;align-items: center;height: 36px;cursor: pointer;}
.sort-item::before{content: "";position: absolute;top:0;left: 0;right: 0;bottom: 0;z-index: -1;background-color: #1b9e53;opacity: 0;margin: 0 -16px;border-radius: 4px;}
.sort-item_icon{display: none;margin-left: 8px;}
.sort-item__active{color: #fff;}
.sort-item__active::before{opacity: 1;}
.sort-item__active .sort-item_icon{display: block;transition: transform .15s;}
.sort-item__dsc .sort-item_icon{transform: scale(1,-1);}
.paging-nav{display: flex;align-items: baseline;}
.paging{margin-right: auto;display: flex;text-align: center;}
.page{font-weight: 300;margin-right: 28px;height: 36px;display: flex;align-items: center;position: relative;justify-content: center;transition: all .15s;}
.page__current{background-color: #1b9e53;color: #fff; border-radius: 4px;padding: 0 8px;min-width: 36px;pointer-events: none;}
.page:hover{color: #1b9e53;}
.page > a::after{content: ""; position: absolute;top:0;right: 0;left: 0;bottom: 0;z-index: 1;margin:0 -8px;}
.page-arr{font-weight: 400;display: flex;align-items: center;}
.page-arr_icon{margin: 0 8px;}
.page-arr_icon:first-child{margin-left: 0;}
.page-arr_icon:last-child{margin-right: 0;}
.viewed{color: #7d7d7d;font-weight: 300;}
.building{background-color: #f3f4f4;overflow: hidden;position: relative;}
.building-grid{display: grid;grid-template-columns: repeat(12,1fr);grid-gap: 28px;}
.building-layer{grid-column-end: span 3;background-color: #1b9e53;margin-right: -28px;position: relative;}
.building-layer::before{content: "";position: absolute;right: 100%;top:0;bottom: 0;width: 50vw;background-color: #1b9e53;}
.building-content{padding: 64px 0;grid-column-start: 5;grid-column-end: span 8;position: relative;}
.building-image{position: absolute;right: 100%;top:0;bottom: 0;display: flex;align-items: center;justify-content: flex-end;margin-right: 28px;}
.building-image img{max-height: 100%;width: auto;flex: none;max-width: none;}
.building-usp{display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 28px;margin-top: 56px;}
.building-usp .usp-item_title{min-height: 32px;}
.building-usp .usp-item_title_icon{width: 32px;height: 32px;}
.building-usp .usp-item_description{margin-top: 12px;}
.tooltip{position: absolute;top:100%;width: 240px;background-color: rgba(0,0,0,.8);color: #fff;left:50%;transform: translate(-50%, 20px);border-radius: 4px;padding: 16px 28px;z-index: 1;pointer-events: none;transition: all .15s;margin-top:8px;visibility: hidden;opacity: 0;}
.product-title{display: flex;align-items: flex-start;}
.product-title_tag{display: flex;align-items: center;margin-left: 16px;position: relative;margin-top: 8px;}
.product-help{display: flex;align-items: center;justify-content: center;margin-left: 4px;position: absolute;width: 24px;height: 24px;border:1px solid #ddd;border-radius: 50%;background-color: #fff;cursor: help;top:0;right: 0;margin: -12px -12px 0 0;z-index: 1;}
.product-help::before{content: "?";font-size: 16px;font-weight: 400;}
.product-grid{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 28px;grid-template-areas: "image image info" "image image types" "image image order" "image image footer"}
.product-gallery{grid-column-end: span 8;grid-area: image;overflow: hidden;}
.product-info{grid-column-end: span 4;grid-area: info}
.product-order{grid-column-end: span 4;grid-area: order}
.product-footer{grid-area: footer;}
.product-subtitle{font-size: 18px;font-weight: 500;margin: 12px 0;}
.product-subtitle::after{content: ":";}
.product-options{display: flex;margin: 0 -14px -8px;flex-wrap: wrap;padding-bottom: 12px;}
.product-option{padding: 0 14px 8px 50px;width: 50%;position: relative;}
.product-option_icon{position: absolute;left:14px;top:0;opacity: .5;}
.product-option_name{color: #7d7d7d;}
.product-option_value{font-size: 18px; font-weight: 600;hyphens: auto;margin-top: 2px;}
.product-types{border-top: 1px solid #ddd;padding-bottom: 8px;grid-area: types;}
.product-types-title{display: flex;align-items: baseline;}
.product-types-compare{margin-left: auto;}
.product-types-compare_action{border-bottom: 1px solid #1b9e53;}
.product-types-buttons{display: flex;flex-wrap: wrap;margin: -4px -14px;}
.product-types-button{padding: 4px 14px;flex: 1;display: flex;}
.product-types-button:last-child{width: 100%;flex: none;}
.product-types-button .button{border-radius: 4px;border:1px solid #d4d4d4;padding: 0 8px;}
.product-types-button .button:hover{border-color: #1b9e53;}
.product-types-button .button-icon{opacity: .5}
.product-types-button .button-text{color: #000;}
.product-types-button__active .button{background-color: #1b9e53;border-color: #1b9e53;pointer-events: none;}
.product-types-button__active .button-text{color: #fff;}
.product-types-button__active .button-icon{color: #fff;opacity: 1;}
.product-extras{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding-bottom: 12px;}
.product-extra{display: flex;align-items: baseline;justify-content: space-between;}
.product-extra + .product-extra{margin-top: 8px;}
.product-extra_check{margin-right: 16px;}
.product-extra_details{}
.product-summary{display: flex;justify-content: space-between;padding-bottom: 12px;}
.product-summary_col{display: flex;align-items: flex-end;flex-direction: column;}
.product-oldprice{font-size: 18px;font-weight: 300;}
.product-price{font-size: 18px;margin-top: 8px;display: flex;align-items: baseline;}
.product-price_value{font-size: 24px;color: #ee7633;line-height: 0;}
.product-credit{font-size: 18px;font-weight: 500;color: #1b9e53;border-bottom: 1px solid;}
.product-credit-price{font-size: 18px;margin-top: 8px;}
.product-footer{border-top: 1px solid #ddd;padding-top: 20px;display: flex;justify-content: center;}
.product-description{margin: 56px 0 24px;}
.product-description_text{line-height: 1.5;}
.gallery-main{width: 100%;overflow: hidden;display: block;position: relative;}
.gallery-main img{width: 100%;}
.gallery-main_slider > a:nth-child(n + 2){display: none;}
.gallery-thumbs{display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 4px;grid-auto-flow: row;margin-top: 4px;}
.gallery-thumb{border: 1px solid #ddd;position: relative;overflow: hidden;}
.gallery-thumb > a{display: block;transition: transform .15s;}
.gallery-thumb__current{border-color: #1b9e53;pointer-events: none;}
.gallery-thumb__current::before{content: "";position: absolute;top:0;right: 0;left: 0;bottom: 0;z-index: 1;border:4px solid #1b9e53;}
.gallery-more{position: absolute;top:0;right: 0;left: 0;bottom: 0;background-color: rgba(0,0,0,.5);color: #fff;display: flex;align-items: center;justify-content: center;font-size: 43px;font-weight: 600;height: 0;overflow: hidden;cursor: pointer;}
.gallery-zoom{position: absolute;left:50%;top:50%;margin:-28px 0 0 -28px;background-color: #1b9e53;z-index: 1;display: flex;pointer-events: none;color: #fff;border-radius: 50%;overflow: hidden;box-shadow:0 0 0 2px #fff;transform: scale(0);transition: transform .15s;align-items: center;justify-content: center;width: 56px;height: 56px;}
.gallery-thumb:last-child .gallery-more{display: none;}
.gallery-main:hover .gallery-zoom{transform: scale(1);}
.compare{background-color: #f3f4f4;}
.compare-table-grid{width: 100%;background-color: #fff;}
.compare-caption{font-size: 28px;font-weight: 500;padding: 24px 36px;}
.compare-type{padding: 24px 10px;}
.compare-type_name{display: block;white-space: nowrap;}
.compare-type_price{display: block;font-size: 18px;font-weight: 600;margin-top: 2px;white-space: nowrap;}
.compare-title-holder{background-color: #1b9e53;color: #fff;padding: 10px 20px 10px 36px;cursor: pointer;}
.compare-title{font-size: 18px;font-weight: 600;display: flex;width: 100%;align-items: center;justify-content: space-between;}
.compare-title_icon{display: flex;align-items: center;justify-content: center;margin-left: 28px;transform: rotate(-180deg);transition: transform .15s;}
.compare-action{padding: 16px 20px 28px;text-align: center;}
.compare-label{padding: 14px 36px;}
.compare-option{padding:10px 20px;text-align: center;}
.compare-panel__hidden .compare-title_icon{transform: rotate(0)}
.build-steps-title{text-align: center;}
.build-map{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 0;grid-auto-flow: row;align-items: flex-start;margin: 64px 0 0;counter-reset: index;}
.build-map_item{border-top: 1px dashed #dadada;display: flex;align-items: flex-start;padding: 28px 0 48px;position: relative;counter-increment: index;}
.build-map_item:nth-child(4)::before,
.build-map_item:nth-child(3)::before{content: "";position: absolute;width: 72px;border: 1px dashed #dadada;border-radius: 50%;top:0;margin: -1px 0;bottom: 0;}
.build-map_item:nth-child(4)::before{right: 100%;clip: rect(auto, 36px, auto, auto);transform: translateX(50%);}
.build-map_item:nth-child(3)::before{left: 100%;clip: rect(auto, auto, auto, 36px);transform: translateX(-50%);}
.build-map_item:last-child{border-top-color: rgba(0,0,0,0);}
.build-map_item_icon{width: 40px;height: 40px;flex: none;margin-right: 16px;display: flex;}
.build-map_item_name{font-weight: 300;margin: auto 0;padding-right: 48px;}
.build-map_item_name::after{content: counter(index);position: absolute;top:0;left: 0;z-index: 1;background-color: #fff;border-radius: 50%;border: 1px solid #ddd;width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;box-shadow: 0 0 0 2px #fff;transform: translate(0, -50%);}
.build-map_item__active .build-map_item_name::after{background-color: #ee7633;border-color: #ee7633;color: #fff;}
.footer{padding: 60px 0 48px;}
.bottombar{display: flex;align-items: flex-start;justify-content: space-between;margin-bottom: 24px;}
.bottombar_col + .bottombar_col{margin-left: 40px;}
.bottombar_col_row{text-align: right;}
.bottombar_col_row + .bottombar_col_row{margin-top: 20px;}
.footer-logo{margin-top: -12px;}
.company-role{margin-top: 4px;font-weight: 500;}
.copyright{color: #7d7d7d;font-weight: 300;margin-top: 12px;}
.bottom-nav{display: flex;margin: 0 -14px;}
.bottom-nav_col{margin: 0 14px;}
.bottom-nav_col_title{font-weight: 600;}
.bottom-nav_col_list{margin-top: 12px;font-weight: 300;}
.bottom-nav_col_list a{transition: color .15s;}
.bottom-nav_col_list a:hover{color: #1b9e53;}
.impressum{display: flex;align-items: baseline;font-weight: 300;justify-content: space-between;color: #7d7d7d;border-top: 1px solid #ddd;padding-top: 16px;}
.impressum a{transition: color .15s;}
.impressum a:hover{color: #1b9e53;}
.impressum_col + .impressum_col{margin-left: 40px;}
.popup{visibility: hidden;position: fixed;top:0;left:0;right: 0;bottom: 0;z-index: 100;overflow: auto;max-height: 100vh;background-color: #fff;padding: 8px;display: flex;transition: all .25s;opacity: 0;}
.popup__opened{visibility: visible;opacity: 1;}
.popup-wrapper{max-width: 800px;border:1px solid #ddd;margin: auto;padding: 48px;width: 100%;position: relative;}
.popup-header{text-align: center;margin-bottom: 48px;padding: 0 40px;}
.popup-header_image{margin:40px auto 24px;display: inline-flex;}
.popup-header_subtitle{margin-bottom: 8px;}
.popup-header_title .title{display: inline;border-bottom: 2px solid #1b9e53;line-height: 1.5;}
.popup .product-types-button{width: auto;flex: 1;}
.popup .product-extras{border: none;background-color: #f4f5f5;padding: 28px;margin:24px 0;}
.popup .product-total{background-color: #f4f5f5;padding: 28px;margin:24px 0;font-size: 23px;font-weight: 500;text-align: center;}
.popup .product-subtitle{margin-top: 0;text-align: center;}
.popup-row_action{display: flex;justify-content: center;margin-top: 36px;}
.popup-contacts{display: grid;grid-gap: 16px;grid-template-columns: repeat(2, 1fr);}
.popup-proposition{display: flex;align-items: center;justify-content: center;font-size: 18px;line-height: 2; font-weight: 600;flex-wrap: wrap;}
.popup-proposition > *{margin: 0 .25em;}
.popup-close{position: absolute;top:0;right: 0;cursor: pointer;padding: 16px;}
.topbar{min-height: 0;padding: 24px 0;}
.headroom .topbar{padding: 16px 0;}
.headroom{position: fixed;top:0;left:0;right: 0;background-color: #fff;z-index: 30;transition: all .15s;visibility: hidden;transform: translateY(-100%);}
.headroom-init{visibility: visible;}
.menu-active .headroom-init,
.headroom--pinned{box-shadow: 0 6px 12px rgba(0,0,0,.15);transform: translateY(0);}
.headroom--unpinned,
.headroom--top,
.menu-active .headroom--top{transform: translateY(-100%);box-shadow: none;}
.menu-active .headroom-init{transition: none;}
.menu-toggle{display: flex;align-items: center;justify-content: center;width: 24px;height: 24px;cursor: pointer;flex:none;}
.menu-icon{width:100%;height:2px;position:relative;background-color:currentColor;border-radius:2px;transition:all .25s;}
.menu-icon::before,
.menu-icon::after{content:"";position:absolute;left:0;width:100%;height:100%;background-color:currentColor;border-radius:3px;}
.menu-icon::before{top:-6px;transition:top .25s .25s, transform .25s 0s;}
.menu-icon::after{bottom:-6px;transition:bottom .25s .25s, transform .25s 0s;}
.menu{display: none;}
.menu-active .menu-icon{background-color:rgba(0,0,0,0);}
.menu-active .menu-icon::before{top:0;transform:rotate(45deg);transition:top .25s 0s, transform .25s .25s;}
.menu-active .menu-icon::after{bottom:0;transform:rotate(-45deg);transition:bottom .25s 0s, transform .25s .25s;}
@media screen and (max-width:1199.98px){
.contacts-holder{display: none;}
.intro .slick-arrow{margin:-28px -28px 0;}
.filter-grid{grid-gap: 8px 16px;}
}
@media screen and (max-width:1023.98px){
.desktop{display: none!important;}
.wrapper{padding: 0 24px;}
.topbar-logo{margin-right: 0;max-width: 160px;}
.main-nav{margin: 0 -12px;}
.nav-item{padding: 24px 12px;}
.searchbox-mobile{margin-bottom: 16px;}
.intro-title{font-size: 27px;font-weight: 700;}
.intro-subtitle{margin:24px 0;}
.title{font-size: 23px;font-weight: 700;margin-bottom: 32px;}
.title__secondary{font-size: 18px;font-weight: 600;margin-bottom: 0;}
.subtitle{font-size: 18px;}
.section{padding: 44px 0;}
.intro .slick-dots{margin-top: 5px;}
.intro .slick-arrow{display: none;visibility: hidden;}
.offer-form{max-width: 320px;padding:36px 12px;margin-top: 0;}
.offer-form__secondary{max-width: none;margin-top: 40px;}
.formbox-catch{flex-wrap: wrap;}
.formbox-catch_input{margin-right: 0;}
.formbox-catch_button{width: 100%;margin-top: 12px;}
.usp-title{margin-bottom: 28px;}
.usp-grid{grid-template-columns: repeat(2, 1fr);grid-gap: 16px;}
.offer-grid{grid-template-columns: repeat(2, 1fr);grid-gap: 16px;}
.offer-grid__stick{margin-bottom: -44px;}
.offer-col,
.offer-col__large{grid-column-end: span 1;}
.offer-subtitle{margin-top: 12px;}
.offer-image{top: -64px;}
.offer-image__right > img{margin: 0 auto;}
.catalog{grid-gap: 12px 16px;grid-template-columns: repeat(2, 1fr);margin-top: 32px;}
.card{padding: 8px;}
.card-media{margin:0 0 16px;}
.about-text{font-size: 16px;}
.order-steps{background-color: #fff;}
.order-steps-grid{grid-template-columns: repeat(2, 1fr);grid-gap: 28px;background-image: none;margin:32px 0 0;padding: 0;}
.order-steps-grid::before{display: none;}
.order-step{margin-left: 64px;}
.review{grid-gap: 0;grid-template-columns: auto;grid-template-areas: "name" "author" "image" "content";}
.review-image{display: none;}
.review-author{background-color: #fff;padding:24px 12px 8px;}
.review-content{min-height: 372px;background-color: #fff;padding:8px 12px 12px;border-radius: 0;}
.review-name{margin-bottom: 32px;}
.review-text{padding: 0;font-size: 16px;}
.quickstart{background-position: right center;}
.quickstart-title{margin-left: 50%;}
.quickstart-form{margin-left: 50%;}
.quickstart-form .offer-form{background-color: rgba(0,0,0,0);color: #fff;padding: 0;}
.quickstart-form .formbox-note{color: #fff;}
.inst-grid{grid-gap: 16px;}
.impressum{flex-direction: column;text-align: center;align-items: center;}
.impressum_col + .impressum_col{margin-left: 0;margin-top: 20px;}
.filter-grid{grid-template-columns: repeat(8, 1fr);}
.paging-nav{flex-direction: column;align-items: center;}
.paging{margin: 0 auto;}
.viewed{margin-top: 20px;}
.building-usp{grid-gap: 20px 16px;}
.usp-item:nth-child(odd){padding-right: 12px;}
.building-content{grid-column-start: 1;grid-column-end: span 12;}
.product-title{align-items: flex-start;}
.product-title_tag{margin-top: -4px;}
.product-grid{grid-gap: 16px;grid-template-areas: "image image" "info order" "types footer";grid-template-columns: repeat(2, 1fr)}
.product-footer .button{width: auto;}
.product-extras{border-top: 0;}
.product-types-buttons{font-size: 14px;}
.product-types-button .button{padding: 0 4px;}
.product-subtitle{font-size: 16px;}
.product-option_value{font-size: 16px;}
.gallery-more{font-size: 27px;}
.build-map{margin-top: 32px;grid-gap: 20px;}
.build-map_item{border: none;padding: 0;}
.build-map_item::before,
.build-map_item_name::after{display: none;}
.build-map_item_name{padding-right: 0;}
.projects{grid-gap: 16px;}
.project{height: 320px;}
.project_title{font-size: 18px;}
.tooltip-close{margin-bottom: 16px;display: flex;justify-content: flex-end;margin-right: -12px;}
.tooltip__active{visibility: visible;opacity: 1;transform: translate(-50%, 0);pointer-events: all;}
.compare-caption,
.compare-type,
.compare-title-holder,
.compare-label,
.compare-option{padding-left: 16px;padding-right: 16px;}
.headroom .menu{padding-top: 24px;}
.headroom .main-nav_item::after{display: none;}
}
@media screen and (max-width:767.98px){
.product-grid{grid-template-columns: auto;grid-template-areas: "image" "info" "types" "order" "footer"}
.gallery-thumbs{grid-template-columns: repeat(3, 1fr)}
.gallery-thumbs__cut .gallery-thumb:nth-child(3) ~ .gallery-thumb{display: none;}
.gallery-thumbs__cut .gallery-thumb:nth-child(3) .gallery-more{height: 100%;}
.gallery-thumbs__cut .gallery-thumb:nth-child(3) .gallery-more::before{content: "+" attr(data-num);}
}
@media screen and (max-width:639.98px){
.wrapper{padding: 0 16px;}
.menu-toggle:first-child{margin-right: 36px;}
.menu-toggle:last-child{margin-right: 0;}
.topbar-logo{margin-right: 12px;}
.topbar-item__cart-holder{display: none;}
.topbar-item{margin-left: 12px;}
.searchbox-icon{margin-left: 12px;}
.intro-title{text-align: center;}
.intro-subtitle{text-align: center;}
.intro-form .offer-form{margin: 0 auto;}
.catalog{grid-template-columns: auto;grid-gap: 8px;}
.card-meta{margin: 0 -4px;}
.card-meta_item{margin: 0 4px;}
.about-grid{grid-template-columns: auto;z-index: 2;}
.about-bg{margin: -68px -16px -44px;position: relative;left: 0;z-index: 1;height: 400px;}
.about::before{content: "";position: absolute;right:0;top:100%;z-index: 1;background-image: url(/bitrix/templates/v2.0/static/css/../img/waves.svg);background-repeat: no-repeat;background-size: contain;background-position: bottom left;transform: translate(0, -40%);width: 800px;height: 800px;pointer-events: none;}
.about-inner::before{display: none;}
.review-content{min-height: 240px;}
.sort{margin: -4px -4px 16px;}
.sort-title {margin: 8px;}
.sort-item{margin: 4px 8px;height: 32px;}
.sort-item::before{margin: 0 -8px;}
.build-map{grid-template-columns: auto;}
.projects{grid-template-columns: auto;grid-gap: 8px;}
.usp-item:nth-child(odd){padding: 0;}
.usp-grid{grid-template-columns: auto}
.building-usp{grid-template-columns: auto;}
.bottombar{flex-direction: column;align-items: center;}
.bottombar_col{display: flex;flex-direction: column;align-items: center;}
.bottombar_col + .bottombar_col{margin-top: 24px;margin-left: 0;}
.bottombar .social{justify-content: center;}
.paging{flex-wrap: wrap;margin: -4px -12px;justify-content: center;}
.page,
.page-arr{margin: 4px 12px;}
.quickstart-form,
.quickstart-title{margin: 0 auto;}
.offer-grid{grid-template-columns: auto;grid-gap: 28px;}
.offer-col__last{order: 1;}
.offer-col__first{order: -1;margin-bottom: -28px;}
.offer-image{position: relative;top:0;max-height: 160px;align-items: flex-start;justify-content: center;overflow: hidden;}
.offer-image__uncut{max-height: 100%;}
.offer-image > img{max-width: 100%;height: auto;}
.offer-button{margin-bottom: 0;}
.offer-form{margin: 0 auto;}
.offer-form__secondary{max-width: 460px;margin: 40px 0 0;}
.inst-grid{grid-gap: 8px;}
.inst-item{grid-column-end: span 6;}
.filter-wrapper{margin: 48px -16px 56px;border-radius: 0;}
.filter-options,
.filter-grid{display: flex;flex-wrap: wrap;margin: -4px;}
.filter-option,
.filter-options .filter-option{margin: 4px;min-width: 36px;}
.filter-value{font-size: 14px;padding: 0 8px;}
.sort{flex-direction: column;}
.product-price_value{font-size: 18px;}
.tooltip{left: auto;right: 0;transform: translate(0, 20px);}
.tooltip__active{transform: translate(0, 0);}
.order-steps-grid{grid-template-columns: auto;}
.menu .main-nav{flex-direction: column;padding-bottom: 12px;}
.menu .nav-item{padding: 12px;}
.popup-wrapper{padding: 16px 8px;}
.popup .product-extras,
.popup .product-total{padding: 16px 8px;}
.popup .product-total{font-size: 18px;}
.popup-proposition{font-size: 16px;}
.popup-contacts{grid-template-columns: auto;}
.header,
.headroom{max-height: 100vh;overflow: auto;}
.dropdown-nav{position: relative;min-width: 0;white-space: normal;opacity: 1;transform: none;visibility: visible;box-shadow: none;display: none;}
.dropdown-nav::before{display: none;}
.dropdown-nav_item > a{padding: 12px 0 12px 48px;}
.dropdown-nav_item + .dropdown-nav_item{border: none;}
.nav-item_icon__fire{order: 1;margin: 0 0 0 8px;}
.dropdown__opened .dropdown-nav{display: block;}
.dropdown__opened .dropdown-icon{transform: scale(1,-1);}
.menu-active{overflow: hidden;}
}
@media screen and (min-width:640px){
.project {grid-column-end: span 6;}
.count_3 .project {grid-column-end: span 3;}
.main-nav_item:hover{color: #1b9e53;}
.dropdown:hover .dropdown-icon{transform: rotate(-180deg);}
}
@media screen and (max-width:640px){
.projects.count_3 {grid-template-columns: auto;}
.projects.count_3 .project {height: 400px;}
}
@media screen and (min-width:768px){
.gallery-thumbs__cut .gallery-thumb:nth-child(4) ~ .gallery-thumb{display: none;}
.gallery-thumbs__cut .gallery-thumb:nth-child(4) .gallery-more{height: 100%;}
.gallery-thumbs__cut .gallery-thumb:nth-child(4) .gallery-more::before{content: "+" attr(data-num);}
}
@media screen and (max-width:1023.98px){
.compare-caption{display: none;}
.compare{background-color: #fff;}
.compare-table-grid{display: flex;flex-direction: column;}
.compare-row{display: flex;justify-content: space-between;border:1px solid #ddd;border-top-width: 0;}
.compare-row .compare-option,
.compare-row .compare-type,
.compare-row .compare-label{width: auto;display: flex;align-items: center;}
.compare-label,
.compare-option{padding: 10px 16px;}
.compare-row .compare-option[data-column],
.compare-row .compare-action[data-column]{display: none;}
.compare-row .compare-column[data-column]{display: block;}
.compare-row .compare-column{background-color: #fff;}
.compare-type{text-align: center;border-top: 1px solid #ddd;justify-content: center;font-weight: 500;color: #1b9e53;}
.compare-type.compare-column{background-color: #ee7633;color: #fff;}
.compare-row__header{flex-direction: column;}
.compare-title-holder{width: 100%;padding: 10px 16px;border: none;}
.compare-type_price{display: none;}
.compare-action{margin: auto;}
}
@media screen and (min-width:1024px){
.mobile{display: none!important;}
.header:hover{z-index: 2;}
.menu{border-top: 1px solid #ddd;}
.main-nav_item::after{content: "";right: 0;bottom:100%;left:0;height: 0;line-height: 0;overflow: hidden;position: absolute;border-top:1px solid #1b9e53;transform: scale(0,1);margin: 0 24px;transition: transform .15s;}
.main-nav_item:hover::after{transform: scale(1);}
.order-step:nth-child(1){order: 1;grid-column: 3/6;}
.order-step:nth-child(2){order: 3;grid-column: 2/5;grid-row: 2;}
.order-step:nth-child(3){order: 5;grid-column: 3/6;grid-row: 3;}
.order-step:nth-child(4){order: 2;grid-column: 9/12;}
.order-step:nth-child(5){order: 4;grid-column: 10/13;grid-row: 2;}
.order-step:nth-child(6){order: 6;grid-column: 9/12;grid-row: 3;}
.order-step:nth-child(1) .order-step_text::after,
.order-step:nth-child(2) .order-step_text::after,
.order-step:nth-child(4) .order-step_text::after,
.order-step:nth-child(5) .order-step_text::after{content: "";position: absolute;top:50%;width: 36px;height: 88px;background-image: url(/bitrix/templates/v2.0/static/css/../img/arrow-next-step.svg);background-position: center;background-repeat: no-repeat;background-size: contain;}
.order-step:nth-child(1) .order-step_text::after,
.order-step:nth-child(2) .order-step_text::after{right:100%;margin-right: 40px;}
.order-step:nth-child(4) .order-step_text::after,
.order-step:nth-child(5) .order-step_text::after{left:100%;margin-left: 8px;transform: scale(-1,1);}
.gallery-thumb > a:hover{transform: scale(1.1);}
.product-grid{grid-template-rows: auto auto auto 1fr;}
.product-help:hover .tooltip{visibility: visible;opacity: 1;transform: translate(-50%, 0);}
.gotop{position: fixed;bottom:40px;left:0;right: 0;z-index: 10;}
.gotop_holder{display: flex;justify-content: flex-end;height: 0;align-items: flex-end;}
.gotop-button{display: flex;align-items: center;justify-content: center;cursor: pointer;width:48px;height: 48px;overflow: hidden;background-color: #1b9e53;color: #fff;box-shadow: 0 6px 12px rgba(0,0,0,.15);border-radius: 50%;transform: translateY(100%);opacity: 0;transition: all .25s;}
.gotop-button .icon{transform: scale(1, -1);}
.gotop__show .gotop-button{opacity: 1;transform: translateY(0)}
.compare-table{border:1px solid #dadada;}
.compare-row{display: grid;grid-auto-flow: column;grid-template-columns: auto 160px 160px 160px;border-bottom:1px solid #dadada;}
.compare-row.compare-row-4{grid-template-columns: auto 160px 160px 160px 160px;}
.compare-row.compare-row-2{grid-template-columns: auto 160px 160px;}
.compare-row.compare-row-1{grid-template-columns: auto 160px;}
.compare-title-holder{grid-column-end: span 4;}
.compare-footer .compare-row{border: none;}
.compare-type,
.compare-option,
.compare-action{border-left: 1px solid #dadada;}
.compare-row:hover .compare-label,
.compare-row:hover .compare-option{background-color: #e9fff2;}
.compare-column{background-color: #e9fff2;}
}
@media screen and (min-width:640px){
.dropdown.show .dropdown-nav {display:block;}
}
/* End */
/* Start:/bitrix/templates/v2.0/static/css/main2.css?178154662737887*/
@charset "UTF-8";
.line{width: 100%;height: 1px;clear: both;background-color: #ddd;margin: 0;}
.main-nav{margin-left: -16px;}
.main-nav_item::after{margin: 0 16px;}
.nav-item{padding: 28px 16px;}
.yt-player{border: 0;}
.titlebox{display: flex;align-items: flex-start;}
.titlebox-icon{order: -1;margin-right: 20px;display: flex;align-items: center;height: 1.125em;line-height: 0;}
.offer-form__dense{padding: 28px;}
.offer-form__dense .formbox-catch:first-child{margin-top: 0;}
.offer-form__dense .formbox-note{text-align: left;}
.button-text__heavy{font-weight: 700;font-size: 14px;text-transform: uppercase;}
.promo-grid{display: grid;grid-auto-flow: row;grid-template-columns: repeat(3, 1fr);grid-gap: 12px;position: relative;z-index: 1;}
.promo-grid_bg{position: absolute;z-index: -1;width: 200px;height: 200px;background-repeat: no-repeat;opacity: .2;background-size: contain;background-position: center;}
.promo-grid_bg__left{background-image: url(/bitrix/templates/v2.0/static/css/../img/promo-bg-2.svg);left:0;transform: translate(-50%, 50%);}
.promo-grid_bg__right{background-image: url(/bitrix/templates/v2.0/static/css/../img/promo-bg-1.svg);right:0;transform: translate(50%, 120%) rotate(45deg);}
.promo-card{display: flex;min-height: 100%;position: relative;}
.promo-card_success{display: none;}
.promo-card_success__show{display: flex;flex-direction: column;min-height: 100%;}
.promo-card_success__show ~ .promo-card_inner{display: none;}
.promo-card_inner{display: flex;flex-direction: column;min-height: 100%;}
.promo-card_inner__hidden{visibility: hidden;opacity: 0;position: absolute;}
.promo-content{flex: auto;padding: 12px 12px 16px;box-shadow: 0 10px 18px rgba(0,0,0,.18);position: relative;background-color: #fff;border-radius: 4px 4px 0 0;display: flex;flex-direction: column;}
.promo-footer{flex: none;padding: 12px;margin-top: 8px;position: relative;background-color: #fff;border-radius: 0 0 4px 4px;}
.promo-footer::before{content: "";position: absolute;top:0;right: 0;left: 0;bottom: 0;z-index: -1;box-shadow: 0 10px 18px rgba(0,0,0,.18);border-radius: 0 0 4px 4px;}
.promo-footer::after{content: "";position: absolute;bottom:100%;left: 0;width: 100%;height: 8px;background: radial-gradient(circle, transparent 4px, #fff 4px);background-size: 10px 8px;background-position: -5px 0px;}
.promo-action{margin: auto;max-width: 192px;}
.promo-layer{background-color: #1b9e53;border-radius: 4px;color: #fff;padding: 48px 40px;position: relative;min-height: 100%;display: flex;flex-direction: column;flex: auto;}
.promo-layer::before{content: "";position: absolute;background-image: url(/bitrix/templates/v2.0/static/css/../img/waves.svg);background-repeat: no-repeat;background-size: 200% 150%;background-position: right center;left: 0;top:0;right: 0;bottom: 0;opacity: .2;pointer-events: none;}
.promo-layer::after{content: "";position: absolute;top:0;right: 0;width: 16px;height: 16px;border-radius: 50%;background-color: #fff;margin: 16px;}
.promo-layer_title{font-weight: 700;font-size: 32px;}
.promo-layer_subtitle{font-size: 22px;margin-top: 20px;}
.promo-layer_seperator::before{content: "";margin-top: 56px;display: block;width: 44px;height: 4px;background-color: currentColor;}
.promo-layer_catch{margin-top: auto;}
.promo-layer_catch *{fill: #fff!important;}
.promo-media{border-radius: 4px;overflow: hidden;width: 100%;}
.promo-media img{min-width: 100%;}
.promo-text{margin-top: 20px;padding: 0 16px;display: flex;flex-direction: column;}
.promo-text_title{font-weight: 700;font-size: 22px;}
.promo-text_subtitle{font-size: 15px;margin-top: 12px;}
.promo-text_catch{margin-top: auto;}
.promo-text__centered{text-align: center;}
.promo-text__centered .promo-text_title{font-size: 18px;font-weight: 600;}
.contacts-wrapper{position: relative;z-index: 2;}
.address-grid{display: grid;grid-auto-flow: row;grid-template-columns: 360px auto 1fr;grid-gap: 28px;}
.address-figure{margin: -48px 0 -180px;position: relative;z-index: 1;}
.address-figure_icon{position: absolute;z-index: 1;transition: transform .25s;}
.address-figure_icon.aos-init{transform: scale(0);}
.address-figure_icon.aos-animate{transform: scale(1);}
.address-figure_icon:nth-child(1){right: 0;bottom:50%;margin-bottom: 60px;margin-right: 20px;filter: drop-shadow(0px 9px 9px #31724d);}
.address-figure_icon:nth-child(2){left:0;top:0;filter: drop-shadow(0px 9px 9px #12b9e9);}
.address-figure_icon:nth-child(3){left: 0;top:50%;filter: drop-shadow(0px 9px 9px #4a8cff);}
.address-description_title{font-size: 23px;font-weight: 700;}
.address-description_subtitle{font-size: 18px;font-weight: 300;margin-top: 24px;line-height: 1.65;}
.address-description_action{margin-top: 40px;}
.address-messangers{display: flex;flex-wrap: wrap;align-items: flex-start;}
.address-messanger{margin-right: 12px;}
.address-info{background-image: linear-gradient(#bbe6ec, #f1fbfc);min-height: 27.5vw;position: relative;}
.address-info_bg{position: absolute;left:50%;max-height: 100%; bottom: 0;right: 0;overflow: hidden;display: flex;z-index: 2;}
.address-info_bg > img {max-height: 100%;width: 100%;max-width: none;margin-left: auto;}
.address-info_content{width: 360px;}
.address-map{position: relative;overflow: hidden;}
.address-map-grid{display: grid;grid-auto-flow: row;grid-template-columns: repeat(12, 1fr);grid-gap: 28px;position: relative;z-index: 2;}
.address-map-company{background-color: #fff;grid-column-end: span 4;position: relative;z-index: 1;}
.address-map-company_bg{position: absolute;right: -28px;top:-100px;bottom:-100px;width: 100vw;background-color: #1b9e53;z-index: -1;}
.address-map-company_bg::before{content: "";position: absolute;top:0;right: 0;bottom: 0;left: 0;opacity: .2;background-image: url(/bitrix/templates/v2.0/static/css/../img/waves.svg);background-position: right center;background-repeat: no-repeat;background-size: 800px;}
.address-map-office{background-color: #fff;grid-column-start: 9;grid-column-end: 12;border-radius: 4px;box-shadow: 0 8px 13px rgba(0,0,0,.27);padding: 24px 24px 40px;}
.address-map-office_title{font-size: 28px;font-weight: 600;}
.address-map-office_text{font-size: 16px;font-weight: 300;margin-top: 48px;}
.address-map-office_metro{margin-top: 20px;}
.address-metro{display: flex;align-items: center;}
.address-metro_icon{margin-right: 8px;}
.map-container{position: absolute;top:0;left: 0;bottom:0;right: 0; z-index: 1;background-color: #7d7d7d;}
.framebox{background-color: #fff;box-shadow: inset 0 0 0 1px #ddd;padding: 24px 36px 40px;}
.framebox__contrast{background-color: #f8f8f8;}
.framebox__clear{background-color: rgba(0,0,0,0);padding: 0;box-shadow: none;}
.framebox_title{font-size: 28px;font-weight: 600;}
.framebox_subtitle{font-size: 25px;font-weight: 300;margin-top: 24px;}
.framebox_text{margin-top: 16px;}
.framebox_meta{color: #7d7d7d;margin-top: 28px;}
.framebox_footer{margin-top: 40px;}
.framebox-table{font-size: 18px;display: table;}
.framebox-tablerow{display: table-row}
.framebox-tablecell{display: table-cell;width: 100%;padding: 4px 0;}
.framebox__dense .framebox_title{font-size: 20px;font-weight: 700;}
.framebox__dense .framebox_subtitle{font-size: 18px;font-weight: 300;margin-top: 16px;}
.download{display: flex;align-items: center;}
.download-icon{margin-right: 12px;margin-top: -2px;}
.download-action{font-weight: 500;color: #1b9e53;}
.download-meta{color: #7d7d7d;margin-left: 12px;}
.details{background-image: linear-gradient(#fff, #f7f7f7);}
.details-carousel{position: relative;margin: 0 -10px;}
.details-carousel .slick-dots{margin-top: 24px;display: flex;align-items: center;justify-content: center;}
.details-carousel .slick-arrow{position: absolute;top:50%;margin-top: -28px;}
.details-carousel .slick-prev{left:-16px;}
.details-carousel .slick-next{right: -16px;}
.details-carousel .slick-slide{opacity: .25;transition: all .25s;margin: 0 10px;}
.details-carousel .slick-active{opacity: 1;box-shadow: 0 8px 13px rgba(0,0,0,.27);transition-delay: .25s;}
.details-image{padding: 8px;background-color: #fff;border:1px solid #ddd;}
.details-image > img{width: 100%;}
.details-grid{margin-top: 80px;display: grid;grid-gap: 20px 28px;grid-template-columns: 1.25fr 2fr;grid-template-areas: "passport info" "project info" "cost info"}
.details-passport{grid-area: passport;}
.details-project{grid-area: project;}
.details-cost{grid-area: cost;}
.details-info{grid-area: info;line-height: 1.5;}
.details-passport .product-options{padding-bottom: 0;margin-top: 20px;}
.details-cost-value{font-size: 24px;}
.details-cost-value::after{content: "*";color: #ee7633;font-weight: 700;}
.details-cost-duration{color: #7d7d7d;margin-top: 4px;}
.details-cost-note{margin-top: 20px;font-weight: 300;}
.details-highlight{background-color: #1b9e53;color: #fff;font-size: 22px;font-weight: 300;padding: 0;margin: 64px 0;position: relative;border: 28px solid transparent;background-clip : padding-box;border-image: 1 url('data:image/svg+xml,\');}
.details-highlight::before{content: "";position: absolute;top:0;right: 0;left: 0;bottom: 0;opacity: .2;background-image: url(/bitrix/templates/v2.0/static/css/../img/waves.svg);background-repeat: no-repeat;background-size: 600px;background-position: bottom 25% center;margin: -28px;}
.details-review{background-color: #fff;position: relative;overflow: hidden;border-top: 1px solid #ddd;;}
.details-review::before{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 150%; background-image: url(/bitrix/templates/v2.0/static/css/../img/waves.svg);background-repeat: no-repeat;background-size: 800px;background-position: center;opacity: .2;}
.details-review-grid{display: grid;grid-gap: 28px;grid-template-columns: 1fr 1fr;position: relative;z-index: 1;}
.details-review-media{display: flex;}
.details-review-media::before{content: "";flex: none;padding-top: 56.25%;width: 0;}
.details-review-author{font-weight: 600;}
.details-review-date{color: #7d7d7d;margin-top: 4px;}
.details-review-text{margin-top: 24px;line-height: 1.5;}
.filter-wrapper__wide{border-radius: 0;}
.filter-wrapper__wide .filter-footer{padding: 24px 0 20px;}
.comments{margin-top: 72px;}
.comment{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 28px;margin-top: 88px;position: relative;z-index: 1;}
.comment:first-child{margin-top: 0;}
.comment::before{content: "";position: absolute;top:0;left: 0;right: 0;bottom: 0;z-index: -1;margin:-44px -16px -16px;opacity: 0;box-shadow: 0 10px 18px rgba(0,0,0,.18);border-radius: 4px;transition: opacity .25s;}
.comment:hover::before{opacity: 1;}
.comment-header{display: flex;align-items: center;}
.comment-avatar{border-radius: 50%;width: 112px;height: 112px;overflow: hidden;margin: -28px 24px -28px 0;display: flex;flex: none;}
.comment-name{font-weight: 500;font-size: 18px;}
.comment-meta{display: flex;flex-wrap: wrap;align-items: center;margin: 4px 0;}
.comment-date{color: #7d7d7d;font-weight: 300;margin: 4px 72px 4px 0;font-size: 18px;}
.comment-badge{display: flex;align-items: center;margin: 4px 0;transition: color .15s;}
.comment-badge_icon{margin-right: 8px;flex: none;color: #1b9e53;display: flex;align-items: center;}
.comment-badge_text{font-weight: 300;}
.comment-badge:hover{color: #1b9e53;}
.comment-quote{margin-top: 64px;background-color: #f3f4f4;font-weight: 300;padding: 32px;position: relative;line-height: 1.375;}
.comment-quote::before{content: "";position: absolute;bottom: 100%;left: 32px;width: 24px;height: 20px;background-color: #f3f4f4;clip-path: polygon(100% 0%, 75% 100%, 0% 100%);}
.comment-action{margin-top: 28px;}
.comment-image{margin-top: 32px;}
.comment-project{display: flex;flex-wrap: wrap;align-items: center;width: 100%;}
.comment-project_type{font-size: 18px;font-weight: 300;margin-right: 36px;margin-bottom: 8px;}
.comment-details{display: flex;flex-wrap: wrap;margin:-6px -8px;}
.comment-details_item{display: flex;align-items: center;min-height: 32px;margin:0 8px 8px;}
.comment-details_item_icon{flex:none;margin-right: 8px;opacity: .5;}
.comment-title{font-size: 22px;line-height: 1.35; font-weight: 500;display: inline;border-bottom: 2px solid #1b9e53;}
.imap{background-color: #7d7d7d;position: relative;width: 100%;display: flex;padding-top: 35%;}
.offer2{position: relative;background-image: linear-gradient(#bbe6ec, #f1fbfc);}
.offer2-img{position: absolute;right: 50%;bottom: 0;max-height: 100%;min-width: 50%;width: auto;}
.offer2-img > img{max-width: none;}
.offer2-grid{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 28px;}
.offer2-col__last{order: 1;z-index: 1;}
.offer2-title{font-weight: 600;font-size: 33px;}
.offer2-subtitle{font-weight: 300;font-size: 25px;margin-top: 20px;}
.offer2__plan .offer2-img{display: flex;align-items: flex-end;margin-right: -80px;}
.offer2__plan .offer2-title{text-align: center;}
.offer2__plan .offer2-subtitle{text-align: center;}
.offer2__plan .offer-form{margin-left: auto;margin-right: auto;}
.card2{background-color: #fff;border: 1px solid #d4d4d4;padding: 8px 20px 20px;display: flex;flex-direction: column;position: relative;}
.card2-content{margin-top: 24px;}
.card2-meta{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.card2-type{font-size: 18px;font-weight: 300;margin-right: 12px;margin-bottom: 8px;}
.card2-details{display: flex;margin: 0 -8px 8px;}
.card2-details_item{display: flex;align-items: center;min-height: 32px;margin:0 8px;}
.card2-details_item_icon{flex:none;margin-right: 8px;opacity: .5;}
.card2-title{font-size: 22px;line-height: 1.35; font-weight: 500;display: inline;border-bottom: 2px solid #1b9e53;}
.card2-title > a::after{content: "";position: absolute;top:0;right: 0;left: 0;bottom: 0;z-index: 1;}
.card2-media{order: -1;margin: 0 -12px;border-radius: 4px;overflow: hidden;}
.card2-image{transition: transform .25s;}
.card2:hover .card2-image{transform: scale(1.1);}
.pay{display: grid;grid-template-columns: 1fr 1fr;}
.pay-header{padding-right: 80px;padding-bottom: 40px;}
.pay-subtitle{font-size: 18px;font-weight: 300;margin-top: 20px;line-height: 1.375;}
.pay-frame{border: 16px solid #1b9e53;position: relative;padding: 0 20px;}
.pay-frame > img{position: absolute;z-index: 1;max-width: 100%;margin: -40px 0 -16px;bottom: 0;width: auto;max-height: calc(100% + 56px);left: 50%;transform: translateX(-50%);}
.payvars-caption{font-weight: 700;font-size: 32px;margin: 56px 0 40px;}
.payvars-grid{display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 28px;}
.payvar{display: flex;border: 1px solid #dadada;padding: 28px 36px 36px;align-items: flex-start;transition: box-shadow .15s;}
.payvar-content{flex: auto;}
.payvar-content_title{font-weight: 700;font-size: 18px;}
.payvar-content_text{font-weight: 300;margin-top: 16px;}
.payvar-image{flex: none;margin-left: 28px;width: 20%;display: flex;justify-content: flex-end;}
.payvar:hover{box-shadow: inset 0 0 0 3px #1b9e53;}
.paysteps{background-color: #f3f4f4;background-image: url(/bitrix/templates/v2.0/static/css/../img/waves.svg);background-repeat: no-repeat;background-size: 800px;background-position: center;}
.paysteps-title{font-weight: 700;font-size: 43px;}
.paysteps-subtitle{font-weight: 300;font-size: 25px;margin-top: 16px;}
.paysteps-grid{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 28px;margin-top: 48px;counter-reset: paystep;}
.paystep-promo{background-color: #1b9e53;color: #fff;padding: 32px;display: flex;align-items: center;justify-content: center;flex-direction: column;text-align: center;}
.paystep-promo_text{font-size: 25px;font-weight: 300;}
.paystep-promo_num{font-weight: 700;font-size: 96px;}
.paystep{border:1px solid #d4d4d4;background-color: #fff;padding: 32px;min-height: 200px;}
.paystep-index{flex:none;margin-left: 40px;font-weight: 700;font-size: 53px;color: #1b9e53;counter-increment: paystep;line-height: 1;}
.paystep-index::before{content: counter(paystep)}
.paystep-caption{font-weight: 700;font-size: 18px;display: flex;align-items: flex-start;justify-content: space-between;}
.paystep-text{margin-top: 20px;}
.format{display: grid;grid-template-columns: 1fr 1fr;}
.format-header{padding-right: 80px;padding-bottom: 80px;}
.format-subtitle{font-size: 32px;font-weight: 700;margin-top: 20px;}
.format-description{font-size: 25px;font-weight: 300;margin-top: 20px;}
.format-frame{border-bottom: 16px solid #1b9e53;position: relative;padding: 0 20px;}
.format-frame_border{content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;overflow: hidden;}
.format-frame_border::before{content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;border: 16px solid #1b9e53;transform: skew(0deg, -7deg);transform-origin: 100% 0;}
.format-frame > img{position: absolute;z-index: 1;min-width: calc(100% + 160px);margin: 0 0 -16px;bottom: 0;width: auto;left: 50%;transform: translateX(-50%);}
.format-adv{background-color: #f3f4f4;background-image: url(/bitrix/templates/v2.0/static/css/../img/waves.svg);background-repeat: no-repeat;background-size: 800px;background-position: center;}
.format-adv-caption{font-size: 24px;font-weight: 600;color: #1b9e53;}
.format-adv-grid{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 28px;margin-top: 48px;}
.format-adv-item{border:1px solid #d4d4d4;background-color: #fff;padding: 32px;}
.format-adv-item_title{font-weight: 600;font-size: 18px;}
.format-adv-item_text{margin-top: 20px;}
.company-grid{display: grid;grid-template-columns: 2fr 1fr;grid-gap: 28px;align-items: flex-end;}
.company-header{padding-bottom: 60px;}
.company-quote{font-size: 28px;font-weight: 500;display: flex;align-items: flex-start;margin-top: 36px;}
.company-quote_icon{margin-right: 48px;flex: none;}
.company-description{font-size: 18px;font-weight: 300;margin-top: 28px;line-height: 1.5;}
.company-author{font-size: 18px;display: flex;flex-direction: column;align-items: flex-end;margin-top: 60px;}
.company-author_name{font-weight: 500;}
.company-author_role{color: #7d7d7d;font-weight: 300;margin-top: 8px;}
.company-adv-holder{padding-bottom: 64px;}
.company-adv{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 28px;}
.company-adv-item{border:1px solid #d4d4d4;background-color: #fff;padding: 24px;}
.company-adv-item_title{font-size: 25px;font-weight: 700;color: #1b9e53;}
.company-adv-item_text{font-weight: 300;margin-top: 24px;}
.team{background-color: #f3f4f4;}
.team-title{font-size: 33px;font-weight: 500;}
.team-subtitle{font-size: 18px;font-weight: 300;margin-top: 24px;}
.team-grid{margin: 56px 0;}
.team-carousel{width: 100%;position: relative;margin: 0 -14px;}
.team-card{border:1px solid #d4d4d4;background-color: #fff;padding: 8px;display: flex;}
.team-col{flex: 1;}
.team-col:nth-child(1){}
.team-col:nth-child(1) .team-card_name{display: none;}
.team-card_image{padding-right: 32px;}
.team-card_image > img{width: 100%;}
.team-card_name{font-size: 18px;font-weight: 500;}
.team-card_role{color: #7d7d7d;font-weight: 300;font-size: 18px;margin-top: 12px;}
.team-card_exp{color: #1b9e53;font-size: 16px;font-weight: 300;margin-top: 4px;}
.team-card_cite{font-weight: 300;margin: 20px 0;}
.team-carousel .slick-slide{padding: 0 14px;}
.team-carousel .slick-arrow{position: absolute;top:50%;margin-top: -28px;}
.team-carousel .slick-prev{left: -14px;}
.team-carousel .slick-next{right: -14px;}
.team-carousel .slick-dots{position: absolute;top:100%;width: 100%;justify-content: center;margin-top: 40px;}
.format-teaser{background-color: #f8f8f8;}
.format-teaser-grid{display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 28px;}
.format-teaser-caption{font-size: 33px;font-weight: 500;margin-bottom: 24px;}
.format-teaser-title{font-size: 25px;font-weight: 300;}
.format-teaser-subtitle{font-size: 18px;font-weight: 300;margin-top: 24px;}
.format-teaser-action{margin-top: 32px;}
.format-teaser > :last-child img{margin: auto;max-height: 100%;}
.construct-grid{display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 112px;position: relative;z-index: 1;}
.construct-grid_col{position: relative;z-index: 1;}
.construct-grid_bg{position: absolute;z-index: -1;max-width: 100%;top:0;right: 0;bottom: -100px;display: flex;justify-content: flex-end;align-items: flex-start;}
.construct-grid_bg > img{max-height: 100%;max-width: none;min-height: 100%;}
.construct-subtitle{font-size: 32px;font-weight: 700;}
.construct-text{font-size: 25px;font-weight: 300;margin: 20px 0 28px;}
.construct-headerbox{margin-top: 20px;background-color: #fff;border: 1px solid #d4d4d4;padding: 32px;max-width: 456px;}
.construct-headerbox:first-child{margin-top: 0;}
.construct-headerbox__shadow{box-shadow: 0 3px 32px rgba(0,0,0,.4);}
.construct-headerbox_title{font-size: 18px;font-weight: 700;}
.construct-headerbox_text{font-weight: 300;margin-top: 16px;}
.construct-adv{background-color: #f3f4f4;background-image: url(/bitrix/templates/v2.0/static/css/../img/waves.svg);background-repeat: no-repeat;background-size: 800px;background-position: center;position: relative;z-index: 1;}
.construct-adv-grid{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 28px;}
.construct-adv-box{background-color: #fff;border: 1px solid #d4d4d4;padding: 36px 24px;display: flex;flex-direction: column;}
.construct-adv-box_header{display: flex;align-items: center;}
.construct-adv-box_icon{flex: none;margin-right: 20px;}
.construct-adv-box_title{font-size: 18px;font-weight: 700;}
.construct-adv-box_text{margin-top: 16px;}
.construct-adv-box_action{padding-top: 24px;margin-top: auto;}
.construct-video-grid{display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 28px;}
.construct-video-description{font-size: 18px;font-weight: 300;line-height: 1.375;}
.construct-video-catch .offer-form{border: 4px solid #1b9e53;}
.construct-video-player{display: flex}
.construct-trust{background-color: #f3f4f4;overflow: hidden;}
.construct-trust-holder{position: relative;z-index: 1;}
.construct-trust-title{position: relative;}
.construct-trust-subtitle{font-size: 25px;font-weight: 300;max-width: 50%;}
.construct-trust-grid{margin-top: 60px;display: grid;grid-template-columns: repeat(12, 1fr);grid-gap: 40px 28px;position: relative;z-index: 2;}
.construct-trust-grid_item{background-color: #fff;box-shadow: inset 0 0 0 1px #d4d4d4;padding: 28px;position: relative;font-size: 18px;font-weight: 300;}
.construct-trust-grid_item::before{content: "";position: absolute;top:0;left: 0;bottom: 0;background-color: #1b9e53;width: 2px;}
.construct-trust-grid_item:nth-child(1),
.construct-trust-grid_item:nth-child(2),
.construct-trust-grid_item:nth-child(3){grid-column-end: span 4;}
.construct-trust-grid_item:nth-child(3){visibility: hidden;}
.construct-trust-grid_item:nth-child(4),
.construct-trust-grid_item:nth-child(5),
.construct-trust-grid_item:nth-child(6),
.construct-trust-grid_item:nth-child(7){grid-column-end: span 3;}
.construct-trust-bg{position: absolute;top:0;left: 65%;right: 0;display: flex;align-items: flex-start;justify-content: flex-end;z-index: -1;}
.construct-trust-bg::before{content: "";position: absolute;top:50%;left: 50%;width: 50vw;height: 50vw; background-image: url(/bitrix/templates/v2.0/static/css/../img/waves.svg);background-repeat: no-repeat;background-size: contain;background-position: center;z-index: -1;transform: translate(-50%, -50%);}
.construct-trust-bg > img{min-width: 100%;}
.plan-grid{display: grid;grid-template-columns: 1fr 1fr;}
.plan-header{padding-bottom: 80px;}
.plan-subtitle{font-size: 32px;font-weight: 700;margin-top: 20px;}
.plan-text{font-size: 25px;font-weight: 300;margin-top: 20px;}
.plan-frame{position: relative;}
.plan-frame_border{overflow: hidden;position: absolute;top:0;left: 0;right: 0;bottom: 0;transition: transform .25s;}
.plan-frame_border.aos-init{transform: scale(0);}
.plan-frame_border.aos-animate{transform: scale(1);}
.plan-frame_border::before{content: "";position: absolute;top:100%;left:0;z-index: 1;position: absolute;border:16px solid #1b9e53;width: 100%;padding-top: 100%;transform: translateY(-50%);border-radius: 50%;}
.plan-frame > img{position: absolute;z-index: 1;min-width: calc(100% + 160px);margin: 0;bottom: 0;width: auto;left: 50%;transform: translateX(-50%);}
.plan-adv{background-color: #f3f4f4;margin-bottom: -64px;}
.plan-adv-grid{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 28px;}
.plan-adv-item{border:1px solid #d4d4d4;background-color: #fff;padding: 32px;}
.plan-adv-item_title{font-weight: 600;font-size: 18px;}
.plan-adv-item_text{margin-top: 20px;}
.plan-adv-promo{font-size: 25px;font-weight: 300;background-color: #1b9e53;color: #fff;padding: 40px;grid-column-end: span 2;position: relative;}
.plan-adv-promo::before{content: "";position: absolute;top:0;right: 0;left: 25%;bottom: 0; background-image: url(/bitrix/templates/v2.0/static/css/../img/waves.svg);background-repeat: no-repeat;background-size: 200%;background-position: left center;opacity: .2;}
.plan-10{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 28px;}
.plan-10_caption{font-size: 30px;font-weight: 600;color: #1b9e53;text-align: center;display: flex;flex-direction: column;align-items: center;}
.plan-10_caption_symbol{font-size: 83px;font-weight: 700;position: relative;margin-bottom: 12px;}
.plan-10_caption_symbol::before,
.plan-10_caption_symbol::after{content: "";position: absolute;top:0;bottom: 0;width: 70px;background-image: url(/bitrix/templates/v2.0/static/css/../img/plan-10.png);background-position: center;background-repeat: no-repeat;background-size: contain;}
.plan-10_caption_symbol::before{right:100%;margin-right: -20px;}
.plan-10_caption_symbol::after{left: 100%;transform: scale(-1,1);margin-left: -20px;}
.plan-10_item{display: flex;flex-direction: column;align-items: flex-start;}
.plan-10_item_text{margin-top: 20px;}
.plan-vars{background-color: #f5f6f6;background-image: url(/bitrix/templates/v2.0/static/css/../img/waves.svg);background-repeat: no-repeat;background-size: 800px;background-position: center;}
.plan-vars-title{text-align: center;}
.plan-vars-grid{display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 28px;margin-top: 48px;}
.plan-var{display: flex;flex-direction: column;}
.plan-var_caption{background-color: #1b9e53;color: #fff;border-radius: 4px 4px 0 0;padding: 16px 40px;font-size: 25px;font-weight: 300;}
.plan-var_content{flex: auto;background-color: #fff;padding: 28px 40px 40px;}
.plan-var-description{color: #7d7d7d;}
.plan-var-list{margin-top: 48px;}
.plan-var-list_item{display: flex;align-items: center;margin-top: 20px;}
.plan-var-list_item:first-child{margin-top: 0;}
.plan-var-list_item_icon{flex: none;display: flex;align-items: center;justify-content: center;width: 20px;height: 20px;border: 1px solid;border-radius: 50%;margin-right: 16px;}
.plan-var-list_item__minus .plan-var-list_item_icon{color: #7d7d7d;}
.plan-var-list_item__minus .plan-var-list_item_icon::before{content: "\2212";}
.plan-var-list_item__plus .plan-var-list_item_icon{color: #1b9e53;}
.plan-var-list_item__plus .plan-var-list_item_icon::before{content: "\002b";}
.plan-price{background-color: #fff;background-image: url(/bitrix/templates/v2.0/static/css/../img/waves.svg);background-repeat: no-repeat;background-size: 800px;background-position: center;}
.plan-price-title{text-align: center;}
.plan-price-grid{display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 28px;margin-top: 48px;}
.plan-price-gridcol-right{text-align: right;}
.plan-price-gridcol-left{text-align: left;}
.plan-price-switch{margin-top: auto;overflow: hidden;transition: opacity .5s;opacity: 1;}
.plan-price-switch__hidden{position: absolute;visibility: hidden;opacity: 0;}
.plan-pricebox{border:1px solid #d4d4d4;background-color: #fff;padding: 40px;display: flex;flex-direction: column;min-height: 100%;}
.plan-pricebox_title{font-size: 28px;font-weight: 500;color: #1b9e53;}
.plan-pricebox_subtitle{font-size: 25px;font-weight: 300;margin-top: 20px;}
.plan-pricebox_price{display: flex;align-items: baseline;flex-wrap: wrap;margin-top: auto;padding-top: 28px;}
.plan-pricebox_price_old{margin-right: 20px;font-size: 25px;font-weight: 300;color: #7d7d7d;}
.plan-pricebox_price_val{font-size: 25px;font-weight: 700;}
.plan-pricebox_price_note{width: 100%;font-size: 16px;margin-top: 4px;font-weight: 300;}
.plan-download{background-image: linear-gradient(#bbe6ec, #f1fbfc);position: relative;}
.plan-download-grid{display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 28px;}
.plan-download-grid_image{margin: -80px 0 -64px;display: flex;justify-content: flex-end;align-items: flex-end;}
.plan-download-grid_image > img{min-height: 100%;width: auto;max-width: none;}
.plan-download-grid_content{display: flex;flex-direction: column;align-items: flex-start;}
.plan-download-title{font-size: 28px;font-weight: 500;}
.plan-download-subtitle{font-size: 18px;font-weight: 300;margin-top: 20px;}
.plan-download-action{background-color: #ee7633;color: #fff;margin-top: 40px;padding: 12px 20px;border-radius: 4px;cursor: pointer;transition: background-color .15s;}
.plan-download-action:hover{background-color: #eea133;}
.plan-download-action *{color: #fff;}
.plan-steps{background-image: url(/bitrix/templates/v2.0/static/css/../img/plan-steps-bg.png);background-repeat: no-repeat;background-position: center;}
.plan-steps-title{}
.plan-steps-grid{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 64px 28px;grid-template-areas: ". image ." ". image .";}
.plan-steps-grid_image{grid-area: image;display: flex;margin: auto;justify-content: center;align-items: center;}
.plan-step{display: flex;align-items: flex-start;}
.plan-step_index{position: relative;z-index: 1;color: #fff;font-size: 28px;font-weight: 500;min-width: 40px;min-height: 40px;display: flex;align-items: center;justify-content: center;flex: none;margin-right: 28px;}
.plan-step_index::before{content: "";position: absolute;top:0;right: 0;left: 0;bottom: 0;z-index: -1;background-color: #1b9e53;transform: skewX(-10deg)}
.plan-step_title{font-size: 20px;font-weight: 700;}
.plan-step_description{font-weight: 300;margin-top: 20px;}
@media screen and (max-width:1199.98px){
}
@media screen and (max-width:1023.98px){
.framebox{padding: 16px 16px 24px;min-height: 100%;}
.framebox_title{font-size: 23px;}
.framebox_subtitle{font-size: 20px;}
.promo-grid{grid-template-columns: repeat(2, 1fr);}
.address-grid{grid-template-columns: auto;}
.address-info_content{width: 100%;}
.address-info_bg{display:none;}
.address-map-grid{grid-gap: 28px 0;}
.address-map-company{grid-column-end: span 12;}
.address-map-office{grid-column-start: 1;grid-column-end: span 12;position: relative;margin-top: 200px;}
.address-map-company_bg{display: none;}
.map-container{margin: -200px -40px -44px;z-index: -1;}
.details-grid{margin-top: 40px;grid-gap: 16px; grid-template-columns: 1fr 1fr;grid-template-areas: "passport passport" "project cost" "info info";}
.details-highlight{margin: 28px 0;border-width: 16px;font-size: 18px;}
.details-carousel .slick-prev{left: 0}
.details-carousel .slick-next{right: 0}
.comment{grid-template-columns: auto;}
.comment::before{display: none;}
.comment-avatar{width: 84px;height: 84px;}
.comment-date{font-size: 16px;}
.comment-quote{padding: 16px;font-size: 14px;margin-top: 40px;}
.comment-quote::before{left: 20px;}
.comment-title{font-size: 18px;}
.comment-image{margin-top: 20px;}
.offer2-grid{grid-template-columns: auto;text-align: center;margin: 0 auto;max-width: 460px;grid-gap: 0;}
.offer2-grid .framebox__clear{padding: 0;}
.offer2-title{font-size: 23px;margin-bottom: 24px;}
.offer2-subtitle{font-size: 18px;}
.offer2__alt .offer2-grid{grid-template-columns: repeat(2, 1fr);grid-gap: 16px;text-align: left;max-width: none;}
.card2-title{font-size: 18px;}
.pay{grid-template-columns: auto;grid-gap: 20px;}
.pay-header{padding:0;}
.pay-frame{min-height: 200px;}
.payvars-caption{font-size: 23px;}
.payvars-grid{grid-gap: 16px;}
.payvar{padding: 16px;position: relative;}
.payvar-image{width: 60px;height: 60px;position: absolute;top:0;left: 0;margin: 16px;}
.payvar-content{}
.payvar-content_title{min-height: 60px;padding-left: 76px;}
.paysteps-title{font-size: 23px;text-align: center;}
.paysteps-subtitle{text-align: center;font-size: 18px;}
.paysteps-grid{grid-template-columns: repeat(2, 1fr);grid-gap: 16px;}
.format{grid-template-columns: auto;grid-gap: 28px;}
.format-header{padding: 0;}
.format-subtitle{font-size: 18px;}
.format-description{font-size: 16px;}
.format-frame{min-height: 320px;}
.company-adv-holder{padding-bottom: 40px;}
.format-adv-grid{grid-template-columns: repeat(2, 1fr);grid-gap: 16px;}
.format-adv-item{padding: 24px;}
.company-grid{grid-template-columns: repeat(2, 1fr);grid-gap: 16px;align-items:flex-start;}
.company-quote{font-size: 20px;}
.company-quote_icon{width: 40px;margin-right: 16px;}
.company-description{font-size: 16px;}
.company-frame{padding-bottom: 40px;display: flex;justify-content: center;}
.company-author{margin-top: 24px;align-items: flex-start;}
.company-adv{grid-template-columns: repeat(2, 1fr);grid-gap: 16px;}
.team-title{font-size: 23px;text-align: center;}
.team-subtitle{font-size: 18px;text-align: center;}
.team-grid{margin: 48px -24px;}
.team-carousel{margin: 0;}
.team-carousel .slick-list{overflow: hidden;}
.team-carousel .slick-arrow{top: 25%;}
.team-carousel .slick-prev{left: 12px;}
.team-carousel .slick-next{right: 12px;}
.construct-grid{grid-template-columns: auto;grid-gap: 16px;}
.construct-grid_bg{position: relative;bottom: auto;margin-bottom: -164px;}
.construct-grid_bg > img{max-width: 100%;}
.construct-headerbox{max-width: none;}
.construct-subtitle{font-size: 20px;}
.construct-text{font-size: 18px;}
.construct-adv-grid{grid-template-columns: auto;grid-gap: 16px;}
.construct-adv-box_action{display: none;}
.construct-video-grid{grid-template-columns: auto;grid-gap: 16px;}
.construct-video-player{order: -1;min-height: 40vw;}
.construct-trust-grid{grid-gap: 16px;margin-top: 48px;}
.construct-trust-grid_item{grid-column-end: span 6!important;}
.construct-trust-grid_item:nth-child(3){display: none;}
.construct-trust-subtitle{font-size: 18px;}
.plan-grid{grid-template-columns: auto;}
.plan-frame{display: flex;padding-top: 16px;}
.plan-frame::before{content: "";padding-top: 50%;width: 0;flex: none;}
.plan-header{padding-bottom: 20px;}
.plan-subtitle{font-size: 20px;margin-top: 16px;}
.plan-text{font-size: 16px;margin-top: 16px;}
.plan-adv-grid{grid-template-columns: repeat(2, 1fr);grid-gap: 16px;}
.offer2__plan{overflow: hidden;}
.plan-10{grid-template-columns: repeat(2, 1fr);grid-gap: 16px;}
.plan-10_item{padding-right: 40px;}
.plan-vars-grid{grid-gap: 16px;}
.plan-var_caption{padding: 16px;font-size: 20px;text-align: center;}
.plan-var_content{padding: 24px 16px;}
.plan-price-grid{margin-top: 24px;grid-gap: 16px;}
.plan-price-button .button{width: 100%;}
.plan-pricebox{padding: 24px;}
.plan-pricebox_title{font-size: 23px;}
.plan-pricebox_subtitle{font-size: 18px;}
.plan-download{overflow: hidden;}
.plan-download-grid_image > img{position: absolute;}
.plan-download-title{font-size: 23px;}
.plan-steps-grid{grid-gap: 16px;grid-template-columns:1fr 40px 1fr;}
.plan-step{flex-direction: column;}
.plan-step_index{margin: 0 0 12px;}
.details-review-grid{grid-template-columns: auto;}
}
@media screen and (max-width:767.98px){
.format-teaser-grid{grid-template-columns: auto;grid-gap: 24px;}
.format-teaser-title{font-size: 20px;}
.format-teaser-image{order: -1;}
.format-teaser-image > img{width: 100%;max-width: 264px;max-height: none!important;}
}
@media screen and (max-width:639.98px){
.promo-grid{grid-template-columns: auto;}
.promo-text{padding: 0;}
.promo-layer{padding: 40px 16px 16px;}
.details-grid{grid-template-columns:auto;grid-template-areas: "passport" "project" "cost" "info";margin-top: 24px;}
.comment-action{display: none;}
.payvars-grid{grid-template-columns: auto;}
.pay-frame{min-height: 120px;padding: 0;}
.offer2__alt .offer2-grid{grid-template-columns: auto;grid-gap: 40px 0;}
.paysteps-grid{grid-template-columns: auto;}
.format-frame{min-height: 240px;}
.format-adv-grid{grid-template-columns: auto;}
.team-card{flex-direction: column;}
.team-card_image{padding: 0 0 16px;}
.company-grid{grid-template-columns: auto;}
.company-frame{padding-bottom: 24px;}
.company-header{padding-bottom: 24px;}
.company-adv{grid-template-columns: auto;}
.company-adv-item{padding: 16px;}
.format-teaser .title{text-align: left;}
.construct-grid_bg{margin-bottom: -80px;}
.construct-headerbox{padding: 16px;}
.construct-trust-subtitle{max-width: none;}
.construct-trust-grid_item{grid-column-end: span 12!important;}
.construct-trust-bg{bottom: 0;left: 0;}
.construct-trust-bg > img{display: none;}
.construct-trust-bg::before{width: 300%;height: 300%;}
.plan-adv-grid{grid-template-columns:auto;}
.plan-adv-promo{grid-column-end: span 1;padding: 16px;font-size: 20px;}
.plan-adv-item{padding: 16px;}
.plan-10{grid-template-columns: auto;grid-gap: 24px;}
.plan-10_item{padding: 0;flex-direction: row;align-items: flex-start;}
.plan-10_item_icon{flex:none;margin-right: 16px;width: 40px;display: flex;}
.plan-10_item_icon > img{margin: 0 auto;}
.plan-10_item_text{margin-top: 0;}
.plan-vars-grid{grid-template-columns: auto;margin-top: 24px;}
.plan-var-list{margin-top: 24px;}
.plan-price-grid{grid-template-columns: auto;}
.plan-download-grid{grid-gap: 0;grid-template-columns: auto;}
.plan-download-grid_image{display: none;}
.plan-steps-grid{grid-template-columns:1fr;grid-template-areas: initial;}
.plan-steps-grid_image{display: none;}
}
@media screen and (min-width:640px){
}
@media screen and (min-width:768px){
.format-teaser-image{grid-row-end: span 2;}
}
@media screen and (min-width:1024px){
}
/* End */
/* Start:/bitrix/templates/v2.0/static/css/main3.css?178154662728232*/
@charset "UTF-8";
.product-titlebox{display: flex;align-items: baseline;margin-bottom: 40px;}
.product-views{padding-left: 28px;margin-left: auto;}
.filebox{display: flex;border-radius: 4px;box-shadow: inset 0 0 0 1px #d4d4d4;overflow: hidden;height: 32px;}
.filebox-icon{background-color: #1b9e53;color: #fff;display: flex;align-items: center;justify-content: center;padding: 0 8px;}
.filebox-text{font-size: 14px;line-height: 16px;color: #7d7d7d;white-space: nowrap;padding: 0 16px 0 12px;display: flex;align-items: center;}
.specs{width: 100%;display: grid;border-radius: 4px;border: 1px solid #d4d4d4;margin: 40px 0;box-shadow: 0 8px 13px rgba(0,0,0,.05);overflow: hidden;grid-template-columns: auto auto 1fr auto;}
.specs-price{background-color: #f3f4f4;padding: 20px 32px 20px 28px;display: flex;flex-direction: column;justify-content: center;border-right: 1px solid #d4d4d4;}
.specs-price_old{font-size: 16px;font-weight: 400;margin-bottom: 4px;}
.specs-price_value{font-size: 24px;font-weight: 600;}
.specs-price_credit{font-size: 15px;color: #1b9e53;margin-top: 4px;}
.specs-price_credit_link{display: inline;border-bottom: 1px solid #a9d1b7;}
.specs-grid{display: flex;flex: auto;align-items: baseline;padding: 28px 20px;}
.specs-type{min-width: 160px;margin-right: auto;padding: 28px 0 28px 32px;}
.specs-type_name{color: #7d7d7d;font-size: 15px;}
.specs-type_name::after{content: ":";}
.specs-type_value{font-size: 16px; font-weight: 600;hyphens: auto;margin-top: 2px;}
.specs-type_action{margin-top: 16px;}
.specs-options{display: grid;grid-gap: 16px;grid-template-columns: repeat(4, auto);justify-content: space-between;flex: auto;}
.specs-option{padding-left: 36px;position: relative;}
.specs-option_icon{position: absolute;left:0;top:0;opacity: .5;}
.specs-option_name{color: #7d7d7d;font-size: 15px;}
.specs-option_name::after{content: ":";}
.specs-option_value{font-size: 16px; font-weight: 600;hyphens: auto;margin-top: 2px;}
.specs-button{background-color: #1b9e53;color: #fff;display: flex;align-items: center;justify-content: center;flex: none;flex-direction: column;padding: 20px 28px 20px 32px;position: relative;transition: all .25s;border-left: 1px solid #d4d4d4;}
.specs-button:hover{background-color: #ee7633;}
.specs-button_icon{width: 52px;height: 52px;}
.specs-button_text{font-size: 18px;font-weight: 500;line-height: 1;white-space: nowrap;margin-top: 4px;}
.specs-button_text > a::after{content: "";position: absolute;top:0;left: 0;right: 0;bottom: 0;z-index: 1;}
.details-switch{margin: 40px 0 32px;}
.switch-wrapper{display: flex;justify-content: center;}
.switch{display: inline-flex;min-height: 36px;overflow: hidden;border-radius: 4px;box-shadow: inset 0 0 0 1px #d4d4d4;max-width:650px;flex: auto;}
.switch-option, .switch-video {flex: 1; text-align: center;font-size: 16px;padding: 8px 28px;display: flex;align-items: center;justify-content: center;position: relative;}
.switch-option__active{background-color: #1b9e53;color: #fff;pointer-events: none;}
.switch-option > a::after{content: "";position: absolute;top:0;left: 0;right: 0;bottom: 0;z-index: 1;}
.details-replace{background-color: #fff;display: flex;align-items: center;max-width: 200px;padding: 16px;border-radius: 4px;box-shadow: 0 8px 13px rgba(0,0,0,.05);min-height: 60px;cursor: pointer;}
.details-replace_icon{color: #1b9e53;margin-right: 16px;flex: none;display: flex;}
.details-replace_text{font-size: 14px;line-height: 16px;font-weight: 500;}
.details-carousel2{position: relative;margin: 0 -10px;}
.details-carousel2 .slick-dots{margin-top: 24px;display: flex;align-items: center;justify-content: center;}
.details-carousel2 .slick-arrow{position: absolute;top:50%;margin-top: -28px;}
.details-carousel2 .slick-prev{left:-16px;}
.details-carousel2 .slick-next{right: -16px;}
.details-carousel2 .slick-slide{opacity: 0;transition: all .25s;margin: 0 10px;}
.details-carousel2 .slick-active{opacity: 1;box-shadow: 0 8px 13px rgba(0,0,0,.27);transition-delay: .25s;}
.details-carousel2 .details-image{padding: 8px;background-color: #fff;border:1px solid #ddd;position: relative;}
.details-carousel2 .details-image > img{width: 100%;}
.details-carousel2-flip{}
.details-carousel2-flipped .details-carousel2-flip,
.details-carousel2-flipped .fancybox-image{transform: scale(-1, 1);}
.details-carousel2 .details-replace{position: absolute;top:0;right: 0;margin: 28px;visibility: hidden;}
.details-carousel2 .slick-active .details-replace{visibility: visible;}
.layouts{background-color: #f3f4f4;}
.layouts-title{}
.layouts-subtitle{font-size: 18px;line-height: 28px;font-weight: 300; display: flex;width: 100%;justify-content: space-between;margin-top: 24px;}
.layouts-subtitle_aside{margin-left: 32px;flex: none;}
.layouts-grid{margin: 40px 0;display: grid;grid-gap: 28px;grid-template-columns: repeat(2, 1fr);}
.layouts-grid:last-child{margin-bottom: 0;}
.layout{background-color: #fff;border-radius: 4px;padding: 20px 20px 28px;box-shadow: 0 8px 13px rgba(0,0,0,.05);position: relative;cursor: pointer;}
.layout-image{overflow: hidden;border-radius: 4px;border: 1px solid #d4d4d4;padding: 16px;}
.layout-image__hidden{display: none;}
.layout-title{font-size: 18px;line-height: 24px;font-weight: 500;text-align: center;margin-top: 20px;}
.layout-title a::after{content: "";position: absolute;top:0;left: 0;right: 0;bottom: 0;z-index: 1;}
.layout-zoom{position: absolute;top:0;right: 0;border-radius: 50%;margin: 28px;border: 1px solid;display: flex;align-items: center;justify-content: center;transition: all .25s;width: 40px;height: 40px;background-color: #fff;z-index: 1;line-height: 0;}
.layout:hover .layout-zoom{background-color: #1b9e53;color: #fff;border-color: #1b9e53;}
.layouts-highlight{background-color: #1b9e53;color: #fff;padding: 0;margin: 40px 0;position: relative;border: 28px solid transparent;background-clip : padding-box;border-image: 1 url('data:image/svg+xml,\');display: flex;align-items: center;}
.layouts-highlight:last-child{margin-bottom: 0;}
.layouts-highlight::before{content: "";position: absolute;top:0;right: 0;left: 0;bottom: 0;opacity: .2;background-image: url(/bitrix/templates/v2.0/static/css/../img/waves.svg);background-repeat: no-repeat;background-size: cover;background-position: center;margin: -28px;}
.layouts-highlight_text{margin-right: auto;padding-right: 28px; font-size: 22px;font-weight: 600;display: flex;align-items: center;position: relative;z-index: 1;}
.layouts-highlight_text_icon{margin-right: 10px;flex: none;}
.layouts-highlight_action{flex: none;position: relative;z-index: 1;cursor: help;}
.layouts-highlight_action:hover .tooltip{visibility: visible;opacity: 1;transform: translate(-50%, 0);}
.variants-carousel{display: flex;margin: 48px -14px 40px;}
.variants-carousel:last-child{margin-bottom: 0;}
.variants-carousel .slick-list{min-width: 100%;}
.variants-item{background-color: #f8f8f8;margin: 0 14px;width: 100%;flex: 1;border-radius: 4px;box-shadow: inset 0 0 0 1px #d4d4d4;padding: 20px 20px 48px;position: relative;}
.variant{min-height: 100%;display: flex;flex-direction: column;}
.variant-image{text-align: center;width: 100%;}
.variant-header{width: 100%;text-align: center;}
.variant-title{font-size: 25px;font-weight: 600;margin-top: 16px;}
.variant-oldprice{color: #969696;font-size: 18px;font-weight: 300;margin-top: 4px;}
.variant-oldprice:empty::before{content: "\a0";}
.variant-price{font-size: 28px;font-weight: 300;}
.variant-description{background-color: #fff;width: 100%;border-radius: 4px;box-shadow: inset 0 0 0 1px #d4d4d4;padding: 12px;font-size: 16px;line-height: 24px; font-weight: 300;margin-top: 24px;min-height: 144px;}
.variant-info{margin-top: 24px;width: 100%;}
.variant-info_title{font-size: 22px;line-height: 24px;font-weight: 500;}
.variant-info_list{font-size: 16px;font-weight: 300;margin-top: 12px;}
.variant-info_list li{display: flex;align-items: flex-start;margin: .75em 0;}
.variant-info_list li::before{content: "\2014";flex: none;margin-right: 8px;}
.variant-action{width: 100%;margin-top: auto;text-align: center;padding-top: 32px;}
.variant-tag{position: absolute;top:20px;left: 0;z-index: 1;}
.variant-flag{position: absolute;top:0;right: 28px;transform: translateY(-50%);}
.variant-flag::after{content: "";position: absolute;left: 100%;top:0;width: 36px;height: 28px;border: 1px solid;border-radius: 50%;clip-path: polygon(0% 60%, 0% 0%, 100% 0%, 100% 100%, 95% 100%);}
.flag{font-size: 13px;font-weight: 600;background-color: #ee7633;color: #fff;display: flex;align-items: center;padding: 4px 8px;border-radius: 4px 0 0 4px;transform: rotate(-55deg);transform-origin: right center;height: 40px;}
.flag::before{content: "";position: absolute;top:0;bottom: 0;left: 100%;background-color: #ee7633;width: 20px;clip-path: polygon(0% 0%, 100% 33%, 100% 66%, 0% 100%);margin-left: -1px;}
.flag::after{content: "";position: absolute;right: -3px;top:50%;width: 6px;height: 6px;border-radius: 50%;margin-top: -3px;background-color: #fff;}
.variants-compare{display: flex;justify-content: center;}
.variants-compare_button{max-width: 576px;width: 100%;}
.product-advantages{background-color: #f3f4f4;position: relative;overflow: hidden;}
.product-advantages::before{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 150%; background-image: url(/bitrix/templates/v2.0/static/css/../img/waves.svg);background-repeat: no-repeat;background-size: 1000px;background-position: center;z-index: 1;}
.product-advantages_grid{display: grid;position: relative;z-index: 1;grid-template-columns: repeat(2, 1fr);grid-gap: 28px;}
.product-adv{background-color: #fff;border-radius: 4px;border: 1px solid #d4d4d4;padding: 36px 32px 40px;display: flex;flex-direction: column;}
.product-adv_image > img{height: 140px;width: auto;}
.product-adv_title{font-size: 33px;font-weight: 500;margin-top: 16px;}
.product-adv_text{font-size: 18px;line-height: 28px;font-weight: 300;margin-top: 16px;}
.product-adv_action{margin-top: auto;font-size: 16px;font-weight: 500;color: #1b9e53;padding-top: 32px;}
.product-adv_action::after{content: "\a0\2192";}
.offer3{padding: 40px 0;}
.offer3-grid{display: grid;grid-gap: 28px 32px;grid-template-columns: 1fr 1fr;}
.offer3-title{font-size: 22px;font-weight: 500;}
.offer3-form{display: flex;justify-content: flex-end;}
.offer3-cell{margin-left: 32px;flex: auto;}
.offer3-formfield{width: 100%;display: flex;align-items: center;background-color: #fff;border-radius: 4px;height: 48px;padding: 0 12px;max-width: 360px;}
.offer3-formfield_icon{flex: none;margin-right: 12px;display: flex;}
.offer3-formfield_input{flex: auto;}
.offer3-formfield_input input{width: 100%;}
.offer3-button{width: 100%;max-width: 260px;}
.offer3-subtitle{margin-top: 28px;font-size: 16px;font-weight: 300;}
.payment2{background-color: #f3f4f4;position: relative;overflow: hidden;}
.payment2::before{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 100%; background-image: url(/bitrix/templates/v2.0/static/css/../img/waves.svg);background-repeat: no-repeat;background-size: 800px;background-position: center;z-index: 1;}
.payment2-title{position: relative;z-index: 1;}
.payment2-subtitle{position: relative;z-index: 1;font-size: 25px;font-weight: 300;margin-top: 16px;}
.payment2 .paysteps-grid{position: relative;z-index: 1;}
.payment2 .paystep-promo,
.payment2 .paystep-promo_text,
.payment2 .paystep-promo_num{position: relative;z-index: 1;}
.payment2 .paystep-promo::before{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 100%; background-image: url(/bitrix/templates/v2.0/static/css/../img/waves.svg);background-repeat: no-repeat;background-size: 300%;background-position: center;z-index: 1;opacity: .2;}
.paystep-action{color: #1b9e53;font-size: 26px;font-weight: 500;display: flex;align-items: center;padding: 0 32px;}
.paystep-action_link::after{content: "\a0\2192";transition: transform .15s;display: inline-block;}
.paystep-action_link:hover::after{transform: translateX(10px)}
.live{background-color: #1b9e53;color: #fff;position: relative;overflow: hidden;}
.live-bg{position: absolute;top: 0;bottom: 0;right: 0;max-width: 50%;}
.live-bg::after{content: "";position: absolute;top:0;left: 0;width: 40%;height: 100%;background-image: linear-gradient(90deg, #1b9e53, transparent);}
.live-bg > img{object-fit: cover;object-position: center;height: 100%;}
.live-grid{position: relative;z-index: 1;display: grid;grid-template-columns: 1fr auto 1fr;align-items: center;grid-gap: 28px;padding: 40px 0;}
.live-grid::before{content: "";position: absolute;left: -2%;right: 0;bottom: -25%;height: 125%; width: 40%; background-image: url(/bitrix/templates/v2.0/static/css/../img/waves.svg);background-repeat: no-repeat;background-size: cover;background-position: bottom left;z-index: -1;opacity: .2;}
.live-title{font-size: 42px;font-weight: 800;}
.live-subtitle{font-size: 20px;font-weight: 300;margin-top: 8px;}
.live-icon{width: 120px;height: 120px;border-radius: 50%;border: 5px solid;display: flex;align-items: center;justify-content: center;padding-left: 8px;}
.live-label{font-size: 16px;line-height: 24px;font-weight: 500;background-color: #ee7633;color: #fff;position: absolute;right: 0;top:24px;border-radius: 4px;padding: 0 8px;white-space: nowrap;}
.comments2{background-color: #f3f4f4;position: relative;overflow: hidden;background-image: url(/bitrix/templates/v2.0/static/css/../img/comments2-bg.png);background-repeat: no-repeat;background-position: left -15% top 88px;}
.comments2-title{margin-bottom: 48px;}
.comments2-carousel{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.comments2-carousel .slick-list{width: 100%;order: -1;margin-bottom: 36px;}
.comments2-carousel .slick-dots{margin:0 20px;}
.comments2-carousel .slick-next{order:1;}
.comments2-slide:nth-child(n + 2){display: none;}
.comment2{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 28px;position: relative;z-index: 1;padding-top: 28px;}
.comment2-main{display: flex;flex-direction: column;}
.comment2-header{display: flex;align-items: center;}
.comment2-avatar{border-radius: 50%;width: 112px;height: 112px;overflow: hidden;margin: -28px 24px -28px 0;display: flex;flex: none;}
.comment2-name{font-weight: 500;font-size: 18px;}
.comment2-meta{display: flex;flex-wrap: wrap;align-items: center;margin: 4px 0;}
.comment2-date{color: #7d7d7d;font-weight: 300;margin: 4px 72px 4px 0;font-size: 18px;}
.comment2-badge{display: flex;align-items: center;margin: 4px 0;transition: color .15s;}
.comment2-badge_icon{margin-right: 8px;flex: none;color: #1b9e53;display: flex;align-items: center;}
.comment2-badge_text{font-weight: 300;font-size: 16px;}
.comment2-badge:hover{color: #1b9e53;}
.comment2-quote{margin-top: 64px;background-color: #fff;font-weight: 300;padding: 32px;position: relative;line-height: 1.25;font-size: 16px;flex: auto;}
.comment2-quote::before{content: "";position: absolute;bottom: 100%;left: 32px;width: 24px;height: 28px;background-color: #fff;clip-path: polygon(100% 0%, 75% 100%, 0% 100%);margin-bottom: -1px;}
.comment2-action{margin-top: 28px;color: #1b9e53;}
.comment2-image{margin-top: 32px;}
.comment2-project{display: flex;flex-wrap: wrap;align-items: center;width: 100%;}
.comment2-project_type{font-size: 18px;font-weight: 300;margin-right: 36px;margin-bottom: 8px;}
.comment2-details{display: flex;flex-wrap: wrap;margin:-6px -8px;}
.comment2-details_item{display: flex;align-items: center;min-height: 32px;margin:0 8px 8px;}
.comment2-details_item_icon{flex:none;margin-right: 8px;opacity: .5;}
.comment2-title{font-size: 22px;line-height: 1.35; font-weight: 500;display: inline;border-bottom: 2px solid #1b9e53;}
.product-propstitle{margin-bottom: 48px;}
.product-props{position: relative;margin: 0 -22px;}
.product-props .slick-dots{margin-top: 24px;display: flex;align-items: center;justify-content: center;}
.product-props .slick-arrow{position: absolute;top:50%;margin-top: -28px;}
.product-props .slick-prev{left:-4px;}
.product-props .slick-next{right: -4px;}
.props-grid{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 28px;align-items: center;height: 100%;}
.props-image{grid-column-end: span 2;order: 1;}
.props-image_inner{width: 100%;margin-left: auto;padding: 8px;background-color: #fff;border:1px solid #ddd;box-shadow: 0 8px 13px rgba(0,0,0,.27);transition: all .25s;transform: scale(.6);}
.props-image img{width: 100%;}
.props-text{display: flex;flex-direction: column;justify-content: center;opacity: 0;padding-right: 40px;padding-bottom: 40px;transition: all .25s;}
.props-icon{display: flex;justify-content: center;color: #1b9e53;margin-bottom: 28px;}
.props-title{font-size: 24px;font-weight: 500;}
.props-content{font-size: 18px;line-height: 28px;font-weight: 300;margin-top: 16px;}
.product-props .slick-slide{opacity: .25;transition: all .25s;margin: 0 22px;}
.product-props .slick-active{opacity: 1;transition-delay: .25s;}
.product-props .slick-active .props-image{order: -1;}
.product-props .slick-active .props-image_inner{width: 100%;transform: scale(1);}
.product-props .slick-active .props-text{opacity: 1;}
.product-props .slick-active ~ .slick-slide .props-image{order: -1;}
.product-props .slick-active ~ .slick-slide .props-image_inner{margin-left: 0;margin-right: auto;}
.aside-modal{position: fixed;top:0;left: 0;right: 0;bottom: 0;z-index: 999;visibility: hidden;transition: all .25s;}
.aside-modal-overlay{background-color: #000;position: absolute;top:0;left: 0;right: 0;bottom: 0;transition: opacity .25s .25s;opacity: 0;}
.aside-modal-wrapper{position: fixed;top:0;right: 0;bottom: 0;z-index: 1;width: 100%;max-width: 548px;display: flex;flex-direction: column;transform: translateX(100%);transition: transform .25s, opacity .25s;opacity: 0;padding-left: 64px;}
.aside-modal-content{overflow: auto;display: flex;flex-direction: column;height: 100%;background-color: #fff;}
.aside-modal-header{padding: 16px 24px;background-color: #f3f4f4;min-height: 64px;}
.aside-modal-main{flex: auto;padding: 20px 24px;}
.aside-modal-subtitle{font-size: 24px;font-weight: 500;color: #7d7d7d;margin: 40px 0 20px;}
.aside-modal-subtitle:first-child{margin-top: 0;}
.aside-modal-form_row{display: flex;align-items: flex-start;}
.aside-modal-form_row + .aside-modal-form_row{margin-top: 16px;}
.aside-modal-form_cell{position: relative;min-width: 60px;}
.aside-modal-form_cell + .aside-modal-form_cell{padding-left: 20px;margin-left: auto;}
.aside-modal-gift{margin: -10px 0;}
.aside-modal-price{display: flex;white-space: nowrap;flex-wrap: wrap;align-items: baseline;justify-content: flex-end;}
.aside-modal-oldprice{color: #7d7d7d;text-decoration: line-through;}
.aside-modal-pricevalue{font-weight: 500;margin-left: 12px;font-size: 20px;}
.aside-modal-pricevalue:first-child{margin-left: 0;}
.aside-modal-footer{padding: 16px 24px 40px;background-color: #f3f4f4;margin-top: 20px;}
.aside-modal-footer_title{text-align: center;font-size: 24px;font-weight: 500;margin-bottom: 16px;}
.aside-modal-footer_note{text-align: center;font-size: 14px;margin-top: 28px;}
.modal-catch-row{margin-top: 8px;}
.modal-catch-row__action{margin-top: 20px;}
.modal-catch-row:first-child{margin-top: 0;}
.modal-catch{display: flex;background-color: #fff;border-radius: 4px;box-shadow: inset 0 0 0 1px #d4d4d4;padding: 0 16px;height: 44px;align-items: center;}
.modal-catch_icon{display: flex;align-items: center;justify-content: center;margin-right: 12px;}
.aside-modal-close{position: absolute;left: 0;top:0;background-color: #1b9e53;color: #fff;border-radius: 8px 0 0 8px;display: flex;align-items: center;justify-content: center;height: 64px;width: 64px;cursor: pointer;}
.aside-modal__active{visibility: visible;}
.aside-modal__active .aside-modal-overlay{opacity: .5;transition-delay: 0s;}
.aside-modal__active .aside-modal-wrapper{transform: translateX(0);opacity: 1;transition-delay: 0s;}
.radio{}
.radio-label{display: flex;align-items: center;position: relative;overflow: hidden;cursor: pointer;user-select: none;}
.radio-label_icon{display: flex;align-items: center;justify-content: center;width: 22px;height: 22px;border-radius: 50%;border:1px solid #ddd;flex: none;margin-right: 10px;color: #fff;background-color: #fff;position: relative;}
.radio-label_icon::before{content: "";position: absolute;top:50%;left: 50%;width: 16px;height: 16px;border-radius: 50%;background-color: #1b9e53;margin:-8px 0 0 -8px;transform: scale(0);transition: all .15s;}
.radio-label .control{position: absolute;visibility: hidden;}
.radio-label .control:checked ~ .radio-label_icon::before{transform: scale(1);}
.popup-wrapper__wide{max-width: 1200px;}
.compare-option-yes{display: inline-block;width: 8px;height: 8px;border-radius: 50%;background-color: #1b9e53;overflow: hidden;}
.compare-titlebox{display: flex;align-items: baseline;margin-bottom: 40px;}
.compare-titlebox_title{margin-right: auto;}
.compare-type_action{margin-top: 16px;}
@media screen and (max-width:1199.98px){
.specs-options{grid-template-columns: repeat(3, auto);}
}
@media screen and (max-width:1023.98px){
.product-titlebox{margin-bottom: 24px;}
.specs{grid-template-columns: auto 1fr auto;margin: 24px 0;}
.specs-type{margin: 0 auto;padding: 28px;}
.specs-grid{order: 1;grid-column-end: span 3;border-top: 1px solid #d4d4d4;padding: 28px;}
.specs-options{grid-template-columns: repeat(4, auto);}
.paystep-action{grid-column-end: span 2;justify-content: center;}
.props-text{padding: 0;}
.details-switch{margin: 24px 0;}
.switch{max-width: 592px;}
.layouts-subtitle{flex-direction: column;font-size: 16px;line-height: 22px;}
.layouts-subtitle_aside{margin: 20px auto 0;}
.layouts-subtitle_aside .details-replace{max-width: none;}
.layouts-grid{grid-gap: 8px;margin: 28px 0;}
.layout{padding: 8px 8px 12px;}
.layout-title{margin-top: 8px;font-size: 16px;}
.layout-zoom{margin: 24px;width: 32px;height: 32px;}
.layouts-highlight{margin-top: 28px;flex-wrap: wrap;border-width: 20px;}
.layouts-highlight_text{padding: 0;margin: 0;}
.layouts-highlight_text + .layouts-highlight_text{margin-left: auto;padding-left: 20px;margin-right: -10px;}
.layouts-highlight_action{width: 100%;margin-top: 12px;}
.variant-description{min-height: 0;}
.variants-item{padding: 40px 40px 20px;margin: 0 20px;}
.variants-carousel{position: relative;margin: 20px -20px;}
.variants-carousel .slick-dots{margin-top: 24px;display: flex;align-items: center;justify-content: center;}
.variants-carousel .slick-arrow{position: absolute;top:50%;margin-top: -18px;width: 36px;height: 36px;}
.variants-carousel .slick-prev{left: 0;}
.variants-carousel .slick-next{right: 0;}
.product-propstitle{margin-bottom: 24px;}
.product-adv_title{font-size: 22px;font-weight: 600;}
.product-adv_text{font-size: 16px;line-height: 22px;}
.offer3-cell{margin-left: 12px;}
.offer3-cell:first-child{margin: 0;}
.props-icon{display: none;}
.props-title{font-size: 20px;font-weight: 600;}
.props-content{font-size: 16px;line-height: 22px;}
.payment2-subtitle{font-size: 18px;line-height: 24px;}
.payment2 .paysteps-grid{margin-top: 24px;}
.live-grid::before{background-position: right bottom;left: 0;top: 0;bottom: 0;right: auto;width: 100%;height: 100%;transform: translateX(-50%);}
.live-title{font-size: 32px;}
.live-bg > img{object-position: right center;}
}
@media screen and (max-width:767.98px){
.variants-compare_button{max-width: 100%;}
.variant{flex-wrap: wrap;flex-direction: row;}
.variant-image{width: 50%;display: flex;align-items: flex-end;padding-right: 28px;}
.variant-header{width: 50%;text-align: left;}
.variant-description{font-size: 14px;line-height: 18px;}
.variant-info_title{font-size: 18px;}
.variant-info_list{font-size: 14px;}
.product-advantages_grid{grid-gap: 16px;}
.product-adv{padding: 20px 20px 28px;}
.product-adv_action{padding-top: 20px;}
.offer3-grid{grid-template-columns: auto;grid-gap: 20px;}
.props-grid{grid-template-columns: auto;}
.props-text{opacity: 1!important;}
.props-image{order: -1!important;grid-column-end: span 1!important;}
.props-image_inner{width: 100%;}
.payment2-title{text-align: center;}
.payment2-subtitle{text-align: center;}
.paystep-action{margin-top: 20px;}
.comments2{background-image: none;padding-top: 16px;}
.comment2{grid-template-columns:auto;}
}
@media screen and (max-width:1023.98px){
.compare-type_action{margin-top: 0;margin-left: auto;padding-left: 20px;}
.compare-titlebox_title{margin-right: 40px;}
}
@media screen and (max-width:639.98px){
.product-views{display: none;}
.specs{grid-template-columns: auto;}
.specs-grid{grid-column-end: span 1;padding: 20px;}
.specs-options{grid-template-columns: 1fr 1fr;}
.specs-type{margin: 0;display: grid;grid-template-columns: 1fr auto;grid-gap: 16px;}
.specs-type_action{margin: 0;}
.specs-price{padding: 20px;border-right: none;}
.specs-type{padding: 20px;}
.specs-button{padding: 12px 20px;order: 1;border-left: none;flex-direction: row;}
.specs-button_icon{width: 24px;height: 24px;margin-right: 8px;}
.switch-option{padding: 8px;}
.details-carousel2 .details-replace{display: none;}
.details-carousel2 .details-replace.layoutflip {display: flex;position:unset;top:unset;right:unset;margin:20px auto;max-width: 235px;}
.details-bottom-replace{display: flex;margin: 20px auto 0;justify-content: center;}
.details-bottom-replace .details-replace{max-width: none;}
.layouts-grid{grid-template-columns: auto;}
.layouts-highlight{flex-direction: column;text-align: center;}
.layouts-highlight_text{font-size: 18px;}
.layouts-highlight_text + .layouts-highlight_text{padding: 0;margin: 8px 0 0;}
.layouts-highlight_text:first-child .layouts-highlight_text_icon{display: none;}
.layouts-highlight_text_icon{margin: 0;}
.layouts .tooltip{right: auto;left: 50%;transition: none;max-width: 100%;text-align: left;}
.variants-item{padding: 20px 20px 32px;margin: 0 32px;}
.variant-image{width: 100%;padding-right: 0;}
.variant-header{width: 100%;text-align: center;}
.variants-carousel .slick-next{right: 10px;}
.variants-carousel .slick-prev{left: 10px;}
.product-advantages_grid{grid-template-columns: auto;}
.product-adv_image > img{width: 100%;height: auto;}
.offer3-title{font-size: 18px;text-align: center;}
.offer3-form{flex-direction: column;}
.offer3-cell{margin-top: 12px;margin-left: 0;}
.offer3-cell .offer3-button{margin: 0 auto;}
.offer3-subtitle{font-size: 14px;margin-top: 16px;text-align: center;}
.paystep-action{grid-column-end: span 1;}
.payment2 .paysteps-grid{grid-gap: 8px;}
.paystep-action{font-size: 18px;margin-top: 8px;padding: 0;}
.live-grid{grid-template-columns: auto;text-align: center;grid-gap: 20px;padding-bottom: 0;}
.live-grid::before{transform: translate(-50%, -50%);}
.live-label{position: relative;right: auto;top: auto;margin: 0 auto;}
.live-icon{margin: 0 auto;}
.live-bg{max-width: none;position: relative;left: auto;top: auto;right: auto;bottom: auto;margin: 0 -16px;}
.live-bg::after{width: 100%;height: 40%;background-image: linear-gradient(180deg, #1b9e53, transparent);}
.comments2{padding-top: 0;}
.comments2-title{text-align: center;margin-bottom: 8px;}
.comment2-action .button-text{white-space: normal;}
.comment2-action .button-icon{display: none;}
.aside-modal-wrapper{padding-left: 32px;}
.aside-modal-close{width: 32px;}
.aside-modal-form_row{flex-direction: column;}
.aside-modal-form_row + .aside-modal-form_row{margin-top: 20px;}
.aside-modal-form_cell + .aside-modal-form_cell{padding-left: 0;margin-left: 0;margin-top: 12px;}
.compare-titlebox{flex-direction: column;}
.compare-titlebox_title{margin-bottom: 16px;}
}
@media screen and (min-width:640px){
.details-bottom-replace{display: none;}
}
@media screen and (min-width:1024px){
.variants-carousel.slick-slider{user-select: auto;}
}
@media screen and (max-width:767.98px){
.details-carousel2 .slick-arrow{display: none;}
}
/* End */
/* Start:/bitrix/templates/v2.0/static/css/header.css?178154662719781*/
.nav-item {
text-transform: none;
font-size: 17px;
}
.topbar-item .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
}
.header__cities {
position: relative;
}
.header__cities-item {
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 0.15s;
-o-transition: all 0.15s;
transition: all 0.15s;
}
.header__cities-item:hover {
color: #1b9e53;
}
.header__cities-item svg,
.header__cities-item img {
-o-object-fit: contain;
object-fit: contain;
color: #ee7633;
width: 14px;
height: 14px;
position: relative;
top: -1px;
}
.header__cities-item span {
width: calc(100% - 12px);
padding-left: 6px;
}
.header__cities-list {
border-radius: 5px;
background: #fff;
-webkit-box-shadow:
0px 20px 40px 0px rgba(0, 0, 0, 0.05),
0px 0px 10px 0px rgba(0, 0, 0, 0.05);
box-shadow:
0px 20px 40px 0px rgba(0, 0, 0, 0.05),
0px 0px 10px 0px rgba(0, 0, 0, 0.05);
padding: 16px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
display: none;
position: absolute;
top: 25px;
left: 0;
width: 200px;
z-index: 1;
}
.active+.header__cities-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header__cities-list a {
-webkit-transition: all 0.15s;
-o-transition: all 0.15s;
transition: all 0.15s;
}
.header__cities-list a:hover {
color: #1b9e53;
}
.header__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
letter-spacing: 0.22px;
}
.header__info-left {
font-weight: 700;
font-size: 22px;
-webkit-transition: all 0.15s;
-o-transition: all 0.15s;
transition: all 0.15s;
}
.header__info-left:hover {
color: #1b9e53;
}
.header__info-right {
font-weight: 300;
font-size: 11px;
border-left: 1px solid #ddd;
padding-left: 12px;
margin-left: 12px;
}
.header__info-right b {
font-weight: 700;
font-size: 12px;
letter-spacing: 0.12px;
}
@media screen and (max-width: 1099px) {
.header__info-left {
font-size: 20px;
}
}
@media screen and (max-width: 1023px) {
.searchinput {position: relative;}
.searchinput .autocomplete {
width: 100%;
position: absolute;
top: 100%;
left: 0;
}
.header.menu-active {
overflow: hidden;
max-height: -webkit-max-content;
max-height: -moz-max-content;
max-height: max-content;
}
.header.menu-active:before {
content: "";
position: absolute;
top: 100px;
left: 50%;
width: 20000px;
height: 20px;
margin-left: -10000px;
-webkit-box-shadow:
0px 20px 30px 0px rgba(0, 0, 0, 0.02),
0px 5px 10px 0px rgba(0, 0, 0, 0.03);
box-shadow:
0px 20px 30px 0px rgba(0, 0, 0, 0.02),
0px 5px 10px 0px rgba(0, 0, 0, 0.03);
}
.topbar {
padding: 0;
padding-top: 12px;
}
.topbar-logo {
width: 100px;
height: auto;
}
.topbar-logo .logo img {
max-width: 100px !important;
}
.topbar-holder {
background: #fff;
}
.menu-toggle {
width: 16px;
height: 16px;
}
.searchbox-mobile {
margin: 0;
}
.searchbox-mobile .searchbox {
height: 40px;
}
.searchbox-field {
height: 100%;
position: absolute;
top: 0;
left: 0;
border-radius: 6px;
}
.searchbox-field_input {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-left: 38px;
font-size: 14px;
}
.searchbox-field_input::-webkit-input-placeholder {
color: #999;
opacity: 1;
}
.searchbox-field_input:focus::-webkit-input-placeholder {
color: transparent;
}
.searchbox-field_input:-ms-input-placeholder {
color: #999;
opacity: 1;
}
.searchbox-field_input:focus:-ms-input-placeholder {
color: transparent;
}
.searchbox-field_input::-ms-input-placeholder {
color: #999;
opacity: 1;
}
.searchbox-field_input:focus::-ms-input-placeholder {
color: transparent;
}
.searchbox-field_input::-moz-placeholder {
color: #999;
opacity: 1;
}
.searchbox-field_input:focus::-moz-placeholder {
color: transparent;
}
.searchbox-field_input::-webkit-input-placeholder {
color: #999;
opacity: 1;
}
.searchbox-field_input::-moz-placeholder {
color: #999;
opacity: 1;
}
.searchbox-field_input:-ms-input-placeholder {
color: #999;
opacity: 1;
}
.searchbox-field_input::-ms-input-placeholder {
color: #999;
opacity: 1;
}
.searchbox-field_input::placeholder {
color: #999;
opacity: 1;
}
.searchbox-field_input:focus::-webkit-input-placeholder {
color: transparent;
}
.searchbox-field_input:focus::-moz-placeholder {
color: transparent;
}
.searchbox-field_input:focus:-ms-input-placeholder {
color: transparent;
}
.searchbox-field_input:focus::-ms-input-placeholder {
color: transparent;
}
.searchbox-field_input:focus::placeholder {
color: transparent;
}
.searchbox-icon {
margin: 0;
position: absolute;
top: 50%;
left: 12px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.searchbox-icon_show {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.searchbox-icon_show svg {
width: 15px;
height: 15px;
}
.header__mobar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
position: relative;
top: 3px;
}
.header__mobar-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-right: 12px;
}
.header__mobar-icon {
width: 28px;
height: 28px;
border: 1px solid #d4d4d4;
border-radius: 999px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 0.15s;
-o-transition: all 0.15s;
transition: all 0.15s;
}
.header__mobar-icon svg,
.header__mobar-icon img {
width: 14px;
height: 14px;
}
.header__mobar-icon:hover {
border-color: #1b9e53;
}
.header__mobar-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: calc(100% - 28px);
padding-left: 6px;
font-size: 10px;
color: #999;
gap: 2px;
}
.header__mobar-body a {
-webkit-transition: all 0.15s;
-o-transition: all 0.15s;
transition: all 0.15s;
font-weight: 700;
font-size: 15px;
color: #000;
letter-spacing: -0.64px;
}
.header__mobar-body a:hover {
color: #1b9e53;
}
.header__mobar-right {
color: #999;
-webkit-transition: all 0.15s;
-o-transition: all 0.15s;
transition: all 0.15s;
}
.header__mobar-right:hover {
color: #1b9e53;
}
.header__mobar-right svg {
width: 40px;
height: 32px;
}
.bottom-mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 16px 0;
padding-bottom: 14px;
}
.bottom-mobile__left {
width: calc(100% - 50px);
}
.bottom-mobile__right {
width: 40px;
height: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #d4d4d4;
border-radius: 6px;
}
.mobile-menu {
padding: 16px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
}
.mobile-menu__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
}
.mobile-menu__label {
letter-spacing: 0.28px;
font-weight: 300;
font-size: 14px;
color: #808080;
position: relative;
}
.mobile-menu__label span {
background: #fff;
padding-right: 10px;
position: relative;
z-index: 2;
}
.mobile-menu__label:after {
content: "";
background: #ddd;
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 1px;
}
.mobile-menu__link {
-webkit-transition: all 0.15s;
-o-transition: all 0.15s;
transition: all 0.15s;
font-size: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4px;
}
.mobile-menu__link:hover {
color: #1b9e53;
}
.mobile-menu__link svg {
width: 16px;
height: 16px;
color: #ee7633;
}
.overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 99;
background: #000;
opacity: 0.2;
}
.cities-opened .overlay,
.info-opened .overlay {
display: block;
}
.header__modal {
display: none;
width: 100%;
position: absolute;
top: 64px;
left: 0;
z-index: 999;
padding: 0 16px;
}
.cities-opened .header__modal_cities {
display: block;
}
.info-opened .header__modal_info {
display: block;
}
.header__modal-body {
position: relative;
background: #fff;
border-radius: 8px;
padding: 24px 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 24px;
-webkit-box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.05);
box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.05);
}
.header__modal-body::before {
content: "";
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid #fff;
position: absolute;
top: -12px;
right: 20px;
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
}
.header__modal_cities .header__modal-body::before {
right: 195px;
}
.header__modal-close {
-webkit-transition: all 0.15s;
-o-transition: all 0.15s;
transition: all 0.15s;
width: 24px;
height: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 12px;
right: 12px;
}
.header__modal-close:hover {
color: #1b9e53;
}
.header__modal-close svg {
width: 16px;
height: 16px;
}
.header__modal-title {
font-weight: 500;
font-size: 18px;
letter-spacing: 0.36px;
}
.header__modal-apps {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
}
.header__modal-apps a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header__modal-apps svg {
width: 24px;
height: 24px;
color: #000;
}
.header__modal-apps span {
width: calc(100% - 24px);
padding-left: 10px;
font-size: 17px;
letter-spacing: 0.34px;
}
.header__modal-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
}
.header__modal-links a {
-webkit-transition: all 0.15s;
-o-transition: all 0.15s;
transition: all 0.15s;
font-size: 17px;
letter-spacing: 0.34px;
}
.header__modal-links a:hover {
color: #1b9e53;
}
}
@media screen and (max-width: 369px) {
.header__modal_cities .header__modal-body::before {
right: 152px;
}
.header__mobar-body a {
font-size: 10px;
}
}
/* End */
/* Start:/bitrix/components/cherechukin/message/templates/.default/style.css?1781546624400*/
.message {background-color:#ee7633;color:#fff;padding:10px;text-align:center;position:sticky;top:0;left:0;right:0;width:100%;z-index:100;}
.message .text {padding:0 30px;}
.message .text i {font-style: italic;}
.message .text a {color:#000;text-decoration:underline;}
.message .text a:hover {text-decoration:none;}
.message .close {display:inline-block;position:absolute;top:10px;right:10px;}
/* End */
/* Start:/bitrix/templates/.default/components/bitrix/menu/v2.head_mobile/style.css?1781546627134*/
.mobile-menu__link .counter {background:#ddd;font-size:12px;border-radius:15px;margin-left:5px;padding:2px 8px;color:#333 !important;}
/* End */
/* Start:/bitrix/templates/.default/components/bitrix/menu/v2.head/style.css?1781546627125*/
.nav-item .counter {background:#ddd;font-size:12px;border-radius:15px;margin-left:5px;padding:2px 8px;color:#333 !important;}
/* End */
/* Start:/bitrix/templates/v2.0/static/blog/css/blog.css?1781546628110486*/
@charset "UTF-8";
@font-face {
font-family: "SF";
src: url("/bitrix/templates/v2.0/static/blog/css/../fonts/SF-Light.woff") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "SF";
src: url("/bitrix/templates/v2.0/static/blog/css/../fonts/SF-Light.woff2") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "SF";
src: url("/bitrix/templates/v2.0/static/blog/css/../fonts/SF-Regular.woff") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "SF";
src: url("/bitrix/templates/v2.0/static/blog/css/../fonts/SF-Regular.woff2") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "SF";
src: url("/bitrix/templates/v2.0/static/blog/css/../fonts/SF-Medium.woff") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "SF";
src: url("/bitrix/templates/v2.0/static/blog/css/../fonts/SF-Medium.woff2") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "SF";
src: url("/bitrix/templates/v2.0/static/blog/css/../fonts/SF-Semibold.woff") format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "SF";
src: url("/bitrix/templates/v2.0/static/blog/css/../fonts/SF-Semibold.woff2") format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "SF";
src: url("/bitrix/templates/v2.0/static/blog/css/../fonts/SF-Bold.woff") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "SF";
src: url("/bitrix/templates/v2.0/static/blog/css/../fonts/SF-Bold.woff2") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
/*Обнуление*/
* {
padding: 0;
margin: 0;
border: 0;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
:focus,
:active {
outline: none;
}
a:focus,
a:active {
outline: none;
}
nav,
footer,
header,
aside {
display: block;
}
html,
body {
font-size: 100%;
line-height: 1;
font-size: 14px;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
input,
button,
textarea {
font-family: inherit;
}
input::-ms-clear {
display: none;
}
button {
border: none;
font: inherit;
color: inherit;
background-color: transparent;
cursor: pointer;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
a,
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
ul li {
list-style: none;
}
img {
vertical-align: top;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: 400;
}
/*--------------------*/
.wrapper {
max-width: 1220px;
width: 100%;
margin: 0 auto;
padding: 0 40px;
}
.tabs-object__btn {
cursor: pointer;
}
.tabs-object__btn p {
pointer-events: none;
-webkit-transition: 0.5s all ease-in-out;
-o-transition: 0.5s all ease-in-out;
transition: 0.5s all ease-in-out;
}
.tabs-object__more p {
position: relative;
-webkit-transition: 0.5s all ease-in-out;
-o-transition: 0.5s all ease-in-out;
transition: 0.5s all ease-in-out;
}
.tabs-object__grid .box {
-webkit-transition: 1s all ease-in-out;
-o-transition: 1s all ease-in-out;
transition: 1s all ease-in-out;
max-height: 1000px;
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.tabs-object__grid .box.anime {
max-height: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
opacity: 0;
}
.tabs-object__grid .box.hide {
display: none;
}
.tabs-object__item {
position: relative;
}
.tabs-object__box {
position: relative;
overflow: hidden;
}
.main-page {
font-family: "SF";
font-weight: 400;
color: #000000;
}
.blog {
overflow: hidden;
}
.blog__title {
max-width: 600px;
margin-bottom: 28px;
}
.blog__grid {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 20px;
margin-bottom: 32px;
}
.blog__item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 10px;
border: 1px solid #D4D4D4;
}
.blog__item a {
position: absolute;
inset: 0;
z-index: 1;
}
.blog__image {
-webkit-box-flex: 0;
-ms-flex: 0 1 45%;
flex: 0 1 45%;
position: relative;
overflow: hidden;
border-radius: 4px;
}
.blog__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: 0.5s all ease-in-out;
-o-transition: 0.5s all ease-in-out;
transition: 0.5s all ease-in-out;
}
.blog__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-flex: 0;
-ms-flex: 0 1 52%;
flex: 0 1 52%;
padding: 10px 0;
padding-right: 7px;
}
.blog__label {
position: absolute;
top: 20px;
left: 0;
font-size: 16px;
line-height: 23px;
padding: 7px 14px;
color: #ffffff;
background: #EC763D;
border-radius: 0px 3px 3px 0px;
}
.blog__subtitle {
font-weight: 500;
font-size: 22px;
line-height: 30px;
margin-bottom: 20px;
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.blog__subtitle span {
color: inherit;
font-size: inherit;
line-height: inherit;
padding-bottom: 1px;
border-bottom: 2px solid #259d56;
-webkit-transition: 0.5s all ease-in-out;
-o-transition: 0.5s all ease-in-out;
transition: 0.5s all ease-in-out;
}
.blog__descr {
font-size: 16px;
line-height: 23px;
color: #7D7D7D;
margin-bottom: 20px;
}
.blog__info {
gap: 80px;
}
.blog__btn {
display: inherit;
padding: 9px 16px;
text-align: center;
font-size: 16px;
line-height: 30px;
border: 1px solid #d4d4d4;
border-radius: 4px;
margin: 0 auto;
-webkit-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
transition: 0.5s all ease;
margin-bottom: 35px;
}
.blog__nav {
margin-bottom: 86px;
}
.blog__mobile {
display: none;
}
.main-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.main-row__content {
-webkit-box-flex: 0;
-ms-flex: 0 1 74%;
flex: 0 1 74%;
}
.main-row__aside {
-webkit-box-flex: 0;
-ms-flex: 0 1 22.5%;
flex: 0 1 22.5%;
}
.main-title {
font-weight: 500;
font-size: 43px;
line-height: 51px;
}
.info-blog {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.info-blog__date {
font-size: 16px;
line-height: 23px;
color: #7D7D7D;
}
.info-blog__view {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
font-size: 16px;
line-height: 23px;
color: #7D7D7D;
}
.nav-blog {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.nav-blog__links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 5px;
}
.nav-blog__number {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 36px;
height: 36px;
font-size: 16px;
line-height: 100%;
color: #000000;
text-align: center;
border-radius: 4px;
-webkit-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
transition: 0.5s all ease;
}
.nav-blog__number.active {
background: #259D56;
color: #ffffff;
}
.nav-blog__next {
margin-left: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
font-size: 16px;
line-height: 30px;
-webkit-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
transition: 0.5s all ease;
color: #000000;
}
.nav-blog__next svg {
-webkit-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
transition: 0.5s all ease;
}
.nav-blog__next svg path {
-webkit-transition: inherit;
-o-transition: inherit;
transition: inherit;
}
.nav-blog__views {
font-size: 16px;
line-height: 30px;
color: #7D7D7D;
}
.seo-text__title {
margin-bottom: 20px;
font-size: 33px;
line-height: 39px;
}
.seo-text__wrapper {
overflow: hidden;
max-height: 158px;
-webkit-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
}
.seo-text__wrapper.visible {
max-height: 2000px;
-webkit-transition: 0.8s all;
-o-transition: 0.8s all;
transition: 0.8s all;
}
.seo-text__descr {
font-size: 16px;
line-height: 23px;
}
.seo-text__descr:not(:last-child) {
margin-bottom: 22px;
}
.seo-text__link {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
gap: 5px;
margin-top: 20px;
font-size: 16px;
line-height: 23px;
color: #259D56;
}
.seo-text__link svg {
margin-top: 3px;
}
.seo-text__link svg path {
-webkit-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
}
.seo-text__link.active {
color: #7D7D7D;
}
.seo-text__link.active svg {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.seo-text__link.active svg path {
stroke: #7D7D7D;
}
.main-subtitle {
font-weight: 500;
font-size: 33px;
line-height: 39px;
}
.aside-blog__title {
margin-bottom: 27px;
}
.aside-blog__nav {
position: relative;
margin-bottom: 73px;
}
.aside-blog__nav::after {
content: "";
position: absolute;
z-index: -1;
top: -126px;
left: 0;
width: 700px;
height: 853px;
background: url(/bitrix/templates/v2.0/static/blog/css/../img/blog/blog-decor.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.aside-blog .aside-blog__nav--wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 18px;
}
.aside-blog__box {
display: none;
}
.aside-blog__btn {
display: none;
}
.aside-blog__link {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 19px;
padding-left: 0;
-webkit-transition: 0.5s all ease-in-out;
-o-transition: 0.5s all ease-in-out;
transition: 0.5s all ease-in-out;
color: #000000;
}
.aside-blog__link::before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 0;
height: 8px;
background: url(/bitrix/templates/v2.0/static/blog/css/../img/svg/arrow-link.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.aside-blog__link.active {
padding-left: 21px;
color: #259D56;
}
.aside-blog__link.active::before {
width: 11px;
}
.aside-blog__second {
margin-bottom: 28px;
font-weight: 500;
font-size: 33px;
line-height: 39px;
}
.aside-blog__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 13px;
font-size: 22px;
line-height: 30px;
color: #000000;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
transition: 0.2s all;
margin-bottom: 40px;
}
.aside-blog__info span {
border-bottom: 2px solid #259d56;
padding-bottom: 1px;
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
.aside-blog__card {
position: relative;
border-radius: 4px;
overflow: hidden;
}
.aside-blog__card:not(:last-child) {
margin-bottom: 18px;
}
.aside-blog__card a {
position: absolute;
inset: 0;
z-index: 1;
}
.aside-blog__card img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: 0.5s all ease-in-out;
-o-transition: 0.5s all ease-in-out;
transition: 0.5s all ease-in-out;
}
.aside-blog__label {
display: inline-block;
padding: 6px 10px;
font-size: 16px;
line-height: 23px;
color: #ffffff;
background: #EC763D;
border-radius: 3px;
margin-bottom: 27px;
}
.aside-blog .info-blog {
gap: 50px;
margin-bottom: 59px;
}
.aside-blog .aside-blog__shell {
margin-bottom: 100px;
}
.aside-blog__item {
padding: 36px 0;
border-bottom: 1px dashed;
border-color: rgba(0, 0, 0, 0.4);
}
.aside-blog__item .main-subtitle {
margin-bottom: 30px;
}
.aside-blog__item:first-child {
padding-top: 0;
}
.aside-blog__item:last-child {
border: none;
padding-bottom: 0;
}
.aside-blog__item a {
font-weight: 500;
font-size: 22px;
line-height: 30px;
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.aside-blog__item a span {
border-bottom: 2px solid #259d56;
-webkit-transition: inherit;
-o-transition: inherit;
transition: inherit;
color: #000000;
}
.article-page__title {
margin-bottom: 47px;
}
.article-page__back {
position: relative;
padding-left: 23px;
display: inline-block;
font-size: 16px;
line-height: 19px;
color: #7D7D7D;
margin-bottom: 36px;
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.article-page__back::before {
content: "";
position: absolute;
top: 5px;
left: 0;
width: 11px;
height: 8px;
background: url(/bitrix/templates/v2.0/static/blog/css/../img/svg/arrow-link.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.article-page__bg {
margin-bottom: 23px;
}
.article-page__image {
overflow: hidden;
}
.article-page__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.article-page__descr {
font-size: 16px;
line-height: 23px;
}
.article-page__subtitle {
margin-top: 53px;
margin-bottom: 35px;
}
.article-page__number {
margin-bottom: 76px;
padding-right: 52px;
}
.article-page__register {
margin-bottom: 64px;
}
.article-page__register .main-subtitle {
max-width: 650px;
margin-bottom: 20px;
}
.article-page__tasks .article-page__descr {
margin-bottom: 20px;
}
.article-page__second {
font-weight: 500;
font-size: 23px;
line-height: 27px;
margin-bottom: 20px;
}
.article-page__list {
margin-bottom: 79px;
}
.article-page__law {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 26px;
margin-bottom: 48px;
}
.article-page__blockquote {
position: relative;
overflow: hidden;
padding: 22px 38px;
padding-right: 99px;
font-weight: 300;
font-size: 18px;
line-height: 23px;
border-left: 3px solid #259D56;
background: #F5F6F6;
}
.article-page__blockquote::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 50%;
height: 100%;
background: url(/bitrix/templates/v2.0/static/blog/css/../img/svg/article-decor.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.article-page__blockquote p {
position: relative;
z-index: 1;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
}
.article-page__cards {
position: relative;
background: #F5F6F6;
padding: 32px 39px;
padding-bottom: 50px;
margin-bottom: 67px;
}
.article-page__cards::after {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 69%;
height: 51%;
background: url(/bitrix/templates/v2.0/static/blog/css/../img/svg/card-decor.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.article-page__cards .main-subtitle {
margin-bottom: 30px;
}
.article-page__grid {
position: relative;
z-index: 1;
display: grid;
grid-gap: 47px;
grid-template-columns: repeat(2, 1fr);
}
.article-page__grid .card {
background-color: #fff;
}
.article-page__prewiews {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.article-page__text {
padding-bottom: 74px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.article-page__text .main-subtitle {
margin-bottom: 27px;
}
.article-page__text .article-page__second {
margin: 0;
}
.article-page__first {
margin-bottom: 52px;
}
.article-page__third {
margin-top: 15px;
margin-bottom: 27px;
}
.article-page__bottom {
max-width: 886px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 15px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 38px;
padding-bottom: 60px;
}
.main-number {
list-style: none;
counter-reset: ol-numbers;
}
.main-number__item {
position: relative;
padding-left: 52px;
}
.main-number__item::before {
position: absolute;
top: 0;
left: 0;
content: counter(ol-numbers);
counter-increment: ol-numbers;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 26px;
height: 26px;
border-radius: 100%;
background: #259D56;
font-size: 13px;
line-height: 100%;
color: #ffffff;
}
.main-number__item:not(:last-child) {
margin-bottom: 20px;
}
.main-number__link {
font-size: 16px;
line-height: 21px;
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.main-number__link span {
border-bottom: 1px solid #259d56;
color: #000000;
-webkit-transition: inherit;
-o-transition: inherit;
transition: inherit;
padding-bottom: 1px;
}
.main-list__item {
position: relative;
padding-left: 40px;
font-size: 16px;
line-height: 120%;
}
.main-list__item::before {
content: "";
position: absolute;
top: 8px;
left: 0;
width: 19px;
border-bottom: 1px solid #259D56;
}
.main-list__item:not(:last-child) {
margin-bottom: 15px;
}
.comback__title {
margin-bottom: 10px;
font-weight: 500;
font-size: 19px;
line-height: 23px;
}
.comback__box {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 6px;
}
.comback__btn {
padding: 9px 17px;
font-weight: 500;
font-size: 16px;
line-height: 30px;
text-align: center;
color: #000000;
border: 1px solid;
border-color: #D4D4D4;
border-radius: 4px;
background-color: #ffffff;
-webkit-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
transition: 0.3s all ease;
}
.share__title {
margin-bottom: 10px;
font-weight: 500;
font-size: 19px;
line-height: 23px;
}
.share__box {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 6px;
}
.share__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 9px;
padding: 14px 25px;
font-size: 14px;
line-height: 100%;
color: #000000;
border: 1px solid;
border-color: #D4D4D4;
border-radius: 4px;
background-color: #ffffff;
-webkit-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
transition: 0.3s all ease;
}
.mortage {
overflow: hidden;
padding-bottom: 42px;
}
.mortage__wrapper:first-child {
position: relative;
}
.mortage__title {
margin-bottom: 22px;
max-width: 550px;
}
.mortage__subtitle {
max-width: 484px;
margin-bottom: 22px;
font-weight: 700;
font-size: 32px;
line-height: 38px;
}
.mortage__descr {
max-width: 550px;
font-weight: 300;
margin-bottom: 40px;
}
.mortage__cards {
max-width: 627px;
margin-bottom: 42px;
}
.mortage__row {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 14px;
}
.mortage__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 17px;
padding: 30px 10px;
background: #F7F8F8;
}
.mortage__name {
max-width: 166px;
font-weight: 600;
font-size: 15px;
line-height: 21px;
text-align: center;
}
.mortage__name span {
display: block;
}
.mortage__image {
position: absolute;
z-index: -1;
overflow: hidden;
bottom: 0;
right: -84px;
}
.mortage__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.cards-mortage {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px;
}
.cards-mortage__item {
background: #FFFFFF;
border: 1px solid #D4D4D4;
padding: 25px 30px;
}
.cards-mortage__second {
margin-bottom: 12px;
font-weight: 600;
font-size: 17px;
line-height: 21px;
}
.cards-mortage__text {
max-width: 250px;
font-size: 16px;
line-height: 23px;
}
.cards-mortage__descr {
display: inline-block;
font-weight: 500;
font-size: 20px;
line-height: 24px;
color: #FFFFFF;
}
.cards-mortage__descr:not(:last-child) {
margin-bottom: 15px;
}
.mortage-form {
font-family: "SF";
background: -webkit-gradient(linear, left top, left bottom, from(#BCE6EB), to(#F1FBFC));
background: -o-linear-gradient(top, #BCE6EB 0%, #F1FBFC 100%);
background: linear-gradient(180deg, #BCE6EB 0%, #F1FBFC 100%);
}
.mortage-form__wrapper {
position: relative;
padding-top: 80px;
padding-bottom: 90px;
}
.mortage-form__box {
position: relative;
z-index: 2;
margin-left: auto;
max-width: 457px;
}
.mortage-form__title {
max-width: 400px;
text-align: left;
margin-bottom: 39px;
}
.mortage-form__image {
position: absolute;
z-index: 1;
top: 30px;
left: 0;
-webkit-transform: translateX(-32%);
-ms-transform: translateX(-32%);
transform: translateX(-32%);
}
.mortage-form__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.form-mortage {
padding: 40px 45px;
padding-bottom: 30px;
background-color: #ffffff;
}
.form-mortage__title {
font-weight: 600;
font-size: 18px;
line-height: 21px;
text-align: center;
margin-bottom: 17px;
}
.form-mortage__descr {
font-weight: 300;
font-size: 16px;
line-height: 19px;
text-align: center;
margin-bottom: 30px;
}
.form-mortage__box {
position: relative;
padding-left: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
gap: 11px;
margin-bottom: 23px;
}
.form-mortage__box::before {
content: "";
position: absolute;
top: 12px;
left: 0;
width: 20px;
height: 20px;
background: url(/bitrix/templates/v2.0/static/blog/css/../img/svg/phone-icon.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.form-mortage__input {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
font-weight: 300;
font-size: 16px;
line-height: 19px;
padding: 5px;
padding-left: 0;
border-bottom: 1px solid #000000;
background: transparent;
color: #000000;
}
.form-mortage__input::-webkit-input-placeholder {
color: inherit;
font-size: inherit;
font-weight: inherit;
}
.form-mortage__input::-moz-placeholder {
color: inherit;
font-size: inherit;
font-weight: inherit;
}
.form-mortage__input:-ms-input-placeholder {
color: inherit;
font-size: inherit;
font-weight: inherit;
}
.form-mortage__input::-ms-input-placeholder {
color: inherit;
font-size: inherit;
font-weight: inherit;
}
.form-mortage__input::placeholder {
color: inherit;
font-size: inherit;
font-weight: inherit;
}
.form-mortage__btn {
min-width: 100px;
text-align: center;
padding: 10px;
font-weight: 500;
font-size: 14px;
line-height: 16px;
color: #ffffff;
border-radius: 4px;
background: #EE7633;
-webkit-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
transition: 0.3s all ease;
}
.mortage-politic {
max-width: 287px;
margin: 0 auto;
font-weight: 400;
font-size: 14px;
line-height: 16px;
text-align: center;
color: #7D7D7D;
}
.mortage-politic a {
color: inherit;
font-size: inherit;
font-weight: inherit;
padding-bottom: 1px;
border-bottom: 1px solid #7D7D7D;
}
.main-calculation {
overflow: hidden;
padding: 62px 0;
}
.main-calculation__container {
padding: 50px;
padding-top: 40px;
background: #F7F8F8;
}
.main-calculation__title {
margin-bottom: 35px;
}
.main-container {
max-width: 1140px;
margin: 0 auto;
}
.calculation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.calculation__nav {
-webkit-box-flex: 0;
-ms-flex: 0 1 58%;
flex: 0 1 58%;
}
.calculation__rezult {
-webkit-box-flex: 0;
-ms-flex: 0 1 37%;
flex: 0 1 37%;
}
.calculation__name {
font-weight: 600;
font-size: 18px;
line-height: 21px;
}
.calculation__box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 8px;
margin-bottom: 42px;
}
.calculation .dropdown {
position: relative;
z-index: 1;
font-weight: 300;
font-size: 16px;
line-height: 19px;
margin-bottom: 28px;
}
.calculation .dropdown__name {
display: inline-block;
margin-bottom: 23px;
}
.calculation .dropdown__button {
position: relative;
width: 100%;
padding-bottom: 9px;
border-bottom: 1px solid #000000;
text-align: left;
}
.calculation .dropdown__button::after {
content: "";
position: absolute;
top: 5px;
right: 0;
width: 15px;
height: 15px;
background: url(/bitrix/templates/v2.0/static/blog/css/../img/svg/down-black.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
-webkit-transition: 0.5s all ease-in-out;
-o-transition: 0.5s all ease-in-out;
transition: 0.5s all ease-in-out;
}
.calculation .dropdown__button.dropdown__button--active::after {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.calculation .dropdown__list {
position: absolute;
-webkit-transform: translateY(120%);
-ms-transform: translateY(120%);
transform: translateY(120%);
bottom: 0;
left: 0;
right: 0;
padding: 0;
background-color: #ffffff;
opacity: 0;
overflow: hidden;
-webkit-transition: 0.5s all ease-in-out;
-o-transition: 0.5s all ease-in-out;
transition: 0.5s all ease-in-out;
pointer-events: none;
}
.calculation .dropdown__list.dropdown__list--visible {
pointer-events: auto;
opacity: 1;
-webkit-transform: translateY(101%);
-ms-transform: translateY(101%);
transform: translateY(101%);
}
.calculation .dropdown__list-item {
cursor: pointer;
padding: 0 10px;
}
.calculation .dropdown__list-item:not(:last-child) {
margin-bottom: 15px;
}
.calculation .dropdown__list-item:first-child {
padding-top: 20px;
}
.calculation .dropdown__list-item:last-child {
padding-bottom: 20px;
}
.calculation .dropdown__input-hidden {
position: absolute;
visibility: hidden;
}
.btn-calculation {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 1 32.7%;
flex: 0 1 32.7%;
cursor: pointer;
background: #FFFFFF;
padding: 12px;
border-radius: 3px;
color: #000000;
text-align: left;
-webkit-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
transition: 0.3s all ease;
}
.btn-calculation.active {
background: #259D56;
color: #ffffff;
}
.btn-calculation__name {
display: inline-block;
margin-bottom: 8px;
pointer-events: none;
}
.btn-calculation__box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
}
.btn-calculation__percent {
font-weight: 300;
font-size: 16px;
line-height: 19px;
}
.btn-calculation__price {
font-weight: 300;
font-size: 16px;
line-height: 19px;
}
.rezult-calculation__top {
position: relative;
padding: 25px 30px;
padding-bottom: 30px;
background-color: #ffffff;
margin-bottom: 14px;
}
.rezult-calculation__top::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 237px;
background: url(/bitrix/templates/v2.0/static/blog/css/../img/svg/calculation-decor.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.rezult-calculation__row {
position: relative;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-column-gap: 50px;
-moz-column-gap: 50px;
column-gap: 50px;
row-gap: 37px;
margin-bottom: 30px;
}
.rezult-calculation__item {
max-width: 157px;
}
.rezult-calculation__name {
display: inline-block;
margin-bottom: 8px;
font-weight: 300;
font-size: 16px;
line-height: 19px;
}
.rezult-calculation__payment {
font-weight: 600;
font-size: 18px;
line-height: 21px;
}
.rezult-calculation__price {
font-weight: 600;
font-size: 23px;
line-height: 21px;
}
.rezult-calculation__box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.rezult-calculation__old {
font-weight: 400;
font-size: 18px;
line-height: 21px;
color: #A3A3A3;
}
.rezult-calculation__btn {
position: relative;
z-index: 1;
width: 100%;
text-align: center;
padding: 17px;
background: #EE7633;
border-radius: 4px;
font-weight: 500;
font-size: 17px;
line-height: 16px;
color: #ffffff;
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.rezult-calculation__shell {
position: relative;
padding: 35px 30px;
padding-bottom: 40px;
background-color: #ffffff;
margin-bottom: 28px;
}
.rezult-calculation__second {
max-width: 216px;
position: relative;
z-index: 1;
font-weight: 600;
font-size: 18px;
line-height: 21px;
margin-bottom: 21px;
}
.rezult-calculation__catalog {
position: relative;
z-index: 1;
text-align: center;
padding: 17px 38px;
background: #FFFFFF;
border: 1px solid #D4D4D4;
border-radius: 4px;
font-weight: 400;
font-size: 17px;
line-height: 16px;
color: #259D56;
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.rezult-calculation__image {
position: absolute;
right: 0;
bottom: 0;
top: 35px;
overflow: hidden;
}
.rezult-calculation__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.rezult-calculation__descr {
font-weight: 300;
font-size: 16px;
line-height: 19px;
}
.main-ui .noUi-horizontal {
border-radius: 0;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
max-height: 4px;
}
.main-ui .noUi-horizontal .noUi-handle {
width: 18px;
height: 18px;
background: #FFFFFF;
border: 4px solid #EC763D;
border-radius: 100%;
cursor: pointer;
right: 0;
}
.main-ui .noUi-horizontal .noUi-handle:after,
.main-ui .noUi-horizontal .noUi-handle:before {
display: none;
}
.main-ui .noUi-horizontal .noUi-base::after {
content: "";
position: absolute;
z-index: -1;
top: 2px;
width: 100%;
height: 1px;
background: #000000;
}
.main-ui .noUi-horizontal .noUi-connects {
border: none;
border-radius: 0;
}
.main-ui .noUi-horizontal .noUi-connects .noUi-connect {
border-radius: 0;
height: 4px;
background: #259D56;
}
.slider-calculation input::-webkit-outer-spin-button,
.slider-calculation input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.slider-calculation .calculation__name {
display: inline-block;
margin-bottom: 15px;
}
.slider-calculation__box {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.slider-calculation__percent.slider-calculation__input {
padding: 0;
width: auto;
position: absolute;
top: 15px;
right: 0;
font-weight: 600;
}
.slider-calculation__input {
width: 100%;
padding: 13px;
font-weight: 300;
font-size: 21px;
line-height: 25px;
background: #ffffff;
}
.slider-calculation__input::-webkit-input-placeholder {
color: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
}
.slider-calculation__input::-moz-placeholder {
color: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
}
.slider-calculation__input:-ms-input-placeholder {
color: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
}
.slider-calculation__input::-ms-input-placeholder {
color: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
}
.slider-calculation__input::placeholder {
color: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
}
.slider-calculation__renge {
margin-bottom: 25px;
}
/* Functional styling;
* These styles are required for noUiSlider to function.
* You don't need to change these rules to apply your design.
*/
.noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-ms-touch-action: none;
touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-target {
position: relative;
}
.noUi-base,
.noUi-connects {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
}
/* Wrapper for all connect elements.
*/
.noUi-connects {
overflow: hidden;
z-index: 0;
}
.noUi-connect,
.noUi-origin {
will-change: transform;
position: absolute;
z-index: 1;
top: 0;
right: 0;
height: 100%;
width: 100%;
-ms-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
-webkit-transform-style: preserve-3d;
transform-origin: 0 0;
-webkit-transform-style: flat;
transform-style: flat;
}
/* Offset direction
*/
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
left: 0;
right: auto;
}
/* Give origins 0 height/width so they don't interfere with clicking the
* connect elements.
*/
.noUi-vertical .noUi-origin {
top: -100%;
width: 0;
}
.noUi-horizontal .noUi-origin {
height: 0;
}
.noUi-handle {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
}
.noUi-touch-area {
height: 100%;
width: 100%;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
-webkit-transition: transform 0.3s;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
-o-transition: transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.noUi-state-drag * {
cursor: inherit !important;
}
/* Slider size and handle placement;
*/
.noUi-horizontal {
height: 18px;
}
.noUi-horizontal .noUi-handle {
width: 34px;
height: 28px;
right: -17px;
top: -6px;
}
.noUi-vertical {
width: 18px;
}
.noUi-vertical .noUi-handle {
width: 28px;
height: 34px;
right: -6px;
bottom: -17px;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
left: -17px;
right: auto;
}
/* Styling;
* Giving the connect element a border radius causes issues with using transform: scale
*/
.noUi-target {
background: #FAFAFA;
border-radius: 4px;
border: 1px solid #D3D3D3;
-webkit-box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-connects {
border-radius: 3px;
}
.noUi-connect {
background: #3FB8AF;
}
/* Handles and cursors;
*/
.noUi-draggable {
cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
cursor: ns-resize;
}
.noUi-handle {
border: 1px solid #D9D9D9;
border-radius: 3px;
background: #FFF;
cursor: default;
-webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}
.noUi-active {
-webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}
/* Handle stripes;
*/
.noUi-handle:before,
.noUi-handle:after {
content: "";
display: block;
position: absolute;
height: 14px;
width: 1px;
background: #E8E7E6;
left: 14px;
top: 6px;
}
.noUi-handle:after {
left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
width: 14px;
height: 1px;
left: 6px;
top: 14px;
}
.noUi-vertical .noUi-handle:after {
top: 17px;
}
/* Disabled state;
*/
[disabled] .noUi-connect {
background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
cursor: not-allowed;
}
/* Base;
*
*/
.noUi-pips,
.noUi-pips * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-pips {
position: absolute;
color: #999;
}
/* Values;
*
*/
.noUi-value {
position: absolute;
white-space: nowrap;
text-align: center;
}
.noUi-value-sub {
color: #ccc;
font-size: 10px;
}
/* Markings;
*
*/
.noUi-marker {
position: absolute;
background: #CCC;
}
.noUi-marker-sub {
background: #AAA;
}
.noUi-marker-large {
background: #AAA;
}
/* Horizontal layout;
*
*/
.noUi-pips-horizontal {
padding: 10px 0;
height: 80px;
top: 100%;
left: 0;
width: 100%;
}
.noUi-value-horizontal {
-webkit-transform: translate(-50%, 50%);
-ms-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
-webkit-transform: translate(50%, 50%);
-ms-transform: translate(50%, 50%);
transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
margin-left: -1px;
width: 2px;
height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
height: 15px;
}
/* Vertical layout;
*
*/
.noUi-pips-vertical {
padding: 0 10px;
height: 100%;
top: 0;
left: 100%;
}
.noUi-value-vertical {
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
-webkit-transform: translate(0, 50%);
-ms-transform: translate(0, 50%);
transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
width: 5px;
height: 2px;
margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
width: 15px;
}
.noUi-tooltip {
display: block;
position: absolute;
border: 1px solid #D9D9D9;
border-radius: 3px;
background: #fff;
color: #000;
padding: 5px;
text-align: center;
white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
left: 50%;
bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
top: 50%;
right: 120%;
}
.noUi-horizontal .noUi-origin > .noUi-tooltip {
-webkit-transform: translate(50%, 0);
-ms-transform: translate(50%, 0);
transform: translate(50%, 0);
left: auto;
bottom: 10px;
}
.noUi-vertical .noUi-origin > .noUi-tooltip {
-webkit-transform: translate(0, -18px);
-ms-transform: translate(0, -18px);
transform: translate(0, -18px);
top: auto;
right: 28px;
}
.staps-calculation {
padding-bottom: 94px;
}
.staps-calculation__title {
margin-bottom: 40px;
}
.staps-calculation__circle {
position: absolute;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 100%;
background: #259D56;
color: #ffffff;
font-weight: 600;
font-size: 18px;
line-height: 120%;
}
.staps-calculation .cards-mortage {
max-width: 100%;
grid-template-columns: repeat(3, 1fr);
gap: 27px;
margin: 0;
}
.staps-calculation .cards-mortage__item {
padding: 35px 30px 40px 30px;
}
.staps-calculation .cards-mortage__second {
position: relative;
padding-left: 60px;
}
.staps-calculation .cards-mortage__second span {
display: block;
}
.staps-calculation .cards-mortage__text {
font-weight: 400;
max-width: 100%;
}
.staps-calculation .cards-mortage__text a {
font-size: inherit;
line-height: inherit;
font-weight: inherit;
color: #259D56;
border-bottom: 1px solid rgba(37, 157, 86, 0);
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.choice-home {
padding-bottom: 44px;
}
.choice-home__title {
margin-bottom: 32px;
}
.choice-home__slider {
margin-bottom: 34px;
}
.choice-home__nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 30px;
margin-bottom: 35px;
}
.choice-home__more {
display: block;
max-width: 225px;
margin: 0 auto;
font-weight: 500;
font-size: 16px;
line-height: 30px;
color: #259D56;
padding: 10px 25px;
border: 1px solid #D4D4D4;
border-radius: 4px;
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.choice-swiper__img {
width: 100%;
height: 1000%;
-o-object-fit: cover;
object-fit: cover;
}
.choice-swiper__btn {
position: static;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 56px;
height: 56px;
border-radius: 100%;
background: #FFFFFF;
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.choice-swiper__prev {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.choice-swiper__next {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.choice-swiper__pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
position: static;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 22px;
width: auto;
}
.choice-swiper__pagination.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {
border-radius: 100%;
width: 11px;
height: 11px;
margin: 0;
opacity: 1;
border: 1px solid #000000;
background: #FFFFFF;
}
.choice-swiper__pagination.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 14px;
height: 14px;
background: #259D56;
border: 1px solid #259D56;
}
.main-question {
overflow: hidden;
background: #F7F8F8;
}
.main-question__wrapper {
position: relative;
}
.main-question__wrapper::after {
content: "";
position: absolute;
z-index: 1;
top: 0;
right: 0;
width: 1003px;
height: 908px;
background: url(/bitrix/templates/v2.0/static/blog/css/../img/svg/decor-question.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
-webkit-transform: translateX(20%);
-ms-transform: translateX(20%);
transform: translateX(20%);
}
.main-question__container {
position: relative;
z-index: 2;
padding-top: 40px;
padding-bottom: 100px;
}
.main-question__title {
max-width: 550px;
margin-bottom: 50px;
}
.main-question__title.main-question__title {
max-width: 750px;
}
.main-question .drop-text {
will-change: transform;
max-height: 40px;
overflow: hidden;
-webkit-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
transition: 0.5s all ease;
}
.main-question .drop-text.visible {
max-height: 2000px;
}
.main-question .drop-text.visible .drop-text__circle {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.main-question .drop-text.visible .drop-text__circle::after {
opacity: 0;
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.main-question .drop-text:not(:last-child) {
margin-bottom: 35px;
}
.main-question .drop-text__button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 40px;
padding-bottom: 30px;
cursor: pointer;
}
.main-question .drop-text__circle {
position: relative;
width: 40px;
height: 40px;
border-radius: 100%;
background: #259D56;
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.main-question .drop-text__circle::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: block;
min-width: 16px;
min-height: 2px;
border-radius: 4px;
background: #ffffff;
}
.main-question .drop-text__circle::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: block;
min-width: 2px;
min-height: 16px;
border-radius: 4px;
background: #ffffff;
-webkit-transition: 0.5s all ease-in-out;
-o-transition: 0.5s all ease-in-out;
transition: 0.5s all ease-in-out;
}
.main-question .drop-text__name {
font-weight: 600;
font-size: 23px;
line-height: 27px;
}
.main-question .drop-text__descr {
display: block;
padding-left: 80px;
font-weight: 400;
font-size: 16px;
line-height: 23px;
}
.main-question .drop-text__descr:not(:last-child) {
margin-bottom: 20px;
}
.base {
padding-bottom: 65px;
}
.base__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 15px;
margin-top: 15px;
}
.base__row .cards-mortage__item {
min-height: 258px;
}
.base__cards {
max-width: 640px;
}
.base .cards-mortage__big {
-ms-flex-item-align: end;
align-self: flex-end;
position: relative;
overflow: hidden;
-webkit-box-flex: 0;
-ms-flex: 0 1 487px;
flex: 0 1 487px;
background: #259D56;
}
.base .cards-mortage__big::after {
content: "";
position: absolute;
z-index: 1;
top: 0;
right: -30px;
width: 107%;
height: 100%;
background: url(/bitrix/templates/v2.0/static/blog/css/../img/svg/decor-question.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
opacity: 0.3;
}
.base .cards-mortage__second span {
display: block;
}
.base .mortage__image {
bottom: auto;
top: 0;
right: -40px;
}
.base__box {
margin-top: 46px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 15px;
}
.base__item {
-webkit-box-flex: 1;
-ms-flex: 1 1 20%;
flex: 1 1 20%;
padding: 27px;
border-left: 1px solid #259D56;
background: #F7F8F8;
}
.base__name {
display: inline-block;
font-weight: 700;
font-size: 32px;
line-height: 120%;
margin-bottom: 10px;
}
.base__descr {
max-width: 150px;
font-weight: 400;
font-size: 16px;
line-height: 23px;
}
.base__descr span {
display: block;
}
.base-type {
padding-bottom: 79px;
}
.base-type__title {
margin-bottom: 20px;
}
.base-type__descr {
max-width: 615px;
font-weight: 300;
font-size: 18px;
line-height: 25px;
margin-bottom: 30px;
}
.tabs-object__nav {
margin-bottom: 47px;
}
.tabs-object__menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
}
.tabs-object__btn {
-webkit-box-flex: 0;
-ms-flex: 0 1 24%;
flex: 0 1 24%;
padding: 14px;
text-align: center;
background: #FFFFFF;
border: 1px solid #D4D4D4;
border-radius: 1px;
font-weight: 400;
font-size: 16px;
line-height: 23px;
color: #000000;
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.tabs-object__btn.active {
color: #FFFFFF;
background: #259D56;
border: 1px solid #259D56;
}
.tabs-object__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.tabs-object__item.hide {
display: none;
}
.tabs-object__image {
-webkit-box-flex: 0;
-ms-flex: 0 1 36%;
flex: 0 1 36%;
overflow: hidden;
}
.tabs-object__image img {
max-width: 100%;
max-height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.tabs-object__content {
-webkit-box-flex: 0;
-ms-flex: 0 1 60%;
flex: 0 1 60%;
}
.tabs-object__title {
margin-bottom: 23px;
}
.tabs-object__descr {
display: inline-block;
font-weight: 400;
font-size: 16px;
line-height: 23px;
margin-bottom: 30px;
}
.tabs-object__box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.tabs-object__list {
-webkit-box-flex: 0;
-ms-flex: 0 1 49%;
flex: 0 1 49%;
}
.tabs-object__list:last-child {
-webkit-box-flex: 0;
-ms-flex: 0 1 44%;
flex: 0 1 44%;
}
.tabs-object__list li {
position: relative;
padding-left: 30px;
font-weight: 400;
font-size: 15px;
line-height: 22px;
min-height: 44px;
}
.tabs-object__list li:not(:last-child) {
margin-bottom: 15px;
}
.tabs-object__list li img {
position: absolute;
top: 2px;
left: 0;
}
.base-more {
padding-bottom: 30px;
}
.base-more__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.base-more__box {
-webkit-box-flex: 0;
-ms-flex: 0 1 63%;
flex: 0 1 63%;
}
.base-more__title {
margin-bottom: 27px;
}
.base-more .main-table {
width: 100%;
border-collapse: collapse;
}
.base-more .main-table thead {
border: none;
}
.base-more .main-table thead tr {
background: #F7F8F8;
padding-right: 50px;
}
.base-more .main-table tbody {
display: block;
overflow: auto;
max-height: 303px;
}
.base-more .main-table tbody::-webkit-scrollbar {
width: 11px;
border-radius: 6px;
}
.base-more .main-table tbody::-webkit-scrollbar-track {
background: #F7F8F8;
}
.base-more .main-table tbody::-webkit-scrollbar-thumb {
background: #259D56;
border: 3.2px solid #eef0f1;
border-radius: 6px;
}
.base-more .main-table th {
-webkit-box-flex: 0;
-ms-flex: 0 1 20%;
flex: 0 1 20%;
text-align: center;
font-weight: 600;
font-size: 16px;
line-height: 19px;
}
.base-more .main-table tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
padding: 28px 0;
padding-left: 25px;
padding-right: 35px;
}
.base-more .main-table tr:not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.base-more .main-table tr:nth-child(3) {
border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
}
.base-more .main-table td {
-webkit-box-flex: 0;
-ms-flex: 0 1 20%;
flex: 0 1 20%;
-webkit-box-shadow: none;
box-shadow: none;
background-color: #ffffff;
border: none;
text-align: center;
font-weight: 400;
font-size: 16px;
line-height: 19px;
}
.base-more .main-table span {
display: none;
}
.base-more__shell {
-webkit-box-flex: 0;
-ms-flex: 0 1 33%;
flex: 0 1 33%;
}
.base-more__list {
margin-bottom: 23px;
}
.base-more__list li {
position: relative;
display: inline-block;
padding-left: 40px;
font-weight: 400;
font-size: 16px;
line-height: 130%;
}
.base-more__list li:not(:last-child) {
margin-bottom: 15px;
}
.base-more__list img {
position: absolute;
top: 1px;
left: 0;
}
.base-more__bottom {
text-align: center;
padding: 20px;
background: #F7F8F8;
}
.base-more__descr {
font-weight: 400;
font-size: 15px;
line-height: 130%;
margin-bottom: 13px;
}
.base-more__btn {
display: block;
min-width: 311px;
margin: 0 auto;
padding: 15px;
font-weight: 500;
font-size: 17px;
line-height: 120%;
color: #ffffff;
background: #EE7633;
border-radius: 4px;
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.base-work {
overflow: hidden;
background: #F7F8F8;
padding-top: 50px;
padding-bottom: 50px;
}
.base-work__title {
position: relative;
z-index: 3;
margin-bottom: 30px;
}
.base-work__grid {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: repeat(3, 1fr);
-webkit-column-gap: 22px;
-moz-column-gap: 22px;
column-gap: 22px;
row-gap: 26px;
}
.base-work__grid::after {
content: "";
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 120%;
height: 120%;
background: url(/bitrix/templates/v2.0/static/blog/css/../img/svg/base-work-decor.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.base-work__item {
position: relative;
z-index: 2;
background: #ffffff;
min-height: 500px;
}
.base-work__image {
overflow: hidden;
margin-bottom: 26px;
}
.base-work__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.base-work__content {
padding: 30px;
padding-top: 0;
}
.base-work__name {
font-weight: 600;
font-size: 18px;
line-height: 21px;
margin-bottom: 20px;
}
.base-work__name span {
display: block;
}
.base-work__descr {
font-weight: 400;
font-size: 16px;
line-height: 23px;
}
.base-calculation {
background: #ffffff;
padding-top: 63px;
padding-bottom: 100px;
overflow: hidden;
}
.base-calculation__title {
margin-bottom: 43px;
}
.base-calculation__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: #FFFFFF;
border: 1px solid #DDDDDD;
}
.base-calculation__content {
-webkit-box-flex: 0;
-ms-flex: 0 1 70%;
flex: 0 1 70%;
padding: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 40px;
}
.base-calculation__form {
-webkit-box-flex: 0;
-ms-flex: 0 1 30%;
flex: 0 1 30%;
margin: -1px 0;
}
.base-calculation__column:nth-child(1) {
-webkit-box-flex: 0;
-ms-flex: 0 1 151px;
flex: 0 1 151px;
}
.base-calculation__column:nth-child(2) {
-webkit-box-flex: 0;
-ms-flex: 0 1 191px;
flex: 0 1 191px;
}
.base-calculation__column:nth-child(3) {
-webkit-box-flex: 0;
-ms-flex: 0 1 275px;
flex: 0 1 275px;
}
.base-calculation__name {
width: -webkit-min-content;
width: -moz-min-content;
width: min-content;
display: inline-block;
font-weight: 600;
font-size: 18px;
line-height: 21px;
margin-bottom: 37px;
}
.base-calculation__shell:not(:last-child) {
margin-bottom: 34px;
}
.base-calculation__shell span {
display: inline-block;
margin-bottom: 21px;
font-weight: 600;
font-size: 16px;
line-height: 19px;
}
.base-calculation__box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 10px;
font-weight: 300;
font-size: 21px;
line-height: 25px;
}
.base-calculation__box input {
width: 100%;
color: inherit;
font-size: inherit;
font-weight: inherit;
}
.base-calculation__label {
position: relative;
display: block;
cursor: pointer;
}
.base-calculation__label:not(:last-child) {
margin-bottom: 22px;
}
.base-calculation__label span {
position: relative;
display: block;
padding-left: 35px;
width: 100%;
font-weight: 300;
font-size: 16px;
line-height: 19px;
}
.base-calculation__label span::before {
content: "";
position: absolute;
top: 0px;
left: 0;
width: 20px;
height: 20px;
background: #FFFFFF;
border: 1px solid #C4C4C4;
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.base-calculation__checbox {
position: absolute;
visibility: hidden;
}
.base-calculation .base-calculation__label .base-calculation__checbox:checked + span::before {
background: #259D56;
border: 1px solid #259D56;
}
.base-calculation .dropdown {
position: relative;
font-weight: 300;
font-size: 16px;
line-height: 19px;
z-index: 1;
}
.base-calculation .dropdown__button {
width: 100%;
position: relative;
padding-bottom: 18px;
border-bottom: 1px solid #000000;
text-align: left;
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.base-calculation .dropdown__button::after {
content: "";
position: absolute;
top: 4px;
right: 0;
width: 15px;
height: 15px;
background: url(/bitrix/templates/v2.0/static/blog/css/../img/svg/down-black.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.base-calculation .dropdown__button.dropdown__button--active::after {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.base-calculation .dropdown__list {
position: absolute;
-webkit-transform: translateY(110%);
-ms-transform: translateY(110%);
transform: translateY(110%);
bottom: 0;
left: 0;
min-width: 100%;
background: #F7F8F8;
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
pointer-events: none;
opacity: 0;
}
.base-calculation .dropdown__list.dropdown__list--visible {
pointer-events: auto;
opacity: 1;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.base-calculation .dropdown__list-item {
cursor: pointer;
padding-left: 15px;
color: #000000;
-webkit-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
transition: 0.3s all ease;
}
.base-calculation .dropdown__list-item:not(:last-child) {
margin-bottom: 15px;
}
.base-calculation .dropdown__list-item:first-child {
padding-top: 20px;
}
.base-calculation .dropdown__list-item:last-child {
padding-bottom: 20px;
}
.base-calculation .dropdown__input-hidden {
position: absolute;
visibility: hidden;
}
.base-calculation__dropdown-first.dropdown {
z-index: 2;
}
.form-base {
padding: 30px;
background: #259D56;
color: #FFFFFF;
}
.form-base__title {
margin-bottom: 5px;
font-weight: 600;
font-size: 23px;
line-height: 27px;
}
.form-base__price {
display: inline-block;
margin-bottom: 20px;
font-weight: 600;
font-size: 33px;
line-height: 39px;
}
.form-base__box {
margin-bottom: 20px;
}
.form-base__input {
width: 100%;
padding-bottom: 18px;
background: transparent;
font-weight: 300;
font-size: 16px;
line-height: 19px;
border-bottom: 1px solid #FFFFFF;
color: #ffffff;
}
.form-base__input::-webkit-input-placeholder {
color: inherit;
}
.form-base__input::-moz-placeholder {
color: inherit;
}
.form-base__input:-ms-input-placeholder {
color: inherit;
}
.form-base__input::-ms-input-placeholder {
color: inherit;
}
.form-base__input::placeholder {
color: inherit;
}
.form-base__input:not(:last-child) {
margin-bottom: 24px;
}
.form-base__btn {
width: 100%;
padding: 15px;
font-weight: 500;
font-size: 17px;
line-height: 16px;
background: #EE7633;
border-radius: 4px;
color: #FFFFFF;
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
margin-bottom: 10px;
}
.form-base__politick {
display: block;
text-align: left;
font-weight: 400;
font-size: 12px;
line-height: 140%;
color: rgba(255, 255, 255, 0.5);
}
.form-base__politick a {
color: inherit;
}
.base-form {
background: -webkit-gradient(linear, left top, left bottom, from(#BCE6EB), to(#F1FBFC));
background: -o-linear-gradient(top, #BCE6EB 0%, #F1FBFC 100%);
background: linear-gradient(180deg, #BCE6EB 0%, #F1FBFC 100%);
}
.base-form .mortage-form__box {
max-width: 562px;
}
.base-form__title {
margin-bottom: 37px;
}
.base-form__cards {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin-bottom: 26px;
}
.base-form__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 25px;
padding: 17px 30px;
background: #FFFFFF;
}
.base-form__descr {
font-weight: 300;
font-size: 16px;
line-height: 19px;
}
.base-form__descr span {
display: block;
}
.base-form .form-mortage {
padding: 30px 100px;
}
.base-form .mortage-form__image {
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
top: 0;
}
@media (max-width: 1420px) {
.mortage-form__image {
-webkit-transform: translateX(-25%);
-ms-transform: translateX(-25%);
transform: translateX(-25%);
}
}
@media (max-width: 1366px) {
.main-question__container {
padding-bottom: 80px;
}
.base-calculation {
padding-bottom: 80px;
}
}
@media (max-width: 1250px) {
.blog__label {
top: 10px;
font-size: 15px;
line-height: 120%;
}
.blog__subtitle {
font-size: 20px;
line-height: 120%;
}
.blog__descr {
font-size: 15px;
line-height: 120%;
}
.blog__info {
gap: 50px;
}
.blog__nav {
margin-bottom: 60px;
}
.main-title {
font-size: 40px;
line-height: 120%;
}
.info-blog__date {
font-size: 15px;
line-height: 120%;
}
.info-blog__view {
font-size: 15px;
line-height: 120%;
}
.nav-blog__views {
font-size: 15px;
line-height: 120%;
}
.seo-text__title {
font-size: 30px;
line-height: 120%;
}
.seo-text__wrapper {
max-height: 157px;
}
.main-subtitle {
font-size: 28px;
line-height: 120%;
}
.aside-blog__nav {
margin-bottom: 50px;
}
.aside-blog .aside-blog__nav--wrapper {
gap: 15px;
}
.aside-blog__link {
font-size: 15px;
line-height: 120%;
}
.aside-blog__second {
font-size: 30px;
line-height: 120%;
}
.aside-blog__info {
font-size: 20px;
line-height: 120%;
}
.aside-blog .info-blog {
gap: 10px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 40px;
}
.aside-blog .aside-blog__shell {
margin-bottom: 80px;
}
.aside-blog__item {
padding: 30px 0;
}
.aside-blog__item a {
font-size: 20px;
line-height: 130%;
}
.article-page__title {
margin-bottom: 40px;
}
.article-page__descr {
font-size: 15px;
line-height: 150%;
}
.article-page__list {
margin-bottom: 50px;
}
.article-page__blockquote {
font-size: 16px;
line-height: 130%;
}
.article-page__cards {
margin-bottom: 50px;
padding: 30px 20px;
padding-bottom: 40px;
}
.article-page__grid {
grid-gap: 20px;
}
.article-page__text {
padding-bottom: 50px;
}
.main-number__link {
font-size: 15px;
line-height: 140%;
}
.main-list__item {
font-size: 15px;
line-height: 140%;
}
.mortage__title {
margin-bottom: 15px;
}
.mortage__subtitle {
margin-bottom: 15px;
font-size: 30px;
line-height: 120%;
}
.mortage__descr {
margin-bottom: 30px;
font-size: 22px;
line-height: 130%;
}
.mortage__item {
padding: 25px 10px;
}
.mortage__name {
font-size: 16px;
line-height: 120%;
}
.mortage__image {
max-width: 700px;
}
.cards-mortage__second {
font-size: 17px;
line-height: 120%;
}
.cards-mortage__text {
font-size: 15px;
line-height: 140%;
max-width: 220px;
}
.cards-mortage__descr {
font-size: 18px;
line-height: 120%;
}
.mortage-form__wrapper {
padding: 60px 40px;
}
.mortage-form__image {
max-width: 700px;
top: 50px;
}
.main-calculation__container {
padding: 40px;
}
.calculation__name {
font-size: 16px;
line-height: 120%;
}
.btn-calculation {
padding: 10px;
}
.btn-calculation__percent {
font-size: 14px;
line-height: 120%;
}
.btn-calculation__price {
font-size: 14px;
line-height: 120%;
}
.rezult-calculation__top {
padding: 20px;
}
.rezult-calculation__row {
margin-bottom: 20px;
}
.rezult-calculation__price {
font-size: 20px;
line-height: 120%;
}
.rezult-calculation__old {
font-size: 16px;
line-height: 120%;
}
.rezult-calculation__shell {
padding: 30px;
margin-bottom: 20px;
}
.rezult-calculation__second {
font-size: 17px;
line-height: 130%;
}
.rezult-calculation__catalog {
padding: 13px 35px;
}
.slider-calculation__input {
padding: 10px;
font-size: 19px;
line-height: 120%;
}
.staps-calculation {
padding-bottom: 80px;
}
.main-question__wrapper::after {
width: 800px;
height: 700px;
top: 50px;
}
.main-question__container {
padding-bottom: 60px;
}
.base__item {
padding: 25px 20px;
}
.base__name {
font-size: 28px;
}
.base-type__descr {
font-size: 17px;
line-height: 140%;
}
.tabs-object__content {
-webkit-box-flex: 0;
-ms-flex: 0 1 62%;
flex: 0 1 62%;
}
.tabs-object__descr {
font-size: 15px;
line-height: 140%;
}
.tabs-object__list {
-webkit-box-flex: 0;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
}
.tabs-object__list li {
font-size: 14px;
line-height: 140%;
}
.base-more .main-table thead tr {
padding-right: 15px;
}
.base-more .main-table tbody {
max-height: 275px;
}
.base-more .main-table th {
font-size: 15px;
line-height: 100%;
}
.base-more .main-table tr {
padding: 25px;
padding-left: 15px;
padding-right: 0;
}
.base-more .main-table td {
font-size: 15px;
line-height: 120%;
}
.base-more__list li {
font-size: 15px;
line-height: 120%;
}
.base-more__list img {
top: -2px;
}
.base-more__bottom {
padding: 10px;
}
.base-more__descr {
font-size: 14px;
}
.base-more__btn {
min-width: 250px;
}
.base-work__item {
min-height: 430px;
}
.base-work__image {
margin-bottom: 20px;
}
.base-work__content {
padding: 20px;
padding-top: 0;
}
.base-work__name {
font-size: 16px;
line-height: 120%;
margin-bottom: 15px;
}
.base-work__descr {
font-size: 15px;
line-height: 140%;
}
.base-calculation {
padding-bottom: 70px;
}
.base-calculation__content {
gap: 30px;
padding: 20px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.base-calculation__name {
font-size: 16px;
line-height: 120%;
}
.base-calculation__box {
font-size: 19px;
line-height: 120%;
}
.base-calculation__label span {
font-size: 15px;
line-height: 120%;
}
.base-calculation .dropdown {
font-size: 15px;
line-height: 120%;
}
.base-calculation .dropdown__button::after {
top: 5px;
}
.base-calculation .dropdown__button {
padding-bottom: 10px;
min-height: 36px;
}
.form-base {
padding: 20px;
}
.form-base__title {
font-size: 21px;
line-height: 120%;
}
.form-base__price {
font-size: 28px;
line-height: 120%;
margin-bottom: 15px;
}
.form-base__box {
margin-bottom: 15px;
}
.form-base__input {
padding-bottom: 10px;
}
.form-base__input:not(:last-child) {
margin-bottom: 15px;
}
.form-base__btn {
font-size: 16px;
line-height: 120%;
}
.base-form .mortage-form__image {
max-width: 1000px;
-webkit-transform: translateX(-40%);
-ms-transform: translateX(-40%);
transform: translateX(-40%);
}
}
@media (max-width: 1150px) {
.base-form .mortage-form__image {
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media (max-width: 1050px) {
.blog__subtitle span {
padding-bottom: 0;
}
.blog__subtitle {
font-size: 18px;
line-height: 130%;
}
.blog__descr {
font-size: 14px;
}
.main-subtitle {
font-size: 26px;
}
.aside-blog__second {
font-size: 28px;
margin-bottom: 20px;
}
.aside-blog__info {
font-size: 18px;
margin-bottom: 30px;
}
.aside-blog .aside-blog__shell {
margin-bottom: 50px;
}
.aside-blog__item .main-subtitle {
margin-bottom: 20px;
}
.aside-blog__item a {
font-size: 18px;
}
.article-page__subtitle {
margin-top: 40px;
margin-bottom: 30px;
}
.article-page__number {
margin-bottom: 50px;
padding-right: 20px;
}
.article-page__blockquote {
padding-right: 50px;
}
.article-page__first {
margin-bottom: 40px;
}
.article-page__third {
margin-bottom: 20px;
}
.article-page__bottom {
padding-top: 30px;
padding-bottom: 40px;
}
.mortage__subtitle {
font-size: 28px;
}
.mortage__descr {
font-size: 20px;
max-width: 400px;
}
.mortage__cards {
margin-bottom: 30px;
max-width: 550px;
}
.mortage__item img {
max-width: 40px;
}
.mortage__image {
max-width: 650px;
}
.cards-mortage__item {
padding: 20px;
}
.cards-mortage__text {
max-width: 100%;
}
.cards-mortage__descr {
font-size: 17px;
}
.mortage-form__title {
margin-bottom: 30px;
}
.mortage-form__image {
max-width: 600px;
}
.main-calculation {
padding: 50px 0;
}
.main-calculation__container {
padding: 25px;
}
.rezult-calculation__row {
gap: 30px;
}
.rezult-calculation__descr {
font-size: 15px;
line-height: 120%;
}
.slider-calculation__input {
font-size: 17px;
}
.staps-calculation {
padding-bottom: 60px;
}
.staps-calculation .cards-mortage__item {
padding: 20px;
}
.staps-calculation .cards-mortage__second {
padding-left: 50px;
}
.main-question__title {
margin-bottom: 40px;
}
.main-question .drop-text__button {
padding-bottom: 20px;
gap: 30px;
}
.main-question .drop-text__name {
font-size: 20px;
line-height: 120%;
}
.main-question .drop-text__descr {
padding-left: 70px;
}
.base__row .cards-mortage__item {
min-height: 241px;
}
.base__cards {
max-width: 64%;
}
.base__item {
padding: 20px 15px;
}
.base__name {
font-size: 26px;
}
.base__descr {
font-size: 15px;
line-height: 130%;
}
.base-type {
padding-bottom: 60px;
}
.tabs-object__nav {
margin-bottom: 30px;
}
.tabs-object__menu {
gap: 10px;
}
.tabs-object__btn {
font-size: 15px;
line-height: 120%;
}
.tabs-object__descr {
margin-bottom: 20px;
}
.tabs-object__box {
gap: 10px;
}
.tabs-object__list {
-webkit-box-flex: 0;
-ms-flex: 0 1 57%;
flex: 0 1 57%;
}
.tabs-object__list:last-child {
-webkit-box-flex: 0;
-ms-flex: 0 1 40%;
flex: 0 1 40%;
}
.base-more .main-table tbody {
max-height: 265px;
}
.base-more .main-table th {
font-size: 14px;
}
.base-more .main-table tr {
padding: 24px 0;
}
.base-more .main-table td {
font-size: 14px;
}
.base-more__list li {
font-size: 14px;
}
.base-more__list img {
max-width: 20px;
top: 0;
}
.base-work__item {
min-height: 400px;
}
.base-calculation {
padding-bottom: 60px;
}
.base-calculation__content {
gap: 20px;
}
.base-calculation__column:nth-child(1) {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 25%;
}
.base-calculation__column:nth-child(2) {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 25%;
}
.base-calculation__column:nth-child(3) {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 40%;
}
.base-calculation__shell .base-calculation__mb {
margin-bottom: 38px;
}
.form-base__title {
font-size: 19px;
}
.form-base__price {
font-size: 26px;
}
.form-base__input {
font-size: 15px;
line-height: 120%;
}
.form-base__btn {
padding: 15px 10px;
font-size: 15px;
}
.base-form .mortage-form__wrapper {
padding-bottom: 70px;
}
.base-form .mortage-form__image {
-webkit-transform: translateX(-10%);
-ms-transform: translateX(-10%);
transform: translateX(-10%);
top: auto;
bottom: 0;
}
}
@media screen and (max-width: 1023.98px) {
.wrapper {
padding: 0 24px;
}
}
@media (max-width: 1023.98px) {
.mortage-form__wrapper {
padding: 40px 24px;
}
}
@media (max-width: 950px) {
.blog__item {
padding: 5px;
}
.blog__label {
font-size: 14px;
padding: 5px 10px;
}
.blog__subtitle {
font-size: 16px;
}
.blog__info {
gap: 30px;
}
.main-title {
font-size: 35px;
}
.info-blog__date {
font-size: 14px;
}
.info-blog__view {
font-size: 14px;
}
.seo-text__descr:not(:last-child) {
margin-bottom: 15px;
}
.main-subtitle {
font-size: 24px;
}
.aside-blog__title {
margin-bottom: 20px;
}
.aside-blog__nav {
gap: 12px;
margin-bottom: 30px;
}
.aside-blog__link {
font-size: 14px;
}
.aside-blog__second {
font-size: 24px;
margin-bottom: 15px;
}
.aside-blog__info {
font-size: 16px;
margin-bottom: 20px;
}
.aside-blog__info img {
max-width: 30px;
}
.aside-blog__label {
font-size: 15px;
margin-bottom: 20px;
}
.aside-blog .info-blog {
margin-bottom: 20px;
}
.aside-blog__item {
padding: 20px 0;
}
.aside-blog__item a {
font-size: 16px;
}
.article-page__title {
margin-bottom: 30px;
}
.article-page__back {
margin-bottom: 25px;
}
.article-page__descr {
font-size: 14px;
}
.article-page__number {
padding-right: 0;
}
.article-page__register {
margin-bottom: 50px;
}
.article-page__law {
margin-bottom: 30px;
gap: 20px;
}
.article-page__cards .main-subtitle {
margin-bottom: 20px;
}
.article-page__cards {
padding: 20px 10px;
}
.article-page__grid {
grid-gap: 10px;
}
.article-page__text {
padding-bottom: 40px;
}
.main-number__item {
padding-left: 40px;
}
.main-number__item:not(:last-child) {
margin-bottom: 15px;
}
.main-number__link {
font-size: 14px;
}
.main-list__item {
padding-left: 30px;
font-size: 14px;
}
.comback__title {
font-size: 17px;
line-height: 120%;
}
.comback__btn {
font-size: 15px;
padding: 5px 15px;
}
.share__title {
font-size: 17px;
line-height: 120%;
}
.share__link {
padding: 10px 20px;
font-size: 13px;
line-height: 120%;
}
.mortage__subtitle {
font-size: 26px;
}
.mortage__descr {
font-size: 18px;
}
.mortage__row {
gap: 10px;
}
.mortage__item {
padding: 20px 10px;
}
.mortage__name {
font-size: 15px;
}
.mortage__image {
max-width: 600px;
}
.cards-mortage {
gap: 10px;
}
.cards-mortage__descr {
font-size: 16px;
}
.mortage-form__title {
max-width: 100%;
margin-bottom: 20px;
}
.mortage-form__image {
-webkit-transform: translateX(-45%);
-ms-transform: translateX(-45%);
transform: translateX(-45%);
}
.form-mortage {
padding: 30px;
}
.main-calculation {
padding: 40px 0;
}
.calculation__box {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 30px;
}
.calculation .dropdown {
margin-bottom: 20px;
}
.calculation .dropdown__name {
margin-bottom: 15px;
}
.btn-calculation {
padding: 15px 10px;
-webkit-box-flex: 0;
-ms-flex: 0 1 49%;
flex: 0 1 49%;
}
.rezult-calculation__row {
gap: 20px;
}
.staps-calculation__title {
margin-bottom: 30px;
}
.staps-calculation .cards-mortage {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.staps-calculation .cards-mortage__item {
padding: 40px 20px;
}
.choice-home__title {
margin-bottom: 30px;
}
.main-question__wrapper::after {
width: 600px;
height: 500px;
top: 100px;
}
.main-question .drop-text:not(:last-child) {
margin-bottom: 25px;
}
.main-question .drop-text__button {
padding-bottom: 15px;
gap: 20px;
}
.main-question .drop-text__circle::after {
min-height: 1.5px;
}
.main-question .drop-text__circle::before {
min-width: 1.5px;
}
.main-question .drop-text__name {
font-size: 18px;
}
.main-question .drop-text__descr:not(:last-child) {
margin-bottom: 15px;
}
.main-question .drop-text__descr {
padding-left: 60px;
}
.base__row .cards-mortage__item {
min-height: 249px;
}
.base .mortage__image {
max-width: 500px;
}
.base__box {
margin-top: 35px;
gap: 10px;
}
.base__descr {
font-size: 14px;
}
.base-type__descr {
font-size: 16px;
margin-bottom: 20px;
}
.tabs-object__btn {
-webkit-box-flex: 0;
-ms-flex: 0 1 25%;
flex: 0 1 25%;
font-size: 14px;
padding: 15px 3px;
}
.tabs-object__item {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.tabs-object__image {
margin: 0 auto;
margin-top: 20px;
}
.tabs-object__list li:not(:last-child) {
margin-bottom: 10px;
}
.base-more__row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.base-more__box {
width: 100%;
}
.base-more .main-table {
margin-bottom: 20px;
}
.base-more .main-table thead tr {
padding: 25px 10px;
}
.base-more .main-table tbody {
max-height: 214px;
}
.base-more .main-table tr {
padding: 18px 0;
}
.base-more__shell {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.base-more__shell .base-more__title {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.base-more__list {
-webkit-box-flex: 0;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
margin-bottom: 0;
}
.base-more__bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 0;
-ms-flex: 0 1 48%;
flex: 0 1 48%;
}
.base-work__grid {
grid-template-columns: repeat(2, 1fr);
}
.base-calculation__title {
margin-bottom: 30px;
}
.base-calculation__content {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 20px 10px;
-webkit-box-flex: 0;
-ms-flex: 0 1 63%;
flex: 0 1 63%;
}
.base-calculation__form {
-webkit-box-flex: 0;
-ms-flex: 0 1 37%;
flex: 0 1 37%;
}
.base-calculation__column:nth-child(1) {
width: 45%;
}
.base-calculation__column:nth-child(2) {
width: 22%;
}
.base-calculation__column:nth-child(2) {
width: 50%;
}
.base-calculation__column:nth-child(3) {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
}
.base-calculation__column:nth-child(3) .base-calculation__name {
width: 100%;
margin-bottom: 0;
}
.base-calculation__name {
margin-bottom: 20px;
}
.base-calculation__shell:not(:last-child) {
margin-bottom: 25px;
}
.base-calculation__shell span {
font-size: 14px;
line-height: 120%;
margin-bottom: 10px;
}
.base-calculation__shell .base-calculation__mb {
margin-bottom: 10px;
}
.base-calculation__box {
font-size: 17px;
margin-bottom: 9px;
}
.base-calculation__label:not(:last-child) {
margin-bottom: 0;
}
.base-calculation__label span::before {
width: 16px;
height: 16px;
top: 2px;
}
.base-calculation__label span {
padding-left: 25px;
font-size: 14px;
}
.base-calculation__label {
-webkit-box-flex: 0;
-ms-flex: 0 1 48%;
flex: 0 1 48%;
}
.base-calculation .dropdown {
font-size: 14px;
}
.base-calculation .dropdown__button {
min-height: 33px;
}
.form-base {
padding: 20px 10px;
}
.form-base__title {
font-size: 17px;
}
.form-base__price {
font-size: 24px;
margin-bottom: 20px;
}
.form-base__box {
margin-bottom: 20px;
}
.form-base__input {
padding-bottom: 15px;
}
.form-base__input:not(:last-child) {
margin-bottom: 20px;
}
.form-base__btn {
margin-bottom: 20px;
}
.base-form .mortage-form__box {
max-width: 530px;
}
.base-form__title {
margin-bottom: 30px;
}
.base-form__cards {
margin-bottom: 20px;
gap: 15px;
}
.base-form__descr {
font-size: 15px;
line-height: 120%;
}
.base-form .form-mortage {
padding: 30px 50px;
}
}
@media (max-width: 820px) {
.mortage-form__image {
-webkit-transform: translateX(-59%);
-ms-transform: translateX(-59%);
transform: translateX(-59%);
}
}
@media (max-width: 800px) {
.cards-mortage__descr {
line-height: 140%;
}
.base__row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.base__row .cards-mortage__item {
min-height: unset;
}
.base__cards {
max-width: 100%;
}
.base .cards-mortage__big::after {
width: 60%;
}
.base .cards-mortage__big {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
padding: 40px 20px;
}
.base .cards-mortage__big p {
max-width: 80%;
}
.base .mortage__image {
right: -10%;
}
.tabs-object__menu {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.tabs-object__btn {
-webkit-box-flex: 0;
-ms-flex: 0 1 49.2%;
flex: 0 1 49.2%;
font-size: 15px;
padding: 17px 10px;
}
}
@media (max-width: 750px) {
.blog__row {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.blog__descr {
font-size: 13px;
}
.blog__mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.blog__mobile .aside-blog__second,
.blog__mobile .aside-blog__info,
.blog__mobile .aside-blog__card {
display: block;
}
.blog__mobile .aside-blog__second {
width: 100%;
}
.blog__mobile .aside-blog__info {
width: 100%;
}
.blog__mobile .aside-blog__card {
-webkit-box-flex: 0;
-ms-flex: 0 1 49%;
flex: 0 1 49%;
margin: 0;
margin-bottom: 40px;
}
.blog__mobile .info-blog,
.blog__mobile .aside-blog__label {
display: block;
}
.blog__mobile .aside-blog__shell {
display: block;
margin-bottom: 50px;
}
.blog__mobile .info-blog {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 20px;
gap: 50px;
}
.main-row__content {
width: 100%;
}
.main-title {
font-size: 30px;
}
.nav-blog {
gap: 15px;
}
.seo-text__title {
font-size: 28px;
}
.seo-text__wrapper {
max-height: 198px;
}
.aside-blog__title {
display: none;
}
.aside-blog__nav::after {
display: none;
}
.aside-blog__nav {
margin-bottom: 20px;
overflow: hidden;
max-height: 31px;
-webkit-transition: 0.5s all ease-in-out;
-o-transition: 0.5s all ease-in-out;
transition: 0.5s all ease-in-out;
}
.aside-blog__nav.active {
max-height: 1000px;
}
.aside-blog__nav.active .aside-blog__btn svg {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.aside-blog .aside-blog__nav--wrapper {
padding-top: 15px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
.aside-blog__box {
display: block;
width: 100%;
}
.aside-blog__btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 15px;
font-size: 16px;
line-height: 19px;
padding-bottom: 10px;
border-bottom: 1px solid #000000;
}
.aside-blog__btn svg {
margin-top: 2px;
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.aside-blog__second {
display: none;
}
.aside-blog__info span {
padding-bottom: 2px;
}
.aside-blog__info {
display: none;
font-size: 22px;
margin-bottom: 25px;
}
.aside-blog__info img {
max-width: 40px;
margin-right: 10px;
}
.aside-blog__card {
display: none;
}
.aside-blog__label {
display: none;
margin-bottom: 20px;
}
.aside-blog .info-blog {
display: none;
}
.aside-blog .aside-blog__shell {
display: none;
}
.aside-blog__item {
padding: 30px 0;
}
.aside-blog__item a {
font-size: 18px;
}
.article-page__title {
margin-bottom: 25px;
}
.article-page__subtitle {
margin-bottom: 20px;
}
.article-page__number {
margin-bottom: 40px;
}
.article-page__register {
margin-bottom: 40px;
}
.article-page__law {
gap: 30px;
}
.article-page__law .main-title {
margin-bottom: -10px;
}
.article-page__cards::after {
display: none;
}
.article-page__grid {
grid-gap: 20px;
}
.article-page__text .main-subtitle {
margin-bottom: 20px;
}
.article-page__bottom {
gap: 30px;
}
.comback__title {
font-size: 18px;
}
.share__title {
font-size: 18px;
}
.mortage__subtitle {
font-size: 22px;
max-width: 300px;
}
.mortage__descr {
max-width: 280px;
}
.mortage__row {
grid-template-columns: repeat(3, 1fr);
}
.mortage__image {
right: -150px;
}
.cards-mortage__item {
padding: 20px 10px;
}
.mortage-form__box {
margin: 0 auto;
}
.mortage-form__image {
max-width: 562px;
top: 70px;
}
.main-calculation__title {
margin-bottom: 25px;
}
.calculation {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.calculation__nav {
width: 100%;
}
.calculation__rezult {
width: 100%;
}
.btn-calculation {
-webkit-box-flex: 0;
-ms-flex: 0 1 32.3%;
flex: 0 1 32.3%;
}
.rezult-calculation__row {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.rezult-calculation__btn {
max-width: 240px;
}
.rezult-calculation__shell {
padding: 20px;
}
.rezult-calculation__second {
max-width: 345px;
}
.slider-calculation__input {
padding: 15px;
font-size: 18px;
}
.staps-calculation .cards-mortage__item {
padding: 20px 15px;
padding-right: 5px;
}
.choice-home__slider {
margin-bottom: 20px;
}
.main-question__container {
padding-bottom: 50px;
}
.main-question .drop-text {
max-height: 41px;
}
.main-question .drop-text__name {
font-size: 17px;
max-width: 80%;
}
.base {
padding-bottom: 45px;
}
.base .cards-mortage__big {
padding: 30px 10px;
}
.base .mortage__image {
max-width: 400px;
right: -17%;
}
.base__box {
margin-top: 30px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.base__item {
-webkit-box-flex: 0;
-ms-flex: 0 1 32.2%;
flex: 0 1 32.2%;
}
.base__name {
font-size: 24px;
}
.base-type {
padding-bottom: 50px;
}
.base-type__title {
margin-bottom: 15px;
}
.base-type__descr {
max-width: 500px;
font-size: 15px;
margin-bottom: 15px;
}
.tabs-object__nav {
margin-bottom: 20px;
}
.tabs-object__btn {
-webkit-box-flex: 0;
-ms-flex: 0 1 49%;
flex: 0 1 49%;
}
.tabs-object__title {
margin-bottom: 15px;
}
.tabs-object__descr {
line-height: 150%;
}
.base-more__title {
margin-bottom: 30px;
}
.base-calculation {
padding-top: 40px;
padding-bottom: 50px;
}
.base-calculation__column:nth-child(1) {
width: 43%;
}
.base-form__item {
padding: 15px 20px;
}
.base-form .mortage-form__wrapper {
overflow: hidden;
padding-bottom: 90px;
}
.base-form .mortage-form__image {
width: 700px;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
}
@media (max-width: 750px) and (max-width: 550px) {
.blog__mobile .aside-blog__card {
-webkit-box-flex: 0;
-ms-flex: 0 1 48%;
flex: 0 1 48%;
}
}
@media (max-width: 750px) and (max-width: 380px) {
.blog__mobile .info-blog {
margin-bottom: 30px;
}
}
@media (max-width: 660px) {
.form-base__btn {
padding: 10px;
}
}
@media (max-width: 650px) {
.article-page__grid {
grid-gap: 15px;
grid-template-columns: repeat(1, 1fr);
}
.article-page__grid img {
width: 100%;
}
.base-work__grid {
grid-template-columns: repeat(1, 1fr);
gap: 20px;
}
.base-work__item {
min-height: unset;
}
.base-work__content {
padding: 25px;
padding-top: 0;
}
.base-work__name {
margin-bottom: 12px;
font-size: 17px;
}
}
@media screen and (max-width: 639.98px) {
.wrapper {
padding: 0 16px;
}
}
@media (max-width: 639.98px) {
.mortage-form__wrapper {
padding: 30px 16px;
}
.main-calculation__container {
padding: 20px 16px;
}
}
@media (max-width: 620px) {
.base__item {
-webkit-box-flex: 0;
-ms-flex: 0 1 32%;
flex: 0 1 32%;
}
}
@media (max-width: 600px) {
.base-more .main-table thead tr {
padding: 25px 0;
}
.base-more__list {
-webkit-box-flex: 0;
-ms-flex: 0 1 47%;
flex: 0 1 47%;
}
.base-more__bottom {
-webkit-box-flex: 0;
-ms-flex: 0 1 39%;
flex: 0 1 39%;
}
}
@media (max-width: 550px) {
.blog__title {
margin-bottom: 30px;
}
.blog__grid {
margin-bottom: 16px;
}
.blog__item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.blog__image {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
width: 100%;
}
.blog__text {
gap: 0;
padding: 15px 10px;
}
.blog__label {
top: 20px;
}
.blog__subtitle {
margin-bottom: 15px;
font-size: 18px;
}
.blog__descr {
margin-bottom: 15px;
font-size: 15px;
}
.blog__btn {
margin-bottom: 24px;
}
.blog__btn {
margin-bottom: 20px;
}
.main-title {
font-weight: 700;
font-size: 28px;
}
.nav-blog {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 20px;
}
.seo-text__title {
font-size: 24px;
}
.seo-text__wrapper {
max-height: 135px;
}
.seo-text__descr {
font-size: 15px;
}
.main-subtitle {
font-size: 22px;
}
.aside-blog__item {
padding: 20px 0;
}
.article-page__tasks .article-page__descr {
margin-bottom: 15px;
}
.article-page__second {
margin-bottom: 15px;
}
.article-page__blockquote::after {
display: none;
}
.article-page__blockquote {
padding: 20px 0;
padding-right: 36px;
padding-left: 35px;
}
.article-page__cards {
margin: 0 -15px;
padding: 40px 15px;
}
.article-page__text {
padding-top: 40px;
padding-bottom: 30px;
}
.article-page__third {
margin-bottom: 15px;
margin-top: 20px;
}
.article-page__bottom {
padding: 25px 0;
margin-bottom: 25px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.main-list__item:not(:last-child) {
margin-bottom: 10px;
}
.mortage__subtitle {
font-weight: 700;
font-size: 20px;
max-width: 280px;
}
.mortage__descr {
margin-bottom: 40px;
}
.mortage__cards {
margin-top: -40px;
margin-bottom: 20px;
}
.mortage__row {
grid-template-columns: repeat(2, 1fr);
}
.mortage__image {
position: static;
}
.cards-mortage {
grid-template-columns: repeat(1, 1fr);
gap: 15px;
}
.cards-mortage__item {
padding: 30px 20px;
}
.cards-mortage__second {
margin-bottom: 20px;
}
.cards-mortage__text {
max-width: 80%;
}
.mortage-form__wrapper {
padding-bottom: 64px;
}
.mortage-form__title {
margin: 0 auto;
margin-bottom: 30px;
max-width: 400px;
text-align: center;
}
.mortage-form__image {
width: 563px;
top: auto;
bottom: 0;
-webkit-transform: translateX(-45%);
-ms-transform: translateX(-45%);
transform: translateX(-45%);
}
.form-mortage {
padding: 26px 10px;
padding-right: 15px;
}
.form-mortage__title {
font-size: 16px;
line-height: 120%;
margin-bottom: 20px;
}
.form-mortage__descr {
margin-bottom: 20px;
font-size: 15px;
line-height: 120%;
}
.form-mortage__box::before {
left: 5px;
top: 11px;
}
.form-mortage__box {
padding-left: 40px;
margin-bottom: 15px;
gap: 50px;
}
.form-mortage__btn {
margin-left: -30px;
}
.mortage-politic {
max-width: 232px;
font-size: 12px;
line-height: 120%;
}
.main-calculation {
padding-top: 0;
}
.main-calculation__container {
padding-top: 50px;
}
.calculation__box {
margin-bottom: 25px;
}
.btn-calculation {
-webkit-box-flex: 0;
-ms-flex: 0 1 48.9%;
flex: 0 1 48.9%;
}
.staps-calculation__title {
margin-bottom: 25px;
}
.staps-calculation .cards-mortage {
grid-template-columns: repeat(1, 1fr);
gap: 15px;
margin: 0;
}
.staps-calculation .cards-mortage__item {
padding: 20px 15px;
padding-bottom: 30px;
}
.staps-calculation .cards-mortage__text {
max-width: 85%;
}
.main-question__wrapper::after {
display: none;
}
.main-question .drop-text__name {
font-size: 16px;
}
.main-question .drop-text__descr {
padding-left: 0;
font-size: 15px;
line-height: 130%;
}
.base__row {
margin-top: -25%;
}
.base .cards-mortage__big {
padding: 25px;
}
.base .cards-mortage__big p {
max-width: 100%;
}
.base .mortage__image {
max-width: 100%;
}
.base .mortage__descr {
margin-bottom: 20px;
}
.base__item {
-webkit-box-flex: 0;
-ms-flex: 0 1 48.8%;
flex: 0 1 48.8%;
}
.base__name {
font-size: 22px;
}
.tabs-object__btn {
-webkit-box-flex: 0;
-ms-flex: 0 1 48.8%;
flex: 0 1 48.8%;
}
.tabs-object__item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.tabs-object__image {
margin-top: 20px;
margin-bottom: 30px;
}
.tabs-object__box {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.tabs-object__list li:not(:last-child) {
margin-bottom: 15px;
}
.tabs-object__list li img {
top: 1px;
}
.tabs-object__list li {
min-height: 23px;
}
.base-more .main-table thead {
display: none;
}
.base-more .main-table tbody {
max-height: 345px;
}
.base-more .main-table tr {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
padding: 25px 0;
}
.base-more .main-table tr:first-child {
padding-top: 0;
}
.base-more .main-table td {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.base-more .main-table span {
display: inline-block;
font-weight: 600;
font-size: 16px;
line-height: 19px;
text-align: left;
min-width: 150px;
}
.base-more__list {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.base-more__bottom {
padding: 20px;
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
margin-top: 20px;
}
.base-calculation__title {
margin-bottom: 25px;
}
.base-calculation__row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.form-base {
padding: 25px 15px;
}
.form-base__title {
font-size: 18px;
margin-bottom: 6px;
}
.form-base__price {
font-size: 33px;
margin-bottom: 20px;
}
.form-base__input {
font-size: 16px;
padding-bottom: 18px;
}
.form-base__input:not(:last-child) {
margin-bottom: 24px;
}
.form-base__btn {
padding: 15px;
max-width: 280px;
margin-bottom: 10px;
}
.base-form__cards {
gap: 10px;
margin-bottom: 10px;
}
.base-form .form-mortage {
padding: 30px 20px;
padding-right: 30px;
}
}
@media (max-width: 520px) {
.base-form__cards {
grid-template-columns: repeat(1, 1fr);
}
.base-form__icon img {
max-width: 35px;
}
}
@media (max-width: 500px) {
.aside-blog .aside-blog__nav--wrapper {
overflow-y: scroll;
padding: 20px;
display: block;
background: #F5F6F6;
max-height: 520px;
}
.aside-blog .aside-blog__nav--wrapper::-webkit-scrollbar {
width: 12px;
height: 4px;
}
.aside-blog .aside-blog__nav--wrapper::-webkit-scrollbar-track {
background: rgba(238, 240, 241, 0.5);
border-radius: 6px;
margin: 18px 0;
}
.aside-blog .aside-blog__nav--wrapper::-webkit-scrollbar-thumb {
background: #259D56;
border: 3.5px solid #eef0f1;
}
.aside-blog__link {
font-size: 15px;
width: 100%;
display: block;
}
.aside-blog__link:not(:last-child) {
margin-bottom: 15px;
}
}
@media (max-width: 450px) {
.rezult-calculation__second {
max-width: 80%;
}
.base__item {
-webkit-box-flex: 0;
-ms-flex: 0 1 48.5%;
flex: 0 1 48.5%;
padding: 20px 10px;
padding-right: 5px;
}
.tabs-object__btn {
-webkit-box-flex: 0;
-ms-flex: 0 1 48.6%;
flex: 0 1 48.6%;
text-align: left;
padding: 15px 10px;
}
}
@media (max-width: 400px) {
.blog__info {
gap: 10px;
}
.main-title {
font-size: 24px;
}
.info-blog {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.mortage__item {
gap: 10px;
}
.mortage__item img {
max-width: 35px;
}
.mortage__name {
font-size: 14px;
}
.cards-mortage__item {
padding: 25px;
}
.cards-mortage__second {
margin-bottom: 15px;
}
.cards-mortage__text {
max-width: 100%;
}
.form-mortage__box::before {
top: 8px;
}
.form-mortage__box {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 15px;
}
.form-mortage__input {
width: 100%;
}
.btn-calculation {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.rezult-calculation__top::after {
width: 50%;
}
.rezult-calculation__top {
padding: 20px 15px;
}
.rezult-calculation__row {
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
}
.rezult-calculation__item {
max-width: 140px;
}
.rezult-calculation__name {
font-size: 14px;
}
.rezult-calculation__price {
font-size: 18px;
}
.rezult-calculation__btn {
max-width: 100%;
}
.rezult-calculation__image {
right: -30px;
}
.staps-calculation .cards-mortage__text {
max-width: 90%;
}
.main-question .drop-text {
min-height: 57px;
}
.main-question .drop-text {
padding-bottom: 10px;
}
.main-question .drop-text:not(:last-child) {
margin-bottom: 10px;
}
.base__row {
margin-top: -30%;
}
.base .cards-mortage__big::after {
width: 140%;
right: -50%;
}
.base .mortage__image {
max-width: unset;
width: 400px;
margin-left: -8%;
}
.tabs-object__btn {
-webkit-box-flex: 0;
-ms-flex: 0 1 48%;
flex: 0 1 48%;
font-size: 14px;
padding: 10px;
padding-right: 3px;
}
.base-more .main-table span {
min-width: 45%;
}
.base-calculation__content {
padding: 30px 15px;
gap: 35px;
}
.base-calculation__column:nth-child(1) {
width: 100%;
}
.base-calculation__column:nth-child(2) {
width: 100%;
}
.base-calculation__column:nth-child(3) {
width: 100%;
}
.base-calculation__column:nth-child(3) .base-calculation__name {
margin-bottom: 10px;
}
.base-calculation__name {
width: 100%;
font-size: 18px;
}
.base-calculation__shell span {
margin-bottom: 0;
font-size: 16px;
}
.base-calculation__flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 30px;
}
.base-calculation__shell-wrapper {
-webkit-box-flex: 0;
-ms-flex: 0 1 60%;
flex: 0 1 60%;
}
.base-calculation__label span::before {
width: 20px;
height: 20px;
top: 0px;
}
.base-calculation__label span {
font-size: 15px;
padding-left: 35px;
}
.base-calculation__label {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.base-calculation .dropdown {
margin-top: 10px;
}
.form-base__btn {
max-width: 100%;
}
}
@media (max-width: 375px) {
.base__item {
-webkit-box-flex: 0;
-ms-flex: 0 1 48.2%;
flex: 0 1 48.2%;
}
}
@media (max-width: 365px) {
.base .mortage__image {
margin-left: -19%;
}
}
@media (max-width: 350px) {
.tabs-object__menu {
gap: 5px;
}
.tabs-object__btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 50px;
}
}
@media (any-hover: hover) {
.blog__item:hover .blog__image img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.blog__item:hover .blog__subtitle {
color: #259D56;
}
.blog__item:hover .blog__subtitle span {
border-bottom: 2px solid rgba(37, 157, 86, 0);
}
.blog__btn:hover {
background-color: #259D56;
color: #ffffff;
border: 1px solid rgba(212, 212, 212, 0);
}
.nav-blog__number:hover {
background: #259D56;
color: #ffffff;
}
.nav-blog__next:hover {
color: #259D56;
}
.nav-blog__next:hover svg {
-webkit-transform: translateX(5px);
-ms-transform: translateX(5px);
transform: translateX(5px);
}
.nav-blog__next:hover svg path {
fill: #259D56;
}
.seo-text__link:hover {
color: #7D7D7D;
}
.seo-text__link:hover svg path {
stroke: #7D7D7D;
}
.aside-blog__link:hover {
padding-left: 21px;
color: #259D56;
}
.aside-blog__link:hover::before {
width: 11px;
}
.aside-blog__info:hover {
color: #259D56;
}
.aside-blog__info:hover span {
border-bottom: 2px solid rgba(37, 157, 86, 0);
}
.aside-blog__card:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.aside-blog__item a:hover span {
color: #259D56;
border-bottom: 2px solid rgba(37, 157, 86, 0);
}
.article-page__back:hover {
color: #259D56;
}
.main-number__link:hover span {
color: #259D56;
border-bottom: 1px solid rgba(37, 157, 86, 0);
}
.comback__btn:hover {
background-color: #259D56;
color: #ffffff;
border-color: #259D56;
}
.share__link:hover {
color: #259D56;
border-color: #259D56;
}
.form-mortage__btn:hover {
background-color: #eea133;
}
.calculation .dropdown__list-item:hover {
color: #259D56;
}
.btn-calculation:hover {
background: #259D56;
color: #ffffff;
}
.rezult-calculation__btn:hover {
background: #eea133;
}
.rezult-calculation__catalog:hover {
background: #259D56;
color: #ffffff;
border: 1px solid #259D56;
}
.staps-calculation .cards-mortage__text a:hover {
border-bottom: 1px solid #259d56;
}
.choice-home__more:hover {
color: #FFFFFF;
background: #259D56;
border: 1px solid #259D56;
}
.choice-swiper__btn:hover {
background: #259D56;
}
.choice-swiper__btn:hover svg path {
stroke: #FFFFFF;
}
.main-question .drop-text__button:hover .drop-text__circle {
background: #eea133;
}
.tabs-object__btn:hover {
color: #FFFFFF;
background: #259D56;
border: 1px solid #259D56;
}
.base-more__btn:hover {
background: #eea133;
}
.base-calculation .dropdown__list-item:hover {
color: #259D56;
}
.form-base__btn:hover {
background: #eea133;
}
}
/* End */
/* Start:/bitrix/templates/v2.0/static/css/gv230611.css?178154662720301*/
@charset "UTF-8";
@import url("/bitrix/templates/v2.0/static/css/fonts.css");
.section-gv1{padding-bottom: 80px;}
.section-gv1 .title{margin-bottom: 22px;}
.section-gv1-contrast{background-color: #F7F8F8;padding: 64px 0 80px;}
.section-gv2{overflow: hidden;padding-top:32px !important;}
.gv-section-title{font-size: 33px;line-height: 1.2;font-weight: 500;margin-bottom: 28px;}
.gv1-form{display: flex;flex-direction: column;}
.gv1-form-row:not(:first-child){margin-top: 8px;}
.gv1-form-footer{margin-top: 15px}
.gv1-form-footer .button{height: 40px;}
.gv1-form-note{margin-top: 14px;font-size: 12px;font-weight: 300;line-height: 1.25;}
.gv1-textfield{display: flex;}
.gv1-textfield-input{min-height: 40px;width: 100%;overflow: hidden;text-overflow: ellipsis;border-bottom: 1px solid;text-align: left;}
.gv1-textfield-input__dense{min-height: 32px;}
.gv1-selector{position: relative;display: flex;align-items: center;min-height: 36px;}
.gv1-selector-holder{overflow: hidden;margin-right: auto;text-overflow: ellipsis;white-space: nowrap;}
.gv1-selector-icon{margin-left: 20px;}
.gv1-selector-control{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer;}
.gv1-range{min-height: 56px;background-color: #fff;border-radius: 2px;display: flex;position: relative;align-items: center;white-space: nowrap;}
.gv1-range-value{flex: auto;overflow: hidden;text-overflow: ellipsis;padding: 0 15px;font-size: 21px;}
.gv1-range-suffix{flex: none;padding: 0 15px;font-size: 21px;font-weight: 600;}
.gv1-range-control{}
.gv1-range-input{width: 100%;overflow: hidden;}
.gv1-range .slider-container{position: absolute;bottom: -1px;left: 0;width: 100%;}
.gv1-range .slider-container .scale{display: none;}
.gv1-range .slider-container .back-bar {height: 4px;position: relative;}
.gv1-range .slider-container .back-bar .selected-bar{position: absolute;height: 100%;background-color: #259D56;}
.gv1-range .slider-container .back-bar .pointer {position: absolute;width: 18px;height: 18px;background-color: #fff;cursor: col-resize;border-radius: 50%;border: 4px solid #EC763D;opacity: 1;z-index: 2;margin-top: -7px;margin-left: -4px;}
.gv1-range .slider-container .back-bar .pointer.last-active {z-index: 3;}
.gv1-range .slider-container .back-bar .pointer-label {display: none;}
.gv1-range .slider-container .back-bar .focused {z-index: 10;}
.gv1-range .slider-container .clickable-dummy {cursor: pointer;position: absolute;width: 100%;height: 100%;z-index: 1;}
.gv1-check-area{position: relative;overflow: hidden;min-height: 100%;display: flex;border-radius: 3px;}
.gv1-check-area ._label{min-height: 100%;display: block;cursor: pointer;}
.gv1-check-area ._label-inner{background-color: #fff;align-items: baseline;justify-content: space-between;flex-wrap: wrap;display: flex;padding: 15px 5px;min-height: 100%;transition: all .15s;}
.gv1-check-area ._title{margin: 0 10px 8px;font-size: 18px;font-weight: 600;}
.gv1-check-area ._subtitle{margin: 0 10px;}
.gv1-check-area ._control{position: absolute;top: 0;right: 100%;width: 0;height: 0;opacity: 0;overflow: hidden;}
.gv1-check-area ._control:checked ~ ._label-inner{background-color: #259D56;color: #fff;pointer-events: none;}
.gv-offer{background-image: linear-gradient(180deg, #BCE6EB 0%, #F1FBFC 100%);padding: 60px 0 90px;}
.gv-offer-wrapper{display: grid;grid-template-columns: 1fr auto;grid-gap: 80px;}
.gv-offer-media{position: relative;pointer-events: none;margin: -70px 0 -90px -100px;}
.gv-offer-media img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-position: center right;object-fit: contain;}
.gv-offer-form{width: 100%;max-width: 460px;}
.gv-offer-title{font-size: 43px;font-weight: 500;line-height: 1.2;margin-bottom: 60px;}
.gv-offer-subtitle{font-size: 27px;margin: -40px 0 30px;}
.gv-catch{background-color: #fff;padding: 40px 44px 30px;text-align: center;}
.gv-catch-title{font-size: 18px;font-weight: 600;}
.gv-catch-subtitle{margin-top: 18px;}
.gv-catch-form{margin-top: 25px;}
.gv-catch-row{display: flex;}
.gv-catch-prefix{margin-right: 14px;flex: none;display: inline-flex;align-items: center;min-height: 32px;}
.gv-catch-input{flex: auto;}
.gv-catch-button{flex: none;margin-left: 12px;}
.gv-catch-note{color: #7D7D7D;font-size: 14px;margin-top: 25px;}
.gv-catch-note a{text-decoration: underline;}
.gv1-1{margin-top: 52px;}
.gv1-1-1{display: grid;grid-gap: 10px;grid-template-columns: repeat(4, 1fr);}
.gv1-1-2{padding: 20px 20px 30px;box-shadow: inset 0 0 0 1px #D4D4D4;background-color: #fff;overflow: hidden;}
.gv1-1-2 ._card ._header{display: flex;align-items: flex-start;}
.gv1-1-2 ._card ._image{flex: none;width: 44px;height: 44px;display: inline-flex;align-items: center;justify-content: center;margin-right: 18px;}
.gv1-1-2 ._card ._title{font-size: 18px;font-weight: 600;display: flex;min-height: 44px;align-items: center;hyphens: auto;}
.gv1-1-2 ._card ._content{margin-top: 16px;}
.gv1-1-2 ._card ._text{line-height: 1.4375;}
.gv1-2{margin-top: 72px;}
.gv1-2-1{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 14px;grid-template-rows: auto;grid-template-areas: "a1 a2 a4" "a3 a3 a4";}
.gv1-2-2{grid-area: a1;}
.gv1-2-3{grid-area: a2;}
.gv1-2-4{grid-area: a3;background-color: #F7F8F8;padding: 25px 20px 30px 30px;}
.gv1-2-4 ._card ._header{display: flex;align-items: flex-start;}
.gv1-2-4 ._card ._image{flex: none;width: 24px;height: 24px;display: inline-flex;align-items: center;justify-content: center;margin-right: 12px;}
.gv1-2-4 ._card ._title{font-size: 15px;font-weight: 600;display: flex;min-height: 24px;align-items: center;}
.gv1-2-4 ._card ._content{margin-top: 12px;}
.gv1-2-4 ._card ._text{line-height: 1.425;font-size: 14px;}
.gv1-2-5{grid-area: a4;background-color: #259D56;color: #fff;padding: 25px 40px 25px;position: relative;}
.gv1-2-5::before{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-image: url(/bitrix/templates/v2.0/static/css/../img/gv-1/gv1-waves.svg);background-repeat: no-repeat;background-position: bottom;background-size: 100% auto;opacity: .1;pointer-events: none;}
.gv1-2-6{box-shadow: inset 0 0 0 1px #D4D4D4;background-color: #fff;padding: 25px 20px 30px 30px;min-height: 100%;display: grid;grid-template-columns: 1fr auto;grid-gap: 40px;overflow: hidden;}
.gv1-2-7{font-size: 18px;font-weight: 600;}
.gv1-2-8{margin-top: 40px;line-height: 1.4375;}
.gv1-2-9{margin-top: -5px;position: relative;display: flex;flex-direction: column;align-items: center;text-align: center;}
.gv1-2-10{flex: none;width: 44px;height: 44px;position: relative;z-index: 1;display: inline-flex;align-items: center;justify-content: center;}
.gv1-2-11{margin-top: 40px;position: relative;font-size: 12px;font-weight: 600;line-height: 0;}
.gv1-2-11::before{content: "";position: absolute;width: calc(2 * (40px) + 44px);height: calc(2 * (40px) + 44px);bottom: 0;left: 50%;transform: translateX(-50%);border-radius: 50%;background-color: #259D56;opacity: .1;}
.gv1-2-12{margin-top: 40px;position: relative;font-size: 12px;font-weight: 600;line-height: 0;}
.gv1-2-12::before{content: "";position: absolute;width: calc(2 * (80px) + 44px);height: calc(2 * (80px) + 44px);bottom: 0;left: 50%;transform: translateX(-50%);border-radius: 50%;background-color: #259D56;opacity: .1;}
.gv1-2-13{font-size: 18px;font-weight: 600;}
.gv1-2-14{margin-top: 12px;}
.gv1-2-15{margin-top: 24px;}
.gv1-2-16{}
.gv1-3{margin-top: 72px;}
.gv1-3-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 10px;margin-top: 30px;}
.gv1-3-2{background-color: #F7F8F8;padding: 30px 20px 30px 25px;font-weight: 600;border-left: 1px solid #259D56;font-size: 18px;}
.gv1-4{}
.gv1-4-1{display: grid;grid-template-columns: 50% 50%;grid-gap: 0;}
.gv1-4-2{position: relative;margin-right: -100%;z-index: 1;}
.gv1-4-3{font-size: 25px;font-weight: 300;margin-top: 22px;}
.gv1-4-4{margin-top: 44px;font-size: 32px;font-weight: 700;}
.gv1-4-5{width: 100%;max-width: 484px;margin-top: 20px;}
.gv1-4-6{position: relative;z-index: 2;}
.gv1-4-7{position: relative;z-index: 1;pointer-events: none;margin: 0 -180px 0 -50px;}
.gv1-4-8{position: relative;margin-right: -100%;margin-top: 44px;display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 18px;}
.gv1-4-9{padding: 30px 20px 30px 30px;background-color: #fff;box-shadow: inset 0 0 0 1px #D4D4D4;}
.gv1-4-9 ._card ._header{display: flex;align-items: flex-start;}
.gv1-4-9 ._card ._image{flex: none;width: 24px;height: 24px;display: inline-flex;align-items: center;justify-content: center;margin-right: 20px;background-color: #259D56;color: #fff;border-radius: 50%;}
.gv1-4-9 ._card ._title{font-size: 18px;font-weight: 600;display: flex;min-height: 24px;align-items: center;}
.gv1-4-9 ._card ._content{margin-top: 24px;}
.gv1-4-9 ._card ._text{line-height: 1.4375;}
.gv1-4-10{display: none;}
.gv1-5{margin-top: 40px;}
.gv1-5-1{font-size: 25px;font-weight: 300;margin-bottom: 15px;}
.gv1-5-2{display: grid;grid-gap: 40px;grid-template-columns: 1fr auto;}
.gv1-5-3{background-color: #F7F8F8;padding: 30px 20px 30px 30px;display: flex;align-items: center;}
.gv1-5-4{width: 100%;max-width: 460px;font-size: 14px;line-height: 1.5;padding: 20px 0;}
.gv1-5-5{flex: none;width: 68px;height: 68px;background-color: #259D56;color: #fff;display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;margin-right: 24px;}
.gv1-5-6{}
.gv1-5-7{font-size: 20px;font-weight: 700;color: #259D56;}
.gv1-5-8{margin-top: 8px;line-height: 1.4375;}
.gv1-6{margin-top: 40px;}
.gv1-6-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 10px;margin-top: 30px;}
.gv1-6-2{background-color: #F7F8F8;border-top: 1px solid #259D56;padding: 20px 20px 30px 20px;}
.gv1-6-2 ._card ._pretitle{margin-bottom: 4px;font-size: 12px;text-transform: uppercase;opacity: .5;}
.gv1-6-2 ._card ._title{font-size: 18px;font-weight: 600;}
.gv1-6-2 ._card ._content{margin-top: 18px;}
.gv1-6-2 ._card ._text{line-height: 1.4375;}
.gv1-7{background-color: #F7F8F8;padding: 40px 44px 60px;}
.gv1-7-1{margin-top: 35px;display: grid;grid-template-columns: 1fr 372px;grid-gap: 0 56px;}
.gv1-7-2{}
.gv1-7-3{display: flex;flex-direction: column;}
.gv1-7-4{background-color: #fff;padding: 25px 30px 30px;position: relative;}
.gv1-7-4::before{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-image: url(/bitrix/templates/v2.0/static/css/../img/gv-1/gv1-waves-2.svg);background-repeat: no-repeat;background-position: right;background-size: auto 100%;opacity: .6;pointer-events: none;}
.gv1-7-5{background-color: #fff;margin: 14px 0;padding: 35px 30px 40px;position: relative;}
.gv1-7-5::before{content: "";position: absolute;bottom: 0;right: 0;top: 35px;width: 50%;background-position: right bottom;background-size: contain;background-repeat: no-repeat;background-image: url(/bitrix/templates/v2.0/static/css/../img/gv-1/image-9.png);}
.gv1-7-6{margin-top: auto;}
.gv1-7-7{display: flex;margin: 0 -10px;position: relative;z-index: 1;}
.gv1-7-8{display: flex;margin: 35px -10px 0;position: relative;z-index: 1;}
.gv1-7-8 .gv1-7-12{font-size: 23px;}
.gv1-7-9{margin-top: 30px;position: relative;z-index: 1;}
.gv1-7-10{margin: 0 10px;display: flex;flex-wrap: wrap;align-items: baseline;}
.gv1-7-11{margin-bottom: 8px;width: 100%;}
.gv1-7-12{font-size: 18px;font-weight: 600;white-space: nowrap;}
.gv1-7-12:not(:last-child){margin-right: .5em;}
.gv1-7-13{font-size: 18px;color: #A3A3A3;white-space: nowrap;text-decoration: line-through;}
.gv1-7-14{font-size: 18px;font-weight: 600;max-width: 216px;position: relative;z-index: 1;}
.gv1-7-15{margin-top: 20px;max-width: 150px;position: relative;z-index: 1;}
.gv1-7-16{}
.gv1-7-17{font-size: 18px;font-weight: 600;margin-bottom: 14px;}
.gv1-7-18{border-bottom: 1px solid;}
.gv1-7-19{}
.gv1-7-20{margin-top: 28px;display: grid;grid-gap: 8px;grid-template-columns: repeat(3, 1fr);}
.gv1-7-21{margin-top: 40px;display: grid;grid-gap: 32px;grid-template-columns: auto;}
.gv1-8{margin-top: 40px;}
.gv1-8-1{display: grid;grid-template-columns: repeat(5, 1fr);grid-gap: 18px;}
.gv1-8-2{background-color: #F7F8F8;display: flex;align-items: center;text-align: center;padding: 30px 20px;flex-direction: column;}
.gv1-8-3{height: 44px;width: 100%;position: relative;}
.gv1-8-3 img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;object-position: center;}
.gv1-8-4{font-size: 16px;font-weight: 600;margin-top: 18px;}
.gv1-9{}
.gv1-9-1{margin-top: 30px;display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 44px 10px;grid-template-areas: "a1 a1 a2 a3" "a4 a4 a2 a3" "a5 a6 a7 a8";}
.gv1-9-2{grid-area: a1;font-weight: 300;font-size: 21px;line-height: 1.333;padding-right: 40px;}
.gv1-9-3{grid-area: a2;}
.gv1-9-4{grid-area: a3;}
.gv1-9-5{grid-area: a4;align-self: flex-end;font-size: 33px;font-weight: 500;padding-right: 40px;}
.gv1-9-6{grid-area: a5;}
.gv1-9-7{grid-area: a6;}
.gv1-9-8{grid-area: a7;}
.gv1-9-9{grid-area: a8;background-color: #259D56;color: #fff;padding: 30px 25px;}
.gv1-9-10{background-color: #fff;border-left: 1px solid #259D56;padding: 25px 20px;min-height: 100%;}
.gv1-9-10 ._card ._title{font-size: 18px;font-weight: 600;line-height: 1.2;min-height: 2.4em;}
.gv1-9-10 ._card ._content{margin-top: 16px;}
.gv1-9-10 ._card ._text{font-size: 15px;line-height: 1.4;}
.gv1-9-11{padding: 25px 20px;background-color: #fff;box-shadow: inset 0 0 0 1px #D4D4D4;min-height: 100%;}
.gv1-9-11 ._card ._title{font-size: 18px;font-weight: 600;line-height: 1.2;min-height: 3.6em;}
.gv1-9-11 ._card ._content{margin-top: 15px;}
.gv1-9-11 ._card ._text{line-height: 1.4375;}
.gv1-9-12{display: flex;align-items: flex-end;font-size: 18px;min-height: calc(3.6em + 10px);padding-bottom: 25px;}
.gv1-9-12 img{height: 44px;}
.gv1-9-13{font-size: 14px;line-height: 1.4;}
.gv1-10{}
.gv1-10-1{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 25px;margin-top: 40px;counter-reset: index;}
.gv1-10-2{background-color: #fff;padding: 25px 25px 40px 35px;box-shadow: inset 0 0 0 1px #D4D4D4;}
.gv1-10-2 ._card ._header{display: flex;align-items: flex-start;}
.gv1-10-2 ._card ._header::before{content: counter(index);counter-increment: index;flex: none;width: 40px;height: 40px;display: inline-flex;align-items: center;justify-content: center;margin-right: 20px;background-color: #259D56;color: #fff;border-radius: 50%;font-size: 18px;font-weight: 600;text-align: center;}
.gv1-10-2 ._card ._title{font-size: 18px;font-weight: 600;display: flex;min-height: 40px;align-items: center;}
.gv1-10-2 ._card ._content{margin-top: 18px;}
.gv1-10-2 ._card ._text{line-height: 1.4375;}
.gv1-10-2 ._card ._text a{color: #259D56;}
@media (max-width: 1250px) {
.title,
.gv-offer-title{font-size: 40px;}
.subtitle,
.gv-offer-subtitle{font-size: 20px;}
.gv1-check-area ._title{font-size: 14px;}
.gv1-check-area ._subtitle{font-size: 12px;}
.gv1-1-2 ._card ._title{font-size: 15px;}
.gv1-1-2 ._card ._text{font-size: 14px;}
.gv1-3-2{font-size: 16px;}
.gv1-4-4{font-size: 30px;}
.gv1-7{padding: 40px 30px;}
.gv1-7-1{grid-gap: 0 30px;grid-template-columns: 1fr 350px;}
.gv1-7-11{font-size: 14px;}
.gv1-8-4{font-size: 16px;}
}
@media (max-width: 1050px) {
.title,
.gv-offer-title{font-size: 35px;}
.gv-section-title{font-size: 30px;}
.gv1-1-1{grid-template-columns: 1fr 1fr;}
.gv1-2-1{grid-template-columns: 1fr 1fr;grid-template-areas: "a1 a2" "a3 a3" "a4 a4";grid-gap: 10px;}
.gv1-3-1{grid-template-columns: 1fr 1fr;}
.gv1-4-4{font-size: 25px;}
.gv1-4-8{grid-template-columns: 1fr 1fr;grid-gap: 10px;}
.gv1-5-2{grid-template-columns: auto;}
.gv1-5-4{padding: 0;max-width: none;}
.gv1-6-1{grid-template-columns: 1fr 1fr;}
.gv1-7-1{grid-template-columns: auto;grid-gap: 40px;}
.gv1-8-1{grid-gap: 10px;}
.gv1-8-2{padding: 15px;}
.gv1-8-4{font-size: 14px;}
.gv1-9-1{grid-template-columns: 1fr 1fr;grid-template-areas: "a1 a1" "a2 a3" "a4 a4" "a5 a6" "a7 a8";grid-gap: 10px;}
.gv1-9-2{padding-right: 0;margin-bottom: 10px;}
.gv1-9-5{padding-right: 0;margin: 30px 0 10px;}
.gv1-10-1{grid-template-columns: 1fr 1fr;grid-gap: 10px;}
.gv-offer-wrapper{grid-gap: 40px;}
.gv-offer-media{margin-left: -300px;}
}
@media (max-width: 750px) {
.section-gv2{padding-bottom: 32px;}
.section-gv1-contrast{padding: 35px 0 48px;}
.section-gv1 .title{margin-bottom: 10px;}
.title,
.gv-offer-title,
.gv-section-title{font-size: 22px;}
.gv-offer-title{text-align: center;margin-bottom: 30px;}
.gv-offer-subtitle{text-align: center;;margin: -25px 0 30px;font-size: 16px;}
.subtitle{font-size: 18px;}
.gv-section-title{margin-bottom: 15px;}
.gv-offer{position: relative;padding: 50px 0;}
.gv-offer-wrapper{grid-gap: 0;grid-template-columns: auto;}
.gv-offer-form{position: relative;z-index: 1;}
.gv-offer-media{margin: 0;position: absolute;top: 150px;left: 0;right: 0;bottom: 0;}
.gv-offer-media img{object-fit: cover;object-position: center;}
.gv-catch{padding: 25px 15px;}
.gv-catch-title{font-size: 16px;}
.gv-catch-subtitle{margin-top: 24px;font-size: 15px;}
.gv-catch-row{flex-wrap: wrap;justify-content: center;padding: 0 25px;}
.gv-catch-button{min-width: 100%;margin-left: 0;margin-top: 15px;}
.gv-catch-note{font-size: 12px;margin-top: 15px;}
.gv1-check-area ._label{width: 100%;}
.gv1-check-area ._title{width: 100%;font-size: 16px;}
.gv1-check-area ._subtitle{font-size: 14px;}
.gv1-range{min-height: 52px;}
.gv1-1{margin-top: 30px;}
.gv1-1-1{grid-template-columns: auto;}
.gv1-1-2{padding: 20px 15px;}
.gv1-1-2 ._card ._title{font-size: 18px;}
.gv1-2{margin-top: 40px;}
.gv1-2-1{grid-template-columns: auto;grid-template-areas: "a1" "a2" "a3" "a4";}
.gv1-2-4{padding: 20px;}
.gv1-2-4 ._card ._text{font-size: 12px;}
.gv1-2-5{padding: 20px;margin-top: 15px;}
.gv1-2-6{padding: 20px;}
.gv1-2-14{font-size: 15px;}
.gv1-3{margin-top: 40px;}
.gv1-3-1{margin-top: 20px;grid-gap: 15px;grid-template-columns: auto;}
.gv1-3-2{padding: 20px;}
.gv1-4-1{grid-template-columns: auto;}
.gv1-4-2{margin-right: 0;}
.gv1-4-3{margin-top: 16px;font-size: 18px;}
.gv1-4-4{margin-top: 20px;font-size: 20px;}
.gv1-4-5{display: none;}
.gv1-4-7{display: none;}
.gv1-4-8{margin-right: 0;grid-template-columns: auto;margin-top: 0;}
.gv1-4-9{padding: 20px 15px;}
.gv1-4-9 ._card ._image{margin-right: 15px;}
.gv1-4-9 ._card ._title{font-size: 17px;}
.gv1-4-9 ._card ._content{margin-top: 15px;}
.gv1-4-10{display: block;margin-right: -30%;margin-bottom: -50px;}
.gv1-5-1{font-size: 18px;margin-bottom: 10px;}
.gv1-5-2{grid-gap: 20px;}
.gv1-5-3{padding: 20px 15px;align-items: flex-start;}
.gv1-5-5{width: 44px;height: 44px;margin-right: 18px;padding: 12px;}
.gv1-6-1{grid-template-columns: auto;margin-top: 20px;}
.gv1-6-2{padding: 20px;}
.gv1-6-2 ._card ._content{margin-top: 16px;}
.gv1-7{margin: 0 -16px;padding: 25px 16px;}
.gv1-7-1{grid-gap: 30px;}
.gv1-7-4{padding: 20px 15px;}
.gv1-7-5{overflow: hidden;margin: 10px 0;padding: 20px 15px;}
.gv1-7-5::before{right: -45px;}
.gv1-7-6{font-size: 14px;text-align: center;}
.gv1-7-7{align-items: flex-start;}
.gv1-7-8{margin-top: 25px;}
.gv1-7-8 .gv1-7-12{font-size: 18px;}
.gv1-7-9{margin-top: 15px;}
.gv1-7-20{grid-template-columns: auto;margin-top: 20px;}
.gv1-7-21{margin-top: 25px;}
.gv1-8{margin-top: 35px;}
.gv1-8-1{grid-template-columns: 1fr 1fr;}
.gv1-8-3{height: 30px;}
.gv1-8-4{font-size: 13px;margin-top: 10px;}
.gv1-9-1{margin-top: 20px;grid-template-columns: auto;grid-template-areas: "a1" "a2" "a3" "a4" "a5" "a6" "a7" "a8";}
.gv1-9-2{font-size: 18px;margin-bottom: 5px;}
.gv1-9-5{font-size: 22px;margin: 20px 0 10px;}
.gv1-9-9{padding: 25px 20px 30px;}
.gv1-9-10{padding: 25px 20px;}
.gv1-9-10 ._card ._title{min-height: 0;}
.gv1-9-11{padding: 25px 20px;}
.gv1-9-11 ._card ._title{min-height: 0;}
.gv1-9-12{min-height: 0;padding-bottom: 15px;}
.gv1-9-12 img{height: 24px;}
.gv1-9-13{font-size: 15px;}
.gv1-10-1{margin-top: 25px;grid-template-columns: auto;}
.gv1-10-2{padding: 20px;}
}
.main-page {margin-bottom:20px;}
/* End */
/* Start:/bitrix/components/cherechukin/ipoteka.calc/templates/.default/style.css?17815466241276*/
.mortgagecalc {}
.mortgagecalc .bank {color:#000;width:100%;display:block;background:unset;padding:10px 0;font-size:17px;border-bottom:1px solid #000;-webkit-appearance:auto;-moz-appearance:auto;}
.mortgagecalc .programs.hide {display:none;}
.btn-calculation__name {padding-right:20px;}
.sliderlimit {position:relative;overflow:hidden;bottom:20px;color: #898989;}
.sliderlimit .left {float:left;}
.sliderlimit .right {float:right;}
.mortgagecalc .programs .program {position:relative;z-index: 10;}
.mortgagecalc .programs .program .question {border:1px solid #000;z-index: 20;position:absolute;top:5px;right:5px;width:20px;height:20px;text-align:center;border-radius:20px;}
.mortgagecalc .programs .program .question span {display:none;}
.mortgagecalc .programs .program.active .question {border:1px solid #fff;}
.mortgagecalc .programs .program:hover .question {border:1px solid #fff;}
.mortgagecalc .programs .program .question:hover {background:#fff;color:#259d56;}
.mortgagecalc .programs .program .calculation__name {font-size:16px;margin: 10px 0 0 0;}
.deposit_percent {text-align:right;padding-right:10px !important;}
.mortgagecalc .price.error,
.mortgagecalc .deposit.error,
.mortgagecalc .deposit_percent.error,
.mortgagecalc .time.error {background: #ffe7e7}
/* End */
/* Start:/bitrix/components/cherechukin/seo/templates/.default/style.css?1781546624890*/
.cherechukinseo {padding:50px 0;}
.cherechukinseo .chefield {margin-bottom:25px;}
.cherechukinseo .chefield .chelabel {font-weight:bold;margin-bottom:5px;}
.cherechukinseo .chefield .cheinp {background:#fff;border:1px solid #000;display:block;padding:9px;position:relative;}
.cherechukinseo .chefield .cheinp span {display:block;}
.cherechukinseo .chefield .cheinp span input {background:none;border:none;display:block;width:100%;font-size:18px;}
.cherechukinseo .chefield input[type="checkbox"] {-moz-appearance: auto;-webkit-appearance: auto;}
.cherechukinseo .chefield .chehint {font-size:14px;color:#999;}
.cherechukinseo .chebtn {display:inline-block;padding:10px 15px;background:#000;color:#fff !important;text-decoration:none !important;position:relative;text-align:center;font-size:15px;border: none;line-height:20px;cursor:pointer;}
.cherechukinseo .chebtn:hover {background:#333;}
/* End */
/* Start:/bitrix/templates/v2.0/static/css/footer-230614.css?17815466272023*/
@charset "UTF-8";
.footer{padding: 0;}
.footer-logo{margin-top: 0;}
.footer .social{margin: 0 -6px;}
.footer .social_item,
.footer .social_item:last-child{margin: 0 6px;}
.bottomnav{padding: 40px 0;overflow: hidden;}
.bottomnav-row{display: flex;align-items: flex-start;justify-content: space-between;margin: 0 -30px;}
.bottomnav-column{margin: 0 30px;flex: 1;}
.bottomnav-caption{font-weight: 500;}
.bottomnav-list{margin-top: 15px;}
.bottombar{border-top: 1px solid rgba(0,0,0,.1);margin: 0;display: block;padding: 10px 0;}
.bottombar-row{display: grid;grid-template-columns: 1fr auto 1fr;grid-gap: 40px;align-items: center;}
.bottombar-contacts{display: inline-grid;align-items: center;grid-gap: 25px;grid-auto-flow: column;}
.impressum{border-top: 1px solid rgba(0,0,0,.1);display: block;padding: 20px 0;}
.impressum-row{display: grid;grid-template-columns: 1fr auto 1fr;grid-gap: 40px;align-items: baseline;color: rgba(0,0,0,.5);font-size: 14px;font-weight: 300;}
.impressum-copyright,
.impressum-policy{white-space: nowrap;}
.impressum-policy{text-align: right;}
.impressum-policy a{color: #1b9e53;transition: color .15s;}
.impressum-policy a:hover{color: #1b9e53;}
@media screen and (max-width:1199.98px){
.bottomnav-row{margin: 0 -20px;}
.bottomnav-column{margin: 0 20px;}
.bottomnav-list{font-size: 15px;}
}
@media screen and (max-width:799.98px){
.bottomnav{padding: 20px;}
.bottomnav-row{margin: -8px -20px;flex-wrap: wrap;justify-content: center;}
.bottomnav-column{flex: initial;margin: 8px 20px;}
.bottomnav-caption{font-size: 13px;}
.bottomnav-list{display: none;}
.impressum-row{grid-template-columns: auto;grid-gap: 20px;text-align: center;}
.impressum-policy{text-align: center;}
}
@media screen and (max-width:599.98px){
.bottombar-row{grid-template-columns: auto;grid-gap: 20px;justify-content: center;}
.footer-logo{display: flex;justify-content: center;}
.bottombar-cell{display: flex;justify-content: center;}
}
/* End */
/* Start:/bitrix/components/cherechukin/v2.catalog.detail.options.popup/templates/.default/style.css?1781546624143*/
.compare-type_price-name {font-size:12px;font-weight:normal;}
.compare-type_price {margin-top:10px;}
.compare-type_price.mortgage {color:#666;}
/* End */
/* Start:/bitrix/components/cherechukin/v2.catalog.detail.popup/templates/.default/style.css?1781546624455*/
.optionsitem {margin-bottom:20px;}
.optionsitem .aside-modal-form_row.mortgage {color:#666;}
.itemoptionslist {display:none;}
.itemoptionslist.active {display:block;}
.itemoptionslist .aside-modal-subtitle {margin:40px 0 20px;}
.optionitem .rub {margin-left:10px;}
.aside-modal-form_cell.desk {text-align: right;}
.aside-modal-form_cell .dib {display:inline-block;vertical-align: middle;}
.aside-modal-form_cell .dib.aside-modal-gift {margin-left:10px;}
/* End */
/* Start:/bitrix/templates/v2.0/styles.css?178154662710545*/
.tag__label {background-color: #ee7633;}
.text_preview {line-height:1.3;}
.text_preview .more-link {color:#1b9e53;text-decoration:underline;}
.text_preview .more-link:hover {text-decoration:none;}
.text_preview .less-link {color:#1b9e53;text-decoration:underline;}
.text_preview .less-link:hover {text-decoration:none;}
.links {margin-top:30px;line-height: 1.5;}
.links a {color:#1b9e53;text-decoration:underline;}
.links a:hover {text-decoration:none;}
.text_detail {margin-top:30px;}
.text_detail img {max-width:100%;width:unset !important;height:unset !important;margin:0 auto 30px auto;}
.text_detail iframe {margin:0 auto 30px auto;width:100% !important;height:unset !important;aspect-ratio:16/9;}
.text_detail p {margin:0 0 30px 0 !important;}
.text_detail h2 {font-size:35px;font-weight:500;margin-bottom:30px}
.text_detail h3 {font-size:30px;font-weight:500;margin-bottom:30px}
.text_detail ul {margin:0 0 30px 0 !important;padding:0;list-style-type:none;}
.text_detail ul li {margin-top:0;position:relative;padding-left:20px;font-size:16px;line-height:120%;}
.text_detail ul li:not(:last-child) {margin-bottom:15px;}
.text_detail ul li:before {content:"";position:absolute;top:8px;left:0;background: #259D56;width:7px;height:7px;border-radius:7px;}
.text_detail ol {margin:0 0 30px 15px !important;padding:0;}
.text_detail ol li {list-style:decimal !important;margin-top:0;position:relative;padding-left:5px;font-size:16px;line-height:120%;}
.text_detail ol li:not(:last-child) {margin-bottom:15px;}
.text_detail table {width: 100%;margin:0 0 30px 0 !important;border:1px solid #dddddd;border-collapse:collapse;}
.text_detail table th {font-weight:bold;padding:5px;background:#efefef;border:1px solid #dddddd;}
.text_detail table td {border:1px solid #dddddd;padding:5px;}
.text_detail a {color:#1b9e53;text-decoration:underline;}
.text_detail a:hover {text-decoration:none;}
.faqnojs {margin-top:30px;}
.faqnojs h2 {font-size: 33px;font-weight: 500;line-height: 1.2;margin-bottom: 40px;}
.faqnojs-content{display: grid;grid-gap: 16px;}
.faqnojs-expand{display: flex;flex-direction: column;}
.faqnojs-expand-header{display: flex;align-items: center;cursor: pointer;}
.faqnojs-expand-header-title{font-size: 22px;line-height: 1.35;font-weight: 500;}
.faqnojs-expand-header-title ._text{border-bottom: 2px solid #259D56;}
.faqnojs-expand-header-icon{width: 40px;height: 40px;background-color: #259D56;color: #fff;border-radius: 50%;flex: none;margin-right: 20px;position: relative;}
.faqnojs-expand-header-icon::before,
.faqnojs-expand-header-icon::after{content: "";width: 14px;height: 2px;background-color: currentColor;margin: -1px 0 0 -7px;transition: transform .5s;position: absolute;top: 50%;left: 50%;}
.faqnojs-expand-header-icon::before{transform: rotate(90deg);}
.faqnojs-expand-header-icon::after{}
.faqnojs-expand-text{margin-left: 60px;padding: 15px 0; line-height: 1.3;display: none;}
.faqnojs-expand[open] .faqnojs-expand-text{display: block;}
.faqnojs-expand[open] .faqnojs-expand-header-title ._text{border-bottom-color: transparent;}
.faqnojs-expand[open] .faqnojs-expand-header-icon::before{transform: rotate(-180deg);}
.faqnojs-expand[open] .faqnojs-expand-header-icon::after{transform: rotate(180deg);}
@media screen and (max-width: 1023.98px) {
.faqnojs-content-caption{font-size: 20px;margin-bottom: 16px;}
.faqnojs-expand-header-icon{width: 24px;height: 24px;margin-right: 12px;}
.faqnojs-expand-header-icon::before,
.faqnojs-expand-header-icon::after{width: 10px;margin-left: -5px;}
.faqnojs-expand-header-title{font-size: 17px;}
.faqnojs-expand-text{font-size: 14px;margin-left: 36px;padding: 10px 0;}
}
.faqnojs-expand-text a {color:#259D56;}
.faqnojs-expand-text a:hover {text-decoration:underline;}
.kuki {
background: rgba(28,28,28,1);
display: block;
position: fixed;
left: 10px;
bottom: 10px;
max-width: 600px;
padding: 10px;
font-weight: 300;
font-size: 12px;
line-height: 1.3;
border-radius: 5px;
z-index: 100;
color: #ffffff!important;
}
.kuki .txt a {color:#1b9e53 !important;text-decoration:none;}
.kuki .btns {margin-top:10px;}
@media (max-width:767px) {
.kuki {
left: 0;
bottom: 0;
width: auto;
right: 0;
border-radius: 0;
}
.kuki .btns {
gap: 10px;
margin-top:10px;
}
}
.gv1-4-2 .title h1 {max-width:590px;}
.construct-video-grid .construct-video-player .review-video {height: 300px;}
@media screen and (max-width:1023.98px){
.construct-video-grid .construct-video-player .review-video {height:unset;aspect-ratio:100/50;}
}
.agreement {border-top: 1px solid rgba(0,0,0,.1);text-align: center;display: block;padding: 20px 0;color: rgba(0,0,0,.5);font-size: 14px;font-weight: 300;}
.agreement a{color: #1b9e53;transition: color .15s;}
.agreement a:hover{color: #1b9e53;}
::selection {
background: #1b9e53;
color:#fff;
}
::-moz-selection {
background: #1b9e53;
color:#fff;
}
.popup .formbox-note {text-align:center;}
.footer-logo img {max-width:170px}
.catalogpanel {display: flex;justify-content:space-between;align-items:center;margin-bottom:16px;}
.catalogpanel .sort {margin-bottom:0;}
@media screen and (max-width: 1023.98px)
{
.catalogpanel .view {display:none;}
}
@media screen and (min-width: 1024px)
{
.catalog.grid_2 {grid-gap:12px 16px;grid-template-columns: repeat(2, 1fr);margin-top:32px;}
}
.formattxt {}
.formattxt h2 {font-weight:500;font-size:33px;line-height:39px;margin:0 0 20px 0 !important;}
.formattxt p {font-size:16px;line-height:23px;margin:0 0 20px 0 !important;}
.formattxt ul {margin:0 0 20px 0 !important;}
.formattxt ul li {margin-top:0;position:relative;padding-left:40px;font-size:16px;line-height:120%;}
.formattxt ul li:not(:last-child) {margin-bottom:15px;}
.formattxt ul li:before {content:"";position:absolute;top:8px;left:19px;background: #259D56;width:7px;height:7px;border-radius:7px;}
.formattxt .blockquote {
position:relative;
overflow:hidden;
padding:22px 38px;
padding-right:99px;
font-weight:300;
font-size:18px;
line-height:23px;
border-left:3px solid #259D56;
background-color:#F5F6F6;
background-image:url("/bitrix/templates/v2.0/static/blog/img/svg/article-decor.svg");
background-size:cover;
background-repeat:no-repeat;
background-position:-50%;
margin: 0 0 20px 0;
}
.card-live {position:absolute;top:16px;right:0;z-index:1;}
.card-live .tag {background-color:#fff;color:red;border-radius: 3px 0 0 3px;}
.card-live .tag_icon {background:red;width:10px;height:10px;border-radius:10px;animation-name: blinker;animation-iteration-count: infinite;animation-timing-function: cubic-bezier(1.0,0,0,1.0);animation-duration: 2s;-webkit-animation-name: blinker;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);-webkit-animation-duration: 2s; }
@keyframes blinker {from { opacity: 1.0; }to { opacity: 0.0; }}
@-webkit-keyframes blinker {from {opacity: 1.0;}to{opacity:0.0;}}
.mortage-form__wrapper {padding-top:80px !important;padding-bottom:90px !important;}
.rezult-calculation__price {display: block;}
.rezult-calculation__catalog {display:inline-block;}
.main-ui .noUi-horizontal .noUi-handle {right:-9px;}
.main-question .drop-text__name {margin:0;}
.tabs-object__btn {margin:0;}
.tabs-object__list {margin:0;}
.tabs-object__price.hide {display:none;}
.base-form__item p {margin:0;}
.filter-new {margin:48px 0 56px;}
.filter-new li {margin:0;}
.filter-new__label.active .filter-new__value {background:#259d56;color:#fff;}
.filter-option.active .filter-value {background-color:#1b9e53;border-color:#1b9e53;color:#fff;}
.tabs-object__label.active .tabs-object__value {background:#259d56;color:#fff;}
.project_title a {color:#000;}
.project_title:hover a {color:#fff;}
.seobox-content h2 {font-size:35px;font-weight:500;margin-bottom:5px;}
.seobox-content h3 {font-size:30px;font-weight:500;margin-bottom:5px;}
.seobox-content h4 {font-size:25px;font-weight:500;margin-bottom:5px;}
.seobox-content ul {margin-left:20px;}
.seobox-content ul li {list-style:disc !important;}
.compare-type_name {font-size: 14px;}
.bottom-nav_col_list {margin-top:unset;}
.saitmessage {background-color:#ee7633;color:#fff;padding:10px;text-align:center;}
.topbar-logo .logo img {max-width:195px;padding-bottom:15px;}
@media screen and (max-width: 1023.98px)
{
.topbar-logo .logo img {padding-bottom:unset;}
}
iframe {border:none;}
.address-map-office_parking {font-size:16px;font-weight:300;margin-top:25px;}
.novyyformatraboty .order-steps {background-image: unset;}
.searchbox-mobile {position:relative;z-index:10;}
.padtop32 {padding-top:32px;}
.padtopminus4 {margin-top:-4px;}
.title__22px {font-size:22px;margin-bottom:24px;}
.seotext {margin: 40px auto 60px auto;}
.seotext ul {margin-left:15px;}
.seotext ul li {list-style: disc;}
.page-arr_icon:first-child {transform:scale(-1,1);}
#headroom .wrapper {position:relative;z-index:10;}
#headroom .menu {position:relative;z-index:1;}
.header {z-index:10;}
.header, .headroom {overflow: unset;}
.searchbox-field {overflow: unset;}
.searchinput {width:100%;}
.searchinput .autocomplete {display:none;background:#fff;box-shadow:0 15px 15px #cccccc;border-left:1px solid #cccccc;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;}
.searchinput .autocomplete .item {padding:10px;border-top:1px solid #cccccc;cursor:pointer;}
.searchinput .autocomplete .item:hover {background:#1b9e53;color:#fff;}
.searchinput .autocomplete .item img {display:inline-block;vertical-align:middle;margin-right:10px;}
.searchinput .autocomplete .item span {display:inline-block;vertical-align:middle;}
.headroom .topbar .searchinput .autocomplete {visibility:hidden;}
.headroom.headroom--pinned .topbar.searchbox-opened .searchinput .autocomplete {visibility:unset;}
.page-arr {margin-right:28px;}
.more {margin: 44px auto 0 auto;}
.paging-nav {margin-top:44px;}
@media only screen and (min-width: 1px) and (max-width: 1023.98px)
{
.comparetype {cursor:pointer;}
.comparetype_active {background:#1b9e53;color:#fff;}
.comparesection_hide {display:none;}
.compareitem_hide {display:none;}
}
.blur {-webkit-filter: blur(5px);-moz-filter: blur(5px);-o-filter: blur(5px);-ms-filter: blur(5px);filter: blur(5px);position: relative;}
.blur:after {content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;}
.notice {display:none;background:#000;color:#fff;box-shadow:0 0 5px #666;width:245px;padding:20px;border-radius:5px;position:fixed;top:10px;left:10px;z-index:9999999;opacity: 0.9;}
/* End */
/* /bitrix/templates/v2.0/static/css/main.css?178154662770892 */
/* /bitrix/templates/v2.0/static/css/main2.css?178154662737887 */
/* /bitrix/templates/v2.0/static/css/main3.css?178154662728232 */
/* /bitrix/templates/v2.0/static/css/header.css?178154662719781 */
/* /bitrix/components/cherechukin/message/templates/.default/style.css?1781546624400 */
/* /bitrix/templates/.default/components/bitrix/menu/v2.head_mobile/style.css?1781546627134 */
/* /bitrix/templates/.default/components/bitrix/menu/v2.head/style.css?1781546627125 */
/* /bitrix/templates/v2.0/static/blog/css/blog.css?1781546628110486 */
/* /bitrix/templates/v2.0/static/css/gv230611.css?178154662720301 */
/* /bitrix/components/cherechukin/ipoteka.calc/templates/.default/style.css?17815466241276 */
/* /bitrix/components/cherechukin/seo/templates/.default/style.css?1781546624890 */
/* /bitrix/templates/v2.0/static/css/footer-230614.css?17815466272023 */
/* /bitrix/components/cherechukin/v2.catalog.detail.options.popup/templates/.default/style.css?1781546624143 */
/* /bitrix/components/cherechukin/v2.catalog.detail.popup/templates/.default/style.css?1781546624455 */
/* /bitrix/templates/v2.0/styles.css?178154662710545 */