@import url(https://use.typekit.net/nyr3eig.css);@import url(https://fonts.googleapis.com/css?family=Noto+Serif:400,400i,700,700i&subset=cyrillic);.about-section__image-block,.footer,.inner-page__header {
    position: relative;
    overflow: hidden
}

.about-section__image-block .container,.about-section__image-block .container-fluid,.footer .container,.footer .container-fluid,.inner-page__header .container,.inner-page__header .container-fluid {
    position: relative;
    z-index: 2
}

.about-section__image-block .parallax-bg,.footer .parallax-bg,.inner-page__header .parallax-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1
}

.fade-in-out {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all .7s;
    transition: all .7s
}

.fade-in {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

*,::after,::before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 62.5%
}

@media (max-width: 768px) {
    html {
        font-size:50%
    }
}

img {
    max-width: 100%
}

body {
    font-family: futura-pt,sans-serif;
    line-height: 1.7;
    color: #020202;
    font-size: 1.6rem;
    background: #fff;
    min-width: 370px
}

p {
    margin: 0 0 1.5rem
}

a {
    text-decoration: none
}

a:focus,a:hover,a:visited {
    text-decoration: none
}

.content-section a {
    color: #020202;
    border-bottom: 1px solid #020202;
    -webkit-transition: all .3s;
    transition: all .3s
}

.content-section a:hover {
    border-bottom: 1px solid rgba(2,2,2,0)
}

.gtk-button {
    display: inline-block;
    padding: 1.4rem 2rem 1.6rem;
    font-size: 1.6rem;
    -webkit-transition: all .3s;
    transition: all .3s;
    font-weight: 600;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.gtk-button>span {
    position: relative;
    margin-right: 1.2rem;
    top: .3rem;
    font-size: 1.6rem;
    color: inherit
}

.gtk-button__white {
    border: 1px solid #fff;
    background-color: #fff;
    color: #020202
}

.gtk-button__white:active,.gtk-button__white:focus,.gtk-button__white:hover {
    background-color: #020202;
    color: #fff
}

.gtk-button__white-2 {
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff
}

.gtk-button__white-2:active,.gtk-button__white-2:focus,.gtk-button__white-2:hover {
    background-color: #fff;
    color: #020202
}

.gtk-button__black {
    background-color: #e74c3c;
    color: #fff
}

.gtk-button__black:active,.gtk-button__black:focus,.gtk-button__black:hover {
    background-color: #e74c3c;
    color: #fff
}

.gtk-circle-button {
    color: #020202;
    border: 2px solid #020202;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 3.6rem;
    height: 3.6rem;
    text-align: center;
    font-size: 1.6rem;
    -webkit-transition: all .3s;
    transition: all .3s;
    position: relative
}

.gtk-circle-button:active,.gtk-circle-button:focus,.gtk-circle-button:hover {
    background-color: #020202;
    color: #fff
}

.gtk-circle-button>span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.plays__item_row {
    font-size: 0;
    text-align: center
}

.plays__item_wrap {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 4rem;
    text-align: left
}

.plays__item .plays-info__premiere {
    z-index: 10;
    position: absolute;
    right: 0;
    top: 0
}

.plays__thumbnail {
    position: relative;
    height: 23rem;
    -webkit-transition: all .3s;
    transition: all .3s
}

.plays__thumbnail_img,.plays__thumbnail_link {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%
}

.plays__thumbnail_img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.plays__thumbnail:focus,.plays__thumbnail:hover {
    -webkit-box-shadow: 0 10px 40px rgba(0,0,0,.4);
    box-shadow: 0 10px 40px rgba(0,0,0,.4);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}

.plays__thumbnail:active {
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px)
}

.plays__text-block {
    margin-top: 2.5rem;
    position: relative;
    padding-right: 5rem
}

.plays__title {
    margin-top: 0;
    font-weight: 700;
    font-size: 2.4rem;
    color: #020202
}

.plays__title a {
    color: inherit;
    display: inline;
    position: relative;
    border-bottom: 2px solid rgba(2,2,2,0);
    -webkit-transition: all .3s;
    transition: all .3s
}

.plays__title a:active,.plays__title a:focus,.plays__title a:hover {
    border-bottom: 2px solid #020202
}

.plays__info {
    font-weight: 600;
    font-style: italic;
    color: #737373;
    display: block;
    font-size: 1.5rem
}

.plays__info_divider {
    font-weight: 400;
    opacity: .7;
    display: inline-block;
    margin: 0 .5rem
}

.plays__buttons {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 1.8rem
}

.plays__button {
    display: block;
    margin-bottom: 1rem
}

.plays-info__item {
    margin-bottom: 1.8rem
}

.plays-info__title {
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 1.4;
    margin-top: 0
}

.plays-info__link {
    color: inherit;
    position: relative;
    display: inline;
    -webkit-transition: all .3s;
    transition: all .3s;
    border-bottom: 2px solid rgba(2,2,2,0)
}

.plays-info__link:active,.plays-info__link:focus,.plays-info__link:hover {
    color: inherit;
    border-bottom: 2px solid #020202
}

.plays-info__info {
    font-weight: 600;
    font-style: italic;
    color: #737373;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    display: block
}

.plays-info__desc {
    font-size: 1.4rem;
    margin-bottom: 0
}

.plays-info__day-month {
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 1
}

