/*
Theme Name: Amata Borobudur Resort Theme
Theme URI: http://amataborobudur.com
Author: Gaze team
Author URI: http://www.gaze.asia
Description: Bare Responsive is a simple Wordpress theme template for Amata
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, grey, responsive, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, mobile, iphone, android, webkit, css3, transitions, custom-fonts, minimalism
*/

@font-face {
    font-family: RobotoReg;
    src: url(assets/Roboto-Regular.ttf);
}

@font-face {
    font-family: RobotoThin;
    src: url(assets/Roboto-Thin.ttf);
}

@font-face {
    font-family: RobotoLight;
    src: url(assets/Roboto-Light.ttf);
}

@font-face {
    font-family: NewsGothic;
    src: url(assets/NewsGothic-Regular.ttf);
}

	#home-slider {
		/* margin-top: 120px !important; */
		display: block;
		width: 100%;
		height: auto;
		text-align: center;
		position: relative;
	}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  outline: none;
}
html { height: 101%; }
body { font-size: 100%; line-height: 1; font-family: "RobotoReg", Helvetica, Arial, sans-serif; }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }

header { width: 100%; }
ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%; }

p { font-size: 18pt; line-height: 1.4em; color: #614D4A; margin-bottom: 12px; }

h1, h2 {
	color: #921C5B;
	margin-top: 75px;
}

a {
text-decoration: none;
color: #921C5B;
transition: color .2s linear;
-webkit-transition: color .2s linear;
-moz-transition: color .2s linear;
}

a:hover {
	text-decoration: none;
	color: #DE64A4;
}

/** page wrapping **/
.wrapper { max-width: auto; margin: 0 auto; }

#top { margin-bottom: 40px; }
#top h1 { font-family: "RobotoReg", Tahoma, serif; font-size: 4.0em; letter-spacing: -0.1em; line-height: 1.8em; color: #575757; margin-top: 10px; width: 100%; text-align: center; margin-bottom: 12px; }
#top h1 a { color: #575757; }
#top h1 a:hover { color: #575757; text-decoration: none; }

#mainbody { display: block; z-index: auto; width: 100%; }

/** posts **/
#content { width: 100%; position: relative; }
#main { display: block; width: auto; box-sizing: border-box; margin-right: 280px; -moz-box-sizing: border-box; margin-left: auto; margin-right: auto;}

.post { display: block; margin-bottom: 25px; padding-top: 10px; padding-bottom: 15px; }
.post header { display: block; margin-bottom: 25px; }

.post p { margin-bottom: 20px; line-height: 1.7em; }

.post header h2 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 2.4em !important; line-height: 1.4em; margin-bottom: 4px !important; color: #323232; }
.post header h2.bigger { font-size: 3.1em !important; }

.post h2 { display: block; font-family: Cambria, Georgia, serif; font-size: 2.4em; color: #434343; line-height: 1.4em; margin-bottom: 15px; }

.post h3 { font-size: 1.7em; color: #818181; border-bottom: 2px solid #ddd; border-top: 2px solid #ddd; padding: 6px 4px; background: #f5f5f5; margin-bottom: 15px; margin-top: 5px; }

.post h4 { display: block; font-size: 1.4em; text-transform: uppercase; color: #56b972; line-height: 1.5em; margin-bottom: 3px; font-weight: bold; letter-spacing: 0.15em; text-decoration: none; padding-left: 25px; border-left: 3px solid #56b972; }

.post .meta { font-size: 1.2em; line-height: 1.3em; }
.post .meta i { display: block; margin-bottom: 10px; font-style: normal; color: #666; }

.post blockquote { display: block; box-sizing: border-box; -moz-box-sizing: border-box; background: #fbf0de; padding: 9px 15px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin-bottom: 18px; }
.post blockquote p { font-style: italic; font-weight: normal; color: #797064; margin-bottom: 3px; font-size: 1.9em; }

.post .postcontent { margin-bottom: 25px; }

.post .more-link { display: block; font-size: 1.6em; font-weight: bold; margin-top: 15px; }
.post p .more-link { font-size: 1.0em; }

.postbrdr { border-bottom: 3px solid #ccc; }

.archiveshead h2 { font-size: 2.2em; color: #454545; font-weight: bold; line-height: 1.55em; }

#navbelow { display: block; width: 100%: padding: 0px; margin-top: -10px; margin-bottom: 15px; }

.nav-prev { float: left; display: block; }
.nav-next { float: right; display: block; }

.nav-prev a, .nav-next a { display: block; padding: 3px 5px; font-size: 1.3em; }
.nav-prev a:hover, .nav-next a:hover {  }


/** comments **/
#comments { display: block; margin-top: 15px; }
.post #comments h3 { font-size: 1.7em; line-height: 1.45em; color: #818181; border-bottom: 2px solid #ddd; border-top: 2px solid #ddd; padding: 6px 10px; background: #f5f5f5; }

#comments #respond { margin-left: 0; }
#comments .commentlist .comment #respond { margin-left: 35px; font-size: 1.0em; }
		/* for the threaded reply comment form styles */

#cancel-comment-reply { font-weight: bold; display: block; position: relative; }
#cancel-comment-reply-link { display: block; padding: 0px 4px; font-size: 0.8em; position: absolute; right: 0; top: -12px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; transition: none; -webkit-transition: none; -moz-transition: none; }
#cancel-comment-reply-link:hover { color: #fff; text-decoration: none; background: #5d9de5; }

.commentlist { list-style: none; }
.commentlist .comment { display: block; position: relative; margin-bottom: 28px; }

.commentlist .comment .comment-author { position: relative; }
.commentlist .comment .comment-author .avatar { display: inline-block; padding: 5px; background: #fafafa; border: 1px solid #ccc; margin-right: 15px; }

.commentlist .comment .comment-author .fn { font-weight: bold; font-size: 1.65em; line-height: 1.1em; font-style: normal; position: absolute; top: 2px; color: #535353; }
.commentlist .comment .comment-author .says { display: none; }

.commentlist .comment .comment-meta { position: absolute; top: 25px; margin-left: 60px; font-size: 1.2em; }

.commentlist .comment p { display: block; margin-top: 15px; padding-right: 10px; }

.commentlist .comment .comment-body .reply { font-size: 1.3em; }
.commentlist .comment .comment-body .reply a.comment-reply-link { display: inline-block; padding: 3px 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; transition: none; -webkit-transition: none; -moz-transition: none; }

.comment-awaiting-moderation { font-size: 1.2em; color: #444; display: block; text-decoration: underline; text-align: center; margin-top: 4px; margin-bottom: -5px; }

.commentlist .comment ul.children { margin-left: 40px; padding-top: 15px; }

#commentform { display: block; width: 100%; margin-bottom: 0; margin-top: 6px; }
#commentform label { font-size: 1.2em; line-height: 1.6em; display: block; width: 100%; color: #575757; margin-bottom: 2px; font-weight: bold; }
#commentform label small { display: inline; size: 0.9em; font-style: italic; font-weight: normal; color: #7dafe6; }

#commentfields #commentfields { display: block; margin-bottom: 4px; }
#commentfields #commentfields .ibox { display: block; margin-bottom: 10px; width: 100%; }

#commentfields .basicinput { display: block; padding: 7px 6px; font-size: 1.5em; width: 90%; outline: none; border: 1px solid #dbdbdb; color: #487cb7; }

#commentfields textarea { display: block; padding: 5px 4px; font-size: 1.45em; width: 90%; height: 125px; outline: none; border: 1px solid #dbdbdb; color: #487cb7; }

#commentform #comment { display: block; margin-bottom: 8px; color: #565656; font-size: 1.4em; font-family: Arial, Tahoma, sans-serif; line-height: 1.5em; padding: 4px 7px; }

#commentform #submit, .button {
	-moz-box-shadow: inset 0px 1px 0px 0px #cae3fc;
	-webkit-box-shadow: inset 0px 1px 0px 0px #cae3fc;
	box-shadow: inset 0px 1px 0px 0px #cae3fc;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05,#921C5B), color-stop(1, #921C5B) );
	background: -moz-linear-gradient( center top, #921C5B 5%, #921C5B 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#921C5B', endColorstr='#921C5B');
	background-color: #921C5B;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	display: inline-block;
	color: #fff;
	cursor: pointer;
	font-size: 1.45em;
	font-weight: bold;
	padding: 6px 24px;
	margin-bottom: 10px;
	text-decoration: none;
}

#commentform #submit:hover, .button:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #921C5B), color-stop(1, #921C5B) );
	background: -moz-linear-gradient( center top, #921C5B 5%, #921C5B 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#921C5B', endColorstr='#921C5B');
	background-color: #921C5B;
}

#commentform #submit:active, .button:active {
	position:relative;
	top:1px;
}

/** sidebar **/
#sidebar { display: block; float: right; width: 250px; padding-top: 30px; height: 100%; }
#sidebar-responsive { display: none; }

#sidebar .widget { display: block; margin-bottom: 20px; }
#sidebar .widget h3 { font-family: "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif; font-weight: normal; text-transform: uppercase; padding: 15px 0px; padding-bottom: 5px; font-size: 1.6em; border-bottom: 1px solid #ddd; color: #898989; margin-bottom: 10px; }

#sidebar .widget ul { display: block; margin-left: 10px; }
#sidebar .widget ul li { font-size: 1.1em; margin-bottom: 6px; }
#sidebar .widget ul li ul { font-size: 0.9em; }
#sidebar .widget ul li a { display: block; padding: 6px 12px; font-size: 1.2em; font-weight: bold; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; transition: color .2s linear, background .2s linear; -webkit-transition: color .2s linear, background .2s linear; -moz-transition: color .2s linear, background .2s linear; }

#sidebar .widget ul li a:hover { color: #fff; background: #5d9de5; text-decoration: none; }


/** search **/
#s { padding: 3px 5px; color: #565656; border: 1px solid #bbb; outline: none; width: 66%; font-size: 1.2em; }


/** footer **/
footer { clear: both; margin-top: 0px; text-align: center; font-family: Baskerville, 'Goudy Old Style', 'Book Antiqua', Palatino, serif; font-style: normal; font-size: 1.4em; color: #434343; }

/** clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


/* Mobile Smartphones ----------- */
@media only screen
and (min-width : 0)
and (max-width : 620px) {
	#navbar {
	display: block;
	height: 44px;
	background: #921C5B;
	}
	#navbar a { display: block; line-height: 44px; padding: 0 10px; font-size: 1.2em; color: #ffffff; font-family: 'RobotoLight';}

	#navbar a:hover { color: #ffffff; text-decoration: none; }

	#n ul { display: none; background: #921C5B; border: 0; height: auto; padding: 5px 10px; overflow: hidden; }

	#n ul li { font-size: 1.3em; }

	#n ul li ul { display: block; position: static; border: 0; background: #921C5B; }
	#n ul li ul li { font-size: 1.1em; margin-left: 22px; width: auto; }
	#n ul li { border: 0; width: 100%; border: 0; }

	#n ul li a, #n ul li ul li a { display: block; font-weight: bold; font-size: 1.2em; line-height: 1.3em; text-shadow: none; width: 100%; padding: 5px 12px; margin: 0; }
	#n ul li ul li a { font-size: 1.0em; border: 0; border-bottom: 1px solid #fff;}

	#main { display: block; float: none; width: auto; overflow: hidden; margin: 0; }
	#sidebar { display: none; float: none; }

	#sidebar-responsive { display: block; box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 12px; margin-bottom: 15px; }
	#sidebar-responsive .widget { display: block; margin-bottom: 15px; }
	#sidebar-responsive .widget h3 { font-family: "Hoefler Text", Garamond, "Times New Roman", serif; font-weight: bold; font-size: 1.5em; line-height: 1.4em; color: #898989; margin-bottom: 8px; text-transform: uppercase; border-bottom: 1px solid #ddd; }

	#sidebar-responsive ul li { display: block; }
	#sidebar-responsive ul li a { display: block; padding: 10px 20px; font-size: 1.6em; font-weight: bold; transition: none; -webkit-transition: none; -moz-transition: none; }
	#sidebar-responsive ul li a:hover { text-decoration: none; background: #565656; color: #fff; }

	.post header h2 { font-size: 2.75em; }

	.post .meta { font-size: 1.1em; line-height: 1.6em; }
	.post .meta i { margin-bottom: 4px; }

	#commentform #allowed_tags { display: none; }
}

.thumb-box {
    margin-top: 10px !important;
    text-align: center;
}

.thumb-box .thumbs {
    overflow: hidden;
}

.thumb-box .thumbs li {
    display: inline-block;
    padding: 0;
    text-align: center;
    max-width: 100px;
    padding: 5px;
}

.thumb-box .thumbs li img {
    border-bottom: 4px solid transparent;
    opacity: 0.8;
    transition: opacity 0.32s ease 0s;
    width: 100%;
    opacity: 0.4;
}

.thumb-box .thumbs li img.active {
    opacity: 1;
}

/* HOME */

#category-holder {
	display: block;
	max-width: 960px;
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 100px;
	margin-bottom: 50px;
}

#globe-key-picker {
	max-width: 1024px;
	min-height: 100px;
	background: #fff;
	margin: auto;
	position: relative;
	z-index: 1000;
	display: block;
	margin-top: -40px;
	margin-bottom: 50px;
	border: 1px solid #cccccc;
	border-radius: 5px;
}

#globe-key-picker-content {
	min-height: 45px;
	max-width: 1024px;
	display: block;
	margin: auto;
	text-align: center;
}

#arrival-container {
	display: inline-block;
	width: 180px;
	height: 45px;
	margin: 5px;
	margin-top: 27px !important;
	border: 1px solid #B09C99;
	position: relative;
}

.content-text {
	width: 130px;
	height: 45px;
	position: absolute;
	font-size: 16pt;
	color: #921C5B;
	font-family: "RobotoThin";
	margin-top: 10px;
	margin-left: 10px;
}

#picker-box {
	width: 45px;
	height: 45px;
	float: right;
	border-left: 1px solid #B09C99;
	background: url('images/calendar-icon.png') no-repeat center;
}

.jssor_slider_slides {
	margin-top:-40px !important;
}

#departure-container {
	display: inline-block;
	width: 180px;
	height: 45px;
	margin: 5px;
	border: 1px solid #B09C99;
}

#check-availability-container {
	display: inline-block;
	width: 180px;
	height: 45px;
	background: #921C5B;
	margin: 5px;
	position: relative;
	cursor: pointer;
}

#check-availability-container p {
	font-size: 16pt;
	color: #fff;
	font-family: "RobotoThin";
	position: absolute;
	margin-top: 8px;
	margin-left: 10px;
}

.ms-skin-light-3 .ms-bullets.ms-dir-h {
	margin-bottom: 40px;
}

.slider-caption {
	display: inline-block;
	width: 40%;
	height: auto;
	margin: 0 !important;
	clear: none !important;
}

.slider-caption p {
	font-family: "RobotoLight";
	font-size: 14pt;
}

#slider-category {
	display: inline-block;
	width: 55%;
	float: right;
	margin: 0 !important;
	height: auto;
}

.gallery-slider {
	width: 100% !important;
	text-align: center !important;
	margin:auto !important;
}

ul#gallery-categories {
	display: inline;
	float: right;
}

ul#gallery-categories li {
	display: block;
	clear: none !important;
	float: left;
	margin: 0 10px;

}

