/* 
   Contents:  
   /site/css/headers.css 
   /site/css/comments.css 
   /site/css/base.css 
   /site/css/head.css 
   /site/css/head-main.css 
   /site/css/clock.css 
   /site/css/menu.css 
   /site/css/breadcrumbs.css 
   /site/css/columns.css 
   /site/css/form.css 
   /site/css/buttons.css 
   /site/css/tabs.css 
   /site/css/bullet.css 
   /site/css/date.css 
   /site/css/cinema.css 
   /site/css/hall.css 
   /site/css/widget-scroll.css 
   /site/css/widget-schedule.css 
   /site/css/movie.css 
   /site/css/calendar.css 
   /site/css/popup.css 
   /site/css/map.css 
   /site/css/carousel.css 
   /site/css/poll.css 
   /site/css/foot.css 
   /site/css/yandex-like.css 
*/

/* @file /site/css/headers.css */ 

@CHARSET "UTF-8";

table.h {
  width: 100%;
}
table.h tr td {
  padding: 0;
  vertical-align: middle;
}
table.h tr:hover {
  background: none;
}
table.h td.h, table.h td.l { position: relative; }
table.h td.h {
  white-space: nowrap;
  padding: 0 6px!important;
}
table.h td.l {
  width: 50%!important;
  background: transparent url('img/ui/header-solid.png') repeat-x center;
}
table.h-dashed td.l {
  background-image: url('img/ui/header-dashed.png');
}
table.h td h4 {
  margin-bottom: 0;
  height: auto;
}
table.h .ui-icon { background: transparent url('img/icons.png') no-repeat; }
table.h .ui-icon-triangle-1-w { background-position: 0px -140px; margin-right: 8px; }
table.h .ui-icon-triangle-1-w:hover { background-position: 0px -166px; }
table.h .ui-icon-triangle-1-e { background-position: 0px -192px; margin-left: 8px; }
table.h .ui-icon-triangle-1-e:hover { background-position: 0px -218px; }

table.h4 {
  margin-bottom: 24px;
}
table.cinema-item-h4 { margin-bottom: 34px; }

h4.social a { padding-right: 65px; background: transparent url('img/social.png') no-repeat 100% 2px; }
h4.social a:hover { background-position: 100% -23px; }


.h-archive {
  position: relative;
  top: -20px;
  background: #333;
  
}

/* --------------------------------------------------------- */

/* @file /site/css/comments.css */ 

@CHARSET "UTF-8";

form.comments { margin-bottom: 0; }
form.comments label { color: #fff; line-height: 24px; }

#new-comment {
  width: 99%;
  height: 114px;
}

#comments {
  clear: both;
  padding-top: 24px;
  margin-bottom: 32px;
}

#comments .comment { padding: 0 50px 0 350px; }
#comments .level-0 { padding: 0 50px; }
#comments .level-1 { padding: 0 50px 0 100px; }
#comments .level-2 { padding: 0 50px 0 150px; }
#comments .level-3 { padding: 0 50px 0 200px; }
#comments .level-4 { padding: 0 50px 0 250px; }
#comments .level-5 { padding: 0 50px 0 300px; }

#comments .comment {
  padding-bottom: 10px;
}
#comments .comment-hover {
  background: #393939;
}
#comments .comment-active {
  background: #3c3c3c;
}

#comments .comment a { visibility: hidden; cursor: pointer; }
#comments .comment-active a { visibility: visible; }

#comments .comment p {
  margin-bottom: 4px;
}

#comments p.info {
  border-bottom: 1px solid #474747;
  position: relative;
  height: 18px;
  padding: 10px 0 0 0;
  margin-bottom: 8px;
  margin-top: 0;
}

#comments span.user {
  text-decoration: none;
  padding-left: 16px;
  background: transparent url('img/icons.png') no-repeat left -468px;
  line-height: 18px;
  color: #fff;
  font-size: 13px;
}
#comments span.admin { background-position-y: -410px; }

#comments span.user span { color: #6b6e6e; }
#comments .comment-hover span.user { background-position: left -490px; color: #f07c00; }
#comments span.admin { background-position: left -512px; }
#comments .comment-hover span.admin { background-position: left -534px; color: #f07c00; }

#comments p.info .time { 
  position: absolute;
  top: 10px;
  right: -3px;
}

.new-comment-hider {
  display: block;
  float: right;
  padding-right: 24px;
  background: transparent url('img/icons.png') no-repeat right -610px;
  margin-right: -8px;
  cursor: pointer;
  color: #a2a2a2;
}
a.new-comment-hider span { display: none; }
a.new-comment-hider:hover {
  background-position: right -626px;
  color: #f07c00;
}
a.new-comment-hider-active {
  background-position: right -550px;
}
.disabled { display: none; }

/* --------------------------------------------------------- */

/* @file /site/css/base.css */ 

@CHARSET "UTF-8";

body { overflow: auto !important; }

.body { min-width: 940px; }
.body .body { min-width: 840px; }

.body .color-fader,
.body .color-shadow {
  height: 96px;
}
.body .color-shadow {
  background: #666;
  margin: -40px -50px 0 -50px;
}
.body .color-fader {
	background: transparent url('img/body/fader-color.png') repeat-x top;
	margin: -96px -50px -56px -50px;
}

.body .body {
	margin: 0 50px;
	padding-top: 40px;
	position: relative;
}

.body-main .body { margin-left: 30px; }

.cinema-map div.cinema.spb .placemark { background-image: url(city/img/placemark-spb.png); }

.wider { margin-left: -50px; margin-right: -50px; }
.wider .no-wide { margin-left: 50px; margin-right: 50px; width: auto; }

.item-block { margin-bottom: 32px; }
.item-block .item {
  border-bottom: 1px solid #484848;
  margin-bottom: 16px;
}
.item-block .item img { max-width: 100%; }

.offers-block .offer {
  min-width: 200px;
  max-width: 300px;
  width: 300px;
  float: left;
  padding-right: 30px;
}

.news-block .offer {
  min-width: 200px;
  max-width: 480px;
  width: 300px;
  float: left;
  padding-right: 30px;
}

.body-academy .news-block .offer {
  max-width: 300px;
  min-width: 220px;
}

.polls-block .poll-item {
  min-width: 200px;
  width: 300px;
  float: left;
  padding-right: 30px;
}

.offer-report-w-img {
  margin-left: 167px; min-height: 100px;
}

