/*Customize Template*/
body { font-weight: 300;}
hr {
    margin-top: 35px;
}

section { display: block; position:relative;}

.header-sky .header-top .header-top-left span,
.header-sky .header-top .header-top-left span i { margin-right: 0; padding-right:0; }
.header-sky .header-top .header-top-left span { 
	font-size:14px;
	font-weight: 400;
	text-transform: uppercase;
	border-right: 1px #fff solid;
	padding-right:10px;
}
.header-sky .header-top .header-top-left span:last-child { border-right:none; }
.header-sky .header-top .header-top-left span a { color:#fff;letter-spacing: 1px;  } 
.section-slider .item .carousel-caption { top: 55%; }

/*NAV*/
.header-sky .header-top .header-top-right ul .dropdown:hover {
	color: #fff !important;
	border-radius: 4px;
}
/*.header-sky { background: rgba(0,0,0,0.7) ; */

.navbar-header-v3 { background: rgba(0,0,0,0.7); }
.header-sky .navbar .navbar-nav li { padding: 35px 20px; }
.header-sky .navbar .navbar-nav li.book {
	/*border-bottom: dotted #fff 1px;*/
	background: rgba(255,255,255,0.2);
}
/*.header-sky .navbar.navbar-fixed-top { opacity: 0.97; }*/
.header-sky.header-top-sky { background: #000;}
.header-sky.header-top-sky .header-top { margin-top: 0px; border-bottom:1px #666 solid; }
.header-sky .navbar .navbar-header .navbar-brand { padding-top:10px; }

@media all and (min-width: 1200px) {
	.header-sky .header-top .header-top-right ul .dropdown.open > a,
  	.header-sky .header-top .header-top-right ul .dropdown a:hover {
		color: #fff; 
	}
	.header-sky .header-top .header-top-right ul li.dropdown:hover {
		background-color: rgba(6,6,6,0.2) !important;
	}
}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 370px; }

/*CONTENT*/
.testimonials.testimonials-v2 { background:url(../images/cnk_khokhao_beach_about-5.jpg) no-repeat center bottom;}
.testimonials .testimonials-h.testimonials-v3 { background: transparent;}
.testimonials .testimonials-h { min-height: 500px;}
.events .events-item .events-content { bottom:-50%; padding:0 5px;}
.banner-tems .banner-content h2,
.sidebar .widget.widget_upcoming_events ul li .text a,
.sidebar .widget.widget_recent_entries ul li a,
.post .entry-header h2,
.post.post-single .entry-header h2,
.product-detail_amenities h5, .product-detail_overview h5,
.product-detail_amenities p strong, 
.product-detail_overview p strong { 
font-weight: 500;
}
.post .entry-content,
.entry-content p,
.product-detail_amenities, 
.product-detail_overview,
.product-detail_amenities p, 
.product-detail_overview p { 
	font-size: 16px;
	font-weight: 300;
}
.product-detail_book .product-detail_total .price .amout {
	font-weight: 600;
    font-size: 24px;
	line-height: 34px;
}
.product-detail_book .product-detail_total .price a {
	color:#898989 !important;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.product-detail_book .product-detail_total .price a:hover {
	opacity: 0.8;
}
.gallery__controls__inner { left:0 !important; }
.product-basic-detail { margin-top:10px; }
.product-basic-detail img { display:inline-block; margin-right:2px; }
.product-basic-detail strong { font-weight:500; border-bottom:1px dotted #999;}
.product-basic-detail .list-amenity { line-height:3.2em ;}
.product-detail .product-detail_item { margin-top: 10px; }
.post .entry-footer { margin-top: 10px; }
.sidebar .widget .widget-title { font-weight:600; }

.rooms.rooms-v2 .wrap-rooms .wrap-box .box-img .rooms-content .price,
.sidebar .widget.widget_check_availability {
	font-family: 'Poppins', Arial, sans-serif;
}
.sidebar .widget.widget_recent_entries ul li .img { width:100%;}
.sidebar .widget.widget_recent_entries ul li .date {
	display: inline-block;
    color: #444444;
    margin-top: 5px;
    font-weight: 300;
    font-size: 70%;
}
.section-contact .contact .text ul li a { 
	color: inherit;
	text-decoration: none;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	transition: 0.5s all;
}
.section-contact .contact .text ul li a:hover { text-decoration: underline} 
.section-contact .contact .text ul li .fab {
	color: #8e7037;
    font-size: 17px;
    width: 8%;
}
.sidebar .widget .widget-deal .item img {
	transform: none;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;	
}
.sidebar .widget .widget-deal .item img:hover {
		transform: scale(1.1);
}
#grid-container {padding: 0 !important;}



/*FOOTER*/
.footer-sky { font-family: 'Poppins', Arial, sans-serif; color: #ebebeb;  }
.footer-sky .footer-mid .padding-footer-mid .list-content ul li {
	margin-bottom: 6px;
}
.footer-sky .footer-mid.footer-v3,
.footer-sky .footer-mid {
	background:url(../images/footer-bg-1.jpg) no-repeat;
}
.footer-sky .footer-mid .padding-footer-mid { padding: 50px 0px 30px 0px}
.footer-sky .footer-bottom { line-height: 50px;}
.footer-sky h4 {
	text-transform:uppercase;
	font-size:1.4em;
	font-weight: 500;
	letter-spacing: 1px;
	padding:0;
	margin: 0 0 15px 0;
	color: #fff;
}
.footer-sky .list-content p { 
	line-height: 2.8em;
    font-size: 14px;
	margin: 0 0 5px;
}
.footer-sky .phone {
	font-size: 1.7em;
	letter-spacing: 1px;
	font-weight: 500;
	line-height: 1.5em;
}
.footer-sky .list-content td { padding-bottom:20px; }
.footer-sky .list-content td i {
	font-size: 2.3em;
	color: #fff !important;
}


.testimonials .testimonials-h {
    min-height: 300px;
}


/*Font Styles*/
.kanit { font-family: 'Kanit', sans-serif !important;}
.poppins { font-family: 'Poppins', sans-serif !important;}
.font-red { color:#C00;}
.font-gray { color:#898989;}
.textunderline-dotted-red { border-bottom: dotted 1px #c00;}


/*Block-Alignment*/
.ro-hr {
  display: block;
  margin-right: auto;
  margin-left: auto;
  width: 60%;
  border-top: 3px dotted #c9c9c9;
  margin: 0 auto; 
}
.ro-relative {
  position: relative; 
}
.ro-absolute {
  position: absolute; 
}
.ro-fixed {
  position: fixed; 
}
.ro-middle {
  position: relative;
  display: block;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); 
}
.ro-center-block {
  display: block;
  margin-right: auto;
  margin-left: auto; 
}
.ro-center {
  position: relative;
  display: block;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  margin-right: auto;
  margin-left: auto; 
}
.ro-ab-bottom {
  position: absolute;
  top: 100%;
  -webkit-transform: translateY(-100%);
   transform: translateY(-100%); 
}
.ro-ab-bottom:before, .ro-ab-bottom:after {
	content: " ";
	display: table; 
}
.ro-ab-bottom:after {
	clear: both; 
}
.ro-bottom {
  position: relative;
  display: block;
  top: 100%;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%); 
}
.ro-ab-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); 
}
.ro-ab-center:before, .ro-ab-center:after {
    content: " ";
    display: table; 
}
.ro-ab-center:after {
    clear: both;
}

/* Room Carousels */
.mySlideshow .animated{
	position:absolute;
}

.float-right{
	float:right;
}
.float-left{
	float:left;
}

.mySlideshow li,
.mySlideshow li .alphamask { width: 100% !important; }
.mySlideshow li .alphamask {
	z-index:1;
	background: rgba(0,0,0,0.2);
	display: block;
    position: absolute;
    height: 100%;
}
.mySlideshow li [class*="carouselContent"] {
	position:absolute;
	display: block;
	width: 50%;
	height: auto;
	top: 25%;
	left: 25%;
	text-align: center;
	z-index:2;
	color: #FFF;
}
.mySlideshow li a { color: #fff; }
/*
.mySlideshow .content {
	display:block;
	width: 100%;
	height: auto;
	margin-top: 20%;
	text-align: center;
}
*/
.mySlideshow .carouselContent h3 {
	font-family: 'Poppins', 'Kanit', sans-serif;
	font-weight: 500;
	font-size: 240%;
	letter-spacing: 1px;
}
.mySlideshow .carouselContent p { font-weight: 400; }
.mySlideshow .btn {
	color: #fff;
	width: 10em;
	padding: 5px 20px;
	/*background: #8E7037;*/
	background: rgba(0,0,0,0.6);
    line-height: 25px;
    border-radius: 7px;
    font-weight: 400;	
	margin: 20px auto 0 auto;
	letter-spacing: 1px;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.mySlideshow .btn:hover { background: rgba(0,0,0,1); }
.edslider .controls .paginator li { width:10px !important; height:10px !important;}
 /*
 [class^="carousel"] {
	font-family: 'Kanit', sans-serif;
	font-weight: 400;
	font-size: 90%;
	letter-spacing: 1px;
}
*/


/* FULLSCREEN SLIDE [main slide]*/
.distractful-controls.right {
right: 20px;
width: 20px;
height: 20px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
border-width: 4px;
box-shadow:none;
opacity:0.7;
}

.distractful-controls.left {
left: 20px;
width: 20px;
height: 20px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
border-width: 4px;
box-shadow:none;
opacity:0.7;
}

.distractful-pager a {
background-color: rgba(0,0,0,0.5);
    box-shadow: 0 0 0 1px #aaa;
}

.slider [class*="ctrl"] {
font-size: 45px;
    font-weight: 300;
	opacity: 0.5;
}
.ctrlPrev { left:20px;}
.ctrlNext { right:20px;}
.slDotsSingle { opacity: 0.7; margin-left:7px;}
.slDotsSingle.active { background: rgba(255,255,255,0.5); }