/*
Free Html5 Responsive Templates
Author: Kimmy
Author URI: http://www.zerotheme.com/
*/
/* -------------------------------------------- */
/* ------------------Reset--------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px;}

/* -------------------------------------------- */
/* ------------------Font---------------------- */

/*Add your font at here*/

/* -------------------------------------------- */
/* ------------------Style--------------------- */
html, body {width:100%; padding:0; margin:0;}
body {background: url(../images/bg.jpg) repeat;color: #474747;font: 13px/22px 'Oxygen', sans-serif;}

a{color: #474747;text-decoration: none;}
a:hover {color: #DA251D;; text-decoration: none;}

a.button{cursor: pointer;color: #ffffff;line-height: 14px;font-family: 13px/22px 'Oxygen', sans-serif;font-size: 14px;font-weight: bold;	background: #3F3F3F;border:1px solid #ffffff; -webkit-border-radius: 4px;-moz-border-radius: 4px;-khtml-border-radius: 4px;border-radius: 4px;}
a.button {	display: inline-block;	text-decoration: none;	padding: 6px 12px 6px 12px;}
a.button:hover{}

.clear{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }


 #myModal {width: 100%; top: -34%; left: 15%; margin-top: 0px; margin-left: -200px; padding: 20px;} .modal-dialog{top: 20%!important;} .modal-body{padding: 5px!important;}
.joinus {position:fixed!important; top:42%; z-index:999; left:97.1%; width:100%;}


/* -------------------------------------------- */
/* ------------------Header-------------------- */
header {background:url(../images/bg.jpg) repeat;}
header .wrap-header{height: 120px; width:84%;}

header #logo { margin:10px auto 0 auto; width: 30%; float:left;}

header #search { float:right; background:url(../images/bar.png); width: 500px; z-index: 15;}
header .button-search { float:left; cursor: pointer; color:#FFFFFF; font-size:12px; margin-left:35px;}
header .button-search img { vertical-align:middle;}

/* -------------------------------------------- */
/* ------------------Navigation---------------- */
nav {margin-top:0px;}
nav .wrap-nav{height: 74px; background: #FFFFFF; }

.menu { margin:0 0 0 8.1%; width: 61.3%; float:left;}
.menu ul {list-style: none!important;margin: 0;padding: 0;}
.menu  ul li {float: left;padding:0px;}
.menu  ul li:hover {background: none;}
.menu  ul li a { float:left;font-size: 14px; font-weight:600; line-height:14px;color:#940000;display: block;padding: 6px 10px;margin-bottom: 5px;z-index: 6;position: relative; text-transform:uppercase; margin-top:25px; border-style:}
.menu  ul li:hover a { color:#333333;}

.sub_menu {margin: 0px!important; opacity: 0; visibility:hidden; position:absolute; top:74px; left:606px; z-index:999; background:#FFFFFF; transition: all .2s ease-in-out; width:13.6%; border-radius:0 0 5px 5px;}
.sub_menu_child {margin: 0px!important; opacity: 0; visibility:hidden; position:absolute; top:0px; left:183px; z-index:999; background:#FFFFFF; transition: all .2s ease-in-out; width:100%; border-radius:0 0 5px 5px;}
.menu li:hover > ul {opacity:1; visibility:visible; margin:0;}
.sub_menu li, .sub_menu_child li { border-right:none!important; border-top:1px solid #940000;}
.sub_menu li a, .sub_menu_child li a { width:163px!important; color:#940000!important; padding: 15px 10px!important; margin:0px auto!important;}
.sub_menu li a, .sub_menu_child li a:hover {color: #333333!important;}

.active1 {color:#333333 !important;}

.minimenu{display:none;}
.minimenu{float: left;margin: 0px;background:#333333; width:50%; z-index:999;}
.minimenu div{overflow: hidden;position: relative;font: 18px/22px 'Oxygen', sans-serif;color: #ffffff;text-align:center;text-transform:uppercase;font-weight:bold;}
.minimenu select{position: absolute;top: 0px;left: 0px;width: 50%;height: 100%; opacity: 0;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);	cursor: pointer;}

.mcs_pnt_btn{ float:left; width:22.4%;}
/* -------------------------------------------- */
/* ------------------Featured---------------- */

.featured{margin:0px auto;}
.featured .wrap-featured{background:none;}
.featured .wrap-featured .slider{padding: 0px;}

/* -------------------------------------------- */
/* ------------------Content------------------- */
h3 {color: #950000; margin: 0px; font: 21px/22px 'Oxygen', sans-serif; border-bottom: 1px solid #f0eae1; padding-bottom: 5px; margin-bottom: 10px;}
h4 {color: #950000; margin: 0px; font: 17px/22px 'Oxygen', sans-serif; border-bottom: 1px solid #f0eae1; padding-bottom: 5px; margin-bottom: 10px;}

#content {}
#content .wrap-content{background: #fdfdfd; width:84%; margin:70px auto 50px!important; box-shadow:1px 0px 10px #666; border-radius:4px;}

.block01 {margin:0px; padding:0px;}
.block01 h2{text-align:center; font-size:30px; line-height:50px; background:#940000; color:#FFFFFF; text-transform:uppercase; margin-bottom:20px; border-radius:0px 85px;}
.block01 p{font-size:13px; line-height:25px;}
.block01 a{color:#DA251D;}

.block02 {  margin:20px 10px; text-align:center;}
.block02 h2{font-size:23px; line-height:30px;}
.block02 p{font-size:16px;}

.block03 { margin:20px 10px;}
.block03 h2{font-size:23px; line-height:30px;}
.block03 img{float:left; margin:0px 10px 10px 0px;}

.block04 {margin:20px 10px; padding:30px; border-top:1px dashed #CCC;}
.block04 p{font-size:20px; text-align:center; line-height:25px;}

article{clear: both;}

ol {margin-top: 0!important; margin-left:30px!important; margin-bottom: 10px!important; list-style:decimal!important;}
ul {margin-top: 0; margin-left:30px; margin-bottom: 30px; list-style:url(../images/ul_arw.png);}

.strip {float: left; width: 98%; padding: 0px; margin: 0 0 0 20px;}
.strip a img {width: 5%;}
#myDIV {width: 100%; height: auto; float: left; clear: both; margin-bottom:20px; border-radius:85px 0px;}
.tab {float: left; width: 96.5%; padding: 10px 20px; background: #950000; margin: 30px 0px; text-align: center; color: #FFFFFF!important; text-transform: uppercase; font-weight: 600;}
.ww2 {position: relative; width: 100%; height: 480px; top: 95px; background: #950000; text-align: center; display: none;}

#explr {float: left; width: 98%; background:url(../images/giphy2.gif); padding: 60px 10px 20px!important; margin: 0 auto; text-align: center; color: #FFFFFF; text-transform: uppercase; font-weight: 600; cursor:pointer;}
 #explr p{line-height:46px!important;}
#explr :hover {color: #FFFF00;}
#explr_slideup{ width: 98%; margin:20px auto; display:none;}
#explr_slideup li{float: left; width: 29%; background:#fff; padding: 20px 10px!important; margin:0 0 0 3.5%; font-size:16px; font-weight:600; list-style:none; text-align:center;}
#explr_slideup li a{color:#910000;}
#explr_slideup li a:hover{color:#910000; font-size:24px;}
#explr_slideup li:hover { background:#FFFF00;}
#explr_slideup li.li-margin{float:left; margin:0px;}

#explr_right {float: left; width: 31.1%; height: 400px; color: #950000; padding: 0px!important; line-height: 26px; margin: 30px 0px 0px 90px!important; background: url(../images/hall-frame.jpg);}
#explr_right table {margin: 34px auto 0; width: 83.8%;}
.tab_bars {float: left; width: 20%; padding: 20px; background: #950000; margin: 30px 50px 0 50px; text-align: center; color: #FFFFFF!important; text-transform: uppercase; font-size: :20px;font-weight: 600;}
#myDIV2 {display: none;}
#myDIV2 .tab_bars{width: 88%; margin: 30px 0px 0px 0px;}

/* -------------------------------------------- */
/* ------------------Footer-------------------- */
footer {background-color:#940000;}
.wrap-footer{}

.copyright{text-align:center; background:#940000; padding:15px 0px;color:#ffffff; font-size:12px; }
.copyright a{text-decoration:underline; color:#ffffff; }


/* -------------------------------------------- */
/* ------------------Components-------------------- */
.photos{}
.photos:after{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.photos a{display: block; float:left; margin: 0px 4px 10px 4px;position: relative;}
.photos a img{display:block; border:1px solid #CCC;}

input[type="file"]{float:left;	width:55%;}
input[type="text"], .form-control {float:left;	padding:0px 10px;	background:#FFFFFF;	color:#999;	border:none;width:100%;	font:bold  13px/22px 'Oxygen', sans-serif;	height:35px;
margin-top:0px;	-moz-box-shadow: 0px 2px 5px #666;	-webkit-box-shadow: 0px 2px 5px #666;	box-shadow: 0px 2px 5px #666;}
textarea {float:left;padding:7px 10px;	background:#FFFFFF;	color:#999;	border:none;width:100%;	font:bold  13px/22px 'Oxygen', sans-serif;	height:24px;margin-top:0px;	-moz-box-shadow: 0px 2px 5px #666;	-webkit-box-shadow: 0px 2px 5px #666;	box-shadow: 0px 2px 5px #666;}
input[type="submit"], input[type="reset"] {float:right;	padding:7px 22px; background:#950000;color:#fff;border:none;font:bold  13px/22px 'Oxygen', sans-serif;	margin:15px 0px 0 10px;cursor:pointer;-moz-box-shadow: 0px 2px 5px #666;	-webkit-box-shadow: 0px 2px 5px #666;	box-shadow: 0px 2px 5px #666;	border-radius:20px;}
.contDIV_left,.contDIV_mid, .contDIV_right {float:left;	width:98%; height:auto;	padding:0px 10px;}

@media only screen and ( max-width : 600px ){
	#myModal {width: 100%; top: 0%; left: 11%; margin-top: 0px!important; margin-left: -90px!important; padding: 20px;}
	.modal-dialog {width: 95%!important;}
	.joinus {position:fixed!important; top:42%!important; z-index:999!important; left:93.5%!important; width:70%!important;}
	.bottom-footer{overflow:hidden; padding: 25px 20px; margin-top:0px;	text-align:center; background:#191919; border-top:1px solid #fff; border-bottom:1px solid #fff;}
	.welcome.yellow{padding-top: 60px; overflow: hidden; padding-bottom:0px;}
	#social_med {width:11%!important; top:55%!important;}
	#myDIV {display:none;}
	#myDIV2 {display:block;}
	#myDIV_Profile {display:block; margin-left:200px;}
	
	.strip {width:98%; margin:20px 0 0px!important;}
	.strip a img{width:10%;}
	#explr_right {width: 91.8%!important; margin:10px 16px!important;}
	#myDIV2 .tab_bars{width: 89.5%;}
	
	.zerogrid .wrap-col{margin:0px 5px;}
	#explr {width: 95%!important;}
	#explr_slideup li{float: left; width: 25%!important; margin:0 0 0 4.3%!important;}
	#explr_slideup li a:hover{font-size:16px!important;}
	#explr_slideup li.li-margin{float:left; margin:0px!important;}
}

@media only screen and ( max-width : 480px ){
	#myModal {width: 100%; top: 0%; left: 11%; margin-top: 0px!important; margin-left: -62px!important; padding: 20px;}
	#explr {width: 95%!important;}
	.joinus {position:fixed!important; top:42%!important; z-index:999!important; left:92.9%!important; width:70%!important;}
	#explr {width: 94%!important;}
	#explr_slideup li{width: 26%!important; margin:0 0 0 5%!important; padding: 10px 5px!important; font-size:14px!important;}
}

@media only screen and ( max-width : 470px ){
	#myModal {width: 100%; top: 0%; left: 11%; margin-top: 0px!important; margin-left: -71px!important; padding: 20px;}
	#explr {width: 95%!important;}
	.joinus {position:fixed!important; top:42%!important; z-index:999!important; left:92%!important; width:70%!important;}
	#explr {width: 94%!important;}
	#explr_slideup li{width: 26%!important; margin:0 0 0 5%!important; padding: 10px 5px!important; font-size:14px!important;}
}

@media only screen and ( max-width : 414px ){
	#myModal {width: 100%; top: 0%; left: 11%; margin-top: 0px!important; margin-left: -65px!important; padding: 20px;}
	#explr {width: 95%!important;}
	.joinus {position:fixed!important; top:42%!important; z-index:999!important; left:91%!important; width:70%!important;}
	#explr {width: 94%!important;}
	#explr_slideup li{width: 26%!important; margin:0 0 0 5%!important; padding: 10px 5px!important; font-size:14px!important;}
}

@media only screen and ( max-width : 384px ){
	#myModal {width: 100%; top: 0%; left: 11%; margin-top: 0px!important; margin-left: -65px!important; padding: 20px;}
	#explr {width: 95%!important;}
	.joinus {position:fixed!important; top:42%!important; z-index:999!important; left:90%!important; width:70%!important;}

	#explr {width: 94%!important;}
	#explr_slideup li{width: 26%!important; margin:0 0 0 5%!important; padding: 10px 5px!important; font-size:14px!important;}
}

@media only screen and ( max-width : 375px ){
	#myModal {width: 100%; top: 0%; left: 11%; margin-top: 0px!important; margin-left: -65px!important; padding: 20px;}
	#explr {width: 95%!important;}
	.joinus {position:fixed!important; top:42%!important; z-index:999!important; left:89%!important; width:70%!important;}
	#explr {width: 94%!important;}
	#explr_slideup li{width: 26%!important; margin:0 0 0 5%!important; padding: 10px 5px!important; font-size:14px!important;}
}

@media only screen and ( max-width : 360px ){
	#myModal {width: 100%; top: 0%; left: 11%; margin-top: 0px!important; margin-left: -65px!important; padding: 20px;}
	#explr {width: 95%!important;}
	.joinus {position:fixed!important; top:42%!important; z-index:999!important; left:88%!important; width:70%!important;}
	#explr {width: 94%!important;}
	#explr_slideup li{width: 26%!important; margin:0 0 0 5%!important; padding: 10px 5px!important; font-size:14px!important;}
}

@media only screen and ( max-width : 320px ){
	#myModal {width: 100%; top: 0%; left: 11%; margin-top: 0px!important; margin-left: -65px!important; padding: 20px;}
	#explr {width: 95%!important;}
	.joinus {position:fixed!important; top:42%!important; z-index:999!important; left:87%!important; width:70%!important;}
	#explr {width: 94%!important;}
	#explr_slideup li{width: 26%!important; margin:0 0 0 5%!important; padding: 10px 5px!important; font-size:14px!important;}
}