@charset "UTF-8";
@font-face {
	font-family: HeliosCondWeb;
	src: url(../font/HLS57__W.eot);
	src: local('HeliosCond Web'), local('HeliosCondWeb'), url(../font/HLS57__W.eot?#iefix) format('embedded-opentype'), url(../font/HLS57__W.woff) format('woff'), url(../font/HLS57__W.ttf) format('truetype');
	font-weight: 400;
	font-style: normal
}

.clearfix {
	*zoom: 1
}

.clearfix:before, .clearfix:after {
	display: table;
	content: "";
	line-height: 0
}

.clearfix:after {
	clear: both
}

.hide-text {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0
}

.input-block-level {
	display: block;
	width: 100%;
	min-height: 24px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

html {
	height: 100%;
	min-height: 100%;
	max-height: 100%;
	overflow: hidden;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-family: HeliosCondWeb
}

* {
	box-sizing: border-box;
	font-family: HeliosCondWeb
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
	display: block
}

body {
	margin: 0;
	height: 100%;
	min-height: 100%;
	max-height: 100%;
	overflow: hidden;
	padding: 0;
	font-size: 16px;
	font-family: HeliosCondWeb
}

.main-header {
	z-index: 10000;
	background-repeat: repeat-x;
	padding: 0;
	position: fixed;
	height: 54px;
	min-height: 54px;
	width: 100%;
	top: 0;
	left: 0;
	transition: all .3s ease
}

.main-header .logo {
	height: 54px;
	width: 1920px;
	overflow: hidden;
	margin: 0;
	font-size: 18px;
	line-height: 1.2em;
	font-weight: 400;
	float: left
}

.main-header .logo .country {
	line-height: 48px;
	height: 54px;
	font-size: 125%;
	padding: 0 15px;
	background-repeat: no-repeat;
	background-position: right 6px;
	float: left;
	letter-spacing: .05em;
	text-align: center
}

.main-header .logo .hotel {
	line-height: 27px;
	height: 54px;
	margin-top: 3px;
	overflow-x: hidden;
	float: left;
	padding: 0 12px;
	position: relative;
	letter-spacing: .05em;
	min-width: 106px;
	white-space: nowrap
}

.main-header .logo .hotel .star {
	height: 16px;
	width: 96px;
	position: absolute;
	bottom: 12px;
	left: 12px;
	background-repeat: no-repeat;
	background-position: 0 0
}

.main-header .logo .hotel .star.star1 {
	width: 16px
}

.main-header .logo .hotel .star.star2 {
	width: 36px
}

.main-header .logo .hotel .star.star3 {
	width: 56px
}

.main-header .logo .hotel .star.star4 {
	width: 76px
}

.main-header .logo .hotel .star.star5 {
	width: 96px
}

.main-header .main-menu {
	overflow: hidden;
	transition: width .3s ease;
	margin-top: 4px;
	position: absolute;
	right: 0
}

.main-header .main-menu ul {
	padding: 0 15px 0 0;
	margin: 0;
	list-style: none
}

.main-header .main-menu ul li {
	padding: 0;
	margin: 0;
	float: left
}

.main-header .main-menu ul li a {
	display: block;
	height: 100%;
	width: 100%;
	text-decoration: none;
	text-indent: -1000px;
	float: left;
	outline: 0;
	margin: 0 3px;
	background-repeat: no-repeat
}

.main-header .main-menu ul li a.category {
	width: 44px;
	height: 44px;
	display: none
}

.main-header .main-menu ul li a.b-hotel {
	background-position: -153px -153px
}

.main-header .main-menu ul li a.b-hotel:hover {
	background-position: -102px -153px
}

.main-header .main-menu ul li a.b-hotel.active {
	background-position: -51px -153px
}

.main-header .main-menu ul li a.b-hotel.active:hover {
	background-position: -102px -153px
}

.main-header .main-menu ul li a.b-beauty {
	background-position: -153px 0
}

.main-header .main-menu ul li a.b-beauty:hover {
	background-position: -102px 0
}

.main-header .main-menu ul li a.b-beauty.active {
	background-position: -51px 0
}

.main-header .main-menu ul li a.b-beauty.active:hover {
	background-position: -102px 0
}

.main-header .main-menu ul li a.b-pool {
	background-position: -153px -51px
}

.main-header .main-menu ul li a.b-pool:hover {
	background-position: -102px -51px
}

.main-header .main-menu ul li a.b-pool.active {
	background-position: -51px -51px
}

.main-header .main-menu ul li a.b-pool.active:hover {
	background-position: -102px -51px
}

.main-header .main-menu ul li a.b-food {
	background-position: -153px -306px
}

.main-header .main-menu ul li a.b-food:hover {
	background-position: -102px -306px
}

.main-header .main-menu ul li a.b-food.active {
	background-position: -51px -306px
}

.main-header .main-menu ul li a.b-food.active:hover {
	background-position: -102px -306px
}

.main-header .main-menu ul li a.b-sport {
	background-position: -153px -102px
}

.main-header .main-menu ul li a.b-sport:hover {
	background-position: -102px -102px
}

.main-header .main-menu ul li a.b-sport.active {
	background-position: -51px -102px
}

.main-header .main-menu ul li a.b-sport.active:hover {
	background-position: -102px -102px
}

.main-header .main-menu ul li a.b-children {
	background-position: -153px -204px
}

.main-header .main-menu ul li a.b-children:hover {
	background-position: -102px -204px
}

.main-header .main-menu ul li a.b-children.active {
	background-position: -51px -204px
}

.main-header .main-menu ul li a.b-children.active:hover {
	background-position: -102px -204px
}

.main-header .main-menu ul li a.b-link {
	background-position: -153px -255px
}

.main-header .main-menu ul li a.b-link:hover {
	background-position: -102px -255px
}

.main-header .main-menu ul li a.b-link.active {
	background-position: -51px -255px
}

.main-header .main-menu ul li a.b-link.active:hover {
	background-position: -102px -255px
}

.main-header .main-menu ul li a.menu-item-list {
	width: 44px;
	height: 44px;
	margin: 0 3px;
	background-position: -153px -408px
}

.main-header .main-menu ul li a.menu-item-list:hover {
	background-position: -102px -408px
}

.main-header .main-menu ul li a.menu-item-map {
	width: 58px;
	height: 44px
}

.main-header .main-menu ul li a.menu-item-map.ru {
	background-position: 0 -459px
}

.main-header .main-menu ul li a.menu-item-map.ru:hover {
	background-position: -102px -459px
}

.main-header .main-menu ul li a.menu-item-map.en {
	background-position: 0 -510px
}

.main-header .main-menu ul li a.menu-item-map.en:hover {
	background-position: -102px -510px
}

.main-header .main-menu ul li span {
	display: block;
	height: 40px;
	width: 2px;
	margin: 3px 7px 0;
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
	text-indent: -10000px
}

.main-header .button-back-container {
	display: none
}

#popup_menu {
	width: 200px;
	position: absolute;
	border-width: 1px;
	border-style: solid;
	top: -2px;
	z-index: 9200;
	display: none;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	padding: 0 5px 5px
}

#popup_menu ul {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0
}

