@import url('reset.min.css');

/* #region Fonts */
@font-face {
    font-family: 'Georgia';
    src        : local('Georgia'),
        url('/fonts/Georgia.woff2') format('woff2'),
        url('/fonts/Georgia.woff') format('woff'),
        url('/fonts/Georgia.ttf') format('truetype');
    font-display: swap;
    font-style  : normal;
    font-weight : 400;
}

@font-face {
    font-family: 'Georgia';
    src        : local('Georgia Bold'),
        url('/fonts/Georgia-Bold.woff2') format('woff2'),
        url('/fonts/Georgia-Bold.woff') format('woff'),
        url('/fonts/Georgia-Bold.ttf') format('truetype');
    font-display: swap;
    font-style  : normal;
    font-weight : 700;
}

/* #endregion */

/* #region Main */
html {
    min-width : 320px;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 100vh;
}

body {
    min-height      : 100vh;
    overflow        : hidden;
    display         : flex;
    flex-direction  : column;
    background-color: #0C0C0C;
    font-size       : 14px;
    line-height     : 1.4;
    font-weight     : 400;
    font-family     : 'Georgia', Arial, Helvetica, sans-serif;
    color           : #FFFFFF;
}

main {
    flex: 1 0 auto;
}

button,
input[type="submit"] {
    cursor: pointer;
}

.container {
    max-width: 1200px;
    padding  : 0 15px;
    margin   : 0 auto;
    position : relative;
    width    : 100%;
}

.container__lg {
    max-width: 1200px;
    padding  : 0 15px;
    margin   : 0 auto;
    position : relative;
    width    : 100%;
}

.container.container--fw {
    max-width: 100%;
}

.btn {
    display         : inline-flex;
    align-items     : center;
    justify-content : center;
    text-align      : center;
    padding         : 17px 20px;
    font-size       : 13px;
    line-height     : 1;
    font-weight     : 700;
    text-transform  : uppercase;
    color           : #0C0C0C;
    background-color: #FFF;
    border-radius   : 24px;
    border          : 1px solid #FFF;
    transition      : background-color 250ms ease, color 250ms ease, box-shadow 250ms ease-in-out;
}

a.btn {
    text-decoration: none;
}

.btn:hover,
.btn:focus {
    background-color: #0C0C0C;
    color           : #FFF;
    box-shadow      : 3px 7px 15px rgba(255, 255, 255, 0.4);
}

.btn.btn--alt {
    background-color: #0C0C0C;
    color           : #FFF;
}

.btn.btn--alt:hover,
.btn.btn--alt:focus {
    background-color: #FFF;
    color           : #0C0C0C;
}

#js-show-iframe-wrapper{
    background-color: #fff !important;
}

.sn_tl {
    font-size      : 30px;
    font-weight    : 400;
    line-height    : 1;
    color          : #FFF;
    display        : inline-flex;
    align-items    : center;
    justify-content: flex-start;
    text-align     : left;
    text-transform : uppercase;
    margin-bottom  : 40px;
}

.sn_tl.sn_tl--big {
    font-size: 43px;
}

.sn_hr>.sn_tl {
    margin-bottom: 0;
}

.sn_hr {
    margin-bottom  : 40px;
    display        : flex;
    align-items    : flex-end;
    justify-content: flex-start;
    column-gap     : 26px;
    row-gap        : 10px;
}

.sn_hr_add {
    display        : flex;
    align-items    : center;
    justify-content: flex-start;
    column-gap     : 12px;
    row-gap        : 10px;
    padding-bottom : 4px;
}

.sn_hr_lnk {
    font-size      : 14px;
    font-weight    : 700;
    line-height    : 1;
    color          : #FFF;
    text-decoration: none;
    border-bottom  : 1px solid #FFF;
    transition     : color 250ms ease, border-color 250ms ease;
}

.sn_hr_lnk:hover,
.sn_hr_lnk:focus {
    color       : #898989;
    border-color: transparent;
}

.splide__arrow {
    width           : 36px;
    height          : 36px;
    padding         : 0;
    font-size       : 36px;
    border-radius   : 100%;
    opacity         : 1;
    background-color: transparent;
    color           : #FFF;
    transition      : box-shadow 250ms ease;
}

.splide__arrow:hover {
    box-shadow: 0 0 11px 0 rgba(255, 255, 255, .4);
}

.splide__arrow.splide__arrow--prev {
    left: -10%;
}

.splide__arrow.splide__arrow--next {
    right: -10%;
}

.img_placeholder {
    width     : 100%;
    height    : 100%;
    position  : relative;
    min-height: 150px;
}

.img_placeholder::before {
    position      : absolute;
    left          : 55%;
    top           : 50%;
    transform     : translate(-50%, -50%);
    text-align    : center;
    content       : "Фото";
    text-transform: uppercase;
    font-size     : 16px;
    line-height   : 1;
    letter-spacing: 1.145em;
    color         : #414141;
    z-index       : 1;
}

/* #endregion */

/* #region Form */
.frm_head {
    width         : 100%;
    display       : flex;
    flex-direction: column;
    align-items   : center;
    margin        : 0 0 15px;
}

.frm_tl {
    font-size  : 20px;
    line-height: 1;
    font-weight: 400;
    color      : #FFF;
}

.frm_flds {
    width          : 100%;
    display        : flex;
    flex-direction : column;
    align-items    : center;
    justify-content: flex-start;
    row-gap        : 12px;
}

.frm_fld {
    display       : flex;
    flex-direction: column;
    width         : 100%;
    row-wrap      : 5px;
}

.frm_lbl {
    width          : 100%;
    display        : flex;
    flex-direction : column;
    align-items    : flex-start;
    justify-content: flex-start;
}

.frm_inp {
    font-size       : 16px;
    font-weight     : 400;
    line-height     : 1;
    width           : 100%;
    padding         : 8px 15px;
    border          : 1px solid #898989;
    background-color: transparent;
    border-radius   : 2px;
    color           : #FFF;
    outline         : none;
    transition      : border-color 250ms ease;
}

.frm_inp:focus,
.frm_inp:focus-within {
    border-color: #FFF
}

textarea.frm_inp {
    resize    : vertical;
    min-height: 120px;
}

.frm_ext {
    font-size  : 14px;
    line-height: 1.2;
    font-weight: 400;
    color      : #565656;
}

.frm_checkbox {
    position       : relative;
    display        : flex;
    align-items    : flex-start;
    justify-content: flex-start;
}

.frm_checkbox>input[type="checkbox"] {
    position: absolute;
    left    : 0;
    top     : 0;
    opacity : 0;
}

.frm_checkbox--design {
    min-width       : 15px;
    height          : 15px;
    border          : 1px solid #797979;
    background-color: transparent;
    margin-right    : 8px;
    display         : flex;
    align-items     : center;
    justify-content : center;
}

.frm_checkbox--design>svg {
    font-size : 13px;
    color     : #FFF;
    opacity   : 0;
    transition: opacity 150ms ease-in;
}

.frm_checkbox>input[type="checkbox"]:checked~.frm_checkbox--design>svg {
    opacity: 1;
}

.frm_checkbox--text {
    font-size  : 15px;
    font-weight: 400;
    line-height: 1.2;
    color      : #797979;
    user-select: none;
}

.frm_checkbox--text>a {
    color     : #FFF;
    transition: color 150ms ease;
}

.frm_checkbox--text>a:hover,
.frm_checkbox--text>a:focus {
    text-decoration: none;
    color          : #797979;
}



/* #endregion */

/* #region Header */
.header {
    display       : flex;
    flex-direction: column;
}

.hr_top {
    border-bottom: 1px solid #898989;
}

.hr_tp_in {
    display        : flex;
    flex-direction : column;
    align-items    : center;
    justify-content: center;
}

.hr_tp_in>nav {
    max-width      : 900px;
    width          : 100%;
    display        : flex;
    flex-direction : column;
    align-items    : center;
    justify-content: center;
}

