/*CSS*/
@font-face{
	font-family: century_gothic;
	src: url('custom_fonts/GOTHIC.TTF'),url('custom_fonts/GOTHICB.TTF'),url('custom_fonts/GOTHICBI.TTF'),url('custom_fonts/GOTHICI.TTF');
}

body{
	margin: 0px;
	font-family: arial;
	color: #292828;
}

h1{
	font-family: century_gothic,arial;
	color: #65605E;
	margin-bottom: 4px;
	margin-top: 4px;
}

a{color: #fff; text-decoration: none;}

a:hover{color: #14aec6;}

#wrapper{
	width: 100%;
	height: 100%;
	padding: 0px;
	overflow:hidden;
}

#container{
	position: relative;
	z-index: 10;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding: 0px;
	overflow: hidden;
}

#siteHeader{margin-top: 15px;}
#contact-form{width:75%; margin-right:auto; margin-left:auto;}

#navBar{width:100%; background: #fff; padding:0px; box-shadow:0px 5px 8px #000;}
.mainNav{margin-left:auto; margin-right:auto; width:85%;}
.alignment{text-align: left;}

.nav{padding: 4px 12px; font-size: 16px; text-align: right;}
.nav ul{margin: 0px; padding: 0px; list-style-type: none; position: relative;}
.nav li{display: inline-block;}
.nav ul li{padding: 0px;}

