/*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{padding:0px; margin:0px; font-family:tahoma, arial; color:#222222;}

#header{width:100%; height:72px;}
#logopanel{float:left; width:25%; padding:10px 0px;} .logo{height:54px; padding:4px 0px; border:none;}
#nav{float:right; width:75%; text-align:right; padding:12px 0px;}
#nav ul{list-style:none;}
#nav li{display:inline-block; padding:0px 12px; border-right:1px solid #ddd;} #nav li a{padding:8px 4px; color:#23282d; border-bottom:2px solid #fff; text-decoration:none; transition:0.64s;} 
#nav li a:hover{color:#f1d40b; border-bottom:2px solid #f1d40b;}

#footer{background:#1e1e1e; color:#fff;}
#footernav{padding:12px 0px;}
#footernav ul{list-style:none;}
#footernav li{display:inline-block; padding:0px 12px; border-right:1px solid #ddd;} #footernav li a{padding:12px 4px; color:#fff; text-decoration:none; transition:0.64s;}
#footernav li a:hover{color:#2bbb49;}

#error{padding:12px 0px; text-align:center; background:#ff6961; color:#fff; border-radius:4px;}
#success{padding:12px 0px; text-align:center; background:#77dd77; color:#fff; border-radius:4px;}

.ddmenu{position:absolute; right:20px; top:70px; background:#fff; width:160px; padding:12px; text-align:left; display:none;}
.ddmenu a{text-decoration:none;}
.ddmenu a div{font-size:16px; padding:12px 0px; color:#222222; border-bottom:2px solid #fff; transition:0.64s;} .ddmenu a:hover div{border-bottom:2px solid #006847; color:#006847;}

.teal{background:teal;}
.dark{background:#222222;}
.grey{background:#eee;}
.white{background:#fff;}
.purple{background:#e679fa;}
.green{background:#4dee6f;}

h1{color:#21cbfe; text-transform:uppercase;} h2{color:#888888;}
.h1{font-size:42px; color:#113377; font-family:century_gothic;}
.h2{}

.content{width:90%; margin:0px auto; clear:both;}
.content2{width:75%; padding:72px 0px; margin:0px auto; clear:both;}
.content3{width:65%; padding:72px 0px; margin:0px auto; clear:both;}

.banner{height:500px; width:100%; background-size:cover; background-image:url('../images/banner.jpg'); background-repeat:no-repeat; cursor:pointer;}

.left{float:left; width:33.33%; background-size:100%;}
.right{float:right; height:500px; width:50%; background-size:100%;}

.leftside{float:left; width:40%;}
.rightside{float:right; width:60%;}

.resume{background:#21cbfe; height:auto; width:100%; clear:both; color:#fff; font-size:18px;}

.video-tag{background-image:url('../images/bg.png'); height:auto; width:100%; padding:72px 0px; clear:both; text-align:center; color:#fff;}
.social{padding:12px; height:80px; width:80px; border:none;}
.center{text-align:center;}

.padd72{padding:72px 0px;}
.padd42{padding:42px 0px;}

.events{text-align: center; color: #fff; padding:24px; background: rgba(0,0,0,0.5); margin: 12% 8%; position: absolute;}
.events span{display:block; padding:12px 0px;} .events span input[type=text]{padding:12px 12px 12px 32px; font-size:16px; border:none;} .events span input:focus{outline: none;}
.head1{font-size:42px; color:#fff;}
.head2{font-size:32px; color:#21cbfe; padding:21px 0px;}

.btn1{background:#006847; color:#fff; padding:14px 25px; font-size:16px; text-decoration:none; margin: 1px 0; cursor:pointer; border:none; transition:0.64s;} .btn1:hover{background:#333333; letter-spacing:1px;}
.btn2{background:#21cbfe; color:#fff; padding:32px 42px; border-radius:4px; text-decoration:none; margin: 1px 0; border:none;}
.btn3{background:#fff; color:#21cbfe; padding:18px 32px; text-decoration:none; margin: 1px 0; border:none;}

#shadow{background:#000; opacity:.8; position:fixed; z-index:100; left:0; top:0; width:100%; height:100%; display:none;}
#useroptions{position:absolute; left:10%; top:10%; width:80%; background:#fff; z-index:200; display:none;}

#regform{background:#fff; padding:12px;}
.formfield{padding:42px; background:#fff;} .formfield div{padding:12px;} .formfield input{height:42px; width:97%; padding:0px 4px;}
.formfield select{width:30%; height:42px;} .formfield span{width:50% !important;} .formfield input[type=file]{width:30%;} 
.formfield input[type=radio], .formfield  input[type=checkbox]{width:25px; height:25px;} .formfield textarea{height:120px; width:97%; padding:0px 4px;}

.recform{list-style:none; background:#e5eaf5; width:60%;} .recform li{padding:7px 0px;} .recform li input{width:90%; height:42px;} .recform li textarea{width:90%; height:124px;} .recform input[type=checkbox]{width:25px; height:25px; vertical-align:middle;}

.list-type1 ul{padding:0px; text-align: center;}
.list-type1 li{display: inline-block; padding: 12px;}
.list-type1 div{width: 250px; height:350px; overflow:hidden; background:#1dbb9a; box-shadow:0px 0px 4px #ddd; transition:0.64s; border-radius:4px;}
.list-type1 section{height:250px !important; width:100%; overflow:hidden; vertical-align:middle; padding:0px; font-weight:bold; font-size:24px; background:#74d774; color:#fff;}
.list-type1 img{height:250px; width:100%; vertical-align:middle; padding:0px; background:#fff;}
.list-type1 span{margin:auto; background:#222222; color:#fff; padding:7px 14px; width:75%; margin:auto; border-radius:4px; display:block; cursor:pointer;}
.list-type1 div:hover{background:#222222 !important; color:#fff !important;}

.icon{float:left; font-size:60px !important; color:#fff; padding:24px; background:#006847; border-radius:7px 0px;}

.mobile{display:none;} .desktop{display:block;}

#menudrop{position:absolute; z-index:9999999; top:0px; left:0px; width:100%; height:100%; background:#fff; display:none;}
#menudrop ul{list-style:none; margin:0px; padding:0px;}
#menudrop li{display:block; padding:0px; border-bottom:1px #ddd solid;} #menudrop li a{text-decoration:none; color:#222222; font-size:24px; padding:0px;} #menudrop li a:hover{color:#f1d40b;}
#menudrop li a div{padding:20px 0px; text-align:center;}

#mb-panel{padding:12px 4px;} #mb-logopanel{float:left; width:80%;} #mb-nav{float:left; width:20%; text-align:center;}


/*========= PROMOTION ============*/
#j1program{position:absolute; width:100%; height:100%; margin:auto; z-index:9999999; top:0%; padding-top:25px; text-align:center; display:none;}
.close-promo{position:fixed; right:30px; top:2%; background:#fff; border-radius:60px; box-shadow: 0px 0px 8px #333333; padding:16px 20px; font-size:21px;}

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

	/*#logopanel, #nav{clear:both; width:100%; text-align:center;}*/
	.content, .content2, .content3{width:95%;}
	.banner{height:400px; background-position:center; background-size:100% 400px; background-image:url('../images/banner-mb.jpg');}
	#logopanel{width:80%;} #nav{width:15%;}
	.menu, .close{font-size:42px; color:#222222; text-decoration:none;}

	.signup-mb{text-align:center; color:#fff; padding:12px 0px; background:#333333;}
	.signup-mb span{display:block; padding:12px 0px;} .signup-mb span input[type=text]{padding:12px 12px 12px 32px; font-size:16px; border:none;} .events span input:focus{outline: none;}

	.formfield{padding:4px;} .formfield input[type=text], .formfield input[type=number], .formfield input[type=email], .formfield select{display:block !important; width:90% !important;}
	.formfield input[type=file]{width:100%;} .formfield span{display:block;}
	#promoregform{display:none}

	.desktop{display:none;} .mobile{display:block;}
	.events{display:none;}
	.leftside, .rightside, .left, .right{clear:both; width:100%;}
	.icon{display:none !important;}

}