#popup_menu ul li {
	background-repeat: no-repeat;
	background-position: 0 0;
	font-size: 12px;
	margin: 2px 0;
	padding: 0
}

#popup_menu ul li a {
	display: block;
	text-decoration: none;
	padding: 5px 0 5px 20px;
	background-repeat: no-repeat;
	background-position: 8px 9px
}

a {
	text-decoration: underline
}

#main {
	width: 100%;
	height: 100%;
	position: relative
}

.map {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%
}

.map .landmarks {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	font-size: 12px
}

.map .landmarks .item {
	position: absolute;
	z-index: 5000;
	text-align: center;
	display: none
}

.map .landmarks .item .map-hotspot {
	z-index: 40;
	outline: 0;
	display: block;
	background-repeat: no-repeat;
	width: 32px;
	height: 45px;
	opacity: .8;
	filter: alpha(opacity=80)
}

.map .landmarks .item .map-hotspot.p-aero-map {
	background-image: url(../img/p_aero.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 3/2),(min-resolution: 1.5dppx) {
	.map .landmarks .item .map-hotspot.p-aero-map {
		background-image: url(../img/p_aero@2x.png);
		background-size: 32px 45px
	}
}

.map .landmarks .item .map-hotspot.p-hotel-map {
	background-image: url(../img/p_hotel.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 3/2),(min-resolution: 1.5dppx) {
	.map .landmarks .item .map-hotspot.p-hotel-map {
		background-image: url(../img/p_hotel@2x.png);
		background-size: 32px 45px
	}
}

.map .landmarks .item .map-hotspot.p-children-map {
	background-image: url(../img/p_children.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 3/2),(min-resolution: 1.5dppx) {
	.map .landmarks .item .map-hotspot.p-children-map {
		background-image: url(../img/p_children@2x.png);
		background-size: 32px 45px
	}
}

.map .landmarks .item .map-hotspot.p-sport-map {
	background-image: url(../img/p_sport.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 3/2),(min-resolution: 1.5dppx) {
	.map .landmarks .item .map-hotspot.p-sport-map {
		background-image: url(../img/p_sport@2x.png);
		background-size: 32px 45px
	}
}

.map .landmarks .item .map-hotspot.p-beauty-map {
	background-image: url(../img/p_beauty.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 3/2),(min-resolution: 1.5dppx) {
	.map .landmarks .item .map-hotspot.p-beauty-map {
		background-image: url(../img/p_beauty@2x.png);
		background-size: 32px 45px
	}
}

.map .landmarks .item .map-hotspot.p-food-map {
	background-image: url(../img/p_food.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 3/2),(min-resolution: 1.5dppx) {
	.map .landmarks .item .map-hotspot.p-food-map {
		background-image: url(../img/p_food@2x.png);
		background-size: 32px 45px
	}
}

.map .landmarks .item .map-hotspot.p-pool-map {
	background-image: url(../img/p_pool.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 3/2),(min-resolution: 1.5dppx) {
	.map .landmarks .item .map-hotspot.p-pool-map {
		background-image: url(../img/p_pool@2x.png);
		background-size: 32px 45px
	}
}

.map .landmarks .item .map-hotspot.p-link-map {
	background-image: url(../img/p_link.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 3/2),(min-resolution: 1.5dppx) {
	.map .landmarks .item .map-hotspot.p-link-map {
		background-image: url(../img/p_link@2x.png);
		background-size: 32px 45px
	}
}

.map .landmarks .item .map-hotspot:hover {
	opacity: 1;
	filter: alpha(opacity=100)
}

.map .landmarks .item .info {
	font-size: 12px;
	text-align: left;
	line-height: 1.25em;
	min-width: 120px;
	max-width: 250px;
	position: absolute;
	border-width: 1px;
	border-style: solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px 0 0;
	display: none;
	z-index: 10050
}

.map .landmarks .item .info.left {
	left: 110%
}

.map .landmarks .item .info.right {
	right: 110%
}

.map .landmarks .item .info strong {
	display: block;
	white-space: nowrap;
	padding: 0 10px 10px;
	font-weight: 400
}

.map .landmarks .item .info span {
	display: block;
	padding: 0 10px 5px
}

.map .landmarks .item .info ul {
	padding: 1px 0 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	list-style: none;
	list-style-image: none;
	margin: 0;
	border-top-width: 1px;
	border-top-style: solid
}

.map .landmarks .item .info ul li {
	padding: 0;
	margin: 0;
	white-space: nowrap
}

.map .landmarks .item .info ul li a {
	padding: 5px 5px 5px 26px;
	text-decoration: none;
	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	background-repeat: no-repeat;
	background-position: 8px 8px;
	margin: 0 1px
}

.map .buttonContaner .controlsBg {
	-webkit-border-radius: 9px !important;
	-moz-border-radius: 9px !important;
	border-radius: 9px !important
}

.map .buttonContaner #_zinorm {
	-webkit-border-radius: 7px !important;
	-moz-border-radius: 7px !important;
	border-radius: 7px !important
}

.map .buttonContaner #_ziover {
	-webkit-border-radius: 7px !important;
	-moz-border-radius: 7px !important;
	border-radius: 7px !important
}

.map .buttonContaner #_zi_icon {
	-webkit-border-radius: 7px !important;
	-moz-border-radius: 7px !important;
	border-radius: 7px !important
}

.map .buttonContaner #_zonorm {
	-webkit-border-radius: 7px !important;
	-moz-border-radius: 7px !important;
	border-radius: 7px !important
}

.map .buttonContaner #_zoover {
	-webkit-border-radius: 7px !important;
	-moz-border-radius: 7px !important;
	border-radius: 7px !important
}

.map .buttonContaner #_zo_icon {
	-webkit-border-radius: 7px !important;
	-moz-border-radius: 7px !important;
	border-radius: 7px !important
}

.map .map-footer {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	width: 100px;
	height: 29px;
	z-index: 19300;
	right: 0
}

.hotspot-info {
	font-size: 12px;
	text-align: left;
	line-height: 1.25em;
	position: absolute;
	left: 100%;
	display: none;
	z-index: 10050;
	margin: 0
}

.hotspot-info div {
	border-width: 1px;
	border-style: solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px 0 0;
	width: 175px
}

.hotspot-info div strong {
	display: block;
	padding: 0 10px 5px;
	font-weight: 400
}

.hotspot-info div span {
	display: block;
	padding: 0 10px 5px
}

.hotspot-info div ul {
	padding: 1px 0 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	list-style: none;
	list-style-image: none;
	margin: 0 0 1px 1px;
	border-top-width: 1px;
	border-top-style: solid
}

.hotspot-info div ul li {
	padding: 0;
	margin: 0
}

.hotspot-info div ul li a {
	border-top-width: 1px;
	border-top-style: solid;
	padding: 5px 5px 5px 26px;
	text-decoration: none;
	display: block;
	background-repeat: no-repeat;
	background-position: 8px 8px;
	margin: 0 1px
}

#pano_container {
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	position: relative
}

#pano_krpano_container {
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%
}

