/*! normalize.sass v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

.a-face__buttons:after,
.a-face__buttons:before,
.a-face__type:after,
.a-face__type:before,
.a-show:after,
.a-show:before,
.c-contacts:after,
.c-contacts:before,
.card-event__operas:after,
.card-event__operas:before,
.card-program:after,
.card-program:before,
.card-top__media:after,
.card-top__media:before,
.clear:after,
.clear:before,
.desktop-footer:after,
.desktop-footer:before,
.df-about-nav:after,
.df-about-nav:before,
.df-main-nav>ul>li:last-child>ul:after,
.df-main-nav>ul>li:last-child>ul:before,
.event-group:after,
.event-group:before,
.events-mdate:after,
.events-mdate:before,
.evt-mlist:after,
.evt-mlist:before,
.home-about:after,
.home-about:before,
.home-about__text:after,
.home-about__text:before,
.hs-d__body:after,
.hs-d__body:before,
.hs-d__top:after,
.hs-d__top:before,
.mf-social:after,
.mf-social:before,
.nlist:after,
.nlist:before,
.p-item__text:after,
.p-item__text:before,
.personel-big:after,
.personel-big:before,
.single-post-content:after,
.single-post-content:before,
.subscribe form:after,
.subscribe form:before,
.the-post__content:after,
.the-post__content:before,
.ue-fil-two:after,
.ue-fil-two:before,
.wrap-2:after,
.wrap-2:before,
.wrap-3:after,
.wrap-3:before {
    content: "";
    display: table;
    clear: both
}

@font-face {
    font-family: Raleway;
    src: local("Raleway Thin"), local("Raleway-Thin"), url(fonts/raleway/ralewaythin.woff2) format("woff2"), url(fonts/raleway/ralewaythin.woff) format("woff"), url(fonts/raleway/ralewaythin.ttf) format("truetype");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    src: local("Raleway Thin Italic"), local("Raleway-ThinItalic"), url(fonts/raleway/ralewaythinitalic.woff2) format("woff2"), url(fonts/raleway/ralewaythinitalic.woff) format("woff"), url(fonts/raleway/ralewaythinitalic.ttf) format("truetype");
    font-weight: 100;
    font-style: italic
}

@font-face {
    font-family: Raleway;
    src: local("Raleway ExtraLight"), local("Raleway-ExtraLight"), url(fonts/raleway/ralewayextralight.woff2) format("woff2"), url(fonts/raleway/ralewayextralight.woff) format("woff"), url(fonts/raleway/ralewayextralight.ttf) format("truetype");
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    src: local("Raleway ExtraLight Italic"), local("Raleway-ExtraLightItalic"), url(fonts/raleway/ralewayextralightitalic.woff2) format("woff2"), url(fonts/raleway/ralewayextralightitalic.woff) format("woff"), url(fonts/raleway/ralewayextralightitalic.ttf) format("truetype");
    font-weight: 200;
    font-style: italic
}

@font-face {
    font-family: Raleway;
    src: local("Raleway Light"), local("Raleway-Light"), url(fonts/raleway/ralewaylight.woff2) format("woff2"), url(fonts/raleway/ralewaylight.woff) format("woff"), url(fonts/raleway/ralewaylight.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    src: local("Raleway Light Italic"), local("Raleway-LightItalic"), url(fonts/raleway/ralewaylightitalic.woff2) format("woff2"), url(fonts/raleway/ralewaylightitalic.woff) format("woff"), url(fonts/raleway/ralewaylightitalic.ttf) format("truetype");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: Raleway;
    src: local("Raleway Regular"), local("Raleway-Regular"), url(fonts/raleway/ralewayregular.woff2) format("woff2"), url(fonts/raleway/ralewayregular.woff) format("woff"), url(fonts/raleway/ralewayregular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    src: local("Raleway Italic"), local("Raleway-Italic"), url(fonts/raleway/ralewayitalic.woff2) format("woff2"), url(fonts/raleway/ralewayitalic.woff) format("woff"), url(fonts/raleway/ralewayitalic.ttf) format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: Raleway;
    src: local("Raleway Medium"), local("Raleway-Medium"), url(fonts/raleway/ralewaymedium.woff2) format("woff2"), url(fonts/raleway/ralewaymedium.woff) format("woff"), url(fonts/raleway/ralewaymedium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    src: local("Raleway Medium Italic"), local("Raleway-MediumItalic"), url(fonts/raleway/ralewaymediumitalic.woff2) format("woff2"), url(fonts/raleway/ralewaymediumitalic.woff) format("woff"), url(fonts/raleway/ralewaymediumitalic.ttf) format("truetype");
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: Raleway;
    src: local("Raleway SemiBold"), local("Raleway-SemiBold"), url(fonts/raleway/ralewaysemibold.woff2) format("woff2"), url(fonts/raleway/ralewaysemibold.woff) format("woff"), url(fonts/raleway/ralewaysemibold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    src: local("Raleway SemiBold Italic"), local("Raleway-SemiBoldItalic"), url(fonts/raleway/ralewaysemibolditalic.woff2) format("woff2"), url(fonts/raleway/ralewaysemibolditalic.woff) format("woff"), url(fonts/raleway/ralewaysemibolditalic.ttf) format("truetype");
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: Raleway;
    src: local("Raleway Bold"), local("Raleway-Bold"), url(fonts/raleway/ralewaybold.woff2) format("woff2"), url(fonts/raleway/ralewaybold.woff) format("woff"), url(fonts/raleway/ralewaybold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    src: local("Raleway Bold Italic"), local("Raleway-BoldItalic"), url(fonts/raleway/ralewaybolditalic.woff2) format("woff2"), url(fonts/raleway/ralewaybolditalic.woff) format("woff"), url(fonts/raleway/ralewaybolditalic.ttf) format("truetype");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: Raleway;
    src: local("Raleway ExtraBold"), local("Raleway-ExtraBold"), url(fonts/raleway/ralewayextrabold.woff2) format("woff2"), url(fonts/raleway/ralewayextrabold.woff) format("woff"), url(fonts/raleway/ralewayextrabold.ttf) format("truetype");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    src: local("Raleway ExtraBold Italic"), local("Raleway-ExtraBoldItalic"), url(fonts/raleway/ralewayextrabolditalic.woff2) format("woff2"), url(fonts/raleway/ralewayextrabolditalic.woff) format("woff"), url(fonts/raleway/ralewayextrabolditalic.ttf) format("truetype");
    font-weight: 800;
    font-style: italic
}

@font-face {
    font-family: Raleway;
    src: local("Raleway Black"), local("Raleway-Black"), url(fonts/raleway/ralewayblack.woff2) format("woff2"), url(fonts/raleway/ralewayblack.woff) format("woff"), url(fonts/raleway/ralewayblack.ttf) format("truetype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    src: local("Raleway Black Italic"), local("Raleway-BlackItalic"), url(fonts/raleway/ralewayblackitalic.woff2) format("woff2"), url(fonts/raleway/ralewayblackitalic.woff) format("woff"), url(fonts/raleway/ralewayblackitalic.ttf) format("truetype");
    font-weight: 900;
    font-style: italic
}

@font-face {
    font-family: Lora-Regular;
    src: url(fonts/lora/Lora-Regular.eot);
    src: local("☺"), url(fonts/lora/Lora-Regular.woff) format("woff"), url(fonts/lora/Lora-Regular.ttf) format("truetype"), url(fonts/lora/Lora-Regular.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Lora-Regular;
    src: url(fonts/lora/Lora-Italic.eot);
    src: local("☺"), url(fonts/lora/Lora-Italic.woff) format("woff"), url(fonts/lora/Lora-Italic.ttf) format("truetype"), url(fonts/lora/Lora-Italic.svg) format("svg");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: Lora-Regular;
    src: url(fonts/lora/Lora-Bold.eot);
    src: local("☺"), url(fonts/lora/Lora-Bold.woff) format("woff"), url(fonts/lora/Lora-Bold.ttf) format("truetype"), url(fonts/lora/Lora-Bold.svg) format("svg");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Lora-Regular;
    src: url(fonts/lora/Lora-BoldItalic.eot);
    src: local("☺"), url(fonts/lora/Lora-BoldItalic.woff) format("woff"), url(fonts/lora/Lora-BoldItalic.ttf) format("truetype"), url(fonts/lora/Lora-BoldItalic.svg) format("svg");
    font-weight: 700;
    font-style: italic
}

@-webkit-keyframes a {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes a {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes b {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes b {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes c {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-40px, 0, 0);
        transform: translate3d(-40px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes c {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-40px, 0, 0);
        transform: translate3d(-40px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes d {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(40px, 0, 0);
        transform: translate3d(40px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes d {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(40px, 0, 0);
        transform: translate3d(40px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes e {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes e {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

.has-a {
    transition: all .65s ease .25s
}

.ue-filters {
    transition: opacity 1.5s, -webkit-transform 1.5s;
    transition: transform 1.5s, opacity 1.5s;
    transition: transform 1.5s, opacity 1.5s, -webkit-transform 1.5s
}

.ue-filters.has-a__begin {
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    opacity: 0
}

.ue-filters.has-a__begin .fil-one-b.active:before,
.ue-filters.has-a__begin .fil-two-b.active:before {
    width: 0
}

.up-event-slider.has-a {
    transition: all 1.5s
}

.up-event-slider.has-a.has-a__begin {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0)
}

.home-about .o-title,
.home-about .tac,
.home-about h2,
.home-about p {
    transition: all 1.5s
}

.home-about h2 {
    transition-delay: .3s
}

.home-about p {
    transition-delay: .6s
}

.home-about .tac {
    transition-delay: .9s
}

@media screen and (min-width:960px) {

    .home-about .has-a__begin .o-title,
    .home-about .has-a__begin .tac,
    .home-about .has-a__begin h2,
    .home-about .has-a__begin p {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }
}

.home-about__card {
    transition: opacity 1s, -webkit-transform 1s;
    transition: transform 1s, opacity 1s;
    transition: transform 1s, opacity 1s, -webkit-transform 1s
}

@media screen and (min-width:960px) {
    .home-about__card.has-a__begin {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .home-about__card.has-a__begin:before {
        width: 0;
        opacity: 0
    }
}

.hs-d__slide.active.has-a__begin:after {
    height: 0
}

.hs-d__slide.active.has-a__begin:before {
    width: 0
}

.hs-d__slide.active.has-a__begin .hs-d__caption {
    opacity: 0
}

.hs-d__slide.active.has-a__begin .hs-d__image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.p-item__wrap.has-a__begin .p-item__line--l1,
.p-item__wrap.has-a__begin .p-item__line--l3 {
    width: 0
}

.p-item__wrap.has-a__begin .p-item__line--l2,
.p-item__wrap.has-a__begin .p-item__line--l4 {
    height: 0
}

@media screen and (min-width:960px) {
    .home-news .o-title.has-a__begin:after {
        width: 0
    }
}

.subscribe__field,
.subscribe__submit,
.subscribe__text {
    transition: opacity 1s ease, -webkit-transform 1s ease;
    transition: opacity 1s ease, transform 1s ease;
    transition: opacity 1s ease, transform 1s ease, -webkit-transform 1s ease
}

.subscribe__field {
    transition-delay: .5s
}

.subscribe__submit {
    transition-delay: 1s
}

.subscribe.has-a__begin .subscribe__field,
.subscribe.has-a__begin .subscribe__submit,
.subscribe.has-a__begin .subscribe__text {
    opacity: 0;
    -webkit-transform: translate3d(-30px, 0, 0);
    transform: translate3d(-30px, 0, 0)
}

.subscribe.has-a__begin .subscribe__field:after {
    width: 0
}

.df-col {
    transition: all 1s ease
}

.df-col--two {
    transition-delay: .5s
}

.df-col--three {
    transition-delay: 1s
}

.df-col.has-a__begin,
.has-a__fadeInUp {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0)
}

.events-block .has-a,
.rep-list.has-a {
    transition-delay: .35s
}

._wrap {
    margin-left: auto;
    margin-right: auto;
    max-width: 1350px;
    padding-left: 20px;
    padding-right: 20px
}

* {
    box-sizing: border-box
}

.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list,
.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -ms-flex-align: start;
    align-items: flex-start;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: 50%;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: hsla(0, 0%, 100%, .5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube,
.swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: f 1s steps(12) infinite;
    animation: f 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes f {
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes f {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative
}

.scroll-wrapper>.scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important
}

.scroll-wrapper>.scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0
}

.scroll-wrapper.scroll--rtl {
    direction: rtl
}

.scroll-element {
    display: none
}

.scroll-element,
.scroll-element div {
    box-sizing: content-box
}

.scroll-element .scroll-arrow,
.scroll-element .scroll-bar {
    cursor: default
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block
}

.scroll-textarea {
    border: 1px solid #ccc;
    border-top-color: #999
}

.scroll-textarea>.scroll-content {
    overflow: hidden !important
}

.scroll-textarea>.scroll-content>textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important
}

.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar {
    height: 0;
    width: 0
}

.scrollbar-inner>.scroll-element,
.scrollbar-inner>.scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10
}

.scrollbar-inner>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.scrollbar-inner>.scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%
}

.scrollbar-inner>.scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 8px
}

.scrollbar-inner>.scroll-element .scroll-element_outer {
    overflow: hidden
}

.scrollbar-inner>.scroll-element .scroll-bar,
.scrollbar-inner>.scroll-element .scroll-element_outer,
.scrollbar-inner>.scroll-element .scroll-element_track {
    border-radius: 8px
}

.scrollbar-inner>.scroll-element .scroll-bar,
.scrollbar-inner>.scroll-element .scroll-element_track {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: .4
}

.scrollbar-inner>.scroll-element .scroll-element_track {
    background-color: #e0e0e0
}

.scrollbar-inner>.scroll-element .scroll-bar {
    background-color: #c2c2c2
}

.scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar,
.scrollbar-inner>.scroll-element:hover .scroll-bar {
    background-color: #919191
}

.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -12px
}

.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -12px
}

.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -12px
}

.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -12px
}

.scrollbar-outer>.scroll-element,
.scrollbar-outer>.scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10
}

.scrollbar-outer>.scroll-element {
    background-color: #fff
}

.scrollbar-outer>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.scrollbar-outer>.scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    width: 100%
}

.scrollbar-outer>.scroll-element.scroll-y {
    height: 100%;
    right: 0;
    top: 0;
    width: 12px
}

.scrollbar-outer>.scroll-element.scroll-x .scroll-element_outer {
    height: 8px;
    top: 2px
}

.scrollbar-outer>.scroll-element.scroll-y .scroll-element_outer {
    left: 2px;
    width: 8px
}

.scrollbar-outer>.scroll-element .scroll-element_outer {
    overflow: hidden
}

.scrollbar-outer>.scroll-element .scroll-element_track {
    background-color: #eee
}

.scrollbar-outer>.scroll-element .scroll-bar,
.scrollbar-outer>.scroll-element .scroll-element_outer,
.scrollbar-outer>.scroll-element .scroll-element_track {
    border-radius: 8px
}

.scrollbar-outer>.scroll-element .scroll-bar {
    background-color: #d9d9d9
}

.scrollbar-outer>.scroll-element .scroll-bar:hover {
    background-color: #c2c2c2
}

.scrollbar-outer>.scroll-element.scroll-draggable .scroll-bar {
    background-color: #919191
}

.scrollbar-outer>.scroll-content.scroll-scrolly_visible {
    left: -12px;
    margin-left: 12px
}

.scrollbar-outer>.scroll-content.scroll-scrollx_visible {
    top: -12px;
    margin-top: 12px
}

.scrollbar-outer>.scroll-element.scroll-x .scroll-bar {
    min-width: 10px
}

.scrollbar-outer>.scroll-element.scroll-y .scroll-bar {
    min-height: 10px
}

.scrollbar-outer>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -14px
}

.scrollbar-outer>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -14px
}

.scrollbar-outer>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -14px
}

.scrollbar-outer>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -14px
}

.scrollbar-macosx>.scroll-element,
.scrollbar-macosx>.scroll-element div {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10
}

.scrollbar-macosx>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.scrollbar-macosx>.scroll-element .scroll-element_track {
    display: none
}

.scrollbar-macosx>.scroll-element .scroll-bar {
    background-color: #6c6e71;
    display: block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    border-radius: 7px;
    transition: opacity .2s linear
}

.scrollbar-macosx:hover>.scroll-element .scroll-bar,
.scrollbar-macosx>.scroll-element.scroll-draggable .scroll-bar {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: .7
}

.scrollbar-macosx>.scroll-element.scroll-x {
    bottom: 0;
    height: 0;
    left: 0;
    min-width: 100%;
    overflow: visible;
    width: 100%
}

.scrollbar-macosx>.scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 0
}

.scrollbar-macosx>.scroll-element.scroll-x .scroll-bar {
    height: 7px;
    min-width: 10px;
    top: -9px
}

.scrollbar-macosx>.scroll-element.scroll-y .scroll-bar {
    left: -9px;
    min-height: 10px;
    width: 7px
}

.scrollbar-macosx>.scroll-element.scroll-x .scroll-element_outer {
    left: 2px
}

.scrollbar-macosx>.scroll-element.scroll-x .scroll-element_size {
    left: -4px
}

.scrollbar-macosx>.scroll-element.scroll-y .scroll-element_outer {
    top: 2px
}

.scrollbar-macosx>.scroll-element.scroll-y .scroll-element_size {
    top: -4px
}

.scrollbar-macosx>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -11px
}

.scrollbar-macosx>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -11px
}

.scrollbar-light>.scroll-element,
.scrollbar-light>.scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10
}

.scrollbar-light>.scroll-element {
    background-color: #fff
}

.scrollbar-light>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.scrollbar-light>.scroll-element .scroll-element_outer {
    border-radius: 10px
}

.scrollbar-light>.scroll-element .scroll-element_size {
    background: #dbdbdb;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
    background: linear-gradient(90deg, #dbdbdb 0, #e8e8e8);
    border-radius: 10px
}

.scrollbar-light>.scroll-element.scroll-x {
    bottom: 0;
    height: 17px;
    left: 0;
    min-width: 100%;
    width: 100%
}

.scrollbar-light>.scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 17px
}

.scrollbar-light>.scroll-element .scroll-bar {
    background: #fefefe;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
    background: linear-gradient(90deg, #fefefe 0, #f5f5f5);
    border: 1px solid #dbdbdb;
    border-radius: 10px
}

.scrollbar-light>.scroll-content.scroll-scrolly_visible {
    left: -17px;
    margin-left: 17px
}

.scrollbar-light>.scroll-content.scroll-scrollx_visible {
    top: -17px;
    margin-top: 17px
}

.scrollbar-light>.scroll-element.scroll-x .scroll-bar {
    height: 10px;
    min-width: 10px;
    top: 0
}

.scrollbar-light>.scroll-element.scroll-y .scroll-bar {
    left: 0;
    min-height: 10px;
    width: 10px
}

.scrollbar-light>.scroll-element.scroll-x .scroll-element_outer {
    height: 12px;
    left: 2px;
    top: 2px
}

.scrollbar-light>.scroll-element.scroll-x .scroll-element_size {
    left: -4px
}

.scrollbar-light>.scroll-element.scroll-y .scroll-element_outer {
    left: 2px;
    top: 2px;
    width: 12px
}

.scrollbar-light>.scroll-element.scroll-y .scroll-element_size {
    top: -4px
}

.scrollbar-light>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -19px
}

.scrollbar-light>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -19px
}

.scrollbar-light>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -19px
}

.scrollbar-light>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -19px
}

.scrollbar-rail>.scroll-element,
.scrollbar-rail>.scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10
}

.scrollbar-rail>.scroll-element {
    background-color: #fff
}

.scrollbar-rail>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.scrollbar-rail>.scroll-element .scroll-element_size {
    background-color: #999;
    background-color: rgba(0, 0, 0, .3)
}

.scrollbar-rail>.scroll-element .scroll-element_outer:hover .scroll-element_size {
    background-color: #666;
    background-color: rgba(0, 0, 0, .5)
}

.scrollbar-rail>.scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    min-width: 100%;
    padding: 3px 0 2px;
    width: 100%
}

.scrollbar-rail>.scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    padding: 0 2px 0 3px;
    right: 0;
    top: 0;
    width: 12px
}

.scrollbar-rail>.scroll-element .scroll-bar {
    background-color: #d0b9a0;
    border-radius: 2px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .5)
}

.scrollbar-rail>.scroll-element .scroll-element_outer:hover .scroll-bar {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .6)
}

.scrollbar-rail>.scroll-content.scroll-scrolly_visible {
    left: -17px;
    margin-left: 17px
}

.scrollbar-rail>.scroll-content.scroll-scrollx_visible {
    margin-top: 17px;
    top: -17px
}

.scrollbar-rail>.scroll-element.scroll-x .scroll-bar {
    height: 10px;
    min-width: 10px;
    top: 1px
}

.scrollbar-rail>.scroll-element.scroll-y .scroll-bar {
    left: 1px;
    min-height: 10px;
    width: 10px
}

.scrollbar-rail>.scroll-element.scroll-x .scroll-element_outer {
    height: 15px;
    left: 5px
}

.scrollbar-rail>.scroll-element.scroll-x .scroll-element_size {
    height: 2px;
    left: -10px;
    top: 5px
}

.scrollbar-rail>.scroll-element.scroll-y .scroll-element_outer {
    top: 5px;
    width: 15px
}

.scrollbar-rail>.scroll-element.scroll-y .scroll-element_size {
    left: 5px;
    top: -10px;
    width: 2px
}

.scrollbar-rail>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -25px
}

.scrollbar-rail>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -25px
}

.scrollbar-rail>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -25px
}

.scrollbar-rail>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -25px
}

.scrollbar-dynamic>.scroll-element,
.scrollbar-dynamic>.scroll-element div {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10
}

.scrollbar-dynamic>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.scrollbar-dynamic>.scroll-element.scroll-x {
    bottom: 2px;
    height: 7px;
    left: 0;
    min-width: 100%;
    width: 100%
}

.scrollbar-dynamic>.scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 2px;
    top: 0;
    width: 7px
}

.scrollbar-dynamic>.scroll-element .scroll-element_outer {
    opacity: .3;
    border-radius: 12px
}

.scrollbar-dynamic>.scroll-element .scroll-element_size {
    background-color: #ccc;
    opacity: 0;
    border-radius: 12px;
    transition: opacity .2s
}

.scrollbar-dynamic>.scroll-element .scroll-bar {
    background-color: #6c6e71;
    border-radius: 7px
}

.scrollbar-dynamic>.scroll-element.scroll-x .scroll-bar {
    bottom: 0;
    height: 7px;
    min-width: 24px;
    top: auto
}

.scrollbar-dynamic>.scroll-element.scroll-y .scroll-bar {
    left: auto;
    min-height: 24px;
    right: 0;
    width: 7px
}

.scrollbar-dynamic>.scroll-element.scroll-x .scroll-element_outer {
    bottom: 0;
    top: auto;
    left: 2px;
    transition: height .2s
}

.scrollbar-dynamic>.scroll-element.scroll-y .scroll-element_outer {
    left: auto;
    right: 0;
    top: 2px;
    transition: width .2s
}

.scrollbar-dynamic>.scroll-element.scroll-x .scroll-element_size {
    left: -4px
}

.scrollbar-dynamic>.scroll-element.scroll-y .scroll-element_size {
    top: -4px
}

.scrollbar-dynamic>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -11px
}

.scrollbar-dynamic>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -11px
}

.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer,
.scrollbar-dynamic>.scroll-element:hover .scroll-element_outer {
    overflow: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: .7
}

.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic>.scroll-element:hover .scroll-element_outer .scroll-element_size {
    opacity: 1
}

.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer .scroll-bar,
.scrollbar-dynamic>.scroll-element:hover .scroll-element_outer .scroll-bar {
    height: 100%;
    width: 100%;
    border-radius: 12px
}

.scrollbar-dynamic>.scroll-element.scroll-x.scroll-draggable .scroll-element_outer,
.scrollbar-dynamic>.scroll-element.scroll-x:hover .scroll-element_outer {
    height: 20px;
    min-height: 7px
}

.scrollbar-dynamic>.scroll-element.scroll-y.scroll-draggable .scroll-element_outer,
.scrollbar-dynamic>.scroll-element.scroll-y:hover .scroll-element_outer {
    min-width: 7px;
    width: 20px
}

.scrollbar-chrome>.scroll-element,
.scrollbar-chrome>.scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10
}

.scrollbar-chrome>.scroll-element {
    background-color: #fff
}

.scrollbar-chrome>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.scrollbar-chrome>.scroll-element .scroll-element_track {
    background: #f1f1f1;
    border: 1px solid #dbdbdb
}

.scrollbar-chrome>.scroll-element.scroll-x {
    bottom: 0;
    height: 16px;
    left: 0;
    min-width: 100%;
    width: 100%
}

.scrollbar-chrome>.scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 16px
}

.scrollbar-chrome>.scroll-element .scroll-bar {
    background-color: #d9d9d9;
    border: 1px solid #bdbdbd;
    cursor: default;
    border-radius: 2px
}

.scrollbar-chrome>.scroll-element .scroll-bar:hover {
    background-color: #c2c2c2;
    border-color: #a9a9a9
}

.scrollbar-chrome>.scroll-element.scroll-draggable .scroll-bar {
    background-color: #919191;
    border-color: #7e7e7e
}

.scrollbar-chrome>.scroll-content.scroll-scrolly_visible {
    left: -16px;
    margin-left: 16px
}

.scrollbar-chrome>.scroll-content.scroll-scrollx_visible {
    top: -16px;
    margin-top: 16px
}

.scrollbar-chrome>.scroll-element.scroll-x .scroll-bar {
    height: 8px;
    min-width: 10px;
    top: 3px
}

.scrollbar-chrome>.scroll-element.scroll-y .scroll-bar {
    left: 3px;
    min-height: 10px;
    width: 8px
}

.scrollbar-chrome>.scroll-element.scroll-x .scroll-element_outer {
    border-left: 1px solid #dbdbdb
}

.scrollbar-chrome>.scroll-element.scroll-x .scroll-element_track {
    height: 14px;
    left: -3px
}

.scrollbar-chrome>.scroll-element.scroll-x .scroll-element_size {
    height: 14px;
    left: -4px
}

.scrollbar-chrome>.scroll-element.scroll-y .scroll-element_outer {
    border-top: 1px solid #dbdbdb
}

.scrollbar-chrome>.scroll-element.scroll-y .scroll-element_track {
    top: -3px;
    width: 14px
}

.scrollbar-chrome>.scroll-element.scroll-y .scroll-element_size {
    top: -4px;
    width: 14px
}

.scrollbar-chrome>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -19px
}

.scrollbar-chrome>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -19px
}

.scrollbar-chrome>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -19px
}

.scrollbar-chrome>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -19px
}

i {
    display: inline-block;
    vertical-align: middle
}

html.menu-active,
html.no-scroll {
    overflow-y: scroll
}

html.menu-active body,
html.no-scroll body {
    overflow: hidden
}

html {
    font: 100%/1.4 Raleway, sans-serif
}

html.menu-active .hamburger:after,
html.menu-active .hamburger:before,
html.menu-active .hamburger span {
    background: #fff
}

html.menu-active .m-menu {
    color: #fff
}

body {
    background: #efebe8;
    color: #282828;
    line-height: 1.44444;
    position: relative
}

body.modal-open {
    overflow: hidden
}

@media screen and (min-width:1200px) {
    body.modal-open {
        padding-right: 17px
    }
}

svg {
    fill: currentColor
}

body,
html {
    height: 100%
}

* {
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

input[placeholder] {
    text-overflow: ellipsis
}

input:-moz-placeholder,
input::-moz-placeholder {
    text-overflow: ellipsis
}

input:-ms-input-placeholder {
    text-overflow: ellipsis
}

.alignleft {
    display: inline;
    float: left;
    margin: 8px 20px 10px 0
}

.alignright {
    display: inline;
    float: right;
    margin: 8px 0 10px 20px
}

.aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: block;
    clear: both
}

p {
    margin: 0 0 1em;
    color: #282828;
    font-size: 18px;
    line-height: 1.6
}

html {
    box-sizing: border-box
}

*,
:after,
:before {
    box-sizing: inherit
}

body {
    -webkit-font-smoothing: antialiased
}

*,
:after,
:before {
    -webkit-font-smoothing: inherit
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 1em;
    font-weight: 400;
    margin: 0
}

b {
    font-weight: 400
}

button,
label,
option,
select {
    cursor: pointer
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

[type=button],
[type=reset],
[type=submit],
button {
    background: transparent;
    border: 0;
    color: inherit;
    font: inherit;
    margin: 0;
    padding: 0;
    width: auto;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border: 0
}

p:first-of-type {
    margin-top: 0
}

p:last-of-type {
    margin-bottom: 0
}

img,
video {
    max-width: 100%;
    height: auto
}

figure {
    margin: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #282828;
    margin-bottom: 1em
}

.page-template-default article {
    padding: 0 15px;
}

article h1 {
    font-size: 2em;
    font-weight: 700
}

article h2 {
    font-size: 1.5em;
    font-weight: 700
}

article h3 {
    font-size: 1.17em;
    font-weight: 700
}

article h5 {
    font-size: .83em;
    font-weight: 700
}

article h6 {
    font-size: .67em;
    font-weight: 700
}

*,
:after,
:before {
    box-sizing: border-box
}

ul {
    padding: 0;
    margin: 0
}

li,
ul {
    list-style: none
}

article ol,
article ul {
    margin: 20px 0 20px 20px;
    padding: 0
}

article ol>li,
article ul>li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 5px;
    color: #282828
}

article ol>li:before,
article ul>li:before {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    left: 0;
    top: 9px;
    background: #282828
}

em {
    font-style: italic
}

b,
strong {
    font-weight: 700
}

a {
    border: 0;
    color: #4169e1;
    text-decoration: none;
    transition: color .4s ease-out
}

a:focus,
a:hover {
    color: #1d44b8
}

.btn {
    display: inline-block;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    position: relative;
    text-align: center
}

.btn,
.btn:focus,
.btn:hover {
    color: #fff
}

.btn--type1 {
    border: 1px solid #c39c81;
    height: 46px;
    padding: 16px 30px;
    transition: background .3s ease-in-out
}

.btn--type1:focus,
.btn--type1:hover {
    background: #a38246
}

.btn--type2 {
    position: relative;
    height: 46px;
    padding: 16px 30px;
    transition: color .3s ease-in-out
}

.btn--type2:focus:before,
.btn--type2:hover:before {
    right: 20px
}

.btn--type2:before {
    right: 130px;
    width: 30px;
    height: 1px;
    background: #fff;
    transition: all .6s ease-in-out
}

.btn--type2:after,
.btn--type2:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

.btn--type2:after {
    right: 20px;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff
}

.btn--type3 {
    height: 46px;
    padding: 16px 30px;
    transition: color .3s ease-in-out;
    background: #9e7940
}

.btn--type3:focus:before,
.btn--type3:hover:before {
    left: 125px
}

.btn--type3:before {
    left: -10px;
    width: 30px;
    height: 1px;
    background: #fff;
    transition: all .6s ease-in-out
}

.btn--type3:after,
.btn--type3:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

.btn--type3:after {
    right: 20px;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff
}

.btn--type4 {

    padding: 15px 30px;
    border: 2px solid #9e7940;
    transition: color .15s
}

.btn--type4 span {
    position: relative;
    z-index: 1
}

.btn--type4:after,
.btn--type4:before {
    content: "";
    transition: width .5s cubic-bezier(.645, .045, .355, 1)
}

.btn--type4:before {
    left: 0
}

.btn--type4:after,
.btn--type4:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 51%;
    background: #9e7940;
    /*z-index: -1;*/
    z-index: auto;
}

