@import url(bootstrap.css);
@import url(jquery-ui.css);
@import url(font-calibre.css);
@import url(font-awesome.css);
@import url(flexslider.css);
@import url(owl.carousel.css);
@import url(select2.css);

/*
######## PATERN ########
primary 	: #6E4B30;#75787B
secondary 	: #F99F1C;
*/

@import url('https://fonts.googleapis.com/css?family=Work+Sans');


/*@font-face {
    font-family: 'Helvetica Neue LT';
    src: url('../fonts/Helvetica-Neue-LT/HelveticaNeue-Light.otf');
}

@font-face {
    font-family: 'spinwerad';
    src: url('../fonts/spinwerad/spinwerad.ttf');
}
*/
html, body {
	margin: 0;
	padding: 0;
	font-family: "Work Sans",Arial,sans-serif;
	font-size: 16px;
	background-color: #f7f7f7;
	font-style: normal;
	line-height: 24px;
	
}

body{
	padding-top:70px;
	display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;

}

p {
	line-height: 26px;
	color: #999;
	font-size: 14px;
}

.bghome{
	padding-top:40px;
}
* {
	outline: none;
}
a {
	color: #153B5D;
}
a:hover, a:focus {
	text-decoration: none;
	cursor: pointer;
}
a.default:hover {
	text-decoration: underline;
}

.pb-8{
	display: block;
	padding-bottom:8px!important;
}
.pt-30{
	padding-top: 30px!important;
}
.mt-0{
	margin-top: 0!important;
}
.mt-30{
	margin-top: 30px!important
}
.pl-0{
	padding-left: 0!important;
}

.text-300{
	font-weight: 300!important;
}
.text-500{
	font-weight: 500!important
}
fieldset {
	padding: 0 30px 20px 30px;
	margin-bottom: 20px;
	background-color: #ffffff;
	border-bottom: 2px solid #cccccc;
}
textarea {
	resize: none;
}
label {
	font-weight: 400;
}

.wrapper {
    flex-grow: 1;
}

/* OVERIDE */
.select2-container .select2-selection--single {
	height: 40px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 38px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 38px;
}
.table.table-theme th {
	background-color: #F1F1F0;
}
.text-theme {
	color: #ff9f00;
}
.text-large {
	font-size: 2em;
}
.separator {
	display: block;
	width: 100%;
	margin-top: 30px;
}
.img-full {
	width: 100%;
}

.lh-3x{
	line-height: 3;
}
.price {
	color: #ff9f00;
}
.checkbox-group > input[type="checkbox"] {
	display: block;
	float: left;
	margin: 2px 5px 0 0;
}
.checkbox-group > label {
	display: block;
	float: left;
	margin: 0;
}
.checkbox-group > label span{
	vertical-align: middle;
}

.checkbox-group input[type="radio"], .checkbox-group input[type="checkbox"] {
  margin-top:0;
}
.checkbox-inline {
  line-height: 1.8;
}
.relative{
	position: relative!important;
}
.btn {
	padding: 9px 12px 9px 12px;
	font-size: 14px;
	font-weight: 700;
	outline: none !important;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.btn.btn-default {
	color: #ffffff;
	background-color: #093a6f;
	border-color: #093a6f;
	border-radius: 4px;
	width: auto;
}

.booking-form .btn.btn-default {
	color: #ffffff;
	background-color: #093a6f;
	border-color: #1a6ac1;
	border-radius: 3px;
	width: 100%;
}

.btn.btn-default:hover {
	background-color: #1a6ac1;
	border-color: #093a6f;
}
.btn.btn-default:focus {
	outline: none;
}

.btn.btn-primary {
	color: #ffffff;
	background-color: #A38F5D;
	border-color: #A38F5D;
}

.btn.btn-primary:hover {
	background-color: #B5995A;
	border-color: #B5995A;
}
.btn.btn-default:focus {
	outline: none;
}

.btn-long{
	width: 200px
}
.btn-header{
	border:0px;
	background:0px;
	color:#FFFFFF;
	padding:17px 20px 11px 20px;
	/*border-right:1px #ccc solid;*/
	font-weight:normal;
	font-size:14px;
}

.subscribe-box .form-control {
	border-radius: 50px;
	background-color: #7A9292;
}

.subscribe-box .form-control::-webkit-input-placeholder { /* google chrome */
	color: #000000;
}

.subscribe-box .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #000000;
}

.subscribe-box .form-control:-ms-input-placeholder { /* IE 10+ */
  color: #000000;
}

.subscribe-box .form-control:-moz-placeholder { /* Firefox 18- */
  color: #000000;
}