#pano_title {
	height: 24px;
	top: 0;
	position: absolute;
	line-height: 24px;
	font-size: 12px;
	width: 100%;
	z-index: 9010;
	letter-spacing: .06em
}

#pano_title a {
	display: block;
	float: left;
	overflow-x: hidden;
	width: 52px;
	margin-top: 1px;
	height: 22px;
	line-height: 22px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	border-bottom-right-radius: 3px;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	font-weight: 700
}

#pano_title div {
	display: block;
	padding-left: 0;
	float: left
}

#pano_title div h4 {
	background-image: url(../img/ta.png);
	white-space: nowrap;
	background-repeat: no-repeat;
	background-position: 10px 5px;
	float: left;
	padding: 0 0 0 24px;
	margin: 0;
	font-weight: 400
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 3/2),(min-resolution: 1.5dppx) {
	#pano_title div h4 {
		background-image: url(../img/ta@2x.png);
		background-size: 9px 13px
	}
}

#pano_info {
	display: none;
	height: 100%;
	min-height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	line-height: 22px;
	font-size: 12px;
	width: 150px;
	max-width: 150px;
	z-index: 9020
}

#pano_info em {
	display: block;
	float: right;
	overflow-x: hidden;
	width: 4px;
	height: 22px;
	margin-top: 1px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-left-radius: 3px
}

#pano_info div {
	margin-top: 26px;
	padding: 2px 10px 0
}

#pano_map {
	width: 200px;
	height: 150px;
	position: fixed;
	bottom: 10px;
	left: 10px;
	z-index: 9020;
	border-width: 3px;
	border-style: solid;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px
}

.bottom-logo {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 30px;
	width: 100px
}

.bottom-logo a {
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 0 bottom;
	display: block;
	height: 30px;
	width: 100px;
	margin: 0;
	opacity: .8
}

footer {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	width: 100px;
	height: 29px;
	z-index: 19300;
	right: 0
}

footer #map_control {
	margin: 0 100px 0 0;
	padding: 0;
	width: 100px;
	float: left
}

footer #map_control .button {
	position: absolute;
	left: 0;
	top: 1px;
	width: 20px;
	height: 20px;
	background: none repeat scroll 0 0 #fff;
	border-radius: 3px
}

footer #map_control .icon {
	position: absolute;
	left: 2px;
	top: 3px;
	width: 16px;
	height: 16px
}

.hide {
	display: none
}

.panel-close {
	text-decoration: none;
	display: block;
	float: right;
	width: 32px;
	height: 32px;
	background-image: url(../img/close.png);
	background-position: 8px 8px;
	background-repeat: no-repeat;
	background-color: transparent
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 3/2),(min-resolution: 1.5dppx) {
	.panel-close {
		background-image: url(../img/close@2x.png);
		background-size: 16px 16px
	}
}

#help {
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
	top: 25px;
	position: absolute;
	width: 250px;
	padding: 11px 16px;
	z-index: 11000
}

#help h3 {
	font-size: 16px;
	margin: 9px 0;
	padding: 0;
	font-weight: 400
}

#help div {
	overflow-y: scroll
}

#help div ul {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0
}

#help div ul li {
	background-repeat: no-repeat;
	background-position: 0 0;
	font-size: 14px;
	margin: 2px 0;
	padding: 11px 0 11px 42px
}

#list {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	top: 40px;
	position: absolute;
	width: 50%;
	padding: 11px 16px;
	z-index: 11000;
	border-width: 1px !important;
	border-style: solid !important
}

#list h3 {
	font-size: 16px;
	margin: 5px 0 10px;
	padding: 0;
	font-weight: 400
}

#list .panel-close {
	position: absolute;
	top: 10px;
	right: 8px
}

#list #scrolllist {
	overflow: hidden;
	position: relative;
	width: 100%;
	min-width: 100%;
	height: 100%;
	min-height: 100%;
	max-height: 100%;
	margin: 10px 0
}

#list #scrolllist .category {
	width: 240px;
	max-width: 240px;
	float: left;
	position: relative;
	margin: 0 5px
}

#list #scrolllist .category h4 {
	font-size: 14px;
	padding: 0;
	line-height: 40px;
	margin: 0
}

#list #scrolllist .category h4 span {
	width: 45px;
	height: 40px;
	display: block;
	float: left;
	margin-right: 7px;
	background-repeat: no-repeat
}

#list #scrolllist .category h4 span.b-hotel {
	background-position: -200px -153px
}

#list #scrolllist .category h4 span.b-beauty {
	background-position: -200px 0
}

#list #scrolllist .category h4 span.b-children {
	background-position: -200px -204px
}

#list #scrolllist .category h4 span.b-link {
	background-position: -200px -255px
}

#list #scrolllist .category h4 span.b-pool {
	background-position: -200px -51px
}

#list #scrolllist .category h4 span.b-food {
	background-position: -200px -306px
}

#list #scrolllist .category h4 span.b-sport {
	background-position: -200px -102px
}

#list #scrolllist .category h4 span.b-aero {
	background-position: -200px -357px
}