.btn--type4:after {
    right: 0
}

.btn--type4:focus:after,
.btn--type4:focus:before,
.btn--type4:hover:after,
.btn--type4:hover:before {
    width: 0
}

.tac {
    text-align: center
}

.pipe {
    font-style: normal
}

.btn-arrow {
    display: inline-block;
    color: #363636;
    font-weight: 500;
    padding: 0 18px 0 44px;
    position: relative;
    height: 20px
}

.btn-arrow:before {
    content: "";
    position: absolute;
    left: 0;
    top: 60%;
    width: 30px;
    height: 1px;
    background: #363636;
    transition: all .5s
}

.btn-arrow:after {
    content: "";
    position: absolute;
    top: 45%;
    right: 0;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-bottom: 1px solid #363636;
    border-right: 1px solid #363636
}

.btn-arrow:focus,
.btn-arrow:hover {
    color: #363636
}

.btn-arrow:focus:before,
.btn-arrow:hover:before {
    left: calc(100% - 14px);
    width: 15px
}

.o-title {
    color: #b59b6e;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 16px;
    letter-spacing: 1px
}

.btn-bb {
    display: inline-block;
    position: relative;
    padding-bottom: 10px
}

.btn-bb:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 30px;
    background: #efebe8;
    transition: width .6s cubic-bezier(1, 0, 0, 1)
}

.btn-bb:focus:after,
.btn-bb:hover:after {
    width: 100%
}

.btn-yl {
    display: inline-block;
    position: relative;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    border: 2px solid #b59b6e;
    overflow: hidden;
    letter-spacing: 2px
}

.btn-yl .hover-out {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #b59b6e;
    color: #fff;
    z-index: 8;
    padding-top: 18px;
    transition: -webkit-transform .5s cubic-bezier(.165, .84, .44, 1);
    transition: transform .5s cubic-bezier(.165, .84, .44, 1);
    transition: transform .5s cubic-bezier(.165, .84, .44, 1), -webkit-transform .5s cubic-bezier(.165, .84, .44, 1)
}

.btn-yl .hover-in {
    padding: 0 40px;
    height: 48px;
    color: #fff;
    padding-top: 18px;
    display: block;
    color: #b59b6e;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    transition: -webkit-transform .8s cubic-bezier(.165, .84, .44, 1);
    transition: transform .8s cubic-bezier(.165, .84, .44, 1);
    transition: transform .8s cubic-bezier(.165, .84, .44, 1), -webkit-transform .8s cubic-bezier(.165, .84, .44, 1)
}

.btn-yl:focus .hover-out,
.btn-yl:hover .hover-out {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.btn-yl:focus .hover-in,
.btn-yl:hover .hover-in {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.p-title {
    text-align: center;
    font-size: 25px;
    line-height: 1;
    font-family: Lora-Regular, sans-serif;
    text-transform: uppercase;
    padding: 32px 0;
    letter-spacing: 2px;
    margin-bottom: 0;
    font-weight: 500
}

@media screen and (min-width:960px) {
    .p-title {
        font-size: 45px;
        padding: 60px 0 45px
    }
}

.p-title--news {
    text-transform: none;
    font-size: 32px
}

.invis {
    opacity: 0
}

.wrap-2 {
    max-width: 960px;
    margin: auto;
    padding-left: 25px;
    padding-right: 25px
}

@media screen and (min-width:1300px) {
    .wrap-2 {
        max-width: 1350px
    }
}

.wrap-3 {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px
}

@media screen and (min-width:1300px) {
    .wrap-3 {
        max-width: 1390px
    }
}

.bc-3 {
    padding-bottom: 35px
}

@media screen and (min-width:768px) {
    .bc-3 {
        padding-bottom: 50px
    }
}

.breadcrumbs {
    color: #8b8b8b;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px
}

@media screen and (max-width:959px) {
    .breadcrumbs {
        display: none
    }
}

.breadcrumbs span {
    vertical-align: middle
}

.breadcrumbs .divider {
    margin: 0 10px
}

.breadcrumbs a {
    color: #2a2a2a
}

.f-select .current {
    padding: 27px 0 0 18px;
    text-transform: uppercase;
    color: #282828;
    font-weight: 600;
    position: relative
}

.f-select .current:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 33px;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid #282828;
    border-right: 1px solid #282828;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.f-select .current.is-open:after {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.f-select>ul {
    border-top: 1px solid #c7c4c2;
    background: #fff;
    display: none
}

.f-select>ul>li {
    padding: 20px;
    font-size: 14px;
    font-weight: 600;
    position: relative
}

.f-select>ul>li:after {
    content: "";
    position: absolute;
    top: 30px;
    left: 10px;
    width: 30px;
    height: 1px;
    background: #b59b6e;
    opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0)
}

.f-select>ul>li.is-active {
    color: #b59b6e;
    padding: 20px 20px 20px 50px
}

.f-select>ul>li.is-active:after {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.p-title-grp {
    padding-left: 20px;
    padding-right: 20px
}

@media screen and (min-width:768px) {
    .p-title-grp {
        background: #fff
    }
}

.p-subtitle {
    text-align: center;
    font-size: 12px;
    line-height: 2;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    padding: 0 0 50px
}

.ui-datepicker {
    width: 100%;
    display: none;
    background: #fff;
    padding: 20px 30px
}

.ui-datepicker table {
    width: 100%
}

.ui-datepicker td,
.ui-datepicker th {
    text-align: center
}

.ui-datepicker td {
    font-weight: 500
}

.ui-datepicker td span {
    color: #282828
}

.ui-datepicker td a {
    color: #b49a6d;
    transition: color 0s, background .2s ease-in-out
}

.ui-datepicker td a:hover {
    background: #b49a6d;
    color: #fff
}

.ui-datepicker td a,
.ui-datepicker td span {
    display: block;
    padding: 5px 0
}

.ui-datepicker th {
    color: rgba(40, 40, 40, .6);
    font-size: 10px
}

.ui-datepicker th.ui-datepicker-week-end {
    color: hsla(0, 69%, 65%, .6)
}

.ui-datepicker-header {
    position: relative;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 25px
}

.ui-datepicker-header .ui-datepicker-year {
    display: none
}

.ui-datepicker-next,
.ui-datepicker-prev {
    position: absolute;
    top: 2px;
    width: 16px;
    height: 12px;
    cursor: pointer
}

.ui-datepicker-next span,
.ui-datepicker-prev span {
    display: none
}

.ui-datepicker-prev {
    left: 0
}

.ui-datepicker-prev:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    background: #282828;
    left: 0;
    top: 7px
}

.ui-datepicker-prev:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 7px;
    height: 7px;
    border-left: 1px solid #282828;
    border-bottom: 1px solid #282828;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.ui-datepicker-next {
    right: 0
}

.ui-datepicker-next:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    background: #282828;
    left: 0;
    top: 7px
}

.ui-datepicker-next:after {
    content: "";
    position: absolute;
    top: 4px;
    right: 0;
    width: 7px;
    height: 7px;
    border-right: 1px solid #282828;
    border-bottom: 1px solid #282828;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.page-contents {
    padding: 50px 0
}

.dd-select {
    position: relative
}

.dd-select:before {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    height: 3px;
    width: 100%;
    background: #efebe8
}

.dd-select:after {
    content: "";
    position: absolute;
    right: 5px;
    top: 20px;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid #282828;
    border-right: 1px solid #282828;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.dd-select.is-active:after {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.dd-select.is-active .current {
    color: #282828
}

.dd-select .current {
    height: 50px;
    padding-top: 13px;
    padding-right: 20px;
    cursor: pointer;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    color: rgba(40, 40, 40, .8);
    letter-spacing: 1px;
    transition: all .3s;
    position: relative;
    z-index: 1
}

.dd-select .current:hover {
    color: #282828
}

.dd-select>ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    min-width: 220px;
    background: #fff;
    padding: 15px 25px;
    z-index: 9;
    border-top: 3px solid #b59b6e
}

.dd-select>ul>li {
    padding: 8px 0;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    position: relative
}

.dd-select>ul>li,
.dd-select>ul>li:after {
    transition: all .45s cubic-bezier(.785, .135, .15, .86)
}

.dd-select>ul>li:after {
    content: "";
    position: absolute;
    top: 18px;
    left: 0;
    width: 30px;
    height: 1px;
    background: #b59b6e;
    opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0)
}

.dd-select>ul>li:hover {
    padding: 8px 8px 8px 40px
}

