@charset "utf-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}@keyframes msb-flash{0%,10%,20%,to{opacity:1}15%,5%{opacity:0}}@keyframes msb-shake{0%,27%,to{transform:translateZ(0)}15%,21%,3%,9%{transform:translate3d(-10px,0,0)}12%,18%,24%,6%{transform:translate3d(10px,0,0)}}@keyframes msb-swing{5%{transform:rotate(15deg)}10%{transform:rotate(-10deg)}15%{transform:rotate(5deg)}20%{transform:rotate(-5deg)}25%,to{transform:rotate(0deg)}}@keyframes msb-tada{0%{transform:scaleX(1)}2%,4%{transform:scale3d(.9,.9,.9) rotate(-3deg)}10%,14%,18%,6%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}12%,16%,8%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}20%,to{transform:scaleX(1)}}@keyframes msb-heartbeat{0%{transform:scale(1)}4%{transform:scale(1.3)}8%{transform:scale(1)}12%{transform:scale(1.3)}18%,to{transform:scale(1)}}@keyframes msb-wobble{0%{transform:translateZ(0)}3%{transform:translate3d(-25%,0,0) rotate(-5deg)}6%{transform:translate3d(20%,0,0) rotate(3deg)}9%{transform:translate3d(-15%,0,0) rotate(-3deg)}12%{transform:translate3d(10%,0,0) rotate(2deg)}15%{transform:translate3d(-5%,0,0) rotate(-1deg)}18%,to{transform:translateZ(0)}}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn{align-items:center;background-color:var(--msb-button-bg-color,#000);border-radius:var(--msb-button-border-radius,4px);color:var(--msb-button-text-color,#fff);display:inline-flex;justify-content:center;margin:0!important;padding:0!important;position:relative;text-decoration:none}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn p{margin:0;padding:0}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn .button-text{align-items:center;border-radius:4px;display:inline-block;padding:5px 8px;z-index:1}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-shadow,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-shadow:hover{box-shadow:0 4px 8px -2px rgba(0,0,0,.35)}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-3d-effect,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-3d-effect:hover{box-shadow:0 5px var(--msb-button-effect-color,#435100);transition:all .1s ease-in-out}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-3d-effect:active,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-3d-effect:hover:active{box-shadow:0 1px var(--msb-button-effect-color,#435100);top:4px}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-3d-effect.has-msb-shadow,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-3d-effect:hover.has-msb-shadow{box-shadow:0 5px var(--msb-button-effect-color,#435100),0 8px 20px -2px rgba(0,0,0,.4)}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn:not(.has-msb-shadow,.has-msb-3d-effect):hover{box-shadow:0 4px 8px -2px rgba(0,0,0,.35)}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-animation[data-animation=flash]{animation:msb-flash 4s linear 0s infinite}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-animation[data-animation=shake]{animation:msb-shake 4s linear 0s infinite}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-animation[data-animation=swing]{animation:msb-swing 4s linear 0s infinite}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-animation[data-animation=tada]{animation:msb-tada 4s linear 0s infinite}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-animation[data-animation=heartbeat]{animation:msb-heartbeat 4s linear 0s infinite}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-animation[data-animation=wobble]{animation:msb-wobble 4s linear 0s infinite}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border:hover{border:1px solid var(--msb-button-border-color,#000)}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1] .button-text:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1] .button-text:before,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]:before,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2] .button-text:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2] .button-text:before,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]:before,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3] .button-text:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3] .button-text:before,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]:before,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4] .button-text:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4] .button-text:before,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]:before{background-color:var(--msb-button-hover-border-color,#000);content:"";position:absolute}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]{transition:all .1s ease .6s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]:hover{background-color:var(--msb-button-hover-bg-color,#fff);border-color:var(--msb-button-hover-bg-color,#fff);border-radius:0;color:var(--msb-button-hover-text-color,#000);transition:all .1s ease}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]:before{height:0;width:2px}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]:before{bottom:0;left:0;transition:all .1s ease .3s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]:after{right:0;top:0;transition:all .1s ease}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1] .button-text:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1] .button-text:before{height:2px;width:0}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1] .button-text:before{left:0;top:0;transition:all .1s ease .2s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1] .button-text:after{bottom:0;right:0;transition:all .1s ease .4s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]:hover:before{height:100%;transition:all .1s ease .2s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]:hover:after{height:100%;transition:all .1s ease .4s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]:hover .button-text:before{transition:all .1s ease .3s;width:100%}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]:hover .button-text:after{transition:all .1s ease .1s;width:100%}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]{transition:all .1s ease .3s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]:hover{background-color:var(--msb-button-hover-bg-color,#fff);border-color:var(--msb-button-hover-bg-color,#fff);border-radius:0;color:var(--msb-button-hover-text-color,#000);transition:all .1s ease}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]:before{height:0;transition:all .1s ease .1s;width:2px}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]:before{bottom:0;left:0}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]:after{right:0;top:0}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2] .button-text:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2] .button-text:before{height:2px;transition:all .1s ease .1s;width:0}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2] .button-text:before{right:0;top:0}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2] .button-text:after{bottom:0;left:0}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]:hover:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]:hover:before{height:100%;transition:all .1s ease .1s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]:hover .button-text:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]:hover .button-text:before{transition:all .1s ease .1s;width:100%}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]{border-bottom-left-radius:0;border-top-right-radius:0;transition:all .1s ease .1s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]:before{right:0;top:0;transition:all .1s ease .1s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3] .button-text:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3] .button-text:before{bottom:0;left:0;transition:all .1s ease .1s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]{border-bottom-right-radius:0;border-top-left-radius:0;transition:all .1s ease .1s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]:before{bottom:0;right:0;transition:all .1s ease .1s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4] .button-text:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4] .button-text:before{left:0;top:0;transition:all .1s ease .1s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]:hover,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]:hover{background-color:var(--msb-button-hover-bg-color,#fff);border-color:var(--msb-button-hover-bg-color,#fff);border-radius:0;color:var(--msb-button-hover-text-color,#000);transition:all .1s ease}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]:before,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]:before{height:2px;width:14px}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3] .button-text:before,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4] .button-text:before,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]:after{height:14px;width:2px}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3] .button-text:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4] .button-text:after{height:2px;width:14px}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]:hover:before,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]:hover:before{transition:all .1s ease .1s;width:100%}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]:hover .button-text:before,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]:hover:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]:hover .button-text:before,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]:hover:after{height:100%;transition:all .1s ease .1s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]:hover .button-text:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]:hover .button-text:after{transition:all .1s ease .1s;width:100%}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect:hover{color:var(--msb-button-hover-text-color,var(--msb-button-text-color,#fff))}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect:hover[data-fill-style=fill1]{background-color:var(--msb-button-hover-bg-color,var(--msb-button-bg-color,#000));border-color:var(--msb-button-hover-bg-color,var(--msb-button-bg-color,#000))}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect[data-fill-style=fill2]:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect[data-fill-style=fill3]:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect[data-fill-style=fill4]:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect[data-fill-style=fill5]:after{background-color:var(--msb-button-hover-bg-color,var(--msb-button-bg-color,#000));border-radius:var(--msb-button-border-radius,4px);content:"";direction:rtl;height:100%;left:0;position:absolute;top:0;transition:all .3s ease;width:0;z-index:0}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect[data-fill-style=fill2]:hover:after{left:auto;right:0;width:100%}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect[data-fill-style=fill3]:after{bottom:0;height:0;top:auto;width:100%}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect[data-fill-style=fill3]:hover:after{height:100%;top:0}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect[data-fill-style=fill4]:after{height:0;top:0;width:100%}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect[data-fill-style=fill4]:hover:after{bottom:0;height:100%;top:auto}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect[data-fill-style=fill5]:after{height:100%;left:auto;right:0}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect[data-fill-style=fill5]:hover:after{left:0;width:100%}@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-connect{height:100%;width:100%}.noUi-origin{height:10%;width:10%}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;top:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px}
:root {
--color-black: #000;
--color-white: #fff;
--color-white-brown: #7c736e;
--color-bunker: #0b0f11;
--color-mystic: #e0e7ea;
--color-cerulean: #0bb1f3;
--color-lily-white: #ebf9ff;
--color-red: #f02a59;
}
@font-face {
font-family: 'InterTight';
src: url(//53-doma.ru/wp-content/themes/53houses/InterTight-Regular.woff2) format('woff2'),
url(//53-doma.ru/wp-content/themes/53houses/InterTight-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'InterTight';
src: url(//53-doma.ru/wp-content/themes/53houses/InterTight-Italic.woff2) format('woff2'),
url(//53-doma.ru/wp-content/themes/53houses/InterTight-Italic.woff) format('woff');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'InterTight';
src: url(//53-doma.ru/wp-content/themes/53houses/InterTight-Bold.woff2) format('woff2'),
url(//53-doma.ru/wp-content/themes/53houses/InterTight-Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'InterTight';
src: url(//53-doma.ru/wp-content/themes/53houses/InterTight-Bold.woff2) format('woff2'),
url(//53-doma.ru/wp-content/themes/53houses/InterTight-Bold.woff) format('woff');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "RoadRadio";
src: url(//53-doma.ru/wp-content/themes/53houses/fonts/RoadRadio.woff2) format("woff2"), url(//53-doma.ru/wp-content/themes/53houses/fonts/RoadRadio.woff) format("woff");
font-weight: 500;
font-display: swap;
}
@font-face {
font-family: "RoadRadio";
src: url(//53-doma.ru/wp-content/themes/53houses/fonts/RoadRadio-Bold.woff2) format("woff2"), url(//53-doma.ru/wp-content/themes/53houses/fonts/RoadRadio-Bold.woff) format("woff");
font-weight: 700;
font-display: swap;
}   html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted;
text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}
html {
box-sizing: border-box;
scroll-behavior: smooth;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
body {
margin: 0;
font-family: "RoadRadio", sans-serif;
font-weight: 500;
color: var(--color-bunker);
background-color: var(--color-white);
}
img {
max-width: 100%;
}
a {
text-decoration: none;
color: inherit;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
.site-container {
overflow: hidden;
}
.for-mobile {
display: none;
}
@media (max-width: 1024px) {
.for-mobile {
display: block;
}
}
.visually-hidden {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
padding: 0 !important;
border: 0 !important;
height: 1px !important;
width: 1px !important;
overflow: hidden;
}
.btn-reset {
border: none;
padding: 0;
background: transparent;
cursor: pointer;
}
.container {
margin: 0 auto;
padding: 0 40px;
width: 1250px;
}
@media (max-width: 1280px) {
.container {
width: auto;
max-width: 1250px;
padding: 0 10px;
}
}
@media (max-width: 1024px) {
.container {
padding: 0 40px;
}
}
@media (max-width: 576px) {
.container {
padding: 0 15px;
}
}
@media (max-width: 320px) {
.container {
padding: 0;
}
}
.main-catalog {
background-color: #e5e5e5;
}
.circle-link {
border: 1px solid var(--color-mystic);
border-radius: 100%;
padding: 18px;
width: 50px;
height: 50px;
}
.circle-link svg {
width: 14px;
height: 14px;
fill: currentColor;
}
.circle-link--blue:focus, .circle-link--blue:active {
outline: none;
border: none;
-webkit-animation: blue-active-btn 0.3s ease-out;
animation: blue-active-btn 0.3s ease-out;
}
@-webkit-keyframes blue-active-btn {
0% {
background-color: var(--color-white);
}
50% {
background-color: #0ba5e2;
}
100% {
background-color: var(--color-white);
}
}
@keyframes blue-active-btn {
0% {
background-color: var(--color-white);
}
50% {
background-color: #0ba5e2;
}
100% {
background-color: var(--color-white);
}
}
.yellow-btn {
border: none;
border-radius: 50px;
box-shadow: 0 4px 0 0 #dfc220, 0 15px 40px 0 rgba(223, 194, 32, 0.3);
font-weight: 700;
font-size: 16px;
letter-spacing: 0.1em;
text-transform: uppercase;
background: linear-gradient(261.6deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 56.28%), linear-gradient(180deg, #fff96e 0%, #ffe036 100%);
}
.yellow-btn:focus, .yellow-btn:active {
box-shadow: none;
background-color: #fff180;
}
.yellow-btn:hover {
background: linear-gradient(261.6deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 56.28%), linear-gradient(180deg, #fffb9f 0%, #ffe762 100%);
}
.bluue:link {
color:#000;
}
.bluue:visited {
color:#000;
}
.bluue:hover {
color: #2da5d8;
}
.notification {
border-radius: 100%;
padding: 88px 40px 34px;
width: 170px;
height: 170px;
text-align: center;
background-position: center 30%;
background-repeat: no-repeat;
background-color: #f02a59;
}
.notification a {
font-weight: 700;
font-size: 12px;
line-height: 130%;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--color-white);
}
.phone-input {
outline: none;
border: 1px solid #484848;
border-radius: 50px;
padding: 26px 0;
padding-left: 86px;
width: 380px;
max-height: 80px;
font-weight: 500;
font-size: 20px;
line-height: 140%;
text-transform: uppercase;
background-position: 35px center;
background-repeat: no-repeat;
color:#484848;
}
.phone-input[name="tel"] {
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/call-form-icon.png);
}
.phone-input[name="tel"]:focus {
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/phone-active.png);
}
.phone-input[name="name"] {
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/user-form.png);
}
.phone-input[name="name"]:focus {
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/user-form-blue.png);
}
.phone-input::-moz-placeholder {
font-weight: 700;
font-size: 16px;
line-height: 140%;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #bfc9cd;
}
.phone-input:-ms-input-placeholder {
font-weight: 700;
font-size: 16px;
line-height: 140%;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #bfc9cd;
}
.phone-input::placeholder {
font-weight: 700;
font-size: 16px;
line-height: 140%;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #484848;
}
.phone-input:focus {
border: 2px solid currentColor;
color: var(--color-cerulean);
}
.phone-input--error {
border: 2px solid currentColor;
color: var(--color-red);
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/phone-error.png);
}
.social__list {
display: flex;
align-items: center;
justify-content: start;
margin-bottom: 12px;
}
.social__item {
width: 50px;
height: 50px;
transition: transform 0.1s;
}
.social__item:hover {
transform: translateY(-5px);
transition: transform 0.1s;
}
.social__link {
display: block;
width: 100%;
height: 100%;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.social__link--vk {
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/VK.png);
}
.social__link--inst {
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/Instagram.png);
}
.social__link--youtube {
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/YouTube.png);
}
.social__descr {
padding-left: 20px;
max-width: 130px;
font-family: "InterTight", sans-serif;
font-weight: 400;
font-size: 13px;
line-height: 160%;
text-align: center;
color: var(--color-white);
}
.light-blue-btn {
border-radius: 50px;
font-weight: 700;
font-size: 14px;
letter-spacing: 0.1em;
text-align: center;
text-transform: uppercase;
color: var(--color-cerulean);
background-color: var(--color-lily-white);
transition: color background-color 0.3s;
}
.light-blue-btn:focus, .light-blue-btn:active, .light-blue-btn--active {
color: var(--color-white);
background-color: #0ba5e2;
}
.light-blue-btn:hover {
color: var(--color-white);
background-color: var(--color-cerulean);
transition: color background-color 0.3s;
cursor: pointer;
}
.blue-btn {
border-radius: 50px;
font-weight: 700;
font-size: 14px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--color-white);
background-color: var(--color-cerulean);
}
.blue-btn:active, .blue-btn:focus {
background-color: #0ba5e2;
}
.blue-btn:hover {
background-color: #17bdff;
cursor: pointer;
}
.callback-form-social-list__list {
display: flex;
}
.callback-form-social-list__item {
position: relative;
width: 76px;
height: 76px;
text-align: center;
}
.callback-form-social-list__item:not(:last-child) {
margin-right: 3px;
}
.callback-form-social-list__link {
font-weight: 700;
font-size: 12px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--color-white);
}
.callback-form {
display: flex;
flex-direction: column;
margin-top: 10px;
max-width: 680px;
}
.callback-form__label {
display: block;
margin-bottom: 20px;
width: 100%;
font-family: "InterTight", sans-serif;
font-weight: 600;
font-size: 16px;
text-align: center;
color: #98a5aa;
}
.callback-form__phone {
margin-right: 15px;
width: 100%;
}
.callback-form__btn {
display: flex;
align-items: center;
justify-content: center;
padding: 29px 38px;
width: 100%;
}
.callback-form__btn img {
margin-right: 20px;
}
.callback-form__btn span {
font-weight: 800 !important;
font-size: 16px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--color-bunker) !important;
}
.callback-form__agree {
margin-top: 25px;
max-width: 380px;
}
.callback-form__agree span {
color: var(--color-bunker);
}
.breadcrumbs {
position: relative;
padding-top: 30px;
width: 100%;
font-family: "InterTight", sans-serif;
font-weight: 600;
font-size: 16px;
color: #818d92;
}
.breadcrumbs__list {
display: flex;
}
@media (max-width: 768px) {
.breadcrumbs__list {
flex-wrap: wrap;
}
}
.breadcrumbs__item {
position: relative;
transition: opacity 0.3s;
}
.breadcrumbs__item:not(:last-child) {
margin-right: 30px;
}
.breadcrumbs__item:not(:last-child)::after {
content: "\203A";
position: absolute;
right: -20px;
top: 5px;
width: 10px;
height: 10px;
transform: translateY(-50%);
}
.breadcrumbs__item:hover {
opacity: 0.75;
transition: opacity 0.3s;
}
@media (max-width: 768px) {
.breadcrumbs__item {
margin-bottom: 5px;
}
}
.burger-btn_container {
position: absolute;
right: 5px;
display: none;
width: 40px;
height: 40px;
}
@media (max-width: 768px) {
.burger-btn_container {
display: block;
}
}
@media (max-width: 576px) {
.burger-btn_container {
top: 18%;
right: 2%;
}
}
.burger-btn_wrapper {
position: relative;
top: 30%;
margin: auto;
border: none;
width: 100%;
height: 100%;
}
.burger-btn {
position: relative;
width: 30px;
height: 20px;
}
.burger-btn::before {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 2px;
background-color: #fff;
transition: all 0.3s ease 0s;
top: 2px;
}
.burger-btn::after {
bottom: 0px;
content: "";
position: absolute;
left: 0;
width: 100%;
height: 2px;
background-color: #fff;
transition: all 0.3s ease 0s;
width: 50%;
}
.burger-btn span {
position: absolute;
left: 0;
top: 10px;
width: 75%;
height: 2px;
background-color: #fff;
transition: all 0.3s ease 0s;
}
.burger-btn:hover {
opacity: 0.7;
transition: 0.7s;
cursor: pointer;
}
.burger-btn.active::before {
top: 9px;
width: 100%;
background-color: #ffe036;
transform: rotate(45deg);
}
.burger-btn.active::after {
bottom: 9px;
width: 100%;
background-color: #ffe036;
transform: rotate(-45deg);
}
.burger-btn.active span {
transform: scale(0);
}
.menu-open {
overflow: hidden;
}
.header {
position: relative;
width: 100%;
min-height: 230px !important;
height: 230px !important;
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/header-bg.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.header__top {
position: relative;
display: flex;
justify-content: start;
margin-bottom: 21px;
padding-top: 40px;
padding-left: 10px;
width: 100%;
}
@media (max-width: 1280px) {
.header__top {
justify-content: space-between;
max-width: 100%;
}
}
@media (max-width: 768px) {
.header__top {
justify-content: center;
padding-left: 0;
}
.header__top--active .feedback {
position: relative;
z-index: 20;
}
.header__top--active .feedback__list__link {
color: var(--color-cerulean);
background-color: var(--color-lily-white);
transition: background-color color 0.3s;
}
.header__top--active .feedback__list__link:focus, .header__top--active .feedback__list__link:active {
color: var(--color-white);
background-color: #0ba5e2;
}
.header__top--active .feedback__list__link:hover {
color: var(--color-white);
background-color: var(--color-cerulean);
transition: background-color 0.3s;
cursor: pointer;
}
.header__top--active .feedback__list__link--call {
width: 165px;
color: var(--color-white);
background-color: var(--color-cerulean);
}
.header__top--active .feedback__list__link--call:focus, .header__top--active .feedback__list__link--call:active {
background-color: #0ba5e2;
}
.header__top--active .feedback__list__link--call:hover {
background-color: #17bdff;
}
.header__top--active .feedback__list__link--question {
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/Question-blue.png);
}
.header__top--active .feedback__list__descr {
color: #98a5aa;
}
}
@media (max-width: 576px) {
.header__top {
justify-content: center;
}
}
.header__contacts {
display: flex;
margin-left: 85px;
}
@media (max-width: 1280px) {
.header__contacts {
margin-left: 0;
}
}
@media (max-width: 768px) {
.header__contacts {
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
}
.header__phone {
display: flex;
flex-direction: column;
padding-left: 42px;
color: var(--color-white);
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/phone.png);
background-position: left 10%;
background-repeat: no-repeat;
}
.header__phone__descr {
margin-bottom: 10px;
font-family: "InterTight", sans-serif;
font-weight: 400;
font-size: 13px;
}
@media (max-width: 576px) {
.header__phone__descr {
font-size: 12px;
}
}
@media (max-width: 1024px) {
.header__phone {
padding-left: 0;
background-image: none;
}
}
@media (max-width: 768px) {
.header__phone {
margin-bottom: 25px;
width: 100%;
text-align: center;
}
.header__phone .contacts-messengers {
display: none;
}
}
@media (max-width: 320px) {
.header__phone {
padding-left: 0;
text-align: center;
}
}
.header__logo {
align-self: flex-start;
}
.header__logo--mob {
width: 50px;
height: 50px;
}
@media (max-width: 576px) {
.header__logo--mob {
position: absolute;
left: 2%;
top: 18%;
z-index: 100;
width: 40px;
height: 40px;
}
}
@media (max-width: 1024px) {
.header__logo {
display: none;
}
}
@media (max-width: 768px) {
.header__logo {
justify-self: flex-start;
}
}
.header__tel {
font-size: 26px;
transition: opacity 0.3s;
}
.header__tel:hover {
opacity: 0.85;
transition: opacity 0.3s;
}
@media (max-width: 320px) {
.header__tel {
font-size: 20px;
}
}
.header__feedback {
margin-left: 20px;
}
@media (max-width: 768px) {
.header__feedback {
margin-left: 0;
}
}
.header__social {
margin-left: 40px;
}
@media (max-width: 1280px) {
.header__social {
margin-left: 0;
}
}
@media (max-width: 768px) {
.header__social {
display: none;
}
}
.header__mobile-white-bg {
position: absolute;
left: -150vw;
z-index: 10;
top: 111px;
display: none;
width: 100%;
height: 105px;
background-color: var(--color-white);
transition: left 0.3s;
}
.header__mobile-white-bg--open {
left: 0;
transition: left 0.3s;
}
@media (max-width: 768px) {
.header__mobile-white-bg {
display: block;
}
}
@media (max-width: 576px) {
.header__mobile-white-bg {
top: 100px;
height: 125px;
}
}
.header__bottom {
position: relative;
}
.header__bottom__contacts {
display: none;
flex-direction: column;
align-items: center;
padding: 30px 0 40px;
min-height: 570px;
font-family: "InterTight", sans-serif;
font-weight: 400;
}
.header__bottom__contacts__gray-descr {
font-size: 13px;
line-height: 160%;
text-align: center;
color: #818d92;
}
.header__bottom__contacts__tel {
font-family: "RoadRadio", sans-serif;
font-weight: 700;
font-size: 28px;
line-height: 110%;
text-align: center;
}
.header__bottom__contacts__dark-descr {
font-size: 13px;
line-height: 160%;
text-align: center;
}
.header__bottom__contacts__dark-descr--big {
margin-top: 10px;
max-width: 300px;
font-size: 16px;
}
.header__bottom__contacts .contacts-messengers {
margin: 15px 0 20px;
height: 40px;
}
.header__bottom__contacts .contacts-messengers__link {
width: 40px;
}
.header__bottom__contacts__link {
margin-top: 20px;
padding: 17px 40px;
}
@media (max-width: 768px) {
.header__bottom__contacts {
display: flex;
}
}
@media (max-width: 768px) {
.header__bottom--active .header-nav {
left: 0;
}
}
.contacts-messengers {
display: flex;
align-items: center;
height: 30px;
}
.contacts-messengers__item {
height: 100%;
transition: transform 0.1s;
}
.contacts-messengers__item:hover {
transform: translateY(-5px);
transition: transform 0.1s;
}
.contacts-messengers__link {
display: block;
width: 30px;
height: 100%;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.contacts-messengers__link--whats {
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/WhatsApp-big.png);
}
.contacts-messengers__link--viber {
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/Viber-big.png);
}
.contacts-messengers__link--telegram {
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/Telegram-big.png);
}
.feedback__list {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.feedback__list__item {
display: flex;
flex-direction: column;
text-align: center;
}
.feedback__list__link {
margin-bottom: 12px;
border: none;
border-radius: 50px;
height: 50px;
font-weight: 500;
font-size: 12px;
letter-spacing: 0.1em;
text-transform: uppercase;
transition: background-color 0.3s;
}
.feedback__list__link:focus, .feedback__list__link:active {
background-color: #ffed5b;
}
.feedback__list__link:hover {
background-color: #fff180;
transition: background-color 0.3s;
cursor: pointer;
}
.feedback__list__link--call {
width: 165px;
color: var(--color-white);
background-color: var(--color-white-brown);
}
.feedback__list__link--call:focus, .feedback__list__link--call:active {
background-color: #0ba5e2;
}
.feedback__list__link--call:hover {
background-color: var(--color-cerulean);
}
@media (max-width: 576px) {
.feedback__list__link--call {
width: 155px;
}
}
.feedback__list__link--question {
margin-left: 10px;
padding-left: 28px;
width: 205px;
color: #4b413b;
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/Question.png);
background-position: 28px 16px;
background-size: 16px;
background-repeat: no-repeat;
background-color: var(--color-white);
}
@media (max-width: 576px) {
.feedback__list__link--question {
width: 140px;
}
}
.feedback__list__descr {
font-family: "InterTight", sans-serif;
font-weight: 400;
font-size: 13px;
color: var(--color-white);
}
.header-nav {
width: 100%;
}
.header-nav__list {
display: flex;
align-items: center;
max-width: 100%;
}
@media (max-width: 1200px) {
.header-nav__list {
justify-content: space-between;
}
}
@media (max-width: 768px) {
.header-nav__list {
flex-direction: column;
border-top: 1px solid var(--color-mystic);
}
}
.header-nav__item {
position: relative;
height: 22px;
font-weight: 700;
font-size: 16px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--color-white);
}
.header-nav__item:not(:last-child) {
margin-right: 25px;
}
@media (max-width: 768px) {
.header-nav__item:not(:last-child) {
margin-right: 0;
}
}
.header-nav__item:focus, .header-nav__item:active {
color: #ffed5b;
}
.header-nav__item:focus svg, .header-nav__item:active svg {
fill: currentColor;
}
.header-nav__item:hover {
color: #fff180;
}
.header-nav__item:hover svg {
fill: currentColor;
}
.header-nav__item--dropdown {
display: flex;
flex-direction: column;
margin-right: 50px !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.header-nav__item--dropdown .header-nav__link {
display: flex;
align-items: center;
}
.header-nav__item--dropdown svg {
position: absolute;
right: -20px;
top: 3px;
width: 14px;
height: 14px;
fill: var(--color-white);
}
.header-nav__item--dropdown:hover .dropdown-link {
display: block;
color: var(--color-bunker);
}
@media (max-width: 1200px) {
.header-nav__item--dropdown {
margin-right: 0;
}
}
@media (max-width: 768px) {
.header-nav__item--dropdown {
margin-right: 0 !important;
}
}
@media (max-width: 768px) {
.header-nav__item {
display: flex;
flex-direction: column;
overflow: hidden;
border-bottom: 1px solid var(--color-mystic);
padding-top: 20px;
padding-left: 40px;
width: 100%;
height: 60px;
color: var(--color-bunker);
transition: height 0.3s;
}
.header-nav__item .header-nav__link {
position: relative;
z-index: 10;
}
.header-nav__item svg {
left: 200px;
right: 0;
top: 25px;
z-index: 100;
width: 150px;
height: 14px;
fill: var(--color-bunker);
transition: transform 0.3s;
}
.header-nav__item svg:hover {
opacity: 0.8;
cursor: pointer;
}
.header-nav__item:focus, .header-nav__item:active {
color: var(--color-cerulean);
}
.header-nav__item:hover {
color: var(--color-cerulean);
}
.header-nav__item--dropdown--open {
height: auto;
box-shadow: inset 0 -1px 0 #e3eaed, inset 0 1px 0 #e3eaed;
color: var(--color-cerulean);
background: #f7f9fa;
transition: height 0.3s;
}
.header-nav__item--dropdown--open .dropdown-link {
display: block;
color: #98a5aa;
}
.header-nav__item--dropdown--open .dropdown-link__link {
position: relative;
}
.header-nav__item--dropdown--open .dropdown-link__link::before {
content: "\00B7";
position: absolute;
left: -20px;
top: -3px;
font-size: 20px;
}
.header-nav__item--dropdown--open svg {
fill: currentColor;
transform: rotate(-180deg);
transition: transform 0.3s;
}
.header-nav__item--dropdown--open:hover .dropdown-link {
color: #98a5aa;
}
}
@media (max-width: 768px) {
.header-nav {
position: fixed;
left: -150vw;
top: 215px;
z-index: 100;
overflow-y: auto;
width: 100%;
height: 100vh;
background-color: var(--color-white);
transition: left 0.3s;
}
}
.dropdown-link {
position: absolute;
left: -40px;
top: 35px;
z-index: 50;
display: none;
border-radius: 25px;
width: 240px;
box-shadow: 0 20px 25px 0 rgba(18, 22, 27, 0.07);
color: var(--color-bunker);
background-color: var(--color-white);
}
.dropdown-link::before {
content: "";
position: absolute;
left: 50px;
top: -13px;
-webkit-clip-path: polygon(50% 0, 0 100%, 100% 100%);
clip-path: polygon(50% 0, 0 100%, 100% 100%);
width: 70px;
height: 15px;
background-color: var(--color-white);
}
.dropdown-link::after {
content: "";
position: absolute;
left: 0;
top: -20px;
width: 100%;
height: 20px;
}
.dropdown-link__item {
padding: 15px 10px 15px 35px;
width: 100%;
font-size: 14px;
}
.dropdown-link__item:not(:last-child) {
border-bottom: 1px solid var(--color-mystic);
}
.dropdown-link__link {
font-weight: 800;
font-size: 14px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.dropdown-link__link:hover {
color: #f02a59;
}
@media (max-width: 768px) {
.dropdown-link {
position: relative;
left: -40px;
top: 0;
margin-top: 20px;
border-radius: 0;
width: calc(100% + 40px);
box-shadow: none;
color: #98a5aa;
}
.dropdown-link::before {
content: none;
}
.dropdown-link::after {
content: none;
}
.dropdown-link__item {
padding: 20px 0 20px 60px;
width: 100%;
font-size: 14px;
}
.dropdown-link__item:not(:last-child) {
border-bottom: 1px solid var(--color-mystic);
}
.dropdown-link__link {
font-weight: 700;
font-size: 14px;
}
.dropdown-link__link:hover, .dropdown-link__link:active, .dropdown-link__link:focus {
color: var(--color-cerulean);
}
}
.offer {
position: relative;
max-height: 1170px;
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/offer-section-bg.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
@media (max-width: 1024px) {
.offer {
background-image: none;
background-color: var(--color-white);
}
}
@media (max-width: 768px) {
.offer {
max-height: 2390px;
}
}
.offer__container {
position: relative;
height: 700px;
min-width: 1170px;
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/bg-offer.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
@media (max-width: 1024px) {
.offer__container {
min-width: auto;
max-width: 100%;
background-position: 100%;
background-size: contain;
}
}
@media (max-width: 768px) {
.offer__container {
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/bg-offer-mobile.png);
background-position: left center;
background-size: cover;
}
}
@media (max-width: 576px) {
.offer__container {
height: 515px;
}
}
.offer__content {
margin-right: 0;
margin-left: auto;
padding: 30px 0;
width: 46%;
}
@media (max-width: 1024px) {
.offer__content {
margin-left: 50%;
width: 100%;
}
}
@media (max-width: 768px) {
.offer__content {
margin: auto;
width: 65%;
}
}
@media (max-width: 576px) {
.offer__content {
margin: 0;
width: 100%;
padding-left: 20px;
}
}
@media (max-width: 320px) {
.offer__content {
padding-left: 0;
}
}
.offer__guarantee {
position: absolute;
left: 35%;
top: 26%;
padding: 60px 27px 34px;
width: 140px;
height: 140px;
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/guarantee.png);
background-position: center 20%;
}
@media (max-width: 1024px) {
.offer__guarantee {
display: none;
}
}
.offer__title {
margin-bottom: 25px;
max-width: 470px;
font-weight: 700;
font-size: 48px;
color: var(--color-white);
}
@media (max-width: 576px) {
.offer__title {
font-size: 30px;
line-height: 110%;
}
}
.offer__descr {
margin-bottom: 42px;
max-width: 420px;
font-family: "InterTight", sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 160%;
color: var(--color-white);
}
@media (max-width: 576px) {
.offer__descr {
font-size: 18px;
}
}
.offer__pick-proj {
display: flex;
flex-direction: column;
width: 315px;
text-align: center;
}
@media (max-width: 576px) {
.offer__pick-proj {
margin: auto;
}
}
.offer__btn {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 14px;
width: 100%;
height: 80px;
}
.offer__btn img {
margin-right: 20px;
width: 21px;
height: 22px;
}
.offer-categories {
position: relative;
min-width: 1170px;
}
@media (max-width: 1024px) {
.offer-categories {
min-width: auto;
}
}
.offer-categories__list {
display: flex;
align-items: flex-start;
justify-content: center;
width: 100%;
}
@media (max-width: 768px) {
.offer-categories__list {
flex-direction: column;
}
}
.offer-categories__item {
position: relative;
padding: 40px 50px 45px;
width: 33.3%;
height: 335px;
background-color: var(--color-white);
transition: color 0.3s;
}
.offer-categories__item:not(:last-child) {
border-right: 1px solid #e3eaed;
}
@media (max-width: 768px) {
.offer-categories__item:not(:last-child) {
border-right: none;
border-bottom: 1px solid #e3eaed;
}
}
.offer-categories__item:hover .offer-categories__title {
color: var(--color-cerulean);
transition: color 0.3s;
}
.offer-categories__item:hover .offer-categories__price {
color: var(--color-cerulean);
transition: color 0.3s;
}
.offer-categories__item:hover .offer-categories__link {
color: var(--color-white);
background-color: var(--color-cerulean);
transition: color background-color 0.3s;
}
@media (max-width: 576px) {
.offer-categories__item:hover .offer-categories__link {
background-color: transparent;
}
}
@media (max-width: 1024px) {
.offer-categories__item {
padding: 30px;
padding-right: 15px;
}
}
@media (max-width: 768px) {
.offer-categories__item {
display: flex;
justify-content: start;
width: 100%;
}
}
@media (max-width: 576px) {
.offer-categories__item {
padding: 0;
padding-left: 10px;
padding-top: 10px;
height: 160px;
}
}
.offer-categories__link {
transition: background-color 0.3s;
}
.offer-categories__link::after {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: 20;
width: 100%;
height: 100%;
}
@media (max-width: 576px) {
.offer-categories__link::after {
z-index: 200;
left: -80vw;
top: -35px;
z-index: 20;
width: 100vw;
height: 160px;
}
}
@media (max-width: 768px) {
.offer-categories__link {
position: relative;
}
}
@media (max-width: 576px) {
.offer-categories__link {
padding: 0;
width: 0;
height: 0;
border: none;
}
.offer-categories__link svg {
display: none;
}
}
.offer-categories__title {
margin-bottom: 15px;
max-width: 150px;
font-size: 28px;
}
@media (max-width: 768px) {
.offer-categories__title {
margin-top: 0;
}
}
@media (max-width: 576px) {
.offer-categories__title {
font-size: 24px;
}
}
.offer-categories__price {
font-family: "InterTight", sans-serif;
font-weight: 600;
font-size: 18px;
}
.offer-statistic {
min-width: 1170px;
transform: translateY(-200px);
}
@media (max-width: 1024px) {
.offer-statistic {
min-width: auto;
}
}
.offer-statistic__list {
display: flex;
align-items: flex-start;
justify-content: center;
width: 100%;
}
.offer-statistic__item {
display: flex;
flex-direction: column;
align-items: center;
border-top: 1px solid #e3eaed;
padding: 50px 75px 70px;
width: 33.3%;
height: 335px;
text-align: center;
}
.offer-statistic__item:not(:last-child) {
border-right: 1px solid #e3eaed;
}
.offer-statistic__item--calc {
position: relative;
align-items: flex-start;
padding: 45px 75px 70px 50px;
text-align: left;
transition: color 0.3s;
}
.offer-statistic__item--calc .offer-statistic__title {
margin-bottom: 5px;
}
.offer-statistic__item--calc .offer-statistic__descr {
line-height: 0;
}
.offer-statistic__item--calc .offer-statistic__link {
position: absolute;
right: 37px;
bottom: 73px;
border: 1px solid currentColor;
padding: 18px;
color: var(--color-mystic);
background-color: transparent;
}
.offer-statistic__item--count {
padding: 60px 75px 70px;
}
.offer-statistic__item--count .offer-statistic__img {
max-width: 245px;
}
.offer-statistic__item--count .offer-statistic__descr {
margin-bottom: 25px;
}
.offer-statistic__img {
margin-bottom: 5px;
max-width: 180px;
}
.offer-statistic__title {
font-size: 28px;
}
.offer-statistic__descr {
margin-bottom: 35px;
max-width: 240px;
font-family: "InterTight", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 160%;
}
.offer-statistic__link {
padding: 10px 30px;
}
.statistic__list {
display: flex;
align-items: flex-start;
justify-content: center;
width: 100%;
}
@media (max-width: 768px) {
.statistic__list {
flex-direction: column;
}
}
.statistic__item {
display: flex;
flex-direction: column;
align-items: center;
border-top: 1px solid #e3eaed;
padding: 50px 75px 70px;
width: 33.3%;
height: 335px;
text-align: center;
background-color: var(--color-white);
}
@media (max-width: 1024px) {
.statistic__item {
padding: 30px;
padding-top: 50px;
}
}
@media (max-width: 768px) {
.statistic__item {
width: 100%;
}
}
.statistic__item:not(:last-child) {
border-right: 1px solid #e3eaed;
}
@media (max-width: 768px) {
.statistic__item:not(:last-child) {
border-right: none;
}
}
.statistic__item--calc {
position: relative;
align-items: flex-start;
padding: 45px 75px 70px 50px;
text-align: left;
cursor: pointer;
}
.statistic__item--calc .statistic__title {
margin-bottom: 5px;
}
.statistic__item--calc .statistic__descr {
font-weight: 500;
line-height: 0;
}
.statistic__item--calc .statistic__link {
position: absolute;
right: 37px;
bottom: 73px;
border: 1px solid currentColor;
padding: 18px;
color: var(--color-mystic);
background-color: transparent;
}
@media (max-width: 768px) {
.statistic__item--calc .statistic__link {
right: 60px;
top: 70px;
}
}
@media (max-width: 576px) {
.statistic__item--calc .statistic__link {
border: none;
}
.statistic__item--calc .statistic__link svg {
display: none;
}
.statistic__item--calc .statistic__link::after {
content: "";
position: absolute;
z-index: 200;
left: -78vw;
top: -60px;
z-index: 20;
width: 100vw;
height: 160px;
}
}
.statistic__item--calc:hover .statistic__title {
color: var(--color-cerulean);
transition: color 0.3s;
}
.statistic__item--calc:hover .statistic__descr {
color: var(--color-cerulean);
transition: color 0.3s;
}
.statistic__item--calc:hover .statistic__link {
color: var(--color-white);
background-color: var(--color-cerulean);
transition: color background-color 0.3s;
}
@media (max-width: 576px) {
.statistic__item--calc:hover .statistic__link {
background-color: transparent;
}
}
@media (max-width: 1024px) {
.statistic__item--calc {
padding: 30px;
padding-right: 15px;
}
}
@media (max-width: 768px) {
.statistic__item--calc {
flex-direction: row;
max-height: 160px;
}
}
.statistic__item--count {
padding: 60px 75px 70px;
}
@media (max-width: 1024px) {
.statistic__item--count {
padding: 30px;
padding-top: 50px;
}
}
.statistic__item--count .statistic__img {
max-width: 245px;
}
.statistic__item--count .statistic__descr {
margin-bottom: 25px;
}
@media (max-width: 1024px) {
.statistic__item--count .statistic__descr {
margin-bottom: 35px;
}
}
.statistic__img {
margin-bottom: 5px;
max-width: 180px;
}
@media (max-width: 768px) {
.statistic__img {
width: 220px;
max-width: none;
}
.statistic__img--calc {
width: 150px;
}
}
@media (max-width: 576px) {
.statistic__img--calc {
width: 100px;
}
}
@media (max-width: 768px) {
.statistic__text {
margin-left: 40px;
}
}
@media (max-width: 576px) {
.statistic__text {
margin-left: 20px;
}
}
.statistic__title {
font-size: 28px;
}
@media (max-width: 768px) {
.statistic__title {
width: 100%;
}
}
@media (max-width: 576px) {
.statistic__title {
margin-top: 5px;
font-size: 24px;
}
}
.statistic__descr {
margin-bottom: 35px;
max-width: 240px;
font-family: "InterTight", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 160%;
}
@media (max-width: 768px) {
.statistic__descr {
max-width: 320px;
}
}
.statistic__link {
padding: 10px 30px;
}
.about-projects {
font-family: "InterTight", sans-serif;
font-weight: 400;
font-size: 13px;
line-height: 160%;
text-align: center;
color: var(--color-white);
opacity: 0.85;
}
.categories-item__top {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
width: 100%;
}
@media (max-width: 768px) {
.categories-item__top {
width: 40%;
}
.categories-item__top img {
width: 200px;
}
}
@media (max-width: 576px) {
.categories-item__top {
width: 110px;
}
}
.categories-item__bottom {
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 1024px) {
.categories-item__bottom {
align-items: flex-end;
}
}
@media (max-width: 768px) {
.categories-item__bottom {
position: relative;
align-items: flex-start;
overflow: hidden;
padding-top: 50px;
width: 60%;
}
}
@media (max-width: 576px) {
.categories-item__bottom {
padding-top: 25px;
padding-left: 20px;
}
}
.categories-item__index {
display: flex;
align-items: center;
justify-content: center;
margin-top: 10px;
margin-right: 5px;
border-radius: 100%;
width: 40px;
height: 40px;
font-weight: 700;
font-size: 14px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--color-white);
background-color: var(--color-red);
}
@media (max-width: 768px) {
.categories-item__index {
display: none;
}
}
.offer .container {
position: relative;
}
.promotions {
margin-bottom: 40px;
min-width: 1170px;
}
@media (max-width: 1024px) {
.promotions {
min-width: auto;
}
}
.promotions__list {
display: flex;
width: 100%;
}
@media (max-width: 768px) {
.promotions__list {
flex-direction: column;
}
}
.promotions__item {
width: 50%;
height: 400px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
transition: opacity 0.3s;
}
.promotions__item:hover {
opacity: 0.85;
transition: opacity 0.3s;
}
.promotions__item--gift {
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/promotion1-bg.jpg);
}
.promotions__item--vod {
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/promotion3-bg.jpg);
}
.promotions__item--bes {
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/promotion0-bg.jpg);
}
.promotions__item--sneg {
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/promotion23-bg.jpg);
}
.promotions__item--gift .promotions__link {
color: #42a632;
}
@media (max-width: 1024px) {
.promotions__item--gift {
background-position: 100%;
background-size: cover;
}
}
@media (max-width: 768px) {
.promotions__item--gift {
padding-left: 30px;
}
}
@media (max-width: 576px) {
.promotions__item--gift {
padding-right: 20px;
text-align: right;
}
}
.promotions__item--delivery {
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/promotion2-bg.jpg);
}
@media (max-width: 1024px) {
.promotions__item--delivery {
background-position: left 100%;
background-size: cover;
}
}
.promotions__item--delivery .promotions__content {
margin-right: auto;
margin-left: 0;
padding-left: 70px;
}
.promotions__item--sneg .promotions__content {
margin-right: auto;
margin-left: 0;
padding-left: 70px;
}
@media (max-width: 1024px) {
.promotions__item--delivery .promotions__content {
padding-left: 30px;
}
}
.promotions__item--delivery .promotions__link {
color: #6532a6;
}
@media (max-width: 768px) {
.promotions__item {
width: 100%;
}
}
@media (max-width: 576px) {
.promotions__item {
height: 355px;
}
}
.promotions__content {
margin-right: 0;
margin-left: auto;
padding: 30px 0;
width: 50%;
}
@media (max-width: 1024px) {
.promotions__content {
width: 65%;
}
}
@media (max-width: 768px) {
.promotions__content {
width: 50%;
}
}
@media (max-width: 576px) {
.promotions__content {
padding: 40px 0;
width: 70%;
}
}
.promotions__title {
margin-bottom: 20px;
font-size: 34px;
line-height: 110%;
color: var(--color-white);
}
@media (max-width: 576px) {
.promotions__title {
margin-top: 0;
font-size: 28px;
}
}
.promotions__descr {
margin-bottom: 45px;
font-family: "InterTight", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 160%;
color: var(--color-white);
opacity: 0.9;
}
@media (max-width: 576px) {
.promotions__descr {
font-size: 16px;
}
}
.promotions__link {
border-radius: 50px;
padding: 20px 35px;
font-weight: 700;
font-size: 14px;
line-height: 140%;
letter-spacing: 0.1em;
text-transform: uppercase;
background-color: var(--color-white);
}
.projects {
padding-bottom: 110px;
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/projects-section-bg.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
@media (max-width: 576px) {
.projects {
position: relative;
top: -180px;
}
}
.projects__header {
display: flex;
align-items: center;
min-width: 1170px;
}
@media (max-width: 1024px) {
.projects__header {
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 20px;
min-width: auto;
}
}
@media (max-width: 768px) {
.projects__header {
position: relative;
}
}
.projects__title {
margin-right: 50px;
font-size: 72px;
line-height: 100%;
text-transform: uppercase;
}
@media (max-width: 1024px) {
.projects__title {
margin-bottom: 20px;
}
}
@media (max-width: 768px) {
.projects__title {
margin-top: 0;
width: 100%;
}
}
@media (max-width: 576px) {
.projects__title {
padding-left: 20px;
font-size: 34px;
}
}
.projects__slider {
position: relative;
overflow: hidden;
margin-bottom: 60px;
min-width: 1170px;
}
@media (max-width: 1024px) {
.projects__slider {
min-width: auto;
}
}
.projects__slider__pag {
margin-top: 57px;
min-width: 1170px;
}
@media (max-width: 1024px) {
.projects__slider__pag {
min-width: auto;
}
}
.more-projects .projects__slider {
margin-bottom: 0;
padding-bottom: 100px;
}
.projects__slider.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
display: flex;
justify-content: center;
}
.projects__slider.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 15px;
}
.projects-nav__list {
display: flex;
align-items: center;
justify-content: space-between;
margin-right: 25px;
}
@media (max-width: 576px) {
.projects-nav__list {
margin-right: 0;
padding-left: 20px;
}
}
.projects-nav__item:not(:last-child) {
margin-right: 10px;
}
.projects-nav__link {
padding: 15px 35px;
}
@media (max-width: 576px) {
.projects-nav__link {
padding: 11px 20px;
font-size: 10px;
}
}
@media (max-width: 768px) {
.projects-nav__list {
flex-wrap: wrap;
align-items: flex-start;
justify-content: start;
}
.projects-nav__item {
margin-bottom: 35px;
}
}
@media (max-width: 576px) {
.projects-nav {
padding-left: 20px;
}
.projects-nav__item {
margin-left: 0;
margin-right: auto;
margin-bottom: 20px;
}
}
.projects-slider-nav__prev-btn {
margin-left: 10px;
transform: rotate(-180deg);
}
.projects-slider-nav__prev-btn, .projects-slider-nav__next-btn {
border: 1px solid currentColor;
color: var(--color-mystic);
background-color: transparent;
}
.projects-slider-nav__prev-btn:hover, .projects-slider-nav__next-btn:hover {
border: none;
color: var(--color-white);
background-color: var(--color-cerulean);
}
@media (max-width: 768px) {
.projects-slider-nav {
position: absolute;
right: 180px;
top: 15px;
}
}
@media (max-width: 576px) {
.projects-slider-nav {
position: absolute;
right: 10px;
top: -10px;
}
}
.more-projects .projects-slider-nav .projects-slider-nav__prev-btn,
.more-projects .projects-slider-nav .projects-slider-nav__next-btn {
border: 1px solid currentColor;
color: #bfc9cd;
background-color: transparent;
}
.more-projects .projects-slider-nav .projects-slider-nav__prev-btn:hover,
.more-projects .projects-slider-nav .projects-slider-nav__next-btn:hover {
border: none;
color: var(--color-white);
background-color: var(--color-cerulean);
}
.projects-footer__top {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 32px;
}
@media (max-width: 768px) {
.projects-footer__top {
flex-direction: column;
}
}
.projects-footer__top__link {
border-radius: 50px;
padding: 29px 55px;
font-weight: 700;
font-size: 16px;
letter-spacing: 0.1em;
text-transform: uppercase;
cursor: pointer;
}
.projects-footer__top__link:first-child {
margin-right: 20px;
}
.projects-footer__top__link--gray {
border: 1px solid var(--color-mystic);
}
.projects-footer__top__link--gray:focus, .projects-footer__top__link--gray:active {
background-color: #ffed5b;
}
.projects-footer__top__link--gray:hover {
border-color: transparent;
background-color: #fff180;
}
@media (max-width: 768px) {
.projects-footer__top__link {
width: 90%;
text-align: center;
}
.projects-footer__top__link:first-child {
margin-right: 0;
margin-bottom: 10px;
}
}
@media (max-width: 576px) {
.projects-footer__top__link {
font-size: 14px;
}
}
.projects-footer__calc-proj {
display: flex;
}
@media (max-width: 768px) {
.projects-footer__calc-proj {
flex-direction: column;
align-items: center;
}
}
.projects-footer__bottom {
display: flex;
}
@media (max-width: 768px) {
.projects-footer__bottom {
flex-direction: column;
width: 100%;
}
}
.projects-footer__contacts {
padding-top: 5px;
max-width: 320px;
text-align: center;
}
.projects-footer__contacts__descr {
margin-bottom: 20px;
}
.projects-footer__contacts__phone-link {
font-weight: 700;
font-size: 28px;
transition: opacity 0.3s;
}
.projects-footer__contacts__phone-link:hover {
opacity: 0.85;
transition: opacity 0.3s;
}
.projects-footer__contacts__messengers {
justify-content: center;
margin-top: 10px;
height: 40px;
}
.projects-footer__contacts__messengers .contacts-messengers__link {
width: 37px;
}
.projects-footer__contacts__messengers .contacts-messengers__link--whats {
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/WhatsApp-big.png);
}
.projects-footer__contacts__messengers .contacts-messengers__link--viber {
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/Viber-big.png);
}
.projects-footer__contacts__messengers .contacts-messengers__link--telegram {
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/Telegram-big.png);
}
.projects-footer__contacts__messengers .contacts-messengers__item {
margin-right: 2px;
}
.projects-footer__contacts__descr, .projects-footer__contacts__schedule {
font-family: "InterTight", sans-serif;
font-weight: 400;
font-size: 13px;
line-height: 160%;
}
@media (max-width: 768px) {
.projects-footer__contacts {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
max-width: none;
}
.projects-footer__contacts__descr {
max-width: 300px;
}
}
.calc-proj {
margin-right: 47px;
}
@media (max-width: 768px) {
.calc-proj {
margin-right: 0;
margin-bottom: 30px;
}
}
.calc-proj__img {
width: 300px;
height: 270px;
}
.calc-proj__content {
padding-top: 20px;
padding-left: 40px;
max-width: 235px;
}
@media (max-width: 768px) {
.calc-proj__content {
padding-left: 0;
max-width: 320px;
text-align: center;
}
}
.calc-proj__title {
margin-top: 0;
margin-bottom: 10px;
font-size: 28px;
}
.calc-proj__descr {
margin-bottom: 43px;
font-family: "InterTight", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 160%;
}
.calc-proj__link {
padding: 18px 36px;
}
.project-card {
min-width: 370px;
background-color: var(--color-white);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media (max-width: 768px) {
.project-card {
min-width: 320px;
}
}
@media (max-width: 576px) {
.project-card {
margin: auto;
width: 310px;
}
}
.project-card__gallery {
position: relative;
overflow: hidden;
height: 260px;
max-width: 100%;
}
.project-card__img {
display: block;
width: 100%;
height: calc(100% - 5px);
}
.project-card__img:hover {
cursor: zoom-in;
}
.project-card__swiper-pag {
position: absolute;
width: 100%;
height: 5px;
}
.project-card__content {
padding: 25px 35px 32px;
}
@media (max-width: 1024px) {
.project-card__content {
text-align: left;
}
}
@media (max-width: 768px) {
.project-card__content {
padding: 25px 15px 32px;
}
}
.project-card__title {
margin-top: 5px;
max-width: 300px;
font-size: 28px;
display: block;
margin-bottom: 25px;
}
.project-card__title:hover {
color: var(--color-red);
text-decoration:underline;
}
color: var(--color-red);
@media (max-width: 1024px) {
.project-card__title {
max-width: 100%;
}
}
.project-card__descr {
margin-top: -15px;
margin-bottom: 23px;
font-family: "InterTight", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 30px;
}
.project-card__tabs-list {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
width: 100%;
}
.project-card__tab {
display: flex;
justify-content: center;
width: 50%;
}
.project-card__tab button {
border: 1px solid var(--color-cerulean);
padding: 17px 0;
width: 100%;
font-family: "InterTight", sans-serif;
font-weight: 600;
font-size: 13px;
text-align: center;
color: var(--color-cerulean);
}
.project-card__tab:hover button {
background-color: var(--color-lily-white);
}
.project-card__tab--left button {
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
}
.project-card__tab--right button {
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
}
.project-card__tab--active button {
color: var(--color-white);
background-color: var(--color-cerulean);
}
.project-card__tab--active:hover button {
background-color: var(--color-cerulean);
}
.project-card__price-list {
margin-bottom: 20px;
}
.project-card__price-list--right {
display: none;
}
.project-card__price {
display: flex;
align-items: center;
border-radius: 50px;
padding: 10px 0;
padding-right: 30px;
padding-left: 20px;
max-width: 100%;
font-family: "InterTight", sans-serif;
font-size: 16px;
background-color: #eff3f5;
}
.project-card__price__preview {
margin-right: 15px;
border-radius: 100%;
width: 30px;
height: 30px;
}
.project-card__price__value {
margin-right: 0;
margin-left: auto;
font-weight: 800;
font-family: "InterTight", sans-serif;
}
.project-card__price__value--unknown {
border-bottom: 1px dashed currentColor;
color: var(--color-red);
}
.project-card__price__value--unknown:active, .project-card__price__value--unknown:focus {
border: none;
color: #dc1f4c;
}
.project-card__price__value--unknown:hover {
border: none;
color: #ff4a76;
cursor: pointer;
}
.project-card__price:nth-child(2n) {
background-color: var(--color-white);
}
.project-card__calc-btn {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 25px;
padding: 22px 0;
width: 100%;
}
.project-card__calc-btn img {
margin-right: 15px;
}
.project-card__more-link {
padding-left: 70px;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
text-align: center;
text-transform: uppercase;
color: #a3b1b7;
}
@media (max-width: 1024px) {
.project-card__more-link {
padding-left: 0;
}
}
.project-card__more-link:hover {
color: #919ea3;
}
.project-card__gallery.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0;
border-radius: 0;
width: 20%;
height: 5px;
}
.project-card__gallery.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {
background-color: var(--color-cerulean);
}
.about {
padding-top: 35px;
padding-bottom: 100px;
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/about-section-bg.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
@media (max-width: 576px) {
.about {
position: relative;
top: -180px;
}
}
.about__title {
margin-bottom: 35px;
max-width: 600px;
font-size: 72px;
line-height: 100%;
text-transform: uppercase;
}
@media (max-width: 1024px) {
.about__title {
max-width: 800px;
text-align: center;
}
}
@media (max-width: 576px) {
.about__title {
max-width: 80%;
font-size: 34px;
text-align: left;
}
}
.about__descr {
max-width: 470px;
font-family: "InterTight", sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 160%;
}
@media (max-width: 1024px) {
.about__descr {
max-width: 750px;
text-align: center;
}
}
@media (max-width: 576px) {
.about__descr {
max-width: 80%;
font-size: 16px;
text-align: left;
}
}
.about__about-projects {
display: flex;
flex-direction: column;
align-items: center;
}
.about__link {
padding: 29px 55px;
}
.about__link img {
margin-right: 20px;
transform: translateY(25%);
}
@media (max-width: 576px) {
.about__link {
display: flex;
align-items: flex-start;
}
.about__link img {
display: none;
}
.about__link span {
text-align: center;
}
}
.about .about-projects {
font-weight: 500;
transform: translateY(13px);
}
.about-grid {
display: grid;
grid-gap: 30px;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 60px;
margin-bottom: 56px;
}
@media (max-width: 1024px) {
.about-grid {
grid-template-columns: 1fr 1fr;
margin: 60px auto 50px 0;
max-width: 770px;
}
}
@media (max-width: 768px) {
.about-grid {
grid-template-columns: 1fr;
}
}
.about-grid__item {
border-radius: 24px;
padding: 50px;
padding-top: 180px;
width: 370px;
height: 370px;
text-align: center;
background-position: center 55px;
background-repeat: no-repeat;
background-color: #fff;
}
.about-grid__item--empty {
background-color: transparent;
}
@media (max-width: 1024px) {
.about-grid__item--empty {
display: none;
}
}
@media (max-width: 768px) {
.about-grid__item {
width: 100%;
}
}
@media (max-width: 576px) {
.about-grid__item {
height: auto;
}
}
.about-grid__title {
margin-top: 0;
margin-bottom: 25px;
font-size: 24px;
}
@media (max-width: 576px) {
.about-grid__title {
font-size: 20px;
}
}
.about-grid__descr {
font-family: "InterTight", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 160%;
}
@media (max-width: 768px) {
.about-grid__descr {
margin: auto;
max-width: 300px;
}
}
@media (max-width: 576px) {
.about-grid__descr {
font-size: 16px;
}
}
.excursion {
position: relative;
padding-bottom: 100px;
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/section-excursion-bg.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
transform: translateY(-28px);
}
@media (max-width: 768px) {
.excursion {
padding-bottom: 500px;
}
}
@media (max-width: 576px) {
.excursion {
top: -180px;
}
}
.excursion__content {
padding-top: 45px;
max-width: 50%;
}
@media (max-width: 768px) {
.excursion__content {
display: flex;
flex-direction: column;
width: 100%;
max-width: none;
text-align: center;
}
}
.excursion__title {
margin-bottom: 35px;
width: 100%;
font-size: 72px;
line-height: 100%;
text-transform: uppercase;
color: var(--color-white);
}
@media (max-width: 576px) {
.excursion__title {
width: 90%;
font-size: 34px;
text-align: left;
margin: auto;
margin-bottom: 10px;
}
}
.excursion__descr {
margin-bottom: 35px;
width: 90%;
font-family: "InterTight", sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 160%;
color: var(--color-white);
}
@media (max-width: 768px) {
.excursion__descr {
margin: auto;
}
}
@media (max-width: 576px) {
.excursion__descr {
font-size: 16px;
text-align: left;
}
}
@media (max-width: 768px) {
.excursion__contacts {
display: flex;
justify-content: center;
margin-top: 30px;
}
}
.excursion__social span {
font-family: "InterTight", sans-serif;
font-weight: 400;
font-size: 13px;
line-height: 160%;
color: var(--color-white);
}
.excursion__phone span {
font-family: "InterTight", sans-serif;
font-weight: 400;
font-size: 12px;
color: var(--color-white);
}
.excursion__phone .callback-form {
flex-direction: row;
flex-wrap: wrap;
margin-top: 10px;
max-width: 680px;
}
.excursion__phone .callback-form__phone {
margin-right: 15px;
width: auto;
}
.excursion__phone .callback-form__btn {
padding: 29px 58px;
width: auto;
}
.excursion__phone .callback-form__agree span {
color: var(--color-white);
}
@media (max-width: 768px) {
.excursion__phone {
position: relative;
width: 100%;
}
.excursion__phone span {
width: auto;
}
.excursion__phone .callback-form {
flex-direction: column;
align-items: center;
width: 100%;
max-width: none;
}
.excursion__phone .callback-form__phone {
margin-right: 0;
margin-bottom: 125px;
width: 80%;
}
.excursion__phone .callback-form__btn {
width: 80%;
}
.excursion__phone .callback-form__agree {
position: absolute;
left: 80px;
bottom: 110px;
}
}
@media (max-width: 576px) {
.excursion__phone .callback-form {
align-items: flex-start;
}
.excursion__phone .callback-form__phone {
width: 95%;
}
.excursion__phone .callback-form__agree {
left: 0;
}
}
.excursion__notification {
position: absolute;
left: 50%;
top: 37%;
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/time-not.png);
}
@media (max-width: 768px) {
.excursion__notification {
top: auto;
bottom: 230px;
left: 200px;
}
}
@media (max-width: 576px) {
.excursion__notification {
top: auto;
bottom: 180px;
left: 50%;
transform: translateX(-50%);
}
}
.excursion__social .callback-form-social-list__list {
margin-top: 14px;
margin-bottom: 34px;
}
.excursion__social .callback-form-social-list__item:hover .callback-form-social-list__img {
-webkit-animation: ex-social-anim 0.4s ease-in-out;
animation: ex-social-anim 0.4s ease-in-out;
cursor: pointer;
}
.excursion__social .callback-form-social-list__item svg {
fill: var(--color-white);
}
.custom-checkbox-agree {
cursor: pointer;
transition: opacity 0.3s;
}
.custom-checkbox-agree:hover {
opacity: 0.8;
transition: opacity 0.3s;
}
.custom-checkbox-agree__text {
position: relative;
display: inline-block;
padding-left: 45px;
font-family: "InterTight", sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 160%;
text-align: left !important;
color: var(--color-white);
}
.custom-checkbox-agree__text::before {
content: "";
position: absolute;
left: 0;
top: 0;
border: 1px solid #ffe036;
border-radius: 100%;
width: 24px;
height: 24px;
background-color: var(--color-white);
}
.custom-checkbox-agree--active .custom-checkbox-agree__text::before {
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/agree-checkbox-cheked.png);
background-position: center;
background-size: 8px 6px;
background-repeat: no-repeat;
background-color: #ffe036;
}
@-webkit-keyframes ex-social-anim {
0% {
transform: rotate(15deg);
}
33% {
transform: rotate(-15deg);
}
66% {
transform: rotate(15deg);
}
100% {
transform: rotate(-15deg);
}
}
@keyframes ex-social-anim {
0% {
transform: rotate(15deg);
}
33% {
transform: rotate(-15deg);
}
66% {
transform: rotate(15deg);
}
100% {
transform: rotate(-15deg);
}
}
.work-schema {
position: relative;
top: -48px;
z-index: 10;
padding-top: 100px;
padding-bottom: 185px;
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/section-work-schema-bg.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
@media (max-width: 768px) {
.work-schema {
padding-bottom: 50px;
}
}
@media (max-width: 576px) {
.work-schema {
top: -228px;
}
}
.work-schema::after {
content: "";
position: absolute;
left: 50%;
bottom: 50px;
width: 215px;
height: 65px;
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/promt-schema.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
transform: translateX(-50%);
}
@media (max-width: 768px) {
.work-schema::after {
bottom: 345px;
}
}
.work-schema__title {
margin-top: 0;
margin-bottom: 60px;
font-size: 72px;
text-transform: uppercase;
}
@media (max-width: 768px) {
.work-schema__title {
text-align: center;
}
}
@media (max-width: 576px) {
.work-schema__title {
font-size: 34px;
}
}
.work-schema .work-shema__stages-list {
display: flex;
flex-wrap: wrap;
min-width: 1170px;
}
@media (max-width: 1024px) {
.work-schema .work-shema__stages-list {
min-width: auto;
}
}
@media (max-width: 768px) {
.work-schema .work-shema__stages-list {
position: relative;
flex-direction: column;
}
}
.work-schema__feedback-link {
margin: 25px 0;
padding-left: 93px;
width: 100%;
}
.work-schema__feedback-link a {
display: block;
padding: 15px 34px;
width: 200px;
height: 45px;
font-size: 12px;
}
@media (max-width: 1024px) {
.work-schema__feedback-link {
padding: 0;
}
.work-schema__feedback-link a {
margin: auto;
}
}
@media (max-width: 768px) {
.work-schema__feedback-link {
position: absolute;
top: 275px;
}
}
.stages-item {
margin-right: 15px;
padding: 40px 55px 47px 50px;
width: 374px;
height: 280px;
background-color: var(--color-white);
}
@media (max-width: 1024px) {
.stages-item {
padding: 40px 25px 40px 25px;
width: 290px;
}
}
@media (max-width: 768px) {
.stages-item {
margin: auto;
width: 80%;
-webkit-clip-path: polygon(0% 0%, 96% 0, 100% 50%, 96% 100%, 0% 100%) !important;
clip-path: polygon(0% 0%, 96% 0, 100% 50%, 96% 100%, 0% 100%) !important;
}
.stages-item:not(:last-child) {
margin-bottom: 10px;
}
.stages-item:first-child {
margin-bottom: 85px;
}
.stages-item:nth-child(6n) {
margin-bottom: 105px;
}
}
.stages-item__top {
padding-left: 105px;
font-weight: 700;
text-transform: uppercase;
}
.stages-item__step {
font-size: 12px;
letter-spacing: 0.1em;
color: var(--color-cerulean);
}
.stages-item__title {
margin-top: 8px;
max-width: 130px;
font-size: 20px;
line-height: 130%;
}
@media (max-width: 576px) {
.stages-item__title {
font-size: 16px;
}
}
.stages-item__descr {
font-family: "InterTight", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 160%;
}
@media (max-width: 576px) {
.stages-item__descr {
font-size: 16px;
}
}
.stages-item--step-1 .stages-item__top {
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/step1.png);
background-position: 0 0;
background-repeat: no-repeat;
}
.stages-item--step-2 .stages-item__top {
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/step2.png);
background-position: 0 0;
background-repeat: no-repeat;
}
.stages-item--step-3 {
margin-right: 0;
}
.stages-item--step-3 .stages-item__top {
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/step3.png);
background-position: 0 0;
background-repeat: no-repeat;
}
@media (max-width: 768px) {
.stages-item--step-3 {
margin-right: auto;
}
}
.stages-item--step-4 .stages-item__top {
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/step4.png);
background-position: 0 0;
background-repeat: no-repeat;
}
.stages-item--step-5 .stages-item__top {
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/step5.png);
background-position: 0 0;
background-repeat: no-repeat;
}
.stages-item--step-6 {
margin-right: 0;
}
.stages-item--step-6 .stages-item__top {
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/step6.png);
background-position: 0 0;
background-repeat: no-repeat;
}
@media (max-width: 768px) {
.stages-item--step-6 {
margin-right: auto;
}
}
.stages-item--left {
-webkit-clip-path: polygon(0% 0%, 96% 0, 100% 50%, 96% 100%, 0% 100%);
clip-path: polygon(0% 0%, 96% 0, 100% 50%, 96% 100%, 0% 100%);
}
.stages-item--middle {
-webkit-clip-path: polygon(96% 0, 100% 50%, 96% 100%, 0% 100%, 4% 51%, 0% 0%);
clip-path: polygon(96% 0, 100% 50%, 96% 100%, 0% 100%, 4% 51%, 0% 0%);
}
.stages-item--right {
-webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%, 4% 50%);
clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%, 4% 50%);
}
.services {
position: relative;
padding-top: 100px;
padding-bottom: 245px;
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/section-services-bg.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
transform: translateY(-90px);
}
@media (max-width: 576px) {
.services {
top: -180px;
}
}
.services__title {
margin: 0 auto 40px;
max-width: 630px;
font-weight: 700;
font-size: 72px;
line-height: 100%;
text-align: center;
text-transform: uppercase;
}
@media (max-width: 576px) {
.services__title {
font-size: 43px;
}
}
.services__descr {
margin: auto;
margin-bottom: 35px;
max-width: 570px;
font-family: "InterTight", sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 160%;
text-align: center;
}
@media (max-width: 576px) {
.services__descr {
font-size: 16px;
}
}
.services__notification {
margin: auto;
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/bolt-not.png);
}
.services__list {
display: flex;
flex-direction: column;
padding: 70px 100px;
}
@media (max-width: 768px) {
.services__list {
padding: 70px 15px;
}
}
@media (max-width: 576px) {
.services__list {
flex-direction: row;
justify-content: center;
padding: 70px 0;
}
}
.services__item {
position: relative;
margin-bottom: 10px;
border-radius: 50%;
width: 70px;
height: 70px;
background-color: var(--color-cerulean);
}
.services__item svg {
position: absolute;
left: 50%;
top: 50%;
width: 16px;
height: 16px;
fill: #fff;
transform: translateY(-50%) translateX(-50%);
}
.services__item:hover {
background-color: var(--color-white);
}
.services__item:hover svg {
fill: var(--color-red);
}
.services__item:hover .services-content {
display: block;
}
@media (min-width: 769px) {
.services__item:nth-child(2n) {
align-self: flex-end;
}
.services__item:nth-child(2n) .services-content {
left: -500px;
}
.services__item:nth-child(2n) .services-content::before {
left: 441px;
transform: rotate(90deg);
}
.services__item:nth-child(2n) .services-content::after {
left: 463px;
top: 63px;
}
}
@media (max-width: 576px) {
.services__item {
width: 35px;
height: 35px;
}
.services__item:not(:last-child) {
margin-right: 10px;
}
.services__item:nth-child(1n) .services-content {
left: -5px;
top: 50px;
}
.services__item:nth-child(2n) .services-content {
left: -40px;
top: 50px;
}
.services__item:nth-child(3n) .services-content {
left: -75px;
top: 50px;
}
.services__item:nth-child(4n) .services-content {
left: -110px;
top: 50px;
}
.services__item:nth-child(5n) .services-content {
left: -145px;
top: 50px;
}
.services__item:nth-child(6n) .services-content {
left: -180px;
top: 50px;
}
}
.services-content {
position: absolute;
left: 100px;
top: -55px;
display: none;
border-radius: 25px;
padding: 40px 61px 43px 65px;
width: 470px;
height: 345px;
background-color: var(--color-white);
}
.services-content::before {
content: "";
position: absolute;
left: -41px;
top: 80px;
-webkit-clip-path: polygon(50% 0, 0% 100%, 100% 100%);
clip-path: polygon(50% 0, 0% 100%, 100% 100%);
width: 70px;
height: 15px;
background-color: var(--color-white);
transform: rotate(-90deg);
}
.services-content::after {
content: "";
position: absolute;
left: -41px;
top: 57px;
width: 45px;
height: 60px;
}
.services-content__title {
margin-top: 0;
margin-bottom: 25px;
font-size: 28px;
line-height: 110%;
}
@media (max-width: 576px) {
.services-content__title {
font-size: 18px;
}
}
.services-content__descr {
margin-bottom: 30px;
font-family: "InterTight", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 160%;
}
@media (max-width: 576px) {
.services-content__descr {
font-size: 14px;
}
}
.services-content__links {
display: flex;
}
@media (max-width: 576px) {
.services-content__links {
flex-direction: column;
}
}
.services-content__link {
border-radius: 50px;
padding: 20px 40px;
font-weight: 700;
font-size: 14px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--color-white);
}
@media (max-width: 576px) {
.services-content__link {
margin-bottom: 10px;
}
}
.services-content__link--blue {
margin-right: 5px;
}
.services-content__link--white {
border: 1px solid var(--color-mystic);
color: var(--color-bunker);
}
.services-content__link--white:focus, .services-content__link--white:active {
background-color: #ffed5b;
}
.services-content__link--white:hover {
border-color: transparent;
background-color: #fff180;
}
@media (max-width: 576px) {
.services-content {
padding: 25px 20px 10px;
width: 220px;
height: auto;
text-align: center;
}
.services-content::before {
left: 70px;
top: -10px;
transform: rotate(0deg);
}
.services-content__title {
margin-bottom: 5px;
}
.services-content__descr {
margin-bottom: 5px;
}
.services-content__link {
padding: 15px 30px;
}
}
.portfolio {
position: relative;
margin-top: -76px;
padding-top: 112px;
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/section-portfolio-bg.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
@media (max-width: 576px) {
.portfolio {
top: -180px;
}
}
.portfolio__title {
margin: auto;
margin-bottom: 34px;
max-width: 770px;
font-size: 72px;
line-height: 100%;
text-align: center;
text-transform: uppercase;
}
@media (max-width: 576px) {
.portfolio__title {
font-size: 34px;
}
}
.portfolio__descr {
margin: auto;
max-width: 600px;
font-family: "InterTight", sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 160%;
text-align: center;
}
@media (max-width: 576px) {
.portfolio__descr {
font-size: 16px;
}
}
.portfolio__notification {
position: absolute;
right: 19%;
top: 260px;
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/edit-not.png);
}
@media (max-width: 1024px) {
.portfolio__notification {
display: none;
}
}
.portfolio__map {
position: relative;
overflow: hidden;
margin-top: 60px;
margin-bottom: 30px;
padding-top: 200px;
width: 100%;
min-height: 650px;
background-color: var(--color-mystic);
}
.portfolio__map__location {
margin: auto;
width: 260px;
}
.portfolio__statistic {
margin-top: 60px;
}
.portfolio__statistic .statistic__item--count .statistic__img {
max-width: 300px;
}
@media (max-width: 768px) {
.portfolio__statistic .statistic__item--count .statistic__img {
width: 300px;
}
}
.map-location {
position: relative;
}
.map-location__content {
position: absolute;
left: 85px;
top: -55px;
border-radius: 14px;
width: 100%;
background-color: var(--color-white);
}
.map-location__content::before {
content: "";
position: absolute;
left: -41px;
top: 80px;
-webkit-clip-path: polygon(50% 0, 0% 100%, 100% 100%);
clip-path: polygon(50% 0, 0% 100%, 100% 100%);
width: 70px;
height: 15px;
background-color: var(--color-white);
transform: rotate(-90deg);
}
.map-location__content::after {
content: "";
position: absolute;
left: -41px;
top: 57px;
width: 45px;
height: 60px;
}
@media (max-width: 576px) {
.map-location__content {
left: 0;
}
}
.map-location__img {
margin: 15px 15px 0;
border-radius: 14px;
width: 230px;
}
.map-location__text {
padding: 20px 25px 30px;
}
.map-location__project-props {
display: flex;
align-items: center;
}
.map-location__project-prop {
border-radius: 50px;
padding: 7px 15px;
background-color: var(--color-lily-white);
}
.map-location__project-prop span {
font-weight: 700;
font-size: 12px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--color-cerulean);
}
.map-location__project-prop:not(:last-child) {
margin-right: 5px;
}
.map-location__title {
margin-bottom: 8px;
font-size: 20px;
line-height: 110%;
text-transform: uppercase;
}
.map-location__descr {
margin-bottom: 20px;
font-family: "InterTight", sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 160%;
}
.map-location__link {
padding: 12px 25px;
font-size: 12px;
}
.portfolio-slider {
overflow: hidden;
}
.portfolio-slider__list {
display: grid;
grid-gap: 30px;
grid-template-columns: 1fr 1fr 1fr;
height: 545px;
}
@media (max-width: 1024px) {
.portfolio-slider__list {
grid-template-columns: 1fr 1fr;
height: auto;
}
}
@media (max-width: 768px) {
.portfolio-slider__list {
grid-template-columns: 1fr;
}
}
.portfolio-slider__item {
position: relative;
width: 340px;
height: 260px;
}
@media (max-width: 1024px) {
.portfolio-slider__item {
width: 450px;
}
}
@media (max-width: 768px) {
.portfolio-slider__item {
margin: auto;
}
}
.portfolio-slider__img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.portfolio-slider__preview-list {
position: absolute;
left: 35px;
bottom: 35px;
display: flex;
width: 100%;
}
.portfolio-slider__preview-item {
border-radius: 100%;
width: 50px;
height: 50px;
}
.portfolio-slider__preview-item img {
position: relative;
border-radius: 100%;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.portfolio-slider__preview-item:not(:last-child) {
margin-right: 5px;
border: 5px solid var(--color-white);
width: 40px;
height: 40px;
}
.portfolio-slider__preview-item:not(:last-child):hover {
border-color: #ffe036;
cursor: pointer;
}
.portfolio-slider__preview-item--link {
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
text-align: center;
background-color: var(--color-cerulean);
}
.portfolio-slider__preview-item--link a {
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--color-white);
}
.portfolio-slider__preview-item--link:focus, .portfolio-slider__preview-item--link:active {
background-color: #0ba5e2;
}
.portfolio-slider__preview-item--link:hover {
background-color: #17bdff;
cursor: pointer;
}
.portfolio-slider__pag {
display: flex;
justify-content: center;
margin-top: 50px;
}
.portfolio-slider__pag.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 15px;
}
.reviews {
padding-top: 100px;
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/reviews-section-bg.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.reviews__container {
padding: 0;
}
.reviews__title {
margin: 0 auto 30px;
max-width: 970px;
font-size: 72px;
line-height: 100%;
text-align: center;
text-transform: uppercase;
}
@media (max-width: 576px) {
.reviews__title {
font-size: 34px;
}
}
.reviews__descr {
margin: 0 auto 50px;
max-width: 630px;
font-family: "InterTight", sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 160%;
text-align: center;
}
@media (max-width: 1024px) {
.reviews__descr {
margin-bottom: 100px;
}
}
@media (max-width: 576px) {
.reviews__descr {
font-size: 16px;
}
}
.reviews__slider-container {
position: relative;
min-width: 1170px;
}
@media (max-width: 1024px) {
.reviews__slider-container {
margin: auto;
width: 95%;
min-width: auto;
}
}
.reviews__slider {
position: relative;
overflow: hidden;
margin: auto;
margin-bottom: 60px;
width: 1020px;
height: 555px;
box-shadow: 0 35px 70px rgba(11, 15, 17, 0.05);
}
@media (max-width: 1024px) {
.reviews__slider {
margin: 0 0 60px;
width: 100%;
}
}
@media (max-width: 768px) {
.reviews__slider {
height: auto;
}
}
.reviews__slider__prev-btn {
left: 70px;
transform: rotate(-180deg);
}
@media (max-width: 1024px) {
.reviews__slider__prev-btn {
left: 40%;
}
}
@media (max-width: 768px) {
.reviews__slider__prev-btn {
left: 35%;
}
}
@media (max-width: 576px) {
.reviews__slider__prev-btn {
left: 20%;
}
}
.reviews__slider__next-btn {
right: 70px;
}
@media (max-width: 1024px) {
.reviews__slider__next-btn {
right: 40%;
}
}
@media (max-width: 768px) {
.reviews__slider__next-btn {
right: 35%;
}
}
@media (max-width: 576px) {
.reviews__slider__next-btn {
right: 20%;
}
}
.reviews__slider__prev-btn, .reviews__slider__next-btn {
position: absolute;
bottom: 250px;
z-index: 40;
border: 10px solid #f7f9fa;
border-radius: 100%;
padding: 12px 12px 10px;
width: 85px;
height: 85px;
color: var(--color-white);
background-color: var(--color-mystic);
}
.reviews__slider__prev-btn svg, .reviews__slider__next-btn svg {
width: 14px;
height: 14px;
fill: currentColor;
}
.reviews__slider__prev-btn:hover, .reviews__slider__next-btn:hover {
background-color: var(--color-cerulean);
}
@media (max-width: 1024px) {
.reviews__slider__prev-btn, .reviews__slider__next-btn {
top: -90px;
}
}
.reviews__more {
display: flex;
flex-direction: column;
align-items: center;
}
.reviews__more__link {
margin-bottom: 22px;
padding: 29px 55px;
cursor: pointer;
}
.reviews .about-projects {
font-weight: 500;
color: #a3b1b7;
}
.reviews__slider-pag {
margin-top: 10px;
margin-bottom: 10px;
}
.reviews__slider.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
display: flex;
justify-content: center;
}
.reviews__slider.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 30px;
}
.review-card {
display: flex;
border-radius: 12px;
padding: 50px;
height: 100%;
max-width: 100%;
background-color: var(--color-white);
}
@media (max-width: 768px) {
.review-card {
flex-direction: column;
}
}
.review-card__gallery {
position: relative;
margin-right: 5.5%;
width: 47%;
height: 100%;
}
@media (max-width: 1024px) {
.review-card__gallery {
width: 40%;
}
}
@media (max-width: 768px) {
.review-card__gallery {
width: 100%;
}
}
.review-card__image {
border-radius: 15px;
width: 100%;
min-height: 310px;
cursor: zoom-in;
}
@media (max-width: 1024px) {
.review-card__image {
min-height: 253px;
}
}
@media (max-width: 768px) {
.review-card__image {
width: 90%;
margin-left: 5%;
}
}
@media (max-width: 576px) {
.review-card__image {
margin-left: 0;
width: 100%;
min-height: 180px;
}
}
.review-card__preview-slider {
overflow: hidden;
margin-top: 15px;
}
.review-card__preview-slider__slide {
display: flex;
border-radius: 15px;
min-height: 130px;
flex-direction: column;
text-align: center;
transition: opacity 0.3s;
}
.review-card__preview-slider__slide img {
border-radius: 15px;
min-width: 100%;
min-height: 98px;
}
@media (max-width: 1024px) {
.review-card__preview-slider__slide img {
min-height: 75px;
}
}
@media (max-width: 768px) {
.review-card__preview-slider__slide img {
min-height: 140px;
}
}
@media (max-width: 576px) {
.review-card__preview-slider__slide img {
height: 80px;
min-height: auto;
}
}
@media (max-width: 320px) {
.review-card__preview-slider__slide img {
height: 50px;
min-height: auto;
}
}
.review-card__preview-slider__slide:not(:last-child) {
margin-right: 5%;
}
@media (max-width: 768px) {
.review-card__preview-slider__slide:not(:last-child) {
margin-right: 0;
}
}
.review-card__preview-slider__slide:hover {
opacity: 0.6;
transition: opacity 0.3s;
cursor: pointer;
}
.review-card__preview-slider span {
margin-top: 15px;
font-family: "InterTight", sans-serif;
font-weight: 400;
font-size: 12px;
color: #a3b1b7;
}
.review-card__preview-slider__prev-btn {
left: -35px;
transform: scale(-1, 1);
}
.review-card__preview-slider__next-btn {
right: -35px;
}
.review-card__preview-slider__prev-btn, .review-card__preview-slider__next-btn {
position: absolute;
bottom: 145px;
z-index: 20;
border: 10px solid var(--color-white);
border-radius: 100%;
padding: 12px 12px 10px;
width: 20px;
height: 20px;
color: var(--color-white);
background-color: var(--color-mystic);
}
.review-card__preview-slider__prev-btn svg, .review-card__preview-slider__next-btn svg {
width: 14px;
height: 14px;
fill: currentColor;
}
.review-card__preview-slider__prev-btn:hover, .review-card__preview-slider__next-btn:hover {
background-color: var(--color-cerulean);
}
@media (max-width: 1024px) {
.review-card__preview-slider__prev-btn, .review-card__preview-slider__next-btn {
bottom: 215px;
}
}
@media (max-width: 768px) {
.review-card__preview-slider__prev-btn, .review-card__preview-slider__next-btn {
bottom: 60px;
padding: 12px 12px 10px;
width: 40px;
height: 40px;
}
}
@media (max-width: 576px) {
.review-card__preview-slider__prev-btn, .review-card__preview-slider__next-btn {
bottom: 65px;
border: 7px solid var(--color-white);
padding: 12px 12px 10px;
width: 15px;
height: 15px;
}
}
@media (max-width: 320px) {
.review-card__preview-slider__prev-btn, .review-card__preview-slider__next-btn {
bottom: 85px;
border: 7px solid var(--color-white);
padding: 8px 8px 10px;
width: 10px;
height: 10px;
}
}
.review-card__content {
width: 47.5%;
height: 100%;
}
@media (max-width: 1024px) {
.review-card__content {
padding-right: 20px;
width: 54.5%;
}
}
@media (max-width: 768px) {
.review-card__content {
margin-top: 25px;
width: 100%;
}
}
.review-card__user-info {
margin-bottom: 30px;
width: 100%;
max-height: 65px;
}
.review-card__props {
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 1024px) {
.review-card__props {
max-width: 85%;
}
}
@media (max-width: 768px) {
.review-card__props {
width: 100%;
max-width: none;
}
}
@media (max-width: 576px) {
.review-card__props {
flex-direction: column;
}
}
.review-card__prop {
display: flex;
flex-direction: column;
}
.review-card__prop__title {
margin-bottom: 10px;
padding-left: 20px;
font-weight: 700;
font-size: 14px;
letter-spacing: 0.1em;
text-transform: uppercase;
background: url(//53-doma.ru/wp-content/themes/53houses/img/blue-elipse.png);
background-position: center left;
background-repeat: no-repeat;
}
.review-card__prop__descr {
max-height: 60px;
font-family: "InterTight", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 160%;
}
@media (max-width: 576px) {
.review-card__prop {
margin-right: auto;
margin-bottom: 50px;
margin-left: 0;
}
.review-card__prop__descr {
max-height: 40px;
}
}
.review-card__text-review {
max-width: 450px;
font-family: "InterTight", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 160%;
}
@media (max-width: 768px) {
.review-card__text-review {
max-width: none;
}
}
.review-card__source-link {
display: block;
margin-top: 37px;
margin-bottom: 15px;
border: 1px solid var(--color-mystic);
border-radius: 50px;
padding: 20px 40px;
max-width: 217px;
font-weight: 700;
font-size: 14px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.review-card__source-link:focus, .review-card__source-link:active {
background-color: #ffed5b;
}
.review-card__source-link:hover {
border-color: transparent;
background-color: #fff180;
}
@media (max-width: 768px) {
.review-card__source-link {
margin: auto;
margin-bottom: 25px;
}
}
.review-card__source-link-descr {
margin-left: 50px;
font-family: "InterTight", sans-serif;
font-weight: 400;
font-size: 13px;
line-height: 160%;
text-align: center;
color: #a3b1b7;
opacity: 0.85;
}
@media (max-width: 768px) {
.review-card__source-link-descr {
display: block;
margin-left: 0;
width: 100%;
text-align: center;
}
}
.user-info {
display: flex;
align-items: center;
}
.user-info__content {
display: flex;
flex-wrap: wrap;
padding-left: 25px;
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/quote.png);
background-position: right 0;
background-repeat: no-repeat;
}
@media (max-width: 576px) {
.user-info__content {
background-image: none;
}
}
.user-info__name {
margin-bottom: 12px;
width: 100%;
font-weight: 700;
font-size: 28px;
}
.user-info__review-rate {
margin-left: 5px;
width: 127px;
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/rate.png);
background-position: right 25%;
background-repeat: no-repeat;
}
.user-info__review-date, .user-info__review-rate {
font-family: "InterTight", sans-serif;
font-weight: 400;
font-size: 18px;
}
.callback {
padding-top: 105px;
padding-bottom: 110px;
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/callback-section-bg.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
@media (max-width: 768px) {
.callback {
padding-bottom: 800px;
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/callback-section-bg-mobile.png);
background-position: bottom center;
}
}
.callback__container {
position: relative;
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/manager.png);
background-position: 40% 70%;
background-repeat: no-repeat;
}
@media (max-width: 1024px) {
.callback__container {
background-size: 300px 150px;
}
}
@media (max-width: 576px) {
.callback__container {
padding: 0 5px;
}
}
.callback__title {
margin: 0;
margin-bottom: 35px;
max-width: 370px;
font-size: 48px;
line-height: 110%;
}
@media (max-width: 768px) {
.callback__title {
max-width: 80%;
}
}
@media (max-width: 576px) {
.callback__title {
padding-left: 20px;
font-size: 34px;
}
}
.callback__descr {
font-family: "InterTight", sans-serif;
font-weight: 400;
margin-bottom: 40px;
max-width: 370px;
font-size: 20px;
line-height: 160%;
}
@media (max-width: 768px) {
.callback__descr {
max-width: 90%;
}
}
@media (max-width: 576px) {
.callback__descr {
padding-left: 20px;
font-size: 16px;
}
}
.callback__proposal {
font-family: "InterTight", sans-serif;
font-weight: 400;
margin-bottom: 50px;
max-width: 270px;
font-size: 20px;
line-height: 160%;
}
@media (max-width: 768px) {
.callback__proposal {
max-width: 60%;
}
}
@media (max-width: 576px) {
.callback__proposal {
padding-left: 20px;
}
}
.callback img[alt="ruble icon"] {
padding-left: 20px;
}
.callback__details-link {
padding: 20px 40px;
}
@media (max-width: 768px) {
.callback__details-link {
position: absolute;
left: 30%;
top: 290px;
}
}
@media (max-width: 576px) {
.callback__details-link {
display: none;
}
}
.callback__form {
position: absolute;
right: 0;
top: 0;
border-radius: 24px;
padding: 50px 45px;
width: 470px;
height: 660px;
box-shadow: 0 35px 70px 0 rgba(11, 15, 17, 0.15);
text-align: center;
background-color: var(--color-white);
}
.callback__form__title {
margin-bottom: 0;
font-size: 28px;
}
.callback__form__descr {
font-family: "InterTight", sans-serif;
font-weight: 400;
font-size: 16px;
}
@media (max-width: 768px) {
.callback__form {
position: relative;
margin: auto;
}
}
@media (max-width: 576px) {
.callback__form {
padding: 10px 10px 20px;
width: 310px;
height: auto;
}
.callback__form__title {
font-size: 18px;
}
.callback__form__descr {
font-size: 14px;
}
}
.callback__manager {
display: none;
}
@media (max-width: 768px) {
.callback__manager {
position: absolute;
left: 50%;
bottom: -600px;
display: block;
transform: translateX(-50%);
}
}
@media (max-width: 576px) {
.callback__manager {
bottom: -700px;
}
}
.callback__form .callback-form-social-list__list {
margin-top: 14px;
margin-bottom: 34px;
padding-left: 50px;
}
@media (max-width: 576px) {
.callback__form .callback-form-social-list__list {
justify-content: center;
padding-left: 0;
}
}
.callback__form .callback-form-social-list__item {
border: 1px solid #bfc9cd;
border-radius: 100%;
padding-top: 9px;
padding-left: 1px;
width: 50px;
height: 50px;
transition: background-color opacity 15s;
cursor: pointer;
}
.callback__form .callback-form-social-list__item img {
width: 30px;
height: 30px;
cursor: pointer;
}
.callback__form .callback-form-social-list__item:not(:last-child) {
margin-right: 30px;
}
.callback__form .callback-form-social-list__item--whats:hover {
background: linear-gradient(45deg, #2bdb48, #2ca310);
opacity: 0.8;
transition: background-color opacity 15s;
}
.callback__form .callback-form-social-list__item--viber:hover {
background: linear-gradient(45deg, #7e3dae, #8a3fc9);
opacity: 0.8;
transition: background-color opacity 15s;
}
.callback__form .callback-form-social-list__item--telega:hover {
background: linear-gradient(45deg, #229fd9, #356dc7);
opacity: 0.8;
transition: background-color opacity 15s;
}
.callback__form .callback-form-social-list__item--call:hover {
background: linear-gradient(45deg, #ffe036, #c1cc0b);
opacity: 0.8;
transition: background-color opacity 15s;
}
.callback__form .callback-form-social-list__item--active {
transform: scale(0.8);
}
.callback__form .phone-input {
margin-bottom: 25px;
}
.main-catalog {
padding-bottom: 100px;
}
.main-catalog__title {
margin: 0;
font-size: 72px;
text-transform: uppercase;
}
.main-catalog__page-index {
margin-left: 20px;
color: #818d92;
}
.main-catalog__filters {
margin-top: 10px;
margin-bottom: 30px;
padding-right: 25px;
padding-left: 25px;
min-width: 1170px;
background-color: var(--color-white);
}
@media (max-width: 1200px) {
.main-catalog__filters {
min-width: auto;
}
}
@media (max-width: 576px) {
.main-catalog__filters {
padding-right: 5px;
padding-left: 5px;
}
}
.main-catalog__grid {
display: grid;
grid-gap: 30px;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 45px;
}
@media (max-width: 1200px) {
.main-catalog__grid {
grid-template-columns: 1fr 1fr;
margin-left: 60px;
margin-right: 60px;
}
}
@media (max-width: 1024px) {
.main-catalog__grid {
margin-left: 0;
margin-right: 0;
}
}
@media (max-width: 576px) {
.main-catalog__grid {
grid-template-columns: 1fr;
}
}
.catalog-filters__top {
position: relative;
display: flex;
border-bottom: 1px solid var(--color-mystic);
padding: 35px 40px;
padding-bottom: 30px;
}
.catalog-filters__top__title {
margin-right: 40px;
font-weight: 700;
font-size: 34px;
}
@media (max-width: 576px) {
.catalog-filters__top__title {
font-size: 28px;
}
}
.catalog-filters__top .hide-filters {
position: absolute;
right: 0;
top: 50%;
display: none;
width: 30px;
height: 30px;
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/triple-arrows.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
transform: translateY(-50%);
}
.catalog-filters__top .hide-filters:hover {
-webkit-animation: hide-filters-btn 0.8s ease-in-out infinite;
animation: hide-filters-btn 0.8s ease-in-out infinite;
}
.catalog-filters__top .hide-filters--active {
transform: scale(1, -1);
}
@media (max-width: 768px) {
.catalog-filters__top .hide-filters {
display: block;
}
}
@-webkit-keyframes hide-filters-btn {
0% {
top: 50%;
}
50% {
top: 60%;
}
100% {
top: 50%;
}
}
@keyframes hide-filters-btn {
0% {
top: 50%;
}
50% {
top: 60%;
}
100% {
top: 50%;
}
}
.catalog-filters__choice-list {
display: flex;
flex-wrap: wrap;
}
.catalog-filters__choice-item {
margin-bottom: 5px;
border-radius: 50px;
padding: 12px 25px;
color: var(--color-cerulean);
background-color: var(--color-lily-white);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.catalog-filters__choice-item:not(:last-child) {
margin-right: 5px;
}
.catalog-filters__choice-item:hover {
color: var(--color-white);
background-color: var(--color-cerulean);
}
.catalog-filters__main {
display: flex;
flex-direction: column;
padding: 0 40px;
}
@media (max-width: 768px) {
.catalog-filters__main {
overflow: hidden;
height: 0;
}
}
@media (max-width: 576px) {
.catalog-filters__main {
padding: 0 5px;
}
}
.catalog-filters__main--active {
height: auto;
}
.catalog-filters__row {
display: flex;
padding: 35px 0 55px;
width: 100%;
}
.catalog-filters__row:first-child {
border-bottom: 1px solid var(--color-mystic);
padding: 35px 0 45px;
}
@media (max-width: 1200px) {
.catalog-filters__row {
flex-wrap: wrap;
justify-content: space-between;
}
}
@media (max-width: 576px) {
.catalog-filters__row {
flex-direction: column;
}
}
.catalog-filters__column {
display: flex;
flex-direction: column;
align-items: space-between;
justify-content: flex-start;
}
@media (max-width: 1200px) {
.catalog-filters__column {
width: 50%;
margin-bottom: 40px;
}
}
.catalog-filters__column__title {
margin-bottom: 25px;
font-weight: 700;
font-size: 16px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.catalog-filters__column:first-child {
width: 320px;
}
.catalog-filters__column:not(:first-child) {
margin-left: 70px;
}
@media (max-width: 1200px) {
.catalog-filters__column:not(:first-child) {
margin-left: 0;
}
}
.catalog-filters__checkboxes-container {
display: flex;
flex-flow: column wrap;
max-height: 160px;
}
.catalog-filters__checkbox {
transition: opacity 0.3s;
}
.catalog-filters__checkbox:not(:nth-child(5n)) {
margin-bottom: 10px;
}
.catalog-filters__checkbox:hover {
opacity: 0.7;
transition: opacity 0.3s;
cursor: pointer;
}
.catalog-filters__checkbox--active .catalog-filters__checkbox-text::before {
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/Stroke.png);
background-position: center;
background-size: 6px 4px;
background-repeat: no-repeat;
background-color: var(--color-cerulean);
}
.catalog-filters__checkbox-text {
position: relative;
font-family: "InterTight", sans-serif;
font-weight: 400;
padding-left: 40px;
font-size: 18px;
line-height: 120%;
}
.catalog-filters__checkbox-text::before {
content: "";
position: absolute;
left: 0;
top: 0;
border: 1px solid var(--color-mystic);
width: 24px;
height: 24px;
}
.catalog-filters__inputs-list {
display: flex;
align-items: center;
justify-content: center;
width: 300px;
height: 60px;
}
.catalog-filters__inputs-list__item {
width: 50%;
height: 100%;
}
.catalog-filters__inputs-list__item input {
border: 1px solid var(--color-mystic);
width: 100%;
height: 100%;
font-weight: 700;
font-size: 14px;
letter-spacing: 0.1em;
text-transform: uppercase;
caret-color: var(--color-cerulean);
}
.catalog-filters__inputs-list__item input:focus {
outline: none;
}
.catalog-filters__inputs-list__item:first-child input {
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
padding: 0 30px 0 35px;
}
.catalog-filters__inputs-list__item:last-child input {
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
padding: 0 35px 0 30px;
}
.catalog-filters__range {
margin-top: 30px;
}
.catalog-filters__bottom {
display: flex;
justify-content: center;
border-top: 1px solid var(--color-mystic);
padding: 35px 0;
}
.catalog-filters__bottom a,
.catalog-filters__bottom button {
padding: 25px 55px;
}
.catalog-filters__bottom a:not(:last-child),
.catalog-filters__bottom button:not(:last-child) {
margin-right: 10px;
}
@media (max-width: 576px) {
.catalog-filters__bottom {
font-size: 12px;
}
.catalog-filters__bottom a,
.catalog-filters__bottom button {
padding: 15px 25px;
}
}
.catalog-filters__reset-filters:disabled {
opacity: 0.3;
}
.catalog-filters__reset-filters:disabled:hover {
color: var(--color-cerulean);
background-color: var(--color-lily-white);
cursor: not-allowed;
}
.catalog-pagination {
display: flex;
justify-content: center;
width: 100%;
font-weight: 700;
font-size: 16px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #777d80;
}
@media (max-width: 576px) {
.catalog-pagination {
}
}
.catalog-pagination__list {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
margin: 0 10px;
}
.catalog-pagination__item {
border-radius: 100%;
padding-top: 19px;
width: 60px;
height: 60px;
text-align: center;
background-color: #cecece;
}
.catalog-pagination__item:not(:last-child) {
margin-right: 10px;
}
.catalog-pagination__item--dotted {
background-color: transparent;
}
.catalog-pagination__prev {
display: none;
}
.catalog-pagination__prev, .catalog-pagination__next {
border-radius: 50px;
padding: 20px 35px;
background-color: #cecece;
}
.catalog-pagination__prev:hover, .catalog-pagination__next:hover, .catalog-pagination__item:hover {
color: var(--color-white);
background-color: var(--color-cerulean);
cursor: pointer;
}
.catalog-pagination__prev--dotted:hover, .catalog-pagination__next--dotted:hover, .catalog-pagination__item--dotted:hover {
color: #777d80;
background-color: transparent;
cursor: default;
}
.catalog-filters__range.noUi-target {
border: none;
}
.catalog-filters__range.noUi-horizontal {
width: 300px;
height: 5px;
background-color: var(--color-mystic);
}
.catalog-filters__range .noUi-connects {
border-radius: 100px;
}
.catalog-filters__range .noUi-connect {
background-color: var(--color-cerulean);
}
.catalog-filters__range .noUi-handle {
top: -10px;
border-radius: 100%;
width: 25px;
height: 25px;
cursor: pointer;
}
.catalog-filters__range .noUi-handle::after, .catalog-filters__range .noUi-handle::before {
content: "";
position: absolute;
left: 0;
top: 0;
border-radius: 100%;
width: 100%;
height: 100%;
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/Vectors.png);
background-position: center;
background-repeat: no-repeat;
background-color: transparent;
}
.catalog-filters__range .noUi-touch-area {
border-radius: 100%;
background-color: var(--color-cerulean);
}
.main-project {
background-color: #e5e5e5;
}
.main-project__title {
margin: 0px 0 20px;
font-size: 72px;
line-height: 100%;
text-transform: uppercase;
}
@media (max-width: 576px) {
.main-project__title {
max-width: 70%;
font-size: 34px;
}
}
.main-project .work-schema {
top: 0;
z-index: 0;
margin-top: 80px;
background-image: none;
}
.product-page-card__container {
display: flex;
min-width: 1170px;
}
@media (max-width: 1200px) {
.product-page-card__container {
min-width: auto;
}
}
@media (max-width: 1200px) and (max-width: 1024px) {
.product-page-card__container {
flex-direction: column;
}
}
.product-page-card__left {
margin-right: 2.5%;
width: 66%;
height: 100%;
}
@media (max-width: 1024px) {
.product-page-card__left {
width: 100%;
margin-bottom: 25px;
}
}
.product-page-card__gallery {
position: relative;
overflow: hidden;
margin-bottom: -20px;
}
.product-page-card__gallery img {
width: 100%;
height: 540px;
}
@media (max-width: 576px) {
.product-page-card__gallery img {
max-height: 300px;
}
}
.product-page-card__guarantee {
position: absolute;
left: 8%;
top: 8%;
z-index: 100;
padding: 60px 27px 34px;
width: 140px;
height: 140px;
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/guarantee.png);
background-position: center 20%;
}
@media (max-width: 576px) {
.product-page-card__guarantee {
display: none;
}
}
.product-page-card__btn-container {
position: absolute;
right: 8%;
bottom: 13%;
z-index: 110;
}
.product-page-card__btn-container button {
border: 1px solid var(--color-white);
color: var(--color-white);
}
.product-page-card__btn-container button:hover {
border-color: transparent;
background-color: var(--color-red);
}
.product-page-card__btn-container button:first-child {
transform: rotate(-180deg);
}
@media (max-width: 1024px) {
.product-page-card__btn-container {
top: 13%;
}
}
.product-page-card__paginaton {
position: absolute;
left: 8%;
bottom: 11%;
z-index: 100;
display: flex;
justify-content: flex-start;
}
@media (max-width: 576px) {
.product-page-card__paginaton {
left: 2%;
z-index: 120;
}
}
.product-page-card__prev-image {
border: 5px solid var(--color-white);
border-radius: 100%;
width: 70px;
height: 70px;
}
@media (max-width: 576px) {
.product-page-card__prev-image {
border: 3px solid var(--color-white);
width: 50px;
height: 50px;
}
}
@media (max-width: 320px) {
.product-page-card__prev-image {
width: 40px;
height: 40px;
}
}
.product-page-card__prev-image img {
position: relative;
border-radius: 100%;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.product-page-card__prev-image:not(:last-child) {
margin-right: 9px;
}
@media (max-width: 320px) {
.product-page-card__prev-image:not(:last-child) {
margin-right: 3px;
}
}
.product-page-card__prev-image:hover {
border-color: #ffe036;
cursor: pointer;
}
.product-page-card__attention {
padding: 50px 50px 50px 50px;
width: 100%;
}
.product-page-card__attention__text {
font-size: 16px;
}
@media (max-width: 576px) {
.product-page-card__attention {
padding: 30px 30px 30px;
text-align: center;
background-position: top center;
}
.product-page-card__attention__text {
display: block;
margin: auto;
max-width: 300px;
}
}
.product-page-card__promotion {
display: flex;
align-items: center;
border-top: 1px solid var(--color-mystic);
border-bottom: 1px solid var(--color-mystic);
padding-right: 60px;
padding-left: 200px;
width: 100%;
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/Ruble.png);
background-position: 9% center;
background-repeat: no-repeat;
}
.product-page-card__promotion__text {
font-size: 20px;
}
@media (max-width: 576px) {
.product-page-card__promotion__text {
max-width: 270px;
text-align: center;
}
}
.product-page-card__promotion__link {
margin-left: 100px;
padding: 20px 40px;
width: 175px;
height: 60px;
}
@media (max-width: 576px) {
.product-page-card__promotion__link {
margin: auto;
}
}
@media (max-width: 576px) {
.product-page-card__promotion {
flex-direction: column;
align-items: center;
padding: 110px 0 45px;
background-position: center 20%;
}
}
.product-page-card__statistic {
width: 100%;
}
.product-page-card__statistic .statistic__item--count .statistic__img {
max-width: 300px;
}
.product-page-card__statistic .statistic__item {
width: 50%;
}
@media (max-width: 768px) {
.product-page-card__statistic .statistic__item {
width: 100%;
}
}
.product-page-card__right {
width: 31.5%;
height: 100%;
}
.product-page-card__right div:not(:last-child) {
border-bottom: 1px solid var(--color-mystic);
}
@media (max-width: 1024px) {
.product-page-card__right {
width: 100%;
height: auto;
}
}
.product-page-card__props {
padding: 30px 15px 0;
}
.product-page-card__props__title {
padding-left: 20px;
font-weight: 700;
font-size: 24px;
}
.product-page-card__props__list {
margin-top: 15px;
width: 100%;
font-family: "InterTight", sans-serif;
font-weight: 400;
font-size: 16px;
}
.product-page-card__props__item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 13px 20px;
width: 100%;
}
.product-page-card__props__item:not(:last-child) {
border-bottom: 1px solid var(--color-mystic);
}
.product-page-card__props__item_value {
font-weight: 800;
}
.product-page-card__features {
padding: 35px 44px;
}
.product-page-card__features__title {
font-weight: 700;
font-size: 24px;
}
.product-page-card__features__list {
display: flex;
flex-wrap: wrap;
max-width: 100%;
}
.product-page-card__features__item {
padding-top: 60px;
width: 80px;
height: 80px;
font-family: "InterTight", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 160%;
text-align: center;
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/features-bg.png);
background-position: center;
background-repeat: no-repeat;
}
.product-page-card__features__item:not(:nth-child(3n)) {
margin-right: 20px;
}
.product-page-card__sets {
padding: 25px 45px 0;
}
.product-page-card__sets__title {
margin-bottom: 13px;
font-weight: 700;
font-size: 24px;
}
.product-page-card__sets__list {
width: 100%;
}
.product-page-card__sets__item {
display: flex;
justify-content: space-between;
padding: 11px 0 18px;
width: 100%;
font-weight: 700;
}
@media (max-width: 1024px) {
.product-page-card__sets__item {
flex-direction: column;
}
}
.product-page-card__sets__item:not(:last-child) {
border-bottom: 1px solid var(--color-mystic);
}
.product-page-card__sets__item_left {
display: flex;
flex-direction: column;
line-height: 140%;
text-transform: uppercase;
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/question_mark.png);
background-position: left 35px;
background-repeat: no-repeat;
}
.product-page-card__sets__item_left span {
margin-bottom: 3px;
font-size: 20px;
}
.product-page-card__sets__item_left a {
margin-left: 26px;
border-bottom: 1px dashed currentColor;
padding-top: 5px;
width: 86px;
font-size: 12px;
color: var(--color-cerulean);
}
.product-page-card__sets__item_left a:hover {
color: #17bdff;
}
.product-page-card__sets__item_right {
padding-top: 20px;
}
.product-page-card__sets__item_left, .product-page-card__sets__item_right {
border-bottom: none !important;
}
.product-page-card__contacts {
display: flex;
flex-direction: column;
justify-content: center;
padding: 25px 35px 25px;
}
.product-page-card__contacts__link {
margin-bottom: 15px;
padding: 25px 45px 25px 80px;
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/finger-white.png);
background-position: 15% center;
background-repeat: no-repeat;
}
@media (max-width: 1024px) {
.product-page-card__contacts__link {
padding: 25px 45px;
background-image: none;
text-align: center;
}
}
.product-page-card__contacts .about-projects {
margin-bottom: 5px;
color: #818d92;
}
.product-page-card__contacts .about-projects:not(:last-child) {
margin-bottom: 20px;
}
.product-page-card__contacts__tel {
margin-bottom: 2px;
font-size: 28px;
text-align: center;
}
.product-page-card__contacts__descr {
margin-bottom: 15px;
font-family: "InterTight", sans-serif;
font-weight: 400;
font-size: 13px;
text-align: center;
}
.product-page-card .contacts-messengers {
justify-content: center;
}
.product-page-card__left, .product-page-card__right {
background-color: var(--color-white);
}
.product-page-card__attention__text, .product-page-card__promotion__text {
font-family: "InterTight", sans-serif;
font-weight: 400;
line-height: 160%;
}
.product-page-card__attention__text span, .product-page-card__promotion__text span {
font-weight: 800;
}
.open-plan {
cursor: pointer;
}
@media (max-width: 576px) {
.more-projects .projects__header {
align-items: flex-start;
height: 110px;
}
.more-projects .projects__header .projects-slider-nav {
left: 10px;
top: 50px;
}
}
@media (max-width: 768px) {
.more-projects .projects-slider-nav {
right: 30px;
top: 15px;
}
}
.product-info {
margin-top: 30px;
}
.product-info__nav {
box-shadow: inset 0 -1px 0 #e3eaed;
}
.product-info__content {
font-family: "InterTight", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 160%;
}
.product-info__content span {
font-weight: 800;
}
.product-info__content tr:nth-child(2n) {
background: #f7f9fa;
}
.product-info__content tr:not(:last-child) {
box-shadow: inset 0 -1px 0 #e3eaed;
}
.product-info__content tr td {
padding-top: 22px;
padding-left: 60px;
padding-right: 60px;
padding-bottom: 22px;
}
.product-info__content tr td:first-child {
padding-right: 0;
padding-left: 60px;
width: 330px;
}
@media (max-width: 576px) {
.product-info__content tr {
display: flex;
flex-direction: column;
}
.product-info__content tr td {
padding-left: 40px;
padding-right: 40px;
width: 100%;
}
.product-info__content tr td:first-child {
padding-right: 0;
padding-left: 40px;
font-weight: 700;
font-size: 14px;
}
}
.product-info__nav, .product-info__content {
min-width: 1170px;
background-color: var(--color-white);
}
@media (max-width: 1200px) {
.product-info__nav, .product-info__content {
min-width: auto;
}
}
.product-info-nav__list {
display: flex;
justify-content: center;
}
@media (max-width: 768px) {
.product-info-nav__list {
flex-wrap: wrap;
}
}
.product-info-nav__item {
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: 35px 0;
width: 240px;
font-weight: 700;
font-size: 28px;
line-height: 110%;
text-align: center;
transition: opacity 0.3s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-bottom: 1px solid #eee;
}
@media (max-width: 768px) {
.product-info-nav__item {
}
}
.product-info-nav__item img {
margin-right: 15px;
width: 40px;
height: 40px;
}
.product-info-nav__item:not(:last-child) {
margin-right: 10px;
}
.product-info-nav__item:hover {
opacity: 0.75;
transition: opacity 0.3s;
cursor: pointer;
}
.product-info-nav__item--active {
border-bottom: 3px solid var(--color-cerulean);
}
.product-info-nav__item--active .product-info-nav__price {
background-color: var(--color-cerulean);
}
.product-info-nav__item--active .product-info-nav__price::after {
background-color: var(--color-cerulean);
}
.product-info-nav__price {
position: absolute;
right: -30px;
top: -20px;
border-radius: 50px;
padding: 0 15px;
font-family: "InterTight", sans-serif;
font-weight: 400;
font-size: 16px;
text-align: right;
color: var(--color-white);
background-color: var(--color-red);
}
.product-info-nav__price::after {
content: "";
position: absolute;
left: 15px;
bottom: -7px;
-webkit-clip-path: polygon(50% 0, 0 100%, 100% 100%);
clip-path: polygon(50% 0, 0 100%, 100% 100%);
width: 15px;
height: 8px;
background-color: var(--color-red);
transform: rotate(180deg);
}
@media (max-width: 768px) {
.product-info-nav__price {
}
}
.footer {
padding: 100px 0;
min-height: 640px;
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/footer-bg.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.footer .header__tel {
font-size: 48px;
}
@media (max-width: 576px) {
.footer .header__tel {
font-size: 35px;
}
}
.footer .header__phone__descr {
font-size: 20px;
}
@media (max-width: 576px) {
.footer .header__phone__descr {
font-size: 18px;
}
}
.footer__container {
display: flex;
}
@media (max-width: 768px) {
.footer__container {
flex-direction: column;
}
}
.footer__left {
width: 60%;
}
@media (max-width: 1024px) {
.footer__left {
width: 100%;
}
}
@media (max-width: 768px) {
.footer__left {
position: relative;
}
}
.footer__right {
width: 40%;
}
@media (max-width: 1024px) {
.footer__right {
width: 100%;
}
}
.footer__column {
margin-right: 50px;
}
.footer__column--no-title {
padding-top: 78px;
}
.footer__title {
margin-bottom: 35px;
font-weight: 700;
font-size: 16px;
line-height: 140%;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.footer__links {
display: flex;
color: var(--color-white);
transition: left 0.3s;
}
@media (max-width: 1024px) {
.footer__links {
justify-content: space-between;
}
}
@media (max-width: 768px) {
.footer__links {
position: fixed;
left: -350vw;
bottom: 0;
z-index: 20;
padding-left: 40px;
width: 100%;
color: var(--color-bunker);
background-color: var(--color-white);
}
.footer__links--active {
left: 0;
}
}
.footer__item {
margin-bottom: 15px;
}
.footer__link {
font-family: "InterTight", sans-serif;
font-weight: 400;
font-size: 20px;
}
.footer__link:active, .footer__link:focus {
color: #ffed5b;
}
.footer__link:hover {
color: #fff180;
}
.footer__link--review {
display: flex;
}
.footer__link--review:hover .footer__review-count {
-webkit-animation: star-jumping 0.8s ease-in-out;
animation: star-jumping 0.8s ease-in-out;
}
.footer__review-count {
margin-left: 15px;
border-radius: 50px;
padding-top: 6px;
padding-left: 28px;
width: 55px;
height: 25px;
font-weight: 700;
font-size: 12px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #2b221e;
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/star.png);
background-position: 10px center;
background-repeat: no-repeat;
background-color: #ffe036;
}
.footer__about {
display: flex;
margin-top: 80px;
width: 100%;
font-family: "InterTight", sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 160%;
}
@media (max-width: 1024px) {
.footer__about {
justify-content: space-between;
text-align: center;
}
}
@media (max-width: 768px) {
.footer__about {
display: none;
}
}
.footer__about_left {
max-width: 60%;
}
@media (max-width: 1024px) {
.footer__about_left {
width: 50%;
display: flex;
flex-direction: column;
}
}
.footer__about_right {
max-width: 40%;
}
@media (max-width: 1024px) {
.footer__about_right {
width: 50%;
display: flex;
flex-direction: column;
}
}
.footer__about__descr {
color: var(--color-white);
}
.footer__about__link {
border-bottom: 1px solid currentColor;
margin-top: auto;
margin-bottom: 0;
line-height: 20px;
color: #ffe036;
}
.footer__about__link:active, .footer__about__link:focus {
border: none;
color: #ffed5b;
}
.footer__about__link:hover {
border: none;
color: #fff180;
}
.footer__burger-btn {
position: relative;
display: none;
margin: auto;
border: 1px solid #60534d;
border-radius: 50px;
padding-left: 50px;
width: 300px;
height: 70px;
}
.footer__burger-btn .burger-text {
font-weight: 700;
font-size: 14px;
line-height: 140%;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--color-white);
}
.footer__burger-btn .burger-btn_container {
position: absolute;
left: 50px;
top: 12px;
width: 40px;
height: 40px;
}
.footer__burger-btn--active .burger-text {
color: #ffe036;
}
@media (max-width: 768px) {
.footer__burger-btn {
display: block;
}
}
.footer__mobile-address {
display: none;
margin-top: 30px;
font-family: "InterTight", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 160%;
text-align: center;
}
.footer__mobile-address__descr {
margin: auto;
margin-bottom: 10px;
max-width: 300px;
color: var(--color-white);
}
.footer__mobile-address__link {
border-bottom: 1px solid currentColor;
margin-top: auto;
margin-bottom: 0;
line-height: 20px;
color: #ffe036;
}
.footer__mobile-address__link:active, .footer__mobile-address__link:focus {
border: none;
color: #ffed5b;
}
.footer__mobile-address__link:hover {
border: none;
color: #fff180;
}
@media (max-width: 768px) {
.footer__mobile-address {
display: block;
}
}
.footer-contacts {
color: var(--color-white);
}
@media (max-width: 1024px) {
.footer-contacts {
margin-top: 50px;
}
.footer-contacts .header__tel {
margin-bottom: 10px;
}
.footer-contacts .header__tel,
.footer-contacts .header__phone__descr {
display: block;
width: 100%;
text-align: center;
}
}
.footer-contacts__title {
margin-bottom: 30px;
font-weight: 700;
font-size: 16px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
@media (max-width: 1024px) {
.footer-contacts__title {
text-align: center;
}
}
.footer-contacts__socials {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-top: 40px;
margin-bottom: 70px;
}
@media (max-width: 1024px) {
.footer-contacts__socials {
justify-content: center;
margin-top: 0;
padding-top: 40px;
}
}
@media (max-width: 576px) {
.footer-contacts__socials {
flex-direction: column;
align-items: center;
justify-content: center;
}
}
.footer-contacts__socials .social__item {
width: 60px;
height: 60px;
}
.footer-contacts__socials .social__descr {
margin-top: 15px;
padding-left: 0;
max-width: none;
}
@media (max-width: 1024px) {
.footer-contacts__messengers {
margin-right: 30px;
}
}
@media (max-width: 576px) {
.footer-contacts__messengers {
margin-right: 0;
margin-bottom: 30px;
}
}
.footer-contacts__messengers .contacts-messengers {
height: 60px;
}
.footer-contacts__messengers .contacts-messengers__link {
width: 60px;
}
.footer-contacts__messengers .contacts-messengers__link--whats {
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/WhatsApp-big.png);
}
.footer-contacts__messengers .contacts-messengers__link--viber {
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/Viber-big.png);
}
.footer-contacts__messengers .contacts-messengers__link--telegram {
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/Telegram-big.png);
}
.footer-contacts__callback-link {
max-width: 277px;
text-align: center;
}
@media (max-width: 1024px) {
.footer-contacts__callback-link {
margin: auto;
}
}
.footer-contacts__callback-link a {
padding: 25px 50px;
color: var(--color-bunker);
}
@-webkit-keyframes star-jumping {
0% {
background-position: 10px 50%;
}
25% {
background-position: 10px 25%;
}
50% {
background-position: 10px 50%;
}
75% {
background-position: 10px 25%;
}
100% {
background-position: 10px 50%;
}
}
@keyframes star-jumping {
0% {
background-position: 10px 50%;
}
25% {
background-position: 10px 25%;
}
50% {
background-position: 10px 50%;
}
75% {
background-position: 10px 25%;
}
100% {
background-position: 10px 50%;
}
}
.popup-callback {
-webkit-animation: modal-opacity 0.2s ease;
animation: modal-opacity 0.2s ease;
}
.popup-callback__form {
position: absolute;
left: 50%;
top: 50%;
border-radius: 24px;
width: 470px;
box-shadow: 0 35px 70px 0 rgba(11, 15, 17, 0.15);
text-align: center;
background-color: var(--color-white);
transform: translate(-50%, -50%);
}
.popup-callback__form__header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 40px;
box-shadow: inset 0 -1px 0 #e0e7ea;
}
.popup-callback__form__header span {
font-weight: 700;
font-size: 16px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.popup-callback__form__header .close-popup svg {
width: 18px;
height: 18px;
color: #e0e7ea;
fill: currentColor;
transition: color 0.3s;
}
.popup-callback__form__header .close-popup:hover svg {
color: #f02a59;
transition: color 0.3s;
}
.popup-callback__form__social-descr {
font-weight: 700;
font-size: 14px;
line-height: 140%;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #98a5aa;
}
.popup-callback__form__content {
padding: 20px 45px 50px;
}
.popup-callback__form__content--response {
display: flex;
flex-direction: column;
padding-top: 145px;
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/step3.png);
background-position: center 30px;
background-size: 100px;
background-repeat: no-repeat;
}
.popup-callback__form__content--response .popup-callback__form__content__name {
margin-bottom: 20px;
width: 100%;
font-weight: 700;
font-size: 20px;
line-height: 140%;
text-align: center;
text-transform: uppercase;
color: #181818;
}
.popup-callback__form__content--response .popup-callback__form__content__text {
margin: auto;
margin-bottom: 25px;
max-width: 370px;
font-family: "InterTight", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 160%;
text-align: center;
color: #12161b;
}
.popup-callback__form__content--response .popup-callback__form__content__back-link {
display: block;
margin: auto;
border: 1px solid #e0e7ea;
border-radius: 50px;
padding: 20px 40px;
box-shadow: 0 1px 1px rgba(227, 234, 237, 0.5);
font-weight: 700;
font-size: 14px;
letter-spacing: 0.1em;
text-transform: uppercase;
cursor: pointer;
}
.popup-callback__form__phone input[name="name"] {
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/user-form.png);
}
.popup-callback__form__select {
margin-top: 5px;
margin-bottom: 25px;
border: none;
border-bottom: 1px solid var(--color-mystic);
height: 50px;
font-family: "InterTight", sans-serif;
font-weight: 400;
font-size: 20px;
outline: none;
padding-left: 20px;
color: var(--color-cerulean);
}
.popup-callback__form__select:hover {
opacity: 0.8;
cursor: pointer;
}
.popup-callback__form__select option {
font-family: "InterTight", sans-serif;
font-weight: 400;
color: var(--color-bunker);
}
.popup-callback__form__select option:not(:last-child) {
margin-bottom: 5px;
}
.popup-callback__form__footer {
display: flex;
flex-direction: column;
border-top: 1px solid var(--color-mystic);
padding: 30px 0;
}
.popup-callback__form__footer__title {
margin-bottom: 7px;
width: 100%;
font-family: "InterTight", sans-serif;
font-weight: 600;
font-size: 13px;
line-height: 160%;
text-align: center;
color: #98a5aa;
}
.popup-callback__form__footer__tel {
margin-bottom: 2px;
font-weight: 700;
font-size: 28px;
line-height: 110%;
}
.popup-callback__form__footer__descr {
margin-bottom: 15px;
font-family: "InterTight", sans-serif;
font-weight: 400;
font-size: 13px;
line-height: 160%;
}
.popup-callback__form__footer__messengers {
margin: auto;
height: 40px;
}
.popup-callback__form__footer__messengers .contacts-messengers__link {
width: 40px;
}
@media (min-width: 1025px) {
.popup-callback__form {
top: 0;
transform: translate(-50%, 0);
}
}
@media (max-width: 1024px) {
.popup-callback__form {
top: 0;
transform: translate(-50%, 0);
}
}
@media (max-width: 768px) {
.popup-callback__form {
transform: translate(-50%, 0);
}
}
@media (max-width: 576px) {
.popup-callback__form {
width: 300px;
}
.popup-callback__form__content {
padding: 20px 10px;
}
.popup-callback__form__content--response {
padding-top: 100px;
}
}
.popup-callback .callback-form-social-list__list {
justify-content: center;
margin-top: 14px;
margin-bottom: 34px;
}
.popup-callback .callback-form-social-list__item {
border: 1px solid #bfc9cd;
border-radius: 100%;
padding-top: 9px;
padding-left: 1px;
width: 50px;
height: 50px;
transition: background-color opacity 15s;
cursor: pointer;
}
.popup-callback .callback-form-social-list__item img {
width: 30px;
height: 30px;
}
.popup-callback .callback-form-social-list__item:not(:last-child) {
margin-right: 30px;
}
.popup-callback .callback-form-social-list__item--whats:hover {
background: linear-gradient(45deg, #2bdb48, #2ca310);
opacity: 0.8;
transition: background-color opacity 15s;
}
.popup-callback .callback-form-social-list__item--viber:hover {
background: linear-gradient(45deg, #7e3dae, #8a3fc9);
opacity: 0.8;
transition: background-color opacity 15s;
}
.popup-callback .callback-form-social-list__item--telega:hover {
background: linear-gradient(45deg, #229fd9, #356dc7);
opacity: 0.8;
transition: background-color opacity 15s;
}
.popup-callback .callback-form-social-list__item--call:hover {
background: linear-gradient(45deg, #ffe036, #c1cc0b);
opacity: 0.8;
transition: background-color opacity 15s;
}
.popup-callback .callback-form-social-list__item--active {
transform: scale(0.8);
}
.popup-callback .phone-input {
margin-bottom: 25px;
}
.popup-callback .image-zoom {
position: absolute;
left: 50%;
top: 50%;
width: 80%;
height: 80%;
transform: translate(-50%, -50%);
}
@media (max-width: 576px) {
.popup-callback .image-zoom {
height: auto;
}
}
.pop-up {
position: fixed;
left: 0;
top: 0;
z-index: 99999;
overflow-y: auto;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.5);
}
.pop-up__slider {
position: absolute;
left: 50%;
top: 50%;
overflow: hidden;
width: 80%;
height: 80%;
transform: translate(-50%, -50%);
}
.pop-up__slider-img {
display: block;
margin: auto;
border-radius: 120px;
max-width: 100%;
}
@media (max-width: 768px) {
.pop-up__slider-img {
margin-top: 10%;
}
}
@media (max-width: 576px) {
.pop-up__slider-img {
margin-top: 25%;
}
}
.pop-up__slider-prev-btn {
left: 10px;
transform: rotate(180deg);
}
.pop-up__slider-next-btn {
right: 10px;
}
.pop-up__slider-prev-btn, .pop-up__slider-next-btn {
position: absolute;
top: 45%;
z-index: 1000;
width: 40px;
height: 50px;
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/popup-slider-btn.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
opacity: 0.7;
transition: opacity 0.3s;
}
.pop-up__slider-prev-btn:hover, .pop-up__slider-next-btn:hover {
opacity: 1;
transition: opacity 0.3s;
cursor: pointer;
}
@media (max-width: 576px) {
.pop-up__slider-prev-btn, .pop-up__slider-next-btn {
display: none;
}
}
.pop-up--sliderImages .pop-up__slider-img:hover {
cursor: move !important;
}
.pop-up--image:hover {
cursor: zoom-out;
}
.pop-up--image .close-popup {
position: absolute;
right: 3%;
top: 3%;
}
.pop-up--image .close-popup svg {
width: 40px;
height: 40px;
color: #e0e7ea;
fill: currentColor;
transition: color 0.3s;
}
.pop-up--image .close-popup:hover svg {
color: #f02a59;
transition: color 0.3s;
}
@-webkit-keyframes modal-opacity {
0% {
opacity: 0;
}
25% {
opacity: 0.25;
}
50% {
opacity: 0.5;
}
75% {
opacity: 0.75;
}
100% {
opacity: 1;
}
}
@keyframes modal-opacity {
0% {
opacity: 0;
}
25% {
opacity: 0.25;
}
50% {
opacity: 0.5;
}
75% {
opacity: 0.75;
}
100% {
opacity: 1;
}
} .single-projects .block-categories,
.single-projects .container:has(.block-categories) {
display: none;
} .modern-form-wrapper {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
background: #ffffff;
width: 100%;
box-sizing: border-box;
text-align: left;
}
.modern-form-wrapper .form-header {
margin-bottom: 24px;
}
.modern-form-wrapper .form-title {
font-size: 20px !important;
font-weight: 700 !important;
color: #111827 !important;
line-height: 1.3 !important;
margin: 0 0 8px 0 !important;
letter-spacing: -0.02em !important;
text-transform: none !important;
}
.modern-form-wrapper .form-subtitle {
font-size: 14px !important;
color: #6b7280 !important;
line-height: 1.5 !important;
margin: 0 !important;
text-transform: none !important;
}
.modern-form-wrapper .form-subtitle span {
color: #10b981;
font-weight: 500;
background: #ecfdf5;
padding: 2px 6px;
border-radius: 4px;
}
.modern-form-wrapper .form-group {
margin-bottom: 20px;
}
.modern-form-wrapper .form-label {
display: block;
font-size: 13px;
font-weight: 600;
color: #374151;
margin-bottom: 8px;
text-transform: none;
}
.modern-form-wrapper .form-control {
width: 100%;
padding: 14px 16px !important;
font-size: 15px !important;
color: #1f2937 !important;
background: #f9fafb !important;
border: 1px solid #e5e7eb !important;
border-radius: 12px !important;
box-sizing: border-box;
transition: all 0.2s ease;
height: auto !important;
}
.modern-form-wrapper .form-control:focus {
outline: none !important;
border-color: #3b82f6 !important;
background: #ffffff !important;
box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1) !important;
}
.modern-form-wrapper select.form-control {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236B7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 16px center !important;
background-size: 16px !important;
cursor: pointer;
}
.modern-form-wrapper .submit-btn {
width: 100%;
background: #FFD500 !important; color: #111827 !important;
font-size: 16px !important;
font-weight: 600 !important;
padding: 16px !important;
border: none !important;
border-radius: 12px !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 10px !important;
margin-top: 8px !important;
text-transform: none !important;
}
.modern-form-wrapper .submit-btn:hover {
background: #FFC000 !important;
transform: translateY(-1px);
box-shadow: 0 8px 15px -3px rgba(255, 213, 0, 0.3);
}
.modern-form-wrapper .submit-icon {
width: 20px;
height: 20px;
}
.modern-form-wrapper .privacy-text {
font-size: 11px;
color: #9ca3af;
text-align: center;
margin-top: 16px;
line-height: 1.4;
text-transform: none;
} .modern-form-wrapper br, 
.modern-form-wrapper p {
display: none;
}
.modern-form-wrapper .form-header p.form-subtitle {
display: block; }

.display-none {display: none;} .irs{position:relative;display:block;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:12px;font-family:Arial,sans-serif}.irs-line{position:relative;display:block;overflow:hidden;outline:none !important}.irs-bar{position:absolute;display:block;left:0;width:0}.irs-shadow{position:absolute;display:none;left:0;width:0}.irs-handle{position:absolute;display:block;box-sizing:border-box;cursor:default;z-index:1}.irs-handle.type_last{z-index:2}.irs-min,.irs-max{position:absolute;display:block;cursor:default}.irs-min{left:0}.irs-max{right:0}.irs-from,.irs-to,.irs-single{position:absolute;display:block;top:0;left:0;cursor:default;white-space:nowrap}.irs-grid{position:absolute;display:none;bottom:0;left:0;width:100%;height:20px}.irs-with-grid .irs-grid{display:block}.irs-grid-pol{position:absolute;top:0;left:0;width:1px;height:8px;background:#000}.irs-grid-pol.small{height:4px}.irs-grid-text{position:absolute;bottom:0;left:0;white-space:nowrap;text-align:center;font-size:9px;line-height:9px;padding:0 3px;color:#000}.irs-disable-mask{position:absolute;display:block;top:0;left:-1%;width:102%;height:100%;cursor:default;background:rgba(0,0,0,0);z-index:2}.lt-ie9 .irs-disable-mask{background:#000;filter:alpha(opacity=0);cursor:not-allowed}.irs-disabled{opacity:.4}.irs-hidden-input{position:absolute !important;display:block !important;top:0 !important;left:0 !important;width:0 !important;height:0 !important;font-size:0 !important;line-height:0 !important;padding:0 !important;margin:0 !important;overflow:hidden;outline:none !important;z-index:-9999 !important;background:none !important;border-style:solid !important;border-color:transparent !important}.irs--flat{height:40px}.irs--flat.irs-with-grid{height:60px}.irs--flat .irs-line{top:25px;height:12px;background-color:#e1e4e9;border-radius:4px}.irs--flat .irs-bar{top:25px;height:12px;background-color:#ed5565}.irs--flat .irs-bar--single{border-radius:4px 0 0 4px}.irs--flat .irs-shadow{height:1px;bottom:16px;background-color:#e1e4e9}.irs--flat .irs-handle{top:22px;width:16px;height:18px;background-color:transparent}.irs--flat .irs-handle>i:first-child{position:absolute;display:block;top:0;left:50%;width:2px;height:100%;margin-left:-1px;background-color:#da4453}.irs--flat .irs-handle.state_hover>i:first-child,.irs--flat .irs-handle:hover>i:first-child{background-color:#a43540}.irs--flat .irs-min,.irs--flat .irs-max{top:0;padding:1px 3px;color:#999;font-size:10px;line-height:1.333;text-shadow:none;background-color:#e1e4e9;border-radius:4px}.irs--flat .irs-from,.irs--flat .irs-to,.irs--flat .irs-single{color:white;font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;background-color:#ed5565;border-radius:4px}.irs--flat .irs-from:before,.irs--flat .irs-to:before,.irs--flat .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#ed5565}.irs--flat .irs-grid-pol{background-color:#e1e4e9}.irs--flat .irs-grid-text{color:#999}.irs--big{height:55px}.irs--big.irs-with-grid{height:70px}.irs--big .irs-line{top:33px;height:12px;background-color:white;background:linear-gradient(to bottom, #ddd -50%, white 150%);border:1px solid #ccc;border-radius:12px}.irs--big .irs-bar{top:33px;height:12px;background-color:#92bce0;border:1px solid #428bca;background:linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);box-shadow:inset 0 0 1px 1px rgba(255,255,255,0.5)}.irs--big .irs-bar--single{border-radius:12px 0 0 12px}.irs--big .irs-shadow{height:1px;bottom:16px;background-color:rgba(66,139,202,0.5)}.irs--big .irs-handle{top:25px;width:30px;height:30px;border:1px solid rgba(0,0,0,0.3);background-color:#cbcfd5;background:linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);box-shadow:1px 1px 2px rgba(0,0,0,0.2),inset 0 0 3px 1px white;border-radius:30px}.irs--big .irs-handle.state_hover,.irs--big .irs-handle:hover{border-color:rgba(0,0,0,0.45);background-color:#939ba7;background:linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%)}.irs--big .irs-min,.irs--big .irs-max{top:0;padding:1px 5px;color:white;text-shadow:none;background-color:#9f9f9f;border-radius:3px}.irs--big .irs-from,.irs--big .irs-to,.irs--big .irs-single{color:white;text-shadow:none;padding:1px 5px;background-color:#428bca;background:linear-gradient(to bottom, #428bca 0%, #3071a9 100%);border-radius:3px}.irs--big .irs-grid-pol{background-color:#428bca}.irs--big .irs-grid-text{color:#428bca}.irs--modern{height:55px}.irs--modern.irs-with-grid{height:55px}.irs--modern .irs-line{top:25px;height:5px;background-color:#d1d6e0;background:linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);border:1px solid #a3adc1;border-bottom-width:0;border-radius:5px}.irs--modern .irs-bar{top:25px;height:5px;background:#20b426;background:linear-gradient(to bottom, #20b426 0%, #18891d 100%)}.irs--modern .irs-bar--single{border-radius:5px 0 0 5px}.irs--modern .irs-shadow{height:1px;bottom:21px;background-color:rgba(209,214,224,0.5)}.irs--modern .irs-handle{top:37px;width:12px;height:13px;border:1px solid #a3adc1;border-top-width:0;box-shadow:1px 1px 1px rgba(0,0,0,0.1);border-radius:0 0 3px 3px}.irs--modern .irs-handle>i:nth-child(1){position:absolute;display:block;top:-4px;left:1px;width:6px;height:6px;border:1px solid #a3adc1;background:white;transform:rotate(45deg)}.irs--modern .irs-handle>i:nth-child(2){position:absolute;display:block;box-sizing:border-box;top:0;left:0;width:10px;height:12px;background:#e9e6e6;background:linear-gradient(to bottom, white 0%, #e9e6e6 100%);border-radius:0 0 3px 3px}.irs--modern .irs-handle>i:nth-child(3){position:absolute;display:block;box-sizing:border-box;top:3px;left:3px;width:4px;height:5px;border-left:1px solid #a3adc1;border-right:1px solid #a3adc1}.irs--modern .irs-handle.state_hover,.irs--modern .irs-handle:hover{border-color:#7685a2;background:#c3c7cd;background:linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%)}.irs--modern .irs-handle.state_hover>i:nth-child(1),.irs--modern .irs-handle:hover>i:nth-child(1){border-color:#7685a2}.irs--modern .irs-handle.state_hover>i:nth-child(3),.irs--modern .irs-handle:hover>i:nth-child(3){border-color:#48536a}.irs--modern .irs-min,.irs--modern .irs-max{top:0;font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;color:white;background-color:#d1d6e0;border-radius:5px}.irs--modern .irs-from,.irs--modern .irs-to,.irs--modern .irs-single{font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;background-color:#20b426;color:white;border-radius:5px}.irs--modern .irs-from:before,.irs--modern .irs-to:before,.irs--modern .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#20b426}.irs--modern .irs-grid{height:25px}.irs--modern .irs-grid-pol{background-color:#dedede}.irs--modern .irs-grid-text{color:silver;font-size:13px}.irs--sharp{height:50px;font-size:12px;line-height:1}.irs--sharp.irs-with-grid{height:57px}.irs--sharp .irs-line{top:30px;height:2px;background-color:black;border-radius:2px}.irs--sharp .irs-bar{top:30px;height:2px;background-color:#ee22fa}.irs--sharp .irs-bar--single{border-radius:2px 0 0 2px}.irs--sharp .irs-shadow{height:1px;bottom:21px;background-color:rgba(0,0,0,0.5)}.irs--sharp .irs-handle{top:25px;width:10px;height:10px;background-color:#a804b2}.irs--sharp .irs-handle>i:first-child{position:absolute;display:block;top:100%;left:0;width:0;height:0;border:5px solid transparent;border-top-color:#a804b2}.irs--sharp .irs-handle.state_hover,.irs--sharp .irs-handle:hover{background-color:black}.irs--sharp .irs-handle.state_hover>i:first-child,.irs--sharp .irs-handle:hover>i:first-child{border-top-color:black}.irs--sharp .irs-min,.irs--sharp .irs-max{color:white;font-size:14px;line-height:1;top:0;padding:3px 4px;opacity:.4;background-color:#a804b2;border-radius:2px}.irs--sharp .irs-from,.irs--sharp .irs-to,.irs--sharp .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 4px;background-color:#a804b2;color:white;border-radius:2px}.irs--sharp .irs-from:before,.irs--sharp .irs-to:before,.irs--sharp .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#a804b2}.irs--sharp .irs-grid{height:25px}.irs--sharp .irs-grid-pol{background-color:#dedede}.irs--sharp .irs-grid-text{color:silver;font-size:13px}.irs--round{height:50px}.irs--round.irs-with-grid{height:65px}.irs--round .irs-line{top:36px;height:4px;background-color:#dee4ec;border-radius:4px}.irs--round .irs-bar{top:36px;height:4px;background-color:#006cfa}.irs--round .irs-bar--single{border-radius:4px 0 0 4px}.irs--round .irs-shadow{height:4px;bottom:21px;background-color:rgba(222,228,236,0.5)}.irs--round .irs-handle{top:26px;width:24px;height:24px;border:4px solid #006cfa;background-color:white;border-radius:24px;box-shadow:0 1px 3px rgba(0,0,255,0.3)}.irs--round .irs-handle.state_hover,.irs--round .irs-handle:hover{background-color:#f0f6ff}.irs--round .irs-min,.irs--round .irs-max{color:#333;font-size:14px;line-height:1;top:0;padding:3px 5px;background-color:rgba(0,0,0,0.1);border-radius:4px}.irs--round .irs-from,.irs--round .irs-to,.irs--round .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 5px;background-color:#006cfa;color:white;border-radius:4px}.irs--round .irs-from:before,.irs--round .irs-to:before,.irs--round .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#006cfa}.irs--round .irs-grid{height:25px}.irs--round .irs-grid-pol{background-color:#dedede}.irs--round .irs-grid-text{color:silver;font-size:13px}.irs--square{height:50px}.irs--square.irs-with-grid{height:60px}.irs--square .irs-line{top:31px;height:4px;background-color:#dedede}.irs--square .irs-bar{top:31px;height:4px;background-color:black}.irs--square .irs-shadow{height:2px;bottom:21px;background-color:#dedede}.irs--square .irs-handle{top:25px;width:16px;height:16px;border:3px solid black;background-color:white;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.irs--square .irs-handle.state_hover,.irs--square .irs-handle:hover{background-color:#f0f6ff}.irs--square .irs-min,.irs--square .irs-max{color:#333;font-size:14px;line-height:1;top:0;padding:3px 5px;background-color:rgba(0,0,0,0.1)}.irs--square .irs-from,.irs--square .irs-to,.irs--square .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 5px;background-color:black;color:white}.irs--square .irs-grid{height:25px}.irs--square .irs-grid-pol{background-color:#dedede}.irs--square .irs-grid-text{color:silver;font-size:11px}
.irs.irs--flat {height: 25px;}
.irs.irs--flat .irs-bar {height: 5px; top: 10px; background: var(--color-cerulean);}
.irs.irs--flat .irs-line {height: 5px; top: 10px; background: #e0e7ea;}
.irs.irs--flat .irs-handle {
width: 25px; height: 25px; top: 0; border-radius: 100%;
}
.irs.irs--flat .irs-handle::before {
content: "";
position: absolute;
left: 0;
top: 0;
border-radius: 100%;
width: 100%;
height: 100%;
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/Vectors.png);
background-position: center;
background-repeat: no-repeat;
background-color: var(--color-cerulean);
}
.irs.irs--flat .irs-handle:hover::before {background-color: #1abeff;}
.irs.irs--flat .irs-handle i {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)}}
.fancybox-container .fancybox-close-small {
width: 30px; height: 30px; padding: 0;
display: flex; align-items: center; justify-content: center;
position: absolute; right: 30px; top: 16px;
}
.fancybox-container .fancybox-close-small svg {
width: 18px;
height: 18px;
color: #e0e7ea;
fill: currentColor;
transition: color .3s;
}
.fancybox-container .fancybox-close-small:hover svg {
color: #f02a59;
transition: color .3s;
} [data-loader-frame] { position: relative }
[data-loader-frame]:before { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden;
background-color: rgba(255, 255, 255, 0.39); z-index: 100 }
.spinner-circle {width:80px; height:80px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 999;}
.lds-ripple {
display: inline-block; vertical-align: top;
position: relative;
width: 80px;
height: 80px;
}
.lds-ripple div {
position: absolute;
border: 4px solid #111;
opacity: 1;
border-radius: 50%;
animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
animation-delay: -0.5s;
}
@keyframes lds-ripple {
0% {
top: 36px;
left: 36px;
width: 0;
height: 0;
opacity: 1;
}
100% {
top: 0;
left: 0;
width: 72px;
height: 72px;
opacity: 0;
}
} .checkbox__button {
display: block; padding: 0; margin: 0; position: relative; border: 0; cursor: pointer;
}
.checkbox__button input {
width: 0; height: 0; display: block; position: absolute; left: 0; top: 0; padding: 0; border: 0; margin: 0; opacity: 0; background: 0;
-webkit-appearance: none; -moz-appearance: none; appearance: none;
}
.checkbox__button-label {
width: auto; height: auto; box-shadow: none;
padding: 0; margin:0; border: 0; background: 0;
position: relative;
font-family: "InterTight", sans-serif;
font-weight: 600;
padding-left: 40px;
font-size: 18px;
line-height: 120%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.checkbox__button-label::before {
content: "";
position: absolute;
left: 0;
top: 0;
border: 1px solid var(--color-mystic);
width: 24px;
height: 24px;
}
.checkbox__button .checkbox__button-label.current::before,
.checkbox__button input:checked + .checkbox__button-label::before {
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/Stroke.png);
background-position: center;
background-size: 6px 4px;
background-repeat: no-repeat;
background-color: var(--color-cerulean);
} .idesc a {color: #f02a59; text-decoration: underline;}
.idesc a:hover {color: #2da5d8; text-decoration: none;}
.footer__about__descr p {margin: 0;}
.header__bottom__contacts__dark-descr p {margin: 0;}
.offer__container {background-color: #aebcc9;}
@media all and (max-width: 1024px){
.offer__container {background-size: cover;}
}
.offer__title {font-size: 41px;}
@media all and (min-width: 768px){
.offer__content {max-width: 48%;}
.offer__title {max-width: 520px; font-size: 38px;}
}
@media all and (max-width: 769px){
.offer__title {font-size: 34px;}
.offer__content {width: 78%;}
}
@media all and (max-width: 569px){
.offer__title {font-size: 26px;}
.offer__content {
width: 100%;
box-sizing: border-box;
padding: 25px 20px;
}
}
@media all and (min-width: 790px) and (max-width: 990px){
.projects-footer__bottom {justify-content: center;}
.projects-footer__calc-proj.calc-proj .calc-proj__img {display: none;}
}
img.lozad[data-src] {opacity: 0; transition: opacity 0.3s ease;}
img.lozad[data-src][data-loaded="true"] {opacity: 1;}
.footer,
section.callback,
section.reviews,
section.portfolio,
section.services,
section.about,
section.projects,
section.excursion {background-image: none !important; position: relative;}
.footer {z-index:1; background-color: #302824;}
.bgs__sections {
width: auto; height: auto; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0;
background: no-repeat center center; background-size: cover;
}
.bgs__sections[data-background-image] {opacity: 0; transition: opacity 0.6s ease;}
.bgs__sections[data-background-image][data-loaded="true"] {opacity: 1;}
.bgs__mob-none {display: block;}
.bgs__pc-none {display: none;}
@media all and (max-width: 768px){
.bgs__mob-none {display: none;}
.bgs__pc-none {display: block;}
.bgs__sections.bgs__sections-callback {background-position: bottom center;}
}
.contacts-messengers__link--whats {background: no-repeat center center url(//53-doma.ru/wp-content/themes/53houses/img/icons/mes-whatsapp.svg); background-size: auto 100%;}
.contacts-messengers__link--viber {background: no-repeat center center url(//53-doma.ru/wp-content/themes/53houses/img/icons/mes-viber.svg); background-size: auto 100%;}
.contacts-messengers__link--telegram {background: no-repeat center center url(//53-doma.ru/wp-content/themes/53houses/img/icons/mes-telegram.svg); background-size: auto 100%;}
.social__link--vk {background: no-repeat center center url(//53-doma.ru/wp-content/themes/53houses/img/icons/sub-vk.svg); background-size: auto 100%;}
.social__link--inst {background: no-repeat center center url(//53-doma.ru/wp-content/themes/53houses/img/icons/sub-instagram.png); background-size: auto 100%;}
.social__link--youtube {background: no-repeat center center url(//53-doma.ru/wp-content/themes/53houses/img/icons/sub-youtube.svg); background-size: auto 100%;}
.header__social.social .social__link {filter: contrast(0.8) brightness(1.2);}
.container-mintop {margin-top: -150px;}
.projects-slider-nav__prev-btn, .projects-slider-nav__next-btn,
.review-card__preview-slider__prev-btn, .review-card__preview-slider__next-btn,
.reviews__slider__prev-btn, .reviews__slider__next-btn {background-color: var(--color-cerulean);}
.projects-slider-nav__prev-btn:hover, .projects-slider-nav__next-btn:hover,
.review-card__preview-slider__prev-btn:hover, .review-card__preview-slider__next-btn:hover,
.reviews__slider__prev-btn:hover, .reviews__slider__next-btn:hover {background-color: #25bffd;}
.map-location__fulldescr {display: none;}
.map-location__content.showmodal-fulldescr .map-location__fulldescr {display: block;}
.map-location__content.showmodal-fulldescr .map-location__link {display: none;}
.portfolio__slider__box {position: relative;}
.portfolio-card__preview-slider__prev-btn {
left: -70px;
transform: rotate(-180deg);
}
@media (max-width: 1024px) {
.portfolio-card__preview-slider__prev-btn {
left: 40%;
}
}
@media (max-width: 768px) {
.portfolio-card__preview-slider__prev-btn {
left: 35%;
}
}
@media (max-width: 576px) {
.portfolio-card__preview-slider__prev-btn {
left: 20%;
}
}
.portfolio-card__preview-slider__next-btn {
right: -70px;
}
@media (max-width: 1024px) {
.portfolio-card__preview-slider__next-btn {
right: 40%;
}
}
@media (max-width: 768px) {
.portfolio-card__preview-slider__next-btn {
right: 35%;
}
}
@media (max-width: 576px) {
.portfolio-card__preview-slider__next-btn {
right: 20%;
}
}
.portfolio-card__preview-slider__prev-btn, .portfolio-card__preview-slider__next-btn {
position: absolute;
bottom: 250px;
z-index: 40;
border: 10px solid #f7f9fa;
border-radius: 100%;
padding: 12px 12px 10px;
width: 85px;
height: 85px;
color: var(--color-white);
background-color: var(--color-cerulean);
}
.portfolio-card__preview-slider__prev-btn svg, .portfolio-card__preview-slider__next-btn svg {
width: 14px;
height: 14px;
fill: currentColor;
}
.portfolio-card__preview-slider__prev-btn:hover, .portfolio-card__preview-slider__next-btn:hover {
background-color: #25bffd;
}
@media (max-width: 1024px) {
.portfolio-card__preview-slider__prev-btn, .portfolio-card__preview-slider__next-btn {
display: none;
}
}
.portfolio-slider__item {width:380px; height: 340px;}
.portfolio-slider__preview-mainimager {height: 260px; position: relative;}
.portfolio-slider__preview-mainimager .portfolio-slider__preview-list {z-index: 10;}
.portfolio-slider__preview-mainimage {width: 100%; height: 100%; position: relative; cursor: pointer;}
.portfolio-slider__preview-title {margin: 8px 0 0 0;}
.portfolio-slider__preview-titlelab {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 18px;}
.portfolio-slider__preview-props {margin: 4px 0 0 0;}
.portfolio-slider__preview-buttons {margin:0 -5px; display: flex; align-items: center; justify-content: space-between;}
.portfolio-slider__preview-buttons-item {padding: 8px 5px 0; flex:1 1 auto;}
a.portfolio-slider__preview-button {
height: 40px; padding: 5px 10px; display: flex; align-items: center; justify-content: center;
background:#0bb1f3; border-radius: 34px; font-size: 14px;
color: #fff; text-decoration: none; white-space: nowrap;
transition: opacity 0.3s ease;
}
a.portfolio-slider__preview-button:hover {opacity: 0.8;}
a.portfolio-slider__preview-button.btn--detail {background: #f02a59;}
.portfolio-slider__preview-button svg {flex:none; width: 20px; height: 20px; margin: 0 5px 0 0;}
.portfolio__slider__wrap {position: relative;}
.portfolio__slider__inner {margin: 0 -10px;}  .portfolio__slider__wrap .swiper-slide {}
.portfolio__slides-item {padding: 10px; box-sizing: border-box;}
@media all and (min-width: 824px){
.portfolio-slider__list {height: 370px; padding: 0 15px; display: flex; justify-content: space-between;}
}
.portfolio-slider__item {width: 100%;}
.portfolio-slider__preview-item:not(:last-child) {width: 50px; height: 50px;}
@media all and (min-width: 748px) and (max-width: 1224px){
a.portfolio-slider__preview-button {
flex-direction: column;
padding: 5px 7px; font-size: 11px;
}
.portfolio-slider__preview-button svg {margin: 0 0 5px 0;}
.portfolio-card__preview-slider__prev-btn,
.portfolio-card__preview-slider__next-btn {display: none;}
}
@media all and (max-width: 560px){
.portfolio__slider__wrap {position: relative; overflow: visible;}
.portfolio__slider__inner {margin: 0}
.portfolio__slider__inner .portfolio-slider__pag {padding-right:0;}
}
@media all and (max-width: 460px){
.portfolio-slider__preview-buttons {flex-wrap: wrap;}
}
.portfolio__more {margin-top: 44px;}
.portfolio__more .about-projects {color: #555;}
.portfolio-slider__preview-poinmap {
width: 34px; height: 34px; padding: 0; border: 0; margin: 0; background: 0;
position: absolute; right: 10px; top: 10px; z-index: 88;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.portfolio-slider__preview-poinmap svg {width: 100%; height: 100%; pointer-events: none;}
.portfolio-slider__preview-poinmap svg path {fill:#0bb1f3;}
.portfolio__map {overflow: visible !important; z-index: 777;}
@media all and (max-width: 772px){
.portfolio__map {min-height: 300px;}
}
.modal_map .fancybox-content {max-width: 800px; max-height: 400px;}
.project-card__img:hover {cursor: pointer;}
.project-card__gallery-prevnext {
width: 32px; height: 32px; position: absolute; z-index: 7; top: 50%; transform: translateY(-50%);
border-radius: 50%; background:#0bb1f3; color: #fff; font-weight: bold; font-size: 18px;
display: flex; align-items:center; justify-content: center;
padding: 0; border: 0; margin: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: none; cursor: pointer;
}
.project-card__gallery-prevnext:hover {
background: #14bafc;
}
.project-card__gallery-prevnext:active {
background: #0bb1f3;
}
.project-card__gallery-prevnext.btn--prev {left: 12px;}
.project-card__gallery-prevnext.btn--next {right: 12px;}
.swiper-slide > .project-card {max-width: 370px;}
.catalog-filters__btn-clear:disabled {
opacity: 0.3;
}
.catalog-filters__btn-clear:disabled:hover {
color: var(--color-cerulean);
background-color: var(--color-lily-white);
cursor: not-allowed;
}
.page-portfolio__image {margin: 0 0 20px 0;}
.page-portfolio__image img {vertical-align: top; width: auto; max-width: 100%; height: auto;} .reviews__items {box-sizing: content-box; padding: 20px 0 60px;}
.reviews__items .review-card__preview-slider__prev-btn,
.reviews__items .review-card__preview-slider__next-btn {bottom:55px;}
.reviews__items .review-card + .review-card {margin-top: 24px;}
.review-card__image {cursor: pointer;}
.user-info__review-rate {background: 0; display: flex; align-items: center; justify-content: space-between;}
.rate-box {
width: 94px; height: 14px; position: relative; overflow: hidden;
}
.rate-box::after {
width: 100%; height: 100%; content: ' '; position: absolute; z-index: 1; left: 0; top: 0;
background:no-repeat 0 0 url(//53-doma.ru/wp-content/themes/53houses/img/rate.png); filter: grayscale(1);
}
.rate-value {
width: 0; height: 100%; position: absolute; z-index: 2; left: 0; top: 0;
background:no-repeat 0 0 url(//53-doma.ru/wp-content/themes/53houses/img/rate.png);
}
.page-reviews__props {display: flex; align-items: center; flex-wrap: wrap; margin:0 0 20px 0;}
.page-reviews__download {box-sizing: content-box; margin-top: 14px;}
.moreview-buttons {margin:0 -5px; display: flex; align-items: center; justify-content: space-between;}
.moreview-buttons-item {padding: 8px 5px 0; flex:1 1 auto;}
a.moreview-button {
max-width: 220px; height: 40px; padding: 5px 14px; display: inline-flex; align-items: center; justify-content: center;
background:#0bb1f3; border-radius: 34px; font-size: 14px;
color: #fff; text-decoration: none; white-space: nowrap;
transition: opacity 0.3s ease;
}
a.moreview-button:hover {opacity: 0.8;}
a.moreview-button.btn--detail {background: #f02a59;}
.moreview-button svg {flex:none; width: 20px; height: 20px; margin: 0 5px 0 0;} .news-item {
padding: 24px; margin: 0 0 24px 0;
background: #fff;
}
.news-item-title {margin: 0 0 10px 0; font-weight: bold; font-size: 18px;}
.news-item-title a {text-decoration: none;}
.news-item-title a:hover {color: var(--color-cerulean);}
.news-item-content {display: flex;}
a.news-item-image {text-decoration: none;}
.news-item-image {width: 340px; display: block; margin: 0 20px 0 0;}
.news-item-image img {width: 100%; height: auto; vertical-align: top;}
.news-item-text {flex:1; overflow: hidden; font-family: "InterTight", sans-serif;}
.news-item-details {margin: -20px 0 0 0; text-align: right;}
.news-item-details a:hover {color: var(--color-cerulean);}
@media all and (max-width: 910px){
.news-item-content {display: block;}
.news-item-image {max-width:100%; margin:0 auto 14px;}
.news-item-details {margin: 0;}
} .portfolios-item {
padding: 24px; margin: 0 0 24px 0;
background: #fff;
}
.portfolios-item-title {margin: 0 0 10px 0; font-weight: bold; font-size: 18px;}
.portfolios-item-title a {text-decoration: none;}
.portfolios-item-title a:hover {color: var(--color-cerulean);}
.portfolios-item-content {display: flex;}
a.portfolios-item-image {text-decoration: none;}
.portfolios-item-image {width: 340px; display: block; margin: 0 20px 0 0;}
.portfolios-item-image img {width: 100%; height: auto; vertical-align: top;}
.portfolios-item-text {flex:1; overflow: hidden; font-family: "InterTight", sans-serif;}
.portfolios-item-details {margin: -20px 0 0 0; text-align: right;}
.portfolios-item-details a:hover {color: var(--color-cerulean);}
.portfolios-item-address {
display: flex; align-items: center;
margin: 0 0 14px 0; font-family: "InterTight", sans-serif; font-size: 0.9em;
}
.portfolios-item-address svg {
flex:none; width: 24px; height: 24px; margin:0 10px 0 0;
}
.portfolios-item-address path {fill:var(--color-cerulean);}
.portfolios-item-props {margin-bottom: 20px;}
@media all and (max-width: 910px){
.portfolios-item-content {display: block;}
.portfolios-item-image {max-width:100%; margin:0 auto 14px;}
.portfolios-item-details {margin: 0;}
} .page-error-404-box {width:auto; height:auto; overflow:hidden; position:fixed; left:0; right:0; top:0; bottom:0; text-align:center; white-space:nowrap;
color: #111;
background: rgb(232,239,250);
background: -moz-linear-gradient(top, rgba(232,239,250,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(232,239,250,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(232,239,250,1) 0%,rgba(255,255,255,1) 100%);
z-index:20000;}
.page-error-404-box a {color: #222;}
.page-error-404-box:after {width:1px; height:100%; content:' '; display:inline-block; vertical-align:middle;}
.page-error-404-box .ins-box {max-width: 98%; width:700px; display:inline-block; vertical-align:middle; white-space:normal;}
.page-error-404-logo {max-width: 100%; margin:0 auto 26px auto;}
.page-error-404-box .ins-box p {margin:0; position:relative; z-index:5;}
.page-error-404-box .ins-box .err-title {font-size:16px;}
.page-error-404-box .ins-box .err-title + p {margin:5px 0; font-size:14px;}
.page-error-404-box .ins-box .err-title + p + p {font-size:12px;}
.page-error-404-box .errpage {height: 200px; position:relative; margin: 20px 0 0 0;
font:100px/1 'Arial'; outline: none; color:#222; text-align:center; letter-spacing:22px; z-index:2; cursor: default;
-webkit-transition: color 1s ease;
-moz-transition: color 1s ease;
transition: color 1s ease;
}
.page-error-404-title {font-size:36px; text-transform:uppercase; text-align:center;}
.errpage-word {
display: inline-block; vertical-align: top; position: relative; top: 0;
} .gallery {margin:0 -5px !important;}
.gallery .gallery-item {
padding:5px; float:none !important; position:relative; display:inline-block; vertical-align:top; margin:0 !important;
box-sizing:border-box;
}
.gallery .gallery-item a {display:block; text-decoration:none; outline:none;}
.gallery .gallery-item a:after {width:auto; height:auto; content:' '; display:block; position:absolute; left:5px; right:5px; top:5px; bottom:5px; z-index:10;}
.gallery .gallery-item img {width:100%; height:auto; border:0 !important; vertical-align:top; margin:0 !important;}
.gallery .gallery-item .gallery-caption {width:auto; height:auto; padding:9px 5px; position:absolute; left:5px; right:5px; bottom:5px; color:#fff; text-align:center; background:rgba(0,0,0,0.2); z-index:6;}
.gallery .gallery-item:before,
.main-gallery-item-photo:before {
width:auto; height:auto; content:' '; display:block; position:absolute; left:5px; right:5px; top:5px; bottom:5px; border:5px solid rgba(255,255,255,0.1); color:#fff; text-align:center; white-space:nowrap;  background: no-repeat center center rgba(0, 0, 0, 0.5) url('data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDM3My4xMiAzNzMuMTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM3My4xMiAzNzMuMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4Ij4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMjY2LjY2NywyMzQuNjY3aC0xNi44NTNsLTUuOTczLTUuNzZjMjAuOTA3LTI0LjMyLDMzLjQ5My01NS44OTMsMzMuNDkzLTkwLjI0QzI3Ny4zMzMsNjIuMDgsMjE1LjI1MywwLDEzOC42NjcsMCAgICBTMCw2Mi4wOCwwLDEzOC42NjdzNjIuMDgsMTM4LjY2NywxMzguNjY3LDEzOC42NjdjMzQuMzQ3LDAsNjUuOTItMTIuNTg3LDkwLjI0LTMzLjQ5M2w1Ljc2LDUuOTczdjE2Ljg1M0wzNDEuMzMzLDM3My4xMiAgICBsMzEuNzg3LTMxLjc4N0wyNjYuNjY3LDIzNC42Njd6IE0xMzguNjY3LDIzNC42NjdjLTUzLjEyLDAtOTYtNDIuODgtOTYtOTZzNDIuODgtOTYsOTYtOTZzOTYsNDIuODgsOTYsOTYgICAgUzE5MS43ODcsMjM0LjY2NywxMzguNjY3LDIzNC42Njd6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cG9seWdvbiBwb2ludHM9IjE0OS4zMzMsMTI4IDE0OS4zMzMsODUuMzMzIDEyOCw4NS4zMzMgMTI4LDEyOCA4NS4zMzMsMTI4IDg1LjMzMywxNDkuMzMzIDEyOCwxNDkuMzMzIDEyOCwxOTIgMTQ5LjMzMywxOTIgICAgIDE0OS4zMzMsMTQ5LjMzMyAxOTIsMTQ5LjMzMyAxOTIsMTI4ICAgIiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==');
opacity:0; z-index:6;
-moz-transition: opacity .3s ease;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease;
}
.gallery .gallery-item:hover:before,
.main-gallery-item-photo:hover:before {opacity:1;}
@media all and (max-width: 772px){
.gallery .gallery-item {width: 50% !important;}
} .main-page {
background: #e5e5e5;
}
.main-page__card {
padding:20px 15px;
background: #fff;
font-family: "InterTight", sans-serif;
}
.page-container {padding-bottom: 50px;}
.page-container .main-catalog__title {margin-bottom:34px;} .callback-form-social-list__link::after {
width: 100%; height: 100%; content: ' '; display: block;
position: absolute; left: 0; top: 0; z-index: 7;
}
.fn_formblock .wpcf7-not-valid-tip {display: none !important;}
.fn_formblock .wpcf7-not-valid {
border: 2px solid currentColor;
color: var(--color-red);
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/phone-error.png);
}
.fn_formblock .wpcf7-response-output {border-radius: 34px; font-weight: bold; font-size: 11px;}
.formblock__bottom {position: relative;}
.formblock__bottom .ajax-loader {
position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 77;
margin: 0 !important;
} div[data-tab-box] {display: none;}
div[data-tab-box].current {display: block;}
div[data-mproduct-tabbox] {max-height:0; overflow: hidden; position: relative;}
div[data-mproduct-tabbox].current {max-height: 10000px; overflow: visible;}
.projects-nav__link {display: inline-block; padding-left: 12px; padding-right: 12px;}
.projects-nav__item--active a {
color: var(--color-white);
background-color: var(--color-cerulean);
transition: color 0.3s, background-color 0.3s;
cursor: pointer;
}
@media all and (max-width: 768px){
.header__phone {
margin-bottom: 10px;
}
}
@media all and (min-width: 1224px){
.main section.projects .projects-slider-nav__prev-btn {position: absolute; left: -80px; top: 474px; margin: 0;}
.main section.projects .projects-slider-nav__next-btn {position: absolute; right: -80px; top: 474px; margin: 0;}
}
.product-page-card__features__item {height:auto; min-height: 50px; background-position: center 20px; font-size: 14px;}
.product-page-card__btn-container {position: static;}
.product-page-card__btn-container .product-page-card__prev-btn,
.product-page-card__btn-container .product-page-card__next-btn {
position: absolute; top: 50%; border-color: transparent;
z-index: 77; background-color: var(--color-red);
margin: -25px 0 0 0;
}
.product-page-card__btn-container .product-page-card__prev-btn:hover,
.product-page-card__btn-container .product-page-card__next-btn:hover {background-color:#fd0000;}
.product-page-card__btn-container .product-page-card__prev-btn {left: 20px;}
.product-page-card__btn-container .product-page-card__next-btn {right: 20px;}
.product-page-card__props__item_value {text-align: right;}
.product-page-card__paginaton {bottom: 20px;}
.product-page-card__prev-image.slide-current {
border-color: #ffe036;
} .fancy-modal {white-space: nowrap;}
.fancy-modal > div {white-space: normal;}
.fancy-modal .fancybox-content {white-space: normal;}
.fancy-modal.fancybox-content {max-width: 470px; padding:0; border-radius: 24px;}
.fancy-modal__header {
padding: 20px 40px;
box-shadow: inset 0 -1px 0 #e0e7ea;
font-weight: 700;
font-size: 16px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.fancy-modal__header-image {flex:none; width: auto; height: auto; margin: 0 auto 12px;}
.fancy-modal__header-image img {width: 100%; height: auto; vertical-align: top;}
.fancy-modal__header-title {font-size: 16px;
line-height: 23px;
}
@media all and (max-width: 772px){
.fancy-modal__header {display: block;}
.fancy-modal__header-image {width: auto; margin: 0 0 10px 0;}
}
@media all and (max-width: 492px){
.fancy-modal.fancybox-content {max-width: 350px;}
.fancy-modal__header-image {margin: 0 -30px 10px;}
.fancy-modal__header-image img {border-radius: 8px 8px 0 0;}
.popup-callback .callback-form-social-list__item:not(:last-child) {margin-right: 5px;}
.fancy-modal form {text-align: center;}
.fancy-modal .popup-callback__form__select {width: 100%;}
.fancy-modal .form__box {padding: 12px;}
.fancy-modal .popup-callback__form__social-descr,
.fancy-modal .callback-form__label {text-align: center; width: 100%; display: block;}
.fancybox-container .fancybox-close-small {right: 10px; top: 6px;}
}
.form__box {
padding: 20px 45px 20px;
}
.popup-callback__form__footer {text-align: center;}
.form__place-icon {display: none;}
a[data-fancybox-modal] {cursor: pointer;}
.fancy-modal .popup-callback .callback-form-social-list__item label {width: 100%; height: 100%;}
.fancy-modal .callback-form-social-list__link {
display: block; color: #000;
position: absolute; left: 50%; top: 100%; transform: translateX(-50%); margin-top: 10px;
opacity: 0; visibility: hidden;
}
.fancy-modal .callback-form-social-list__item {position: relative;}
.fancy-modal .callback-form-social-list__item:hover .callback-form-social-list__link,
.fancy-modal .callback-form-social-list__item--active .callback-form-social-list__link {
opacity: 1; visibility: visible;
}
.main-callback__form .wpcf7-response-output {padding:5px; position: absolute; left: 10px; right: 10px; bottom: -1px;}
.excursion__phone .callback-form__phone {width: 100%;}
.excursion__phone .wpcf7-form-control-wrap.tel {width: 358px; margin-right: 15px;}
.excursion__phone .wpcf7-form-control-wrap.tel input {width: 100%; margin: 0;}
.excursion__phone .formblock__bottom {padding: 0;}
.excursion__phone .wpcf7-not-valid-tip {display: none;}
.excursion__phone .wpcf7-response-output {display: none !important;}
.excursion__phone .wpcf7-form {position: relative;}
.excursion__phone .wpcf7-form.sent .wpcf7-response-output {
width: auto; height: auto; padding: 12px;
display: flex !important; align-items: center; justify-content: center;
background: rgba(1,1,1,0.4);
font-weight: bold; font-size: 18px; color: #fff; text-align: center;
position: absolute; left: -10px; right: -10px; top: -10px; bottom: -10px; margin: 0;
border-radius: 12px !important;
}
.excursion__contacts .callback-form-social-list__item {}
.excursion__contacts .callback-form-social-list__img {border-radius: 50%; transition: background-color 0.3s ease;}
.excursion__contacts .callback-form-social-list__item.current img {background: rgba(255,255,255,0.4);}
.callback-form__agree {display: block;}
.callback-form__agree input:checked + .custom-checkbox-agree__text::before {
background-image: url(//53-doma.ru/wp-content/themes/53houses/img/agree-checkbox-cheked.png);
background-position: center;
background-size: 8px 6px;
background-repeat: no-repeat;
background-color: #ffe036;
}
@media all and (max-width: 772px){
.excursion__phone .callback-form__btn {margin-top: 12px;}
.excursion__phone .callback-form__agree {position: relative; left: auto; bottom: auto;}
} .portfolio__map-outer {
width: auto; height: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0;
}
.portfolio__map-outer > div {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.portfolio__map-outer .balloon_layout_normal {}
.portfolio__map-outer .balloon_layout_normal > ymaps {
background: 0 !important;
}
.portfolio__map-outer .ymaps-2-1-78-balloon__layout,
.portfolio__map-outer .ymaps-2-1-78-balloon__content {
background: 0 !important;
}
.portfolio__map-outer .ymaps-2-1-78-balloon__layout {overflow: visible !important;}
.portfolio__map-outer .ymaps-2-1-78-balloon__content > ymaps {overflow: visible !important;}
.portfolio__map-outer .ymaps-2-1-78-balloon__tail {display: none !important;}
#body .ymaps-2-1-78-outer-panes {z-index: 6700 !important;}
#body .ymaps-2-1-78-copyrights-pane,
#body .ymaps-2-1-78-controls__control {z-index: 740 !important;}
.portfolio__map-outer .map-location__content {
width: 100%; position: relative; left: auto; top: auto; margin: 0;
}
.portfolio__map-outer .map-location__image {
width: 100%; height: 173px; display: block; position: relative; overflow: hidden; padding: 15px 15px 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer; text-decoration: none;
}
.portfolio__map-outer .map-location__image img {width: 100%; height: auto; min-height: 158px; vertical-align: top; margin: 0;}
.map-location__block {
width: 260px; background: #fff; border-radius: 14px;
position: absolute; left: 0; top: 0;
animation: fadeInMiniMap 0.3s;
}
@keyframes fadeInMiniMap {
0% {opacity:0;}
100% {opacity:1;}
}
.map-location__close {
width: 24px; height: 24px;
display: flex; align-items: center; justify-content: center; text-align: center;
position: absolute; background: red; z-index: 777; right: -12px; top: -12px; border-radius: 50%;
}
.map-location__close svg {width: 100%; height: 100%; vertical-align: top; opacity: 0.8; pointer-events: none;}
.map-location__close:hover svg {opacity: 1;}
.popover-inner > ymaps {
width: auto !important; height: auto !important;
overflow: visible !important;
} .filter__row + .filter__row {margin: 30px 0 0 0;}
.filter__box-title {
margin-bottom: 25px;
font-weight: 700;
font-size: 16px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.filter__box-title sup {display: inline-block; vertical-align: top; position: relative; top: -4px; padding: 0; margin: 0;}
.filter__box-checkboxes {display: flex; align-items: center; flex-wrap: wrap;}
.filter__box-checkboxes .checkbox__button {width:100%; margin: 0 5px 10px 0;}
.filter__bullets {display: flex; margin: -30px;}
.filter__bullet {padding:30px; flex:1 0;}
.filter__cols {
display: flex; margin: -16px; position: relative;
padding: 25px 0 9px;
}
.filter__cols::after {
width: auto; height: 1px; content: ' '; display: block;
position: absolute; left: 16px; right: 16px; bottom: 0;
background: var(--color-mystic);
}
.filter__cols:last-child {padding-bottom: 40px;}
.filter__cols:last-child::after {display: none;}
.filter__col {padding:16px; flex:1 0;}
.filter__box[data-prop-name="build_size"] {
width: 320px;
}
.filter__box[data-prop-name="build_size"] .filter__box-checkboxes {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr;
gap: 0 0;
grid-template-areas:
"test test test"
". . ."
". . .";
}
.filter__range {
display: flex;
background: #FFFFFF; border-radius: 50px;
}
.filter__range-item {
flex:1 0;
}
.filter__range-item + .filter__range-item {border-left:1px solid #E2E7EC;}
.filter__range-item input {
width: 100%; height: 60px; padding: 0 30px; display: block; margin: 0; border: 0; background: 0;
font-weight: 700;
font-size: 14px;
letter-spacing: 0.1em;
text-transform: uppercase;
caret-color: var(--color-cerulean);
text-align: left !important;
outline: snow;
}
.filter__range-item input {
box-shadow: inset 0 0 0 1px #e0e7ea;
}
.filter__range-item input:focus {
box-shadow: inset 0 0 0 1px #0bb1f3;
}
.filter__range-item:first-child input {border-radius: 50px 0 0 50px;}
.filter__range-item:last-child input {border-radius: 0 50px 50px 0;}
.filter__rangeslider {margin: 10px 0 0 0;}
.filter__button-toggle {width:100%; display: none; margin:25px 0 0 0;}
.filter__button-toggle svg {width:20px; height:20px; margin:0 12px 0 0; color: #424d5e;}
.filter__button-toggleshow {width:100%; display: none;}
.filter__button-toggleshow svg {width:20px; height:20px; margin:0 12px 0 0; color: #424d5e;}
@media all and (max-width: 960px){
.filter__bullets {flex-direction: column;}
.filter__bullet {flex: none;}
.filter__range-item input {height: 60px;}
}
@media all and (max-width: 772px){
.filter__bullets {margin: -10px 0;}
.filter__bullet {padding: 10px 0;}
.filter__range-item input {padding:0 25px; font-size: 14px;}
.filter__rangeslider {margin:15px 0 0 0;}
.filter__rangeslider .irs.irs--flat .irs-handle {width: 15px; height: 15px; top: 4px; box-shadow: inset 0 0 0 5px #5cb446;}
.filter__cols {flex-direction: column; margin: -10px 0;}
.filter__col {flex:none; padding: 10px 0;}
.filter__row + .filter__row {margin-top: 10px;}
.filter__box-checkboxes {margin-bottom: -5px;}
.filter__button-toggle {display: flex;}
.filter__toggles {max-height:0; position: relative; overflow: hidden;}
.filter__button-toggleshow {width:100%; display: flex;}
.dropshow--filter .filter__toggles {max-height: 3000px;}
.dropshow--filter .filter__button-toggleshow {display: none;}
}
.catalog-pagination__item.link--active {background:#0bb1f3; color: #fff; cursor: default;}
.catalog-pagination__item {position: relative;}
.catalog-pagination__item a::after {
width:auto; height: auto; content: ' '; display: block;
position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 5;
}
@media all and (min-width: 768px) and (max-width: 1070px){
.header {height: 570px;}
.header__top {flex-direction: column; align-items: center;}
.header__logo {display: block; margin: 0 0 20px 0;}
.header__logo--mob.for-mobile {display: none;}
.header__social.social {display: none;}
.header-nav__item--dropdown {margin-right: 40px !important;}
.header-nav__item:not(:last-child) {margin-right: 16px;}
.header-nav__list {
justify-content: center; flex-wrap: wrap;
}
.footer__container {padding-right: 0; justify-content: space-between;}
.footer__left {width: auto; flex:1 0; max-width: 56%;}
.footer__about {font-size: 16px;}
.footer__column {margin-right: 20px;}
.footer__right {width: 316px; margin-left: 34px;}
.footer .header__tel {font-size: 32px;}
.footer-contacts__socials {width: 320px; margin-left: auto; margin-right: auto;}
.footer-contacts__messengers .contacts-messengers__link,
.footer-contacts__socials .social__item {width: 42px; height: 42px;}
.footer-contacts__messengers .social__descr {font-size: 11px;}
.footer-contacts__socials .social__descr {font-size: 11px;}
}
.catalog__filter-button_toggle {display: none;}
@media all and (min-width: 769px){
.catalog__filter-button_toggle {
padding: 5px 12px; display: flex; align-items: center; justify-content: center;
font-weight: 600; font-size: 16px; color: #000;
background:#ffe036; border-radius: 10px;
}
.catalog__filter-button_toggle:hover {background: #ffe244;}
.catalog__filter-button_toggle-close {display: none;}
.catalog__filter-button_toggle-open {display: block;}
.catalog-filters__drop {max-height: 0; position: relative; overflow: hidden;}
.catalog__filter.display--show .catalog-filters__drop {max-height: none;}
.catalog__filter.display--show .catalog__filter-button_toggle-close {display: block;}
.catalog__filter.display--show .catalog__filter-button_toggle-open {display: none;}
} .single-projects .block-categories,
.single-projects .container:has(.block-categories) {
display: none;
} #modal-question .question-form {
width: 100%;
margin: 0;
padding: 0;
box-sizing: border-box;
}
#modal-question .question-form *,
#modal-question .question-form *::before,
#modal-question .question-form *::after {
box-sizing: border-box;
} #modal-question .question-form__field {
width: 100%;
margin: 0 0 24px;
} #modal-question .question-form__label {
display: block;
margin: 0 0 17px;
padding: 0;
color: #9daab0;
font-size: 16px;
font-weight: 700;
line-height: 1.35;
text-align: center;
text-transform: none;
} #modal-question .question-form__control {
position: relative;
display: block;
width: 100%;
margin: 0;
padding: 0;
} #modal-question .question-form__control .wpcf7-form-control-wrap {
display: block;
width: 100%;
} #modal-question .question-form__control input {
display: block !important;
width: 100% !important;
height: 80px !important;
margin: 0 !important;
padding: 0 40px !important;
color: #444 !important;
background: #fff !important;
border: 1px solid #333 !important;
border-radius: 45px !important;
outline: none !important;
box-shadow: none !important;
font-family: inherit !important;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 80px !important;
letter-spacing: 1.3px !important;
text-align: left !important;
text-transform: uppercase !important;
appearance: none;
-webkit-appearance: none;
transition:
border-color 0.2s ease,
box-shadow 0.2s ease;
} #modal-question .question-form__control--phone input {
padding-left: 84px !important;
} #modal-question .question-form__control input::placeholder {
color: #444 !important;
opacity: 1 !important;
}
#modal-question .question-form__control input::-webkit-input-placeholder {
color: #444 !important;
opacity: 1 !important;
}
#modal-question .question-form__control input::-moz-placeholder {
color: #444 !important;
opacity: 1 !important;
} #modal-question .question-form__control input:focus {
border-color: #f3c800 !important;
box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.2) !important;
} #modal-question .question-form__phone-icon {
position: absolute;
top: 50%;
left: 35px;
z-index: 3;
display: flex;
width: 25px;
height: 25px;
align-items: center;
justify-content: center;
color: #dfe7ea;
pointer-events: none;
transform: translateY(-50%);
}
#modal-question .question-form__phone-icon svg {
display: block;
width: 25px;
height: 25px;
fill: currentColor;
} #modal-question .question-form__submit {
position: relative;
display: flex !important;
width: 100% !important;
min-height: 84px !important;
margin: 2px 0 0 !important;
padding: 15px 30px !important;
align-items: center;
justify-content: center;
gap: 18px;
color: #000 !important;
background: linear-gradient(180deg, #fff45e 0%, #ffe45c 100%) !important;
border: 0 !important;
border-bottom: 3px solid #d9b900 !important;
border-radius: 45px !important;
outline: none !important;
box-shadow: 0 10px 24px rgba(255, 222, 0, 0.2) !important;
font-family: inherit !important;
font-size: 15px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
letter-spacing: 1.5px !important;
text-align: center;
text-transform: uppercase;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
transition:
transform 0.2s ease,
background 0.2s ease,
box-shadow 0.2s ease;
}
#modal-question .question-form__submit:hover {
color: #000 !important;
background: linear-gradient(180deg, #fff77d 0%, #ffdf38 100%) !important;
box-shadow: 0 12px 28px rgba(255, 210, 0, 0.3) !important;
transform: translateY(-2px);
}
#modal-question .question-form__submit:active {
transform: translateY(1px);
} #modal-question .question-form__submit-icon {
display: flex;
width: 25px;
height: 25px;
flex: 0 0 25px;
align-items: center;
justify-content: center;
}
#modal-question .question-form__submit-icon svg {
display: block;
width: 25px;
height: 25px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
} #modal-question .wpcf7-spinner {
display: block;
margin: 12px auto 0;
} #modal-question .question-form__control input.wpcf7-not-valid {
border-color: #e34a4a !important;
box-shadow: 0 0 0 3px rgba(227, 74, 74, 0.12) !important;
} #modal-question .wpcf7-not-valid-tip {
display: block;
margin: 8px 20px 0;
color: #d63638;
font-size: 12px;
line-height: 1.35;
text-align: left;
} #modal-question .wpcf7 form .wpcf7-response-output {
margin: 20px 0 0;
padding: 12px 15px;
border-radius: 8px;
font-size: 13px;
line-height: 1.4;
} #modal-question .question-form p {
margin: 0;
padding: 0;
} @media (max-width: 600px) {
#modal-question .question-form__field {
margin-bottom: 20px;
}
#modal-question .question-form__label {
margin-bottom: 12px;
font-size: 14px;
}
#modal-question .question-form__control input {
height: 68px !important;
padding-right: 28px !important;
padding-left: 28px !important;
border-radius: 36px !important;
font-size: 13px !important;
line-height: 68px !important;
letter-spacing: 1px !important;
}
#modal-question .question-form__control--phone input {
padding-left: 67px !important;
}
#modal-question .question-form__phone-icon {
left: 27px;
width: 22px;
height: 22px;
}
#modal-question .question-form__phone-icon svg {
width: 22px;
height: 22px;
}
#modal-question .question-form__submit {
min-height: 70px !important;
padding: 14px 22px !important;
gap: 12px;
border-radius: 38px !important;
font-size: 14px !important;
}
}