/* ==========================================================================
   Основные стили сайта
   ========================================================================== */

html, body {margin:0px; padding:0px; font-family: 'Montserrat'; font-size:14px; line-height:18px; color:#000; background:#fff; height:100%;}
html.fancybox-lock {overflow:visible !important;}
html.fancybox-lock body {position:relative;}
a {color:#000000; outline:none; text-decoration:underline;}
a:hover {text-decoration:none;}
a img {border:none;}
img {vertical-align:middle;}
hr {display:block; height:1px; border:0 none; border-top:1px solid #ccc; margin:0px; padding:0px;}
p {margin:15px 0px; padding:0px;}
h1 {font-size:36px; line-height:42px; color:#fff; font-weight:bold; font-family:'Arial'; margin:0px; padding:0px;}
h2 {font-size:24px; line-height:30px; color:#fff; font-weight:bold; font-family:'Arial'; margin:0px; padding:0px;}
h3 {font-size:18px; line-height:24px; color:#fff; font-weight:bold; font-family:'Arial'; margin:0px; padding:0px;}
menu {margin:0px; padding:0px; list-style-type:none;}
ul {margin:25px 0px 25px 30px; padding:0px; list-style-type:disc;}
ol {margin:25px 0px 25px 30px; padding:0px; list-style-type:decimal;}
ol li, ul li {margin:0px; padding:0px;}
ol ol, ul ul {margin:6px 0px 6px 30px;}
form {margin:0px; padding:0px;}
button, input, select, textarea {outline:none; font-family:'arial';}
textarea {overflow:auto; resize: vertical;}
table {margin:0px; padding:0px; border:none; border-collapse:collapse;}
table td, table th {margin:0px; padding:0px; border:none; border-collapse:collapse; text-align:left; vertical-align:top; font-weight:normal;}

* {
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
}

.transition,
.transition * {
	-webkit-transition:all 0.2s ease;
	   -moz-transition:all 0.2s ease;
	    -ms-transition:all 0.2s ease;
	     -o-transition:all 0.2s ease;
	        transition:all 0.2s ease;
}



/* ==========================================================================
   Основное
   ========================================================================== */

main {min-height:100%; min-width:990px; position:relative;}
.clear.clear-footer {height:100px;}
.site-wrap {width:100%; min-width:990px; max-width:1240px; margin:0px auto; padding:0px 20px;}

@media 
only screen and (min-width:768px) and (max-width:1024px) and (orientation: portrait),
only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {

   main {min-width: auto;}

}

@media only screen and (max-width:767px) {
	
   main {min-width: auto;}

}

.text.pad {display: none; margin-bottom: 20px;}



/* ==========================================================================
   Уведомление после отправки заявки
   ========================================================================== */

.spg-notice-popup {position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; margin:0; font-family:'CeraCY';}
.spg-notice-popup .spg-notice-content {position:relative; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.spg-notice-popup .spg-notice-popup-title {font-size:50px; line-height:58px; font-family:'AGAalenBold-Roman'; color:#FFA023; margin:0px 0px 14px 0px; padding:159px 0px 0px 0px; position:relative; letter-spacing:0.04em; text-transform:uppercase;}
.spg-notice-popup .spg-notice-popup-title:before {content:''; background:url(../images/icons/notice_icon.svg) no-repeat center center / contain; width:114px; height:114px; position:absolute; top:0px; left:50%; margin-left:-57px;}
.spg-notice-popup .spg-notice-popup-text {font-size:18px; line-height:30px; color:#000; font-weight:bold; text-align:center; width:620px; margin:0 auto;}
.spg-notice-popup .spg-notice-popup-close {background:url(../images/icons/callback_close.svg) no-repeat center center / contain; width:24px; height:24px; position:absolute; top:40px; right:40px; z-index:10000; cursor:pointer;}

@media only screen and (max-width:767px) {
	
	.spg-notice-popup {padding-left:20px; padding-right:20px;}
	.spg-notice-popup .spg-notice-popup-title {font-size:28px; line-height:31px; margin:0px 0px 9px 0px; padding:113px 0px 0px 0px;}
	.spg-notice-popup .spg-notice-popup-title:before {width:90px; height:90px; margin-left:-45px;}
	.spg-notice-popup .spg-notice-popup-text {font-size:14px; line-height:22px; width:auto;}
	.spg-notice-popup .spg-notice-popup-close {top:20px; right:20px;}
	
}



/* ==========================================================================
   Первый экран 1
   ========================================================================== */

.main-screen {display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/main-screen/main_screen_bg.jpg) no-repeat center center / cover;}
.main-screen .content {display: flex; justify-content: flex-start; align-items: center; position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 0 0 0 90px; background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 50%);}
.main-screen .content .block .title-block {position: relative; display: flex; flex-direction: column;}
.main-screen .content .block .title-block h1 {font-family: 'AGAalenBold-Roman'; font-style: normal; font-weight: normal; font-size: 100px; line-height: 110px; letter-spacing: 0.04em; text-transform: uppercase; color: #FFA023;}
.main-screen .content .block .title-block .top-sub-title {position: absolute; left: 175px; top: 6px;}
.main-screen .content .block .title-block .top-sub-title .text {position: relative; padding: 0 0 0 20px; font-family: 'Cormorant Unicase'; font-style: normal; font-weight: bold; font-size: 32px; line-height: 32px; letter-spacing: 0.02em; color: #FFFFFF;}
.main-screen .content .block .title-block .top-sub-title .text:before {position: absolute; content: ''; left: 0; top: 5px; width: 1px; height: 86px; background: #ffffff;}
.main-screen .content .block .bottom-sub-title {position: relative; padding: 0 0 0 20px; font-family: 'Cormorant Unicase'; font-style: normal; font-weight: bold; font-size: 32px; line-height: 32px; letter-spacing: 0.02em; color: #FFFFFF;}
.main-screen .content .block .bottom-sub-title:before {position: absolute; content: ''; left: 0; top: 5px; width: 1px; height: 86px; background: #ffffff;}
.main-screen div {z-index: 0 !important;}
.main-screen div video {z-index: 0 !important;}


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

   .main-screen .content {padding: 0 0 0 50px;}
   .main-screen .content .block .title-block h1 {font-size: 80px; line-height: 90px;}
   .main-screen .content .block .title-block .top-sub-title {width: 500px; left: 145px;}
   .main-screen .content .block .title-block .top-sub-title .text {font-size: 24px; line-height: 24px;}
   .main-screen .content .block .title-block .top-sub-title .text:before {height: 65px;}
   .main-screen .content .block .bottom-sub-title {font-size: 24px; line-height: 24px;}
   .main-screen .content .block .bottom-sub-title:before {height: 65px;}

}

@media 
only screen and (min-width:768px) and (max-width:1024px) and (orientation: portrait),
only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
   
   .main-screen .content {display: block; padding: 95px 0 0 30px;}
   .main-screen .content .block .title-block h1 {font-size: 58px; line-height: 64px;}
   .main-screen .content .block .title-block .top-sub-title {width: 300px; left: 105px; top: 0;}
   .main-screen .content .block .title-block .top-sub-title .text {font-size: 18px; line-height: 18px;}
   .main-screen .content .block .title-block .top-sub-title .text:before {height: 50px;}
   .main-screen .content .block .bottom-sub-title {font-size: 18px; line-height: 18px;}
   .main-screen .content .block .bottom-sub-title:before {height: 50px;}

}


@media only screen and (max-width:767px) {
	
   .main-screen {position: relative; left: auto; top: auto; right: auto; bottom: auto;}
   .main-screen .content {display: block; position: relative; left: auto; top: auto; right: auto; bottom: auto; padding: 105px 0 105px 10px;}
   .main-screen .content .block .title-block h1 {font-size: 44px; line-height: 50px;}
   .main-screen .content .block .title-block .top-sub-title {width: auto; left: 80px; top: 3px;}
   .main-screen .content .block .title-block .top-sub-title .text {font-size: 16px; line-height: 14px; padding-left: 0;}
   .main-screen .content .block .title-block .top-sub-title .text:before {display: none;}
   .main-screen .content .block .bottom-sub-title {font-size: 16px; line-height: 14px; padding-left: 0;}
   .main-screen .content .block .bottom-sub-title:before {display: none;}

}


/* ==========================================================================
   О спектакле 2
   ========================================================================== */

.about-performance-screen {display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/about-performance-screen/about_performance_screen_bg.jpg) no-repeat center center / cover;}
.about-performance-screen .content {display: flex; justify-content: space-between; align-items: center; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.about-performance-screen .content .left-side {width: 40%; margin-right: 120px;}
.about-performance-screen .content .left-side .title-block {position: relative; padding-left: 100px; margin-bottom: 40px;}
.about-performance-screen .content .left-side .title-block:before {position: absolute; content: ''; left: 0; top: 6px; background: #FFA023; width: 10px; height: 102px;}
.about-performance-screen .content .left-side .title-block .title {font-family: 'AGAalenBold-Roman'; font-size: 50px; line-height: 58px; letter-spacing: 0.04em; text-transform: uppercase; color: #FFA023;}
.about-performance-screen .content .left-side .title-block .top-sub-title {position: absolute; top: 4px; left: 143px; font-family: 'Cormorant Unicase'; font-weight: bold; font-size: 28px; line-height: 24px; letter-spacing: 0.04em; text-transform: uppercase; color: #FFA023;}
.about-performance-screen .content .left-side .text-block {padding-left: 100px;}
.about-performance-screen .content .left-side .text-block .text {font-size: 18px; line-height: 30px; color: #fff; margin-bottom: 20px; font-weight: 300;}
.about-performance-screen .content .left-side .text-block .text.bold {font-weight: bold;}
.about-performance-screen .content .left-side .text-block .text.pad {display: none;}
.about-performance-screen .content .left-side .text-block .read-more a {font-weight: 900; text-transform: uppercase; text-decoration: none; color: #fff;}
.about-performance-screen .content .left-side .text-block .read-more a:hover {color: #FFA023;}
.about-performance-screen .content .right-side {width: 60%; margin-right: 100px;}
.about-performance-screen .content .right-side .gallery {position: relative; width: 100%; height: 100%; z-index: 2;}
.about-performance-screen .content .right-side .gallery:before {position: absolute; content: ''; right: -10px; top: 10px; width: 100%; height: 100%; background: url(../images/about-theatre-screen/frame.jpg) no-repeat center center / cover;}
.about-performance-screen .content .right-side .gallery .title {position: absolute; left: 50px; top: -30px; font-family: 'Cormorant Unicase'; font-weight: bold; font-size: 28px; line-height: 32px; text-transform: uppercase; color: #FFFFFF; z-index: 3;}
.about-performance-screen .content .right-side .gallery .video-button {position: absolute; top: -25px; right: 50px; z-index: 3;}
.about-performance-screen .content .right-side .gallery .video-button a {display: inline-block; padding: 10px 30px; background: #FFA023; font-weight: 900; font-size: 12px; line-height: 32px; text-align: center; letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none;}
.about-performance-screen .content .right-side .gallery .video-button a:hover {background: #fff;}
.about-performance-screen .content .right-side .gallery .slider {position: relative;}
.about-performance-screen .content .right-side .gallery .slider .swiper-slide {width: 100% !important;}
.about-performance-screen .content .right-side .gallery .slider .slide:nth-child(1) {background: url(../images/about-performance-screen/slide_1.jpg) no-repeat center center / cover; width: 100%; height: auto; padding-top: 60%;}
.about-performance-screen .content .right-side .gallery .slider .slide:nth-child(2) {background: url(../images/about-performance-screen/slide_2.jpg) no-repeat center center / cover; width: 100%; height: auto; padding-top: 60%;}
.about-performance-screen .content .right-side .gallery .slider .slide:nth-child(3) {background: url(../images/about-performance-screen/slide_3.jpg) no-repeat center center / cover; width: 100%; height: auto; padding-top: 60%;}
.about-performance-screen .content .right-side .gallery .slider .slide:nth-child(4) {background: url(../images/about-performance-screen/slide_4.jpg) no-repeat center center / cover; width: 100%; height: auto; padding-top: 60%;}
.about-performance-screen .content .right-side .gallery .slider .slide:nth-child(5) {background: url(../images/about-performance-screen/slide_5.jpg) no-repeat center center / cover; width: 100%; height: auto; padding-top: 60%;}
.about-performance-screen .content .right-side .gallery .slider .slide:nth-child(6) {background: url(../images/about-performance-screen/slide_6.jpg) no-repeat center center / cover; width: 100%; height: auto; padding-top: 60%;}
.about-performance-screen .content .right-side .gallery .slider .slide:nth-child(7) {background: url(../images/about-performance-screen/slide_7.jpg) no-repeat center center / cover; width: 100%; height: auto; padding-top: 60%;}
.about-performance-screen .content .right-side .gallery .slider .arrows-block {position: absolute; z-index: 5; right: 50px; bottom: -25px; padding: 10px 20px; background: #fff; display: flex; align-items: center; display: flex; justify-content: space-between; align-items: center; width: 200px; height: 50px;}
.about-performance-screen .content .right-side .gallery .slider .arrows-block .prev {background: url(../images/about-theatre-screen/prev.svg) no-repeat center center / cover; width: 30px; height: 9px; margin-right: 28px; top: auto; left: auto; margin-top: auto; outline: none;}
.about-performance-screen .content .right-side .gallery .slider .arrows-block .count {font-size: 14px; line-height: 32px; text-align: center; margin-right: 28px; width: auto; bottom: auto; left: 50%; transform: translateX(-50%);}
.about-performance-screen .content .right-side .gallery .slider .arrows-block .next {background: url(../images/about-theatre-screen/next.svg) no-repeat center center / cover; width: 30px; height: 9px; top: auto; margin-top: auto; outline: none;}



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

   .about-performance-screen .content .left-side {margin-right: 75px;}
   .about-performance-screen .content .left-side .title-block {padding-left: 70px; margin-bottom: 20px;}
   .about-performance-screen .content .left-side .title-block .title {font-size: 40px; line-height: 44px;}
   .about-performance-screen .content .left-side .title-block .top-sub-title {top: 2px; left: 107px; font-size: 20px; line-height: 20px;}
   .about-performance-screen .content .left-side .title-block:before {height: 76px;}
   .about-performance-screen .content .left-side .text-block {padding-left: 70px;}
   .about-performance-screen .content .left-side .text-block .text {font-size: 14px; line-height: 24px;}
   .about-performance-screen .content .right-side .gallery .title {font-size: 18px; line-height: 24px; left: 30px; top: -25px;}
   .about-performance-screen .content .right-side .gallery .video-button {right: 30px;}
   .about-performance-screen .content .right-side .gallery .video-button a {font-size: 10px; padding: 5px 40px;}
   .about-performance-screen .content .right-side .gallery .slider .arrows-block {height: 40px;}
   .about-performance-screen .content .right-side .gallery .slider .arrows-block .count {font-size: 12px;}
}

@media 
only screen and (min-width:768px) and (max-width: 1024px),
only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
   
   .about-performance-screen .content .left-side .text-block .text {display: none;}
   .about-performance-screen .content .left-side .text-block .text.pad {display: block;}


}

@media 
only screen and (min-width:768px) and (max-width:1024px) and (orientation: portrait),
only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {

   .about-performance-screen {background: url(../images/about-performance-screen/about_performance_screen_bg.png) no-repeat left center / cover;}
   .about-performance-screen .content {position: relative; flex-direction: column-reverse; padding-top: 75px;}
   .about-performance-screen .content .left-side {margin-right: 0; width: 100%; padding-top: 60px;}
   .about-performance-screen .content .left-side .title-block {padding-left: 50px;}
   .about-performance-screen .content .left-side .title-block:before {height: 60px;}
   .about-performance-screen .content .left-side .title-block .title {font-size: 30px; line-height: 34px;}
   .about-performance-screen .content .left-side .title-block .top-sub-title {left: 80px; font-size: 16px; line-height: 14px;}
   .about-performance-screen .content .left-side .text-block {padding: 0 50px;}
   .about-performance-screen .content .left-side .text-block .text {display: none;}
   .about-performance-screen .content .left-side .text-block .text.pad {display: block; font-size: 16px; font-weight: normal; font-weight: 500;}

   .about-performance-screen .content .right-side {margin-right: 0; width: 100%;}
   .about-performance-screen .content .right-side .gallery:before {display: none;}
   .about-performance-screen .content .right-side .gallery .title {line-height: 20px; top: 17px; right: 20px;}
   .about-performance-screen .content .right-side .gallery .video-button {right: 20px; top: auto; bottom: -25px;}
   .about-performance-screen .content .right-side .gallery .video-button a {display: flex; align-items: center; padding: 5px 25px; height: 50px; width: 170px;}
   .about-performance-screen .content .right-side .gallery .slider .arrows-block {right: auto; left: 20px; height: 50px; width: 170px;}

}

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

   .about-performance-screen {position: relative; left: auto; top: auto; right: auto; bottom: auto; background: url(../images/about-performance-screen/about_performance_screen_bg.png) no-repeat right -20px bottom -50px / cover;}
   .about-performance-screen .content {flex-direction: column; position: relative; left: auto; top: auto; right: auto; bottom: auto; align-items: flex-start;}
   .about-performance-screen .content .right-side {width: 100%; margin-right: 0;}
   .about-performance-screen .content .right-side .gallery:before {display: none;}
   .about-performance-screen .content .right-side .gallery .title {font-size: 14px; line-height: 16px; left: 10px; top: 10px;}
   .about-performance-screen .content .right-side .gallery .video-button {right: 0; top: auto; bottom: 0;}
   .about-performance-screen .content .right-side .gallery .video-button a {width: 130px; height: 30px; font-size: 8px; line-height: 8px; padding: 0 10px; display: flex; align-items: center; justify-content: center;}
   .about-performance-screen .content .right-side .gallery .slider .arrows-block {width: 130px; height: 30px; right: auto; left: 0; bottom: 0px; padding: 10px;}
   .about-performance-screen .content .right-side .gallery .slider .arrows-block .count {font-size: 12px;}
   .about-performance-screen .content .left-side {width: 100%; margin-right: 0; padding: 40px 0 20px; background: #fff;}
   .about-performance-screen .content .left-side .title-block {padding-left: 20px;}
   .about-performance-screen .content .left-side .title-block:before {width: 5px; height: 43px; top: 3px;}
   .about-performance-screen .content .left-side .title-block .title {font-size: 20px; line-height: 24px;}
   .about-performance-screen .content .left-side .title-block .top-sub-title {top: 0px; left: 40px; font-size: 11px; line-height: 11px;}
   .about-performance-screen .content .left-side .text-block {padding-left: 20px;}
   .about-performance-screen .content .left-side .text-block .text {display: none;}
   .about-performance-screen .content .left-side .text-block .text.pad {display: block; color: #000;}
   .about-performance-screen .content .left-side .text-block .read-more a {color: #000;}

}


/* ==========================================================================
   История спектакля 3
   ========================================================================== */

.performance-history-screen {display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/performance-history-screen/performance_history_screen_bg.jpg) no-repeat center center / cover;}
.performance-history-screen .content {display: flex; justify-content: space-between; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.performance-history-screen .content .left-side {width: 50%; display: flex; align-items: center; position: relative;}
.performance-history-screen .content .left-side .gallery-block {position: absolute; left: 100px; width: 108%; z-index: 2;}
.performance-history-screen .content .left-side .gallery-block .gallery {position: relative; width: 100%; height: 100%; z-index: 2;}
.performance-history-screen .content .left-side .gallery-block .gallery:before {position: absolute; content: ''; left: -10px; top: 10px; width: 85%; height: 100%; background: url(../images/about-theatre-screen/frame.jpg) no-repeat center center / cover;}
.performance-history-screen .content .left-side .gallery-block .gallery .title {position: absolute; left: 50px; top: -30px; font-family: 'Cormorant Unicase'; font-weight: bold; font-size: 28px; line-height: 32px; text-transform: uppercase; color: #FFFFFF; z-index: 3;}
.performance-history-screen .content .left-side .gallery-block .gallery .video-button {position: absolute; top: -25px; right: 50px; z-index: 3;}
.performance-history-screen .content .left-side .gallery-block .gallery .video-button a {display: inline-block; padding: 10px 30px; background: #FFA023; font-weight: 900; font-size: 12px; line-height: 16px; text-align: left; letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none;}
.performance-history-screen .content .left-side .gallery-block .gallery .video-button a:hover {background: #fff;}
.performance-history-screen .content .left-side .gallery-block .gallery .slider {position: relative;}
.performance-history-screen .content .left-side .gallery-block .gallery .slider .slide:nth-child(1) {background: url(../images/performance-history-screen/slide_1.png) no-repeat center center / cover; width: 100%; height: auto; padding-top: 60%;}
.performance-history-screen .content .left-side .gallery-block .gallery .slider .slide:nth-child(2) {background: url(../images/performance-history-screen/slide_2.jpg) no-repeat center center / cover; width: 100%; height: auto; padding-top: 60%;}
.performance-history-screen .content .left-side .gallery-block .gallery .slider .slide:nth-child(3) {background: url(../images/performance-history-screen/slide_3.jpg) no-repeat center center / cover; width: 100%; height: auto; padding-top: 60%;}
.performance-history-screen .content .left-side .gallery-block .gallery .slider .slide:nth-child(4) {background: url(../images/performance-history-screen/slide_4.jpg) no-repeat center center / cover; width: 100%; height: auto; padding-top: 60%;}
.performance-history-screen .content .left-side .gallery-block .gallery .slider .slide:nth-child(5) {background: url(../images/performance-history-screen/slide_5.jpg) no-repeat center center / cover; width: 100%; height: auto; padding-top: 60%;}
.performance-history-screen .content .left-side .gallery-block .gallery .slider .arrows-block {position: absolute; z-index: 5; right: 50px; bottom: -25px; padding: 10px 20px; background: #000; display: flex; align-items: center; justify-content: space-between; width: 200px; height: 50px;}
.performance-history-screen .content .left-side .gallery-block .gallery .slider .arrows-block .prev {background: url(../images/performance-history-screen/prev_white.svg) no-repeat center center / cover; width: 30px; height: 9px; margin-right: 28px; top: auto; left: auto; margin-top: auto; outline: none;}
.performance-history-screen .content .left-side .gallery-block .gallery .slider .arrows-block .count {font-size: 14px; line-height: 32px; text-align: center; margin-right: 28px; color: #fff; width: auto; bottom: auto; left: 50%; transform: translateX(-50%);}
.performance-history-screen .content .left-side .gallery-block .gallery .slider .arrows-block .next {background: url(../images/performance-history-screen/next_white.svg) no-repeat center center / cover; width: 30px; height: 9px; top: auto; right: 20px; margin-top: auto; outline: none;}
.performance-history-screen .content .right-side {width: 50%; display: flex; align-items: center; background: #fff; margin: 70px 0;}
.performance-history-screen .content .right-side .wrap .title-block {position: relative; padding-left: 280px; margin-bottom: 40px;}
.performance-history-screen .content .right-side .wrap .title-block:before {position: absolute; top: 7px; right: 0; content: ''; background: #FFA023; width: 10px; height: 101px;}
.performance-history-screen .content .right-side .wrap .title-block .title {font-family: 'AGAalenBold-Roman'; font-size: 50px; line-height: 58px; letter-spacing: 0.04em; text-transform: uppercase; color: #FFA023;}
.performance-history-screen .content .right-side .wrap .text-block {padding: 0 100px 0 280px;}
.performance-history-screen .content .right-side .wrap .text-block .text {font-size: 18px; line-height: 30px; margin-bottom: 20px;}
.performance-history-screen .content .right-side .wrap .text-block .text.bold {font-weight: bold;}
.performance-history-screen .content .right-side .wrap .text-block .read-more a {font-weight: 900; text-transform: uppercase; text-decoration: none;}
.performance-history-screen .content .right-side .wrap .text-block .read-more a:hover {color: #FFA023;}

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

   .performance-history-screen .content .left-side .gallery-block {left: 70px;}
   .performance-history-screen .content .left-side .gallery-block .gallery .video-button a {font-size: 10px; line-height: 12px;}
   .performance-history-screen .content .left-side .gallery-block .gallery .slider .arrows-block {height: 40px; bottom: -20px;}
   .performance-history-screen .content .left-side .gallery-block .gallery .slider .arrows-block .count {font-size: 12px; line-height: 32px;}
   .performance-history-screen .content .right-side {margin: 60px 0;}
   .performance-history-screen .content .right-side .wrap .title-block {padding-left: 210px; margin-bottom: 20px;}
   .performance-history-screen .content .right-side .wrap .title-block .title {font-size: 40px; line-height: 44px;}
   .performance-history-screen .content .right-side .wrap .title-block:before {height: 76px;}
   .performance-history-screen .content .right-side .wrap .text-block {padding: 0 70px 0 210px;}
   .performance-history-screen .content .right-side .wrap .text-block .text {font-size: 14px; line-height: 24px; margin-bottom: 10px;}

}

@media 
only screen and (min-width:768px) and (max-width: 1024px),
only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {

   .performance-history-screen .content .left-side .gallery-block {left: 40px;}
   .performance-history-screen .content .right-side .wrap .text-block {padding: 0 70px 0 140px;}
   .performance-history-screen .content .right-side .wrap .title-block {padding-left: 140px;}
   .performance-history-screen .content .right-side .wrap .text-block .text {display: none;}
   .performance-history-screen .content .right-side .wrap .text-block .text.pad {display: block;}

}

@media 
only screen and (min-width:768px) and (max-width:1024px) and (orientation: portrait),
only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {

   .performance-history-screen {background: url(../images/performance-history-screen/performance_history_screen_bg.png) no-repeat right center / cover;}
   .performance-history-screen .content {position: relative; flex-direction: column; padding-top: 75px;}
   .performance-history-screen .content .left-side {width: 100%;}
   .performance-history-screen .content .left-side .gallery-block {position: relative; left: 0; width: 100%;}
   .performance-history-screen .content .left-side .gallery-block .gallery:before {display: none;}
   .performance-history-screen .content .left-side .gallery-block .gallery .video-button {top: auto; bottom: -30px; right: 20px;}
   .performance-history-screen .content .left-side .gallery-block .gallery .video-button a {width: 170px; height: 60px; display: flex; align-items: center; padding: 10px 40px;}
   .performance-history-screen .content .left-side .gallery-block .gallery .slider .arrows-block {bottom: -30px; width: 170px; height: 60px; left: 20px; right: auto;}
   .performance-history-screen .content .right-side {margin: 0; padding: 60px 0 0 0; width: 100%; background: none;}
   .performance-history-screen .content .right-side .wrap .title-block {padding-left: 50px;}
   .performance-history-screen .content .right-side .wrap .title-block:before {height: 60px; right: auto; left: 0; top: 3px;}
   .performance-history-screen .content .right-side .wrap .title-block .title {font-size: 30px; line-height: 34px;}
   .performance-history-screen .content .right-side .wrap .text-block {padding: 0 50px;}
   .performance-history-screen .content .right-side .wrap .text-block .text {display: none;}
   .performance-history-screen .content .right-side .wrap .text-block .text.pad {display: block; color: #fff; font-size: 16px; margin-bottom: 20px; font-weight: 500;}
   .performance-history-screen .content .right-side .wrap .text-block .read-more a {color: #fff;}

}

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

   .performance-history-screen {position: relative; left: auto; top: auto; right: auto; bottom: auto; background: url(../images/performance-history-screen/performance_history_screen_bg.png) no-repeat right -20px bottom -40px / cover;}
   .performance-history-screen .content {position: relative; flex-direction: column-reverse;}
   .performance-history-screen .content .left-side {width: 100%;}
   .performance-history-screen .content .left-side .gallery-block {position: relative; left: auto; width: 100%;}
   .performance-history-screen .content .left-side .gallery-block .gallery:before {display: none;}
   .performance-history-screen .content .left-side .gallery-block .gallery .video-button {top: auto; right: 0; bottom: 0;}
   .performance-history-screen .content .left-side .gallery-block .gallery .video-button a {font-size: 8px; line-height: 10px; width: 130px; height: 40px; padding: 0 10px; display: flex; align-items: center; justify-content: center;}
   .performance-history-screen .content .left-side .gallery-block .gallery .slider .arrows-block {right: auto; left: 0; bottom: 0; width: 130px; }
   .performance-history-screen .content .left-side .gallery-block .gallery .slider .arrows-block .count {font-size: 12px;}
   .performance-history-screen .content .right-side {width: 100%; margin: 0; background: #fff; padding: 40px 0 20px 0;}
   .performance-history-screen .content .right-side .wrap .title-block {padding-left: 20px;}
   .performance-history-screen .content .right-side .wrap .title-block:before {right: auto; left: 0; width: 5px; height: 43px; top: 2px;}
   .performance-history-screen .content .right-side .wrap .title-block .title {font-size: 20px; line-height: 24px;}
   .performance-history-screen .content .right-side .wrap .text-block {padding: 0 0 0 20px;}
   .performance-history-screen .content .right-side .wrap .text-block .text {display: none;}
   .performance-history-screen .content .right-side .wrap .text-block .text.pad {display: block; font-weight: bold; color: #000; margin-bottom: 20px;}
   .performance-history-screen .content .right-side .wrap .text-block .read-more a {color: #000;}

}



/* ==========================================================================
   Исполнители 4
   ========================================================================== */

.artists-screen {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/artists-screen/artists_screen_bg.jpg) no-repeat center center / cover; overflow: hidden;}
.artists-screen .content {position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; align-items: center;}
.artists-screen .content .title-block {position: absolute; left: 0; top: 215px; display: inline-block; padding-left: 100px; margin-bottom: 120px;}
.artists-screen .content .title-block:before {position: absolute; content: ''; left: 0; top: 5px; background: #FFA023; width: 10px; height: 103px;}
.artists-screen .content .title-block .title {font-family: 'AGAalenBold-Roman'; font-size: 50px; line-height: 58px; letter-spacing: 0.04em; text-transform: uppercase; color: #FFA023;}

.artists-screen .content .slider {padding: 50px 0;}
.artists-screen .content .slider .slide {width:340px; height:670px; position: relative; align-items: flex-end;}
.artists-screen .content .slider .slide:before {position: absolute; content: ''; left: -10px; bottom: -10px; width: 10px; height: 400px; background: #FFA023;}
.artists-screen .content .slider .slide:after{position: absolute; content: ''; left: -10px; bottom: -10px; width: 340px; height: 10px; background: #FFA023;}
.artists-screen .content .slider .slide .small {display: flex; align-items: flex-end;}
.artists-screen .content .slider .slide .small {width: 100%; height: 100%;}
.artists-screen .content .slider .slide .small .name {position: absolute; bottom: 368px; left: 40px; font-family: 'Cormorant Unicase'; font-weight: bold; font-size: 28px; line-height: 32px; color: #FFFFFF;}
.artists-screen .content .slider .slide .small .img {width: 100%; height: 400px; background: url(../images/artists-screen/petrova.jpg) no-repeat center center / cover;}
.artists-screen .content .slider .slide:nth-child(2) .small .img {background: url(../images/artists-screen/firsov.jpg) no-repeat center center / cover;}
.artists-screen .content .slider .slide:nth-child(3) .small .img {background: url(../images/artists-screen/nurulin.png) no-repeat center center / cover;}
.artists-screen .content .slider .slide:nth-child(4) .small .img {background: url(../images/artists-screen/snatkina.jpg) no-repeat center center / cover;}
.artists-screen .content .slider .slide:nth-child(5) .small .img {background: url(../images/artists-screen/kunicky.jpg) no-repeat center center / cover;}
.artists-screen .content .slider .slide:nth-child(6) .small .img {background: url(../images/artists-screen/doronina.jpg) no-repeat center center / cover;}
.artists-screen .content .slider .slide:nth-child(7) .small .img {background: url(../images/artists-screen/shmakov.jpg) no-repeat center center / cover;}
.artists-screen .content .slider .slide:nth-child(8) .small .img {background: url(../images/artists-screen/smirnova.jpg) no-repeat center center / cover;}
.artists-screen .content .slider .slide:nth-child(9) .small .img {background: url(../images/artists-screen/karagodina.jpg) no-repeat center center / cover;}
.artists-screen .content .slider .slide:nth-child(10) .small .img {background: url(../images/artists-screen/cang.jpg) no-repeat center center / cover;}
.artists-screen .content .slider .slide:nth-child(11) .small .img {background: url(../images/artists-screen/cagina.jpg) no-repeat center center / cover;}
.artists-screen .content .slider .slide:nth-child(12) .small .img {background: url(../images/artists-screen/novishev.jpg) no-repeat center center / cover;}
.artists-screen .content .slider .slide:nth-child(13) .small .img {background: url(../images/artists-screen/vershinin.jpg) no-repeat center center / cover;}


.artists-screen .content .slider .slide .big {display: none; position: relative;}
.artists-screen .content .slider .slide .big .bg {position: absolute; top: -40px; right: -60px; width: 450px; height: 670px; background: no-repeat center center / cover;}
/* .artists-screen .content .slider .slide .big .bg .cover {position: absolute; top: 0px; right: 0px; width: 450px; height: 670px; background: rgba(255, 160, 35, 0.7);} */
.artists-screen .content .slider .slide .big .wrap .name {font-family: 'Cormorant Unicase'; font-weight: bold; font-size: 28px; line-height: 32px; padding-bottom: 40px; margin-bottom: 80px; position: relative;}
.artists-screen .content .slider .slide .big .wrap {position: relative;}
.artists-screen .content .slider .slide .big .wrap .name:before {position: absolute; content: ''; left: 0; bottom: 0; width: 90px; height: 1px; background: #000;}
.artists-screen .content .slider .slide .big .wrap .img {background: no-repeat center center / cover; width: 300px; height: 360px; margin-bottom: 15px;}
/* .artists-screen .content .slider .slide:nth-child(2) .big .wrap .img {background: url(../images/artists-screen/firsov.jpg) no-repeat center center / cover;}
.artists-screen .content .slider .slide:nth-child(3) .big .wrap .img {background: url(../images/artists-screen/nurulin.png) no-repeat center center / cover;}
.artists-screen .content .slider .slide:nth-child(4) .big .wrap .img {background: url(../images/artists-screen/snatkina.jpg) no-repeat center center / cover;}
.artists-screen .content .slider .slide:nth-child(5) .big .wrap .img {background: url(../images/artists-screen/vershinin.jpg) no-repeat center center / cover;}
.artists-screen .content .slider .slide:nth-child(6) .big .wrap .img {background: url(../images/artists-screen/kunicky.jpg) no-repeat center center / cover;}
.artists-screen .content .slider .slide:nth-child(7) .big .wrap .img {background: url(../images/artists-screen/doronina.jpg) no-repeat center center / cover;}
.artists-screen .content .slider .slide:nth-child(8) .big .wrap .img {background: url(../images/artists-screen/shmakov.jpg) no-repeat center center / cover;}
.artists-screen .content .slider .slide:nth-child(9) .big .wrap .img {background: url(../images/artists-screen/smirnova.jpg) no-repeat center center / cover;}
.artists-screen .content .slider .slide:nth-child(10) .big .wrap .img {background: url(../images/artists-screen/karagodina.jpg) no-repeat center center / cover;}
.artists-screen .content .slider .slide:nth-child(11) .big .wrap .img {background: url(../images/artists-screen/cang.jpg) no-repeat center center / cover;}
.artists-screen .content .slider .slide:nth-child(12) .big .wrap .img {background: url(../images/artists-screen/cagina.jpg) no-repeat center center / cover;}
.artists-screen .content .slider .slide:nth-child(13) .big .wrap .img {background: url(../images/artists-screen/novishev.jpg) no-repeat center center / cover;} */

.artists-screen .content .slider .slide .big .wrap .real-name {font-weight: bold; font-size: 18px; line-height: 20px;}
.artists-screen .content .slider .slide .big .arrows-block {position: absolute; z-index: 5; right: 0; bottom: -65px; padding: 10px 20px; background: #000; display: flex; align-items: center; justify-content: space-between; width: 200px; height: 50px;}
.artists-screen .content .slider .slide .big .arrows-block .prev {background: url(../images/performance-history-screen/prev_white.svg) no-repeat center center / cover; width: 30px; height: 9px; margin-right: 28px; top: auto; left: auto; margin-top: auto; outline: none;}
.artists-screen .content .slider .slide .big .arrows-block .count {font-size: 14px; line-height: 32px; text-align: center; margin-right: 28px; color: #fff; width: auto; bottom: auto; left: 50%; transform: translateX(-50%);}
.artists-screen .content .slider .slide .big .arrows-block .next {background: url(../images/performance-history-screen/next_white.svg) no-repeat center center / cover; width: 30px; height: 9px; top: auto; right: 20px; margin-top: auto; outline: none;}
.artists-screen .content .slider .slide.swiper-slide-active {position: relative;}
.artists-screen .content .slider .slide.swiper-slide-active:before {display: none;}
.artists-screen .content .slider .slide.swiper-slide-active:after {left: 10px; width: 600px;}
.artists-screen .content .slider .slide.swiper-slide-active .small {display: none;}
.artists-screen .content .slider .slide.swiper-slide-active {width:620px; padding: 40px 60px; background: #fff;}
.artists-screen .content .slider .slide.swiper-slide-active .big {display: block; height: 100%;}

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

   .artists-screen .content .title-block {padding-left: 70px;}
   .artists-screen .content .title-block:before {height: 86px;}
   .artists-screen .content .title-block .title {font-size: 40px; line-height: 48px;}

}

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

   .artists-screen .content .title-block {top: 155px;}
   .artists-screen .content .slider .slide {width: 240px; height: 470px;}
   .artists-screen .content .slider .slide:before {height: 300px;}
   .artists-screen .content .slider .slide:after {width: 240px;}
   .artists-screen .content .slider .slide .small .name {bottom: 276px; left: 10px; font-size: 22px; line-height: 26px;}
   .artists-screen .content .slider .slide .small .img {height: 300px;}
   .artists-screen .content .slider .slide.swiper-slide-active {width: 520px; padding: 20px 40px;}
   .artists-screen .content .slider .slide .big .bg {top: -20px; right: -40px; width: 350px; height: 470px;}
   .artists-screen .content .slider .slide .big .wrap .name {font-size: 22px; line-height: 26px; padding-bottom: 20px; margin-bottom: 40px;}
   .artists-screen .content .slider .slide .big .wrap .img {width: 200px; height: 260px;}
   .artists-screen .content .slider .slide .big .wrap .real-name {font-size: 14px; line-height: 18px;}
   .artists-screen .content .slider .slide .big .arrows-block {bottom: -40px; width: 170px; height: 40px;}
   .artists-screen .content .slider .slide .big .arrows-block .count {font-size: 12px;}
   .artists-screen .content .slider .slide.swiper-slide-active:after {width: 500px;}

}

@media only screen and (max-height: 900px) {

   .artists-screen .content .title-block {top: 155px;}
   .artists-screen .content .slider .slide {width: 240px; height: 470px;}
   .artists-screen .content .slider .slide:before {height: 300px;}
   .artists-screen .content .slider .slide:after {width: 240px;}
   .artists-screen .content .slider .slide .small .name {bottom: 276px; left: 10px; font-size: 22px; line-height: 26px;}
   .artists-screen .content .slider .slide .small .img {height: 300px;}
   .artists-screen .content .slider .slide.swiper-slide-active {width: 520px; padding: 20px 40px;}
   .artists-screen .content .slider .slide .big .bg {top: -20px; right: -40px; width: 350px; height: 470px;}
   .artists-screen .content .slider .slide .big .wrap .name {font-size: 22px; line-height: 26px; padding-bottom: 20px; margin-bottom: 40px;}
   .artists-screen .content .slider .slide .big .wrap .img {width: 200px; height: 260px;}
   .artists-screen .content .slider .slide .big .wrap .real-name {font-size: 14px; line-height: 18px;}
   .artists-screen .content .slider .slide .big .arrows-block {bottom: -40px; width: 170px; height: 40px;}
   .artists-screen .content .slider .slide .big .arrows-block .count {font-size: 12px;}
   .artists-screen .content .slider .slide.swiper-slide-active:after {width: 500px;}

}

@media 
only screen and (min-width:768px) and (max-width: 1280px),
only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {

   .artists-screen .content {align-items: flex-end; margin-bottom: 60px;}
   .artists-screen .content .title-block:before {height: 66px;}
   .artists-screen .content .title-block .title {font-size: 30px; line-height: 38px;}
   .artists-screen .content .slider .slide {height: 400px;}
   .artists-screen .content .slider .slide.swiper-slide-active {width: 420px; padding: 20px 20px;}
   .artists-screen .content .slider .slide.swiper-slide-active:after {width: 400px;}
   .artists-screen .content .slider .slide .big .bg {top: -20px; right: -20px; width: 300px; height: 400px;}
   .artists-screen .content .slider .slide .big .wrap .name {font-size: 18px; line-height: 18px; padding-bottom: 20px; margin-bottom: 20px;}
   .artists-screen .content .slider .slide .big .wrap .img {width: 180px; height: 240px;}

}

@media 
only screen and (min-width:768px) and (max-width:1024px) and (orientation: portrait),
only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {

   .artists-screen .content {align-items: center;}

}

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

   .artists-screen {position: relative; left: auto; top: auto; right: auto; bottom: auto; background: url(../images/artists-screen/artists_screen_bg_mobile.jpg) no-repeat center center / cover; overflow: hidden;}
   .artists-screen .content {position: relative; left: auto; top: auto; right: auto; bottom: auto; flex-direction: column; align-items: flex-start; padding: 60px 0 40px 0;}
   .artists-screen .content .slider {padding: 0 0 40px 0;}
   .artists-screen .content .swiper-container {width:100%;}
   .artists-screen .content .title-block {position: relative; top: auto; padding-left: 20px; margin-bottom: 20px;}
   .artists-screen .content .title-block:before {width: 5px; height: 43px; top: 2px;}
   .artists-screen .content .title-block .title {font-size: 20px; line-height: 24px;}
   .artists-screen .content .slider .slide {background: #fff; padding: 20px 40px;}
   .artists-screen .content .slider .slide:before {display: none;}
   .artists-screen .content .slider .slide:after {display: none;}
   .artists-screen .content .slider .slide .small {display: none;}
   .artists-screen .content .slider .slide .big {display: block;}
   .artists-screen .content .slider .slide .big .bg {display: none;}
   .artists-screen .content .slider .slide.swiper-slide-active:after {display: none;}
}



/* ==========================================================================
   От режиссера 5
   ========================================================================== */

.producer-screen {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/producer-screen/producer_screen_bg.jpg) no-repeat center center / cover;}
.producer-screen.popup-open {background: transparent;}
.producer-screen .content {display: flex; justify-content: space-between; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.producer-screen .content .left-side {width: 50%; display: flex; align-items: center; background: #fff; margin: 70px 0;}
.producer-screen .content .left-side .wrap .title-block {position: relative; display: inline-block; padding-left: 100px; margin-bottom: 40px;}
.producer-screen .content .left-side .wrap .title-block:before {position: absolute; content: ''; left: 0; top: 5px; background: #FFA023; width: 10px; height: 103px;}
.producer-screen .content .left-side .wrap .title-block .title {font-family: 'AGAalenBold-Roman'; font-size: 50px; line-height: 58px; letter-spacing: 0.04em; text-transform: uppercase; color: #FFA023;}
.producer-screen .content .left-side .wrap .title-block .top-sub-title {position: absolute; top: 4px; right: 104px; font-family: 'Cormorant Unicase'; font-weight: bold; font-size: 28px; line-height: 24px; letter-spacing: 0.04em; text-transform: uppercase; color: #FFA023;}
.producer-screen .content .left-side .wrap .text-block {padding: 0 280px 0 100px;}
.producer-screen .content .left-side .wrap .text-block .text {font-size: 18px; line-height: 30px; font-style: italic; margin-bottom: 20px;}
.producer-screen .content .left-side .wrap .text-block .read-more a {font-weight: 900; text-transform: uppercase; text-decoration: none;}
.producer-screen .content .left-side .wrap .text-block .read-more a:hover {color: #FFA023;}
.producer-screen .content .right-side {width: 50%; display: flex; align-items: center;}
.producer-screen .content .right-side .video-block {position: relative; width: 100%; margin-left: -100px;}
.producer-screen .content .right-side .video-block .video {position: relative; width: 100%; height: 630px; background: url(../images/producer-screen/bg_video.png) no-repeat center center / cover; z-index: 2;}
.producer-screen .content .right-side .video-block .video .play {position: absolute; display: inline-block; left: 50%; top: 50%; transform: translate(-50%); background: url(../images/producer-screen/play_button.png) no-repeat center center / cover; width: 68px; height: 48px;}
.producer-screen .content .right-side .video-block:after {position: absolute; content: ''; bottom: -10px; right: -10px; background: url(../images/producer-screen/frame.jpg) no-repeat center center / cover; width: 100%; height: 630px; z-index: 1;}

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

   .producer-screen .content .left-side {margin: 60px 0;}
   .producer-screen .content .left-side .wrap .title-block {padding-left: 70px; margin-bottom: 20px;}
   .producer-screen .content .left-side .wrap .title-block:before {height: 76px;}
   .producer-screen .content .left-side .wrap .title-block .title {font-size: 40px; line-height: 44px;}
   .producer-screen .content .left-side .wrap .title-block .top-sub-title {font-size: 20px; line-height: 20px;}
   .producer-screen .content .left-side .wrap .text-block {padding: 0 210px 0 70px;}
   .producer-screen .content .left-side .wrap .text-block .text {font-size: 14px; line-height: 24px;}
   .producer-screen .content .right-side .video-block {margin-left: -70px;}
   .producer-screen .content .right-side .video-block .video {height: 480px;}
   .producer-screen .content .right-side .video-block:after {height: 480px;}

}

@media 
only screen and (min-width:768px) and (max-width: 1024px),
only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {

   .producer-screen .content .left-side .wrap .title-block:before {height: 63px; top: 3px;}
   .producer-screen .content .left-side .wrap .title-block .title {font-size: 30px; line-height: 34px;}
   .producer-screen .content .left-side .wrap .text-block .text {display: none;}
   .producer-screen .content .left-side .wrap .text-block .text.pad {display: block;}
   .producer-screen .content .right-side .video-block {margin-left: -40px;}


}

@media 
only screen and (min-width:768px) and (max-width:1024px) and (orientation: portrait),
only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {

   .producer-screen {background: url(../images/producer-screen/producer_screen_bg.png) no-repeat center left / cover;}
   .producer-screen .content {flex-direction: column-reverse; position: relative; padding-top: 75px;}
   .producer-screen .content .right-side {width: 100%;}
   .producer-screen .content .right-side .video-block {margin-left: 0;}
   .producer-screen .content .right-side .video-block:after {display: none;}
   .producer-screen .content .right-side .video-block .video {height: 470px;}
   .producer-screen .content .left-side {margin: 0; width: 100%; padding-top: 60px; background: none;}
   .producer-screen .content .left-side .wrap .title-block {padding-left: 50px;}
   .producer-screen .content .left-side .wrap .title-block:before {height: 60px;}
   .producer-screen .content .left-side .wrap .title-block .title {font-size: 30px; line-height: 34px;}
   .producer-screen .content .left-side .wrap .title-block .top-sub-title {font-size: 16px; line-height: 14px; top: 2px; right: 65px;}
   .producer-screen .content .left-side .wrap .text-block {padding: 0 50px;}
   .producer-screen .content .left-side .wrap .text-block .text {display: none;}
   .producer-screen .content .left-side .wrap .text-block .text.pad {display: block; font-size: 16px; line-height: 26px; color: #fff; font-weight: 500;}
   .producer-screen .content .left-side .wrap .text-block .read-more a {color: #fff;}

}

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

   .producer-screen {position: relative; left: auto; top: auto; right: auto; bottom: auto; background: url(../images/producer-screen/producer_screen_bg.png) no-repeat left -20px bottom -40px / cover;}
   .producer-screen .content {position: relative; flex-direction: column;}
   .producer-screen .content .right-side {width: 100%; }
   .producer-screen .content .right-side .video-block {margin-left: 0;}
   .producer-screen .content .right-side .video-block:after {display: none;}
   .producer-screen .content .right-side .video-block .video {height: 225px;}
   .producer-screen .content .left-side {width: 100%; margin: 0; padding: 40px 0 20px 0; background: #fff;}
   .producer-screen .content .left-side .wrap .title-block {padding-left: 20px;}
   .producer-screen .content .left-side .wrap .title-block:before {height: 43px; width: 5px; top: 3px;}
   .producer-screen .content .left-side .wrap .title-block .title {font-size: 20px; line-height: 24px;}
   .producer-screen .content .left-side .wrap .title-block .top-sub-title {font-size: 11px; line-height: 11px; top: 1px; right: auto; left: 55px;}
   .producer-screen .content .left-side .wrap .text-block {padding: 0 20px 0 20px;}
   .producer-screen .content .left-side .wrap .text-block .text {display: none;}
   .producer-screen .content .left-side .wrap .text-block .text.pad {display: block; color: #000; font-weight: bold;}
   .producer-screen .content .left-side .wrap .text-block .read-more a {color: #000;}

}



/* ==========================================================================
   Отзывы 6
   ========================================================================== */

.reviews-screen {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/reviews-screen/reviews_screen_bg.jpg) no-repeat center center / cover;}
.reviews-screen .content {position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; align-items: center;}
.reviews-screen .content .title-block {position: absolute; left: 0; top: 215px; display: inline-block; padding-left: 100px; margin-bottom: 120px;}
.reviews-screen .content .title-block:before {position: absolute; content: ''; left: 0; top: 5px; background: #FFA023; width: 10px; height: 103px;}
.reviews-screen .content .title-block .title {font-family: 'AGAalenBold-Roman'; font-size: 50px; line-height: 58px; letter-spacing: 0.04em; text-transform: uppercase; color: #FFA023;}

.reviews-screen .content .slider-feedback {padding: 70px 0;}
.reviews-screen .content .slider-feedback .slide {width:340px; height:670px; position: relative; display: flex; align-items: flex-end;}
.reviews-screen .content .slider-feedback .slide.swiper-slide-active {width: 690px;}
.reviews-screen .content .slider-feedback .slide.swiper-slide-active:before {position: absolute; content: ''; left: 10px; bottom: -10px; width: 97%; height: 10px; background: #FFA023;}
.reviews-screen .content .slider-feedback .slide .text {font-size: 18px; line-height: 30px; margin-bottom: 20px;}
.reviews-screen .content .slider-feedback .slide .author {font-size: 18px; line-height: 20px;}
.reviews-screen .content .slider-feedback .slide .author .name {font-weight: bold;}
.reviews-screen .content .slider-feedback .slide .author .date {font-size: 14px;}
.reviews-screen .content .slider-feedback .slide .small {opacity: 0.5; padding: 40px; height: 400px; max-height: 400px; background: #fff; display: flex; flex-direction: column; justify-content: space-between;}
.reviews-screen .content .slider-feedback .slide.swiper-slide-active .small {display: none;}
.reviews-screen .content .slider-feedback .slide .big {display: none;}
.reviews-screen .content .slider-feedback .slide.swiper-slide-active .big {display: block;}
.reviews-screen .content .slider-feedback .slide .big .arrows-block {position: absolute; z-index: 5; right: 50px; bottom: -25px; padding: 10px 20px; background: #000; display: flex; align-items: center; justify-content: space-between; width: 200px; height: 50px;}
.reviews-screen .content .slider-feedback .slide .big .arrows-block .prev {background: url(../images/performance-history-screen/prev_white.svg) no-repeat center center / cover; width: 30px; height: 9px; margin-right: 28px; top: auto; left: auto; margin-top: auto; outline: none;}
.reviews-screen .content .slider-feedback .slide .big .arrows-block .count {font-size: 14px; line-height: 32px; text-align: center; margin-right: 28px; color: #fff; width: auto; bottom: auto; left: 50%; transform: translateX(-50%);}
.reviews-screen .content .slider-feedback .slide .big .arrows-block .next {background: url(../images/performance-history-screen/next_white.svg) no-repeat center center / cover; width: 30px; height: 9px; top: auto; right: 20px; margin-top: auto; outline: none;}
.reviews-screen .content .slider-feedback .slide .big .tabs-bar {display: flex; position: relative; padding: 0 10px 0 0;}
.reviews-screen .content .slider-feedback .slide .big .tabs-bar:before {position: absolute; content: ''; left: 70px; bottom: -30px; width: 90px; height: 1px; background: #000;}
.reviews-screen .content .slider-feedback .slide .big .tabs-bar .tab-left {padding: 20px 0 0 70px; width: 50%; background: #fff;}
.reviews-screen .content .slider-feedback .slide .big .tabs-bar .tab-left a {display: inline-block; width: 100%; height: 100%; font-family: 'Cormorant Unicase'; font-weight: bold; font-size: 28px; line-height: 32px; text-transform: uppercase; text-decoration: none;}
.reviews-screen .content .slider-feedback .slide .big .tabs-bar .tab-right {width: 50%; background: transparent;}
.reviews-screen .content .slider-feedback .slide .big .tabs-bar .tab-right a {display: flex; align-items: center; justify-content: center; margin: 20px 0 0 0; width: 100%; height: 70px; background: #FFA023; font-weight: 900; font-size: 12px; line-height: 32px; text-align: center; letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none;}
.reviews-screen .content .slider-feedback .slide .big .wrap {padding: 60px 70px 70px 70px; background: #fff;}

.reviews-screen .content .slider-reviews {padding: 70px 0;}
.reviews-screen .content .slider-reviews .slide {width:340px; height:670px; position: relative; display: flex; align-items: flex-end;}
.reviews-screen .content .slider-reviews .slide.swiper-slide-active {width: 690px;}
.reviews-screen .content .slider-reviews .slide.swiper-slide-active:before {position: absolute; content: ''; left: 10px; bottom: -10px; width: 97%; height: 10px; background: #FFA023;}
.reviews-screen .content .slider-reviews .slide .text {font-size: 18px; line-height: 30px; margin-bottom: 20px;}
.reviews-screen .content .slider-reviews .slide .text.bold {font-weight: bold;}
.reviews-screen .content .slider-reviews .slide .author {font-size: 18px; line-height: 20px;}
.reviews-screen .content .slider-reviews .slide .author .name {font-weight: bold;}
.reviews-screen .content .slider-reviews .slide .author .date {font-size: 14px;}
.reviews-screen .content .slider-reviews .slide .small {opacity: 0.5; padding: 40px; height: 400px; max-height: 400px; background: #fff; display: flex; flex-direction: column; justify-content: space-between;}
.reviews-screen .content .slider-reviews .slide.swiper-slide-active .small {display: none;}
.reviews-screen .content .slider-reviews .slide .big {display: none;}
.reviews-screen .content .slider-reviews .slide.swiper-slide-active .big {display: block;}
.reviews-screen .content .slider-reviews .slide .big .arrows-block {position: absolute; z-index: 5; right: 50px; bottom: -25px; padding: 10px 20px; background: #000; display: flex; align-items: center; justify-content: space-between; width: 200px; height: 50px;}
.reviews-screen .content .slider-reviews .slide .big .arrows-block .prev {background: url(../images/performance-history-screen/prev_white.svg) no-repeat center center / cover; width: 30px; height: 9px; margin-right: 28px; top: auto; left: auto; margin-top: auto; outline: none;}
.reviews-screen .content .slider-reviews .slide .big .arrows-block .count {font-size: 14px; line-height: 32px; text-align: center; margin-right: 28px; color: #fff; width: auto; bottom: auto; left: 50%; transform: translateX(-50%);}
.reviews-screen .content .slider-reviews .slide .big .arrows-block .next {background: url(../images/performance-history-screen/next_white.svg) no-repeat center center / cover; width: 30px; height: 9px; top: auto; right: 20px; margin-top: auto; outline: none;}
.reviews-screen .content .slider-reviews .slide .big .tabs-bar {display: flex; position: relative; padding: 0 10px 0 0;}
.reviews-screen .content .slider-reviews .slide .big .tabs-bar:before {position: absolute; content: ''; left: 70px; bottom: -30px; width: 90px; height: 1px; background: #000;}
.reviews-screen .content .slider-reviews .slide .big .tabs-bar .tab-left {padding: 20px 0 0 70px; width: 50%; background: #fff;}
.reviews-screen .content .slider-reviews .slide .big .tabs-bar .tab-left a {display: inline-block; width: 100%; height: 100%; font-family: 'Cormorant Unicase'; font-weight: bold; font-size: 28px; line-height: 32px; text-transform: uppercase; text-decoration: none;}
.reviews-screen .content .slider-reviews .slide .big .tabs-bar .tab-right {width: 50%; background: transparent;}
.reviews-screen .content .slider-reviews .slide .big .tabs-bar .tab-right a {display: flex; align-items: center; justify-content: center; margin: 20px 0 0 0; width: 100%; height: 70px; background: #FFA023; font-weight: 900; font-size: 12px; line-height: 32px; text-align: center; letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none;}
.reviews-screen .content .slider-reviews .slide .big .wrap {padding: 60px 70px 70px 70px; background: #fff;}
.reviews-screen .content .slider-reviews .slide .big .wrap .author {margin-bottom: 20px; display: flex;}
.reviews-screen .content .slider-reviews .slide .big .wrap .author .logo {margin-right: 10px;}
.reviews-screen .content .slider-reviews .slide .big .wrap .author .logo .img {background: no-repeat center center / contain; width: 120px; height: 70px;}
.reviews-screen .content .slider-reviews .slide .big .wrap .read-more a {font-weight: 900; text-transform: uppercase; text-decoration: none; color: #000;}

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

   .reviews-screen .content {padding: 0 0 60px 0;}
   .reviews-screen .content .title-block:before {height: 86px;}
   .reviews-screen .content .title-block .title {font-size: 40px; line-height: 48px;}
   .reviews-screen .content .slider-feedback .slide .text {font-size: 16px; line-height: 28px;}
   .reviews-screen .content .slider-feedback .slide .small {height: 350px; max-height: 350px;}

}

@media only screen and (max-height: 900px) {

   .reviews-screen .content .slider-feedback .slide.swiper-slide-active {width: 600px;}
   .reviews-screen .content .slider-feedback .slide .big .wrap {padding: 40px;}
   .reviews-screen .content .slider-feedback .slide .big .tabs-bar:before {left: 40px; bottom: -20px;}
   .reviews-screen .content .slider-feedback .slide .big .tabs-bar .tab-left {padding: 20px 0 0 40px;}
   .reviews-screen .content .slider-feedback .slide .big .tabs-bar .tab-left a {font-size: 22px; line-height: 26px;}
   
   .reviews-screen .content .slider-reviews .slide .text {font-size: 14px;}
   .reviews-screen .content .slider-reviews .slide .big .tabs-bar:before {display: none;}

}

 @media 
only screen and (min-width:768px) and (max-width: 1440px),
only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {

   .reviews-screen .content {align-items: flex-end; margin-bottom: 40px; padding: 0;}
   .reviews-screen .content .title-block {top: 105px;}
   .reviews-screen .content .title-block:before {height: 66px;}
   .reviews-screen .content .title-block .title {font-size: 30px; line-height: 38px;}
   .reviews-screen .content .slider-feedback .slide {}
   .reviews-screen .content .slider-feedback .slide .text {font-size: 14px; line-height: 26px;}
   .reviews-screen .content .slider-feedback .slide .text.pad {display: none;}
   .reviews-screen .content .slider-feedback .slide .author {font-size: 14px;}
   .reviews-screen .content .slider-feedback .slide .small {height: 330px; max-height: 350px;}
   .reviews-screen .content .slider-reviews .slide .big .wrap {padding: 20px 40px 40px 40px;}
   .reviews-screen .content .slider-reviews .slide .big .tabs-bar .tab-left a {font-size: 24px; line-height: 26px;}

}

@media 
only screen and (min-width:768px) and (max-width:1024px) and (orientation: portrait),
only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {

   .reviews-screen .content {align-items: center;}

}

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

   .reviews-screen {position: relative; left: auto; top: auto; right: auto; bottom: auto; background: url(../images/artists-screen/artists_screen_bg.jpg) no-repeat center center / cover;}
   .reviews-screen .content {position: relative; left: auto; top: auto; right: auto; bottom: auto; display: flex; flex-direction: column; align-items: flex-start; padding: 60px 0 20px 0;}
   .reviews-screen .content .title-block {position: relative; top: auto; padding-left: 20px; margin-bottom: 20px;}
   .reviews-screen .content .title-block:before {height: 46px; width: 5px;}
   .reviews-screen .content .title-block .title {font-size: 20px; line-height: 28px;}
   .reviews-screen .content .slider-feedback {padding: 0 0 20px 0; width: 100%;}
   .reviews-screen .content .slider-feedback .slide {height: 100%; align-items: flex-start;}
   .reviews-screen .content .slider-feedback .slide .big .wrap {padding: 20px;}
   .reviews-screen .content .slider-feedback .slide .big .tabs-bar {padding: 0;}
   .reviews-screen .content .slider-feedback .slide .big .tabs-bar .tab-left {padding: 10px 0 0 20px;}
   .reviews-screen .content .slider-feedback .slide .big .tabs-bar .tab-left a {font-size: 14px; line-height: 16px;}
   .reviews-screen .content .slider-feedback .slide .big .tabs-bar .tab-right a {font-size: 10px; height: 100%; margin: 0;}
   .reviews-screen .content .slider-feedback .slide .big .tabs-bar:before {left: 20px; bottom: -10px; width: 50px;}
   .reviews-screen .content .slider-feedback .slide .text {font-size: 14px; line-height: 18px;}
   .reviews-screen .content .slider-feedback .slide .author {font-size: 14px; line-height: 18px;}
   .reviews-screen .content .slider-feedback .slide .author .date {font-size: 12px;}
   .reviews-screen .content .slider-feedback .slide .big .arrows-block {right: 0; bottom: -20px; width: 160px; height: 40px;}
   .reviews-screen .content .slider-feedback .slide .big .arrows-block .count {font-size: 12px;}

   .reviews-screen .content .slider-reviews {width: 100%; padding: 0 0 20px 0;}
   .reviews-screen .content .slider-reviews .slide {height: 100%;}
   .reviews-screen .content .slider-reviews .slide .big .tabs-bar {padding: 0;}
   .reviews-screen .content .slider-reviews .slide .big .tabs-bar .tab-left {padding: 10px 0 0 20px;}
   .reviews-screen .content .slider-reviews .slide .big .tabs-bar .tab-left a {font-size: 14px; line-height: 16px;}
   .reviews-screen .content .slider-reviews .slide .big .tabs-bar .tab-right a {font-size: 10px; height: 100%; margin: 0;}
   .reviews-screen .content .slider-reviews .slide .big .tabs-bar:before {left: 20px; bottom: -10px; width: 50px;}
   .reviews-screen .content .slider-reviews .slide .big .wrap {padding: 20px 20px 30px 20px;}
   .reviews-screen .content .slider-reviews .slide .author {font-size: 14px; line-height: 18px;}
   .reviews-screen .content .slider-reviews .slide .author .date {font-size: 12px;}
   .reviews-screen .content .slider-reviews .slide .text {font-size: 14px; line-height: 18px;}
   .reviews-screen .content .slider-reviews .slide .big .arrows-block {right: 0; bottom: -20px; width: 160px; height: 40px;}
   .reviews-screen .content .slider-reviews .slide .big .arrows-block .count {font-size: 12px;}

}


/* ==========================================================================
   Афиша 7
   ========================================================================== */

.afisha-screen {display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/afisha-screen/afisha_screen_bg.jpg) no-repeat center center / cover;}
.afisha-screen .content {display: flex; flex-direction: column; justify-content: center; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.afisha-screen .content .title-block {display: flex; position: relative; padding-left: 100px; margin-bottom: 70px;}
.afisha-screen .content .title-block:before {position: absolute; content: ''; left: 0; top: 5px; background: #FFA023; width: 10px; height: 103px;}
.afisha-screen .content .title-block .title-yellow {font-family: 'AGAalenBold-Roman'; font-size: 50px; line-height: 58px; letter-spacing: 0.04em; text-transform: uppercase; color: #FFA023; margin-right: 40px;}
.afisha-screen .content .title-block .title-yellow:last-child {margin-right: 0;}
.afisha-screen .content .title-block .title-white {font-family: 'AGAalenBold-Roman'; font-size: 50px; line-height: 58px; letter-spacing: 0.04em; text-transform: uppercase; color: #ffffff; margin-right: 40px;}
.afisha-screen .content .afisha-block {margin:0 100px; position: relative;}
.afisha-screen .content .afisha-block:before {position: absolute; content: ''; left: 10px; bottom: -10px; width: 98.8%; height: 10px; background: #FFA023;}
.afisha-screen .content .afisha-block .row {display: flex;}
.afisha-screen .content .afisha-block .row .cell {padding: 50px 30px; width: 16.6666%; border-right: 1px dashed #e5e5e5;}
.afisha-screen .content .afisha-block .row .cell:last-child {border-right: none;}
.afisha-screen .content .afisha-block .row .cell.disabled {background: #f7f7f7; }
.afisha-screen .content .afisha-block .row .cell.disabled .title {font-family: 'Cormorant Unicase'; font-weight: 300; font-size: 24px; line-height: 24px; text-transform: uppercase; color: #999999; margin-bottom: 15px;}
.afisha-screen .content .afisha-block .row .cell.disabled .date {font-family: 'Cormorant Unicase'; font-weight: bold; font-size: 24px; line-height: 24px; text-transform: uppercase; color: #999999; margin-bottom: 20px;}
.afisha-screen .content .afisha-block .row .cell.disabled .buttons-block {margin-bottom: 60px;}
.afisha-screen .content .afisha-block .row .cell.disabled .buttons-block .gallery {margin-bottom: 2px;}
.afisha-screen .content .afisha-block .row .cell.disabled .buttons-block .gallery a {display: inline-block; padding: 10px 0; width: 100%; font-weight: bold; font-size: 12px; line-height: 32px; text-align: center; letter-spacing: 0.1em; text-transform: uppercase; background: #fff; text-decoration: none;}
.afisha-screen .content .afisha-block .row .cell.disabled .buttons-block .gallery a:hover {background: #000; color: #fff;}
.afisha-screen .content .afisha-block .row .cell.disabled .buttons-block .reviews a {display: inline-block; padding: 10px 0; width: 100%; font-weight: bold; font-size: 12px; line-height: 32px; text-align: center; letter-spacing: 0.1em; text-transform: uppercase; background: #fff; text-decoration: none;}
.afisha-screen .content .afisha-block .row .cell.disabled .buttons-block .reviews a:hover {background: #000; color: #fff;}
.afisha-screen .content .afisha-block .row .cell.disabled .place {font-family: 'Cormorant Unicase'; font-size: 16px; line-height: 18px; color: #999999;}
.afisha-screen .content .afisha-block .row .cell.disabled .place .main {font-weight: bold; font-size: 24px;}
.afisha-screen .content .afisha-block .row .cell.active {background: #fff;}
.afisha-screen .content .afisha-block .row .cell.active .title {font-family: 'Cormorant Unicase'; font-weight: 300; font-size: 24px; line-height: 24px; text-transform: uppercase; margin-bottom: 30px;}
.afisha-screen .content .afisha-block .row .cell.active .date {font-family: 'Cormorant Unicase'; font-weight: bold; text-transform: uppercase; margin-bottom: 30px;}
.afisha-screen .content .afisha-block .row .cell.active .date .day {font-family: 'Cormorant Unicase'; font-weight: bold; font-size: 70px; line-height: 48px; margin-bottom: 15px;}
.afisha-screen .content .afisha-block .row .cell.active .date .month {font-size: 36px; line-height: 30px;}
.afisha-screen .content .afisha-block .row .cell.active .date .time {font-size: 36px; line-height: 30px;}
.afisha-screen .content .afisha-block .row .cell.active .buttons-block {margin-bottom: 60px; }
.afisha-screen .content .afisha-block .row .cell.active .buttons-block a {display: flex; justify-content: center; align-items: center; padding: 10px 20px; width: 100%; background: #FFA023; text-decoration: none;}
.afisha-screen .content .afisha-block .row .cell.active .buttons-block a .count {width: 22px; height: 22px; background: #FF001F; border-radius: 20px; display: flex; justify-content: center; align-items: center; margin-right: 10px;}
.afisha-screen .content .afisha-block .row .cell.active .buttons-block a .count .number {font-weight: bold; font-size: 8px; line-height: 10px; text-align: center; letter-spacing: 0.04em; text-transform: uppercase; color: #FFFFFF;}
.afisha-screen .content .afisha-block .row .cell.active .buttons-block a .text {font-weight: 900; font-size: 9px; line-height: 32px; text-align: center; letter-spacing: 0.1em; text-transform: uppercase;}
.afisha-screen .content .afisha-block .row .cell.active .buttons-block a:hover {background: #000;}
.afisha-screen .content .afisha-block .row .cell.active .buttons-block a:hover .text {color: #fff;}
.afisha-screen .content .afisha-block .row .cell.active .place {font-family: 'Cormorant Unicase'; font-size: 16px; line-height: 18px; color: #999999;}
.afisha-screen .content .afisha-block .row .cell.active .place .main {font-weight: bold; font-size: 24px;}

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

   .afisha-screen .content .title-block:before {height: 76px;}
   .afisha-screen .content .title-block .title-yellow {font-size: 40px; line-height: 44px; margin-right: 20px;}
   .afisha-screen .content .title-block .title-white {font-size: 40px; line-height: 44px; margin-right: 20px;}
   .afisha-screen .content .title-block .title-yellow:last-child {margin-right: 0;}
   .afisha-screen .content .afisha-block .row .cell {padding: 25px 30px;}
   .afisha-screen .content .afisha-block .row .cell.disabled .title {font-size: 18px; line-height: 18px;}
   .afisha-screen .content .afisha-block .row .cell.disabled .date {font-size: 18px; line-height: 18px;}
   .afisha-screen .content .afisha-block .row .cell.disabled .buttons-block .gallery a {font-size: 10px; padding: 5px 0;}
   .afisha-screen .content .afisha-block .row .cell.disabled .buttons-block .reviews a {font-size: 10px; padding: 5px 0;}
   .afisha-screen .content .afisha-block .row .cell.disabled .buttons-block {margin-bottom: 40px;}
   .afisha-screen .content .afisha-block .row .cell.disabled .place .main {font-size: 18px;}
   .afisha-screen .content .afisha-block .row .cell.disabled .place {font-size: 14px;}
   .afisha-screen .content .afisha-block .row .cell.active .title {font-size: 18px; line-height: 18px; margin-bottom: 15px;}
   .afisha-screen .content .afisha-block .row .cell.active .date {margin-bottom: 20px;}
   .afisha-screen .content .afisha-block .row .cell.active .date .day {font-size: 58px; line-height: 48px; margin-bottom: 10px;}
   .afisha-screen .content .afisha-block .row .cell.active .date .month {font-size: 28px; line-height: 28px;}
   .afisha-screen .content .afisha-block .row .cell.active .date .time {font-size: 28px; line-height: 28px;}
   .afisha-screen .content .afisha-block .row .cell.active .buttons-block a {padding: 5px; }
   .afisha-screen .content .afisha-block .row .cell.active .buttons-block a .text {font-size: 8px;}
   .afisha-screen .content .afisha-block .row .cell.active .buttons-block {margin-bottom: 40px;}
   .afisha-screen .content .afisha-block .row .cell.active .place .main {font-size: 20px;}
   .afisha-screen .content .afisha-block .row .cell.active .place {font-size: 14px;}

}

@media only screen and (max-height: 900px) {

   .afisha-screen .content .title-block .title-yellow {font-size: 30px;}
   .afisha-screen .content .title-block .title-white {font-size: 30px;}

}

@media 
only screen and (min-width:768px) and (max-width: 1024px),
only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {

   .afisha-screen .content {display: block; padding-top: 110px;}
   .afisha-screen .content .title-block {padding-left: 50px; margin-bottom: 70px;}
   .afisha-screen .content .title-block:before {height: 60px; top: 0;}
   .afisha-screen .content .title-block .title-yellow {font-size: 30px; line-height: 30px;}
   .afisha-screen .content .title-block .title-white {font-size: 30px; line-height: 30px;}
   .afisha-screen .content .afisha-block {margin: 0 50px;}
   .afisha-screen .content .afisha-block:before {width: 96.8%;}
   .afisha-screen .content .afisha-block .row .cell {width: 16.6666%; padding: 20px 20px;}
   .afisha-screen .content .afisha-block .row .cell.disabled {border-bottom: 1px dashed #e5e5e5;}
   .afisha-screen .content .afisha-block .row .cell.disabled .title {margin-bottom: 0; font-size: 16px; line-height: 16px;}
   .afisha-screen .content .afisha-block .row .cell.disabled .date {margin-bottom: 15px; font-size: 16px; line-height: 16px;}
   .afisha-screen .content .afisha-block .row .cell.disabled .buttons-block {margin-bottom: 15px;}
   .afisha-screen .content .afisha-block .row .cell.disabled .buttons-block .gallery a {font-size: 9px;}
   .afisha-screen .content .afisha-block .row .cell.disabled .buttons-block .reviews a {font-size: 9px;}
   .afisha-screen .content .afisha-block .row .cell.active.first {border-bottom: 1px dashed #e5e5e5;}
   .afisha-screen .content .afisha-block .row .cell.active .title {margin-bottom: 5px; font-size: 16px; line-height: 16px;}
   .afisha-screen .content .afisha-block .row .cell.active .date .day {font-size: 48px; line-height: 38px;}
   .afisha-screen .content .afisha-block .row .cell.active .date .month {font-size: 24px; line-height: 24px;}
   .afisha-screen .content .afisha-block .row .cell.active .buttons-block {margin-bottom: 20px;}
   .afisha-screen .content .afisha-block .row .cell.active .buttons-block a .text {font-size: 9px; line-height: 14px;}
   .afisha-screen .content .afisha-block .row .cell.active .buttons-block a .count {height: 18px;}

}

@media 
only screen and (min-width:768px) and (max-width:1024px) and (orientation: portrait),
only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {

   .afisha-screen .content {display: block; padding-top: 110px;}
   .afisha-screen .content .title-block {padding-left: 50px; margin-bottom: 40px;}
   .afisha-screen .content .title-block:before {height: 60px; top: 0;}
   .afisha-screen .content .title-block .title-yellow {font-size: 30px; line-height: 30px;}
   .afisha-screen .content .title-block .title-white {font-size: 30px; line-height: 30px;}
   .afisha-screen .content .title-block .title-yellow:last-child {display: none;}
   .afisha-screen .content .afisha-block {margin: 0 50px;}
   .afisha-screen .content .afisha-block:before {width: 96.8%;}
   .afisha-screen .content .afisha-block .row {flex-wrap: wrap;}
   .afisha-screen .content .afisha-block .row .cell {width: 33.3333%; padding: 20px 35px;}
   .afisha-screen .content .afisha-block .row .cell.disabled {border-bottom: 1px dashed #e5e5e5;}
   .afisha-screen .content .afisha-block .row .cell.disabled .title {margin-bottom: 0;}
   .afisha-screen .content .afisha-block .row .cell.disabled .date {margin-bottom: 15px;}
   .afisha-screen .content .afisha-block .row .cell.disabled .buttons-block {margin-bottom: 15px;}
   .afisha-screen .content .afisha-block .row .cell.active.first {border-bottom: 1px dashed #e5e5e5;}
   .afisha-screen .content .afisha-block .row .cell.active .title {margin-bottom: 5px;}
   .afisha-screen .content .afisha-block .row .cell.active .date .day {font-size: 48px; line-height: 38px;}
   .afisha-screen .content .afisha-block .row .cell.active .buttons-block {margin-bottom: 20px;}

}

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

   .afisha-screen {position: relative; left: auto; top: auto; right: auto; bottom: auto; padding: 40px 0 0 0; background: url(../images/afisha-screen/afisha_screen_bg.png) no-repeat left -20px bottom / cover;}
   .afisha-screen .content {position: relative; left: auto; top: auto; right: auto; bottom: auto;}
   .afisha-screen .content .title-block {padding-left: 20px; margin-bottom: 20px;}
   .afisha-screen .content .title-block:before {width: 5px; height: 43px; top: 2px;}
   .afisha-screen .content .title-block .title-yellow {font-size: 20px; line-height: 24px; margin-right: 0;}
   .afisha-screen .content .title-block .title-yellow:last-child {display: none;}
   .afisha-screen .content .title-block .title-white {display: none;}
   .afisha-screen .content .afisha-block {margin: 0;}
   .afisha-screen .content .afisha-block:before {display: none;}
   .afisha-screen .content .afisha-block .row {flex-direction: column;}
   .afisha-screen .content .afisha-block .row .cell {width: 100%; padding: 10px 20px; display: flex; align-items: center; justify-content: space-between; border-right: none; border-bottom: 1px dashed #e5e5e5;}
   .afisha-screen .content .afisha-block .row .cell.disabled .afisha-title-block {width: 30%;}
   .afisha-screen .content .afisha-block .row .cell.disabled .title {font-size: 14px; line-height: 14px; margin-bottom: 10px;}
   .afisha-screen .content .afisha-block .row .cell.disabled .date {font-size: 14px; line-height: 14px; margin-bottom: 0;}
   .afisha-screen .content .afisha-block .row .cell.disabled .buttons-block {margin-bottom: 0; width: 150px;}
   .afisha-screen .content .afisha-block .row .cell.disabled .buttons-block .gallery a {width: 100%;}
   .afisha-screen .content .afisha-block .row .cell.disabled .buttons-block .reviews a {width: 100%;}
   .afisha-screen .content .afisha-block .row .cell.disabled .place {display: none;}
   .afisha-screen .content .afisha-block .row .cell.active .afisha-title-block {width: 30%;}
   .afisha-screen .content .afisha-block .row .cell.active .title {font-size: 14px; line-height: 14px; margin-bottom: 10px;}
   .afisha-screen .content .afisha-block .row .cell.active .date {margin-bottom: 0;}
   .afisha-screen .content .afisha-block .row .cell.active .date .day {font-size: 18px; line-height: 18px; margin-bottom: 0;}
   .afisha-screen .content .afisha-block .row .cell.active .date .month {font-size: 18px; line-height: 18px;}
   .afisha-screen .content .afisha-block .row .cell.active .date .time {font-size: 18px; line-height: 18px;}
   .afisha-screen .content .afisha-block .row .cell.active .buttons-block {margin-bottom: 0; width: 150px;}
   .afisha-screen .content .afisha-block .row .cell.active .place {display: none;}

}



/* ==========================================================================
   О театре 8
   ========================================================================== */

.about-theater-screen {display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/about-theatre-screen/about_screen_bg.jpg) no-repeat center center / cover;}
.about-theater-screen .content {display: flex; align-items: center; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin-left: 100px; }
.about-theater-screen .content .left-side {width: 60%;}
.about-theater-screen .content .left-side .gallery {position: relative; width: 100%; height: 100%; z-index: 2;}
.about-theater-screen .content .left-side .gallery:before {position: absolute; content: ''; left: -10px; top: 10px; width: 100%; height: 100%; background: url(../images/about-theatre-screen/frame.jpg) no-repeat center center / cover;}
.about-theater-screen .content .left-side .gallery .title {position: absolute; left: 50px; top: -30px; font-family: 'Cormorant Unicase'; font-weight: bold; font-size: 28px; line-height: 32px; text-transform: uppercase; color: #FFFFFF; z-index: 3;}
.about-theater-screen .content .left-side .gallery .video-button {position: absolute; top: -25px; right: 50px; z-index: 3;}
.about-theater-screen .content .left-side .gallery .video-button a {display: inline-block; padding: 10px 30px; background: #FFA023; font-weight: 900; font-size: 12px; line-height: 32px; text-align: center; letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none;}
.about-theater-screen .content .left-side .gallery .slider {position: relative;}
.about-theater-screen .content .left-side .gallery .slider .slide {background: url(../images/about-theatre-screen/slide.jpg) no-repeat center center / cover; width: 100%; height: auto; padding-top: 60%;}
.about-theater-screen .content .left-side .gallery .slider .arrows-block {position: absolute; z-index: 5; right: 50px; bottom: -25px; padding: 10px 20px; background: #fff; display: flex; align-items: center; display: flex; justify-content: space-between; align-items: center; width: 200px; height: 50px;}
.about-theater-screen .content .left-side .gallery .slider .arrows-block .prev {background: url(../images/about-theatre-screen/prev.svg) no-repeat center center / cover; width: 30px; height: 9px; margin-right: 28px; top: auto; left: auto; margin-top: auto; outline: none;}
.about-theater-screen .content .left-side .gallery .slider .arrows-block .count {font-size: 14px; line-height: 32px; text-align: center; margin-right: 28px; width: auto; bottom: auto; left: 50%; transform: translateX(-50%);}
.about-theater-screen .content .left-side .gallery .slider .arrows-block .next {background: url(../images/about-theatre-screen/next.svg) no-repeat center center / cover; width: 30px; height: 9px; top: auto; right: 20px; margin-top: auto; outline: none;}
.about-theater-screen .content .right-side {width: 40%; margin-left: 100px;}
.about-theater-screen .content .right-side .title-block {position: relative; margin-bottom: 30px;}
.about-theater-screen .content .right-side .title-block:before {position: absolute; content: ''; right: 0; top: 5px; background: #FFA023; width: 10px; height: 103px;}
.about-theater-screen .content .right-side .title-block .title {font-family: 'AGAalenBold-Roman'; font-size: 50px; line-height: 58px; letter-spacing: 0.04em; text-transform: uppercase; color: #FFA023;}
.about-theater-screen .content .right-side .title-block .top-sub-title {position: absolute; top: 4px; left: 50px; font-family: 'Cormorant Unicase'; font-weight: bold; font-size: 28px; line-height: 24px; letter-spacing: 0.04em; text-transform: uppercase; color: #FFA023}
.about-theater-screen .content .right-side .text-block {padding-right: 100px;}
.about-theater-screen .content .right-side .text {font-weight: 300; font-size: 18px; line-height: 30px; color: #FFFFFF; margin-bottom: 15px;}
.about-theater-screen .content .right-side .text.bold {font-weight: 800;}
.about-theater-screen .content .right-side .text:last-child {margin-bottom: 0;}
.about-theater-screen .content .right-side .read-more a {font-weight: 900; text-transform: uppercase; text-decoration: none; color: #fff;}
.about-theater-screen .content .right-side .read-more a:hover {color: #FFA023;}

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

   .about-theater-screen .content {margin-left: 70px;}
   .about-theater-screen .content .left-side .gallery .title {top: -25px; font-size: 18px; line-height: 24px;}
   .about-theater-screen .content .left-side .gallery .video-button {top: -21px;}
   .about-theater-screen .content .left-side .gallery .video-button a {font-size: 10px; padding: 5px 40px}
   .about-theater-screen .content .left-side .gallery .slider .arrows-block {height: 40px; bottom: -20px;}
   .about-theater-screen .content .left-side .gallery .slider .arrows-block .count {font-size: 12px;}
   .about-theater-screen .content .right-side {margin-left: 65px;}
   .about-theater-screen .content .right-side .title-block {margin-bottom: 20px;}
   .about-theater-screen .content .right-side .title-block:before {height: 76px;}
   .about-theater-screen .content .right-side .title-block .title {font-size: 40px; line-height: 44px;}
   .about-theater-screen .content .right-side .title-block .top-sub-title {font-size: 20px; line-height: 20px; left: 40px;}
   .about-theater-screen .content .right-side .text {font-size: 14px; line-height: 24px; margin-bottom: 10px;}
   .about-theater-screen .content .left-side .gallery .slider .slide {width: 100% !important;}

}

@media 
only screen and (min-width:768px) and (max-width: 1024px),
only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {

   .about-theater-screen .content .right-side .text {display: none;}
   .about-theater-screen .content .right-side .text.pad {display: block;}

}

@media 
only screen and (min-width:768px) and (max-width:1024px) and (orientation: portrait),
only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {

   .about-theater-screen .content {flex-direction: column; padding-top: 75px; margin-left: 0; position: relative;}
   .about-theater-screen .content .left-side {width: 100%;}
   .about-theater-screen .content .left-side .gallery:before {display: none;}
   .about-theater-screen .content .left-side .gallery .title {line-height: 20px; top: 20px; left: 20px;}
   .about-theater-screen .content .left-side .gallery .video-button {top: auto; bottom: -25px; right: 20px;}
   .about-theater-screen .content .left-side .gallery .video-button a {width: 170px; height: 50px; display: flex; align-items: center; justify-content: center; padding: 5px 20px;}
   .about-theater-screen .content .left-side .gallery .slider .arrows-block {width: 170px; height: 50px; right: auto; left: 20px; bottom: -25px;}
   .about-theater-screen .content .right-side {width: 100%; padding-top: 60px; margin-left: 0;}
   .about-theater-screen .content .right-side .title-block {padding-left: 50px;}
   .about-theater-screen .content .right-side .title-block:before {height: 60px; right: auto; left: 0;}
   .about-theater-screen .content .right-side .title-block .title {font-size: 30px; line-height: 34px;}
   .about-theater-screen .content .right-side .title-block .top-sub-title {font-size: 16px; line-height: 16px; top: 0; left: 80px;}
   .about-theater-screen .content .right-side .text-block {padding: 0 50px;}
   .about-theater-screen .content .right-side .text {display: none;}
   .about-theater-screen .content .right-side .text.pad {display: block; font-size: 16px; font-weight: 500;}

}

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

   .about-theater-screen {position: relative; left: auto; top: auto; right: auto; bottom: auto;}
   .about-theater-screen .content {margin-left: 0; flex-direction: column-reverse; position: relative; left: auto; top: auto; right: auto; bottom: auto;}
   .about-theater-screen .content .left-side {width: 100%;}
   .about-theater-screen .content .left-side .gallery:before {display: none;}
   .about-theater-screen .content .left-side .gallery .title {top: 10px; left: 20px; font-size: 14px; line-height: 14px;}
   .about-theater-screen .content .left-side .gallery .video-button {right: 0; top: auto; bottom: -15px;}
   .about-theater-screen .content .left-side .gallery .video-button a {width: 130px; height: 30px; font-size: 8px; line-height: 8px; padding: 0 10px; display: flex; align-items: center; justify-content: center;}
   .about-theater-screen .content .left-side .gallery .slider .arrows-block {width: 130px; height: 30px; right: auto; left: 0; bottom: -15px; padding: 10px;}
   .about-theater-screen .content .left-side .gallery .slider .arrows-block .count {font-size: 8px;}
   .about-theater-screen .content .right-side {margin-left: 0; width: 100%; padding: 40px 0 20px 0; background: #060d2e;}
   .about-theater-screen .content .right-side .title-block {padding-left: 20px;}
   .about-theater-screen .content .right-side .title-block:before {width: 5px; height: 43px; top: 3px; right: auto; left: 0;}
   .about-theater-screen .content .right-side .title-block .title {font-size: 20px; line-height: 24px;}
   .about-theater-screen .content .right-side .title-block .top-sub-title {font-size: 11px; line-height: 11px; top: 1px;}
   .about-theater-screen .content .right-side .text-block {padding: 0 0 0 20px;}
   .about-theater-screen .content .right-side .text-block .text {display: none;}
   .about-theater-screen .content .right-side .text-block .text.pad {display: block; font-weight: bold;}

}



/* ==========================================================================
   Контакты театра 9
   ========================================================================== */

.contacts-screen {display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.contacts-screen .content {position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.contacts-screen .content .map {width: 100%; height: 100%; /* filter: brightness(0.5); */}
.contacts-screen .content .wrap {position: absolute; z-index: 10; top: 50%; transform: translateY(-50%);}
.contacts-screen .content .wrap .title-block {position: relative; margin-bottom: 70px; padding-left: 100px;}
.contacts-screen .content .wrap .title-block:before {position: absolute; content: ''; left: 0; top: 7px; background: #FFA023; width: 10px; height: 101px;}
.contacts-screen .content .wrap .title-block .title {font-family: 'AGAalenBold-Roman'; font-size: 50px; line-height: 58px; letter-spacing: 0.04em; text-transform: uppercase; color: #FFA023;}
.contacts-screen .content .wrap .plate {background: #fff; padding: 50px 130px 50px 50px; margin-left: 100px; position: relative;}
.contacts-screen .content .wrap .plate:before {position: absolute; left: 10px; bottom: -10px; content: ''; width: 93%; height: 10px; background: #FFA023;}
.contacts-screen .content .wrap .plate .block {margin-bottom: 40px; font-family: 'Cormorant Unicase'; font-weight: bold; font-size: 22px; line-height: 26px; text-transform: uppercase;}
.contacts-screen .content .wrap .plate .block:last-child {margin-bottom: 0;}
.contacts-screen .content .wrap .plate .block .name {position: relative;  color: #FFA023; margin-bottom: 10px;}
.contacts-screen .content .wrap .plate .block .name:before {position: absolute; bottom: 12px; left: 110px; content: ''; width: 50px; height: 1px; background: #FFA023;}
.contacts-screen .content .wrap .plate .block .name.first:before {left: 145px;}
.contacts-screen .content .wrap .plate .block .text {text-transform: none;}
.contacts-screen .content .wrap .plate .block a {text-decoration: none;}
.contacts-screen .content .wrap .plate .block a:hover {text-decoration: underline; color: #FFA023;}

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

   .contacts-screen .content .wrap .title-block {margin-bottom: 30px; padding-left: 70px;}
   .contacts-screen .content .wrap .title-block .title {font-size: 40px; line-height: 44px;}
   .contacts-screen .content .wrap .title-block:before {height: 76px;}
   .contacts-screen .content .wrap .plate {padding: 40px 95px 40px 40px; margin-left: 70px;}
   .contacts-screen .content .wrap .plate .block {font-size: 18px; line-height: 22px; margin-bottom: 20px;}
   .contacts-screen .content .wrap .plate .block .name:before {top: 11px;}

}

@media 
only screen and (min-width:768px) and (max-width:1024px) and (orientation: portrait),
only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {

   .contacts-screen .content .wrap {top: 115px; left: 0; transform: translateY(0);}
   .contacts-screen .content .wrap .title-block {padding-left: 50px;}
   .contacts-screen .content .wrap .title-block:before {height: 60px;}
   .contacts-screen .content .wrap .title-block .title {font-size: 30px; line-height: 34px;}
   .contacts-screen .content .wrap .plate {margin-left: 50px;}
}

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

   .contacts-screen {position: relative; left: auto; top: auto; right: auto; bottom: auto;}
   .contacts-screen .content {position: relative; left: auto; top: auto; right: auto; bottom: auto;}
   .contacts-screen .content .map {height: 480px;}
   .contacts-screen .content .wrap {top: 0; transform: none;}
   .contacts-screen .content .wrap .title-block {padding: 20px 0 0 20px; margin-bottom: 20px;}
   .contacts-screen .content .wrap .title-block:before {width: 5px; height: 43px; top: 22px;}
   .contacts-screen .content .wrap .title-block .title {font-size: 20px; line-height: 24px;}
   .contacts-screen .content .wrap .plate {background: none; margin-left: 20px; padding: 0;}
   .contacts-screen .content .wrap .plate .block {font-size: 14px; line-height: 18px;}
   .contacts-screen .content .wrap .plate .block .name:before {display: none;}
   .contacts-screen .content .wrap .plate .block .text {color: #FFA023;}
   .contacts-screen .content .wrap .plate .block a {color: #FFA023;}
   .contacts-screen .content .wrap .plate:before {display: none;}

}



/* ==========================================================================
   Подписка на новости 10
   ========================================================================== */

.subscription-screen {display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/subscription-screen/subscription_screen_bg.jpg) no-repeat center center / cover;}
.subscription-screen .content {display: flex; align-items: center; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.subscription-screen .content .block .title-block {position: relative; padding-left: 100px; margin-bottom: 70px;}
.subscription-screen .content .block .title-block:before {position: absolute; content: ''; left: 0; top: 7px; background: #FFA023; width: 10px; height: 101px;}
.subscription-screen .content .block .title-block .title {font-family: 'AGAalenBold-Roman'; font-size: 50px; line-height: 58px; letter-spacing: 0.04em; text-transform: uppercase; color: #FFA023;}
.subscription-screen .content .block .subscribe {margin-left: 100px; background: #fff; padding: 70px; max-width: 700px; position: relative;}
.subscription-screen .content .block .subscribe:before {position: absolute; left: 10px; bottom: -10px; content: ''; background: #FFA023; width: 97%; height: 10px;}
.subscription-screen .content .block .subscribe .form-title {font-family: 'Cormorant Unicase'; font-weight: bold; font-size: 30px; line-height: 30px; margin-bottom: 70px;}
.subscription-screen .content .block .subscribe .subscribe-field {display: flex; justify-content: space-between; align-items: center; background: #000; padding: 20px; margin-bottom: 25px;}
.subscription-screen .content .block .subscribe .subscribe-field label {width: 60%; margin-right: 20px;}
.subscription-screen .content .block .subscribe .subscribe-field label input {background: #000; border: none; color: #fff; width: 100%; font-weight: 500; font-size: 18px; line-height: 22px;}
.subscription-screen .content .block .subscribe .subscribe-field label input:focus::-webkit-input-placeholder {opacity: 0.5;}
.subscription-screen .content .block .subscribe .subscribe-field label input:focus::placeholder {opacity: 0.5;}
.subscription-screen .content .block .subscribe .subscribe-field label input::-webkit-input-placeholder { color: #fff; font-weight: 500; font-size: 18px; line-height: 22px;}
.subscription-screen .content .block .subscribe .subscribe-field label input::placeholder {color: #fff; font-weight: 500;font-size: 18px; line-height: 22px;} 
.subscription-screen .content .block .subscribe .subscribe-field .button-want a {background: #FFA023; padding: 15px; font-weight: 900; font-size: 12px; line-height: 15px; text-align: center; letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none;}
.subscription-screen .content .block .subscribe .subscribe-field .button-want a:hover {background: #fff;}
.subscription-screen .content .block .subscribe .subscribe-field .disclaimer {font-size: 12px; line-height: 15px;}

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

   .subscription-screen .content .block .title-block {padding-left: 70px; margin-bottom: 40px;}
   .subscription-screen .content .block .title-block:before {height: 76px;}
   .subscription-screen .content .block .title-block .title {font-size: 40px; line-height: 44px;}
   .subscription-screen .content .block .subscribe {margin-left: 70px; padding: 45px 50px 55px 50px; width: 660px;}
   .subscription-screen .content .block .subscribe .form-title {font-size: 28px; line-height: 28px; margin-bottom: 50px;}
   .subscription-screen .content .block .subscribe .disclaimer {font-size: 12px; line-height: 15px;}

}

@media 
only screen and (min-width:768px) and (max-width:1024px) and (orientation: portrait),
only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {

   .subscription-screen .content {display: block; left: 0; top: 115px;}
   .subscription-screen .content .block .title-block {padding-left: 50px; margin-bottom: 30px;}
   .subscription-screen .content .block .title-block:before {height: 60px; top: 3px;}
   .subscription-screen .content .block .title-block .title {font-size: 30px; line-height: 34px;}
   .subscription-screen .content .block .subscribe {margin-left: 50px; width: 500px; padding: 35px 20px 45px 20px;}
   .subscription-screen .content .block .subscribe:before {width: 96%;}
   .subscription-screen .content .block .subscribe .subscribe-field {padding: 20px 10px;}
   .subscription-screen .content .block .subscribe .subscribe-field label {width: 50%; margin-right: 10px; font-size: 14px; line-height: 18px;}
   .subscription-screen .content .block .subscribe .subscribe-field label input::-webkit-input-placeholder {font-size: 14px; line-height: 18px;}
   .subscription-screen .content .block .subscribe .subscribe-field label input::placeholder {font-size: 14px; line-height: 18px;} 

}

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

   .subscription-screen {position: relative; left: auto; top: auto; right: auto; bottom: auto; background: #060d2e;}
   .subscription-screen .content {position: relative; left: auto; top: auto; right: auto; bottom: auto;}
   .subscription-screen .content .block {padding: 40px 0 60px 0;}
   .subscription-screen .content .block .title-block {padding-left: 20px; margin-bottom: 20px;}
   .subscription-screen .content .block .title-block:before {width: 5px; height: 43px; top: 3px;}
   .subscription-screen .content .block .title-block .title {font-size: 20px; line-height: 24px;}
   .subscription-screen .content .block .subscribe {margin-left: 20px; padding: 20px; width: auto;}
   .subscription-screen .content .block .subscribe .form-title {font-size: 14px; line-height: 14px; margin-bottom: 20px;}
   .subscription-screen .content .block .subscribe .subscribe-field {padding: 10px; margin-bottom: 20px;}
   .subscription-screen .content .block .subscribe .subscribe-field label {width: 80%; margin-right: 10px;}
   .subscription-screen .content .block .subscribe .subscribe-field label input {font-size: 12px; line-height: 16px;}
   .subscription-screen .content .block .subscribe .subscribe-field label input::-webkit-input-placeholder {font-size: 12px; line-height: 16px;}
   .subscription-screen .content .block .subscribe .subscribe-field label input::placeholder {font-size: 12px; line-height: 16px;} 
   .subscription-screen .content .block .subscribe .subscribe-field .button-want a {display: inline-block; padding: 10px; font-size: 8px; line-height: 10px;}

}



/* ==========================================================================
   Об авторе 11
   ========================================================================== */

.author-screen {display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/author-screen/author_screen_bg.jpg) no-repeat center center / cover;}
.author-screen .content {display: flex; justify-content: space-between; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.author-screen .content .left-side {width: 50%; background: #fff; display: flex; flex-direction: column; justify-content: center; margin: 70px 0;}
.author-screen .content .left-side .title-block {position: relative; display: inline-block; padding-left: 100px; margin-bottom: 40px;}
.author-screen .content .left-side .title-block:before {position: absolute; content: ''; left: 0; top: 7px; background: #FFA023; width: 10px; height: 101px;}
.author-screen .content .left-side .title-block .title {font-family: 'AGAalenBold-Roman'; font-size: 50px; line-height: 58px; letter-spacing: 0.04em; text-transform: uppercase; color: #FFA023;}
.author-screen .content .left-side .title-block .top-sub-title {position: absolute; top: 5px; left: 185px; font-family: 'Cormorant Unicase'; font-weight: bold; font-size: 28px; line-height: 24px; letter-spacing: 0.04em; text-transform: uppercase; color: #FFA023;}
.author-screen .content .left-side .text-block {padding: 0 140px 0 100px;}
.author-screen .content .left-side .text-block .text {font-size: 18px; line-height: 30px; margin-bottom: 20px;}
.author-screen .content .left-side .text-block .read-more a {font-weight: 900; text-transform: uppercase; text-decoration: none;}
.author-screen .content .right-side {width: 50%; margin: 70px 0;}
.author-screen .content .right-side .author-img {background: url(../images/author-screen/author.png) no-repeat center center / cover; width: 100%; height: 100%;}

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

   .author-screen .content .left-side {margin: 60px 0;}
   .author-screen .content .left-side .title-block {padding-left: 70px; margin-bottom: 25px;}
   .author-screen .content .left-side .title-block:before {height: 76px;}
   .author-screen .content .left-side .title-block .title {font-size: 40px; line-height: 44px;}
   .author-screen .content .left-side .title-block .top-sub-title {font-size: 20px; line-height: 20px; top: 2px; left: 145px;}
   .author-screen .content .left-side .text-block {padding: 0 100px 0 70px;}
   .author-screen .content .left-side .text-block .text {font-size: 14px; line-height: 24px;}
   .author-screen .content .right-side {margin: 60px 0;}

}

@media 
only screen and (min-width:768px) and (max-width:1024px) and (orientation: portrait),
only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {

   .author-screen .content {flex-direction: column-reverse;}
   .author-screen .content .right-side {width: 100%; height: 50%; margin: 0;}
   .author-screen .content .right-side .author-img {background: url(../images/author-screen/author.png) no-repeat top 60px center / cover;}


   .author-screen .content .left-side {width: 100%; height: 50%; margin: 0; padding: 40px 0 135px 0; background: none;}
   .author-screen .content .left-side .title-block {padding-left: 50px; margin-bottom: 15px;}
   .author-screen .content .left-side .title-block:before {height: 60px; top: 4px;}
   .author-screen .content .left-side .title-block .title {font-size: 30px; line-height: 34px;}
   .author-screen .content .left-side .title-block .top-sub-title {font-size: 16px; line-height: 16px; top: 0; left: 105px;}
   .author-screen .content .left-side .text-block {padding: 0 50px;}
   .author-screen .content .left-side .text-block .text {font-size: 16px; color: #fff; font-weight: 500; letter-spacing: 0.05em;}

}

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

   .author-screen {position: relative; left: auto; top: auto; right: auto; bottom: auto;}
   .author-screen .content {position: relative; left: auto; top: auto; right: auto; bottom: auto; flex-direction: column;}
   .author-screen .content .right-side {margin: 0; width: 100%;}
   .author-screen .content .right-side .author-img {height: auto; padding-top: 70%; background: url(../images/author-screen/author.png) no-repeat center top / cover;}
   .author-screen .content .left-side {margin: 0; width: 100%; padding: 40px 0 20px 0; background: url(../images/author-screen/author_screen_bg_mobile.png) no-repeat center bottom / cover;}
   .author-screen .content .left-side .title-block {padding-left: 20px; margin-bottom: 20px;}
   .author-screen .content .left-side .title-block:before {width: 5px; height: 43px; top: 3px;}
   .author-screen .content .left-side .title-block .title {font-size: 20px; line-height: 24px;}
   .author-screen .content .left-side .title-block .top-sub-title {font-size: 11px; line-height: 11px; top: 0; left: 60px;}
   .author-screen .content .left-side .text-block {padding: 0 20px;}
   .author-screen .content .left-side .text-block .text {color: #fff; font-weight: bold;}

}



/* ==========================================================================
   Шапка сайта
   ========================================================================== */

.header {position: fixed; z-index: 555; width:100%; background: rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.15); box-sizing: border-box; backdrop-filter: blur(20px);}
.header .row {display: flex; justify-content: space-between;}
.header .row .logo {background: #ffffff; padding: 10px 40px;}
.header .row .logo a {display: inline-block; background: url(../images/header/logo.svg) no-repeat center center / contain; width: 155px; height: 48px;}
.header .row .phone {display: flex; justify-content: center; align-items: center; flex-wrap:  wrap; padding: 10px 40px; border-right: 1px solid rgba(255, 255, 255, 0.15);}
.header .row .phone a {font-weight: bold; font-size: 20px; line-height: 26px; letter-spacing: 0.02em; color: #FFFFFF; text-decoration: none; white-space: nowrap;}
.header .row .phone a:hover {color: #FFA023;}
.header .row .menu {display: flex; justify-content: space-between; align-items: center; padding: 0 30px 0 0; width: 100%;}
.header .row .menu menu {display: flex; justify-content: space-around; width: 100%; margin-right: 15px;}
.header .row .menu menu li:last-child {margin-right: 0;}
.header .row .menu menu li a {position: relative; display: inline-block; font-weight: 600; font-size: 16px; line-height: 32px; color: #FFFFFF; text-decoration: none; white-space: nowrap;}
.header .row .menu menu li a:before {position: absolute; content: ''; left: 0; bottom: -21px; width: 0px; height: 1px; background: #FFA023; 	-webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
.header .row .menu menu li a:hover {color: #FFA023;}
.header .row .menu menu li a:hover:before {width: 50px;}
.header .row .menu .menu-more a {display: inline-block; position: relative; width: 30px; height: 20px;}
.header .row .menu .menu-more a span:nth-child(1) {position: absolute; left: 10px; top: 0; content: ''; width: 20px; height: 2px; background: #ffffff;}
.header .row .menu .menu-more a span:nth-child(2) {position: absolute; left: 0; top: 8px; content: ''; width: 30px; height: 2px; background: #ffffff;}
.header .row .menu .menu-more a span:nth-child(3) {position: absolute; left: 0; top: 16px; content: ''; width: 20px; height: 2px; background: #ffffff;}
.header .row .menu .menu-more a:hover span {background: #FFA023;}
.header .row .social {display: none; padding: 10px; border-left: 1px solid rgba(255, 255, 255, 0.15);}
.header .row .social a {display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; margin-right: 5px; background: rgba(250, 250, 250, 0.05);}
.header .row .social a:last-child {margin-right: 0;}
.header .row .social a .vk {background: url(../images/header/vk_icon.svg) no-repeat center center / cover; width: 21px; height: 12px;}
.header .row .social a .inst {background: url(../images/header/inst_icon.svg) no-repeat center center / cover; width: 18px; height: 18px;}
.header .row .social a .ok {background: url(../images/header/ok_icon.svg) no-repeat center center / cover; width: 11px; height: 18px;}
.header .row .social a .fb {background: url(../images/header/fb_icon.svg) no-repeat center center / cover; width: 10px; height: 16px;}
.header .row .social a:hover {background: #FFA023;}
.header .row .social a:hover .vk {background: url(../images/icons/vk_black.svg) no-repeat center center / cover; width: 24px; height: 13px;}
.header .row .social a:hover .inst {background: url(../images/icons/inst_black.svg) no-repeat center center / cover; width: 18px; height: 18px;}
.header .row .social a:hover .ok {background: url(../images/icons/ok_black.svg) no-repeat center center / cover; width: 11px; height: 18px;}
.header .row .social a:hover .fb {background: url(../images/header/fb_icon_black.svg) no-repeat center center / cover; width: 10px; height: 16px;}
.header .row .social-rss {display: none;}
   .header .row .social-rss {display: flex; align-items: center; border-left: 1px solid rgba(255, 255, 255, 0.15); }
   .header .row .social-rss .rss {position: relative;}
   .header .row .social-rss .rss .rss-icon { background: url(../images/header/rss_icon.svg) no-repeat center center / cover; width: 45px; height: 45px; cursor: pointer; margin: 0 7px;}
   .header .row .social-rss .rss:hover ul {opacity: 1; visibility: visible;}
   .header .row .social-rss .rss ul {list-style-type: none; margin: 0; padding: 5px 7px; background: rgba(0, 0, 0, 0.2); backdrop-filter: blur(20px); position: absolute; top: 53px; opacity: 0; visibility: hidden;}
   .header .row .social-rss .rss ul li {margin-bottom: 5px;}
   .header .row .social-rss .rss ul li:last-child {margin-bottom: 0;}
   .header .row .social-rss .rss ul li a {display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; background: #fff;}
   .header .row .social-rss .rss ul li a:hover {background: #FFA023;}
   .header .row .social-rss .rss ul li a .vk {background: url(../images/icons/vk_black1.svg) no-repeat center center / cover; width: 18px; height: 12px;}
   .header .row .social-rss .rss ul li a .inst {background: url(../images/icons/inst_black.svg) no-repeat center center / cover; width: 18px; height: 18px;}
   .header .row .social-rss .rss ul li a .ok {background: url(../images/icons/ok_black1.svg) no-repeat center center / cover; width: 11px; height: 18px;}
   .header .row .social-rss .rss ul li a .fb {background: url(../images/header/fb_icon_black.svg) no-repeat center center / cover; width: 10px; height: 16px;}
   .header .row .social-rss .rss ul li a .tiktok {background: url(../images/header/tiktok_black.svg) no-repeat center center / cover; width: 15px; height: 18px;}
   .header .row .social-rss .rss ul li a .telega {background: url(../images/header/telega_black.svg) no-repeat center center / cover; width: 18px; height: 15px;}
   .header .row .social-rss .rss ul li a .rutube {background: url(../images/header/rutube_black.svg) no-repeat center center / cover; width: 14px; height: 15px;}
   .header .row .social-rss .rss ul li a .youtube {background: url(../images/header/youtube_black.svg) no-repeat center center / cover; width: 18px; height: 14px;}
   .header .row .social-rss .rss ul li a .dzen {background: url(../images/header/dzen_black.svg) no-repeat center center / cover; width: 18px; height: 18px;}

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

   .header .row .logo {padding: 9px 40px;}
   .header .row .logo a {width: 120px; height: 38px;}
   .header .row .phone {padding: 0 20px;}
   .header .row .phone a {font-size: 18px; white-space: nowrap;}
   .header .row .menu {padding: 0 20px; width: 100%; justify-content: space-between;}
   .header .row .menu menu {justify-content: space-around; width: 100%;}
   .header .row .menu menu li {margin-right: 0; white-space: nowrap;}
   .header .row .menu menu li a {font-size: 14px;}
   .header .row .menu menu li a:before {bottom: -16px;}
   .header .row .social {display: none;}
   .header .row .social-rss {display: flex; align-items: center; border-left: 1px solid rgba(255, 255, 255, 0.15); }
   .header .row .social-rss .rss {position: relative;}
   .header .row .social-rss .rss .rss-icon { background: url(../images/header/rss_icon.svg) no-repeat center center / cover; width: 45px; height: 45px; cursor: pointer; margin: 0 7px;}
   .header .row .social-rss .rss:hover ul {opacity: 1; visibility: visible;}
   .header .row .social-rss .rss ul {list-style-type: none; margin: 0; padding: 5px 7px; background: rgba(0, 0, 0, 0.2); backdrop-filter: blur(20px); position: absolute; top: 53px; opacity: 0; visibility: hidden;}
   .header .row .social-rss .rss ul li {margin-bottom: 5px;}
   .header .row .social-rss .rss ul li:last-child {margin-bottom: 0;}
   .header .row .social-rss .rss ul li a {display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; background: #fff;}
   .header .row .social-rss .rss ul li a:hover {background: #FFA023;}
   .header .row .social-rss .rss ul li a .vk {background: url(../images/icons/vk_black1.svg) no-repeat center center / cover; width: 18px; height: 12px;}
   .header .row .social-rss .rss ul li a .inst {background: url(../images/icons/inst_black.svg) no-repeat center center / cover; width: 18px; height: 18px;}
   .header .row .social-rss .rss ul li a .ok {background: url(../images/icons/ok_black1.svg) no-repeat center center / cover; width: 11px; height: 18px;}
   .header .row .social-rss .rss ul li a .fb {background: url(../images/header/fb_icon_black.svg) no-repeat center center / cover; width: 10px; height: 16px;}
   .header .row .social-rss .rss ul li a .tiktok {background: url(../images/header/tiktok_black.svg) no-repeat center center / cover; width: 15px; height: 18px;}
   .header .row .social-rss .rss ul li a .telega {background: url(../images/header/telega_black.svg) no-repeat center center / cover; width: 18px; height: 15px;}
   .header .row .social-rss .rss ul li a .rutube {background: url(../images/header/rutube_black.svg) no-repeat center center / cover; width: 14px; height: 15px;}
   .header .row .social-rss .rss ul li a .youtube {background: url(../images/header/youtube_black.svg) no-repeat center center / cover; width: 18px; height: 14px;}
   .header .row .social-rss .rss ul li a .dzen {background: url(../images/header/dzen_black.svg) no-repeat center center / cover; width: 18px; height: 18px;}
}

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

   .header .row .menu menu li:nth-child(5) {display: none;};

}

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

   .header .row .menu menu li:nth-child(4) {display: none;};

}

@media 
only screen and (min-width:768px) and (max-width:1024px) and (orientation: portrait),
only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {

   .header {background: #060d2e;}
   .header .row .logo {display: flex; align-items: center;}
   .header .row .phone a {font-size: 16px;}
   .header .row .menu {width: auto; order: 1;}
   .header .row .menu menu {display: none;}
   .header .row .social {display: none; justify-content: space-around; width: 100%; border-left: none; border-right: 1px solid rgba(255, 255, 255, 0.15);}
   .header .row .social-rss {order: 2}

}

@media only screen and (max-width:767px) {
	
   .header {background: #060d2e;}
   .header .row .logo {padding: 10px;}
   .header .row .logo a {width: 85px; height: 26px;}
   .header .row .phone {padding: 0 10px; width: 100%;}
   .header .row .phone a {font-size: 14px;margin-left: auto;margin-right: auto;}
   .header .row .menu {padding:0 10px; width: auto;}
   .header .row .menu menu {display: none;}
   .header .row .menu .menu-more {width: 30px; height: 20px;}
   .header .row .menu .menu-more a span:nth-child(1) {top: 2px;}
   .header .row .menu .menu-more a span:nth-child(2) {top: 10px;}
   .header .row .menu .menu-more a span:nth-child(3) {top: 18px;}
   .header .row .social-rss {display: none;}

}



/* ==========================================================================
   Подвал сайта
   ========================================================================== */

.footer {position: fixed; z-index: 555; width:100%; margin: -70px 0 0 0; background: rgba(0, 0, 0, 0.2); border-top: 1px solid rgba(255, 255, 255, 0.15); box-sizing: border-box; backdrop-filter: blur(20px);}
.footer .row {display: flex; justify-content: center; align-items: center; height: 70px;}
.footer .row .left-block {display: flex; position: absolute; left: 0; bottom: 0;}
.footer .row .left-block .video {border-right: 1px solid rgba(255, 255, 255, 0.15);}
.footer .row .left-block .video a {display: inline-block; padding: 15px 70px 15px 125px; position: relative; font-weight: 600; font-size: 16px; line-height: 20px; text-transform: uppercase; color: #FFFFFF; text-decoration: none;}
.footer .row .left-block .video a:before {position: absolute; content: ''; left: 70px; top: 18px; background: url(../images/footer/video_icon.svg) no-repeat center center / cover; width: 34px; height: 34px;}
.footer .row .left-block .video a:after {position: absolute; content: ''; top: 23px; right: 70px; width: 29px; height: 1px; background: rgba(255, 255, 255, 0.15);}
.footer .row .left-block .video a:hover {background: #FFA023; color: #000;}
.footer .row .left-block .video a:hover:before {background: url(../images/footer/video_icon_black.svg) no-repeat center center / cover;}
.footer .row .left-block .video a:hover:after {background: #000;}
.footer .row .left-block .review {border-right: 1px solid rgba(255, 255, 255, 0.15);}
.footer .row .left-block .review a {display: inline-block; padding: 15px 70px 15px 125px; position: relative; font-weight: 600; font-size: 16px; line-height: 20px; text-transform: uppercase; color: #FFFFFF; text-decoration: none;}
.footer .row .left-block .review a:before {position: absolute; content: ''; left: 70px; top: 18px; background: url(../images/footer/review_icon.svg) no-repeat center center / cover; width: 34px; height: 34px;}
.footer .row .left-block .review a:after {position: absolute; content: ''; top: 23px; right: 70px; width: 115px; height: 1px; background: rgba(255, 255, 255, 0.15);}
.footer .row .left-block .review a:hover {background: #FFA023; color: #000;}
.footer .row .left-block .review a:hover:before {background: url(../images/footer/review_icon_black.svg) no-repeat center center / cover;}
.footer .row .left-block .review a:hover:after {background: #000;}
.footer .row .mouse-button a {display: inline-block; display: flex; align-items: center; text-decoration: none;}
.footer .row .mouse-button a .icon {position: relative; background: url(../images/footer/mouse_icon.svg) no-repeat center center / cover; width: 25px; height: 40px; margin-right: 10px;}
.footer .row .mouse-button a .icon:before {position: absolute; content: ''; left: 8px; top: 8px; background: url(../images/footer/scroll_icon.svg) no-repeat center center / cover; width: 10px; height: 23px;}
.footer .row .mouse-button a .number {font-size: 14px; line-height: 32px; text-align: center; color: #FFFFFF;}
.footer .row .buy-button {display: flex; position: absolute; right: 0; bottom: 0;}
.footer .row .buy-button a {display: flex; align-items: center; background: #FFA023; padding: 30px 95px; text-decoration: none;}
.footer .row .buy-button a:hover {background: #fff;}
.footer .row .buy-button a .icon {position: relative; background: url(../images/footer/tickets_icon.svg) no-repeat center center / cover; width: 34px; height: 34px;}
.footer .row .buy-button a .icon .count {position: absolute; top: -10px; right: -5px; display: flex; justify-content: center; align-items: center; background: #FF001F; width: 22px; height: 22px; border-radius: 20px;}
.footer .row .buy-button a .icon .count span {font-weight: bold; font-size: 8px; line-height: 8px; text-align: center; letter-spacing: 0.04em; text-transform: uppercase; color: #FFFFFF;}
.footer .row .buy-button a .buy {font-weight: 900; font-size: 18px; line-height: 32px; text-align: center; letter-spacing: 0.1em; text-transform: uppercase; color: #000000; margin-left: 20px;}
.footer .row .buy-button a .line {width: 115px; height: 1px; background: #000; margin: 0 10px;}
.footer .row .buy-button a .price {font-weight: 900; font-size: 18px; line-height: 32px; text-align: center; letter-spacing: 0.1em; text-transform: uppercase; color: #000000;}


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

   .footer {margin: -60px 0 0 0;}
   .footer .row {height: 60px;}
   .footer .row .left-block {height: 60px;}
   .footer .row .left-block .video a {font-size: 14px; line-height: 18px; padding: 12px 55px 12px 101px;}
   .footer .row .left-block .video a:before {left: 50px; top: 12px;}
   .footer .row .left-block .video a:after {top: 19px; right: 56px; width: 25px;}
   .footer .row .left-block .review a {font-size: 14px; line-height: 18px; padding: 12px 30px 12px 75px;}
   .footer .row .left-block .review a:before {left: 30px; top: 12px;}
   .footer .row .left-block .review a:after {top: 19px; right: 35px; width: 100px;}
   .footer .row .buy-button a {padding: 20px 70px;}
   .footer .row .buy-button a .buy {font-size: 16px;}
   .footer .row .buy-button a .price {font-size: 16px;}

}

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

   .footer .row .left-block .video a {font-size: 12px; padding: 12px 30px 12px 100px;}
   .footer .row .left-block .video a:after {right: 30px;}
   .footer .row .left-block .review a {font-size: 12px;}
   .footer .row .left-block .review a:after {width: 85px; right: 25px;}
   .footer .row .buy-button a {padding: 20px 30px;}

}

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

   .footer .row .left-block .video a {padding: 12px 20px 12px 80px;}
   .footer .row .left-block .video a:before {left: 30px;}
   .footer .row .left-block .video a:after {right: 20px; width: 20px;}
   .footer .row .left-block .review a {padding: 12px 20px 12px 75px;}
   .footer .row .left-block .review a:before {left: 25px;}
   .footer .row .buy-button a .line {width: 60px;}

}

@media 
only screen and (min-width:768px) and (max-width: 1024px),
only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
   
   .footer {background: #060d2e;}
   
}

@media 
only screen and (min-width:768px) and (max-width:1024px) and (orientation: portrait),
only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
   
   .footer {background: #060d2e;}
   .footer .row .buy-button {width: 100%; bottom: 61px;}
   .footer .row .buy-button a {width: 100%; display: flex; justify-content: center;}
   .footer .row .left-block {right: 0; justify-content: space-between;}
   .footer .row .left-block .video {width: 35%; display: flex; justify-content: center;}
   .footer .row .left-block .review {width: 35%; display: flex; justify-content: center; border-left: 1px solid rgba(255, 255, 255, 0.15);}

}

@media only screen and (max-width:767px) {
	
   .footer {background: transparent; margin: 0; border-top: none; left: 0; right: 0; bottom: 0; backdrop-filter: none;}
   .footer .row  {height: auto;}
   .footer .row .left-block {display: none;}
   .footer .row .mouse-button {display: none;}
   .footer .row .buy-button {position: relative; right: auto; bottom: auto; width: 100%;}
   .footer .row .buy-button a {padding: 10px 20px; width: 100%; justify-content: center;}
   .footer .row .buy-button a .icon {width: 24px; height: 24px;}
   .footer .row .buy-button a .icon .count {top: 0; right: auto; left: -15px;}
   .footer .row .buy-button a .buy {font-size: 12px; margin-left: 15px;}
   .footer .row .buy-button a .line {width: 15px;}
   .footer .row .buy-button a .price {font-size: 12px;}
}



/* ==========================================================================
   Бургер-меню
   ========================================================================== */

.burger-menu {display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 5555; background: #FFA023;}
.burger-menu .inner {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
.burger-menu .close a {display: inline-block; position: absolute; top: 22px; right: 285px; content: ''; background: url(../images/icons/close.svg) no-repeat center center / cover; width: 23px; height: 23px;}
.burger-menu .menu {width: 100%; padding: 0 25%;}
.burger-menu .menu li {background: transparent; padding: 10px 20px; margin-bottom: 10px;}
.burger-menu .menu li:hover {background: #f79b22;}
.burger-menu .menu li:hover .row {background: url(../images/icons/dots_hover.png) repeat-x bottom;}
.burger-menu .menu li:hover .row .name {background: #f79b22;}
.burger-menu .menu li:hover .row .number {background: #f79b22;}
.burger-menu .menu li:last-child {margin-bottom: 0;}
.burger-menu .menu li a {text-decoration: none;}
.burger-menu .menu li a .row {display: flex; justify-content: space-between; align-items: flex-end; font-family: 'Cormorant Unicase'; font-weight: 300; background: url(../images/icons/dots.png) repeat-x bottom;}
.burger-menu .menu li a .row .name {font-size: 54px; line-height: 34px; padding-right: 10px; background: #FFA023;}
.burger-menu .menu li a .row .number {font-size: 24px; letter-spacing: 0.1em; color: #996015; padding-left: 10px; background: #FFA023;}
.burger-menu .rss-mobile {display: none;}

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

   .burger-menu .menu li a .row .name {font-size: 34px; line-height: 24px;}
   .burger-menu .close a {right: 90px;}
}

@media 
only screen and (min-width:768px) and (max-width: 1024px),
only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
   
   .header {background: #060d2e;}
   
}

@media 
only screen and (min-width:768px) and (max-width: 1024px),
only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {

   .burger-menu .menu li a .row .name {font-size: 28px; line-height: 18px;}

}

@media 
only screen and (min-width:768px) and (max-width:1024px) and (orientation: portrait),
only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {

   .burger-menu .menu {padding: 0 15%;}
   .burger-menu .close a {right: 25px;}

}

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

   .burger-menu .menu {padding: 60px 20px;}
   .burger-menu .inner {align-items: flex-start; overflow: scroll;}
   .burger-menu .menu li a .row .name {font-size: 18px; line-height: 18px;}
   .burger-menu .menu li a .row .number {font-size: 18px;}
   .burger-menu .close a {right: 15px; top: 15px;}
   .burger-menu .rss-mobile {display: block; position: fixed; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.1);}
   .burger-menu .rss-mobile .row {display: flex; justify-content: space-between; padding: 5px;}
   .burger-menu .rss-mobile .row .vk {width: 14%; margin-right: 5px; background: rgba(0, 0 , 0, 0.12); display: flex; justify-content: center; align-items: center; padding: 15px 0;}
   .burger-menu .rss-mobile .row .vk .icon {background: url(../images/icons/vk_black1.svg) no-repeat center center / contain; width: 18px; height: 12px;}
   .burger-menu .rss-mobile .row .inst {width: 14%; margin-right: 5px; background: rgba(0, 0 , 0, 0.12); display: flex; justify-content: center; align-items: center; padding: 15px 0;}
   .burger-menu .rss-mobile .row .inst .icon {background: url(../images/icons/inst_black.svg) no-repeat center center / contain; width: 13px; height: 13px;}
   .burger-menu .rss-mobile .row .ok {width: 14%; margin-right: 5px; background: rgba(0, 0 , 0, 0.12); display: flex; justify-content: center; align-items: center; padding: 15px 0;}
   .burger-menu .rss-mobile .row .ok .icon {background: url(../images/icons/ok_black1.svg) no-repeat center center / contain; width: 11px; height: 18px;}
   .burger-menu .rss-mobile .row .fb {width: 14%; margin-right: 5px; background: rgba(0, 0 , 0, 0.12); display: flex; justify-content: center; align-items: center; padding: 15px 0;}
   .burger-menu .rss-mobile .row .fb .icon {background: url(../images/header/fb_icon_black.svg) no-repeat center center / contain; width: 10px; height: 13px;}

   .burger-menu .rss-mobile .row .tiktok {width: 14%; margin-right: 5px; background: rgba(0, 0 , 0, 0.12); display: flex; justify-content: center; align-items: center; padding: 15px 0;}
   .burger-menu .rss-mobile .row .telega {width: 14%; margin-right: 5px; background: rgba(0, 0 , 0, 0.12); display: flex; justify-content: center; align-items: center; padding: 15px 0;}
   .burger-menu .rss-mobile .row .rutube {width: 14%; margin-right: 5px; background: rgba(0, 0 , 0, 0.12); display: flex; justify-content: center; align-items: center; padding: 15px 0;}
   .burger-menu .rss-mobile .row .youtube {width: 14%; margin-right: 5px; background: rgba(0, 0 , 0, 0.12); display: flex; justify-content: center; align-items: center; padding: 15px 0;}
   .burger-menu .rss-mobile .row .dzen  {width: 14%; margin-right: 5px; background: rgba(0, 0 , 0, 0.12); display: flex; justify-content: center; align-items: center; padding: 15px 0;}



   .burger-menu .rss-mobile .row .tiktok .icon {background: url(../images/header/tiktok_black.svg) no-repeat center center / cover; width: 15px; height: 18px;}
   .burger-menu .rss-mobile .row .telega .icon {background: url(../images/header/telega_black.svg) no-repeat center center / cover; width: 18px; height: 15px;}
   .burger-menu .rss-mobile .row .rutube .icon {background: url(../images/header/rutube_black.svg) no-repeat center center / cover; width: 14px; height: 15px;}
   .burger-menu .rss-mobile .row .youtube .icon {background: url(../images/header/youtube_black.svg) no-repeat center center / cover; width: 18px; height: 14px;}
   .burger-menu .rss-mobile .row .dzen .icon {background: url(../images/header/dzen_black.svg) no-repeat center center / cover; width: 18px; height: 18px;}

}


/* ==========================================================================
   Всплывашка полный текст
   ========================================================================== */

.full-text-popup {position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; opacity: 0; visibility: hidden; transition:all 0.01s ease 0.4s;}
.full-text-popup.open {opacity: 1; visibility: visible; transition-delay:0s;}
.full-text-popup.open .bg {opacity: 1;}
.full-text-popup.open .right-side {right: 0;}
.full-text-popup .bg {position: absolute; opacity: 0; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); transition:all 0.4s ease 0s;}
.full-text-popup .right-side {position: absolute; top: 0; right: -52%; bottom: 0; width: 50%; transition:all 0.4s ease 0s;}
.full-text-popup .right-side a {position: absolute; left: -50px; top: 120px; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; background-color: rgba(250, 250, 250, 0.7);}
.full-text-popup .right-side a .close {display: inline-block; background: url(../images/icons/close.svg) no-repeat center center / cover; width: 20px; height: 20px;}
.full-text-popup .right-side .scroll {background: #fff; padding-bottom: 50px; margin: 70px 0 0 0; height: 100%; overflow: scroll;}
   
.full-text-popup .right-side .scroll::-webkit-scrollbar {background: transparent; width: 5px;}
.full-text-popup .right-side .scroll::-webkit-scrollbar-button {display: none;}
.full-text-popup .right-side .scroll::-webkit-scrollbar-track {background: transparent;}
.full-text-popup .right-side .scroll::-webkit-scrollbar-track-piece {background: transparent;}
.full-text-popup .right-side .scroll::-webkit-scrollbar-thumb {width: 5px; background: #000;}
.full-text-popup .right-side .scroll::-webkit-scrollbar-corner {display: none;}
   
.full-text-popup .right-side .scroll .title-block {position: relative; width: 100%; padding: 40px 150px 0 150px; margin-bottom: 40px;}
.full-text-popup .right-side .scroll .title-block:before {position: absolute; top: 47px; right: 0; content: ''; background: #FFA023; width: 10px; height: 101px;}
.full-text-popup .right-side .scroll .title-block .title {font-family: 'AGAalenBold-Roman'; font-size: 50px; line-height: 58px; letter-spacing: 0.04em; text-transform: uppercase; color: #FFA023}
.full-text-popup .right-side .scroll .text-block {/* padding: 0 150px 100px 150px; */ padding-right: 150px; padding-bottom: 150px; padding-left: 150px;}
.full-text-popup .right-side .scroll .text-block .text {font-size: 18px; line-height: 30px; margin-bottom: 20px;}
.full-text-popup .right-side .scroll .text-block .text.bold {font-weight: bold;}
   
.full-text-popup .right-side .scroll .excerpts .excerpts-title {font-size: 22px; line-height: 26px; font-weight: bold; margin-bottom: 20px;}
.full-text-popup .right-side .scroll .excerpts .author {font-size: 14px; line-height: 18px; font-weight: bold; color: #777777; margin-bottom: 20px;}

.full-text-popup.producer-screen .right-side .scroll .text-block .text {font-style: italic;}

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

   .full-text-popup .right-side .scroll {margin: 60px 0 0 0;}
   .full-text-popup .right-side .scroll .title-block {margin-bottom: 25px; padding: 40px 100px 0 100px;}
   .full-text-popup .right-side .scroll .title-block:before {height: 76px;}
   .full-text-popup .right-side .scroll .title-block .title {font-size: 40px; line-height: 44px;}
   .full-text-popup .right-side .scroll .text-block {padding: 0 100px 100px 100px;}
   .full-text-popup .right-side .scroll .text-block .text {font-size: 14px; line-height: 24px;}

}

@media 
only screen and (min-width:768px) and (max-width: 1024px),
only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {

   .full-text-popup .right-side .scroll .title-block {padding: 40px 0px 0 60px;}
   .full-text-popup .right-side .scroll .title-block:before {height: 60px; top: 43px; right: auto; left: 0;}
   .full-text-popup .right-side .scroll .title-block .title {font-size: 30px; line-height: 34px;}
   .full-text-popup .right-side .scroll .text-block {padding: 0 60px 100px 60px;}
   .full-text-popup .right-side a {top: 104px;}

}

@media 
only screen and (min-width:768px) and (max-width:1024px) and (orientation: portrait),
only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {

   .full-text-popup .right-side {width: 100%;}
   .full-text-popup .right-side a {left: auto; right: 20px; top: 90px;}
   .full-text-popup .right-side .scroll {margin: 75px 0 0 0; padding-top: 40px;}
   .full-text-popup .right-side .scroll .title-block {padding: 0 50px; width: 60%;}
   .full-text-popup .right-side .scroll .title-block:before {height: 60px; right: auto; left: 0; top: 4px;}
   .full-text-popup .right-side .scroll .title-block .title {font-size: 30px; line-height: 34px;}
   .full-text-popup .right-side .scroll .text-block {padding: 0 50px 200px 50px;}
   .full-text-popup .right-side .scroll .text-block .text {font-size: 16px;}

}

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

   .full-text-popup .right-side {width: 100%; right: -100%;}
   .full-text-popup .right-side .scroll {margin: 50px 0 0 0;}
   .full-text-popup .right-side .scroll .title-block {padding: 40px 20px 0 20px; width: auto; display: inline-block;}
   .full-text-popup .right-side .scroll .title-block:before {width: 5px; height: 43px; top: 43px; right: auto; left: 0;}
   .full-text-popup .right-side .scroll .title-block .title {font-size: 20px; line-height: 24px;}
   .full-text-popup .right-side .scroll .text-block {padding: 0 20px 60px 20px;}
   .full-text-popup .right-side a {left: auto; right: 10px; top: 60px;}
}



/* ==========================================================================
   Видео всплывашка
   ========================================================================== */

.video-about-popup {position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 555; background: #000; opacity: 0; visibility: hidden;}
.video-about-popup.open {opacity: 1; visibility: visible;}
.video-about-popup .box {width: 100%; height: 100%;}
.video-about-popup .box .close {position: absolute; top: 20px; right: 20px; width: 30px; height: 30px; z-index: 5;}
.video-about-popup .box .close a {position: relative; display: inline-block; width: 30px; height: 30px;}
.video-about-popup .box .close a span:nth-child(1) {position: absolute; left: 0; top: 15px; width: 30px; height: 2px; background: #fff; transform: rotate(45deg);}
.video-about-popup .box .close a span:nth-child(2) {position: absolute; right: 0; top: 15px; width: 30px; height: 2px; background: #fff; transform: rotate(-45deg);}
.video-about-popup video {width: 100%; height: 100%; outline: none;}

.video-history-popup {position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 555; background: #000; opacity: 0; visibility: hidden;}
.video-history-popup.open {opacity: 1; visibility: visible;}
.video-history-popup .box {width: 100%; height: 100%;}
.video-history-popup .box .close {position: absolute; top: 20px; right: 90px; width: 30px; height: 30px; z-index: 5;}
.video-history-popup .box .close a {position: relative; display: inline-block; width: 30px; height: 30px;}
.video-history-popup .box .close a span:nth-child(1) {position: absolute; left: 0; top: 15px; width: 30px; height: 2px; background: #fff; transform: rotate(45deg);}
.video-history-popup .box .close a span:nth-child(2) {position: absolute; right: 0; top: 15px; width: 30px; height: 2px; background: #fff; transform: rotate(-45deg);}
.video-history-popup video {width: 100%; height: 100%; outline: none;}


/* ==========================================================================
   Вспомогательные стили
   ========================================================================== */

.show {display:block;}
.hide {display:none;}
.invisible {visibility:hidden;}
.clear:after {content:''; display:table; height:0px; clear:both;}
.clearfix {display:inline-block; //display:inline; //zoom:1; width:100%;}
::-ms-reveal {display:none;}


/* ==========================================================================
   Стили для печати
   ========================================================================== */

@media print {
    *, *:before, *:after, *:first-letter, *:first-line {background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important;}
    a, a:visited {text-decoration: underline;}
    a[href]:after {content: " (" attr(href) ")";}
    abbr[title]:after {content: " (" attr(title) ")";}
    a[href^="#"]:after, a[href^="javascript:"]:after {content: "";}
    pre, blockquote {border: 1px solid #999; page-break-inside: avoid;}
    thead {display: table-header-group;}
    tr, img {page-break-inside: avoid;}
    img {max-width: 100% !important;}
    p, h2, h3 {orphans: 3; widows: 3;}
    h2, h3 {page-break-after: avoid;}
}