.dd-select>ul>li:hover:after {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.dd-select>ul>li.is-active {
    color: #b59b6e;
    padding: 8px 8px 8px 40px
}

.dd-select>ul>li.is-active:after {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.scrollbar-inner>.scroll-element.scroll-y {
    width: 6px
}

.scrollbar-inner>.scroll-element.scroll-y:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    background: red;
    height: 100%
}

.scrollbar-inner>.scroll-element .scroll-bar {
    border-radius: 0;
    background: #b59b6e;
    opacity: 1
}

.scrollbar-inner>.scroll-element .scroll-element_outer,
.scrollbar-inner>.scroll-element .scroll-element_track {
    border-radius: 0
}

.scrollbar-inner>.scroll-element .scroll-element_track {
    width: 2px;
    margin-left: 2px;
    opacity: 1;
    background: #b59b6e
}

.print-btn {
    border: 1px solid #9e7940;
    display: inline-block;
    width: 195px;
    height: 47px;
    text-align: center;
    color: #9e7940;
    line-height: 46px;
    font-size: 13px;
    font-weight: 600;
    position: relative;
    transition: color .4s cubic-bezier(.445, .05, .55, .95)
}

.print-btn:after,
.print-btn:before {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    width: 0;
    background: #9e7940;
    transition: width .4s cubic-bezier(.445, .05, .55, .95)
}

.print-btn:before {
    left: 0
}

.print-btn:after {
    right: 0
}

.print-btn:focus,
.print-btn:hover {
    color: #fff
}

.print-btn:focus:after,
.print-btn:focus:before,
.print-btn:hover:after,
.print-btn:hover:before {
    width: 100%
}

.print-btn span,
.print-btn svg {
    position: relative;
    z-index: 1
}

.print-btn svg {
    vertical-align: middle;
    margin: 0 10px 0 0;
    width: 25px;
    height: 25px
}

.bc-2 {
    padding: 40px 0
}

.card-libreto,
.wrap-4 {
    max-width: 840px;
    margin-left: auto;
    margin-right: auto
}

.wrap-4 {
    padding-left: 20px;
    padding-right: 20px
}

.wrap-5 {
    max-width: 1390px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width:960px) {
    .wrap-5 {
        padding-left: 20px;
        padding-right: 20px
    }
}

.b-block--mb {
    margin-bottom: 90px
}

.b-block p {
    margin-bottom: 2em
}

.b-block p:last-of-type {
    margin-bottom: 0
}

@media screen and (max-width:767px) {
    .b-block p {
        font-size: 16px
    }
}

@media screen and (min-width:768px) {
    .b-block {
        border: 2px solid #b59b6e;
        padding-bottom: 25px
    }
}

.b-block .y-title {
    margin-top: 60px
}

@media screen and (min-width:768px) {
    .b-block__core {
        background: #efebe8;
        position: relative;
        bottom: 20px;
        left: 45px;
        padding-left: 40px;
        padding-right: 50px;
        padding-bottom: 30px
    }
}

.b-block__print {
    margin-top: 70px
}

@media screen and (max-width:959px) {
    .b-block__print {
        display: none
    }
}

.card-about .wp-caption {
    margin-bottom: 50px;
    position: relative;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width:768px) {
    .card-about .wp-caption {
        margin-bottom: 90px;
        text-align: right
    }
}

.card-about .wp-caption img {
    width: 100%;
    display: block;
    position: relative;
    z-index: 2
}

@media screen and (min-width:960px) {
    .card-about .wp-caption img {
        left: 60px
    }
}

.card-about .wp-caption .wp-caption-text {
    font-size: 14px;
    padding: 10px 20px 0
}

@media screen and (min-width:768px) {
    .card-about .wp-caption .wp-caption-text {
        max-width: 55%;
        display: inline-block;
        padding: 20px 40px 0;
        font-weight: 500;
        text-align: left;
        background: #efebe8;
        position: relative;
        z-index: 2;
        font-size: 18px
    }
}

@media screen and (min-width:960px) {
    .card-about .wp-caption .wp-caption-text {
        padding: 20px 0 0 40px;
        max-width: 50%
    }
}

.card-about .wp-caption:before {
    content: "";
    position: absolute;
    height: 30%;
    left: 85px;
    bottom: 12px;
    width: 2px;
    background: #b59b6e;
    display: none
}

@media screen and (min-width:768px) {
    .card-about .wp-caption:before {
        display: block
    }
}

@media screen and (min-width:960px) {
    .card-about .wp-caption:before {
        height: 80%;
        left: 0
    }
}

.card-about .wp-caption:after {
    content: "";
    position: absolute;
    bottom: 12px;
    left: 85px;
    width: 70%;
    height: 2px;
    background: #b59b6e;
    display: none
}

@media screen and (min-width:768px) {
    .card-about .wp-caption:after {
        display: block
    }
}

@media screen and (min-width:960px) {
    .card-about .wp-caption:after {
        left: 0
    }
}

.p-content {
    padding: 60px 0
}

@media screen and (min-width:960px) {
    .tour-3d {
        padding-top: 50px
    }
}

@media screen and (min-width:1350px) {
    .tour-3d {
        padding-top: 70px
    }
}

.tour-3d-container {
    padding-bottom: 40px
}

.tour-3d-container iframe {
    width: 100%;
    height: 220px
}

@media screen and (min-width:550px) {
    .tour-3d-container iframe {
        height: 350px
    }
}

@media screen and (min-width:768px) {
    .tour-3d-container iframe {
        height: 600px
    }
}

@media screen and (min-width:1200px) {
    .tour-3d-container iframe {
        height: 750px
    }
}

.c-title {
    font-family: Lora-Regular, sans-serif;
    margin-bottom: 1em;
    font-size: 26px;
    color: #000;
    text-align: center
}

.c-title--t2 {
    font-size: 36px
}

@media screen and (max-width:479px) {
    .c-title--t2 {
        font-size: 24px
    }
}

.b-block .y-title,
.b-block__title,
.d-title {
    font-family: Lora-Regular, sans-serif;
    margin-bottom: 25px;
    font-size: 24px;
    color: #b59b6e
}

.e-title {
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #b59b6e;
    font-weight: 600
}

.hero {
    height: 100vh;
    position: relative
}

@media screen and (max-width:767px) {
    .hero {
        height: auto
    }
}

@media screen and (min-width:768px) {

    .hero .h-buttons ul.is-hidden,
    .hero .m-menu.is-hidden,
    .hero .tickets-online.is-hidden {
        width: 0
    }
}

.hero .lang>ul a:focus,
.hero .lang>ul a:hover {
    background: #fff;
    color: #000
}

.hero .lang__current:after {
    border-color: #fff
}

.hero .tickets-online:after {
    background: #fff
}

.hero .logo {
    position: absolute;
    top: 25px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transform: scale(.7);
    transform: scale(.7);
    -webkit-transform-origin: top;
    transform-origin: top;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    transition: top 2s ease-in-out, -webkit-transform 2s ease-in-out;
    transition: transform 2s ease-in-out, top 2s ease-in-out;
    transition: transform 2s ease-in-out, top 2s ease-in-out, -webkit-transform 2s ease-in-out
}

@media screen and (max-width:767px) {
    .hero .logo {
        max-width: 350px
    }
}

@media screen and (min-width:768px) {
    .hero .logo.as-preloader {
        top: 40%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@media screen and (max-width:959px) {
    .hero .logo {
        top: 16px;
        padding: 0 25px 0 45px
    }
}

.hero .hamburger:after,
.hero .hamburger:before,
.hero .hamburger span {
    background: #fff
}

.hero .main-nav {
    -webkit-animation: b 1s;
    animation: b 1s;
    display: none
}

.hero .main-nav>ul>li.menu-item-has-children>a:after {
    border-bottom-color: #fff;
    border-right-color: #fff
}

.hero .main-nav>ul>li.menu-item-has-children>ul {
    background: #1a1b1c
}

.hero .header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: none;
    color: #fff
}

@media screen and (max-width:767px) {
    .hero .header {
        position: static
    }
}

.hero .header:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-height: 173px;
    background: linear-gradient(#000, transparent);
    transition: opacity .5s ease-in-out
}

@media screen and (max-width:767px) {
    .hero .header:before {
        background: #222
    }
}

@media screen and (min-width:768px) {
    .hero .header.as-preloader {
        height: 100%
    }

    .hero .header.as-preloader:before {
        opacity: .5
    }
}

.preloader {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #1c1a1a;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 888;
    box-shadow: 0 10px 150px 60px rgba(0, 0, 0, .9);
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    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
}

@media screen and (max-width:767px) {
    .preloader {
        display: none
    }
}

.preloader.is-visible {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.tickets-online {
    display: block;
    width: 111px;
    position: absolute;
    top: 25px;
    left: 35px;
    font-size: 13px;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    opacity: .8;
    font-weight: 500;
    transition: opacity .3s ease, width .5s ease-in-out
}

.tickets-online:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: #282828;
    transition: width .3s ease
}

.tickets-online:focus,
.tickets-online:hover {
    opacity: 1
}

.tickets-online:focus:after,
.tickets-online:hover:after {
    width: 100%
}

@media screen and (max-width:1199px) {
    .tickets-online {
        display: none
    }
}

.header {
    height: 80px;
    position: relative;
    text-align: center;
    z-index: 999;
    padding-top: 13px;
    color: #000
}

@media screen and (min-width:768px) {
    .header {
        background: #fff;
        padding-top: 25px;
        height: 110px
    }
}

@media screen and (min-width:960px) {
    .header {
        height: 155px
    }
}

.header a {
    color: inherit
}

.logo {
    display: inline-block;
    position: relative;
    transition: opacity 1s ease
}

.logo.logoFade {
    opacity: 0
}

@media screen and (max-width:767px) {
    .logo {
        max-width: 210px;
        padding-left: 20px
    }
}

.loader {
    margin-top: 5px
}

@media screen and (min-width:768px) {
    .loader {
        margin-top: 15px
    }
}

.loader-progress {
    height: 3px;
    background: #a37623;
    -webkit-animation: e 1.6s ease-in-out;
    animation: e 1.6s ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.main-nav {
    position: absolute;
    top: 105px;
    left: 0;
    width: 100%;
    right: 0;
    max-width: 1300px;
    margin: auto
}

.main-nav>ul {
    display: -ms-flexbox;
    display: flex;
    margin-top: 18px;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

@media screen and (max-width:959px) {
    .main-nav>ul {
        display: none
    }
}

.main-nav>ul>li {
    margin: 0 2px;
    position: relative
}

.main-nav>ul>li.menu-item-has-children>a {
    padding-right: 19px
}

.main-nav>ul>li.menu-item-has-children>a:after {
    content: "";
    position: absolute;
    right: 5px;
    top: 4px;
    width: 7px;
    height: 7px;
    border-bottom: 1px solid #282828;
    border-right: 1px solid #282828;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.main-nav>ul>li.menu-item-has-children:hover>a:before {
    width: 100%
}

.main-nav>ul>li.menu-item-has-children:hover>a:after {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.main-nav>ul>li.menu-item-has-children:hover>ul {
    display: block
}

.main-nav>ul>li.menu-item-has-children>a {
    position: relative
}

.main-nav>ul>li.menu-item-has-children>ul {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    /*min-width: 265px;*/
    min-width: 185px;
    background: #fff;
    padding: 15px 25px;
    z-index: 9;
    font-size: 13px;
    text-align: left;
    letter-spacing: 1px;
    display: none;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
    -webkit-animation: a .35s ease;
    animation: b .35s ease;
    overflow: hidden
}

.main-nav>ul>li.menu-item-has-children>ul>li {
    font-weight: 500;
    cursor: pointer;
    position: relative
}

.main-nav>ul>li.menu-item-has-children>ul>li a {
    display: block;
    transition: color 0s;
    padding: 8px 8px 8px 0;
    transition: all .45s cubic-bezier(.785, .135, .15, .86)
}

.main-nav>ul>li.menu-item-has-children>ul>li a:after {
    content: "";
    position: absolute;
    top: 17px;
    left: 0;
    width: 34px;
    height: 1px;
    background: #b59b6e;
    opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
    transition: all .45s cubic-bezier(.785, .135, .15, .86)
}

.main-nav>ul>li.menu-item-has-children>ul>li a:hover {
    padding: 8px 8px 8px 0px;
    color:  #b59b6e;
}

.main-nav>ul>li.menu-item-has-children>ul>li a:hover:after {
    opacity: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.main-nav>ul>li.menu-item-has-children>ul>li.current-menu-item a {
    color: #b59b6e;
    padding: 8px 8px 8px 0px
}

.main-nav>ul>li.menu-item-has-children>ul>li.current-menu-item a:after {
    opacity: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.main-nav>ul>li>a {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    position: relative;
    padding-bottom: 15px
}

@media screen and (min-width:1300px) {
    .main-nav>ul>li>a {
        font-size: 13px
    }
}

.main-nav>ul>li>a:before {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    height: 3px;
    background: #b59b6e;
    bottom: 10px;
    transition: width .7s ease
}

.main-nav>ul>li>a:focus,
.main-nav>ul>li>a:hover {
    color: inherit
}

.main-nav>ul>li>a:focus:before,
.main-nav>ul>li>a:hover:before {
    width: 100%
}

.main-nav>ul>li.current-menu-item>a {
    color: #b59b6e
}

.main-nav>ul>li.current-menu-item>a:after {
    border-bottom-color: #b59b6e !important;
    border-right-color: #b59b6e !important
}

.main-nav>ul>li.current-menu-item>a:before {
    width: 100%
}

.h-buttons {
    position: absolute;
    right: 0;
    top: 25px;
    width: 132px;
    z-index: 777
}

@media screen and (min-width:768px) {
    .h-buttons {
        right: 25px
    }
}

.h-buttons .fb:focus,
.h-buttons .fb:hover,
.h-buttons .yt:focus,
.h-buttons .yt:hover {
    color: #b59b6e
}

@media screen and (min-width:960px) {
    .h-buttons {
        width: 175px
    }
}

.h-buttons>ul {
    white-space: nowrap;
    text-align: right;
    width: 132px
}

@media screen and (min-width:768px) {
    .h-buttons>ul {
        transition: width .5s ease-in-out
    }
}

.h-buttons>ul.overflow-h {
    overflow: hidden
}

@media screen and (min-width:960px) {
    .h-buttons>ul {
        width: 175px
    }
}

.h-buttons>ul>li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 
}

@media screen and (max-width:767px) {

    .h-buttons>ul>li:first-child,
    .h-buttons>ul>li:nth-child(2),
    .h-buttons>ul>li:nth-child(3) {
        display: none
    }
}

@media screen and (min-width:960px) {
    .h-buttons>ul>li {
        /*margin: 0 17px*/
    }
}

.fb-icon,
.search-icon,
.yt-icon {
    display: block;
    width: 15px;
    height: 15px
}

.lang {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    position: relative
}

.lang>ul {
    position: absolute;
    top: 100%;
    left: 0;
    text-align: left;
    background: rgba(0, 0, 0, .4)
}

.lang>ul,
.lang>ul .active {
    display: none
}

.lang>ul a {
    color: #fff;
    display: block;
    padding: 3px 10px;
    transition: background .15s, color 0s
}

.lang>ul a:focus,
.lang>ul a:hover {
    background: #000
}

.lang__current {
    cursor: pointer;
    padding: 5px 0
}

.lang__current:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: -7px 0 0 8px;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    transition: border-color .3s ease-in-out
}

.m-menu {
    position: absolute;
    top: 29px;
    left: 20px;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    transition: width .5s ease-in-out;
    width: 75px
}

.m-menu>span {
    display: inline-block;
    vertical-align: middle;
    font-weight: 500
}

@media screen and (max-width:959px) {
    .m-menu>span {
        visibility: hidden
    }
}

@media screen and (min-width:768px) {
    .m-menu {
        top: 25px;
        left: 25px
    }
}

@media screen and (min-width:960px) {
    .m-menu {
        left: 35px
    }
}

@media screen and (min-width:1200px) {
    .m-menu {
        display: none
    }
}

.hamburger {
    display: inline-block;
    vertical-align: middle;
    margin: 0 13px 0 0;
    cursor: pointer;
    position: relative;
    width: 26px;
    height: 20px;
    z-index: 9999
}

.hamburger:after,
.hamburger:before,
.hamburger span {
    position: absolute;
    left: 0;
    top: 45%;
    width: 100%;
    height: 2px;
    background: #000;
    transition: all .4s
}

.hamburger:before {
    content: "";
    -webkit-transform: translate3d(0, -8px, 0);
    transform: translate3d(0, -8px, 0)
}

.hamburger:after {
    content: "";
    -webkit-transform: translate3d(0, 8px, 0);
    transform: translate3d(0, 8px, 0)
}

.hamburger.is-open span {
    opacity: 0
}

.hamburger.is-open:before {
    -webkit-transform: translateZ(0) rotate(45deg);
    transform: translateZ(0) rotate(45deg)
}

.hamburger.is-open:after {
    -webkit-transform: translateZ(0) rotate(-45deg);
    transform: translateZ(0) rotate(-45deg)
}

.mobile-menu {
    padding-top: 60px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #1a1a1a;
    z-index: 88;
    overflow: auto;
    transition: opacity .3s ease-out, visibility .3s ease-out, -webkit-transform .3s ease-out;
    transition: transform .3s ease-out, opacity .3s ease-out, visibility .3s ease-out;
    transition: transform .3s ease-out, opacity .3s ease-out, visibility .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: scale(.7);
    transform: scale(.7);
    opacity: 0;
    visibility: hidden;
    display: none
}

.mobile-menu .menu-item {
    opacity: 0;
    transition: opacity .6s
}

.mobile-menu.is-open {
    opacity: 1;
    visibility: visible;
    z-index: 8888;
    transition: opacity .4s cubic-bezier(1, 0, 0, 1), visibility cubic-bezier(1, 0, 0, 1), -webkit-transform .4s cubic-bezier(1, 0, 0, 1);
    transition: transform .4s cubic-bezier(1, 0, 0, 1), opacity .4s cubic-bezier(1, 0, 0, 1), visibility cubic-bezier(1, 0, 0, 1);
    transition: transform .4s cubic-bezier(1, 0, 0, 1), opacity .4s cubic-bezier(1, 0, 0, 1), visibility cubic-bezier(1, 0, 0, 1), -webkit-transform .4s cubic-bezier(1, 0, 0, 1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.mobile-menu.is-open .menu-item {
    opacity: 1
}

.mobile-menu.is-open .menu-item:first-child {
    transition-delay: .3s
}

.mobile-menu.is-open .menu-item:nth-child(2) {
    transition-delay: .4s
}

.mobile-menu.is-open .menu-item:nth-child(3) {
    transition-delay: .5s
}

.mobile-menu.is-open .menu-item:nth-child(4) {
    transition-delay: .6s
}

.mobile-menu.is-open .menu-item:nth-child(5) {
    transition-delay: .7s
}

.mobile-menu.is-open .menu-item:nth-child(6) {
    transition-delay: .8s
}

.mobile-menu.is-open .menu-item:nth-child(7) {
    transition-delay: .9s
}

.mobile-menu.is-open .menu-item:nth-child(8) {
    transition-delay: 1s
}

.main-slider {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #fff;
    transition: opacity 1.2s ease-in-out, -webkit-transform 1.2s cubic-bezier(.25, .46, .45, .94);
    transition: opacity 1.2s ease-in-out, transform 1.2s cubic-bezier(.25, .46, .45, .94);
    transition: opacity 1.2s ease-in-out, transform 1.2s cubic-bezier(.25, .46, .45, .94), -webkit-transform 1.2s cubic-bezier(.25, .46, .45, .94);
    -webkit-transform: perspective(500px) translateZ(0);
    transform: perspective(500px) translateZ(0);
    background: #0d0c0c;
    background: radial-gradient(#1c1a1a, #0d0c0c)
}

@media screen and (max-width:767px) {
    .main-slider {
        display: none
    }
}

.main-slider .slick-arrow {
    color: #fff;
    position: absolute;
    top: 50%;
    top: calc(50% - 30px);
    z-index: 99;
    transition: all .6s ease;
    width: 30px;
    height: 30px
}

@media screen and (max-width:767px) {
    .main-slider .slick-arrow {
        display: none
    }
}

.main-slider .slick-arrow:before {
    transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out
}

.main-slider .slide-prev {
    left: 10px
}

.main-slider .slide-prev:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 1px;
    width: 20px;
    height: 20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff
}

.main-slider .slide-prev:after {
    content: "";
    position: absolute;
    top: 14px;
    left: 0;
    width: 30px;
    height: 2px;
    background: #fff
}

.main-slider .slide-prev:hover:before {
    -webkit-transform: translateX(-12px) rotate(45deg);
    transform: translateX(-12px) rotate(45deg)
}

.main-slider .slide-prev.is-hidden {
    opacity: 0;
    left: 80px
}

@media screen and (min-width:480px) {
    .main-slider .slide-prev {
        left: 35px
    }
}

@media screen and (min-width:1500px) {
    .main-slider .slide-prev {
        left: 70px
    }
}

.main-slider .slide-next {
    right: 10px
}

.main-slider .slide-next:before {
    content: "";
    position: absolute;
    top: 5px;
    right: 1px;
    width: 20px;
    height: 20px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff
}

.main-slider .slide-next:after {
    content: "";
    position: absolute;
    top: 14px;
    left: 0;
    width: 30px;
    height: 2px;
    background: #fff
}

.main-slider .slide-next:hover:before {
    -webkit-transform: translateX(12px) rotate(-45deg);
    transform: translateX(12px) rotate(-45deg)
}

.main-slider .slide-next.is-hidden {
    opacity: 0;
    right: 80px
}

@media screen and (min-width:480px) {
    .main-slider .slide-next {
        right: 35px
    }
}

@media screen and (min-width:1500px) {
    .main-slider .slide-next {
        right: 70px
    }
}

.m-slider__wrap {
    height: 100vh;
    position: relative;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    transition: opacity .7s ease-out, -webkit-transform .7s ease-out;
    transition: transform .7s ease-out, opacity .7s ease-out;
    transition: transform .7s ease-out, opacity .7s ease-out, -webkit-transform .7s ease-out;
    box-shadow: 0 0 140px rgba(0, 0, 0, .8);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column
}

.m-slider__wrap:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .1)
}

.m-slider__wrap.small {
    -webkit-transform: perspective(500px) translateZ(-100px);
    transform: perspective(500px) translateZ(-100px);
    opacity: .8
}

.m-slider__content {
    margin: auto;
    text-align: center;
    position: relative;
    padding-top: 4%;
    padding-left: 15px;
    padding-right: 15px
}

.m-slider__date {
    font-size: 15px;
    font-style: italic;
    font-family: Lora-Regular, sans-serif;
    font-weight: 400;
    margin-bottom: 15px
}

.m-slider__date .text-fade {
    line-height: 1.2
}

@media screen and (min-width:768px) {
    .m-slider__date .text-fade {
        display: inline-block
    }
}

@media screen and (max-width:767px) {
    .m-slider__date .pipe {
        display: none
    }
}

@media screen and (min-width:960px) {
    .m-slider__date {
        font-size: 20px
    }
}

@media screen and (min-width:1200px) {
    .m-slider__date {
        font-size: 25px
    }
}

.m-slider__caption {
    text-transform: uppercase;
    font-size: 19px;
    line-height: 1.1;
    margin: .2em 0 .7em;
    font-family: Lora-Regular, sans-serif;
    font-weight: 400
}

@media screen and (min-width:768px) {
    .m-slider__caption {
        font-size: 30px
    }
}

@media screen and (min-width:960px) {
    .m-slider__caption {
        font-size: 45px
    }
}

@media screen and (min-width:1200px) {
    .m-slider__caption {
        font-size: 60px
    }
}

.m-slider__bottom {
    position: relative;
    transition: all .8s ease-in-out;
    direction: rtl
}

@media screen and (max-width:479px) {
    .m-slider__bottom {
        margin-top: 30px
    }
}

.m-slider__bottom .btn {
    width: 175px;
    padding: 15px 0
}

@media screen and (max-width:767px) {
    .m-slider__bottom .btn {
        display: block;
        width: 215px;
        margin: 0 auto 15px
    }
}

@media screen and (max-width:767px) {
    .m-slider__bottom .btn:nth-child(2) {
        border: 0
    }

    .m-slider__bottom .btn:nth-child(2):after,
    .m-slider__bottom .btn:nth-child(2):before {
        background: none
    }
}

@media screen and (min-width:768px) {
    .m-slider__bottom .btn:nth-child(2) {
        margin-right: 25px;
        border-color: #282828
    }

    .m-slider__bottom .btn:nth-child(2):after,
    .m-slider__bottom .btn:nth-child(2):before {
        background: #282828
    }
}

@media screen and (max-width:767px) {
    .m-slider__bottom .btn:first-child {
        width: 210px;
        margin-bottom: 10px
    }
}

.m-slider__bottom.is-hidden {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
}

.m-slider__count {
    font-size: 18px;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: 90px;
    font-weight: 600;
    letter-spacing: 2px
}

.m-slider__count span {
    font-size: 13px
}

.text-fade.is-hidden>span>span {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    opacity: 0
}

.text-fade>span {
    display: inline-block;
    margin: 0 .2em;
    overflow: hidden
}

.text-fade>span>span {
    display: block;
    transition: opacity .8s ease-in-out, -webkit-transform .8s ease-in-out;
    transition: transform .8s ease-in-out, opacity .8s ease-in-out;
    transition: transform .8s ease-in-out, opacity .8s ease-in-out, -webkit-transform .8s ease-in-out;
    opacity: 1
}

.text-fade>span:first-of-type span {
    transition-delay: .1s
}

.text-fade>span:nth-of-type(2) span {
    transition-delay: .2s
}

.text-fade>span:nth-of-type(3) span {
    transition-delay: .3s
}

.text-fade>span:nth-of-type(4) span {
    transition-delay: .4s
}

.text-fade>span:nth-of-type(5) span {
    transition-delay: .5s
}

.text-fade>span:nth-of-type(6) span {
    transition-delay: .6s
}

.m-title {
    color: #b59b6e;
    text-transform: uppercase;
    font-weight: 800;
    height: 76px;
    padding: 29px 0 0 18px;
    position: relative;
    letter-spacing: 1px
}

@media screen and (min-width:960px) {
    .ue-mobile {
        display: none
    }
}

.ue-mobile .m-tab {
    color: #282828
}

.ue-mobile .m-tab:after,
.ue-mobile .m-tab:before {
    background: #282828
}

.ue-mobile__link {
    text-align: center;
    height: 76px;
    padding-top: 27px;
    background: #fff
}

.dropdown-menu .current,
.f-select .current,
.m-nav>ul>li .main-link,
.m-nav>ul>li>a,
.m-tab {
    border-top: 1px solid #c7c4c2;
    display: block;
    height: 76px;
    position: relative;
    letter-spacing: 2px
}

.m-tab {
    color: #b59b6e;
    text-transform: uppercase;
    font-weight: 700;
    padding: 27px 0 0 18px;
    font-size: 14px
}

.m-tab:after,
.m-tab:before {
    content: "";
    position: absolute;
    right: 18px;
    top: 50%;
    width: 13px;
    height: 2px;
    background: #b59b6e;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.m-tab:after {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.m-tab.is-open:after {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.m-tab--t2 {
    background: #373737;
    color: #fff
}

.m-tab--t2:focus,
.m-tab--t2:hover {
    color: #fff
}

.m-tab--t2:after,
.m-tab--t2:before {
    background: #fff
}

.m-content {
    display: none
}

.dropdown-menu {
    position: relative
}

.dropdown-menu .dm-list {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 9;
    display: none
}

.dropdown-menu .dm-list>li {
    height: 76px;
    text-transform: uppercase;
    font-weight: 600;
    border-top: 1px solid hsla(26, 17%, 92%, .1)
}

.dropdown-menu .current,
.dropdown-menu .dm-list>li {
    cursor: pointer;
    background: #373737;
    color: #fff;
    padding: 27px 0 0 18px
}

.dropdown-menu .current {
    font-weight: 700
}

.dropdown-menu .current:after,
.dropdown-menu .current:before {
    content: "";
    position: absolute;
    right: 18px;
    top: 50%;
    width: 13px;
    height: 2px;
    background: #fff;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.dropdown-menu .current:after {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.dropdown-menu .current.is-open:after {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.up-event-mslider {
    overflow: hidden;
    opacity: 0;
    transition: opacity .3s ease-in-out
}

@media screen and (max-width:959px) {
    .up-event-mslider .up-event-mslide {
        margin-right: 1px
    }
}

.up-event-mslider .slick-list {
    margin-right: -1px
}

.up-event-mslider.slick-initialized {
    opacity: 1
}

.up-event-mslide .up-event-info {
    background: #282828;
    color: #fff;
    padding: 10px
}

.up-event-mslide .event-mgroup {
    position: relative;
    height: 440px
}

.up-event-mslide .event-mgroup .a-face {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.up-event-mslide .event-mgroup:not(:first-child) {
    display: none
}

.a-face {
    height: 440px;
    position: relative;
    color: #fff
}

.a-face img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.a-face .pipe {
    font-size: 11px;
    margin: 0 8px;
    opacity: .7
}

.a-face__type {
    font-size: 11px;
    text-transform: uppercase;
    padding: 20px
}

.a-face__type>div:first-child {
    float: left
}

.a-face__type>div:nth-child(2) {
    float: right
}

.a-face__buttons {
    border-top: 1px solid hsla(0, 0%, 100%, .15);
    border-bottom: 1px solid hsla(0, 0%, 100%, .15)
}

.a-face__buttons a {
    display: block;
    padding: 15px 0 ;
    float: left;
    width: 50%
}

.a-face__buttons a:first-child {
    border-color: #282828
}

.a-face__buttons a:first-child:after,
.a-face__buttons a:first-child:before,
.a-face__premier {
    background: #282828
}

.a-face__premier {
    font-size: 12px;
    position: absolute;
    top: 10px;
    padding: 7px 20px
}

.a-face__content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(transparent, #282828)
}

.a-face__title {
    padding: 0 20px;
    display: inline-block;
    font-size: 25px;
    text-transform: uppercase;
    font-family: Lora-Regular, sans-serif;
    line-height: 1.25;
    margin-bottom: 10px;
    color: #f6f6f6
}

.a-face__title.small {
    font-size: 15px !important
}

.a-face__subtitle {
    padding: 0 20px 25px;
    font-size: 18px;
    color: #b49a6d;
    font-weight: 600
}

.a-face__date,
.a-face__time {
    font-size: 17px;
    font-weight: 500
}

.a-face__time span {
    display: inline-block
}

.ue-desktop {
    display: none;
    padding: 65px 0
}

@media screen and (min-width:960px) {
    .ue-desktop {
        display: block
    }
}

.ue-fil-one {
    font-size: 16px;
    text-transform: uppercase;
    color: #b59b6e;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 30px
}

.ue-fil-one .all-events {
    margin-top: 2px;
    color: #b59b6e;
    text-transform: none;
    color: #363636;
    font-size: 14px;
    float: right
}

.fil-one-b {
    margin: 0 18px;
    color: #282828;
    text-transform: uppercase;
    position: relative;
    padding: 0;
    transition: all .6s ease-in-out;
    font-weight: 800
}

.fil-one-b:before {
    content: "";
    position: absolute;
    top: 48%;
    left: 0;
    height: 2px;
    width: 0;
    background: #b59b6e;
    transition: width .6s ease-in-out
}

.fil-one-b:hover {
    color: #b59b6e
}

.fil-one-b.active {
    color: #b59b6e;
    padding: 0 0 0 50px
}

.fil-one-b.active:before {
    width: 34px
}

.fil-sep {
    color: #282828;
    font-weight: 700
}

.ue-fil-two {
    font-size: 14px;
    letter-spacing: 1px;
    margin-bottom: 40px
}

.fil-two-b {
    color: #2a2a2a;
    font-weight: 700;
    position: relative;
    padding-left: 43px;
    transition: color .4s ease-in-out;
    margin-bottom: 10px
}

.fil-two-b:not(:last-child) {
    margin-right: 16px
}

.fil-two-b:before {
    content: "";
    width: 34px;
    height: 2px;
    background: #b59b6e;
    position: absolute;
    top: 46%;
    left: 0;
    opacity: 0;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
    transition: all .4s ease-in-out
}

.fil-two-b.active,
.fil-two-b:focus,
.fil-two-b:hover {
    color: #b59b6e
}

.fil-two-b.active:before {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.items-x2 .up-event-info {
    background: #e1e1e1
}

.items-x2 .event-group .a-face {
    width: calc(50% - 6px)
}

.items-x3 .up-event-info {
    background: #e1e1e1
}

.items-x3 .event-group .a-face {
    width: calc(33.33% - 8px)
}

.slide-link {
    width: 315px;
    height: 552px;
    position: relative
}

.slide-link a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 165px;
    margin: auto
}

@media screen and (min-width:960px) and (max-width:1199px) {
    .slide-link {
        height: 522px
    }
}

.up-event-slider {
    transition: opacity .4s
}

@media screen and (min-width:960px) and (max-width:1199px) {
    .up-event-slider .a-face {
        height: 410px
    }
}

.up-event-slider .up-event-slide {
    width: 315px
}

@media screen and (min-width:960px) and (max-width:1199px) {
    .up-event-slider .up-event-slide {
        width: 280px
    }
}

.up-event-slider .up-event-slide.items-x2 {
    width: 630px
}

@media screen and (min-width:960px) and (max-width:1199px) {
    .up-event-slider .up-event-slide.items-x2 {
        width: 560px
    }
}

.up-event-slider .up-event-slide.items-x3 {
    width: 945px
}

@media screen and (min-width:960px) and (max-width:1199px) {
    .up-event-slider .up-event-slide.items-x3 {
        width: 840px
    }
}

.up-event-slider.slick-initialized {
    opacity: 1
}

.rep-list .up-event-mslide .a-face__buttons,
.up-event-slide .a-face__buttons {
    -webkit-transform: scaleY(.1);
    transform: scaleY(.1);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    opacity: 0;
    transition: opacity .4s, -webkit-transform .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s
}

.rep-list .up-event-mslide .a-face__subtitle,
.rep-list .up-event-mslide .a-face__title,
.up-event-slide .a-face__subtitle,
.up-event-slide .a-face__title {
    -webkit-transform: translate3d(0, 35px, 0);
    transform: translate3d(0, 35px, 0);
    transition: -webkit-transform .5s cubic-bezier(.645, .045, .355, 1);
    transition: transform .5s cubic-bezier(.645, .045, .355, 1);
    transition: transform .5s cubic-bezier(.645, .045, .355, 1), -webkit-transform .5s cubic-bezier(.645, .045, .355, 1)
}

.rep-list .up-event-mslide:hover .up-event-info,
.up-event-slide:hover .up-event-info {
    background: #282828;
    color: #fff
}

.rep-list .up-event-mslide:hover .a-face__buttons,
.up-event-slide:hover .a-face__buttons {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.rep-list .up-event-mslide:hover .a-face__subtitle,
.rep-list .up-event-mslide:hover .a-face__title,
.up-event-slide:hover .a-face__subtitle,
.up-event-slide:hover .a-face__title {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.up-event-slide .up-event-info {
    padding: 10px
}

.event-group .a-face {
    width: 100%;
    float: left
}

.event-group .a-face+.a-face {
    margin-left: 12px
}

.up-event-info {
    background: #fff;
    font-size: 16px;
    font-weight: 600;
    transition: background .4s ease-in-out
}

.up-event-info.grey {
    background: #e1e1e1
}

.up-event-info span {
    margin: 0 6px
}

.up-event-info__wrap {
    padding: 10px
}

.up-event-info__day {
    color: #b59b6e;
    font-size: 18px;
    font-weight: 500
}

.up-event-info__date {
    letter-spacing: 2px
}

.up-event-info__time {
    letter-spacing: 1px
}

.up-event-info__type {
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.up-event-info__pager {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 20px
}

.up-event-info__pager button {
    -ms-flex: 1;
    flex: 1;
    margin: 0 1px;
    height: 9px;
    background: #606060;
    position: relative;
    transition: height .25s ease-in-out
}

.up-event-info__pager button.active {
    height: 19px;
    background: #9e7940
}

.ue-controls {
    float: right
}

.ue-controls button {
    width: 46px;
    height: 10px;
    position: relative;
    opacity: .8;
    transition: opacity .4s ease-in-out
}

.ue-controls button.swiper-button-disabled {
    opacity: .3
}

.ue-controls button:not(.swiper-button-disabled):hover {
    opacity: 1
}

.ue-controls button:before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 100%;
    height: 2px;
    background: #b59b6e
}

.ue-controls button:after {
    content: "";
    position: absolute;
    top: 0;
    border: 2px solid transparent;
    width: 10px;
    height: 10px;
    transition: -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: transform .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94)
}

.ue-controls .ue-prev:after {
    left: 0;
    border-bottom-color: #b59b6e;
    border-left-color: #b59b6e;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.ue-controls .ue-prev:not(.swiper-button-disabled):hover:after {
    -webkit-transform: translate3d(-6px, 0, 0) rotate(45deg);
    transform: translate3d(-6px, 0, 0) rotate(45deg)
}

.ue-controls .ue-next {
    margin-left: 40px
}

.ue-controls .ue-next:after {
    right: 0;
    border-bottom-color: #b59b6e;
    border-right-color: #b59b6e;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.ue-controls .ue-next:not(.swiper-button-disabled):hover:after {
    -webkit-transform: translate3d(6px, 0, 0) rotate(-45deg);
    transform: translate3d(6px, 0, 0) rotate(-45deg)
}

.home-about {
    background: #f8f8f8;
    position: relative
}

@media screen and (min-width:960px) {
    .home-about {
        min-height: 710px;
        background: #fff;
        margin-bottom: 100px
    }
}

@media screen and (min-width:1200px) {
    .home-about {
        margin-bottom: 120px
    }
}

.home-about:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
    height: 100%;
    background: #efebe8
}

@media screen and (max-width:959px) {
    .home-about:before {
        display: none
    }
}

@media screen and (min-width:1200px) {
    .home-about:before {
        width: 75px
    }
}

@media screen and (min-width:960px) {
    .home-about__left {
        width: calc(100% - 450px);
        float: left
    }
}

@media screen and (min-width:1200px) {
    .home-about__left {
        width: calc(100% - 570px)
    }
}

@media screen and (min-width:1650px) {
    .home-about__left {
        width: calc(100% - 650px)
    }
}

.home-about__left .o-title {
    margin-bottom: 1.8em
}

.home-about__left h2 {
    font-family: Lora-Regular, sans-serif;
    font-size: 20px;
    line-height: 1.2;
    color: #282828;
    margin-bottom: 1.5em
}

@media screen and (min-width:480px) {
    .home-about__left h2 {
        font-size: 28px
    }
}

.home-about__left p {
    font-size: 14px;
    line-height: 1.9;
    color: #000;
    font-weight: 500;
    margin-bottom: 2em
}

.home-about__left .btn-arrow {
    text-transform: uppercase;
    font-size: 11px;
    padding-top: 5px;
    margin-top: 20px
}

@media screen and (min-width:960px) {
    .home-about__left .btn-arrow {
        float: right
    }
}

@media screen and (min-width:1300px) {
    .home-about__left .btn-arrow {
        margin-right: -70px
    }
}

.home-about__text {
    max-width: 630px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px;
    margin-bottom: 60px
}

@media screen and (min-width:960px) {
    .home-about__text {
        max-width: 430px;
        margin-bottom: 0;
        padding-top: 80px
    }
}

@media screen and (min-width:1100px) {
    .home-about__text {
        padding-top: 100px
    }
}

@media screen and (min-width:1200px) {
    .home-about__text {
        max-width: 480px;
        padding-top: 120px
    }
}

.home-about__image {
    padding-bottom: 40px
}

@media screen and (min-width:960px) {
    .home-about__image {
        width: 450px;
        padding: 0;
        float: left
    }
}

@media screen and (min-width:1200px) {
    .home-about__image {
        width: 570px
    }
}

@media screen and (min-width:1650px) {
    .home-about__image {
        width: 650px
    }
}

.home-about__card {
    height: 540px;
    margin: auto;
    color: #fff;
    font-weight: 800;
    letter-spacing: 1px;
    padding: 40px 20px;
    position: relative
}

.home-about__card:hover .home-about__card-img>div {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

@media screen and (max-width:959px) {
    .home-about__card {
        max-width: 600px
    }
}

.home-about__card:before {
    content: "";
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    margin: auto;
    width: 1px;
    height: 60px;
    background: #282828;
    z-index: 1
}

@media screen and (min-width:960px) {
    .home-about__card {
        padding: 44px 65px;
        height: 685px;
        -webkit-transform: translate3d(0, 65px, 0);
        transform: translate3d(0, 65px, 0)
    }

    .home-about__card:before {
        top: 60px;
        left: -60px;
        width: 90px;
        height: 1px;
        right: auto;
        transition: width .9s;
        transition-delay: 2s
    }
}

@media screen and (min-width:1200px) {
    .home-about__card {
        height: 750px;
        padding: 64px 80px
    }

    .home-about__card:before {
        top: 90px;
        left: -50px
    }
}

.home-about__card a,
.home-about__card p {
    color: #fff;
    position: relative;
    z-index: 1
}

.home-about__card-img {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.home-about__card-img>div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(img/about-img.jpg);
    transition: -webkit-transform 1s ease-out;
    transition: transform 1s ease-out;
    transition: transform 1s ease-out, -webkit-transform 1s ease-out
}

.home-about .home-about__address {
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 35px
}

.home-about .home-about__address span {
    font-size: 20px
}

.home-about a {
    font-size: 14px;
    margin-bottom: 27px
}

.hs-d-link,
.hs-m .m-tab {
    color: #282828;
    font-weight: 500;
    font-size: 14px
}

.hs-d-link span,
.hs-m .m-tab span {
    font-weight: 800;
    font-size: 20px;
    display: inline-block;
    margin: 0 14px 0 0
}

.hs-m {
    background: #fff
}

.hs-m .tac {
    padding: 30px 0
}

.hs-m .tac .btn-arrow {
    font-size: 14px;
    padding-top: 1px
}

@media screen and (min-width:960px) {
    .hs-m {
        display: none
    }
}

.hs-m .m-tab,
.hs-m .m-title {
    background: #efebe8
}

.hs-m .m-tab {
    text-transform: none;
    padding: 23px 0 0 18px;
    font-weight: 600;
    transition: background .4s
}

.hs-m .m-tab.is-open {
    background: #fff
}

.hs-m .m-tab:after,
.hs-m .m-tab:before {
    background: #282828
}

.hs-text {
    padding: 20px
}

.hs-text .btn-arrow {
    font-size: 12px;
    text-transform: uppercase;
    padding-top: 5px
}

.hs-text p {
    line-height: 1.8;
    margin-bottom: 30px
}

.hs-d {
    margin-bottom: 85px
}

@media screen and (max-width:959px) {
    .hs-d {
        display: none
    }
}

.hs-d__top {
    padding: 20px 30px;
    max-width: 1350px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width:1200px) {
    .hs-d__top {
        padding: 25px 30px
    }
}

.hs-d__top span {
    float: left;
    letter-spacing: 2px;
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    color: #b59b6e
}

.hs-d__top a {
    float: right;
    font-size: 14px;
    padding-top: 1px
}

@media screen and (min-width:1200px) {
    .hs-d__body {
        padding: 0 30px;
        max-width: 1350px;
        margin-left: auto;
        margin-right: auto
    }
}

.hs-d__tabs {
    padding: 0 15px
}

@media screen and (max-width:1199px) {
    .hs-d__tabs {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 20px
    }
}

@media screen and (min-width:1200px) {
    .hs-d__tabs {
        float: left;
        width: 275px;
        padding: 60px 0 0
    }
}

@media screen and (min-width:1200px) {
    .hs-d__content {
        float: right;
        width: calc(100% - 275px)
    }
}

.hs-d #hs-d-1 {
    display: block
}

.hs-d__slide {
    position: relative;
    padding-bottom: 60px;
    display: none
}

.hs-d__slide.active .hs-d__caption {
    opacity: 1
}

.hs-d__slide.active .hs-d__image img {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.hs-d__slide.active:before {
    width: 420px
}

@media screen and (min-width:1200px) {
    .hs-d__slide.active:before {
        width: 500px
    }
}

.hs-d__slide.active:after {
    height: calc(100% - 140px)
}

.hs-d__slide.active#hs-d-2:after {
    height: calc(100% - 185px)
}

.hs-d__slide.active#hs-d-3:after {
    height: calc(100% - 230px)
}

.hs-d__slide:before {
    bottom: 0;
    height: 2px;
    width: 0;
    transition: all 1s cubic-bezier(.215, .61, .355, 1);
    transition-delay: .9s
}

.hs-d__slide:after,
.hs-d__slide:before {
    content: "";
    position: absolute;
    left: 32px;
    background: #b59b6e
}

.hs-d__slide:after {
    top: 140px;
    width: 2px;
    height: 0;
    z-index: -1;
    transition: all .6s cubic-bezier(.55, .085, .68, .53);
    transition-delay: .3s
}

.hs-d__slide#hs-d-2:after {
    top: 185px
}

.hs-d__slide#hs-d-3:after {
    top: 230px
}

@media screen and (min-width:1200px) {
    .hs-d__slide {
        padding-left: 60px
    }

    .hs-d__slide:after {
        left: 0
    }

    .hs-d__slide:before {
        left: 0;
        width: 0
    }
}

.hs-d__caption {
    width: 480px;
    background: #efebe8;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 9;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.8;
    color: #000;
    padding: 34px 30px 0 50px;
    z-index: 2;
    opacity: 0;
    transition: opacity 1s;
    transition-delay: 1.4s
}

.hs-d__caption .btn-bb {
    color: #282828;
    margin-top: 30px
}

.hs-d__caption .btn-bb:after {
    background: #282828
}

.hs-d__image {
    overflow: hidden
}

.hs-d__image img {
    width: 100%;
    display: block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: -webkit-transform 1s ease-out;
    transition: transform 1s ease-out;
    transition: transform 1s ease-out, -webkit-transform 1s ease-out;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.hs-d__image:hover img {
    -webkit-transform: scale(1.1) !important;
    transform: scale(1.1) !important
}

.hs-d-link {
    padding: 15px;
    position: relative;
    transition: color .3s, -webkit-transform .5s;
    transition: transform .5s, color .3s;
    transition: transform .5s, color .3s, -webkit-transform .5s;
    z-index: 99
}

@media screen and (min-width:1200px) {
    .hs-d-link {
        display: inline-block;
        padding: 7px 0
    }

    .hs-d-link:after {
        content: "";
        position: absolute;
        top: 55%;
        left: 120%;
        width: 0;
        height: 2px;
        background: #b59b6e;
        z-index: 9;
        opacity: 0;
        transition: opacity 1s, width 1s
    }
}

.hs-d-link.active,
.hs-d-link:focus,
.hs-d-link:hover {
    color: #b59b6e
}

@media screen and (min-width:1200px) {
    .hs-d-link.active {
        -webkit-transform: translate3d(45px, 0, 0);
        transform: translate3d(45px, 0, 0)
    }

    .hs-d-link.active:after {
        opacity: 1;
        width: 200px;
        transition-delay: .3s
    }
}

.home-news {
    overflow: hidden;
    padding: 0 0 0 20px
}

@media screen and (min-width:960px) {
    .home-news {
        padding: 0 50px 0 80px
    }
}

.home-news .o-title {
    margin-bottom: 20px
}

@media screen and (min-width:960px) {
    .home-news .o-title {
        padding-bottom: 28px;
        white-space: nowrap;
        -webkit-transform: rotate(-90deg) translateX(100px);
        transform: rotate(-90deg) translateX(100px);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        position: absolute;
        right: 100%;
        z-index: 9;
        font-size: 15px
    }

    .home-news .o-title:after {
        content: "";
        position: absolute;
        top: 9px;
        right: 100%;
        width: 90px;
        height: 1px;
        margin-right: 30px;
        background: #b59b6e;
        transition: width 1s;
        transition-delay: .5s
    }
}

@media screen and (min-width:1200px) {
    .home-news .o-title {
        padding-bottom: 40px;
        -webkit-transform: rotate(-90deg) translateX(145px);
        transform: rotate(-90deg) translateX(145px)
    }
}

@media screen and (min-width:1300px) {
    .home-news .o-title {
        padding-bottom: 90px;
        -webkit-transform: rotate(-90deg) translateX(210px);
        transform: rotate(-90deg) translateX(210px)
    }
}

.nlist {
    max-width: 970px;
    margin: 40px auto;
    position: relative
}

@media screen and (min-width:960px) {
    .nlist {
        margin-top: 120px;
        margin-bottom: 0
    }
}

@media screen and (min-width:1200px) {
    .nlist {
        max-width: 1000px
    }
}

@media screen and (max-width:959px) {
    .nlist .p-item-hidden {
        display: none
    }
}

.nlist__left .tac {
    padding-top: 40px
}

@media screen and (min-width:960px) {
    .nlist__left .tac {
        display: none
    }
}

@media screen and (min-width:960px) {
    .nlist__left {
        float: left;
        width: 45%
    }
}

@media screen and (min-width:1200px) {
    .nlist__left {
        width: 47%
    }
}

.nlist__right {
    width: 45%;
    float: right
}

@media screen and (max-width:959px) {
    .nlist__right {
        display: none
    }
}

@media screen and (min-width:1200px) {
    .nlist__right {
        width: 47%
    }
}

.nlist__right .p-item {
    margin-top: 240px
}

@media screen and (min-width:960px) {
    .p-item {
        max-width: 410px;
        min-height: 520px
    }
}

.p-item__wrap {
    position: relative
}

.p-item__wrap:hover .p-item__text {
    height: 133px
}

.p-item__wrap:hover .p-item__text p {
    opacity: 1
}

.p-item__wrap:hover .p-item__link {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
}

.p-item__line {
    position: absolute;
    background: #b59b6e
}

@media screen and (max-width:959px) {
    .p-item__line {
        display: none
    }
}

.p-item__line--l1 {
    top: 0;
    right: calc(100% - 30px);
    height: 2px;
    width: 30px;
    transition: width .6s
}

.p-item__line--l2 {
    top: 0;
    left: 0;
    height: 100%;
    width: 2px;
    transition: height .9s;
    transition-delay: .5s
}

.p-item__line--l3 {
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
    transition: width .9s;
    transition-delay: 1.3s
}

.p-item__line--l4 {
    bottom: 0;
    right: 0;
    width: 2px;
    height: 40px;
    transition: height .6s;
    transition-delay: 2.1s
}

.p-item__body {
    background: #efebe8
}

@media screen and (min-width:960px) {
    .p-item__body {
        -webkit-transform: translate3d(20px, -25px, 0);
        transform: translate3d(20px, -25px, 0);
        padding: 0 0 40px 45px
    }
}

.p-item__img {
    display: block;
    overflow: hidden
}

.p-item__img img {
    width: 100%;
    display: block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: -webkit-transform 1s ease-out;
    transition: transform 1s ease-out;
    transition: transform 1s ease-out, -webkit-transform 1s ease-out
}

.p-item__img:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.p-item__date {
    margin: 14px 0;
    line-height: 1;
    color: #b59b6e;
    font-weight: 500
}

.p-item__title {
    font-size: 22px;
    line-height: 1.2;
    color: #282828;
    font-family: Lora-Regular, sans-serif
}

.p-item__title:focus,
.p-item__title:hover {
    color: #282828
}

.p-item__text {
    font-size: 14px;
    line-height: 1.8;
    padding-right: 20px;
    height: 0;
    overflow: hidden;
    padding-top: 15px;
    transition: height .5s cubic-bezier(.455, .03, .515, .955)
}

.p-item__text p {
    opacity: 0;
    transition: opacity 1s;
    transition-delay: .3s
}

.p-item__link {
    width: 46px;
    height: 10px;
    position: relative;
    display: inline-block;
    margin-right: 20px;
    float: right;
    margin-top: 10px;
    opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
    transition: opacity .9s ease, -webkit-transform .9s ease;
    transition: transform .9s ease, opacity .9s ease;
    transition: transform .9s ease, opacity .9s ease, -webkit-transform .9s ease;
    transition-delay: .3s
}

.p-item__link:before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 100%;
    height: 2px;
    background: #282828;
    transition: background .4s
}

.p-item__link:after {
    content: "";
    position: absolute;
    top: 0;
    border: 2px solid transparent;
    width: 10px;
    height: 10px;
    right: 2px;
    border-bottom-color: #282828;
    border-right-color: #282828;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: border-color .4s
}

.p-item__link:focus:before,
.p-item__link:hover:before {
    background: #b59b6e
}

.p-item__link:focus:after,
.p-item__link:hover:after {
    border-bottom-color: #b59b6e;
    border-right-color: #b59b6e
}

.subscribe {
    color: #b59b6e;
    background: #fff;
    padding: 28px 0;
    text-align: center
}

.subscribe .wpcf7-form-control-wrap {
    position: static
}

.subscribe span.wpcf7-not-valid-tip {
    position: absolute;
    right: 0;
    left: 0;
    font-size: 12px;
    top: 115%;
    text-align: left
}

@media screen and (min-width:768px) {
    .subscribe {
        background: none;
        border: 1px solid #b59b6e;
        border-right: 0;
        border-left: 0
    }
}

@media screen and (min-width:1350px) {
    .subscribe {
        border: 1px solid #b59b6e
    }
}

@media screen and (min-width:480px) and (max-width:767px) {
    .subscribe {
        padding: 40px 0
    }
}

.subscribe form {
    margin: auto;
    padding-left: 20px;
    padding-right: 20px
}

@media screen and (max-width:767px) {
    .subscribe form {
        max-width: 800px
    }
}

@media screen and (min-width:960px) {
    .subscribe form {
        padding-left: 35px;
        padding-right: 35px
    }
}

@media screen and (min-width:1410px) {
    .subscribe form {
        padding-left: 85px;
        padding-right: 85px
    }
}

.subscribe p {
    color: inherit;
    letter-spacing: 1px;
    line-height: 1.2
}

.subscribe__text {
    text-align: left;
    font-size: 12px
}

@media screen and (min-width:768px) {
    .subscribe__text {
        float: left;
        width: 40%;
        padding-right: 10px
    }
}

@media screen and (min-width:960px) {
    .subscribe__text {
        padding-right: 30px
    }
}

@media screen and (min-width:1200px) {
    .subscribe__text {
        width: calc(100% - 605px)
    }
}

.subscribe__text p {
    margin: 0 0 .4em;
    font-weight: 500
}

.subscribe__text p:last-of-type {
    margin: 0
}

.subscribe__text p:first-child {
    font-size: 12px
}

.subscribe__text p:nth-child(2) {
    font-size: 17px;
    font-weight: 600;
    max-width: 330px
}

.subscribe__field {
    position: relative;
    margin: 30px 0
}

.subscribe__field.active .input_placeholder {
    -webkit-transform: translate3d(0, -22px, 0);
    transform: translate3d(0, -22px, 0);
    font-size: 11px
}

.subscribe__field:after {
    content: "";
    position: absolute;
    left: 0;
    right: 10px;
    bottom: 0;
    height: 1px;
    background: #b59b6e;
    transition: width 1s cubic-bezier(1, 0, 0, 1);
    transition-delay: 1s
}

@media screen and (min-width:768px) {
    .subscribe__field {
        margin: 0;
        float: left;
        width: 34%;
        margin-top: 18px;
        padding-right: 10px
    }
}

@media screen and (min-width:1200px) {
    .subscribe__field {
        width: 350px
    }
}

.subscribe__field .input_placeholder {
    position: absolute;
    top: 11px;
    left: 0;
    font-size: 13px;
    font-weight: 500;
    transition: font-size .4s, -webkit-transform .4s;
    transition: transform .4s, font-size .4s;
    transition: transform .4s, font-size .4s, -webkit-transform .4s;
    z-index: -1
}

.subscribe__field input {
    width: 100%;
    height: 40px;
    border: 0;
    background: transparent
}

.subscribe__field input::-webkit-input-placeholder {
    color: #b59b6e
}

.subscribe__field input::-moz-placeholder {
    color: #b59b6e
}

.subscribe__field input:-ms-input-placeholder {
    color: #b59b6e
}

.subscribe__field input:-moz-placeholder {
    color: #b59b6e
}

@media screen and (min-width:768px) {
    .subscribe__submit {
        float: left;
        width: 26%;
        text-align: right;
        margin-top: 6px
    }
}

@media screen and (min-width:1200px) {
    .subscribe__submit {
        width: 255px
    }
}

.footer {
    overflow: hidden
}

@media screen and (min-width:960px) {
    .mobile-footer {
        display: none
    }
}

.footer .partners{
    padding: 0 90px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
}

.footer .partners img{
    padding: 5px;
}

.mf-logo {
    padding: 30px 0 25px
}

.mf-logo img {
    max-width: 220px
}

.m-nav {
    text-align: left;
    border-bottom: 1px solid #b59b6e
}

.m-nav>ul>li.is-open .main-link span:after {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.m-nav>ul>li .main-link,
.m-nav>ul>li>a {
    padding: 30px 0 0 18px;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 13px;
    letter-spacing: 2px
}

.m-nav>ul>li .main-link a,
.m-nav>ul>li>a a {
    color: inherit
}

.m-nav>ul>li .main-link span,
.m-nav>ul>li>a span {
    position: absolute;
    top: 22px;
    right: 10px;
    width: 30px;
    height: 30px;
    padding: 15px
}

.m-nav>ul>li .main-link span:after,
.m-nav>ul>li .main-link span:before,
.m-nav>ul>li>a span:after,
.m-nav>ul>li>a span:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 13px;
    height: 2px
}

.m-nav>ul>li .main-link span:after,
.m-nav>ul>li>a span:after {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.m-nav>ul>li>ul {
    padding: 15px 0;
    border-top: 1px solid #b59b6e;
    display: none;
    background: #fff
}

.m-nav>ul>li>ul>li a {
    display: inline-block;
    font-size: 14px;
    color: #282828;
    font-weight: 600;
    padding: 8px 18px
}

.m-nav--header {
    border-bottom: none
}

.m-nav--header>ul>li:first-child .main-link,
.m-nav--header>ul>li:first-child>a {
    border-top: none
}

.m-nav--header>ul>li .main-link,
.m-nav--header>ul>li>a {
    border-top: 1px solid hsla(0, 0%, 100%, .1);
    color: #fff
}

.m-nav--header>ul>li .main-link span:after,
.m-nav--header>ul>li .main-link span:before,
.m-nav--header>ul>li>a span:after,
.m-nav--header>ul>li>a span:before {
    background: #fff
}

.m-nav--footer {
    border-bottom: 1px solid #b59b6e
}

.m-nav--footer>ul>li .main-link,
.m-nav--footer>ul>li>a {
    border-top: 1px solid #b59b6e;
    color: #b59b6e
}

.m-nav--footer>ul>li .main-link span:after,
.m-nav--footer>ul>li .main-link span:before,
.m-nav--footer>ul>li>a span:after,
.m-nav--footer>ul>li>a span:before {
    background: #b59b6e
}

.mf-social {
    margin-top: 30px
}

.mf-social .social {
    float: left;
    width: 50%
}

.mf-social .share-us {
    width: 50%;
    float: right;
    width: 80px;
    margin-top: 17px
}

.social p {
    margin: 0 0 15px;
    font-size: 13px;
    color: #282828;
    font-weight: 600
}

.social a {
    color: #b59b6e;
    display: inline-block;
    margin-right: 10px;
    transition: opacity .4s ease-in-out
}

.social a:focus,
.social a:hover {
    opacity: .7
}

.social svg {
    width: 18px;
    height: 18px
}

.share-us {
    position: relative
}

.share-us a {
    transition: opacity .4s ease-in-out
}

.share-us a:focus,
.share-us a:hover {
    opacity: .7
}

.share-us p {
    margin: 0 0 15px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    color: #282828
}

.share-us svg {
    cursor: pointer;
    width: 20px;
    height: 20px;
    fill: #b59b6e
}

.share-list {
    padding-top: 8px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 110px
}

.share-list div>.pluso-wrap a.pluso-more {
    display: none !important
}

.share-list div>.pluso-wrap a.pluso-facebook {
    background-image: url(img/sprite.png);
    background-position: -60px -22px;
    width: 20px;
    height: 20px
}

.share-list div>.pluso-wrap a.pluso-twitter {
    background-image: url(img/sprite.png);
    background-position: 0 -72px;
    width: 20px;
    height: 20px
}

.share-list div>.pluso-wrap a.pluso-google {
    background-image: url(img/sprite.png);
    background-position: -81px -40px;
    width: 20px;
    height: 20px
}

.share-list div>.pluso-wrap a.pluso-linkedin {
    background-image: url(img/sprite.png);
    background-position: -81px -20px;
    width: 20px;
    height: 20px
}

.share-list div>.pluso-wrap a.pluso-livejournal {
    background-image: url(img/sprite.png);
    background-position: -81px 0;
    width: 20px;
    height: 20px
}

.share-list div>.pluso-wrap a.pluso-email {
    background-image: url(img/sprite.png);
    background-position: -20px -72px;
    width: 20px;
    height: 20px
}

.share-list a {
    display: inline-block;
    margin: 7px 10px 0 0 !important;
    transition: all .5s ease;
    -webkit-transform: translate3d(0, -6px, 0);
    transform: translate3d(0, -6px, 0);
    opacity: 0;
    visibility: hidden
}

.share-list a:nth-child(2) {
    transition-delay: .05s
}

.share-list a:nth-child(3) {
    transition-delay: .1s
}

.share-list a:nth-child(4) {
    transition-delay: .15s
}

.share-list a:nth-child(5) {
    transition-delay: .2s
}

.share-list a:nth-child(6) {
    transition-delay: .25s
}

.share-list a:nth-child(7) {
    transition-delay: .3s
}

.share-list a:nth-child(8) {
    transition-delay: .35s
}

.share-list.is-open a {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.share-list svg {
    width: 15px;
    height: 15px
}

.copyright {
    color: #b59b6e;
    font-size: 13px;
    font-weight: 500;
    margin: 0
}

.go-top {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #b59b6e;
    position: relative;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #efebe8;
    z-index: 999;
    display: none
}

@media screen and (min-width:960px) {
    .go-top {
        width: 50px;
        height: 50px;
        bottom: 40px;
        /*right: 40px*/
        left: 40px;
    }

    .go-top:hover span:before {
        -webkit-transform: translate3d(0, -6px, 0) rotate(-45deg);
        transform: translate3d(0, -6px, 0) rotate(-45deg)
    }
}

.go-top span {
    position: absolute;
    top: 0;
    right: 1px;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 13px;
    height: 15px
}

@media screen and (min-width:960px) {
    .go-top span {
        top: 4px
    }
}

.go-top span:before {
    content: "";
    position: absolute;
    left: 2px;
    top: 0;
    width: 9px;
    height: 9px;
    border-top: 1px solid #b59b6e;
    border-right: 1px solid #b59b6e;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease
}

.go-top span:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 100%;
    width: 1px;
    background: #b59b6e
}

.desktop-footer {
    max-width: 1410px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 80px
}

@media screen and (min-width:1200px) {
    .desktop-footer {
        padding-bottom: 55px
    }
}

.desktop-footer .df-logo {
    margin-bottom: 37px;
    max-width: 285px
}

@media screen and (min-width:1200px) {
    .desktop-footer .df-logo {
        max-width: none;
        margin-top: -10px
    }
}

.desktop-footer .df-col {
    float: left
}

.desktop-footer .df-col--one {
    width: 370px;
    padding-right: 80px
}

.desktop-footer .df-col--one .copyright {
    margin-top: 6px
}

@media screen and (max-width:1199px) {
    .desktop-footer .df-col--one .copyright {
        display: none
    }
}

@media screen and (min-width:1200px) {
    .desktop-footer .df-col--one {
        padding-right: 60px
    }
}

.desktop-footer .df-col--two {
    width: calc(100% - 370px)
}

@media screen and (min-width:1200px) {
    .desktop-footer .df-col--two {
        width: calc(100% - 460px)
    }
}

.desktop-footer .df-col--three {
    width: 90px
}

@media screen and (max-width:959px) {
    .desktop-footer {
        display: none
    }
}

.df-col--three {
    display: none
}

.df-col--three .social {
    margin-bottom: 70px
}

.df-col--three .share-us {
    margin-bottom: 60px
}

@media screen and (min-width:1200px) {
    .df-col--three {
        display: block
    }
}

.df-about-nav>ul>li a,
.df-main-nav>ul>li>ul a {
    color: #282828;
    font-size: 14px;
    font-weight: 600
}

.df-about-nav>ul>li a:focus,
.df-about-nav>ul>li a:hover,
.df-main-nav>ul>li>ul a:focus,
.df-main-nav>ul>li>ul a:hover {
    color: #b59b6e
}

.df-about-nav>ul {
    float: left
}

@media screen and (min-width:1200px) {
    .df-about-nav>ul {
        float: none
    }
}

.df-about-nav>ul>li {
    margin-bottom: 10px
}

@media screen and (min-width:1200px) {
    .df-about-nav>ul>li {
        float: left;
        padding-right: 10px;
        width: 50%
    }
}

.df-about-nav .df-social {
    float: right
}

@media screen and (min-width:1200px) {
    .df-about-nav .df-social {
        display: none
    }
}

.df-about-nav .df-social .social {
    margin-bottom: 25px
}

.df-main-nav>ul>li {
    float: left;
    width: 33.33%
}

.df-main-nav>ul>li:last-child {
    width: 66.67%
}

.df-main-nav>ul>li:last-child>ul>li {
    float: left;
    padding-right: 10px;
    width: 50%
}

.df-main-nav>ul>li>a {
    display: inline-block;
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 14px;
    font-size: 13px;
    text-transform: uppercase;
    color: #b59b6e;
    font-weight: 600;
    letter-spacing: 2px
}

.df-main-nav>ul>li>a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 1px;
    background: #b59b6e;
    transition: width .6s cubic-bezier(1, 0, 0, 1)
}

.df-main-nav>ul>li>a:focus:after,
.df-main-nav>ul>li>a:hover:after {
    width: 100%
}

.df-main-nav>ul>li>ul>li {
    margin-bottom: 10px
}

.df-copy {
    text-align: center;
    padding: 40px 0
}

@media screen and (min-width:960px) {
    .df-copy {
        padding: 50px 0 30px
    }
}

@media screen and (min-width:1200px) {
    .df-copy {
        display: none
    }
}

.df-copy .copyright {
    margin: 0 0 30px
}

.media-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    color: #fff;
    z-index: 999;
    display: none;
    opacity: 0;
    transition: opacity .15s linear
}

.media-modal.modal-fadeIn {
    opacity: 1
}

.media-modal.modal-down .modal-content {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.modal-content {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, -25%, 0);
    transform: translate3d(0, -25%, 0);
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out
}

.media-count {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 12px;
    font-family: Lora-Regular, sans-serif;
    padding: 20px
}

.media-count span {
    margin: 0 3px
}

@media screen and (min-width:768px) {
    .media-count {
        text-align: center;
        padding: 30px
    }
}

.media-count__current {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    margin: 0 20px 0 0
}

@media screen and (min-width:768px) {
    .media-count__current {
        font-size: 20px
    }
}

.media-count__caption {
    display: inline-block;
    vertical-align: middle;
    max-width: 200px;
    text-align: left
}

.media-carousel {
    height: 80vh;
    position: relative;
    top: 10vh
}

@media screen and (max-height:790px) {
    .media-carousel {
        top: 15vh;
        height: 70vh
    }
}

.media-carousel .swiper-button-next,
.media-carousel .swiper-button-prev {
    top: 5%;
    background: transparent;
    width: 33%;
    height: 95%
}

.media-carousel .swiper-slide {
    width: auto;
    text-align: center;
    height: 80vh;
    line-height: 80vh;
    max-width: 90%
}

@media screen and (max-width:479px) {
    .media-carousel .swiper-slide {
        height: 70vh
    }
}

.media-carousel .swiper-slide.slide-video {
    width: 100%;
    max-width: none
}

@media screen and (min-width:768px) {
    .media-carousel .swiper-slide.slide-video {
        width: 80%;
        max-width: 90%
    }
}

.media-carousel .swiper-slide iframe {
    width: 100%;
    height: 280px;
    vertical-align: middle
}

@media screen and (min-width:480px) {
    .media-carousel .swiper-slide iframe {
        height: 400px
    }
}

@media screen and (min-width:600px) {
    .media-carousel .swiper-slide iframe {
        height: 500px
    }
}

.media-carousel .swiper-slide img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle
}

.media-toggle {
    position: absolute;
    top: 30px;
    left: 50%;
    margin-left: -50px
}

@media screen and (max-width:959px) {
    .media-toggle {
        display: none
    }
}

.media-toggle a {
    display: inline-block;
    vertical-align: middle;
    opacity: .8;
    transition: opacity .4s ease
}

.media-toggle a:hover {
    opacity: 1
}

.media-toggle a:first-child {
    width: 48px;
    height: 34px;
    border: 1px solid #fff;
    margin-right: 18px
}

.media-toggle a:nth-child(2) {
    width: 51px
}

.media-toggle a:nth-child(2) span {
    display: block;
    width: 13px;
    height: 8px;
    float: left;
    border: 1px solid #fff;
    margin: 2px
}

.media-close {
    width: 30px;
    height: 30px;
    position: relative;
    position: absolute;
    top: 20px;
    right: 20px;
    opacity: .8;
    transition: opacity .4s ease
}

@media screen and (min-width:768px) {
    .media-close {
        top: 30px;
        right: 75px;
        width: 40px;
        height: 40px
    }
}

.media-close:after,
.media-close:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background: #fff
}

