/* Start:/bitrix/templates/mkws/fonts/stylesheet.css?17732332773409*/
@font-face {
font-family: "Gilroy";
src: url("/bitrix/templates/mkws/fonts/Gilroy-ExtraBold.eot");
src:
local("Gilroy ExtraBold"),
local("Gilroy-ExtraBold"),
url("/bitrix/templates/mkws/fonts/Gilroy-ExtraBold.eot?#iefix") format("embedded-opentype"),
url("/bitrix/templates/mkws/fonts/Gilroy-ExtraBold.woff") format("woff");
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gilroy";
src: url("/bitrix/templates/mkws/fonts/Gilroy-Heavy.eot");
src:
local("Gilroy Heavy"),
local("Gilroy-Heavy"),
url("/bitrix/templates/mkws/fonts/Gilroy-Heavy.eot?#iefix") format("embedded-opentype"),
url("/bitrix/templates/mkws/fonts/Gilroy-Heavy.woff") format("woff");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gilroy";
src: url("/bitrix/templates/mkws/fonts/Gilroy-SemiBold.eot");
src:
local("Gilroy SemiBold"),
local("Gilroy-SemiBold"),
url("/bitrix/templates/mkws/fonts/Gilroy-SemiBold.eot?#iefix") format("embedded-opentype"),
url("/bitrix/templates/mkws/fonts/Gilroy-SemiBold.woff") format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gilroy";
src: url("/bitrix/templates/mkws/fonts/Gilroy-Light.eot");
src:
local("Gilroy Light"),
local("Gilroy-Light"),
url("/bitrix/templates/mkws/fonts/Gilroy-Light.eot?#iefix") format("embedded-opentype"),
url("/bitrix/templates/mkws/fonts/Gilroy-Light.woff") format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gilroy";
src: url("/bitrix/templates/mkws/fonts/Gilroy-Regular.eot");
src:
local("Gilroy Regular"),
local("Gilroy-Regular"),
url("/bitrix/templates/mkws/fonts/Gilroy-Regular.eot?#iefix") format("embedded-opentype"),
url("/bitrix/templates/mkws/fonts/Gilroy-Regular.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gilroy";
src: url("/bitrix/templates/mkws/fonts/Gilroy-Medium.eot");
src:
local("Gilroy Medium"),
local("Gilroy-Medium"),
url("/bitrix/templates/mkws/fonts/Gilroy-Medium.eot?#iefix") format("embedded-opentype"),
url("/bitrix/templates/mkws/fonts/Gilroy-Medium.woff") format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gilroy";
src: url("/bitrix/templates/mkws/fonts/Gilroy-UltraLight.eot");
src:
local("Gilroy UltraLight"),
local("Gilroy-UltraLight"),
url("/bitrix/templates/mkws/fonts/Gilroy-UltraLight.eot?#iefix") format("embedded-opentype"),
url("/bitrix/templates/mkws/fonts/Gilroy-UltraLight.woff") format("woff");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gilroy";
src: url("/bitrix/templates/mkws/fonts/Gilroy-Bold.eot");
src:
local("Gilroy Bold"),
local("Gilroy-Bold"),
url("/bitrix/templates/mkws/fonts/Gilroy-Bold.eot?#iefix") format("embedded-opentype"),
url("/bitrix/templates/mkws/fonts/Gilroy-Bold.woff") format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gilroy";
src: url("/bitrix/templates/mkws/fonts/Gilroy-Thin.eot");
src:
local("Gilroy Thin"),
local("Gilroy-Thin"),
url("/bitrix/templates/mkws/fonts/Gilroy-Thin.eot?#iefix") format("embedded-opentype"),
url("/bitrix/templates/mkws/fonts/Gilroy-Thin.woff") format("woff");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gilroy";
src: url("/bitrix/templates/mkws/fonts/Gilroy-Black.eot");
src:
local("Gilroy Black"),
local("Gilroy-Black"),
url("/bitrix/templates/mkws/fonts/Gilroy-Black.eot?#iefix") format("embedded-opentype"),
url("/bitrix/templates/mkws/fonts/Gilroy-Black.woff") format("woff");
font-weight: 900;
font-style: normal;
font-display: swap;
}
/* End */
/* Start:/bitrix/templates/mkws/jquery.fancybox.min.css?168975029312588*/
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;;padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;}.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) max(25px)}.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);padding-right:max(12px)}}}.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)}}
/* End */
/* Start:/bitrix/templates/mkws/slick-theme.css?17407225193668*/
@charset 'UTF-8';
/* Slider */
/* .slick-loading .slick-list
{
background: #fff url('/bitrix/templates/mkws/./ajax-loader.gif') center center no-repeat;
} */
/* Arrows */
.slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
}
/* Dots */
.slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
left: 0;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 10px;
height: 10px;
padding: 0;
margin-right: 10px;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 15px;
height: 15px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 12px;
height: 12px;
content: '';
text-align: center;
background: #F2F2F2;
border-radius: 50%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
background: #2F2D9A;
}
.slick-prev,.slick-next {
width: 69px;
height: 28px;
position: absolute;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
z-index: 2;
}
.slick-prev:before,.slick-next:before {
content: "";
width: 69px;
height: 28px;
background: url(/bitrix/templates/mkws/../../images/arrow-r.svg)center left no-repeat;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
opacity: 1;
}
.slick-prev:before {
transform: translate(-50%,-50%) rotate(180deg);
}
.slick-prev:hover, .slick-next:hover,
.slick-prev:focus,.slick-next:focus {
}
.slick-prev:hover:before, .slick-next:hover:before {
background: url(/bitrix/templates/mkws/images/arrowRight.svg)center no-repeat;
}
@media (max-width: 1200px) {
.slick-prev
{
left: 0;
}
.slick-next
{
right: 0;
}
}
/* End */
/* Start:/bitrix/templates/mkws/slick.css?17407225181758*/
/* Slider */
.slick-slider
{
position: relative;
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;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
}
.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: block;
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;
float: left;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
margin: auto;
}
.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;
}
/* End */
/* Start:/bitrix/templates/mkws/rbrucustom.css?178092939421024*/
.white_color {
color: #ffffff;
}
.btn {
font-size: 18px;
font-weight: 700;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 11px 30px;
cursor: pointer;
-webkit-transition: background-color .25s, color .25s, -webkit-transform .25s;
transition: background-color .25s, color .25s, -webkit-transform .25s;
-o-transition: background-color .25s, color .25s, transform .25s;
transition: background-color .25s, color .25s, transform .25s;
transition: background-color .25s, color .25s, transform .25s, -webkit-transform .25s;
text-align: center;
text-decoration: none;
color: #fff;
border: none;
border-radius: 10px;
background: #7b7cff
}
.btn:hover {
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
background-color: #011054
}
.btn:focus {
background-color: #011054
}
.btn:disabled {
opacity: .4
}
*,
:after,
:before {
font-family: Gilroy, Arial;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
body {
font-family: Gilroy, Arial;
font-size: 16px;
font-weight: 400;
line-height: 175%;
margin: 0;
color: #151515
}
.bg-color {
background-color: #f4f6fa
}
.maxwidth-theme {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
max-width: 1170px;
margin: auto
}
.p-0-15 {
padding: 0 15px
}
.s-title {
font-size: 48px;
font-weight: 600;
line-height: 1.2;
margin-top: 0;
margin-bottom: 25px;
text-transform: uppercase
}
.s-title span {
color: #7b7cff
}
img {
max-width: 100%
}
ul.decor {
font-size: 18px;
font-weight: 600;
margin: 0;
padding-left: 0;
list-style-type: none
}
ul.decor li {
position: relative;
padding-left: 34px
}
ul.decor li:not(:last-child) {
margin-bottom: 20px
}
ul.decor li::before {
position: absolute;
top: 0;
left: 0;
width: 24px;
height: 24px;
content: '';
background-image: url(/bitrix/templates/mkws/images/template/ul-li-decore.svg);
background-size: cover
}
.bg-w {
background-color: #fff
}
.brs-d {
border-radius: 30px 30px 0 0
}
.section-box {
padding-top: 120px;
padding-bottom: 120px
}
.section-box> :first-child {
margin-top: 0
}
.section-box> :last-child {
margin-bottom: 0
}
.form-home {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 7px
}
.form-home input[type=text] {
min-width: 277px;
height: 76px;
padding-right: 17px;
padding-left: 17px;
border: none;
border-radius: 10px;
background-color: #fff
}
.form-home .btn {
font-size: 18px;
font-weight: 600;
padding: 15px 30px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.form-footer {
display: block;
width: 100%
}
.form-footer a {
text-decoration: underline;
color: #fff
}
.hero {
min-height: 710px;
padding-top: 130px;
padding-bottom: 130px;
color: #fff;
background-color: #090909;
background-image: url(/bitrix/templates/mkws/images/template/hero-bg.webp);
background-position: center;
background-size: cover
}
.hero-box {
max-width: 630px
}
.hero-title {
font-size: 48px;
font-weight: 600;
line-height: 1.2;
margin-bottom: 15px;
text-transform: uppercase
}
.hero-descr {
font-size: 20px;
font-weight: 500;
line-height: 140%;
max-width: 550px;
margin-bottom: 40px
}
.advantages-new {
width: 100%;
}
.advantages-new .s02-item {
min-height: auto;
padding: 25px 25px;
}
.advantages-new .s02-box {
grid-template-columns: 1fr 1fr;
}
.advantages-new .s02-item__title {
max-width: 100%;
}
.advantages-new .s02-item__descr {
max-width: 100%;
}
@media (max-width: 768px) {
.advantages-new .s02-box {
grid-template-columns: 1fr;
}
}
@media (max-width: 480px) {
.p-0-15.advantages-new {
padding: 0;
}
.advantages-new .s02-item__icon {
position: static;
}
}
.s02 {
margin-top: 120px;
margin-bottom: 120px
}
.s02 .s-title {
max-width: 915px;
margin-bottom: 55px
}
.s02-box {
display: grid;
gap: 20px;
grid-template-columns: 1fr 1fr 1fr
}
.s02-item {
position: relative;
overflow: hidden;
min-height: 349px;
padding: 44px 33px;
border-radius: 10px;
background-color: #fff
}
.s02-item__icon {
width: 40px;
height: 40px;
margin-bottom: 11px
}
.s02-item__title {
font-size: 21px;
font-weight: 600;
line-height: 1.23;
max-width: 280px;
margin-bottom: 7px
}
.s02-item__descr {
font-size: 16px;
line-height: 1.18;
max-width: 240px;
color: #707070
}
.s02-item--bg {
background-image: url(/bitrix/templates/mkws/images/template/s02/bg.jpg);
background-position: center;
background-size: cover;
grid-column: span 2
}
.s03 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 120px;
margin-bottom: 120px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.s03 .s-title {
margin-bottom: 43px
}
.s03-col1 {
width: 44%
}
.s03-col1 img {
border-radius: 0 10px 10px 0
}
.s03-col2 {
width: 56%
}
.s03-box {
max-width: 661.2px;
padding-left: 78px
}
.s03-list {
margin: 0;
margin-bottom: 64px;
padding: 0;
list-style-type: none
}
.s03-list li:not(:last-child) {
border-bottom: 1px solid #d2d2d2
}
.s03-list a {
font-size: 20px;
font-weight: 600;
line-height: 1.25;
position: relative;
display: block;
padding-top: 34px;
padding-right: 50px;
padding-bottom: 28px;
-webkit-transition: .25s;
-o-transition: .25s;
transition: .25s;
text-decoration: none;
color: #2d2d43
}
.s03-list a:hover {
color: #7b7cff
}
.s03-list a:hover::after {
background-color: #7b7cff
}
.s03-list a::after {
position: absolute;
z-index: 1;
top: 50%;
right: 0;
width: 36px;
height: 35px;
content: '';
-webkit-transition: .25s;
-o-transition: .25s;
transition: .25s;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 50%;
background-color: #2d2d43;
background-image: url(/bitrix/templates/mkws/images/template/list-item-arrow.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 16px 16px
}
.s04 {
overflow: hidden;
padding-top: 138px;
padding-bottom: 120px
}
.s04 .s-title {
margin-bottom: 6px;
padding-top: 64px;
padding-left: calc(37.72% + 95px)
}
.s04--revers {
min-height: 860px;
padding-top: 98px
}
.s04--revers .s-title {
padding-right: calc(37.72% + 95px);
padding-left: 0
}
.s04-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.s04-img {
position: absolute;
float: left;
width: 37.72%;
padding-top: 60px;
padding-right: 60px;
text-align: right
}
.s04--revers .s04-img {
position: absolute;
right: 0;
padding-top: 130px;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.s04--revers .s04-img::after {
top: 70px
}
.s04-img img {
position: relative;
z-index: 2;
overflow: hidden;
border-radius: 10px
}
.s04-img::after {
position: absolute;
z-index: 1;
top: 0;
right: 0;
width: 250px;
height: 250px;
content: '';
border-radius: 10px;
background-color: #7b7cff
}
.s04-text {
font-size: 18px;
line-height: 1.4;
padding-left: calc(37.72% + 95px)
}
.s04--revers .s04-text {
overflow: hidden;
padding-right: calc(37.72% + 95px);
padding-left: 0
}
.quote {
font-size: 22px;
font-weight: 500;
line-height: 1.4;
position: relative;
margin-top: 19px;
margin-bottom: 19px;
padding-left: 15px
}
.quote::after {
position: absolute;
top: 0;
left: 0;
width: 4px;
height: 100%;
content: '';
border-radius: 4px;
background-color: #7b7cff
}
.numbers {
margin-top: 77px
}
.numbers-item {
font-size: 70px;
font-weight: 600;
line-height: 1;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center
}
.numbers-item:not(:last-child) {
margin-right: 220px
}
.numbers-item span {
font-size: 18px;
font-weight: 500;
line-height: 1.2222;
display: block;
margin-top: 5px
}
.s05 {
padding-top: 93px;
padding-bottom: 105px;
color: #fff;
background-position: center;
background-size: cover
}
.s05-box {
padding: 67px 60px 64px 60px;
border-radius: 10px;
background: rgba(255, 255, 255, .1);
-webkit-box-shadow: inset -1px -1px 1px rgba(255, 255, 255, .12), inset 1px 1px 1px rgba(255, 255, 255, .42);
box-shadow: inset -1px -1px 1px rgba(255, 255, 255, .12), inset 1px 1px 1px rgba(255, 255, 255, .42);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px)
}
.s05-box .s-title {
max-width: 966px;
margin-bottom: 12px
}
.s05-box .s05-decr {
font-size: 18px;
font-weight: 500;
line-height: 1.4;
max-width: 620px;
margin-top: 12px;
margin-bottom: 27px
}
.s07 {
padding-top: 78px;
padding-bottom: 78px;
text-align: center
}
.s07 .s-title {
margin-bottom: 40px
}
.s08 {
margin-top: 120px;
margin-bottom: 120px
}
.s08-box {
padding: 50px;
color: #fff;
border-radius: 10px;
background-color: #7b7cff;
background-image: url(/bitrix/templates/mkws/images/template/s08/bg.png);
background-repeat: no-repeat;
background-position: right center;
background-size: auto 100%
}
.s08-box .s-title {
max-width: 600px
}
.s08-box a {
color: #fff
}
.s08-form p {
font-size: 18px;
font-weight: 600;
width: 100%
}
.s08-form p a {
text-decoration: none
}
.s08-btn {
background-color: #011054
}
.s09 {
margin-top: 120px;
margin-bottom: 120px
}
.s09 .s-title {
margin-top: 50px;
margin-bottom: 60px
}
.s09-box {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px
}
.s09-info {
width: 368px
}
.s09-btn {
position: absolute;
top: 200px;
left: 0
}
.s09-img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: calc(100% - 368px - 20px);
gap: 16px
}
.s09-img a {
line-height: 0;
display: block;
width: calc((100% - 48px + 16px) / 3)
}
.s09-img img {
overflow: hidden;
width: 100%;
height: auto;
border-radius: 10px
}
.s10 {
margin-top: 120px;
margin-bottom: 120px
}
.s10 .s-title {
margin-bottom: 40px
}
.s10 .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.s10 .slick-track .slick-slide {
font-size: 0;
line-height: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 10px;
margin-left: 10px;
padding: 15px;
border-radius: 10px;
background-color: #fff;
gap: 10px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.s10 .slick-dots {
bottom: -40px
}
.s10 .slick-dots li {
margin-top: 2px
}
.s10 .slick-dots li button:before {
width: 8px;
height: 8px;
background-color: #011054
}
.s10 .slick-dots li.slick-active button:before {
background-color: #7b7cff
}
.s10-sl__item img {
max-width: 100%;
max-height: 100%
}
@media (max-width: 1200px) {
.s04 .s-title {
padding-top: 0
}
}
@media (max-width: 992px) {
.s-title {
font-size: 36px
}
.hero-title {
font-size: 36px
}
.s03 .s-title {
margin-bottom: 23px
}
.s03-box {
padding-left: 24px
}
.s03-list {
margin-bottom: 0
}
.s03-list a {
padding-top: 23px;
padding-bottom: 17px
}
.s03-btn {
display: none
}
.s04 .s-title {
padding-left: calc(37.72% + 36px)
}
.s04--revers {
min-height: 820px
}
.s04--revers {
min-height: 535px
}
.s04--revers .s-title {
padding-right: calc(37.72% + 36px);
padding-left: 0
}
.s04-img {
padding-top: 24px;
padding-right: 24px
}
.s04-text {
font-size: 16px;
padding-left: calc(37.72% + 36px)
}
.s04--revers .s04-text {
padding-right: calc(37.72% + 36px)
}
.quote {
font-size: 18px
}
.numbers {
margin-top: 35px
}
.numbers-item {
font-size: 34px
}
.numbers-item:not(:last-child) {
margin-right: 40px
}
.numbers-item span {
font-size: 16px
}
.s09-info {
width: 30%
}
.s09-btn {
top: 170px
}
.s09-img {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
}
@media (max-width: 768px) {
.s-title {
font-size: 24px
}
ul.decor {
font-size: 16px
}
.section-box {
padding-top: 40px;
padding-bottom: 40px
}
.form-home .PhoneBlock {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.form-home input[type=text] {
width: 100%;
min-width: auto
}
.form-home .btn {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.hero {
min-height: auto;
padding-top: 146px;
padding-bottom: 94px
}
.hero-box {
margin-right: auto;
margin-left: auto;
text-align: center
}
.hero-title {
font-size: 24px
}
.s02 {
margin-top: 40px;
margin-bottom: 40px
}
.s02 .s-title {
margin-bottom: 19px
}
.s02-box {
grid-template-columns: 1fr 1fr;
gap: 10px
}
.s02-item {
min-height: auto;
padding: 23px 14px
}
.s02-item__title {
font-size: 18px
}
.s02-item__title br {
display: none
}
.s02-item__descr {
font-size: 14px
}
.s02-item--bg {
display: none
}
.s03 {
margin-top: 40px;
margin-bottom: 40px
}
.s03 .s-title {
margin-bottom: 1px
}
.s03-col1 {
width: 100%;
margin-bottom: 29px
}
.s03-col1 img {
border-radius: 0
}
.s03-col2 {
width: 100%
}
.s03-box {
max-width: 100%;
padding-left: 0
}
.s03-list a {
font-size: 16px;
font-weight: 500
}
.s03-list a::after {
width: 29px;
height: 29px
}
.s04 {
padding-top: 40px;
padding-bottom: 40px
}
.s04--revers .s04-img {
padding-top: 24px
}
.s04--revers .s04-img::after {
top: 0
}
.s04-img::after {
width: 160px;
height: 160px
}
.s05 {
padding-top: 40px;
padding-bottom: 40px
}
.s05-box {
padding: 36px 26px 47px 26px
}
.s05-box .s05-decr {
font-size: 16px;
line-height: 1.3
}
.s07 {
padding-top: 46px;
padding-bottom: 46px
}
.s07 .s-title {
margin-bottom: 29px
}
.s08 {
margin-top: 40px;
margin-bottom: 40px
}
.s08-box {
padding: 39px 25px
}
.s08-box {
text-align: center;
background-image: none
}
.s08-box .s-title {
text-align: center
}
.s08-form p {
font-size: 16px
}
.s08-form p a {
display: block
}
.s09 {
margin-top: 40px;
margin-bottom: 40px
}
.s09 .s-title {
margin-top: 0;
margin-bottom: 0
}
.s09-box {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.s09-info {
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.s09-btn {
position: relative;
top: 0
}
.s09-img {
width: 100%
}
.s10 {
margin-top: 40px;
margin-bottom: 40px
}
.s10 .s-title {
margin-bottom: 16px
}
}
@media (max-width: 560px) {
.s04 .s-title {
padding-left: 0
}
.s04-img {
position: relative;
width: 100%
}
.s04--revers .s04-img {
position: relative;
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0
}
.s04-text {
width: 100%;
padding-top: 25px;
padding-left: 0
}
.s04--revers .s04-text {
padding-right: 0
}
}
@media (max-width: 480px) {
.s02-box {
grid-template-columns: 1fr
}
.s02-item {
padding-left: 60px
}
.s02-item__icon {
position: absolute;
top: 23px;
left: 14px;
width: 35px;
height: 35px
}
.s09-img a:nth-child(3) {
display: none
}
.s09-img a {
width: calc((100% - 32px + 16px) / 2)
}
}
.blog__main__container {
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
margin-top: 40px;
}
.blog__main__posts {
width: 100%;
display: flex;
flex-direction: column;
gap: 20px;
}
.s03-btn {
display: flex;
justify-content: center;
/* кнопка по центру */
}
.s03-btn a {
color: #fff;
}
.blog-posts__main {
margin-bottom: 70px;
}
@media (max-width: 839px) {
.blog__main__container {
margin-top: 10px;
}
.blog-posts__main {
margin-bottom: 20px;
}
}
.services {
padding: 0 15px;
}
.services__item {
min-height: auto;
}
.services__item-title {
max-width: 296px;
}
.services__item-descriptionBlock {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.services__item-price-wrapper {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
font-size: 30px;
font-weight: 500;
position: absolute;
height: auto;
right: 32px;
}
@media (max-width: 1082px) {
.services__item {
margin-bottom: 15px;
}
.services__item-title {
max-width: 100%;
}
.services__item-price-wrapper {
right: auto;
left: 32px;
bottom: 28px;
}
.services__item-info {
gap: 24px;
padding: 28px 32px 80px 32px;
}
.services__item-btn {
position: absolute;
left: auto;
right: 32px;
bottom: 28px;
}
}
@media (max-width: 850px) {
.services__item-price-wrapper {
font-size: 22px;
}
}
@media (max-width: 480px) {
.services__item-info {
gap: 24px;
padding: 20px 20px 80px 20px;
}
.services__item-price-wrapper {
right: auto;
left: 20px;
bottom: 20px;
}
.services__item-btn {
right: 20px;
bottom: 20px;
}
}
.services__item-price-wrapper small {
font-size: 24px;
line-height: 1;
margin: 0 2px;
font-weight: 500;
}
.services__item-price-wrapper small:first-child {
margin-right: 8px;
}
.services__item-price-wrapper small:last-child {
margin-left: 8px;
}
.BannerMain.BannerMain--service::before {
background-color: transparent;
}
@media(min-width: 1400px) {
.TxtBack .TxtBackBlock {
padding: 45px 74px 53px 74px;
}
.TxtBack .TxtBackBanner {
overflow: hidden;
}
.TxtBack .TxtBackBanner img {
min-height: 100%;
}
}
/* Lighthouse: contrast */
.s-title span {
color: #4a4ab8;
}
.NavigationItem a,
.NavigationItem span {
color: #595959;
}
/* Lighthouse: touch targets (min 48×48px) */
.socials__contact {
width: 48px;
height: 48px;
}
.MobileBtnMenu {
min-width: 48px;
min-height: 48px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.HeaderCall {
min-height: 48px;
padding-left: 12px;
padding-right: 12px;
}
.slick-prev,
.slick-next {
min-width: 48px !important;
min-height: 48px !important;
}
.slick-dots li button {
width: 48px;
height: 48px;
padding: 0;
}
.slick-dots li button:before {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* End */
/* Start:/bitrix/templates/mkws/components/bitrix/news.list/services/style.css?17809293942111*/
.services__container {
width: 100%;
max-width: 1142px;
margin: 0 auto;
}
.TopBlock.services__container {
max-width: 1206px;
padding: 0 32px;
}
.services__item {
text-decoration: none;
display: flex;
min-height: 270px;
margin-bottom: 32px;
color: #151515;
}
.services__item:hover {
color: #fff;
}
.services__item:hover .services__item-description {
color: #fff;
}
.services__item:hover .services__item-info {
background-color: #7B7CFF;
}
.services__item:hover .services__item-btn {
background: #fff;
}
.services__item:hover .services__item-btn svg path {
stroke: #7B7CFF;
}
.services__item-info {
background: #fff;
border-radius: 15px;
padding: 28px 32px;
display: flex;
flex-direction: column;
justify-content: space-between;
width: 667px;
position: relative;
z-index: 1;
margin-right: -32px;
}
.services__item-titleBlock {
display: flex;
justify-content: space-between;
}
.services__item-title {
font-size: 24px;
max-width: 317px;
font-weight: 700;
}
.services__item-btn {
width: 42px;
height: 42px;
border-radius: 50%;
background-color: #7B7CFF;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
}
.services__item-description {
font-size: 16px;
line-height: 19px;
font-weight: 500;
max-width: 436px;
color: #707070;
}
.services__item-image {
line-height: 0;
width: 100%;
max-width: 507px;
}
.services__item-image img {
border-radius: 15px;
width: 100%;
height: 270px;
object-fit: cover;
}
@media (max-width: 850px) {
.services__item {
flex-direction: column;
}
.services__item-info {
margin-right: 0;
width: 100%;
order: 1;
min-height: 228px;
margin-top: -25px;
}
.services__item-image {
width: 100%;
order: 0;
max-width: 100%;
}
.services__item-image img {
width: 100%;
height: 240px;
-o-object-fit: cover;
object-fit: cover;
}
.services__item-title {
font-size: 18px;
}
.services__item-titleBlock {
align-items: center;
margin-bottom: 10px;
}
.services__item-description {
font-size: 14px;
}
}
@media (max-width: 768px) {
.TopBlock {
margin-top: 20px;
}
}
/* End */
/* Start:/bitrix/templates/mkws/components/bitrix/news.detail/landing/style.css?178971031858067*/
.alert{
margin-top: 50px;
margin-bottom: 80px;
height: 109px;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
background-image: url('/images/alert-desktop.png');
background-repeat: no-repeat;
background-size: cover;
border-radius: 10px;
}
.alert-mobile{
display: none;
}
.alert__br{
display: none;
}
.alert__text{
margin: 0;
padding: 0;
font-family: Gilroy;
font-size: 24px;
font-weight: 600;
line-height: 29.4px;
text-align: center;
color: #FFFFFF;
}
@media screen and (max-width: 820px){
.alert-desktop{
display: none;
}
.alert-mobile{
display: flex;
}
.alert__br{
display: inline;
}
.alert{
background-image: url('/images/alert-mobile.png');
margin-top: 27px;
margin-bottom: 27px;
}
.alert__text{
font-size: 18px;
font-weight: 600;
line-height: 22.05px;
text-align: center;
}
}
.BannerMain {
height: 605px;
display: flex;
color: #fff;
position: relative;
margin-top: -75px;
width: 100%;
background-size: cover!important;
padding-top: 75px;
}
.BannerMain--responsive-bg {
background-image: var(--banner-bg-mobile);
background-position: center;
background-repeat: no-repeat;
}
@media (min-width: 768px) {
.BannerMain--responsive-bg {
background-image: var(--banner-bg-desktop);
}
}
.BannerMain > .maxwidth-theme {
position: relative;
z-index: 4;
}
.BannerMain h1,
.TopBlock h1 {
font-weight: bold;
font-size: 48px;
line-height: 58px;
text-align: center;
}
.BannerMain h1 {
text-align: start;
}
.BannerMain:before {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.85);
z-index: 2;
}
.BannerMainBack {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-size: cover!important;
/*filter: grayscale(1);*/
}
.NotBlack .BannerMainBack {
filter: none;
}
.NotBlack.BannerMain:before {
display: none;
}
.TopBlock h1 {
text-align: left;
}
.NavigationBlock {
position: absolute;
top: 80px;
width: 100%;
left: 0;
z-index: 2;
}
.TopBlock .NavigationBlock {
position: relative;
top: 0;
}
.TopBlock .NavigationItem a {
color: #595959;
}
.TopBlockB.TxtBack {
/*background-size: auto calc(100% - 190px)!important;*/
/*background-position-y: bottom!important;*/
}
.Sections {
display: flex;
width: 100%;
position: relative;
margin-top: -90px;
z-index: 3;
margin-bottom: 60px;
}
.SectionsList {
display: flex;
flex-flow: row wrap;
padding: 0 4px;
}
.SectionsElement {
width: 20%;
padding: 11px;
display: flex;
}
.SectionsElement a {
background: #FFFFFF;
padding: 20px;
font-weight: bold;
font-size: 16px;
line-height: 19px;
color: #151515;
text-decoration: none;
display: flex;
justify-content: center;
transition: background-color 0.5s;
width: 100%;
min-height: 100px;
text-align: center;
box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.08);
border-radius: 0px 20px;
flex-flow: row wrap;
align-items: center;
}
.SectionsElement a > div {
width: 100%;
margin-top: 0;
margin-bottom: auto;
}
.SectionsElement img {
margin-bottom: 13px;
}
.SectionsElement a:hover {
background: #CAE700;
box-shadow: 10px 10px 25px rgba(202, 231, 0, 0.34);
transition: background-color 0.5s;
}
.Form {
margin: 50px 0;
}
.Form .h2 {
margin-bottom: 50px;
}
.Form .NormalText20 {
margin-bottom: 37px;
}
.Form form input[type="checkbox"] {
display: none;
}
.Form form .CheckBox {
border: 1px solid #BDBDBD;
box-sizing: border-box;
border-radius: 2px;
width: 12px;
height: 12px;
display: inline-block;
}
.FormFooter {
margin-top: 34px;
margin-bottom: 50px;
}
.BannerMain .FormFooter label a {
color: #fff;
}
.Form form {
display: inline-block;
position: relative;
}
.Form form input[type="text"] {
background: #F2F2F2;
border-radius: 25px;
border: none;
height: 50px;
width: 635px;
padding-left: 50px;
box-sizing: border-box;
font-weight: bold;
font-size: 16px;
line-height: 19px;
}
.Form form input[type="text"]::placeholder {
font-weight: bold;
font-size: 16px;
line-height: 19px;
}
.Form form input[type="text"]:first-letter {
color: #000;
}
.Form form input[type="submit"] {
height: 51px;
width: 282px;
position: absolute;
right: 0;
top: 0;
font-weight: bold;
font-size: 16px;
line-height: 19px;
border-radius: 20px;
}
.PhoneBlock {
position: relative;
display: inline-block;
}
.Form form .PhoneBlock:before {
content: '';
position: absolute;
left: 15px;
width: 25px;
height: 25px;
background: #BDBDBD url("/bitrix/templates/mkws/components/bitrix/news.detail/landing/images/mobile.svg") center no-repeat;
border-radius: 50%;
background-size: auto 70%;
top: 13px;
}
.Form form input[type="checkbox"]:checked ~ label .CheckBox {
background: #CAE700;
}
.FormLittle {
width: 176px;
border: 1px dashed #BDBDBD;
border-radius: 5px;
padding: 10px;
position: absolute;
right: -234px;
top: -70px;
font-size: 12px;
line-height: 14px;
}
.FormLittle:before {
content: '';
position: absolute;
width: 133px;
height: 50px;
left: 0;
top: 100%;
background: url("/bitrix/templates/mkws/components/bitrix/news.detail/landing/images/form-arr.svg") center no-repeat;
transform: translateX(-30%);
}
.Gray {
display: flex;
width: 100%;
padding: 50px 0;
}
.GrayBlock {
display: flex;
flex-flow: row wrap;
background: #F2F2F2;
border-radius: 0px 50px;
padding: 80px 0 90px 65px;
}
.GrayBlock.WithoutPhoto {
padding: 80px 65px 90px 65px;
}
.GrayBlockText {
width: 61%;
}
.GrayBlockImg {
width: 39%;
}
.GrayBlockImg img {
position: relative;
right: -50px;
border-radius: 0px 20px;
}
.GrayBlock .Phone a {
color: #0055aa;
text-decoration: none;
}
.GrayBlock .Phone {
margin-top: 7px;
}
.GrayBlock .Dispetcher {
font-weight: bold;
font-size: 16px;
line-height: 19px;
margin-top: 40px;
}
.GrayBlockText__text {
font-size: 20px;
line-height: 23px;
}
.Links {
margin: -61px 0 60px;
display: flex;
}
.LinksBlock {
background: #2F2D9A;
padding: 45px 0 35px 0;
display: flex;
width: 100%;
}
.LinksBlockList {
width: 90%;
display: flex;
flex-flow: row wrap;
margin: auto;
}
.LinksBlockItem {
width: 33.33%;
}
.LinksBlockItem a {
display: block;
width: 90%;
color: #fff;
font-weight: bold;
text-decoration: underline;
font-size: 16px;
line-height: 19px;
margin-bottom: 20px;
padding: 8px 13px 8px 16px;
border-radius: 5px;
position: relative;
transition: background-color 0.5s, color 0.5s;
}
.LinksBlockItem a:after {
content: '';
position: absolute;
right: 13px;
top: 50%;
width: 14px;
height: 12px;
background: url("/bitrix/templates/mkws/components/bitrix/news.detail/landing/images/link-arr.svg") center no-repeat;
opacity: 0;
transform: translateY(-50%);
transition: opacity 0.5s;
}
.LinksBlockItem a:hover {
background: #CAE700;
text-decoration: none;
color: #151515;
}
.LinksBlockItem a:hover:after {
opacity: 1;
transition: opacity 0.5s;
}
.TextWImgR {
display: flex;
width: 100%;
margin: 50px 0;
}
.TextWImgRBlock {
display: flex;
flex-flow: row wrap;
}
.TextWImgRText {
width: 55%;
padding-left: 45px;
}
ol {
padding: 0;
list-style: none;
margin: 25px 0;
counter-reset: heading;
}
ol li {
padding-left: 40px;
position: relative;
margin-bottom: 10px;
}
ol li:before {
counter-increment: heading;
content: counter(heading);
font-weight: bold;
text-align: center;
color: #fff;
background: #2F2D9A;
width: 30px;
height: 30px;
border-radius: 50%;
display: inline-block;
box-sizing: border-box;
position: absolute;
left: 0;
top: 0;
line-height: 30px;
}
.TextWImgRImg .slick-dots li button:before {
width: 8px;
height: 8px;
}
.TextWImgRImg .slick-dots li {
margin-right: 4px;
}
.TextWImgRImg {
width: 45%;
text-align: right;
}
.TextWImgRTableNot {
font-weight: bold;
font-size: 20px;
line-height: 175%;
margin: 40px auto 40px 0;
width: 80%;
}
.TextWImgRTable {
border: 2px solid #CAE700;
box-sizing: border-box;
border-radius: 10px;
padding: 33px 68px;
display: flex;
align-items: center;
font-weight: bold;
font-size: 20px;
line-height: 175%;
margin: 40px 0 0;
}
.TextWImgRText .BlueBtn,
.TextWImgRTable .BlueBtn {
font-weight: bold;
font-size: 16px;
line-height: 19px;
white-space: nowrap;
text-decoration: none;
padding: 20px 55px;
display: inline-block;
box-sizing: border-box;
}
.TextWImgRTable .BlueBtn svg {
margin-bottom: -2px;
transition: 0.3s;
}
.TextWImgRTable .BlueBtn:hover svg {
fill: #151515;
}
.TextWImgRImg img {
border-radius: 10px;
}
.TextWImgRDesc {
margin: 28px 0 38px;
}
.SectionsLinks {
margin: 50px 0;
display: flex;
width: 100%;
}
.SectionsLinksBlock {
display: flex;
flex-flow: row wrap;
position: relative;
justify-content: space-between;
}
.SectionsLinksBlockA {
position: absolute;
left: 15px;
right: 15px;
top: 0;
bottom: 0;
background: #F2F2F2;
border-radius: 10px;
}
.SectionsLinksText {
width: 43%;
padding: 52px 0 57px 52px;
position: relative;
}
.SectionsLinksUrls {
width: 57%;
display: flex;
position: relative;
padding: 20px 5px 20px 0;
}
.SectionsLinksUrl {
width: 50%;
display: flex;
padding: 5px;
}
.SectionsLinksUrl a {
background: #2F2D9A;
border-radius: 10px;
padding: 21px 0 8px 22px;
font-weight: bold;
font-size: 16px;
line-height: 19px;
text-decoration: none;
color: #fff;
text-align: right;
display: flex;
flex-flow: column wrap;
justify-content: space-between;
align-items: flex-start;
width: 100%;
transition: background-color 0.5s, color 0.5s;
}
.SectionsLinksUrl a img {
margin-left: auto;
}
.SectionsLinksUrl a:hover {
background: #CAE700;
color: #151515;
}
.SectionsLinksTextHeader {
font-weight: bold;
font-size: 20px;
line-height: 24px;
margin-bottom: 24px;
}
.SectionsLinksUrl a > div {
position: relative;
padding-right: 15px;
text-align: left;
margin-bottom: 15px;
max-width: 154px;
}
.SectionsLinksUrl a > div svg {
fill: #fff;
margin-bottom: -1px;
transition: fill 0.5s;
}
.SectionsLinksUrl a:hover > div svg {
fill: #151515;
transition: fill 0.5s;
}
.Objects {
display: flex;
width: 100%;
margin: 50px 0;
}
.ObjectsBlock {
position: relative;
display: flex;
flex-flow: row wrap;
}
.ObjectsItem {
width: 50%;
padding: 0 10px;
position: relative;
padding-top: 21px;
}
.ObjectsItem__img {
background: #fff;
padding: 10px;
border-radius: 50%;
width: 70px;
height: 70px;
text-align: center;
}
.ObjectsItem__info {
width: calc(100% - 70px);
padding-left: 20px;
margin: auto 0;
}
.ObjectsItem a {
text-decoration: none;
color: #151515;
}
.ObjectsItem i {
font-size: 46px;
color: #000;
transition: color 0.5s;
}
.ObjectsItem__name {
font-weight: bold;
font-size: 16px;
line-height: 19px;
}
.ObjectsBtn {
background: #2F2D9A;
border-radius: 5px;
font-weight: bold;
font-size: 14px;
line-height: 17px;
text-align: center;
color: #FFFFFF;
display: inline-block;
margin-top: 10px;
overflow: hidden;
padding: 4px 30px;
opacity: 0;
}
.ObjectsBtn svg {
margin-left: 5px;
}
.ObjectsItem a:hover .ObjectsBtn {
opacity: 1;
}
.ObjectsBtn:hover {
background: #151515;
}
.ObjectsItem > a,
.ObjectsItem > div {
display: flex;
padding: 40px 18px;
background: #F2F2F2;
border-radius: 5px;
position: relative;
z-index: 2;
text-align: left;
transition: background-color 0.5s, color 0.5s;
}
.ObjectsItem > a:hover {
background: #CAE700;
}
.Banner1 {
margin: 70px 0;
}
.Banner1 > div {
background: #CAE700;
background-size: auto 100%;
position: relative;
}
.Banner1 .h2:not(.Phone) {
font-weight: normal;
}
.Banner1BlockText {
width: 65%;
padding: 88px 0;
position: relative;
z-index: 2;
}
.Banner1BlockText .Phone {
margin-top: 25px;
}
.Banner1BlockText .Phone a {
color: #151515;
text-decoration: none;
}
.Banner1BlockImg {
width: 50%;
display: flex;
}
.Banner1Block {
display: flex;
flex-flow: row wrap;
}
.Banner1BlockText__txt {
margin-bottom: 20px;
}
.Banner1BlockText__txt span,
.Banner1BlockText__txt p,
.Banner1BlockText__txt > div {
background: #fff;
font-size: 18px;
line-height: 21px;
border-radius: 10px;
display: inline-block;
padding: 4px 10px;
margin: 0;
color: #151515!important;
}
.Banner1BlockImg img {
position: absolute;
right: 0;
top: 0;
height: 100%;
}
.Banner1 > div:before {
content: '';
position: absolute;
width: 119px;
height: 94px;
left: 8%;
top: 15%;
background: url(/bitrix/templates/mkws/components/bitrix/news.detail/landing/images/stars.svg) center no-repeat;
z-index: 2;
}
.TxtBackBanner {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: calc((100vw - 1170px)/2 + (0.3 * 1170px));
background-size: cover;
}
.TxtBack {
display: flex;
margin: 70px 0;
position: relative;
}
.TxtBack {
width: 100%;
background-color: #000000;
background-position: left center;
background-size: auto 100%;
background-repeat: no-repeat;
}
.TxtBack__back {
width: 100%;
}
.TxtBackBlock {
width: 70%;
color: #fff;
border-radius: 0px 50px;
padding: 50px 74px 58px 74px;
margin-left: auto;
}
.TxtBackBlock .h2 {
color: #fff;
}
.Sheme {
display: flex;
margin: 50px 0;
}
.ShemeBlock {
width: 100%;
display: flex;
flex-flow: row wrap;
padding: 0 5px;
margin-top: 60px;
justify-content: center;
}
.ShemeBlockItem {
width: 25%;
padding: 10px 30px;
display: flex;
position: relative;
}
.ShemeBlockItem:after {
content: '';
position: absolute;
top: 50%;
right: 0;
width: 50px;
height: 50px;
border-radius: 50%;
background-image: url("/bitrix/templates/mkws/components/bitrix/news.detail/landing/images/sheme_arr.svg");
background-repeat: no-repeat;
background-position: center;
transform: translate(50%,-50%);
z-index: 2;
}
.ShemeBlockItem:last-child:after {
display: none;
}
.ShemeBlockItem > div {
background: #CAE700;
border-radius: 10px;
padding: 39px 10px 30px 10px;
text-align: center;
font-weight: bold;
font-size: 16px;
line-height: 19px;
width: 100%;
}
.ShemeBlockItemImg {
width: 70px;
height: 70px;
background: #FFFFFF;
border-radius: 50%;
margin-bottom: 14px;
display: inline-block;
text-align: center;
padding: 15px;
}
.ShemeBlockItem i {
font-size: 44px;
}
.ShemeBlockItem3 {
width: 33.33%;
}
.ShemeText {
margin-top: 45px;
}
.Gray2 {
display: flex;
flex-flow: row wrap;
width: 100%;
padding: 70px 0;
background: #F2F2F2;
margin: 50px 0;
overflow: hidden;
}
.GrayBlock2 {
display: flex;
flex-flow: row wrap;
width: 70%;
margin: auto;
}
.GrayBlock2Text {
margin-top: 40px;
}
.GrayBlock2Img img {
width: 100%;
border-radius: 10px;
}
.GrayBlock2Text__text {
font-size: 16px;
line-height: 175%;
}
.GrayBlock2Text,
.GrayBlock2Slider,
.GrayBlock2Img {
width: 100%;
}
.GrayBlock2Slider {
display: flex!important;
flex-flow: row wrap;
justify-content: center;
}
.GrayBlock2Slider .slick-prev,.GrayBlock2Slider .slick-next {
width: 69px;
height: 28px;
position: relative;
top: 0;
transform: none;
cursor: pointer;
z-index: 2;
order: 2;
}
.GrayBlock2Slider .slick-prev {
left: 0;
margin-right: 10px;
}
.GrayBlock2Slider .slick-next {
right: 0;
order: 3;
margin-left: 10px;
}
.GrayBlock2Slider div[data-href] {
cursor: pointer;
}
.GrayBlock2Slider a,
.GrayBlock2Slider div[data-href]{
width: 25%;
display: flex;
align-self: flex-start;
position: relative;
padding: 4px;
box-sizing: border-box;
}
.GrayBlock2__descr {
font-size: 20px;
line-height: 175%;
margin: 30px 0 50px 0;
}
.GrayBlock2__descr_bottom {
font-size: 20px;
line-height: 175%;
margin: 30px 0 50px 0;
font-weight: bold;
}
.GrayBlock2 .BlueBtn {
padding: 15px 68px;
text-decoration: none;
position: relative;
bottom: -10px;
}
.GrayBlock2 .BlueBtn svg {
margin-bottom: -2px;
}
.mapBlockW {
margin-top: -50px;
}
.Price {
display: flex;
margin: 50px 0;
}
table,
.Price table {
border: none;
font-size: 16px;
line-height: 175%;
}
table tr,
.Price table tr {
border: none;
border-bottom: 1px solid #BDBDBD;
}
/*table tr:hover,
.Price table tr:hover {
background: #FAFFD8;
}*/
table td,
table th,
.Price table td,
.Price table th {
border: none;
}
table td,
.Price table td {
border-bottom: 1px solid #BDBDBD;
padding: 33px 20px 19px 44px;
}
table th,
.Price table th {
background: #000000;
padding: 17px 20px 15px 44px;
font-weight: bold;
font-size: 20px;
line-height: 100%;
color: #fff;
text-align: left;
}
table th:first-child,
.Price table th:first-child {
border-radius: 10px 0 0 10px;
border-right: 1px solid #fff;
}
table th:last-child,
.Price table th:last-child {
border-radius: 0 10px 10px 0;
border-left: 1px solid #fff;
}
table td:nth-child(2),
.Price table td:nth-child(2){
font-weight: bold;
white-space: nowrap;
}
table td:first-child,
table th:first-child,
.Price table td:first-child,
.Price table th:first-child {
width: 45%;
}
table td:nth-child(2),
table th:nth-child(2),
.Price table td:nth-child(2),
.Price table th:nth-child(2) {
width: 20%;
}
.PriceBlockHeader {
margin-bottom: 50px!important;
}
.AdvantagesBlockText__text {
font-size: 16px;
line-height: 175%;
}
.Advantages {
display: flex;
margin: 50px 0;
overflow: hidden;
position: relative;
}
.Advantages .maxwidth-theme {
position: unset;
}
.AdvantagesBlock {
width: 84%;
margin: auto;
margin-top: 38px;
}
.AdvantagesList {
display: flex;
flex-flow: row wrap;
padding: 0 25px;
}
.AdvantagesItem {
width: 33.33%;
padding: 15px;
}
.AdvantagesItem > div {
border: 1px solid #2F2D9A;
border-radius: 50%;
width: 250px;
height: 250px;
text-align: center;
font-size: 20px;
line-height: 23px;
color: #2F2D9A;
padding: 50px 30px;
cursor: pointer;
}
.AdvantagesItem__number {
font-weight: 900;
font-size: 72px;
line-height: 90px;
color: #fff;
}
.AdvantagesItem > div:hover .AdvantagesItem__number {
color: #fff;
}
.AdvantagesItem img {
position: absolute;
visibility: hidden;
top: 0;
left: 0;
z-index: 2;
border-radius: 10px;
}
.AdvantagesBlockText {
padding: 34px 35px 41px 38px;
align-items: center;
text-align: center;
}
.AdvantagesBlockText__text {
width: 62%;
}
.AdvantagesBlockText__img {
width: 38%;
text-align: right;
}
.Clients .owl-dot {
background: #F2F2F2;
box-sizing: border-box;
width: 12px;
height: 12px;
border-radius: 50%;
margin: 10px 5px;
display: inline-block;
cursor: pointer;
}
.Clients .owl-dot.active {
background: #2F2D9A;
}
.Clients .owl-dots {
text-align: center;
}
.Banner2 {
display: flex;
margin: 70px 0;
color: #fff;
}
.Banner2Block {
background: #2F2D9A center right no-repeat;
background-size: auto 100%;
width: 100%;
background-position-x: calc(1360px - 200px + (100% - 1360px)/2);
position: relative;
}
.Banner2Block:before {
content: '';
position: absolute;
width: 119px;
height: 94px;
left: 8%;
top: 15%;
background: url("/bitrix/templates/mkws/components/bitrix/news.detail/landing/images/stars.svg") center no-repeat;
z-index: 2;
}
.Banner2 .h2 {
margin: 0;
color: #fff;
font-weight: normal;
}
.Banner2Img {
padding: 53px 0 26px 0;
}
.Banner2Flex {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
}
.Banner2Sale {
border: 2px solid #fff;
border-radius: 25px;
padding: 5px 20px;
display: inline-block;
font-size: 18px;
line-height: 21px;
text-align: center;
text-transform: uppercase;
margin-top: 20px;
}
.Banner5 {
background: #000000 center right no-repeat;
background-size: auto 100%;
width: 100%;
color: #fff;
position: relative;
margin: 50px 0;
overflow: hidden;
}
.Banner5 .h2 {
color: #fff;
}
.Banner5BlockImg {
bottom: 0;
position: absolute;
max-height: calc(100% - 40px);
width: auto;
right: 0;
}
.Banner5BlockText {
width: 70%;
position: relative;
padding: 70px 0;
}
.Banner5Block {
display: flex;
flex-flow: row wrap;
}
.Banner5BlockImg img {
}
.Banner5BlockImg__textPhone {
position: absolute;
font-weight: bold;
font-size: 18px;
line-height: 22px;
color: #000;
right: 38.5%;
top: 48%;
}
.Banner5BlockImg__textPhone a {
color: #000;
text-decoration: none;
}
.Banner5BlockImg__iconPhone a {
position: absolute;
font-size: 0;
width: 63px;
height: 63px;
bottom: 22%;
background: #fff url(/bitrix/templates/mkws/components/bitrix/news.detail/landing/images/phone-call.svg) center no-repeat;
right: 45.5%;
border-radius: 50%;
}
.Banner5Description {
font-weight: bold;
font-size: 16px;
line-height: 19px;
margin-top: 50px;
}
.Banner5BlockText .Phone a {
color: #CAE700;
text-decoration: none;
}
.Banner5BlockImg__txt {
font-size: 20px;
line-height: 23px;
}
.ServicesSlider {
display: flex;
margin: 50px 0;
}
.ServicesSliderItem__name {
font-weight: bold;
font-size: 16px;
line-height: 19px;
padding: 22px 37px 19px 37px;
text-align: center;
}
.ServicesSliderItem {
padding: 30px 10px;
display: flex!important;
}
.ServicesSliderItem a {
width: 100%;
background: #FFFFFF;
box-shadow: 5px 5px 10px rgb(0 0 0 / 5%);
border-radius: 5px;
color: #151515;
text-decoration: none;
display: flex;
flex-flow: row wrap;
transition: background-color 0.5s;
}
.ServicesSliderItem__img {
width: 100%;
border-radius: 5px;
overflow: hidden;
}
.ServicesSliderItem a:hover {
background: #CAE700;
box-shadow: 10px 10px 25px rgba(202, 231, 0, 0.2);
transition: background-color 0.5s;
}
.Services {
display: flex;
margin: 50px 0;
}
.ServicesItem__name {
font-weight: bold;
font-size: 16px;
line-height: 19px;
padding: 22px 37px 19px 37px;
text-align: center;
width: 100%;
}
.ServicesItem {
padding: 20px 10px;
display: flex!important;
width: 25%;
}
.ServicesItem a {
width: 100%;
background: #FFFFFF;
box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.08);
border-radius: 5px;
color: #151515;
text-decoration: none;
display: flex;
flex-flow: row wrap;
transition: background-color 0.5s;
}
.ServicesItem__img {
width: 100%;
border-radius: 5px;
overflow: hidden;
}
.ServicesItem__img img {
width: 100%;
}
.ServicesItem a:hover {
background: #CAE700;
box-shadow: 10px 10px 25px rgba(202, 231, 0, 0.2);
transition: background-color 0.5s;
}
.ServicesList {
display: flex;
flex-flow: row wrap;
}
.Works {
background: #F2F2F2;
position: relative;
margin: 50px 0;
}
.WorksList {
display: flex;
flex-flow: row wrap;
transition: margin-left 0.5s;
}
.WorksList a {
width: 25%;
display: flex;
align-self: flex-start;
position: relative;
padding: 4px;
box-sizing: border-box;
}
.WorksTop {
position: absolute;
left: calc((100% - 1340px)/2);
top: 50%;
transform: translateY(-50%);
z-index: 2;
display: flex;
flex-flow: row wrap;
max-width: calc(35% - (100% - 1340px)/2);
}
.WorksTop .h2 {
width: 100%;
}
.GrayBlock2Slider a i,
.WorksList a i {
position: absolute;
top: 50%;
left: 50%;
opacity: 0;
width: 60px;
height: 60px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.3) url("/bitrix/templates/mkws/components/bitrix/news.detail/landing/images/search.svg") center no-repeat;
transform: translate(-50%,-50%);
z-index: 2;
}
.GrayBlock2Slider a:hover i,
.WorksList a:hover i {
opacity: 1;
}
.WorksList a:hover {
}
.GrayBlock2Slider a:hover:before,
.WorksList a:hover:before {
content: '';
position: absolute;
width: calc(100% - 8px);
height: calc(100% - 8px);
background: #000;
opacity: 0.3;
z-index: 1;
transform: translate(-50%,-50%) scale(0.993);
left: 50%;
top: 50%;
}
.WorksList a:hover img {
/*transform: scale(0.993);*/
}
.WorksList .slick-prev,.WorksList .slick-next {
top: calc(100% - 30px);
}
.WorksList .slick-prev {
left: 0;
}
.WorksList .slick-next {
left: 100px;
}
.WorksList .slick-list:before {
content: '';
position: absolute;
left: 0;
background: linear-gradient(90deg, #f2f2f2 0%, rgba(242, 242, 242, 0.5) 50%, rgba(242, 242, 242, 0) 100%);
width: 50px;
height: 100%;
z-index: 2;
}
.WorksList a img {
width: 100%;
}
.WorksListBlock {
overflow: hidden;
display: flex;
}
.Works {
padding: 65px 0;
display: flex;
flex-flow: row wrap;
width: 100%;
overflow: hidden;
}
.WorksLists {
width: 65%;
margin-left: auto;
}
.WorksListBtn {
text-align: center;
margin: 40px auto 0 0;
display: flex;
justify-content: center;
width: auto;
border: 2px solid #2F2D9A;
box-sizing: border-box;
border-radius: 10px;
}
.WorksListBtn > div {
font-weight: bold;
box-sizing: border-box;
border-radius: 7px;
padding: 15px 32px 15px 32px;
display: inline-block;
cursor: pointer;
color: #2F2D9A;
margin: -1px 0;
}
.WorksListBtn > div.active {
color: #fff;
background: #2F2D9A;
}
.WorksListBtn > div i {
font-size: 18px;
display: inline-block;
margin-right: 3px;
position: relative;
bottom: -2px;
}
.WorksListVideo div[data-href] {
width: 33.33%;
padding: 4px;
font-weight: bold;
font-size: 16px;
line-height: 19px;
text-align: center;
position: relative;
align-self: flex-start;
cursor: pointer;
}
.WorksList .slick-list {
margin-bottom: 50px;
}
.WorksListVideo {
display: flex;
flex-flow: row wrap;
align-self: flex-start;
width: 100%;
}
.WorksList[data-event="video"] > div {
display: flex;
flex-flow: row wrap;
margin: 0 auto;
}
.WorksListVideo div img {
width: 100%;
margin-bottom: 10px;
}
.GrayBlock2Slider div[data-href] {
position: relative;
}
.WorksListVideo div[data-href]:before,
.GrayBlock2Slider div[data-href]:before{
content: '';
position: absolute;
left: 50%;
top: 45%;
background: url("/bitrix/templates/mkws/components/bitrix/news.detail/landing/images/play.svg") center no-repeat;
cursor: pointer;
width: 60px;
height: 60px;
transform: translate(-50%,-50%);
}
.overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
transition: opacity 300ms;
visibility: hidden;
opacity: 0;
z-index: 100;
flex-flow: row wrap;
align-items: center;
display: none;
/* overflow-y: scroll; */
}
.overlay-visible {
visibility: visible;
opacity: 1;
display: flex;
}
.popup {
margin: 70px auto;
box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.08);
border-radius: 10px;
width: 70%;
position: relative;
transition: all 5s ease-in-out;
max-width: 616px;
padding: 50px 57px;
background: #fff;
}
.popup .formBlock form input[type="submit"] {
margin-bottom: 0;
margin-top: 10px;
}
.popup .close {
position: absolute;
top: 17px;
right: 17px;
opacity: 1;
width: 29px;
height: 29px;
cursor: pointer;
}
.popup .close:before {
content: '';
position: absolute;
left: 50%;
top: 50%;
width: 100%;
height: 2px;
background: #151515;
transform: translate(-50%,-50%) rotate(-45deg);
}
.popup .close:after {
content: '';
position: absolute;
left: 50%;
top: 50%;
width: 100%;
height: 2px;
background: #151515;
transform: translate(-50%,-50%) rotate(45deg);
}
.vk-reviews {
width: 49% !important;
}
.Socnet {
display: flex;
padding: 50px 0;
margin: 50px 0;
background: #F2F2F2;
}
.SocnetLinks {
margin: 41px 0 57px 0;
color: #fff;
display: flex;
flex-flow: row wrap;
justify-content: center;
}
.VkBtn {
font-weight: bold;
font-size: 16px;
line-height: 19px;
color: #fff;
text-decoration: none;
padding: 15px 72px;
text-align: center;
background: #4795ED;
border-radius: 10px;
margin: 0 10px;
}
.VkBtn:hover {
background: #3f8ad9;
}
.InstaBtn {
font-weight: bold;
font-size: 16px;
line-height: 19px;
color: #fff;
text-decoration: none;
padding: 12px 42px;
text-align: center;
background: #171515;
border-radius: 10px;
margin: 0 10px;
display: flex;
width: auto;
align-items: center;
}
.InstaBtn:hover {
background: #030303;
}
.SocnetBlock {
display: flex;
box-sizing: border-box;
justify-content: space-between;
}
.SocnetBlock__vk {
padding: 68px 59px 113px 49px;
width: calc(55% - 20px);
margin-right: 20px;
background: #FFFFFF;
border-radius: 10px;
}
.SocnetBlock__vkHead {
margin-bottom: 36px;
font-weight: bold;
font-size: 20px;
line-height: 24px;
}
.SocnetBlock__reviews {
width: 45%;
background: #fff;
border-radius: 10px;
padding: 67px 30px 78px 30px;
}
.ReviewsList {
width: 80%;
margin: auto;
}
.ReviewsList a {
display: block;
padding: 10px 20px;
font-weight: normal;
font-size: 16px;
line-height: 19px;
text-align: center;
text-decoration: none;
color: #000000;
box-sizing: border-box;
}
.ReviewsList a img {
width: 58%;
box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.08);
margin-bottom: 20px;
}
.ReviewsList .slick-prev, .ReviewsList .slick-next {
background-color: transparent;
box-shadow: none;
}
.Text {
display: flex;
margin: 70px 0;
}
.TextBlock {
width: 69%;
margin: auto;
}
.TextBlock img {
border-radius: 10px;
width: 100%;
margin-bottom: 30px;
}
.ClientsList img {
margin-bottom: 20px;
margin-top: 20px;
max-width: 100%;
}
/*.ClientsList.owl-carousel .owl-dots.disabled {*/
/*display: block;*/
/*text-align: center;*/
/*}*/
.ClientsListDot {
background: #F2F2F2;
box-sizing: border-box;
width: 12px;
height: 12px;
border-radius: 50%;
margin: 10px 5px;
display: inline-block;
cursor: pointer;
}
.ClientsListDot.active {
background: #2F2D9A;
}
.Clients {
padding: 30px 0 30px;
margin: 20px 15px;
background: #fff;
border-radius: 10px;
}
.ClientsList.owl-carousel .owl-stage {
display: flex;
align-items: center;
}
.Call {
display: flex;
padding: 90px 0;
flex-flow: row wrap;
}
.Banner3 {
padding: 88px 0 115px 0;
background-color: #151515;
background-image: url("/bitrix/templates/mkws/components/bitrix/news.detail/landing/images/banner3.png");
background-position: 75%;
background-size: auto 100% ;
background-repeat: no-repeat;
margin-top: 50px;
}
.Banner3 .h2 {
color: #fff;
width: 62%;
font-weight: normal;
}
.Banner3 .h2.Phone a {
text-decoration: none;
color: #fff;
font-weight: bold;
}
.Call .NormalText20 {
margin-top: 36px;
}
.Photo {
display: flex;
flex-flow: row wrap;
}
.Photo a {
width: 25%;
display: flex;
align-self: flex-start;
position: relative;
}
.Photo a i {
position: absolute;
top: 50%;
left: 50%;
opacity: 0;
font-size: 20px;
transform: translate(-50%,-50%);
z-index: 2;
}
.Photo a:hover i {
opacity: 1;
}
.Photo a:hover {
background: #FFE106;
}
.Photo a:hover:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: #151515;
opacity: 0.6;
z-index: 1;
transform: translate(-50%,-50%) scale(0.993);
left: 50%;
top: 50%;
}
.Photo a:hover img {
transform: scale(0.993);
}
.Photo a img {
width: 100%;
}
.Photo .slick-prev {
left: 150px;
}
.Photo .slick-next {
right: 150px;
}
.Photo a:focus {
outline: none;
}
.owl-nav {
display: none;
}
.Banner4 {
padding: 60px 0;
}
.Banner4 > div {
background: #151515;
color: #fff;
border-radius: 10px;
overflow: hidden;
}
.Banner4 .h2 {
color: #fff;
}
.Banner4BlockText {
width: 50%;
padding: 94px 0;
position: relative;
left: 50px;
}
.Banner4BlockText .Phone a {
color: #fff;
text-decoration: none;
}
.Banner4BlockImg__round {
width: 80%;
padding-top: 80%;
position: absolute;
z-index: 0;
border-radius: 50%;
right: 0;
top: 0;
transform: translate(20%,-20%);
}
.Banner4BlockImg__textPhone a {
color: #000;
text-decoration: none;
}
.Banner4BlockImg__textPhone {
position: absolute;
font-weight: bold;
font-size: 18px;
line-height: 22px;
color: #000;
left: 35%;
top: 40%;
}
.Banner4BlockImg__iconPhone {
}
.Banner4BlockImg__iconPhone a {
position: absolute;
font-size: 0;
width: 63px;
height: 63px;
bottom: 25%;
background: #fff url("/bitrix/templates/mkws/components/bitrix/news.detail/landing/images/phone-call.svg") center no-repeat;
left: 43%;
border-radius: 50%;
}
.Banner4BlockImg {
width: 50%;
display: flex;
}
.Banner4Block {
display: flex;
flex-flow: row wrap;
overflow: hidden;
}
.Banner4BlockImg {
position: relative;
}
.Banner4BlockImg img {
margin-top: auto;
z-index: 2;
}
.Banner4BlockImg__txt {
padding: 10px 30px 10px 65px;
position: absolute;
left: -65px;
top: 50px;
font-size: 12px;
line-height: 14px;
background: #FFEB36;
border-radius: 0px 5px 5px 0px;
color: #000;
}
.ClientItem {
width: 206px!important;
padding: 0 20px;
}
.Clients .slick-track {
display: flex;
}
.Clients .slick-slide {
display: flex!important;
align-items: center;
}
.Banner4BlockImg__txt svg {
margin-bottom: -2px;
margin-right: 5px;
}
.Banner4 .BlueBtn {
display: inline-block;
padding: 15px 25px;
margin-top: 30px;
}
.Contacts {
padding: 60px 0;
display: flex;
}
.email a {
font-weight: bold;
font-size: 20px;
line-height: 24px;
text-decoration: none;
color: #2F2D9A;
}
.ContactsBlock {
display: flex;
flex-flow: row wrap;
padding: 64px 68px;
background: #FFFFFF;
box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.08);
border-radius: 30px;
box-sizing: border-box;
}
.ContactsLeft,
.ContactsRight {
width: 50%;
margin-top: 55px;
}
.ContactsRight {
border-left: 1px solid #BDBDBD;
padding-left: 68px;
}
.Contacts .Phone a {
text-decoration: none;
color: #2F2D9A;
}
.BottomBlock {
margin-bottom: 0;
}
.icon-vk {
font-size: 13px;
}
.icon-insta {
font-size: 19px;
margin-right: 7px;
}
.ClientItem {
width: 206px!important;
padding: 0 20px;
}
.Clients .slick-track {
display: flex;
}
.Clients .slick-slide {
display: flex!important;
align-items: center;
}
.ServicesSlider {
overflow: hidden;
}
.ServicesSliderList .slick-prev {
left: -90px;
}
.ServicesSliderList .slick-next {
right: -90px;
}
.ServicesSliderList .slick-list {
padding: 0 10px;
}
.ServicesSliderList .slick-track {
display: flex!important;
}
.ServicesSliderList .slick-slide,
.ServicesSliderList .slick-slide > div {
display: flex!important;
}
.PlaceList {
display: flex;
flex-flow: row wrap;
margin-bottom: 35px;
}
.PlaceItem {
width: 20%;
font-weight: bold;
font-size: 16px;
line-height: 19px;
}
.PlaceItemImg {
position: relative;
text-align: center;
margin-bottom: 20px;
padding: 5px 0;
display: flex;
justify-content: center;
}
.PlaceItemImg img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
.hideArrow .ShemeBlockItem:after {
display: none!important;
}
.Sales {
padding: 60px 0 0;
}
.SalesList {
display: flex;
flex-flow: row wrap;
margin: 0 -15px;
justify-content: center;
}
.SalesItem {
width: 33.33%;
padding: 15px;
display: flex;
}
.SalesItem > div {
width: 100%;
display: inline-block;
background: #7b7cff;
border-radius: 15px;
padding: 35px 20px;
color: #fff;
font-size: 20px;
position: relative;
line-height: normal;
}
.SalesItemText {
margin-bottom: 35px;
}
.SalesItem > div:after {
content: '%';
position: absolute;
right: 15px;
bottom: 10px;
font-size: 55px;
opacity: 0.4;
transform: rotate(25deg);
}
.SalesItem > div:before {
content: '%';
position: absolute;
right: 70px;
bottom: 15px;
font-size: 30px;
opacity: 0.4;
transform: rotate(-25deg);
}
.SalesItemPrecent {
font-weight: bold;
font-size: 62px;
margin-bottom: 15px;
}
.mapBlock {
width: 100%;
margin-top: 60px;
border-radius: 50px;
overflow: hidden;
}
.Clients .slick-prev {
left: calc(50% - 81px);
bottom: -20px;
top: auto!important;
transform: none!important;
}
.Clients .slick-next {
right: calc(50% - 81px);
bottom: -20px;
top: auto!important;
transform: none!important;
}
.ContactsSocnet {
display: flex;
flex-flow: row wrap;
margin-top: 20px;
}
.ContactsSocnet > div {
width: 40px;
height: 40px;
margin-right: 8px;
}
.ContactsSocnet a {
display: block;
width: 40px;
height: 40px;
border-radius: 10px;
}
.ContactsSocnet a img {
display: none;
}
.ContactsSocnet .whatsUp a {
background: url("/images/header/whatsapp.png") center no-repeat;
background-size: 100%;
}
.ContactsSocnet .viber a {
background: url("/bitrix/templates/mkws/components/bitrix/news.detail/landing/img/viber.svg") center no-repeat;
background-size: 100%;
}
.ContactsSocnet .telegram a {
background: url("/bitrix/templates/mkws/components/bitrix/news.detail/landing/img/telegram.svg") center no-repeat;
background-size: 100%;
}
.ContactsSocnet .max a {
background: url("/bitrix/templates/mkws/components/bitrix/news.detail/landing/img/max.svg") center no-repeat;
background-size: 100%;
}
@media (min-width: 1700px){
.TxtBack {
background-size: auto 100%!important;
}
}
@media (min-width: 767px) {
.AdvantagesItem > div:hover {
background: #2F2D9A;
color: #fff;
}
.AdvantagesItem > div:hover img {
visibility: visible;
}
}
@media (max-width: 1400px){
.TxtBack {
background-size: auto 100%!important;
/*background-position-x: -16%!important;*/
}
}
@media (max-width: 1340px){
.Banner1 > div:before {
display: none;
}
.Banner2Block {
background-position-x: 100%;
}
.WorksTop {
left: 15px;
}
.TxtBack {
background-size: auto 100%!important;
/*background-position-x: -35%!important;*/
}
.TxtBackBlock{
width: 62%;
}
.TxtBackBanner {
width: 38%;
}
.Banner2Block:before {
width: 69px;
height: 52px;
background-size: cover;
left: 15px;
top: 8%;
}
.GrayBlockImg img,
.GrayBlock2Img img {
right: 0;
}
.FormLittle:before {
left: 50%;
width: 92px;
height: 36px;
background-size: 100%;
}
.FormLittle {
right: -120px;
}
.ServicesSliderList .slick-prev {
left: 0;
}
.ServicesSliderList .slick-next {
right: 0;
}
}
@media (max-width: 1100px) {
.SectionsElement a {
padding: 20px 10px;
}
}
@media (max-width: 992px) {
.FormLittle:before {
display: none;
}
.FormLittle {
position: relative;
width: 60%;
top: 0;
margin: auto;
right: auto;
}
.SectionsLinksText {
width: 40%;
padding: 51px 0 51px 35px;
}
.SectionsElement {
width: 33.33%;
}
.SectionsLinksUrls {
width: 60%;
}
.SectionsLinksUrl a {
padding: 44px 0 16px 22px;
}
.ObjectsRound {
top: 15px;
}
.Banner1BlockImg {
width: 58%;
}
.Banner1BlockText {
width: 42%;
}
.Banner1BlockImg__txt {
right: 0;
}
.Banner1BlockImg__txt:before {
right: -80px;
}
.TxtBack {
background-size: auto 90%!important;
}
.GrayBlock2 {
padding: 20px 0;
}
.Price table td:first-child, .Price table th:first-child {
width: 37%;
}
.AdvantagesBlock {
width: 100%;
}
.AdvantagesItem__line0,
.AdvantagesItem__line2 {
width: 100%;
}
.AdvantagesItem__line1 {
width: 2%;
}
.AdvantagesItem__line svg {
width: 100%;
}
.AdvantagesItem > div:not(.AdvantagesItem__line) {
padding: 31px 20px 35px 20px;
}
.Banner2Flex > div {
width: 100%;
padding: 100px 0;
}
.Banner2Sale {
right: 29%;
}
.Banner2Img {
display: none;
}
.ServicesItem {
width: 33.33%;
}
.Banner3 .h2 {
width: 72%;
}
.Photo .slick-next {
right: 20px;
}
.Photo .slick-prev {
left: 20px;
}
.TextBlock {
width: 100%;
}
.GrayBlock2__descr_bottom,
.GrayBlock2__descr {
font-size: 18px;
}
.BannerMain h1 {
font-size: 36px;
line-height: 46px;
}
.AdvantagesItem img {
display: none;
}
.Banner4BlockImg {
align-items: flex-end;
}
.Banner4BlockImg__textPhone {
font-size: 13px;
left: 34%;
top: 51%;
}
.Banner4BlockImg__iconPhone a {
bottom: 18%;
left: 40%;
}
}
@media (max-width: 890px){
.TxtBack {
/*background-position-x: -33vw!important;*/
}
.Banner1BlockText {
padding: 50px 0;
}
}
@media (max-width: 850px){
.TxtBack {
/*background-position-x: -44vw!important;*/
}
.Banner1BlockImg__phone {
left: 11.5%;
}
.WorksTop {
position: relative;
top: 0;
transform: none;
left: 0;
justify-content: center;
text-align: center;
width: 100%;
max-width: 100%;
}
.WorksListBtn {
margin: 0px auto 35px auto;
}
.WorksLists {
width: 100%;
}
.WorksList .slick-prev {
left: calc(50% - 80px);
}
.WorksList .slick-next {
right: calc(50% - 80px);
left: auto;
}
.WorksList .slick-list:before {
display: none;
}
}
@media (max-width: 768px) {
.ClientItem {
width: 142px!important;
padding: 0 10px;
}
.TxtBackBanner {
bottom: auto;
padding-top: 100vw;
width: 100%;
}
.PlaceItem {
width: 50%;
margin-bottom: 35px;
}
.PlaceItemImg svg {
width: 129.29px;
height: 114.71px;
}
.PlaceItemImg img {
max-width: 158px;
max-height: 121px;
}
.PlaceList {
justify-content: center;
margin-bottom: 15px;
}
.Banner4BlockText {
left: 5px;
}
.Banner4BlockImg__txt {
left: -20px;
}
table td:nth-child(2),
.Price table td:nth-child(2) {
white-space: normal;
}
.ClientItem {
width: 142px!important;
padding: 0 10px;
}
.FormLittle {
position: relative;
width: 60%;
top: 0;
margin: auto;
right: auto;
}
.FormLittle:before {
display: none;
}
.SectionsElement {
width: 50%;
}
.SectionsElement a {
font-size: 16px;
line-height: 19px;
}
.SectionsElement img {
}
.Form form input[type="text"] {
width: 100%;
}
.Form form input[type="submit"] {
height: 51px;
width: 100%;
position: relative;
}
.Form .PhoneBlock {
width: 100%;
}
.BannerMain h1 {
font-size: 24px;
line-height: 29px;
/* margin-top: -50px; */
}
.Form form input[type="text"] {
height: 45px;
}
.BannerMain {
height: 430px;
padding-top: 40px;
}
.BannerMain .Form .NormalText20 {
margin-bottom: 17px;
}
.BannerMain .Form {
margin: 20px 0 20px;
}
.BannerMain .Form .PhoneBlock {
margin-bottom: 15px;
}
.BannerMain .Form .FormFooter {
margin-top: 17px;
margin-bottom: 0;
}
.BannerMain .Form form input[type="submit"] {
height: 45px;
padding: 13px;
}
table th,
table td,
.Price table th,
.Price table td{
padding: 12px 5px 13px 10px;
}
table,
table th,
.Price table,
.Price table th {
font-size: 14px;
border-collapse: collapse;
}
table th:nth-child(2),
.Price table th:nth-child(2) {
border-radius: 0 5px 5px 0;
}
table th:first-child,
.Price table th:first-child {
border-radius: 5px 0 0 5px;
}
table td:first-child, table th:first-child,
.Price table td:first-child, .Price table th:first-child {
width: 50%;
}
table td:nth-child(2), table th:nth-child(2),
.Price table td:nth-child(2), .Price table th:nth-child(2) {
width: 50%;
}
.ShemeBlockItem {
width: 100%;
padding: 15px;
}
.Sheme {
margin: 30px 0;
}
.ShemeBlockItem:after {
top: 100%;
left: 50%;
transform: translate(-50%,-50%) rotate(90deg);
width: 25px;
height: 25px;
background-size: cover;
}
.ShemeBlockItem > div {
text-align: left;
display: flex;
align-items: center;
padding: 25px 10px 25px 10px;
}
.ShemeBlockItemImg {
width: 50px;
height: 50px;
padding: 10px;
margin: 0;
}
.ShemeText {
margin-top: 0;
}
.ShemeBlockItem > div > div:last-child {
width: calc(100% - 50px);
padding-left: 10px;
}
.ShemeBlockItem3 {
width: 100%;
}
.ShemeBlock {
margin-top: 0;
}
.ObjectsBlock {
flex-flow: row wrap;
}
.ObjectsItem {
width: 100%;
padding: 15px 0 0;
display: flex;
}
.TxtBack {
background-size: auto 100vw!important;
background-position-y: top!important;
background-position-x: center!important;
padding-top: 100vw;
}
.TxtBackBlock {
width: 100%;
padding: 37px 20px 37px 20px;
margin: 0;
}
.TxtBack {
margin: 30px 0;
}
.SectionsLinksText {
width: 100%;
padding: 26px 20px 25px 20px;
}
.SectionsLinksUrls {
width: 100%;
flex-flow: row wrap;
padding: 5px 15px 25px;
}
.SectionsLinksUrl {
width: 100%;
}
.SectionsLinksUrl a {
padding: 21px 0 16px 13px;
width: 100%;
box-sizing: border-box;
align-items: center;
flex-flow: row wrap;
}
.SectionsLinksUrl img {
max-width: 30%;
}
.SectionsLinksBlock {
padding-right: 15px!important;
}
.SectionsLinksUrl a > div {
padding-right: 6px;
font-size: 16px;
line-height: 19px;
}
.AdvantagesBlock {
margin-top: 0;
}
.Form .FormFooter {
margin-top: 27px;
margin-bottom: 0;
}
.GrayBlock {
padding: 40px 20px 0 20px;
}
.GrayBlock.WithoutPhoto {
padding: 40px 20px 30px 20px;
}
.GrayBlockText {
width: 100%;
padding-bottom: 31px;
text-align: center;
}
.GrayBlockImg {
width: 100%;
margin-bottom: -100px;
padding-bottom: 40px;
}
.WorksList a img {
max-width: 90vw;
max-height: 40vh;
}
.Banner1 {
margin: 40px 0;
}
.GrayBlockText__text {
font-size: 14px;
line-height: 16px;
}
.Works {
padding: 35px 0;}
.LinksBlockItem {
width: 100%;
}
.LinksBlockItem a {
font-size: 14px;
line-height: 17px;
}
.LinksBlockItem a br {
display: none;
}
.LinksBlockList {
width: 95%;
}
.TextWImgRText,
.TextWImgRImg {
width: 100%;
}
.ObjectsBtn {
opacity: 1;
}
.ObjectsItem > a, .ObjectsItem > div {
padding: 25px 10px 25px 10px;
width: 100%;
box-sizing: border-box;
}
.Banner1BlockText {
width: 100%;
text-align: left;
padding: 88px 0 40px;
}
.Banner1BlockImg {
width: 100%;
justify-content: center;
}
.Banner1 > div:before {
width: 69px;
height: 52px;
background-size: cover;
top: calc(100vw + 25px);
}
.Banner1BlockImg img {
margin-top: 0;
position: relative;
height: auto;
}
.Banner1BlockText__txt span,
.Banner1BlockText__txt p,
.Banner1BlockText__txt > div {
font-size: 12px;
line-height: 15px;
}
.Banner1BlockImg__txt {
right: 0;
left: 0;
width: 100%;
top: -73px;
text-align: center;
}
.Banner1 > div {
display: flex;
flex-flow: row wrap;
}
.Banner1 > div > .maxwidth-theme{
order: 2;
}
.Banner1BlockImg__txt br,
.Banner1BlockImg__txt:before {
display: none;
}
.Banner2Block {
background-size: 148px;
background-position-x: 100%;
background-position-y: 0;
}
.Banner2Flex > div:first-child {
order: 2;
}
.GrayBlock2Img {
width: 100%;
}
.GrayBlock2Text {
width: 100%;
order: 2;
}
.GrayBlock2 > div:last-child,
.GrayBlock2 > div:nth-last-child(2) {
order: 3;
}
.GrayBlock2 .BlueBtn {
padding: 15px 30px;
}
.AdvantagesItem {
width: 100%;
padding-top: 15px;
}
.AdvantagesItem__line {
display: none;
}
.AdvantagesItem > div:not(.AdvantagesItem__line) {
padding: 0 0 0 0;
display: flex;
align-items: center;
width: 100%;
height: auto;
border: none;
}
.AdvantagesItem__number {
font-size: 48px;
line-height: 60px;
margin-right: 30px;
}
.AdvantagesList {
padding: 0;
}
.AdvantagesItem img {
display: none;
}
.AdvantagesBlockText__text {
width: 100%;
}
.AdvantagesBlockText {
padding: 13px 0 0 0;
margin-top: 10px;
}
.Banner2Img {
display: block;
}
.Banner2Sale {
font-size: 14px;
line-height: 16px;
margin-top: 10px;
}
.Banner2Flex > div {
width: 100%;
padding: 45px 33px 43px;
}
.Banner2Flex > .Banner2Img {
width: 100%;
padding: 45px 33px 0;
}
.Banner2Block:before {
width: 69px;
height: 52px;
background-size: cover;
right: 8%;
left: auto;
top: calc(60vw + 25px);
}
.ServicesSliderItem__name {
padding: 16px 10px 15px 10px;
font-size: 14px;
line-height: 17px;
}
.ServicesSliderList .slick-prev {
left: -10px;
}
.ServicesSliderList .slick-prev, .ServicesSliderList .slick-next {
top: -30px;
}
.ServicesSliderList .slick-next {
right: -10px;
}
.ServicesItem {
width: 50%;
}
.ServicesItem__name {
padding: 16px 10px 15px 10px;
font-size: 14px;
line-height: 17px;
}
.WorksList a {
width: 50%;
}
.WorksListVideo div[data-href] {
width: 100%;
margin: auto;
font-size: 14px;
line-height: 17px;
}
.WorksListVideo div img {
width: 54%;
margin: auto;
display: block;
}
.VkBtn,
.InstaBtn {
width: 100%;
display: block;
box-sizing: border-box;
margin: 15px 10px;
}
.SocnetBlock {
border: none;
flex-flow: row wrap;
}
.SocnetBlock__vk,
.SocnetBlock__reviews {
padding: 30px 0px 26px 0px;
width: 100%;
}
.ReviewsList {
width: 100%;
}
.SocnetBlock__vk {
margin: 0 0 20px;
}
.Banner3 .h2 {
width: 100%;
}
.Call {
padding: 60px 0;
}
.Clients,
.Socnet,
.Works,
.Services,
.ServicesSlider,
.Banner2,
.Gray2,
.Objects,
.TextWImgR,
.SectionsLinks,
.Contacts {
margin: 30px 0;
}
.mapBlockW {
margin-top: -30px;
}
.GrayBlock2 {
padding: 0;
width: 100%;
}
.GrayBlock2__descr_bottom, .GrayBlock2__descr {
font-size: 14px;
line-height: 175%;
}
.GrayBlock2__descr {
margin: 30px 0 20px 0;
}
.TextWImgRImg {
}
.TextWImgRTable {
margin: 0;
}
.TextWImgRText .h2 {
position: absolute;
top: 0;
}
.TextWImgRText {
order: 2;
padding-left: 0;
}
.TextWImgRBlock {
position: relative;
}
.WorksTop {
position: relative;
top: 0;
transform: none;
left: 0;
justify-content: center;
text-align: center;
width: 100%;
max-width: 100%;
}
.WorksListBtn {
margin: 0px auto 35px auto;
}
.WorksLists {
width: 100%;
}
.WorksList .slick-prev {
left: calc(50% - 80px);
}
.WorksList .slick-next {
right: calc(50% - 80px);
left: auto;
}
.WorksList .slick-list:before {
display: none;
}
.ContactsRight {
border-left: none;
padding-left: 0;
}
.ContactsLeft, .ContactsRight {
width: 100%;
margin-top: 30px;
}
.ContactsBlock {
padding: 34px 38px;
}
.Banner4BlockText {
width: 100%;
padding: 90px 0 30px;
}
.Banner4BlockImg img {
padding: 0;
width: 115%;
max-width: none;
margin-top: 0;
margin-left: -7%;
}
.Banner4BlockImg {
text-align: center;
justify-content: center;
width: 100%;
padding-top: 40px;
}
.Banner4BlockImg__round {
right: auto;
top: 0;
transform: translate(-50%,0);
left: 50%;
}
.Banner4 {
padding: 30px 0;
}
.Banner4BlockImg__txt {
padding: 8px 10px 8px 20px;
top: 30px;
}
.Banner4BlockImg__textPhone {
left: 44%;
top: 48%;
transform: translateX(-50%);
font-size: 11.3125px;
line-height: 14px;
}
.Banner4BlockImg__iconPhone a {
bottom: 24%;
left: 44%;
width: 41px;
height: 41px;
background-size: 100%;
transform: translateX(-50%);
}
.Banner4BlockImg__txt:before,
.Banner4BlockImg__txt br {
display: none;
}
.Banner1BlockImg__phone {
top: 20%;
left: 46%;
transform: translateX(-50%);
}
.Text {
margin: 30px 0;
}
.TextWImgRTable {
flex-flow: row wrap;
padding: 26px 20px;
font-size: 14px;
}
.TextWImgRTable .BlueBtn {
width: 100%;
text-align: center;
margin-top: 20px;
padding: 15px 20px;
}
.Advantages {
margin: 30px 0;
}
.SectionsElement {
padding: 9px;
}
.Form .PhoneBlock {
margin-bottom: 20px;
}
.ClientsList img {
margin: 0;
}
.Clients {
padding: 10px 0 20px;
}
.Banner5BlockImg {
position: relative;
display: flex;
}
.Banner5BlockText {
width: 100%;
padding: 46px 0 30px;
}
.Banner5 {
background-size: 100% auto;
background-position-y: bottom;
}
.Banner5BlockImg img {
padding: 0;
width: 140%;
max-width: none;
margin-top: 0;
margin-left: -29%;
}
.Banner5BlockImg__textPhone {
left: 24%;
top: 44%;
font-size: 14px;
line-height: 17px;
}
.Banner5BlockImg__iconPhone a {
bottom: 20%;
left: 32%;
width: 51px;
height: 51px;
}
.Banner5BlockImg__txt {
font-size: 14px;
line-height: 16px;
}
.Banner5Description {
font-size: 12px;
line-height: 15px;
margin-top: 23px;
}
.Links {
margin: -31px 0 30px;
}
.Banner5 {
margin: 30px 0;
}
.BannerMain {
margin-top: 0;
}
.NavigationBlock {
top: 0;
}
.TopBlock h1 {
font-size: 24px;
line-height: 29px;
}
.Contacts {
padding: 20px 0;
}
.SalesItem {
width: 100%;
}
.Sales {
padding: 30px 0 0;
}
}
@media (max-width: 460px){
.Banner1BlockImg__phone {
left: 43%;
}
.Banner1BlockImg__phone a {
font-size: 18px;
}
}
@media (max-width: 390px){
.Banner1BlockImg__phone a {
font-size: 16px;
}
}
@media (max-width: 340px){
.Banner4BlockImg img {
width: 130%;
}
.Banner1BlockImg__phone a {
font-size: 14px;
}
.Services .p-0-15 {
padding: 0;
}
.ServicesItem__name {
font-size: 12px;
}
.SectionsElement a {
font-size: 14px;
line-height: 17px;
}
}
.faq {
display: block;
padding: 80px 0;
}
.faq-item {
display: block;
padding: 20px 33px;
background: #F2F2F2;
border-radius: 10px;
margin-bottom: 14px;
}
.faq-item.hidden {
display: none;
}
.faq-item-wrapper {
display: block;
}
.faq-item-name {
display: block;
position: relative;
font-size: 0;
cursor: pointer;
}
.faq-item-name-text {
font-size: 20px;
line-height: 24px;
font-weight: bold;
}
.faq-item-description {
display: none;
padding-top: 17px;
overflow: hidden;
font-size: 16px;
line-height: 24px;
color: #262626;
}
.faqList {
width: 100%;
margin: 45px auto 0;
}
.faq-item.active{
background: #CAE700;
}
.faq-item.active .faq-item-description {
padding-bottom: 8px;
}
.faq-item-name {
position: relative;
}
.faq-item-name:after {
content: '';
position: absolute;
right: 20px;
top: 50%;
width: 12px;
height: 6.84px;
background: url("/bitrix/templates/mkws/components/bitrix/news.detail/landing/img/bottom.svg") center no-repeat;
transform: translateY(-50%);
}
.faq-item.active .faq-item-name:after {
background-image: url("/bitrix/templates/mkws/components/bitrix/news.detail/landing/img/top.svg");
}
.showFaq {
max-width: 280px;
margin: 20px auto;
}
.showFaq svg {
margin-left: 7px;
margin-bottom: -3px;
}
.showFaq:hover svg {
fill: #151515;
}
.showFaq.hidden {
display: none;
}
.TopBlockB {
margin-top: 0!important;
}
@media (max-width: 767px) {
.faqList {
width: 100%;
}
.faq-item-name-text {
font-size: 14px;
line-height: 17px;
padding-right: 10px;
}
.faq-item-name:after {
right: -6px;
}
.faq {
margin: 30px 0;
}
.faq-item {
padding: 15px 20px;
}
.faq-item-description {
font-size: 12px;
line-height: 140%;
}
}
.Zworks__titleBlock{
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 40px;
}
.Zworks__title{
max-width: 342px;
font-size: 48px;
font-weight: 600;
text-transform: uppercase;
margin: 0;
}
.Zworks__text{
max-width: 657px;
font-size: 16px;
line-height: 18px;
color: #707070;
margin: 0;
}
.ZWorksList .slick-slide{
margin: 0 20px;
}
.ZWorksList .slick-prev, .ZWorksList .slick-next{
width: 36px;
height: 36px;
border-radius: 50%;
background: rgba(45, 45, 67, 0.3);
position: absolute;
}
.ZWorksList .slick-prev:hover{
background: rgba(45, 45, 67, 1);
}
.ZWorksList .slick-next:hover{
background: rgba(45, 45, 67, 1);
}
.ZWorksList .slick-prev::before{
content: '';
display: block;
width: 16px;
background: url('/images/slidernewArrPrew.svg');
background-repeat: no-repeat;
background-position: center;
transform: translate(-50%, -50%) rotate(0);
}
.ZWorksList .slick-next::before{
content: '';
display: block;
width: 16px;
background: url('/images/slidernewArrPrew.svg');
background-repeat: no-repeat;
background-position: center;
transform: translate(-50%, -50%) rotate(180deg);
}
.ZWorksList .slick-prev{
left: -50px;
}
.ZWorksList .slick-next{
right: -30px;
}
.ZWorksList .slick-dots li button:before{
background: rgba(45, 45, 67, 0.3);
width: 8px;
height: 8px;
}
.ZWorksList .slick-dots li.slick-active button:before{
background: rgba(45, 45, 67, 1);
}
.maxwidth-theme.p-0-15.licBreadcrumb{
margin-bottom: 70px;
}
@media(max-width:1100px){
.Zworks__titleBlock{
flex-direction: column;
gap: 20px;
justify-content: flex-start;
align-items: flex-start;
}
}
@media(max-width:765px){
.Zworks__title {
max-width: 100%;
font-size: 24px;
text-transform: uppercase;
line-height: 29px;
}
}
.workRequirement__contentTop, .workRequirement__contentBottom {
display: flex;
gap: 46px;
}
.workRequirement__contentBottomText {
order: 2;
}
.workRequirement__contentBottomImg {
order: 1;
}
.workRequirement__contentBottomImg,
.workRequirement__contentTopImg {
width: 514px; /* или % / vw — как тебе нужно */
height: 700px; /* фиксированная или относительная */
overflow: hidden;
position: relative;
}
.workRequirement__contentBottomImg > img,
.workRequirement__contentTopImg > img{
width: 100%;
height: 100%;
object-fit: cover; /* или contain — см. ниже */
display: block;
border-radius: 16px;
}
.workRequirement__contentBottomText,
.workRequirement__contentTopText {
width: 50%;
}
.workRequirement__title {
padding: 0 15%;
}
.workRequirement__contentTop {
margin-bottom: 36px;
margin-top: 36px;
}
@media (max-width: 970px) {
.workRequirement__contentBottomText {
order: 1;
}
.workRequirement__contentBottomImg {
order: 2;
}
.workRequirement__contentTop, .workRequirement__contentBottom {
flex-direction: column;
align-items: center;
}
.workRequirement__contentTopText,
.workRequirement__contentBottomText {
width: 100%;
padding: 0 15px;
}
}
.whyChooseUs {
margin-top: 120px;
}
.whyChooseUs__list {
padding-bottom: 36px;
padding-top: 10px;
}
.whyChooseUs__list li{
background-color: #fff;
border-radius: 16px;
padding: 25px 86px !important;
margin-left: 25px;
margin-right: 25px;
}
@supports (padding: max(0px)) {
ul.whyChooseUs__list li {
position: relative; /* Нужно, чтобы ::before позиционировался относительно li */
}
ul.whyChooseUs__list li::before {
top: 50%;
left: 36px;
transform: translateY(-50%);
}
}
@media (max-width: 970px) {
.workRequirement__contentBottomImg,
.workRequirement__contentTopImg {
width: 90%; /* или % / vw — как тебе нужно */
height: auto; /* фиксированная или относительная */
overflow: hidden;
position: relative;
}
}
/* rSim — блок «Похожие услуги» на лендингах */
.rSim__items {
display: flex;
flex-direction: row;
gap: 20px;
}
@media screen and (max-width: 768px) {
.rSim__items {
flex-direction: column;
width: 100%;
align-items: center;
}
}
.rSim__item {
display: flex;
flex-direction: column;
position: relative;
text-decoration: none;
border-radius: 10px;
padding: 10px 10px 20px 10px;
max-width: 366px;
width: 100%;
max-height: 401px;
height: 100%;
background-color: #fff;
}
@media screen and (max-width: 768px) {
.rSim__item {
max-width: 340px;
}
}
.rSim__item::after {
content: '';
position: absolute;
bottom: 20px;
left: 10px;
background-image: url('/images/arrow.svg');
background-repeat: no-repeat;
background-size: cover;
width: 36px;
height: 36px;
}
.rSim__item:hover::after {
background-image: url('/images/arrow-active.svg');
}
.rSim__item:hover .rSim__item--title {
color: #7b7cff;
}
.rSim__item--img {
margin-bottom: 17px;
display: block;
width: 100%;
border-radius: 9px;
height: 202px;
}
@media screen and (max-width: 768px) {
.rSim__item--img {
height: 185px;
}
}
.rSim__item--title {
margin: 0;
margin-bottom: 15px;
font-family: Gilroy;
font-size: 20px;
font-weight: 600;
line-height: 24.5px;
text-align: left;
color: #151515;
min-height: 50px;
}
@media screen and (max-width: 768px) {
.rSim__item--title {
min-height: 1px;
font-size: 16px;
line-height: 19.6px;
}
}
.rSim__item--price {
margin: 0;
margin-bottom: 68px;
font-family: Gilroy;
font-size: 16px;
font-weight: 400;
line-height: 19.2px;
text-align: left;
color: #151515;
}
@media screen and (max-width: 768px) {
.rSim__item--price {
margin-bottom: 53px;
}
}
/* End */
/* Start:/bitrix/templates/mkws/css/mkws.settings/mkws_color.css?17732234562957*/
.toTop {border: 1px solid #011054;}.ClientsListDot.active, .WorksListBtn > div.active, .Banner2Block, .Clients .owl-dot.active, .ObjectsBtn, ol li:before, header, .BlueBtn, .LinksBlock,.SectionsLinksUrl a,.slick-dots li.slick-active button:before {background-color: #011054;}.AdvantagesItem > div{border: 1px solid #7b7cff;}.Banner4BlockImg__txt, .Photo a:hover, .ServicesItem a:hover, .ServicesSliderItem a:hover, .ShemeBlockItem > div, .Banner1 > div, .ObjectsItem > a:hover, .SectionsLinksUrl a:hover, .LinksBlockItem a:hover, .SectionsElement a:hover, .BlueBtn:hover, .toTop:hover, .YellowBtn, .HeaderCall, .formBlock form input[type="checkbox"]:checked ~ label .CheckBox, form .PhoneBlock.active:before,.HeaderTopMenuTwoLevel li:hover, .HeaderTopMenuTwoLevel li.selected,.AllService:hover div span, .AllService:hover div:after, .AllService:hover div:before,.faq-item.active,.SalesItem > div,.Form form input[type="checkbox"]:checked ~ label .CheckBox {background-color: #7b7cff;}.YellowBtn:hover {background-color: #011054;} .Contacts .Phone a, .email a, .WorksListBtn > div, a, .toTop, .WithoutTopBanner .NavigationItem a, .popup .h2 {color: #011054;}.SectionsElement a:hover {box-shadow: 10px 10px 25px rgba(123, 124, 255, 0.34);} .ServicesItem a:hover, .ServicesSliderItem a:hover {box-shadow: 10px 10px 25px rgba(123, 124, 255, 0.2);}.Price table tr:hover, table tr:hover {background: rgba(123, 124, 255, 0.2);}.AdvantagesItem > div {color: #7b7cff;}.TextWImgRTable {border: 2px solid #7b7cff;}.Banner5BlockText .Phone a,.HeaderMenuBlock li:hover a, .HeaderMenuBlock li.selected a, .AllService:hover, .FooterMenu a:hover {color: #7b7cff;}.AdvantagesItem__number {color: #7b7cff;} .WorksListBtn {border: 2px solid #011054;}.TextWImgRTable .BlueBtn:hover svg,.SectionsLinksUrl a:hover > div svg {fill: #413d44;}.popup .close:after, .popup .close:before, .ObjectsBtn:hover, .Banner4 > div, .Photo a:hover:before, .Banner3{background-color: #413d44;}.ServicesItem a, .ServicesSliderItem a, .Banner1BlockText .Phone a, .ObjectsItem a, .SectionsLinksUrl a:hover,.LinksBlockItem a:hover, .SectionsElement a {color: #413d44;}@media (min-width: 767px){.AdvantagesItem > div:hover {background: #7b7cff;}}.HeaderCall, .YellowBtn,.BlueBtn:hover, .ServicesItem a:hover, .HeaderMenuBlock li .HeaderTopMenuTwoLevel li:hover a, .HeaderMenuBlock li .HeaderTopMenuTwoLevel li.selected a, .toTop:hover, .ShemeBlockItem,.faq-item.active,.faq-item.active .faq-item-description, .AdvantagesItem > div:hover .AdvantagesItem__number,.SalesItem > div {color: #ffffff;}.toTop:hover {border-color: #ffffff;}.YellowBtn svg, .BlueBtn:hover svg, .TextWImgRTable .BlueBtn:hover svg, .TextWImgRTable .BlueBtn:hover svg {fill: #ffffff;}.toTop:hover svg path {stroke: #ffffff;}.BlueBtn, .YellowBtn:hover {color: #ffffff;}.BlueBtn svg, .YellowBtn:hover svg {fill: #ffffff;}.faq-item.active .faq-item-name:after {background-image: url(/include/new/images/arrowBottomWhite.svg);}
/* End */
/* Start:/bitrix/templates/mkws/components/bitrix/menu/menu_top_new/style.css?17732960402414*/
.HeaderMenuBlock{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;list-style:none;margin:0;padding:20px 0}.HeaderMenuBlock a{color:#2D2D43;text-decoration:none;font-weight:600;font-size:16px;line-height:19px;padding:9px 17px 7px 17px;display:inline-block}.HeaderMenuBlock li:hover a,.HeaderMenuBlock li.selected a{color:#7b7cff}.AllService{font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;position:relative;padding:0 10px}.AllService div{width:14px;height:12px;margin-right:6px;position:relative}.AllService div span{height:2px;width:100%;position:absolute;top:50%;left:0;background:#fff;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.AllService div:before{content:"";height:2px;width:100%;position:absolute;top:0;left:0;background:#fff}.AllService div:after{content:"";height:2px;width:100%;position:absolute;bottom:0;left:0;background:#fff}.HeaderTopMenuTwoLevel{overflow:hidden;position:absolute;visibility:hidden;opacity:0;top:100%;left:0;background:#fff;-webkit-box-shadow:10px 10px 25px rgba(0,0,0,.08);box-shadow:10px 10px 25px rgba(0,0,0,.08);border-radius:10px;z-index:-10;padding:6px;-webkit-transition:z-index 10s,opacity .5s;-o-transition:z-index 10s,opacity .5s;transition:z-index 10s,opacity .5s}.AllService ul li a{color:#151515}.HeaderTopMenuTwoLevel a{white-space:nowrap;padding:17px 27px 17px 17px;display:inline-block;color:#151515}.HeaderTopMenuTwoLevel li{list-style:none;position:relative}.HeaderTopMenuTwoLevel li:hover:after{opacity:1}.HeaderTopMenuTwoLevel li:hover,.HeaderTopMenuTwoLevel li.selected{background:#7b7cff;border-radius:10px}.HeaderTopMenuTwoLevel li:hover a{color:#151515}.HeaderTopMenuTwoLevel li.selected a{color:#151515}@media(min-width: 768px){.AllService:hover{color:#7b7cff}.AllService:hover div span,.AllService:hover div:after,.AllService:hover div:before{background:#7b7cff}.AllService:hover ul{list-style:none;opacity:1;background:#fff;-webkit-transition:z-index .5s;-o-transition:z-index .5s;transition:z-index .5s;z-index:10;visibility:visible}.HeaderMenuBlock li .HeaderTopMenuTwoLevel a,.HeaderMenuBlock li:hover .HeaderTopMenuTwoLevel a,.HeaderMenuBlock li.selected .HeaderTopMenuTwoLevel a{color:#151515}}
/* End */
/* Start:/bitrix/templates/mkws/components/bitrix/breadcrumb/mkws/style.css?17775289521570*/
.NavigationList {
margin: 20px 0;
display: inline-block;
}
.NavigationItem {
line-height: 140%;
vertical-align: middle;
margin: 7px 8px 0 0;
display: inline-block;
}
.NavigationItem span {
font-size: 14px;
line-height: 16px;
}
.NavigationItem a {
border-bottom: none;
color: #fff;
text-decoration: none;
padding-right: 10px;
position: relative;
display: inline-block;
font-size: 14px;
line-height: 16px;
}
.NavigationItem a:after {
content:"";
background: #CAE700;;
position: absolute;
width: 3px;
height: 3px;
top: 50%;
right: -5px;
transform: translate(-50%,-50%);
border-radius: 50%;
}
.NavigationItem a:before {
background: #fff;
content: "";
position: absolute;
display: block;
height: 1px;
right: 0;
bottom: 0;
width: 0;
-webkit-transition: width .3s cubic-bezier(.47,0,.745,.715);
transition: width .3s cubic-bezier(.47,0,.745,.715);
}
.NavigationItem a:hover {}
.NavigationItem a:hover:before {
width: calc(100% - 10px);
-webkit-transition: width .3s cubic-bezier(.29,.18,.26,.83);
transition: width .3s cubic-bezier(.29,.18,.26,.83);
left: 0;
}
.d-none {
display: none;
}
.d-none::after {
display: none;
}
@media (max-width: 991px) and (min-width: 768px){
.NavigationBlock {
margin-top: 0px;
}
}
@media (max-width: 767px) {
.NavigationItem span {
font-size: 12px;
line-height: 140%;
}
.NavigationList {
margin-top: 0;
}
.NavigationItem svg {
width: 16px;
height: 7px;
margin-top: 7px;
margin-right: 5px;
}
.Navigation {
display: flex;
}
.NavigationItem {
margin: 0 8px 0 0;
}
}
/* End */
/* Start:/bitrix/templates/mkws/components/bitrix/menu/bottom_new/style.css?1773295738214*/
.FooterMenu{list-style:none;padding:0;margin:0}.FooterMenu a{color:#fff;text-decoration:none;font-weight:bold;font-size:16px;line-height:19px}.FooterMenu li{margin-bottom:17px}/*.FooterMenu a:hover{color:#cae700}*/
/* End */
/* Start:/bitrix/templates/mkws/styles.css?1773215067252*/
.r-rbru-link{
display: flex;
text-wrap: nowrap;
text-decoration: none;
color: white;
align-items: center;
justify-content: center;
font-size: 16px;
gap: 5px;
}
.r-rbru-link{
}
.r-rbru-svg{
height:17px;
width:auto;
}
.r-rbru-img{
height:17px;
}
/* End */
/* Start:/bitrix/templates/mkws/template_styles.css?178972965656520*/
body {
font-family: "Gilroy", Arial;
font-weight: normal;
font-size: 16px;
line-height: 175%;
margin: 0;
color: #151515;
}
img {
max-width: 100%;
}
div {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
a {
color: #2f2d9a;
}
h1 {
font-weight: bold;
font-size: 48px;
line-height: 58px;
}
.header {
background: #ffffff;
height: 122px;
width: 100vw;
}
.header__wrapper {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
.header__info {
height: 38px;
font-weight: 500;
font-size: 14px;
line-height: 15px;
}
.header__line {
position: absolute;
left: 0px;
top: 38px;
width: 100vw;
border-bottom: 1px solid #ECECEC;
}
.header__item {
display: flex;
gap: 10px;
justify-content: center;
align-items: center;
height: 18px;
color: #2D2D43;
}
.header__item a, span{
color: #2D2D43;
}
.header__item a {
text-decoration: none;
cursor: pointer;
transition: color 0.5s ease-in-out;
}
.header__item a:hover {
color: #2f2d9a;
}
.header__menu {
width: auto;
height: auto;
}
.header__mobile {
display: none;
width: 100%;
height: 74px;
justify-content: center;
align-items: center;
}
footer .socials__container {
margin-bottom: 20px;
}
.socials__container {
display: flex;
gap: 20px;
}
.socials__container--inner {
gap: 10px;
}
.socials__contact {
position: relative;
width: 40px;
height: 40px;
}
.socials__contact img {
width: 100%;
height: 100%;
}
.socials__contact a {
position: absolute;
top: 0px;
left: 0px;
opacity: 0%;
width: 100%;
height: 100%;
}
.socials__contact--whatsapp {
border-radius: 8px;
overflow: hidden;
}
.line--vertical {
height: 30px;
border-right: 1px solid #ECECEC;
}
.HeaderMenuBlock {
display: flex;
gap: 35px;
}
.HeaderMenuBlock a {
padding: 0;
}
.HeaderMenuBlock ul a {
padding: 17px 27px 17px 27px;
}
.AllService {
padding: 0;
}
.clearfix {
width: 100%;
height: 1px;
clear: inline-end;
}
.toTop {
position: fixed;
right: 10%;
bottom: 10%;
font-size: 12px;
line-height: 175%;
color: #2f2d9a;
border: 1px solid #2f2d9a;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 22px;
padding: 17px 5px;
text-align: center;
text-decoration: none;
background: #fff;
z-index: 10;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
/* .toTop:hover {
background: #cae700;
} */
.maxwidth-theme {
max-width: 1170px;
position: relative;
width: 100%;
margin: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.p-0-15 {
padding: 0 15px;
}
.h2,
h2 {
font-weight: bold;
font-size: 48px;
line-height: 58px;
color: #151515;
margin: 10px 0 20px 0;
}
.w-100 {
width: 100%;
}
.NormalText20 {
font-size: 16px;
line-height: 19px;
}
.Flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.CenterText {
text-align: center;
}
ul.counter {
list-style: none;
}
ul.counter li {
position: relative;
padding-left: 70px;
margin-bottom: 30px;
}
.counter {
counter-reset: heading;
padding: 0;
margin: 35px 0px 20px 0;
}
.counter li:before {
counter-increment: heading;
content: counter(heading);
font-weight: bold;
font-size: 16px;
line-height: 20px;
text-align: center;
background: #70caf3;
border-radius: 50%;
width: 40px;
display: inline-block;
height: 40px;
padding: 10px 14px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
header {
background: #2f2d9a;
color: #fff;
border-radius: 0px 0px 10px 10px;
position: fixed;
z-index: 200;
width: 100%;
top: 0;
left: 0;
}
header .Flex {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
align-items: center;
}
.HeaderLogo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
padding: 9px 0 12px 0;
}
.HeaderLogo img {
width: 124px;
}
.HeaderLogo__text {
font-weight: bold;
font-size: 14px;
line-height: 17px;
color: #fff;
}
.HeaderLogo__text span {
display: block;
font-size: 10px;
line-height: 12px;
}
.HeaderInfo > span {
display: block;
margin-top: 4px;
}
.HeaderInfo {
display: -webkit-box;
display: -ms-flexbox;
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 0 10px 0;
position: relative;
z-index: 2;
}
footer {
background: #070707;
color: #fff;
padding: 80px 0 50px 0;
}
footer .HeaderLogo {
margin-bottom: 50px;
}
.FooterRightBlock,
.FooterCenterBlock,
.FooterLeftBlock {
width: 33.33%;
}
.FooterRightBlock {
max-width: 280px;
}
.FooterBlockName {
font-weight: bold;
color: #bdbdbd;
margin-bottom: 20px;
}
.BlueBtn {
font-weight: bold;
background: #2f2d9a;
border-radius: 20px;
color: #fff;
padding: 15px;
text-align: center;
cursor: pointer;
-webkit-transition: background-color 0.5s, color 0.5s;
-o-transition: background-color 0.5s, color 0.5s;
transition: background-color 0.5s, color 0.5s;
border: none;
}
/* .BlueBtn:hover {
background: #cae700;
color: #151515;
} */
.YellowBtn {
font-weight: bold;
/* background: #cae700;
color: #151515; */
border-radius: 10px;
padding: 15px;
text-align: center;
cursor: pointer;
-webkit-transition: background-color 0.5s, color 0.5s;
-o-transition: background-color 0.5s, color 0.5s;
transition: background-color 0.5s, color 0.5s;
border: none;
}
.YellowBtn:hover {
background: #2f2d9a;
color: #fff;
}
.FooterInfoItem {
font-size: 16px;
line-height: 19px;
margin-bottom: 8px;
}
.FooterInfoItem__phone {
margin: 30px 0 15px 0;
}
.FooterInfoItem__phone a,
.FooterInfoItem__email a {
font-weight: bold;
font-size: 16px;
line-height: 19px;
color: #fff;
text-decoration: none;
}
.FooterInfoItem__email {
margin-bottom: 15px;
}
.FooterInfoItem__work_time {
margin-bottom: 33px;
}
footer .Flex {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.FooterCenterBlock .FooterMenu {
width: 70%;
}
.FooterBottom {
border-top: 1px solid #151515;
padding-top: 45px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 40px;
}
.FooterCopy {
font-weight: 300;
font-size: 12px;
line-height: 14px;
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#bx-composite-banner {
margin-right: 15px;
}
.FooterDeveloper a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: right;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 300;
font-size: 12px;
line-height: 14px;
color: #fff;
text-decoration: none;
}
.FooterDeveloper a svg {
margin-left: 10px;
max-height: 70px;
}
.FooterRightBlock .BlueBtn {
margin-bottom: 20px;
}
.formBlockFooter {
display: flex;
gap: 10px;
margin-top: 14px;
margin-bottom: 35px;
}
.formBlock form .CheckBox {
border: 1px solid #bdbdbd;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 2px;
width: 12px;
height: 12px;
display: inline-block;
}
.formBlock form input[type="submit"] {
height: 51px;
width: 282px;
margin-bottom: 60px;
}
.formBlock form input[type="text"] {
background: #f2f2f2;
border-radius: 25px;
border: none;
height: 50px;
width: 100%;
padding-left: 50px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
form input[type="text"] {
color: #151515;
font-weight: bold;
}
form input[type="text"]::-webkit-input-placeholder {
font-weight: bold;
color: #bdbdbd;
}
form input[type="text"]::-moz-placeholder {
font-weight: bold;
color: #bdbdbd;
}
form input[type="text"]:-ms-input-placeholder {
font-weight: bold;
color: #bdbdbd;
}
form input[type="text"]::-ms-input-placeholder {
font-weight: bold;
color: #bdbdbd;
}
form input[type="text"]::placeholder {
font-weight: bold;
color: #bdbdbd;
}
.formBlock form .PhoneBlock:before {
content: "";
position: absolute;
left: 15px;
width: 25px;
height: 25px;
background: #bdbdbd url("/bitrix/templates/mkws/images/mobile.svg") center no-repeat;
border-radius: 50%;
background-size: auto 70%;
top: 13px;
}
form .PhoneBlock.active:before {
background-color: #cae700;
}
.formBlockFooter.error,
.formBlockFooter.error a,
.Form .FormFooter.error,
.Form .FormFooter.error a {
color: red;
}
.overlay .BlueBtn {
margin-top: 35px;
width: 230px;
}
.formBlock form input[type="checkbox"]:checked ~ label .CheckBox {
background: #cae700 url("/images/check.svg") center no-repeat;
}
.formBlock form .PhoneBlock {
width: 80%;
position: relative;
margin: auto;
}
.formBlock form {
margin: 50px 0 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
form input[type="text"]:focus {
outline: none;
}
.overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
-webkit-transition: opacity 300ms;
-o-transition: opacity 300ms;
transition: opacity 300ms;
visibility: hidden;
opacity: 0;
z-index: 202;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: none;
}
.overlay-visible {
visibility: visible;
opacity: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
[data-event="call"] .popup {
margin: 70px auto;
-webkit-box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.08);
box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.08);
border-radius: 0px 20px;
width: 70%;
position: relative;
-webkit-transition: all 5s ease-in-out;
-o-transition: all 5s ease-in-out;
transition: all 5s ease-in-out;
max-width: 616px;
padding: 40px 80px;
background: #fff;
}
.popup .close {
position: absolute;
top: 17px;
right: 17px;
opacity: 1;
width: 29px;
height: 29px;
cursor: pointer;
}
.popup .close:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 100%;
height: 2px;
background: #151515;
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
.popup .close:after {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 100%;
height: 2px;
background: #151515;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
.MobileBtnMenu {
display: none;
position: absolute;
right: 17.6px;
}
.MobileMenu {
display: none;
}
.cookie-popup {
display: none;
background: #fff;
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
border-radius: 10px;
max-width: 900px;
position: fixed;
left: 50%;
bottom: 15px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
padding: 22px 35px;
font-size: 14px;
line-height: 120%;
z-index: 10001;
width: 100%;
}
.cookie-popup .Text {
width: 80%;
display: block;
padding: 0;
}
.cookie-popup .Header {
text-transform: uppercase;
color: #000;
margin-bottom: 5px;
font-weight: bold;
}
.cookie-popup a {
color: #00a7ff;
font-weight: bold;
text-decoration: underline;
}
.cookie-close {
cursor: pointer;
color: #fff;
font-weight: bold;
font-size: 16px;
line-height: 19px;
padding: 13px 35px;
display: inline-block;
position: absolute;
right: 35px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.FooterLogo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
padding: 12px 0 15px 0;
margin-bottom: 50px;
}
.FooterLogo img {
width: 145px;
margin-right: 12px;
}
.HeaderCall {
font-weight: 600;
font-size: 14px;
line-height: 16.7px;
padding: 12px 20px;
border-radius: 10px;
/* background: #cae700;
color: #151515; */
text-align: center;
cursor: pointer;
-webkit-transition: background-color 0.5s, color 0.5s;
-o-transition: background-color 0.5s, color 0.5s;
transition: background-color 0.5s, color 0.5s;
border: none;
}
.HeaderCall:hover {
background: #fff;
color: #151515;
}
.HeaderShedule {
font-size: 12px;
line-height: 14px;
}
.HeaderCity {
font-weight: 400;
font-size: 12px;
line-height: 15px;
}
.popup .h2 {
font-weight: bold;
font-size: 48px;
line-height: 58px;
margin-top: 0;
color: #2f2d9a;
}
.InputBlock {
width: 50%;
margin-bottom: 20px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type="number"] {
-moz-appearance: textfield;
}
.popup .formBlock form .InputBlock input[type="number"],
.popup .formBlock form .InputBlock input[type="text"] {
background: none;
border: none;
border-bottom: 2px solid #000;
border-radius: 0;
font-weight: bold;
font-size: 16px;
line-height: 19px;
color: #151515;
padding: 1px 15px;
outline: none;
width: 85%;
height: 35px;
}
.popup .formBlock form .InputBlock.error input[type="number"],
.popup .formBlock form .InputBlock.error input[type="text"] {
border-bottom: 2px solid red;
color: red;
}
.popup
.formBlock
form
.InputBlock
input[type="number"]::-webkit-input-placeholder,
.popup
.formBlock
form
.InputBlock
input[type="text"]::-webkit-input-placeholder {
font-weight: bold;
color: #bdbdbd;
}
.popup .formBlock form .InputBlock input[type="number"]::-moz-placeholder,
.popup .formBlock form .InputBlock input[type="text"]::-moz-placeholder {
font-weight: bold;
color: #bdbdbd;
}
.popup .formBlock form .InputBlock input[type="number"]:-ms-input-placeholder,
.popup .formBlock form .InputBlock input[type="text"]:-ms-input-placeholder {
font-weight: bold;
color: #bdbdbd;
}
.popup .formBlock form .InputBlock input[type="number"]::-ms-input-placeholder,
.popup .formBlock form .InputBlock input[type="text"]::-ms-input-placeholder {
font-weight: bold;
color: #bdbdbd;
}
.popup .formBlock form .InputBlock input[type="number"]::placeholder,
.popup .formBlock form .InputBlock input[type="text"]::placeholder {
font-weight: bold;
color: #bdbdbd;
}
.popup
.formBlock
form
.InputBlock.error
input[type="number"]::-webkit-input-placeholder,
.popup
.formBlock
form
.InputBlock.error
input[type="text"]::-webkit-input-placeholder {
color: red;
}
.popup .formBlock form .InputBlock.error input[type="number"]::-moz-placeholder,
.popup .formBlock form .InputBlock.error input[type="text"]::-moz-placeholder {
color: red;
}
.popup
.formBlock
form
.InputBlock.error
input[type="number"]:-ms-input-placeholder,
.popup
.formBlock
form
.InputBlock.error
input[type="text"]:-ms-input-placeholder {
color: red;
}
.popup
.formBlock
form
.InputBlock.error
input[type="number"]::-ms-input-placeholder,
.popup
.formBlock
form
.InputBlock.error
input[type="text"]::-ms-input-placeholder {
color: red;
}
.popup .formBlock form .InputBlock.error input[type="number"]::placeholder,
.popup .formBlock form .InputBlock.error input[type="text"]::placeholder {
color: red;
}
.popup .formBlockFooter label {
font-size: 12px;
line-height: 14px;
font-weight: 400;
}
.popup .formBlockFooter label a {
color: #151515;
}
.popup .formBlockFooter .CheckBox {
position: relative;
margin-bottom: -2px;
}
.HeaderWhatsup {
display: none;
}
.WithoutTopBanner {
padding-top: 80px;
}
.WithoutTopBanner .NavigationItem a {
color: #2f2d9a;
}
.WithoutTopBanner .NavigationItem a:hover {
text-decoration: underline;
}
.MobileBlock {
display: none;
}
main {
padding-top: 122px;
min-height: calc(100vh - 650px);
}
header .Flex > .HeaderWhatsup {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
header .Flex > .HeaderWhatsup a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.InputFiles {
margin: 0px 15px 10px 0;
position: relative;
width: 100%;
text-align: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
input[type="file"],
input[type="file"]::-webkit-file-upload-button {
opacity: 0;
cursor: pointer;
height: 45px;
}
.InputFile {
position: absolute;
top: 0;
pointer-events: none;
cursor: pointer;
-webkit-transition: color 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
-o-transition: color 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
transition: color 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
height: 45px;
font-size: 16px;
line-height: 45px;
padding: 0 30px 0 50px;
margin-top: 0 !important;
}
.InputFile:before {
content: "";
position: absolute;
width: 45px;
height: 45px;
background: url(/bitrix/templates/mkws/images/file.svg) center no-repeat;
pointer-events: none;
left: 0;
top: 0;
-webkit-transition: background 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
-o-transition: background 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
transition: background 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
padding: 2px 17px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 16px;
}
.FileList {
margin: 0;
padding: 0;
list-style: none;
position: relative;
display: block;
margin-top: 10px;
height: auto;
}
.FileList li {
margin-top: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.FileList li .cl {
margin-left: 5px;
cursor: pointer;
}
.sale {
font-size: 24px;
font-weight: bold;
color: red;
margin-bottom: 20px;
}
.HeaderTelegram {
display: none;
}
@media (max-width: 1200px) {
.h2,
h2,
h1 {
font-size: 36px;
line-height: 46px;
}
}
@media (max-width: 1130px) {
.HeaderLogo img {
width: 70px;
}
.HeaderCall {
padding: 12px 10px;
}
.toTop {
padding: 10px 3px;
right: 30px;
bottom: 2%;
}
}
@media (max-width: 992px) {
.h2,
h2,
h1 {
font-size: 32px;
line-height: 40px;
}
.HeaderLogo img {
width: 70px;
}
.HeaderCall {
display: none;
}
}
@media (max-width: 860px) {
.socials__container {
display: none;
}
footer .socials__container {
display: flex;
}
}
@media (max-width: 768px) {
.header {
height: 74px;
}
.header__info {
display: none;
}
.header__line {
display: none;
}
.socials__contact {
width: 30px;
height: 30px;
}
.HeaderTelegram a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 40px;
}
.HeaderLogo {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.MobileBlock {
display: block;
width: 100%;
color: #fff;
margin-top: 4px;
}
.MobileBlock .HeaderShedule,
.MobileBlock .HeaderCity {
display: none;
}
.WithoutTopBanner {
padding-top: 50px;
}
.HeaderWhatsup {
margin-right: 10px;
}
.whatsUp img {
width: 40px;
height: 40px;
}
.popup .h2 {
font-size: 24px;
line-height: 29px;
margin-bottom: 12px;
}
.InputBlock {
width: 100%;
margin-bottom: 20px;
}
.formBlock form {
margin: 30px 0 0 0;
}
.HeaderCall,
.HeaderShedule,
.HeaderCity {
display: none;
}
footer {
position: relative;
}
.FooterLogo {
margin-bottom: 30px;
}
.cookie-popup {
padding: 12px 20px 15px 20px;
font-size: 12px;
bottom: 0;
}
.cookie-close {
top: auto;
font-size: 14px;
position: relative;
bottom: auto;
right: auto;
text-align: center;
margin-top: 15px;
width: 100%;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.cookie-popup .Text {
width: 100%;
}
body {
font-size: 14px;
line-height: 175%;
}
.h2,
h2,
h1 {
font-size: 24px;
line-height: 29px;
}
.header__menu {
display: none;
}
header .Cities {
display: none;
}
.HeaderLogo__text {
display: none;
}
.MobileBtnMenu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 22px;
height: 15px;
}
.MobileBtnMenu:before {
content: "";
position: absolute;
width: 100%;
height: 3px;
left: 0;
top: 0;
background: #151515;
-webkit-transition: -webkit-transform 0.2s;
transition: -webkit-transform 0.2s;
-o-transition: transform 0.2s;
transition: transform 0.2s;
transition: transform 0.2s, -webkit-transform 0.2s;
}
.MobileBtnMenu:after {
content: "";
position: absolute;
width: 100%;
height: 3px;
left: 0;
bottom: 0;
background: #151515;
-webkit-transition: -webkit-transform 0.2s;
transition: -webkit-transform 0.2s;
-o-transition: transform 0.2s;
transition: transform 0.2s;
transition: transform 0.2s, -webkit-transform 0.2s;
}
.MobileBtnMenu > span {
display: block;
position: absolute;
width: 100%;
height: 3px;
left: 0;
top: 50%;
background: #151515;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
body.menu .MobileBtnMenu > span {
opacity: 0;
}
body.menu .MobileBtnMenu:before {
top: 50%;
-webkit-transform: translateY(-50%) rotate(45deg);
-ms-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
-webkit-transition: -webkit-transform 0.2s;
transition: -webkit-transform 0.2s;
-o-transition: transform 0.2s;
transition: transform 0.2s;
transition: transform 0.2s, -webkit-transform 0.2s;
}
body.menu .MobileBtnMenu:after {
top: 50%;
-webkit-transform: translateY(-50%) rotate(-45deg);
-ms-transform: translateY(-50%) rotate(-45deg);
transform: translateY(-50%) rotate(-45deg);
-webkit-transition: -webkit-transform 0.2s;
transition: -webkit-transform 0.2s;
-o-transition: transform 0.2s;
transition: transform 0.2s;
transition: transform 0.2s, -webkit-transform 0.2s;
}
.FooterRightBlock,
.FooterLeftBlock {
width: 50%;
max-width: none;
}
.FooterCenterBlock {
width: 100%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
padding-bottom: 45px;
}
footer .HeaderLogo {
margin-bottom: 12px;
padding: 0;
}
.FooterCenterBlock .FooterMenu {
width: 100%;
}
.FooterMenu a {
font-size: 14px;
line-height: 17px;
}
footer {
padding: 50px 0;
}
.FooterRightBlock .YellowBtn {
width: 100%;
}
#bx-composite-banner {
display: inline-block;
width: 100%;
margin: 0 0 10px 0;
}
.FooterRightBlock {
padding-bottom: 0;
}
.FooterBottom {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.FooterCopy {
width: 100%;
text-align: right;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.FooterDeveloper {
text-align: right;
padding-bottom: 26px;
}
.FooterBottom {
padding-top: 44px;
margin-top: 0;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.FooterInfoItem {
font-size: 14px;
line-height: 17px;
margin-bottom: 22px;
}
.formBlock form .PhoneBlock {
width: 100%;
}
.popup {
padding: 50px 32px;
width: 95%;
}
.formBlockFooter {
margin-top: 10px;
margin-bottom: 30px;
font-size: 12px;
line-height: 16px;
}
.popup .formBlockFooter label {
position: relative;
display: inline-block;
}
.popup .formBlockFooter .CheckBox {
width: 25px;
height: 25px;
position: absolute;
left: 0;
top: 0;
}
.popup .formBlock form input[type="submit"] {
width: 100%;
}
.formBlock form input[type="submit"] {
margin-bottom: 35px;
}
.NormalText20 {
font-size: 14px;
line-height: 16px;
}
header .Flex {
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.HeaderLogo {
position: absolute;
top: 50%;
z-index: 3;
padding: 0;
max-width: 120px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.HeaderLogo img {
width: 120px;
height: 54px;
}
.header__mobile {
position: relative;
display: flex;
gap: 8px;
right: 52px;
justify-content: flex-end;
}
.MobileMenu {
background: #2f2d9a;
position: fixed;
width: 100%;
height: calc(100% - 65px);
color: #fff;
top: 65px;
padding-left: 0;
display: block;
left: -200vw;
z-index: 10;
-webkit-transition: left 0.5s;
-o-transition: left 0.5s;
transition: left 0.5s;
}
.MobileMenu__menu ul li a {
padding: 17px 27px 17px 27px;
color: #fff;
}
body.menu .MobileMenu {
left: 0;
-webkit-transition: left 0.5s;
-o-transition: left 0.5s;
transition: left 0.5s;
overflow: auto;
}
.HeaderTopMenuTwoLevel {
height: auto;
position: relative;
color: #fff;
display: block;
top: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
opacity: 1;
background: none;
visibility: visible;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
z-index: 1;
}
.HeaderMenuBlock li {
display: block;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
z-index: 2;
cursor: auto;
}
.HeaderTopMenuTwoLevel a {
white-space: normal;
text-transform: none;
padding: 0;
}
.HeaderTopMenuTwoLevel li {
border-bottom: 1px solid #fff;
}
.AllService div {
display: none;
}
.AllService {
text-transform: uppercase;
color: #cae700;
}
.MobileMenu__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 25px;
padding-bottom: 25px;
}
body.menu {
overflow: hidden;
}
.toTop {
position: absolute;
top: 0;
bottom: auto;
left: 50%;
right: auto;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.FooterMenu li {
margin-bottom: 20px;
}
.HeaderMenuBlock li .HeaderTopMenuTwoLevel a,
.HeaderMenuBlock li:hover .HeaderTopMenuTwoLevel a,
.HeaderMenuBlock li.selected .HeaderTopMenuTwoLevel a {
color: #fff;
}
.HeaderTopMenuTwoLevel li:hover,
.HeaderTopMenuTwoLevel li.selected {
background: none;
border-radius: 0;
}
.BannerMain h1 {
font-size: 24px;
line-height: 29px;
}
header {
height: 70px;
}
main {
padding-top: 74px;
min-height: calc(100vh - 650px);
}
.NavigationBlock {
/* display: none; */
position: unset;
}
.FooterMenu,
.FooterCenterBlock {
display: none;
}
.FooterRightBlock,
.FooterLeftBlock {
width: 100%;
}
}
@media (max-width: 420px) {
.FooterInfoItem__email a {
font-size: 14px;
}
}
@media (max-width: 380px) {
.FooterInfoItem__email a {
font-size: 12px;
}
.FooterInfoItem {
font-size: 12px;
line-height: 15px;
}
}
.BannerMainBack {
background: url(/images/template/sout78-banner1.webp);
background-position: center;
background-repeat: no-repeat;
}
@media (max-width: 600px) {
.hero {
background-image: url("/bitrix/templates/mkws/images/template/hero-bg_m.webp");
}
.s03-col1 img {
width: 100%;
}
}
form .PhoneBlock.error {
border-radius: 13px;
border: 2px solid red;
}
form .form-footer.error {
color: red;
}
.form_otzivi .InputBlock.error {
border-radius: 13px;
border: 2px solid red;
}
.form_otzivi .InputBlockText {
width: 100%;
margin-bottom: 14px;
}
.otzivi_form-wrapper {
width: 100%;
margin-bottom: 148px;
}
.otzivi_form-title {
max-width: 500px;
margin: 0 auto 25px;
font-size: 48px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
@media(max-width: 765px){
.otzivi_form-title {
max-width: 100%;
font-size: 24px;
text-transform: uppercase;
line-height: 29px;
}
}
.otzivi-forms__container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
gap: 16px;
}
.form_otzivi {
max-width: 750px;
width: 100%;
padding: 59px 40px 40px 40px;
background-color: #ffffff;
border-radius: 10px;
position: relative;
}
@media (max-width: 765px) {
.form_otzivi {
padding: 59px 15px 40px;
}
}
.InputBlock1 {
}
.InputBlock2 {
width: auto;
position: absolute;
right: 40px;
top: 59px;
}
.otzivi__form-container form {
}
.flex-inputs {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 10px;
}
.otzivi__inputBlock {
border: 1px solid #e0e0e0;
border-radius: 10px;
width: fit-content;
}
.form_otzivi input[type="text"] {
padding-left: 15px;
font-size: 16px;
border: none;
width: 325px;
height: 64px;
border-radius: 10px;
border: 1px solid #e0e0e0;
}
.form_otzivi input[type="email"] {
padding-left: 15px;
font-size: 16px;
border: none;
width: 325px;
height: 64px;
border-radius: 10px;
border: 1px solid #e0e0e0;
}
.form_otzivi input[type="text"].error,
.form_otzivi input[type="email"].error,
.form_otzivi textarea.error {
border: 2px solid #e24a2a;
}
.form_otzivi input::placeholder {
margin-left: 15px;
font-size: 16px;
font-style: normal;
line-height: normal;
font-weight: bold;
color: #bdbdbd;
}
.otzivi__inputBlock input::placeholder {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.textarea_contant {
font-size: 16px;
font-weight: 700;
border: none;
border-radius: 10px;
resize: none;
width: 665px;
min-height: 192px;
padding: 10px 15px;
border: 1px solid #e0e0e0;
}
.textarea_contant::placeholder {
margin-left: 15px;
font-size: 16px;
font-style: normal;
line-height: normal;
font-weight: bold;
color: #bdbdbd;
}
.textarea_counter {
margin-top: 8px;
text-align: right;
font-size: 13px;
line-height: 1.3;
color: #707070;
}
.textarea_counter-current {
font-weight: 600;
color: #4f4f4f;
}
.form_otzivi .form_inline_messages {
display: none;
margin: 14px 0 10px;
padding: 12px 14px;
border: 1px solid #f1b1b1;
border-radius: 10px;
background: #fff4f4;
color: #b12727;
text-align: left;
}
.form_otzivi .form_inline_messages.active {
display: block;
}
.form_otzivi .form_inline_messages-title {
margin-bottom: 6px;
font-size: 14px;
font-weight: 700;
line-height: 1.35;
}
.form_otzivi .form_inline_messages ul {
margin: 0;
padding-left: 18px;
}
.form_otzivi .form_inline_messages li {
margin-bottom: 3px;
font-size: 14px;
line-height: 1.35;
}
.form_otzivi .form_inline_messages li:last-child {
margin-bottom: 0;
}
.otzivi-forms__container input[type="file"]::-webkit-file-upload-button {
opacity: 1;
cursor: pointer;
height: 36px;
}
.otzivi_button {
background: none;
border: none;
width: 175px;
height: 36px;
border: 1px solid #e0e0e0;
border-radius: 10px;
color: #7b7cff;
}
.newbutton {
width: 100%;
height: 64px;
background-color: #7b7cff !important ;
}
.email_input {
}
.form_otzivi .BlueBtn {
background-color: #ffffff;
border: 1px solid #e0e0e0;
color: #7b7cff;
}
.form_otzivi input[type="submit"] {
color: #ffffff;
}
.form_otzivi input[type="submit"]:hover {
color: #ffffff;
background-color: #2f2d9a;
}
.otzivi__form-container input[type="checkbox"] {
opacity: 0;
}
.otzivi__inputFiles {
display: flex;
position: relative;
margin-top: 15px;
}
.otzivi__inputFiles .BlueBtn {
background-color: #ffffff;
border: 1px solid #7b7cff;
}
.inputfile {
}
.InputFile::before {
content: "";
position: absolute;
width: 45px;
height: 45px;
background: url(/bitrix/templates/mkws/images/file_icon.svg) center no-repeat;
pointer-events: none;
left: 0;
top: 0;
padding: 2px 17px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 16px;
}
.otzivi_submit-button {
margin: 25px auto 25px;
width: 100%;
height: 64px;
background-color: #7b7cff;
border: none;
border-radius: 10px;
color: #ffffff;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
transition: background-color 0.5s, color 0.5s;
}
.otzivi_submit-button:hover {
cursor: pointer;
background-color: #5858f0;
}
.form_otzivi .InputFiles {
display: block;
width: 100%;
}
.form_otzivi .InputFiles .InputFile {
max-width: 100%;
}
.form_otzivi .FileList {
width: 100%;
margin-top: 12px;
padding: 0;
list-style: none;
}
.form_otzivi .FileList li {
display: flex;
align-items: flex-start;
gap: 8px;
width: 100%;
margin-top: 6px;
line-height: 1.35;
}
.form_otzivi .FileList li .name {
flex: 1 1 auto;
min-width: 0;
overflow-wrap: anywhere;
word-break: break-word;
}
.form_otzivi .FileList li .cl {
flex: 0 0 auto;
margin-left: 0;
font-size: 18px;
line-height: 1;
}
.form_otzivi .formBlockFooter input[type="checkbox"] {
position: absolute;
opacity: 0;
width: 1px;
height: 1px;
margin: 0;
}
.form_otzivi .formBlockFooter .CheckBox {
display: inline-block;
vertical-align: middle;
margin-right: 6px;
width: 12px;
height: 12px;
border: 1px solid #bdbdbd;
border-radius: 2px;
}
.form_otzivi .formBlockFooter input[type="checkbox"]:checked + label .CheckBox {
border-color: #7b7cff;
background: #7b7cff url("/images/check.svg") center no-repeat;
background-size: 8px 8px;
}
.formBlockFooter {
}
.CheckBox {
}
.footer-otzivi label {
max-width: 491px;
display: block;
margin: 0 auto;
text-align: center;
font-family: Gilroy;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 145%;
color: #707070;
}
.footer-otzivi a {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 145%;
color: #707070;
}
.otzivi-check-box span {
margin-bottom: 40px;
}
.social__links {
width: 367px;
background-color: #ffffff;
border-radius: 10px;
padding: 59px 32px 160px;
}
.social__links_title {
width: 255px;
text-align: center;
font-family: Gilroy;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin: 0 auto 68px;
}
.social__links_bitton {
width: 100%;
height: 61px;
border: 1px solid #e0e0e0;
border-radius: 10px;
margin-bottom: 11px;
background-repeat: no-repeat;
background-position: center;
}
.social__links a {
display: block;
margin: 0 auto 20px;
text-align: center;
font-family: Gilroy;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
color: #707070;
}
.social__links .yandex {
background-image: url(/bitrix/templates/mkws/./images/yandex.png);
}
.social__links .google {
background-image: url(/bitrix/templates/mkws/./images/google.png);
}
@media (max-width: 710px) {
.textarea_contant {
width: 100%;
}
.InputBlock2 {
position: static;
}
.form_otzivi input[type="text"] {
width: 100%;
}
}
.form_otzivi .formBlockFooter {
text-align: center;
font-family: Gilroy;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 145%;
color: #707070;
}
header .Flex .HeaderTelegramPC img {
opacity: 1;
width: 40px;
height: 40px;
border-radius: 10px;
}
.HeaderTelegramPC {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 10px;
border-radius: 10px;
height: 40px;
}
.PriceBlockTable table {
margin: 0 auto;
text-align: center;
}
/* __________________________________BLOG__________________________________ */
.content {
padding-top: 50px;
padding-bottom: 50px;
}
.blog-descr {
margin-bottom: 34px;
max-width: 740px;
font-size: 14px;
line-height: 1.5;
}
/* .tags */
.tags {
margin-bottom: 22px;
display: flex;
flex-wrap: wrap;
gap: 8px 15px;
}
.tag {
padding: 3px 8px;
background-color: #e6e6e6;
border-radius: 8px;
color: #a8a8a8;
font-size: 12px;
line-height: normal;
cursor: pointer;
}
.tag.active {
background-color: #7b7ef7;
color: #fff;
}
/* .blog-posts */
.blog-posts {
display: flex;
flex-wrap: wrap;
gap: 14px;
}
.blog-post {
padding: 10px 10px 20px;
display: flex;
flex-direction: column;
line-height: normal;
background-color: #fff;
border-radius: 8px;
overflow: hidden;
width: calc((100% - 28px) / 3);
}
@media screen and (max-width: 840px) {
.blog-post {
width: calc((100% - 14px) / 2);
}
}
@media screen and (max-width: 520px) {
.blog-post {
width: 100%;
}
}
.blog-post a {
text-decoration: none;
}
.blog-post a:hover {
color: #7b7cff;
}
.blog-post__img {
margin-bottom: 22px;
display: block;
border-radius: 8px;
overflow: hidden;
width: 100%;
}
.blog-post__title {
margin-top: 0;
margin-bottom: 12px;
color: #000;
font-size: 20px;
font-weight: 600;
transition: color 0.25s;
}
.blog-post__title:hover {
color: #7b7cff;
}
.blog-post__list {
margin-bottom: 12px;
display: flex;
flex-wrap: wrap;
gap: 6px 13px;
font-size: 12px;
}
.blog-post__list a {
text-decoration: underline;
color: #000;
transition: color 0.25s;
}
.blog-post__descr {
margin-top: 0;
margin-bottom: 34px;
color: #707070;
font-size: 14px;
}
.blog-post__info {
margin-top: auto;
display: flex;
justify-content: space-between;
color: #707070;
font-size: 12px;
line-height: normal;
}
.blog-post__info span {
position: relative;
padding-left: 21px;
}
.blog-post__info span::before {
content: "";
position: absolute;
left: 0px;
top: -2px;
width: 16px;
height: 16px;
background-size: cover;
}
.blog-post__info .blog-post__date::before {
background-image: url("/bitrix/templates/mkws/components/redcode/news/blog/images/calendar.svg");
}
.blog-post__info .blog-post__views::before {
background-image: url("/bitrix/templates/mkws/components/redcode/news/blog/images/eye.svg");
}
.post-content {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.post-content h1,
.post-content h2,
.post-content h3 {
font-weight: normal;
line-height: normal;
}
.post-content h1,
.post-content h2 {
font-size: 32px;
}
@media screen and (max-width: 768px) {
.post-content h1,
.post-content h2 {
font-size: 24px;
}
}
.post-content__box {
width: calc(100% - 366px - 20px);
}
@media screen and (max-width: 1200px) {
.post-content__box {
width: calc(100% - 300px - 20px);
}
}
@media screen and (max-width: 768px) {
.post-content__box {
width: 100%;
}
}
.post-content__box > *:first-child {
margin-top: 0;
}
.post-content__box .blog-post__info {
margin-top: 20px;
}
.post-content__aside {
max-width: 366px;
width: 100%;
}
@media screen and (max-width: 1200px) {
.post-content__aside {
max-width: 300px;
}
}
@media screen and (max-width: 768px) {
.post-content__aside {
max-width: 100%;
}
}
.post-content__aside > *:first-child {
margin-top: 0;
}
/* .aside-form */
.aside-form {
padding: 20px;
background-color: #fff;
border-radius: 8px;
overflow: hidden;
}
@media screen and (max-width: 768px) {
.aside-form {
max-width: 340px;
margin-left: auto;
margin-right: auto;
}
}
.aside-form > *:first-child {
margin-top: 0;
}
.aside-form > *:last-child {
margin-bottom: 0;
}
.aside-form .aside-form__title {
margin-bottom: 30px;
font-size: 32px;
font-weight: 600;
color: #000;
line-height: normal;
text-transform: uppercase;
}
.aside-form .input-box {
margin-bottom: 20px;
}
.aside-form input[type="text"] {
width: 100%;
height: 51px;
padding-right: 17px;
padding-left: 17px;
border: 1px solid #d9d9d9;
border-radius: 8px;
background-color: #f4f6fa;
}
.aside-form .btn {
margin-bottom: 20px;
padding: 20px 30px;
width: 100%;
justify-content: center;
font-size: 14px;
font-weight: 800;
}
.aside-form .input-box.error input[type="text"] {
border: 2px solid #e24a2a;
background-color: #fff4f4;
}
.aside-form label {
line-height: normal;
}
.aside-form .aside-form__messages {
display: none;
margin-bottom: 16px;
padding: 10px 12px;
border-radius: 8px;
text-align: left;
font-size: 14px;
line-height: 1.35;
}
.aside-form .aside-form__messages.active {
display: block;
}
.aside-form .aside-form__messages--error {
border: 1px solid #f1b1b1;
background: #fff4f4;
color: #b12727;
}
.aside-form .aside-form__messages--success {
border: 1px solid #c7e8cd;
background: #f3fff5;
color: #197b30;
}
.aside-form .aside-form__messages-title {
margin-bottom: 6px;
font-weight: 700;
}
.aside-form .aside-form__messages ul {
margin: 0;
padding-left: 18px;
}
.aside-form .aside-form__messages li {
margin-bottom: 3px;
}
.aside-form .aside-form__messages li:last-child {
margin-bottom: 0;
}
.aside-form .aside-form__descr {
color: #444;
font-size: 14px;
}
.aside-form .aside-form__descr > *:first-child {
margin-top: 0;
}
.aside-form .aside-form__descr a {
color: #444;
font-weight: 600;
text-decoration: underline;
transition: color 0.25s;
}
.aside-form .aside-form__descr a:hover {
color: #7b7cff;
}
.aside-form .form-footer {
position: relative;
padding-left: 24px;
font-size: 14px;
color: #707070;
line-height: normal;
}
.aside-form .form-footer.error,
.aside-form .form-footer.error a {
color: #b12727;
}
.aside-form .form-footer label input {
position: absolute;
left: 0;
top: -2px;
}
.aside-form .form-footer a {
color: inherit;
transition: color 0.25s;
}
.aside-form .form-footer a:hover {
color: #7b7cff;
}
.related-publications__box {
margin-bottom: 60px;
display: flex;
flex-wrap: wrap;
gap: 40px;
}
@media screen and (max-width: 1100px) {
.related-publications__box {
gap: 20px;
}
}
@media screen and (max-width: 660px) {
.related-publications__box {
flex-direction: column;
}
}
.related-publications__item {
position: relative;
width: calc((100% - 40px) / 2);
height: 214px;
background-color: #7b7ef7;
overflow: hidden;
color: #fff;
text-align: right;
font-size: 32px;
font-weight: 700;
line-height: normal;
text-decoration: none;
}
@media screen and (max-width: 1100px) {
.related-publications__item {
width: calc((100% - 20px) / 2);
font-size: 24px;
}
}
@media screen and (max-width: 992px) {
.related-publications__item {
font-size: 18px;
}
}
@media screen and (max-width: 768px) {
.related-publications__item {
height: 150px;
}
}
@media screen and (max-width: 660px) {
.related-publications__item {
width: 100%;
height: 178px;
}
}
@media screen and (max-width: 550px) {
.related-publications__item {
height: 150px;
}
}
.related-publications__item::before {
content: "";
position: absolute;
left: 184px;
top: -436px;
width: 1000px;
height: 1000px;
transform: rotate(-22deg);
background-color: #7b7ef7;
z-index: 2;
}
@media screen and (max-width: 992px) {
.related-publications__item::before {
left: 156px;
}
}
@media screen and (max-width: 768px) {
.related-publications__item::before {
left: 31%;
transform: rotate(349deg);
}
}
.related-publications__item img {
position: absolute;
left: 0;
top: 0;
height: 214px;
}
@media screen and (max-width: 768px) {
.related-publications__item img {
height: 150px;
}
}
@media screen and (max-width: 660px) {
.related-publications__item img {
height: 178px;
}
}
@media screen and (max-width: 550px) {
.related-publications__item img {
height: 150px;
}
}
.related-publications__item p {
position: absolute;
margin: 0;
right: 40px;
top: 50%;
transform: translateY(-50%);
width: calc(100% - 180px);
z-index: 3;
}
@media screen and (max-width: 992px) {
.related-publications__item p {
width: calc(100% - 170px);
}
}
@media screen and (max-width: 768px) {
.related-publications__item p {
right: 20px;
width: 66%;
}
}
.FormFooter a {
color: #fff;
}
.text-img-block {
margin-top: 116px;
}
.text-img-block h2:first-child {
text-align: center;
}
.text-img-block .text-content {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.text-img-block .text-content-reverse {
flex-direction: row-reverse;
}
.text-content .text-img-block__text {
width: 70%;
}
.text-content .text-img-block__img {
width: 25%;
border-radius: 17px;
overflow: hidden;
}
.text-content .text-img-block__img img {
width: 100%;
height: auto;
object-fit: cover;
}
.rb-text-block {
margin-top: 116px;
}
@media all and (max-width: 770px) {
.text-img-block .text-content {
flex-direction: column-reverse;
}
.text-img-block .text-content-reverse {
flex-direction: column;
}
.text-content .text-img-block__text {
margin-top: 32px;
width: 100%;
}
.text-content .text-img-block__img {
width: 70%;
margin: 0 auto;
}
.text-img-block {
margin-top: 64px;
}
.rb-text-block {
margin-top: 64px;
}
}
@media all and (max-width: 400px) {
.text-content .text-img-block__img {
width: 100%;
}
}
#bx-composite-banner {
flex-shrink: 0;
}
#works510 .WorksTop .h2 {
font-size: 43px;
}
@media (max-width: 1200px) {
#works510 .WorksTop .h2 {
font-size: 31px;
}
}
@media screen and (max-width: 460px) {
.ZWorksList .slick-slide img {
width: auto;
height: 250px;
}
}
.BannerMainBig{
height: 745px;
}
@media(max-width: 576px){
.BannerMainBig{
height: auto;
padding-top: 50px;
padding-bottom: 40px;
}
.BannerMainBig .BannerMainBack{
background: url('/bitrix/templates/mkws/images/mob-banner.png') !important;
}
}
.banner-box{
display: grid;
grid-template-columns: 1.45fr 1fr;
gap: 0 100px;
}
@media(max-width: 1100px){
.banner-box{
grid-template-columns: 1fr 1fr;
gap: 0 30px;
}
}
@media(max-width: 768px){
.banner-box{
grid-template-columns: 1fr;
}
}
.form-sale{
margin-bottom: 25px;
padding: 14px 15px;
border: 1px solid #FFFFFF;
border-radius: 10px;
}
@media(max-width: 768px){
.form-sale{
padding: 13px 29px;
}
}
.form-sale p{
margin: 0;
font-size: 20px;
/*line-height: 100%;*/
font-weight: 600;
color: #FFF;
font-family: Gilroy, Arial;
}
@media(max-width: 768px){
.form-sale p{
font-size: 17px;
}
}
.banner-form{
display: flex;
flex-direction: column;
gap: 12px;
padding: 40px;
background: rgba(195, 195, 195, 0.54);
border-radius: 10px;
}
@media(max-width: 1100px){
.banner-form{
padding: 30px;
}
}
.banner-form__input{
width: 100%;
height: 50px;
padding: 0 35px;
font-family: Gilroy, Arial;
font-size: 18px;
font-weight: 500 !important;
color: #FFF !important;
background: #C3C3C3;
border-radius: 10px;
border: none;
}
.banner-form__input.error{
border: 1px solid red;
}
.banner-form__input::placeholder{
font-size: 18px;
color: #FFF !important;
}
.agree{
position: relative;
padding-left: 35px;
}
.agree__input{
display: none;
}
.agree__text{
display: block;
font-size: 14px;
font-weight: 400;
line-height: 16px;
color: rgba(255, 255, 255, 0.85);
}
@media(max-width: 768px){
.agree__text{
font-size: 13px;
}
}
.agree.error .agree__text,
.agree.error .agree__text a{
color: red;
}
.agree__text:before{
position: absolute;
top: 0;
left: 0;
display: flex;
flex-shrink: 0;
content: '';
width: 24px;
height: 24px;
background-image: transparent;
background-size: cover;
border: 2px solid #FFF;
border-radius: 2px;
}
.agree__text:after{
position: absolute;
top: -2px;
left: -2px;
display: flex;
flex-shrink: 0;
content: '';
width: 28px;
height: 28px;
background-size: cover;
background-image: url('data:image/svg+xml,');
opacity: 0;
}
.agree__input:checked + .agree__text:before{
opacity: 0;
}
.agree__input:checked + .agree__text:after{
opacity: 1;
}
.agree__text a{
text-decoration: underline;
color: #FFF;
}
.banner-form__button{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 50px;
font-family: Gilroy, Arial;
font-size: 18px;
font-weight: 500;
color: #FFF;
border-radius: 10px;
background: #7B7CFF;
border: none;
cursor: pointer;
}
.banner-content h1{
margin-top: 0;
margin-bottom: 32px;
font-size: 44px;
line-height: 48px;
font-weight: 600;
text-align: left;
}
@media(max-width: 768px){
.banner-content h1{
margin-bottom: 20px;
font-size: 22px;
line-height: 100%;
font-weight: 700;
}
}
.banner-list{
display: flex;
flex-direction: column;
gap: 16px;
padding-left: 0;
list-style: none;
}
.banner-list__item{
display: flex;
gap: 20px;
position: relative;
}
.banner-list__item span{
font-size: 20px;
font-weight: 400;
line-height: 100%;
color: #FFF;
}
@media(max-width: 768px){
.banner-list__item span{
font-size: 17px;
}
}
.banner-list__item b{
font-weight: 600;
}
.banner-list__item:before{
flex-shrink: 0;
display: block;
content: '';
width: 16px;
height: 11px;
background-image: url('data:image/svg+xml,');
background-size: cover;
transform: translateY(5px);
}
.banner-text{
margin-bottom: 32px;
font-size: 16px;
font-weight: 400;
line-height: 100%;
color: rgba(255, 255, 255, 0.85);
}
@media(max-width: 768px){
.banner-text{
margin-bottom: 20px;
font-size: 15px;
font-weight: 500;
line-height: 130%;
}
}
@media(width <= 1800px){
.Banner1{
overflow: hidden;
}
.Banner1 > div{
width: 1800px;
}
}
@media(width <= 1340px){
.Banner1 .maxwidth-theme{
margin-left: 0;
}
.Banner1 > div{
width: 1500px;
}
}
@media(width <= 992px){
.Banner1 > div{
width: 1350px;
}
}
@media(width <= 768px){
.Banner1 > div{
width: 100%;
}
}
@media (max-width: 389px) {
.ServicesSliderItem__name {
padding: 10px;
font-size: 10px;
line-height: 13px;
}
}
.BannerMain {
height: auto;
margin-top: 0;
padding-top: 150px;
padding-bottom: 50px;
}
@media(width <= 768px){
.BannerMain{
padding-top: 50px;
flex-direction: column;
}
.BannerMain.BannerMainBig {
padding-top: 30px;
flex-direction: column;
}
.BannerMain.BannerMainBig .NavigationBlock {
padding-bottom: 16px;
}
.maxwidth-theme.p-0-15.licBreadcrumb{
margin-bottom: 16px;
margin-top: 30px;
}
}
.NavigationItem a{
color: #707070;
}
.NavigationItem span{
color: #707070;
}
.NavigationItem a:after{
background: #707070;
}
.BannerMain .NavigationItem a{
color: #fff;
}
.BannerMain .NavigationItem span{
color: #fff;
}
.BannerMain .NavigationItem a:after{
background: #fff;
}
.services__container {
width: 100%;
max-width: 1142px;
margin: 0 auto;
}
.TopBlock.services__container {
max-width: 1206px;
padding: 0 32px;
}
.services__item {
text-decoration: none;
display: flex;
min-height: 270px;
margin-bottom: 32px;
color: #151515;
}
.services__item:hover {
color: #fff;
}
.services__item:hover .services__item-description {
color: #fff;
}
.services__item:hover .services__item-info {
background-color: #7B7CFF;
}
.services__item:hover .services__item-btn {
background: #fff;
}
.services__item:hover .services__item-btn svg path {
stroke: #7B7CFF;
}
.services__item-info {
background: #fff;
border-radius: 15px;
padding: 28px 32px;
display: flex;
flex-direction: column;
justify-content: space-between;
width: 667px;
position: relative;
z-index: 1;
margin-right: -32px;
}
.services__item-titleBlock {
display: flex;
justify-content: space-between;
}
.services__item-title {
font-size: 24px;
max-width: 317px;
font-weight: 700;
}
.services__item-btn {
width: 42px;
height: 42px;
border-radius: 50%;
background-color: #7B7CFF;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
}
.services__item-description {
font-size: 16px;
line-height: 19px;
font-weight: 500;
max-width: 436px;
color: #707070;
}
.services__item-image {
line-height: 0;
width: 100%;
max-width: 507px;
}
.services__item-image img {
border-radius: 15px;
width: 100%;
height: 270px;
object-fit: cover;
}
@media (max-width: 850px) {
.services__item {
flex-direction: column;
}
.services__item-info {
margin-right: 0;
width: 100%;
order: 1;
min-height: 228px;
margin-top: -25px;
}
.services__item-image {
width: 100%;
order: 0;
max-width: 100%;
}
.services__item-image img {
width: 100%;
height: 240px;
-o-object-fit: cover;
object-fit: cover;
}
.services__item-title {
font-size: 18px;
}
.services__item-titleBlock {
align-items: center;
margin-bottom: 10px;
}
.services__item-description {
font-size: 14px;
}
}
@media(max-width:768px) {
.TopBlock {
margin-top: 20px;
}
}
.rSim__items {
display: flex;
flex-direction: row;
gap: 20px;
}
@media screen and (max-width: 768px) {
.rSim__items {
flex-direction: column;
width: 100%;
align-items: center;
}
}
.rSim__item {
display: flex;
flex-direction: column;
position: relative;
text-decoration: none;
border-radius: 10px;
padding: 10px 10px 20px 10px;
max-width: 366px;
width: 100%;
max-height: 401px;
height: 100%;
background-color: #fff;
}
@media screen and (max-width: 768px) {
.rSim__item {
max-width: 340px;
}
}
.rSim__item::after {
content: '';
position: absolute;
bottom: 20px;
left: 10px;
background-image: url('https://sout78.ru/images/arrow.svg');
background-repeat: no-repeat;
background-size: cover;
width: 36px;
height: 36px;
}
.rSim__item:hover::after {
background-image: url('https://sout78.ru/images/arrow-active.svg');
}
.rSim__item:hover .rSim__item--title {
color: #7b7cff;
}
.rSim__item--img {
margin-bottom: 17px;
display: block;
width: 100%;
border-radius: 9px;
height: 202px;
}
@media screen and (max-width: 768px) {
.rSim__item--img {
height: 185px;
}
}
.rSim__item--title {
margin: 0;
margin-bottom: 15px;
font-family: Gilroy;
font-size: 20px;
font-weight: 600;
line-height: 24.5px;
text-align: left;
color: #151515;
min-height: 50px;
}
@media screen and (max-width: 768px) {
.rSim__item--title {
min-height: 1px;
font-size: 16px;
line-height: 19.6px;
}
}
.rSim__item--price {
margin: 0;
margin-bottom: 68px;
font-family: Gilroy;
font-size: 16px;
font-weight: 400;
line-height: 19.2px;
text-align: left;
color: #151515;
}
@media screen and (max-width: 768px) {
.rSim__item--price {
margin-bottom: 53px;
}
}
.captcha-block {
display: block;
width: 100%;
}
.captcha-block .smart-captcha {
width: 300px;
max-width: 100%;
}
/* End */
/* /bitrix/templates/mkws/fonts/stylesheet.css?17732332773409 */
/* /bitrix/templates/mkws/jquery.fancybox.min.css?168975029312588 */
/* /bitrix/templates/mkws/slick-theme.css?17407225193668 */
/* /bitrix/templates/mkws/slick.css?17407225181758 */
/* /bitrix/templates/mkws/rbrucustom.css?178092939421024 */
/* /bitrix/templates/mkws/components/bitrix/news.list/services/style.css?17809293942111 */
/* /bitrix/templates/mkws/components/bitrix/news.detail/landing/style.css?178971031858067 */
/* /bitrix/templates/mkws/css/mkws.settings/mkws_color.css?17732234562957 */
/* /bitrix/templates/mkws/components/bitrix/menu/menu_top_new/style.css?17732960402414 */
/* /bitrix/templates/mkws/components/bitrix/breadcrumb/mkws/style.css?17775289521570 */
/* /bitrix/templates/mkws/components/bitrix/menu/bottom_new/style.css?1773295738214 */
/* /bitrix/templates/mkws/styles.css?1773215067252 */
/* /bitrix/templates/mkws/template_styles.css?178972965656520 */