/***************  templates/group/css/global.layout.css  ***************/
/* ----- START LAYOUT COMMON TO ALL PAGES ----- */
/* DOUBLE CLICK FIX */
#condorAddBody #addBodyContent iframe{
	position: absolute;
}

/* START FLOAT ENCLOSING ("EASY CLEARING") */
#holder:after, #main-menu:after, #footer-menu:after,
#socialmedia:after, .hotels-menu-wrapper ul:after,
.flexibleForm:after{
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* END FLOAT ENCLOSING ("EASY CLEARING") */


/* START OFFSCREEN */
div#languages h2{
	display: inline;
	position: absolute;
	overflow: hidden;
	margin: 0;
	border: 0;
	padding: 0;
	width: 0;
	height: 0;
}
/* END OFFSCREEN */

a:focus{
    outline:0; /*removes the dotted border*/
}

html, body{
	width: 100%;
	height: 100%;
	background: #22201C;
}

.onlymobile,
.onlyportrait,
.menuLevel2 .overview{
	display:none;
}

/* COMMON  */
#header ul,
#header li{
	list-style:none;
	padding:0;
	margin:0;
}
.menu li, .socialmedia{
	float:left;
}
.menu li a{
	display:block;
}
select::-ms-expand {
    display: none;
}

/* BACKGROUD ICONS */
.bg,
.after:after,
.before:before,
.externalLink:after,
#mod_mailingList form.flexibleForm .type_selectTitle:before,
.flexibleForm .type_selectTitle:before,
.flexibleForm .type_selectCountry:before,
.flexibleForm .type_selectInPageEditable:before,
#availability-checker.active .bookingTitle:after,
.hotel-catName:before{
	background-repeat:no-repeat;
}
.after:after,
.before:before{
	content:'';
	position:relative;
	pointer-events:none;
}



