/*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;
	padding: 0px;
	font-family: arial;
	color: #292828;
	width:100%;
}

h1,h2,h3,h4{
	font-family: century_gothic, arial;
	color: #65605E;
	font-weight: bold;
	padding-bottom: 24px;
	width: 200px;
	border-bottom: 4px solid #65605E;
	margin: auto;
}

p{
	font-size: 18px;
	line-height: 20px;
	letter-spacing: 0px;
	font-family: century_gothic, arial;
}

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

a:hover{
	color: #FF7F27;
}

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

#container{
	position: relative;
	/*z-index: 1;*/
	margin: auto;
	width: 100%;
	padding: 0px;
}

#headContain{
	position: relative;
	/*z-index: 1;*/
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	overflow: hidden;
	background: #25281F;
}

/* ============= HEADER ==============*/

#navbar{padding: 0px; width: 100%; overflow:hidden; z-index: 10000; position: fixed; color: #fff; transition:0.42s;}
#navbar a{color: #fff; text-decoration: none;}

#logo{padding: 12px 48px; width: 20%;}
#logo img{height: 72px; transition:0.75s;}
#logomb{padding:4px; width:20%; display:none;} #logomb img{height:62px; transition:0.75s;}

#userLog{width: 15%; text-align: center; padding: 0px 7px;}
#navoption{text-align: center;padding: 0px 7px;}
#navoption p{padding: 7px 0px; transition:0.75s;}
#navoption p:hover{background: #E54535;}

#nav{width: 65%; text-align: center; padding-right: 24px;}
#nav ul{margin: 0px; padding: 0px; list-style-type: none; position:relative; width:100%; text-align: right;}
#nav li{display: inline-block; padding: 0px;}
#nav li a{text-decoration: none; text-transform:uppercase; font-family:arial; color:#FFF; font-size: 14px; letter-spacing: 2px; font-weight:normal; padding: 12px; transition:0.64s;}
#nav li a:hover, .navli a:hover{color: #f9b03b;}