#list #scrolllist .category ul {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	width: 240px;
	max-width: 240px
}

#list #scrolllist .category ul li {
	background-repeat: no-repeat;
	background-position: 0 0;
	font-size: 12px;
	margin: 2px 0;
	padding: 0;
	width: 240px;
	max-width: 240px
}

#list #scrolllist .category ul li a {
	display: block;
	text-decoration: none;
	padding: 5px 20px 5px 52px;
	background-repeat: no-repeat;
	background-position: 32px 8px
}

#list #scrolllist .mCSB_scrollTools {
	right: 0
}

#list #scrolllist .mCSB_container {
	margin-right: 0
}

#wait {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 11100;
	width: 90px;
	height: 90px;
	margin-top: -45px;
	margin-left: -45px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 9px 9px
}

.minimap {
	border-width: 1px !important;
	border-style: solid !important;
	border-radius: 8px
}

.page-wrap {
	float: right;
	width: 100%;
	transition: width .3s ease
}

.content {
	overflow: hidden;
	position: absolute;
	padding: 0;
	margin: 0;
	top: 54px;
	bottom: 0;
	width: 100%
}

.open-menu {
	display: none
}

.close-menu {
	display: none
}

#lmenu ul {
	padding: 0 0 40px
}

#lmenu ul li a {
	text-decoration: none
}

@media only screen and (max-device-width: 480px), only screen and (max-device-width: 640px), screen and (max-width: 320px) {
	.main-header {
		height: 36px;
		max-height: 36px;
		min-height: 36px;
		overflow: hidden;
		position: relative
	}

	.main-header .logo {
		height: 36px;
		max-height: 36px;
		min-height: 36px;
		margin-left: 32px;
		font-size: 12px;
		position: absolute;
		display: table;
		overflow: hidden
	}

	.main-header .logo .country {
		font-size: 125%;
		padding: 0 8px 0 12px;
		display: table-cell;
		height: 36px;
		line-height: 34px;
		background-position: right 6px
	}

	.main-header .logo .hotel {
		height: 33px;
		top: 2px;
		overflow-x: hidden;
		position: relative;
		padding: 0 0 0 8px;
		white-space: normal;
		font-size: 10px;
		line-height: 10px;
		display: inline-block;
		float: none;
		vertical-align: top
	}

	.main-header .logo .hotel .star {
		height: 12px;
		width: 72px;
		position: absolute;
		bottom: 8px;
		left: 6px;
		display: block;
		background-repeat: no-repeat;
		background-position: 0 0
	}

	.main-header .logo .hotel .star.star1 {
		width: 12px
	}

	.main-header .logo .hotel .star.star2 {
		width: 28px
	}

	.main-header .logo .hotel .star.star3 {
		width: 44px
	}

	.main-header .logo .hotel .star.star4 {
		width: 58px
	}

	.main-header .logo .hotel .star.star5 {
		width: 72px
	}

	.main-header .main-menu {
		display: none
	}

	.main-header .ss-icon {
		position: absolute;
		left: 0;
		top: 3px;
		font-size: 22px;
		height: 32px;
		line-height: 32px;
		width: 32px;
		overflow: hidden;
		padding-left: 7px
	}

	.main-header .button-back-container {
		position: absolute;
		right: 0;
		top: 0;
		width: 32px;
		height: 36px;
		display: block;
		background-repeat: repeat-x;
		background-position: 0 0
	}

	.main-header .button-back-container .button-back {
		height: 100%;
		width: 100%;
		line-height: 38px;
		font-size: 22px;
		overflow: hidden;
		display: none;
		text-decoration: none;
		text-align: center
	}

	.main-header .open-menu {
		display: block
	}

	.content {
		top: 36px
	}

	#pano_title {
		padding-left: 0;
		line-height: 20px;
		height: 20px;
		width: 1920px;
		overflow: hidden
	}

	#pano_title a {
		width: 48px;
		margin-top: 1px;
		height: 17px;
		line-height: 17px;
		-webkit-border-top-right-radius: 2px;
		-moz-border-radius-topright: 2px;
		border-top-right-radius: 2px;
		-webkit-border-bottom-right-radius: 2px;
		-moz-border-radius-bottomright: 2px;
		border-bottom-right-radius: 2px;
		font-size: 10px
	}

	#pano_title div h4 {
		padding: 0 0 0 20px;
		background-position: 7px 3px
	}

	#pano_info em {
		height: 17px;
		-webkit-border-top-left-radius: 3px;
		-moz-border-radius-topleft: 3px;
		border-top-left-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-moz-border-radius-bottomleft: 3px;
		border-bottom-left-radius: 3px;
		overflow: hidden
	}

	#pano_info div {
		margin-top: 24px
	}
}

div:-webkit-full-screen {
	float: none;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: 0 none
}

div:-moz-full-screen {
	float: none;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: 0 none
}

div:-ms-full-screen {
	float: none;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: 0 none
}

div:-o-full-screen {
	float: none;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: 0 none
}

div:full-screen {
	float: none;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: 0 none
}

#fullscreen_controls {
	position: absolute;
	bottom: 40px;
	right: 10px;
	width: 28px;
	height: 28px;
	z-index: 9100;
	display: none
}

#fullscreen_controls .fullscreen-controls-bg {
	width: 100%;
	height: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	opacity: .55
}

#fullscreen_button {
	display: block;
	left: 5px;
	top: 5px;
	width: 18px;
	max-width: 18px;
	min-width: 18px;
	height: 18px;
	font-size: 12px;
	text-align: center;
	opacity: .7;
	position: absolute;
	z-index: 1;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-decoration: none;
	line-height: 21px
}

#fullscreen_button:hover {
	opacity: 1;
	filter: alpha(opacity=100)
}