fieldset.custom {
	margin: 20px 0;
	padding: 10px 20px;
	background-color: #e5e9f0;
	border: none;
}
.form-control {
	margin-bottom: 10px;
	/*font-family: 'Calibre', sans-serif;*/
	font-size: 14px;
	height: 40px;
	line-height: 14px;
	font-weight: 300;
	border: 1px solid #cecece;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.form-control:focus {
	outline: none;
	border-color: #093a6f;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
textarea{
	line-height:inherit;
	}
.form-control[readonly] {
	background-color: #ffffff;
}
.form-control-label {
	margin-bottom: 0;
	color: #252525;
	font-size: 1em;
	font-weight: 300;
	white-space: nowrap;
}
.input-group-addon {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.input-group-addon:hover {
	cursor: pointer;
}
.form-image {
	margin-bottom: 10px;
	max-width: 100%;
	border: 1px solid #cecece;
}
ul.social {
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.social:after {
	content: "";
	display: block;
	clear: both;
}
ul.social > li {
	display: block;
	float: left;
	margin: 0 5px;
	font-size: 20px;
}
ul.social > li > a {
	color: rgba(117, 120, 123, 0.7);
	-webkit-transition: color 0.4s ease;
	-moz-transition: color 0.4s ease;
	transition: color 0.4s ease;
}
ul.social > li > a:hover {
	color: rgba(117, 120, 123, 1);
}
.ui-widget-header {
	background: none;
	background-color: #75787B;
	border-color: #383838;
}
.slider-range-container {
	position: relative;
	padding: 15px 10px 12px 10px;
}
.share-content {
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #cecece;
	color: #75787B;
}
.modal-dialog {
	width: 450px;
}
.modal-dialog {
	width: 602px;
}
.modal-dialog .modal-content {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.modal-dialog .modal-header {
	padding: 20px 40px;
	border-bottom: none;
}
.modal-dialog .modal-body {
	padding: 15px 15px;
	font-size: 14px;
	color: #999;
}
.modal-dialog .modal-footer {
	padding: 10px 40px 20px 40px;
	border-top: none;
	background:#093a6f;
}

.modal-dialog .modal-footer .btn.btn-default{
	border-color: #fff;
	border-width: 2px;
}
.modal-dialog .modal-title {
	/*padding-top: 10px;*/
	font-size: 16px;
	color: #3f3f3f;
}
.modal-dialog .modal-header .close {
	font-size: 60px;
	font-weight: 100;
	margin: -15px -25px 0 0;
}
.modal-dialog .modal-body-lg {
	padding: 40px 40px;
}
.modal-dialog .modal-footer .note {
	display: block;
	width: 100%;
	text-align: left;
	margin-top: 10px;
}
.modal-dialog .modal-footer .note > i {
	font-size: 0.8em;
}
.modal-dialog .modal-footer .note > a {
	text-decoration: underline;
}

.modal-dialog .modal-footer .form-control {
	display: block;
	width: 100%;
	text-align: left;
	margin-top: 10px;
}
.modal-dialog .modal-footer .form-control {
	display: block;
	width: 100%;
	text-align: left;
	margin-top: 10px;
}
.modal-dialog .modal-footer .button {
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 10px;
	background:#b93356;
	color:#ffffff;
	border:1px solid #b93356;
	padding:8px 20px 5px 20px;
	text-transform:uppercase;
}

.widget {
	margin-bottom: 40px;
}
.widget .widget-title {
	margin: 0;
	border-bottom: 2px solid #cecece;
}
.widget ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.widget ul.headline li {
	position: relative;
	display: block;
	padding: 0 20px;
	width: 100%;
	line-height: 30px;
	border-bottom: 1px solid #cecece;
	-webkit-transition: background 0.4s ease;
	-moz-transition: background 0.4s ease;
	transition: background 0.4s ease;
}
.widget ul.headline li:hover {
	background-color: rgba(206, 206, 206, 0.2);
}
.widget ul.headline li > a {
	display: block;
	padding-top: 5px;
	width: 100%;
	line-height: 25px;
}
.widget ul.headline li:before {
	content: "\f105";
	position: absolute;
	top: 0;
	left: 10px;
	width: 10px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	font-family: 'FontAwesome';
}

.widget ul.room li {
	position: relative;
	display: block;
	margin: 20px 0 20px 0;
	padding: 0;
	width: 100%;
	line-height: 1.2em;
}
.widget ul.room li:after {
	content: "";
	display: block;
	clear: both;
}
.widget ul.room li > .image {
	display: block;
	float: left;
	width: 100px;
}
.widget ul.room li > .content {
	display: block;
	padding-left: 110px;
}
.widget ul.room li > .content h5 {
	margin: 0;
}

@media (max-width: 767px) {
	ul.social {
		text-align: center;
	}
	ul.social > li {
		display: inline-block;
		float: none;
	}
	.menu-kiri {
		margin-top: 52px;
	}
	.homeimages{
		margin-top: 32px;
	}
}

@media (min-width: 768px) {
	.navbar-right {
		position: absolute;
		right: 0;
	}
	.homeimages{
		margin-top: 32px;
	}
}

/* HEADER */
.topmenu{
	background-color: #093a6f;
	z-index: 4;
	padding:8px 0px 8px 0px;
	color:#FFF
}

.header {
	position: fixed;
	display: block;
	background-color: #093a6f;
	z-index: 4;
	transition: all 0.4s ease;
	width: 100%;
	top:0px;
	height:70px;
	/*border-bottom:1px solid #093a6f*/
}

/*.header.sticky{
	position: fixed;
	z-index: 9;
	top: 0;
	left: 0;
	width: 100%;
	background-color: rgba(255,255,255,.92);
	-webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.32);
-moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.32);
box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.32);
}*/

.sticky-hide{
	display: none;
}
.sticky-book-search {
  	background: #eeeeee none repeat scroll 0 0;
  	border-bottom:1px solid #CCC;
	padding-top: 15px;
	/*margin-top: 1px; */
}

.header .navbar-header .logo img{
	transition: all 0.4s ease;
}

.header .navbar {
	margin-top: 10px;
	border: none;
	min-height:15px;
}
.header .navbar-header {
	/*height: 15px;
	min-height:15px;*/
	position: relative;
}
.header .navbar-header .logo {
	position: relative;
	display: block;
	top: 5px;
}
.header .navbar-header .logo img {
	position: relative;
	max-width: 200px;
	margin-right: 15px
}
.header .navbar-toggle {
	margin: 5px 0;
	z-index:9999999;
}
.navbar-collapse {
	margin-top:0px;
	width:100%;
}
.navbar-collapse.in {
    background: #ffffff;
	margin-top:15px;
	width:100%;
}

.header .navbar-toggle .icon-bar {
	background-color: #fff;
}
.header .navbar-nav > li > a {
	padding: 13px 15px 12px 15px;
	line-height: 25px;
	font-size: 15px;
	font-weight: 400;
}
.header .navbar-nav li:first-child > a.bleft{
	border-left: 1.5px solid #426286;
}
.header .dropdown-menu {
	background-color: #383838;
}
.header .nav > li > a, .header .dropdown-menu > li > a {
	color: #fff;
	/*border-right:1px solid #dedddc;*/
}
.header .navbar .dropdown-menu > li > a {
	font-size: 14px;
}
.header .nav > li > a:hover, .header .nav > li > a:focus, .header .dropdown-menu > li > a:hover, .header .dropdown-menu > li > a:focus,
.header .nav .open > a, .header .nav .open > a:hover, .header .nav .open > a:focus {
	color: #4f96e2;
	background-color: transparent;
}
a.bleft, .bleft a{
	/*border-left:1px solid #dedddc;*/
}

@media (max-width: 767px) {
	.header .navbar-header .logo img {
		max-height: calc(100% - 20px);
	}
	.header .navbar-nav > li > a {
		line-height: 30px;
		padding: 5px 20px 5px 20px;
    	border-bottom: 1px solid #ccc;
	}
	.header .nav > li > a, .header .dropdown-menu > li > a {
	  color: #222;
	}
}

/* SLIDER HOME */
.slider-container{
	/*background:url(../images/bg.slide.jpg) no-repeat top center;*//*
	-webkit-background-size: cover;
  	-moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;*/
	float:left;
	width:100%;
	height:611px;
}
.slide-home-info{
	font-size: 26px;
	margin-top: 50px;
	text-align: right;
	margin-bottom: 0px;
	line-height: 50px;
	color:#7c7c7c;
}
.slide-home-info h2.slider-title{
	font-size:44px;
	font-weight:bold;
	margin-top: 60px;
}


/* FEED */
.feed {
	background-color: #F1F1F0;
	height: 40px;
	overflow: hidden;
}
.feed .feed-content {
	position: relative;
	margin-left: 0;
	line-height: 40px;
}
.feed .feed-content > span {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 15px 0 0;
	color: #ff9f00;
}
.feed .feed-content > ul {
	position: relative;
	margin: 0;
	padding: 0 80px 0 75px;
	list-style: none;
	-webkit-transition: -webkit-transform 0.8s ease-out;
	-moz-transition: -moz-transform 0.8s ease-out;
	transition: transform 0.8s ease-out;
}
.feed .feed-content > ul.no-animate {
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}
.feed .feed-content > ul > li {
	display: block;
	width: 100%;
	height: 40px;
	white-space: nowrap;
	overflow: hidden;
}
.feed .feed-content > a {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
	color: #337ab7;
}

@media (max-width: 767px) {
	.feed .feed-content {
		margin-left: 0;
	}
	.slide-home-info h2.slider-title{
		margin-top: 10px;
	}

	.slide-home-info a.pull-right > img {
	  width: 163px;
	}
}

/* BANNER */
.hotel-slider,
.banner {
	position: relative;
	width: 100%;
	height: 440px;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transition: opacity 0.4s ease;
	-moz-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
}
.hotel-slider.loaded,
.banner.loaded {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
}
.hotel-slider .slides,
.banner .slides {
	height: 100%;
}
.hotel-slider .slides .slide-item,
.banner .slides .slide-item {
	display: none;
	height: 100%;
	width: 100%;
}
.hotel-slider .slides .slide-item figure,
.banner .slides .slide-item figure {
	position: relative;
	height: 100%;
	width: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.hotel-slider .slides .slide-item figure .container,
.banner .slides .slide-item figure .container {
	position: relative;
	height: inherit;
}

.hotel-slider .slides .slide-item figure figcaption,
.banner .slides .slide-item figure figcaption {
	position: absolute;
	bottom: 300px;
	right: 15px;
	width: calc(50% - 15px - 15px);
	text-align: right;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
}
.hotel-slider .slides .slide-item figure figcaption strong,
.banner .slides .slide-item figure figcaption strong {
	display: block;
	width: 100%;
	color: #ffffff;
	font-weight: 400;
}

.hotel-slider .slides .slide-item figure figcaption small,
.banner .slides .slide-item figure figcaption small {
	display: block;
	width: 100%;
	color: #ffffff;
	font-weight: 300;
}

.hotel-slider .slides .slide-item figure figcaption a,
.banner .slides .slide-item figure figcaption a {
	display: block;
	width: 100%;
	color: #ffffff;
	font-weight: 300;
}
.hotel-slider .flex-control-nav,
.banner .flex-control-nav {
	bottom: 15px;
}
.hotel-slider .flex-control-nav li,
.banner .flex-control-nav li {
	margin: 0 5px;
}
.hotel-slider .flex-control-nav li a,
.banner .flex-control-nav li a {
	width: 15px;
	height: 15px;
	background: none;
	background-color: #6c6c68;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	-webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.8);
	box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.8);
}
.hotel-slider .flex-control-nav li a.active,
.banner .flex-control-nav li a.active {
	background-color: #ef9a1a;
}

.hotel-slider .flex-direction-nav,
.banner .flex-direction-nav {
	height: 0;
	width: 100%;
}
.hotel-slider .flex-direction-nav li a ,
.banner .flex-direction-nav li a {
	position: absolute;
	top: calc(50% - 25px);
	width: 50px;
	height: 50px;
	color: #ffffff;
	background: none;
	background-color: rgba(0, 0, 0, 0.4);
	-webkit-transition: background 0.4s ease;
	-moz-transition: background 0.4s ease;
	transition: background 0.4s ease;
}
.hotel-slider .flex-direction-nav li a:before,
.banner .flex-direction-nav li a:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	text-indent: 0;
	font-family: 'FontAwesome';
	font-size: 40px;
}
.hotel-slider .flex-direction-nav li a:hover,
.banner .flex-direction-nav li a:hover {
	background: none;
	background-color: rgba(79, 115, 152, 0.4);
}
.hotel-slider .flex-direction-nav li a.prev ,
.banner .flex-direction-nav li a.prev {
	left: 0;
	display:none;
}
.hotel-slider .flex-direction-nav li a.prev:before ,
.banner .flex-direction-nav li a.prev:before {
	content: "\f104";
	text-indent: -5px;
}
.hotel-slider .flex-direction-nav li a.next ,
.banner .flex-direction-nav li a.next {
	right: 0;
	display:none;
}
.hotel-slider .flex-direction-nav li a.next:before ,
.banner .flex-direction-nav li a.next:before {
	content: "\f105";
	text-indent: 5px;
}

@media (min-width: 768px) and (max-width: 991px) {
	.hotel-slider .slides .slide-item figure figcaption ,
	.banner .slides .slide-item figure figcaption {
		width: calc(50% - 15px - 15px);
	}
	.header .navbar-nav > li > a {
	  font-size: 16px!important;
	}
}

@media (max-width: 767px) {
	.hotel-slider .slides .slide-item figure figcaption ,
	.banner .slides .slide-item figure figcaption {
		width: calc(100% - 15px - 15px);
		text-align: center;
	}
}

/* BOOKING FORM */
.booking {
	position: absolute;
	top:170px;
	width: 100%;
	height: 0;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	z-index: 2;
	-webkit-transition: opacity 0.4s ease;
	-moz-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
}
.booking.booking-v2 {
	position: relative;
	margin: 40px 0;
	height: auto;
}
.booking.booking-v2:after {
	content: "";
	display: block;
	clear: both;
}
.booking .container {
	position: relative;
}
.booking .booking-container {
	position: absolute;
	left: 15px;
	width: 350px;
}
.booking.booking-v2 .booking-container {
	position: relative;
	left: 0;
	right: 0;
}
.booking .booking-form,
.booking-containerv2 .booking-form .form-control,
.booking .booking-form,
.booking-containerv2 .booking-form .form-group{
	margin-bottom: 0;
}

.booking .booking-form,
.booking-containerv2 .booking-form .form-group label{
	/*font-weight: bold !important;*/
	color: #3f3f3f;
}
.booking .booking-form,
.booking-containerv2 .booking-form {
	max-height: 500px;
	padding: 15px;
    background-color: #F7F7F7;/*rgba(255,255,255,1)*/
    border-radius: 3px
}
.booking .nav-tabs,
.booking-containerv2 .nav-tabs {
	width: 100%;
	background-repeat: repeat;
	background-image: url(../images/tabs-bg.png);
	border-bottom: 2px solid #75787B;
}
.booking .nav-tabs > li ,
.booking-containerv2 .nav-tabs > li{
	width: 50%;
}
.booking .nav-tabs > li > a,
.booking-containerv2 .nav-tabs > li > a {
	margin: 0;
	padding: 0;
	height: 45px;
	line-height: 45px;
	color: #ffffff;
	background-color: transparent;
	font-size: 1.2em;
	font-weight: 400;
	text-align: center;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-text-shadow: 1px 1px 3px #252525;
	-moz-text-shadow: 1px 1px 3px #252525;
	text-shadow: 1px 1px 3px #252525;
	-webkit-transition: background 0.4s ease;
	-moz-transition: background 0.4s ease;
	transition: background 0.4s ease;
}
.booking .nav-tabs > li > a:hover ,
.booking-containerv2 .nav-tabs > li > a:hover{
	background-color: rgba(0, 0, 0, 0.1);
	border: none;
}
.booking .nav-tabs > li.active > a, .booking .nav-tabs > li.active > a:hover, .booking .nav-tabs > li.active > a:focus,
.booking-containerv2 .nav-tabs > li.active > a, .booking-containerv2 .nav-tabs > li.active > a:hover, .booking-containerv2 .nav-tabs > li.active > a:focus {
	color: #ffffff;
	background-color: #75787B;
	border: none;
}
.booking .tab-content,
.booking-containerv2 .tab-content {
	padding: 10px 20px 5px 20px;
}

.booking-form-long{
	border:1px solid #CCCCCC;
	border-top:none;
	padding:15px;
	background:#ffffff;
	}
.booking-containerv2 {
  border: none;
  margin-top:0px;
 /* position: absolute;
width: 100%;
bottom: -100px;*/
}

@media (min-width: 992px) and (max-width: 1199px) {
	.booking .booking-container {
		width: calc(45% - 15px - 15px);
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.booking .booking-container {
		width: calc(50% - 15px - 15px);
	}
}

@media (max-width: 767px) {
	.booking {
		position: static;
		margin-top: 20px;
		width: 100%;
		height: auto;
		z-index: 2;
	}
	.booking .booking-container {
		position: relative;
		left: 0;
		width: calc(100%);
	}
	.booking .booking-form,
	.booking-containerv2 .booking-form {
		max-height: none;
	}
}

.slider-container{
	display: block;
	margin-top: 0px;
}
.search-container{
	display: block;
	margin-top: -40px;
}
.booking-judul{
	background:#093a6f;
	padding:10px;
	font-size:22px;
	width:100%;
	text-align:center;
	color:#FFF;
}

/* STATS */
.stats-container{
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	background:#f5f5f5;
	padding:20px 0px 20px 0px;
	float:left;
	width:100%;
	/*margin:0px 0px 50px 0px;*/
	position: relative;
}
.stats-item{
	font-size:14px;
	font-weight: 400;
	display: table;
	clear: both;
}
.stats-icon{
	float:left;
	width:50px;
	height:50px;
	color:#093a6f;
	font-size:38px;
	text-align: center;
	margin-right: 10px;
}
.stats-caption{
	font: "Work Sans";
	display: table-cell;
	vertical-align: middle;
	font-size: 16px;
	color:#3f3f3f;
}

/* ACCOUNT */
.account {

}
.account .title-head {
	margin: 20px 0;
	font-size: 16px;
	color: #3f3f3f;
}
.account .title {
	margin: 0 0 15px 0;
	font-size: 16px;
	color: #3f3f3f;
}
.account .account-tab {
	display: block;
	float: left;
	width: 100%;
	min-height: 120px;
	margin-bottom: 40px;
	padding: 15px;
	background-color: #ffffff;
	border: 1px solid #cecece;
	border-top: none;
}
.account .nav-tabs {
	width: 100%;
	background-repeat: repeat;
	background-image: url(../images/tabs-bg.png);
	border-bottom: 2px solid #093a6f;
}
.account fieldset {
	padding: 0 15px 15px;
	margin-bottom: 20px;
	background-color: #ffffff;
	border-bottom: 1px solid #cccccc;
}
.account fieldset:last-child {
	padding: 0 15px;
	margin-bottom: 0;
	background-color: #ffffff;
	border-bottom: 0;
}
.account fieldset .form-group {
	margin-bottom: 0
}
.account fieldset,
.account fieldset .form-control-label {
	font-size: 14px;
	color: #999999;
}
.account .nav-tabs > li {
	display: table;
	width: 15%;
}
.account .nav-tabs > li > a {
	display: table-cell;
	margin: 0;
	padding: 0;
	height: 45px;
	line-height: 45px;
	color: #75787B;
	background-color: transparent;
	font-size: 15px;
	font-weight: 400;
	text-align: center;
	border: none;
	white-space: nowrap;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.account .nav-tabs > li > a:hover {
	background-color: rgba(0, 0, 0, 0.1);
	border: none;
}
.account .nav-tabs > li.active > a, .account .nav-tabs > li.active > a:hover, .account .nav-tabs > li.active > a:focus {
	color: #ffffff;
	background-color: #093a6f;
	border: none;
}
.account .account-point {
	position: relative;
	display: block;
	float: left;
	width: 250px;
	height: 250px;
	border: 1px solid #cecece;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
.account .account-point:before {
	content: "";
	position: absolute;
	top: 8px;
	left: 8px;
	bottom: 8px;
	right: 8px;
	background-color: #ffffff;
	border: 1px solid #cecece;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
.account .account-point .point-header {
	position: absolute;
	top: calc(50% - 50px);
	height: 20px;
	width: 100%;
	line-height: 20px;
	text-align: center;
	font-size: 26px;
}
.account .account-point .point-summary {
	position: absolute;
	top: 50%;
	height: 72px;
	width: 100%;
	line-height: 72px;
	text-align: center;
	font-size: 72px;
}
.account .account-booking .nav-tabs {
	width: 100%;
	background: none;
	border: none;
}
.account .account-booking .nav-tabs > li {
	display: table;
	width: 50%;
}
.account .account-booking .nav-tabs > li > a {
	display: table-cell;
	margin: 0;
	padding: 0;
	height: 45px;
	line-height: 45px;
	color: #75787B;
	background-color: transparent;
	font-size: 1.2em;
	font-weight: 400;
	text-align: center;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-transition: background 0.4s ease;
	-moz-transition: background 0.4s ease;
	transition: background 0.4s ease;
}
.account .account-booking .nav-tabs > li > a:hover {
	background-color: rgba(0, 0, 0, 0.1);
	border: none;
}
.account .account-booking .nav-tabs > li.active > a, .account .account-booking .nav-tabs > li.active > a:hover, .account .account-booking .nav-tabs > li.active > a:focus {
	color: #ffffff;
	background-color: #75787B;
	border: none;
}
.account .account-booking .tab-content {
	margin-top: 20px;
}

.account .panel.panel-widget {
	border-color: #ddd;
	border-radius: 2px;
	 margin-top: 0px; 
}

.account .title-static-page,
.account .destination-item .destination-item-nama{
	font-size: 16px;
	color: #3f3f3f;
	font-weight: bold;
	margin:15px 0;
}

.destination-item ul {
	margin-left:-25px;
	line-height: 26px;
	color: #999;
	font-size: 14px;
}

.destination-item ul a{
	color: #999;
}

.account .desc-static-page{
	font-size: 14px;
	color: #999999;
	text-align: justify;
}

.account .desc-static-page a{
	color: #093a6f;
	font-weight: bold;
}
.account .desc-static-page a:hover{
	color: #093a6f;
	font-weight: bold;
	text-decoration: underline;
}

.account .desc-static-page .form-control-label{
	font-size: 14px;
	color: #999999;
	text-align: justify;
}

.account .panel-widget{
	border: 0;
}
.account .panel-widget .panel-body{
	padding: 0;
	border: 1px solid #ccc;
	border-top-width: 0px;
}
.account .panel-widget .panel-body ul{
	margin: 0;
}
.account .panel-widget .panel-body ul li a{
	margin: 0;
	display: block;
	padding: 8px 15px;
	color: #666;
	font-size: 14px;
	line-height: normal;
}
.account .panel-widget .panel-body ul li a:hover,
.account .panel-widget .panel-body ul li a.active{
	background-color: #EEEEEE;
}
.account .panel-widget .panel-heading h3{
	margin: 0;
	font-size: 16px !important;
}
.account .panel-widget .panel-heading {
	padding: 15px;
}

.account .destination-item .destination-item-nama {
	margin: 0 0 15px 0;
}
.account .panel.panel-widget ul.sidenav-list li::before {
	content: none;
}

.account .panel.panel-widget ul.sidenav-list li {
	border-bottom: 1px dotted #ccc;
	padding: 0;
	width: 100%;
	position: relative;
	-moz-transition: all .25s ease;
	-webkit-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}

.account .list-hotel:first-child{
	margin-top: 0;
}
.account .list-hotel{
	background-color: #eee;
	border: 0;
	float: none;
}
.account .list-hotel .list-hotel-isi,
.account .detail-hotel{
	font-size: 14px;
	color: #666;
}
.account .detail-hotel .table.table-theme th {
	color: #3f3f3f;
}
.account .detail-hotel table {
	color: #999;
}
.account .detail-hotel table td,
.account .detail-hotel table th {
	padding: 0 10px
}
.account .detail-hotel table td:first-child,
.account .detail-hotel table th:first-child {
	padding: 0 10px 0 0;
}
.account .tab-content h4,
.account .tab-content h3{
	margin: 0 0 10px 0;
	font-size: 16px;
	color: #3f3f3f;
}

@media (min-width: 768px) and (max-width: 991px) {
	.account .nav-tabs > li {
	}
	.account .nav-tabs > li > a {
		padding: 0 5px;
		font-size: 12px;
		line-height: 12px;
		vertical-align: middle;
		white-space: normal;
	}
	.account .account-booking .nav-tabs > li {
	}
	.account .account-booking .nav-tabs > li > a {
		padding: 0 5px;
		font-size: 13px;
		line-height: 13px;
		vertical-align: middle;
		white-space: normal;
	}
}

@media (max-width: 767px) {
	.account .nav-tabs > li {
	}
	.account .nav-tabs > li > a {
		padding: 0 5px;
		font-size: 11px;
		line-height: 11px;
		vertical-align: middle;
		white-space: normal;
	}
	.account .account-booking .nav-tabs > li {
	}
	.account .account-booking .nav-tabs > li > a {
		padding: 0 5px;
		font-size: 12px;
		line-height: 12px;
		vertical-align: middle;
		white-space: normal;
	}
}

/* HIGHLIGHT */
.highlight {

}

/* INFO */
.info {
	margin: 0px 0 40px 0;
}
.info .icon-container {
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 55px;
	font-size: 21px;
	margin: 0 10px;
	text-align: center;
	color: #ffffff;
	background-color: #75787B;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
.info .heading {
	display: block;
	float: left;
	width: 100%;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #cecece;
	margin-bottom: 20px;
}
.info .heading:after {
	content: "";
	display: block;
	clear: both;
}
.info .heading > span {
	position: relative;
	display: block;
	float: left;
	margin-right: 5px;
	padding-right: 20px;
}
.info .heading > span:after {
	position: absolute;
	content: "\f101";
	top: 0;
	right: 5px;
	line-height: 36px;
	font-size: 12px;
	font-family: 'FontAwesome';
}
.info .heading > span:last-child:after {
	display: none;
}

.info.static-page .title-static-page,
.info.static-page .destination-item .destination-item-nama{
	font-size: 16px;
	color: #3f3f3f;
	font-weight: bold;
	margin:15px 0;
}

.info.static-page .desc-static-page{
	font-size: 14px;
	color: #999999;
	text-align: justify;
}

.info.static-page .desc-static-page a{
	color: #093a6f;
	font-weight: bold;
}
.info.static-page .desc-static-page a:hover{
	color: #093a6f;
	font-weight: bold;
	text-decoration: underline;
}

.info.static-page .desc-static-page .form-control-label{
	font-size: 14px;
	color: #999999;
	text-align: justify;
}

.info.static-page .panel-widget{
	border: 0;
}
.info.static-page .panel-widget .panel-body{
	padding: 0;
	border: 1px solid #ccc;
	border-top-width: 0px;
}
.info.static-page .panel-widget .panel-body ul{
	margin: 0;
}
.info.static-page .panel-widget .panel-body ul li a{
	margin: 0;
	display: block;
	padding: 8px 15px;
	color: #666;
	font-size: 14px;
	line-height: normal;
}
.info.static-page .panel-widget .panel-body ul li a:hover,
.info.static-page .panel-widget .panel-body ul li a.active{
	background-color: #EEEEEE;
}
.info.static-page .panel-widget .panel-heading h3{
	margin: 0;
}
.info.static-page .panel-widget .panel-heading {
	padding: 15px;
}

.info.static-page .destination-item .destination-item-nama {
	margin: 0 0 15px 0;
}

.title h2{
	font-family: 'Work Sans';
	color: #3f3f3f;
	font-size:16px;
	margin: 20px 0;
}

/* CAROUSEL */
.carousel .owl-controls {
	position: relative;
	margin-top: 20px;
	width: 100%;
	height: 30px;
}
.carousel {
	display: block;
	margin: 0 -10px;
	width: calc(100% + 20px);
}
.carousel .carousel-item {
	padding: 0 10px;
}
.carousel .carousel-image {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
}
.carousel .carousel-content {
	background-image: url(../images/carousel-content.png);
	background-repeat: repeat;
}
.carousel .carousel-content .carousel-text {
	padding: 0 20px 20px 20px;
	height: 258px;
}
.carousel-container {
	position: relative;
	overflow: hidden;
}
.carousel-container .carousel-control {
	position: static;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transition: opacity 0.4s ease;
	-moz-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
}
.carousel-container:hover .carousel-control {
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.carousel-container .carousel-control > a {
	position: absolute;
	top: 0;
	bottom: 50px;
	width: 40px;
	color: #ffffff;
	background-color: rgba(0, 0, 0, 0.4);
	-webkit-transition: opacity 0.4s ease;
	-moz-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
}
.carousel-container .carousel-control > a > i {
	position: absolute;
	top: calc(50% - 20px);
	left: 0;
	right: 0;
	font-size: 32px;
	line-height: 40px;
}
.carousel-container .carousel-control > a:hover {
	background-color: rgba(79, 115, 152, 0.8);
}
.carousel-container .carousel-control > .carousel-prev {
	left: 0;
}
.carousel-container .carousel-control > .carousel-next {
	right: 0;
}

/* MASONRY */
.masonry {
	display: block;
	margin: 0 -10px;
	width: calc(100% + 20px);
}
.masonry .masonry-item {
	padding: 0 10px;
	margin-bottom: 20px;
}
.masonry .masonry-image {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
}
.masonry .masonry-content {
	background-image: url(../images/masonry-content.png);
	background-repeat: repeat;
}
.masonry .masonry-content .masonry-text {
	padding: 0 20px 20px 20px;
}
.masonry-container {
	position: relative;
	overflow: hidden;
}

/* POPUP */
.popup {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.popup .popup-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 8;
}
.popup .popup-container {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
}
.popup .popup-container .popup-heading {
	width: 100%;
	background-color: #ffffff;
	padding: 10px;
}
.popup .popup-container .popup-heading span {
	display: block;
}
.popup .popup-container .popup-content {
	width: 100%;
	background-color: #f5f5f5;
	padding: 10px;
}
.popup .popup-container .popup-content .popup-menu {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
}

/* FOOTER */
.footer {
	padding: 0 0 0 0;
	background-color: #1c2733;
	margin-top: auto;
	
}
.footer .footer-container {
	font-size: 14px;
	line-height: 28px;
}
.footer .footer-container h4.title {
	padding: 0 0 10px 0;
	border-bottom: 1px solid #c5c5c5;
	font-size: 16px;
	font-weight: 600;
	color: #c5c5c5;
}
.footer .footer-container ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.footer .footer-container a {
	color: #999;
}
.footer .footer-container a:hover {
	text-decoration: underline;
}
.footer .copyright {
	float: left;
	margin: 30px 0 0 -5px;
}
.footer ul.social {
	float: right;
	margin: 30px -5px 0 0;
}

@media (max-width: 767px) {
	.footer .copyright {
		display: block;
		float: none;
		text-align: center;
	}
	.footer ul.social {
		float: none;
	}
	.banner{
		height:250px;
		}
	.header .navbar-header .logo {
		margin-left:5px;
		width:220px;
		}
	.header .navbar-header .logo img{
		width:100%;
		}
	.header .btn.btn-header.dropdown-toggle
	{
		color: #333;
	}
	.modal-dialog{
		width:95%;
		}
}

/*
[Added latest news]
*/
.media-list .media-heading{
	text-transform: uppercase;
}
span.date{
	display: block;
	color: #666;
}
a.btn-more{
	background: #75787b none repeat scroll 0 0;
	color: #fff;
	display: inline-block;
	float: right;
	margin-top: 14px;
	padding: 8px 12px 4px;
}
a.btn-more:hover{
	background: #5D5D5E;
}
.pagination li a{
	color: #383838;
}
.pagination li a,
.pagination li span{
	padding-top: 12px;

}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background: #383838;
	color: #fff;
	border-color:#383838;
}

/*.faq-list{
    width: 100%;
    display: block;
    margin-left: 15px !important;
    padding: 10px 0;
    border-top: 2px dotted #ccc;
    border-bottom: 2px dotted #ccc;
}*/


.faq-list li a{
    color: #07418A;
}

.faq-list li a:hover{
    text-decoration: underline;
}

.faq-search {
    margin-bottom: 2em;

    text-align: right;
}

.faq-search input {
    width: 100%;
    display: block;
}



.faq-empty {
    display: none;
}



.faq-toc {
    padding: 1.5em 0;
    margin: 2em 0 0;

    border: 1px dotted #CCC;
    border-right: none;
    border-left: none;
}

.faq-toc ol {
    padding: 0;
    margin: 0;
    font-size: 18px;
}

.faq-toc li {
    margin-bottom: .75em;

    list-style: none;
}

.faq-toc a {
    margin-left: .5em;
    font-size: 18px
}



.faq-list {
    padding: 0;
    margin: 3em 0 0;

    list-style: none;
}

.faq-list li {
    display: table;
    margin-bottom: 2em;
}

.faq-icon {
    display: table-cell;
    padding-right: 1.25em;
    vertical-align: top;
}

.faq-text {
    display: table-cell;
    vertical-align: top;

}


.faq-number {
    width: 42px;
    height: 42px;

    font-size: 18px;
    font-weight: 600;
    text-align: center;
    line-height: 35px;
    color: #FFF;

    background: #383838;

    border: 3px solid #FFF;
    text-shadow: 1px 1px 2px rgba(0,0,0,.4);
}

.faq-list .faq-text h4{
    margin-top: 0 !important
}
.panel.panel-notif {
	border-color: #ddd;
}
/*.panel.panel-notif .panel-body{
	background-image: url('https://fast-company-res.cloudinary.com/image/upload/fc/3034803-poster-p-1-templates-and-hints-for-the-perfect-email-for-almost-every-situation.jpg');
	background-size: contain;
	background-repeat: no-repeat;
	background-blend-mode: overlay;
}*/

.panel.panel-widget{
	border-color: #093a6f;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}

.panel.panel-widget > .panel-heading {
  background-color: #093a6f;
  border-color: #1a6ac1;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.panel.panel-widget > .panel-heading h3{
	font-size: 18px;
}

.panel.panel-widget ul{
	padding:0;
	list-style: none;
}
.panel.panel-widget ul.sidenav-list li {
  border-bottom: 1px dotted #ccc;
  padding: 5px 0 5px 15px;
  width: 100%;
  position: relative;
  -moz-transition: all .25s ease;
  -webkit-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
.panel.panel-widget ul.sidenav-list li a{
	display: block;
}

.panel.panel-widget ul.sidenav-list li::before {
  content: "\f105";
	position: absolute;
	top: 0;
	left: 5px;
	width: 10px;
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	font-family: 'FontAwesome';
}
.panel.panel-widget ul.sidenav-list li:hover{
	background: #F7F7F7;
}

.media .media-center {
  display: table;
  margin-bottom: 14px;
  width: 100%;
}
.media .media-center img{
	width: 100%;
}
.media .media-heading{
	font-size: 16px;
}

.float-none{
	float: none!important;
}
.m-0{
	margin: 0 !important;
}
.mt-0{
	margin-top: 0!important
}


.share-list li {
  display: inline-block;
}

.share-list span{
	font-weight: 600;
	line-height: 3;
}

#share-buttons{
	float: right;
	margin-top: 20px;
}

#share-buttons img {
	width: 45px;
	padding: 5px;
	border: 0;
	box-shadow: 0;
	display: inline;
}

/*event */

.media-list.event-list .media {
  background: #fff none repeat scroll 0 0;
  padding: 15px;
  border:1px solid #ddd;
}

.media-list.event-list .media .date-box {
  border: 1px solid #ccc;
  display: block;
  margin-right: 7px;
  text-align: center;
  width: 85px;
}
.media-list.event-list .media .date-box .date-day {
  display: block;
  font-size: 34px;
  padding: 8px 0;
}
.media-list.event-list .media .date-box .date-month {
  background: #383838 none repeat scroll 0 0;
  color: #fff;
  display: block;
  font-weight: 700;
  line-height: 1.2;
  padding: 6px;
}
.media-list.event-list li.media .media-body .date-detail p {
  color: #666;
  margin-bottom: 2px;
}


/*hotel page*/

#hotel-page{
	position: relative;
	width: 100%;
	height: auto;
}

#hotel-page .hotel-slider .flex-control-nav li a{
	background-color: transparent;
	border: 2px solid #fff;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}

#hotel-page .hotel-slider .slides .slide-item figure{
	overflow: hidden;
}
#hotel-page .hotel-slider .slides .slide-item figure img {
  position: relative;
  top: calc(-40%);
  width: 100%;
}

#hotel-page .hotel-slider .flex-control-nav li a.active{
	background-color: #fff;
}
.hotel-navigation{
	background: rgba(250,250,250,.9);
	width: 100%;
	display: block;
	position: absolute;
	top: 0;
	z-index: 2;
}

.hotel-navigation::before {
  background: rgba(0, 0, 0, 0) url("../images/top-shadow.png") no-repeat scroll center 0;
  bottom: -42px;
  content: "";
  height: 42px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: -2;
}

.hotel-navigation .hotel-title h1{
	font-size: 16px;
	color: #3f3f3f;
	text-transform: uppercase;
}

.hotel-navigation .hotel-title span{
	display: block;
	line-height: 1.2;
	font-size: 14px;
	color: #999;
}
.hotel-navigation .hotel-title span:first-child{
	font-size: 22px;
	text-transform: uppercase;
	padding-top:15px;
}
.hotel-navigation .hotel-title span:last-child{
	padding-bottom:15px;
}

.hotel-navigation .hotel-logo {
  display: block;
  padding: 14px 0;
  text-align: right;
}

.hotel-navigation-center{
	background: #093a6f;
	width: 100%;
	display: block;
}
.hotel-navigation-center ul,
.hotel-navigation ul{
	list-style: none;
	margin:0;
	padding: 0;
	width: 100%;
	display: table;
}
.hotel-navigation-center ul li,
.hotel-navigation ul li{
	display: table-cell;
}

.hotel-navigation-center ul li a,
.hotel-navigation ul li a{
	display: block;
	padding:13px 20px 10px;
	color: #fff;
	font-size: 17px;
	text-transform: uppercase;
	position: relative;
	text-align: center;
	text-shadow: 1px 0 1px rgba(0, 0, 0, 0.3);
}
.hotel-navigation-center ul li a:focus,
.hotel-navigation-center ul li.active a,
.hotel-navigation-center ul li a:hover{
	background:#031a33;
}
.hotel-navigation-center ul li.active a::after{
	content: "";
    display: block;
    width: 0;
    height: 0;
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    bottom: 0;
    left: 45%;
}
.hotel-navigation-center.fixed-to-top {
  left: 0;
  position: fixed;
  top: 0;
  z-index: 11;
}

.room-detail .hotel-navigation{
	position: relative;
}
.room-detail .hotel-navigation-center ul li,.room-detail .hotel-navigation ul li {
  display: inline-block;
}
.room-detail .hotel-navigation::before {
	background: transparent;
}
.hotel-page-content{
	padding: 0;
	background: #fff;
}

.hotel-page-content .title{
	font-size: 16px;
	color: #3f3f3f;
	margin-bottom: 30px;
}

#hotel-about,
#hotel-room-rates,
#hotel-local-experiences,
#hotel-attractions{
	padding-bottom: 12px;
	padding-top: 6px;
}
.hotel-page-content p{
	font-size: 16px;
}

.hotel-facilities ul{
	list-style: none;
	padding: 0;
	margin:25px 0;
}

.hotel-facilities ul li{
	display: inline-table;
	margin-right: 20px;
	text-align: center;
}
.hotel-facilities ul li span.facilities-icon {
  border: 3px solid #44340D;
  border-radius: 250px;
  display: inline-block;
  font-size: 27px;
  height: 70px;
  padding: 15px;
  width: 70px;
  text-align: center;
  color: #44340D;
}
.hotel-facilities ul li span.facilities-icon i{
  vertical-align: middle;
  color: #44340D;
}

.hotel-facilities ul li span.facilities-title {
	display: block;
	text-align:center;
	padding: 8px 0;
	width: 115px;
	height: 62px;
	font-size: 14px;
	color: #999;
}


.list-media{
	width: 100%;
	height: all;
	display: block;
	margin-bottom: 50px;
}
.list-media a{
	display: block;
	position: relative;
}

.list-media a img{
	background-repeat: no-repeat;
	background-size: cover;
}

.list-media .room-type {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  color: #fff;
  display: block;
  padding: 7px 14px 3px;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-transform: uppercase;
}

.list-media .caption-text {
  background: rgba(0, 0, 0, 0) url("../images/carousel-content.png") repeat scroll 0 0;
  display: block;
  height: 108px;
  padding: 11px;
  width: 100%;
  overflow: hidden;
}

.list-media.room-rates .caption-text{
	background:#fff;
	height: 55px;
}

.list-media.room-rates .caption-text-price {
  background-color: #fff;
  display: block;
  padding: 0 15px 7px;
}

.list-media .caption-text > h3 {
  font-size: 18px;
  margin: 0;
}

.list-media.bg-ornamen{
	background: rgba(0, 0, 0, 0) url("../images/carousel-content.png") repeat scroll 0 0;
}
.list-media.bg-ornamen .caption-text,
.list-media.bg-ornamen .caption-text-price{
	background: transparent;
}


.grey-block {
  background: #F7F7F7 none repeat scroll 0 0;
  display: block;
  /*margin: 30px 0;*/
  /*padding: 30px 0 40px;*/
}


.destination-item{
	float: left;
	padding: 0px;
	/*border-bottom: 1px dotted #ccc;*/
	margin-bottom: 15px;
	width: 100%;
	background: #ffff;
	}

.destination-item .resume-room .destination-item-nama:hover,
.destination-item .resume-room .img-responsive:hover{
	/*background: #EEEEEE;*/
	cursor: pointer;
}
.destination-item h2{
	margin:0px 0px 0px 0px;
	font-size: 16px;
	color: #3f3f3f
	}

.destination-item .detail-room{
	margin-top: 15px;
}

.destination-item .detail-room .nav-tabs > li.active > a, .destination-item .detail-room .nav-tabs > li.active > a:hover, .destination-item .detail-room .nav-tabs > li.active > a:focus {
	cursor: default;
	background-color: #fff;
	border-radius: 0; 
	border-bottom-color: transparent; 
	border: 2px solid #D87A1C;
	background: #D87A1C;
	color: #fff;
	
}

.destination-item .detail-room .tab-content > .active {
	display: block;
	background-color: #eee;
	font-size: 14px;
	color: #999;
	padding: 15px;
}

.destination-item .detail-room .tab-content > .active p{
	font-size: 14px;
	color: #999;
}

.destination-item .detail-room .nav-tabs {
	font-size: 14px;
	color: #3f3f3f;
	border-bottom: 2px solid #D87A1C;
	display: table;
	width: 100%
}

.destination-item .detail-room .list-facilities {
	padding-left: 0;
	list-style: none;
}
.destination-item .detail-room .list-facilities li {
	width: 49.5%;
	display: inline-block;
}

.destination-item .detail-room .nav-tabs > li {
	display: table-cell;
	float: none;
}

.destination-item .detail-room .nav-tabs > li > a {
	margin-right: 2px;
	line-height: 1.42857143;
	border: 0px solid transparent;
	border-radius: 0;
	text-align: center;
	color: #3f3f3f;
}

figure.hotel-thumbnail {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 175px;
}
figure.hotel-thumbnail img{
	width: 100%;
}


/* ROOMS */
.room-item{
	width:100%;
	padding:0px 0px 15px 0px;
	/*border-bottom:1px solid #CCCCCC;*/
	margin:0px 0px 10px 0px;
	float:left;
	}
.room-item-rates{
	font-size:24px;
	font-weight:normal;
	color:#FF6600;
	}
.room-item-poin{
	font-size:22px;
	font-weight:normal;
	color:#999;
	}
.room-item-avail{
	color:#669900;
	font-size: 14px;
	}
.room-item form .destination-item .alert{
	padding: 5px 10px;
	display: block;
	margin-bottom: 0;
}
.wizard-steps {
    list-style: none;
    display: table;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
}
.wizard-steps li {
    display: table-cell;
    text-align: center;
    width: 1%}
.wizard-steps li .step {
    border: 5px solid #ced1d6;
    color: #546474;
    font-size: 15px;
    border-radius: 100%;
    background-color: #FFF;
    position: relative;
    z-index: 2;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 30px;
    text-align: center;
}
.wizard-steps li:before {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    font-size: 0;
    overflow: hidden;
    border-top: 4px solid #CED1D6;
    position: relative;
    top: 21px;
    z-index: 1;
}
.wizard-steps li:last-child:before {
    max-width: 50%;
    width: 50%}
.wizard-steps li:first-child:before {
    max-width: 51%;
    left: 50%}
.wizard-steps li.active .step, .wizard-steps li.active:before, .wizard-steps li.complete .step, .wizard-steps li.complete:before {
    border-color: #5293c4;
}
.wizard-steps li.complete .step {
    cursor: default;
    color: #FFF;
    -webkit-transition: transform ease .1s;
    -o-transition: transform ease .1s;
    transition: transform ease .1s;
}
.wizard-steps li.complete .step:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    line-height: 30px;
    text-align: center;
    border-radius: 100%;
    content: "\f00c";
    background-color: #FFF;
    z-index: 3;
    font-family: FontAwesome;
    font-size: 17px;
    color: #87ba21;
}
.wizard-steps li.complete:hover .step {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    border-color: #80afd4;
}
.wizard-steps li.complete:hover:before {
    border-color: #80afd4;
}
.wizard-steps li .title {
    display: block;
    margin-top: 4px;
    max-width: 100%;
    color: #949ea7;
    font-size: 14px;
    z-index: 104;
    text-align: center;
    table-layout: fixed;
    word-wrap: break-word;
}
.wizard-steps li.active .title, .wizard-steps li.complete .title {
    color: #2b3d53;
}
.step-content {
    position: relative;
}
.step-content .step-pane {
    display: none;
    min-height: 200px;
    padding: 4px 8px 12px;
}
.step-content .step-pane.active {
    display: block;
}
.wizard-actions {
    text-align: right;
}



.autocomplete-suggestions { 
	border: 1px solid #fbfbfb; 
	background: #FFF; 
	overflow: auto; 
	-moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3);
	-ms-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3);
	-o-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3);
	}