.hr_tp_nv_lst {
    width          : 100%;
    margin         : 0;
    padding        : 0;
    display        : flex;
    justify-content: space-between;
    column-gap     : 15px;
    row-gap        : 10px;
}

.hr_tp_nv_lst>li {
    display       : flex;
    flex-direction: column;
    position      : relative;
}

.hr_tp_nv_lst>li>a {
    padding        : 16px 15px 18px;
    text-decoration: none;
    display        : inline-flex;
    align-items    : center;
    justify-content: center;
    text-align     : center;
    font-size      : 16px;
    line-height    : 1;
    font-weight    : 400;
    color          : #898989;
    text-transform : uppercase;
    position       : relative;
    transition     : color 350ms ease-in;
}

.hr_tp_nv_lst>li>a::before {
    content         : '';
    position        : absolute;
    top             : 0;
    left            : 50%;
    transform       : translateX(-50%);
    height          : 3px;
    width           : 0;
    border-radius   : 20px;
    background-color: #FFFFFF;
    box-shadow      : 0px 7px 15px #FFFFFF;
    transition      : width 250ms ease-in-out;
}

.hr_tp_nv_lst>li a:hover::before,
.hr_tp_nv_lst>li a:focus::before {
    width: calc(100% - 30px);
}

.hr_tp_nv_lst>li a:hover,
.hr_tp_nv_lst>li a:focus {
    color: #FFFFFF;
}

.hr_tp_nv_lst>li a.--active {
    color: #FFFFFF;
}

.hr_tp_nv_lst>li a.--active::before {
    width: calc(100% - 30px);
}

.hr_tp_drp {
    z-index                   : 0;
    visibility                : hidden;
    opacity                   : 0;
    position                  : absolute;
    transition                : visibility 0ms ease, opacity 150ms ease;
    transition-delay          : 150ms, 0ms;
    top                       : 100%;
    width                     : 250px;
    display                   : flex;
    flex-direction            : column;
    background                : #0c0c0c;
    box-shadow                : 0 0 9px 0 rgba(255, 255, 255, 0.13);
    border-bottom-left-radius : 10px;
    border-bottom-right-radius: 10px;
    border-top                : 1px solid #898989;
}

.js-hr-drp:hover>.hr_tp_drp,
.js-hr-drp:focus-within>.hr_tp_drp {
    z-index         : 5;
    opacity         : 1;
    visibility      : visible;
    transition-delay: 0ms, 150ms;
}

.hr_tp_drp_lst {
    padding       : 15px;
    margin        : 0;
    list-style    : none;
    display       : flex;
    flex-direction: column;
    row-gap       : 14px;
}

.hr_tp_drp_lst>li>a {
    font-size      : 16px;
    text-decoration: none;
    color          : #898989;
    font-weight    : 400;
    line-height    : 1.2;
    padding-bottom : 4px;
    border-bottom  : 1px solid transparent;
    transition     : border-bottom-color 150ms ease;
}

.hr_tp_drp_lst>li>a:hover,
.hr_tp_drp_lst>li>a:focus {
    border-bottom-color: #FFF;
}

.hr_bot {
    padding: 18px 0 15px;
}

.hr_bt_in {
    display        : flex;
    align-items    : center;
    justify-content: flex-start;
    column-gap     : 10px;
    row-gap        : 10px;
}

.hr_bt_lg {
    width    : 100%;
    max-width: 432px;
    display  : flex;
}

.hr_lg {
    text-decoration: none;
    display        : flex;
    align-items    : center;
    justify-content: flex-start;
    width          : 100%;
    height         : 100%;
    text-transform : uppercase;
    font-size      : 24px;
    font-weight    : 400;
    line-height    : 1.1;
    color          : #FFFFFF;
    column-gap     : 9px;
}

.hr_lg>img {
    border-radius   : 100%;
    min-width       : 76px;
    width           : 111px;
    object-fit      : contain;
    background-color: #FFFFFF;
    padding         : 1px;
    transition      : box-shadow 250ms ease-in-out;
}

.hr_lg>span {
    max-width: 312px;
}

.hr_lg:hover>img,
.hr_lg:focus>img {
    box-shadow: 0 0 15px 0 rgba(255, 255, 255, .4);
}

.hr_bt_soc {
    margin-left : auto;
    display     : flex;
    margin-right: 47px;
}

.hr_soc_lst {
    margin         : 0;
    padding        : 0;
    list-style-type: none;
    display        : flex;
    align-items    : center;
    justify-content: flex-start;
    column-gap     : 5px;
    row-gap        : 5px;
}

.hr_soc_lst a {
    width          : 30px;
    height         : 30px;
    border-radius  : 50px;
    display        : flex;
    align-items    : center;
    justify-content: center;
    border         : 1px solid #898989;
    padding        : 2px;
    font-size      : 20px;
    line-height    : 1;
    color          : #FFFFFF;
    text-decoration: none;
    transition     : color 250ms ease-in, box-shadow 250ms ease, background-color 250ms ease-in-out, border-color 250ms ease;
}

.hr_soc_lst a:hover,
.hr_soc_lst a:focus {
    background-color: #FFF;
    color           : #0C0C0C;
    border-color    : #FFF;
    box-shadow      : 0 0 5px 0 rgba(255, 255, 255, .4);
}

.hr_bt_buy {
    margin-right: 46px;
}

.hr_bt_card {
    margin-right: 36px;
}

.hr_cd_lnk {
    display        : flex;
    align-items    : center;
    justify-content: center;
    transition     : opacity 250ms ease-in-out;
}

.hr_cd_lnk:hover,
.hr_cd_lnk:focus {
    opacity: .6;
}

.hr_cd_lnk>img {
    min-width : 51px;
    max-width : 81px;
    width     : 100%;
    object-fit: contain;
}

.hr_bt_lang {
    display: flex;
}

.hr_lang_lst {
    padding        : 0;
    margin         : 0;
    list-style-type: none;
    display        : flex;
    align-items    : center;
    justify-content: center;
}

.hr_lang_lst>li {
    display        : flex;
    align-items    : center;
    justify-content: center;
}

.hr_lang_lst>li:not(:last-child)::after {
    content         : '';
    height          : 25px;
    width           : 1px;
    display         : block;
    background-color: #898989;
    margin-right    : 5px;
    margin-left     : 5px;
}

.hr_lang_lst a {
    font-size      : 13px;
    font-weight    : 700;
    line-height    : 1;
    color          : #FFF;
    text-decoration: none;
    text-transform : uppercase;
    display        : flex;
    align-items    : center;
    justify-content: center;
    padding        : 5px 2px;
    border-bottom  : 1px solid transparent;
    transition     : border-color 250ms ease;
}

.hr_lang_lst a:hover,
.hr_lang_lst a:focus {
    border-color: #FFF;
}

.hr_lang_lst a>svg {
    font-size: 24px;
}

.hr_tp_nv_btn {
    display         : none;
    padding         : 5px 15px;
    border          : 0;
    background-color: transparent;
    color           : #898989;
    font-size       : 38px;
    transition      : color 250ms ease;
}

.hr_tp_nv_btn:hover,
.hr_tp_nv_btn:focus {
    color: #FFF;
}

/* #endregion */

/* #region Banner */
.banner {
    padding-bottom: 15px;
}

.br__splide .splide__slide .br_itm {
    transform       : scale(1);
    filter          : blur(0);
    opacity         : 1;
    transition      : transform 250ms ease, filter 250ms ease, opacity 250ms ease;
    transition-delay: 0ms, 250ms, 300ms;
}

.br__splide .splide__slide:not(.is-active) .br_itm {
    filter   : blur(12px);
    opacity  : 0.7;
    transform: scale(.85);
}

.br_itm {
    user-select    : none;
    height         : 100%;
    width          : 100%;
    display        : flex;
    align-items    : flex-end;
    justify-content: center;
    padding-bottom : 25px;
}

.br_itm>.container {
    height         : 100%;
    display        : flex;
    flex-direction : column;
    align-items    : center;
    justify-content: flex-end;
}

.br_itm img {
    max-height    : 386px;
    width         : 100%;
    object-fit    : contain;
    pointer-events: none;
}