.media-close:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.media-close:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.media-close:hover {
    opacity: 1
}

.media-info {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 12px;
    line-height: 1.3;
    font-family: Lora-Regular, sans-serif;
    max-width: 50%
}

@media screen and (min-width:480px) {
    .media-info {
        font-size: 16px
    }
}

@media screen and (min-width:768px) {
    .media-info {
        font-size: 20px;
        top: 20px;
        left: 75px;
        max-width: 320px
    }
}

.media-tab-content {
    display: none
}

.media-tab-content.media-tab-1 {
    display: block
}

.media-gallery {
    height: 80vh;
    position: relative;
    top: 10vh;
    background: #333
}

@media screen and (max-height:790px) {
    .media-gallery {
        top: 15vh;
        height: 70vh
    }
}

.media-gallery .scroll-element.scroll-y {
    width: 16px
}

.media-gallery .scroll-element .scroll-bar {
    background: #fff
}

.media-gallery .scroll-element .scroll-element_track {
    display: none
}

.media-gallery__item {
    height: 240px;
    float: left;
    cursor: pointer
}

.media-gallery__item img {
    width: auto;
    height: 100%;
    display: block
}

@media screen and (min-width:1200px) {
    .media-gallery__item {
        height: 278px
    }
}

.media-gallery-video {
    position: relative
}