.autocomplete-suggestion,
.autocomplete-no-suggestion { 
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	padding:13px 15px 6px;
	white-space: nowrap;
	line-height: 1.2;
 }
.autocomplete-suggestions .autocomplete-suggestion:last-child{
 	border-bottom-color: transparent;
 }
.autocomplete-selected { 
	background: #093a6f; 
	color: #fff;
}
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { 
	background-color: #f9f9f9;
border-bottom: 1px solid #ddd;
color: #434343;
font-size: 19px;
font-weight: 700;
line-height: 1;
padding: 10px 11px 10px 17px;
}
.autocomplete-group strong { 
	display: block;
	color: #222;
	font-family: Segoe UI,Helvetica,Arial,sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.hotel-autocomplete-container {
  display: block;
  position: relative;
  clear: both;
}

#hotel-autocomplete,
.autocomplete-input {
  background: transparent none repeat scroll 0 0;
  position: relative;
  z-index: 2;
}

#hotel-autocomplete-x,
.autocomplete-placeholder{
  background: #fff none repeat scroll 0 0;
	border: 1px solid #fff;
  font-size: 14px;
  height: 40px;
  left: 0;
  line-height: 40px;
  position: absolute;
  top: 0;
  width: 100%;
  padding: 6px 12px;
  color: #ccc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}


#hotel-autocomplete2 {
  background: transparent none repeat scroll 0 0;
  position: relative;
  z-index: 2;
}

#hotel-autocomplete-x2 {
  background: #fff none repeat scroll 0 0;
  border: medium none;
  font-size: 14px;
  height: 40px;
  left: 0;
  line-height: 40px;
  position: absolute;
  top: 0;
  width: 100%;
  padding: 6px 12px;
  color: #ccc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.ks-divider::after {
  background: #093a6f;
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 2px;
  content:  "";
  z-index: 9999;
}