@font-face {
	font-family: SSStandard;
	src: url(../font/ss-standard/ss-standard.eot);
	src: url(../font/ss-standard/ss-standard.eot?#iefix) format('embedded-opentype'), url(../font/ss-standard/ss-standard.woff) format('woff'), url(../font/fonts/ss-standard/ss-standard.ttf) format('truetype'), url(../fonts/ss-standard/ss-standard.svg#SSStandard) format('svg');
	font-weight: 400;
	font-style: normal
}

.ss-icon, .ss-icon.ss-standard, [class^=ss-]:before, [class*=" ss-"]:before, [class^=ss-].ss-standard:before, [class*=" ss-"].ss-standard:before, [class^=ss-].right:after, [class*=" ss-"].right:after, [class^=ss-].ss-standard.right:after, [class*=" ss-"].ss-standard.right:after {
	font-family: SSStandard;
	font-style: normal;
	font-weight: 400;
	text-decoration: none;
	text-rendering: optimizeLegibility;
	white-space: nowrap;
	-webkit-font-feature-settings: "liga";
	-moz-font-feature-settings: "liga=1";
	-moz-font-feature-settings: "liga";
	-ms-font-feature-settings: "liga" 1;
	-o-font-feature-settings: "liga";
	font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased
}

[class^=ss-].right:before, [class*=" ss-"].ss-standard.right:before {
	display: none;
	content: ''
}

.ss-cursor:before, .ss-cursor.right:after {
	content: ''
}

.ss-crosshair:before, .ss-crosshair.right:after {
	content: '⌖'
}

.ss-search:before, .ss-search.right:after {
	content: ''
}

.ss-zoomin:before, .ss-zoomin.right:after {
	content: ''
}

.ss-zoomout:before, .ss-zoomout.right:after {
	content: ''
}

.ss-view:before, .ss-view.right:after {
	content: ''
}

.ss-attach:before, .ss-attach.right:after {
	content: ''
}

.ss-link:before, .ss-link.right:after {
	content: ''
}

.ss-move:before, .ss-move.right:after {
	content: ''
}

.ss-write:before, .ss-write.right:after {
	content: '✎'
}

.ss-writingdisabled:before, .ss-writingdisabled.right:after {
	content: ''
}

.ss-erase:before, .ss-erase.right:after {
	content: '✐'
}

.ss-compose:before, .ss-compose.right:after {
	content: ''
}

.ss-lock:before, .ss-lock.right:after {
	content: ''
}

.ss-unlock:before, .ss-unlock.right:after {
	content: ''
}

.ss-key:before, .ss-key.right:after {
	content: ''
}

.ss-backspace:before, .ss-backspace.right:after {
	content: '⌫'
}

.ss-ban:before, .ss-ban.right:after {
	content: ''
}

.ss-trash:before, .ss-trash.right:after {
	content: ''
}

.ss-target:before, .ss-target.right:after {
	content: '◎'
}

.ss-tag:before, .ss-tag.right:after {
	content: ''
}

.ss-bookmark:before, .ss-bookmark.right:after {
	content: ''
}

.ss-flag:before, .ss-flag.right:after {
	content: '⚑'
}

.ss-like:before, .ss-like.right:after {
	content: ''
}

.ss-dislike:before, .ss-dislike.right:after {
	content: ''
}

.ss-heart:before, .ss-heart.right:after {
	content: '♥'
}

.ss-halfheart:before, .ss-halfheart.right:after {
	content: ''
}

.ss-star:before, .ss-star.right:after {
	content: '⋆'
}

.ss-halfstar:before, .ss-halfstar.right:after {
	content: ''
}

.ss-sample:before, .ss-sample.right:after {
	content: ''
}

.ss-crop:before, .ss-crop.right:after {
	content: ''
}

.ss-layers:before, .ss-layers.right:after {
	content: ''
}

.ss-phone:before, .ss-phone.right:after {
	content: ''
}

.ss-phonedisabled:before, .ss-phonedisabled.right:after {
	content: ''
}

.ss-rss:before, .ss-rss.right:after {
	content: ''
}

.ss-facetime:before, .ss-facetime.right:after {
	content: ''
}

.ss-reply:before, .ss-reply.right:after {
	content: '↩'
}

.ss-send:before, .ss-send.right:after {
	content: ''
}

.ss-mail:before, .ss-mail.right:after {
	content: '✉'
}

.ss-inbox:before, .ss-inbox.right:after {
	content: ''
}

.ss-chat:before, .ss-chat.right:after {
	content: ''
}

.ss-user:before, .ss-user.right:after {
	content: ''
}

.ss-femaleuser:before, .ss-femaleuser.right:after {
	content: ''
}

.ss-users:before, .ss-users.right:after {
	content: ''
}

.ss-cart:before, .ss-cart.right:after {
	content: ''
}

.ss-creditcard:before, .ss-creditcard.right:after {
	content: ''
}

.ss-dollarsign:before, .ss-dollarsign.right:after {
	content: ''
}

.ss-barchart:before, .ss-barchart.right:after {
	content: ''
}

.ss-piechart:before, .ss-piechart.right:after {
	content: ''
}

.ss-box:before, .ss-box.right:after {
	content: ''
}

.ss-home:before, .ss-home.right:after {
	content: '⌂'
}

.ss-globe:before, .ss-globe.right:after {
	content: ''
}

.ss-navigate:before, .ss-navigate.right:after {
	content: ''
}

.ss-compass:before, .ss-compass.right:after {
	content: ''
}

.ss-signpost:before, .ss-signpost.right:after {
	content: ''
}

.ss-location:before, .ss-location.right:after {
	content: ''
}

.ss-map:before, .ss-map.right:after {
	content: ''
}

.ss-pin:before, .ss-pin.right:after {
	content: ''
}

.ss-database:before, .ss-database.right:after {
	content: ''
}

.ss-hdd:before, .ss-hdd.right:after {
	content: ''
}

.ss-music:before, .ss-music.right:after {
	content: '♫'
}

.ss-mic:before, .ss-mic.right:after {
	content: ''
}

.ss-volume:before, .ss-volume.right:after {
	content: ''
}

.ss-volumelow:before, .ss-volumelow.right:after {
	content: ''
}

.ss-volumehigh:before, .ss-volumehigh.right:after {
	content: ''
}

.ss-airplay:before, .ss-airplay.right:after {
	content: ''
}

.ss-camera:before, .ss-camera.right:after {
	content: ''
}

.ss-picture:before, .ss-picture.right:after {
	content: ''
}

.ss-video:before, .ss-video.right:after {
	content: ''
}

.ss-play:before, .ss-play.right:after {
	content: '▶'
}

.ss-pause:before, .ss-pause.right:after {
	content: ''
}

.ss-stop:before, .ss-stop.right:after {
	content: '■'
}

.ss-record:before, .ss-record.right:after {
	content: '●'
}

.ss-rewind:before, .ss-rewind.right:after {
	content: '⏪'
}

.ss-fastforward:before, .ss-fastforward.right:after {
	content: '⏩'
}

.ss-skipback:before, .ss-skipback.right:after {
	content: '⏮'
}

.ss-skipforward:before, .ss-skipforward.right:after {
	content: '⏭'
}

.ss-eject:before, .ss-eject.right:after {
	content: '⏏'
}

.ss-repeat:before, .ss-repeat.right:after {
	content: ''
}

.ss-replay:before, .ss-replay.right:after {
	content: '↺'
}

.ss-shuffle:before, .ss-shuffle.right:after {
	content: ''
}

.ss-book:before, .ss-book.right:after {
	content: ''
}

.ss-openbook:before, .ss-openbook.right:after {
	content: ''
}

.ss-notebook:before, .ss-notebook.right:after {
	content: ''
}

.ss-grid:before, .ss-grid.right:after {
	content: ''
}

.ss-rows:before, .ss-rows.right:after {
	content: ''
}

.ss-columns:before, .ss-columns.right:after {
	content: ''
}

.ss-thumbnails:before, .ss-thumbnails.right:after {
	content: ''
}

.ss-desktop:before, .ss-desktop.right:after {
	content: ''
}

.ss-laptop:before, .ss-laptop.right:after {
	content: ''
}

.ss-tablet:before, .ss-tablet.right:after {
	content: ''
}

.ss-cell:before, .ss-cell.right:after {
	content: ''
}

.ss-battery:before, .ss-battery.right:after {
	content: ''
}

.ss-batteryhigh:before, .ss-batteryhigh.right:after {
	content: ''
}

.ss-batterymedium:before, .ss-batterymedium.right:after {
	content: ''
}

.ss-batterylow:before, .ss-batterylow.right:after {
	content: ''
}

.ss-batteryempty:before, .ss-batteryempty.right:after {
	content: ''
}

.ss-clouddownload:before, .ss-clouddownload.right:after {
	content: ''
}

.ss-download:before, .ss-download.right:after {
	content: ''
}

.ss-cloudupload:before, .ss-cloudupload.right:after {
	content: ''
}

.ss-upload:before, .ss-upload.right:after {
	content: ''
}

.ss-fork:before, .ss-fork.right:after {
	content: ''
}

.ss-merge:before, .ss-merge.right:after {
	content: ''
}

.ss-refresh:before, .ss-refresh.right:after {
	content: '↻'
}

.ss-sync:before, .ss-sync.right:after {
	content: ''
}

.ss-loading:before, .ss-loading.right:after {
	content: ''
}

.ss-wifi:before, .ss-wifi.right:after {
	content: ''
}

.ss-connection:before, .ss-connection.right:after {
	content: ''
}

.ss-file:before, .ss-file.right:after {
	content: ''
}

.ss-folder:before, .ss-folder.right:after {
	content: ''
}

.ss-quote:before, .ss-quote.right:after {
	content: '“'
}

.ss-text:before, .ss-text.right:after {
	content: ''
}

.ss-font:before, .ss-font.right:after {
	content: ''
}

.ss-print:before, .ss-print.right:after {
	content: '⎙'
}

.ss-fax:before, .ss-fax.right:after {
	content: ''
}

.ss-list:before, .ss-list.right:after {
	content: ''
}

.ss-layout:before, .ss-layout.right:after {
	content: ''
}

.ss-action:before, .ss-action.right:after {
	content: ''
}

.ss-redirect:before, .ss-redirect.right:after {
	content: '↪'
}

.ss-expand:before, .ss-expand.right:after {
	content: '⤢'
}

.ss-contract:before, .ss-contract.right:after {
	content: ''
}

.ss-help:before, .ss-help.right:after {
	content: '❓'
}

.ss-info:before, .ss-info.right:after {
	content: 'ℹ'
}

.ss-alert:before, .ss-alert.right:after {
	content: '⚠'
}

.ss-caution:before, .ss-caution.right:after {
	content: '⛔'
}

.ss-logout:before, .ss-logout.right:after {
	content: ''
}

.ss-plus:before, .ss-plus.right:after {
	content: '+'
}

.ss-hyphen:before, .ss-hyphen.right:after {
	content: '-'
}

.ss-check:before, .ss-check.right:after {
	content: '✓'
}

.ss-delete:before, .ss-delete.right:after {
	content: '␡'
}

.ss-settings:before, .ss-settings.right:after {
	content: '⚙'
}

.ss-dashboard:before, .ss-dashboard.right:after {
	content: ''
}

.ss-notifications:before, .ss-notifications.right:after {
	content: ''
}

.ss-notificationsdisabled:before, .ss-notificationsdisabled.right:after {
	content: ''
}

.ss-clock:before, .ss-clock.right:after {
	content: '⏲'
}

.ss-stopwatch:before, .ss-stopwatch.right:after {
	content: '⏱'
}

.ss-calendar:before, .ss-calendar.right:after {
	content: ''
}

.ss-calendaradd:before, .ss-calendaradd.right:after {
	content: ''
}

.ss-calendarremove:before, .ss-calendarremove.right:after {
	content: ''
}

.ss-calendarcheck:before, .ss-calendarcheck.right:after {
	content: ''
}

.ss-calendardelete:before, .ss-calendardelete.right:after {
	content: ''
}

.ss-briefcase:before, .ss-briefcase.right:after {
	content: ''
}

.ss-cloud:before, .ss-cloud.right:after {
	content: '☁'
}

.ss-droplet:before, .ss-droplet.right:after {
	content: ''
}

.ss-navigateup:before, .ss-navigateup.right:after {
	content: ''
}

.ss-navigateright:before, .ss-navigateright.right:after {
	content: '▻'
}

.ss-navigatedown:before, .ss-navigatedown.right:after {
	content: ''
}

.ss-navigateleft:before, .ss-navigateleft.right:after {
	content: '◅'
}

.ss-up:before, .ss-up.right:after {
	content: '⬆'
}

.ss-upright:before, .ss-upright.right:after {
	content: '⬈'
}

.ss-right:before, .ss-right.right:after {
	content: '➡'
}

.ss-downright:before, .ss-downright.right:after {
	content: '⬊'
}

.ss-down:before, .ss-down.right:after {
	content: '⬇'
}

.ss-downleft:before, .ss-downleft.right:after {
	content: '⬋'
}

.ss-left:before, .ss-left.right:after {
	content: '⬅'
}

.ss-upleft:before, .ss-upleft.right:after {
	content: '⬉'
}

.ss-directup:before, .ss-directup.right:after {
	content: '▴'
}

.ss-directright:before, .ss-directright.right:after {
	content: '▹'
}

.ss-dropdown:before, .ss-dropdown.right:after {
	content: '▾'
}

.ss-directleft:before, .ss-directleft.right:after {
	content: '◃'
}

.ss-retweet:before, .ss-retweet.right:after {
	content: ''
}

.mCSB_container {
	width: auto;
	margin-right: 30px;
	overflow: hidden
}

.mCSB_container.mCS_no_scrollbar {
	margin-right: 0
}

.mCS_disabled > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar, .mCS_destroyed > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar {
	margin-right: 30px
}

.mCustomScrollBox > .mCSB_scrollTools {
	width: 16px;
	height: 100%;
	top: 0;
	right: 0
}

.mCSB_scrollTools .mCSB_draggerContainer {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: auto
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
	margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
	width: 4px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px
}

.mCSB_scrollTools .mCSB_dragger {
	cursor: pointer;
	width: 100%;
	height: 30px
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 4px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align: center
}

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown {
	display: block;
	position: relative;
	height: 20px;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
	top: 100%;
	margin-top: -40px
}

.mCSB_horizontal > .mCSB_container {
	height: auto;
	margin-right: 0;
	margin-bottom: 30px;
	overflow: hidden
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
	margin-bottom: 0
}

.mCS_disabled > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar, .mCS_destroyed > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
	margin-right: 0;
	margin-bottom: 30px
}

.mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools {
	width: 100%;
	height: 16px;
	top: auto;
	right: auto;
	bottom: 0;
	left: 0;
	overflow: hidden
}

.mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer {
	margin: 0 20px
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
	width: 100%;
	height: 2px;
	margin: 7px 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger {
	width: 30px;
	height: 100%
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 4px;
	margin: 6px auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight {
	display: block;
	position: relative;
	width: 20px;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer;
	float: left
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight {
	margin-left: -40px;
	float: right
}

.mCustomScrollBox {
	-ms-touch-action: none
}

.mCustomScrollBox > .mCSB_scrollTools {
	opacity: .75;
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)"
}

.mCustomScrollBox:hover > .mCSB_scrollTools {
	opacity: 1;
	filter: "alpha(opacity=100)";
	-ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
	background: #000;
	background: rgba(0, 0, 0, .4);
	filter: "alpha(opacity=40)";
	-ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #fff;
	background: rgba(255, 255, 255, .75);
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background: rgba(255, 255, 255, .85);
	filter: "alpha(opacity=85)";
	-ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background: rgba(255, 255, 255, .9);
	filter: "alpha(opacity=90)";
	-ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
	background-image: url(../img/mCSB_buttons.png);
	background-repeat: no-repeat;
	opacity: .4;
	filter: "alpha(opacity=40)";
	-ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
	background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
	background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
	background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover {
	opacity: .75;
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active {
	opacity: .9;
	filter: "alpha(opacity=90)";
	-ms-filter: "alpha(opacity=90)"
}

.mCS-dark > .mCSB_scrollTools .mCSB_draggerRail {
	background: #000;
	background: rgba(0, 0, 0, .15)
}

.mCS-dark > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #000;
	background: rgba(0, 0, 0, .75)
}

.mCS-dark > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background: rgba(0, 0, 0, .85)
}

.mCS-dark > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background: rgba(0, 0, 0, .9)
}

.mCS-dark > .mCSB_scrollTools .mCSB_buttonUp {
	background-position: -80px 0
}

.mCS-dark > .mCSB_scrollTools .mCSB_buttonDown {
	background-position: -80px -20px
}

.mCS-dark > .mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -80px -40px
}

