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


html, body 								{	height: 100%;      width: 100%;    margin: 0;    padding: 0; -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */}
* 										{   padding: 0;    margin: 0;	} 
a img 									{   border: 0; outline : none;}
img 									{	border: 0; outline : none; }
/*Opera Fix*/ body:before 				{	content:"";	height:100%;	float:left;	width:0;	margin-top:-32767px;}

body 									{   margin: 0px; 	}
div 									{   font-family: 'Open Sans', sans-serif;	    letter-spacing:0px;	 	 font-size: 14px;	 					}
a 										{   font-family: 'Open Sans', sans-serif;	    text-decoration: none; 	 	} 
#wrap 		 							{	min-height: 100%;}
#content 								{   width: 100%;  margin-top: 0px;       	}
section 								{   width:60%;  float: left;  margin-left:20%; min-height:20px;   }
header  	 							{	width:100%; 	    float:left; background-color: #fff;  position:fixed; z-index:222   }
#slide 		 							{   overflow: hidden;  float:left;   margin-top:164px;    width: 100%;     display: block;    }
#slide 	img	 							{   width:100%; display: block;    }
.slider  								{   width:100%; float:left; min-height:160px;   background-color: #fff;      	}
.slide 									{	position: relative; 		overflow:hidden;	}
#logo 		 							{   transition: all 0.2s ease-in-out; background:url(../images/logo.png);  background-size:cover;      margin-top:15px; margin-bottom:15px;   width:400px; height:134px;    float:none;     position: relative;     margin-left: auto;    margin-right: auto;  display:block }
#logo.active 		 					{   transition: all 0.2s ease-in-out; width:179px; height:60px;    margin-top:10px; margin-bottom:10px;  }
.tel   									{   transition: all 0.2s ease-in-out;    float:left;  position: relative;     color: #232323;   font-weight: 400; text-transform:uppercase; letter-spacing:1px; font-size: 18px;  margin-left:60px;  margin-top:70px;}
.tel.active   							{   letter-spacing:1px; font-size: 16px;   margin-left:30px;  margin-top:27px;}
.book_button a   						{   transition: all 0.2s ease-in-out;   border-style: solid; border-width:1px; float:right;  background-color: #77994C; color: #fff;     font-weight: 300; text-transform:uppercase; letter-spacing:1px; font-size: 14px; padding-left:30px;  padding-right:30px;  padding-top:11px; padding-bottom:11px; margin-right:60px;  margin-top:60px;}
.book_button a:hover   					{  	transition: all 0.2s ease-in-out;   border-style: solid; border-width:1px; background-color: #fff; color: #232323; }
.book_button.active a    				{   font-size: 12px; padding-left:20px;  padding-right:20px;  padding-top:9px; padding-bottom:9px; margin-right:30px;  margin-top:21px;}
.title 									{   font-size: 38px; font-weight:600;  color: #77994C;  line-height:130%; margin-bottom:30px; }
#white   								{   float:left;  background-color: #fff;  color: #232323;  font-weight:300; font-size: 16px; line-height:160%; width: 100%;    min-height:200px; text-align:center;  padding-top:90px; padding-bottom:90px;}
#video   								{   float:left;  background-color: #fff;  width: 100%;     }
.quotes   								{   font-weight:400; font-size: 20px; line-height:140%; margin-top:30px;margin-bottom:30px;  display:block;  }
.book_button_txt a   					{   transition: all 0.2s ease-in-out;    border-style: solid; border-width:1px; color: #232323;   font-weight: 300; text-transform:uppercase; letter-spacing:1px; font-size: 16px; padding-left:40px;  padding-right:40px;  padding-top:14px; padding-bottom:14px; margin-top:50px; display:inline-block }
.book_button_txt a:hover   				{  	transition: all 0.2s ease-in-out; background-color: #77994C; color: #fff; }
.video-container 						{   position: relative;    padding-bottom: 56.25%;    margin-top: 0px;  margin-bottom:0px; height:0px;   }
.video-container iframe,
.video-container object,
.video-container embed 					{   position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%; margin-top:1px}
.arrow 		 							{   transition: all 0.2s ease-in-out; background:url(../images/arrow.svg);  background-size:cover;  position:absolute;    margin-left:-30px; left:50%; display:block; width:60px; height:34px; bottom:35px;    }
.arrow.active 		 					{   opacity: 0.0;  filter: alpha(opacity=0);    }
a.anchor 								{   display: block;    position: relative;    top: -120px;    visibility: hidden;	}
footer 									{   background:url(../images/footer.jpg);  background-size:cover;   	position: relative;   	width: 100%;    	height: 500px;   margin-left:auto; 	margin-right: auto;  	margin-top: -500px;   	clear: both;	text-align:center;  color: #fff;   }.footer_button a   						{   transition: all 0.2s ease-in-out;    background-color: #fff;  color: #000;   font-weight: 400; text-transform:uppercase; letter-spacing:2px; font-size: 20px; padding-left:60px;  padding-right:60px;  padding-top:30px; padding-bottom:30px; margin-top:210px; display:inline-block }



#bgt { transition: all 0.2s ease-in-out; position:absolute; top:0; left:0; width: 130px; height:130px: z-index:500}
#bgt img {width:100%}

#bgt.active { transition: all 0.2s ease-in-out; position:absolute; top:0; left:0; width: 0px; height:0px: z-index:100}


/*--------Responsive Flow-------------*/

@media only screen and (max-width:1000px) {
.arrow 		 							{  	display:none   }
}


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

 
.tel   									{   display:none   }
.book_button a   						{   display:none   }
#logo 		 							{   width:260px; height:87px;   }
#slide 		 							{   margin-top:117px;     }
#slide 	img	 							{   width:200%; margin-left:-50% }
section 								{   width:90%;   margin-left:5%;     }
.title 									{   font-size: 28px;  line-height:130%; margin-bottom:30px; }
#white   								{   padding-top:40px; padding-bottom:40px;}
footer 									{   height: 300px;     	margin-top: -300px;     }
.footer_button a   						{   font-size: 20px; padding-left:30px;  padding-right:30px;  padding-top:30px; padding-bottom:30px; margin-top:100px; margin-left:5%; margin-right:5%;   }

 }