body {
    position: relative;
    -webkit-animation-name: fadeInLoad;
    /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1.6s;
    /* Chrome, Safari, Opera */
    animation-name: fadeInLoad;
    animation-duration: 1.6s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes fadeInLoad {
    0% {
        opacity: 0;
    }

    25% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    75% {
        opacity: 0.9;
    }

    100% {
        opacity: 1;
    }
}

/* Standard syntax */
@keyframes fadeInLoad {
    0% {
        opacity: 0;
    }

    25% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    75% {
        opacity: 0.9;
    }

    100% {
        opacity: 1;
    }
}

@media screen and (max-width: 767px) {
    #kmacb {
        right: 10px !important;
        bottom: 95px !important;
    }
}

.door__wrapper .door__container {
    display: flex !important;
    justify-content: space-around !important;
}

.door__wrapper .box__door {
    perspective: 500px !important;
    position: relative !important;
}

.door__wrapper .box__door,
.door__wrapper .door {
    width: 190px !important;
    height: 400px !important;
    box-shadow: inset -1px -1px 0 1px #191919, inset 1px 1px 0 1px #191919 !important;
}

.door__wrapper .door,
.door__wrapper .hi {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.door__wrapper .door {
    background-image: url(Spacer_6/widgets/doors/images/door.webp) !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    transform: rotateY(0) !important;
    display: inline-block !important;
    transition: all 0.75s ease !important;
    transform-origin: 0% 0% !important;
    cursor: pointer !important;
}

#door__2 {
    background-image: url(Spacer_6/widgets/doors/images/door2.webp) !important;
}

#door__3 {
    background-image: url(Spacer_6/widgets/doors/images/door3.webp) !important;
}

.door__wrapper .door:hover {
    transform: rotateY(-30deg) !important;
}

.door__wrapper .door.open {
    transform: rotateY(-85deg) !important;
}

.door__wrapper .door__sales {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    font-size: 55px !important;
    line-height: 57px !important;
    font-weight: 700 !important;
    color: red !important;
    border-radius: 30px !important;
    padding: 30px 5px !important;
    box-shadow: 0 1px 2px 2px #7f7878 !important;
    width: 85% !important;
    min-width: 70px !important;
}

.door__wrapper .door__title {
    color: #fff !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    text-align: center !important;
    font-size: 22px !important;
    margin-bottom: 25px !important;
    background-color: #3a4752 !important;
    padding: 10px 0 !important;
    border-radius: 0.5em !important;
}

@media (max-width: 840px) {
    .door__wrapper .door__sales {
        font-size: 20px !important;
        line-height: 22px !important;
        font-weight: 700 !important;
        color: red !important;
        border-radius: 30px !important;
        width: 65% !important;
        min-width: 50px !important;
    }

    .door__wrapper .box__door,
    .door__wrapper .door {
        width: 95px !important;
        height: 200px !important;
    }

    .door__wrapper .door {
        background-image: url(Spacer_6/widgets/doors/images/media_door.webp);
    }

    #door__2 {
        background-image: url(Spacer_6/widgets/doors/images/media_door2.webp);
    }

    #door__3 {
        background-image: url(Spacer_6/widgets/doors/images/media_door3.webp);
    }
}

@media (max-width: 360px) {
    .door__wrapper .box__door+.box__door {
        margin-left: 15px !important;
    }

    .door__wrapper .door__sales {
        font-size: 19px !important;
        line-height: 21px !important;
        font-weight: 700 !important;
        color: red !important;
        border-radius: 30px !important;
    }
}

.form5845784_form img {
    max-width: 340px;
    width: 85%;
}

.form5845784_body_sale p {
    margin-right: 0;
    margin: 0px !important;
    text-transform: uppercase;
    margin-top: 10px !important;
}

.form5845784_body_block {
    justify-content: center;
    margin-top: 5px;
    margin-bottom: 10px !important;
}

#form5845784 .submit-roulette {
    font-family: Arial, sans-serif !important;
    letter-spacing: 1px;
    transition: background-color 0.3s linear;
}

#form5845784 .submit-roulette:hover {
    background-color: rgb(183 34 34 / 79%) !important;
}

.form5845784_conf {
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin-bottom: 0 !important;
}

.instructions {
    color: #fff !important;
    font-weight: 700 !important;
    /* text-transform: uppercase!important; */
    text-align: center !important;
    font-size: 23px !important;
    margin-bottom: 25px !important;
    background-color: #3a4752 !important;
    padding: 16px 15px !important;
    border-radius: 0.5em !important;
    line-height: 1.4;
}

.spin-wrapper {
    margin-top: 25px !important;
}

.comments {
    margin-top: 40px;
}

.spin-wrapper>.ruletka-p {
    margin-top: 0;
    line-height: 1.4 !important;
}

.form5845784_head_timer {
    display: flex;
}

.time-unit {
    margin: 0 7px;
}

.time-unit__cell {
    position: relative;
    font-size: 55px !important;
    background: #d3d3d3;
    border-radius: 6px;
    line-height: 1;
    padding: 0 10px 4px;
}

.time-unit__cell::after {
    content: "";
    width: 100%;
    height: 1px;
    background: #9f9f9f78;
    position: absolute;
    top: 55%;
    left: 0;
}

.button1 {
    max-width: 450px;
    font-size: 18px;
    line-height: 1.4;
    transition: filter 0.3s linear, box-shadow 0.3s linear;
}

.button1:hover {
    filter: brightness(0.8);
    box-shadow: 0 0 10px #e4a9f9;
}

.comment-item-body__signature .answer {
    color: #df4272 !important;
}

.number {
    background: #df4272 !important;
}

.mycity {
    margin-left: 10px;
    font-size: 0.54em;
    background: #df4272 !important;
    padding: 5px 5px;
    vertical-align: top;
    margin-top: -5px;
    color: #fff;
    border-radius: 2px;
    font-weight: 600;
    display: inline-block;
    line-height: 1;
}

.comment-item-body__signature {
    margin-top: 10px;
}

.pl_modal * {
    font-family: "Roboto Condensed", sans-serif !important;
}

@media screen and (max-width: 640px) {
    .form5845784_head_timer {
        transform: scale(1);
    }
}

@media screen and (max-width: 479px) {
    .instructions {
        line-height: 1.4;
        font-size: 18px !important;
        padding: 5px 20px !important;
    }

    .alert-rule {
        font-size: 20px !important;
    }

    .spin-wrapper>.ruletka-p {
        font-size: 19px !important;
        margin: 5px 5px 15px !important;
    }

    .close-popup {
        right: 0;
    }

    .time-unit {
        margin: 0 6px;
    }

    .time-unit__cell {
        font-size: 38px !important;
    }

    .comment-item-body .title>span:first-child {
        display: block;
    }

    .mycity {
        margin: 6px 0;
    }
}

@media screen and (max-width: 411px) {
    .time-unit {
        margin: 0 4px;
    }

    .time-unit__cell {
        font-size: 30px !important;
        padding: 0 8px 4px;
    }

    .form5845784_wrapp {
        padding: 20px 10px;
    }

    .form5845784_body_sale span:before {
        top: 50%;
    }
}

.price-dyn,
.price-dyn span,
.price-dyn span::before {
    color: red;
    text-decoration: none;
    font-family: sans-serif !important;
    line-height: 1.2;
}

.price-dyn span::before {
    display: none;
}

.price-dyn .pl_product_currency {
    margin-left: -2px;
}

@media screen and (max-width: 640px) {
    .price-dyn .pl_product_currency {}
}

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative;
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translateZ(0);
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none;
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.owl-height {
    -webkit-transition: height 0.5s ease-in-out;
    transition: height 0.5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.webp?4a37f8008959c75f619bf0a3a4e2d7a2) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.1s ease;
    transition: -webkit-transform 0.1s ease;
    transition: transform 0.1s ease;
    transition: transform 0.1s ease, -webkit-transform 0.1s ease;
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}