.media-gallery-video:after {
    width: 68px;
    height: 68px;
    border: 4px solid #fff;
    border-radius: 50%
}

.media-gallery-video:after,
.media-gallery-video:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.media-gallery-video:before {
    display: inline-block;
    height: 0;
    width: 0;
    -webkit-transform: rotate(1turn);
    border-width: 10px 16px;
    border-style: solid;
    border-color: transparent;
    border-left-color: #fff;
    border-right-width: 0
}

.afisha-load-more {
    text-align: center;
    padding: 0 0 20px
}

.repertoire-load-more {
    text-align: center;
    padding: 30px 0
}

@media screen and (min-width:768px) {

    #afisha-events .events-mblock,
    #afisha-events .r-mblock {
        display: none
    }
}

.events-mdate {
    transition: background .2s;
    border-top: 1px solid #c7c4c2
}

.events-mdate.is-active {
    background: #fff
}

.events-mdate .mdpick {
    width: 150px;
    position: relative;
    float: left
}

.events-mdate .mdpick__date {
    height: 68px;
    background: #fff;
    position: relative;
    padding: 28px 0 0 20px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600
}

.events-mdate .mdpick__date span {
    background: #b49a6d;
    color: #fff;
    padding: 4px 5px;
    margin-left: 5px
}