.br_itm_tl {
    opacity        : 1;
    padding-top    : 50px;
    position       : absolute;
    top            : 0;
    right          : 20%;
    font-size      : 38px;
    line-height    : 1;
    font-weight    : 700;
    color          : #FFF;
    text-align     : right;
    max-width      : 400px;
    text-decoration: none;
    transition     : opacity 1.2s ease;
}

.br__splide .splide__slide:not(.is-active) .br_itm_tl {
    opacity: 0;
}


/* #endregion */

/* #region Reviews */
.reviews {
    padding : 10px 0 40px;
    position: relative;
}

.reviews::before {
    content       : "Театр музыки и танца «Щелкунчик»";
    position      : absolute;
    font-size     : 119px;
    line-height   : 1;
    font-weight   : 700;
    text-transform: uppercase;
    color         : #141414;
    z-index       : 1;
    top           : 50px;
    left          : 50px;
    text-align    : center;
    max-width     : 1730px;
}

.reviews>.container {
    z-index: 2;
}

.rs_in {
    display       : flex;
    flex-direction: column;
}

.rs_in_lst {
    padding        : 0;
    margin         : 0;
    list-style-type: none;
    display        : flex;
    flex-direction : column;
    row-gap        : 45px;
}

.rs_lst_itm {
    display              : grid;
    grid-template-columns: 171px 1fr;
    align-items          : center;
    column-gap           : 29px;
    row-gap              : 15px;
}

.rs_itm_img {
    width           : 100%;
    height          : 171px;
    display         : flex;
    align-items     : center;
    justify-content : center;
    background-color: #242424;
    border-radius   : 100%;
    position        : relative;
    overflow        : hidden;
}

.rs_itm_img::before {
    position      : absolute;
    left          : 55%;
    top           : 50%;
    transform     : translate(-50%, -50%);
    text-align    : center;
    content       : "Фото";
    text-transform: uppercase;
    font-size     : 16px;
    line-height   : 1;
    letter-spacing: 1.145em;
    color         : #414141;
    z-index       : 1;
}

.rs_itm_img>img {
    z-index        : 2;
    position       : relative;
    width          : 100%;
    height         : 100%;
    border-radius  : 100%;
    object-fit     : cover;
    object-position: center center;
}

.rs_itm_tx {
    font-size  : 16px;
    font-weight: 400;
    color      : #ACACAC;
    line-height: 1.4;
    max-width  : 700px;
}

.rs_lst_itm:nth-child(2n) {
    grid-template-columns: 1fr 171px;
    justify-items        : flex-end;
    text-align           : right;
}

.rs_lst_itm:nth-child(2n) .rs_itm_img {
    grid-column: 2;
    grid-row   : 1;
}

/* #endregion */

/* #region Perfomances */
.perfomances {
    padding: 50px 0 25px;
}

.pfs_in {
    display       : flex;
    flex-direction: column;
}

.pfs__splide {
    width: 100%;
}

.pfs__splide .splide__slide {
    padding-bottom: 20px;
}

.pfs__splide .card{
    height: 100%;
}

.pfs__splide .card_hr{
    height: 100%;
    background-color: inherit;
}

.pfs__splide .card_hr_img{
    height: 100%;
}

.pfs__splide .card_hr_img::after{
    content: '';
    position: absolute;
    z-index: 20;
    width: 100%;
    height: 100%;
    bottom:0;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.10968137254901966) 65%, rgba(0,0,0,1) 100%);
}

.pfs__splide .card_hr_dt{
    padding: 0;
    margin-bottom: 20px;
}

.pfs__splide .card_hr_img>img{
    max-height: 100%;
}

.pfs__splide .card_md_tl {
    padding-top: 8px;
}

.pfs__splide .card_md{
    margin-bottom: 5px;
}

.card_hr_bottom{
    position: absolute;
    z-index: 20;
    bottom: 40px;
    display: grid;
    margin-top: -11px;
    justify-items: start;
}


/* #endregion */

/* #region Card */
.card {
    display       : flex;
    flex-direction: column;
    height        : 100%;
}

.card_hr {
    background-color: #171717;
    border-radius   : 10px;
    display         : flex;
    flex-direction  : column;
    padding-bottom  : 12px;
    margin-bottom   : 20px;
}

.card_hr_img {
    height       : 241px;
    display      : flex;
    margin-bottom: 10px;
}

.card_hr_img>img {
    width          : 100%;
    height         : 100%;
    max-height     : 241px;
    object-fit     : cover;
    object-position: center center;
    border-radius  : 10px;
    pointer-events : none;
}

.card_hr_dt {
    display        : flex;
    align-items    : center;
    justify-content: center;
    text-align     : left;
    padding        : 0 12px;
    column-gap     : 15px;
}

.card_dt_ic {
    font-size  : 30px;
    line-height: .5;
    color      : #FFF;
}

.card_dt_in>p {
    font-size  : 18px;
    font-weight: 400;
    color      : #FFF;
    line-height: .8;
}

.card_dt_in>span {
    font-size  : 14px;
    line-height: 1;
    font-weight: 400;
    color      : #898989;
}

.card_md {
    display       : flex;
    flex-direction: column;
    margin-bottom : 15px;
}

.card_md_tl {
    font-size      : 18px;
    font-weight    : 700;
    line-height    : 1;
    text-decoration: none;
    color          : #FFF;
    text-align     : center;
    padding-bottom : 8px;
    border-bottom  : 1px solid transparent;
    transition     : border-color 450ms ease, text-shadow 250ms ease;
}

.card_md_tl:hover {
    border-color: #898989;
    text-shadow : #FFF 0 1px 5px;
}

.card_bt {
    margin-top    : auto;
    display       : flex;
    flex-direction: column;
    align-items   : center;
}

/* #endregion */

/* #region News */
.news {
    background-color: #fff;
    padding         : 50px 0 64px;
    margin-top      : 35px;
}

.ns_in {
    display       : flex;
    flex-direction: column;
}

.ns_in_lst {
    display              : grid;
    grid-template-columns: 1fr 1fr 1fr;
    /* grid-column-gap      : 30px;
    grid-row-gap         : 30px; */
}

.ns_lst_itm{
    margin: 1.5em;
    overflow: hidden;
}

.ns_in_lst>div:nth-child(odd)>.ns_lst_itm:nth-child(even),
.ns_in_lst>div:nth-child(even)>.ns_lst_itm:nth-child(odd)
{
    display: grid;
    grid-template-columns: 140px 1fr;
    grid-gap: 0;
    height: 160px;
    align-items: start;
    padding-top: 1.5em;
    margin-top:0;
}

.ns_in_lst>div:nth-child(even)>.ns_lst_itm:nth-child(odd){
    padding-top: 0;
    margin-top: 1.5em;
}

.ns_in_lst>div:nth-child(even)>.ns_lst_itm:nth-child(even){
    padding-top: 0;
    margin-top: 1.5em;
}

.ns_in_lst>div:nth-child(odd)>.ns_lst_itm:not(:nth-child(even)) .ns_itm_img,
.ns_in_lst>div:nth-child(even)>.ns_lst_itm:not(:nth-child(odd)) .ns_itm_img
{
    height: 430px;
    min-height: inherit;
    max-height: inherit;
}

.ns_in_lst>div:nth-child(odd)>.ns_lst_itm:not(:nth-child(even)) .ns_itm_img>img,
.ns_in_lst>div:nth-child(even)>.ns_lst_itm:not(:nth-child(odd)) .ns_itm_img>img
{
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
}


.news>.container{
    max-width: 1440px;
}