.glide {
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

.glide * {
    box-sizing: inherit;
}

.glide__slides,
.glide__track {
    overflow: hidden;
}

.glide__slides {
    position: relative;
    width: 100%;
    list-style: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    touch-action: pan-Y;
    padding: 0;
    white-space: nowrap;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    will-change: transform;
}

.glide__slide,
.glide__slides--dragging {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.glide__slide {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    white-space: normal;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
}

.glide__slide a {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.glide__arrows,
.glide__bullets {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.glide--rtl {
    direction: rtl;
}

.beer-slider {
    display: inline-block;
    overflow: hidden;
    position: relative;
}

.beer-slider *,
.beer-slider:after,
.beer-slider :after,
.beer-slider:before,
.beer-slider :before {
    box-sizing: border-box;
}

.beer-slider img,
.beer-slider svg {
    vertical-align: bottom;
}

.beer-slider>* {
    height: 100%;
}

.beer-slider>img {
    height: auto;
    max-width: 100%;
}

.beer-reveal {
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    right: 50%;
    top: 0;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    z-index: 1;
}

.beer-reveal> :first-child {
    height: 100%;
    max-width: none;
    width: 200%;
}

.beer-reveal>img:first-child {
    height: auto;
}

.beer-range {
    -moz-appearance: none;
    -ms-touch-action: auto;
    -webkit-appearance: slider-horizontal !important;
    bottom: 0;
    cursor: pointer;
    height: 100%;
    left: -1px;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    touch-action: auto;
    width: calc(100% + 2px);
    z-index: 2;
}

.beer-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 300vh;
}

.beer-range::-moz-range-thumb {
    -webkit-appearance: none;
    height: 300vh;
}

.beer-range::-ms-tooltip {
    display: none;
}

.beer-handle {
    background: hsla(0, 0%, 100%, 0.5);
    border-radius: 50%;
    box-shadow: 0 0 6px transparent;
    color: #000;
    height: 48px;
    left: 50%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    -webkit-transition: background 0.3s, box-shadow 0.3s, opacity 0.5s 0.25s;
    transition: background 0.3s, box-shadow 0.3s, opacity 0.5s 0.25s;
    width: 48px;
    z-index: 2;
}

.beer-handle:after,
.beer-handle:before {
    border-left: 2px solid;
    border-top: 2px solid;
    content: "";
    height: 10px;
    position: absolute;
    top: 50%;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 10px;
}

.beer-handle:before {
    left: 10px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.beer-handle:after {
    right: 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.beer-range:focus~.beer-handle {
    background: hsla(0, 0%, 100%, 0.85);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
}

.beer-reveal[data-beer-label]:after,
.beer-slider[data-beer-label]:after {
    background: hsla(0, 0%, 100%, 0.75);
    border-radius: 0.125rem;
    content: attr(data-beer-label);
    line-height: 1;
    padding: 0.5rem;
    position: absolute;
    top: 1.5rem;
}

.beer-slider[data-beer-label]:after {
    right: 1.5rem;
}

.beer-reveal[data-beer-label]:after {
    left: 1.5rem;
}

.beer-reveal[data-beer-label=""]:after,
.beer-slider[data-beer-label=""]:after {
    content: none;
}

.beer-ready .beer-handle,
.beer-ready .beer-reveal {
    opacity: 1;
}

html {
    overflow-x: hidden;
}

body,
html {
    margin: 0;
    padding: 0;
    width: 100%;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    padding: 0;
    border: 0;
    vertical-align: baseline;
    box-sizing: border-box;
}

a,
a:hover {
    text-decoration: none;
}

img {
    -o-object-fit: fill;
    object-fit: fill;
}

ol,
ul {
    list-style: none;
    margin: 0;
}

figure {
    margin: 0;
}

.button {
    cursor: pointer;
    border: none;
}

button:focus {
    outline: none;
}

@font-face {
    font-family: LetoSans;
    src: url(LetoSans.eot);
    src: local("LetoSans"), url(LetoSans.eot?) format("embedded-opentype"), url(LetoSans.woff2) format("woff2"), url(LetoSans.woff) format("woff"),
        url(LetoSans.ttf) format("truetype"), url(LetoSans.svg) format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: LetoSans;
    src: url(LetoSans-Bold.eot);
    src: local("LetoSans Bold"), local("LetoSans-Bold"), url(LetoSans-Bold.eot?) format("embedded-opentype"),
        url(LetoSans-Bold.woff2) format("woff2"), url(LetoSans-Bold.woff) format("woff"), url(LetoSans-Bold.ttf) format("truetype"),
        url(LetoSans-Bold.svg) format("svg");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto-Regular"), url(Roboto-cyrillic.woff2) format("woff2");
    unicode-range: U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116;
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto-Regular"), url(Roboto-latin.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212,
        U+2215, U+feff, U+fffd;
}

.main {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
    -webkit-box-align: center;
    align-items: center;
    font-family: LetoSans, sans-serif;
    padding: 65px 0 0 0 !important;
}

.main h1.section__title {
    font-size: 26px;
    font-weight: 400;
    text-align: left;
}

.main h1.section__title,
.main h3.section__title {
    font-family: LetoSans, sans-serif;
    color: #383838;
    width: 100%;
}

.main h3.section__title {
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    padding: 0 20px;
    margin: 20px 0 10px;
}

.main .articles-block {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
}

.main .section__description {
    padding: 10px 0 20px;
}

.main .section__description p {
    font-size: 18px;
    line-height: 1.2;
    color: #383838;
    width: 100%;
}

.text--center {
    text-align: center;
}

.text--capitalize:first-letter {
    text-transform: capitalize;
}

.color--pink {
    color: #ef2559;
}

.img-wrapper {
    min-height: 1em;
    background-color: #f6f6f6;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
}

.img-wrapper,
.img-wrapper img {
    display: block;
    width: 100%;
    height: 100%;
}

.img-wrapper img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    max-width: 100%;
    -webkit-transition: -webkit-filter 0.3s ease-in-out;
    transition: -webkit-filter 0.3s ease-in-out;
    transition: filter 0.3s ease-in-out;
    transition: filter 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
}

.img-wrapper img[data-status="preview"] {
    -webkit-filter: blur(6px);
    filter: blur(6px);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.visually-hidden {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
}

.hidden {
    display: none !important;
}

.mobile-preview {
    max-width: 360px;
    width: 100%;
    margin: 0 auto 30px;
}

.mobile-preview:after,
.mobile-preview:before {
    content: "";
    position: fixed;
    top: 0;
    height: 100%;
    width: calc(50% - 182px);
    background-color: #dbdada;
}

.mobile-preview:before {
    right: 0;
    border-left: 2px solid #aca9a9;
}

.mobile-preview:after {
    left: 0;
    border-right: 2px solid #aca9a9;
}

.mobile-preview .sticked-header {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    max-width: 360px;
}

.mobile-preview .topbar__menu-btn {
    right: calc(50% - 180px);
}

.sticked-header {
    background: #fff;
    border-bottom: 1px solid #e2e2e2;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}

.topbar {
    width: 100%;
    height: 56px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    align-content: center;
}

.topbar__menu-btn,
.topbar__search-btn {
    width: 56px;
    height: 56px;
    background: #fff;
    border: none;
    cursor: pointer;
    outline: none;
}

.topbar__search-btn {
    z-index: 1000;
}

.topbar__logo {
    width: 100%;
    max-width: 250px;
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
}

.topbar__logo-panel {
    width: calc(100% - 112px);
    text-align: center;
}

.topbar__menu-btn {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1150;
    -webkit-transition: background 0.3s ease 0s;
    transition: background 0.3s ease 0s;
}

.lang-switcher {
    font-family: LetoSans, sans-serif;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 50px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 60px;
    padding: 8px 0;
    float: left;
    top: 8px;
    right: 130px;
    z-index: 1150;
    position: absolute;
}

.topbar__menu-btn_opened {
    background: 0 0;
}

.topbar__dash {
    background: #ef2559;
    -webkit-transition: background 0.3s ease 0s;
    transition: background 0.3s ease 0s;
    height: 2px;
    width: 20px;
    position: absolute;
    left: calc(50% - 10px);
}

.topbar__dash-1 {
    top: 20px;
}

.topbar__dash-1,
.topbar__dash-2 {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.topbar__dash-2 {
    top: calc(50% - 1px);
    opacity: 1;
}

.topbar__dash-3 {
    bottom: 20px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.topbar__menu-btn_opened .topbar__dash {
    background: #fff;
}

.topbar__menu-btn_opened .topbar__dash-1 {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 25px;
}

.topbar__menu-btn_opened .topbar__dash-2 {
    opacity: 0;
}

.topbar__menu-btn_opened .topbar__dash-3 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 25px;
}

.header {
    padding-top: 110px;
}

.overlay {
    left: 0;
    width: 100%;
    z-index: 1050;
    background: rgba(0, 0, 0, 0.69);
    display: none;
}

.main-menu,
.overlay {
    position: fixed;
    top: 0;
    height: 100%;
}

.main-menu {
    right: -50vw;
    -webkit-transition: right 0.3s ease 0s;
    transition: right 0.3s ease 0s;
    z-index: 1100;
    overflow-x: hidden;
    background: #ef2559;
    margin-right: -20px;
}

.main-menu_opened {
    right: 0;
}

.main-submenu_opened {
    left: 0;
    width: calc(100% + 20px);
}

.main-menu__wrp {
    overflow-y: auto;
    display: -webkit-box;
    display: flex;
}

.main-menu__nav {
    background: #ef2559;
    width: 50vw;
}

.main-menu__layer {
    width: calc(100% - 50vw);
    background: #c1244c;
    display: none;
}

.main_menu {
    margin-top: 0;
    padding-top: 40px;
    font-family: LetoSans, sans-serif;
    margin-bottom: 0;
}

.main_menu,
.sub_menu {
    padding-left: 0;
    list-style: none;
}

.sub_menu {
    display: none;
    position: absolute;
    top: 20px;
    width: 50vw;
    right: calc(50vw - 10px);
}

.sub_menu>li>a {
    padding: 20px;
    font-size: 16px;
}

.main_menu>.has_sub>a,
.main_menu>.has_sub>span,
.main_menu>.hasno_sub>a,
.sub_menu>li>a {
    display: block;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
}

.main_menu>.has_sub>a,
.main_menu>.has_sub>span,
.main_menu>.hasno_sub>a {
    padding: 20px 20px 20px 40px;
    font-size: 18px;
}

.has_sub_active,
.main_menu>.has_sub:hover,
.main_menu>.hasno_sub:hover {
    background: #c1244c;
}

.mm-socials {
    display: -webkit-box;
    display: flex;
    margin: 0 10px;
}

.mm-socials__item {
    margin: 10px;
}

.under-menu-btn {
    border: 1px solid #fff;
    border-radius: 80px;
    display: block;
    width: calc(100% - 50px);
    margin: 20px;
    color: #fff;
    text-decoration: none;
    padding: 10px;
    font-family: LetoSans, sans-serif;
    font-size: 15px;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
}

.under-menu-btn:hover {
    background: #ff3569;
}

.search {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: #ef2559;
    height: 56px;
    z-index: 1200;
    display: none;
}

.search_flex {
    display: -webkit-box;
    display: flex;
}

.search__close {
    background: 0 0;
    border: none;
    height: 56px;
    width: 56px;
    position: relative;
    cursor: pointer;
    outline: none;
}

.search__close:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 27px;
}

.search__close:after,
.search__close:before {
    content: "";
    width: 20px;
    height: 2px;
    display: block;
    position: absolute;
    background: #fff;
    left: 18px;
}

.search__close:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    bottom: 27px;
}

.search__form {
    width: calc(100% - 56px);
    display: -webkit-box;
    display: flex;
    overflow: hidden;
}

.search__text {
    background: #ef2559;
    color: #fff;
    font-size: 18px;
    border: none;
    outline: none;
    font-family: LetoSans, sans-serif;
    padding: 18px 10px;
    height: 56px;
    width: calc(100% - 56px);
    box-sizing: border-box;
}

.search__text::-webkit-input-placeholder {
    color: #fff;
    font-size: 18px;
    font-family: LetoSans, sans-serif;
}

.search__text::-moz-placeholder {
    color: #fff;
    font-size: 18px;
    font-family: LetoSans, sans-serif;
}

.search__text:-ms-input-placeholder {
    color: #fff;
    font-size: 18px;
    font-family: LetoSans, sans-serif;
}

.search__text:-moz-placeholder {
    color: #fff;
    font-size: 18px;
    font-family: LetoSans, sans-serif;
}

.search__text:placeholder {
    color: #fff;
    font-size: 18px;
    font-family: LetoSans, sans-serif;
}

.search__submit {
    width: 56px;
    height: 56px;
    background: 0 0;
    border: none;
    cursor: pointer;
    outline: none;
}

.main_menu>.has_sub {
    position: relative;
}

.main_menu>.has_sub>a.has_sub__arrow {
    display: block;
    position: absolute;
    width: 40px;
    left: 0;
    height: 100%;
    padding: 0;
}

.main_menu>.has_sub>a.has_sub__arrow:before {
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    padding: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    left: 15px;
    top: calc(50% - 6px);
    content: "";
}

.header__spec-projects {
    width: 100%;
    overflow: hidden;
    height: 50px;
}

.header__spec-projects-inner {
    margin: 5px 0;
    width: auto;
    overflow-x: auto;
    padding-bottom: 15px;
    overflow-y: hidden;
}

.header__spec-projects-list {
    list-style: none;
    padding-left: 0;
    font-size: 0;
    text-align: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.header__spec-projects-item {
    box-sizing: border-box;
    margin: 0 auto;
}

.header__spec-projects-link {
    font-size: 16px;
    border-radius: 100px;
    border: 1px solid #dfe0df;
    font-family: LetoSans, sans-serif;
    display: inline-block;
    padding: 5px 10px;
    text-decoration: none;
    color: #ef2559;
    box-sizing: border-box;
    white-space: nowrap;
}

.header__spec-projects-link:hover {
    background: #ef2559;
    color: #fff;
    border: 1px solid #ef2559;
}

.header__spec-projects-nolink {
    border-radius: 50%;
    border: 1px solid #dfe0df;
    display: inline-block;
    width: 28px;
    height: 28px;
    text-align: center;
}

.header__spec-projects-icon {
    margin-top: 6px;
    height: auto;
    width: 10px;
}

.owl--spec-projects {
    display: block;
    width: calc(100% - 40px);
    height: 30px;
}

.header__spec-projects-fake-item {
    margin: 5px;
}

.article-big {
    position: relative;
    margin: 0 0 25px;
    box-sizing: border-box;
    min-height: 260px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    -webkit-box-align: end;
    align-items: flex-end;
    width: 100%;
}

.article-big:before {
    z-index: 150;
    content: "";
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.83)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 0, rgba(0, 0, 0, 0.83));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0d000000", endColorstr="#d4000000", GradientType=0);
}

.article-big .article-big__img,
.article-big:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.article-big .article-big__img {
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 100;
}

.article-big .article-big__category {
    position: relative;
    color: #ef2559;
    background: 0 0;
    z-index: 700;
    font-family: LetoSans, sans-serif;
    font-size: 14px;
    letter-spacing: 4px;
    padding: 20px 20px 20px 40px;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    -webkit-transition: color 0.3s ease 0s, background 0.3s ease 0s;
    transition: color 0.3s ease 0s, background 0.3s ease 0s;
    margin-bottom: 50px;
}

.article-big .article-big__category:hover {
    color: #fff;
    background: #ef2559;
}

.article-big .article-big__wrp {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

.article-big .article-big__wrp .article-big__hdr {
    margin: 0 20px 15px;
}

.article-big .article-big__wrp .article-big__hdr--wide {
    margin: 0 0 15px;
}

.article-big .article-big__wrp .article-big__hdr .article-big__link {
    z-index: 200;
    position: relative;
    font-family: LetoSans, sans-serif;
    font-size: 21px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    text-decoration: none;
    -webkit-transition: color 0.3s ease 0s;
    transition: color 0.3s ease 0s;
}

.article-big .article-big__wrp .article-big__hdr .article-big__link:hover {
    color: #ef2559;
}

.article-big .article-big__wrp .article-big__tags {
    z-index: 200;
    position: relative;
    margin-left: 15px;
}

.article-big .article-big__wrp .article-big__tags--wide {
    margin-left: 0;
}

.article-big .article-big__wrp .article-big__tags .article-big__tag {
    font-family: LetoSans, sans-serif;
    font-size: 12px;
    color: #ef2559;
    text-decoration: none;
    margin-right: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.article-big .article-big__wrp .article-big__tags .article-big__tag .tags__item {
    font-size: 11px;
    color: #ef2559;
    display: inline;
    border: 1px solid transparent;
    font-family: LetoSans, sans-serif;
    text-decoration: none;
    padding: 5px;
    margin: 5px 10px 5px 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    line-height: 22px;
}

.article-big .article-big__wrp .article-big__tags .article-big__tag .tags__item:hover {
    background: #ef2559;
    color: #fff;
    border-color: #ef2559;
}

.article-small {
    border-bottom: 1px solid #dfe0df;
    width: 100%;
    padding: 20px;
}

.article-small__cat {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    font-family: LetoSans, sans-serif;
    color: #ef2559;
    margin-bottom: 5px;
}

.article-small__cat-link {
    text-decoration: none;
    color: #ef2559;
}

.article-small__link {
    font-family: LetoSans, sans-serif;
    font-size: 15px;
    line-height: 1.53;
    color: #383838;
    text-decoration: none;
}

.article-small__link:hover {
    color: #ef2559;
}

.article-small--with-img {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #dfe0df;
    width: calc(100% + 40px);
    padding: 20px;
}

.article-small--with-img:first-child {
    border-top: 1px solid #dfe0df;
}

.article-small--with-img__img {
    display: block;
    width: 78px;
    height: 78px;
}

.article-small--with-img__img:hover~.description .description__title {
    color: #ef2559;
}

.article-small--with-img__description {
    width: calc(100% - 93px);
}

.article-small--with-img__description .description__cat {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    font-family: LetoSans, sans-serif;
}

.article-small--with-img__description .description__cat-link {
    text-decoration: none;
    color: #ef2559;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    padding: 5px 3px;
}

.article-small--with-img__description .description__cat-link:hover {
    background: #ef2559;
    color: #fff;
    border-color: #ef2559;
}

.article-small--with-img__description .description__title {
    display: block;
    font-family: LetoSans, sans-serif;
    font-size: 15px;
    line-height: 1.53;
    color: #383838;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    padding: 5px 3px;
}

.article-small--with-img__description .description__title:hover {
    color: #ef2559;
}

.glide--articles-slider {
    padding: 20px 0;
}

.glide--articles-slider .slide__link {
    display: inline-block;
    position: relative;
    white-space: normal;
    padding: 20px;
    box-sizing: border-box;
    text-align: left;
    width: 100%;
    height: 200px;
}

.glide--articles-slider .slide__link:before {
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    z-index: 400;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: background 0.3s ease 0s;
    transition: background 0.3s ease 0s;
}

.glide--articles-slider .slide__link:focus:before,
.glide--articles-slider .slide__link:hover:before {
    background: #ef2559;
}

.glide--articles-slider .slide__link:focus .description__category,
.glide--articles-slider .slide__link:hover .description__category {
    color: #fff;
}

.glide--articles-slider .slide__link .slide__img {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
}

.glide--articles-slider .slide__link .slide__description {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column nowrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    height: 100%;
}

.glide--articles-slider .slide__link .slide__description .description__category {
    position: relative;
    z-index: 500;
    font-family: LetoSans, sans-serif;
    font-size: 10px;
    letter-spacing: 3px;
    color: #ef2559;
    text-transform: uppercase;
    margin-bottom: 20px;
    -webkit-transition: color 0.3s ease 0s;
    transition: color 0.3s ease 0s;
}

.glide--articles-slider .slide__link .slide__description .description__title {
    font-family: LetoSans, sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    position: relative;
    z-index: 500;
    line-height: 1.4;
    margin: 0;
    height: 100px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.slider--tests {
    width: 100%;
}

.slider--tests h2.section__title {
    font-size: 32px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    text-transform: normal;
    color: #383838;
    padding-left: 20px;
    margin: 15px 0;
}

.slider--tests .glide--tests .slide__link:before {
    border-radius: 50%;
    width: 90%;
}

.slider--tests .glide--tests .slide__link .slide__img {
    border-radius: 50%;
    overflow: hidden;
    width: 90%;
}

.slider--tests .glide--tests .slide__link .slide__description .description__title {
    font-size: 18px;
    position: absolute;
    width: 80%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.recipes-slider {
    overflow-y: hidden;
    position: relative;
    height: 340px;
    width: 100%;
    margin: 40px 0;
}

.recipes-slider__title {
    font-family: LetoSans, sans-serif;
    font-size: 32px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    z-index: 30;
    margin: 0;
}

.recipes-slider__title a {
    text-decoration: none;
    color: #fff;
    text-shadow: 2px 2px 3px #2b2b2b;
}

.recipes-slider .glide--recipes .slide__link {
    display: block;
    position: relative;
}

.recipes-slider .glide--recipes .slide__link:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.83)));
    background-image: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.83));
}

.recipes-slider .glide--recipes .slide__img {
    height: 340px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.recipes-slider .glide--recipes .slide__title {
    font-family: LetoSans, sans-serif;
    font-size: 21px;
    color: #fff;
    text-shadow: 2px 1px 4px #000;
    font-weight: 700;
    position: absolute;
    bottom: 0;
    padding: 20px;
    white-space: normal;
}

.horoscopes-slider {
    position: relative;
    width: 100%;
    margin: 0;
}

.horoscopes-slider__title a {
    font-family: LetoSans, sans-serif;
    font-size: 32px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    color: #383838;
    padding-left: 20px;
    margin: 15px 0;
}

.horoscopes-slider .slide__link {
    display: inline-block;
    margin: 10px;
    background: #fff;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    text-align: center;
    text-decoration: none;
    border: 1px solid transparent;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.horoscopes-slider .slide__link:hover {
    border-color: #ef2559;
}

.horoscopes-slider .slide__link .slide__img {
    margin-bottom: 30px;
    margin-top: 40px;
    -webkit-transition: fill 0.3s ease 0s;
    transition: fill 0.3s ease 0s;
    width: auto;
    height: 60px;
}

.horoscopes-slider .slide__link .slide__img .img-wrapper {
    background-color: transparent;
}

.horoscopes-slider .slide__link .slide__img .img-wrapper img {
    -o-object-fit: none;
    object-fit: none;
}

.horoscopes-slider .slide__link .slide__link:hover .slide__img path {
    fill: #fff;
}

.horoscopes-slider .slide__link .slide__date,
.horoscopes-slider .slide__link .slide__name {
    font-family: LetoSans, sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    color: #383838;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.horoscopes-slider .slide__link .slide__name {
    margin-bottom: 10px;
}

.vote {
    position: relative;
    background: #f3f3f3;
    width: 100%;
    padding: 10px 0 0;
    margin: 20px 0;
}

.vote__label {
    color: #757575;
}

.vote__question {
    font-family: LetoSans, sans-serif;
    color: #383838;
    text-align: left;
    font-size: 23px;
    font-weight: 400;
    text-shadow: 0 0 1px #383838;
    padding: 10px 15px;
    margin: 0;
}

.vote__question--twoimg {
    font-size: 19px;
    text-align: center;
    font-weight: 600;
}

.vote__container {
    position: relative;
    padding: 20px 0 0;
}

.vote__container .vote__results {
    box-sizing: border-box;
    background: #f3f3f3;
    width: 100%;
    margin-bottom: 20px;
}

.vote__container .vote__results .result__item {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    font-family: LetoSans, sans-serif;
    height: auto;
    padding: 0 15px;
}

.vote__container .vote__results .result__item .item__score {
    width: 60px;
    text-align: left;
    color: #ef2559;
    font-size: 1em;
    font-weight: 600;
}

.vote__container .vote__results .result__item .item__progress {
    width: calc(100% - 60px);
}

.vote__container .vote__results .result__item .item__progress .progress__title {
    margin: 10px 0;
}

.vote__container .vote__results .result__item .item__progress progress {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 85%;
    height: 3px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #d3d3d3;
    position: relative;
    margin: 0 0 1.5em;
}

.vote__container .vote__results .result__item .item__progress progress::-webkit-progress-bar {
    background-color: #fff;
    height: 3px;
}

.vote__container .vote__results .result__item .item__progress progress::-webkit-progress-value {
    background: #ef2559;
    height: 3px;
}

.vote__container .vote__results .result__item .item__progress progress::-moz-progress-bar {
    background: #ef2559;
    height: 3px;
}

.vote__container .vote__variants--checkbox {
    padding: 20px 15px 15px;
}

.vote__container .vote__variants--checkbox .radio {
    line-height: 24px;
    text-align: left;
    height: auto;
    margin-bottom: 30px;
}

.vote__container .vote__variants--checkbox .radio input[name="shortcodes_answers_id"]+label {
    position: relative;
    display: block;
    font-family: LetoSans, sans-serif;
    font-size: 18px;
    padding-left: 45px;
}

.vote__container .vote__variants--checkbox .radio input[name="shortcodes_answers_id"]+label:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    display: block;
    background: #fff;
    border: 4px solid #fff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
}

.vote__container .vote__variants--checkbox .radio input[name="shortcodes_answers_id"]:hover+label:before {
    background: #ef2559;
}

.vote__container .vote__variants--checkbox .radio input[name="shortcodes_answers_id"]+label:hover {
    color: #000;
}

.vote__container .vote__variants--twoimg {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: calc(100% + 30px);
    margin-left: -15px;
}

.vote__container .vote__variants--twoimg .twoimg__item {
    display: block;
    position: relative;
    background: #000;
    width: 50%;
}

.vote__container .vote__variants--twoimg .twoimg__item img {
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.vote__container .vote__variants--twoimg .twoimg__item span {
    position: absolute;
    display: block;
    color: #ef2559;
    font-weight: 600;
    text-align: center;
    bottom: 20px;
    width: 100%;
}

.vote .vote__status {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    background: #757575;
    width: 100%;
}

.vote .vote__status .status__text {
    font-size: 16px;
    font-style: italic;
    color: #fff;
    text-align: center;
    max-width: 280px;
    padding: 20px 20px 15px;
}

.vote .vote__status .status__close {
    font-size: 14px;
    color: #fff;
    opacity: 0.7;
    padding-right: 15px;
}

.vote .vote__status .status__close:focus,
.vote .vote__status .status__close:hover {
    opacity: 1;
}

.popup-login {
    display: block;
    position: fixed;
    font-family: Roboto, sans-serif;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    z-index: 1300;
}

.popup-login .popup__close {
    position: absolute;
    top: -15px;
    right: -15px;
    background: #fff;
    border: 5px solid #ef2559;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.popup-login .popup__close:after,
.popup-login .popup__close:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 8px;
    height: 16px;
    width: 4px;
    background-color: #ef2559;
}

.popup-login .popup__close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.popup-login .popup__close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.popup-login .login-wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    background: #fff;
    border: 5px solid #ef2559;
    height: 500px;
    width: 90%;
    margin: 100px auto 0;
}

.popup-login .login-wrapper .login__title {
    font-family: Roboto, sans-serif;
    font-size: 24px;
    color: #ef2559;
    text-align: center;
    font-weight: 700;
    padding: 50px 0 30px;
}

.popup-login .login-wrapper .form {
    flex-flow: column wrap;
    -webkit-box-pack: center;
    justify-content: center;
    margin-bottom: 10px;
}

.popup-login .login-wrapper .form,
.popup-login .login-wrapper .form__field {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

.popup-login .login-wrapper .form__field {
    flex-flow: column nowrap;
    font-size: 13px;
    line-height: 26px;
    width: 250px;
    margin: 0 auto 10px;
}

.popup-login .login-wrapper .form__input {
    border: 1px solid #dfe0df;
    padding-left: 10px;
    height: 30px;
    background: #f5f5f5;
}

.popup-login .login-wrapper .form__input:focus,
.popup-login .login-wrapper .form__input:hover {
    box-shadow: 0 0 2px #ef2559;
}

.popup-login .login-wrapper .form__input:invalid:not(:focus):not(:placeholder-shown) {
    background: #ebc9d1;
}

.popup-login .login-wrapper .form .form__field--checkbox {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
}

.popup-login .login-wrapper .form .form__field--checkbox .form__checkbox {
    margin-top: 8px;
}

.popup-login .login-wrapper .form__else {
    margin: 20px auto;
    font-size: 14px;
}

.popup-login .login-wrapper .form__else .else__link {
    font-style: italic;
    color: #ef2559;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.popup-login .login-wrapper .form__else .else__link:hover {
    text-decoration: underline;
}

.popup-login .login-wrapper .form__submit {
    align-self: center;
    background-color: transparent;
    padding: 5px 15px;
    cursor: pointer;
    border-radius: 2px;
    color: #ef2559;
    font-weight: 600;
    border: 1px solid #ef2559;
    text-transform: uppercase;
    height: 35px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    margin-top: 10px;
}

.popup-login .login-wrapper .form__submit:focus,
.popup-login .login-wrapper .form__submit:hover {
    background: #ef2559;
    color: #fff;
    border-color: #c1244c;
}

.popup-login .login__error {
    position: absolute;
    text-align: center;
    background: #fff;
    font-weight: 600;
    width: 100%;
    height: 100%;
    padding-top: 150px;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.popup-login .login__error[data-status="hidden"] {
    opacity: 0;
}

.popup-login .login__loader {
    position: absolute;
    text-align: center;
    bottom: 50px;
    width: 100%;
}

.login-page .popup-login {
    display: block !important;
    position: relative;
    background: #fff;
    z-index: 1;
}

.login-page .popup-login .login-wrapper {
    border: none;
    margin: 0 auto;
}

.login-page .popup-login .login__title {
    padding: 40px 0 30px;
}

.login-page .popup-login .popup__close {
    display: none;
}

.section--load-more-news {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
}

.section--load-more-news .more-news__content {
    width: 100%;
}

.section--load-more-news .more-news__loader {
    text-align: center;
    margin-top: 10px;
    width: 100%;
}

.section--load-more-news .more-news__button {
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 50px;
    border: 1px solid #ef2559;
    color: #ef2559;
    background: #fff;
    font-size: 16px;
    font-family: LetoSans, sans-serif;
    letter-spacing: 2px;
    -webkit-transition: background 0.3s ease 0s, color 0.3s ease 0s;
    transition: background 0.3s ease 0s, color 0.3s ease 0s;
    padding: 20px 50px;
    margin: 20px auto;
}

.section--load-more-news .more-news__button h3 {
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    font-family: LetoSans, sans-serif;
    margin: 0;
}

.section--load-more-news .more-news__button:hover {
    background: #ef2559;
    color: #fff;
}

.section--load-more-news+.article-small {
    border-top: none;
}

.category-wrapper {
    width: 100%;
    padding: 0 20px;
}

.category-wrapper h1.section__title {
    font-family: LetoSans, sans-serif;
    font-size: 26px;
    color: #000;
    font-weight: 400;
    width: 100%;
    text-align: center;
}

.category-wrapper h3.section__title {
    padding: 0;
}

.category-wrapper .articles-block {
    margin-top: 20px;
}

.dossier-wrapper {
    width: 100%;
    padding: 0 20px;
    margin-bottom: 20px;
}

.dossier-wrapper h1.section__title {
    font-family: LetoSans, sans-serif;
    font-size: 26px;
    color: #383838;
    font-weight: 400;
    text-align: left;
    width: 100%;
}

.dossier-wrapper h3.section__title {
    padding: 0;
}

.dossier-wrapper .articles-block {
    margin-top: 20px;
}

.dossier-wrapper .glide--dossier-letters .slide__link {
    font-family: LetoSans, sans-serif;
    font-size: 24px;
    text-align: center;
    color: #ef2559;
    width: 55px;
    height: 55px;
    border: 1px solid #dfe0df;
    display: inline-block;
    border-radius: 50%;
    margin: 15px 0;
    text-decoration: none;
    line-height: 52px;
}

.dossier-wrapper .dossier__section {
    width: calc(100% + 40px);
    margin-left: -20px;
}

.dossier-wrapper .dossier__section .dossier__header {
    display: block;
    font-family: LetoSans, sans-serif;
    border-top: 1px solid #dfe0df;
    background: #f5f5f5;
    padding: 15px;
    margin: 20px 0;
}

.dossier-wrapper .dossier__section .dossier__header--letter {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: #ef2559;
    color: #fff;
    font-size: 24px;
    line-height: 38px;
    text-align: center;
    border-radius: 50%;
    vertical-align: middle;
    margin: 5px 15px;
}

.dossier-wrapper .dossier__section .dossier__header--view-all {
    font-size: 20px;
    letter-spacing: 3px;
    color: #ef2559;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
}

.dossier-wrapper .dossier__section .dossier__header--view-all:after {
    content: "";
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-left: 15px;
    border-top: 2px solid #ef2559;
    border-right: 2px solid #ef2559;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: middle;
    margin-top: -3px;
}

.dossier-wrapper .dossier__section .dossier__content {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 0 10px;
    margin: 20px 0 30px;
}

.dossier-wrapper .dossier__section .dossier__content .content__item {
    display: block;
    text-align: center;
    width: 25%;
}

.dossier-wrapper .dossier__section .dossier__content .content__item-img {
    width: 100px;
    height: 100px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.dossier-wrapper .dossier__section .dossier__content .content__item-name {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    text-align: center;
    color: #383838;
}

.dossier-wrapper .dossier__section .dossier__content .content__item:focus .content__item-name,
.dossier-wrapper .dossier__section .dossier__content .content__item:hover .content__item-name {
    color: #ef2559;
}

.dossier-wrapper .dossier-by-letter {
    margin: 30px 0 50px;
}

.dossier-wrapper .dossier-by-letter__item {
    border-bottom: 1px solid #dfe0df;
    margin: 0 -20px;
    padding: 20px;
    display: -webkit-box;
    display: flex;
    text-decoration: none;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
}

.dossier-wrapper .dossier-by-letter__item:first-child {
    border-top: 1px solid #dfe0df;
}

.dossier-wrapper .dossier-by-letter__item:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    border-top: 2px solid #ef2559;
    border-right: 2px solid #ef2559;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 20px;
    top: calc(50% - 8px);
}

.dossier-wrapper .dossier-by-letter__img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.dossier-wrapper .dossier-by-letter__title {
    font-family: LetoSans, sans-serif;
    font-size: 21px;
    color: #383838;
    font-weight: 400;
    padding: 0 0 5px 5px;
    margin: 0;
}

.dossier-wrapper .dossier-by-letter__prof {
    font-family: LetoSans, sans-serif;
    font-size: 14px;
    color: #757575;
    padding: 0 0 5px 5px;
}

.tag-wrapper {
    width: 100%;
    padding: 0 20px;
}

.tag-wrapper h1.section__title {
    font-family: LetoSans, sans-serif;
    font-size: 26px;
    color: #000;
    font-weight: 400;
    text-align: left;
    width: 100%;
}

.tag-wrapper h3.section__title {
    padding: 0;
}

.tag-wrapper .articles-block {
    margin-top: 20px;
}

.tag-wrapper .av-shows {
    background: #f5f5f5;
    width: calc(100% + 40px);
    margin: 20px -20px;
    padding: 0 10px;
    box-sizing: border-box;
}

.tag-wrapper .av-shows-header {
    display: block;
    text-decoration: none;
    color: #000;
    margin: 0 -10px;
    padding: 10px 20px;
    position: relative;
}

.tag-wrapper .av-shows-header:after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 25px;
    border-right: 2px solid #ef2559;
    border-bottom: 2px solid #ef2559;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: calc(50% - 11px);
    -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease 0s;
    transition: top 0.3s ease, -webkit-transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s, top 0.3s ease;
    transition: transform 0.3s ease 0s, top 0.3s ease, -webkit-transform 0.3s ease 0s;
}

.tag-wrapper .av-shows_opened .av-shows-header:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    top: calc(50% - 4px);
}

.tag-wrapper .av-shows-body {
    display: none;
}

.tag-wrapper .av-shows_opened .av-shows-body {
    display: block;
}

.tag-wrapper .av-shows-title {
    font-family: LetoSans, sans-serif;
    font-size: 20px;
    color: #000;
    font-weight: 400;
    margin: 0;
}

.tag-wrapper .cat_buttons {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    -webkit-box-align: center;
    align-items: center;
    padding-left: 0;
    margin: 0;
}

.tag-wrapper .cat_buttons li {
    display: block;
    margin: 5px 10px;
}

.tag-wrapper .cat_buttons li a {
    display: block;
    width: 100%;
    border-radius: 100px;
    border: 1px solid #d8d8d8;
    padding: 8px 10px;
    text-decoration: none;
    color: #ef2559;
    box-sizing: border-box;
    font-family: LetoSans;
    font-size: 13px;
}

.tag-wrapper .cat_buttons li a.active,
.tag-wrapper .cat_buttons li a:hover {
    color: #fff;
    background: #ef2559;
    border: 1px solid #ef2559;
}

.tag-wrapper .av-shows-title__count {
    color: #9b9b9b;
}

.tag-wrapper .top-title {
    font-family: LetoSans, sans-serif;
    font-size: 26px;
    font-weight: 400;
    color: #000;
    margin: 30px 0;
}

.article-wrapper {
    box-sizing: padding-box;
    width: 100%;
    padding: 0 20px;
}

.article-wrapper .admin-tools {
    padding: 10px 0;
}

.article-wrapper .admin-tools a {
    font-family: Roboto, sans-serif;
    background-color: #b42f49;
    color: #fff;
    font-size: 13px;
    padding: 5px 10px;
    border-radius: 1px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.article-wrapper .admin-tools a:hover {
    opacity: 0.85;
}

.article-wrapper .admin-tools .article__status {
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-size: 75%;
    line-height: 1;
    text-align: center;
    border-radius: 10rem;
    padding: 0.25em 0.6em;
    margin-left: 10px;
}

.article-wrapper .admin-tools .article__status--no-published {
    color: #383838;
    background-color: #eccd8e;
}

.article-wrapper .admin-tools .article__status--published {
    color: #fff;
    background-color: #28a745;
}

.article-wrapper .admin-tools .article__status--planned {
    color: #fff;
    background-color: #17a2b8;
}

.article-wrapper .admin-tools .article__status--pay {
    color: #fff;
    background-color: #3897f0;
}

.article-wrapper a.article__localization-link {
    display: inline-block;
    text-align: center;
    color: #757575;
    background-color: #fff;
    border: 2px solid #ef2559;
    border-radius: 13px;
    width: 100%;
    max-width: 300px;
    padding: 10px;
    margin: 5px 0;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.article-wrapper a.article__localization-link:hover {
    color: #fff;
    background-color: #ef2559;
}

.article-wrapper .article__top {
    position: relative;
    min-height: 260px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    -webkit-box-align: start;
    align-items: flex-start;
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-top: 10px;
}

.article-wrapper .article__top:before {
    position: absolute;
    z-index: 2;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.83)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 0, rgba(0, 0, 0, 0.83));
}

.article-wrapper .article__top .article__img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-position: top;
    object-position: top;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 1;
}

.article-wrapper .article__top .article__category {
    position: relative;
    color: #ef2559;
    background: 0 0;
    z-index: 700;
    font-family: LetoSans, sans-serif;
    font-size: 14px;
    letter-spacing: 4px;
    padding: 20px;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    -webkit-transition: color 0.3s ease 0s, background 0.3s ease 0s;
    transition: color 0.3s ease 0s, background 0.3s ease 0s;
    z-index: 3;
}

.article-wrapper .article__top .article__category:hover {
    color: #fff;
    background: #ef2559;
}

.article-wrapper .article__top .article__title {
    z-index: 10;
    font-family: LetoSans, sans-serif;
    font-size: 23px;
    color: #fff;
    font-weight: 400;
    text-shadow: 0 0 1px #fff;
    padding: 0 20px;
    margin: 0;
    z-index: 4;
    width: 100%;
}

.article-wrapper .article__main {
    width: 100%;
    font-family: Roboto, sans-serif;
}

.article-wrapper .article__main h1,
.article-wrapper .article__main h2,
.article-wrapper .article__main h3,
.article-wrapper .article__main h4,
.article-wrapper .article__main h5,
.article-wrapper .article__main h6 {
    color: #383838;
}

.article-wrapper .article__main .color-wrapper,
.article-wrapper .article__main p {
    font-size: 17px;
    color: #383838;
    line-height: 1.47;
    padding: 0;
    margin: 17px 0;
}

.article-wrapper .article__main a {
    color: #1078be;
    text-decoration: underline;
}

.article-wrapper .article__main li {
    font-family: Roboto;
    font-size: 17px;
    color: #383838;
    padding-left: 27px;
    position: relative;
    line-height: 1.47;
    margin-bottom: 15px;
}

.article-wrapper .article__main ol {
    list-style: decimal;
    margin-left: 20px;
}

.article-wrapper .article__main ol li {
    padding-left: 10px;
}

.article-wrapper .article__main ol li::marker {
    color: #ef2559;
    font-family: Roboto;
    font-size: 17px;
    font-weight: 700;
}

.article-wrapper .article__main ul li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    background: #ef2559;
    width: 7px;
    height: 7px;
    margin-top: 9px;
}

.article-wrapper .article__main img {
    -o-object-fit: cover;
    object-fit: cover;
    height: auto;
    max-width: 100%;
}

.article-wrapper .article__main iframe {
    max-width: 100%;
}

.article-wrapper .article__main sup {
    vertical-align: super !important;
    font-size: smaller !important;
}

.article-wrapper .article__main .image-wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.article-wrapper .article__main .image-wrapper__description {
    text-align: right;
    font-style: italic;
    font-weight: 400;
    background: #efefef;
    padding: 2px 10px;
    margin: 0;
    color: #999;
    width: 100%;
}

.article-wrapper .article__main .block_quoteText {
    text-align: center;
    background: #f5f5f5;
    margin: 40px -20px 20px;
    width: calc(100% + 40px);
}

.article-wrapper .article__main .block_quoteText .quote-holder>div>span {
    font-family: Roboto, sans-serif !important;
    width: auto !important;
    font-size: 17px !important;
    font-weight: 400;
    font-style: italic !important;
    line-height: 1.79;
    color: #383838 !important;
    display: block;
    padding: 20px 0;
    margin: 0 !important;
}

.article-wrapper .article__main .block_quoteText .quote-holder>div>span:not([style*="font-family"]) {
    display: none !important;
}

.article-wrapper .article__main blockquote {
    text-align: center;
    background: #f5f5f5;
    margin: 40px -20px 20px;
    width: calc(100% + 40px);
}

.article-wrapper .article__main blockquote p {
    font-family: Roboto, sans-serif;
    width: auto;
    font-size: 17px;
    font-weight: 400;
    font-style: italic;
    line-height: 1.79;
    color: #383838;
    display: block;
    padding: 20px;
    margin: 0;
}

.article-wrapper .article__main .block_blockquote-image {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    -webkit-box-align: center;
    align-items: center;
    min-height: 110px;
    width: 100%;
    margin: 20px 0;
}

.article-wrapper .article__main .block_blockquote-image .blockquote-image__img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    margin-left: 3px;
    border-radius: 50%;
    width: 100px;
    height: 100px !important;
    z-index: 2;
}

.article-wrapper .article__main .block_blockquote-image .blockquote-image__info {
    width: calc(100% - 130px);
    padding-left: 10px;
}

.article-wrapper .article__main .block_blockquote-image .blockquote-image__info--name {
    font-family: LetoSans, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: normal;
    margin: 0 0 2px 10px;
}

.article-wrapper .article__main .block_blockquote-image .blockquote-image__info--secondary {
    font-family: Roboto, sans-serif;
    font-size: 12px;
    color: #616161;
    line-height: normal;
    margin: 0 0 2px 10px;
}

.article-wrapper .article__main .block_blockquote-image .blockquote-image__text {
    text-align: justify;
    background-color: #fff4e6;
    font-family: LetoSans, sans-serif;
    font-size: 16px;
    line-height: 25px;
    width: 100%;
    padding: 15px;
    margin-top: -10px;
}

.article-wrapper .article__main .block_quote .quote-holder div:nth-child(2) {
    padding-left: 113px !important;
}

.article-wrapper .article__main .block_quote .quote-holder div:nth-child(2) span {
    display: block;
}

.article-wrapper .article__main .block_quote .quote-holder p {
    font-family: Roboto, sans-serif;
    font-size: 17px;
    color: #383838;
    line-height: 1.47;
    text-align: justify;
    margin-top: 7px;
    padding: 15px;
    background-color: #fff4e6;
    font-size: 16px;
    line-height: 25px;
}

.article-wrapper .article__main .block_instagram iframe.instagram-media {
    width: 100%;
    max-width: 100% !important;
}

.article-wrapper .article__main .block_instagram blockquote {
    position: relative;
    max-width: 100%;
    height: 300px;
    background: #fff;
    border: 0;
    border-radius: 3px;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 10px 0 rgba(0, 0, 0, 0.15);
    margin: 1px;
}

.article-wrapper .article__main .block_instagram blockquote:before {
    position: absolute;
    display: block;
    top: 60px;
    left: 50%;
    height: 20px;
    width: 20px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    content: "";
    background: url(loader_circle.gif) 50% no-repeat;
}

.article-wrapper .article__main .block_instagram blockquote:after {
    position: absolute;
    top: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    content: "Instagram блок";
    color: grey;
}

.article-wrapper .article__main .block_instagram blockquote>* {
    display: none;
}

.article-wrapper .article__main .readmore {
    background: #f5f5f5;
    margin: 20px -20px;
    width: calc(100% + 40px);
}

.article-wrapper .article__main .readmore__title {
    display: block;
    padding: 15px 20px 0;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-style: italic;
    color: #757575;
}

.article-wrapper .article__main .readmore a {
    display: block;
    border-bottom: 1px solid #dfe0df;
    padding: 15px 20px;
    font-family: LetoSans, sans-serif;
    font-size: 13px;
    line-height: 1.62;
    color: #383838;
    text-decoration: none;
    -webkit-transition: color 0.3 ease-in;
    transition: color 0.3 ease-in;
}

.article-wrapper .article__main .readmore a:focus,
.article-wrapper .article__main .readmore a:hover {
    color: #ef2559;
}

.article-wrapper .article__main .readmoreUK {
    background: #f5f5f5;
    margin: 20px -20px;
    width: calc(100% + 40px);
}

.article-wrapper .article__main .readmoreUK__title {
    display: block;
    padding: 15px 20px 0;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-style: italic;
    color: #757575;
}

.article-wrapper .article__main .readmoreUK a {
    display: block;
    border-bottom: 1px solid #dfe0df;
    padding: 15px 20px;
    font-family: LetoSans, sans-serif;
    font-size: 13px;
    line-height: 1.62;
    color: #383838;
    text-decoration: none;
    -webkit-transition: color 0.3 ease-in;
    transition: color 0.3 ease-in;
}

.article-wrapper .article__main .readmoreUK a:focus,
.article-wrapper .article__main .readmoreUK a:hover {
    color: #ef2559;
}

.article-wrapper .article__main .specialfordoccierindb {
    color: #383838;
}

.article-wrapper .article__main .specialfordoccierindb strong {
    display: inline-block;
    margin-bottom: 5px;
}

.article-wrapper .article__main .specialfordoccierindbUK {
    color: #383838;
}

.article-wrapper .article__main .specialfordoccierindbUK strong {
    display: inline-block;
    margin-bottom: 5px;
}

