.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;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}body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}.jq-checkbox,
.jq-radio {
position: relative;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.jq-checkbox input,
.jq-radio input {
position: absolute;
z-index: -1;
margin: 0;
padding: 0;
opacity: 0;
}
.jq-file {
position: relative;
display: inline-block;
overflow: hidden;
}
.jq-file input {
position: absolute;
top: 0;
right: 0;
height: auto;
margin: 0;
padding: 0;
opacity: 0;
font-size: 100px;
line-height: 1em;
}
.jq-file__name {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.jq-selectbox,
.jq-select-multiple {
position: relative;
display: inline-block;
}
.jq-selectbox select,
.jq-select-multiple select {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
opacity: 0;
}
.jq-selectbox li,
.jq-select-multiple li {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
}
.jq-selectbox {
z-index: 10;
}
.jq-selectbox__select {
position: relative;
}
.jq-selectbox__select-text {
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
text-overflow: ellipsis;
}
.jq-selectbox__dropdown {
position: absolute;
}
.jq-selectbox__search input {
-webkit-appearance: textfield;
}
.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration {
-webkit-appearance: none;
}
.jq-selectbox__dropdown ul {
position: relative;
overflow: auto;
overflow-x: hidden;
list-style: none;
-webkit-overflow-scrolling: touch;
}
.jq-select-multiple ul {
position: relative;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
.jq-number {
display: inline-block;
}
.jq-number__field input {
-moz-appearance: textfield;
text-align: left; }
.jq-number__field input::-webkit-inner-spin-button,
.jq-number__field input::-webkit-outer-spin-button {
margin: 0; -webkit-appearance: none;
}.jq-checkbox,
.jq-radio {
vertical-align: -4px;
width: 16px;
height: 16px;
margin: 0 4px 0 0;
border: 1px solid #C3C3C3;
background: linear-gradient(#FFF, #E6E6E6);
box-shadow: 0 1px 1px rgba(0,0,0,.05), inset -1px -1px #FFF, inset 1px -1px #FFF;
cursor: pointer;
}
.jq-checkbox.focused,
.jq-radio.focused {
border: 1px solid #08C;
}
.jq-checkbox.disabled,
.jq-radio.disabled {
opacity: .55;
}
.jq-checkbox {
border-radius: 3px;
}
.jq-checkbox.checked .jq-checkbox__div {
width: 8px;
height: 4px;
margin: 3px 0 0 3px;
border-bottom: 2px solid #666;
border-left: 2px solid #666;
-webkit-transform: rotate(-50deg);
transform: rotate(-50deg);
}
.jq-radio {
border-radius: 50%;
}
.jq-radio.checked .jq-radio__div {
width: 10px;
height: 10px;
margin: 3px 0 0 3px;
border-radius: 50%;
background: #777;
box-shadow: inset 1px 1px 1px rgba(0,0,0,.7);
}
.jq-file {
width: 270px;
border-radius: 4px;
box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.jq-file input {
cursor: pointer;
}
.jq-file__name {
box-sizing: border-box;
width: 100%;
height: 34px;
padding: 0 80px 0 10px;
border: 1px solid #CCC;
border-bottom-color: #B3B3B3;
border-radius: 4px;
background: #FFF;
box-shadow: inset 1px 1px #F1F1F1;
font: 14px/32px Arial, sans-serif;
color: #333;
}
.jq-file__browse {
position: absolute;
top: 1px;
right: 1px;
padding: 0 10px;
border-left: 1px solid #CCC;
border-radius: 0 4px 4px 0;
background: linear-gradient(#FFF, #E6E6E6);
box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
font: 14px/32px Arial, sans-serif;
color: #333;
text-shadow: 1px 1px #FFF;
}
.jq-file:hover .jq-file__browse {
background: linear-gradient(#F6F6F6, #E6E6E6);
}
.jq-file:active .jq-file__browse {
background: #F5F5F5;
box-shadow: inset 1px 1px 3px #DDD;
}
.jq-file.focused .jq-file__name {
border: 1px solid #5794BF;
}
.jq-file.disabled,
.jq-file.disabled .jq-file__name,
.jq-file.disabled .jq-file__browse {
border-color: #CCC;
background: #F5F5F5;
box-shadow: none;
color: #888;
}
.jq-number {
position: relative;
vertical-align: middle;
padding: 0 36px 0 0;
}
.jq-number__field {
width: 100px;
border: 1px solid #CCC;
border-bottom-color: #B3B3B3;
border-radius: 4px;
box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
}
.jq-number__field:hover {
border-color: #B3B3B3;
}
.jq-number__field input {
box-sizing: border-box;
width: 100%;
padding: 8px 9px;
border: none;
outline: none;
background: none;
font: 14px Arial, sans-serif;
color: #333;
}
.jq-number__spin {
position: absolute;
top: 0;
right: 0;
width: 32px;
height: 14px;
border: 1px solid #CCC;
border-bottom-color: #B3B3B3;
border-radius: 4px;
background: linear-gradient(#FFF, #E6E6E6);
box-shadow: 0 1px 2px rgba(0,0,0,.1);
box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-shadow: 1px 1px #FFF;
cursor: pointer;
}
.jq-number__spin.minus {
top: auto;
bottom: 0;
}
.jq-number__spin:hover {
background: linear-gradient(#F6F6F6, #E6E6E6);
}
.jq-number__spin:active {
background: #F5F5F5;
box-shadow: inset 1px 1px 3px #DDD;
}
.jq-number__spin:after {
content: '';
position: absolute;
top: 4px;
left: 11px;
width: 0;
height: 0;
border-right: 5px solid transparent;
border-bottom: 5px solid #999;
border-left: 5px solid transparent;
}
.jq-number__spin.minus:after {
top: 5px;
border-top: 5px solid #999;
border-right: 5px solid transparent;
border-bottom: none;
border-left: 5px solid transparent;
}
.jq-number__spin.minus:hover:after {
border-top-color: #000;
}
.jq-number__spin.plus:hover:after {
border-bottom-color: #000;
}
.jq-number.focused .jq-number__field {
border: 1px solid #5794BF;
}
.jq-number.disabled .jq-number__field,
.jq-number.disabled .jq-number__spin {
border-color: #CCC;
background: #F5F5F5;
box-shadow: none;
color: #888;
}
.jq-number.disabled .jq-number__spin:after {
border-bottom-color: #AAA;
}
.jq-number.disabled .jq-number__spin.minus:after {
border-top-color: #AAA;
}
.jq-selectbox {
vertical-align: middle;
cursor: pointer;
}
.jq-selectbox__select {
height: 32px;
padding: 0 45px 0 10px;
border: 1px solid #CCC;
border-bottom-color: #B3B3B3;
border-radius: 4px;
background: linear-gradient(#FFF, #E6E6E6);
box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
font: 14px/32px Arial, sans-serif;
color: #333;
text-shadow: 1px 1px #FFF;
}
.jq-selectbox__select:hover {
background: linear-gradient(#F6F6F6, #E6E6E6);
}
.jq-selectbox__select:active {
background: #F5F5F5;
box-shadow: inset 1px 1px 3px #DDD;
}
.jq-selectbox.focused .jq-selectbox__select {
border: 1px solid #5794BF;
}
.jq-selectbox.disabled .jq-selectbox__select {
border-color: #CCC;
background: #F5F5F5;
box-shadow: none;
color: #888;
}
.jq-selectbox__select-text {
display: block;
width: 100%;
}
.jq-selectbox .placeholder {
color: #888;
}
.jq-selectbox__trigger {
position: absolute;
top: 0;
right: 0;
width: 34px;
height: 100%;
border-left: 1px solid #CCC;
}
.jq-selectbox__trigger-arrow {
position: absolute;
top: 14px;
right: 12px;
width: 0;
height: 0;
border-top: 5px solid #999;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
}
.jq-selectbox:hover .jq-selectbox__trigger-arrow {
border-top-color: #000;
}
.jq-selectbox.disabled .jq-selectbox__trigger-arrow {
border-top-color: #AAA;
}
.jq-selectbox__dropdown {
box-sizing: border-box;
width: 100%;
margin: 2px 0 0;
padding: 0;
border: 1px solid #CCC;
border-radius: 4px;
background: #FFF;
box-shadow: 0 2px 10px rgba(0,0,0,.2);
font: 14px/18px Arial, sans-serif;
}
.jq-selectbox__search {
margin: 5px;
}
.jq-selectbox__search input {
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 5px 27px 6px 8px;
border: 1px solid #CCC;
border-radius: 3px;
outline: none;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%;
box-shadow: inset 1px 1px #F1F1F1;
color: #333;
}
.jq-selectbox__not-found {
margin: 5px;
padding: 5px 8px 6px;
background: #F0F0F0;
font-size: 13px;
}
.jq-selectbox ul {
margin: 0;
padding: 0;
}
.jq-selectbox li {
min-height: 18px;
padding: 5px 10px 6px;
color: #231F20;
}
.jq-selectbox li.selected {
background-color: #A3ABB1;
color: #FFF;
}
.jq-selectbox li:hover {
background-color: #08C;
color: #FFF;
}
.jq-selectbox li.disabled {
color: #AAA;
}
.jq-selectbox li.disabled:hover {
background: none;
}
.jq-selectbox li.optgroup {
font-weight: bold;
}
.jq-selectbox li.optgroup:hover {
background: none;
color: #231F20;
cursor: default;
}
.jq-selectbox li.option {
padding-left: 25px;
}
.jq-select-multiple {
box-sizing: border-box;
padding: 1px;
border: 1px solid #CCC;
border-bottom-color: #B3B3B3;
border-radius: 4px;
background: #FFF;
box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
font: 14px/18px Arial, sans-serif;
color: #333;
cursor: default;
}
.jq-select-multiple.focused {
border: 1px solid #5794BF;
}
.jq-select-multiple.disabled {
border-color: #CCC;
background: #F5F5F5;
box-shadow: none;
color: #888;
}
.jq-select-multiple ul {
margin: 0;
padding: 0;
}
.jq-select-multiple li {
padding: 3px 9px 4px;
list-style: none;
}
.jq-select-multiple li:first-child {
border-radius: 3px 3px 0 0;
}
.jq-select-multiple li:last-child {
border-radius: 0 0 3px 3px;
}
.jq-select-multiple li.selected {
background: #08C;
color: #FFF;
}
.jq-select-multiple li.disabled {
color: #AAA;
}
.jq-select-multiple li.optgroup {
font-weight: bold;
}
.jq-select-multiple li.option {
padding-left: 25px;
}
.jq-select-multiple.disabled li.selected,
.jq-select-multiple li.selected.disabled {
background: #CCC;
color: #FFF;
}
input[type='email'].styler,
input[type='password'].styler,
input[type='search'].styler,
input[type='tel'].styler,
input[type='text'].styler,
input[type='url'].styler,
textarea.styler {
padding: 8px 9px;
border: 1px solid #CCC;
border-bottom-color: #B3B3B3;
border-radius: 4px;
box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
font: 14px Arial, sans-serif;
color: #333;
}
input[type='search'].styler {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
textarea.styler {
overflow: auto;
}
input[type='email'].styler:hover,
input[type='password'].styler:hover,
input[type='search'].styler:hover,
input[type='tel'].styler:hover,
input[type='text'].styler:hover,
input[type='url'].styler:hover,
textarea.styler:hover {
border-color: #B3B3B3;
}
input[type='email'].styler:hover:focus,
input[type='password'].styler:hover:focus,
input[type='search'].styler:hover:focus,
input[type='tel'].styler:hover:focus,
input[type='text'].styler:hover:focus,
input[type='url'].styler:hover:focus,
textarea.styler:hover:focus {
border-color: #CCC;
border-top-color: #B3B3B3;
outline: none;
box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
button.styler,
input[type='button'].styler,
input[type='submit'].styler,
input[type='reset'].styler {
overflow: visible;
padding: 8px 11px;
border: 1px solid #CCC;
border-bottom-color: #B3B3B3;
border-radius: 4px;
outline: none;
background: linear-gradient(#FFF, #E6E6E6);
box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
font: 14px Arial, sans-serif;
color: #333;
text-shadow: 1px 1px #FFF;
cursor: pointer;
}
button.styler.styler::-moz-focus-inner,
input[type='button'].styler.styler::-moz-focus-inner,
input[type='submit'].styler.styler::-moz-focus-inner,
input[type='reset'].styler.styler::-moz-focus-inner {
padding: 0;
border: 0;
}
button.styler:not([disabled]):hover,
input[type='button'].styler:not([disabled]):hover,
input[type='submit'].styler:not([disabled]):hover,
input[type='reset'].styler:not([disabled]):hover,
input[type='reset'].styler:hover {
background: linear-gradient(#F6F6F6, #E6E6E6);
}
button.styler:active,
input[type='button'].styler:active,
input[type='submit'].styler:active,
input[type='reset'].styler:active {
background: #F5F5F5;
box-shadow: inset 1px 1px 3px #DDD;
}
button.styler[disabled],
input[type='button'].styler[disabled],
input[type='submit'].styler[disabled] {
border-color: #CCC;
background: #F5F5F5;
box-shadow: none;
color: #888;
}@font-face {
font-family: Vent;
font-style: normal;
font-weight: 400;
src: url(//ventdesignspb.ru/wp-content/themes/vent/assets/fonts/Vent/TT-Hoves-Pro-Regular.ttf);
}
@font-face {
font-family: Vent;
font-style: normal;
font-weight: 700;
src: url(//ventdesignspb.ru/wp-content/themes/vent/assets/fonts/Vent/TT-Hoves-Pro-DemiBold.ttf);
}
* {
margin: 0;
padding: 0;
outline: 0;
font-family: inherit;
font-size: inherit;
font-style: inherit;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
::-webkit-input-placeholder {
color: #a49999;
}
::-moz-placeholder {
color: #a49999;
}
:-ms-input-placeholder {
color: #a49999;
}
::-ms-input-placeholder {
color: #a49999;
}
::placeholder {
color: #a49999;
}
button,
input,
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-family: Vent;
}
a,
div,
h1,
h2,
h3,
h4,
h5,
h6,
li,
p,
span,
ul {
margin: 0;
padding: 0;
font-family: Vent;
}
h1 {
font-family: Vent;
font-size: 60px;
font-weight: 700;
line-height: 1.2em;
letter-spacing: -1px;
}
h2 {
font-family: Vent;
font-size: 50px;
font-weight: 700;
line-height: 1.2em;
letter-spacing: -1px;
}
h3 {
font-family: Vent;
font-size: 40px;
font-weight: 700;
line-height: 1.2em;
letter-spacing: -1px;
}
h4 {
font-family: Vent;
font-size: 30px;
font-weight: 700;
line-height: 1.2em;
letter-spacing: -1px;
}
h5 {
font-family: Vent;
font-size: 22px;
font-weight: 700;
line-height: 1.2em;
letter-spacing: -1px;
}
p {
font-family: Vent;
font-size: 24px;
line-height: 1.5em;
color: #524b4b;
}
b,
strong {
font-weight: 700;
}
body.no-scroll,
html.no-scroll {
width: 100%;
max-width: 100%;
overflow: hidden !important;
}
a {
text-decoration: none;
-webkit-transition: 0.3s;
transition: 0.3s;
}
a:hover {
text-decoration: none;
}
a:focus {
text-decoration: none;
}
ul li {
list-style-type: none;
}
body.no-scroll,
html.no-scroll {
width: 100%;
max-width: 100%;
overflow: hidden !important;
}
.btn {
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: 350px;
height: 90px;
border-radius: 20px;
background-color: #a99d64;
color: #fff;
-webkit-transition: 0.3s;
transition: 0.3s;
cursor: pointer;
font-size: 22px;
font-weight: 500;
outline: 0;
border: none;
}
.btn:hover {
background-color: #8b804a;
}
.btn2 {
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: 235px;
height: 62px;
border-radius: 10px;
background-color: #a88d43;
}
.btn2 p {
color: #fff;
text-transform: uppercase;
font-size: 16px;
font-weight: 700;
}
.btn2 span {
margin-right: 17px;
}
.btn2:hover {
background-color: #8b804a;
}
.modalOverlay {
display: none;
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
z-index: 1200;
}
.modalWindowWrap {
display: none;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
z-index: 1300;
}
.modalTable {
display: table;
width: 100%;
height: 100%;
}
.modalCell {
display: table-cell;
vertical-align: middle;
padding: 50px 20px;
}
.modalWindow {
position: relative;
color: #524b4b;
background-color: #fff;
border-radius: 20px;
max-width: 520px;
margin: auto;
padding: 50px 30px;
text-align: center;
}
.modalWindowClose {
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;
position: absolute;
z-index: 3;
top: -45px;
right: -25px;
-webkit-transition: 0.3s;
transition: 0.3s;
cursor: pointer;
width: 44px;
height: 44px;
background-color: #ac9c6f;
border-radius: 50%;
}
.modalWindowClose:hover {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.form-title {
font-weight: 700;
font-size: 34px;
color: #171717;
}
.form-subtitle {
margin-top: 25px;
color: #524b4b;
font-size: 22px;
}
.formsModal {
margin-top: 35px;
}
.formsModal .inputItem input {
height: 80px;
}
.formsModal .form-text {
margin-top: 20px;
color: #8f8f8f;
font-size: 14px;
}
.formsModal .btn {
width: 100%;
margin-top: 35px;
}
.btnSenks {
width: 100%;
margin-top: 40px;
}
.modalWindowFormContentSenks .senks {
margin-bottom: 15px;
}
.container {
max-width: 1590px;
margin-left: auto;
margin-right: auto;
display: block;
padding-left: 15px;
padding-right: 15px;
}
.header {
background-color: #161616;
position: relative;
z-index: 10;
height: 160px;
}
a.logo:hover {
opacity: 0.7;
}
.header-top {
padding: 12px 0;
}
.header-top__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-top__left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-top__contact {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: 150px;
}
.header-top__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 30px;
}
.header-top__item svg {
height: auto;
margin-top: 5px;
}
.header-top__item p {
font-size: 16px;
color: #fff;
padding-left: 5px;
}
.header-top__right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.header-top__social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-top__social p {
font-size: 16px;
color: #fff;
margin-right: 12px;
}
.header-top__social p span {
display: inline-block;
margin-bottom: 1px;
margin-left: 4px;
background-color: #4caf50;
width: 6px;
height: 6px;
border-radius: 50%;
}
.header-top__social a {
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: 44px;
height: 44px;
border-radius: 50%;
margin-right: 4px;
}
.header-top__social a:hover {
opacity: 0.7;
}
.header-top__social .wa {
background-color: #4caf50;
}
.header-top__social .tg {
background-color: #3ac0fa;
}
.header-top .tel {
color: #fff;
font-size: 28px;
font-weight: 700;
}
.header-top .tel:hover {
color: #ac9c6f;
}
.header-menu {
border-top: 1px solid #363434;
padding-top: 12px;
}
.header-menu__wrap {
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;
}
.header-menu__left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-menu__right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding-bottom: 12px;
}
.header-menu__right .tel {
font-size: 28px;
color: #fff;
line-height: 1em;
font-weight: 700;
margin-left: 100px;
display: none;
}
.header-menu__right .tel:hover {
color: #ac9c6f;
}
.header-menu__last ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-menu__last ul li {
margin-left: 23px;
list-style-type: none;
}
.header-menu__last ul li a {
font-size: 18px;
color: #fff;
display: inline-block;
}
.header-menu__last ul li a:hover {
color: #ac9c6f;
}
.header-menu__main ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-menu__main ul li {
list-style-type: none;
margin-right: 10px;
padding-bottom: 12px;
position: relative;
}
.header-menu__main ul li a {
color: #fff;
font-size: 20px;
font-weight: 700;
padding: 12px 60px;
padding-right: 40px;
display: block;
background-color: #333131;
border-radius: 10px;
}
.header-menu__main ul li .sub-menu {
display: block;
display: none;
top: 100%;
position: absolute;
background-color: #f2f2f2;
border-radius: 10px;
padding: 20px 25px;
width: 380px;
-webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
}
.header-menu__main ul li .sub-menu li {
margin: 0;
margin-bottom: 10px;
}
.header-menu__main ul li .sub-menu li a {
font-size: 18px;
font-weight: 400;
padding: 0;
border-radius: 0;
background-color: transparent;
color: #333131;
}
.header-menu__main ul li .sub-menu li a:after {
display: none;
}
.header-menu__main ul li .sub-menu li a:hover {
background-color: transparent;
color: #8b804a;
}
.header-menu__main ul > .menu-item-has-children a {
position: relative;
}
.header-menu__main ul > .menu-item-has-children a:after {
content: "";
position: absolute;
width: 10px;
height: 5px;
z-index: 1;
right: 14px;
top: 50%;
background-image: url(//ventdesignspb.ru/wp-content/themes/vent/assets/images/icons/link_bot.svg);
background-repeat: no-repeat;
background-position: center;
}
.header-menu__main ul > .menu-item-has-children a:hover {
background-color: #8b804a;
}
.header-menu__main ul > .menu-item-has-children a:hover:after {
background-image: url(//ventdesignspb.ru/wp-content/themes/vent/assets/images/icons/link_bot_white.svg);
}
.header-menu__main .menu-item-has-children:hover .sub-menu {
display: block;
}
.menu-item-cond > a {
background-image: url(//ventdesignspb.ru/wp-content/themes/vent/assets/images/icons/condey.svg);
background-repeat: no-repeat;
background-position: 20px 60%;
}
.menu-item-cond > a:hover {
background-image: url(//ventdesignspb.ru/wp-content/themes/vent/assets/images/icons/condey-w.svg);
}
.menu-item-vent > a {
background-image: url(//ventdesignspb.ru/wp-content/themes/vent/assets/images/icons/vent.svg);
background-repeat: no-repeat;
background-position: 20px 60%;
}
.menu-item-vent > a:hover {
background-image: url(//ventdesignspb.ru/wp-content/themes/vent/assets/images/icons/vent-w.svg);
}
.menu-item-uslugi > a {
background-image: url(//ventdesignspb.ru/wp-content/themes/vent/assets/images/icons/menu.svg);
background-repeat: no-repeat;
background-position: 20px 60%;
}
.menu-item-uslugi > a:hover {
background-image: url(//ventdesignspb.ru/wp-content/themes/vent/assets/images/icons/menu-w.svg);
}
.header-menu.fixed {
position: fixed;
z-index: 99;
width: 100%;
left: 0;
top: 0;
background-color: #161616;
border-top: none;
}
.header-menu   .header-top__social{
display: none;
}
.header-menu.fixed .header-top__social{
display: flex;
margin-left: 20px;
}
.header-menu.fixed .header-top__social a{
width: 36px;
height: 36px;
}
.header-menu.fixed .header-menu__last ul li:first-child{
margin-left: 0;
}
.header-menu.fixed .header-menu__right .tel {
display: block;
font-size: 24px;
margin-left: 20px;
}
.tags {
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;
}
.tags__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: #fff;
border-radius: 10px;
margin-right: 8px;
margin-bottom: 8px;
border: 1px solid rgba(131, 122, 122, 0.2);
padding: 8px 15px;
width: 100%;
}
.tags__item:last-child{
margin-bottom: 0;
}
.tags__item p {
font-size: 16px;
color: #5d5040;
line-height: 1.2em;
}
.tags__item span {
display: block;
width: 6px;
height: 6px;
border-radius: 50%;
margin-right: 10px;
background-color: #ac9c6f;
flex-shrink: 0;
margin-top: 6px;
}
.main {
position: relative;
overflow: hidden;
background-color: #f9f9f9;
}
.main .bg {
position: absolute;
z-index: 1;
width: 50%;
height: 100%;
left: 0;
top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.main .bg svg {
width: 100%;
height: 100%;
}
.main .container {
position: relative;
z-index: 2;
}
.main__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 55px;
padding-bottom: 65px;
}
.main__content {
width: 45%;
}
.main h1 {
margin-bottom: 20px;
font-size: 40px;
letter-spacing: -1px;
line-height: 1.2em;
}
.main h1 span {
color: #a88d43;
}
.main .btn{
width: 480px;
margin-top: 25px;
}
.main__right {
width: 780px;
height: 605px;
position: relative;
}
.main__quote {
width: 600px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
z-index: 2;
bottom: 44px;
left: -75px;
background-color: rgba(0, 0, 0, 0.7);
border-radius: 20px;
padding: 20px 24px;
}
.main__quote img {
width: 95px;
height: auto;
}
.main__quote p {
padding-left: 30px;
width: calc(100% - 95px);
font-size: 20px;
color: #fff;
font-weight: 400;
}
.main__image {
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 20px;
}
.main__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.s-title {
font-size: 50px;
}
.s-subtitle {
margin-top: 25px;
color: #524b4b;
font-size: 22px;
}
.edge {
margin-top: 100px;
}
.edge__wrap {
margin-top: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.edge__slide {
width: 32%;
}
.edge__slide:nth-child(2n + 1) .edge__item {
background-color: #f9f9f9;
}
.edge__item {
margin-bottom: 45px;
background-color: #fff;
border-radius: 20px;
padding: 45px 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.edge__item:hover .edge__icon {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
.edge__icon {
width: 80px;
height: 80px;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.edge__icon img {
width: 100%;
height: auto;
}
.edge__content {
padding-left: 35px;
width: calc(100% - 80px);
}
.edge__content .title {
font-weight: 700;
color: #000;
font-size: 26px;
}
.edge__content .text {
font-size: 20px;
color: #524b4b;
line-height: 1.5em;
margin-top: 15px;
}
.services-prices{
padding-bottom: 30px;
}
.services-prices__wrap{
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 26px;
margin-top: 60px;
}
.services-prices__item{
background-color: #F9F9F9;
border-radius: 20px;
padding: 40px;
display: grid;
gap: 10px;
height: 100%;
padding-right: 20px;
align-content: start;
}
.services-prices__title{
color: #000;
font-size: 24px;
line-height: 1.2em;
font-weight: 600;
}
.services-prices__price{
color: #524B4B;
font-size: 22px;
font-weight: 500;
line-height: 1.5em;
}
.services-prices__button{
width: 320px;
height: 60px;
border-radius: 15px;
}
.about {
margin-top: 50px;
padding-top: 80px;
position: relative;
padding-bottom: 125px;
}
.about .container {
position: relative;
z-index: 2;
}
.about .bg1 {
position: absolute;
z-index: 1;
left: 0;
top: 0;
width: auto;
height: auto;
}
.about .bg1 svg {
width: auto;
}
.about .bg2 {
position: absolute;
z-index: 1;
bottom: 0;
right: 0;
width: auto;
height: auto;
width: 45%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.about .bg2 svg {
width: auto;
max-width: 100%;
margin-bottom: -20px;
}
.about__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.about__left {
width: 50%;
}
.about__text {
margin-top: 55px;
}
.about__count {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 55px;
}
.about__item {
margin-right: 60px;
}
.about__item .title {
font-weight: 700;
font-size: 70px;
color: #ac9c6f;
letter-spacing: -1px;
line-height: 1.2em;
}
.about__item .text {
margin-top: 24px;
font-size: 20px;
color: #524b4b;
}
.about__link {
width: 320px;
height: 80px;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.5);
color: #0c0c0c;
padding: 0;
margin-top: 60px;
}
.about__link:hover {
background-color: #0c0c0c;
color: #fff;
border-color: #0c0c0c;
}
.about__right {
width: 650px;
background-color: #161616;
border-radius: 20px;
padding: 0 30px;
padding-top: 30px;
padding-bottom: 90px;
}
.about__title {
color: #fff;
text-align: center;
line-height: 1.2em;
font-size: 30px;
font-weight: 700;
}
.about__teams {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 55px;
}
.about__team {
width: 45%;
text-align: center;
}
.about_name {
margin-top: 25px;
color: #fff;
font-weight: 700;
letter-spacing: -1px;
font-size: 26px;
line-height: 1.2em;
}
.about_pos {
font-size: 22px;
color: #fff;
}
.line {
display: block;
margin: 25px auto;
width: 28px;
height: 2px;
background-color: #ac9c6f;
}
.services {
background-color: #161616;
padding: 80px 0;
overflow: hidden;
}
.services .s-title {
color: #fff;
}
.services__wrap {
margin-top: 45px;
}
.services__content {
margin-top: 50px;
}
.services__sliders {
position: relative;
margin: 0 -10px;
}
.services__slide {
margin: 0 10px;
}
.services__item {
width: 100%;
}
.services__item .title {
margin-top: 34px;
font-weight: 700;
font-size: 26px;
letter-spacing: 0;
line-height: 1.2em;
color: #fff;
text-align: center;
height: 94px;
overflow: hidden;
}
.services__item .text {
margin-top: 25px;
text-align: center;
color: #a6a6a6;
font-size: 22px;
height: 132px;
overflow: hidden;
}
.services__item .btn {
margin: 0 auto;
margin-top: 45px;
width: 220px;
height: 74px;
background-color: transparent;
border: 1px solid #a99d64;
color: #a99d64;
}
.services__item .btn:hover {
background-color: #a99d64;
color: #fff;
}
.services__image {
width: 100%;
height: 300px;
border-radius: 20px;
overflow: hidden;
position: relative;
}
.services__image a {
position: absolute;
z-index: 2;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.services__image img {
width: 100%;
height: 100%;
-webkit-transition: 0.5s;
transition: 0.5s;
-o-object-fit: cover;
object-fit: cover;
}
.services__image:hover img {
-webkit-transform: rotate(4deg) scale(1.1);
-ms-transform: rotate(4deg) scale(1.1);
transform: rotate(4deg) scale(1.1);
}
.slick-dots {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 80px;
width: 100%;
}
.slick-dots li {
cursor: pointer;
display: block;
margin: 0 5px;
width: 25px;
height: 5px;
background-color: #656161;
border-radius: 10px;
}
.slick-dots li button {
display: none;
font-size: 0;
}
.slick-dots .slick-active {
background-color: #a99d64;
}
.tabs {
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;
}
.tabs .tab {
width: 305px;
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;
height: 70px;
border-radius: 10px;
background-color: #2d2b2b;
font-size: 24px;
line-height: 1em;
font-weight: 700;
color: #a99d64;
margin: 0 5px;
position: relative;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.tabs .tab::after {
content: "";
position: absolute;
z-index: 2;
left: 50%;
top: 100%;
-webkit-transition: 0.3s;
transition: 0.3s;
margin-left: -12px;
border: 12px solid transparent;
border-top: 9px solid #2d2b2b;
}
.tabs .tab:hover {
background-color: #a99d64;
color: #fff;
}
.tabs .tab:hover::after {
border-top-color: #a99d64;
}
.tabs .active {
background-color: #a99d64;
color: #fff;
}
.tabs .active::after {
border-top-color: #a99d64;
}
.arrow-prev {
cursor: pointer;
width: 55px;
height: 55px;
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-radius: 50%;
top: 140px;
background-color: #5e5142;
position: absolute;
z-index: 2;
left: -70px;
}
.arrow-prev svg {
margin-right: 2px;
}
.arrow-prev:hover {
background-color: #41372b;
}
.arrow-next {
cursor: pointer;
width: 55px;
height: 55px;
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-radius: 50%;
top: 140px;
background-color: #5e5142;
position: absolute;
z-index: 2;
right: -70px;
}
.arrow-next svg {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.arrow-next:hover {
background-color: #41372b;
}
.services__sliders {
display: none;
}
.services__sliders.active {
display: block;
}
.use {
margin-top: 120px;
}
.use__wrap {
margin-top: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.use__item {
width: 300px;
text-align: center;
position: relative;
}
.use__item::after {
content: "";
position: absolute;
z-index: 2;
right: 0;
top: 0;
margin-top: 125px;
background-image: url(//ventdesignspb.ru/wp-content/themes/vent/assets/images/icons/arrow.svg);
background-repeat: no-repeat;
width: 58px;
height: 22px;
margin-right: -87px;
}
.use__item:hover .use__image img {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
.use__image {
width: 240px;
margin: 0 auto;
}
.use__image img {
width: 100%;
height: auto;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.use__count {
margin-top: 30px;
color: #9c948b;
font-size: 40px;
letter-spacing: -1px;
font-weight: 700;
}
.use__title {
margin-top: 25px;
color: #000;
font-size: 26px;
font-weight: 700;
letter-spacing: -1px;
line-height: 1.2em;
}
.use__text {
font-size: 22px;
line-height: 1.5em;
margin-top: 25px;
color: #524b4b;
}
.use .btn {
width: 300px;
height: 90px;
margin-top: 20px;
}
.use__item:last-child::after {
display: none;
}
.conlutant {
margin-top: 120px;
background-color: #f8f5ec;
position: relative;
}
.conlutant .container {
position: relative;
z-index: 2;
}
.conlutant .bg {
position: absolute;
z-index: 1;
right: 0;
top: 0;
height: 100%;
width: 50%;
}
.conlutant .bg svg {
width: auto;
height: 100%;
}
.conlutant__wrap {
padding-top: 70px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.conlutant__form {
margin-top: 40px;
width: 590px;
}
.conlutant__form .btn {
width: 420px;
height: 100px;
margin-top: 45px;
}
.conlutant__image {
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.conlutant__image img{
max-width: 100%;
max-height: 680px;
width: auto;
height: auto;
}
.inputItem {
width: 100%;
margin-bottom: 12px;
}
.inputItem input {
width: 100%;
height: 94px;
border: 1px solid #e3e0d6;
border-radius: 14px;
background-color: #fff;
outline: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
font-size: 22px;
color: #000;
padding: 0 30px;
}
.inputItem input:focus {
border-color: #a99d64;
}
.form-text {
font-size: 14px;
color: #8f8f8f;
}
.brands {
margin-top: 120px;
margin-bottom: 120px;
}
.brands__wrap {
position: relative;
}
.brands .arrow-prev {
top: 50%;
margin-top: -50px;
}
.brands .arrow-next {
top: 50%;
margin-top: -50px;
}
.brands__slider {
margin: 0 -12px;
margin-top: 50px;
}
.brands__item {
width: 100%;
margin: 0 12px;
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;
height: 180px;
}
.brands__item:hover img {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
.brands__item img {
max-width: 100%;
max-height: 100%;
height: auto;
-webkit-transition: 0.5s;
transition: 0.5s;
padding: 30px;
}
.brands .slick-dots {
margin-top: 50px;
}
.portfolio {
margin-top: 120px;
background-color: #161616;
padding-top: 100px;
padding-bottom: 120px;
}
.portfolio .s-title {
color: #fff;
}
.portfolio__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 60px;
}
.portfolio__item {
width: 49.5%;
height: 600px;
border-radius: 20px;
overflow: hidden;
position: relative;
}
.portfolio__item img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.portfolio__item:hover img {
-webkit-transform: scale(1.1) rotate(4deg);
-ms-transform: scale(1.1) rotate(4deg);
transform: scale(1.1) rotate(4deg);
}
.portfolio__content {
position: absolute;
z-index: 2;
width: 100%;
bottom: 80px;
left: 0;
text-align: center;
}
.portfolio__content p {
color: #fff;
font-size: 40px;
font-weight: 700;
letter-spacing: -1px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.portfolio__content .btn {
background-color: transparent;
color: #fff;
width: 220px;
height: 74px;
margin: 0 auto;
margin-top: 40px;
border: 1px solid rgba(255, 255, 255, 0.5);
}
.portfolio__content .btn:hover {
background-color: #fff;
border-color: #fff;
color: #161616;
}
.baner {
padding-top: 150px;
padding-bottom: 90px;
position: relative;
}
.baner .container {
position: relative;
z-index: 2;
}
.baner .bg {
position: absolute;
z-index: 1;
top: 0;
left: 0;
}
.baner__wrap {
height: 250px;
max-width: 1320px;
margin: 0 auto;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.baner__image {
position: absolute;
z-index: 2;
right: 30px;
top: -80px;
width: 520px;
}
.baner__image img {
width: 100%;
height: auto;
}
.baner__bg {
position: absolute;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 20px;
overflow: hidden;
}
.baner__bg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.baner__text {
position: absolute;
z-index: 2;
padding-left: 70px;
}
.baner__text .title {
color: #fff;
font-size: 50px;
letter-spacing: -1px;
line-height: 1.2em;
font-weight: 700;
}
.baner__text .title b,
.baner__text .title span {
color: #c5705a;
}
.baner__text .text {
margin-top: 25px;
font-size: 24px;
color: #fff;
}
.reviews {
margin-top: 90px;
position: relative;
z-index: 2;
}
.reviews__wrap {
padding-top: 60px;
position: relative;
margin: 0 -10px;
}
.reviews__slide {
margin: 0 10px;
}
.reviews__item {
width: 100%;
background-color: #f9f9f9;
border-radius: 20px;
padding: 40px 45px;
padding-bottom: 90px;
}
.reviews__item .icon {
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: 0 auto;
width: 80px;
height: 80px;
background-color: #fff;
border-radius: 50%;
}
.reviews__text {
font-size: 22px;
line-height: 1.5em;
min-height: 330px;
text-align: center;
color: #524b4b;
margin-top: 40px;
}
.reviews__stars {
margin-top: 50px;
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: 100%;
}
.reviews__stars span {
display: block;
margin: 0 3px;
}
.reviews__name {
font-weight: 700;
color: #000;
font-size: 22px;
line-height: 1.2em;
text-align: center;
margin-top: 20px;
min-height: 53px;
}
.reviews .arrow-next {
top: 50%;
margin-top: -50px;
}
.reviews .arrow-prev {
top: 50%;
margin-top: -50px;
}
.reviews .slick-dots {
margin-top: 40px;
}
.faq {
margin-top: 120px;
}
.faq__wrap {
margin-top: 60px;
}
.faq__item {
background-color: #161616;
border-radius: 20px;
margin-bottom: 20px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.faq__head {
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;
cursor: pointer;
padding: 35px 30px;
}
.faq__head p {
font-weight: 700;
font-size: 26px;
line-height: 1.2em;
color: #fff;
width: calc(100% - 50px);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.faq__head svg {
-webkit-transition: 0.3s;
transition: 0.3s;
}
.faq__head svg path {
-webkit-transition: 0.3s;
transition: 0.3s;
}
.faq__hidden {
display: none;
padding: 0 30px;
padding-bottom: 30px;
}
.faq__hidden p {
color: #fff;
font-size: 22px;
line-height: 1.5em;
}
.faq__item.open {
background-color: #f9f9f9;
}
.faq__item.open .faq__head p {
color: #161616;
}
.faq__item.open .faq__head svg {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.faq__item.open .faq__head svg path {
stroke: #161616;
}
.faq__item.open .faq__hidden p {
color: #524b4b;
}
.contacts {
margin-top: 120px;
}
.contacts__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 60px;
}
.contacts__map {
overflow: hidden;
width: 1085px;
border: 1px solid #eae9e9;
border-radius: 20px;
height: 611px;
}
.contacts__content {
border-radius: 20px;
border: 1px solid #eae9e9;
background-color: #fff;
padding: 40px 45px;
width: 460px;
}
.contacts__content .title {
color: #000;
font-size: 30px;
font-weight: 700;
letter-spacing: -1px;
margin-bottom: 15px;
}
.contacts__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 20px;
}
.contacts__item .icon {
width: 60px;
height: 60px;
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-radius: 50%;
background-color: #f9f9f9;
}
.contacts__item .icon svg path {
-webkit-transition: 0.3s;
transition: 0.3s;
}
.contacts__item a,
.contacts__item p {
width: calc(100% - 60px);
padding-left: 17px;
}
.contacts__item .tel {
color: #000;
font-size: 22px;
font-weight: 700;
}
.contacts__item .tel:hover {
color: #ac9c6f;
}
.contacts__item p {
color: #524b4b;
font-size: 22px;
line-height: 1.2em;
}
.contacts__item p br {
display: none;
}
.contacts__item .mail {
color: #a88d43;
font-size: 22px;
}
.contacts__item .mail:hover {
color: #8b804a;
}
.contacts .btn {
width: 100%;
height: 95px;
margin-top: 25px;
}
.contacts__item:hover .icon svg path {
fill: #ac9c6f;
}
.contacts__social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: 77px;
}
.contacts__social a {
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: 44px;
height: 44px;
border-radius: 50%;
margin-right: 4px;
}
.contacts__social a:hover {
opacity: 0.7;
}
.contacts__social .wa {
background-color: #4caf50;
}
.contacts__social .tg {
background-color: #3ac0fa;
}
.contacts__map iframe {
width: 100% !important;
height: 100% !important;
border: none !important;
}
.maps {
margin-top: 90px;
position: relative;
padding-top: 45px;
margin-bottom: 120px;
}
.maps .container {
position: relative;
z-index: 2;
}
.maps .bg {
position: absolute;
z-index: 1;
width: 50%;
right: 0;
top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.maps .bg svg {
width: auto;
max-width: 100%;
height: auto;
}
.maps__wrap {
margin-top: 60px;
border-radius: 20px;
background-color: #fff;
overflow: hidden;
width: 100%;
overflow: hidden;
}
.maps__wrap iframe {
width: 100% !important;
height: 600px !important;
border: none !important;
}
.footer {
background-color: #161616;
padding-top: 55px;
}
.footer__bottom {
border-top: 1px solid #2d2c2b;
margin-top: 80px;
padding: 50px 0;
}
.footer__wrapper {
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;
}
.footer__right a {
color: #ac9c6f;
font-size: 16px;
}
.footer__left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer__left p {
font-size: 16px;
color: #fff;
margin-right: 180px;
}
.footer__left a {
color: #fff;
opacity: 0.5;
font-size: 16px;
}
.footer__left a:hover {
color: #ac9c6f;
opacity: 1;
}
.footer__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer__item {
width: 260px;
}
.footer__main ul li {
margin-bottom: 10px;
}
.footer__main ul li a {
color: #fff;
font-weight: 700;
font-size: 24px;
}
.footer__main ul li a:hover {
color: #ac9c6f;
}
.footer__last ul li {
margin-bottom: 20px;
}
.footer__last ul li a {
font-size: 18px;
color: #fff;
}
.footer__last ul li a:hover {
color: #ac9c6f;
}
.footer__info {
text-align: right;
}
.footer__info .btn2 {
margin-left: auto;
margin-top: 30px;
}
.footer__info .header-top__social {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-top: 50px;
}
.footer__info .tel {
color: #fff;
font-size: 60px;
font-weight: 700;
}
.footer__info .tel:hover {
color: #ac9c6f;
}
.footer__contact {
border-top: 1px solid #656161;
margin-top: 30px;
padding-top: 30px;
}
.footer__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 20px;
}
.footer__item a,
.footer__item p {
width: calc(100% - 20px);
padding-left: 10px;
}
.footer__item p {
font-size: 18px;
color: #fff;
line-height: 1.2em;
}
.footer__item .mail {
color: #ac9c6f;
font-size: 18px;
display: block;
}
.footer__item .mail:hover {
color: #8b804a;
}
.footer__item.mailto .icon {
margin-top: 4px;
}
section {
overflow: hidden;
}
.conlutant__forms {
margin-top: 40px;
}
.burger {
display: none;
}
.burger .close {
display: none;
}
.mobileMenu {
position: fixed;
z-index: 100;
left: 0;
top: 52px;
height: 100vh;
background-color: #161616;
width: 100%;
padding-top: 30px;
-webkit-transition: 0.3s;
transition: 0.3s;
overflow-y: auto;
padding-bottom: 100px;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.mobileMenu .btn2 {
width: 100%;
}
.mobileMenu .tel {
color: #fff;
font-weight: 700;
font-size: 34px;
margin-top: 30px;
display: inline-block;
margin-bottom: 30px;
}
.mobileMenu .tel:hover {
color: #8b804a;
}
.mobileMenu .footer__item {
width: 100%;
}
.mobileMenu .footer__item a {
font-size: 16px;
}
.mobileMenu .footer__item p {
font-size: 16px;
}
.mobileMenu .footer__item p br {
display: none;
}
.mobileMenu__mainMenu ul li {
margin-bottom: 7px;
}
.mobileMenu__mainMenu ul li a {
color: #fff;
font-weight: 700;
font-size: 20px;
}
.mobileMenu__mainMenu ul li a:hover {
color: #8b804a;
}
.mobileMenu__lastMenu {
margin-top: 30px;
}
.mobileMenu__lastMenu ul li {
margin-bottom: 16px;
}
.mobileMenu__lastMenu ul li a {
color: #fff;
font-size: 16px;
}
.mobileMenu__lastMenu ul li a:hover {
color: #8b804a;
}
.mobileMenu.active {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.burger.active .open {
display: none;
}
.burger.active .close {
display: block;
}
.about__team img {
-webkit-transition: 0.5s;
transition: 0.5s;
}
.about__team .line {
-webkit-transition: 0.5s;
transition: 0.5s;
}
.about__team:hover img {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
.about__team:hover .line {
width: 80px;
}
.allPage {
margin-bottom: 80px;
}
.allPage__text {
width: 100%;
padding: 20px;
background-color: #f8f5ec;
border-radius: 20px;
margin-top: 30px;
}
.allPage__text p {
font-size: 22px;
color: #524b4b;
}
.allPage h1 {
margin-top: 50px;
}
.contact {
margin-top: 25px;
}
.contact iframe {
width: 100% !important;
height: 500px !important;
border: none !important;
}
.cards {
display: -ms-grid;
display: grid;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-grid-columns: (24%) [4];
grid-template-columns: repeat(4, 24%);
margin-top: 60px;
}
.cards .services__item {
width: 100%;
margin-bottom: 60px;
}
.cards .services__item .title {
color: #000;
display: inline-block;
width: 100%;
}
.cards .services__item .title:hover {
color: #ac9c6f;
}
.cards .services__item .text {
color: #524b4b;
}
.cards .services__item .btn {
border-color: rgba(0, 0, 0, 0.5);
color: #0c0c0c;
}
.cards .services__item .btn:hover {
background-color: #0c0c0c;
color: #fff;
}
.controls {
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: 50px;
}
.controls button {
width: 305px;
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;
height: 70px;
border-radius: 10px;
background-color: #f9f9f9;
font-size: 24px;
line-height: 1em;
font-weight: 700;
outline: 0;
color: #5e5142;
margin: 0 5px;
position: relative;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
border: none;
}
.controls button::after {
content: "";
position: absolute;
z-index: 2;
left: 50%;
top: 100%;
-webkit-transition: 0.3s;
transition: 0.3s;
margin-left: -12px;
border: 12px solid transparent;
border-top: 9px solid #f9f9f9;
}
.controls button:hover {
background-color: #5e5142;
color: #fff;
}
.controls button:hover::after {
border-top-color: #5e5142;
}
.controls .mixitup-control-active {
background-color: #5e5142;
color: #fff;
}
.controls .mixitup-control-active::after {
border-top-color: #5e5142;
}
#breadcrumbs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 35px;
}
#breadcrumbs a {
color: #635f5f;
font-size: 14px;
opacity: 0.7;
}
#breadcrumbs a:hover {
color: #ac9c6f;
opacity: 1;
}
#breadcrumbs .lines {
vertical-align: bottom;
opacity: 0.5;
}
#breadcrumbs .breadcrumb_last {
color: #635f5f;
font-size: 14px;
}
.contact__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 80px;
}
.contact__left {
width: 48%;
}
.contact__right {
width: 48%;
}
.contact__right ul li {
color: #524b4b;
font-size: 22px;
line-height: 1.5em;
padding-left: 15px;
margin-bottom: 15px;
position: relative;
}
.contact__right ul li:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 15px;
width: 5px;
height: 5px;
border-radius: 50%;
background-color: #524b4b;
}
.contact__title {
color: #000;
font-size: 40px;
line-height: 1.2em;
font-weight: 700;
margin-bottom: 40px;
}
.about-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.about-block__content {
width: 900px;
margin-top: 60px;
}
.about-block__content p {
margin-bottom: 25px;
font-size: 22px;
color: #524b4b;
}
.about-block__image {
width: 515px;
height: 515px;
overflow: hidden;
border-radius: 50%;
margin-top: -40px;
}
.about-block__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.about-block h4,
.about-block h5 {
color: #524b4b;
}
.about-block blockquote {
position: relative;
background-color: #f8f5ec;
border-radius: 20px;
padding: 25px 35px;
padding-top: 100px;
background-image: url(//ventdesignspb.ru/wp-content/themes/vent/assets/images/icons/bloquote.svg);
background-repeat: no-repeat;
background-position: 50% 25px;
margin: 60px 0;
}
.about-block blockquote p {
text-align: center;
color: #ac9c6f;
font-size: 32px;
font-weight: 700;
line-height: 1.3em;
letter-spacing: -1px;
}
.teams {
margin-top: 80px;
}
.teams .s-title {
text-align: center;
}
.teams__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 80px;
}
.teams__wrap img {
width: 250px;
height: auto;
}
.teams__wrap .about__team {
width: 340px;
margin: 0 50px;
}
.teams__wrap .about_name {
color: #000;
}
.teams__wrap .about_pos {
color: #524b4b;
}
.certificates {
margin-top: 120px;
}
.certificates__wrap {
position: relative;
margin-top: 60px;
}
.certificates__slider {
margin: 0 -10px;
}
.certificates__slide {
margin: 0 10px;
}
.certificates__item {
width: 100%;
height: 530px;
background-color: #f9f9f9;
border-radius: 20px;
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: 40px;
position: relative;
}
.certificates__item img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.certificates__item a {
position: absolute;
z-index: 3;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
}
.certificates__item:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.certificates .arrow-prev {
top: 240px;
}
.certificates .arrow-next {
top: 240px;
}
.waranty {
margin-top: 120px;
}
.waranty__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.waranty__item {
margin-bottom: 50px;
}
.waranty__item:nth-child(1) {
width: 45%;
}
.waranty__item:nth-child(2) {
width: 50%;
}
.waranty__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.waranty__head .icon {
width: 80px;
height: 80px;
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-radius: 50%;
border: 1px solid #ececec;
}
.waranty__head p {
width: calc(100% - 80px);
padding-left: 27px;
color: #000;
font-size: 40px;
letter-spacing: -1px;
font-weight: 700;
}
.waranty__main {
margin-top: 50px;
}
.waranty__main p {
color: #524b4b;
font-size: 22px;
margin-bottom: 30px;
}
.waranty__main p b {
color: #000;
}
.waranty__main ul {
margin-top: 30px;
}
.waranty__main ul li {
position: relative;
padding-left: 42px;
line-height: 1.5em;
font-size: 22px;
color: #524b4b;
margin-bottom: 20px;
}
.waranty__main ul li:after {
content: "";
position: absolute;
z-index: 2;
left: 0;
top: 5px;
width: 26px;
height: 20px;
background-repeat: no-repeat;
background-position: center;
background-image: url(//ventdesignspb.ru/wp-content/themes/vent/assets/images/icons/list.svg);
background-size: cover;
}
.news {
margin-top: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.news .services__item .text {
color: #524b4b;
}
.news .services__item {
width: 24%;
margin-bottom: 40px;
}
.news .services__item .title {
color: #ac9c6f;
display: inline-block;
text-align: center;
width: 100%;
}
.news .services__item .title:hover {
color: #000;
}
.news .btn {
border-color: rgba(0, 0, 0, 0.5);
color: #0c0c0c;
}
.news .btn:hover {
background-color: #0c0c0c;
color: #fff;
}
.newsPage {
margin-top: 60px;
}
.newsPage__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.newsPage__image {
width: 780px;
height: auto;
}
.newsPage__image img {
width: auto;
max-width: 100%;
height: auto;
}
.newsPage__text {
margin-top: 60px;
}
.newsPage__content {
width: 720px;
}
.newsPage p {
color: #000;
font-size: 22px;
margin-bottom: 30px;
}
.newsPage h2,
.newsPage h3,
.newsPage h4,
.newsPage h5 {
margin-bottom: 30px;
}
.newsPage h4,
.newsPage h5 {
font-size: 32px;
}
.newsPage a {
color: #ac9c6f;
}
.newsPage a:hover {
color: #8b804a;
}
.newsPage ol {
margin: 30px 0;
padding-left: 50px;
counter-reset: num;
}
.newsPage ol li {
position: relative;
line-height: 1.5em;
font-size: 22px;
color: #000;
margin-bottom: 20px;
list-style-type: none;
}
.newsPage ol li:before {
content: counter(num);
counter-increment: num;
display: inline-block;
position: absolute;
z-index: 1;
top: -1px;
left: -50px;
width: 38px;
height: 38px;
background-color: #ac9c6f;
border-radius: 50%;
text-align: center;
color: #fff;
font-size: 22px;
line-height: 38px;
}
.newsPage ul {
margin-top: 30px;
margin-bottom: 30px;
padding-left: 20px;
}
.newsPage ul li {
position: relative;
padding-left: 42px;
line-height: 1.5em;
font-size: 22px;
color: #000;
margin-bottom: 20px;
}
.newsPage ul li:after {
content: "";
position: absolute;
z-index: 2;
left: 0;
top: 5px;
width: 26px;
height: 20px;
background-repeat: no-repeat;
background-position: center;
background-image: url(//ventdesignspb.ru/wp-content/themes/vent/assets/images/icons/list.svg);
background-size: cover;
}
.header-menu__main ul li .sub-menu {
padding-bottom: 0;
}
.use .btn {
margin-top: 50px;
}
.object {
margin-top: 40px;
}
.object__items {
background-color: #f9f9f9;
border-radius: 20px;
padding: 45px;
margin-bottom: 25px;
}
.object__title {
font-weight: 700;
font-size: 40px;
line-height: 1.2em;
letter-spacing: -1px;
color: #000;
}
.object__text {
font-size: 22px;
margin-top: 30px;
color: #524b4b;
}
.object__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 50px;
}
.object__info {
width: 320px;
background-color: #fff;
border-radius: 20px;
padding: 30px;
padding-bottom: 0;
padding-right: 10px;
}
.object__param {
margin-bottom: 20px;
}
.object__param .title {
margin-bottom: 8px;
color: #000;
line-height: 1.2em;
font-size: 20px;
font-weight: 700;
}
.object__param .text {
color: #524b4b;
font-size: 20px;
}
.object__right {
width: calc(100% - 320px);
padding-left: 40px;
position: relative;
}
.object__slider {
margin: 0 -7px;
}
.object__slide {
margin: 0 7px;
}
.object__item {
width: 100%;
height: 390px;
position: relative;
border-radius: 20px;
overflow: hidden;
}
.object__item img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.object__item a {
position: absolute;
z-index: 2;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.object__item:hover img {
-webkit-transform: rotate(4deg) scale(1.1);
-ms-transform: rotate(4deg) scale(1.1);
transform: rotate(4deg) scale(1.1);
}
.object .arrow-prev {
top: 50%;
margin-top: -27px;
left: 50px;
margin-left: 0;
opacity: 0;
}
.object .arrow-prev:hover {
opacity: 1 !important;
}
.object .arrow-next {
top: 50%;
margin-top: -27px;
right: 10px;
opacity: 0;
}
.object .arrow-next:hover {
opacity: 1 !important;
}
.object__sliders:hover .arrow-prev {
opacity: 0.7;
}
.object__sliders:hover .arrow-next {
opacity: 0.7;
}
.servicesPage__wrap {
position: relative;
height: 530px;
background-image: url(//ventdesignspb.ru/wp-content/themes/vent/assets/images/bgg.jpg);
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
overflow: hidden;
margin-top: 35px;
}
.servicesPage__wrap .mask {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-color: #000;
opacity: 0.5;
}
.servicesPage__content {
position: relative;
z-index: 2;
padding: 0 70px;
}
.servicesPage__content h1 {
color: #fff;
}
.servicesPage #breadcrumbs {
margin-top: 35px;
margin-bottom: 30px;
}
.servicesPage #breadcrumbs .breadcrumb_last {
color: #fff;
}
.servicesPage #breadcrumbs .lines {
color: #fff;
}
.servicesPage #breadcrumbs a {
color: #fff;
opacity: 0.5;
}
.servicesPage .crubs {
margin-bottom: 30px;
margin-top: 35px;
}
.servicesPage .crubs a,
.servicesPage .crubs p {
color: #fff;
}
.servicesPage__bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 85px;
}
.servicesPage .btn {
height: 90px;
width: 340px;
}
.servicesPage__list ul li {
position: relative;
padding-left: 35px;
color: #fff;
font-size: 24px;
font-weight: 700;
line-height: 1.2em;
margin-bottom: 7px;
}
.servicesPage__list ul li:before {
content: "";
position: absolute;
z-index: 1;
left: 0;
top: 1px;
width: 27px;
height: 27px;
background-image: url(//ventdesignspb.ru/wp-content/themes/vent/assets/images/icons/listC.svg);
background-repeat: no-repeat;
background-size: contain;
}
.workObject {
margin-top: 90px;
}
.workObject__wrap {
display: -ms-grid;
display: grid;
-ms-grid-columns: (300px) [4];
grid-template-columns: repeat(4, 300px);
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 60px;
}
.workObject__item {
text-align: center;
margin-bottom: 40px;
}
.workObject__item:hover .workObject__image img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.workObject__image {
width: 250px;
margin: 0 auto;
height: 250px;
border-radius: 50%;
overflow: hidden;
}
.workObject__image img {
width: 100%;
height: 100%;
ovject-fit: cover;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.workObject__title {
margin-top: 30px;
min-height: 87px;
color: #000;
font-size: 24px;
font-weight: 700;
line-height: 1.2em;
}
.workObject__text {
margin-top: 30px;
color: #524b4b;
font-size: 22px;
}
.whom {
position: relative;
margin-top: 60px;
}
.whom .container {
position: relative;
z-index: 2;
}
.whom .bg {
position: absolute;
z-index: 1;
left: 0;
width: 40%;
height: auto;
}
.whom .bg svg {
max-width: 100%;
height: auto;
}
.whom__wrap {
margin-top: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.whom__title {
width: 35%;
}
.whom__list {
width: 55%;
}
.whom__item {
display: inline-block;
font-weight: 700;
position: relative;
padding: 18px 25px;
padding-left: 75px;
background-color: #f5f2ec;
border-radius: 20px;
margin-bottom: 10px;
margin-right: 10px;
}
.whom__item svg {
position: absolute;
z-index: 2;
left: 0;
top: 50%;
margin-top: -10px;
width: 26px;
left: 30px;
}
.whom__item p {
font-size: 24px;
color: #000;
letter-spacing: 0;
}
.whom__text {
color: #524b4b;
font-size: 20px;
margin-top: 30px;
}
.prices {
margin-top: 120px;
}
.prices__wrap {
margin-top: 60px;
}
.prices__head {
height: 75px;
background-color: #000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 20px 45px;
border-radius: 20px 20px 0 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.prices__head .text {
width: 70%;
padding-right: 20px;
font-weight: 700;
color: #fff;
font-size: 26px;
line-height: 1.3em;
width: auto;
max-width: 48%;
}
.prices__head .price {
width: auto;
max-width: 48%;
font-weight: 700;
color: #fff;
letter-spacing: -1px;
font-size: 26px;
text-align: right;
}
.prices__item {
background-color: #f9f9f9;
padding: 20px 45px;
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;
}
.prices__item:nth-child(2n + 1) {
background-color: #fff;
}
.prices__item .text {
width: 70%;
padding-right: 20px;
color: #000;
font-size: 26px;
line-height: 1.3em;
width: auto;
max-width: 48%;
}
.prices__item .price {
width: auto;
max-width: 48%;
font-weight: 700;
color: #000;
letter-spacing: -1px;
font-size: 26px;
text-align: right;
}
.seo {
margin-top: 120px;
}
.seo__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.seo__content {
width: 740px;
}
.seo__content h2 {
margin-bottom: 30px;
}
.seo__content p {
color: #524b4b;
font-size: 24px;
margin-bottom: 25px;
}
.seo__image {
width: 650px;
height: 500px;
border-radius: 20px;
overflow: hidden;
}
.seo__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.seo .seoBtn {
display: inline-block;
color: #ac9c6f;
font-size: 24px;
border-bottom: 1px solid #ac9c6f;
}
.seo .seoBtn:hover {
color: #8b804a;
}
.seo .seo-text {
height: 600px;
position: relative;
overflow: hidden;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.seo .seo-text:after {
content: "";
position: absolute;
z-index: 2;
width: 100%;
visibility: hidden;
opacity: 0;
bottom: 0;
height: 144px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), to(#fff));
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
}
.seo .seo-compact:after {
opacity: 1;
visibility: visible;
}
.servicesAll {
margin-top: 120px;
padding-bottom: 129px;
}
.services__box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 60px;
}
.services__box .services__item {
width: 24%;
}
.conlutantAll {
margin-top: 0 !important;
}
.lists {
margin-top: 120px;
}
.lists__content {
max-width: 1320px;
width: 100%;
background-image: url(//ventdesignspb.ru/wp-content/themes/vent/assets/images/icons/bg_lists.svg);
background-repeat: no-repeat;
background-size: contain;
margin: 0 auto;
padding: 0 90px;
padding-top: 70px;
padding-bottom: 100px;
background-position: center top;
}
.lists .s-title {
text-align: center;
}
.lists__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 65px;
}
.lists__item {
width: 48%;
}
.lists__list {
position: relative;
padding-left: 35px;
margin-bottom: 30px;
}
.lists__list .icon {
display: block;
position: absolute;
z-index: 2;
left: 0;
top: 2px;
}
.lists__list .title {
color: #524b4b;
line-height: 1.3em;
font-size: 24px;
font-weight: 700;
}
.lists__list .text {
margin-top: 15px;
color: #524b4b;
font-size: 22px;
line-height: 1.5em;
}
.page-not-fond {
text-align: center;
padding-bottom: 140px;
margin-top: 120px;
}
.page-not-fond h1 {
font-size: 220px;
background: linear-gradient(135deg, #a99d64 50%, #524b4b 50%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-not-fond h2 {
font-size: 24px;
margin-top: 20px;
}
.page-not-fond p {
color: #524b4b;
margin-top: 20px;
font-size: 18px;
}
.page-not-fond a {
text-decoration: underline;
color: #a99d64;
}
.page-not-fond a:hover {
color: #8b804a;
}
.mobileSocial {
position: fixed;
z-index: 99;
bottom: 40px;
right: 15px;
display: none;
}
.mobileSocial a {
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: 44px;
height: 44px;
border-radius: 50%;
margin-top: 6px;
}
.mobileSocial a:hover {
opacity: 0.7;
}
.mobileSocial .wa {
background-color: #4caf50;
}
.mobileSocial .wa svg {
margin-bottom: 2px;
}
.mobileSocial .tg {
background-color: #3ac0fa;
}
.mobileSocial .tg svg {
margin-right: 2px;
}
.crubs {
margin-top: 35px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.crubs a {
color: #635f5f;
opacity: 0.5;
font-size: 14px;
}
.crubs a:hover {
color: #a99d64;
opacity: 1;
}
.crubs .lines {
width: 10px;
height: 1px;
display: block;
background-color: #a09494;
opacity: 0.5;
margin-top: 2px;
margin: 0 6px;
}
.crubs p {
font-size: 14px;
color: #635f5f;
}
.seo__content p {
color: #000;
font-size: 22px;
margin-bottom: 20px;
}
.seo__content h2,
.seo__content h3,
.seo__content h4,
.seo__content h5 {
margin-bottom: 30px;
}
.seo__content h2 {
font-size: 36px;
}
.seo__content h3 {
font-size: 32px;
}
.seo__content h4 {
font-size: 24px;
}
.seo__content h5 {
font-size: 18px;
}
.seo__content a {
color: #ac9c6f;
}
.seo__content a:hover {
color: #8b804a;
}
.seo__content ol {
margin: 30px 0;
padding-left: 50px;
counter-reset: num;
}
.seo__content ol li {
position: relative;
line-height: 1.5em;
font-size: 22px;
color: #000;
margin-bottom: 20px;
list-style-type: none;
}
.seo__content ol li:before {
content: counter(num);
counter-increment: num;
display: inline-block;
position: absolute;
z-index: 1;
top: -1px;
left: -50px;
width: 38px;
height: 38px;
background-color: #ac9c6f;
border-radius: 50%;
text-align: center;
color: #fff;
font-size: 22px;
line-height: 38px;
}
.seo__content ul {
margin-top: 30px;
margin-bottom: 30px;
padding-left: 0;
}
.seo__content ul li {
position: relative;
padding-left: 42px;
line-height: 1.5em;
font-size: 22px;
color: #000;
margin-bottom: 20px;
}
.seo__content ul li:after {
content: "";
position: absolute;
z-index: 2;
left: 0;
top: 5px;
width: 26px;
height: 20px;
background-repeat: no-repeat;
background-position: center;
background-image: url(//ventdesignspb.ru/wp-content/themes/vent/assets/images/icons/list.svg);
background-size: cover;
}
.singleObjects .services__image {
margin-bottom: 20px;
}
.services__item .titleNews {
height: auto;
}
#CookiesAlert {
position: fixed;
z-index: 99999;
width: 100%;
bottom: 0;
left: 0;
background-color: #2b2a2a;
-webkit-transition: 0.5s;
transition: 0.5s;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
visibility: hidden;
}
#CookiesAlert .content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 15px 0;
}
#CookiesAlert .content p {
color: #fff;
font-size: 15px;
width: 80%;
line-height: 1.3em;
}
#CookiesAlert .content .btn {
width: 120px;
height: 40px;
font-size: 14px;
border-radius: 10px;
}
#CookiesAlert.active {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
visibility: visible;
}
.form__textCheck {
position: relative;
text-align: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.form__textCheck a {
color: inherit;
}
.form__textCheck a:hover {
color: #a99d64;
}
.checkboxForm {
position: absolute;
z-index: -1;
opacity: 0;
}
.checkboxForm + label {
position: relative;
cursor: pointer;
}
.checkboxForm + label:before {
content: "";
position: absolute;
z-index: 2;
left: 0;
top: 0;
width: 17px;
height: 16px;
border-radius: 4px;
border: 1px solid #a99d64;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.checkboxForm + label:after {
content: "";
position: absolute;
z-index: 2;
width: 12px;
height: 9px;
left: 3px;
top: 5px;
background-image: url(//ventdesignspb.ru/wp-content/themes/vent/assets/images/icons/bott.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.checkboxForm:checked + label:after {
opacity: 1;
visibility: visible;
}
.checkboxForm:checked + label:before {
background-color: #a99d64;
}
.inputCheck {
width: 20px;
height: 20px;
margin-right: 5px;
margin-top: 1px;
min-width: 20px;
}
.form__text p {
color: #8c8484;
font-size: 14px;
line-height: 1.2em;
width: 100%;
}
.formsModal .form__text {
margin-top: 20px;
}
.formsModal .form__text p {
font-size: 12px;
}
@media (max-width: 1630px) {
.container {
max-width: 1350px;
}
h1 {
font-size: 50px;
}
.main__right {
width: 650px;
height: 550px;
}
.logo img {
width: 140px;
}
.header-top__contact {
margin-left: 90px;
}
.header-top .tel {
font-size: 24px;
}
.btn2 {
height: 52px;
width: 205px;
}
.btn2 p {
font-size: 14px;
}
.btn2 span {
margin-right: 5px;
}
.header-menu__main ul li a {
font-size: 17px;
padding: 9px 35px;
padding-left: 50px;
}
.menu-item-cond > a {
background-size: 25px;
background-position: 15px 50%;
}
.menu-item-vent > a {
background-size: 25px;
background-position: 15px 50%;
}
.menu-item-uslugi > a {
background-size: 25px;
background-position: 15px 50%;
}
.header {
height: 140px;
}
.header-menu__last ul li a {
font-size: 16px;
}
.header-menu__right .tel {
font-size: 20px;
margin-left: 45px;
}
.header-menu__main ul li .sub-menu li a {
font-size: 16px;
}
.header-menu__main ul li .sub-menu {
width: 320px;
}
.s-title {
font-size: 42px;
}
.edge__icon {
width: 60px;
height: 60px;
}
.edge__content {
width: calc(100% - 60px);
padding-left: 20px;
}
.edge__item {
padding: 40px 25px;
}
.edge__content .title {
font-size: 22px;
}
.edge__content .text {
font-size: 16px;
}
.about__text {
font-size: 20px;
}
.about__item .title {
font-size: 60px;
}
.about_name {
font-size: 22px;
}
.about_pos {
font-size: 20px;
}
.main__wrap {
padding-top: 40px;
}
.tags__item p {
font-size: 14px;
}
.tags__item span{
margin-top: 5px;
}
.main h1 {
font-size: 34px;
}
.main .btn{
width: 380px;
height: 70px;
}
.main__quote p {
font-size: 16px;
}
.main__quote img {
width: 75px;
}
.main__quote {
width: 550px;
}
.btn {
height: 80px;
font-size: 20px;
}
.tabs .tab {
font-size: 20px;
height: 60px;
}
.use__item {
width: 250px;
}
.use__count {
font-size: 30px;
}
.use .btn {
width: 100%;
height: 80px;
margin-top: 20px;
}
.use__title {
font-size: 22px;
}
.use__image {
width: 200px;
}
.use__item::after {
margin-top: 100px;
}
.inputItem input {
height: 80px;
font-size: 20px;
}
.conlutant__form .btn {
width: 360px;
height: 80px;
font-size: 20px;
}
.portfolio__content p {
font-size: 30px;
}
.portfolio__item {
height: 500px;
}
.portfolio__content {
bottom: 50px;
}
.baner__text .title {
font-size: 40px;
}
.baner__text .text {
font-size: 20px;
}
.reviews__text {
font-size: 18px;
}
.reviews__name {
font-size: 18px;
}
.faq__head p {
font-size: 22px;
}
.faq__hidden p {
font-size: 18px;
}
.contacts .btn {
height: 80px;
}
.contacts__item p {
font-size: 20px;
}
.contacts__map {
width: 840px;
}
.contacts__content .title {
font-size: 26px;
}
.maps__wrap iframe {
height: 500px !important;
}
.footer__info .tel {
font-size: 44px;
}
.footer__main ul li a {
font-size: 20px;
}
.footer__item p {
font-size: 16px;
}
.footer__item .mail {
font-size: 16px;
}
.footer__last ul li a {
font-size: 16px;
}
.form-title {
font-size: 30px;
}
.form-subtitle {
margin-top: 15px;
font-size: 18px;
}
.services__item .title {
font-size: 22px;
height: 53px;
}
.services__item .text {
font-size: 18px;
height: 81px;
}
.services__image {
height: 260px;
}
.about__team img {
width: 150px;
}
.about__title {
font-size: 26px;
}
.use .btn {
margin-top: 40px;
}
.allPage h1 {
margin-top: 30px;
font-size: 50px;
}
.contact__title {
margin-bottom: 30px;
font-size: 30px;
}
.allPage__text p {
font-size: 18px;
}
.newsPage__image {
width: 550px;
}
.newsPage p {
font-size: 18px;
}
.newsPage ol li {
font-size: 18px;
}
.newsPage ul li {
font-size: 18px;
}
.newsPage ol li:before {
width: 30px;
height: 30px;
font-size: 18px;
line-height: 30px;
left: -40px;
}
.newsPage ol {
padding-left: 40px;
}
.about-block__image {
width: 360px;
height: 360px;
}
.about-block__content {
width: 850px;
margin-top: 40px;
}
.about-block__content p {
font-size: 18px;
}
.about-block blockquote p {
font-size: 26px;
}
.teams__wrap .about__team {
width: 240px;
}
.about_name {
font-size: 18px;
}
.about_pos {
font-size: 18px;
}
.waranty {
margin-top: 60px;
}
.waranty__head p {
font-size: 30px;
}
.waranty__main p {
font-size: 18px;
}
.waranty__main ul li {
font-size: 18px;
padding-left: 35px;
}
.waranty__main ul li:after {
background-size: 18px;
top: 3px;
}
.waranty__head .icon {
width: 60px;
height: 60px;
}
.waranty__head .icon img {
width: 30px;
}
.object__title {
font-size: 30px;
}
.object__text {
font-size: 18px;
margin-top: 25px;
}
.object__items {
padding: 25px;
}
.object__wrap {
margin-top: 30px;
}
.object__info {
padding: 20px;
}
.object__item {
height: 360px;
}
.object__param .title {
font-size: 18px;
}
.object__param .text {
font-size: 18px;
}
.servicesPage__content {
padding: 0 40px;
}
.servicesPage__content h1 {
font-size: 50px;
}
.servicesPage .btn {
height: 80px;
width: 320px;
}
.servicesPage__list ul li {
font-size: 20px;
}
.servicesPage__list ul li:before {
width: 22px;
height: 22px;
}
.servicesPage__wrap {
height: 480px;
}
.workObject__image {
width: 200px;
height: 200px;
}
.workObject__title {
margin-top: 20px;
font-size: 20px;
min-height: 72px;
}
.workObject__text {
font-size: 18px;
}
.whom__item p {
font-size: 20px;
}
.whom__item svg {
width: 20px;
margin-top: -12px;
left: 20px;
}
.whom__item {
padding: 15px 20px;
padding-left: 55px;
}
.prices__head .text {
font-size: 20px;
}
.prices__head .price {
font-size: 20px;
}
.prices__head,
.prices__item {
padding: 15px 30px;
}
.prices__item .text {
font-size: 20px;
}
.prices__item .price {
font-size: 20px;
}
.prices {
margin-top: 80px;
}
.prices__wrap {
margin-top: 40px;
}
.seo__image {
width: 500px;
height: 450px;
}
.seo__content p {
font-size: 20px;
}
.seo .seo-text {
height: 500px;
}
.use__text {
font-size: 18px;
}
.lists__content {
max-width: 1100px;
padding-left: 80px;
padding-right: 60px;
}
.lists__list .title {
font-size: 20px;
}
.lists__list .text {
font-size: 18px;
}
.reviews__text {
min-height: 162px;
}
.reviews__name {
min-height: 0;
}
.seo__content h2 {
font-size: 40px;
}
.seo__content h3 {
font-size: 30px;
}
.seo__content h4 {
font-size: 20px;
}
.seo__content p {
font-size: 18px;
}
.seo__content ol li {
font-size: 18px;
}
.seo__content ul li {
font-size: 18px;
}
.services-prices__button{
height: 55px;
width: 260px;
}
.services-prices__title{
font-size: 22px;
}
.services-prices__price{
font-size: 20px;
}
.services-prices__item{
padding: 30px;
}
.header-menu.fixed .header-menu__right .tel {
display: none;
}
.conlutant__image img{
max-height: 580px;
}
}
@media (max-width: 1440px) {
h2 {
font-size: 40px;
}
.container {
max-width: 1140px;
}
.newsPage {
margin-top: 30px;
}
.about__text {
margin-top: 25px;
font-size: 16px;
}
.about__count {
margin-top: 30px;
}
.header-menu .tel {
display: none;
}
.header-top .tel {
font-size: 18px;
}
.header-top__contact {
margin-left: 30px;
}
.main__content {
width: 48%;
}
.logo img {
width: 120px;
}
.header-top__item p {
font-size: 14px;
}
.header-top__item svg {
margin-top: 3px;
}
.main h1 {
font-size: 30px;
}
.main__quote{
left: -45px;
}
.main__right {
width: 50%;
height: 515px;
}
.edge__slide {
width: 48%;
}
.edge__item {
background-color: #f9f9f9;
}
.about__right {
width: 50%;
}
.about__left {
width: 45%;
}
.about__item {
margin-right: 20px;
}
.about__item .title {
font-size: 50px;
}
.about__item .text {
font-size: 18px;
}
.s-title {
font-size: 40px;
}
p {
font-size: 18px;
}
.about__title {
font-size: 24px;
}
.about__team img {
width: 120px;
}
.about_name {
font-size: 20px;
}
.about_pos {
font-size: 18px;
}
.btn {
height: 70px;
font-size: 18px;
width: 300px;
}
.main__quote p {
font-size: 18px;
}
.main__quote img {
width: 80px;
}
.use__item {
width: 45%;
margin-bottom: 60px;
}
.use .btn {
height: 70px;
margin: 0 auto;
margin-top: 20px;
}
.use__title {
font-size: 22px;
}
.use__item:nth-child(2n)::after {
display: none;
}
.s-subtitle {
font-size: 18px;
}
.conlutant__form .btn {
width: 300px;
height: 70px;
}
.conlutant__form {
width: 50%;
}
.inputItem input {
height: 80px;
font-size: 20px;
}
.portfolio__content p {
font-size: 30px;
}
.portfolio__content .btn {
height: 60px;
}
.portfolio__item {
height: 450px;
}
.baner__text .title {
font-size: 40px;
}
.baner__text .text {
font-size: 20px;
}
.faq__head p {
font-size: 22px;
}
.faq__head svg {
width: 35px;
height: auto;
}
.contacts__map {
width: 630px;
}
.footer__info .tel {
font-size: 36px;
}
.tabs .tab {
font-size: 20px;
height: 60px;
}
.controls button {
font-size: 20px;
height: 60px;
}
.services__item .title {
font-size: 20px;
}
.services__item .text {
font-size: 16px;
}
.services__item .btn {
height: 60px;
}
.services__item .title {
height: 48px;
}
.services__item .text {
height: 96px;
}
.allPage h1 {
font-size: 50px;
}
.about-block__image {
width: 350px;
height: 350px;
}
.about-block__content {
width: 750px;
}
.about-block blockquote p {
font-size: 24px;
margin-bottom: 0;
}
.about-block blockquote {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
}
.certificates__item {
height: 440px;
}
.certificates .arrow-prev {
top: 200px;
}
.certificates .arrow-next {
top: 200px;
}
.teams__wrap .about__team {
width: 260px;
}
.waranty__item {
width: 100% !important;
}
.waranty__head p {
font-size: 30px;
}
.news .services__item {
width: 32%;
}
.servicesPage__wrap {
margin-top: 20px;
}
.servicesPage__content h1 {
font-size: 40px;
}
.workObject__wrap {
-ms-grid-columns: (300px) [3];
grid-template-columns: repeat(3, 300px);
}
.cards {
-ms-grid-columns: (32%) [3];
grid-template-columns: repeat(3, 32%);
}
.whom__item p {
font-size: 16px;
}
.whom__item {
padding-top: 12px;
padding-bottom: 12px;
}
.seo__content {
width: 600px;
}
.seo__image {
width: 400px;
}
.services-prices__button{
height: 55px;
width: 260px;
}
.services-prices__title{
font-size: 20px;
}
.services-prices__price{
font-size: 18px;
}
.services-prices__wrap{
grid-template-columns: repeat(2,1fr);
}
.header-menu.fixed .header-top__social{
display: none;
}
.conlutant__image img{
max-height: 480px;
}
}
@media (max-width: 1200px) {
.container {
max-width: 960px;
}
.header-menu .tel {
font-size: 18px;
display: none;
}
.header-menu .header-menu__last ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header-menu .header-menu__last ul li {
margin-left: 10px;
}
.header-menu .header-menu__last ul li a {
font-size: 14px;
}
.header-top__contact {
display: none;
}
.header-top .tel {
display: block;
font-size: 20px;
}
.header-top .btn2 {
height: 40px;
width: 180px;
}
.header-top .btn2 p {
font-size: 12px;
}
.header-top .btn2 span {
margin-right: 10px;
}
.header-top .btn2 span svg {
width: 10px;
height: auto;
}
.logo img {
width: 140px;
}
.header-menu__main ul li a {
font-size: 15px;
padding: 8px 35px;
padding-left: 40px;
}
.menu-item-cond > a {
background-size: 23px;
background-position: 10px 55%;
}
.menu-item-vent > a {
background-size: 23px;
background-position: 10px 50%;
}
.menu-item-uslugi > a {
background-size: 25px;
background-position: 10px 50%;
}
.header {
height: 128px;
}
.header-menu.fixed .header-menu__right .tel {
display: none;
}
.header-menu__main ul li .sub-menu li a {
font-size: 14px;
}
.header-menu__main ul li .sub-menu {
width: 260px;
}
.header-menu__main ul li .sub-menu li {
margin-bottom: 5px;
}
.tags__item {
font-size: 14px;
padding: 6px 10px;
}
.tags__item span {
margin-right: 5px;
}
.main__content {
width: 100%;
}
.main__wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 20px;
}
.main h1 {
font-size: 26px;
margin-bottom: 20px;
}
.main__content .btn {
display: none;
}
.main__quote {
position: static;
}
.main__right {
height: auto;
width: 60%;
margin-top: 20px;
}
.main__image {
max-height: 300px;
position: relative;
}
.main__quote {
margin-top: 20px;
width: 100%;
}
.main__right .btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
z-index: 2;
height: 60px;
width: calc(100% - 40px);
border-radius: 10px;
bottom: 20px;
left: 20px;
}
.btn,
.btn2 {
border-radius: 10px;
}
.main .bg {
width: 100%;
height: auto;
}
.main .bg svg {
max-width: 90%;
}
.edge {
margin-top: 60px;
}
.s-title {
font-size: 30px;
}
.edge__wrap {
margin-top: 40px;
}
.edge__slide {
width: 49%;
}
.edge__item {
display: block;
padding: 20px;
margin-bottom: 20px;
border-radius: 10px;
}
.edge__icon {
width: 60px;
height: 60px;
}
.edge__content .title {
margin-top: 20px;
font-size: 16px;
}
.edge__content .text {
font-size: 15px;
margin-top: 20px;
}
.edge__content {
width: 100%;
padding: 0;
margin-top: 20px;
}
.about .bg1 {
display: none;
}
.about .bg2 {
display: none;
}
.about {
padding-top: 0;
padding-bottom: 0;
}
.about__left {
width: 100%;
}
.about__text {
margin-top: 20px;
}
p {
font-size: 15px;
}
.about__count {
margin-top: 40px;
}
.about__item .text {
font-size: 15px;
margin-top: 10px;
}
.about__item {
margin-right: 50px;
}
.about__link {
height: 60px;
width: 240px;
margin-top: 40px;
}
.about {
margin-bottom: 60px;
}
.about__right {
width: 100%;
margin-top: 40px;
padding-bottom: 0;
border-radius: 10px;
}
.about__title {
text-align: left;
}
.about__team {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.about__team img {
width: 90px;
height: auto;
}
.about__box {
width: calc(100% - 90px);
padding-left: 20px;
text-align: left;
}
.about_name {
margin: 0;
font-size: 15px;
}
.line {
margin: 20px 0;
}
.about__team {
width: 100%;
margin-bottom: 35px;
}
.about_pos {
font-size: 15px;
}
.use {
margin-top: 60px;
}
.use__wrap {
margin-top: 40px;
}
.use__image {
width: 130px;
}
.use__count {
font-size: 24px;
margin-top: 20px;
}
.use__title {
font-size: 16px;
margin-top: 10px;
}
.use .btn {
height: 50px;
width: 220px;
}
.use__item::after {
margin-top: 67px;
}
.conlutant {
margin-top: 20px;
}
.conlutant__wrap {
padding-top: 40px;
}
.s-subtitle {
font-size: 15px;
margin-top: 15px;
}
.conlutant__forms {
margin-top: 25px;
}
.inputItem input {
height: 60px;
font-size: 16px;
}
.services__image {
height: 220px;
}
.tabs .tab {
font-size: 16px;
height: 50px;
width: 240px;
}
.controls button {
font-size: 16px;
height: 50px;
width: 240px;
}
.brands {
margin-top: 40px;
margin-bottom: 40px;
}
.brands .slick-dots {
margin-top: 20px;
}
.baner__text {
padding-left: 25px;
}
.baner .bg {
display: none;
}
.baner {
margin: 40px 0;
padding: 0;
}
.contacts__content {
width: 100%;
}
.contacts__map {
width: 100%;
margin-top: 40px;
}
.contacts {
margin-top: 40px;
}
.contacts__wrap {
margin-top: 25px;
}
.maps {
padding: 0;
margin-top: 40px;
}
.maps .bg {
display: none;
}
.maps__wrap {
margin-top: 25px;
border-radius: 10px;
height: 450px;
}
.contact__left {
width: 100%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin-top: 40px;
}
.contact__right {
width: 100%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.contact__title {
font-size: 26px;
}
.about-block__content {
width: 100%;
}
.about-block__image {
margin: 0 auto;
margin-top: 40px;
}
.teams__wrap .about__team {
display: block;
text-align: center;
width: 46%;
margin: 0 2%;
}
.teams__wrap .about__team img {
margin: 0 auto;
margin-bottom: 20px;
}
.teams__wrap .about__team .line {
margin-left: auto;
margin-right: auto;
}
.teams__wrap .about__team .about__box {
text-align: center;
padding: 0;
width: 100%;
}
.certificates__item {
border-radius: 10px;
padding: 20px;
}
.news .services__item {
width: 48%;
}
.servicesPage .btn {
width: 260px;
height: 60px;
}
.servicesPage__content h1 {
font-size: 32px;
}
.servicesPage__bottom {
margin-top: 35px;
}
.servicesPage__list {
width: 100%;
margin-top: 35px;
}
.servicesPage__list ul li {
font-size: 16px;
padding-left: 25px;
}
.servicesPage__list ul li:before {
width: 18px;
height: 18px;
}
.servicesPage__wrap {
border-radius: 10px;
height: auto;
padding-bottom: 50px;
}
.workObject__image {
width: 140px;
height: 140px;
}
.workObject__title {
font-size: 16px;
min-height: 58px;
}
.workObject__text {
font-size: 14px;
margin-top: 20px;
}
.whom__item {
border-radius: 10px;
padding: 12px 20px;
padding-left: 45px;
}
.whom__item p {
font-size: 15px;
}
.whom__item svg {
left: 10px;
width: 17px;
}
.prices__item .text {
font-size: 16px;
}
.prices__item .price {
font-size: 16px;
}
.whom__text {
font-size: 16px;
margin-top: 15px;
}
.seo__image {
width: 100%;
max-width: 400px;
height: 300px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.seo__content {
width: 100%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin-top: 25px;
}
.services__box .services__item {
width: 32%;
margin-bottom: 40px;
}
.use__text {
font-size: 15px;
margin-top: 15px;
}
.lists {
margin-top: 60px;
}
.lists__content {
background-image: none;
background-color: #f8f8f8;
border-radius: 10px;
padding: 30px;
}
.services-prices__wrap{
gap: 16px;
margin-top: 40px;
}
.services-prices__item{
border-radius: 10px;
padding: 20px;
}
.services-prices__button{
width: 240px;
height: 50px;
}
.services-prices{
margin-top: 40px;
padding-bottom: 0;
}
.services-prices__title{
font-size: 18px;
}
.services-prices__price{
font-size: 16px;
}
.services-prices__button{
width: 220px;
height: 45px;
}
}
@media (max-width: 992px) {
h2 {
font-size: 30px;
}
.container {
max-width: 740px;
}
.burger {
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: 50px;
height: 34px;
border-radius: 5px;
border: 1px solid #ac9c6f;
padding-top: 3px;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
margin-right: 20px;
}
.burger svg {
height: auto;
}
.burger svg path {
stroke: #ac9c6f;
}
.burger:hover {
background-color: #ac9c6f;
}
.burger:hover svg path {
stroke: #fff;
}
.logo img {
width: 100px;
margin-top: 5px;
}
.header-top__social {
display: flex;
}
.header-top__social a{
width: 36px;
height: 36px;
}
.header-top .tel {
display: none;
}
.header-menu__last {
display: none;
}
.header-menu {
border-top: none;
padding-top: 0;
}
.header {
height: auto;
}
.header-top {
padding: 8px 0;
}
.header-menu__main ul li {
padding-bottom: 10px;
}
.header-top .btn2 {
height: 34px;
width: 34px;
}
.header-top .btn2 span {
margin: 0;
margin-top: 3px;
}
.header-top .btn2 p {
display: none;
}
.header {
position: fixed;
width: 100%;
top: 0;
left: 0;
}
main {
margin-top: 98px;
}
.header {
border-bottom: 1px solid #363434;
}
.footer__wrap {
display: block;
}
.footer__main {
margin-top: 45px;
}
.footer__item p br {
display: none;
}
.footer__item {
width: 100%;
}
.footer__last {
margin-top: 30px;
}
.footer__main ul li a {
font-size: 20px;
}
.footer__info {
text-align: left;
}
.footer__info .btn2 {
margin-left: 0;
}
.footer__wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer__left {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.footer__left a {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 100%;
text-align: center;
}
.footer__left p {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
width: 100%;
margin-top: 40px;
margin-bottom: 20px;
}
.footer .header-top__social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.footer__bottom {
margin-top: 50px;
}
.main__right {
width: 100%;
}
.main__quote {
border-radius: 10px;
padding: 15px 20px;
}
.main__quote img {
width: 50px;
}
.main__quote p {
font-size: 14px;
}
.main__image {
border-radius: 10px;
}
.conlutant__image {
display: none;
}
..conlutant__image img{
display: none;
}
.conlutant__form {
width: 100%;
margin-top: 40px;
padding-bottom: 40px;
}
.conlutant__form .btn {
height: 60px;
width: 100%;
margin-top: 25px;
}
.conlutant .bg {
width: auto;
height: auto;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.conlutant .bg svg {
height: auto;
width: auto;
max-width: 80%;
}
.conlutant__wrap {
padding-top: 0;
}
.portfolio {
padding-top: 40px;
margin-top: 40px;
padding-bottom: 40px;
}
.portfolio__item {
height: 320px;
}
.portfolio__content p {
font-size: 18px;
}
.portfolio__content .btn {
width: 180px;
height: 60px;
margin-top: 20px;
}
.portfolio__content {
bottom: 30px;
}
.portfolio__item {
border-radius: 10px;
}
.portfolio__wrap {
margin-top: 25px;
}
.arrows {
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;
}
.arrows a {
position: static;
margin: 0 5px !important;
}
.slick-dots {
margin-top: 40px;
}
.slick-dots li {
width: 8px;
height: 8px;
}
.slick-dots .slick-active {
width: 10px;
height: 10px;
}
.services {
padding: 40px 0;
}
.baner__image {
position: static;
width: auto;
max-width: 100%;
}
.baner__text {
position: static;
width: 100%;
padding-top: 25px;
}
.baner__wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: auto;
}
.reviews__wrap {
margin-top: 25px;
padding: 0;
}
.reviews {
margin: 60px 0;
}
.reviews__item {
padding: 20px 25px;
padding-bottom: 40px;
}
.reviews .slick-dots {
margin-top: 20px;
}
.reviews__item .icon {
width: 50px;
height: 50px;
}
.reviews__item .icon img {
width: 20px;
}
.reviews__text {
font-size: 15px;
margin-top: 15px;
}
.reviews__name {
font-size: 15px;
}
.faq {
margin-top: 40px;
}
.faq__wrap {
margin-top: 25px;
}
.faq__head p {
font-size: 16px;
}
.faq__head {
padding: 15px 30px;
padding-right: 20px;
}
.faq__head svg {
width: 25px;
}
.faq__item {
border-radius: 10px;
margin-bottom: 10px;
}
.faq__hidden {
padding: 0 30px;
padding-bottom: 20px;
}
.faq__hidden p {
font-size: 16px;
}
.contacts__content {
border-radius: 10px;
padding: 20px 25px;
}
.contacts__content .title {
font-size: 20px;
}
.contacts .btn {
height: 70px;
}
.contacts__map {
border-radius: 10px;
}
.cards {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 25px;
}
.allPage h1 {
font-size: 40px;
margin-top: 25px;
}
.contact iframe {
height: 400px !important;
}
.contact__wrap {
margin-top: 40px;
}
.contact__right ul li {
font-size: 16px;
}
.contact__right ul li:before {
top: 10px;
}
.contact__title {
margin-bottom: 20px;
}
.about-block blockquote {
background-image: none;
border-radius: 10px;
padding: 25px 20px;
margin: 40px 0;
}
.about-block blockquote p {
font-size: 18px;
color: #000;
}
.about-block__content {
margin-top: 25px;
}
.about-block__content p {
font-size: 15px;
}
.about-block h4,
.about-block h5 {
font-size: 18px;
}
.about-block__image {
width: 300px;
height: 300px;
}
.certificates,
.teams {
margin-top: 40px;
}
.teams__wrap {
margin-top: 25px;
}
.certificates__wrap {
margin-top: 25px;
}
.waranty {
margin-top: 60px;
}
.waranty__head .icon {
width: 50px;
height: 50px;
}
.waranty__head .icon img {
width: 25px;
}
.waranty__head p {
font-size: 22px;
padding-left: 10px;
}
.waranty__main {
margin-top: 20px;
}
.waranty__main p {
font-size: 14px;
}
.waranty__main ul li {
font-size: 15px;
}
.waranty__main ul li:after {
top: 0;
}
.waranty__item {
margin-bottom: 40px;
}
.allPage__text p {
font-size: 15px;
}
.allPage__text {
border-radius: 10px;
margin-top: 20px;
}
.news {
margin-top: 40px;
}
.object__info {
width: 100%;
border-radius: 10px;
margin-top: 20px;
padding: 20px 15px;
padding-bottom: 0;
}
.object__param .title {
font-size: 15px;
}
.object__param .text {
font-size: 15px;
}
.object__items {
border-radius: 10px;
padding: 15px 20px;
}
.object__title {
font-size: 22px;
}
.object__text {
margin-top: 20px;
font-size: 15px;
}
.object__right {
width: 100%;
margin-top: 20px;
padding-left: 0;
}
.object .arrow-prev {
opacity: 1 !important;
}
.object .arrow-next {
opacity: 1 !important;
}
.object__items {
padding-bottom: 25px;
}
.object__item {
border-radius: 10px;
height: 260px;
}
.object {
margin-top: 25px;
}
.object__info {
margin-top: 0;
}
.servicesPage__content {
padding: 0 20px;
}
.servicesPage__content h1 br {
display: none;
}
.servicesPage .crubs {
margin-top: 20px;
}
.workObject__wrap {
-ms-grid-columns: (48%) [2];
grid-template-columns: repeat(2, 48%);
}
.workObject {
margin-top: 40px;
}
.workObject__wrap {
margin-top: 40px;
}
.cards {
-ms-grid-columns: (48%) [2];
grid-template-columns: repeat(2, 48%);
}
.whom .bg {
display: none;
}
.whom__title {
width: 100%;
}
.whom {
margin-top: 60px;
}
.whom__wrap {
margin-top: 0;
}
.whom__list {
width: 100%;
margin-top: 20px;
}
.prices {
margin-top: 60px;
}
.prices__head {
border-radius: 10px 10px 0 0;
padding: 12px 15px;
height: 60px;
}
.prices__head .text {
font-size: 15px;
}
.prices__head .price {
font-size: 15px;
}
.prices__item {
padding: 12px 15px;
}
.prices__item .text {
font-size: 15px;
}
.prices__item .price {
font-size: 15px;
}
.prices__wrap {
margin-top: 20px;
}
.whom .s-title br {
display: none;
}
.seo {
margin-top: 60px;
}
.seo__content p {
margin-bottom: 20px;
font-size: 15px;
}
.seo__content ul {
padding-left: 0;
}
.seo__content ul li {
font-size: 15px;
padding-left: 30px;
}
.seo__content ul li:after {
width: 18px;
top: 4px;
height: 14px;
}
.seo__content ol {
padding-left: 35px;
}
.seo__content ol li {
font-size: 15px;
}
.seo__content ol li:before {
width: 26px;
height: 26px;
line-height: 26px;
font-size: 16px;
left: -35px;
}
.seo__content h2 {
margin-bottom: 25px;
}
.seo .seo-text {
height: 340px;
}
.seo .seoBtn {
font-size: 18px;
}
.services__box .services__item {
width: 48%;
}
.services__box {
margin-top: 25px;
}
.lists__list .title {
font-size: 15px;
}
.lists__list .text {
font-size: 15px;
margin-top: 15px;
}
.lists__list .icon {
top: -4px;
}
.lists__item {
width: 100%;
}
.lists__list {
margin-bottom: 20px;
}
.lists {
margin-top: 20px;
}
.lists__wrap {
margin-top: 30px;
}
.mobileSocial {
display: block;
}
.services-prices__wrap{
display: block;
gap: 0;
}
.mobileMenu .header-top__social{
display: flex;
margin-top: 20px;
}
}
@media (max-width: 770px) {
.container {
max-width: 560px;
}
.header-menu__main {
width: 100%;
}
.header-menu__left {
width: 100%;
}
.s-title {
font-size: 24px;
}
.use {
margin-top: 40px;
}
.use__item {
width: 220px;
}
.use__item::after {
margin-right: -80px;
}
.portfolio__item {
height: 240px;
}
.services__image {
border-radius: 10px;
}
.brands__wrap {
margin-top: 25px;
}
.contacts__item .icon {
width: 40px;
height: 40px;
}
.contacts__item .tel {
font-size: 16px;
}
.contacts__item p {
font-size: 15px;
}
.contacts__item .mail {
font-size: 16px;
}
.contacts__item {
margin-top: 10px;
}
.contacts__map {
height: 400px;
}
.modalWindowClose {
right: 0;
top: -50px;
}
.modalWindow {
border-radius: 10px;
padding: 25px 20px;
}
.form-title {
font-size: 24px;
}
.form-subtitle {
margin-top: 15px;
font-size: 16px;
}
.formsModal .inputItem input {
height: 60px;
}
.formsModal .btn {
height: 60px;
margin-top: 15px;
}
.allPage h1 {
font-size: 36px;
}
.certificates__item {
height: 320px;
}
.page-not-fond h1 {
font-size: 120px;
}
.page-not-fond h2 {
font-size: 18px;
}
.page-not-fond p {
font-size: 16px;
}
.page-not-fond {
margin-top: 60px;
}
.contacts__social {
margin-left: 57px;
}
}
@media (max-width: 600px) {
.main h1 {
font-size: 20px;
}
.main__image {
max-height: 280px;
}
.edge__item {
width: 100%;
margin-bottom: 10px;
}
.edge__wrap {
margin-top: 25px;
}
.edge {
margin-top: 40px;
}
.main__wrap {
padding-bottom: 45px;
}
.about__item {
width: 100%;
margin-top: 20px;
}
.about__count {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 10px;
}
.about__right {
padding: 20px;
padding-bottom: 0;
}
.about__title {
font-size: 20px;
}
.about__teams {
margin-top: 30px;
}
.footer {
padding-top: 30px;
}
.use__item::after {
display: none;
}
.use__item {
width: 48%;
}
.portfolio__item {
width: 100%;
margin-bottom: 10px;
}
.services__wrap {
margin-top: 20px;
}
.tabs {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.tabs .tab {
width: 100%;
height: 44px;
font-size: 15px;
margin-bottom: 7px;
}
.tabs .tab:after {
display: none;
}
.controls {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 25px;
}
.controls button {
width: 100%;
height: 44px;
font-size: 15px;
margin-bottom: 7px;
}
.controls button:after {
display: none;
}
.services__content {
margin-top: 10px;
}
.services__image {
height: 220px;
}
.services__item .title {
font-size: 17px;
margin-top: 18px;
}
.services__item .text {
font-size: 15px;
}
.services__item .btn {
width: 180px;
}
.use .btn {
max-width: 100%;
}
.baner__text .title {
font-size: 30px;
}
.baner__text .text {
font-size: 15px;
margin-top: 25px;
}
.services__sliders {
margin: 0;
}
.faq__head {
padding: 12px 20px;
}
.faq__hidden {
padding: 0 20px;
padding-bottom: 20px;
}
.maps__wrap {
height: 400px;
}
.maps {
margin-bottom: 40px;
}
.main__quote p {
width: calc(100% - 50px);
padding-left: 20px;
}
.main__quote {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.main__quote img {
margin-top: 5px;
}
.tags__item {
padding: 5px 11px;
}
.tags__item p {
font-size: 14px;
}
.about__link {
width: 100%;
}
.btn {
font-size: 16px;
}
.header-top .btn2 {
border-radius: 5px;
}
.formsModal .inputItem input {
border-radius: 10px;
}
.footer__left p {
margin-right: 0;
}
.baner__bg {
border-radius: 10px;
}
.brands__slider {
margin: 0;
margin-top: 50px;
}
.header-menu__main ul li a {
-webkit-transition: none;
transition: none;
}
.header-menu__main ul li .sub-menu {
display: none !important;
border-radius: 10px;
}
.header-menu__main ul {
overflow-x: scroll;
}
.header-menu__main ul li .sub-menu.active {
display: block !important;
position: fixed;
top: 100px;
width: calc(100% - 30px);
left: 15px;
}
.slick-dots {
margin-top: 30px;
}
.services__item .text {
height: auto;
}
.services__item .title {
height: auto;
}
.cards .services__image {
height: 180px;
}
.allPage h1 {
font-size: 30px;
}
#breadcrumbs {
margin-top: 20px;
}
.allPage {
margin-bottom: 40px;
}
.news .services__item {
width: 100%;
}
.news .services__item .title {
height: auto;
}
.news .services__item .text {
height: auto;
}
.object__item {
height: 200px;
}
.servicesPage .btn {
width: 100%;
}
.servicesPage__list ul li {
font-size: 15px;
}
.servicesPage__list ul li:before {
top: 0;
}
.workObject__wrap {
margin-top: 50px;
}
.whom {
margin-top: 40px;
}
.whom__item {
margin-bottom: 3px;
margin-right: 3px;
}
.whom__text {
font-size: 14px;
margin-top: 10px;
}
.seo__image {
border-radius: 10px;
width: 100%;
max-width: 100%;
height: 240px;
}
.seo__content h2,
.seo__content h3 {
font-size: 24px;
}
.services__box .services__item {
width: 49%;
}
.lists__content {
padding: 20px 15px;
}
.s-title br {
display: none;
}
.crubs {
margin-top: 15px;
}
.crubs a,
.crubs p {
font-size: 12px;
}
.reviews__text {
min-height: 0;
}
.reviews__stars {
margin-top: 30px;
}
.reviews__text {
margin-top: 30px;
}
.reviews__item {
border-radius: 10px;
padding: 20px;
padding-bottom: 30px;
}
.inputItem input {
padding: 0 20px;
}
.services__item .title {
min-height: 62px;
}
.services__item .text {
min-height: 112px;
margin-top: 15px;
}
#CookiesAlert .content p {
font-size: 12px;
width: 100%;
}
#CookiesAlert .content p br {
display: none;
}
#CookiesAlert .content .btn {
margin-top: 10px;
}
.form__text p {
font-size: 12px;
}
.formsModal .form__text {
margin-top: 10px;
}
.services-prices__wrap{
margin-top: 20px;
}
.services-prices .slick-dots{
margin-top: 25px;
}
.services-prices .slick-list{
display: grid;
}
.edge__item{
margin-bottom: 0;
height: 100%;
}
.edge .slick-dots{
margin-top: 25px;
}
.edge .slick-list{
display: grid;
}
.services-prices__title{
font-size: 16px;
}
.services-prices__price{
font-size: 15px;
}
.services-prices{
margin-top: 60px;
}
.header  .header-top__social p{
display: none;
}
.header  .header-top__social a{
width: 34px;
height: 34px;
}
.burger{
margin-right: 10px;
}
}
.servicesPage__content .style-title {
color: #fff;
font-family: Vent;
font-size: 60px;
font-weight: 700;
line-height: 1.2em;
letter-spacing: -1px;
}
@media (max-width: 1630px) {
.servicesPage__content .style-title {
font-size: 50px;
}
}
@media (max-width: 1440px) {
.servicesPage__content .style-title {
font-size: 40px;
}
}
@media (max-width: 1200px) {
.servicesPage__content .style-title {
font-size: 32px;
}
}html,
body {
overflow-x: hidden;
max-width: 100%;
} .newsPage__text>div,
.newsPage__content>div {
max-width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.newsPage__text table,
.newsPage__content table,
.allPage table {
max-width: 100%;
width: 100%;
} .newsPage__text img,
.newsPage__content img,
.allPage .newsPage__text img {
max-width: 100%;
height: auto;
} .newsPage__text,
.newsPage__content,
.allPage .newsPage__text {
word-wrap: break-word;
overflow-wrap: break-word;
}
@media (max-width: 767.98px) {
.allPage .container {
max-width: 100%;
overflow-x: hidden;
}
}
.visuallyhidden:not(:focus):not(:active) {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
border: 0;
padding: 0;
white-space: nowrap;
clip-path: inset(100%);
clip: rect(0 0 0 0);
overflow: hidden;
}   .seo .seo-text.all_text {
height: unset;
}
.faq__wrap {
ul {
list-style: disc;
margin: 15px 0 15px 1em !important;
padding-left: 1em !important;
li {
list-style-type: disc;
font-size: 1.25rem;
margin-bottom: 5px;
color: #524b4b;
line-height: 1.4;
}
@media(max-width:767.98px) {
margin: 10px 0;
li {
list-style-type: disc;
font-size: 1rem;
margin-bottom: 2px;
color: #524b4b;
line-height: 1.1;
}
}
}
ol {
margin: 15px 0 15px 1em !important;
padding-left: 1em !important;
li {
font-size: 1.25rem;
margin-bottom: 5px;
color: #524b4b;
line-height: 1.4;
}
@media(max-width:767.98px) {
margin: 10px 0;
li {
font-size: 1rem;
margin-bottom: 2px;
color: #524b4b;
line-height: 1.1;
}
}
}
}
.workObject__title {
a {
color: #000;
}
}
.new_single_portfolio-item {
a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
}
} .quiz-wrapper {
width: 100%;
max-width: 100%;
margin: 70px 0;
padding: 0;
}
.quiz-card {
background: #ffffff;
border-radius: 8px;
padding: 40px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
transition: transform 0.3s ease, box-shadow 0.3s ease;
width: 100%;
}
.quiz-card:hover {
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.quiz-header {
text-align: center;
margin-bottom: 30px;
}
.quiz-main-title {
font-size: 56px;
font-weight: 700;
color: #000000;
margin-bottom: 15px;
line-height: 1.1em;
letter-spacing: -0.02em;
font-family: Jeko_Bold, sans-serif;
}
.quiz-subtitle {
font-size: 18px;
color: rgba(26, 41, 67, 0.6);
margin-bottom: 15px;
line-height: 1.5;
font-weight: 500;
}
.quiz-badge {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 16px;
background: rgba(172, 156, 111, 0.1);
border-radius: 20px;
font-size: 16px;
color: #1a2943;
font-weight: 500;
}
.quiz-badge-dot {
width: 8px;
height: 8px;
background: #AC9C6F;
border-radius: 50%;
display: inline-block;
}
.quiz-progress {
margin-bottom: 40px;
}
.quiz-progress-bar {
width: 100%;
height: 6px;
background: rgba(26, 41, 67, 0.1);
border-radius: 3px;
overflow: hidden;
margin-bottom: 12px;
}
.quiz-progress-fill {
height: 100%;
background: #AC9C6F;
border-radius: 3px;
transition: width 0.3s ease;
width: 14.28%;
}
.quiz-progress-info {
display: flex;
justify-content: space-between;
font-size: 16px;
color: rgba(26, 41, 67, 0.6);
font-weight: 500;
}
.quiz-step-info {
font-weight: 500;
color: #1a2943;
}
.quiz-time {
color: rgba(26, 41, 67, 0.6);
}
.formsQuiz {
min-height: 400px;
}
.formsQuiz__item {
display: none !important;
}
.formsQuiz__item.active {
display: block !important;
}
.formsQuiz__head {
margin-bottom: 30px;
}
.formsQuiz__title {
font-size: 28px;
font-weight: 700;
color: #1a2943;
margin-bottom: 10px;
line-height: 1.3;
letter-spacing: -0.02em;
}
.formsQuiz__subtitle {
font-size: 18px;
color: rgba(26, 41, 67, 0.6);
margin-top: 8px;
font-weight: 500;
}
.formsQuiz__flags {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 12px;
margin-bottom: 40px;
}
.formsQuiz__flag {
position: relative;
background: #ffffff;
border: 2px solid rgba(26, 41, 67, 0.2);
border-radius: 8px;
padding: 16px 20px;
cursor: pointer;
transition: all 0.3s ease;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
min-height: 60px;
}
.formsQuiz__flag:hover {
border-color: #AC9C6F;
background: rgba(172, 156, 111, 0.05);
transform: translateY(-2px);
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.formsQuiz__flag input {
position: absolute;
opacity: 0;
visibility: hidden;
}
.formsQuiz__flag p {
margin: 0;
font-size: 18px;
color: #1a2943;
font-weight: 500;
transition: color 0.3s ease;
}
.formsQuiz__flag:hover p {
color: #AC9C6F;
} .formsQuiz__flag:has(input[type="radio"]:checked),
.formsQuiz__flag:has(input[type="checkbox"]:checked) {
border-color: #AC9C6F;
background: rgba(172, 156, 111, 0.05);
box-shadow: 0 0 0 3px rgba(172, 156, 111, 0.1);
}
.formsQuiz__flag:has(input[type="radio"]:checked) p,
.formsQuiz__flag:has(input[type="checkbox"]:checked) p {
color: #AC9C6F;
font-weight: 600;
}
.formsQuiz__flag:has(input[type="radio"]:checked)::after,
.formsQuiz__flag:has(input[type="checkbox"]:checked)::after {
content: '✓';
position: absolute;
top: 8px;
right: 12px;
width: 24px;
height: 24px;
background: #AC9C6F;
color: #ffffff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-weight: bold;
}
.formsQuiz__flag:has(input[type="checkbox"]:checked)::after {
border-radius: 8px;
} .formsQuiz__flag input[type="radio"]:checked~p,
.formsQuiz__flag input[type="checkbox"]:checked~p {
color: #AC9C6F;
font-weight: 600;
} .formsQuiz__btn {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 40px;
padding-top: 30px;
border-top: 1px solid rgba(26, 41, 67, 0.2);
}
.formsQuiz-back,
.formsQuiz-next {
padding: 14px 32px;
border-radius: 6px;
font-size: 18px;
font-weight: 500;
cursor: pointer;
transition: all 0.3s ease;
border: none;
display: flex;
align-items: center;
justify-content: center;
letter-spacing: -0.005em;
height: 52px;
line-height: 52px;
}
.formsQuiz-back {
background: rgba(26, 41, 67, 0.1);
color: #1a2943;
}
.formsQuiz-back:hover {
background: rgba(26, 41, 67, 0.2);
opacity: 1;
}
.formsQuiz-next {
background: #AC9C6F !important;
color: #ffffff !important;
margin-left: auto;
border: none;
}
.formsQuiz-next:hover {
opacity: 0.8;
background: #AC9C6F !important;
}  .prices-info-section {
padding: 70px 0;
background-color: #f8f8f8;
}
.prices-info-wrapper {
width: 100%;
max-width: 100%;
margin: 0 auto;
}
.prices-info-wrapper .s-title {
margin-bottom: 30px;
text-align: center;
}
.prices-info-description {
font-size: 20px;
color: rgba(26, 41, 67, 0.8);
line-height: 1.6;
text-align: center;
margin-bottom: 40px;
width: 100%;
}
.prices-info-subtitle {
font-size: 28px;
font-weight: 700;
color: #1a2943;
margin-bottom: 30px;
text-align: center;
letter-spacing: -0.02em;
}
.prices-info-list {
display: flex;
flex-direction: column;
gap: 20px;
margin-bottom: 40px;
width: 100%;
}
.prices-info-item {
background: #ffffff;
border-radius: 8px;
padding: 30px 40px;
display: flex;
justify-content: space-between;
align-items: center;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.prices-info-item:hover {
transform: translateY(-2px);
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.prices-info-service {
font-size: 20px;
color: #1a2943;
font-weight: 500;
flex: 1;
padding-right: 30px;
}
.prices-info-price {
font-size: 24px;
color: #AC9C6F;
font-weight: 700;
white-space: nowrap;
}
.prices-info-note {
font-size: 18px;
color: rgba(26, 41, 67, 0.6);
line-height: 1.6;
text-align: center;
width: 100%;
font-weight: 500;
} @media (max-width: 768px) {
.quiz-card {
padding: 30px 20px;
}
.quiz-main-title {
font-size: 26px;
letter-spacing: normal;
}
.formsQuiz__flags {
grid-template-columns: 1fr;
}
.formsQuiz__btn {
flex-direction: column;
gap: 12px;
}
.formsQuiz-next {
width: 100%;
margin-left: 0;
}
.formsQuiz-back {
width: 100%;
}
.prices-info-section {
padding: 50px 0;
}
.prices-info-description {
font-size: 18px;
}
.prices-info-subtitle {
font-size: 24px;
}
.prices-info-item {
flex-direction: column;
align-items: flex-start;
gap: 15px;
padding: 25px 20px;
}
.prices-info-service {
padding-right: 0;
font-size: 18px;
}
.prices-info-price {
font-size: 20px;
}
.prices-info-note {
font-size: 16px;
}
} .portfolio__item--case {
position: relative;
min-height: 400px;
display: flex;
align-items: flex-end;
padding: 20px;
border-radius: 8px;
overflow: hidden;
}
.portfolio__item--case::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0) 100%);
z-index: 1;
}
.portfolio__item--case .portfolio__content {
position: relative;
z-index: 2;
color: #ffffff;
width: 100%;
}
.portfolio__case-title {
font-size: 26px;
font-weight: 700;
margin-top: 25px;
margin-bottom: 10px;
color: #ffffff;
line-height: 1.2em;
letter-spacing: -1px;
}
.portfolio__case-info {
display: flex;
flex-direction: column;
gap: 6px;
}
.portfolio__case-field {
font-size: 22px;
line-height: 1.0em !important;
margin: 0;
color: #ffffff;
}
.portfolio__case-label {
font-size: 22px;
font-weight: 700;
display: inline;
}
.portfolio__case-value {
font-size: 22px;
font-weight: 400;
display: inline;
line-height: 1.0em !important;
}
@media (max-width: 768px) {
.portfolio__case-title {
font-size: 16px;
}
.portfolio__case-field,
.portfolio__case-label,
.portfolio__case-value {
font-size: 14px;
}
} .seo-text.seo-compact {
position: relative;
max-height: 500px;
overflow: hidden;
transition: max-height 0.5s ease;
}
.seo-text.seo-compact .seo-text-hidden {
display: block;
visibility: visible;
opacity: 1;
}
.seo-text.all_text {
max-height: none !important;
overflow: visible;
}
.seo-text.all_text .seo-text-hidden {
display: block;
visibility: visible;
opacity: 1;
}
.seoBtn {
display: inline-block;
color: #ac9c6f;
font-size: 24px;
border-bottom: 1px solid #ac9c6f;
cursor: pointer;
margin-top: 20px;
transition: color 0.3s ease;
}
.seoBtn:hover {
color: #8b804a;
}
.seoBtn.active {
display: none;
} .seo__content {
width: 100% !important;
max-width: 100% !important;
}
.seo__content h3 {
font-size: 30px;
font-weight: 700;
line-height: 1.2em;
letter-spacing: -1px;
margin-top: 40px;
margin-bottom: 20px;
color: #000;
}
.seo__content h3:first-of-type {
margin-top: 0;
}
.seo__content p {
font-size: 22px;
line-height: 1.5em;
color: #524b4b;
margin-bottom: 20px;
} .b2b-form-section {
margin-top: 120px;
padding: 80px 0;
background-color: #f9f9f9;
}
.b2b-form-wrapper {
max-width: 1200px;
margin: 60px auto 0;
}
.b2b-form {
background-color: #fff;
border-radius: 20px;
padding: 50px 40px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
.b2b-form__row {
display: flex;
gap: 20px;
margin-bottom: 20px;
flex-wrap: wrap;
}
.b2b-form__col {
flex: 1;
min-width: 280px;
}
.b2b-form__col--full {
flex: 1 1 100%;
}
.b2b-form .inputItem {
width: 100%;
margin-bottom: 0;
}
.b2b-form .inputItem input,
.b2b-form .inputItem select,
.b2b-form .inputItem textarea {
width: 100%;
height: 80px;
border: 1px solid #e3e0d6;
border-radius: 14px;
background-color: #fff;
outline: 0;
transition: 0.3s;
font-size: 22px;
color: #000;
padding: 0 30px;
font-family: Vent, sans-serif;
}
.b2b-form .inputItem select {
cursor: pointer;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23524b4b' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 30px center;
background-size: 12px;
padding-right: 60px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.b2b-form .inputItem textarea {
height: auto;
padding: 20px 30px;
resize: vertical;
min-height: 120px;
line-height: 1.5em;
}
.b2b-form .inputItem input:focus,
.b2b-form .inputItem select:focus,
.b2b-form .inputItem textarea:focus {
border-color: #a99d64;
}
.b2b-form .inputItem input::placeholder,
.b2b-form .inputItem textarea::placeholder {
color: #999;
}
.b2b-form .form__text {
margin-top: 30px;
margin-bottom: 30px;
}
.b2b-form .btn {
width: 100%;
height: 90px;
font-size: 22px;
font-weight: 500;
margin-top: 0;
}
@media (max-width: 768px) {
.b2b-form-section {
margin-top: 60px;
padding: 40px 0;
}
.b2b-form {
padding: 30px 20px;
border-radius: 10px;
}
.b2b-form__row {
flex-direction: column;
gap: 0;
margin-bottom: 0;
}
.b2b-form__col {
min-width: 100%;
margin-bottom: 20px;
}
.b2b-form .inputItem input,
.b2b-form .inputItem select,
.b2b-form .inputItem textarea {
height: 60px;
font-size: 18px;
padding: 0 20px;
}
.b2b-form .inputItem select {
background-position: right 20px center;
padding-right: 50px;
}
.b2b-form .inputItem textarea {
padding: 15px 20px;
min-height: 100px;
}
.b2b-form .btn {
height: 70px;
font-size: 18px;
}
} html,
body {
overflow-x: hidden;
max-width: 100%;
} .newsPage__text>div,
.newsPage__content>div {
max-width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.newsPage__text table,
.newsPage__content table,
.allPage table {
max-width: 100%;
width: 100%;
} .newsPage__text img,
.newsPage__content img,
.allPage .newsPage__text img {
max-width: 100%;
height: auto;
} .newsPage__text,
.newsPage__content,
.allPage .newsPage__text {
word-wrap: break-word;
overflow-wrap: break-word;
}
@media (max-width: 767.98px) {
.allPage .container {
max-width: 100%;
overflow-x: hidden;
}
}
.visuallyhidden:not(:focus):not(:active) {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
border: 0;
padding: 0;
white-space: nowrap;
clip-path: inset(100%);
clip: rect(0 0 0 0);
overflow: hidden;
} #show-more,
.spoilered {
display: none;
}
#show-more:checked~.spoilered {
display: block;
}
#hide-show {
cursor: pointer;
display: inline-block;
color: #ac9c6f;
font-size: 24px;
border-bottom: 1px solid #ac9c6f;
}
#hide-show:hover {
color: #8b804a;
}
#hide-show::before {
content: "Читать далее...";
}
#show-more:checked~#hide-show::before {
content: "Скрыть...";
}
.spoilered ul {
clear: both;
} .seo .seo-text.all_text {
height: unset;
}
.faq__wrap {
ul {
list-style: disc;
margin: 15px 0 15px 1em !important;
padding-left: 1em !important;
li {
list-style-type: disc;
font-size: 1.25rem;
margin-bottom: 5px;
color: #524b4b;
line-height: 1.4;
}
@media(max-width:767.98px) {
margin: 10px 0;
li {
list-style-type: disc;
font-size: 1rem;
margin-bottom: 2px;
color: #524b4b;
line-height: 1.1;
}
}
}
ol {
margin: 15px 0 15px 1em !important;
padding-left: 1em !important;
li {
font-size: 1.25rem;
margin-bottom: 5px;
color: #524b4b;
line-height: 1.4;
}
@media(max-width:767.98px) {
margin: 10px 0;
li {
font-size: 1rem;
margin-bottom: 2px;
color: #524b4b;
line-height: 1.1;
}
}
}
}
.workObject__title {
a {
color: #000;
}
}
.new_single_portfolio-item {
a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
}
} .quiz-wrapper {
width: 100%;
max-width: 100%;
margin: 70px 0;
padding: 0;
}
.quiz-card {
background: #ffffff;
border-radius: 8px;
padding: 40px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
transition: transform 0.3s ease, box-shadow 0.3s ease;
width: 100%;
}
.quiz-card:hover {
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.quiz-header {
text-align: center;
margin-bottom: 30px;
}
.quiz-main-title {
font-size: 56px;
font-weight: 700;
color: #000000;
margin-bottom: 15px;
line-height: 1.1em;
letter-spacing: -0.02em;
font-family: Jeko_Bold, sans-serif;
}
.quiz-subtitle {
font-size: 18px;
color: rgba(26, 41, 67, 0.6);
margin-bottom: 15px;
line-height: 1.5;
font-weight: 500;
}
.quiz-badge {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 16px;
background: rgba(172, 156, 111, 0.1);
border-radius: 20px;
font-size: 16px;
color: #1a2943;
font-weight: 500;
}
.quiz-badge-dot {
width: 8px;
height: 8px;
background: #AC9C6F;
border-radius: 50%;
display: inline-block;
}
.quiz-progress {
margin-bottom: 40px;
}
.quiz-progress-bar {
width: 100%;
height: 6px;
background: rgba(26, 41, 67, 0.1);
border-radius: 3px;
overflow: hidden;
margin-bottom: 12px;
}
.quiz-progress-fill {
height: 100%;
background: #AC9C6F;
border-radius: 3px;
transition: width 0.3s ease;
width: 14.28%;
}
.quiz-progress-info {
display: flex;
justify-content: space-between;
font-size: 16px;
color: rgba(26, 41, 67, 0.6);
font-weight: 500;
}
.quiz-step-info {
font-weight: 500;
color: #1a2943;
}
.quiz-time {
color: rgba(26, 41, 67, 0.6);
}
.formsQuiz {
min-height: 400px;
}
.formsQuiz__item {
display: none !important;
}
.formsQuiz__item.active {
display: block !important;
}
.formsQuiz__head {
margin-bottom: 30px;
}
.formsQuiz__title {
font-size: 28px;
font-weight: 700;
color: #1a2943;
margin-bottom: 10px;
line-height: 1.3;
letter-spacing: -0.02em;
}
.formsQuiz__subtitle {
font-size: 18px;
color: rgba(26, 41, 67, 0.6);
margin-top: 8px;
font-weight: 500;
}
.formsQuiz__flags {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 12px;
margin-bottom: 40px;
}
.formsQuiz__flag {
position: relative;
background: #ffffff;
border: 1px solid rgba(26, 41, 67, 0.2);
border-radius: 8px;
padding: 16px 20px;
cursor: pointer;
transition: all 0.3s ease;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
min-height: 60px;
}
[data-step="1"] .formsQuiz__flags .formsQuiz__flag:first-child {
background: linear-gradient(185deg, rgb(135 104 17 / 31%) 10% 20%, rgb(255 251 240) 100%);
;
border-color: #AC9C6F;
box-shadow: 0 5px 15px rgba(172, 156, 111, 0.4);
color: #000000;
z-index: 2;
}
[data-step="1"] .formsQuiz__flags .formsQuiz__flag:first-child p {
color: #1a2943;
font-weight: 400;
}
[data-step="1"] .formsQuiz__flags .formsQuiz__flag:first-child input[type="radio"]:checked~p {
color: #1a2943;
font-weight: 600;
}
.formsQuiz__flag:hover {
border-color: #AC9C6F;
background: rgba(172, 156, 111, 0.05);
transform: translateY(-2px);
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.formsQuiz__flag input {
position: absolute;
opacity: 0;
visibility: hidden;
}
.formsQuiz__flag p {
margin: 0;
font-size: 18px;
color: #1a2943;
font-weight: 500;
transition: color 0.3s ease;
}
.formsQuiz__flag:hover p {
color: #AC9C6F;
} .formsQuiz__flag:has(input[type="radio"]:checked),
.formsQuiz__flag:has(input[type="checkbox"]:checked) {
border-color: #AC9C6F;
background: rgba(172, 156, 111, 0.05);
box-shadow: 0 0 0 3px rgba(172, 156, 111, 0.1);
border: 2px solid #AC9C6F;
}
.formsQuiz__flag:has(input[type="radio"]:checked) p,
.formsQuiz__flag:has(input[type="checkbox"]:checked) p {
color: #AC9C6F;
font-weight: 600;
}
.formsQuiz__flag:has(input[type="radio"]:checked)::after,
.formsQuiz__flag:has(input[type="checkbox"]:checked)::after {
content: '✓';
position: absolute;
top: 8px;
right: 12px;
width: 24px;
height: 24px;
background: #AC9C6F;
color: #ffffff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-weight: bold;
}
.formsQuiz__flag:has(input[type="checkbox"]:checked)::after {
border-radius: 8px;
} .formsQuiz__flag input[type="radio"]:checked~p,
.formsQuiz__flag input[type="checkbox"]:checked~p {
color: #AC9C6F;
font-weight: 600;
} .formsQuiz__btn {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 40px;
padding-top: 30px;
border-top: 1px solid rgba(26, 41, 67, 0.2);
}
.formsQuiz-back,
.formsQuiz-next {
padding: 14px 32px;
border-radius: 6px;
font-size: 18px;
font-weight: 500;
cursor: pointer;
transition: all 0.3s ease;
border: none;
display: flex;
align-items: center;
justify-content: center;
letter-spacing: -0.005em;
height: 52px;
line-height: 52px;
}
.formsQuiz-back {
background: rgba(26, 41, 67, 0.1);
color: #1a2943;
}
.formsQuiz-back:hover {
background: rgba(26, 41, 67, 0.2);
opacity: 1;
}
.formsQuiz-next {
background: #AC9C6F !important;
color: #ffffff !important;
margin-left: auto;
border: none;
}
.formsQuiz-next:hover {
opacity: 0.8;
background: #AC9C6F !important;
}  .prices-info-section {
padding: 70px 0;
background-color: #f8f8f8;
}
.prices-info-wrapper {
width: 100%;
max-width: 100%;
margin: 0 auto;
}
.prices-info-wrapper .s-title {
margin-bottom: 30px;
text-align: center;
}
.prices-info-description {
font-size: 20px;
color: rgba(26, 41, 67, 0.8);
line-height: 1.6;
text-align: center;
margin-bottom: 40px;
width: 100%;
}
.prices-info-subtitle {
font-size: 28px;
font-weight: 700;
color: #1a2943;
margin-bottom: 30px;
text-align: center;
letter-spacing: -0.02em;
}
.prices-info-list {
display: flex;
flex-direction: column;
gap: 20px;
margin-bottom: 40px;
width: 100%;
}
.prices-info-item {
background: #ffffff;
border-radius: 8px;
padding: 30px 40px;
display: flex;
justify-content: space-between;
align-items: center;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.prices-info-item:hover {
transform: translateY(-2px);
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.prices-info-service {
font-size: 20px;
color: #1a2943;
font-weight: 500;
flex: 1;
padding-right: 30px;
}
.prices-info-price {
font-size: 24px;
color: #AC9C6F;
font-weight: 700;
white-space: nowrap;
}
.prices-info-note {
font-size: 18px;
color: rgba(26, 41, 67, 0.6);
line-height: 1.6;
text-align: center;
width: 100%;
font-weight: 500;
} @media (max-width: 768px) {
.quiz-card {
padding: 30px 20px;
}
.quiz-main-title {
font-size: 26px;
letter-spacing: normal;
}
.formsQuiz__flags {
grid-template-columns: 1fr;
}
.formsQuiz__btn {
flex-direction: column;
gap: 12px;
}
.formsQuiz-next {
width: 100%;
margin-left: 0;
}
.formsQuiz-back {
width: 100%;
}
.prices-info-section {
padding: 50px 0;
}
.prices-info-description {
font-size: 18px;
}
.prices-info-subtitle {
font-size: 24px;
}
.prices-info-item {
flex-direction: column;
align-items: flex-start;
gap: 15px;
padding: 25px 20px;
}
.prices-info-service {
padding-right: 0;
font-size: 18px;
}
.prices-info-price {
font-size: 20px;
}
.prices-info-note {
font-size: 16px;
}
} .portfolio__item--case {
position: relative;
min-height: 400px;
display: flex;
align-items: flex-end;
padding: 20px;
border-radius: 8px;
overflow: hidden;
}
.portfolio__item--case::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0) 100%);
z-index: 1;
}
.portfolio__item--case .portfolio__content {
position: relative;
z-index: 2;
color: #ffffff;
width: 100%;
}
.portfolio__case-title {
font-size: 26px;
font-weight: 700;
margin-top: 25px;
margin-bottom: 10px;
color: #ffffff;
line-height: 1.2em;
letter-spacing: -1px;
}
.portfolio__case-info {
display: flex;
flex-direction: column;
gap: 6px;
}
.portfolio__case-field {
font-size: 22px;
line-height: 1.0em !important;
margin: 0;
color: #ffffff;
}
.portfolio__case-label {
font-size: 22px;
font-weight: 700;
display: inline;
}
.portfolio__case-value {
font-size: 22px;
font-weight: 400;
display: inline;
line-height: 1.0em !important;
}
@media (max-width: 768px) {
.portfolio__case-title {
font-size: 16px;
}
.portfolio__case-field,
.portfolio__case-label,
.portfolio__case-value {
font-size: 14px;
}
} .seo-text.seo-compact {
position: relative;
max-height: 500px;
overflow: hidden;
transition: max-height 0.5s ease;
}
.seo-text.seo-compact .seo-text-hidden {
display: block;
visibility: visible;
opacity: 1;
}
.seo-text.all_text {
max-height: none !important;
overflow: visible;
}
.seo-text.all_text .seo-text-hidden {
display: block;
visibility: visible;
opacity: 1;
}
.seoBtn {
display: inline-block;
color: #ac9c6f;
font-size: 24px;
border-bottom: 1px solid #ac9c6f;
cursor: pointer;
margin-top: 20px;
transition: color 0.3s ease;
}
.seoBtn:hover {
color: #8b804a;
}
.seoBtn.active {
display: none;
} .seo__content {
width: 100% !important;
max-width: 100% !important;
}
.seo__content h3 {
font-size: 30px;
font-weight: 700;
line-height: 1.2em;
letter-spacing: -1px;
margin-top: 40px;
margin-bottom: 20px;
color: #000;
}
.seo__content h3:first-of-type {
margin-top: 0;
}
.seo__content p {
font-size: 22px;
line-height: 1.5em;
color: #524b4b;
margin-bottom: 20px;
} .b2b-form-section {
margin-top: 120px;
padding: 80px 0;
background-color: #f9f9f9;
}
.b2b-form-wrapper {
max-width: 1200px;
margin: 60px auto 0;
}
.b2b-form {
background-color: #fff;
border-radius: 20px;
padding: 50px 40px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
.b2b-form__row {
display: flex;
gap: 20px;
margin-bottom: 20px;
flex-wrap: wrap;
}
.b2b-form__col {
flex: 1;
min-width: 280px;
}
.b2b-form__col--full {
flex: 1 1 100%;
}
.b2b-form .inputItem {
width: 100%;
margin-bottom: 0;
}
.b2b-form .inputItem input,
.b2b-form .inputItem select,
.b2b-form .inputItem textarea {
width: 100%;
height: 80px;
border: 1px solid #e3e0d6;
border-radius: 14px;
background-color: #fff;
outline: 0;
transition: 0.3s;
font-size: 22px;
color: #000;
padding: 0 30px;
font-family: Vent, sans-serif;
}
.b2b-form .inputItem select {
cursor: pointer;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23524b4b' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 30px center;
background-size: 12px;
padding-right: 60px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.b2b-form .inputItem textarea {
height: auto;
padding: 20px 30px;
resize: vertical;
min-height: 120px;
line-height: 1.5em;
}
.b2b-form .inputItem input:focus,
.b2b-form .inputItem select:focus,
.b2b-form .inputItem textarea:focus {
border-color: #a99d64;
}
.b2b-form .inputItem input::placeholder,
.b2b-form .inputItem textarea::placeholder {
color: #999;
}
.b2b-form .form__text {
margin-top: 30px;
margin-bottom: 30px;
}
.b2b-form .btn {
width: 100%;
height: 90px;
font-size: 22px;
font-weight: 500;
margin-top: 0;
}
@media (max-width: 768px) {
.b2b-form-section {
margin-top: 60px;
padding: 40px 0;
}
.b2b-form {
padding: 30px 20px;
border-radius: 10px;
}
.b2b-form__row {
flex-direction: column;
gap: 0;
margin-bottom: 0;
}
.b2b-form__col {
min-width: 100%;
margin-bottom: 20px;
}
.b2b-form .inputItem input,
.b2b-form .inputItem select,
.b2b-form .inputItem textarea {
height: 60px;
font-size: 18px;
padding: 0 20px;
}
.b2b-form .inputItem select {
background-position: right 20px center;
padding-right: 50px;
}
.b2b-form .inputItem textarea {
padding: 15px 20px;
min-height: 100px;
}
.b2b-form .btn {
height: 70px;
font-size: 18px;
}
}
.formsQuiz__result {
max-width: 820px;
}
.formsQuiz__result-text {
margin-bottom: 24px;
line-height: 1.6;
}
.formsQuiz__price-list {
list-style: none;
padding: 0;
margin: 0 0 30px;
}
.formsQuiz__price-list li {
display: grid;
grid-template-columns: 12px 1fr auto;
align-items: center;
gap: 12px;
padding: 10px 0;
border-bottom: 1px solid rgba(0, 0, 0, .05);
}
.formsQuiz__price-list strong {
white-space: nowrap;
font-weight: 600;
}
.formsQuiz__price-list .dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: #b6a36a; }
.formsQuiz__disclaimer {
background: #f7f7f7;
border-left: 4px solid #b6a36a;
padding: 16px 18px;
margin-bottom: 24px;
font-size: 14px;
line-height: 1.6;
}
.formsQuiz__note {
font-size: 18px;
color: rgba(26, 41, 67, 0.6);
margin-top: 8px;
font-weight: 500;
}
.formsQuiz__price-list li:last-child {
border-bottom: none;
}
.formsQuiz__area {
position: relative;
max-width: 320px;
width: 100%;
}
.formsQuiz__area input {
width: 100%;
padding: 14px 44px 14px 14px;
font-size: 16px;
border-radius: 6px;
border: 2px solid rgba(26, 41, 67, 0.2);
transition: all 0.3s ease;
}
.formsQuiz__area input:focus,
.formsQuiz__area input:focus-visible {
border-color: #AC9C6F;
background: rgba(172, 156, 111, 0.05);
;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
outline: none;
}
.formsQuiz__area-unit {
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
color: #888;
font-size: 14px;
pointer-events: none;
}  .advantages-cards {
padding: 60px 0 20px 0; }
.in-block p,
.in-block h2,
.in-block h3 {
margin-bottom: .7em;
}
.in-block ul {
margin-bottom: .7em;
margin-left: 1em;
font-family: Vent;
font-size: 24px;
line-height: 1.5em;
color: #524b4b;
}
.in-block ul li {
padding-left: 1em;
list-style-type: disc;
}
.advantages-cards__wrap {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 30px;
}
.advantages-cards__item {
background: #fff;
padding: 30px 20px;
border-radius: 8px;
text-align: center;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.advantages-cards__item:hover {
transform: translateY(-5px);
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}  .in-block .solutions_subtitle {
margin-top: 1em;
}
.ventilation-types.in-block {
counter-reset: solutions_counter;
margin-top: 60px;
padding: 80px 0 40px 0;
margin-bottom: 0;
background-color: transparent;
background-image: none !important;
position: relative;
}
.ventilation-types::before,
.ventilation-types::after {
display: none !important;
content: none !important;
}
.ventilation-types__wrap {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 30px;
margin-top: 40px;
margin-bottom: 0;
padding-bottom: 0;
}
.in-block .ventilation-types__item {
background-color: #f9f9f9;
border-radius: 20px;
padding: 40px 35px;
position: relative;
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 1px solid #e3e0d6;
}
.ventilation-types__item:hover {
transform: translateY(-5px);
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
background-color: #fff;
}
.ventilation-types__number {
position: absolute;
top: 30px;
right: 30px;
width: 50px;
height: 50px;
background-color: #ac9c6f;
color: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 26px;
font-weight: 700;
font-family: Vent, sans-serif;
}
.ventilation-types__number::before {
counter-increment: solutions_counter;
content: counter(solutions_counter);
}
.ventilation-types__title {
font-size: 26px;
font-weight: 700;
color: #000;
margin-bottom: 20px;
line-height: 1.2em;
letter-spacing: -1px;
font-family: Vent, sans-serif;
padding-right: 70px;
}
.ventilation-types__text {
font-size: 22px;
line-height: 1.5em;
color: #524b4b;
margin: 0;
font-family: Vent, sans-serif;
}
.ventilation-under__text {
font-size: 30px;
line-height: 1.5em;
color: #000000;
margin: 0;
margin-top: 0px;
font-family: Vent, sans-serif;
margin-top: 40px;
font-weight: 600;
width: 100%;
background-color: #f5f2ec;
padding: 40px;
border-radius: 20px;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
border: 1px solid #e3e0d6;
animation: float-up-down 3s ease-in-out infinite;
text-align: center;
}
.in-block .ventilation-under__text p {
font-size: 0.7em;
font-weight: 600;
text-align: justify;
}  .spoiler details {
position: relative;
}
.spoiler details[open] {
margin-bottom: 8em;
}
.spoiler details::details-content {
opacity: 0;
height: 0;
overflow: hidden;
transition: opacity 0.3s ease-out, height 0.3s ease-out;
}
.spoiler details[open]::details-content {
opacity: 1;
height: auto;
}
.spoiler summary {
margin-top: 3em;
list-style: none;
width: max-content;
cursor: pointer;
}
.spoiler summary div {
max-width: 100%;
cursor: pointer;
color: #63a2d7;
font-size: 20px;
-webkit-transition: .3s;
transition: .3s;
font-family: RF-Takt;
background-color: white;
}
.spoiler summary div::after {
content: attr(data-open);
}
.spoiler details[open] summary {
position: absolute;
bottom: -8em;
}
.spoiler details[open] summary div::after {
content: attr(data-close);
}
*:has(+ .spoiler) {
-webkit-mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
}
*:has(+ .spoiler details[open]) {
-webkit-mask-image: unset;
mask-image: unset;
}
.spoiler .btn {
background: #AC9C6F;
color: #ffffff;
border: none;
font-family: Vent;
height: 90px;
font-size: 1.5em;
font-weight: 400;
}
.spoiler .btn:hover {
opacity: 0.8;
} .vdspb-advantages {
padding-top: 60px;
background: #fff;
padding-bottom: 25px;
}
.vdspb-advantages__heading {
font-size: 48px;
margin-bottom: 50px;
font-weight: 500;
text-wrap: pretty;
}
.vdspb-advantages__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
}
.vdspb-advantages__card {
background: #f3f3f3;
border-radius: 20px;
padding: 30px;
transition: all 0.3s ease;
min-height: 180px;
display: flex;
flex-direction: column;
}
.vdspb-advantages__card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}
.vdspb-advantages__title {
font-size: 22px;
font-weight: 600;
margin-bottom: 12px;
color: #000;
text-wrap: pretty;
}
.vdspb-advantages__text {
font-size: 16px;
line-height: 1.6;
color: #444;
text-wrap: pretty;
} @media (max-width: 1440px) {
.vdspb-advantages__grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 576px) {
.vdspb-advantages__grid {
grid-template-columns: 1fr;
}
.vdspb-advantages__heading {
font-size: 32px;
}
}
.vdspb-seo {
padding: 80px 0px;
}
.vdspb-seo strong {
color: #000000;
}
.vdspb-seo h2 {
font-size: 50px;
margin-bottom: 20px;
}
.vdspb-seo p {
font-size: 22px;
line-height: 1.5em;
color: #524b4b;
margin-bottom: 20px;
}
.vdspb-seo p {
font-size: 22px;
line-height: 1.5em;
color: #524b4b;
margin-bottom: 20px;
}
.vdspb-seo-text--hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
@media (max-width: 1440px) {
.vdspb-seo h2 {
font-size: 40px;
}
.vdspb-seo p {
font-size: 20px;
}
}
@media (max-width: 992px) {
.vdspb-seo h2 {
font-size: 30px;
}
.vdspb-seo p {
font-size: 18px;
}
}
@media (max-width: 770px) {
.vdspb-seo h2 {
font-size: 24px;
}
.vdspb-seo p {
font-size: 16px;
line-height: 1.4em;
}
} .edge__content ul {
margin: 10px 0 0;
padding: 0;
list-style: none;
}
.edge__content ul li {
position: relative;
padding-left: 13px;
margin-bottom: 5px;
font-size: 20px;
color: #524b4b;
line-height: 1.5em;
}
.edge__content ul li::before {
content: "";
position: absolute;
left: 0;
top: 14px;
width: 6px;
height: 6px;
background: #000000;
border-radius: 50%;
}  .mobileSocial {
display: flex;
flex-direction: column;
}
.modalbtnExit .modalWindow {
position: relative;
color: #524b4b;
background-color: #fff;
border-radius: 20px;
max-width: 520px;
margin: auto;
padding: 30px 30px 30px 30px;
text-align: center;
}
.modalbtnExit .modalWindowClose {
top: 5px;
right: 15px;
background: transparent;
}
.modalTime_icon {
width: 60px;
height: 60px;
display: flex;
background: #a88d43;
align-items: center;
justify-content: center;
border-radius: 50%;
margin-inline: auto;
margin-bottom: 10px;
svg {
width: 34px;
height: 34px;
fill: #fff;
}
}
.modalbtnExit .form-title {
font-weight: 700;
font-size: 28px;
line-height: 1;
color: #171717;
margin-bottom: 10px;
}
.modalbtnExit .form-subtitle {
margin-top: 0px;
color: #524b4b;
font-size: 16px;
line-height: 1.2;
} .modalbtnTime .modalWindow {
position: relative;
color: #524b4b;
background-color: #fff;
border-radius: 20px;
max-width: 520px;
margin: auto;
padding: 30px 30px 30px 30px;
text-align: center;
}
.modalbtnTime .modalWindowClose {
top: 5px;
right: 15px;
background: transparent;
}
.modalbtnTime_icon {
width: 60px;
height: 60px;
display: flex;
background: #0a0801;
align-items: center;
justify-content: center;
border-radius: 50%;
margin-inline: auto;
margin-bottom: 10px;
svg {
width: 34px;
height: 34px;
fill: #fff;
}
}
.modalbtnTime .form-title {
font-weight: 700;
font-size: 28px;
line-height: 1;
color: #171717;
margin-bottom: 10px;
}
.modalbtnTime .form-subtitle {
margin-top: 0px;
color: #524b4b;
font-size: 16px;
line-height: 1.2;
} .modalbtn_quiz {
.modalWindow {
padding: 0;
background-color: transparent;
border-radius: 10px;
text-align: left;
.quiz-header {
margin-bottom: 0;
}
}
}
.quiz-modal-header {
background-color: #000;
color: #fff;
padding: 15px 25px;
display: flex;
justify-content: space-between;
align-items: center;
}
.quiz-modal-header .quiz-title-main {
font-weight: bold;
font-size: 16px;
}
.quiz-modal-header .quiz-subtitle-main {
font-size: 13px;
opacity: 0.7;
}
.vent-quiz {
max-width: 600px;
margin: 0 auto;
font-family: sans-serif;
background: #fff;
padding: 30px 16px 30px 16px;
border-radius: 8px;
box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}
.quiz-header {
margin-bottom: 25px;
}
.quiz-progress-text {
font-size: 14px;
color: #999;
margin-bottom: 8px;
}
.quiz-progress-bar {
width: 100%;
height: 4px;
background: #f0f0f0;
border-radius: 2px;
overflow: hidden;
}
.quiz-progress-fill {
width: 20%; height: 100%;
background: #bfa37a;
transition: width 0.3s ease;
}
.quiz-step {
display: none;
}
.quiz-step.active {
display: block;
}
.quiz-title {
font-size: 22px;
font-weight: bold;
margin: 0 0 8px 0;
color: #1a1a1a;
}
.quiz-subtitle {
font-size: 14px;
color: #8c8c8c;
margin: 0 0 25px 0;
}
.quiz-options {
display: flex;
flex-direction: column;
gap: 12px;
margin-bottom: 30px;
} .quiz-option-label {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 10px;
border: 1px solid #e0e0e0;
border-radius: 6px;
cursor: pointer;
transition: all 0.2s ease;
user-select: none;
}
.quiz-option-label input[type="radio"] {
display: none;
}
.quiz-option-text {
font-size: 15px;
color: #333;
}
.quiz-checkbox-icon {
width: 22px;
height: 22px;
border: 1px solid #d0d0d0;
border-radius: 50%;
position: relative;
transition: all 0.2s ease;
flex-shrink: 0;
} .quiz-option-label:has(input[type="radio"]:checked) {
border-color: #bfa37a;
background-color: #fcfaf6;
}
.quiz-option-label input[type="radio"]:checked ~ .quiz-checkbox-icon {
border-color: #bfa37a;
background-color: #bfa37a;
}
.quiz-option-label input[type="radio"]:checked ~ .quiz-checkbox-icon::after {
content: "";
position: absolute;
left: 7px;
top: 3px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
} .quiz-navigation {
display: flex;
gap: 15px;
justify-content: flex-start;
}
.quiz-btn {
padding: 15px 40px;
border-radius: 6px;
font-size: 15px;
cursor: pointer;
border: none;
transition: background 0.2s;
}
.btn-primary {
background: #f5f5f5;
color: #333;
}
.btn-primary:hover {
background: #e8e8e8;
}
.btn-secondary {
background: transparent;
border: 1px solid #ccc;
color: #666;
} .quiz-custom-input-wrapper {
margin-top: 20px;
padding-top: 20px;
border-top: 1px dashed #e0e0e0;
margin-bottom: 20px;
}
.quiz-input-heading {
display: block;
font-size: 14px;
font-weight: bold;
color: #444;
margin-bottom: 8px;
}
.quiz-text-input {
width: 100%;
padding: 14px 18px;
border: 1px solid #d0d0d0;
border-radius: 6px;
font-size: 15px;
box-sizing: border-box;
outline: none;
transition: border-color 0.2s;
}
.quiz-text-input:focus {
border-color: #bfa37a;
}
.quiz-result-card { background: #f6f8f7;
padding: 10px;
border-radius: 6px;
font-size: 16px;
margin-bottom: 15px;
border-left: 4px solid #1a332d;
}
.result-price-line {
font-size: 18px;
color: #1a1a1a;
margin-bottom: 10px;
text-align: center;
@media(max-width:767.98px){
font-size: 12px;
}
}
.result-price-line strong {
font-size: 24px;
color: #000;
@media(max-width:767.98px){
font-size: 16px;
}
}
.result-note-text {
font-size: 15px;
color: #222;
line-height: 1.5; font-weight: 600;
text-align: center;
@media(max-width:767.98px){
font-size: 12px;
}
}
.quiz-contact-type {
margin-bottom: 20px;
}
.contact-type-options {
display: flex;
gap: 10px;
}
.contact-type-label {
flex: 1;
text-align: center;
padding: 12px;
border: 1px solid #e0e0e0;
border-radius: 6px;
cursor: pointer;
font-size: 14px;
user-select: none;
}
.contact-type-label input {
display: none;
}
.contact-type-label:has(input:checked) {
border-color: #bfa37a;
background: #fcfaf6;
font-weight: bold;
color: #bfa37a;
}
.quiz-fields {
display: flex;
flex-direction: column;
gap: 12px;
margin-bottom: 20px;
}
.quiz-submit-btn {
width: 100%;
padding: 18px;
background: #bfa37a;
color: #fff;
border: none;
border-radius: 6px;
font-size: 16px;
font-weight: bold;
cursor: pointer;
transition: background 0.2s;
}
.quiz-submit-btn:hover {
background: #a68c65;
}
.quiz-reset-wrapper {
text-align: center;
margin-top: 15px;
}
.quiz-restart-link {
font-size: 14px;
color: #8c8c8c;
text-decoration: underline;
}
.quiz-restart-link:hover {
color: #333;
} .btn-primary.js-step-ready {
background: #bfa37a;
color: #fff;
}
.btn-primary.js-step-ready:hover {
background: #a68c65;
} .quiz-modal {
position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
display: flex;
align-items: center;
justify-content: center;
}
.quiz-modal-content {
background-color: #fff;
padding: 30px;
border-radius: 8px;
max-width: 500px;
width: 90%;
position: relative;
box-shadow: 0 4px 20px rgba(0,0,0,0.15);
@media(max-width:767.98px){
padding: 16px;
}
}
.quiz-modal-close {
position: absolute;
right: 20px;
top: 15px;
font-size: 28px;
cursor: pointer;
color: #aaa;
}
.quiz-modal-close:hover {
color: #333;
}
.debug-item {
margin-bottom: 8px;
font-size: 14px;
border-bottom: 1px solid #f0f0f0;
padding-bottom: 4px;
@media(max-width:767.98px){
font-size: 12px;
}
}
.quiz-modal {
h3 {
margin-bottom: 10px;
font-weight: 400;
}
small {
display: block;
color: #aaa6a6;
font-size: 14px;
margin-bottom: 20px;
}
} .modalOverlayQuiz {
display: none;
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
z-index: 1200;
}
.modalWindowWrapQuiz {
display: none;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
z-index: 1300;
}
.modalCellQuiz {
display: table-cell;
vertical-align: middle;
padding: 50px 20px;
}