/*------------------------------------*\
   ONLINE FONT
\*------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');

/*------------------------------------*\
    MAIN
\*------------------------------------*/

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; padding: 0; margin: 0 !important; }
body {font-family: 'Roboto', sans-serif; color: #333; font-size:14px;}

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

a {color: #333;text-decoration: none;}
a:hover {color: #000;}

.logo { display:block; float:right; margin-left:10px; animation: bounce 1s;
width: 408px;
    height: 107px;
    transition: all 0.4s ease-in-out 0s; }

.tiny .logo {
    width: 251px !important;
    height: 64px !important;
    transition: all 0.4s ease-in-out 0s;
}

.logo {max-width: 100%; height: auto;}

@keyframes bounce {0%, 20%, 60%, 100% {	-webkit-transform: translateY(0); transform: translateY(0);	}40% { -webkit-transform: translateY(-20px); transform: translateY(-20px);}
80% {-webkit-transform: translateY(-10px);	transform: translateY(-10px);	}}


::-moz-selection { background: #000000; color:#ef483f; padding:5px; }
::selection { background: #000000; color:#ef483f;padding:5px; }


/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

.container { position: relative; margin-top:0px;}
.container >

/*------------------------------------*\
    MAIN
\*------------------------------------*/


.main { background-color:#ffffff;  }
.main section > div {width: 90%; max-width: 1140px; margin:0 auto; padding: 10px 0px 10px 0px; text-align:left; overflow:hidden;  }

.main p { font-size:18px; font-weight:300;}

.main h1 {color: #000; font-family: 'Roboto', sans-serif; font-size:45px; letter-spacing:5px; text-transform: lowercase; font-weight:800; text-align: right; margin-top: 0px; margin-bottom: 0px; background: #fff url(../img/ico.png) no-repeat; background-position:right 0px center; padding-right:30px;} 


.main img {max-width: 100%; height: auto;}

.main h2 {color: #ef483f; font-family: 'Roboto', sans-serif; font-size:35px; letter-spacing:5px; text-transform: lowercase; font-weight:800; text-align: left; margin-top: 0px; margin-bottom: 0px; /* background-image:url(img/icons.png); background-repeat:no-repeat; */ } 


/*------------------------------------*\
    FOOTER
\*------------------------------------*/


.footer { background-color:#000000;  }
.footer section > div {width: 90%; max-width: 1140px; margin:0 auto; padding: 10px 0px 10px 0px; text-align:left; overflow:hidden;  }

.footer p { font-size:18px; font-weight:300; color:#fff !important;}

.footer a:active { text-decoration:none; color:#fff !important;}
.footer a:link { text-decoration:none; color:#fff !important;}
.footer a:hover { text-decoration:none; color:#fff !important;}
.footer a:visited { text-decoration:none; color:#fff !important;}

/*------------------------------------*\
    NAVIGATION
\*------------------------------------*/

.navigation { background:rgba(255, 255, 255, 0.9); border-top:1px #efefef solid; border-bottom:1px #efefef solid;  position: -webkit-sticky; position: sticky; top: 0px; z-index:999 !important;}
.navigation section > div {width: 90%;  max-width: 1140px; margin:0 auto; padding: 10px 0px 10px 0px; text-align: left !important;   }

/*------------------------------------*\
    BOOKING
\*------------------------------------*/

.booking { background-color:#ffffff; background-image:url(../img/splush.jpg); background-size:cover; min-height:400px; background-position: 0% 60%;  padding-top:60px; }

.booking2 { background-color:#ffffff; background-image:url(../img/services-banner.jpg); background-size:cover; min-height:400px; background-position: 0% 60%;  padding-top:60px; }

.booking section > div {width: 90%; max-width: 1140px; margin:0 auto; padding: 10px 0px 10px 0px; text-align:left; overflow:hidden;  }
.booking2 section > div {width: 90%; max-width: 1140px; margin:0 auto; padding: 10px 0px 10px 0px; text-align:left; overflow:hidden;  }

.booking p { font-size:20px; color:#fff; font-weight:300;}

.booking h1 {color: #fff; font-family: 'Roboto', sans-serif; font-size:45px; letter-spacing:5px; text-transform: lowercase; font-weight:800; text-align: left; margin-top: 0px; margin-bottom: 0px;  } 

.booking2 p { font-size:20px; color:#fff; font-weight:300;}

.booking2 h1 {color: #fff; font-family: 'Roboto', sans-serif; font-size:45px; letter-spacing:5px; text-transform: lowercase; font-weight:800; text-align: left; margin-top: 0px; margin-bottom: 0px;  } 

.book { background:#fff !important; opacity:0.9; color:#000 !important;}


/*------------------------------------*\
    SECTIONS
\*------------------------------------*/

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

.section p{
font-size: 14px;
}


/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }


/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	
	button { width:100% !important;}
	
	.col { 
		margin: 1% 0 1% 0%;
	}
	
	.main h2 {font-size:32px;}
}


/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }


@media only screen and (max-width: 800px) {
	
	.logo { float:none; text-align:center; margin:0 auto;}
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
	.span_2_of_2, .span_1_of_2 { width: 100%; }

	
}


/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.6%;
}
.span_2_of_4 {
	width: 49.2%;
}
.span_1_of_4 {
	width: 23.8%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 860px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
}

hr { border-top:#5b7ab4 1px dotted; border-style: none none dotted; color: #5b7ab4; background-color: #fff; margin-bottom:3px; margin-top:5px;}

/*------------------------------------*\
    MEDIA QUERIES
\*------------------------------------*/

@media screen and (max-width: 55em) {


.main {border:none;}

.navigation { position: relative;}


}


/*------------------------------------*\
	BUTTONS & FORMS
\*------------------------------------*/


input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="input"],

button

{ padding: 12px; text-align:center; display:inline-block; white-space:nowrap; background-color:rgba(0, 0, 0, 0.8);  /* background-color:rgba(87, 196, 186, 0.8); */border-radius:6px; font-weight:normal;font-family: 'Roboto', sans-serif; font-size:15px !important; color:#fff !important; border:none; text-transform: uppercase; letter-spacing:1px; cursor:pointer !important; margin-right:15px; margin-bottom:10px;  }


button:hover

{ background-color:rgba(135, 118, 78, 0.9); cursor:pointer !important; }

.search-input {width:80%; padding:20px;}
.search-submit {padding:19px; border-radius: 6px; background-color: #000000; margin-left: 5px;}
.search-submit:hover {background:#333;}


.liner { min-height:140px; margin-bottom:10px;}


iframe, video {
  max-width: 100% ;
 
}

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}


input { width:100%; padding:12px; border:#ccc 1px solid; margin-bottom:3px; margin-top:3px; font-size:15px !important; border-radius:3px; -webkit-border-radius:3px; margin-bottom:10px; }

textarea { width:100%; padding:12px; margin-bottom:10px; border:#ccc 1px solid;  margin-top:3px;font-family: 'Roboto', sans-serif; font-size:15px !important; border-radius:3px; -webkit-border-radius:3px;}

select {background: #fff;border: 1px solid #ccc;border-radius:3px; -webkit-border-radius:3px; width: 100%; padding: 12px; font-size: 15px; color: #3F3F3F; -webkit-appearance: none;-moz-appearance: none;-ms-appearance: none; -o-appearance: none;appearance: none;}

.select-wrapper {position: relative;}
.select-wrapper:after { content: '\f078'; font: normal normal normal 17px/1 FontAwesome; color: #222; right: 11px; top: 0px; height: 45px; padding: 15px 0px 0px 8px; border-left: 1px solid #ccc; position: absolute; pointer-events: none; }
select::-ms-expand {display: none;}

label { width:100%; color:#222; font-size:15px; letter-spacing:1px;font-family: 'Roboto', sans-serif; font-weight:300; }



/*------------------------------------*\
    MENU
\*------------------------------------*/


nav ul { text-align: center; display: inline; list-style: none; margin-left:-40px; }
nav ul li {font-family: 'Roboto', sans-serif; font-weight:800; border-right:0px; font-size:18px; text-transform: lowercase; display: inline-block; margin: 0px; position: relative; padding: 5px 15px; cursor: pointer; letter-spacing:5px; }

nav ul li:last-child{border:none; }
nav ul li ul li:nth-child(1) {margin-top:0px !important;}
nav ul li ul li ul li:nth-child(1) {margin-top:0px !important;}


nav ul li a:link { color: #000!important; text-decoration:none;}
nav ul li a:active { color: #000!important; text-decoration:none; }
nav ul li a:visited { color: #000!important; text-decoration:none;}
nav ul li a:hover {color: #ef483f !important; text-decoration:none;}

nav ul li ul li {background:rgba(255, 255, 255, 1); font-size:14px; text-align:left; border-right: none !important; font-family: 'Roboto', sans-serif; font-weight:400; display: block; z-index:9999; color: #333 !important; padding-top:10px; }

#menu{}
#menu ul {list-style:none; position:relative; float:left; margin:0; padding:0;}
#menu ul a { display:block;padding:12px 15px;}
#menu ul li {position:relative;float:left; margin:0; padding:0;}
#menu ul ul {display:none;position:absolute;top:100%;left:0;padding:0;}
#menu ul ul li {float:none;width:250px;}
#menu ul ul a {line-height:120%; padding:10px 15px;}
#menu ul ul ul {top:0; left:100% }
#menu ul li:hover > ul {display:block }

nav ul li ul li a:link { color: #333!important; text-decoration:none;}
nav ul li ul li a:active { color: #333!important; text-decoration:none;}
nav ul li ul li a:visited { color: #333!important; text-decoration:none;}
nav ul li ul li a:hover {color: #ef483f !important;}


/* ======== SLICKNAV RESPONSIVE MENU =========== */

.slicknav_menu {
	display:none;
}

@media screen and (max-width: 55em) {
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
}

/*
    Mobile Menu Core Style
*/

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: left; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left;  }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.15em; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { display:none;}
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
	font-size:18px;
}
/* Button */
.slicknav_btn {
	margin: 5px 5px 6px;	
	text-decoration:none;	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;  
	background-color: #000000; font-weight:normal;font-family: 'Roboto', sans-serif;
	
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {	
	color: #ffffff;
	font-weight: normal;	
		
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #ffffff;
}
.slicknav_menu {
	background:#000000; position: -webkit-sticky; position: sticky; top: 0px; z-index:9999 !important;
	padding:5px;
}
.slicknav_nav {
	color:#fff;
	margin:0;	
	padding:0;font-family: 'Roboto', sans-serif;
	font-size:0.875em;
}
.slicknav_nav, .slicknav_nav ul {
	list-style: none;
	overflow:hidden;
}
.slicknav_nav ul {
	padding:0;
	margin:0 0 0 20px;
}
.slicknav_nav .slicknav_item {
	padding:5px 10px;
	margin:2px 5px;
}
.slicknav_nav a{
	padding:5px 10px;
	margin:2px 5px;
	text-decoration:none;
	color:#fff;font-family: 'Roboto', sans-serif;
	font-size:16px; text-transform:uppercase;
}
.slicknav_nav .slicknav_item a {
	padding:0;
	margin:0;
}
.slicknav_nav .slicknav_item:hover {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color:#fff;	
}
.slicknav_nav a:hover{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color:#fff;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;   
}