/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
.whatsBlock {
	position: fixed;
	bottom: 30px;
	right: 50px;
	z-index: 99;
}
.whatsBlock img {
	background: #33cc33;
	padding: 4px;
	
	-webkit-border-radius: 99px;
	-moz-border-radius: 99px;
	border-radius: 99px;
}
.copy, .copy a {
	color: #222222;
}
.copy a:hover {
	color: #222222;
	text-decoration: underline;
}
.testiSec {
	max-width: 980px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-bottom: 60px;
}
.testiSec h2 {
	color: #569400;
	font-family: "verdana",arial;
	padding: 10px 0px;
	font-weight: normal;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 20px;
}
.testiMain {
	background: url("../img/comma2.png") bottom right no-repeat;
}
.testiBlock {
	background: url("../img/comma1.png") top left no-repeat;
	padding: 45px 140px 1px 140px;
}
@media only screen and (max-width: 767.98px) {
	.testiMain {
		background: url("../img/comma2.png") bottom right no-repeat;
		padding: 10px 15px 1px 15px;
		-webkit-background-size: 24px;
		background-size: 24px;
		background-position: calc(100% - 15px) 100%;
		padding-bottom: 30px;
		min-height: 500px;
	}
	.testiBlock {
		background: url("../img/comma1.png") top left no-repeat;
		padding: 10px 15px 1px 30px;
		-webkit-background-size: 24px;
		background-size: 24px;
		min-height: 500px;
	}
	.testiBlock .slidesjs-container {
		min-height: 500px;
	}
}

