@charset "utf-8";
/* CSS Document */

a.white_links:link {color:#fff; text-decoration:none;}
a.white_links:visited {color:#fff; text-decoration:none;}
a.white_links:hover {color:#fff; text-decoration:underline;}
a.white_links:active {color:#fff; text-decoration:none;}

a.burgundy_links {color:#410000; text-decoration:none;}

.sf-menu {
    float: left;
    margin-bottom: 0em !important;
	line-height: normal !important;
}

body {
	margin: 0;
	font-size: 1.2vw;
	font-family: 'Lato', sans-serif;
	color: #333333;
}

#mobile_nav {
	display: none;
}

a {
	color: #410000;
}

#header {
	width: 100%;
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 71;
	min-height: 22vh;
}

#book_a_tee_time {
	float: right;
	font-family: 'Josefin Sans', sans-serif;
	text-transform: uppercase;
	margin-right: 2vw;
	margin-top: 2vh;
}

#logo {
	width: 14vw;
	margin: 2vh 0vw 2vh 43vw;
}

#navigation_bar {
	width: 100%;
	background-color: #624a31;
	clear: both;
	float: left;
	text-transform: uppercase;
	font-size: 1vw;
}

#navigation {
	display: table;
	margin-left: auto;
	margin-right: auto;
}

#slider {
	clear: both;
	position: fixed;
	top: 22vh;
	left: 0;
	z-index: 5;
}

#slider_promos {
	position: absolute;
	top: 75vh;
	left: 0;
	z-index: 70;
	width: 100%;
}

#book {
	float: left;
	width: 25%;
	margin-left: 20%;
}

#join {
	float: left;
	width: 25%;
	margin-left: 10%;
}


#main {
	position: absolute;
	top: 22vh;
	z-index: 10;
	width: 100%;
}

#slider_placeholder {
	width: 100%;
}

#testimonial {
	width: 70%;
	padding-left: 15%;
	padding-right: 15%;
	padding-top: 15vh;
	padding-bottom: 15vh;
	background-image: url(http://lotusvalley.co.th/themes/2017/testimonial_background.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	overflow: hidden;
	font-family: "Roboto Slab", "serif";
	font-size: 2vw;
	color: #333333;
}

#section_2 {
	overflow: hidden;
	background-color: #fff;
}

#headline {
	float: left;
	width: 30%;
	padding: 10%;
	padding-top: 12%;
	font-family: "Roboto Slab", "serif";
	font-size: 2vw;
	color: #410000;
}

#tour_the_course {
	float: right;
	width: 50%;
}

#copy {
	clear: both;
	width: 60%;
	padding-left: 20%;
	padding-right: 20%;
	padding-top: 5vh;
	padding-bottom: 5vh;
	background-image: url(http://lotusvalley.co.th/themes/2017/copy_background.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	overflow: hidden;
	font-size: 1.3vw;
	font-family: Catamaran, Open Sans, Arial, sans-serif;
}

#copy h2 {
	font-size: 1.5vw;
	color: #410000;
}

#promos {
	clear: both;
	float: left;
	width: 100%;
	background-color: #fff;
	overflow: hidden;
	padding-top: 1%;
	padding-bottom: 1%;
}

#course {
	float: left;
	width: 32%;
	margin-left: 1%;
}

#membership {
	float: left;
	width: 32%;
	margin-left: 1%;
}

#tournaments {
	float: left;
	width: 32%;
	margin-left: 1%;
}

#footer {
	width: 100%;
	padding-top: 1%;
	padding-bottom: 1%;
	background-color: #410000;
	overflow: hidden;
	color: #fff;
	font-family: "Roboto Slab", "serif";
	font-size: .9vw;
}

#address {
	float: left;
	margin-left: 1%;
}

#social {
	float: right
}

#facebook {
	width: 20%;
	float: left;
	margin-right: 1vw;
}

#twitter {
	width: 20%;
	float: left;
	margin-right: 1vw;
}

#instagram {
	width: 20%;
	float: left;
	margin-right: 1vw;
}

#branding {
	clear: right;
	float: right;
	margin: 1%;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
body {
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	font-size: 4vw;
	color: #333333;
}

	#mypopup {
		display: none !important;
	}	
	
h1 {
	color: #04304a;
	font-size: 6vw;
}

#header {
	width: 100%;
	float: left;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 125;
	font-family: "Raleway", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	overflow: visible;
	height: auto;
	background-color: rgba(255, 255, 255, 1);
	margin-bottom: -20vh !important;
	min-height: 10vh;
}

#logo {
	width: 40%;
	margin-left: 30%;
	position:  relative;
	top: 0;
}

#navigation_bar {
	display: none;
	position:  relative;
	top: 0;
	left: 0;
}

#mobile_nav {
	display: inline;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	float:  left;
	z-index: 1000;
	}
	
#slider {
	position: absolute;
	top: 16vh;
	width: 100%;
}

#book_a_tee_time {
	float: right;
	font-family: 'Josefin Sans', sans-serif;
	text-transform: uppercase;
	font-size: 2.5vw;
}

#slider_promos {
	display: none;
}

#main {
	position: absolute;
	top: 18vh;
	z-index: 10;
	width: 100%;
}

#slider_placeholder {
	width: 100%;
}

#testimonial {
	display: none;
}

#section_2 {
	clear: both;
	width: 100%;
	overflow: hidden;
	background-color: #fff;
}

#headline {
	float: left;
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 2vh;
	padding-bottom: 2vh;
	font-family: serif;
	font-size: 5vw;
	color: #329385;
}

#tour_the_course {
	display: none;
}

#copy {
	clear: both;
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 0vh;
	padding-bottom: 5vh;
	background-image: none;
	background-color: #fff;
	overflow: hidden;
	font-size: 4vw;
}

#promos {
	clear: both;
	float: left;
	width: 100%;
	background-color: #fff;
	overflow: hidden;
	padding-top: 1%;
	padding-bottom: 1%;
}

#course {
	float: left;
	width: 100%;
	margin-left: 0%;
}

#membership {
	float: left;
	width: 100%;
	margin-left: 0%;
}

#tournaments {
	float: left;
	width: 100%;
	margin-left: 0%;
}

#footer {
	width: 100%;
	padding-top: 1%;
	padding-bottom: 1%;
	overflow: hidden;
	color: #fff;
	font-family: "Roboto Slab", "serif";
	font-size: 2.5vw;
}

#address {
	float: left;
	margin-left: 1%;
	width: 100%;
	text-align: center;
}

#social {
	float: right;
	width: 100%;
}

#facebook {
	width: 10%;
	float: left;
	margin-right: 5vw;
	margin-left: 30vw;
}

#twitter {
	width: 10%;
	float: left;
	margin-right: 5vw;
}

#instagram {
	width: 10%;
	float: left;
	margin-right: 0vw;
}

#branding {
	clear: right;
	float: right;
	width: 100%;
	text-align: center;
}
}
div#ccm-highlighter {
z-index: 1500 !important;
}