ul#gallery-categories li a {
	color: #fff;
	text-decoration: none;
	padding: 5px 15px;
	color: #921C5B;
}

ul#gallery-categories li p {
	display: none;
}

ul#gallery-categories li.active a {
	color: #fff;
	background: #921C5B;
}

ul#gallery-categories li a:hover {
	text-decoration: none;
}

.gallery-description-subheading {
	color: #921C5B;
	font-family: "RobotoThin";
	font-size: 20pt !important;
}

#home-widget-top {
	max-width: 960px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 90px;
}

#home-widget-top h1 {
	font-size: 40pt;
	font-family: "RobotoThin";
	text-align: center;
}

p.subheading {
	font-size: 22pt;
	font-family: "RobotoLight";
	text-align: center;
}

p.content-part {
	font-size: 15pt;
	text-align: center;
	font-family: "RobotoLight";
}

#home-child-slider {
	width: 80%;
	height: auto;
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: 50px;
	position: relative;
	z-index: -10000;
	clear: none !important;
}

.home-child-slider {
	display: inline-block !important;
    height: auto;
    position: relative;
    text-align: center;
    margin-bottom: 50px;
    width: 100%;
    padding-top: 0 !important;
}

.beatpicker-clearButton {
	display: none !important;
}

.home-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}