.article-wrapper .article__main .beer-slider .beer-reveal> :first-child {
    max-width: none;
}

.article-wrapper .article__main .beer-slider .beer-handle {
    background-color: #ef2559;
    color: #fff;
    opacity: 0.8;
}

.article-wrapper .article__main .beer-slider:hover .beer-handle {
    opacity: 1;
}

.article-wrapper .article__main .article-slider {
    width: calc(100% + 40px);
    margin-left: -20px;
}

.article-wrapper .article__main .article-slider ul.glide__slides {
    padding: 0;
    margin: 0;
}

.article-wrapper .article__main .article-slider ul.glide__slides li {
    height: inherit;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 0;
    margin: 0;
}

.article-wrapper .article__main .article-slider ul.glide__slides li img {
    height: 100%;
    width: 100%;
    max-width: none;
}

.article-wrapper .article__main .article-slider ul.glide__slides li:before {
    content: none;
}

.article-wrapper .article__main .article-slider .glide__arrow {
    background: rgba(0, 0, 0, 0.5);
    width: 42px;
    height: 74px;
    position: absolute;
    outline: none;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: background 0.3s ease 0s;
    transition: background 0.3s ease 0s;
    border: none;
}

.article-wrapper .article__main .article-slider .glide__arrow:before {
    width: 15px;
    height: 15px;
    border-top: 2px solid #fff;
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 10px);
}

.article-wrapper .article__main .article-slider .glide__arrow:focus {
    outline: none;
    background: #ef2559;
}

.article-wrapper .article__main .article-slider .glide__arrow--left {
    left: 0;
}

.article-wrapper .article__main .article-slider .glide__arrow--left:before {
    border-left: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 15px;
}

.article-wrapper .article__main .article-slider .glide__arrow--right {
    right: 0;
}

.article-wrapper .article__main .article-slider .glide__arrow--right:before {
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 15px;
}

.article-wrapper .article__main .block_horoscope .horoscope-title {
    text-align: center;
    font-size: 26px;
    color: #ef2559;
    width: 100%;
}

.article-wrapper .article__main .block_horoscope .horscope-anchors {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 2.5em;
}

.article-wrapper .article__main .block_horoscope .horoscopeTitle {
    text-align: center;
}

.article-wrapper .fb-comments {
    margin: 20px 0;
}

.article-wrapper .article__author {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
}

.article-wrapper .article__author .author__avatar {
    width: 70px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 20px;
}

.article-wrapper .article__author .author__avatar img {
    height: 70px !important;
    width: 70px;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.article-wrapper .article__author .author__info {
    font-family: Roboto, sans-serif;
    color: #383838;
}

.article-wrapper .article__author .author__info a {
    display: block;
    color: #ef2559;
    font-weight: 700;
    margin-bottom: 5px;
}

.article-wrapper .article__socials {
    flex-flow: row wrap;
    margin: 15px 0 30px;
}

.article-wrapper .article__socials,
.article-wrapper .article__socials .socials__button {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    justify-content: space-around;
    -webkit-box-align: center;
    align-items: center;
}

.article-wrapper .article__socials .socials__button {
    position: relative;
    flex-flow: row nowrap;
    font-family: LetoSans, sans-serif;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    height: 40px;
    width: 90%;
    margin-top: 12px;
}

.article-wrapper .article__socials .socials__button:hover {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}

.article-wrapper .article__socials .socials__button:active {
    opacity: 0.8;
}

.article-wrapper .article__socials .socials__button:before {
    content: "";
    display: block;
    position: absolute;
    left: 10px;
    height: 30px;
    width: 30px;
}

.article-wrapper .article__socials .button--facebook {
    background: #43609c;
}

.article-wrapper .article__socials .button--facebook:before {
    background: no-repeat 50%/100% url(article_socials_facebook.svg);
}

.article-wrapper .article__socials .button--viber {
    background: #665cac;
}

.article-wrapper .article__socials .button--viber:before {
    background: no-repeat 50%/100% url(article_socials_viber.svg);
}

.article-wrapper .article__socials .button--youtube {
    background: red;
}

.article-wrapper .article__socials .button--youtube:before {
    background: no-repeat 50%/100% url(article_socials_youtube.svg);
}

.article-wrapper .cycles {
    margin-top: 40px;
}

.article-wrapper .cycles__title {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    color: #757575;
}

.article-wrapper .cycles__list {
    width: calc(100% + 40px);
    margin-left: -20px;
}

.article-wrapper .cycles__list li {
    border-bottom: 1px solid #dfe0df;
    padding: 20px;
}

.article-wrapper .cycles__list li:first-child {
    border-top: 1px solid #dfe0df;
}

.article-wrapper .cycles__list li a {
    font-family: LetoSans, sans-serif;
    font-size: 15px;
    line-height: 1.53;
    color: #383838;
    text-decoration: none;
}

.article-wrapper .cycles__list li a:hover {
    color: #ef2559;
}

.article-wrapper .tags {
    margin: 20px 0;
}

.article-wrapper .tags__list {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
}

.article-wrapper .tags__list .tags__item {
    font-family: LetoSans, sans-serif;
    font-size: 11px;
    color: #ef2559;
    border: 1px solid transparent;
    text-decoration: none;
    -webkit-transition: background 0.3s ease 0s, color 0.3s ease 0s, border 0.3s ease 0s;
    transition: background 0.3s ease 0s, color 0.3s ease 0s, border 0.3s ease 0s;
    line-height: 22px;
    padding: 5px;
    margin: 5px 10px 5px 0;
}

.article-wrapper .tags__list .tags__item:hover {
    background: #ef2559;
    color: #fff;
    border-color: #ef2559;
}

.article-wrapper h2.section__title {
    font-size: 18px;
    font-family: LetoSans, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #383838;
    width: 100%;
    padding: 0;
    margin: 20px 0;
}

.article-wrapper .more-news__link {
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 50px;
    border: 1px solid #ef2559;
    color: #ef2559;
    background: #fff;
    letter-spacing: 2px;
    -webkit-transition: background 0.3s ease 0s, color 0.3s ease 0s;
    transition: background 0.3s ease 0s, color 0.3s ease 0s;
    padding: 20px;
    width: 80%;
    text-align: center;
    margin: 10px auto 30px;
}

.article-wrapper .more-news__link h3 {
    text-align: center;
    font-weight: 400;
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-family: LetoSans, sans-serif;
}

.article-wrapper .more-news__link:hover {
    background: #ef2559;
    color: #fff;
}

.breadcrumbs {
    font-family: LetoSans, sans-serif;
    font-size: 11px;
    color: #ababab;
    max-height: 23px;
    line-height: 1.15;
    overflow: hidden;
    margin: 10px 0;
}

.breadcrumbs .breadcrumbs__item {
    margin-right: 5px;
}

.breadcrumbs .breadcrumbs__item:last-child {
    text-overflow: ellipsis;
}

.breadcrumbs .breadcrumbs__item-last {
    display: inline-block;
}

.breadcrumbs .breadcrumbs__item a {
    font-family: LetoSans, sans-serif;
    font-size: 11px;
    color: #ababab;
    text-decoration: none;
}

.breadcrumbs .breadcrumbs__slash {
    margin-right: 5px;
}

.search-form {
    margin-bottom: 15px;
}

.search-form,
.search-form .search-box {
    position: relative;
}

.search-form .search-box__input {
    width: 100%;
    border: 1px solid #dfe0df;
    font-family: LetoSans, sans-serif;
    font-size: 16px;
    padding: 20px 40px 20px 20px;
    box-sizing: border-box;
    outline: none;
}

.search-form .search-box__icon {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    position: absolute;
    top: 1px;
    right: 1px;
    background: #fff;
    height: 58px;
    width: 60px;
}

.search-form .search-box__result {
    position: absolute;
    border: 1px solid #dfe0df;
    background: #fff;
    top: 60px;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    padding: 5px 20px;
    margin: 0;
    z-index: 10;
}

.search-form .search-box__result li {
    margin: 10px 0;
}

.search-form .search-box__result li a {
    text-decoration: none;
    font-family: LetoSans, sans-serif;
    font-size: 16px;
    color: #383838;
}

.search-wrapper {
    width: 100%;
    padding: 20px;
}

.search-wrapper .where-searched {
    font-family: LetoSans, sans-serif;
    font-size: 22px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    margin: 15px 0;
}

.search-wrapper .where-searched__label {
    color: #757575;
}

.search-wrapper .where-searched__keyword {
    color: #ef2559;
}

.search-wrapper .where-searched__close {
    width: 30px;
    height: 30px;
    vertical-align: middle;
    display: inline-block;
}

.search-wrapper .gsc-input-box,
.search-wrapper .gsc-input-box-focus,
.search-wrapper .gsc-input-box-hover,
.search-wrapper input.gsc-input {
    font-family: LetoSans, sans-serif;
    font-size: 16px;
    color: #757575;
    border: none;
}

.search-wrapper .gsc-input-box-focus,
.search-wrapper .gsc-input-box-hover,
.search-wrapper .gsc-search-box .gsc-input>input,
.search-wrapper .gsc-search-box .gsc-input>input:active,
.search-wrapper .gsc-search-box .gsc-input>input:focus,
.search-wrapper .gsc-search-box .gsc-input>input:hover {
    box-shadow: none;
    outline: none;
    border: none;
}

.search-wrapper .cse .gsc-control-cse,
.search-wrapper .gsc-control-cse {
    padding: 0;
}

.search-wrapper table.gsc-search-box {
    border: 1px solid #dfe0df;
    padding: 0;
    border-collapse: collapse;
    margin: 0;
}

.search-wrapper .cse table.gsc-search-box td.gsc-input,
.search-wrapper table.gsc-search-box td.gsc-input {
    padding: 10px;
}

.search-wrapper .gssb_c {
    z-index: 5000;
    width: calc(100% - 42px) !important;
    left: 21px !important;
    margin-top: 8px;
    box-shadow: none;
}

.search-wrapper .gsc-completion-container {
    box-shadow: none;
    border: 1px solid #dfe0df;
    font-family: LetoSans, sans-serif;
    font-size: 16px;
    color: #757575;
}

.search-wrapper .gsc-completion-selected {
    background: #ddd;
}

.search-wrapper table.gsc-search-box td.gsib_b {
    display: none;
}

.search-wrapper .gsc-search-button-v2,
.search-wrapper .gsc-search-button-v2:focus,
.search-wrapper .gsc-search-button-v2:hover {
    background: 0 0;
    border: none;
    outline: none;
}

.search-wrapper .gsc-search-button-v2 svg {
    display: none;
}

.search-wrapper .gsc-search-button-v2,
.search-wrapper .gsc-search-button-v2:focus,
.search-wrapper .gsc-search-button-v2:hover {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIyMSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InJvdGF0ZSgtNDUgOS4zOSA4LjEzMikiPjxjaXJjbGUgY3g9IjguNSIgY3k9IjguNSIgcj0iNy41IiBzdHJva2U9IiNFRjI1NTkiIHN0cm9rZS13aWR0aD0iMiIgdHJhbnNmb3JtPSJyb3RhdGUoMiA4LjUgOC41KSIvPjxwYXRoIGZpbGw9IiNFRjI1NTkiIGQ9Ik04LjE0IDE1Ljk2OGwxLjk5OS4wNy0uMjggNy45OTQtMS45OTgtLjA3eiIvPjwvZz48L3N2Zz4=") no-repeat 50%/20px 30px;
    cursor: pointer;
    height: 40px;
    width: 40px;
    margin-right: 10px;
}

.search-wrapper .gsc-result-info {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    color: #757575;
    font-family: LetoSans, sans-serif;
}

.search-wrapper .gsc-above-wrapper-area {
    padding: 0;
    border-bottom: 0;
}

.search-wrapper .gsc-result-info-container {
    display: block;
}

.search-wrapper .gsc-orderby-container {
    display: block;
    text-align: left;
}

.search-wrapper .gsc-orderby-label {
    font-family: LetoSans, sans-serif;
    font-size: 14px;
}

.search-wrapper .gsc-selected-option-container {
    background: 0 0;
    border: none;
    box-shadow: none;
    font-size: 14px;
    font-family: LetoSans, sans-serif;
}

.search-wrapper .gsc-selected-option {
    font-weight: 400;
    color: #ef2559;
}

.search-wrapper .gsc-control-cse .gsc-option-selector {
    background: 0 0;
    right: 10px;
}

.search-wrapper .gsc-control-cse .gsc-option-selector:after {
    content: "";
    border-left: 2px solid #ef2559;
    border-bottom: 2px solid #ef2559;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 7px;
    height: 7px;
    display: block;
}

.search-wrapper .gsc-control-cse .gsc-option-menu {
    font-size: 14px;
    font-family: LetoSans, sans-serif;
    margin-top: 30px;
    padding: 0;
}

.search-wrapper .gsc-option-menu-item-highlighted {
    background: #eee;
}

.search-wrapper .gs-title {
    font-weight: 700;
    font-size: 18px;
}

.search-wrapper .gs-visibleUrl {
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 170%;
}

.search-wrapper .gsc-table-result {
    background: #f0f0f0;
    padding: 10px;
}

.search-wrapper .gs-snippet {
    font-size: 16px;
}

.search-wrapper .gsc-cursor-page {
    font-family: LetoSans, sans-serif;
    font-size: 16px;
}

.search-wrapper .gcsc-branding {
    padding: 10px;
    text-align: left;
}

.search-wrapper .gcsc-branding-text,
.search-wrapper .gsc-branding-text {
    text-align: left;
}

.search-wrapper .gcsc-branding-text:first-child,
.search-wrapper .gsc-branding-text:first-child {
    -webkit-box-flex: unset;
    flex-grow: unset;
}

.search-wrapper .gsc-results {
    width: 100%;
}

.search-wrapper form.gsc-search-box {
    margin-bottom: 15px;
}

.search-wrapper #___gcse_0 {
    margin-top: 15px;
}

.rating {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    margin: 10px 0 20px;
}

.rating__form {
    z-index: 2;
    padding-right: 10px;
}

.rating__form .rating__stars {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    justify-content: center;
}

.rating__form .rating__stars:focus .stars__item.activ:before,
.rating__form .rating__stars:focus .stars__item:focus:before {
    content: "★";
    color: #eccd8e;
}

.rating__form .rating__stars .stars__item {
    position: relative;
    display: inline-block;
    font-size: 18px;
    width: 16px;
    margin-right: 1px;
    cursor: pointer;
}

.rating__form .rating__stars .stars__item:before {
    content: "☆";
    color: #ef2559;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 16px;
}

.rating__form .rating__stars .stars__item.activ:before {
    content: "★";
}

.rating__form[data-status="voted"] .rating__stars .stars__item {
    cursor: default !important;
}

.rating__form[data-status="voted"] .rating__stars .stars__item:before {
    content: "☆" !important;
    color: #ef2559 !important;
}

.rating__form[data-status="voted"] .rating__stars .stars__item.activ:before {
    content: "★" !important;
}

.rating__score {
    text-align: center;
    font-size: 11px;
    color: #757575;
}

.rating__response {
    position: absolute;
    bottom: -20px;
    font-size: 13px;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition-delay: 3s;
    transition-delay: 3s;
    text-align: left;
    width: 100%;
}

.rating__response--error {
    color: red;
}

.rating__response--success {
    color: #0096dd;
}

.rating__response[data-status="hidden"] {
    opacity: 0;
}

.pagination {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    margin-bottom: 25px;
}

.pagination__button {
    display: block;
    position: relative;
    border-radius: 50%;
    border: 1px solid #ef2559;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 58px;
    height: 58px;
}

.pagination__button:before {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 8px);
    border-top: 1px solid #ef2559;
    width: 15px;
    height: 15px;
}

.pagination__button:focus,
.pagination__button:hover {
    background: #ef2559;
}

.pagination__button:focus:before,
.pagination__button:hover:before {
    border-color: #fff !important;
}

.pagination__button[disabled] {
    border-color: #dfe0df;
}

.pagination__button[disabled]:before {
    border-color: #dfe0df !important;
}

.pagination .button--prev:before {
    left: calc(50% - 5px);
    border-left: 1px solid #ef2559;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.pagination .button--next:before {
    right: calc(50% - 5px);
    border-right: 1px solid #ef2559;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.pagination__page {
    font-family: LetoSans, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 2.5px;
    text-align: center;
    color: #383838;
    text-transform: uppercase;
}

.footer {
    text-align: center;
    background: #272727;
    padding: 20px 20px 40px;
}

.footer__menu {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.footer__menu .menu__item {
    margin: 10px 0;
}

.footer__menu .menu__item a {
    font-family: LetoSans, sans-serif;
    color: #ef2559;
    font-size: 17px;
    border-bottom: 1px solid transparent;
    text-decoration: none;
    line-height: 1.5em;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.footer__logo {
    margin: 20px 0;
}

.footer__cpr {
    font-family: LetoSans, sans-serif;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    color: #969696;
}

@font-face {
    font-family: SFUIText-Regular;
    src: url(SFUIText-Regular.ttf);
}

.static-wrapper {
    width: 100%;
    padding: 0 20px;
}

.static-wrapper h3.section__title {
    padding: 0;
}

.static-wrapper .button--action {
    display: block;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    border-radius: 50px;
    border: 1px solid #ef2559;
    color: #ef2559;
    background: #fff;
    font-size: 16px;
    font-family: LetoSans, sans-serif;
    letter-spacing: 2px;
    -webkit-transition: background 0.3s ease 0s, color 0.3s ease 0s;
    transition: background 0.3s ease 0s, color 0.3s ease 0s;
    padding: 20px 50px;
    margin: 20px 20px 30px;
}

.static-wrapper .button--action:focus,
.static-wrapper .button--action:hover {
    background: #ef2559;
    color: #fff;
    outline: none;
}

.static-wrapper .cards {
    margin: 20px 0;
}

.static-wrapper .cards span.card:before {
    content: none;
}

.static-wrapper .cards .card {
    border-bottom: 1px solid #dfe0df;
    margin: 0 -20px;
    padding: 20px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    text-decoration: none;
    position: relative;
}

.static-wrapper .cards .card:first-child {
    border-top: 1px solid #dfe0df;
}

.static-wrapper .cards .card:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    border-top: 2px solid #ef2559;
    border-right: 2px solid #ef2559;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 20px;
    top: calc(50% - 8px);
}

.static-wrapper .cards .card__img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.static-wrapper .cards .card__description {
    font-family: LetoSans, sans-serif;
    font-size: 14px;
    padding: 0 0 5px 10px;
}

.static-wrapper .cards .card__description .description__title {
    font-size: 21px;
    font-weight: 400;
    color: #383838;
    margin: 0;
    text-align: left;
}

.static-wrapper .cards .card__description .description__prof {
    color: #757575;
}

.static-wrapper .cards .card__description .description__email {
    color: #ef2559;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
}

.static-wrapper .cards .card__question {
    font-family: serif;
    font-size: 28px;
    color: #ef2559;
    font-weight: 600;
    font-style: italic;
    width: 80%;
}

.static-wrapper .section__location .location__address {
    font-size: 18px;
    font-style: normal;
    margin-bottom: 10px;
}

.static-wrapper .section__location .location__tel {
    font-size: 21px;
    margin-bottom: 20px;
}

.static-wrapper .section__feedback {
    font-family: LetoSans, sans-serif;
    background: #f5f5f5;
    box-sizing: border-box;
    width: calc(100% + 40px);
    padding: 20px;
    margin-left: -20px;
}

.static-wrapper .section__feedback .feedback__message {
    font-size: 18px;
    text-align: center;
}

.static-wrapper .section__feedback .feedback__form .form__field {
    margin-bottom: 20px;
}

.static-wrapper .section__feedback .feedback__form .form__field .field__label {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #757575;
    margin-bottom: 15px;
}

.static-wrapper .section__feedback .feedback__form .form__field .field__input {
    display: block;
    font-size: 16px;
    color: #000;
    border: none;
    padding: 15px;
    width: 100%;
    outline: none;
    box-sizing: border-box;
}

.static-wrapper .section__feedback .feedback__form .button--action {
    margin: 20px;
}

.static-wrapper .section__socials {
    flex-flow: row wrap;
    margin: 15px 0 40px;
}

.static-wrapper .section__socials,
.static-wrapper .section__socials .socials__button {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    justify-content: space-around;
    -webkit-box-align: center;
    align-items: center;
}

.static-wrapper .section__socials .socials__button {
    position: relative;
    flex-flow: row nowrap;
    font-family: LetoSans, sans-serif;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    height: 40px;
    width: 90%;
    margin-top: 12px;
}

.static-wrapper .section__socials .socials__button:hover {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}

.static-wrapper .section__socials .socials__button:active {
    opacity: 0.8;
}

.static-wrapper .section__socials .socials__button:before {
    content: "";
    display: block;
    position: absolute;
    left: 10px;
    height: 35px;
    width: 35px;
}

.static-wrapper .section__socials .button--facebook {
    background: #43609c;
}

.static-wrapper .section__socials .button--facebook:before {
    background: no-repeat 50%/100% url(article_socials_facebook.svg);
}

.static-wrapper .section__socials .button--viber {
    background: #665cac;
}

.static-wrapper .section__socials .button--viber:before {
    background: no-repeat 50%/100% url(article_socials_viber.svg);
}

.static-wrapper .section__socials .button--instagram {
    background: linear-gradient(45deg, #f09433, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888);
}

.static-wrapper .section__socials .button--instagram:before {
    background: no-repeat 50%/100% url(article_socials_insta2.svg);
}

.static-wrapper .section__socials .button--youtube {
    background: red;
}

.static-wrapper .section__socials .button--youtube:before {
    background: no-repeat 50%/100% url(article_socials_youtube.svg);
}

.static-wrapper .section__projects .projects__link {
    width: 270px;
    height: 270px;
    border-radius: 50%;
    overflow: hidden;
    display: -webkit-box;
    display: flex;
    margin: 30px auto;
    position: relative;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    text-decoration: none;
    padding: 15px;
    box-sizing: border-box;
}

.static-wrapper .section__projects .projects__link:before {
    position: absolute;
    content: "";
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.83)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.83));
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 75;
    -webkit-transition: background 0.3s ease 0s;
    transition: background 0.3s ease 0s;
}

.static-wrapper .section__projects .projects__link:hover:before {
    background: #ef2559;
}

.static-wrapper .section__projects .projects__title {
    position: relative;
    z-index: 100;
    font-family: LetoSans, sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.13;
    color: #fff;
    text-align: center;
}

.static-wrapper .section__projects .projects__img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    z-index: 50;
}

.static-wrapper .section__about {
    width: calc(100% + 40px);
    margin-left: -20px;
    box-sizing: border-box;
    background: #e5eaee url(section_about.webp) no-repeat 100% 0 / cover;
}

.static-wrapper .section__about .glide--about .about-slider__item {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #000;
    padding: 20px 20px 50px;
}

.static-wrapper .section__about .glide--about .about-slider__nice {
    font-family: serif;
    font-size: 28px;
    color: #ef2559;
    font-style: italic;
}

.static-wrapper .section__about .glide--about .about-slider-big {
    position: relative;
    max-width: 298px;
    width: 100%;
    margin: 15px 0 25px;
}

.static-wrapper .section__about .glide--about .about-slider-big__svg {
    position: absolute;
    z-index: -1;
}

.static-wrapper .section__about .glide--about .glide__bullets {
    position: absolute;
    z-index: 2;
    bottom: 1em;
    left: 50%;
    display: -webkit-inline-box;
    display: inline-flex;
    list-style: none;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.static-wrapper .section__about .glide--about .glide__bullets .glide__bullet {
    background-color: hsla(0, 0%, 100%, 0.5);
    width: 14px;
    height: 14px;
    padding: 0;
    border-radius: 50%;
    border: 2px solid transparent;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    line-height: 0;
    box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.3);
    margin: 0 0.75em;
}

.static-wrapper .section__about .glide--about .glide__bullets .glide__bullet:focus {
    outline: none;
}

.static-wrapper .section__about .glide--about .glide__bullets .glide__bullet--active {
    background: #ef2559;
}

.static-wrapper.page--reklama {}

.static-wrapper.page--reklama .page-container {
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-top: 10px;
}

.static-wrapper.page--reklama .page__section {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    font-family: SFUIText-Regular, sans-serif;
    width: 100%;
}

.static-wrapper.page--reklama .page__section>img {
    width: 100%;
}

.static-wrapper.page--reklama .page__section .section__title {
    font-family: SFUIText-Regular, sans-serif;
    text-align: left;
    font-weight: 400;
    font-size: 21px;
    line-height: 1.2;
    letter-spacing: -0.07px;
    color: #000;
    text-shadow: 0 0 1px #000;
    width: 100%;
}

.static-wrapper.page--reklama .page__section h1.section__title {
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
}

.static-wrapper.page--reklama .page__section h2.section__title {
    font-size: 19px;
    text-align: left;
    text-transform: none;
}

.static-wrapper.page--reklama .page__section .page__section p {
    font-family: SFUIText-Regular, sans-serif;
    font-size: 17px;
    line-height: 1.2;
    letter-spacing: -0.07px;
    margin: 14px 0;
}

.static-wrapper.page--reklama .page__section .page__section p,
.static-wrapper.page--reklama .page__section li {
    text-shadow: 0 0 1px #828282;
}

.static-wrapper.page--reklama .page__section .section__description {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    padding: 25px;
}

.static-wrapper.page--reklama .section--about .section__description {
    top: 50px;
}

.static-wrapper.page--reklama .section--features {
    margin-top: 13px;
}

.static-wrapper.page--reklama .section--features h1.section__title {
    margin-bottom: 5px;
}

.static-wrapper.page--reklama .page__section .features {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
}

.static-wrapper.page--reklama .page__section .features__item {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    margin: 0 25px 5px;
}