.ks-autocomplete-title {
  display: block;
}

.ks-autocomplete-description {
  color: #ccc;
  float: left;
}

.ks-autocomplete-nearby {
  float: right;
  font-size: 15px;
  font-style: italic;
  font-weight: 600;
}


@media only screen and (max-width:767px) {
    .wizard-steps li .step {
    width: 30px;
    height: 30px;
    line-height: 24px;
    border-width: 3px;
}
.wizard-steps li:after, .wizard-steps li:before {
    border-width: 3px;
}
.wizard-steps li.complete .step:before {
    line-height: 24px;
    font-size: 13px;
}
.wizard-steps li:before {
    top: 16px;
}
.step-content .step-pane {
    padding: 4px 4px 6px;
    min-height: 150px;
}
}

.step-content .step-pane.active .form-inline .form-group {
  vertical-align: top !important;
}

.roomlist-item-img{
	width:100%;
	}
.roomlist-item-img img{
	width:100%;
	}
@media only screen and (min-width:768px) and (max-width: 991px){
	.hotel-navigation-center ul li a, .hotel-navigation ul li a {
	  font-size: 13px;
	}

}
@media only screen and (max-width: 767px){
	.hotel-navigation-center ul li a, .hotel-navigation ul li a {
	  	font-size: 12px;
		padding: 13px 6px 10px;
	}
	.hotel-navigation .hotel-title span:first-child {
	  font-size: 16px;
	  padding-top: 15px;
	  text-transform: uppercase;
	}
}