.events-mdate .mdpick__date:after {
    content: "";
    position: absolute;
    top: 30px;
    right: 14px;
    width: 7px;
    height: 7px;
    border-bottom: 1px solid #282828;
    border-right: 1px solid #282828;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.events-mdate .mdpick__date.is-active:after {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.events-mdate__all {
    float: right;
    padding: 12px 15px 0 0
}

.emf-all {
    border: 1px solid #282828;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    position: relative
}

.emf-all span {
    display: block;
    padding: 13px 20px 12px;
    position: relative;
    z-index: 2;
    transition: background .3s ease
}

@media screen and (min-width:960px) {
    .emf-all {
        width: 175px;
        font-size: 14px
    }

    .emf-all span {
        padding: 13px 20px 12px;
        background: #fff
    }
}

@media screen and (min-width:1300px) {
    .emf-all:after {
        content: "";
        position: absolute;
        bottom: -8px;
        left: 0;
        right: 0;
        margin: auto;
        width: 14px;
        height: 14px;
        border-bottom: 1px solid #b59b6e;
        border-left: 1px solid #b59b6e;
        background: #b59b6e;
        -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
        transform: translate3d(0, -10px, 0) rotate(-45deg);
        transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease, -webkit-transform .3s ease;
        z-index: 1
    }
}

.emf-all.is-active {
    border-color: #b59b6e
}

.emf-all.is-active span {
    background: #b59b6e;
    color: #fff
}

.emf-all.is-active:after {
    -webkit-transform: translateZ(0) rotate(-45deg);
    transform: translateZ(0) rotate(-45deg)
}

.mdatepicker {
    position: absolute;
    z-index: 9;
    width: 100%;
    max-width: 320px;
    left: 0
}

@media screen and (min-width:768px) {
    .events-mfilter {
        display: none
    }
}

.filter-w {
    position: relative;
    padding: 0 15px;
    max-width: 650px;
    margin: auto;
    opacity: 0;
    transition: opacity .25s ease-in-out
}

.filter-w.slick-initialized {
    opacity: 1
}

.filter-w.is-hidden {
    opacity: 0
}

.filter-w .slick-arrow {
    position: absolute;
    top: 50%;
    top: calc(50% - 4px);
    width: 9px;
    height: 9px;
    border-left: 1px solid rgba(40, 40, 40, .6);
    border-bottom: 1px solid rgba(40, 40, 40, .6)
}