.static-wrapper.page--reklama .page__section .feature .feature__icon {
    height: 100px;
    width: 100px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.static-wrapper.page--reklama .page__section .feature:first-child .feature__icon {
    background: url(reklama/design.svg) 0 0 no-repeat;
}

.static-wrapper.page--reklama .page__section .feature:nth-child(2) .feature__icon {
    background: url(reklama/visitors.svg) 0 0 no-repeat;
}

.static-wrapper.page--reklama .page__section .feature:nth-child(3) .feature__icon {
    background: url(reklama/star.svg) 0 0 no-repeat;
}

.static-wrapper.page--reklama .page__section .feature:nth-child(4) .feature__icon {
    background: url(reklama/creativity.svg) 0 0 no-repeat;
}

.static-wrapper.page--reklama .page__section p.feature__title {
    text-align: center;
    font-size: 18px;
    margin: 0;
}

.static-wrapper.page--reklama .page__section .feature:hover .feature__icon {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.static-wrapper.page--reklama .section--audience {
    margin-top: 28px;
}

.static-wrapper.page--reklama .section--audience .section__description {
    top: 0;
}

.static-wrapper.page--reklama .section--audience .section__title {
    text-align: center;
}

.static-wrapper.page--reklama .page__section .audience {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-start;
    width: 100%;
    padding-left: 0;
    margin-top: 5px;
}

.static-wrapper.page--reklama .page__section .audience__item {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    align-items: flex-start;
    width: 45%;
    margin: 0 0 10px;
}

.static-wrapper.page--reklama .page__section p.audience__count {
    font-size: 28px;
    color: #61b1db;
    margin: 15px 0 0;
}

.static-wrapper.page--reklama .page__section .audience__item p {
    margin: 5px 0 0;
}

.static-wrapper.page--reklama .section--traffic {
    width: 100%;
    margin: 25px auto 0;
}

.static-wrapper.page--reklama .page__section .traffic {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    align-items: flex-start;
    width: 90%;
    padding-top: 50px;
}

.static-wrapper.page--reklama .page__section .traffic__labels {
    display: block;
}

.static-wrapper.page--reklama .page__section .traffic__scroll {
    position: absolute;
    content: "";
    background: url(reklama/swipe.svg) no-repeat;
    width: 30px;
    height: 30px;
    top: 0;
    -webkit-animation: move_swipe 2s ease-out 0s infinite;
    animation: move_swipe 2s ease-out 0s infinite;
}

@-webkit-keyframes move_swipe {
    0% {
        right: -5px;
        opacity: 0;
    }

    15% {
        right: 0;
        opacity: 1;
    }

    85% {
        right: 40px;
        opacity: 1;
    }

    to {
        right: 45px;
        opacity: 0;
    }
}

@keyframes move_swipe {
    0% {
        right: -5px;
        opacity: 0;
    }

    15% {
        right: 0;
        opacity: 1;
    }

    85% {
        right: 40px;
        opacity: 1;
    }

    to {
        right: 45px;
        opacity: 0;
    }
}

.static-wrapper.page--reklama .page__section .traffic__scores {
    display: block;
    width: 100%;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    margin-top: -10px;
}

.static-wrapper.page--reklama .page__section .traffic__scores::-webkit-scrollbar {
    display: none;
}

.static-wrapper.page--reklama .page__section .scores__list {
    display: block;
    white-space: nowrap;
    text-align: center;
}

.static-wrapper.page--reklama .page__section .score {
    display: inline-block;
    width: 50%;
}

.static-wrapper.page--reklama .page__section .traffic__labels .label {
    position: relative;
    font-size: 19px;
    padding-left: 80px;
    width: 160px;
    box-sizing: border-box;
    margin-bottom: 70px;
}

.static-wrapper.page--reklama .page__section .score div:last-child {
    color: #61b1db;
    font-size: 17px;
    opacity: 1;
}

.static-wrapper.page--reklama .page__section .score--2016 div:first-child {
    font-size: 24px;
    opacity: 0.5;
    margin-bottom: 60px;
}

.static-wrapper.page--reklama .page__section .score--2017 div:first-child {
    font-size: 27px;
    opacity: 0.6;
    margin-bottom: 60px;
}

.static-wrapper.page--reklama .page__section .score--2018 div:first-child {
    font-size: 29px;
    opacity: 0.67;
    margin-bottom: 60px;
}

.static-wrapper.page--reklama .page__section .score--2019 div:first-child {
    font-size: 33px;
    opacity: 0.8;
    margin-bottom: 60px;
}

.static-wrapper.page--reklama .page__section .score--2016 div:nth-child(2) {
    font-size: 31px;
    opacity: 0.5;
    margin-bottom: 20px;
}

.static-wrapper.page--reklama .page__section .score--2017 div:nth-child(2) {
    font-size: 27px;
    opacity: 0.6;
    margin-bottom: 20px;
}

.static-wrapper.page--reklama .page__section .score--2018 div:nth-child(2) {
    font-size: 25px;
    opacity: 0.67;
    margin-bottom: 20px;
}

.static-wrapper.page--reklama .page__section .score--2019 div:nth-child(2) {
    font-size: 23px;
    opacity: 0.8;
    margin-bottom: 20px;
}

.static-wrapper.page--reklama .page__section .traffic__labels .label:before {
    content: "";
    display: block;
    position: absolute;
    top: -50%;
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%);
    left: 0;
    width: 70px;
    height: 70px;
}

.static-wrapper.page--reklama .page__section .traffic__labels .label--mobile:before {
    background: url(reklama/mobile.svg) no-repeat;
}

.static-wrapper.page--reklama .page__section .traffic__labels .label--desktop:before {
    background: url(reklama/desktop.svg) no-repeat;
}

.static-wrapper.page--reklama .section--benefits {
    margin-top: 50px;
    z-index: 2;
}

.static-wrapper.page--reklama .section--benefits>img {
    margin-top: 85px;
}

.static-wrapper.page--reklama .section--benefits .section__description {
    margin-top: -42px;
}

.static-wrapper.page--reklama .page__section ul.audience__list {
    list-style: none;
    padding-left: 8px;
}

.static-wrapper.page--reklama .page__section ul.audience__list li {
    position: relative;
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: -0.3px;
    padding-left: 16px;
    margin-bottom: 10px;
}

.static-wrapper.page--reklama .page__section ul.audience__list li:before {
    content: "";
    display: block;
    border-radius: 50%;
    background: #f9bdca;
    position: absolute;
    left: 0;
    top: 0;
    width: 7px;
    height: 7px;
    margin-top: 4px;
}

.static-wrapper.page--reklama .section--formats {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, #fff), to(#fdf7f7));
    background: linear-gradient(0deg, #fff 10%, #fdf7f7);
    margin-top: -30px;
    z-index: 2;
}

.static-wrapper.page--reklama .section--formats h1.section__title {
    margin: -5px 0 20px;
}

.static-wrapper.page--reklama .section--formats .section__description {
    position: relative;
    padding: 20px 25px;
    margin: 0 auto;
}

.static-wrapper.page--reklama .section--formats h2.section__title {
    position: relative;
    text-transform: none;
    margin-top: 0;
    margin-bottom: 35px;
}

.static-wrapper.page--reklama .section--formats h2.section__title:after {
    content: "";
    display: block;
    position: absolute;
    width: 45%;
    height: 4px;
    bottom: -10px;
    background: #61b1db;
}

.static-wrapper.page--reklama .page__section .type__description p {
    max-width: 500px;
}

.static-wrapper.page--reklama .page__section .type--branding .type__image {
    margin-top: -169px;
    margin-left: 55px;
}

.static-wrapper.page--reklama .page__section .type--catfish {
    position: relative;
    margin-top: 39px;
}

.static-wrapper.page--reklama .page__section .type--catfish h2.section__title:after {
    width: 70%;
}

.static-wrapper.page--reklama .page__section .type--catfish .type__image img {
    max-width: none;
}

.static-wrapper.page--reklama .page__section .catfish__phones {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    justify-content: space-around;
    margin-top: 20px;
}

.static-wrapper.page--reklama .page__section .type--catfish .type__image:nth-child(2) {
    margin-top: 40px;
}

.static-wrapper.page--reklama .page__section .type--catfish .type__description {
    padding-left: 5px;
    margin-top: -30px;
}

.static-wrapper.page--reklama .page__section .articles-wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-start;
    width: 100%;
    margin: 17px auto 0;
}

.static-wrapper.page--reklama .page__section .articles-wrapper h2.section__title:after {
    width: 65%;
}

.static-wrapper.page--reklama .page__section .articles-wrapper p {
    margin: 0 0 15px;
}

.static-wrapper.page--reklama .page__section .articles__slider {
    width: 100%;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.static-wrapper.page--reklama .page__section .articles__slider::-webkit-scrollbar {
    display: none;
}

.static-wrapper.page--reklama .page__section .articles__list {
    display: block;
    white-space: nowrap;
    font-size: 0;
    text-align: center;
}

.static-wrapper.page--reklama .page__section .article {
    display: inline-block;
    width: 80%;
    margin: 10px 20px 10px 10px;
}

.static-wrapper.page--reklama .page__section .article a {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    min-height: 320px;
}

.static-wrapper.page--reklama .page__section .article a:focus .article__box,
.static-wrapper.page--reklama .page__section .article a:hover .article__box {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.static-wrapper.page--reklama .page__section .article__box {
    color: #000;
    background: #fff;
    box-shadow: 0 0 24px -13px #343434;
    max-width: 100%;
    min-height: 280px;
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}

.static-wrapper.page--reklama .page__section .article .box__img {
    width: 100%;
}

.static-wrapper.page--reklama .page__section .article .box__img img {
    max-width: 90%;
    padding: 10px 10px 20px;
}

.static-wrapper.page--reklama .page__section .article .box__title {
    font-family: sans-serif;
    text-transform: none;
    text-align: left;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: -0.2px;
    white-space: normal;
    text-shadow: 0 0 1px #656161;
    padding: 0 10px 10px;
}

.static-wrapper.page--reklama .section--clients {
    width: 100%;
    margin-top: -10px;
    z-index: 3;
}

.static-wrapper.page--reklama .section--clients h1.section__title:after {
    content: "";
    position: absolute;
    display: block;
    width: 250px;
    height: 250px;
    background: url(reklama/background_clients.webp) 0 0/100% no-repeat;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
}

.static-wrapper.page--reklama .page__section .clients__slider {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 30px;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.static-wrapper.page--reklama .page__section .clients__slider::-webkit-scrollbar {
    display: none;
}

.static-wrapper.page--reklama .clients__list {
    display: block;
    white-space: nowrap;
    font-size: 0;
    text-align: center;
}

.static-wrapper.page--reklama .page__section .client {
    display: inline-block;
    width: 60%;
    margin: 0 -30px 10px 20px;
    vertical-align: middle;
    text-align: left;
}

.static-wrapper.page--reklama .page__section .client img {
    max-width: 70%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.static-wrapper.page--reklama .page__section .client:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.static-wrapper.page--reklama .section--contacts {
    background: #fdf7f7;
    box-sizing: border-box;
    width: 100%;
    padding-top: 20px;
}

.static-wrapper.page--reklama .section--contacts h1.section__title {
    text-align: center;
    position: relative;
    z-index: 1;
}

.static-wrapper.page--reklama .section--contacts h1.section__title:after {
    content: "";
    position: absolute;
    display: block;
    width: 200px;
    height: 200px;
    background: url(reklama/background_contacts.webp) 0 0/100% no-repeat;
    top: -17px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
}

.static-wrapper.page--reklama .section--contacts p {
    font-size: 18px;
    text-align: center;
    line-height: 1.6em;
    padding-top: 20px;
    padding-bottom: 20px;
    z-index: 2;
}

.static-wrapper.page--reklama .page__section .contacts__email {
    text-decoration: none;
    color: #000;
    text-shadow: 0 0 1px #656161;
}

.static-wrapper--our-partners ul.content li a {
    color: #ef2559;
}

.static-wrapper--privacy-policy {
    font-size: 12px;
}

.static-wrapper--privacy-policy a {
    color: #ef2559;
}

.static-wrapper--privacy-policy ol,
.static-wrapper--privacy-policy ul {
    display: block;
    list-style: initial;
    width: 100%;
    -webkit-margin-before: 1em;
    margin-block-start: 1em;
    -webkit-margin-after: 1em;
    margin-block-end: 1em;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    -webkit-padding-start: 40px;
    padding-inline-start: 40px;
}

.specials-wrapper {
    width: 100%;
    padding: 0 20px;
    margin-bottom: 20px;
}

.specials-wrapper h1.section__title {
    position: relative;
    font-family: sans-serif;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
    font-size: 35px;
    line-height: 1.2;
    letter-spacing: -0.07px;
    text-shadow: 0 0 1px #000;
    width: 100%;
    margin-bottom: 0;
}

.specials-wrapper h1.section__title:after {
    content: "";
    display: block;
    position: absolute;
    width: 90%;
    height: 4px;
    bottom: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #61b1db;
}

.specials-wrapper .special__description {
    width: 100%;
    margin: 30px auto;
}

.specials-wrapper .special__description p {
    font-family: sans-serif;
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: -0.07px;
    margin: 14px 0;
    width: 100%;
}

.specials-wrapper .glide--specials-page {
    width: 100%;
}

.specials-wrapper .special__articles .article {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
    width: 100%;
}

.specials-wrapper .special__articles .article a {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    min-height: 320px;
}

.specials-wrapper .special__articles .article a:focus .article__box,
.specials-wrapper .special__articles .article a:hover .article__box {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.specials-wrapper .special__articles .article__box {
    color: #000;
    background: #fff;
    box-shadow: 0 0 24px -13px #343434;
    max-width: 100%;
    height: 280px;
    margin: 12px;
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}

.specials-wrapper .special__articles .article__box .box__img {
    padding: 10px;
    width: 100%;
}

.specials-wrapper .special__articles .article__box .box__img img {
    max-width: 100%;
}

.specials-wrapper .special__articles .article__box .box__title {
    font-family: sans-serif;
    text-transform: none;
    text-align: left;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: 0.5px;
    white-space: normal;
    text-shadow: 0 0 1px #656161;
    width: 100%;
    padding: 0 10px 10px;
}

.error-wrapper {
    box-sizing: border-box;
    width: 100%;
    padding: 0 20px;
}

.error-wrapper .error__text {
    font-size: 17px;
    color: #383838;
    font-weight: 700;
    line-height: 1.47;
    text-align: center;
    margin: 30px 0;
}

.error-wrapper .error__text a {
    color: #ef2559;
}

.error-wrapper .error__text:last-child {
    margin: 20px 0;
}

.error-wrapper .error__image {
    display: block;
    margin: 0 auto;
}

.error-wrapper .error__image+.error__text {
    margin: 20px 0;
}

.author-wrapper {
    width: 100%;
    padding: 0 20px;
}

.author-wrapper .author {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    -webkit-box-align: center;
    align-items: center;
    font-family: LetoSans, sans-serif;
    width: 100%;
    padding-bottom: 25px;
    margin: 20px 0;
}

.author-wrapper .author__avatar {
    width: 54px;
    height: 54px;
    border-radius: 50%;
}

.author-wrapper .author__info {
    width: calc(100% - 54px);
    padding-left: 15px;
}

.author-wrapper .author__info .info__name {
    font-size: 20px;
    color: #383838;
    text-shadow: 0 0 1px #757575;
    margin: 0 0 3px;
}

.author-wrapper .author__info .info__role {
    font-size: 13px;
    color: #757575;
}

.author-wrapper .author__about {
    position: relative;
    font-size: 18px;
    line-height: 1.2;
    color: #383838;
    width: 100%;
    padding-top: 40px;
    margin: 15px 0;
}

.author-wrapper .author__about:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-bottom: 1px solid #757575;
    width: 30%;
}

.author-wrapper .author__socials {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
}

.author-wrapper .author__socials .socials__link {
    display: block;
    height: 35px;
    width: 35px;
    -webkit-transition: -webkit-transform 0.1s ease-in-out;
    transition: -webkit-transform 0.1s ease-in-out;
    transition: transform 0.1s ease-in-out;
    transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
}

.author-wrapper .author__socials .socials__link:focus,
.author-wrapper .author__socials .socials__link:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.author-wrapper .author__socials .socials__link--fb {
    background: url(icon_color_facebook.svg) 50% no-repeat;
    margin-right: 25px;
}

.author-wrapper .author__socials .socials__link--insta {
    background: url(icon_color_instagram.svg) 50% no-repeat;
}

.banner_mob_300x100 {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    height: 100px;
}

.banner_mob_300x250 {
    width: 300px;
}

.banner_mob_300x250,
.banner_mob_640x250 {
    display: block;
    overflow: hidden;
    height: 250px;
    margin: 15px auto;
}

.banner_mob_640x250 {
    width: 640px;
}

.banner_mob_after_article {
    width: 100%;
}

.cookies-notice {
    position: fixed;
    bottom: 190px;
    right: -700px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background-color: hsla(0, 0%, 96.1%, 0.9);
    color: #383838;
    font-family: LetoSans, sans-serif;
    font-size: 14px;
    border: 1px solid #383838;
    border-radius: 3px;
    text-align: center;
    padding: 10px 20px;
    width: 100%;
    z-index: 99999;
}

.cookies-notice.is-loaded {
    right: 0;
    -webkit-animation: appear 1s;
    animation: appear 1s;
}

.cookies-notice.is-closing {
    animation: appear 1s reverse;
    right: -700px;
}

.cookies-notice.is-closed {
    display: none;
}

.cookies-notice__link {
    color: #ef2559;
    text-decoration: underline;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.cookies-notice__link:focus,
.cookies-notice__link:hover {
    opacity: 0.8;
}

.cookies-notice__link:after {
    content: none;
}

body {
    background: #ffffff !important;
}

.cookies-notice__button {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    justify-content: space-around;
    -webkit-box-align: center;
    align-items: center;
    font-family: LetoSans, sans-serif;
    color: #fff;
    font-size: 14px;
    border: 0;
    border-radius: 3px;
    background: #ef2559;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    height: 40px;
    width: 90%;
    margin-top: 12px;
}

.cookies-notice__button:hover {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}

.cookies-notice__button:active {
    opacity: 0.8;
}

.cookies-notice__button:before {
    content: "";
    background: no-repeat 50%/100% url(icon_cookie.svg);
    display: block;
    -webkit-filter: invert(1);
    filter: invert(1);
    position: absolute;
    left: 10px;
    height: 30px;
    width: 30px;
}

@-webkit-keyframes appear {
    0% {
        right: -700px;
    }

    to {
        right: 20px;
    }
}

@keyframes appear {
    0% {
        right: -700px;
    }

    to {
        right: 20px;
    }
}

.header__spec-projects-list {
    text-align: left !important;
}

.topbar__logo-panel {
    padding-top: 20px;
    width: calc(100% - 112px);
    text-align: center;
}

.header__spec-projects-list {
    align-items: flex-start !important;
}


.search__result-list>li {
    font-size: 22px !important;
    line-height: 26px !important;

}

.search__result-list font {
    color: white;
}

.search__result-item {
    background-color: #0088a8;
    color: #fff;
    margin-bottom: 15px;
    padding: 15px;
}

.search__result-item__box {
    display: flex;
    justify-content: space-between;
}

.main p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 16px;
}

.search__result-item__box>span {
    font-size: 40px;
    font-weight: 700;
    margin-left: 10px;
}

@media (max-width: 900px) {
    .search__result-item__box>span {
        font-size: 30px;
    }
}


.spin-result-wrapper {
    z-index: 999999999999999 !important;
}

@media (max-width: 700px) {

    h2,
    h3 {
        font-size: 24px !important;
        line-height: 28px;
    }
}

figcaption {
    font-family: sans-serif;
    color: #737373 !important;
    font-size: 16px;
    line-height: 25px !important;
    font-weight: 300;
    text-align: center;
}

h2 {

    color: #df4272 !important;

}

.sweet-alert {
    margin: auto !important;
}

.sweet-alert,
.sweet-overlay {
    position: fixed;
    display: none
}

.instructions {
    text-align: center
}


.boxes,
.boxes cbox,
.boxes img {
    width: 100%
}

.instructions {
    padding: 8px;
    background-color: #232F3E;
    border-radius: 4px;
    color: #fff;
    margin-top: 20px
}

.boxes {
    margin: 10px 0
}

.box-o-t {
    position: absolute;
    top: -34%
}

.boxes .discover .box-o-b {
    z-index: 1;
    position: relative
}

.boxes .iphone {
    width: 76%;
    height: auto;
    position: absolute;
    z-index: 0;
    top: -20%;
    left: 12%;
    -webkit-transition-duration: .7s;
    transition-duration: .7s
}

.boxes .discover>.iphone {
    top: -60%
}

.boxes>div {
    position: relative;
    width: 82.5%;
    height: 50%;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    cursor: pointer
}


.instructions table {
    width: 100%
}

.instructions td:first-child {
    padding-right: 10px;
    width: 10px
}

.instructions td:last-child {
    padding-left: 10px;
    width: 10px
}



@media (max-width: 479px) {
    .boxes>div {
        width: 100%
    }

    .lo {
        width: 100% !important;
    }
}

@media (max-width: 360px) {
    .boxes__wrapper>div {
        width: 30.5%;
    }
}


.sweet-overlay {
    background-color: #000;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
    background-color: rgba(0, 0, 0, .4);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10000
}

.sweet-alert {
    background-color: #fff;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    width: 350px;
    padding: 17px;
    border-radius: 5px;
    text-align: center;
    left: 50%;
    top: 35%;
    margin-left: -256px;
    margin-top: -150px;
    overflow: hidden;
    z-index: 99999
}

@media all and (max-width: 540px) {

    .sweet-alert {

        margin-left: 0;
        margin-right: 0;
        left: 15px;
        right: 15px
    }
}

@media all and (max-width: 540px) {

    .sweet-alert {

        margin-left: 0;
        margin-right: 0;
        left: 15px;
        right: 15px
    }
}

@media all and (min-width: 700px) {
    #boxesContainer {
        width: 75%;
        margin: auto;

    }

    .sweet-alert {

        margin-left: 0;
        margin-right: 0;
        left: 15px;
        right: 15px
    }
}

.sweet-alert h2 {
    color: #575757;
    font-size: 25px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin: 10px 0;
    padding: 0;
    line-height: 40px;
    display: block
}

.sweet-alert p {
    color: #797979;
    font-size: 15px;
    font-weight: 300;
    position: relative;
    text-align: inherit;
    float: none;
    margin: 0;
    padding: 0;
    line-height: normal
}

.sweet-alert .la-ball-fall {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -27px;
    margin-top: 4px;
    opacity: 0;
    visibility: hidden
}

.sweet-alert button {
    background-color: #e84242;
    color: #fff;
    border: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    -webkit-border-radius: 4px;
    border-radius: 5px;
    padding: 10px 32px;
    margin: 26px 5px 0;
    cursor: pointer
}

.sweet-alert button:focus {
    outline: 0;
    box-shadow: 0 0 2px rgba(128, 179, 235, .5), inset 0 0 0 1px rgba(0, 0, 0, .05)
}

.sweet-alert button:hover {
    background-color: #7ecff4
}

.sweet-alert button:active {
    background-color: #5dc2f1
}

.sweet-alert button::-moz-focus-inner {
    border: 0
}

.sweet-alert .sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid gray;
    -webkit-border-radius: 40px;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box
}

.sweet-alert .sa-icon.sa-success {
    border-color: #A5DC86
}

.sweet-alert .sa-icon.sa-success::after,
.sweet-alert .sa-icon.sa-success::before {
    content: '';
    position: absolute;
    width: 60px;
    height: 120px;
    background: #fff
}

.sweet-alert .sa-icon.sa-success::before {
    -webkit-border-radius: 120px 0 0 120px;
    border-radius: 120px 0 0 120px;
    top: -7px;
    left: -33px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 60px 60px;
    transform-origin: 60px 60px
}

.sweet-alert .sa-icon.sa-success::after {
    -webkit-border-radius: 0 120px 120px 0;
    border-radius: 0 120px 120px 0;
    top: -11px;
    left: 30px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 60px;
    transform-origin: 0 60px
}

.sweet-alert .sa-icon.sa-success .sa-placeholder {
    width: 80px;
    height: 80px;
    border: 4px solid rgba(165, 220, 134, .2);
    -webkit-border-radius: 40px;
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2
}

.sweet-alert .sa-icon.sa-success .sa-fix {
    width: 5px;
    height: 90px;
    background-color: #fff;
    position: absolute;
    left: 28px;
    top: 8px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sweet-alert .sa-icon.sa-success .sa-line {
    height: 5px;
    background-color: #A5DC86;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
    width: 25px;
    left: 14px;
    top: 46px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
    width: 47px;
    right: 8px;
    top: 38px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@-webkit-keyframes showSweetAlert {
    0% {
        transform: scale(.7);
        -webkit-transform: scale(.7)
    }

    45% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05)
    }

    80% {
        transform: scale(.95);
        -webkit-transform: scale(.95)
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@keyframes showSweetAlert {
    0% {
        transform: scale(.7);
        -webkit-transform: scale(.7)
    }

    45% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05)
    }

    80% {
        transform: scale(.95);
        -webkit-transform: scale(.95)
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@-webkit-keyframes hideSweetAlert {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    100% {
        transform: scale(.5);
        -webkit-transform: scale(.5)
    }
}

@keyframes hideSweetAlert {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    100% {
        transform: scale(.5);
        -webkit-transform: scale(.5)
    }
}

@-webkit-keyframes slideFromTop {
    0% {
        top: 0
    }

    100% {
        top: 50%
    }
}

@keyframes slideFromTop {
    0% {
        top: 0
    }

    100% {
        top: 50%
    }
}

@-webkit-keyframes slideToTop {
    0% {
        top: 50%
    }

    100% {
        top: 0
    }
}

@keyframes slideToTop {
    0% {
        top: 50%
    }

    100% {
        top: 0
    }
}

@-webkit-keyframes slideFromBottom {
    0% {
        top: 70%
    }

    100% {
        top: 50%
    }
}

@keyframes slideFromBottom {
    0% {
        top: 70%
    }

    100% {
        top: 50%
    }
}

@-webkit-keyframes slideToBottom {
    0% {
        top: 50%
    }

    100% {
        top: 70%
    }
}

@keyframes slideToBottom {
    0% {
        top: 50%
    }

    100% {
        top: 70%
    }
}

@-webkit-keyframes animateSuccessTip {

    0%,
    54% {
        width: 0;
        left: 1px;
        top: 19px
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px
    }
}

@keyframes animateSuccessTip {

    0%,
    54% {
        width: 0;
        left: 1px;
        top: 19px
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px
    }
}

@-webkit-keyframes animateSuccessLong {

    0%,
    65% {
        width: 0;
        right: 46px;
        top: 54px
    }

    84% {
        width: 55px;
        right: 0;
        top: 35px
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px
    }
}

@keyframes animateSuccessLong {

    0%,
    65% {
        width: 0;
        right: 46px;
        top: 54px
    }

    84% {
        width: 55px;
        right: 0;
        top: 35px
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px
    }
}

@-webkit-keyframes rotatePlaceholder {

    0%,
    5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }

    100%,
    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg)
    }
}

@keyframes rotatePlaceholder {

    0%,
    5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }

    100%,
    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg)
    }
}

.animateSuccessTip {
    -webkit-animation: animateSuccessTip .75s;
    animation: animateSuccessTip .75s
}

.animateSuccessLong {
    -webkit-animation: animateSuccessLong .75s;
    animation: animateSuccessLong .75s
}

.sa-icon.sa-success.animate::after {
    -webkit-animation: rotatePlaceholder 4.25s ease-in;
    animation: rotatePlaceholder 4.25s ease-in
}

@-webkit-keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0
    }

    100% {
        transform: rotateX(0);
        -webkit-transform: rotateX(0);
        opacity: 1
    }
}

@keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0
    }

    100% {
        transform: rotateX(0);
        -webkit-transform: rotateX(0);
        opacity: 1
    }
}

.animateErrorIcon {
    -webkit-animation: animateErrorIcon .5s;
    animation: animateErrorIcon .5s
}

@-webkit-keyframes animateXMark {

    0%,
    50% {
        transform: scale(.4);
        -webkit-transform: scale(.4);
        margin-top: 26px;
        opacity: 0
    }

    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1
    }
}

@keyframes animateXMark {

    0%,
    50% {
        transform: scale(.4);
        -webkit-transform: scale(.4);
        margin-top: 26px;
        opacity: 0
    }

    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1
    }
}

.animateXMark {
    -webkit-animation: animateXMark .5s;
    animation: animateXMark .5s
}

@-webkit-keyframes pulseWarning {
    0% {
        border-color: #F8D486
    }

    100% {
        border-color: #F8BB86
    }
}

@keyframes pulseWarning {
    0% {
        border-color: #F8D486
    }

    100% {
        border-color: #F8BB86
    }
}

@-webkit-keyframes pulseWarningIns {
    0% {
        background-color: #F8D486
    }

    100% {
        background-color: #F8BB86
    }
}

@keyframes pulseWarningIns {
    0% {
        background-color: #F8D486
    }

    100% {
        background-color: #F8BB86
    }
}

@-webkit-keyframes rotate-loading {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes rotate-loading {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.sweet-alert .sa-icon.sa-success {
    border-color: transparent\9
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
    -ms-transform: rotate(45deg)\9
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
    -ms-transform: rotate(-45deg)\9
}

.la-ball-fall {
    font-size: 0;
    color: #fff;
    width: 54px;
    height: 18px
}

@-webkit-keyframes ball-fall {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-145%);
        transform: translateY(-145%)
    }

    10%,
    90% {
        opacity: .5
    }

    20%,
    80% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(145%);
        transform: translateY(145%)
    }
}