.ns_lst_itm__bottom {
    border: 1px solid rgba(0, 0, 0, .2);
    padding: 1em 1.5em 1.5em;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.ns_lst_itm {
    display        : flex;
    flex-direction : column;
    align-items    : flex-start;
    justify-content: flex-start;
}

.ns_itm_img {
    display        : flex;
    align-items    : flex-start;
    justify-content: flex-start;
    /* margin-bottom  : 14px; */
    width          : 100%;
    max-width      : 100%;
    height         : 100%;
    max-height     : 160px;
}

.ns_itm_img>img {
    max-width      : 100%;
    max-height     : 100%;
    height         : 100%;
    width          : 100%;
    object-fit     : cover;
    object-position: center center;
    /* border-radius  : 10px; */
}

.ns_itm_desc {
    font-size      : 14px;
    line-height    : 1.2;
    font-weight    : 400;
    color          : #FFF;
    margin-bottom  : 10px;
    text-decoration: none;
    transition     : color 250ms ease;
    min-height: 56px;
    display: block;
}

.ns_itm_desc>* {
    font-size  : inherit;
    font-weight: inherit;
    line-height: inherit;
    color: #151515;
    font-size: 1.8em;
    line-height: 1;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    box-orient: vertical;
}

.ns_itm_desc:hover,
.ns_itm_desc:focus {
    color: #898989
}

.ns_itm_dt {
    font-size  : 14px;
    font-weight: 400;
    line-height: 1.2;
    color      : #565656;
    color: #151515;

    font-size: 1.2em;
    line-height: 1.7;
    font-style: italic;
    margin-top: auto;
}

.news .sn_tl{
    color: #151515;
}

.news .sn_hr_lnk{
    color: #151515;
    border-bottom: 1px solid #151515;
}

/* #endregion */

/* #region Footer */

.footer {
    padding: 47px 0 60px;
}

.fr_in {
    display        : flex;
    flex-wrap      : wrap;
    align-items    : flex-start;
    justify-content: space-between;
    column-gap     : 15px;
    row-gap        : 35px;
}

.fr_in_inf {
    display       : flex;
    flex-direction: column;
    align-items   : flex-start;
    width         : 100%;
    max-width     : 340px;
}

.fr_lg {
    text-decoration: none;
    display        : flex;
    align-items    : center;
    justify-content: flex-start;
    width          : 100%;
    height         : 100%;
    text-transform : uppercase;
    font-size      : 15px;
    font-weight    : 400;
    line-height    : 1.1;
    color          : #FFFFFF;
    column-gap     : 9px;
    margin-bottom  : 30px;
}

.fr_lg>img {
    border-radius   : 100%;
    min-width       : 40px;
    width           : 65px;
    object-fit      : contain;
    background-color: #FFFFFF;
    padding         : 1px;
    transition      : box-shadow 250ms ease-in-out;
}

.fr_lg:hover>img,
.fr_lg:focus>img {
    box-shadow: 0 0 15px 0 rgba(255, 255, 255, .4);
}

.fr_lg>span {
    max-width: 195px;
}

.fr_in_inf .btn {
    margin-bottom: 25px;
}

.fr_soc_lst {
    margin         : 0 0 20px;
    padding        : 0;
    list-style-type: none;
    display        : flex;
    align-items    : center;
    justify-content: flex-start;
    column-gap     : 5px;
    row-gap        : 5px;
}

.fr_soc_lst a {
    width          : 30px;
    height         : 30px;
    border-radius  : 50px;
    display        : flex;
    align-items    : center;
    justify-content: center;
    border         : 1px solid #898989;
    padding        : 2px;
    font-size      : 20px;
    line-height    : 1;
    color          : #FFFFFF;
    text-decoration: none;
    transition     : color 250ms ease-in, box-shadow 250ms ease, background-color 250ms ease-in-out, border-color 250ms ease;
}

.fr_soc_lst a:hover,
.fr_soc_lst a:focus {
    background-color: #FFF;
    color           : #0C0C0C;
    border-color    : #FFF;
    box-shadow      : 0 0 5px 0 rgba(255, 255, 255, .4);
}

.fr_copy {
    font-size  : 16px;
    font-weight: 400;
    line-height: 1.1;
    color      : #898989;
}

.fr_in_nav {
    display       : flex;
    flex-direction: column;
}

.fr_nav_lst {
    padding        : 0;
    margin         : 0;
    list-style-type: none;
    display        : flex;
    flex-direction : column;
    row-gap        : 12px;
}

.fr_in_nav a {
    font-size      : 16px;
    font-weight    : 400;
    line-height    : 1.4;
    color          : #898989;
    text-decoration: none;
    transition     : color 250ms ease;
}

.fr_in_nav a:hover,
.fr_in_nav:focus {
    color: #FFF;
}

.fr_in_cts {
    width         : 100%;
    max-width     : 556px;
    display       : flex;
    flex-direction: column;
    align-items   : flex-start;
}

.fr_cts_lst {
    width          : 100%;
    margin         : 0;
    padding        : 0;
    list-style-type: none;
    display        : flex;
    flex-direction : column;
    align-items    : flex-start;
    row-gap        : 32px;
    max-height     : 300px;
    flex-wrap      : wrap;
    column-gap     : 55px;
    justify-content: flex-start;
}

body.bvi-active .fr_cts_lst {
    max-height: 430px;
    max-width : 340px;
}

.fr_cts_itm {
    display        : flex;
    align-items    : flex-start;
    justify-content: flex-start;
    column-gap     : 17px;
    width          : 50%;
}

.fr_cts_ic {
    display        : flex;
    align-items    : center;
    justify-content: center;
    font-size      : 24px;
    color          : #FFFFFF;
    line-height    : 1;
}

.fr_cts_in {
    display        : flex;
    flex-direction : column;
    align-items    : flex-start;
    justify-content: flex-start;
    row-gap        : 10px;
}

.fr_cts_itm--sm .fr_cts_in {
    padding-top: 3px;
}

.fr_cts_in>a {
    font-size      : 24px;
    line-height    : 1;
    font-weight    : 400;
    color          : #FFF;
    text-decoration: none;
    transition     : text-shadow 250ms ease;
}

.fr_cts_in>a:hover,
.fr_cts_in>a:focus {
    text-shadow: #FFF 1px 0 5px;
}

.fr_cts_in>span {
    font-size  : 16px;
    font-weight: 400;
    line-height: 1;
    color      : #898989;
}

.fr_cts_itm--sm .fr_cts_in>a {
    font-size: 16px;
}

.fr_cts_itm--sm .fr_cts_in>span {
    font-size: 13px;
}

.fr_in_gos {
    margin-top    : 25px;
    display       : flex;
    flex-direction: column;
    width         : 100%;
}

.fr_gos_lst {
    display              : grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    column-gap           : 40px;
    row-gap              : 40px;
    padding              : 0;
    margin               : 0;
    list-style           : none;
}

.fr_gos_lst a {
    display        : flex;
    align-items    : center;
    justify-content: center;
    transition     : opacity 300ms ease;
}

.fr_gos_lst a:hover,
.fr_gos_lst a:focus {
    opacity: .5;
}

.fr_gos_lst img {
    max-width : 170px;
    max-height: 110px;
    width     : 100%;
    height    : auto;
    object-fit: contain;
}

/* #endregion */

/* #region Breadcrumbs */
.breadcrumbs {
    padding      : 12px 0;
    border-bottom: 1px solid #898989;
}

.bdc_lst {
    padding        : 0;
    margin         : 0;
    display        : flex;
    align-items    : center;
    justify-content: center;
    flex-wrap      : wrap;
    column-gap     : 5px;
    font-size      : 16px;
    line-height    : 1;
}

.bdc_lst>a {
    font-size      : 16px;
    font-weight    : 400;
    line-height    : 1.4;
    color          : #898989;
    text-decoration: none;
    border-bottom  : 1px solid transparent;
    transition     : color 250ms ease, border-color 250ms ease;
}

.bdc_lst>a:hover {
    color       : #FFF;
    border-color: #FFFFFF;
}

/* #endregion */

/* #region Page */
.page {
    padding   : 65px 0 50px;
    background: linear-gradient(to top, #0C0C0C 0%, #151515 50%);
}

.pg_in {
    display       : flex;
    flex-direction: column;
}

.pg_in_lst {
    padding        : 0;
    margin         : 0;
    list-style     : none;
    display        : flex;
    flex-wrap      : wrap;
    align-items    : center;
    justify-content: flex-start;
    column-gap     : 15px;
}

.pg_in_lst a {
    font-size  : 16px;
    font-weight: 400;
    line-height: 1.4;
    color      : #898989;
}

.pg_in_text::after,
.pg_in_text::before {
    content: ' ';
    clear  : both;
    display: inline-table;
}

.pg_in_text>*:not(h1, h2, h3, h4, h5) {
    font-size: 16px;
}

.pg_in_text>* {
    margin-bottom: 1rem;
    line-height  : 1.6;
}

.pg_in_text a {
    color                  : #FFF;
    text-underline-position: under;
    transition             : color 300ms ease;
}

.pg_in_text a:hover {
    color: #898989;
}

.pg_in_text blockquote {
    padding-left: 1rem;
    border-left : 2px solid #898989;
}

.pg_in_text img {
    max-width : 100%;
    object-fit: contain;
}

.pg_in_gall {
    padding-top: 45px;
}

.pg_gall__splide .glightbox {
    display      : flex;
    width        : 100%;
    height       : 100%;
    border-radius: 10px;
    overflow     : hidden;
}

.pg_gall__splide .glightbox>img {
    border-radius  : 10px;
    width          : 100%;
    height         : 100%;
    object-fit     : cover;
    object-position: center center;
}

/* #endregion */

/* #region Afisha */
.afisha {
    padding: 40px 0 50px;
}

.afa_lst {
    display              : grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    grid-column-gap      : 40px;
    grid-row-gap         : 40px;
}

.afa_one {
    display              : grid;
    grid-template-columns: 350px 1fr;
    align-items          : flex-start;
    column-gap           : 40px;
    row-gap              : 40px;
}

.afa_one_pic {
    height          : 1px;
    min-height      : 300px;
    width           : 100%;
    background-color: #171717;
    border-radius   : 10px;
    display         : flex;
    flex-direction  : column;
    align-items     : center;
    justify-content : center;
}

.afa_one_pic .glightbox {
    width          : 100%;
    height         : 100%;
    display        : flex;
    align-items    : center;
    justify-content: center;
}

.afa_one_pic img {
    width          : 100%;
    height         : 100%;
    object-fit     : cover;
    object-position: center;
    border-radius  : 10px;
}

.afa_one_info_desc::after,
.afa_one_info_desc::before {
    content: ' ';
    clear  : both;
    display: inline-table;
}

.afa_one_info_desc>*:not(h1, h2, h3, h4, h5) {
    font-size: 16px;
}

.afa_one_info_desc>* {
    margin-bottom: 1rem;
    line-height  : 1.6;
}

.afa_one_info_desc blockquote {
    padding-left: 1rem;
    border-left : 2px solid #898989;
}

.afa_one_info_desc img {
    max-width : 100%;
    object-fit: contain;
}

/* #endregion */

/* #region Zero */
.zero {
    padding: 40px 0 50px;
}

.zero_tl {
    font-size      : 80px;
    font-weight    : 700;
    line-height    : 1;
    display        : inline-flex;
    align-items    : flex-end;
    justify-content: flex-start;
    column-gap     : 10px;
    margin-bottom  : 25px;
    color          : #FFF;
}

.zero_tl>span {
    font-size: 44px;
    color    : #898989
}

.zero_desc {
    font-size  : 16px;
    line-height: 1.4;
    color      : #898989;
}

/* #endregion */

/* #region Contacts */
.contacts {
    padding: 40px 0 50px;
}

.ctt_map {
    overflow     : hidden;
    border-radius: 10px;
    position     : relative;
}

.ctt_map>iframe {
    border-radius: inherit;
    border       : 0;
    outline      : none;
}

.ctt_map::before {
    z-index       : 1;
    position      : absolute;
    left          : 0;
    right         : 0;
    bottom        : 0;
    top           : 0;
    content       : '';
    box-shadow    : inset 0 0 171px 29px rgb(0, 0, 0);
    pointer-events: none;
}

.ctt_in {
    display       : flex;
    flex-direction: column;
}

.ctt_info {
    display              : grid;
    grid-template-columns: 1fr 380px;
    grid-column-gap      : 50px;
    grid-row-gap         : 30px;
    margin-bottom        : 30px;
}

.ctt_lft_lst {
    margin               : 0 0 30px;
    padding              : 0;
    list-style-type      : none;
    display              : grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap      : 10px;
    grid-row-gap         : 14px;
}

.ctt_lft_itm {
    display        : flex;
    align-items    : flex-start;
    justify-content: flex-start;
    column-gap     : 14px;
}

.ctt_itm_ic {
    display        : flex;
    align-items    : center;
    justify-content: center;
    font-size      : 20px;
    color          : #FFFFFF;
    line-height    : 1;
}

.ctt_itm_in {
    display        : flex;
    flex-direction : column;
    align-items    : flex-start;
    justify-content: flex-start;
    row-gap        : 8px;
}

.ctt_itm_in>a {
    font-size      : 16px;
    line-height    : 1;
    font-weight    : 400;
    color          : #FFF;
    text-decoration: none;
    transition     : text-shadow 250ms ease;
}

.ctt_itm_in>a:hover,
.ctt_itm_in>a:focus {
    text-shadow: #FFF 1px 0 5px;
}

.ctt_itm_in>span {
    font-size  : 14px;
    font-weight: 400;
    line-height: 1;
    color      : #898989;
}

.ctt_info_right {
    background-color: #151515;
    border          : 1px solid #898989;
    border-radius   : 10px;
    padding         : 15px;
    display         : flex;
    flex-direction  : column;
}

.ctt_form {
    display       : flex;
    flex-direction: column;
    align-items   : center;
    width         : 100%;
    height        : 100%;
}

/* #endregion */

/* #region Truppa */
.truppa {
    padding: 40px 0 50px;
}

.tpp_in {
    display       : flex;
    flex-direction: column;
}

.tpp_lst {
    padding              : 0;
    margin               : 0;
    list-style-type      : none;
    display              : grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    grid-column-gap      : 40px;
    grid-row-gap         : 40px;
}

.tpp_itm {
    display       : flex;
    flex-direction: column;
    align-items   : center;
    text-align    : center;
}

.tpp_itm_img {
    width           : 171px;
    height          : 171px;
    border-radius   : 100%;
    background-color: #242424;
    display         : flex;
    align-items     : center;
    justify-content : center;
    position        : relative;
    overflow        : hidden;
    margin          : 0 0 20px;
}

.tpp_itm_img>img {
    position       : relative;
    width          : 100%;
    height         : 100%;
    border-radius  : 100%;
    object-fit     : cover;
    object-position: center center;
}

.tpp_itm_tl {
    font-size  : 18px;
    font-weight: 400;
    line-height: 1.2;
    color      : #FFF;
}

/* #endregion */

/* #region Gallery */
.gallery {
    padding: 45px 0 50px;
}

.gll_in {
    display       : flex;
    flex-direction: column;
}

.gll_lst {
    padding              : 0;
    margin               : 0;
    list-style-type      : none;
    display              : grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-column-gap      : 30px;
    grid-row-gap         : 30px;
}

.gll_itm {
    display         : flex;
    flex-direction  : column;
    width           : 100%;
    background-color: #171717;
    border-radius   : 10px;
    padding-bottom  : 15px;
    font-size       : 16px;
    font-weight     : 400;
    line-height     : 1.2;
    color           : #FFF;
    text-decoration : none;
    transition      : box-shadow 250ms ease, transform 500ms ease;
}

.gll_itm_img {
    display        : flex;
    flex-direction : column;
    align-content  : center;
    justify-content: center;
    margin-bottom  : 10px;
    filter         : grayscale(.7);
    transition     : filter 500ms ease;
}

.gll_itm_img>img {
    max-height     : 240px;
    width          : 100%;
    height         : 100%;
    object-fit     : cover;
    object-position: center;
    border-radius  : 10px;
}

.gll_itm_tl {
    padding: 4px 15px;
}

.gll_itm:hover,
.gll_itm:focus-within {
    box-shadow: 0 0 11px 0 rgba(255, 255, 255, .4);
    transform : translateY(-2px);
}

.gll_itm:hover .gll_itm_img,
.gll_itm:focus-within .gll_itm_img {
    filter: grayscale(0);
}

.gll_pag {
    padding        : 25px 0;
    font-size      : 14px;
    line-height    : 1;
    color          : #898989;
    display        : flex;
    align-items    : center;
    justify-content: center;
}

.gll_pag>* {
    width          : 32px;
    height         : 32px;
    display        : inline-flex;
    align-items    : center;
    justify-content: center;
    padding        : 4px;
    color          : #FFFFFF;
    font-size      : 24px;
    font-weight    : 400;
    text-decoration: none;
}

.gll_pag>*.curpagenum {
    color: #898989;
}

/* #endregion */

/* #region News Category */
.news_category {
    padding: 45px 0 50px;
    background-color: #fff;
}

.white_section {
    background: #fff !important;
}


.white_section .sn_tl--big{
    color: #151515;
}
.white_section .pg_in_text *{
    color: #151515;
}
.white_section .splide__arrow svg {
    fill: #151515;
    color: #151515;
}

.nwsc_in {
    display       : flex;
    flex-direction: column;
}

.nwsc_in_lst {
    display              : grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    grid-column-gap      : 30px;
    grid-row-gap         : 30px;
}

.nwsc_lst_itm {
    display        : flex;
    flex-direction : column;
    align-items    : flex-start;
    justify-content: flex-start;
}

.nwsc_itm_img {
    display        : flex;
    align-items    : flex-start;
    justify-content: flex-start;
    margin-bottom  : 14px;
    width          : 100%;
    max-width      : 206px;
    height         : 100%;
    max-height     : 160px;
}

.nwsc_itm_img>img {
    max-width      : 206px;
    max-height     : 160px;
    height         : 100%;
    width          : 100%;
    object-fit     : cover;
    object-position: center center;
    border-radius  : 10px;
}

.nwsc_itm_desc {
    font-size      : 14px;
    line-height    : 1.2;
    font-weight    : 400;
    color          : #FFF;
    margin-bottom  : 10px;
    text-decoration: none;
    transition     : color 250ms ease;
}

.nwsc_itm_desc>* {
    font-size  : inherit;
    font-weight: inherit;
    line-height: inherit;
}

.nwsc_itm_desc:hover,
.nwsc_itm_desc:focus {
    color: #898989
}

.nwsc_itm_dt {
    font-size  : 14px;
    font-weight: 400;
    line-height: 1.2;
    color      : #565656;
}

/* #endregion */

/* #region SEOCocktail / Site created by @quelondllari*/
.seococktail {
    margin-top     : 15px;
    display        : flex;
    align-items    : flex-start;
    justify-content: flex-start;
    max-width      : 140px;
    width          : 100%;
}

.seococktail>img {
    width     : 100%;
    object-fit: contain;
}

/* #endregion */

/* #region Modal */
.modal {
    width           : 100%;
    height          : 100%;
    position        : fixed;
    left            : 0;
    top             : 0;
    right           : 0;
    bottom          : 0;
    background-color: rgba(0, 0, 0, 0.6);
    padding         : 15px;
    z-index         : 10;
    display         : flex;
    align-items     : center;
    justify-content : center;
    transition      : visibility 300ms ease, opacity 300ms ease;
}

.modal.--is_fade {
    visibility: hidden;
    opacity   : 0;
}

.modal__dialog {
    width         : 100%;
    max-width     : 400px;
    margin        : auto;
    max-height    : 100%;
    display       : flex;
    flex-direction: column;
}

.modal__comments .modal__dialog {
    max-width: 600px;
}

.modal__container {
    display         : flex;
    flex-direction  : column;
    position        : relative;
    max-height      : 95vh;
    background-color: #151515;
    border          : 1px solid #898989;
    border-radius   : 10px;
}

.modal__close {
    position   : absolute;
    right      : 3px;
    top        : 4px;
    font-size  : 26px;
    line-height: 1;
    color      : #FFF;
    transition : opacity 300ms ease;
}

.modal__close:hover,
.modal__close:focus {
    opacity: .6;
}

.modal__header {
    padding        : 20px 20px 5px;
    display        : flex;
    flex-direction : column;
    align-items    : center;
    justify-content: flex-start;
}

.modal__title {
    font-size    : 24px;
    line-height  : 1.2;
    color        : #FFF;
    margin-bottom: 10px;
    font-weight  : 600;
}

.modal__text {
    font-size: 14px;
    color    : #FFF;
}

.modal__body {
    padding         : 15px;
    display         : flex;
    flex-direction  : column;
    background-color: var(--light-gray);
    overflow-y      : auto;
    max-height      : 85vh;
}

/* #endregion */

/* #region Captcha */
.captcha label {
    display: block;
    margin-bottom: 0.5rem;
  }

  .captcha input[type="text"] {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  }

  .captcha  input[type="text"]:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
  }

  .captcha input.is-invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
    background-color: #fff;
  }

  .captcha .invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545;
  }

  .captcha .is-invalid~.invalid-feedback {
    display: block;
  }

  .captcha .captcha__image-reload {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
  }

  .captcha .captcha__image {
    border-radius: 0.25rem;
  }

  .captcha  .captcha__refresh {
    margin-left: 0.5rem;
  }

  .captcha .captcha__refresh::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-arrow-repeat' viewBox='0 0 16 16'%3E%3Cpath d='M11.534 7h3.932a.25.25 0 0 1 .192.41l-1.966 2.36a.25.25 0 0 1-.384 0l-1.966-2.36a.25.25 0 0 1 .192-.41zm-11 2h3.932a.25.25 0 0 0 .192-.41L2.692 6.23a.25.25 0 0 0-.384 0L.342 8.59A.25.25 0 0 0 .534 9z'/%3E%3Cpath fill-rule='evenodd' d='M8 3c-1.552 0-2.94.707-3.857 1.818a.5.5 0 1 1-.771-.636A6.002 6.002 0 0 1 13.917 7H12.9A5.002 5.002 0 0 0 8 3zM3.1 9a5.002 5.002 0 0 0 8.757 2.182.5.5 0 1 1 .771.636A6.002 6.002 0 0 1 2.083 9H3.1z'/%3E%3C/svg%3E");
  }

  .captcha .captcha__group {
    margin-bottom: 1rem;
  }

  .captcha .d-none {
    display: none;
  }

  .captcha .form-result {
    background-color: #e8f5e9;
    padding: 1rem;
    margin-bottom: 1rem;
    border: 1px solid #e8f5e9;
    border-radius: .25rem;
    color: #2e7d32;
  }