/* LAYOUT  */
#holder{
	max-width:1600px;
	max-height:100%;
	position:relative;
	margin:0 auto;
	background:#000;
}
	#header{
		position: fixed;
		z-index: 3;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;  /* satufok1 100%;  */
		height: auto;
	/*	max-width:1600px;  satufok1   */
		margin: 0 auto;
	}
		#header > *{
			position:relative;
			z-index:1;
		}
		#brandingWrapper{
			height: 0;
			left: 0;
			margin: 0 auto;
			max-width: 100%; /* satufok1  ;  1600px */
			position: fixed;
			right: 0;
			top: 22px;
			width: 100%;
			z-index: 2;
		}
		#branding{
			height: 150px;
			overflow: hidden;
			position: absolute;
			right: 0;
			top: 0;
			width: 206px;
		}	
			#branding img {
				display: block;
				position: absolute;
				right: 22px;
				top: 0;
				height: auto;
			}
			#branding span{
				position: absolute!important;
				right: 22px;
				overflow: visible;
			}
			#hotel-list {
			  left: 0;
			  position: fixed;
			  top: 0;
			  z-index: 1;
			  text-transform:uppercase;
			}
				#hotel-list .lippo-title {
					cursor: text;
					display: block;
					height: 36px;
					line-height: 36px;
					overflow: hidden;
					padding: 0 30px 0 18px;
					text-overflow: ellipsis;
					white-space: nowrap;
					width: 110px;
					color:#fff;
					font-size:0.95em;
					font-family: "open_sansregular",Arial,Helvetica,sans-serif;
				}
				#hotel-list .lippo-title:after {
					background:none;
				}
				#hotel-list .mini-lippo-link {
					display: none;
				}
				#hotel-list ul.hotel-dropdown {
					left: 0;
					overflow: visible;
					padding: 0;
					position: absolute;
					top: 36px;
					width: 276px;
					display:none;
				}
				#hotel-list ul.hotel-dropdown.display {
					display:block;
				}
				#hotel-list ul li {
					background: #a78e4e none repeat scroll 0 0;
					font-size: 0.95em;
					line-height: 36px;
					list-style: outside none none;
					padding: 0 18px;
					position: relative;
					white-space: nowrap;
					font-family: "open_sansregular",Arial,Helvetica,sans-serif;
				}
				#hotel-list ul li:hover  {
					background:#282828;
				}
				#hotel-list ul li a{
					color:#fff;
				}
			#our-hotels-wrapper {
				background: #000;
				height: 100%;
				margin: 0;
				outline: 0 none;
				overflow-x: visible;
				overflow-y: auto;
				right: 0;
				top: 0;
				width: 100%;
				position: fixed;
				display: none;
				z-index: 3;
			}
			.bookingcloseTitle{
				display: block;
				position: relative;
			}
			.bookingcloseTitle.after:after{
				background-position: -228px -387px;
				height: 15px;
				position: absolute;
				right: -3px;
				top: -3px;
				width: 15px;
				pointer-events: none;
			}
			.hotels.section-wrapper{
				padding: 11px 18px;
			}
			#our-hotels-wrapper .category-wrapper{
				padding: 11px 2px 0px;
			}
			.hotel-category{
				border-bottom: 1px solid #fff;
				padding-bottom: 7px;
				margin-bottom: 13px;
			}
			.category-wrapper.close .hotel-category{
				border-bottom: none;
				margin: 0;
				padding-bottom: 2px;
			}
			.category-wrapper.close .hotelName {
				color: #777777;
			}
			.category-wrapper.close{
				border-bottom: 1px solid #acacac;
				border-top: 1px solid #acacac;
			}
			#our-hotels-wrapper .category-wrapper.close .hotelName{
				padding: 0;
			}
			#our-hotels-wrapper .category-wrapper.close .hotelName:after{
				content: "";
				pointer-events: none;
			}
			.hotelName {
				margin-bottom: 19px;
				padding-left: 10px;
				position: relative;
			}
			.category-wrapper .hotelName:last-child {
				margin-bottom: 15px;
			}
			.category-wrapper.close .hotelName:last-child {
				margin-bottom: 10px;
			}
			.category-wrapper:last-child {
				border: none;
			}
			.hotel-name {
				display: block;
			}
			.hotelName.close{
				display: none;
			}
			.category-wrapper .hotelName:after{
				content: ">";
				font-size: 14px;
				height: 100%;
				left: -1px;
				line-height: 1.6;
				position: absolute;
				top: -3px;
				width: 10px;
				pointer-events: none;
			}
			
		.body-bg {
			height: 100%;
			left: 0;
			margin: 0 auto;
			max-width: 1600px;
			position: fixed;
			right: 0;
			top: 0;
			width: 100%;
			z-index: 0;
			background-repeat: no-repeat;
			background-size: cover;
			background-position: bottom bottom;
			-background-position: center bottom;
		}
		#page_imperialklubgolf .body-bg {
			background-position: center bottom;
		}
			
		.languages {
			border-left: 1px solid #fff;
			height: 16px;
			position: absolute;
			right: 12px;
			top: 50px;
			width: 40px;
			z-index: 2;
		}
			.languages li  li:hover{
				background: #2d2a25;
			}
			.languages li{
				position: relative;
			}
			.languages li a {
				font-size: 1.2em;
				line-height: 1em;
				padding: 0 12px;
			}
			.rest-lang{
				position: absolute;
				left: 0;
				top: -27px;
			}
			.rest-lang li a{
				padding: 5px 12px;
			}
			.languages > ul  ul{
				display:none;
				background: #2d2a25;
			}
			.languages:hover > ul  ul,
			.languages a{
				display:block;
			}
			.activeLang ul.rest-lang{
				display: block;
			}
			.languages.noLang, .activeMenu .languages.noLang{
				display: none;
			}
	
		#main-menu{
			background: #22201C;
			min-height: 40px;
		}	
		.menuText{
			display: none;
		}
			#main-menu li{
				line-height:40px;
				position: relative;
			}
				#main-menu li a{
					margin:0 19px 0 18px;
				}
				#main-menu .menuLevel2 li a,
				#header .menuPortrait .menuLevel2 li a{
					margin: 0 9px 0 13px;
				}
				#header #main-menu .menuLevel2{
				/*	background: rgba(88,79,73,0.87); */ /*satufok1      */
					background-color:#B47937 ;  /*satufok1      */
					bottom:75px;  /*satufok1   116px   */
					height: 40px;
					max-height: 0;
					left: 0;
					margin: 0 auto;
					max-height: 0;
					max-width: 1600px;
					position: fixed;
					right: 0;
					width: 100%;
					z-index: 1000; /*satufok1   agar tidak ganggu saat navigasi dimenu level 2   */
				}
				#header #main-menu .has-submenu a:hover + ul.menuLevel2,
				#header #main-menu ul.menuLevel2:hover{
					max-height: 40px;
				}
				#header #main-menu .has-submenu a{
					position: relative;
				}
				#header #main-menu .has-submenu a:hover:after,
				#header #main-menu li a.hover:after,
				#header #main-menu .menuText.subOpen:after,
				#header #main-menu li.active.has-submenu .mainPage:after,
				#header #main-menu li.active-under.has-submenu .mainPage:after{
					border-left: 12px solid transparent;
					border-right: 12px solid transparent;
					border-bottom: 5px solid #22201C;
					content: "";
					cursor: pointer;
					display: block;
					height: 1px;
					pointer-events: none;
					position: absolute;
					right: 0;
					left: 0;
					margin: 0 auto;
					top: -6px;
					width: 0;
					z-index: 1;
				}
				.landscape #main-menu li.active ul.menuLevel2,
				.desktop #main-menu li.active ul.menuLevel2,
				.landscape #main-menu li.active-under ul.menuLevel2,
				.desktop #main-menu li.active-under ul.menuLevel2,
				.desktop #main-menu li.active.active-under .mainPage:hover + ul.menuLevel2,
				.landscape #main-menu li.active.active-under .mainPage:hover + ul.menuLevel2{
					max-height: 40px !important;
					-webkit-transition: max-height 500ms ease;
					-moz-transition: max-height 500ms ease;
					-o-transition: max-height 500ms ease;
					transition: max-height 500ms ease;
				}
				.landscape #main-menu li.active .menuLevel2.hideMenu,
				.desktop #main-menu li.active .menuLevel2.hideMenu,
				.desktop #main-menu li.active-under .menuLevel2.hideMenu,
				.landscape #main-menu li.active-under .menuLevel2.hideMenu{
					max-height: 0px !important;
					-webkit-transition: max-height 500ms ease;
					-moz-transition: max-height 500ms ease;
					-o-transition: max-height 500ms ease;
					transition: max-height 500ms ease;
				}
				.desktop #main-menu .ourhotels .menuLevel2 li.item2{
					margin-left: 11%;
				}
				.landscape #main-menu .ourhotels .menuLevel2 li.item2{
					margin-left: 17%;
				}
				.desktop #main-menu .media .menuLevel2 li.item2{
					margin-left: 26.5%;
				}
				.landscape #main-menu .media .menuLevel2 li.item2{
					margin-left: 34.5%;
				}
				.desktop #main-menu .contact .menuLevel2 li.item2{
					margin-left: 33%;
				}
				.landscape #main-menu .contact .menuLevel2 li.item2{
					margin-left: 51%;
				}
				.desktop #main-menu .leisure .menuLevel2 li.item2{
					margin-left: 10%;
				}
				.landscape #main-menu .leisure .menuLevel2 li.item2{
					margin-left: 12%;
				}
		#footer-menu{
			background: #22201C;
		}
			#footer-menu li{
				line-height: 35px;
				position: relative;
			}
			#footer-menu li a{
				margin: 0 2px 0 19px;
			}
			#footer-menu li.myarya a{
				display: block;
				margin: 0 2px 0 36px;
				width: 60px;
			}
			#footer-menu li.myarya:after{
				content: "";
				height: 10px;
				width: 1px;
				background: #716861;
				position: absolute;
				top: 0;
				bottom: 0;
				margin: auto 0;
				display: block;
				left: 17px;
				pointer-events: none;
			}
		#bookingMaskForm{
			position:absolute;
			right: 0;
			bottom: 0;
			width: 332px;
			background: #1a1917;
			
			overflow: hidden;
		}
	#availability-checker{
		position: absolute;
		bottom: 35px;
		right: 0;
		z-index: 2;
		max-height: 465px;
		width:332px;
	}
	#availability-checker .bookingTitle {
		background: #000;
		display: block;
		height: 40px;
		line-height: 40px;
		text-align: center;
		width: 332px;
	}
		#availability-checker .booking-btn{
		position:relative;
		height:54px;
		line-height:54px;
		margin:0;
	}
	#booking-form{
		padding:0 14px;
		max-height:0;
		overflow:hidden;
		background: #1a1917;
		-webkit-transition: max-height 1.5s ease;
		-moz-transition: max-height 1.5s ease;
		-o-transition: max-height 1.5s ease;
		transition: max-height 1.5s ease;
	}
	#availability-checker.active .bookingTitle{
		background: #1a1917;
		position: relative;
		height: 45px;
		line-height: 45px;
	}
	#availability-checker.active .bookingTitle:after{
		background-position:-17px -100px;
		width:20px;
		height:20px;
		position:absolute;
		top:14px;
		right:18px;
		content: "";
		pointer-events: none;
	}
	#availability-checker.active #booking-form{
		max-height:500px;
	}
		#booking-form > div{
			float:left;
			position:relative;
		}
		#booking-form > div:after{
			width:18px;
			height:18px;
			position:absolute;
			bottom:6px;
			right:8px;
			background-position:-15px -185px;
		}
		#availability-checker label{
			display: block;
			margin: 9px 0 8px;
		}
		#availability-checker input,
		#availability-checker select{
			width:100%;
			height:32px;
			line-height:32px;
			padding:0;
			border:none;
			cursor:pointer;
			text-overflow:ellipsis;
			background:#fff;
		}
		#availability-checker input{
			width:88%;
			padding:0 6%;
		}
		#availability-checker select{
			padding:0 30px 0 8px;
		}
		.no-cssgradients  #availability-checker select{
			padding:5px;
		}
		.no-cssgradients  #booking-form > .hotel:after,
		.no-cssgradients  #booking-form > .choose:after{
			width: 25px;
			height: 32px;
			bottom: 0;
			right: 0;
			background-color:#fff; 
			background-position:-15px -177px;
			pointer-events: none;
		}
			#availability-checker option{
				padding:5px 8px;
			}
		#availability-checker .hotel{
			width:100%;
			margin-top:5px;
		}
		#availability-checker .date{
			width:47%;
		}
		#availability-checker .date:after{
			background-position: -5px -364px;
			background-size: 210px auto;
			pointer-events: none;
		}
		#availability-checker .children,
		#availability-checker .rooms,
		#availability-checker .date-out{
			float:right;
		}
		#availability-checker .choose{
			width:47%;
		}
		#booking-form #promo-code{
			width:100%;
		}
		#availability-checker div.children{
			margin-right:0;
		}
		#availability-checker .booking-link{
			width:100%;
			height:32px;
			float:left;
			padding:0;
			margin:15px 0 10px;
			border:none;
			background:#a78e4e;
		}
		#availability-checker .booking-link:hover{
			background:#fff;
			color:#000;
		}
		
	#availability-checker .best-prices{
		width:100%;
		margin:0 0 15px;
	}		
		#availability-checker .best-prices a{
			display:inline-block;
		}
			.rooms-conditions {
				display: block;
			}	
			#availability-checker .guaranteed:before,
			#our-hotels-wrapper .guaranteed:before{
				width:15px;
				height:15px;
				position:relative;
				top:3px;
				display:inline-block;
				background-position:-124px -307px;
				-webkit-transition: background-position 400ms ease;
				-moz-transition: background-position 400ms ease;
				-o-transition: background-position 400ms ease;
				transition: background-position 400ms ease;
				pointer-events: none;
			}	
			#availability-checker a:hover .guaranteed:before,
			#our-hotels-wrapper a:hover .guaranteed:before{
				background-position: -149px -307px;
			}	
			.hoterates.cycle-slide {
				right: 0;
			}
			#bestPrices {
				margin: 12px 0 5px;
			}
			#availability-checker .guaranteed-label,
			#our-hotels-wrapper .guaranteed-label{
				text-decoration: underline;
			}
			#availability-checker .rooms-available{
				display:block;
				margin:15px 0 2px;
				line-height:1;
			}
			.ui-datepicker .ui-datepicker-prev,
			.ui-datepicker .ui-datepicker-next{
				cursor: pointer;
			}
			.ui-state-disabled{
				cursor: default;
			}
			#our-hotels-wrapper .rate-link{
				display: inline-block;
				margin: 10px 0;
			}
	
	#socialmedia{
		position: absolute;
		bottom: 0;
		right: 53px;
		z-index: 2;
	}
		#socialmedia.noLang{
			right: 0;
		}
		.socialmedia a{
			display: block;
			width: 25px;
			height: 25px;
		}
		.socialmedia{
			margin: 5px;
			position: relative;
		}
		.editableLinkIcon {
			cursor: pointer;
			position: absolute;
			top: 0px;
			right: -1px;
		}
		.socialmedia.facebook,
		.no-svg .socialmedia.facebook{
			background-position: -11px -2px;
		}
		.socialmedia.facebook:hover,
		.no-svg .socialmedia.facebook:hover{
			background-position: -11px -45px;
		}
		.socialmedia.twitter,
		.no-svg .socialmedia.twitter{
			background-position: -45px -2px;
		}
		.socialmedia.twitter:hover,
		.no-svg .socialmedia.twitter:hover{
			background-position: -45px -45px;
		}
		.socialmedia.instagram,
		.no-svg .socialmedia.instagram{
			background-position: -83px -2px;
		}
		.socialmedia.instagram:hover,
		.no-svg .socialmedia.instagram:hover{
			background-position: -83px -45px;
		}
		.socialmedia.googleplus,
		.no-svg .socialmedia.googleplus{
			background-position: -119px -1px;
		}
		.socialmedia.googleplus:hover,
		.no-svg .socialmedia.googleplus:hover{
			background-position: -119px -44px;
		}
		.socialmedia.youtube,
		.no-svg .socialmedia.youtube{
			background-position: -154px -2px;
		}
		.socialmedia.youtube:hover,
		.no-svg .socialmedia.youtube:hover{
			background-position: -154px -45px;
		}
		.socialmedia.share,
		.no-svg .socialmedia.share{
			background-position: -187px -2px;
		}
		.socialmedia.share:hover,
		.no-svg .socialmedia.share:hover{
			background-position: -187px -45px;
		}
		.addthis_button img{
			display: none;
		}
		
			

