@charset "UTF-8";
/*! normalize.css v8.0.1 */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
/*! slick.css */
.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:0}.slick-list.dragging{cursor:pointer}.slick-slider .slick-list,.slick-slider .slick-track{-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:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.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}
/*! slick-theme.css */
.slick-loading .slick-list{background:#fff url(ajax-loader.gif) center center no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;font-display:swap;src:url(fonts/slick.eot);src:url(fonts/slick.eot?#iefix) format('embedded-opentype'),url(fonts/slick.woff) format('woff'),url(fonts/slick.ttf) format('truetype'),url(fonts/slick.svg#slick) format('svg')}.slick-next,.slick-prev{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:0;background:0 0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-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:'←'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}
/*! jquery.fancybox.min.css */
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:default}.fancybox-is-grabbing .fancybox-content{cursor:default}.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{right:0;padding:31px 6px 31px 26px}.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}.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}}.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)}}

@font-face {
font-family: Helvetica;
font-display: swap;
src: local("HelveticaNeueCyr Light"), local("HelveticaNeueCyr-Light"), url("fonts/HelveticaNeueCyr-Light.woff") format("woff");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: Helvetica;
font-display: swap;
src: local("HelveticaNeueCyr Roman"), local("HelveticaNeueCyr-Roman"), url("fonts/HelveticaNeueCyr-Roman.woff") format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: Helvetica;
font-display: swap;
src: local("HelveticaNeueCyr Medium"), local("HelveticaNeueCyr-Medium"), url("fonts/HelveticaNeueCyr-Medium.woff") format("woff");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: Helvetica;
font-display: swap;
src: local("HelveticaNeueCyr Bold"), local("HelveticaNeueCyr-Bold"), url("fonts/HelveticaNeueCyr-Bold.woff") format("woff");
font-weight: 700;
font-style: normal;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
ol,
ul {
list-style: none;
}
* {
margin: 0;
padding: 0;
outline: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
}
input,
textarea,
button {
font-family: Helvetica;
}
input,
textarea {
border: 1px solid #e6e6e6;
background: #f6f6f6;
border-radius: 5px;
width: 100%;
font-size: 16px;
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
color: #2f2e33;
}
input {
padding: 25px;
}
.project-slide_sm {
height: 300px;
text-align: center;
}
.project-slide_sm img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.project-slide_sm:hover img {
opacity: 0.8;
}
.label-info + input {
padding-left: 90px;
}
.label-info {
position: absolute;
z-index: 2;
top: 1px;
left: 1px;
bottom: 1px;
width: 70px;
pointer-events: none;
background: #e1e8ef;
border-radius: 4px 0px 0px 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
textarea {
max-height: 120px;
padding: 22px;
resize: none;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
opacity: 0.7;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
opacity: 0.7;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
opacity: 0.7;
}
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
opacity: 0.7;
}
input::placeholder,
textarea::placeholder {
opacity: 0.7;
}
input:focus,
textarea:focus {
border-color: #006b82;
}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
opacity: 0.2;
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
opacity: 0.2;
}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
opacity: 0.2;
}
input:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
opacity: 0.2;
}
input:focus::placeholder,
textarea:focus::placeholder {
opacity: 0.2;
}
.inp-sucWrap {
position: relative;
display: block;
}
.is-success input {
border-color: #58c248;
}
.is-error input {
border-color: #00b4d8;
}
.is-success .label-info {
background: #58c248;
}
.is-error .label-info {
background: #00b4d8;
}
.is-success .label-info img,
.is-error .label-info img {
-webkit-filter: brightness(2);
filter: brightness(2);
}
body,
.fancybox-container {
font-family: Helvetica;
font-weight: 400;
font-size: 18px;
line-height: 1.6;
}
a {
display: inline-block;
text-decoration: none;
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
img {
max-width: 100%;
}
.wrapper {
position: relative;
margin: auto;
min-width: 320px;
max-width: 1920px;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 101vh;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.wrapper.with-bg {
background: #f6f6f6;
}
body.fancybox-active .wrapper {
-webkit-filter: blur(2px);
filter: blur(2px);
}
.page-content {
position: relative;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.header,
.footer {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.container {
position: relative;
z-index: 1;
width: 1280px;
margin: auto;
}
.caption,
.wys-text h2 {
font-weight: 500;
font-size: 36px;
line-height: 1.4;
}
.oh {
overflow: hidden;
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.btnWrap {
position: relative;
z-index: 2;
}
.pay-methods {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 20px 0;
}
.pay-methods img {
-ms-flex-negative: 0;
flex-shrink: 0;
display: block;
}
.pay-methods img + img {
margin-left: 20px;
}
.btn {
position: relative;
text-align: center;
background: -o-linear-gradient(272.72deg, #0096b8 -62.12%, #00b4d8 124.14%);
background: linear-gradient(177.28deg, #0096b8 -62.12%, #00b4d8 124.14%);
-webkit-box-shadow: inset 0px -5px 10px rgba(0, 107, 130, 0.5);
box-shadow: inset 0px -5px 10px rgba(0, 107, 130, 0.5);
border-radius: 5px;
max-width: 100%;
border: none;
color: #fff;
padding: 24px 35px;
line-height: 1.4;
font-weight: 500;
font-size: 16px;
-webkit-transition: 0s;
-o-transition: 0s;
transition: 0s;
}
.btn:before {
position: absolute;
content: "";
z-index: -1;
top: 5%;
left: 0;
width: 100%;
border-radius: 20px;
background: #00b4d8;
-webkit-box-shadow: 0px 4px 50px rgba(251, 86, 86, 0.25);
box-shadow: 0px 4px 50px rgba(251, 86, 86, 0.25);
}
.btn:hover {
cursor: pointer;
background: #006b82;
color: #fff;
-webkit-box-shadow: inset 0px -5px 10px transparent;
box-shadow: inset 0px -5px 10px transparent;
}
.btn:hover:before {
background: #006b82;
}
.btn.btn-st2 {
background: transparent;
border: 1px solid #1a1f2c;
-webkit-box-shadow: none;
box-shadow: none;
color: #1a1f2c;
font-weight: 500;
}
.btn.btn-st2:hover {
background: -o-linear-gradient(272.72deg, #0096b8 -62.12%, #00b4d8 124.14%);
background: linear-gradient(177.28deg, #0096b8 -62.12%, #00b4d8 124.14%);
border-color: transparent;
color: #fff;
}
.btn.btn-st2:before {
opacity: 0;
border-radius: 10px;
top: 4px;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.btn-st2:hover:before {
opacity: 1;
background: #a51f22;
}
.oh {
overflow: hidden !important;
}
.dn {
display: none !important;
}
@-webkit-keyframes gloss {
0% {
left: -75px;
}
15%,
100% {
left: 120%;
}
}
@keyframes gloss {
0% {
left: -75px;
}
15%,
100% {
left: 120%;
}
}
.gloss {
position: relative;
overflow: hidden;
}
.gloss:before {
background: #fff;
content: "";
height: 300px;
left: -75px;
opacity: 0.3;
position: absolute;
top: -50px;
-webkit-transform: rotate(35deg);
-ms-transform: rotate(35deg);
transform: rotate(35deg);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
width: 50px;
z-index: 1;
-webkit-animation: gloss 3s ease-out 0s infinite;
animation: gloss 3s ease-out 0s infinite;
}
/*---------   Start block Header  ---------------*/
.header {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 100;
color: #fff;
padding: 35px 0;
}
.header.fixed {
position: fixed;
background: -o-linear-gradient(318.31deg, #2a5b8b -23.44%, #006b82 94.34%);
background: linear-gradient(131.69deg, #2a5b8b -23.44%, #006b82 94.34%);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
padding: 6px 0;
}
.header.fixed .target,
.header.fixed .h-btn {
display: none;
}
.header.fixed .logo {
font-size: 20px;
-webkit-transition: 0s !important;
-o-transition: 0s !important;
transition: 0s !important;
}
.header.fixed .big-soc_link {
font-size: 13px;
padding: 7px 16px;
}
.header.fixed .tel {
font-size: 18px;
-webkit-transition: 0s !important;
-o-transition: 0s !important;
transition: 0s !important;
}
.h-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.h-col1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.mmenu {
position: relative;
margin-left: -5px;
padding: 5px;
width: 30px;
margin-right: 22px;
cursor: pointer;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.mmenu .line {
width: 100%;
height: 2px;
background: #fff;
border-radius: 100px;
}
.mmenu .line + .line {
margin-top: 4px;
}
.logo {
font-size: 35px;
color: #fff;
font-weight: 700;
}
.target {
color: #fff;
font-size: 16px;
position: relative;
padding-right: 13px;
}
.target:hover {
color: #00b4d8;
}
.logo + .target {
margin-left: 45px;
}
.target:after {
position: absolute;
content: "";
top: 9px;
right: 0;
width: 5px;
height: 5px;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.target:hover:after {
border-right-color: #00b4d8;
border-bottom-color: #00b4d8;
}
.h-col2 {
}
.big-soc_link {
font-size: 14px;
color: #fff;
background: rgba(255, 255, 255, 0.3);
border-radius: 3px;
padding: 13px 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.big-soc_link .icon {
width: 16px;
height: 16px;
fill: #fff;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 10px;
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.big-soc_link:hover {
background: #50db3b;
color: #2f2e33;
}
.big-soc_link:hover .icon {
fill: #2f2e33;
}
.h-col3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.work-col {
}
.time-working {
position: relative;
font-size: 12px;
color: #fff;
padding-left: 10px;
}
@-webkit-keyframes fade {
0% {
opacity: 1;
}
80% {
opacity: 1;
}
81% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fade {
0% {
opacity: 1;
}
80% {
opacity: 1;
}
81% {
opacity: 0;
}
100% {
opacity: 0;
}
}
.time-working:before {
position: absolute;
content: "";
top: 7px;
left: 0;
width: 6px;
height: 6px;
border-radius: 50%;
background: #2bb14d;
-webkit-animation: fade 2s ease-in-out infinite;
animation: fade 2s ease-in-out infinite;
}
.header .tel {
font-size: 24px;
font-weight: 500;
color: #fff;
}
.h-btn {
color: #fff;
font-size: 14px;
font-weight: 500;
line-height: 1.4;
padding: 15px 30px;
border-radius: 3px;
border: 1px solid #ffffff;
background: transparent;
margin-left: 35px;
}
.h-btn:hover {
background: #fff;
color: #006b82;
}
.fancybox-bg {
background: rgba(77, 137, 197, 0.7);
}
/*main*/
.main-section {
position: relative;
z-index: 5;
padding-top: 217px;
background: #1a1f2c;
color: #fff;
overflow: hidden;
}
.main-section .caption {
font-size: 40px;
font-weight: 700;
}
.main-section .btn {
width: 100%;
max-width: 270px;
}
.main-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.main-col1,
.main-col2 {
padding-top: 150px;
padding-bottom: 120px;
}
.main-col1 {
width: 665px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.main-col1 > p {
color: rgba(255, 255, 255, 0.7);
margin-top: 20px;
}
.main-section .btnWrap {
margin-top: 34px;
}
.main-adv_list {
margin-top: 70px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.main-adv {
width: 50%;
padding-right: 58px;
}
.main-adv h4 {
font-size: 18px;
font-weight: 500;
margin-bottom: 20px;
}
.main-adv_body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.main-adv_imgWrap {
width: 45px;
height: 45px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 20px;
}
.main-adv_imgWrap img {
max-width: none;
display: block;
}
.main-adv_body p {
font-size: 16px;
color: rgba(255, 255, 255, 0.7);
}
.main-col2 {
position: relative;
width: 475px;
width: 480px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.main-col2 .center-bottom {
position: absolute;
z-index: -1;
bottom: 0;
left: 50%;
max-width: none;
display: block;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.breadcrumb-light-section.width-lg .container {
width: 100%;
max-width: 1470px;
}
/*--------------------------- quiz start ---------------------------*/
.quiz-section {
margin-top: 100px;
}
.quiz {
position: relative;
}
.quiz-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.quiz-col1 {
width: 810px;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 50px;
}
.quiz-barWrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 45px;
}
.quiz-bar_text {
font-size: 16px;
color: rgba(0, 0, 0, 0.7);
min-width: 130px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.quiz-progress_barWrap {
width: 600px;
height: 32px;
background: #fff;
border: 1px solid #dedede;
border-radius: 100px;
padding: 5px;
}
@-webkit-keyframes progress_bar_stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@keyframes progress_bar_stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
.quiz-progress_bar {
position: relative;
display: block;
height: 100%;
border-radius: 21px;
background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 40px 40px;
background-color: #006b82;
-webkit-animation: progress_bar_stripes 2s linear infinite;
animation: progress_bar_stripes 2s linear infinite;
-webkit-transition: width 0.5s;
-o-transition: width 0.5s;
transition: width 0.5s;
}
.quiz-progress_bar:after {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0)));
background: -o-linear-gradient(left, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
}
.quiz-col2 {
position: relative;
width: 100%;
padding-left: 70px;
}
.quiz-col2:before {
position: absolute;
content: "";
top: 10px;
left: 0;
width: 1px;
bottom: 0;
background: rgba(59, 58, 64, 0.2);
}
.quiz-qestion_block {
display: none;
margin-top: 45px;
}
.quiz-qestion_block.active {
display: block;
}
.quiz-col1 > p {
margin-top: 5px;
font-size: 18px;
opacity: 0.6;
}
.quiz-qestion_block > p {
margin-top: 10px;
}
.quiz-question {
font-size: 24px;
font-weight: 400;
margin-bottom: 25px;
}
.quiz-item_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.quiz-item_list-big {
margin-left: -8px;
margin-right: -8px;
}
.quiz-item_list-big li {
width: 25%;
padding: 8px;
}
.quiz-item_content {
position: relative;
padding: 15px;
border: 1px solid #e5e5e5;
border-radius: 5px;
background: #fff;
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.quiz-item_content:hover {
cursor: pointer;
}
.quiz-item_content:before {
position: absolute;
content: "";
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
border: 2px solid #00b4d8;
border-radius: 5px;
opacity: 0;
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.quiz-item_content:hover:before {
opacity: 1;
}
.quiz-item_imgWrap {
width: 100%;
height: 120px;
background: rgba(0, 0, 0, 0.3);
border-top-right-radius: 10px;
border-top-left-radius: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.quiz-answer {
margin-top: 10px;
}
.quiz-item_list-small {
margin-left: -14px;
margin-right: -14px;
}
.quiz-item_list-small li {
width: 50%;
padding: 8px 14px;
}
.quiz-item_list-small .quiz-item_content {
padding: 19px 25px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.quiz-item_list-small .quiz-answer {
position: relative;
margin-top: 0;
padding-left: 43px;
font-size: 16px;
font-weight: 500;
color: rgba(32, 42, 49, 0.7);
}
.quiz-item_list-small .quiz-answer:before {
position: absolute;
content: "";
top: 2px;
left: 0;
width: 20px;
height: 20px;
border-radius: 50%;
background: #f6f6f6;
border: 1px solid #c8c8c8;
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.quiz-item_list-small .quiz-answer:after {
position: absolute;
content: "";
top: 7px;
left: 5px;
width: 10px;
height: 10px;
border-radius: 50%;
background: -webkit-gradient(linear, left top, left bottom, from(#00b4d8), to(#009fbf));
background: -o-linear-gradient(top, #00b4d8 0%, #009fbf 100%);
background: linear-gradient(180deg, #00b4d8 0%, #009fbf 100%);
opacity: 0;
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.quiz-item_list-small .quiz-item_content:hover .quiz-answer:after {
opacity: 1;
}
.quiz-desc_content {
}
.quiz-pers {
margin-top: -30px;
}
.quiz-pers_imgWrap img {
display: block;
margin: 0 auto;
position: relative;
z-index: 2;
max-width: 176px;
}
.quiz-pers_imgWrap {
position: relative;
margin-bottom: 20px;
}
.quiz-pers_imgWrap:before {
position: absolute;
content: "";
bottom: 0;
left: 0;
width: 100%;
height: 154px;
background: #fff;
border-radius: 5px;
}
.quiz-pers_name {
font-size: 24px;
font-weight: 500;
}
.quiz-pers_pos {
font-size: 16px;
opacity: 0.7;
margin-top: 5px;
}
.link-order {
line-height: 1.3;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.link-order:hover {
border-bottom-color: transparent;
}
.quiz-item_list-checkbox {
margin-left: -8px;
margin-right: -8px;
}
.quiz-item_list-checkbox li {
padding: 8px;
width: 50%;
}
.quiz-item_list-checkbox .quiz-item_content {
padding: 20px 20px 17px;
}
.quiz-item_list-checkbox .quiz-answer {
position: relative;
margin-top: 0;
padding-left: 30px;
}
.quiz-item_list-checkbox .quiz-answer:before {
position: absolute;
content: "";
-webkit-box-sizing: border-box;
box-sizing: border-box;
top: -1px;
left: 0;
width: 17px;
height: 17px;
border: 2px solid rgba(0, 0, 0, 0.3);
}
.quiz-item_list-checkbox .quiz-answer:after {
position: absolute;
content: "";
-webkit-box-sizing: border-box;
box-sizing: border-box;
top: 3px;
left: 4px;
width: 9px;
height: 9px;
background: rgba(0, 100, 0, 1);
opacity: 0;
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.quiz-item_list-checkbox .quiz-item_content:hover .quiz-answer:after {
opacity: 0.5;
}
.quiz-item_list-checkbox .quiz-item_content.active .quiz-answer:after {
opacity: 1;
}
.quiz-qestion_block .btn {
}
.quiz-error_area.active {
position: relative;
}
.quiz-error_area.active:before {
position: absolute;
content: "";
-webkit-box-sizing: border-box;
box-sizing: border-box;
top: -7px;
right: -15px;
bottom: -7px;
left: -15px;
border: 1px solid rgba(255, 0, 0, 0.4);
border-radius: 3px;
}
.quiz-error_area.active .quiz-error_text {
display: block !important;
font-weight: 500;
margin-top: 10px;
color: red;
}
.quiz form {
margin-top: 50px;
max-width: 440px;
}
.quiz form .inp-sucWrap + .inp-sucWrap {
margin-top: 17px;
}
/*доп*/
.quiz.result .quiz-col1 > h2,
.quiz.result .quiz-col1 > p,
.quiz.result .quiz-barWrap {
display: none;
}
.quiz.result .quiz-qestion_block {
border: none;
padding-top: 0;
margin-top: 0;
}
.quiz-result_title {
max-width: 540px;
}
.quiz-result_title img {
margin-left: 20px;
}
.quiz-result_desc {
margin-top: 25px !important;
max-width: 610px;
}
.quiz.result .quiz-question {
font-weight: 900;
font-size: 50px;
padding-right: 200px;
line-height: 1.1;
}
.quiz.result .quiz-question span {
color: green;
}
.quiz-desc_content > p {
color: #2f2e33;
margin-top: 15px;
}
.quiz-desc_content .tel {
font-size: 30px;
font-weight: 500;
color: #2f2e33;
margin-top: 15px;
}
p.quiz-desc_info {
margin-top: 0;
}
.quiz-desc_info a {
color: #2f2e33;
font-weight: 700;
border-bottom: 1px dotted rgba(0, 107, 130, 0.5);
}
.quiz-desc_info img {
margin-left: 10px;
}
/*--------------------------- quiz end ---------------------------*/
.footer {
position: relative;
z-index: 100;
padding: 40px 0;
background: #fff;
}
.footer-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.f-col1 > p {
max-width: 240px;
}
.footer-content p {
font-size: 14px;
color: rgba(0, 0, 0, 0.7);
}
.footer .logo {
font-size: 35px;
color: #006b82;
}
.h-soc_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style: none;
}
.h-soc_list li + li {
margin-left: 10px;
}
.social-btn {
padding: 9px;
width: 37px;
height: 37px;
background: #fff;
border-radius: 50%;
display: block;
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.social-btn:hover {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.social-btn:hover {
color: #fff;
}
.social-btn .icon {
display: block;
width: 100%;
height: 100%;
fill: #fff;
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.social-btn .icon {
/*fill: #fff;*/
}
.social-btn.wa {
background: -o-linear-gradient(275.65deg, #58c248 -1.24%, #238e12 114.61%);
background: linear-gradient(174.35deg, #58c248 -1.24%, #238e12 114.61%);
}
.social-btn.tg {
background: -o-linear-gradient(273.47deg, #81cbec -5.53%, #41b4e6 121.56%);
background: linear-gradient(176.53deg, #81cbec -5.53%, #41b4e6 121.56%);
}
.social-btn.vb {
background: -o-linear-gradient(273.81deg, #a66ecc -3.67%, #7f4da0 111.3%);
background: linear-gradient(176.19deg, #a66ecc -3.67%, #7f4da0 111.3%);
}
.footer .tel {
font-size: 28px;
color: #282828;
font-weight: 700;
}
.footer .mail {
font-size: 18px;
font-weight: 500;
color: #006b82;
line-height: 1.4;
border-bottom: 1px solid rgba(77, 137, 197, 0.3);
}
.footer .mail:hover {
border-bottom-color: transparent;
}
.dev {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.dev img {
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 15px;
}
.dev-text {
font-size: 16px;
color: #2f2e33;
}
.dev-text a {
color: #2f2e33;
}
.dev-text a:hover {
color: #00b4d8;
}
.f-col3 {
max-width: 650px;
}
.f-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 25px;
}
.policy {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-top: 25px;
color: inherit;
font-size: 1rem;
}
.policy > input {
-ms-flex-negative: 0;
flex-shrink: 0;
position: relative;
top: 3px;
width: 18px;
height: 18px;
margin-top: 0;
padding: 0;
margin-right: 14px;
}
.policy a {
color: #006b82;
line-height: 1;
border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
display: inline;
}
.policy a:hover {
color: #00b4d8;
border-bottom-color: transparent !important;
}
.policy-text {
font-size: 14px;
color: #b6b8bc;
}
.footer .policy {
margin-top: 15px;
font-size: 14px;
}
.quiz-error_area {
display: inline-block;
max-width: 600px;
}
.quiz-qestion_block .btnWrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 40px;
}
.quiz-qestion_block .btnWrap .btn {
margin-right: 44px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.quiz-qestion_block .btnWrap p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
font-size: 14px;
color: #2f2e33;
max-width: 205px;
}
.quiz-qestion_block .btnWrap p img {
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 10px;
}
.quiz-qestion_block .btnWrap p span {
opacity: 0.7;
}
.result .quiz-qestion_block .btn {
padding-left: 98px;
padding-right: 98px;
}
.quiz-manager_res {
position: relative;
background: #fff;
border-radius: 10px;
}
.quiz-manager_res img {
max-height: none;
position: absolute;
bottom: 0;
left: 3px;
}
.quiz-desc_content-res,
.quiz-manager_res {
height: 100%;
}
.manager-desc {
position: absolute;
bottom: 140px;
left: -47px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.manager-desc .name {
position: relative;
z-index: 2;
font-size: 24px;
background: #fff;
padding: 25px 33px;
-webkit-box-shadow: 0px 4px 50px rgba(52, 115, 160, 0.25);
box-shadow: 0px 4px 50px rgba(52, 115, 160, 0.25);
border-radius: 5px;
font-weight: 500;
}
.manager-desc .pos {
position: relative;
margin-top: -10px;
display: inline-block;
padding: 30px 22px 24px;
background: #ffffff;
-webkit-box-shadow: 0px 4px 50px rgba(52, 115, 160, 0.25);
box-shadow: 0px 4px 50px rgba(52, 115, 160, 0.25);
border-radius: 5px;
margin-left: 33px;
max-width: 390px;
display: none;
}
.quiz.result .quiz-col2 .quiz-desc_content {
display: none !important;
}
.quiz.result .quiz-col2 .quiz-desc_content-res {
display: block !important;
}
.quiz.result .quiz-col2 {
padding-left: 0;
}
.quiz.result .quiz-col2:before {
display: none;
}
.quiz.result .quiz-col1 {
max-width: 680px;
padding-right: 0;
}
.quiz.result .quiz-col2 {
max-width: 560px;
}
.advantages-seciton {
margin-top: 170px;
color: #fff;
}
.advantages-content {
position: relative;
border-radius: 20px;
padding: 60px 50px;
background: #1a1f2c;
-webkit-box-shadow: 0px 20px 120px rgba(52, 115, 160, 0.5);
box-shadow: 0px 20px 120px rgba(52, 115, 160, 0.5);
border-radius: 5px;
}
.advantages-bg {
position: absolute;
bottom: -135px;
right: -95px;
}
.advantages-item_list {
position: relative;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
max-width: 845px;
margin: 0 -22px;
}
.advantages-item .advantages-item_head {
max-width: 78px;
}
.advantages-item {
width: 25%;
padding: 0 22px;
}
.advantages-item_body {
margin-top: 20px;
}
.advantages-item_body h3 {
font-size: 18px;
font-weight: 500;
margin-bottom: 5px;
}
.advantages-item_body p {
opacity: 0.7;
font-size: 14px;
}
.advantages-item_head img {
display: block;
}
.ta-c {
text-align: center;
}
.color-blue {
color: #006b82;
}
.caption-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.caption-row .link {
font-size: 18px;
font-weight: 500;
color: #1a1f2c;
border-bottom: 1px solid rgba(26, 31, 44, 0.3);
}
.caption-row .link:hover {
border-bottom-color: transparent;
}
.service-section {
margin-top: 120px;
}
.btn-white {
color: #006b82;
-webkit-box-shadow: none;
box-shadow: none;
background: -o-linear-gradient(273.2deg, #ffffff -62.12%, #ffffff 124.14%);
background: linear-gradient(176.8deg, #ffffff -62.12%, #ffffff 124.14%);
}
.btn-white:before {
background: #006b82;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-white:hover {
background: -o-linear-gradient(272.72deg, #0096b8 -62.12%, #00b4d8 124.14%);
background: linear-gradient(177.28deg, #0096b8 -62.12%, #00b4d8 124.14%);
-webkit-box-shadow: inset 0px -5px 10px rgba(0, 107, 130, 0.5);
box-shadow: inset 0px -5px 10px rgba(0, 107, 130, 0.5);
color: #fff;
}
.btn-white:hover:before {
background: #00b4d8;
-webkit-box-shadow: 0px 4px 50px rgba(251, 86, 86, 0.25);
box-shadow: 0px 4px 50px rgba(251, 86, 86, 0.25);
}
.service-content {
margin-top: 70px;
}
.service-section .caption {
max-width: 800px;
margin: auto;
}
.service-item_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -80px -20px 0 -20px;
}
.service-item {
width: 33.3334%;
margin-top: 80px;
padding: 0 20px;
}
.service-item_content {
}
.service-item_imgWrap {
width: 100%;
height: 255px;
background: #ffffff;
border-radius: 10px;
padding: 15px;
display: block;
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.wrapper:not(.with-bg) .service-item_imgWrap {
background: #f6f6f6;
}
.service-item_imgWrap:hover,
.wrapper:not(.with-bg) .service-item_imgWrap:hover {
background: #006b82;
}
.service-item_imgWrap img {
display: block;
width: 100%;
height: 100%;
border-radius: 10px;
-o-object-fit: cover;
object-fit: cover;
}
.service-item_type {
text-transform: uppercase;
color: #202a31;
opacity: 0.7;
margin-top: 45px;
}
.service-item_price {
font-size: 45px;
font-weight: 500;
color: #202a31;
display: none !important;
}
.service-item_link-list {
margin-top: 30px;
}
.service-item_link-list li {
position: relative;
padding-left: 20px;
}
.service-item_link-list li + li {
margin-top: 10px;
}
.service-item_link-list li:before {
position: absolute;
content: "";
top: 9px;
left: 0;
border: 5px solid transparent;
border-left: 7px solid #006b82;
}
.service-item_link-list .link {
display: inline;
line-height: 1.4;
color: #202a31;
border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
}
.service-item_link-list .link:hover {
border-bottom-color: transparent;
color: #00b4d8;
}
.service-item_list .btn {
margin-top: 30px;
padding-left: 54px;
padding-right: 54px;
}
.service-section + .attention-section {
padding-top: 120px;
}
.service-section + .attention-section:before {
position: absolute;
content: "";
top: 0;
left: 50%;
width: 1280px;
height: 1px;
background: #2f2e33;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
opacity: 0.2;
}
.attention-section {
position: relative;
margin-top: 90px;
}
.attention-section .container {
width: 100%;
max-width: 820px;
}
.m-a {
margin: auto;
}
.attention-section .caption-desc {
margin-top: 20px;
max-width: 790px;
font-size: 24px;
}
.attention-content {
position: relative;
z-index: 1;
margin-top: 110px;
}
.attention-line {
position: absolute;
z-index: -1;
top: -50px;
width: 1px;
height: 110%;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#006b82));
background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #006b82 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #006b82 100%);
}
.attention-line1 {
left: 13px;
}
.attention-line2 {
left: calc(50% + 13px);
}
.attention-item_list {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.attention-item {
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-right: 30px;
padding-bottom: 80px;
}
.attention-item + .attention-item {
/*margin-top: 80px;*/
}
.attention-sqr {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 26px;
height: 26px;
border: 5px solid #006b82;
border-radius: 3px;
background: #e0e6ef;
margin-right: 35px;
}
.attention-item_content {
}
.adds-cert-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 10px -15px -15px;
}
.adds-cert-list .acl-item {
width: calc(100% / 6);
padding: 15px;
}
.adds-cert-list .acl-item a {
position: relative;
display: block;
}
.adds-cert-list .acl-item a:before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
opacity: 0;
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.adds-cert-list .acl-item a:hover:before {
opacity: 1;
}
.adds-cert-list .acl-item img {
display: block;
}
.attention-item_content ul,
.attention-item_content p {
margin: 20px 0;
}
.attention-item_content > *:first-child {
margin-top: 0;
}
.attention-item_content h4 {
font-size: 30px;
font-weight: 400;
line-height: 1;
margin-top: 30px;
margin-bottom: 15px;
}
.attention-item_content p {
color: #2f2e33;
}
.attention-text-area {
position: relative;
z-index: 2;
left: 50%;
width: 1040px;
background: #fff;
border-radius: 10px;
overflow: hidden;
padding: 45px 165px;
text-align: center;
color: #202a31;
font-size: 24px;
font-weight: 500;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.attention-text-area_img1 {
position: absolute;
top: 0;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
left: 15px;
}
.attention-text-area_img2 {
position: absolute;
bottom: 0;
right: 0;
}
.cost-section {
position: relative;
z-index: 2;
margin-top: 150px;
}
.cost-section .container {
position: relative;
background: -o-linear-gradient(297.27deg, #ffffff 7.23%, #eff7fc 88.3%);
background: linear-gradient(152.73deg, #ffffff 7.23%, #eff7fc 88.3%);
-webkit-box-shadow: 0px 20px 100px rgba(52, 115, 160, 0.25);
box-shadow: 0px 20px 100px rgba(52, 115, 160, 0.25);
border-radius: 10px 10px 70px 70px;
}
.coop-overlay {
position: absolute;
z-index: -1;
content: "";
top: 20px;
left: 50%;
height: 100%;
width: 1200px;
background: #ffffff;
border-radius: 150px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.cost-bg {
position: absolute;
bottom: 0;
right: 50px;
}
.cost-section .manager-desc {
bottom: 180px;
left: 50%;
}
.cost-content {
padding: 50px 70px 55px;
max-width: 820px;
}
.cost-section .caption {
font-size: 40px;
}
.cost-advantages_list {
margin-top: 35px;
max-width: 440px;
}
.cost-advantages_item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cost-advantages_item + .cost-advantages_item {
margin-top: 15px;
}
.cost-advantages_imgWrap {
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 30px;
}
.cost-advantages_imgWrap img {
display: block;
}
.cost-advantages_item p {
font-size: 16px;
color: #2f2e33;
opacity: 0.7;
}
.cost-content form {
max-width: 440px;
margin-top: 45px;
}
.inp-sucWrap + .inp-sucWrap {
margin-top: 15px;
}
.inp-sucWrap + .btnWrap {
margin-top: 15px;
}
.cost-content .btn {
margin-top: 20px;
}
.modal-new-consult {
width: 100%;
max-width: 1280px;
}
.modal-new-consult .modal-bWrap {
padding: 50px 520px 130px 75px;
background: -o-linear-gradient(306.7deg, #ffffff 7.23%, #eff7fc 88.3%);
background: linear-gradient(143.3deg, #ffffff 7.23%, #eff7fc 88.3%);
}
.modal-new-consult .modal-title {
font-size: 40px;
text-align: left;
color: #202a31;
}
.modal-new-consult .modal-title span {
color: #006b82;
}
.modal-new-consult form {
margin-top: 40px;
max-width: 440px;
}
.mnc-manager {
position: absolute;
bottom: 0;
right: 40px;
}
.modal-new-consult input {
padding-top: 30px;
padding-bottom: 30px;
}
.modal-new-consult .btnWrap {
margin-top: 15px;
}
.modal-new-consult .btnWrap .btn {
width: 100%;
padding-top: 30px;
padding-bottom: 30px;
}
.cooperation-section {
margin-top: 120px;
}
.cooperation-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.cooperation-col1 {
width: 55%;
padding-right: 70px;
}
.cooperation-section .caption-desc {
margin-top: 25px;
}
.cooperation-time {
position: relative;
font-size: 100px;
padding-left: 45px;
}
.cooperation-time:before {
position: absolute;
content: "";
top: 78px;
left: 0;
width: 22px;
height: 22px;
border-top: 5px solid #2f2e33;
border-left: 5px solid #2f2e33;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.cooperation-col2 {
width: 45%;
}
.cooperation-item_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 -27px;
}
.cooperation-item {
width: 33.3334%;
padding: 0 27px;
}
.cooperation-item_imgWrap {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 20px;
}
.cooperation-item_count {
position: absolute;
z-index: 2;
top: 11px;
right: 12px;
font-size: 16px;
font-weight: 500;
color: #2f2e33;
opacity: 0.7;
}
.cooperation-item h4 {
font-size: 16px;
text-transform: uppercase;
font-weight: 500;
color: #202a31;
line-height: 1.4;
}
.cooperation-item a {
color: #202a31;
border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
}
.cooperation-item a:hover {
border-bottom-color: transparent;
}
.cooperation-item p {
font-size: 14px;
color: #2f2e33;
opacity: 0.7;
margin-top: 10px;
}
.bg-blue-content {
position: relative;
background: -o-linear-gradient(279.8deg, #f7f7f7 19.34%, #d9e1ec 98.3%);
background: linear-gradient(170.2deg, #f7f7f7 19.34%, #d9e1ec 98.3%);
-webkit-box-shadow: 0px 4px 160px rgba(52, 115, 160, 0.25);
box-shadow: 0px 4px 160px rgba(52, 115, 160, 0.25);
border-radius: 0px 0px 280px 280px;
padding-bottom: 70px;
}
.bg-blue-content_bg {
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.choise-section {
margin-top: 110px;
}
.cooperation-section + .choise-section {
margin-top: 0;
}
.cooperation-section + .choise-section .container {
margin-top: 80px;
padding-top: 80px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.choise-section .caption {
/*max-width: 600px;*/
text-align: center;
}
.choise-section .caption-desc {
/*max-width: 480px;*/
text-align: center;
margin-top: 20px;
}
.choise-item_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 75px -16px 0;
}
.choise-item_list li {
padding: 0 16px;
width: 20%;
}
.choise-item {
position: relative;
background: #fff;
border-radius: 10px;
padding: 125px 20px 24px;
height: 100%;
}
.choise-item img {
position: absolute;
top: -10px;
left: 20px;
z-index: 2;
width: 150px;
height: 150px;
object-fit: contain;
}
@media (max-width: 768px) {
.choise-item img {
width: 120px;
height: 120px;
top: 5px;
}
}
.choise-item h4 {
font-size: 16px;
text-transform: uppercase;
font-weight: 500;
color: #2f2e33;
line-height: 1.4;
}
.choise-item p {
font-size: 14px;
line-height: 160%;
color: #2f2e33;
opacity: 0.7;
margin-top: 13px;
}
.departure-section {
position: relative;
margin-top: 130px;
color: #fff;
}
.departure-section .container {
position: relative;
background: #1a1f2c;
-webkit-box-shadow: 0px 20px 100px rgba(52, 115, 160, 0.5);
box-shadow: 0px 20px 100px rgba(52, 115, 160, 0.5);
border-radius: 20px;
overflow: hidden;
}
.departure-overlay {
display: none !important;
position: absolute;
content: "";
top: 18px;
left: 50%;
width: 1280px;
height: 100%;
background: #4074a8;
-webkit-box-shadow: 0px 4px 25px rgba(52, 115, 160, 0.25);
box-shadow: 0px 4px 25px rgba(52, 115, 160, 0.25);
border-radius: 100px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.departure-bg {
display: none !important;
position: absolute;
top: 0;
height: 100%;
left: 215px;
-o-object-fit: contain;
object-fit: contain;
}
.departure-car {
position: absolute;
z-index: 1;
bottom: 0;
right: 0;
}
.departure-content {
position: relative;
z-index: 2;
max-width: 580px;
padding: 65px 0 65px 90px;
}
.departure-section .caption {
font-size: 35px;
}
.departure-section .caption-desc {
max-width: 430px;
margin-top: 20px;
opacity: 0.7;
}
.departure-section .btnWrap {
margin-top: 35px;
}
.certificate-section {
margin-top: 120px;
}
.certificate-section .caption {
max-width: 720px;
margin: auto;
text-align: center;
font-weight: 500;
}
.certificate-tab_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 50px;
border-bottom: 1px solid rgba(59, 58, 64, 0.2);
}
.certificate-tab {
position: relative;
padding-bottom: 30px;
margin: 0 35px;
font-weight: 500;
text-transform: uppercase;
color: #61686d;
cursor: pointer;
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.certificate-tab:before {
position: absolute;
content: "";
bottom: 0;
left: 0;
width: 100%;
height: 5px;
background: #006b82;
opacity: 0;
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.certificate-tab:hover {
color: #00b4d8;
}
.certificate-tab.active {
color: #006b82;
}
.certificate-tab.active:before {
opacity: 1;
}
.certificate-tab_content.active {
display: block;
}
.certificate-tab_content {
display: none;
margin-top: 60px;
}
.certificate-slider {
position: relative;
width: calc(100% + 40px);
left: -20px;
}
.certificate-slide {
padding: 0 20px;
}
.slide {
display: none;
}
.certificate-imgWrap {
background: #f6f6f6;
border-radius: 5px;
padding: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.wrapper.with-bg .certificate-imgWrap {
background: #fff;
}
.slick-arrow:hover {
background: #1a1f2c;
-webkit-box-shadow: 0 0 20px #3b415e;
box-shadow: 0 0 20px #3b415e;
}
.slick-arrow:focus {
background: #1a1f2c;
}
.slick-arrow {
z-index: 2;
width: 60px;
height: 60px;
background: #1a1f2c;
-webkit-box-shadow: 0px 20px 200px rgba(52, 115, 160, 0.5);
box-shadow: 0px 20px 200px rgba(52, 115, 160, 0.5);
border-radius: 5px;
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.arrow-sm .slick-arrow {
width: 60px;
height: 60px;
}
.arrow-sm .slick-arrow:before {
background-size: 40%;
}
.slick-arrow:before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.slick-next:before {
background: url(../img/icons/arrow-right.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 35%;
}
.slick-prev:before {
background: url(../img/icons/arrow-left.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 35%;
}
.certificate-slider .slick-prev {
left: -10px;
}
.certificate-slider .slick-next {
right: -10px;
}
.project-seciton {
margin-top: 70px;
}
.project-seciton .container {
padding-top: 70px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.project-head_row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 70px;
}
.project-seciton .caption {
max-width: 680px;
}
.project-time > * {
display: block;
}
.project-time .desc {
max-width: 335px;
color: #2f2e33;
opacity: 0.7;
margin-top: 10px;
font-size: 16px;
font-weight: 300;
}
.project-slider {
position: relative;
left: -29px;
width: calc(100% + 58px);
}
.project-slide {
position: relative;
padding: 0 29px;
}
.project-slider_area {
position: relative;
}
.project-slider_area:before,
.project-slider_area:after {
position: absolute;
z-index: -1;
content: "";
top: 20px;
width: calc(50% - 29px);
height: calc(100% - 40px);
background: rgba(52, 115, 160, 0.13);
-webkit-box-shadow: 0px 20px 100px rgba(52, 115, 160, 0.3);
box-shadow: 0px 20px 100px rgba(52, 115, 160, 0.3);
border-radius: 10px 10px 70px 70px;
display: none !important;
}
.project-slider_area:before {
left: 0;
}
.project-slider_area:after {
left: calc(50% + 29px);
}
.project-item {
position: relative;
z-index: 2;
padding: 35px 35px 50px;
background: #ffffff;
border-radius: 5px;
}
.project-item h3 a {
color: #000;
display: block;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.project-item h3 a:hover {
color: #1a1f2c;
}
.project-slider_overlay {
display: none !important;
position: absolute;
z-index: -1;
top: 37px;
left: 29px;
right: 29px;
height: calc(100% - 40px);
background: rgba(255, 255, 255, 0.4);
border-radius: 150px;
}
.project-item h3 {
font-weight: 500;
text-transform: uppercase;
color: #2f2e33;
line-height: 1.4;
margin-bottom: 25px;
text-align: center;
}
.project-item .sm-text {
color: #2f2e33;
opacity: 0.7;
margin-top: 20px;
}
.project-item p {
font-size: 16px;
color: #2f2e33;
margin-top: 10px;
}
.project-item .btnWrap {
margin-top: 25px;
}
.project-item .btn {
padding-left: 43px;
padding-right: 43px;
}
.project-slider .slick-prev {
left: -65px;
}
.project-slider .slick-next {
right: -65px;
}
.slick-dots li {
position: relative;
background: #ffffff;
border-radius: 50%;
width: 20px;
height: 20px;
}
.wrapper:not(.with-bg) .slick-dots li {
background: #f6f6f6;
}
.wrapper:not(.with-bg) .project-item {
background: #f6f6f6;
}
.slick-dots li:before {
position: absolute;
content: "";
top: 50%;
left: 50%;
width: 13px;
height: 13px;
background: #00b4d8;
border-radius: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.slick-dots li.slick-active:before {
opacity: 1;
}
.slick-dots li button {
display: none;
}
.slick-dotted.slick-slider {
margin-bottom: 0;
}
.slick-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
bottom: 25px;
}
.review-section {
margin-top: 150px;
margin-bottom: 130px;
}
.review-section .container {
padding-top: 95px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.review-slide {
padding-top: 75px;
padding-bottom: 75px;
}
.review-slide_content {
position: relative;
max-width: 930px;
margin: auto;
padding: 55px 60px 80px 70px;
background: -o-linear-gradient(296.49deg, #ffffff 7.23%, #eff7fc 88.3%);
background: linear-gradient(153.51deg, #ffffff 7.23%, #eff7fc 88.3%);
-webkit-box-shadow: 0px 20px 60px rgba(52, 115, 160, 0.25);
box-shadow: 0px 20px 60px rgba(52, 115, 160, 0.25);
border-radius: 10px 10px 70px 70px;
}
.review-slide_content:before {
position: absolute;
z-index: -1;
content: "";
top: 26px;
left: 20px;
right: 20px;
height: 100%;
background: #ffffff;
border-radius: 150px;
}
.review-author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.review-author .imgWrap {
width: 130px;
height: 130px;
margin-right: 30px;
}
.review-author .name {
font-size: 24px;
font-weight: 500;
color: #202a31;
}
.review-author .target-order {
color: #202a31;
font-size: 16px;
}
.review-author .soc-list_sm {
margin-top: 15px;
}
.review-section .wys-text {
margin-top: 25px;
}
.review-section .wys-text * {
color: rgba(59, 58, 64, 0.7);
}
.wys-text > *:first-child {
margin-top: 0 !important;
}
.wys-text > *:last-child {
margin-bottom: 0 !important;
}
.wys-text h2 {
margin-top: 50px;
margin-bottom: 25px;
color: #2f2e33;
}
.wys-text p {
margin: 25px 0;
}
.wys-text img {
display: block;
margin: 40px 0;
-o-object-fit: contain;
object-fit: contain;
height: auto;
}
.wys-text table {
width: 100%;
border-spacing: 0;
border: none;
overflow-y: hidden;
overflow-x: auto;
display: block;
border-collapse: collapse;
}
.wys-text table tbody {
display: block;
}
.wys-text h2 + table {
margin-top: 25px;
}
.wys-text table td {
border: 1px solid #e2e2e2;
color: #202a31;
width: 100%;
/*opacity: .7;*/
}
.wys-text table tbody tr {
position: relative;
font-size: 18px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.wys-text table tr + tr {
margin-top: -1px;
}
.wys-text table tbody tr td + td {
border-left-color: transparent;
}
.wys-text table tbody tr + tr {
/*outline: 0.5px solid #CAC7C7;*/
/*outline: none;*/
}
.wys-text table tbody tr:nth-child(odd) {
/*background: #F9F9F9;*/
}
.wys-text table tbody td {
padding: 30px;
/*white-space: nowrap;*/
}
.wys-text table tr td:first-child {
color: #1a1f2c;
opacity: 0.7;
}
.wys-text table tbody > tr:first-child {
font-weight: 500;
background: #fff;
}
.wys-text table tbody > tr:first-child td {
white-space: nowrap;
opacity: 1;
color: #202a31;
/*opacity: 1;*/
}
.review-section .slick-dots {
bottom: auto;
top: 100%;
}
.review-section .slick-dots li {
width: 24px;
height: 24px;
}
.review-section .slick-dots li:before {
width: 15px;
height: 15px;
}
.review-section .slick-next {
right: 2px;
}
.review-section .slick-prev {
left: 2px;
}
.faq-section .caption {
font-weight: 400;
}
.faq-section .caption-desc {
color: #2f2e33;
opacity: 0.7;
margin-top: 25px;
}
.faq-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.faq-col1 {
width: 350px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.faq-col2 {
width: 100%;
padding-left: 145px;
}
.faq-item {
position: relative;
/*padding-right: 35px;*/
}
.faq-item:first-child:before,
.faq-item:first-child:after {
top: 18px;
}
.faq-item:before,
.faq-item:after {
position: absolute;
content: "";
top: 47px;
right: 0;
width: 15px;
height: 2px;
background: #202a31;
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.faq-item:after {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.faq-item.active:before,
.faq-item.active:after {
background: #006b82;
}
.faq-item.active:before {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.faq-item.active:after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.faq-item_name {
font-size: 24px;
font-weight: 500;
color: #2f2e33;
cursor: pointer;
padding-right: 35px;
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.faq-item_name:hover {
color: #00b4d8;
}
.faq-item.active .faq-item_name {
color: #006b82;
}
.faq-item_answ {
color: rgba(59, 58, 64, 0.7);
padding-top: 20px;
}
.faq-item + .faq-item {
padding-top: 30px;
margin-top: 30px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.st-content-section {
margin-bottom: 70px;
}
.section-border-none {
margin-top: 0 !important;
padding-top: 0 !important;
border-top: none !important;
}
.section-border-none > .container {
margin-top: 80px;
padding-top: 80px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.faq-section .manager-sm_block {
margin-top: 130px;
}
.manager-sm_block {
position: relative;
margin-top: 48px;
background: #ffffff;
border-radius: 5px;
padding: 24px 22px 28px;
}
.manager-sm-block_img {
position: absolute;
right: -3px;
bottom: 0;
max-width: 200px;
}
.manager-sm_content {
position: relative;
z-index: 2;
max-width: 195px;
}
.manager-sm_block .name {
font-size: 16px;
font-weight: 500;
color: #2f2e33;
}
.manager-sm_block .pos {
color: #2f2e33;
opacity: 0.7;
line-height: 1.5;
font-size: 12px;
margin-top: 3px;
}
.manager-sm_block .btnWrap {
margin-top: 20px;
}
.manager-sm_block .btn {
padding: 25px 40px;
font-size: 16px;
}
.map-section {
margin-top: 110px;
}
/*серая карта*/
.ymaps-2-1-77-ground-pane,
.ymaps-2-1-78-ground-pane,
.ymaps-2-1-79-ground-pane,
.ymaps-2-1-80-ground-pane,
.ymaps-2-1-81-ground-pane {
-webkit-filter: grayscale(100) !important;
filter: grayscale(100) !important;
}
.map-content {
position: relative;
z-index: 2;
}
.map {
position: relative;
height: 590px;
border-radius: 5px;
overflow: hidden;
-webkit-box-shadow: 0px 4px 100px rgba(52, 115, 160, 0.25);
box-shadow: 0px 4px 100px rgba(52, 115, 160, 0.25);
background: #ccc;
}
.map-overlay {
display: none !important;
position: absolute;
content: "";
top: 33px;
left: 60px;
right: 60px;
height: 100%;
background: #ffffff;
border-radius: 150px;
}
.map-contacts_content {
position: absolute;
z-index: 2;
left: 100px;
top: 140px;
background: #ffffff;
-webkit-box-shadow: 0px 4px 50px rgba(52, 115, 160, 0.25);
box-shadow: 0px 4px 50px rgba(52, 115, 160, 0.25);
border-radius: 10px;
padding: 30px 40px 35px;
}
.map-contacts_overlay,
.map-contacts_content {
width: 410px;
}
.map-contacts_overlay {
position: absolute;
content: "";
top: 151px;
left: 118px;
width: 374px;
background: #ffffff;
-webkit-box-shadow: 0px 4px 50px rgba(52, 115, 160, 0.25);
box-shadow: 0px 4px 50px rgba(52, 115, 160, 0.25);
border-radius: 30px;
}
.map-contacts_content .time {
font-size: 14px;
color: #2f2e33;
opacity: 0.7;
}
.map-contacts_content .tel {
font-size: 35px;
font-weight: 700;
color: #2f2e33;
}
.map-contacts_content .mail {
font-weight: 500;
color: #006b82;
line-height: 1.4;
border-bottom: 1px dotted rgba(26, 31, 44, 0.3);
}
.map-contacts_content address {
font-style: normal;
color: #2f2e33;
margin-top: 15px;
}
.map-contacts_row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 20px;
}
.map-contacts_text {
max-width: 110px;
font-size: 12px;
color: #2f2e33;
opacity: 0.7;
margin-left: 22px;
line-height: 1.4;
}
.last-order-section {
margin-top: 150px;
}
.last-order-section .container {
padding-bottom: 90px;
}
.last-order-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.last-order-col1 {
max-width: 670px;
}
.last-order-section .caption {
font-size: 40px;
max-width: 550px;
}
.last-order-col2 {
width: 540px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.last-order_form-content {
padding: 60px 50px;
background: -o-linear-gradient(312.01deg, #ffffff 7.23%, #eff7fc 88.3%);
background: linear-gradient(137.99deg, #ffffff 7.23%, #eff7fc 88.3%);
-webkit-box-shadow: 0px 20px 200px rgba(52, 115, 160, 0.25);
box-shadow: 0px 20px 200px rgba(52, 115, 160, 0.25);
border-radius: 5px;
}
.last-order_form-content .form-title {
text-align: center;
font-size: 30px;
font-weight: 500;
color: #3b3a41;
}
.last-order_form-content .desc {
text-align: center;
max-width: 345px;
margin: 5px auto 0;
color: #3b3a41;
}
.last-order_form-content form {
margin-top: 30px;
}
.last-order_form-content .btnWrap {
margin-top: 18px;
}
.last-order_bg {
position: absolute;
z-index: -1;
bottom: 0;
right: 200px;
}
.last-order-col1 .manager-in-row {
margin-top: 100px;
}
.manager-in-row {
position: relative;
max-width: 340px;
background: #ffffff;
border-radius: 5px;
padding: 24px 22px;
margin-top: 65px;
}
.manager-in-row_img {
position: absolute;
bottom: 0;
right: 5px;
}
.manager-in-row_content {
max-width: 165px;
}
.manager-in-row_content .name {
font-weight: 500;
color: #2f2e33;
line-height: 1.4;
}
.manager-in-row_content .pos {
font-size: 12px;
color: #2f2e33;
opacity: 0.7;
margin-top: 5px;
display: none;
}
.last-order_form-content form .policy {
font-size: 14px;
}
.ppd-date {
font-size: 16px;
margin-bottom: 15px;
color: #1a1f2c;
}
.share-content {
margin-top: 35px;
}
.share-content .share-text {
font-size: 16px;
color: rgba(0, 0, 0, 0.6);
margin-bottom: 10px;
}
.footer.blue-bg {
background: rgba(200, 218, 234, 0.02);
}
.service-v-line {
position: absolute;
top: 0;
left: 0;
bottom: 100px;
width: 1px;
background: #fff;
}
.service-page_link-content {
padding-left: 90px;
}
.service-title_text {
font-size: 30px;
margin-top: 10px;
margin-bottom: 35px;
}
.service-list li + li {
margin-top: 15px;
}
.service-list a {
color: #fff;
font-weight: 500;
}
.service-list span {
cursor: default;
color: rgba(255, 255, 255, 0.6);
}
.service-content_col1 .service-list span {
color: rgba(0, 0, 0, 0.6);
}
.service-list a:hover {
color: #c8daea;
}
.main-section.service-page-section .main-col1 > p {
margin-top: 25px;
}
.service-price {
font-size: 24px;
color: #fff;
font-weight: 500;
margin-top: 20px;
}
.main-section.service-page-section .btnWrap {
margin-top: 25px;
}
.main-section.service-page-section .main-adv_list {
margin-top: 50px;
}
.srv-main-img {
position: absolute;
top: 0;
left: 0;
width: 810px;
height: 100%;
max-width: none;
-o-object-fit: cover;
object-fit: cover;
}
.srv-official_content {
position: absolute;
right: -100px;
top: 50px;
background: #ffffff;
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 20px 25px;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
}
.srv-official_content img {
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 14px;
}
.srv-official_content .text {
font-size: 14px;
color: #414141;
max-width: 200px;
line-height: 1.3;
}
.breadcrumb-light-section {
position: absolute;
z-index: 6;
top: 265px;
left: 0;
right: 0;
}
.breadcrumb-light-section .breadcrumb-list a,
.breadcrumb-light-section .breadcrumb-list > * {
color: rgba(255, 255, 255, 0.7);
}
.service-content-section {
-webkit-box-shadow: 0px 8px 100px rgba(52, 115, 160, 0.25);
box-shadow: 0px 8px 100px rgba(52, 115, 160, 0.25);
border-radius: 0px 0px 280px 280px;
}
.service-content_col1,
.service-content_col2 {
padding-top: 100px;
padding-bottom: 390px;
position: relative;
}
.service-content_row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.service-content_col1 {
width: 350px;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 40px;
}
.service-content_col2 {
width: 100%;
padding-left: 120px;
}
.service-content_col1:before,
.service-content_col2:before {
position: absolute;
z-index: -1;
content: "";
top: -300px;
width: calc(100% + 320px);
bottom: 0;
}
.service-content_col1:before {
right: 0;
background: #fff;
border-bottom-left-radius: 280px;
}
.service-content_col2:before {
left: 0;
background: -o-linear-gradient(276.49deg, #f7f7f7 19.34%, #d9e1ec 98.3%);
background: linear-gradient(173.51deg, #f7f7f7 19.34%, #d9e1ec 98.3%);
border-bottom-right-radius: 280px;
}
.service-content_col1 .service-list a {
color: #202a31;
}
.service-content_col1 .service-list a:hover {
color: #006b82;
}
.service-content_col1 .manager-sm_block {
background: #ededed;
margin-top: 40px;
}
.service-content_col1 .manager-sm-block_img {
width: 155px;
}
.service-question_content {
margin-top: 100px;
}
.service-question_content .title {
font-size: 30px;
color: #2f2e33;
}
.service-question_content > p {
color: #2f2e33;
opacity: 0.7;
margin-top: 5px;
}
.service-content-section ~ .advantages-seciton {
margin-top: -190px;
}
.modal {
padding: 0;
background: #eef2f3;
-webkit-box-shadow: 0px 4px 25px rgba(52, 115, 160, 0.25);
box-shadow: 0px 4px 25px rgba(52, 115, 160, 0.25);
border-radius: 30px 30px 80px 80px;
}
.modal-bWrap {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.modal-b1 {
width: 510px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.modal-b2 {
position: relative;
padding: 65px 45px 35px;
width: 475px;
background: #ffffff;
border-radius: 10px 0px 0px 10px;
-webkit-box-shadow: 0px 4px 25px rgba(52, 115, 160, 0.25);
box-shadow: 0px 4px 25px rgba(52, 115, 160, 0.25);
}
.modal-title {
font-size: 35px;
font-weight: 500;
color: #282828;
text-align: center;
line-height: 1.4;
}
.modal-descr {
text-align: center;
color: #2f2e33;
margin-top: 15px;
}
.modal-b2 .modal_body {
margin-top: 34px;
}
.modal-b2 .btnWrap {
margin-top: 20px;
}
.modal-b2 .btn {
width: 100%;
padding-top: 43px;
padding-bottom: 43px;
}
.fancybox-close-small {
display: none !important;
}
.modal-close {
position: absolute;
z-index: 2;
top: 20px;
right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
cursor: pointer;
}
.modal .manager-desc {
left: 90px;
}
.mobile-content {
position: fixed;
z-index: 300;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: -o-linear-gradient(318.31deg, #2a5b8b -23.44%, #006b82 94.34%);
background: linear-gradient(131.69deg, #2a5b8b -23.44%, #006b82 94.34%);
-webkit-transform: translateX(-110%);
-ms-transform: translateX(-110%);
transform: translateX(-110%);
overflow-x: hidden;
overflow-y: auto;
}
.mobile-content.active {
/*.mobile-content {*/
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mn-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 15px 20px;
background: #fff;
}
.mn-service {
padding: 20px;
}
.mn-service .item + .item {
position: relative;
padding-top: 10px;
margin-top: 10px;
}
.mn-service .item + .item:before {
position: absolute;
content: "";
top: 0;
left: 50%;
width: 100%;
height: 1px;
background: rgba(255, 255, 255, 0.1);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.item.hide-nav {
padding-bottom: 0;
}
.mn-service .service-item_link-list li:before {
border-left-color: #fff;
}
.mn-service .service-item_link-list .link,
.mn-service .service-item_link-list a {
color: #fff;
border-bottom-color: #fff;
}
.mn-service .item-name {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.mn-service .item-name:before {
position: absolute;
content: "";
top: 50%;
right: 0;
width: 12px;
height: 7px;
background: url(../img/icons/ard.svg);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.item.hide-nav .item-name:before {
display: none;
}
.item.active .item-name:before {
-webkit-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
.mn-service .imgWrap {
width: 50px;
height: 33px;
border: 2px solid #fff;
border-radius: 5px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 20px;
}
.mn-service .imgWrap img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.mn-service .item-type {
text-transform: uppercase;
font-weight: 500;
font-size: 18px;
color: #fff;
}
.item[data-bottom-border] {
position: relative;
padding-bottom: 10px;
}
.item[data-bottom-border]:after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 100%;
height: 1px;
background: rgba(255, 255, 255, 0.1);
transform: translateX(-50%);
}
.mn-footer {
padding: 20px;
padding-top: 15px;
}
.mn-footer .timew {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
font-size: 15px;
margin-bottom: 10px;
}
.mn-footer .timew .text {
font-size: 14px;
margin-right: 5px;
/*color: rgba(255,255,255,.8);*/
}
.mn-footer .time-working {
font-size: 13px;
}
.mn-footer .tel {
font-size: 20px;
font-weight: 700;
color: #fff;
line-height: 1;
}
.mn-footer .btn {
border-color: #fff;
background: transparent;
font-size: 14px;
padding: 13px 33px;
color: #fff;
margin-top: 18px;
}
.mn-footer .hm-address {
margin-top: 20px;
font-size: 15px;
color: #fff;
}
.mn-footer .nm-soc_content {
margin-top: 18px;
}
.mn-footer .soc-text {
font-size: 15px;
color: #fff;
margin-bottom: 5px;
}
.mn-footer .social-btn {
border-radius: 5px;
width: 46px;
height: 46px;
}
.mn-footer .h-soc_list li + li {
margin-left: 6px;
}
a.link-whith-nav {
position: relative;
padding-right: 40px;
}
.link-whith-nav:before {
position: absolute;
content: "";
top: 43px;
right: 0;
width: 8px;
height: 8px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
li:hover > .link-whith-nav:before,
.hover .link-whith-nav:before {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
border-color: #c8daea;
}
.mobile-bg {
position: absolute;
z-index: -1;
bottom: 0;
left: 400px;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
opacity: 0;
-webkit-transition: 0.6s 0.1s;
-o-transition: 0.6s 0.1s;
transition: 0.6s 0.1s;
}
.mobile-content.active .mobile-bg {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.mobile-bg.md {
left: 900px;
}
.mobile-bg.lg {
left: 1300px;
}
.mobile-menu2_list,
.mobile-menu3_list {
max-height: 600px;
overflow-x: hidden;
overflow-y: scroll;
scrollbar-width: thin;
display: none;
}
.mobile-menu2_list.active,
.mobile-menu3_list.active {
display: block;
}
.mobile-menu2_list::-webkit-scrollbar:disabled,
.mobile-menu3_list::-webkit-scrollbar:disabled {
width: 0;
}
.mobile-menu2_list::-webkit-scrollbar,
.mobile-menu3_list::-webkit-scrollbar {
width: 7px;
}
.mobile-menu2_list::-webkit-scrollbar-thumb,
.mobile-menu3_list::-webkit-scrollbar-thumb {
background-color: #00b4d8;
}
.mobile-menu2_list::-webkit-scrollbar-track,
.mobile-menu3_list::-webkit-scrollbar-track {
background: #fff;
}
.modal-city {
width: 1100px;
max-width: 100%;
height: 720px;
max-height: 100%;
padding: 40px 40px 60px;
border-radius: 10px 10px 50px 50px;
}
.city-title {
font-size: 24px;
font-weight: 500;
color: #2f2e33;
margin-bottom: 20px;
}
.city-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.city-list li {
flex: 1 1 calc(100% / 6); /* ~16.67% */
min-width: 160px; /* защита от сжатия */
margin-top: 5px;
}
.city-list a {
color: #2f2e33;
font-size: 16px;
opacity: 0.7;
}
.city-list a:hover {
color: #00b4d8;
}
.page404-section {
position: relative;
text-align: center;
color: #fff;
padding: 525px 0 300px;
background: #1a1f2c;
min-height: 100vh;
}
.page404-section .caption {
font-size: 100px;
font-weight: 700;
}
.page404-section .caption-desc {
font-size: 24px;
margin: 0 auto 25px;
font-weight: 300;
max-width: 480px;
}
.page404-section .btn {
width: 100%;
max-width: 355px;
}
.page404-section .nf1 {
position: absolute;
top: -180px;
left: -750px;
pointer-events: none;
}
.page404-section .nf2 {
position: absolute;
left: -400px;
top: -400px;
pointer-events: none;
}
.page404-section .nf3 {
position: absolute;
top: -150px;
left: 580px;
pointer-events: none;
}
.city-list-select {
margin-bottom: 25px;
}
.city-list-select a {
font-size: 18px;
font-weight: 500;
}
.city-search-form {
position: relative;
display: block;
margin-bottom: 25px;
}
.city-search-form input {
width: 100%;
padding: 20px 30px;
}
.city-search-form img {
position: absolute;
display: block;
top: 50%;
right: 23px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
}
.city-area {
height: 455px;
}
.city-updated-list {
/*height: 100%;*/
max-height: 100%;
width: 100%;
-webkit-column-count: unset;
-moz-column-count: unset;
column-count: unset;
overflow-x: hidden;
overflow-y: scroll;
scrollbar-width: thin;
}
.city-updated-list::-webkit-scrollbar {
width: 7px;
}
.city-updated-list::-webkit-scrollbar:disabled {
width: 0;
}
.city-updated-list::-webkit-scrollbar-thumb {
background: #00b4d8;
}
.city-updated-list::-webkit-scrollbar-track {
background-color: rgba(0, 0, 0, 0.1);
}
.additional-section {
margin-top: 140px;
margin-bottom: 140px;
}
.additional-section .container {
}
.additional-section ul {
margin-top: 15px;
}
.additional-section ul li {
position: relative;
padding-left: 20px;
}
.additional-section ul li:before {
position: absolute;
content: "";
top: 11px;
left: 0;
width: 6px;
height: 6px;
border-radius: 50%;
background: #000;
}
.calc-section {
margin-top: 90px;
background: #1a1f2c;
padding: 80px 0;
}
.calc-service-content {
background: #1a1f2c;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.calc-service-content .col1 {
margin-right: 120px;
}
.calc-service-content .col2 {
width: 565px;
-ms-flex-negative: 0;
flex-shrink: 0;
border: 1px solid #ffffff;
border-radius: 3px;
padding: 33px 35px;
}
.calc-section .caption {
font-size: 35px;
}
.cs-advantages_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 20px -10px 0;
}
.cs-advantages_list .item {
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 15px 10px;
}
.cs-advantages_list .imgWrap {
width: 60px;
height: 60px;
background: #006b82;
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 20px;
}
.calc-service-content .form-desc {
font-size: 18px;
color: #c1d3e5;
margin-bottom: 25px;
}
.calc-service-content .s-text {
font-size: 14px;
color: #c1d3e5;
margin-top: 15px;
max-width: 315px;
}
.srv-form-item + .srv-form-item {
margin-top: 25px;
}
.srv-form-item.z2 {
position: relative;
z-index: 3;
}
.srv-title {
text-transform: uppercase;
font-size: 12px;
margin-bottom: 12px;
}
.select-content {
position: relative;
z-index: 2;
}
.select-content:before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 5px;
border: 2px solid transparent;
pointer-events: none;
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.select-content.error:before {
border-color: red;
}
.select-current-item {
width: 100%;
height: 70px;
background: #fff;
border-radius: 5px;
font-size: 15px;
font-weight: 500;
color: #202a31;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 20px 30px;
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.select-current-item:hover {
color: #1a1f2c;
cursor: pointer;
}
.vscroll-style-1 {
max-height: 250px;
overflow-x: hidden;
overflow-y: auto;
scrollbar-width: thin;
}
.vscroll-style-1::-webkit-scrollbar {
width: 7px;
}
.vscroll-style-1::-webkit-scrollbar:disabled {
width: 0;
}
.vscroll-style-1::-webkit-scrollbar-thumb {
border: none;
background: #00b4d8;
border-radius: 5px;
}
.select-list {
position: absolute;
top: calc(100% + 5px);
left: 0;
background: #fff;
width: 100%;
border-radius: 5px;
color: #202a31;
font-size: 15px;
padding-bottom: 20px;
}
.select-item-type {
text-transform: uppercase;
color: #1a1f2c;
font-weight: 500;
padding: 20px 30px 5px;
}
.select-list .select-item + .select-item-type {
padding-top: 15px;
margin-top: 5px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.select-list .select-item {
padding: 10px 30px;
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.select-list .select-item.selected {
/*background: rgba(0,0,0,.1)!important;
	color: #000!important;*/
font-weight: 700;
}
.select-list .select-item:hover {
cursor: pointer;
color: #fff;
background: #00b4d8;
}
.radio-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.radio-list .radio-item {
position: relative;
width: 50%;
cursor: pointer;
padding: 10px 10px 10px 35px;
}
.radio-list .radio-item:before {
position: absolute;
content: "";
top: 11px;
left: 0;
width: 25px;
height: 25px;
border-radius: 50%;
border: 4px solid #fff;
background: #e8e8e8;
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.radio-list .radio-item:hover:before,
.radio-list .radio-item.active:before {
background: #f64e64;
}
.calc-service-content .btnWrap {
margin-top: 25px;
}
.calc-service-content .btnWrap .btn {
width: 100%;
}
.modal-calc-srv .modal-b2,
.modal.modal-calc-srv {
border-radius: 5px;
}
.modal-calc-srv .modal-b2 {
width: 100%;
max-width: 590px;
padding: 40px 50px 50px;
}
.modal-calc-srv .modal-b2:before {
position: absolute;
content: "";
top: 15px;
right: 15px;
bottom: 15px;
left: 15px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 5px;
pointer-events: none;
}
.modal-srv_list .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: 1.3;
font-size: 16px;
}
.modal-srv_list .item + .item {
margin-top: 12px;
}
.modal-srv_list .col1 {
text-transform: uppercase;
color: rgba(0, 0, 0, 0.7);
}
.modal-srv_list .col3 {
font-weight: 500;
}
.modal-srv_list .col1,
.modal-srv_list .col3 {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.modal-srv_list .col2 {
width: 100%;
margin: 0 5px;
border-bottom: 1px dashed rgba(0, 0, 0, 0.5);
height: 15px;
}
.modal-srv_list {
margin-top: 25px;
}
.modal-calc-srv .modal-close {
top: 30px;
right: 30px;
}
.modal-calc-srv .modal-b2 .btn {
padding: 25px 30px;
}
.order-section {
position: relative;
margin-top: 90px;
padding: 80px 0;
background: #1a1f2c;
color: #fff;
}
.order-section .m-d {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.o-form_content {
max-width: 630px;
}
.o-form_content .caption {
font-size: 35px;
}
.cost-advantages_list {
}
.o-form_content .cost-advantages_item p {
color: #c1d3e5;
}
.o-form_content .cost-advantages_imgWrap {
position: relative;
width: 60px;
height: 60px;
background: #006b82;
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.o-form_content .cost-advantages_imgWrap img {
display: block;
}
.o-form_content form {
max-width: 490px;
margin-top: 30px;
}
.btnWrap {
}
.o-form_content .btn {
width: 100%;
padding: 16px;
}
.o-form_content .policy,
.o-form_content .policy a {
color: #c1d3e5;
border-bottom-color: transparent;
}
.o-form_content .policy a:hover {
color: #fd2a2a;
}
.review2-section {
margin-top: 90px;
}
.review2-section .caption-row {
margin-bottom: 35px;
}
.rev2-slider {
position: relative;
left: -20px;
width: calc(100% + 40px);
}
.rev2-slider .slide-content {
padding: 0 20px;
}
.rev2-slider .mesWrap {
width: 290px;
/*height: 480px;*/
padding: 20px;
background: #fff;
border-radius: 5px;
}
.rev2-slider .mesWrap img {
display: block;
border-radius: 3px;
}
.rev2-slider .slick-arrow {
top: 210px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.rev2-slider .slick-prev {
left: -70px;
}
.rev2-slider .slick-next {
right: -70px;
}
.author-row-content .avaWrap {
width: 66px;
height: 66px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 15px;
}
.author-row-content .avaWrap .default-ava {
width: 100%;
height: 100%;
border-radius: 50%;
background: rgba(0, 0, 0, 0.3);
}
.author-row-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 25px;
}
.author-row-content .avaWrap img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 50%;
}
.author-row-content .name {
font-size: 18px;
font-weight: 500;
}
.author-row-content .text {
font-size: 14px;
font-weight: 300;
color: #1a1f2c;
margin-top: 3px;
line-height: 1.4;
}
.slider-align-left .slick-track {
margin-left: 0;
}
.breadcrumb-list > * {
display: inline;
font-size: 14px;
color: #1a1f2c;
}
.breadcrumb-list .del {
display: inline-block;
margin: 0 3px;
}
.breadcrumb-list a {
color: #1a1f2c;
}
.breadcrumb-list a:hover {
color: #00b4d8;
}
.breadcrumb-section {
padding-top: 225px;
margin-top: 35px;
margin-bottom: 35px;
}
.breadcrumb-section .caption {
margin-top: 10px;
}
.left-menu_list {
position: relative;
}
.left-menu_list li + li {
margin-top: 14px;
}
.left-menu_list a,
.left-menu_list span {
font-size: 18px;
color: #202a31;
font-weight: 500;
line-height: 1.3;
}
.left-menu_list a:hover {
color: #00b4d8;
}
.left-menu_list a.selected,
.left-menu_list span.selected {
color: #00b4d8;
}
.st-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.st-content .col1 {
width: 200px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 55px;
padding-right: 25px;
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.st-content .col2 {
width: 100%;
}
.st-content .col2 .project-list {
margin-top: -20px;
}
.st-content .col1 .stick-block.is_stuck {
padding-top: 20px;
}
.header.fixed ~ .page-content .st-content .col1 .stick-block.is_stuck {
padding-top: 75px;
}
.manager-lite_content .avaWrap {
position: relative;
background: #ededed;
border-radius: 5px;
width: 100%;
height: 220px;
}
.manager-lite_content .ava {
position: absolute;
left: 0;
bottom: 0;
}
.manager-lite_content .btnWrap {
position: absolute;
bottom: 25px;
width: 100%;
text-align: center;
}
.manager-lite_content .btn {
font-size: 14px;
padding: 22px 28px;
}
.manager-lite_content .ml-title {
font-size: 20px;
color: #2f2e33;
line-height: 1.4;
margin-top: 10px;
}
.manager-lite_content .ml-text {
font-size: 16px;
color: #2f2e33;
opacity: 0.7;
line-height: 1.4;
margin-top: 5px;
}
.st-content .manager-lite_content {
margin-top: 55px;
}
.news-row-section {
margin-top: 110px;
}
.project-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -20px;
}
.project-list .project-card-item {
width: 33.3334%;
padding: 20px;
}
.news-row-section .project-list .project-card-item {
width: 25%;
}
.news-row-section .project-card-item .imgWrap {
height: 190px;
}
.wrapper.with-bg .project-card-item .imgWrap {
background: #fff;
}
.project-card-item .title {
/*height: 52px;*/
}
.project-card-item .date {
font-size: 12px;
color: #acacac;
margin-top: 12px;
margin-bottom: 10px;
}
.project-card-item .preview-text {
margin-top: 5px;
font-size: 14px;
color: #1a1f2c;
font-weight: 300;
}
.project-card-item .btnWrap {
margin-top: 15px;
}
.project-card-item .btn.btn-st2 {
padding: 17px 33px;
}
.project-card-item .btnWrap .link {
font-weight: 500;
color: #1a1f2c;
font-size: 16px;
border-bottom: 1px solid rgba(26, 31, 44, 0.3);
}
.project-card-item .btnWrap .link:hover {
color: #00b4d8;
border-bottom-color: transparent;
}
.project-card-item .title a {
color: #202a31;
font-size: 18px;
font-weight: 500;
line-height: 1.4;
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.project-card-item:hover .title a {
color: #00b4d8;
}
.project-card-item .imgWrap {
position: relative;
width: 100%;
height: 210px;
background: #f6f6f6;
border-radius: 5px;
}
.project-card-item .imgWrap img {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 3px;
-webkit-transform: translate3d(-50%, -50%, 0) scale(0.92);
transform: translate3d(-50%, -50%, 0) scale(0.92);
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.project-card-item:hover .imgWrap img {
-webkit-transform: translate3d(-50%, -50%, 0) scale(1);
transform: translate3d(-50%, -50%, 0) scale(1);
}
.page-navigation_list {
position: relative;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 20px;
padding-top: 40px;
}
.page-navigation_list:before {
position: absolute;
content: "";
top: 0;
left: 50%;
width: calc(100% - 40px);
height: 1px;
background: rgba(0, 0, 0, 0.1);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.page-navigation_list .nav-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 3px;
font-size: 18px;
margin: 0 5px;
}
.page-navigation_list .nav-item > * {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.page-navigation_list .nav-item a {
color: #202a31;
}
.page-navigation_list .nav-item.active {
background: #1a1f2c;
}
.page-navigation_list .nav-item b {
font-weight: 700;
color: #fff;
}
.ppd-slider {
width: 1025px;
}
.ppd-slider .img {
width: 100%;
height: 600px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 5px;
}
.ppd-slider .slick-prev {
left: 35px;
}
.ppd-slider .slick-next {
right: 35px;
}
.project-page-detail .wys-text {
margin-top: 40px;
font-weight: 300;
}
.additional-project_list {
margin-top: 70px;
}
.additional-project_list .caption {
font-size: 30px;
font-weight: 500;
margin-bottom: 30px;
}
.st-content .col2 .certificate-rows_list {
margin-top: -20px;
}
.certificate-rows_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -15px;
}
.certificate-rows_list .certificate-rows-item {
width: 33.3334%;
padding: 20px 15px;
}
.certificate-rows_list .imgWrap {
position: relative;
width: 100%;
height: 410px;
border-radius: 5px;
background: #f6f6f6;
padding: 25px 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.certificate-rows_list .imgWrap:before {
position: absolute;
z-index: 2;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 5px;
background: rgba(77, 137, 197, 0.7);
opacity: 0;
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.certificate-rows_list .imgWrap:hover:before {
opacity: 1;
}
.certificate-rows_list .imgWrap:after {
position: absolute;
content: "";
z-index: 3;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(../img/icons/search-icon.svg) center no-repeat;
background-size: 20%;
-webkit-filter: invert(1);
filter: invert(1);
opacity: 0;
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.certificate-rows_list .imgWrap:hover:after {
opacity: 1;
}
.certificate-rows_list .imgWrap img {
border-radius: 3px;
display: block;
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.certificate-rows_list .title {
font-size: 18px;
font-weight: 500;
margin-top: 15px;
}
.wys-text > img:not([class]) {
border-radius: 10px;
}
.wys-text h3,
.wys-text h4 {
font-size: 30px;
font-weight: 500;
margin-top: 50px;
margin-bottom: 20px;
}
.wys-text h4 {
font-size: 24px;
}
.wys-text h4 + p,
.wys-text h3 + p {
margin-top: -5px;
}
.wys-text .colored {
color: #1a1f2c;
}
.wys-text .light {
font-weight: 300;
color: #202a31;
}
.wys-text > *:first-child {
margin-top: 0 !important;
}
.wys-text > *:last-child {
margin-bottom: 0 !important;
}
.wys-text p {
margin: 25px 0;
color: #1a1f2c;
}
.wys-text ul {
margin: 25px 0;
}
.wys-text ul li {
position: relative;
padding-left: 14px;
color: #1a1f2c;
}
.wys-text ul li p {
margin: 0;
}
.wys-text ul li:before {
position: absolute;
content: "";
top: 12px;
left: 0;
width: 5px;
height: 5px;
background: #1a1f2c;
border-radius: 50%;
}
.wys-text ul li + li {
margin-top: 10px;
}
.wys-text a.bold {
color: #1a1f2c;
font-weight: 700;
}
.wys-text a.bold:hover {
color: #00b4d8;
}
.reviews-p_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -20px -15px 0;
}
.reviews-p_item {
width: 33.3334%;
padding: 20px 15px;
}
.item-content {
}
.reviews-p_list .imgWrap {
width: 100%;
height: 320px;
background: #f6f6f6;
border-radius: 5px;
overflow: hidden;
text-align: center;
}
.reviews-p_list .default-previewWrap {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 25px 30px 0;
width: 100%;
height: 100%;
text-align: center;
}
.reviews-p_list .default-previewWrap:before {
position: absolute;
z-index: 2;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 5px;
background: rgba(77, 137, 197, 0.7);
opacity: 0;
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.reviews-p_list .default-previewWrap:hover:before {
opacity: 1;
}
.reviews-p_list .default-previewWrap:after {
position: absolute;
content: "";
z-index: 3;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(../img/icons/search-icon.svg) center no-repeat;
background-size: 20%;
-webkit-filter: invert(1);
filter: invert(1);
opacity: 0;
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.reviews-p_list .default-previewWrap:hover:after {
opacity: 1;
}
.reviews-p_list .default-previewWrap img {
display: block;
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.reviews-p_list .default-previewWrap:hover img {
margin-top: -10px;
}
.review-section_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -25px 30px;
}
.review-section_list li {
padding: 0 25px;
}
.review-section_list .s-name {
font-size: 30px;
font-weight: 500;
color: #202a31;
}
.review-section_list .s-name:hover {
cursor: pointer;
color: #1a1f2c;
}
.review-section_list .active .s-name {
color: #1a1f2c;
}
.js-review-area .reviews-p_item {
display: none;
}
.js-review-area .reviews-p_item.active {
display: block;
}
.price-page-content {
margin-top: 50px;
}
.contact-page_content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.contact-page_content .content-col1 {
width: 100%;
}
.contact-page_content .content-col2 {
width: 320px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 70px;
}
.contact-row + .contact-row {
margin-top: 25px;
}
.contact-row .sm-text {
font-size: 18px;
color: #1a1f2c;
}
.contact-row .sm-text.half {
font-size: 14px;
}
.contact-row address {
font-size: 30px;
color: #202a31;
font-style: normal;
line-height: 1.5;
}
.contact-row .tel {
font-size: 30px;
font-weight: 700;
color: #202a31;
line-height: 1.1;
margin-top: 5px;
}
.contact-row .h-soc_list {
margin-top: 10px;
}
.contact-row .mail {
font-size: 18px;
color: #1a1f2c;
font-weight: 500;
border-bottom: 1px solid rgba(26, 31, 44, 0.2);
line-height: 1.4;
}
.address-list .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 -5px;
padding: 20px 0;
font-size: 16px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.address-list .item:last-child {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.address-list .i-col1 {
padding: 0 5px;
width: 25%;
font-weight: 500;
color: #202a31;
}
.address-list .i-col1 a {
color: #006b82;
}
.address-list .i-col2 {
padding: 0 5px;
width: 50%;
color: #202a31;
line-height: 1.3;
}
.address-list .i-col3 {
padding: 0 5px;
width: 25%;
text-align: right;
}
.address-list .phone {
font-weight: 500;
color: #202a31;
}
.contact-row .address-list {
margin-top: 15px;
}
.contact-row.offset-lg {
margin-top: 32px;
}
.contact-row .company-text {
color: #202a31;
margin-top: 10px;
}
.contact-page_content .block-img_row + .block-img_row {
margin-top: 30px;
}
.block-img_row .imgWrap {
display: block;
width: 100%;
height: 208px;
}
.block-img_row .imgWrap img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 5px;
}
.block-img_row .s-text {
font-size: 14px;
font-weight: 300;
color: #202a31;
margin-top: 14px;
}
.zoom-area {
position: relative;
cursor: pointer;
}
.zoom-area:before {
position: absolute;
z-index: 2;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 5px;
background: rgba(77, 137, 197, 0.7);
opacity: 0;
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.zoom-area:hover:before {
opacity: 1;
}
.zoom-area:after {
position: absolute;
content: "";
z-index: 3;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(../img/icons/search-icon.svg) center no-repeat;
background-size: 15%;
-webkit-filter: invert(1);
filter: invert(1);
opacity: 0;
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.zoom-area:hover:after {
opacity: 1;
}
.contact-page_content .form-area {
margin-top: 50px;
padding: 25px;
background: #ffffff;
-webkit-box-shadow: 0px 20px 200px rgba(52, 115, 160, 0.25);
box-shadow: 0px 20px 200px rgba(52, 115, 160, 0.25);
border-radius: 5px;
}
.contact-page_content .form-area .form-title {
font-size: 30px;
font-weight: 500;
color: #3b3a41;
text-align: center;
}
.contact-page_content .form-area .form-desc {
color: #3b3a41;
text-align: center;
max-width: 480px;
margin: 0 auto;
}
.contact-page_content .form-area form {
margin-top: 15px;
}
.contact-page_content .form-area .btn {
width: 100%;
}
.contact-page_content .form-area .btnWrap {
margin-top: 10px;
}
.contact-page_content .form-area textarea {
min-height: 135px;
}
form textarea {
display: block;
}
.map-modal {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@-webkit-keyframes preloaderCentered {
0% {
-webkit-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg);
}
}
@keyframes preloaderCentered {
0% {
-webkit-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg);
}
}
.map-modal:before {
position: absolute;
content: "";
top: 50%;
left: 50%;
width: 60px;
height: 60px;
border-radius: 50%;
border: 6px solid rgba(0, 0, 0, 0.3);
border-left-color: rgba(0, 0, 0, 0.1);
border-top-color: rgba(0, 0, 0, 0.1);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-animation: preloaderCentered 1s linear infinite;
animation: preloaderCentered 1s linear infinite;
}
.modal-map {
width: 100%;
max-width: 700px;
}
.modal-map .modal-b2 {
height: 500px;
width: 100%;
}
.modal-map .modal-close:before {
position: absolute;
content: "";
top: 50%;
left: 50%;
width: 200%;
height: 200%;
background: #fff;
border-radius: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: -1;
}
.wys-text .block-img-text {
margin: 60px 0;
}
.wys-text .block-img-text .imgWrap {
float: left;
margin-right: 45px;
margin-bottom: 30px;
}
.wys-text .block-img-text.mirror .imgWrap {
float: right;
margin-right: 0;
margin-left: 45px;
}
.wys-text .block-img-text .imgWrap img {
display: block;
margin: 0 !important;
}
.wys-text .block-img-text .col > *:first-child {
margin-top: 0 !important;
}
.about-page-section .container > .wys-text:first-child {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding-bottom: 70px;
}
.certificate-section.certificate-block {
margin-top: 70px;
}
.dir-section {
margin-top: 80px;
}
.dir-section .caption-row {
margin-bottom: 35px;
}
.brends-section {
margin-top: 90px;
}
.brends-section .brands-slider {
margin-top: 35px;
}
.brands-slider {
position: relative;
width: calc(100% + 40px);
left: -20px;
}
.brands-slider .imgWrap {
width: 100%;
max-width: 230px;
height: 100px;
background: #f6f6f6;
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 15px 25px;
margin: 0 auto;
}
.wrapper.with-bg .brands-slider .imgWrap {
background: #fff;
}
.brands-slider .imgWrap img {
max-height: 100%;
}
.brands-slider .name {
text-align: center;
font-size: 16px;
color: #202a31;
margin-top: 10px;
}
.brands-slider .slick-arrow {
top: 50px;
}
.personal-section {
margin-top: 80px;
}
.brends-section + .personal-section {
padding-top: 80px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.personal-section .personal-slider {
margin-top: 35px;
}
.personal-slider {
position: relative;
width: calc(100% + 40px);
left: -20px;
}
.personal-slider .slick-arrow {
top: 145px;
}
.personal-slider .slide {
padding: 0 18px;
}
.personal-slider .imgWrap {
width: 100%;
max-width: 290px;
height: 290px;
margin: 0 auto;
}
.personal-slider .imgWrap img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 5px;
}
.personal-slider .name {
font-size: 24px;
font-weight: 500;
color: #202a31;
margin-top: 15px;
}
.personal-slider .pos {
font-size: 14px;
font-weight: 300;
color: #1a1f2c;
}
.faq-section {
margin-top: 80px;
}
.news-row-section + .faq-section {
margin-top: 0;
}
.news-row-section + .faq-section .container {
margin-top: 80px;
padding-top: 80px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.personal-section + .faq-section {
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding-top: 70px;
margin-top: 70px;
}
.order-info-section {
margin-top: 70px;
margin-bottom: 70px;
}
.faq-section + .order-info-section {
padding-top: 70px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.order-info_content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 -25px;
}
.order-info_content .oi-col1,
.order-info_content .oi-col2 {
width: 50%;
padding: 0 25px;
}
.wys-text .link-lg {
font-size: 24px;
font-weight: 500;
color: #1a1f2c;
}
.wys-text .link-lg:hover {
color: #00b4d8;
}
.arrows-distance .slick-prev {
left: -70px;
}
.arrows-distance .slick-next {
right: -70px;
}
.logo-content {
}
.logo-content .logo-city {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 290px;
font-size: 27px;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
}
.logo-content .prefix {
color: #1a1f2c;
}
.logo-content .city {
color: #00b4d8;
white-space: nowrap;
}
.logo-content .text-logo_sub {
font-size: 10px;
color: #202a31;
opacity: 0.7;
}
.footer-menu_list {
max-width: 380px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -5px -10px 0;
}
.footer-menu_list li {
width: 50%;
padding: 5px 10px;
}
.footer-menu_list a,
.footer-menu_list span {
color: #202a31;
font-size: 16px;
font-weight: 500;
line-height: 1.3;
}
.footer-menu_list span,
.footer-menu_list a:hover {
color: #00b4d8;
}
.footer.footer-new .f-row .btn {
-ms-flex-negative: 0;
flex-shrink: 0;
margin-top: 20px;
margin-bottom: 15px;
/*margin-left: 30px;*/
}
.footer.footer-new .f-row .f-addr {
max-width: 300px;
}
.footer.footer-new .f-row {
font-weight: 300;
color: #202a31;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 0;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.footer.footer-new .tel {
font-size: 35px;
font-weight: 700;
}
.footer.footer-new .mail {
color: #1a1f2c;
}
.footer.footer-new .social-btn {
border-radius: 5px;
}
.footer.footer-new .h-soc_list {
margin-top: 20px;
}
.footer.footer-new {
padding-bottom: 0 !important;
}
.wrapper:not(.with-bg) .footer.footer-new {
background: #f6f6f6;
}
.f-info_content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.f-info_content .copy {
font-size: 12px;
font-weight: 300;
}
.f-info_content .col2 a {
color: #202a31;
font-size: 12px;
font-weight: 300;
}
.f-info_content .col2 a + a {
margin-left: 55px;
}
.f-info_content .dev-text {
font-size: 12px;
font-weight: 300;
color: #202a31;
}
.f-info_content .dev a {
color: #202a31;
}
.f-info_content .dev img {
max-width: 13px;
display: block;
margin-right: 9px;
}
.f-info_content {
margin-top: 40px;
padding: 20px 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.f-info_content a:hover {
color: #00b4d8 !important;
}
@media (min-width: 992px) {
.f-info_content {
flex-wrap: wrap;
gap: 16px;
}
.f-info_content .col2 {
min-width: 0;
flex: 1 1 clamp(560px, 50vw, 900px);
}
.f-info_content .dev-text {
overflow-wrap: anywhere;
word-break: break-word;
}
}
.header-main {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 20;
}
.header-main .col-middle {
position: relative;
width: 280px;
}
.header-main .container {
width: 100%;
max-width: 1470px;
}
.hm-top {
position: relative;
z-index: 5;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.hm-top:before {
position: absolute;
z-index: -1;
content: "";
top: 0;
left: 50%;
height: 100%;
width: 100vw;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background: #1a1f2c;
}
.header-menu_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
/*align-items: center;*/
font-size: 14px;
font-weight: 500;
}
.header-menu_list a {
position: relative;
color: #ffffff;
font-size: 16px;
white-space: nowrap;
}
.hm-city_content .city-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.hm-city_content .city-content img {
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 6px;
display: block;
}
.hm-city_content .city-content .name {
font-size: 14px;
color: rgba(255, 255, 255, 0.8);
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.hm-city_content .city-content:hover .name {
color: #00b4d8;
}
.hm-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
}
.hm-info img {
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 8px;
display: block;
}
.hm-info .text {
font-size: 14px;
}
.header-menu_list > li.for-hidden {
display: none;
}
.header-menu_list > li > a {
font-size: 14px;
}
.header-menu_list > li:hover > a {
color: #1a1f2c;
}
.header-menu_list .submenu-list {
position: absolute;
top: -10px;
left: 100%;
opacity: 0;
visibility: hidden;
pointer-events: none;
padding: 10px 0;
border-radius: 0 5px 5px 5px;
background: #fff;
-webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.header-menu_list .submenu-list .submenu-list {
left: calc(100% - 3px);
}
.header-menu_list .submenu-list.first-list {
top: 120%;
left: 0;
}
.header-menu_list .submenu-list a {
color: #202a31;
line-height: 1.3;
}
.header-menu_list li:hover ul.first-list {
top: 100%;
left: 0;
}
.header-menu_list li:hover ul > li {
opacity: 1;
visibility: visible;
pointer-events: inherit;
}
.header-menu_list li:hover > ul.first-list > li {
opacity: 1;
visibility: visible;
pointer-events: inherit;
}
.header-menu_list li:hover > .submenu-list {
opacity: 1;
visibility: visible;
pointer-events: inherit;
}
.header-menu_list a:hover,
.header-menu_list li:hover > a {
color: #1a1f2c;
}
.header-menu_list li {
position: relative;
padding: 10px 25px 10px 20px;
}
.header-menu_list > li {
padding: 10px 20px;
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.header-menu_list > li {
margin: 0 3px;
}
.header-menu_list > li:hover {
background: #fff;
}
.header-menu_list .link-arrow > a {
padding-right: 15px;
}
.header-menu_list .link-arrow > a:before {
position: absolute;
content: "";
top: 7px;
right: 0;
width: 5px;
height: 5px;
border-right: 1px solid #202a31;
border-bottom: 1px solid #202a31;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.header-menu_list > li > a:before {
border-color: #fff !important;
}
.header-menu_list li:hover > a:before {
border-color: #1a1f2c !important;
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
top: 10px;
}
.header-menu_list .addit-menu_li {
position: relative;
background: #fff;
margin: 8px 0;
padding: 0 !important;
width: 15px;
border-radius: 3px;
}
.header-menu_list .addit-menu_li:before {
position: absolute;
content: "";
top: 0;
left: 100%;
height: 100%;
width: 10px;
}
.addit-menu_li .addit-menu {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
}
.addit-menu_li .dots {
width: 3px;
height: 3px;
border-radius: 50%;
background: #1a1f2c;
}
.addit-menu_li .dots + .dots {
margin-top: 2px;
}
.hm-main {
position: relative;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 15px 0;
}
.hm-main:after {
position: absolute;
content: "";
bottom: 0;
left: 50%;
height: 1px;
width: 100vw;
background: #e1e1e1;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.hm-main:before {
position: absolute;
z-index: -1;
content: "";
top: 0;
left: 50%;
height: 100%;
width: 100vw;
background: #f6f6f6;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.hm-main .col1,
.hm-main .col2,
.hm-main .col3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.hm-main .col2 {
margin: 0 15px;
}
.hm-main .hm-address {
position: relative;
max-width: 220px;
padding-left: 18px;
margin-left: 20px;
font-size: 15px;
line-height: 1.3;
}
.hm-main .hm-address:before {
position: absolute;
content: "";
top: 4px;
left: 0;
width: 1px;
bottom: 4px;
background: rgba(0, 0, 0, 0.1);
}
.hm-main .timew {
margin-left: 20px;
color: #202a31;
line-height: 1.3;
}
.hm-main .timew .text {
font-size: 14px;
font-weight: 300;
}
.hm-main .timew strong {
font-size: 15px;
font-weight: 700;
}
.hm-main .work-col a {
font-size: 20px;
font-weight: 700;
color: #202a31;
white-space: nowrap;
}
.mn-footer .work-col {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.hm-main .time-working {
color: #202a31;
font-size: 12px;
}
.hm-main .h-soc_list {
margin-left: 35px;
}
.hm-main .social-btn {
width: 46px;
height: 46px;
border-radius: 5px;
padding: 12px;
}
.hm-main .btn {
font-size: 14px;
padding: 0 15px;
margin-left: 7px;
line-height: 44px;
height: 46px;
width: 180px;
}
.hm-main .h-soc_list li + li {
margin-left: 7px;
}
.mobile-content .h-btns_content .hbtn-menu {
background: #212121;
padding: 0;
width: 38px;
height: 38px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.menu-service-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 -10px;
}
.menu-service-list .item {
padding: 0 10px;
}
.menu-service-list .imgWrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 35px;
}
.menu-service-list .imgWrap img {
-ms-flex-negative: 0;
flex-shrink: 0;
display: block;
}
.menu-service-list .text {
font-size: 16px;
text-align: center;
color: #202a31;
margin-top: 5px;
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.menu-service-list .item-content:hover .text {
color: #1a1f2c;
}
.hm-srv {
padding: 15px 0;
}
.hm-srv:before {
position: absolute;
z-index: -1;
content: "";
top: 0;
left: 50%;
height: 100%;
width: 100vw;
background: #f6f6f6;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.title-search-result {
position: absolute;
top: 100%;
left: 0;
width: 100%;
z-index: 1;
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
/*background: #fff;*/
/*z-index: -1!important;*/
/*display: block !important;*/
/*display: none !important;*/
}
.title-search-result .search-result_container {
background: #fff;
padding: 20px 15px;
border-radius: 0 0 8px 8px;
}
.title-search-result .search-result_container:after {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 0 0 8px 8px;
border: 1px solid rgba(0, 0, 0, 0.02);
border-top: none;
pointer-events: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.search-result_container a {
color: #000;
font-size: 16px;
padding: 5px 10px;
display: block;
border-radius: 3px;
}
.search-result_container a:hover {
background: rgba(0, 0, 0, 0.1);
}
.horizontal-search form {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.horizontal-search .s-btn {
position: absolute;
z-index: 2;
top: 0;
right: 0;
font-size: 0;
padding: 0;
width: 50px;
height: 50px;
background: url(../img/icons/search.svg) center no-repeat;
border: none;
cursor: pointer;
border-radius: 0 8px 8px 0;
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.horizontal-search .s-btn:hover {
background: #00b4d8;
}
.js-mobile-search-area .horizontal-search .input-search {
border-color: #fff;
background: #fff;
}
.horizontal-search .input-search {
padding: 10px 50px 10px 25px;
height: 46px;
font-size: 15px;
font-weight: 400;
border-color: #f6f6f6;
background: #f6f6f6;
border-radius: 5px;
-webkit-transition: background 0.25s;
-o-transition: background 0.25s;
transition: background 0.25s;
}
.horizontal-search .input-search:focus {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.horizontal-search .input-search::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.6);
}
.horizontal-search .input-search::-moz-placeholder {
color: rgba(0, 0, 0, 0.6);
}
.horizontal-search .input-search:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.6);
}
.horizontal-search .input-search::-ms-input-placeholder {
color: rgba(0, 0, 0, 0.6);
}
.horizontal-search .input-search::placeholder {
color: rgba(0, 0, 0, 0.6);
}
.h-content .horizontal-search {
/*margin-left: 100px;*/
width: 700px;
}
.search-page_result {
margin-top: 40px;
}
.search-page .caption {
text-align: left;
margin-bottom: 15px;
}
.h-btns_content .hbtn {
width: 38px;
height: 38px;
border-radius: 2px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.h-btns_content .hbtn + .hbtn {
margin-left: 10px;
}
.h-btns_content .hbtn-phone {
background: #00b4d8;
}
.h-btns_content .hbtn-menu {
background: #1a1f2c;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 12px;
}
.hbtn-menu .line {
width: 100%;
height: 1px;
background: #fff;
}
.hbtn-menu .line + .line {
margin-top: 5px;
}
.btn-top {
position: fixed;
opacity: 50%;
z-index: 150;
right: 30px;
bottom: 30px;
width: 60px;
height: 60px;
border-radius: 5px;
background: #1a1f2c;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: 1px solid rgba(255, 255, 255, 0.1);
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.btn-top img {
display: block;
-webkit-filter: invert(1);
filter: invert(1);
}
.btn-top:hover {
-webkit-box-shadow: 0 0 20px #3b415e;
box-shadow: 0 0 20px #3b415e;
}
.btn-top.btn-hidden {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.show-more {
display: block;
width: 100%;
background: #1a1f2c;
color: #fff;
padding: 10px 15px;
border-radius: 5px;
margin-top: 15px;
text-align: center;
font-size: 14px;
}
.show-more:hover {
cursor: pointer;
background: -o-linear-gradient(272.72deg, #0096b8 -62.12%, #00b4d8 124.14%);
background: linear-gradient(177.28deg, #0096b8 -62.12%, #00b4d8 124.14%);
}
@media only screen and (max-width: 1500px) {
.hm-srv,
.hm-main,
.hm-top {
padding-left: 15px;
padding-right: 15px;
}
.hm-top .col3 {
display: none;
}
.hm-main .timew {
display: none;
}
.header-menu_list .addit-menu_li .submenu-list.first-list {
left: auto;
right: 0;
border-radius: 5px 0 5px 5px;
}
}
@media only screen and (max-width: 1440px) {
.mobile-content .container {
padding-top: 120px;
}
.mobile-menu1_link,
.mobile-menu2_link {
font-size: 26px;
}
a.link-whith-nav {
padding-right: 30px;
}
.link-whith-nav:before {
border-width: 1px;
width: 5px;
height: 5px;
top: 29px;
}
.mobile-bg {
max-width: 660px;
}
.mobile-menu3_list li + li {
margin-top: 0;
}
.mobile-menu3_list li {
margin-top: 6px;
}
}
@media only screen and (max-width: 1320px) {
.container {
width: 1250px;
}
.hm-main .btn {
width: 150px;
}
}
@media only screen and (max-width: 1250px) {
.review-section_list .s-name {
font-size: 18px;
line-height: 1.35;
}
.reviews-p_list .imgWrap {
height: calc(100vw * 0.45);
}
.reviews-p_list .default-previewWrap {
padding: 10px 10px 0;
}
.breadcrumb-section {
margin-bottom: 20px;
}
.review-section_list li {
padding: 5px;
}
.review-section_list {
margin: 0 -5px 10px;
}
.reviews-p_item {
width: 50%;
padding: 10px 5px;
}
.reviews-p_list {
margin: -20px -5px 0;
}
.st-content .col1 {
display: none;
}
.rev2-slider {
width: 100%;
left: -10px;
width: 1024px;
}
.author-row-content .avaWrap {
width: 50px;
height: 50px;
margin-right: 10px;
}
.author-row-content .name {
font-size: 16px;
}
.author-row-content .text {
font-size: 12px;
}
.rev2-slider .mesWrap {
width: 100%;
height: 420px;
padding: 12px;
}
.rev2-slider .mesWrap img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.rev2-slider .slide-content {
padding: 0 10px;
}
.project-item h3 {
font-size: 14px;
height: 37px;
margin-bottom: 15px;
}
.order-section .m-d {
display: none;
}
.h-btns_content {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.hm-main .col3 {
margin-left: auto;
margin-right: 35px;
display: none;
}
.footer-menu_list li {
text-align: left;
}
.logo-content .logo-city {
/*justify-content: center;*/
}
.footer-menu_list {
/*margin: 0 auto;*/
max-width: 500px;
}
.footer.footer-new .f-row .f-addr {
width: 100%;
/*text-align: center;*/
}
.footer.footer-new .f-row .btn {
margin-left: 0;
/*margin-top: 15px;*/
}
.brends-section .caption {
text-align: center;
}
.review2-section .slick-dots {
width: 100vw;
}
.news-row-section .project-list .project-card-item {
width: 50%;
}
.f-info_content {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.f-info_content .col3 {
width: 100%;
margin-top: 20px;
}
.review2-section .slick-dots,
.brands-slider .slick-dots {
position: relative;
bottom: 0;
margin-top: 25px;
}
.main-section,
.breadcrumb-section {
padding-top: 178px;
}
.hm-srv,
.hm-main,
.hm-top {
padding-left: 0;
padding-right: 0;
}
.menu-service-list .text {
white-space: nowrap;
font-size: 14px;
}
.hm-main .hm-address,
.hm-main .col2,
.hm-top {
display: none;
}
.hm-srv {
position: relative;
left: -10px;
padding-left: 10px;
width: calc(100% + 20px);
}
.menu-service-list {
overflow-y: hidden;
overflow-x: auto;
}
.pay-methods {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.city-area {
height: auto;
}
.container {
width: 100%;
padding-left: 10px;
padding-right: 10px;
}
.h-col2 {
display: none;
}
.header .h-btn {
display: none;
}
.caption,
.wys-text h2,
.cost-section .caption,
.last-order-section .caption,
.departure-section .caption,
.modal-title {
font-size: 35px;
}
.main-col1 {
max-width: 510px;
}
.main-adv {
padding-right: 20px;
}
.main-adv_list {
margin-top: 40px;
padding: 20px;
background: rgba(0, 0, 0, 0.4);
}
.main-col1,
.main-col2 {
padding-top: 110px;
padding-bottom: 70px;
}
.calc-service-content {
/*flex-wrap: wrap;*/
}
.calc-service-content .col1 {
margin-right: 20px;
/*margin-bottom: 25px;*/
/*width: 100%;*/
}
.main-adv_imgWrap {
margin-right: 10px;
}
.quiz-content {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.quiz-section {
margin-top: 70px;
}
.quiz-col1 {
width: 100%;
}
.quiz-col2 {
padding-left: 0;
max-width: 300px;
margin: 50px 0 0;
}
.quiz-col2:before {
display: none;
}
.advantages-bg {
display: none;
}
.advantages-item {
padding: 0 10px;
}
.advantages-item_list {
margin: 0 -10px;
}
.advantages-content {
padding: 40px;
}
.advantages-seciton {
margin-top: 70px;
}
.service-section {
margin-top: 70px;
}
.service-content {
margin-top: 30px;
}
.service-item {
padding: 0 5px;
}
.service-item_list {
margin: 0 -5px;
}
.service-item_imgWrap {
padding: 5px;
height: 165px;
}
.service-item_type {
margin-top: 10px;
font-size: 16px;
}
.service-item_price {
font-size: 25px;
margin-top: 10px;
}
.service-item_list .btn {
margin-top: 20px;
font-size: 16px;
padding: 25px;
width: 100%;
}
.service-item_link-list {
margin-top: 15px;
}
.service-section + .attention-section {
padding-top: 50px;
}
.attention-section {
margin-top: 70px;
}
.attention-section .caption-desc {
font-size: 18px;
}
.attention-content {
margin-top: 50px;
}
.attention-item_content h4 {
font-size: 24px;
}
.attention-item_content p {
font-size: 16px;
}
.attention-sqr {
margin-right: 15px;
}
.attention-item {
padding-bottom: 40px;
}
.attention-line {
height: 120%;
}
.attention-text-area {
font-size: 21px;
}
.cost-bg {
position: relative;
display: block;
max-width: 300px;
margin: auto;
left: 0;
right: 0;
}
.manager-desc {
/*position: relative;*/
/*bottom: 0;*/
/*left: 0;*/
}
.coop-overlay {
display: none;
}
.cost-section .container {
border-radius: 0;
padding-top: 70px;
}
.cost-section {
margin-top: 0;
}
.cost-section .manager-desc {
bottom: auto;
top: 300px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.manager-desc .name {
font-size: 17px;
padding: 20px 25px;
}
.manager-desc .pos {
font-size: 14px;
padding: 25px 25px 20px;
}
.cost-content {
max-width: none;
width: 100%;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.cost-section .caption {
text-align: center;
}
.cost-advantages_list {
margin: 35px 0 0;
}
.cost-content form {
margin: 45px auto 0;
}
.cooperation-section {
margin-top: 70px;
}
.cooperation-content {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.cooperation-col1 {
padding-right: 0;
width: 100%;
}
.cooperation-col2 {
width: 100%;
}
.cooperation-content .caption {
text-align: center;
max-width: 700px;
margin: auto;
}
.cooperation-section .caption-desc {
text-align: center;
max-width: 700px;
margin: 15px auto 0;
}
.cooperation-time {
display: none;
}
.cooperation-item_count {
right: auto;
left: 130px;
}
.cooperation-item_list {
margin-top: 40px;
}
.choise-section {
margin-top: 70px;
}
.choise-item_list li {
padding: 25px 15px;
width: 33.3334%;
}
.choise-item_list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.choise-item_list {
margin: 25px -15px 0;
}
.choise-section .caption {
margin: auto;
text-align: center;
}
.choise-section .caption-desc {
text-align: center;
margin: 15px auto 0;
}
.departure-section {
margin-top: 55px;
}
.departure-car {
display: none;
}
.departure-content {
padding: 60px 30px;
margin: auto;
text-align: center;
}
.departure-section .caption-desc {
margin: 15px auto 0;
}
.certificate-section {
margin-top: 70px;
}
.departure-overlay {
display: none;
}
.certificate-tab {
margin: 0 10px;
padding-bottom: 15px;
font-size: 16px;
}
.certificate-tab:before {
height: 3px;
}
.certificate-tab_content {
margin-top: 30px;
}
.certificate-slider .slick-prev {
left: 20px;
}
.certificate-slider .slick-next {
right: 20px;
}
.project-seciton .caption {
text-align: center;
margin: auto;
}
.project-head_row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 30px;
}
.project-time {
margin-top: 25px;
width: 100%;
text-align: center;
}
.project-time img {
max-width: 183px;
}
.project-time .desc {
margin: 10px auto 0;
}
.project-slide {
padding: 0 10px;
}
.project-slider_overlay {
display: none;
}
.project-slider {
left: 0;
width: 100%;
}
.project-slider_area:before,
.project-slider_area:after {
display: none;
}
.project-slider > .slick-dots {
bottom: -40px;
}
.project-seciton .container {
padding-top: 60px;
}
.project-item {
border-radius: 5px;
padding: 30px 20px;
}
.review-section {
margin-top: 100px;
}
.review-section .container {
padding-top: 50px;
}
.review-slide {
padding: 0;
}
.review-slide_content:before {
display: none;
}
.review-slide_content {
-webkit-box-shadow: none;
box-shadow: none;
padding: 40px 30px;
border-radius: 5px;
}
.review-slider {
margin-top: 25px;
}
.certificate-slide {
padding: 0 5px;
}
.certificate-slider {
width: 100%;
left: 0;
}
.certificate-slider .slick-dots {
bottom: -40px;
}
.project-seciton {
margin-top: 100px;
}
.review-section .slick-dots {
top: auto;
bottom: -60px;
}
.faq-content {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.faq-col2 {
width: 100%;
margin-top: 40px;
padding-left: 0;
}
.faq-item + .faq-item {
padding-top: 10px;
margin-top: 20px;
}
.faq-item_name {
font-size: 22px;
}
.faq-col1 {
width: 100%;
max-width: 450px;
}
.faq-section .manager-sm_block {
margin-top: 100px;
}
.faq-col1 {
margin: auto;
}
.faq-section .caption {
text-align: center;
}
.faq-section .caption-desc {
text-align: center;
}
.map-section {
margin-top: 70px;
/*margin-top: 20px;*/
}
.map {
border-radius: 5px 5px 0 0;
height: 280px;
}
.map-overlay {
display: none;
}
.map-contacts_overlay {
display: none;
}
.map-contacts_content {
position: relative;
top: 0;
-webkit-box-shadow: none;
box-shadow: none;
left: 0;
border-radius: 0 0 5px 5px;
width: 100%;
}
.last-order_bg {
display: none;
}
.last-order-content {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.last-order-col1 {
width: 100%;
max-width: none;
/*margin: auto;*/
}
.last-order-col2 {
width: 100%;
margin-top: 40px;
}
.mnc-manager {
display: none;
}
.modal-new-consult .modal-bWrap {
padding: 50px;
}
.modal-new-consult {
max-width: 600px;
}
.modal-new-consult .modal-title {
font-size: 26px;
text-align: center;
}
.modal-content .cost-advantages_list,
.modal-new-consult form {
margin-left: auto;
margin-right: auto;
}
.additional-section {
margin-top: 70px;
}
.last-order-section {
margin-top: 70px;
/*margin-top: 50px;*/
}
.last-order-section .caption {
/*text-align: center;*/
}
.cost-advantages_list {
margin-top: 20px;
}
.last-order-col1 .manager-in-row {
margin: 120px 0 20px;
}
.last-order_form-content {
border-radius: 5px;
max-width: 520px;
/*margin: auto;*/
padding: 40px 30px 60px;
}
.last-order-section .container {
padding-bottom: 70px;
}
.footer-content {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.f-col1 {
width: 100%;
/*text-align: center;*/
margin-bottom: 20px;
}
.f-col2 {
/*width: 100%;*/
text-align: center;
}
.footer-content p {
margin: auto;
}
.f-col3 {
/*width: 100%;*/
width: 400px;
max-width: none;
/*margin-top: 20px;*/
/*text-align: center;*/
}
.footer.footer-new .f-row {
margin-bottom: 25px;
}
.footer.footer-new .h-soc_list {
/*justify-content: center;*/
}
.f-row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
/*justify-content: center;*/
}
.dev {
width: 100%;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.footer-content p {
text-align: center;
}
.footer .policy {
max-width: 600px;
text-align: center;
margin: 10px auto 0;
}
.main-section.service-page-section .main-content {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.main-section.service-page-section .main-col1 {
width: 100%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
max-width: 700px;
padding-left: 10px;
padding-right: 10px;
padding-top: 40px;
}
.main-section.service-page-section .main-col2 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 100%;
}
.main-section.service-page-section {
z-index: 7;
}
.main-section.service-page-section .container {
padding-left: 0;
padding-right: 0;
}
.main-section.service-page-section .main-col2 {
padding: 0;
display: block;
}
.srv-official_content {
display: none;
}
.srv-main-img {
position: relative;
width: 100%;
height: calc(100vw * 0.5);
display: block;
}
.main-section.service-page-section .main-adv_list {
background: transparent;
padding: 0;
}
.service-content_row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.service-content_col1 {
width: 100%;
padding-right: 0;
}
.service-content_col2 {
padding-left: 0;
}
.mobile-v-line {
display: none;
}
.mobile-menu2_list,
.mobile-menu3_list {
display: none;
}
.mobile-menu-close {
top: 30px;
left: 10px;
}
.mobile-bg {
max-width: 550px;
left: auto;
right: -50px;
}
.mobile-content .container {
padding-top: 90px;
}
.mobile-menu1_link,
.mobile-menu2_link {
font-size: 24px;
}
.link-whith-nav:before {
display: none !important;
}
.modal-b1 {
display: none;
}
.modal {
border-radius: 10px 10px 30px 30px;
}
.quiz.result .quiz-col2 {
display: none;
}
.quiz form {
margin-top: 40px;
}
.result .quiz-qestion_block .btn {
margin-top: 0;
margin-right: 0;
}
.breadcrumb-light-section {
top: 210px;
}
.header {
padding: 15px 0;
}
.service-price {
font-size: 35px;
margin-top: 20px;
}
.service-content_col1:before,
.service-content_col2:before {
display: none;
}
.service-content-section {
-webkit-box-shadow: none;
box-shadow: none;
}
.service-content_col1 {
padding-top: 60px;
}
.service-title_text {
margin-top: 0;
}
.service-question_content {
margin-top: 45px;
}
.service-content_col1 .manager-sm_block {
max-width: 450px;
}
.service-content_col1,
.service-content_col2 {
padding-bottom: 0;
}
.service-content-section ~ .advantages-seciton {
margin-top: 70px;
}
.advantages-content:before {
display: none;
}
.bg-blue-content {
border-radius: 0px 0px 30px 30px;
}
.faq-item:first-child:before,
.faq-item:first-child:after {
top: 15px;
}
.faq-item:before,
.faq-item:after {
top: 28px;
}
.project-slide_sm {
height: 240px;
}
.caption-row .link {
display: none;
}
}
@media only screen and (max-width: 1024px) {
.personal-slider {
width: 1024px;
}
.brends-section + .personal-section {
padding-top: 60px;
}
.personal-section {
margin-top: 60px;
}
.personal-section + .faq-section {
padding-top: 60px;
margin-top: 60px;
}
.personal-slider .name {
font-size: 18px;
}
.wys-text .block-img-text .imgWrap,
.wys-text .block-img-text.mirror .imgWrap {
float: none;
margin: 0;
}
.wys-text .block-img-text {
margin: 30px 0;
}
.about-page-section .container > .wys-text:first-child {
padding-bottom: 60px;
}
.certificate-section.certificate-block {
margin-top: 60px;
}
.wys-text .block-img-text .imgWrap + .col {
margin-top: 25px;
}
.contact-page_content {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.contact-page_content .content-col1 {
width: 100%;
}
.contact-page_content .content-col2 {
margin: 40px auto 0;
}
.wys-text table {
overflow-y: hidden;
overflow-x: auto;
}
.wys-text table tbody tr {
width: 100%;
}
.certificate-rows_list .certificate-rows-item {
width: 50%;
}
}
@media only screen and (max-width: 990px) {
.f-col3 {
width: 100%;
margin-top: 25px;
}
.calc-service-content {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.calc-service-content .col1 {
width: 100%;
margin-right: 0;
margin-bottom: 25px;
}
}
@media only screen and (max-width: 740px) {
.modal-calc-srv .modal-b2:before {
top: 8px;
right: 8px;
bottom: 8px;
left: 8px;
}
.modal-calc-srv .modal-b2 {
padding: 40px 30px 50px;
}
.modal-calc-srv .modal-close {
top: 20px;
right: 20px;
}
.footer.footer-new .f-row {
display: none;
}
.page404-section {
padding: 285px 0 100px;
}
.breadcrumb-light-section {
top: 180px;
}
.contact-row address {
font-size: 20px;
}
.wys-text h3,
.wys-text h4 {
font-size: 24px;
}
.price-page-content {
margin-top: 30px;
}
.st-content-section {
margin-bottom: 50px;
}
.wys-text table tbody tr {
display: table-row;
}
.project-card-item .imgWrap {
height: calc(50vw * 0.65);
}
.project-list .project-card-item {
padding: 20px 5px;
width: 50%;
}
.project-list {
margin-left: -5px;
margin-right: -5px;
}
.st-content-section .author-row-content {
margin-top: 10px;
}
.st-content-section .author-row-content .avaWrap {
width: 30px;
height: 30px;
margin-right: 8px;
}
.st-content-section .author-row-content .name {
font-size: 14px;
}
.st-content-section .author-row-content .text {
font-size: 10px;
}
.certificate-rows_list .certificate-rows-item {
padding: 20px 5px;
}
.certificate-rows_list {
margin: 0 -5px;
}
.certificate-rows_list .imgWrap {
height: calc(100vw * 0.65);
padding: 5px;
}
.order-info_content {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.order-info_content .oi-col1 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-info_content .oi-col1,
.order-info_content .oi-col2 {
width: 100%;
}
.main-adv h4 {
font-size: 16px;
text-align: left;
margin-bottom: 5px;
}
.main-adv_body p {
font-size: 15px;
}
.hm-srv {
padding: 12px 0 5px;
}
.hm-main {
height: 60px;
padding: 0;
}
.menu-service-list .imgWrap img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
display: block;
}
.main-section,
.breadcrumb-section {
padding-top: 141px;
}
.menu-service-list .imgWrap {
height: 25px;
}
.project-slide_sm {
height: 200px;
}
.adds-cert-list .acl-item {
width: 50%;
}
.mmenu {
margin-right: 15px;
}
.h-content {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.h-col1,
.h-col3 {
width: 100%;
}
.h-col1 {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.logo + .target {
margin-left: 0;
}
.logo {
font-size: 20px;
margin-right: auto;
}
.h-col3 {
margin-top: 10px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.time-working {
display: inline-block;
}
.work-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.header.fixed .work-col {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.header.fixed .h-col1,
.header.fixed .h-col3 {
width: auto;
margin-top: 0;
}
.header.fixed {
padding: 3px 0;
}
.header.fixed .time-working {
font-size: 10px;
}
.main-col1 {
padding-top: 30px;
width: 100%;
margin: auto;
text-align: center;
}
.main-adv_imgWrap {
position: absolute;
top: 0;
left: 10px;
}
.main-adv {
position: relative;
padding: 55px 10px 0;
}
.main-col2 {
display: none;
}
.main-section {
border-radius: 0;
}
.caption,
.wys-text h2,
.cost-section .caption,
.last-order-section .caption,
.departure-section .caption,
.modal-title {
font-size: 30px;
}
.main-col1 > p {
margin-top: 20px;
}
.main-section .btnWrap {
margin-top: 20px;
}
.main-adv_list {
padding: 0;
margin: 40px -10px 0;
background: transparent;
}
.main-adv {
padding-right: 0;
width: 50%;
}
.main-adv_body {
max-width: 300px;
margin: auto;
text-align: left;
}
.quiz-barWrap {
margin-top: 30px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.quiz-col1 {
padding-right: 0;
}
.quiz-progress_barWrap {
width: 100%;
}
.quiz-content .caption {
text-align: center;
}
.quiz-bar_text {
text-align: center;
margin-bottom: 10px;
}
.quiz-qestion_block {
margin-top: 35px;
}
.quiz-question {
margin-bottom: 20px;
}
.quiz-item_list-small li {
padding: 5px;
}
.quiz-item_list-small {
margin-left: -5px;
margin-right: -5px;
}
.quiz-error_area.active:before {
top: 0;
bottom: 0;
left: -5px;
right: -5px;
}
.quiz-error_area.active .quiz-error_text {
font-weight: 400;
}
.quiz-qestion_block .btnWrap {
margin-top: 20px;
}
.quiz-qestion_block .btnWrap .btn {
margin-right: 0;
padding-left: 40px;
padding-right: 40px;
}
.quiz-qestion_block .btnWrap p {
display: none;
}
.quiz-result_title {
margin: auto;
max-width: 500px;
}
.quiz-result_desc {
margin: auto;
margin-top: 15px !important;
}
.quiz form {
margin: 30px auto 0;
}
.advantages-item_list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.advantages-item {
width: 50%;
padding: 10px;
}
.advantages-content {
padding: 20px;
border-radius: 5px;
}
.quiz-item_list-small li {
width: 100%;
}
.service-item_list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: -40px;
}
.service-item {
margin-top: 40px;
width: 50%;
}
.attention-line {
/*display: none;*/
}
.attention-item {
width: 100%;
}
.attention-line2 {
display: none;
}
.attention-text-area {
border-radius: 0;
left: -10px;
width: calc(100% + 20px);
-webkit-transform: none;
-ms-transform: none;
transform: none;
padding: 20px;
font-size: 18px;
}
.attention-text-area_img1,
.attention-text-area_img2 {
display: none;
}
.cost-section .manager-desc {
min-width: 300px;
}
.cost-content {
padding-left: 0;
padding-right: 0;
}
.cooperation-item {
width: 50%;
padding: 10px;
}
.cooperation-item_list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 20px -10px 0;
}
.bg-blue-content {
border-radius: 0;
}
.bg-blue-content {
padding-bottom: 60px;
}
.choise-section {
margin-top: 60px;
}
.choise-item_list li {
width: 50%;
}
.departure-section .container {
border-radius: 0;
}
.certificate-tab_list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-bottom: none;
margin-top: 30px;
}
.certificate-tab {
margin: 0;
width: 100%;
}
.certificate-tab:before {
display: none;
}
.certificate-tab + .certificate-tab {
margin-top: 5px;
}
.certificate-tab {
background: #fff;
padding: 10px;
}
.certificate-tab.active {
background: #006b82;
color: #fff;
}
.certificate-imgWrap {
padding: 5px;
border-radius: 0;
}
.project-seciton .container {
padding-top: 50px;
}
.modal-b2,
.modal {
max-width: 100%;
}
.modal-b2 .btn {
padding-left: 30px;
padding-right: 30px;
}
.city-list li {
width: 50%;
}
.mobile-bg {
display: none;
}
.main-section.service-page-section .main-col1 > p {
margin-top: 15px;
}
.service-price {
margin-top: 15px;
font-size: 30px;
}
.main-section.service-page-section .btnWrap {
margin-top: 15px;
}
.service-title_text {
margin-bottom: 25px;
}
.service-content_col1 .service-list a {
border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}
.service-content_col2 {
padding-top: 40px;
}
.cooperation-item h4 {
font-size: 15px;
}
.choise-item_list li {
padding: 10px 5px;
}
.choise-item_list {
margin-left: -5px;
margin-right: -5px;
}
.header {
border: 1px solid rgba(255, 255, 255, 0.1);
}
.quiz-col2 {
margin-left: 0;
}
.calc-service-content .col2 {
width: 100%;
padding: 30px 10px;
}
.radio-list .radio-item {
width: 100%;
}
.cs-advantages_list .imgWrap {
margin-right: 10px;
width: 50px;
height: 50px;
}
.cs-advantages_list .item .text {
font-size: 13px;
}
.review2-section .caption-row .link,
.video-review-section .caption-row .link {
display: none;
}
}
@media only screen and (max-width: 440px) {
.logo-content .logo-city {
max-width: 210px;
}
.calc-section .caption {
font-size: 28px;
}
.rev2-slider {
width: 480px;
}
.quiz-col2 {
width: 100%;
}
.quiz-pers_imgWrap:before {
height: 84px;
}
.quiz-pers_imgWrap {
margin-right: 10px;
}
.quiz-pers_imgWrap img {
max-width: 95px !important;
}
.quiz-pers {
float: left;
}
.quiz-pers {
width: 120px;
}
.quiz-desc_content .quiz-pers + p {
padding-top: 19px;
font-size: 12px !important;
}
.quiz-desc_content .tel {
margin-top: 0;
}
.modal-new-consult .modal-bWrap {
padding: 50px 20px;
}
.mn-service .imgWrap {
width: 46px;
height: 31px;
margin-right: 17px;
}
.mn-service .item-type {
font-size: 16px;
}
.wys-text h3,
.wys-text h4 {
font-size: 20px;
}
.personal-section .personal-slider {
margin-top: 20px;
}
.address-list .item {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.address-list .i-col1,
.address-list .i-col2,
.address-list .i-col3 {
width: 100%;
text-align: left;
padding-top: 2px;
padding-bottom: 2px;
}
.contact-page_content .content-col2 {
max-width: 100%;
}
.project-card-item .btn.btn-st2 {
padding: 15px 10px;
}
.contact-page_content .form-area {
padding-left: 10px;
padding-right: 10px;
}
.main-section .caption {
font-size: 35px;
line-height: 1.35;
}
.service-price {
font-size: 24px;
}
.cost-bg {
max-width: 200px;
}
.cost-section .container {
padding-top: 60px;
}
.cost-section .manager-desc {
top: 220px;
}
.manager-desc .name {
font-size: 14px;
padding: 10px 15px;
}
.manager-desc .pos {
font-size: 13px;
padding: 20px 15px 10px;
}
.quiz-pers_imgWrap img {
max-width: 145px;
}
.quiz-col2 {
margin-top: 45px;
}
.calc-section {
margin-top: 60px;
padding: 60px 0;
}
.attention-section {
margin-top: 60px;
}
.attention-line {
height: calc(100% + 50px);
}
.cooperation-item_imgWrap {
width: 100px;
}
.cooperation-item_count {
left: auto;
right: 10px;
top: 8px;
}
.brands-slider .slide {
padding: 0 10px;
}
.brands-slider {
width: 740px;
left: 0;
}
.brands-slider .slick-dots {
width: 100vw;
}
.review2-section .caption-row,
.video-review-section .caption-row,
.dir-section .caption-row {
margin-bottom: 20px;
}
.news-row-section {
margin-top: 60px;
}
.news-row-section .project-list .project-card-item {
padding: 10px 5px;
}
.project-list {
margin: 10px -5px 0;
}
.news-row-section .project-card-item .imgWrap {
height: calc(50vw * 0.65 - 10px);
}
.project-card-item .date {
margin: 5px 0;
}
.project-card-item .title {
height: auto;
}
.project-card-item .title a {
font-size: 16px;
}
.news-row-section + .faq-section .container {
margin-top: 60px;
padding-top: 60px;
}
.brends-section {
margin-top: 60px;
}
.brends-section .brands-slider {
margin-top: 20px;
}
.dir-section {
margin-top: 60px;
}
.hm-srv {
padding-left: 10px;
padding-right: 10px;
}
.page404-section .caption {
font-size: 80px;
}
.page404-section .caption-desc {
font-size: 18px;
}
.page404-section .btn {
padding: 30px 60px;
font-size: 16px;
}
.main-adv_body {
margin: 0;
}
.logo {
font-size: 18px;
}
.target {
font-size: 13px;
}
.target:after {
top: 6px;
}
.caption,
.wys-text h2,
.cost-section .caption,
.last-order-section .caption,
.departure-section .caption,
.modal-title {
font-size: 26px;
}
.main-col1 > p {
font-size: 16px;
}
.main-adv h4 {
text-align: left;
}
.quiz-progress_barWrap {
padding: 2px;
height: 22px;
}
.quiz-bar_text {
margin-bottom: 5px;
font-size: 14px;
}
.quiz-qestion_block {
margin-top: 20px;
}
.quiz-question {
margin-bottom: 15px;
line-height: 1.4;
font-size: 22px;
}
.quiz-item_list-small li {
padding: 2px;
}
.quiz-item_list-small {
margin-left: -2px;
margin-right: -2px;
}
.quiz-item_list-small .quiz-item_content {
padding: 15px;
border-radius: 3px;
}
.quiz-item_list-small .quiz-answer {
padding-left: 35px;
}
.quiz-qestion_block .btnWrap {
margin-top: 10px;
}
.quiz-result_title {
position: relative;
}
.quiz-result_title img {
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, -130%);
-ms-transform: translate(-50%, -130%);
transform: translate(-50%, -130%);
margin: 0;
}
.quiz-result_desc {
text-align: center;
}
.label-info {
width: 70px;
}
.label-info + input {
padding-left: 88px;
padding-right: 10px;
}
.advantages-seciton {
position: relative;
left: -10px;
width: calc(100% + 20px);
}
.advantages-content {
border-radius: 0;
padding: 60px 10px;
}
.advantages-item_list {
margin: -5px;
}
.advantages-item {
padding: 5px;
}
.advantages-item_body p {
font-size: 13px;
}
.service-section {
margin-top: 60px;
}
.service-item {
padding: 0 2px;
}
.service-item_list {
margin: -2px;
}
.service-content {
margin-top: 10px;
}
.service-item_imgWrap {
height: 110px;
padding: 3px;
border-radius: 3px;
}
.service-item_imgWrap img {
border-radius: 3px;
}
.service-item_type {
font-size: 14px;
}
.service-item_price {
font-size: 18px;
margin-top: 5px;
}
.mn-service .service-item_link-list .link,
.mn-service .service-item_link-list a {
font-size: 16px;
}
.mn-service .service-item_link-list li:before {
top: 7px;
}
/*.service-item_link-list li {
		padding-left: 15px;
		line-height: 1.3;
	}*/
/*.service-item_link-list li:before {
		border: 3px solid transparent;
		border-left: 5px solid #006b82;
		top: 9px;
	}
	.service-item_link-list .link {
		font-size: 14px;
		line-height: 1.3;
	}*/
.service-item_list .btn {
font-size: 12px;
padding: 10px;
line-height: 1.3;
}
.service-item_link-list {
margin-top: 10px;
}
/*.service-item_link-list li + li {
		margin-top: 5px;
	}*/
.service-item_content {
height: 100%;
position: relative;
padding-bottom: 53px;
}
.service-item_list .btn {
margin-top: 0;
}
.service-item_list .btnWrap {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
}
.attention-sqr {
width: 20px;
height: 20px;
border-width: 3px;
}
.attention-line1 {
left: 10px;
}
.attention-item_content h4 {
font-size: 20px;
margin-bottom: 10px;
}
.attention-section .caption-desc {
font-size: 16px;
}
.attention-item_content p {
font-size: 14px;
}
.attention-item {
padding-bottom: 20px;
}
.attention-text-area {
font-size: 16px;
}
.cost-advantages_item p {
font-size: 14px;
}
.cost-advantages_imgWrap {
margin-right: 20px;
}
.cost-content form {
margin-top: 30px;
}
.inp-sucWrap + .inp-sucWrap {
margin-top: 10px;
}
.cost-content .btn {
margin-top: 10px;
padding: 25px 15px;
font-size: 16px;
}
.cooperation-item {
padding: 5px;
}
.cooperation-item_list {
margin-left: -5px;
margin-right: -5px;
}
.choise-item {
border-radius: 3px;
padding: 125px 10px 15px;
}
.choise-item1 img {
left: 11px;
}
.choise-item4 img {
left: 3px;
}
.departure-section .caption-desc {
font-size: 16px;
}
.departure-content {
padding-left: 0;
padding-right: 0;
}
.project-item {
padding: 25px 10px;
}
.project-item h3 {
font-size: 16px;
margin-bottom: 15px;
}
.slick-dots {
bottom: 5px;
}
.project-item .btn {
font-size: 16px;
padding: 30px 20px;
width: 100%;
}
.review-author {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.review-author .col {
width: 100%;
margin-top: 15px;
}
.review-slide_content {
padding: 15px 10px 30px;
}
.review-section .slick-dots {
bottom: -40px;
}
.review-author .name {
font-size: 18px;
}
.review-author .target-order {
font-size: 14px;
}
.review-section .wys-text * {
font-size: 16px;
}
.review-section {
margin-bottom: 100px;
}
.faq-section .caption-desc {
font-size: 16px;
}
.manager-sm-block_img {
right: -5px;
max-width: 140px;
}
.faq-item_answ {
font-size: 16px;
padding-top: 10px;
}
.map-contacts_content {
padding-left: 15px;
padding-right: 15px;
}
.section-border-none > .container {
padding-top: 60px;
margin-top: 60px;
}
.wys-text h4 {
font-size: 20px;
}
.wys-text h3,
.wys-text h4 {
margin-bottom: 15px;
}
.order-section {
margin-top: 60px;
padding: 60px 0;
}
.o-form_content .caption {
font-size: 26px;
}
.choise-item p {
margin-top: 8px;
}
.certificate-section {
margin-top: 60px;
}
.review2-section .caption,
.video-review-section .caption,
.dir-section .caption,
.news-row-section .caption {
text-align: center;
width: 100%;
}
.wys-text h3,
.wys-text h4 {
margin-top: 30px;
}
.wys-text .link-lg {
font-size: 18px;
border-bottom: 1px solid rgba(26, 31, 44, 0.2);
display: inline;
}
.order-info_content .oi-col1 {
margin-top: 25px;
}
.faq-item:first-child:before,
.faq-item:first-child:after {
top: 11px;
}
.cooperation-section + .choise-section .container {
margin-top: 60px;
padding-top: 60px;
}
body,
.fancybox-container {
font-size: 16px;
}
.faq-section .manager-sm_block {
margin-top: 50px;
}
.map-contacts_content .tel {
font-size: 24px;
}
.manager-in-row_img {
right: -20px;
}
.last-order-col1 .manager-in-row {
margin-top: 70px;
}
.last-order_form-content {
padding: 20px 10px;
}
.last-order_form-content .btn {
padding: 25px 30px;
font-size: 16px;
}
.last-order_form-content .btnWrap {
margin-top: 10px;
}
.last-order_form-content form .policy {
font-size: 12px;
}
.modal-b2 {
padding: 45px 10px 25px;
}
.modal-b2,
.modal {
border-radius: 0;
}
.modal-b2 .btnWrap {
margin-top: 10px;
}
.modal-b2 .btn {
padding: 32px 20px;
}
.quiz-pers_name {
font-size: 20px;
}
.quiz-pers_pos {
font-size: 14px;
}
.quiz-desc_content > p {
font-size: 16px;
}
.quiz-desc_content .tel {
font-size: 24px;
}
.quiz-qestion_block .btnWrap .btn {
padding: 25px 30px;
font-size: 16px;
}
.quiz-error_area.active .quiz-error_text {
font-size: 16px;
}
.main-section.service-page-section .btn {
padding: 24px 50px;
font-size: 16px;
}
.service-title_text {
margin-bottom: 20px;
}
.service-content_col1 {
padding-top: 50px;
}
.service-list li + li {
margin-top: 10px;
}
.service-question_content .title {
font-size: 26px;
}
.service-question_content > p {
font-size: 16px;
}
.header.fixed .logo {
font-size: 18px;
}
.wys-text h2 {
margin-top: 35px;
margin-bottom: 15px;
}
.wys-text p {
margin: 15px 0;
}
.wys-text table tbody td {
padding: 20px;
font-size: 15px;
}
.choise-item_list {
margin-left: -2px;
margin-right: -2px;
}
.choise-item5 img {
top: -31px;
}
.faq-section .caption-desc {
margin-top: 10px;
}
.faq-item_name {
font-size: 18px;
line-height: 1.35;
}
.faq-item + .faq-item {
margin-top: 15px;
padding-top: 15px;
}
.choise-item_list li {
padding: 10px 2px;
}
.faq-item:before,
.faq-item:after {
top: 25px;
}
.order-info-section {
margin-bottom: 60px;
}
.manager-in-row_img {
max-width: 110px;
right: 20px;
}
.modal-city {
padding-left: 15px;
padding-right: 15px;
}
#main-section .btn {
font-size: 16px;
padding: 30px 55px;
}
.city-search-form input {
font-size: 13px;
padding: 20px 15px;
}
.city-list-select a {
font-size: 16px;
}
.city-search-form {
margin-bottom: 15px;
}
.city-list-select {
margin-bottom: 15px;
}
.cs-advantages_list .item {
width: 100%;
padding: 10px;
}
}
@media only screen and (max-width: 345px) {
.header.fixed .logo {
font-size: 16px;
}
.cooperation-item_count {
left: 120px;
}
.choise-item h4 {
font-size: 14px;
}
.departure-section .btn {
padding: 28px 35px;
}
}
.service-text {
margin-top: 80px;
margin-bottom: 80px;
}
.service-text .wys-text {
position: relative;
max-height: 350px;
overflow: hidden;
padding-bottom: 60px;
}
.service-text .wys-text:after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 140px;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f6f6f6), to(transparent));
background-image: -o-linear-gradient(bottom, #f6f6f6 50%, transparent);
background-image: linear-gradient(0deg, #f6f6f6 50%, transparent);
}
.service-text .wys-text.open:after {
display: none;
}
.service-text .wys-text.open {
max-height: 100%;
}
.service-text-more {
position: absolute;
bottom: 0;
z-index: 2;
}
.service-text-more .link {
font-size: 18px;
font-weight: 500;
color: #1a1f2c;
border-bottom: 1px solid rgba(26, 31, 44, 0.3);
}
.service-text-more .link:hover {
border-bottom-color: transparent;
}
.price {
border: 1px solid #eee;
table-layout: fixed;
width: 100%;
margin-bottom: 20px;
}
.price th {
font-weight: bold;
padding: 5px;
background: #efefef;
border: 1px solid #dddddd;
}
.price td {
padding: 5px 10px;
border: 1px solid #eee;
text-align: left;
color: #2f2e33 !important;
}
.price td strong {
color: #006b82;
}
.price td span {
color: #006b82;
}
.price tbody tr:nth-child(odd) {
background: #fff;
}
.price tbody tr:nth-child(even) {
background: #f7f7f7;
}
.fixed-cookie {
position: fixed;
bottom: 30px;
left: 0;
width: 100%;
max-width: 1200px;
padding: 16px 20px;
border-radius: 5px;
border: 1px solid #f6f6f6;
background: #fff;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
z-index: 9999999;
font-size: 1rem;
box-sizing: border-box;
transform: translateX(50%);
}
.fixed-cookie-wrap {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
max-width: 1160px;
margin: 0 auto;
}
.fixed-cookie-text {
line-height: 1.5;
}
.fixed-cookie-text a {
line-height: 1;
color: #006b82;
border-bottom: 1px solid rgba(0, 107, 130, 0.3);
transition: border 0.2s;
}
.fixed-cookie-text a:hover {
border-bottom-color: transparent;
}
.fixed-cookie-action {
flex-shrink: 0;
display: flex;
gap: 10px;
}
.fixed-cookie-action-btn {
display: flex;
align-items: center;
justify-content: center;
width: 120px;
height: 44px;
font-size: 16px;
background: #006b82;
border-radius: 10px;
color: #fff;
cursor: pointer;
}
.fixed-cookie-action-btn:hover {
background: #1a1f2c;
}
@media (max-width: 1260px) {
.fixed-cookie {
max-width: 890px;
left: 20px;
right: auto;
width: auto;
transform: none;
}
}
@media (max-width: 1060px) {
.fixed-cookie {
left: 10px;
width: calc(100% - 10px);
transform: none;
}
.fixed-cookie-wrap {
flex-direction: column;
align-items: flex-start;
gap: 10px 20px;
}
}
[data-cookie] {
display: none;
}
[data-cookie].show {
display: block;
}
/* === Только для IE11 === */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.calc-service-content {
display: -ms-flexbox;
-ms-flex-direction: row;
-ms-flex-wrap: nowrap;
}
/* Явно задаём поведение колонок в IE11 */
.calc-service-content .col1 {
-ms-flex: 1 1 400px; /* Может расти и сжиматься, минимум 400px */
min-width: 400px;
margin-right: 20px; /* Уменьшаем margin, чтобы не выходить за пределы */
}
.calc-service-content .col2 {
-ms-flex: 0 0 565px; /* Фиксированная ширина, как в оригинале */
width: 565px; /* Дублируем, на всякий случай */
}
/* Защита от сжатия списка преимуществ */
.cs-advantages_list {
-ms-flex-wrap: wrap;
}
.cs-advantages_list .item {
-ms-flex: 0 0 50%;
width: 50%;
}
/* Фикс для input'ов, чтобы не "уходили" влево */
.calc-service-content .inp-sucWrap input {
width: 100%;
box-sizing: border-box;
}
/* Убедимся, что контейнер не переполняется */
.container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
-ms-flex-pack: center;
justify-content: center;
}
}
.getapp {
display: grid;
grid-template: "slot  qr" "links qr" 38px/1fr 140px;
gap: 16px;
width: fit-content;
padding: 24px;
border: 1px solid #d4dee9;
border-radius: 24px;
}
.getapp__slot {
grid-area: slot;
color: #1a1f2c;
}
.getapp__links {
display: flex;
grid-area: links;
gap: 8px;
}
.getapp__link {
display: flex;
gap: 8px;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 8px;
color: #fff;
text-decoration: none;
background-color: #1a1f2c;
}
.getapp__link-col {
display: none;
}
.getapp__link-caption {
font-size: 10px;
}
.getapp__link-title {
font-size: 13px;
font-weight: 700;
line-height: 20px;
white-space: nowrap;
}
.getapp__qr {
grid-area: qr;
width: 140px;
height: 100%;
}
.app-links {
display: flex;
gap: 15px;
justify-content: center;
margin: 30px 0 0;
flex-wrap: wrap;
}
.market-btn {
display: inline-block;
padding: 0.3125rem 0.875rem;
padding-left: 2.8125rem;
-webkit-transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
border: 1px solid #e7e7e7;
background-color: #fff;
text-decoration: none;
border-radius: 5px;
position: relative;
}
.market-btn .market-button-icon {
position: absolute;
left: 0.75rem;
top: 50%;
width: 1.5rem;
height: 1.5rem;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
fill: currentColor;
}
.market-btn .market-button-title {
display: block;
color: #222;
font-size: 1.125rem;
}
.market-btn .market-button-subtitle {
display: block;
margin-bottom: -0.25rem;
color: #888;
font-size: 0.75rem;
}
.market-btn:hover {
background-color: #f7f7f7;
text-decoration: none;
}
.apple-btn {
color: #222;
}
.google-btn {
color: #222;
}
/* Адаптивность */
@media (max-width: 575px) {
.app-links {
flex-direction: column;
align-items: center;
}
.market-btn {
width: 100%;
max-width: 280px;
}
}
.fancybox-slide--html .fancybox-content,
#modal-order .fancybox-content,
#modal-consult .fancybox-content,
#modal-city .fancybox-content {
cursor: default !important;
}
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
clip-path: inset(50%);
white-space: nowrap;
border: 0;
height: 1px;
overflow: hidden;
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
}
.review-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 24px;
list-style: none;
padding: 0;
margin: 0;
}
.review-item {
background: #fff;
border: 1px solid #eaeaea;
border-radius: 12px;
padding: 24px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
transition: transform 0.2s ease, box-shadow 0.2s ease;
display: flex;
flex-direction: column;
}
.review-item:hover {
transform: translateY(-4px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}
.review-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 12px;
flex-wrap: wrap;
gap: 8px;
}
.review-author {
font-weight: 600;
color: #2f2e33;
font-size: 1rem;
}
.review-date {
font-size: 0.875rem;
color: rgba(59, 58, 64, 0.7);
}
.review-rating .stars {
font-size: 1rem;
color: #00b4d8;
letter-spacing: 1px;
font-weight: 900;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}
.review-title {
font-size: 1.125rem;
font-weight: 600;
color: #2f2e33;
margin: 8px 0;
line-height: 1.4;
}
.review-body {
color: #1a1f2c;
font-size: 0.95rem;
margin-top: auto;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}
/* Адаптивность */
@media (max-width: 768px) {
.reviews-section {
padding: 40px 16px;
}
.review-list {
grid-template-columns: 1fr;
gap: 20px;
}
.review-header {
flex-direction: column;
align-items: flex-start;
}
.review-title {
font-size: 1.05rem;
}
.review-body {
-webkit-line-clamp: 4;
}
}
.price-table-wrapper {
border-radius: 12px;
overflow: hidden;
background: #f6f6f6;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}
.price-table {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 1px;
}
.price-header,
.price-name,
.price-value {
padding: 5px 15px;
display: flex;
align-items: center;
}
.price-header {
background: #e1e8ef;
font-weight: 600;
text-align: left;
}
.price-header:last-child {
text-align: right;
}
.price-name {
background: #fff;
text-align: left;
}
.price-value {
background: #fff;
font-weight: 500;
text-align: right;
}
.price-section-title {
grid-column: span 2;
padding: 5px 15px;
background: #e1e8ef;
font-weight: 500;
color: #1a1f2c;
}
/* Адаптивность: мобильная версия */
@media (max-width: 768px) {
.price-table {
grid-template-columns: 2fr 1fr;
gap: 0;
}
.price-header {
background: #e1e8ef;
}
.price-name,
.price-value {
background: #fff;
padding: 5px 15px;
}
.price-header:last-child,
.price-value {
text-align: left;
}
}
.article-meta {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin: 0 0 30px;
padding: 16px 20px;
background: #f6f6f6;
border: 1px solid #e1e8ef;
border-radius: 10px;
font-size: 14px;
line-height: 1.5;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.article-meta-item {
display: flex;
align-items: center;
gap: 8px;
}
.article-meta svg {
width: 16px;
height: 16px;
fill: #00b4d8;
flex-shrink: 0;
}
.article-meta time {
color: #1a1f2c;
}
@media (max-width: 480px) {
.article-meta {
font-size: 13px;
gap: 12px;
}
.article-meta svg {
width: 14px;
height: 14px;
}
}
.preview_picture {
border-radius: 16px;
overflow: hidden;
display: block;
}
.image-wrapper {
line-height: 0;
font-size: 0;
}
.image-wrapper img {
display: block;
border-radius: 16px;
max-width: 100%;
}
.share-block {
margin: 30px 0;
font-size: 18px;
display: flex;
align-items: center;
gap: 12px;
}
.share-label {
white-space: nowrap;
font-weight: 500;
color: #1a1f2c;
}
.ya-share2 {
flex: 1;
}
.article-verification {
margin-top: 25px;
padding: 10px 20px;
background-color: #f6f6f6;
border-left: 4px solid #a1b1bf;
border-right: 4px solid #a1b1bf;
border-radius: 10px;
line-height: 1.6;
}
.article-verification .verified-text {
margin: 0 0 8px 0;
font-size: 16px;
}
.article-verification .verified-desc {
margin: 0;
font-size: 14px;
color: rgba(59, 58, 64, 0.7);
}
/* Оглавление статьи */
.article-toc {
margin: 24px 0 28px;
border: 1px solid #e1e8ef;
border-radius: 10px;
overflow: hidden;
background: #f6f6f6;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.toc-title {
background: #e1e8ef;
color: #2f2e33;
font-weight: 500;
font-size: 16px;
padding: 12px 20px;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
user-select: none;
transition: background 0.2s ease;
}
.toc-title::after {
content: "▼";
font-size: 14px;
transition: transform 0.2s ease;
}
.toc-title:hover {
background: #dde5ed;
}
.toc-title.expanded::after {
transform: rotate(180deg);
}
.toc-content {
padding: 0;
max-height: 0;
overflow: hidden;
background: #fff;
transition: max-height 0.4s ease-in-out;
}
.toc-content.open {
max-height: 600px;
padding: 16px 20px;
overflow-y: auto;
}
.toc-content.open::-webkit-scrollbar {
width: 6px;
}
.toc-content.open::-webkit-scrollbar-track {
background: #f1f1f1;
}
.toc-content.open::-webkit-scrollbar-thumb {
background: #ccc;
border-radius: 3px;
}
.toc-content.open::-webkit-scrollbar-thumb:hover {
background: #999;
}
.article-toc ul {
list-style: none;
padding-left: 12px;
margin: 6px 0;
font-size: 14px;
line-height: 1.5;
}
.article-toc ul ul {
padding-left: 20px;
margin: 4px 0;
font-size: 13.5px;
color: #444;
}
.article-toc li {
margin: 4px 0;
}
.article-toc a {
color: #1a1f2c;
text-decoration: none;
display: block;
padding: 4px 2px;
border-radius: 4px;
transition: color 0.2s, background 0.2s;
font-size: 15px;
}
.article-toc a:hover {
color: #000;
background: #f0f8fb;
}
/* === Адаптивность === */
@media (max-width: 768px) {
.article-toc {
margin: 20px 0;
border-radius: 10px;
}
.toc-title {
font-size: 13.5px;
padding: 10px 16px;
}
.toc-content.open {
padding: 14px 16px;
}
.article-toc a {
font-size: 13.5px;
padding: 3px 1px;
}
}
@media (max-width: 480px) {
.article-toc {
margin: 18px 0;
border-radius: 10px;
}
.toc-title {
font-size: 13px;
padding: 9px 14px;
}
.toc-content.open {
padding: 12px 14px;
}
.article-toc a {
font-size: 13px;
padding: 3px 1px;
}
}
/* === Блок для сообщений формы === */
.js-result-content {
margin: 10px 0;
padding: 12px;
border-radius: 6px;
font-size: 14px;
font-weight: 500;
display: none;
line-height: 1.4;
}
/* Сообщение об успехе */
.js-result-content.is-success {
background: #e8f5e8;
color: #2e8b57;
border: 1px solid #a5d6a7;
}
/* Сообщение об ошибке */
.js-result-content.is-error {
background: #ffebee;
color: #c62828;
border: 1px solid #ef9a9a;
}
.brands-slider a {
display: block;
text-decoration: none;
color: inherit;
height: 100%;
}
.brands-slider a:hover .name {
color: #00b4d8;
}
a.vendors {
color: #006b82;
text-decoration: underline;
transition: color 0.2s;
}
a.vendors:hover {
color: #00b4d8;
text-decoration: none;
}
.price-name a {
color: #006b82;
text-decoration: underline;
transition: color 0.2s;
}
.price-name a:hover {
color: #00b4d8;
text-decoration: none;
}