/* #endregion */

/* #region Media */
@media all and (max-width: 1599px) {

    /* #region Banner */
    .br_itm img {
        max-height: 306px;
    }

    .br_itm_tl {
        padding-top: 30px;
        font-size  : 36px;
    }

    /* #endregion */

    .ns_in_lst>div:nth-child(1)>.ns_lst_itm:not(:nth-child(2)) .ns_itm_img,
    .ns_in_lst>div:nth-child(2)>.ns_lst_itm:not(:nth-child(1)) .ns_itm_img,
    .ns_in_lst>div:nth-child(3)>.ns_lst_itm:not(:nth-child(2)) .ns_itm_img
    {
        height: 340px;
    }
}

@media all and (max-width: 1279px) {

    /* #region Main */
    .container {
        max-width: 992px;
    }

    .container__lg{
        max-width: 992px;
    }

    .btn {
        padding  : 14px 18px;
        font-size: 12px;
    }

    .sn_tl {
        font-size: 28px;
    }

    .sn_tl.sn_tl--big {
        font-size: 38px;
    }

    .splide__arrow.splide__arrow--prev {
        left: -2%;
    }

    .splide__arrow.splide__arrow--next {
        right: -2%;
    }

    /* #endregion */

    /* #region Header */
    .hr_tp_nv_lst>li>a {
        padding  : 14px 15px 16px;
        font-size: 14px;
    }

    .hr_bt_lg {
        max-width: 362px;
    }

    .hr_lg {
        font-size: 20px;
    }

    .hr_bt_soc {
        margin-right: 15px;
    }

    .hr_bt_buy {
        margin-right: 15px;
    }

    .hr_bt_card {
        margin-right: 15px;
    }

    .hr_cd_lnk>img {
        max-width: 70px;
    }

    /* #endregion */

    /* #region Banner */
    .br_itm img {
        max-height: 256px;
    }

    .br_itm_tl {
        padding-top: 25px;
        font-size  : 34px;
    }

    /* #endregion */

    /* #region Reviews */
    .reviews {
        padding: 10px 0 35px;
    }

    .reviews::before {
        font-size: 69px;
    }

    .rs_in_lst {
        row-gap: 35px;
    }

    .rs_lst_itm {
        grid-template-columns: 151px 1fr;
    }

    .rs_itm_img {
        height: 151px;
    }

    .rs_itm_tx {
        font-size: 14px;
    }

    .rs_lst_itm:nth-child(2n) {
        grid-template-columns: 1fr 151px;
    }

    /* #endregion */

    /* #region Perfomances */
    .perfomances {
        padding: 25px 0;
    }

    /* #endregion */

    /* #region Card */
    .card_md_tl {
        font-size: 16px;
    }

    .card_hr_dt {
        column-gap: 10px;
    }

    .card_dt_ic {
        font-size: 28px;
    }

    .card_dt_in>p {
        font-size: 17px;
    }

    .card_dt_in>span {
        font-size: 13px;
    }

    /* #endregion */

    /* #region News */
    .news {
        padding   : 35px 0 45px;
        margin-top: 15px;
    }

    /* .ns_in_lst {
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    } */

    .ns_itm_desc>*{
        font-size: 1em;
    }

    .ns_lst_itm{
        margin: 1em;
        overflow: hidden;
    }

    .ns_in_lst>div:nth-child(1)>.ns_lst_itm:nth-child(2),
    .ns_in_lst>div:nth-child(2)>.ns_lst_itm:nth-child(1),
    .ns_in_lst>div:nth-child(3)>.ns_lst_itm:nth-child(2)
    {
        padding-top: 1em;
        margin-top:0;
    }

    .ns_in_lst>div:nth-child(2)>.ns_lst_itm:nth-child(1){
        padding-top: 0;
        margin-top: 1em;
    }

    .ns_in_lst>div:nth-child(2)>.ns_lst_itm:nth-child(2){
        padding-top: 0;
        margin-top: 1em;
    }

    .ns_itm_dt{
        font-size: 1em;
        line-height: 1;
    }
    /* #endregion */

    /* #region Footer */
    .footer {
        padding: 40px 0 50px;
    }

    .fr_in_cts {
        max-width: 446px;
    }

    .fr_cts_ic {
        font-size: 22px;
    }

    .fr_cts_in>a {
        font-size: 20px;
    }

    .fr_cts_in>span {
        font-size: 14px;
    }

    .fr_copy {
        font-size: 14px;
    }

    .fr_cts_itm--sm .fr_cts_in>a {
        font-size: 14px;
    }

    .fr_cts_itm--sm .fr_cts_in>span {
        font-size: 13px;
    }

    /* #endregion */

    /* #region Zero */
    .zero_tl {
        font-size: 70px;
    }

    .zero_tl>span {
        font-size: 40px;
    }

    /* #endregion */

    /* #region Form */
    .frm_tl {
        font-size: 18px;
    }

    .frm_inp {
        font-size: 14px;
    }

    .g-recaptcha {
        transform: scale(0.75)translateX(-37px);
    }

    .modal .g-recaptcha {
        transform: none;
    }

    .frm_ext {
        font-size: 12px;
    }

    /* #endregion */

    /* #region Contacts */
    .ctt_info {
        grid-template-columns: 1fr 265px;
        grid-column-gap      : 15px;
    }

    .ctt_info_right {
        padding: 10px;
    }

    .ctt_itm_in>a {
        font-size: 15px;
    }

    .ctt_map>iframe {
        height: 400px;
    }

    /* #endregion */

    /* #region News Category */
    .nwsc_in_lst {
        grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    }

    /* #endregion */
}