#main-menu .footer-navi,
#footer-menu .main-navi{
	display:none;
}
#footer-menu .footer-navi{
	display: block;
}

.block-images .imageSwitchHolder{
	margin: 0 auto;
	display: block;
}
#mobileMenu{
	position: fixed;
	bottom: 0;
	width: 100%;
	left: 0;
}
/* 
.externalLink{
	padding-right: 15px;
	position: relative;
}
.externalLink:after{
	background-position: -92px -105px;
    content: "";
    display: block;
    height: 10px;
    position: absolute;
    right: 0;
    top: 8px;
    width: 12px;
	pointer-events: none;
}
#main-content.light .externalLink:after{
	background-position: -131px -145px;
} */
.bodybgcolor {
	background: rgba(0, 0, 0, 0.5);
	display: block;
	height: 100%;
	left: 0;
	margin: 0 auto;
	max-width: 1600px;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 0;
}

.thumb-rotator{
	position: relative;
}
.thumb-rotator .media-attachments,
.thumb-rotator .slide-wrapper {
	height: 298px;
	overflow: hidden;
}
.thumb-rotator .cycle-nav-wrapper,
.moduleBody .cycle-nav-wrapper  {
  margin: 16px 0 0;
  text-align: center;
}
.thumb-rotator .cycle-navi,
.moduleBody .cycle-navi {
	background-position: -152px -180px;
	cursor: pointer;
	display: inline-block;
	height: 25px;
	width: 18px;
}
.thumb-rotator .next-side,
.moduleBody .next-side {
	background-position: -186px -180px;
}
.thumb-rotator .caption,
.moduleBody .caption {
	display: inline-block;
	margin: 0 10px;
	min-width: 30px;
	position: relative;
	top: -8px;
}
.thumb-rotator .zoom-icon{
	height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.thumb-rotator .zoom-icon:after{
	background-position: -77px -354px;
    display: block;
    height: 50px;
    left: 0;
    margin: auto;
    position: absolute;
    top: 0;
    width: 50px;
	pointer-events: none;
}
.thumb-rotator .slide-wrapper:hover .zoom-icon:after{
	background-position: -11px -354px;
}

.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-wrap{
	width:100% !important;
	height:100% !important;
	top: 0 !important;
	left: 0 !important;
	background:#111;
}
.fancybox-image{
	height:auto !important;
	max-height:none !important;
	position:fixed;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.fancy-screen{
	overflow:hidden;
}



/* COMMON CSS3 ANIMATIONS */
.anim-bg{
	cursor:pointer;
	-webkit-transition: background-color 400ms ease;
	-moz-transition: background-color 400ms ease;
	-o-transition: background-color 400ms ease;
	transition: background-color 400ms ease;
}
.anim-opacity{
	opacity:0;
	height:0;
	visibility:hidden;
	-webkit-transition: opacity 500ms ease;
	-moz-transition: opacity 500ms ease;
	-o-transition: opacity 500ms ease;
	transition: opacity 500ms ease;
}
.anim-height,
#main-menu .menuLevel2{
	max-height:0;
	overflow:hidden;
	-webkit-transition: max-height 500ms ease;
	-moz-transition: max-height 500ms ease;
	-o-transition: max-height 500ms ease;
	transition: max-height 500ms ease;
}
a,
.menu a,
.best-prices a span{
	-webkit-transition: color 400ms ease;
	-moz-transition: color 400ms ease;
	-o-transition: color 400ms ease;
	transition: color 400ms ease;
}

.block-images {
	width:100%;
	max-width:1600px;
	position:relative;
	margin:0 auto;
	background:#000;
	padding:20px 0 140px;
	clear:both;
	text-align:center;
}
.block-images .bg-img{
	width:200px !important;
	height: auto !important;
	display:iniline-block;
}
body .block-images .imageSwitchHolder{
	display: inline-block;
}
.block-images .bg-img:before{
	content:'Desktop';
}
.block-images .bg-landscape:before{
	content:'Landscape';
}
.block-images .bg-portrait:before{
	content:'Portrait';
}
.block-images .bg-mobile:before{
	content:'Mobile';
}
.block-images .bg-img img{
	width:100% !important;
	height: auto !important;
}

#ui-datepicker-div.bookingMaskDate{
	top: 0;
	position: fixed;
	left: 0;
}
.fancy-screen #mod_pukkaGalleries {
	min-height: 100px!important;
}
.fancy-screen .modItemsWrapper{
	display: none;
}
body.fancy-screen #main-content{
	background: #111;
}
#call,
#call a {
  bottom: 142px;
  height: 48px;
  position: fixed;
  right: 0;
  width: 32px;
  z-index: 5;
  display:none;
}
#page_findacontact .propertyselector.before:before, #page_findacontact .propertyselector.before:after {
  position: absolute;
}
/***************  templates/group/css/global.defaults.css  ***************/
/* ---------------- OVERRIDE BROWSER DEFAULT TYPOGRAPHY ---------------- */

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	/*    overflow-y: scroll;  satufok1 */
}
h1 {
	margin: 1.6em 0em 0em;
}
h2, h3 {
	margin:.5em auto;
}
h4 {
	margin: 1.2em 0em 0em;
}
h5, h6 {
	margin: 1.2em 0em 1.2em;
}
p, li {
	line-height: 1.2;
}
p {
	font-size: 1em;
	margin: 0.9em 0 1em;
}
li > p {
	margin-top: 0.2em;
}
ol, ul {
	margin: 0 0 8px;
}
img {
	border: 0 none;
}
th {
	font-weight: normal;
	text-align: right;
	padding-right: 0.5em;
}
td {
	text-align: center;
}
form,
button,
input,
select,
textarea {
	margin: 0;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
sup {
	font-size: 0.74em;
	/* avoid increased line-box height */
	vertical-align: top;
	position: relative;
	top: -0.1em;
}
sup.ordinal {
	text-transform: lowercase;
}
.temperature {
	white-space: nowrap; /* prevent IE from word-breaking after degreee symbol */
}

/***************  templates/group/css/global.text.css  ***************/
/* Global Element Styles */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.85em;
	color:#B48602; /* satufok1    #22201C */
}

h1 {
	font-family: 'font_ces', Arial, Helvetica, sans-serif;
	font-size: 1.9em;
    letter-spacing: 0.03em;
	font-weight: normal;
}

h2 {
	font-family:'font_ces', Arial, Helvetica, sans-serif;
	font-size:1.9em;
	letter-spacing: 0.07em;
	font-weight: normal;
}

h3 {
	font-family:'font_ces', Arial, Helvetica, sans-serif;
	font-size:1.4em;
	letter-spacing: 0.07em;
	font-weight: normal;
}

