html,
body {
	width: 100vw;
	height: 100vh;
	max-width: 1024px;
	max-height: 1024px;
	position: fixed;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	overscroll-behavior-y: none;
	background:#161619;
	background-color: var(--color-black);
	font-size: var(--f7-font-size);
	
	padding-top: constant(safe-area-inset-top); 
	padding-top: env(safe-area-inset-top); 
	user-select: none;
}

@media (max-width: 374px) {
	body {
		font-size: 0.9em;
	}
}
@media (max-width: 320px) {
	body {
		font-size: 0.85em;
	}
}

@font-face {
	font-family: "PT Serif";
	src: url(fonts/pt-serif.ttf) format("truetype");
	font-weight: normal;
}

@font-face {
	font-family: "PT Serif";
	src: url(fonts/pt-serif-bold.ttf) format("truetype");
	font-weight: bold;
}


@font-face {
	font-family: "Lora";
	src: url("fonts/Lora-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Lora";
	src: url("fonts/Lora-Bold.ttf") format("truetype");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Lora";
	src: url("fonts/Lora-BoldItalic.ttf") format("truetype");
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: "Lora";
	src: url("fonts/Lora-Italic.ttf") format("truetype");
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}


@font-face {
	font-family: "Bebas";
	src: url("fonts/BebasNeue Regular.ttf") format("truetype"),
		url("fonts/BebasNeue Regular.otf") format("opentype");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "CenturyGothic";
	src: url("fonts/CenturyGothic.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "CenturyGothic";
	src: url("fonts/CenturyGothic-Italic.ttf") format("truetype");
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: "CenturyGothic";
	src: url("fonts/CenturyGothic-Bold.ttf") format("truetype");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

* {
	--color-black: #161619;
	--color-blue-old: #336699;
	--color-blue: #1565B7;
	
	--color-orange: #cc9900;
	--color-green: #339966;
	--color-cigar: #003a31;
	--color-brown: #765b3d;
	--color-ohra: #cda158;
	--color-gold: #B98C48;
	
	--navbar-height: 60px;
	--f7-navbar-large-title-height: 100px;
	--f7-block-text-color: #fff;
	--f7-list-bg-color: #1d1d1b;
	--f7-label-text-color: #b3b3b3;
	--f7-input-placeholder-color: rgba(255,255,255,0.7);
	--f7-theme-color: #b3b3b3;
	--f7-list-item-border-color: rgba(255,255,255,0.5);
	--f7-input-text-color: #fff;
	--f7-input-error-text-color: #aa0000;
	--f7-input-error-text-color: #cda158;
	user-select: none;
}
p {
	position: relative;
	margin: 0 0 0.5em 0;
	line-height: 120%;
	color: #fff;
}

.text_blue {
	color: var(--color-blue) !important;
}
.text_orange {
	color: var(--color-orange) !important;
}
.text_green {
	color: var(--color-green) !important;
}
.text_ohra {
	color: var(--color-ohra) !important;
}

.views>.navbar,
.view>.navbar,
.page>.navbar {
	background-color: var(--color-black);
	color: #fff;
	font-weight: bold;
	text-align: center;
	height: var(--navbar-height);
	font-family: "CenturyGothic"
}
.page>.navbar {
	background-color: rgba(22,22,25,0.8);
	border-bottom: 1px solid  var(--color-black);
	
}
.navbars ~ *, .navbar ~ * {
    --f7-page-navbar-offset: var(--f7-navbar-height);
}

.md .navbar-inner {
	justify-content: center;
	font-weight: normal;
	font-family: "PT Serif" !important;
	padding-top: 0px;
}
.navbar-inner .title {
}
.navbar .backtimer {
	position: absolute;
	top: 25%;
	right: 30px;
	display: block;
	font-weight: normal;
}
.navbar-inner img.head_logo {
	height: 29px;
	width: 39px;
	margin-top:16px;
}
#cigar_html .navbar {
	height: 80px;
}
#cigar_html .navbar-inner img.head_logo {
	height: auto;
	width: auto;
	margin-top:6px;
}
#cigar_html .phone_link {
	margin-top: 20px;
	text-shadow: 0px 0px 5px #000, 0px 0px 5px #000;
}
#cigar_html .phone_link a {
	color: var(--color-gold);
	font-weight: bold;
	text-shadow: 0px 0px 5px #000, 0px 0px 5px #000;	
	font-size: 1.4em;
	padding-top: 5px;
}
.md .list {
	z-index: 997;
	margin: 0px;
}
.is_hidden {
	display: none !important;
}
#menu_img {
	cursor: pointer;
	position: absolute;
	left: 5px;
	top: 12px;
	width: 51px;
    height: 45px;
}

.navbar .left {
	cursor: pointer;
	position: absolute;
	left: 0px;
	top: 25%;
	height: 50%;
}

.navbar .left a {
	color: #fff;
	padding: 0px !important;
	font-weight: normal;
	font-size: 0.6em;
}
.navbar .rightnav_button {
	background-size: contain;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 85px; 
	width: 85px;
	background-repeat: no-repeat;
	background-position: right top;
	border-bottom-left-radius: 90%;
	z-index: 10;
}
.navbar .rightnav_button.cigar_button {
	background-image: url("img/cigar_button.png");
	
}
.navbar .rightnav_button.cinema_button {
	background-image: url("img/cinema_button.png");	
}
.navbar .rightnav_button a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}
.menu_item {
	cursor: pointer;
}

.page {
	box-shadow: 0 0 10px rgba(29, 29, 27, 0.5);
	background-color: var(--color-black);
}

.page-content {
	margin-top: 0 !important;
	position: relative;
	background-color: var(--color-black);
}
.navbars ~ * .page-with-navbar-large, .navbars ~ .page-with-navbar-large, .navbar ~ * .page-with-navbar-large, .navbar ~ .page-with-navbar-large, .page-with-navbar-large .navbar ~ * {
    --f7-page-navbar-offset: calc( var(--f7-navbar-large-title-height) + var(--f7-safe-area-top));
}
.page-content_inner {
	position: relative;
}

#w3-include {
	position: relative;
	width: 100%;
	height: 100%;
}