.child-slider-holder {
	display: inline-block !important;
	max-width: 960px;
	height: 100%;
	text-align: center;
	margin: auto;
	margin-bottom: 50px;
}

.crsl-item {
	padding: 7px;
}

.csrl-item {
	padding: 7px;
}

#control-prev-holder {
	width: 32px;
	height: 600px;
	float: left;
	margin-left: 40px !important;
	clear: none !important;
}

#control-next-holder {
	width: 32px;
	height: 600px;
	margin-right: 40px !important;
	clear: none !important;
	float: right;
}

#slider-control-prev {
	width: 32px;
	display: inline;
	height: 61px;
	float: left;
	margin-top: 200px !important;
	background: url('img/amata-arrow-left.png') no-repeat;
	cursor: pointer;
}

#home-carousel-container {
	display: inline-block;
    margin: auto;
    min-height: 100px;
    position: relative;
    width: 80%;
}

#home-carousel-container .crsl-nav {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#home-carousel-container .csrl-nav {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.home-child-slider #previous, .home-child-slider #next {
    color: #f00;
    height: 61px;
    margin-top: -20px;
    position: absolute;
    text-indent: -10000px;
    top: 50%;
    transition: background 0.2s ease-out 0s;
    width: 32px;
    z-index: 1000000;
}

.home-child-slider #previous {
	background: url(images/amata-arrow-left.png) no-repeat left;
	left: 0;
	margin-left: 5%;
	cursor: pointer;
}

.home-child-slider #next {
	background: url(images/amata-arrow-right.png) no-repeat right;
	right: 0;
	margin-right: 5%;
	cursor: pointer;
}

#room-carousel-container {
	display: inline-block;
    margin: auto;
    min-height: 370px;
    position: relative;
    width: 80%;
}

#room-carousel-container .crsl-nav {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.room-child-slider{
	position: relative;
}

.room-child-slider #previous, .room-child-slider #next {
    color: #f00;
    height: 61px;
    // margin-top: -120px;
    position: absolute;
    text-indent: -10000px;
    top: 50%;
    transform: translateY(-50%);
    transition: background 0.2s ease-out 0s;
    width: 5%;
    z-index: 1000000;
    height: 100%;
}

.room-child-slider #previous {
	background: url(images/amata-arrow-left.png) no-repeat center;
	left: 0;
	padding-left: 5%;
	cursor: pointer;
}

.room-child-slider #next {
	background: url(images/amata-arrow-right.png) no-repeat center;
	right: 0;
	padding-right: 5%;
	cursor: pointer;
}

.crsl-item img {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	margin: auto;
	margin-top: 30px !important;
	width: 80%;
	cursor: pointer;
	height: 80%;
	border: 3px solid #921C5B;
	opacity:0.4;
}

.crsl-item img:hover {
	opacity:0.8;
}

.crsl-item p {
	visibility: hidden;
}

.item-left-mobile img {
	opacity:1.0 !important;
	margin-top: 0 !important;
}

.item-left-mobile p {
	visibility: visible !important;
}

.item-right-mobile p {
	visibility: visible !important;
}

.item-right-mobile img {
	opacity:1.0 !important;
	margin-top: 0 !important;
}



/*
.crsl-item img.item-center {
	border-radius: 250px;
	-webkit-border-radius: 250px;
	-moz-border-radius: 250px;
	margin: auto;
	margin-top: -30px !important;
	width: 100% !important;
	height: 100% !important;
}
*/

.item-center {
	margin-top: -30px !important;
}

.item-center-mobile {
	margin-top: 0 !important;
}

.item-center p {
	visibility: visible;
}

.item-center-mobile p {
	visibility: visible !important;
}

.item-center img {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	margin: auto;
	margin-top: 30px !important;
	width: 100% !important;
	height: 100% !important;
	border: 5px solid #921C5B;
	cursor: auto;
	/*opacity: 1.0;*/
}

.item-center img:hover {
	opacity: 1.0 !important;
}

.item-center-mobile img {
	opacity: 1.0 !important;
	margin-top: 0 !important;
	width: 80% !important;
	height: 80% !important;
	border: 3px solid #921C5B;
}

.carousel-items-container {
	overflow: hidden;
    width: 100%;
}

.carousel-items-container p {
	font-family: "RobotoLight";
	font-size: 14pt;

}

.crsl-item figcaption{
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px;
	color: #FFF;
	background: rgba(0,0,0,.5);
}

.crsl-nav{
	position: relative;
	min-height: 1px;
}

.crsl-nav .previous{
	float: left;
}

.crsl-nav .next{
	float: right;
}

.lSSlideOuter  {
	display: inline-block;
    margin-bottom: 50px !important;
    margin-left: 0 !important;
    margin-left: auto;
    margin-right: 60px !important;
    margin-top: auto;
    max-width: 1360px !important;
    overflow: hidden !important;
    clear: none !important;
}

#slider-control-next {
	background: url("img/amata-arrow-right.png") no-repeat;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 61px;
    margin-top: 200px !important;
    margin-left: 0 !important;
    width: 32px;
}

.child-slider-content {
	display: inline-block;
	width: 30%;
	height: auto;
	margin: 10px;
	padding: 10px;
	margin-bottom: 60px;
}

.child-slider-content img {
	display: inline-block;
	float: none;
	text-align: center;
	width: 430px;
	height: 250px;
	background: #600;
	margin-right: auto;
	margin-bottom: 20px;
}

p.child-slider-subheading {
	font-size: 18pt;
	font-family: "RobotoLight";
	text-align: center;
	color: #921C5B;
}

p.child-slider-content-part {
	font-size: 14pt;
	text-align: center;
	font-family: "RobotoLight";
}

#home-parallax-section {
    width: 100%;
    overflow: hidden !important;
    position: relative;
    min-height: 500px;
    height: 500px !important;
}

#home-parallax-section img {
	overflow: hidden !important;
}

.parallax-banner {
    max-height: 600px;
    overflow: hidden !important;
    position: relative;
}

#welcome-message {
	max-width: 960px;
	margin: auto;
	margin-bottom: 70px;
	margin-top: 0;
	border-bottom: 1px solid #e2e2e2;
}

#welcome-message li, #activity-list-thumb-holder li, #home-widget-top li {
	list-style: none;
}

#welcome-message-heading {
	font-size: 40pt;
	font-family: "RobotoThin";
	text-align: center;
	margin-bottom: 20px;
	color: #921C5B;
}

#welcome-message-subheading {
	font-family: "RobotoLight";
	font-size: 28pt;
	text-align: center;
	margin-bottom: 50px;
}

#activity-list {
	display: block;
	max-width: 1260px;
	min-height: 200px;
	margin: auto;
}

#activity-list-thumb-holder {
	width: 75%;
	display: inline-block;
	text-align: center;
	margin: auto;
}

.activity-items {
	display: block;
	float:left;
	text-align: center !important;
	padding: 5px;
	max-width:220px;
	margin-left:40px;
	margin-right:40px;
	margin-bottom:70px;
	vertical-align: top;
}

.activity-thumb {
	width: 220px;
	height: 220px;
	display: inline-block;
	border-radius: 50%;
	margin: 5px auto !important;
	margin-bottom:25px !important;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

.activity-items p {
	font-size: 14pt;
	font-family: "RobotoLight";
}

p.activity-subheading {
	font-family: "RobotoLight";
	margin-bottom:25px !important;
	text-align: center;
	min-height: 40px;
	font-size: 18pt;
	color: #921C5B;
}


/* Footer */
#footer-bg {
	width: 100%;
	min-height: 400px;
	height:400px;
	background: url('img/footer-bg.jpg') no-repeat bottom;
	text-align: center;
}

#amata-bottom-logo {
	display: block;
	width: 100%;
	height: 100%;
	margin: auto;
	background: url('img/amata-footer-logo.png') no-repeat bottom;
}

#footer-items-container {
	min-height: 190px;
	display: block;
	background-color: #921C5B;
	float: left;
	width: 100%;
}

#footer-line {
	width: 100%;
	height: 15px;
	display: block;
	clear: both !important;
	background: #DE64A4;
}

#footer-items-holder {
	max-width: 962px;
	display: inline-block;
	text-align: center;
	margin: auto;
}

.footer-items {
    clear: none !important;
    display: block;
    float: left;
    margin-top: 25px;
    min-height: 180px;
    padding: 0 10px;
    width: 280px;
}

.footer-items p.items-right a, #terms p a {
	color: #DE64A4 !important;
}