h4{
	font-family:'font_ces', Arial, Helvetica, sans-serif;
	font-size:1.1em;
	letter-spacing: 0.07em;
	font-weight: normal;
}

h5 {
	font-family:'font_ces', Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	letter-spacing: 0.07em;
	font-weight: normal;
}

h6 {
	font-family:'font_ces', Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	letter-spacing: 0.07em;
	font-weight: normal;
}

a, #main-content #ourStoryCategories a,
#main-content a.externalLink,
#main-content .hotels-menu-wrapper a,
#main-content a.call-btn,
.noTextdecoration a,
#main-content #moduleContent a.itemLink ,
#main-content  .HotelCat a,
#main-content .viewLinks li a,
#main-content .downloads .pdf a,
#main-content .filter-btn,
#main-content .item-nav-wrapper a,
#main .sub-selection a,
#main a.item-price,
#moduleContent .menuSection a{
	text-decoration:none;
}
#main-content a{
	text-decoration:underline;
}

html{
	-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
	-webkit-font-smoothing: antialiased; /* Prevent font smooth/bold in MAC */
}

input:-webkit-autofill, textarea:-webkit-autofill {
	-webkit-text-fill-color: #4a4036;
	-webkit-box-shadow: 0 0 0px 1000px #d3cdc8 inset;
}
input,
textarea,
select,
input[type="checkbox"] {
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance: none;
	appearance:none;
	border-radius: 0;
	outline: none;
	background: #d3cdc8;
	border: 1px solid #22201C;
}
button, #main-content .filter-btn{
	border-radius:0;
	background: #22201C;
	border: none;
	color: #bbb1aa;
	cursor: pointer;
}
button:hover, #main-content .filter-btn:hover,
#main-content a.booking-btn:hover{
  background: #a78e4e;
  color: #22201C;
}

/* Global Section Styles */

#main-menu, #availability-checker, .main-intro, .bookingcloseTitle,
#mod_flexibleForms p, #mod_flexibleForms ol, #mod_flexibleForms ul,
#ui-datepicker-div, .filters_area select, .selectProperty select{
	font-family: 'font_ces', Arial, Helvetica, sans-serif;
}
.hotels-premiumcollection{
	font-family: 'futuralightregular', Arial, Helvetica, sans-serif;
}
.hotels-dali,
#page_home .bookingText:after,
#main ul li:after{
    font-family: 'oswaldregular', Arial, Helvetica, sans-serif;
}
#availability-checker button,
#mod_pukkaVenues .viewLinks,
.booking-btns .item-price,
#bestPrices .hotel-name,
#bestPrices .rooms-price{
    font-family: 'open_sanssemibold', Arial, Helvetica, sans-serif;
}
.manditory, .terms, .brandText,
form.flexibleForm label.fieldLabel,
#mod_mailingList form.flexibleForm input.fieldInput,
form.flexibleForm input.fieldInput,
form.flexibleForm textarea.fieldInput,
#mod_mailingList form.flexibleForm select.fieldInput,
form.flexibleForm select.fieldInput,
#mod_flexibleForms,
form.flexibleForm #BRGForm .fieldBlock.type_fileDocument input,
#mod_flexibleForms p.formTitle,
.mobiletel, h4.itemsubTitle, .item-subtitle,
#mod_pukkaNews.viewItem .item-feature,
#mod_pukkaEvents.viewItem .item-feature,
.downloads a, .itemPreview .item-date,
.sub-title, #availability-checker,
#availability-checker input, #availability-checker select,
.manditory, #mod_flexibleForms p.manditory{
	font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
}

/* COLORS */
#main-menu li a,
#main-menu .menuLevel2 a,
#main-menu li.active .menuLevel2 a{
	color:#BCA016;  /* satufok1    #a6a6a7 */
}
#footer-menu li a{
	color:#8a7f77;
}
#main-content a, #moduleContent .menuSection .heading,
.touch #moduleContent .mod-sub-menu a{
	color: #22201C;
}
.menuText{
	color: #BCA016;  /* satufok1    #b4b5b6 */
}

#main-menu li.active a,
#main-menu li a:hover,
#footer-menu li.active a,
#footer-menu li:hover a,
#main-content a:hover,
#main-menu .menuLevel2 a:hover,
#main-menu li.active .menuLevel2 a:hover,
#main-menu li.active .menuLevel2 li.active a,
#main-menu li.has-submenu.active-under a.mainPage,
#our-hotels-wrapper a,
.hotels-menu-wrapper a .hotel-name,
#main-content .hotels-menu-wrapper li.level2 a.active,
#main-content .hotels-menu-wrapper li.level2 a:hover,
.category-wrapper.open .hotel-category,
.rest-lang li a:hover,
.category-wrapper .hotelName:after,
.hotel-catName,
#availability-checker label,
#availability-checker .booking-link,
a.rate-link,
#bestPrices a.rate-link:hover .hotel-name, .block-images .bg-img{
	color:#BCA016; /* satufok1     fff */
}
#main .hotelLinks a,
#main-content.light #main .hotelLinks a{
	color:#000;
}

#main-content.light .main-intro a,
#main-content.light .main-intro,
#main-content.light .container,
#main-content.light .main-intro .HotelCat a:hover,
#page_404 #main-content{
	color: #fff;
}
#main-content.light .main-intro a:hover{
	color: #cfb180;
}
.category-wrapper.close,
.languages li a{
	color: #acacac;
}
#main-content a:hover{
	color: #cfb180;
}
#bestPrices .hotel-name,
#availability-checker .best-prices a:hover{
	color: #a58b4a;
}

#main-content .hotels-menu-wrapper a.top-level,
#main-content .hotels-menu-wrapper a.menu-section-comingsoon,
#main-content .hotels-menu-wrapper a.closed,
#main-content .hotels-menu-wrapper ul.menuLevel2 li:after,
#main-content a.call-btn:hover,
#main-content .hotels-menu-wrapper a.closed:hover{
	color: #22201C;
}

#availability-checker .bookingTitle,
.bookingTitle.close,
.bookingcloseTitle{
	color: #a78e4e;
}
#main .sub-selection ul li a{
	color: #7a766f;
}
#main .sub-selection ul li a:hover,
#main .sub-selection ul li.active a{
	color: #2d2a25;
}


/* FONT SIZES */
#footer-menu {
	font-size: 0.7em;
}
.myarya{
	text-indent: -9999px;
}
.main-intro, #main-menu .menuText,
#our-hotels-wrapper .category-wrapper,
#bestPrices .rooms-price{
	font-size: 1.1em;
}
.bookingcloseTitle,
#availability-checker .booking-link{
	font-size: 1.15em;
}
#main-menu .menuLevel2{
	font-size: 1em;
}
.hotels-premiumcollection{
	font-size: 1.5em;
}
.hotels-dali{
	font-size: 1.8em;
}
.hotels-aryaduta{
	font-size: 2.1em;
}
.hotelName, #main-content p.manditory, #main-content .terms p{
	font-size: 0.8em;
}
.rate-link{
	font-size: 0.85em;
}
#availability-checker input, #availability-checker select,
#availability-checker label{
	font-size: 0.8em;
}
#our-hotels-wrapper .category-wrapper.close {
	font-size: 0.95em;
}
#our-hotels-wrapper .category-wrapper.close .hotelName,
#our-hotels-wrapper .rate-link{
	font-size: 1em;
}
.hotels-menu-wrapper .top-level{
	font-size: 1.6em;
}
#main-content .hotels-menu-wrapper li.future-opening,
#availability-checker.active .bookingTitle, #availability-checker .bookingTitle{
	font-size: 1.2em;
}
.sub-title, #bestPrices .hotel-name{
	font-size: 1.3em;
}

/* TEXT TRANSFORM */
.useUppercase, #header, button,
#main-content .filter-btn,
#main-content .downloads .pdf a,
#main-content .sub-selection ul li,
.fancybox-title, #main-content a.booking-btn,
#availability-checker select,
#moduleContent .menuSection .heading{
	text-transform:uppercase;
}
#main-menu .menuLevel2,
#main-content .hotels-menu-wrapper li.future-opening,
#main-content .hotels-menu-wrapper li a.closed,
.hotelCategories, .rate-link{
	text-transform: none;
}