.filter-w .slick-prev {
    left: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.filter-w .slick-next {
    right: 0;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.filter-w__day {
    text-align: center;
    font-weight: 500;
    color: rgba(40, 40, 40, .6);
    cursor: pointer
}

.filter-w__day.weekend {
    color: hsla(0, 69%, 65%, .6)
}

.filter-w__day.is-active .filter-w__dm,
.filter-w__day:hover .filter-w__dm {
    background: #b59b6e;
    color: #fff
}

.filter-w__dw {
    font-size: 10px;
    margin-bottom: 4px
}

.filter-w__dm {
    font-size: 16px;
    display: inline-block;
    width: 35px;
    height: 30px;
    padding-top: 3px;
    transition: background .3s
}

.events-filter {
    background: #fff;
    padding-bottom: 25px
}

.events-filter .wrap-2 {
    position: relative;
    max-width: 1410px
}

.events-filter .ef-col--c1 {
    width: 190px;
    float: left
}

.events-filter .ef-col--c2 {
    width: 170px;
    float: left;
    margin-left: 30px
}

@media screen and (min-width:860px) and (max-width:1299px) {
    .events-filter .ef-col--c2 {
        margin-left: 55px
    }
}

.events-filter .ef-col--c3 {
    width: 120px;
    float: left;
    margin-left: 30px
}

@media screen and (min-width:860px) and (max-width:1299px) {
    .events-filter .ef-col--c3 {
        margin-left: 55px
    }
}

.events-filter .ef-col--c4 {
    width: 100%;
    float: left;
    margin: 30px 0 0
}

@media screen and (min-width:1300px) {
    .events-filter .ef-col--c4 {
        margin: 5px 0 0 35px;
        width: calc(100% - 795px)
    }
}

.events-filter .ef-col--c5 {
    position: absolute;
    right: 30px;
    top: 8px
}

@media screen and (min-width:1300px) {
    .events-filter .ef-col--c5 {
        position: static;
        float: left;
        margin: 5px 0 0 35px
    }
}

@media screen and (max-width:767px) {
    .events-filter {
        display: none
    }
}

.events-mblock .dropdown-menu,
.r-mblock .dropdown-menu {
    font-size: 14px
}

.events-mblock .dropdown-menu .current,
.events-mblock .dropdown-menu .dm-list>li,
.r-mblock .dropdown-menu .current,
.r-mblock .dropdown-menu .dm-list>li {
    text-transform: none;
    height: 65px;
    padding: 22px 0 0 20px
}

.events-block {
    background: #efebe8
}

@media screen and (max-width:767px) {
    .events-block {
        display: none
    }
}

.events-categories {
    padding: 35px 0 20px;
    font-size: 14px;
    text-align: right
}

@media screen and (min-width:1300px) {
    .events-categories {
        text-align: left;
        padding-left: 322px
    }
}

.evt-mlist .up-event-mslide {
    margin-bottom: 20px
}

@media screen and (min-width:600px) {
    .evt-mlist .up-event-mslide {
        float: left;
        width: 50%
    }

    .evt-mlist .up-event-mslide:nth-child(2n) {
        padding-left: 20px
    }
}

.evt-item {
    display: -ms-flexbox;
    display: flex
}

.evt-item:not(:last-child) {
    margin-bottom: 45px
}

.evt-date {
    width: 60px;
    border-right: 1px solid #9e7940;
    text-align: right;
    font-family: Lora-Regular, sans-serif;
    padding-right: 10px;
    text-transform: uppercase;
    line-height: 1;
    color: #9e7940;
    margin-top: 15px
}

@media screen and (min-width:960px) {
    .evt-date {
        width: 140px;
        margin-right: 50px;
        padding-right: 25px
    }
}

@media screen and (min-width:1300px) {
    .evt-date {
        width: 255px
    }
}

.evt-date__day {
    font-size: 30px;
    margin-bottom: .3em
}

@media screen and (min-width:960px) {
    .evt-date__day {
        font-size: 60px;
        margin-bottom: .2em
    }
}

.evt-date__month {
    font-size: 12px;
    margin-bottom: .8em
}

@media screen and (min-width:960px) {
    .evt-date__month {
        font-size: 20px
    }
}

.evt-date__week {
    font-size: 22px
}

@media screen and (min-width:960px) {
    .evt-date__week {
        font-size: 30px
    }
}

.evt-shows {
    -ms-flex: 1;
    flex: 1
}

@media screen and (min-width:768px) and (max-width:959px) {
    .evt-shows .a-face__buttons .btn {
        font-size: 8px
    }
}

.evt-shows .up-event-mslide {
    float: left;
    width: 50%;
    margin-top: 15px
}

.evt-shows .up-event-mslide:nth-child(2n) {
    padding-left: 15px
}

.evt-shows .up-event-slide {
    float: left;
    width: 33.33%;
    margin-top: 15px;
    padding-left: 15px
}

@media screen and (min-width:768px) and (max-width:1299px) {
    .evt-shows .up-event-slide .a-face__title {
        font-size: 20px
    }
}

@media screen and (min-width:768px) and (max-width:1299px) {
    .evt-shows .up-event-slide .a-face {
        height: 340px
    }
}

@media screen and (min-width:768px) and (max-width:1299px) {
    .evt-shows .up-event-slide .up-event-info {
        font-size: 12px
    }
}

.evt-shows .up-event-slide.items-x2 {
    width: 66.67%
}

.evt-shows .up-event-slide.items-x3 {
    width: 100%
}

.evt-bottom {
    position: relative;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px
}

.evt-bottom .breadcrumbs {
    position: absolute;
    left: 0;
    top: 50px
}

@media screen and (min-width:1410px) {
    .evt-bottom .breadcrumbs {
        left: -30px
    }
}

@media screen and (max-width:767px) {
    .evt-bottom .breadcrumbs {
        display: none
    }
}

.evt-load-btn {
    font-size: 10px;
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
    letter-spacing: 1px
}

.evt-load-btn span {
    margin: 0 10px 0 0;
    vertical-align: middle
}

.evt-load-btn svg {
    width: 18px;
    height: 18px;
    vertical-align: middle
}

@media screen and (min-width:1300px) {
    .evt-item.ei960 {
        display: none
    }
}

@media screen and (max-width:1299px) {
    .evt-item.ei1300 {
        display: none
    }
}

#repertoire-page .up-event-info {
    padding: 28px 20px
}

.filter-check input {
    display: none
}

.filter-check input:checked+label:after {
    opacity: 1
}

.filter-check label {
    display: block;
    position: relative;
    font-size: 16px;
    text-transform: uppercase;
    color: #9e7940;
    font-weight: 600
}

.filter-check label:before {
    content: "";
    position: absolute;
    right: 20px;
    top: 23px;
    width: 24px;
    height: 24px;
    border: 2px solid #9e7940
}

.filter-check label:after {
    content: "";
    position: absolute;
    top: 29px;
    right: 24px;
    width: 15px;
    height: 8px;
    border-bottom: 3px solid #9e7940;
    border-left: 3px solid #9e7940;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
    transition: opacity .3s
}

.filter-check--large label {
    height: 70px;
    padding-top: 25px;
    padding-left: 20px
}

.r-mfilter {
    border-top: 1px solid #9e7940
}

@media screen and (min-width:960px) {
    .r-mblock {
        display: none
    }
}

.r-filter {
    background: #fff;
    padding: 20px 0 30px
}

.r-filter .fil-two-b {
    padding-left: 39px;
    font-size: 14px
}

.r-filter .filter-check {
    float: right
}

.r-filter .filter-check label {
    text-align: right;
    padding-left: 30px
}

.r-filter .filter-check label:before {
    top: -1px;
    left: 0
}

.r-filter .filter-check label:after {
    top: 5px;
    left: 5px
}

@media screen and (max-width:959px) {
    .r-block {
        display: none
    }
}

.repertoire-cats {
    float: left;
    max-width: 970px
}

@media screen and (min-width:960px) and (max-width:1299px) {
    .repertoire-cats {
        max-width: 720px
    }
}

.rep-list .a-face__buttons a:nth-child(2) {
    padding: 8px
}

.rep-list .up-event-mslide {
    width: 320px;
    float: left;
    margin-top: 50px
}

.rep-list .up-event-mslide:nth-child(2n) {
    margin-left: 10px
}

@media screen and (max-width:1299px) {

    .rep-list .up-event-mslide .a-face__buttons,
    .rep-list .up-event-mslide .a-face__subtitle,
    .rep-list .up-event-mslide .a-face__title {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@media screen and (min-width:1300px) {
    .rep-list .up-event-mslide {
        width: calc(25% - 8px);
        margin-left: 10px
    }

    .rep-list .up-event-mslide:nth-child(4n+1) {
        margin-left: 0
    }

    .rep-list .up-event-mslide .up-event-info {
        background: #fff;
        color: #282828
    }
}

.rep-list .wrap-2 {
    max-width: 710px
}

@media screen and (min-width:1300px) {
    .rep-list .wrap-2 {
        max-width: 1350px
    }
}

.card-top-wrap {
    position: relative;
    text-align: center
}

.card-top {
    font-family: Lora-Regular, sans-serif;
    height: 580px;
    height: calc(100vh - 136px);
    padding: 0 20px 70px;
    background-image: url(img/card-t-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: #fff;
    position: relative;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width:480px) {
    .card-top {
        height: 450px
    }
}
@media screen and (max-width:480px) {
    .card-top {
        height: auto;
    }
}

.card-top__center {
    margin: auto
}

.card-top__t1,
.card-top__t3 {
    font-style: italic;
    font-size: 15px;
    margin: 15px 0
}

@media screen and (min-width:768px) {

    .card-top__t1,
    .card-top__t3 {
        font-size: 25px
    }
}

.card-top__t2 {
    font-size: 19px;
    line-height: 1.3;
    text-transform: uppercase;
    color: #fff
}

@media screen and (min-width:768px) {
    .card-top__t2 {
        font-size: 45px
    }
}

.card-top__media {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%
}

@media screen and (min-width:960px) {
    .card-top__media {
        max-width: 330px;
        margin: auto;
        bottom: 86px
    }
}

.card-top__media a {
    width: 50%;
    float: left;
    display: block;
    border: 1px solid #fff;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    height: 50px;
    padding: 12px 15px 0;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    transition: background .3s ease, color 0s
}

.card-top__media a:focus,
.card-top__media a:hover {
    background: #fff;
    color: #282828
}

.card-top__media a+a {
    border-left: 0
}

.card-tabs {
    margin: auto
}

.card-tabs .m-title {
    background: #fff;
    text-align: left
}

@media screen and (min-width:960px) {
    .card-tabs .m-title {
        display: none
    }
}

@media screen and (min-width:960px) {
    .card-tabs {
        position: absolute;
        bottom: 2px;
        left: 0;
        right: 0;
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (min-width:1300px) {
    .card-tabs {
        max-width: 1390px
    }
}

.card-tabs__tab {
    height: 66px;
    line-height: 66px;
    font-size: 14px;
    text-transform: uppercase;
    color: #282828;
    font-weight: 600;
    letter-spacing: 1px;
    display: block;
    border-top: 1px solid rgba(40, 40, 40, .2);
    text-align: left;
    padding-left: 20px;
    background: #fff;
    transition: color .3s, background .3s ease, padding .3s ease;
    position: relative
}

.card-tabs__tab:before {
    content: "";
    position: absolute;
    left: 20px;
    top: 50%;
    width: 30px;
    height: 1px;
    background: #b59b6e;
    opacity: 0
}

.card-tabs__tab:focus,
.card-tabs__tab:hover {
    color: inherit
}

.card-tabs__tab.is-active {
    color: #b59b6e
}

@media screen and (max-width:959px) {
    .card-tabs__tab.is-active {
        padding-left: 60px
    }

    .card-tabs__tab.is-active:before {
        opacity: 1;
        transition: opacity .4s cubic-bezier(.215, .61, .355, 1)
    }
}

@media screen and (min-width:960px) {
    .card-tabs__tab.is-active {
        background: #efebe8;
        font-weight: 800
    }
}

@media screen and (min-width:960px) {
    .card-tabs__tab {
        padding: 0;
        font-size: 12px;
        text-align: center;
        -ms-flex: 1;
        flex: 1
    }

    .card-tabs__tab+.card-tabs__tab {
        margin-left: 2px
    }
}

@media screen and (min-width:1300px) {
    .card-tabs__tab {
        font-size: 15px
    }
}

.mtab-submenu {
    background: #fff;
    margin-left: -20px;
    margin-right: -20px;
    padding: 0 20px 20px 60px
}

@media screen and (min-width:960px) {
    .mtab-submenu {
        display: none
    }
}

.mtab {
    position: relative;
    display: block;
    color: #282828;
    transition: color .3s, background .3s ease, padding .3s ease;
    font-size: 14px;
    padding-top: 12px;
    padding-bottom: 12px
}

.mtab:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 30px;
    height: 1px;
    background: #b59b6e;
    opacity: 0
}

.mtab:focus,
.mtab:hover {
    color: inherit
}

.mtab.is-active {
    color: #b59b6e;
    padding-left: 40px
}

.mtab.is-active:before {
    opacity: 1;
    transition: opacity .4s cubic-bezier(.215, .61, .355, 1)
}

.card-content {
    overflow-x: hidden
}

@media screen and (min-width:960px) {
    .card-content {
        padding-top: 70px
    }
}

.tab-content {
    display: none
}

.tab-content.fade-out-left {
    -webkit-animation: c .4s ease;
    animation: c .4s ease;
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.tab-content.is-active {
    display: block
}

.tab-content.fade-in-right {
    -webkit-animation: d .4s ease;
    animation: d .4s ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.events-ctrl {
    position: absolute;
    right: 0;
    top: 0
}

.events-ctrl .slick-arrow {
    width: 40px;
    height: 40px;
    position: relative;
    border: 2px solid #b59b6e
}

.events-ctrl .slick-arrow:after {
    content: "";
    position: absolute;
    top: 11px;
    left: 10px;
    width: 13px;
    height: 13px;
    border-bottom: 3px solid #b59b6e
}

.events-ctrl .slick-prev {
    border-right-width: 1px
}

.events-ctrl .slick-prev:after {
    content: "";
    left: 14px;
    border-left: 3px solid #b59b6e;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.events-ctrl .slick-next {
    border-left-width: 1px
}

.events-ctrl .slick-next:after {
    border-right: 3px solid #b59b6e;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media screen and (min-width:1300px) {
    .events-ctrl {
        display: none
    }
}

@media screen and (min-width:960px) {
    .card-program {
        padding-bottom: 40px
    }
}

.card-events-title {
    font-size: 16px;
    height: 40px;
    margin-bottom: 20px;
    line-height: 1;
    font-weight: 800;
    padding: 8px 0 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #b59b6e
}

@media screen and (max-width:767px) {
    .card-events-title {
        font-size: 12px;
        border-bottom: 2px solid #b59b6e
    }
}

@media screen and (min-width:1300px) {
    .card-events-title {
        margin-top: -20px
    }
}

.card-events-title span,
.card-events-title svg {
    vertical-align: middle
}

.card-events-title svg {
    margin: -2px 15px 0 0;
    width: 25px;
    height: 25px
}

.no-card-events {
    color: #b59b6e;
    font-size: 14px;
    border: 2px solid #b59b6e;
    max-width: 150px;
    padding: 0 20px 15px 0;
    font-weight: 600;
    margin-top: 40px
}

.no-card-events div {
    position: relative;
    padding: 0 10px 0 15px;
    top: -12px;
    left: -2px;
    background: #efebe8
}

.card-events-slider {
    max-height: 700px
}

.card-events {
    position: relative;
    margin: 30px 0 0
}

@media screen and (max-width:767px) {
    .card-events {
        border-bottom: 2px solid #b59b6e
    }
}

@media screen and (min-width:1300px) {
    .card-events {
        padding: 0 30px 0 60px;
        margin: 0;
        float: right;
        width: 480px
    }
}

@media screen and (max-width:1299px) {
    .card-events .scroll-wrapper>.scroll-content {
        max-height: none !important
    }
}

.card-actors-tabs {
    letter-spacing: 1px;
    padding-left: 60px;
    margin: 0 0 65px;
    position: relative;
    z-index: 9
}

@media screen and (max-width:959px) {
    .card-actors-tabs {
        display: none
    }
}

@media screen and (min-width:1300px) {
    .card-actors-tabs {
        margin: 0 0 -13px
    }
}

.card-actors-tabs:before {
    width: 50px;
    height: 2px
}

.card-actors-tabs:after,
.card-actors-tabs:before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    background: #b59b6e
}

.card-actors-tabs:after {
    height: 40px;
    width: 2px
}

.card-actors-tabs a {
    color: #282828;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0 20px
}

.card-actors-tabs a.is-active {
    color: #b59b6e
}

.card-actors-tabs a:first-child {
    display: inline-block;
    border-right: 1px solid #000
}

table.table-actors {
    font-size: 18px
}

@media screen and (max-width:767px) {
    table.table-actors {
        width: 100%
    }

    table.table-actors td,
    table.table-actors tr {
        display: block
    }
}

table.table-actors p {
    margin: 0 0 5px;
    color: #282828
}

table.table-actors a {
    color: #282828;
    font-weight: 600
}

table.table-actors a:focus,
table.table-actors a:hover {
    color: #b59b6e
}

table.table-actors td {
    vertical-align: top
}

table.table-actors td:first-child {
    padding-right: 35px;
    font-family: Lora-Regular, sans-serif;
    font-size: 24px;
    color: #b59b6e;
    text-align: right
}

@media screen and (max-width:767px) {
    table.table-actors td:first-child {
        text-align: left;
        padding-bottom: 10px
    }
}

table.table-actors td:nth-child(2) {
    padding: 5px 20px 30px 0
}

@media screen and (min-width:1300px) {
    .card-actors {
        width: calc(100% - 480px)
    }
}

/*#card-actors-selected {
    display: none
}*/
#card-actors-current {
    display: none;
}
.actors-tab {
    padding: 40px 0 0;
    position: relative
}

.actors-tab .table-actors td:first-child {
    width: 260px
}

.actors-tab .c-title {
    margin-bottom: 2em;
    display: inline-block;
    margin-left: 32.5%;
}

.actors-tab__bottom {
    padding: 60px 0 0
}

@media screen and (max-width:959px) {
    .actors-tab__bottom {
        display: none
    }
    .actors-tab .c-title {
        margin-left: 0
    }
}

.actors-tab__bottom .print-btn {
    margin-right: 25px
}

.actors-tab__warn {
    font-size: 13px;
    font-weight: 600;
    color: #b59b6e;
    letter-spacing: 1px
}

.actors-tab:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    height: 60px;
    width: 2px;
    background: #b59b6e
}

@media screen and (max-width:959px) {
    .actors-tab:after {
        display: none
    }
}

.actors-tab:before {
    content: "";
    position: absolute;
    top: -10px;
    right: 0;
    height: 60%;
    width: 2px;
    background: #b59b6e
}

@media screen and (max-width:959px) {
    .actors-tab:before {
        display: none
    }
}

@media screen and (min-width:960px) {
    .actors-tab {
        border: 2px solid #b59b6e;
        border-top: 0;
        border-right: 0;
        padding: 40px 0 50px 40px
    }
}

@media screen and (min-width:1300px) {
    .actors-tab {
        padding: 80px 0 50px 70px
    }
}

.actors-tab .scrollbar-inner {
    padding-right: 20px;
    right: -6px
}

@media screen and (min-width:1300px) {
    .actors-tab .scrollbar-inner {
        max-height: 1000px
    }
}

.actors-tab .scrollbar-inner>.scroll-element.scroll-y {
    height: 85%
}

.card-event {
    min-height: 100px;
    padding: 15px 0;
    position: relative
}

@media screen and (min-width:1300px) {
    .card-event {
        margin-bottom: 30px;
        padding: 15px 0 40px
    }

    .card-event:not(:last-child):after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        width: 200px;
        margin: auto;
        height: 2px;
        background: #b59b6e
    }
}

.card-event__date {
    width: 90px;
    height: 90px;
    border: 2px solid #b59b6e;
    position: relative;
    color: #b59b6e;
    text-align: center;
    padding-top: 5px;
    float: left;
    margin: 0 20px 0 0
}

.card-event__year {
    position: absolute;
    top: -7px;
    left: -2px;
    padding: 0 8px 0 5px;
    font-size: 12px;
    line-height: 1;
    background: #efebe8
}

.card-event__day {
    font-family: Lora-Regular, sans-serif;
    line-height: 1;
    text-transform: uppercase;
    font-size: 20px
}

.card-event__day>div:first-child {
    font-size: 36px
}

.card-event__dayweek {
    font-size: 12px;
    padding-top: 2px
}

.card-event__time {
    font-weight: 600
}

@media screen and (max-width:479px) {
    .card-event__time .o-time {
        display: block
    }
}

.card-event__time .btn {
    display: none;
    margin: 20px 0 0
}

.card-event__time .btn:focus,
.card-event__time .btn:hover {
    color: #9e7940
}

.card-event__time .btn-arrow {
    font-size: 11px;
    text-transform: uppercase;
    height: auto;
    margin-top: 20px
}

.card-event__time .btn-arrow:before {
    top: 45%
}

.card-event__time .btn-arrow:after {
    top: 25%
}

@media screen and (max-width:959px) {
    .card-event__time .pipe {
        display: none
    }
}

.card-event__operas {
    text-align: center
}

.card-event__olist {
    text-align: left;
    padding: 40px 10px 0 110px
}

@media screen and (max-width:959px) {
    .card-event__olist {
        padding: 40px 30px 20px 110px
    }
}

.card-event__olist li {
    position: relative;
    margin-bottom: 15px;
    font-size: 18px;
    text-transform: uppercase;
    font-family: Lora-Regular, sans-serif
}

.card-event__olist li.is-active .event-marked {
    display: block
}

.card-event__olist a {
    display: table;
    color: #282828;
    line-height: 1.2
}

.card-event__olist a:focus,
.card-event__olist a:hover {
    color: #b59b6e
}

.card-event__olist span {
    display: table-cell;
    vertical-align: middle
}

.card-event__olist .show-index {
    display: inline-block;
    width: 40px;
    height: 40px;
    font-family: Arial, sans-serif;
    font-size: 15px;
    line-height: 38px;
    border: 2px solid #b59b6e;
    text-align: center;
    color: #b59b6e;
    font-weight: 600;
    margin: 0 25px 0 0
}

@media screen and (max-width:1299px) {
    .card-event__olist {
        display: none
    }
}

.event-marked {
    position: absolute;
    right: 130%;
    white-space: nowrap;
    top: -20px;
    font-family: Raleway, sans-serif;
    font-size: 14px;
    text-transform: none;
    font-weight: 600;
    color: #b59b6e;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    display: none
}

.event-marked:after {
    content: "";
    position: absolute;
    top: 40px;
    right: 20px;
    height: 35px;
    width: 2px;
    background: #b59b6e
}

.show-operas {
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    color: #b59b6e;
    border-bottom: 1px dashed #b59b6e;
    position: relative;
    padding-right: 20px;
    margin-top: 10px
}

.show-operas:after {
    content: "";
    position: absolute;
    top: 4px;
    right: 0;
    border: 0 solid #b59b6e;
    width: 8px;
    height: 8px;
    border-bottom-width: 1px;
    border-right-width: 1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    -webkit-transform-origin: 66% 66%;
    transform-origin: 66% 66%
}

.show-operas.is-active:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.show-operas:focus,
.show-operas:hover {
    color: #b59b6e
}

@media screen and (min-width:1300px) {
    .show-operas {
        display: none
    }
}

.card-short-info {
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 40px
}

@media screen and (max-width:959px) {
    .card-short-info {
        padding-top: 30px
    }
}

.c-info-1 {
    font-family: Lora-Regular, sans-serif
}

@media screen and (min-width:768px) {
    .c-info-1 {
        text-align: center
    }
}

.c-info-1 p {
    font-size: 18px;
    color: #282828
}

.c-info-1 .clock-icon {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin: -4px 10px 0 0
}

.c-info-1 .c-title {
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 6px
}

@media screen and (max-width:767px) {
    .c-info-1 .c-title {
        text-align: left
    }
}

@media screen and (min-width:768px) {
    .c-info-1 .c-title {
        font-size: 36px
    }
}

.c-info-1 .lasting {
    margin-bottom: 10px;
    font-size: 18px
}

.short-info-line {
    height: 85px;
    width: 1px;
    background: #000;
    margin: 30px auto
}

.short-btn-buy {
    margin: 0 0 70px;
    text-align: center
}

.short-btn-buy .btn:focus,
.short-btn-buy .btn:hover {
    color: #9e7940
}

@media screen and (min-width:768px) {
    .c-info-2 {
        padding-bottom: 10px;
        border: 2px solid #b59b6e
    }
}

@media screen and (min-width:960px) {
    .c-info-2 {
        padding-bottom: 25px
    }
}

.c-info-2__title {
    font-family: Lora-Regular, sans-serif;
    font-size: 26px;
    color: #b59b6e;
    margin-bottom: 20px
}

@media screen and (min-width:768px) {
    .c-info-2__title {
        margin-bottom: 40px
    }
}

@media screen and (min-width:768px) {
    .c-info-2__core {
        position: relative;
        bottom: 19px;
        left: 25px;
        background: #efebe8;
        padding-left: 25px;
        padding-bottom: 20px
    }
}

@media screen and (min-width:960px) {
    .c-info-2__core {
        padding-left: 55px;
        left: 45px
    }
}

.c-info-2 .table-actors td:first-child {
    font-size: 14px;
    font-weight: 800;
    padding-top: 3px;
    padding-right: 45px;
    font-family: Raleway, sans-serif;
    color: #282828;
    width: 250px
}

.c-info-2 .table-actors td:nth-child(2) {
    padding: 0 0 20px
}

.card-libreto {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 40px
}

.card-libreto h3 {
    font-family: Lora-Regular, sans-serif;
    margin-bottom: 25px;
    font-size: 24px;
    color: #282828;
    text-transform: uppercase
}

.card-libreto .b-block__title {
    margin-bottom: 10px;
    text-transform: uppercase
}

.card-libreto .c-title {
    margin-bottom: 80px
}

@media screen and (max-width:959px) {
    .card-libreto {
        padding-top: 30px
    }
}

.card-libreto .c-title--t2 {
    text-align: center
}

.action-title {
    font-family: Lora-Regular, sans-serif;
    margin-bottom: 25px;
    font-size: 24px;
    color: #282828;
    text-transform: uppercase
}

.card-about {
    padding-bottom: 40px
}

.card-about .card-g2 {
    margin-bottom: 90px
}

.card-about h3 {
    margin-bottom: 80px;
    text-align: center;
    font-family: Lora-Regular, sans-serif;
    font-size: 28px
}

@media screen and (min-width:480px) {
    .card-about h3 {
        font-size: 36px
    }
}

@media screen and (max-width:959px) {
    .card-about {
        padding-top: 30px
    }
}

.card-g2 {
    max-height: 342px;
    overflow: hidden;
    opacity: 0;
    transition: opacity .4s
}

.card-g2.slick-initialized {
    opacity: 1
}

.card-g2 .slick-arrow {
    width: 46px;
    height: 46px;
    position: absolute;
    z-index: 2
}

.card-g2 .slick-prev {
    background: #282828;
    left: 0;
    top: 50%;
    top: calc(50% - 23px)
}

.card-g2 .slick-prev:before {
    content: "";
    position: absolute;
    top: 17px;
    left: 20px;
    border: 0 solid #fff;
    width: 11px;
    height: 11px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media screen and (min-width:960px) {
    .card-g2 .slick-prev {
        top: 50%;
        left: auto;
        right: 0
    }
}

.card-g2 .slick-next {
    background: #fff;
    right: 0;
    top: 50%;
    top: calc(50% - 23px)
}

.card-g2 .slick-next:before {
    content: "";
    position: absolute;
    top: 17px;
    right: 20px;
    border: 0 solid #282828;
    width: 11px;
    height: 11px;
    border-top-width: 1px;
    border-right-width: 1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media screen and (min-width:960px) {
    .card-g2 .slick-next {
        bottom: 50%;
        top: auto
    }
}

.card-g2 .slick-slide {
    margin: 0 2px
}

.card-g2 .slick-slide img {
    max-height: 342px
}

.c-anchor-menu.is-sticky {
    position: fixed;
    top: 20px
}

.c-anchors {
    display: none;
    min-height: 250px;
    margin-top: -20px
}

@media screen and (min-width:1300px) {
    .c-anchors {
        display: block;
        float: left;
        width: 280px
    }
}

.c-anchors li a {
    font-size: 13px;
    text-transform: uppercase;
    display: inline-block;
    padding: 15px 0;
    position: relative;
    transition: padding .3s ease
}

.c-anchors li a:after {
    content: "";
    position: absolute;
    left: 0;
    width: 35px;
    height: 1px;
    background: #b59b6e;
    top: 47%;
    opacity: 0;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
    transition: opacity .2s ease, -webkit-transform .4s ease;
    transition: transform .4s ease, opacity .2s ease;
    transition: transform .4s ease, opacity .2s ease, -webkit-transform .4s ease
}

.c-anchors li a:hover {
    padding: 15px 0 15px 45px
}

.c-anchors li a:hover:after {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.c-anchors li a.is-active {
    padding: 15px 0 15px 45px;
    font-weight: 800;
    color: #b59b6e
}

.c-anchors li a.is-active:after {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

@media screen and (min-width:1300px) {
    .c-data {
        float: left;
        width: calc(100% - 280px)
    }
}

.c-contacts {
    overflow-x: hidden
}

.c-contacts .b-block {
    margin-bottom: 90px
}

@media screen and (min-width:768px) {
    .c-contacts {
        padding-top: 55px
    }
}

.c-contacts .b-block .e-title {
    margin: 40px 0 5px
}

.c-contacts .b-block .e-title:first-of-type {
    margin-top: 0
}

@media screen and (min-width:768px) {
    .c-contacts .b-block__core {
        left: 30px;
        padding-left: 20px
    }
}

@media screen and (min-width:960px) {
    .c-contacts .b-block__core {
        left: 45px;
        padding-left: 40px
    }
}

.c-contacts .d-title {
    letter-spacing: 1px
}

.c-contacts a,
.c-contacts p {
    color: #282828;
    font-size: 16px;
    font-weight: 600
}

.c-block-2 {
    margin-bottom: 40px
}

@media screen and (min-width:768px) {
    .c-block-2 {
        float: left;
        width: 38%;
        margin-bottom: 0
    }
}

@media screen and (min-width:768px) {
    .c-block-3 {
        float: right;
        width: 53%
    }
}

.c-block-1 {
    margin-bottom: 40px
}

.c-block-1 a,
.c-block-1 p {
    letter-spacing: 1px
}

@media screen and (min-width:960px) {
    .c-block-1 {
        float: left;
        width: 47%;
        padding-top: 15px
    }
}

#c-map {
    height: 290px
}

.c-map {
    margin: 40px 0
}

@media screen and (min-width:960px) {
    .c-map {
        float: left;
        width: 53%;
        margin: 0 0 70px
    }
}

.personel-big:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

@media screen and (max-width:599px) {
    .personel-big {
        max-width: 300px;
        margin: 0 auto 45px
    }
}

.personel-big img {
    width: 100%;
    max-width: 350px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: -webkit-filter .3s;
    transition: filter .3s;
    transition: filter .3s, -webkit-filter .3s
}

@media screen and (min-width:600px) {
    .personel-big img {
        float: left
    }
}

@media screen and (min-width:600px) {
    .personel-info {
        float: right;
        padding-left: 40px;
        width: calc(100% - 350px)
    }
}

.personel-title {
    font-size: 25px;
    margin: 10px 0;
    font-family: Lora-Regular, sans-serif;
    text-transform: uppercase;
    word-spacing: 2000px;
    color: #282828
}

.personel-title:focus,
.personel-title:hover {
    color: #b59b6e
}

.personel-pos {
    font-weight: 500;
    line-height: 1.4
}

.personel-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

@media screen and (min-width:600px) and (max-width:767px) {
    .personel-group {
        padding-right: 60px
    }
}

.personel:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.personel p {
    font-weight: 500;
    line-height: 1.5;
    margin: 0
}

.personel p:first-child {
    margin-top: 20px
}

@media screen and (max-width:599px) {
    .personel {
        max-width: 300px;
        margin: 0 auto 45px
    }
}

@media screen and (min-width:600px) {
    .personel {
        margin-right: 30px;
        margin-top: 45px
    }
}

@media screen and (min-width:600px) and (max-width:767px) {
    .personel {
        width: calc(50% - 15px)
    }

    .personel:nth-child(2n) {
        margin-right: 0
    }
}

@media screen and (min-width:768px) and (max-width:1299px) {
    .personel {
        width: calc(33.33% - 20px)
    }

    .personel:nth-child(3n) {
        margin-right: 0
    }
}

@media screen and (min-width:1300px) {
    .personel {
        width: calc(25% - 23px)
    }

    .personel:nth-child(4n) {
        margin-right: 0
    }
}

.personel img {
    width: 100%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: -webkit-filter .3s;
    transition: filter .3s;
    transition: filter .3s, -webkit-filter .3s
}

.facebook {
    background-position: 0 0
}

.facebook,
.instagram {
    background-image: url(img/sprite.png);
    width: 30px;
    height: 30px;
}

.instagram {
    background-position: -30px 0
}

.facebook {
    margin-right: 5px
}

#collective .b-block {
    margin-top: 50px
}

#collective .b-block:not(:last-child) {
    margin-bottom: 90px
}

@media screen and (min-width:768px) {
    .m-collective-cat {
        display: none
    }
}

.m-collective-cat .dropdown-menu {
    font-size: 14px
}

.m-collective-cat .dropdown-menu .current {
    height: 60px;
    padding: 20px
}

.m-collective-cat .dropdown-menu .dm-list>li {
    padding: 0;
    height: 60px;
    text-transform: none
}

.m-collective-cat .dropdown-menu a {
    display: block;
    height: 60px;
    padding: 20px;
    color: inherit
}

.m-collective-cat>a {
    border-top: 1px solid #c7c4c2;
    display: block;
    height: 60px;
    position: relative;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 14px;
    padding: 20px;
    color: #b59b6e;
    font-weight: 500
}

.m-collective-cat>a:after,
.m-collective-cat>a:before {
    content: "";
    position: absolute;
    right: 18px;
    top: 50%;
    width: 13px;
    height: 2px;
    background: #b59b6e;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.m-collective-cat>a:after {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.m-collective-cat.is-active a:after {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.collective-cats {
    background-image: url(img/collective-cat-bg.jpg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    padding: 25px 0 5px
}

.collective-cats ul {
    max-width: 900px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.collective-cats ul li {
    margin: 0 30px
}

.collective-cats ul li.is-active a {
    border-color: #b59b6e
}

.collective-cats ul a {
    display: block;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    color: #282828;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 3px solid #efebe8;
    transition: border-color .4s
}

.collective-cats ul a:hover {
    border-color: #e2dbd6
}

@media screen and (max-width:767px) {
    .collective-cats {
        display: none
    }
}

.collective-container {
    padding: 30px 0 40px;
    overflow: hidden
}

.collective-subcats {
    text-align: center
}

.collective-subcats a {
    display: inline-block;
    font-size: 14px;
    color: #282828;
    font-weight: 600;
    padding: 0 0 20px 60px;
    position: relative
}

.collective-subcats a:hover {
    color: #b59b6e
}

.collective-subcats a:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 13px;
    width: 32px;
    height: 1px;
    background: #b59b6e;
    opacity: 0;
    transition: opacity .3s
}

.collective-subcats a.is-active {
    color: #b59b6e
}

.collective-subcats a.is-active:after {
    opacity: 1
}

@media screen and (max-width:767px) {
    .collective-subcats {
        display: none
    }
}

@media screen and (min-width:900px) and (max-width:1299px) {
    .collective-subcats {
        padding-left: 60px;
        padding-right: 60px
    }
}

#person-card {
    padding-top: 50px;
    overflow: hidden
}

#person-card .card-actors-tabs span {
    opacity: 0
}

#person-card .b-block {
    margin-bottom: 50px
}

#person-card .c-info-1 {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px
}

#person-card .c-info-1 .c-title {
    font-size: 26px;
    margin-bottom: 1em
}

