html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}   button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  h1, h2, h3, h4, h5, h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn, cite, em, i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code, kbd, tt, var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark, ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} html {
box-sizing: border-box;
}
*,
*:before,
*:after { box-sizing: inherit;
}
body {
background: #fff; }
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul, ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
} dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto; max-width: 100%; }
figure {
margin: 1em 0; }
table {
margin: 0 0 1.5em;
width: 100%;
}     a:hover, a:active {
outline: 0;
} .main-navigation {
clear: both;
display: block;
float: left;
width: 100%;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: 100%;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation li {
float: left;
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: block;
}
}
.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}  .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0;
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
} .widget {
margin: 0 0 1.5em; }
.widget select {
max-width: 100%;
}  .sticky {
display: block;
}
.hentry {
margin: 0 0 1.5em;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}  .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}.owl-carousel,
.owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative;
}
.owl-carousel {
display: none;
width: 100%;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
display: none;
}
.no-js .owl-carousel,
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
background: 0 0;
color: inherit;
border: none;
padding: 0!important;
font: inherit;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
.owl-carousel .animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.owl-height {
transition: height 0.5s ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 0.4s ease;
}
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//potolok.net/wp-content/themes/home-decor/css/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 0.1s ease;
}
.owl-carousel .owl-video-play-icon:hover {
transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 0.4s ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
}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 {
backface-visibility: hidden;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
height: 100%;
left: 0;
position: fixed;
-webkit-tap-highlight-color: transparent;
top: 0;
transform: translateZ(0);
width: 100%;
z-index: 99992;
}
.fancybox-container * {
box-sizing: border-box;
}
.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.fancybox-outer {
-webkit-overflow-scrolling: touch;
overflow-y: auto;
}
.fancybox-bg {
background: #1e1e1e;
opacity: 0;
transition-duration: inherit;
transition-property: opacity;
transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg {
opacity: .87;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
direction: ltr;
opacity: 0;
position: absolute;
transition: opacity .25s,visibility 0s linear .25s;
visibility: hidden;
z-index: 99997;
}
.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
opacity: 1;
transition: opacity .25s,visibility 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;
text-align: center;
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);
z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
overflow: hidden;
}
.fancybox-slide {
backface-visibility: hidden;
display: none;
height: 100%;
left: 0;
outline: none;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: absolute;
text-align: center;
top: 0;
transition-property: transform,opacity;
transition-property: transform, opacity, -webkit-transform;
white-space: normal;
width: 100%;
z-index: 99994;
}
.fancybox-slide:before {
content: "";
display: inline-block;
height: 100%;
margin-right: -0.25em;
vertical-align: middle;
width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
display: block;
}
.fancybox-slide--next {
z-index: 99995;
}
.fancybox-slide--image {
overflow: visible;
padding: 44px 0;
}
.fancybox-slide--image:before {
display: none;
}
.fancybox-slide--html {
padding: 6px 6px 0;
}
.fancybox-slide--iframe {
padding: 44px 44px 0;
}
.fancybox-content {
background: #fff;
display: inline-block;
margin: 0 0 6px;
max-width: 100%;
overflow: auto;
padding: 0;
padding: 24px;
position: relative;
text-align: left;
vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
backface-visibility: hidden;
background: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
left: 0;
margin: 0;
max-width: none;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
transform-origin: top left;
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: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
cursor: zoom-in;
}
.fancybox-can-drag .fancybox-content {
cursor: grab;
}
.fancybox-is-dragging .fancybox-content {
cursor: grabbing;
}
.fancybox-container [data-selectable=true] {
cursor: text;
}
.fancybox-image,
.fancybox-spaceball {
background: transparent;
border: 0;
height: 100%;
left: 0;
margin: 0;
max-height: none;
max-width: none;
padding: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
}
.fancybox-spaceball {
z-index: 1;
}
.fancybox-slide--html .fancybox-content {
margin-bottom: 6px;
}
.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--video .fancybox-content {
height: 100%;
margin: 0;
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;
height: calc(75%);
margin-bottom: 44px;
}
.fancybox-iframe,
.fancybox-video {
background: transparent;
border: 0;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
.fancybox-iframe {
vertical-align: top;
}
.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;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
outline: none;
padding: 10px;
transition: color .2s;
vertical-align: top;
width: 44px;
}
.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
color: #ccc;
}
.fancybox-button:focus,
.fancybox-button:hover {
color: #fff;
}
.fancybox-button.disabled,
.fancybox-button.disabled:hover,
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
color: #888;
cursor: default;
}
.fancybox-button svg {
display: block;
overflow: visible;
position: relative;
shape-rendering: geometricPrecision;
}
.fancybox-button svg path {
fill: transparent;
stroke: currentColor;
stroke-linejoin: round;
stroke-width: 3;
}
.fancybox-button--pause svg path:nth-child(1),
.fancybox-button--play svg path:nth-child(2) {
display: none;
}
.fancybox-button--play svg path,
.fancybox-button--share svg path,
.fancybox-button--thumbs svg path {
fill: currentColor;
}
.fancybox-button--share svg path {
stroke-width: 1;
}
.fancybox-navigation .fancybox-button {
height: 38px;
opacity: 0;
padding: 6px;
position: absolute;
top: 50%;
width: 38px;
}
.fancybox-show-nav .fancybox-navigation .fancybox-button {
transition: opacity 0.25s, visibility 0s, color 0.25s;
}
.fancybox-navigation .fancybox-button:after {
content: "";
left: -25px;
padding: 50px;
position: absolute;
top: -25px;
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
right: 6px;
}
.fancybox-close-small {
background: transparent;
border: 0;
border-radius: 0;
color: #555;
cursor: pointer;
height: 44px;
margin: 0;
padding: 6px;
position: absolute;
right: 0;
top: 0;
width: 44px;
z-index: 10;
}
.fancybox-close-small svg {
fill: transparent;
opacity: .8;
stroke: currentColor;
stroke-width: 1.5;
transition: stroke 0.1s;
}
.fancybox-close-small:focus {
outline: none;
}
.fancybox-close-small:hover svg {
opacity: 1;
}
.fancybox-slide--iframe .fancybox-close-small,
.fancybox-slide--image .fancybox-close-small,
.fancybox-slide--video .fancybox-close-small {
color: #ccc;
padding: 5px;
right: -12px;
top: -44px;
}
.fancybox-slide--iframe .fancybox-close-small:hover svg,
.fancybox-slide--image .fancybox-close-small:hover svg,
.fancybox-slide--video .fancybox-close-small:hover svg {
background: transparent;
color: #fff;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
display: none;
}
.fancybox-caption {
bottom: 0;
color: #fff;
font-size: 14px;
font-weight: 400;
left: 0;
line-height: 1.5;
padding: 25px 44px;
right: 0;
}
.fancybox-caption:before {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
background-repeat: repeat-x;
background-size: contain;
bottom: 0;
content: "";
display: block;
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: -25px;
z-index: -1;
}
.fancybox-caption:after {
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
content: "";
display: block;
left: 44px;
position: absolute;
right: 44px;
top: 0;
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
color: #ccc;
text-decoration: none;
}
.fancybox-caption a:hover {
color: #fff;
text-decoration: underline;
}
.fancybox-loading {
animation: a .8s infinite linear;
background: transparent;
border: 6px solid rgba(99, 99, 99, 0.5);
border-radius: 100%;
border-top-color: #fff;
height: 60px;
left: 50%;
margin: -30px 0 0 -30px;
opacity: .6;
padding: 0;
position: absolute;
top: 50%;
width: 60px;
z-index: 99999;
}
@keyframes a {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
.fancybox-animated {
transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}
.fancybox-fx-slide.fancybox-slide--previous {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
opacity: 1;
transform: translateZ(0);
}
.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
opacity: 0;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1;
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity: 0;
transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity: 0;
transform: scale3d(0.5, 0.5, 0.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity: 1;
transform: scaleX(1);
}
.fancybox-fx-rotate.fancybox-slide--previous {
opacity: 0;
transform: rotate(-1turn);
}
.fancybox-fx-rotate.fancybox-slide--next {
opacity: 0;
transform: rotate(1turn);
}
.fancybox-fx-rotate.fancybox-slide--current {
opacity: 1;
transform: rotate(0deg);
}
.fancybox-fx-circular.fancybox-slide--previous {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
opacity: 1;
transform: scaleX(1) translateZ(0);
}
.fancybox-fx-tube.fancybox-slide--previous {
transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
transform: translateZ(0) scale(1);
}
.fancybox-share {
background: #f4f4f4;
border-radius: 3px;
max-width: 90%;
padding: 30px;
text-align: center;
}
.fancybox-share h1 {
color: #222;
font-size: 35px;
font-weight: 700;
margin: 0 0 20px;
}
.fancybox-share p {
margin: 0;
padding: 0;
}
.fancybox-share__button {
border: 0;
border-radius: 3px;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 40px;
margin: 0 5px 10px;
min-width: 130px;
padding: 0 15px;
text-decoration: none;
transition: all .2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
}
.fancybox-share__button:link,
.fancybox-share__button:visited {
color: #fff;
}
.fancybox-share__button:hover {
text-decoration: none;
}
.fancybox-share__button--fb {
background: #3b5998;
}
.fancybox-share__button--fb:hover {
background: #344e86;
}
.fancybox-share__button--pt {
background: #bd081d;
}
.fancybox-share__button--pt:hover {
background: #aa0719;
}
.fancybox-share__button--tw {
background: #1da1f2;
}
.fancybox-share__button--tw:hover {
background: #0d95e8;
}
.fancybox-share__button svg {
height: 25px;
margin-right: 7px;
position: relative;
top: -1px;
vertical-align: middle;
width: 25px;
}
.fancybox-share__button svg path {
fill: #fff;
}
.fancybox-share__input {
background: transparent;
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
color: #5d5b5b;
font-size: 14px;
margin: 10px 0 0;
outline: none;
padding: 10px 15px;
width: 100%;
}
.fancybox-thumbs {
background: #fff;
bottom: 0;
display: none;
margin: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 2px 2px 4px;
position: absolute;
right: 0;
-webkit-tap-highlight-color: 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 > ul {
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 > ul {
overflow: hidden;
}
.fancybox-thumbs-y > ul::-webkit-scrollbar {
width: 7px;
}
.fancybox-thumbs-y > ul::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px;
}
.fancybox-thumbs > ul > li {
backface-visibility: hidden;
cursor: pointer;
float: left;
height: 75px;
margin: 2px;
max-height: calc(92%);
max-width: calc(46%);
outline: none;
overflow: hidden;
padding: 0;
position: relative;
-webkit-tap-highlight-color: transparent;
width: 100px;
}
.fancybox-thumbs-loading {
background: rgba(0, 0, 0, 0.1);
}
.fancybox-thumbs > ul > li {
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.fancybox-thumbs > ul > li:before {
border: 4px solid #4ea7f9;
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 .fancybox-thumbs-active:before {
opacity: 1;
}
@media (max-width: 800px) {
.fancybox-thumbs {
width: 110px;
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px;
}
.fancybox-thumbs > ul > li {
max-width: calc(90%);
}
}@font-face {
font-family: lato;
src: url(//potolok.net/wp-content/themes/home-decor/fonts/lato/lato-regular.woff2) format("woff2"),
url(//potolok.net/wp-content/themes/home-decor/fonts/lato/lato-regular.woff) format("woff"),
url(//potolok.net/wp-content/themes/home-decor/fonts/lato/lato-regular.otf) format("opentype");
font-display: fallback;
font-style: normal;
font-weight: 400;
font-stretch: normal
}
@font-face {
font-family: lato;
src: url(//potolok.net/wp-content/themes/home-decor/fonts/lato/lato-bold.woff2) format("woff2"),
url(//potolok.net/wp-content/themes/home-decor/fonts/lato/lato-bold.woff) format("woff"),
url(//potolok.net/wp-content/themes/home-decor/fonts/lato/lato-bold.otf) format("opentype");
font-display: fallback;
font-style: normal;
font-weight: 700;
font-stretch: normal
}*,
*:before,
*:after {
box-sizing: border-box;
}
body {
font-family:
"Lato",
system-ui,
-apple-system,
sans-serif;
font-size: 16px;
}
b {
font-weight: bold;
}
a,
button {
text-decoration: none;
transition: 0.2s ease-out;
border: 0;
cursor: pointer;
}
a:hover {
text-decoration: underline;
}
img {
max-width: 100%;
}
pre {
padding: 5px;
line-height: 1.5;
}
.hidden,
.popup {
display: none;
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
section.devider {
height: 1000px;
}
.bold {
font-weight: bold;
}
.italic {
font-style: italic;
}
.underline {
text-decoration: underline;
}
.center {
text-align: center;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
sup {
font-size: 0.6em;
} .wrapper {
max-width: 1170px;
padding-right: 15px;
padding-left: 15px;
margin: 0 auto;
width: 100%;
}
.site {
overflow: hidden;
}
a {
color: #3d3d3f;
font-size: 16px;
font-weight: 400;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
min-width: 190px;
min-height: 40px;
border-radius: 5px;
padding: 10px;
font-size: 19px;
font-weight: 400;
text-decoration: none;
border: 0;
cursor: pointer;
}
.btn-full {
color: #ffffff;
background-color: #8bb413;
box-shadow: 0px 4px 0 #6d8d0f;
}
.btn-full:hover {
background-color: #7a9f0e;
box-shadow: 0px 4px 0 #617e0c;
}
.btn-full:active {
background-color: #648309;
box-shadow: 0px 4px 0 #516909;
color: rgba(255, 255, 255, 0.6);
}
.btn.disabled {
background-color: grey;
}
.btn-full.disabled {
box-shadow: 0px 4px 0 grey;
}
.btn-emp.disabled {
border-color: grey;
color: grey;
}
.btn-emp {
color: #ffffff;
border: 1px solid #6d8d0f;
font-size: 18px;
color: #3a3a3c;
}
.btn-emp:hover {
background-color: #6d8d0f;
color: #fff;
}
.btn-emp:active {
background-color: #6d8d0f;
color: rgba(255, 255, 255, 0.6);
}
.section-title {
color: #3a3a3c;
font-size: 36px;
font-weight: 600;
text-align: center;
}
.section-title-white {
color: #fefefe;
}
.page-header {
margin-bottom: 25px;
}
.page-title {
color: #3d3d3f;
font-size: 30px;
font-weight: 400;
text-align: center;
line-height: 1.2;
margin-top: -7px;
}  .wpcf7-form {
width: 315px;
padding: 25px;
background-color: white;
box-shadow: 0 0 16px 3px rgba(0, 0, 0, 0.11);
border-radius: 5px;
}
.wpcf7-form .wpcf7-form-control-wrap {
margin-bottom: 10px;
display: block;
}
.wpcf7-form input {
width: 100%;
padding: 7px 15px;
border: 0;
border-bottom: 1px solid #363636;
color: #424242;
font-size: 16px;
font-weight: 400;
border-radius: 0;
line-height: 1;
}
.wpcf7-form .btn {
border: 0;
border-radius: 5px;
padding: 10px;
font-size: 19px;
font-weight: 400;
cursor: pointer;
color: #fff;
}
::-webkit-input-placeholder { color: #424242;
font-size: 16px;
font-weight: 400;
}
::-moz-placeholder { color: #424242;
font-size: 16px;
font-weight: 400;
}
:-ms-input-placeholder { color: #424242;
font-size: 16px;
font-weight: 400;
}
:-moz-placeholder { color: #424242;
font-size: 16px;
font-weight: 400;
}
.wpcf7-form input.wpcf7-not-valid {
border-color: #f00;
}
span.wpcf7-not-valid-tip {
font-size: 14px;
margin-top: 5px;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
font-size: 15px;
width: 100%;
text-align: center;
padding: 10px;
}
.wpcf7-form .form-title {
color: #292929;
font-size: 18px;
font-weight: 400;
text-align: center;
margin-bottom: 10px;
}
.check-aggreement {
margin-top: 10px;
margin-bottom: 20px;
}
.check-aggreement label {
display: flex;
align-items: center;
position: relative;
min-height: 20px;
}
.check-aggreement input {
position: absolute;
opacity: 0;
left: 0;
top: 0;
width: 0;
height: 0;
}
.check-aggreement p,
.check-aggreement span.agree {
color: #424242;
font-size: 12px;
font-weight: 400;
line-height: 1;
padding-left: 30px;
text-transform: initial;
}
.check-aggreement input:disabled ~ .checkmark {
border-color: gray;
}
.check-aggreement .checkmark {
position: absolute;
top: 1px;
left: 0;
height: 20px;
width: 20px;
background-color: transparent;
border: 1px solid #363636;
}
.check-aggreement input:checked ~ .checkmark {
background-color: transparent;
border: 1px solid #363636;
}
.check-aggreement .checkmark:after {
content: "";
position: absolute;
display: none;
left: 3px;
top: 5px;
width: 12px;
height: 6px;
border: solid #363636;
border-width: 0 1px 1px 0;
transform: rotateY(180deg) rotate(45deg);
-webkit-transform: rotateY(180deg) rotate(45deg);
}
.check-aggreement input:checked ~ .checkmark:after {
display: block;
}  .header {
position: relative;
}
.header-top {
padding: 10px 0;
background-position: center;
background-size: cover;
background-image: url(//potolok.net/wp-content/themes/home-decor/img/header-top-bg.jpg);
}
.header-top .inner {
display: flex;
align-items: center;
justify-content: space-between;
}
.header-info p {
color: #000000;
font-size: 16px;
font-weight: 400;
margin-bottom: 8px;
}
.header-info a,
.header-info a.whatsapp-button,
.header-info a.max-button {
color: #000000;
font-size: 21px;
font-weight: 400;
position: relative;
padding-left: 25px;
}
.header-info-item a::before {
content: "";
background-image: url(//potolok.net/wp-content/themes/home-decor/img/phone.svg);
width: 17px;
height: 17px;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
background-size: contain;
}
.header-info a.whatsapp-button:before {
background-image: url(//potolok.net/wp-content/themes/home-decor/img/whatsapp-logo.png);
}
.header-info a.max-button:before {
background-image: url(//potolok.net/wp-content/themes/home-decor/img/max-logo.png);
}
.header-info-item {
margin-bottom: 10px;
}
.header-info-item:last-of-type {
margin-bottom: 0;
}
.header-callbacks-btns {
text-align: center;
}
.header-callbacks-callme {
display: block;
font-size: 19px;
margin-bottom: 20px;
color: #5c7908;
font-size: 19px;
font-weight: 400;
text-decoration: underline;
}
.header-calc-btns {
display: flex;
flex-direction: column;
}
.header-calc-btn {
margin-bottom: 14px;
position: relative;
padding-left: 40px;
}
.header-calc-btn:before {
content: "";
background-image: url(//potolok.net/wp-content/themes/home-decor/img/calc-icon.png);
width: 18px;
height: 22px;
position: absolute;
top: 8px;
left: 28px;
}
.header-color-btn {
position: relative;
padding-left: 40px;
}
.header-color-btn:before {
content: "";
background-image: url(//potolok.net/wp-content/themes/home-decor/img/pantone-icon.png);
width: 20px;
height: 20px;
position: absolute;
top: 9px;
left: 22px;
}
.home .header-bottom { }
.header-bottom {
width: 100%;
background-color: rgb(61, 61, 63); box-shadow: 0 7px 16px 0px rgba(0, 0, 0, 0.09); z-index: 111;
}
.header-menu > ul {
display: flex;
justify-content: space-between;
align-items: center;
}
.header-menu li {
position: relative;
flex-grow: 1;
} .header-menu ul li a {
display: flex;
align-items: center;
height: 49px;
font-size: 18px;
font-weight: 400;
text-decoration: none;
position: relative;
color: #ffffff;
}
.header-menu > ul > li > a {
justify-content: center;
}
.header-menu ul li.current-menu-item a {
pointer-events: none;
font-weight: bold;
}
.header-menu ul li.current-menu-item > a:after {
opacity: 1;
}
.header-menu ul li:hover > a:after {
opacity: 1;
}
.header-menu ul li a:after {
width: 100%;
content: "";
border-bottom: 3px solid #82aa0b;
opacity: 0;
position: absolute;
bottom: -1.5px;
left: 0;
}
.header-menu .sub-menu {
visibility: hidden;
opacity: 0;
background-color: #3d3d3f;
min-width: 200px;
position: absolute;
top: 100%;
right: 0;
transition:
visibility 0.2s,
opacity 0.2s ease-out;
transition-delay: 0.2s;
z-index: 9;
}
.header-menu .sub-menu .sub-menu {
top: 0;
left: 100%;
right: initial;
display: grid;
grid-template-rows: repeat(7, auto);
grid-auto-flow: column;
column-gap: 20px;
}
.sub-menu .sub-menu li {
min-width: 200px;
}
.header-menu li:hover > .sub-menu {
visibility: revert;
opacity: revert;
}
.header-menu ul li ul.sub-menu li a {
padding: 15px;
height: auto;
border-bottom: 1px solid #fff;
}  .header-logo {
flex-grow: 0.25;
}
.header-winter {
background-image: url(//potolok.net/wp-content/themes/home-decor/img/header-winter.jpg);
min-height: 98px;
}
.header-winter .header-logo a img {
position: relative;
left: -30px;
top: -15px;
}
.header-spring {
background-image: url(//potolok.net/wp-content/themes/home-decor/img/header-spring.jpg);
min-height: 98px;
}
.header-spring .header-logo a img {
position: relative;
left: -30px;
}
.header-autumn {
background-image: url(//potolok.net/wp-content/themes/home-decor/img/header-autumn.jpg);
min-height: 98px;
}
.header-dark .header-info p {
color: #2f2f2f;
font-weight: 600;
text-shadow:
-1px -1px 0 #fff,
1px -1px 0 #fff,
-1px 1px 0 #fff,
1px 1px 0 #fff;
}
.header-dark .header-info a {
color: #2f2f2f;
font-size: 22px;
font-weight: 600;
text-shadow:
-1px -1px 0 #fff,
1px -1px 0 #fff,
-1px 1px 0 #fff,
1px 1px 0 #fff;
}
.header-dark .header-calc-btn:before,
.header-dark .header-color-btn:before {
filter: brightness(0) invert(1);
}
.header-dark .header-calc-btn:hover::before,
.header-dark .header-color-btn:hover::before {
filter: none;
}
.header-dark .btn-emp {
background-color: #8bb413;
color: #fff;
border: 0;
}
.header-dark .btn-emp:hover {
background-color: #3a3a3c;
}  .front-carousel-item {
background-position: top;
background-size: cover;
position: relative;
}
.front-carousel-item-img {
}
.front-carousel-item-content {
max-width: 525px;
margin: 0 auto;
padding-top: 115px;
padding-bottom: 90px;
}
.front-carousel-item-title {
color: #ffffff;
font-size: 60px;
font-weight: 400;
text-align: center;
margin-bottom: 10px;
}
.front-carousel-item-subtitle {
text-align: right;
color: #ffffff;
font-size: 24px;
font-weight: 400;
}
.front-carousel-item-sale {
display: flex;
align-items: center;
justify-content: center;
margin-top: 25px;
margin-bottom: 30px;
}
.front-carousel-item-sale-value {
width: 177px;
height: 177px;
border: 10px solid #6d8d0f;
border-radius: 50%;
padding: 10px;
display: flex;
align-items: center;
justify-content: center;
margin-left: 60px;
}
.front-carousel-item-sale-value p {
width: 144px;
height: 144px;
color: #fefefe;
font-size: 60px;
font-weight: 400;
background-color: #6d8d0f;
border-radius: 50%;
padding: 0 15px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.front-carousel-item .btn {
width: 450px;
min-height: 47px;
font-size: 21px;
}
.owl-dots {
position: absolute;
width: 100%;
bottom: 18px;
display: flex;
justify-content: center;
align-items: center;
}
.owl-dot {
width: 12px;
height: 12px;
background-color: #ffffff !important;
border-radius: 50%;
margin-right: 6px;
}
.owl-dot:last-of-type {
margin-right: 0;
}
.owl-dot.active {
width: 18px;
height: 18px;
}
.front-categories {
padding: 60px 0;
}
.front-categories-items {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 60px;
}
.front-categories-item {
width: calc(100% / 4 - 25px);
height: 175px;
margin-bottom: 35px;
padding: 10px;
padding-top: 45px;
padding-bottom: 35px;
text-align: center;
position: relative;
text-decoration: none;
}
.front-categories-item-filler {
width: calc(100% / 4 - 25px);
height: 0;
}
.front-categories-item:hover {
box-shadow: 0 0 37px 12px rgba(0, 0, 0, 0.18);
}
.front-categories-item:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #363636;
opacity: 0.5;
}
.front-categories-item-title {
color: #ffffff;
font-size: 24px;
font-weight: 400;
text-align: center;
margin-bottom: 15px;
position: relative;
z-index: 1;
}
.front-categories-item-title:after {
content: "";
width: 89px;
height: 2px;
background-color: #8bb413;
margin: 0 auto;
margin-top: 15px;
display: block;
}
.front-categories-item-desc {
position: relative;
z-index: 1;
}
.front-categories-item-desc p {
color: #ffffff;
font-size: 20px;
font-weight: 400;
margin-bottom: 10px;
}
.front-categories-item-desc p:last-of-type {
margin-bottom: 0;
}
.front-advantages {
padding: 50px 0;
}
.front-advantages-items {
margin-top: 37px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.front-advantages-item {
width: calc(100% / 3);
margin-bottom: 30px;
max-width: 310px;
}
.front-advantages-item-img {
width: 115px;
height: 115px;
box-shadow: 0 0 16px 3px rgba(0, 0, 0, 0.04);
border-radius: 5px;
background-color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
margin-bottom: 15px;
}
.front-advantages-item-desc p {
color: #000000;
font-size: 19px;
font-weight: 400;
text-align: center;
line-height: 1.2;
}
.front-advantages-item-desc > :first-child:not(:only-child) {
color: #587309;
font-size: 21px;
font-weight: 700;
}
.front-about {
padding: 50px 0;
}
.front-about .inner {
max-width: 945px;
margin: 0 auto;
}
.front-about .content {
margin-top: 35px;
}
.front-about .content p {
color: #000000;
font-size: 18px;
font-weight: 400;
line-height: 1.33;
}
.home .share-widget {
text-align: left;
}
.works-widget {
margin-bottom: 65px;
overflow: hidden;
}
.works-widget-carousel .owl-carousel .owl-stage-outer {
overflow: visible;
}
.works-widget-carousel .owl-item {
opacity: 0;
transition: opacity 200ms;
}
.works-widget-carousel .owl-item.active {
opacity: 1;
}
.works-widget-carousel {
margin-top: 40px;
}
.works-widget-carousel-item {
box-shadow: 0 0 16px 3px rgba(0, 0, 0, 0.04);
background-color: #ffffff;
border-bottom: 5px solid #8bb413;
display: block;
text-decoration: none;
position: relative;
}
.works-widget-carousel-item:hover {
box-shadow: 0 0 25px 9px rgba(0, 0, 0, 0.15);
}
.works-widget-carousel-item-img {
height: 150px;
background-position: center;
background-size: cover;
}
.works-widget-carousel-item-desc {
padding: 20px;
text-align: center;
}
.works-widget p.works-widget-carousel-item-title {
color: #3a3a3c;
font-size: 21px;
font-weight: 400;
margin-bottom: 15px;
line-height: 1;
text-align: center;
}
.works-widget p.works-widget-carousel-item-price {
color: #587309;
font-size: 21px;
font-weight: bold;
line-height: 1;
text-align: center;
}
.works-widget-carousel-item-price small {
display: none;
}
.works-widget-more {
margin-top: 16px;
display: flex;
justify-content: flex-end;
}
.works-widget-more a {
color: #3d3d3f;
font-size: 16px;
font-weight: 400;
text-decoration: underline;
}
.works-widget-more a:hover {
text-decoration: none;
}
.owl-nav button {
width: 15px;
height: 28px;
opacity: 0.52;
position: absolute;
top: 50%;
transform: translateY(-50%);
outline: none;
}
.owl-nav button span {
font-size: 0;
}
.owl-nav button:hover {
opacity: 1;
}
.owl-next {
background-image: url(//potolok.net/wp-content/themes/home-decor/img/arrow-next.png) !important;
right: -30px;
}
.owl-prev {
background-image: url(//potolok.net/wp-content/themes/home-decor/img/arrow-prev.png) !important;
left: -30px;
}
.solutions__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
margin: 40px 0;
}
.solutions__grid--2 {
grid-template-columns: repeat(2, 1fr);
}
.solution-card {
display: flex;
flex-direction: column;
row-gap: 10px;
box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.12);
padding-bottom: 20px;
}
.solution-card__image {
width: 100%;
aspect-ratio: 3 / 2;
}
.solution-card__image img {
width: 100%;
aspect-ratio: 3 / 2;
object-fit: cover;
vertical-align: top;
}
.solution-card__image--contain {
aspect-ratio: revert;
height: 150px;
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
}
.solution-card__image--contain img {
aspect-ratio: revert;
object-fit: revert;
max-height: 150px;
width: auto;
}
.solution-card__row {
padding: 0 15px;
}
.solution-card .solution-card__title {
font-size: 21px;
margin: 0;
font-weight: 400;
}
.solution-card__price {
font-size: 21px;
line-height: 1.5;
font-weight: 700;
color: #587309;
display: flex;
flex-wrap: wrap;
align-items: center;
column-gap: 10px;
}
.solution-card__price small {
font-size: 0.6em;
}
.solution-card__tags {
color: #999;
flex-grow: 1;
}
.solution-card .solution-card__list {
font-size: 16px;
margin: 0;
}  .calc {
background-image: url(//potolok.net/wp-content/themes/home-decor/img/calc-bg.jpg);
background-position: center;
background-size: cover;
padding: 50px 0;
position: relative;
}
.calc:after {
content: "";
background-color: #e5f7b1;
opacity: 0.74;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.calc .inner {
position: relative;
z-index: 1;
}
.calc-block {
margin-top: 50px;
display: flex;
justify-content: space-between;
}
.calc-block-left {
margin-top: 30px;
margin-right: 70px;
}
.calc-form {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.calc-form-item {
width: calc(100% / 2 - 25px);
margin-bottom: 45px;
display: flex;
justify-content: space-between;
align-items: center;
}
.calc-form-item.required label:before {
content: "*";
color: #fd0000;
margin-right: 5px;
}
.calc-form-item input,
.calc-form-item select {
width: 147px;
height: 36px;
border-radius: 5px;
background-color: #ffffff;
border: 0;
padding: 0 15px;
}
.calc-form-item label {
color: #3a3a3c;
font-size: 18px;
font-weight: 400;
padding-right: 20px;
}
.calc-total {
display: flex;
align-items: flex-end;
flex-direction: column;
margin-top: 35px;
}
.calc-total-sum {
margin-bottom: 17px;
}
.calc-total-sum p {
color: #2c2c2c;
font-size: 18px;
font-weight: 400;
}
.calc-total-sale p {
color: #2c2c2c;
font-size: 30px;
font-weight: 400;
}  .free-ruller {
background-image: url(//potolok.net/wp-content/themes/home-decor/img/free-ruller-bg.jpg);
background-position: center;
background-size: cover;
padding-top: 60px;
padding-bottom: 75px;
position: relative;
}
.free-ruller .section-title-white {
color: #fff;
font-size: 36px;
font-weight: 600;
margin-top: 0;
}
.free-ruller:after {
content: "";
background-color: #252525;
opacity: 0.78;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.free-ruller .inner {
position: relative;
z-index: 1;
}
div.wpcf7 .ajax-loader {
display: none;
}
.form-gorizontal {
width: 100%;
max-width: 945px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 35px 60px;
margin-top: 40px;
}
.form-gorizontal .form-title {
margin: 0 auto;
margin-bottom: 30px; width: 100%;
}
.form-gorizontal .btn {
width: 285px;
}
.form-gorizontal .wpcf7-form-control-wrap {
max-width: 230px;
margin-bottom: 30px;
}  .free-ruller-white {
background-image: none;
background-color: #fff;
padding-top: 0;
padding-bottom: 0;
margin-top: 60px;
margin-bottom: 75px;
}
.free-ruller-white:after {
display: none;
}
.discount-form-wrap {
margin: 0 15px;
margin-bottom: 30px;
}
.discount-form-wrap .wpcf7-form {   }
.discount-form-wrap .wpcf7-form .form-title.bold {
font-weight: 600;
margin-bottom: 0;
}
.discount-form-wrap .wpcf7-form p span {
color: #8bb413;
}  .reviews-widget .reviews-item-rating-stars > li {
pointer-events: none;
}
.reviews-widget {
padding: 30px 0;
background-color: #f5fbe4;
}
.reviews-carousel {
margin: 0 auto;
margin-top: 30px;
max-width: 945px;
}
.reviews-item-info {
width: 100%;
}
.reviews-item-desc {
margin-bottom: 0; }
.reviews-item-desc {
color: #000000;
font-size: 18px;
font-weight: 400;
line-height: 24px;
}
.reviews-item-summary {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 10px;
}
.reviews-item-rating {
display: flex;
align-items: center;
}
.reviews-item-rating-grade {
margin-left: 16px;
}
.reviews-item-rating-grade p {
color: #4a4a4a;
font-size: 14px;
font-weight: 400;
}
.reviews-item-author p {
color: #000000;
font-size: 18px;
font-weight: bold;
line-height: 24px;
}
.reviews-item-img {
width: 265px !important;
height: 200px;
object-fit: cover;
margin-top: 15px;
}
.reviews-carousel .owl-next {
right: -50px;
}
.reviews-carousel .owl-prev {
left: -50px;
}
.reviews-item-rating-stars > li.star {
display: inline-block;
width: 18px;
height: 17px;
background-image: url(//potolok.net/wp-content/themes/home-decor/img/star-empty.png);
cursor: pointer;
}
.reviews-item-rating-stars > li.star.hover {
background-image: url(//potolok.net/wp-content/themes/home-decor/img/star-full.png);
}
.reviews-item-rating-stars > li.star.selected {
background-image: url(//potolok.net/wp-content/themes/home-decor/img/star-full.png);
}
.reviews-widget-more {
display: flex;
justify-content: flex-end;
margin-top: 0; }
.reviews-item-name {
display: none;
}  .footer {
background-color: #3c3a3f;
color: #fff;
}
.footer a {
color: #fff;
}
.footer-topline .inner {
display: flex;
justify-content: space-between;
}
.footer-topline {
padding: 25px 0;
}
.footer-menu li {
margin-bottom: 3px;
}
.footer-menu a {
color: #ffffff;
font-size: 14px;
font-weight: 400;
text-decoration: none;
}
.footer-menu a:hover {
text-decoration: underline;
}
.footer-menu-title {
font-weight: bold;
padding-bottom: 11px;
font-size: 17px;
}
.vreview .section-title,
.certicates .section-title {
padding-bottom: 36px;
}
.vreview,
.certicates {
padding: 50px;
}
.certicate-item img {
width: 100%;
aspect-ratio: 10 / 13;
}
.footer-phones {
align-self: stretch;
display: flex;
flex-direction: column;
text-align: right;
}
.footer-callback {
margin-top: auto;
}
.footer-callback a.btn {
margin: 0;
}
.footer-phones-item .work-time {
color: #fff;
width: 100%;
display: block;
margin-bottom: 23px;
text-align: revert;
}
.footer-logo {
max-width: 104px;
align-self: flex-start;
}
.footer-phones a {
display: block;
color: #ffffff;
font-size: 22px;
font-weight: 600;
position: relative;
text-decoration: none;
}
.footer-phones a:before {
content: "";
background-image: url(//potolok.net/wp-content/themes/home-decor/img/phone-icon-big.png);
width: 23px;
height: 23px;
position: absolute;
top: 0;
left: 0;
}
.footer-phones-item {
position: relative;
}
.footer-phones a { margin-bottom: 7px;
}
.footer-phones a:hover {
text-decoration: underline;
}
.footer-callback .btn {
font-size: 14px;
text-align: center;
padding: 12px 18px;
width: auto;
font-weight: 500;
box-shadow: none;
min-width: 140px;
}
.footer-info {
text-align: right;
}
.footer-info .btn {
margin-bottom: 16px;
}
.footer-schedule {
color: #ffffff;
font-size: 18px;
font-weight: 400;
margin-bottom: 15px;
}
.footer-office {
color: #fff;
font-size: 13px;
font-weight: 400;
text-decoration: navajowhite;
margin-bottom: 6px;
display: block;
padding-top: 12px;
padding-bottom: 12px;
margin-top: auto;
}
.footer-bottomline {
border-top: 1px solid #595959;
padding: 15px 0;
}
.footer-bottomline .inner {
display: flex;
align-items: center;
}
.footer-copy {
margin-right: 120px;
}
.footer-copy p,
.footer-copy p a {
color: #ffffff;
font-size: 14px;
font-weight: 600;
}
a.footer-policy {
margin-left: 5px;
}
.footer-copy p.footer-offer {
margin-top: 10px;
font-size: 12px;
font-weight: normal;
}
.socials {
display: inline-flex;
column-gap: 10px;
}
.footer--socials {
margin-bottom: 10px;
}
.footer--socials a {
background-position: center;
background-size: contain;
width: 27px;
height: 27px;
}
.footer-offer {
opacity: 0.4;
line-height: 139%;
}
.social-vk {
background-image: url(//potolok.net/wp-content/themes/home-decor/img/vk-icon.png);
}
.social-fb {
background-image: url(//potolok.net/wp-content/themes/home-decor/img/fb-icon.png);
}  .site-content { }
.home .site-content { }
.main-page {
margin-bottom: 40px;
}
.main-page-inner {
display: flex;
justify-content: space-between;
}
.main-page-body {
width: 100%;
}
.content p {
color: #000000;
font-size: 16px;
font-weight: 400;
margin: 20px 0;
line-height: 1.3;
text-align: justify;
}
.single-post .content p {
text-align: justify;
line-height: 1.3;
}
.content h1 {
color: #000000;
font-size: 30px;
font-weight: 400;
margin-bottom: 1em;
}
.content h2 {
color: #000000;
font-size: 26px;
font-weight: 400;
margin-bottom: 1em;
margin-top: 40px;
}
.content h3 {
color: #000000;
font-size: 24px;
font-weight: 400;
margin-bottom: 1em;
}
.content h4 {
color: #000000;
font-size: 22px;
font-weight: 400;
margin-bottom: 1em;
}
.content h5 {
color: #000000;
font-size: 20px;
font-weight: 400;
margin-bottom: 1em;
}
.content h6 {
color: #000000;
font-size: 18px;
font-weight: 400;
margin-bottom: 1em;
}
.content ol {
list-style-type: decimal;
padding-left: 25px;
margin-bottom: 20px;
}
.content ol li {
color: #000000;
font-size: 18px;
font-weight: 400;
line-height: 1.33;
}
.content ul {
margin-bottom: 20px;
overflow: hidden;
}
.content ul li {
color: #000000;
font-size: 18px;
font-weight: 400;
line-height: 1.33;
position: relative;
padding-left: 35px;
}
.content ul li:before {
content: "";
background-image: url(//potolok.net/wp-content/themes/home-decor/img/list-icon.png);
width: 17px;
height: 13px;
position: absolute;
top: 5px;
left: 8px;
}
.content-gallery-items {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
gap: 30px;
margin-bottom: 30px;
}
.content-gallery-item {
height: 175px;
}
.content-gallery-item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.content table {
margin-bottom: 30px;
}
.content table tr:first-of-type td {
color: #000000;
border-bottom: 5px solid #8bb413;
padding: 15px;
text-align: center;
background-color: white !important;
white-space: nowrap;
}
.content table td {
color: #434343;
font-size: 16px;
text-align: center;
padding: 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.4);
vertical-align: middle;
}
.alignleft {
margin-right: 30px;
}
.alignright {
margin-left: 30px;
}  .breadcrumbs {
padding-top: 25px;
padding-bottom: 30px;
}
.breadcrumbs span a {
color: #000000;
font-size: 13px;
font-weight: 400;
text-decoration: none;
}
.breadcrumbs span a:hover {
text-decoration: underline;
}
.breadcrumbs .current-item {
font-weight: bold;
pointer-events: none;
}  .left-sidebar {
width: 265px;
margin-right: 30px;
flex-shrink: 0;
}
.share-widget {
text-align: center;
margin-top: 20px;
min-height: 24px;
}  .banner-carousel {
padding-bottom: 17px;
}
.banner-carousel-item {
height: 200px;
display: block;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.banner-carousel .owl-dots {
bottom: -17px;
}
.banner-carousel .owl-dot {
width: 10px;
height: 10px;
border: 1px solid #82aa0b !important;
background-color: transparent !important;
margin-right: 4px;
}
.banner-carousel .owl-dot:last-of-type {
margin-right: 0;
}
.banner-carousel .owl-dot.active {
background-color: #82aa0b !important;
}  .sidebar-menu {
margin-top: 25px;
}
.sidebar-menu ul li a {
color: #3c3c3c;
font-size: 16px;
font-weight: 400;
display: block;
padding: 8px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
text-decoration: none;
}
.sidebar-menu ul.sub-menu li:last-of-type a {
border: 0;
}
.sidebar-menu ul li.current-menu-item a {
font-weight: bold;
}
.sidebar-menu ul li a:hover {
text-decoration: underline;
}
.sidebar-menu ul.sub-menu {
padding: 10px;
}
.sidebar-menu ul li.menu-item-has-children > a {
color: #000000;
font-size: 20px;
font-weight: 400;
display: flex;
justify-content: center;
align-items: center;
height: 40px;
border-radius: 5px;
background-color: #dcecac;
text-decoration: none;
pointer-events: none;
border: 0;
}  .reviews-items .star {
pointer-events: none;
}
.comment-form-email,
.comment-form-url,
.comment-form p label,
.comment-reply-title,
.comment-notes {
display: none;
}
.comments-area .reviews-item-rating-grade {
display: none;
}
.comments-area .reviews-item {
padding-bottom: 35px;
position: relative;
margin-bottom: 35px;
}
.comments-area .reviews-item:after {
content: "";
width: 95%;
height: 1px;
background-color: #555555;
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
}
.add-comment-btn {
color: #3c3c3f;
font-size: 24px;
font-weight: 400;
position: relative;
padding-left: 37px;
text-decoration: none;
pointer-events: none;
}
.add-comment-btn:before {
content: "";
background-image: url(//potolok.net/wp-content/themes/home-decor/img/plus-icon.png);
width: 27px;
height: 27px;
position: absolute;
top: 3px;
left: 0;
}
.comment-form-container {
margin-top: 45px;
}
.comment-form {
margin-top: 30px;
position: relative;
max-width: 640px;
padding-bottom: 5px;
}
.comment-form input[type="text"] {
width: 220px;
height: 40px;
border-radius: 5px;
border: 1px solid #636363;
margin-bottom: 15px;
font-family: "Lato", sans-serif;
padding: 0 20px;
color: #000000;
font-size: 16px;
font-weight: 400;
}
.comment-form textarea {
width: 100%;
height: 90px;
border-radius: 5px;
border: 1px solid #636363;
font-family: "Lato", sans-serif;
padding: 10px 20px;
color: #000000;
font-size: 16px;
font-weight: 400;
}
.logged-in-as {
margin-bottom: 10px;
}
.comment-form-comment {
margin-bottom: 15px;
}
.comment-form .reviews-item-rating {
position: absolute;
top: 4px;
right: 0;
}
[data-name="comment-rating"] {
display: none;
}
.comment-form .btn {
width: 250px;
}
.comments-area .reviews-item > .reviews-item {
padding-left: 40px;
padding-bottom: 0;
margin-bottom: 0;
background-color: rgba(128, 128, 128, 0.1);
padding: 20px;
border-left: 2px dashed #a5a5a5;
margin-top: 20px;
}
.comments-area .reviews-item > .reviews-item:after {
display: none;
}
.comments-area .reviews-item > .reviews-item .reviews-item-summary {
justify-content: flex-end;
}
.comments-area .reviews-item > .reviews-item .reviews-item-desc {
font-style: italic;
color: #a5a5a5;
}
.comments-area .reviews-item > .reviews-item .reviews-item-author p {
color: #8bb413;
font-style: italic;
}
.comments-area .reviews-item > .reviews-item .reviews-item-info {
padding-top: 0;
}  .wp-commentnavi,
.wp-pagenavi {
display: flex;
align-items: center;
justify-content: center;
margin: 30px 0;
}
.wp-commentnavi span,
.wp-commentnavi a,
.wp-pagenavi span,
.wp-pagenavi a {
padding: 8px 10px !important;
border: 2px solid #8bb413 !important;
color: #000 !important;
}
.wp-commentnavi span.current,
.wp-pagenavi span.current,
.wp-commentnavi a:hover,
.wp-pagenavi a:hover {
background-color: #8bb413 !important;
color: #fff !important;
}  .sales-item {
display: flex;
justify-content: space-between;
margin-bottom: 45px;
}
.sales-item-img {
width: 260px;
height: 175px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
flex-shrink: 0;
}
.sales-item-text {
padding-left: 30px;
width: 100%;
}
.sales-item-title {
color: #536e07;
font-size: 21px;
font-weight: bold;
line-height: 21px;
}
.sales-item-desc {
margin-top: 30px;
}
.sales-item-desc p {
color: #000;
font-size: 16px;
font-weight: 400;
margin-bottom: 20px;
line-height: 1.2;
}
.sales-item-desc p:last-of-type {
margin-bottom: 0;
}  .pagination {
display: flex;
align-items: center;
justify-content: center;
margin-top: 30px;
}
.nav-links {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 4px;
}
.pagination span,
.pagination a {
display: inline-block;
padding: 8px 10px;
border: 2px solid #8bb413;
color: #000;
text-decoration: none;
}
.pagination span.current,
.pagination a:hover {
background-color: #8bb413;
color: #fff;
}  .category-header {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
}
.category-header-img {
width: 455px;
height: 305px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
flex-shrink: 0;
}
.category-header-text {
padding-left: 35px;
}
.category-header-text .yandex-handbook {
display: flex;
justify-content: flex-end;
margin-top: 15px;
}
.category-header-desc {
margin-bottom: 30px;
}
.category-header-desc p {
color: #000000;
font-size: 16px;
font-weight: 400;
line-height: 1.2;
margin-bottom: 20px;
}
.category-header-desc p:last-of-type {
margin-bottom: 0;
}
.category-header-prices {
text-align: right;
margin-bottom: 20px;
}
.category-header-old-price {
color: #000000;
font-size: 18px;
font-weight: 400;
line-height: 1.1;
margin-bottom: 8px;
text-decoration: line-through;
}
.category-header-new-price {
color: #000000;
font-size: 30px;
font-weight: 400;
}
.category-header-order {
display: flex;
justify-content: flex-end;
}
.category-header-order .btn {
width: 235px;
}  .news-items {
margin-top: 30px;
}
.news-item {
display: flex;
justify-content: space-between;
padding-bottom: 35px;
margin-bottom: 35px;
position: relative;
}
.news-item:last-of-type {
margin-bottom: 0;
}
.news-item:after {
content: "";
width: 80%;
height: 1px;
background-color: rgba(0, 0, 0, 0.3);
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.news-item-img {
width: 165px;
height: 130px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
flex-shrink: 0;
}
.news-item-text {
padding-left: 30px;
}
.news-item-title {
color: #536e07;
font-size: 21px;
font-weight: bold;
text-decoration: underline;
margin-bottom: 15px;
display: block;
}
.news-item-title:hover {
text-decoration: none;
}
.news-item-desc {
margin-bottom: 15px;
}
.news-item-desc p {
color: #000000;
font-size: 16px;
font-weight: 400;
line-height: 1.2;
margin-bottom: 20px;
}
.news-item-desc p:last-of-type {
margin-bottom: 0;
}
.news-item-date {
color: #525252;
font-size: 15px;
font-weight: 400;
line-height: 1.2;
} .news-detail-header {
display: flex;
justify-content: space-between;
}
.news-detail-header-img {
width: 100%;
max-width: 458px;
height: 280px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
flex-shrink: 0;
margin-bottom: 30px;
margin-right: 30px;
}
p.news-detail-date {
margin-bottom: 10px;
color: #484848;
font-size: 16px;
font-weight: 400;
line-height: 1.2;
}  .news-features {
padding-top: 40px;
}
.news-features-title {
color: #3d3d3f;
font-size: 24px;
font-weight: 400;
text-align: center;
}
.news-features-items {
margin-top: 40px;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.news-features-item {
flex-grow: 1;
flex-basis: calc(100% / 3);
padding: 0 15px;
}
.news-features-item-img {
height: 180px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
margin-bottom: 10px;
}
.news-features-item-title {
color: #425703;
font-size: 16px;
font-weight: 400;
line-height: 18px;
text-decoration: underline;
text-align: center;
}
.news-features-item:hover .news-features-item-title {
text-decoration: none;
} .dealer-items {
display: flex;
justify-content: space-around;
margin: 30px 0;
}
.dealer-item-img {
height: 67px;
margin-bottom: 10px;
display: flex;
align-items: center;
justify-content: center;
}
.dealer-item {
max-width: 200px;
}
p.dealer-item-title {
color: #000000;
font-size: 16px;
font-weight: 400;
line-height: 18px;
text-align: center;
margin-bottom: 0;
}
.dealer-price-btn {
padding-bottom: 5px;
margin: 30px 0;
}
.dealer-price-btn a {
width: 285px;
margin: 0 auto;
}  .map-widget {
height: 450px;
margin: 30px 0;
position: relative;
background-size: cover;
}
.map-widget > iframe,
.map-widget > ymaps {
width: 100% !important;
height: 100% !important;
}
.map-widget-btn {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.4);
display: flex;
align-items: center;
justify-content: center;
font-size: 22px;
color: #fff;
transition: 0.2s ease-out;
}
.map-widget-btn:hover {
background-color: rgba(0, 0, 0, 0.5);
}  .contacts-header {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
margin-top: 40px;
}
.contacts-header-address {
max-width: 280px;
text-align: center;
margin-bottom: 70px;
}
.contacts-header-address:last-child {
max-width: 560px;
}
.contacts-header-address-title {
color: #000000;
font-size: 24px;
font-weight: 400;
padding-bottom: 10px;
margin-bottom: 20px;
position: relative;
}
.contacts-header-address-title:after {
content: "";
width: 97px;
height: 2px;
background-color: #82aa0b;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.contacts-header-address-desc {
color: #000000;
font-size: 16px;
font-weight: 400;
line-height: 1;
margin-bottom: 10px;
}
.contacts-header-address-desc:last-of-type {
margin-bottom: 0;
}
.contacts-info p,
.contacts-info a {
color: #000000;
font-size: 18px;
font-weight: 400;
margin-bottom: 15px;
}
.contacts-info {
text-align: center;
}
.contacts-form .wpcf7-form {
width: 100%;
max-width: 500px;
margin: 0 auto;
}
.page-contacts .map {
margin: 30px 0;
}
.contacts-office-title {
color: #3d3d3f;
font-size: 24px;
font-weight: 400;
margin-bottom: 20px;
}
.contacts-office-items {
display: flex;
}
.contacts-office-item:first-of-type {
margin-right: 125px;
}
.contacts-office-item a {
color: #3d3d3f;
font-size: 18px;
font-weight: 400;
text-decoration: underline;
display: block;
margin-bottom: 10px;
}
.contacts-office-item a:hover {
text-decoration: none;
}  .certificate-items {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
max-width: 735px;
margin: 0 auto;
}
.certificate-item {
width: calc(50% - 20px);
margin-bottom: 30px;
}  .guarantee-items {
margin-top: 45px;
}
.guarantee-item {
margin-bottom: 30px;
display: flex;
justify-content: space-between;
align-items: center;
}
.guarantee-item-img {
width: 165px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.guarantee-item-text {
padding-left: 30px;
}
.guarantee-item-title {
font-size: 18px;
font-weight: bold;
}
.guarantee-item-desc p {
color: #000000;
font-size: 16px;
font-weight: 400;
line-height: 21px;
text-align: justify;
}
.guarantee-cert-items {
display: flex;
justify-content: space-between;
max-width: 750px;
margin: 0 auto;
margin-top: 50px;
flex-wrap: wrap;
}
.guarantee-cert-item {
width: calc(100% / 4 - 25px);
}
.guarantee-cert-item-filler {
width: calc(100% / 4 - 25px);
height: 0;
}  .price-depends {
margin-top: 45px;
}
.price-depends-title {
color: #000000;
font-size: 24px;
font-weight: 400;
text-align: center;
}
.price-depends-item {
margin-top: 45px;
}
.price-depends-item {
margin-bottom: 30px;
display: flex;
justify-content: space-between;
align-items: center;
}
.price-depends-item-img {
width: 165px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.price-depends-item-text {
padding-left: 30px;
}
.price-depends-item-title {
color: #6a802b;
font-size: 20px;
font-weight: 400;
margin-bottom: 5px;
}
.price-depends-item-desc p {
color: #000000;
font-size: 16px;
font-weight: 400;
line-height: 21px;
text-align: justify;
}
table.table-price tr:first-of-type td:first-of-type,
table.table-price tr td:first-of-type {
text-align: left;
}
table.table-price tr:nth-child(odd) td {
background-color: #f5f5f5;
}  table.table-lamps td {
padding: 5px;
max-width: 160px;
}
.lamps-catalog {
margin-bottom: 50px;
}
.lamps-items {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.lamps-item {
width: calc(100% / 3 - 18px);
box-shadow: 0 0 16px 3px rgba(0, 0, 0, 0.04);
margin-bottom: 27px;
border-bottom: 5px solid #8bb413;
}
.lamps-item-filler {
width: calc(100% / 3 - 18px);
height: 0;
}
.lamps-item-img {
height: 150px;
display: flex;
align-items: center;
justify-content: center;
padding: 5px;
}
.lamps-item-text {
padding: 15px;
}
p.lamps-item-title {
color: #3a3a3c;
font-size: 18px;
font-weight: 400;
margin-bottom: 15px;
}
p.lamps-item-size {
color: #3a3a3c;
font-size: 16px;
font-weight: 400;
margin-bottom: 5px;
}
p.lamps-item-price {
color: #587309;
font-size: 21px;
font-weight: bold;
}
.lamps-catalog-more-btn {
display: flex;
justify-content: flex-end;
}
.lamps-catalog-more-btn a {
color: #5b7806;
font-size: 16px;
font-weight: 400;
text-decoration: underline;
}
.lamps-catalog-more-btn a:hover {
text-decoration: none;
}  .page-template-template-calculator .calc-block {
max-width: 760px;
margin: 0 auto;
margin-top: 50px;
}
.page-template-template-calculator .calc-block-left {
margin: 0;
}
.page-template-template-calculator .calc-total-sale p {
color: #607d0d;
}
.page-template-template-calculator .free-ruller-white {
margin: 50px 0;
}
.page-template-template-calculator .form-gorizontal {
padding: 35px 30px;
}
.page-template-template-calculator .calc-form input,
.page-template-template-calculator .calc-form select {
border: 1px solid #464646;
background-color: #ffffff;
}  #callback-popup {
padding: 0;
}
#callback-popup .form-vertical {
padding: 50px 30px;
}
#callback-popup .wpcf7-form .wpcf7-form-control-wrap {
margin-bottom: 15px;
}
#callback-popup .wpcf7-form .btn {
width: 230px;
margin: 0 auto;
}
.fancybox-button,
.fancybox-button {
color: #8bb413;
}
.fancybox-button:focus,
.fancybox-button:hover {
color: #7a9f0e;
}  .question-items > .question-item {
margin-bottom: 30px;
cursor: pointer;
padding-right: 20px;
}
.question-items > .question-item > .question-item-desc {
padding-left: 5px;
position: relative;
padding-right: 30px;
}
.question-items > .question-item > .question-item-desc p {
color: #5d790b;
font-size: 20px;
font-weight: 400;
line-height: 1.2;
}
.question-items > .question-item > .question-item-desc:after {
content: "";
background-image: url(//potolok.net/wp-content/themes/home-decor/img/down-arrow.png);
width: 17px;
height: 10px;
position: absolute;
right: 0;
top: 8px;
transition: 0.4s ease-out;
}
.question-items > .question-item.active > .question-item-desc:after {
transform: rotate(180deg);
}
.question-item > .children {
background-color: #f5f5f5;
padding: 20px;
transform: translateY(10px);
}
.question-item > .children .question-item-desc {
color: #000000;
font-size: 16px;
font-weight: 400;
line-height: 21px;
text-align: justify;
}
.question-form-container .add-comment-btn:before {
background-image: url(//potolok.net/wp-content/themes/home-decor/img/question-icon.png);
}
.question-form-container .acf-comment-fields {
display: none;
}  .category-widget {
margin: 50px 0;
overflow: hidden;
}
.category-widget-carousel {
margin-top: 60px;
}
.category-widget-carousel .owl-carousel .owl-stage-outer {
overflow: visible;
}
.category-widget-carousel .owl-item {
opacity: 0;
transition: opacity 200ms;
}
.category-widget-carousel .owl-item.active {
opacity: 1;
}
.category-widget-item {
height: 175px;
padding: 10px;
padding-top: 45px;
padding-bottom: 35px;
text-align: center;
position: relative;
text-decoration: none;
display: block;
background-position: center;
background-size: cover;
}
.category-widget-item:hover {
box-shadow: 0 0 37px 12px rgba(0, 0, 0, 0.18);
}
.category-widget-item:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #363636;
opacity: 0.5;
}
.category-widget-item-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.category-widget-item-title {
color: #ffffff;
font-size: 24px;
font-weight: 400;
text-align: center;
margin-bottom: 15px;
position: relative;
z-index: 1;
}
.category-widget-item-title:after {
content: "";
width: 89px;
height: 2px;
background-color: #8bb413;
margin: 0 auto;
margin-top: 15px;
display: block;
}
.category-widget-item-desc {
position: relative;
z-index: 1;
}
.category-widget-item-desc p {
color: #ffffff;
font-size: 20px;
font-weight: 400;
margin-bottom: 10px;
}
.category-widget-item-desc p:last-of-type {
margin-bottom: 0;
}
.category-widget-more {
display: flex;
justify-content: flex-end;
margin-top: 16px;
}  .products-items {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.products-item {
width: calc(100% / 3 - 25px);
margin-bottom: 35px;
padding: 10px;
padding-top: 45px;
padding-bottom: 35px;
text-align: center;
position: relative;
text-decoration: none;
display: block;
background-position: center;
background-size: cover;
}
.products-item-filler {
width: calc(100% / 3 - 25px);
height: 0;
}
.products-item:hover {
box-shadow: 0 0 37px 12px rgba(0, 0, 0, 0.18);
}
.products-item:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #363636;
opacity: 0.5;
}
.products-item-title {
color: #ffffff;
font-size: 24px;
font-weight: 400;
text-align: center;
margin-bottom: 15px;
position: relative;
z-index: 1;
}
.products-item-title:after {
content: "";
width: 89px;
height: 2px;
background-color: #8bb413;
margin: 0 auto;
margin-top: 15px;
display: block;
}
.products-item-desc {
position: relative;
z-index: 1;
}
.products-item-desc p {
color: #ffffff;
font-size: 20px;
font-weight: 400;
margin-bottom: 10px;
}
.products-item-desc p:last-of-type {
margin-bottom: 0;
}  .color-flash {
margin: 40px auto;
text-align: center;
}
.color-tabs {
margin-bottom: 40px;
border-bottom: 2px solid #8bb413;
}
.color-tabs ul {
display: flex;
align-items: center;
margin-bottom: 0;
}
.color-tabs ul li {
margin-right: 5px;
padding-left: 0;
}
.color-tabs ul li:before {
display: none;
}
.color-tabs ul li a {
background-color: #eee;
color: #666;
display: flex;
align-items: center;
justify-content: center;
padding: 10px 15px;
text-decoration: none;
}
.color-tabs ul li a.active,
.color-tabs ul li a:hover {
color: #fff;
background-color: #8bb413;
}
.color-blocks {
display: none;
}
.color-blocks.active {
display: block;
}
.color-block {
margin-bottom: 20px;
}
.color-block-title {
color: #000000;
font-size: 24px;
font-weight: 400;
line-height: 1;
margin-bottom: 20px;
}
.color-items {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.color-item {
width: calc(100% / 9 - 5px);
height: 150px;
margin-bottom: 5px;
background-position: center;
background-size: cover;
}
.color-item-filler {
width: calc(100% / 9 - 5px);
height: 0;
}  .mobile-menu-button {
display: none;
}
.mobile-panel {
opacity: 0;
visibility: hidden;
z-index: -1;
position: fixed;
}
.table-wrapper {
max-width: 100%;
overflow-x: auto;
} .work_ico {
margin: 45px 0;
text-align: center;
}
.work_ico .bcontent div {
font-size: 13pt;
display: inline-block;
width: 225px;
vertical-align: top;
margin: 5px 0;
}
.work_ico .bcontent div:before {
content: "";
width: 50px;
height: 50px;
background-color: #fff;
display: block;
vertical-align: middle;
margin: 5px auto 5px auto;
background-repeat: no-repeat;
}
.work_ico .bcontent div:nth-child(1):before {
background-image: url(//potolok.net/wp-content/themes/home-decor/img/01.png);
}
.work_ico .bcontent div:nth-child(2):before {
background-image: url(//potolok.net/wp-content/themes/home-decor/img/02.png);
}
.work_ico .bcontent div:nth-child(3):before {
background-image: url(//potolok.net/wp-content/themes/home-decor/img/03.png);
}
.work_ico .bcontent div:nth-child(4):before {
background-image: url(//potolok.net/wp-content/themes/home-decor/img/04.png);
}
.work_ico .bcontent div:nth-child(5):before {
background-image: url(//potolok.net/wp-content/themes/home-decor/img/05.png);
}
.work_ico .bcontent div:nth-child(6):before {
background-image: url(//potolok.net/wp-content/themes/home-decor/img/06.png);
} .price-conteiner {
margin: 20px 10px;
width: calc(100% - 20px);
box-sizing: border-box;
clear: both;
display: inline-block;
box-sizing: border-box;
transform: matrix(1, 0, -0.176327, 1, 0, 0);
padding: 0;
}
.price-conteiner .name {
border: 1px solid #89b10f;
width: 45%;
color: #89b10f;
font-size: 1.5em;
display: inline-block;
text-align: center;
box-sizing: border-box;
float: left;
padding-top: 12px;
height: 50px;
box-sizing: border-box;
font-weight: bold;
}
.price-conteiner .price {
width: 55%;
color: #89b10f;
font-size: 1.5em;
display: inline-block;
text-align: center;
box-sizing: border-box;
float: left;
padding-top: 12px;
font-weight: bold;
color: white;
background: #89b10f;
height: 50px;
box-sizing: border-box;
border: 1px solid #89b10f;
}
#discount-popup {
padding: 0px;
}
#discount-popup .popup-inner {
display: flex;
justify-content: space-between;
}
.discount-popup-left {
text-transform: uppercase;
background-image: url(//potolok.net/wp-content/themes/home-decor/img/calc-bg.jpg);
background-position: center;
background-size: cover;
padding: 50px;
position: relative;
width: 100%;
}
.discount-popup-left > * {
position: relative;
z-index: 1;
}
.discount-popup-left:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.5);
}
.discount-popup-right {
padding: 50px;
}
.discount-popup-title {
color: #8bb413;
font-size: 42px;
font-weight: bold;
margin-bottom: 20px;
}
.discount-popup-desc {
max-width: 400px;
margin-bottom: 40px;
}
.discount-popup-desc p {
color: #000;
font-size: 32px;
font-weight: bold;
margin-bottom: 20px;
}
.discount-popup-desc p span {
color: #8bb413;
}
.discount-popup-tip p {
font-size: 22px;
}
#prompt-comment-subscribe {
display: none;
}
.workhours {
font-size: 14px;
padding: 8px 0 8px 10px;
text-align: center;
background: #8ab211;
color: #fff;
}
.workhours span {
padding: 3px 10px;
width: 33%;
display: inline-block;
}
.workhours i.clock {
width: 15px;
height: 15px;
background-position: center;
background-size: auto 100%;
background-image: url(//potolok.net/wp-content/themes/home-decor/img/clock-icon.png);
display: inline-block;
vertical-align: text-bottom;
background-repeat: no-repeat;
margin-right: 5px;
}
@media screen and (max-width: 576px) {
.workhours span {
width: 100%;
}
}
.copy_right {
margin-top: 10px;
}
.stati-widget {
margin-top: 2rem;
} @media (min-width: 576px) { }
.modal-body .wpcf7-form {
margin: auto;
}
.wrap_4ba {
bottom: 100px !important;
} .topper {
background-color: #3d3d3f;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 10;
}
.topper-block {
display: flex;
justify-content: center;
align-content: center;
padding: 10px 0;
}
.topper-text p {
color: #fff;
}
.topper-close {
line-height: 0;
margin-left: 5px;
}
.topper-close-btn {
background-color: transparent;
padding: 0;
position: relative;
width: 16px;
height: 16px;
}
.topper-close-btn span {
width: 100%;
height: 2px;
background-color: #fff;
display: block;
position: absolute;
}
.topper-close-btn span:first-child {
transform: rotate(45deg);
}
.topper-close-btn span:last-child {
transform: rotate(-45deg);
} .btn.btn-full.header-callbacks-gauger {
background-color: #c700ff;
box-shadow: 0px 4px 0 #a800d8;
transition: 0.3s ease;
margin-bottom: 14px;
}
.btn.btn-full.header-callbacks-gauger:hover {
background-color: #3d3d3f;
box-shadow: 0px 4px 0 #1e1e1e;
}
.work-time {
font-size: 13px;
padding-top: 5px;
text-align: right;
color: #3d3d3f;
}
.footer-phones a:before {
display: none;
} .section-faq {
padding: 50px 0;
}
.content + .section-faq {
padding: 0;
}
.section-faq .section-title {
padding-bottom: 36px;
}
.faq {
padding-top: 12px;
}
.faq-item {
cursor: pointer;
padding: 10px 15px;
background-color: #e8f7cf;
border-radius: 14px;
}
@media screen and (min-width: 767px) {
.faq-item {
margin: 0;
}
}
.faq-item:nth-child(even) {
background-color: #fff;
}
.faq-item:nth-child(even) .faq-item__answer {
background-color: #e8f7cf;
}
@media screen and (min-width: 1440.98px) {
.faq-item {
padding: 15px 80px;
}
}
@media screen and (min-width: 480px) {
.faq-item {
padding: 18px 30px 20px 30px;
}
}
.faq-item.open .faq-item__arrow svg {
transform: rotate(-45deg);
}
.faq-item.open .faq-item__answer {
max-height: 1000px;
margin-top: 15px;
padding: 18px 27px;
margin-bottom: 10px;
opacity: 1;
}
.faq-item.open .icon-cross {
transform: rotate(360deg);
}
.faq-item.open .icon-cross::after {
transition: 0.5s ease 0.45s;
transform: rotate(90deg);
}
.faq-item__question {
display: flex;
align-items: center;
padding: 14px 0;
}
.faq-item__answer {
max-height: 0;
overflow: hidden;
transition: 0.3s ease;
color: #000;
font-size: 15px;
line-height: 125%;
padding: 0 27px;
background-color: #fff;
border-radius: 8px;
line-height: 150%;
opacity: 0;
}
@media screen and (min-width: 767px) {
.faq-item__answer {
font-size: 16px;
}
}
@media screen and (min-width: 1440.98px) {
.faq-item__answer {
font-size: 16px;
}
}
.faq-item__title {
flex-grow: 1;
font-weight: 600;
font-size: 17px;
line-height: 133%;
color: #1b1a1c;
}
@media screen and (min-width: 576px) {
.faq-item__title {
font-size: 18px;
}
}
@media screen and (min-width: 1440.98px) {
.faq-item__title {
font-size: 20px;
}
}
.faq-item__arrow {
display: flex;
align-items: center;
transition: 0.3s ease;
margin-left: 10px;
}
.faq-item__arrow svg {
transition: 0.3s ease;
}
.icon-cross {
width: 20px;
min-width: 20px;
height: 20px;
display: inline-block;
position: relative;
margin-left: 10px;
transition: 0.8s ease;
}
@media screen and (min-width: 576px) {
.icon-cross {
width: 24px;
min-width: 24px;
height: 24px;
}
}
.icon-cross::after,
.icon-cross::before {
display: inline-block;
background: #6a6a6a;
position: absolute;
content: "";
}
.icon-cross::before {
width: 100%;
height: 2px;
top: 50%;
margin-top: -1px;
}
.icon-cross::after {
top: 0;
left: 50%;
margin-left: -1px;
width: 2px;
height: 100%;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.video-item {
position: relative;
border-radius: 12px;
overflow: hidden;
}
.video-item picture::before {
content: "";
background-color: rgba(0, 0, 0, 0.2);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 3;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgcng9IjUwIiBmaWxsPSIjOTNDMjI3Ii8+PHBhdGggZD0iTTYzLjIzMiA0OC4yOTdhMiAyIDAgMDEwIDMuNDA2TDQzLjA0OCA2NC4xMjRjLTEuMzMyLjgyLTMuMDQ4LS4xMzgtMy4wNDgtMS43MDNWMzcuNTc5YzAtMS41NjUgMS43MTYtMi41MjMgMy4wNDgtMS43MDNsMjAuMTg0IDEyLjQyeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==);
background-size: 45px auto;
background-position: center;
background-repeat: no-repeat;
opacity: 0.9;
transition: 0.3s ease;
border-radius: 12px;
}
.video-item:hover picture::before {
background-color: rgba(0, 0, 0, 0.5);
opacity: 0.9;
}
.video-item:hover picture img {
transform: scale(1.05);
}
.video-item picture {
display: block;
padding-top: 76%;
position: relative;
border-radius: 12px;
}
.video-item picture img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 12px;
transition: 0.3s ease;
}
.form-cf7-callback {
width: 100%;
box-shadow: none;
background-color: #e8f7cf;
max-width: 650px;
margin: 0 auto;
}
.form-cf7-callback textarea {
width: 100%;
resize: vertical;
border: none;
border-radius: 6px;
}
.form-cf7-callback .wpcf7-form-control-wrap {
padding-top: 12px;
padding-bottom: 12px;
}
.form-cf7-callback .wpcf7-form-control-wrap input {
border: none;
height: 48px;
border-radius: 7px;
}
.form-cf7-callback [type="submit"] {
height: 48px;
border: none;
background: #8cb415;
color: #fff;
font-weight: 600;
border-radius: 5px;
cursor: pointer;
}
.form-cf7-callback [type="submit"]:hover {
height: 48px;
opacity: 0.8;
}
.wpcf7 .form-cf7-callback .wpcf7-response-output {
padding: 12px;
font-size: 14px;
line-height: 140%;
}
.sale-date {
background-color: #8bb413;
color: #fff;
display: inline-flex;
padding: 8px 24px;
border-radius: 30px;
font-weight: bold;
line-height: 120%;
}
.front-carousel-item .wrapper {
position: relative;
}
.wrapper.slider-wrapper {
position: absolute;
bottom: 46px;
left: 0;
right: 0;
justify-content: center;
display: flex;
gap: 16px;
align-items: center;
}
.wrapper.slider-wrapper a {
font-weight: 900;
font-size: 18px;
line-height: 120%;
}
.sale-date span {
width: 40px;
height: 40px;
background-size: contain;
background-position: center;
margin-right: 10px;
margin-left: -14px;
}
.whatsapp-item,
.tg-item,
.max-item,
.email-item {
text-align: left;
}
.tg-item,
.max-item {
margin-bottom: 16px;
}
.tg-item a::before {
background: url(//potolok.net/wp-content/themes/home-decor/img/telegram-logo-icon.png) no-repeat;
background-size: contain;
}
.email-item a::before {
background: url(//potolok.net/wp-content/themes/home-decor/img/at.svg) no-repeat;
background-size: contain;
}
.social-wa {
background: url(//potolok.net/wp-content/themes/home-decor/img/whatsapp-icon.png) no-repeat;
transition: transform 0.5s ease-in-out;
}
.social-tg {
background: url(//potolok.net/wp-content/themes/home-decor/img/telegram-logo-icon.png) no-repeat;
background-size: contain !important;
transition: transform 0.5s ease-in-out;
}
.social-max {
background: url(//potolok.net/wp-content/themes/home-decor/img/max-logo.png) no-repeat;
background-size: contain !important;
transition: transform 0.5s ease-in-out;
}
.social-wa:hover {
transform: rotate(360deg);
}
.social-tg:hover {
transform: rotate(360deg);
}
.footer-phones-item > .footer-social {
margin-bottom: 16px;
justify-content: flex-end;
}
.social-block {
display: none;
}
.front-carousel .owl-carousel:not(.owl-loaded) {
display: block;
}
.front-carousel .owl-carousel:not(.owl-loaded) > div {
display: none;
}
.front-carousel .owl-carousel:not(.owl-loaded) > div:first-child {
display: block;
}
.search-form {
display: flex;
background-color: #fff;
padding: 5px;
border-radius: 4px;
}
.header .search-form {
flex: 0 1 0;
max-width: min(200px, 15%);
}
.mobile-panel .search-form {
border: 1px solid #ddd;
margin: 40px auto 80px;
max-width: 250px;
}
.search-field {
flex-grow: 1;
border: none;
background-color: transparent;
outline: none;
height: 32px;
font-size: 16px;
min-width: 0;
}
.search-submit {
background-color: transparent;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.ntabs {
margin-bottom: 50px;
}
.ntabs-controls {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
margin-bottom: 30px;
}
.ntabs-controls__item {
background-color: #e3e3e3;
border-radius: 5px;
padding: 12px 18px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
}
.ntabs-controls__item.active {
background-color: #8bb413;
color: #fff;
}
.ntabs-content__item {
display: none;
}
.ntabs-content__item.active {
display: block;
}
.text-center {
text-align: center !important;
}
.order-steps {
background-color: #f5fbe4;
padding: 60px 0 50px;
}
.order-steps .section-title {
margin-bottom: 50px;
}
.order-steps__list {
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 75px;
row-gap: 30px;
}
.order-steps__item {
background-color: #fff;
border-radius: 15px;
padding: 30px;
text-align: center;
position: relative;
}
.order-steps__item::after {
display: none;
content: "";
position: absolute;
top: 50%;
left: 100%;
transform: translate(22px, -50%);
width: 32px;
height: 32px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 31.087 32'%3E%3Cpath fill='%23536e07' fill-rule='evenodd' d='M3.35 0 0 3.374 12.54 16 0 28.626 3.35 32l15.891-16zm11.847 0-3.351 3.374L24.386 16l-12.54 12.626L15.196 32l15.891-16z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
}
.order-steps__item:nth-child(3n + 1)::after,
.order-steps__item:nth-child(3n + 2)::after {
display: block;
}
.order-steps__item {
background-color: #fff;
padding: 30px;
text-align: center;
}
.step-card__name {
color: #587309;
font-size: 21px;
font-weight: 700;
line-height: 1.5;
margin-bottom: 15px;
margin-left: -10px;
width: calc(100% + 20px);
}
.step-card__icon {
height: 65px;
margin-bottom: 15px;
}
.step-card__icon img {
max-height: 100%;
}
.step-card__description {
margin: 0;
font-size: 16px;
line-height: 1.25;
}
.nowrap {
white-space: nowrap;
}
.semibold {
font-weight: 600;
}
@media screen and (max-width: 1199px) {
.order-steps__list {
grid-template-columns: 1fr 1fr;
}
.order-steps__item:nth-child(3n + 1)::after,
.order-steps__item:nth-child(3n + 2)::after {
display: none;
}
.order-steps__item:nth-child(2n +1)::after {
display: block;
}
}
@media screen and (max-width: 991px) {
.solutions__grid {
grid-template-columns: revert;
grid-auto-flow: column;
grid-auto-columns: 280px;
padding: 20px 0;
gap: 20px;
overflow-x: auto;
}
}
@media screen and (max-width: 767px) {
.order-steps__list {
grid-template-columns: 1fr;
row-gap: 62px;
}
.order-steps__item::after {
top: 100%;
left: 50%;
transform: translate(-50%, 15px) rotate(90deg);
}
.order-steps__item:nth-child(2n)::after {
display: block;
}
.order-steps__item:last-child::after {
display: none;
}
}
@media screen and (max-width: 576px) {
.work-time {
font-size: 11px;
}
.wrapper.slider-wrapper {
flex-direction: column;
align-items: center;
bottom: 0;
}
}@media screen and (max-width: 1200px) {
.main-page-body {
overflow: auto;
}
.header-bottom {
display: none;
} .mobile-menu-button {
display: block;
width: 40px;
}
.mobile-menu-button span {
display: block;
height: 5px;
background-color: #8bb413;
margin-bottom: 5px;
transition: 0.3s ease-in-out;
}
.mobile-menu-button span:last-of-type {
margin-bottom: 0;
}
body.active {
overflow: hidden;
}
body.active .mobile-menu-button span:nth-child(1) {
transform: translateY(5px) rotate(45deg);
}
body.active .mobile-menu-button span:nth-child(2) {
opacity: 0;
}
body.active .mobile-menu-button span:nth-child(3) {
transform: translateY(-15px) rotate(-45deg);
}
.mobile-panel {
opacity: 0;
visibility: hidden;
position: fixed;
top: 175px;
left: 0;
background: white;
width: 100%;
height: calc(100% - 175px);
overflow-y: scroll;
opacity: 0;
transition: 0.3s ease-in-out;
transform: translateY(50px);
z-index: 11;
padding-bottom: 20px;
}
.active .mobile-panel {
opacity: 1;
visibility: visible;
transform: translateY(0px);
}
.mobile-menu ul li {
position: relative;
}
.mobile-menu ul li a {
height: 49px;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
font-weight: 400;
text-decoration: none;
position: relative;
color: #000;
}
.mobile-menu ul li a:hover {
color: #8bb413;
}
.mobile-menu ul li .expand {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
background-color: #8bb413;
font-size: 24px;
color: #fff;
position: absolute;
top: 10px;
right: 15px;
outline: none;
}
.mobile-menu ul li .expand:after {
content: "+";
display: block;
}
.mobile-menu ul li.active > .expand:after {
content: "-";
margin-top: -4px;
}
.mobile-menu ul li ul.sub-menu {
display: none;
border-top: 1px solid #8bb413;
border-bottom: 1px solid #8bb413;
}
.mobile-menu ul li ul.sub-menu li a {
font-size: 16px;
}
.reviews-carousel {
max-width: calc(100% - 100px);
}
.works-widget-carousel {
max-width: calc(100% - 60px);
margin: 0 auto;
margin-top: 40px;
}
.calc-form-item {
width: calc(100% / 2 - 10px);
}
.calc-block-left {
margin-right: 20px;
}
.products-item {
width: calc(100% / 2 - 10px);
margin-bottom: 20px;
}
.products-item-filler {
width: calc(100% / 2 - 10px);
}
.lamps-item {
width: calc(100% / 3 - 10px);
margin-bottom: 20px;
}
.lamps-item-filler {
width: calc(100% / 3 - 10px);
}
.table-wrapper table {
min-width: 576px;
}
.color-item {
width: calc(100% / 4 - 10px);
margin-bottom: 20px;
height: 150px;
}
.color-item-filler {
width: calc(100% / 4 - 10px);
}
.alignleft,
.alignright {
max-width: 50%;
}
.news-detail-header-img {
max-width: 50%;
}
.category-header-img {
width: 50%;
}
.category-widget-carousel {
padding: 0 30px;
}
}
@media screen and (max-width: 992px) {
.header-logo {
flex-grow: revert;
}
.header-calc-btns,
.header .search-form {
display: none;
}
.mobile-panel .header-calc-btns {
display: block;
width: 190px;
margin: 0 auto;
margin-top: 20px;
}
.mobile-panel .header-callbacks-btns,
.mobile-panel .header-info {
display: none;
}
.front-categories-item,
.front-categories-item-filler {
width: calc(100% / 3 - 25px);
}
.calc-block {
flex-direction: column;
justify-content: center;
align-items: center;
}
.calc-block-left {
margin-right: 0;
margin-bottom: 40px;
}
.form-gorizontal {
padding: 35px;
}
.form-gorizontal .wpcf7-form-control-wrap {
max-width: 200px;
}
.footer-topline .inner {
flex-direction: column;
align-items: center;
row-gap: 20px;
}
.footer-logo,
.footer-menu,
.footer-phones,
.footer-info {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.footer-menu-title {
text-align: center;
}
.footer-office {
margin-right: auto;
}
.footer-menu-title {
text-align: center;
}
.footer-menu-title {
cursor: pointer;
}
.footer-menu-title::after {
content: "";
width: 24px;
height: 24px;
display: inline-block;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNSIgZmlsbD0iI2ZmZiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTS4yMzEuMmEuODguODggMCAwMTEuMTE3IDBMNSAzLjM1NCA4LjY1Mi4yQS44OC44OCAwIDAxOS43Ny4yYS42MTguNjE4IDAgMDEwIC45NjRMNS41NTkgNC44YS44OC44OCAwIDAxLTEuMTE3IDBMLjIzMiAxLjE2NGEuNjE4LjYxOCAwIDAxMC0uOTY0eiIvPjwvc3ZnPg==);
background-repeat: no-repeat;
background-position: center;
margin-left: 6px;
transition: 0.3s ease;
}
.footer-menu-title {
display: flex;
justify-content: center;
margin-right: -30px;
}
.footer-menu.is-open .footer-menu-title::after {
transform: rotate(180deg);
}
.footer-menu:not(.is-open) > ul {
display: none;
}
.footer-menu li {
text-align: center;
}
.site-content {
padding-top: 0;
}
.main-page-inner {
flex-direction: column;
align-items: center;
}
.left-sidebar {
margin-right: 0;
order: 1;
}
.pagination {
margin-bottom: 20px;
}
.lamps-item,
.lamps-item-filler {
width: calc(100% / 2 - 10px);
}
.comment-form-container {
margin-bottom: 40px;
}
.left-sidebar {
margin-top: 40px;
}
.map-widget {
height: 300px;
}
.category-header {
flex-direction: column;
align-items: center;
}
.category-header-img {
width: 100%;
margin-bottom: 20px;
}
.category-header-text {
padding-left: 0;
}
#discount-popup .popup-inner {
display: block;
}
.discount-popup-right .wpcf7-form {
margin: 0 auto;
}
.front-carousel-item {
padding-bottom: 90px;
}
.front-carousel-item .btn {
bottom: 15px;
}
.footer-phones-item > .footer-social {
justify-content: center;
}
.social-block {
position: fixed;
bottom: 20%;
right: 0;
z-index: 9;
display: flex;
flex-direction: column;
gap: 0.313rem;
}
.social-block__item {
width: 2.813rem;
height: 2.813rem;
border-radius: 0.625rem;
display: block;
}
.social-block__item--wa {
padding: 0.313rem;
background: #2cb742;
}
.social-block__item--tg {
padding: 0.313rem;
background: #27a7e7;
}
.social-block__item--wa svg {
fill: #fff;
}
.social-block__item--tg svg {
fill: #fff;
}
.social-block__item--max {
background: url(//potolok.net/wp-content/themes/home-decor/img/Max-logo-fix.png) no-repeat;
background-size: cover;
}
}
@media screen and (min-width: 768px) {
.header-top {
display: flex;
align-items: center;
min-height: 180px;
}
}
@media screen and (max-width: 768px) {
.header-callbacks-btns {
display: none;
}
.mobile-panel {
top: 130px;
height: calc(100% - 130px);
}
.mobile-panel .header-callbacks-btns {
display: block;
width: 190px;
margin: 0 auto;
margin-top: 20px;
}
.front-categories-item,
.front-categories-item-filler {
width: calc(100% / 2 - 15px);
}
.calc-form {
flex-direction: column;
align-items: center;
}
.calc-form-item {
width: 100%;
margin-bottom: 20px;
}
.front-advantages-item {
width: calc(100% / 2);
}
.form-gorizontal {
flex-direction: column;
align-items: center;
max-width: 380px;
}
.form-gorizontal .wpcf7-form-control-wrap {
margin-bottom: 20px;
}
.reviews-item-summary {
flex-wrap: wrap;
}
.reviews-item-rating {
width: 100%;
justify-content: space-between;
margin-bottom: 10px;
}
.footer-copy p a {
display: block;
margin-left: 0;
margin-top: 10px;
}
.front-advantages-item-desc p {
padding: 0 10px;
}
.comment-form .reviews-item-rating {
width: auto;
}
.color-item,
.color-item-filler {
width: calc(100% / 3 - 10px);
}
.news-features-items {
flex-wrap: wrap;
}
.news-features-item {
margin-bottom: 20px;
}
.news-features-item:nth-child(3) {
display: none;
}
.header-dark .header-logo a img {
top: 10px;
left: 0;
}
.alignleft,
.alignright {
float: none;
max-width: 100%;
margin: 0;
}
}
@media screen and (max-width: 576px) {
.header-info p {
font-size: 14px;
margin-bottom: 4px;
}
.header-info a {
font-size: 14px;
}
.header-top {
padding: 10px 0;
}
.header-logo {
width: 100px;
}
.mobile-panel .header-info {
display: block;
width: 190px;
margin: 0 auto;
margin-top: 20px;
}
.front-carousel-item-title {
font-size: 30px;
}
.front-carousel-item-subtitle {
font-size: 18px;
}
.front-carousel-item .btn {
width: 100%;
max-width: 280px;
text-align: center;
height: 60px;
}
.front-carousel-item-content {
padding: 40px 15px;
}
.front-carousel-item {
height: auto;
padding: 0;
padding-bottom: 90px;
}
.front-carousel-item .btn {
bottom: 15px;
}
.front-carousel-item-img {
position: static;
}
.front-categories-item,
.front-categories-item-filler {
width: 100%;
}
.front-categories-item {
margin-bottom: 15px;
}
.calc-form-item {
flex-direction: column;
align-items: center;
}
.calc-form-item label {
padding-right: 0;
margin-bottom: 10px;
}
.calc-block {
margin-top: 0;
}
.calc-total-sale p {
font-size: 20px;
}
.front-advantages-item-desc p {
font-size: 14px;
}
.reviews-item-rating {
flex-wrap: wrap;
}
.reviews-item-rating-stars {
width: 100%;
margin-bottom: 10px;
}
.reviews-item-rating-grade {
margin-left: 0;
}
.products-item,
.products-item-filler {
width: 100%;
}
.page-title {
line-height: 1.2;
}
.price-depends-item {
flex-direction: column;
align-items: center;
}
.price-depends-item-text {
padding-left: 0;
}
.price-depends-item-img {
margin-bottom: 10px;
}
.sales-item {
flex-direction: column;
align-items: center;
}
.sales-item-text {
padding-left: 0;
}
.sales-item-img {
margin-bottom: 10px;
width: 100%;
}
.lamps-item,
.lamps-item-filler {
width: 100%;
}
.reviews-item-info {
padding-top: 0;
}
.dealer-items {
flex-wrap: wrap;
}
.dealer-item {
width: 100%;
margin-bottom: 20px;
}
.map-widget {
height: 250px;
}
.map-widget-btn {
font-size: 18px;
}
.contacts-header {
flex-direction: column;
align-items: center;
}
.contacts-header-address {
margin-bottom: 30px;
}
.contacts-office-item:first-of-type {
margin-right: 0px;
}
.contacts-office-items {
flex-direction: column;
}
.color-item,
.color-item-filler {
width: calc(100% / 2 - 10px);
}
.guarantee-item {
flex-direction: column;
align-items: center;
}
.guarantee-item-img {
margin-bottom: 10px;
}
.guarantee-item-text {
padding-left: 0;
}
.guarantee-cert-item {
width: calc(100% / 2 - 10px);
margin-bottom: 20px;
}
.guarantee-cert-item-filler {
width: calc(100% / 2 - 10px);
}
.certificate-item {
width: calc(50% - 10px);
margin-bottom: 10px;
}
.news-item {
flex-direction: column;
align-items: center;
}
.news-item-img {
width: 100%;
margin-bottom: 10px;
}
.news-item-text {
padding-left: 0;
}
.news-features-item {
flex-basis: 100%;
}
.news-features-item:nth-child(3) {
display: block;
}
.news-detail-header {
flex-direction: column;
align-items: center;
}
.news-detail-header-img {
max-width: 100%;
margin-right: 0;
}
.news-detail-header-text {
padding-left: 0;
}
.question-items > .question-item > .question-item-desc {
font-size: 20px;
line-height: 1.2;
}
.category-header-img {
height: 250px;
}
.price-conteiner .price,
.price-conteiner .name {
display: block;
width: 100%;
}
.footer-bottomline .inner {
flex-direction: column;
}
.footer-copy {
margin-right: 0;
margin-bottom: 20px;
text-align: center;
}
.fancybox-slide--html {
padding: 15px;
}
.discount-popup-left,
.discount-popup-right {
padding: 40px 15px;
}
.discount-popup-right {
padding: 15px;
}
#discount-popup {
width: 100%;
}
.discount-popup-title {
font-size: 30px;
}
.discount-popup-left > * {
text-align: center;
}
.discount-popup-desc p {
font-size: 18px;
}
.discount-popup-tip p {
font-size: 18px;
font-weight: bold;
}
.discount-popup-right .wpcf7-form {
width: 100%;
}
.discount-popup-desc {
margin-bottom: 20px;
}
.front-carousel .owl-dots {
position: static;
}
.front-carousel .owl-dots .owl-dot {
background-color: #8bb413 !important;
}
.header-dark .header-info a {
font-size: 14px;
}
.header-dark .header-logo a img {
top: 0px;
}
.discount-form-wrap {
margin: 0;
margin-bottom: 30px;
}
.discount-form-wrap .wpcf7-form-control-wrap {
max-width: 100%;
}
.form-gorizontal {
padding: 30px 15px;
}
.main-page-body {
overflow: initial;
}
}.wp-commentnavi a, .wp-commentnavi a:link {
padding: 2px 4px 2px 4px; 
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;	
}
.wp-commentnavi a:visited {
padding: 2px 4px 2px 4px; 
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;	
}
.wp-commentnavi a:hover {	
border: 1px solid #000000;
color: #000000;
background-color: #FFFFFF;
}
.wp-commentnavi a:active {
padding: 2px 4px 2px 4px; 
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;	
}
.wp-commentnavi span.pages {
padding: 2px 4px 2px 4px; 
margin: 2px 2px 2px 2px;
color: #000000;
border: 1px solid #000000;
background-color: #FFFFFF;
}
.wp-commentnavi span.current {
padding: 2px 4px 2px 4px; 
margin: 2px;
font-weight: bold;
border: 1px solid #000000;
color: #000000;
background-color: #FFFFFF;
}
.wp-commentnavi span.extend {
padding: 2px 4px 2px 4px; 
margin: 2px;	
border: 1px solid #000000;
color: #000000;
background-color: #FFFFFF;
}
.wp-commentnavi-all-comments-link {
}