@-moz-keyframes ball-fall {
    0% {
        opacity: 0;
        -moz-transform: translateY(-145%);
        transform: translateY(-145%)
    }

    10%,
    90% {
        opacity: .5
    }

    20%,
    80% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(145%);
        transform: translateY(145%)
    }
}

@-o-keyframes ball-fall {
    0% {
        opacity: 0;
        -o-transform: translateY(-145%);
        transform: translateY(-145%)
    }

    10%,
    90% {
        opacity: .5
    }

    20%,
    80% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -o-transform: translateY(145%);
        transform: translateY(145%)
    }
}

@keyframes ball-fall {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-145%);
        -moz-transform: translateY(-145%);
        -o-transform: translateY(-145%);
        transform: translateY(-145%)
    }

    10%,
    90% {
        opacity: .5
    }

    20%,
    80% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(145%);
        -moz-transform: translateY(145%);
        -o-transform: translateY(145%);
        transform: translateY(145%)
    }
}

.animated.animated.bounceIn,
.animated.animated.flipOutX,
.animated @-webkit-keyframes bounce {

    0%,
    100%,
    20%,
    53%,
    80% {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {

    0%,
    100%,
    20%,
    53%,
    80% {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes bounceIn {

    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {

    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

.la-ball-fall,
.visible {
    display: block
}

.opentry {
    display: none;
}

.order_block {
    display: none;
}

.boxtext {
    width: 100%;
    height: 100%;
    text-align: center;
    color: #ff0000;
    font-size: 25px;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}

@media screen and (max-width: 800px) {
    .boxtext {
        font-size: 23px;
    }

}

@media screen and (max-width: 600px) {
    .boxtext {
        font-size: 20px;
    }
}

@media screen and (max-width: 360px) {
    .boxtext {
        font-size: 18px;
    }
}


#countdown {
    text-align: center;
}

#countdown li {
    color: red;
}

.main-link span {
    display: inline !important;
}

.country_select {
    moz-appearance: none !important;
    -webkit-appearance: none !important;
    background: none;
}

.new-comebacker-wrapp .new-comebacker-btn {
    height: 60px;
    width: 280px;
    display: block;
    color: #ffffff;
    font-size: 22px;
    line-height: 57px;
    font-weight: 700;
    margin: 20px auto 0;
    background: #7ABF01;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
}

#countdown li,
#countdown-modal li {
    color: red;
}

span.im-caret {
    -webkit-animation: 1s blink step-end infinite;
    animation: 1s blink step-end infinite;
}

@keyframes blink {

    from,
    to {
        border-right-color: black;
    }

    50% {
        border-right-color: transparent;
    }
}

@-webkit-keyframes blink {

    from,
    to {
        border-right-color: black;
    }

    50% {
        border-right-color: transparent;
    }
}

span.im-static {
    color: grey;
}

div.im-colormask {
    display: inline-block;
    border-style: inset;
    border-width: 2px;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

div.im-colormask>input {
    position: absolute;
    display: inline-block;
    background-color: transparent;
    color: transparent;
    -webkit-appearance: caret;
    -moz-appearance: caret;
    appearance: caret;
    border-style: none;
    left: 0;
    /*calculated*/
}

div.im-colormask>input:focus {
    outline: none;
}

div.im-colormask>input::-moz-selection {
    background: none;
}

div.im-colormask>input::selection {
    background: none;
}

div.im-colormask>input::-moz-selection {
    background: none;
}

div.im-colormask>div {
    color: black;
    display: inline-block;
    width: 100px;
    /*calculated*/
}




.pl_dat_code_block {
display: none !important;
}


.pl_country_block {
display: none;
}

[pl-country] {
display: none;
}

[pl-country='at'] {
display: initial;
}





#form5845784>div>div.form5845784_body>picture>img {
width: 100% !important;
max-width: 300px !important;
display: block !important;
margin: 0 auto !important
}

#form5845784>div {
margin: 0 auto !important
}

body>main>center>center>div.order_block.default_order-block {
display: none !important
}

body>main>div.border-block>div {
font-size: 22px !important;
line-height: 26px !important
}

p {
font-size: 22px !important;
line-height: 26px !important
}

body :not(i) {
font-family: Georgia, Times, 'Times New Roman', serif !important
}

@media (max-width:580px) {
#timer-number-90a3da402f0e8cfaa9fd63eb9a711ade-secundes {
    font-size: 50px !important
}

#timer-number-90a3da402f0e8cfaa9fd63eb9a711ade-minutes {
    font-size: 50px !important
}

#timer-number-90a3da402f0e8cfaa9fd63eb9a711ade-hours {
    font-size: 50px !important
}
}

.search__result-title {
text-align: center;
color: #000;
font-weight: 700;
padding-top: 20px;
font-size: 30px
}

.search__result-text {
text-align: center;
max-width: 520px;
margin: 0 auto;
margin-bottom: 15px
}


.search__result-list>li {
font-size: 22px !important;
line-height: 26px !important
}

.search__result-item {
background-color: #0088a8;
color: #fff;
margin-bottom: 15px;
padding: 15px
}

body>main>figure:nth-child(49)>img {
width: 100%;
max-width: 450px
}

.search__result-item__box {
display: flex;
justify-content: space-between
}

.search__result-item__box>span {
font-size: 40px;
font-weight: 700;
margin-left: 10px
}

@media(max-width:900px) {
.search__result-item__box>span {
    font-size: 30px
}
}

* {
outline: 0 !important;
-webkit-appearance: none !important;
appearance: none !important;
-webkit-tap-highlight-color: transparent !important;
-webkit-tap-highlight-color: transparent !important
}

.pl_field_address_info {
margin: 0 !important;
padding: 0 !important;
border: none !important;
outline: 0 !important;
position: absolute;
z-index: -1;
width: 0 !important;
height: 0 !important
}


body {
position: relative;
-webkit-animation-name: fadeInLoad;
/* Chrome, Safari, Opera */
-webkit-animation-duration: 1.6s;
/* Chrome, Safari, Opera */
animation-name: fadeInLoad;
animation-duration: 1.6s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes fadeInLoad {
0% {
    opacity: 0;
}

25% {
    opacity: 0;
}

50% {
    opacity: 0;
}

75% {
    opacity: 0.9;
}

100% {
    opacity: 1;
}
}

/* Standard syntax */
@keyframes fadeInLoad {
0% {
    opacity: 0;
}

25% {
    opacity: 0;
}

50% {
    opacity: 0;
}

75% {
    opacity: 0.9;
}

100% {
    opacity: 1;
}
}

@media screen and (max-width: 767px) {
#kmacb {
    right: 10px !important;
    bottom: 95px !important;
}
}

.door__wrapper .door__container {
display: flex !important;
justify-content: space-around !important
}

.door__wrapper .box__door {
perspective: 500px !important;
position: relative !important
}

.door__wrapper .box__door,
.door__wrapper .door {
width: 190px !important;
height: 400px !important;
box-shadow: inset -1px -1px 0 1px #191919, inset 1px 1px 0 1px #191919 !important
}

.door__wrapper .door,
.door__wrapper .hi {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important
}

.door__wrapper .door {
background-image: url(images/door.webp) !important;
background-repeat: no-repeat !important;
background-size: 100% !important;
transform: rotateY(0) !important;
display: inline-block !important;
transition: all .75s ease !important;
transform-origin: 0% 0% !important;
cursor: pointer !important
}

#door__2 {
background-image: url(images/door2.webp) !important
}

#door__3 {
background-image: url(images/door3.webp) !important
}

.door__wrapper .door:hover {
transform: rotateY(-30deg) !important
}

.door__wrapper .door.open {
transform: rotateY(-85deg) !important
}

.door__wrapper .door__sales {
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%);
font-size: 55px !important;
line-height: 57px !important;
font-weight: 700 !important;
color: red !important;
border-radius: 30px !important;
padding: 30px 5px !important;
box-shadow: 0 1px 2px 2px #7f7878 !important;
width: 85% !important;
min-width: 70px !important
}

.door__wrapper .door__title {
color: #fff !important;
font-weight: 700 !important;
text-transform: uppercase !important;
text-align: center !important;
font-size: 22px !important;
margin-bottom: 25px !important;
background-color: #3a4752 !important;
padding: 10px 0 !important;
border-radius: .5em !important
}

@media (max-width:840px) {
.door__wrapper .door__sales {
    font-size: 20px !important;
    line-height: 22px !important;
    font-weight: 700 !important;
    color: red !important;
    border-radius: 30px !important;
    width: 65% !important;
    min-width: 50px !important
}

.door__wrapper .box__door,
.door__wrapper .door {
    width: 95px !important;
    height: 200px !important
}

.door__wrapper .door {
    background-image: url(images/media_door.webp)
}

#door__2 {
    background-image: url(images/media_door2.webp)
}

#door__3 {
    background-image: url(images/media_door3.webp)
}
}

@media(max-width:360px) {
.door__wrapper .box__door+.box__door {
    margin-left: 15px !important
}

.door__wrapper .door__sales {
    font-size: 19px !important;
    line-height: 21px !important;
    font-weight: 700 !important;
    color: red !important;
    border-radius: 30px !important
}
}

.form5845784_form img {
max-width: 340px;
width: 85%
}

.form5845784_body_sale p {
margin-right: 0;
margin: 0px !important;
text-transform: uppercase;
margin-top: 10px !important;
}

.form5845784_body_block {
justify-content: center;
margin-top: 5px;
margin-bottom: 10px !important
}

#form5845784 .submit-roulette {
font-family: Arial, sans-serif !important;
letter-spacing: 1px;
transition: background-color .3s linear
}

#form5845784 .submit-roulette:hover {
background-color: rgb(183 34 34 / 79%) !important
}

.form5845784_conf {
font-size: 14px !important;
line-height: 1.5 !important;
margin-bottom: 0 !important
}

.instructions {
color: #fff !important;
font-weight: 700 !important;
/* text-transform: uppercase!important; */
text-align: center !important;
font-size: 23px !important;
margin-bottom: 25px !important;
background-color: #3a4752 !important;
padding: 16px 15px !important;
border-radius: 0.5em !important;
line-height: 1.4;
}

.spin-wrapper {
margin-top: 25px !important
}

.comments {
margin-top: 40px
}

.spin-wrapper>.ruletka-p {
margin-top: 0;
line-height: 1.4 !important
}

.form5845784_head_timer {
display: flex
}

.time-unit {
margin: 0 7px
}

.time-unit__cell {
position: relative;
font-size: 55px !important;
background: #d3d3d3;
border-radius: 6px;
line-height: 1;
padding: 0 10px 4px
}

.time-unit__cell::after {
content: '';
width: 100%;
height: 1px;
background: #9f9f9f78;
position: absolute;
top: 55%;
left: 0
}

.button1 {
max-width: 450px;
font-size: 18px;
line-height: 1.4;
transition: filter .3s linear, box-shadow .3s linear
}

.button1:hover {
filter: brightness(.8);
box-shadow: 0 0 10px #e4a9f9
}


.comment-item-body__signature .answer {
color: #df4272 !important;

}

.number {

background: #df4272 !important;

}

.mycity {
margin-left: 10px;
font-size: .54em;
background: #df4272 !important;
padding: 5px 5px;
vertical-align: top;
margin-top: -5px;
color: #fff;
border-radius: 2px;
font-weight: 600;
display: inline-block;
line-height: 1
}

.comment-item-body__signature {
margin-top: 10px
}

.pl_modal * {
font-family: 'Roboto Condensed', sans-serif !important
}

@media screen and (max-width:640px) {
.form5845784_head_timer {
    transform: scale(1)
}
}

@media screen and (max-width:479px) {
.instructions {
    line-height: 1.4;
    font-size: 18px !important;
    padding: 5px 20px !important
}

.alert-rule {
    font-size: 20px !important
}

.spin-wrapper>.ruletka-p {
    font-size: 19px !important;
    margin: 5px 5px 15px !important
}

.close-popup {
    right: 0
}

.time-unit {
    margin: 0 6px
}

.time-unit__cell {
    font-size: 38px !important
}

.comment-item-body .title>span:first-child {
    display: block
}

.mycity {
    margin: 6px 0
}
}

@media screen and (max-width:411px) {
.time-unit {
    margin: 0 4px
}

.time-unit__cell {
    font-size: 30px !important;
    padding: 0 8px 4px
}

.form5845784_wrapp {
    padding: 20px 10px
}

.form5845784_body_sale span:before {
    top: 50%
}
}

.price-dyn,
.price-dyn span,
.price-dyn span::before {
color: red;
text-decoration: none;
font-family: sans-serif !important;
line-height: 1.2;
}

.price-dyn span::before {
display: none;
}

.price-dyn .pl_product_currency {

margin-left: -2px;
}

@media screen and (max-width: 640px) {
.price-dyn .pl_product_currency {}
}



.owl-carousel,
.owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative
}

.owl-carousel {
display: none;
width: 100%;
z-index: 1
}

.owl-carousel .owl-stage {
position: relative;
touch-action: manipulation;
-moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}

.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translateZ(0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0)
}

.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none
}

.owl-carousel .owl-item img {
display: block;
width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
background: 0 0;
color: inherit;
border: none;
padding: 0 !important;
font: inherit
}

.owl-carousel.owl-loading {
opacity: 0;
display: block
}

.owl-carousel.owl-hidden {
opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}

.owl-carousel.owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: grab
}

.owl-carousel.owl-rtl {
direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
float: right
}

.owl-carousel .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
z-index: 0
}

.owl-carousel .owl-animated-out {
z-index: 1
}

.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
0% {
    opacity: 1
}

to {
    opacity: 0
}
}

@keyframes fadeOut {
0% {
    opacity: 1
}

to {
    opacity: 0
}
}

.owl-height {
-webkit-transition: height .5s ease-in-out;
transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity .4s ease;
transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000
}

.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(images/owl.video.play.webp) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: -webkit-transform .1s ease;
transition: -webkit-transform .1s ease;
transition: transform .1s ease;
transition: transform .1s ease, -webkit-transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
display: none
}

.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
-webkit-transition: opacity .4s ease;
transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%
}

.glide {
position: relative;
width: 100%;
box-sizing: border-box
}

.glide * {
box-sizing: inherit
}

.glide__slides,
.glide__track {
overflow: hidden
}

.glide__slides {
position: relative;
width: 100%;
list-style: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
touch-action: pan-Y;
padding: 0;
white-space: nowrap;
display: -webkit-box;
display: flex;
flex-wrap: nowrap;
will-change: transform
}

.glide__slide,
.glide__slides--dragging {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}

.glide__slide {
width: 100%;
height: 100%;
flex-shrink: 0;
white-space: normal;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent
}

.glide__slide a {
-webkit-user-select: none;
user-select: none;
-webkit-user-drag: none;
-moz-user-select: none;
-ms-user-select: none
}

.glide__arrows,
.glide__bullets {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}

.glide--rtl {
direction: rtl
}

.beer-slider {
display: inline-block;
overflow: hidden;
position: relative
}

.beer-slider *,
.beer-slider:after,
.beer-slider :after,
.beer-slider:before,
.beer-slider :before {
box-sizing: border-box
}

.beer-slider img,
.beer-slider svg {
vertical-align: bottom
}

.beer-slider>* {
height: 100%
}

.beer-slider>img {
height: auto;
max-width: 100%
}

.beer-reveal {
left: 0;
opacity: 0;
overflow: hidden;
position: absolute;
right: 50%;
top: 0;
-webkit-transition: opacity .35s;
transition: opacity .35s;
z-index: 1
}

.beer-reveal>:first-child {
height: 100%;
max-width: none;
width: 200%
}

.beer-reveal>img:first-child {
height: auto
}

.beer-range {
-moz-appearance: none;
-ms-touch-action: auto;
-webkit-appearance: slider-horizontal !important;
bottom: 0;
cursor: pointer;
height: 100%;
left: -1px;
margin: 0;
opacity: 0;
position: absolute;
top: 0;
touch-action: auto;
width: calc(100% + 2px);
z-index: 2
}

.beer-range::-webkit-slider-thumb {
-webkit-appearance: none;
height: 300vh
}

.beer-range::-moz-range-thumb {
-webkit-appearance: none;
height: 300vh
}

.beer-range::-ms-tooltip {
display: none
}

.beer-handle {
background: hsla(0, 0%, 100%, .5);
border-radius: 50%;
box-shadow: 0 0 6px transparent;
color: #000;
height: 48px;
left: 50%;
opacity: 0;
pointer-events: none;
position: absolute;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
-webkit-transition: background .3s, box-shadow .3s, opacity .5s .25s;
transition: background .3s, box-shadow .3s, opacity .5s .25s;
width: 48px;
z-index: 2
}

.beer-handle:after,
.beer-handle:before {
border-left: 2px solid;
border-top: 2px solid;
content: "";
height: 10px;
position: absolute;
top: 50%;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
width: 10px
}

.beer-handle:before {
left: 10px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}

.beer-handle:after {
right: 0;
-webkit-transform: rotate(135deg);
transform: rotate(135deg)
}

.beer-range:focus~.beer-handle {
background: hsla(0, 0%, 100%, .85);
box-shadow: 0 0 3px rgba(0, 0, 0, .4)
}

.beer-reveal[data-beer-label]:after,
.beer-slider[data-beer-label]:after {
background: hsla(0, 0%, 100%, .75);
border-radius: .125rem;
content: attr(data-beer-label);
line-height: 1;
padding: .5rem;
position: absolute;
top: 1.5rem
}

.beer-slider[data-beer-label]:after {
right: 1.5rem
}

.beer-reveal[data-beer-label]:after {
left: 1.5rem
}

.beer-reveal[data-beer-label=""]:after,
.beer-slider[data-beer-label=""]:after {
content: none
}

.beer-ready .beer-handle,
.beer-ready .beer-reveal {
opacity: 1
}

html {
overflow-x: hidden
}

body,
html {
margin: 0;
padding: 0;
width: 100%
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
padding: 0;
border: 0;
vertical-align: baseline;
box-sizing: border-box
}

a,
a:hover {
text-decoration: none
}

img {
-o-object-fit: fill;
object-fit: fill
}

ol,
ul {
list-style: none;
margin: 0
}

figure {
margin: 0
}

.button {
cursor: pointer;
border: none
}

button:focus {
outline: none
}

@font-face {
font-family: LetoSans;
src: url(fonts/LetoSans.eot);
src: local("LetoSans"), url(fonts/LetoSans.eot#iefix) format("embedded-opentype"), url(fonts/LetoSans.woff2) format("woff2"), url(fonts/LetoSans.woff) format("woff"), url(fonts/LetoSans.ttf) format("truetype"), url(images/LetoSans.svg#LetoSans) format("svg");
font-weight: 400;
font-style: normal
}

@font-face {
font-family: LetoSans;
src: url(fonts/LetoSans-Bold.eot);
src: local("LetoSans Bold"), local("LetoSans-Bold"), url(fonts/LetoSans-Bold.eot#iefix) format("embedded-opentype"), url(fonts/LetoSans-Bold.woff2) format("woff2"), url(fonts/LetoSans-Bold.woff) format("woff"), url(fonts/LetoSans-Bold.ttf) format("truetype"), url(images/LetoSans-Bold.svg#LetoSans-Bold) format("svg");
font-weight: 700;
font-style: normal
}

@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: local("Roboto-Regular"), url(fonts/Roboto-cyrillic.woff2) format("woff2");
unicode-range: U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
}

@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: local("Roboto-Regular"), url(fonts/Roboto-latin.woff2) format("woff2");
unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

.main {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-flow: column;
-webkit-box-align: center;
align-items: center;
font-family: LetoSans, sans-serif;
padding: 15px 0 0 0 !important;
}

.main h1.section__title {
font-size: 26px;
font-weight: 400;
text-align: left
}

.main h1.section__title,
.main h3.section__title {
font-family: LetoSans, sans-serif;
color: #383838;
width: 100%
}

.main h3.section__title {
font-size: 18px;
font-weight: 700;
font-style: normal;
padding: 0 20px;
margin: 20px 0 10px
}

.main .articles-block {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-flow: column nowrap;
-webkit-box-align: center;
align-items: center;
width: 100%
}

.main .section__description {
padding: 10px 0 20px
}

.main .section__description p {
font-size: 18px;
line-height: 1.2;
color: #383838;
width: 100%
}

.text--center {
text-align: center
}

.text--capitalize:first-letter {
text-transform: capitalize
}

.color--pink {
color: #ef2559
}

.img-wrapper {
min-height: 1em;
background-color: #f6f6f6;
background-size: cover;
background-repeat: no-repeat;
overflow: hidden;
position: relative
}

.img-wrapper,
.img-wrapper img {
display: block;
width: 100%;
height: 100%
}

.img-wrapper img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top;
object-position: top;
max-width: 100%;
-webkit-transition: -webkit-filter .3s ease-in-out;
transition: -webkit-filter .3s ease-in-out;
transition: filter .3s ease-in-out;
transition: filter .3s ease-in-out, -webkit-filter .3s ease-in-out
}

.img-wrapper img[data-status=preview] {
-webkit-filter: blur(6px);
filter: blur(6px);
-webkit-transform: scale(1);
transform: scale(1)
}

.visually-hidden {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
padding: 0 !important;
border: 0 !important;
height: 1px !important;
width: 1px !important;
overflow: hidden
}

.hidden {
display: none !important
}

.mobile-preview {
max-width: 360px;
width: 100%;
margin: 0 auto 30px
}

.mobile-preview:after,
.mobile-preview:before {
content: "";
position: fixed;
top: 0;
height: 100%;
width: calc(50% - 182px);
background-color: #dbdada
}

.mobile-preview:before {
right: 0;
border-left: 2px solid #aca9a9
}

.mobile-preview:after {
left: 0;
border-right: 2px solid #aca9a9
}

.mobile-preview .sticked-header {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
max-width: 360px
}

.mobile-preview .topbar__menu-btn {
right: calc(50% - 180px)
}

.sticked-header {
background: #fff;
border-bottom: 1px solid #e2e2e2;
position: relative;
top: 0;
left: 0;
width: 100%;
z-index: 1000
}

.topbar {
width: 100%;
height: 56px;
display: -webkit-box;
display: flex;
-webkit-box-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
align-items: center;
align-content: center
}

.topbar__menu-btn,
.topbar__search-btn {
width: 56px;
height: 56px;
background: #fff;
border: none;
cursor: pointer;
outline: none
}

.topbar__search-btn {
z-index: 1000
}

.topbar__logo {
width: 240px;
height: 24px;
-o-object-fit: contain;
object-fit: contain
}

.topbar__logo-panel {
width: calc(100% - 112px);
text-align: center
}

.topbar__menu-btn {
position: absolute;
right: 0;
top: 0;
z-index: 1150;
-webkit-transition: background .3s ease 0s;
transition: background .3s ease 0s
}

.lang-switcher {
font-family: LetoSans, sans-serif;
text-transform: uppercase;
color: #fff;
text-align: center;
border: 1px solid #fff;
border-radius: 50px;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
width: 60px;
padding: 8px 0;
float: left;
top: 8px;
right: 130px;
z-index: 1150;
position: absolute
}

.topbar__menu-btn_opened {
background: 0 0
}

.topbar__dash {
background: #ef2559;
-webkit-transition: background .3s ease 0s;
transition: background .3s ease 0s;
height: 2px;
width: 20px;
position: absolute;
left: calc(50% - 10px)
}

.topbar__dash-1 {
top: 20px
}

.topbar__dash-1,
.topbar__dash-2 {
-webkit-transition: all .3s ease 0s;
transition: all .3s ease 0s
}

.topbar__dash-2 {
top: calc(50% - 1px);
opacity: 1
}

.topbar__dash-3 {
bottom: 20px;
-webkit-transition: all .3s ease 0s;
transition: all .3s ease 0s
}

.topbar__menu-btn_opened .topbar__dash {
background: #fff
}

.topbar__menu-btn_opened .topbar__dash-1 {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 25px
}

.topbar__menu-btn_opened .topbar__dash-2 {
opacity: 0
}

.topbar__menu-btn_opened .topbar__dash-3 {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 25px
}

.header {
padding-top: 110px
}

.overlay {
left: 0;
width: 100%;
z-index: 1050;
background: rgba(0, 0, 0, .69);
display: none
}

.main-menu,
.overlay {
position: fixed;
top: 0;
height: 100%
}

.main-menu {
right: -50vw;
-webkit-transition: right .3s ease 0s;
transition: right .3s ease 0s;
z-index: 1100;
overflow-x: hidden;
background: #ef2559;
margin-right: -20px
}

.main-menu_opened {
right: 0
}

.main-submenu_opened {
left: 0;
width: calc(100% + 20px)
}

.main-menu__wrp {
overflow-y: auto;
display: -webkit-box;
display: flex
}

.main-menu__nav {
background: #ef2559;
width: 50vw
}

.main-menu__layer {
width: calc(100% - 50vw);
background: #c1244c;
display: none
}

.main_menu {
margin-top: 0;
padding-top: 40px;
font-family: LetoSans, sans-serif;
margin-bottom: 0
}

.main_menu,
.sub_menu {
padding-left: 0;
list-style: none
}

.sub_menu {
display: none;
position: absolute;
top: 20px;
width: 50vw;
right: calc(50vw - 10px)
}

.sub_menu>li>a {
padding: 20px;
font-size: 16px
}

.main_menu>.has_sub>a,
.main_menu>.has_sub>span,
.main_menu>.hasno_sub>a,
.sub_menu>li>a {
display: block;
color: #fff;
text-decoration: none;
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis
}

.main_menu>.has_sub>a,
.main_menu>.has_sub>span,
.main_menu>.hasno_sub>a {
padding: 20px 20px 20px 40px;
font-size: 18px
}

.has_sub_active,
.main_menu>.has_sub:hover,
.main_menu>.hasno_sub:hover {
background: #c1244c
}

.mm-socials {
display: -webkit-box;
display: flex;
margin: 0 10px
}

.mm-socials__item {
margin: 10px
}

.under-menu-btn {
border: 1px solid #fff;
border-radius: 80px;
display: block;
width: calc(100% - 50px);
margin: 20px;
color: #fff;
text-decoration: none;
padding: 10px;
font-family: LetoSans, sans-serif;
font-size: 15px;
text-align: center;
text-overflow: ellipsis;
overflow: hidden
}

.under-menu-btn:hover {
background: #ff3569
}

.search {
position: fixed;
left: 0;
top: 0;
width: 100%;
background: #ef2559;
height: 56px;
z-index: 1200;
display: none
}

.search_flex {
display: -webkit-box;
display: flex
}

.search__close {
background: 0 0;
border: none;
height: 56px;
width: 56px;
position: relative;
cursor: pointer;
outline: none
}

.search__close:before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 27px
}

.search__close:after,
.search__close:before {
content: "";
width: 20px;
height: 2px;
display: block;
position: absolute;
background: #fff;
left: 18px
}

.search__close:after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
bottom: 27px
}

.search__form {
width: calc(100% - 56px);
display: -webkit-box;
display: flex;
overflow: hidden
}

.search__text {
background: #ef2559;
color: #fff;
font-size: 18px;
border: none;
outline: none;
font-family: LetoSans, sans-serif;
padding: 18px 10px;
height: 56px;
width: calc(100% - 56px);
box-sizing: border-box
}

.search__text::-webkit-input-placeholder {
color: #fff;
font-size: 18px;
font-family: LetoSans, sans-serif
}

.search__text::-moz-placeholder {
color: #fff;
font-size: 18px;
font-family: LetoSans, sans-serif
}

.search__text:-ms-input-placeholder {
color: #fff;
font-size: 18px;
font-family: LetoSans, sans-serif
}

.search__text:-moz-placeholder {
color: #fff;
font-size: 18px;
font-family: LetoSans, sans-serif
}

