@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 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 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;
}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;
-webkit-transform: translateZ(0);
transform: translateZ(0);
width: 100%;
z-index: 99992;
}
.fancybox-container * {
box-sizing: border-box;
}
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.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(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg {
opacity: .9;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
direction: ltr;
opacity: 0;
position: absolute;
transition: opacity .25s ease, visibility 0s ease .25s;
visibility: hidden;
z-index: 99997;
}
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
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;
-webkit-transform: translateZ(0);
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: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
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--previous,
.fancybox-slide--current,
.fancybox-slide--next {
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 {
-webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
animation-timing-function: cubic-bezier(0.5, 0, 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;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
cursor: -webkit-grab;
cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.fancybox-container [data-selectable='true'] {
cursor: text;
}
.fancybox-image,
.fancybox-spaceball {
background: transparent;
border: 0;
height: 100%;  object-fit: contain;
margin: 0;
max-height: none;
max-width: none;
padding: 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--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--iframe .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-video,
.fancybox-iframe {
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, 0.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:visited,
.fancybox-button:link {
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--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
display: none;
}
.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
display: none;
}
.fancybox-progress {
background: #ff5268;
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0;
-ms-transform-origin: 0;
transform-origin: 0;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
transition-timing-function: linear;
z-index: 99998;
} .fancybox-close-small {
background: transparent;
border: 0;
border-radius: 0;
color: #ccc;
cursor: pointer;
opacity: .8;
padding: 8px;
position: absolute;
right: -12px;
top: -44px;
z-index: 401;
}
.fancybox-close-small:hover {
color: #fff;
opacity: 1;
}
.fancybox-slide--html .fancybox-close-small {
color: currentColor;
padding: 10px;
right: 0;
top: 0;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
display: none;
} .fancybox-navigation .fancybox-button {
background-clip: content-box;
height: 100px;
opacity: 0;
position: absolute;
top: calc(50% - 50px);
width: 70px;
}
.fancybox-navigation .fancybox-button div {
padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0;
padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
padding: 31px 6px 31px 26px;
right: 0;
} .fancybox-caption {
bottom: 0;
color: #eee;
font-size: 14px;
font-weight: 400;
left: 0;
line-height: 1.5;
padding: 25px 44px 25px 44px;
right: 0;
text-align: center;
z-index: 99996;
}
.fancybox-caption::before {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD6CAQAAADKSeXYAAAAYklEQVQoz42RwQ3AMAgDjfcfup8WoRykfBAK5mQHKSz5rbXJPis1hjiV3CIqgG0hLZPkVkA4p4x5oR1bVeDrdCLrW2Q0D5bcwY3TGMHbdw3mPRuOtaspYP1w//G1OIcW148H0DMCqI/3mMMAAAAASUVORK5CYII=);
background-repeat: repeat-x;
background-size: contain;
bottom: 0;
content: '';
display: block;
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: -44px;
z-index: -1;
}
.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 {
-webkit-animation: fancybox-rotate 1s linear infinite;
animation: fancybox-rotate 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;
}
@-webkit-keyframes fancybox-rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes fancybox-rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} .fancybox-animated {
transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
} .fancybox-fx-slide.fancybox-slide--previous {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
} .fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
opacity: 0;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1;
} .fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity: 0;
-webkit-transform: scale3d(1.5, 1.5, 1.5);
transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity: 0;
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
} .fancybox-fx-rotate.fancybox-slide--previous {
opacity: 0;
-webkit-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}
.fancybox-fx-rotate.fancybox-slide--next {
opacity: 0;
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.fancybox-fx-rotate.fancybox-slide--current {
opacity: 1;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
} .fancybox-fx-circular.fancybox-slide--previous {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
} .fancybox-fx-tube.fancybox-slide--previous {
-webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
-webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
} @media all and (max-height: 576px) {
.fancybox-caption {
padding: 12px;
}
.fancybox-slide {
padding-left: 6px;
padding-right: 6px;
}
.fancybox-slide--image {
padding: 6px 0;
}
.fancybox-slide--image .fancybox-close-small {
background: #4e4e4e;
color: #f2f4f6;
height: 36px;
opacity: 1;
padding: 6px;
right: 0;
top: 0;
width: 36px;
}
} .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 0;
}
.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 5px;
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:visited,
.fancybox-share__button:link {
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 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 2px;
position: absolute;
right: 0;
-webkit-tap-highlight-color: transparent;
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, 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, 0.1);
background-position: center center;
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 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
z-index: 99991;
}
.fancybox-thumbs__list a:focus::before {
opacity: .5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
opacity: 1;
} .fancybox-container.fancybox-is-open {
z-index:99999;
} @media all and (max-width: 576px) {
.fancybox-thumbs {
width: 110px;
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px;
}
.fancybox-thumbs__list a {
max-width: calc(100% - 10px);
}
}
.fancybox-content {
height: auto!important;
}body {
margin: 0;
padding: 0;
}
a {
text-decoration: none;
color: #f27474;
}
p a:hover {
text-decoration: underline;
}
button {
cursor: pointer;
}
button:focus {
outline: none;
}
ul {
margin: 0;
}
.global-header {
background-color: #fff;
box-shadow: 0 1px 15px 0 rgba(192,72,25,0.32);
height: 80px;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 100;
}
.global-header .logo {
width: 162px;
height: 36px;
background-image: url(//dveri-oka.ru/assets/images/logo.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
float: left;
margin-top: 22px;
margin-left: 15px;
}
@media all and (max-width: 600px) {
.global-header .logo {
float: none;
height: 29px;
display: block;
margin: 0 auto;
margin-top: 10px;
}
}
.global-header nav {
font-size: 17px;
color: #f27474;
float: right;
margin-top: 29px;
}
@media all and (max-width: 600px) {
.global-header nav {
float: none;
text-align: center;
font-size: 16px;
margin-top: 10px;
}
}
.global-header nav a {
position: relative;
cursor: pointer;
}
.global-header nav a::before {
content: "";
background-color: #f27474;
height: 3px;
border-radius: 2px;
position: absolute;
left: 0;
right: 0;
bottom: -5px;
display: none;
}
.global-header nav a:hover::before {
display: block;
}
.global-header nav .github-icon {
width: 26px;
height: 25px;
background-image: url(//dveri-oka.ru/assets/images/github.svg);
display: inline-block;
vertical-align: middle;
position: relative;
top: -3px;
}
.global-header ul {
white-space: nowrap;
padding: 0;
}
.global-header ul li {
display: inline-block;
margin: 0 15px;
}
.highlight {
background-color: #f8f8f8;
padding: 10px 23px;
font-size: 14px;
line-height: normal;
color: rgba(0,0,0,0.62);
overflow-x: auto;
}
.highlight .editor {
font-family: 'Inconsolata', monospace;
}
.highlight .line {
margin: 6px 0;
}
.highlight.bash .line::before {
content: "$ ";
opacity: 0.5;
}
.highlight .string {
color: #8858d2;
}
.highlight .html.name.tag {
color: #4ac14a;
}
.highlight .html.attribute-name {
color: #b646c1;
}
.highlight .js.name.function {
color: #f27474;
}
.highlight .js.boolean,
.highlight .js.numeric {
color: #4ac14a;
}
.highlight .js.control,
.highlight .js.assignment {
color: #b646c1;
}
.highlight .js.storage,
.highlight .js.variable {
color: #00a9ff;
}
.highlight .js.comment {
color: rgba(0,0,0,0.3);
}
.highlight .js.function {
color: inherit;
}
.highlight .js.variable.other,
.highlight .js.variable.parameter {
color: inherit;
}
.highlight .js.storage.class,
.highlight .js.class + * + .storage.modifier {
color: #b646c1;
}
.highlight .css.selector {
color: #4ac14a;
}
.highlight .css.property-name {
color: #00a9ff;
}
.highlight .css.property-value {
color: #8858d2;
}
.highlight .css.separator,
.highlight .css.terminator {
color: rgba(0,0,0,0.62);
}
.landing-top {
height: 370px;
position: relative;
padding-top: 80px;
}
@media all and (max-width: 1000px) {
.landing-top {
height: 600px;
}
}
.landing-top .bg {
background-image: linear-gradient(-132deg, #ff7d79 0%, #f28b74 92%);
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-clip-path: url(#top-transition-clip-shape);
clip-path: url(#top-transition-clip-shape);
will-change: transform;  }
@media all and (max-width: 600px) {
.landing-top .bg {
-webkit-clip-path: none;
clip-path: none;
}
}
.landing-top .swal-modal-example {
transform: none;
opacity: 1;
height: 292px;
width: 409px;
margin: 20px;
background-color: #fff;
box-shadow: 0 5px 22px 0 rgba(0,0,0,0.2);
border-radius: 8px;
margin-top: 59px;
text-align: center;
display: inline-block;
vertical-align: middle;
overflow: hidden;
transition: height 0.3s;
position: absolute;
z-index: 10;
top: 0;
left: 0;
}
@media all and (max-width: 1000px) {
.landing-top .swal-modal-example {
position: relative;
display: block;
margin: 20px auto;
}
}
@media all and (max-width: 450px) {
.landing-top .swal-modal-example {
width: 100%;
}
}
.landing-top .swal-modal-example[data-type="success"] {
height: 292px;
}
.landing-top .swal-modal-example[data-type="warning"] {
height: 325px;
}
.landing-top .swal-modal-example .swal-title {
padding-top: 10px;
}
.landing-top .swal-modal-example .swal-text {
color: rgba(0,0,0,0.48);
margin-top: 6px;
}
.landing-top .modal-content-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #fff;
z-index: 2;
pointer-events: none;
opacity: 0;
transition: opacity 0.2s;
}
.landing-top .modal-content-overlay.show {
opacity: 1;
}
.landing-top .example-content {
display: none;
}
.landing-top .example-content.show {
display: block;
}
.landing-top .desc {
display: inline-block;
position: relative;
color: #fff;
margin-left: 50px;
max-width: calc(100% - 409px - 112px);
vertical-align: middle;
margin-top: 61px;
padding-left: 473px;
}
@media all and (max-width: 1000px) {
.landing-top .desc {
display: block;
max-width: none;
padding-left: 0;
margin-left: 0;
text-align: center;
}
}
.landing-top h2 {
font-size: 30px;
line-height: 51px;
font-weight: 300;
}
@media all and (max-width: 380px) {
.landing-top h2 {
font-size: 25px;
margin-top: -20px;
}
}
.landing-top .text-rotater {
display: block;
height: 57px;
overflow: hidden;
}
.landing-top .text-rotater span {
display: block;
transition: transform 0.4s;
}
.landing-top .text-rotater.slide-up span {
transform: translateY(-51px);
}
.landing-top .install {
background: rgba(120,40,40,0.32);
border-radius: 7px;
max-width: 357px;
padding: 12px;
}
@media all and (max-width: 1000px) {
.landing-top .install {
margin: 0 auto;
text-align: left;
}
}
.landing-top .install .button {
background: rgba(255,255,255,0.39);
width: 12px;
height: 12px;
border-radius: 50%;
display: inline-block;
}
.landing-top .install .command {
font-family: 'Inconsolata', monospace;
padding: 12px;
padding-left: 30px;
}
.landing-top .install .command::before {
content: "$";
opacity: 0.5;
transform: rotate(8deg);
font-size: 20px;
position: absolute;
margin-left: -27px;
margin-top: -2px;
}
.comparison-container {
padding-bottom: 70px;
text-align: center;
}
.comparison-container h3 {
font-size: 22px;
color: #b49993;
font-weight: 400;
display: block;
text-align: center;
margin-top: 93px;
margin-bottom: 80px;
}
.comparison-container .code-container {
text-align: center;
width: calc(50% - 60px);
display: inline-block;
vertical-align: middle;
}
@media all and (max-width: 600px) {
.comparison-container .code-container {
width: 100%;
}
}
.comparison-container .versus {
width: 35px;
height: 33px;
background-image: url(//dveri-oka.ru/assets/images/vs.svg);
display: inline-block;
vertical-align: middle;
margin: 0 30px;
}
@media all and (max-width: 600px) {
.comparison-container .versus {
margin: 30px;
margin-bottom: -10px;
}
}
.comparison-container h5 {
font-size: 13px;
color: rgba(0,0,0,0.21);
text-transform: uppercase;
text-align: left;
margin-bottom: 15px;
}
.comparison-container h5.swal-logo {
text-indent: -9999999px;
margin-top: 2px;
}
.comparison-container h5.swal-logo::after {
content: "";
background-image: url(//dveri-oka.ru/assets/images/logo-small.svg);
width: 91px;
height: 20px;
display: block;
}
.comparison-container .highlight {
text-align: left;
padding: 16px 23px;
}
.comparison-container .highlight span {
margin: 0 -4px;
}
.comparison-container .remark {
font-size: 20px;
color: #f27474;
margin-top: 80px;
}
.comparison-container .get-started-button {
background-color: #f27474;
color: #fff;
border-radius: 8px;
font-size: 22px;
padding: 14px 55px;
margin: 20px 0;
display: inline-block;
}
.customize-container {
background-color: #999eaf;
text-align: center;
color: #fff;
text-align: center;
background-image: url(//dveri-oka.ru/assets/images/pattern.png);
background-image: -webkit-image-set(url(//dveri-oka.ru/assets/images/pattern.png) 1x, url(//dveri-oka.ru/assets/images/pattern@2x.png) 2x);
padding: 40px 0;
-webkit-clip-path: url(#customization-transition-clip-shape);
clip-path: url(#customization-transition-clip-shape);
will-change: transform; }
@media all and (max-width: 600px) {
.customize-container {
-webkit-clip-path: none;
clip-path: none;
}
}
.customize-container h3 {
font-weight: 400;
font-size: 20px;
padding: 50px 0;
}
.customize-container .example-modals {
background-image: url(//dveri-oka.ru/assets/images/modal-examples.png);
background-image: -webkit-image-set(url(//dveri-oka.ru/assets/images/modal-examples.png) 1x, url(//dveri-oka.ru/assets/images/modal-examples@2x.png) 2x);
height: 284px;
background-size: auto 100%;
background-position: 0 0;
animation: scrollExamples 80s infinite linear;
}
.customize-container .view-api-button {
border: 3px solid #fff;
border-radius: 6px;
color: #fff;
padding: 12px 52px;
font-size: 18px;
margin-top: 60px;
display: inline-block;
}
@-moz-keyframes scrollExamples {
0% {
background-position: 0 0;
}
100% {
background-position: -2146px 0;
}
}
@-webkit-keyframes scrollExamples {
0% {
background-position: 0 0;
}
100% {
background-position: -2146px 0;
}
}
@-o-keyframes scrollExamples {
0% {
background-position: 0 0;
}
100% {
background-position: -2146px 0;
}
}
@keyframes scrollExamples {
0% {
background-position: 0 0;
}
100% {
background-position: -2146px 0;
}
}
.page-content {
$mobile-breakpoint: 880px;
}
.page-content table {
border-collapse: collapse;
border: none;
width: 100%;
}
.page-content th {
font-size: 17px;
color: rgba(0,0,0,0.34);
padding: 20px 15px;
text-transform: capitalize;
font-weight: 400;
}
.page-content thead > tr {
border-bottom: 2px solid rgba(0,0,0,0.1);
}
.page-content tr {
text-align: left;
box-shadow: 0px -1px 0px rgba(0,0,0,0.15);
}
.page-content tr:first-child {
box-shadow: none;
}
.page-content td {
padding: 17px;
}
.page-content td:first-child > code {
color: #2e9fef;
background: none;
border: none;
font-size: 16px;
padding: 0;
}
@media all and (min-width: mobile-breakpoint) {
.page-content tbody tr:nth-child(1) {
box-shadow: none;
}
}
@media all and (max-width: mobile-breakpoint) {
.page-content table,
.page-content thead,
.page-content tbody,
.page-content th,
.page-content td,
.page-content tr {
display: block;
}
.page-content thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.page-content tr {
margin-top: -1px;
box-shadow: 0px -1px 0px 0px rgba(0,0,0,0.27);
}
.page-content td { border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: mobile-padding;
min-height: 20px;
}
.page-content td::before { position: absolute; top: 15px;
left: 15px;
width: mobile-padding;
width: calc((mobile-padding - 35px));
overflow: hidden;
text-overflow: ellipsis;
padding-right: 10px;
white-space: nowrap;
color: rgba(0,0,0,0.54);
font-family: page-font;
font-size: 16px;
text-transform: capitalize;
content: attr(data-name);
}
}
.doc-container {
overflow: hidden;
}
.side-menu {
width: 225px;
float: left;
padding-left: 20px;
position: fixed;
top: 88px;
}
@media all and (max-width: 600px) {
.side-menu {
float: none;
position: static;
margin-top: 120px;
text-align: center;
width: 100%;
margin-bottom: -60px;
padding-left: 0;
}
}
.side-menu .title {
font-size: 20px;
color: rgba(0,0,0,0.63);
font-weight: 600;
margin-top: 50px;
margin-bottom: 36px;
}
.side-menu a {
font-size: 17px;
color: rgba(0,0,0,0.42);
display: block;
margin: 18px 0;
}
.side-menu a:hover {
color: rgba(0,0,0,0.6);
}
.page-content {
float: left;
width: calc(100% - 225px - 20px);
margin-left: 225px;
min-height: 220px;
margin-top: 16px;
font-size: 16px;
color: rgba(0,0,0,0.59);
line-height: 29px;
}
@media all and (max-width: 600px) {
.page-content {
float: none;
margin-left: 0;
width: 100%;
}
}
.page-content h1 {
padding-top: 90px;
border-bottom: 1px solid rgba(0,0,0,0.15);
padding-bottom: 20px;
margin-bottom: 0;
}
.page-content h1::before {
content: "#";
position: absolute;
margin-left: -23px;
font-size: 24px;
margin-top: 3px;
color: #f38270;
font-weight: 500;
}
.page-content h1 a {
font-size: 30px;
color: rgba(0,0,0,0.85);
font-weight: 600;
}
.page-content h2,
.page-content h3 {
font-size: 20px;
margin-top: -70px;
padding-top: 100px;
}
.page-content h2 a,
.page-content h3 a {
color: rgba(0,0,0,0.7);
}
.page-content ul {
list-style-type: disc;
margin-bottom: 20px;
}
.page-content ul li {
margin: 5px 0;
}
.page-content img {
max-width: 100%;
}
.page-content.api > ul {
list-style-type: none;
padding-left: 30px;
}
.page-content.api > ul > li h3::before {
content: "";
width: 8px;
height: 8px;
position: absolute;
border-radius: 50%;
background-color: #f27474;
margin-left: -27px;
margin-top: 12px;
}
.page-content code {
font-family: 'Inconsolata', monospace;
padding: 3px 6px;
border-radius: 2px;
border: 1px solid rgba(0,0,0,0.12);
background: #f8f8f8;
font-size: 14px;
color: #f27474;
}
.page-content kbd {
display: inline-block;
padding: 3px 5px;
font-size: 11px;
line-height: 10px;
color: #444d56;
vertical-align: middle;
background-color: #fafbfc;
border: solid 1px #c6cbd1;
border-bottom-color: #959da5;
border-radius: 3px;
box-shadow: inset 0 -1px 0 #959da5;
font-family: sans-serif;
}
.page-content preview-button { display: block;
height: 44px;
}
.page-content button.preview {
margin: 20px auto;
width: 110px;
display: block;
position: relative;
z-index: 2;
}
.page-content figcaption {
font-style: italic;
}
.swal-modal.red-bg {
background-color: rgba(255,0,0,0.28);
}
.mood-btn {
background: none;
border: none;
width: 28px;
height: 28px;
background-image: url(//dveri-oka.ru/assets/images/mood-sad.png);
background-size: 28px 28px;
padding: 4px;
background-position: center center;
box-sizing: content-box;
background-repeat: no-repeat;
margin: 0 7px;
position: relative;
overflow: hidden;
border-radius: 3px;
}
.mood-btn:hover::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.03);
}
.mood-btn[data-rating="2"] {
background-image: url(//dveri-oka.ru/assets/images/mood-neutral.png);
}
.mood-btn[data-rating="3"] {
background-image: url(//dveri-oka.ru/assets/images/mood-happy.png);
}
body {
font-family: 'Lato', 'Helvetica Neue', Helvetica, sans-serif;
}
svg.hidden {
display: block;
}
.page-container {
max-width: 1000px;
margin: 0 auto;
padding: 0 10px;
position: relative;
}
.preview {
background-color: #a3dd82;
box-shadow: 0 2px 8px 0 rgba(0,0,0,0.07);
border-radius: 4px;
border: none;
color: #fff;
font-size: 15px;
color: #fff;
padding: 9px 18px;
margin-top: 20px;
}
.preview::before {
content: "";
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 10px solid #fff;
display: inline-block;
margin-right: 5px;
}
.preview:hover {
background-color: #98d973;
}
footer {
padding: 40px 20px;
text-align: center;
color: #728194;
}
footer .love-icon {
background-image: url(//dveri-oka.ru/assets/images/heart-icon.svg);
width: 22px;
height: 20px;
display: inline-block;
vertical-align: middle;
margin: 0 5px;
position: relative;
top: -2px;
}.is-menu a,.is-menu a:focus,.is-menu a:hover,.is-menu:hover>a{background:0 0!important;outline:0}.is-screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);color:#000;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}.is-menu,form .is-link-container{position:relative}.is-menu a{line-height:1}.is-menu a::after,.is-menu a::before{display:none!important}.is-menu.default form{max-width:310px}.is-menu.is-dropdown form{display:none;min-width:310px;max-width:100%;position:absolute;right:0;top:100%;z-index:9}.is-menu.full-width-menu form,.is-menu.sliding form{min-width:0!important;overflow:hidden;position:absolute;right:0;top:25%;width:0;z-index:9;padding:0;margin:0}.is-menu.full-width-menu form:not(.is-search-form) input[type=search],.is-menu.full-width-menu form:not(.is-search-form) input[type=text],.is-menu.is-dropdown form:not(.is-search-form) input[type=search],.is-menu.is-dropdown form:not(.is-search-form) input[type=text],.is-menu.sliding form:not(.is-search-form) input[type=search],.is-menu.sliding form:not(.is-search-form) input[type=text],.is-popup-search-form form:not(.is-search-form) input[type=search],.is-popup-search-form form:not(.is-search-form) input[type=text]{background:#fff;color:#000}.is-menu.is-first form{right:auto;left:0}.is-menu.full-width-menu.open .search-close,.is-menu.full-width-menu:not(.open) form,.is-menu.is-dropdown form[style="display: block;"]+.search-close,.is-menu.sliding.open .search-close,.is-menu.sliding:not(.open) form,form:hover+.is-link-container,form:hover>.is-link-container{display:block}.is-form-style-2 .is-search-submit,.is-link-container,.is-menu form .screen-reader-text,.search-close{display:none}.is-menu form label{margin:0;padding:0}.is-menu-wrapper{display:none;position:absolute;right:5px;top:5px;width:auto;z-index:9999}.popup-search-close,.search-close{cursor:pointer;width:20px;height:20px}.is-menu-wrapper.is-expanded{width:100%}.admin-bar .is-menu-wrapper{top:51px}.is-menu-wrapper .is-menu{float:right}.is-menu-wrapper .is-menu form{right:0;left:auto}.gsc-cse-search-menu{max-width:310px;float:right}.gsc-cse-search-menu .cse .gsc-control-cse,.gsc-cse-search-menu .gsc-control-cse{padding:0}.is-menu .search-icon-path{fill:#848484}.search-close{position:absolute;right:-22px;top:33%;z-index:99999}.is-menu.is-first .search-close{right:auto;left:-22px}.is-menu.is-dropdown .search-close{top:calc(100% + 7px)}.popup-search-close{z-index:99999;float:right;position:relative;margin:20px 20px 0 0}#is-popup-wrapper{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(4,4,4,.91);z-index:999999}.is-popup-search-form form{width:80%;margin:20% auto 0}.is-popup-search-form form.is-ajax-search{margin:10% auto 0}.popup-search-close:after,.search-close:after{border-left:2px solid #848484;content:'';height:20px;left:9px;position:absolute;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.popup-search-close:before,.search-close:before{border-left:2px solid #848484;content:'';height:20px;left:9px;position:absolute;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.is-highlight{background-color:#ffffb9;color:#222}@media screen and (max-width:910px){.is-menu form{left:0;min-width:50%;right:auto}.is-menu.default form{max-width:100%}.is-menu.full-width-menu.active-search{position:relative}.is-menu-wrapper{display:block}}.is-form-style label,.is-menu.full-width-menu.is-first button.is-search-submit,.is-menu.sliding.is-first button.is-search-submit{display:inline-block!important}form .is-link-container div{position:absolute;width:200px;bottom:-25px;left:5px;z-index:99999;height:auto;line-height:14px;padding:10px 15px}form .is-link-container a{text-decoration:none;font-size:14px;font-weight:100;font-family:arial;box-shadow:none}form .is-link-container a:hover{text-decoration:underline}form .is-link-container a.is-customize-link{margin-left:15px}.is-form-style label{padding:0;vertical-align:middle;margin:0;width:100%;line-height:1}.is-form-style{line-height:1;position:relative;padding:0!important}.is-form-style.is-form-style-3 label{width:calc(100% - 36px)!important}.is-form-style input.is-search-input{background:#fff;background-image:none!important;color:#333;padding:0 12px;margin:0;outline:0!important;font-size:14px!important;height:36px;min-height:0;line-height:1;border-radius:0;border:1px solid #ccc!important;font-family:arial;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-webkit-border-radius:0}.is-form-style input.is-search-input::-ms-clear{display:none;width:0;height:0}.is-form-style input.is-search-input::-ms-reveal{display:none;width:0;height:0}.is-form-style input.is-search-input::-webkit-search-cancel-button,.is-form-style input.is-search-input::-webkit-search-decoration,.is-form-style input.is-search-input::-webkit-search-results-button,.is-form-style input.is-search-input::-webkit-search-results-decoration{display:none}.is-form-style.is-form-style-3 input.is-search-input{border-right:0!important}.is-form-style button.is-search-submit{background:0 0;border:0;box-shadow:none!important;opacity:1;padding:0!important;margin:0;line-height:0;outline:0;vertical-align:middle;width:36px;height:36px}.is-menu.full-width-menu.is-first button.is-search-submit:not([style="display: inline-block;"]),.is-menu.sliding.is-first button.is-search-submit:not([style="display: inline-block;"]){visibility:hidden}.is-form-style .is-search-submit path{fill:#555}.is-form-style input.is-search-submit{text-decoration:none;position:absolute;top:0;right:0;padding:0 10px!important;width:auto}.is-search-icon{width:36px;padding-top:6px!important}.is-search-icon svg{width:22px;display:inline}.is-form-style input.is-search-submit,.is-search-icon{display:inline-block!important;color:#666;background:#ededed;box-shadow:none!important;outline:0;margin:0;font-size:14px!important;border:1px solid #ccc;border-radius:0;line-height:1;height:36px;text-transform:capitalize;vertical-align:middle;-webkit-transition:background-color .1s ease-in-out;-moz-transition:background-color .1s ease-in-out;-o-transition:background-color .1s ease-in-out;transition:background-color .1s ease-in-out;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.is-search-icon:hover,form.is-form-style input.is-search-submit:hover{background:#dcdcdc}.header__inner .isbm {
display: none;
}
body {
box-sizing: border-box;
}
ul[class],
ol[class] {
padding: 0
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
margin:    0;
font-size: inherit
}
ul[class] {
list-style: none
}
img {
max-width: 100%;
display:   block
}
input,
button,
textarea,
select {
font: inherit
}
a {
text-decoration: none
}
.slick-slider {
position:                    relative;
display:                     block;
-webkit-box-sizing:          border-box;
box-sizing:                  border-box;
-webkit-touch-callout:       none;
-webkit-user-select:         none;
-moz-user-select:            none;
-ms-user-select:             none;
user-select:                 none;
-ms-touch-action:            pan-y;
touch-action:                pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
position: relative;
overflow: hidden;
display:  block;
margin:   0;
padding:  0
}
.slick-list:focus {
outline: none
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform:     translate3d(0, 0, 0);
transform:         translate3d(0, 0, 0)
}
.slick-track {
position:     relative;
left:         0;
top:          0;
display:      block;
margin-left:  auto;
margin-right: auto
}
.slick-track:before,
.slick-track:after {
content: '';
display: table
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
float:      left;
height:     100%;
min-height: 1px;
display:    none
}
[dir='rtl'] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height:  auto;
border:  1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}
.top-60 {
margin-top: 60px
}
.bottom-60 {
margin-bottom: 60px
}
.padding-0-5 {
padding: 0 5%
}
html,
body {
overflow-x:       hidden;
height:           auto;
font-family:      'Open Sans', sans-serif;
font-style:       normal;
font-weight:      normal;
font-size:        18px;
line-height:      128%;
background-color: #f9f9f9
}
h1, .h1 {
font-size:   50px;
font-weight: 700;
line-height: 68px
}
h2, .h2 {
font-size:   40px;
line-height: 52px
}
h3, .h3 {
font-size:   30px;
line-height: 38px;
font-weight: 800
}
img {
margin: 0 auto
}
.wrapper {
display:               -webkit-box;
display:               -ms-flexbox;
display:               flex;
-webkit-box-orient:    vertical;
-webkit-box-direction: normal;
-ms-flex-direction:    column;
flex-direction:        column;
max-width:             1440px;
margin:                0 auto;
background-color:      white
}
.main {
padding:          24px;
-webkit-box-flex: 1;
-ms-flex:         1 0 auto;
flex:             1 0 auto;
margin:           unset;
}
.new-styles * {
box-sizing: border-box;
}
.new-styles .bottom-menu .bottom-menu__container {
display:         flex;
justify-content: center;
align-items:     center;
gap:             40px;
margin-left:     auto;
margin-right:    auto;
padding-top:     8px;
padding-bottom:  20px;
}
@media (max-width: 767px) {
.new-styles .menu-container {
max-width: 540px;
}
}
.new-styles .bottom-menu .bottom-menu__item {
display:    block;
padding:    0;
border:     none;
background: transparent;
}
.new-styles .bottom-menu .bottom-menu__item-image {
display:      block;
width:        19px;
height:       20px;
object-fit:   contain;
margin-left:  auto;
margin-right: auto;
}
.catalog__left .accordion-btn{
background-color: #eee;
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
transition: 0.4s;
display:none;
}
.active-accordion, .accordion-btn:hover {
background-color: #ccc!important;
}
.accordion-btn:after {
content: '\002B';
color: #777;
font-weight: bold;
float: right;
margin-left: 5px;
}
.active:after {
content: "\2212";
}
.new-styles .bottom-menu .bottom-menu__item-text {
display:    block;
margin-top: 5px;
font-size: 14px;
line-height: 1.5;
}
.new-styles .bottom-menu a {
text-decoration: none;
color:           inherit;
}
.new-styles .bottom-menu {
display:     none;
width:       100%;
height:      auto;
font-size:   10px;
line-height: 1;
color:       #333;
background:  #fff;
box-shadow:  0px 0px 10px 4px #0000002b;
position:    fixed;
bottom:      0;
left:        0;
z-index:     10;
}
.new-styles .bottom-menu .bottom-menu__container {
display:         flex;
justify-content: center;
align-items:     center;
gap:             clamp(15px, 8vw, 40px);
margin-left:     auto;
margin-right:    auto;
padding-top:     14px;
padding-bottom:  10px;
}
.new-styles * {
box-sizing: border-box;
}
@media (max-width: 1199px) {
.new-styles .bottom-menu {
display: block;
}
}
.footer {
-webkit-box-flex: 0;
-ms-flex:         0 0 auto;
flex:             0 0 auto
}
.container {
position:         relative;
max-width:        1440px;
margin:           0 auto;
padding:          0 15px;
background-color: white
}
.products {
display:          -webkit-box;
display:          -ms-flexbox;
display:          flex;
-ms-flex-wrap:    wrap;
flex-wrap:        wrap;
-webkit-box-pack: center;
-ms-flex-pack:    center;
justify-content:  center
}
.form-submit {
-webkit-transform: translate3d(0, 0, 0);
transform:         translate3d(0, 0, 0)
}
.wpcf7-response-output {
margin-top: 0px !important;
width:      100%
}
.button {
display:           block;
max-width:         180px;
position:          relative;
background-color:  #d9692a;
padding:           9px 20px;
text-align:        center;
color:             white;
border-radius:     4px;
overflow:          hidden;
-webkit-transform: translate3d(0, 0, 0);
transform:         translate3d(0, 0, 0)
}
.button:hover {
background-color: #005aa9
}
.animate {
-webkit-animation: ripple 4s linear infinite;
animation:         ripple 4s linear infinite
}
@-webkit-keyframes ripple {
20% {
opacity:           0;
-webkit-transform: scale(2.5);
transform:         scale(2.5)
}
100% {
opacity:           0;
-webkit-transform: scale(2.5);
transform:         scale(2.5)
}
}
@keyframes ripple {
20% {
opacity:           0;
-webkit-transform: scale(2.5);
transform:         scale(2.5)
}
100% {
opacity:           0;
-webkit-transform: scale(2.5);
transform:         scale(2.5)
}
}
.ink {
display:           block;
position:          absolute;
background:        #fff;
border-radius:     100%;
-webkit-transform: scale(0);
-ms-transform:     scale(0);
transform:         scale(0);
z-index:           20
}
.breadcrumbs {
color:            #000;
padding:          28px 0 0 32px;
background-color: #fff;
max-width:        1440px;
margin:           0 auto
}
.breadcrumbs__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 16px !important;
}
.breadcrumbs__link {
color: #005aa9
}
.breadcrumbs__item {
position:     relative;
display:      block;
padding-left: 14px
}
.breadcrumbs__item h1 {
font-size:   18px;
font-weight: 400;
line-height: 128%
}
.breadcrumbs__item:after {
content:     '\203A';
position:    absolute;
font-size:   28px;
color:       #005aa9
right:       -11px;
top:         -2px;
font-weight: 100;
right:       -10px;
}
.breadcrumbs__item:last-child:after {
display: none
}
section.error-404.not-found {
max-width: 800px;
margin:    30px auto 0
}
.lowercase {
text-transform: lowercase
}
#post-393 .entry-header,
#post-1022 .entry-header {
display: none
}
#post-393 .text h2,
#post-1022 .text h2 {
font-size:   30px;
line-height: 52px
}
#post-393 .text.centr,
#post-1022 .text.centr {
text-align:    center;
margin-bottom: 20px
}
.error-404-mu {
text-align:        center;
display:           -webkit-box;
display:           -ms-flexbox;
display:           flex;
-webkit-box-pack:  center;
-ms-flex-pack:     center;
justify-content:   center;
-webkit-box-align: center;
-ms-flex-align:    center;
align-items:       center;
min-height:        100vh
}
#txt_6 .masonry {
max-width:          1054px;
margin:             0 auto;
-webkit-transition: all 0.5s ease-in-out;
-o-transition:      all 0.5s ease-in-out;
transition:         all 0.5s ease-in-out;
display:            -webkit-box;
display:            -ms-flexbox;
display:            flex;
-ms-flex-wrap:      wrap;
flex-wrap:          wrap;
-webkit-box-pack:   space-evenly;
-ms-flex-pack:      space-evenly;
justify-content:    space-evenly
}
#txt_6 .masonry .brick {
max-width: 33%;
margin:    1%;
display:   inline-block;
height:    150px
}
#txt_6 .masonry .brick img {
-webkit-transition:          all 0.5s ease-in-out;
-o-transition:               all 0.5s ease-in-out;
transition:                  all 0.5s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility:         hidden;
-o-object-fit:               contain;
object-fit:                  contain;
width:                       100%;
height:                      100%;
vertical-align:              middle
}
.ac-container {
}
.ac-container label {
padding:       20px;
position:      relative;
z-index:       20;
display:       block;
cursor:        pointer;
font-weight:   700;
font-size:     14px;
line-height:   19px;
background:    #f7f7f9;
border:        2px solid #f7f7f9;
border-radius: 3px;
margin-bottom: 5px;
}
.ac-container label:hover {
border:     2px solid #f7f7f9;
background: #fff
}
.catalog__left > label:after,
.ac-container label:after,
.ac-container input:checked + label:after {
content:           '\203A';
position:          absolute;
right:             13px;
font-size:         16px;
-webkit-transform: rotate(90deg);
-ms-transform:     rotate(90deg);
transform:         rotate(90deg);
color:             #fe981f
}
.catalog__left > label:after {
content: ' '
}
.ac-container input:checked + label:after {
-webkit-transform: rotate(-90deg);
-ms-transform:     rotate(-90deg);
transform:         rotate(-90deg);
right:             18px
}
.ac-container input {
display: none
}
.ac-container article {
overflow: hidden;
height:   0px;
position: relative;
z-index:  10;
}
.ac-container article ul {
padding: 3px 0 3px 20px
}
.ac-container article ul li a {
padding:     5px 0;
width:       100%;
display:     block;
font-weight: 400;
font-size:   14px;
line-height: 19px;
}
.ac-container article p {
font-style:  italic;
color:       #000;
line-height: 23px;
font-size:   14px;
padding:     20px;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8)
}
.ac-container input:checked ~ article {
height: auto
}
.banner {
display:          -webkit-box;
display:          -ms-flexbox;
display:          flex;
-webkit-box-pack: space-evenly;
-ms-flex-pack:    space-evenly;
justify-content:  space-evenly;
padding:          28px 15px 50px
}
.banner__left {
max-width:   700px;
padding-top: 40px
}
.banner__left h1 {
font-size:     64px;
line-height:   82px;
margin-bottom: 45px
}
.banner__left p {
font-size:     24px;
line-height:   33px;
margin-bottom: 45px
}
.banner__left a {
font-size: 24px;
padding:   10px 23px
}
.banner__right {
min-width: 290px
}
.product {
position:   relative;
text-align: center
}
.product__header .icon {
padding: 14px 0 0 10px;
width:   100%
}
.product__header .icon div {
opacity: 0;
width:   31px;
height:  31px;
padding: 5px;
z-index: -1
}
.product__header .icon div:hover {
background-color: white;
border-radius:    50%;
-webkit-filter:   drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
filter:           drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
opacity:          0
}
.product-img {
width:  105px;
height: 220px;
margin: 10px auto 27px
}
.product-button {
position: absolute;
top:      0%;
left:     0px;
width:    100%;
height:   100%;
z-index:  2
}
.product-but {
position: absolute;
z-index:  4
}
.product-but span {
position: absolute;
top:      -16px;
right:    -65px;
width:    132px
}
.product-but span:hover {
background-color: #005aa9
}
.product-title {
font-weight: 400;
font-size:   18px;
line-height: 25px;
color:       #000
}
.product-price {
margin-top:  15px;
font-weight: 700;
font-size:   22px;
line-height: 30px;
}
.product-price-old {
text-decoration: line-through
}
.product:hover {
background:         #f4f8f4;
-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
box-shadow:         0px 4px 4px rgba(0, 0, 0, 0.25)
}
.product:hover .icon div {
opacity: 0
}
.s1__slider,
.s2__slider {
max-width: 1320px;
margin:    0 auto 100px
}
.slick-prev {
right: 0
}
.slick-arrow {
position: absolute;
bottom:   -60px
}
div.ant-carousel-arrow-left,
div.ant-carousel-arrow-right {
width:    69px;
height:   24px;
position: absolute;
cursor:   pointer;
opacity:  0.6;
z-index:  32
}
div.ant-carousel-arrow-left {
left:              0px;
bottom:            -60px;
display:           block;
background:        url(//dveri-oka.ru/images/arrow.svg) no-repeat;
-webkit-transform: rotate(180deg);
-ms-transform:     rotate(180deg);
transform:         rotate(180deg)
}
div.ant-carousel-arrow-right {
right:      0px;
bottom:     -60px;
display:    block;
background: url(//dveri-oka.ru/images/arrow.svg) no-repeat
}
div.ant-carousel-arrow-left:hover {
opacity: 1
}
div.ant-carousel-arrow-right:hover {
opacity: 1
}
.main__div.score.k5 {
margin-top: 60px
}
.main__div.score.k5 .container {
padding: 40px 15px 165px
}
.s5__score {
margin: 0 3%
}
.s5__score img {
display: block;
margin:  0 auto
}
.s5__score .slick-arrow {
z-index:          9;
position:         absolute;
bottom:           calc(50% - 17px);
width:            23px;
height:           40px;
background-image: url(//dveri-oka.ru/images/score_arrow_s5.svg);
background-size:  contain;
right:            -3%
}
.s5__score .s5__arrow-left {
-webkit-transform: rotate(180deg);
-ms-transform:     rotate(180deg);
transform:         rotate(180deg);
left:              -3%
}
.s5__score .slick-dots {
position:   absolute;
bottom:     -35px;
display:    block;
width:      100%;
padding:    0;
margin:     0;
list-style: none;
text-align: center
}
.s5__score .slick-dots li {
position: relative;
display:  inline-block;
width:    12px;
height:   12px;
margin:   0 8px;
padding:  0;
cursor:   pointer
}
.s5__score .slick-dots li button {
font-size:   0;
line-height: 0;
display:     block;
width:       20px;
height:      20px;
padding:     5px;
cursor:      pointer;
color:       transparent;
border:      0;
outline:     none;
background:  transparent
}
.s5__score .slick-dots li button:before {
position:      absolute;
top:           0px;
left:          0px;
width:         11px;
height:        11px;
content:       '';
border:        1px #000 solid;
border-radius: 50%
}
.s5__score .slick-dots li.slick-active button:before {
background-color: #000
}
.s5__score .slick-dots li:hover button:before {
background-color: #b1b1b1
}
.main #wpcf7-f268-o1 .form-submit {
margin-top: 20px;
max-width:  100%;
width:      100%
}
.main__div {
text-align: center
}
.main__div h1 {
padding: 40px 0
}
.main__div.score {
max-width: 1170px;
margin:    0 auto
}
.main__div.score p.title {
max-width:      737px;
margin:         0 auto;
letter-spacing: 0.2px;
padding:        26px 0
}
.main__div.score p.title span {
font-weight: 700
}
.main__div.score #wpcf7-f268-o1 input {
width:  auto;
margin: 0 5% 20px
}
.main__div.score #wpcf7-f268-o1 input#f1-button {
margin: 0
}
.main__block {
padding-left:  12px;
padding-right: 12px;
display:       -webkit-box;
display:       -ms-flexbox;
display:       flex;
-ms-flex-wrap: wrap;
flex-wrap:     wrap;
padding-top:   50px
}
.main__block_article {
padding-left: 5%;
text-align:   left;
max-width:    442px
}
.main__block-title {
font-size:   30px;
line-height: 38px;
padding:     30px 0
}
.main__block.revers {
-webkit-box-orient:    horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction:    row-reverse;
flex-direction:        row-reverse;
-webkit-box-pack:      end;
-ms-flex-pack:         end;
justify-content:       flex-end
}
.main__block.revers .main__block_article {
padding-left:  0;
padding-right: 5%;
max-width:     620px
}
.main__block.revers .main__block_article ul {
-webkit-padding-start: 18px;
padding-inline-start:  18px;
padding:               15px 0 15px 18px
}
.main__block.revers .main__block_slider {
width:      263px;
margin-top: 60px
}
.main__block.revers .main__block-title {
padding-top: 0
}
.main__block.b3 {
padding-top: 32px
}
.main__block.b3 .main__block_article {
max-width: 633px
}
.s1__score {
position:  relative;
max-width: 418px
}
.s1__score .arrow {
padding:             20px;
background-color:    white;
bottom:              4px;
right:               0px;
width:               68px;
height:              50px;
display:             block;
background-image:    url(//dveri-oka.ru/images/score_arrow.svg);
background-repeat:   no-repeat;
background-position: center right
}
.s1__score .arrow:hover {
cursor: pointer
}
.s1__score-arrow-right.arrow {
-webkit-transform:   rotate(180deg);
-ms-transform:       rotate(180deg);
transform:           rotate(180deg);
right:               68px;
z-index:             1;
background-position: center 50%
}
.main__div.score.k2 {
margin-top:    100px;
margin-bottom: 40px
}
.main__div.score.k2 .main__block_article {
max-width: 70%
}
.main__div.score.k2 .main__block-title {
padding-top: 0;
font-weight: 400
}
.main__div.score.k2 .main__block-img {
padding-top: 40px
}
.container__wrap {
display:          -webkit-box;
display:          -ms-flexbox;
display:          flex;
-ms-flex-wrap:    wrap;
flex-wrap:        wrap;
-webkit-box-pack: center;
-ms-flex-pack:    center;
justify-content:  center;
padding:          20px 0
}
.container__wrap_col {
width:     23%;
padding:   1%;
min-width: 242px
}
.container__wrap_col img {
margin: 0 auto
}
.container__wrap_col p {
font-size: 16px
}
p.poskript {
letter-spacing: 0px;
padding:        20px 0;
max-width:      1046px;
margin:         0 auto
}
.main__div.score.k3 {
padding: 40px 0
}
.main__div.score.k3 .main__block_article {
max-width: 60%
}
.main__div.score.k3 .main__block_article li {
padding: 4px 0
}
.main__div.score.k3 .s1__score-item {
max-width: 40%
}
.main__div.score.k3 .b3 {
-webkit-box-align: center;
-ms-flex-align:    center;
align-items:       center
}
.main__div.score.k4 {
padding:            40px 0;
-webkit-box-sizing: border-box;
box-sizing:         border-box
}
.main__div.score.k4 .acor-container {
margin:     40px 0 20px;
text-align: left
}
.main__div.score.k4 .acor-container label {
cursor:             pointer;
box-sizing:         border-box;
background-color:   #fcc540;
display:            block;
padding:            17px 20px;
width:              100%;
color:              #333;
z-index:            100;
margin:             0 0 20px;
-webkit-transition: color 0.35s;
-o-transition:      color 0.35s;
transition:         color 0.35s
}
.main__div.score.k4 .acor-container label:hover {
color: #000
}
.main__div.score.k4 .acor-container label:before {
content: '\276E';
float:   right
}
.main__div.score.k4 .acor-container input {
display: none
}
.main__div.score.k4 .acor-container input:checked + label {
background-color: #fcc540
}
.main__div.score.k4 .acor-container input:checked + label:before {
-webkit-transition: -webkit-transform 0.35s;
transition:         -webkit-transform 0.35s;
-o-transition:      transform 0.35s;
transition:         transform 0.35s;
transition:         transform 0.35s, -webkit-transform 0.35s;
-webkit-transform:  rotate(-90deg);
-ms-transform:      rotate(-90deg);
transform:          rotate(-90deg)
}
.main__div.score.k4 .acor-container input:checked + label + .acor-body {
width:            100%;
height:           auto;
margin:           -30px 0 20px;
padding:          20px 0 10px 20px;
background-color: #fcc540
}
.main__div.score.k4 .acor-body {
width:              1200px;
height:             0;
margin:             0 auto;
padding:            0 30px;
-webkit-transition: color 0.5s, padding 0.5s;
-o-transition:      color 0.5s, padding 0.5s;
transition:         color 0.5s, padding 0.5s;
overflow:           hidden;
font-size:          16px
}
.main__div.score.k4 .acor-body p {
margin: 0 0 10px
}
.acor-container input:checked + label + .acor-body {
height:     auto;
margin-top: -5px;
color:      #000;
padding:    20px 30px 10px
}
.score.f1 {
padding: 40px 0
}
.score.f1 .forma {
display:           -webkit-box;
display:           -ms-flexbox;
display:           flex;
-ms-flex-wrap:     wrap;
flex-wrap:         wrap;
-webkit-box-pack:  space-evenly;
-ms-flex-pack:     space-evenly;
justify-content:   space-evenly;
-webkit-box-align: center;
-ms-flex-align:    center;
align-items:       center;
background-color:  #f2f2f2
}
.forma > .forma__content {
background:       url(//dveri-oka.ru/wp-content/themes/doorby/assets/images/f_bg.webp);
padding:          64px;
background-color: #f9f9f9;
}
.score.f1 .forma__content-title {
font-size:      22px;
font-weight:    400;
letter-spacing: 0px;
line-height:    30px;
max-width:      420px
}
.score.f1 .forma__content-forma form {
display:          -webkit-box;
display:          -ms-flexbox;
display:          flex;
-ms-flex-wrap:    wrap;
flex-wrap:        wrap;
-webkit-box-pack: space-evenly;
-ms-flex-pack:    space-evenly;
justify-content:  space-evenly;
padding:          18px 0
}
.mod-photo {
}
.mod-photo img {
max-height: 480px;
}
input#f1-button {
font-weight:      700;
line-height:      22px;
display:          block;
padding:          12px 0 11px;
margin-top:       15px;
width:            100%;
border:           none;
border-radius:    4px;
background-color: #d9692a
}
.address {
margin-bottom: 60px !important;
font-size:     16px
}
.address__block {
display:          -webkit-box;
display:          -ms-flexbox;
display:          flex;
-ms-flex-wrap:    wrap;
flex-wrap:        wrap;
-webkit-box-pack: center;
-ms-flex-pack:    center;
justify-content:  center
}
.address__block > div {
width: 50%
}
.address__block p {
text-align: left;
padding:    4px 0
}
.address__maps {
min-width: 290px
}
.address__contacts {
display:           -webkit-box;
display:           -ms-flexbox;
display:           flex;
-ms-flex-wrap:     wrap;
flex-wrap:         wrap;
-webkit-box-align: center;
-ms-flex-align:    center;
align-items:       center;
-webkit-box-pack:  space-evenly;
-ms-flex-pack:     space-evenly;
justify-content:   space-evenly
}
.address__contacts div {
margin-top: 10px
}
.address__contacts-tel {
display:     block;
text-align:  left;
width:       100%;
color:       #000;
font-weight: 700
}
.address__contacts_but a {
display:     block;
font-size:   14px;
min-width:   230px;
line-height: 18px
}
.address__left {
padding:   20px 40px 32px 0;
min-width: 57px
}
.address__address_schedule {
font-weight: 700;
padding-top: 20px !important
}
.f1 {
max-width: 1170px;
margin:    0 auto;
padding:   40px 0
}
.f1 .forma {
display:           -webkit-box;
display:           -ms-flexbox;
display:           flex;
-ms-flex-wrap:     wrap;
flex-wrap:         wrap;
-webkit-box-pack:  space-evenly;
-ms-flex-pack:     space-evenly;
justify-content:   space-evenly;
-webkit-box-align: center;
-ms-flex-align:    center;
align-items:       center;
background-color:  #f2f2f2
}
.f1 .forma__content {
max-width: calc(100% - 351px);
padding:   44px 57px 0 0
}
.f1 .forma__content-title {
font-size:      22px;
font-weight:    400;
line-height:    30px;
max-width:      420px;
margin:         0 auto;
padding-bottom: 10px
}
.f1 .forma__content-forma form {
display:          -webkit-box;
display:          -ms-flexbox;
display:          flex;
-ms-flex-wrap:    wrap;
flex-wrap:        wrap;
-webkit-box-pack: space-evenly;
-ms-flex-pack:    space-evenly;
justify-content:  space-evenly;
padding:          18px 0
}
.f1 .forma__content-forma form .form-submit {
margin-top: 20px;
max-width:  100%;
width:      100%
}
.f1 .forma__content-forma form .form-submit input {
min-width:        170px;
width:            40%;
margin:           0 5% 20px;
border:           none;
border-radius:    4px;
font-weight:      700;
line-height:      22px;
color:            #000;
background-color: #fcc540;
padding:          12px 0 11px
}
.blog-title {
text-align: center;
padding:    10px 0 30px
}
.blog-wrap {
padding:          5px 1% 40px;
display:          -webkit-box;
display:          -ms-flexbox;
display:          flex;
-ms-flex-wrap:    wrap;
flex-wrap:        wrap;
-webkit-box-pack: center;
-ms-flex-pack:    center;
justify-content:  center
}
.blog__nevs {
width:     31%;
min-width: 300px;
margin:    1.1%;
padding:   4px
}
.blog__nevs:hover {
background:         #f4f8f4;
-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
box-shadow:         0px 4px 4px rgba(0, 0, 0, 0.25)
}
.blog__nevs-cont {
position: relative
}
.blog__nevs-cont--img {
width:       100%;
padding-top: 66%;
position:    relative;
overflow:    hidden
}
.blog__nevs-cont--img img {
position: absolute;
top:      0;
left:     0;
bottom:   0;
right:    0;
width:    100%;
height:   100%
}
.blog__nevs-cont--title {
font-size:   20px;
font-weight: 700;
line-height: 28px;
padding:     24px 4px 0
}
.blog__nevs-cont--prev {
padding: 12px 4px 0
}
.blog__nevs-cont--a {
position: absolute;
width:    100%;
height:   100%;
z-index:  5;
cursor:   pointer
}
.blog__nevs-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 16px 4px 20px
}
.blog__nevs-footer div {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
.blog__nevs-footer * {
display:           inline-block;
margin:            0 4px;
-webkit-box-align: center;
-ms-flex-align:    center;
align-items:       center
}
.blog__nevs-footer--com {
margin-left: 8px;
display:     none !important;
}
.blog__nevs-footer--com a {
display:           -webkit-box;
display:           -ms-flexbox;
display:           flex;
-webkit-box-align: start;
-ms-flex-align:    start;
align-items:       flex-start;
-ms-flex-wrap:     nowrap;
flex-wrap:         nowrap
}
.blog__nevs-footer--com span {
color:  #000;
height: 9px
}
.blog__nevs-footer--dat {
margin: 0 0 0 auto
}
.byline {
display: none
}
.comments-title {
font-size:   18px;
line-height: 22px
}
#comments {
padding-left: 50px
}
#comments .comment {
padding-top: 15px
}
#respond {
padding-top: 20px
}
.comment-author img {
border-radius: 50%
}
.catalog .wrap > label,
.catalog .wrap > input {
display: none
}
.catalog__left {
max-width: 320px;
min-width: 290px;
}
.catalog__left > input:checked ~ .ac-container {
height: auto
}
.catalog__left > input {
display: none
}
.catalog__left .ac-container {
overflow:              hidden;
position:              relative;
z-index:               10;
display:               -webkit-box;
display:               -ms-flexbox;
display:               flex;
-webkit-box-orient:    vertical;
-webkit-box-direction: normal;
-ms-flex-direction:    column;
flex-direction:        column;
overflow-y:auto;
}
.catalog__left .ac-container div.ac-85 {
-webkit-box-ordinal-group: 1;
-ms-flex-order:            1;
order:                     1
}
.catalog__left .ac-container div.ac-96 {
-webkit-box-ordinal-group: 2;
-ms-flex-order:            2;
order:                     2
}
.catalog__left .ac-container div.ac-190 {
-webkit-box-ordinal-group: 3;
-ms-flex-order:            3;
order:                     3
}
.catalog__left .ac-container div.ac-39 {
-webkit-box-ordinal-group: 4;
-ms-flex-order:            4;
order:                     4
}
.catalog__left .ac-container div.ac-46 {
-webkit-box-ordinal-group: 5;
-ms-flex-order:            5;
order:                     5
}
.catalog__left .ac-container div.ac-24 {
-webkit-box-ordinal-group: 6;
-ms-flex-order:            6;
order:                     6
}
.catalog__left .ac-container div.ac-45 {
-webkit-box-ordinal-group: 7;
-ms-flex-order:            7;
order:                     7
}
.catalog__left .ac-container div.ac-132 {
-webkit-box-ordinal-group: 8;
-ms-flex-order:            8;
order:                     8
}
.catalog__left .ac-container div.ac-49 {
-webkit-box-ordinal-group: 9;
-ms-flex-order:            9;
order:                     9
}
.catalog__left .ac-container div.ac-87 {
-webkit-box-ordinal-group: 10;
-ms-flex-order:            10;
order:                     10
}
.catalog__left .ac-container div.ac-47 {
-webkit-box-ordinal-group: 11;
-ms-flex-order:            11;
order:                     11
}
.catalog__left .ac-container div.ac-97 {
-webkit-box-ordinal-group: 12;
-ms-flex-order:            12;
order:                     12
}
.catalog__left li {
list-style-type: none
}
.catalog__left div > ul {
padding-left: 0;
text-align:   center
}
.catalog__left-title {
padding:     8px;
text-align:  left;
font-weight: 700;
font-size:   22px;
line-height: 30px;
}
.catalog__left-title.activ {
background-color: #e7e7e7;
}
.catalog__left .stol-furn_linck {
display:          -webkit-box;
display:          -ms-flexbox;
display:          flex;
-ms-flex-pack:    distribute;
justify-content:  space-around;
background-color: #fff;
margin:           0 -15px
}
.catalog__left .stol-furn_linck a {
display: block
}
.catalog__left .sorting {
font-weight: 700;
font-size:   20px
}
.catalog__left .sorting ul {
z-index:      9;
font-size:    18px;
font-weight:  400;
text-align:   left;
padding-top:  8px;
margin-left:  5%;
padding-left: 5%
}
.catalog__left .sorting > ul {
padding-top: 18px
}
.catalog__left .sorting > ul > .cat-item {
font-weight: 700
}
.catalog__left .sorting > ul > .cat-item > ul {
display: none
}
.catalog__left .sorting > ul > .cat-item:before {
z-index:  2;
content:  '';
top:      -1px;
position: absolute;
display:  block;
height:   26px;
width:    100%
}
.catalog__left .sorting > ul > .cat-item:hover > ul {
display: block
}
.catalog__left .sorting li {
padding-bottom: 4px
}
.catalog__left .cat-item {
position: relative
}
.catalog__left a {
color: #383838
}
.catalog__left a:hover {
color: #d9692a
}
.catalog__right {
width:     calc(100% - 350px);
min-width: 290px
}
.catalog__right-filter {
padding-left: 10%
}
.catalog__right-filter > * {
display: inline-block
}
.catalog__right-filter select {
border: none
}
.catalog__right-product {
display:          -webkit-box;
display:          -ms-flexbox;
display:          flex;
-ms-flex-wrap:    wrap;
flex-wrap:        wrap;
-webkit-box-pack: center;
-ms-flex-pack:    center;
justify-content:  center
}
.catalog__right h1 {
text-transform: uppercase;
font-size:      26px;
padding-left:   10%;
line-height:    1.5;
padding-top:    10px
}
#filters-form {
text-align: center
}
#filters-form > div {
text-align: left;
padding:    8px 0
}
#filters-form > div div {
padding: 4px
}
#filters-form a {
display:    inline-block;
margin-top: 20px
}
.catalog__left .ac-container {
height:     auto;
max-height: 555px;
}
.wrap {
display:          -webkit-box;
display:          -ms-flexbox;
display:          flex;
-ms-flex-wrap:    wrap;
flex-wrap:        wrap;
-webkit-box-pack: center;
-ms-flex-pack:    center;
justify-content:  center
}
select:focus,
select:hover {
border-color: #d9692a;
outline:      none
}
.paginate_links {
text-align: center;
padding:    10px 0 25px
}
.paginate_links .page-numbers {
font-weight: 700;
padding:     0 8px
}
.paginate_links .page-numbers.current {
color: #06b203;
}
.zui-pager * {
-webkit-transition: all 0.1s ease-in-out;
-o-transition:      all 0.1s ease-in-out;
transition:         all 0.1s ease-in-out
}
.zui-pager {
position:  relative;
margin:    30px auto;
max-width: 390px
}
.zui-pager--center {
text-align: center
}
.zui-pager--right {
text-align: right
}
.zui-pager .btn-group {
list-style-type: none;
margin:          0;
padding:         0;
display:         inline-block
}
.zui-pager .btn-group__item {
display: inline-block;
margin:  0;
padding: 0;
height:  40px
}
.zui-pager .btn-group__item .btn {
margin:             0;
padding:            0.5em 1em;
border:             0;
font-weight:        300;
background-color:   transparent;
-webkit-box-shadow: inset 0px -2px 0px 0px #bbb;
box-shadow:         inset 0px -2px 0px 0px #bbb;
color:              #bbb
}
.zui-pager .btn-group__item .btn:hover {
-webkit-box-shadow: inset 0px -4px 0px 0px #bbb;
box-shadow:         inset 0px -4px 0px 0px #bbb;
cursor:             pointer
}
.zui-pager .btn-group__item .current {
-webkit-box-shadow: inset 0px -4px 0px 0px #fde6d6;
box-shadow:         inset 0px -4px 0px 0px #fde6d6;
color:              #000;
font-weight:        bold
}
.zui-pager .btn-group__item .current:hover {
-webkit-box-shadow: inset 0px -4px 0px 0px #fde6d6;
box-shadow:         inset 0px -4px 0px 0px #fde6d6;
cursor:             default
}
.zui-pager .btn[disabled] {
-webkit-box-shadow: inset 0px -2px 0px 0px #e6e6e6;
box-shadow:         inset 0px -2px 0px 0px #e6e6e6;
color:              #e6e6e6
}
.zui-pager .btn[disabled]:hover {
-webkit-box-shadow: inset 0px -2px 0px 0px #e6e6e6;
box-shadow:         inset 0px -2px 0px 0px #e6e6e6;
cursor:             default
}
.zui-pager__input {
display:        inline-block;
vertical-align: top;
margin-left:    10px
}
.zui-pager__input > input {
width:         2em;
padding:       10px;
border:        1px solid #ccc;
border-radius: 0;
line-height:   1
}
.zui-pager .i-chevron-left,
.zui-pager .i-chevron-right {
position:     absolute;
bottom:       10px;
padding:      5px;
border-style: solid;
border-color: #3a3a3a;
width:        6px;
height:       6px;
display:      block;
cursor:       pointer
}
.zui-pager .i-chevron-left {
border-width:      1px 0 0 1px;
-webkit-transform: rotate(-45deg);
-ms-transform:     rotate(-45deg);
transform:         rotate(-45deg);
left:              -8px
}
.zui-pager .i-chevron-right {
border-width:      1px 1px 0 0;
-webkit-transform: rotate(45deg);
-ms-transform:     rotate(45deg);
transform:         rotate(45deg)
}
.i-caret-down {
border-width: 3px;
border-style: solid;
border-color: black transparent transparent transparent;
position:     absolute;
top:          18px;
right:        3px
}
.small .btn {
position:           relative;
-webkit-box-shadow: 0 0 0 transparent !important;
box-shadow:         0 0 0 transparent !important;
padding-right:      20px !important;
padding-left:       5px !important
}
.small span:nth-of-type(1) {
font-weight: bold;
color:       #fde6d6
}
.small span:nth-of-type(2) {
margin: 0 5px
}
.small .select-overlay {
opacity:  0;
position: absolute;
top:      0;
left:     0;
right:    0;
bottom:   0;
width:    100%
}
.product-cart {
position:         relative;
display:          -webkit-box;
display:          -ms-flexbox;
display:          flex;
-ms-flex-wrap:    wrap;
flex-wrap:        wrap;
-webkit-box-pack: center;
-ms-flex-pack:    center;
justify-content:  center;
max-width:        910px;
min-height:       355px;
margin:           36px auto 40px
}
.product-cart-reliz {
position: absolute;
top:      0;
right:    0
}
.product-cart-reliz span {
position:   relative;
left:       0;
background: url(//dveri-oka.ru/wp-content/themes/doorby/assets/images/yt.jpg);
width:      172px;
height:     101px;
display:    block;
margin:     0 auto;
}
.product-cart-reliz span:hover {
background: url(//dveri-oka.ru/wp-content/themes/doorby/assets/images/yth.jpg);
}
.product-cart-reliz svg {
width:   80px;
display: block;
height:  auto;
}
.product-cart-img {
min-width:     125px;
max-width:     220px;
padding-right: 15px
}
.product-cart-price {
font-size:   22px;
font-weight: 700;
margin-top:  18px
}
.product-cart-price-old {
font-size:       18px;
text-decoration: line-through;
margin-top:      10px;
font-weight:     400;
padding-left:    40px
}
.product-cart-descrip {
margin-top:         18px;
font-size:          16px;
-webkit-box-sizing: border-box;
box-sizing:         border-box;
padding-right:      12px;
border-bottom:      1px solid #e7e8ea;
padding-bottom:     12px;
margin-bottom:      12px
}
.product-cart-descrip-h3 {
font-size:   20px;
line-height: 38px;
font-weight: 800
}
.product-cart__right {
min-height: 355px;
max-width:  620px;
margin:     0 0 0 auto;
padding:    0 4px
}
.product-cart__right .footer {
display:          -webkit-box;
display:          -ms-flexbox;
display:          flex;
min-height:       80px;
padding:          0;
background-color: #fff
}
.product-cart-title {
font-size:   40px;
line-height: 90%
}
.product-cart .button {
max-width: 300px;
display:   inline-block;
padding:   4px 20px 7px
}
.product-cart__option {
display: none;
width:   100%;
opacity: 0
}
.product-cart__option-title {
margin-top:  20px;
font-weight: 700;
font-size:   20px
}
.product-cart__option-color {
margin-top: 8px
}
.product-cart__option label {
display:          block;
float:            left;
width:            20px;
height:           20px;
margin:           4px;
background-color: #c4c4c4
}
.product-cart__option input {
display: none
}
.product-cart__option-right .icon {
margin-top:   -5px;
padding-left: 30px
}
.product-cart__option-right .icon div {
opacity: 0;
height:  36px;
width:   36px;
padding: 7px;
margin:  0 4px;
z-index: -1
}
.product-cart__option-right .icon div:hover {
background-color: white;
border-radius:    50%;
-webkit-filter:   drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
filter:           drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25))
}
.product-cart.tabl .product-cart-img {
max-width: 330px;
padding:   0
}
.product-cart.tabl .product-cart__right {
max-width: 510px
}
.product-description {
font-size:        16px;
position:         relative;
display:          -webkit-box;
display:          -ms-flexbox;
display:          flex;
-ms-flex-wrap:    wrap;
flex-wrap:        wrap;
-webkit-box-pack: center;
-ms-flex-pack:    center;
justify-content:  center;
width:            100%;
padding:          0px;
margin:           0 auto
}
.product-description > input {
display: none
}
.product-description > input:checked + label {
color:         #000000;
font-weight:   700;
background:    #ffffff;
border-bottom: 1px solid #fff;
margin-bottom: -1px;
z-index:       100
}
.product-description > div {
width:   100%;
padding: 12px;
}
.product-description #txt_t1,
.product-description #txt_t2,
.product-description #txt_t3,
.product-description #txt_t4,
.product-description #txt_t5,
.product-description #txt_t6,
.product-description #txt_5,
.product-description #txt_7,
.product-description #txt_6 {
display:   none;
max-width: 1330px
}
.product-description > label {
padding:       2px 40px;
margin:        0 12px;
border-bottom: 1px dotted;
text-align:    center;
cursor:        pointer
}
.product__input-col {
display:       none;
text-align:    center;
font-weight:   700;
font-size:     18px;
max-width:     6em;
height:        30px;
border:        1px solid #1f1f1f;
border-radius: 2px;
margin-top:    24px
}
.product__input-col button {
border:           none;
background-color: #fff;
padding:          2px 5px;
color:            #8f8e8e;
z-index:          2
}
.product__input-col button:hover {
color: #000
}
.product-but-kor .button {
display: none
}
.product-table { vertical-align: middle;
border:         1px;
padding:        2px;
width:          100%;
}
.product-table td {
vertical-align: middle
}
.product-table b {
font-weight: normal;
}
.product-table tr {
}
.product-table tr:nth-child(odd) { }
.product-table tr:nth-child(even) {
background-color: #ecececbf;
}
.product-table p {
padding: 8px 5%
}
.product-nemo {
color: #fff
}
.product img {
-o-object-fit: contain;
object-fit:    contain
}
.product.product-tabl {
width:   260px;
padding: 24px
}
.product.product-tabl .icon {
-webkit-box-pack: end;
-ms-flex-pack:    end;
justify-content:  flex-end
}
.product.product-tabl .product__header-nal {
padding: 2px 0px 4px;
margin:  8px 0px 0px 0px
}
.product.product-tabl img {
width:  220px;
margin: 12px auto;
}
.product.product-tabl .product-title {
margin-top:  0px;
text-align:  center;
line-height: 28px
}
.product.product-tabl .product-but span {
}
.product.product-tabl .product-price {
text-align:  center;
font-weight: 800
}
.product.product-tabl .product-price-old {
text-align: center;
}
.product.product-tabl .product__header-nov {
-webkit-transform: rotate(-90deg);
-ms-transform:     rotate(-90deg);
transform:         rotate(-90deg);
right:             inherit;
left:              -36px;
top:               105px
}
.table__slnav {
position: relative;
margin:   0 15px
}
.table__slnav .slick-slide {
opacity: 0.5
}
.table__slnav .slick-current {
opacity: 1
}
.table__arrow-right {
right:      -15px;
background: url(//dveri-oka.ru/wp-content/themes/images/sl-arrow_r.svg) 0 0/100% no-repeat;
width:      8px;
height:     14px;
bottom:     35px;
cursor:     pointer
}
.table__arrow-left {
left:       -15px;
background: url(//dveri-oka.ru/wp-content/themes/images/sl-arrow_l.svg) 0 0/100% no-repeat;
width:      8px;
height:     14px;
bottom:     35px;
cursor:     pointer
}
.table__slnav .slider__item {
padding:       2px;
cursor:        pointer;
border-radius: 2px
}
.table__sl .slider__item {
border-radius: 2px
}
#tab_t1:checked ~ #txt_t1,
#tab_t2:checked ~ #txt_t2,
#tab_t3:checked ~ #txt_t3,
#tab_t4:checked ~ #txt_t4,
#tab_t5:checked ~ #txt_t5,
#tab_t6:checked ~ #txt_t6,
#tab_5:checked ~ #txt_5,
#tab_7:checked ~ #txt_7,
#tab_6:checked ~ #txt_6 {
display: block
}
main.main #txt_5 {
display: block;
}
#tab_5:checked ~ #txt_6,
#tab_5:checked ~ #txt_7 {
display: none
}
#tab_6:checked ~ #txt_5,
#tab_6:checked ~ #txt_7 {
display: none
}
#tab_7:checked ~ #txt_5,
#tab_7:checked ~ #txt_6 {
display: none
}
#col_t1:checked + #div_t1,
#col_t2:checked + #div_t2,
#col_t3:checked + #div_t3,
#col_t4:checked + #div_t4,
#col_t5:checked + #div_t5,
#col_t7:checked + #div_t7,
#col_t6:checked + #div_t6 {
border:        1px solid green;
border-radius: 50%;
width:         30px;
height:        30px;
margin:        0
}
.form-textarea {
position: relative;
}
.wpcf7-form-control.wpcf7-textarea {
height: 51px;
}
.form-textarea textarea {
display: block;
width:   100%;
height:  100%
}
.popup .acceptance {
margin-top: 12px;
}
.form-radio label {
display: block
}
.form-radio label span {
padding-left: 10px
}
h3 + p span {
font-weight: 700;
font-size:   18px;
line-height: 30px
}
.elementProperties {
margin-top:         18px;
-webkit-box-sizing: content-box;
box-sizing:         content-box;
line-height:        21px;
font-size:          14px
}
.elementProperties .headingBox {
table-layout: fixed;
display:      table;
width:        100%
}
.elementProperties .headingBox .heading {
display:        table-cell;
vertical-align: top;
padding-bottom: 12px;
font-size:      16px
}
.elementProperties .headingBox .moreProperties {
vertical-align: top;
display:        table-cell;
padding-right:  24px;
padding-left:   12px;
width:          40%
}
.elementProperties .headingBox .moreProperties .morePropertiesLink {
text-decoration: none;
color:           #888888;
outline:         none
}
.elementProperties .propertyList .propertyTable {
table-layout: fixed;
display:      table;
width:        100%
}
.elementProperties .propertyList .propertyTable .propertyName {
background-color: #ffffff;
vertical-align:   middle;
display:          table-cell;
position:         relative;
overflow:         hidden;
padding:          4px 0
}
.elementProperties .propertyList .propertyTable .propertyName:after {
border-bottom: 1px dotted #cccccc;
position:      absolute;
margin-left:   12px;
height:        13px;
content:       '';
width:         100%
}
.elementProperties .propertyList .propertyTable .propertyValue {
padding-left:     12px;
width:            40%;
background-color: #ffffff;
vertical-align:   middle;
display:          table-cell;
position:         relative;
overflow:         hidden;
padding:          4px 0
}
#primary {
max-width: 70%;
padding:   50px 5%
}
#secondary {
max-width: 300px;
width:     100%
}
.wrapp {
-ms-flex-wrap: wrap;
flex-wrap:     wrap
}
.row {
-webkit-box-orient:    horizontal;
-webkit-box-direction: normal;
-ms-flex-direction:    row;
flex-direction:        row
}
.entry-title {
font-size:   40px;
line-height: 55px;
font-weight: 700;
max-width:   800px
}
.post-thumbnail {
padding-top: 40px
}
.entry-content {
padding-top: 40px
}
.entry-footer {
padding-top: 40px
}
.entry-footer {
padding-left: 15px
}
.nav-links {
padding-top: 40px
}
.nav-subtitle,
.cat-links {
font-weight: 700;
color:       #000
}
.edit-link {
padding-left: 40px
}
.entry-meta {
padding-top: 15px;
font-size:   14px
}
.nav-next {
padding-top: 15px
}
.comments-area {
padding-top: 30px
}
#commentform {
padding: 10px
}
.comment-form-comment {
padding-top: 10px
}
.comment-form-comment label {
display: block
}
#reply-title {
font-size:    22px;
line-height:  38px;
padding-left: 20px
}
.logged-in-as a {
color: #000
}
.logged-in-as a:hover {
color: #c24d4d
}
#secondary {
margin-top: 70px
}
#secondary h2 {
font-size:    22px;
line-height:  38px;
padding-left: 20px
}
#secondary ul li {
padding-top: 10px
}
#secondary ul li::marker {
color: #fff
}
#search-2,
#recent-comments-2,
#archives-2,
#categories-2,
#meta-2 {
display: none
}
.product.product-fittings {
width:    200px;
padding:  0;
overflow: hidden;
height:   400px
}
.product.product-fittings .product-img {
width:  200px;
height: 200px;
margin: -20px auto 0
}
.product.product-fittings .product__header {
height: auto
}
.product.product-fittings .product__header .icon {
padding: 0 0 0 10px
}
.product.product-fittings .product__header-nov {
-webkit-transform: rotate(-45deg);
-ms-transform:     rotate(-45deg);
transform:         rotate(-45deg);
left:              -23px;
top:               18px;
width:             108px
}
.product.product-fittings .product__header-nal {
margin: 0
}
.product.product-fittings .product-div {
padding: 0 20px
}
.product.product-fittings .product-but span {
right: -65px;
top:   60px
}
.product.product-fittings .product-price {
margin:     0;
text-align: center
}
.product.product-fittings .product-price-old {
text-align: center
}
.furn-item {
position: relative;
width:    200px;
height:   auto
}
.furn-name {
font-size:   16px;
text-align:  center;
line-height: 1;
margin:      4px 0 50px
}
.furn-name span {
display:    block;
min-height: 16px
}
.furn-title {
text-align: center !important
}
.furn-colors {
width:             100%;
height:            50px;
display:           -webkit-box;
display:           -ms-flexbox;
display:           flex;
-ms-flex-wrap:     wrap;
flex-wrap:         wrap;
position:          relative;
z-index:           9;
-webkit-box-pack:  center;
-ms-flex-pack:     center;
justify-content:   center;
-webkit-box-align: center;
-ms-flex-align:    center;
align-items:       center
}
.furn-colors .color {
margin:             3px 0 0 3px;
width:              22px !important;
height:             22px;
border:             1px solid #c4c4c4;
-webkit-box-sizing: border-box;
box-sizing:         border-box;
cursor:             pointer;
background-size:    cover
}
.furn-colors .slick-track,
.furn-colors .slick-list {
margin:     0 auto;
text-align: center;
}
.furn-colors .slick-slide {
margin: 0 2px;
}
.main.score.optom .main__block_article {
padding-left:  0;
padding-right: 5%;
max-width:     700px
}
.main.score.optom .main__block_article p {
margin-bottom: 15px
}
.main.score.optom .main__block-title {
font-weight: 700;
font-size:   40px;
line-height: 50px;
padding:     30px 0
}
.main.score.optom .main__block.revers .main__block_slider {
width: auto
}
.main.score.optom .main__block.revers .main__block_article {
padding-left:  5%;
padding-right: 0
}
.header {
max-width: 1440px;
width:     100%;
margin:    0 auto;
z-index:   9999
}
.header__inner {
display:           -webkit-box;
display:           -ms-flexbox;
display:           flex;
-webkit-box-pack:  justify;
-ms-flex-pack:     justify;
justify-content:   space-between;
-webkit-box-align: center;
-ms-flex-align:    center;
align-items:       center;
width:             100%;
max-width:         1320px;
margin:            0 auto
}
.header__inner .header_label {
display: none;
}
.header__inner .logo {
min-width: 122px
}
.header-top {
height:            80px;
display:           -webkit-box;
display:           -ms-flexbox;
display:           flex;
-webkit-box-align: center;
-ms-flex-align:    center;
align-items:       center
}
.header-top.fixed {
position:         fixed;
z-index:          12;
width:            100%;
background-color: #fff;
top:              0;
height:           auto;
max-width:        1440px;
margin:           0 -15px;
padding:          24px;
box-sizing:       border-box;
}
.header-bot {
position:          relative;
z-index:           1;
height:            40px;
display:           -webkit-box;
display:           -ms-flexbox;
display:           flex;
-webkit-box-align: center;
-ms-flex-align:    center;
align-items:       center;
background-color:  #5b2d0a;
margin:            0 -15px
}
.menu {
max-width: 760px;
width:     100%;
padding:   0 10px
}
.menu__list {
flex-wrap:        wrap;
gap:              12px;
display:          -webkit-box;
display:          -ms-flexbox;
display:          flex;
-webkit-box-pack: justify;
-ms-flex-pack:    justify;
justify-content:  space-between
}
.menu__list-link {
color:       #000;
font-weight: 700;
font-size:   14px;
line-height: 19px;
position:    relative
}
.menu__list-link:after {
display:          none;
content:          '';
position:         absolute;
bottom:           -4px;
left:             0;
right:            0;
height:           2px;
border-radius:    1px;
background-color: #0007
}
.menu-bot {
max-width: 1320px;
width:     100%
}
.menu-bot__list {
display:         -webkit-box;
display:         -ms-flexbox;
display:         flex;
justify-content: space-around;
}
.menu-bot__list-item {
display:  block;
position: relative
}
.menu-bot__list-item {
transition:    ease 0.3s;
border-bottom: 2px solid transparent;
}
.menu-bot__list-item:hover {
border-bottom: 2px solid #fff;
}
.menu-bot__list-link {
color: #ffffff
}
.icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width:   100px
}
.icon div {
position: relative;
width:    38px;
height:   24px;
padding:  0 7px
}
.badge {
position:         absolute;
font-style:       normal;
font-weight:      bold;
font-size:        9px;
line-height:      13px;
color:            #fff;
display:          block;
width:            14px;
height:           14px;
text-align:       center;
border-radius:    50%;
top:              -3px;
right:            0;
background-color: #e73b3b
}
.contacts {
position:              relative;
display:               -webkit-box;
display:               -ms-flexbox;
display:               flex;
-webkit-box-orient:    vertical;
-webkit-box-direction: normal;
-ms-flex-direction:    column;
flex-direction:        column;
font-size:             14px;
line-height:           16px;
min-width:             165px;
margin-left:           10px
}
.contacts-tel {
color:       black;
font-weight: 700
}
.contacts-meil {
color: black
}
.contacts .button {
margin-top: 6px
}
.menu__list-item.menu__active .menu__list-link:after {
display: block
}
li.menu-bot__list-item.active:before {
left:  0;
right: 0
}
.footer {
max-width:        1440px;
width:            100%;
margin:           0 auto
background-color: #000000;
display:          -ms-flexbox;
display:          flex;
-ms-flex-wrap:    wrap;
flex-wrap:        wrap;
-webkit-box-pack: justify;
-ms-flex-pack:    justify;
justify-content:  space-between;
font-size:        16px
}
.footer__column {
width:       360px;
padding-top: 20px
}
.footer__column .social {
display:         flex;
justify-content: space-between;
}
.footer_left {
padding: 2%
}
.footer__column:last-child {
width: 217px
}
.footer a {
color:           #000;
font-size:       16px;
line-height:     1.6;
display:         block;
text-decoration: none;
list-style:      none;
}
.footer__menu {
display:               -webkit-box;
display:               -ms-flexbox;
display:               flex;
-webkit-box-orient:    vertical;
-webkit-box-direction: normal;
-ms-flex-flow:         column wrap;
flex-flow:             column wrap;
height:                130px;
text-align: start!important;
}
.footer__menu-link {
margin-bottom: 16px
}
.footer-score.main__div.score {
margin: 50px auto
}
.footer-score.main__div.score .container {
background-color: inherit
}
.footer-score.main__div.score .main__block_article {
padding-left: 5%;
text-align:   left;
max-width:    50%
}
.overlay {
top:              0;
right:            0;
bottom:           0;
left:             0;
z-index:          99999;
visibility:       hidden;
background-color: rgba(0, 0, 0, 0.7);
opacity:          0;
position:         fixed;
cursor:           default
}
.overlay:target {
visibility:         visible;
opacity:            1;
-webkit-transition: all 0.6s;
-o-transition:      all 0.6s;
transition:         all 0.6s
}
.popup {
top:                -200vh;
right:              0;
left:               50%;
font-size:          14px;
text-align:         center;
z-index:            99999;
margin:             0 auto;
width:              90%;
min-width:          300px;
max-width:          480px;
position:           fixed;
padding:            15px;
border:             1px solid #383838;
border-radius:      4px;
background-color:   #ffffff;
-webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.22), 0 19px 60px rgba(0, 0, 0, 0.3);
box-shadow:         0 15px 20px rgba(0, 0, 0, 0.22), 0 19px 60px rgba(0, 0, 0, 0.3);
-webkit-transform:  translate(-50%, -150%);
-ms-transform:      translate(-50%, -150%);
transform:          translate(-50%, -150%)
}
.popup-video {
height: 90%
}
.popup .form-submit input {
margin:  12px auto;
display: block;
width:   100%;
}
.overlay:target + .popup {
top:                20%;
-webkit-transform:  translate(-50%, -50%);
-ms-transform:      translate(-50%, -50%);
transform:          translate(-50%, -50%);
-webkit-transition: -webkit-transform 0.6s ease-out;
transition:         -webkit-transform 0.6s ease-out;
-o-transition:      transform 0.6s ease-out;
transition:         transform 0.6s ease-out;
transition:         transform 0.6s ease-out, -webkit-transform 0.6s ease-out
}
.overlay:target + .popup.fast {
top: calc(100% - 50% - 300px);
}
.overlay:target + .popup.tel {
top: calc(100% - 50% - 140px);
}
.overlay:target + .popup.poisk {
top: calc(100% - 50% - 100px);
}
.modal_close {
position:   absolute;
top:        0;
right:      0;
cursor:     pointer;
transition: ease 0.5s;
}
.modal_close:hover svg {
transform: scale(1);
}
.modal_close svg {
transform:  scale(0.85);
transition: ease 0.5s;
width:      32px;
height:     32px;
}
.mod-cup .popup {
background: #f9f9f9;
}
.popup form {
display:         -webkit-box;
display:         -ms-flexbox;
display:         flex;
-ms-flex-wrap:   wrap;
flex-wrap:       wrap;
-ms-flex-pack:   distribute;
justify-content: space-around;
padding-bottom:  10px;
display:         block;
box-sizing:      border-box;
}
.popup form .nul {
display: none
}
.mod-search form {
position:  relative;
max-width: 300px;
margin:    0 auto
}
.mod-search input,
.mod-search button {
border:        none;
outline:       none;
border-radius: 3px
}
.mod-search input {
width:        100%;
height:       42px;
background:   #f9f0da;
padding-left: 15px
}
.mod-search button {
height:     30px;
width:      30px;
position:   absolute;
top:        21px;
right:      8px;
background: #8cac90;
cursor:     pointer
}
.mod-search .search-form {
display:               -webkit-box;
display:               -ms-flexbox;
display:               flex;
-webkit-box-orient:    horizontal;
-webkit-box-direction: normal;
-ms-flex-direction:    row;
flex-direction:        row;
-ms-flex-wrap:         nowrap;
flex-wrap:             nowrap
}
.mod-search label {
width: 100%
}
.mod-search .widget.widget_search {
position:  relative;
max-width: 300px;
margin:    0 auto
}
.mod-search .search-submit {
width:            80px;
padding:          0;
background-color: #6ddb9e
}
#search .forma__content-title {
font-weight:    700;
font-size:      20px;
padding-bottom: 10px;
width:          100%
}
#search label {
width:     auto;
font-size: 18px
}
.mod-menu {
position: relative
}
.mod-menu .overlay:target + .popup {
top:               0;
left:              0;
right:             auto;
width:             auto;
-webkit-transform: translate(-15%, 0);
-ms-transform:     translate(-15%, 0);
transform:         translate(-15%, 0);
min-height:        300px
}
.mod-menu .popup {
right:            auto;
left:             0;
border:           none;
border-radius:    0;
text-align:       left;
min-width:        200px;
background-color: #5b2d0a;
font-size:        16px
}
.mod-menu .popup a {
color:       #fff;
line-height: 2
}
.mod-menu .popup a:hover {
color: rgba(255, 255, 255, 0.8)
}
.mod-menu .popup label:hover {
color: rgba(255, 255, 255, 0.8)
}
.mod-menu .popup__menu {
display:               -webkit-box;
display:               -ms-flexbox;
display:               flex;
-webkit-box-orient:    vertical;
-webkit-box-direction: normal;
-ms-flex-flow:         column wrap;
flex-flow:             column wrap;
}
.mod-menu .popup__menu-link {
padding-left:   20px;
padding-bottom: 15px
}
.mod-menu .popup__menu-sub {
display: block;
width:   auto
}
.mod-menu .popup__menu-sub-list {
-webkit-box-orient:    vertical;
-webkit-box-direction: normal;
-ms-flex-flow:         column wrap;
flex-flow:             column wrap;
height:                130px;
padding-top:           10px
}
.mod-menu .popup__menu-sub-link {
padding-left:   20px;
padding-bottom: 15px
}
.mod-menu .popup__contacts {
display:       -webkit-box;
display:       -ms-flexbox;
display:       flex;
-ms-flex-wrap: wrap;
flex-wrap:     wrap;
}
.mod-menu .popup__contacts div {
display:               -webkit-box;
display:               -ms-flexbox;
display:               flex;
-ms-flex-wrap:         wrap;
flex-wrap:             wrap;
-webkit-box-orient:    vertical;
-webkit-box-direction: normal;
-ms-flex-direction:    column;
flex-direction:        column
}
.mod-menu .popup__contacts div div {
padding: 20px 0 0
}
.mod-menu .popup__contacts div diva {
display: block
}
.mod-menu .popup__meseg {
-webkit-box-pack: space-evenly;
-ms-flex-pack:    space-evenly;
justify-content:  space-evenly
}
.mod-menu .popup__meseg a {
padding: 5px 15px
}
.mod-menu .popup .close {
top:                20px;
right:              40px;
left:               auto;
border:             none;
background:         none;
-webkit-box-shadow: none;
box-shadow:         none;
-webkit-transition: none;
-o-transition:      none;
transition:         none
}
.mod-menu .popup .close:before {
font-size:   26px;
font-weight: 700;
text-shadow: 0 0 1.5px #fff
}
.mod-menu .popup .close:hover:before {
color: #d9692a
}
.mod-menu .popup__menu-sub-list,
.mod-menu #go {
display: none
}
.mod-menu .st {
padding:    0 20px 0 20px;
background: #5b2d0a;
cursor:     pointer;
color:      #fff
}
.mod-menu .st:after {
content:          '';
width:            16px;
height:           16px;
display:          inline-block;
margin-left:      15px;
background-image: url(//dveri-oka.ru/images/menu_arrow.svg)
}
.mod-menu #go:checked ~ .popup__menu-sub-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.mod-menu #go:checked ~ .st:after {
-webkit-transform: rotate(-180deg);
-ms-transform:     rotate(-180deg);
transform:         rotate(-180deg)
}
#totop {
opacity:  0.7;
width:    64px;
height:   64px;
position: fixed;
bottom:   20px;
right:    20px;
cursor:   pointer;
display:  none;
color:    #005aa9;
z-index:  919191;
}
.forma > .forma__content .forma__content-title {
font-size:      18px;
padding-bottom: 10px;
color:          #fff;
}
.forma > .forma__content .forma__content-title span {
display:        block;
text-transform: uppercase;
font-weight:    bold;
font-size:      32px;
color:          #fff;
line-height:    32px;
padding-bottom: 16px;
}
.forma > .forma__content .forma__content-title a {
margin:      24px auto;
display:     block;
text-align:  center;
font-weight: normal;
}
.popup .forma__content p span {
margin: unset;
}
.popup .forma__content p span[data-name="lead_mark"] .wpcf7-list-item {
width: 20px;
}
.forma__content .acceptance label input {
margin-right: 12px;
}
.forma__content .acceptance label span {
font-size:   14px;
line-height: 14px;
text-align:  left;
}
.wpcf7-form.sent[action*='f145'] .wpcf7-response-output[aria-hidden='true'] {
border-radius: 3px;
}
.wpcf7-form[action*='f268'] p span {
font-size: 18px
}
.main__div.score #wpcf7-f268-o1 input {
min-width: auto;
width:     auto;
margin:    0 5% 20px
}
.popup-video {
height:    inherit;
max-width: 130vh
}
.popup-video .embed-container {
position:       relative;
padding-bottom: 50.5%;
overflow:       hidden;
max-width:      100%;
height:         auto
}
.popup-video .embed-container iframe,
.popup-video .embed-container object,
.popup-video .embed-container embed {
position: absolute;
top:      0;
left:     0;
width:    100%;
height:   100%
}
.str {
padding: 0 17px;
cursor:  pointer;
color:   #000
}
.str:before {
content:           '\276F';
display:           inline-block;
margin-right:      10px;
-webkit-transform: rotate(-90deg);
-ms-transform:     rotate(-90deg);
transform:         rotate(-90deg)
}
#go1 ~ .menu1,
#go1,
#go2 ~ .menu2,
#go2,
#go3 ~ .menu3,
#go3 {
display: none
}
#go1:checked ~ .menu1 {
display: block
}
#go1:checked ~ .str:before {
-webkit-transform: rotate(90deg);
-ms-transform:     rotate(90deg);
transform:         rotate(90deg)
}
#go2:checked ~ .menu2 {
display: block
}
#go2:checked ~ .str:before {
-webkit-transform: rotate(90deg);
-ms-transform:     rotate(90deg);
transform:         rotate(90deg)
}
#go3:checked ~ .menu3 {
display: block
}
#go3:checked ~ .str:before {
-webkit-transform: rotate(90deg);
-ms-transform:     rotate(90deg);
transform:         rotate(90deg)
}
.korzina {
display:          -webkit-box;
display:          -ms-flexbox;
display:          flex;
-ms-flex-wrap:    wrap;
flex-wrap:        wrap;
-webkit-box-pack: center;
-ms-flex-pack:    center;
justify-content:  center;
font-size:        20px;
font-weight:      700;
margin:           0 3% 50px 5%
}
.korzina .colum-1 {
width: 34px
}
.korzina .colum-2 {
width:        calc((98% - 58px) / 4);
padding-left: 2%
}
.korzina .colum-3 {
width: calc((100% - 58px) / 4)
}
.korzina .colum-4 {
width: calc((100% - 58px) / 4)
}
.korzina .colum-5 {
width: calc((100% - 58px) / 4)
}
.korzina .colum-6 {
width: 24px
}
.korzina__cena-min {
display: none
}
.korzina-title {
width:        100%;
font-size:    40px;
font-weight:  700;
margin-top:   30px;
padding-left: 5%
}
.korzina__heder {
display:    -webkit-box;
display:    -ms-flexbox;
display:    flex;
margin-top: 25px
}
.korzina__wrapp-colum {
margin-top: 20px
}
.korzina__wrapp-product {
display:           -webkit-box;
display:           -ms-flexbox;
display:           flex;
-webkit-box-align: center;
-ms-flex-align:    center;
align-items:       center
}
.korzina__left {
float:      left;
width:      calc(98% - 400px);
min-width:  660px;
margin-top: 20px
}
.korzina__right {
padding:          25px 2.5%;
max-width:        400px;
min-height:       440px;
background-color: #e5e5e5;
margin-left:      2%;
border-radius:    4px;
margin-top:       20px
}
.korzina__right-title {
padding-bottom: 50px
}
.korzina__poditog {
display:        -webkit-box;
display:        -ms-flexbox;
display:        flex;
padding-bottom: 30px
}
.korzina__poditog-title {
width: 40%
}
.korzina__poditog-sum {
font-size:    18px;
padding-left: 10px
}
.korzina__dost {
display:        -webkit-box;
display:        -ms-flexbox;
display:        flex;
padding-bottom: 30px
}
.korzina__dost-title {
min-width: 40%
}
.korzina__dost-sum {
font-size: 16px
}
.korzina__dost-sum p {
display: block
}
.korzina__itog {
display:        -webkit-box;
display:        -ms-flexbox;
display:        flex;
padding-bottom: 50px
}
.korzina__itog-title {
width: 40%
}
.korzina__itog-title--col {
padding-top: 4px;
font-size:   16px
}
.korzina__itog-sum {
padding-top:  10px;
padding-left: 10px
}
.korzina__input-col {
text-align:    center;
max-width:     5.2em;
border:        1px solid #1f1f1f;
border-radius: 2px
}
.korzina__input-col button {
border:           none;
background-color: #fff;
padding:          2px;
color:            #8f8e8e;
z-index:          2
}
.korzina__input-col button:hover {
color: #000
}
.raz {
all:             unset;
-moz-appearance: textfield;
width:           2em;
text-align:      center
}
.raz::-webkit-inner-spin-button {
display: none
}
.sravnit__main-div {
position: relative
}
.sravnit__main-div h1 {
text-align: center;
font-size:  40px
}
.sravnit__heder {
text-align:  left;
font-size:   20px;
font-weight: 700;
position:    absolute;
z-index:     2000;
width:       100%;
top:         506px
}
.sravnit__heder div {
padding-left: 20px
}
.sravnit .product {
height: 414px
}
.sravnit .product__sravnit div {
padding-bottom: 22px;
padding-left:   40px
}
.sravnit .product .icon__comparison {
display: none
}
.sravnit .product .icon__chosen {
margin-right: 30px
}
.sravnit .container {
padding-left: 140px
}
.sravnit .container div.ant-carousel-arrow-left {
bottom: -20px;
left:   -60px
}
.sravnit .container div.ant-carousel-arrow-right {
bottom: -20px;
right:  60px
}
.sravnit .container .breadcrumbs__list {
margin-left: -100px
}
.search #primary {
max-width: 1140px;
width:     70%
}
.search #secondary {
padding-bottom: 40px
}
.search h1.page-title {
font-size:   22px;
line-height: 25px;
text-align:  center
}
.search .entry-title {
line-height: 32px;
max-width:   244px;
text-align:  center
}
.search .post {
margin-top: 40px;
width:      46%;
height:     auto;
padding:    0 2%;
min-width:  340px
}
.search .entry-title a {
font-size:   24px;
line-height: 26px;
color:       #000
}
.search .page-header {
width: 100%
}
.search .site-main {
display:         -webkit-box;
display:         -ms-flexbox;
display:         flex;
-ms-flex-wrap:   wrap;
flex-wrap:       wrap;
-ms-flex-pack:   distribute;
justify-content: space-around
}
.search .comments-link {
padding-left: 20px
}
.search .post-thumbnail {
max-width:  426px;
max-height: 284px
}
.search img {
max-height: 284px;
width:      auto;
margin:     10px auto 0
}
.search article {
margin: 6px
}
.error-404-mu {
text-align:        center;
display:           -webkit-box;
display:           -ms-flexbox;
display:           flex;
-webkit-box-pack:  center;
-ms-flex-pack:     center;
justify-content:   center;
-webkit-box-align: center;
-ms-flex-align:    center;
align-items:       center
}
.error-404-mu h1 {
font-size:   190px;
line-height: 1.2
}
.error-404-mu p {
font-size:   52px;
line-height: 1.2
}
.error-404-mu a {
display: block;
margin:  44px auto;
width:   200px
}
.main.error-404 {
background-image: url(//dveri-oka.ru/wp-content/themes/images/404.jpg)
}
.slider {
background-image:  url(https://dolgiplus.ru/wp-content/uploads/2021/07/fonw.jpg);
background-repeat: no-repeat;
background-size:   cover;
max-height:        365px;
max-width:         652px;
width:             100%;
padding:           15px 0 10px 0;
font-family:       'Open Sans', sans-serif;
font-style:        normal;
font-weight:       normal;
font-size:         16px;
line-height:       128%
}
.slider__cart {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.slider__cart-left {
padding-left: 10px;
max-width:    230px;
width:        100%;
text-align:   center
}
.slider__cart-left-sum {
font-weight: 700;
font-size:   16px;
color:       #f8f8f8
}
.slider__cart-left-sum span {
font-size:    20px;
padding-left: 10px
}
.slider__cart-left-title {
padding-top: 30px;
font-weight: 700
}
.slider__cart-left-img img {
margin: 20px auto
}
.slider__cart-left-p {
font-size:      14px;
margin:         0 auto;
max-width:      170px;
line-height:    16px;
padding-bottom: 10px
}
.slider__cart-right {
max-width:    422px;
width:        100%;
padding-left: 18%
}
.slider__cart-right-comp {
margin-left: -8%;
font-size:   20px;
font-weight: 700;
color:       #f8f8f8
}
.slider__cart-right-collum {
padding-top: 40px;
font-weight: 700
}
.slider__cart-right-collum p {
padding-top: 10px
}
.slider__cart-right-collum p span {
font-weight: 400
}
.slider__cart-right-neust {
text-decoration: underline
}
.slider__cart-right .ty {
padding-top: 30px
}
.mod-menu .popup {
background-color: #005aa9
}
.mod-menu .st {
background: #005aa9
}
.mod-menu .popup a.button {
color: #1b1b1b
}
.header-bot {
background-color: #06b203
}
.button {
background-color: #fcc540;
color:            #000;
font-weight:      700
}
a.button {
color: #000
}
.button:hover {
background-color: #5a9789;
color:            white
}
.footer {
background-color: #fff
}
div.ant-carousel-arrow-right,
div.ant-carousel-arrow-left {
background: url(//dveri-oka.ru/wp-content/themes/doorby/assets/images/arrow.svg) no-repeat
}
.s1__score .arrow {
background-image:  url(//dveri-oka.ru/wp-content/themes/doorby/assets/images/score_arrow.svg);
background-repeat: no-repeat
}
.main.score {
max-width:        1440px;
margin:           0 auto;
background-color: #fff
}
.main__div.score {
max-width: 1170px;
margin:    0 auto
}
.address {
margin-bottom:  0 !important
}
.s1__score .arrow {
bottom: 4px
}
.popup form {
-webkit-box-orient:    vertical;
-webkit-box-direction: normal;
-ms-flex-direction:    column;
flex-direction:        column
}
.screen-reader-response {
display: none
}
.wpcf7-response-output {
margin:        auto;
margin-top:    20px;
padding:       0 10px;
border-radius: 4px;
color:         #fff
}
.wpcf7-not-valid-tip {
}
.wpcf7-form.invalid .wpcf7-response-output {
border:      2px solid red;
color:       red;
font-weight: bold;
margin-top:  24px !important;
}
.mod-search .is-form-style-3 button {
top: 0
}
textarea:hover,
textarea:focus,
textarea:active
input:hover,
input:focus,
input:active {
outline: none;
}
.wpcf7[role='form'] textarea,
.wpcf7[role='form'] span input {
width:            100%;
margin-bottom:    8px;
background-color: #fff;
box-sizing:       border-box;
height:           40px;
line-height:      40px;
overflow:         hidden;
resize:           none;
padding:          2px 8px;
display:          block;
font-weight:      normal;
border-radius:    4px;
border:           1px solid #d2d2d2;
}
.wpcf7[role='form'] span input[type='checkbox'] {
padding:      unset;
margin-right: 12px;
margin-top:   unset;
}
.wpcf7[role='form'] span input[type='checkbox'] + span {
}
.wpcf7[role='form'] span input[type='checkbox'] + span a {
color:         #000;
border-bottom: 1px solid;
}
.wpcf7[role='form'] span input[type='file'] {
background: transparent;
padding:    unset;
border:     unset;
}
.forma__content-title {
text-align:  center;
font-weight: normal;
margin:      0 auto
}
.forma__content-forma {
max-width: 480px;
margin:    0 auto;
}
.catalog__right-filter {
display: none
}
.mob425,
.burger-menu {
display: none
}
.popup__menu-2ГђВ± .catalog__left > label:after {
content: none
}
.main.score .forma__content {
max-width: calc(100% - 351px)
}
.popup__contacts-tel {
font-size:   20px;
font-weight: 700
text-decoration: none;
color: #666;
font-weight:600;
}
}
@media only screen and (min-width: 1024px) {
#txt_2 .masonry {
-webkit-column-count: 3;
-moz-column-count:    3;
column-count:         3
}
}
.fixed_menu_phone {
display: none;
}
header .header__inner .logo img {
height:    auto;
max-width: 150px;
width:     100%;
}
@media (max-width: 1180px) {
.header > .container.fixed {
left:       0;
padding:    0 2%;
box-sizing: border-box;
width:      100%;
top:        0;
position:   fixed;
z-index:    12;
margin:     unset;
}
.header__inner .logo img {
max-width: 120px !important;
}
.fixed_menu_phone {
display: block;
}
.fixed_menu_phone a {
color: #000;
font-weight:600;
}
.menu,
.header-top .contacts {
display: none
}
.header-top {
}
.header-top .header__inner {
position: relative;
}
.burger-menu {
display:  block;
position: absolute;
z-index:  9;
padding:  13px 0 10px 13px;
bottom:   10px;
right:    0px
}
.header__inner .logo {
min-width: 122px;
}
.korzina {
padding:          5px;
max-width:        660px;
margin:           0 auto;
-webkit-box-pack: end;
-ms-flex-pack:    end;
justify-content:  flex-end
}
.korzina .colum-3 {
display: none
}
.korzina .colum-2,
.korzina .colum-4,
.korzina .colum-5 {
width: calc((100% - 58px) / 3)
}
.korzina__left {
min-width: 100%;
margin:    0 auto
}
.korzina__right {
min-height: inherit
}
.korzina__right-title {
display: none
}
.korzina__dost-sum {
max-width: 210px
}
.korzina__itog {
-ms-flex-wrap:     wrap;
flex-wrap:         wrap;
-webkit-box-align: start;
-ms-flex-align:    start;
align-items:       flex-start;
width:             40%;
margin-top:        -20px;
padding-bottom:    5px
}
.korzina__itog-sum {
padding-left: 0
}
.korzina .button {
height:     45px;
width:      60%;
margin-top: 16px
}
.korzina__itog-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
}
@media (max-width: 1150px) {
.search .post {
width:     96%;
min-width: 320px
}
}
@media (max-width: 1040px) {
.catalog__left > label:after,
.ac-container label:after,
.ac-container input:checked + label:after {
content: '\203A'
}
header.header + .main, header.header + .wrapper {
padding-top: 145px!important;
}
.container {
padding: 0 2%
}
.banner__left {
padding-top: 2vw
}
.banner__left h1 {
font-size:     5vw;
line-height:   6vw;
margin-bottom: 4vw
}
.banner__left p {
font-size:   2.5vw;
line-height: 3.3vw
}
.banner__left a {
font-size: 3vw
}
.banner__right {
min-width: 35%
}
.catalog__left {
margin-top: 20px;
padding:    0px 15px;
max-width:  100%;
top: 0 !important; 
padding-bottom: 0 !important;
}
.catalog__left .ac-container {
margin:                0;
overflow:              hidden;
height:                0px;
position:              relative;
z-index:               10;
display:               -webkit-box;
display:               -ms-flexbox;
display:               flex;
-webkit-box-orient:    vertical;
-webkit-box-direction: normal;
-ms-flex-direction:    column;
flex-direction:        row;
flex-wrap:             wrap; max-height:0px;
transition: max-height 0.2s ease-out;
}
.catalog__left .accordion-btn{
display:block;
}
.catalog__left .ac-container div {
width: 33.3333%;
}
.catalog__left .ac-container div label {
padding: 5px;
}
.catalog__left .ac-container input:checked ~ .ac-container {
height: auto
}
.catalog__left .ac-container .catalog__right {
width: 100%
}
.catalog__left > input:checked ~ .ac-container {
height: auto;
margin: 10px 0
}
.catalog__left > input {
display: none
}
.catalog__left > label:after {
top:   8px;
right: 6px
}
.catalog__left > input:checked + label:after {
-webkit-transform: rotate(-90deg);
-ms-transform:     rotate(-90deg);
transform:         rotate(-90deg);
right:             12px
}
.catalog__right {
width:      100%;
margin-top: 40px;
}
.catalog__right.fiting-right {
margin-top: 100px
}
.catalog.taxonomy .page-header {
width:      100%;
text-align: left;
}
.catalog.taxonomy .catalog__left {
margin-top: unset;
padding-bottom: 0;
top: 0;
}
.catalog.taxonomy .catalog__right-product {
margin-top: 60px
}
.catalog.taxonomy .catalog__right h1 {
padding: 0 12px
}
}
@media (max-width: 940px) {
.zp {
position: relative
}
.breadcrumbs {
padding: 0
}
.popup__menu-2 {
display: block
}
.address__block > div {
width:     100%;
max-width: 570px;
margin:    0 auto
}
.main.score .forma-img {
width: 35vw
}
.main__div.score.k5 .container {
padding: 40px 15px 80px
}
}
@media (max-width: 690px) {
.catalog__left .ac-container div {
width: 50%;
}
}
@media (max-width: 870px) {
.footer-score.main__div.score .main__block_article {
padding-left: 5%;
text-align:   left;
max-width:    100%
}
.main__block_slider {
margin: 0 auto
}
.main__block.revers .main__block_slider {
width:         263px;
margin-top:    0px;
margin-bottom: 40px
}
.main__block-title {
font-size:   5vw;
line-height: 38px;
padding:     20px 0
}
}
@media (max-width: 790px) {
.forma-img {
display: none
}
.main.score .forma__content {
max-width: 100%
}
.score.f1 .forma__content {
padding:   24px;
max-width: 100%
}
.main__div.score.k3 .s1__score-item {
max-width: 100%;
margin:    0 auto
}
.main__div.score.k3 .main__block_article {
max-width: 100%
}
}
@media (max-width: 685px) {
.pum-theme-7802 .pum-container, .pum-theme-tema-po-umolchaniyu .pum-container {
width: auto !important;
}
.product-cart__right {
margin-top: 20px
}
.product-description > label {
padding: 2px 2%
}
}
@media (max-width: 640px) {
.catalog__right-product .product .product__img img {
max-height: 140px;
}
h2, .h2 {
font-size:   6.5vw;
line-height: 1.5
}
.banner {
-webkit-box-orient:    vertical;
-webkit-box-direction: normal;
-ms-flex-direction:    column;
flex-direction:        column
}
.banner__left {
-webkit-box-ordinal-group: 2;
-ms-flex-order:            1;
order:                     1
}
.banner h1 {
font-size:     7vw;
line-height:   9vw;
margin-bottom: 4vw
}
.banner p {
font-size:     3.5vw;
line-height:   5vw;
margin-bottom: 7vw
}
.banner a {
font-size: 3.5vw
}
.banner__right {
max-height: 60vw;
overflow:   hidden
}
.banner__right img {
width:  100%;
margin: -70vw 0 0
}
.korzina__heder-colum.colum-4,
.korzina__wrapp-colum.colum-5 {
display: none
}
.korzina__cena-min {
display:        block;
padding-bottom: 4px
}
.korzina .colum-2,
.korzina__heder-colum.colum-5,
.korzina__wrapp-colum.colum-4 {
width: calc((100% - 58px) / 2)
}
}
@media (max-width: 604px) {
.catalog__right {
width:     100%;
min-width: 290px
}
.main.score h1 {
font-size:   6.5vw;
line-height: 1.5
}
.main.score .main__block {
padding-top: 0
}
.main__div.score.k2 .main__block_article {
max-width:    100%;
padding-left: 0
}
.main__div.score.k2 .main__block-img {
padding-top:    30px;
margin:         0 auto;
padding-bottom: 20px
}
.main__div.score.k2 .main__block-title {
text-align: center
}
}
@media (max-width: 440px) {
.s1__score {
max-width: 96vw
}
.main__block_slider {
margin: 0 auto
}
.product-table tbody {
font-size: 4vw
}
}
@media (max-width: 425px) {
.header__inner .isbm {
-webkit-box-ordinal-group: 2;
-ms-flex-order:            1;
order:                     1;
min-width:                 10px;
display:                   flex
}
.header__inner .logo {
padding-left: 0
}
.header-top .icon {
display: none
}
.isbm {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.mob425 {
display:      block;
float:        left;
margin-right: 25px
}
.mod-menu .popup__column { }
.mod-menu .popup__menu-sub-list {
height: 200px
}
.banner__left p {
font-size: 14px
}
.banner__left a {
font-size: 14px
}
.korzina .button {
font-size: 15px
}
.korzina .colum-2 {
font-size: 18px
}
.korzina__wrapp-colum {
margin-top:    0;
margin-bottom: 8px
}
.korzina-title {
margin:    0;
font-size: 30px
}
.korzina__heder {
display: none
}
}
@media (max-width: 400px) {
.footer__menu {
height: 175px
}
.footer__menu-link {
margin-bottom: 16px
}
.footer__menu-link:nth-child(4) {
margin-left: 0
}
.product-description > label {
font-size: 14px
}
.product-cart .button {
padding: 4px 10px 7px
}
.main__block-title {
font-size:   20px;
line-height: 28px;
padding:     20px 0
}
h2, .h2 {
font-size:   20px;
line-height: 28px
}
.main.score h1 {
font-size: 24px
}
.catalog__right h1 {
font-size:    6vw;
padding-left: 10%;
padding-top:  10px;
line-height:  1.5
}
}
.old_h2 {
font-size:   40px;
line-height: 52px;
font-weight: bold;
margin:      36px 0;
}
.forma__content-title {
line-height:    26px;
font-weight:    bold;
padding-bottom: 12px;
max-width:      480px;
margin:         0 auto;
text-align:     center;
}
.menu-bot__list-item a {
color: #fff;
}
.menu-bot__list-item.current-menu-item a {
color:         #fff;
border-bottom: 2px solid #fff;
}
.current-menu-item.menu-bot__list-item:hover:before {
display: none;
}
.archive-description {
padding: 24px;
}
.archive-description h2 {
padding: 24px 0;
}
.archive-description ol,
.archive-description ul {
padding-top:    12px;
padding-bottom: 12px;
}
.archive-description ul li,
.archive-description ul li {
}
.acceptance {
}
.acceptance label {
display:         flex;
align-items:     center;
justify-content: center;
}
.acceptance label * {
flex:  auto;
width: auto !important;
}
.main_page_seo {
padding: 0 24px;
}
.main_page_seo h2 {
padding: 12px 0;
}
.main_page_seo li,
.main_page_seo p {
padding: 8px 0;
}
main {
position:  relative;
max-width: 1440px;
margin:    0 auto;
}
footer.footer {
position:  relative;
max-width: 1440px;
margin:    0 auto;
padding:   unset;
}
footer.footer .footer__column {
padding:    24px;
width:      25%;
box-sizing: border-box;
}
footer.footer .footer__column .footer__menu {
height: unset;
}
footer.footer .footer__column .footer__menu-link:nth-child(n+4) {
margin-left: unset;
}
footer.footer .footer__column .logo {
margin: unset !important;
}
main .container,
main .breadcrumbs {
padding: unset;
}
.product .product-but,
.product .product-but span {
position: relative;
top:      unset;
left:     unset;
right:    unset;
}
.catalog__right-product .product {
display:        flex;
flex-direction: column;
position:       relative;
height:         auto;
width:          100%;
margin:         unset;
box-sizing:     border-box;
}
.catalog__right-product .product .product__img {
height:         auto;
padding-bottom: 12px;
width:          100%;
margin:         0 auto;
}
.mob_header_top {
display: none;
}
.prod_attr {
display:   block;
padding:   12px 0;
font-size: 14px;
}
.prod_attr .attr_item {
display:       flex;
gap:           24px;
border-bottom: 1px solid #f0f0f0;
padding:       6px 0;
}
.prod_attr .attr_item .left {
flex:       1;
text-align: left;
}
.prod_attr .attr_item .right {
flex:       1;
text-align: right;
}
.main_page_content {
padding: 20px 24px;
font-size: 18px;
line-height: 1.4;
}
.main_page_content h1,
.main_page_content .h1,
.main_page_content h2,
.main_page_content .h2,
.main_page_content h3,
.main_page_content .h3 {
margin-top: 1.2em;
}
.main_page_content p,
.main_page_content table,
.main_page_content ul,
.main_page_content ol,
.main_page_content button,
.main_page_content .button {
margin-top: 1em;
}
.main_page_content ul li,
.main_page_content ol li {
margin-left: 1.25em;
margin-top: 0.35em;
}
.main_page_content h1:first-child,
.main_page_content .h1:first-child,
.main_page_content h2:first-child,
.main_page_content .h2:first-child,
.main_page_content h3:first-child,
.main_page_content .h3:first-child,
.main_page_content p:first-child,
.main_page_content table:first-child {
margin-top: 0;
}
.main_page_content h1,
.main_page_content .h1 {
font-size: 38px;
line-height: 1.2;
}
.main_page_content h2,
.main_page_content .h2 {
font-size: 28px;
line-height: 1.2;
}
.main_page_content h3,
.main_page_content .h3 {
font-size: 22px;
line-height: 1.2;
}
.main_page_content ul,
.main_page_content ol {
padding: 0;
}
.main_page_content table {
width: 100%;
border-collapse: collapse;
}
.main_page_content th, 
.main_page_content td {
border: 1px solid #ccc;
padding: 12px 16px;
text-align: left;
}
.main_page_content th {
background-color: #736051;
color: #fff;
font-weight: bold;
}
.main_page_content tr:nth-child(even) {
background-color: #f7f7f9;
}
.main_page_content tr:hover {
background-color: #eaeaea;
}
.main_page_content a:not(.button) {
font-size: inherit;
line-height: inherit;
font-weight: 700;
color: #736051 !important;
text-decoration: underline;
}
.mod-menu .popup__column .popup__menu {
max-height: unset !important;
}
.mod-menu .overlay:target + .popup { width: auto;
}
.s5__score {
display: flex;
}
.main.score.optom .main__block_article {
flex: 1;
}
.table__slnav {
display: none;
}
.product .furn-item {
order: 2;
width: 100%;
}
.product .furn-item .furn-colors {
position:   relative;
bottom:     unset;
height:     auto;
top:        unset;
left:       unset;
right:      unset;
margin:     0 auto;
text-align: center;
width:      100%;
}
.product .furn-item + .product-div {
padding: unset;
order:   3;
}
.product .furn-item + .product-div span {
display: block;
margin:  0 auto;
}
.product .furn-item + .product-div span.button {
position:  relative;
bottom:    unset;
top:       unset;
left:      unset;
max-width: unset;
right:     unset;
width:     auto;
margin:    0 12px;
}
.popup {
transform: unset !important;
}
.overlay:target + .popup {
transform: unset;
left:      0;
}
textarea {
resize: none !important;
}
.header-top .header__inner {
max-width: unset;
}
nav.menu {
max-width: unset;
width:     unset;
flex:      auto;
padding:   0 24px;
z-index:   2;
}
nav.menu + .icon {
flex:            auto;
display:         flex;
justify-content: center;
width:           unset;
max-width:       40px;
}
nav .menu__list-item a + ul li a {
font-weight: normal;
}
nav .menu__list-item a {
text-transform: unset;
border-bottom:  1px solid #fff;
transition:     ease 0.3s;
}
nav .menu__list-item.current-menu-parent a + ul li a,
nav .menu__list-item.current_page_parent a + ul li a,
nav .menu__list-item.current_page_item a + ul li a {
border-bottom: 1px solid #fff;
}
nav .menu__list-item.current-menu-item > a,
nav .menu__list-item.current-menu-parent a,
nav .menu__list-item.current-menu-parent a + ul li.current_page_item a,
nav .menu__list-item.current_page_parent a + ul li.current_page_item a,
nav .menu__list-item.current_page_parent a,
nav .menu__list-item.current_page_item a,
nav .menu__list-item a:hover {
border-bottom: 1px solid #000;
}
nav .menu__list-item a:hover:after,
nav .menu__list-item a:after {
display: none !important;
}
nav .menu__list-item .current_page_item a:after {
content:          '';
position:         absolute;
bottom:           -4px;
left:             0;
right:            0;
height:           2px;
border-radius:    1px;
background-color: #0007;
}
nav.menu + .icon a {
}
nav.menu + .icon a svg {
display: block;
width:   15px;
height:  15px;
}
nav.menu + .icon + .social {
margin:          0 12px;
display:         flex;
max-width:       200px;
justify-content: center;
}
nav.menu + .icon + .social a {
display: block;
}
nav.menu + .icon + .social a svg {
display: block6;
width:   40px;
height:  40px;
}
nav.menu + .icon + .social + .address {
flex:        auto;
display:     flex;
flex-wrap:   wrap;
font-size:   14px;
line-height: 20px;
padding:     unset;
max-width:   280px;
}
nav.menu + .icon + .social + .address p {
display: flex;
}
nav.menu + .icon + .social + .address .svg_address {
height:        14px;
width:         34px;
padding-right: 10px;
margin-top:    6px;
}
nav.menu + .icon + .social + .address .svg_mail {
width:      25px;
margin-top: 4px;
height:     14px;
}
nav.menu + .icon + .social + .address + .contacts {
text-align:  center;
align-items: center;
}
nav.menu + .icon + .social + .address + .contacts svg {
width:  15px;
height: 15px;
margin-top: ;
}
nav.menu + .icon + .social + .address + .contacts .contacts-tel {
font-size: 14px;
}
#svg {
display: none;
}
.main__div.address .top-60 {
display:         flex;
flex-wrap:       wrap;
justify-content: space-between;
align-items:     center;
}
.main__div.address .top-60 h1 {
display: flex;
flex:    1;
}
.main__div.address .contact_page_social {
display:         flex;
flex:            1;
justify-content: flex-end;
display:none;
}
.footer_social {
display: flex;
}
.footer__column svg,
.main__div.address .contact_page_social svg {
width:  40px;
height: 40px;
}
.after_h1 {
font-size: 32px;
}
.new_contact_col {
display:   flex;
flex-wrap: wrap;
position:  relative;
gap:       0 20px;
}
.new_contact_col .address__block {
flex: 1;
}
.new_contact_col .address__block .address__maps {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 200px;
position: relative;
}
.new_contact_col .address__block .address__maps img,
.new_contact_col .address__block .address__maps iframe {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
.new_contact_col .address__block .address__maps img {
object-fit: contain;
object-position: bottom;
}
.new_contact_col .address__block .address__maps-label {
display: block;
font-size: 14px;
line-height: 1.3;
background: #fff;
border-radius: 10px;
position: relative;
z-index: 1;
box-shadow: 0px 0px 10px 0 #00000038;
padding: 6px 14px;
max-width: 130px;
}
.new_contact_col .address__block .address__maps-label_mobile {
display: none;
}
.new_contact_col .address__block .address__left {
width:     auto;
padding:   20px;
min-width: unset;
}
.new_contact_col .address__block .address__contacts {
justify-content: space-between;
align-items:     flex-end;
}
#print {
position: absolute;
top:      10px;
right:    0;
}
#print svg {
width:  40px;
height: 40px;
}
#footer_mobile {
display: none;
}
footer p {
color: #000;
}
.footer__column .footer__logo {
margin-bottom: 24px;
}
.footer__column .footer__logo img {
max-width:150px;
margin: 0;
}
.footer__column .footer__contacts.contacts {
text-align: left;
}
.footer__column .footer__contacts.contacts .popup__contacts-tel {
font-size:   24px;
font-weight: bold;
}
.footer__column .footer__contacts.contacts .button {
max-width: unset;
}
footer.footer .footer__column {
display:         flex;
flex-wrap:       wrap;
align-items:     flex-start;
flex-direction:  column;
}
footer.footer .footer__column:nth-child(1) {
width: 20%;
}
footer.footer .footer__column .popup__contacts-meil {
margin-bottom: 12px;
font-weight:   bold;
}
footer.footer .footer__column:nth-child(3) {
border-right: 2px solid rgba(255, 255, 255, 0.2);
border-left:  2px solid rgba(255, 255, 255, 0.2);
}
.footer__menu-link {
position:     relative;
padding-left: 20px;
font-weight:  bold;
}
.footer__menu-link:before {
position:         absolute;
content:          '';
left:             0;
width:            4px;
height:           4px;
background-color: #000;
border-radius:    50%;
top:              11px;
}
@media (max-width: 480px) {
footer.footer .footer__column {
width: 100%
}
}
.popup_row {
margin-bottom: 24px;
}
.popup_row img {
margin: 0;
}
.popup__column {
}
.popup__column .popup__menu {
display:        flex;
flex-wrap:      nowrap;
flex-direction: row;
}
.popup__column .popup__menu div {
flex:           1;
display:        flex;
flex-wrap:      wrap;
flex-direction: column;
}
.popup__column .popup__menu div a {
font-weight: bold;
font-size:   20px;
padding:     unset;
}
.popup__column .popup__menu div + div {
}
.popup__column .popup__menu div + div a {
font-weight:     normal;
font-size:       20px;
text-decoration: underline;
text-align:      right;
padding:         unset;
}
.popup__contacts {
margin-top:    24px;
padding-right: 30px;
}
.popup__contacts div {
justify-content: center;
flex:            1;
}
.popup__contacts p {
color:       #fff;
font-size:   14px;
line-height: 16px;
}
.popup__contacts .popup__contacts-tel {
font-size:   18px;
font-weight: bold;
}
.popup__contacts div .button {
font-size: 12px;
padding:   6px 12px;
max-width: 120px;
display:   inline-block;
margin:    0 auto;
}
@media (min-width: 769px) and (max-width: 1440px) {
footer.footer .footer__column {
flex:  auto;
width: auto !important;
}
}
#roistat_callback {
opacity:          0;
background-color: #fcc540;
display:          flex;
align-items:      center;
justify-content:  center;
transition:       ease 0.4s;
position:         fixed;
bottom:           75px;
right:            20px;
cursor:           pointer;
width:            54px;
height:           54px;
z-index:          9191919;
}
.roistat-multiwidget-pulsator-holder {
bottom: 70px !important;
right:  5px !important;
}
#totop {
border-radius:    50%;
opacity:          0;
background-color: #fcc540;
display:          flex;
align-items:      center;
justify-content:  center;
transition:       ease 0.8s;
position:         fixed;
bottom:           20px;
right:            20px;
cursor:           pointer;
}
#roistat_callback.fixed,
#totop.fixed {
opacity: 0.5;
}
#totop.fixed:hover {
opacity: 1;
}
.svg_phone,
.svg_arrow_up {
fill:   #fff;
width:  36px;
height: 36px;
}
.roistat-lh-pulsator-phone {
display: none !important;
opacity: 0 !important;
}
.roistat-lh-hidden:not(.roistat-lh-popup).active {
opacity:    1 !important;
display:    block;
width:      100%;
height:     100%;
position:   fixed;
background: rgba(0, 0, 0, 0.5);
left:       0;
top:        0;
z-index:    999;
}
.roistat-lh-popup.active {
opacity: 1 !important;
display: block;
top:     calc(50% - 230px) !important;
left:    calc(50% - 200px) !important;
}
.rev_items {
padding: 12px 24px;
}
.rev_item {
display:         flex;
justify-content: space-between;
align-items:     center;
gap:             32px;
margin-bottom:   32px;
border-bottom:   2px solid #f1f1f1;
padding-bottom:  32px;
}
.rev_item .left {
flex:      1;
max-width: 20%;
}
.rev_item .left img {
border-radius: 50%;
max-width:     120px;
max-height:    120px;
display:       block;
min-width:     80px;
min-height:    80px;
width:         100%;
height:        100%;
}
.rev_item .right {
flex:            1;
display:         flex;
flex-wrap:       wrap;
align-items:     center;
justify-content: flex-start;
}
.rev_item p {
padding: 6px;
}
.rev_item p.rev_name {
flex:       100%;
text-align: left;
font-size:  20px;
color:      #1a1a1a;
}
.rev_item p.rev_rating {
padding: 0px 12px 0 6px;
margin:  6px 0;
}
.rev_item p.rev_date {
padding:     0px 12px;
font-size:   14px;
color:       #dedede;
margin:      6px 0;
border-left: 1px solid #f1f1f1;
}
.rev_item p.rev_text {
flex:        100%;
text-align:  left;
font-size:   16px;
line-height: 18px;
}
.rmp-rating-widget .rmp-icon--ratings {
font-size: 20px !important;
}
.rmp-rating-widget__results {
display: none !important;
}
.product-price-old {
min-height: 24px;
}
.product-price-old + .product-price {
margin-top: unset;
}
.product-price-rating {
display:         flex;
align-items:     center;
justify-content: flex-start;
}
.s2__slider-item .rmp-widgets-container {
position: absolute;
left:     0;
top:      0;
z-index:  12;
padding:  12px;
margin:   unset !important;
}
.s2__slider-item .product__header-nal {
margin:   12px;
position: absolute;
top:      0;
right:    0;
}
.rmp-rating-widget__icons-list {
display: flex;
cursor:  pointer;
}
.add_rev_btn {
margin-bottom: 24px;
display:       inline-block;
margin:        0 auto;
text-align:    center;
padding:       8px 24px;
border:        2px solid #005aa9;
cursor:        pointer;
}
.add_rev_btn a {
color: #000;
}
#txt_7 .rev_form {
display: block;
}
#txt_7 .rev_form .wpcf7-radio {
display: none;
}
.rev_form input[type='tel'],
.rev_form input[type='text'],
.rev_form textarea {
box-sizing: border-box;
width:      100%;
padding:    4px;
margin:     16px 0;
max-height: 105px;
resize:     none;
}
.rev_form form p {
flex: 100%;
}
.rev_form input[type='submit'] {
color:            #000;
margin:           0;
width:            100%;
background-color: #fcc540;
padding:          9px 20px;
border-radius:    4px;
border:           unset;
cursor:           pointer;
transition:       ease 0.4s;
}
.rev_form input[type='submit']:hover {
background-color: #005aa9;
color:            #fff;
}
.rev_form .wpcf7-list-item input[type='radio'] {
opacity: 0;
width:   0;
height:  0;
}
.rev_form .wpcf7-list-item span {
position: relative;
}
.rev_form .wpcf7-list-item input[type='radio'] + span {
text-indent: -9999px;
}
.rev_form .wpcf7-list-item input[type='radio'] + span:before {
position:   absolute;
content:    '';
background: url(//dveri-oka.ru/wp-content/themes/doorby/assets/images/svg_star.svg) no-repeat;
width:      16px;
height:     16px;
}
.rev_form .wpcf7-list-item input[type='radio'] + span.active:before {
background: url(//dveri-oka.ru/wp-content/themes/doorby/assets/images/svg_star_active.svg) no-repeat;
}
.rev_rating {
}
.rev_rating span {
}
.rev_rating span:before {
content:        '\f005';
font-family:    wppr_avg_rating !important;
font-style:     normal;
font-weight:    400;
color:          #fcc540;
font-variant:   normal;
text-transform: none;
line-height:    1;
font-size:      20px !important;
position:       relative;
}
#menu-glavnoe .sub-menu {
display:     none;
position:    absolute;
background:  #fff;
padding:     8px 16px;
width:       auto;
margin-left: -16px;
box-shadow:  1px 1px 1px 1px #d1d1d1;
}
#menu-glavnoe li:hover > .sub-menu {
display: block;
}
.leaders_item,
.sales_item {
display:         flex;
flex-wrap:       wrap;
align-items:     flex-start;
justify-content: space-between;
}
.sales_item .widget_recent_viewed_posts {
width: 100%;
}
.diip_new_prod_item .product-title {
margin-top: 30px;
}
.recent_title a,
.diip_new_prod_item .product-title a {
color: #000;
}
.diip_new_prod_item .product__img {
height:   auto;
margin:   12px auto;
position: relative;
}
.diip_new_prod_item .furn-img-slider {
}
.diip_new_prod_item .furn-img-slider img {
max-width: 100px;
}
.diip_new_prod_item .product_btn {
}
p.button,
.wpcf7-submit,
.recent_btn a,
.diip_new_prod_item .product_btn a {
background-color: #fcc540;
cursor:           pointer;
border:           unset;
color:            #000;
font-weight:      600;
font-size:        16px;
box-sizing:       border-box;
width:            100%;
line-height:      22px;
padding:          10px;
position:         relative;
margin-top:       12px;
margin-left:      auto;
margin-right:     auto;
border-radius:    4px;
transition:       ease 0.3s;
display:          block;
}
p.button:hover,
.wpcf7-submit:hover,
.recent_btn a:hover,
.diip_new_prod_item .product_btn a:hover {
background-color: #06b203;
color:            #fff;
}
.recentviewed_post {
display:         flex;
flex-wrap:       wrap;
align-items:     flex-start;
justify-content: space-between;
}
.recentviewed_post .recent_img {
margin:      12px auto;
display:     flex;
align-items: center;
}
.recentviewed_post li {
flex:    auto;
height:  auto;
width:   auto;
padding: 24px;
}
.recentviewed_post li:hover {
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
background: #f4f8f4;
}
.vac_items {
margin: 0 24px;
}
.vac_item {
position:      relative;
padding:       24px;
border:        1px solid #dedede;
box-sizing:    border-box;
margin-bottom: 24px;
text-align:    left;
}
.vac_item ul {
}
.vac_item ul li {
}
.vac_header {
font-size:     28px;
line-height:   36px;
font-weight:   bold;
margin-bottom: 24px;
}
p.vac_header {
font-weight: bold;
display:     block;
font-size:   20px;
margin:      unset;
}
.btn_form {
position: absolute;
bottom:   24px;
right:    12px;
}
.btn_form,
.btn_hide {
border-radius:    4px;
background-color: #fcc540;
color:            #000;
display:          inline-block;
padding:          9px 20px;
cursor:           pointer;
margin:           12px 0;
}
.vac_hide {
display: none;
}
.zp {
position:    absolute;
top:         24px;
line-height: 36px;
font-size:   28px;
right:       12px;
}
.rev_form .wpcf7-not-valid-tip {
line-height: 24px !important;
border:      1px solid #861010;
color:       #861010;
box-sizing:  border-box;
font-size:   16px;
font-weight: bold;
display:     block;
margin-top:  12px !important;
padding:     4px 12px;
}
.rev_form .wpcf7-radio span {
margin-right: 8px;
}
.rev_form .wpcf7-radio span input {
display: none;
}
.rev_form .wpcf7[role='form'] textarea {
height: 120px;
}
.rev_form .wpcf7-radio,
.rev_form .wpcf7-radio span {
display:  flex;
overflow: visible;
width:    auto;
}
.rev_form .wpcf7-form.invalid .wpcf7-response-output {
line-height: 24px !important;
box-sizing:  border-box;
border:      1px solid #861010;
color:       #861010;
font-size:   16px;
margin-top:  12px !important;
font-weight: bold;
display:     block;
padding:     4px 12px;
}
@media (max-width: 768px) {
.header {
position: fixed;
top:      0;
}
.main_page_content {
padding: 20px 10px;
font-size: 14px;
}
.main_page_content h1,
.main_page_content .h1 {
font-size: 28px;
}
.main_page_content h2,
.main_page_content .h2 {
font-size: 22px;
}
.main_page_content h3,
.main_page_content .h3 {
font-size: 16px;
}
.main_page_content table {
font-size: 12px;
}
.main_page_content th, 
.main_page_content td {
padding: 6px 12px;
}
.catalog__left.fixed .fixed_left_menu {
position: relative !important;
}
.header-bot {
margin: unset;
}
.product-cart-reliz {
position:      relative;
margin-bottom: 24px;
width:         100%;
}
.product-cart-reliz span {
left: 0;
}
.catalog__right-product .product {
max-width: unset;
}
.leaders_item .product,
.sales_item .product {
flex:      100%;
max-width: unset;
width:     100%;
}
nav.menu + .icon,
nav.menu + .icon + .social + .address,
nav.menu + .icon + .social {
display: none;
}
.wpcf7-form {
overflow: hidden;
padding:  24px !important;
display:  block !important;
}
.wpcf7-form span {
display:  block;
width:    100%;
overflow: hidden;
}
.wpcf7-form span input {
margin:     12px 0 !important;
width:      100%;
box-sizing: border-box;
}
.address__block .address__left {
padding: unset;
}
.address__block p {
text-align: center;
}
.new_contact_col .address__block .address__contacts {
justify-content: center;
align-items: flex-end;
}
.main.score .main__block {
padding: 0 24px !important;
}
img {
object-fit: contain;
height:     100%;
}
.product-cart-title,
.product-cart__right {
max-width:  unset !important;
text-align: center;
}
.entry-title {
font-size:   20px;
line-height: 26px;
}
.mod-menu .overlay:target + .popup { width: auto;
}
.product.product-tabl.product-fittings {
flex: auto;
}
.product.product-tabl.product-fittings .furn-img-slider img {
margin: 0 auto;
}
.product-cart-title {
font-size: 24px !important;
}
.main__div.score #wpcf7-f268-o1 input {
max-width: unset;
width:     100%;
margin:    0 auto;
}
.overlay:target + .popup {
top: 0;
}
.form-textarea {
height: auto;
}
.main__block_slider {
width: 100% !important;
}
.main__div.score p.title {
padding: 24px;
}
.container__wrap {
display: block;
}
.container__wrap_col,
.container__wrap_col p {
width:   100%;
display: block;
}
.breadcrumbs__list {
display:         flex;
flex-wrap:       wrap;
gap:             12px;
text-align:      center;
justify-content: center;
margin-bottom:   24px;
margin-top:      24px;
}
.breadcrumbs__list li {
padding: unset;
}
textarea {
max-height: 80px;
display:    block;
width:      100%;
height:     100%;
border:     1px solid;
box-sizing: border-box;
overflow:   hidden;
}
.breadcrumbs__list .breadcrumbs__item:after {
}
.main {
overflow: hidden;
padding:  5px;
}
.forma__content {
padding: 32px!important;
}
.forma > .forma__content .forma__content-title span{
font-size: 20px;
}
.forma__content .forma__content-title {
padding:     unset;
font-size:   16px;
line-height: unset;
}
.forma__content .h3 {
font-size:      22px;
text-transform: uppercase;
line-height:    unset;
}
.forma__content form {
padding: unset !important;
}
.overlay:target + .popup .close {
top: 10px;
}
.wrapper article.page .text.page ul li {
list-style-position: inside;
}
.main__div.address .contact_page_social {
justify-content: center;
margin:          24px 0;
display:flex;
}
.footer.footer .footer__column {
display: none;
}
#footer_mobile {
margin:  0 auto;
display: block;
}
#footer_mobile img {
margin-bottom: 24px;
}
#footer_mobile .button,
#footer_mobile .popup__contacts-tel {
margin: 12px auto;
}
#footer_mobile .popup__contacts-tel{
font-size:24px;
}
.footer_row {
padding-bottom:    15px; margin:     0 auto;
}
.footer_row_contakt {
padding-bottom:          70px;
margin:     0 auto;
}
#footer_mobile .footer__menu {
text-align: left;
height:     unset;
}
#footer_mobile .footer__menu-link {
position:     relative;
padding-left: 0;
}
#footer_mobile .footer__menu-link:before {
position:         absolute;
content:          '';
left:             0;
width:            4px;
height:           4px;
background-color: #fff;
border-radius:    50%;
top:              11px;
display: none;
}
.header-top {
height:         auto;
border-bottom:  2px solid #dedede;
flex-direction: column;
}
.fixed .mob_header_top {
display: none;
}
.mob_header_top {
padding-top:    12px;
border-bottom:  2px solid #dedede;
padding-bottom: 12px;
margin-bottom:  12px;
display:        flex;
align-items:    center;
width:          100%;
flex:           100%;
display:        none;
}
.mob_header_top .left {
flex: 1
}
.mob_header_top .left p {
font-size:   12px;
line-height: 16px;
}
.mob_header_top .right {
flex: 1
}
.mob_header_top .right a {
font-size:   12px;
margin-left: auto;
}
.icon__search-link {
display: none;
}
.header-top .header__inner {
padding: 12px 0;
}
.header-top .header__inner .header_label {
display:    block;
max-width:  33%;
text-align: center;
}
.main .banner__right {
padding:    unset;
max-height: unset;
}
.main .banner__right img {
margin:     unset;
object-fit: contain;
height:     auto;
}
.s2__slider {
}
.s2__slider .s2__slider-item {
display: block;
width:   100%;
}
.s2__slider .s2__slider-item .product {
height:         auto;
width:          auto;
display:        flex;
flex-direction: column;
}
.s1__slider .s1__slider-item .product__header,
.s2__slider .s2__slider-item .product__header {
order: 1;
}
.s2__slider .s2__slider-item .product .icon {
padding: 15px 0;
width:   auto;
}
.s2__slider .s2__slider-item .product .product__header-nal {
display:         flex;
align-items:     center;
justify-content: center;
width:           auto;
padding:         4px;
margin:          0 0 0 auto;
}
.s1__slider .s1__slider-item .product .product__img,
.s2__slider .s2__slider-item .product .product__img {
height: unset;
margin: 0 auto;
width:  auto;
order:  2;
}
.s2__slider .s2__slider-item .product .product-button {
display: none;
}
.s1__slider .s1__slider-item .product .product-price,
.s2__slider .s2__slider-item .product .product-price {
order: 5;
}
.s1__slider .s1__slider-item .product .product-but,
.s2__slider .s2__slider-item .product .product-but {
order:    6;
position: relative;
}
.s2__slider .s2__slider-item .product .product-but span {
position: relative;
top:      unset;
right:    unset;
width:    auto;
margin:   24px auto 0 auto;
}
.s1__slider .s1__slider-item .product .product-title,
.s2__slider .s2__slider-item .product .product-title {
margin-top: 24px;
order:      3
}
.s1__slider .s1__slider-item .product .prod_attr,
.s2__slider .s2__slider-item .product .prod_attr {
order: 4;
}
.header__inner .isbm {
-webkit-box-ordinal-group: 2;
-ms-flex-order:            1;
order:                     1;
min-width:                 10px;
display:                   none;
}
}
@media (max-width: 470px) {
.header-top .header__inner .header_label {
display: none;
}
}
.work_imgs,
.work_item {
padding:         24px 0;
display:         flex;
flex-wrap:       wrap;
align-items:     flex-start;
justify-content: center;
gap:             16px;
}
.work_item a {
color:       #000;
font-weight: bold;
position:    relative;
transition:  ease 0.3s;
}
.work_item a:hover span {
opacity: 1;
}
.work_item a span {
transition: ease 0.3s;
position:   absolute;
width:      160px;
left:       calc(50% - 80px);
top:        50%;
opacity:    0;
background: #fff;
border-radius: 4px;
}
.work_imgs .work_img img,
.work_item a img {
width:      240px;
height:     360px;
object-fit: cover;
}
}
.work_desc {
padding: 24px 0;
}
.svg_star {
width:  16px;
height: 16px;
}
.rev_form .wpcf7[role='form'] span.wpcf7-form-control-wrap,
.wpcf7[role='form'] span.wpcf7-form-control-wrap {
position: relative;
display:  block;
}
.wpcf7[role='form'] input.wpcf7-not-valid {
border: 2px solid #b30000;
}
.wpcf7[role='form'] span.wpcf7-not-valid-tip {
position:    absolute;
top:         0;
right:       10px;
border:      unset;
color:       #b30000;
margin:      unset !important;
padding:     unset;
line-height: 40px !important;
width:       100%;
text-align:  right;
font-size:   14px;
font-weight: normal;
z-index:     99;
cursor:      pointer;
}
.wpcf7-form.invalid .wpcf7-response-output {
display: none;
}
.wpcf7-form.sent .wpcf7-response-output[aria-hidden='true'] {
border:     1px solid #3bc13b;
color:      #3bc13b;
font-size:  16px;
text-align: center;
padding:    5px 15px;
margin:     unset;
}
.prod_page .leaders_item .prod_attr,
.prod_page .sales_item .prod_attr {
display: none;
}
.product-description label a {
color: #000;
}
@media (max-width: 940px) {
.zp {
position:   relative;
top:        unset;
left:       unset;
right:      unset;
text-align: center;
}
.breadcrumbs {
padding: 0
}
.popup__menu-2 {
display: block
}
.address__block > div {
width:     100%;
max-width: 570px;
margin:    0 auto
}
.main.score .forma-img {
width: 35vw
}
.main__div.score.k5 .container {
padding: 40px 15px 80px
}
.btn_hide,
.btn_form {
width:      100%;
box-sizing: border-box;
text-align: center;
position:   relative;
margin:     unset;
top:        unset;
bottom:     0;
left:       unset;
right:      unset;
}
}
.grecaptcha-badge {
display: none !important;
}
.wprm_after_menu_content {
text-align: center;
}
.wprm_after_menu_content a.button {
border: 1px solid #000;
margin: 24px auto;
}
#mg-wprm-wrap ul li a,
#mg-wprm-wrap ul li p {
color: #fff;
}
.mobile_menu {
text-align: center;
width:      100%;
display:    block;
}
.mobile_menu .shiftnav-toggle-button {
background: transparent;
}
#shiftnav-main .shiftnav-inner {
background: #06b203;
}
.shiftnav-inner .shiftnav-nav ul li a {
color:         #fff;
border-bottom: 1px solid #fff;
}
@media (max-width: 1024px) {
.header-bot .header__inner {
display: none;
}
}
@media (min-width: 1025px) {
.mobile_menu {
display: none;
}
}
.new_gall .item:not(:first-child) {
display: none;
}
header.header .container {
position:   fixed;
z-index:    12;
width:      100%;
box-sizing: border-box;
}
header.header + .main,
header.header + .wrapper {
padding-top: 130px;
}
@media (max-width: 768px) {
header.header .container {
position: relative;
} }
.catalog .container .wrap {
position: relative;
}
.catalog__left {
position: relative;
width:    100%;
}
.catalog__left.unF .fixed_left_menu {
position: relative !important;
}
.catalog__left.fixed .fixed_left_menu {
position: fixed;
top:      auto;
width:    320px;
}
.catalog__left .ac-container div:last-child label {
margin: unset;
}
.catalog__left .ac-container::-webkit-scrollbar {
width: 8px;
}
.catalog__left .ac-container::-webkit-scrollbar-track {
background: #fcc540;
}
.catalog__left .ac-container::-webkit-scrollbar-thumb {
background-color: #06b203;
}
.catalog__left .ac-container {
scrollbar-width: thin;
scrollbar-color: #06b203 #fcc540;
}
#infinite-handle {
flex: 100%;
}
#infinite-handle span {
background-color: #fcc540;
font-weight:      600;
font-size:        16px;
padding:          10px;
border-radius:    4px;
}
.header__inner .logo {
max-width: 238px;
}
.header-top .myfixed {
width: 100%;
}
.menu {
width: 50%;
}
.header__inner .logo img {
height:    auto;
max-width: 200px;
}
.header__inner {
justify-content: space-between
}
#post-1022 {
max-width: 960px;
margin:    0 auto
}
#post-1022 .entry-header {
display:    block;
margin-top: 20px;
}
#post-1022 .entry-content {
padding: 20px 0;
}
#post-1022 p,
#post-1022 ul,
#post-1022 li {
padding: 10px 0;
}
#post-1022 li em {
font-weight: 600;
line-height: 1.8;
}
#post-1203 .entry-title {
display: none;
}
.centr {
text-align: center;
}
#post-1203 .block_heading {
font-size:     3vw;
line-height:   1.2;
margin-bottom: 20px;
}
.button,
.form-submit input,
input#f1-button {
background-color: #fcc540;
color:            #000;
}
.button:hover,
.form-submit input:hover,
input#f1-button:hover {
background-color: #06b203;
color:            #fff;
}
.form-textarea textarea,
.popup { }
.contacts .contacts-tel {
font-size:   20px;
line-height: 1.2;
}
.footer > div:last-child > div:first-child > a {
margin: -30px auto 0 -30px;
}
.tftable {
margin-bottom: 40px;
} .menu__list-item a,
.menu__list-link {
color:          #000;
font-weight:    600;
font-size:      14px;
line-height:    19px;
position:       relative;
text-transform: uppercase;
}
.menu__list-link:hover::after,
.menu__list-item > a:hover::after {
display:     block;
font-weight: 800;
}
.menu__list-item a::after {
display:          none;
content:          '';
position:         absolute;
bottom:           -4px;
left:             0;
right:            0;
height:           2px;
border-radius:    1px;
background-color: #0007;
}
.menu__list-item a,
.current-menu-item a {
color:          #000;
font-size:      14px;
line-height:    19px;
position:       relative;
text-transform: uppercase;
}
.current-menu-item a::after {
display: block;
}
.current-menu-item a {
font-weight: 800;
} .banner {
align-items: flex-end;
}
.banner__right {
min-width:    50%;
padding-left: 2%;
}
.banner__right img {
min-height: 300px;
}
.banner__left h1 {
font-weight: 400;
}
.banner__left p {
font-size: 20px;
max-width: 570px
}
.main__block.chet .main__block_article {
padding-left: 0;
}
.main__block.chet .main__block_slider {
padding-left: 5%;
}
.main__block.revers .main__block_slider {
width: 385px;
} .catalog__right h1 {
text-transform: uppercase;
font-size:      20px;
padding-left:   10%;
line-height:    1.5;
padding-top:    10px;
} .product-cart-title {
font-family: 'Open Sans';
font-style:  normal;
font-weight: 700;
font-size:   28px;
line-height: 38px;
}
.door-category {
margin-bottom: 120px;
}
.door-category .category-grid {
display:               grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
justify-content:       center;
gap:                   100px 20px;
}
.category-grid__item {
height: 350px;
}
.category-grid__item a {
display:         block;
height:          100%;
text-decoration: none;
color:           #000;
}
.category-grid__item img {
transition: all .15s linear;
width:      auto;
height:     100%;
}
.category-grid__item p {
margin:          20px auto 0 auto;
max-width:       fit-content;
border:          3px solid #333333;
padding:         0 20px;
height:          50px;
text-align:      center;
display:         flex;
justify-content: center;
align-items:     center;
}
.category-grid__item:hover img {
transform: scale(1.1);
}
.category-grid__item:hover p {
color:            #fff;
background-color: #788593;
border-color:     #788593;
}
@media (max-width: 575px) {
.door-category .category-grid {
grid-template-columns: repeat(3, 110px);
gap:                   5px;
}
.category-grid__item img {
height:     260px;
object-fit: cover;
}
.category-grid__item p {
max-width: 100%;
}
.door-category {
margin-bottom: 50px;
}
}
@media (max-width: 1180px) {
.header__inner .logo img {
max-width: 160px;
}
}
@media (max-width: 1040px) {
.banner__left p {
font-size: 2.5vw;
}
}
@media (max-width: 640px) {
#post-1203 .block_heading {
font-size:     20px;
line-height:   1.2;
margin-bottom: 20px;
}
.mod-menu .popup__menu {
height:     auto;
min-height: 80px;
max-height: 120px;
}
.mod-menu .popup__contacts {
position: relative;
}
.mod-menu .popup__contacts div {
max-width: 210px;
}
}
.single-door__grid {
display:               grid;
grid-template-columns: 1fr 1fr;
grid-gap:              20px 15px;
align-items:           flex-start;
justify-content:       center;
max-width:             1330px;
margin:                0 auto;
margin-bottom:         20px;
}
.single-door__column-full {
grid-column: span 2;
line-height: 30px;
}
.single-door__label h1 {
font-size: inherit;
font-weight: inherit;
line-height: inherit;
}
@media (min-width: 450px) {
.single-door__grid {
grid-template-columns: 1fr 1fr;
grid-gap:              30px 20px;
}
}
@media (min-width: 768px) {
.single-door__grid {
grid-template-columns: 260px 1fr;
grid-gap:              30px 20px;
}
.single-door__characteristics {
padding-left: 20px;
}
}
@media (min-width: 1280px) {
.single-door__grid {
grid-template-columns: 260px 1fr 1.8fr;
grid-gap:              30px 20px;
}
.single-door__characteristics {
padding-left: 20px;
}
.single-door__column-full {
grid-column: span 3;
line-height: 30px;
}
}
.characteristics-item {
display:       flex;
flex-wrap:     wrap;
margin-bottom: 15px;
}
.characteristics-item__label {
font-weight:  700;
margin-right: 10px;
}
.single-door__price {
margin-bottom: 15px;
}
.single-door__price-value {
font-weight: 700;
}
@media (min-width: 450px) {
.characteristics-item {
grid-template-columns: 200px 1fr;
}
}
@media (max-width: 450px) {
.characteristics-list, .single-door__description, .single-door__price, table {
font-size: 14px;
}
.product-description > div {
padding: 0;
}
.OCbyu {
padding:   5px !important;
font-size: 14px !important;
}
}
.catalog__right-grid {
display:               grid;
grid-template-columns: repeat(4, calc(25% - 7.5px));
grid-gap:              14px 10px;
justify-content:       center;
align-items:           flex-start;
padding:               0 30px;
}
.new-door, .new-table, .new-fiting {
width:          100%;
height:         100%;
font-size:      9px;
line-height:    1.2;
text-align:     center;
position:       relative;
display:        flex;
flex-direction: column;
}
.new-door .new-door__image-wrap img {
display:    block;
width:      100%;
height:     42.936vw;
object-fit: contain;
}
.new-fiting__image-wrap img{
display:    block;
width:      100%;
height:     32.936vw;
object-fit: contain;
}
.new-door__image-wrap {
display:        block;
padding-bottom: 10px;
}
.new-door__price-link, .new-table__price-link, .new-fiting__price-link, .download_pdf {
background-color: #fcc540;
cursor:           pointer;
border:           unset;
color:            #000;
font-weight:      600;
box-sizing:       border-box;
width:            100%;
line-height:      22px;
padding:          2px;
margin-top:       auto;
margin-left:      auto;
margin-right:     auto;
border-radius:    4px;
transition:       ease 0.3s;
display:          block;
}
.new-door__price-link:hover, .new-table__price-link:hover , .new-fiting__price-link:hover , .download_pdf:hover {
background-color: #06b203;
color:            #fff;
}
.new-fiting__price-old , .new-table__price-old, .new-door__price-old{
text-decoration:line-through;
font-size:      8px;
}
.new-fiting {
}
@media (min-width: 450px) {
.new-door .new-door__image-wrap img {
max-height: 270px;
}
.new-fiting__image-wrap img{
max-height: 270px;
}
}
@media (min-width: 768px) {
.new-door .new-door__image-wrap img {
max-height: 290px;
}
.new-fiting__image-wrap img{
max-height: 290px;
}
}
@media (min-width: 450px) {
.new-table, .new-fiting, .new-door {
font-size: 14px;
}
.new-fiting__price-old, .new-table__price-old, .new-door__price-old{
font-size:      10px;
}
}
}
@media (min-width: 768px) {
.catalog__right-grid {
grid-template-columns: repeat(5, calc(20% - 7.5px));
}
}
@media (min-width: 1200px) {
.catalog__right-grid {
grid-template-columns: repeat(6, calc(16.7% - 7.5px));
grid-gap:              30px 10px;
}
}
.catalog__right-table-grid {
display:               grid;
grid-template-columns: repeat(3, calc(33% - 7.5px));
grid-gap:              14px 10px;
justify-content:       center;
align-items:           flex-start;
padding:               0 30px;
}
@media (min-width: 768px) {
.catalog__right-table-grid {
grid-template-columns: repeat(5, calc(20% - 7.5px));
}
}
.new-table__image-wrap {
display: block;
height:  200px;
}
@media (max-width: 450px) {
.new-table__image-wrap {
height: 100px;
}
.new-door__price-link{
font-size: 9px;
line-height: 18px !important;
min-width: max-content;
width: revert-layer;
}
}
.new-table__image-wrap img {
width:           100%;
height:          100%;
object-fit:      cover;
object-position: center;
}
.single-table__grid{
display: grid;
grid-template-columns: 400px 1fr;
grid-gap: 30px 50px;
align-items: flex-start;
justify-content: center;
max-width: 1330px;
margin: 0 auto;
margin-bottom: 20px;
}
@media (max-width: 768px){
.single-table__grid {
grid-template-columns: 300px 1fr;
grid-gap: 20px 15px;
}
}
@media (max-width: 520px){
.single-table__grid {
grid-template-columns: 200px 1fr;
grid-gap: 10px;
}
}
@media (max-width: 375px){
.single-table__grid {
grid-template-columns: 150px 1fr;
grid-gap: 5px;
}
}
.catalog__right-fiting-grid {
display:               grid;
grid-template-columns: repeat(2, calc(50% - 7.5px));
grid-gap:              14px 10px;
justify-content:       center;
align-items:           flex-start;
padding:               0 30px;
}
.catalog__right-fiting-grid .slick-list {
padding:0!important;
}
.new-fiting__title span{
display:block;
}
@media (min-width: 768px) {
.catalog__right-fiting-grid {
grid-template-columns: repeat(4, calc(25% - 7.5px));
}
}
.fiting-right{
margin-top:0 !important;
}
.old-price__card{
display:block;
text-decoration:line-through;
font-weight:300;
}
#svg_address path,#svg_mail path , #svg_search path, #svg_tel path{
fill:#06b203;
}
.new-door__price{
font-weight: bold;
}
#shiftnav-main{
width:50%!important;
}
@media (max-width: 768px) {
.old_h2 {
font-size: 28px!important;
}
}
.singl-value::after{
display:none;
}
.singl-value a{
display:block;
width:100%;
height:100%;
}
.fancybox-custom-caption {
display:none!important;
}
.forma{
margin-bottom:30px;
}
.table__sl .slick-arrow:before, .s1__score .slick-arrow:before{
color:#06b203;
}
.loadmore_btn {
background: #fcc540;
border-radius: 2px;
cursor: pointer;
border: none;
outline: none;
margin: 20px auto;
display: block;
padding: 10px 20px;
border-radius: 6px;
position:relative;
transition: ease 0.3s;
}
.loadmore_btn:hover, .loadmore_btn:active{
background-color: #06b203;
color:            #fff;
}
.loadmore_btn:hover .button__text{
color:            #fff;
}
.loadmore_btn:active .button__text{
color:            #fff;
}
.button__text {
color: #000;
transition: ease 0.3s;
}
.button--loading .button__text {
visibility: hidden;
opacity: 0;
}
.button--loading::after {
content: "";
position: absolute;
width: 16px;
height: 16px;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border: 4px solid transparent;
border-top-color: #fff;
border-radius: 50%;
animation: button-loading-spinner 1s ease infinite;
}
.after_h1_catalog {
padding-left: 20px;
padding-right: 20px;
}
.breadcrumbs-wrap {}
.breadcrumbs-wrap_catalog {
padding: 0 15px;
margin-bottom: 20px;
}
.breadcrumbs-wrap_door {
padding: 0 31px;
margin-bottom: 20px;
}
.breadcrumbs-wrap,
.breadcrumbs-wrap a {
font-size: 14px;
font-weight: 400;
}
@keyframes button-loading-spinner {
from {
transform: rotate(0turn);
}
to {
transform: rotate(1turn);
}
}
@media screen and (max-width: 978px) {
.svg_phone, .svg_arrow_up {
width: 28px;
height: 28px;
}
}
@media screen and (max-width: 1024px) {
.header-bot {
height: 44px;
}
.after_h1_catalog {
padding-left: 20px;
padding-right: 20px;
text-align: center;
}
.new_contact_col .address__block .address__maps-label_desktop {
display: none;
}
.new_contact_col .address__block .address__maps-label_mobile {
display: block;
}
.breadcrumbs-wrap_catalog {
padding: 0 15px;
margin-bottom: 0px;
}
}
#wpadminbar a {
color: #fff !important;
}
.chars-block {
grid-column: span 1;
display: grid;
grid-template-columns: 250px 1fr;
margin-bottom: 0;
padding-bottom: 0;
align-items: center;
}
.chars-block .image {
margin: auto;
}
.chars-block .image img {
max-height: 370px;
}
.chars-block table tr {
border-bottom: 1px solid #d9d9d9;
display: flex;
gap: 10px;
padding: 0 10px;
transition: .25s;
cursor: pointer;
}
.chars-block table tr:hover,
.chars-block_default table tr:nth-child(2) {
background: #736050;
}
.chars-block table tr:hover td,
.chars-block_default table tr:nth-child(2) td {
color: #fff !important;
}
.chars-block table tr td {
width: 40%;
font-size: 14px;
color: #9A9A9A;
padding: 12px 0;
}
.chars-block table tr td:nth-child(2n + 2) {
width: 60%;
font-weight: bold;
color: #545454;
}
@media screen and (max-width: 1279px) {
.chars-block {
grid-column: span 2;
grid-template-columns: 0.6fr 1fr;
}
}
@media screen and (max-width: 575px) {
.chars-block {
gap: 30px;
margin-bottom: 10px;
}
.chars-block .image {
padding-left: 10px;
}
.chars-block table tr td {
width: 100%;
color: #545454;
}
.chars-block .dot,
.chars-block table tr td:nth-child(2) {
display: none;
}
}
.swal-button {
background: #736050 !important;
outline: none !important;
}
.bellini-label {
display: none;
margin-top: 30px;
text-align: center;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 0px;
color: #333;
}
.bellini-label.bellini-label_active {
display: block;
}
.bellini-label__title {
display: block;
font-size: 18px;
}
.bellini-label__text {
margin-top: 4px;
font-size: 14px;
display: block;
}
.bellini-label__link {
width: 130px;
height: 40px;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
margin: 10px auto auto auto;
font-size: 14px;
}
@media (max-width: 768px) {
.bellini-label {
margin-top: 10px;
}
}
@media (max-width: 640px) {
.bellini-label {
padding-bottom: 30px;
}
}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
 .slick-loading .slick-list
{
background: #fff url(https://dveri-oka.ru/wp-content/themes/doorby/assets/slick/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://dveri-oka.ru/wp-content/themes/doorby/assets/slick/fonts/slick.eot);
src: url(https://dveri-oka.ru/wp-content/themes/doorby/assets/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://dveri-oka.ru/wp-content/themes/doorby/assets/slick/fonts/slick.woff) format('woff'), url(https://dveri-oka.ru/wp-content/themes/doorby/assets/slick/fonts/slick.ttf) format('truetype'), url(https://dveri-oka.ru/wp-content/themes/doorby/assets/slick/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}.product.diip_new_prod_item {
background: #FFFFFF;
border: 1px solid #EFEFEF;
transition: ease 0.3s;
box-shadow: 0px 14px 22px rgba(122, 122, 122, 0.15);
max-width: 300px;
}
.product.diip_new_prod_item .prod_inner {
position: relative;
padding: 24px;
background: #fff;
}
.product.diip_new_prod_item:hover .prod_inner {
position: absolute;
left: 0;
padding: 24px;
box-sizing: border-box;
top: 0;
z-index: 5;
border: 1px solid #06b203;
}
.product.diip_new_prod_item:hover .prod_inner .prod_attribute {
display: flex;
}
.product.diip_new_prod_item .product__header {
position: absolute;
top: 0;
left: 0;
z-index: 4;
}
.product-cart__right .product__header  {
margin-bottom: 20px;
}
.product-cart__right .product__header * ,
.product.diip_new_prod_item .product__header * {
font-size: 14px;
line-height: 19px;
padding: 5px 10px;
color: #fff;
border-radius: 3px;
margin: 10px;
}
.product-cart__right .product__header * {
margin: unset;
display: inline-block;
}
.product-cart__right .product__header-nal ,
.product.diip_new_prod_item .product__header-nal {
background: #8BB951;
}
.product-cart__right .product__header-zakaz ,
.product.diip_new_prod_item .product__header-zakaz {
background: #8BB951;
}
.product-cart__right .product__header-nov ,
.product.diip_new_prod_item .product__header-nov {
background: #FC5936;
}
.product-cart__right .product__header-lider ,
.product.diip_new_prod_item .product__header-lider {
background: #0059A9;
}
.product-cart__right .product__header-rasprodazha ,
.product.diip_new_prod_item .product__header-rasprodazha {
background: #FC5936;
}
ul.tabs__caption {
display: flex;
flex-wrap: wrap;
margin-bottom: 30px;
justify-content: center;
gap:10px;
}
ul.tabs__caption li {
border-radius: 3px;
padding: 14px 0;
color: #000;
cursor: pointer;
flex: 1;
max-width: 260px;
text-align: center;
border: 1px solid #EFEFEF;
}
ul.tabs__caption li.active {
background: #06b203;
border: 1px solid #06b203;
color: #fff;
}
.tabs__content {
display: none;
}
.tabs__content.active {
display: block !important;
height: auto
}
.leaders_item .product ,
.sales_item .product {
box-sizing: border-box;
height: auto;
padding: 24px;
margin: 0 0 48px 0;
}
.leaders_item .slick-slide ,
.sales_item .slick-slide {
margin: 0 20px;
}
.leaders_item,
.sales_item {
opacity: 0;
height: 0;
visibility: hidden;
transition: ease .2s;
-webkit-transition: ease .2s;
}
.leaders_item.slick-initialized,
.sales_item.slick-initialized {
visibility: visible;
opacity: 1;
height: auto;    
}
.leaders_item .product-title ,
.sales_item .product-title {
font-weight: 400;
font-size: 18px;
line-height: 25px;
}
.diip_new_prod_item .prod_attribute {
margin: 10px 0;
flex-wrap: wrap;
}
.diip_new_prod_item .prod_attribute .attr_item {
flex: 100%;
margin: 5px 0;
display: flex;
justify-content: space-between;
}
.diip_new_prod_item .prod_attribute .attr_item:first-child {
margin-top: 5px;
padding-bottom: 5px;
margin-bottom: unset;
border-bottom: 1px solid #EDEDED;
}
.diip_new_prod_item .prod_attribute .attr_item .left {
color: #656565;
font-weight: 400;
font-size: 14px;
line-height: 19px;
}	
.diip_new_prod_item .prod_attribute .attr_item .right {
color: #000000;
font-weight: 400;
font-size: 14px;
line-height: 19px;
}
.diip_new_prod_item .prod_attribute ,
.diip_new_prod_item .prod_attr {
display: none;
}
.leaders_item .product .product-price,
.sales_item .product .product-price{
font-weight: 700;
font-size: 22px;
line-height: 30px;
}
.main_slider .slick-dots {
bottom: 50px;
}
.main_slider .slick-dots li ,
.sales_item .slick-dots li ,
.leaders_item .slick-dots li {
background: #EFEFEF;
border-radius: 3px;
width: 15px;
height: 5px;
transition: ease .5s;
}
.main_slider .slick-arrow {
z-index: 3;
}
.main_slider .slick-arrow:before {
background: url(//dveri-oka.ru/wp-content/themes/doorby/assets/images/svg/arrow.svg);
content: '';
width: 21px;
height: 38px;
display: block;
}
.main_slider .slick-prev{
left: 30px;
}
.main_slider .slick-next{
right: 30px;
}
.main_slider .slick-next:before {
transform: rotate(180deg);
}
.main_slider .slick-dots li button,
.main_slider .slick-dots li button:before,
.main_slider .slick-dots li button:after,
.sales_item .slick-dots li button,
.sales_item .slick-dots li button:before,
.sales_item .slick-dots li button:after,
.leaders_item .slick-dots li button,
.leaders_item .slick-dots li button:before,
.leaders_item .slick-dots li button:after{
display: none;
}
.main_slider .slick-dots li.slick-active,
.sales_item .slick-dots li.slick-active,
.leaders_item .slick-dots li.slick-active{
background: #FCC540;
width: 50px;
transition: ease .5s;
}
.product-cart__button #main_prem {
margin: unset;
margin-bottom: 40px;
gap: 10px;
}
.product-cart__button #main_prem .prem_item {
flex-direction: column;
}
#main_prem {
margin: 80px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
#main_prem .prem_item {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
}
#main_prem .prem_item p {
font-weight: 600;
font-size: 16px;
line-height: 22px;
border-bottom: 1px dotted;
}
#main_prem img {}
.catalog__right .catalog__right-product {
gap:20px;
}
.catalog__right-product .product .product__img {
position: relative;
}
.catalog__right-product .product .product__img img {
max-width:120px;
}
#sales_itemW .product.diip_new_prod_item:hover .prod_inner {
position: relative;
border: unset;
}
.OCbyu {
padding: 5px 20px;
cursor: pointer;
font-size: 16px;
line-height: 1.6;
background-color: #fcc540;
display: inline;
border-radius: 4px;
}
.form .nul {
display: none;
} .modal {display: none;}
.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
.arcticmodal-container_i { height: 100%; margin: 0 auto; }
.arcticmodal-container_i2 { padding: 24px; margin: 0; border: 0; vertical-align: middle; }
.arcticmodal-error { padding: 20px; border-radius: 10px; background: #000; color: #fff; }
.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background: #000 url(//dveri-oka.ru/wp-content/themes/doorby/loading.gif) no-repeat 50% 50%; }
.box-modal {
position: relative;
width: 500px;
padding: 16px;
background: #fff;
color: #3c3c3c;
font: 14px/18px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
box-shadow: 0 0 0 6px rgba(153, 153, 153, .3);
border-radius: 6px;
}
.box-modal_close { position: absolute; right: 10px; top: 6px; font-size: 11px; line-height: 15px; color: #999; cursor: pointer; }
.box-modal_close:hover { color: #666; }
.modal_title  {
font-weight: 600;
font-size: 22px;
line-height: 30px;
margin-bottom: 10px;
}
.modal_secure  {
font-weight: 400;
font-size: 16px;
line-height: 22px;	
margin-bottom: 10px;
}
form input,
.form .form-textarea textarea ,
.form .form-tel input,
.form .form-text input {
margin-bottom: 10px;
background: transparent;
border-radius: 3px;
padding: 15px 20px;
box-sizing: border-box;
width: 100%;
border: 1px solid #EFEFEF;
}
.form span {
display: block;
}
.form span.wpcf7-list-item {
margin: unset;
}
.form span.wpcf7-list-item-label {
margin: 0 16px;
} .diip_new_prod_item:hover .fast_view {
display: block;
position: absolute;
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: #fff;
background: #000000a3;
border-radius: 3px;
background-image: url(//dveri-oka.ru/wp-content/themes/doorby/assets/images/view.svg);
background-size: 18px;
background-repeat: no-repeat;
background-position: 20px;
padding: 14px 20px 14px 50px;
bottom: 20px;
width: 100%;
box-sizing: border-box;
}
.fast_view {
display: none;
}
#popmake-7830 {
padding: unset;
}
#popmake-7830 .pum-content {
display: flex;
flex-wrap: wrap;
gap:40px;
padding: 60px 50px 60px 90px;
}
#popmake-7830 .modal_left  img {
margin: unset;
}
#popmake-7830 .modal_left {}
#popmake-7830 .modal_right {
flex:1;
}
#popmake-7830 .M_head {
font-weight: 400;
font-size: 18px;
line-height: 25px;
color: #000000;
}
#popmake-7830 .M_price {
font-weight: 700;
font-size: 22px;
margin: 20px 0;
line-height: 30px;
color: #000000;
}
#popmake-7830 .M_header {
font-weight: 700;
font-size: 14px;
line-height: 19px;
margin-bottom: 10px;
color: #000000;
}
#popmake-7830 .M_btn a{
background-color: #fcc540;
cursor: pointer;
border: unset;
color: #000;
font-weight: 600;
font-size: 16px;
box-sizing: border-box;
line-height: 22px;
padding: 10px 45px;
position: relative;
margin-top: 12px;
border-radius: 4px;
transition: ease 0.3s;
display: inline-block;
}
.M_nalichie,
.M_design,
.M_material,
.M_color {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
position: relative;
}
.M_nalichie span,
.M_design span,
.M_material span,
.M_color span {
position: relative;
background: #fff;
z-index: 1;
padding: 0 15px;
margin: 0 -15px;
}
.M_nalichie:before,
.M_design:before,
.M_material:before,
.M_color:before {
position: absolute;
content: '';
border-bottom: 1px dotted;
width: 100%;
bottom: 4px;
}
.slick-list .prod_attr {
display: none!important;
}
.pum .pum-content + .pum-close {
background: url(//dveri-oka.ru/wp-content/themes/doorby/assets/images/close.svg) center no-repeat!important;
background-color: unset !important;
box-shadow: unset !important;
font-size: 0px !important;
width: 22px !important;
height: 22px !important;
border: unset !important;
margin: 20px !important;
}
.pum .pum-title {
font-weight: 700!important;
font-size: 20px!important;
line-height: 27px!important;
text-align: center!important;
display: block!important;
}
.pum .wpcf7-list-item {
margin: unset;
}
.pum .wpcf7-list-item-label {
font-weight: 400;	
font-size: 14px;
line-height: 19px;
color: #000000;
}
.pum .acceptance {
margin-top: unset;
}
.pum .wpcf7-list-item-label a {
text-decoration: underline;
color: #000;
}
.pum .wpcf7-submit:hover,
.pum input#f1-button:hover {
background: #005aa9;
}
.product-cart-img img {
display: block!important;
}
.main_slider .slide {
position: relative;
}
.main_slider .slide img {
position: relative;
z-index: 1;
}
.slider_text {
position: absolute;
z-index: 2;
height: 100%;
top: 0;
display: flex;
align-items: flex-start;
width: 100%;
justify-content: center;
margin: 0 100px;
flex-direction: column;
gap: 40px;
}
.slider_text p {
font-weight: 700;
font-size: 52px;
line-height: 62px;
color: #FFFFFF;
}
.slider_text p span {
color: #FCC540;
}
.slider_btn a {
color: #000;
font-weight: 600;
font-size: 16px;
line-height: 22px;
padding: 10px 45px;
background: #FCC540;
border-radius: 3px;
}
.show_link {
text-decoration: underline;
cursor: pointer;
display: inline-block;
}
.show_link + div {
display: none;
}
.pum-content.popmake-content p {
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #000;
margin-bottom: 10px;
}
.pum-container {
border-radius: unset!important;
padding: 40px!important;
}
#popmake-7830.pum-container {
padding: 0px!important;
}
.product-cart-price {
display: inline-block;
padding: 20px;
border: 1px solid #0059A9;
border-radius: 3px;
margin: unset;
}
.product-cart-price span {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 19px;
color: #0059A9;
}
.product-cart-price .actual_price {
font-weight: 700;
font-size: 22px;
line-height: 30px;
color: #000000;
}
.product-cart-price .old_price {
font-weight: 400;
font-size: 16px;
line-height: 22px;
position: relative;
display: inline-block;
color: #656565;
}
.product-cart-price .old_price:before {
position: absolute;
content: '';
top: 50%;
width: 100%;
height: 1px;
background: #FF2F01;
}
.product-price-rating {
margin-bottom: 20px;
}
.tabs_tovar {}
.tabs_tovar .tabs__content {
font-weight: 400;
font-size: 13px;
line-height: 20px;
}
.tabs_tovar .tabs__content .propertyList {}
.tabs_tovar .tabs__content .propertyList .propertyName {
font-weight: 700;
font-size: 13px;
line-height: 18px;
color: #0059A9;
margin-bottom: 10px;
}
.tabs_tovar .tabs__content .propertyList .propertyValue {
margin-bottom: 20px;
font-weight: 400;
font-size: 13px;
line-height: 18px;
}
.product-cart__button {
margin: 30px 0;
}
ul.accordion-list li {
position: relative;
display: block;
width: 100%;
height: auto;
padding: 14px;
border-top: 1px solid #EFEFEF;
border-bottom: 1px solid #EFEFEF;
cursor: pointer;
margin-bottom: -1px;
}
ul.accordion-list li.active p:after {
transform: rotate(45deg);
}
ul.accordion-list li p {
display: flex;
flex-direction: row;
font-weight: 700;
font-size: 14px;
line-height: 19px;
color: #000000;
}
ul.accordion-list li p img {
margin: unset;
margin-right: 14px;
}
ul.accordion-list li p:after {
content: "";
position: absolute;
right: 0;
top: 0;
color: #fcc110;
transition: all 0.3s ease-in-out;
font-size: 18px;
}
ul.accordion-list li div.answer {
position: relative;
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
cursor: pointer;
}
ul.accordion-list li div.answer p {
margin-top: 20px;
font-weight: 400;
font-size: 13px;
line-height: 20px;
text-align: left;
}
ul.accordion-list li div.answer .propertyName {
font-weight: 700;
font-size: 13px;
line-height: 18px;
color: #0059A9;
margin-bottom: 10px;
}
ul.accordion-list li div.answer .propertyValue {
margin-bottom: 20px;
font-weight: 400;
font-size: 13px;
line-height: 18px;
}
.product-cart-title {
margin-bottom: 14px;
}
.prod_rev {
padding: unset;
}
.prod_rev_item {
position: relative;
display: block;
width: 100%;
height: auto;
padding: 14px;
border-top: 1px solid #EFEFEF;
border-bottom: 1px solid #EFEFEF;
cursor: pointer;
margin-bottom: -1px;
}
.prod_rev_item p {
display: flex;
flex-direction: row;
font-weight: 700;
font-size: 14px;
line-height: 19px;
color: #000000;
}
.prod_rev_item img {
margin: unset;
margin-right: 14px;
}
#pum-8360 .wpcf7-radio {
margin-bottom: 10px;
display: block;
}
#pum-8360 .wpcf7-radio input[type="radio"] {
display: none;
}
#pum-8360 .wpcf7-radio .wpcf7-list-item input[type="radio"] + span {
width: 16px;
height: 16px;
display: block;
cursor: pointer;
margin: 5px;
text-indent: -9999px;
background: url(//dveri-oka.ru/wp-content/themes/doorby/assets/images/svg_star_active.svg) no-repeat;
}
#pum-8360 .wpcf7-radio .wpcf7-list-item.unactive input[type="radio"] + span {
background: url(//dveri-oka.ru/wp-content/themes/doorby/assets/images/svg_star.svg) no-repeat;
}
#pum-8360 .wpcf7-radio .wpcf7-list-item.active input[type="radio"] + span,
#pum-8360 .wpcf7-radio input[type="radio"]:checked + span {
background: url(//dveri-oka.ru/wp-content/themes/doorby/assets/images/svg_star_active.svg) no-repeat;
}
#pum-8360 textarea {
margin-bottom: 10px;
background: transparent;
border-radius: 3px;
padding: 15px 20px;
box-sizing: border-box;
width: 100%;
border: 1px solid #EFEFEF;
}
@media (max-width: 480px) {
.main_slider {
display: none!important;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.catalog__right .catalog__right-product {
gap:10px;
}
.product.diip_new_prod_item .product-title {
font-size: 16px;
word-break: break-all;
}
.product.diip_new_prod_item {
flex: auto;
width: 45%;
}
}
@media (max-width: 768px) {
.old_h2 {
font-size: 28px;
}
.slider_text {
align-items: center;
margin: unset;
}
.slider_text p {
font-size: 22px;
line-height: 22px;
}
.main_slider .slick-dots {
bottom: 10px;
}
}body {
margin: 0;
padding: 0;
}
a {
text-decoration: none;
color: #f27474;
}
p a:hover {
text-decoration: underline;
}
button {
cursor: pointer;
}
button:focus {
outline: none;
}
ul {
margin:  15px 0 10px;
margin: 0;
padding-left: 30px;
}
.archive-description p {
font-size: 17px;
font-weight: 400;
cursor: default;
margin:  15px 0 10px;
padding: 5px 0 10px;
}
.global-header {
background-color: #fff;
box-shadow: 0 1px 15px 0 rgba(192,72,25,0.32);
height: 80px;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 100;
}
.global-header .logo {
width: 162px;
height: 36px;
background-image: url(//dveri-oka.ru/assets/images/logo.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
float: left;
margin-top: 22px;
margin-left: 15px;
}
@media all and (max-width: 600px) {
.global-header .logo {
float: none;
height: 29px;
display: block;
margin: 0 auto;
margin-top: 10px;
}
}
.global-header nav {
font-size: 17px;
color: #f27474;
float: right;
margin-top: 29px;
}
@media all and (max-width: 600px) {
.global-header nav {
float: none;
text-align: center;
font-size: 16px;
margin-top: 10px;
}
}
.global-header nav a {
position: relative;
cursor: pointer;
}
.global-header nav a::before {
content: "";
background-color: #f27474;
height: 3px;
border-radius: 2px;
position: absolute;
left: 0;
right: 0;
bottom: -5px;
display: none;
}
.global-header nav a:hover::before {
display: block;
}
.global-header nav .github-icon {
width: 26px;
height: 25px;
background-image: url(//dveri-oka.ru/assets/images/github.svg);
display: inline-block;
vertical-align: middle;
position: relative;
top: -3px;
}
.global-header ul {
white-space: nowrap;
padding: 0;
}
.global-header ul li {
display: inline-block;
margin: 0 15px;
}
.highlight {
background-color: #f8f8f8;
padding: 10px 23px;
font-size: 14px;
line-height: normal;
color: rgba(0,0,0,0.62);
overflow-x: auto;
}
.highlight .editor {
font-family: 'Inconsolata', monospace;
}
.highlight .line {
margin: 6px 0;
}
.highlight.bash .line::before {
content: "$ ";
opacity: 0.5;
}
.highlight .string {
color: #8858d2;
}
.highlight .html.name.tag {
color: #4ac14a;
}
.highlight .html.attribute-name {
color: #b646c1;
}
.highlight .js.name.function {
color: #f27474;
}
.highlight .js.boolean,
.highlight .js.numeric {
color: #4ac14a;
}
.highlight .js.control,
.highlight .js.assignment {
color: #b646c1;
}
.highlight .js.storage,
.highlight .js.variable {
color: #00a9ff;
}
.highlight .js.comment {
color: rgba(0,0,0,0.3);
}
.highlight .js.function {
color: inherit;
}
.highlight .js.variable.other,
.highlight .js.variable.parameter {
color: inherit;
}
.highlight .js.storage.class,
.highlight .js.class + * + .storage.modifier {
color: #b646c1;
}
.highlight .css.selector {
color: #4ac14a;
}
.highlight .css.property-name {
color: #00a9ff;
}
.highlight .css.property-value {
color: #8858d2;
}
.highlight .css.separator,
.highlight .css.terminator {
color: rgba(0,0,0,0.62);
}
.landing-top {
height: 370px;
position: relative;
padding-top: 80px;
}
@media all and (max-width: 1000px) {
.landing-top {
height: 600px;
}
}
.landing-top .bg {
background-image: linear-gradient(-132deg, #ff7d79 0%, #f28b74 92%);
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-clip-path: url(#top-transition-clip-shape);
clip-path: url(#top-transition-clip-shape);
will-change: transform;  }
@media all and (max-width: 600px) {
.landing-top .bg {
-webkit-clip-path: none;
clip-path: none;
}
}
.landing-top .swal-modal-example {
transform: none;
opacity: 1;
height: 292px;
width: 409px;
margin: 20px;
background-color: #fff;
box-shadow: 0 5px 22px 0 rgba(0,0,0,0.2);
border-radius: 8px;
margin-top: 59px;
text-align: center;
display: inline-block;
vertical-align: middle;
overflow: hidden;
transition: height 0.3s;
position: absolute;
z-index: 10;
top: 0;
left: 0;
}
@media all and (max-width: 1000px) {
.landing-top .swal-modal-example {
position: relative;
display: block;
margin: 20px auto;
}
}
@media all and (max-width: 450px) {
.landing-top .swal-modal-example {
width: 100%;
}
}
.landing-top .swal-modal-example[data-type="success"] {
height: 292px;
}
.landing-top .swal-modal-example[data-type="warning"] {
height: 325px;
}
.landing-top .swal-modal-example .swal-title {
padding-top: 10px;
}
.landing-top .swal-modal-example .swal-text {
color: rgba(0,0,0,0.48);
margin-top: 6px;
}
.landing-top .modal-content-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #fff;
z-index: 2;
pointer-events: none;
opacity: 0;
transition: opacity 0.2s;
}
.landing-top .modal-content-overlay.show {
opacity: 1;
}
.landing-top .example-content {
display: none;
}
.landing-top .example-content.show {
display: block;
}
.landing-top .desc {
display: inline-block;
position: relative;
color: #fff;
margin-left: 50px;
max-width: calc(100% - 409px - 112px);
vertical-align: middle;
margin-top: 61px;
padding-left: 473px;
}
@media all and (max-width: 1000px) {
.landing-top .desc {
display: block;
max-width: none;
padding-left: 0;
margin-left: 0;
text-align: center;
}
}
.landing-top h2 {
font-size: 30px;
line-height: 51px;
font-weight: 300;
}
@media all and (max-width: 380px) {
.landing-top h2 {
font-size: 25px;
margin-top: -20px;
}
}
.landing-top .text-rotater {
display: block;
height: 57px;
overflow: hidden;
}
.landing-top .text-rotater span {
display: block;
transition: transform 0.4s;
}
.landing-top .text-rotater.slide-up span {
transform: translateY(-51px);
}
.landing-top .install {
background: rgba(120,40,40,0.32);
border-radius: 7px;
max-width: 357px;
padding: 12px;
}
@media all and (max-width: 1000px) {
.landing-top .install {
margin: 0 auto;
text-align: left;
}
}
.landing-top .install .button {
background: rgba(255,255,255,0.39);
width: 12px;
height: 12px;
border-radius: 50%;
display: inline-block;
}
.landing-top .install .command {
font-family: 'Inconsolata', monospace;
padding: 12px;
padding-left: 30px;
}
.landing-top .install .command::before {
content: "$";
opacity: 0.5;
transform: rotate(8deg);
font-size: 20px;
position: absolute;
margin-left: -27px;
margin-top: -2px;
}
.comparison-container {
padding-bottom: 70px;
text-align: center;
}
.comparison-container h3 {
font-size: 22px;
color: #b49993;
font-weight: 400;
display: block;
text-align: center;
margin-top: 93px;
margin-bottom: 80px;
}
.comparison-container .code-container {
text-align: center;
width: calc(50% - 60px);
display: inline-block;
vertical-align: middle;
}
@media all and (max-width: 600px) {
.comparison-container .code-container {
width: 100%;
}
}
.comparison-container .versus {
width: 35px;
height: 33px;
background-image: url(//dveri-oka.ru/assets/images/vs.svg);
display: inline-block;
vertical-align: middle;
margin: 0 30px;
}
@media all and (max-width: 600px) {
.comparison-container .versus {
margin: 30px;
margin-bottom: -10px;
}
}
.comparison-container h5 {
font-size: 13px;
color: rgba(0,0,0,0.21);
text-transform: uppercase;
text-align: left;
margin-bottom: 15px;
}
.comparison-container h5.swal-logo {
text-indent: -9999999px;
margin-top: 2px;
}
.comparison-container h5.swal-logo::after {
content: "";
background-image: url(//dveri-oka.ru/assets/images/logo-small.svg);
width: 91px;
height: 20px;
display: block;
}
.comparison-container .highlight {
text-align: left;
padding: 16px 23px;
}
.comparison-container .highlight span {
margin: 0 -4px;
}
.comparison-container .remark {
font-size: 20px;
color: #f27474;
margin-top: 80px;
}
.comparison-container .get-started-button {
background-color: #f27474;
color: #fff;
border-radius: 8px;
font-size: 22px;
padding: 14px 55px;
margin: 20px 0;
display: inline-block;
}
.customize-container {
background-color: #999eaf;
text-align: center;
color: #fff;
text-align: center;
background-image: url(//dveri-oka.ru/assets/images/pattern.png);
background-image: -webkit-image-set(url(//dveri-oka.ru/assets/images/pattern.png) 1x, url(//dveri-oka.ru/assets/images/pattern@2x.png) 2x);
padding: 40px 0;
-webkit-clip-path: url(#customization-transition-clip-shape);
clip-path: url(#customization-transition-clip-shape);
will-change: transform; }
@media all and (max-width: 600px) {
.customize-container {
-webkit-clip-path: none;
clip-path: none;
}
}
.customize-container h3 {
font-weight: 400;
font-size: 20px;
padding: 50px 0;
}
.customize-container .example-modals {
background-image: url(//dveri-oka.ru/assets/images/modal-examples.png);
background-image: -webkit-image-set(url(//dveri-oka.ru/assets/images/modal-examples.png) 1x, url(//dveri-oka.ru/assets/images/modal-examples@2x.png) 2x);
height: 284px;
background-size: auto 100%;
background-position: 0 0;
animation: scrollExamples 80s infinite linear;
}
.customize-container .view-api-button {
border: 3px solid #fff;
border-radius: 6px;
color: #fff;
padding: 12px 52px;
font-size: 18px;
margin-top: 60px;
display: inline-block;
}
@-moz-keyframes scrollExamples {
0% {
background-position: 0 0;
}
100% {
background-position: -2146px 0;
}
}
@-webkit-keyframes scrollExamples {
0% {
background-position: 0 0;
}
100% {
background-position: -2146px 0;
}
}
@-o-keyframes scrollExamples {
0% {
background-position: 0 0;
}
100% {
background-position: -2146px 0;
}
}
@keyframes scrollExamples {
0% {
background-position: 0 0;
}
100% {
background-position: -2146px 0;
}
}
.page-content {
$mobile-breakpoint: 880px;
}
.page-content table {
border-collapse: collapse;
border: none;
width: 100%;
}
.page-content th {
font-size: 17px;
color: rgba(0,0,0,0.34);
padding: 20px 15px;
text-transform: capitalize;
font-weight: 400;
}
.page-content thead > tr {
border-bottom: 2px solid rgba(0,0,0,0.1);
}
.page-content tr {
text-align: left;
box-shadow: 0px -1px 0px rgba(0,0,0,0.15);
}
.page-content tr:first-child {
box-shadow: none;
}
.page-content td {
padding: 17px;
}
.page-content td:first-child > code {
color: #2e9fef;
background: none;
border: none;
font-size: 16px;
padding: 0;
}
@media all and (min-width: mobile-breakpoint) {
.page-content tbody tr:nth-child(1) {
box-shadow: none;
}
}
@media all and (max-width: mobile-breakpoint) {
.page-content table,
.page-content thead,
.page-content tbody,
.page-content th,
.page-content td,
.page-content tr {
display: block;
}
.page-content thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.page-content tr {
margin-top: -1px;
box-shadow: 0px -1px 0px 0px rgba(0,0,0,0.27);
}
.page-content td { border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: mobile-padding;
min-height: 20px;
}
.page-content td::before { position: absolute; top: 15px;
left: 15px;
width: mobile-padding;
width: calc((mobile-padding - 35px));
overflow: hidden;
text-overflow: ellipsis;
padding-right: 10px;
white-space: nowrap;
color: rgba(0,0,0,0.54);
font-family: page-font;
font-size: 16px;
text-transform: capitalize;
content: attr(data-name);
}
}
.doc-container {
overflow: hidden;
}
.side-menu {
width: 225px;
float: left;
padding-left: 20px;
position: fixed;
top: 88px;
}
@media all and (max-width: 600px) {
.side-menu {
float: none;
position: static;
margin-top: 120px;
text-align: center;
width: 100%;
margin-bottom: -60px;
padding-left: 0;
}
}
.side-menu .title {
font-size: 20px;
color: rgba(0,0,0,0.63);
font-weight: 600;
margin-top: 50px;
margin-bottom: 36px;
}
.side-menu a {
font-size: 17px;
color: rgba(0,0,0,0.42);
display: block;
margin: 18px 0;
}
.side-menu a:hover {
color: rgba(0,0,0,0.6);
}
.page-content {
float: left;
width: calc(100% - 225px - 20px);
margin-left: 225px;
min-height: 220px;
margin-top: 16px;
font-size: 16px;
color: rgba(0,0,0,0.59);
line-height: 29px;
}
@media all and (max-width: 600px) {
.page-content {
float: none;
margin-left: 0;
width: 100%;
}
}
.page-content h1 {
padding-top: 90px;
border-bottom: 1px solid rgba(0,0,0,0.15);
padding-bottom: 20px;
margin-bottom: 0;
}
.page-content h1::before {
content: "#";
position: absolute;
margin-left: -23px;
font-size: 24px;
margin-top: 3px;
color: #f38270;
font-weight: 500;
}
.page-content h1 a {
font-size: 30px;
color: rgba(0,0,0,0.85);
font-weight: 600;
}
.page-content h2,
.page-content h3 {
font-size: 20px;
margin-top: -70px;
padding-top: 100px;
}
.page-content h2 a,
.page-content h3 a {
color: rgba(0,0,0,0.7);
}
.page-content ul {
list-style-type: disc;
margin-bottom: 20px;
}
.page-content ul li {
margin: 5px 0;
}
.page-content img {
max-width: 100%;
}
.page-content.api > ul {
list-style-type: none;
padding-left: 30px;
}
.page-content.api > ul > li h3::before {
content: "";
width: 8px;
height: 8px;
position: absolute;
border-radius: 50%;
background-color: #f27474;
margin-left: -27px;
margin-top: 12px;
}
.page-content code {
font-family: 'Inconsolata', monospace;
padding: 3px 6px;
border-radius: 2px;
border: 1px solid rgba(0,0,0,0.12);
background: #f8f8f8;
font-size: 14px;
color: #f27474;
}
.page-content kbd {
display: inline-block;
padding: 3px 5px;
font-size: 11px;
line-height: 10px;
color: #444d56;
vertical-align: middle;
background-color: #fafbfc;
border: solid 1px #c6cbd1;
border-bottom-color: #959da5;
border-radius: 3px;
box-shadow: inset 0 -1px 0 #959da5;
font-family: sans-serif;
}
.page-content preview-button { display: block;
height: 44px;
}
.page-content button.preview {
margin: 20px auto;
width: 110px;
display: block;
position: relative;
z-index: 2;
}
.page-content figcaption {
font-style: italic;
}
.swal-modal.red-bg {
background-color: rgba(255,0,0,0.28);
}
.mood-btn {
background: none;
border: none;
width: 28px;
height: 28px;
background-image: url(//dveri-oka.ru/assets/images/mood-sad.png);
background-size: 28px 28px;
padding: 4px;
background-position: center center;
box-sizing: content-box;
background-repeat: no-repeat;
margin: 0 7px;
position: relative;
overflow: hidden;
border-radius: 3px;
}
.mood-btn:hover::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.03);
}
.mood-btn[data-rating="2"] {
background-image: url(//dveri-oka.ru/assets/images/mood-neutral.png);
}
.mood-btn[data-rating="3"] {
background-image: url(//dveri-oka.ru/assets/images/mood-happy.png);
}
body {
font-family: 'Lato', 'Helvetica Neue', Helvetica, sans-serif;
}
svg.hidden {
display: block;
}
.page-container {
max-width: 1000px;
margin: 0 auto;
padding: 0 10px;
position: relative;
}
.preview {
background-color: #a3dd82;
box-shadow: 0 2px 8px 0 rgba(0,0,0,0.07);
border-radius: 4px;
border: none;
color: #fff;
font-size: 15px;
color: #fff;
padding: 9px 18px;
margin-top: 20px;
}
.preview::before {
content: "";
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 10px solid #fff;
display: inline-block;
margin-right: 5px;
}
.preview:hover {
background-color: #98d973;
}
footer {
padding: 40px 20px;
text-align: center;
color: #728194;
}
footer .love-icon {
background-image: url(//dveri-oka.ru/assets/images/heart-icon.svg);
width: 22px;
height: 20px;
display: inline-block;
vertical-align: middle;
margin: 0 5px;
position: relative;
top: -2px;
}
.door-galery{
position: relative;
overflow: hidden;
margin-bottom:30px;
}
.door-galery .galery-bg{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.door-galery .galery-bg img{
position: relative;
object-fit: cover;
width: 100%;
height: 100%;
filter: blur(4px);
}
.door-galery .galery-content{
z-index: 2;
position: relative;
display: flex;
flex-direction: column;
min-height: 400px;
align-items: center;
justify-content: center;
text-align: center;
}
.door-galery .galery-content h3{
color:#fff;
margin-bottom:20px;
}
.gallery-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-auto-rows: auto;
grid-auto-flow: dense;
gap: 50px;
padding: 0 30px;
}
.gallery-grid .gallery-grid_item{
height:500px;
position:relative;
}
.gallery-grid .gallery-grid_item img {
width: 100%;
height: 100%;
object-fit: cover;
position:absolute;
}
.main-gallery h1{
text-align: center;
margin: 30px 0;
}
.gallery-grid .gallery-grid_item .image-title{
position:absolute;
bottom:0;
background: #333333ca;
width: 100%;
color:#fff;
}
.gallery-grid .gallery-grid_item .image-title p{
padding: 20px 10px;
}
.main-gallery h1 {
text-align: center;
margin: 30px 0;
}
.main-certificate h1{
text-align: center;
margin: 30px 0;	
}
.certificate-grid{
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-auto-rows: auto;
grid-auto-flow: dense;
gap: 50px;
padding: 0 30px;
}
.certificate-grid .certificate-item{
position:relative;
}
.certificate-grid .certificate-item img {
width: 100%;
height: auto;
}
@media (max-width: 768px) {
.certificate-grid{
grid-template-columns: repeat(2, 1fr);
gap:10px;
padding: 0 15px;
}
.gallery-grid {
grid-template-columns: repeat(2, 1fr);
gap:10px;
padding: 0 15px;
}
.gallery-grid .gallery-grid_item{
height:350px;
}
.main-gallery h1{
margin: 15px 0;
font-size: 24px;
}
.main-certificate h1 {
margin: 15px 0;
font-size: 24px;
}
.door-galery .galery-content{
min-height: 250px;
}
}
.door_img_grid{
display: grid;
width: min(210px,100%);
grid-template-columns: repeat(3, 1fr);
gap: 10px;
height: 70px;
}
.door_img_grid .gallery-grid_item {
position:relative;
display: none; }
.door_img_grid .gallery-grid_item:nth-child(-n+3) {
display: block; }
.door_img_grid .gallery-grid_item img {
width: 100%!important;
height: 100%!important;
object-fit: cover!important;
position:absolute!important;
}
.forma .button{
margin: 0 auto;
}
@media (max-width: 768px) {
header.header + .main, header.header + .wrapper {
padding-top: 160px !important;
}
}
.download_pdf{
margin-top:15px;
text-align: center;
padding: 5px 0;
}
.download_pdf:hover{
color: #fff!important;
}
@media (max-width: 450px) {
.OCbyu {
padding: 15px 0 !important;
font-size: 16px !important;
width: 100%;
display: block !important;
text-align: center;
}
.loadmore_btn {
width: 100%;
}
.new-door__price-link, .new-table__price-link, .new-fiting__price-link, .download_pdf {
line-height:32px;
}
}
.footer_new{
text-align: inherit!important;
padding: unset!important;
display:grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap:20px;
max-width: 1440px;
margin: 0 auto;
background: #fff;
}
.footer_new >div{
padding: 24px;
}
.footer_new__logo img{
margin:0!important;
max-width: 150px!important;
}
.footer_new__menu ul.menu, .footer_new__category ul.menu{
margin-left: 0;
padding-left: 0;
display:flex;
flex-direction:column;
gap:9px;
width: 100%!important;
}
.footer_new__menu div.icons{
margin-left: 0;
padding-left: 0;
display:flex;
gap: 10px;
margin-top: 10px;
}
.footer_new__menu div.icons a{
font-size:18px!important;
line-height:18px!important;
} .footer_new__menu-pay{
margin-top:60px;
gap: 10px;
}
.footer_new__menu, .footer_new__contacts, .footer_new__logo{
display:flex;
flex-direction:column;
gap:10px;
}
.footer_new__logo .footer__contacts{
margin-top:auto;
}
.footer_new__menu-social{
margin-top:auto!important;
}
.footer_new__menu-social p{
font-size: 15px;
font-weight: 700;
line-height: 17.99px;
}
.footer_new__menu ul li, .footer_new__category ul li{
list-style-type: none;
}
.footer_new__menu ul li a, .footer_new__category ul li a{
font-size: 15px;
font-weight: 700;
line-height: 17.99px;
color:#000000!important;
}
.footer_new__contacts p,a{
font-size: 15px;
font-weight: 400;
line-height: 29px;
color:#000000!important;
}
.footer_new__contacts .footer__contacts{
margin-left:0!important;
margin-top: auto !important;
}
@media (max-width: 768px){
.footer_new__menu-social{
padding-bottom: 100px;
}
.footer_new__logo img{
max-width: 120px!important;
}
}
@media (max-width: 467px) {
.footer_new >div{
padding: 0 2%!important;
}
.footer_new__menu-pay{
margin-top: 10px;
}
}
.marqueeNotice{
display:flex;
height: 56px;
width: 100%;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 99999;
background: #FCC540;
justify-content:space-between;
}
#container-marquee {
display:flex;
align-items:center;
overflow:hidden;
width: calc(100% - 60px);
margin-right:60px;
height:100%;
}
#text-marquee {
flex-shrink: 0;
display: flex;
gap: 20px;
animation: anim 20s linear infinite;
}
#text-marquee p{
font-size: 20px;
font-weight: 400;
line-height: 20px;
display: flex;
align-items: center;
}
#text-marquee p span.circle{
display: inline-block;
width: 7px;
height: 7px;
border-radius: 50%;
background-color: black;
margin-right: 10px; 
} 
@keyframes anim{
from{
transform: translateX(0);
}
to{
transform: translateX(calc(-50% - 10px));
}
}
.closeModal {
position: absolute;
top: 16px;
right: 20px;
width: 24px;
height: 24px;
opacity: 0.2;
cursor: pointer;
transition: opacity ease 0.5s;
&:hover {
opacity: 1;
}
}
.closeModal::before,
.closeModal::after {
content: '';
position: absolute;
top: 10px;
display: block;
width: 24px;
height: 3px;
background: #000;
}
.closeModal::before {
transform: rotate(45deg);
}
.closeModal::after {
transform: rotate(-45deg);
}@font-face {
font-family: 'oka-msk';
src:  url(//dveri-oka.ru/wp-content/themes/doorby/fonts/oka-msk.eot?394pz5);
src:  url(//dveri-oka.ru/wp-content/themes/doorby/fonts/oka-msk.eot?394pz5#iefix) format('embedded-opentype'),
url(//dveri-oka.ru/wp-content/themes/doorby/fonts/oka-msk.ttf?394pz5) format('truetype'),
url(//dveri-oka.ru/wp-content/themes/doorby/fonts/oka-msk.woff?394pz5) format('woff'),
url(//dveri-oka.ru/wp-content/themes/doorby/fonts/oka-msk.svg?394pz5#oka-msk) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="ic-"], [class*=" ic-"] { font-family: 'oka-msk' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ic-ok:before {
content: "\e900";
color: #f4731c;
}
.ic-vk:before {
content: "\e901";
color: #4680c2;
}
.ic-youtube:before {
content: "\e902";
color: #f00;
}
.ic-mir .path1:before {
content: "\e903";
color: rgb(15, 117, 78);
}
.ic-mir .path2:before {
content: "\e904";
margin-left: -3.7333984375em;
color: rgb(0, 0, 0);
}
.ic-visa:before {
content: "\e905";
color: #1434cb;
}
.ic-mc .path1:before {
content: "\e906";
color: rgb(255, 90, 0);
}
.ic-mc .path2:before {
content: "\e907";
margin-left: -1.6669921875em;
color: rgb(235, 0, 27);
}
.ic-mc .path3:before {
content: "\e908";
margin-left: -1.6669921875em;
color: rgb(247, 158, 27);
}.cff-wrapper:after{content:"";display:table;clear:both}#cff{float:left;width:100%;margin:0 auto;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.cff-wrapper-ctn{overflow:hidden;box-sizing:border-box}.cff-wrapper-ctn.cff-wrapper-fixed-height{overflow:auto;overflow-x:hidden}#cff .cff-masonry-posts,#cff .cff-posts-wrap,.cff-wrapper-ctn{position:relative;clear:both;height:100%;top:0;bottom:0;width:100%}#cff .cff-posts-wrap-box-shadow{padding:5px}#cff .cff-item{float:left;width:100%;clear:both;padding:20px 0 15px 0;margin:0;border-bottom:1px solid #ddd}#cff .cff-item:first-child{padding-top:0}#cff .cff-item.cff-box,#cff .cff-item.cff-box:first-child{padding:15px;margin:8px 0;background:rgba(255,255,255,.5);border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#cff .cff-item.cff-box:first-child{margin-top:0}#cff .cff-item.cff-box:last-child{margin-bottom:0}#cff .cff-item.cff-shadow{box-shadow:0 0 10px 0 rgba(0,0,0,.15);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,.15);-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.15)}.cff-header{width:100%;margin:0 0 15px 0;padding:0;line-height:1;-webkit-box-sizing:border-box;box-sizing:border-box;display:flex;align-items:center}.cff-header .fa,.cff-header svg{margin:0 10px 0 0;padding:0}.cff-visual-header{margin-bottom:24px!important}.cff-visual-header .cff-header-hero{width:100%;height:300px;position:relative;overflow:hidden}.cff-visual-header .cff-header-hero img{width:100%;display:none}.cff-visual-header .cff-likes-box{position:absolute;bottom:10px;right:10px;padding:5px;background:#eee;line-height:1;border-radius:2px;color:#445790}.cff-visual-header .cff-likes-box .cff-square-logo{float:left;display:inline-block;line-height:0}.cff-visual-header .cff-likes-box .cff-square-logo svg{width:18px;vertical-align:top}.cff-visual-header .cff-likes-box .cff-likes-count{float:left;display:inline-block;margin-left:8px;vertical-align:top;font-size:15px;line-height:20px}.cff-visual-header .cff-header-inner-wrap{position:relative;display:block;text-decoration:none!important}.cff-visual-header .cff-header-inner-wrap a{color:inherit!important;border:0}.cff-visual-header .cff-header-img img{display:block;width:100px;border-radius:3px;padding:0;margin:0}.cff-visual-header.cff-has-cover .cff-header-img img{border:2px solid #fff}.cff-visual-header .cff-header-img{position:absolute;display:inline-block;line-height:1}.cff-visual-header.cff-has-cover .cff-header-img{top:-25px;left:10px}.cff-visual-header .cff-header-text{display:inline-block;float:left;margin:20px 0 0 120px}#cff .cff-visual-header .cff-header-text h3,.cff-visual-header .cff-header-text h3{display:inline-block;width:auto;margin:0 8px 0 0;padding:0;font-size:1.2em;line-height:1.2em}.cff-visual-header .cff-header-text{padding-top:10px;margin:0}.cff-visual-header.cff-has-name{min-height:100px}.cff-visual-header.cff-has-cover.cff-has-name .cff-header-text{min-height:75px}.cff-visual-header.cff-has-name .cff-header-text{margin-left:120px}.cff-visual-header.cff-has-cover.cff-has-name .cff-header-text{margin-left:125px}.cff-visual-header.cff-has-name .cff-header-text{padding-top:30px}.cff-visual-header.cff-has-name.cff-has-about .cff-header-text,.cff-visual-header.cff-has-name.cff-has-cover .cff-header-text{padding-top:10px}#cff .cff-visual-header .cff-header-inner-wrap .cff-bio,.cff-visual-header .cff-header-inner-wrap .cff-bio{display:block;width:100%;clear:both;margin:3px 0 0 0;padding:0;line-height:1.2em}.cff-visual-header .cff-header-name{float:left;padding:0 5px 2px 0}.cff-visual-header .cff-bio-info{font-size:.9em;line-height:1.7}.cff-visual-header .cff-bio-info svg{display:inline-block;width:1em;vertical-align:middle;position:relative;top:-2px}.cff-posts-count svg{padding-right:3px}.cff-header-inner-wrap:after,.cff-header-text:after{display:table;clear:both;content:" "}#cff .cff-less{display:none}#cff.cff-default-styles a{text-decoration:none}#cff.cff-default-styles a:focus,#cff.cff-default-styles a:hover{text-decoration:underline}#cff .cff-post-text-link{display:block}.cff-post-text{width:100%;float:left}#cff .cff-post-desc,#cff h3,#cff h4,#cff h5,#cff h6,#cff p{float:left;width:100%;clear:both;padding:0;margin:5px 0;word-wrap:break-word}#cff.cff-default-styles .cff-post-desc,#cff.cff-default-styles h3,#cff.cff-default-styles h4,#cff.cff-default-styles h5,#cff.cff-default-styles h6,#cff.cff-default-styles p{line-height:1.4}#cff .cff-date{float:left;min-width:50px;width:auto}#cff.cff-default-styles .cff-date{font-size:11px}#cff .cff-author{float:left;clear:both;margin:0 0 15px 0;padding:0;line-height:1.2;width:100%}#cff .cff-author a{text-decoration:none;border:none}#cff .cff-author-img{float:left;width:40px;height:40px;margin:0 0 0 -100%!important;font-size:0;background:#eee;background:url(//dveri-oka.ru/wp-content/plugins/custom-facebook-feed/assets/img/cff-avatar.png) no-repeat;background-size:100%;border-radius:50%}#cff .cff-author img{float:left;margin:0!important;padding:0!important;border:none!important;font-size:0;border-radius:50%}#cff .cff-author-img.cff-no-consent img{display:none}.cff-no-consent .cff-header-text{margin-left:0!important}.cff-no-consent .cff-header-hero,.cff-no-consent .cff-header-img{display:none!important}#cff .cff-author .cff-author-text span.cff-page-name{display:table-cell;vertical-align:middle;height:40px;margin:0;font-weight:700;padding-left:50px;float:none}#cff .cff-author .cff-story{font-weight:400}#cff.cff-default-styles .cff-author a{text-decoration:none}#cff .cff-author.cff-no-author-info .cff-date{margin-top:12px!important}#cff .cff-author.cff-no-author-info .cff-author-img{width:40px;height:40px;background:url(//dveri-oka.ru/wp-content/plugins/custom-facebook-feed/assets/img/cff-avatar.png) no-repeat;margin:0!important}#cff .cff-author .cff-author-text{float:left;width:100%}#cff .cff-author .cff-date,#cff .cff-author .cff-page-name{float:left;clear:both;width:auto;margin:0 0 0 50px!important}#cff.cff-default-styles .cff-author .cff-author-text *{font-weight:700;line-height:1.2}#cff .cff-author .cff-date{color:#9197a3;font-size:11px;margin-top:2px!important;margin-bottom:0!important}#cff.cff-default-styles .cff-author .cff-date{font-weight:400}#cff .cff-author .cff-page-name.cff-author-date{float:left;padding:3px 0 0 0;font-size:14px}#cff .cff-cta-link a,.cff-media-link .fa{display:inline-block;width:auto;padding:5px 7px 5px 6px;margin-right:6px;border:1px solid #eee;border:1px solid rgba(0,0,0,.1);border-radius:3px;background:rgba(0,0,0,.02)}#cff .cff-cta-link a:hover,.cff-media-link .fa:hover{background:#f9f9f9;background:rgba(0,0,0,.03);text-decoration:none}#cff .cff-cta-link a{padding:5px 15px}#cff .cff-break-word{word-break:break-all}#cff .cff-expand{display:none}#cff.cff-default-styles .cff-expand a{font-size:11px;font-weight:400}#cff .cff-shared-link{float:left;clear:both;width:100%;padding:5px 10px;margin:10px 0 5px 0;background:#f9f9f9;border:1px solid #d9d9d9;background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.07);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#cff .cff-no-styles{background:0 0;border:none;padding:0}#cff .cff-link{float:left;clear:both;max-width:20%;margin:10px 0 0 0}#cff .cff-link img{max-width:100%}#cff .cff-link-title{float:left;clear:both;width:100%;display:block}#cff.cff-default-styles .cff-link-title{font-weight:700}#cff p.cff-link-title{margin:5px 0 0 0}#cff .cff-text-link{float:left;clear:none;width:72%;margin-left:3%;padding:0 0 5px 0}#cff .cff-link-caption{margin:0}#cff.cff-default-styles .cff-link-caption{font-size:12px}#cff .cff-text-link.cff-no-image{width:100%;margin-left:0}#cff .cff-post-desc{margin:5px 0 0 0}#cff .cff-details{float:left;clear:none;width:100%;margin:0;padding:0}#cff .cff-details h5{margin:0 0 5px 0}#cff.cff-default-styles .cff-details h5{padding:0;font-size:16px}#cff.cff-default-styles .cff-details p{font-size:14px}#cff .cff-timeline-event .cff-date,#cff .cff-timeline-event .cff-info,#cff .cff-timeline-event .cff-timeline-event-title,#cff .cff-timeline-event .cff-where{display:block;width:100%;clear:both}#cff .cff-details .cff-info{padding:10px 0 0 0}#cff.cff-default-styles .cff-details .cff-info{line-height:1.2}#cff .cff-desc-wrap{float:left;width:100%}#cff .cff-note-title{display:block;font-weight:700;padding-bottom:5px}#cff .cff-post-links{float:left;clear:none;padding:5px 0 0 0;margin:0}#cff.cff-default-styles .cff-post-links{font-size:11px}#cff .cff-post-links.cff-left{float:left;margin:8px 0}#cff.cff-default-styles .cff-post-links a{font-size:11px}#cff .cff-post-links a:first-child{padding-left:0;margin:0}#cff .cff-dot{padding:0 5px}#cff .cff-share-container{position:relative;display:inline}#cff .cff-share-tooltip{display:none;position:absolute;z-index:1000;bottom:22px;right:-40px;width:110px;padding:3px 5px 4px 5px;margin:0;background:#333;color:#eee;font-size:12px;line-height:1.3;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#cff .cff-share-tooltip .fa-play{position:absolute;font-size:8px;bottom:-6px;left:50%;margin-left:-3px;color:#333}#cff .cff-share-tooltip a .fa,#cff .cff-share-tooltip a svg{font-size:16px;margin:0;padding:5px}#cff .cff-share-tooltip a{display:block;float:left;margin:0!important;padding:0!important;color:#eee!important;opacity:0;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}#cff .cff-share-tooltip a:hover{color:#fff!important}#cff .cff-share-tooltip .cff-facebook-icon:hover{background:#3b5998}#cff .cff-share-tooltip .cff-twitter-icon:hover{background:#00aced}#cff .cff-share-tooltip .cff-google-icon:hover{background:#dd4b39}#cff .cff-share-tooltip .cff-linkedin-icon:hover{background:#007bb6}#cff .cff-share-tooltip .cff-pinterest-icon:hover{background:#cb2027}#cff .cff-share-tooltip .cff-email-icon:hover{background:#dd4b39}#cff .cff-share-tooltip a.cff-show{opacity:1;transition:opacity .2s ease}.cff-likebox{float:left;width:100%;position:relative;margin:20px 0 0 0}.fb_iframe_widget{border:none;overflow:hidden}.cff-likebox .fb_iframe_widget{width:100%}.cff-likebox .fb_iframe_widget span{width:100%!important}.cff-likebox .fb_iframe_widget iframe{margin:0;position:relative;top:0;left:0;width:100%!important;height:100%}.cff-likebox.cff-top.cff-outside{margin-bottom:10px}.cff-likebox.cff-bottom.cff-outside{margin-top:10px}#cff.cff-fixed-height{padding:5px 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#cff .cff-error-msg{display:none;position:relative;font-size:12px;font-family:sans-serif;padding:8px 12px;border:1px solid #ddd;margin-bottom:10px;clear:both;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}#cff .cff-error-msg p{float:none}#cff .cff-error-msg .cff_notice_dismiss{position:absolute;top:4px;right:8px}#cff #cff-error-reason{display:none;padding:5px 0 0 0;clear:both}#cff.cff-default-styles .cff-credit{font-size:11px}#cff.cff-default-styles .cff-credit a{text-decoration:none}#cff .cff-credit img{float:left;margin:-2px 5px 0 0}#cff .cff-credit .fa{padding-right:5px;font-size:13px}.cff-credit a{display:flex;align-items:center}.cff-screenreader{text-indent:-9999px!important;display:block!important;width:0!important;height:0!important;line-height:0!important}@media all and (max-width:640px){#cff.cff-width-resp{width:100%!important}.cff-wrapper .cff-visual-header .cff-header-img img{width:80px}.cff-wrapper .cff-visual-header.cff-has-name .cff-header-text{margin-left:95px}.cff-wrapper .cff-visual-header.cff-has-cover.cff-has-name .cff-header-text{margin-left:105px}}#cff .cff-comment .cff-comment-text img,#cff img.emoji,#cff-lightbox-wrapper .cff-comment .cff-comment-text img,#cff-lightbox-wrapper img.emoji{float:none;max-width:100%}#cff .cff-linebreak{display:block;height:5px}#cff.cff-masonry .cff-item.cff-box{margin-left:1.5%;margin-right:1.5%}#cff.cff-masonry{box-sizing:border-box}#cff.cff-masonry .cff-item,#cff.cff-masonry .cff-item:first-child{padding-top:20px;margin-top:0}#cff.cff-masonry .cff-item,#cff.cff-masonry .cff-likebox{float:none;display:inline-block;width:30.3%;margin:0 1.5%;margin-bottom:20px}#cff.cff-masonry.cff-opaque-comments .cff-item{z-index:1}#cff.cff-masonry.masonry-2-desktop .cff-item{width:47%;margin:0 1.5%}#cff.cff-masonry.masonry-4-desktop .cff-item{width:22%;margin:0 1.5%}#cff.cff-masonry.masonry-5-desktop .cff-item{width:17%;margin:0 1.5%}#cff.cff-masonry.masonry-6-desktop .cff-item{width:13.516%;margin:0 1.5%}@media (min-width:481px) and (max-width:800px){#cff.cff-masonry .cff-item,#cff.cff-masonry .cff-likebox,#cff.cff-masonry.masonry-2-desktop .cff-item,#cff.cff-masonry.masonry-3-desktop .cff-item,#cff.cff-masonry.masonry-4-desktop .cff-item,#cff.cff-masonry.masonry-5-desktop .cff-item,#cff.cff-masonry.masonry-6-desktop .cff-item{width:100%;margin:0}#cff.cff-masonry.masonry-2-tablet .cff-posts-wrap .cff-item,#cff.cff-masonry.masonry-2-tablet .cff-posts-wrap .cff-likebox{width:47%;margin-left:1.5%;margin-right:1.5%}#cff.cff-masonry.masonry-3-tablet .cff-posts-wrap .cff-item,#cff.cff-masonry.masonry-3-tablet .cff-posts-wrap .cff-likebox{width:30.3%;margin-left:1.5%;margin-right:1.5%}#cff.cff-masonry.masonry-4-tablet .cff-item,#cff.cff-masonry.masonry-4-tablet .cff-likebox{width:22%;margin-left:1.5%;margin-right:1.5%}}@media (max-width:480px){#cff.cff-masonry .cff-item,#cff.cff-masonry .cff-likebox,#cff.cff-masonry.masonry-2-desktop .cff-item,#cff.cff-masonry.masonry-3-desktop .cff-item,#cff.cff-masonry.masonry-4-desktop .cff-item,#cff.cff-masonry.masonry-5-desktop .cff-item,#cff.cff-masonry.masonry-6-desktop .cff-item{width:100%;margin:0}#cff.cff-masonry.masonry-2-mobile .cff-posts-wrap .cff-item,#cff.cff-masonry.masonry-2-mobile .cff-posts-wrap .cff-likebox{width:47%;margin-left:1.5%;margin-right:1.5%}#cff.cff-masonry.masonry-3-mobile .cff-posts-wrap .cff-item,#cff.cff-masonry.masonry-3-mobile .cff-posts-wrap .cff-likebox{width:30.3%;margin-left:1.5%;margin-right:1.5%}#cff.cff-masonry.cff-mob-cols-1 .cff-posts-wrap .cff-item{width:100%}}#cff.cff-masonry .cff-comments-box{position:relative;z-index:999}#cff.cff-masonry .cff-comment-attachment,#cff.cff-masonry .cff-comment-replies-box{max-width:100%}#cff.cff-masonry .cff-load-more{display:block;float:left;clear:both}#cff.cff-masonry.cff-masonry-css{width:100%;overflow:hidden;margin-bottom:20px}#cff.cff-masonry.cff-masonry-css{-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;-webkit-column-fill:auto;column-fill:unset;-webkit-column-count:3;-moz-column-count:3;column-count:3;margin:0}#cff.cff-masonry.cff-masonry-css.masonry-2-desktop{-webkit-column-count:2;-moz-column-count:2;column-count:2;margin:0}#cff.cff-masonry.cff-masonry-css.masonry-4-desktop{-webkit-column-count:4;-moz-column-count:4;column-count:4;margin:0}#cff.cff-masonry.cff-masonry-css.masonry-5-desktop{-webkit-column-count:5;-moz-column-count:5;column-count:5;margin:0}#cff.cff-masonry.cff-masonry-css.masonry-6-desktop{-webkit-column-count:6;-moz-column-count:6;column-count:6;margin:0}#cff.cff-masonry.cff-masonry-css .cff-item,#cff.cff-masonry.cff-masonry-css .cff-likebox,#cff.cff-masonry.cff-masonry-css.masonry-2-desktop .cff-item,#cff.cff-masonry.cff-masonry-css.masonry-4-desktop .cff-item,#cff.cff-masonry.cff-masonry-css.masonry-5-desktop .cff-item,#cff.cff-masonry.cff-masonry-css.masonry-6-desktop .cff-item{float:none;display:inline-block;width:100%;margin:0 0 12px 0}#cff.cff-masonry.cff-masonry-css .cff-likebox{width:99.5%}#cff.cff-masonry.cff-masonry-css .cff-load-more{margin:0 0 10px 0;position:relative;bottom:0}@media only screen and (max-width:780px){#cff.cff-masonry.cff-masonry-css,#cff.cff-masonry.cff-masonry-css.masonry-2-desktop,#cff.cff-masonry.cff-masonry-css.masonry-4-desktop,#cff.cff-masonry.cff-masonry-css.masonry-5-desktop,#cff.cff-masonry.cff-masonry-css.masonry-6-desktop{-webkit-column-count:1;-moz-column-count:1;column-count:1}#cff.cff-masonry.cff-masonry-css.masonry-2-mobile{-webkit-column-count:2;-moz-column-count:2;column-count:2;margin:0}#cff.cff-masonry.cff-masonry-css.masonry-2-mobile,#cff.cff-masonry.cff-masonry-css.masonry-2-mobile .cff-item{width:100%}}#cff.cff-disable-masonry{height:auto!important}#cff.cff-disable-masonry .cff-item,#cff.cff-disable-masonry .cff-likebox{position:relative!important;top:auto!important}#cff.cff-dark .cff-album-item,#cff.cff-dark .cff-item,#cff.cff-dark .cff-item.cff-box,#cff.cff-dark .cff-item.cff-box:first-child{background-color:rgba(0,0,0,.85);color:rgba(255,255,255,.75)}#cff.cff-dark .cff-item a{color:#fff;text-decoration:underline}#cff.cff-dark .cff-date{color:rgba(255,255,255,.5)}#cff.cff-dark .cff-album-info a,#cff.cff-dark .cff-author-date,#cff.cff-dark .cff-post-links a{color:#fff}#cff.cff-dark .cff-album-info p{color:rgba(255,255,255,.75)}#cff.cff-light .cff-album-item,#cff.cff-light .cff-item,#cff.cff-light .cff-item.cff-box,#cff.cff-light .cff-item.cff-box:first-child{background-color:rgba(255,255,255,.95);color:rgba(0,0,0,.8)}#cff.cff-light .cff-item a{color:#000;text-decoration:underline}#cff.cff-light .cff-date{color:rgba(0,0,0,.5)}#cff.cff-light .cff-album-info a,#cff.cff-light .cff-author-date,#cff.cff-light .cff-post-links a{color:#000}#cff.cff-light .cff-album-info p{color:rgba(0,0,0,.7)}.cff-num-diff-hide{display:none!important}.cff-gdpr-notice{max-width:100%;box-sizing:border-box;padding:8px 15px;margin:0;font-size:12px;background:#fdf7f7;display:inline-block;border-radius:5px;border:1px solid #e4b1b1;line-height:1.3;display:none}