.border-overflow { background: #333;  position: relative; clear: both; top: -17px; margin: 0 0 -67px 0; width: 100%; height: 10px; }
.body-main .fixed-width .border-overflow { margin: 0; }
.body-academy .border-overflow, .body-cinema .border-overflow { height: 30px; }




a.show-more {
  clear: both;
  display: block;
  font: normal 12px Calibri, sans-serif;
  text-transform: uppercase;
  border-top: 1px solid #6c6c6c;
  margin-bottom: 36px;
  text-align: center;
  height: 24px;
  text-decoration: none;
  background: #333;
  background: #333333 url('img/icons.png') no-repeat 50% -548px;
  position: relative;
  top: -20px;
}
a.show-more:hover { background-position: 50% -564px; }
a.show-more span {
  background: #333333;
  color: #fff;
  padding: 0 6px;
  position: relative;
  top: -7px;
}
a.show-more:hover span {
  color: #f07c00;
}
a.ui-icon-archive {
  background: transparent url('img/icons.png') no-repeat right -192px!important;
  text-transform: uppercase; color: #a2a2a2; text-decoration: none; line-height: 16px;
  text-indent: 0;
  width: auto;
  padding-right: 24px;
}
a.ui-icon-archive:hover { color: #fff; background-position: right -218px!important; }

p.info-block {
  border: 1px solid #484848; border-radius: 6px; padding: 6px 12px; text-align: center; font: normal 12px/14px Calibri, sans-serif; color: #a2a2a2;
  display: inline-block;
}
p.info-block span.top { margin-top: -14px; display: block; }
p.info-block span.bottom { margin-bottom: -12px; display: block; }
p.info-block span.content { display: block; }
.info-block .content big {
  font: normal 50px/40px Calibri, sans-serif;
  color: #fff;
}
p.attention {
  border-color: #d77207; color: #fff;
  display: block;
}
.attention .content {
  color: #fff;
  text-align: left;
  line-height: 20px;
}

div.info-block {
  display: inline-block;
  margin-bottom: 16px;
}
div.info-block table { width: 100%!important; margin-bottom: 0px!important; }
div.info-block table tr td { padding: 0!important; vertical-align: middle!important; }
div.info-block table tr:hover { background: none!important; }
div.info-block table td.h { padding: 0 6px!important; white-space: nowrap!important; text-align: center!important; }
div.info-block table td.l,
div.info-block table td.r { width: 50%!important; background: transparent url('img/ui/info-block.png') no-repeat center!important; min-width: 10px!important; }
div.info-block table.thead td.l { background-position: left top!important; }
div.info-block table.thead td.r { background-position: right top!important; }
div.info-block table.tfoot td.l { background-position: left bottom!important; }
div.info-block table.tfoot td.r { background-position: right bottom!important; }
div.info-block p.content {
  border: 1px solid #484848;
  border-width: 0 1px;
  margin: 0;
  padding: 0 10px;
  text-align: center;
  float: none!important;
}
div.attention table td.l,
div.attention table td.r {
  background-image: url('img/ui/info-block-attention.png')!important;
}
div.attention table td.h {
  color: #fff;
}
div.attention p.content {
  text-align: left;
  border-color: #d77207;
}

a.hider {
  display: block;
  float: right;
  padding-right: 24px;
  background: transparent url('img/icons.png') no-repeat right -610px;
  margin-right: -8px;
  cursor: pointer;
  color: #a2a2a2;
}
a.hider span { display: none; }
a.hider:hover {
  background-position: right -626px;
  color: #f07c00;
}
a.hider-active {
  background-position: right -550px;
}
a.hider-active:hover {
  background-position: right -566px;
}

.buy-reserve { margin-bottom: 48px; }
.buy-reserve .left-wing {
  float: left;
  width: 107px;
}
.buy-reserve .right-wing {
  float: left;
}
.buy-reserve big {
  margin-bottom: 8px;
}
.buy-reserve .price {
  background-position: 0px -266px;
  color: #fff;
  padding-right: 12px;
}
.buy-reserve .buttonset { margin-top: 8px; }
.buy-reserve .buttonset a.button span,
.buy-reserve .buttonset button span {
  padding-left: 10px;
  padding-right: 0px;
}
.event-block .event { float: left; width: 315px; min-width: 285px; padding-right: 15px; }

img.discount-card {
  position: absolute;
  left: -50px;
  top: 90px;
  width: 445px;
  height: 409px;
}
.discount-ad { padding: 0; margin: 0 0 42px 0; }
.discount-ad .right-wing { width: 315px; float: right; margin-top: -290px; }
.discount-ad li {
  display: block;
  height: 290px;
  border-bottom: 1px solid #3d3d3d;
  padding: 0;
  margin: 0;
  background-position: left 95%;
  background-repeat: no-repeat;
}
.discount-ad li span {
  display: block; text-indent: -9999px;
  background-position: 300px 50%;
  background-repeat: no-repeat;
  height: 290px;
  width: 100%;
}
.discount-ad li.li-1 { background-image: url('img/discount/li-1.png'); }
.discount-ad li.li-2 { background-image: url('img/discount/li-2.png'); }
.discount-ad li.li-3 { background-image: url('img/discount/li-3.png'); }

.discount-ad li span.d-10 { background-image: url('img/discount/10.png'); }
.discount-ad li span.d-15 { background-image: url('img/discount/15.png'); }
.discount-ad li span.d-20 { background-image: url('img/discount/20.png'); }

.loading { background: url('img/ui/loading.gif') center no-repeat; cursor: wait; min-height: 30px; position: relative; z-index: 5;}
.main-reply-message { display: none; }

.social-block { padding-top: 6px; }
.social-block .social { margin: 0 0 35px 0; }
.banners-block { overflow: hidden; float: left; margin-bottom: 25px; }
.banners-block .ad-static { margin-bottom: 15px; }
.banners-block img { max-width: 100%; }

#afishaWidgetContainer { position: absolute !important; }




div.attention {
    border-radius: 5px;
    box-shadow: #000 5px 5px 10px;
    font-family: Calibri, Arial;
    background: #f08815;
    background: -moz-linear-gradient(top, #f08815 0%, #eb7400 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #f08815), color-stop(100%, #eb7400));
    background: -webkit-linear-gradient(top, #f08815 0%, #eb7400 100%);
    background: -o-linear-gradient(top, #f08815 0%, #eb7400 100%);
    background: -ms-linear-gradient(top, #f08815 0%, #eb7400 100%);
    background: linear-gradient(to bottom, #f08815 0%, #eb7400 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b30f61', endColorstr='#7c1664', GradientType=0 );
}
div.attention p.content {
    border: none;
}
div.attention table td.l, div.attention table td.r {
    background-image: none !important;
}
div.attention table td.h span {
    position: relative;
    display: inline-block;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 14px;
    top: -12px;
    color: #fff;
    background: #272422;
    border-radius: 0px 0px 3px 3px;
}


.social.instagram a {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 5px;
    text-decoration: none;
    cursor: pointer;
}
.social.instagram a img {
    margin-right: 10px;
    vertical-align: middle;
}
.social.instagram a span {
    text-decoration: none;
    border-bottom: 1px solid currentColor;
    transition: 0.2s all;
}


/* --------------------------------------------------------- */

/* @file /site/css/head.css */ 

@CHARSET "UTF-8";

.head {
  height: 350px;
}

.head {
  background: transparent url('img/head/default.jpg') repeat 0 0;
}
.head .fader, .body-error .fader {
  position: absolute;
  width: 100%;
  background: transparent url('img/head/fader-top.png') repeat-x top;
  z-index: 3;
  top: 0px;
  height: 100%;
}
.head .fader .fader, .body-error .fader .fader {
  background: transparent url('img/head/fader-bottom.png') repeat-x bottom;
}
.head .activator {
  position: absolute;
  width: 100%;
  top: 0px;
  height: 100%;
}
.head .activator span { display: none; }
.head .canvas {
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  text-align: center;
  margin: 0;
}
/*.head table.canvas {display: none;}*/
.head div.canvas { background-color: #242424; }
.head .widget-schedule div.canvas { background-color: #1f1f1f; }
.head .canvas td { width: 33%; padding: 0; vertical-align: top; }
.head .canvas tr:hover {
  background: transparent;
}
.head .canvas .fader {
  position: relative;
  width: 100%;
  background: #242424;
  height: 1000px;
}
.head .canvas .fader .fader {
  position: absolute;
  top: 0px;
  width: 101px;
}
.head .canvas .right .fader .fader {
  left: -101px;
  background: transparent url('img/head/fader-right.png') repeat-y left;
}
.head .canvas .left .fader .fader {
  right: -101px;
  background: transparent url('img/head/fader-left.png') repeat-y left;
}

.head .faders {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  top: 0;
}
.head .faders > div {
  position: absolute;
  top: 0;
  height: 100%;
  width: 101px;
  z-index: 1;
}
.head .faders .left {
  background: transparent url('img/head/fader-left.png') repeat-y left;
  left: 0;
}
.head .faders .right {
  background: transparent url('img/head/fader-right.png') repeat-y left;
  right: 0;
}

.head table.canvas .limiter {
  max-width: 100vw;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 470px;
}
.head table.canvas .limiter img {
  height: 100%;
}

.head .canvas {
  width: 100%;
  height: 100%;
  background-position: center top;
  background-repeat: no-repeat;
  background-color: transparent;
}

.head h1 {
  position: absolute;
  left: 50px;
  bottom: 4px;
  z-index: 6;
}

.head .head {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  height: 100%;
}

/* Переопределения */

.head-afisha { height: 566px; }
.head-afisha h1 { left: 390px; bottom: 104px; }
.head-afisha .fader { height: 470px; }
.head-afisha .widget-schedule .content .description { display: none; top: 0; }
.head-afisha .widget-schedule {
  height: 566px;
  clip: rect(0px, 370px, 566px, 30px);
}
.head-afisha .widget-schedule .fader-bottom { background-image: url('img/head/fader-bottom-blur-afisha.png')!important; }
.body-afisha { margin-top: -96px; position: relative; z-index: 1; }
.body-afisha .color-fader { margin-bottom: -8px; }
.body-afisha .body { margin-left: 30px; }


.head-reservation { height: 470px; }
.head-reservation h1 small { font: normal 20px/24px Calibri, sans-serif; }

.stars, .stars.disabled { display: inline; font-size: 10px; margin-left: 12px; position: relative; }
.stars { white-space: nowrap; }
.head-static .stars { white-space: normal; }
.stars a, .stars div { white-space: normal; }
.stars a.star { display: inline-block; background: transparent url('img/icons.png') no-repeat left -113px; width: 25px; margin: 0 -1px; height: 17px; position: relative; z-index: 1; }
.stars a.val-2 { background-position: left top; }
.stars a.val-1 { background-position: left -85px; }
.stars a.hover { background-position: left -57px; cursor: pointer; }
.stars a.hover-0 { background-position: left -113px; }

.stars .wrap { position: absolute; right: -28px; top: -71px; width: 180px; display: none; }
.stars.unauthorized.hover .wrap { display: block; }
.head-main .head-static .stars.unauthorized.hover .wrap { display: none; }
.stars .wrap table tbody tr { height: 26px; }
.stars .wrap table p { margin: 8px -2px; text-align: center; color: #F07C00; }
.stars .wrap table p a { color: #FFF; font-size: 12px; }

.stars a.star span { display: none; }


body .head-static-body table td.logo {display: table-cell;}
body > .head .head-static .head-static-body {
    background: transparent url('img/head/smalllogotype.png') no-repeat left;
}
.head .head-static .head-static-body .logo a {
    height: 33px;
    width: 250px;
    margin: 0;
    padding: 0;
    display: block;
}
.head .head-static .head-static-body .logo a span {
    display: none
}


/* --------------------------------------------------------- */

/* @file /site/css/head-main.css */ 

@CHARSET "UTF-8";

.head-main .fader, .head-main .activator, .head-main .canvas, .head-main .canvas .fader {
  height: 470px;
}
.head-main {
	height: 730px;
}

.head .widget-movies {
  margin: 464px 0 0 0;
  z-index: 2;
  padding-left: 370px;
}
.head .scroll-pane .ui-icon-scrollbar-left {
  left: 370px;
}
.head .widget-movies .timeline {
  left: 370px;
}

.head-main h1 {
  bottom: 265px;
  left: 390px;
  right: 0;
}

.head-main h1 a, .head-afisha h1 a {
  font: normal 50px Calibri, sans-serif;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}

.head-main .widget-schedule {
  height: 730px;
  clip: rect(0px, 370px, 730px, 30px);
}

.head-main a.activator, .head-afisha a.activator {
display: block;
width: 100%;
min-height: 100%;
position: absolute;
z-index: 6;
cursor: pointer;
}

.head-main a.disabled, .head-afisha a.disabled { display: none; }

.head .head-static { width: 100%; background: #202020 no-repeat center bottom; height: 33px; position: fixed; top: 0; z-index: 101; border-bottom: #454545 solid 1px; box-shadow: black 0 0 6px; overflow: hidden; }

.head .head-static a.prev, .head .head-static a.next { display: inline-block; height: 16px; margin: 9px 0 8px 0; width: 30px; background: transparent url('img/icons.png') no-repeat; }
.head .head-static a.prev { left: 0; background-position: center -140px; }
.head .head-static a.prev:hover { background-position: center -166px; cursor: pointer; }
.head .head-static a.next { right: 0;  background-position: center -192px; }
.head .head-static a.next:hover { background-position: center -218px; cursor: pointer; }
.head .head-static a.hidden { visibility: hidden; }
a.anchor { width: 0; height: 0; margin: 0; padding: 0; background: transparent; }

.head .head-static table { position: relative; margin: 0; width: 100%; }
.head .head-static table tbody, .head .head-static table tr, .head .head-static table td { background: transparent; margin: 0; padding: 0; height: 33px; vertical-align: top; white-space: nowrap; }

.head .head-static .paginator { width: 100%; }
.head .head-static .paginator ul, .head .head-static .paginator li { list-style: none; margin: 0; padding: 0; display: inline-block; color: #fff; text-transform: uppercase; cursor: default; }
.head .head-static .paginator a, .head .head-static .paginator span { text-decoration: none; display: inline-block; margin: 9px 0; width: 16px; height: 16px; text-align: center; }
.head .head-static .paginator span { color: #a2a2a2; }
.head .head-static .paginator .up { margin: 9px 28px; }
.head .head-static .paginator .pages { padding-right: 10px; }

.head .head-static .paginator a.selected { background: transparent url('img/ui/calendar.png') no-repeat right center; width: 22px; text-align: center; margin: 8px -3px 10px -3px; color: #fff; cursor: default; vertical-align: middle; }

.head-main .head-static .head-static-body { position: absolute; width: 100%; height: 100%; left: 0; background: transparent url('img/head/smalllogotype.png') no-repeat left; margin: 0; padding: 0; }
.head-main .head-static .head-static-body .logo a { height: 33px; width: 250px; margin: 0; padding: 0; display: block; }
.head-main .head-static .head-static-body .logo a span { display: none; }

.head-main .head-static h1 { position: inherit; margin: 5px 0 0 14px; }
.head-main .head-static h1 .title { display: block; font-size: 20px;}

.head-main .head-static h1 .stars { float: right; }
.head-main .head-static h1 .stars .star { margin-top: 4px; }

.head-main .head-static table td.next-button { width: 100%; min-width: 30px; text-align: right; }
.head-main .head-static table td.prev-button { width: 30px; text-align: left; display: block; }
.head-main .head-static td.small-clock { padding: 7px 0 0 14px; min-width: 76px; max-width: 80px; }
.head-main .head-static td.buttons  { padding: 6px 0 0 15px; }

.head-static table td.h1, .head-static table td.logo, .head-static table td.small-clock, .head-static table td.buttons { display: none; }

.head .head-static .top_menu_buttons {
    padding-left: 100px;
}
.top_menu_buttons .buttonset {
    float: left;
    margin-top: 6px;
    margin-right: 15px;
}

.top_menu_buttons .button span {
    padding-left: 14px !important;
    padding-right: 8px !important;
}

.sticker {
    position: absolute;
    top: 80px; /* depends on its height (200) and .memorandum-main {margin-top} */
    right: 30px;
    z-index: -1;
}

.film_of_the_day_sticker {
    margin-top: 280px;
    margin-left: 390px;
    width: 120px;
    height: 120px;
    background: url("img/ui/film_of_the_day.png");
    background-size: cover;
}

.memorandum-main {
    width: 320px;
    height: 100px;
    position: relative;
    float: right;
    margin-top: 300px;
    margin-right: 30px;
}
.mm-title {
    text-align: center;
    color: white;
    position: relative;
    top: -10px;
    font-size: 14px;
    font-family: Calibri, sans-serif;
}
.mm-bg {
    position: absolute;
    width: 100%;
    height: 100%;
}
.mm-bg-top {

    width: 100%;
    height: 10px;

}
.mm-bg-top-left {
    width: 121px;
    height: 10px;
    float: left;
    background: #f08815;
    box-shadow: #191c1f 4px 4px 5px 1px;
    border-radius: 3px 0 0 0;
}
.mm-bg-top-center {
    float: left;
    height: 10px;
    width: 78px;
    border-color: #f08815;
    border-left: 2px solid;
    border-right: 2px solid;
    border-bottom: 2px solid;
    margin: 0 -2px -2px -2px;
    border-radius: 0 0 7px 7px;
}
.mm-bg-top-right {
    width: 121px;
    height: 10px;
    float: right;
    background: #f08815;
    border-radius: 0 3px 0 0;
    box-shadow: #191c1f 4px 4px 5px 1px;
}
.mm-bg-bottom {
    height: 90px;
    width: 100%;
    box-shadow: #191c1f 4px 4px 5px 1px;
    position: relative;
    border-radius: 0 0 3px 3px;
    background: #f08815;
    background: -moz-linear-gradient(top, #f08815 0%, #eb7400 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #f08815), color-stop(100%, #eb7400));
    background: -webkit-linear-gradient(top, #f08815 0%, #eb7400 100%);
    background: -o-linear-gradient(top, #f08815 0%, #eb7400 100%);
    background: -ms-linear-gradient(top, #f08815 0%, #eb7400 100%);
    background: linear-gradient(to bottom, #f08815 0%, #eb7400 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b30f61', endColorstr='#7c1664', GradientType=0 );
}
.mm-content {
    height: 80px;
    padding: 0 10px;
    position: relative;
    color: white;
    text-align: left;
    font-size: 12px;
    font-family: Calibri, sans-serif;
    line-height: 20px;
}


/* --------------------------------------------------------- */

/* @file /site/css/clock.css */ 

@CHARSET "UTF-8";

.clock span {
  display: block;
  float: left;
  text-indent: -9999px;
  background: transparent url('img/digital/clock.png') no-repeat left top;
}

.ginger { text-align: center; }
.ginger span { background: url("img/digital/clock-ginger.png"); float: none; display: inline-block; }
.big-clock span { width: 24px; height: 38px; margin: 0 8px 0 0; } /* offset ~48px */
.big-clock .c-last { margin-right: 0; }
.big-clock .c-d { width: 5px; background-position: right -4px; margin-right: 6px; }
.big-clock .c-0 { background-position: left -52px; }
.big-clock .c-1 { background-position: left -99px; }
.schedule-left .big-clock .c-1 { background-position: -19px -99px; width: 4px; }
.big-clock .c-2 { background-position: left -147px; }
.big-clock .c-3 { background-position: left -195px; }
.big-clock .c-4 { background-position: left -242px; }
.big-clock .c-5 { background-position: left -290px; }
.big-clock .c-6 { background-position: left -338px; }
.big-clock .c-7 { background-position: left -386px; }
.big-clock .c-8 { background-position: left -433px; }
.big-clock .c-9 { background-position: left -481px; }

.small-clock span { width: 13px; height: 19px; margin: 0 2px 0 0; } /* offset ~48px */
.small-clock .c-last { margin-right: 0; }
.small-clock .c-d { width: 6px; background-position: right -526px; margin-right: 2px; }
.small-clock .c-0 { background-position: right -555px; }
.small-clock .c-1 { background-position: right -584px; }
.small-clock .c-2 { background-position: right -613px; }
.small-clock .c-3 { background-position: right -642px; }
.small-clock .c-4 { background-position: right -670px; }
.small-clock .c-5 { background-position: right -700px; }
.small-clock .c-6 { background-position: right -729px; }
.small-clock .c-7 { background-position: right -757px; }
.small-clock .c-8 { background-position: right -787px; }
.small-clock .c-9 { background-position: right -816px; }

/* --------------------------------------------------------- */

/* @file /site/css/menu.css */ 

@CHARSET "UTF-8";

.head > .menu { margin: 0; padding: 0; position: absolute; left: 50px; top: 25px; z-index: 100; height: 33px; -overflow: hidden; width: 1200px; display: block; }
.head > .menu > li { display: block; line-height: 33px; margin-bottom: 0; height: 33px; float: left; margin-left: 5px; margin-right: 16px; }
.head > .menu > li:first-child {
  margin-left: 0px;
  margin-right: 20px;
}
.head > .menu > li:first-child > a {
  display: block;
  background: transparent url('img/head/logotype.png') no-repeat center;
  height: 33px;
  width: 300px;
}
.head > .menu > li:first-child > a > span { display: none; }
.head > .menu > li > a { text-decoration: none; padding-left: 8px; }
.head > .menu > li > a > span { padding-right: 8px; }
.head > .menu > li > a,
.head > .menu > li > a > span { font-size: 15px; color: #fff; line-height: 19px; display: inline-block; height: 21px; }
.head > .menu > li a:hover,
.head > .menu > li a:hover span { text-decoration: underline; color: #f07c00; }
.head > .menu > li > a:hover > span,
.head > .menu > li > a.selected > span,
.head > .menu > li > a.selected { color: #f07c00; }

.head .menu li.academy, .head .menu li.kino { position: relative; }
.head .menu li.academy a,
.head .menu li.academy a span { background: transparent url('img/ui/academy.png') no-repeat left -21px; color: #fff; position: relative; z-index: 2; }
.head .menu li.academy.velikan a,
.head .menu li.academy.velikan a span { background-image: url('img/ui/velikan.png'); }
.head .menu li.academy a span { background-position: right 0; }
.head .menu li.academy a:hover span { text-decoration: none; }
.head .menu li.academy a:hover,
.head .menu li.academy a.selected { background-position: left -63px; }
.head .menu li.academy a:hover span,
.head .menu li.academy a.selected span { background-position: right -42px; }
.head .menu li.academy .date {display: block; margin: 5px 0 10px 0; }

.head .menu li.academy h3 { margin-bottom: 5px; }
.head .menu li.academy h3 a { background: transparent; font-size: 16px; height: auto; display: block; max-height: 6em; overflow: hidden; padding: 0; }
.head .menu li.academy h3 a:hover { color: #f07c00; }

.head .menu li.academy.velikan a:hover,
.head .menu li.academy.velikan a:hover span { color: white !important; }

.head .menu li.academy a.img { background: transparent; padding: 0; display: inline; }

.head .menu li.academy .academy-block { position: absolute; min-width: 155px; width: 510px; min-height: 125px; background: rgba(50, 50, 50, 0.8); border-radius: 4px; padding-left: 20px; left: -340px; box-shadow: 0 3px 10px rgba(0,0,0, 0.8); }
.head .menu li.academy .academy-block .annonce { width: 150px; margin: 15px 20px 0 0; float: left;}
.head .menu li.academy .hover { position: absolute; top: -4px; left: -15px; height: 37px; width: 182px; background: transparent url(img/ui/menu-academy.png) no-repeat left; z-index: 1; }
.head .menu li.academy .academy-block p { margin: 0; max-height: 5em; overflow: hidden; width: 150px; }
.-head-main .menu li.academy .academy-block p { max-height: 11em; }

.head > .menu > li.kino > .kino-block { position: absolute; min-width: 155px; width: 535px; min-height: 125px; background: rgba(50, 50, 50, 0.8); border-radius: 4px; /*padding-left: 20px;*/ left: -200px; box-shadow: 0 3px 10px rgba(0,0,0, 0.8); /*z-index: 101;*/ }
.head > .menu > li.kino > .kino-block > .annonce { width: 150px; margin: 15px 20px 0 0; float: left; }
.head > .menu > li.kino > .hover { position: absolute; top: -4px; left: -11px; height: 37px; width: 125px; background: transparent url(img/ui/menu-hover-kino.png) no-repeat left; z-index: 1; }
.head > .menu > li.kino > .kino-block > p { margin: 0; max-height: 5em; overflow: hidden; width: 150px; }
.head > .menu > li.kino > .kino-block span { color: white; }
.head > .menu > li.kino > .kino-block > .content { max-height: 250px; overflow-y: auto; margin: 20px; }

.-head-main .menu li.kino .kino-block p { max-height: 11em; }

.head > .menu > li.kino > a,
.head > .menu > li.kino > a > span { /*background: transparent url('img/ui/academy.png') no-repeat left -21px;*/ /*color: #fff;*/ position: relative; z-index: 2; }
/*.head .menu li.kino a span { background-position: right 0; }
.head .menu li.kino a:hover span { *//*text-decoration: none;*//* }
.head .menu li.kino a:hover,
.head .menu li.kino a:hover span,
.head .menu li.kino a.selected span { background-position: right -42px; }*/

.head .menu li.kino a.selected span.title { color: white !important;  }

.head .menu li.academy .academy-block, .head .menu li.academy .hover { display: none; }
.head .menu li.kino .kino-block, .head .menu li.kino .hover { display: none; }

.head .menu li.academy.hover .academy-block, .head .menu li.academy.hover .hover { display: block; }
.head .menu li.kino.hover .kino-block, .head .menu li.kino.hover .hover { display: block; }



.head .user-menu { margin: 0; padding: 0; position: absolute; left: 50px; top: 75px; z-index: 50; }
.head .user-menu li { display: block; margin-bottom: 0; float: left; }
.head .user-menu li a { text-decoration: none; color: #a2a2a2; font-size: 12px; margin-left: 12px; line-height: 18px; }
.head .user-menu li a.profile { width: 58px; display: block; }
.head .user-menu li a:hover { text-decoration: none; color: #fff; }
.head .user-menu li.business { margin-left: 28px; }
.head .user-menu li.business a { background: transparent url('img/icons.png') no-repeat 0px -882px; padding-left: 18px; }
.head .user-menu li.business a:hover { background-position: 0px -898px; }


/* --------------------------------------------------------- */

/* @file /site/css/breadcrumbs.css */ 

@CHARSET "UTF-8";

.breadcrumbs {
  padding: 0;
  margin: 0 0 16px 0;
}
.breadcrumbs li { 
  display: inline; 
  background: transparent url('img/ui/ui-icon-triangle-1-e.png') no-repeat right;
  text-transform: uppercase;
  padding-right: 16px;
  padding-left: 0px;
  white-space: nowrap;
  position: relative;
}
.breadcrumbs li.last {
  background: none;
  padding-right: 0;
}
.breadcrumbs li a { text-decoration: none; }
.breadcrumbs li a:hover { text-decoration: underline; }

.breadcrumbs li a span { color: #6b6e6e; text-transform: none; }
.breadcrumbs li a:hover span { color: #83521f; }

.breadcrumbs li:hover .breadcrumbs-alt,
.breadcrumbs li.hover .breadcrumbs-alt { display: block; }

.breadcrumbs .breadcrumbs-alt { 
  position: absolute; z-index: 1;
  top: -11px; left: -22px;
  display: none;
}
.breadcrumbs .breadcrumbs-alt li {
  display: block;
  background: none;
}

.breadcrumbs .breadcrumbs-alt,
.breadcrumbs .breadcrumbs-alt ul,
.breadcrumbs .breadcrumbs-alt li { margin: 0px; padding: 0px; }
.breadcrumbs .breadcrumbs-alt ul { margin-bottom: 6px; }
.breadcrumbs .breadcrumbs-alt a:hover { text-decoration: none; }



/* -------------------------- */

.body-news .breadcrumbs { display: none; }
.body-news .float-width .breadcrumbs { display: block; }

.body-polls .breadcrumbs { display: none; }
.body-polls .float-width .breadcrumbs { display: block; }

.body-offers .breadcrumbs { display: none; }
.body-offers .float-width .breadcrumbs { display: block; }

.body-events .breadcrumbs { display: none; }
.body-events .float-width .breadcrumbs { display: block; }


/* --------------------------------------------------------- */

/* @file /site/css/columns.css */ 

@CHARSET "UTF-8";

.body-columns-3 {
  margin: 0;
}
.body-columns-3 .body {
  margin: 0 30px;
}
.body-columns-3 .body .color-shadow,
.body-columns-3 .body .color-fader {
  margin-left: -30px;
  margin-right: -30px;
}

.body div.column {
  display: block;
  position: absolute;
  height: 100%;
}

.body .body .fixed-width {
  position: relative;
  height: auto;
  display: inline-block;
  float: left;
}

.body .column-left {
  width: 340px;
  left: 50px;
}
.body .column-right {
  width: 220px;
  right: 50px;
}

.body .body .float-width {
  margin-left: 380px;
  margin-right: 260px;
  position: static;
  display: block;
  float: none;
  min-width: 200px;
  height: auto;
}

.body .body .float-width .float-height { float: left; width: 100%; }

.body .body .column-left {
  left: 0;
}
.body .body .column-right {
  right: 0;
  float: right;
}

.body-columns-2 .body .float-width {
  margin: 0px;
  width: auto;
}
.body-columns-2 .body .column-left {
  margin-right: 360px;
  float: left;
}
.body-columns-2 .body .column-right {
  margin-left: 360px;
  float: right;
  position: relative;
}
.body-columns-2 .body .fixed-width {
  margin: 0;
  width: 320px;
}

.body-columns-2 .body .fixed-width-short { width: 220px; }

.body-columns-2 .body .float-width-wide { margin-right: 260px; }

.body-columns-2 .body .float-width {
  float: none;
}


.body-columns-2 .body .column-right .offers-block .offer {
  width: 320px;
  float: none;
  padding-right: 0;
}

/* --------------------------------------------------------- */

/* @file /site/css/form.css */ 

@CHARSET "UTF-8";

form { margin: 16px 0 32px 0; }
.user-form form { margin: 16px 0 8px 0; }

form dl.column {
  width: 50%;
  float: left;
}

form label,
form samp,
form input,
form select,
form option,
form textarea { font: normal 13px/16px Calibri, sans-serif; color: #a2a2a2; }
form samp { display: block; font-size: smaller; } 

form dl dt label { color: #fff; }
form label em { color: #f07c00; }

form input[type=radio],
form input[type=checkbox] { vertical-align: 0; }

form dt { padding-bottom: 6px; }
form dd { padding-bottom: 20px; }

form input,
form select,
form textarea { background: #383838; border: 1px solid #757575; padding: 4px; border-radius: 3px; }
form input,
form textarea { width: 272px; }
form select { width: 292px; }
form select[required] { width: 292px; border-left: 4px solid #f07c00; }

form textarea[required],
form input[required] {
  border-left: 1px solid #f07c00;
  width: 271px;
}

form.cms-form input:not([name="captcha"]), form.cms-form textarea { width: 310px; }
form.cms-form label span em { margin: 12px 0; display: block; }
form.cms-form .description { font-size: 14px; margin-bottom: 1em; }

form .ui-selectmenu-required {
  border-left: 4px solid #f07c00;
}

form input[type=radio],
form input[type=checkbox] { width: auto; border: none; background: none; }

.buttons-right { text-align: right; }
.buttons-center { text-align: center; }
form .buttons a {
  color: #a2a2a2;
}

dl.checkbox,
dl.radio { margin-top: -6px; }
dl.checkbox dt,
dl.radio dt { margin: 0; padding: 6px 0 0 0; height: 18px; }
dl.checkbox dd,
dl.radio dd { margin-left: 20px; margin-top: -18px; margin-bottom: 0; padding: 0; }
dl.checkbox dd label,
dl.radio dd label { cursor: pointer; }
dl.checkbox dd label:hover,
dl.radio dd label:hover { color: #f07c00; }

form .buttons-right button {
  margin: 0 0 0 4px;
}

.lights-off .user-form { 
  position: absolute;
  background-color: #333;
  padding: 0 28px;
  width: 280px;
  left: 50%;
  margin: 0 0 0 -168px;
  top: 140px;
  box-shadow: 0 0 90px rgba(255, 255, 255, 0.8);
  border-radius: 4px;
}
.lights-off #ask-for-geo {
  width: 350px;
  padding: 0 30px;
  margin-left: -175px;
  background-image: url('img/country-map.png');
  background-position: center;
}

.lights-off .ajax-profile { width: 604px; margin-left: -330px; }
.lights-off .user-form table.h { margin: 6px 0 18px 0; }
.lights-off .user-form a.close { display: block; position: absolute; background: transparent url(img/icons.png) no-repeat left -689px; right: 11px; top: 9px; width: 10px; height: 10px; cursor: pointer; }
.lights-off .user-form a.close:hover { background-position-y: -709px; }
.lights-off .user-form .close span { display: none; }
.lights-off .user-form form .buttons { text-align: right; }
.lights-off .user-form p.reply { margin: -42px 0 34px 0; }
.lights-off .ajax-profile p.reply { text-align: left; width: 170px; margin: -22px 0 0 0; }
.lights-off .ajax-register p.info { margin: 0; }
.lights-off .ajax-register p.warning { width: 198px; }
.lights-off .ajax-activation p.reply { margin: 0 0 15px 0; }

.ajax-profile form { display: block; float: left; margin-top: 0; margin-right: 40px; }
.ajax-profile form.last { margin-right: 0; }

/* --------------------------------------------------------- */

/* @file /site/css/buttons.css */ 

@CHARSET "UTF-8";

a.button,
button {
  font: normal 14px/28px Calibri, sans-serif; color: #fff;
  display: inline-block;
  height: 28px;
  border: none;
  margin: 0 4px 0 0;
  padding: 0 6px 0 0;
  background: transparent url('img/ui/button.png') no-repeat right -28px;
  overflow: visible;
  position: relative;
  cursor: pointer;
}
button::-moz-focus-inner {
  border: 0 none;
  padding: 0;
}
a.button span,
button span {
  color: #fff;
  display: inline-block;
  height: 28px;
  background: transparent url('img/ui/button.png') no-repeat left 0;
  padding-left: 6px;
}
a.button.inactive,
button.inactive,
a.button.inactive span,
button.inactive span {
  background-image: url('img/ui/button-disabled.png');
  color: #b8b8b8;
  cursor: default;
}

.buttonset a.button,
.buttonset button {
  height: 40px;
  background: transparent url('img/ui/buttonset.png') no-repeat right -150px;
  padding-right: 10px;
  font: normal 12px/38px Calibri, sans-serif;
  text-transform: uppercase;
  margin: 0;
}
.buttonset a.button:hover,
.buttonset button:hover {
  background-position: right -350px;
}
.buttonset a.button span,
.buttonset button span {
  height: 40px;
  background: transparent url('img/ui/buttonset.png') no-repeat left -50px;
  padding-left: 32px;
  padding-right: 20px;
}
.buttonset a.button:hover span,
.buttonset button:hover span {
  background-position: right -250px;
}
.buttonset a.button.left span,
.buttonset button.left span {
  background-position: left 0;
}
.buttonset a.button.left:hover span,
.buttonset button.left:hover span {
  background-position: left -200px;
}
.buttonset a.button.right,
.buttonset button.right {
  background-position: right -100px;
}
.buttonset a.button.right:hover,
.buttonset button.right:hover {
  background-position: right -300px;
}
.buttonset-reflex a.button,
.buttonset-reflex a.button span,
.buttonset-reflex button,
.buttonset-reflex button span {
  height: 47px;
}
/* inactive */
.buttonset .inactive,
.buttonset .inactive span { background-image: url("img/ui/buttonset-disabled.png") !important; }
.buttonset .inactive { background-position: right -150px !important; }
.buttonset .inactive span { background-position: right -50px !important; }
.buttonset .inactive.left span { background-position: left 0 !important; }
.buttonset .inactive.right { background-position: right -100px !important; }


.buttonset-small a.button,
.buttonset-small button {
  height: 22px;
  background: transparent url('img/ui/buttonset-small.png') no-repeat right -75px;
  padding-right: 6px;
  font: normal 11px/22px Calibri, sans-serif;
  margin: 0;
}
.buttonset-small a.button:hover,
.buttonset-small button:hover {
  background-position: right -175px;
}
.buttonset-small a.button span,
.buttonset-small button span {
  height: 22px;
  background: transparent url('img/ui/buttonset-small.png') no-repeat left -25px;
  padding-left: 6px;
  padding-right: 0;
}

.buttonset-small a.button:hover span,
.buttonset-small button:hover span {
  background-position: right -125px;
}
.buttonset-small a.button.left span,
.buttonset-small button.left span {
  background-position: left 0;
}
.buttonset-small a.button.left:hover span,
.buttonset-small button.left:hover span {
  background-position: left -100px;
}
.buttonset-small a.button.right,
.buttonset-small button.right {
  background-position: right -50px;
}
.buttonset-small a.button.right:hover,
.buttonset-small button.right:hover {
  background-position: right -150px;
}

.buttonset-small .inactive,
.buttonset-small .inactive span { background-image: url("img/ui/buttonset-small-disabled.png") !important; }
.buttonset-small .inactive { background-position: right -75px !important; }
.buttonset-small .inactive span { background-position: right -25px !important; }
.buttonset-small .inactive.left span { background-position: left 0 !important; }
.buttonset-small .inactive.right { background-position: right -50px !important; }


.buttonset-smallest a.button,
.buttonset-smallest button {
  height: 19px;
  background: transparent url('img/ui/buttonset-smallest.png') no-repeat right -60px;
  padding-right: 4px;
  font: normal 12px/19px Calibri, sans-serif;
  margin: 0;
}
.buttonset-smallest a.button:hover,
.buttonset-smallest button:hover {
  background-position: right -140px;
}
.buttonset-smallest a.button span,
.buttonset-smallest button span {
  height: 19px;
  background: transparent url('img/ui/buttonset-smallest.png') no-repeat left -20px;
  padding-left: 4px;
  padding-right: 0;
}

.head-static .buttonset-smallest a.button span { font-size: 11px; }

.buttonset-smallest a.button:hover span,
.buttonset-smallest button:hover span {
  background-position: right -100px;
}
.buttonset-smallest a.button.left span,
.buttonset-smallest button.left span {
  background-position: left 0;
}
.buttonset-smallest a.button.left:hover span,
.buttonset-smallest button.left:hover span {
  background-position: left -80px;
}
.buttonset-smallest a.button.right,
.buttonset-smallest button.right {
  background-position: right -40px;
}
.buttonset-smallest a.button.right:hover,
.buttonset-smallest button.right:hover {
  background-position: right -120px;
}
/* inactive */
.buttonset-smallest .inactive,
.buttonset-smallest .inactive span { background-image: url("img/ui/buttonset-smallest-disabled.png") !important; }
.buttonset-smallest .inactive { background-position: right -160px !important; }
.buttonset-smallest .inactive span { background-position: left -20px !important; }
.buttonset-smallest .inactive.left span { background-position: left 0 !important; }
.buttonset-smallest .inactive.right { background-position: right -40px !important; }
.buttonset-smallest a.left.inactive {
    background-position: right -60px !important;
}

.buttonset-smallest span span span { display: none; }
.buttonset-smallest span.ui-icon {
  width: 10px!important;
  height: 10px!important;
  background: transparent url('img/icons.png') no-repeat left!important;
  padding: 0!important;
}
.buttonset-smallest span.ui-icon-buy { background-position: 0px -1041px!important; }
.buttonset-smallest button:hover span.ui-icon-buy,
.buttonset-smallest a.button:hover span.ui-icon-buy { background-position: 0px -1020px!important; }
.buttonset-smallest span.ui-icon-lock { background-position: -1px -1031px!important; }
.buttonset-smallest button:hover span.ui-icon-lock,
.buttonset-smallest a.button:hover span.ui-icon-lock { background-position: -1px -1010px!important; }

.buttonset .inactive,
.buttonset-small .inactive,
.buttonset-smallest .inactive,
.buttonset .inactive span,
.buttonset-small .inactive span,
.buttonset-smallest .inactive span {
  cursor: default !important;
  color: #b8b8b8 !important;
}

.buttonset a, .buttonset button {
  outline: none !important;
}

.buttonset-smallest .inactive.left span.ui-icon-buy {
    background-position: 0px -1020px!important;
}
.buttonset-smallest a.left.inactive {
    background-position: right -60px !important;
}

a.button-refund {
  text-transform: uppercase;
  color: #FC1004;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  display: block;
  line-height: 20px;
  margin-top: 10px;
  margin-left: 115px;
  text-align: left;
  -webkit-transition: color 0.15s;
  -moz-transition: color 0.15s;
  -ms-transition: color 0.15s;
  -o-transition: color 0.15s;
  transition: color 0.15s;
}


/* --------------------------------------------------------- */

/* @file /site/css/tabs.css */ 

@CHARSET "UTF-8";

.tabs { padding: 0; border-bottom: 1px solid #3f3f3f; margin-bottom: 16px; min-height: 21px; }
.tabs li { display: inline-block; line-height: 21px; margin-bottom: -1px; height: 21px; }
.tabs li:first-child { margin-left: -4px; }
.tabs li a { text-decoration: none; padding-left: 8px; }
.tabs li a span { padding-right: 8px; }
.tabs li a,
.tabs li a span { font-size: 12px; color: #6b6e6e; line-height: 21px; display: inline-block; height: 21px; }
.tabs li a span em { color: #fff; }
.tabs li a:hover span { text-decoration: none; }
.tabs li a:hover,
.tabs li a.selected { background: transparent url('img/ui/tabs.png') no-repeat left -21px; }
.tabs li a:hover span,
.tabs li a.selected span { background: transparent url('img/ui/tabs.png') no-repeat right -0px; color: #333333; }
.tabs li a:hover span em,
.tabs li a.selected span em { color: #fff; }
.tabs li.info { float: right; color: #6b6e6e; }

.schedule #cinemas-no-tabs { margin-bottom: -20px; }

/* --------------------------------------------------------- */

/* @file /site/css/bullet.css */ 

@CHARSET "UTF-8";

ul.bullet { margin: 0 0 16px 0; padding: 0; text-align: center; }
ul.bullet li { padding: 0 0 0 0; margin: 0 0 10px 0; text-align: left; }
ul.bullet img { vertical-align: middle; margin-right: 10px; }
ul.bullet a { color: #f07c00; text-decoration: none; line-height: 32px; padding-left: 2px; }
ul.bullet a:hover { color: #fff; }
ul.bullet a:hover img { opacity: .7; }

ul.bullet li,
ul.bullet i,
ul.bullet a,
ul.bullet a span { display: inline-block; height: 34px; }
ul.bullet li { display: block; overflow: hidden; }

ul.bullet a,
ul.bullet a span { background: transparent url('img/ui/bullet-bg.png') no-repeat left top; }
ul.bullet a span { background-position: right top; width: 6px; margin-right: -6px; }
ul.bullet a:hover { background-position: left bottom; }
ul.bullet a:hover span { background-position: right bottom; }

ul.bullet a.selected { background-position: left center; color: #FFF; cursor: default; }
ul.bullet a.selected span { background-position: right center; }

ul.bullet i { width: 34px; background-position: center; background-repeat: no-repeat; vertical-align: top; background-image: url('img/bullet-default.png'); }

ul.bullet-row { margin-bottom: 0; }
ul.bullet-inline li { width: 175px; display: inline-block; }


div.bullet {
    margin: 0 0 16px 0;
    padding: 0;
    text-align: center;
}
div.bullet .icon { padding: 0 0 0 0; margin: 0 0 10px 0; text-align: left; }
div.bullet img { vertical-align: middle; margin-right: 10px; }
div.bullet a { padding-left: 3px !important; color: #f07c00; text-decoration: none; line-height: 32px !important; height: 34px !important; font-size: 13px !important; }
div.bullet .icon a span { color: #f07c00 !important; }
div.bullet a:hover, div.bullet a:hover span { text-decoration: none !important; color: white !important; }
div.bullet a:hover img { opacity: .7; }

div.bullet .icon,
div.bullet i,
div.bullet a,
div.bullet span.end-icon { display: inline-block; height: 34px; }
div.bullet .icon { display: block; }

div.bullet .icon {
    width: 165px;

}
div.bullet span.title {
    /*display: inline-block;*/
    display: -moz-box;
    max-width: 105px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

div.bullet a,
div.bullet span.end-icon { background: transparent url('img/ui/bullet-bg.png') left bottom no-repeat; }
div.bullet span.end-icon { background-position: right bottom; width: 6px; margin-right: -6px; }
div.bullet a:hover { background-position: left center; }
div.bullet a:hover span.end-icon { background-position: right center; }

div.bullet a.selected { background-position: left center; color: #FFF; cursor: default; }
div.bullet a.selected span.end-icon { background-position: right center; }

div.bullet i { width: 34px; background-position: center; background-repeat: no-repeat; vertical-align: top; background-image: url('img/bullet-default.png'); }

div.bullet { margin-bottom: 0; }
div.bullet .icon { width: 165px; display: inline-block; float: left; }

/* --------------------------------------------------------- */

/* @file /site/css/date.css */ 

@CHARSET "UTF-8";

.date { display: inline-block; height: 18px; font: normal 11px/19px Calibri, sans-serif; white-space: nowrap;}
.date { background: transparent url('img/ui/date.png') no-repeat left -18px; padding-left: 20px; }
.date span { background: transparent url('img/ui/date.png') no-repeat right -0px; color: #9b9b9b; display: inline-block; height: 18px; padding: 0 6px 0 2px; text-transform: lowercase; }
a.date:hover span { text-decoration: none; }
a.date:hover { background-position: left -118px; }
a.date:hover span { background-position: right -100px; color: #9b9b9b; }
a.date:hover span em { color: #ffffff; }

.time { display: inline-block; height: 18px; font: normal 11px/19px Calibri, sans-serif; }
.time { background: transparent url('img/ui/date.png') no-repeat left -54px; padding-left: 20px; }
.time span { background: transparent url('img/ui/date.png') no-repeat right -0px; color: #9b9b9b; display: inline-block; height: 18px; padding: 0 6px 0 2px; }
.comment-hover .time { background-position: left -208px; }
.comment-hover .time span { background-position: right -226px; color: #9b9b9b; text-decoration: none; }
a.time:hover, .comment-active .time { background-position: left -154px; }
a.time:hover span, .comment-active .time span { background-position: right -190px; color: #9b9b9b; text-decoration: none; }
a.time:hover span em { color: #ffffff; }

/* --------------------------------------------------------- */

/* @file /site/css/cinema.css */ 

@CHARSET "UTF-8";

.cinema { display: inline-block; height: 18px; font: normal 11px/19px Calibri, sans-serif; }
.cinema { background: transparent url('img/ui/date.png') no-repeat left -36px; padding-left: 20px; }
.cinema span { background: transparent url('img/ui/date.png') no-repeat right -0px; color: #5e5e5e; display: inline-block; height: 18px; padding: 0 6px 0 2px; }
.cinema span em { color: #9b9b9b; }
a.cinema:hover span { text-decoration: none; }
a.cinema:hover { background-position: left -136px; }
a.cinema:hover span { background-position: right -100px; color: #9b9b9b; }
a.cinema:hover span em { color: #ffffff; }

.anchor { display: inline-block; height: 18px; font: normal 11px/19px Calibri, sans-serif; }
.anchor { background: transparent url('img/ui/date.png') no-repeat left -72px; padding-left: 20px; }
.anchor span { background: transparent url('img/ui/date.png') no-repeat right -0px; color: #5e5e5e; display: inline-block; height: 18px; padding: 0 6px 0 2px; }
.anchor span em { color: #9b9b9b; }
a.anchor:hover span { text-decoration: none; }
a.anchor:hover { background-position: left -172px; }
a.anchor:hover span { background-position: right -100px; color: #9b9b9b; }
a.anchor:hover span em { color: #ffffff; }

.cinema-info td.details { padding-right: 0; }

.info-blocks td.placeholder { padding: 0; width: 100%; }

.cinema-info table.details tr td:last-child { padding-right: 0; }
.cinema-info table.details tr td .name { margin: 0 0 4px 0; }
.cinema-info table.details tr td .value { color: #fff; margin: 0 0 16px 0; }

.adaptive-fill-list { overflow: hidden; height: 350px; position: relative; margin-bottom: 15px; }
.adaptive-fill-list .adaptive-fill-item { min-width: 520px; float: left; height: 350px; margin-right: 20px; }

ul.adaptive-fill-menu, ul.adaptive-fill-menu li { display: inline-block; }
ul.adaptive-fill-menu {position: absolute; right: 0; top: -44px; }

ul.adaptive-fill-menu li a { display: block; cursor: pointer; background: transparent url('img/ui/tab-button.png') no-repeat right -20px; height: 20px; color: #9b9b9b; margin-left: 5px; }
ul.adaptive-fill-menu li a span { display: block; cursor: pointer; background: transparent url('img/ui/tab-button.png') no-repeat left 0px; margin-right: 5px; padding: 1px 0 2px 5px;  height: 20px; }

ul.adaptive-fill-menu li a:hover { color: #fff; background-position: right -60px;}
ul.adaptive-fill-menu li a:hover span { color: #fff; background-position: left -40px; }

ul.adaptive-fill-menu li a.selected { color: #fff; background-position: right -100px; cursor: default; }
ul.adaptive-fill-menu li a.selected span { color: #fff; background-position: left -80px; }

/* --------------------------------------------------------- */

/* @file /site/css/hall.css */ 

@CHARSET "UTF-8";

.level-plan {
  position: relative;
  margin: 33px -50px 23px -50px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  
}
.hall-plan {
  margin: 0 auto;
  position: relative;
  font: normal 12px Calibri, sans-serif;
}

.hall-plan .row { position: absolute; color: #6b6e6e; width: 40px; z-index: 2; }
.hall-plan .left-row { left: -40px; text-align: left; }
.hall-plan .right-row { right: -40px; text-align: right; }
.level-plan .wide-row { position: absolute; left: 0px; right: 0px; width: auto; z-index: 1;  }
.hall-plan .row.hover { color: #fff; }
.level-plan .wide-row.hover { background-color: #3c3c3c; }

.level-plan.first h5 { display: none; }
.level-plan h5 { position: absolute; top: -16px; width: 100%; }

.hall-plan .place { 
  position: absolute; text-align: center;
  z-index: 2; 
  color: #333;
}
.hall-plan .place.selected {
  color: #fff;
}

.hall-plan .place span {
  
}

.hall-plan .place { cursor: pointer; }
.hall-plan .place.busy, .hall-plan .place.static { cursor: default; }
.hall-plan .place a { font-size: 12px; line-height: inherit; color: inherit; display: none; position: relative; }
.hall-plan .place.selected a,
.hall-plan .place.hover a { display: inline; }

.places-legend { height: 27px; text-align: center; margin-bottom: 40px; margin-top: 15px; }
.places-legend dt { width: 32px; height: 27px; display: inline-block; vertical-align: top; }
.places-legend dd { margin-right: 20px; color: #a2a2a2; font: normal 12px/27px Calibri, sans-serif; display: inline-block; }

.places-legend .place { position: relative; }

.places-legend .place .ll,
.places-legend .place .rr,
.hall-plan .place .ll,
.hall-plan .place .rr {
  position: absolute;
  height: 100%;
  top: 0px;
  background: transparent url('img/ui/place-outline.png') no-repeat center;
}
.places-legend .place .ll,
.hall-plan .place .ll { left: 0px;  background-position: left;  width: 100%; margin-right: 10px; }
.places-legend .place .rr,
.hall-plan .place .rr { right: 0px; background-position: right; width: 10px; }
.hall-plan .place.hover .ll,
.hall-plan .place.hover .rr { background-image: url('img/ui/place-outline-hover.png'); }
.places-legend .place .bb { display: block; height: 27px; background-color: #d77207; }
.hall-plan .place .ss,
.hall-plan .place .bb { position: absolute; height: 100%; width: 100%; left: 0px; top: 0px; }
.hall-plan .busy .bb, .places-legend .busy .bb { opacity: 0.3; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); }

.hall-plan .place .ss { display: none; background-color: #d77207; }
.hall-plan .place .bb { display: block; }
.hall-plan .place.selected .ss { display: block; }
.hall-plan .place.selected .bb { display: none; }

.screen {
  position: relative;
  background: transparent url('img/screen/screen.png') no-repeat top;
  height: 45px;
}
.screen .screen-light {
  position: absolute;
  top: 1px;
  width: 100%;
  height: 349px;
  background: transparent url('img/screen/screen-glow.jpg') no-repeat top;
  z-index: -1;
}
.screen .screen-fader {
  position: absolute;
  top: 1px;
  height: 32px;
  background: transparent url('img/screen/screen_fader.png') repeat-x top;
  left: -50px;
  right: -50px;
}

form.reservation {
  width: 600px;
  margin: 0 auto;
}

form.reservation .left-wing {
  width: 415px;
  float: left;
  text-align: right;
}
form.reservation .right-wing {
  width: 185px;
  float: right;
  text-align: center;
}

form.reservation dt,
form.reservation dd { text-align: left; width: 330px; float: right; padding-right: 15px; }
form.reservation input { width: 310px; }
form .captcha img { vertical-align: middle; margin-right: 10px; }
form .captcha input { width: 220px; }
form.reservation .buttons { width: 348px; float: left; padding-left: 70px; }
form.reservation .clear { min-height: 45px }

.body-reservation .message { text-align: center; margin-bottom: 25px; }
.body-reservation .message .attention { max-width: 355px; }
.body-reservation .message .attention em { font-weight: bold; }

.disabled { display: none; }

/* --------------------------------------------------------- */

/* @file /site/css/widget-scroll.css */ 

@CHARSET "UTF-8";

.widget-movies-scrolled {
  height: 260px;
  background: transparent url('img/head/widget-movies-bg.png') repeat-x top;
  position: relative;
  margin: 0 -50px;
  padding-top: 6px;
}

.widget-movies .scroll {
  height: 260px;
  overflow: auto;
}

.widget-movies table.h4 {
  margin-bottom: -16px;
}

.widget-movies .movie {
  float: left;
  width: 123px;
  height: 240px;
  position: relative;
}
.widget-movies-scrolled .first {
  width: 144px;
  background: transparent url('img/head/scroll-zone-border.png') no-repeat left; 
}
.widget-movies-scrolled .now-playing {
 background: transparent; 
}
.widget-movies-scrolled .last {
  width: 113px;
}
.widget-movies .timeline { 
  position: absolute; 
  left: 0px;
  width: 100%;
  height: 30px;
  overflow: hidden;
}
.widget-movies .timeline label {
  position: absolute;
  top: 6px;
  left: 0px;
  text-transform: uppercase;
  font: normal 12px Calibri, sans-serif;
  color: #ffffff;
  display: none;
}
.widget-movies .movie a {
  position: absolute;
  top: 55px;
  left: 0px;
  text-decoration: none;
  outline: none;
}
.widget-movies .movie a img {
  background: #333333;
  padding: 1px;
  border: 1px solid #858585;
  width: 89px;
  height: 127px;
}
.widget-movies .now-playing a img,
.now-playing img {
  border: 1px solid #f07c00;
  padding: 1px;
}
.widget-movies a.selected img { opacity: .7; }
.movie a:hover img { opacity: .7; }

.widget-movies .movie a p {
  margin-top: 3px;
  left: 0px;
  font: normal 12px/14px Calibri, sans-serif;
  color: #a2a2a2;
  width: 110px;
}
.movie a:hover p { color: #fff; }

.-widget-movies .movie p {
  position: absolute;
  top: 185px;
  left: 0px;
  font: normal 12px/14px Calibri, sans-serif;
  color: #a2a2a2;
  width: 100px;
}
.widget-movies .movie span.date {
  position: absolute;
  top: 30px;
  left: -3px;
}
.widget-movies-scrolled .first a,
.widget-movies-scrolled .first p {
  left: 20px;
}
.widget-movies-scrolled .first span.date {
  left: 17px;
}

.scroll-pane { overflow: auto; width: 100%; float:left; }
.scroll-content { float: left; position: relative; }
.scroll-bar-wrap { 
  clear: left; height: 18px; padding: 0; background: #292929 url('img/icons.png') repeat-x 0px -841px;
  position: relative;
  margin: 0 18px;
}
.scroll-pane .ui-icon-scrollbar {
  position: absolute;
  top: 247px;
  width: 18px; 
  height: 18px;
  background: transparent url('img/icons.png') no-repeat 0px -761px; 
  cursor: pointer;
}
.widget-movies-scrolled .scroll-pane .ui-icon-scrollbar { top: 248px; outline: none; }
.scroll-pane .ui-icon-scrollbar-left {
  left: 0px;
  background-position: 0px -761px; 
}
.scroll-pane .ui-icon-scrollbar-right {
  right: 0px;
  background-position: 0px -781px; 
}
.scroll-pane .ui-icon-scrollbar-left.ui-state-hover {
  background-position: 0px -801px; 
  border: none;
}
.scroll-pane .ui-icon-scrollbar-right.ui-state-hover {
  background-position: 0px -821px;
  border: none; 
}

.scroll-bar-wrap .ui-slider { border: 0; height: 18px; margin: 0 auto; border-radius: 0; background: none; }
.scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%; margin: 0 auto; }
.scroll-bar-wrap .ui-slider-horizontal .ui-slider-handle { 
  top: 2px; height: 16px; 
  background: transparent url('img/icons.png') repeat-x 0px -861px;
  border: none;
  outline: none;
}
.scroll-bar-wrap .ui-slider-handle .ui-icon { 
  margin: -8px auto 0; position: relative; top: 50%; 
  background: transparent url('img/icons.png') no-repeat 5px -284px;
}

.scroll-bar-wrap .ui-slider .ui-state-hover,
.scroll-bar-wrap .ui-slider .ui-state-active,
.scroll-bar-wrap .ui-slider .ui-state-focus { border-width: 0px!important; }

.scroll-bar-wrap .ui-slider-handle .ui-icon-scrollbar-left-border {
  position: absolute;
  left: -2px;
  background: transparent url('img/icons.png') no-repeat 0px -724px;
}
.scroll-bar-wrap .ui-slider-handle .ui-icon-scrollbar-right-border {
  position: absolute;
  right: -2px;
  background: transparent url('img/icons.png') no-repeat 0px -743px;
}

/* --------------------------------------------------------- */

/* @file /site/css/widget-schedule.css */ 

@CHARSET "UTF-8";

.widget-schedule {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
  width: 100%;
  height: 730px;
  clip: rect(0px, 370px, 730px, 30px);
}

.head-main .widget-schedule .canvas, .head-main .widget-schedule .canvas .fader {
  height: 1000px;
}
.head .widget-schedule .fader-bottom {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 4;
  width: 100%;
  height: 100%;
  background: transparent url('img/head/fader-bottom-blur.png') repeat-x bottom;
}
.head .widget-schedule .canvas .fader {
  background: #1F1F1F;
}
.head .widget-schedule .canvas .right .fader .fader {
  left: -101px;
  background: transparent url('img/head/fader-right-blur.png') repeat-y left;
}
.head .widget-schedule .canvas .left .fader .fader {
  right: -101px;
  background: transparent url('img/head/fader-left-blur.png') repeat-y left;
}

.widget-schedule .content, .widget-schedule .annonce {
  position: absolute;
  top: 125px;
  left: 50px;
  z-index: 101;
  width: 300px;
}

.widget-schedule p {
  color: #fff;
}

.widget-schedule .schedule .left-wing { text-align: center; width: 135px; float: left; }
.schedule big {
  font: 50px Calibri, sans-serif;
  color: #fff;
  display: block;
  height: 38px;
  margin-bottom: 4px;
}
.schedule-left .schedule big { margin-bottom: 8px; }
.schedule a.where {
  color: #6a6e6e;
  text-decoration: none;
  font: 12px/15px Calibri,sans-serif;
  display: block;
  height: 15px;
  text-transform: uppercase;
  margin-top: -2px;
  margin-bottom: 10px;
}
.schedule a.where:hover { color: #fff; }
.schedule a.where span { color: #fff; }
.schedule .price {
  font: 12px/12px Calibri,sans-serif;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  height: 12px;
  background: transparent url('img/icons.png') no-repeat 0px -266px;
  padding-left: 16px;
  margin-top: 6px;
}
.-schedule a.price:hover { background-position: 0px -266px;  color: #fff; }
.schedule .time {
  color: #6a6e6e;
  text-decoration: none;
  font: 12px/12px Calibri,sans-serif;
  display: inline-block;
  height: 12px;
  background: transparent url('img/icons.png') no-repeat 0px -667px;
  padding-left: 16px;
}
.widget-schedule .schedule .right-wing { float: right; width: 172px; margin-right: -10px; margin-top: -6px; }
.widget-schedule .schedule ul { padding: 0; margin: 0; }
.widget-schedule .schedule li {
  text-align: center;
  padding: 0; margin: 0;
  display: block;
  float: left;
  color: #6b6e6e;
  width: 42px;
}
.widget-schedule .schedule .date-group { max-height: 80px; margin-right: -14px; }
.widget-schedule .schedule .date-group ul li { width: auto; text-align: left;  display: block; min-height: 20px; }
.widget-schedule .schedule .date-group ul li span { color: #a2a3a5; margin-left: 4px; }
.widget-schedule .schedule .date-group ul li ul { margin: -20px 0 0 46px; }
.widget-schedule .schedule .date-group ul li ul li { float: left; width: 42px; }
.widget-schedule .schedule li a { color: #fff; text-decoration: none; display: block; text-align: center; width: 42px; height: 20px; margin-left: -8px; outline: none !important; }
.widget-schedule .schedule li a:hover { background: transparent url('img/ui/widget-schedule-date.png') no-repeat bottom center; }
.widget-schedule .schedule li a.selected { color: #f07c00; background: transparent url('img/ui/widget-schedule-date.png') no-repeat top center; cursor: default; }
.widget-schedule .schedule li,
.widget-schedule .schedule li a { font: normal 12px/20px Calibri, sans-serif; }
.widget-schedule .content .buttons {
  margin: 16px -10px 0 -10px; /* keep 10px in left and right to enshure there will be enough space for the buttonset */
  width: 320px!important;
}
.widget-schedule .buttonset a.button span {
  padding-left: 28px;
  padding-right: 18px;
}

.widget-schedule .content .description {
  margin: 30px -20px 30px -20px;
  padding: 0 20px;
  height: 109px;
  color: #fff;
  position: absolute!important;
  top: 180px;
}

.head-main .widget-schedule .content .description { border-top: dashed 1px #333333; }

.no-schedule .content .description {
margin-top: -5px;
}

.widget-schedule .content .description .spoiler {
overflow: hidden;
height: 100%;
margin: 0 -20px 20px -20px;
padding: 22px 20px 0 20px;
}

.head-main .widget-schedule .content .description p { border-top: dashed 1px #434f58; }

.widget-schedule .content .description a.movie {
display: block;
position: absolute;
right: 20px;
bottom: -60px;
height: 18px;
background: transparent url("img/icons.png") no-repeat right -192px;
padding-right: 24px;
text-transform: uppercase; text-decoration: none;
line-height: 16px; }
.widget-schedule .content .description a.movie:hover { background-position: right -589px; }

.widget-schedule .content .holder {
position: absolute;
width: 300px;
height: 100px;
position: absolute;
top: 65px !important;
}
.widget-schedule .content .holder p { font-size: 18px; font-weight: bold; color: #fff; white-space: nowrap; text-align: center; margin-top: 17px; line-height: 23px; }

.widget-schedule .content .preview {
  margin-top: 30px;
  height: 170px;
  overflow: hidden;
  position: absolute!important;
  top: 380px;
}

.head-afisha .widget-schedule .content .preview {
  top: 200px;
}

.widget-schedule .content .preview img { margin-top: -27px; }
.widget-schedule .content .preview a { background: url('img/youtube/play.png') no-repeat center 59px; position: absolute; display: block; width: 100%; height: 100%; top: 0;}
.widget-schedule .content .preview a:hover { background-position: center -59px; cursor: pointer; }
.widget-schedule table.h {
  margin-bottom: 0;
}
.widget-schedule .static {
  text-align: center;
  color: #6a6e6e;
  font: 12px Calibri, sans-serif;
  text-transform: lowercase;
  margin-bottom: 20px;
}

.widget-schedule .phone { color: #e86e01; font-size: 22px; font-weight: bold; }
.widget-schedule .phone span { background: transparent url("img/icons.png") no-repeat 0 -1072px; padding-left: 18px; }

.head .widget-schedule .preview,
.head .widget-schedule .description,
.head .widget-schedule .h4,
.head .widget-schedule .static,
.head .widget-schedule .schedule,
.head .widget-schedule .buttons { position: relative; width: 300px; left: 340px; } /* Block is unseen initially */
.head .widget-schedule .schedule { padding: 6px 6px 0 0; margin: -6px -6px 0 0; }

.widget-schedule .annonce .buttons { display: none; }

.head .main-annonce .description { left: 0px; top: 0px; height: 550px; }
.head .main-annonce .preview,
.head .main-annonce .h4,
.head .main-annonce .static,
.head .main-annonce .schedule,
.head .main-annonce .buttons { visibility: hidden; }

.time-warning {
  margin: -10px 0 10px 0;
  text-align: center;
  color: #6B6E6E;
}
.time-warning em { color: #F07C00; }

/* --------------------------------------------------------- */

/* @file /site/css/movie.css */ 

@CHARSET "UTF-8";

.head-movie { height: 470px; }

.head-movie .activator { height: 470px; z-index: 4; }
.head-movie .activator-hover { cursor: pointer; }

.pg-info { position: absolute; right: 30px; top: 85px; width: 60px; height: 60px; text-align: center; background: transparent url("img/pgbg.png") no-repeat center center; font-size: 30px; color: #818587; }
.pg-info span { position: relative; top: 21px; }

.head-movie .activator .control {  
  background: transparent url('img/youtube/play_color.png') no-repeat -176px;
  width: 176px;
  height: 60px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -30px 0 0 -88px;
  text-align: right;
  opacity: 0;
 }
  
.head-movie .activator-hover .control { background-position: left; }
.head-movie .activator .control p { color: #000; margin: 17px 7px 0 0; }

.youtube-player { position: absolute; width: 0px; height: 0px; display: block; }
.youtube-player object { display: block; }
.lights-on .youtube-player, .body-movie .lights-on-disabled .youtube-player { overflow: hidden; }
.lights-off .youtube-player { overflow: visible; left: 50%; top: 50%; margin: -240px 0 0 -426px; }

.lights-off { -background: transparent url('img/body/lights-off.png'); background: rgba(0, 0, 0, 0.6); position: fixed; min-height: 100%; width: 100%; top: 0; left: 0; z-index: 500; z-index: 1000;}

.head-movie img.cover {
  position: absolute;
  top: 200px;
  left: 50px;
  z-index: 100;
}

.head-movie h1 {
  left: 240px  
}

.body-movie div.column {
  margin-bottom: 32px;
}

.movie-properties .actors { padding: 0; margin: 0; }
.movie-properties .actors-list { color: #fff; margin-bottom: 24px; }
.movie-properties ul.actors li {
  padding: 0; margin: 0 .5em 0 0; display: inline;
}
.movie-properties ul.actors li a { text-decoration: none; white-space: nowrap; }
.movie-properties ul.actors li a:hover { color: #f07c00; }
.movie-properties ul.actors { margin-bottom: 16px; }

.movie-info tr:hover { background: none; }
.movie-info td { vertical-align: top; padding-top: 0; padding-bottom: 0; padding-left: 0px; }
.movie-info tr:first-child td { padding-top: 0; }
.movie-info dt { color: #a2a2a2; margin-bottom: 4px; white-space: nowrap; }
.movie-info dd { color: #fff; font-size: 13px; margin-bottom: 16px; }
.movie-info table { margin-bottom: 0px; }

.youtube-player { text-align: center; }

.cinema-info { margin-bottom: 0; }

p.phone { height: 30px;}
p.phone big,
p.phone big span { font: 30px/33px Calibri,sans-serif; }
p.phone big { color: #fff; float: left; margin-right: 12px; }
p.phone big span { color: #6b6e6e; }
p.phone span { line-height: 14px; font-size: 12px; }

div.schedule { overflow: hidden; }
div.schedule table.h4 td.a { width: 0; display: block; }
div.schedule table.h4 td.a a { display: block; position: relative; z-index: 1; background-color: #333;}
div.schedule table.h4 td.a a.left { margin-right: 0; padding-right: 8px; }
div.schedule table.h4 td.a a.right { margin-left: -24px; padding-left: 8px; background-position: 8px -192px; }
div.schedule table.h4 td.a a.right:hover { background-position: 8px -218px; }

.movie-schedule { margin-bottom: 24px; }
.movie-schedule tr:hover { background: none; }
.movie-schedule tr:first-child td { padding-top: 0; }
.movie-schedule th { color: #fff; text-align: left; vertical-align: top; }
.movie-schedule th span { color: #6b6e6e; display: block; }
.movie-schedule td { padding: 0; }
.movie-schedule td dt { color: #6b6e6e; clear: both; width: 90px; padding-right: 10px; }
.movie-schedule td dd { margin-left: 100px; margin-top: -14px; }
.movie-schedule td dd ul,
.movie-schedule td dd ol { padding: 0; margin: 0; }
.movie-schedule td dd li { display: block; float: left; margin-right: 26px; }
.movie-schedule td dd li a { color: #fff; font: normal 12px Calibri, sans-serif; }

.movie-smart-schedule { margin-bottom: 36px; }
.movie-smart-schedule tr:hover { background: #393939; }
.movie-smart-schedule th { padding: 6px 0 0 8px; width: 100px; }
.wider .movie-smart-schedule th { padding-left:50px; width: 175px; }
.wider .movie-smart-schedule td { padding: 0px 50px 0 0; }

.movie-smart-schedule th span, .movie-smart-schedule th a { position: relative; z-index: 101; color: #f07c00; font: 14px Calibri, sans-serif; text-decoration: none; }
.movie-smart-schedule th a:hover { text-decoration: underline; }

.movie-smart-schedule th,
.movie-smart-schedule td { border-top: 1px solid #3F3F3F; }
.movie-smart-schedule tr:first-child th,
.movie-smart-schedule tr:first-child td { border: none; }

.movie-smart-schedule td dt,
.movie-smart-schedule td dd { line-height: 25px; }
.movie-smart-schedule td dd { margin-top: -25px; }
.movie-smart-schedule td dd ol { width: 100%; height: 25px; line-height: 25px; position: relative; }
.movie-smart-schedule td dt.hover { background: #3c3c3c; margin-left: -245px; padding-left: 245px; }
.movie-smart-schedule td dd.hover { background: #3c3c3c; margin-right: -50px; padding-right: 50px; }
.movie-smart-schedule td dd li { width: 30px; text-align: center; margin-bottom: 0; position: relative; }
.movie-smart-schedule td dd li.past a { color: #6b6e6e; }

.movie-smart-schedule  td dd li div.show { display: none; }

.movie-smart-schedule .wrap { position: absolute; top: -6px; z-index: 101; left: -14px; }
.movie-smart-schedule .wrap .buttonset { margin-left: 36px; white-space: nowrap; margin-bottom: 2px; }
.movie-smart-schedule .wrap table.popup tr td.h { text-align: left; }

.movie-smart-schedule .top-right { right: -14px; left: auto; }
.movie-smart-schedule .top-right .buttonset { margin-right: 36px; margin-left: 0; }
.movie-smart-schedule .top-right table.popup tr td.h { text-align: right; }

.movie-smart-schedule li.hover { z-index: 102; }
.movie-smart-schedule li.hover a { z-index: 103; position: relative; }

.movie-smart-schedule table.popup div,
.movie-smart-schedule table.popup ul { display: none; }
.movie-smart-schedule table.popup-active div,
.movie-smart-schedule table.popup-active ul { display: block; }

.movie-smart-schedule table.popup-active li { display: block; width: auto; white-space: nowrap; float: none; margin: 0; text-align: left; color: #d77207; }
.movie-smart-schedule table.popup-active tbody td.h { padding-bottom: 3px; }

.figure-corners { border: solid 2px #141414; position: relative; padding-left: 1px; }
.corner {
 background: url("img/ui/corners.png") scroll no-repeat 0 0 transparent;
 height: 13px;
 position: absolute;
 width: 13px;
}
.corner-lt {
 background-position: 0px 0px;
 left: -2px;
 top: -2px;
}
.corner-rt {
 background-position: -13px 0px;
 right: -2px;
 top: -2px;
}
.corner-lb {
 background-position: 0px -13px;
 left: -2px;
 bottom: -2px;
}
.corner-rb {
 background-position: -13px -13px;
 right: -2px;
 bottom: -2px;
}
.schedule-placeholder { background: #1f1f1f no-repeat center; text-align: center; overflow: hidden; margin: 0 0 1px -1px; border: solid 1px #383838; }
.schedule-placeholder td, .schedule-placeholder tr { padding: 0; }
.schedule-placeholder .days, .schedule-placeholder .text { width: 50%; vertical-align: bottom; }
.schedule-placeholder .days { text-align: right; font-size: 142px;  line-height: 111px;  color: #fff; padding-right: 5px; }
.schedule-placeholder .text { text-align: left; font-size: 50px; line-height: 50px; color: #fff; display: inline-block; width: 180px;}
.schedule-placeholder .subtext { border-top: dashed 1px #333; }
.schedule-placeholder .subtext p { font-size: 55px; font-weight: bold; line-height: 55px; opacity: 0.5; white-space: nowrap;  color: #fff; margin: 6px -500px 10px -500px; text-transform: uppercase; }
.schedule-placeholder tr:hover { background: transparent; }

.schedule-placeholder.ready .text { width: 401px; text-align: center; font-size: 28px; }
.schedule-placeholder.ready .subtext p { text-transform: none; font-size: 34px; }
.schedule-placeholder.ready .days { display: none; }

.unauthorized-message { text-align: center; color: #fff; border: solid 1px #484848; border-radius: 5px; padding: 10px; }
.unauthorized-message a { color: #f07c00; cursor: pointer; } 

/* --------------------------------------------------------- */

/* @file /site/css/calendar.css */ 

@CHARSET "UTF-8";


.calendar {
  margin-bottom: 16px;
  text-align: center;
  min-height: 152px;
}

.calendar .ui-datepicker-inline { display: inline-block!important; }
.calendar .ui-datepicker { margin: 0 auto; }
.calendar .ui-datepicker table.ui-datepicker-calendar { margin-bottom: 0; }
.calendar .ui-datepicker table.ui-datepicker-calendar thead { display: none; }

.calendar .ui-datepicker,
.calendar .ui-datepicker .ui-datepicker-header {
  border: none;
  font-weight: normal;
  background: none;
}
.calendar .ui-datepicker .ui-datepicker-header {
  text-transform: uppercase;
}

.calendar .ui-datepicker .ui-datepicker-header .ui-state-disabled { display: none; }
.calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title { line-height: 16px; }
.calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year { display: none; }

.calendar .ui-datepicker .ui-datepicker-prev,
.calendar .ui-datepicker .ui-datepicker-next { width: 16px; height: 16px; border: none; top: 2px; }
.calendar .ui-datepicker .ui-datepicker-prev { left: 8px; }
.calendar .ui-datepicker .ui-datepicker-next { right: 14px; }
.calendar .ui-datepicker .ui-datepicker-header .ui-widget-content .ui-state-hover,
.calendar .ui-datepicker .ui-datepicker-header .ui-state-hover { background: none; border: none; top: 2px; }
.calendar .ui-datepicker .ui-datepicker-prev-hover { left: 8px; }
.calendar .ui-datepicker .ui-datepicker-next-hover { right: 14px; }

.calendar .ui-datepicker .ui-icon { background: transparent url('img/icons.png') no-repeat; top: 0px; left: 0px; margin: 0; width: 16px; height: 16px; }
.calendar .ui-datepicker .ui-icon-circle-triangle-w { background-position: 0px -140px; }
.calendar .ui-datepicker .ui-icon-circle-triangle-w:hover { background-position: 0px -166px; }
.calendar .ui-datepicker .ui-icon-circle-triangle-e { background-position: 0px -192px; }
.calendar .ui-datepicker .ui-icon-circle-triangle-e:hover { background-position: 0px -218px; }

.calendar .ui-datepicker tr:hover { background: none; }
.calendar .ui-datepicker tr td { padding: 0; }
.calendar .ui-datepicker tr:first-child td { padding: 0; }
.calendar .ui-datepicker table.ui-datepicker-calendar td { width: 22px; height: 21px; vertical-align: middle; text-align: center; }

.calendar .ui-datepicker td span,
.calendar .ui-datepicker td a { padding: 0; text-align: center; width: 22px; height: 14px; border: none; font: normal 12px/14px Calibri, sans-serif; }
.calendar .ui-datepicker td span { color: #6b6e6e; }
.calendar .ui-datepicker td a { color: #fff; }

.calendar .ui-datepicker table.ui-datepicker-calendar .ui-state-hover,
.calendar .ui-datepicker table.ui-datepicker-calendar .ui-widget-content .ui-state-hover {
  background: transparent url('img/ui/calendar.png') no-repeat right;
  color: #333333;
}
.calendar .ui-datepicker table.ui-datepicker-calendar .ui-state-active,
.calendar .ui-datepicker table.ui-datepicker-calendar .ui-widget-content .ui-state-active {
  background: transparent url('img/ui/calendar.png') no-repeat right;
  color: #333333;
}
.calendar .ui-datepicker table.ui-datepicker-calendar .ui-state-highlight,
.calendar .ui-datepicker table.ui-datepicker-calendar .ui-widget-content .ui-state-highlight {
  background: transparent url('img/ui/calendar.png') no-repeat left;
  color: #333333;
}

.calendar .ui-datepicker td.ui-datepicker-week-end span,
.calendar .ui-datepicker td.ui-datepicker-week-end a { color: #f07c00; }


/* --------------------------------------------------------- */

/* @file /site/css/popup.css */ 

@CHARSET "UTF-8";

table.popup,
table.popup td { padding: 0; margin: 0; border: none; vertical-align: top; }
table.popup-active td { background: transparent url('img/body/popup-bg.png') repeat center; }
.no-background table.popup-active td { background: transparent; }
table.popup tr:hover { background: none; }
table.popup tr:first-child td { padding: 0; }

table.popup tr td.l,
table.popup tr td.r { width: 10px; line-height: 10px; padding: 0 6px; }
table.popup tr td.l div,
table.popup tr td.r div { width: 10px; }
table.popup thead tr td,
table.popup tfoot tr td { height: 10px; line-height: 10px; }
table.popup thead td.l { background-position: left top; }
table.popup thead td.h { background-position: top; }
table.popup thead td.r { background-position: right top; }
table.popup tbody td.l { background-position: left; }
table.popup tbody td.h { background-position: center; }
table.popup tbody td.r { background-position: right; }
table.popup tfoot td.l { background-position: left bottom; }
table.popup tfoot td.h { background-position: bottom; }
table.popup tfoot td.r { background-position: right bottom; }

/* --------------------------------------------------------- */

/* @file /site/css/map.css */ 

@CHARSET "UTF-8";

.cinema-map {
  height: 398px;
  margin: 0 -50px;
  position: relative;
}
.cinema-map .map {
  position: absolute;
  top: -40px;
  width: 100%;
  height: 429px;
  background: transparent url('img/body/map.png') no-repeat top;
  overflow: hidden;
}
.cinema-map .dot {
  height: 429px;
  width: 940px;
  margin: 0 auto;
  position: relative;
}

.cinema-map div.info { 
  position: absolute;
  right: 50px;
  top: 100px;
  z-index: 99;
}

table.info-blocks tr:hover { background: none; }
table.info-blocks td { text-align: left; padding: 0 0 0 22px; width: 1px; }
table.info-blocks td:first-child { padding: 0; }
.cinema-map div.info p { float: left; }
.cinema-map div.info table.h4 { margin-bottom: 18px; }

.cinema-map div.cinema {
  background: none;
  position: absolute;
  padding: 0;
  height: auto;
  display: block;
  margin: 0;
}
.cinema-map div.cinema .placemark {
  background: transparent url('img/body/placemark.png') no-repeat center top;
  width: 40px;
  height: 54px;
  display: block;
  float: left;
  position: relative;
}
.cinema-map div.cinema-rtl .placemark { float: right; }

.cinema-map div.cinema-hover { outline: 0px dotted red; }

.cinema-map div.cinema .wrap {
  position: absolute;
  top: -3px;
  left: -6px;
  padding: 0;
  outline: 0px dotted green;
}
.cinema-map div.cinema-hover .wrap { z-index: 101; }
.cinema-map div.cinema-hover .placemark { z-index: 102; height: 57px; background-position: center -80px; top: -3px; }
.cinema-map div.cinema-constructed .placemark { background-position: center -200px; }
.cinema-map div.cinema-rtl .wrap {
  left: auto;
  right: -6px;
  padding: 0;
}

.cinema-map div.cinema .wrap table.popup tbody td.h { padding-left: 30px; padding-bottom: 4px; }
.cinema-map div.cinema-rtl .wrap table.popup tbody td.h { padding-left: 0; padding-right: 30px; }

.cinema-map div.cinema p,
.cinema-map div.cinema li,
.cinema-map div.cinema h3, .cinema-map div.cinema h3 a {
  font: normal 12px Calibri, sans-serif; color: #fff;
  white-space: nowrap;
}
.cinema-map div.cinema-constructed h3 a { color: #6B6E6E; }
.cinema-map div.cinema h3 a:hover { color: #F07C00; text-decoration: none; }
.cinema-map div.cinema h3 { text-transform: uppercase; }
.cinema-map div.cinema p { color: #f07c00; text-transform: uppercase; }
.cinema-map div.cinema-constructed h3 { color: #6b6e6e; }
.cinema-map div.cinema-constructed p.cinema-constructed { color: #6b6e6e; text-transform: none; }
.cinema-map div.cinema li span,
.cinema-map div.cinema li.info { color: #6b6e6e; background: none; line-height: 12px; height: auto; }
.cinema-map div.cinema li a { text-decoration: none; line-height: 12px; }

.cinema-map div.cinema h3,
.cinema-map div.cinema p,
.cinema-map div.cinema span,
.cinema-map div.cinema ul,
.cinema-map div.cinema li { margin: 0; padding: 0; }

.cinema-map div.cinema-rtl h3,
.cinema-map div.cinema-rtl p,
.cinema-map div.cinema-rtl ul { text-align: right; }

.cinema-map div.cinema li { display: block; list-style-type: none; }
.cinema-map div.cinema li { display: none; }
.cinema-map div.cinema-hover li { display: block; }
.cinema-map div.cinema li.info { display: block; }

.cinema-map div.cinema-27 {
  top: 363px;
  left: 783px;
}
.cinema-map div.cinema-43 {
  top: 220px;
  left: 157px;
}
.cinema-map div.cinema-77 {
  top: 331px; /* 215px; */
  left: 378px;
}
.cinema-map div.cinema-78 {
  top: 289px;
  left: 64px;
}

#ymap { width: 100%; height: 350px; display: block; margin-bottom: 48px; }

/* --------------------------------------------------------- */

/* @file /site/css/carousel.css */ 

@CHARSET "UTF-8";

.actions-carousel {
  position: absolute; top: 0px; left: 0px;
  width: 100%; height: 100%;
  background: url('/site/img/carousel/bg.png') no-repeat top;
}

.carousel {
  overflow: hidden;
}

.carousel a.arrow {
  position: absolute;
  top: 50%;
  height: 51px;
  margin-top: -25px;
  width: 29px;
  z-index: 7;
  background: transparent url('img/carousel/buttons.png') no-repeat left;
  outline: none;
}
.carousel a.arrow span { display: none; }
.carousel a.left-arrow { left: 12px; background-position: 0px top; }
.carousel a.right-arrow { right: 12px; background-position: -30px top; }
.carousel a.left-arrow:hover { background-position: -60px top; }
.carousel a.right-arrow:hover { background-position: -90px top; }

.carousel .inner {
  height: 100%;
}
.carousel .carousel-page {
  display: block;
  height: 100%;
  background-position: top;
  float: left;
}

.carousel .pages {
  position: absolute;
  bottom: 22px;
  right: 40px;
  padding: 0;
  margin: 0;
  z-index: 7;
}
.carousel .pages li {
  padding: 0;
  margin: 0 10px 0 0;
  display: inline-block;
}
.carousel .pages li a {
  display: inline-block;
  width: 13px;
  height: 14px;
  background: transparent url('img/carousel/bullets.png') no-repeat -20px 0px;
  cursor: pointer;
}
.carousel .pages li a:hover {
  background-position: -40px 0px;
}
.carousel .pages li a.selected {
  background-position: 0px 0px;
}

/* --------------------------------------------------------- */

/* @file /site/css/poll.css */ 

@CHARSET "UTF-8";

.item-block .selected { width: 400px; border: 0; float: left; margin: 0; }
.polls-block { float: left; }

.poll .buttons a { color: #A2A2A2; text-decoration: none; border-bottom: 1px dashed; }
.poll .buttons a:hover { border-color: transparent; }

.hide-results { display: block; float: left; margin: -10px 0 20px 0; }

.poll .poll-result, .poll .poll-result li { list-style: none; padding: 0; }
.poll .poll-result { margin: 16px 0; }
.poll .poll-result li { margin-bottom: 0; }

.poll .poll-result .progressbar { height: 6px; margin: 6px 0 0 0; background: transparent url('img/ui/progressbar-bg.png') no-repeat right; min-width: 4px;}
.poll .poll-result .progressbar span { background: transparent url('img/ui/progressbar-bg.png') no-repeat left 0; display: inline-block;}

.human { display: inline-block; height: 18px; font: normal 11px/19px Calibri, sans-serif; white-space: nowrap;}
.human { background: transparent url('img/ui/date.png') no-repeat left -262px; padding-left: 20px; }
.human span { background: transparent url('img/ui/date.png') no-repeat right -0px; color: #5e5e5e; display: inline-block; height: 18px; padding: 0 6px 0 2px; text-transform: lowercase; }
a.human:hover span { text-decoration: none; }
a.human:hover { background-position: left -244px; }
a.human:hover span { background-position: right -100px; color: #5e5e5e; }
.human span em { color: #9b9b9b; }

/* --------------------------------------------------------- */

/* @file /site/css/foot.css */ 

@CHARSET "UTF-8";

.foot {
  border-top: 1px solid #3b3b3b;
}
.foot .foot {
  padding: 14px 30px 12px 50px;
  position: relative;
  background: #252525;
  height: 104px;
  border-top: 1px solid #212121;
}
.foot p.copyright {
  float: left;
  margin-top: 0;
  margin-right: 25px;
  width: 290px;
}
.foot a.creator { text-align: right; float: right; }
.foot p.copyright, .foot a.creator {
  font: normal 14px/20px Calibri, sans-serif;
  color: #fff;
  display: inline-block;
}
.foot p.copyright em, .foot a.creator span {
  color: #a2a2a2;
  padding-left: 14px;
}

.foot a.creator span {
  display: inline-block;
  vertical-align: middle;
  width: 70px;
}
.foot a.creator span.logo {
  background: transparent url('img/101m.png') no-repeat right center;
  height: 50px;
  width: 45px;
}
.foot a.creator span span { display: none; }

.foot .social {
  position: absolute;
  bottom: 20px;
  right: 30px;
  text-align: right;
}

.foot .counters {
  position: absolute;
  bottom: 16px;
  right: 30px;
  text-align: right;
}

.foot .counters .counter { opacity: 0.3; display: inline; }

.foot .counters a, .foot .counters span { margin-left: 5px; }

.foot ul.menu {
  padding: 0;
  margin: 0 60px;
  display: block;
}
.foot ul.menu li {
  display: block;
  float: left;
  margin: 0 20px 0 0;
  padding: 0;
}

.foot .app-market__list {
  position: absolute;
  bottom: 16px;
  left: 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.foot .app-market__item {
  display: block;
  margin-right: 10px;
}

.foot .app-market__item img {
  display: block;
  width: 100px;
  height: auto;
  /*filter: grayscale(100%);*/
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
  opacity: 0.3;
}

.foot .app-market__item img:hover {
  /*filter: grayscale(0);*/
  opacity: 1;
}

#ask-for-geo a,
.foot ul.menu li a { color: #d77207; text-decoration: none; font: normal 14px/20px Calibri, sans-serif; }
#ask-for-geo a:hover,
.foot ul.menu li a:hover { text-decoration: underline; }

#ask-for-geo p.lead { font-size: 20px; line-height: normal; color: #fff; }
#ask-for-geo p.lead strong { color: #d77207; }



/* --------------------------------------------------------- */

/* @file /site/css/yandex-like.css */ 

.i-like-it { float: right; margin-top: -55px; }

.i-like-it a:hover span.b-share__text { text-decoration: none; color: #F07C00; }

.i-like-it a span.b-share-icon { background: transparent url('img/social.png') no-repeat 100% 2px; }
.i-like-it a:hover span.b-share-icon { background-position: 100% -23px;}

.i-like-it a span.b-share-icon_facebook { background-position: -15px 2px; }
.i-like-it a:hover span.b-share-icon_facebook { background-position: -15px -23px;}

.i-like-it a span.b-share-icon_vkontakte { background-position: -30px 2px; }
.i-like-it a:hover span.b-share-icon_vkontakte { background-position: -30px -23px;}

.i-like-it a span.b-share-icon_twitter { background-position: 0 2px; }
.i-like-it a:hover span.b-share-icon_twitter { background-position: 0 -23px;}

/* --------------------------------------------------------- */