@charset "UTF-8";


@-webkit-keyframes disappearing {
0% {
opacity: 1;
}
99% {
opacity: 0;
}
100% {
opacity: 0;
visibility: hidden;
}
}
@keyframes disappearing {
0% {
opacity: 1;
}
99% {
opacity: 0;
}
100% {
opacity: 0;
visibility: hidden;
}
}
.disappearing[animator] {
animation-name: disappearing;
-webkit-animation-name: disappearing;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
animation-duration: 0.5s;
-webkit-animation-duration: 0.5s;
}
@media (min-width: 992px) {
.appearing-up[animator]:not(.animate) {
transform: translateY(0.8em)!important;
-moz-transform: translateY(0.8em)!important;
-webkit-transform: translateY(0.8em)!important;
opacity: 0!important;
}
.appearing-up[animator].inanimate {
transition: transform 0.3s ease-out, opacity 0.3s ease!important;
-moz-transition: transform 0.3s ease-out, opacity 0.3s ease!important;
-webkit-transition: transform 0.3s ease-out, opacity 0.3s ease!important;
}
}
@media (min-width: 992px) {
.appearing-up-slow[animator]:not(.animate) {
transform: translateY(1em)!important;
-moz-transform: translateY(1em)!important;
-webkit-transform: translateY(1em)!important;
opacity: 0!important;
}
.appearing-up-slow[animator].inanimate {
transition: transform 0.4s ease-out, opacity 0.4s ease!important;
-moz-transition: transform 0.4s ease-out, opacity 0.4s ease!important;
-webkit-transition: transform 0.4s ease-out, opacity 0.4s ease!important;
}
}
@media (min-width: 992px) {
.appearing-right[animator]:not(.animate) {
transform: translateX(0.6em)!important;
-moz-transform: translateX(0.6em)!important;
-webkit-transform: translateX(0.6em)!important;
opacity: 0!important;
}
.appearing-right[animator].inanimate {
transition: transform 0.3s ease, opacity 0.3s ease!important;
-moz-transition: transform 0.3s ease, opacity 0.3s ease!important;
-webkit-transition: transform 0.3s ease, opacity 0.3s ease!important;
}
}
@media (min-width: 992px) {
.appearing[animator]:not(.animate) {
opacity: 0!important;
}
.appearing[animator].inanimate {
transition: opacity 0.25s ease!important;
-moz-transition: opacity 0.25s ease!important;
-webkit-transition: opacity 0.25s ease!important;
}
}
@media (min-width: 992px) {
.appearing-slow[animator]:not(.animate) {
opacity: 0!important;
}
.appearing-slow[animator].inanimate {
transition: opacity 0.6s ease!important;
-moz-transition: opacity 0.6s ease!important;
-webkit-transition: opacity 0.6s ease!important;
}
}
@media (min-width: 992px) {
.rotatex-color[animator]:not(.animate) {
transform: rotateX(90deg)!important;
-moz-transform: rotateX(90deg)!important;
-webkit-transform: rotateX(90deg)!important;
color: rgba(255, 255, 255, 0)!important;
}
.rotatex-color[animator].inanimate {
transition: transform 0.6s ease, color 0.6s ease-out 0.3s!important;
-moz-transition: transform 0.6s ease, color 0.6s ease-out 0.3s!important;
-webkit-transition: transform 0.6s ease, color 0.6s ease-out 0.3s!important;
}
}
@-webkit-keyframes drop-out {
0% {
visibility: hidden;
opacity: 0;
}
1% {
transform: perspective(1200px) rotateX(-90deg);
-moz-transform: perspective(1200px) rotateX(-90deg);
-webkit-transform: perspective(1200px) rotateX(-90deg);
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
visibility: visible;
opacity: 1;
}
60% {
transform: perspective(1200px) rotateX(30deg);
-moz-transform: perspective(1200px) rotateX(30deg);
-webkit-transform: perspective(1200px) rotateX(30deg);
animation-timing-function: ease-in;
-webkit-animation-timing-function: ease-in;
}
100% {
transform: perspective(1200px) rotateX(0deg);
-moz-transform: perspective(1200px) rotateX(0deg);
-webkit-transform: perspective(1200px) rotateX(0deg);
}
}
@keyframes drop-out {
0% {
visibility: hidden;
opacity: 0;
}
1% {
transform: perspective(1200px) rotateX(-90deg);
-moz-transform: perspective(1200px) rotateX(-90deg);
-webkit-transform: perspective(1200px) rotateX(-90deg);
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
visibility: visible;
opacity: 1;
}
60% {
transform: perspective(1200px) rotateX(30deg);
-moz-transform: perspective(1200px) rotateX(30deg);
-webkit-transform: perspective(1200px) rotateX(30deg);
animation-timing-function: ease-in;
-webkit-animation-timing-function: ease-in;
}
100% {
transform: perspective(1200px) rotateX(0deg);
-moz-transform: perspective(1200px) rotateX(0deg);
-webkit-transform: perspective(1200px) rotateX(0deg);
}
}
@media (min-width: 992px) {
.drop-out[animator] {
animation-name: drop-out;
-webkit-animation-name: drop-out;
animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-duration: 0.6s;
-webkit-animation-duration: 0.6s;
}
.drop-out[animator]:not(.animate) {
}
.drop-out[animator].inanimate { transform-origin: 50% 0%!important;
}
}
@-webkit-keyframes rise-up {
0% {
visibility: hidden;
opacity: 0;
}
1% {
transform: perspective(1200px) rotateX(90deg);
-moz-transform: perspective(1200px) rotateX(90deg);
-webkit-transform: perspective(1200px) rotateX(90deg);
visibility: visible;
opacity: 1;
}
100% {
transform: perspective(1200px) rotateX(0deg);
-moz-transform: perspective(1200px) rotateX(0deg);
-webkit-transform: perspective(1200px) rotateX(0deg);
}
}
@keyframes rise-up {
0% {
visibility: hidden;
opacity: 0;
}
1% {
transform: perspective(1200px) rotateX(90deg);
-moz-transform: perspective(1200px) rotateX(90deg);
-webkit-transform: perspective(1200px) rotateX(90deg);
visibility: visible;
opacity: 1;
}
100% {
transform: perspective(1200px) rotateX(0deg);
-moz-transform: perspective(1200px) rotateX(0deg);
-webkit-transform: perspective(1200px) rotateX(0deg);
}
}
@media (min-width: 992px) {
.rise-up[animator] {
animation-name: rise-up;
-webkit-animation-name: rise-up;
animation-timing-function: ease-in;
-webkit-animation-timing-function: ease-in;
animation-duration: 0.3s;
-webkit-animation-duration: 0.3s;
}
.rise-up[animator]:not(.animate) {
}
.rise-up[animator].inanimate {
transform-origin: 50% 100%!important;
}
}
@-webkit-keyframes button-extension {
0% {
visibility: hidden;
opacity: 0;
background-color: rgba(0, 0, 0, 0);
}
1% {
height: 0em;
min-height: 0em;
max-height: 0em;
width: 10em;
min-width: 10em;
max-width: 10em;
visibility: visible;
}
25% {
opacity: 1;
height: 0em;
min-height: 0em;
max-height: 0em;
}
60% {
height: 4em;
min-height: 4em;
max-height: unset;
width: 10em;
min-width: 10em;
max-width: 10em;
}
70% {
max-width: unset;
}
75% {
background-color: rgba(0, 0, 0, 0);
}
100% {
}
}
@keyframes button-extension {
0% {
visibility: hidden;
opacity: 0;
background-color: rgba(0, 0, 0, 0);
}
1% {
height: 0em;
min-height: 0em;
max-height: 0em;
width: 10em;
min-width: 10em;
max-width: 10em;
visibility: visible;
}
25% {
opacity: 1;
height: 0em;
min-height: 0em;
max-height: 0em;
}
60% {
height: 4em;
min-height: 4em;
max-height: unset;
width: 10em;
min-width: 10em;
max-width: 10em;
}
70% {
max-width: unset;
}
75% {
background-color: rgba(0, 0, 0, 0);
}
100% {
}
}
@media (min-width: 992px) {
.button-extension[animator] {
animation-name: button-extension;
-webkit-animation-name: button-extension;
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
animation-duration: 0.7s;
-webkit-animation-duration: 0.7s;
animation-fill-mode: backwards!important;
-webkit-animation-fill-mode: backwards!important;
}
.button-extension[animator]:not(.animate) {
}
.button-extension[animator].inanimate {
}
}
@-webkit-keyframes arrive-left {
0% {
visibility: hidden;
opacity: 0;
}
1% {
visibility: visible;
opacity: 0;
transform: skewX(17deg) translateX(-3em);
-moz-transform: skewX(17deg) translateX(-3em);
-webkit-transform: skewX(17deg) translateX(-3em);
}
90% {
opacity: 1;
transform: skewX(17deg) translateX(0);
-moz-transform: skewX(17deg) translateX(0);
-webkit-transform: skewX(17deg) translateX(0);
}
100% {
transform: skewX(0deg) translateX(0);
-moz-transform: skewX(0deg) translateX(0);
-webkit-transform: skewX(0deg) translateX(0);
}
}
@keyframes arrive-left {
0% {
visibility: hidden;
opacity: 0;
}
1% {
visibility: visible;
opacity: 0;
transform: skewX(17deg) translateX(-3em);
-moz-transform: skewX(17deg) translateX(-3em);
-webkit-transform: skewX(17deg) translateX(-3em);
}
90% {
opacity: 1;
transform: skewX(17deg) translateX(0);
-moz-transform: skewX(17deg) translateX(0);
-webkit-transform: skewX(17deg) translateX(0);
}
100% {
transform: skewX(0deg) translateX(0);
-moz-transform: skewX(0deg) translateX(0);
-webkit-transform: skewX(0deg) translateX(0);
}
}
@media (min-width: 992px) {
.arrive-left[animator] {
animation-name: arrive-left;
-webkit-animation-name: arrive-left;
animation-timing-function: ease-in;
-webkit-animation-timing-function: ease-in;
animation-duration: 0.4s;
-webkit-animation-duration: 0.4s;
}
.arrive-left[animator]:not(.animate) {
}
.arrive-left[animator].inanimate {
}
} [animator="1"] {
animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
animation-direction: normal;
-webkit-animation-direction: normal;
}
[animator="1"]:not(.animate) {
animation-play-state: paused;
-webkit-animation-play-state: paused;
}
[animator="1"].animate {
animation-play-state: running;
-webkit-animation-play-state: running;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
}
#contactbar {
display: flex;
position: fixed;
right: 1.8em;
bottom: 1.8em;
z-index: 700;
flex-direction: column;
flex-wrap: nowrap;
gap: 0.2em;
}
@media (max-width: 767px) {
#contactbar {
right: 1.5em;
}
}
@media (max-width: 640px) {
#contactbar {
right: 1.25em;
}
}
@media (max-width: 424px) {
#contactbar {
right: 0.75rem;
}
}
@media (max-width: 374px) {
#contactbar {
right: 0.7rem;
}
}
@media (max-height: 424px) and (orientation: landscape) {
#contactbar {
flex-direction: row;
}
}
#contactbar > span {
display: flex;
position: relative;
content: ' ';
background-position: center center;
background-repeat: no-repeat;
background-size: 100%;
width: 2.5em;
height: 2.5em;
background-color: red;
z-index: 10;
transition: border-radius 0.2s ease, box-shadow 0.1s ease, transform 0.2s ease, z-index 0.2s ease;
-moz-transition: border-radius 0.2s ease, box-shadow 0.1s ease, transform 0.2s ease, z-index 0.2s ease;
-webkit-transition: border-radius 0.2s ease, box-shadow 0.1s ease, transform 0.2s ease, z-index 0.2s ease;
}
#contactbar > span[onclick],
#contactbar > span[actions="click"],
#contactbar > span[actions="click single"],
#contactbar > span[actions="click single-focus"] {
cursor: pointer;
}
#contactbar > span::after {
display: flex;
position: relative;
content: ' ';
z-index: 5;
width: 100%;
height: 100%;
transition: transform 0.2s ease;
-moz-transition: transform 0.2s ease;
-webkit-transition: transform 0.2s ease;
}
#contactbar > span.toggler {
background-color: rgba(0, 194, 160, 1);
box-shadow: 0 0 0 0 rgba(0, 194, 160, 1);
}
#contactbar > span.toggler::after {
background-image: url(//emotocin.ru/wp-content/themes/emotocin/img/icons/chat_transparent.svg);
}
#contactbar > span.mail {
background-color: rgba(53, 99, 251, 1);
box-shadow: 0 0 0 0 rgba(53, 99, 251, 1);
}
#contactbar > span.mail::after {
background-image: url(//emotocin.ru/wp-content/themes/emotocin/img/icons/mail_transparent.svg);
}
#contactbar > span.telegram {
background-color: rgba(38, 166, 229, 1);
box-shadow: 0 0 0 0 rgba(38, 166, 229, 1);
}
#contactbar > span.telegram::after {
background-image: url(//emotocin.ru/wp-content/themes/emotocin/img/icons/telegram_transparent.svg);
}
#contactbar > span.whatsapp {
background-color: rgba(0, 226, 75, 1);
box-shadow: 0 0 0 0 rgba(0, 226, 75, 1);
}
#contactbar > span.whatsapp::after {
background-image: url(//emotocin.ru/wp-content/themes/emotocin/img/icons/whatsapp_transparent.svg);
}
#contactbar > span.viber {
background-color: rgba(115, 96, 242, 1);
box-shadow: 0 0 0 0 rgba(115, 96, 242, 1);
}
#contactbar > span.viber::after {
background-image: url(//emotocin.ru/wp-content/themes/emotocin/img/icons/viber_transparent.svg);
}
#contactbar > span.skype {
background-color: rgba(40, 168, 234, 1);
box-shadow: 0 0 0 0 rgba(40, 168, 234, 1);
}
#contactbar > span.skype::after {
background-image: url(//emotocin.ru/wp-content/themes/emotocin/img/icons/skype_transparent.svg);
}
@media (hover: hover) {
#contactbar > span.toggler:hover  {
box-shadow: 0 0 0 0.2em rgba(0, 194, 160, 1);
}
#contactbar > span.mail:hover  {
box-shadow: 0 0 0 0.2em rgba(53, 99, 251, 1);
}
#contactbar > span.telegram:hover  {
box-shadow: 0 0 0 0.2em rgba(38, 166, 229, 1);
}
#contactbar > span.whatsapp:hover  {
box-shadow: 0 0 0 0.2em rgba(0, 226, 75, 1);
}
#contactbar > span.viber:hover  {
box-shadow: 0 0 0 0.2em rgba(115, 96, 242, 1);
}
#contactbar > span.skype:hover  {
box-shadow: 0 0 0 0.2em rgba(40, 168, 234, 1);
}
#contactbar > span:hover {
z-index: 10!important;
}
#contactbar > span:not(.toggler):hover:after,
#contactbar > span.toggler.active:hover:after {
transform: scale(1.2);
}
#contactbar > span.toggler:not(.active):hover:after {
transform: scale(1.3);
}
}
#contactbar > span.toggler {
order: 100;
z-index: 0;
border-radius: 50%;
}
#contactbar > span.toggler.active {
border-radius: 0;
}
#contactbar > span.toggler::after {
z-index: 15;
}
#contactbar > span.toggler.active::after {
}
#contactbar > span.toggler.active[active-counter] {
}
#contactbar > span.toggler.active:nth-of-type(1) ~ * {
}
#contactbar > span.toggler:nth-of-type(1) ~ * {
z-index: 0;
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
animation-duration: 0.4s;
-webkit-animation-duration: 0.4s;
animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
animation-play-state: running;
-webkit-animation-play-state: running;
animation-direction: normal;
-webkit-animation-direction: normal;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
}
#contactbar > span.toggler:nth-of-type(1):not(.active):not([active-counter]) ~ * {
display: none;
}
#contactbar > span.toggler:nth-of-type(1):not(.active)[active-counter] ~ * {
animation-name: contactbar-element-out;
-webkit-animation-name: contactbar-element-out;
}
#contactbar > span.toggler.active ~ * {
animation-name: contactbar-element-in;
-webkit-animation-name: contactbar-element-in;
}
@-webkit-keyframes contactbar-element-in {
0% {
transform: translateY(0.2em);
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes contactbar-element-in {
0% {
transform: translateY(0.2em);
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes contactbar-element-out {
0% {
opacity: 1;
}
99% {
opacity: 0;
transform: translateY(0.2em);
}
100% {
opacity: 0;
visibility: hidden;
}
}
@keyframes contactbar-element-out {
0% {
opacity: 1;
}
99% {
opacity: 0;
transform: translateY(0.2em);
}
100% {
opacity: 0;
visibility: hidden;
}
}
body, html {
border: 0;
min-height: 100%;
width: 100%;
margin: 0;
padding: 0; font-size: 20px; font-family: 'Montserrat', sans-serif;  box-sizing: border-box;
color: rgba(15, 15, 15, 1);
line-height: 1.2;
scroll-behavior: smooth; --scroll-behavior: smooth; -webkit-tap-highlight-color: transparent;
text-align: left;
-webkit-text-size-adjust: none;  touch-action: pan-y;
-ms-touch-action: pan-y;
overflow-y: auto;
position: relative;
}
@media (min-width: 1921px) {
body, html {
font-size: 22px;
}
}
@media (min-width: 2120px) {
body, html {
font-size: 24px;
}	
}
@media (min-width: 2320px) {
body, html {
font-size: 26px;
}	
}
@media (min-width: 2520px) {
body, html {
font-size: 28px;
}	
}
@media (min-width: 2720px) {
body, html {
font-size: 30px;
}	
}
@media (min-width: 2920px) {
body, html {
font-size: 32px;
}	
}
@media (min-width: 3120px) {
body, html {
font-size: 34px;
}	
}
@media (min-width: 3320px) {
body, html {
font-size: 36px;
}	
}
@media (min-width: 3520px) {
body, html {
font-size: 38px;
}	
}
@media (min-width: 3720px) {
body, html {
font-size: 40px;
}	
}
@media (min-width: 3920px) {
body, html {
font-size: 42px;
}	
}
@media (min-width: 4120px) {
body, html {
font-size: 44px;
}	
}
@media (min-width: 4320px) {
body, html {
font-size: 46px;
}	
}
@media (min-width: 4520px) {
body, html {
font-size: 48px;
}	
}
@media (min-width: 4720px) {
body, html {
font-size: 50px;
}	
}
@media (min-width: 4920px) {
body, html {
font-size: 52px;
}	
}
@media (min-width: 5120px) {
body, html {
font-size: 54px;
}	
}
@media (min-width: 5320px) {
body, html {
font-size: 56px;
}	
}
@media (min-width: 5520px) {
body, html {
font-size: 58px;
}	
}
@media (min-width: 5720px) {
body, html {
font-size: 60px;
}	
}
@media (min-width: 5920px) {
body, html {
font-size: 62px;
}	
}
@media (min-width: 6120px) {
body, html {
font-size: 64px;
}	
}
@media (min-width: 6320px) {
body, html {
font-size: 66px;
}	
}
@media (min-width: 6520px) {
body, html {
font-size: 68px;
}	
}  body, .custom-scroll { scrollbar-width: auto;  scrollbar-color: rgba(24, 165, 0, 1) transparent; } body::-webkit-scrollbar, .custom-scroll::-webkit-scrollbar {
width: 11px;
}
body::-webkit-scrollbar-track, .custom-scroll::-webkit-scrollbar-track {
background-color: transparent;
}
body::-webkit-scrollbar-thumb, .custom-scroll::-webkit-scrollbar-thumb {   background-color: rgba(24, 165, 0, 1) transparent; border-radius: 5px;
border: 0px solid transparent;
} #tinymce.mce-content-body {
font-size: 16px;
}
dl, ol, ul {
margin-top: 0;
margin-bottom: 1rem;
margin-left: 0;
padding-left: 0;
}
label {
margin: 0;
padding: 0;
}
p {
margin: 0;
padding: 0;
}
body {
background-color: transparent;
min-width: 292px;
background-size: cover;
z-index: 500;
}
head > meta[name="theme-color"] { background-color: rgba(126, 209, 87, 1); } *, ::after, ::before {
box-sizing: border-box;
}
::selection {
background: rgba(107, 158, 235, 1);
color: rgba(255, 255, 255, 1);
}
::-moz-selection {
background: rgba(107, 158, 235, 1);
color: rgba(255, 255, 255, 1);
}
a, a:visited, a:not([href]):not([tabindex]) {
color: rgba(15, 15, 15, 1);
outline: none;
text-decoration: none;
-webkit-text-decoration-skip: objects;
}
.style-gray-blue a, .style-gray-blue a:visited, .style-gray-blue a:not([href]):not([tabindex]) {
color: rgba(46, 60, 82, 1);
}
.style-gray-blue a:hover, .style-gray-blue a:active, .style-gray-blue a:not([href]):not([tabindex]):hover, .style-gray-blue a:not([href]):not([tabindex]):active {
color: rgba(118, 128, 147, 1);
}
.style-light a, .style-light a:visited, .style-light a:not([href]):not([tabindex]) {
color: rgba(85, 85, 85, 1);
}
.style-light a:hover, .style-light a:active, .style-light a:not([href]):not([tabindex]):hover, .style-light a:not([href]):not([tabindex]):active {
color: rgba(15, 15, 15, 1);
}
.style-dark a, .style-dark a:visited, .style-dark a:not([href]):not([tabindex]) {
color: rgba(255, 255, 255, 1);
}
a:focus-visible {
outline: 2px dashed rgba(107, 158, 235, 1);
}
a:hover, a:active, a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):active { outline: none;
}
.style-dark a:hover, .style-dark a:active, .style-dark a:not([href]):not([tabindex]):hover, .style-dark a:not([href]):not([tabindex]):active {  color: rgba(126, 209, 87, 1); }
a:focus:not(:focus-visible), a:not([href]):not([tabindex]):focus:not(:focus-visible) {
outline: none;
}
a.phone {
white-space: nowrap;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
position: relative;
display: inline-block;
width: 100%;
line-height: 1.2;    font-weight: 600; color: rgba(15, 15, 15, 1);
} .feedback-box h3, .review-box h3 { font-size: 2em;
}
.feedback-box, .review-box {
font-size: 1.2rem;
}
button, button:hover, button:focus, button:active {
border: 0;
background-color: unset;
outline: none;
cursor: pointer;
}
button, input, optgroup, select, textarea, .btn, .rev-btn {
line-height: 1.5;
border: none;
}
[type=reset], [type=submit], button, html [type=button] {
-webkit-appearance: button;
}
button, select {
text-transform: none;
}
button, input {
overflow: visible;
}
button, input, optgroup, select, textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
input::placeholder, textarea::placeholder {
color: rgba(125, 125, 125, 1);
transition: color .2s ease-out;
-webkit-transition: color .2s ease-out;
-moz-transition: color .2s ease-out;
}
input:focus::placeholder, textarea:focus::placeholder,
input:active::placeholder, textarea:active::placeholder {
color: rgba(165, 165, 165, 1);
}
input, textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-weight: 400;
}
input[type=checkbox]:not(label>input[type=checkbox]), input[type=radio]:not(label>input[type=radio]) {
position: absolute;
z-index: -1;
opacity: 0;
display: none;
}
label>input[type=checkbox], label>input[type=radio] {
visibility: hidden;
height: 1em;
width: 1em;
display: inline-flex;
}
input[type=checkbox]+label, input[type=radio]+label,
label.checkbox, label.radio {
display: inline-flex;
align-items: center;
cursor: pointer;
user-select: none;
}
label.checkbox, label.radio {
}
input[type=checkbox]+label::before, input[type=radio]+label::before,
label>input[type=checkbox]::after, label>input[type=radio]::after {
content: '';
display: inline-block;
flex-shrink: 0;
flex-grow: 0;
visibility: visible;
cursor: pointer; background-repeat: no-repeat;
background-position: center center;
background-size: 80% 80%;
}
input[type=checkbox]+label, input[type=radio]+label,
label.checkbox, label.radio {
height: 1em;
}
input[type=checkbox]+label::before, input[type=radio]+label::before,
label>input[type=checkbox]::after, label>input[type=radio]::after {
height: 1em;
width: 1em;
}
input[type=checkbox]+label::before, input[type=radio]+label::before,
label>input[type=checkbox], label>input[type=radio] {
margin: 0 0.25em 0 0;
} input[type=checkbox]+label::before, label>input[type=checkbox]::after {
transition: background-color 0.375s ease-in-out, opacity 0.2s ease-out;
}
input[type=checkbox]:not(:checked)+label::before,
label>input[type=checkbox]:not(:checked)::after {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cdefs%3E%3Cstyle%3E.check-mark%7Bfill%3Anone%3Bstroke%3A%23ffffff%3Bstroke-miterlimit%3A10%3Bstroke-width%3A24px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolyline%20class%3D%22check-mark%22%20points%3D%2216%2061.998%2048%2093.998%20112%2029.998%22%2F%3E%3C%2Fsvg%3E');
background-color: rgba(245, 245, 245, 1);
}
input[type=checkbox]:disabled+label::before,
label>input[type=checkbox]:disabled::after {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cdefs%3E%3Cstyle%3E.check-mark%7Bfill%3Anone%3Bstroke%3A%23b5b5b5%3Bstroke-miterlimit%3A10%3Bstroke-width%3A24px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolyline%20class%3D%22check-mark%22%20points%3D%2216%2061.998%2048%2093.998%20112%2029.998%22%2F%3E%3C%2Fsvg%3E');
background-color: rgba(245, 245, 245, 1);
}
input[type=checkbox]:disabled:active+label::before,
label>input[type=checkbox]:disabled:active::after {
background-color: red;
}
input[type=checkbox]:not(:disabled):not(:checked):not(:active)+label:hover:before,
label:hover>input[type=checkbox]:not(:disabled):not(:checked):not(:active)::after { }
input[type=checkbox]:not(:disabled):checked:not(:active)+label:hover:before,
label:hover>input[type=checkbox]:not(:disabled):checked:not(:active)::after { }
input[type=checkbox]:checked+label::before,
label>input[type=checkbox]:checked::after {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cdefs%3E%3Cstyle%3E.check-mark%7Bfill%3Anone%3Bstroke%3A%232068e0%3Bstroke-miterlimit%3A10%3Bstroke-width%3A24px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolyline%20class%3D%22check-mark%22%20points%3D%2216%2061.998%2048%2093.998%20112%2029.998%22%2F%3E%3C%2Fsvg%3E');
background-color: transparent;
}
input[type=checkbox]:not(:checked):active+label::before,
label>input[type=checkbox]:not(:checked):active::after {
background-color: rgba(126, 209, 87, 1);
}
input[type=checkbox]:checked:active+label::before,
label>input[type=checkbox]:checked:active::after {
background-color: transparent;
opacity: 0;
}  input[type=radio]+label::before, label>input[type=radio]::after {
transition: background-color 0.2s ease-out;
}
input[type=radio]+label::before,
label>input[type=radio]::after {
border-radius: 3em;
}
input[type=radio]:not(:checked)+label::before,
label>input[type=radio]:not(:checked)::after {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cdefs%3E%3Cstyle%3E.radio-mark%7Bfill%3A%23ffffff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ccircle%20class%3D%22radio-mark%22%20cx%3D%2264%22%20cy%3D%2264%22%20r%3D%2256.6359%22%2F%3E%3C%2Fsvg%3E');
background-color: rgba(245, 245, 245, 1);
}
input[type=radio]:disabled+label::before,
label>input[type=radio]:disabled::after {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cdefs%3E%3Cstyle%3E.radio-mark%7Bfill%3A%23b5b5b5%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ccircle%20class%3D%22radio-mark%22%20cx%3D%2264%22%20cy%3D%2264%22%20r%3D%2256.6359%22%2F%3E%3C%2Fsvg%3E');
background-color: rgba(245, 245, 245, 1);
}
input[type=radio]:disabled:active+label::before,
label>input[type=radio]:disabled:active::after {
background-color: red;
}
input[type=radio]:not(:disabled):not(:checked):not(:active)+label:hover:before,
label:hover>input[type=radio]:not(:disabled):not(:checked):not(:active)::after { }
input[type=radio]:not(:disabled):checked:not(:active)+label:hover:before,
label:hover>input[type=radio]:not(:disabled):checked:not(:active)::after { }
input[type=radio]:checked+label::before,
label>input[type=radio]:checked::after {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cdefs%3E%3Cstyle%3E.radio-mark%7Bfill%3A%232068e0%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ccircle%20class%3D%22radio-mark%22%20cx%3D%2264%22%20cy%3D%2264%22%20r%3D%2256.6359%22%2F%3E%3C%2Fsvg%3E');
background-color: transparent;
}
input[type=radio]:active+label::before,
label>input[type=radio]:active::after {
background-color: rgba(126, 209, 87, 1);
}  input[type].require+label::before, label>input[type].require::after,
input[type].require+label::before, label>input[type].require::after,
input[type].require, textarea.require, select.require,
input[type].require::placeholder, textarea.require::placeholder, select.require::placeholder {
-webkit-animation: pulse 0.2s ease-in-out infinite;
-o-animation: pulse 0.2s ease-in-out infinite;
-moz-animation: pulse 0.2s ease-in-out infinite;
animation: pulse 0.2s ease-in-out infinite;
-webkit-animation-play-state: running;
-o-animation-play-state: running;
-moz-animation-play-state: running;
animation-play-state: running;
-webkit-animation-direction: alternate;
-o-animation-direction: alternate;
-moz-animation-direction: alternate;
animation-direction: alternate;
color: rgba(175, 40, 40, 1)!important;
}
@keyframes pulse {
from {
background-color: rgba(255, 0, 0, 0);
outline-color: rgba(255, 0, 0, 0);
}
50% {
background-color: rgba(255, 0, 0, 0.25);
outline-color: rgba(255, 0, 0, 0.5);
}
to {
background-color: rgba(255, 0, 0, 0);
outline-color: rgba(255, 0, 0, 0);
}
} strong {
font-weight: 600;
}
#sc-menu-header-fake {
background-color: transparent;
}
@media (max-width: 991px) {
h1, .h1 {
font-size: 2.5em;
margin-bottom: 1.2em;
}
h2, .h2 {
font-size: 2.3em;
margin-bottom: 1.2em;
}
h3, .h3 {
font-size: 2.1em;
margin-bottom: 1.2em;
}
}
@media (max-width: 787px) {
h1, .h1 {
font-size: 2.3em;
margin-bottom: 1.1em;
}
h2, .h2 {
font-size: 2.1em;
margin-bottom: 1.1em;
}
h3, .h3 {
font-size: 1.9em;
margin-bottom: 1.1em;
}
#content>div {
padding-top: 2rem;
padding-bottom: 2rem;
}
#footer-content>div {
padding-top: 2rem;
padding-bottom: 2rem;
}
}
@media (max-width: 559px) {
#content>div {
padding-top: 1.45rem;
padding-bottom: 1.45rem;
}
#footer-content>div {
padding-top: 1.45rem;
padding-bottom: 1.45rem;
}
}
@media (max-width: 409px) {
h1, .h1 {
font-size: 2.15em;
margin-bottom: 1em;
}
h2, .h2 {
font-size: 1.95em;
margin-bottom: 1em;
}
h3, .h3 {
font-size: 1.75em;
margin-bottom: 1em;
}
#content>div {
padding-top: 1.3rem;
padding-bottom: 1.3rem;
}
#footer-content>div {
padding-top: 1.3rem;
padding-bottom: 1.3rem;
}
}
@media (max-width: 374px) {
h1, .h1 {
font-size: 2em;
margin-bottom: 0.9em;
}
h2, .h2 {
font-size: 1.8em;
margin-bottom: 0.9em;
}
h3, .h3 {
font-size: 1.6em;
margin-bottom: 0.9em;
}
}
@media (max-width: 349px) {
h1, .h1 {
font-size: 1.85em;
margin-bottom: 0.8em;
}
h2, .h2 {
font-size: 1.65em;
margin-bottom: 0.8em;
}
h3, .h3 {
font-size: 1.45em;
margin-bottom: 0.8em;
}
}
.blog div ol,
.blog div ul {
list-style-position: outside;
padding: 0;
margin: 1em 0;
}
.blog div ol li,
.blog div ul li {  margin: 0.4em 0 0.4em 1.2em;
padding-left: 0.1em;
}
.blog div ol li::marker,
.blog div ul li::marker {
font-weight: 500;
}  .sc-menu-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
align-content: flex-start;
}
.sc-menu-header.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
}
@media(min-width: 992px) {
.sc-menu-header.fixed-mobile-only {
position: absolute!important;
box-shadow: unset!important;
}
}
.nav-wrapper {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.sc-menu-header .nav-wrapper {
z-index: 1030;
}
.nav-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex; margin-bottom: 0;
list-style: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 992px) {
.sc-menu-header {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.sc-menu-header .nav-menu {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.sc-menu-header .nav-wrapper {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
}
.sc-menu-header-brand {
display: inline-block;
font-size: 1.25em;
line-height: inherit;
white-space: nowrap;
}
.sc-menu-header-toggler:not(:disabled):not(.disabled) {
cursor: pointer;
}
.sc-menu-header .sc-menu-header-toggler {
color: rgba(0,0,0,.5);
}
.sc-menu-header .dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1030;
display: none;
float: left;
min-width: 10rem;
font-size: 1rem;
text-align: left;
background-clip: padding-box;
margin: 0;
padding: 0;
}
.show > .dropdown-menu {
display: block;
}
.nav-menu .dropdown-menu {
position: relative;
float: none;
list-style: none;
}
.dropdown-item {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
}
.dropdown-item > .menu-link {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
width: 100%;
clear: both;
text-align: inherit;
white-space: nowrap;
border: 0;
align-items: center;
justify-content: space-between;
text-decoration: none;
}
@media (min-width: 992px) {
.sc-menu-header .sc-menu-header-toggler {
display: none;
}
.sc-menu-header .dropdown.nav-item > .dropdown-menu:not(.desktop-horizontal) {
min-width: 100%;
}
.sc-menu-header .dropdown:not(.desktop-expanded) > .dropdown-menu {
position: absolute;
}
.sc-menu-header .dropdown-menu > .dropdown:not(.desktop-expanded) > .dropdown-menu {
top: 0;
left: 100%;
}
.dropdown.desktop-expanded:not(.nav-item) > .dropdown-menu {
display: block;
}
.sc-menu-header .dropdown-menu.desktop-horizontal .dropdown.desktop-expanded > .dropdown-menu .dropdown > .dropdown-menu {
top: auto;
left: auto;
position: relative;
background-color: unset;
margin-top: unset;
padding-top: unset;
padding-bottom: unset;
backdrop-filter: unset;
-webkit-backdrop-filter: unset;
transition: margin-bottom 0.125s ease-out, opacity 0.16s ease-out, transform 0.1s ease-out;
-webkit-transition: margin-bottom 0.125s ease-out, opacity 0.16s ease-out, transform 0.1s ease-out;
-moz-transition: margin-bottom 0.125s ease-out, opacity 0.16s ease-out, transform 0.1s ease-out;
}
.sc-menu-header .dropdown.desktop-expanded:not(.nav-item) > .dropdown-menu,
.sc-menu-header .dropdown-menu.desktop-horizontal .dropdown.desktop-expanded > .dropdown-menu .dropdown > .dropdown-menu {
margin-left: 0.6em;
margin-bottom: 0.4em;
}
.sc-menu-header .dropdown-menu.desktop-horizontal .dropdown.desktop-expanded > .dropdown-menu .dropdown:not(.show) > .dropdown-menu {
display: block;
overflow: hidden;
height: 0;
margin-bottom: 0;
transform: translateY(-0.9em);
opacity: 0.3;
}
.sc-menu-header .dropdown-menu.desktop-horizontal .dropdown.desktop-expanded > .dropdown-menu .dropdown.show > .dropdown-menu {
height: auto;
transform: translateY(0);
opacity: 1;
}
.sc-menu-header .dropdown-menu.desktop-horizontal .dropdown.desktop-expanded .dropdown-menu > .dropdown-item.dropdown > .menu-link {
justify-content: unset;
}
.sc-menu-header .dropdown-menu.desktop-horizontal .dropdown.desktop-expanded .dropdown-menu > .dropdown-item.dropdown > .menu-link::after {
-webkit-transform: unset;
transform: unset;
margin-top: 0.1em;
margin-left: 0.3em;
transition: transform 0.125s ease-out;
-webkit-transition: transform 0.125s ease-out;
-moz-transition: transform 0.125s ease-out;
}
.sc-menu-header .dropdown-menu.desktop-horizontal .dropdown.desktop-expanded .dropdown-menu > .dropdown-item.dropdown.show > .menu-link::after,
.sc-menu-header .dropdown-menu.desktop-horizontal .dropdown.desktop-expanded .dropdown-menu > .dropdown-item.dropdown > .menu-link:hover:after {
-webkit-transform: translateY(0.16em);
transform: translateY(0.16em);
}
.dropdown.show > .dropdown-menu.desktop-horizontal {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: center;
flex-direction: row;
gap: 1em;
}
.sc-menu-header .dropdown-menu.desktop-horizontal {
left: 0;  width: max-content; max-width: 80vw;
}
.dropdown-menu.desktop-horizontal > .dropdown-item {
flex-grow: 1;
flex-shrink: 1;
flex-basis: 11.5rem;
width: min-content;
}
.sc-menu-header .dropdown-menu.desktop-horizontal > .dropdown-item > .menu-link {
padding: 0.6em 0.7em;
font-weight: 500;
}
.sc-menu-header .dropdown-menu.desktop-horizontal > .dropdown-item > .dropdown-menu .dropdown-item > .menu-link {
padding: 0.3em 0.7em;
}
.sc-menu-header .dropdown-menu.desktop-horizontal > .dropdown-item > .dropdown-menu .dropdown-item > .menu-link > .item-title {
white-space: break-spaces;
font-size: 0.9em;
}
}
.sc-menu-header-toggler {
line-height: 1;
}
.dropdown, .dropup {
position: relative;
}
.sc-menu-header .dropdown > .menu-link::after,
.sc-menu-footer .dropdown > .menu-link::after {
display: inline-block;
width: 0.8em;
height: 0.8em;
min-width: 0.8em;
min-height: 0.8em;
margin-left: .255em;
vertical-align: .255em;
content: ""; background-image: url('data:image/svg+xml,%3Csvg%20id%3D%22dropdown%22%20data-name%3D%22dropdown%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%230f0f0f%3Bstroke-miterlimit%3A10%3Bstroke-width%3A11px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%22113.791%2039.106%2064%2088.897%2014.209%2039.106%22%2F%3E%3C%2Fsvg%3E');
background-repeat: no-repeat;
background-position: center center; } @media(max-width: 991px) { .sc-menu-header::before, .sc-menu-header.expand::after {
position: fixed;
display: block;
width: 100%;
height: 4rem;
background-color: inherit;
z-index: inherit;
content: " ";
z-index: 1000;
left: 0;
right: 0;
}
.sc-menu-header::before {
top: -4rem;
}
.sc-menu-header.expand::after {
bottom: -4rem;
} .sc-menu-header {
transition: height .2s ease-out, max-height .2s ease-out, background-color .2s ease-out;
overflow-y: hidden;
overflow-x: hidden;			 
}
.sc-menu-header.expand {
height: 100vh;
overflow-y: scroll;
background-color: rgba(255, 200, 87, 1);
}
.sc-menu-header .nav-wrapper {
transition: opacity .2s ease-out, transform .2s ease-out;
display: block;
max-width: 100vw; }
.sc-menu-header .nav-wrapper .dropdown-item > .menu-link {
white-space: break-spaces!important;
}
.sc-menu-header:not(.expand) .nav-wrapper {
opacity: 0;
transform: translateX(-2em);
}
.sc-menu-header.expand .nav-wrapper {
opacity: 1;
transform: translateX(0);
} .sc-menu-header.expand .nav-wrapper::after {
position: relative;
display: block;
width: 100%;
height: 3.5rem;
background-color: transparent;
content: " ";
} .dropdown > .dropdown-menu {
display: block;
}
.dropdown:not(.show) > .dropdown-menu {
height: 0;
max-height: 0;
overflow: hidden;
opacity: 0;
}
.dropdown.show > .dropdown-menu {
height: auto;
max-height: unset;
overflow: auto;
opacity: 1;
}
.dropdown > .dropdown-menu > .dropdown-item {
transition: opacity 0.16s ease-out, transform 0.1s ease-out;
}
.dropdown:not(.show) > .dropdown-menu > .dropdown-item {
opacity: 0.3;
transform: translateY(-0.9em);
}
.dropdown.show > .dropdown-menu > .dropdown-item {
opacity: 1;
transform: translateY(0);
}
}
.dropdown:not(.desktop-expanded) > .menu-link.disabled-link {
cursor: pointer;
}  .sc-menu-header, #sc-menu-header-fake {
line-height: 1.2;
}
.sc-menu-header-fake-disable+#sc-menu-header-fake {
display: none!important;
}
.sc-menu-header .dropdown > .menu-link::after, .arrow-down::after {
vertical-align: unset!important;
transition: transform 0.2s ease-out, filter 0.15s ease-in-out, opacity 0.2s ease-in-out;
-webkit-transition: transform 0.2s ease-out, filter 0.15s ease-in-out, opacity 0.2s ease-in-out;
-moz-transition: transform 0.2s ease-out, filter 0.15s ease-in-out, opacity 0.2s ease-in-out;
}
@media (hover) {
.sc-menu-header .dropdown > .menu-link:hover:after, .arrow-down:hover:after {
-webkit-transform: translateY(0.2em);
-moz-transform: translateY(0.2em);
transform: translateY(0.2em);
}
}
.sc-menu-header .dropdown.show > .menu-link::after {
-webkit-transform: translateY(0) scaleY(-1);
-moz-transform: translateY(0) scaleY(-1);
transform: translateY(0) scaleY(-1);
}
@media (hover) {
.sc-menu-header .dropdown.show > .menu-link:hover:after {
-webkit-transform: translateY(0) scaleY(-1);
-moz-transform: translateY(0) scaleY(-1);
transform: translateY(0) scaleY(-1);
}
}
@media (min-width: 992px) {
.sc-menu-header .dropdown > .menu-link::after {
background-image: url('data:image/svg+xml,%3Csvg%20id%3D%22dropdown%22%20data-name%3D%22dropdown%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23ffbb31%3Bstroke-miterlimit%3A10%3Bstroke-width%3A11px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%22113.791%2039.106%2064%2088.897%2014.209%2039.106%22%2F%3E%3C%2Fsvg%3E');
filter: brightness(0);
-webkit-filter: brightness(0);
-moz-filter: brightness(0);
}
.sc-menu-header .nav-item.dropdown.show > .menu-link::after { } .sc-menu-header .dropdown-item.dropdown > .menu-link::after { -webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.sc-menu-header .dropdown-item.dropdown.show > .menu-link::after, .sc-menu-header .dropdown-item.dropdown > .menu-link:hover:after {
-webkit-transform: rotate(-90deg) translateY(0.2em);
-moz-transform: rotate(-90deg) translateY(0.2em);
transform: rotate(-90deg) translateY(0.2em);
} .sc-menu-header .dropdown.desktop-expanded:not(.nav-item) > .menu-link::after {
display: none;
}
}
.sc-menu-header .nav-item > .menu-link {
height: 100%;  color: rgba(15, 15, 15, 1); display: flex;
align-items: center;
font-weight: 500;
font-family: 'Montserrat', 'Century Gothic', 'Arial', sans-serif;  text-decoration: none;
}
.sc-menu-header .dropdown-menu {
border: none;
font-size: 1em;
font-weight: 300;
font-family: 'Montserrat', 'Century Gothic', 'Arial', sans-serif;    }
.menu-link {
user-select: none;
}
.sc-menu-header .dropdown-item > .menu-link, .sc-menu-header .dropdown-item > .menu-link > .item-title, .sc-menu-header .dropdown-menu>li::before {
transition: transform 0.2s ease, opacity 0.12s ease;
-webkit-transition: transform 0.2s ease, opacity 0.12s ease;
-moz-transition: transform 0.2s ease, opacity 0.12s ease;
}
.sc-menu-header .dropdown-item > .menu-link, .sc-menu-header .dropdown-item > .menu-link:visited {
color: rgba(15, 15, 15, 1);
} .sc-menu-header .nav-item > .menu-link:focus, .sc-menu-header .nav-item > .menu-link:hover, .sc-menu-header .nav-item:hover > .menu-link { color: rgba(15, 15, 15, 1);
}
.sc-menu-header-brand.sc-menu-header-logo {
font-size: unset;
cursor: pointer;
position: relative;
padding-bottom: 0;
padding-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
}
.sc-menu-header-brand.sc-menu-header-logo::before,
.sc-menu-header-brand.sc-menu-header-logo::after {
display: flex;
content: " ";
line-height: 1em; width: 100%;
}
.sc-menu-header-brand.sc-menu-header-logo::before {
content: "Эмотоцин";
height: 100%;
align-items: center;
font-weight: 700;
font-size: 6.6em;
letter-spacing: -0.015em;
font-size: 1.5em;
color: rgba(51, 51, 51, 1);
}
.sc-menu-header-brand.sc-menu-header-logo::after {
content: "®";
height: min-content;
align-items: center;
font-weight: 700;
font-size: 1em;
padding-bottom: 0.7em;
letter-spacing: -0.015em;
font-size: calc(1.5em / 3 * 2);
color: rgba(51, 51, 51, 1);
}
@media (max-width: 991px) {
.sc-menu-header-brand.sc-menu-header-logo::before {
font-size: calc(1.25em * 0.8);
}
.sc-menu-header-brand.sc-menu-header-logo::after {
font-size: calc(1.25em / 3 * 2 * 0.8);
}
}
@media (max-width: 768px) {
.sc-menu-header-brand.sc-menu-header-logo::before { }
.sc-menu-header-brand.sc-menu-header-logo::after { }
}
@media (max-width: 459px) {
.sc-menu-header-brand.sc-menu-header-logo::before { }
.sc-menu-header-brand.sc-menu-header-logo::after { }
}
@media (max-width: 375px) {
.sc-menu-header-brand.sc-menu-header-logo::before { }
.sc-menu-header-brand.sc-menu-header-logo::after { }
}
.nav-item, .nav-item > .menu-link, .nav-item > .menu-link > .item-title {
position: relative;
}
.nav-item > .menu-link > img {
height: 1em;
width: 1em;
overflow: hidden; margin-right: 0.4em;
transition: filter .15s ease-in-out;
-webkit-transition: filter .15s ease-in-out;
-moz-transition: filter .15s ease-in-out;
filter: contrast(4) grayscale(1);
-webkit-filter: contrast(4) grayscale(1);
-moz-filter: contrast(4) grayscale(1);
}
@media (hover) {
.nav-item:hover > .menu-link > img,
.nav-item > .menu-link:hover > img {
filter: unset;
-moz-filter: unset;
-webkit-filter: unset;
}
}
@media (hover: none) {
.nav-item.show > .menu-link>img {
filter: unset;
-moz-filter: unset;
-webkit-filter: unset;
}
}
.nav-item.divider > .separator {
display: none;
}
.sc-menu-header .nav-item > .menu-link {
font-size: 0.85em;
letter-spacing: 0.05em;
}
@media (min-width: 992px) {
body {
padding-left: 0;
padding-right: 0;
}
html {
scroll-padding-top: 2.8em; }
.block, .sc-menu-header.fixed-mobile-only + .fullscreen-block > *,
.block, .sc-menu-header.desktop-flexible + .fullscreen-block > * {
font-size: 0.8rem;
}
.sc-menu-header, #sc-menu-header-fake {
height: 2.8em; }
.sc-menu-header-brand.sc-menu-header-logo {
background-size: 6em!important;   height: 2.8em; }
.sc-menu-header .nav-wrapper {
height: 100%; }
.sc-menu-header .nav-menu {
min-width: 100%;
padding: 0;
height: 100%;
}
.nav-item { }
.nav-right {
margin-left: auto;
} .sc-menu-header .nav-item > .menu-link {
vertical-align: middle;
border: 0; background-color: rgba(255, 255, 255, 0);
box-shadow: none;
border-radius: 0;
transition: color .125s cubic-bezier(0.04, 0.6, 0.41, 0.94), background-color .125s cubic-bezier(0.04, 0.6, 0.41, 0.94);
-webkit-transition: color .125s cubic-bezier(0.04, 0.6, 0.41, 0.94), background-color .125s cubic-bezier(0.04, 0.6, 0.41, 0.94);
-moz-transition: color .125s cubic-bezier(0.04, 0.6, 0.41, 0.94), background-color .125s cubic-bezier(0.04, 0.6, 0.41, 0.94);
}
.sc-menu-header:not(.hover-show) > .nav-item > .menu-link:not(.disabled-link) {
cursor: pointer;
} .sc-menu-header .nav-menu > .nav-item:before {
display: block;
position: absolute;
background-color: rgba(255, 255, 255, 1);
content: "";
height: 0px;
width: 100%;
left: 0;
-webkit-transition: all .14s ease-in-out;
-moz-transition: all .14s ease-in-out;
transition: all .14s ease-in-out;
z-index: -1;
bottom: 0;
}
.sc-menu-header .nav-menu > .nav-item:hover:before {
height: 7px;
}
.sc-menu-header .nav-menu > .nav-item.show:before {
height: 100%;
}  .sc-menu-header .nav-menu > .nav-item > .menu-link:before {
content: " ";
display: block;
width: 100%;
height: 0;
position: absolute;
-webkit-transition: all .125s ease-in-out;
-moz-transition: all .125s ease-in-out;
transition: all .125s ease-in-out;
z-index: -1;
bottom: 0;
left: 0;
}
.sc-menu-header .nav-menu > .nav-item.show > .menu-link:before {
height: 100%;
} .sc-menu-header .nav-menu > .nav-item > .menu-link:hover, .sc-menu-header .nav-menu > .nav-item > .menu-link:active, .nav-menu > .nav-item > .menu-link:focus {
box-shadow: none; }
.sc-menu-header .dropdown-item > .menu-link, .sc-menu-header .dropdown-item > .menu-link:visited { color: rgba(15, 15, 15, 1);
} .sc-menu-header .nav-menu .nav-item.show > .menu-link {
color: rgba(15, 15, 15, 1); } .sc-menu-header .nav-menu > .nav-item.show > .menu-link > img {
filter: contrast(10) grayscale(1) invert(1);
-webkit-filter:filter: contrast(10) grayscale(1) invert(1);
-moz-filter: contrast(10) grayscale(1) invert(1);
} .nav-item.divider {
border-left: 1px solid rgba(240, 240, 240, 1);
margin: 0.6em 0.7em;
}
.sc-menu-header .dropdown:not(.desktop-expanded) > .dropdown-menu {
border-radius: 0; padding: 1em 0 1em 0;
margin-top: -1em;     background-color: rgba(255, 255, 255, 1); } .sc-menu-header .nav-item.dropdown > .dropdown-menu,
.sc-menu-header .nav-item.dropdown > .dropdown-menu > li:nth-of-type(1):not(.desktop-expanded) > ul.dropdown-menu,
.sc-menu-header .nav-item.dropdown > .dropdown-menu > li:nth-of-type(1):not(.desktop-expanded) > ul.dropdown-menu > li:nth-of-type(1):not(.desktop-expanded) > ul.dropdown-menu,
.sc-menu-header .nav-item.dropdown > .dropdown-menu > li:nth-of-type(1):not(.desktop-expanded) > ul.dropdown-menu > li:nth-of-type(1):not(.desktop-expanded) > ul.dropdown-menu > li:nth-of-type(1):not(.desktop-expanded) > ul.dropdown-menu,
.sc-menu-header .nav-item.dropdown > .dropdown-menu > li:nth-of-type(1):not(.desktop-expanded) > ul.dropdown-menu > li:nth-of-type(1):not(.desktop-expanded) > ul.dropdown-menu > li:nth-of-type(1):not(.desktop-expanded) > ul.dropdown-menu > li:nth-of-type(1):not(.desktop-expanded) > ul.dropdown-menu {
padding-top: 0!important;
margin-top: 0!important;
} .sc-menu-header .dropdown-menu > li:not(.dropdown)::before {
content: " "; display: none;
width: 1.25em;
height: 1.25em;
margin-left: calc(1.4em - 1.25em - 0.05em); position: absolute;
z-index: 1001;
background-image: url('data:image/svg+xml,%3Csvg%20id%3D%22dropdown%22%20data-name%3D%22dropdown%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%235ecf3a%3Bstroke-miterlimit%3A10%3Bstroke-width%3A11px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%22113.791%2039.106%2064%2088.897%2014.209%2039.106%22%2F%3E%3C%2Fsvg%3E');
background-repeat: no-repeat;
background-position: center center;
-webkit-transform: rotate(-90deg) translateY(0) scaleY(0);
-moz-transform: rotate(-90deg) translateY(0) scaleY(0);
transform: rotate(-90deg) translateY(0) scaleY(0);
opacity: 0.6;
margin-bottom: 0.1em;
z-index: 2;
}
.sc-menu-header .dropdown-menu.desktop-horizontal > li:not(.dropdown)::before, .sc-menu-header .dropdown-menu.desktop-horizontal .dropdown-menu > li:not(.dropdown)::before {
margin-left: calc(0.7em - 1.25em - 0.05em); }
.sc-menu-header .dropdown-menu > li:not(.dropdown):focus:before, .sc-menu-header .dropdown-menu > li:not(.dropdown):hover:before, .sc-menu-header .dropdown-menu > li:not(.dropdown).active:before {
-webkit-transform: rotate(-90deg) translateY(0.35em) scale(1);
-moz-transform: rotate(-90deg) translateY(0.35em) scale(1);
transform: rotate(-90deg) translateY(0.35em) scale(1);
opacity: 1;
}
.sc-menu-header .dropdown-item > .menu-link {
z-index: 1002; margin: 0;
padding: 1em 1.6em;
font-size: 0.8em;
position: relative;
background-color: transparent;
font-weight: 500;
z-index: 1;
}
.sc-menu-header .dropdown-item > .menu-link:focus {
background: transparent;
}
.sc-menu-header .dropdown-item:not(.dropdown) > .menu-link:hover > .item-title, .sc-menu-header .dropdown-item:not(.dropdown).active > .menu-link > .item-title {   }
.sc-menu-header .dropdown-item:not(.dropdown) > .menu-link:hover, .sc-menu-header .dropdown-item:not(.dropdown).active > .menu-link {
background: rgba(209, 135, 0, 0.1); }
.sc-menu-header .dropdown-item.dropdown:not(.desktop-expanded) > .menu-link:hover, .sc-menu-header .dropdown-item.dropdown.active > .menu-link, .sc-menu-header .dropdown-item.dropdown.desktop-expanded > .menu-link { }
.sc-menu-header .dropdown-item > .menu-link.active, .sc-menu-header .dropdown-item > .menu-link:active,
.sc-menu-header .dropdown-item > .menu-link.active:hover, .sc-menu-header .dropdown-item > .menu-link.active:visited, .sc-menu-header .dropdown-item > .menu-link.active:focus { text-decoration: none;
} .sc-menu-header .nav-menu > .nav-item > .menu-link {
padding: 0 0.8em;
}
.sc-menu-header-brand.sc-menu-header-logo {
font-size: unset;
}
.sc-menu-header .mobile-only {
display: none!important;
}
.nav-phone {
height: 100%;
}
.nav-phone:hover, .nav-phone:active {
color: rgba(0, 0, 0, 1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
}
.nav-phone:after {
width: 1.4em;
margin-top: 1.2em;
right: -1em;
}
.nav-phone:after {
display: inline-block;
text-decoration: none;
position: absolute;
-webkit-transition: opacity .35s cubic-bezier(0.06, 0.74, 0.2, 1), transform .28s cubic-bezier(0.18, 0.74, 0.46, 1.73);
-moz-transition: opacity .35s cubic-bezier(0.06, 0.74, 0.2, 1), transform .28s cubic-bezier(0.18, 0.74, 0.46, 1.73);
transition: opacity .35s cubic-bezier(0.06, 0.74, 0.2, 1), transform .28s cubic-bezier(0.18, 0.74, 0.46, 1.73);
background: url(//emotocin.ru/wp-content/themes/emotocin/images/phone-up_blue.svg) no-repeat;
-moz-background-size: 100%; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; content: " ";
height: 0;
opacity: 0;
-webkit-transform: scale(-1, 1) rotate(52deg);
-moz-transform: scale(-1, 1) rotate(52deg);
transform: scale(-1, 1) rotate(52deg);
visibility: hidden;
}
.nav-phone:hover:after, .nav-phone:active:after {
visibility: visible;
opacity: 1;
height: 100%;
-webkit-transform: scale(-1, 1) rotate(-20deg);
-moz-transform: scale(-1, 1) rotate(-20deg);
transform: scale(-1, 1) rotate(-20deg);
}
.phone-desc {
display: block;
margin-top: -1.4em;
line-height: 1em;
font-size: 0.6em;
text-align: right;
padding-right: 0.7em;
color: rgba(0, 0, 0, 0.8);
-webkit-transition: color .1s ease-out;
-moz-transition: color .1s ease-out;
transition: color .1s ease-out;
}
.nav-phone:hover+.phone-desc, .nav-phone:active+.phone-desc {
color: rgba(32, 104, 224, 0.8);
}
.breadcrumb {
font-size: 1rem;
}
.feedback_result {
left: 25vw;
width: 50vw;
font-size: 1rem;
}
.feedback-form .form {
width: 50%;
}
.feedback-form .form-button {
min-width: 50%;
width: 50%;
}
footer .feedback-form, .framed {
padding: 0 calc(14vw + 0.8rem);
}
footer .feedback-form form { font-size: 1.4em;
}
footer .feedback-form .form, footer .feedback-form .form-button {  vertical-align: middle; }
.feedback-box, .review-box {
left: 20vw;
width: 60vw; top: 10vh;  }
.feedback-box-open, button.ask-popup-open {
margin-left: 0.05em;
margin-right: 0.05em;
}
#ask-popup {
left: 30vw;
right: 30vw;
width: 40vw;
bottom: 0;
font-size: 1rem;
}
}
.sc-menu-header, #sc-menu-header-fake,
.sc-menu-header.fixed-mobile-only + .fullscreen-block,
.sc-menu-header.desktop-flexible + .fullscreen-block {
font-size: 1rem;
}
@media (max-width: 1490px) {
.sc-menu-header, #sc-menu-header-fake,
.sc-menu-header.fixed-mobile-only + .fullscreen-block,
.sc-menu-header.desktop-flexible + .fullscreen-block {
font-size: 0.9rem;
}
footer .feedback-form, .framed {
padding: 0 calc(10.5vw + 0.8rem);
}
}
@media (max-width: 1340px) {
.sc-menu-header, #sc-menu-header-fake,
.sc-menu-header.fixed-mobile-only + .fullscreen-block,
.sc-menu-header.desktop-flexible + .fullscreen-block { }
}
@media (max-width: 1279px) {
footer .feedback-form, .framed {
padding: 0 calc(8.5vw + 0.8rem);
}
}
@media (max-width: 1190px) {
.sc-menu-header, #sc-menu-header-fake,
.sc-menu-header.fixed-mobile-only + .fullscreen-block,
.sc-menu-header.desktop-flexible + .fullscreen-block { }
}
@media (max-width: 1115px) {
.sc-menu-header, #sc-menu-header-fake,
.sc-menu-header.fixed-mobile-only + .fullscreen-block,
.sc-menu-header.desktop-flexible + .fullscreen-block {
font-size: 0.85rem;
}
footer .feedback-form, .framed {
padding: 0 calc(5vw + 0.8rem);
}
}
@media (max-width: 1040px) {
.sc-menu-header, #sc-menu-header-fake,
.sc-menu-header.fixed-mobile-only + .fullscreen-block,
.sc-menu-header.desktop-flexible + .fullscreen-block {  }
}
@media (max-width: 1023px) {
footer .feedback-form, .framed {
padding: 0 calc(3vw + 0.8rem);
}
.sc-menu-header, #sc-menu-header-fake,
.sc-menu-header.fixed-mobile-only + .fullscreen-block,
.sc-menu-header.desktop-flexible + .fullscreen-block {
font-size: 0.8rem;
}
}
@media (max-width: 1299px) {
.feedback-box, .review-box {
left: 10vw;
width: 80vw;
}
}
@media (max-width: 991px) {
.sc-menu-header.fixed-mobile-only + .fullscreen-block,
.sc-menu-header.desktop-flexible + .fullscreen-block {
font-size: unset;
}
} @media (max-width: 991px) and (hover: hover) {
.sc-menu-header .dropdown-menu > li:not(.dropdown):focus:before, .sc-menu-header .dropdown-menu > li:not(.dropdown):hover:before {
-webkit-transform: translateX(0.35em);
-moz-transform: translateX(0.35em);
transform: translateX(0.35em);
opacity: 1;
}
.sc-menu-header .dropdown-item > .menu-link:focus {
background: transparent;
}
.sc-menu-header .dropdown-item:not(.dropdown) > .menu-link:hover > .item-title {
-webkit-transform: translateX(1em);
-moz-transform: translateX(1em);
transform: translateX(1em);
background: transparent;
}
.sc-menu-header .dropdown-item:not(.dropdown) > .menu-link:hover {
color: rgba(0, 0, 0, 1);
}
.sc-menu-header .dropdown-item.dropdown > .menu-link:hover {
color: rgba(0, 0, 0, 1);
}
.sc-menu-header .dropdown-item > .menu-link:active, .sc-menu-header .dropdown-item > .menu-link:hover {
color: rgba(0, 0, 0, 0.9);
text-decoration: none;
}
}
@media (max-width: 991px) { .sc-menu-header .dropdown-menu > li:not(.dropdown)::before {
content: " ";
display: inline-block;
width: 0.6em;
left: 0.45em;
position: absolute;
z-index: 1001;
background-repeat: no-repeat;
background-position: center center;
background-image: url(data:image/svg+xml,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20845.74%20650.45%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%235ecf3a%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%22422.87%20650.45%20599.43%20378.88%20599.43%20378.88%20149.27%20-313.55%20-203.85%20-313.55%20422.87%20650.45%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%22668.2%20273.09%20354.25%20-209.82%20421.69%20-313.55%20914.72%20-313.55%20982.15%20-209.82%20668.2%20273.09%22%2F%3E%3C%2Fsvg%3E);
height: 1.2em;
margin-bottom: 0.1em;
opacity: 0;
background-size: 100%;
}
.sc-menu-header .dropdown-menu > li:not(.dropdown).active:before {
-webkit-transform: translateX(0.35em) rotate(270deg);
-moz-transform: translateX(0.35em) rotate(270deg);
transform: translateX(0.35em) rotate(270deg);
opacity: 1;
}
.sc-menu-header .dropdown-item:not(.dropdown).active > .menu-link > .item-title {
-webkit-transform: translateX(1em);
-moz-transform: translateX(1em);
transform: translateX(1em);
}
.sc-menu-header .dropdown-item:not(.dropdown).active > .menu-link {
background: transparent;
color: rgba(0, 0, 0, 1);
}
.sc-menu-header .dropdown-item.dropdown.active > .menu-link {
color: rgba(0, 0, 0, 1);
}
.sc-menu-header .dropdown-item > .menu-link.active,
.sc-menu-header .dropdown-item > .menu-link.active:hover, .sc-menu-header .dropdown-item > .menu-link.active:visited, .sc-menu-header .dropdown-item > .menu-link.active:focus	{
color: rgba(0, 0, 0, 0.9);
text-decoration: none;
}
} @media (max-width: 991px) {
body {
padding-left: 0;
padding-right: 0;
overflow-x: hidden;
}
html {
scroll-padding-top: 2.6em; }
.block, .sc-menu-header.fixed-mobile-only + .fullscreen-block > * {
font-size: 0.8rem;
}
.bodylock {
overflow: hidden;
}
.page-content table, .category-desc table {
width: calc(100% + 1.5rem);
margin: 0 -0.75rem 0 -0.75rem;
}
.page-content table caption, .category-desc table caption {
margin-left: 0.75rem;
margin-right: 0.75rem;
}
.sc-menu-header, #sc-menu-header-fake {
font-size: 1.2rem;
-webkit-overflow-scrolling: touch;
max-height: 100vh;
height: 2.6em; }
.sc-menu-header-brand.sc-menu-header-logo {
background-size: 2.6em!important;   height: 2.6em; display: flex;
align-items: center;
}
.sc-menu-header .nav-menu {
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.nav-item.divider {
border-top: 1px solid rgba(240, 240, 240, 1);
margin: 0.6em 0.1em;
}
.sc-menu-header .dropdown-menu {
border-radius: 0;
padding: 0;
margin: 0;
background-color: transparent; border-left: 0.1em solid rgba(126, 80, 11, 1);
margin-left: 0.45em;
}
.sc-menu-header .dropdown-item > .menu-link {
z-index: 1002; padding: 0.5em 0 0.5em 0.96em;
background: transparent;
position: relative;
font-size: 0.9em;
}
.sc-menu-header .nav-menu > .nav-item > .menu-link {
padding: 0.7em 0;
}
.sc-menu-header-brand.sc-menu-header-logo {
font-size: unset;
}
.sc-menu-header .head-only {
display: none;
}
.nav-phone {
height: 2.6em; }
.phone-desc {
display: none;
}
.breadcrumb {
font-size: 0.9em;
}
.feedback_result {
left: 8vw;
width: 84vw;
font-size: 0.9rem;
}
.feedback-form .form {
width: 100%;
}
.feedback-form .form-button {
min-width: 100%;
width: 100%;
}
.feedback-box, .review-box {
font-size: 0.8rem;
left: 0;
right: 0;
width: 100vw;
top: 0;
min-height: 100vh;
border: none;
}
.feedback-box-open, button.ask-popup-open { }
#ask-popup {
left: 0;
right: 0;
width: 100%;
bottom: 0;
font-size: 0.9rem;
}
}
@media (max-width: 991px) and (orientation: landscape) {
.sc-menu-header, #sc-menu-header-fake {
font-size: 0.85rem;
}
}
@media (max-width: 991px) and (min-width: 549px) and (orientation: landscape) {
#ask-popup {
font-size: 0.8rem;
}
.feedback-box, .review-box {
font-size: 0.75rem;
}
.feedback-form .form:not(.textarea) {
width: 50%;
}
.feedback-form .form-button {
min-width: 50%;
width: 50%;
}
}
@media (max-width: 767px) {
.sc-menu-header, #sc-menu-header-fake {
font-size: 1.05rem;
}
footer .feedback-form, .framed {
padding: 0 0.8rem;
}
}
@media (max-width: 767px) and (orientation: landscape) {
.sc-menu-header, #sc-menu-header-fake {
font-size: 0.8rem;
}
}
@media (max-width: 639px) {
.sc-menu-header, #sc-menu-header-fake {
font-size: 0.95rem;
}
}
@media (max-width: 639px) and (orientation: landscape) {
.sc-menu-header, #sc-menu-header-fake {
font-size: 0.8rem;
}
}
@media (max-width: 333px) {
.sc-menu-header, #sc-menu-header-fake {
font-size: 0.85rem;
}
}
.sc-menu-header { box-shadow: 0em 0em 0.1em rgba(0, 0, 0, 0.18);
padding: 0;    background-color: rgba(105, 209, 55, 1);      background-image: radial-gradient(circle at 50% 0%, rgba(216, 255, 0, 1), rgba(105, 209, 55, 1));   }
.sc-menu-header-toggler {
background-color: transparent;
}
.sc-menu-header .sc-menu-header-toggler {
border-color: rgba(0, 0, 0, 0.1);
outline: none;
text-decoration: none; font-size: 1em;
border: 0;
border-radius: 0;
height: 2.6em; }
.sc-menu-header-toggler[aria-expanded=true] { border-color: rgba(255, 255, 255, 0.5); } .sc-menu-header .sc-menu-header-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(193,39,45, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.sc-menu-header-toggler[aria-expanded=true] .sc-menu-header-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.75)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}  .bread {
display: block;
width: 25px;
height: 2px;
margin: 5px auto;
-webkit-transition: all 0.24s ease-in-out;
-moz-transition: all 0.24s ease-in-out;
transition: all 0.24s ease-in-out;
background-color: rgba(50, 50, 50, 1);
}
.sc-menu-header-toggler[aria-expanded=true] .bread:nth-child(2) {
opacity: 0;
}
.sc-menu-header-toggler[aria-expanded=true] .bread:nth-child(1) {
transform: translateY(7px) rotate(45deg);
}
.sc-menu-header-toggler[aria-expanded=true] .bread:nth-child(3) {
transform: translateY(-7px) rotate(-45deg);
} .nav-phone, .nav-phone:visited {
display: flex;
align-items: center;
text-decoration: none;
outline: none;
-webkit-transition: box-shadow 0.20s ease-in-out, color .20s ease-in-out, background-color .30s ease-in-out, transform .15s cubic-bezier(0.13, 0.59, 0.48, 0.99);
-moz-transition: box-shadow 0.20s ease-in-out, color .20s ease-in-out, background-color .30s ease-in-out, transform .15s cubic-bezier(0.13, 0.59, 0.48, 0.99);
transition: box-shadow 0.20s ease-in-out, color .20s ease-in-out, background-color .30s ease-in-out, transform .15s cubic-bezier(0.13, 0.59, 0.48, 0.99);
color: rgba(30, 30, 30, 1); font-weight: 700;
font-family: 'Montserrat', 'Century Gothic', 'Arial', sans-serif;
}
.nav-phone:hover, .nav-phone:active, .nav-phone:focus:not(:focus-visible) {
text-decoration: none;
outline: none;
color: rgba(0, 0, 0, 1);
} @media (min-width: 992px) {
.mobile-only {
display: none;
}
.block .mobile-only {
display: none!important;
}
}
@media (max-width: 991px) {
.desktop-only {
display: none;
}
.block .desktop-only {
display: none!important;
}
} @media (min-width: 992px) {
.sc-menu-header.style-dark .nav-item.dropdown.show > .menu-link::after { }
.sc-menu-header.style-dark .sc-menu-header-brand.sc-menu-header-logo::before {
color: rgba(255, 255, 255, 1);
background-image: url(//emotocin.ru/wp-content/themes/emotocin/img/logo/light.svg);
}
.sc-menu-header.style-dark .sc-menu-header-brand.sc-menu-header-logo::after {
color: rgba(255, 255, 255, 1);
}
.sc-menu-header.style-dark .nav-item > .menu-link {
color: rgba(255, 255, 255, 1);
}
.sc-menu-header.style-dark .nav-menu .nav-item.show > .menu-link { }
.sc-menu-header.style-dark .nav-item > .menu-link:focus,
.sc-menu-header.style-dark .nav-item > .menu-link:hover,
.sc-menu-header.style-dark .nav-item:hover > .menu-link {
color: rgba(255, 255, 255, 1);
}
.sc-menu-header.style-dark .dropdown:not(.desktop-expanded) > .dropdown-menu { background-color: rgba(61, 67, 80, 1);
}
.sc-menu-header.style-dark .dropdown-item > .menu-link,
.sc-menu-header.style-dark .dropdown-item > .menu-link:visited {
color: rgba(255, 255, 255, 1);
}
.sc-menu-header.style-dark .dropdown-item:not(.dropdown) > .menu-link:hover,
.sc-menu-header.style-dark .dropdown-item:not(.dropdown).active > .menu-link {
color: rgba(11, 221, 184, 1);
}
.sc-menu-header.style-dark .dropdown-item.dropdown:not(.desktop-expanded) > .menu-link:hover,
.sc-menu-header.style-dark .dropdown-item.dropdown.active > .menu-link,
.sc-menu-header.style-dark .dropdown-item.dropdown.desktop-expanded > .menu-link {
color: rgba(11, 221, 184, 1);
}
}  .sc-menu-footer {
}
.sc-menu-footer > .nav-wrapper {
display: flex;
position: relative;
flex-wrap: nowrap;
flex-direction: row;
align-items: flex-start; }
.sc-menu-footer > .nav-wrapper > ul {
display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
justify-content: space-between;
gap: 0 1em;
max-width: 100%;
width: 100%;
align-items: start;
}
.sc-menu-footer .nav-item { }
.sc-menu-footer .menu-link {
position: relative;
display: inline-flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
align-items: center;
justify-content: flex-start;
white-space: break-spaces;
}
.sc-menu-footer .menu-link,
.sc-menu-footer .dropdown-item {
max-width: max-content;
width: auto;
}
.sc-menu-footer li.nav-item > .menu-link {
}
.sc-menu-footer .nav-item:not(.dropdown) {
order: -2;
height: max-content;
grid-column: 1;
}
.sc-menu-footer .nav-item.dropdown:not(.desktop-expanded) {
order: -1;
height: max-content;
grid-column: 1;
}
.sc-menu-footer .dropdown {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: flex-start;
max-width: 100%;
width: 100%;
gap: 0;   }
.sc-menu-footer .dropdown > a.menu-link:hover,
.sc-menu-footer .dropdown > a.menu-link:active,
.sc-menu-footer .dropdown > a.menu-link:not([href]):not([tabindex]):hover,
.sc-menu-footer .dropdown > a.menu-link:not([href]):not([tabindex]):active {
color: inherit;
}
.sc-menu-footer .nav-item:not(.desktop-expanded) {
margin-bottom: 0.5em;
}
.sc-menu-footer .dropdown.show,
.sc-menu-footer .dropdown.desktop-expanded {
gap: 0.3em;
}
.sc-menu-footer .nav-item.dropdown.desktop-expanded {
gap: 1.2em;
}
.sc-menu-footer .nav-menu > .desktop-expanded {
grid-column: 2;
grid-row: 1 / span 20;
}
.sc-menu-footer .nav-menu > .desktop-expanded
~ .desktop-expanded {
grid-column: 3;
}
.sc-menu-footer .nav-menu > .desktop-expanded
~ .desktop-expanded
~ .desktop-expanded {
grid-column: 4;
}
.sc-menu-footer .nav-menu > .desktop-expanded
~ .desktop-expanded
~ .desktop-expanded
~ .desktop-expanded {
margin-top: 1.5em;
grid-column: 1;
grid-row: 21 / span 20;
}
.sc-menu-footer .nav-menu > .desktop-expanded
~ .desktop-expanded
~ .desktop-expanded
~ .desktop-expanded
~ .desktop-expanded {
grid-column: 2;
grid-row: 21 / span 20;
}
.sc-menu-footer .nav-menu > .desktop-expanded
~ .desktop-expanded
~ .desktop-expanded
~ .desktop-expanded
~ .desktop-expanded
~ .desktop-expanded {
grid-column: 3;
grid-row: 21 / span 20;
}
.sc-menu-footer .nav-menu > .desktop-expanded
~ .desktop-expanded
~ .desktop-expanded
~ .desktop-expanded
~ .desktop-expanded
~ .desktop-expanded
~ .desktop-expanded {
grid-column: 4;
grid-row: 21 / span 20;
}
.sc-menu-footer .nav-menu > .desktop-expanded
~ .desktop-expanded
~ .desktop-expanded
~ .desktop-expanded
~ .desktop-expanded
~ .desktop-expanded
~ .desktop-expanded
~ .desktop-expanded {
margin-top: 1.5em;
grid-column: 1;
grid-row: 41 / span 20;
}
@media (max-width: 1279px) {
.sc-menu-footer .nav-menu > .desktop-expanded
~ .desktop-expanded {
grid-column: 1;
grid-row: 21 / span 20;
margin-top: 1.5em;
}
.sc-menu-footer .nav-menu > .desktop-expanded
~ .desktop-expanded
~ .desktop-expanded {
grid-column: 2;
grid-row: 21 / span 20;
}
.sc-menu-footer .nav-menu > .desktop-expanded
~ .desktop-expanded
~ .desktop-expanded
~ .desktop-expanded {
grid-column: 1;
grid-row: 41 / span 20;
}
.sc-menu-footer .nav-menu > .desktop-expanded
~ .desktop-expanded
~ .desktop-expanded
~ .desktop-expanded
~ .desktop-expanded {
grid-column: 2;
grid-row: 41 / span 20;
}
.sc-menu-footer .nav-menu > .desktop-expanded
~ .desktop-expanded
~ .desktop-expanded
~ .desktop-expanded
~ .desktop-expanded
~ .desktop-expanded {
margin-top: 1.5em;
grid-column: 1;
grid-row: 61 / span 20;
}
.sc-menu-footer .nav-menu > .desktop-expanded
~ .desktop-expanded
~ .desktop-expanded
~ .desktop-expanded
~ .desktop-expanded
~ .desktop-expanded
~ .desktop-expanded {
grid-column: 2;
grid-row: 61 / span 20;
}
.sc-menu-footer .nav-menu > .desktop-expanded
~ .desktop-expanded
~ .desktop-expanded
~ .desktop-expanded
~ .desktop-expanded
~ .desktop-expanded
~ .desktop-expanded
~ .desktop-expanded {
grid-column: 1;
grid-row: 81 / span 20;
}
}
.sc-menu-footer .nav-additional {
grid-column: 10;
}
.sc-menu-footer .menu-link > .item-title {
font-weight: 500;
}
.sc-menu-footer li.nav-item > .menu-link > .item-title {
font-size: 0.8em; font-weight: 500;
}
.sc-menu-footer li:not(.nav-item) > .menu-link > .item-title {
font-size: 0.75em;
}
.sc-menu-footer .dropdown-menu {
display: flex;
position: relative;
flex-direction: column;
gap: 0.3em;
margin-bottom: 0.75em;
}
.sc-menu-footer .dropdown:not(.desktop-expanded) > .dropdown-menu {
overflow: hidden;
transition: margin-bottom 0.125s ease-out, opacity 0.16s ease-out, transform 0.1s ease-out;
-moz-transition: margin-bottom 0.125s ease-out, opacity 0.16s ease-out, transform 0.1s ease-out;
-webkit-transition: margin-bottom 0.125s ease-out, opacity 0.16s ease-out, transform 0.1s ease-out;
}
.sc-menu-footer .dropdown:not(.show):not(.desktop-expanded) > .dropdown-menu {
display: block;
overflow: hidden;
height: 0;
margin-bottom: 0;
-webkit-transform: translateY(-0.9em);
-moz-transform: translateY(-0.9em);
transform: translateY(-0.9em);
opacity: 0.3;
}
.sc-menu-footer .dropdown.show:not(.desktop-expanded) > .dropdown-menu {
}
.sc-menu-footer .dropdown:not(.nav-item.desktop-expanded) > .dropdown-menu {
margin-left: 0.6em;
}
.sc-menu-footer .nav-additional {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
gap: 1em;
text-align: right;
min-width: 20em;
width: min-content;
margin-left: 1em;		  
}
.sc-menu-footer .nav-additional > .social {
display: flex;
position: relative;
flex-direction: row;
justify-content: space-between;
gap: 0.5em;
}
.sc-menu-footer .nav-additional > .social > a {
width: 2em;
height: 2em;
}
.sc-menu-footer .nav-additional > .social > .fb {
background-image: url(//emotocin.ru/wp-content/themes/emotocin/img/icons/fb-large-green.png);
}
.sc-menu-footer .nav-additional > .social > .vk {
background-image: url(//emotocin.ru/wp-content/themes/emotocin/img/icons/vk-large-green.png);
}
.sc-menu-footer .nav-additional > .social > .inst {
background-image: url(//emotocin.ru/wp-content/themes/emotocin/img/icons/inst-large-green.png);
}
.sc-menu-footer .nav-additional > .social > .ok {
background-image: url(//emotocin.ru/wp-content/themes/emotocin/img/icons/ok-large-green.png);
}
@media (hover: hover) {
.sc-menu-footer .nav-additional > .social > a:hover {
filter: unset;
-webkit-filter: unset;
-moz-filter: unset;
}
}
.sc-menu-footer .nav-additional > .email {
font-size: 0.85em;
gap: 0.4em;
line-height: 1.5em;
font-weight: 400;
}
.sc-menu-footer .nav-additional > .address {
white-space: break-spaces;
font-weight: 400;
font-size: 0.85em;
}
.sc-menu-footer .nav-additional > .phone { font-size: 0.85em; }
.sc-menu-footer .nav-additional > .copy {
font-size: 0.75em;
}
footer { padding-top: 2em;
padding-bottom: 1em;   background-color: rgba(229, 255, 221, 1); }
footer::after {
display: block;
position: relative;
width: 100%;
max-width: 100%;
height: max-content;
margin-top: 2.5em;
text-align: center;
font-size: 1.4em;  color: rgba(175, 217, 150, 1); content: "БАД. НЕ ЯВЛЯЕТСЯ ЛЕКАРСТВЕННЫМ СРЕДСТВОМ. ПЕРЕД ПРИМЕНЕНИЕМ ПРОКОНСУЛЬТИРУЙТЕСЬ СО СПЕЦИАЛИСТОМ."
}
@media (max-width: 991px) {
.sc-menu-footer .nav-additional {
text-align: left;
min-width: 100%;
margin-left: 0;
padding-left: 1em;
padding-right: 1em;
}
.sc-menu-footer > .nav-wrapper > .nav-menu {
display: none;
}
.sc-menu-footer > .nav-wrapper {
min-height: auto;
}
footer::after {
font-size: 1.2em;
padding-left: 1rem;
padding-right: 1rem;
}
}
@media (max-width: 767px) {
footer::after {
font-size: 1em;
}
}
@media (max-width: 425px) {
footer::after {
font-size: 0.9em;
}
} .sc-menu-footer .dropdown.desktop-expanded > .menu-link::after {
display: none;
}
.sc-menu-footer .dropdown > .menu-link::after { background-image: url('data:image/svg+xml,%3Csvg%20id%3D%22dropdown%22%20data-name%3D%22dropdown%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23151515%3Bstroke-miterlimit%3A10%3Bstroke-width%3A11px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%22113.791%2039.106%2064%2088.897%2014.209%2039.106%22%2F%3E%3C%2Fsvg%3E');
filter: opacity(0.7);
-webkit-filter: opacity(0.7);
-moz-filter: opacity(0.7);
}
.sc-menu-footer .dropdown.show > .menu-link::after {
filter: unset;
-webkit-filter: unset;
-moz-filter: unset;
}
@media (hover: hover) {
.sc-menu-footer .dropdown:not(.show) > .menu-link:hover:after {
filter: unset;
-webkit-filter: unset;
-moz-filter: unset;
}
}  .sc-menu-footer.style-light,
.sc-menu-footer.style-light a:not(:hover),
.sc-menu-footer.style-light a:visited:not(:hover),
.sc-menu-footer.style-light a:not([href]):not([tabindex]) {
color: rgba(85, 85, 85, 1);
}
.sc-menu-footer.style-dark,
.sc-menu-footer.style-dark a:not(:hover),
.sc-menu-footer.style-dark a:visited:not(:hover),
.sc-menu-footer.style-dark a:not([href]):not([tabindex]) {
color: rgba(255, 255, 255, 1);
}
@media (min-width: 992px) {
.sc-menu-footer .sc-menu-footer-logo { width: max-content;
padding-bottom: 1.2em;
font-size: 2.5em; } .sc-menu-footer .sc-menu-footer-logo {
font-size: unset;
cursor: pointer;
position: relative;
padding-bottom: 0;
padding-top: 0;
margin-bottom: 1.5em;
margin-left: 0;
margin-right: 0;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
}
.sc-menu-footer .sc-menu-footer-logo::before,
.sc-menu-footer .sc-menu-footer-logo::after {
display: flex;
content: " ";
line-height: 1em; width: 100%;
}
.sc-menu-footer .sc-menu-footer-logo::before {
content: "Эмотоцин";
height: 100%;
align-items: center;
font-weight: 700;
font-size: 6.6em;
letter-spacing: -0.015em;
font-size: 1.5em;
color: rgba(51, 51, 51, 1);
}
.sc-menu-footer .sc-menu-footer-logo::after {
content: "®";
height: min-content;
align-items: center;
font-weight: 700;
font-size: 1em;
padding-bottom: 0.7em;
letter-spacing: -0.015em;
font-size: calc(1.5em / 3 * 2);
color: rgba(51, 51, 51, 1);
}
@media (max-width: 991px) {
.sc-menu-header-brand.sc-menu-header-logo::before {
font-size: calc(1.25em * 0.8);
}
.sc-menu-header-brand.sc-menu-header-logo::after {
font-size: calc(1.25em / 3 * 2 * 0.8);
}
}
}  [lazyload-src] {
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
}
[lazyload-src]:not([loaded]) {
opacity: 0;
} #ajax-response, .ajax-response {
display: block;
border-style: dotted;
border-width: 1px;
padding: 0.75em;
}
#ajax-response, .ajax-response[status="200"] {
border-color: rgba(126, 209, 87, 1);
}
#ajax-response, .ajax-response[status="202"] {
border-color: rgba(243, 92, 0, 1);
}
#ajax-response, .ajax-response[status]:not([status="200"]):not([status="202"]) {
border-color: rgba(255, 0, 0, 1);
} .flip-block, .flip-block:focus {
outline: none;
}
.flip-block > * {
position: relative;
transform-style: preserve-3d;
transition: transform 0.6s ease, transform-origin 0.6s ease;
-webkit-transition: transform 0.6s ease, transform-origin 0.6s ease;
-moz-transition: transform 0.6s ease, transform-origin 0.6s ease;
}
.flip-block.active > * {
-webkit-transform: perspective(1200px) rotateY(180deg);
-moz-transform: perspective(1200px) rotateY(180deg);
transform: perspective(1200px) rotateY(180deg);
}
.flip-block > *,
.flip-block > * > div {
display: flex;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
max-height: 100%;
min-height: 100%;
min-width: 100%;
max-width: 100%;
}
.flip-block > * > div {
backface-visibility: hidden;
content: ' ';
user-select: none;
}
.flip-block > * > div:nth-child(1) {
position: relative;
z-index: 510;
display: flex;
flex-direction: column;
align-items: center;
}
.flip-block > * > div:nth-child(2) {
position: absolute;
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
transform: rotateY(180deg);
z-index: 520;
}
.flip-block:hover > * > div:nth-child(1) {
}
.flip-block:hover > * > div:nth-child(2) {
} @media (min-width: 992px) {
.flip-block[animator]:not(.animate) > * {
opacity: 0!important;
}
.flip-block[animator]:not(.animate) > *,
.flip-block[animator].active.inanimate > * {
-moz-transform: perspective(1200px) rotateY(90deg)!important;
-webkit-transform: perspective(1200px) rotateY(90deg)!important;
transform: perspective(1200px) rotateY(90deg)!important;
}
.flip-block[animator].inanimate > * {
transition: transform 0.4s ease, transform-origin 0.4s ease!important;
-webkit-transition: transform 0.4s ease, transform-origin 0.4s ease!important;
-moz-transition: transform 0.4s ease, transform-origin 0.4s ease!important;
transform-origin: 0% 50%!important;
}
.flip-block[animator]:not(.animate) > * div > * { }
.flip-block[animator].inanimate > * div > * {
transition: opacity 1.1s ease!important;
-moz-transition: opacity 1.1s ease!important;
-webkit-transition: opacity 1.1s ease!important;
}
.flip-block[animator].active.inanimate.animate > * {
transform-origin: unset!important;
-moz-transform: perspective(1200px) rotateY(180deg)!important;
-webkit-transform: perspective(1200px) rotateY(180deg)!important;
}
}  .sc-carousel {
position: relative;
display: flex;
cursor: grab;
flex-wrap: nowrap; overflow: visible;
justify-content: flex-start;
align-items: center;
gap: 0.2rem;
}
.sc-carousel[initialized] {
transition: transform 0.5s cubic-bezier(0.39, 0.58, 0.57, 1), min-height 0.3s ease-out;
-webkit-transition: transform 0.5s cubic-bezier(0.39, 0.58, 0.57, 1), min-height 0.3s ease-out;
-moz-transition: transform 0.5s cubic-bezier(0.39, 0.58, 0.57, 1), min-height 0.3s ease-out;
}
.sc-carousel:focus, .sc-carousel:focus-visible {
outline: none;
}
.sc-carousel.moving {
cursor: grabbing;
}
.sc-carousel.horizontal {
flex-direction: row;
grid-row: 1/2;
overscroll-behavior-x: none;
}
.sc-carousel.vertical {
flex-direction: column;
grid-column: 1/2;
overscroll-behavior-y: none;
}
.sc-carousel > * {
position: relative;
display: inline-flex;
flex-shrink: 0;
transition: opacity 0.12s ease-out;
flex-basis: 33%;
height: 45vw;
user-select: none;
}
.sc-carousel:not([initialized]) > * {
opacity: 0;
}
.sc-carousel > .selected {
}
[carousel-parent] {
position: relative;
display: grid;
overflow: hidden;
}
[carousel-parent][horizontal] {
align-items: center;
overscroll-behavior-x: none;
}
[carousel-parent][vertical] {
justify-content: center;
overscroll-behavior-y: none;
} [carousel-parent]:not([with-dots]) > .dots {
display: none;
}
[carousel-parent][with-dots] > .dots {
flex-wrap: nowrap;
justify-content: center;
align-items: center;
gap: 1em;   width: 0;
height: 0;
position: absolute;
grid-row: 1/2;
}
[carousel-parent][horizontal][with-dots] > .dots {
display: flex;
flex-direction: row; left: 50%;
bottom: 3em;
}
[carousel-parent][vertical][with-dots] > .dots {
display: inline-flex;
flex-direction: column;
position: absolute; top: 50%;
right: 3em;
}
[carousel-parent][with-dots] > .dots > * {
position: relative;
display: inline-flex;
content: ' ';
cursor: pointer;
border-radius: 1em;
width: 1em;
height: 1em; min-width: 1em;
min-height: 1em;
}
@media (max-width: 767px) {
[carousel-parent][with-dots] > .dots > * {
width: 0.9em;
height: 0.9em; min-width: 0.9em;
min-height: 0.9em;
}
}
@media (max-width: 425px) {
[carousel-parent][with-dots] > .dots > * {
width: 0.8em;
height: 0.8em; min-width: 0.8em;
min-height: 0.8em;
}
[carousel-parent][horizontal][with-dots] > .dots {
justify-content: space-evenly;
gap: unset;
}
}
[carousel-parent][with-dots] > .dots > *:not(.selected) {
background-color: red;
}
[carousel-parent][with-dots] > .dots > .selected {
background-color: green;
} [carousel-parent][with-arrows] > .arrow-prev, [carousel-parent][with-arrows] > .arrow-next {
display: inline-flex;
position: absolute;
content: ' ';
z-index: 550;
transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
-webkit-transition: opacity 0.2s ease-out;
background-color: rgba(255, 255, 255, 0.25);
}
[carousel-parent][horizontal][with-arrows] > .arrow-prev, [carousel-parent][horizontal][with-arrows] > .arrow-next {
height: 100%;
width: 4em;
grid-row: 1/2;
}
[carousel-parent][vertical][with-arrows] > .arrow-prev, [carousel-parent][vertical][with-arrows] > .arrow-next {
width: 100%;
height: 4em;
grid-column: 1/2;
}
[carousel-parent][with-arrows]:not([moving]) > .arrow-prev, [carousel-parent][with-arrows]:not([moving]) > .arrow-next {
opacity: 1;
cursor: pointer;
}
[carousel-parent][with-arrows][moving] > .arrow-prev, [carousel-parent][with-arrows][moving] > .arrow-next {
opacity: 0;
cursor: auto;
cursor: grabbing;
}
[carousel-parent][horizontal][with-arrows] > .arrow-prev {
left: 0;
}
[carousel-parent][horizontal][with-arrows] > .arrow-next {
right: 0;
}
[carousel-parent][vertical][with-arrows] > .arrow-prev {
top: 0;
}
[carousel-parent][vertical][with-arrows] > .arrow-next {
bottom: 0;
}
[carousel-parent][with-arrows][first-item]:not([infinite]) > .arrow-prev, [carousel-parent][with-arrows][last-item]:not([infinite]) > .arrow-next {
filter: grayscale(1);
cursor: auto;
}  .sc-moveable[moveable="true"] {
cursor: grab;
transition: transform 0.15s ease;
-moz-transition: transform 0.15s ease;
-webkit-transition: transform 0.15s ease;
}
.sc-moveable.moving {
cursor: grabbing;
}
.sc-moveable.horizontal {
max-width: max-content;
}
table.sc-moveable.horizontal {
width: max-content;
}
.sc-moveable.vertical {
max-height: max-content;
}
.sc-moveable.horizontal[moveable="true"] {
overflow-x: visible;
}
.sc-moveable.vertical[moveable="true"] {
overflow-y: visible;
}  #popup-area {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
position: fixed;
z-index: 1500;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
width: 100%;
user-select: none;
background-color: rgba(0, 0, 0, 0.3);
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
animation-duration: 0.25s;
-webkit-animation-duration: 0.25s;
animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
animation-play-state: running;
-webkit-animation-play-state: running;
animation-direction: normal;
-webkit-animation-direction: normal;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
}
#popup-area:not(.active):not([used]) {
visibility: hidden;
}
#popup-area:not(.active)[used] {
animation-name: popup-area-hide;
-webkit-animation-name: popup-area-hide;
}
#popup-area.active {
animation-name: popup-area-show;
-webkit-animation-name: popup-area-show;
}
#popup-area > [popup-window] {
position: absolute;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
transition: transform 0.25s ease;
-moz-transition: transform 0.25s ease;
-webkit-transition: transform 0.25s ease;
max-height: 100%;
max-width: 100%;
height: max-content;
width: max-content;
overflow-y: auto;
background-color: rgba(255, 255, 255, 1);
}
#popup-area > [popup-window]::-webkit-scrollbar {
width: 5px;
height: 5px;
}
#popup-area > [popup-window]:not(.active) {
transform: translateY(-0.75em);
-moz-transform: translateY(-0.75em);
-webkit-transform: translateY(-0.75em);
}
#popup-area > [popup-window].active {
transform: translateY(0);
-moz-transform: translateY(0);
-webkit-transform: translateY(0);
}
@media (max-width: 991px) {
#popup-area > [popup-window] {
width: 100%;
}
}
[popup-window]:not(#popup-area > [popup-window]) {
display: none;
}
@-webkit-keyframes popup-area-show {
0% {
visibility: hidden;
opacity: 0;
}
1% {
visibility: visible;
opacity: 0;
}
100% {
visibility: visible;
opacity: 1;
}
}
@keyframes popup-area-show {
0% {
visibility: hidden;
opacity: 0;
}
1% {
visibility: visible;
opacity: 0;
}
100% {
visibility: visible;
opacity: 1;
}
}
@-webkit-keyframes popup-area-hide {
0% {
visibility: visible;
opacity: 1;
}
99% {
visibility: visible;
opacity: 0;
}
100% {
visibility: hidden;
}
}
@keyframes popup-area-hide {
0% {
visibility: visible;
opacity: 1;
}
99% {
visibility: visible;
opacity: 0;
}
100% {
visibility: hidden;
}
}
#popup-area [popup-button="close"].default-button {
position: relative;
display: inline-flex;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
content: " ";
width: 2em;
height: 2em;
min-height: 2em;
min-width: 2em;
padding: 0;
margin: 0;
align-self: flex-end;
border-radius: 2em;
background-color: rgba(0, 0, 0, 0.4);
margin-top: 0.75em;
margin-bottom: 0.75em;
margin-left: 0.5em;
margin-right: 0.5em;
transition: background-color 0.2s ease;
-moz-transition: background-color 0.2s ease;
-webkit-transition: background-color 0.2s ease;
}
#popup-area [popup-button="close"].default-button::before,
#popup-area [popup-button="close"].default-button::after {
display: block;
position: absolute;
content: " ";
height: 2px;
width: 1.2em;
background-color: rgba(255, 255, 255, 1);
transition: transform 0.2s ease;
-moz-transition: transform 0.2s ease;
-webkit-transition: transform 0.2s ease;
}
#popup-area [popup-button="close"].default-button::before {
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
#popup-area [popup-button="close"].default-button::after {
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
@media (hover: hover) {
#popup-area [popup-button="close"].default-button:hover {
background-color: rgba(0, 0, 0, 0.9);
}
#popup-area [popup-button="close"].default-button:hover::before,
#popup-area [popup-button="close"].default-button:hover::after {
transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
}   .block { }
.bold {
font-weight: 600;
}
h1, h2, h3, h4, h5 {
text-align: left;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
margin-top: 0;
}
h1, .block h1, .block h2, .block h3, .block h4, .block h5 {
text-align: unset; color: rgba(15, 15, 15, 1);
}
h1.dark, .block.dark h1, .block.dark h2, .block.dark h3, .block.dark h4, .block.dark h5 {
color: rgba(255, 255, 255, 1);
}
body > h1 {
padding-bottom: 1.5em;
}
@media (max-width: 991px) {
body > h1 { padding-bottom: 0.8em;
}
}
@media (min-width: 992px) {
h1 {
font-size: calc(2.8em * 0.8);
}
.block h1 {
font-size: 2.8em;
}
.block h2 {
font-size: 2.5em;
}
.block h3 {
font-size: 2.2em;
}
.block h4 {
font-size: 2em;
}
.block h5 {
font-size: 1.8em;
}
}
@media (max-width: 1439px) {
h1 {
font-size: calc(2.3em * 0.8);
}
.block h1 {
font-size: 2.3em;
}
.block h2 {
font-size: 2.0em;
}
.block h3 {
font-size: 1.8em;
}
.block h4 {
font-size: 1.5em;
}
.block h5 {
font-size: 1.3em;
}
}
@media (max-width: 991px) {
h1 {
font-size: calc(2em * 0.8);
}
.block h1 {
font-size: 2.1em;
}
.block h2 {
font-size: 1.9em;
}
.block h3 {
font-size: 1.7em;
}
.block h4 {
font-size: 1.4em;
}
.block h5 {
font-size: 1.2em;
}
}
@media (max-width: 767px) {
h1 {
font-size: calc(1.8em * 0.8);
}
.block h1 {
font-size: 1.9em;
}
.block h2 {
font-size: 1.6em;
}
.block h3 {
font-size: 1.4em;
}
.block h4 {
font-size: 1.2em;
}
.block h5 {
font-size: 1.1em;
}
}
.block p {
font-weight: 300;
line-height: 1.4;
}
.container-half {
display: flex;
flex-direction: row;
gap: 5%;
flex-wrap: wrap;
}
.container-half > div {
flex-grow: 1;
}
@media (min-width: 992px) {
.container-half > div {
flex-basis: calc(50% - 5% / 2);
}
}
@media (max-width: 1279px) {
.container-half > div {
flex-basis: 100%;
}
}
@media (max-width: 991px) {
}
input, textarea {
background-color: transparent;
outline: 0px solid rgba(51, 51, 51, 0);
transition: outline 0.12s ease, box-shadow 0.12s ease;
-moz-transition: outline 0.12s ease, box-shadow 0.12s ease;
-webkit-transition: outline 0.12s ease, box-shadow 0.12s ease;
}
input::placeholder, textarea::placeholder {
transition: color 0.1s ease;
-moz-transition: color 0.1s ease;
-webkit-transition: color 0.1s ease;
}
input:focus-visible, textarea:focus-visible { outline: 1px solid rgba(126, 209, 87, 1);
box-shadow: 0 0 0.4em 0 rgba(126, 209, 87, 1);
}
input:focus-visible::placeholder, textarea:focus-visible::placeholder {
color: rgba(180, 180, 180, 1);
}
input[type].require {
outline-width: 0.1rem;
outline-style: solid;
box-shadow: unset;
}
@media (min-width: 992px) {
.sc-menu-header .nav-item.dropdown > .menu-link::after { }
.sc-menu-header .nav-item.dropdown.show > .menu-link::after { }
}
@media (min-width: 992px) and (hover) {
.sc-menu-header .nav-item.dropdown.show > .menu-link:hover:after {   }
} [carousel-parent] {
grid-template-rows: auto 8em;
}
[carousel-parent][horizontal][with-arrows] > .arrow-prev,
[carousel-parent][horizontal][with-arrows] > .arrow-next {
width: 5em;
background-color: rgba(0, 0, 0, 0);
align-items: center;
justify-content: center;
z-index: 540;
transition: opacity 0.2s ease-out, background-color 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out, background-color 0.2s ease-out;
-webkit-transition: opacity 0.2s ease-out, background-color 0.2s ease-out;
}
[carousel-parent][horizontal][with-arrows] > .arrow-prev::before,
[carousel-parent][horizontal][with-arrows] > .arrow-next::before {
display: flex;
position: relative;
content: " ";
background-position: center center;
background-repeat: no-repeat;
background-size: auto 5em;
z-index: 550;
width: 2.5em;
min-width: 2.5em;
height: 5em;
min-height: 5em;
}
[carousel-parent][horizontal][with-arrows] > .arrow-prev::before {
-webkit-transform: scaleX(-100%);
-moz-transform: scaleX(-100%);
transform: scaleX(-100%);
}
[carousel-parent][horizontal][with-dots] > .dots {
grid-row: unset; width: 100%;
left: 0;
bottom: 0;
position: relative;
}
[carousel-parent][horizontal][with-dots] > .dots > * {
background-color: rgba(126, 209, 87, 1);
background-position: center center;
background-repeat: no-repeat;
transition: background-color .2s ease-out, transform 0.2s cubic-bezier(0, 0, 0.41, 0.81), background-size 0.2s cubic-bezier(0, 0, 0.41, 0.81);
-moz-transition: background-color .2s ease-out, transform 0.2s cubic-bezier(0, 0, 0.41, 0.81), background-size 0.2s cubic-bezier(0, 0, 0.41, 0.81);
-webkit-transition: background-color .2s ease-out, transform 0.2s cubic-bezier(0, 0, 0.41, 0.81), background-size 0.2s cubic-bezier(0, 0, 0.41, 0.81);
background-image: radial-gradient(circle at center, white 0%, white calc(50% - 1px), transparent 50%);
background-size: 100% 100%;
}
[carousel-parent][horizontal][with-dots] > .dots > .selected {
background-color: rgba(126, 209, 87, 1);
transition: background-color .1s ease-out, transform 0.25s cubic-bezier(0.19, 0.91, 0.63, 2.29), background-size 0.1s cubic-bezier(0, 0, 0.41, 0.81);
-moz-transition: background-color .1s ease-out, transform 0.25s cubic-bezier(0.19, 0.91, 0.63, 2.29), background-size 0.1s cubic-bezier(0, 0, 0.41, 0.81);
-webkit-transition: background-color .1s ease-out, transform 0.25s cubic-bezier(0.19, 0.91, 0.63, 2.29), background-size 0.1s cubic-bezier(0, 0, 0.41, 0.81);
background-size: 0% 0%;
}
[carousel-parent][horizontal][with-dots][moving] > .dots > .selected {
transform: scale(0.75);
transition: background-color .1s ease-out, transform 0.2s cubic-bezier(0, 0, 0.41, 0.81), background-size 0.1s cubic-bezier(0, 0, 0.41, 0.81);
-moz-transition: background-color .1s ease-out, transform 0.2s cubic-bezier(0, 0, 0.41, 0.81), background-size 0.1s cubic-bezier(0, 0, 0.41, 0.81);
-webkit-transition: background-color .1s ease-out, transform 0.2s cubic-bezier(0, 0, 0.41, 0.81), background-size 0.1s cubic-bezier(0, 0, 0.41, 0.81);
}
[carousel-parent][horizontal][with-dots]:not([moving]) > .dots > .selected {
transform: scale(1.25);
background-size: 0% 0%;
}
@media (max-width: 991px) {
[carousel-parent] {
grid-template-rows: auto 6em;
}
[carousel-parent][horizontal][with-arrows] > .arrow-prev,
[carousel-parent][horizontal][with-arrows] > .arrow-next {
width: calc(2.5em + 5vw);
height: 0;
}
[carousel-parent][horizontal][with-arrows] > .arrow-prev::before,
[carousel-parent][horizontal][with-arrows] > .arrow-next::before {
height: 4em;
min-height: 4em;
background-size: auto 4em;
opacity: 0.7;
}
}
@media (max-width: 424px) {
[carousel-parent][horizontal][with-arrows] > .arrow-prev,
[carousel-parent][horizontal][with-arrows] > .arrow-next {
width: calc(2.5em + 2.5vw);
}
}
@media (max-width: 374px) {
[carousel-parent][horizontal][with-arrows] > .arrow-prev::before,
[carousel-parent][horizontal][with-arrows] > .arrow-next::before {
width: 2em;
min-width: 2em;
}
}
.sc-carousel {
align-items: flex-start;
} @media (min-width: 992px) {
[carousel-parent][horizontal][with-arrows] [animator].inanimate.arrow-prev,
[carousel-parent][horizontal][with-arrows] [animator].inanimate.arrow-next { transform: unset!important;
-moz-transform: unset!important;
-webkit-transform: unset!important;
opacity: unset!important;
}
[carousel-parent][horizontal][with-arrows] [animator]:not(.animate).arrow-prev::before {
opacity: 0!important;
transform: scaleX(-100%) translateX(1em);
}
[carousel-parent][horizontal][with-arrows] [animator]:not(.animate).arrow-next::before {
opacity: 0!important;
transform: translateX(1em);
}
[carousel-parent][horizontal][with-arrows] [animator].inanimate.arrow-prev::before,
[carousel-parent][horizontal][with-arrows] [animator].inanimate.arrow-next::before {
transition: transform 0.4s ease, opacity 0.4s ease!important;
-webkit-transition: transform 0.4s ease, opacity 0.4s ease!important;
-moz-transition: transform 0.4s ease, opacity 0.4s ease!important;
}
}    .slider > .sc-carousel {
max-height: 100%;
}
.slider > .sc-carousel > * {
flex-basis: 100%;
height: 100%;
width: 100%;
}
.slider > .sc-carousel > * > * {
position: absolute;
display: flex;
}
.slider[carousel-parent][horizontal][with-arrows] > .arrow-prev::before,
.slider[carousel-parent][horizontal][with-arrows] > .arrow-next::before {
background-image: url('data:image/svg+xml,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2080%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%238a8b8c%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%220%200%206.26%200%2030%2040%206.26%2080%200%2080%2023.74%2040%200%200%22%2F%3E%3C%2Fsvg%3E');
background-size: auto 4em;
}
@media (min-width: 992px) {
.slider {
grid-template-rows: auto 10em;
}
.slider[carousel-parent][horizontal][with-arrows] > .arrow-prev,
.slider[carousel-parent][horizontal][with-arrows] > .arrow-next {
height: 60%;
min-height: 10em;
}
.slider[carousel-parent][horizontal][with-arrows] > .arrow-prev {
border-radius: 0 10em 10em 0;
}
.slider[carousel-parent][horizontal][with-arrows] > .arrow-next {
border-radius: 10em 0 0 10em;
}
}
@media (min-width: 992px) and (hover: hover) {
.slider[carousel-parent][horizontal][with-arrows] > .arrow-prev:hover,
.slider[carousel-parent][horizontal][with-arrows] > .arrow-next:hover {
background-color: rgba(175, 175, 173, 0.3);
}
}
@media (max-width: 991px) {
.slider[carousel-parent][horizontal][with-dots] {
grid-template-rows: auto 5.5em;
}
}
@media (max-width: 767px) {
.slider[carousel-parent][horizontal][with-dots] {
grid-template-rows: auto 4em;
}
}
@media (max-width: 424px) {
.slider[carousel-parent][horizontal][with-dots] {
grid-template-rows: auto 3.5em;
}
}
.slider .slide > .slide-image > img {
max-width: 100%;
max-height: 100%;
height: auto;
width: 100%;
display: block;
} @media (max-width: 991px) {
.slider.single-image[carousel-parent][horizontal][with-arrows][with-dots] > .arrow-prev,
.slider.single-image[carousel-parent][horizontal][with-arrows][with-dots] > .arrow-next {
display: none;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.slider.single-image .slide {  }
}
.slider.single-image .slide > .slide-image {
width: 100%;
display: flex;
height: max-content;
min-height: 1em; }  @media (max-width: 991px) {
.slider.desktop-half[carousel-parent][horizontal][with-arrows][with-dots] > .arrow-prev,
.slider.desktop-half[carousel-parent][horizontal][with-arrows][with-dots] > .arrow-next {
display: none;
}
}
.slider.desktop-half .slide {
flex-direction: row;
}
.slider.desktop-half .slide > .slide-info {
min-width: min-content;
width: auto;
}
.slider.desktop-half .slide > .slide-info > .content-block {
max-width: max-content;
}
.slider.desktop-half .slide > .slide-image { min-width: 50%;
width: auto;
display: flex;
height: max-content;
min-height: 1em; }
@media (max-width: 1279px) {
.slider.desktop-half .slide {
flex-direction: column;
}
.slider.desktop-half .slide > .slide-image {
width: 100%;
}
}   .three-one > .sc-carousel { gap: 7.5vw;
}
.three-one > .sc-carousel > * {
height: 100%;
width: 100%;
flex-basis: calc(100% / 3 - 7.5vw / 3 * 4);
max-width: calc(100% / 3 - 7.5vw / 3 * 4);
width: calc(100% / 3 - 7.5vw / 3 * 4);
}
.three-one > .sc-carousel > * > * {
position: absolute;
display: flex;
flex-direction: column;
flex-wrap: wrap;
width: 100%;
gap: 1.2em 0;
align-items: center;
}
.three-one[carousel-parent][horizontal][with-arrows] > .arrow-prev::before,
.three-one[carousel-parent][horizontal][with-arrows] > .arrow-next::before {
background-image: url('data:image/svg+xml,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2080%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%238a8b8c%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%220%200%206.26%200%2030%2040%206.26%2080%200%2080%2023.74%2040%200%200%22%2F%3E%3C%2Fsvg%3E');
background-size: auto 4em;
}
@media (max-width: 1100px) {
.three-one > .sc-carousel {
gap: 6vw;
}
.three-one > .sc-carousel > * {
flex-basis: calc(100% / 3 - 6vw / 3 * 4);
max-width: calc(100% / 3 - 6vw / 3 * 4);
width: calc(100% / 3 - 6vw / 3 * 4);
}
.three-one.tablet-single > .sc-carousel {
gap: calc(32% / 2);
}
.three-one.tablet-single > .sc-carousel > * {
flex-basis: 68%;
max-width: 68%;
width: 68%;
}
}
@media (min-width: 992px) {
.three-one {
grid-template-rows: auto 10em;
}
.three-one[carousel-parent][horizontal][with-arrows] > .arrow-prev,
.three-one[carousel-parent][horizontal][with-arrows] > .arrow-next {
height: 60%;
min-height: 10em;
}
.three-one[carousel-parent][horizontal][with-arrows] > .arrow-prev {
border-radius: 0 10em 10em 0;
}
.three-one[carousel-parent][horizontal][with-arrows] > .arrow-next {
border-radius: 10em 0 0 10em;
}
}
@media (min-width: 992px) and (hover: hover) {
.three-one[carousel-parent][horizontal][with-arrows] > .arrow-prev:hover,
.three-one[carousel-parent][horizontal][with-arrows] > .arrow-next:hover {
background-color: rgba(175, 175, 173, 0.3);
}
}
@media (max-width: 991px) {
.three-one[carousel-parent][horizontal][with-dots] {
grid-template-rows: auto 5.5em;
}
.three-one > .sc-carousel {
gap: 0.75rem;
}
.three-one > .sc-carousel > * {
flex-basis: calc(100% / 3 - 0.75rem / 3 * 4);
max-width: calc(100% / 3 - 0.75rem / 3 * 4);
width: calc(100% / 3 - 0.75rem / 3 * 4);
}
}
@media (max-width: 991px) and (min-width: 768px) {
.three-one[carousel-parent][horizontal][with-arrows][with-dots]:not(.tablet-single) > .arrow-prev,
.three-one[carousel-parent][horizontal][with-arrows][with-dots]:not(.tablet-single) > .arrow-next {
display: none;
}
}
@media (max-width: 767px) {
.three-one[carousel-parent][horizontal][with-dots] {
grid-template-rows: auto 6em;
}
.three-one > .sc-carousel {
gap: calc(38% / 2);
}
.three-one > .sc-carousel > * {
flex-basis: 62%;
max-width: 62%;
width: 62%;
}
.three-one:not(.not-centered) .item > * {
text-align: center;
}
}
@media (max-width: 599px) {
.three-one > .sc-carousel {
gap: calc(32% / 2);
}
.three-one > .sc-carousel > * {
flex-basis: 68%;
max-width: 68%;
width: 68%;
}
}
@media (max-width: 424px) {
.three-one[carousel-parent][horizontal][with-dots] {
grid-template-rows: auto 5em;
}
.three-one[carousel-parent][horizontal][with-arrows][with-dots] > .arrow-prev,
.three-one[carousel-parent][horizontal][with-arrows][with-dots] > .arrow-next {
display: none;
}
.three-one > .sc-carousel,
.three-one.tablet-single > .sc-carousel {
gap: 0.75rem;
}
.three-one > .sc-carousel > *,
.three-one.tablet-single > .sc-carousel > * {
flex-basis: calc(100% - 0.75rem * 2);
max-width: calc(100% - 0.75rem * 2);
width: calc(100% - 0.75rem * 2);
}
}
.three-one .item > .item-image {
display: block;
width: 100%;
height: max-content;
}
.three-one .item > .item-image > img {
max-width: 100%;
max-height: 100%;
height: auto;
width: 100%;
display: block;
}
.three-one .item > .item-name {
font-size: 1.2em;
}
.three-one .item > .item-text {
width: 100%;
max-width: 100%;
font-size: 0.7rem;
}
.three-one .item > .item-text > .content {
margin-bottom: 0;
}
.three-one .item > .item-text > .content > p:nth-of-type(1) {
margin-top: 0;
}   .common-block-list {
position: relative;
display: block;
z-index: 0;
padding-top: 3.5em;
padding-bottom: 3.5em;
}
.common-block-list.dark {
background-color: rgba(34, 42, 53, 1);
}
.common-block-list > h2 {
padding-bottom: 1.2em;
}
.common-block-list > h3 {
padding-bottom: 1em;
}
.common-block-list > *:not(.bg-image) {
position: relative;
z-index: 2;
}
.common-block-list > .bg-image {
display: flex;
align-items: flex-end;
flex-direction: row;
position: absolute;
max-height: 100%;
height: auto;
padding-top: 1.5em;
padding-bottom: 1.5em;
width: auto;
max-width: 47.5%;
bottom: 0;
right: 0;
z-index: 1;
overflow: hidden;
height: 100%;
}
.common-block-list > .bg-image > img {
height: auto;
max-height: 100%;
display: block;
user-select: none;
max-width: max-content;
width: 100%;
object-fit: contain;
}
.common-block-list.bg-image-in-middle .in-image {
display: flex;
flex-direction: column;
position: relative;
max-height: 100%;
height: auto;
width: auto;
justify-content: center;
grid-area: image;
}
.common-block-list.bg-image-in-middle > .bg-image {
display: none;
}
.common-block-list.bg-image-in-middle .in-image > img {
height: auto;
max-height: 100%;
display: block;
position: relative;
user-select: none;
width: 100%;
}
.common-block-list > .content-block.after-text {
margin-top: 2.5rem;
}
@media (min-width: 992px) {
.common-block-list > .content-block.pre-text,
.common-block-list > .content-block.after-text {
text-align: justify;
}
.common-block-list > .wrap.content-block.pre-text,
.common-block-list > .wrap.content-block.after-text {  padding-right: 30%;
}
}
.common-block-list > .listed {
max-width: 100%;
display: grid;
position: relative;
}
.common-block-list > .listed {
grid-template-columns: repeat(auto-fit, minmax(calc(50% - 5% / 2), 0.5fr));
grid-template-areas: "list1 list2";
gap: 0 5%;
}
@media (min-width: 1440px) {
.common-block-list.bg-image-in-middle > .listed {
grid-template-columns: 1fr minmax(calc(100% / 3), max-content) 1fr;
grid-template-areas: "list1 image list2";
gap: 0 0;
}
}
@media (max-width: 1439px) {
.common-block-list.bg-image-in-middle .in-image {
display: none;
}
}
.common-block-list ul,
.common-block-list ol {
max-width: 100%;
display: inline-flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
gap: 0.6em 2em;
align-content: flex-start;
}
.common-block-list.bg-image-in-middle .list:first-of-type {
grid-area: list1;
}
.common-block-list.bg-image-in-middle .list:last-of-type {
grid-area: list2;
}
.common-block-list .list ~ .list {
counter-reset: unset;
}
.common-block-list .list > li:nth-of-type(1),
.common-block-list .list > li {
padding-top: 0;
padding-bottom: 0;
}
.common-block-list ul > .item-image,
.common-block-list ol > .item-image,
.common-block-list > .three-one .item > .item-image {
height: 5.5em;
width: 5.5em;
min-width: 5.5em;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
}
.common-block-list ul > .item-image > img,
.common-block-list ol > .item-image > img {
display: block;
width: auto;
max-height: 100%;
height: auto;
}
.common-block-list > .three-one .item > .item-image > img {
display: block;
width: auto;
max-height: 100%;
height: auto;
}
@media (min-width: 768px) {
.common-block-list > .three-one:not(.not-centered) .item > .item-image ~ * {
text-align: center;
}
}
.common-block-list ul > li::before,
.common-block-list ol > li::before {
margin-top: 0.28em;
}
.common-block-list ul > li,
.common-block-list ol > li {
display: flex;
flex-direction: row;
gap: 2em 0.28em;
flex-basis: 100%;
min-width: 100%;
width: 100%;
flex-grow: 1;
}
.common-block-list ul > .item-image + li,
.common-block-list ol > .item-image + li {
align-items: center;
line-height: 1.4;
flex-basis: calc(100% - 5.5em - 2em);
min-width: calc(100% - 5.5em - 2em);
width: calc(100% - 5.5em - 2em);
}
.common-block-list ul > .item-image + li > span,
.common-block-list ol > .item-image + li > span {
gap: 0.2em;
}
.common-block-list ul > li > span,
.common-block-list ol > li > span {
display: inline-flex;
flex-direction: column;
}
.common-block-list ul > li > span > .par,
.common-block-list ol > li > span > .par {
display: contents;
font-weight: 600;
letter-spacing: -0.0125em;
}
.common-block-list > .listed:not(.dark) ul > li > span > .par,
.common-block-list > .listed:not(.dark) ol > li > span > .par {
color: rgba(51, 51, 51, 1);
}
.common-block-list ul > li > span > .text,
.common-block-list ol > li > span > .text {
font-size: 0.7rem;
}
.common-block-list ul > li > span > .text:not(:first-of-type),
.common-block-list ol > li > span > .text:not(:first-of-type) {
padding-top: 0.4em;
}
.common-block-list ul > li > span > .bold-text,
.common-block-list ol > li > span > .bold-text {
font-size: 0.7rem;
padding-top: 0;
font-weight: 600;
}
.common-block-list .ol-li::before {
content: attr(list-num)!important;
}
.common-block-list .sc-carousel .item-name {
padding-top: 0.1em;
}
.common-block-list .sc-carousel .item-text {
padding-bottom: 0;
}
.common-block-list .sc-carousel .item-text .bold-text {
padding-top: 0.8em;
font-weight: 600;
}
@media (max-width: 991px) {
.common-block-list.carousel-in-mobile {
padding-bottom: 0;
}
.common-block-list.sides-count-2 .bg-image,
.common-block-list .in-image {
display: none;
}
.common-block-list ul,
.common-block-list ol {
max-width: 100%;
}
.common-block-list ul > li::before,
.common-block-list ol > li::before {
margin-top: unset;
}
.common-block-list ul > li:not(.with-image),
.common-block-list ol > li:not(.with-image) {
display: block;
}
.common-block-list ul > li > span,
.common-block-list ol > li > span {
display: contents;
}
.common-block-list ul > li > span > .text ul > li::before,
.common-block-list ol > li > span > .text ol > li::before {
font-size: calc(0.8rem * 0.8);
}
}
@media (max-width: 991px) and (min-width: 768px) {
.common-block-list ul > li.with-image,
.common-block-list ol > li.with-image { }
}
@media (max-width: 767px) {
.common-block-list > .listed {
grid-template-columns: 100%;
grid-template-areas: "list1" "list2";
}
.common-block-list > .bg-image {
display: none;
}
.common-block-list ul,
.common-block-list ol {
min-width: fit-content;
}
.common-block-list ul + ul,
.common-block-list ul + ol,
.common-block-list ol + ul,
.common-block-list ol + ol {
margin-top: 0.6em;
}
.common-block-list > .listed {
font-size: 0.8rem;
}
.common-block-list ul > li > span > .text,
.common-block-list ol > li > span > .text {
font-size: 0.9em;
}
}
.common-block-list .listed p { margin-top: 0;
margin-bottom: 0;
}
.common-block-list .listed li li { padding-left: 0;
}  .common-block-row {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
position: relative;
}
.common-block-row > *:not(.content-bg) {
z-index: 2;
}
.common-block-row.dark {
background-color: rgba(34, 42, 53, 1);
}
.common-block-row > h2 {
padding-top: 2.2em;
padding-bottom: 1.2em;
}
.common-block-row > .items {
display: grid; grid-template-columns: repeat(auto-fit, minmax(calc(100% / 4 - 2vw * 3 / 4), 1fr));
position: relative;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 2vw;
margin-top: 2em;
margin-bottom: 2em;
justify-items: center;
}
.common-block-row:not(.borders) > h2 ~ .items {
margin-bottom: 4em;
}
.common-block-row > .items {
gap: 2em 2vw;
}
.common-block-row.borders > .items {
gap: 2vw;
}
.common-block-row > .three-one {
margin-top: 2em; }
.common-block-row.max-items-3 > .items { grid-template-columns: repeat(auto-fit, minmax(calc(100% / 3 - 2vw * 2 / 3), 1fr));
}
.common-block-row.max-items-5 > .items { grid-template-columns: repeat(auto-fit, minmax(calc(100% / 5 - 2vw * 4 / 5), 1fr));
}
@media (min-width: 1280px) {
.common-block-row.last-item-centered.max-items-3 > .items > .item:last-of-type:nth-of-type(4) {
grid-column: 1 / span 3;
}
.common-block-row.last-item-centered.max-items-3 > .items > .item:last-of-type:nth-of-type(5) {
grid-column: 3;
}
.common-block-row.last-item-centered.max-items-4 > .items > .item:last-of-type:nth-of-type(5) {
grid-column: 2 / span 2;
}
.common-block-row.last-item-centered.max-items-4 > .items > .item:nth-last-of-type(2):nth-of-type(5) {
grid-column: 2;
}
.common-block-row.last-item-centered.max-items-4 > .items > .item:last-of-type:nth-of-type(6) {
grid-column: 3;
}
.common-block-row.last-item-centered.max-items-5 > .items > .item:last-of-type:nth-of-type(6) {
grid-column: 3;
}
.common-block-row.last-item-centered.max-items-5 > .items > .item:last-of-type:nth-of-type(7) {
grid-column: 5;
}
.common-block-row.last-item-centered.max-items-5 > .items > .item:nth-last-of-type(3):nth-of-type(6) {
grid-column: 2;
}
.common-block-row.last-item-centered.max-items-5 > .items > .item:nth-last-of-type(2):nth-of-type(7) {
grid-column: 3;
}
.common-block-row.last-item-centered.max-items-5 > .items > .item:last-of-type:nth-of-type(8) {
grid-column: 4;
}
.common-block-row.last-item-centered.max-items-5 > .items > .item:nth-last-of-type(2):nth-of-type(8) {
grid-column: 4;
}
.common-block-row.last-item-centered.max-items-5 > .items > .item:last-of-type:nth-of-type(9) {
grid-column: 5;
}
}
@media (max-width: 1279px) {
.common-block-row.max-items-4 > .items { grid-template-columns: repeat(auto-fit, minmax(calc(100% / 3 - 2vw * 2 / 3), 1fr));
}
.common-block-row.max-items-5 > .items { grid-template-columns: repeat(auto-fit, minmax(calc(100% / 4 - 2vw * 3 / 4), 1fr));
}
}
@media (max-width: 1279px) and (min-width: 992px) {
.common-block-row.last-item-centered.max-items-4 > .items > .item:last-of-type:nth-of-type(4) {
grid-column: 1 / span 3;
}
.common-block-row.last-item-centered.max-items-4 > .items > .item:last-of-type:nth-of-type(5) {
grid-column: 3;
}
.common-block-row.last-item-centered.max-items-5 > .items > .item:last-of-type:nth-of-type(5) {
grid-column: 2 / span 2;
}
.common-block-row.last-item-centered.max-items-5 > .items > .item:nth-last-of-type(2):nth-of-type(5) {
grid-column: 2;
}
.common-block-row.last-item-centered.max-items-5 > .items > .item:last-of-type:nth-of-type(6) {
grid-column: 3;
}
}
@media (max-width: 991px) {
.common-block-row.max-items-3 > .items,
.common-block-row.max-items-4 > .items { grid-template-columns: repeat(auto-fit, minmax(calc(100% / 2 - 2vw / 2), 1fr));
}
.common-block-row.max-items-5 > .items { grid-template-columns: repeat(auto-fit, minmax(calc(100% / 3 - 2vw * 2 / 3), 1fr));
}
}
@media (max-width: 991px) and (min-width: 768px) {
.common-block-row.last-item-centered.max-items-3 > .items > .item:last-of-type:nth-of-type(3),
.common-block-row.last-item-centered.max-items-4 > .items > .item:last-of-type:nth-of-type(3) {
grid-column: 1 / span 2;
}
.common-block-row.last-item-centered.max-items-5 > .items > .item:last-of-type:nth-of-type(4) {
grid-column: 1 / span 3;
}
.common-block-row.last-item-centered.max-items-5 > .items > .item:last-of-type:nth-of-type(5) {
grid-column: 3;
}
}
@media (max-width: 767px) {
.common-block-row > .items { grid-template-columns: repeat(auto-fit, minmax(calc(100% / 2 - 2vw / 2), 1fr));
}
}
@media (max-width: 767px) and (min-width: 560px) {
.common-block-row.last-item-centered > .items > .item:last-of-type:nth-of-type(3) {
grid-column: 1 / span 2;
}
.common-block-row.last-item-centered.max-items-5 > .items > .item:last-of-type:nth-of-type(5) {
grid-column: 1 / span 2;
}
.common-block-row.max-items-5 > .items { grid-template-columns: repeat(auto-fit, minmax(calc(100% / 2 - 2vw / 2), 1fr));
}
}
@media (max-width: 559px) {
.common-block-row > .items,
.common-block-row.max-items-3 > .items,
.common-block-row.max-items-4 > .items,
.common-block-row.max-items-5 > .items {
grid-template-columns: 100%;
}
}
.common-block-row > .items > .item {
display: inline-grid;
position: relative;
grid-template-rows: min-content;
align-items: start;
justify-content: center;
justify-items: center;
gap: 2em;
width: 100%; height: max-content;
min-height: 100%;
}
.common-block-row.centered .item {
text-align: center;
}
.common-block-row.borders > .items > .item {
box-shadow: inset 0 0 0 1px rgba(0, 194, 160, 1);
padding: 1.5em 2vw;
}
@media (min-width: 768px) {
.common-block-row.borders > .three-one .item {
box-shadow: inset 0 0 0 1px rgba(0, 194, 160, 1);
padding: 2vw;
}
}
.common-block-row > .items > .item > * {
max-height: min-content;
}
.common-block-row > .items > .item > .item-name {
font-size: 1.2em;
}
.common-block-row .item > .item-image {
width: 5em;
height: 5em;
display: flex;
flex-wrap: nowrap;
flex-direction: row;
justify-content: center;
}
.common-block-row .item > .item-image.filled {
align-items: center;
border-radius: 50%;
box-shadow: inset 0 0 0 3px rgba(51, 51, 51, 1);
color: rgba(15, 15, 15, 1);
}
.common-block-row.dark .item > .item-image.filled {
box-shadow: inset 0 0 0 3px rgba(0, 194, 160, 1);
color: rgba(0, 194, 160, 1);
}
.common-block-row .item > .item-image.filled::after {
display: block;
position: relative;
content: attr(item-num);
height: max-content;
width: max-content;
color: inherit;
font-size: 2.5em;
}
.common-block-row .item > .item-image > img {
display: block;
width: auto;
height: 100%;
min-height: 100%;
}
.common-block-row > .items > .item > .item-text {
font-size: 0.7rem;
}
.common-block-row > .items > .item > .item-link {
align-self: end;
}
.common-block-row .item > .item-link {
color: rgba(0, 194, 160, 1);
font-weight: 300;
font-size: 1.2em;
}
.common-block-row > .bg-image {
position: absolute;
display: block;
user-select: none;
pointer-events: none;
top: 0;
right: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
display: flex;
flex-wrap: nowrap;
flex-direction: row;
justify-content: center;
align-items: flex-end;
overflow: hidden;
z-index: 1;
}
.common-block-row > .bg-image > img {
width: max-content; max-height: 100%;
max-width: unset;
display: block;
position: relative;
height: auto;
}  .common-block-small-text {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
position: relative;
padding-top: 3em;
padding-bottom: 3em;
gap: 1.8em;
}
.common-block-small-text .side > .content-block > .content {
margin-bottom: 0;
}
.common-block-small-text.dark {
background-color: rgba(34, 42, 53, 1);
}
.common-block-small-text > * {
z-index: 2;
}
.common-block-small-text > h2 {
}
.common-block-small-text > .text {
}
.common-block-small-text > .sides {
display: flex;
position: relative;
flex-wrap: nowrap;
flex-direction: row;
gap: 1.8em 2.4em;
}
.common-block-small-text .side {
display: inline-flex;
flex-direction: column;
flex-wrap: nowrap;
flex-basis: 70%;
min-width: 70%;
max-width: 70%;
}
.common-block-small-text:not(.sides-count-1) .side {
flex-basis: calc(50% - 2.4em / 2);
min-width: calc(50% - 2.4em / 2);
max-width: calc(50% - 2.4em / 2);
}
.common-block-small-text.centered .side {
text-align: center;
}
.common-block-small-text .side > .side-header {
padding-bottom: 1em;
}
.common-block-small-text .side > h2.side-header {
padding-bottom: 0.7em;
}
.common-block-small-text .side > h3.side-header {
}
.common-block-small-text > .feedback-button-area {
display: flex;
position: relative;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
}
.common-block-small-text.centered > .feedback-button-area,
.common-block-small-text:not(.sides-count-1) > .feedback-button-area {
align-items: center;
}
.common-block-small-text > .feedback-button-area > a {
display: inline-flex;
flex-direction: column;
max-width: max-content;
height: 3.2em;
padding-left: 3.2em;
padding-right: 3.2em;
justify-content: center;
}
.common-block-small-text > .content-bg {
top: 0;
right: 0;
width: 30%;
max-width: 30%;
max-height: 100%;
height: 100%;
display: flex;
flex-wrap: nowrap;
flex-direction: row;
justify-content: flex-start;
align-items: center;
overflow: hidden;
z-index: 1;
}
.common-block-small-text > .content-bg > img {
width: max-content;
max-width: 100%;
display: block;
position: relative;
height: auto;
}
@media (max-width: 991px) {
.common-block-small-text .side > h2.side-header {
padding-bottom: 0.3em;
}
.common-block-small-text:not(.sides-count-1) > .sides {
flex-direction: column;
}
.common-block-small-text:not(.sides-count-1) .side {
text-align: center;
flex-basis: 100%;
min-width: 100%;
max-width: 100%;
}
.common-block-small-text:not(.sides-count-1) > .content-bg {
display: none;
}
}
@media (max-width: 767px) {
.common-block-small-text > .sides {
flex-direction: column;
}
.common-block-small-text .side {
text-align: center;
flex-basis: 100%;
min-width: 100%;
max-width: 100%;
}
.common-block-small-text > .content-bg {
display: none;
}
.common-block-small-text > .feedback-button-area {
align-items: center;
}
}  .common-block-hidden-text {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
position: relative;
padding-top: 3em;
padding-bottom: 3em;
gap: 1.8em;
}
.common-block-hidden-text.dark {
background-color: rgba(34, 42, 53, 1);
}
.common-block-hidden-text > .block-header {
cursor: pointer;
user-select: none;
}
.common-block-hidden-text > .block-header > button {
display: inline-flex;
position: relative;
width: 0.7em;
height: 0.7em;
justify-content: center;
align-items: center;
}
.common-block-hidden-text > .block-header > button::before,
.common-block-hidden-text > .block-header > button::after {
display: block;
position: absolute;
content: " ";
background-color: rgba(126, 209, 87, 1);
width: 100%;
height: 0.11em;
margin-left: 0.4em;
transition: transform 0.4s ease, filter 0.4s ease!important;
-moz-transition: transform 0.4s ease, filter 0.4s ease!important;
-webkit-transition: transform 0.4s ease, filter 0.4s ease!important;
}
.common-block-hidden-text > .block-header > button::after {
}
.common-block-hidden-text > .block-header:not(.active) > button::after {
transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
}
.common-block-hidden-text > .block-header.active > button::before,
.common-block-hidden-text > .block-header.active > button::after {
filter: grayscale(1);
-moz-filter: grayscale(1);
-webkit-filter: grayscale(1);
}
.common-block-hidden-text > .block-header:not(.active) > button::before,
.common-block-hidden-text > .block-header:not(.active) > button::after {
filter: grayscale(0);
-moz-filter: grayscale(0);
-webkit-filter: grayscale(0);
}
.common-block-hidden-text > .text {
height: auto;
overflow: hidden;   }
.common-block-hidden-text > .block-header:not(.active) ~ .text {
height: 0;
}
.common-block-hidden-text > .text.content-block > .content {
margin-bottom: 0;
}   #reviews > h2 {
padding-top: 0.8em;
padding-bottom: 1.2em;
}
#reviews .sc-carousel {
gap: 2.5rem;
}
#reviews .sc-carousel > * {
flex-basis: calc(100% - 6.8vw * 2); max-width: calc(100% - 6.8vw * 2); }
@media (max-width: 1100px) {
#reviews .sc-carousel > * {
flex-basis: calc(100% - 5.5vw * 2); max-width: calc(100% - 5.5vw * 2); }
}
@media (max-width: 991px) {
#reviews .sc-carousel > * {
flex-basis: 100%; max-width: 100%; }
#reviews .slide {
padding-left: 0.75rem; padding-right: 0.75rem; }
#reviews .dots {
display: none;
}
#reviews {
grid-template-rows: auto 2em;
}
}
#reviews .slider > .sc-carousel > * > .slide.review {
flex-direction: row;
flex-wrap: nowrap;
gap: 1%;
justify-content: space-between;
width: 100%;
}
#reviews .slide.review > .slide-info {
position: relative;
background-color: rgba(255, 255, 255, 1);
min-height: 100%;
flex-basis: 78%;
padding: 2.5em;
max-width: 78%;
}
#reviews .slide.review > .slide-info::before,
#reviews .slide.review > .slide-info::after {
display: block;
position: absolute;
content: " ";
z-index: 1;
background-position: center center;
background-repeat: no-repeat;
background-size: 100% auto;
background-image: url('data:image/svg+xml,%3Csvg%20id%3D%22quote%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%235ecf3a%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M-.17%2C113.47V64.37l36.43-49.1h19L23.59%2C64.37H48.93v49.1Zm72.57%2C0V64.37l36.42-49.1h19L96.15%2C64.37H121.5v49.1Z%22%2F%3E%3C%2Fsvg%3E');
width: 4.5em;
height: 4.5em;
filter: grayscale(1) opacity(0.11);
-moz-filter: grayscale(1) opacity(0.11);
-webkit-filter: grayscale(1) opacity(0.11);
}
#reviews .slide.review > .slide-info::before {
left: 1.25em;
top: 0.8em;
}
#reviews .slide.review > .slide-info::after {
right: 1.25em;
bottom: 0.8em;
transform: scale(-1, -1);
-moz-transform: scale(-1, -1);
-webkit-transform: scale(-1, -1);
}
#reviews .slide.review > .slide-image {
min-width: 16%;
min-height: 24vw;
height: 24vw;
}
#reviews .slide.review > .slide-image img[lazyload-src]:not([loaded]) {
min-height: 100%;
height: 100%;
}
#reviews .slide.review > .slide-info > * {
position: relative;
z-index: 2;
}
#reviews .slide.review > .slide-info > .slide-name {
padding-bottom: 1em;
font-size: 1.1rem;
font-weight: 500;
}
#reviews .slide.review > .slide-info > .slide-desc {
flex-direction: column;
flex-wrap: nowrap;
}
#reviews .slide.review > .slide-info > .slide-desc > * {
width: 100%;
max-width: 100%;
}
#reviews .slide.review > .slide-info > .slide-desc > .text {
font-size: 0.75rem;
}
#reviews .slide.review > .slide-info > .slide-desc > .author {
font-size: 0.75rem;
font-style: italic;
font-weight: 300;
}
@media (max-width: 991px) {
#reviews .slide.review > .slide-info {
position: relative;
background-color: rgba(255, 255, 255, 1);
min-height: 100%;
flex-basis: 81%;
padding: 2.5em;
max-width: 81%;
}
}
@media (max-width: 767px) {
#reviews .sc-carousel {
gap: 0.75rem;
}
#reviews .slide {
padding-left: 0;
padding-right: 0;
}
#reviews .slide.review > .slide-info {
display: none;
}
#reviews .sc-carousel > * {
flex-basis: calc(100% / 3 - 0.75rem / 3 * 4); max-width: calc(100% / 3 - 0.75rem / 3 * 4); }
#reviews .slider > .sc-carousel > * > .slide.review {
gap: 0;
}
#reviews .slide.review > .slide-image {
min-width: 100%;
min-height: 1em;
height: max-content;
}
#reviews [selected="selected"] .slide.review > .slide-image {
}
#reviews .slide.review > .slide-info { }
}
@media (max-width: 599px) {
#reviews .sc-carousel > * {
flex-basis: calc(62%); max-width: calc(62%); }
}  #our-clients {
display: flex;
flex-direction: column;
justify-content: flex-start;
flex-wrap: nowrap;
width: 100%;   }
#our-clients > h2 {
padding-top: 1.8em;
padding-bottom: 1.8em;
color: rgba(255, 255, 255, 1);
}
#our-clients > h2, #our-clients > .button-block {
background-color: rgba(53, 62, 77, 1);
width: 100%;
}
#our-clients > .button-block {
display: flex;
justify-content: center;
align-items: center;
height: 9em;
min-height: 9em;
}
#our-clients > .button-block > a {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 4em;
width: 13.6em;
}
@media (max-width: 1279px) {
#our-clients .windows > .flip-block > * > div:nth-child(1):after {
display: flex;
position: absolute;
content: "Взаимодействие";
border: 1px solid rgba(255, 255, 255, 0.3);
color: rgba(255, 255, 255, 1);
bottom: 2em;
flex-direction: column;
justify-content: center;
text-align: center;
text-transform: lowercase;
height: 4em; width: 13.6em; }
}
@media (max-width: 991px) {
#our-clients > h2 {
padding-top: 1.2em;
padding-bottom: 0.8em;
}
#our-clients > .button-block {
height: 5.4em;
min-height: 5.4em;
}
#our-clients > .button-block > a,
#our-clients .windows > .flip-block > * > div:nth-child(1):after {
height: 3.6em;
width: 12.2em;
}
#our-clients .windows > .flip-block > * > div:nth-child(1):after {
bottom: 0;
}
#our-clients > .carouselWindows {
flex-grow: 1;
}
#our-clients {
height: calc(100vh - 2em); min-height: calc(22em + (1.2em + 0.8em + 1.2em) * 1.5 + 5.4em);
background-color: rgba(53, 62, 77, 1);
}
}
#our-clients > .button-block > a > span {
text-transform: lowercase;
}
#our-clients > .windows {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
}
#our-clients .windows > * {
flex-basis: calc(25% - 0.15rem * 3 / 4);
max-width: calc(25% - 0.15rem * 3 / 4);
display: inline-flex;
height: 26.5vw;
overflow: hidden;
}
#our-clients .windows > *,
#our-clients > .carouselWindows {
min-height: 22em;
}
#our-clients, #our-clients .windows, #our-clients .sc-carousel {
gap: 0.15rem;
}
@media (min-width: 1280px) {
#our-clients > .carouselWindows {
display: none;
}
}
@media (max-width: 1279px) and (min-width: 992px) {
#our-clients > .windows {
display: none;
}
}
@media (max-width: 1279px) {
#our-clients .windows > * {
flex-basis: calc(100% / 3 - 5em * 2 / 3 - 0.1rem / 3 * 4);
max-width: calc(100% / 3 - 5em * 2 / 3 - 0.1rem / 3 * 4);
height: 38vw;
}
#our-clients, #our-clients .windows, #our-clients .sc-carousel {
gap: 0.1rem;
}
}
@media (max-width: 991px) {
#our-clients > .windows {
display: none;
}
#our-clients .windows {
height: 100%;
max-height: 100%;
}
#our-clients .windows > * {
flex-basis: 100%;
max-width: 100%;
height: 100%;
}
#our-clients, #our-clients .sc-carousel {
gap: 0;
}
}
#our-clients > .carouselWindows .arrow-prev, #our-clients > .carouselWindows .arrow-next {
background-color: rgba(53, 62, 77, 1);
align-items: center;
justify-content: center;
z-index: 540;
}
#our-clients > .carouselWindows .arrow-prev::before, #our-clients > .carouselWindows .arrow-next::before {
background-image: url('data:image/svg+xml,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2080%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23aaafb7%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%220%200%206.26%200%2030%2040%206.26%2080%200%2080%2023.74%2040%200%200%22%2F%3E%3C%2Fsvg%3E');
}
@media (max-width: 991px) {
#our-clients > .carouselWindows .arrow-prev, #our-clients > .carouselWindows .arrow-next {
background-color: rgba(0, 0, 0, 0);
}
}
#our-clients .windows > .flip-block > * {
}
#our-clients .windows > .flip-block > * > div:nth-child(1), #our-clients .windows > .plug {
background-color: rgba(53, 62, 77, 1);
}
#our-clients .windows > .flip-block > * > div:nth-child(2) {
background-color: rgba(218, 229, 238, 1);
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
}
#our-clients .client-logo {
z-index: 515;
width: 100%;
height: 100%;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
user-select: none;
padding: 1em;
}
@media (max-width: 991px) {
#our-clients .client-logo {
padding: 3em;
}
}
#our-clients .client-logo > img {
display: block;
max-width: 100%;
user-select: none;
}
#our-clients .client-works-icons {
z-index: 520;
width: 100%;
height: 100%;
position: absolute;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 0.65em 0.5em;
align-items: flex-start;
align-content: flex-start;
justify-content: flex-end;
padding: 0.7em;
}
@media (max-width: 991px) {
#our-clients .client-works-icons {
padding: 0.7em 8%;
}
}
#our-clients .client-works-icons > div {
height: 2.8em;
padding: 0.4em 0.7em;
display: flex;
align-items: center;
flex-wrap: nowrap;
flex-direction: row;
gap: 0.7em;
max-width: calc(100% / 3 - 0.5em / 3 * 2);
min-width: min-content;
justify-content: center;
font-size: 0.95em;
border-radius: 1.1em;
background-color: rgba(53, 62, 77, 0.85);  }
@media (max-width: 1439px) {
#our-clients .client-works-icons > div {
font-size: 0.9em;
}
}
@media (max-width: 1279px) {
#our-clients .client-works-icons > div {
font-size: 0.85em;
}
}
#our-clients .client-works-icons > div > * {
opacity: 0.5;
}
#our-clients .client-works-icons > div > span {
white-space: normal;
color: rgba(0, 255, 0);
max-height: 100%;
line-height: 1em;
}
#our-clients .client-works-icons > div > img {
height: 100%;
width: auto;
}
#our-clients .client-works-icons > .icon-big_data > * {
filter: hue-rotate(94deg) brightness(3);
-moz-filter: hue-rotate(94deg) brightness(3);
-webkit-filter: hue-rotate(94deg) brightness(3);
}
#our-clients .client-works-icons > .icon-digital > * {
filter: hue-rotate(33deg) brightness(3);
-moz-filter: hue-rotate(33deg) brightness(3);
-webkit-filter: hue-rotate(33deg) brightness(3);
}
#our-clients .client-works-icons > .icon-olv > * {
filter: hue-rotate(232deg) contrast(2);
-moz-filter: hue-rotate(232deg) contrast(2);
-webkit-filter: hue-rotate(232deg) contrast(2);
}
#our-clients .client-works-icons > .icon-programmatic > * {
filter: hue-rotate(345deg) brightness(1);
-moz-filter: hue-rotate(345deg) brightness(1);
-webkit-filter: hue-rotate(345deg) brightness(1);
}
#our-clients .client-works-icons > .icon-seo > * {
filter: hue-rotate(255deg) brightness(1) contrast(1.4);
-moz-filter: hue-rotate(255deg) brightness(1) contrast(1.4);
-webkit-filter: hue-rotate(255deg) brightness(1) contrast(1.4);
}
#our-clients .client-works-icons > .icon-smm > * {
filter: hue-rotate(133deg) brightness(3);
-moz-filter: hue-rotate(133deg) brightness(3);
-webkit-filter: hue-rotate(133deg) brightness(3);
}
#our-clients .client-works-icons > .icon-blog > * {
filter: hue-rotate(319deg) brightness(1);
-moz-filter: hue-rotate(319deg) brightness(1);
-webkit-filter: hue-rotate(319deg) brightness(1);
}
#our-clients .client-works-icons > .icon-complex > * {
filter: hue-rotate(297deg) brightness(3);
-moz-filter: hue-rotate(297deg) brightness(3);
-webkit-filter: hue-rotate(297deg) brightness(3);
}
#our-clients .client-works-icons > .icon-context > * {
filter: hue-rotate(11deg) brightness(2);
-moz-filter: hue-rotate(11deg) brightness(2);
-webkit-filter: hue-rotate(11deg) brightness(2);
}
#our-clients .client-works-icons > .icon-web_dev > * {
filter: hue-rotate(158deg) brightness(1) contrast(1.4);
-moz-filter: hue-rotate(158deg) brightness(1) contrast(1.4);
-webkit-filter: hue-rotate(158deg) brightness(1) contrast(1.4);
}
#our-clients .client-works-icons > .icon-tender_1 > * {
filter: hue-rotate(135deg) brightness(1.1) invert(0) contrast(1);
-moz-filter: hue-rotate(135deg) brightness(1.1) invert(0) contrast(1);
-webkit-filter: hue-rotate(135deg) brightness(1.1) invert(0) contrast(1);
}
#our-clients .client-works-icons > .icon-tender_2 > * {
filter: hue-rotate(135deg) brightness(1.1) invert(0) contrast(1);
-moz-filter: hue-rotate(135deg) brightness(1.1) invert(0) contrast(1);
-webkit-filter: hue-rotate(135deg) brightness(1.1) invert(0) contrast(1);
}
#our-clients .client-works-icons > .icon-reputation > * {
filter: hue-rotate(2deg) brightness(2) contrast(6);
-moz-filter: hue-rotate(2deg) brightness(2) contrast(6);
-webkit-filter: hue-rotate(2deg) brightness(2) contrast(6);
}
#our-clients .client-works-icons > .icon-ooh > * {
filter: hue-rotate(108deg) brightness(1) contrast(1.4);
-moz-filter: hue-rotate(108deg) brightness(1) contrast(1.4);
-webkit-filter: hue-rotate(108deg) brightness(1) contrast(1.4);
}
#our-clients .client-works-icons > .icon-pressa > * {
filter: hue-rotate(243deg) brightness(1) contrast(1.4);
-moz-filter: hue-rotate(243deg) brightness(1) contrast(1.4);
-webkit-filter: hue-rotate(243deg) brightness(1) contrast(1.4);
}
#our-clients .client-works-icons > .icon-radio > * {
filter: hue-rotate(129deg) brightness(1) contrast(1.4);
-moz-filter: hue-rotate(129deg) brightness(1) contrast(1.4);
-webkit-filter: hue-rotate(129deg) brightness(1) contrast(1.4);
}
#our-clients .client-works-icons > .icon-tv > * {
filter: hue-rotate(27deg) brightness(1);
-moz-filter: hue-rotate(27deg) brightness(1);
-webkit-filter: hue-rotate(27deg) brightness(1);
}
#our-clients .client-works-items {
position: relative;
display: flex;
flex-direction: column;
width: 100%; max-height: 100%;
flex-basis: max-content;
padding-left: 7%;
padding-right: 7%;
gap: 1.2em;
justify-content: flex-start;
overflow: auto;
padding-top: 1em;
padding-bottom: 1em;
}
#our-clients .client-works-items.custom-scroll::-webkit-scrollbar {
width: 5px;
}
@media (max-width: 991px) {
#our-clients .client-works-items {
padding-left: 15%;
padding-right: 15%;
}
}
#our-clients .client-works-items > * {
position: relative;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
gap: 0.5em 0; flex-basis: 4.5em;
justify-content: center;
}
@media (max-width: 991px) and (min-width: 768px) {
#our-clients .client-works-items > * {
font-size: 1.2em;
}
}
#our-clients .client-works-items > * > * {
position: relative;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
flex-grow: 1;
}
#our-clients .client-works-items > * > h3 {
justify-content: space-between;
font-size: 1.3em;
text-transform: uppercase;
gap: 0 0.5em;
}
#our-clients .client-works-items > a > h3::after {
position: relative;
display: inline-flex;
content: " ";
background-image: url('data:image/svg+xml,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2040%2080%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%235ecf3a%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%220%200%200%2080%2040%2040%200%200%22%2F%3E%3C%2Fsvg%3E');
background-repeat: no-repeat;
background-position: center center;
background-size: 100%;
height: 1em;
width: 0.5em;
}
#our-clients .client-works-items > * > p {
font-size: 0.9em;
text-indent: 0;
font-weight: 400;
}
@media (hover: hover) {
#our-clients .client-works-items > a:hover {
color: inherit;
}
#our-clients .client-works-items > a:hover > h3 {
color: rgba(126, 209, 87, 1);
}
}
@media (max-width: 1600px) {
#our-clients .client-works-items > * > h3 {
font-size: 1.2em;
}
#our-clients .client-works-items > * > p {
font-size: 0.8em;
}
}
@media (max-width: 1480px) {
#our-clients .client-works-items > * > h3 {
font-size: 1.1em;
}
#our-clients .client-works-items > * > p {
font-size: 0.7em;
}
}  .blog-latest-posts {
background-color: rgba(53, 62, 77, 1);
}
.block-cat-latest-posts {
padding-top: 5em;
}
.block-cat-latest-posts > h2 {
padding-bottom: 0.9em;
}
.cat-latest-posts > .sc-carousel,
.blog-latest-posts > .sc-carousel {
gap: 1em;
height: 100%;
}
.blog-latest-posts > .sc-carousel > *,
.cat-latest-posts > .sc-carousel > * {
flex-basis: calc(100% / 3 - 1em * 2 / 3); max-width: calc(100% / 3 - 1em * 2 / 3); height: 100%;
}
@media (max-width: 1100px) {
.blog-latest-posts > .sc-carousel > *,
.cat-latest-posts > .sc-carousel > * {  }
}
@media (max-width: 991px) {
.blog-latest-posts > .sc-carousel > *,
.cat-latest-posts > .sc-carousel > * {
flex-basis: calc(100% - 4em * 2);
max-width: calc(100% - 4em * 2);
}
}
@media (min-width: 560px) {
.cat-latest-posts {
grid-template-rows: auto 3em;
}
.blog-latest-posts > .dots,
.cat-latest-posts > .dots {
display: none!important;
}
}
@media (max-width: 559px) {
.cat-latest-posts[carousel-parent][horizontal][with-arrows] > .arrow-next::before,
.cat-latest-posts[carousel-parent][horizontal][with-arrows] > .arrow-prev::before {
display: none;
}
.blog-latest-posts > .sc-carousel > *,
.cat-latest-posts > .sc-carousel > * {
flex-basis: 100%;
max-width: 100%;
}
}
.blog-latest-posts[carousel-parent][horizontal][with-arrows] > .arrow-next,
.blog-latest-posts[carousel-parent][horizontal][with-arrows] > .arrow-prev {
background-color: rgba(53, 62, 77, 1);
height: 100%;
}
@media (min-width: 1101px) {
.blog-latest-posts[carousel-parent][horizontal][with-arrows] > .arrow-next,
.blog-latest-posts[carousel-parent][horizontal][with-arrows] > .arrow-prev {
width: 6.8vw;
}
}
@media (max-width: 1100px) and (min-width: 992px) {
.blog-latest-posts[carousel-parent][horizontal][with-arrows] > .arrow-next,
.blog-latest-posts[carousel-parent][horizontal][with-arrows] > .arrow-prev {
width: 5.5vw;
}
}
.blog-latest-posts[carousel-parent][horizontal][with-arrows] > .arrow-next::before,
.blog-latest-posts[carousel-parent][horizontal][with-arrows] > .arrow-prev::before,
.cat-latest-posts[carousel-parent][horizontal][with-arrows] > .arrow-next::before,
.cat-latest-posts[carousel-parent][horizontal][with-arrows] > .arrow-prev::before {
background-image: url('data:image/svg+xml,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2080%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23303030%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%220%200%206.26%200%2030%2040%206.26%2080%200%2080%2023.74%2040%200%200%22%2F%3E%3C%2Fsvg%3E');
position: absolute;
opacity: 0.25;
transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
-webkit-transition: opacity 0.2s ease-out;
background-size: auto 4em;
}
@media (hover: hover) {
.blog-latest-posts[carousel-parent][horizontal][with-arrows] > .arrow-next:hover:before,
.blog-latest-posts[carousel-parent][horizontal][with-arrows] > .arrow-prev:hover:before,
.cat-latest-posts[carousel-parent][horizontal][with-arrows] > .arrow-next:hover:before,
.cat-latest-posts[carousel-parent][horizontal][with-arrows] > .arrow-prev:hover:before {
opacity: 1;
}
}
@media (min-width: 992px) {
.blog-latest-posts[carousel-parent][horizontal][with-arrows] > .arrow-next::before {
right: calc(5em / 2 - 2.5em / 2);
}
.blog-latest-posts[carousel-parent][horizontal][with-arrows] > .arrow-prev::before {
left: calc(5em / 2 - 2.5em / 2);
}
}
.blog-latest-posts > .sc-carousel > * > .blog-item,
.cat-latest-posts > .sc-carousel > * > .blog-item {
display: flex;
position: absolute;
width: 100%; min-height: 100%;
flex-wrap: nowrap;
flex-direction: column;  gap: 2em;
}
.cat-latest-posts > .sc-carousel > * > .blog-item {
height: 100%;
}
.blog-latest-posts .category-header {
display: flex;
position: relative;
flex-wrap: nowrap;
flex-direction: row;
width: max-content;
max-width: 100%;
height: 2em;
align-items: center;
gap: 0.8em;
}
.blog-latest-posts a.category-header > * {
display: flex;
position: relative;
}
.blog-latest-posts a.category-header > h3 {
text-transform: uppercase;
font-weight: 300;
font-size: 1.2em;
line-height: 1.2;
height: 70%; width: auto;
}
@media (hover: hover) {
.blog-latest-posts a.category-header > h3::after {
position: absolute;
content: " ";
display: block;
bottom: -0.3em;
left: 0;
width: 0;
height: 1px;
transition: width 0.2s ease-out;
-moz-transition: width 0.2s ease-out;
-webkit-transition: width 0.2s ease-out;
background-color: rgba(255, 255, 255, 1);
}
.blog-latest-posts a.category-header:hover > h3::after {
width: 100%;
}
}
.blog-latest-posts a.category-header > .category-image {
height: 100%;
width: auto;
}
.blog-latest-posts a.category-header > .category-image > img {
height: 100%;
width: auto;
filter: grayscale(1) contrast(3);
-moz-filter: grayscale(1) contrast(3);
-webkit-filter: grayscale(1) contrast(3);
}
.cat-latest-posts .blog-item {
box-shadow: inset 0 0 0 1px rgba(205, 205, 205, 1);
padding: 1px;
}
.blog-latest-posts .latest-post,
.cat-latest-posts .latest-post {
position: relative;
display: grid; grid-template-rows: 11.5em minmax(3em, max-content) auto min-content; gap: 0.75rem;   padding-bottom: 0.4rem;
flex-grow: 1;
grid-template-columns: auto min-content;
}
.blog-latest-posts .latest-post > *,
.cat-latest-posts .latest-post > * {
width: auto;
}
.cat-latest-posts .latest-post > .post-image {
font-size: 1.2em; grid-row: 1;
grid-column: 1/3;
line-height: 0;
min-height: 100%;
overflow: hidden;
width: 100%;
}
.cat-latest-posts .latest-post > .post-image > img {
max-width: 100%;
-webkit-transition: opacity 0.5s ease-in-out, transform 0.35s ease;
-moz-transition: opacity 0.5s ease-in-out, transform 0.35s ease;
transition: opacity 0.5s ease-in-out, transform 0.35s ease;
object-fit: cover;
min-height: 100%;
min-width: 100%;
height: 11.5em;
}
.post-image > .replacer {
max-width: 100%;
min-height: 100%;
min-width: 100%;
background-color: rgba(240, 240, 240, 1);
position: relative;
}
.post-image > .replacer::after {
position: absolute;
display: flex;
width: 100%;
height: 100%;
content: " ";
background-repeat: no-repeat;
background-image: url(//emotocin.ru/wp-content/themes/emotocin/img/logo/logo-emotocin-dna.svg);
background-size: auto 60%;
background-position: center center;
filter: invert(1);
}
.blog-latest-posts .latest-post > .post-header,
.cat-latest-posts .latest-post > .post-header {
font-size: 1.2em; grid-row: 1;
grid-column: 1/3;
padding-left: 0.75rem;
padding-right: 0.75rem;
text-transform: unset;
}
.cat-latest-posts .latest-post > .post-header {
grid-row: 2;
}
.blog-latest-posts .latest-post > .post-content,
.cat-latest-posts .latest-post > .post-content {
font-size: 0.9em;
font-weight: 300;
grid-row: 2;
grid-column: 1/3;
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.cat-latest-posts .latest-post > .post-content {
grid-row: 3;
}
.blog-latest-posts .latest-post > .post-link,
.cat-latest-posts .latest-post > .post-link {
width: max-content;
grid-row: 3;
box-shadow: unset;
padding: 0.5em;
padding-left: 0.75rem;
background-color: transparent;
}
.cat-latest-posts .latest-post > .post-link {
grid-row: 4;
}
@media (hover: hover) {
.cat-latest-posts .latest-post > .post-link {
background-color: unset;
}
}
.blog-latest-posts .latest-post > .post-date,
.cat-latest-posts .latest-post > .post-date {
font-size: 0.9em;
font-weight: 300;
width: max-content;
align-self: end;
grid-row: 3;
grid-column: 2/3;
}
.cat-latest-posts .latest-post > .post-date {
grid-row: 4;
}
@media (max-width: 559px) {
.blog-latest-posts.wrap,
.cat-latest-posts.wrap {
padding-left: 0;
padding-right: 0;
}
.blog-latest-posts .blog-item,
.cat-latest-posts .blog-item {
box-shadow: unset;
}
.blog-latest-posts .latest-post > .post-header,
.cat-latest-posts .latest-post > .post-header,
.blog-latest-posts .latest-post > .post-date,
.cat-latest-posts .latest-post > .post-date,
.blog-latest-posts .latest-post > .post-content,
.cat-latest-posts .latest-post > .post-content {
padding-left: 0;
padding-right: 0;
}
.cat-latest-posts .latest-post > .post-link {
padding-left: 0;
}
}  .blog-categories {
background-color: rgba(53, 62, 77, 1);
flex-grow: 1;
display: flex;
align-items: stretch;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
}
.blog-categories > div {
position: relative;
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: flex-start;
gap: 8vh 2em;
}
.blog-categories > div > * {
position: relative;
display: inline-flex;
flex-basis: calc(100% / 4 - 2em / 4 * 3);
max-width: calc(100% / 4 - 2em / 4 * 3);
align-items: center;
justify-content: center;
}
.blog-categories > div > * > a {
position: relative;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
height: 100%;
width: max-content;
max-width: 100%;
align-items: center;
justify-content: center;
margin-top: 4em;
user-select: none;
}
.blog-categories > div > * > a > * {
}
.blog-categories > div > * > a > .category-image {
display: flex;
position: absolute;
width: 3em;
height: 4em;
top: -4em;
padding-bottom: 1em;
justify-content: center;
}
.blog-categories > div > * > a > .category-image > img {
height: 100%;
width: auto;
filter: grayscale(1) contrast(3);
-moz-filter: grayscale(1) contrast(3);
-webkit-filter: grayscale(1) contrast(3);
user-select: none;
}
.blog-categories > div > * > a > .category-name {
width: 100%;
text-align: center;
color: rgba(255, 255, 255, 1);
font-size: 1em;
font-weight: 400;
}
@media (hover: hover) { .blog-categories > div > * > a > .category-name::after {
position: absolute;
content: " ";
display: block;
bottom: -0.4em;
left: 0;
width: 0;
height: 1px;
transition: width 0.2s ease-out;
-moz-transition: width 0.2s ease-out;
-webkit-transition: width 0.2s ease-out;
background-color: rgba(255, 255, 255, 1);
}
.blog-categories > div > * > a:hover > .category-name::after {
width: 100%;
}
}
@media (max-width: 991px) {
.blog-categories > div > * {
flex-basis: calc(100% / 3 - 2em / 3 * 2);
max-width: calc(100% / 3 - 2em / 3 * 2);
}
.blog-categories > div > * > a {
margin-top: 3.25em;
}
.blog-categories > div > * > a > .category-image {
width: 2.5em;
height: 3.25em;
top: -3.25em;
padding-bottom: 0.75em;
}
.blog-categories > div > * > a > .category-name {
font-size: 0.9em;
}
}
@media (max-width: 767px) {
.blog-categories > div {
gap: 5vh 1.8em;
}
.blog-categories > div > * {
justify-content: flex-start;
flex-basis: calc(100% / 2 - 1.8em / 2);
max-width: calc(100% / 2 - 1.8em / 2);
}
.blog-categories > div > * > a {
flex-direction: row;
margin-top: 0;
justify-content: flex-start;
gap: 0.5em;
}
.blog-categories > div > * > a > .category-image {
position: relative;
height: 2.5em;
padding-bottom: 0;
top: auto;
}
.blog-categories > div > * > a > .category-name {
text-align: left;
}
}
@media (max-width: 424px) {
.blog-categories > div > * > a > .category-name {
font-size: 0.8em;
font-weight: 300;
}
}
@media (max-width: 374px) {
.blog-categories > div > * > a > .category-image {
height: 2em;
}
.blog-categories > div > * > a > .category-name {
font-size: 0.75em;
}
}  #location {
display: flex;
position: relative;
width: 100%;
height: 30vw;
}
#location > * {
display: inline-flex;
}
#location > .info {
flex-direction: column;
flex-wrap: nowrap;
position: absolute;
flex-basis: 0;
z-index: 600;
gap: 0.8em; top: -4em;
padding-top: 2.4em;
padding-bottom: 2em;
padding-left: 1.8em;
padding-right: 1.8em;
left: calc(6.8vw - 1.8em);
background-color: #ffffff;
height: auto; box-shadow: 0.75em 0.5em 2em -2em rgba(35, 41, 53, 1);
}
#location > .info > * {
position: relative;
width: max-content;
line-height: 1;
}
#location > .info > h2 {
line-height: 1.2;
margin-bottom: 0.5em;
}
#location > .info > a,
#location > .info > div {
font-weight: 300;
}
#location > .info > .phone {
font-weight: 400;
font-size: 1.3em;
margin-bottom: 0.5em;
} @media (min-width: 992px) {
#location > .info[animator]:not(.animate) {
opacity: 0!important;
top: 0!important;
}
#location > .info[animator].inanimate {
transition: top 0.3s ease-in, opacity 0.3s ease!important;
-moz-transition: top 0.3s ease-in, opacity 0.3s ease!important;
-webkit-transition: top 0.3s ease-in, opacity 0.3s ease!important;
}
} #map {
flex-basis: 100%;
max-width: 100%;
height: 100%;
z-index: 1;
width: 100%;
flex-basis: 100%;
max-width: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: rgba(35, 41, 53, 1);
}
#map::before {
position: absolute;
display: flex;
z-index: -1;
content: "Загрузка карты...";
color: rgba(255, 255, 255, 0.6);
}
@media (min-width: 992px) {
#map::after {
position: absolute;
display: flex;
z-index: 5;
content: " ";
width: 100%;
height: 100%;
background-color: inherit;
animation-name: disappearing;
-webkit-animation-name: disappearing;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
animation-duration: 0.5s;
-webkit-animation-duration: 0.5s;
animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
animation-direction: normal;
-webkit-animation-direction: normal;
animation-play-state: paused;
-webkit-animation-play-state: paused;
}
#map.animate::after {
animation-play-state: running;
-webkit-animation-play-state: running;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
}
}
@media (max-width: 1100px) {
#location > .info {
left: calc(5.5vw - 1.8em);
}
}
@media (max-width: 991px) {
#location {
height: 40vw;
}
#location > .info {
height: 100%;
left: calc(0.75rem - 1.8em);
padding-right: 0.75rem;
padding-left: 0.75rem;
position: relative;
top: 0;
left: 0;
box-shadow: 0.75em 0 2em -2em rgba(35, 41, 53, 1);
}
}
@media (max-width: 767px) {
#location {
height: 50vw;
}
#location > .info > .address {
width: auto;
}
#location > .info > * {
line-height: 1.2;
}
}
@media (max-width: 639px) {
#location {
height: 60vw;
}
}
@media (max-width: 559px) {
#location {
height: calc(85vh - 2em);
}
#location > .info {
position: absolute;
height: auto;
width: min-content;
box-shadow: 0.75em 0.5em 2em -2em rgba(35, 41, 53, 1);
top: -2em;
}
}
@media (max-width: 374px) {
#location > .info {
font-size: 0.7em;
}
}  #feedback {
display: flex;
position: relative;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
align-content: flex-start;
background-color: rgba(35, 41, 53, 1);
gap: 2em;
padding-top: 3em;
padding-bottom: 3em;
z-index: 1;
}
#feedback::before, #feedback::after {
position: absolute;
width: 100%;
height: 100%;
content: " ";
left: 0;
top: 0;
background-repeat: no-repeat;
user-select: none;
z-index: 2;
}
#feedback::before {
background-image: url(//emotocin.ru/wp-content/themes/emotocin/img/v-letter-cropped.svg);
background-size: auto 85%;
background-position: 70% top;
opacity: 0.05;
}
#feedback::after {
background-image: url(//emotocin.ru/wp-content/themes/emotocin/img/footer-single.webp);
background-size: auto;
background-position: 85% center;
}
#feedback > * {
z-index: 3;
}
#feedback > h2 {
text-transform: unset;
flex-basis: 100%;
color: rgba(255, 255, 255, 1);
}
#feedback-form {
display: flex;
position: relative;
flex-direction: row;
flex-wrap: wrap;
gap: 1.5rem;
max-width: 100%;
flex-basis: 60%;
}
#feedback-form > div {
flex-basis: 100%;
color: rgba(255, 255, 255, 1);
}
#feedback-form > div a {
color: rgba(126, 209, 87, 1);
}
#feedback-form > .info {
display: flex;
flex-direction: column;
wrap: nowrap;
gap: 2em; }
#feedback-form > .info > .description {
font-size: 1em;
letter-spacing: 0.06em;
font-weight: 400;
line-height: 1.5;
}
#feedback-form > .info > .persdata-alert {
font-size: 0.8em;
font-weight: 300;
}
#feedback-form input, #feedback-form textarea {
color: rgba(255, 255, 255, 1);
padding: 0.75em;
border: 1px solid rgba(150, 150, 150, 1);
font-size: 0.9em;
background-color: rgba(35, 41, 53, 0.75);
}
#feedback-form input {
flex-basis: calc(100% / 3 - 1.5rem / 3 * 2);
min-width: 0;
}
#feedback-form textarea {
flex-basis: 100%;
height: 8em;
min-height: 8em;
max-height: 50em;
}
#feedback-form button {
height: 3.2em;
width: 12em;
}
@media (max-width: 1279px) {
#feedback::before {
background-position: 100% top;
}
#feedback::after {
background-position: 90% center;
}
}
@media (max-width: 1100px) {
}
@media (max-width: 991px) {
#feedback {
min-height: calc(100vh - 2em);
}
#feedback::before {
background-position: center top;
background-size: 100vw auto;
}
#feedback::after {
background-position: 100% calc(100% - 1em);
background-size: auto 42vw;
}
#feedback-form {
flex-basis: 75%;
}
}
@media (max-width: 767px) {
#feedback-form {
flex-basis: 100%;
gap: 1rem;
}
#feedback-form input {
flex-basis: calc(100% / 3 - 1rem / 3 * 2);
}
#feedback::after {
display: none;
}
}
@media (max-width: 559px) {
#feedback-form {
flex-direction: column;
}
#feedback-form input, #feedback-form textarea {
flex-basis: 100%;
}
#feedback-form textarea {
}
#feedback-form > .info > .description {
line-height: 1.2;
font-size: 0.9em;
}
}  #sendmessage {
display: flex;
position: relative;
flex-direction: column;
flex-wrap: nowrap;
align-content: flex-start;
justify-content: flex-start;
align-items: flex-start;
background-color: transparent;
gap: 2em;
padding-top: 4.5em;
padding-bottom: 4.5em;
margin-bottom: 3em;
z-index: 1;
}
#sendmessage::before {
position: absolute;
width: 100%;
content: " ";
left: 0;
top: calc(-12em + 2vw);
height: calc(100% + 23.5em);
background-repeat: no-repeat;
user-select: none;
z-index: 2;
background-image: linear-gradient(184deg, transparent 0%, transparent 20%, rgba(255, 255, 255, 1) calc(20% + 1px), rgba(255, 255, 255, 1) calc(80% - 1px), transparent 80%);
background-size: 100% 100%;
background-position: center center;
opacity: 0.085;
}
#sendmessage > * {
z-index: 3;
width: 40%;
min-width: min-content;
left: 8%;
}
#sendmessage > h2 {
text-transform: unset;
color: rgba(255, 255, 255, 1);
font-size: 1.9em;
left: calc(8% - 0.8em);
}
#sendmessage-form {
display: flex;
position: relative;
flex-direction: column;
flex-wrap: wrap;
gap: 1.5rem;
}
#sendmessage-form > div {
flex-basis: 100%;
color: rgba(255, 255, 255, 1);
}
#sendmessage-form > div a {
color: rgba(126, 209, 87, 1);
}
#sendmessage-form > .info {
display: flex;
flex-direction: column;
wrap: nowrap;
gap: 2em; }
#sendmessage-form > .info > .persdata-alert {
font-size: 0.8em;
font-weight: 300;
}
#sendmessage-form input, #sendmessage-form textarea {
color: rgba(255, 255, 255, 1);
padding: 0.75em;
border: 1px solid rgba(150, 150, 150, 1);
font-size: 0.9em;
flex-basis: 100%;
}
#sendmessage-form input {
flex-basis: calc(100% / 3 - 1.5rem / 3 * 2);
min-width: 0;
}
#sendmessage-form textarea {
flex-basis: 100%;
height: 8em;
min-height: 8em;
max-height: 50em;
}
#sendmessage-form button {
height: 3.2em;
width: 12em;
}
@media (max-width: 991px) {
#sendmessage > h2 {
font-size: 1.8em;
}
#sendmessage { }
#sendmessage > * {
width: 45%;
}
}
@media (max-width: 767px) {
#sendmessage > h2 {
font-size: 1.6em;
}
#sendmessage {
align-items: center;
margin-bottom: 1em;
}
#sendmessage-form {
gap: 1rem;
}
#sendmessage > * {
width: 75%;
left: unset;
}
#sendmessage > h2 {
left: unset;
}
}
@media (max-width: 424px) {
#sendmessage > * {
width: 100%;
}
}  .content-block > .post-image {
display: flex;
width: 100%;
height: auto;
margin-top: 2.2em;
margin-bottom: 2.2em;
}
.content-block > .post-image > img {
width: 50%;
}
@media (max-width: 991px) {
.content-block > .post-image {
margin-top: 1.6em;
margin-bottom: 1.2em;
}
.content-block > .post-image > img {
width: 70%;
}
}
@media (max-width: 767px) {
.content-block > .post-image > img {
width: 100%;
}
}
.content-block {
font-weight: 400;
font-size: 0.9rem;
line-height: 1.6;
color: rgba(15, 15, 15, 1);
}
.content-block.dark {
color: rgba(255, 255, 255, 1);
}
.content-block a:visited,
.content-block a {
color: rgba(15, 15, 15, 1);
text-decoration: underline;
text-decoration-color: rgba(126, 209, 87, 1);
text-underline-offset: 0.2em;
text-decoration-thickness: 0.1em;
}
.content-block.dark a:visited,
.content-block.dark a {
color: rgba(255, 255, 255, 1);
}
@media (hover: hover) {
.content-block a:visited:hover,
.content-block a:hover {
color: rgba(126, 209, 87, 1);
text-decoration: unset;
}
}
.content-block p {
font-weight: 400;
line-height: 1.6;
margin-top: 0.8em;
margin-bottom: 0.8em;
}
.content-block ol,
.content-block ul {
margin: 0;
padding: 0;
}
.content-block ol {
list-style: none;
counter-reset: num;
}
.content-block ul {
list-style: none;
}
.content-block li {
list-style-position: inside;
margin: 0;
padding: 0;
padding-bottom: 0.6em;
}
.content-block li:first-of-type {
padding-top: 0.6em;
}
.content-block li li {
padding-left: 1.3em;
}
@media (max-width: 991px) {
.content-block li li {
padding-left: 0.65em;
}
}
.content-block ol > li {
counter-increment: num;
}
.content-block ul > li { }
.content-block ul > li::marker {
font-size: 1.5em;
line-height: 0;
}
.content-block ol > li::before,
ol.num > li::before,
ol.num-square > li::before,
ol.num-square-transparent > li::before,
ol.num-circle > li::before,
ol.num-circle-transparent > li::before,
.ol-li.num::before,
.ol-li.num-square::before,
.ol-li.num-square-transparent::before,
.ol-li.num-circle::before,
.ol-li.num-circle-transparent::before {
content: counter(num);
display: inline-flex;
position: relative;
border-radius: 5em; width: 1.6em;
min-width: 1.6em;
height: 1.6em;
justify-content: center;
align-items: center;
font-size: 0.8em;
flex-wrap: nowrap;
flex-direction: row;
line-height: 1;
margin-right: 0.1em;
top: -0.1em;
background-color: rgba(126, 209, 87, 1);
color: rgba(255, 255, 255, 1);
}
ol.num > li::before,
.ol-li.num::before {
width: 1.25em;
min-width: 1.25em;
height: 1em;
margin-right: 0;
top: 0;
justify-content: flex-start;
align-items: center;
font-size: 1em;	
background-color: rgba(126, 209, 87, 0);
border: unset;
color: rgba(126, 209, 87, 1);
}
.content-block ol ol > li::before,
ol.num-square-transparent > li::before,
.ol-li.num-square-transparent::before {
background-color: rgba(126, 209, 87, 0);
color: rgba(126, 209, 87, 1);
margin-right: 0.28em;
}
ol.num-circle > li::before,
.ol-li.num-circle::before {
border-radius: 5em;
margin-right: 0.28em;
}
ol.num-circle-transparent > li::before,
.ol-li.num-circle-transparent::before {
background-color: rgba(126, 209, 87, 0);
color: rgba(126, 209, 87, 1);
border-radius: 5em;
margin-right: 0.28em;
}
.content-block ul > li::before,
.ul-li::before {
content: "\25CF";
background-repeat: no-repeat;
background-position: center center;
background-size: 0.8em auto;
display: inline-flex;
position: relative;
width: 1.6em;
min-width: 1.6em;
height: 1.6em;
justify-content: center;
align-items: center;
font-size: 0.8em;
flex-wrap: nowrap;
flex-direction: row;
line-height: 1;
margin-right: 0.1em;
top: -0.1em;
}
.content-block:not(.default-style) ul > li::before,
.ul-li > li::before {
background-image: url(//emotocin.ru/wp-content/themes/emotocin/img/icons/li-circle-green.svg);
color: transparent;
}
.ul.red > li::before,
.ul-li.red > li::before {
background-image: url(//emotocin.ru/wp-content/themes/emotocin/img/icons/li-circle-red.svg);
color: transparent;
}
ul.check-marks > li::before,
.ul-li.check-marks::before {
background-image: url(data:image/svg+xml,%3Csvg%20id%3D%22check-mark%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%235ecf3a%3Bstroke-miterlimit%3A10%3Bstroke-width%3A24px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%2216%2059.76%2048%2091.76%20112%2027.76%22%2F%3E%3C%2Fsvg%3E)!important;
background-position: center 40%;
background-size: 1.2em auto;
color: transparent;
}
ul.minuses > li::before,
.ul-li.minuses::before {
background-image: url(data:image/svg+xml,%3Csvg%20id%3D%22minus%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%235ecf3a%3Bstroke-miterlimit%3A10%3Bstroke-width%3A24px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cline%20class%3D%22cls-1%22%20x1%3D%227%22%20y1%3D%2264%22%20x2%3D%22120.5%22%20y2%3D%2264%22%2F%3E%3C%2Fsvg%3E)!important;
background-position: center 40%;
background-size: 1.2em auto;
color: transparent;
}
ul.none > li::before,
ol.none > li::before,
.ul-li.none::before,
.ol-li.none::before {
display: none!important;
}
.content-block > .content {
margin-bottom: 2.5rem;
}
.content-block > .content h1, .content-block > .content h2, .content-block > .content h3, .content-block > .content h4, .content-block > .content h5 {
text-align: unset;
text-transform: unset;
}
.content-block > .content img {
margin-top: 1em;
margin-bottom: 1em;
max-width: 100%;
height: auto;
}
.content-block.article-text h1 {
font-size: 1.6rem;
}
.content-block.article-text h2 {
font-size: 1.4rem;
}
.content-block.article-text h3 {
font-size: 1.25rem;
}
.content-block.article-text h4 {
font-size: 1.15rem;
}
.content-block.article-text h5 {
font-size: 1.05rem;
}
.content-block > .content table { border-collapse: separate;
}
.content-block > .content tbody tr {
}
.content-block > .content tbody th {
font-weight: 600;
background-color: rgba(255, 255, 255, 1);
}
.content-block > .content tbody td {
}
.content-block > .content tbody tr:nth-child(odd) > td {
background-color: rgba(0, 0, 0, 0.04);
}
.content-block > .content tbody tr:hover > td {
background-color: rgba(105, 209, 55, 0.6);
}
.content-block > .content tbody th,
.content-block > .content tbody td {
padding: 0.3em 0.8em;
}
.content-block > .content tbody th:first-child,
.content-block > .content tbody td:first-child {
}
.content-block > .content tbody th:not(:first-child),
.content-block > .content tbody td:not(:first-child) {
text-align: center; }
.content-block > .content tbody td {
}   .registered-tm {
display: inline-flex;
position: relative;
flex-direction: row;
flex-wrap: nowrap;
align-items: flex-start;
}
.registered-tm::after {
content: "®";
position: relative;
height: min-content;
font-weight: 700;
font-size: calc(1em / 3 * 2);
padding-bottom: 0.7em;
letter-spacing: -0.015em;
color: inherit;
}
@media (min-width: 992px) {
.v-top {
position: absolute;
width: 100%;
height: 100%;
content: " ";
left: 0;
top: 0;
background-repeat: no-repeat;
user-select: none;
z-index: -1;
background-image: url(//emotocin.ru/wp-content/themes/emotocin/img/v-letter.svg);
background-size: 50% auto;
background-position: 68% top;
filter: opacity(0.05);
-moz-filter: opacity(0.05);
-webkit-filter: opacity(0.05);
} .sc-menu-header.desktop-flexible {
transition: height .2s ease, max-height .2s ease, background-image .2s ease, padding-top .2s ease;
-moz-transition: height .2s ease, max-height .2s ease, background-image .2s ease, padding-top .2s ease;
-webkit-transition: height .2s ease, max-height .2s ease, background-image .2s ease, padding-top .2s ease;
gap: 0 0.7em;
}
.sc-menu-header.desktop-flexible:not(.fake-over) {
transition: height .2s cubic-bezier(0.14, 0.7, 0.41, 1.03), max-height .2s  cubic-bezier(0.14, 0.7, 0.41, 1.03), background-image .2s ease, padding-top .2s ease;
-moz-transition: height .2s cubic-bezier(0.14, 0.7, 0.41, 1.03), max-height .2s  cubic-bezier(0.14, 0.7, 0.41, 1.03), background-image .2s ease, padding-top .2s ease;
-webkit-transition: height .2s cubic-bezier(0.14, 0.7, 0.41, 1.03), max-height .2s  cubic-bezier(0.14, 0.7, 0.41, 1.03), background-image .2s ease, padding-top .2s ease;
gap: 0 0.7em;
}
.sc-menu-header.desktop-flexible .nav-wrapper {
}
.sc-menu-header.fixed-mobile-only,
.sc-menu-header.fixed-top:not(.fake-over) { align-items: flex-start;
justify-content: space-between;
align-content: space-between;
flex-wrap: wrap;
justify-content: center!important;
padding-top: 1.5em;
}
#sc-menu-header-fake {
height: 2.8em; }
.sc-menu-header.fixed-mobile-only,
.sc-menu-header.fixed-top:not(.fake-over) {
height: 6.7em;
}
.sc-menu-header.fixed-mobile-only .nav-wrapper,
.sc-menu-header.fixed-top:not(.fake-over) .nav-wrapper {
height: 2.4em;
max-height: 2.4em;
width: calc(100% + (0.7em * 0.85));
margin-left: calc(-0.7em * 0.85);
margin-right: calc(-0.7em * 0.85);
}
.sc-menu-header:not(.fake-over) .nav-menu {
justify-content: center;
gap: 1vw;
}
.sc-menu-header.fake-over .nav-menu { }
.sc-menu-header .sc-menu-header-brand.sc-menu-header-logo {
transition: font-size .13s ease;
-moz-transition: font-size .13s ease;
-webkit-transition: font-size .13s ease;
}
.sc-menu-header.fake-over .sc-menu-header-brand.sc-menu-header-logo {
font-size: 0.85em;
}
.style-dark.sc-menu-header {
background-color: transparent;
}
.fixed-mobile-only .sc-menu-header-brand.sc-menu-header-logo {
margin-left: 0;
}
.sc-menu-header .nav-item > .menu-link {
font-size: 0.8em;
letter-spacing: -0.015em;
font-weight: 500;
line-height: 1.1;
}
.sc-menu-header .dropdown-item > .menu-link {
transition: transform 0.2s ease, opacity 0.12s ease, background-color 0.35s cubic-bezier(0.04, 0.6, 0.41, 0.94);
-webkit-transition: transform 0.2s ease, opacity 0.12s ease, background-color 0.35s cubic-bezier(0.04, 0.6, 0.41, 0.94);
-moz-transition: transform 0.2s ease, opacity 0.12s ease, background-color 0.35s cubic-bezier(0.04, 0.6, 0.41, 0.94);
}
.sc-menu-header.fake-over, .wrap {
padding-left: 6.8vw; padding-right: 6.8vw; }
.wrap {
width: 100%!important; max-width: 100%!important; }
.sc-menu-header .nav-additional {
display: flex;
flex-direction: column;
flex-wrap: wrap;
height: 100%;
max-height: 2.8em;
align-items: flex-end;
align-content: flex-end;
justify-content: space-around; gap: 0 6%;
flex-grow: 1;
}
.sc-menu-header .nav-additional > * {
display: flex;
align-items: center;
height: 50%;
}
.sc-menu-header .nav-additional > .phone {
font-weight: 700;
font-size: 1.25em; }
.sc-menu-header .nav-additional > .phone:nth-of-type(3) {
order: 3;
}
.sc-menu-header .nav-additional > .phone:nth-of-type(4) {
order: 4;
}
.sc-menu-header .nav-additional > .address, .sc-menu-header .nav-additional > .email {
height: 100%;
}
.sc-menu-header .nav-additional > .address {
order: 0;
font-size: 0.8em;
}
.sc-menu-header .nav-additional > .email {
display: flex;
flex-wrap: nowrap;
font-size: 0.8em;
order: 1;
gap: 0.4em;  }
.sc-menu-header .nav-additional > .social {
display: flex;
order: 4;  width: 100%; flex-direction: column; position: absolute;
right: 0.35em;
top: 0; width: 1.4em;
flex-wrap: wrap; height: 100%;
align-content: flex-end;
align-items: center;
justify-content: space-evenly;
}
}
@media (max-width: 1349px) and (min-width: 992px) {
.sc-menu-header.fake-over {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.sc-menu-header.fake-over .sc-menu-header-brand.sc-menu-header-logo {
font-size: 0.8em;
}
.sc-menu-header.fake-over .nav-menu {
justify-content: center;
gap: 1vw;
}
}
@media (max-width: 1279px) and (min-width: 992px) {
.sc-menu-header.fake-over .sc-menu-header-brand.sc-menu-header-logo {
display: none;
}
.sc-menu-header.fake-over .nav-menu {
gap: 0.7vw;
}
}
@media (max-width: 1100px) {
.wrap {
padding-left: 5.5vw; padding-right: 5.5vw; }
}
@media (max-width: 991px) {
.sc-menu-header, .wrap, .sc-menu-header-toggler {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.sc-menu-header-toggler {
margin-right: -0.75rem;
}
}
.style-light .nav-additional > .social > a {
filter: grayscale(1) brightness(0);
-webkit-filter: grayscale(1) brightness(0);
-moz-filter: grayscale(1) brightness(0);
}
.style-dark .nav-additional > .social > a {
filter: grayscale(1) brightness(10);
-webkit-filter: grayscale(1) brightness(10);
-moz-filter: grayscale(1) brightness(10);
}
@media (hover: hover) {
.sc-menu-header .nav-additional > .social > a:hover {
filter: unset;
-webkit-filter: unset;
-moz-filter: unset;
}
}
.nav-additional > .social > .fb {
background-image: url(//emotocin.ru/wp-content/themes/emotocin/img/icons/fb-green.png);
}
.nav-additional > .social > .vk {
background-image: url(//emotocin.ru/wp-content/themes/emotocin/img/icons/vk-green.png);
}
.nav-additional > .social > .inst {
background-image: url(//emotocin.ru/wp-content/themes/emotocin/img/icons/inst-green.png);
}
.nav-additional > .social > .ok {
background-image: url(//emotocin.ru/wp-content/themes/emotocin/img/icons/ok-green.png);
} .breadcrumbs {
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
color: rgba(51, 51, 51, 1);
gap: 0.4em 0;
}
@media (min-width: 992px) {
.breadcrumbs {  margin-top: 5rem;
}
.breadcrumbs ~ * > h1,
.breadcrumbs ~ h1 { padding-top: 0.7rem;
}
.sc-menu-header + *:not(.breadcrumbs) + h1,
.sc-menu-header + *:not(.breadcrumbs) > h1,
.sc-menu-header + *:not(.breadcrumbs) ~ * > h1 { padding-top: calc(1.9rem + 0.6rem + 2.1rem);
}
}
@media (max-width: 991px) {
.breadcrumbs {  margin-top: 0.75rem;
}
.breadcrumbs ~ * > h1,
.breadcrumbs ~ h1 { padding-top: 0.3rem;
}
.sc-menu-header + *:not(.breadcrumbs) + h1,
.sc-menu-header + *:not(.breadcrumbs) > h1,
.sc-menu-header + *:not(.breadcrumbs) ~ * > h1 {  padding-top: 0.2rem;
}
}
.sc-menu-header.style-dark + .breadcrumbs {
color: rgba(185, 185, 185, 0.45);
}
.breadcrumbs > ul {
position: relative;
display: inline-flex;
flex-direction: row;
color: inherit;
height: auto;
width: max-content;
padding: 0;
margin: 0;
list-style: none;
}
.breadcrumbs > ul > li {
position: relative;
display: inline-flex;
flex-direction: row;
flex-wrap: nowrap;
font-size: 0.75rem;
font-weight: 300;
color: inherit;
line-height: 1.4;
min-height: 2.1rem;
height: auto;
align-items: center;
margin: 0;
padding: 0;
}
.breadcrumbs > ul > li ~ li::before {
position: relative;
display: inline-flex;
flex-direction: row;
flex-wrap: nowrap;
content: "\002F";
margin-left: 0.3em;
margin-right: 0.3em;
}
.breadcrumbs > ul > li > *,
.breadcrumbs > ul > li > a:not(:hover) {
color: inherit;
}
.breadcrumbs > ul > li > a {
position: relative;
display: inline-flex;
flex-direction: row;
flex-wrap: nowrap;    height: min-content;
}
@media (hover: hover) {
.breadcrumbs > ul > li > a:hover {
text-decoration: none;
}
}
.breadcrumbs > ul > li > span {
position: relative;
display: inline-flex;
flex-direction: row;
flex-wrap: nowrap;
opacity: 0.55;
}
@media (max-width: 991px) {
.breadcrumbs > ul {
flex-wrap: nowrap; }
.breadcrumbs > ul > li {
white-space: nowrap; }
}  .content-bg {
position: absolute;
z-index: -1;
display: block;
user-select: none;
pointer-events: none;
left: calc(50% + 2em);
height: 70%;
width: auto;
max-height: 60vh;
min-height: 28em;
top: 4em;
}
@media (max-width: 991px) {
.content-bg {
left: calc(50% - 7em);
}
}  .pagination {
position: relative;
display: grid;
width: 100%;
justify-items: center;
align-content: center;
align-items: center;
grid-template-columns: 1fr max-content 1fr;
gap: 1.5em 0;
}
.pagination > * {
position: relative;
display: inline-flex;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: center;
align-items: center;
}
.pagination > .total {
height: 2.5em;
display: inline-flex;
width: max-content;
grid-row: 1;
grid-column: 1;
justify-self: flex-start;
}
.pagination > .total > * {
text-transform: lowercase;
font-size: 1em;
color: rgba(51, 51, 51, 1);
}
.pagination > .all-pages-toggle {
height: 2.5em;
width: max-content;
border-radius: 2em;
padding-left: 1.25em;
padding-right: 1.25em;
transition: box-shadow 0.125s ease-out;
grid-row: 1;
grid-column: 3;
justify-self: flex-end;
}
.pagination > .all-pages-toggle > * {
text-transform: lowercase;
font-size: 1em;
color: rgba(51, 51, 51, 1);
}
.pagination > .all-pages-toggle:not(.active) {
box-shadow: inset 0 0 0 0.1rem rgba(15, 15, 15, 1);
}
.pagination > .all-pages-toggle.active {
box-shadow: inset 0 0 0 0.1rem rgba(126, 209, 87, 1);
}
@media (hover: hover) {
.pagination > .all-pages-toggle:hover { color: inherit;
}
}
.pagination > .navigation {
grid-row: 1;
grid-column: 2;
justify-self: center;
gap: 0.25em;
}
.pagination > .navigation > * {
position: relative;
display: inline-flex;
flex-direction: row;
align-content: center;
justify-content: center;
align-items: center;
height: 2em;
width: 2em; }
@media (max-width: 991px) {
.pagination > .total {
grid-row: 2;
grid-column: 1/3;
}
.pagination > .navigation {
grid-column: 1/4;
}
.pagination > .all-pages-toggle {
grid-row: 2;
grid-column: 2/4;
}
}
.pagination > .navigation > .in-start,
.pagination > .navigation > .in-end {
text-transform: lowercase;
background-color: transparent;
width: max-content;
line-height: 0;
}
.pagination > .navigation > .in-start > * {
padding-right: 0.25em;
}
.pagination > .navigation > .in-end > * {
padding-left: 0.25em;
}
@media (max-width: 767px) {
.pagination > .navigation > .in-start,
.pagination > .navigation > .in-end {
order: 10;
width: calc(50% - 0.25em / 2);
}
}
.pagination > .navigation > a {
}
.pagination > .navigation > div {
}
.pagination > .navigation > * > * {
display: block;
width: 100%;
text-align: center;
}
.pagination > .navigation > .prev > *, .pagination > .navigation > .next > * {
background-position: center center;
background-repeat: no-repeat;
background-size: 1em;
background-image: url('data:image/svg+xml,%3Csvg%20id%3D%22dropdown%22%20data-name%3D%22dropdown%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%235ecf3a%3Bstroke-miterlimit%3A10%3Bstroke-width%3A11px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%22113.791%2039.106%2064%2088.897%2014.209%2039.106%22%2F%3E%3C%2Fsvg%3E');
height: 100%;
filter: grayscale(1) brightness(0.29);
-webkit-filter: grayscale(1) brightness(0.29);
-moz-filter: grayscale(1) brightness(0.29);
}
.pagination > .navigation > .prev.inactive > *, .pagination > .navigation > .next.inactive > * {
filter: grayscale(1) brightness(1.28);
-webkit-filter: grayscale(1) brightness(1.28);
-moz-filter: grayscale(1) brightness(1.28);
}
@media (hover: hover) {
.pagination > .navigation > .prev:not(.inactive):hover > *, .pagination > .navigation > .next:not(.inactive):hover > * {
filter: unset;
-webkit-filter: unset;
-moz-filter: unset;
}
}
.pagination > .navigation > .prev > * {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
padding-right: 0.25em;
}
.pagination > .navigation > .next > * {
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
padding-left: 0.25em;
}
.pagination > .navigation > .num > * {
height: max-content;
}
.pagination > .navigation > .inactive {
color: rgba(200, 200, 200, 1);
} a.scrolldown-button {
display: flex;
border-radius: 50%;
text-decoration: none;
flex-direction: column;
align-items: center;
height: 3.5em;
width: 3.5em;
justify-content: center;
-webkit-transition: opacity 0.17s ease-in-out, width 0.12s ease-in-out, height 1s ease-in-out, transform 0.5s ease-in-out;
-moz-transition: opacity 0.17s ease-in-out, width 0.12s ease-in-out, height 1s ease-in-out, transform 0.5s ease-in-out;
transition: opacity 0.17s ease-in-out, width 0.12s ease-in-out, height 1s ease-in-out, transform 0.5s ease-in-out;
}
@media (min-width: 992px) {
a.scrolldown-button {
bottom: 0.8rem;
}
}
@media (max-width: 991px) and (orientation: portrait)  {
a.scrolldown-button {
bottom: 5rem;
}
}
@media (max-width: 991px) and (orientation: landscape) {
a.scrolldown-button {
bottom: 0.5rem;
}
}
a.scrolldown-button.hidden {
height: 0;
width: 0;
opacity: 0;
transform: translateY(-3.5em);
-webkit-transform:transform: translateY(-3.5em);
-moz-transform: translateY(-3.5em);
}
a.scrolldown-button::after {
width: 54%;
height: 100%;
border: 2px solid rgba(51, 51, 51, 1);
border-radius: 3em;
content: "";
-webkit-transition: transform 0.24s ease-in-out;
-moz-transition: transform 0.24s ease-in-out;
transition: transform 0.24s ease-in-out;
}
a.scrolldown-button::before {
width: 0.375em;
height: 0.375em;
background-color: rgba(51, 51, 51, 1);
border-radius: 1em;
content: "";
-webkit-transition: margin-top 0.24s ease-in-out;
-moz-transition: margin-top 0.24s ease-in-out;
transition: margin-top 0.24s ease-in-out;
position: absolute;
-webkit-animation: scrollDownDot 2s infinite;
animation: scrollDownDot 2s infinite;
}
@media (hover) {
.video-vital a.scrolldown-button:hover:after, .video-vital a.scrolldown-button:hover:after {
-webkit-transform: translateY(0.4em);
-moz-transform: translateY(0.4em);
transform: translateY(0.4em);
}
.video-vital a.scrolldown-button:hover:before, .video-vital a.scrolldown-button:hover:before {
margin-top: 0.4em;
}
}
@-webkit-keyframes scrollDownDot {
0% {
-webkit-transform: translateY(-0.85em);
opacity: 0;
}
40% {
opacity: 1;
}
80% {
-webkit-transform: translateY(0.85em);
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes scrollDownDot {
0% {
transform: translateY(-0.85em);
opacity: 0;
}
40% {
opacity: 1;
}
80% {
transform: translateY(0.85em);
opacity: 0;
}
100% {
opacity: 0;
}
} .arrowed-button, .green-button, .green-black-button, .green-black-button-rev, .green-button-rev, .green-white-button, .green-light-button, .green-light-button-rev {
transition: background-color 0.075s ease-out, box-shadow 0.075s ease-out;
-moz-transition: background-color 0.075s ease-out, box-shadow 0.075s ease-out;
-webkit-transition: background-color 0.075s ease-out, box-shadow 0.075s ease-out;
}
.arrowed-button > span, .green-button > span, .green-black-button > span, .green-black-button-rev > span, .green-button-rev > span, .green-white-button > span, .green-light-button > span, .green-light-button-rev > span {
transition: color 0.075s ease-out;
-moz-transition: color 0.075s ease-out;
-webkit-transition: color 0.075s ease-out;
}
.arrowed-button {
display: flex;
position: relative;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
border-radius: 3em;
gap: 0.7em;
padding-top: 1em;
padding-bottom: 1em;
padding-left: 2.1em;
padding-right: calc(2.1em - 1.25em / 2); text-transform: lowercase;
background-color: rgba(255, 255, 255, 1);
box-shadow: 0 0 0 1px rgba(126, 209, 87, 1);
}
.arrowed-button > span {
color: rgba(15, 15, 15, 1);
line-height: 1;
font-weight: 500;
}
.arrowed-button::after {
display: block;
position: relative;
content: " ";
width: 1.25em;
height: 1.25em;
right: 0;
border-radius: 1em;
line-height: 1;
background-repeat: no-repeat;
background-position: calc(50% + 0.05em) 50%;
background-size: 50% auto;
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22li-circle-red%22%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2232%20128%2032%200%2096%2064%2032%20128%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
background-color: rgba(126, 209, 87, 1);
transition: background-color 0.075s ease-out, filter 0.075s ease-out, transform 0.125s ease, background-size 0.125s ease;
-moz-transition: background-color 0.075s ease-out, filter 0.075s ease-out, transform 0.125s ease, background-size 0.125s ease;
-webkit-transition: background-color 0.075s ease-out, filter 0.075s ease-out, transform 0.125s ease, background-size 0.125s ease;
}
.green-button {
background-color: rgba(126, 209, 87, 1);
box-shadow: inset 0 0 0 0.1rem rgba(126, 209, 87, 1);
}
.green-button > span {
color: rgba(255, 255, 255, 1);
}
.green-black-button {
background-color: rgba(126, 209, 87, 1);
box-shadow: inset 0 0 0 0.1rem rgba(126, 209, 87, 1);
}
.green-black-button > span {
color: rgba(255, 255, 255, 1);
}
.green-black-button-rev {
background-color: rgba(0, 194, 160, 0);
box-shadow: inset 0 0 0 0.1rem rgba(126, 209, 87, 1);
}
.green-black-button-rev > span {
color: rgba(126, 209, 87, 1);
}
.green-white-button {
background-color: rgba(126, 209, 87, 1);
box-shadow: inset 0 0 0 0.1rem rgba(126, 209, 87, 1);
}
.green-white-button > span {
color: rgba(255, 255, 255, 1);
}
.green-button-rev {
background-color: rgba(0, 194, 160, 0);
box-shadow: inset 0 0 0 0.1rem rgba(126, 209, 87, 1);
}
.green-button-rev > span {
color: rgba(126, 209, 87, 1);
}
.green-light-button {
background-color: rgba(126, 209, 87, 1);
box-shadow: inset 0 0 0 0.1rem rgba(126, 209, 87, 1);
}
.green-light-button > span {
color: rgba(255, 255, 255, 1);
}
.green-light-button-rev {
background-color: rgba(0, 194, 160, 0);
box-shadow: inset 0 0 0 0.1rem rgba(126, 209, 87, 1);
}
.green-light-button-rev > span { color: rgba(0, 229, 189, 1);
}
@media (hover: hover) {
.arrowed-button:hover {
background-color: rgba(126, 209, 87, 1);
}
.arrowed-button:hover::after {
transform: scale(1.4);
-moz-transform: scale(1.4);
-webkit-transform: scale(1.4);
background-size: 60% auto;
}
.green-button:hover {
background-color: rgba(0, 194, 160, 0); }
.green-button:hover > span {
color: rgba(126, 209, 87, 1);
}
.green-black-button:hover {
background-color: rgba(0, 194, 160, 0);
box-shadow: inset 0 0 0 0.1rem rgba(100, 100, 100, 1);
}
.green-black-button:hover > span {
color: rgba(51, 51, 51, 1);
}
.green-black-button-rev:hover {
background-color: rgba(0, 194, 160, 0);
box-shadow: inset 0 0 0 0.1rem rgba(100, 100, 100, 1);
}
.green-black-button-rev:hover > span {
color: rgba(51, 51, 51, 1);
}
.green-white-button:hover {
background-color: rgba(0, 194, 160, 0);
box-shadow: inset 0 0 0 0.1rem rgba(255, 255, 255, 1);
}
.green-white-button:hover > span { }
.green-button-rev:hover {
background-color: rgba(126, 209, 87, 1); }
.green-button-rev:hover > span {
color: rgba(255, 255, 255, 1);
}
.green-light-button:hover {
background-color: rgba(0, 194, 160, 0); }
.green-light-button:hover > span {
color: rgba(0, 229, 189, 1);
}
.green-light-button-rev:hover {
background-color: rgba(126, 209, 87, 1); }
.green-light-button-rev:hover > span {
color: rgba(255, 255, 255, 1);
}
}  .fullscreen-block {
min-height: 100vh;
height: 100vh;
min-width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
}
@media (min-width: 992px) {
.sc-menu-header.fixed-mobile-only + .fullscreen-block {
min-height: calc(100vh - 6.7em);
height: calc(100vh - 6.7em);
}
.sc-menu-header.fixed-top:not(.fixed-mobile-only) + .fullscreen-block {
min-height: calc(100vh - 2.8em); height: calc(100vh - 2.8em); }
}
@media (max-width: 991px) {
video {
overflow: auto;
}
}
.fullscreen-block .videowrapper {
flex: 1 1 0;
overflow: hidden;
z-index: 1;
min-width: 100%;
min-height: 100%;
flex-direction: column;
max-width: 100%;
display: flex;
justify-content: center;
flex-wrap: nowrap;
align-items: center; }
.fullscreen-block .videowrapper img {
height: 100%;
object-fit: none;
width: auto;
}
.videotext, .scrolldown-button {
position: absolute;
z-index: 100;
}  .block-divider {
background-image: url(//emotocin.ru/wp-content/themes/emotocin/img/divider.webp);
background-position: center center;
background-repeat: no-repeat;
background-size: auto 100%;
height: 1.1rem;
width: 100%;
margin-top: 1.6em;
margin-bottom: 1.6em;
} .buy-button {
position: relative;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
width: 100%;
justify-content: center;
align-items: center;
gap: 1em 3em;
background-color: rgba(223, 255, 213, 1);
background-image: radial-gradient(rgba(255, 255, 255, 0.77) 0%, transparent);
padding-top: 2em;
padding-bottom: 2em;
}
.buy-button > .button-side,
.buy-button > .image-side {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.buy-button > .button-side {
font-size: 1.25em;
}
.buy-button > .image-side {
height: 14em;
}
.buy-button > .image-side > img {
max-width: 100%;
max-height: 100%;
height: 100%;
width: auto;
display: block;
object-fit: cover;
}
@media (max-width: 639px) {
.buy-button {
flex-direction: column;
}
.buy-button > .button-side {
order: 2;
}
.buy-button > .image-side {
order: 1;
}
}  h2.underlined { transition: color 1s ease, filter 0.4s ease!important;
-moz-transition: color 1s ease, filter 0.4s ease!important;
-webkit-transition: color 1s ease, filter 0.4s ease!important;
}
h2.underlined::after {
display: block;
position: relative;
content: " ";
height: 0.1em;
width: 100%;
background-image: radial-gradient(circle at 50% 50%, rgba(150, 255, 0, 1), rgba(126, 209, 87, 1));
margin-top: 0.3em;
transition: width 0.8s ease, filter 0.4s ease!important;
-moz-transition: width 0.8s ease, filter 0.4s ease!important;
-webkit-transition: width 0.8s ease, filter 0.4s ease!important;
}
@media (min-width: 992px) {
h2.underlined[animator]:not(.animate) {
color: rgba(255, 255, 255, 0)!important;
}
h2.underlined[animator]:not(.animate)::after {
width: 0%!important;
}
}
.common-block-hidden-text > .block-header.underlined:not(.active)::after {
filter: grayscale(0);
-moz-filter: grayscale(0);
-webkit-filter: grayscale(0);
}
.common-block-hidden-text > .block-header.underlined:not(.active)::after {
filter: grayscale(1);
-moz-filter: grayscale(1);
-webkit-filter: grayscale(1);
}     .uteka-widget { width: 100%; height: 33em;
outline: 1px solid #e0e0e0;
}
.uteka-widget iframe {
border: none;
width: 100%;
height: calc(100% - 57px);
}
.uteka-widget__container {
margin: 0 auto;
padding: 0 16px;
}
@media (min-width: 600px) {
.uteka-widget__container {
padding: 0 20px;
}
}
@media (min-width: 768px) {
.uteka-widget__container {
padding: 0 40px;
}
}
@media (min-width: 1024px) {
.uteka-widget__container {
padding: 0 44px;
}
}
@media (min-width: 1440px) {
.uteka-widget__container {
padding: 0 60px;
max-width: 1440px;
}
}
.uteka-widget-header {
background: #fff;
border-bottom: 1px solid #e0e0e0;
}
.uteka-widget-header__inner {
position: relative;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
height: 56px;
}
.uteka-widget-header__title {
background: url(https://widget.uteka.ru/static/img/widgets/title_2@mobile.svg) no-repeat;
background-position: center;
width: 230px;
height: 24px;
}
.uteka-widget-header__logo {
height: 16px;
}
.uteka-widget-header__logo img {
height: 100%;
}
.uteka-widget-header__close {
position: absolute;
top: 0;
right: -8px;
bottom: 0;
z-index: 5;
margin: auto;
width: 32px;
height: 32px;
background: url(https://widget.uteka.ru/static/img/widgets/close_2.svg) no-repeat center;
}
@media (min-width: 1024px) {
.uteka-widget-header__inner {
flex-direction: row;
}
.uteka-widget-header__title {
background-image: url(https://widget.uteka.ru/static/img/widgets/title_2.svg);
width: 264px;
height: 24px;
}
.uteka-widget-header__logo {
position: absolute;
left: 0;
bottom: 0;
top: 0;
margin: auto;
height: 32px;
}
}  .post-info {
display: flex;
position: relative;
flex-direction: row;
flex-wrap: wrap;
gap: 0.5em 1.2em;
font-size: 0.8rem;
margin-bottom: 0.5em;
margin-top: 0.4em;
} .post-info > .post-date {
display: inline-flex;
position: relative;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-start;
gap: 0.3em;
} .post-views-counter {
display: inline-flex;
position: relative;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-start;
gap: 0.3em;
opacity: 0.6; }
.post-views-counter::before {
display: block;
position: relative;
content: " ";
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cg%20id%3D%22li-circle%22%3E%3Cpath%20d%3D%22M64%2C32.73c26.32%2C0%2C49.3%2C22.68%2C57.06%2C31.27C113.31%2C72.61%2C90.39%2C95.27%2C64%2C95.27S14.7%2C72.59%2C6.94%2C64C14.69%2C55.39%2C37.61%2C32.73%2C64%2C32.73m0-5.26C28.65%2C27.47%2C0%2C64%2C0%2C64s28.65%2C36.53%2C64%2C36.53S128%2C64%2C128%2C64%2C99.35%2C27.47%2C64%2C27.47Z%22%2F%3E%3Cpath%20d%3D%22M64%2C43.37A20.63%2C20.63%2C0%2C1%2C1%2C43.37%2C64%2C20.65%2C20.65%2C0%2C0%2C1%2C64%2C43.37m0-5.27A25.9%2C25.9%2C0%2C1%2C0%2C89.9%2C64%2C25.91%2C25.91%2C0%2C0%2C0%2C64%2C38.1Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
background-position: center center;
background-size: 100% auto;
background-repeat: no-repeat;
height: 1.2em;
width: 1.2em;
}  .amp-link {
display: flex;
position: relative;
width: 100%;
height: auto;
justify-content: center;
flex-wrap: nowrap;
align-items: center;
flex-direction: row;
padding-top: 1em;
padding-bottom: 0.5em;
}
.amp-link > a {
color: rgba(97, 137, 88, 1);
font-size: 0.8em;
text-decoration: none;
}  #article-headers-anchors li > a, #article-headers-anchors li > a:visited {
} .v-top {
filter: brightness(0.5) opacity(0.07);
-moz-filter: brightness(0.5) opacity(0.07);
-webkit-filter: brightness(0.5) opacity(0.07);
}
#blog-subcategory {
display: flex;
flex-direction: column;
flex-wrap: wrap;
gap: 3em;
padding-bottom: 5em;
}
#blog-subcategory > div:first-child.pagination {
}
@media (max-width: 991px) {
#blog-subcategory > div:first-child.pagination > .total {
grid-row: 1;
grid-column: 1/3;
}
#blog-subcategory > div:first-child.pagination > .navigation {
grid-row: 2;
grid-column: 1/4;
}
#blog-subcategory > div:first-child.pagination > .all-pages-toggle {
grid-row: 1;
grid-column: 2/4;
}
}
#blog-subcategory > div:last-child.pagination {
margin-top: 1.5em;
}
.navigation {
}
.posts {
display: flex;
position: relative;
flex-direction: row;
flex-wrap: wrap;
gap: 2em;
padding-bottom: 2.5rem;
}
.posts > [ajax-element="element"] {
position: relative;
display: grid; grid-template-rows: 15vw minmax(3em, max-content) auto min-content; flex-grow: 1;
gap: 0.5em;
grid-template-columns: auto min-content;
flex-basis: calc(100% / 3 - 2em * 2 / 3);
max-width: calc(100% / 3 - 2em * 2 / 3);  }
@media (max-width: 992px) {
.posts > [ajax-element="element"]:nth-of-type(n+1),
.posts > [ajax-element="element"]:nth-of-type(n) {
grid-template-rows: 22.5vw minmax(3em, max-content) auto min-content;
flex-basis: calc(100% / 2 - 2em / 2);
max-width: calc(100% / 2 - 2em / 2);
gap: 0.75em;
}
.posts > [ajax-element="element"]:nth-of-type(n+1) > .post-content ,
.posts > [ajax-element="element"]:nth-of-type(n) > .post-content {
font-size: 1.2em;
}
.posts > [ajax-element="element"]:nth-of-type(n+1) > .post-header ,
.posts > [ajax-element="element"]:nth-of-type(n) > .post-header {
font-size: 1.2em;
}
}
@media (max-width: 767px) {
.posts > [ajax-element="element"]:nth-of-type(n) {
grid-template-rows: 50vw minmax(3em, max-content) auto min-content;
flex-basis: 100%;
max-width: 100%;
}
}
.posts > [ajax-element="element"] > * {
width: auto;
}
.posts > [ajax-element="element"] > .post-header { grid-row: 2/3;
grid-column: 1/3;
}
@media (hover:hover) {
.posts > [ajax-element="element"] > .post-header > h2:hover {
text-underline-offset: 3px;
text-decoration-style: dashed;
text-decoration-thickness: 1px;
text-decoration-line: underline;
}
}
.posts > [ajax-element="element"] > .post-header > h2 {
font-size: 1.2em;
text-transform: unset;
}
.posts > [ajax-element="element"] > .post-image {
grid-row: 1/2;
grid-column: 1/3;
line-height: 0;
min-height: 100%;
overflow: hidden;
width: 100%;
}
.posts > [ajax-element="element"] > .post-image > img {
max-width: 100%;
-webkit-transition: opacity 0.5s ease-in-out, transform 0.35s ease;
-moz-transition: opacity 0.5s ease-in-out, transform 0.35s ease;
transition: opacity 0.5s ease-in-out, transform 0.35s ease;
object-fit: cover;
min-height: 100%;
min-width: 100%;
}
.posts > [ajax-element="element"] > .post-image > .replacer {
-webkit-transition: transform 0.35s ease;
-moz-transition: transform 0.35s ease;
transition: transform 0.35s ease;
}
@media (hover: hover) {
.posts > [ajax-element="element"] > .post-image > img:hover,
.posts > [ajax-element="element"] > .post-image > .replacer:hover {
transform: scale(1.12);
}
}
.posts > [ajax-element="element"] > .post-content {
font-size: 0.9em;
font-weight: 300;
grid-row: 3/4;
grid-column: 1/3;
} @media (hover: hover) {
.posts > [ajax-element="element"] > .post-link:not(:hover):after {
width: 1em;
}
.posts > [ajax-element="element"] > .post-link:hover:after {
width: 1.95em;
}
}
@media (max-width: 374px) {
.posts > [ajax-element="element"] > .post-link::after {
display: none;
}
}
.posts > [ajax-element="element"] > .post-date {
font-size: 0.9em;
font-weight: 300;
width: max-content;
align-self: end;
grid-row: 4/5;
grid-column: 2/3;
}body, .custom-scroll {   scrollbar-color: rgba(24, 165, 0, 1) transparent; }
body::-webkit-scrollbar-track, .custom-scroll::-webkit-scrollbar-track {
background-color: transparent; }
@media (max-width: 991px) {
#sc-menu-header-fake {
display: none;
}
}
#head-block {
user-select: none;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
background-color: rgba(53, 227, 59, 1);
position: relative;
gap: 6%;    background-image: radial-gradient(circle at 30% 52%, rgba(135, 199, 0, 1), rgba(53, 227, 59, 1)); justify-content: center;
align-items: center;
width: 100%;
overflow: hidden;  flex-direction: column;
}
#head-block > #background-emotocin {
display: block;
content: " ";
position: absolute;
max-width: 100%;
width: fit-content;
height: 100%;
top: 0;
bottom: 0;
right: 0;
z-index: 1;
overflow: visible;
height: 110%;
top: -10%;
}
#head-block > #background-emotocin > .light {
display: flex;
z-index: -1;
position: absolute;
max-height: 100%;
min-height: 100%;
height: fit-content;
width: 100%;
overflow: visible;
align-items: flex-end;
justify-content: center;
bottom: -25%;
overflow: visible;
}
#head-block > #background-emotocin > .light::before {
display: block;
content: " ";
position: absolute;
height: 100vh;
width: 100vh;
min-height: 60em;
min-width: 60em;
z-index: -1;
overflow: visible;
background-image: radial-gradient(circle at 50% 50%, rgba(255, 255, 200, 1) 0%, rgba(255, 255, 200, 0.6) 50%, transparent 66%);
transform: scale(2);
-moz-transform: scale(2);
-webkit-transform: scale(2);
}
#head-block > #background-emotocin > .light > svg,
#head-block > #background-emotocin > .light > img {
position: absolute;
display: block;
z-index: -1;
max-width: 100%;
object-fit: cover;
}
#head-block > #background-emotocin > .light > img {
height: fit-content;
min-width: 100%;
}
#head-block > #background-emotocin > .woman-knight {
display: flex;
position: relative;
height: 100%;
width: auto;
align-content: flex-end;
justify-content: center;
align-items: flex-end;
}
#head-block > #background-emotocin > .woman-knight > img {
position: relative;
display: block;
height: auto;
max-height: 100%;
object-fit: cover;
max-width: 100%;
overflow: visible;
filter: drop-shadow(0 0 2em rgba(255, 255, 200));
-moz-filter: drop-shadow(0 0 2em rgba(255, 255, 200));
-webkit-filter: drop-shadow(0 0 2em rgba(255, 255, 200));
}
#head-block > #background-emotocin > .woman-knight > img:not([loaded="true"]) {
min-height: 100%;
min-width: 100%;
}
#head-block > *:not(#background-emotocin) {
z-index: 2;
}
#head-block > .text-1,
#head-block > .image {
position: relative;
max-width: 42%;
}
#head-block > .text-1 {
display: flex;
position: relative;
letter-spacing: -0.02em;
color: rgba(15, 15, 15, 1);
text-align: right; flex-direction: column;
justify-content: flex-end;
font-size: 3em;
flex-basis: 25%;
padding-top: 1.5em;
}
@media (max-width: 1439px) {
#head-block > .text-1 {
font-size: 3em;
}
}
@media (max-width: 1349px) {
#head-block > .text-1 {
font-size: 2.9em;
}
#head-block {
gap: 5%;
}
}
@media (max-width: 1115px) {
#head-block {
gap: 4%;
}
}
#head-block > .image {
display: flex;
flex-basis: max-content;
height: max-content;
min-width: 18%;
max-height: max-content;
width: fit-content;
flex-grow: 1;
padding-bottom: 3%;
}
#head-block > .image > img {
max-width: 100%;
width: 100%;
height: fit-content;
object-fit: contain;
min-width: 100%;
}
#head-block > .text-1 {
font-weight: 500;
}
#head-block > .text-1 > span {
display: inline-flex;
flex-direction: row;
flex-wrap: nowrap;
}
#head-block > .text-1 > span:nth-of-type(1) { letter-spacing: 0.01em;
gap: 0.4em;
justify-content: flex-end;  letter-spacing: -0.0425em;
}
#head-block > .text-1 > span:nth-of-type(2) {  letter-spacing: -0.04em;
gap: 0.4em;    position: relative;
justify-content: flex-end;    letter-spacing: -0.0425em;
}
#head-block > .text-1 > span:nth-of-type(3) {
justify-content: flex-end;
gap: 0.3em;
}
#head-block > .text-1 > span:nth-of-type(3) > span:nth-of-type(1) {
font-weight: 300;
letter-spacing: 0.01em; }
#head-block > .text-1 > span:nth-of-type(3) > span:nth-of-type(2) { letter-spacing: 0.0;
}
#head-block > .text-1 > span:nth-of-type(2)::after { display: none;
content: " ";
height: 128%;
background-color: rgba(253, 175, 0, 1);
width: 103.4%;
position: absolute;
left: -1%;
top: -5%;
right: 0;
bottom: 0;
z-index: -1;
}
#head-block > .text-1 .logo {
position: relative;
display: inline-flex;
content: " ";
background-repeat: no-repeat;
background-position: 50% 63%;
background-size: 100% auto;
background-image: url(//emotocin.ru/wp-content/themes/emotocin/img/logo/logo-emotocin-dna.svg);
height: auto;
order: 0;
width: 1.8em;
min-width: 1.8em; filter: opacity(0.9);
-moz-filter: opacity(0.9);
-webkit-filter: opacity(0.9);
}
#head-block .appearing:not(.animate),
#head-block .appearing-slow:not(.animate) {
transition: opacity 0s ease!important;
-moz-transition: opacity 0s ease!important;
-webkit-transition: opacity 0s ease!important;
opacity: 0!important;
}
@media (max-width: 991px) {
#head-block .appearing[animator]:not(.animate) {
opacity: 0!important;
}
#head-block .appearing[animator].inanimate {
transition: opacity 0.25s ease!important;
-moz-transition: opacity 0.25s ease!important;
-webkit-transition: opacity 0.25s ease!important;
}
#head-block .appearing-slow[animator]:not(.animate) {
opacity: 0!important;
}
#head-block .appearing-slow[animator].inanimate {
transition: opacity 0.6s ease!important;
-moz-transition: opacity 0.6s ease!important;
-webkit-transition: opacity 0.6s ease!important;
}
#head-block .appearing-up[animator]:not(.animate) {
transform: translateY(0.8em)!important;
-moz-transform: translateY(0.8em)!important;
-webkit-transform: translateY(0.8em)!important;
opacity: 0!important;
}
#head-block .appearing-up[animator].inanimate {
transition: transform 0.3s ease-out, opacity 0.3s ease!important;
-moz-transition: transform 0.3s ease-out, opacity 0.3s ease!important;
-webkit-transition: transform 0.3s ease-out, opacity 0.3s ease!important;
}
#head-block .appearing-right[animator]:not(.animate) {
transform: translateX(0.6em)!important;
-moz-transform: translateX(0.6em)!important;
-webkit-transform: translateX(0.6em)!important;
opacity: 0!important;
}
#head-block .appearing-right[animator].inanimate {
transition: transform 0.3s ease, opacity 0.3s ease!important;
-moz-transition: transform 0.3s ease, opacity 0.3s ease!important;
-webkit-transition: transform 0.3s ease, opacity 0.3s ease!important;
}
}
@-webkit-keyframes light-1 {
0% {
transform: rotate(-30deg) scale(1.75);
-moz-transform: rotate(-30deg) scale(1.75);
-webkit-transform: rotate(-30deg) scale(1.75);
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
}
40% {
transform: rotate(-10deg) scale(1.85);
-moz-transform: rotate(-10deg) scale(1.85);
-webkit-transform: rotate(-10deg) scale(1.85);
animation-timing-function: ease-in;
-webkit-animation-timing-function: ease-in;
}
100% {
transform: rotate(5deg) scale(1.9);
-moz-transform: rotate(5deg) scale(1.9);
-webkit-transform: rotate(5deg) scale(1.9);
}
}
@keyframes light-1 {
0% {
transform: rotate(-30deg) scale(1.75);
-moz-transform: rotate(-30deg) scale(1.75);
-webkit-transform: rotate(-30deg) scale(1.75);
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
}
40% {
transform: rotate(-10deg) scale(1.85);
-moz-transform: rotate(-10deg) scale(1.85);
-webkit-transform: rotate(-10deg) scale(1.85);
animation-timing-function: ease-in;
-webkit-animation-timing-function: ease-in;
}
100% {
transform: rotate(5deg) scale(1.9);
-moz-transform: rotate(5deg) scale(1.9);
-webkit-transform: rotate(5deg) scale(1.9);
}
}
@-webkit-keyframes light-2 {
0% {
transform: rotate(70deg) scale(1.85);
-moz-transform: rotate(70deg) scale(1.85);
-webkit-transform: rotate(70deg) scale(1.85);
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
}
45% {
transform: rotate(90deg) scale(1.75);
-moz-transform: rotate(90deg) scale(1.75);
-webkit-transform: rotate(90deg) scale(1.75);
animation-timing-function: ease-in;
-webkit-animation-timing-function: ease-in;
}
100% {
transform: rotate(115deg) scale(1.65);
-moz-transform: rotate(115deg) scale(1.65);
-webkit-transform: rotate(115deg) scale(1.65);
}
}
@keyframes light-2 {
0% {
transform: rotate(70deg) scale(1.85);
-moz-transform: rotate(70deg) scale(1.85);
-webkit-transform: rotate(70deg) scale(1.85);
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
}
45% {
transform: rotate(90deg) scale(1.75);
-moz-transform: rotate(90deg) scale(1.75);
-webkit-transform: rotate(90deg) scale(1.75);
animation-timing-function: ease-in;
-webkit-animation-timing-function: ease-in;
}
100% {
transform: rotate(115deg) scale(1.65);
-moz-transform: rotate(115deg) scale(1.65);
-webkit-transform: rotate(115deg) scale(1.65);
}
}
@-webkit-keyframes light-3 {
0% {
transform: rotate(-130deg) scale(1.55);
-moz-transform: rotate(-130deg) scale(1.55);
-webkit-transform: rotate(-130deg) scale(1.55);
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
}
65% {
transform: rotate(-105deg) scale(1.8);
-moz-transform: rotate(-105deg) scale(1.8);
-webkit-transform: rotate(-105deg) scale(1.8);
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
}
100% {
transform: rotate(-85deg) scale(1.9);
-moz-transform: rotate(-85deg) scale(1.9);
-webkit-transform: rotate(-85deg) scale(1.9);
}
}
@keyframes light-3 {
0% {
transform: rotate(-130deg) scale(1.55);
-moz-transform: rotate(-130deg) scale(1.55);
-webkit-transform: rotate(-130deg) scale(1.55);
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
}
65% {
transform: rotate(-105deg) scale(1.8);
-moz-transform: rotate(-105deg) scale(1.8);
-webkit-transform: rotate(-105deg) scale(1.8);
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
}
100% {
transform: rotate(-85deg) scale(1.9);
-moz-transform: rotate(-85deg) scale(1.9);
-webkit-transform: rotate(-85deg) scale(1.9);
}
}
@-webkit-keyframes light-4 {
0% {
transform: rotate(170deg) scale(1.55);
-moz-transform: rotate(170deg) scale(1.55);
-webkit-transform: rotate(170deg) scale(1.55);
animation-timing-function: ease-in;
-webkit-animation-timing-function: ease-in;
}
70% {
transform: rotate(145deg) scale(1.45);
-moz-transform: rotate(145deg) scale(1.45);
-webkit-transform: rotate(145deg) scale(1.45);
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
}
100% {
transform: rotate(125deg) scale(1.4);
-moz-transform: rotate(125deg) scale(1.4);
-webkit-transform: rotate(125deg) scale(1.4);
}
}
@keyframes light-4 {
0% {
transform: rotate(170deg) scale(1.55);
-moz-transform: rotate(170deg) scale(1.55);
-webkit-transform: rotate(170deg) scale(1.55);
animation-timing-function: ease-in;
-webkit-animation-timing-function: ease-in;
}
70% {
transform: rotate(145deg) scale(1.45);
-moz-transform: rotate(145deg) scale(1.45);
-webkit-transform: rotate(145deg) scale(1.45);
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
}
100% {
transform: rotate(125deg) scale(1.4);
-moz-transform: rotate(125deg) scale(1.4);
-webkit-transform: rotate(125deg) scale(1.4);
}
}
@-webkit-keyframes light-5 {
0% {
transform: rotate(195deg) scale(1.9);
-moz-transform: rotate(195deg) scale(1.9);
-webkit-transform: rotate(195deg) scale(1.9);
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
}
50% {
transform: rotate(220deg) scale(1.8);
-moz-transform: rotate(220deg) scale(1.8);
-webkit-transform: rotate(220deg) scale(1.8);
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
}
100% {
transform: rotate(240deg) scale(1.7);
-moz-transform: rotate(240deg) scale(1.7);
-webkit-transform: rotate(240deg) scale(1.7);
}
}
@keyframes light-5 {
0% {
transform: rotate(195deg) scale(1.9);
-moz-transform: rotate(195deg) scale(1.9);
-webkit-transform: rotate(195deg) scale(1.9);
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
}
50% {
transform: rotate(220deg) scale(1.8);
-moz-transform: rotate(220deg) scale(1.8);
-webkit-transform: rotate(220deg) scale(1.8);
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
}
100% {
transform: rotate(240deg) scale(1.7);
-moz-transform: rotate(240deg) scale(1.7);
-webkit-transform: rotate(240deg) scale(1.7);
}
}
#head-block > #background-emotocin > .light > svg,
#head-block > #background-emotocin > .light > img {
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
animation-direction: alternate-reverse;
-webkit-animation-direction: alternate-reverse;
animation-play-state: running;
-webkit-animation-play-state: running;
animation-fill-mode: both;
-webkit-animation-fill-mode: both;
}
#head-block > #background-emotocin > .light > svg {
filter: sepia(1) blur(0.7em);
-moz-filter: sepia(1) blur(0.7em);
-webkit-filter: sepia(1) blur(0.7em);
}
#head-block > #background-emotocin > .light > img {
filter: sepia(1) hue-rotate(10deg) contrast(1.5) saturate(1.5);
-moz-filter: sepia(1) hue-rotate(10deg) contrast(1.5) saturate(1.5);
-webkit-filter: sepia(1) hue-rotate(10deg) contrast(1.5) saturate(1.5);
}
#head-block > #background-emotocin > .light > *:nth-of-type(2n+1) {
animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-duration: 20s;
-webkit-animation-duration: 20s;
animation-play-state: paused; -webkit-animation-play-state: paused; }
#head-block > #background-emotocin > .light > *:nth-of-type(2n) {
animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-duration: 16s;
-webkit-animation-duration: 16s;
}
#head-block > #background-emotocin > .light > *:nth-of-type(5n+1) {
animation-name: light-1;
-webkit-animation-name: light-1;
}
#head-block > #background-emotocin > .light > svg:nth-of-type(5n+1) {
animation-play-state: paused; -webkit-animation-play-state: paused; }
#head-block > #background-emotocin > .light > *:nth-of-type(5n+2) {
animation-name: light-2;
-webkit-animation-name: light-2;
}
#head-block > #background-emotocin > .light > *:nth-of-type(5n+3) {
animation-name: light-3;
-webkit-animation-name: light-3;
}
#head-block > #background-emotocin > .light > svg:nth-of-type(5n+3) {
animation-play-state: paused; -webkit-animation-play-state: paused; }
#head-block > #background-emotocin > .light > *:nth-of-type(5n+4) {
animation-name: light-4;
-webkit-animation-name: light-4;
}
#head-block > #background-emotocin > .light > *:nth-of-type(5n+5) {
animation-name: light-5;
-webkit-animation-name: light-5;
}
@media (orientation: landscape) {
#head-block {
min-height: 50vw !important;
}
#head-block > .text-1,
#head-block > .image {
align-self: flex-start;
left: 7%;
}
#head-block > .text-1 {
align-items: flex-start;
}
#head-block > #background-emotocin { max-width: 45%;
}
#head-block > #background-emotocin > .woman-knight > img[loaded="true"] { height: 100%;
}
#head-block > .text-1 > span {
}
#head-block > .text-1 > span:nth-of-type(1) {  text-align: left;
justify-content: flex-start; justify-content: flex-end;
}
#head-block > .text-1 > span:nth-of-type(2) {  justify-content: flex-start; justify-content: flex-end;
}
#head-block > .text-1 > span:nth-of-type(3) {  }
#head-block > .text-1 > span:nth-of-type(4) {  }
#head-block > .text-1 .logo {
order: 2;
}
}
@media (orientation: portrait) {
#head-block {
flex-direction: row;
align-items: flex-end; gap: 0.5rem; min-height: 140vw !important;
}
#head-block::before {
position: absolute;
display: block;
content: " ";
bottom: 0;
width: 100%;
height: 19%;
border-radius: 40% 40% 0 0 / 15%;
user-select: none;
background-color: rgba(255, 255, 255, 0.1); box-shadow: 0 -0.2em 2em 3em rgba(0, 0, 0, 0.1);
transform: scale(1.2);
}
#head-block > .text-1,
#head-block > .image {
min-height: 40%;
height: 40%;
justify-content: center;
padding-bottom: 20%;
}
#head-block > .text-1 {
padding-top: 0;
font-size: 2.5em;
font-weight: 800;
flex-basis: calc(55% - 0.5rem / 2 - 0.75rem);
width: calc(55% - 0.5rem / 2 - 0.75rem);
min-width: calc(55% - 0.5rem / 2 - 0.75rem);
}
#head-block > .text-1 > span {
color: rgba(255, 255, 255, 1);
}
#head-block > .text-1 .logo {
filter: invert(1);
-moz-filter: invert(1);
-webkit-filter: invert(1);
}
#head-block > .image { align-items: center;
flex-basis: calc(45% - 0.5rem / 2 - 0.75rem);
width: calc(45% - 0.5rem / 2 - 0.75rem);
min-width: calc(45% - 0.5rem / 2 - 0.75rem);
}
#head-block > .image > img {
filter: drop-shadow(0.1em -0.2em 0.2em rgba(0, 0, 0, 0.2));
-moz-filter: drop-shadow(0.1em -0.2em 0.2em rgba(0, 0, 0, 0.2));
-webkit-filter: drop-shadow(0.1em -0.2em 0.2em rgba(0, 0, 0, 0.2));
}
#head-block > .text-1 > span {
text-transform: uppercase;
}
#head-block > #background-emotocin {  top: -50%;
border-bottom: 0.8vw solid white;
overflow: hidden;
min-width: 100%;
width: 100%;
}
#head-block > #background-emotocin > .woman-knight { }
#head-block > #background-emotocin > .light {
}
a.scrolldown-button::before {
background-color: rgba(255, 255, 255, 1);
}
a.scrolldown-button::after {
border: 2px solid rgba(255, 255, 255, 1);
}
}
@media (min-width: 992px) {
#head-block {
padding-top: calc(6.7em - 2.8em); }
#head-block > .text-1:not(.animate) {
opacity: 0;
}
#head-block > .image:not(.animate) {
transition: opacity 0s ease!important;
-moz-transition: opacity 0s ease!important;
-webkit-transition: opacity 0s ease!important;
}
#head-block > .image:not(.animate) > img {
opacity: 0;
}
}
@media (max-width: 991px) {
#head-block > #background-emotocin > .light > * {
animation-play-state: paused !important; -webkit-animation-play-state: paused !important; }
#head-block > .text-1 {
font-size: 2.5em;
}
}
@media (max-width: 991px) and (orientation: landscape) {
}
@media (max-width: 991px) and (orientation: portrait) {
#head-block {  }
#head-block > .text-1 {
font-size: 1.8em;
}
a.scrolldown-button {
bottom: 2rem;
}
}
@media (max-width: 849px) {
#head-block > .text-1 {
font-size: 2.2em;
}
}
@media (max-width: 849px) and (orientation: portrait) {
#head-block > .text-1 {
font-size: 1.6em;
}
}
@media (min-width: 768px) {
}
@media (max-width: 767px) {
#head-block > .text-1 {
font-size: 2.1em;
}
}
@media (max-width: 767px) and (orientation: landscape) {
#head-block > #background-emotocin > .light > svg {
filter: sepia(1) blur(2.1vh);
-moz-filter: sepia(1) blur(2.1vh);
-webkit-filter: sepia(1) blur(2.1vh);
}
}
@media (max-width: 767px) and (orientation: portrait) {
#head-block > .text-1 {
font-size: 1.45em;
}
#head-block > #background-emotocin > .light > svg {
filter: sepia(1) blur(1.64vw);
-moz-filter: sepia(1) blur(1.64vw);
-webkit-filter: sepia(1) blur(1.64vw);
}
}
@media (max-width: 699px) and (orientation: landscape) {
#head-block > .text-1 { font-size: 1.6em;
padding-top: 1.8em;
}
}
@media (max-width: 699px) and (orientation: portrait) {
#head-block > .text-1 {
font-size: 1.25em;
}
}
@media (max-width: 599px) and (orientation: portrait) {
#head-block > .text-1 {
font-size: 1.1em;
}
}
@media (max-width: 549px) and (orientation: landscape) {
#head-block > .text-1 { font-size: 1.5em;
padding-top: 1.8em;
}
}
@media (max-width: 549px) and (orientation: portrait) {
#head-block > .text-1 {
font-size: 1em;
}
}
@media (max-width: 499px) and (orientation: landscape) {
#head-block > .text-1 { font-size: 1.25em;
}
}
@media (max-width: 499px) and (orientation: portrait) {
#head-block > .text-1 {
font-size: 0.95em;
}
}
@media (max-width: 449px) and (orientation: portrait) {
#head-block > .text-1 {
flex-basis: calc(62% - 0.5rem / 2 - 0.75rem);
width: calc(62% - 0.5rem / 2 - 0.75rem);
min-width: calc(62% - 0.5rem / 2 - 0.75rem);
}
#head-block > .image {
flex-basis: calc(38% - 0.5rem / 2 - 0.75rem);
width: calc(38% - 0.5rem / 2 - 0.75rem);
min-width: calc(38% - 0.5rem / 2 - 0.75rem);
}
}
@media (max-width: 424px) and (orientation: landscape) {
#head-block > .text-1 { font-size: 1.15em;
}
}
@media (max-width: 424px) and (orientation: portrait) {
#head-block > .text-1 {
font-size: 0.85em;
}
}
@media (max-width: 399px) and (orientation: portrait) {
#head-block > .text-1 {
font-size: 0.82em;
}
}
@media (max-width: 374px) and (orientation: portrait) {
#head-block > .text-1 {
font-size: 0.8em;
}
}
#benefits {
display: flex;
position: relative;
flex-direction: column;
flex-wrap: nowrap; align-items: center;
padding-top: 5em;
padding-bottom: 7em;
gap: 3em;
}
#benefits::after {
display: block;
position: absolute;
content: " ";
z-index: -1;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-image: url(//emotocin.ru/wp-content/themes/emotocin/img/chemical-bg.webp);
background-repeat: no-repeat;
background-position: 100% 50%;
background-size: auto 100%;
opacity: 0.55;
transition: opacity 0.2s ease;
-moz-transition: opacity 0.2s ease;
-webkit-transition: opacity 0.2s ease;
filter: hue-rotate(50deg); }
@media (min-width: 992px) {
#benefits[animator]:not(.animate)::after {
opacity: 0!important;
}
}
#benefits > .pre-header,
#benefits > .header {
text-transform: unset;
width: auto;
text-align: center;
padding-top: 0;
font-size: 3em;
}
#benefits > .pre-header > h1,
#benefits > .header > h1 {
font-size: 1em;
width: auto;
padding-top: 0;
padding-bottom: 0;
line-height: inherit;
text-transform: unset;
color: inherit;
text-align: center;
}
#benefits > .pre-header {
color: rgba(15, 15, 15, 1);
}
#benefits > .header {
color: rgba(15, 15, 15, 1);
font-weight: 600;
}
#benefits > .benefits,
#benefits > .limitations {
display: flex;
position: relative;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
#benefits > .limitations {
gap: 3em 6em;
padding-bottom: 2em;
}
#benefits > .benefits {
gap: 3em 10em;
}
#benefits > .limitations > *,
#benefits > .benefits > * {
padding: 0;
margin: 0;
}
#benefits > .limitations > *,
#benefits > .benefits > * {
display: inline-flex;
position: relative;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
height: auto;
gap: 1em;
justify-content: center;
}
#benefits > .limitations > * {
flex-basis: 19em;
max-width: 22em;
flex-grow: 1;
background-color: rgba(243, 154, 24, 1);
background-repeat: no-repeat;
background-position: 0.75em 1.5em, 100% 100%;
background-size: 2.5em auto, 100% 100%; background-image: url(//emotocin.ru/wp-content/themes/emotocin/img/exclamation.svg), radial-gradient(circle at 0% 0%, rgba(255, 85, 49, 1), rgba(255, 231, 106, 1));
padding: 4em 2em;
border-radius: 2.5em;
letter-spacing: -0.03em;
}
#benefits > .limitations > * > .text {
display: block;
position: relative;
height: auto;
width: 100%;
font-size: 1.3em;
text-align: center;
line-height: 1.3;
font-weight: 500;
color: rgba(15, 15, 15, 1);
filter: drop-shadow(0 0 1px rgba(255, 255, 140, 0.4));
-moz-filter: drop-shadow(0 0 1px rgba(255, 255, 140, 0.4));
-webkit-filter: drop-shadow(0 0 1px rgba(255, 255, 140, 0.4));
}
#benefits > .benefits > * {
flex-basis: 12.5em;
max-width: 15em;
min-width: 12.5em;
flex-grow: 1;
}
#benefits > .benefits > * > .image {
width: 100%;
min-height: 12.5em;
display: flex;
flex-grow: 1;
}
#benefits > .benefits > * > .image > img {   filter: drop-shadow(0 0 0.9em rgba(180, 237, 89, 1)) drop-shadow(0 0 0.6em rgba(125, 209, 90, 1));
-moz-filter: drop-shadow(0 0 0.9em rgba(180, 237, 89, 1)) drop-shadow(0 0 0.6em rgba(125, 209, 90, 1));
-webkit-filter: drop-shadow(0 0 0.9em rgba(180, 237, 89, 1)) drop-shadow(0 0 0.6em rgba(125, 209, 90, 1)); transition: filter .7s ease, opacity 0.5s ease;
-moz-transition: filter .7s ease, opacity 0.5s ease;
-webkit-transition: filter .7s ease, opacity 0.5s ease;
user-select: none;
pointer-events: none;
}
#benefits > .benefits > * > .text {
text-align: center;
width: auto;
max-width: 100%; font-size: 1.5em;
font-weight: 700;
filter: drop-shadow(0 0 1em rgba(255, 255, 255, 1)) drop-shadow(0 0 2em rgba(255, 255, 255, 1));
-moz-filter: drop-shadow(0 0 1em rgba(255, 255, 255, 1)) drop-shadow(0 0 2em rgba(255, 255, 255, 1));
-webkit-filter: drop-shadow(0 0 1em rgba(255, 255, 255, 1)) drop-shadow(0 0 2em rgba(255, 255, 255, 1));
}
@media (min-width: 992px) {
#benefits > .benefits > * > .image:not(.animate) > img {
opacity: 0;
filter: drop-shadow(0 0 0em rgba(255, 200, 0, 0)) drop-shadow(0 0 0em rgba(220, 150, 30, 0));
-moz-filter: drop-shadow(0 0 0em rgba(255, 200, 0, 0)) drop-shadow(0 0 0em rgba(220, 150, 30, 0));
-webkit-filter: drop-shadow(0 0 0em rgba(255, 200, 0, 0)) drop-shadow(0 0 0em rgba(220, 150, 30, 0));
}
}
@media (max-width: 991px) {
#benefits {
padding-top: 4em;
padding-bottom: 5.5em;
}
#benefits::after {
display: none;
}
#benefits > .pre-header,
#benefits > .header {
font-size: 2.5em;
}
#benefits > .limitations {
gap: 2em 4vw;
padding-bottom: 1em;
}
#benefits > .benefits {
gap: 2em 7vw;
}
#benefits > .limitations > * > .text {
font-size: 1.2em;
}
}
@media (max-width: 767px) {
#benefits {
padding-top: 3.5em;
padding-bottom: 4em;
}
#benefits > .pre-header,
#benefits > .header {
font-size: 2.3em;
}
#benefits > .limitations > * {
max-width: unset;
background-size: 2em auto, 100% 100%;
background-position: 0.75em 1em, 100% 100%;
padding: 3em 1.75em;
}
#benefits > .benefits > * > .text {
font-size: 1.4em;
font-weight: 600;
}
}
@media (max-width: 424px) {
#benefits {
gap: 2.5em;
}
#benefits > .pre-header,
#benefits > .header {
font-size: 2em;
}
#benefits > .benefits > * {
flex-basis: 11em;
max-width: 11em;
}
}
@media (max-width: 374px) {
#benefits > .pre-header,
#benefits > .header {
font-size: 1.8em;
}
}
#about {
display: flex;
position: relative;
flex-direction: column;
flex-wrap: nowrap; align-items: center;
padding-top: 5em;
padding-bottom: 5em;
gap: 5em;  background-color: rgba(229, 255, 221, 1); }
#about > h2 {
font-weight: 400;
width: auto;
text-transform: unset;
text-align: center;
}
#about > .substances {
display: flex;
position: relative;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
max-width: 100%;
width: 100%;
gap: 2em 3em;
}
#about > .substances > div {
display: grid;
position: relative;
grid-template-rows: 2em max-content auto max-content;
flex-basis: 25em;
max-width: 35em;
flex-grow: 1;
flex-shrink: 1;
gap: 0.2em;
}
#about > .substances > div > .icon {
max-height: 2em;
height: 100%;
width: auto;
user-select: none;
pointer-events: none;
grid-row: 1;
margin-left: 3%;
}
#about > .substances > div > h3 {
display: block;
position: relative;
grid-row: 2;
text-transform: unset;
font-size: 1.6em;
font-weight: 500;
text-align: center;
padding-bottom: 0.7em;
transition: color 1s ease!important;
-moz-transition: color 1s ease!important;
-webkit-transition: color 1s ease!important;
}
#about > .substances > div > h3::after {
display: block;
position: relative;
content: " ";
height: 0.1em;
width: 100%;  background-image: radial-gradient(circle at 50% 50%, rgba(150, 255, 0, 1), rgba(126, 209, 87, 1)); margin-top: 0.3em;
transition: width 0.8s ease!important;
-moz-transition: width 0.8s ease!important;
-webkit-transition: width 0.8s ease!important;
}
@media (min-width: 992px) {
#about > .substances > div > h3[animator]:not(.animate) {
color: rgba(255, 255, 255, 0)!important;
}
#about > .substances > div > h3[animator]:not(.animate)::after {
width: 0%!important;
}
}
#about > .substances > div > .text {
grid-row: 3;
font-size: 0.8rem;
}
#about > .substances > div > .text > .content {
margin-bottom: 1.5em;
}
#about > .substances > div > .article-link {
align-self: end;
grid-row: 4;
justify-self: center;
}
@media (max-width: 1279px) {
}
@media (max-width: 991px) {
#about {
padding-bottom: 3em;
}
#about > .substances {
gap: 2em 2em;
}
}
@media (max-width: 767px) {
#about {
gap: 4em;
}
#about > .substances > div {
grid-template-rows: 1.75em max-content auto max-content;
}
#about > .substances > div > h3 {
font-size: 1.55em;
}
}
@media (max-width: 424px) {
#about > h2 {
font-size: 1.6em;
}
}
#usefulness {
display: flex;
position: relative;
flex-direction: column;
flex-wrap: nowrap; align-items: center;
padding-top: 5em;
padding-bottom: 5em;
gap: 5em;   background-color: rgba(206, 255, 193, 1); }
#usefulness > h2 {
}
#usefulness > h3 {
font-weight: 400;
width: auto;
text-align: center;
padding-top: 0.5em;
}
#usefulness > .windows {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
justify-content: center;
max-width: calc(24em * 4 - 1px);
}
#usefulness .windows > * {   flex-basis: calc(100% / 3 + 1px);
flex-grow: 1;   max-width: 24em;
display: inline-flex;
height: 24em;
overflow: hidden;
}
#usefulness .windows > *,
#usefulness > .carouselWindows {
min-height: 24em;
}
#usefulness > .carouselWindows {
width: 100%;
}
#usefulness > .carouselWindows .flip-block {
flex-basis: 24em;
}
#usefulness > .windows {
gap: 0 2em;
}
#usefulness .sc-carousel {
gap: 0 1.5em;
}
#usefulness .windows > .flip-block {
padding-top: 1em;
padding-bottom: 1em;
}
#usefulness .windows > .flip-block > * {
}
#usefulness .windows > .flip-block > * > div:nth-child(1) {
background-color: rgba(255, 255, 255, 1);
display: grid;
grid-template-rows: 55% auto;
gap: 7.5%;
padding: 10% 10%;
justify-items: center;
}
#usefulness .windows > .flip-block > * > div:nth-child(1) > * {
display: inline-flex;
text-align: center;
}
#usefulness .windows > .flip-block > * > div:nth-child(1) > .icon {
grid-row: 1;
align-self: end;
width: 100%;
height: 100%;
}
#usefulness .windows > .flip-block > * > div:nth-child(1) > h4 {
grid-row: 2;
align-self: start;
font-size: 1.4em;
text-transform: lowercase;
}
#usefulness .windows > .flip-block > * > div:nth-child(2) {
background-color: rgba(255, 255, 255, 1);
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
padding: 1.5em 1.5em;
}
#usefulness .windows > .flip-block > * > div:nth-child(2) > .text {
text-align: center;
}
#usefulness .windows > .flip-block > * > div:nth-child(1):after {
display: flex;
position: absolute;  content: " ";
background-repeat: no-repeat;
background-position: center center;
background-size: 75% auto;  background-image: url(//emotocin.ru/wp-content/themes/emotocin/img/icons/three-dots.svg); bottom: 2em;
flex-direction: column;
justify-content: center;
text-align: center;
text-transform: lowercase;
width: 2em;
right: 0em;
top: calc(65% / 2 - 4em / 2);
height: 4em;        width: 2em;
right: 1em;
top: 1.2em;
height: 1em;
filter: invert(0.8);
-moz-filter: invert(0.8);
-webkit-filter: invert(0.8);
}
@media (min-width: 1440px) {
#usefulness > .carouselWindows {
display: none;
}
}
@media (max-width: 1439px) {
#usefulness {
gap: 4em;
padding-bottom: 1em;
}
#usefulness > .windows {
display: none;
}
}
@media (max-width: 1279px) {
#usefulness {
gap: 3em;
padding-top: 3.5em; }
}
@media (min-width: 992px) {
#usefulness > .windows {  }
}
@media (max-width: 991px) {
#usefulness {
padding-top: 3em; }
#usefulness > h3 {
font-size: 1.6em;
}
}
@media (max-width: 499px) {
#usefulness {
gap: 2em;
}
#usefulness > h3 {
font-size: 1.3em;
}
}
@media (max-width: 425px) {
#usefulness > .carouselWindows .flip-block {
flex-basis: 100%;
max-width: 100%;
}
}
@media (max-width: 374px) {
#usefulness {
gap: 1.5em;
}
#usefulness > h3 {
font-size: 1.1em;
}
}
#effect {
display: flex;
position: relative;
flex-direction: column;
flex-wrap: nowrap;
padding-top: 5em;
padding-bottom: 1em; gap: 3em;
}
#effect > h2 {
}
#effect .effects-carousel { height: 100%;
}
#effect .effects-carousel > div { min-width: 22em;
max-width: calc(100% / 3 - 0.2rem * 2 / 3);
flex-grow: 1;
height: 100%;
padding-bottom: 1em; }
#effect .effects-carousel .effect {
display: grid;
position: relative;
grid-template-rows: minmax(calc(9em + 2vw), 11vw) minmax(3em, max-content) auto;
justify-items: center;
justify-content: center;
width: 100%;
height: 100%;  padding: 0 calc(1em + 1.5vw);
gap: 0.75em;
transition: filter 0.3s ease;
-moz-transition: filter 0.3s ease;
-webkit-transition: filter 0.3s ease;
}
#effect .effects-carousel .effect > * {
text-align: center;
}
#effect .effects-carousel .effect > .icon {
grid-row: 1;
min-height: calc(9em + 2vw);
height: 11vw;
max-height: 100%;
width: auto;
transition: filter 0.3s ease, transform 0.3s ease;
-moz-transition: filter 0.3s ease, transform 0.3s ease;
-webkit-transition: filter 0.3s ease, transform 0.3s ease;
filter: hue-rotate(50deg) saturate(1);
-moz-filter: hue-rotate(50deg) saturate(1);
-webkit-filter: hue-rotate(50deg) saturate(1);
}
#effect .effects-carousel .effect > h3 {
display: block;
grid-row: 2;
font-size: 1.4em;
line-height: 1.1;
align-self: center;
}
#effect .effects-carousel .effect > .text {
grid-row: 3;
}
@media (min-width: 426px) {
#effect .effects-carousel > div:not(.selected) > .effect {
filter: opacity(0.5);
-moz-filter: opacity(0.5);
-webkit-filter: opacity(0.5);
}
#effect .effects-carousel > div:not(.selected) > .effect > .icon {
filter: hue-rotate(50deg) saturate(0);
-moz-filter: hue-rotate(50deg) saturate(0);
-webkit-filter: hue-rotate(50deg) saturate(0);
transform: scale(0.75);
-moz-transform: scale(0.75);
-webkit-transform: scale(0.75);
}
}
@media (max-width: 425px) {
#effect .effects-carousel > div {
flex-basis: 100%;
min-width: 100%;
max-width: 100%;
}
}
#regimen {
display: flex;
position: relative;
flex-direction: column;
flex-wrap: nowrap;
padding-top: 5em;
padding-bottom: 5em;
gap: 3em;
background-color: rgb(217 217 217);
background-image: radial-gradient(rgb(251 251 251) 0%, transparent);
}
#regimen > h2 {
}
#regimen > .instruction {
display: flex;
position: relative;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 2em;
}
#regimen > .instruction > * {
display: inline-flex;
position: relative;
flex-direction: column;
flex-wrap: nowrap;  }
#regimen > .instruction > .info {
padding: 2em; background-color: rgba(255, 255, 255, 1);
border-radius: 3em;
flex-grow: 1;
min-width: 18em;
flex-basis: 18em; max-width: 24em;
box-shadow: 0 0 1.5em 0 rgba(0, 0, 0, 0.02);
}
#regimen > .instruction > .info > * {
display: inline-flex;
position: relative;
flex-direction: row;
flex-wrap: wrap;
}
#regimen > .instruction > .info > .text {
font-size: 1.3em;
}
#regimen > .instruction > .info > .text > .content {
margin-bottom: 1em;
}
#regimen > .instruction > .info > a {
width: max-content;
}
#regimen > .instruction > .image { width: auto;
}
#regimen > .instruction > .image > img {
height: max-content; width: auto;
max-height: 24vw;
min-height: 15em;
filter: drop-shadow(0 0 1em rgba(0, 0, 0, 0.04));
}
@media (max-width: 991px) {
#regimen > .instruction > .info > .text {
font-size: 1.2em;
}
}
@media (max-width: 767px) {
#regimen > .instruction > .info > .text {
font-size: 1.1em;
}
}
@media (max-width: 559px) {
#regimen > .instruction {
flex-direction: column;
flex-wrap: nowrap;
}
#regimen > .instruction > .info {
order: 2;
flex-basis: unset;
}
}
#buy {
display: flex;
position: relative;
flex-direction: row;
flex-wrap: wrap;
gap: 2em;
align-items: center;
justify-content: space-between;   background-color: rgba(206, 255, 193, 1); padding-top: 3em;
padding-bottom: 3em;
}
#buy > h2 {
flex-basis: max-content;
max-width: max-content;
flex-grow: 1;
width: max-content;
text-align: center;
font-weight: 700;
color: rgba(51, 51, 51, 1);
}
#buy > .marketplaces {
display: inline-flex;
position: relative;
flex-direction: row;
flex-wrap: wrap;  max-width: 100%;
width: 100%;
width: max-content; gap: 1.4em;
justify-content: center;
}
#buy > .marketplaces > a {
display: inline-flex;
position: relative;
flex-direction: row;
flex-wrap: nowrap;
gap: 0.4em;
border-radius: 0.75em;
min-width: 14em;
padding: 1.1em 1.3em;
background-repeat: no-repeat;
background-size: 100% auto;
background-position: 50% 50%;
align-items: center;
justify-content: space-between;
}
#buy > .marketplaces > a::after {
display: block;
position: relative;
content: " ";
width: 1.25em;
height: 1.25em;
right: 0;
border-radius: 1em;
line-height: 1;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 90% auto;
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22li-circle-red%22%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2232%20128%2032%200%2096%2064%2032%20128%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
transition: background-color 0.075s ease-out, filter 0.075s ease-out, transform 0.18s ease, background-size 0.3s ease;
-moz-transition: background-color 0.075s ease-out, filter 0.075s ease-out, transform 0.18s ease, background-size 0.3s ease;
-webkit-transition: background-color 0.075s ease-out, filter 0.075s ease-out, transform 0.18s ease, background-size 0.3s ease;
}
#buy > .marketplaces > a > img {
display: inline-flex;
position: relative;
left: 0;
line-height: 1;
font-size: 1em;
font-weight: 500;
background-repeat: no-repeat;
background-size: auto 100%;
background-position: 0% 50%;
width: auto;
height: 1.1em;
user-select: none;
pointer-events: none;
}
@media (hover: hover) {
#buy > .marketplaces > a:hover {
}
#buy > .marketplaces > a:hover::after {
transform: translateX(0.4em);
-moz-transform: translateX(0.4em);
-webkit-transform: translateX(0.4em);
}
}
#buy > .marketplaces > a.wildberries {
background-image: linear-gradient(90deg, rgba(191, 31, 129, 1) 0%, rgba(77, 50, 124, 1) 100%)
}
#buy > .marketplaces > a.ozon {
background-color: rgba(4, 91, 255, 1);
}
#buy > .marketplaces > a.wildberries > img { }
#buy > .marketplaces > a.ozon > img { }
#buy > .marketplaces > a.leka-pharm {
background-color: rgba(185, 179, 131, 1);
padding: calc(1.1em - 1.8em / 2) 1.3em;
}
#buy > .marketplaces > a.leka-pharm > img {
height: calc(1.1em + 1.8em);
}
#buy > .marketplaces > a.planeta-zdorovya {
background-color: rgba(186, 247, 242, 1);
padding: calc(1.1em - 1.1em / 2) 1.3em;
}
#buy > .marketplaces > a.planeta-zdorovya > img {
height: calc(1.1em + 1.1em);
}
#buy > .marketplaces > a.vita {
background-color: rgba(164, 216, 255, 1);
padding: calc(1.1em - 0.5em / 2) 1.3em;
}
#buy > .marketplaces > a.vita > img {
height: calc(1.1em + 0.5em);
}
#buy > .marketplaces > a.farmani {
background-color: rgba(255, 255, 255, 1);
padding: calc(1.1em - 0.6em / 2) 1.3em;
}
#buy > .marketplaces > a.farmani > img {
height: calc(1.1em + 0.6em);
}
#buy > .marketplaces > a.farmani::after {
filter: invert(1) opacity(0.3);
-moz-filter: invert(1) opacity(0.3);
-webkit-filter: invert(1) opacity(0.3);
}
#buy > .marketplaces > a.maxavit {
background-color: rgba(236, 29, 36, 1);
padding: calc(1.1em - 0.8em / 2) 1.3em;
}
#buy > .marketplaces > a.maxavit > img {
height: calc(1.1em + 0.8em);
}
#buy > .marketplaces > a.apteka-ru {
background-color: rgba(245, 246, 252, 1);
padding: calc(1.1em - 0.8em / 2) 1.3em;
}
#buy > .marketplaces > a.apteka-ru > img {
height: calc(1.1em + 0.8em);
}
#buy > .marketplaces > a.apteka-ru::after {
filter: invert(1) opacity(0.3);
-moz-filter: invert(1) opacity(0.3);
-webkit-filter: invert(1) opacity(0.3);
}
#buy > .marketplaces > a.sklad-zdorovya {
background-color: rgba(94, 47, 148, 1);
padding: calc(1.1em - 0.0em / 2) 1.3em;
}
#buy > .marketplaces > a.sklad-zdorovya > img {
height: calc(1.1em + 0.0em);
}
@media (max-width: 991px) {
#buy {
justify-content: center;
}
#buy > h2 {
width: 100%;
flex-basis: 100%;
max-width: 100%;
min-width: 100%;
}
}