.block.pageheader {
    color: #fff;
	padding: 0.5em 0 0em 0;
	margin: 0 0 0.8em 0;
	z-index: 998;
	text-align: center;
	font-size: 1.1em;
	width: 100%;
}
.block.pageheader.main_header {
	font-size: 1.6em;
	padding-top: 1em;
	width: 100%;
	font-family: "Lora";
	margin: 0px;
}
.block.pageheader.main_header span {
	color: var(--color-gold);
}
.block.pageheader#date_select {
	display: flex; 
	flex-direction: row;
	flex-wrap: wrap; 
	justify-content: center;
	align-items: center;
	padding-top: 0.3em;
	width: 100%;
	font-family: "Bebas";  
	letter-spacing: 1.5px; 	
	margin-top:  1.2em;	
	margin-bottom:  1.2em;
}
div.month {
	position: relative; 
	display: inline-block;
	text-transform: uppercase;
	font-size:16px;
}
div.day {
    position: relative;
    display: flex;
    border: 1px solid rgba(221, 165,88,0.6);
    background-color: rgba(221, 165,88,0.05);
	border-radius: 50%;
	width: 2.1em;
	height: 2.1em;
	padding: 0;
	flex-direction: row; 
	align-items: center;
	justify-content: center;
	font-size:18px;
}
#date_select .prev_date{
	
    position: relative;
    margin: -1em 0.5em -1em 1em;
	padding: 1em;
    top: 0;
    height: 100%;
	background-image: url(img/arr_right.svg);
	transform: rotate(-180deg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 0.4em auto;
	cursor: pointer;
}
#date_select .next_date{
	content: "";
	position: relative;
    margin: -1em 0 -1em 0.5em;
	padding: 1em;
	top: 0;
    height: 100%;
	background-image: url(img/arr_right.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 0.4em auto;
	cursor: pointer;
	
}
#date_select .prev_date.btn_disabled,
#date_select .next_date.btn_disabled {
	pointer-events: none;
	background-image: url(img/arr_right_disabled.svg);
	visibility: hidden;
}
.panel-left {
	background-color: rgba(20,20,20,0.8);
	border-right: 1px solid #000;	
}
.panel-left .page {
	background: transparent;
	background-color: rgba(20,20,20,0.8);
	
}
.panel-left .page-content {
	background: transparent;
	padding-top: 0px !important;
}
.left_panel_menu_img {
	width: 90%;
	margin: 0px 5% 2em 5%;
}
.panel-left .page-content .list {
	position: relative;
	height: 100%;
}
.panel-left .page-content .list ul {
	position: relative;
	height: 100%;
}
.links-list a::after, .list .item-inner::after, .simple-list li::after {
	display: none;
}
#menu {
	background: none;
	display: flex;
	flex-direction: column;
	padding-top: 12%;
	padding-bottom: 12%;    
	box-sizing: border-box;
}

#menu li {
	color: #fff;
	font-family: "CenturyGothic";
}
#menu li.menu_item_tickets {
	margin-top: 15%;
	
	border-top: 1px solid rgba(0,0,0,0.3);	
	border-bottom: 1px solid rgba(0,0,0,0.3);	
}
#menu li.menu_item_help {
	margin-top: auto;
}
#menu li.menu_item_cigar img{
	width: 26px;
}

#menu li a {
	color: inherit;
	font-size: 1em;
	justify-content: flex-start;
	height: 3em;
	padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left) + 0.5em);
}

#menu li a img {
	width: auto;
	height: auto;
	margin-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left) + 0.5em);
}

.links-list #menu a::before {
	display: none;
}

.md .list.main-menu {
	margin-top: 65px;
}

.md .list .accordion-item-toggle .item-inner,
.md .list:not(.media-list) .accordion-item:not(.media-item) .accordion-item-toggle .item-inner,
.md .list:not(.media-list) .accordion-item:not(.media-item)>.item-link .item-inner,
.md .media-list .accordion-item .accordion-item-toggle .item-title-row,
.md .media-list .accordion-item>.item-link .item-title-row,
.md .accordion-item.media-item .accordion-item-toggle .item-title-row,
.md .accordion-item.media-item>.item-link .item-title-row,
.md .links-list .accordion-item>a {
	background: none;
}

.flp {
	position: relative;
}

.flp:after {
	content: "";
	display: table;
	clear: both;
}

.halls_content {
	position: relative;
	min-height: 100%;
}

.main_hall_info {
	position: relative;
	background-attachment: scroll;
	background-size: auto 300px;
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
}

.img_sticky_to_top.sticked {
	background-attachment: fixed;
}

.main_hall_info {
	overflow: hidden;
}

.stable_image {
	background-color: red;
	position: relative;
	display: block;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 300px;
	z-index: 2;
}

.stable_image_inner {}

.overflowing_content {
	background-color: blue;
	height: auto;
	z-index: 99;
	position: relative;
}


.romanov_button {
    text-align: center;
    font-size: 1.3em;
    margin: 2em auto 2em auto;
    width: 9em;
    font-weight: bold;
    color: #fff;
    padding: 0.1em 0.4em 0.1em 0.4em;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 6px;
    z-index: 6;
    position: relative;
    text-transform: uppercase;
	background-color: var(--color-black);
}
.romanov_button.small {
	font-size: 1.1em;
	width: 12em;
}
.romanov_button.btn_disabled {
	opacity: 0.2;
	pointer-events: none;
}

.romanov_button:hover{
	box-shadow: 0 0 10px rgba(255,255,255,0.1);
	
}
.romanov_button.color-blue {
    border-color: var(--color-blue);
    color: var(--color-blue);
}
.romanov_button.color-blue:hover {
	background-color: var(--color-blue);
    border-color: var(--color-black);
    color: var(--color-black);
}
.romanov_button.color-orange {
    border-color: var(--color-orange);
    color: var(--color-orange);
}
.romanov_button.color-orange:hover {
	background-color: var(--color-orange);
    border-color: var(--color-black);
    color: var(--color-black);
}
.romanov_button.color-green {
    border-color: var(--color-green);
    color: var(--color-green);
}
.romanov_button.color-green:hover {
	background-color: var(--color-green);
    border-color: var(--color-black);
    color: var(--color-black);
}
.romanov_button.color-white {
    border-color: #fff;
    color: #fff;
}
.romanov_button.color-green:hover {
	background-color: #fff;
    border-color: #fff;
    color: var(--color-black);
}