/* LETTER SPACING */
#main-menu li a,
#main-content .hotels-menu-wrapper ul.menuLevel2 li{
	letter-spacing: 0.04em;
}
#footer-menu li a{
	letter-spacing: 0.1em;
}
.hotels-premiumcollection,
.hotels-aryaduta, #bestPrices .hotel-name{
	letter-spacing: 0.13em;
}
#availability-checker .bookingTitle,
#availability-checker .booking-link {
	letter-spacing: 0.09em;
}
.hotel-name {
	letter-spacing: 0.05em;
}
.externalLink{
	letter-spacing: 0.02em;
}
#availability-checker .guaranteed{
	letter-spacing: 0.08em;
}
#bestPrices .rooms-price{
	letter-spacing: 0.15em;
}
.hotels-menu-wrapper .top-level,
#main-content .manditory,
#ourStoryCategories a{
	letter-spacing: 0.01em;
}
#availability-checker input, #availability-checker select,
#availability-checker label{
	letter-spacing: 0.11em;
}
#main-content .terms p{
	letter-spacing: normal;
}

/* TEXT ALIGN */
#availability-checker .bookingTitle, .alignCenter{
	text-align: center;
}
#page_terms-and-condition #main{
  text-align: justify;
}

.sub-title{
	font-weight: normal;
}
#moduleContent .menuSection .heading{
	font-weight: bold;
}

#availability-checker .bookingTitle,
.pointer, select{
	cursor: pointer;
}
#main-content a.call-btn{
	cursor: default;
}

.manditory{
    font-style: italic;
}

#main-content p,
#main-content li{
	line-height: 1.3;
	font-size: 1.2em;
}
#page_ourcommitment #main-content p,
#page_ourcommitment #main-content li{
	font-size:1.25em;
}
#main-content .hotels-menu-wrapper ul{
	font-size: 0.95em;
}
#main-content ul{
	margin-bottom: 15px;
	padding: 0 0 0 15px;
}
#main-content ol{
	margin-bottom: 15px;
	padding: 0 0 0 19px;
}


#main ul{
	list-style: none;
}
#main ul li{
	position: relative;
}
#main ul li:after{
	content: ">";
    font-size: 16px;
    height: 100%;
    left: -15px;
    line-height: 1.6;
    position: absolute;
    top: -2px;
    width: 10px;
}

h1{
	margin :0;
}


/* Portrait tablet to Landscape */
@media (min-width: 768px) and (max-width: 1023px) { 
	h1{
		letter-spacing: 0.02em;
	}
}

/* Mobile to Portrait tablet */
@media (max-width: 767px) {
	h1 {
		font-size: 1.5em;
	}
		h3 { /* satufok1  */
		font-size: 12px;
	}
	.hotels-menu-wrapper .top-level {
		font-size: 1.5em;
	}
	#footer-menu li.myarya a{
		text-indent: -9999px;
		text-align: left;
	}
	.hotels-premiumcollection {
		font-size: 1.1em;
	}
	.hotels-dali {
		font-size: 1.25em;
	}
	.hotels-aryaduta {
		font-size: 1.4em;
	}
	.sub-title {
		font-size: 1em;
	}
	.hotels-menu-wrapper .top-level,
	.hotels-aryaduta {
		letter-spacing: 0.05em;
	}
	#main ul li:after{
		top: -3px;
	}
	#page_home #main-content p, #page_home #main-content li {
		letter-spacing: 0.01em;
		line-height: 1.5;
	}
}
/***************  templates/group/css/template.mediaquery.css  ***************/
/* Landscape tablet to Desktop */	
@media (min-width: 1024px) and (max-width: 1349px) {
	#brandingWrapper {
		right: 42px;
	}
	#branding {
		height: 114px;
		width: 180px;
	}
	#branding img {
		width: 139px;
		height: auto;
		right: 42px;
	}
	#main {
		margin: 164px 84px 50px;
		width: 420px;
	}
	#main-menu li a {
		margin: 0 15px 0 22px;
	}
	#footer-menu li a {
		margin: 0 0 0 22px;
	}
	#availability-checker .bookingTitle,
	#availability-checker {
		width: 265px;
	}
	#availability-checker.active .bookingTitle {
		height: 40px;
		line-height: 40px;
		padding-left: 13px;
		text-align: left;
		width: auto;
	}
	#availability-checker.active .bookingTitle:after {
		top: 11px;
	}
	.menuWrapper{
		display: block !important;
	}
	.fancybox-image{
		height:100% !important;
		width:auto !important;
	}
	.touch #main-content ol {
		padding: 0 0 0 23px;
	}
	.body-bg{
		background-size: cover;
	}
}

/* Portrait tablet to Landscape */
@media (min-width: 768px) and (max-width: 1023px) { 
	#brandingWrapper {
		right: 37px;
		top: 19px;
	}
	#footer-menu li a {
		margin: 0 0 0 15px;
	}
	.onlyportrait,
	#main-menu .menuPortrait li.active .menuLevel2,
	#main-menu .menuPortrait li.active .menuLevel2 li,
	#main-menu .menuPortrait li.active{
		display: block;
	}
	.menuPortrait.onlyportrait {
		position: absolute;
		width: 100%;
		bottom: 75px;
		left: 0;
		background: rgba(88, 79, 73, 0.87);
		height: 40px;
	}
	#header #main-menu .menuPortrait .menuLevel2{
		background: none;
		text-align: center;
	}
	#main-menu .menuPortrait li.has-submenu .menuLevel2 > li:last-child a{
		border-bottom: none;
	}
	#main-menu .menuPortrait li.has-submenu .menuLevel2 > li{
		display: inline-block;
		float: none;
	}
	#main-menu .menuPortrait li,
	#main-menu .menuPortrait li.active a.mainPage,
	.inactive.menuPortrait,
	#main-menu li.overview,
	#main-menu .menuPortrait.onlyportrait ul li.overview{
		display: none;
	}
	#main-menu .menuPortrait li {
		line-height: 40px;
	}
	#main-menu .menuPortrait li.has-submenu .menuLevel2 a {
		border: medium none;
		display: inline-block;
		margin: 0 13px;
		padding: 0;
	}
	#header #main-menu li.active.has-submenu .mainPage:after{
		border-bottom: none;
	}
	.socialmedia {
		margin: 5px 2px;
	}
	#socialmedia {
		right: 60px;
	}
	#branding {
		height: 100px;
		width: 155px;
	}
	#branding img {
		right: 36px;
		width: 118px;
	}
	.menuWrapper{
		position: fixed;
		width: 375px;
		height: 100%;
		background: #22201C;
		right: 0;
		top: 0;
		padding-top: 45px;
		display: none;
	}
	#main-menu .menuText{
		display: block;
		position: relative;
	}
	#main-menu li{
		display: block;
		float: none;
		line-height: 65px;
	}
	#main-menu li.shortcut1 a {
		border-top: 1px solid #2d2a25;
	}
	#main-menu li a {
		border-bottom: 1px solid #2d2a25;
		display: block;
		margin: 0 33px;
		padding-right: 20px;
		text-align: right;
		position: relative;
		letter-spacing: 0.07em;
	}
	#main-menu li.has-submenu a:before{
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 4px solid #9e9f9f;
		content: "";
		cursor: pointer;
		display: block;
		height: 1px;
		pointer-events: none;
		position: absolute;
		right: 4px;
		top: 32px;
		width: 0;
	}
	#main-menu li.has-submenu a.hover:before,
	#main-menu li.has-submenu a:hover:before,
	#main-menu li.has-submenu.active a.mainPage:hover:before{
		border-bottom: 4px solid #9e9f9f;
		border-top: none;
	}
	#main-menu li.has-submenu.active a.mainPage:before{
		border-top: 4px solid #9e9f9f;
		border-bottom: none;
	}
	#main-menu .menuWrapper{
		height: -moz-calc(100% - 115px);
		height: -webkit-calc(100% - 115px);
		height: -o-calc(100% - 115px);
		height: calc(100% - 115px);
	}
	#header #main-menu .has-submenu a:hover:after,
	#header #main-menu li a.hover:after {
		border: none;
	}
	#header #main-menu .menuLevel2 {
		background: #22201C;
		bottom: 0;
		height: auto;
		left: 0;
		margin: 0 auto;
		max-height: 0;
		max-width: 1366px;
		position: relative;
		right: 0;
		width: 100%;
	}
	#availability-checker .bookingTitle,
	#availability-checker{
		width: 263px;
	}
	#availability-checker.active .bookingTitle {
		height: 40px;
		line-height: 40px;
		padding-left: 13px;
		text-align: left;
		width: auto;
	}
	#availability-checker.active .bookingTitle:after {
		top: 11px;
	}
	#main-menu .menuText {
		line-height: 40px;
		padding-right: 30px;
		position: absolute;
		right: 345px;
		top: 0;
		background-position: -174px -342px;
		cursor: pointer;
	}
	#main-menu.active .menuText {
		background-position: -174px -375px;
	}
	#header #main-menu .has-submenu a:hover + ul.menuLevel2,
	#header #main-menu ul.menuLevel2:hover{
		max-height: 265px;
	}
	#main-menu li.has-submenu .menuLevel2 a{
		padding: 0 20px 0 0;
		margin: 0 33px;
		border: none;
	}
	#main-menu li.has-submenu .menuLevel2	> li:last-child a{
		border-bottom: 1px solid #2d2a25;
		padding-bottom: 15px;
	}
	#main-menu li.main-navi.contact li:last-child a{
		border-bottom: none;
	}
	#main-menu li.has-submenu .menuLevel2 li{
		line-height: 40px;
	}
	#main-menu li.has-submenu .menuLevel2 a:before{
		border: none;
	}
	#main-menu .menuPortrait li.active ul.menuLevel2{
		max-height: 40px !important;
	}
	.fancybox-image{
		width:95% !important;
		height: auto !important;
	}	
	.fancybox-wrap .fancybox-prev{
		left:4.5%;
	}
	.fancybox-wrap .fancybox-next{
		right:4.5%;
	}
	.fancybox-wrap .fancybox-close{
		right:27px;
		top:40px;
	}
	.thumb-rotator .media-attachments, .thumb-rotator .slide-wrapper {
		height: 260px;
		overflow: hidden;
	}
	.thumb-rotator .cycle-nav-wrapper {
		margin: 25px 0 0;
		text-align: center;
	}
	.body-bg {
		background-size: initial;
	}
	.touch #main-content ol {
		padding: 0 0 0 23px;
	}
	.body-bg{
		background-size: cover;
	}
}