.footer-items p.items-right a:hover, #terms p a:hover {
	color: #FFFFFF !important;
}

.footer-items p {
	color: #fff;
	text-align: left;
	font-family: "RobotoLight";
	font-size: 12pt;
	border-bottom: 1px solid #DE64A4;
}

#globekey-powered img {
	clear: both !important;
	float: left;
	display: block;
	margin-top: 25px;
}

.footer-items span {
	color: #fff;
	text-align: right !important;
	font-family: "RobotoLight";
	font-size: 12pt;
	float: right bottom !important;
}

#terms {
	clear: both !important;
	float: right;
	display: block;
	margin-top: 25px;
}

#terms p {
	border-bottom: none !important;
}

p.items-right {
	text-align: right;
}

.social-footer {
	position: relative;
}

.social-footer #social-footer-items {
	margin: auto;
	width: 100%;
	text-align: center;
	margin-bottom: 0 !important;

}

#social-footer-items {
	position: absolute;
	bottom: 0;
}

#social-footer a {
	margin: auto;
	margin-bottom: 0 !important;
}

#footer-blank {
	width: 100%;
	height:100px;
	background: red;
}

.bbm-pin::after {
    content: url('images/footer-bbm.png');
}

.phone-number::after {
    content: url('images/footer-phone.png');
}

/* Review */

.review-container{
	position: relative !important;
	top: auto !important;
	left: auto !important;
    margin-bottom: 50px;
}
#review-caption {
	margin-top: 80px !important;
	margin: auto;
	width: 960px;
	height: 100px;
	display: block;
}

#review-caption p {
	font-family: "RobotoLight";
    font-size: 14pt;
}

#review-holder {
	max-width: 990px;
	min-height: 200px;
	margin: auto;
	text-align: center;
	position: relative;
	height: auto !important;
}

.readmore-button{
    text-align: right;
    margin-top: 30px;
}

.paging{
	word-spacing: 20px;
	margin-top: 30px;
	position: relative !important;
	top: auto !important;
	left: auto !important;
}
.review-data {
	padding: 5px;
	height: auto;
	/*float: left;*/
	display: block;
	/*margin: auto;*/
	border-bottom: 1px solid #614D4A;
}

.reviewer-pic {
	width: 55px;
	height: 55px;
	display: block;
	/*float:left;*/
	clear: none !important;
	margin: 5px;
	position: absolute;
	top: 0;
}

.reviewer-pic img {
	background: url("images/no-image.jpg");
	width: 55px;
	height: 55px;
	display: block;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

.review-details {
	/*width: 230px;*/
	/*display: inline-block;*/
	/*float: right;*/
	margin: 5px 5px 5px 80px;
	text-align: left;
	color: #614D4A;
	/*min-height: 55px;*/
	font-size: 22px;
	position: relative;
}

.review-details h1{
/*	position: absolute;
	top: 50%;
	transform: translateY(-50%);
*/	margin-top: 0;
}

.reviewer-name {
	font-size: 20pt;
	font-family: "RobotoLight";
	color: #921C5B;
}

.review-items {
	width: 317px;
	display: inline-block;
}

.review-line {
	float: left;
	width: 100%;
	height: 1px;
	background: #614D4A;
	margin-top: 3px;
}

.review-spacing {
	float: left;
	width: 100%;
	height: 10px;
	margin-top: 3px;
}

.review-desc {
	/*width: 307px;*/
	display: block;
	/*float:left;*/
	margin: 5px;
	margin-top: 15px;
	margin-left: 85px;
	text-align: left;
	color: #614D4A;
}

.review-desc h3{
	font-size: 18px;
	margin-bottom: 15px;
}

.review-desc p {
	font-size: 18px;
	font-family: RobotoThin;
	line-height: 1.4em;
	color: #614D4A;
}
.review-date {
	margin-top: 10px !important;
	color: #F0A5CD;
	font-family: "RobotoLight";
	font-size: 16px;
}

/* Specials */

#specials-caption-holder {
    display: block;
    min-height: 60px;
    margin: 100px auto auto;
    max-width: 960px;
    width: 100%;
}

#specials-caption {
    clear: none !important;
    display: inline-block;
    min-height: 190px;
    margin: 0 !important;
    width: 40%;
}

#specials-category {
    display: inline-block;
    float: right;
    min-height: 190px;
    margin: 0 !important;
    width: 55%;
}

#specials-caption p {
	font-family: "RobotoLight";
    font-size: 14pt;
}

ul#specials-categories {
    display: inline;
    float: right;
}

ul#specials-categories li {
    clear: none !important;
    display: block;
    float: left;
    margin: 0 10px;
}

ul#specials-categories li.active a {
    background: none repeat scroll 0 0 #de64a4;
}

ul#specials-categories li a {
    background: none repeat scroll 0 0 #921c5b;
    color: #fff;
    padding: 5px 15px;
    text-decoration: none;
}

#specials-holder {
	max-width: 1160px;
	min-height: 200px;
	height: auto;
	margin: auto;
	display: block;
	text-align: center;
}

.specials-items {
	width: 317px;
	height: 520px;
	min-height: 300px;
	display: inline-block;
	margin: 10px 30px;
}

.specials-thumbs {
	width: 300px;
	height: 300px;
	display: block;
	float:left;
	clear: both;
}

.specials-thumbs img {
	background: url("images/no-image.jpg");
	width: 300px;
	height: 300px;
	display: block;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

.specials-desc {
	width: 307px;
	min-height: 160px;
	height: auto;
	display: block;
	float:left;
}

.specials-desc .excerpt {
	font-size: 14pt;
	font-family: RobotoThin;
	line-height: 1.4em;
}

#specials-holder-package, #specials-holder-promotion {
	display: none;
}

nav.prev-next-posts {
	clear: both !important;
}

/* Specials's single post */

#specials-single-caption {
	margin-top: 80px !important;
	margin: auto;
	width: 100%;
	max-width: 1210px;
	height: 100px;
	display: block;
}

#specials-single-caption p {
	font-family: "RobotoLight";
    font-size: 14pt;
    width: 35%;
}

#specials-single-holder {
	max-width: 1210px;
	min-height: 200px;
	height: auto;
	margin: auto;
	margin-top: 100px;
	display: block;
	text-align: center;
}

.specials-single-items {
	width: 100%;
	height: auto;
	display: inline-block;
	border-bottom: 1px solid #614D4A;
	padding-bottom: 50px;
}

.specials-single-header {
	display: block;
	width: 100%;
	height: auto;
	text-align: left;
	font-family: "RobotoLight";
	font-size:24pt;
}

.specials-single-image {
	display: block;
	width: 100%;
	max-height: 400px;
	height: auto;
}

.specials-single-image img{
	display: block;
	width: 100%;
	max-height: 400px;
	height: auto;
}

.specials-single-package-name {
	display: block;
	position: relative;
	float: left;
	min-height: 110px;
	padding: 20px;
	margin-top: -80px;
	text-align: left;
	z-index: 1000;
	background: white;
	border: 1px solid #614D4A;
}

.specials-single-package-name p {
	font-family: "RobotoThin";
	font-size: 50pt !important;
	margin: 10px;
	color: #921B5B;
}

.specials-single-content-holder {
	width: 100%;
	height: auto;
	min-height: 185px;
	margin-top: 35px;
	display: block;
	float: left;
}

.specials-single-left-container {
	width: 60%;
	display: block;
	float: left;
	clear: none !important;
}

.specials-single-right-container {
	width: 22%;
	display: block;
	float: right;
	clear: none !important;
	text-align: left;
}

.specials-single-left-container p {
	text-align: left;
	font-family: "RobotoThin";
	font-weight: none;
	font-size: 16pt;
}

.specials-single-right-container p.header {
	text-align: left;
	font-family: "RobotoThin";
	font-weight: bold;
	font-size: 19pt;
}

.specials-single-right-container p.content {
	text-align: left;
	font-family: "RobotoThin";
	font-weight: none;
	font-size: 14pt;
}

/* Activities */

#activity-caption-holder {
	max-width: 1210px;
	display: block;
	margin: auto;
	height: auto;
}

#activity-right-menu {
	margin-top: 80px !important;
	margin-bottom: 40px !important;
	margin: auto;
	height: auto;
	display: block;
	float: right;
}

ul#activity-categories {
    display: inline;
    float: right;
}

ul#activity-categories li {
    clear: none !important;
    display: block;
    float: left;
    margin: 0 10px;
}