.plays-info__year {
    font-weight: 700;
    font-size: 1.6rem
}

.plays-info__premiere {
    background-color: #e74c3c;
    color: #fff;
    font-weight: 700;
    font-size: 1.4rem;
    padding: .3rem 1rem
}

.actor-list,.actor-swiper {
    padding-left: 3rem;
    padding-right: 3rem
}

.actor-list__item,.actor-swiper__item {
    width: 24.5rem!important;
    position: relative;
    overflow: hidden
}

.actor-list__item:hover .actor-list__info,.actor-list__item:hover .actor-swiper__info,.actor-swiper__item:hover .actor-list__info,.actor-swiper__item:hover .actor-swiper__info {
    opacity: 1;
    top: 50%
}

.actor-list__item:hover .actor-list__thumbnail,.actor-list__item:hover .actor-swiper__thumbnail,.actor-swiper__item:hover .actor-list__thumbnail,.actor-swiper__item:hover .actor-swiper__thumbnail {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.actor-list__item:hover .actor-list__thumbnail::after,.actor-list__item:hover .actor-swiper__thumbnail::after,.actor-swiper__item:hover .actor-list__thumbnail::after,.actor-swiper__item:hover .actor-swiper__thumbnail::after {
    background-color: rgba(2,2,2,.8)
}

.actor-list__thumbnail-wrap,.actor-swiper__thumbnail-wrap {
    height: 24.5rem;
    width: 100%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #a8a8a8;
    position: relative
}

.actor-list__thumbnail,.actor-swiper__thumbnail {
    position: absolute;
    left: 2%;
    top: 2%;
    height: 96%;
    width: 96%;
    background-color: #020202;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 2;
    -webkit-transition: all .3s;
    transition: all .3s
}

.actor-list__thumbnail::after,.actor-swiper__thumbnail::after {
    position: absolute;
    content: "";
    display: block;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(2,2,2,0);
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.actor-list__info,.actor-swiper__info {
    position: absolute;
    z-index: 3;
    opacity: 0;
    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 100%;
    top: 70%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s
}

.actor-list__title,.actor-swiper__title {
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0 0 .5rem
}

.actor-list__role,.actor-swiper__role {
    display: block;
    font-style: italic;
    opacity: .6
}

.actor-list__link,.actor-swiper__link {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 5
}

.actor-list__arrows,.actor-swiper__arrows {
    margin-top: 4rem
}

.actor-list__next,.actor-list__prev,.actor-swiper__next,.actor-swiper__prev {
    display: block;
    color: #020202;
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 1
}

.actor-list__next.swiper-button-disabled,.actor-list__prev.swiper-button-disabled,.actor-swiper__next.swiper-button-disabled,.actor-swiper__prev.swiper-button-disabled {
    opacity: .4
}

.actor-list__next:hover,.actor-list__prev:hover,.actor-swiper__next:hover,.actor-swiper__prev:hover {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px)
}

.actor-list__next span,.actor-list__prev span,.actor-swiper__next span,.actor-swiper__prev span {
    color: inherit;
    font-size: 28px
}

.actor-list__prev,.actor-swiper__prev {
    float: left
}

.actor-list__next,.actor-swiper__next {
    float: right
}

.actor-list.show-info .actor-list__item,.actor-swiper.show-info .actor-list__item {
    overflow: visible;
    margin-bottom: 4rem
}

.actor-list.show-info .actor-list__info,.actor-swiper.show-info .actor-list__info {
    position: static;
    opacity: 1;
    color: #020202;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin-top: 3rem
}

.actor-list {
    text-align: center
}

.actor-list__item {
    display: inline-block;
    vertical-align: top;
    margin: 1rem
}

.news-list__item {
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin-bottom: 3rem
}

.news-list__item:focus,.news-list__item:hover {
    -webkit-box-shadow: 0 10px 40px rgba(0,0,0,.4);
    box-shadow: 0 10px 40px rgba(0,0,0,.4);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}

.news-list__item:active {
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px)
}

.news-list__thumbnail {
    height: 39rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.news-list__thumbnail_link {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(2,2,2,.5)),to(rgba(2,2,2,0)));
    background: linear-gradient(to top,rgba(2,2,2,.5),rgba(2,2,2,0))
}

.news-list__date {
    margin-bottom: 1rem;
    display: block
}

.news-list__date_day-month,.news-list__date_year {
    display: block;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
    font-size: 2.1rem
}

.news-list__date_day-month {
    margin-top: 2rem
}

.news-list__info-block {
    position: absolute;
    left: 3rem;
    right: 10rem;
    bottom: 3rem
}

.news-list__title {
    font-size: 2.4rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    margin: 0
}

.news-list__title_link {
    color: inherit;
    -webkit-transition: all .3s;
    transition: all .3s;
    border-bottom: 2px solid rgba(255,255,255,0)
}

.news-list__title_link:active,.news-list__title_link:focus,.news-list__title_link:hover {
    color: inherit;
    border-bottom: 2px solid #fff
}

.press {
    font-size: 0
}

.press__item {
    margin-bottom: 5rem;
    display: inline-block;
    float: none
}

.press__date {
    display: inline-block;
    color: #999;
    font-weight: 700;
    font-size: 1.6rem
}

.press__title {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 2rem 1.5rem 0
}

