/*
body{
	background: #01091e url(/brands/brand-13102023.jpg) no-repeat top !IMPORTANT;
}
*/

#brand{
	height: 220px;
	cursor: pointer;
}

#brand_image {
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
	z-index: -1;
	/*
		background: #0079e1 url(/brands/brand-21072025.jpg) no-repeat fixed !IMPORTANT;
	*/
	background: #0f0331 url(/brands/brand-24082025.jpg) no-repeat top !IMPORTANT;
}

@font-face {
	font-family:"Monotype Corsiva"; 
	src: url(/monotype.ttf);
}

body{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0;
}


h3{
	margin:1px;
	padding:6px;
}

#trailer{
	top: 14px;
}

A.icon-mail:link{
	color: #6a6a6a; 
	text-decoration: none;
	font-size: 16px;
	font-style: italic;
} 

A.icon-mail:visited{
	color: #6a6a6a; 
}

A.icon-mail:hover{
	color: #6a6a6a; 
	text-decoration: underline;
	font-size: 16px;
	font-style: italic;
}

.icon-title{
	font-size: 12px;
	color: #be9e62;
	font-style: italic;
	font-weight:bold;
	text-align: right;
	padding-top: 3px;
}

.icon-text-grey{
	font-size: 10px;
	color: #b9b8b8;
	font-style: italic;
	font-weight:bold;
	padding-top: 5px;
	padding-left: 4px;
}

.icon-text{
	font-size: 16px;
	color: #6a6a6a;
	font-style: italic;
}

.page_title{
	font-size: 14px;
	color: #6a6a6a;
	font-style: italic;
	font-weight: normal;
	display: inline;
}

.today{
	font-size: 14px;
	color: #6a6a6a;
	text-align: right;
	font-style: italic;
}

#akcii{
	width: 466px;
	height: 138px;
	float: left;
	text-align: center;
	margin-bottom: 16px;
}

#akcii img{
	border-style: solid; 
	border-width: 1px; 
	border-color: #b6b6b6;
}

#slider-title{
	font-family: "Monotype Corsiva", sans-serif;
	font-size: 32px;
	color: #636262;
	padding-left: 4px;
	width: 100%;
}

#slider-date{
	font-family: "Monotype Corsiva", sans-serif;
	font-size: 16px;
	color: #a8a7a7;
	text-align: center;
	padding-left: 4px;
}

#slider-time{
	font-family: "Monotype Corsiva", sans-serif;
	font-size: 34px;
	color: #9b9a9a;
	padding-right: 4px;
}

.slider-arrow{
	padding-bottom: 50px;	
	width: 30px;
}

.slide{
	border-style: solid; 
	border-width: 1px; 
	border-color: #797979;
}

.slide-title{
	width: 220px;
	height: 42px;
	display: block;
	font-size: 14px;
	color: #6e6e6e;
	font-style: italic;
	text-align: center;
}

.slide-style{
	font-size: 14px;
	height: 20px;
	color: #9b9a9a;
	font-style: italic;
	text-align: center;
	width: 220px;
	position: absolute;
}

.slide-more-info{
	background: url(/images/slider/more.png);
	width: 143px;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 30px;
}

#slide-more-info:hover{
	background: url(/images/slider/more-mm.png);
	cursor: pointer;
}

#content{
	font-size: 14px;
	color: #5e5e5e;
	text-align: justify;
}

#content p{
	text-indent: 14px;
}

#content a{
	color: #343434;
	font-size: 14px;
	text-decoration: underline;
}

#content a:hover{
	text-decoration: none;
}

#footer{
	color: #4d4d4d;
	font-size: 14px;
	padding: 10px 0px 5px 0px;
	font-style: italic;
}

#photo-shadow{
	background: url(/images/photos/images-shadow.png);
	width: 206px;
	height:206px;
	float: right;
	margin-left: 8px;
	margin-top: 6px;
	clear: both;
}

#photo-shadow-hor{
	background: url(/images/photos/images-shadow.png);
	width: 206px;
	height:206px;
	margin-left: 22px;
	margin-top: 6px;
	float: left;
}

#photo{
	margin: 7px;
	margin-left: 8px;
	width: 188px;
	height: 188px;
}

#feedback{
	top: 40%;
	right: 0;
	background: url(/images/feedback.png) no-repeat;
	text-align: center;
	vertical-align: bottom;
	position: fixed;
	width: 37px;
	height: 209px;
	z-index: 99999;
	cursor: pointer;
}

#film-info-content{
	width: 100%;
	float: left;
}

#film-info-content #poster{
	width: 228px;
	height: 332px;
	background: url(/images/slider/slide-shadow.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	float: left;
	margin-bottom: 20px;
}

#film-info-content #poster img{
	width: 213px;
	height: 309px;
	border-style: solid; 
	border-width: 1px; 
	border-color: #797979;
}

#film-info-content #description{
	float: left;
	width: 440px;
	margin-bottom: 20px;
}