ul#activity-categories li.active a {
    background: none repeat scroll 0 0 #921C5B;
    color: #fff;
}

ul#activity-categories li a {
    color: #921C5B;
    padding: 5px 15px;
    text-decoration: none;
}

/* Activity's single post */

#activity-single-caption {
	margin-top: 80px !important;
	margin-bottom: 40px !important;
	margin: auto;
	float: left;
	margin-left: 20px;
	width: 45%;
	height: auto;
	display: block;
}

#activity-single-caption p {
	font-family: "RobotoLight";
    font-size: 14pt;
    width: 85%;
}

#activity-single-holder {
	max-width: 1210px;
	min-height: 200px;
	height: auto;
	margin: auto;
	display: block;
	text-align: center;
	margin-top: -75px;
}

#activity-single-slider {
	display: block;
	width: 100%;
	max-width: 1920px;
}

.activity-single-items {
	width: 100%;
	height: auto;
	display: inline-block;
	border-bottom: 1px solid #614D4A;
	padding-bottom: 100px;
}

.activity-single-header {
	display: block;
	width: 100%;
	height: auto;
	text-align: left;
	font-family: "RobotoLight";
	font-size:24pt;
}

.activity-single-image {
	display: block;
	width: 100%;
	max-height: 400px;
	height: auto;
	border: 1px solid #614D4A;
}

.activity-single-image img{
	display: block;
	width: 100%;
	max-height: 400px;
	height: auto;
}

.activity-single-package-name {
	display: block;
	position: relative;
	max-width: 50%;
	min-height: 110px;
	padding: 20px;
	text-align: left;
	float: left;
	z-index: 1000;
	background: white;
	border: 1px solid #614D4A;
}

.activity-single-package-name p {
	font-family: "RobotoThin";
	font-size: 50pt !important;
	margin: 10px;
	color: #921B5B;
}

.activity-single-content-holder {
	width: 100%;
	height: auto;
	max-height: 185px;
	background: #ccc;
	margin-top: 35px;
	display: block;
}

.activity-single-left-container {
	width: 60%;
	display: block;
	float: left;
	clear: none !important;
}

.activity-single-right-container {
	width: 22%;
	display: block;
	float: right;
	clear: none !important;
	text-align: left;
	padding: 20px;
}

.activity-single-left-container p {
	text-align: left;
	font-family: "RobotoThin";
	font-weight: none;
	font-size: 16pt;
}

.activity-single-right-container p.header {
	text-align: left;
	font-family: "RobotoThin";
	font-weight: bold;
	font-size: 19pt;
}

.activity-single-right-container p.content {
	text-align: left;
	font-family: "RobotoThin";
	font-weight: none;
	font-size: 14pt;
}

/* Facility's single post */

#facility-caption-holder {
    display: block;
    height: auto;
    margin: auto;
    max-width: 1210px;
    min-height: 5px;
    min-width: 5px;
}

#facility-single-caption {
	margin-top: 80px !important;
	margin-bottom: 100px !important;
	margin: auto;
	float: left;
	margin-left: 20px;
	width: 83%;
	height: auto;
	display: block;
}

#facility-single-caption p {
	font-family: "RobotoLight";
    font-size: 14pt;
    width: 70%;
}

#facility-single-holder {
	max-width: 1210px;
	min-height: 200px;
	height: auto;
	margin: auto;
	display: block;
	text-align: center;
}

#facility-single-slider {
	display: block;
	width: 100%;
	max-width: 1210px;
	margin: auto;
}

.facility-single-items {
	width: 100%;
	height: auto;
	display: inline-block;
	padding-bottom: 100px;
}

.facility-thumb {
	width: 1210px;
	height: 400px;
}

.facility-single-header {
	display: block;
	width: 100%;
	height: auto;
	text-align: left;
	font-family: "RobotoLight";
	font-size:24pt;
}

.facility-single-image {
	display: block;
	width: 100%;
	max-height: 400px;
	height: auto;
	border: 1px solid #614D4A;
}

.facility-single-image img{
	display: block;
	width: 100%;
	max-height: 400px;
	height: auto;
}

.facility-single-package-name {
	display: block;
	position: absolute;
	margin-top: -75px;
	height: auto;
	padding: 20px;
	text-align: left;
	z-index: 1000;
	background: white;
	border: 1px solid #614D4A;
}

.facility-single-package-name p {
	font-family: "RobotoThin";
	font-size: 50pt !important;
	margin: 10px;
	margin-top: -15px !important;
	color: #921B5B;
}

.facility-single-content-holder {
	width: 100%;
	height: auto;
	max-height: 185px;
	background: #ccc;
	margin-top: 35px;
	display: block;
}

.facility-single-left-container {
	width: 60%;
	display: block;
	float: left;
	padding: 20px;
	clear: none !important;
}

.facility-single-right-container {
    clear: none !important;
    display: block;
    float: right;
    padding: 20px 0 10px;
    text-align: left;
    width: 35%;
}

.facility-single-left-container p {
	text-align: left;
	font-family: "RobotoThin";
	font-weight: none;
	font-size: 16pt;
}

.facility-single-right-container p.header {
	text-align: left;
	font-family: "RobotoThin";
	font-weight: bold;
	font-size: 19pt;
}

.facility-single-right-container p.content {
	text-align: left;
	font-family: "RobotoThin";
	font-weight: none;
	font-size: 14pt;
}


/* Contact */
#contact-map {
	width: 100%;
	height:	560px;
	margin-top: 100px;
	display: block;
	clear: both;
}

#mapframe {
	width: 100%;
	max-height:	560px;
	height: 100%;
	display: block;
}

#map-overlay {
	width: 100%;
	max-height:	560px;
	height: 100%;
	display: block;
	position: relative;
}

#favourite-city {
	max-width: 1160px;
	width: 100%;
	min-height: 290px;
	max-height: auto;
	display: block;
	margin: auto;
	margin-top: 30px;
	text-align: center;
}

p.contact-header {
	text-align: center;
	color: #921c5b;
	font-family: "RobotoLight";
	font-size: 30pt;
}

.city {
	width: 200px;
	height: 200px;
	display: inline-block;
	clear: none !important;
	margin:10px;
	cursor: pointer;
}

.semarang {
	background: url('images/semarang.jpg') no-repeat;
}

.yogyakarta {
	background: url('images/yogyakarta.jpg') no-repeat;
}

.bandung {
	background: url('images/bandung.jpg') no-repeat;
}

.jakarta {
	background: url('images/jakarta.jpg') no-repeat;
}

.surabaya {
	background: url('images/surabaya.jpg') no-repeat;
}

.city-caps-holder {
	display: block;
	width: 200px;
	height: 162px;
	clear: both;
}

.city-caps {
	width: 90%;
	height: 28px;
	position: relative;
	display: block;
	z-index: 1000;
	background: white;
	margin: auto;
	bottom: 0;
	margin-bottom: 5px;
}

.city-caps p {
	font-family: "RobotoLight";
	font-size: 14pt;
}

.city-active {
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
	border: 2px solid #DE64A4;
}

#contact-detail-holder {
	font-family: "RobotoLight";
	width:1160px;
	height: 270px;
	display: block;
	margin: auto;
	text-align: center;
	margin-top: 80px;
}

#contact-detail {
	display: block;
	width: 100%;
	float: left;
	max-width: 579px;
	height: 270px;
	border-right: 1px solid #5D5D5D;
	color: #614D4A;
	text-align: left;
}

.contact-detail-header {
	margin-left: 30px ;
}

#contact-detail table {
	margin-left: 30px;
	margin-top: 30px;
}

#contact-detail table tr td.key {
	width: 30%;
	min-height: 30px;
	height: 100%;
	line-height: 1.5em;
}

#contact-detail table tr td.value {
	width: 70%;
	min-height: 30px;
	height: 100%;
	line-height: 1.5em;
}

#contact-box {
	display: block;
	float: right;
	width: 90%;
	max-width: 580px;
	height: auto;
	color: #614D4A;
	text-align: left;
}

.contact-box-header {
	margin-left: 85px;
}

#contact-box table {
	margin-right: 30px;
	float: right;
	width: 80%;
}

#contact-box table tr td.key {
	width: 30%;
	min-height: 30px;
	height: 100%;
	line-height: 1.5em;
	vertical-align: top;
	padding: 5px 0;
}