/* Mobile to Portrait tablet */
@media (max-width: 767px) {
	.onlymobile, .menuText, .menuLevel2 .overview{
		display: block;
	}
	#header, #main-menu .menuText, #socialmedia,
	.hotels-map, .nomobile{
		display: none;
	}
	#header{
		margin: 0;
		right: 0;
		top: 0;
		width: 100%;
		outline: 0 none;
		overflow-x: visible;
		overflow-y: auto;
		background :#22201C;
		height: -moz-calc(100% - 40px);
		height: -webkit-calc(100% - 40px);
		height: -o-calc(100% - 40px);
		height: calc(100% - 40px);
		border-bottom: 1px solid #fff;
		z-index: 200;
	}
	#mobileMenu {
		bottom: -1px;
		left: 0;
		position: fixed;
		width: 77px; /* satufok1   100%     */
		z-index: 30;
		height: 40px;
		overflow: hidden;
		/*  satufok1 
		background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
	background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832); */
	}
	#mobileMenu .after {
		height: 40px;
		line-height: 40px;
		padding-right: 30px;
		position: relative;
	}
	#mobileMenu .menuText.active{
		text-align: center; /*  satufok1   right */
		width: 100%;  /*  satufok1   100% */
	}
	#mobileMenu .active .after {
		margin-right: 14px;
	}
	#mobileMenu .after:after {
		background-position: -204px -354px;
		display: block;
		height: 40px;
		position: absolute;
		right: 0;
		top: 0;
		width: 40px;
		pointer-events: none;
	}
	#mobileMenu .active .after:after {
		background-position: -204px -387px;
	}
	#main-menu li{
		display: block;
		float: none;
		line-height: 65px;
	}
	#main-menu li a {
		border-bottom: 1px solid #2d2a25;
		display: block;
		margin: 0 10px;
		padding-right: 20px;
		text-align: left;   /*  satufok1  #right */
		position: relative;
		letter-spacing: 0.07em;
	}
	#main-menu li.has-submenu a:before{
		 /*   awal membuat segitiga arah bawah */
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 4px solid #9e9f9f;
		 /*   akhir membuat segitiga arah bawah */
		
		content: "";
		cursor: pointer;
		display: block;
		height: 1px;
		pointer-events: none;
		position: absolute;
		right: 124px;    /*  satufok1 0 */
		top: 21px;   
		width: 0;
	}
	#footer-menu {
		margin: 8px 10px; /* satufok1  margin: 8px 10px;  */
		
		padding: 6px 13px;
		text-align: left; /* satufok1  right */
	}
	#footer-menu .footer-navi {
		display: inline-block;
		float: none;
	}
	#footer-menu li {
		line-height: 25px;
	}
	#mobileMenu .menuText {
		background: #22201C;
		cursor: pointer;
		left: 0;
		line-height: 40px;
		padding: 0;
		position: relative;
		text-align: center;
		top: 0;
		width: 100%;  /*  satufok1  32.2% */
		z-index: 1;
		/*  satufok1 */
		background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
	background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832);
	}
	#main-menu li.has-submenu .menuLevel2 a{
		padding: 0 20px 0 0;
		margin: 0 10px;
		border: none;
	}
	#footer-menu li.myarya a {
		background-position: 0px 4px;
		margin: 0 2px 0 44px;
	}
	#footer-menu li.myarya a:hover {
		background-position: 0px 1px;
	}
	#footer-menu li a {
		margin: 0 2px 0 26px;
	}
	#footer-menu li.sitemap a, #footer-menu li.lippogroup a {
		margin: 0 7px 0 17px;
	}
	#footer-menu li.myarya:after {
		top: -1px;
	}
	#main-menu li.has-submenu .menuLevel2	> li:last-child a{
		border-bottom: 1px solid #2d2a25;
		padding-bottom: 15px;
	}
	#main-menu li.main-navi.contact li:last-child a{
		border-bottom: none;
	}
	#main-menu li.has-submenu .menuLevel2 li{
		line-height: 40px;
	}
	#main-menu li.has-submenu .menuLevel2 a:before{
		border: none;
	}
	#main-menu li.has-submenu a.mainPage.hover:before,
	#header #main-menu .mobileVisible a.mainPage:before{
		border-bottom: 4px solid #9e9f9f;
		border-top: none;
	}
	#header #main-menu li.has-submenu a.mainPage:hover:after,
	#header #main-menu li.has-submenu a.mainPage.hover:after,
	#header #main-menu li.active.has-submenu .mainPage:after,
	#header #main-menu li.active-under.has-submenu .mainPage:after{
		border-bottom: none;
		border-top: none;
	}
	#main-menu li.has-submenu a.mainPage.hover{
		border-bottom: 1px solid #22201C;
	}
	#mobileMenu.active .menuText {
		background-position: -174px -375px;
	}
	#header #main-menu .has-submenu a:hover + ul.menuLevel2,
	#header #main-menu ul.menuLevel2:hover,
	#header #main-menu .mobileVisible ul.menuLevel2{
		max-height: 250px;
	}
	#header #main-menu ul.menuLevel2.mobileVisible{
		max-height: 250px;
	}
	#headerInner .languages{
		display: none;
	}
	#header #main-menu .menuLevel2 {
		background: #22201C;
		bottom: 0;
		height: auto;
		left: 30px;   /*  satufok1  0 */
		margin: 0 auto;
		max-height: 0;
		max-width: 1366px;
		position: relative;
		right: 0;
		width: 100%;
		/*  satufok1  */
		cursor: pointer;

	}
	#main-menu li {
		display: block;
		float: none;
		line-height: 45px;
	}
	#page_home .bookingTitle.close, .bookingTitle.close {
		background: #000;
		bottom: 0;
		display: block;
		height: 40px;
		line-height: 40px;
		position: absolute;
		right: 0;
		width: 68%;
	}
	#brandingWrapper {
		right: 10px;
		top: 10px;
	}
	#branding {
		height: 90px;
		width: 128px;
	}
	#branding img {
		height: auto;
		width: 118px;
		right: 10px;
	}
	.socialmedias.onlymobile {
		margin: 0 auto;
		width: 100%;
	}
	.socialmedia {
		margin: 5px 6px 5px 13px;
		float: none;
		display: inline-block;
	}
	.socialmedia.share {
		margin-right: 0;
	}
	#availability-checker {
		display: none;
	}
	.readmore-content p:first-child{
		margin-top: 0;
	}
	#our-hotels-wrapper .category-wrapper.close .hotelName {
		margin-bottom: 10px;
	}
	.activeMenu .languages {
		display: block;
	}
	.languages {
		display: none;
		border-left: none;
		border-right: 1px solid #fff;
		bottom: 12px;
		height: 16px;
		left: 3px;
		position: absolute;
		right: auto;
		top: auto;
		width: 46px;
		z-index: 5;
	}
	.languages li  li:hover, .languages > ul  ul{
		background: #22201C;
	}
	.languages li.activeLang ul{
		display: block;
	}
	.languages ul{
		padding: 0;
	}
	.rest-lang {
		left: 50px;
		position: absolute;
		top: -5px;
	}
	.mobiletel{
		font-weight: bold;
		position: relative;
		padding: 0 22px;
		font-size: 0.8em;
		letter-spacing: 0.04em;
		display: inline;
	}
	.mobiletel:before{
		content: "";
		width: 20px;
		height: 20px;
		position: absolute;
		top: 0;
		left: 0;
		pointer-events: none;
	}
	.mobiletel:after{
		content: "";
		width: 20px;
		height: 20px;
		position: absolute;
		top: 0;
		right: 0;
		pointer-events: none;
	}
	.fancybox-wrap .fancybox-image{
		width:95% !important;
		height: auto !important;
		top: 100px;
		-ms-transform: translate(-50%, 0);
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}	
	.fancybox-wrap  .fancybox-close{
		width:36px;
		height:36px;
		top:12px;
		right:3%;
		background-size:120px auto;
		background-position:-117px -62px;
	}	

	.fancybox-wrap .fancybox-nav span,
	.fancybox-wrap .fancybox-nav{
		width:32px;
		height:60px;
	}
	.fancybox-wrap .fancybox-nav{
		left:6%;
		top:165px;
		margin-top:0;
		background-size:100px auto;
		background-position:-97px 5px;
	}
	.fancybox-wrap .fancybox-next{
		left:auto;
		right:6%;
		background-position:-129px 5px;
	}
	.thumb-rotator .media-attachments, .thumb-rotator .slide-wrapper {
		height: 148px;
		overflow: hidden;
		margin: 0 auto;
		width: 300px;
	}
	.thumb-rotator .cycle-nav-wrapper {
		margin: 12px 0 0;
	}
	.slide {
		height: auto;
		width: 100%;
	}
	body.fancy-screen .mod-sub-menu {
		top: 57px;
	}	
	#header #main-menu li ul.menuLevel2{
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition: none;
		max-height: 0;
	}
	.body-bg{
		background-size: cover;
	}
	.category-wrapper.close{
		display: none;
	}
}