.testiBlock .testiCon p {
	color: #757575;
	font-family: "verdana",arial;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: .5px;
    margin-bottom: 20px;
}
.testiSec .slidesjs-pagination {
	bottom: -20px;
}
.testiSec .slidesjs-pagination li a {
	background: #ddd;
	margin: 1px 2px;
	
	-webkit-border-radius: 99px;
	-moz-border-radius: 99px;
	border-radius: 99px;
}
.testiSec .slidesjs-pagination li a.active, 
.testiSec .slidesjs-pagination li a:hover.active {
	background: #569400;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
*{margin:0px;padding:0px;}
body{margin:0px;padding:0px;font-style:"Verdana",Arial;}
html, body{
  width:100%;
  height:100%;

}
.req_star{color:#ff0000;}

.marL15{margin-left:15px;}
.marT15{margin-top:15px;}
.agreen{text-decoration:underline;color:#71a434;}
.agreen:hover{color:#6d6d6c;}

.agray{text-decoration:underline;color:#6d6d6c;}
.agray:hover{color:#71a434;}
.left-content1 img{float:right;margin-left:50px;}
/* ==========================================================================
   Desktop Styling
   ========================================================================== */

@media only screen and (min-width:769px) {
    /*HEADER STYLING STARTS*/
.about-img-tab{display:none;}
    #header-wrapper-main{position:fixed;width:100%;height:155px;background:#fff;z-index:999;border-bottom:4px solid #569400;z-index:100002;;}
    #header-top-wrapper{width:100%;height:112px;background:url('../img/header-bg.jpg') repeat-x 0px 0px;}
    #header-top-content{width:70%;height:112px;margin:0 auto;min-width:980px;}
    #header-logo{float:left;}
    #header-logo h1{width:256px;height:137px;text-indent:-1000000px;display:block;background:url('../img/logo.png') no-repeat 0px 0px;margin-top:9px;}
    #header-top-right{width:600px;float:right;margin-top:36px;}
    #header-top-right ul{float:left;}
    #header-top-right ul li{list-style:none;float:left;margin-left:2px;}
    #header-top-right ul li a.call{ margin-top: 8px;display:block;text-decoration:none;height:32px;padding:0px 0px 5px 35px;background:url('../img/call-sprite.png') no-repeat 0px 0px;font-family:"verdana",arial;font-size:16px;color:#560800;}
    #header-top-right ul li a.call:hover{background-position: 0px -33px;color:#569400;}
    #header-top-right ul li a.email-link{display:block;text-decoration:none;width:35px;height:33px;text-indent:-10000000px;padding:5px 5px;background:url('../img/icons-sprite.png') no-repeat 0px 0px;}
    #header-top-right ul li a.email-link:hover{background-position: -40px 0px;}
    #header-top-right ul li a.fb-link{display:block;text-decoration:none;width:35px;height:33px;text-indent:-10000000px;padding:5px 5px;background:url('../img/icons-sprite.png') no-repeat 0px -38px;}
    #header-top-right ul li a.fb-link:hover{background-position: -40px -38px;}
    #header-top-right ul li a.insta-link{display:block;text-decoration:none;width:35px;height:33px;text-indent:-10000000px;padding:5px 5px;background:url('../img/icons-sprite.png') no-repeat 0px -160px;}
    #header-top-right ul li a.insta-link:hover{background-position: -40px -160px;}
     #header-top-right ul li a.lnkdin-link{display:block;text-decoration:none;width:35px;height:33px;text-indent:-10000000px;padding:5px 5px;background:url('../img/icons-sprite.png') no-repeat -1px -79px;}
    #header-top-right ul li a.lnkdin-link:hover{background-position: -41px -79px;}
    .tree1{margin-top:18px;padding-right:10px;}
    .top-li{margin-top:25px;}
    #header-bottom-wrapper{width:100%;height:50px;}
    #header-bottom-content{width:70%;height:50px;margin:0 auto;min-width:980px;}
    #header-nav{float:right;position:relative;}
    #header-nav ul{float:left;}
    #header-nav ul li{display: block;position: relative;float:left;list-style:none;margin-left:35px;margin-top:8px;text-transform: uppercase;font-family:"verdana",arial;}
    #header-nav ul li a{text-decoration:none;color:#560800;outline: none;}
    
#header-top-right ul li a.call {
	white-space: nowrap;
}

    
#header-nav ul li a:hover{color:#569400;text-decoration:none;}

.selected{color:#569400;}
.selected-link-footer{color:#569400;}
#select_arr_index{width:18px;height:9px;display:block;background:url('../img/select-desk.png') repeat-x 0px 0px;position:absolute;left:32%;bottom:-9px;}
#select_gallery_index{width:18px;height:9px;display:block;background:url('../img/select-desk.png') repeat-x 0px 0px;position:absolute;left:32%;bottom:-9px;}

#menu a:hover:after {
  content: "";
  position: absolute;
  top: 22px; /* <-- change value to better position */
  left: 35%; /* centers the element's left edge */
  margin-left: -15px; /* <-- moves it back half it's own width */
  width: 0px; /* <-- don't need unit on 0 */
  height: 0px; /* <-- don't need unit on 0 */
margin: 0px auto; /* <-- eliminate, use above margin */
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #569400; /* <-- change to bottom for up arrow */
}
     /*HEADER STYLING ENDS*/
.clear{clear:both;}
     /*SLIDER STYLING STARTS*/
     #slide-container-wrapper {width:100%;padding-top:155px;background:#569400;min-width:980px;}
     #slide-container-wrapper img{width:100%;}

     /*SLIDER STYLING ENDS*/
.page-header-wrapper{width:70%;margin:20px auto;padding-left:0px;}
.page-header{padding:10px 0px !important;font-weight:normal !important;font-family:"verdana",arial !important;font-size:40px !important;color:#592521 !important;}
     /*WELCOME DIV STYLING STARTS*/
     #welcome-main-wrapper{width:100%;height:490px;background:#560800;font-family:"verdana",arial;}
     #welcome-content{width:70%;height:490px;margin:0 auto;padding:40px 0px;background:url('../img/welcome-bg.jpg') no-repeat bottom right;min-width:980px;}
     #welcome-content h1{padding:10px 0px;margin:0px;text-align:left;color:#fff;font-weight:normal;width:65%;font-size:35px;}
     .home-italic{color:#fff;font-weight:bold;font-size:14px;width:70%;font-style:italic;}
     .home-italic-tag{color:#484848;font-weight:bold;font-size:14px;width:70%;font-style:italic;}
     #welcome-content p{margin-top:10px;padding:0px;color:#fff;font-size:14px;width:70%;line-height:28px;}
     /*WELCOME DIV STYLING ENDS*/

     /*ABOUT DIV STYLING STARTS*/
     #about-main-wrapper{width:100%;}
     #about-content{width:70%;margin:0 auto;padding:50px 0px;min-width:980px;}
     #about-left{float:left;width:30%;margin-right:40px;margin-top:14px;}
     #about-left img{width:100%;}
     #about-right{float:left;width:55%;padding-left:40px;}
    #about-right h2{color:#569400;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;}
    #about-right p{color:#757575;font-family:"verdana",arial;line-height:28px;font-size:14px;margin-top:10px;}
     /*ABOUT DIV STYLING ENDS*/

     /*BOTTOM DIV STYLING STARTS*/
     #bottom-main-wrapper{width:100%;position:relative;min-width:980px;z-index:1000;}
 #bottom-main-wrapper img{width:100%;}
  #bottom-content{width:70%;margin:0 auto;text-align:center;}

  #footer-main-wrapper{width:100%;position:absolute;bottom:125px;left:0px;}
#footer-left-links{width:70%;margin:0 auto;}
    #footer-left-links ul{float:left;}
    #footer-left-links ul li{list-style:none;float:left;margin-left:10px;height:32px;font-family:"verdana",arial;font-size:12px;}
     #footer-left-links p{ text-align: center;font-family:"verdana",arial;font-size:12px;clear:both;padding-left:10px;}

    

.thumb{position:absolute;top:15%;left:0%;width:100%;}

  /* =============================================================================
  COMPONENT
============================================================================= */
.component {
  text-align: center;
  width:100%;
}
.component h2{font-weight:normal;color:#8b0000;font-size:35px;font-family:"verdana",arial;padding:0px 0px 12px 0px;text-align:center;}

.component__title {
  margin-bottom: 12px;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
}

/* =============================================================================
  ICONS - COMMON
============================================================================= */
/**
 * Icon common styles.
 *
 * Set it to block or inline block, whichever suits your needs. Overflow set to
 * hidden for precautions, and make sure to set the font size to 0 and the text
 * indent to -9999px. This allows us to actually include text in the markup
 * which will be good for screen readers and accessibility purposes.
 */
.icon {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  margin: 4px;
  width: 100px;
  height: 150px;
  font-size: 0;
  color:#000;
 
}



.icon-cube {
  position: relative;
  -webkit-perspective: 800px;
          perspective: 800px;
  overflow: visible;
}

.icon-cube::before,
.icon-cube::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/around-us-sprite.png");
  content: "";
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}

.icon-cube::before {
  z-index: 2;

}

.icon-cube::after {
  z-index: 1;
  opacity: 0;
  -webkit-transform: translateY(48px) rotateX(-90deg);
          transform: translateY(48px) rotateX(-90deg);
}

.icon-cube:hover::before {
  opacity: 0;
  -webkit-transform: translateY(-48px) rotateX(90deg);
          transform: translateY(-48px) rotateX(90deg);
}

.icon-cube:hover::after {
  opacity: 1;
  -webkit-transform: rotateX(0);
          transform: rotateX(0);
}

/* beach */
.icon-cube.beach::before,
.icon-cube.beach::after {
  background-position: 0 -50px;
}

.icon-cube.beach::after {
  
  background-position: 1100px -50px;
}

/* twitter */
.icon-cube.sight::before,
.icon-cube.sight::after {
  background-position: -194px -50px;
}

.icon-cube.sight::after {
  background-position: -295px -50px;
}

/* places */
.icon-cube.places::before,
.icon-cube.places::after {
  background-position: -395px -50px;
}

.icon-cube.places::after {
  background-position: -495px -50px;
}

/* temples */
.icon-cube.temples::before,
.icon-cube.temples::after {
  background-position: -600px -50px;
}

.icon-cube.temples::after {
  background-position: -700px -50px;
}

/* dining */
.icon-cube.dining::before,
.icon-cube.dining::after {
  background-position: -800px -50px;
}

.icon-cube.dining::after {
  background-position: -900px -50px;
}

/* sports */
.icon-cube.sports::before,
.icon-cube.sports::after {
  background-position: -1000px -50px;
}

.icon-cube.sports::after {
  background-position: -1100px -50px;
}

	

*,
*::before,
*::after {
  box-sizing: border-box;
}

a {
  text-decoration: none;
  color: #28aadc;
}

a:hover {
  color: #166888;
}
     /*BOTTOM DIV STYLING ENDS*/

     #header-nav  a#pull{display:none;}
     .tree1-mobile{display:none;}
.tree2-mobile{display:none;}
}

/*INTERNAL PAGES STYLING*/
#header-container-wrapper{width:100%;background:#569400;border-bottom:4px solid #569400;padding-top:154px;position:relative;}
#header-container-wrapper img{width:100%;}
#aboutus-main-wrapper{width:100%;}
#aboutus-inner-wrapper{width:70%;padding:0px 0 50px 0px;margin:0 auto;}
.left{float:left;}  
.right{float:right;}
#aboutus-content-1{width:100%;margin-top:10px;}
.left-content1{width:100%;padding-right:20px;}
.right-content1{width:30%;}
.right-content1 img{width:100%;}
#aboutus-main-wrapper h2{color:#569400;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;}
.left-content1 p{color:#757575;font-family:"verdana",arial;line-height:24px;font-size:14px;margin-top:10px;}

#aboutus-content-2{width:100%;margin-top:20px;}
.left-content2{width:30%;}
.right-content2{width:65%;padding-left:20px;}
.right-content2 p{color:#757575;font-family:"verdana",arial;line-height:24px;font-size:14px;}
.left-content2 img{width:100%;}

#amenities-content-wrapper{
  width:100%;
  margin-top:40px;
}

#amenities-content-wrapper h2{color:#569400;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;text-transform:uppercase;}
#amenities-content{width:100%;}
#amenities-content-left{width:45%;float:left;}
#amenities-content-right{width:45%;float:right;}
#amenities-content h3{color:#592521;font-family:"verdana",arial;padding:10px 0px;font-weight:bold;}
#amenities-content ul li{color:#757575;font-family:"verdana",arial;line-height:24px;font-size:14px;margin-left:20px;}

#reason-content-wrapper h2{color:#569400;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;text-transform:uppercase;margin-top:40px;}
#reason-content-wrapper ul li{color:#757575;font-family:"verdana",arial;line-height:24px;font-size:14px;margin-left:20px;font-weight:bold;}

#around-content-wrapper{
  width:100%;

}

.around-content {
width:100%;
margin-top:50px;
}

.around-content-left{
  width:45%;
  float:left;
}

.around-content-right{
  width:45%;
  float:right;
}
.around-content h3{
color:#592521;font-family:"verdana",arial;margin-bottom:20px;padding:20px 0px 0px 58px;font-weight:normal;background-image:url('../img/aournd-us-heads.png');background-repeat:no-repeat;
}

.bold{font-weight:bold;}

#beach{background-position:-7px -11px;}
#sights{background-position:-7px -70px;}
#historical-places{background-position:-7px -131px;}
#temples{background-position:-7px -193px;}
#dining{background-position:-7px -260px;}
#water-sports{background-position:-7px -321px;}

.around-content p{
color:#757575;font-family:"verdana",arial;line-height:24px;font-size:14px;margin-top:10px;
}


#bottom-main-internal-wrapper{position:relative;}
#bottom-main-internal-wrapper img{width:100%;}
.mobile{display:none;}
#select_abt_index{width:18px;height:9px;display:block;background:url('../img/select-desk.png') repeat-x 0px 0px;position:absolute;left:32%;bottom:-9px;}
#abt-header{color:#7fdb00;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;font-size:45px;width:70%;position:absolute;bottom:30px;left:18%;}
#select_gallery_index{width:18px;height:9px;display:block;background:url('../img/select-desk.png') repeat-x 0px 0px;position:absolute;left:32%;bottom:-9px;}

#around-main-wrapper{width:100%;}
#around-inner-wrapper{width:70%;padding:0px 0px 50px 0px;margin:0px auto;}
#around-content{width:100%;}
#around-inner-wrapper h2{color:#569400;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;}
#around-content p{color:#757575;font-family:"verdana",arial;line-height:28px;font-size:14px;}
#select_around_index{width:18px;height:9px;display:block;background:url('../img/select-desk.png') repeat-x 0px 0px;position:absolute;left:32%;bottom:-9px;}

#contact-main-wrapper{width:100%;}
#contact-inner-wrapper{width:70%;padding:0px 0px 50px 0px;margin:0 auto;}
#contact-inner-wrapper h2{color:#569400;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;}
#contact-content p{color:#757575;font-family:"verdana",arial;line-height:28px;font-size:14px;}
#contact-content-left{width:50%;float:left;}
#contact-content-right{width:35%;float:right;}
#contact-content-right h3{color:#569400;font-family:"verdana",arial;padding:0px 0px;font-weight:normal;text-transform: uppercase;font-size:20px;margin-top:20px;}
#contact-content-right p{color:#757575;font-family:"verdana",arial;line-height:24px;font-size:14px;}
#select_contact_index{width:18px;height:9px;display:block;background:url('../img/select-desk.png') repeat-x 0px 0px;position:absolute;left:32%;bottom:-9px;}

#form_container{padding-top:20px;}
#feedback{width:100%;}
#form_container h2{font-size:1em; font-weight:normal;}
.formsection label{display: block;float:left;width:30%;text-align:left;color:#757575;font-family:"verdana",arial;line-height:28px;font-size:14px;}
.formsection input {font-family:'Georgia';float:right;font-size: 12px;height:40px;margin-bottom: 0px;padding: 4px;color:#5c6774;width:60%;margin-top:5px;border:none;

 -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #560800;
}

input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}

.styled-select{background: transparent;
  font-family:Verdana, Geneva, sans-serif;
   width: 268px;
   padding: 5px;
   font-size: 12px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   border:1px solid #a6a6a6;}
.formsection textarea{font-family:"verdana",arial;line-height:28px;font-size:14px;float:right; width:60%;background:#ffffff;margin-bottom: 0px;padding: 4px;color:#5c6774;border: 1px solid #560800;margin-top:5px;}
.formsection input[type="submit"] {color:#fff;width:60%;float:right;background:#560800;border:none;text-transform:uppercase;font-family:"verdana",arial;line-height:28px;font-size:20px;}

div#response {display:none;color: #333;border: 1px solid #868686;width: 100%;height: auto;padding: 5px 5px 20px 60px;min-height: 45px;margin-bottom:20px;}
div#response p{font-family:"verdana",arial;color: #333;font-size:12px !important;margin-top:0px!important;padding-bottom:1px!important;}
.error {background: #FF9F9F url(../img/error.png) no-repeat 5px 10px;}
.error h3{font-family:"verdana",arial;font-size:18px;}
.success {background: #B8F5B1 url(../img/icon_ok.png) no-repeat 5px 10px;}
.success h3{font-family:"verdana",arial;font-weight:normal;font-size:18px;}
.processing {background: #B8F5B1 url(../img/ajax-loader.gif) no-repeat 5px 10px;  font-family:"verdana",arial;font-weight:normal;font-size:14px;}
#map{width:100%; min-height:385px; height:100%;}
#contact-header{color:#7fdb00;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;font-size:45px;width:70%;position:absolute;bottom:30px;left:18%;z-index:5;}
#strip-contact{position:absolute;left:0px;bottom:0px;width:100%;height:149px;background:url(../img/strip.png) repeat-x 0px 0px;z-index:2;}


#gallery-main-wrapper{width:100%;}
#gallery-inner-wrapper{width:70%;margin:0px auto;}
#gallery-inner-wrapper h2{color:#569400;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;}
.gallery{width:100%;text-align:left;}

#tariff-main-wrapper{width:100%;}
#tariff-inner-wrapper{width:70%;padding:0px 0px 50px 0px;margin:0px auto;}
#tariff-content{width:100%;}
#tariff-inner-wrapper h2{color:#569400;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;text-transform:uppercase;}
#tariff-content p{color:#757575;font-family:"verdana",arial;line-height:28px;font-size:14px;margin-top:30px;}
#select_tariff_index{width:18px;height:9px;display:block;background:url('../img/select-desk.png') repeat-x 0px 0px;position:absolute;left:32%;bottom:-9px;}
#tariff-content ul li{color:#757575;font-family:"verdana",arial;line-height:24px;font-size:14px;margin-left:20px;}
#tariff-content h3{color:#592521;font-family:"verdana",arial;padding:10px 0px;font-weight:bold;margin-top:30px;}

table {
    width: 100%;
    border-collapse: collapse;
    margin:30px auto;
}
/* Zebra striping */

tr:nth-of-type(odd) {
    background: #ebebeb;
}
tr:nth-of-type(even) {
    background: #ebebeb;
}
th {
  width:60%;
    background: #569400;
    font-family:"verdana",arial;
    font-style: bold;
    font-size: 14px;
    color: #ffffff;
    padding: 12px !important;
    border: 1px solid #ffffff;
    text-align: center !important;
    text-transform:uppercase;
}
td {
    padding: 6px !important;
    border-bottom: 0px solid #ffffff;
    border-top: 0px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;

    text-align: left;
    font-family:"verdana",arial;
    text-align: center !important;
    font-size: 14px;
    color: #6d6d6d;
}

.left-table {
    padding: 6px 6px 6px 12px!important;
    border-bottom: 0px solid #ffffff;
    border-top: 0px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    text-align: left;
    font-family:"verdana",arial;
    text-align: left !important;
    font-size: 14px;
    color: #6d6d6d;
}
.star-red{color:#ff0000;}

.ar-image{float:right;width:35%;margin-top:20px;margin-left:10px;border:1px solid #d7d7d7;padding:8px;text-align:center;}
.ar-image img{width:100%;border:1px solid #d7d7d7;}
.ar-name{color: #757575;
    font-family: "verdana",arial;
    line-height: 24px;
    font-size: 12px;
    font-style:italic;text-transform:uppercase;}


}



@media only screen and (min-width:1200px) and (max-width:1500px) {
.thumb{left:0%;top:10%;}
#bottom-left-links{width:425px;position:absolute;bottom:30px;left:25%;}
  #footer-main-wrapper{width:100%;position:absolute;bottom:80px;left:0px;}
  #aboutus-inner-wrapper{width:80%;padding:0px 0px 50px 0px;margin:0 auto;}
  #abt-header{color:#7fdb00;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;font-size:50px;width:70%;position:absolute;bottom:20px;left:18%;}
}


@media only screen and (min-width:1012px) and (max-width:1200px) {
.thumb{left:0%;top:10%;}
#bottom-left-links{width:425px;position:absolute;bottom:20px;left:25%;}
#footer-main-wrapper{width:100%;position:absolute;bottom:40px;left:0px;}
 #aboutus-inner-wrapper{width:80%;padding:0px 0px 50px 0px;margin:0 auto;}
 #abt-header{color:#7fdb00;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;font-size:50px;width:70%;position:absolute;bottom:5px;left:16%;}
}

@media only screen and (min-width:769px) and (max-width:1011px) {
.thumb{left:0%;top:10%;}
#bottom-left-links{width:425px;position:absolute;bottom:10px;left:25%;}
#footer-main-wrapper{width:100%;position:absolute;bottom:20px;left:0px;}
 #aboutus-inner-wrapper{width:80%;padding:0px 0px 50px 0px;margin:0 auto;}
 #abt-header{color:#7fdb00;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;font-size:50px;width:70%;position:absolute;bottom:0px;left:18%;}

/*INTERNAL PAGES STYLING*/
}



/*BUGS STYLING*/
@media only screen and (min-width: 980px) and (max-width: 1023px) {
    #map{width:100%; min-height:245px; height:100%;}
    #contact-header{color:#7fdb00;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;font-size:40px;width:70%;position:absolute;bottom:8px;left:20%;z-index:5;}
    #strip-contact{position:absolute;left:0px;bottom:0px;width:100%;height:95px;background:url(../img/strip.png) repeat-x 0px 0px;z-index:2;}
    
    #header-logo{float:left;}
    #header-logo h1{width:256px;height:137px;text-indent:-1000000px;display:block;background:url('../img/logo.png') no-repeat 0px 0px;margin-top:9px;}
    #header-top-right{width:440px;float:right;margin-top:36px;}
    #header-top-right ul{float:left;}
    #header-top-right ul li{list-style:none;float:left;margin-left:2px;}
    #header-top-right ul li a.call{ margin-top: 8px;display:block;text-decoration:none;width:180px;height:32px;padding:0px 0px 5px 35px;background:url('../img/call-sprite.png') no-repeat 0px 0px;font-family:"verdana",arial;font-size:16px;color:#560800;}
    #header-top-right ul li a.call:hover{background-position: 0px -33px;color:#569400;}
    #header-top-right ul li a.email-link{display:block;text-decoration:none;width:35px;height:33px;text-indent:-10000000px;padding:5px 5px;background:url('../img/icons-sprite.png') no-repeat 0px 0px;}
    #header-top-right ul li a.email-link:hover{background-position: -40px 0px;}
    #header-top-right ul li a.fb-link{display:block;text-decoration:none;width:35px;height:33px;text-indent:-10000000px;padding:5px 5px;background:url('../img/icons-sprite.png') no-repeat 0px -38px;}
    #header-top-right ul li a.fb-link:hover{background-position: -40px -38px;}
    #header-top-right ul li a.insta-link{display:block;text-decoration:none;width:35px;height:33px;text-indent:-10000000px;padding:5px 5px;background:url('../img/icons-sprite.png') no-repeat 0px -38px;}
    #header-top-right ul li a.insta-link:hover{background-position: -40px -38px;}
    #header-top-right ul li a.lnkdin-link{display:block;text-decoration:none;width:35px;height:33px;text-indent:-10000000px;padding:5px 5px;background:url('../img/icons-sprite.png') no-repeat -1px -79px;}
    #header-top-right ul li a.lnkdin-link:hover{background-position: -41px -79px;}
    .tree1{margin-top:18px;padding-right:10px;}
    .top-li{margin-top:25px;}
    #header-bottom-wrapper{width:100%;height:50px;}
    #header-bottom-content{width:70%;height:50px;margin:0 auto;min-width:980px;}
    #header-nav{float:right;position:relative;}
    #header-nav ul{float:left;}
    #header-nav ul li{display: block;position: relative;float:left;list-style:none;margin-left:28px;margin-top:8px;text-transform: uppercase;font-family:"verdana",arial;font-size:15px;}
     #header-nav ul li a{text-decoration:none;color:#560800;outline: none;}
    #header-nav ul li a:hover{color:#569400;text-decoration:none;}
    #select_arr_index{width:18px;height:9px;display:block;background:url('../img/select-desk.png') repeat-x 0px 0px;position:absolute;left:32%;bottom:-10px;}
    #select_gallery_index{width:18px;height:9px;display:block;background:url('../img/select-desk.png') repeat-x 0px 0px;position:absolute;left:32%;bottom:-10px;}
    #select_abt_index{width:18px;height:9px;display:block;background:url('../img/select-desk.png') repeat-x 0px 0px;position:absolute;left:32%;bottom:-10px;}
    #select_tariff_index{width:18px;height:9px;display:block;background:url('../img/select-desk.png') repeat-x 0px 0px;position:absolute;left:32%;bottom:-10px;}
    #select_around_index{width:18px;height:9px;display:block;background:url('../img/select-desk.png') repeat-x 0px 0px;position:absolute;left:32%;bottom:-10px;}
    #select_contact_index{width:18px;height:9px;display:block;background:url('../img/select-desk.png') repeat-x 0px 0px;position:absolute;left:32%;bottom:-10px;}
    .thumb{left:0%;top:15%;}
    #contact-inner-wrapper{width:80%;padding:50px;margin:0 auto;}
    #bottom-main-wrapper{width:100%;position:relative;min-width:980px;z-index:1000;background:#e6f4ff;}
    #footer-main-wrapper{width:100%;position:absolute;bottom:80px;left:0px;}
    #bottom-main-wrapper img{width:100%;margin-top:130px;}
    #around-inner-wrapper{width:90%;}
    #abt-header{color:#7fdb00;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;font-size:40px;width:70%;position:absolute;bottom:8px;left:18%;}
    .left-content1 p{color:#757575;font-family:"verdana",arial;line-height:24px;font-size:14px;margin-top:10px;}

#aboutus-content-2{width:100%;margin-top:20px;}
.left-content2{width:30%;}
.right-content2{width:65%;padding-left:20px;}
.right-content2 p{color:#757575;font-family:"verdana",arial;line-height:24px;font-size:14px;}
.left-content2 img{width:100%;}

#amenities-content-wrapper{
  width:100%;
  margin-top:40px;

}

#amenities-content-wrapper h2{color:#569400;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;text-transform:uppercase;}
#amenities-content{width:100%;}
#amenities-content-left{width:45%;float:left;}
#amenities-content-right{width:45%;float:right;}
#amenities-content h3{color:#592521;font-family:"verdana",arial;padding:10px 0px;font-weight:bold;}
#amenities-content ul li{color:#757575;font-family:"verdana",arial;line-height:24px;font-size:14px;margin-left:20px;}

#reason-content-wrapper h2{color:#569400;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;text-transform:uppercase;margin-top:40px;}
#reason-content-wrapper ul li{color:#757575;font-family:"verdana",arial;line-height:24px;font-size:14px;margin-left:20px;font-weight:bold;}

#around-content-wrapper{
  width:100%;

}

.around-content {
width:100%;
margin-top:50px;
}

.around-content-left{
  width:45%;
  float:left;
}

.around-content-right{
  width:45%;
  float:right;
}
.around-content h3{
color:#592521;font-family:"verdana",arial;margin-bottom:20px;padding:20px 0px 0px 58px;font-weight:normal;background-image:url('../img/aournd-us-heads.png');background-repeat:no-repeat;
}

.bold{font-weight:bold;}

#beach{background-position:-7px -11px;}
#sights{background-position:-7px -70px;}
#historical-places{background-position:-7px -131px;}
#temples{background-position:-7px -193px;}
#dining{background-position:-7px -260px;}
#water-sports{background-position:-7px -321px;}

.around-content p{
color:#757575;font-family:"verdana",arial;line-height:24px;font-size:14px;margin-top:10px;
}

/*WELCOME DIV STYLING STARTS*/
     #welcome-main-wrapper{width:100%;height:420px;background:#560800;font-family:"verdana",arial;}
     #welcome-content{width:70%;height:420px;margin:0 auto;padding:40px 0px;background:url('../img/welcome-bg.jpg') no-repeat bottom right;min-width:980px;}
     #welcome-content h1{padding:10px 0px;margin:0px;text-align:left;color:#fff;font-weight:normal;width:65%;font-size:32px;}
     .home-italic{color:#fff;font-weight:bold;font-size:14px;width:70%;font-style:italic;}
     .home-italic-tag{color:#484848;font-weight:bold;font-size:14px;width:70%;font-style:italic;}
     #welcome-content p{margin-top:10px;padding:0px;color:#fff;font-size:14px;width:70%;line-height:28px;}
     /*WELCOME DIV STYLING ENDS*/

     .page-header-wrapper{width:80%;margin:20px auto;padding-left:0px;}
.page-header{padding:10px 0px !important;font-weight:normal !important;font-family:"verdana",arial !important;font-size:35px !important;color:#592521 !important;}
  #tariff-main-wrapper{width:100%;}
#tariff-inner-wrapper{width:80%;padding:0px 0px 50px 0px;margin:0px auto;}
#tariff-content{width:100%;}
#tariff-inner-wrapper h2{color:#569400;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;text-transform:uppercase;}
#tariff-content p{color:#757575;font-family:"verdana",arial;line-height:28px;font-size:14px;}
table {
    width: 100%;
    border-collapse: collapse;
    margin:30px auto;
}
/* Zebra striping */

tr:nth-of-type(odd) {
    background: #ebebeb;
}
tr:nth-of-type(even) {
    background: #ebebeb;
}
th {
    background: #569400;
    font-family:"verdana",arial;
    font-style: bold;
    font-size: 14px;
    color: #ffffff;
    padding: 12px !important;
    border: 1px solid #ffffff;
    text-align: center !important;
    text-transform:uppercase;
}
td {
    padding: 6px !important;
    border-bottom: 0px solid #ffffff;
    border-top: 0px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;

    text-align: left;
    font-family:"verdana",arial;
    text-align: center !important;
    font-size: 14px;
    color: #6d6d6d;
}

.left-table {
    padding: 6px 6px 6px 12px!important;
    border-bottom: 0px solid #ffffff;
    border-top: 0px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    text-align: left;
    font-family:"verdana",arial;
    text-align: left !important;
    font-size: 14px;
    color: #6d6d6d;
}
.star-red{color:#ff0000;} 




    }

@media only screen and (min-width: 1024px) and (max-width: 1151px) {
    #map{width:100%; min-height:245px; height:100%;}
    #contact-header{color:#7fdb00;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;font-size:40px;width:70%;position:absolute;bottom:8px;left:15%;z-index:5;}
    #strip-contact{position:absolute;left:0px;bottom:0px;width:100%;height:95px;background:url(../img/strip.png) repeat-x 0px 0px;z-index:2;}
    #around-inner-wrapper{width:80%;}
    #header-logo{float:left;}
    #header-logo h1{width:256px;height:137px;text-indent:-1000000px;display:block;background:url('../img/logo.png') no-repeat 0px 0px;margin-top:9px;}
    #header-top-right{width:600px;float:right;margin-top:36px;}
    #header-top-right ul{float:left;}
    #header-top-right ul li{list-style:none;float:left;margin-left:2px;}
    #header-top-right ul li a.call{ margin-top: 8px;display:block;text-decoration:none;height:32px;padding:0px 0px 5px 35px;background:url('../img/call-sprite.png') no-repeat 0px 0px;font-family:"verdana",arial;font-size:16px;color:#560800;}
    #header-top-right ul li a.call:hover{background-position: 0px -33px;color:#569400;}
    #header-top-right ul li a.email-link{display:block;text-decoration:none;width:35px;height:33px;text-indent:-10000000px;padding:5px 5px;background:url('../img/icons-sprite.png') no-repeat 0px 0px;}
    #header-top-right ul li a.email-link:hover{background-position: -40px 0px;}
    #header-top-right ul li a.fb-link{display:block;text-decoration:none;width:35px;height:33px;text-indent:-10000000px;padding:5px 5px;background:url('../img/icons-sprite.png') no-repeat 0px -38px;}
    #header-top-right ul li a.fb-link:hover{background-position: -40px -38px;}
    #header-top-right ul li a.insta-link{display:block;text-decoration:none;width:35px;height:33px;text-indent:-10000000px;padding:5px 5px;background:url('../img/icons-sprite.png') no-repeat 0px -38px;}
    #header-top-right ul li a.insta-link:hover{background-position: -40px -38px;}
    #header-top-right ul li a.lnkdin-link{display:block;text-decoration:none;width:35px;height:33px;text-indent:-10000000px;padding:5px 5px;background:url('../img/icons-sprite.png') no-repeat -1px -79px;}
    #header-top-right ul li a.lnkdin-link:hover{background-position: -41px -79px;}
    .tree1{margin-top:18px;padding-right:10px;}
    .top-li{margin-top:25px;}
    #header-bottom-wrapper{width:100%;height:50px;}
    #header-bottom-content{width:70%;height:50px;margin:0 auto;min-width:980px;}
    #header-nav{float:right;position:relative;}
    #header-nav ul{float:left;}
    #header-nav ul li{display: block;position: relative;float:left;list-style:none;margin-left:28px;margin-top:8px;text-transform: uppercase;font-family:"verdana",arial;font-size:15px;}
     #header-nav ul li a{text-decoration:none;color:#560800;outline: none;}
    #header-nav ul li a:hover{color:#569400;text-decoration:none;}
    #select_arr_index{width:18px;height:9px;display:block;background:url('../img/select-desk.png') repeat-x 0px 0px;position:absolute;left:32%;bottom:-10px;}
    #select_gallery_index{width:18px;height:9px;display:block;background:url('../img/select-desk.png') repeat-x 0px 0px;position:absolute;left:32%;bottom:-10px;}
    #select_abt_index{width:18px;height:9px;display:block;background:url('../img/select-desk.png') repeat-x 0px 0px;position:absolute;left:32%;bottom:-10px;}
    #select_tariff_index{width:18px;height:9px;display:block;background:url('../img/select-desk.png') repeat-x 0px 0px;position:absolute;left:32%;bottom:-10px;}
    #select_around_index{width:18px;height:9px;display:block;background:url('../img/select-desk.png') repeat-x 0px 0px;position:absolute;left:32%;bottom:-10px;}
    #select_contact_index{width:18px;height:9px;display:block;background:url('../img/select-desk.png') repeat-x 0px 0px;position:absolute;left:32%;bottom:-10px;}
    .thumb{left:0%;top:15%;}
    #contact-inner-wrapper{width:80%;padding:50px;margin:0 auto;}
    #bottom-main-wrapper{width:100%;position:relative;min-width:980px;z-index:1000;background:#e6f4ff;}
    #footer-main-wrapper{width:100%;position:absolute;bottom:80px;left:0px;}
    #bottom-main-wrapper img{width:100%;margin-top:130px;}

    #abt-header{color:#7fdb00;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;font-size:40px;width:70%;position:absolute;bottom:8px;left:15%;}
    /*WELCOME DIV STYLING STARTS*/
     #welcome-main-wrapper{width:100%;height:420px;background:#560800;font-family:"verdana",arial;}
     #welcome-content{width:70%;height:420px;margin:0 auto;padding:40px 0px;background:url('../img/welcome-bg.jpg') no-repeat bottom right;min-width:980px;}
     #welcome-content h1{padding:10px 0px;margin:0px;text-align:left;color:#fff;font-weight:normal;width:65%;font-size:32px;}
     .home-italic{color:#fff;font-weight:bold;font-size:14px;width:70%;font-style:italic;}
     .home-italic-tag{color:#484848;font-weight:bold;font-size:14px;width:70%;font-style:italic;}
     #welcome-content p{margin-top:10px;padding:0px;color:#fff;font-size:14px;width:70%;line-height:28px;}
     /*WELCOME DIV STYLING ENDS*/
       .page-header-wrapper{width:80%;margin:20px auto;padding-left:0px;}
.page-header{padding:10px 0px !important;font-weight:normal !important;font-family:"verdana",arial !important;font-size:35px !important;color:#592521 !important;}



#tariff-main-wrapper{width:100%;}
#tariff-inner-wrapper{width:80%;padding:0px 0px 50px 0px;margin:0px auto;}
#tariff-content{width:100%;}
#tariff-inner-wrapper h2{color:#569400;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;text-transform:uppercase;}
#tariff-content p{color:#757575;font-family:"verdana",arial;line-height:28px;font-size:14px;}
table {
    width: 100%;
    border-collapse: collapse;
    margin:30px auto;
}
/* Zebra striping */

tr:nth-of-type(odd) {
    background: #ebebeb;
}
tr:nth-of-type(even) {
    background: #ebebeb;
}
th {
    background: #569400;
    font-family:"verdana",arial;
    font-style: bold;
    font-size: 14px;
    color: #ffffff;
    padding: 12px !important;
    border: 1px solid #ffffff;
    text-align: center !important;
    text-transform:uppercase;
}
td {
    padding: 6px !important;
    border-bottom: 0px solid #ffffff;
    border-top: 0px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;

    text-align: left;
    font-family:"verdana",arial;
    text-align: center !important;
    font-size: 14px;
    color: #6d6d6d;
}

.left-table {
    padding: 6px 6px 6px 12px!important;
    border-bottom: 0px solid #ffffff;
    border-top: 0px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    text-align: left;
    font-family:"verdana",arial;
    text-align: left !important;
    font-size: 14px;
    color: #6d6d6d;
}
.star-red{color:#ff0000;}
    }

     @media only screen and (min-width: 1152px) and (max-width: 1207px) {
         #map{width:100%; min-height:278px; height:100%;}
        #contact-header{color:#7fdb00;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;font-size:45px;width:70%;position:absolute;bottom:5px;left:20%;z-index:5;}
        #strip-contact{position:absolute;left:0px;bottom:0px;width:100%;height:95px;background:url(../img/strip.png) repeat-x 0px 0px;z-index:2;}
        .thumb{left:0%;top:13%;}
    #bottom-main-wrapper{width:100%;position:relative;min-width:980px;z-index:1000;background:#e6f4ff;}
     #footer-main-wrapper{width:100%;position:absolute;bottom:100px;left:0px;}
 #bottom-main-wrapper img{width:100%;margin-top:110px;}
 .page-header-wrapper{width:80%;margin:20px auto;padding-left:0px;}
.page-header{padding:10px 0px !important;font-weight:normal !important;font-family:"verdana",arial !important;font-size:30px !important;color:#592521 !important;}
    }

    @media only screen and (min-width: 1208px) and (max-width: 1365px) {
        #abt-header{color:#7fdb00;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;font-size:45px;width:70%;position:absolute;bottom:15px;left:18%;}
        #map{width:100%; min-height:292px; height:100%;}
        #contact-header{color:#7fdb00;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;font-size:45px;width:70%;position:absolute;bottom:5px;left:18%;z-index:5;}
        #strip-contact{position:absolute;left:0px;bottom:0px;width:100%;height:95px;background:url(../img/strip.png) repeat-x 0px 0px;z-index:2;}
        .thumb{left:0%;top:14%;}
        #bottom-main-wrapper{width:100%;position:relative;min-width:980px;z-index:1000;background:#e6f4ff;}
        #footer-main-wrapper{width:100%;position:absolute;bottom:100px;left:0px;}
        #bottom-main-wrapper img{width:100%;margin-top:110px;}
          .page-header-wrapper{width:70%;margin:20px auto;padding-left:0px;}
.page-header{padding:10px 0px !important;font-weight:normal !important;font-family:"verdana",arial !important;font-size:35px !important;color:#592521 !important;}
    }


     @media only screen and (min-width: 1366px) and (max-width: 1439px) {
          #abt-header{color:#7fdb00;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;font-size:45px;width:70%;position:absolute;bottom:20px;left:18%;}
        #map{width:100%; min-height:330px; height:100%;}
        #contact-header{color:#7fdb00;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;font-size:45px;width:70%;position:absolute;bottom:20px;left:18%;z-index:5;}
        #strip-contact{position:absolute;left:0px;bottom:0px;width:100%;height:110px;background:url(../img/strip.png) repeat-x 0px 0px;z-index:2;}
        .thumb{left:0%;top:14%;}
        #bottom-main-wrapper{width:100%;position:relative;min-width:980px;z-index:1000;background:#e6f4ff;}
        #footer-main-wrapper{width:100%;position:absolute;bottom:100px;left:0px;}
        #bottom-main-wrapper img{width:100%;margin-top:110px;} 
          .page-header-wrapper{width:70%;margin:20px auto;padding-left:0px;}
.page-header{padding:10px 0px !important;font-weight:normal !important;font-family:"verdana",arial !important;font-size:35px !important;color:#592521 !important;} 

    }

    @media only screen and (min-width: 1440px) and (max-width: 1599px) {
        #abt-header{color:#7fdb00;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;font-size:45px;width:70%;position:absolute;bottom:15px;left:18%;}
        #map{width:100%; min-height:345px; height:100%;}
        #contact-header{color:#7fdb00;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;font-size:45px;width:70%;position:absolute;bottom:15px;left:18%;z-index:5;}
        #strip-contact{position:absolute;left:0px;bottom:0px;width:100%;height:120px;background:url(../img/strip.png) repeat-x 0px 0px;z-index:2;}
        .thumb{left:0%;top:14%;}
        #bottom-main-wrapper{width:100%;position:relative;min-width:980px;z-index:1000;background:#e6f4ff;}
        #footer-main-wrapper{width:100%;position:absolute;bottom:100px;left:0px;}
        #bottom-main-wrapper img{width:100%;margin-top:110px;}
          .page-header-wrapper{width:70%;margin:20px auto;padding-left:0px;}
.page-header{padding:10px 0px !important;font-weight:normal !important;font-family:"verdana",arial !important;font-size:40px !important;color:#592521 !important;}

    }

     @media only screen and (min-width: 1600px) and (max-width: 1919px) {
        
    }


/* ==========================================================================
   Tablet Styling
   ========================================================================== */

@media only screen and (min-width:481px) and (max-width:768px) {

     /*HEADER STYLING STARTS*/

     #header-wrapper-main{position:fixed;width:100%;height:155px;background:#fff;z-index:999;border-bottom:3px solid #569400;}
    #header-top-wrapper{width:100%;height:112px;background:url('../img/header-bg.jpg') repeat-x 0px 0px;}
    #header-top-content{width:100%;height:112px;margin:0 auto;}
    #header-logo{float:left;}
    #header-logo h1{width:190px;height:102px;text-indent:-1000000px;display:block;background:url('../img/logo-ipad.png') no-repeat 0px 0px;margin-top:35px;}
    #header-top-right{float:right;margin-top:36px;margin-right:20px;}
    #header-top-right ul{float:left;}
    #header-top-right ul li{list-style:none;float:left;margin-left:2px;}
    #header-top-right ul li a.call{text-indent:-1000000px;display:block;text-decoration:none;width:25px;height:25px;padding:8px 8px;background:url('../img/call-sprite-ipad.png') no-repeat 0px 0px;font-family:"verdana",arial;font-size:14px;color:#560800;margin-top:13px;}
    #header-top-right ul li a.call:hover{background-position: 0px -26px;color:#569400;}
    #header-top-right ul li a.email-link{display:block;text-decoration:none;width:25px;height:25px;text-indent:-10000000px;padding:8px 8px;background:url('../img/icons-sprite-ipad.png') no-repeat -2px -2px;margin-top:10px;}
    #header-top-right ul li a.email-link:hover{background-position: -34px -2px;}
    #header-top-right ul li a.fb-link{display:block;text-decoration:none;width:25px;height:25px;text-indent:-10000000px;padding:8px 8px;background:url('../img/icons-sprite-ipad.png') no-repeat -2px -32px;margin-top:10px;}
    #header-top-right ul li a.fb-link:hover{background-position: -34px -32px;}
    #header-top-right ul li a.insta-link{display:block;text-decoration:none;width:25px;height:25px;text-indent:-10000000px;padding:8px 8px;background:url('../img/icons-sprite-ipad.png') no-repeat -2px -32px;margin-top:10px;}
    #header-top-right ul li a.insta-link:hover{background-position: -34px -32px;}
    #header-top-right ul li a.lnkdin-link{display:block;text-decoration:none;width:25px;height:25px;text-indent:-10000000px;padding:8px 8px;background:url('../img/icons-sprite-ipad.png') no-repeat -2px -64px;margin-top:10px;}
    #header-top-right ul li a.lnkdin-link:hover{background-position: -34px -64px;}
    .tree1{margin-top:18px;padding-right:10px;}
    .top-li{margin-top:25px;}
    #header-bottom-wrapper{width:100%;height:50px;min-width:635px;}
    #header-bottom-content{width:100%;}
    #header-nav{float:right;position:relative;margin-top:15px;margin-right:10px;}
    #header-nav ul{float:left;}
    #header-nav ul li{display: block;position: relative;float:left;list-style:none;margin-left:15px;text-transform: uppercase;font-family:"verdana",arial;font-size:12px;}
     #header-nav ul li a{text-decoration:none;color:#560800;outline: none;}
#header-nav ul li a:hover{color:#569400;text-decoration:none;}

.selected{color:#569400;}
.selected-link-footer{color:#569400;}
#select_arr_index{width:18px;height:9px;display:block;background:url('../img/select-desk.png') repeat-x 0px 0px;position:absolute;left:32%;bottom:-9px;}
#select_abt_index{width:18px;height:9px;display:block;background:url('../img/select-desk.png') repeat-x 0px 0px;position:absolute;left:32%;bottom:-9px;}
#select_gallery_index{width:18px;height:9px;display:block;background:url('../img/select-desk.png') repeat-x 0px 0px;position:absolute;left:32%;bottom:-9px;}
#menu a:hover:after {
  content: "";
  position: absolute;
  top: 16px; /* <-- change value to better position */
  left: 35%; /* centers the element's left edge */
  margin-left: -15px; /* <-- moves it back half it's own width */
  width: 0px; /* <-- don't need unit on 0 */
  height: 0px; /* <-- don't need unit on 0 */
margin: 0px auto; /* <-- eliminate, use above margin */
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #569400; /* <-- change to bottom for up arrow */
}
     /*HEADER STYLING ENDS*/

       /*SLIDER STYLING STARTS*/
     #slide-container-wrapper {width:100%;padding-top:154px;background:#569400;}
     #slide-container-wrapper img{width:100%;}

     /*SLIDER STYLING ENDS*/

     /*WELCOME DIV STYLING STARTS*/
     #welcome-main-wrapper{width:100%;font-family:"verdana",arial;padding:20px 10px;background:#560800 url('../img/welcome-bg-ipad.jpg') no-repeat bottom right;}
     #welcome-content{width:100%;padding:0px 0px;}
     #welcome-content h1{padding:10px 0px;margin:0px;text-align:left;color:#fff;font-weight:normal;font-size:20px;width:65%;}
     #welcome-content p{margin-top:10px;padding:0px;color:#fff;font-size:12px;width:60%;line-height:22px;}
     .home-italic{color:#fff;font-weight:bold;font-size:12px;width:70%;font-style:italic;}
     .home-italic-tag{color:#484848;font-weight:bold;font-size:12px;width:70%;font-style:italic;}
     /*WELCOME DIV STYLING ENDS*/
.page-header-wrapper{width:90%;margin:20px auto;padding-left:0px;}
.page-header{padding:10px 0px !important;font-weight:normal !important;font-family:"verdana",arial !important;font-size:30px !important;color:#592521 !important;} 
     /*ABOUT DIV STYLING STARTS*/
     #about-main-wrapper{width:100%;}
     #about-content{width:100%;margin:0 auto;padding:50px 10px;}
     #about-left{float:left;width:30%;text-align:center;margin-top:10px;}
     #about-left img{width:100%;}
     #about-right{float:left;width:65%;text-align:left;margin-left:15px;}
    #about-right h2{color:#569400;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;font-size:20px;}
    #about-right p{color:#757575;font-family:"verdana",arial;line-height:22px;font-size:12px;margin-top:10px;}


.about-img-desk {display:none;}
    #amenities-content-wrapper{
  width:100%;
  margin-top:40px;
}

#amenities-content-wrapper h2{color:#569400;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;text-transform:uppercase;}
#amenities-content{width:100%;}
#amenities-content-left{width:45%;float:left;}
#amenities-content-right{width:45%;float:right;}
#amenities-content h3{color:#592521;font-family:"verdana",arial;padding:10px 0px;font-weight:bold;font-size:14px}
#amenities-content ul li{color:#757575;font-family:"verdana",arial;line-height:24px;font-size:12px;margin-left:20px;}

#reason-content-wrapper h2{color:#569400;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;text-transform:uppercase;margin-top:40px;}
#reason-content-wrapper ul li{color:#757575;font-family:"verdana",arial;line-height:24px;font-size:12px;margin-left:20px;font-weight:bold;}

     /*ABOUT DIV STYLING ENDS*/

     #around-content-wrapper{
  width:100%;

}

.around-content {
width:100%;
margin-top:50px;
}

.around-content-left{
  width:45%;
  float:left;
}

.around-content-right{
  width:45%;
  float:right;
}
.around-content h3{
color:#592521;font-family:"verdana",arial;margin-bottom:20px;padding:20px 0px 0px 58px;font-weight:normal;background-image:url('../img/aournd-us-heads.png');background-repeat:no-repeat;
}

.bold{font-weight:bold;}

#beach{background-position:-7px -11px;}
#sights{background-position:-7px -70px;}
#historical-places{background-position:-7px -131px;}
#temples{background-position:-7px -193px;}
#dining{background-position:-7px -260px;}
#water-sports{background-position:-7px -321px;}

.around-content p{
color:#757575;font-family:"verdana",arial;line-height:24px;font-size:12px;margin-top:10px;
}


      /*BOTTOM DIV STYLING STARTS*/
     #bottom-main-wrapper{width:100%;position:relative;z-index:1000;background:#eff8ff;}
 #bottom-main-wrapper img{width:100%;}
  #bottom-content{width:100%;text-align:center;height:100%;}

#footer-main-wrapper{width:100%;text-align:center;margin-top:40px;padding-bottom:20px;}
#footer-left-links{width:100%;text-align:center;}
    #footer-left-links ul{width:350px;margin:0 auto;}
    #footer-left-links ul li{text-align:center;list-style:none;float:left;margin-left:10px;height:32px;font-family:"verdana",arial;font-size:10px;}
     #footer-left-links p{font-family:"verdana",arial;font-size:12px;clear:both;padding-left:10px;}
.desk-img{display:none;}
    

.thumb{width:100%;}
 /* =============================================================================
  COMPONENT
============================================================================= */
.component {
  text-align: center;
  width:100%;
}
.component h2{font-weight:normal;color:#8b0000;font-size:20px;font-family:"verdana",arial;padding:20px 0px 10px 0px;text-align:center;}

.component__title {
  margin-bottom: 12px;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
}

/* =============================================================================
  ICONS - COMMON
============================================================================= */
/**
 * Icon common styles.
 *
 * Set it to block or inline block, whichever suits your needs. Overflow set to
 * hidden for precautions, and make sure to set the font size to 0 and the text
 * indent to -9999px. This allows us to actually include text in the markup
 * which will be good for screen readers and accessibility purposes.
 */
.icon {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  margin: 4px;
  width: 100px;
  height: 150px;
  font-size: 0;
  color:#000;
 
}



.icon-cube {
  position: relative;
  -webkit-perspective: 800px;
          perspective: 800px;
  overflow: visible;
}

.icon-cube::before,
.icon-cube::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/around-us-sprite.png");
  content: "";
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}

.icon-cube::before {
  z-index: 2;

}

.icon-cube::after {
  z-index: 1;
  opacity: 0;
  -webkit-transform: translateY(48px) rotateX(-90deg);
          transform: translateY(48px) rotateX(-90deg);
}

.icon-cube:hover::before {
  opacity: 0;
  -webkit-transform: translateY(-48px) rotateX(90deg);
          transform: translateY(-48px) rotateX(90deg);
}

.icon-cube:hover::after {
  opacity: 1;
  -webkit-transform: rotateX(0);
          transform: rotateX(0);
}

/* beach */
.icon-cube.beach::before,
.icon-cube.beach::after {
  background-position: 0 -50px;
}

.icon-cube.beach::after {
  
  background-position: 1100px -50px;
}

/* twitter */
.icon-cube.sight::before,
.icon-cube.sight::after {
  background-position: -194px -50px;
}

.icon-cube.sight::after {
  background-position: -295px -50px;
}

/* places */
.icon-cube.places::before,
.icon-cube.places::after {
  background-position: -395px -50px;
}

.icon-cube.places::after {
  background-position: -495px -50px;
}

/* temples */
.icon-cube.temples::before,
.icon-cube.temples::after {
  background-position: -600px -50px;
}

.icon-cube.temples::after {
  background-position: -700px -50px;
}

/* dining */
.icon-cube.dining::before,
.icon-cube.dining::after {
  background-position: -800px -50px;
}

.icon-cube.dining::after {
  background-position: -900px -50px;
}

/* sports */
.icon-cube.sports::before,
.icon-cube.sports::after {
  background-position: -1000px -50px;
}

.icon-cube.sports::after {
  background-position: -1100px -50px;
}



*,
*::before,
*::after {
  box-sizing: border-box;
}

a {
  text-decoration: none;
  color: #28aadc;
}

a:hover {
  color: #166888;
}

#header-nav  a#pull{display:none;}

.tree1-mobile{display:none;}
.tree2-mobile{display:none;}

/*INTERNAL PAGES STYLING*/
#header-container-wrapper{width:100%;background:#569400;border-bottom:4px solid #569400;padding-top:155px;position:relative;}
#header-container-wrapper img{width:100%;}
#aboutus-main-wrapper{width:100%;}
#aboutus-inner-wrapper{width:90%;padding:0px;margin:0 auto;}
.left{float:left;}
.right{float:right;}
#aboutus-content-1{width:100%;margin-top:10px;}
.left-content1{width:100%;padding-right:5px;}
.right-content1{width:30%;}
.right-content1 img{width:100%;}
#aboutus-main-wrapper h2{color:#569400;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;font-size:20px;}
.left-content1 p{color:#757575;font-family:"verdana",arial;line-height:22px;font-size:12px;}

#aboutus-content-2{width:100%;margin-top:10px;}
.left-content2{width:30%;}
.right-content2{width:65%;padding-left:5px;}
.right-content2 p{color:#757575;font-family:"verdana",arial;line-height:22px;font-size:12px;}
.left-content2 img{width:100%;}
#bottom-main-internal-wrapper{position:relative;background:#eff8ff;}
#bottom-main-internal-wrapper img{width:100%;}

.mobile{display:none;}
#select_abt_index{width:18px;height:9px;display:block;background:url('../img/select-desk.png') repeat-x 0px 0px;position:absolute;left:32%;bottom:-9px;}
#abt-header{color:#7fdb00;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;font-size:25px;width:70%;position:absolute;bottom:0px;left:8%;}



#tariff-main-wrapper{width:100%;}
#tariff-inner-wrapper{width:90%;padding:10px;margin:0 auto;}
#tariff-content{width:100%;}
#tariff-inner-wrapper h2{color:#569400;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;font-size:20px;}
#tariff-content p{color:#757575;font-family:"verdana",arial;line-height:22px;font-size:12px;}
#select_tariff_index{width:18px;height:9px;display:block;background:url('../img/select-desk.png') repeat-x 0px 0px;position:absolute;left:32%;bottom:-9px;}

#around-main-wrapper{width:100%;}
#around-inner-wrapper{width:90%;padding:10px;margin:0 auto;}
#around-content{width:100%;}
#around-inner-wrapper h2{color:#569400;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;font-size:20px;}
#around-content p{color:#757575;font-family:"verdana",arial;line-height:22px;font-size:12px;}
#select_around_index{width:18px;height:9px;display:block;background:url('../img/select-desk.png') repeat-x 0px 0px;position:absolute;left:32%;bottom:-9px;}

#contact-main-wrapper{width:100%;}
#contact-inner-wrapper{width:90%;padding:10px;margin:0 auto;}
#contact-inner-wrapper h2{color:#569400;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;}
#contact-content p{color:#757575;font-family:"verdana",arial;line-height:28px;font-size:14px;}
#contact-content-left{width:100%;float:left;}
#contact-content-right{width:100%;float:right;}
#contact-content-right h3{color:#569400;font-family:"verdana",arial;padding:0px 0px;font-weight:normal;text-transform: uppercase;font-size:20px;margin-top:20px;}
#contact-content-right p{color:#757575;font-family:"verdana",arial;line-height:24px;font-size:14px;}
#select_contact_index{width:18px;height:9px;display:block;background:url('../img/select-desk.png') repeat-x 0px 0px;position:absolute;left:32%;bottom:-9px;}
#form_container{padding-top:20px;}
#feedback{width:100%;}
#form_container h2{font-size:1em; font-weight:normal;}
.formsection label{display: block;float:left;width:30%;text-align:left;color:#757575;font-family:"verdana",arial;line-height:28px;font-size:14px;}
.formsection input {font-family:'Georgia';float:right;font-size: 12px;height:40px;margin-bottom: 0px;padding: 4px;color:#5c6774;width:60%;margin-top:5px;border:none;

 -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #560800;
}

input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}

.styled-select{background: transparent;
  font-family:Verdana, Geneva, sans-serif;
   width: 268px;
   padding: 5px;
   font-size: 12px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   border:1px solid #a6a6a6;}
.formsection textarea{font-family:"verdana",arial;line-height:28px;font-size:14px;float:right; width:60%;background:#ffffff;margin-bottom: 0px;padding: 4px;color:#5c6774;border: 1px solid #560800;margin-top:5px;}
.formsection input[type="submit"] {color:#fff;width:60%;float:right;background:#560800;border:none;text-transform:uppercase;font-family:"verdana",arial;line-height:28px;font-size:20px;}

div#response {display:none;color: #333;border: 1px solid #868686;width: 100%;height: auto;padding: 5px 5px 20px 60px;min-height: 45px;margin-bottom:20px;}
div#response p{font-family:"verdana",arial;color: #333;font-size:12px !important;margin-top:0px!important;padding-bottom:1px!important;}
.error {background: #FF9F9F url(../img/error.png) no-repeat 5px 10px;}
.error h3{font-family:'robotoregular';font-size:18px;}
.success {background: #B8F5B1 url(../img/icon_ok.png) no-repeat 5px 10px;}
.success h3{font-family:Verdana, Geneva, sans-serif;font-weight:normal;font-size:18px;}
.processing {background: #B8F5B1 url(../img/ajax-loader.gif) no-repeat 5px 10px;  font-family:Verdana, Geneva, sans-serif;font-weight:normal;font-size:14px;}

#map{width:100%; height:186px;min-height:186px;}
#contact-header{color:#7fdb00;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;font-size:32px;width:70%;position:absolute;bottom:0px;left:6%;z-index:5;}
#strip-contact{position:absolute;left:0px;bottom:0px;width:100%;height:60px;background:url(../img/strip.png) repeat-x 0px 0px;}
#gallery-main-wrapper{width:100%;}
#gallery-inner-wrapper{width:100%;margin:0 auto;}
#gallery-inner-wrapper h2{color:#569400;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;}
.gallery{width:100%;text-align:center;}

#tariff-main-wrapper{width:100%;}
#tariff-inner-wrapper{width:90%;padding:0px 0px 50px 0px;margin:50px auto;}
#tariff-content{width:100%;}
#tariff-inner-wrapper h2{color:#569400;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;text-transform:uppercase;}
#tariff-content p{color:#757575;font-family:"verdana",arial;line-height:28px;font-size:14px;}
table {
    width: 100%;
    border-collapse: collapse;
    margin:30px auto;
}
/* Zebra striping */

tr:nth-of-type(odd) {
    background: #ebebeb;
}
tr:nth-of-type(even) {
    background: #ebebeb;
}
th {
    background: #569400;
    font-family:"verdana",arial;
    font-style: bold;
    font-size: 14px;
    color: #ffffff;
    padding: 12px !important;
    border: 1px solid #ffffff;
    text-align: center !important;
    text-transform:uppercase;
}
td {
    padding: 6px !important;
    border-bottom: 0px solid #ffffff;
    border-top: 0px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;

    text-align: left;
    font-family:"verdana",arial;
    text-align: center !important;
    font-size: 14px;
    color: #6d6d6d;
}

.left-table {
    padding: 6px 6px 6px 12px!important;
    border-bottom: 0px solid #ffffff;
    border-top: 0px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    text-align: left;
    font-family:"verdana",arial;
    text-align: left !important;
    font-size: 14px;
    color: #6d6d6d;
}
.star-red{color:#ff0000;}

.ar-image{float:right;width:45%;margin-top:20px;border:1px solid #d7d7d7;padding:8px;text-align:center;}
.ar-image img{width:100%;border:1px solid #d7d7d7;}
.ar-name{color: #757575;
    font-family: "verdana",arial;
    line-height: 24px;
    font-size: 12px;
    font-style:italic;text-transform:uppercase;}


}



/* ==========================================================================
   Mobile Styling
   ========================================================================== */
@media only screen and (min-width:380px) and (max-width:480px) { 

    /*disable text sizing on orientation change*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
    -webkit-text-size-adjust:none;
}

 /*HEADER STYLING STARTS*/

    /*HEADER STYLING STARTS*/

     #header-wrapper-main{position:fixed;width:100%;height:115px;background:#fff;z-index:999;border-bottom:3px solid #569400;min-width:380px;z-index: 100003;}
    #header-top-wrapper{width:100%;height:78px;background:url('../img/header-bg-mobile.jpg') repeat-x 0px 0px;}
    #header-top-content{width:100%;height:78px;margin-top:-30px;}
    #header-logo{float:left;z-index:25;}
    #header-logo h1{width:150px;height:80px;text-indent:-1000000px;display:block;background:url('../img/logo-mobile.png') no-repeat 0px 0px;margin-top:48px;}
    #header-top-right{float:right;margin-top:36px;}
    #header-top-right ul{float:left;}
    #header-top-right ul li{list-style:none;float:left;margin-left:2px;}
    #header-top-right ul li a.call{text-indent:-1000000px;display:block;text-decoration:none;width:27px;height:26px;padding:8px 8px;background:url('../img/call-sprite-ipad.png') no-repeat 0px 0px;font-family:"verdana",arial;font-size:14px;color:#560800;margin-top:29px;}
    #header-top-right ul li a.call:hover{background-position: 0px -26px;color:#569400;}
    #header-top-right ul li a.email-link{display:block;text-decoration:none;width:27px;height:27px;text-indent:-10000000px;padding:8px 8px;background:url('../img/icons-sprite-ipad.png') no-repeat -2px -2px;margin-top:25px;}
    #header-top-right ul li a.email-link:hover{background-position: -34px -2px;}
    #header-top-right ul li a.fb-link{display:block;text-decoration:none;width:27px;height:27px;text-indent:-10000000px;padding:8px 8px;background:url('../img/icons-sprite-ipad.png') no-repeat -2px -32px;margin-top:25px;}
    #header-top-right ul li a.fb-link:hover{background-position: -34px -32px;}
    #header-top-right ul li a.insta-link{display:block;text-decoration:none;width:27px;height:27px;text-indent:-10000000px;padding:8px 8px;background:url('../img/icons-sprite-ipad.png') no-repeat -2px -32px;margin-top:25px;}
    #header-top-right ul li a.insta-link:hover{background-position: -34px -32px;}
    #header-top-right ul li a.lnkdin-link{display:block;text-decoration:none;width:27px;height:27px;text-indent:-10000000px;padding:8px 8px;background:url('../img/icons-sprite-ipad.png') no-repeat -2px -64px;margin-top:25px;}
    #header-top-right ul li a.lnkdin-link:hover{background-position: -34px -64px;}
    .tree1-mobile{margin-top:22px;padding-right:4px;}
    .tree2-mobile{margin-top:8px;padding-left:0px;}
    .top-li{margin-top:5px;}
    .tree1{display:none;}
    .tree2{display:none;}
#header-bottom-wrapper{width:100% !important;position:relative;}
     
#header-bottom-content{width:100%;}
.selected-link-footer{color:#569400;}




/*#header-nav {z-index:50;
    width:100%;
        border-bottom: 0;
  
        margin-top:25px;
        position:absolute;
        top:0px;
        left:0px;
       

    }
    #header-nav  ul {
        display: none;
        height: auto; background-color: #569400;
    }
    #header-nav  a#pull {
        display: block;
        background-color: transparent;
        width: 100%;
        position: relative;
        height:38px;
        padding-top:8px;
        font-size:14px;font-family:"verdana",arial;
       
        
      
    }
    #header-nav a#pull:after {
        content:"";
        background: #fff url('../img/nav-icon.png') no-repeat center center;
        width: 30px;
        height: 30px;
        display: inline-block;
        position: absolute;
        right: 30px;

        top: 10px;
    }
    #header-nav li {
        display: block;
        float: none;
        width: 100%;
        border-bottom:1px solid #fff;
    
        
        font-size:14px;font-family:"verdana",arial;
    }
    #header-nav li a {
  display: block;
  padding:10px;
        width:100%;
        color:#fff;
        text-transform:uppercase;
        box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
       
        
    }

    #header-nav li a:hover {
            background:#8ab84a;
        color:#fff;
       
       
        
    }

.selected{color:#560901;text-transform: uppercase;background:#8ab84a;
  padding:10px;
        width:100% !important;}*/


        #header-nav {
    position: relative;
  }

  /* menu icon */
  #menu-icon {
    color: #000;
    width: 42px;
    height: 30px;
    background:url(../img/nav-icon.png) no-repeat 10px 5px;
    padding: 8px 10px 0 42px;
    cursor: pointer;
float:right;
margin-right:10px;
    display: block; /* show menu icon */
     z-index:100008;
  }
  #menu-icon:hover {
 
    background-position:10px  5px;
  }
  #menu-icon.active {
   
    background-position:10px 5px;
  }
  
  /* main nav */
  #menu {
    clear: both;
    position: absolute;
    top: 36px;
    width: 100%;
    z-index: 10000;
    
   background-color: #f4f4f4;
    display: none; /* visibility will be toggled with jquery */

  }
  #menu li {
    clear: both;
    float: none;
    padding: 0px;
    border-bottom:1px solid #560800;
    font-size:14px;font-family:"verdana",arial;
    text-transform:uppercase;
  }
  #menu a, 
  #menu ul a {
     display: block;
  padding:10px;
        width:100%;
        color:#560800;
        text-transform:uppercase;
        box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    z-index:100008;
  }
  #menu a:hover, 
  #menu ul a:hover {
     background:#569400;
        color:#560800;
  }
  
  /* dropdown */
  #menu ul {
    width: auto;
    position: static;
    display: block;
    border: none;
    background: inherit;

  }
  #menu ul li {
    margin: 3px 0 3px 15px;
  }

  .selected{display:block;color:#560800;text-transform: uppercase;background:#569400;
  padding:10px !important;
        width:100% !important;}
     /*HEADER STYLING ENDS*/

       /*SLIDER STYLING STARTS*/
     #slide-container-wrapper {width:100%;padding-top:115px;background:#569400;}
     #slide-container-wrapper img{width:100%;}

     /*SLIDER STYLING ENDS*/

     /*WELCOME DIV STYLING STARTS*/
     #welcome-main-wrapper{width:100%;font-family:"verdana",arial;padding:20px 10px;background:#560800 url('../img/welcome-bg-ipad.jpg') no-repeat bottom right;}
     #welcome-content{width:100%;padding:0px 0px;}
     #welcome-content h1{padding:10px 0px;margin:0px;text-align:left;color:#fff;font-weight:normal;font-size:20px;}
     #welcome-content p{margin-top:10px;padding:0px;color:#fff;font-size:12px;width:100%;line-height:22px;}

     .home-italic{color:#fff;font-weight:bold;font-size:12px;font-style:italic;}
     .home-italic-tag{color:#484848;font-weight:bold;font-size:12px;font-style:italic;}
     /*WELCOME DIV STYLING ENDS*/
.page-header-wrapper{width:90%;margin:20px auto;padding-left:0px;}
.page-header{padding:10px 0px !important;font-weight:normal !important;font-family:"verdana",arial !important;font-size:30px !important;color:#592521 !important;} 
     /*ABOUT DIV STYLING STARTS*/
     #about-main-wrapper{width:100%;}
     #about-content{width:100%;margin:0 auto;padding:50px 10px;}
     #about-left{float:none;width:50%;text-align:center;margin:0 auto;}
     #about-left img{width:100%;}
     #about-right{float:none;width:100%;text-align:left;}
    #about-right h2{color:#569400;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;font-size:20px;}
    #about-right p{color:#757575;font-family:"verdana",arial;line-height:22px;font-size:12px;margin-top:10px;}

    .about-img-desk {display:none;}
    #amenities-content-wrapper{
  width:100%;
  margin-top:40px;
}

#amenities-content-wrapper h2{color:#569400;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;text-transform:uppercase;}
#amenities-content{width:100%;}
#amenities-content-left{width:45%;float:left;}
#amenities-content-right{width:45%;float:right;}
#amenities-content h3{color:#592521;font-family:"verdana",arial;padding:10px 0px;font-weight:bold;font-size:14px}
#amenities-content ul li{color:#757575;font-family:"verdana",arial;line-height:24px;font-size:12px;margin-left:20px;}

#reason-content-wrapper h2{color:#569400;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;text-transform:uppercase;margin-top:40px;}
#reason-content-wrapper ul li{color:#757575;font-family:"verdana",arial;line-height:24px;font-size:12px;margin-left:20px;font-weight:bold;}
     /*ABOUT DIV STYLING ENDS*/

       #around-content-wrapper{
  width:100%;

}

.around-content {
width:100%;
margin:0px;

}

.around-content-left{
  width:100%;
  float:none;
  
}

.around-content-right{
  width:100%;
  float:none;
 
}
.around-content h3{
color:#592521;font-family:"verdana",arial;margin-bottom:20px;padding:20px 0px 0px 58px;font-weight:normal;background-image:url('../img/aournd-us-heads.png');background-repeat:no-repeat;margin-top:30px;
}

.bold{font-weight:bold;}

#beach{background-position:-7px -11px;}
#sights{background-position:-7px -70px;}
#historical-places{background-position:-7px -131px;}
#temples{background-position:-7px -193px;}
#dining{background-position:-7px -260px;}
#water-sports{background-position:-7px -321px;}

.around-content p{
color:#757575;font-family:"verdana",arial;line-height:24px;font-size:12px;margin-top:10px;
}

      /*BOTTOM DIV STYLING STARTS*/
     #bottom-main-wrapper{width:100%;position:relative;z-index:1000;background:#eff8ff;}
 #bottom-main-wrapper img{width:100%;}
  #bottom-content{width:100%;text-align:center;height:100%;}

#footer-main-wrapper{width:100%;text-align:center;margin-top:40px;padding-bottom:20px;}
#footer-left-links{width:100%;text-align:center;}
    #footer-left-links ul{width:350px;margin:0 auto;}
    #footer-left-links ul li{text-align:center;list-style:none;float:left;margin-left:10px;height:32px;font-family:"verdana",arial;font-size:10px;}
     #footer-left-links p{font-family:"verdana",arial;font-size:12px;clear:both;padding-left:10px;}
.desk-img{display:none;}
    

.thumb{width:100%;}
 /* =============================================================================
  COMPONENT
============================================================================= */
.component {
  text-align: center;
  width:100%;
}
.component h2{font-weight:normal;color:#8b0000;font-size:20px;font-family:"verdana",arial;padding:20px 0px 10px 0px;text-align:center;}

.component__title {
  margin-bottom: 12px;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
}

/* =============================================================================
  ICONS - COMMON
============================================================================= */
/**
 * Icon common styles.
 *
 * Set it to block or inline block, whichever suits your needs. Overflow set to
 * hidden for precautions, and make sure to set the font size to 0 and the text
 * indent to -9999px. This allows us to actually include text in the markup
 * which will be good for screen readers and accessibility purposes.
 */
.icon {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  margin: 4px;
  width: 100px;
  height: 150px;
  font-size: 0;
  color:#000;
 
}



.icon-cube {
  position: relative;
  -webkit-perspective: 800px;
          perspective: 800px;
  overflow: visible;
}

.icon-cube::before,
.icon-cube::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/around-us-sprite.png");
  content: "";
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}

.icon-cube::before {
  z-index: 2;

}

.icon-cube::after {
  z-index: 1;
  opacity: 0;
  -webkit-transform: translateY(48px) rotateX(-90deg);
          transform: translateY(48px) rotateX(-90deg);
}

.icon-cube:hover::before {
  opacity: 0;
  -webkit-transform: translateY(-48px) rotateX(90deg);
          transform: translateY(-48px) rotateX(90deg);
}

.icon-cube:hover::after {
  opacity: 1;
  -webkit-transform: rotateX(0);
          transform: rotateX(0);
}

/* beach */
.icon-cube.beach::before,
.icon-cube.beach::after {
  background-position: 0 -50px;
}

.icon-cube.beach::after {
  
  background-position: 1100px -50px;
}

/* twitter */
.icon-cube.sight::before,
.icon-cube.sight::after {
  background-position: -194px -50px;
}

.icon-cube.sight::after {
  background-position: -295px -50px;
}

/* places */
.icon-cube.places::before,
.icon-cube.places::after {
  background-position: -395px -50px;
}

.icon-cube.places::after {
  background-position: -495px -50px;
}

/* temples */
.icon-cube.temples::before,
.icon-cube.temples::after {
  background-position: -600px -50px;
}

.icon-cube.temples::after {
  background-position: -700px -50px;
}

/* dining */
.icon-cube.dining::before,
.icon-cube.dining::after {
  background-position: -800px -50px;
}

.icon-cube.dining::after {
  background-position: -900px -50px;
}

/* sports */
.icon-cube.sports::before,
.icon-cube.sports::after {
  background-position: -1000px -50px;
}

.icon-cube.sports::after {
  background-position: -1100px -50px;
}



*,
*::before,
*::after {
  box-sizing: border-box;
}

a {
  text-decoration: none;
  color: #28aadc;
}

a:hover {
  color: #166888;
}

/*INTERNAL PAGES STYLING*/
#header-container-wrapper{width:100%;background:#569400;border-bottom:4px solid #569400;padding-top:110px;}
#header-container-wrapper img{width:100%;}
#aboutus-main-wrapper{width:100%;}
#aboutus-inner-wrapper{width:90%;padding:0px;margin:0 auto;}
.left{float:none;}
.right{float:none;}
#aboutus-content-1{width:100%;margin-top:10px;}
.left-content1{width:100%;padding-right:5px;}
.right-content1{width:60%;margin:0 auto;}
.right-content1 img{width:100%;}
#aboutus-main-wrapper h2{color:#569400;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;font-size:20px;}
.left-content1 p{color:#757575;font-family:"verdana",arial;line-height:22px;font-size:12px;}

#aboutus-content-2{width:100%;margin-top:10px;}
.left-content2{width:60%;margin:0 auto;}
.right-content2{width:100%;padding-left:5px;}
.right-content2 p{color:#757575;font-family:"verdana",arial;line-height:22px;font-size:12px;}
.left-content2 img{width:100%;}
#bottom-main-internal-wrapper{position:relative;background:#eff8ff;}
#bottom-main-internal-wrapper img{width:100%;}

.desk{display:none;}

#select_abt_index{width:18px;height:9px;display:block;background:url('../img/select-desk.png') repeat-x 0px 0px;position:absolute;left:32%;bottom:-9px;}
#abt-header{color:#7fdb00;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;font-size:20px;width:70%;position:absolute;bottom:-5px;left:8%;}

#tariff-main-wrapper{width:100%;}
#tariff-inner-wrapper{width:90%;padding:10px;margin:0 auto;}
#tariff-content{width:100%;}
#tariff-inner-wrapper h2{color:#569400;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;font-size:20px;}
#tariff-content p{color:#757575;font-family:"verdana",arial;line-height:22px;font-size:12px;}
#select_tariff_index{width:18px;height:9px;display:block;background:url('../img/select-desk.png') repeat-x 0px 0px;position:absolute;left:32%;bottom:-9px;}

#around-main-wrapper{width:100%;}
#around-inner-wrapper{width:90%;padding:10px;margin:0 auto;}
#around-content{width:100%;}
#around-inner-wrapper h2{color:#569400;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;font-size:20px;}
#around-content p{color:#757575;font-family:"verdana",arial;line-height:22px;font-size:12px;}
#select_around_index{width:18px;height:9px;display:block;background:url('../img/select-desk.png') repeat-x 0px 0px;position:absolute;left:32%;bottom:-9px;}



#contact-main-wrapper{width:100%;}
#contact-inner-wrapper{width:100%;padding:10px;margin:0 auto;}
#contact-inner-wrapper h2{color:#569400;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;}
#contact-content p{color:#757575;font-family:"verdana",arial;line-height:28px;font-size:14px;}
#contact-content-left{width:100%;float:left;}
#contact-content-right{width:100%;float:right;}
#contact-content-right h3{color:#569400;font-family:"verdana",arial;padding:0px 0px;font-weight:normal;text-transform: uppercase;font-size:20px;margin-top:20px;}
#contact-content-right p{color:#757575;font-family:"verdana",arial;line-height:24px;font-size:14px;}
#select_contact_index{width:18px;height:9px;display:block;background:url('../img/select-desk.png') repeat-x 0px 0px;position:absolute;left:32%;bottom:-9px;}
#form_container{padding-top:20px;width:100%;}
#feedback{width:100%;}
#form_container h2{font-size:1em; font-weight:normal;}
.formsection label{display: block;float:left;width:30%;text-align:left;color:#757575;font-family:"verdana",arial;line-height:28px;font-size:14px;}
.formsection input {font-family:'Georgia';float:right;font-size: 12px;height:40px;margin-bottom: 0px;padding: 4px;color:#5c6774;width:60%;margin-top:5px;border:none;

 -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #560800;
}

input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}

.styled-select{background: transparent;
  font-family:Verdana, Geneva, sans-serif;
   width: 268px;
   padding: 5px;
   font-size: 12px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   border:1px solid #a6a6a6;}
.formsection textarea{font-family:"verdana",arial;line-height:28px;font-size:14px;float:right; width:60%;background:#ffffff;margin-bottom: 0px;padding: 4px;color:#5c6774;border: 1px solid #560800;margin-top:5px;}
.formsection input[type="submit"] {color:#fff;width:60%;float:right;background:#560800;border:none;text-transform:uppercase;font-family:"verdana",arial;line-height:28px;font-size:20px;}

div#response {display:none;color: #333;border: 1px solid #868686;width: 100%;height: auto;padding: 5px 5px 20px 60px;min-height: 45px;margin-bottom:20px;}
div#response p{font-family:"verdana",arial;color: #333;font-size:12px !important;margin-top:0px!important;padding-bottom:1px!important;}
.error {background: #FF9F9F url(../img/error.png) no-repeat 5px 10px;}
.error h3{font-family:'robotoregular';font-size:18px;}
.success {background: #B8F5B1 url(../img/icon_ok.png) no-repeat 5px 10px;}
.success h3{font-family:Verdana, Geneva, sans-serif;font-weight:normal;font-size:18px;}
.processing {background: #B8F5B1 url(../img/ajax-loader.gif) no-repeat 5px 10px;  font-family:Verdana, Geneva, sans-serif;font-weight:normal;font-size:14px;}

#map{width:100%; height:110px;min-height:110px;}
#contact-header{color:#7fdb00;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;font-size:32px;width:70%;position:absolute;bottom:0px;left:6%;z-index:5;}
#strip-contact{position:absolute;left:0px;bottom:0px;width:100%;height:60px;background:url(../img/strip.png) repeat-x 0px 0px;}

#gallery-main-wrapper{width:100%;}
#gallery-inner-wrapper{width:100%;margin:0 auto;}
#gallery-inner-wrapper h2{color:#569400;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;}
.gallery{width:100%;text-align:center;}

#tariff-main-wrapper{width:100%;}
#tariff-inner-wrapper{width:90%;padding:0px 0px 50px 0px;margin:50px auto;}
#tariff-content{width:100%;}
#tariff-inner-wrapper h2{color:#569400;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;text-transform:uppercase;}
#tariff-content p{color:#757575;font-family:"verdana",arial;line-height:28px;font-size:14px;}
table {
    width: 100%;
    border-collapse: collapse;
    margin:30px auto;
}
/* Zebra striping */

tr:nth-of-type(odd) {
    background: #ebebeb;
}
tr:nth-of-type(even) {
    background: #ebebeb;
}
th {
    background: #569400;
    font-family:"verdana",arial;
    font-style: bold;
    font-size: 14px;
    color: #ffffff;
    padding: 12px !important;
    border: 1px solid #ffffff;
    text-align: center !important;
    text-transform:uppercase;
}
td {
    padding: 6px !important;
    border-bottom: 0px solid #ffffff;
    border-top: 0px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;

    text-align: left;
    font-family:"verdana",arial;
    text-align: center !important;
    font-size: 14px;
    color: #6d6d6d;
}

.left-table {
    padding: 6px 6px 6px 12px!important;
    border-bottom: 0px solid #ffffff;
    border-top: 0px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    text-align: left;
    font-family:"verdana",arial;
    text-align: left !important;
    font-size: 14px;
    color: #6d6d6d;
}
.star-red{color:#ff0000;}


}




/* ==========================================================================
   IPHONE Styling
   ========================================================================== */
@media only screen and (min-width:120px) and (max-width:379px) { 

    /*disable text sizing on orientation change*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
    -webkit-text-size-adjust:none;
}

 /*HEADER STYLING STARTS*/

    /*HEADER STYLING STARTS*/

     #header-wrapper-main{position:fixed;width:100%;height:115px;background:#fff;z-index:999;border-bottom:3px solid #569400;min-width:380px;z-index: 100003;}
    #header-top-wrapper{width:100%;height:78px;background:url('../img/header-bg-mobile.jpg') repeat-x 0px 0px;}
    #header-top-content{width:100%;height:78px;margin-top:-30px;}
    #header-logo{float:left;z-index:25;}
    #header-logo h1{width:150px;height:80px;text-indent:-1000000px;display:block;background:url('../img/logo-mobile.png') no-repeat 0px 0px;margin-top:48px;}
    #header-top-right{float:right;margin-top:36px;}
    #header-top-right ul{float:left;}
    #header-top-right ul li{list-style:none;float:left;margin-left:2px;}
    #header-top-right ul li a.call{text-indent:-1000000px;display:block;text-decoration:none;width:27px;height:26px;padding:8px 8px;background:url('../img/call-sprite-ipad.png') no-repeat 0px 0px;font-family:"verdana",arial;font-size:14px;color:#560800;margin-top:29px;}
    #header-top-right ul li a.call:hover{background-position: 0px -26px;color:#569400;}
    #header-top-right ul li a.email-link{display:block;text-decoration:none;width:27px;height:27px;text-indent:-10000000px;padding:8px 8px;background:url('../img/icons-sprite-ipad.png') no-repeat -2px -2px;margin-top:25px;}
    #header-top-right ul li a.email-link:hover{background-position: -34px -2px;}
    #header-top-right ul li a.fb-link{display:block;text-decoration:none;width:27px;height:27px;text-indent:-10000000px;padding:8px 8px;background:url('../img/icons-sprite-ipad.png') no-repeat -2px -32px;margin-top:25px;}
    #header-top-right ul li a.fb-link:hover{background-position: -34px -32px;}
    #header-top-right ul li a.insta-link{display:block;text-decoration:none;width:27px;height:27px;text-indent:-10000000px;padding:8px 8px;background:url('../img/icons-sprite-ipad.png') no-repeat -2px -32px;margin-top:25px;}
    #header-top-right ul li a.insta-link:hover{background-position: -34px -32px;}
    #header-top-right ul li a.lnkdin-link{display:block;text-decoration:none;width:27px;height:27px;text-indent:-10000000px;padding:8px 8px;background:url('../img/icons-sprite-ipad.png') no-repeat -2px -64px;margin-top:25px;}
    #header-top-right ul li a.lnkdin-link:hover{background-position: -34px -64px;}
    .tree1-mobile{margin-top:22px;padding-right:4px;}
    .tree2-mobile{margin-top:8px;padding-left:0px;}
    .top-li{margin-top:5px;}
    .tree1{display:none;}
    .tree2{display:none;}
#header-bottom-wrapper{width:100% !important;position:relative;}
     
#header-bottom-content{width:100%;}
.selected-link-footer{color:#569400;}




/*#header-nav {z-index:50;
    width:100%;
        border-bottom: 0;
  
        margin-top:25px;
        position:absolute;
        top:0px;
        left:0px;
       

    }
    #header-nav  ul {
        display: none;
        height: auto; background-color: #569400;
    }
    #header-nav  a#pull {
        display: block;
        background-color: transparent;
        width: 100%;
        position: relative;
        height:38px;
        padding-top:8px;
        font-size:14px;font-family:"verdana",arial;
       
        
      
    }
    #header-nav a#pull:after {
        content:"";
        background: #fff url('../img/nav-icon.png') no-repeat center center;
        width: 30px;
        height: 30px;
        display: inline-block;
        position: absolute;
        right: 30px;

        top: 10px;
    }
    #header-nav li {
        display: block;
        float: none;
        width: 100%;
        border-bottom:1px solid #fff;
    
        
        font-size:14px;font-family:"verdana",arial;
    }
    #header-nav li a {
  display: block;
  padding:10px;
        width:100%;
        color:#fff;
        text-transform:uppercase;
        box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
       
        
    }

    #header-nav li a:hover {
            background:#8ab84a;
        color:#fff;
       
       
        
    }

.selected{color:#560901;text-transform: uppercase;background:#8ab84a;
  padding:10px;
        width:100% !important;}*/


        #header-nav {
    position: relative;
  }

  /* menu icon */
  #menu-icon {
    color: #000;
    width: 42px;
    height: 30px;
    background:url(../img/nav-icon.png) no-repeat 10px 5px;
    padding: 8px 10px 0 42px;
    cursor: pointer;
float:right;
margin-right:40px;
    display: block; /* show menu icon */
     z-index:100008;
  }
  #menu-icon:hover {
 
    background-position:10px  5px;
  }
  #menu-icon.active {
   
    background-position:10px 5px;
  }
  
  /* main nav */
  #menu {
    clear: both;
    position: absolute;
    top: 36px;
    width: 100%;
    z-index: 10000;
    
   background-color: #f4f4f4;
    display: none; /* visibility will be toggled with jquery */

  }
  #menu li {
    clear: both;
    float: none;
    padding: 0px;
    border-bottom:1px solid #560800;
    font-size:14px;font-family:"verdana",arial;
    text-transform:uppercase;
  }
  #menu a, 
  #menu ul a {
     display: block;
  padding:10px;
        width:100%;
        color:#560800;
        text-transform:uppercase;
        box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    z-index:100008;
  }
  #menu a:hover, 
  #menu ul a:hover {
     background:#569400;
        color:#560800;
  }
  
  /* dropdown */
  #menu ul {
    width: auto;
    position: static;
    display: block;
    border: none;
    background: inherit;

  }
  #menu ul li {
    margin: 3px 0 3px 15px;
  }

  .selected{display:block;color:#560800;text-transform: uppercase;background:#569400;
  padding:10px !important;
        width:100% !important;}
     /*HEADER STYLING ENDS*/

       /*SLIDER STYLING STARTS*/
     #slide-container-wrapper {width:100%;padding-top:115px;background:#569400;}
     #slide-container-wrapper img{width:100%;}

     /*SLIDER STYLING ENDS*/

     /*WELCOME DIV STYLING STARTS*/
     #welcome-main-wrapper{width:100%;font-family:"verdana",arial;padding:20px 10px;background:#560800 url('../img/welcome-bg-ipad.jpg') no-repeat bottom right;}
     #welcome-content{width:100%;padding:0px 0px;}
     #welcome-content h1{padding:10px 0px;margin:0px;text-align:left;color:#fff;font-weight:normal;font-size:20px;}
     #welcome-content p{margin-top:10px;padding:0px;color:#fff;font-size:12px;width:100%;line-height:22px;}

     .home-italic{color:#fff;font-weight:bold;font-size:12px;font-style:italic;}
     .home-italic-tag{color:#484848;font-weight:bold;font-size:12px;font-style:italic;}
     /*WELCOME DIV STYLING ENDS*/
.page-header-wrapper{width:90%;margin:20px auto;padding-left:0px;}
.page-header{padding:10px 0px !important;font-weight:normal !important;font-family:"verdana",arial !important;font-size:30px !important;color:#592521 !important;} 
     /*ABOUT DIV STYLING STARTS*/
     #about-main-wrapper{width:100%;}
     #about-content{width:100%;margin:0 auto;padding:50px 10px;}
     #about-left{float:none;width:50%;text-align:center;margin:0 auto;}
     #about-left img{width:100%;}
     #about-right{float:none;width:100%;text-align:left;}
    #about-right h2{color:#569400;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;font-size:20px;}
    #about-right p{color:#757575;font-family:"verdana",arial;line-height:22px;font-size:12px;margin-top:10px;}

    .about-img-desk {display:none;}
    #amenities-content-wrapper{
  width:100%;
  margin-top:40px;
}

#amenities-content-wrapper h2{color:#569400;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;text-transform:uppercase;}
#amenities-content{width:100%;}
#amenities-content-left{width:45%;float:left;}
#amenities-content-right{width:45%;float:right;}
#amenities-content h3{color:#592521;font-family:"verdana",arial;padding:10px 0px;font-weight:bold;font-size:14px}
#amenities-content ul li{color:#757575;font-family:"verdana",arial;line-height:24px;font-size:12px;margin-left:20px;}

#reason-content-wrapper h2{color:#569400;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;text-transform:uppercase;margin-top:40px;}
#reason-content-wrapper ul li{color:#757575;font-family:"verdana",arial;line-height:24px;font-size:12px;margin-left:20px;font-weight:bold;}
     /*ABOUT DIV STYLING ENDS*/

       #around-content-wrapper{
  width:100%;

}

.around-content {
width:100%;
margin:0px;

}

.around-content-left{
  width:100%;
  float:none;
  
}

.around-content-right{
  width:100%;
  float:none;
 
}
.around-content h3{
color:#592521;font-family:"verdana",arial;margin-bottom:20px;padding:20px 0px 0px 58px;font-weight:normal;background-image:url('../img/aournd-us-heads.png');background-repeat:no-repeat;margin-top:30px;
}

.bold{font-weight:bold;}

#beach{background-position:-7px -11px;}
#sights{background-position:-7px -70px;}
#historical-places{background-position:-7px -131px;}
#temples{background-position:-7px -193px;}
#dining{background-position:-7px -260px;}
#water-sports{background-position:-7px -321px;}

.around-content p{
color:#757575;font-family:"verdana",arial;line-height:24px;font-size:12px;margin-top:10px;
}

      /*BOTTOM DIV STYLING STARTS*/
     #bottom-main-wrapper{width:100%;position:relative;z-index:1000;background:#eff8ff;}
 #bottom-main-wrapper img{width:100%;}
  #bottom-content{width:100%;text-align:center;height:100%;}

#footer-main-wrapper{width:100%;text-align:center;margin-top:40px;padding-bottom:20px;}
#footer-left-links{width:100%;text-align:center;}
    #footer-left-links ul{width:350px;margin:0 auto;}
    #footer-left-links ul li{text-align:center;list-style:none;float:left;margin-left:10px;height:32px;font-family:"verdana",arial;font-size:10px;}
     #footer-left-links p{font-family:"verdana",arial;font-size:12px;clear:both;padding-left:10px;}
.desk-img{display:none;}
    

.thumb{width:100%;}
 /* =============================================================================
  COMPONENT
============================================================================= */
.component {
  text-align: center;
  width:100%;
}
.component h2{font-weight:normal;color:#8b0000;font-size:20px;font-family:"verdana",arial;padding:20px 0px 10px 0px;text-align:center;}

.component__title {
  margin-bottom: 12px;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
}

/* =============================================================================
  ICONS - COMMON
============================================================================= */
/**
 * Icon common styles.
 *
 * Set it to block or inline block, whichever suits your needs. Overflow set to
 * hidden for precautions, and make sure to set the font size to 0 and the text
 * indent to -9999px. This allows us to actually include text in the markup
 * which will be good for screen readers and accessibility purposes.
 */
.icon {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  margin: 4px;
  width: 100px;
  height: 150px;
  font-size: 0;
  color:#000;
 
}



.icon-cube {
  position: relative;
  -webkit-perspective: 800px;
          perspective: 800px;
  overflow: visible;
}

.icon-cube::before,
.icon-cube::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/around-us-sprite.png");
  content: "";
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}

.icon-cube::before {
  z-index: 2;

}

.icon-cube::after {
  z-index: 1;
  opacity: 0;
  -webkit-transform: translateY(48px) rotateX(-90deg);
          transform: translateY(48px) rotateX(-90deg);
}

.icon-cube:hover::before {
  opacity: 0;
  -webkit-transform: translateY(-48px) rotateX(90deg);
          transform: translateY(-48px) rotateX(90deg);
}

.icon-cube:hover::after {
  opacity: 1;
  -webkit-transform: rotateX(0);
          transform: rotateX(0);
}

/* beach */
.icon-cube.beach::before,
.icon-cube.beach::after {
  background-position: 0 -50px;
}

.icon-cube.beach::after {
  
  background-position: 1100px -50px;
}

/* twitter */
.icon-cube.sight::before,
.icon-cube.sight::after {
  background-position: -194px -50px;
}

.icon-cube.sight::after {
  background-position: -295px -50px;
}

/* places */
.icon-cube.places::before,
.icon-cube.places::after {
  background-position: -395px -50px;
}

.icon-cube.places::after {
  background-position: -495px -50px;
}

/* temples */
.icon-cube.temples::before,
.icon-cube.temples::after {
  background-position: -600px -50px;
}

.icon-cube.temples::after {
  background-position: -700px -50px;
}

/* dining */
.icon-cube.dining::before,
.icon-cube.dining::after {
  background-position: -800px -50px;
}

.icon-cube.dining::after {
  background-position: -900px -50px;
}

/* sports */
.icon-cube.sports::before,
.icon-cube.sports::after {
  background-position: -1000px -50px;
}

.icon-cube.sports::after {
  background-position: -1100px -50px;
}



*,
*::before,
*::after {
  box-sizing: border-box;
}

a {
  text-decoration: none;
  color: #28aadc;
}

a:hover {
  color: #166888;
}

/*INTERNAL PAGES STYLING*/
#header-container-wrapper{width:100%;background:#569400;border-bottom:4px solid #569400;padding-top:110px;}
#header-container-wrapper img{width:100%;}
#aboutus-main-wrapper{width:100%;}
#aboutus-inner-wrapper{width:90%;padding:0px;margin:0 auto;}
.left{float:none;}
.right{float:none;}
#aboutus-content-1{width:100%;margin-top:10px;}
.left-content1{width:100%;padding-right:5px;}
.right-content1{width:60%;margin:0 auto;}
.right-content1 img{width:100%;}
#aboutus-main-wrapper h2{color:#569400;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;font-size:20px;}
.left-content1 p{color:#757575;font-family:"verdana",arial;line-height:22px;font-size:12px;}

#aboutus-content-2{width:100%;margin-top:10px;}
.left-content2{width:60%;margin:0 auto;}
.right-content2{width:100%;padding-left:5px;}
.right-content2 p{color:#757575;font-family:"verdana",arial;line-height:22px;font-size:12px;}
.left-content2 img{width:100%;}
#bottom-main-internal-wrapper{position:relative;background:#eff8ff;}
#bottom-main-internal-wrapper img{width:100%;}

.desk{display:none;}

#select_abt_index{width:18px;height:9px;display:block;background:url('../img/select-desk.png') repeat-x 0px 0px;position:absolute;left:32%;bottom:-9px;}
#abt-header{color:#7fdb00;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;font-size:20px;width:70%;position:absolute;bottom:-5px;left:8%;}

#tariff-main-wrapper{width:100%;}
#tariff-inner-wrapper{width:90%;padding:10px;margin:0 auto;}
#tariff-content{width:100%;}
#tariff-inner-wrapper h2{color:#569400;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;font-size:20px;}
#tariff-content p{color:#757575;font-family:"verdana",arial;line-height:22px;font-size:12px;}
#select_tariff_index{width:18px;height:9px;display:block;background:url('../img/select-desk.png') repeat-x 0px 0px;position:absolute;left:32%;bottom:-9px;}

#around-main-wrapper{width:100%;}
#around-inner-wrapper{width:90%;padding:10px;margin:0 auto;}
#around-content{width:100%;}
#around-inner-wrapper h2{color:#569400;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;font-size:20px;}
#around-content p{color:#757575;font-family:"verdana",arial;line-height:22px;font-size:12px;}
#select_around_index{width:18px;height:9px;display:block;background:url('../img/select-desk.png') repeat-x 0px 0px;position:absolute;left:32%;bottom:-9px;}



#contact-main-wrapper{width:100%;}
#contact-inner-wrapper{width:100%;padding:10px;margin:0 auto;}
#contact-inner-wrapper h2{color:#569400;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;}
#contact-content p{color:#757575;font-family:"verdana",arial;line-height:28px;font-size:14px;}
#contact-content-left{width:100%;float:left;}
#contact-content-right{width:100%;float:right;}
#contact-content-right h3{color:#569400;font-family:"verdana",arial;padding:0px 0px;font-weight:normal;text-transform: uppercase;font-size:20px;margin-top:20px;}
#contact-content-right p{color:#757575;font-family:"verdana",arial;line-height:24px;font-size:14px;}
#select_contact_index{width:18px;height:9px;display:block;background:url('../img/select-desk.png') repeat-x 0px 0px;position:absolute;left:32%;bottom:-9px;}
#form_container{padding-top:20px;width:100%;}
#feedback{width:100%;}
#form_container h2{font-size:1em; font-weight:normal;}
.formsection label{display: block;float:left;width:30%;text-align:left;color:#757575;font-family:"verdana",arial;line-height:28px;font-size:14px;}
.formsection input {font-family:'Georgia';float:right;font-size: 12px;height:40px;margin-bottom: 0px;padding: 4px;color:#5c6774;width:60%;margin-top:5px;border:none;

 -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #560800;
}

input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}

.styled-select{background: transparent;
  font-family:Verdana, Geneva, sans-serif;
   width: 268px;
   padding: 5px;
   font-size: 12px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   border:1px solid #a6a6a6;}
.formsection textarea{font-family:"verdana",arial;line-height:28px;font-size:14px;float:right; width:60%;background:#ffffff;margin-bottom: 0px;padding: 4px;color:#5c6774;border: 1px solid #560800;margin-top:5px;}
.formsection input[type="submit"] {color:#fff;width:60%;float:right;background:#560800;border:none;text-transform:uppercase;font-family:"verdana",arial;line-height:28px;font-size:20px;}

div#response {display:none;color: #333;border: 1px solid #868686;width: 100%;height: auto;padding: 5px 5px 20px 60px;min-height: 45px;margin-bottom:20px;}
div#response p{font-family:"verdana",arial;color: #333;font-size:12px !important;margin-top:0px!important;padding-bottom:1px!important;}
.error {background: #FF9F9F url(../img/error.png) no-repeat 5px 10px;}
.error h3{font-family:'robotoregular';font-size:18px;}
.success {background: #B8F5B1 url(../img/icon_ok.png) no-repeat 5px 10px;}
.success h3{font-family:Verdana, Geneva, sans-serif;font-weight:normal;font-size:18px;}
.processing {background: #B8F5B1 url(../img/ajax-loader.gif) no-repeat 5px 10px;  font-family:Verdana, Geneva, sans-serif;font-weight:normal;font-size:14px;}

#map{width:100%; height:110px;min-height:110px;}
#contact-header{color:#7fdb00;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;font-size:32px;width:70%;position:absolute;bottom:0px;left:6%;z-index:5;}
#strip-contact{position:absolute;left:0px;bottom:0px;width:100%;height:60px;background:url(../img/strip.png) repeat-x 0px 0px;}

#gallery-main-wrapper{width:100%;}
#gallery-inner-wrapper{width:100%;margin:0 auto;}
#gallery-inner-wrapper h2{color:#569400;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;}
.gallery{width:100%;text-align:center;}

#tariff-main-wrapper{width:100%;}
#tariff-inner-wrapper{width:90%;padding:0px 0px 50px 0px;margin:50px auto;}
#tariff-content{width:100%;}
#tariff-inner-wrapper h2{color:#569400;font-family:"verdana",arial;padding:10px 0px;font-weight:normal;text-transform:uppercase;}
#tariff-content p{color:#757575;font-family:"verdana",arial;line-height:28px;font-size:14px;}
table {
    width: 100%;
    border-collapse: collapse;
    margin:30px auto;
}
/* Zebra striping */

tr:nth-of-type(odd) {
    background: #ebebeb;
}
tr:nth-of-type(even) {
    background: #ebebeb;
}
th {
    background: #569400;
    font-family:"verdana",arial;
    font-style: bold;
    font-size: 14px;
    color: #ffffff;
    padding: 12px !important;
    border: 1px solid #ffffff;
    text-align: center !important;
    text-transform:uppercase;
}
td {
    padding: 6px !important;
    border-bottom: 0px solid #ffffff;
    border-top: 0px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;

    text-align: left;
    font-family:"verdana",arial;
    text-align: center !important;
    font-size: 14px;
    color: #6d6d6d;
}

.left-table {
    padding: 6px 6px 6px 12px!important;
    border-bottom: 0px solid #ffffff;
    border-top: 0px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    text-align: left;
    font-family:"verdana",arial;
    text-align: left !important;
    font-size: 14px;
    color: #6d6d6d;
}
.star-red{color:#ff0000;}


}




/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}