#film-info-content iframe{
	margin-left: 10px 0 0 6px;
	width: 660px;
	height: 274px;
	float: left;
}

#film-info-name{
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: italic;
	color: #5e5e5e;
	text-align: left;
}

#film-info-engname{
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #858585;
	height: 30px;
}

#film-info-splitter{
	background: url(/images/f-splitter.gif) repeat-x;
	height: 1px;
	width: 430px;
	float: left;
	height: 14px;
}

#film-info-value{
	font-size: 14px;
	font-style: italic;
	width: 330px;
	text-align: right;
	float: left;
	color: #5e5e5e;
}

#film-info-value a{
	font-size: 14px;
	font-style: italic;
	color: #5e5e5e;
	text-decoration: underline;
}


#film-info-value a:hover{
	text-decoration: none;
}

#film-info-tag{
	width: 100px;
	float: left;
	font-size: 12px;
	color: #949494;
}

#film-info-description-blog{
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	color: #5e5e5e;
	font-size: 14px;
	text-align: justify;
	width: 430px;
	float: left;
	text-indent: 14px;
}

#film-info-afisha{
	float: right;
	border-width: 1px;
	border-style: solid;
	border-color: #cecece;
	width: 260px;
	background: #dedede;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

#film-info-afisha h3{
	font-size: 16px;
	font-style: italic;
	color: #5e5e5e;
	text-align: center;
	background: url(/images/gradient.jpg);
}

#film-info-afisha #day{
	font-size: 12px;
	width: 85px;
	text-align: center;
	color: #626262;
	float: left;
	vertical-align:bottom;
	border-right:1px solid #c6c6c6;
	margin-top: 10px;
	margin-bottom: 10px;
}

#film-info-afisha #times{
	width: 171px;
	float: left;
}

#film-info-afisha #time, #film-info-afisha button{
	float: left;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background: #efefef;
	margin: 3px 0px 4px 6px;
	padding: 0px 7px;
	border-color: #c1c1c1;
	border-width: 1px;
	border-style: solid;
	cursor: pointer;
	font-size: 14px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5e5e5e;	
}

#film-info-afisha #splitter{
	background: url(/images/f-splitter.gif) repeat-x;
	height: 1px;
	width: 260px;
	float: left;
}

#film-info-afisha #time.disabled{
	background: #d9d9d9;
	color: #979797;
	cursor: default;
}

#film-info-afisha button:hover{
	background: #ffffff;
}

#film-info-clear{
	clear: left;
}

#film-blog{
	width: 454px;
	border-style: solid;
	border-width: 0px;
	float: left;
	margin: 0px 5px;
}

#poster{
	width: 180px;
	height: 268px;
	background: url(/images/posters/170-250/shadow.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	float: left;
	margin-bottom: 20px;
}

#poster img{
	border-style: solid; 
	border-width: 1px; 
	border-color: #797979;
}

#film-blog #description{
	width: 270px;
	float: left;
	text-align: left;
}

#film-blog #description a{
	text-decoration: none;
	font-size: 18px;
	font-style: italic;
	color: #454545;
}

#film-blog #description a:hover{
	text-decoration: underline;
	color: #5e5e5e;
}

#film-blog #description #row{
	width: 100%;
	border-bottom:1px dotted #c6c6c6;
	font-size: 12px;
	text-align: left;
	color: #949494;
	margin-bottom: 8px;
}

#film-blog #description #row span{
	max-width: 220px;
	font-size: 13px;
	font-style: italic;
	text-align: right;
	float: right;
	color: #5e5e5e;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#film-blog #description #row span a{
	font-size: 13px;
	font-style: italic;
	text-align: right;
	color: #5e5e5e;
	text-decoration: underline;
}

#film-blog #description #row span a:hover{
	text-decoration: none;
}

#more-info-blog{
	width: 650px;
	border-style: solid;
	border-width: 1px;
}

#more-info-blog #poster{
	width: 180px;
	height: 268px;
	background: url(/images/posters/170-250/shadow.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	float: left;
	margin-bottom: 20px;
}

#more-info-blog #poster img{
	border-style: solid; 
	border-width: 1px; 
	border-color: #797979;
}

.list_carousel {
	width: 862px;
	border-width: 0px;
	border-style: solid;
}

.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	border-width: 0px;
	border-style: solid;
}
.list_carousel li {
	width: 213px;
	height: 434px;
	padding-left: 25px;
	padding-right: 25px;
	margin: 5px;
	display: block;
	float: left;
	border-width: 0px;
	border-style: solid;
}

/*------------------------------------*\
	?????????
\*------------------------------------*/
#nav{
	float:left;
	width:100%;
	list-style:none;
	font-weight:normal;
	margin-bottom:10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	padding: 0;	
}

#nav li{
	float:left;
	margin-left:4px;
	position:relative;
	display:block;
	padding-right: 4px;
}

#nav li a{
	display:block;
	padding:10px 8px;
	color:#615b5b;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background: url(/images/bg-menu-1.jpg);
	text-decoration:none;	
	z-index: 100;
}