#contact-box table tr td.value {
	width: 70%;
	min-height: 30px;
	height: 100%;
	line-height: 1.5em;
	padding: 5px 0;
}

#contact-box input {
	width: 100%;
	height: 16px;
	font-family: "RobotoLight";
	font-size: 12pt;
	outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 1px solid #5D5D5D;
    padding: 5px;
}

#contact-box textarea {
	width: 100%;
	min-height: 120px;
	font-family: "RobotoLight";
	font-size: 12pt;
	outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 1px solid #5D5D5D;
    padding: 5px;
    resize: none;
}

.submit-button {
	background: #614D4A;
	height: 30px !important;
	width: 20% !important;
	color: white;
	float: right;
	margin-right: 20px;
	cursor: pointer;
}

.error {
	color: red;
	margin-left: 85px;
	font-family: "RobotoLight";
	font-size: 12pt;
}

.success {
	color: green;
	margin-left: 85px;
	font-family: "RobotoLight";
	font-size: 12pt;
}

/* Default Page */
.default-container {
	max-width: 960px;
	height: auto;
	display: block;
	margin: auto;
	margin-top: 60px !important;
	padding: 10px;
	text-align: left;
	font-family: 'RobotoLight';
	line-height: 1.2em;
}

.default-container h1 {
	color: #921c5b;
	font-size: 20pt;
}

.default-container p {
	font-size: 14pt;
}

.default-container strong {
	font-size: inherit;
}

.default-container ul {
	padding: 15px !important;
}

.default-container ul li {
	list-style-type: square;
}

.default-container ul li:before {
    color:  #921c5b
}


/* 404 Page */
.not-found-container {
	max-width: 960px;
	height: auto;
	display: block;
	margin: auto;
	margin-top: 60px !important;
	padding: 10px;
	text-align: center;
}

.not-found-container h1 {
	font-size: 60pt;
	font-family: "RobotoLight";
	clear: both !important;
	margin-bottom: 40px;
	color: #DE64A4;
}

.not-found-container h1 span {
	font-family: "RobotoReg";
	font-size: 80pt;
	color: #921B5B;
}

.not-found-container h3 {
	font-size: 20pt;
	font-family: RobotoLight;
	clear: both !important;
	margin-bottom: 40px;
}

/* Coming Soon */
.coming-soon-container {
	max-width: 960px;
	height: auto;
	display: block;
	margin: auto;
	margin-top: 60px !important;
	padding: 10px;
	text-align: center;
}

.coming-soon-container h1 {
	font-size: 30pt;
	font-family: "RobotoLight";
	clear: both !important;
	margin-bottom: 40px;
	color: #DE64A4;
}

.coming-soon-container h1 span {
	font-family: "RobotoReg";
	font-size: 40pt;
	color: #921B5B;
	margin-bottom: 40px;
}

.coming-soon-container h3 {
	font-size: 20pt;
	font-family: RobotoLight;
	clear: both !important;
	margin-bottom: 40px;
}


/* Room */

#room-caption {
	margin-top: 80px !important;
	margin: auto;
	width: 960px;
	height: 100px;
	display: block;
}

#room-caption p {
	font-family: "RobotoLight";
    font-size: 14pt;
    width: 42%;
}

#room-holder {
	max-width: 1160px;
	width: 100%;
	min-height: 200px;
	margin: auto;
	margin-top: 70px;
	text-align: center;
	position: relative;
}

#room-slider {
	width: 1360px;
	min-height: 550px;
	display: block;
	margin: auto;
}

#room-caroussel-container {
	display: inline-block;
    margin: auto;
    margin-top: 60px !important;
    max-width: 1360px;
    width: 100%;
    min-height: 600px;
    position: relative;
}

#room-caroussel-container .crsl-nav {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.gallery-room .crsl-wrap .crsl-item p.child-slider-subheading {
	font-size: 30pt;
	margin-top: 30px;
	text-transform: uppercase;
}

#room-caroussel-container .previous, #room-caroussel-container .next {
    color: #f00;
    height: 61px;
    margin-top: -100px;
    position: absolute;
    text-indent: -10000px;
    top: 50%;
    transition: background 0.2s ease-out 0s;
    width: 32px;
    z-index: 1000;
}

#room-caroussel-container .previous {
	left: -250px !important;
	background: url(images/amata-arrow-left.png) no-repeat;
}

#room-caroussel-container .next {
	right: -250px !important;
	background: url(images/amata-arrow-right.png) no-repeat;
}

.gallery-room .crsl-wrap .crsl-item img {
	width:290px;
	height:290px;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 5px solid #921C5B;
    cursor: pointer;
}

.room-active {
	margin-top: -40px;
}

.room-active img {
	width: 400px !important;
	height: 400px !important;
	border: 10px solid #921C5B !important;
}

#room-separator {
	width: 100%;
	height: 32px;
	border-top: 2px solid #ccc;
	background: url(images/amata-arrow-down.png) no-repeat center;
}

#room-details-container {
	width: 90%;
	max-width: 960px;
	min-height: 100px;
	text-align: center;
	margin: auto;
	margin-top: 100px;
}

#room-description {
	width: 33%;
	min-height: 100px;
	float: left;
	display: block;
	text-align: left;
}

p.room-header {
	font-family: "RobotoLight";
}

p#room-description-content {
	font-family: "RobotoLight";
	font-size: 13pt;
	max-width: 280px;
}

#room-dimension {
	display: block;
	width: 75%;
	min-height: 10px;
	border-top: 1px solid #777;
	padding-top: 10px;
}

table#room-details {
	width: 80%;
	color: #614D4A;
	font-family: "RobotoLight";
}

table#room-details tr td {
	padding: 10px;
}

#room-features {
	width: 33%;
	min-height: 100px;
	display: block;
	float: left;
	text-align: left;
}

ul#room-features-list ul.sub-list {
	list-style-type: circle !important;
	color: #921C5B;
	margin-top: 0 !important;
	width: 45%;
}

ul#room-features-list li {
	padding: 5px;
}

ul#room-features-list ul{
  // float: left;
}

ul#room-features-list li{
  padding-right: 25px;
  line-height: 1.2em;
 }

#room-other-info {
	width: 33%;
	min-height: 100px;
	display: inline-block;
	text-align: left;
}

p#room-other-info-content {
	font-family: "RobotoLight";
	font-size: 13pt;
	max-width: 280px;
}

.hidden-container {
	display: none;
}

.room-slider {
	margin-top: 100px;
}

.loading {
	display: block;
	width: 50px;
	height: 50px;
	margin: auto;
	text-align: center;
}

.loading-spinner {
	height: 100px;
	display: block;
	margin:auto;
	text-align: center;
}

.loading-text {
	font-family: "RobotoLight";
	font-size: 30pt !important;
}

/* Reservation */
#booking-form-table {
	width: 90%;
}

#booking-form-table tbody tr td {
	padding: 5px;
}

#booking-form-table tbody tr td.key {
	width: 50%;
}

#booking-form-table tbody tr td.value {
	width: 50%;
}

#booking-form-table tbody tr td.value input {
	width: 100%;
}

#booking-form-table tbody tr td.submit {
	float: right;
}

#booking-form-table tbody tr td.value select {
	width: 80%;
}

.booking-error p {
	font-family: "RobotoLight";
	display: none;
	font-size: 14pt;
	color: red;
	text-align: center;
}

.booking-success p {
	font-family: "RobotoLight";
	display: none;
	font-size: 14pt;
	color: green;
	text-align: center;
}

.booking-checking p {
	font-family: "RobotoLight";
	display: none;
	font-size: 14pt;
	color: orange;
	text-align: center;
}

table#globekey {
    background-color: transparent !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    max-width: 100% !important;
	font-size: 12pt !important;
}

table#globekey tbody tr td p {
	font-size: 12px !important;
	color: #c06797;
	text-align: left;
}

table#globekey tbody tr td {
	font-size: 12px !important;
	color: #c06797;
	text-align: left;
}

table#globekey tbody tr td {
	padding: 3px;
}

b {
	font-weight: 500 !important;
}

input, input[type="text"], textarea {
    box-shadow: none !important;
    font-size: 11px !important;
}
input[type="text"], textarea, select {
    border-radius: 0 !important;
}
select[multiple], select[size] {
    height: auto;
}
label, input, button, select, textarea {
    font-size: 10px !important;
}
input[type="text"], textarea, select {
    border-radius: 0 !important;
}
select {
    background-color: #fff;
    border: 1px solid #ccc;
    width: 50px;
}
select, input[type="file"] {
    height: 30px;
    line-height: 30px;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border-radius: 4px;
	border-color: #ecc1d8;
    color: #555;
    display: inline-block;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 1px;
    vertical-align: middle;
}