.img-cover{
  border: 6px solid #fff;
  height: 400px;
  outline: 1px solid #ddd;
  overflow: hidden;
  position: relative;
}

.payment-item {
  margin-bottom: 15px;
  text-align: center;
}

.payment-item .payment-logo {
  border: 1px solid #ccc;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  display: block;
    height: 100px;
    line-height: 5;
  margin: 8px;
  padding: 10px;
  background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
}

.payment-logo > img {
  width: 100%;
}


#faq-accordion .panel-default > .panel-heading {
  background-color: #555;
  border-color: #555;
  color: #fff;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
  padding: 0;
}
#faq-accordion .panel-default > .panel-heading a{
	display: block;
	padding:10px 15px;
}

#faq-accordion .panel-default > .panel-heading .panel-title {
  font-size: 14px;
  font-weight: 700;
}

#faq-accordion .panel-default .panel-body{
	font-size: 17px;
}

.content > ul{
	padding-left: 15px;
	font-size: 16px;
}
.content  ul li a:hover{
	text-decoration: underline;
}
.content  ul li p{
	margin: 0;
}

.features-list{
	list-style: none;
	margin: 0;
	padding: 0;
}
.features-list li a {
  border-bottom: 1px dotted #ddd;
  display: block;
  padding: 7px 5px;
  text-align: center;
  text-transform: uppercase;
}