@media screen and (min-width:768px) {
    #person-card .c-info-1 .c-title {
        font-size: 36px
    }
}

#person-card .card-g2 {
    margin-bottom: 15px
}

@media screen and (min-width:960px) {
    #person-card .card-g2 {
        margin-bottom: 75px
    }
}

#person-card .card-actors-tabs {
    text-transform: uppercase;
    font-weight: 500;
    padding-left: 75px
}

#person-card .card-event {
    padding: 15px 0 30px
}

#person-card .card-event:after {
    left: 60px
}

#person-card .card-events-slider {
    max-height: 850px
}

@media screen and (max-width:479px) {
    #person-card .card-events-title {
        font-size: 11px
    }
}

@media screen and (max-width:479px) {
    #person-card .card-events-title svg {
        margin: -2px 10px 0 0
    }
}

#person-card .card-program {
    padding-bottom: 30px
}

@media screen and (min-width:960px) {
    #person-card .card-program {
        padding-bottom: 70px
    }
}

@media screen and (min-width:960px) {
    #person-card .actors-tab {
        padding: 40px 20px 50px 40px
    }
}

@media screen and (min-width:1300px) {
    #person-card .actors-tab {
        padding: 50px 20px 20px 70px
    }
}

.a-show__image {
    width: 80px;
    float: left
}

@media screen and (min-width:480px) {
    .a-show__image {
        width: 100px
    }
}

.a-show__image img {
    width: 100%
}

.a-show__content {
    float: right;
    width: calc(100% - 100px)
}

@media screen and (min-width:480px) {
    .a-show__content {
        width: calc(100% - 130px)
    }
}

.a-show__title {
    display: inline-block;
    color: #282828;
    font-family: Lora-Regular, sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 30px;
    letter-spacing: 1px
}

.a-show__title:focus,
.a-show__title:hover {
    color: #b59b6e
}

.a-show__dates {
    font-weight: 500;
    margin-bottom: 15px
}

.a-show__dates li {
    margin-bottom: 5px
}

.block-v3 {
    margin-bottom: 40px
}

.block-v3__title {
    font-size: 24px;
    font-family: Lora-Regular, sans-serif;
    color: #b59b6e;
    margin-bottom: 20px
}

.block-v3__subtitle {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 20px
}

.block-v3__table table {
    width: 100%;
    font-weight: 500
}

@media screen and (max-width:479px) {
    .block-v3__table table {
        font-size: 13px
    }
}

@media screen and (min-width:960px) {
    .block-v3__table table {
        font-size: 18px
    }
}

.block-v3__table table td {
    padding-bottom: 5px;
    padding-right: 15px
}

.block-v3__table table td:last-child {
    padding-right: 0
}

.news-title-grp .p-title {
    padding: 32px 0 20px
}

@media screen and (min-width:960px) {
    .news-title-grp .p-title {
        padding: 60px 0 20px
    }
}

.news-title-grp .p-subtitle {
    font-family: Lora-Regular, sans-serif;
    font-weight: 500;
    text-transform: none;
    font-size: 18px;
    line-height: 1.4
}

@media screen and (min-width:960px) {
    .news-content .dropdown-menu {
        display: none
    }
}

.news-content .dropdown-menu li {
    padding: 0;
    height: auto
}

.news-content .dropdown-menu a {
    color: inherit;
    display: block;
    padding: 23px 0 23px 18px
}

.news-cats {
    background: #fff;
    text-align: center
}

.news-cats li {
    display: inline-block;
    padding: 0 10px;
    margin-bottom: 40px;
    font-size: 12px
}

@media screen and (min-width:1300px) {
    .news-cats li {
        padding: 0 15px;
        letter-spacing: 1px
    }
}

.news-cats li a {
    text-transform: uppercase;
    color: #b59b6e;
    font-weight: 600;
    display: inline-block;
    padding: 0 10px 10px;
    border-bottom: 3px solid #efebe8;
    transition: border-color .3s
}

.news-cats li.active a,
.news-cats li a:hover {
    border-color: #b59b6e
}

@media screen and (max-width:959px) {
    .news-cats {
        display: none
    }
}

.news-list {
    padding: 45px 0;
    overflow: hidden
}

@media screen and (min-width:960px) {
    .news-list {
        padding: 95px 0 65px
    }
}

.f-post__arrow,
.the-post__arrow {
    position: absolute;
    width: 46px;
    height: 10px
}

.f-post__arrow:hover:after,
.the-post__arrow:hover:after {
    -webkit-transform: translate3d(6px, 0, 0) rotate(-45deg);
    transform: translate3d(6px, 0, 0) rotate(-45deg)
}

@media screen and (max-width:959px) {

    .f-post__arrow,
    .the-post__arrow {
        display: none
    }
}

.f-post__arrow:before,
.the-post__arrow:before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 100%;
    height: 1px;
    background: #282828
}

.f-post__arrow:after,
.the-post__arrow:after {
    content: "";
    position: absolute;
    top: 0;
    border: 1px solid transparent;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 0;
    border-bottom-color: #282828;
    border-right-color: #282828;
    transition: -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: transform .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94)
}

.the-post {
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
    margin-bottom: 40px
}

@media screen and (min-width:768px) {
    .the-post {
        max-width: 1220px
    }
}

@media screen and (min-width:960px) {
    .the-post {
        border: 2px solid #b59b6e;
        margin-bottom: 90px
    }
}

.the-post:last-child {
    margin-bottom: 0
}

.the-post__content {
    position: relative;
    background: #efebe8
}

@media screen and (min-width:960px) {
    .the-post__content {
        padding: 0 90px 20px 20px;
        left: 40px;
        bottom: 30px
    }
}

.the-post__image {
    margin-bottom: 10px
}

@media screen and (min-width:768px) {
    .the-post__image {
        float: left;
        width: 355px;
        margin: 0
    }
}

.the-post__image img {
    width: 100%;
    display: block
}

.the-post__text p {
    font-size: 14px
}

@media screen and (min-width:1300px) {
    .the-post__text p {
        font-size: 15px
    }
}

@media screen and (min-width:768px) {
    .the-post__text {
        float: left;
        width: calc(100% - 355px);
        padding-left: 30px
    }
}

@media screen and (min-width:960px) {
    .the-post__text {
        padding-left: 50px
    }
}

.the-post__date {
    color: #b59b6e;
    font-weight: 500
}

.the-post__arrow {
    bottom: 20px;
    right: 40px
}

.the-post__title {
    display: inline-block;
    font-size: 20px;
    font-family: Lora-Regular, sans-serif;
    color: #282828;
    margin-bottom: 10px
}

@media screen and (min-width:960px) {
    .the-post__title {
        font-size: 22px;
        margin-bottom: 17px
    }
}

.the-post__title:focus,
.the-post__title:hover {
    color: #b59b6e
}

.post-pager {
    text-align: center;
    margin-bottom: 60px
}

.wp-pagenavi {
    position: relative;
    display: inline-block
}

.wp-pagenavi a,
.wp-pagenavi span {
    width: 40px;
    height: 43px;
    text-align: center;
    color: #282828;
    display: inline-block;
    padding-top: 6px
}

.wp-pagenavi a:not(.previouspostslink):not(.nextpostslink),
.wp-pagenavi span:not(.previouspostslink):not(.nextpostslink) {
    border-bottom: 2px solid #ddd;
    font-weight: 600;
    transition: background .3s, color 0s, border-color .3s
}

.wp-pagenavi a:not(.previouspostslink):not(.nextpostslink):not(.extend):not(.current):focus,
.wp-pagenavi a:not(.previouspostslink):not(.nextpostslink):not(.extend):not(.current):hover,
.wp-pagenavi span:not(.previouspostslink):not(.nextpostslink):not(.extend):not(.current):focus,
.wp-pagenavi span:not(.previouspostslink):not(.nextpostslink):not(.extend):not(.current):hover {
    background: #b59b6e;
    border-color: #b59b6e;
    color: #fff
}

.wp-pagenavi .previouspostslink {
    position: absolute;
    right: 100%;
    top: 0
}

.wp-pagenavi .previouspostslink:after {
    content: "";
    position: absolute;
    top: 16px;
    left: 15px;
    border: 0 solid #282828;
    width: 8px;
    height: 8px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: border-color .3s
}

.wp-pagenavi .previouspostslink:focus:after,
.wp-pagenavi .previouspostslink:hover:after {
    border-color: #b59b6e
}

.wp-pagenavi .nextpostslink {
    position: absolute;
    left: 100%;
    top: 0
}

.wp-pagenavi .nextpostslink:after {
    content: "";
    position: absolute;
    top: 16px;
    left: 15px;
    border: 0 solid #282828;
    width: 8px;
    height: 8px;
    border-top-width: 1px;
    border-right-width: 1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: border-color .3s
}

.wp-pagenavi .nextpostslink:focus:after,
.wp-pagenavi .nextpostslink:hover:after {
    border-color: #b59b6e
}

.wp-pagenavi .current {
    border-color: #b59b6e !important
}

.single-post-wrap {
    padding: 50px 0;
    overflow: hidden
}

@media screen and (min-width:1300px) {
    .single-post-wrap .wrap-3 {
        max-width: 1220px
    }
}

@media screen and (min-width:1300px) {
    .single-post-wrap {
        padding: 120px 0 80px
    }
}

.post-date {
    color: #b59b6e;
    font-weight: 600;
    margin-bottom: 10px
}

.post-title {
    font-family: Lora-Regular, sans-serif;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 500
}

@media screen and (min-width:1300px) {
    .post-title {
        margin-bottom: 1.7em
    }
}

@media screen and (min-width:1300px) {
    .single-post-content {
        background: #efebe8;
        position: relative;
        bottom: 60px;
        left: 60px;
        padding-right: 200px;
        padding-left: 30px
    }
}

@media screen and (min-width:1300px) {
    .post-sidebar {
        float: left;
        width: 355px
    }
}

.post-content {
    margin-bottom: 50px
}

.post-content p {
    margin-bottom: 2em;
    font-weight: 500;
    line-height: 1.8
}

.post-content .wp-caption {
    margin-bottom: 40px
}

.post-content .wp-caption .wp-caption-text {
    margin: 0;
    font-size: 12px;
    padding-left: 10px
}

@media screen and (min-width:1300px) {
    .post-content {
        margin-bottom: 0;
        float: right;
        padding-left: 80px;
        width: calc(100% - 355px)
    }
}

@media screen and (min-width:1300px) {
    .post-content-wrap {
        border: 2px solid #b59b6e
    }
}

.post-image-desktop {
    margin-bottom: 40px
}

@media screen and (max-width:1299px) {
    .post-image-desktop {
        display: none
    }
}

@media screen and (min-width:768px) {
    .post-image-mobile {
        float: left;
        margin: 0 30px 10px 0
    }
}

@media screen and (min-width:1300px) {
    .post-image-mobile {
        display: none
    }
}

.post-share {
    max-width: 355px;
    padding-bottom: 50px;
    margin-bottom: 40px;
    border-bottom: 2px solid #b59b6e
}

.post-share__title {
    font-weight: 700;
    color: #b59b6e;
    letter-spacing: 2px;
    margin-bottom: 25px
}

.post-share .pluso {
    display: block
}

.post-share .pluso .pluso-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.post-share .pluso .pluso-wrap a {
    opacity: .75;
    transition: opacity .3s
}

.post-share .pluso .pluso-wrap a:focus,
.post-share .pluso .pluso-wrap a:hover {
    opacity: 1
}

.post-share .pluso .pluso-wrap a.pluso-facebook {
    background-image: url(img/sprite.png);
    background-position: -101px 0;
    width: 14px;
    height: 22px
}

.post-share .pluso .pluso-wrap a.pluso-twitter {
    background-image: url(img/sprite.png);
    background-position: 0 -54px;
    width: 23px;
    height: 18px
}

.post-share .pluso .pluso-wrap a.pluso-google {
    background-image: url(img/sprite.png);
    background-position: -60px 0;
    width: 21px;
    height: 22px
}

.post-share .pluso .pluso-wrap a.pluso-linkedin {
    background-image: url(img/sprite.png);
    background-position: -24px -30px;
    width: 21px;
    height: 22px
}

.post-share .pluso .pluso-wrap a.pluso-livejournal {
    background-image: url(img/sprite.png);
    background-position: 0 -30px;
    width: 24px;
    height: 24px
}

.post-share .pluso .pluso-wrap a.pluso-email {
    background-image: url(img/sprite.png);
    background-position: -23px -54px;
    width: 20px;
    height: 15px
}

.post-share .pluso .pluso-wrap a.pluso-more {
    display: none
}

.featured-news__title {
    text-transform: uppercase;
    color: #b59b6e;
    font-weight: 800;
    letter-spacing: 2px;
    margin-bottom: 30px
}

@media screen and (max-width:1299px) {
    .featured-news__container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-flow: wrap;
        flex-flow: wrap
    }
}

.f-post {
    width: 100%
}

@media screen and (max-width:767px) {
    .f-post:nth-child(3) {
        display: none
    }
}

@media screen and (min-width:550px) and (max-width:767px) {
    .f-post {
        width: 48%
    }
}

@media screen and (min-width:768px) and (max-width:1299px) {
    .f-post {
        width: 32%
    }
}

@media screen and (min-width:1300px) {
    .f-post:not(:last-child) {
        border-bottom: 2px solid #b59b6e;
        margin-bottom: 50px
    }
}

.f-post__img {
    margin-bottom: 15px
}

.f-post__img,
.f-post__img img {
    display: block
}

.f-post__date {
    color: #b59b6e;
    font-weight: 500;
    margin-bottom: 10px
}

.f-post__title {
    color: #282828;
    font-size: 22px;
    line-height: 1.3;
    font-family: Lora-Regular, sans-serif;
    margin-bottom: 20px;
    display: inline-block
}

.f-post__title:focus,
.f-post__title:hover {
    color: #b59b6e
}

.f-post__arrow {
    bottom: 30px;
    right: 0
}

@media screen and (max-width:1299px) {
    .f-post__arrow {
        display: none
    }
}

.f-post__text {
    position: relative;
    padding-bottom: 50px
}

.f-post__text p {
    font-size: 14px;
    line-height: 1.8
}

.inst {
    vertical-align: -webkit-baseline-middle;
}

.inst img{
	width: 15px;
	height: 15px;
	object-fit: contain;
}
.home .inst img{
	filter: contrast(0) brightness(2);
}
.success_form_popup{
    background-color: #fff;
    position: fixed;
    width: 100%;
    max-width: 300px;
    padding: 24px;
    -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    left: 50%;
    top: -100vh;
    transform: translate(-50%, -50%);
    z-index: 400;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
}
.success_form_popup.active{
    top: 50%;
}
.success_form_popup h3{
    font-weight: bold;
    margin-bottom: 0;
}
.success_form_popup-close{
    position: absolute;
    display: block;
    top: 8px;
    right: 8px;
    width: 16px;
    height: 16px;
}
.success_form_popup-close::after,
.success_form_popup-close::before{
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #000;
    top: 50%;
    left: 50%;
}
.success_form_popup-close::before{
    transform: translate(-50%, -50%) rotate(-45deg);
}
.success_form_popup-close::after{
    transform: translate(-50%, -50%) rotate(45deg);
}
.wpcf7-response-output{
    display: none;
}
.cookies_modal{
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 400;
    background-color: #eeebe8;
    -webkit-box-shadow: 0px -4px 8px 7px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 0px -4px 8px 7px rgba(34, 60, 80, 0.2);
    box-shadow: 0px -4px 8px 7px rgba(34, 60, 80, 0.2);
    transform: translateY(150%);
    transition: all .5s;
}
.cookies_modal.active{
    transform: translateY(0);
}
.cookies_wrap{
    padding: 24px;
}
.cookies_wrap h3{
    text-align: center;
    margin-bottom: 16px;
}
.cookies_btn_wrap{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.cookies_btn_wrap .btn{
    margin: 0 4px;
}
.cookies_btn_wrap .btn--type1,
.cookies_btn_wrap .btn--type4:hover{
    color: #9e834f;
}
.cookies_btn_wrap .btn--type1:hover{
    color: #fff;
}
@media screen and (max-width:  920px){
 .cookies_btn_wrap .btn{
    width: 100%;
    margin-bottom: 8px;
 }   
}