.md .dialog-buttons {
	justify-content: center;
	margin-bottom: 15px;
}
.md .dialog-buttons .romanov_button {
    margin: 0 0 0 0;
    font-size: 1em;
}
.dialog-text {
	text-align: center;
}
.dialog-text a {
    color: #fff;
    font-weight: bold;
    padding-top: 15px;
	font-size: 1.2em;
	text-decoration: underline;
}
.block_sticky_to_top,
.block_sticky,
.block_after_sticky {
	position: relative;
	display: block;
}

.block_sticky.block_sticky_fixed {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}

.block_sticky {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	
	/*
	height: 100vh;
	height: calc(100vh - var(--navbar-height));
	*/
	
	position: sticky;
	top: 0px;
	background-color: var(--color-black);
}
.block_sticky#main_menu_separator:before {
	display: none;
}
.block_sticky#main_menu_separator {
    height: 5px;
    text-align: center;
    margin: 0 0 0 0;
    background-image: none;
    padding: 0px;
    line-height: 0px;
    background-color: var(--color-black);
    top: 0;
    pointer-events: none;
	z-index: 600;
}
.block_sticky#main_menu_separator img {
	width: 80%;
	height: auto;
	position: relative;
}
.block_sticky>img {
	height: 100%;
	width: auto;
	margin: 0px;
	padding: 0px;
}

.block_sticky .hall_header {

    text-align: center;
    font-size: 1.3em;
    margin: 1.5em auto 1.9em auto;
    width: 3.2em;
    font-weight: bold;
    color: #fff;
    padding: 0em 0.3em 0.1em 0.3em;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 6px;
    z-index: 6;
    position: relative;
    text-transform: uppercase;

}
.block_sticky .hall_header.text_blue {
	border-color: var(--color-blue);
}
.block_sticky .hall_header.text_orange {
	border-color: var(--color-orange);
}
.block_sticky .hall_header.text_green {
	border-color: var(--color-green);
}

.block_sticky .hall_main_photo {
	margin: 0 0.5em 0 0.5em;
	margin: 0 9px 0 9px;
	position: relative;
	border: 2px solid #353534;
	border-radius: 5px;
	padding: 0px;
	line-height:0;
}
.block_sticky .hall_main_photo img {
	width: 100%;
}

/*

.block_sticky:after {
position: absolute;
content: "";
background-image: url(img/decor100_down.png);
background-size: contain;
background-position: center top;
width: 100%;
height: 80px;
background-repeat: no-repeat;
left: 0px;
top: 0px;
opacity: 0.2;
z-index:5;	
}
*/

.block_after_sticky {

    background-color: rgba(29, 29, 27, 0.98);
    color: #fff;
    padding: 20px 0 0 0;
    /*border-top: 10px solid #333;*/
    box-shadow: 0 -2px 5px rgba(0,0,0,0.9);

}
/*
.block_after_sticky:before {
	position: absolute;
	content: "";
	background-image: url(img/decor100.png);
	background-size: contain;
	background-position: center top;
	width: 100%;
	height: 80px;
	background-repeat: no-repeat;
	left: 0px;
	bottom: 0px;
	opacity: 0.1;
	z-index: 2;
}*/

.block_sticky:before {
    position: absolute;
    content: "";
    background-image: url(img/decor_separator.png);
    background-size: 40% auto;
    background-position: center bottom;
    width: 100%;
    background-repeat: no-repeat;
    left: 0px;
    top: 0px;
    z-index: 5;
    padding-top: 20%;
	pointer-events: none;
}


/*
	text-align: center;
	font-size: 1.7em;
	margin: 0px 20px 10vh 20px;
	padding: 20px;
	border: 1px solid #fff;
	border-radius: 20px;
	background-color: rgba(0,0,0,0.8);
*/

.block_after_sticky p {

    margin: 0em 1em 0.5em 1em;
    font-size: 1em;
    line-height: 125%;
	text-align: justify;
	
}


.black_bg {
	background-color: var(--color-black);
	color: #fff;
	position: relative;
	display: block;
}

.transparent_bg {
	background-color: transparent;
}

.parallax_pic {
	background-size: auto 130%;
	background-repeat: no-repeat;
	background-position: center top 0px;
}

.parallax_pic img {
	visibility: hidden;
	display: none;
}

.main_timetable {
	background-color: var(--color-black);
	margin-bottom: 0px;
	/*height: calc(100vh - var(--navbar-height));*/
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: stretch;
	position: relative;
	min-height: 500px;
}
.main_timetable:before {
	display: none;
}
.main_timetable_swipers {
	position: relative;
	width: 100%;
	flex: 1;
	min-height: 350px;
	/*
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: stretch;	
	
	margin-top: 0.4em;
	*/
}
.main_timetable_swiper {
	background-size: 102% auto;
	background-repeat: no-repeat;
	background-position: bottom center;
	position: relative;
	padding-top: 2em;	
	padding-bottom: 1.3em;
	margin-bottom: 0.5em;
	flex: 1;
	width: 100%;
	height: 60vw;
	/*
	background-size: auto calc(100% - 0.3em);
	padding-bottom: 0;
	margin-bottom: 4em;
	background-position: bottom center;
	*/
}

.main_timetable_swiper:last-of-type {
	border-bottom: 1px solid #4c4c4b;
}
.main_timetable_swiper .timetable_hall_name {
    position: absolute;
    top: 0;
    left: 0px;
    color: #fff;
    font-size: 1.3em; 
    text-align: center;
    width: 100%;
	font-weight: normal;
	background-image: url(img/hall_title_bg.svg);
	background-size: 100% auto;
	background-position: left -0.2em center;
	background-repeat: no-repeat;
	font-family: "CenturyGothic";
	padding-bottom: 0.5em;
}
.main_timetable_swiper:after {
	position: absolute;
	bottom: 0.9em;
	left: 0px;
	content: "";
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 1.3em;
	text-transform: uppercase;
	font-weight: bold;
	display: none;
}

.main_timetable_swiper#main_timetable_hall_1 {
	background-image: url(img/hall_1_fon_rasp.svg);
}

.main_timetable_swiper#main_timetable_hall_1:after {
	content: "Зал 1";
	color: var(--color-gold);
}
.main_timetable_swiper#main_timetable_hall_1 .timetable_hall_name {
	color: var(--color-gold);
}
.main_timetable_swiper#main_timetable_hall_2 {
	background-image: url(img/hall_2_fon_rasp.svg);
}