@media all and (max-width: 1023px) {

    /* #region Main */
    .container {
        max-width: 740px;
    }

    .container__lg{
        max-width: 740px;
    }

    /* #endregion */

    /* #region Header */
    .hr_lg>span {
        display: none;
    }

    .hr_bt_lg {
        max-width: 111px;
    }

    /* #endregion */

    /* #region News */
    .ns_in_lst {
        grid-template-columns: 1fr 1fr;
    }
    .ns_in_lst>div:nth-child(1)>.ns_lst_itm:not(:nth-child(2)) .ns_itm_img,
    .ns_in_lst>div:nth-child(2)>.ns_lst_itm:not(:nth-child(1)) .ns_itm_img,
    .ns_in_lst>div:nth-child(3)>.ns_lst_itm:not(:nth-child(2)) .ns_itm_img
    {
        height: 280px;
    }

    .ns_itm_desc{
        font-size: 18px;
    }



    /* #endregion */

    /* #region Footer */
    .fr_in_inf {
        order: 3;
    }

    /* #endregion */

    /* #region News Category */
    .nwsc_in_lst {
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    }

    /* #endregion */

    /* #region Afisha */
    .afa_one {
        grid-template-columns: 100%;
    }

    /* #endregion */
}

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

    /* #region Main */
    .container {
        max-width: 550px;
    }

    .sn_tl.sn_tl--big {
        font-size: 32px;
    }

    .splide__arrow.splide__arrow--prev {
        left: -3.5%;
    }

    .splide__arrow.splide__arrow--next {
        right: -3.5%;
    }

    .sn_tl {
        margin-bottom: 30px;
    }

    .sn_hr {
        margin-bottom: 30px;
    }

    /* #endregion */

    /* #region Header */
    .hr_tp_nv_lst {
        column-gap: 10px;
    }

    .hr_tp_nv_lst>li>a {
        padding-left : 0;
        padding-right: 0;
    }

    .hr_tp_nv_lst>li>a:hover::before,
    .hr_tp_nv_lst>li>a:focus::before {
        width: 100%;
    }

    .hr_bt_lg {
        max-width: 87px;
    }

    .hr_bt_buy {
        margin-left: auto;
    }

    .hr_bt_soc {
        display: none;
    }

    /* #endregion */

    /* #region Banner */
    .br__splide .splide__slide:not(.is-active) .br_itm {
        transform: scale(.85);
    }

    .br_itm_tl {
        font-size  : 28px;
        padding-top: 20px;
        right      : 10%;
    }

    /* #endregion */

    /* #region Reviews */

    .reviews::before {
        left     : 15px;
        font-size: 55px;
    }

    .rs_lst_itm {
        column-gap: 15px;
    }

    .rs_itm_tx {
        line-height: 1.3;
    }

    /* #endregion */

    /* #region Perfomances */
    .pfs__splide {
        padding: 0 25px;
    }

    /* #endregion */

    /* #region Card */
    .card_hr_img {
        height: 191px;
    }

    .card_hr_img>img {
        max-height: 191px;
    }

    .card_hr {
        margin-bottom: 12px;
    }

    .card_md_tl {
        font-size: 16px;
    }

    .card_md {
        margin-bottom: 10px;
    }

    /* #endregion */

    /* #region News */
    .news {
        margin-top: 0;
    }

    /* #endregion */

    /* #region Footer */
    .fr_in_cts {
        max-width: 100%;
    }

    .fr_nav_lst {
        column-gap    : 12px;
        flex-direction: row;
    }

    /* #endregion */

    /* #region Zero */
    .zero_tl {
        font-size: 58px;
    }

    .zero_tl>span {
        font-size: 30px;
    }

    .zero_desc {
        font-size: 14px;
    }

    /* #endregion */

    /* #region Form */
    .g-recaptcha {
        transform: none;
    }

    /* #endregion */

    /* #region Contacts */
    .ctt_info {
        grid-template-columns: 100%;
    }

    .ctt_map::before {
        box-shadow: inset 0 0 111px 29px rgb(0, 0, 0);
    }

    /* #endregion */

    /* #region Gallery */
    .gll_lst {
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
        grid-column-gap      : 15px;
        grid-row-gap         : 15px;
    }

    /* #endregion */

    .container__lg{
        max-width: inherit;
        padding: inherit;
        margin: inherit;
        position: inherit;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .container__mb{
        max-width: 550px;
        padding: 0 15px;
        margin: 0 auto;
        position: relative;
        width: 100%;
    }

    .pfs__splide .card_hr_img {
        height: 191px;
        padding-bottom: 10px;
    }

    .pfs__splide .card_hr_img>img{
        height: 191px;
    }

    .pfs__splide .card_hr{
        /* background-color: #171717; */
    }

    .pfs__splide .card_hr_dt{
        grid-row: 1;
        background-color: #171717;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
        width: 100%;
        padding-top: 10px;
        margin-top: -10px;
        padding-bottom: 8px;
        margin-bottom: 10px;
    }

    .pfs__splide .card_bt{
        width: 100%;
    }

    .card_hr_bottom{
        bottom: 0;
        position: relative;
    }

    .pfs__splide .card_hr_img::after{
        content: none;
    }

    .ns_in_lst{
        display: block;
    }

}