.nbnav{display:none; position:fixed; overflow:hidden; overflow-y: scroll; z-index:9999999; top:0px; width:100%; height:100%; background:#222222; color:#fff !important; padding:0px;}
.nbnav ul{margin:auto; padding: 0px; list-style-type: none; position:relative; width:80%; text-align:center;}
.nbnav li{display:block !important; padding:24px 0px; border-bottom:1px solid #fff;} .nbnav li a{ color:#fff !important; font-size:24px; text-transform:uppercase;}


/*==================== SLIDESHOW  ====================*/
#banner-home{background: url('../images/banner.jpg') no-repeat; background-attachment:fixed; background-size:cover; display:block; width:100%; height:650px; margin:auto; overflow:hidden;}

/* ================= FOOTER ====================== */
#footerNav{width:100%; background:#242424; color:#fff;}

#footerNav a{color:#fff; text-decoration: none;}
#footerNav a:hover{color: #FF7F27;}
#footerNav h3{color: #65605E; margin-left: 0px;}
/* =================== FOOTER END =============== */
#itemList{padding: 12px; font-size: 24px; text-align: left; color: #292828; font-family: times New Romans;}
#itemList img{height: 350px; width: 260px;}
#itemList ul{margin: 0px; list-style-type: none; position: relative;}
#itemList li{display: inline-block;}
#itemList ul li{padding: -10px;}

#loadComment{height:100px; overflow: hidden;}
/* =============== DASBOARD ================*/
#dashnav{background:#383735; color:#fff;}
#dashnav h4{color:#fff; border-bottom:4px solid #fff;}
#dashnav a, #dashnav p{color:#fff; cursor: pointer; padding: 4px 0px;}
#dashnav p:hover{background:#E54535;}

#binfo{background: #1B1E24; color:#fff; padding:16px 0px;}
#navigation{background: #282828; color: #fff; padding:16px 0px;}
#ainfo{background:#383735; color:#fff; padding:16px 0px;}

/* ================ CLASSES ==================== */
.dark-fade{
	background-image: url('../images/dark-fade.png');
    background-repeat: repeat-x;
    background-position: bottom center;
    width: 100%;
	height: 100%;
}

.headBanner{
	width: 100%;
	height: 400px;
	background-image:url('../images/banner_pg.jpg');
	background-attachment:fixed; 
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	border: none;
	overflow:hidden;
}

.pageTitle{
	font-size:42px;
	font-family: century_gothic,arial;
	color: #fff;
	padding: 24px 0px;
	width: 100%;
	position: absolute;
	top: 180px;
	text-align: center;
}

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

.contentClass{margin-left:auto; margin-right:auto; width:85%; padding: 62px;}
.contentClassfull{width:100%; padding: 62px 0px; text-align: center;}

.img-overlay{
	position:absolute; 
	z-index:100; 
	background:#FF7F27; 
	width:260px;
	height:350px;
	opacity: .9;
	color: #fff;
	font-weight: bold;
	text-align: center;
	display: none;
}

.form-field{border:1px solid #ddd; background:#f5f5f5; padding:12px 0px;}
.form-field div{padding:6px 0px;}
.form-field input, .form-field select{width:80%; border:1px solid #ddd; border-radius:4px; padding:4px; font-size:18px; height:42px;}
.form-field textarea{min-width:80%; max-width:80%; border:1px solid #ddd; border-radius:4px; padding:4px; font-size:18px; font-family:arial; min-height:140px; max-height:140px;}

.hmBtn{border:solid 1px #fff; color:#fff !important; padding:4px !important;}
.btn1{padding: 18px 24px; background: #74CBE8; color: #fff; letter-spacing: 1px; text-decoration: none; border: none; cursor: pointer; transition:0.64s;}
.btn1:hover{background:#fff; color: #74CBE8; border: solid 1px #74CBE8;}
.btn2{padding: 18px 24px; background: #F8A038; color: #fff; letter-spacing: 1px; text-decoration: none; border: none; cursor: pointer;}

.text1{width: 280px; height: 42px; font-size: 16px;}

.social ul{ margin: 0px; padding: 0px; list-style-type: none; position: relative; width: 100%; text-align: left; text-transform: uppercase;}
.social li{display: inline-block;}
.social ul li{padding-top: 10px;}
.social li a{text-decoration: none; font-size: 16px; color: #fff; font-family: impact; padding: 14px 10px 6px 10px; letter-spacing: 1px; border-radius:42px; transition:0.62s;}
.social img{height:18px;}
.social ul li a:hover {background:#FF7F27; color: #fff;}

.ps{width: 100%;}
.ps ul{margin: 0px; padding: 0px; list-style-type: none; position: relative; width: 100%; text-align: center; text-transform: uppercase;}
.ps li{display: inline-block; padding: 24px;}

.loginPan{position:fixed; 	z-index:500000; right:15px; top:80px; width:300px; padding:12px; background:#fff; border-radius:4px; box-shadow:0px 2px 8px #333333; display: none;}

.mobile{display:none;} .desktop{display:visible;}
#bookoption{}
.about-logo{margin:auto; height:124px;}

@media only screen and (max-width: 800px) {
	p{width:100%;}
	h3{text-align:center !important; width:100%;}

	#banner-home{height:550px; background-position:center;}
	#wrapper{overflow-x: hidden !important;}
	.mobile{display:block;} .desktop{display:none;}
	#nav{width:10%;}
	#logo, #userLog{display:none;} #logomb{display:inline-block;}

	.contentClass{width:95%; padding:42px 0px;}
	.contentClass td{display:block; width:100% !important; border:none !important; text-align:center !important;}
	.about-logo{float:none; padding:24px 0px; text-align:center;}

	#bookoption{display:none;}

	#footerNav td{width:100% !important; display: block; padding:0px; text-align:center !important;}
}