.search__text:placeholder {
color: #fff;
font-size: 18px;
font-family: LetoSans, sans-serif
}

.search__submit {
width: 56px;
height: 56px;
background: 0 0;
border: none;
cursor: pointer;
outline: none
}

.main_menu>.has_sub {
position: relative
}

.main_menu>.has_sub>a.has_sub__arrow {
display: block;
position: absolute;
width: 40px;
left: 0;
height: 100%;
padding: 0
}

.main_menu>.has_sub>a.has_sub__arrow:before {
display: block;
width: 10px;
height: 10px;
border-top: 2px solid #fff;
border-left: 2px solid #fff;
padding: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
left: 15px;
top: calc(50% - 6px);
content: ""
}

.header__spec-projects {
width: 100%;
overflow: hidden;
height: 50px
}

.header__spec-projects-inner {
margin: 5px 0;
width: auto;
overflow-x: auto;
padding-bottom: 15px;
overflow-y: hidden
}

.header__spec-projects-list {
list-style: none;
padding-left: 0;
font-size: 0;
text-align: center;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center
}

.header__spec-projects-item {
box-sizing: border-box;
margin: 0 auto
}

.header__spec-projects-link {
font-size: 16px;
border-radius: 100px;
border: 1px solid #dfe0df;
font-family: LetoSans, sans-serif;
display: inline-block;
padding: 5px 10px;
text-decoration: none;
color: #ef2559;
box-sizing: border-box;
white-space: nowrap
}

.header__spec-projects-link:hover {
background: #ef2559;
color: #fff;
border: 1px solid #ef2559
}

.header__spec-projects-nolink {
border-radius: 50%;
border: 1px solid #dfe0df;
display: inline-block;
width: 28px;
height: 28px;
text-align: center
}

.header__spec-projects-icon {
margin-top: 6px;
height: auto;
width: 10px
}

.owl--spec-projects {
display: block;
width: calc(100% - 40px);
height: 30px
}

.header__spec-projects-fake-item {
margin: 5px
}

.article-big {
position: relative;
margin: 0 0 25px;
box-sizing: border-box;
min-height: 260px;
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap;
-webkit-box-align: end;
align-items: flex-end;
width: 100%
}

.article-big:before {
z-index: 150;
content: "";
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .05)), to(rgba(0, 0, 0, .83)));
background: linear-gradient(180deg, rgba(0, 0, 0, .05) 0, rgba(0, 0, 0, .83));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0d000000", endColorstr="#d4000000", GradientType=0)
}

.article-big .article-big__img,
.article-big:before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%
}

.article-big .article-big__img {
-o-object-fit: cover;
object-fit: cover;
z-index: 100
}

.article-big .article-big__category {
position: relative;
color: #ef2559;
background: 0 0;
z-index: 700;
font-family: LetoSans, sans-serif;
font-size: 14px;
letter-spacing: 4px;
padding: 20px 20px 20px 40px;
text-transform: uppercase;
text-decoration: none;
display: inline-block;
-webkit-transition: color .3s ease 0s, background .3s ease 0s;
transition: color .3s ease 0s, background .3s ease 0s;
margin-bottom: 50px
}

.article-big .article-big__category:hover {
color: #fff;
background: #ef2559
}

.article-big .article-big__wrp {
position: relative;
bottom: 0;
left: 0;
width: 100%;
padding: 20px;
box-sizing: border-box
}

.article-big .article-big__wrp .article-big__hdr {
margin: 0 20px 15px
}

.article-big .article-big__wrp .article-big__hdr--wide {
margin: 0 0 15px
}

.article-big .article-big__wrp .article-big__hdr .article-big__link {
z-index: 200;
position: relative;
font-family: LetoSans, sans-serif;
font-size: 21px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: 1.33;
letter-spacing: normal;
text-align: left;
color: #fff;
text-decoration: none;
-webkit-transition: color .3s ease 0s;
transition: color .3s ease 0s
}

.article-big .article-big__wrp .article-big__hdr .article-big__link:hover {
color: #ef2559
}

.article-big .article-big__wrp .article-big__tags {
z-index: 200;
position: relative;
margin-left: 15px
}

.article-big .article-big__wrp .article-big__tags--wide {
margin-left: 0
}

.article-big .article-big__wrp .article-big__tags .article-big__tag {
font-family: LetoSans, sans-serif;
font-size: 12px;
color: #ef2559;
text-decoration: none;
margin-right: 5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}

.article-big .article-big__wrp .article-big__tags .article-big__tag .tags__item {
font-size: 11px;
color: #ef2559;
display: inline;
border: 1px solid transparent;
font-family: LetoSans, sans-serif;
text-decoration: none;
padding: 5px;
margin: 5px 10px 5px 0;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
line-height: 22px
}

.article-big .article-big__wrp .article-big__tags .article-big__tag .tags__item:hover {
background: #ef2559;
color: #fff;
border-color: #ef2559
}

.article-small {
border-bottom: 1px solid #dfe0df;
width: 100%;
padding: 20px
}

.article-small__cat {
text-transform: uppercase;
font-size: 12px;
letter-spacing: 1px;
font-family: LetoSans, sans-serif;
color: #ef2559;
margin-bottom: 5px
}

.article-small__cat-link {
text-decoration: none;
color: #ef2559
}

.article-small__link {
font-family: LetoSans, sans-serif;
font-size: 15px;
line-height: 1.53;
color: #383838;
text-decoration: none
}

.article-small__link:hover {
color: #ef2559
}

.article-small--with-img {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
-webkit-box-pack: justify;
justify-content: space-between;
border-bottom: 1px solid #dfe0df;
width: calc(100% + 40px);
padding: 20px
}

.article-small--with-img:first-child {
border-top: 1px solid #dfe0df
}

.article-small--with-img__img {
display: block;
width: 78px;
height: 78px
}

.article-small--with-img__img:hover~.description .description__title {
color: #ef2559
}

.article-small--with-img__description {
width: calc(100% - 93px)
}

.article-small--with-img__description .description__cat {
text-transform: uppercase;
font-size: 12px;
letter-spacing: 1px;
font-family: LetoSans, sans-serif
}

.article-small--with-img__description .description__cat-link {
text-decoration: none;
color: #ef2559;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
padding: 5px 3px
}

.article-small--with-img__description .description__cat-link:hover {
background: #ef2559;
color: #fff;
border-color: #ef2559
}

.article-small--with-img__description .description__title {
display: block;
font-family: LetoSans, sans-serif;
font-size: 15px;
line-height: 1.53;
color: #383838;
text-decoration: none;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
padding: 5px 3px
}

.article-small--with-img__description .description__title:hover {
color: #ef2559
}

.glide--articles-slider {
padding: 20px 0
}

.glide--articles-slider .slide__link {
display: inline-block;
position: relative;
white-space: normal;
padding: 20px;
box-sizing: border-box;
text-align: left;
width: 100%;
height: 200px
}

.glide--articles-slider .slide__link:before {
position: absolute;
background: rgba(0, 0, 0, .5);
z-index: 400;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: background .3s ease 0s;
transition: background .3s ease 0s
}

.glide--articles-slider .slide__link:focus:before,
.glide--articles-slider .slide__link:hover:before {
background: #ef2559
}

.glide--articles-slider .slide__link:focus .description__category,
.glide--articles-slider .slide__link:hover .description__category {
color: #fff
}

.glide--articles-slider .slide__link .slide__img {
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top;
object-position: top
}

.glide--articles-slider .slide__link .slide__description {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-flow: column nowrap;
-webkit-box-pack: justify;
justify-content: space-between;
height: 100%
}

.glide--articles-slider .slide__link .slide__description .description__category {
position: relative;
z-index: 500;
font-family: LetoSans, sans-serif;
font-size: 10px;
letter-spacing: 3px;
color: #ef2559;
text-transform: uppercase;
margin-bottom: 20px;
-webkit-transition: color .3s ease 0s;
transition: color .3s ease 0s
}

.glide--articles-slider .slide__link .slide__description .description__title {
font-family: LetoSans, sans-serif;
font-size: 15px;
font-weight: 700;
color: #fff;
position: relative;
z-index: 500;
line-height: 1.4;
margin: 0;
height: 100px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical
}

.slider--tests {
width: 100%
}

.slider--tests h2.section__title {
font-size: 32px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
text-transform: normal;
color: #383838;
padding-left: 20px;
margin: 15px 0
}

.slider--tests .glide--tests .slide__link:before {
border-radius: 50%;
width: 90%
}

.slider--tests .glide--tests .slide__link .slide__img {
border-radius: 50%;
overflow: hidden;
width: 90%
}

.slider--tests .glide--tests .slide__link .slide__description .description__title {
font-size: 18px;
position: absolute;
width: 80%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}

.recipes-slider {
overflow-y: hidden;
position: relative;
height: 340px;
width: 100%;
margin: 40px 0
}

.recipes-slider__title {
font-family: LetoSans, sans-serif;
font-size: 32px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
color: #fff;
position: absolute;
top: 0;
left: 0;
padding: 20px;
z-index: 30;
margin: 0
}

.recipes-slider__title a {
text-decoration: none;
color: #fff;
text-shadow: 2px 2px 3px #2b2b2b
}

.recipes-slider .glide--recipes .slide__link {
display: block;
position: relative
}

.recipes-slider .glide--recipes .slide__link:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .05)), to(rgba(0, 0, 0, .83)));
background-image: linear-gradient(rgba(0, 0, 0, .05), rgba(0, 0, 0, .83))
}

.recipes-slider .glide--recipes .slide__img {
height: 340px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center
}

.recipes-slider .glide--recipes .slide__title {
font-family: LetoSans, sans-serif;
font-size: 21px;
color: #fff;
text-shadow: 2px 1px 4px #000;
font-weight: 700;
position: absolute;
bottom: 0;
padding: 20px;
white-space: normal
}

.horoscopes-slider {
position: relative;
width: 100%;
margin: 0
}

.horoscopes-slider__title a {
font-family: LetoSans, sans-serif;
font-size: 32px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
color: #383838;
padding-left: 20px;
margin: 15px 0
}

.horoscopes-slider .slide__link {
display: inline-block;
margin: 10px;
background: #fff;
width: 220px;
height: 220px;
border-radius: 50%;
text-align: center;
text-decoration: none;
border: 1px solid transparent;
-webkit-transition: all .3s ease 0s;
transition: all .3s ease 0s
}

.horoscopes-slider .slide__link:hover {
border-color: #ef2559
}

.horoscopes-slider .slide__link .slide__img {
margin-bottom: 30px;
margin-top: 40px;
-webkit-transition: fill .3s ease 0s;
transition: fill .3s ease 0s;
width: auto;
height: 60px
}

.horoscopes-slider .slide__link .slide__img .img-wrapper {
background-color: transparent
}

.horoscopes-slider .slide__link .slide__img .img-wrapper img {
-o-object-fit: none;
object-fit: none
}

.horoscopes-slider .slide__link .slide__link:hover .slide__img path {
fill: #fff
}

.horoscopes-slider .slide__link .slide__date,
.horoscopes-slider .slide__link .slide__name {
font-family: LetoSans, sans-serif;
font-size: 18px;
font-weight: 700;
text-align: center;
color: #383838;
-webkit-transition: all .3s ease 0s;
transition: all .3s ease 0s
}

.horoscopes-slider .slide__link .slide__name {
margin-bottom: 10px
}

.vote {
position: relative;
background: #f3f3f3;
width: 100%;
padding: 10px 0 0;
margin: 20px 0
}

.vote__label {
color: #757575
}

.vote__question {
font-family: LetoSans, sans-serif;
color: #383838;
text-align: left;
font-size: 23px;
font-weight: 400;
text-shadow: 0 0 1px #383838;
padding: 10px 15px;
margin: 0
}

.vote__question--twoimg {
font-size: 19px;
text-align: center;
font-weight: 600
}

.vote__container {
position: relative;
padding: 20px 0 0
}

.vote__container .vote__results {
box-sizing: border-box;
background: #f3f3f3;
width: 100%;
margin-bottom: 20px
}

.vote__container .vote__results .result__item {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: justify;
justify-content: space-between;
font-family: LetoSans, sans-serif;
height: auto;
padding: 0 15px
}

.vote__container .vote__results .result__item .item__score {
width: 60px;
text-align: left;
color: #ef2559;
font-size: 1em;
font-weight: 600
}

.vote__container .vote__results .result__item .item__progress {
width: calc(100% - 60px)
}

.vote__container .vote__results .result__item .item__progress .progress__title {
margin: 10px 0
}

.vote__container .vote__results .result__item .item__progress progress {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 85%;
height: 3px;
border-radius: 3px;
background-color: #fff;
border: 1px solid #d3d3d3;
position: relative;
margin: 0 0 1.5em
}

.vote__container .vote__results .result__item .item__progress progress::-webkit-progress-bar {
background-color: #fff;
height: 3px
}

.vote__container .vote__results .result__item .item__progress progress::-webkit-progress-value {
background: #ef2559;
height: 3px
}

.vote__container .vote__results .result__item .item__progress progress::-moz-progress-bar {
background: #ef2559;
height: 3px
}

.vote__container .vote__variants--checkbox {
padding: 20px 15px 15px
}

.vote__container .vote__variants--checkbox .radio {
line-height: 24px;
text-align: left;
height: auto;
margin-bottom: 30px
}

.vote__container .vote__variants--checkbox .radio input[name=shortcodes_answers_id]+label {
position: relative;
display: block;
font-family: LetoSans, sans-serif;
font-size: 18px;
padding-left: 45px
}

.vote__container .vote__variants--checkbox .radio input[name=shortcodes_answers_id]+label:before {
content: "";
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
display: block;
background: #fff;
border: 4px solid #fff;
border-radius: 50%;
width: 25px;
height: 25px
}

.vote__container .vote__variants--checkbox .radio input[name=shortcodes_answers_id]:hover+label:before {
background: #ef2559
}

.vote__container .vote__variants--checkbox .radio input[name=shortcodes_answers_id]+label:hover {
color: #000
}

.vote__container .vote__variants--twoimg {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
width: calc(100% + 30px);
margin-left: -15px
}

.vote__container .vote__variants--twoimg .twoimg__item {
display: block;
position: relative;
background: #000;
width: 50%
}

.vote__container .vote__variants--twoimg .twoimg__item img {
display: block;
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center
}

.vote__container .vote__variants--twoimg .twoimg__item span {
position: absolute;
display: block;
color: #ef2559;
font-weight: 600;
text-align: center;
bottom: 20px;
width: 100%
}

.vote .vote__status {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
background: #757575;
width: 100%
}

.vote .vote__status .status__text {
font-size: 16px;
font-style: italic;
color: #fff;
text-align: center;
max-width: 280px;
padding: 20px 20px 15px
}

.vote .vote__status .status__close {
font-size: 14px;
color: #fff;
opacity: .7;
padding-right: 15px
}

.vote .vote__status .status__close:focus,
.vote .vote__status .status__close:hover {
opacity: 1
}

.popup-login {
display: block;
position: fixed;
font-family: Roboto, sans-serif;
top: 0;
left: 0;
background: rgba(0, 0, 0, .8);
width: 100%;
height: 100%;
z-index: 1300
}

.popup-login .popup__close {
position: absolute;
top: -15px;
right: -15px;
background: #fff;
border: 5px solid #ef2559;
border-radius: 50%;
width: 30px;
height: 30px;
cursor: pointer
}

.popup-login .popup__close:after,
.popup-login .popup__close:before {
content: "";
position: absolute;
top: 2px;
left: 8px;
height: 16px;
width: 4px;
background-color: #ef2559
}

.popup-login .popup__close:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}

.popup-login .popup__close:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}

.popup-login .login-wrapper {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap;
-webkit-box-pack: center;
justify-content: center;
position: relative;
background: #fff;
border: 5px solid #ef2559;
height: 500px;
width: 90%;
margin: 100px auto 0
}

.popup-login .login-wrapper .login__title {
font-family: Roboto, sans-serif;
font-size: 24px;
color: #ef2559;
text-align: center;
font-weight: 700;
padding: 50px 0 30px
}

.popup-login .login-wrapper .form {
flex-flow: column wrap;
-webkit-box-pack: center;
justify-content: center;
margin-bottom: 10px
}

.popup-login .login-wrapper .form,
.popup-login .login-wrapper .form__field {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal
}

.popup-login .login-wrapper .form__field {
flex-flow: column nowrap;
font-size: 13px;
line-height: 26px;
width: 250px;
margin: 0 auto 10px
}

.popup-login .login-wrapper .form__input {
border: 1px solid #dfe0df;
padding-left: 10px;
height: 30px;
background: #f5f5f5
}

.popup-login .login-wrapper .form__input:focus,
.popup-login .login-wrapper .form__input:hover {
box-shadow: 0 0 2px #ef2559
}

.popup-login .login-wrapper .form__input:invalid:not(:focus):not(:placeholder-shown) {
background: #ebc9d1
}

.popup-login .login-wrapper .form .form__field--checkbox {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap
}

.popup-login .login-wrapper .form .form__field--checkbox .form__checkbox {
margin-top: 8px
}

.popup-login .login-wrapper .form__else {
margin: 20px auto;
font-size: 14px
}

.popup-login .login-wrapper .form__else .else__link {
font-style: italic;
color: #ef2559;
cursor: pointer;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}

.popup-login .login-wrapper .form__else .else__link:hover {
text-decoration: underline
}

.popup-login .login-wrapper .form__submit {
align-self: center;
background-color: transparent;
padding: 5px 15px;
cursor: pointer;
border-radius: 2px;
color: #ef2559;
font-weight: 600;
border: 1px solid #ef2559;
text-transform: uppercase;
height: 35px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
margin-top: 10px
}

.popup-login .login-wrapper .form__submit:focus,
.popup-login .login-wrapper .form__submit:hover {
background: #ef2559;
color: #fff;
border-color: #c1244c
}

.popup-login .login__error {
position: absolute;
text-align: center;
background: #fff;
font-weight: 600;
width: 100%;
height: 100%;
padding-top: 150px;
opacity: 1;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}

.popup-login .login__error[data-status=hidden] {
opacity: 0
}

.popup-login .login__loader {
position: absolute;
text-align: center;
bottom: 50px;
width: 100%
}

.login-page .popup-login {
display: block !important;
position: relative;
background: #fff;
z-index: 1
}

.login-page .popup-login .login-wrapper {
border: none;
margin: 0 auto
}

.login-page .popup-login .login__title {
padding: 40px 0 30px
}

.login-page .popup-login .popup__close {
display: none
}

.section--load-more-news {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap;
-webkit-box-align: center;
align-items: center;
width: 100%
}

.section--load-more-news .more-news__content {
width: 100%
}

.section--load-more-news .more-news__loader {
text-align: center;
margin-top: 10px;
width: 100%
}

.section--load-more-news .more-news__button {
text-transform: uppercase;
text-decoration: none;
border-radius: 50px;
border: 1px solid #ef2559;
color: #ef2559;
background: #fff;
font-size: 16px;
font-family: LetoSans, sans-serif;
letter-spacing: 2px;
-webkit-transition: background .3s ease 0s, color .3s ease 0s;
transition: background .3s ease 0s, color .3s ease 0s;
padding: 20px 50px;
margin: 20px auto
}

.section--load-more-news .more-news__button h3 {
text-align: center;
font-weight: 400;
font-size: 16px;
font-family: LetoSans, sans-serif;
margin: 0
}

.section--load-more-news .more-news__button:hover {
background: #ef2559;
color: #fff
}

.section--load-more-news+.article-small {
border-top: none
}

.category-wrapper {
width: 100%;
padding: 0 20px
}

.category-wrapper h1.section__title {
font-family: LetoSans, sans-serif;
font-size: 26px;
color: #000;
font-weight: 400;
width: 100%;
text-align: center
}

.category-wrapper h3.section__title {
padding: 0
}

.category-wrapper .articles-block {
margin-top: 20px
}

.dossier-wrapper {
width: 100%;
padding: 0 20px;
margin-bottom: 20px
}

.dossier-wrapper h1.section__title {
font-family: LetoSans, sans-serif;
font-size: 26px;
color: #383838;
font-weight: 400;
text-align: left;
width: 100%
}

.dossier-wrapper h3.section__title {
padding: 0
}

.dossier-wrapper .articles-block {
margin-top: 20px
}

.dossier-wrapper .glide--dossier-letters .slide__link {
font-family: LetoSans, sans-serif;
font-size: 24px;
text-align: center;
color: #ef2559;
width: 55px;
height: 55px;
border: 1px solid #dfe0df;
display: inline-block;
border-radius: 50%;
margin: 15px 0;
text-decoration: none;
line-height: 52px
}

.dossier-wrapper .dossier__section {
width: calc(100% + 40px);
margin-left: -20px
}

.dossier-wrapper .dossier__section .dossier__header {
display: block;
font-family: LetoSans, sans-serif;
border-top: 1px solid #dfe0df;
background: #f5f5f5;
padding: 15px;
margin: 20px 0
}

.dossier-wrapper .dossier__section .dossier__header--letter {
display: inline-block;
width: 40px;
height: 40px;
background: #ef2559;
color: #fff;
font-size: 24px;
line-height: 38px;
text-align: center;
border-radius: 50%;
vertical-align: middle;
margin: 5px 15px
}

.dossier-wrapper .dossier__section .dossier__header--view-all {
font-size: 20px;
letter-spacing: 3px;
color: #ef2559;
text-transform: uppercase;
display: inline-block;
vertical-align: middle
}

.dossier-wrapper .dossier__section .dossier__header--view-all:after {
content: "";
width: 12px;
height: 12px;
display: inline-block;
margin-left: 15px;
border-top: 2px solid #ef2559;
border-right: 2px solid #ef2559;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
vertical-align: middle;
margin-top: -3px
}

.dossier-wrapper .dossier__section .dossier__content {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
-webkit-box-pack: center;
justify-content: center;
padding: 0 10px;
margin: 20px 0 30px
}

.dossier-wrapper .dossier__section .dossier__content .content__item {
display: block;
text-align: center;
width: 25%
}

.dossier-wrapper .dossier__section .dossier__content .content__item-img {
width: 100px;
height: 100px;
width: 80px;
height: 80px;
border-radius: 50%;
overflow: hidden;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center
}

.dossier-wrapper .dossier__section .dossier__content .content__item-name {
font-family: Roboto, sans-serif;
font-size: 14px;
text-align: center;
color: #383838
}

.dossier-wrapper .dossier__section .dossier__content .content__item:focus .content__item-name,
.dossier-wrapper .dossier__section .dossier__content .content__item:hover .content__item-name {
color: #ef2559
}

.dossier-wrapper .dossier-by-letter {
margin: 30px 0 50px
}




.dossier-wrapper .dossier-by-letter__item {
border-bottom: 1px solid #dfe0df;
margin: 0 -20px;
padding: 20px;
display: -webkit-box;
display: flex;
text-decoration: none;
-webkit-box-align: center;
align-items: center;
position: relative
}

.dossier-wrapper .dossier-by-letter__item:first-child {
border-top: 1px solid #dfe0df
}

.dossier-wrapper .dossier-by-letter__item:before {
position: absolute;
content: "";
width: 20px;
height: 20px;
border-top: 2px solid #ef2559;
border-right: 2px solid #ef2559;
width: 12px;
height: 12px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
right: 20px;
top: calc(50% - 8px)
}

.dossier-wrapper .dossier-by-letter__img {
width: 100px;
height: 100px;
border-radius: 50%;
overflow: hidden;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center
}

.dossier-wrapper .dossier-by-letter__title {
font-family: LetoSans, sans-serif;
font-size: 21px;
color: #383838;
font-weight: 400;
padding: 0 0 5px 5px;
margin: 0
}

.dossier-wrapper .dossier-by-letter__prof {
font-family: LetoSans, sans-serif;
font-size: 14px;
color: #757575;
padding: 0 0 5px 5px
}

.tag-wrapper {
width: 100%;
padding: 0 20px
}

.tag-wrapper h1.section__title {
font-family: LetoSans, sans-serif;
font-size: 26px;
color: #000;
font-weight: 400;
text-align: left;
width: 100%
}

.tag-wrapper h3.section__title {
padding: 0
}

.tag-wrapper .articles-block {
margin-top: 20px
}

.tag-wrapper .av-shows {
background: #f5f5f5;
width: calc(100% + 40px);
margin: 20px -20px;
padding: 0 10px;
box-sizing: border-box
}

.tag-wrapper .av-shows-header {
display: block;
text-decoration: none;
color: #000;
margin: 0 -10px;
padding: 10px 20px;
position: relative
}

.tag-wrapper .av-shows-header:after {
content: "";
display: block;
width: 12px;
height: 12px;
position: absolute;
right: 25px;
border-right: 2px solid #ef2559;
border-bottom: 2px solid #ef2559;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: calc(50% - 11px);
-webkit-transition: top .3s ease, -webkit-transform .3s ease 0s;
transition: top .3s ease, -webkit-transform .3s ease 0s;
transition: transform .3s ease 0s, top .3s ease;
transition: transform .3s ease 0s, top .3s ease, -webkit-transform .3s ease 0s
}

.tag-wrapper .av-shows_opened .av-shows-header:after {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
top: calc(50% - 4px)
}

.tag-wrapper .av-shows-body {
display: none
}

.tag-wrapper .av-shows_opened .av-shows-body {
display: block
}

.tag-wrapper .av-shows-title {
font-family: LetoSans, sans-serif;
font-size: 20px;
color: #000;
font-weight: 400;
margin: 0
}

.tag-wrapper .cat_buttons {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap;
-webkit-box-align: center;
align-items: center;
padding-left: 0;
margin: 0
}

.tag-wrapper .cat_buttons li {
display: block;
margin: 5px 10px
}

.tag-wrapper .cat_buttons li a {
display: block;
width: 100%;
border-radius: 100px;
border: 1px solid #d8d8d8;
padding: 8px 10px;
text-decoration: none;
color: #ef2559;
box-sizing: border-box;
font-family: LetoSans;
font-size: 13px
}

.tag-wrapper .cat_buttons li a.active,
.tag-wrapper .cat_buttons li a:hover {
color: #fff;
background: #ef2559;
border: 1px solid #ef2559
}

.tag-wrapper .av-shows-title__count {
color: #9b9b9b
}

.tag-wrapper .top-title {
font-family: LetoSans, sans-serif;
font-size: 26px;
font-weight: 400;
color: #000;
margin: 30px 0
}

.article-wrapper {
box-sizing: padding-box;
width: 100%;
padding: 0 20px
}

.article-wrapper .admin-tools {
padding: 10px 0
}

.article-wrapper .admin-tools a {
font-family: Roboto, sans-serif;
background-color: #b42f49;
color: #fff;
font-size: 13px;
padding: 5px 10px;
border-radius: 1px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}

.article-wrapper .admin-tools a:hover {
opacity: .85
}

.article-wrapper .admin-tools .article__status {
display: inline-block;
font-family: Roboto, sans-serif;
font-size: 75%;
line-height: 1;
text-align: center;
border-radius: 10rem;
padding: .25em .6em;
margin-left: 10px
}

.article-wrapper .admin-tools .article__status--no-published {
color: #383838;
background-color: #eccd8e
}

.article-wrapper .admin-tools .article__status--published {
color: #fff;
background-color: #28a745
}

.article-wrapper .admin-tools .article__status--planned {
color: #fff;
background-color: #17a2b8
}

.article-wrapper .admin-tools .article__status--pay {
color: #fff;
background-color: #3897f0
}

.article-wrapper a.article__localization-link {
display: inline-block;
text-align: center;
color: #757575;
background-color: #fff;
border: 2px solid #ef2559;
border-radius: 13px;
width: 100%;
max-width: 300px;
padding: 10px;
margin: 5px 0;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}