.main_timetable_swiper#main_timetable_hall_2:after {
	content: "Зал 2";
	color: var(--color-gold);
}

.main_timetable_swiper#main_timetable_hall_2 .timetable_hall_name {
	color: var(--color-gold);
}
.main_timetable_swiper#main_timetable_hall_3 {
	background-image: url(img/hall_3_fon_rasp.svg);
}

.main_timetable_swiper#main_timetable_hall_3:after {
	content: "Зал 3";
	color: var(--color-gold);
}
.main_timetable_swiper#main_timetable_hall_3 .timetable_hall_name {
	color: var(--color-gold);
}
.main_timetable_swiper .swiper-wrapper {
}

.main_timetable_swiper .swiper-slide {
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.main_timetable_swiper .swiper-slide.swiper-slide-prev,
.main_timetable_swiper .swiper-slide.swiper-slide-next {
	opacity: 0.4;	
	pointer-events:none;
}

.main_timetable_swiper .swiper-slide.swiper-slide-active{
	opacity: 0.5;	
}

.main_timetable_swiper .swiper-slide.swiper-slide-active.in_future{
	opacity: 1;	
}


.main_timetable_swiper .swiper-slide .time {
	opacity: 1;
	transition: opacity 0.2s ease-out, height 0.2s;
	padding-top: 0.1em;
	font-size: 1.1em;
	height: auto;
	font-family: "Bebas";
	letter-spacing: 1px;
	color: #9b9b9b;
}
.main_timetable_swiper .swiper-slide.in_future .time {	
    
	color: #fff;
}


.main_timetable_swiper .swiper-slide  .agelimit {
	display: none;
}
.main_timetable_swiper .swiper-slide.swiper-slide-active  .agelimit {
    position: absolute;
    right: 85%;
    font-size: 0.8em;
    top: 69%;
    color: #c8c8c8;
    background-color: rgba(255,255,255,0.09);
    border-radius: 0.7em;
    padding: 0.1em 0.4em;
    display: block;
    width: 1.7em;
    text-align: center;
}
.main_timetable_swiper .swiper-slide .slide_content_right {
	opacity: 0;
	transition: opacity 0.2s ease-out;
	width: 54%;
	float: right;
	padding-left: 0.5em;
    box-sizing: border-box;    
	padding-top: 0.2em;
}

.main_timetable_swiper .swiper-slide.swiper-slide-active .slide_content_right {
	opacity: 1;
	transition: opacity 0.2s ease-out;
}

.main_timetable_swiper .swiper-slide .slide_content_right .time {
	font-size: 1.5em;
	color: #00ffff
}

.main_timetable_swiper#main_timetable_hall_1 .swiper-slide .slide_content_right .time  {
	color: #336699;
}
.main_timetable_swiper#main_timetable_hall_2 .swiper-slide .slide_content_right .time  {
	color: #cc9900;
}
.main_timetable_swiper#main_timetable_hall_3 .swiper-slide .slide_content_right .time  {
	color: #339966;
}

.main_timetable_swiper .swiper-slide p {
	display: none;
}
.main_timetable_swiper .swiper-slide.swiper-slide-active p {
	font-size: 1.1em;
	color: #9b9b9b;
	line-height: 1.2em;
	margin-top: 0;
	padding-right: 0;
	font-family: "CenturyGothic";
	display: initial;
}
.main_timetable_swiper .swiper-slide.swiper-slide-active.in_future p {
	color: #fff;
	
}

.main_timetable_swiper .swiper-slide .slide_content {
	margin-left: 25%;
	width: 50%;
	color: #fff;
	height: 100%;
    position: relative;
	text-align: center;
}
.main_timetable_swiper .swiper-slide .slide_content {
	/*
	transition: margin-top 0.2s; */
}
.main_timetable_swiper .swiper-slide.swiper-slide-prev .slide_content,
.main_timetable_swiper .swiper-slide.swiper-slide-next .slide_content  {
	/* margin-top: -5%;
	transition: margin-top 0.2s; */
}


.main_timetable_swiper .swiper-slide  img.poster_bg_img {
	max-width: 100%;
	max-height: 65%;
	position: relative;
	border: 1px solid rgba(255, 255, 255, 0.6);
	display: block;
	margin: 0 auto 0.3em auto;
}

.swiper-slide-shadow-left,
.swiper-slide-shadow-right {
	display: none;
}

/*
.main_header:after {
	content: "";
	background-image: url(img/white_line.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80% auto;
	position: absolute;
	left: 0px;
	bottom: -0.5em;
	width: 100%;
    height: 5px;
	
}
*/

.navbar .title {
    height: 100%;
}
.page-with-navbar-large-collapsed .navbar:after {
	content: "";
	width: 100%;
	height: 5px;
	position: absolute; 
	bottom: -5px;
	left: 0px;
	background-color: var(--color-black);
	background-image: url("img/white_line.png");
	background-size: 80% auto;
	background-position: center;
	background-repeat: no-repeat;
}
.navbar .title-large { 

	top: 0px;
	height: 120%;
	opacity: calc(1 - var(--f7-navbar-large-collapse-progress));
	
	background-color: var(--color-black);
}
.navbar a {
	z-index: 10;
	color: #fff;
}
.navbar a.link.back {
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 25%;
    width: 20px;
    height: 30px;
    background-image: url(img/goback_arrow.svg);
    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 5px;
}
.navbar-inner .title-large img.head_logo {

    max-width: 60%;
    height: auto;
    position: relative;
    min-width: 230px;
    max-height: var(--f7-navbar-large-title-height);

}
.navbar .title-large-text { 
	position: relative; 
	padding: 0px;
	height: 100%;
}

