/* Space out content a bit */
body{ background:#fff;padding:50px 0 0 0;font-family:'Quicksand', sans-serif }
.container{ background:#fff;margin:0 auto;padding:0;width:100% }

/* Custom Naviagation Bar settings */
.navbar-default{
background:#17468e;	
/*	
background:#800000;
background:-moz-linear-gradient(top, #800000 0%, #272727 20%, #800000 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#800000), color-stop(20%,#272727), color-stop(100%,#800000));
background:-webkit-linear-gradient(top, #800000 0%,#272727 20%,#800000 100%);
background:-o-linear-gradient(top, #800000 0%,#272727 20%,#800000 100%);
background:-ms-linear-gradient(top, #800000 0%,#272727 20%,#800000 100%);
background:linear-gradient(to bottom, #800000 0%,#272727 20%,#800000 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#800000', endColorstr='#272727',GradientType=0 );
*/
padding:0;
border-bottom:2px solid #000;
}
.navbar-header{ padding:10px 0 0 20px }
.navbar{ min-height:20px;border:none;border-radius:0;border-bottom:1px solid #c8c8c8 }
.navbar-brand{ min-height:60px;margin:0;padding:0 }
.navbar-brand img{ height:60px }
.navbar-nav a{ color:#000;font-family:'Julius Sans One', sans-serif;font-size:16px;font-weight:900;margin:10px 0 0 30px }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus { background-color:transparent;color:#ccc }

.nav.navbar-nav.navbar-right li a { color:#fff }

@media (max-width: 767px){
.navbar-header{ padding-left:5px }
.navbar-nav .open .dropdown-menu > li > a{ color:#000 }
.navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus{ color:#ccc }
}
/* End Custom Navbar settings*/

/* Supporting textSection content */
.textBody{ margin:20px 0 }

/* Main textSection message and sign up button */
.jumbotron{
background:#fafafa; /* Old browsers */
background:-moz-linear-gradient(top, #fafafa 0%, #fafafa 20%, #e6e6e6 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(20%,#fafafa), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top, #fafafa 0%,#fafafa 20%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top, #fafafa 0%,#fafafa 20%,#e6e6e6 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(top, #fafafa 0%,#fafafa 20%,#e6e6e6 100%); /* IE10+ */
background:linear-gradient(to bottom, #fafafa 0%,#fafafa 20%,#e6e6e6 100%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
margin:25px 0 0 0;
padding:10px 0;
text-align:center
}
.jumbotron h1{ color:#272727;font-size:28px;margin:0;padding:0 0 10px 10px;text-align:left;font-family:'Hammersmith One',sans-serif }
.jumbotron h3{ font-size:20px;margin:0;padding:5px 10px }
.jumbotron h4{ padding:5px 10px;line-height:150%;text-align:justify;font-family:'Work Sans';letter-spacing:1px; }
.jumbotron div#thanks{ line-height:220%;margin:5px 20px;text-align:justify }

form{ margin:0 auto;width:98% }
form h2{ color:#000;font-size:28px;font-weight:500;margin:0 0 10px 0;text-align:center }
form h2 span{ font-size:24px }
form p{ color:#000;text-align:center }
form a{ color:#000;font-weight:bold }
form .field-group{ margin:5px auto;text-align:left;width:90% }

form .group-border{ border:#ccc 1px solid;border-radius:5px;padding:5px }
form .field-group label span.glyphicon{ color:#666;font-size:14px;margin-left:10px;float:right;font-style:normal }
form .field-group label.reqField{ color:#ff0000;font-style:italic }
form .button{ text-align:center }

form input.error, form input.exportRequire{ border:1px solid red; }
form label.error, form .error_show, form label.exportRequire{ color:#ff0000;float:left;font-size:12px;font-style:italic }
.form-control{ color:#333 }

.left50{ float:left;width:48% }
.right50{ float:right;width:48% }
.left90{ float:left;width:90% }
.right10{ float:right;width:10% }
.hidden{ display:none }

.btn-info{ background:#185674 }
.btn-sm{
background:#bf1e2d;
border:none;
border-radius:5px;
color:#fff;
font-size:16px;
padding:5px 15px;
text-align:center;
text-transform:uppercase
}

img.circle{ border-radius:50%;width:75% }
img.round-corner{ border-radius:10px;width:90% }

.instructor{ color:#000;font-family:'Quicksand';margin:5px auto;text-align:center;width:98% }
.instructor h3, .instructor h4{ font-family:'Work Sans';letter-spacing:1px;color:#17468e }
.instructor h4{ color:#000 }
.instructor p{ margin:5px auto;text-align:justify;width:90% }
.instructor img{ border-radius:50%;width:75% }

.marketing{ font-family:'Quicksand';font-weight:600;margin:0 auto;width:80% }
.marketing{ font-family:'Quicksand';font-weight:600;margin:0 auto;width:80% }
.marketing h3{ color:#17468e;font-family:'Work Sans';font-size:20px;font-weight:700;letter-spacing:1px;line-height:180%;text-align:center }
.marketing h3 img{ height:50px }
.marketing h3 span{ font-size:14px;font-style:italic }
.marketing h4{ font-size:16px;font-weight:800;line-height:180%;text-align:center }
.marketing li{ font-size:16px }
.marketing p{ margin:5px auto;text-align:justify }

.marketing div.feature{ text-align:center }
.marketing div.feature p{ text-align:justify }
.marketing img.circle{ border-radius:50% }

footer{ margin:0;padding:0 }
footer .container{ background:#000;border-top:solid 1px #17468e;color:#848484;margin:0;padding:10px }
/*footer a{ color:#17468e }*/
footer a{ color:#fff }

	footer a.social{ padding:0 5px }
/*
	footer a.fb{ color:#800000 }
	footer a.ig{ color:#9b6954 }
	footer a.tw{ color:#32CCFE }
	footer a.yt{ color:#C12025 }
*/
footer h4,h5{ font-size:14px;font-weight:900 }
footer h4.thin{ font-family:'Quicksand';font-size:14px;font-weight:500 }
footer h4.thin a{ color:#848484;text-decoration:none}
footer h4.thick a{ color:#17468e;text-decoration:none}
/******************** Scroll to top ************************/

/* Tabbed Content */
body div > ul#menuInfo{ margin:0;padding:0;border-bottom:3px solid #666;overflow:hidden }
ul#menuInfo li{ list-style:none;float:left;margin-right:4px }
ul#menuInfo li.controls{ float:right }
ul#menuInfo li a{
font-weight:bold;
display:inline-block;
padding:6px 12px;
color:#888;
outline:0;
text-decoration:none;
background:#f3f3f3;
background:-webkit-gradient(linear,0 0,0 bottom,from(#eee),to(#e4e4e4));
background:-moz-linear-gradient(#eee,#e4e4e4);
background:linear-gradient(#eee,#e4e4e4);
-pie-background:linear-gradient(#eee,#e4e4e4);
}

ul#menuInfo li.active a{
pointer-events:none;
color:white;
background:#666;
background:-webkit-gradient(linear,0 0,0 bottom,from(#888),to(#666));
background:-moz-linear-gradient(#888,#666);
background:linear-gradient(#888,#666);
-pie-background:linear-gradient(#888,#666)
}
div.tabscontent { padding:5px 15px }
div.controls{ float:right }
div.controls a{ margin-left:5px }

/* Custom Belt Rank Colors */
.beltDot{ border-radius:50%;display:block;height:20px;width:20px }
.level0{ background:#fff }
.level1{ background:#ffff00 }
.level2{ background:#cc9900 }
.level3{ background:#339900 }
.level4{ background:#0000ff }
.level5{ background:#663300 }
.level6{ background:#000 }

.level0-font{ color:#fff }
.level1-font{ color:#ffff00 }
.level2-font{ color:#cc9900 }
.level3-font{ color:#339900 }
.level4-font{ color:#0000ff }
.level5-font{ color:#663300 }
.level6-font{ color:#000 }

table span.mobile{ display:none }
img.logo_mobile{display:none }

@media(max-width:528px){
.navbar-nav a{ margin:5px 0 5px 5px }
.left50, .left90{ margin-bottom:5px;width:100% }
.right50, .right10{ width:100% }
.marketing{ width:96% }
.marketing h4{ text-align:justify }
.marketing p{ width:90% }
.marketing img.circle{ height:75%;width:75% }
.marketing div.feature h4{ text-align:center }

table span{ display:none }
table span.mobile{ display:block;text-align:center }

img.logo{display:none}
img.logo_mobile{display:inherit}
}
@media(max-width:768px){
footer .text-left{ text-align:center }
footer .text-right{ text-align:center }
}
@media(min-width:768px){
form .field-group{ width:60% }
}
