h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address, body, html { margin:0; padding:0; }
li, dd, blockquote {margin:0; padding:0;}
fieldset {border:none;}
ul {list-style:none;}
body {font:normal 'PT Sans'; height: 100%; background: #FFF; font-family: 'PT Sans Narrow', sans-serif;}
img {border:none;}
html {height: 100%;}

h1{font:bold 30px/1.4 'PT Sans Narrow'; margin:0 0 20px 0; color:#000;}
h2{font:bold 24px/1.4 'PT Sans Narrow'; margin:0 0 20px 0; color:#000;}
h3{font:bold 20px/1.4 'PT Sans Narrow'; margin:0 0 10px 0; color:#000;}
h4{font:bold 18px/1.4 'PT Sans Narrow'; margin:0 0 16px 0; color:#000;}
h5{font:bold 16px/1.4 'PT Sans Narrow'; margin:0 0 14px 0; color:#000;}

p {font:normal 16px/1.4 Trebuchet MS; margin:0 0 15px 0; color: #505050;}
ul {padding:5px 25px; list-style:square; margin:0 0 20px 0;}
ol {padding:5px 25px; margin:0 0 20px 0;}
ul li, ol li {font:normal 16px/1.4 Trebuchet MS; margin:0 0 10px 0;}

a {color:#a82a66;}
a:hover {color:#73378c;}

#container {height: auto; min-height: 100%; position: relative; background: url(../img/content-bg.png); position: relative; z-index: 1;}
#content {height: auto; min-height: 100%; padding: 0 0 100px 0;}
#footer {position: absolute; bottom: 0; left: 0; height: 100px; width: 100%; background: #333333; z-index: 10;} /*footer bottom*/



/*global style*/
.centered {width: 940px; margin: 0 auto;}
.clear {clear: both; width: 100%; height: 1px; margin: 0; padding: 0; float: none;}
h1.seo {font: bold 20px 'PT Sans Narrow'}

#header {width: 100%; height: 68px; color: #fff; position: relative;
background: #4d4d4d; /* Old browsers */
background: -moz-linear-gradient(top, #4d4d4d 0%, #212121 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d4d4d), color-stop(100%,#212121)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4d4d4d 0%,#212121 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4d4d4d 0%,#212121 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4d4d4d 0%,#212121 100%); /* IE10+ */
background: linear-gradient(to bottom, #4d4d4d 0%,#212121 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#212121',GradientType=0 ); /* IE6-9 */}
#header p {font: normal 13px Trebuchet MS; margin: 0; color: #fff;}
#header .centered {position: relative;}
#header .logo {position: absolute; top: 5px; left: 0;}
address.location {position: absolute; top: 10px; left: 250px;}
address.location p {padding: 0 0 0 15px; background: url(../img/location-icon.png) no-repeat left center;}
address.location a {font: normal 13px Trebuchet MS; color: #FDEAD2;}
address.location a:hover {color: #E5460C;}
.phone {position: absolute; top: 10px; left: 375px;}
.phone big {font: normal 20px/23px Trebuchet MS;}

.parom{left: 655px;    position: absolute;    top: 15px;}
.parom a{ display:block;}
.parom a:hover {}

.parom a.krim{ background: rgba(0, 0, 0, 0) url("../img/parom.png") no-repeat scroll 0 3px;
    color: #fff;
    font: bold 13px/1.2 Trebuchet MS;
    padding-left: 35px;
    text-decoration: none;}
.parom a.krim:hover {text-decoration: underline;}

.parom a.avia{ background: rgba(0, 0, 0, 0) url("../img/plane.png") no-repeat scroll 0 3px;
    color: #fff;
    font: bold 13px/1.2 Trebuchet MS;
    padding-left: 35px;
    text-decoration: none;
	text-transform: capitalize;
	 margin-top: 3px;
    padding-bottom: 3px;
	}
.parom a.avia:hover {text-decoration: underline;}


#header .position {position: absolute; top: 10px; right: 0;}
.bttn a {display: inline-block; zoom: 1; *display: inline; width: 124px; height: 27px; text-align: center; font: bold 16px/24px PT Sans Narrow; text-shadow: 0 1px 1px #000; color: #fff; text-decoration: none; border-radius: 10px;
background: #ec3c84; /* Old browsers */
background: -moz-linear-gradient(top, #ec3c84 0%, #851946 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec3c84), color-stop(100%,#851946)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ec3c84 0%,#851946 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ec3c84 0%,#851946 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ec3c84 0%,#851946 100%); /* IE10+ */
background: linear-gradient(to bottom, #ec3c84 0%,#851946 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec3c84', endColorstr='#851946',GradientType=0 ); /* IE6-9 */}
.bttn a:hover {
background: #820b3e; /* Old browsers */
background: -moz-linear-gradient(top, #ec3c84 0%, #820b3e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec3c84), color-stop(100%,#820b3e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ec3c84 0%,#820b3e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ec3c84 0%,#820b3e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ec3c84 0%,#820b3e 100%); /* IE10+ */
background: linear-gradient(to bottom, #ec3c84 0%,#820b3e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec3c84', endColorstr='#820b3e',GradientType=0 ); /* IE6-9 */
cursor: pointer;}
.bttn a:active {
background: #ec3c84; /* Old browsers */
background: -moz-linear-gradient(top, #ec3c84 0%, #820b3e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec3c84), color-stop(100%,#820b3e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ec3c84 0%,#820b3e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ec3c84 0%,#820b3e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ec3c84 0%,#820b3e 100%); /* IE10+ */
background: linear-gradient(to bottom, #ec3c84 0%,#820b3e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec3c84', endColorstr='#820b3e',GradientType=0 ); /* IE6-9 */}


.btn-reserve a {display: inline-block; zoom: 1; *display: inline; width: 124px; height: 27px; text-align: center; font: bold 16px/24px PT Sans Narrow; text-shadow: 0 1px 1px #000; color: #fff; text-decoration: none; border-radius: 10px;
background: #ec3c84; /* Old browsers */
background: -moz-linear-gradient(top, #ec3c84 0%, #851946 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec3c84), color-stop(100%,#851946)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ec3c84 0%,#851946 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ec3c84 0%,#851946 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ec3c84 0%,#851946 100%); /* IE10+ */
background: linear-gradient(to bottom, #ec3c84 0%,#851946 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec3c84', endColorstr='#851946',GradientType=0 ); /* IE6-9 */}
.btn-reserve a:hover {
background: #820b3e; /* Old browsers */
background: -moz-linear-gradient(top, #ec3c84 0%, #820b3e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec3c84), color-stop(100%,#820b3e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ec3c84 0%,#820b3e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ec3c84 0%,#820b3e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ec3c84 0%,#820b3e 100%); /* IE10+ */
background: linear-gradient(to bottom, #ec3c84 0%,#820b3e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec3c84', endColorstr='#820b3e',GradientType=0 ); /* IE6-9 */
cursor: pointer;}
.btn-reserve a:active {
background: #ec3c84; /* Old browsers */
background: -moz-linear-gradient(top, #ec3c84 0%, #820b3e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec3c84), color-stop(100%,#820b3e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ec3c84 0%,#820b3e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ec3c84 0%,#820b3e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ec3c84 0%,#820b3e 100%); /* IE10+ */
background: linear-gradient(to bottom, #ec3c84 0%,#820b3e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec3c84', endColorstr='#820b3e',GradientType=0 ); /* IE6-9 */}


.btn-reserve_ss a {display: inline-block; zoom: 1; *display: inline; width: 124px; height: 27px; text-align: center; font: bold 16px/24px PT Sans Narrow; text-shadow: 0 1px 1px #000; color: #fff; text-decoration: none; border-radius: 10px;
background: #ec3c84; /* Old browsers */
background: -moz-linear-gradient(top, #ec3c84 0%, #851946 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec3c84), color-stop(100%,#851946)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ec3c84 0%,#851946 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ec3c84 0%,#851946 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ec3c84 0%,#851946 100%); /* IE10+ */
background: linear-gradient(to bottom, #ec3c84 0%,#851946 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec3c84', endColorstr='#851946',GradientType=0 ); /* IE6-9 */}
.btn-reserve_ss a:hover {
background: #820b3e; /* Old browsers */
background: -moz-linear-gradient(top, #ec3c84 0%, #820b3e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec3c84), color-stop(100%,#820b3e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ec3c84 0%,#820b3e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ec3c84 0%,#820b3e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ec3c84 0%,#820b3e 100%); /* IE10+ */
background: linear-gradient(to bottom, #ec3c84 0%,#820b3e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec3c84', endColorstr='#820b3e',GradientType=0 ); /* IE6-9 */
cursor: pointer;}
.btn-reserve_ss a:active {
background: #ec3c84; /* Old browsers */
background: -moz-linear-gradient(top, #ec3c84 0%, #820b3e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec3c84), color-stop(100%,#820b3e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ec3c84 0%,#820b3e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ec3c84 0%,#820b3e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ec3c84 0%,#820b3e 100%); /* IE10+ */
background: linear-gradient(to bottom, #ec3c84 0%,#820b3e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec3c84', endColorstr='#820b3e',GradientType=0 ); /* IE6-9 */}










a.bbt {font-size:18px!important; display: inline-block; zoom: 1; *display: inline; width: 190px; height: 27px; text-align: center; font: bold 16px/24px PT Sans Narrow; text-shadow: 0 1px 1px #000; color: #fff; text-decoration: none; border-radius: 10px;
background: #ec3c84; /* Old browsers */
background: -moz-linear-gradient(top, #ec3c84 0%, #851946 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec3c84), color-stop(100%,#851946)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ec3c84 0%,#851946 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ec3c84 0%,#851946 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ec3c84 0%,#851946 100%); /* IE10+ */
background: linear-gradient(to bottom, #ec3c84 0%,#851946 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec3c84', endColorstr='#851946',GradientType=0 ); /* IE6-9 */}
a.bbt:hover {
background: #820b3e; /* Old browsers */
background: -moz-linear-gradient(top, #ec3c84 0%, #820b3e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec3c84), color-stop(100%,#820b3e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ec3c84 0%,#820b3e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ec3c84 0%,#820b3e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ec3c84 0%,#820b3e 100%); /* IE10+ */
background: linear-gradient(to bottom, #ec3c84 0%,#820b3e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec3c84', endColorstr='#820b3e',GradientType=0 ); /* IE6-9 */
cursor: pointer;}
a.bbt:active {
background: #ec3c84; /* Old browsers */
background: -moz-linear-gradient(top, #ec3c84 0%, #820b3e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec3c84), color-stop(100%,#820b3e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ec3c84 0%,#820b3e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ec3c84 0%,#820b3e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ec3c84 0%,#820b3e 100%); /* IE10+ */
background: linear-gradient(to bottom, #ec3c84 0%,#820b3e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec3c84', endColorstr='#820b3e',GradientType=0 ); /* IE6-9 */}



















.nav {position: relative; top:-15px; height: 57px; text-align: center; background: url(../img/nav-bg.png) repeat-x; width: 920px; z-index: 100;}
.nav dl {margin: 15px 0 0 -20px; display: inline-block; zoom: 1; *display: inline;} /*overflow: hidden; */
.nav dl dt {float: left; margin: 0 0 0 30px;}
.nav dl dt a {display: block; font: bold 18px 'PT Sans Narrow'; padding: 2px 10px; text-decoration: none; text-transform:uppercase;}
.nav dl dt a:hover {border-radius: 10px; color: #fff;
background: #c79cd9; /* Old browsers */
background: -moz-linear-gradient(top, #c79cd9 0%, #73378c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c79cd9), color-stop(100%,#73378c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #c79cd9 0%,#73378c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #c79cd9 0%,#73378c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #c79cd9 0%,#73378c 100%); /* IE10+ */
background: linear-gradient(to bottom, #c79cd9 0%,#73378c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c79cd9', endColorstr='#73378c',GradientType=0 ); /* IE6-9 */}
.nav dl dt a.active {color: #E5460C; background: none;}
.nav .tic {background: url(../img/tic.png) no-repeat; width: 10px; height: 57px; display: block; position: absolute; top: 0;}
.nav .l-tic {background-position:0 0;  left: -10px;}
.nav .r-tic {background-position:0 -61px;  right: -10px;}

.promo {width: 100%; margin: -57px 0 30px 0; position: relative; z-index: 50;}
.promo .mask {position: relative; z-index: 100; height: 400px;}
.promo .mask img {width: 100%;}
.promo .img {position: absolute; top: 17.3%; left: 50%; margin: 0 0 0 -470px;}
.promo .text {position: absolute; top: 100px; right: 50%; margin: 0 -420px 0 0; z-index: 100;}
.promo .text span {display: block;}
.promo .text .big {font: bold 100px 'PT Sans Narrow'; text-shadow: 0 1px 1px #fff;}
.promo .text .medium {font: bold 40px 'PT Sans Narrow';}
.promo .text .small {font: bold 26px 'PT Sans Narrow';}
.promo .bx-viewport {text-align: justify;}
.promo .bx-wrapper {text-align: center;}
.promo .bx-controls {text-align: center; display: inline-block; zoom: 1; *display: inline; padding: 0 20px; position: absolute; height: 16px; bottom: 10px;}
.promo .bx-controls .bx-pager {display: inline-block; zoom: 1; *display: inline; height: 16px; margin: 0 0 0 -10px;}
.promo .bx-controls .bx-pager .bx-pager-item {display: block; zoom: 1; *display: inline; margin: 0 0 0 10px; float: left;}
.promo .bx-controls .bx-pager .bx-pager-item a {display: block; width: 16px; height: 16px; background: url(../img/pager.png) no-repeat; font-size: 0;}
.promo .bx-controls .bx-pager .bx-pager-item a.active {background-position: 0 -26px;}
.promo .bx-controls .bx-controls-direction {display: inline-block; zoom: 1; *display: inline; height: 16px;}
.promo .bx-controls .bx-controls-direction a {display: block; width: 8px; height: 14px; background: url(../img/carousel-navi.png) no-repeat; position: absolute; top: 0;}
.promo .bx-controls .bx-controls-direction a.bx-prev {background-position: 0 0; left: 0;}
.promo .bx-controls .bx-controls-direction a.bx-prev:hover {background-position: 0 -20px;}
.promo .bx-controls .bx-controls-direction a.bx-next {background-position: -22px 0; right: 0;}
.promo .bx-controls .bx-controls-direction a.bx-next:hover {background-position: -22px -20px;}


.promo-rooms {position: relative; width: 980px;}
.promo-rooms dl {margin: 0 0 0 -20px; min-height: 320px; padding: 20px 0;}
.promo-rooms dl dt {margin: 0 0 0 20px; float: left; width: 220px; position: relative; min-height: 320px;}
.promo-rooms .img {margin: 0 0 20px 0;}
.promo-rooms .img img {max-width: 220px; max-height: 145px; display: block;}
.promo-rooms .title {margin: 0 0 10px 0;}
.promo-rooms .title a {font: normal 24px 'PT Sans Narrow';}
.promo-rooms .title a:hover {}
.cost {/*overflow: hidden;*/ margin: 0 0 20px 0;}
.cost .wrap {width: 42px;}
.cost p {float: left; font: normal 12px Trebuchet MS; margin: 3px 0 0 0; color: #E5460C;}
.cost .sum {font: bold 30px Trebuchet MS; color: #E5460C; margin: 0 5px 0 0;}
.cost span {display: block;}
.cost .s1 {line-height: 17px;}
.cost .s2 {line-height: 10px;}
.cost .b-border {border-bottom: 1px solid #E5460C;}
.promo-rooms .position {display: none;}
.promo-rooms dl dt:hover .position {display: block;}
.promo-rooms dl dt:hover .wrapper {position: absolute; top: -10px; left: -10px; padding: 10px; background: #fff; box-shadow: 0 0 7px 2px #999; display: block;}
.promo-rooms ul {list-style: none; padding: 0; margin: 0;}
.promo-rooms ul li {width: 960px; margin: 0 0 0 20px;}
.promo-rooms h1 {padding: 0 0 0 20px; margin: 0;}
.promo-rooms .bx-controls {position: absolute; top: 12px; right: 20px; width: 62px; overflow: hidden;}
.promo-rooms .bx-controls a {display: block; background: url(../img/promo-navi.png) no-repeat; width: 26px; height: 26px;}
.promo-rooms .bx-controls a.bx-prev {float: left; background-position: 0 0;}
.promo-rooms .bx-controls a.bx-prev:hover {background-position: 0 -27px;}
.promo-rooms .bx-controls a.bx-prev:active {background-position: 0 -54px;}
.promo-rooms .bx-controls a.bx-next {float: right; background-position: -27px 0;}
.promo-rooms .bx-controls a.bx-next:hover {background-position: -27px -27px;}
.promo-rooms .bx-controls a.bx-next:active {background-position: -27px -54px;}

.btn-reserve.inner {text-align: center;}
.btn-reserve.inner a {border: 1px solid #851946;}

.l-col {width: 620px; float: left;}
.r-col {width: 300px; float: right;}

.main {background: url(../img/pink-bg.png); padding: 20px 0 40px 0; min-height: 351px; margin: 0 0 30px 0; position: relative;}
.main .centered {position: relative;}
.main .title {border-bottom: 1px solid #000; margin: 0 0 20px 0; padding: 0 0 10px 0;}
.main p {font: normal 16px Trebuchet MS;}
.main .photo dl {margin: 30px 0 0 -20px;}
.main .photo dl dt {float: left; width: 104px; height: 104px; margin: 0 0 0 20px; position: relative; border: 1px solid #EBDEE8;}
.main .photo dl dt:hover {box-shadow: 0 0 7px 2px #999;}
.main .photo dl dt img {display: block; max-width: 106px; max-height: 106px;}
.main .photo dl dt:hover a {position: absolute; z-index: 100; top: -1px; left: -1px; border: 1px solid #E5460C; width: 106px; height: 106px;}
.main .ribbon {background: url(../img/ribbon.png) no-repeat; width: 306px; height: 412px; position: absolute; top: -30px;}
.main .ribbon .wrapper {padding: 20px;}

.main .ribbon h1 {margin: 0 0 5px 0; text-shadow: 0 1px 1px #fff;}
.main .ribbon dl dt a {background: url(../img/star.png) no-repeat -10px 9px; padding: 0 0 0 30px; font: normal 24px 'PT Sans Narrow'; color: #000; text-shadow: 0 1px 1px #fff;}
.main .ribbon dl dt a:hover {background-position: 4px -16px; color: #E6460C;}
.main .ribbon dl dt {margin: 0 0 5px 0;}

.action {margin: 0 auto 30px auto; position: relative; padding: 0 0 60px 0;}
.action dl {margin: 0 0 0 -20px; position: relative; z-index: 100;}
.action dl dt {float: left; margin: 0 0 0 20px; width: 300px; height:200px; position: relative;}
.action dl dt:hover {box-shadow: 0 0 7px 2px #ccc;}
.action dl dt:hover a {position: absolute; display: block; width: 300px; height: 200px; border: 1px solid #E5460C; top: -1px; left: -1px;}
.action .img img {max-width: 300px; max-height: 200px; display: block;}
.action .text {background: url(../img/action-text.png); position: absolute; bottom: 0; left: 0; width: 280px; height: 50px; padding: 5px 10px;}
.action .text p {font: normal 18px Trebuchet MS; color: #fff; margin: 0;}
.action .action-patern {position: absolute; top: -10px; left: -30px; background: url(../img/action-patern.png) no-repeat; width: 991px; height: 332px; z-index: 50;}

.contacts {padding: 30px 0 20px 0; background: url(../img/contact-bg.png) repeat-x #fff;}
.contacts .wrapper {padding: 0 0 0 10px; position: relative;}
.contacts address {margin: 0 0 20px 0;}
.contacts address p {font: normal 18px Trebuchet MS; margin: 0;}
.contacts address h3 {margin: 0;}
.contacts address a {color: #000; font: normal 18px Trebuchet MS;}
.contacts address a:hover {color: #E7460C; }
.contacts .stamp {background: url(../img/stamp.png) no-repeat; width: 148px; height: 81px; position: absolute; top: 0; right: 0;}


#footer .centered {position: relative;}
#footer .logo {position: absolute; top: 20px; left: 0;}
#footer .location {left: 250px; top: 20px;}
#footer .phone {left: 500px; top: 20px;}
#footer p {font: normal 13px Trebuchet MS; margin: 0; color: #fff;}
#footer .soc {position: absolute; top: 20px; left: 690px;}
#footer .soc a {display: inline-block; zoom: 1; *display: inline; background: url(../img/soc-sprite.png) no-repeat; width: 24px; height: 24px; margin: 0 0 0 5px;}
#footer .soc a.fb {background-position: 0 0;}
#footer .soc a.vk {background-position: 0 -25px;}
#footer .soc a.od {background-position: 0 -50px;}
#footer .btn-reserve {position: absolute; top: 20px; right: 0;}


/*Rooms*/
.rooms dl dt {overflow: hidden; background: #fff; margin: 0 0 30px 0; position: relative;}
.rooms dl dt:hover {box-shadow: /*0 0 0 1px #f20000,*/ 0 0 7px 2px #ccc; background: #FEFBE7; transition: all 0.3s ease-in-out 0s;}
.rooms .img {float: left; margin: 0 20px 0 0;}
.rooms .img img {display: block;}
.rooms .wrapper {padding: 20px 20px 20px 0; overflow: hidden;}
.rooms .teaser {float: left; width: 320px;}
.rooms .preview {float: left; margin: 14px 0 0 0;}
.rooms .preview ul {list-style: none; padding: 0; margin: 0; overflow: hidden; margin: 0 0 0 -10px;}
.rooms .preview ul li {float: left; margin: 0 0 0 10px;}
.rooms .preview img {display: block; max-width: 75px;}
.rooms .teaser .title {margin: 0;}
.rooms .teaser .title a {color: #a82a66; text-decoration: none; border-bottom: 1px dashed #a82a66; font: bold 30px 'PT Sans Narrow';}
.rooms .teaser .title a:hover {cursor: pointer;}
.rooms dl dt:hover .teaser .title a {color: #73378c; border-bottom: 1px dashed #73378c;}
.rooms .teaser .description {display: none;}
.rooms .teaser .description ul {list-style: none; padding: 0; margin: 0;}
.rooms .teaser .description ul li {padding: 0 0 0 20px; background: url(../img/star.png) no-repeat left center; font: normal 16px/1.4 Trebuchet MS;}
.rooms .teaser .description p {font: normal 16px/1.4 Trebuchet MS;}
.rooms .reserved {float: right; margin: 0 0 0 20px; width: 340px; overflow: hidden;}
.rooms .reserved .cost {float: left; margin: 0 30px 0 0;}
.rooms .reserved .cost .sum {font: normal 36px Trebuchet MS;}
.rooms .reserved .cost .wrapp span {font: normal 13px Trebuchet MS;}
.rooms .reserved .cost .wrapp .s1 {line-height: 20px;}
.rooms .reserved .cost .wrapp .s2 {line-height: 12px;}

.btn-reserve.medium a {width: 152px; height: 35px; font: bold 20px/34px 'PT Sans Narrow'; border: 1px solid #901d4d;}
.btn-reserve_ss.medium.more a {width: 152px; height: 35px; font: bold 20px/34px 'PT Sans Narrow'; border: 1px solid #901d4d;}

.rooms dl dt.active {box-shadow: 0 0 7px 2px #ccc;}
.rooms dl dt.active .hidden {display:block; background: #FEFBE7;}
.rooms dl dt.active .row {display:none;}
.rooms .row img {max-width: 275px;}
.rooms .row li img {max-width: 75px; max-height: 50px;}
.rooms .hidden {display:none; background:#fff; position:relative; padding:0 20px 20px 0; overflow:hidden;}
.rooms .hidden .photo {width:400px; float:left; margin:0 30px 0 0;}
.rooms .hidden .photo .image {width:400px; margin:0 0 10px 0;}
.rooms .hidden .photo .image img {display:block; max-width: 400px;}
.rooms .hidden .photo .small-image {margin:0 0 0 3px;}
.rooms .hidden .photo .small-image span {width:87px; height:58px; overflow:hidden; display:inline-block; zoom:1; *display:inline; margin:0 0 0 10px;}
.rooms .hidden .description {overflow:hidden; padding: 10px 0 0 0;}
.rooms .hidden .description h3 {font:bold 30px 'PT Sans Narrow'; color: #a82a66;}
.rooms .hidden .description h3:hover {color: #73378c; cursor: pointer;}


.rooms .hidden .description h5 {font:bold 16px 'Trebuchet MS'; color: #505050;}
.rooms .hidden .description {font:normal 14px 'Trebuchet MS'; color: #505050;}
.rooms .hidden .description ul {list-style: none; padding: 0;}
.rooms .hidden .description ul li {padding: 0 0 0 20px; background: url(../img/star.png) no-repeat -14px 3px; padding: 0 0 0 20px; font:normal 14px 'Trebuchet MS'; color: #505050;}
.rooms .hidden .description .bottom-info {overflow:hidden;}
.rooms .hidden .description .bottom-info .cost {float:left;}
.rooms .hidden .description .bottom-info .cost .sum {font: bold 40px Trebuchet MS;}
.rooms .hidden .description .bottom-info .cost .wrapp span {font: normal 15px Trebuchet MS;}
.rooms .hidden .description .bottom-info .btn-reserve {float:right;}
.rooms .hidden .description .bottom-info .btn-reserve_ss {float:right;}


/*Service*/

.service {margin: 0 auto 30px auto;}
.service dl {margin: 0 0 0 -20px;}
.service dl dt {float: left; margin: 0 0 20px 20px; width: 300px; text-align: center; background: #fff;}
.service dl dt:hover {box-shadow: 0 0 0 1px #FF0000, 0 0 7px 2px #ccc;}
.service .img img {max-width: 300px; display: block;}
.service .text {padding: 10px 25px;}
.service .text a {text-decoration: none; color: #505050;}
.service dl dt:hover .text a {color: #E6460C;}
.service .title {margin: 0 0 5px 0;}
.service dl dt:hover .title {color: #E6460C;}
.service dl dt a {text-decoration: none;}
.service .teaser {font: normal 16px Trebuchet MS; color: #505050; margin: 0;}

/*Support*/

.l-col {width: 620px; margin: 0 0 30px 0;}
.r-col {width: 290px; padding: 0 0 0 10px; margin: 0 0 30px 0;}

.link-back {margin: 10px 0;}
.link-back a {font: normal 18px 'PT Sans Narrow'; color: #505050;   transition: all 0.3s ease-in 0s;}
.link-back a:hover {color: #FE2712;}

.service-list {margin: 0 0 20px 0;}
.service-list dt {margin: 0 0 20px 0;}
.service-list dt a {background: url(../img/star.png) no-repeat -14px 5px; padding: 0 0 0 20px; font: normal 18px 'PT Sans Narrow'; color: #505050;}
.service-list dt a:hover {background-position: 0px -20px; color: #FE2712;}

.action-list {margin: 0 0 20px 0;}
.action-list dt {margin: 0 0 20px 0;}
.action-list dt a {font: normal 18px 'PT Sans Narrow'; color: #505050;}
.action-list dt a:hover {color: #FE2712;}

/*Contacts*/

.contacts.inner {background: none; padding: 0;}

/*popup*/

.popup {width: 633px; /* height: 537px; position: fixed;  */ background: #F3F3F3; border: 1px solid #CCCCCC; overflow: hidden; position: fixed; top: 1%; left: 50%; margin: 0 0 0 -316px; z-index: 9999; display: none;}
.popup .wrap {position: relative; /*height: 537px;*/}
.popup .left-col {width: 290px; float: left;}
.popup .left-col dl dt {/*margin: 0 0 5px 0;*/ background-color: rgba(0,0,0,0);}
.popup .left-col dl dt:hover{box-shadow: none;}
.popup .right-col {width: 330px; float: right;}
.popup .right-col dl {margin: 0 0 20px 0;}
.popup .right-col dl dt{background-color: rgba(0,0,0,0);}
.popup .right-col dl dt:hover{box-shadow: none;}
.popup .right-col_more {width: 330px; float: right;}
.popup .right-col_more dl {margin: 0 0 20px 0;}
.popup .right-col_more dl dt{background-color: rgba(0,0,0,0);}
.popup .right-col_more dl dt:hover{box-shadow: none;}
.popup .wrapper {/*padding: 20px;*/ padding: 5px 20px 0 20px;}
.popup label {display: block; font: normal 18px Trebuchet MS; margin: 0 0 5px 0; color: #808080;}
.popup .text {background: url(../img/input-text.png) no-repeat; width: 250px; height: 42px; border: none; font: normal 22px Trebuchet MS; padding: 0 3px;}
.popup .date {background: url(../img/input-date.png) no-repeat; width: 246px; height: 42px; border: none; padding: 0 3px;}
.popup .btn-reserve-medium {width: 252px;}
.popup .preview-room {margin: 0 0 30px 0;}
.popup .preview-room ul {list-style: none; padding: 0; margin: 0 0 0 -10px; overflow: hidden;}
.popup .preview-room ul li {float: left; margin: 0 0 0 10px;}
.popup .preview-room .img {margin: 0 0 15px 0; overflow:hidden; height:130px;}
.popup .preview-room .img img {max-width: 247px;}
.popup .close {position: absolute; top: 10px; right: 10px;}
.popup .close a {background: url(../img/close.png) no-repeat; width: 26px; height: 26px; display: block;}
.popup .close a:hover {background-position: 0 -36px;}
.popup .close a:active {background-position: 0 -72px;}
.popup .right-col .cost p {font: bold 30px 'PT Sans Narrow'}
.popup .right-col .cost span {display: inline-block; zoom: 1; *display: inline;}
.popup .right-col .cost .rub {margin: 17px 0 0 10px; font: normal 16px 'PT Sans Narrow';}
.popup .right-col_more .cost p {font: bold 30px 'PT Sans Narrow'}
.popup .right-col_more .cost span {display: inline-block; zoom: 1; *display: inline;}
.popup .right-col_more .cost .rub {margin: 17px 0 0 10px; font: normal 16px 'PT Sans Narrow';}
.popup .head {padding: 20px 20px 0 20px;}
.popup .head h1 {margin: 0 0 5px 0;}
.popup .head p {color: #808080; border-bottom: 1px dotted #808080; padding: 0 0 10px 0; margin: 0;font-size: 14px;}
.popup .btn-reserve {position: absolute; bottom: 0px; left:20px;}
.popup .btn-reserve_ss {position: absolute; bottom: 0px; left:20px;}
.popup .result {margin-left: 20px; color: #009900;}

.globpopup {width: 433px; height: 505px; background: #F3F3F3; border: 1px solid #CCCCCC; overflow: hidden; position: fixed; top: 1%; left: 50%; margin: 0 0 0 -216px; z-index: 9999; display: none;}
.globpopup .wrap {position: relative; height: 515px;}
.globpopup .left-col {width: 435px; float: left;}
.globpopup.newyear .right-col {width: 290px; float: right;}
.globpopup .left-col dl dt {margin: 0 0 15px 0; background-color: rgba(0,0,0,0);}
.globpopup .left-col dl dt:hover{box-shadow: none;}
.globpopup .wrapper {padding: 20px;}
.globpopup label {display: block; font: normal 18px Trebuchet MS; margin: 0 0 5px 0; color: #808080;}
.globpopup .text {background: url(../img/input-text.png) no-repeat; width: 250px; height: 42px; border: none; font: normal 22px Trebuchet MS; padding: 0 3px;}
.globpopup .date {background: url(../img/input-date.png) no-repeat; width: 246px; height: 42px; border: none; padding: 0 3px;}
.globpopup .btn-reserve-medium {width: 252px;}
.globpopup .preview-room {margin: 0 0 30px 0;}
.globpopup .preview-room ul {list-style: none; padding: 0; margin: 0 0 0 -10px; overflow: hidden;}
.globpopup .preview-room ul li {float: left; margin: 0 0 0 10px;}
.globpopup .preview-room .img {margin: 0 0 15px 0;}
.globpopup .preview-room .img img {max-width: 250px;}
.globpopup .close {position: absolute; top: 10px; right: 10px;}
.globpopup .close a {background: url(../img/close.png) no-repeat; width: 26px; height: 26px; display: block;}
.globpopup .close a:hover {background-position: 0 -36px;}
.globpopup .close a:active {background-position: 0 -72px;}
.globpopup .head {padding: 20px 20px 0 20px;}
.globpopup .head h1 {margin: 0 0 5px 0;}
.globpopup .head p {color: #808080; border-bottom: 1px dotted #808080; padding: 0 0 10px 0; margin: 0;}
.globpopup .btn-reserve {position: absolute; bottom: 30px; left: 50%; margin: 0 0 0 -75px;}
.globpopup .result {margin-left: 20px; color: #009900;}
.globpopup #glob_comment {resize: none; border-radius: 3px; border: 1px solid #c0c0c0; background-size: cover; width: 250px; height: 126px; font: normal 22px Trebuchet MS; padding: 0 3px;}

.shadow {display: none;}
.bg-opacity {width: 100%; height: 100%; background: #000; opacity: 0.7; position: absolute; top: 0; left: 0; z-index: 100; display: none;}

.paginator {text-align: left; margin: 10px 0 30px 0;}
.paginator a {display: inline-block; zoom: 1; *display: inline; top: 0px; width: 26px; height: 26px; border: 1px solid #ccc; border-radius: 5px; text-decoration: none; text-align: center; font: normal 16px/24px 'Ubuntu'; color: #505050; vertical-align: top; margin: 0 0 0 5px;}
.paginator a:hover {color: #fff; background: #FF5757; border-color: #FF5757;}
.paginator a.active {color: #fff; background: #FF5757; border-color: #FF5757;}
.paginator a.prev {font: normal 16px/22px 'Ubuntu';}
.paginator a.next {font: normal 16px/22px 'Ubuntu';}

#cuselFrame-cuSel-0 select{width: 426px !important;}




.cusel { /* общий вид селекта включая стрелку справа */
	height: 41px;
	width: 287px !important;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-size: 14px;
	z-index: 1;
	background: url(../img/select.png) no-repeat; width:287px; border: none;
}
.cusel select {width: 287px !important;}


.object .cusel{background: url(../img/select.png) no-repeat; width:427px; border: none;}
.object select{width: 427px !important;}
.object .cuselText {font: normal 20px 'PT Sans';}
.rooms .cusel {background: url(../img/rooms-select.png) no-repeat; width: 115px; border: none;}
.rooms select{width: 115px !important;}
.rooms .cuselText {width:23px; text-align:center; font: normal 20px 'PT Sans';}
.status .cusel {background: url(../img/admin-select.png) no-repeat; border: none; width: 151px; height: 28px; margin: 8px 0 0 0;}
.status select {width: 151px !important;}
.status .cuselText {padding: 3px 0 0 7px;}
.status .cusel .cusel-scroll-wrap {font: normal 14px 'PT Sans';}


 /* левая чсть селект. обыно скругление и левая граница */

.cuselFrameRight {
	position: absolute;
	z-index: 2;
	top: 0;
	left:0;
	height: 100%;
	width:71px;
	background-position: right top;
}


.cuselText { /* контейнер для отображенного текста селект */
	padding: 7px 0 0 10px; /* подбираем отступы и высоту для видимого текста в селекте */
	cursor: pointer;
	overflow: hidden;
	position: relative;
	z-index: 1;
	font: normal 18px 'PT Sans Narrow', sans-serif; /* шрифты */
	position: absolute;
	top: 0;
	left: 0;
	color: #000;
	height:28px;
	width:237px;
}
.jScrollPaneDrag, .jScrollArrowUp, .jScrollArrowDown {
    background: rgba(0, 0, 0, 0) url("../img/selects-2.png") no-repeat scroll 0 0;
}

* html .cuselText { /* высота блока для текста для ие6 */
	height: 22px;
}
.cusel span { /* оформление оптиона */
	display: block;
	cursor: pointer;
	white-space: nowrap;
	padding: 2px 15px 2px 5px; /* паддинг справа - это отступ текста от ползунка */
	zoom: 1;
	font: normal 18px 'PT Sans Narrow';
	overflow:hidden;
}
.cusel span:hover,
.cusel .cuselOptHover { /* реакция оптиона на наведение */
	background: #ddd;
	color: #9F2B30;
}
.cusel .cuselActive { /* оформление активного оптиона в списке */
	background: #ddd;
	color: #9F2B30;
	cursor: default;
}

.cuselOpen {
	z-index: 999;
}

/*
	styles for disabled select
*/
.classDisCusel,
.classDisCusel .cuselFrameRight {
	background-image: url(../img/select.png) !important;
	cursor: default;
	color: #ccc;
}
.classDisCusel .cuselText {
	cursor: default;
}


/*
	styles for scrollbar
*/
.cusel .cusel-scroll-wrap { /* контейнер для блока с прокруткой */
	display: block;
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 100%;
	background: #fff; /* фон выпадающего списка */
	min-width: 100%;
	width: auto;
	font: normal 20px 'PT Sans';
}

.cusel .cusel-scroll-wrap span {padding: 5px;}

.cusel .jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 5;
	border: 1px solid #999; /* границы выпадающего спиcка */
}

.cusel .jScrollPaneTrack { /* трек для ползунка прокрутки */
	height: 100%;
	width: 7px !important;
	background: #ccc;
	position: absolute;
	top: 0;
	right: 4px;
}
.cusel .jScrollPaneDrag { /* ползунок */
	position: absolute;
	background-position: -40px -26px;
	cursor: pointer;
	width: 15px !important;
	height: 27px !important;
	right: -4px;
	
}

.cusel .jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.cusel .jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.cusel .jScrollArrowUp { /* стрелка вверх */
	position: absolute;
	top: 0;
	right: 2px;
	width: 26px;
	height: 12px;
	cursor: pointer;
	background-position: -2px -26px;
	overflow: hidden;
}
.cusel .jScrollArrowDown { /* стрелка вниз */
	width: 25px;
	height: 12px;
	position: absolute;
	top: auto;
	bottom: 0;
	right: 3px;
	cursor: pointer;
	background-position: -21px -26px;
	overflow: hidden;
}

.ceson {width:98%; margin-left:10px; color:#fff;}
.ceson td {background-color: #bf437e;    font-family: PT Sans;   font-size: 16px;    padding: 12px 22px;    vertical-align: middle;    width: 150px;}
.ceson td.price {text-align:center; font-size:20px; width: 200px;}

.popup_ceson {width:87%; margin-left: 19px; margin-top:-40px; color:#404040; border-collapse: collapse;}
.popup_ceson td {font-family: PT Sans;   font-size: 13px;  border:1px #505050 solid;    padding: 5px 5px;    vertical-align: middle;    width: 150px;}
.popup_ceson td.price {text-align:center; font-size:14px; width:80px;}

.cubelogo{
    position: absolute;
    display: block;
    right: 2px;
    top: 53px;
    line-height: 37px;
    padding-right: 0;
    color: #808080;
    font-size: 13px;
    text-decoration: none;
		text-decoration: none;
		font-size: .867em;
		line-height: 1.692em;
		color: #999;
}
.cubelogo:hover{
	color:#fff;
}

.noticefancy{
	font-size: 20px;
    padding: 10px 15px;
    color: #33106B;
    text-align: center;
}


@media screen and (max-width: 995px) , screen and (max-height: 700px) {
 .popup .head p{display:none;}
}

.new_year {border-radius: 10px; color: #fff;
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ec3c84 0%, #851946 100%) repeat scroll 0 0; display:none!important;}

.ny.btn-reserve a{font-size:24px; width:170px; height:32px; padding-top:7px; margin-bottom:20px;}

.newyear.globpopup {height:420px; width:590px;  margin: 0 0 0 -295px;}

.newyear.globpopup .wrap {
    height: 430px;
    position: relative;
}

.newyear.globpopup #ny_comment {
    background-size: cover;
    border: 1px solid #c0c0c0;
    border-radius: 3px;
    font: 22px Trebuchet MS;
    height: 136px;
    padding: 0 3px;
    resize: none;
    width: 250px;
}
.room_capacity{
	width: 50%;
	float: left;
}
.room_capacity .cusel{
	width: 100% !important;
	background-position: center right;
}

.room_capacity .cusel select {width: 100% !important;}
.room_capacity .cuselText {
	width: 70% !important;
	border-left: 1px solid #c4c4c4;
}

#room_capacity_men .fa {
	font-size: 18px;
	margin: 1px;
	color: #505050;
}

#room_capacity_men{
	font-size: 16px;
}
.room_capacity_ span{display: none}
.room_capacity_0 span:nth-child(n+2){display: none !important;}
.room_capacity_1 span:nth-child(n+3){display: none !important;}
.room_capacity_2 span:nth-child(n+4){display: none !important;}
.room_capacity_3 span:nth-child(n+5){display: none !important;}
.room_capacity_4 span:nth-child(n+6){display: none !important;}

.o-clock{
	font-style: normal;
	font-size: 14px;
}
.o-clock .fa{
	margin: 0 3px 0 5px;
}

.o-clock b{
	font-size: 16px;
}
.fz {font-size:12px!important;}
/*New styles from 11.12.2019*/
@media screen and (max-height:680px) {
	.popup .wrapper {
		padding: 10px 20px 0px 20px;
	}
}

/* custom */
.linkz_3{
	display: none;
}
.parom{
	display: none;
}