.style6 {
	font-size:70% !important;
}

form#reservation {
	padding: 5px;
	margin-top: 20px;
}

input#promo {
	border-collapse: collapse !important;
	border: 1px solid #ecc1d8 !important;
}



@media screen and (max-width: 1700px) {
	#home-carousel-container .next {
		right: 0 !important;
	}

	#home-carousel-container .previous {
		left: 0 !important;
	}

	#activity-list {
		max-width: 100%;
		width: 100%;
		text-align: center;
	}
	.activity-items {
		display: inline-block !important;
		float: none !important;
    }

    #room-slider {
    	width: 100% !important;
    }

    #room-caroussel-container {
		max-width: 100% !important;
		width: 100% !important;
	}

	#room-caroussel-container .next {
		right: 0 !important;
	}

	#room-caroussel-container .previous {
		left: 0 !important;
	}

}

@media screen and (max-width: 1285px) {
	.room-active img {
		width: 300px !important;
		height: 300px !important;
	}

	.room-active {
		margin-top: 0 !important;
	}
}

@media screen and (max-width: 1160px) {
	#contact-detail-holder {
		width: 100% !important;
	}

	#contact-detail {
		width: 50% !important;
	}

	#contact-box {
		width: 45% !important;
	}
}

@media screen and (max-width: 1024px) {
	* {
   		transition: all .25s ease-in-out;
   		-webkit-transition: all .25s ease-in-out;
   		-moz-transition: all .25s ease-in-out;
   		-o-transition: all .25s ease-in-out;
   		margin: 0;
   		padding: 0;
	}


    #home-widget-top {
        padding: 0 10px;
    }

    #welcome-message {
        padding: 0 10px;
    }

    .activity-items {
    	max-width: 100% !important;
    }

    .activity-items p {
    	/* text-align: left; */
    }

    #home-parallax-section {
    	display: none !important;
    }

    .crsl-item img {
    	opacity: 1 !important;
    }

    .crsl-item p {
    	visibility: visible !important;
    }
}

@media screen and (max-width: 980px) {
	#home-slider {
		/* margin-top: 120px !important; */
		display: block;
		width: 100%;
		height: auto;
		text-align: center;
	}

	.slider-caption {
		margin-top: 100px !important;
	}

	.slider-caption p {
    	padding: 10px;
	}

	#category-holder {
		height: auto !important;
	}

	#home-carousel-container .previous {
		left: 0 !important;
		margin-top: -150px !important;
		margin-left: 10px !important;
	}

	#home-carousel-container .next {
		right: 0 !important;
		margin-top: -150px !important;
		margin-right: 10px !important;
	}

	#home-widget-top {
		margin-bottom: 50px !important;
	}

	welcome-message {
		margin-bottom: 50px !important;
	}

	.slider-caption {
		width: 100% !important;
		display: block !important;
	}

	#home-parallax-section {
		margin-bottom: 50px !important;
	}

	#slider-category {
		text-align: center;
		float: none !important;
		margin: auto !important;
		display: block !important;
		min-height:10px !important;
		height: auto !important;
		clear: both !important;
		width: auto !important;
	}

	.gallery-slider {
		margin-top: 20px !important;
	}

	ul#gallery-categories {
		float: none !important;
		display: inline-block !important;
	}

	ul#gallery-categories li {
    	clear: none !important;
    	display: inline-block !important;
    	float: none !important;
    	margin: 10px !important;
	}

	#activity-caption-holder {
		padding: 10px !important;
		text-align: center !important;
	}

	#activity-single-caption {
		width: 100% !important;
		margin-left: 0 !important;
		margin-top: 140px !important;
	}

	#activity-single-caption p {
		width: 100% !important;
		margin-left: 0 !important;
		margin-bottom: 0 !important;
		text-align: left !important;
	}

	#activity-right-menu {
		float: none !important;
		display: inline-block !important;
		width: 100% !important;
		margin-top: 0 !important;
	}

	ul#activity-categories {
		display: inline-block !important;
		float: none !important;
	}

	ul#activity-categories li {
    	clear: none !important;
    	display: inline-block !important;
    	float: none !important;
    	margin: 10px !important;
	}

	#specials-caption-holder {
		text-align: center !important;
	}

	#specials-caption p {
		padding: 10px !important;
		text-align: left !important;
	}

	#specials-caption {
		width: 100% !important;
		margin-left: 0 !important;
		min-height: 20px !important;
		margin-bottom: 20px !important;
		margin-top: 0 !important;
	}

	#specials-category {
		text-align: center;
		float: none !important;
		margin: auto !important;
		margin-bottom: 40px !important;
		display: block !important;
		min-height:10px !important;
		height: auto !important;
		clear: both !important;
		width: auto !important;
	}

	ul#specials-categories {
		float: none !important;
		display: inline-block !important;
	}

	ul#specials-categories li {
		clear: none !important;
    	display: inline-block !important;
    	float: none !important;
    	margin: 10px !important;
	}

	.specials-items {
		margin: 10px !important;
	}

	#review-caption {
		width: 100% !important;
		margin-top: 140px !important;
	}

	#review-caption p {
		padding: 10px;
	}

	#review-holder {
		padding: 10px !important;
	}

	.review-items {
		margin: 0 !important;
		padding: 10px !important;
	}

	#category-holder {
		margin-top: 10px !important;
	}

	.activity-single-right-container {
    	clear: none !important;
    	display: block !important;
    	float: left !important;
    	padding: 0!important;
    	text-align: left !important;
    	width: 40% !important;
	}

	#facility-single-caption {
		width: 100% !important;
		margin-left: 0 !important;
	}

	#facility-single-caption p {
		width: 100% !important;
		margin-left: 0 !important;
		margin-bottom: 0 !important;
	}

	.facility-thumb {
		height: 100% !important;
		width: 100% !important;
	}

	.facility-single-package-name {
		border: none !important;
		background: none !important;
		padding: 0 !important;
	}

	.facility-single-package-name p {
		font-size: 20pt !important;
		margin-top: 5px !important;
	}

	#facility-caption-holder {
		padding: 10px !important;
	}



	.room-active img {
		height: 290px !important;
		width: 290px !important;
		margin-top: 40px !important;
	}

	#room-caroussel-container {
		min-height: 0 !important;
	}

	#specials-single-caption {
		margin-top: 140px !important;
		clear: both !important;
		display: left !important;
		height: auto !important;
		width: 100% !important
	}

	#specials-single-caption p {
		font-size: 14pt !important;
		width: auto !important;
		padding: 10px !important;
	}

	.specials-single-package-name p {
		font-size: 30pt !important;
	}

	.specials-single-left-container {
		width: 100% !important;
	}

	.specials-single-right-container {
		width: 100% !important;
		float: left !important;
	}

	.specials-single-left-container p {
		padding: 10px !important;
	}

	.specials-single-right-container p {
		padding: 10px !important;
	}

	p.specials-single-header {
		font-size: 18pt !important;
		width: 70%;

		padding: 10px !important;
	}

	#specials-single-holder {
		margin: 0 !important;
	}

	.specials-single-package-name {
		margin-top: 3px !important;
		border: none !important;
		padding: 0 !important;
		min-height: 0 !important;
	}

	.specials-single-content-holder {
		margin-top: 0 !important;
	}

	#room-caption {
		width: 100% !important;
	}

	#room-caption p {
		padding: 10px !important;
		width: 90% !important;
	}

	#room-description p {
		padding: 10px !important;
	}

	#room-features p {
		padding: 10px !important;
	}

	#room-other-info p {
		padding: 10px !important;
	}

	.room-child-slider #previous {
		// top: 0;
		// margin-top: 140px !important;
	}

	.room-child-slider #next {
		// top: 0;
		// margin-top: 140px !important;
	}
}

@media screen and (max-width: 912px) {
	.footer-items {
		float: none !important;
		margin-top: 0 !important;
		min-height: 70px !important;
		display: inline-block !important;
	}

	#footer-items-holder {
		margin-top: 20px !important;
	}

	p.items-right {
		text-align: center !important;
	}

	#terms {
		float: none !important;
	}

	#terms p {
		text-align: center !important;
	}

	#social-footer-items {
		position: inherit !important;
	}

	#room-caption {
		width: 100% !important;
	}
}