.press__link {
    color: inherit;
    -webkit-transition: all .3s;
    transition: all .3s;
    border-bottom: 2px solid rgba(2,2,2,0)
}

.press__link:active,.press__link:focus,.press__link:hover {
    color: inherit;
    border-bottom: 2px solid #020202
}

.press__reference {
    color: #6d6d6d;
    font-weight: 700;
    font-size: 1.6rem
}

.related-news-section {
    margin-top: 5rem
}

@media (max-width: 1200px) {
    .related-news-section {
        padding-left:0
    }
}

.related-news-section h2 {
    margin-bottom: 3rem;
    font-weight: 700
}

.map__home {
    height: 65rem;
    position: relative;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.toggle-menu__block {
    text-align: right;
    margin-top: .7rem
}

@media (max-width: 992px) {
    .toggle-menu__block {
        margin-bottom:3rem
    }
}

@media (max-width: 768px) {
    .toggle-menu__block {
        text-align:left
    }
}

.toggle-menu__item {
    font-size: 2.4rem;
    margin-left: 2rem;
    color: #a4a4a4;
    border-bottom: 2px solid rgba(2,2,2,0);
    -webkit-transition: all .3s;
    transition: all .3s;
    font-weight: 700
}

.toggle-menu__item:first-child {
    margin-left: 0
}

.toggle-menu__item:active,.toggle-menu__item:focus,.toggle-menu__item:hover,.toggle-menu__item_active {
    color: #020202;
    border-bottom: 2px solid #020202
}

.photo-gallery {
    background-color: #020202;
    padding: 3rem 0
}

.photo-gallery__item {
    height: 32rem;
    width: auto;
    overflow: hidden
}

.photo-gallery__item a {
    display: block;
    height: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 1
}

.photo-gallery__item a::after {
    display: block;
    position: absolute;
    content: "\f00e";
    font-family: fontawesome;
    color: #fff;
    font-size: 2.1rem;
    opacity: 0;
    left: 50%;
    top: 55%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: all .6s;
    transition: all .6s
}

.photo-gallery__item img {
    display: block;
    height: 100%;
    width: auto;
    -webkit-transition: all .5s;
    transition: all .5s
}

.photo-gallery__item:focus a::after,.photo-gallery__item:hover a::after {
    opacity: 1;
    top: 50%
}

.photo-gallery__item:focus img,.photo-gallery__item:hover img {
    opacity: .3
}

.photo-gallery__arrows {
    position: absolute;
    top: -12rem;
    right: 4rem;
    color: #020202;
    width: 10rem
}

.photo-gallery__arrows_next,.photo-gallery__arrows_prev {
    color: #020202;
    font-size: 4.8rem;
    -webkit-transition: all .3s;
    transition: all .3s
}

.photo-gallery__arrows_next:hover,.photo-gallery__arrows_prev:hover {
    -webkit-transform: translateX(.3rem);
    -ms-transform: translateX(.3rem);
    transform: translateX(.3rem)
}

.photo-gallery__arrows_prev {
    float: left;
    display: none
}

.photo-gallery__arrows_next {
    float: right
}

.afisha-widget {
    position: absolute;
    right: 0;
    top: 12rem;
    width: 46rem;
    background-color: rgba(255,255,255,.99);
    -webkit-transition: all .5s;
    transition: all .5s;
    opacity: 0;
    z-index: 0;
}

@media (max-width: 768px) {
    .afisha-widget {
        top:12rem
    }
}

.afisha-widget__active {
    z-index: 40;
    opacity: 1
}

.afisha-widget__close {
    position: absolute;
    right: 3rem;
    top: 3rem;
    color: #020202;
    font-size: 2.4rem;
    -webkit-transition: all .3s;
    transition: all .3s;
    line-height: 1
}

.afisha-widget__close:focus,.afisha-widget__close:hover {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #020202
}

.afisha-widget__title-block {
    border-bottom: 1px solid #020202;
    padding: 2.5rem 4rem
}

.afisha-widget__title {
    font-family: "Noto Serif",serif;
    font-weight: 700;
    font-style: italic;
    font-size: 2.1rem;
    margin: 0
}

.afisha-widget__play-list {
    height: -webkit-calc(80vh - 23.6rem);
    height: calc(80vh - 23.6rem);
    width: 100%;
    position: relative
}

@media (max-width: 768px) {
    .afisha-widget__play-list {
        height:-webkit-calc(100vh - 32rem);
        height: calc(100vh - 32rem)
    }
}

.afisha-widget__play-list .plays-info__item {
    padding: 0 2.5rem 2.5rem 2.5rem;
    border-bottom: 1px solid #ddd
}

.afisha-widget__play-list .plays-info__item:last-child {
    margin-bottom: 0;
    border-bottom: none
}

.afisha-widget__container {
    height: 100%;
    width: 100%;
    margin: 4rem 0
}

.afisha-widget .swiper-slide {
    height: auto
}

.afisha-widget__footer {
    background-color: #e74c3c;
    color: #fff;
    padding: 2rem 2.5rem
}

.afisha-widget__footer a {
    color: inherit
}

.afisha-widget__footer span {
    display: block;
    font-weight: 600
}

.playbill-dates-list {
    margin-top: 1.5rem;
    padding: 0 1.5rem;
    font-weight: 700;
    width: 16rem;
    height: 4rem
}

.playbill-dates-list:focus {
    border-color: #e74c3c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(231,76,60,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(231,76,60,.6)
}

.nav-bg {
    height: 5rem;
    width: 5rem;
    position: fixed;
    top: 4.7rem;
    right: 3.2rem;
    background-color: rgba(2,2,2,.97);
    z-index: 1000;
    -webkit-transition: all .8s cubic-bezier(.86,0,.07,1);
    transition: all .8s cubic-bezier(.86,0,.07,1);
    visibility: hidden
}

.nav-bg.active {
    visibility: visible;
    -webkit-transform: scale(80);
    -ms-transform: scale(80);
    transform: scale(80)
}

.burger-menu {
    background-color: #fff;
    height: 6.1rem;
    width: 6.1rem;
    position: absolute;
    top: 4.5rem;
    right: 3rem;
    z-index: 2000;
    -webkit-box-shadow: 0 1rem 2rem rgba(0,0,0,.3);
    box-shadow: 0 1rem 2rem rgba(0,0,0,.3);
    text-align: center;
    outline: 0;
    display: none
}

@media (max-width: 1200px) {
    .burger-menu {
        display:block
    }
}

.burger-menu__icon {
    position: relative;
    margin-top: 3rem
}

.burger-menu__icon,.burger-menu__icon::after,.burger-menu__icon::before {
    width: 2.5rem;
    height: 2px;
    background-color: #000;
    display: inline-block
}

.burger-menu__icon::after,.burger-menu__icon::before {
    content: "";
    position: absolute;
    left: 0;
    -webkit-transition: all .2s;
    transition: all .2s
}

.burger-menu__icon::before {
    top: -.8rem
}

.burger-menu__icon::after {
    top: .8rem
}

.burger-menu:focus {
    outline: 0
}

.burger-menu:hover .burger-menu__icon::before {
    top: -1rem
}

.burger-menu:hover .burger-menu__icon::after {
    top: 1rem
}

.burger-menu.opened .burger-menu__icon {
    background-color: transparent
}

.burger-menu.opened .burger-menu__icon::before {
    top: 0;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.burger-menu.opened .burger-menu__icon::after {
    top: 0;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.mobile-nav {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1500;
    opacity: 0;
    -webkit-transform: translateX(-10rem);
    -ms-transform: translateX(-10rem);
    transform: translateX(-10rem);
    -webkit-transition: opacity .8s,-webkit-transform .5s;
    transition: opacity .8s,-webkit-transform .5s;
    transition: opacity .8s,transform .5s;
    transition: opacity .8s,transform .5s,-webkit-transform .5s;
    visibility: hidden;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    overflow-y: scroll;
    padding-bottom: 5rem
}

.mobile-nav a {
    font-family: "Noto Serif",serif;
    padding: 2rem 0;
    color: #fff
}

.mobile-nav.active {
    visibility: visible;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.mobile-nav__wrap {
    list-style: none;
    min-width: 70%
}

.mobile-nav__list {
    padding: 5rem 8rem
}

.mobile-nav__list>li {
    margin: 1rem .5rem;
    list-style: none
}

.mobile-nav__list>li>a:link,.mobile-nav__list>li>a:visited {
    display: block;
    font-size: 2rem;
    font-weight: 300;
    color: #fff;
    text-decoration: none;
    letter-spacing: .1rem;
    -webkit-transition: all .4s;
    transition: all .4s
}

.mobile-nav__sub-menu {
    position: static;
    -webkit-transition: all .7s;
    transition: all .7s;
    opacity: 0;
    display: none;
    margin-left: 2rem
}

.mobile-nav__sub-menu li {
    margin-bottom: 1rem;
    position: relative
}

.mobile-nav__sub-menu li::before {
    content: "";
    position: absolute;
    width: 1rem;
    height: 1px;
    background-color: #fff;
    left: -2rem;
    top: 1.1rem
}

.mobile-nav__sub-menu_opened {
    opacity: 1;
    visibility: visible
}

.header {
    position: absolute;
    left: 0;
    top: 4.5rem;
    width: 100%;
    z-index: 40
}

@media (max-width: 1200px) {
    .header {
        z-index:20
    }
}

.minkult__header {
    position: absolute;
    left: 3rem;
    top: 1rem
}

@media (max-width: 1440px) {
    .minkult__header {
        top:9rem
    }
}

.minkult__link {
    color: #fff;
    display: inline-block;
    max-width: 21rem;
    font-size: 1.1rem;
    line-height: 1.3;
    background-image: url(../img/minkult.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 4rem auto;
    padding: .2rem 0 .5rem 5.5rem;
    color: #bdbdbd
}

.minkult__link:hover {
    color: #bdbdbd;
    text-decoration: underline
}

.logo__header {
    position: absolute;
    left: 20%
}

@media (max-width: 1440px) {
    .logo__header {
        left:3rem
    }
}

.logo__link {
    display: block
}

.logo__part-one {
    display: inline-block;
    width: 16rem
}

.logo__part-one img {
    width: 100%
}

.logo__part-two {
    display: inline-block;
    margin-left: 2rem;
    width: 15rem;
    display: none!important
}

.top-menu {
    position: relative
}

.top-menu__header {
    position: absolute;
    top: 1.2rem;
    right: 28rem
}

.top-menu__list {
    margin: .5rem 0 0 0;
    padding: 0;
    list-style: none
}

.top-menu__item {
    display: inline-block;
    vertical-align: top;
    margin-right: 2rem;
    position: relative;
    color: #fff;
    padding-bottom: 2rem;
    font-size: 1.6rem;
    font-weight: 600
}

.top-menu__item a {
    color: #fff
}

.top-menu__item::after {
    content: "";
    position: absolute;
    bottom: 1.5rem;
    left: 0;
    width: 0;
    height: 2px;
    opacity: .5;
    background-color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s
}

.top-menu__item::after a {
    color: #fff
}

.top-menu__item:active::after,.top-menu__item:focus::after,.top-menu__item:hover::after {
    width: 100%
}

.top-menu__item:active a,.top-menu__item:focus a,.top-menu__item:hover a {
    color: inherit
}

.top-menu__link {
    color: #fff
}

@media (max-width: 1200px) {
    .top-menu {
        display:none
    }
}

.top-menu__submenu {
    background-color: #fff;
    list-style: none;
    padding: 2rem;
    position: absolute;
    left: 0;
    top: 3rem;
    width: 20rem;
    z-index: 0;
    opacity: 0;
    -webkit-transition: all .4s;
    transition: all .4s;
    display: none
}

.top-menu__submenu-item {
    margin-bottom: 1.2rem;
    line-height: 1.4;
    color: #020202
}

.top-menu__submenu-item a {
    color: #020202;
    display: inline;
    line-height: 1.2;
    border-bottom: 1px solid rgba(2,2,2,0);
    -webkit-transition: all .3s;
    transition: all .3s
}

.top-menu__submenu-item a:hover {
    border-bottom: 1px solid #020202;
    color: #020202
}

.top-menu__has-submenu:hover .top-menu__submenu {
    z-index: 10;
    opacity: 1;
    display: block
}

.bw-link {
    position: absolute;
    right: -5rem;
    top: 0;
    color: #020202;
    background-color: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 4rem;
    height: 4rem;
    text-align: center;
    font-size: 2.1rem;
    border: 2px solid #fff;
    -webkit-transition: all .3;
    transition: all .3
}

.bw-link:active,.bw-link:focus,.bw-link:hover {
    color: #fff;
    background-color: #020202
}

.bw-link .icon-eyeglasses {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.byu-ticket-block {
    position: absolute;
    right: 3rem;
    top: 0
}

@media (max-width: 1200px) {
    .byu-ticket-block {
        right:10rem
    }
}

@media (max-width: 768px) {
    .byu-ticket-block {
        right:3rem;
        top: 8rem
    }
}

.afisha-button {
    position: absolute;
    top: 6rem;
    right: 3rem;
    z-index: 2
}

@media (max-width: 1024px) {
    .afisha-button {
        top: 5rem;
        right: 12rem;
    }
}

@media (max-width: 768px) {
    .afisha-button {
        
    }
}

@media (max-width: 425px) {
    .afisha-button {
        top: 14rem;
        right: 3rem;
    }
}

.social-links__top {
    position: absolute;
    top: 23vh;
    left: 3rem;
    width: 4rem;
    z-index: 2
}

@media (max-width: 1440px) {
    .social-links__top {
        top:21rem
    }
}

@media (max-width: 992px) {
    .social-links__top {
        top:25rem
    }
}

.social-links__footer {
    text-align: right;
    margin-top: .5rem;
    color: #020202
}

@media (max-width: 992px) {
    .social-links__footer {
        text-align:left;
        margin-top: 4rem
    }
}

.social-links__link {
    display: inline-block;
    width: 3.6rem;
    height: 3.6rem;
    text-align: center;
    color: #020202;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-bottom: .1rem;
    margin-right: 1rem;
    background-color: #fff;
    font-size: 1.8rem;
    border: 2px solid #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
    position: relative
}

@media (max-width: 1200px) {
    .social-links__link {
        width:3rem;
        height: 3rem;
        margin-bottom: .2rem
    }
}

.social-links__link .fa {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.social-links__link:active,.social-links__link:focus,.social-links__link:hover {
    color: #fff;
    background-color: transparent
}

.header-phone {
    position: absolute;
    z-index: 5;
    right: 3rem;
    top: 23.5rem
}

@media (max-width: 768px) {
    .header-phone {
        top:28rem
    }
}

.header-phone__number {
    display: inline-block;
    padding: 1rem 1rem;
    width: 17.5rem;
    text-align: center;
    border: 2px solid #fff;
    color: #fff;
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s
}

.header-phone__number:focus,.header-phone__number:hover {
    color: #020202;
    background-color: #fff
}

.footer {
    padding: 15rem 0 10rem;
    color: #868686;
    margin-top: 8rem
}

@media (max-width: 992px) {
    .footer {
        padding:7rem 0 5rem
    }
}

.footer a {
    color: inherit
}

.footer__logo-row,.footer__menu-row,.footer__partners-row {
    margin-bottom: 10rem
}

@media (max-width: 992px) {
    .footer__logo-row,.footer__menu-row,.footer__partners-row {
        margin-bottom:6rem
    }
}

.footer__inli-link-wrap {
    text-align: right
}

@media (max-width: 992px) {
    .footer__inli-link-wrap {
        text-align:left
    }
}

.footer__inli-link {
    display: inline-block;
    border-bottom: 1px solid #868686;
    font-size: 1.4rem;
    line-height: 1.5;
    vertical-align: top
}

.footer__form-input {
    background: 0 0;
    border: 2px solid #868686;
    padding: .5rem 1.5rem;
    display: block;
    width: 100%;
    max-width: 25rem;
    font-size: 1.4rem;
    margin-bottom: .5rem;
    margin-top: .5rem
}

.footer__form-button {
    display: block;
    width: 13rem;
    font-size: 1.4rem;
    padding: .5rem 0;
    background: #828282;
    color: #020202;
    border: 2px solid #828282;
    -webkit-transition: all .3s;
    transition: all .3s
}

.footer__form-button:active,.footer__form-button:focus,.footer__form-button:hover {
    background: 0 0;
    color: #868686
}

.footer__partner {
    margin-bottom: 3rem
}

.footer__policy {
    font-size: 1.2rem;
    line-height: 1.2;
    display: inline-block;
    margin-top: 1.2rem;
    text-decoration: underline
}

.footer-menu {
    list-style: none;
    margin: 0
}

@media (max-width: 1440px) {
    .footer-menu {
        margin-bottom:3rem
    }
}

.footer-menu__item {
    position: relative
}

.footer-menu__link {
    display: inline-block;
    -webkit-transition: all .3s;
    transition: all .3s
}

.footer-menu__link::after {
    background-color: #868686;
    content: "";
    display: block;
    width: 0;
    height: 1px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.footer-menu__link:active,.footer-menu__link:focus,.footer-menu__link:hover {
    color: #fff
}

.footer-menu__link:active::after,.footer-menu__link:focus::after,.footer-menu__link:hover::after {
    width: 100%
}

.partners__item {
    text-align: center;
    opacity: .4
}

@media (max-width: 992px) {
    .partners__item {
        margin-bottom:3rem
    }
}

.footer__partners-row .col-md-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 9rem
}

.footer__ticket-item {
    height: 9rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.footer__ticket-item img {
    max-width: 80%
}

.footer__ticket-partners-row .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.copyright {
    display: inline-block;
    font-size: 1.4rem;
    line-height: 1.5;
    vertical-align: top
}

#bx-composite-banner {
    margin-top: 4rem
}

.documents ul li {
    background: url(../img/doc.svg) no-repeat 30px 50% #fff;
    background-size: 70px 70px
}

.documents ul li .file a {
    background-color: #fff;
    border: 1px solid #020202
}

.jobs ul li {
    background: url(../img/jobs.svg) no-repeat 25px 50% #fff;
    background-size: 70px 70px
}

.jobs ul li a {
    color: #020202
}

.troupe a {
    color: #020202;
    display: inline;
    border-bottom: 2px solid #020202;
    -webkit-transition: all .3s;
    transition: all .3s
}

.troupe a:focus,.troupe a:hover {
    border-bottom: 2px solid rgba(2,2,2,0)
}

.single-content {
    position: relative;
    z-index: 10
}

.single-content__side-top {
    margin-top: -17.5rem;
    background-color: #fff;
    min-height: 19rem
}

@media (max-width: 992px) {
    .single-content__side-top {
        margin-top:0
    }
}

.single-content__left-side {
    padding: 6rem
}

@media (max-width: 992px) {
    .single-content__left-side {
        padding:3rem
    }
}

.single-content__left-side_text-block {
    max-width: 42rem;
    float: right
}

@media (max-width: 992px) {
    .single-content__left-side_text-block {
        float:none
    }
}

.single-content__main-photo {
    text-align: right
}

.single-content__info {
    margin-left: 10rem;
    margin-top: 5rem
}

@media (max-width: 992px) {
    .single-content__info {
        margin-left:0;
        margin-bottom: 0
    }
}

.single-content__info-title {
    font-weight: 700;
    font-size: 2.4rem;
    border-bottom: 1px solid #ccc;
    padding-bottom: 2rem;
    margin-bottom: 2rem
}

.single-content__right-side_text-block {
    max-width: 75rem;
    padding-left: 5rem;
    font-size: 1.8rem
}

@media (max-width: 992px) {
    .single-content__right-side_text-block {
        padding-left:1.5rem
    }
}

.single-content__right-side h2 {
    font-weight: 700;
    font-size: 2.4rem;
    border-bottom: 1px solid #ccc;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    margin-top: 4rem
}

.single-content__right-side iframe {
    max-width: 100%
}

.single-content__title {
    font-family: "Noto Serif",serif;
    font-weight: 700;
    font-style: italic;
    font-size: 4.2rem;
    margin-top: 6rem;
    margin-bottom: 3rem;
    line-height: 1.2
}

@media (max-width: 1440px) {
    .single-content__title {
        font-size:3.8rem
    }
}

@media (max-width: 992px) {
    .single-content__title {
        padding-top:0;
        margin-top: 0
    }
}

.single-content__bottom-section {
    margin-top: 5rem
}

.single-content__subtitle {
    font-size: 2.8rem;
    font-weight: 700;
    margin-bottom: 4rem
}

.single-content__photo-gallery {
    margin-bottom: 8rem
}

@media (max-width: 1200px) {
    .single-content__photo-gallery {
        margin-bottom:4rem
    }
}

.single-content nav.sub-menu {
    background: 0 0;
    padding: 0;
    margin-top: 2rem
}

.single-content nav.sub-menu ul {
    text-align: left
}

.single-content nav.sub-menu li {
    margin-left: 0;
    margin-right: 3rem
}

.single-content nav.sub-menu a {
    color: #020202;
    font-weight: 700;
    display: inline-block;
    border-bottom: 2px solid #020202;
    -webkit-transition: all .3s;
    transition: all .3s;
    padding-bottom: .4rem
}

.single-content nav.sub-menu a:focus,.single-content nav.sub-menu a:hover {
    border-bottom: 2px solid rgba(2,2,2,0);
    color: #020202
}

.hero-section {
    background-color: #020202
}

.hero-slider {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100vh
}

@media (max-width: 768px) {
    .hero-slider {
        height:100vh
    }
}

.hero-slider .swiper-wrapper {
    height: 100%
}

.hero-slider__item {
    height: 100%;
    position: relative
}

.hero-slider__image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: .5;
    z-index: 1
}

@media (max-width: 500px) {
    .hero-slider__image {
        opacity:.3
    }
}

.hero-slider__info-block {
    position: absolute;
    z-index: 2;
    right: 52%;
    bottom: 18rem;
    max-width: 60rem;
    text-align: right;
    color: #fff
}

@media (max-width: 500px) {
    .hero-slider__info-block {
        right:auto;
        left: 3rem;
        text-align: left
    }
}

.hero-slider__title {
    font-family: "Noto Serif",serif;
    font-weight: 700;
    font-style: italic;
    font-size: 4.8rem;
    margin-bottom: 2rem
}

@media (max-width: 1440px) {
    .hero-slider__title {
        font-size:3.2rem
    }
}

@media (max-width: 500px) {
    .hero-slider__title {
        font-size:2,8rem
    }
}

.hero-slider__title a {
    color: inherit;
    position: relative;
    display: inline;
    -webkit-transition: all .3s;
    transition: all .3s;
    border-bottom: 2px solid rgba(255,255,255,0)
}

.hero-slider__title a:hover {
    color: inherit;
    opacity: .7
}

.hero-slider__sub-title {
    font-size: 1.6rem;
    display: block
}

.hero-slider__buy-ticket {
    position: absolute;
    z-index: 2;
    left: 52%;
    bottom: 9rem
}

@media (max-width: 500px) {
    .hero-slider__buy-ticket {
        left:3rem
    }
}

.hero-slider__next,.hero-slider__prev {
    position: absolute;
    z-index: 2;
    display: block;
    bottom: 6rem;
    color: #fff;
    font-size: 1.8rem;
    opacity: .5;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media (max-width: 500px) {
    .hero-slider__next,.hero-slider__prev {
        bottom:3rem
    }
}

.hero-slider__next:active,.hero-slider__next:focus,.hero-slider__next:hover,.hero-slider__prev:active,.hero-slider__prev:focus,.hero-slider__prev:hover {
    opacity: 1
}

.hero-slider__next {
    right: 52%
}

@media (max-width: 500px) {
    .hero-slider__next {
        right:40%
    }
}

.hero-slider__prev {
    right: 55%
}

@media (max-width: 500px) {
    .hero-slider__prev {
        right:60%
    }
}

.home-section {
    padding: 5rem 0
}

@media (max-width: 1440px) {
    .home-section {
        padding:3rem 0
    }
}

.home-section__title {
    font-family: "Noto Serif",serif;
    font-weight: 700;
    font-style: italic;
    font-size: 4.8rem;
    margin-top: 0;
    margin-bottom: 4rem;
    padding-bottom: 2px
}

.home-section__title_link {
    display: inline-block;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
    color: #020202;
    border-bottom: 2px solid rgba(2,2,2,0)
}

.home-section__title_link:active,.home-section__title_link:focus,.home-section__title_link:hover {
    color: #020202;
    border-bottom: 2px solid #020202
}

@media (max-width: 500px) {
    .home-section__title {
        font-size:3.8rem
    }
}

.plays-section {
    background-color: #f9f9f9;
    padding: 10rem 0
}

@media (max-width: 1440px) {
    .plays-section {
        padding:6rem 0
    }
}

.about-section {
    padding-top: 0;
    padding-bottom: 0
}

.about-section__image-block {
    position: relative;
    height: 72rem;
    background-color: #020202
}

@media (max-width: 1440px) {
    .about-section__image-block {
        height:50rem
    }
}

.about-section__image {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: .8
}

.about-section__text-block {
    margin-left: 33%;
    background-color: #fff;
    margin-top: -20rem;
    position: relative;
    z-index: 2;
    padding: 10rem
}

@media (max-width: 1440px) {
    .about-section__text-block {
        margin-left:15%;
        padding: 5rem
    }
}

@media (max-width: 500px) {
    .about-section__text-block {
        margin-left:5%;
        padding: 3rem
    }
}

.about-section__text {
    font-size: 1.8rem;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-width: 40rem;
    -moz-column-width: 40rem;
    column-width: 40rem;
    -webkit-column-gap: 4em;
    -moz-column-gap: 4em;
    column-gap: 4em
}

.troupe-section {
    height: 57rem;
    overflow: hidden;
    position: relative;
    padding-bottom: 5rem;
    padding-top: 10rem;
    background-color: #f9f9f9
}

@media (max-width: 1440px) {
    .troupe-section {
        margin:6rem 0
    }
}

@media (max-width: 768px) {
    .troupe-section {
        height:67rem
    }
}

.actor-swiper__wrap {
    visibility: hidden;
    position: absolute;
    top: 19rem;
    left: 0;
    width: 100%
}

.actor-swiper__wrap_active {
    visibility: visible
}

@media (max-width: 768px) {
    .actor-swiper__wrap {
        top:27rem
    }
}

.title-link__block {
    text-align: right;
    margin-top: .7rem
}

.title-link__item {
    display: inline-block;
    color: inherit;
    font-size: 2.1rem;
    font-weight: 700;
    letter-spacing: 1px;
    border-bottom: 2px solid #020202;
    -webkit-transition: all .3s;
    transition: all .3s
}

.title-link__item:active,.title-link__item:focus,.title-link__item:hover {
    color: #020202;
    border-bottom: 2px solid rgba(2,2,2,.3)
}

.map-section {
    position: relative;
    margin-bottom: 0;
    padding: 0
}

.map-section__contacts {
    width: 46rem;
    position: absolute;
    right: 0;
    top: 0;
    background-color: rgba(255,255,255,.9);
    padding: 5rem 5rem 10rem
}

@media (max-width: 992px) {
    .map-section__contacts {
        width:100%;
        position: static;
        padding-bottom: 5rem
    }
}

.map-section__title {
    font-weight: 700;
    font-size: 2.4rem;
    margin: 0
}

.map-section__subtitle {
    font-size: 1.6rem;
    font-weight: 700;
    margin: 1rem 0 3rem;
    line-height: 1.4
}

.map-section__subtitle a {
    -webkit-transition: all .3s;
    transition: all .3s;
    border-bottom: 2px solid rgba(2,2,2,0)
}

.map-section__subtitle a:hover {
    border-bottom: 2px solid #020202
}

.map-section p {
    font-weight: 700;
    font-size: 1.6rem
}

.map-section a {
    color: #020202;
    font-size: 1.6rem;
    font-family: futura-pt,sans-serif
}

.home-info {
    background-color: #e74c3c;
    padding: 4rem 0 1rem
}

.home-info__item {
    padding-left: 6rem;
    padding-right: 3rem;
    position: relative;
    color: #fff;
    margin-bottom: 3rem
}

.home-info i {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 3rem
}

.home-info p {
    font-weight: 700;
    font-size: 1.8rem;
    margin: 0
}

.inner-page__header {
    height: 49rem;
    position: relative;
    background-color: #020202
}

.inner-page__single-content {
    height: 60rem
}

@media (max-width: 1440px) {
    .inner-page__single-content {
        height:54rem
    }
}

@media (max-width: 992px) {
    .inner-page__single-content {
        height:40rem
    }
}

.inner-page__image {
    opacity: .5
}

.inner-page__content-section {
    margin-left: 33%;
    background-color: #fff;
    margin-top: -18rem;
    padding: 8rem 8rem 10rem;
    position: relative;
    z-index: 10
}

.inner-page__title {
    font-family: "Noto Serif",serif;
    font-size: 4.8rem;
    margin: 0 0 5rem 0
}

.inner-page__content {
    max-width: 77rem
}

.inner-page__container,.inner-page__full-width-content {
    padding-bottom: 10rem;
    position: relative;
    z-index: 20
}

.inner-page__toggle-menu {
    text-align: left
}

.partners-page__list {
    font-size: 0;
    list-style: none;
    margin-top: 3rem
}

.partners-page__item {
    display: inline-block;
    vertical-align: middle;
    width: 25%;
    text-align: center;
    padding: 0 2rem
}

@media (max-width: 768px) {
    .partners-page__item {
        width:50%;
        margin-bottom: 3rem
    }
}

.partners-page__item h3 {
    font-size: 1.4rem
}

.partners-page__item h3 a {
    color: #020202
}

.viewer-section {
    margin-top: 4rem
}

.viewer-section__item {
    margin-bottom: 3rem;
    -webkit-transition: all .3s;
    transition: all .3s;
    position: relative
}

.viewer-section__item:hover {
    -webkit-box-shadow: 0 10px 40px rgba(0,0,0,.4);
    box-shadow: 0 10px 40px rgba(0,0,0,.4);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}

.viewer-section__thumbnail {
    position: relative;
    overflow: hidden;
    position: relative;
    height: 30rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.viewer-section__thumbnail_link {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.5);
    text-decoration: none;
    border-bottom: none
}

.viewer-section__title {
    position: absolute;
    left: 3rem;
    right: 3rem;
    bottom: 2rem;
    color: #fff;
    font-size: 4.4rem;
    font-weight: 600;
    line-height: 1
}

.viewer-section__title a {
    color: inherit;
    text-decoration: none;
    border-bottom: none
}

.viewer-section__title a:hover {
    border-bottom: none
}

.playbill {
    margin-top: 3rem
}

.buy-button {
    display: inline-block;
    line-height: 1;
    background-color: #e74c3c;
    color: white;
    padding: 15px;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
}
.buy-button:hover {
    opacity: 0.8;
}
.perf-button {
    border-radius: 0;
    display: block;
}

.specialsound {
    margin-bottom: 10px;
}
.specialsound img{
    width: 20px;
    height: 20px;
}