.select2-readonly .select2.select2-container::after {
  background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.select2-container--default .select2-selection--single {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
}

@media screen and (max-width: 1199px){
	.img-cover{
		height: auto!important;
	}
}

@media screen and (max-width: 992px){
	.hotel-thumbnail{
		margin-bottom: 15px;
	}
	.destination-item .col-md-4 img{
		margin-bottom: 15px;
	}
	.hotel-navigation{
		position: relative;
	}
	.hotel-slider, .banner {
	  height: 280px;
	 }
}

@media screen and (max-width: 768px)
{
	.pr-0-md{
		padding-right: 0!important;
	}

	.hotel-slider, .banner {
	  height: 317px;
	 }
	 .footer .col-md-3.col-xs-12{
		text-align: center;
	}
	.dropup.pull-right{
		float: none!important;
	}
	body{
		padding-top: 40px!important;
	}
}
@media screen and (max-width: 500px){
	.hotel-slider, .banner {
	  height: 150px;
	}
	#share-buttons .share-list{
		padding-left: 0;
	}
}
@media screen and (max-width: 330px)
{
	.header .navbar-header .logo {
	  width: 200px;
	}
	.form-control{
		font-size: 12px;
	}

}

.btn-sm, .btn-group-sm > .btn {
  border-radius: 3px;
  font-size: 12px;
  line-height: 1.5;
  padding: 3px 10px;
}

.currency-btn {
  font-size: 10px;
}

/* DESTINASI */
.destinasi-depan{
	margin:1px 1px 1px 0px;
	float:left;
	width:99%;
}
/* FEATURES */
.features-item{
	margin:5px;
	font-size:17px;
	text-align:left;
	/*border:1px solid #CCCCCC;*/
	padding:15px;
	min-height:10px;
	background:#ffffff;
	}
.features-item b,.features-item strong{
	font-size:22px;
	font-weight:normal;
	color: #000;
	}
.features-item i{
	float:left;
	width:80px;
	height:80px;
	margin:0px 10px 10px 0px;
	font-size:50px;
	text-align:center;
	color:#093a6f;	
	}
.features-item .feature-caption h3
{
	margin: 0 0 15px 0;
	font-family: 'Work Sans';
	font-size: 16px;
	color: #3f3f3f;
}

.features-item .feature-caption p
{
	/*text-align: justify;*/
}

/* HOTEL */
.booking-info{
	background:#093a6f;
}
.booking-form-long-1{
	padding:20px 0px 20px 0px;
	color:#FFF;
}
.booking-form-long-1 .form-control-label {
	color:#FFF;
}

.home-search{
	border:4px solid #1c5282;
	background:#FFFFFF;
	width:100%;
	height:150px;
	float:left;
	z-index:999;
	margin:-80px 0px -20px 0px;
	position:relative;
	}
.home-search-judul{
	float:left;
	height:auto;
	width:100%;
	background:#1c5282;
	color:#FFFFFF;
	}
.home-search-judul span{
	float:left;
	width:100%;
	padding:10px 20px 10px 20px;
	text-align:center;
	font-size:22px;
	}
.home-search-isi{
	float:left;
	width:100%;
	margin:10px;
	}	
.home-search-form{
	padding:10px;
	width:100%;
	position:relative;
	}

.side-search{
	border:1px solid #cccccc;
	background:#FFFFFF;
	width:95%;
	height:auto;
	float:left;
	margin:10px 0px;
	position:relative;
	}
.side-search-judul{
	float:left;
	height:auto;
	width:100%;
	background:#093a6f;
	color:#FFFFFF;
	}
.side-search-judul span{
	float:left;
	width:100%;
	padding:8px 20px 8px 20px;
	text-align:center;
	font-size:22px;
	}
.side-search-isi{
	float:left;
	width:100%;
	margin:8px;
	}	
.side-search-form{
	padding:0px;
	width:90%;
	height:auto;
	}
.side-search-form input[type='radio']{
	padding:5px 0px 5px 0px;
	}
.boxurut{
	border:1px solid #cccccc;
	float:left;
	margin:10px 0px 10px 0px;
	background:#ffffff;
	width:100%;
}
.boxurut-isi{	
	float:left;
	padding:10px;
	width:100%;
	}

.insight{
	margin-bottom: 30px
}

.list-hotel{
	float:left;
	border:1px solid #CCCCCC;
	background:#FFFFFF;
	padding: 15px;
	margin: 10px 0px 0px 0px;
	width: 100%;
	cursor: pointer;
	}
.list-hotel:hover {
	background-color: #F7F7F7;
}
.list-hotel-img{
	width:100%;
	float:left;
	overflow:hidden;
	}
.list-hotel-img img{
	width:100%;
	}
.list-link a, a.list-link{
	font-size:16px;
	color: #3f3f3f;
	margin-bottom:5px;
	display: block;
	font-weight: 600;
}

a.list-link h2{
	margin: 0;
	font-size: 16px;
	font-weight: bold;
}

.list-hotel-info{
	float:left;
	padding:0px 15px 0px 15px;
	width:100%;
	}

.list-hotel-info .col-md-5::after {
  background: #ddd none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 15px;
  position: absolute;
  top: 0;
  width: 1px;
}

.list-hotel-info p{
	float: left;
	font-size: 14px;
	color: #999999;
	}
.hotel-list-harga{
	font-size:24px;
	color:#093a6f;
	font-weight:bold; 
	}
.hotel-list-diskon{
	font-size:16px;
	color:#CCCCCC;
	text-decoration:line-through
	}
.hotel-info-fasilitas{
	float:left;
	color:#333;
	font-size:14px;
	padding:4px 20px 4px 0px;
	}
.list-hotel .list-hotel-isi p{
	margin: 0;
	color: #999;
	font-size: 14px;
	/*font-family: 'Avenir'*/
	line-height: 18px
}

.list-hotel .list-hotel-isi .hotel-list-price{
	text-align: right;
}

.list-hotel .list-hotel-isi .hotel-list-tax {
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: underline;
	line-height: 13px;
	color: #4d960d;
}

.list-hotel .list-hotel-isi .list-hotel-loc {
	font-size: 14px;
	margin-bottom: 5px;
}

.list-hotel .list-hotel-isi .list-faciliteies {
	display: block;
	float: left;
	width: 100%;
}
.list-hotel .list-hotel-isi .hotel-facilities ul li {
	display: inline-block;
	margin-right: 0;
	text-align: center;
}
.list-hotel .list-hotel-isi .hotel-facilities ul {
	list-style: none;
	padding: 0;
	margin: 0 0 5px 0;
}

.list-hotel .list-hotel-isi .hotel-facilities ul li span.facilities-icon {
	border: 2px solid #333;
	border-radius: 30px;
	display: inline-block;
	font-size: 14px;
	height: 30px;
	padding: 1px;
	width: 30px;
	text-align: center;
	color: #333;
}

.booking-form div[class*='col-md']{
	padding-left:2px;
	padding-right:2px;
}

.booking-form div[class*='col-md']:first-child{
	padding-left:15px;
	padding-right:2px;
}
.booking-form div[class*='col-md']:last-child{
	padding-left:2px;
	padding-right:15px;
}




@media only screen and (max-width:968px){
   .home-search{
	   	margin:10px 0px 0px 0px;
		height:auto;
   }
   .slide{
	   	margin-top:0px;
   }

   .home-search-form{
	padding:5px;
	width:90%;
	position:relative;
	}
}


.box-filter {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ddd;
  display: block;
  margin-top: 15px;
  padding: 15px;
}

.box-filter h3 {
  margin-top: 0;
}

.box-filter span.text-300{
	font-size: 16px;
}

.box-filter .select2-container{
	width: 100%!important;
}
.box-filter .col-md-2 {
  line-height: 2.5;
}

.ks-booking-search {
  background: #fff none repeat scroll 0 0;
  bottom: 0;
  left: 0;
  padding: 20px 40px;
  position: fixed;
  border-top: 5px solid #093a6f;
  width: 100%;
  display: block;
  z-index: 10;
  -moz-transition: all .25s ease-out;
  -webkit-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
}

.sticky-hide{
	display: none;
}

.sticky-to-bottom{
	bottom: -200px;
}
.btn-close {
  background: #093a6f none repeat scroll 0 0;
  color: #fff;
  display: table;
  font-weight: bold;
  padding: 14px 20px;
  position: absolute;
  right: 0;
  top: -46px;
  z-index: 5;
}

.btn-close i{
	display:table-cell;
	vertical-align:middle;
}
.btn-close:focus,
.btn-close:active{
	color: #fff;
}

.text-light{
	color: #fff;
}

.soc {
    overflow:hidden;
    margin:0; padding:0;
    list-style:none;
}

.soc li {
    display:inline-block;
    *display:inline;
    zoom:1;
}

.soc li a {
    font-family:FontAwesome!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 24px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-right: 10px;
    color: #ffffff;
    background-color: none;
}

.soc-icon-last{
    margin:0 !important;
}

.soc-twitter {
    background-color: #4da7de;
}
.soc-twitter:before {
    content:'\e040';
}
.soc-facebook {
    background-color: #3e5b98;
}
.soc-facebook:before {
    content:'\f09a';
}
.soc-googleplus {
    background-color: #dd4b39;
}
.soc-googleplus:before {
    content:"\f0d5";
}
.soc-pinterest {
    background-color: #c92619;
}
.soc-pinterest:before {
    content:'\e043';
}
.soc-linkedin {
    background-color: #3371b7;
}
.soc-linkedin:before {
    content:'\e049';
}
.soc-rss {
    background-color: #f26109;
}
.soc-rss:before {
    content:'\e00b';
}