#cigar_html {
	
}
.page-with-navbar-large-collapsed#cigar_html .navbar::after {
	display: none;
}
.block_common {
	margin: 0px;
	padding: 0px;
	position: relative;
}
.block_common>img {
	width: 100%;
	height: auto;
}
#cigar_html .block_common {
	margin: 0px;
	padding: 0px;
	position: relative;
	background-image: url(img/cigar_3_bg.jpg);
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
}
#cigar_html .block_common.first_block {
	background-image: url(img/cigar_photo/cigar_1.png);
	background-size: 100% auto;
	background-position: center bottom;
	height: 150vw;
}
#cigar_html .block_common.first_block p.cigar_header {
	font-family: Lora;
	color: var(--color-gold);
	font-size: 32px;
	padding-top: 60px;
	padding-top: 40px;
	background: linear-gradient(180deg, rgba(22,22,25,1) 0%, rgba(22,22,25,1) 30%, rgba(22,22,25,0) 100%);
	
}
#cigar_html .block_common.first_block p {
	font-family: "CenturyGothic";
	font-size: 14px;
	padding-left: 40px;
	padding-right: 40px;
	line-height: 140%;
	text-align: center;
}

#cigar_html .block_after_sticky {
	border-top: 0px;
	box-shadow: none;
	background-color: rgba(20, 20, 22, 0.85);
	padding-top: 40px;
}
#cigar_html .block_after_sticky:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 170vw;
   
   background: radial-gradient(circle, rgba(13,231,175,0.6) 0%, rgba(6,109,82,0) 80%); 
    top: 0px;
    background-position: center -80vw;
    display: block;
    z-index: 1;
    box-shadow: 0 -10px 25px rgba(0,0,0,0.3);
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	background-repeat: no-repeat;
	transform: scaleY(0.7);
transform-origin: 50% 0;
}
#cigar_html .block_after_sticky:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 170vw;
    background: radial-gradient(circle, rgba(13,231,175,0.6) 0%, rgba(6,109,82,0) 80%);
      
    bottom: -60px;
    background-position: center bottom -100vw;
    display: block;
    z-index: 1;
    box-shadow: 0 -10px 25px rgba(0,0,0,0.3);
    background-repeat: no-repeat;
    transform: scaleY(0.7);
    transform-origin: 50% 100%;
}
#cigar_html .block_after_sticky .three_photos_blocks{
	background-color: transparent;
	z-index: 2;
}

#photo_viewer .page-content_inner {
	height: 100%;
}
#photo_viewer_slider {
	margin: 0px;
	padding: 0px;
	height: 100%;
}
#photo_viewer_slider .swiper-container {
	margin: 0px;
	height: 100%;
}
#photo_viewer_slider .swiper-wrapper {
	height: 100%;
}
#photo_viewer_slider .swiper-slide {	
	height: 100%;
	background-position: center;
	background-size: contain; 
	background-repeat: no-repeat;
	background-color: transparent;
	border-color: transparent;
}
#photo_viewer_slider .swiper-slide.swiper-slide-active {
	background-color: transparent;
	border-color: transparent;
}

#seans_info p {
}
#hall_places_view {
	width: 100%;
	margin: 1em auto 3em auto;
	position: relative;	
	max-width: 375px;
	max-height: 90vh;
	overflow-y: scroll;
	z-index: 6;
	overflow-x: hidden;
}
#hall_places_view img#hall_places_bg {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	left: 0%;
	height: auto;
}
#hall_places_view #hall_places_list {
	position: absolute; 
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
#hall_places_view #hall_places_list .hall_place{
	position: absolute; 
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: top center;
}
#hall_places_view #hall_places_list .hall_place .hall_state {
	position: absolute; 
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: top center;
	pointer-events: none;
}
#hall_places_view #hall_places_list .hall_place .hall_state.hall_state_hidden {
	display: none;	
}

.selected_places_table {
	border: 0px;
	padding: 0px;
	border-collapse: collapse;
	color: #fff;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	font-family: CenturyGothic;
}
.selected_places_table thead th {
	padding: 0.2em 0.4em 0.5em 0.4em;
	font-size: 12px;
	vertical-align: bottom;
	color: #747480;
	font-weight: normal;
	text-align: left;
}
.selected_places_table thead th.price_th {	
	text-align: right;
}
.selected_places_table tbody td {
	padding: 25px 0.2em 0 0.2em;
	vertical-align: center;
	font-size: 18px;
	text-align: left;
	line-height: 14px;
}
.selected_places_table tbody td.td_row, .selected_places_table tbody td.td_place {
}
.selected_places_table tbody td.td_age select {
	font-size: 14px;
	background-color: none;
	appearance: none;
	background-image: url(img/small_arr_down.svg);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 7px auto;
	padding-right: 12px;
}
.selected_places_table tbody td.td_pricing {
	text-align: right;
}
.selected_places_table tbody td.td_cursymb {
	font-size: 14px;
	text-align: right;
}
.selected_places_table tfoot td {
	padding: 0.2em;
	vertical-align: bottom;
}
.selected_places_table tfoot td.td_cursymb {
	padding-bottom: 2px;
}
.selected_places_table tfoot td.price_label {
	text-align: right;
}
.selected_places_table tfoot tr.no_selected_places_tr {
	display: none;
}
.selected_places_table tfoot tr.no_selected_places_tr td{
	color: #777;
}
.selected_places_table tfoot tr td {
	border-top: 1em solid transparent;
}
.selected_places_table tfoot ,
.selected_places_table tfoot tr {
	position: relative;
}
.selected_places_table tfoot tr td {
	vertical-align: bottom;
	padding-bottom: 0px;
	color: #DDA558;
}
.selected_places_table tfoot tr td.price_label {
	text-align: left; 
	font-size: 18px;
}
.selected_places_table tfoot tr td.td_totalprice {
	font-size: 22px;
	text-align: right;
}
#seans_info .page-content {
	padding-top: 0px !important;
}
#seans_info .first_block {
	padding-top: var(--navbar-height) !important;
}
#seans_info .buy_tickets {
    text-align: center;
    font-size: 1.3em;
    margin: 2em auto 2em auto;
    width: 9em;
    font-weight: bold;
    color: #fff;
    padding: 0.1em 0.4em 0.1em 0.4em;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 6px;
    z-index: 6;
    position: relative;
    text-transform: uppercase;
	background-color: var(--color-black);
}
#seans_info .buy_tickets.btn_disabled {
	opacity: 0.2;
	pointer-events: none;
}
#seans_info .buy_tickets:hover{
	background-color: #151518;
	color: var(--color-gold);
}
#seans_info .buy_tickets {
    background-color: var(--color-gold);
	font-family: Bebas;
	color: #151518;
	letter-spacing: 3px;
	display: flex; 
	width: 90%;
	font-size: 18px;
	padding: 10px 0 10px 0;
	border: 1px solid var(--color-gold);
	font-weight: normal;
	text-align: center;
	justify-content:center;
	align-items: center;
}
 