.article-wrapper a.article__localization-link:hover {
color: #fff;
background-color: #ef2559
}

.article-wrapper .article__top {
position: relative;
min-height: 260px;
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap;
-webkit-box-align: start;
align-items: flex-start;
width: calc(100% + 40px);
margin-left: -20px;
margin-top: 10px
}

.article-wrapper .article__top:before {
position: absolute;
z-index: 2;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .05)), to(rgba(0, 0, 0, .83)));
background: linear-gradient(180deg, rgba(0, 0, 0, .05) 0, rgba(0, 0, 0, .83))
}

.article-wrapper .article__top .article__img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-position: top;
object-position: top;
-o-object-fit: cover;
object-fit: cover;
z-index: 1
}

.article-wrapper .article__top .article__category {
position: relative;
color: #ef2559;
background: 0 0;
z-index: 700;
font-family: LetoSans, sans-serif;
font-size: 14px;
letter-spacing: 4px;
padding: 20px;
text-transform: uppercase;
text-decoration: none;
display: inline-block;
-webkit-transition: color .3s ease 0s, background .3s ease 0s;
transition: color .3s ease 0s, background .3s ease 0s;
z-index: 3
}

.article-wrapper .article__top .article__category:hover {
color: #fff;
background: #ef2559
}

.article-wrapper .article__top .article__title {
z-index: 10;
font-family: LetoSans, sans-serif;
font-size: 23px;
color: #fff;
font-weight: 400;
text-shadow: 0 0 1px #fff;
padding: 0 20px;
margin: 0;
z-index: 4;
width: 100%
}

.article-wrapper .article__main {
width: 100%;
font-family: Roboto, sans-serif
}

.article-wrapper .article__main h1,
.article-wrapper .article__main h2,
.article-wrapper .article__main h3,
.article-wrapper .article__main h4,
.article-wrapper .article__main h5,
.article-wrapper .article__main h6 {
color: #383838
}

.article-wrapper .article__main .color-wrapper,
.article-wrapper .article__main p {
font-size: 17px;
color: #383838;
line-height: 1.47;
padding: 0;
margin: 17px 0
}

.article-wrapper .article__main a {
color: #1078be;
text-decoration: underline
}

.article-wrapper .article__main li {
font-family: Roboto;
font-size: 17px;
color: #383838;
padding-left: 27px;
position: relative;
line-height: 1.47;
margin-bottom: 15px
}

.article-wrapper .article__main ol {
list-style: decimal;
margin-left: 20px
}

.article-wrapper .article__main ol li {
padding-left: 10px
}

.article-wrapper .article__main ol li::marker {
color: #ef2559;
font-family: Roboto;
font-size: 17px;
font-weight: 700
}

.article-wrapper .article__main ul li:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
border-radius: 50%;
background: #ef2559;
width: 7px;
height: 7px;
margin-top: 9px
}

.article-wrapper .article__main img {
-o-object-fit: cover;
object-fit: cover;
height: auto;
max-width: 100%
}

.article-wrapper .article__main iframe {
max-width: 100%
}

.article-wrapper .article__main sup {
vertical-align: super !important;
font-size: smaller !important
}

.article-wrapper .article__main .image-wrapper {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-flow: column nowrap;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center
}

.article-wrapper .article__main .image-wrapper__description {
text-align: right;
font-style: italic;
font-weight: 400;
background: #efefef;
padding: 2px 10px;
margin: 0;
color: #999;
width: 100%
}

.article-wrapper .article__main .block_quoteText {
text-align: center;
background: #f5f5f5;
margin: 40px -20px 20px;
width: calc(100% + 40px)
}

.article-wrapper .article__main .block_quoteText .quote-holder>div>span {
font-family: Roboto, sans-serif !important;
width: auto !important;
font-size: 17px !important;
font-weight: 400;
font-style: italic !important;
line-height: 1.79;
color: #383838 !important;
display: block;
padding: 20px 0;
margin: 0 !important
}

.article-wrapper .article__main .block_quoteText .quote-holder>div>span:not([style*=font-family]) {
display: none !important
}

.article-wrapper .article__main blockquote {
text-align: center;
background: #f5f5f5;
margin: 40px -20px 20px;
width: calc(100% + 40px)
}

.article-wrapper .article__main blockquote p {
font-family: Roboto, sans-serif;
width: auto;
font-size: 17px;
font-weight: 400;
font-style: italic;
line-height: 1.79;
color: #383838;
display: block;
padding: 20px;
margin: 0
}

.article-wrapper .article__main .block_blockquote-image {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap;
-webkit-box-align: center;
align-items: center;
min-height: 110px;
width: 100%;
margin: 20px 0
}

.article-wrapper .article__main .block_blockquote-image .blockquote-image__img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
margin-left: 3px;
border-radius: 50%;
width: 100px;
height: 100px !important;
z-index: 2
}

.article-wrapper .article__main .block_blockquote-image .blockquote-image__info {
width: calc(100% - 130px);
padding-left: 10px
}

.article-wrapper .article__main .block_blockquote-image .blockquote-image__info--name {
font-family: LetoSans, sans-serif;
font-weight: 700;
font-size: 16px;
line-height: normal;
margin: 0 0 2px 10px
}

.article-wrapper .article__main .block_blockquote-image .blockquote-image__info--secondary {
font-family: Roboto, sans-serif;
font-size: 12px;
color: #616161;
line-height: normal;
margin: 0 0 2px 10px
}

.article-wrapper .article__main .block_blockquote-image .blockquote-image__text {
text-align: justify;
background-color: #fff4e6;
font-family: LetoSans, sans-serif;
font-size: 16px;
line-height: 25px;
width: 100%;
padding: 15px;
margin-top: -10px
}

.article-wrapper .article__main .block_quote .quote-holder div:nth-child(2) {
padding-left: 113px !important
}

.article-wrapper .article__main .block_quote .quote-holder div:nth-child(2) span {
display: block
}

.article-wrapper .article__main .block_quote .quote-holder p {
font-family: Roboto, sans-serif;
font-size: 17px;
color: #383838;
line-height: 1.47;
text-align: justify;
margin-top: 7px;
padding: 15px;
background-color: #fff4e6;
font-size: 16px;
line-height: 25px
}

.article-wrapper .article__main .block_instagram iframe.instagram-media {
width: 100%;
max-width: 100% !important
}

.article-wrapper .article__main .block_instagram blockquote {
position: relative;
max-width: 100%;
height: 300px;
background: #fff;
border: 0;
border-radius: 3px;
box-shadow: 0 0 1px 0 rgba(0, 0, 0, .5), 0 1px 10px 0 rgba(0, 0, 0, .15);
margin: 1px
}

.article-wrapper .article__main .block_instagram blockquote:before {
position: absolute;
display: block;
top: 60px;
left: 50%;
height: 20px;
width: 20px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
content: "";
background: url(images/loader_circle.gif) 50% no-repeat
}

.article-wrapper .article__main .block_instagram blockquote:after {
position: absolute;
top: 30px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
content: "Instagram блок";
color: grey
}

.article-wrapper .article__main .block_instagram blockquote>* {
display: none
}

.article-wrapper .article__main .readmore {
background: #f5f5f5;
margin: 20px -20px;
width: calc(100% + 40px)
}

.article-wrapper .article__main .readmore__title {
display: block;
padding: 15px 20px 0;
font-family: Roboto, sans-serif;
font-size: 14px;
font-style: italic;
color: #757575
}

.article-wrapper .article__main .readmore a {
display: block;
border-bottom: 1px solid #dfe0df;
padding: 15px 20px;
font-family: LetoSans, sans-serif;
font-size: 13px;
line-height: 1.62;
color: #383838;
text-decoration: none;
-webkit-transition: color .3 ease-in;
transition: color .3 ease-in
}

.article-wrapper .article__main .readmore a:focus,
.article-wrapper .article__main .readmore a:hover {
color: #ef2559
}

.article-wrapper .article__main .readmoreUK {
background: #f5f5f5;
margin: 20px -20px;
width: calc(100% + 40px)
}

.article-wrapper .article__main .readmoreUK__title {
display: block;
padding: 15px 20px 0;
font-family: Roboto, sans-serif;
font-size: 14px;
font-style: italic;
color: #757575
}

.article-wrapper .article__main .readmoreUK a {
display: block;
border-bottom: 1px solid #dfe0df;
padding: 15px 20px;
font-family: LetoSans, sans-serif;
font-size: 13px;
line-height: 1.62;
color: #383838;
text-decoration: none;
-webkit-transition: color .3 ease-in;
transition: color .3 ease-in
}

.article-wrapper .article__main .readmoreUK a:focus,
.article-wrapper .article__main .readmoreUK a:hover {
color: #ef2559
}

.article-wrapper .article__main .specialfordoccierindb {
color: #383838
}

.article-wrapper .article__main .specialfordoccierindb strong {
display: inline-block;
margin-bottom: 5px
}

.article-wrapper .article__main .specialfordoccierindbUK {
color: #383838
}

.article-wrapper .article__main .specialfordoccierindbUK strong {
display: inline-block;
margin-bottom: 5px
}

.article-wrapper .article__main .beer-slider .beer-reveal>:first-child {
max-width: none
}

.article-wrapper .article__main .beer-slider .beer-handle {
background-color: #ef2559;
color: #fff;
opacity: .8
}

.article-wrapper .article__main .beer-slider:hover .beer-handle {
opacity: 1
}

.article-wrapper .article__main .article-slider {
width: calc(100% + 40px);
margin-left: -20px
}

.article-wrapper .article__main .article-slider ul.glide__slides {
padding: 0;
margin: 0
}

.article-wrapper .article__main .article-slider ul.glide__slides li {
height: inherit;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
padding: 0;
margin: 0
}

.article-wrapper .article__main .article-slider ul.glide__slides li img {
height: 100%;
width: 100%;
max-width: none
}

.article-wrapper .article__main .article-slider ul.glide__slides li:before {
content: none
}

.article-wrapper .article__main .article-slider .glide__arrow {
background: rgba(0, 0, 0, .5);
width: 42px;
height: 74px;
position: absolute;
outline: none;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: background .3s ease 0s;
transition: background .3s ease 0s;
border: none
}

.article-wrapper .article__main .article-slider .glide__arrow:before {
width: 15px;
height: 15px;
border-top: 2px solid #fff;
content: "";
display: block;
position: absolute;
top: calc(50% - 10px)
}

.article-wrapper .article__main .article-slider .glide__arrow:focus {
outline: none;
background: #ef2559
}

.article-wrapper .article__main .article-slider .glide__arrow--left {
left: 0
}

.article-wrapper .article__main .article-slider .glide__arrow--left:before {
border-left: 2px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
left: 15px
}

.article-wrapper .article__main .article-slider .glide__arrow--right {
right: 0
}

.article-wrapper .article__main .article-slider .glide__arrow--right:before {
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
right: 15px
}

.article-wrapper .article__main .block_horoscope .horoscope-title {
text-align: center;
font-size: 26px;
color: #ef2559;
width: 100%
}

.article-wrapper .article__main .block_horoscope .horscope-anchors {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap;
-webkit-box-pack: center;
justify-content: center;
width: 100%;
margin-bottom: 2.5em
}

.article-wrapper .article__main .block_horoscope .horoscopeTitle {
text-align: center
}

.article-wrapper .fb-comments {
margin: 20px 0
}

.article-wrapper .article__author {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
-webkit-box-align: center;
align-items: center;
width: 100%
}

.article-wrapper .article__author .author__avatar {
width: 70px;
border-radius: 50%;
overflow: hidden;
margin-right: 20px
}

.article-wrapper .article__author .author__avatar img {
height: 70px !important;
width: 70px;
-webkit-transform: scale(1.05);
transform: scale(1.05)
}

.article-wrapper .article__author .author__info {
font-family: Roboto, sans-serif;
color: #383838
}

.article-wrapper .article__author .author__info a {
display: block;
color: #ef2559;
font-weight: 700;
margin-bottom: 5px
}

.article-wrapper .article__socials {
flex-flow: row wrap;
margin: 15px 0 30px
}

.article-wrapper .article__socials,
.article-wrapper .article__socials .socials__button {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
justify-content: space-around;
-webkit-box-align: center;
align-items: center
}

.article-wrapper .article__socials .socials__button {
position: relative;
flex-flow: row nowrap;
font-family: LetoSans, sans-serif;
color: #fff;
font-size: 14px;
border-radius: 3px;
-webkit-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
height: 40px;
width: 90%;
margin-top: 12px
}

.article-wrapper .article__socials .socials__button:hover {
-webkit-transform: scale(1.03);
transform: scale(1.03)
}

.article-wrapper .article__socials .socials__button:active {
opacity: .8
}

.article-wrapper .article__socials .socials__button:before {
content: "";
display: block;
position: absolute;
left: 10px;
height: 30px;
width: 30px
}

.article-wrapper .article__socials .button--facebook {
background: #43609c
}

.article-wrapper .article__socials .button--facebook:before {
background: no-repeat 50%/100% url(images/article_socials_facebook.svg)
}

.article-wrapper .article__socials .button--viber {
background: #665cac
}

.article-wrapper .article__socials .button--viber:before {
background: no-repeat 50%/100% url(images/article_socials_viber.svg)
}

.article-wrapper .article__socials .button--youtube {
background: red
}

.article-wrapper .article__socials .button--youtube:before {
background: no-repeat 50%/100% url(images/article_socials_youtube.svg)
}

.article-wrapper .cycles {
margin-top: 40px
}

.article-wrapper .cycles__title {
font-family: Roboto, sans-serif;
font-size: 14px;
font-weight: 400;
font-style: italic;
color: #757575
}

.article-wrapper .cycles__list {
width: calc(100% + 40px);
margin-left: -20px
}

.article-wrapper .cycles__list li {
border-bottom: 1px solid #dfe0df;
padding: 20px
}

.article-wrapper .cycles__list li:first-child {
border-top: 1px solid #dfe0df
}

.article-wrapper .cycles__list li a {
font-family: LetoSans, sans-serif;
font-size: 15px;
line-height: 1.53;
color: #383838;
text-decoration: none
}

.article-wrapper .cycles__list li a:hover {
color: #ef2559
}

.article-wrapper .tags {
margin: 20px 0
}

.article-wrapper .tags__list {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap
}

.article-wrapper .tags__list .tags__item {
font-family: LetoSans, sans-serif;
font-size: 11px;
color: #ef2559;
border: 1px solid transparent;
text-decoration: none;
-webkit-transition: background .3s ease 0s, color .3s ease 0s, border .3s ease 0s;
transition: background .3s ease 0s, color .3s ease 0s, border .3s ease 0s;
line-height: 22px;
padding: 5px;
margin: 5px 10px 5px 0
}

.article-wrapper .tags__list .tags__item:hover {
background: #ef2559;
color: #fff;
border-color: #ef2559
}

.article-wrapper h2.section__title {
font-size: 18px;
font-family: LetoSans, sans-serif;
font-weight: 700;
font-style: normal;
color: #383838;
width: 100%;
padding: 0;
margin: 20px 0
}

.article-wrapper .more-news__link {
display: block;
text-transform: uppercase;
text-decoration: none;
border-radius: 50px;
border: 1px solid #ef2559;
color: #ef2559;
background: #fff;
letter-spacing: 2px;
-webkit-transition: background .3s ease 0s, color .3s ease 0s;
transition: background .3s ease 0s, color .3s ease 0s;
padding: 20px;
width: 80%;
text-align: center;
margin: 10px auto 30px
}

.article-wrapper .more-news__link h3 {
text-align: center;
font-weight: 400;
padding: 0;
margin: 0;
font-size: 16px;
font-family: LetoSans, sans-serif
}

.article-wrapper .more-news__link:hover {
background: #ef2559;
color: #fff
}

.breadcrumbs {
font-family: LetoSans, sans-serif;
font-size: 11px;
color: #ababab;
max-height: 23px;
line-height: 1.15;
overflow: hidden;
margin: 10px 0
}

.breadcrumbs .breadcrumbs__item {
margin-right: 5px
}

.breadcrumbs .breadcrumbs__item:last-child {
text-overflow: ellipsis
}

.breadcrumbs .breadcrumbs__item-last {
display: inline-block
}

.breadcrumbs .breadcrumbs__item a {
font-family: LetoSans, sans-serif;
font-size: 11px;
color: #ababab;
text-decoration: none
}

.breadcrumbs .breadcrumbs__slash {
margin-right: 5px
}

.search-form {
margin-bottom: 15px
}

.search-form,
.search-form .search-box {
position: relative
}

.search-form .search-box__input {
width: 100%;
border: 1px solid #dfe0df;
font-family: LetoSans, sans-serif;
font-size: 16px;
padding: 20px 40px 20px 20px;
box-sizing: border-box;
outline: none
}

.search-form .search-box__icon {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
position: absolute;
top: 1px;
right: 1px;
background: #fff;
height: 58px;
width: 60px
}

.search-form .search-box__result {
position: absolute;
border: 1px solid #dfe0df;
background: #fff;
top: 60px;
left: 0;
box-sizing: border-box;
width: 100%;
padding: 5px 20px;
margin: 0;
z-index: 10
}

.search-form .search-box__result li {
margin: 10px 0
}

.search-form .search-box__result li a {
text-decoration: none;
font-family: LetoSans, sans-serif;
font-size: 16px;
color: #383838
}

.search-wrapper {
width: 100%;
padding: 20px
}

.search-wrapper .where-searched {
font-family: LetoSans, sans-serif;
font-size: 22px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
margin: 15px 0
}

.search-wrapper .where-searched__label {
color: #757575
}

.search-wrapper .where-searched__keyword {
color: #ef2559
}

.search-wrapper .where-searched__close {
width: 30px;
height: 30px;
vertical-align: middle;
display: inline-block
}

.search-wrapper .gsc-input-box,
.search-wrapper .gsc-input-box-focus,
.search-wrapper .gsc-input-box-hover,
.search-wrapper input.gsc-input {
font-family: LetoSans, sans-serif;
font-size: 16px;
color: #757575;
border: none
}

.search-wrapper .gsc-input-box-focus,
.search-wrapper .gsc-input-box-hover,
.search-wrapper .gsc-search-box .gsc-input>input,
.search-wrapper .gsc-search-box .gsc-input>input:active,
.search-wrapper .gsc-search-box .gsc-input>input:focus,
.search-wrapper .gsc-search-box .gsc-input>input:hover {
box-shadow: none;
outline: none;
border: none
}

.search-wrapper .cse .gsc-control-cse,
.search-wrapper .gsc-control-cse {
padding: 0
}

.search-wrapper table.gsc-search-box {
border: 1px solid #dfe0df;
padding: 0;
border-collapse: collapse;
margin: 0
}

.search-wrapper .cse table.gsc-search-box td.gsc-input,
.search-wrapper table.gsc-search-box td.gsc-input {
padding: 10px
}

.search-wrapper .gssb_c {
z-index: 5000;
width: calc(100% - 42px) !important;
left: 21px !important;
margin-top: 8px;
box-shadow: none
}

.search-wrapper .gsc-completion-container {
box-shadow: none;
border: 1px solid #dfe0df;
font-family: LetoSans, sans-serif;
font-size: 16px;
color: #757575
}

.search-wrapper .gsc-completion-selected {
background: #ddd
}

.search-wrapper table.gsc-search-box td.gsib_b {
display: none
}

.search-wrapper .gsc-search-button-v2,
.search-wrapper .gsc-search-button-v2:focus,
.search-wrapper .gsc-search-button-v2:hover {
background: 0 0;
border: none;
outline: none
}

.search-wrapper .gsc-search-button-v2 svg {
display: none
}

.search-wrapper .gsc-search-button-v2,
.search-wrapper .gsc-search-button-v2:focus,
.search-wrapper .gsc-search-button-v2:hover {
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIyMSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InJvdGF0ZSgtNDUgOS4zOSA4LjEzMikiPjxjaXJjbGUgY3g9IjguNSIgY3k9IjguNSIgcj0iNy41IiBzdHJva2U9IiNFRjI1NTkiIHN0cm9rZS13aWR0aD0iMiIgdHJhbnNmb3JtPSJyb3RhdGUoMiA4LjUgOC41KSIvPjxwYXRoIGZpbGw9IiNFRjI1NTkiIGQ9Ik04LjE0IDE1Ljk2OGwxLjk5OS4wNy0uMjggNy45OTQtMS45OTgtLjA3eiIvPjwvZz48L3N2Zz4=") no-repeat 50%/20px 30px;
cursor: pointer;
height: 40px;
width: 40px;
margin-right: 10px
}

.search-wrapper .gsc-result-info {
margin-top: 0;
margin-bottom: 0;
padding: 0;
color: #757575;
font-family: LetoSans, sans-serif
}

.search-wrapper .gsc-above-wrapper-area {
padding: 0;
border-bottom: 0
}

.search-wrapper .gsc-result-info-container {
display: block
}

.search-wrapper .gsc-orderby-container {
display: block;
text-align: left
}

.search-wrapper .gsc-orderby-label {
font-family: LetoSans, sans-serif;
font-size: 14px
}

.search-wrapper .gsc-selected-option-container {
background: 0 0;
border: none;
box-shadow: none;
font-size: 14px;
font-family: LetoSans, sans-serif
}

.search-wrapper .gsc-selected-option {
font-weight: 400;
color: #ef2559
}

.search-wrapper .gsc-control-cse .gsc-option-selector {
background: 0 0;
right: 10px
}

.search-wrapper .gsc-control-cse .gsc-option-selector:after {
content: "";
border-left: 2px solid #ef2559;
border-bottom: 2px solid #ef2559;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 7px;
height: 7px;
display: block
}

.search-wrapper .gsc-control-cse .gsc-option-menu {
font-size: 14px;
font-family: LetoSans, sans-serif;
margin-top: 30px;
padding: 0
}

.search-wrapper .gsc-option-menu-item-highlighted {
background: #eee
}

.search-wrapper .gs-title {
font-weight: 700;
font-size: 18px
}

.search-wrapper .gs-visibleUrl {
font-size: 16px;
margin-bottom: 20px;
line-height: 170%
}

.search-wrapper .gsc-table-result {
background: #f0f0f0;
padding: 10px
}

.search-wrapper .gs-snippet {
font-size: 16px
}

.search-wrapper .gsc-cursor-page {
font-family: LetoSans, sans-serif;
font-size: 16px
}

.search-wrapper .gcsc-branding {
padding: 10px;
text-align: left
}

.search-wrapper .gcsc-branding-text,
.search-wrapper .gsc-branding-text {
text-align: left
}

.search-wrapper .gcsc-branding-text:first-child,
.search-wrapper .gsc-branding-text:first-child {
-webkit-box-flex: unset;
flex-grow: unset
}

.search-wrapper .gsc-results {
width: 100%
}

.search-wrapper form.gsc-search-box {
margin-bottom: 15px
}

.search-wrapper #___gcse_0 {
margin-top: 15px
}

.rating {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
-webkit-box-align: center;
align-items: center;
position: relative;
margin: 10px 0 20px
}

.rating__form {
z-index: 2;
padding-right: 10px
}

.rating__form .rating__stars {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
-webkit-box-pack: center;
justify-content: center
}

.rating__form .rating__stars:focus .stars__item.activ:before,
.rating__form .rating__stars:focus .stars__item:focus:before {
content: "★";
color: #eccd8e
}

.rating__form .rating__stars .stars__item {
position: relative;
display: inline-block;
font-size: 18px;
width: 16px;
margin-right: 1px;
cursor: pointer
}

.rating__form .rating__stars .stars__item:before {
content: "☆";
color: #ef2559;
display: block;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-position: 0 0;
background-repeat: no-repeat;
width: 16px
}

.rating__form .rating__stars .stars__item.activ:before {
content: "★"
}

.rating__form[data-status=voted] .rating__stars .stars__item {
cursor: default !important
}

.rating__form[data-status=voted] .rating__stars .stars__item:before {
content: "☆" !important;
color: #ef2559 !important
}

.rating__form[data-status=voted] .rating__stars .stars__item.activ:before {
content: "★" !important
}

.rating__score {
text-align: center;
font-size: 11px;
color: #757575
}

.rating__response {
position: absolute;
bottom: -20px;
font-size: 13px;
opacity: 1;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition-delay: 3s;
transition-delay: 3s;
text-align: left;
width: 100%
}

.rating__response--error {
color: red
}

.rating__response--success {
color: #0096dd
}

.rating__response[data-status=hidden] {
opacity: 0
}

.pagination {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
width: 100%;
margin-bottom: 25px
}

.pagination__button {
display: block;
position: relative;
border-radius: 50%;
border: 1px solid #ef2559;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
width: 58px;
height: 58px
}

.pagination__button:before {
content: "";
display: block;
position: absolute;
top: calc(50% - 8px);
border-top: 1px solid #ef2559;
width: 15px;
height: 15px
}

.pagination__button:focus,
.pagination__button:hover {
background: #ef2559
}

.pagination__button:focus:before,
.pagination__button:hover:before {
border-color: #fff !important
}

.pagination__button[disabled] {
border-color: #dfe0df
}

.pagination__button[disabled]:before {
border-color: #dfe0df !important
}

