.captcha-image {
border: 1px solid;
padding: 10px;
display: inline-block;
text-align: center;
}
.cf7ic_instructions {
display: block;
}
.captcha-image .cf7ic_instructions span {
font-weight: bold;
}
span.captcha-image > label {
display: inline-block !important;
position: relative;
width: auto !important;
} .captcha-image svg {
padding: 5px;
width: 35px;
height: 35px;
box-sizing: border-box;
}
.captcha-image label>input+svg {
cursor: pointer;
border: 2px solid transparent;
position: relative;
overflow: hidden;
}
.captcha-image label:nth-child(2),
.captcha-image label:nth-child(3) {
margin-right: 5px;
} .captcha-image label>input:checked+svg,
.captcha-image label>input:focus+svg {
border: 2px solid #f00;
}  span.wpcf7-form-control.wpcf7-cf7ic {
border: none;
}
.kc_captcha {
display: inherit;
} .cf7ic-style1 {
border: 1px solid;
padding: 10px;
display: inline-block;
text-align: center;
}
.cf7ic-icon-wrapper {
font-size: inherit;
}
.cf7ic-style1 .cf7ic-icon-wrapper .fa,
.cf7ic-style1 .cf7ic-icon-wrapper svg {
font-size: inherit;
border-color: inherit;
}
body .cf7ic-style1 .cf7ic-icon-wrapper svg {
width: 1em;
height: 1em;
fill: currentColor;
box-sizing: content-box !important;
}
.woocommerce .captcha-image .cf7ic-icon-wrapper label,
.woocommerce-page .captcha-image .cf7ic-icon-wrapper label,
.captcha-image .cf7ic-icon-wrapper label {
display: inline-block;
width: inherit;
vertical-align: text-top;
}
.captcha-image label>input { opacity: 0 !important;
width: 0 !important;
height: 0 !important;
min-width: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
position: absolute !important;
}
.captcha-image label>input+* { position: static;
cursor: pointer;
border-width: 2px;
border-style: none;
border-color: transparent;
padding: 7px;
}
.captcha-image label>input:checked+*,
.captcha-image label>input:focus+* { padding: 7px;
border-width: 2px;
border-style: solid;
}
.cf7ic-special {
opacity: 0;
filter: alpha(opacity=0);
pointer-events: none;
position: absolute;
left: 0;
width: 200px;
}
.cf7ic-loader,
.cf7ic-loader:before,
.cf7ic-loader:after {
border-radius: 50% !important;
width: 2em !important;
height: 2em !important;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation: cf7ic-load 1.2s infinite ease-in-out;
animation: cf7ic-load 1.2s infinite ease-in-out;
}
.cf7ic-loader {
display: block;
color: #444;
font-size: 10px !important;
margin: 4.8em 6em !important;
position: relative !important;
text-indent: -9999em !important;
-webkit-transform: translateZ(0) !important;
-ms-transform: translateZ(0) !important;
transform: translateZ(0) !important;
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
.cf7ic-loader:before,
.cf7ic-loader:after {
content: '';
position: absolute;
top: 0;
}
.cf7ic-loader:before {
left: -3.5em;
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.cf7ic-loader:after {
left: 3.5em;
}
@-webkit-keyframes cf7ic-load {
0%,
80%,
100% {
box-shadow: 0 2.5em 0 -1.3em;
}
40% {
box-shadow: 0 2.5em 0 0;
}
}
@keyframes cf7ic-load {
0%,
80%,
100% {
box-shadow: 0 2.5em 0 -1.3em;
}
40% {
box-shadow: 0 2.5em 0 0;
}
} .ai1ic-fields {
height: 0 !important;
display: block;
overflow: hidden !important;
}
body .ai1ic-fields input {
position: absolute;
transform: scale(0);
}
.cf7ic-wpf {
margin-bottom: 30px !important;
}
.cf7ic-wpf .captcha-image label {
width: 35px !important;
}
.cf7ic-wpf .captcha-image label i {
width: 35px !important;
text-align: center;
}
.cf7ic-wpf .captcha-image .cf7ic-icon-wrapper {
display: block;
text-align: left !important;
}.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}:root {
--color1: #433F36;
--color2: #5C8E3F;
--color3: #eaf2e7;
--gradient1: linear-gradient(100deg, #565146 10%, #918A82 55%, #46413B 100%);
--gradient2: linear-gradient(100deg, #92B97D 10%, #AACB97 55%, #92B97D 100%);
--gradient3: linear-gradient(100deg, #A7A49C 10%, #918A82 55%, #A6A098 100%)
}
@font-face {
font-family: TildaSans;
src: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/fonts/TildaSans-Light.eot);
src: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/fonts/TildaSans-Light.eot?#iefix) format('embedded-opentype'),url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/fonts/TildaSans-Light.woff2) format('woff2'),url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/fonts/TildaSans-Light.woff) format('woff');
font-weight: 300;
font-style: normal
}
@font-face {
font-family: TildaSans;
src: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/fonts/TildaSans-Regular.eot);
src: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/fonts/TildaSans-Regular.eot?#iefix) format('embedded-opentype'),url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/fonts/TildaSans-Regular.woff2) format('woff2'),url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/fonts/TildaSans-Regular.woff) format('woff');
font-weight: 400;
font-style: normal
}
@font-face {
font-family: TildaSans;
src: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/fonts/TildaSans-Medium.eot);
src: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/fonts/TildaSans-Medium.eot?#iefix) format('embedded-opentype'),url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/fonts/TildaSans-Medium.woff2) format('woff2'),url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/fonts/TildaSans-Medium.woff) format('woff');
font-weight: 500;
font-style: normal
}
@font-face {
font-family: TildaSans;
src: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/fonts/TildaSans-Semibold.eot);
src: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/fonts/TildaSans-Semibold.eot?#iefix) format('embedded-opentype'),url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/fonts/TildaSans-Semibold.woff2) format('woff2'),url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/fonts/TildaSans-Semibold.woff) format('woff');
font-weight: 600;
font-style: normal
}
@font-face {
font-family: TildaSans;
src: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/fonts/TildaSans-Bold.eot);
src: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/fonts/TildaSans-Bold.eot?#iefix) format('embedded-opentype'),url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/fonts/TildaSans-Bold.woff2) format('woff2'),url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/fonts/TildaSans-Bold.woff) format('woff');
font-weight: 700;
font-style: normal
}
html {
height: 100%;
-webkit-text-size-adjust: 100%
}
*,
:after,
:before {
box-sizing: border-box
}
article,
aside,
footer,
header,
main,
nav,
section {
display: block
}
iframe,
img,
svg {
vertical-align: middle
}
a {
background-color: transparent
}
a:active,
a:hover {
outline: 0
}
button,
input,
select,
textarea {
font-size: 100%;
line-height: 1;
margin: 0
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
button {
-webkit-appearance: button
}
input,
textarea {
-webkit-appearance: none
}
::-webkit-input-placeholder {
color: #a5a5a5
}
:-moz-placeholder {
color: #a5a5a5
}
::-moz-placeholder {
color: #a5a5a5
}
::placeholder {
color: #a5a5a5
}
.error::-webkit-input-placeholder {
color: #c00!important
}
.error:-moz-placeholder {
color: #c00!important
}
.error::-moz-placeholder {
color: #c00!important
}
.error::placeholder {
color: #c00!important
}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
color: transparent!important
}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
color: transparent!important
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
color: transparent!important
}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
color: transparent!important
}
input:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
color: transparent!important
}
textarea {
display: block;
overflow: auto;
resize: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,
th {
padding: 0
}
ol,
ul {
list-style: none;
margin: 0;
padding: 0
}
button {
cursor: pointer;
background: 0 0;
border: 0;
padding: 0
}
.hidden {
display: none!important
}
img:not([src]):not([srcset]) {
visibility: hidden
}
img.lazy {
opacity: 0;
transition: opacity .3s
}
img.lazy-loaded {
opacity: 1
}
a[href^="tel:"] {
text-decoration: none!important
}
input[name=phone] {
display: none!important
}
body {
font-family: TildaSans;
-webkit-font-smoothing: antialiased;
font-size: 14px;
font-weight: 500;
line-height: 1;
color: var(--c2);
min-width: 360px;
height: 100%;
margin: 0;
background-color: #fdfdfa
}
button,
input,
select,
textarea {
font-family: TildaSans
}
input,
textarea {
outline: 0
}
input.error,
textarea.error {
border-color: #c00!important;
color: #c00!important
}
p {
margin: 0
}
p:first-child {
margin-top: 0!important
}
.slick-slider {
position: relative;
user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
overflow: hidden
}
.slick-list:focus {
outline: 0
}
.slick-list .dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
transform: translate3d(0,0,0)
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto
}
.slick-track:after,
.slick-track:before {
content: '';
display: table
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto
}
.slick-arrow.slick-hidden {
display: none
}
.slick-dots li:only-child {
display: none
}
.slick-slider.slick-initialized {
visibility: visible!important
}
.slick-slider.slick-equal .slick-track {
display: flex;
min-width: 100%
}
.slick-slider.slick-equal .slick-slide {
height: auto
}
.slick-slider.slick-equal .slick-slide > * {
height: 100%
}
.slick-slider.slick-opacity .slick-list {
overflow: visible
}
.slick-slider.slick-opacity .slick-slide {
opacity: 0;
pointer-events: none;
transition: opacity .6s ease
}
.slick-slider.slick-opacity .slick-slide.slick-active {
opacity: 1;
pointer-events: auto
}
.slider {
visibility: hidden
}
.slider.slick-initialized {
visibility: visible
}
.container {
max-width: 1180px;
margin-left: auto;
margin-right: auto;
padding-left: 30px;
padding-right: 30px
}
.page {
display: flex;
flex-direction: column;
height: 100%
}
.content {
flex: 1 0 auto;
padding-bottom: 100px
}
body.single:not(.post-template-shortread) .content {
padding-bottom: 0
}
a {
color: var(--color1);
text-decoration: none
}
.uppercase {
text-transform: uppercase
}
.text {
font-size: 18px;
line-height: 1.4;
font-weight: 400
}
.text .svg {
display: inline-flex;
align-items: center;
justify-content: center
}
.text img {
border-radius: 15px;
height: auto;
max-width: 100%
}
.text a:hover img {
opacity: .8
}
.text iframe {
display: block;
max-width: 100%
}
.text blockquote {
border-radius: 15px;
padding: 16px 26px;
height: 100%;
margin: 0;
margin-top: 1em;
background-color: #ddeaf4
}
.text blockquote:first-child {
margin-top: 0
}
.text .video {
border-radius: 15px;
margin-top: 2em
}
.text .video video {
max-width: 100%
}
.text .video:first-child {
margin-top: 0
}
.video-description {
background-color: #fff;
box-shadow: 5px 0 30px rgba(124,124,106,.15);
border-radius: 15px;
padding: 46px 16px 20px;
height: 100%;
margin-top: -30px
}
.video-description a {
text-decoration: none!important
}
.video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden
}
.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.text p {
margin: 0;
margin-top: 1em
}
.text u {
text-decoration: none;
border-bottom: 1px solid var(--color1)
}
.text picture {
display: block;
margin-top: 1em
}
.text picture:first-child {
margin-top: 0
}
.text .text-red {
color: #e8505b
}
.text .h1,
.text .h2,
.text .h3,
.text .h4,
.text .h5,
.text .h6,
.text h1,
.text h2,
.text h3,
.text h4,
.text h5,
.text h6 {
margin: 0;
margin-top: 2em;
font-family: Unbounded;
font-weight: 600;
line-height: 1.4;
text-transform: uppercase;
background-image: var(--gradient1);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent
}
.text .h1:first-child,
.text .h2:first-child,
.text .h3:first-child,
.text .h4:first-child,
.text .h5:first-child,
.text .h6:first-child,
.text h1:first-child,
.text h2:first-child,
.text h3:first-child,
.text h4:first-child,
.text h5:first-child,
.text h6:first-child {
margin-top: 0
}
.text .h1 a:hover,
.text .h2 a:hover,
.text .h3 a:hover,
.text .h4 a:hover,
.text .h5 a:hover,
.text .h6 a:hover,
.text h1 a:hover,
.text h2 a:hover,
.text h3 a:hover,
.text h4 a:hover,
.text h5 a:hover,
.text h6 a:hover {
background-image: var(--gradient2);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent
}
.text .h1 span,
.text .h2 span,
.text .h3 span,
.text .h4 span,
.text .h5 span,
.text .h6 span,
.text h1 span,
.text h2 span,
.text h3 span,
.text h4 span,
.text h5 span,
.text h6 span {
background-image: var(--gradient2);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent
}
.text .h1 span.text-red,
.text .h2 span.text-red,
.text .h3 span.text-red,
.text .h4 span.text-red,
.text .h5 span.text-red,
.text .h6 span.text-red,
.text h1 span.text-red,
.text h2 span.text-red,
.text h3 span.text-red,
.text h4 span.text-red,
.text h5 span.text-red,
.text h6 span.text-red {
background-image: linear-gradient(100deg,#e8505b 0,#e8505b 100%)
}
.text .h1 span.text-blue,
.text .h2 span.text-blue,
.text .h3 span.text-blue,
.text .h4 span.text-blue,
.text .h5 span.text-blue,
.text .h6 span.text-blue,
.text h1 span.text-blue,
.text h2 span.text-blue,
.text h3 span.text-blue,
.text h4 span.text-blue,
.text h5 span.text-blue,
.text h6 span.text-blue {
background-image: linear-gradient(100deg,#409ce3 0,#409ce3 100%)
}
.text h1 {
margin-top: 1em;
font-size: 35px
}
.text h2 {
font-size: 28px
}
.text h3 {
font-size: 24px
}
.text h4 {
font-size: 20px
}
.text h5 {
font-size: 18px
}
.text h6 {
font-size: 16px
}
.text .h1 {
font-size: 35px
}
.text .h2 {
font-size: 28px
}
.text .h3 {
font-size: 24px
}
.text .h4 {
font-size: 20px
}
.text .h5 {
font-size: 18px
}
.text .h6 {
font-size: 16px
}
.text a {
text-decoration: underline;
color: var(--color2)
}
.text a:hover {
text-decoration: none
}
.text .button {
font-size: 16px;
height: 60px;
padding: 0 20px;
text-transform: uppercase;
text-decoration: none!important;
color: #fff!important
}
.text ol {
margin: 0;
margin-top: 1em;
padding-left: 2.5em
}
.text ol:first-child {
margin-top: 0
}
.text ol > li {
margin-top: .4em
}
.text ol > li:first-child {
margin-top: 0
}
.text ol > li {
list-style: decimal;
padding-left: 10px
}
.text ul {
margin: 0;
margin-top: 1em;
padding-left: 1.5em
}
.text ul:first-child {
margin-top: 0
}
.text ul > li {
margin-top: .4em;
display: block;
list-style: none;
position: relative;
padding-left: 1.5em
}
.text ul > li:first-child {
margin-top: 0
}
.text ul > li:before {
content: '';
width: 6px;
height: 6px;
position: absolute;
left: 0;
top: 11px;
background: var(--color2);
border-radius: 50%
}
.text .text-attention ul > li:before {
background: #fff
}
.text hr {
display: block;
height: 1px;
border-top: 1px solid #ccc;
margin: 1.5em 0
}
.text .b,
.text b,
.text strong {
font-weight: 700
}
.text .table,
.text table {
margin-top: 1em
}
.text .table:first-child,
.text table:first-child {
margin-top: 0
}
.table {
overflow-x: auto
}
.text table {
border-collapse: collapse
}
.text table tr td {
border: 1px solid var(--color2);
padding: 10px 15px;
line-height: 1.3
}
.text table tr th {
border: 1px solid var(--color2);
padding: 10px 15px;
line-height: 1.3
}
.text-table-1 {
border: 2px solid var(--color2);
font-size: 15px;
font-weight: 500;
border-radius: 15px
}
.text-table-1 table tr td {
border: none!important;
padding: 10px!important
}
.text-table-1 table tr:nth-child(even) td {
background-color: #ddeaf4
}
.text-table-1 table tr:first-child td {
padding-top: 20px!important
}
.text-table-1 table tr:last-child td {
padding-bottom: 20px!important
}
.text-table-1 table tr td:first-child {
padding-left: 30px!important
}
.text-th-1 {
font-weight: 700!important;
font-size: 16px;
color: var(--color1)
}
.text-th-2 {
font-family: Unbounded;
font-weight: 600;
color: var(--color2);
font-size: 16px
}
.text-th-3 {
font-family: Unbounded;
font-weight: 600;
color: var(--color1);
font-size: 16px
}
.text .big {
text-transform: uppercase;
font-size: 25px;
font-weight: 700;
background-image: var(--gradient1);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent
}
.text .row {
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
margin-top: 1em
}
.text .row:first-child {
margin-top: 0
}
.text .col {
padding-left: 15px;
padding-right: 15px;
width: 50%
}
.button {
background-color: #92b97d;
border-radius: 5px;
color: #fff;
font-weight: 700;
align-items: center;
justify-content: center;
text-align: center;
display: inline-flex;
line-height: 1.4;
position: relative;
overflow: hidden;
border: 0;
cursor: pointer;
transition: background-color .2s
}
.button:hover {
background-color: #86ad72
}
.button:before {
position: absolute;
top: 0;
left: -45%;
z-index: 2;
display: block;
content: '';
width: 25%;
height: 100%;
opacity: 0;
background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg)
}
.button:hover:before {
-webkit-animation: .5s shine;
animation: .5s shine;
opacity: 1
}
.text ol.text-content > li a,
.text ul.text-content > li a {
color: var(--color1);
text-decoration: none;
border-bottom: 1px solid var(--color1)
}
.text ol.text-content > li a:hover,
.text ul.text-content > li a:hover {
border-color: var(--color2);
color: var(--color2)
}
@-webkit-keyframes shine {
100% {
left: 125%
}
}
@keyframes shine {
100% {
left: 125%
}
}
.m_t_20 {
margin-top: 20px
}
.m_t_25 {
margin-top: 25px
}
.m_t_50 {
margin-top: 50px
}
.header {
position: relative;
z-index: 90
}
.header__line {
background-color: #fdfdfa;
box-shadow: 0 4px 15px rgba(0,0,0,.1);
z-index: 2;
position: relative
}
.header__line .container {
display: flex;
align-items: center;
justify-content: space-between;
height: 70px
}
.header .logo img {
display: block;
max-width: 100%
}
.mobile-menu-opener {
display: none
}
.mini-search__form {
display: flex
}
.mini-search__input-text {
border: 0;
background-color: #edf4e9;
width: 340px;
height: 40px;
border-radius: 5px 0 0 5px;
background-image: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/images/search.svg);
background-repeat: no-repeat;
background-position: 20px center;
background-size: 19px auto;
padding: 0 20px 0 59px;
letter-spacing: 1px;
font-size: 15px;
color: var(--color1)
}
.mini-search__button {
height: 40px;
padding: 0 30px;
font-size: 13px;
letter-spacing: 1px;
margin-left: -5px
}
.main-menu-outer {
background-color: #f4f4ec;
z-index: 1;
position: relative
}
.main-menu {
overflow: hidden
}
.main-menu ul.menu {
height: 60px;
display: flex;
align-items: center;
margin: 0 -25px
}
.main-menu ul.menu > li.menu-item {
padding: 0 25px 5px;
font-size: 15px;
font-weight: 400;
letter-spacing: 1px
}
.main-menu ul.menu > li.menu-item > a {
border-bottom: 1px solid transparent;
padding-bottom: 1px
}
.main-menu ul.menu > li.menu-item > a:hover {
border-color: var(--color1)
}
.main-menu ul.menu > li.menu-item.current-menu-item > a {
border-color: var(--color1)
}
.main-slider-outer {
margin-top: 25px
}
.page-template-home .main-slider-outer {
margin-top: 50px
}
.main-slider__i {
border-radius: 30px;
overflow: hidden
}
.main-slider__i-image {
width: 100%;
height: auto;
position: relative;
z-index: 1
}
.main-slider__i-inner {
position: absolute;
z-index: 2;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 20px 60px;
align-items: center;
display: flex
}
.main-slider.slick-dotted .main-slider__i-inner {
padding-left: 100px;
padding-right: 100px
}
.main-slider__i-categories {
display: flex;
flex-wrap: wrap;
margin-top: 28px
}
.main-slider__i-categories div {
margin-top: 12px;
margin-right: 12px;
min-height: 24px;
display: inline-flex;
align-items: center;
font-size: 14px;
font-weight: 600
}
.main-slider__i-categories a {
margin-top: 12px;
margin-right: 12px;
display: inline-flex;
align-items: center;
padding: 3px 10px 4px;
min-height: 24px;
background-color: #fff;
border-radius: 10px;
font-size: 16px;
color: var(--color2)
}
.main-slider__i-categories a:last-child {
margin-right: 0
}
.main-slider__i-categories a:hover {
background-color: var(--color3)
}
.main-slider__i-title {
font-family: Unbounded;
font-weight: 600;
line-height: 1.4;
font-size: 45px;
text-transform: uppercase;
background-image: var(--gradient1);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent
}
.main-slider__i-title span:not(.i) {
background-image: linear-gradient(0deg,#fff 0,#fff 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
align-items: center;
display: flex
}
body.category .main-slider__i-title span:not(.i) {
display: inline
}
.main-slider__i-title .i {
background-image: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/images/o-with-shadow.svg);
background-size: contain;
background-repeat: no-repeat;
width: 79px;
height: 69px;
display: inline-flex;
margin-right: 15px
}
.main-slider__i-text {
font-size: 18px;
font-weight: 400;
line-height: 1.2;
margin-top: 25px;
color: var(--color1)
}
.slide-text-margin {
margin-bottom: 120px
}
.main-slider__i-post {
width: 342px;
background: #fff;
border-radius: 20px;
display: block;
margin-top: 45px;
padding: 15px 25px;
position: relative;
box-shadow: 0 4px 20px rgba(0,0,0,.15);
transition: all .2s
}
.main-slider__i-post:hover {
box-shadow: 0 4px 20px rgba(0,0,0,.2);
transform: translateY(-3px)
}
.main-slider__i-post-categories {
display: flex;
flex-wrap: wrap;
margin-top: -4px;
margin-bottom: 35px
}
.main-slider__i-post-categories > span {
margin-top: 4px;
margin-right: 4px;
display: none;
align-items: center;
padding: 3px 10px 4px;
min-height: 20px;
background-color: #fe837a;
border-radius: 10px;
font-size: 12px;
color: #fff
}
.main-slider__i-post-categories > span:first-child {
display: inline-flex
}
.main-slider__i-post-categories > span:last-child {
margin-right: 0
}
.main-slider__i-post-title {
font-family: Unbounded;
font-weight: 500;
text-transform: uppercase;
line-height: 1.4;
font-size: 13px;
background-image: var(--gradient1);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
display: block;
padding-right: 49px
}
.main-slider__i-post-more {
position: absolute;
width: 34px;
height: 34px;
right: 25px;
background: var(--gradient2);
border-radius: 50%;
bottom: 15px
}
.main-slider__i-post-more:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/images/arrow_more_white_small.svg) no-repeat center center/10px auto
}
.main-slider .slick-arrow {
position: absolute;
width: 36px;
height: 36px;
z-index: 2;
font-size: 0;
border-radius: 50%;
top: 50%;
transform: translate(0,-50%)
}
.main-slider .slick-arrow:hover {
filter: grayscale(1)
}
.main-slider .slick-prev {
left: 20px;
background: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/images/arrow_left.svg) no-repeat 5px center/24px auto #fff
}
.main-slider .slick-next {
right: 20px;
background: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/images/arrow_right.svg) no-repeat 8px center/24px auto #fff
}
.main-slider .slick-dots {
display: none!important
}
.block-header {
display: flex;
align-items: center
}
.block-title {
font-family: Unbounded;
font-weight: 600;
line-height: 1.4;
font-size: 35px;
text-transform: uppercase;
background-image: var(--gradient1);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent
}
.block-title span {
background-image: var(--gradient2);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}
.block-title h1,
.block-title h2,
.block-title h3 {
font-size: inherit;
font-weight: inherit;
margin: 0;
display: inline
}
.block-title a {
background-image: var(--gradient1);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent
}
.block-title a:hover {
background-image: var(--gradient2)
}
.block-header .block-title {
text-transform: none
}
.block-subtitle {
font-family: Unbounded;
font-weight: 400;
line-height: 1.4;
font-size: 22px;
background-image: var(--gradient1);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
width: 500px;
flex-shrink: 0;
padding-left: 70px
}
.footer {
background: #576c4b;
padding: 40px 0 50px
}
.footer__row {
display: flex
}
.footer__col:nth-child(1) {
width: 300px;
display: flex;
flex-direction: column
}
.footer__col:nth-child(2) {
width: calc(100% - 300px);
padding-left: 50px
}
.footer .logo img {
display: block;
max-width: 100%;
height: auto!important
}
.footer-menu ul.menu {
display: flex;
margin: 0 -15px
}
.footer-menu ul.menu > li.menu-item {
padding: 0 15px;
font-size: 17px;
line-height: 1.1;
font-weight: 600;
letter-spacing: 1px
}
.footer-menu ul.menu > li.menu-item:nth-child(1) {
width: 60%
}
.footer-menu ul.menu > li.menu-item:nth-child(2) {
width: 25%;
margin-left: auto
}
.footer-menu ul.menu > li.menu-item > a {
color: #fff;
display: flex;
min-height: 25px;
align-items: center
}
.footer-menu ul.menu > li.menu-item:nth-child(2) > a {
display: none
}
.footer-menu ul.menu > li.menu-item ul.sub-menu {
display: flex;
flex-wrap: wrap;
margin: 0 -15px
}
.footer-menu ul.menu > li.menu-item ul.sub-menu > li.menu-item {
font-size: 14px;
font-family: TildaSans;
font-weight: 300;
letter-spacing: 1px;
margin-top: 15px
}
.footer-menu ul.menu > li.menu-item:nth-child(1) ul.sub-menu > li.menu-item {
width: 50%;
padding: 0 15px
}
.footer-menu ul.menu > li.menu-item:nth-child(2) ul.sub-menu > li.menu-item {
width: 100%;
padding: 0 15px;
font-size: 17px;
line-height: 1.1;
font-weight: 600;
letter-spacing: 1px
}
.footer-menu ul.menu > li.menu-item:nth-child(2) ul.sub-menu > li.menu-item:first-child {
margin-top: 0
}
.footer-menu ul.sub-menu > li.menu-item > a {
color: #fff;
border-bottom: 1px solid transparent
}
.footer-menu ul.sub-menu > li.menu-item > a:hover {
border-color: #fff
}
.footer-menu ul.sub-menu > li.menu-item.current-menu-item > a {
border-color: #fff
}
.privacy {
font-size: 14px;
font-weight: 300;
letter-spacing: 1px;
margin-top: auto
}
.privacy .a {
color: #fff;
border-bottom: 1px solid transparent
}
.privacy .a:hover {
border-color: #fff
}
.socials__item {
width: 26px;
height: 26px;
border-radius: 3px;
display: inline-flex;
background-color: #fff;
margin-right: 8px;
background-repeat: no-repeat;
background-size: 19px auto;
background-position: center center
}
.socials__item:last-child {
margin-right: 0
}
.footer .socials {
display: flex;
flex-wrap: wrap;
margin: 30px 0
}
.footer .socials__item:hover {
opacity: .8
}
.icon_vk {
background-image: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/images/icon_vk.svg)
}
.icon_zen {
background-image: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/images/icon_zen.svg)
}
.icon_ok {
background-image: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/images/icon_ok.svg)
}
.icon_rutube {
background-image: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/images/icon_rutube.svg)
}
.icon_instagram {
background-image: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/images/icon_instagram.svg)
}
.icon_youtube {
background-image: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/images/icon_youtube.svg)
}
.video-socials {
display: inline-flex;
flex-wrap: wrap;
margin-top: 1em;
background: var(--gradient2);
padding: 6px 8px 6px 12px;
border-radius: 5px;
align-items: center;
gap: 8px
}
.video-socials span {
color: #fff;
font-size: 14px;
font-weight: 700
}
.video-socials a {
width: 26px;
height: 26px;
border-radius: 3px;
display: inline-flex;
background-color: #fff;
background-repeat: no-repeat;
background-size: 19px auto;
background-position: center center
}
.video-socials a:hover {
opacity: .8
}
.block-header-small {
display: flex;
align-items: center;
justify-content: space-between
}
.block-title-small {
font-family: Unbounded;
font-weight: 500;
line-height: 1.4;
font-size: 23px;
background-image: var(--gradient1);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent
}
.block-nav-small {
display: flex;
padding-left: 20px;
flex-shrink: 0
}
.block-nav-small .slick-arrow {
background: var(--gradient3);
width: 36px;
height: 36px;
font-size: 0;
border-radius: 50%;
display: block;
position: relative;
overflow: hidden
}
.block-nav-small .slick-arrow:after {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0
}
.block-nav-small .slick-next {
margin-left: 20px
}
.block-nav-small .slick-prev:after {
background: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/images/arrow_left_white.svg) no-repeat 5px center/24px auto
}
.block-nav-small .slick-next:after {
background: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/images/arrow_right_white.svg) no-repeat 8px center/24px auto
}
.block-nav-small .slick-disabled {
opacity: .5;
cursor: default
}
.similar {
background-color: #fff;
padding-top: 50px;
padding-bottom: 100px
}
.latest .block-title,
.similar .block-title {
background-image: var(--gradient2);
text-align: center
}
.latest .blog,
.similar .blog {
margin-left: -15px;
margin-right: -15px;
display: flex;
flex-wrap: wrap;
justify-content: center
}
.latest .blog__i,
.similar .blog__i {
width: calc(50% - 30px);
margin-left: 15px;
margin-right: 15px
}
.latest .blog__i-i-b,
.similar .blog__i-i-b {
width: 212px
}
.latest .blog__i-content,
.similar .blog__i-content {
width: calc(100% - 212px)
}
.latest .blog__i-title,
.similar .blog__i-title {
word-wrap: break-word
}
.breadcrumbs-outer {
padding-top: 25px
}
.error404 .breadcrumbs-outer,
.page-template-success .breadcrumbs-outer {
display: none
}
.breadcrumbs {
font-size: 18px;
line-height: 1.1;
font-weight: 400;
color: var(--color1)
}
.breadcrumbs > span {
display: flex;
flex-wrap: wrap
}
.breadcrumbs > span > span {
padding-right: 43px;
position: relative
}
.breadcrumbs > span > span:last-child {
padding-right: 0
}
.breadcrumbs > span > span:after {
content: '';
position: absolute;
right: 10px;
top: 50%;
margin-top: -4px;
background: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/images/breadcrumb.svg) no-repeat center center/contain;
width: 22px;
height: 9px
}
.breadcrumbs > span > span:last-child:after {
display: none
}
.breadcrumbs > span > span > a {
color: #959998
}
.breadcrumbs > span > span > a:hover {
color: var(--color1)
}
.page-text_custom {
text-align: center
}
.section {
display: flex;
width: 100%
}
.sidebar {
width: 340px;
order: 1;
position: relative
}
.main {
width: 100%
}
.sidebar + .main {
width: calc(100% - 340px);
padding-right: 50px;
order: 0
}
.sidebar-sticky {
top: 30px;
position: sticky
}
ul.search-page li {
margin-top: 1em!important
}
ul.search-page li:before {
top: 7px!important
}
.search-page li p {
margin-top: 0!important
}
.author {
display: flex;
align-items: center;
margin-top: 30px
}
.author__i-b {
width: 134px;
height: 134px;
flex-shrink: 0;
position: relative;
overflow: hidden;
border-radius: 50%;
background: #edf4e9
}
.author__i-b img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: 100%;
max-height: 100%;
margin: auto
}
.author__content {
padding-left: 40px;
color: #959998;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
width: calc(100% - 134px)
}
.form__title {
font-family: Unbounded;
font-weight: 600;
line-height: 1.4;
text-transform: uppercase;
font-size: 25px;
color: #576c55;
text-align: center
}
.form__subtitle {
text-align: center;
font-size: 16px;
line-height: 1.6;
font-weight: 400;
margin-top: 10px
}
.wpcf7-form-control-wrap {
margin-top: 8px;
display: block
}
.wpcf7-form-control:not(.button):not(.wpcf7-radio) {
height: 60px;
border: 0;
background: #fff;
font-size: 14px;
font-weight: 400;
padding: 23px 20px;
border-radius: 8px;
width: 100%
}
.captcha-image {
border-radius: 8px;
border: 1px solid var(--color2);
padding: 10px 20px
}
.cf7ic_instructions {
font-size: 16px;
color: var(--color1);
line-height: 1.2
}
.cf7ic_instructions span {
color: var(--color2)
}
.form_4 .form__title {
font-size: 23px
}
.form_4 .form__subtitle {
font-size: 14px
}
.form_4 .captcha-image {
width: 100%;
height: 128px
}
.form_1 .wpcf7-form-control.button,
.form_3 .wpcf7-form-control.button,
.form_4 .wpcf7-form-control.button {
width: 100%
}
.cf7ic_instructions {
margin-bottom: 10px
}
.wpcf7-textarea {
height: 128px!important;
resize: none
}
.wpcf7-not-valid-tip {
font-size: 13px;
font-weight: 500;
padding: 2px 20px 0
}
.wpcf7-spinner {
position: absolute;
left: 50%;
top: 50%;
margin: -12px 0 0 -12px
}
.form .button {
font-size: 16px;
height: 60px;
padding: 0 20px;
text-transform: uppercase;
text-decoration: none!important;
color: #fff!important
}
.form_1,
.form_3,
.form_4 {
overflow: hidden;
background: linear-gradient(102.52deg,#e8f3fb -12.2%,#f3f3f3 115.86%);
border-radius: 15px;
padding: 50px 30px
}
.form_1 .form__inner,
.form_3 .form__inner,
.form_4 .form__inner {
max-width: 730px;
margin-left: auto;
margin-right: auto
}
.form_1 .form__row,
.form_3 .form__row,
.form_4 .form__row {
margin-left: -15px;
margin-right: -15px;
display: flex;
margin-top: 15px;
position: relative
}
.form_1 .form__col,
.form_3 .form__col,
.form_4 .form__col {
padding: 0 15px;
width: 50%
}
.form_1 .wpcf7-form-control.button,
.form_3 .wpcf7-form-control.button,
.form_4 .wpcf7-form-control.button {
width: 100%
}
.form_1 .form__b-b,
.form_3 .form__b-b {
margin-top: 8px;
display: flex;
align-items: center
}
.form_4 .form__b-b {
margin-top: 8px;
display: flex;
flex-wrap: wrap
}
.form_3 .form__b-b {
flex-wrap: wrap
}
.form_4 .form__b-b-button {
width: 100%
}
.form_1 .form__b-b-button {
width: 190px
}
.form_3 .form__b-b-button {
width: 100%
}
.form_4 .form__b-b-text {
width: 100%;
font-size: 13px;
line-height: 1.1;
margin-top: 10px;
color: #959998
}
.form_1 .form__b-b-text {
width: calc(100% - 190px);
font-size: 13px;
font-weight: 500;
padding: 2px 20px 0;
line-height: 1.1
}
.form_3 .form__b-b-text {
width: 100%;
font-size: 13px;
font-weight: 500;
line-height: 1.1;
margin-top: 8px
}
.form_1 .form__b-b-text a,
.form_3 .form__b-b-text a,
.form_4 .form__b-b-text a {
color: #959998
}
.form_1 .form__b-b-text a:hover,
.form_3 .form__b-b-text a:hover,
.form_4 .form__b-b-text a:hover {
color: var(--color1)
}
.form_2 {
overflow: hidden;
background: linear-gradient(102.52deg,#e8f3fb -12.2%,#f3f3f3 115.86%);
border-radius: 15px;
padding: 50px 30px
}
.form_2 .form__inner {
max-width: 620px;
margin-left: auto;
margin-right: auto
}
.form_2 .form__row {
margin-left: -7px;
margin-right: -7px;
display: flex;
margin-top: 15px;
position: relative
}
.form_2 .form__col {
padding: 0 7px;
width: 33.33333333%
}
.form_2 .button {
margin-top: 8px;
width: 100%
}
.form_2 .form__privacy {
font-size: 13px;
font-weight: 500;
padding: 15px 20px 0;
line-height: 1.1;
text-align: center;
color: #959998
}
.form_2 .form__privacy a {
color: #959998;
border-bottom: 1px solid #959998
}
.form_2 .form__privacy a:hover {
border-color: transparent
}
.blog-categories {
background-color: var(--color3);
margin-bottom: 40px;
overflow: hidden;
border-radius: 15px;
padding: 15px 25px
}
.blog-categories__header {
font-family: Unbounded;
font-weight: 500;
line-height: 1.4;
font-size: 23px;
text-transform: uppercase;
background-image: var(--gradient1);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent
}
.blog-categories .cat-item {
margin-top: 12px
}
.blog-categories .cat-item a {
font-family: Unbounded;
font-weight: 500;
line-height: 1.4;
font-size: 13px;
position: relative;
padding-left: 35px;
background-image: var(--gradient1);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent
}
.blog-categories .cat-item a:hover {
background-image: var(--gradient2)
}
.blog-categories .cat-item.current-cat a {
background-image: var(--gradient2)
}
.blog-categories .cat-item a:before {
content: '';
width: 25px;
height: 25px;
position: absolute;
left: 0;
top: -4px;
background: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/images/icon_label.svg) no-repeat center/contain
}
.blog__i {
box-shadow: 0 6px 12px -6px rgba(24,39,75,.12),0 8px 24px -4px rgba(24,39,75,.08);
background: #fff;
border-radius: 15px;
padding: 25px;
margin-top: 30px;
display: flex;
flex-wrap: nowrap
}
.blog__i-i-b {
flex-shrink: 0;
overflow: hidden;
width: 318px
}
.blog__i-i-b img {
width: 100%;
height: auto;
border-radius: 5px;
display: block
}
.blog__i-i-b a:hover img {
opacity: .8
}
.blog__i-content {
width: calc(100% - 318px);
padding-left: 25px
}
.blog__i-title {
font-family: Unbounded;
font-weight: 600;
line-height: 1.2;
font-size: 18px
}
.blog__i-title a {
background: var(--gradient1);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent
}
.blog__i-title a:hover {
background-image: var(--gradient2)
}
.blog__i .post-categories {
display: flex;
flex-wrap: wrap;
margin-top: 13px
}
.blog__i .post-categories li {
margin-top: 4px;
margin-right: 4px
}
.blog__i .post-categories li:last-child {
margin-right: 0
}
.blog__i .post-categories li a {
display: inline-flex;
align-items: center;
padding: 3px 10px 4px;
min-height: 20px;
background-color: var(--color3);
border-radius: 10px;
font-size: 12px;
text-transform: lowercase
}
.blog__i .post-categories li a:hover {
background-color: #f5f5f6
}
.blog__i-summary {
font-size: 12px;
line-height: 1.4;
font-weight: 500;
margin-top: 18px
}
.blog__i-summary p {
margin: 0
}
.blog__i-b-b {
margin-top: 15px
}
.blog__i-b-b .button {
height: 30px;
padding: 0 15px 2px;
font-size: 13px
}
.navigation.pagination {
margin-top: 40px
}
.navigation.pagination .screen-reader-text {
display: none
}
.navigation.pagination .nav-links {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
margin-top: -8px
}
.navigation.pagination .nav-links a,
.navigation.pagination .page-numbers.current,
.navigation.pagination .page-numbers.dots {
font-size: 14px;
width: 30px;
height: 30px;
background: var(--gradient2);
border-radius: 50%;
color: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 600;
margin: 8px 4px 0
}
.navigation.pagination .page-numbers.dots {
background: var(--gradient1);
cursor: default
}
.navigation.pagination .page-numbers.current {
background: var(--gradient1);
cursor: default
}
.navigation.pagination .nav-links a:hover {
background: var(--gradient1)
}
.navigation.pagination .nav-links a.prev.page-numbers {
background: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/images/arrow_left_white.svg) no-repeat 3px center/22px auto,var(--gradient2);
font-size: 0
}
.navigation.pagination .nav-links a.prev.page-numbers:hover {
background: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/images/arrow_left_white.svg) no-repeat 3px center/22px auto,var(--gradient1)
}
.navigation.pagination .nav-links a.next.page-numbers {
background: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/images/arrow_right_white.svg) no-repeat 5px center/22px auto,var(--gradient2);
font-size: 0
}
.navigation.pagination .nav-links a.next.page-numbers:hover {
background: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/images/arrow_right_white.svg) no-repeat 5px center/22px auto,var(--gradient1)
}
.flex {
display: flex!important
}
.valign-center {
vertical-align: middle;
align-items: center
}
.valign-top {
vertical-align: top;
align-items: flex-start
}
.valign-bottom {
vertical-align: bottom;
align-items: flex-end
}
.text-block {
margin-top: 40px
}
.text-block-with-image-left,
.text-block-with-image-right {
display: flex;
align-items: center;
margin-top: 40px
}
.text-block-with-image-left:first-child,
.text-block-with-image-right:first-child,
.text-block:first-child {
margin-top: 0
}
.text-block-with-image-image {
flex-shrink: 0
}
.text-block-with-image-left .text-block-with-image-image {
order: 0
}
.text-block-with-image-left .text-block-with-image-text {
padding-left: 30px;
order: 1
}
.text-block-with-image-right .text-block-with-image-image {
order: 1
}
.text-block-with-image-right .text-block-with-image-text {
padding-right: 30px;
order: 0
}
ol.text-blue-box-list {
counter-reset: li;
padding: 10px 0 0 0;
margin: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
ol.text-blue-box-list li {
margin-top: 20px!important;
list-style: none!important;
background-color: #e8f3fb;
border-radius: 15px;
width: calc(50% - 15px);
padding: 20px 30px 20px 84px;
position: relative
}
ol.text-blue-box-list li:before {
content: counter(li);
counter-increment: li;
position: absolute;
top: 20px;
left: 20px;
width: 44px;
height: 44px;
background-color: #1270c3;
font-size: 18px;
font-weight: 700;
display: inline-flex;
align-items: center;
justify-content: center;
color: #fff;
border-radius: 50%
}
ul.text-blue-box-list {
counter-reset: li;
padding: 10px 0 0 0;
margin: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
ul.text-blue-box-list li {
margin-top: 20px!important;
list-style: none!important;
background-color: #e8f3fb;
border-radius: 15px;
width: calc(50% - 15px);
padding: 20px 30px
}
ul.text-blue-box-list li:before {
display: none
}
.text-block-with-background {
border-radius: 15px;
overflow: hidden;
position: relative;
padding: 16px;
margin-top: 2em;
background-color: #edf4e9
}
.text-block-with-background:first-child {
margin-top: 0
}
.text-block-with-background-padding-top {
padding-top: 200px
}
.text-block-with-background-padding-bottom {
padding: 32px
}
.text-block-with-background-new {
min-height: 400px;
display: flex;
align-items: flex-end;
padding: 30px 90px 30px 30px
}
.text-block-with-background-new .text-block-with-background-text {
display: inline-block
}
.text-block-with-background-image {
object-fit: cover;
border-radius: 0!important;
max-height: none!important;
position: absolute;
left: 0;
top: 0;
min-height: 100%
}
.text-block-with-background-text {
background-color: rgb(255 255 255 / 85%);
border-radius: 15px;
padding: 20px;
position: relative;
z-index: 2
}
.text-center {
text-align: center
}
.text-title {
font-family: Unbounded;
font-weight: 600;
line-height: 1.4;
text-transform: uppercase;
background-image: var(--gradient1);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
font-size: 18px!important;
margin-top: 2em
}
.text-title:first-child {
margin-top: 0
}
.text-title span {
background-image: var(--gradient2);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent
}
.text-title h1,
.text-title h2,
.text-title h3,
.text-title h4,
.text-title h5,
.text-title h6 {
font-size: inherit;
font-weight: inherit;
margin: 0;
display: inline
}
.text-title-inline-image {
display: flex;
align-items: center
}
.text-title-inline-image img {
flex-shrink: 0;
margin-right: 16px;
border-radius: 0
}
.text-title-above-image {
display: flex;
flex-direction: column
}
.text-title-above-image img {
flex-shrink: 0;
margin-bottom: 16px;
border-radius: 0
}
.text-subtitle {
font-size: 20px;
font-weight: 700;
line-height: 1.2;
color: var(--color1)
}
.text-subtitle h1,
.text-subtitle h2,
.text-subtitle h3,
.text-subtitle h4,
.text-subtitle h5,
.text-subtitle h6 {
font-size: inherit!important;
font-weight: inherit!important;
margin: 0!important;
display: inline!important
}
.text-subtitle span {
color: var(--color2)
}
.text-small {
font-size: 15px
}
ul.text-small {
padding-left: 1em
}
ul.text-small > li {
padding-left: 1em;
margin-top: .2em
}
ul.text-small > li:first-child {
margin-top: 0
}
ul.text-small > li:before {
width: 3px;
height: 3px;
top: 10px;
background: var(--color1)
}
.text-thin {
font-weight: 300
}
ul.text-thin {
padding-left: 1em
}
ul.text-thin > li {
padding-left: 1em;
margin-top: .2em
}
ul.text-thin > li:first-child {
margin-top: 0
}
ul.text-thin > li:before {
width: 3px;
height: 3px;
top: 11px;
background: var(--color1)
}
.nowrap {
white-space: nowrap
}
.text-gray {
opacity: .6
}
.text-blue {
color: #409ce3
}
.marked,
.text-green {
color: #92b97d
}
.text-row {
margin-left: -16px;
margin-right: -16px;
display: flex;
flex-wrap: wrap
}
.text-col {
padding-left: 16px;
padding-right: 16px;
margin-top: 1em;
width: 100%
}
.text-col-6 {
width: 50%
}
.text-i-b {
position: relative
}
.text-i-b img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
max-width: 100%;
max-height: 100%;
margin: auto;
border-radius: 0
}
.text-multiple-box-1 {
background-color: #fff;
box-shadow: 5px 0 30px rgba(124,124,106,.15);
border-radius: 15px;
padding: 16px 16px 20px;
height: 100%;
margin-top: 1em
}
.text-multiple-box-1:first-child {
margin-top: 0
}
.text-multiple-box-1 img {
border-radius: 0
}
.text-multiple-box-1 .flex.valign-center p {
margin: 0
}
.text-multiple-box-1 .flex.valign-center img {
flex-shrink: 0;
margin-right: 16px
}
.text-multiple-box-1 .flex.valign-center .svg {
margin-right: 16px
}
.text-multiple-box-1 .flex.valign-center .svg img {
margin-right: 0
}
.text-multiple-box-2 {
background-color: #fff;
box-shadow: 5px 0 30px rgba(124,124,106,.15);
border-radius: 15px;
padding: 16px 16px 20px;
height: 100%;
margin-top: 1em
}
.text-multiple-box-2:first-child {
margin-top: 0
}
.text-multiple-box-2 img {
border-radius: 0;
margin-right: 16px
}
.text-multiple-box-3 {
background-color: #fff;
box-shadow: 5px 0 30px rgba(124,124,106,.15);
border-radius: 15px;
padding: 16px;
height: 100%;
margin-top: 1em;
color: var(--color1)
}
.text-multiple-box-3_bg_blue {
background-color: #ddeaf4
}
.text-multiple-box-3_bg_green {
background-color: #cdf5b7
}
.text-multiple-box-3_bg_red {
background-color: #ffd8d3
}
.text-multiple-box-3:first-child {
margin-top: 0
}
.text-multiple-box-3 img {
border-radius: 0
}
.text-multiple-box-3 .text-i-b {
height: 32px
}
.text-multiple-box-3 .text-i-b img {
height: 100%
}
.text-multiple-box-3 .text-i-b + * {
margin-top: .5em!important
}
.text-multiple-box-3 .flex.valign-center p {
margin: 0
}
.text-multiple-box-3 .flex.valign-center img {
margin-right: 16px
}
.text-attention {
background: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/s-longrid/icon_attention_green.svg) no-repeat calc(100% - 16px) 16px/46px auto,linear-gradient(102.33deg,#7bac60 22.62%,#aacb97 55.39%,#7bac60 85.63%);
border-radius: 15px;
color: #fff;
margin-top: 2em;
padding: 32px 80px 32px 32px
}
.text-attention:first-child {
margin-top: 0
}
.text-attention.text-attention-center {
background-position: calc(100% - 16px) center
}
.text-attention > *,
.text-attention a {
-webkit-text-fill-color: #fff!important;
color: #fff!important
}
.text-attention-small:first-child {
margin-top: 0
}
.text-attention-small {
background: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/s-longrid/icon_attention_green.svg) no-repeat 32px 22px/46px auto,linear-gradient(102.33deg,#7bac60 22.62%,#aacb97 55.39%,#7bac60 85.63%);
border-radius: 15px;
color: #fff;
margin-top: 2em;
padding: 80px 32px 22px 32px
}
.text-attention-small > *,
.text-attention-small a {
-webkit-text-fill-color: #fff!important;
color: #fff!important
}
ul.text-list-icon-checkmark,
ul.text-list-icon-denied {
padding-left: 0;
margin-top: 1.5em;
font-size: 15px
}
ul.text-list-icon-checkmark:first-child,
ul.text-list-icon-denied:first-child {
margin-top: 0
}
.text-title + ul.text-list-icon-checkmark,
.text-title + ul.text-list-icon-denied {
margin-top: 1em
}
ul.text-list-icon-checkmark > li,
ul.text-list-icon-denied > li {
padding-left: 32px
}
ul.text-list-icon-checkmark > li:before,
ul.text-list-icon-denied > li:before {
content: '';
border-radius: 0
}
ul.text-list-icon-checkmark > li + li,
ul.text-list-icon-denied > li + li {
margin-top: 16px
}
ul.text-list-icon-checkmark > li:before {
background: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/s-longrid/icon_checkmark.svg) no-repeat center/contain;
width: 24px!important;
height: 24px!important;
top: -1px!important
}
ul.text-list-icon-checkmark.text-list-icon-checkmark_red > li:before {
background: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/s-longrid/icon_checkmark_red.svg) no-repeat center/contain
}
ul.text-list-icon-denied > li:before {
background: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/s-longrid/icon_denied.svg) no-repeat center/contain;
width: 18px!important;
height: 18px!important;
left: 4px!important;
top: 3px!important
}
ul.text-list-icon-checkmark > li > ul > li,
ul.text-list-icon-denied > li > ul > li {
padding-left: 1em;
margin-top: .2em
}
ul.text-list-icon-checkmark > li > ul > li:before,
ul.text-list-icon-denied > li > ul > li:before {
width: 3px;
height: 3px;
top: 10px;
background: var(--color1)
}
.text-warning {
background: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/s-longrid/icon_warning.svg) no-repeat 16px 16px/68px auto,#ddeaf4;
padding: 16px 32px 16px 100px;
border-radius: 5px;
color: #565146;
display: block;
font-style: normal;
margin-top: 2em;
min-height: 100px
}
.text-warning:first-child {
margin-top: 0
}
.text-warning-small {
background: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/s-longrid/icon_warning.svg) no-repeat 16px 16px/36px auto,#ddeaf4;
padding: 16px 32px 16px 64px;
border-radius: 5px;
color: #565146;
display: block;
font-style: normal;
margin-top: 2em
}
.text-warning-small:first-child {
margin-top: 0
}
.text-warning a,
.text-warning-small a {
color: #409ce3
}
.text .text-warning p {
margin-top: .4em
}
.text .text-warning p:first-child {
margin-top: 0
}
.text .text-warning ul {
padding-left: 0;
margin-top: .4em
}
.text .text-warning ul:first-child {
margin-top: 0
}
.text .text-warning ul > li {
padding-left: 1em
}
.text .text-warning ul > li:before {
background-color: #409ce3;
width: 4px;
height: 4px;
top: 11px
}
ol.another-one-numeric {
counter-reset: li;
display: flex;
flex-wrap: wrap;
padding: 0;
margin-left: -10px;
margin-right: -10px;
margin-top: calc(1em - 20px)
}
ol.another-one-numeric li {
list-style: none;
position: relative;
margin-left: 10px;
margin-right: 10px;
margin-top: 20px!important;
width: calc(33.33333333% - 20px);
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 11px 14px;
background-color: #fff;
box-shadow: 0 6px 12px -6px rgba(24,39,75,.12),0 8px 24px -4px rgba(24,39,75,.08);
border-radius: 15px;
font-size: 15px;
line-height: 1.3
}
ol.another-one-numeric li > span:first-child {
font-size: 15px;
font-weight: 600;
font-family: Unbounded;
padding-left: 38px;
background-image: var(--gradient1);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
min-height: 28px;
display: flex;
align-items: center;
margin-bottom: 7px
}
ol.another-one-numeric li:before {
content: counter(li);
counter-increment: li;
position: absolute;
width: 28px;
height: 28px;
border-radius: 10px;
background-color: #f5f2f2;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
font-weight: 700;
font-family: Unbounded;
color: #7bac60
}
ol.another-one-numeric.another-one-numeric_2_per_row li {
width: calc(50% - 20px)
}
ol.text-list-numeric-mini {
counter-reset: li;
border: 2px solid var(--color2);
border-radius: 15px;
padding: 0 8px 16px;
display: flex;
flex-wrap: wrap;
font-size: 15px
}
ol.text-list-numeric-mini li {
list-style: none;
display: block;
position: relative;
padding-left: 26px;
margin-left: 8px;
margin-right: 8px;
margin-top: 16px!important;
width: calc(33.33333333% - 16px)
}
ol.text-list-numeric-mini li span {
font-weight: 600
}
ol.text-list-numeric-mini li:before {
content: counter(li);
counter-increment: li;
position: absolute;
top: 3px;
left: 0;
width: 18px;
height: 18px;
background: linear-gradient(103.05deg,#dfedf1 -4.66%,#daeeed 24.39%,#d9efde 53.43%,#c3ebb8 81.29%,#a5dcb1 113.88%);
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 8px;
font-weight: 500;
font-family: Unbounded;
color: var(--color1)
}
ol.text-list-numeric-mini.text-list-numeric-mini_2_per_row li {
width: calc(50% - 16px)
}
ol.text-list-numeric-mini.text-list-numeric-mini_color_red {
border-color: #e8505b
}
ol.text-list-numeric-mini.text-list-numeric-mini_color_red li span {
font-weight: 700;
color: var(--color1)
}
ol.text-list-numeric-mini.text-list-numeric-mini_color_red li:before {
background: #e8505b;
color: #fff
}
ol.text-list-numeric-mini.text-list-numeric-mini_bg_green {
border-color: #cdf5b7;
background-color: #cdf5b7
}
ol.text-list-numeric-mini.text-list-numeric-mini_bg_green li:before {
background: #fff
}
ol.text-list-numeric-mini.text-list-numeric-mini_bg_green li span {
font-weight: 700;
color: var(--color1)
}
.text-notice-block-1 {
background: linear-gradient(180deg,#f5f5f6 0,#d9e9f4 100%,#666 100.01%);
border-radius: 15px;
margin-top: 2em;
padding: 90px 16px 16px;
text-align: center
}
.text-notice-block-1:first-child {
margin-top: 0
}
.text-notice-block-1 > div {
background-color: #fff;
border-radius: 15px;
padding: 104px 16px 16px;
position: relative
}
.text-notice-block-1 img {
border-radius: 0;
left: 50%;
margin-left: -137px;
position: absolute;
top: -73px
}
.text-notice-block-2 {
background: linear-gradient(180deg,#f5f5f6 0,#d9e9f4 100%,#666 100.01%);
border-radius: 15px;
margin-top: 2em;
padding: 16px;
text-align: center
}
.text-notice-block-2:first-child {
margin-top: 0
}
.text-notice-block-2 img {
display: block;
margin: 0 auto
}
.lesson-bottom {
background-color: #fff;
margin-bottom: -100px;
padding-bottom: 100px;
padding-top: 50px;
margin-top: 50px
}
.main-lesson-outer {
margin-top: 25px
}
.main-lesson {
min-height: 412px;
background: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/images/main-lesson_bg.svg) no-repeat right bottom/452px auto,linear-gradient(100deg,#dfedf1 5%,#daeeed 25%,#d9efde 50%,#c3ebb8 80%,#a5dcb1 115%);
border-radius: 30px;
padding: 44px 500px 44px 44px;
position: relative;
overflow: hidden
}
.main-lesson__content {
padding-right: 44px
}
.main-lesson__header {
display: flex;
align-items: center
}
.main-lesson__lesson {
color: #99be85;
font-family: Unbounded;
font-weight: 600;
line-height: 1;
font-size: 18px;
background: #fff;
height: 44px;
display: inline-flex;
align-items: center;
border-radius: 22px;
text-transform: uppercase;
padding: 6px 20px 4px;
margin-right: 20px;
white-space: nowrap
}
.main-lesson__title {
font-family: Unbounded;
font-weight: 500;
line-height: 1.4;
font-size: 20px;
color: var(--color1)
}
.main-lesson__title h1 {
font-size: inherit;
font-weight: inherit;
margin: 0;
display: inline
}
.main-lesson__text {
line-height: 1.2;
margin-top: 25px;
color: var(--color1)
}
.main-lesson__b-b {
margin-top: 25px
}
.main-lesson__b-b .button {
height: 46px;
padding: 0 34px 2px;
font-size: 16px
}
.main-lesson__image {
position: absolute;
bottom: 0;
right: 0;
height: 412px
}
.lesson__i .block-title {
background-image: var(--gradient2)
}
.lesson__i .text {
margin-top: 40px
}
.lesson__i-i-b,
.lesson__i-v-b {
width: 600px;
float: right;
margin-left: 20px!important;
border-radius: 15px;
background-color: #f5f5f6
}
.lesson__i-i-b[data-fancybox] {
width: 360px;
cursor: zoom-in;
position: relative;
z-index: 2;
box-shadow: 2px 4px 12px rgb(0 0 0 / 15%);
overflow: hidden
}
.lesson__i-i-b[data-fancybox]:before {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgb(255 255 255 / 80%);
z-index: 2;
opacity: 0;
transition: .3s all ease
}
.lesson__i-i-b[data-fancybox]:after {
content: '';
background-image: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/images/zoom.svg);
width: 50px;
height: 50px;
position: absolute;
bottom: 15px;
right: 15px;
background-position: center center;
background-size: contain;
z-index: 3;
transition: .3s all ease;
background-repeat: no-repeat
}
.lesson__i-i-b img {
display: block;
max-width: 100%
}
.lesson__i-i-b[data-fancybox] img {
z-index: 1;
position: relative
}
.lesson__i-i-b + p,
.lesson__i-v-b + p {
margin-top: 0
}
.block-tab-toggle {
display: flex;
justify-content: space-between;
align-items: center
}
.block-tab {
display: flex
}
.block-tab__arrow {
width: 42px;
height: 42px;
background: var(--gradient2);
border-radius: 50%;
cursor: pointer;
margin-left: 17px;
position: relative
}
.block-tab__arrow:hover {
background: var(--gradient3)
}
.block-tab__prev:after {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/images/arrow_block_tab_prev.svg) no-repeat center center/20px auto
}
.block-tab__next:after {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/images/arrow_block_tab_next.svg) no-repeat center center/20px auto
}
.lesson-bottom .expert-outer {
margin-top: 0!important
}
body.post-template-longread .expert-outer {
background-color: #fff;
padding-top: 50px;
border-bottom: 1px solid #edf4e9;
margin-bottom: -50px;
padding-bottom: 60px
}
body.post-template-longread .expert-outer .block-title {
text-align: center
}
.expert-tabs {
margin: 4px -8px 0;
display: flex;
flex-wrap: wrap
}
.expert-tabs__i {
display: inline-flex;
height: 42px;
border-radius: 21px;
background-color: #f5f5f6;
margin: 16px 8px 0;
align-items: center;
font-size: 22px;
color: var(--color1);
cursor: pointer;
padding: 5px 20px
}
.expert-tabs__i.active {
color: #fff;
background: var(--gradient2)
}
.expert {
margin-top: 40px
}
.expert__i {
display: flex;
justify-content: space-between
}
.expert__i-i-b {
width: 490px
}
.expert__i-i-b img {
width: 100%;
border-radius: 15px;
display: block
}
.expert__i-content {
width: calc(100% - 490px - 30px);
background: #f5f5f6;
padding: 30px 40px;
border-radius: 15px
}
.expert__i-name {
font-family: Unbounded;
font-weight: 600;
line-height: 1.4;
font-size: 25px;
text-transform: uppercase;
background-image: var(--gradient1);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent
}
.expert__i-text {
line-height: 1.2;
margin-top: 12px;
color: var(--color1)
}
.expert__i-text a {
text-decoration: none;
border-bottom: 1px solid var(--color2)
}
.expert__i-text a:hover {
border-color: transparent
}
.expert__i-text .baloon + .baloon {
margin-top: 6px
}
.expert__i-text .baloon span {
background-color: #fff;
color: var(--color1);
display: inline-flex;
font-size: 16px;
line-height: 1.2;
padding: 3px 12px;
flex-direction: row;
border-radius: 13px;
word-break: break-all;
font-weight: 500;
min-height: 26px
}
.expert__i-text .baloon span b {
color: #99be85;
font-weight: 600;
margin-right: 5px
}
.expert__i-text .baloon span a {
border: 0;
color: var(--color1);
text-decoration: none
}
.expert__i-text .baloon span a:hover {
color: #000
}
.expert-widget {
margin-top: 50px
}
.expert-widget__i {
background: #f5f5f6;
padding: 16px;
border-radius: 15px;
display: flex;
flex-wrap: wrap;
margin-top: 10px
}
.expert-widget__i-i-b {
width: 312px;
flex-shrink: 0
}
.expert-widget__i-i-b img {
display: block;
width: 100%;
border-radius: 15px
}
.expert-widget__i-content {
padding: 0 0 0 30px;
width: calc(100% - 312px)
}
.expert-widget__i-name {
font-family: Unbounded;
font-weight: 600;
line-height: 1.4;
font-size: 17px;
text-transform: uppercase;
background-image: var(--gradient1);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent
}
.expert-widget__i-text {
line-height: 1.2;
margin-top: 10px;
color: var(--color1);
font-size: 16px
}
.expert-widget__i-text p {
margin: 0;
margin-top: 10px
}
.expert-widget__i-text a {
text-decoration: none;
border-bottom: 1px solid var(--color2)
}
.expert-widget__i-text a:hover {
border-color: transparent
}
.expert-widget__i-text .baloon {
margin-top: 16px
}
.expert-widget__i-text .baloon + .baloon {
margin-top: 6px
}
.expert-widget__i-text .baloon span {
background-color: #fff;
color: var(--color1);
display: inline-flex;
font-size: 14px;
line-height: 1.2;
padding: 4px 12px 4px;
flex-direction: row;
border-radius: 13px;
word-break: break-all;
font-weight: 500;
min-height: 25px
}
.expert-widget__i-text .baloon span b {
color: #99be85;
font-weight: 600;
margin-right: 5px
}
.expert-widget__i-text .baloon span a {
border: 0;
color: var(--color1);
text-decoration: none
}
.expert-widget__i-text .baloon span a:hover {
color: #000
}
.big-nav-outer:first-child {
margin-top: 0!important
}
.big-nav {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.big-nav__i {
background-color: #e8f3fb;
border-radius: 15px;
width: calc(50% - 15px);
padding: 30px;
position: relative;
display: flex
}
.big-nav__i_position_prev {
margin-right: auto
}
.big-nav__i_position_next {
margin-left: auto
}
.big-nav__i-content {
width: calc(100% - 184px);
position: relative;
padding: 0 20px 45px 0;
order: 0
}
.big-nav__i-label {
display: block;
font-family: Unbounded;
font-weight: 500;
line-height: 1.4;
font-size: 12px;
color: var(--color1);
text-transform: uppercase
}
.big-nav__i-title {
font-family: Unbounded;
font-weight: 500;
line-height: 1.4;
font-size: 20px;
color: var(--color1);
display: block;
text-transform: uppercase;
margin-top: 15px
}
.big-nav__i-title span {
color: #1270c3
}
.big-nav__i-text {
margin-top: 6px;
display: block;
color: var(--color1);
font-weight: 400;
line-height: 1.1;
max-height: 108px;
overflow: hidden
}
.big-nav__i .button {
height: 30px;
padding: 0 15px 2px;
font-size: 13px;
background-color: #1270c3;
position: absolute;
left: 0;
bottom: 0
}
.big-nav__i:hover .button:before {
-webkit-animation: .5s shine;
animation: .5s shine;
opacity: 1
}
.big-nav__i-i-b {
width: 184px;
height: 220px;
order: 1
}
.big-nav__i-i-b img {
max-width: 100%;
display: block;
border-radius: 15px
}
.pages-grid {
display: flex;
flex-wrap: wrap;
margin: -8px -4px 0
}
.pages-grid__i {
width: 25%;
padding: 0 4px;
margin-top: 8px
}
.pages-grid__i * {
transition: all .25s ease-in-out
}
.pages-grid__i_width_long {
width: 50%
}
.pages-grid__i-inner {
height: 274px;
display: flex;
overflow: hidden;
position: relative;
border-radius: 15px;
align-items: flex-end;
padding: 15px
}
.pages-grid__i-number {
width: 35px;
height: 35px;
background-color: rgb(255 255 255 / 100%);
border-radius: 50%;
position: absolute;
z-index: 3;
left: 15px;
top: 15px;
pointer-events: none;
color: var(--color1);
font-family: Unbounded;
font-weight: 600;
line-height: 1;
font-size: 16px;
display: inline-flex;
align-items: center;
justify-content: center;
opacity: .7
}
.pages-grid__i-image {
position: absolute;
z-index: 1;
min-height: 100%;
min-width: 100%;
max-height: 100%;
left: 0;
top: 0
}
.pages-grid__i-content {
position: relative;
z-index: 2;
display: block;
padding: 15px 55px 15px 15px;
background-color: rgb(255 255 255 / 90%);
border-radius: 10px;
width: 100%;
max-width: 244px
}
.pages-grid__i-content:after {
content: '';
width: 35px;
height: 35px;
background: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/images/arrow_block_tab_next.svg) no-repeat center center/15px auto,var(--gradient2);
border-radius: 50%;
position: absolute;
z-index: 2;
right: 10px;
bottom: 10px
}
.pages-grid__i-title {
display: block;
font-family: Unbounded;
font-weight: 500;
line-height: 1.4;
font-size: 15px;
color: var(--color1);
text-transform: uppercase;
min-height: 63px
}
.pages-grid__i-inner:hover .pages-grid__i-number {
color: #99be85
}
.pages-grid__i-inner:hover .pages-grid__i-image {
transform: scale(1.1)
}
.pages-grid__i-inner:hover .pages-grid__i-content {
background-color: rgb(255 255 255 / 100%)
}
.pages-grid__i-inner:hover .pages-grid__i-title {
color: #99be85
}
.pages-grid__i-inner:hover .pages-grid__i-number {
opacity: 1
}
body.home .pages-grid__i-inner:hover .pages-grid__i-title {
color: #a2b0c7
}
.main-school-outer {
margin-top: 25px
}
.main-school {
min-height: 550px;
background: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/images/main-school_bg.webp) no-repeat center bottom/cover;
border-radius: 30px;
padding: 44px;
display: flex;
align-items: flex-end
}
.main-school__content {
background-color: rgb(255 255 255 / 90%);
width: 100%;
max-width: 610px;
border-radius: 20px;
padding: 25px;
box-shadow: 0 4px 20px rgba(0,0,0,.15)
}
.main-school__title {
font-family: Unbounded;
font-weight: 600;
line-height: 1.4;
font-size: 24px;
text-transform: uppercase;
background-image: var(--gradient1);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent
}
.main-school__title span {
background-image: var(--gradient2);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}
.main-school__text {
line-height: 1.2;
margin-top: 12px;
color: var(--color1);
font-size: 16px
}
.edges {
display: flex;
flex-wrap: wrap;
margin: 8px -6px 0
}
.edges__i {
background-color: #e8f3fb;
margin: 12px 6px 0;
width: calc(33.33333333% - 12px);
border-radius: 15px;
padding: 25px
}
.edges__i-header {
display: flex;
font-size: 18px;
font-weight: 600;
align-items: center
}
.edges__i-header img {
width: 34px;
flex-shrink: 0;
margin-right: 20px;
display: block
}
.edges__i-text {
margin-top: 10px;
color: var(--color1);
font-size: 15px;
line-height: 1.2
}
.school-text-1 {
display: flex;
flex-wrap: wrap
}
.school-text-1__title {
width: 490px
}
.school-text-1__text {
width: calc(100% - 490px);
padding-left: 40px;
padding-top: 6px;
color: var(--color1);
font-size: 16px
}
.school-text-2__text {
margin-top: 20px;
color: var(--color1);
font-size: 16px
}
.questions-popular {
display: flex;
flex-wrap: wrap;
margin: -10px -15px 0
}
.questions-popular__i {
width: 33.33333333%;
padding: 0 15px;
margin-top: 30px
}
.questions-popular__i-inner {
background-color: #fff;
box-shadow: 0 6px 12px -6px rgba(24,39,75,.12),0 8px 24px -4px rgba(24,39,75,.08);
border: 1px solid #fff;
border-radius: 15px;
display: flex;
padding: 15px
}
.questions-popular__i-inner:hover {
border-color: var(--color2)
}
.questions-popular__i-b {
display: block;
width: 100px;
height: 100px;
position: relative
}
.questions-popular__i-b img {
border-radius: 10px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: 100%;
max-height: 100%;
margin: auto
}
.questions-popular__title {
color: var(--color1);
font-family: Unbounded;
font-weight: 500;
line-height: 1.2;
font-size: 18px;
width: calc(100% - 100px);
padding-left: 15px
}
.blog-categories-mini ul {
display: flex;
flex-wrap: wrap;
margin: 15px -2px 0
}
.blog-categories-mini:first-child ul {
margin: 0 -2px 30px
}
.blog-categories-mini .cat-item {
margin: 4px 2px 0
}
.blog-categories-mini .cat-item.current-cat {
display: none
}
.blog-categories-mini .cat-item a {
display: inline-flex;
align-items: center;
padding: 3px 10px 4px;
min-height: 20px;
background-color: var(--color3);
border-radius: 10px;
font-size: 12px;
text-transform: lowercase
}
.go-to-top {
position: fixed;
width: 48px;
height: 48px;
left: 16px;
top: 48px;
background: var(--gradient2);
border-radius: 4px;
z-index: 89;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer
}
.go-to-top svg {
fill: #fff;
width: 30px;
height: 30px
}
.go-to-top:hover svg {
opacity: .8
}
.wsp-container {
font-size: 15px
}
.wsp-container ul {
padding-bottom: .5em
}
.wsp-container ul li {
padding-left: 16px
}
.wsp-container ul li:before {
width: 4px;
height: 4px;
top: 10px
}
.wsp-container ul li a {
text-decoration: none;
border-bottom: 1px solid var(--color2)
}
.wsp-container ul li a:hover {
border-color: transparent
}
.wsp-container > ul.wsp-posts-list,
ul.wsp-pages-list {
background-color: #fff;
box-shadow: 5px 0 30px rgba(124,124,106,.15);
border-radius: 15px;
padding: 16px 24px 24px;
height: 100%;
margin-top: 1em!important
}
.wsp-container > ul.wsp-posts-list {
padding-bottom: calc(24px - .6em)
}
.wsp-container > ul.wsp-posts-list > li,
ul.wsp-pages-list > li {
padding-left: 0
}
.wsp-container > ul.wsp-posts-list > li:before,
ul.wsp-pages-list > li:before {
display: none
}
.date-update {
margin-bottom: -20px;
font-size: 13px;
font-weight: 600
}
.date-update span {
color: var(--color2)
}
@media (min-width:1200px) {
.hidden-lg {
display: none!important
}
.text table {
width: 100%
}
.lesson-tabs {
margin: 14px -13px 0;
display: flex;
flex-wrap: wrap
}
.lesson-tabs__i {
margin: 26px 13px 0;
background: #f5f5f6;
min-height: 100px;
display: inline-flex;
align-items: center;
color: var(--color1);
font-family: Unbounded;
font-weight: 500;
line-height: 1.2;
font-size: 18px;
border-radius: 15px;
padding: 10px 20px
}
.lesson-tabs__i.active {
background: var(--gradient2);
color: #fff
}
.blog-categories-mini .cat-item a:hover {
color: #fff;
background-color: var(--color1)
}
#wpadminbar {
opacity: .4
}
#wpadminbar:hover {
opacity: 1
}
.lesson__i-i-b[data-fancybox]:hover:before {
opacity: 1
}
.lesson__i-i-b[data-fancybox]:hover:after {
right: 50%;
bottom: 50%;
margin: 0 -25px -25px 0
}
}
@media (max-width:1199px) {
body.category .blog-categories,
body.post-template-longread .blog-categories,
body.post-template-shortread .blog-categories {
display: none
}
.author__content {
padding-left: 20px;
font-size: 14px;
line-height: 1.3;
width: calc(100% - 100px)
}
.author__i-b {
width: 100px;
height: 100px
}
.form_1,
.form_3,
.form_4 {
padding: 30px 20px
}
.form__title {
font-size: 19px
}
.form_4 .form__title {
font-size: 15px
}
.form__title br {
display: none
}
.form__row {
flex-wrap: wrap
}
.form__col {
width: 100%!important
}
.form_1 .form__b-b-button,
.form_3 .form__b-b-button,
.form_4 .form__b-b-button {
width: 100%
}
.form_1 .form__b-b,
.form_3 .form__b-b,
.form_4 .form__b-b {
flex-wrap: wrap
}
.form_1 .form__b-b-text,
.form_3 .form__b-b-text,
.form_4 .form__b-b-text {
width: 100%;
padding: 8px 0 0 0;
text-align: center
}
.form_2 .form__col {
width: 100%
}
ul.search-page li:before {
top: 6px!important
}
.mobile-menu-opener {
display: block;
position: absolute;
text-transform: uppercase;
width: 45px;
height: 34px;
right: 0;
top: 50%;
margin-top: -17px
}
.mobile-menu-opener span {
display: block;
height: 2px;
background: var(--color1);
top: 50%;
right: 15px;
position: absolute;
width: 20px;
margin-top: -1px
}
.mobile-menu-opener span:before {
content: '';
display: block;
height: 2px;
background: var(--color1);
position: absolute;
width: 25px;
top: -7px;
transition-duration: .3s,.3s;
right: 0
}
.mobile-menu-opener span:after {
content: '';
display: block;
height: 2px;
background: var(--color1);
position: absolute;
width: 15px;
bottom: -7px;
transition-duration: .3s,.3s;
right: 0
}
.mobile-menu-opener.active span {
background: 0 0
}
.mobile-menu-opener.active span:before {
top: 0;
width: 20px;
transform: rotate(45deg)
}
.mobile-menu-opener.active span:after {
bottom: 0;
width: 20px;
transform: rotate(-45deg)
}
.text {
font-size: 15px
}
.text .h1:first-child,
.text .h2:first-child,
.text .h3:first-child,
.text .h4:first-child,
.text .h5:first-child,
.text .h6:first-child,
.text h1:first-child,
.text h2:first-child,
.text h3:first-child,
.text h4:first-child,
.text h5:first-child,
.text h6:first-child {
margin-top: 0
}
.text h1 {
font-size: 23px
}
.text h2 {
font-size: 20px
}
.text h3 {
font-size: 18px
}
.text h4 {
font-size: 16px
}
.text h5 {
font-size: 14px
}
.text h6 {
font-size: 12px
}
.text .h1 {
font-size: 23px
}
.text .h2 {
font-size: 20px
}
.text .h3 {
font-size: 18px
}
.text .h4 {
font-size: 16px
}
.text .h5 {
font-size: 14px
}
.text .h6 {
font-size: 12px
}
ul.text-small > li:before {
width: 3px;
height: 3px
}
.text .text-warning ul > li:before {
top: 9px
}
.text hr {
margin: 1em 0
}
.text .big {
font-size: 18px
}
.text .row + .row {
margin-top: 0
}
.text .col {
width: 100%!important
}
.text .col + .col {
margin-top: 1em
}
.text-block-with-background {
display: flex;
flex-wrap: wrap
}
.text-block-with-background-padding-bottom,
.text-block-with-background-padding-top {
padding: 0!important;
background-color: transparent;
border-radius: 0
}
.text-block-with-background-padding-bottom picture,
.text-block-with-background-padding-top picture {
order: 1;
width: 100%;
margin-top: 1em!important
}
.text-block-with-background-image {
border-radius: 15px!important;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
min-height: auto
}
.text-block-with-background-text {
background-color: transparent;
border-radius: 0;
padding: 0;
width: 100%;
order: 0;
margin-top: 15px
}
.text-block-with-background-new {
min-height: auto;
padding: 0!important;
background-color: transparent;
border-radius: 0
}
.text-block-with-background-new picture {
order: 1;
width: 100%;
margin-top: 1em!important
}
.text-title {
font-size: 16px!important
}
.text-subtitle {
font-size: 16px!important
}
.text-block-with-background .text-title {
font-size: 23px!important
}
ol.text-list-numeric-mini li {
width: calc(100% - 16px)!important
}
.text-col {
margin-top: 16px
}
.text-col-6 {
width: 100%
}
.text-warning {
background-size: 36px auto;
padding: 16px 32px 16px 64px
}
.text-attention {
background-position: center 16px,center top;
padding: 74px 16px 16px;
text-align: center
}
.text-attention.text-attention-center {
background-position: calc(100% - 16px) center,center top;
padding: 16px 75px 16px 16px;
text-align: left
}
.text-attention ol,
.text-attention ul {
text-align: left
}
.text-table-1 table tr td:first-child {
padding-left: 10px!important
}
.container {
padding-left: 16px;
padding-right: 16px
}
.content {
padding-bottom: 50px
}
.footer {
padding: 40px 0 230px
}
.footer__row {
flex-wrap: wrap
}
.footer__col:nth-child(1) {
width: 100%;
display: block
}
.footer__col:nth-child(2) {
display: none
}
.footer .logo img {
width: 195px;
height: auto;
margin: 0 auto
}
.m_t_50 {
margin-top: 40px
}
.hidden-xs {
display: none!important
}
.footer .socials {
justify-content: center
}
.socials__item:last-child {
margin-right: 8px
}
.privacy {
width: 100%;
font-weight: 500;
opacity: .5;
text-align: center
}
.block-header {
display: block
}
.block-title {
font-size: 23px
}
.block-title-small {
font-size: 15px
}
.block-subtitle {
font-size: 18px;
width: auto;
padding-left: 0;
margin-top: 15px
}
.block-nav-small .slick-next {
margin-left: 10px
}
.main-slider {
max-width: 400px;
margin-left: auto;
margin-right: auto
}
.main-slider__i {
border-radius: 15px
}
.main-slider__i-inner {
padding: 20px!important
}
.main-slider__i-content {
height: 100%;
display: flex;
flex-direction: column
}
.main-slider__i-title {
font-size: 23px
}
.main-slider__i-title .i {
height: 36px;
width: 41px;
margin-right: 8px;
margin-left: -1px
}
.main-slider__i-text {
font-size: 14px;
margin-top: 15px
}
.slide-text-margin {
margin-bottom: 0
}
.main-slider__i-post {
width: 100%;
max-width: 342px;
border-radius: 15px;
padding: 15px;
margin-top: auto
}
.main-slider__i-post-more {
right: 15px
}
.main-slider__i-categories {
margin-top: 20px
}
.main-slider__i-categories div {
margin-top: 0;
margin-bottom: 5px;
margin-right: 0;
min-height: auto;
width: 100%
}
.main-slider__i-categories a {
margin-top: 6px;
margin-right: 6px;
font-size: 14px
}
.page-template-home .main-slider-outer {
margin-top: 25px
}
.main-menu-outer {
display: none
}
.content {
padding-top: 50px
}
.header {
position: fixed;
z-index: 90;
left: 0;
top: 0;
right: 0
}
.header__line .container {
height: 50px
}
.header .logo img {
height: auto;
width: 160px
}
.header__content {
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #fff;
padding: 30px 15px;
box-shadow: 0 4px 15px rgba(0,0,0,.1);
height: calc((var(--vh,1vh) * 100) - 50px);
overflow-y: auto
}
.mini-search__form {
margin: 0 auto;
width: 316px
}
.header .socials {
justify-content: center;
margin-top: 22px;
display: flex;
margin-left: -4px;
margin-right: -4px;
flex-wrap: wrap
}
.header .socials__item {
box-shadow: 0 4px 20px rgba(0,0,0,.15)
}
.mini-search {
margin-top: 30px
}
.mini-search__input-text {
max-width: 340px;
width: auto;
min-width: 220px
}
.mobile-menu ul.menu {
margin-top: -20px;
padding-bottom: 10px
}
.mobile-menu ul.menu > li.menu-item {
font-size: 16px;
font-weight: 400;
letter-spacing: 1px;
line-height: 1.3;
margin-top: 20px
}
.mobile-menu ul.menu > li.menu-item > a {
border-bottom: 1px solid transparent
}
.mobile-menu ul.menu > li.menu-item.current-menu-item > a {
border-color: var(--color1)
}
.mobile-menu ul.sub-menu {
padding-left: 20px
}
.mobile-menu ul.sub-menu > li.menu-item {
font-size: 14px;
opacity: .5;
font-weight: 400;
letter-spacing: 1px;
line-height: 1.3;
margin-top: 9px;
position: relative;
padding-left: 14px
}
.mobile-menu ul.sub-menu > li.menu-item:before {
content: '';
background-color: var(--color1);
width: 6px;
height: 1px;
position: absolute;
left: 0;
top: 9px
}
.mobile-menu ul.sub-menu > li.menu-item > a {
border-bottom: 1px solid transparent
}
.mobile-menu ul.sub-menu > li.menu-item.current-menu-item > a {
border-color: var(--color1)
}
.breadcrumbs {
font-size: 14px;
font-weight: 500
}
.breadcrumbs > span > span {
padding-right: 30px
}
.breadcrumbs > span > span:after {
right: 6px;
width: 18px
}
.breadcrumbs > span > span:last-child {
display: none
}
.breadcrumbs > span > span:nth-last-child(2) {
padding-right: 0
}
.breadcrumbs > span > span:nth-last-child(2):after {
display: none
}
.page-text-outer {
overflow: hidden
}
.section {
flex-wrap: wrap
}
.sidebar + .main {
width: 100%;
padding-right: 0;
order: 0
}
.sidebar {
width: 100%;
max-width: 340px;
margin: 30px auto 0
}
.latest .blog__i,
.similar .blog__i {
width: calc(100% - 30px)
}
.text-block-with-image-left,
.text-block-with-image-right {
flex-wrap: wrap
}
.text-block-with-image-image {
order: 0!important;
margin-bottom: 24px;
flex-shrink: 1
}
.text-block-with-image-text {
padding: 0!important;
order: 1!important;
width: 100%
}
ol.text-blue-box-list,
ul.text-blue-box-list {
margin: 0!important
}
ol.text-blue-box-list li,
ul.text-blue-box-list li {
width: 100%
}
ol.text-blue-box-list li {
padding: 15px 15px 15px 64px
}
ul.text-blue-box-list li {
padding: 15px
}
ol.text-blue-box-list li:before {
top: 15px;
left: 15px;
width: 34px;
height: 34px;
font-size: 14px
}
.sidebar-sticky {
position: static
}
.main-lesson {
min-height: auto;
border-radius: 15px;
padding: 20px 20px 220px 20px
}
.main-lesson__content {
padding-right: 0
}
.main-lesson__header {
flex-wrap: wrap
}
.main-lesson__lesson {
font-size: 15px;
height: 36px;
border-radius: 18px;
padding: 6px 15px 4px
}
.main-lesson__title {
width: 100%;
margin-top: 15px
}
.main-lesson__text {
margin-top: 15px
}
.main-lesson__b-b .button {
height: 30px;
padding: 0 15px 2px;
font-size: 13px
}
.main-lesson__image {
right: 50%;
height: 200px;
transform: translate(50%,0)
}
.lesson-tabs {
display: flex;
flex-direction: column;
background-color: var(--color3);
border-radius: 15px;
padding: 10px 20px 26px;
margin-top: 20px;
display: none!important
}
.lesson-tabs__i {
width: auto!important;
margin-top: 15px;
font-size: 15px;
font-weight: 600;
position: relative;
padding-left: 23px;
line-height: 1.2
}
.lesson-tabs__i span {
color: var(--color1);
border-bottom: 1px solid transparent
}
.lesson-tabs__i span:before {
content: '';
width: 4px;
height: 4px;
position: absolute;
border-radius: 50%;
background-color: var(--color1);
left: 4px;
top: 8px
}
.lesson-tabs__i.active span {
color: var(--color2);
border-color: var(--color2)
}
.lesson-tabs__i.active span:before {
background-color: var(--color2)
}
.lesson__i {
display: block!important
}
.lesson__i + .lesson__i {
margin-top: 40px
}
.lesson__i .block-title {
font-size: 18px;
padding-left: 42px;
position: relative
}
.lesson__i .block-title.opened {
background-image: var(--gradient1)
}
.lesson__i .block-title:before {
content: '';
background: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/images/arrow_left.svg) no-repeat 2px center/24px auto #fff;
width: 32px;
height: 32px;
position: absolute;
left: 0;
top: -4px;
transform: rotate(-90deg);
border-radius: 50%;
border: 1px solid #d6e5cd;
transition: all .25s ease-in-out
}
.lesson__i .block-title.opened:before {
transform: rotate(90deg)
}
.lesson__i .text {
margin-top: 24px;
display: none
}
.lesson__i-i-b,
.lesson__i-i-b[data-fancybox],
.lesson__i-v-b {
width: 100%;
float: none;
margin-left: 0!important;
border-radius: 15px;
background-color: #f5f5f6;
margin-bottom: 1em!important
}
.lesson__i-i-b[data-fancybox] {
width: 160px
}
.lesson__i-i-b[data-fancybox]:before {
background-color: rgb(255 255 255 / 80%);
opacity: 1;
top: auto;
right: 50%;
left: auto;
bottom: 50%;
width: 50px;
height: 50px;
border-radius: 50%;
margin: 0 -25px -25px 0
}
.lesson__i-i-b[data-fancybox]:after {
width: 30px;
height: 30px;
margin: 0 -15px -15px 0;
bottom: 50%;
right: 50%
}
.block-tab__arrow {
margin-left: 10px
}
.expert-tabs {
margin: 16px -8px 0
}
.expert-tabs__i {
height: 36px;
border-radius: 18px;
margin: 8px 4px 0;
font-size: 15px;
padding: 5px 15px
}
.expert {
margin-top: 24px
}
.expert__i {
flex-wrap: wrap;
max-width: 490px;
margin-left: auto;
margin-right: auto
}
.expert__i-i-b {
max-width: 490px;
width: 100%
}
.expert__i-content {
width: 100%;
padding: 20px
}
.expert__i-awards > div {
font-size: 15px
}
body.post-template-longread .expert-outer {
padding-top: 35px;
border-bottom: 0;
margin-bottom: -40px;
padding-bottom: 0
}
.big-nav__i {
width: calc(50% - 5px);
padding: 20px
}
.big-nav__i-content {
width: 100%;
position: relative;
padding: 0 0 48px 0
}
.big-nav__i-i-b {
display: none
}
.big-nav__i-title {
font-size: 0
}
.big-nav__i-title span {
font-size: 20px
}
.big-nav__i-text {
display: none
}
.big-nav__i .button {
width: 100%;
max-width: 200px
}
.main-school {
min-height: auto;
background-image: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/images/main-school_bg_mobile.webp);
border-radius: 15px;
padding: 200px 20px 20px
}
.main-school__content {
border-radius: 10px;
padding: 15px;
box-shadow: 0 4px 20px rgba(0,0,0,.15)
}
.main-school__title {
font-weight: 500;
line-height: 1.4;
font-size: 20px;
color: var(--color1);
text-transform: none
}
.edges__i {
width: calc(100% - 12px);
padding: 20px
}
.school-text-1__title {
width: 100%
}
.school-text-1__text {
width: 100%;
padding: 0;
margin-top: 1em
}
.school-text-2__text {
margin-top: 0
}
.questions-popular {
margin: 5px -15px 0
}
.questions-popular__i {
width: 100%;
margin-top: 15px
}
.questions-popular__i-b {
width: 90px;
height: 90px
}
.questions-popular__title {
font-size: 16px;
width: calc(100% - 90px);
padding-left: 15px
}
.pages-grid__i {
width: 50%
}
.pages-grid__i-inner {
height: 0;
padding-bottom: calc(100% - 16px)
}
.pages-grid__i-content {
position: absolute;
bottom: 15px;
left: 15px;
right: 15px;
width: auto;
max-width: none
}
.pages-grid__i_width_long .pages-grid__i-image {
left: 50%;
transform: translate(-50%,0)
}
ol.another-one-numeric li {
width: calc(100% - 20px)!important
}
}
@media (max-width:599px) {
.go-to-top {
width: 30px;
height: 30px;
left: auto;
top: auto;
right: 8px;
bottom: 188px
}
.go-to-top_stick {
bottom: 8px
}
.go-to-top svg {
opacity: 1!important;
width: 20px;
height: 20px
}
.blog__i {
flex-wrap: wrap;
padding: 20px
}
.blog__i-i-b,
.latest .blog__i-i-b .similar .blog__i-i-b {
width: 100%
}
.blog__i-content {
width: 100%!important;
padding-left: 0;
margin-top: 15px
}
.blog__i .post-categories {
margin-top: 8px
}
.blog__i-summary {
margin-top: 13px
}
.blog__i-b-b {
margin-top: 10px
}
.navigation.pagination {
margin-top: 30px
}
.pages-grid__i_width_long {
width: 100%
}
.pages-grid__i-number {
width: 30px;
height: 30px;
left: 10px;
top: 10px;
font-size: 14px
}
.pages-grid__i-inner {
height: 280px;
padding: 10px
}
.pages-grid__i-content {
padding: 10px 10px 50px 10px;
border-radius: 10px;
position: relative;
left: auto;
right: auto;
bottom: auto;
width: 100%
}
.pages-grid__i-title {
font-size: 14px;
text-transform: none;
min-height: 59px
}
.page-template-home .pages-grid {
justify-content: center
}
.page-template-home .pages-grid__i {
max-width: 175.5px
}
.page-template-home .pages-grid__i-inner {
height: 167.5px;
padding: 5px
}
.page-template-home .pages-grid__i-content {
padding: 6px 5px 5px;
border-radius: 12px
}
.page-template-home .pages-grid__i-content:after {
display: none
}
.page-template-home .pages-grid__i-title {
min-height: auto;
text-align: center;
font-size: 12px
}
.wsp-container > ul.wsp-posts-list > li > ul.wsp-posts-list {
padding-left: 0
}
.wsp-container > ul.wsp-posts-list > li > ul.wsp-posts-list > li {
padding-left: 0
}
.wsp-container > ul.wsp-posts-list > li > ul.wsp-posts-list > li:before {
display: none
}
.expert-widget__i-i-b {
width: 100%
}
.expert-widget__i-content {
padding: 0;
width: 100%;
margin-top: 20px
}
}
@media (max-width:519px) {
.pages-grid__i {
width: 50%
}
.pages-grid__i-inner {
height: 240px
}
}.sslider {
visibility: hidden
}
.s-block-mobile .smobile {
display: block;
height: 180px
}
.s-block-sidebar > div + div {
margin-top: 40px
}
.sidebar .slist {
background: #fff;
box-shadow: 0 6px 12px -6px rgba(24,39,75,.12),0 8px 24px -4px rgba(24,39,75,.08);
border-radius: 15px;
overflow: hidden;
padding: 30px
}
.sidebar .slist > div {
font-family: Unbounded;
font-weight: 600;
line-height: 1.4;
background-image: var(--gradient1);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
font-size: 20px;
text-transform: uppercase;
margin-bottom: 5px
}
.sidebar .slist > ul {
font-size: 15px;
line-height: 1.2;
font-weight: 400;
margin: 0
}
.sidebar .slist > ul > li {
position: relative;
padding-left: 27px;
margin-top: 15px
}
.sidebar .slist > ul > li:before {
content: '';
width: 18px;
height: 18px;
position: absolute;
border-radius: 50%;
background: var(--gradient2);
left: 0;
top: 1px
}
.sidebar .slist > ul > li a:hover {
color: var(--color2)
}
.sidebar .simage {
overflow: hidden;
border-radius: 15px;
box-shadow: 0 6px 12px -6px rgba(24,39,75,.12),0 8px 24px -4px rgba(24,39,75,.08)
}
.sidebar .simage img {
width: 100%;
display: block
}
.sidebar .simage video {
width: 100%;
display: block
}
.sidebar .simage a:hover img {
opacity: .8
}
.sidebar .stext > div {
font-family: Unbounded;
font-weight: 600;
line-height: 1.4;
background-image: var(--gradient1);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
font-size: 20px;
text-transform: uppercase;
margin-bottom: 5px
}
.sidebar .stext > p {
font-size: 15px;
line-height: 1.4;
font-weight: 400;
margin: 0
}
.sidebar .stext > p a {
color: var(--color2);
border-bottom: 1px solid var(--color2)
}
.sidebar .stext > p a:hover {
border-color: transparent
}
.s-block-mobile .close {
position: absolute;
top: 8px;
right: 8px;
width: 30px;
height: 30px;
cursor: pointer;
background-color: #fff;
border-radius: 50%;
opacity: .8;
z-index: 10
}
.s-block-mobile .close:after,
.s-block-mobile .close:before {
content: '';
position: absolute;
display: block;
top: 50%;
left: 50%;
height: 2px;
width: 12px;
margin-top: -1px;
margin-left: -6px;
transform: rotate(-45deg);
background-color: #000
}
.s-block-mobile .close:after {
transform: rotate(45deg)
}
.s-block-mobile {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 50;
height: 180px;
overflow: hidden
}
.s-block-mobile .s-block-mobile__image {
display: block;
height: 180px;
margin: 0 auto
}
@media (min-width:1200px) {
.s-block-sidebar_mobile {
display: none!important
}
.s-block-mobile {
display: none!important
}
.s-block-sidebar + .s-block-sidebar {
margin-top: 40px
}
}
@media (max-width:1199px) {
.s-block-sidebar_desktop {
display: none!important
}
}
.s-block-mobile .goldline {
background-color: #fed4e6;
display: block;
height: 180px
}
.s-block-mobile .goldline * {
transition: all .25s ease-in-out
}
.s-block-mobile .goldline__title {
position: absolute;
width: 349px;
left: 50px;
top: 25px;
z-index: 4
}
.s-block-mobile .goldline__button {
position: absolute;
width: 155px;
left: 671px;
top: 72px;
z-index: 6
}
.s-block-mobile .goldline__note {
position: absolute;
width: 717px;
right: 32px;
bottom: 4px;
z-index: 5
}
.s-block-mobile .goldline__image_1 {
position: absolute;
width: 394px;
left: 376px;
bottom: 0;
z-index: 2
}
.s-block-mobile .goldline__image_2 {
position: absolute;
width: 95px;
left: 855px;
top: 12px;
z-index: 1
}
.s-block-mobile .goldline__image_3 {
position: absolute;
height: 180px;
left: 745px;
bottom: 0;
z-index: 3
}
.s-block-mobile .goldline + .close {
width: 60px;
height: 60px
}
.s-block-mobile .goldline + .close:after,
.s-block-mobile .goldline + .close:before {
width: 24px;
margin-left: -12px
}
@media (max-width:1079px) {
.s-block-mobile .goldline__title {
width: 279px;
left: 30px;
top: 30px
}
.s-block-mobile .goldline__button {
left: 551px
}
.s-block-mobile .goldline__image_1 {
left: 246px
}
.s-block-mobile .goldline__image_2 {
left: 717px
}
.s-block-mobile .goldline__image_3 {
left: 625px
}
}
@media (max-width:959px) {
.s-block-mobile .goldline__title {
width: 250px;
left: 20px;
top: 20px
}
.s-block-mobile .goldline__button {
left: auto;
width: 140px;
bottom: 60px;
top: auto;
right: 153px
}
.s-block-mobile .goldline__note {
width: 340px;
left: 50%;
margin-left: -170px;
bottom: 4px
}
.s-block-mobile .goldline__image_1 {
left: 50%;
width: 300px;
margin-left: -150px
}
.s-block-mobile .goldline__image_2 {
left: auto;
width: 70px;
right: 96px;
top: 10px
}
.s-block-mobile .goldline__image_3 {
left: auto;
right: 0
}
}
@media (max-width:767px) {
.s-block-mobile .goldline__title {
width: 189px
}
.s-block-mobile .goldline__note {
width: 340px;
left: 50%;
margin-left: -170px;
bottom: 4px
}
.s-block-mobile .goldline__image_1 {
left: 16px;
width: 202px;
margin-left: 0
}
.s-block-mobile .goldline__image_2 {
width: 60px;
right: 76px;
top: 50px
}
.s-block-mobile .goldline__image_3 {
left: auto;
right: 0
}
}
@media (max-width:549px) {
.s-block-mobile .goldline__button {
width: 110px;
bottom: 30px;
right: 67px
}
}
.s-block-mobile .rikotib {
background: linear-gradient(180deg,#04e26a 0,#632ec4 100%);
display: block;
height: 180px
}
.s-block-mobile .rikotib * {
transition: all .25s ease-in-out
}
.rikotib__title {
width: 229px;
position: absolute;
left: 93px;
top: 30px;
z-index: 6
}
.rikotib__button {
width: 163px;
position: absolute;
left: 653px;
top: 94px;
z-index: 5
}
.rikotib__note {
width: 610px;
position: absolute;
left: 50%;
bottom: 5px;
z-index: 3;
margin-left: -305px;
opacity: .5
}
.rikotib__image_1 {
width: 253px;
position: absolute;
left: 371px;
top: 8px;
z-index: 4
}
.rikotib__image_2 {
height: 180px;
position: absolute;
left: 743px;
top: 0;
z-index: 2
}
.rikotib__image_3 {
width: 824px;
position: absolute;
left: 50%;
bottom: 0;
z-index: 1;
margin-left: -412px
}
@media (max-width:1079px) {
.rikotib__title {
left: 30px
}
.rikotib__image_1 {
left: 306px
}
.rikotib__image_2 {
left: auto;
right: 0
}
.rikotib__button {
left: 563px
}
}
@media (max-width:767px) {
.rikotib__title {
left: 15px;
width: 242px;
top: 19px
}
.rikotib__note {
width: 360px;
bottom: 7px;
margin-left: -180px
}
.rikotib__button {
left: 210px
}
.rikotib__image_1 {
left: 10px;
width: 170px;
top: 56px
}
.rikotib__image_2 {
left: auto;
right: 0
}
.rikotib__image_3 {
width: 100%;
left: 0;
margin-left: 0;
bottom: -50%
}
}
@media (max-width:549px) {
.rikotib__button {
left: 180px;
width: 102px;
top: 121px
}
.rikotib__note {
width: 340px;
margin-left: -170px
}
}
.s-block-mobile .arovaban {
background-image: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/s-block/arovaban__image_3_max@2x.webp);
background-repeat: no-repeat;
background-size: auto 180px;
background-position: calc(100% + 20px) bottom;
background-color: #cbcbcb;
display: block;
height: 180px
}
.s-block-mobile .arovaban * {
transition: all .25s ease-in-out
}
.arovaban__title {
position: absolute;
z-index: 4;
left: 89px;
top: 21px;
display: block;
width: 406px
}
.arovaban__button {
position: absolute;
z-index: 5;
bottom: 24px;
display: block;
width: 112px;
left: 749px
}
.arovaban__note {
position: absolute;
z-index: 3;
left: 50%;
bottom: 0;
display: block;
width: 785px;
margin-left: -392px
}
.arovaban__image_1 {
position: absolute;
z-index: 2;
bottom: 19px;
display: block;
width: 248px;
left: 487px
}
.arovaban__image_2 {
position: absolute;
z-index: 1;
right: 82px;
bottom: 0;
display: block;
height: 180px
}
@media (max-width:1079px) {
.arovaban__title {
left: 16px
}
.arovaban__button {
bottom: 30px;
width: 112px;
left: 650px
}
.arovaban__image_1 {
bottom: 33px;
width: 218px;
left: 426px
}
.arovaban__image_2 {
right: 0
}
.arovaban__note {
bottom: 3px;
width: 700px;
margin-left: -350px
}
}
@media (max-width:959px) {
.s-block-mobile > .arovaban {
background-image: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/s-block/arovaban__image_3_min@2x.webp);
background-position: right bottom
}
.arovaban__title {
left: 16px;
width: 330px;
top: 16px
}
.arovaban__image_1 {
bottom: 28px;
width: 225px;
left: 346px
}
.arovaban__button {
left: 580px
}
.arovaban__note {
bottom: 6px;
width: 600px;
margin-left: -300px
}
}
@media (max-width:767px) {
.arovaban__title {
left: 16px;
width: 146px;
top: 16px
}
.arovaban__note {
bottom: 5px;
width: 340px;
margin-left: -170px
}
.arovaban__image_1 {
bottom: 58px;
width: 149px;
left: auto;
right: 52px
}
.arovaban__button {
bottom: 26px;
width: 90px;
left: auto;
right: 70px
}
.arovaban__image_1 {
bottom: 40px;
width: 180px;
left: auto;
right: 178px
}
.arovaban__button {
width: 100px;
left: auto;
right: 64px;
bottom: 76px
}
}
@media (max-width:549px) {
.arovaban__image_1 {
bottom: 58px;
width: 149px;
left: auto;
right: 52px
}
.arovaban__button {
bottom: 26px;
width: 90px;
left: auto;
right: 70px
}
}
.s-block-mobile .sitagliks {
background-image: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/s-block/sitagliks__image_3_max@2x.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: left center;
display: block;
height: 180px;
overflow: hidden
}
.s-block-mobile .sitagliks * {
transition: all .25s ease-in-out
}
.sitagliks__title {
position: absolute;
z-index: 4;
left: 104px;
top: 16px;
display: block;
width: 427px
}
.sitagliks__button {
position: absolute;
z-index: 5;
bottom: 29px;
display: block;
width: 178px;
left: 297px
}
.sitagliks__note {
position: absolute;
z-index: 3;
left: 124px;
bottom: 3px;
display: block;
width: 577px
}
.sitagliks__image_1 {
position: absolute;
z-index: 2;
bottom: 35px;
display: block;
width: 309px;
left: 551px
}
.sitagliks__image_2 {
position: absolute;
z-index: 1;
left: 810px;
bottom: 0;
display: block;
height: 180px
}
@media (min-width:1080px) {
.s-block-mobile .sitagliks:hover .sitagliks__image_1 {
bottom: 40px
}
.s-block-mobile .sitagliks:hover .sitagliks__image_2 {
left: 820px
}
}
@media (max-width:1079px) {
.sitagliks__title {
left: 20px;
top: 20px
}
.sitagliks__button {
left: 230px
}
.sitagliks__note {
left: 20px;
bottom: 7px
}
.sitagliks__image_1 {
left: 480px
}
.sitagliks__image_2 {
right: auto;
left: 790px
}
}
@media (max-width:959px) {
.sitagliks__title {
width: 300px
}
.sitagliks__button {
left: 170px;
bottom: 42px
}
.sitagliks__image_1 {
left: auto;
width: 280px;
top: 15px;
right: 120px
}
.sitagliks__image_2 {
right: 0;
left: auto
}
}
@media (max-width:767px) {
.s-block-mobile > .sitagliks {
background-image: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/s-block/sitagliks__image_3_min@2x.webp)
}
.sitagliks__title {
left: 14px;
top: 22px;
width: 254px
}
.sitagliks__button {
width: 123px;
left: 139px;
top: 117px
}
.sitagliks__note {
width: 400px;
bottom: 9px;
margin-left: -200px;
left: 50%
}
.sitagliks__image_1 {
width: 212px;
left: auto;
top: auto;
bottom: 48px;
right: 108px
}
.sitagliks__image_2 {
right: -6px;
bottom: 20px;
height: 169px
}
}
@media (max-width:600px) {
.sitagliks__title {
top: 9px
}
.sitagliks__button {
top: 57px
}
.sitagliks__note {
width: 350px;
bottom: 4px;
margin-left: -175px
}
.sitagliks__image_1 {
width: 166px;
bottom: 18px;
right: 154px
}
}
.s-block-mobile .ildiglip {
background-image: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/s-block/ildiglip__image_3_max@2x.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: left center;
display: block;
height: 180px;
overflow: hidden
}
.s-block-mobile .ildiglip * {
transition: all .25s ease-in-out
}
.ildiglip__title {
position: absolute;
z-index: 4;
left: 57px;
top: 36px;
display: block;
width: 469px
}
.ildiglip__button {
position: absolute;
z-index: 5;
bottom: 25px;
display: block;
width: 151px;
left: 301px
}
.ildiglip__note {
position: absolute;
z-index: 3;
left: 50%;
bottom: 3px;
display: block;
width: 577px;
margin-left: -288px
}
.ildiglip__image_1 {
position: absolute;
z-index: 2;
bottom: 0;
display: block;
width: 317px;
left: 570px
}
.ildiglip__image_2 {
position: absolute;
z-index: 1;
left: 915px;
bottom: 0;
display: block;
width: 234px
}
@media (max-width:1079px) {
.ildiglip__title {
left: 25px;
top: 40px;
width: 390px
}
.ildiglip__button {
width: 140px;
left: 276px;
bottom: 31px
}
.ildiglip__image_1 {
left: auto;
right: 140px;
bottom: 9px
}
.ildiglip__image_2 {
left: auto;
bottom: auto;
width: 204px;
top: 0;
right: -80px
}
}
@media (max-width:959px) {
.ildiglip__title {
width: 300px;
top: 50px
}
.ildiglip__button {
left: 186px;
bottom: 31px
}
.ildiglip__image_1 {
width: 290px;
right: 110px
}
.ildiglip__image_2 {
right: -90px;
width: 180px
}
}
@media (max-width:767px) {
.s-block-mobile > .ildiglip {
background-image: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/s-block/ildiglip__image_3_min@2x.webp)
}
.ildiglip__title {
width: 196px;
top: auto;
bottom: 25px;
left: 19px
}
.ildiglip__button {
right: 160px;
width: 140px;
bottom: 25px;
left: auto
}
.ildiglip__note {
width: 350px;
bottom: 4px;
margin-left: -175px;
left: 50%
}
.ildiglip__image_1 {
width: 197px;
right: auto;
left: 17px;
bottom: auto;
top: 0
}
.ildiglip__image_2 {
width: 100px;
right: 0
}
}
@media (max-width:549px) {
.ildiglip__button {
width: 92px;
right: 38px;
bottom: 26px
}
}
.s-block-mobile .limfodiavena {
background: linear-gradient(90deg,#d8c5f3 0,#dccbf3 100%);
display: block;
height: 180px
}
.s-block-mobile .limfodiavena * {
transition: all .25s ease-in-out
}
@media (min-width:768px) {
.limfodiavena__title_1 {
position: absolute;
left: 38px;
top: 23px;
width: 406px;
z-index: 4
}
.limfodiavena__title_2 {
position: absolute;
right: 40px;
top: 24px;
width: 432px;
z-index: 5
}
.limfodiavena__image_1 {
position: absolute;
left: 404px;
top: 0;
width: 517px;
z-index: 3
}
.limfodiavena__image_2 {
position: absolute;
left: 0;
top: 0;
width: 40px;
z-index: 1
}
.limfodiavena__image_3 {
position: absolute;
right: 0;
bottom: 5px;
height: 134px;
z-index: 2
}
}
@media (min-width:768px) and (max-width:1199px) {
.limfodiavena__image_1 {
left: calc(50% - 200px)
}
.limfodiavena__image_2 {
left: -10px
}
.limfodiavena__image_3 {
bottom: 2px;
height: 114px
}
.limfodiavena__title_1 {
left: 28px;
top: 38px;
width: 306px
}
.limfodiavena__title_2 {
right: 28px;
top: 36px;
width: 342px
}
}
@media (min-width:768px) and (max-width:991px) {
.limfodiavena__image_1 {
left: auto;
right: -280px
}
.limfodiavena__image_2 {
left: -10px;
top: auto;
bottom: 0;
transform: rotate(270deg);
width: 50px
}
.limfodiavena__image_3 {
display: none
}
.limfodiavena__title_1 {
left: 15px;
top: 18px;
width: 266px
}
.limfodiavena__title_2 {
right: auto;
top: auto;
width: 270px;
left: calc(50% - 84px);
bottom: 20px
}
}
@media (max-width:767px) {
.limfodiavena__title_1 {
position: absolute;
z-index: 4;
right: 45px;
width: 360px;
top: 0
}
.limfodiavena__title_2 {
display: none
}
.limfodiavena__image_1 {
left: -11px;
position: absolute;
z-index: 3;
height: 182px;
top: 0
}
.limfodiavena__image_2 {
position: absolute;
z-index: 1;
height: 23px;
right: 15px;
bottom: 6px;
width: 28px
}
.limfodiavena__image_3 {
position: absolute;
z-index: 2;
right: 0;
width: 28px;
top: 1px
}
}
@media (max-width:400px) {
.limfodiavena__title_1 {
right: 2px
}
}
.s-block-mobile .listata-mini {
background: linear-gradient(179.24deg,#fff .47%,#eee 99.17%);
display: block;
height: 180px
}
.s-block-mobile .listata-mini * {
transition: all .25s ease-in-out
}
.listata-mini_image_1 {
position: absolute;
right: 10px;
width: 210px;
bottom: 0;
z-index: 1
}
.listata-mini_title {
position: absolute;
left: 0;
width: 360px;
top: 0;
z-index: 3
}
.listata-mini_note {
position: absolute;
bottom: 3px;
width: 500px;
left: 50%;
margin-left: -250px;
z-index: 2
}
@media (max-width:959px) {
.listata-mini_note {
bottom: 0;
width: 284px;
margin-left: -142px
}
}
@media (max-width:399px) {
.listata-mini_image_1 {
right: -30px
}
}
.s-block-mobile .ovidika {
background: linear-gradient(96.05deg,#dad5ea -71.6%,#f0eef6 74.89%);
display: block;
height: 180px
}
.s-block-mobile .ovidika * {
transition: all .25s ease-in-out
}
.ovidika_title_1 {
z-index: 2;
position: absolute;
width: 291px;
left: 48px;
top: 14px
}
.ovidika_title_2 {
z-index: 3;
position: absolute;
right: 33px;
top: 18px;
width: 411px
}
.ovidika_image_1 {
z-index: 1;
position: absolute;
width: 458px;
left: 50%;
margin-left: -248px;
bottom: -74px
}
@media (max-width:1199px) {
.ovidika_title_1 {
width: 230px;
left: 15px;
top: 26px
}
.ovidika_title_2 {
right: 6px;
top: 28px;
width: 350px
}
.ovidika_image_1 {
width: 400px;
margin-left: -224px;
bottom: -74px
}
}
@media (max-width:959px) {
.ovidika_title_1 {
width: 191px;
left: 20px;
top: 7px;
z-index: 1
}
.ovidika_title_2 {
display: none
}
.ovidika_image_1 {
width: auto;
margin-left: 0;
bottom: 0;
left: auto;
right: 20px;
height: 180px;
z-index: 2
}
}
@media (max-width:399px) {
.ovidika_image_1 {
right: 0
}
.ovidika_title_1 {
left: 15px
}
}
.s-block-mobile .katiloriks {
background-repeat: no-repeat;
position: relative;
background-image: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/s-block/katiloriks_bg_max.webp);
background-size: auto 180px;
background-position: right top
}
.s-block-mobile .ovidika * {
transition: all .25s ease-in-out
}
.katiloriks_image_1 {
position: absolute;
width: 268px;
top: 79px;
left: 50%;
margin-left: -260px;
z-index: 2
}
.katiloriks_image_2 {
position: absolute;
width: 140px;
bottom: 0;
left: 0;
z-index: 1
}
.katiloriks_image_3 {
position: absolute;
width: 52px;
top: 6px;
right: 0;
z-index: 1
}
.katiloriks_title {
position: absolute;
width: 400px;
top: 8px;
left: 50%;
margin-left: -200px;
z-index: 3
}
.katiloriks_button {
position: absolute;
width: 160px;
bottom: 46px;
left: 50%;
margin-left: 30px;
z-index: 4
}
.katiloriks_note {
position: absolute;
width: 430px;
bottom: 5px;
left: 50%;
margin-left: -215px;
z-index: 5
}
@keyframes float {
0% {
transform: translateY(0)
}
50% {
transform: translateY(-4px)
}
100% {
transform: translateY(0)
}
}
@media (min-width:768px) {
.katiloriks_button {
animation: float 3s ease-in-out infinite
}
}
@media (max-width:767px) {
.s-block-mobile .katiloriks {
background-position: calc(100% + 30px) top
}
.katiloriks_image_1 {
width: 268px;
top: 67px;
margin-left: -158px
}
.katiloriks_image_2 {
width: 70px
}
.katiloriks_image_3 {
width: 32px;
top: 36px
}
.katiloriks_title {
width: 324px;
margin-left: -162px
}
.katiloriks_button {
width: 114px;
bottom: 16px;
margin-left: -57px
}
.katiloriks_note {
width: 330px;
bottom: 2px;
margin-left: -165px
}
}
@media (max-width:375px) {
.s-block-mobile .katiloriks {
background-image: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/s-block/katiloriks_bg_min.webp);
background-size: 375px auto;
background-position: right top
}
}
@media (max-width:360px) {
.s-block-mobile .katiloriks {
background-size: 360px auto
}
}
.s-block-mobile .goldline_01_11_2025_1 {
background-repeat: no-repeat;
position: relative;
background-size: auto 180px;
background-position: right top;
overflow: hidden;
background-color: #f1f4f7;
background-image: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/s-block/goldline_mobile_01_11_2025_bg_min.webp)
}
.s-block-mobile .goldline_01_11_2025_1:before {
content: '';
background: #0e57b6;
left: 0;
right: 0;
bottom: 0;
position: absolute;
height: 10px;
z-index: 2
}
.s-block-mobile .goldline_01_11_2025_1 * {
transition: all .25s ease-in-out
}
.goldline_01_11_2025_1_button {
position: absolute;
z-index: 6;
left: 142px;
bottom: 20px
}
.goldline_01_11_2025_1_info {
position: absolute;
z-index: 5;
right: 19px;
bottom: 56px
}
.goldline_01_11_2025_1_note {
position: absolute;
z-index: 2;
left: 50%;
bottom: 0;
margin-left: -130px
}
.goldline_01_11_2025_1_pack {
position: absolute;
z-index: 3;
left: -3px;
bottom: -5px;
width: 157px
}
.goldline_01_11_2025_1_title {
position: absolute;
z-index: 4;
left: 28px;
top: 13px
}
.goldline_01_11_2025_1_woman {
position: absolute;
z-index: 1;
right: -2px;
bottom: -14px;
width: 98px
}
@media (min-width:460px) {
.goldline_01_11_2025_1_info {
right: 95px
}
}
@media (min-width:560px) {
.goldline_01_11_2025_1_woman {
right: 20px;
bottom: -19px
}
.goldline_01_11_2025_1_info {
right: 125px
}
}
@media (min-width:768px) {
.s-block-mobile .goldline_01_11_2025_1 {
background-image: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/s-block/goldline_mobile_01_11_2025_bg_max.webp)
}
.goldline_01_11_2025_1_info {
bottom: 25px;
width: 280px;
right: 130px
}
.goldline_01_11_2025_1_note {
margin-left: -160px;
bottom: 1px
}
.goldline_01_11_2025_1_title {
left: 15px;
top: 15px;
width: 320px
}
.goldline_01_11_2025_1_woman {
width: 119px;
right: 10px;
bottom: 0
}
.goldline_01_11_2025_1_button {
left: 15px;
bottom: 20px
}
.goldline_01_11_2025_1_pack {
left: 225px;
bottom: 6px;
width: 152px
}
}
@media (min-width:920px) {
.goldline_01_11_2025_1_button {
bottom: 30px;
left: 15px
}
.goldline_01_11_2025_1_info {
right: 20px;
bottom: 41px
}
.goldline_01_11_2025_1_pack {
left: auto;
right: 390px;
width: 209px;
bottom: 0
}
.goldline_01_11_2025_1_title {
top: 29px;
left: 15px;
width: 335px
}
.goldline_01_11_2025_1_woman {
right: 290px
}
}
@media (min-width:1200px) {
.goldline_01_11_2025_1_info {
right: 59px
}
.goldline_01_11_2025_1_woman {
right: 380px
}
.goldline_01_11_2025_1_pack {
right: 478px
}
.goldline_01_11_2025_1_title {
left: 42px;
width: auto
}
.goldline_01_11_2025_1_button {
left: 42px
}
}
.s-block-mobile .goldline_01_11_2025_2 {
background-repeat: no-repeat;
position: relative;
background-size: auto 180px;
background-position: left 4px;
overflow: hidden;
background-color: #f1f4f7;
background-image: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/s-block/goldline_mobile_01_11_2025_bg.webp)
}
.s-block-mobile .goldline_01_11_2025_2:before {
content: '';
background: #ed573a;
left: 0;
right: 0;
bottom: 0;
position: absolute;
height: 11px;
z-index: 1
}
.s-block-mobile .goldline_01_11_2025_2 * {
transition: all .25s ease-in-out
}
.goldline_01_11_2025_2_note {
z-index: 2;
position: absolute;
bottom: 1px;
left: 50%;
margin-left: -130px
}
.goldline_01_11_2025_2_image {
width: 118px;
position: absolute;
z-index: 3;
left: -2px;
top: 24px
}
.goldline_01_11_2025_2_title {
position: absolute;
z-index: 4;
left: 15px;
top: 11px
}
.goldline_01_11_2025_2_info {
z-index: 5;
position: absolute;
right: 0;
top: 25px
}
.goldline_01_11_2025_2_button {
z-index: 6;
position: absolute;
left: 13px;
bottom: 16px
}
.goldline_01_11_2025_2_text {
z-index: 7;
position: absolute;
right: 0;
bottom: 17px
}
@media (min-width:460px) {
.goldline_01_11_2025_2_info {
right: 40px
}
.goldline_01_11_2025_2_image {
left: 23px
}
.goldline_01_11_2025_2_button {
left: 34px;
bottom: 17px
}
}
@media (min-width:620px) {
.goldline_01_11_2025_2_info {
right: calc(50% - 120px);
top: 42px
}
}
@media (min-width:1199px) {
.s-block-mobile .goldline_01_11_2025_2 {
background-position: bottom;
background-image: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/s-block/goldline_mobile_01_11_2025_bg.avif)
}
.s-block-mobile .goldline_01_11_2025_2 * {
display: none
}
.s-block-mobile .goldline_01_11_2025_2:before {
display: none
}
}
.s-block-mobile .nevesomo {
background-repeat: no-repeat;
position: relative;
background-size: auto 180px;
background-position: right top;
overflow: hidden;
background-color: #f1f4f7;
background-image: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/s-block/nevesomo_bg_min.avif)
}
.s-block-mobile .nevesomo * {
transition: all .25s ease-in-out
}
.nevesomo_bird {
position: absolute;
width: 457px;
bottom: -101px;
right: 0;
z-index: 1
}
.nevesomo_button {
position: absolute;
width: 144px;
z-index: 2;
left: 213px;
bottom: 64px
}
.nevesomo_title {
position: absolute;
z-index: 3;
width: 303px;
top: 7px;
left: 10px
}
.nevesomo_info {
position: absolute;
z-index: 4;
bottom: 12px;
left: 10px
}
@media (min-width:460px) {
.nevesomo_bird {
right: 13px
}
.nevesomo_title {
left: 16px
}
.nevesomo_info {
bottom: 7px;
left: 18px
}
}
@media (min-width:768px) {
.nevesomo_info {
bottom: 4px;
left: auto;
right: 20px;
width: 410px!important
}
.nevesomo_title {
left: 17px;
top: 20px
}
.nevesomo_button {
width: 220px;
left: -29px;
bottom: -16px
}
}
@media (min-width:1199px) {
.s-block-mobile .nevesomo {
background-image: url(//o-zdorovye.ru/wp-content/themes/pro-zdorovye/s-block/nevesomo_bg_max.avif)
}
.s-block-mobile .nevesomo * {
display: none
}
}:root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, var(--f-throw-out-distance, 150px), 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}.f-carousel__nav .f-button:disabled,.fancybox__nav .f-button:disabled{pointer-events:none}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:var(--fancybox-zIndex, 1050);outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container::backdrop{background-color:rgba(0,0,0,0)}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;overscroll-behavior:contain;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__backdrop:empty,.fancybox__viewport:empty,.fancybox__track:empty,.fancybox__slide:empty{display:block}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-animating .fancybox__content,.is-dragging .fancybox__content{will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none;filter:blur(0px)}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.fancybox__container.is-compact .has-iframe .fancybox__content,.fancybox__container.is-compact .has-map .fancybox__content,.fancybox__container.is-compact .has-pdf .fancybox__content{width:100%;height:100%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden;transform:translate3d(0, 0, 0)}.f-thumbs__track{display:flex}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc((var(--f-thumb-clip-width, 0))*-0.5);width:calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));cursor:pointer}.is-modern .f-thumbs__slide{width:var(--f-thumb-clip-width);transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern.is-resting .f-thumbs__slide{transition:transform .33s ease}.is-modern.is-resting .f-thumbs__slide__button{transition:clip-path .33s ease}.is-using-tab .is-modern .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.f-thumbs__slide__button{appearance:none;width:var(--f-thumb-width);height:100%;margin:0 -100% 0 -100%;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-modern .f-thumbs__slide__button{--clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );clip-path:var(--clip-path)}.is-classic .is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-classic .is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover;border-radius:var(--f-thumb-border-radius)}.f-thumbs.is-horizontal .f-thumbs__track{padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none}