#seans_info .smoke_info {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 1.5em;
}
/*
#seans_info .buy_tickets.hall_1 {
    border-color: var(--color-blue);
    color: var(--color-blue);
}
#seans_info .buy_tickets.hall_1:hover {
	background-color: var(--color-blue);
    border-color: var(--color-black);
    color: var(--color-black);
}
#seans_info .buy_tickets.hall_2 {
    border-color: var(--color-orange);
    color: var(--color-orange);
}
#seans_info .buy_tickets.hall_2:hover {
	background-color: var(--color-orange);
    border-color: var(--color-black);
    color: var(--color-black);
}
#seans_info .buy_tickets.hall_3 {
    border-color: var(--color-green);
    color: var(--color-green);
}
#seans_info .buy_tickets.hall_3:hover {
	background-color: var(--color-green);
    border-color: var(--color-black);
    color: var(--color-black);
}
*/
.selected_places_block {
	padding-bottom: 5em;
}

.selected_places_block .hall_name.selected_hall_info {
	text-align: center;
	font-size: 1.2em;
}
.selected_places_block .selected_film_info {
	text-align: center;
	font-size: 2em;
	margin-bottom: 0.2em;
}
.selected_places_block .selected_seans_info{
	text-align: center;
	font-size: 1.2em;
	margin-bottom: 2em;
}
.selected_places_block .selected_seans_info .seans_time {
	color: #7E7E7E;
	margin-left: 20px;
}
.selected_places_table tbody tr td.td_age select option{
	background-color: var(--color-black);
	color: #fff;
}
/*
.selected_places_block .selected_film_info:after{
	content: "";
	width: 100%;
	height: 5px;
	position: absolute; 
	bottom: -1em;
	left: 0px;
	background-color: var(--color-black);
	background-image: url("img/white_line.png");
	background-size: 80% auto;
	background-position: center;
	background-repeat: no-repeat;
	
}
*/

#film_info .block.film_info {
	margin-bottom: 30px;
}
#film_info .block_after_sticky {
	border-top: 0px;
	background-color: rgba(20,20,22,1);
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.film_info .hall_name {
    font-size: 18px;
    text-align: center;
    font-family: "CenturyGothic";
    letter-spacing: 1px;
}
.film_info .hall_name.hall_1 {
	color: var(--color-blue);
}
.film_info .hall_name.hall_2 {
	color: var(--color-orange);
}
.film_info .hall_name.hall_3 {
	color: var(--color-green);
}

.film_info .seanse_time {
	text-align: center;	
	color: #fff;
	font-size: 32px;
	font-family: Bebas;
	letter-spacing: 4px;
	margin-top: 10px;
}

.film_info .seanse_time:after {
    content: "";
    width: 100%;
    height: 5px;
    position: absolute;
    bottom: -0.1em;
    left: 0px;
    background-color: var(--color-black);
    background-image: url("img/white_line.png");
    background-size: 60% auto;
    background-position: center;
    background-repeat: no-repeat;
}

.film_info p.film_name {
    text-align: center;
    font-family: "CenturyGothic";
    font-size: 28px;
    letter-spacing: 2px;
}


#film_info .trailer #trailer_video {
	max-width: 100%;
}	


#seans_info .film_info .film_name:before {
    content: "";
    position: absolute;
    top: -12px;
    left: 15%;
    background: radial-gradient(circle, rgba(189,159,15,1) 0%, rgba(46,45,30,0) 75%);
    width: 70%;
    height: 1px;
}
.more_info {
 	position: relative;
 	display: block;
 	width: 80px;
 	margin: 10px auto 10px auto;
 	padding: 4px 5px 6px 5px;
 	background-color: rgba(221,165, 88, 0.1);
 	border-radius: 20px;
 	border: 1px solid rgba(221,165, 88, 1);
 	color: rgba(221,165, 88, 1);
 	font-family: "CenturyGothic";
 	font-size: 11px;
 	text-align: center;
 	letter-spacing: 1px;
}
.film_info .film_agelimit {
    font-size: 14px;
    color: rgba(255,255,255,0.5);
    background-color: rgba(255,255,255,0.09);
    border-radius: 0.7em;
    padding: 0.1em 0.4em;
    display: block;
    width: 1.7em;
    text-align: center;
    margin: 0em auto 0em auto;
    letter-spacing: auto;
	vertical-align: baseline;
}
.film_info span.film_agelimit {
    font-size: 14px;
    display: inline;
	margin-left: 1em;
}

.film_info .film_banner {
	position: relative; 
	width: 100%;
	margin-bottom: 30px;
}

#film_info .film_details {
	padding-bottom: 5em;
 	font-family: "CenturyGothic";
}

.pre_input_text {
	position: absolute;
	bottom: 0px;
	left: 0px;
	display: none;
}

.item-input-focused .pre_input_text,
.item-input-with-value .pre_input_text {
    height: var(--f7-input-height);
    display: flex;
    align-items: center;
}

.list input[type="text"].has_pre_input_text {
	padding-left: 2em;
}
.list.nobg {
	background-color: transparent;
}
.list.nobg ul:before, .list.nobg ul:after {
	display: none;
}
.page_404_title {
	margin: 5em 2em 0 2em;
	text-align: center;
	font-size: 1.5em;
	line-height: 140%;
}


#halls_html .page-content,
#cafe_html .page-content {
	padding-top: 0px;
}
#halls_html .romanov_button {
	margin: -1.5em auto 2em auto;
	position: relative;
	display: block;
}
.hall_main_photo {
	font-size: 0;
}
.hall_main_photo img {
	width: 100%;
}
#halls_html .hall_main_photo img {
	margin-bottom: -20px;

}
#halls_html .block_after_sticky {
	border-top: 0px;
	box-shadow: none;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	background-position: 0 -75vw;
	background-color: rgba(20, 20, 22, 0.95);
}


#halls_html .block_after_sticky.hall_1 {
}