@media all and (max-width: 575px) {

    /* #region Main */
    .container {
        max-width: 100%;
    }
    .container__mb{
        max-width: 100%;
    }

    .sn_tl.sn_tl--big {
        font-size: 28px;
    }

    .splide__arrow {
        width : 29px;
        height: 29px;
    }

    .sn_hr {
        flex-direction: column;
        align-items   : center;
        text-align    : center;
    }

    .sn_tl {
        font-size      : 26px;
        text-align     : center;
        justify-content: center;
        width          : 100%;
    }

    /* #endregion */

    /* #region Header */
    .hr_bot {
        padding: 10px 0;
    }

    .hr_bt_in {
        flex-direction: column;
    }

    .hr_bt_lg {
        max-width: 111px;
    }

    .hr_bt_soc {
        display     : flex;
        margin-left : 0;
        margin-right: 0;
    }

    .hr_bt_buy {
        margin-left : 0;
        margin-right: 0;
    }

    .hr_bt_card {
        margin-right: 0;
    }

    .hr_tp_nv_btn {
        display: flex;
    }

    .hr_tp_nv_drop {
        width     : 100%;
        overflow  : hidden;
        max-height: 0;
        transition: max-height 500ms ease;
    }

    .hr_tp_nv_lst {
        padding       : 10px 0;
        flex-direction: column;
        align-items   : center;
        text-align    : center;
        border-top    : 1px solid #89898945;
        width         : 100%;
    }

    .hr_tp_nv_lst>li>a {
        padding: 10px;
    }

    .hr_tp_drp {
        border-top: 0;
        position  : unset;
        visibility: visible;
        opacity   : 1;
        width     : 100%;
        box-shadow: none;
        max-height: 0;
        overflow  : hidden;
        transition: max-height 500ms ease;
    }

    /* #endregion */


    /* #region Banner */
    .br_itm_tl {
        right    : 15px;
        font-size: 24px;
    }

    .br_itm img {
        max-height: 215px;
    }

    .br_itm_tl {
        right     : 50%;
        transform : translateX(50%);
        font-size : 24px;
        padding   : 25px 15px 0;
        width     : 100%;
        max-width : 500px;
        text-align: center;
    }

    /* #endregion */

    /* #region Reviews */
    .reviews {
        overflow: hidden;
        padding : 10px 0 20px;
    }

    .reviews::before {
        left     : -90%;
        font-size: 72px;
        transform: rotate(90deg)translate(-10%, -50%);
        top      : 42%;
    }

    .rs_lst_itm {
        grid-template-columns: 100%;
        justify-items        : center;
    }

    .rs_lst_itm:nth-child(2n) {
        grid-template-columns: 100%;
        justify-items        : center;
    }

    .rs_lst_itm:nth-child(2n) .rs_itm_img {
        grid-column: auto;
        grid-row   : auto;
    }

    .rs_itm_img {
        max-width: 151px;
    }

    .rs_itm_tx {
        text-align: center;
    }

    /* #endregion */

    /* #region Perfomances */
    .perfomances {
        padding: 20px 0 30px;
    }

    .pfs__splide {
        padding: 0;
    }

    .pfs__splide .splide__arrow {
        top: 95%;
    }

    .pfs__splide .splide__arrow.splide__arrow--next {
        right: 3.5%;
    }

    .pfs__splide .splide__arrow.splide__arrow--prev {
        left: 3.5%;
    }

    .pfs__splide .splide__slide {
        padding-bottom: 45px;
    }

    /* #endregion */

    /* #region Card */
    .card_hr {
        margin-bottom : 10px;
        padding-bottom: 10px;
    }

    .card_dt_in>p {
        font-size: 16px;
    }

    .card_md_tl {
        font-size: 14px;
    }

    /* #endregion */

    /* #region News */
    .news {
        padding: 25px 0 35px;
    }

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

    /* #endregion */

    /* #region Footer */
    .footer {
        padding: 25px 0 50px;
    }

    .fr_nav_lst {
        flex-direction: column;
        text-align    : center;
    }

    .fr_in_cts {
        align-items: center;
    }

    .fr_cts_lst {
        align-items: center;
        max-height : none;
    }

    .fr_cts_itm {
        width: 100%;
    }

    .fr_in {
        flex-direction: column;
        align-items   : center;
    }

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

    .fr_lg {
        flex-direction: column;
        row-gap       : 15px;
    }

    .fr_lg>img {
        width: 91px;
    }

    /* #endregion */

    /* #region Breadcrumbs */
    .breadcrumbs {
        display: none;
    }

    /* #endregion */

    /* #region Afisha */
    .afa_lst {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        grid-column-gap      : 15px;
        grid-row-gap         : 30px;
    }

    /* #endregion */

    /* #region Page */
    .page {
        padding: 35px 0 50px;
    }

    .pg_in_text img {
        width : 100% !important;
        margin: 10px 0 !important;
        float : unset !important;
    }

    .pg_in_gall {
        padding-top: 15px;
    }

    /* #endregion */

    /* #region Zero */
    .zero_tl {
        font-size      : 50px;
        width          : 100%;
        justify-content: center;
    }

    .zero_tl>span {
        font-size: 24px;
    }

    .zero_desc {
        text-align: center;
    }

    /* #endregion */

    /* #region Afisha */
    .afisha {
        padding: 35px 0 50px;
    }

    /* #endregion */

    /* #region Contacts */
    .contacts {
        padding: 35px 0 50px;
    }

    .ctt_lft_lst {
        grid-template-columns: 100%;
    }

    .ctt_map>iframe {
        height: 290px;
    }

    .ctt_map::before {
        box-shadow: inset 0 0 71px 9px rgb(0, 0, 0);
    }

    /* #endregion */

    /* #region Form */
    .g-recaptcha {
        transform: scale(0.88)translateX(-17px);
    }

    /* #endregion */

    /* #region Truppa */
    .truppa {
        padding: 35px 0 50px;
    }

    .tpp_itm_tl {
        font-size: 16px;
    }

    /* #endregion */

    /* #region Gallery */
    .gll_itm_tl {
        font-size: 14px;
        padding  : 2px 10px;
    }

    .gll_pag>* {
        width    : 26px;
        height   : 26px;
        font-size: 20px;
    }

    /* #endregion */

    /* #region News Category */
    .news_category {
        padding: 35px 0 50px;
    }

    /* #endregion */

    /* #region Modal */

    .modal .g-recaptcha {
        transform: scale(0.85)translateX(-23px);
    }

    /* #endregion */
}

/* #endregion */