.pagination .button--prev:before {
left: calc(50% - 5px);
border-left: 1px solid #ef2559;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}

.pagination .button--next:before {
right: calc(50% - 5px);
border-right: 1px solid #ef2559;
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}

.pagination__page {
font-family: LetoSans, sans-serif;
font-size: 16px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 2.5px;
text-align: center;
color: #383838;
text-transform: uppercase
}

.footer {
text-align: center;
background: #272727;
padding: 20px 20px 40px
}

.footer__menu {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-flow: column;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center
}

.footer__menu .menu__item {
margin: 10px 0
}

.footer__menu .menu__item a {
font-family: LetoSans, sans-serif;
color: #ef2559;
font-size: 17px;
border-bottom: 1px solid transparent;
text-decoration: none;
line-height: 1.5em;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}

.footer__logo {
margin: 20px 0
}

.footer__cpr {
font-family: LetoSans, sans-serif;
font-size: 13px;
font-weight: 400;
text-align: center;
color: #969696
}

@font-face {
font-family: SFUIText-Regular;
src: url(fonts/SFUIText-Regular.ttf)
}

.static-wrapper {
width: 100%;
padding: 0 20px
}

.static-wrapper h3.section__title {
padding: 0
}

.static-wrapper .button--action {
display: block;
text-transform: uppercase;
text-align: center;
text-decoration: none;
border-radius: 50px;
border: 1px solid #ef2559;
color: #ef2559;
background: #fff;
font-size: 16px;
font-family: LetoSans, sans-serif;
letter-spacing: 2px;
-webkit-transition: background .3s ease 0s, color .3s ease 0s;
transition: background .3s ease 0s, color .3s ease 0s;
padding: 20px 50px;
margin: 20px 20px 30px
}

.static-wrapper .button--action:focus,
.static-wrapper .button--action:hover {
background: #ef2559;
color: #fff;
outline: none
}

.static-wrapper .cards {
margin: 20px 0
}

.static-wrapper .cards span.card:before {
content: none
}

.static-wrapper .cards .card {
border-bottom: 1px solid #dfe0df;
margin: 0 -20px;
padding: 20px;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
text-decoration: none;
position: relative
}

.static-wrapper .cards .card:first-child {
border-top: 1px solid #dfe0df
}

.static-wrapper .cards .card:before {
position: absolute;
content: "";
width: 20px;
height: 20px;
border-top: 2px solid #ef2559;
border-right: 2px solid #ef2559;
width: 12px;
height: 12px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
right: 20px;
top: calc(50% - 8px)
}

.static-wrapper .cards .card__img {
width: 100px;
height: 100px;
border-radius: 50%;
overflow: hidden;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center
}

.static-wrapper .cards .card__description {
font-family: LetoSans, sans-serif;
font-size: 14px;
padding: 0 0 5px 10px
}

.static-wrapper .cards .card__description .description__title {
font-size: 21px;
font-weight: 400;
color: #383838;
margin: 0;
text-align: left
}

.static-wrapper .cards .card__description .description__prof {
color: #757575
}

.static-wrapper .cards .card__description .description__email {
color: #ef2559;
text-decoration: none;
overflow: hidden;
text-overflow: ellipsis
}

.static-wrapper .cards .card__question {
font-family: serif;
font-size: 28px;
color: #ef2559;
font-weight: 600;
font-style: italic;
width: 80%
}

.static-wrapper .section__location .location__address {
font-size: 18px;
font-style: normal;
margin-bottom: 10px
}

.static-wrapper .section__location .location__tel {
font-size: 21px;
margin-bottom: 20px
}

.static-wrapper .section__feedback {
font-family: LetoSans, sans-serif;
background: #f5f5f5;
box-sizing: border-box;
width: calc(100% + 40px);
padding: 20px;
margin-left: -20px
}

.static-wrapper .section__feedback .feedback__message {
font-size: 18px;
text-align: center
}

.static-wrapper .section__feedback .feedback__form .form__field {
margin-bottom: 20px
}

.static-wrapper .section__feedback .feedback__form .form__field .field__label {
display: block;
font-size: 16px;
font-weight: 400;
color: #757575;
margin-bottom: 15px
}

.static-wrapper .section__feedback .feedback__form .form__field .field__input {
display: block;
font-size: 16px;
color: #000;
border: none;
padding: 15px;
width: 100%;
outline: none;
box-sizing: border-box
}

.static-wrapper .section__feedback .feedback__form .button--action {
margin: 20px
}

.static-wrapper .section__socials {
flex-flow: row wrap;
margin: 15px 0 40px
}

.static-wrapper .section__socials,
.static-wrapper .section__socials .socials__button {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
justify-content: space-around;
-webkit-box-align: center;
align-items: center
}

.static-wrapper .section__socials .socials__button {
position: relative;
flex-flow: row nowrap;
font-family: LetoSans, sans-serif;
color: #fff;
font-size: 14px;
border-radius: 3px;
-webkit-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
height: 40px;
width: 90%;
margin-top: 12px
}

.static-wrapper .section__socials .socials__button:hover {
-webkit-transform: scale(1.03);
transform: scale(1.03)
}

.static-wrapper .section__socials .socials__button:active {
opacity: .8
}

.static-wrapper .section__socials .socials__button:before {
content: "";
display: block;
position: absolute;
left: 10px;
height: 35px;
width: 35px
}

.static-wrapper .section__socials .button--facebook {
background: #43609c
}

.static-wrapper .section__socials .button--facebook:before {
background: no-repeat 50%/100% url(images/article_socials_facebook.svg)
}

.static-wrapper .section__socials .button--viber {
background: #665cac
}

.static-wrapper .section__socials .button--viber:before {
background: no-repeat 50%/100% url(images/article_socials_viber.svg)
}

.static-wrapper .section__socials .button--instagram {
background: linear-gradient(45deg, #f09433, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888)
}

.static-wrapper .section__socials .button--instagram:before {
background: no-repeat 50%/100% url(images/article_socials_insta2.svg)
}

.static-wrapper .section__socials .button--youtube {
background: red
}

.static-wrapper .section__socials .button--youtube:before {
background: no-repeat 50%/100% url(images/article_socials_youtube.svg)
}

.static-wrapper .section__projects .projects__link {
width: 270px;
height: 270px;
border-radius: 50%;
overflow: hidden;
display: -webkit-box;
display: flex;
margin: 30px auto;
position: relative;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
text-decoration: none;
padding: 15px;
box-sizing: border-box
}

.static-wrapper .section__projects .projects__link:before {
position: absolute;
content: "";
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .05)), to(rgba(0, 0, 0, .83)));
background: linear-gradient(180deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .83));
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 75;
-webkit-transition: background .3s ease 0s;
transition: background .3s ease 0s
}

.static-wrapper .section__projects .projects__link:hover:before {
background: #ef2559
}

.static-wrapper .section__projects .projects__title {
position: relative;
z-index: 100;
font-family: LetoSans, sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 1.13;
color: #fff;
text-align: center
}

.static-wrapper .section__projects .projects__img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
z-index: 50
}

.static-wrapper .section__about {
width: calc(100% + 40px);
margin-left: -20px;
box-sizing: border-box;
background: #e5eaee url(images/section_about.webp) no-repeat 100% 0/cover
}

.static-wrapper .section__about .glide--about .about-slider__item {
font-family: Roboto, sans-serif;
font-size: 14px;
line-height: 1.5;
color: #000;
padding: 20px 20px 50px
}

.static-wrapper .section__about .glide--about .about-slider__nice {
font-family: serif;
font-size: 28px;
color: #ef2559;
font-style: italic
}

.static-wrapper .section__about .glide--about .about-slider-big {
position: relative;
max-width: 298px;
width: 100%;
margin: 15px 0 25px
}

.static-wrapper .section__about .glide--about .about-slider-big__svg {
position: absolute;
z-index: -1
}

.static-wrapper .section__about .glide--about .glide__bullets {
position: absolute;
z-index: 2;
bottom: 1em;
left: 50%;
display: -webkit-inline-box;
display: inline-flex;
list-style: none;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}

.static-wrapper .section__about .glide--about .glide__bullets .glide__bullet {
background-color: hsla(0, 0%, 100%, .5);
width: 14px;
height: 14px;
padding: 0;
border-radius: 50%;
border: 2px solid transparent;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
cursor: pointer;
line-height: 0;
box-shadow: 0 .25em .5em 0 rgba(0, 0, 0, .3);
margin: 0 .75em
}

.static-wrapper .section__about .glide--about .glide__bullets .glide__bullet:focus {
outline: none
}

.static-wrapper .section__about .glide--about .glide__bullets .glide__bullet--active {
background: #ef2559
}

.static-wrapper.page--reklama {}

.static-wrapper.page--reklama .page-container {
width: calc(100% + 40px);
margin-left: -20px;
margin-top: 10px
}

.static-wrapper.page--reklama .page__section {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap;
-webkit-box-pack: center;
justify-content: center;
position: relative;
font-family: SFUIText-Regular, sans-serif;
width: 100%
}

.static-wrapper.page--reklama .page__section>img {
width: 100%
}

.static-wrapper.page--reklama .page__section .section__title {
font-family: SFUIText-Regular, sans-serif;
text-align: left;
font-weight: 400;
font-size: 21px;
line-height: 1.2;
letter-spacing: -.07px;
color: #000;
text-shadow: 0 0 1px #000;
width: 100%
}

.static-wrapper.page--reklama .page__section h1.section__title {
font-size: 20px;
text-align: center;
text-transform: uppercase
}

.static-wrapper.page--reklama .page__section h2.section__title {
font-size: 19px;
text-align: left;
text-transform: none
}

.static-wrapper.page--reklama .page__section .page__section p {
font-family: SFUIText-Regular, sans-serif;
font-size: 17px;
line-height: 1.2;
letter-spacing: -.07px;
margin: 14px 0
}

.static-wrapper.page--reklama .page__section .page__section p,
.static-wrapper.page--reklama .page__section li {
text-shadow: 0 0 1px #828282
}

.static-wrapper.page--reklama .page__section .section__description {
position: absolute;
box-sizing: border-box;
width: 100%;
padding: 25px
}

.static-wrapper.page--reklama .section--about .section__description {
top: 50px
}

.static-wrapper.page--reklama .section--features {
margin-top: 13px
}

.static-wrapper.page--reklama .section--features h1.section__title {
margin-bottom: 5px
}

.static-wrapper.page--reklama .page__section .features {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap;
-webkit-box-pack: center;
justify-content: center;
width: 100%
}

.static-wrapper.page--reklama .page__section .features__item {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-flow: column;
-webkit-box-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
align-items: center;
width: 100%;
margin: 0 25px 5px
}

.static-wrapper.page--reklama .page__section .feature .feature__icon {
height: 100px;
width: 100px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}

.static-wrapper.page--reklama .page__section .feature:first-child .feature__icon {
background: url(images/design.svg) 0 0 no-repeat
}

.static-wrapper.page--reklama .page__section .feature:nth-child(2) .feature__icon {
background: url(images/visitors.svg) 0 0 no-repeat
}

.static-wrapper.page--reklama .page__section .feature:nth-child(3) .feature__icon {
background: url(images/star.svg) 0 0 no-repeat
}

.static-wrapper.page--reklama .page__section .feature:nth-child(4) .feature__icon {
background: url(images/creativity.svg) 0 0 no-repeat
}

.static-wrapper.page--reklama .page__section p.feature__title {
text-align: center;
font-size: 18px;
margin: 0
}

.static-wrapper.page--reklama .page__section .feature:hover .feature__icon {
-webkit-transform: scale(1.05);
transform: scale(1.05)
}

.static-wrapper.page--reklama .section--audience {
margin-top: 28px
}

.static-wrapper.page--reklama .section--audience .section__description {
top: 0
}

.static-wrapper.page--reklama .section--audience .section__title {
text-align: center
}

.static-wrapper.page--reklama .page__section .audience {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
align-items: flex-start;
width: 100%;
padding-left: 0;
margin-top: 5px
}

.static-wrapper.page--reklama .page__section .audience__item {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-flow: column;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: start;
align-items: flex-start;
width: 45%;
margin: 0 0 10px
}

.static-wrapper.page--reklama .page__section p.audience__count {
font-size: 28px;
color: #61b1db;
margin: 15px 0 0
}

.static-wrapper.page--reklama .page__section .audience__item p {
margin: 5px 0 0
}

.static-wrapper.page--reklama .section--traffic {
width: 100%;
margin: 25px auto 0
}

.static-wrapper.page--reklama .page__section .traffic {
position: relative;
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: start;
align-items: flex-start;
width: 90%;
padding-top: 50px
}

.static-wrapper.page--reklama .page__section .traffic__labels {
display: block
}

.static-wrapper.page--reklama .page__section .traffic__scroll {
position: absolute;
content: "";
background: url(images/swipe.svg) no-repeat;
width: 30px;
height: 30px;
top: 0;
-webkit-animation: move_swipe 2s ease-out 0s infinite;
animation: move_swipe 2s ease-out 0s infinite
}

@-webkit-keyframes move_swipe {
0% {
    right: -5px;
    opacity: 0
}

15% {
    right: 0;
    opacity: 1
}

85% {
    right: 40px;
    opacity: 1
}

to {
    right: 45px;
    opacity: 0
}
}

@keyframes move_swipe {
0% {
    right: -5px;
    opacity: 0
}

15% {
    right: 0;
    opacity: 1
}

85% {
    right: 40px;
    opacity: 1
}

to {
    right: 45px;
    opacity: 0
}
}

.static-wrapper.page--reklama .page__section .traffic__scores {
display: block;
width: 100%;
overflow-x: auto;
-ms-overflow-style: none;
scrollbar-width: none;
margin-top: -10px
}

.static-wrapper.page--reklama .page__section .traffic__scores::-webkit-scrollbar {
display: none
}

.static-wrapper.page--reklama .page__section .scores__list {
display: block;
white-space: nowrap;
text-align: center
}

.static-wrapper.page--reklama .page__section .score {
display: inline-block;
width: 50%
}

.static-wrapper.page--reklama .page__section .traffic__labels .label {
position: relative;
font-size: 19px;
padding-left: 80px;
width: 160px;
box-sizing: border-box;
margin-bottom: 70px
}

.static-wrapper.page--reklama .page__section .score div:last-child {
color: #61b1db;
font-size: 17px;
opacity: 1
}

.static-wrapper.page--reklama .page__section .score--2016 div:first-child {
font-size: 24px;
opacity: .5;
margin-bottom: 60px
}

.static-wrapper.page--reklama .page__section .score--2017 div:first-child {
font-size: 27px;
opacity: .6;
margin-bottom: 60px
}

.static-wrapper.page--reklama .page__section .score--2018 div:first-child {
font-size: 29px;
opacity: .67;
margin-bottom: 60px
}

.static-wrapper.page--reklama .page__section .score--2019 div:first-child {
font-size: 33px;
opacity: .8;
margin-bottom: 60px
}

.static-wrapper.page--reklama .page__section .score--2016 div:nth-child(2) {
font-size: 31px;
opacity: .5;
margin-bottom: 20px
}

.static-wrapper.page--reklama .page__section .score--2017 div:nth-child(2) {
font-size: 27px;
opacity: .6;
margin-bottom: 20px
}

.static-wrapper.page--reklama .page__section .score--2018 div:nth-child(2) {
font-size: 25px;
opacity: .67;
margin-bottom: 20px
}

.static-wrapper.page--reklama .page__section .score--2019 div:nth-child(2) {
font-size: 23px;
opacity: .8;
margin-bottom: 20px
}

.static-wrapper.page--reklama .page__section .traffic__labels .label:before {
content: "";
display: block;
position: absolute;
top: -50%;
-webkit-transform: translateY(-25%);
transform: translateY(-25%);
left: 0;
width: 70px;
height: 70px
}

.static-wrapper.page--reklama .page__section .traffic__labels .label--mobile:before {
background: url(images/mobile.svg) no-repeat
}

.static-wrapper.page--reklama .page__section .traffic__labels .label--desktop:before {
background: url(images/desktop.svg) no-repeat
}

.static-wrapper.page--reklama .section--benefits {
margin-top: 50px;
z-index: 2
}

.static-wrapper.page--reklama .section--benefits>img {
margin-top: 85px
}

.static-wrapper.page--reklama .section--benefits .section__description {
margin-top: -42px
}

.static-wrapper.page--reklama .page__section ul.audience__list {
list-style: none;
padding-left: 8px
}

.static-wrapper.page--reklama .page__section ul.audience__list li {
position: relative;
font-size: 18px;
line-height: 1.2;
letter-spacing: -.3px;
padding-left: 16px;
margin-bottom: 10px
}

.static-wrapper.page--reklama .page__section ul.audience__list li:before {
content: "";
display: block;
border-radius: 50%;
background: #f9bdca;
position: absolute;
left: 0;
top: 0;
width: 7px;
height: 7px;
margin-top: 4px
}

.static-wrapper.page--reklama .section--formats {
background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, #fff), to(#fdf7f7));
background: linear-gradient(0deg, #fff 10%, #fdf7f7);
margin-top: -30px;
z-index: 2
}

.static-wrapper.page--reklama .section--formats h1.section__title {
margin: -5px 0 20px
}

.static-wrapper.page--reklama .section--formats .section__description {
position: relative;
padding: 20px 25px;
margin: 0 auto
}

.static-wrapper.page--reklama .section--formats h2.section__title {
position: relative;
text-transform: none;
margin-top: 0;
margin-bottom: 35px
}

.static-wrapper.page--reklama .section--formats h2.section__title:after {
content: "";
display: block;
position: absolute;
width: 45%;
height: 4px;
bottom: -10px;
background: #61b1db
}

.static-wrapper.page--reklama .page__section .type__description p {
max-width: 500px
}

.static-wrapper.page--reklama .page__section .type--branding .type__image {
margin-top: -169px;
margin-left: 55px
}

.static-wrapper.page--reklama .page__section .type--catfish {
position: relative;
margin-top: 39px
}

.static-wrapper.page--reklama .page__section .type--catfish h2.section__title:after {
width: 70%
}

.static-wrapper.page--reklama .page__section .type--catfish .type__image img {
max-width: none
}

.static-wrapper.page--reklama .page__section .catfish__phones {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
justify-content: space-around;
margin-top: 20px
}

.static-wrapper.page--reklama .page__section .type--catfish .type__image:nth-child(2) {
margin-top: 40px
}

.static-wrapper.page--reklama .page__section .type--catfish .type__description {
padding-left: 5px;
margin-top: -30px
}

.static-wrapper.page--reklama .page__section .articles-wrapper {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
align-items: flex-start;
width: 100%;
margin: 17px auto 0
}

.static-wrapper.page--reklama .page__section .articles-wrapper h2.section__title:after {
width: 65%
}

.static-wrapper.page--reklama .page__section .articles-wrapper p {
margin: 0 0 15px
}

.static-wrapper.page--reklama .page__section .articles__slider {
width: 100%;
overflow-x: auto;
-ms-overflow-style: none;
scrollbar-width: none
}

.static-wrapper.page--reklama .page__section .articles__slider::-webkit-scrollbar {
display: none
}

.static-wrapper.page--reklama .page__section .articles__list {
display: block;
white-space: nowrap;
font-size: 0;
text-align: center
}

.static-wrapper.page--reklama .page__section .article {
display: inline-block;
width: 80%;
margin: 10px 20px 10px 10px
}

.static-wrapper.page--reklama .page__section .article a {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
min-height: 320px
}

.static-wrapper.page--reklama .page__section .article a:focus .article__box,
.static-wrapper.page--reklama .page__section .article a:hover .article__box {
-webkit-transform: scale(1.05);
transform: scale(1.05)
}

.static-wrapper.page--reklama .page__section .article__box {
color: #000;
background: #fff;
box-shadow: 0 0 24px -13px #343434;
max-width: 100%;
min-height: 280px;
-webkit-transition: -webkit-transform .2s ease-in-out;
transition: -webkit-transform .2s ease-in-out;
transition: transform .2s ease-in-out;
transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}

.static-wrapper.page--reklama .page__section .article .box__img {
width: 100%
}

.static-wrapper.page--reklama .page__section .article .box__img img {
max-width: 90%;
padding: 10px 10px 20px
}

.static-wrapper.page--reklama .page__section .article .box__title {
font-family: sans-serif;
text-transform: none;
text-align: left;
font-size: 16px;
line-height: 1.2;
letter-spacing: -.2px;
white-space: normal;
text-shadow: 0 0 1px #656161;
padding: 0 10px 10px
}

.static-wrapper.page--reklama .section--clients {
width: 100%;
margin-top: -10px;
z-index: 3
}

.static-wrapper.page--reklama .section--clients h1.section__title:after {
content: "";
position: absolute;
display: block;
width: 250px;
height: 250px;
background: url(images/background_clients.webp) 0 0/100% no-repeat;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: -1
}

.static-wrapper.page--reklama .page__section .clients__slider {
width: 100%;
overflow-x: auto;
padding-bottom: 30px;
-ms-overflow-style: none;
scrollbar-width: none
}

.static-wrapper.page--reklama .page__section .clients__slider::-webkit-scrollbar {
display: none
}

.static-wrapper.page--reklama .clients__list {
display: block;
white-space: nowrap;
font-size: 0;
text-align: center
}

.static-wrapper.page--reklama .page__section .client {
display: inline-block;
width: 60%;
margin: 0 -30px 10px 20px;
vertical-align: middle;
text-align: left
}

.static-wrapper.page--reklama .page__section .client img {
max-width: 70%;
-o-object-fit: contain;
object-fit: contain;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}

.static-wrapper.page--reklama .page__section .client:hover img {
-webkit-transform: scale(1.05);
transform: scale(1.05)
}

.static-wrapper.page--reklama .section--contacts {
background: #fdf7f7;
box-sizing: border-box;
width: 100%;
padding-top: 20px
}

.static-wrapper.page--reklama .section--contacts h1.section__title {
text-align: center;
position: relative;
z-index: 1
}

.static-wrapper.page--reklama .section--contacts h1.section__title:after {
content: "";
position: absolute;
display: block;
width: 200px;
height: 200px;
background: url(images/background_contacts.webp) 0 0/100% no-repeat;
top: -17px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: -1
}

.static-wrapper.page--reklama .section--contacts p {
font-size: 18px;
text-align: center;
line-height: 1.6em;
padding-top: 20px;
padding-bottom: 20px;
z-index: 2
}

.static-wrapper.page--reklama .page__section .contacts__email {
text-decoration: none;
color: #000;
text-shadow: 0 0 1px #656161
}

.static-wrapper--our-partners ul.content li a {
color: #ef2559
}

.static-wrapper--privacy-policy {
font-size: 12px
}

.static-wrapper--privacy-policy a {
color: #ef2559
}

.static-wrapper--privacy-policy ol,
.static-wrapper--privacy-policy ul {
display: block;
list-style: initial;
width: 100%;
-webkit-margin-before: 1em;
margin-block-start: 1em;
-webkit-margin-after: 1em;
margin-block-end: 1em;
-webkit-margin-start: 0;
margin-inline-start: 0;
-webkit-margin-end: 0;
margin-inline-end: 0;
-webkit-padding-start: 40px;
padding-inline-start: 40px
}

.specials-wrapper {
width: 100%;
padding: 0 20px;
margin-bottom: 20px
}

.specials-wrapper h1.section__title {
position: relative;
font-family: sans-serif;
text-transform: uppercase;
text-align: center;
font-weight: 400;
font-size: 35px;
line-height: 1.2;
letter-spacing: -.07px;
text-shadow: 0 0 1px #000;
width: 100%;
margin-bottom: 0
}

.specials-wrapper h1.section__title:after {
content: "";
display: block;
position: absolute;
width: 90%;
height: 4px;
bottom: -10px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background: #61b1db
}

.specials-wrapper .special__description {
width: 100%;
margin: 30px auto
}

.specials-wrapper .special__description p {
font-family: sans-serif;
font-size: 18px;
line-height: 1.2;
letter-spacing: -.07px;
margin: 14px 0;
width: 100%
}

.specials-wrapper .glide--specials-page {
width: 100%
}

.specials-wrapper .special__articles .article {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-flow: column;
width: 100%
}

.specials-wrapper .special__articles .article a {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
min-height: 320px
}

.specials-wrapper .special__articles .article a:focus .article__box,
.specials-wrapper .special__articles .article a:hover .article__box {
-webkit-transform: scale(1.05);
transform: scale(1.05)
}

.specials-wrapper .special__articles .article__box {
color: #000;
background: #fff;
box-shadow: 0 0 24px -13px #343434;
max-width: 100%;
height: 280px;
margin: 12px;
-webkit-transition: -webkit-transform .2s ease-in-out;
transition: -webkit-transform .2s ease-in-out;
transition: transform .2s ease-in-out;
transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}

.specials-wrapper .special__articles .article__box .box__img {
padding: 10px;
width: 100%
}

.specials-wrapper .special__articles .article__box .box__img img {
max-width: 100%
}

.specials-wrapper .special__articles .article__box .box__title {
font-family: sans-serif;
text-transform: none;
text-align: left;
font-size: 16px;
line-height: 1.2;
letter-spacing: .5px;
white-space: normal;
text-shadow: 0 0 1px #656161;
width: 100%;
padding: 0 10px 10px
}

.error-wrapper {
box-sizing: border-box;
width: 100%;
padding: 0 20px
}

.error-wrapper .error__text {
font-size: 17px;
color: #383838;
font-weight: 700;
line-height: 1.47;
text-align: center;
margin: 30px 0
}

.error-wrapper .error__text a {
color: #ef2559
}

.error-wrapper .error__text:last-child {
margin: 20px 0
}

.error-wrapper .error__image {
display: block;
margin: 0 auto
}

.error-wrapper .error__image+.error__text {
margin: 20px 0
}

.author-wrapper {
width: 100%;
padding: 0 20px
}

.author-wrapper .author {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap;
-webkit-box-align: center;
align-items: center;
font-family: LetoSans, sans-serif;
width: 100%;
padding-bottom: 25px;
margin: 20px 0
}

.author-wrapper .author__avatar {
width: 54px;
height: 54px;
border-radius: 50%
}

.author-wrapper .author__info {
width: calc(100% - 54px);
padding-left: 15px
}

.author-wrapper .author__info .info__name {
font-size: 20px;
color: #383838;
text-shadow: 0 0 1px #757575;
margin: 0 0 3px
}

.author-wrapper .author__info .info__role {
font-size: 13px;
color: #757575
}

.author-wrapper .author__about {
position: relative;
font-size: 18px;
line-height: 1.2;
color: #383838;
width: 100%;
padding-top: 40px;
margin: 15px 0
}

.author-wrapper .author__about:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
border-bottom: 1px solid #757575;
width: 30%
}

.author-wrapper .author__socials {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
width: 100%
}

.author-wrapper .author__socials .socials__link {
display: block;
height: 35px;
width: 35px;
-webkit-transition: -webkit-transform .1s ease-in-out;
transition: -webkit-transform .1s ease-in-out;
transition: transform .1s ease-in-out;
transition: transform .1s ease-in-out, -webkit-transform .1s ease-in-out
}

.author-wrapper .author__socials .socials__link:focus,
.author-wrapper .author__socials .socials__link:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}

.author-wrapper .author__socials .socials__link--fb {
background: url(images/icon_color_facebook.svg) 50% no-repeat;
margin-right: 25px
}

.author-wrapper .author__socials .socials__link--insta {
background: url(images/icon_color_instagram.svg) 50% no-repeat
}

.banner_mob_300x100 {
text-align: center;
margin-top: 15px;
margin-bottom: 15px;
height: 100px
}

.banner_mob_300x250 {
width: 300px
}

.banner_mob_300x250,
.banner_mob_640x250 {
display: block;
overflow: hidden;
height: 250px;
margin: 15px auto
}

.banner_mob_640x250 {
width: 640px
}

.banner_mob_after_article {
width: 100%
}

.cookies-notice {
position: fixed;
bottom: 190px;
right: -700px;
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
background-color: hsla(0, 0%, 96.1%, .9);
color: #383838;
font-family: LetoSans, sans-serif;
font-size: 14px;
border: 1px solid #383838;
border-radius: 3px;
text-align: center;
padding: 10px 20px;
width: 100%;
z-index: 99999
}

.cookies-notice.is-loaded {
right: 0;
-webkit-animation: appear 1s;
animation: appear 1s
}

.cookies-notice.is-closing {
animation: appear 1s reverse;
right: -700px
}

.cookies-notice.is-closed {
display: none
}

.cookies-notice__link {
color: #ef2559;
text-decoration: underline;
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out
}

.cookies-notice__link:focus,
.cookies-notice__link:hover {
opacity: .8
}

.cookies-notice__link:after {
content: none
}

body {
background: #ffffff !important;
}

.cookies-notice__button {
position: relative;
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
justify-content: space-around;
-webkit-box-align: center;
align-items: center;
font-family: LetoSans, sans-serif;
color: #fff;
font-size: 14px;
border: 0;
border-radius: 3px;
background: #ef2559;
-webkit-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
height: 40px;
width: 90%;
margin-top: 12px
}

.cookies-notice__button:hover {
-webkit-transform: scale(1.03);
transform: scale(1.03)
}

.cookies-notice__button:active {
opacity: .8
}

.cookies-notice__button:before {
content: "";
background: no-repeat 50%/100% url(images/icon_cookie.svg);
display: block;
-webkit-filter: invert(1);
filter: invert(1);
position: absolute;
left: 10px;
height: 30px;
width: 30px
}

@-webkit-keyframes appear {
0% {
    right: -700px
}

to {
    right: 20px
}
}

@keyframes appear {
0% {
    right: -700px
}

to {
    right: 20px
}
}

.header__spec-projects-list {

text-align: left !important;
}

.topbar__logo-panel {
padding-top: 20px;
width: calc(100% - 112px);
text-align: center;
}

.header__spec-projects-list {

align-items: flex-start !important;
}


@media (max-width: 900px) {
.main {
    margin-top: 5px !important;
}
}

@media (max-width: 900px) {
.header-mobile {
    display: none !important;
}
}

.search__result-title {
text-align: center;
color: #000;
font-weight: 700;
padding-top: 20px;
font-size: 30px;
}

.search__result-text {
text-align: center;
max-width: 520px;
margin: 0 auto;
margin-bottom: 15px;
}