/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
@font-face {
    font-family:'caviar_dreams';
    src: url('fonts/caviardreams-webfont.eot');
    src: url('fonts/caviardreams-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/caviardreams-webfont.woff') format('woff'),
	 url('fonts/Caviar_Dreams_Bold.ttf') format('truetype'),		 
         url('fonts/CaviarDreams-webfont.svg#caviar_dreamsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body, html {
  padding-bottom: 40px;
  color: #5a5a5a;
}
.contactlink {
	background-color:#009999;
	padding:8px 20px;
	font-size:18px !important;
	border-radius:3px;
	color:#fff !important;
	text-decoration:none;
}
.contactlink:hover {
	background-color:#333;
	padding:8px 20px;
	font-size:18px !important;
	border-radius:3px;
	color:#fff !important;
	text-decoration:none;
}
.containerowl {
  width:90%;
  min-width:900px;
  margin:auto;	

}
.containerowl h1{
  font-family:'caviar_dreams', Courier New, Helvetica, sans-serif;
  font-size:24px;
  color:#000;
  text-transform:uppercase;
  font-weight:bold;
  line-height:5px !important;
}
.topright { 
  text-align:right;
  padding:20px 0px;
  font-family: 'caviar_dreams', Arial;
  font-size:12px;
  color:#1a2100;
}
.topright a{ 
  color:inherit;
}
.socialicon{
	margin-top:20px;
}
.socialicon a {
	display:inline;
	margin-left:5px;
	float:right;
	opacity:1;
}
.socialicon a:hover {
	opacity:0.8;
}
.facebook {
	display:block;
	width:29px;
	height:29px;
	background-image:url(images/socialicons.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
.twitter {
	display:block;
	width:29px;
	height:29px;
	background-image:url(images/socialicons.png);
	background-repeat:no-repeat;
	background-position:-72px 0px;
}
.youtube {
	display:block;
	width:29px;
	height:29px;
	background-image:url(images/socialicons.png);
	background-repeat:no-repeat;
	background-position:-36px 0px;
}
.linked {
	display:block;
	width:29px;
	height:29px;
	background-image:url(images/socialicons.png);
	background-repeat:no-repeat;
	background-position:-108px 0px;
}
.rss {
	display:block;
	width:29px;
	height:29px;
	background-image:url(images/socialicons.png);
	background-repeat:no-repeat;
	background-position:-145px 0px;
}
.hometext {
	margin-top:-30px;
	margin-bottom:40px;
	font: 15px "caviar_dreams", Helvetica, Arial, Verdana, sans-serif !important;
	line-height:26px !important;
	color:#333 !important;
	text-align:left !important;
}

/* PAGE
-------------------------------------------------- */
.menuleft {
	display:inline-block;
	width:300px;
	vertical-align:top;
}
.menuleft ul {
	margin:0px;
	margin-right:70px;
	padding:0px;
	list-style:none;
	background-image:url(images/menuright-bg.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding-right:14px;
	padding-bottom:20px;
}
.menuleft ul li {
	display:block;
	width:230px;
	padding:6px 10px;
	color:#307da7;
	font-weight:normal;
	border-bottom:1px solid #CCCCCC;
	background-image:url(images/leftmenu.png);
	background-repeat:no-repeat;
	background-position:right bottom;
}
.menuleft ul li a {
	color:inherit;
	text-decoration:none;
	font-size:14px;
    font-family: 'caviar_dreams', Arial;
}
.menuleft ul li.selected, .menuleft ul li:hover, .menuleft .widget-title  {
	font-size:14px;
	font-weight:normal;
	display:block;
	width:230px;
	background-color:#307da7;
	padding:6px 10px;
	color:#fff;
	z-index:7777;
	margin-right:-12px;
	background-image:url(images/arrowmenu.png);
	background-repeat:no-repeat;
	background-position:right;
	background-size:contain;
}
.maintext {
	display:inline-block;
	width:890px;
	vertical-align:top;
	font-size:14px;
    font-family: 'caviar_dreams', Arial;
	line-height:24px !important;
	margin-bottom:30px;
	font-weight:normal !important;
	color:#666;
}
.maintext li {
	background-image:url(images/icon_checkbox_on.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:30px;
}
.maintext td {
	vertical-align:top !important;
}
.maintext .gallery{
	width:32%;
	margin:4px 2px;
	display:inline-block;
	vertical-align:top;
	margin-bottom:20px;
}
.maintext .virtual{
	width:47% !important;
	margin:4px 20px 4px 0px;
	display:inline-block;
	vertical-align:top;
	margin-bottom:20px;
	position:relative;
}
.maintext .gallery .gal{
	position:relative;
	border:1px solid #ccc;
	padding:5px;
}
.maintext .gallery .title{
	text-align:center;
	border-collapse:2px 8px;
	background-color:#307da7;
	color:#fff;
}
.maintext .gallery img{
	width:100%;
	height:150px;
}
.maintext .virtual img{
	width:100%;
	height:auto !important;
}

.entry-title {
	font-family: 'caviar_dreams', Arial;
  	font-size:24px !important;
	color:#000;
	font-weight:normal !important;
	text-transform:uppercase;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  min-width:1230px;
  height: 500px;
  margin-bottom: 60px;
}
.carouselin{
  height: 240px !important;
  margin-bottom: 0px;
}
.carouseltengah {
  height: 400px !important;
  margin-bottom: 0px !important;
}
.carouseltengah .frontform{
	margin-top:-50px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element  untuk blog news halaman depan*/
.carousel .item {
  height: 400px;
  background-color: #fff;
}
.readbloglink {
	display:block;
	width:100% !important;
	background-color:#0099CC;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	font-family: 'caviar_dreams', Arial;
	text-align:center;
	padding:15px;
}
.readbloglink a{
	color:inherit;
	text-decoration:none;
	font-size:12px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:2px;
}
.readbloglink a:hover{
	color:inherit;
	color: #FFFFFF;
	width:100% !important;
	
}

.carousel-inner > .item > img {
  left: -9999px;  /*important */
   right: -9999px;  /*important */
   margin: 0 auto;  /*important */
   max-width: none;  /*important */
   min-width: 100%;
   position: absolute;
}
.carousel .itemin {
  height: 240px;
  background-color: #777;
}
.carousel-inner > .itemin > img {
   left: -9999px;  /*important */
   right: -9999px;  /*important */
   margin: 0 auto;  /*important */
   max-width: none;  /*important */
   min-width: 100%;
   position: absolute;
}
.carousel .itemtengah {
  height: 450px;
  background-color: #777;
}
.carousel-inner > .itemtengah > img {
   left: -9999px;  /*important */
   right: -9999px;  /*important */
   margin: 0 auto;  /*important */
   max-width: none;  /*important */
   min-width: 100%;
   position: absolute;
}




/* MARKETING CONTENT
-------------------------------------------------- */

/* Pad the edges of the mobile views a bit */
.marketing {
  padding-left: 15px;
  padding-right: 15px;
}

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  text-align: center;
  margin-bottom: 20px;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-left: 10px;
  margin-right: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}



/* RESPONSIVE CSS
-------------------------------------------------- */


/* Demo Slides */

.item h3{
  color: #333;
  font: 14px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  text-align:left;
  font-weight:bold;
  text-transform:capitalize; 
   -webkit-font-smoothing: antialiased;
}
.item a{
	color:inherit;
	text-decoration:none;
}
.item a:hover{
	color:inherit;
	text-decoration:underline;
}
#owl-demo{
	margin-left:-15px;
	margin-right:-15px;
}
#owl-demo .item{
      display: block;
      padding: 30px 0px;
      margin: 15px;
      color: #FFF;
      text-align: center;
	  color:#313030;
	  font-size:12px;
	  font-family: 'caviar_dreams', Arial;
	  text-align:justify;
	  line-height:18px;
}
#owl-demo .item img{
	width:100%;
}	
.owl-theme .owl-controls .owl-buttons div {
      padding: 5px 9px;
}
.owl-theme .owl-buttons i{
      margin-top: 2px;
}
.owl-theme .owl-controls .owl-buttons div {
      position: absolute;
}
.owl-theme .owl-controls .owl-buttons .owl-prev{
      left: -45px;
      top: 110px; 
}
.owl-theme .owl-controls .owl-buttons .owl-next{
      right: -45px;
      top: 110px;
}
[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 15px;
  height: 21px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  /*background-image: url("images/left-arrow.png");*/
  background-repeat: no-repeat;
  margin-top: 4px;
}	
.icon-white {
	 background-image: url("images/left-arrow.png");
}
.icon-chevron-left {
  background-position:0px 0px;
}
.icon-chevron-right {
   background-position:0px -21px;
}
footer .footlink{
	display:block;
	width:100% !important;
	min-width:1230px;
	background-color:#e8e7e7;
	color:#646464;
	font-size:12px;
	font-family: 'caviar_dreams', Arial;
	text-align:center;
	padding:15px;
}
footer .footlink a{
	color:inherit;
	text-decoration:none;
	font-size:12px;
	padding:10px;
}
footer .footlink a:hover{
	color:inherit;
	background-color:#0099CC;
	color:#ffffff;
}
footer .partner,footer .newsubscribe, footer .copyrights {
	display:inline-block !important;
	width:45% !important;
	margin-top:20px;
	font-size:12px;
	font-family: 'caviar_dreams', Arial;
	vertical-align:top;
	margin-bottom:-50px;
	
}
footer .partner img {  margin-right:10px; margin-top:10px; }
footer .copyrights { text-align:right; }
footer .copyrights a { color:#666 !important; }
footer .newsubscribe { text-align:center; position:relative; margin-left:-120px; margin-top:50px; }

.wysija-submit-field { position:absolute; right:0px; top:-20px; border-radius:0px !important; padding:5px 10px 6px 10px !important; color:#fff !important; font-size:13px !important; font-weight:bold; background-color:#0099CC !important; background-image:none !important; border:1px solid #9f9e9e !important;}
.widget_wysija input[name="wysija[user][email]"] { position:absolute; right:86px; top:0px; 	border-radius:0px; padding:6px 10px; width:200px; border:1px solid #9f9e9e;}
.formErrorContent { margin-top:25px !important; margin-left:-50px !important; }

.breadcrumbs-container{
	background-image:url(images/breadcrumb-bg.png);
	height:29px;
	margin-bottom:40px;
}
.breadcrumbs{
	width:1200px;
	margin:auto;
	text-align:left;
	font-size:12px;
	font-family: Arial;
	font-weight:300;
	vertical-align:top;
	padding:6px 10px;
}
.breadcrumbs a{
	font-size:12px;
	font-family: Arial;
	font-weight:300;
	display:inline-block;
	vertical-align:top;
}
.breadspace {
	background-image:url(images/breadcrumb-space.png);
	background-repeat:no-repeat;
	background-position:top left;
	display:inline-block;
	width:16px; height:28px;
	margin-top:-6px;
	margin-left:5px;
	margin-right:5px;
}
.accommodation-list {
	background-color:#f2f2f2;
	margin-bottom:30px;
	position:relative;
}
.accommodation-list .thumb{
	display:inline-block;
	vertical-align:top;
	width:300px;
}
.accommodation-list .desc{
	display:inline-block;
	vertical-align:top;
	margin:0px 20px;
	width:530px;
}
.accommodation-list .desc .title{
	font-size:20px;
	font-family: 'caviar_dreams', Arial;
	color:#000;
	font-weight:bold;
	line-height:60px;
}
.accommodation-list img{
	width:100%;
	height:180px;
	border-radius:0px !important;
}
.accommodation-list .fac img{
	width:100%;
	height:180px;
	border-radius:0px !important;
}
.accommodation-list .more{
	font-size:18px;
	font-family: 'caviar_dreams', Arial;
	color:#fff;
	font-weight:bold;
	background-color:#CC9900/*#307da8*/;
	padding:6px 20px;
	position:absolute;
	right:0px;
	bottom:0px;
}
.accommodation-list .more a{
	color:inherit;
}
.detail-image img{
	width:100%;
	border-radius:0px;
	margin:20px 0px;
}
.booknow a{
	display:block;
	width:180px;
	font-size:18px;
	font-family: 'caviar_dreams', Arial;
	color:#fff;
	font-weight:bold;
	background-color:#307da8;
	padding:6px 20px;
	text-align:center;
	margin:20px auto;
	text-decoration:none;
}
.booknow a:hover{
	display:block;
	width:180px;
	font-size:18px;
	font-family: 'caviar_dreams', Arial;
	color:#fff;
	font-weight:bold;
	background-color:#333;
	padding:6px 20px;
	text-align:center;
	margin:20px auto;
	text-decoration:none;
}
.legend {
	font-size:12px !important;
	font-family: 'caviar_dreams', Arial !important;
	
}
.table-rate{
	width:100% !important;
	background-color:#999;
	border-spacing:1px !important;
	border-collapse:separate;
	font-family: 'caviar_dreams', Arial !important;
}
.table-rate td{
	text-align:center;
	padding:8px;
	background-color:#fff;
	font-size:14px !important;
	font-family: 'caviar_dreams', Arial !important;
}
.table-rate td.left{
	text-align:left;
	padding:8px;
	background-color:#fff;
	font-family: 'caviar_dreams', Arial !important;
}
.table-rate td.year{
	background-color:#eee;
}
.table-rate th{
	text-align:center;
	padding:8px;
	vertical-align:middle;
	font-weight:bold;
	color:#fff;
	font-family: 'caviar_dreams', Arial !important;
	background-color:#009999;
}

.itempackage {
	display:inline-block;
	width:215px;
	margin-right:20px;
	margin-bottom:40px;
	font-size:12px;
	vertical-align:top;
	font-family:'caviar_dreams', Arial;
	font-size:12px;
	line-height:18px;
	text-align:justify;
}
.itempackage img{
	width:100%;
}
.itempackage h3{
  color:#554a48;
  font-size:14px;
  font-family:'caviar_dreams', Arial;
  text-align:left;
  font-size:16px;
  line-height:20px;  
}
.itempackage a{
	color:inherit;
	text-decoration:none;
}
.itempackage a:hover{
	color:inherit;
	text-decoration:underline;
}
.wpcf7-form {
	margin-top:30px;
	font-weight:bold;
}
.wpcf7-form select{
	padding:5px;
}
.wpcf7-form .row {
	display:block;
	width:100%;
	position:relative;
	padding-left:15px;
	margin-bottom:15px;
}
.wpcf7-form .row .span6, .wpcf7-form .row .span4{
	display:inline-block;
	margin-right:30px;
	vertical-align:top;
}
.wpcf7-form .row .span3{
	display:inline-block;
	margin-right:10px;
	width:100px;
	position:relative;
	vertical-align:top;
}
.wpcf7-form .row .span3 input, .wpcf7-form .row .span4 input{
    width:100%;
}
.wpcf7-form input[type="text"]{
	width:400px;
}
.wpcf7-form textarea{
	width:95%;
}
.wpcf7-form input[type="submit"]{
	padding:6px 30px;
	font-size:18px;
	font-family: 'caviar_dreams', Arial;
	color:#fff;
	font-weight:bold;
	background-color:#307da8 !important;
	background-image:none;
}
.wpcf7-form .wpcf7-list-item {
	display:inline-block;
	margin-right:15px;
	width:250px;
	font-weight:normal !important;
}
.wpcf7-form .option .wpcf7-list-item {
	display:inline-block;
	margin-right:15px;
	width:auto !important;
	font-weight:normal !important;
}
.spacategory {
	font-family:'caviar_dreams', Arial, Helvetica, sans-serif;
  	font-size:20px !important;
	color:#000;
	font-weight:bold !important;
	text-transform:uppercase;
	margin-top:40px;
	margin-bottom:20px;
}
.spapackage {
	display:inline-block;
	width:270px;
	padding:30px;
	background-color:#f4f4f4;
	position:relative;
	margin-bottom:15px;
	vertical-align:top;
	margin-right:15px;
}
.weddingpackage {
	display:inline-block;
	width:380px !important;
	padding:30px;
	background-color:#f4f4f4;
	position:relative;
	margin-bottom:15px;
	vertical-align:top;
	margin-right:15px;
	margin-top:30px;
}
.spapackage .spatitle{
	font-family:'caviar_dreams', Arial, Helvetica, sans-serif;
  	font-size:18px !important;
	color:#555;
	font-weight:bold !important;
	margin-bottom:5px;
	text-align:center;
}
.spapackage .spaexcerpt{
	margin-bottom:15px;
	text-align:center;
}
.spapackage .sparate{
	margin-top:20px;
	font-family:'caviar_dreams', Arial, Helvetica, sans-serif;
  	font-size:14px !important;
	font-weight:bold;
	color:#307da8;
	text-align:center;
}
.spapackage .booknow{
	margin-bottom:0px;
}
.fullpage {
	width:100% !important;
}
.reservationbook{
	border-spacing:0px !important;
	border-collapse:separate !important;
}
.reservationbook td{
	text-align:left;
	padding:8px 8px 8px 0px;
	background-color:#fff;
	font-size:12px !important;
	font-family: 'caviar_dreams', Arial !important;
}
.reservationbook select{
	padding:5px;
	margin-right:10px;
}
.reservationbook input[type="submit"]{
	display:block;
	font-size:16px;
	font-family: 'caviar_dreams', Arial;
	color:#fff;
	font-weight:bold;
	background-color:#307da8 !important;
	padding:6px 20px;
	text-align:center;
	margin:20px 0px;
	text-decoration:none;
	background-image:none !important;
}
.reservationbook input[type="submit"]:hover{
	display:block;
	font-size:16px;
	font-family: 'caviar_dreams', Arial;
	color:#fff;
	font-weight:bold;
	background-color:#333 !important;
	padding:6px 20px;
	text-align:center;
	margin:20px 0px;
	text-decoration:none;
}
.head { background-color:#009999; color:#fff; padding:8px 10px;}
.frontform{
	display:block;
	width:310px;/*410px;*/
	height:280px;/*340px;*/
	background-image:url(images/white.png);
	position:absolute;
	left:0px;
	z-index:2;
	top:80px;
	padding:20px;
        padding-left:40px;
}
.frontform a{
	color:#ccc;
}
.frontform .row{
	width:100%;
	font-size:30px;
	position:relative;
	margin-left:10px;
}
.frontform .title{
	display:inline-block;
	width:86%;
	font-size:28px;
	color:#009999;
	vertical-align:top;
	font-family: Helvetica, Arial, sans-serif !important;
	font-size:normal;
}
.frontform .links{
	display:inline-block;
	width:40%;
	font-size:11px;
}
.frontform .label{
	display:inline-block;
	width:46%;
	font-size:11px;
	text-align:left;
	font-size:14px;
	font-size:normal !important;
	font-family: Arial, sans-serif !important;
}
.frontform .field{
	display:inline-block;
	width:90%;
	font-size:12px;
	font-size:normal !important;
}
.frontform .field input{
	border-radius:0px;
}
.frontform input[type="submit"]{
	width:95%;
	background-color:#F00;
	border-radius:0px;
	background-color:#009999;
	border:1px solid #FFFFFF;
	background-image:none !important;
	color:#fff;
	font-size:18px;
	padding:5px;
	margin-top:10px;
	text-transform:uppercase;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
}
.frontform .field .datepick{
	border-radius:0px;
	background-image:url(images/date.jpg);
	background-repeat:no-repeat;
	background-position:right;
}
.frontform .field .half{
	border-radius:0px;
	width:44%;
}
.red {
	color:#F00;
}

.col-lg-6 {
    width: 59%;
	display:inline-block;
	position:relative;
	vertical-align:top;
}
.col-lg-3 {
    width: 40%;
	position:relative;
	display:inline-block;
	vertical-align:top;
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: relative;
  z-index: 20;
  width:100%;
  background-color:#009999;
  margin-top:3px;
  padding:0px !important;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper .container {
  padding-left: 0;
  padding-right: 0;
  padding-bottom:0px !important;
}
.navbar-wrapper ul {
  margin-left:-5px;
  margin-right:0px;
  margin-bottom:0px;
  margin-top:0px;
background-color:#009999;
}
.navbar-wrapper li {
	display:inline-block;
	font-family:'caviar_dreams', Arial, Helvetica, sans-serif;
  	font-size:16px;
 	color:#fff;
	text-transform:uppercase;
	padding:15px 20px 13px 21px;
	margin:0px;
	border-left:1px solid #009999;
	border-bottom:2px solid #009999;
	margin-right:-4px;
	background-color:#009999;/*warna background menu utama*/
}
.navbar-wrapper li:hover, .navbar-wrapper li.current-menu-item {
	display:inline-block;
	font-family:'caviar_dreams', Arial, Helvetica, sans-serif;
  	font-size:16px;
 	color:#fff;
	text-transform:uppercase;
	padding:15px 20px 12px 21px;
	
	background-color:#00BFBF;
}
.navbar-wrapper li a{
	color:#fff;
	font-family:'caviar_dreams', Arial, Helvetica, sans-serif;
  	font-size:16px;
	font-weight:normal;
	text-decoration:none;
}
.navbar-wrapper li ul {
		display: none;
		margin: 0;
		padding: 10px !important;
		position: absolute;
		top: 100%;
		z-index: 1;
		
		background-color:#00BFBF;
		margin-left:-21px;
		width:200px;
		margin-top:-2px;
}
.navbar-wrapper li.wide ul {
		width:250px !important;
}
.navbar-wrapper li ul ul {
		top: 0;
		left: 100%;
}
 ul li:hover > ul {
		border-left: 0;
		display: block;
}
.navbar-wrapper li ul li{
		display: block;
		width:100% !important;
		margin:0px !important;
		padding:0px !important;
		border:0px !important;
}
.navbar-wrapper li ul li a {
		border-bottom: 1px solid #00CCCC;/*warna garis pembatas menu level2*/
		display: block;
		font-size: 12px;
		padding: 8px 10px;
		white-space: normal;
		text-wrap:none;
	}
.navbar-wrapper li ul li a:hover {
		background: #00CCCC;/* warna hover menu level2*/
		display: block;
		font-size: 12px;
		padding: 8px 10px !important;
		white-space: normal;
		color: #444;
	}
.bookingform{
	max-width:230px;
	background-color:#f8f8f8;
	margin-bottom:20px;
	border:1px solid #307da7;
	margin-top:20px;
}
.bookingform h3{
	background-color:#307da7;
	color:#fff;
	font-size:14px;
	padding:8px 15px;
	margin-top:0px;
}
.bookingform .span12{
	font-size:12px;
	padding:0px 15px 15px 15px;
}

.bookingform .fielddrow label{
	display:block;
	margin-top:5px;
}
.bookingform .fielddrow input[type="submit"] {
	margin-top:17px;
	font-size:13px;
	width:100%;
}