#nav li a:hover{
	color:#797878;
	background:#6b0c36;
	background:rgba(107,12,54,0.75); /* Выглядит полупрозрачным */
	text-decoration:none;
	
}

/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
#nav ul{
	list-style:none;
	position:absolute;
	left:-9999px; /* Скрываем за экраном, когда не нужно (данный метод лучше, чем display:none;) */
	opacity:0; /* Устанавливаем начальное состояние прозрачности */
	-webkit-transition:0.25s linear opacity; /* В Webkit выпадающие пункты будут проявляться */
	z-index: 2000;
}
#nav ul li{
/*	padding-top:1px;  Вводим отступ между li чтобы создать иллюзию разделенных пунктов меню */
	float:none;
}
#nav ul a{
	white-space:nowrap; /* Останавливаем перенос текста и создаем многострочный выпадающий пункт */
	display:block;
}
#nav li:hover ul{ /* Выводим выпадающий пункт при наведении курсора */
	left:-44px; /* Приносим его обратно на экран, когда нужно */
	top: 37px;
	opacity:1; /* Делаем непрозрачным */
}
#nav li:hover a{ /* Устанавливаем стили для верхнего уровня, когда выводится выпадающий список */
	background: url(/images/bg-menu-2.jpg);	
	text-decoration:none;
}

#nav li:hover a.menu-item{ /* Устанавливаем стили для верхнего уровня, когда выводится выпадающий список */
	background: #cecece;	
	background:rgba(206,206,206,0.75);
	background: url(/images/bg-menu-2.jpg);		
	text-decoration:none;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius: 1px;
}

#nav li:hover a.menu-item-last{ /* Устанавливаем стили для верхнего уровня, когда выводится выпадающий список */
	background: #cecece;	
	background:rgba(206,206,206,0.75);
	background: url(/images/bg-menu-2.jpg);	
	text-decoration:none;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
}

#nav li:hover ul a{ /* Изменяем некоторые стили верхнего уровня при выводе выпадающего пункта */
	text-decoration:none;
	-webkit-transition:-webkit-transform 0.075s linear;
}
#nav li:hover ul li a:hover{ /* Устанавливаем стили для выпадающих пунктов, когда курсор наводится на конкретный пункт */
	background:#8d8d8d;
	background:rgba(141,141,141,0.75); /* Будет полупрозрачным */
	background: url(/images/bg-menu-1.jpg);	
	text-decoration:none;
	-moz-transform:scale(1.02);
	-webkit-transform:scale(1.02);
}

#new-year-right{
	position: absolute;
	right: 0;
	top: 100px;
	border: 0;
	z-index: 1000;
}

#new-year-left{
	position: absolute;
	left: 0;
	top: 10px;
	z-index: 1000;
}

#new-year-top{
	background-image: url('/images/nyear-top.png');
	width: 106px;
	height: 150px;
	position: absolute;
	right: 150px;
	top: 0;
	z-index: 1000;
}

#hidden{
	display: none;
}

#main-blog{
	z-index: 1000;
	
}

#trailer_ifr{
	float: left;
	width: 100%;
}

.ytp-youtube-button{
	width: 0px !important;
}

#gost-price{
	border: 1px solid #cccccc;
}

#gost-price tr td{
	background: url(/images/bg-menu-1.jpg);
	padding: 5px;
	text-align: center;
}

#booking{
	text-align: center;
}

#booking img{
	margin: 20px;
	box-shadow: 0 0 10px rgba(0,0,0,1);
	border: 2px solid #dbe6ff;
	max-width: 700px;
}

#memorandum{
    position: relative;
    clear: both;
    width: 660px;
	padding: 10px 0;
}

.memorandum-wrd{
	cursor: help;
}

#film-info-tag-mem{
    width: 300px;
    float: left;
    font-size: 12px;
    color: #949494;
}

#film-info-value-mem{
    font-size: 14px;
    font-style: italic;
    width: 130px;
    text-align: right;
    float: left;
    color: #5e5e5e;
}

.ui-tooltip{
    font-family: "Trebuchet MS",Arial, Helvetica, sans-serif !important;
	font-size: 14px !important;
	width: 240px !important;
}

.lunchs{
	border: 1px solid #d0cdcd;
}

#news{
	border: 1px solid #d0cdcd;
	width: 930px;
	margin: 5px;
	padding: 10px;
	background-color: #f6f6f6;
	background-image: url(/images/bg2.jpg);
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	float: left;
}

#news #all_news{
	float: right;
	padding: 5px 0;	
}

#news #news_block{
	padding: 10px 0;
	border-bottom: 1px dashed #cdcdcd;
}

#news #news_block:last-of-type{
	border-bottom: 0;
}

#news #news_block h3{
	padding: 0 0 5px 0;
}

#ottWidget {
	text-decoration: none !important;
}

#ottWidget:hover {
	text-decoration: underline !important;
}