@media screen and (max-width: 870px) {
	#n {
		width: 100% !important;
	}

	#footer-items-holder {
    	display: inline-block;
    	margin: auto;
    	max-width: 100%;
    	text-align: center;
	}

	.footer-items {
    	clear: none !important;
    	display: inline-block;
    	float: none !important;
    	margin-top: 25px;
    	min-height: 10px;
    	padding: 0 10px;
    	width: 70% !important;
	}


	.facility-single-left-container {
		width: 90% !important;
	}

	.social-footer {
		margin-top: 40px !important;
	}

	.footer-items p {
		text-align: center !important;
	}

	#globekey-powered {
		text-align: center !important;
		display: inline-block;
	}

	p.items-right {
		text-align: center !important;
	}

	#terms {
		float: none !important;
		text-align: center !important;
	}

	#terms p {
		text-align: center !important;
	}

	.activity-single-package-name {
		max-width: 100% !important;
	}

	.activity-single-right-container p.header {
		font-size: 15pt !important;
	}

	.facility-single-right-container {
		float: left !important;
		width: 35% !important;
		padding: 15px !important;
	}

	.activity-single-right-container {
		float: left !important;
		width: 30% !important;
		padding: 0px !important;
		padding-left: 5% !important;
	}

	#room-details-container p {
		padding: 10px !important;
	}

	#room-caption {
		width: 100% !important;
	}

	#room-description, #room-features, #room-other-info {
		width: 100% !important;
		margin-top: 30px !important;
	}

	#room-features ul {
		margin-left: 20px !important;
	}

	.room-slider {
		margin-top: 50px !important;
	}

	activity-single-caption p {
		text-align: left !important;
	}
}

@media screen and (max-width: 720px) {

	#globe-key-picker {
		margin-top: 0px !important;
	}

	p.home-timeline-title {
		font-size: 22pt !important;
	}

	p.subheading {
		font-size: 20pt !important;
	}

	#welcome-message-heading {
		font-size: 22pt !important;
	}

	#welcome-message-subheading {
		font-size: 20pt !important;
	}

	p.activity-subheading {
		margin-bottom: 15px !important;
	}

	.activity-items {
		margin-bottom: 30px !important;
	}

	#home-parallax-section {
		height: 200px !important;
		min-height: 0px !important;
	}

	#contact-map {
		height: 300px !important;
	}

	#contact-detail {
		border-right: none !important;
		padding: 10px;
	}

	.contact-detail-header {
		margin-left: 0 !important;
	}

	#contact-detail-table {
		margin-left: 0 !important;
	}

	#contact-detail-holder {
		width: 100% !important;
		max-width: 100% !important;
	}

	#contact-box {
		clear: both !important;
		float: left !important;
		width: 90% !important;
		padding: 10px;
	}

	#contact-detail table {
		margin-left: 0 !important;
	}

	#contact-box table {
		float: none !important;
		margin-left: 0 !important;
		width: 100% !important;
	}
	.contact-box-header {
		margin-left: 0 !important;
	}

	.submit-button {
		margin-right: -12px !important;
		min-width: 70px;
	}

	.menu {
		margin-top: 0 !important;
	}

	.facility-single-right-container {
		float: left !important;
		width: 50% !important;
		padding: 10px important;
	}

	#header-logo {
		width: 100px;
		height: 55px;
		margin-left: 10px !important;
		top: 5px !important;
	}

	header-logo img {
		width: 100%;
		height: 100%;
	}

	.menu {
		left: 0 !important;
		margin-top: 20px !important;
		max-width: 100% !important;
	}

	#n {
		height: 65px !important;
	}

	#n ul {
		width: 80 !important;
		float: right !important;
	}

	#specials-single-caption {
		margin-top: 160px !important;
	}
}

@media screen and (max-width: 872px) {
	#room-caption {
		margin-top: 140px !important;
	}
}

@media screen and (max-width: 636px) {
	#activity-single-caption {
		margin-top: 160px !important;
	}

	#review-caption {
		margin-top: 160px !important;
	}
}

@media screen and (max-width: 620px) {
	#home-slider {
		margin: 0 0 0 !important;
	}

	#activity-single-caption {
		margin: 0 !important;
		margin-bottom: 20px !important;
	}

	#activity-single-holder {
		margin: 0 !important;
		margin-top: 20px !important;
	}

	.activity-single-package-name p {
			font-size: 30pt !important;
		}

	.activity-single-package-name {
		border: none !important;
		padding: 0 !important;
		min-height: 0 !important;
	}

	.activity-single-content-holder {
		margin-top: 0 !important;
	}

	.activity-single-left-container {
    	clear: both !important;
    	display: block !important;
    	float: left !important;
    	width: 100% !important;
	}

	.activity-single-left-container p {
		padding: 10px !important;
	}

	.activity-single-right-container {
    	clear: both !important;
    	display: block !important;
    	float: left !important;
    	padding: 10px !important;
    	text-align: left !important;
    	width: 95% !important;
	}

	#facility-single-caption {
		margin-top: 0 !important;
	}

	#specials-caption-holder {
		margin: 0 !important;
		margin-top: 0px !important;
	}

	#review-caption {
		margin: 0 !important;
		margin-top: 0px !important;
	}

	#contact-map {
		margin: 0 !important;
		margin-top: 20px !important;
	}

	.facility-single-left-container {
		width: auto !important;
	}

	.facility-single-right-container {
		float: left !important;
		width: 50% !important;
		padding: 10px important;
	}

	#room-caption {
		margin-top: 20px !important;
	}

	#contact-detail table tr td.value {
		padding-left: 10px !important;
	}

	#amata-bottom-logo {
		background-size: 50% !important;
	}

	.beatpicker {
		float: none !important;
		margin: auto !important;
		height: 260px !important;
		top: 300px !important; left: 0 !important; bottom: 0 !important; right: 0 !important;
	}

	.slider-caption {
    	margin-top: 0 !important;
	}
}

@media only screen and (min-device-width: 590px) and (max-device-width: 620px) {
	#specials-single-caption {
		margin-top: 30px !important;
	}
}

@media screen and (max-width: 605px) {
	#specials-single-caption {
		margin-top: 0 !important;
	}
}

@media screen and (max-width: 600px) {
	.home-child-slider #previous {
		margin-left: 1% !important;
	}

	.home-child-slider #next {
		margin-right: 1% !important;
	}

	.home-child-slider #previous, .home-child-slider #next {
		background-size: 50% 50% !important;
	}
}

@media screen and (max-width: 570px) {
	.footer-items {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		text-align: left !important;
		padding: 10px !important;
		max-width: 100% !important;
	}

	p.items-right {
		text-align: left !important;
	}

	.footer-items p {
		text-align: left !important;
	}

	#terms {
		float: left !important;
		text-align: center !important;
	}

	.social-footer #social-footer-items {
		text-align: left !important;
	}

	.city {
		width: 100px !important;
		height: 100px !important;
	}

	.city-caps-holder {
		width: 100px !important;
		height: 100px !important;
	}

	.facility-single-right-container {
		float: left !important;
		width: auto !important;
	}
}

@media screen and (max-width: 430px) {
	.activity-single-package-name p {
		font-size: 20pt !important;
	}

	.activity-single-package-name {
		border: none !important;
		padding: 0 !important;
		min-height: 0 !important;
	}
}

.supsystic-slider .bx-viewport{
	max-height: 650px;
}

.crsl-img-wrapper{
    height: 0;
    padding-top: 50%;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

.crsl-img-wrapper img{
	position: absolute;
    top: 50%;
    max-width: none;
    width: auto;
    height: 110%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.tripadvisor-sticky{
	transform: rotate(-90deg);
    position: fixed;
    left: -22px;
    bottom: 224px;
    width: 0;
    height: 0;
    overflow: visible;
}
.cdsROW.wide,
.cdsROW.wide .cdsROWContainer{
	height: 40px !important;
}

.cdsROW.wide .cdsRating span{
	display: block;
}

.cdsROW .cdsRating .ui_bubble_rating{
	margin-bottom: 8px !important;
}
.cdsROW.wide .cdsROWContainer .cdsComponent{
	padding-left: 12px !important;
}

.tripadvisor-certificate-logo{
	position: absolute;
    z-index: 100;
    right: 60px;
    top: 50%;
    transform: translateY(-50%);
}