.nav li a{
	text-decoration: none;
	font-size: 14px;
	text-transform:uppercase;
	color: #1b1e27;
	font-family: century_gothic;
	padding: 4px 16px;
	letter-spacing: 2px;
	transition: 0.75s;
}
.nav li a:hover {color: #ffb600;}

.nav ul li ul{
	display: none;
    position: absolute;
	z-index: 100;
    background-color: #000;
    top: 45px;
	border-left: 1px solid #7f7f7f;
	border-right: 1px solid #7f7f7f;
	border-bottom: 1px solid #7f7f7f;
}

.nav  ul ul li{display: block;}
.nav ul ul li a{font-size:14px; font-weight:normal; padding: 8px 14px;}
.nav ul li:hover ul{display: block;}
.nav ul ul li a:hover {color: #14aec6;background: none;}

.hmtour{position:absolute; z-index:5000; top:110px; left:120px; background:#fff; padding:12px; width:250px; border:1px solid #ddd; opacity:.9; transition:0.75s;}
.hmtour:hover{opacity:1; box-shadow:0px 0px 8px #ddd;}
.hmtour div{padding:4px 0px;}

.hmtour-mb{background:teal; color:#fff; padding:12px 0px; text-align:center; display:none;}

.textfield{width:100%; height:32px;}
.textfield2{width:47%; height:32px;}
.textfield3{width:100%; height:150px;}
.text2{width:47%; height:12px; display:inline-block;}

.center{text-align:center; padding:12px 0px;}
.pdtopbttm12{padding:12px 0px;}
.pdtopbttm24{padding:24px 0px;}

.list-type3 ul{padding: 12px;}
.list-type3 li{display: inline-block; padding: 12px;}
.list-type3 div{width: 300px; height:500px; overflow:hidden;	background:#fff; box-shadow:0px 0px 4px #ddd; transition:1s;}
.list-type3 section{width: 300px;}
.list-type3 li img{width: 300px; height: 250px;}
.list-type3 h3{color: #000;	border-bottom: none !important;}
.list-type3 p{padding: 7px; font-size: 14px; line-height:16px;}
.list-type3 div:hover{box-shadow:0px 0px 12px #000;}


/*======== MOBILE NAV =================*/;
#mmenu{width:100%; z-index:9000;}
.mobileNav{display:none;}
.mobileNav ul{margin: 0px; padding: 0px; list-style-type: none; width:100%;}
.mobileNav li{padding: 8px 0px;}

.mobileNav li ul{
	display: none;
    position: fixed;
	z-index: 9000;
	top: 0px;
	right: 0px;
	width: 50% !important;
	height: 100vh !important;
    background:#1b1e27;
	list-style-type: none;
	padding: 12px;
	text-align:left;
}

.mobileNav li ul li{padding:12px 0px; width:100%;}
.close{font-size:18px; color:#14aec6;}

/*==================== SLIDESHOW  ====================*/
#banner{
	display: block;
	width: 100%;
	height: 450px;
	margin: auto;
	overflow: hidden;
}

#bannerContainer{
	display: block;
	float: left;	
	width: 100%;
	height: 450px;
	overflow: hidden;
	background: #FFF;
}

#prev{
	background-image: url(../images/left.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	float: left;
	height: 450px;
	width: 100px;
	position: relative;
	z-index: 99;
	cursor: pointer;
}

#next{
	background-image: url(../images/right.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	float: right;
	height: 450px;
	width: 100px;
	position: relative;
	z-index: 99;
	cursor: pointer;
}

#slider{
	display: block;
	float: left;
	height: 450px;
	width: 100%;
	overflow: hidden;
	position: relative;
}

#contact a{color: #0096D6;}
#contact a:hover{color: #59C4E8;}

.headBanner{
	width: 100%;
	height: 250px;
	background-attachment:fixed; 
	background-repeat:no-repeat;
	border: none;
}

.pageTitle{
	font-size: 32px;
	font-family: century_gothic,arial;
	color: #fff;
	background: #1883d7;
	padding: 16px;
	position: absolute;
	top: 180px;
	left: 100px;
	opacity: .9;
	filter: alpha(opacity=90);
}

#footerNav{width:100%; background:#1b1e27; padding:32px 0px; color:#fff;}
#footerNav div{padding:12px 0px; text-align:center;}
#footerNav a{color:#fff; text-decoration: none; padding:0px 7px; font-size:12px; text-transform:uppercase;}
#footerNav a:hover{color: #14aec6;}

.bodyContent{padding: 7px; background: #fff;}

.contentClass{
	margin-left:auto; 
	margin-right:auto; 
	width:90%;
	padding: 42px 0px;
}

.content{margin-left:auto; margin-right:auto; width:64%; padding: 42px 0px;}

.floatRight{
	float:right; 
	font-family:arial narrow; 
	font-size:32px; 
	font-weight:normal;
}

.borderBottom{
	border-bottom: 1px solid #dddddd; 
	padding: 10px; 
	font-weight: bold;
	line-height: 18px;
}

.borderBottom img{
	height:124px; 
	border:1px solid #fff;
}

.btn{background:#fff; color:#1883d7; padding:18px 32px; transition:0.75s;}
.btn:hover{color:#333333; padding:18px 64px;}

.btn1{background:#ffcc23; padding:7px 12px; text-decoration:none; color:#000; transition:0.42s;}
.btn1:hover{color:#fff;}

.btn2{padding:7px; text-decoration: none; border: solid 2px #292828; color: #292828; font-size: 14px; font-weight: bold;}
.btn3{padding:7px 21px; background:#ff8000; color:#fff; border:none; cursor:pointer;}

.btn4{background:#ffcc23; color:#333333; padding:18px 42px; border:none; cursor:pointer; transition:0.75s;}
.btn4:hover{color:#fff; letter-spacing:7px; padding:18px 64px;}

.link-black{color:#292828; text-decoration:none;}

.setBOLD{font-weight: bold;}

.hd1{
	padding:12px; 
	color:#fff; 
	font-family:impact; 
	font-size:52px; 
	font-weight:bold; 
	text-align:center; 
	letter-spacing:4px;
}

.hd2{
	font-family:century_gothic; 
	font-size:42px; 
	padding:24px 0px; 
}
.hd3{font-family:century_gothic; font-size:24px; padding:12px 0px; color:#1b1e27; font-weight:bold;}

.setBookBTN{
	border:1px solid #FF0D0D; 
	padding:24px 34px; 
	float:right; 
	color:#FF0D0D;
	font-size: 21px;
}

.floatImageRight{
	float:left; 
	padding: 12px; 
	height:350px;
}

.ratesheet{
	font-family:arial; 
	font-weight:bold; 
	font-size:18px; 
	width:100%;
}
.rs-left{
	line-height: 38px; 
	width: 50%;
}
.rs-right{
	line-height: 38px; 
	width: 50%; 
	padding-left: 42px;
}

.example-image{
	width: 150px;
	height: 150px;
	margin:10px;
}

.toursfv{background-image:url('../images/tours.jpg'); background-repeat:no-repeat; background-position:center; background-size:cover; width:100%; height:500px; color:#fff;}

.width45{width:45%; padding:32px 0px; font-size:24px;}

#itemList{padding: 12px; font-size: 24px; text-align: center; color: #292828;}
#itemList ul{list-style-type: none; position: relative;}
#itemList li{display: inline-block; width:300px; height:450px; border:1px solid #ddd; padding:0px; transition:0.75s;}
#itemList li a div{color:#1b1e27; font-size:18px;}
#itemList li a div img{height: 300px; width: 300px;}
#itemList li a div section{color:#3075c2; font-weight:bold; font-size:18px; padding:12px 0px;}
#itemList li a div section span{background:#1883d7; color:#fff; padding:8px 16px; font-size:12px;}
#itemList li:hover{box-shadow:0px 0px 8px #1b1e27;}

#loadComment{height:100px; overflow: hidden;}

.logo-contact{height:180px; float:left;}

/*======= MOBLIE CONVERSION ========*/

@media only screen and (max-width: 800px)
{
	#navBar{position: relative; padding: 4px;}	
	#navBar .nav{display: none;}	
	#navBar .mobileNav{display: block;}
	#navBar .mainNav{width: 98%;}	
	#navBar .alignment{text-align: left;}
	
	#banner, #bannerContainer, #slider, .headBanner{height: 200px;}
	
	.hmtour{display:none;}
	.hmtour-mb{display:block;}
	.width45{width:100%;}
	.logo-contact{float:none; display:block; width:100%;}
	
	.pageTitle{font-size: 24px; padding: 14px; top: 100px; left: 100px;}
	
	.contentClass p{width:100% !important;}
	.contentClass, #itemList, #itemList ul{
		position: relative;
		margin: 0px;
		margin-left: auto; 
		margin-right: auto;
		width: 100%;
		padding: 0px;
		text-align:center;
	}
	
	.hd1{
		font-size: 32px;
	}
	.hd2{ 
		font-size:32px;
	}
	
	#itemList ul li{padding:2px;}
	
	.floatImageRight{float: none; width: 100%; padding: 0px;}
	 .profile{
		padding: 0px;
	 }
	 
	 .ratesheet{
		width: 100%;
		font-size: 16px;
	 }
	 
	 .ratesheet td, .rs-right, .rs-left{
		display: block;
		padding-left: 0px;
		width: 100%;
	 }
	 
	 .example-image{
		width: 72px;
		height: 72px;
		margin:2px;
	 }
	
	#logoPanel, #rateimg{
		display: none;
	}
	#footerNav {
		font-size: 12px;
	}
}