.mCS-dark > .mCSB_scrollTools .mCSB_buttonRight {
	background-position: -80px -56px
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_draggerRail {
	width: 4px;
	background: #fff;
	background: rgba(255, 255, 255, .1);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 4px;
	background: #fff;
	background: rgba(255, 255, 255, .75);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px
}

.mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
	width: 100%;
	height: 4px;
	margin: 6px 0
}

.mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 4px;
	margin: 6px auto
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background: rgba(255, 255, 255, .85)
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background: rgba(255, 255, 255, .9)
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px 0
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -20px
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -40px
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -56px
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_draggerRail {
	width: 4px;
	background: #000;
	background: rgba(0, 0, 0, .1);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 4px;
	background: #000;
	background: rgba(0, 0, 0, .75);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px
}

.mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
	width: 100%;
	height: 4px;
	margin: 6px 0
}

.mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 4px;
	margin: 6px auto
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background: rgba(0, 0, 0, .85)
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background: rgba(0, 0, 0, .9)
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px 0
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -20px
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -40px
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -56px
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_draggerRail {
	width: 4px;
	background: #fff;
	background: rgba(255, 255, 255, .1);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 4px;
	background: #fff;
	background: rgba(255, 255, 255, .75);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
	width: 100%;
	height: 4px;
	margin: 6px 0
}

.mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 6px;
	margin: 5px auto
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background: rgba(255, 255, 255, .85)
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background: rgba(255, 255, 255, .9)
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonUp {
	background-position: -16px 0
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonDown {
	background-position: -16px -20px
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -20px -40px
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonRight {
	background-position: -20px -56px
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_draggerRail {
	width: 4px;
	background: #000;
	background: rgba(0, 0, 0, .1);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
	background: #000;
	background: rgba(0, 0, 0, .75);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
	width: 100%;
	height: 4px;
	margin: 6px 0
}

.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 6px;
	margin: 5px auto
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background: rgba(0, 0, 0, .85)
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background: rgba(0, 0, 0, .9)
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonUp {
	background-position: -96px 0
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonDown {
	background-position: -96px -20px
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -100px -40px
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonRight {
	background-position: -100px -56px
}

.mCS-light-thin > .mCSB_scrollTools .mCSB_draggerRail {
	background: #fff;
	background: rgba(255, 255, 255, .1)
}

.mCS-light-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 4px
}

.mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
	width: 100%
}

.mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 5px;
	margin: 7px auto
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_draggerRail {
	background: #000;
	background: rgba(0, 0, 0, .15)
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 2px;
	background: #000;
	background: rgba(0, 0, 0, .75)
}

.mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
	width: 100%
}

.mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 2px;
	margin: 7px auto
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background: rgba(0, 0, 0, .85)
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background: rgba(0, 0, 0, .9)
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonUp {
	background-position: -80px 0
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonDown {
	background-position: -80px -20px
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -80px -40px
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonRight {
	background-position: -80px -56px
}

.mCustomScrollBox > .mCSB_scrollTools {
	right: 9px
}

html.mmenu-opened, html.mmenu-opened body {
	height: 100%;
	width: 100%;
	overflow: hidden
}

html.mmenu-opened body {
	position: relative
}

.mmenu {
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch
}

.mmenu, .mmenu * {
	-webkit-text-size-adjust: none;
	font-family: Arial, Helvetica, Garuda, sans-serif;
	font-size: 14px
}

.mmenu ul, .mmenu li, .mmenu li > a, .mmenu li > span {
	display: block;
	padding: 0;
	margin: 0
}

.mmenu > ul {
	padding: 10px 0 40px
}

html.mmenu-left .mmenu > ul > li {
	padding-right: 65px
}

html.mmenu-right .mmenu > ul > li {
	padding-left: 65px
}

html.mmenu-opened .mmenu.mmenu-opened {
	display: block
}

html.mmenu-opened .mmenu-page {
	box-shadow: 0 0 20px rgba(0, 0, 0, .8);
	background-color: inherit;
	min-height: 100%;
	position: absolute;
	z-index: 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

#mmenu-blocker {
	display: none
}

html.mmenu-opened #mmenu-blocker {
	background: rgba(255, 255, 255, .1);
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 2
}

html.mmenu-opened .mmenu-page, html.mmenu-opened #mmenu-blocker {
	-webkit-transition: left .5s ease, right .5s ease, margin .5s ease;
	-moz-transition: left .5s ease, right .5s ease, margin .5s ease;
	transition: left .5s ease, right .5s ease, margin .5s ease
}

html.mmenu-left.mmenu-opened .mmenu-page, html.mmenu-left.mmenu-opened #mmenu-blocker {
	margin-left: 0;
	left: 0
}

html.mmenu-left.mmenu-opening .mmenu-page, html.mmenu-left.mmenu-opening #mmenu-blocker {
	margin-left: -65px;
	left: 100%
}

html.mmenu-right.mmenu-opened .mmenu-page, html.mmenu-right.mmenu-opened #mmenu-blocker {
	margin-right: 0;
	right: 0
}

html.mmenu-right.mmenu-opening .mmenu-page, html.mmenu-right.mmenu-opening #mmenu-blocker {
	margin-right: -65px;
	right: 100%
}

.mmenu {
	background: #333
}

.mmenu * {
	text-shadow: 0 1px 2px rgba(0, 0, 0, .5)
}

.mmenu li {
	border: 0;
	border-top: 1px solid #444;
	border-bottom: 1px solid #111;
	position: relative
}

.mmenu li:first-child {
	border-top-width: 0
}

.mmenu li > a, .mmenu li > span {
	text-indent: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 40px;
	overflow: hidden;
	padding-right: 5px
}

.mmenu li > a, .mmenu li > span, .mmenu li > a:hover {
	color: #999;
	text-decoration: none
}

.mmenu li.mmenu-selected > a, .mmenu li.mmenu-selected > span {
	background: #222
}

.mmenu a.mmenu-subopen {
	border-left: 1px solid #111;
	width: 40px;
	height: 40px;
	padding: 0;
	position: absolute;
	right: 65px;
	top: 0;
	z-index: 2
}

html.mmenu-right .mmenu a.mmenu-subopen {
	right: 0
}

.mmenu ul ul a.mmenu-subopen {
	right: 0
}

.mmenu a.mmenu-subopen.mmenu-fullsubopen {
	width: 100%
}

.mmenu a.mmenu-subopen + a, .mmenu a.mmenu-subopen + span {
	padding-right: 45px
}

.mmenu a.mmenu-subclose {
	background: #222;
	text-indent: 40px;
	padding-top: 10px;
	margin-top: -10px
}

.mmenu.mmenu-vertical ul ul {
	display: none;
	padding: 0 10px 10px
}

.mmenu.mmenu-vertical li.mmenu-selected > ul, .mmenu.mmenu-vertical li.mmenu-opened > ul {
	display: block
}

.mmenu.mmenu-vertical ul ul li:last-child {
	border-bottom-width: 0
}

.mmenu.mmenu-horizontal {
	width: 200%
}

.mmenu.mmenu-horizontal ul {
	width: 50%;
	margin-left: 0;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: margin-left .5s ease;
	-moz-transition: margin-left .5s ease;
	transition: margin-left .5s ease
}

.mmenu.mmenu-horizontal ul.mmenu-submenu {
	display: none
}

.mmenu.mmenu-horizontal ul.mmenu-submenu.mmenu-opened {
	display: block
}

.mmenu.mmenu-horizontal ul.mmenu-subopened {
	margin-left: -50%;
	height: 100%;
	overflow: hidden
}

.mmenu li.mmenu-label {
	background: #444;
	font-size: 11px;
	color: #ccc;
	text-transform: uppercase;
	text-indent: 20px;
	line-height: 20px
}

.mmenu a.mmenu-subopen:after, .mmenu a.mmenu-subclose:before {
	content: '';
	border: 4px solid rgba(255, 255, 255, .3);
	border-left: 0;
	border-top: 0;
	display: block;
	width: 6px;
	height: 6px;
	position: absolute
}

.mmenu a.mmenu-subopen:after {
	right: 16px;
	top: 16px;
	-webkit-transform: rotate(315deg);
	transform: rotate(315deg)
}

.mmenu a.mmenu-subclose:before {
	left: 20px;
	top: 25px;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg)
}

.mmenu.mmenu-vertical li.mmenu-opened > a.mmenu-subopen:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

html.mmenu-right .mmenu a.mmenu-subclose:before {
	left: 85px
}

@media all and (min-width: 500px) {
	.mmenu.mmenu-vertical {
		width: 500px
	}

	html.mmenu-right .mmenu.mmenu-vertical {
		left: auto;
		right: 0
	}

	.mmenu.mmenu-horizontal {
		width: 1000px
	}

	html.mmenu-right .mmenu.mmenu-horizontal {
		left: auto;
		right: -500px
	}

	html.mmenu-left.mmenu-opening .mmenu-page, html.mmenu-left.mmenu-opening #mmenu-blocker {
		left: 500px
	}

	html.mmenu-right.mmenu-opening .mmenu-page, html.mmenu-right.mmenu-opening #mmenu-blocker {
		right: 500px
	}
}