.tab-styled li a{
	padding:13px 39px;
	margin-right: 5px;
	background-color: #eee;
}
.tab-content.tab-content-styled > .tab-pane{
	padding: 15px;
	background-color: #fff;
	border:1px solid #ddd;
	border-top: none;
}

.tab-content.tab-content-styled > .tab-pane label{
	cursor:pointer;
}

.feature-icon,
.feature-caption{
	/*display: table-cell;*/
	height: 100%;
	vertical-align: top;
	color: #777;
	font-size: 14px;
	font-weight: 700px;
}

/*footer */

footer{
	background: #fff;
}

.subscribe-newsletter {
    background: #000 none repeat scroll 0 0;
    padding: 18px;
}
.subscribe-newsletter .p1 {
    margin-bottom: 0;
    margin-top: 12px;
    color: #fff;
}
.subscribe-newsletter .heading {
    font-size: 13px;
    margin: 0;
}
.subscribe-newsletter .subscribe-box {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 6px;
    height: 50px;
    padding: 10px 0 10px 10px;
    width: 100%;
}
.subscribe-newsletter .subscribe-box input[type="text"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    float: left;
    height: 100%;
    max-width: 65%;
    width: 100%;
}
.subscribe-newsletter .subscribe-box input[type="text"]:focus {
    outline: 0 none !important;
}
.subscribe-newsletter .subscribe-box button {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: currentcolor currentcolor currentcolor #ddd;
    border-image: none;
    border-style: none none none solid;
    border-width: medium medium medium 1px;
    color: #093a6f;
    float: right;
    height: 100%;
    max-width: 34%;
    width: 100%;
}
.installment-reason .row img, .mobile-app-content img, .partner-product .partner-product-box .partner-product-picture img, .promo-container.promo-list .promo-box .col-md-3 img {
    max-width: 100%;
}
.footer .achievement-box .achievement, 
.footer .customer-care .icon-box .icon, 
.footer .secured-payment-box .secured-payment {
    background-color: transparent;
    background-image: url("../images/sprite.png");
    background-repeat: no-repeat;
    display: inline-block;
}
.subscribe.active {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
}
.footer-rich-menu {
    padding: 25px 0 45px;
}
.footer-rich-menu > .row > .col-md-4 {
    padding-left: 0;
    padding-right: 0;
}
.footer-rich-menu .col-xs-3 {
    padding-right: 0;
}
.footer-rich-menu .footer-part-box .title {
    color: #222;
}
.footer-rich-menu .footer-part-box ul {
    line-height: 30px;
    list-style: outside none none;
    padding: 0;
}
.footer-rich-menu .footer-part-box ul > li > a {
    color: #888;
}
.footer-rich-menu .footer-part-box ul > li > a:hover {
    color: #093a6f;
    text-decoration: none;
}
.footer-rich-menu .footer-part-box ul > li > a > span {
    color: #093a6f;
    font-family: SamsungSans-Medium,Arial,Helvetica,sans-serif;
}
.footer-rich-menu .achievement-box {
    margin-bottom: 28px;
}
.footer-rich-menu .achievement-box .title {
    color: #222;
}
.footer-rich-menu .achievement-box .achievement {
    background-size: 525px 300px;
    height: 44px;
}
.footer-rich-menu .achievement-box .achievement.top-brand {
    background-position: -447px -5px;
    width: 47px;
}
.footer-rich-menu .achievement-box .achievement.iata {
    background-position: -445px -49px;
    height: 46px;
    width: 72px;
}
.footer-rich-menu .secured-payment-box .title {
    color: #222;
}
.footer-rich-menu .secured-payment-box .secured-payment {
    background-size: 525px 300px;
    height: 23px;
    margin: 0 10px 40px 0;
}
.footer-rich-menu .secured-payment-box .secured-payment.visa {
    background-position: 0 -124px;
    width: 51px;
}
.footer-rich-menu .secured-payment-box .secured-payment.mastercard {
    background-position: -51px -124px;
    width: 62px;
}
.footer-rich-menu .secured-payment-box .secured-payment.geotrust {
    background-position: -113px -124px;
    width: 101px;
}
.footer .question .title {
    color: #222;
}
/*.footer .question .subscribe input[type="text"] {
    border: 1px solid #ddd;
    border-radius: 4px 0 0 4px;
    float: left;
    font-size: 15px;
    height: 42px;
    padding: 0 10px;
    width: 170px;
}*/
/*.footer .question .subscribe button[type="submit"] {
    border-radius: 0 4px 4px 0;
    font-size: 16px;
    padding: 10px 7px;
}*/
.footer .customer-care {
    margin-bottom: 30px;
}
.footer .customer-care .icon-box {
    float: left;
    margin-right: 8px;
    padding-top: 10px;
    width: 46px;
}
.footer .customer-care .icon-box .icon {
    background-position: 0 -43px;
    background-size: 525px 300px;
    height: 46px;
    width: 46px;
}
.footer .customer-care .detail {
    float: left;
}
.footer .customer-care .detail > p {
    margin-bottom: 0;
}
.footer .customer-care .detail .title {
    color: #c5c5c5;
    /*font-family: SamsungSans-Regular,Arial,Helvetica,sans-serif;*/
    font-size: 14px;
}
.footer .customer-care .detail .no {
    color: #c5c5c5;
    /*font-family: SamsungSans-Medium,Arial,Helvetica,sans-serif;*/
    font-size: 20px;
}
.footer .customer-care .detail .email {
    color: #c5c5c5;
    /*font-family: SamsungSans-Regular,Arial,Helvetica,sans-serif;*/
    font-size: 14px;
}
.social-media {
    text-align: center;
}
.social-media i {
    background: rgba(0, 0, 0, 0) url("../images/sprite.png") no-repeat scroll -1px -255px / 526px 300px;
    display: inline-block;
    height: 45px;
    margin: 0 6px 30px;
    width: 45px;
}
.social-media i:hover {
    opacity: 0.6;
}
.social-media i.tw {
    background-position: -46px -255px;
}
.social-media i.gp {
    background-position: -91px -255px;
}
.social-media i.in {
    background-position: -136px -255px;
}
.social-media i.yt {
    background-position: -181px -255px;
}
.social-media i.ig {
    background-position: -136px -255px;
}
.footer .copyright {
    text-align: center;
    float: none;
    margin:0;
}
.footer .copyright h4 {
    font-size: 18px;
    font-weight: 600;
}
.footer .copyright p {
    font-size: 15px;
    margin: 0;
}
.bottom-part {
    border-top: 1px solid #ddd;
    padding: 30px 0 20px;
}

.middle-footer{
	padding: 35px 0;
}
.highlight{
	background-color: #fff;
}

ul.payment{}
ul.payment.inline > li {
  display: inline-block;
  width: 60px;
}
ul.inline > li span {
  width: 100%;
}

ul.payment.inline > li span img {
  width: 100%;
}



/* DatePicker Container */
.ui-datepicker {
	width: 216px;
	height: auto;
	margin: 5px auto 0;
	font: 9pt Arial, sans-serif;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .4);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .4);
	z-index: 99!important;
}
.ui-datepicker a {
	text-decoration: none;
}
/* DatePicker Table */
.ui-datepicker table {
	width: 100%;

}
.ui-datepicker-header {
	background: url('../images/dark_leather.png') repeat 0 0 #000;
	color: #e0e0e0;
	font-weight: bold;
	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2);
	-moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
	box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
	text-shadow: 1px -1px 0px #000;
	filter: dropshadow(color=#000, offx=1, offy=-1);
	line-height: 30px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #111;
}
.ui-datepicker-title {
	text-align: center;
}
.ui-datepicker-prev, .ui-datepicker-next {
	display: inline-block;
	top: 10px!important
}
.ui-datepicker-prev {
	float: left;
	left: 10px!important;
}
.ui-datepicker-next {
	float: right;
	right: 10px!important;

}

.ui-datepicker-group.ui-datepicker-group-first table{
	border-right: 1px solid #ccc;
}
.ui-datepicker-group.ui-datepicker-group table{
	margin-bottom: 0;
}
.ui-datepicker thead {
	background-color: #f7f7f7;
	background-image: -moz-linear-gradient(top,  #f7f7f7 0%, #f1f1f1 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1));
	background-image: -webkit-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: -o-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: -ms-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 );
	border-bottom: 1px solid #bbb;
}
.ui-datepicker th {
	text-transform: uppercase;
	font-size: 6pt;
	padding: 5px 0;
	color: #666666;
	text-shadow: 1px 0px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=0);
}
.ui-datepicker tbody td {
	padding: 0;
	border-right: 1px solid #bbb;
}
.ui-datepicker tbody td:last-child {
	border-right: 0px;
}
.ui-datepicker tbody tr {
	border-bottom: 1px solid #bbb;
}
.ui-datepicker tbody tr:last-child {
	border-bottom: 0px;
}
.ui-datepicker td span, .ui-datepicker td a {
	display: inline-block;
	font-weight: bold;
	text-align: center;
	width: 30px;
	height: 30px;
	line-height: 38px;
	color: #666666;
	text-shadow: 1px 1px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=1);
}
.ui-datepicker-calendar .ui-state-default {
	background: #ededed;
	background: -moz-linear-gradient(top,  #ededed 0%, #dedede 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dedede));
	background: -webkit-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: -o-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: -ms-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: linear-gradient(top,  #ededed 0%,#dedede 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 );
	-webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
	-moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
	box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
}
.ui-datepicker-calendar .ui-state-hover {
	background: #f7f7f7;
}
.ui-datepicker-calendar .ui-state-active,
.date-range-selected > .ui-state-active,
.date-range-selected > .ui-state-default {
	background: #861F1D;
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	color: #e0e0e0!important;
	text-shadow: 0px 1px 0px #4d7a85;
	filter: dropshadow(color=#4d7a85, offx=0, offy=1);
	border: 1px solid #721614;
	position: relative;
}

.ui-datepicker tbody td.date-range-selected {
	border:1px solid #721614;
}

.ui-datepicker-unselectable .ui-state-default {
	background: #f4f4f4;
	color: #b4b3b3;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
	margin-left: 0;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
	margin-right: 0;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
	margin-bottom: 0;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #ccc;
  color: #666;
  font-weight: bold;
}

#date-range .ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all.ui-datepicker-multi.ui-datepicker-multi-2{
	width: 56em!important;
	padding: 0;
}

.ui-datepicker td span, .ui-datepicker td a{
	height: 42px;
	width: 47px;
}

.ui-datepicker .ui-datepicker-header {
  padding: 1em 0;
  position: relative;
}

.ui-datepicker {
  width: 342px;
}

.ui-datepicker th{
	padding: 13px 0;
	font-size: 8pt;
}

.select2-results__option,
.select2-container--default .select2-selection--single .select2-selection__rendered {
	font-size: 12px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	font-size: 14px;
}


.vegas-controls {
  height: 75px;
  position: absolute;
  margin-top: -32px;
  top: 50%;
  width: 100%;
}
.vegas-controls a {
  background-color: transparent;
	border: 1px solid transparent;
	border-radius: 63px;
	display: block;
	height: 63px;
	line-height: 2.1;
	font-size: 34px;
	text-align: center;
	transition: border 0.3s ease 0s;
	-moz-transition: border 0.3s ease 0s;
	-webkit-transition: border 0.3s ease 0s;
	-ms-transition: border 0.3s ease 0s;
	-o-transition: border 0.3s ease 0s;
	width: 63px;
	z-index: 3;
	color: #444;
}
.vegas-controls a:hover {
	border-color: #fff;
}
.vegas-controls #v-prev{
	float: left;
	margin-left: 15px;
}
.vegas-controls #v-next{
	float: right;
	margin-right: 15px;
}