/* Landscape Phone */
@media (min-width: 479px) and (max-width: 767px) {
	.fancybox-wrap .fancybox-nav{
		top:162px;
	}
	.fancybox-wrap .fancybox-image {
		top: 56px;
	}
	body.fancy-screen .mod-sub-menu {
		top: 12px;
	}
	.thumb-rotator .media-attachments, .thumb-rotator .slide-wrapper {
		width: 320px;
	}
}
/***************  templates/group/css/template.home.css  ***************/
#main-content:after{
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#page_home #holder.smallH #main{
	margin-top: 170px;
}
#page_home #holder.smallH .HotelCat{
	height: 66px;
    line-height: 65px;
}
#page_home #main {
	float: right;
	margin: 125px 270px 170px;
	position: relative;
	width: 432px;
	z-index: 1;
}
#main-content.light a,
#main-content.light,
#main-content.light  .HotelCat a:hover,
#page_404 #main-content{
	color: #fff;
}
#main-content a:hover{
	color: #a78e4e;
}

h1 {
	font-size: 2.65em;
	letter-spacing: 0.065em;
}
#page_ourstory h1 {
	letter-spacing: 0.0em;
}
#main {
	float: right;
	margin:196px 123px 0px;
	position: relative;
	width: 432px;
	z-index: 1;
}
#page_home .readmore-content{
	margin-top: 0;
}
.readmore-content{
	margin-top: 18px;
}
.main-intro{
	padding-bottom: 0;
}
.two_col_cont h4{
	margin-bottom:10px;
}
.two_col_cont ul{
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
	column-gap: 40px;
}
.HotelCat{
	height: 77px;
	line-height: 78px;
	background: rgba(149,151,153,0.39);
	border: 1px solid rgba(255,255,255,0.05);
	position: relative;
}
.HotelCat:hover{
	background: rgba(140,150,150,0.33);
	border: 1px solid #22201C;
}
.HotelCat a{
	display: block;
}
#page_home #headerInner #availability-checker,
#page_home #availability-checker  .bookingTitle{
	display: none;
}
#page_home #availability-checker {
	position: inherit;
	width: 430px;
	margin: 10px 0 0;
}
	#page_home #availability-checker .hotel {
	  font-size: 0.9em;
	  margin-top: 20px;
	}
		#page_home #availability-checker .hotel label ,
		#page_home #availability-checker .date,
		#page_home #availability-checker .choose,
		#page_home #booking-form #promo-code{
		  float: left;
		  margin: 0 4px 0 0;
		  font-size:0.85em;
		}			
		#page_home #availability-checker .hotel #hotels {
		  float: right;
		  width: 75%;
		}
		#page_home #availability-checker .date,
		#page_home #booking-form #promo-code{
		  width: 23%;
		}
		#page_home #availability-checker .choose {
		  width: 13%;
		}
		#page_home #availability-checker input {
		  padding: 0 5%;
		}
		#page_home #bestPrices {
		  margin: 0;
		}
		#page_home .best-prices a.rate-link {
		  float: right;
		  width: 50%;
		  text-decoration:none;
		}
		#page_home .best-prices #bestPrices a.rate-link {
		  float: none;
		  width: auto;
		  text-decoration:none;
		}
		#page_home #bestPrices {
		  height : 65px;
		  width: 50%;
		  font-size: 13px;
		}
		#page_home .best-prices .guaranteed {
		  line-height: 30px;
		}
		#page_home .hotel label {
		  padding: 8px 0 0 0;
		}
span.contentbookingTitle {
	display: block;
	letter-spacing: 0.06em;
	margin: 17px 0;
	padding-left: 126px;
	text-align: center;
}
.bookingText{
	float:right;
	position: relative;
	/* padding-left: 15px; */
	font-size:1.4em;
	text-decoration: underline;
}
.bookingText:hover{
	color: #cfb180;
}
.bookingText:after{
	position: absolute;
	top: -1px;
	left: 3px;
	display: block;
	content: "";
	font-size:16px;
	color: #22201C;
}
.bookingText:hover:after{
	color: #cfb180;
}
#main-content.light .bookingText:after{
	color: #cfb180;
}
#main-content.light .bookingText:hover,
#main-content.light .bookingText:hover:after{
	color: #cfb180;
}

#page_home #main .readmore-content ul li:after{
	top: 1px;
}

#page_ourparentcompany #main,
#page_terms-and-condition #main,
#page_mediacontact #main{
	margin: 0 auto 130px;
	float: none;
	width: 745px;
	padding-top: 130px;
}
	#page_ourparentcompany #holder,
	#page_terms-and-condition #holder,
	#page_mediacontact #main{
		max-height: none;
	}
	#page_ourcommitment .main .container{
		margin-top: 100px;
	}

.ourparent-logo {
  display: inline;
  position: relative;
}
.ourparent-logo a {
  background: #fff;
  display: block;
  height: 100px;
  overflow: hidden;
  width: 210px;
}
.ourparent-logo a img {
	width:100%;
	height:auto;
}
.brandSection{
	position: relative;
}
.brandSection .editableLinkIcon{
	bottom: 5px;
	top: auto;
}
.brandSection img{
	width: 100%;
	height: auto;
}
	
/* Landscape tablet to Desktop */	

