@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;  	background-color: #fff;		}
div 								{   font-family: "Roboto",sans-serif;	font-size: 14px; color: #6C6C6C;								}
a 									{   font-family: "Roboto",sans-serif;	font-size: 14px; color: #6C6C6C; text-decoration: none; 	 	}
#wrap 		 						{	min-height: 100%;}
header 	 							{	transition: all 0.2s ease-in-out; background-color: #3B4A3C;	width: 100%;	height: 140px;  	display: block; position: fixed !important;  z-index:101;}
header.active 						{																					height: 70px;  	 }
#logo 		 						{   transition: all 0.2s ease-in-out; background:url(../images/logo.svg); background-size:cover; top: 13px;  position:absolute;     width:222px; height:120px; left:50%;  margin-left:-111px;  z-index: 3;   }
#logo.active  		 				{   																							 top: 10px;  						width:100px; height:54px; 			 margin-left:-50px;  				}
#content 							{   background-color: #fff;    width: 100%; float:left; margin-top: 80px;        overflow: hidden;     	}
section 							{   float: left; 	 width:60%;  	margin-top:30px; margin-bottom:50px; margin-left:20%;  	min-height:100px; 	text-align: center;  padding-top:0px; padding-bottom:0px;   font-weight: 300; 	   	line-height: 250%;  	letter-spacing: 0.3px;  font-size:14px;}
.title_page  						{   font-family: "Roboto",sans-serif;  font-weight: 300;     color: #6C6C6C;              font-size: 32px; letter-spacing:1px;   margin-bottom:20px; display:block; }
.page_button a   					{  	width:20%; margin-right:2%; margin-left:2%; margin-top:30px; display:inline-block;  border-style: solid ; color: #6C6C6C; border-color: #6C6C6C; border-width: 1px; font-weight: 500; text-transform:uppercase; letter-spacing:1px; font-size: 12px;   padding-top:16px; padding-bottom:16px;}
.page_button a:hover  				{  	outline: 1px solid #6C6C6C; display:inline-block;   font-weight: 700;   }
.nerveslider   						{   float:left;  z-index: 2; width: 100%;  margin-top: 0px; margin-bottom:20px;}
.ns_nerveSlider .ns_caption > div	{   font-family: "Roboto",sans-serif; color:#FFF; height:auto; font-size: 16px; font-weight: 700!important; margin-bottom:25px!important; margin-left:20px!important;  }
#slide img		 					{   -webkit-filter: grayscale(30%); /* Chrome, Safari, Opera */    filter: grayscale(30%); }
#booking_footer 					{   background-color: #CBC6BA; float: left; 	 width:100%;  	  	min-height:100px; 	 }
.footer_1 							{     margin-top:40px; margin-bottom:0px; float: left;  width:33.3%;  margin-left:0%;         min-height:50px;     	 	 text-align: center;	  	font-weight: 400; 	color: #fff;  	   	   font-size:14px;  }
.footer_2 							{     margin-top:40px; margin-bottom:0px; float: left;  width:33.3%;  margin-left:0%;  		min-height:50px;     	  	 text-align: center;	  	font-weight: 400; 	color: #fff;  	   	   font-size:14px;  }
.footer_3							{     margin-top:40px; margin-bottom:0px; float: left;  width:33.3%;  margin-left:0%;  		min-height:50px;     	  	 text-align: center;	  	font-weight: 400; 	color: #fff;  	   	   font-size:14px;  }
footer 								{  	background-color: #3B4A3C; 	position: relative;   	width: 100%;    	height: 150px;   margin-left:auto; 	margin-right: auto;  	margin-top: -150px;   	clear: both;	}
  .social 							{font-size: 28px; margin:10px;}





 


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


 
 
 

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

.footer_1,				
.footer_2,
.footer_3									{  width:100%;  margin-left:0%; margin-top:40px; margin-bottom:40px;   }

#slide img		 							{  width: 150%;  margin-left:-25% }
section 									{  width:90%;  	margin-left:5%;  }
.ns_nerveSlider .ns_caption > div			{    font-size: 12px;   }
footer 										{  		height: 450px!important;  	margin-top: -450px;   	}
 
}



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

header 										{	height: 96px;  	 }
header.active 								{	height: 66px;  	 }
#logo  		 								{   top: 11px;  	width:137px; height:74px; 	 margin-left:-69px;  				}
#logo.active  		 						{   top: 8px;  	width:92px; height:50px; 	 margin-left:-46px;  				}
#content 									{   margin-top: 96px;    	}
.page_button a   							{  	width:100%; margin-top:30px;   margin-right:0%; margin-left:0%;  }

}