#halls_html .block_after_sticky:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 50vw;
   
    top: -2px;
    background-position: center -50vw;
    display: block;
    z-index: -1;
    box-shadow: 0 -10px 25px rgba(0,0,0,0.3);
	border-top-left-radius:20px;
	border-top-right-radius:20px;
}
#halls_html .block_after_sticky.hall_1:before {
    background: rgb(26,127,220);
    background: radial-gradient(circle, rgba(26,127,220,1) 0%, rgba(6,165,255,0) 100%);
}
#halls_html .block_after_sticky.hall_2:before {
   background: rgb(189,159,15);
   background: radial-gradient(circle, rgba(189,159,15,1) 0%, rgba(46,45,30,0) 100%);
}
#halls_html .block_after_sticky.hall_3:before {
    background: rgb(9,135,103);
background: radial-gradient(circle, rgba(9,135,103,1) 0%, rgba(23,68,61,0) 100%); 
}
#halls_html  .block_after_sticky .hall_header {
	text-align: center;
	font-size: 24px;
	margin: 0px 20px 20px 20px;
	font-family: Bebas;
	position: relative;
	text-transform: uppercase;
	letter-spacing: 0.7px;
}
 .block_after_sticky  p {
font-family: "CenturyGothic";
    margin: 8px 15px 0 15px;
    font-size: 14px;
    line-height: 150%;
    text-align: left;
}
 .block_after_sticky  p.description {
 	margin-top: 20px;
 	margin-bottom: 20px;
 }
.three_photos_block {
	border-radius: 10px;
	position: relative;
	display: inline-block;
	float: left;
	overflow: hidden;
}

.three_photos_blocks {
	position: relative;
	display: block;
	background-color: var(--color-black);
	width: 100%;
	padding: 0px 15px 0 15px;
	box-sizing: border-box;
	margin-top: 1.6em;
	margin-bottom: 60px;
}
.three_photos_blocks .left_img {
	width: calc(50% - 6.5px);
	margin-bottom: 9px;
}

.three_photos_blocks .right_img {
	width: 45.5%;
	width: calc(50% - 6.5px);
	float: right;
	margin-bottom: 9px;
}

.three_photos_blocks .center_img {
	margin-bottom: 9px;
	width: 100%;
}
.three_photos_blocks .bottom_img {
	width: 100%;
}
.three_photos_block.padding50 {
	padding-top: 50%;
	
}
.three_photos_block img {
	width: 100%;
	height: auto;
}
.after_hall_icon {
	margin: 2.5em 0 0 0em;
	padding-bottom: 2em;
	text-align: center;
	position: relative;
}
.after_hall_icon img {
	width: 8%;
	height: auto;
}
.after_hall_icon:after {
	content: "";
	width: 100%;
	height: 5px;
	position: absolute; 
	bottom: 0;
	left: 0px;
	background-color: var(--color-black);
	background-image: url("img/white_line.png");
	background-size: 80% auto;
	background-position: center;
	background-repeat: no-repeat;
}
.after_hall_icon.cafe_icon {

    margin: 5em 0 0 0em;
    padding-bottom: 5em;
    padding-top: 5em;

}
.after_hall_icon.cafe_icon:after {
	background-image: url("img/white_line_cafe.png");
	top: 0px;
}

.black_bg {
	background-color: var(--color-black);
	color: #fff;
	position: relative;
	display: block;
}

.transparent_bg {
	background-color: transparent;
}

.parallax_pic {
	background-size: auto 130%;
	background-repeat: no-repeat;
	background-position: center top 0px;
}

.parallax_pic img {
	visibility: hidden;
	display: none;
}


#cafe_html .page-content:before {
	content: "";
	position: absolute; 
	left: 0px;
	top: 0px;
	width: 100%;
	height: 80vw;
	background: linear-gradient(180deg, rgba(22,22,25,1) 0%, rgba(22,22,25,1) 25%, rgba(22,22,25,0) 100%);
	z-index: 1;
}
#cafe_html .page-content_inner:after {
	    content: "";
    position: absolute;
    left: 0px;
    bottom: -60px;
    width: 100%;
    height: 100vw;
    background: radial-gradient(circle, rgba(189,160,15,0.5) 0%, rgba(46,45,30,0) 75%);
    z-index: 1;
    background-position: center bottom -60vw;
    background-repeat: no-repeat;
	pointer-events: none;
}
#cafe_html .block_after_sticky {
	border-top: 0px;
	box-shadow: none;
	background-color: rgba(20, 20, 22, 0.85);
}
#cafe_html .block_after_sticky.block_text {
	padding-top: 0px;
	background-color: #161619;
	margin-bottom:2px;
}

#cafe_html .block_after_sticky.block_pics{

	border-top-left-radius:20px;
	border-top-right-radius:20px;
	padding-top: 0px;
}

#cafe_html .block_after_sticky p {
	padding-top: 60px;
	padding-bottom: 60px;
}

#cafe_html .block_after_sticky:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100vw;
   
   background: radial-gradient(circle, rgba(255,157,22,1) 0%, rgba(46,45,30,0) 75%);
    top: -2px;
    background-position: center -50vw;
    display: block;
    z-index: -1;
    box-shadow: 0 -10px 25px rgba(0,0,0,0.3);
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	background-repeat: no-repeat;
}
#cafe_html .block_after_sticky.block_text:before {
	z-index: 1;
	top: 0px;
    height: 50vw;
    border-radius: 0px;
   background: radial-gradient(circle, rgba(189,159,15,0.25) 0%, rgba(46,45,30,0) 75%);
    background-position: center top -20vw;
	background-repeat: no-repeat;
}

#cafe_html .cafe_info_blocks {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	background-color: #161619;
	padding-top: 60px;
}
#cafe_html .cafe_info_blocks div {
	position: relative; 
	width: 30%;
	background-size: auto;
	background-position: center top;
	padding-top: 80px;
	background-repeat: no-repeat;
	text-align: center;
	font-family: Bebas;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
	min-width: 200px;
	margin-bottom: 40px;
}
#cafe_html .cafe_info_blocks  div.cafe_offer_clock {
	background-image: url(img/cafe_photo/cafe_clock.png);
}
#cafe_html .cafe_info_blocks div.cafe_offer_plate {
	background-image: url(img/cafe_photo/cafe_plate.png);
}
#cafe_html .cafe_info_blocks  div.cafe_offer_catering {
	background-image: url(img/cafe_photo/cafe_catering.png);
}
#cafe_html  .bottom_img {
	z-index:2;
}
#cafe_iframe_container {
	width: 100%;
	height: calc(90vh - 60px);
}
#cafe_iframe {
	border: 0px;
	
}
#help_ul {
	padding: 15px;
	background-color: transparent;
}
#help_ul li{
	background-color: rgba(116,116,128,0.15);
	border-radius: 8px;
	padding: 10px;
	color: #DDA558;
	font-family: "CenturyGothic";
	margin-top: 10px;
	background-image: url(img/arr_right_grey.svg);
	background-size: auto;
	background-position: right 20px center;
	background-repeat: no-repeat;
	
}