@media (min-width: 1024px) and (max-width: 1349px) {
	#main {
		margin: 176px 73px 50px;
		width: 430px;
	}
	#page_home #main {
		/* margin: 164px 73px 50px; */
		margin: 196px 123px 180px;
		width: 430px;
	}
	
	.main-intro{
		padding-bottom:0;
	}
	.touch #main-content ol {
		padding: 0 0 0 22px;
	}
	#page_ourparentcompany #main,
	#page_terms-and-condition #main,
	#page_mediacontact #main{
		width: 680px;
		margin: 0 auto 115px;
	}
}
@media (min-width: 1280px) and (max-width: 1349px) {
	#page_ourguests #main {
		margin: 117px 73px 50px;
	} 
}
/* Portrait tablet to Landscape */
@media (min-width: 768px) and (max-width: 1023px) { 
	#page_home #main {
	  margin: 266px 50px 80px;
	  width: 431px;
	}
	#main {
		margin: 296px 21px 50px 22px;
		width: 355px;
	}
	#page_home #main-menu .menuText {
	/* 	right: 34px;  */
		right: 45%;
	}
	span.contentbookingTitle {
		padding-left: 0;
	}
	#page_ourparentcompany #main,
	#page_mediacontact #main,
	#page_terms-and-condition #main{
		width: 550px;
		margin: 0 auto 115px;
		padding-top: 196px;
	}
}

/* Mobile to Portrait tablet */
@media (max-width: 767px) {
	h1{
		font-size:25px ;/* satufok1  1.5em  */   
	}
	#page_home .bookingTitle.close{
		display: block;
	}
	#main-content {
		background: rgba(0,0,0,0.7);
		bottom: 37px;
		left: 0;
		margin: 0;
		max-height: 65px;
		padding: 0;
		overflow: hidden;
		position: fixed;
		-webkit-transition: max-height 800ms ease 0s;
		-moz-transition: max-height 800ms ease 0s;
		-o-transition: max-height 800ms ease 0s;
		transition: max-height 800ms ease 0s;
		width: 100%;
		z-index: 1;
	}
	#page_home #main-content.active, #main-content.active {
		display: block;
		height: calc(100%);
		max-height: 100%;
	}
	
	.main-intro {
		padding: 10px 10px 50px;
	}
	#main-content.active .main-intro {
		height: calc(100% - 275px);
		width: calc(100% - 20px);
		left: 0;
		outline: 0 none;
		overflow-x: visible;
		overflow-y: auto;
		position: fixed;
	}
	#main-content.active #main{
		margin-top: 147px;
		-webkit-transition: margin-top 800ms ease 0s;
		-moz-transition: margin-top 800ms ease 0s;
		-o-transition: margin-top 800ms ease 0s;
		transition: margin-top 800ms ease 0s;
	}
	#page_home #main-content.active #main{
		margin-top: 140px;
		-webkit-transition: margin-top 800ms ease 0s;
		-moz-transition: margin-top 800ms ease 0s;
		-o-transition: margin-top 800ms ease 0s;
		transition: margin-top 800ms ease 0s;
	}
	#page_home #main, #main {
		float: none;
		margin: 0;
		padding: 0 10px;
		position: relative;
		width: auto;
		z-index: 1;
		-webkit-transition: margin-top 800ms ease 0s;
		-moz-transition: margin-top 800ms ease 0s;
		-o-transition: margin-top 800ms ease 0s;
		transition: margin-top 800ms ease 0s;
	}
	
	.externalLink:after {
		background-position: -233px -310px;
	}
	.main-title{
		position: relative;
		padding: 13px 35px 11px 0;
	}
	.main-title.after:after{
		background-position: -184px -94px;
		height: 30px;
		position: absolute;
		right: 5px;
		top: 10px;
		width: 30px;
	}
	.active .main-title.after:after{
		background-position: -221px -94px;
	}
	
	.HotelCat {
		height: 50px;
		line-height: 50px;
	}
	.readmore-content {
		margin-top: 0;
	}
	#ourStoryCategories li{
		margin-bottom: 13px;
	}
	#ourStoryCategories{
		margin-top: 25px; 
	}
	span.contentbookingTitle {
		padding-left: 117px;
	}
	body #ourStoryCategories a,
	body #main-content a,
	body #main-content,
	.bookingText:hover{
		color: #fff;
	}
	body #main-content a:hover{
		color: #8a7f77;
	}
	span.contentbookingTitle{
		display: none;
	}
	#page_404 #main-content{
		max-height: inherit;
	}
	#page_404 .main-title.after:after{
		background: none;
	}
	#page_404 .main-intro{
		padding-bottom: 25px;
	}
	#page_home #main .readmore-content ul li:after {
		top: -3px;
	}
	#page_ourparentcompany #main,
	#page_terms-and-condition #main,
	#page_mediacontact #main{
		margin:0;
		width: 94%;
		padding-top: 0;
	}
	#page_ourcommitment .main .container{
		margin-top: 0;
	}
	.ourparent-logo a {
	  height: 75px;
	  width: 150px;
	}
	#page_terms-and-condition #main-content,
	#page_ourguests #main-content,
	#page_ourcommitment #main-content,
	#page_ourparentcompany #main-content{
		background: none;
	}
	#page_terms-and-condition .main-title.after:after,
	#page_ourguests .main-title.after:after,
	#page_ourcommitment .main-title.after:after,
	#page_ourparentcompany .main-title.after:after{
		background: none;
	}
	#hotel-list{
		display:none;
	}
}

/* Landscape Phone */
@media (min-width: 479px) and (max-width: 767px) {
	#page_home #main-content {
	  max-height: 45px;
	}
}
/***************  templates/group/libs/jquery/jquery-datepicker/smoothness/jquery-ui.min.css  ***************/
/*! jQuery UI - v1.11.4 - 2016-01-25
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=open%20sans&fsDefault=1.2em&fwDefault=normal&cornerRadius=0px&bgColorHeader=%23fff&bgTextureHeader=flat&borderColorHeader=%23fff&fcHeader=%23333333&iconColorHeader=%23444444&bgColorContent=%23ffffff&bgTextureContent=flat&borderColorContent=%23dddddd&fcContent=%23333333&iconColorContent=%23444444&bgColorDefault=%23000&bgTextureDefault=flat&borderColorDefault=%23000&fcDefault=%23fff&iconColorDefault=%23777777&bgColorHover=%23999999&bgTextureHover=flat&borderColorHover=%23cccccc&fcHover=%232b2b2b&iconColorHover=%23555555&bgColorActive=%23a78e4e&bgTextureActive=flat&borderColorActive=%23a78e4e&fcActive=%23ffffff&iconColorActive=%23ffffff&bgColorHighlight=%23fff&bgTextureHighlight=flat&borderColorHighlight=%23a78e4e&fcHighlight=%23000&iconColorHighlight=%23000&bgColorError=%23fddfdf&bgTextureError=flat&borderColorError=%23f1a899&fcError=%235f3f3f&iconColorError=%23cc0000&bgColorOverlay=%23aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=%23666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px&bgImgOpacityHeader=&bgImgOpacityContent=&bgImgOpacityDefault=&bgImgOpacityHover=&bgImgOpacityActive=&bgImgOpacityHighlight=&bgImgOpacityError=
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;min-height:0;font-size:100%}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:none}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-button{display:inline-block;overflow:hidden;position:relative;text-decoration:none;cursor:pointer}.ui-selectmenu-button span.ui-icon{right:0.5em;left:auto;margin-top:-8px;position:absolute;top:50%}.ui-selectmenu-button span.ui-selectmenu-text{text-align:left;padding:0.4em 2.1em 0.4em 1em;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:open sans;font-size:1.2em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:open sans;font-size:1em}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #fff;background:#fff;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #000;background:#000;font-weight:normal;color:#fff}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#fff;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #ccc;background:#999;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#2b2b2b;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #a78e4e;background:#a78e4e;font-weight:normal;color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #a78e4e;background:#fff;color:#000}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#000}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url../../img/ad/ui-icons_444444_256x240.png)}.ui-widget-header .ui-icon{background-image:url(../../img/ad/ui-icons_444444_256x240.png)}.ui-state-default .ui-icon{background-image:url(../../img/ad/ui-icons_777777_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(../img/ad/ui-icons_555555_256x240.png)}.ui-state-active .ui-icon{background-image:url(../../img/ad/ui-icons_ffffff_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(../../img/ad/ui-icons_000_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(../../img/ad/ui-icons_cc0000_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:0}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:0}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:0}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:0}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:0 0 0 0;padding:5px;background:#666;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px}

/* desktop mulai 800 */
@media (min-width: 978px) and (max-width: 1199px) {

}

/* IPAD tau tablet potrait */
@media (min-width:768px) and (max-width: 979px) { 
#footer-menu {
	display:none;
}

}

/* HP and tablet */
@media (min-width:480px) and (max-width:767px) {
#footer-menu {
	display:none;
}
}
/* HP */
@media (max-width:479px) {
	h1 {
	font-size:11.4px;
}

#footer-menu {
	display:none;
}




}/* akhir  HP */