.panel.panel-widget {
  border-color: #ddd;
  border-radius: 2px;
  margin-top: 15px;
}

.panel.panel-widget h3 {
  margin: 10px 7px 0;
}

.panel.panel-widget .panel-body label{
	font-size: 15px;
	color: #333;
	width: 100%;
}

.panel.panel-default.panel-promo > a.promo-img-thumb {
  display: block;
  position: relative;
  height: 203px;
  overflow: hidden;
}

.panel.panel-default.panel-promo > a.promo-img-thumb span {
  background:rgba(0,0,0,.5);
  bottom: 0;
  color: #fff;
  display: block;
  padding: 15px 15px 10px;
  position: absolute;
  width: 100%;
}
.panel.panel-default.panel-promo > a.promo-img-thumb:hover {
	cursor: pointer;
}



/*Additional Style*/

/*Slide Home*/
.slide-home-info h1.slider-title{
	width:1px;
	height:1px;
	display:none;
}

/*----------------*/

li {
	color: #777;
}

.list-hotel-info ul {
	list-style: none;
	float: left;
	padding-left: 2px;
}

.list-hotel-info ul.facilities li {
	float: left;
	margin-right: 5px;
}

.list-hotel-info ul li span.facilities-icon {
	position: relative;
	top: 5px;
	border: 3px solid #6baff7;
	border-radius: 250px;
	display: inline-block;
	font-size: 16px;
	height: 18px;
	padding: 14px;
	width: 18px;
	text-align: center;
	color: #44340D;
}

.list-hotel-info ul li span.facilities-icon i {
	position: relative;
	left: -7px;
	top: -12px;
}

.discount-box {
	position: relative;
	right: -32px;
	padding: 5px 15px;
	background-color: #e9b841;
	margin-bottom: 5px;
}

.discount-box h6 {
	font-size: 14px;
	font-weight: 700;
	margin: 0;
	padding: 5px;
}

.box-right {
	position: relative;
	right: -20px;
}

@media only screen and (max-width: 980px) {
    .list-hotel-info .col-md-5::after {
		background: #ddd none repeat scroll 0 0;
		content: "";
		height: 100%;
		left: 5px;
		position: absolute;
		top: 0;
		width: 1px;
	}
}

.list-hotel-info .available-info {
	color: #538a30
}

.comingsoon h1{
	font-family: 'spinwerad';
}

.logo-coming {
	height: 65px;
	width: auto;
	margin-left:20%;
}

.mb-0{
	margin-bottom: 0 !important;
}
.mb-5{
	margin-bottom: 5px !important;
}
.mb-10{
	margin-bottom: 10px !important;
}
.mb-15{
	margin-bottom: 15px !important;
}
.mb-20{
	margin-bottom: 20px !important;
}
.mt-5{
	margin-top: 5px !important;
}
.mt-10{
	margin-top: 10px !important;
}
.mt-15{
	margin-top: 15px !important;
}
.mt-20{
	margin-top: 20px !important;
}

.content-left .content-left-isi .form-group {
	margin-bottom: 5px;
}

.content-left{
	font-size: 14px;
	color: #999;
}

.content-right{
	font-size: 14px;
	color: #999;
}

.content-right h3,
.content-right h4
{
	font-size: 16px;
	color: #3f3f3f;
	margin:0 0 15px 0;
}
.content-right h4{
	margin:0
}

.book-home .col-md-8 {
	padding: 0 15px 0 5px;
}
.book-home .col-md-4 {
	padding: 0 5px 0 15px;
}
.book-home .room-list-item-info {
	line-height: normal;
}

.custom-tab-pane .nav-tabs > li > a {
	margin-right: 2px;
	line-height: 1.42857143;
	border-bottom: 1px solid transparent;
	border-radius: 2px 2px 0 0;
	color: #3f3f3f;
	padding: 10px 30px;
}

.custom-tab-pane .tab-content > .active{
	display: block;
	padding: 15px;
	border: 1px solid #ddd;
	margin-top: -1px;
}

.custom-tab-pane .tab-content > .active,
.custom-tab-pane .tab-content > .active p {
	font-size: 14px !important;
	color: #999;
}


.form .title {
	font-size: 16px;
	color: #3f3f3f;
	margin: 20px 0;
}
.form .register-form,
.form .register-form .form-control-label {
	font-size: 14px;
	color: #999;
}

.table-guest{
	width: 100%;
	border-collapse:separate; 
	border-spacing: 0 1em;
}

.table-guest tr {
	background: #eee;
	border-radius: 3px
}

.table-guest tr td {
	background: #eee;
	padding: 10px;
	color: #666
}

.box-check {
	background-color: #093a6f;
	padding: 15px;
	border-radius: 5px;
	text-align: center;
}
.box-check .bc-title {
	font-size: 16px;
	color: #fff;
}
.box-check .bc-date {
	font-size: 18px;
	color: #0f74bc;
}

.book-summary{
	margin-bottom: 15px;
}
.book-summary .col-md-4{
	padding: 0;
}
.book-summary .bs-box{
	padding: 15px;
	background-color: #fff;
	border: 1px solid #eee;
}
.book-summary .bs-box h2,
.book-summary .bs-box h3{
	font-size: 16px;
	color: #3f3f3f;
	margin: 0;
	font-weight: 600;
}
.book-summary .bs-box h3{
	padding-top: 10px
}
.book-summary .bs-box-val {
	min-height: 100px;
	/* vertical-align: bottom; */
}

.bs-box-val .hlgt-1 {
	font-size: 24px;
	font-weight: bold;
	color: #093a6f;
}

.border-r {
	border-right: 1px solid #ccc;
}

.payment-info {
	color: #999;
}

.payment-info .form-horizontal .control-label {
	padding-top: 0; 
	margin-bottom: 0;
	text-align: left; 
}

.payment-info .form-group {
	margin-bottom: 10px;
}

/* ======================================================== CUSTOM HATTA ================================================= */
.iconnotif {
    font-size: 50px;
    margin-top: 11px;

}

.kuis {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}
.kuis:hover {
    color: #092d54;
    background-color: #b3d8ff;
    border-color: #b8daff;
}

.tugas {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.tugas:hover {
    color: #0c3a16;
    background-color: #b5dabe;
    border-color: #c3e6cb;
}
.notif-jadwal {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.notif-jadwal:hover {
    color: #721c24;
    background-color: #efbbc0;
    border-color: #f5c6cb;
}
.absensii {
    background-color: #e67e22;
    border-color: #e67e22;
    color: #fff;
    margin-top: 23px;
    font-size: 19px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.absensii:hover {
    background-color: #c76915;
    border-color: #e67e22;
    color: #ffffff;
}
.fitur-fitur {
    padding: 10px;
}

.icon-fitur {
    border: 1px solid #093a6f;
    border-radius: 10px;
    padding: 8px 11px;
    font-size: 39px;
    box-shadow: rgba(9, 58, 111, 0.3) 0px 0px 8px 0px;
}
.icon-fitur:hover {
    background: #093a6f;
    color: #ffffff;
}
.icon-fitur2 {
    margin-bottom: 17px;
    margin-top: 20px;
}
span.nama-fitur:hover {
    color: #093a6f !important;
}
a.fitur-dash:hover {
    color: #093a6f;
}
span.nama-fitur {
    font-size: 19px;
}
.training-read-menu a:hover {
    color: #093a6f;
}
.judulmateri {
    padding-top: 10px;
}
.kodemateri {
    padding-top: 25px;
}
label.ket-kontrak {
    line-height: 40px !important;
    padding-left: 7px;
}
.pihak2 {
    padding-left: 17px;
}
.pasal-pasal {
    width: 98% !important;
    line-height: 31px !important;
}
.list-pasal {
    padding: 0px 13px !important;
}
.pt-3-half {
padding-top: 1.4rem;
}
textarea.kolom {
width: 100%;
    height: 79px;
    }

.colapse {
    color: #ffffff !important;
    background-color: #093a6f !important;
}

button.btn-statustanya {
    background: #093a6f;
    color: #fff;
    padding: 5px 11px;
    border-color: #103c6b;
    border-radius: 9px;
}
input.inpt-wlp {
    width: 100%;
    border: none;
    height: 45px;
}

input.form-control {
    height: 45px;
}
.btn-materi {
    background-color: #093a6f;
    border-color: #0b2b4e;
    border-radius: 5px !important;
    color: #ffffff;
}

.btn-materi:hover {
    background-color: #46a3e0;
    border-color: #3e87b7;
    color: #ffffff
}
.btn-materi:focus {
    background-color: #46a3e0;
    border-color: #3e87b7;
    color: #ffffff
}
.btn-bahanajar {
    background-color: #e67e22;
    color: #ffffff;
    border: none;
    border-radius: 5px !important;
    margin-left: 6px;
}

.btn-bahanajar:hover {
    background-color: #cc6d19;
    color: #ffffff;
}
.btn-perundangan {
    background-color: #b12222;
    color: #ffffff;
    border: none;
    border-radius: 5px !important;
    margin-left: 6px;
}

.btn-perundangan:hover {
    background-color: #630202;
    color: #ffffff;
}
.btn-modul {
    background-color: #46a3e0;
    color: #ffffff;
    border: none;
    border-radius: 5px !important;
    margin-left: 6px;
}

.btn-modul:hover {
    background-color: #2e8ece;
    color: #ffffff;
}

#__wws #_prof {
	text-align: center;
	color: #fff;
	 text-shadow: none !important; 
}

#WidgetEvaID #__wws #_prof p._anim {
	margin-top: 40px !important;
	opacity: 1;
	text-align: left;
	float: left;
	margin-left: 7px;
	white-space: nowrap;
	/* -webkit-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000); */
	/* -moz-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000); */
}

.ttm-row {
    padding: 90px 0;
}
.ttm-btn.ttm-btn-size-md.ttm-icon-btn-left {
    background-color: #093a6f;
    color: #ffffff;
}
.ttm-btn.ttm-btn-size-lg.ttm-icon-btn-left {
    background-color: #093a6f;
    color: #ffffff;
}
a.ttm-btn.ttm-btn-size-lg.ttm-btn-shape-rounded.ttm-icon-btn-left.penempatan {
    background-color: #229360;
}
.ttm-btn.ttm-btn-size-lg {
    font-size: 20px;
    line-height: 20px;
    padding: 18px 21px;
}
.ttm-btn.ttm-btn-size-lg.ttm-icon-btn-left i {
    left: 23px !important;
}