#help_info h1 {
	color: #DDA558;
	font-family: "CenturyGothic";
	font-size: 26px;
	font-weight: normal;
}
#help_info h1 span {
	font-size: 26px !important;
}

#help_info ul li,
#help_info p,
#help_info span {
	font-family: "CenturyGothic";
	font-size:  14px;
}



#help_info span {
	font-size:  14px !important;
}

#payment_frame {
	background-color: #fff;
	margin: 0;
	padding: 0;
	border: none;
}
#payment_html .block_common {
	margin-top: 40px;
	text-align: center;
	padding: 40px;
}
#payment_html .block_common p {	
	font-size: 16px;
}
.reload_payment_page {
	position: absolute;
	top: 12px;
	left: 70px;
	width: 40px;
	height: 40px;
	background-image: url(img/menu/reload.png);
	background-size: contain;
	background-repeat: no-repeat;
}
#tickets_html h2 {
	color: #B98C48;
	font-family: "Lora";
	font-size: 26px;
	font-weight: normal;
	text-align: center;
}
#tickets_html .ticket_li {
    background-size: contain;
    background-repeat: no-repeat;
    width: 550px;
    height: 220px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
#tickets_html .ticket_li.ticket_hall_1 {
	background-image: url(img/halls/ticket_hall1.png);
}
#tickets_html .ticket_li.ticket_hall_2 {
	background-image: url(img/halls/ticket_hall2.png);
}
#tickets_html .ticket_li.ticket_hall_3 {
	background-image: url(img/halls/ticket_hall3.png);
}
#tickets_html .ticket_li.processing {
	background-image: url(img/halls/ticket_hall_wait.png);
}

#tickets_html  #tickets.list .item-inner {
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	padding: 15px 15vw 15px 20px;
	height: 100%;
	position: relative;
	
}
#tickets_html #tickets.list .item-inner .ticket_datetime_info {
	font-family: CenturyGothic;
	font-size: 14px;
	font-weight: normal;
	color: #C9C9D6;
}
#tickets_html #tickets.list .item-inner .ticket_film_info {
	font-family: CenturyGothic;
	font-size: 16px;
	font-weight: normal;
	color: #DDA558;
	display: flex;
}
#tickets_html #tickets.list .item-inner .ticket_film_info {
	font-family: CenturyGothic;
	font-size: 16px;
	font-weight: normal;
	color: #DDA558;
	display: flex;
}

#tickets_html #tickets.list .item-inner .ticket_film_info .agelimit {
    font-size: 0.8em;
    color: #c8c8c8;
    background-color: rgba(255,255,255,0.09);
    border-radius: 0.7em;
    padding: 0.1em 0.4em;
    display: block;
    width: 1.7em;
    text-align: center;
	margin-left: 10px;
}
#tickets_html #tickets.list .item-inner .ticket_place_info {
	font-family: Bebas;
	font-size: 14px;
	color: #C9C9D6;
	letter-spacing: 1px;
}
#tickets_html #tickets.list .item-inner .ticket_place_info .num {
	font-size: 18px;
}
#ticket_detailes_html .order_info {
	display: block;
	margin-top: 30px;
	position: relative;
	width: calc(100% - 400px);
	margin-left: auto;
	margin-right: auto;
}
#ticket_detailes_html .order_info .order_qr_area {
	height:  calc(100vw - 400px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	background-color: #fff;
	border-radius: 20px;
	padding: 20px;
	position: relative;
}
#ticket_detailes_html .order_info .order_qr_area .order_datetime_info {
	color: #AC803D;
	font-family: CenturyGothic;
	font-size: 16px;	
	display: flex;
	justify-content: space-between;
	position: relative;
	width: 100%;
}
#ticket_detailes_html .order_info .order_qr_area .order_film_info {
	color: #161619;
	font-family: CenturyGothic;
	font-size: 18px;	
	display: flex;
	width: 100%;
	justify-content: center;
}
#ticket_detailes_html .order_info .order_qr_area .order_film_info .agelimit {
    font-size: 0.8em;
    color: #888888;
    background-color: rgba(22,22,22,0.08);
    border-radius: 0.7em;
    padding: 0.1em 0.4em;
    display: block;
    width: 1.7em;
    text-align: center;
	margin-left: 10px;
}
#ticket_detailes_html .order_info .order_info_area {
	width: 100%;
	text-align: center;
	display: none;
}
#ticket_detailes_html #order_qr_pic {
	display: flex;
	justify-content: center;
	width: 100%;
}
#ticket_detailes_html .order_bill_info {
	margin-top: 15px;
	text-align: center;
}

#ticket_detailes_html .order_bill_info  i {
	font-size: 1.4em;
	margin-right: 5px;
}

#proceed_payment .block_common {
	margin-top: 40px;
	text-align: center;
}

#deleteaccount .delete_account_button{
	width: 11em;
	cursor: pointer;
}

.call_instructions {
	font-size: 0.9em;
}
.outerphone_block {
	font-size: 1.1em;
}
p.no_sms_label {
	margin-top: 1em;
	margin-bottom: 0.5em;
	text-align: center;
	cursor: pointer;
	width: 10em;
	border-bottom: 1px dotted #fff;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 5px;
}
.romanov_button.small.receive_email_code {
	font-size: 1em;
	width: 14em;
}

.romanov_button.small.init_call {
	font-size: 1em;	
}
.outerphone_info {
	text-align: center;
}
.romanov_button.auth_call_href {
	margin: 0px 1em 0px 1em;
}
.outerphone_block p {
	margin-top: 10px;
	line-height: 1.6em;
}
.romanov_button.auth_button {
	margin: 1em auto 1em auto;
}