/* ==========================================================================
   CSS Reset
   ========================================================================== */
/*
YUI 3.11.0 (build d549e5c)
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

html{color:#fff;background:#fff}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,images{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

/* ==========================================================================
   My responsive Helpers
   ========================================================================== */
.col12{width:100%;float:left;}
.col11{width:91.666666666667%;float:left;}
.col10{width:83.333333333333%;float:left;}
.col9{width:75%;float:left;}
.col8{width:66.666666666667%;float:left;}
.col7{width:58.333333333333%;float:left;}
.col6{width:50%;float:left;}
.col5{width:41.666666666667%;float:left;}
.col4{width:33.333333333333%;float:left;}
.col3{width:25%;float:left;}
.col2{width:16.666666666667%;float:left;}
.col1{width:8.3333333333333%;float:left;}
.col20_per{ width: 20%; float: left; }

.row{ margin-left: -10px; margin-right: -10px; }
.row:before, .row:after {display: table;content: "";line-height: 0;}
.row:after {clear: both;}
.row > div{ padding: 0 10px; }

/* ==========================================================================
   Global CSS
   ========================================================================== */
*, *:before, *:after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
html{-webkit-font-smoothing: antialiased;text-shadow: rgba(0,0,0,.01) 0 0 1px;}
body{font-family: 'Open Sans', sans-serif;font-size: 18px;color: #000000;}
.clear{}
.clear:before, .clear:after {display: table;content: "";line-height: 0;}
.clear:after {clear: both;}

a {
    color: #58A34D;
}

a:hover {
    opacity: .8;
}

.wrapper{margin: 0 auto;position: relative;background: url(/images/bg.jpg);}
.wrapper:before, .wrapper:after {display: table;content: "";line-height: 0;}
.wrapper:after {clear: both;}

.inner{width: 960px;margin: 0 auto;position: relative;}
.inner:before, .inner:after {display: table;content: "";line-height: 0;}
.inner:after {clear: both;}

a > img{border: none;}
a{-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
text-decoration: none;}

strong{font-weight: bold;}
em{font-style: italic;}

/* ==========================================================================
   Header
   ========================================================================== */
header{ background: url(/images/header_bg.jpg); }   
.topLogo{ float: left; margin: 20px 0 10px 90px; }   
header .right_area{ float: right; margin-top: 62px; }
.phone_area{ float: left; background: #000; color: #fff; font-size: 22px; font-weight: bold; line-height: 28px; padding: 8px 16px; border-radius: 10px; }
.phone_area img{ float: left; margin-right: 12px; }
header .icon_facebook{ float: left; margin-left: 5px; }

/* ==========================================================================
   Nav
   ========================================================================== */
#nav{ background: #000; text-align: center; }   
#nav #menu li{ display: inline-block; margin: 0 3px; position: relative; }
#nav #menu a{ color: #fff; font-size: 18px; font-weight: 600; display: block; padding: 8px 7px; }
#nav #menu li:hover > a,
#nav #menu li.active > a{ background: #928364; }
#menu ul{ display: none; position: absolute; top: 100%; left: 0; z-index: 99; min-width: 220px; background: #000; text-align: left; padding: 7px; border-radius: 0 0 6px 6px; }
#menu ul ul{ top: 0; left: 100%; }
#nav #menu ul li{ margin: 0; display: block; }
#menu li:hover > ul{ display: block; }

#mobile_nav{ display: none; }

/* ==========================================================================
   Homepage Main
   ========================================================================== */
.homepage_main{ text-align: center; position: relative; margin-top: 20px;}   
.homepage_main h1{ color: #928364; font-size: 36px; margin-bottom: 10px; }
.homepage_main p{ font-weight: 300; margin-bottom: 25px; }

/* ==========================================================================
   Boxes
   ========================================================================== */
.boxes{ text-align: center; }   
.boxes .col4{ position: relative; margin-bottom: 22px; }
.boxes .col4>div{ position: relative; }
.boxes .bg_img{ width: 100%; height: auto; display: block; }
.boxes .overlay{ position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; padding-top: 35%; }
.boxes h3{ font-family: 'Open Sans Condensed', sans-serif; color: #fff; font-size: 36px; margin: 10px 0 20px; }   
.boxes .btn_read_more{ display: inline-block; color: #fff; font-size: 14px; font-weight: 600; border: 1px solid #fff; padding: 12px 14px 12px 17px; border-radius: 8px; }
.boxes .btn_read_more:after{ content: ""; width: 9px; height: 13px; display: inline-block; background: url(/images/icon_arrow_right.png) center no-repeat; margin-left: 5px; position: relative; top: 1px; }

/* ==========================================================================
   Testimonial Section
   ========================================================================== */
.testimonial_section{}   
.testimonial_section .trip_advisor{ float: right; }   

.testimonial_slider_holder{ width: 630px; float: left; }
.testimonial_slider p{ position: relative; font-weight: 300; margin-bottom: 5px; padding-left: 45px; padding-right: 50px; float: left;}
.testimonial_slider p:before{ content: ""; width: 32px; height: 20px; background: url(/images/quote_left.png) center no-repeat; position: absolute; top: 0; left: 5px; }
.testimonial_slider p:after{ content: ""; width: 32px; height: 20px; background: url(/images/quote_right.png) center no-repeat; position: absolute; bottom: 0; right: 5px; }
.testimonial_slider .author{ font-weight: 300; font-style: italic; padding-left: 45px; float: left;}

/* ==========================================================================
   Footer
   ========================================================================== */
footer{ background: #000; color: #fff; padding: 23px 0 16px; margin-top: 20px; }   
footer .copy{ float: left; font-size: 11px; margin-top: 10px; }
.logo_footer{ float: right; }

/* ==========================================================================
   Top Banner
   ========================================================================== */
.top_banner{ position: relative; }   
.top_banner img{ display: block; width: 100%; }   

/* ==========================================================================
   Main
   ========================================================================== */
.main{}   
.main .inner{ padding: 0 10px; }   
.main .content{ float: left; width: 700px; }
.main .sidebar{ float: right; width: 220px; }
.sidebar .widget{ margin-bottom: 20px; }

.widget_box{ position: relative;text-align: center; }
.widget_box .bg_img{ width: 100%; height: auto; display: block; }
.widget_box .overlay{ position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; padding-top: 35%; }
.widget_box h3, .contact .widget_box h3{ font-family: 'Open Sans Condensed', sans-serif; color: #fff; font-size: 26px; margin: 5px 0 15px; }   
.widget_box .btn_read_more{ display: inline-block; color: #fff; font-size: 14px; font-weight: 600; border: 1px solid #fff; padding: 12px 14px 12px 17px; border-radius: 8px; }
.widget_box .btn_read_more:after{ content: ""; width: 9px; height: 13px; display: inline-block; background: url(/images/icon_arrow_right.png) center no-repeat; margin-left: 5px; position: relative; top: 1px; }

.widget_enquire_form{ background: #928364; }
.widget_enquire_form h5{ text-align: center; color: #ffffff; background: #284c3c; font-size: 26px; font-family: 'Open Sans Condensed', sans-serif; padding: 9px 0; }
.widget_enquire_form .clear{ padding: 9px 10px 10px; }
.widget_enquire_form .input{ width: 100%; margin-top: 9px; border: 1px solid #161616; font-size: 14px; color: #7b7b7b; height: 38px; padding: 9px 6px; }
.widget_enquire_form .input::-webkit-input-placeholder{ color: #7b7b7b; }
.widget_enquire_form .input:-moz-placeholder{ color: #7b7b7b; }
.widget_enquire_form .input::-moz-placeholder{ color: #7b7b7b; }
.widget_enquire_form .input:-ms-input-placeholder{ color: #7b7b7b; }
.widget_enquire_form .input.datepicker{ background: #fff url(/images/icon_calendar.png) 97% center no-repeat; }
.widget_enquire_form .textarea{ width: 100%; margin-top: 9px; border: 1px solid #161616; font-size: 14px; color: #7b7b7b; padding: 9px 6px; }
.widget_enquire_form .submit{ display: inline-block; float: left; background: #335240; margin-top: 9px; color: #fff; border:  2px solid #fff; cursor: pointer; font-size: 18px; font-weight: 600; padding: 9px 19px; border-radius: 8px; }
.widget_enquire_form .submit:after{ content: ""; display: inline-block; width: 9px; height: 13px; background: url(/images/icon_arrow_right_bold.png) center no-repeat; margin-left: 9px; line-height: 1; }
.ui-widget{ font-size: 16px; font-family: 'Open Sans', sans-serif; }
.page_title{ color: #fff; font-size: 36px; background: #a0957a; border-bottom: 9px solid #010100; padding: 0 7px; line-height: 1.2; margin-bottom: 16px; }

.accomodation_post{ border-bottom: 1px solid #005826; margin-bottom: 43px; }
.accom_head{ margin-bottom: 10px; }
.accom_head .left_side{ float: left; width: 459px; margin-right: 20px; }
.accom_head .left_side .bx-wrapper{ margin-bottom: 0; }
.accom_head .right_side{ overflow: hidden; }
.accom_head .accom_pager{ margin-top: 50px; }
.accom_head .accom_pager a{ float: left; margin-right: 13px; }
.accom_head .acom_name{ font-size: 18px; font-weight: bold; color: #335240; margin-bottom: 10px; }
.accom_head p{ font-weight: 300; font-size: 13px; line-height: 1.1; margin-bottom: 5px; }

.accom_content{}
.accom_content h4{ font-size: 13px; font-weight: bold; margin-bottom: 5px; }
.accom_content p{ font-size: 13px; font-weight: 300; line-height: 2; }
.btn_book_now{ display: inline-block; float: right; background: #335240; color: #fff; border:  2px solid #c4ad77; cursor: pointer; font-size: 14px; font-weight: 600; padding: 9px 19px; border-radius: 8px; margin: 15px 0; }
.btn_book_now:after{ content: ""; display: inline-block; width: 9px; height: 13px; background: url(/images/icon_arrow_right_bold.png) center no-repeat; margin-left: 9px; line-height: 1; position: relative; top: 1px; }

/* ==========================================================================
   Facilities
   ========================================================================== */
.facilities_slider{ margin-bottom: 20px; }
.facilities_slider .bx-wrapper{ margin-bottom: 18px; }
.facilities_pager a{ padding: 10px; }
.facilities_pager img{ display: block; width: 100%; }

.text_content{ font-size: 13px; font-weight: 300; }
.text_content h2{ color: #335240; font-weight: bold; font-size: 24px; margin-bottom: 5px; }
.text_content h3{ color: #335240; font-weight: 600; font-size: 18px; margin-bottom: 5px; }
.text_content h4{ font-weight: 600; font-size: 13px; margin-bottom: 5px; }
.text_content h5{ font-weight: 600; font-size: 11px; margin-bottom: 5px; }
.text_content h4.inside{ margin-left: 35px; }
.text_content ul.disc{ margin-left: 35px; }
.text_content ul.disc li:before{ content: "•"; margin-right: 4px; }
.text_content ul.disc li{ margin-bottom: 5px; }

.text_content ul.arrows{ margin-left: 70px; }
.text_content ul.arrows li:before{ content: "»"; margin-right: 4px; }
.text_content ul.arrows li{ margin-bottom: 5px; }

.text_content a{ text-decoration: underline; color: #335240; }

h2.black{ background: #000; color: #fff; font-size: 24px; font-weight: bold; padding: 0 5px; line-height: 35px; }

/* ==========================================================================
   Contact
   ========================================================================== */
.contact h3{ color: #335240; font-weight: bold; font-size: 18px; margin-bottom: 0; }
.contact p{ margin-bottom: 25px; }
.contact .address p{ margin-bottom: 0; }
.address{ margin-bottom: 25px; }
.row-address h3{ float: left; }
.row-address span{ float: right; }

.contact_form{ margin-top: 10px; }
.contact_form label{ color: #335240; font-weight: bold; font-size: 18px; width: 210px; float: left; padding: 5px 0; }
.contact_form .input{ width: 490px; float: left; margin-top: 5px; border: 1px solid #000; height: 35px; background: none; padding: 5px 10px; font-size: 18px; }
.contact_form .textarea{ width: 490px; float: left; margin-top: 5px; border: 1px solid #000; background: none; padding: 5px 10px; font-size: 18px; }
.contact_form .submit{ display: inline-block; margin-top: 5px; float: right; background: #335240; color: #fff; border:  0px solid #fff; cursor: pointer; font-size: 18px; font-weight: 600; padding: 9px 19px; border-radius: 8px; margin-right: 110px; margin-top: 25px; }
.contact_form .submit:after{ content: ""; display: inline-block; width: 9px; height: 13px; background: url(/images/icon_arrow_right_bold.png) center no-repeat; margin-left: 9px; line-height: 1; }

#map{ width: 100%; height: 200px; margin-bottom: 20px; }

/* ==========================================================================
   Tablet
   ========================================================================== */
@media only screen and (min-width: 1200px){

    .slider, .banner {
        max-height: 800px !important;
    }
	

}

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

	.wrapper{ width: 1000px; }

}

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

	.wrapper{ width: auto; }
	.inner{ width: 728px; }
	
	#nav #menu a{ font-size: 16px; padding: 6px; }
	
	.boxes .overlay{ padding-top: 45px; }
	
	.testimonial_slider_holder{ width: 420px; }
	.testimonial_slider p{ font-size: 16px; }
	
	.main .content{ float: none; width: 100%; margin: 0 auto 20px; }
	.main .sidebar{ float: none; width: 100%; margin: 0 auto 20px; }

}

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

	.inner{ width: auto; padding: 0 15px; }
	
	.topLogo{ float: none; width: 206px; display: block; margin: 20px auto; }
	header .right_area{ float: none; margin-top: 25px; }
	.phone_area{ width: 100%; font-size: 20px; margin-bottom: 10px; float: none; }
	header .icon_facebook{ float: none; width: 49px; display: block; margin: 0 auto; }

	#menu{ display: none; }
	#mobile_nav{ display: block; text-align: left; }

	.homepage_main h1{ font-size: 30px; }
	.homepage_main p{ font-size: 15px; }
	
	.testimonial_slider_holder{ width: 100%; margin-bottom: 15px; float: none; }
	
	.testimonial_section .trip_advisor{ float: none; display: block; width: 301px; margin: 0 auto 10px; }
	
	.boxes .col4{ width: 100%; }
	.boxes .overlay{ padding-top: 35%; }
	
	.accom_head .left_side{ width: 100%; margin: 0 0 20px; }
	.accom_head .bx-wrapper img{ width: 100%; }
	.accom_head .right_side{ width: 100%; overflow: visible; }
	
	.contact_form label{ width: 100%; }
	.contact_form .input{ width: 100%; }
	.contact_form .textarea{ width: 100%; }
	
	.address .col4,
	.address .col8{ width: 100%; }
	.row-address h3,
	.row-address span{ width: 100%; }

    .image-overlay {
        bottom: -250px;
    }

    #landing-page-watermark {
        max-width: 100px !important;
    }

    .slider, .banner {
        max-height: 200px !important; 
        min-height: 200px !important;
    }
	
}

.slider {
    min-height: 300px;
}

.formError {
	background-color: #e74c3c;
	color: #FFF;
	width: 100%;
	display: block;
	padding: 2px;
	float: left;
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.cdsROW.narrow {
margin-right: auto;
margin-left: auto;
}

.trip-advisor {
    float: right;
    width: 200px;
}

.accom_content ul, .divMyCMSPageContent ul {
  list-style: inherit;
  margin-top: 1em;
  margin-bottom: 1em;
  padding-left: 40px; 
}

.divMyCMSPageContent h1 {
    font-size: 28px;
    font-weight: bold;
}

.divMyCMSPageContent h2 {
    font-size: 23px;
    font-weight: bold;
}

.galleryList li {
    float: left;
    padding: 20px;
    max-width: 220px;
}

.banner img {
    width: 100%;
}

.slider, .banner {
    width: 100%;
    max-height: 600px;
    overflow: hidden;
    position: relative;
}

.slider img {
    width: 100%;
}

.image-overlay {
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    background-image: url('/images/slide-background.png');
    background-position: bottom;
    background-repeat: repeat-x;
    z-index: 9;
    height: 300px;
}

#landing-page-watermark {
    position: absolute;
    z-index: 99;
    left: 0;
    bottom: 0;
    max-width: 261px;
}