body { background: transparent url('../images/nextlevel_background.jpg') left top repeat; background-size: 100%;}

.cf:before, .cf:after { content: " "; /* 1 */ display: table; /* 2 */}
.cf:after { clear: both; }
/*** For IE 6/7 only Include this rule to trigger hasLayout and contain floats. ***/
.cf { *zoom: 1;}

/**** padding ****/
.pad-8 {padding-top: 8px;}
span.red {color:#ca0000; font-weight: bold;}

/**** navbar ***/
.navbar-inverse {background-color: #000; border:none;}
.navbar {min-height: 54px; width: 100% !important}
.main-logo-container {position: absolute; margin:2px 0 0 -92px; padding: 0; left: 50%; }
.nav-l { float: left; font-family: 'Open Sans', cursive; font-size: 12px; text-transform: uppercase; text-align: center;}
.nav-r {float: right; font-family: 'Open Sans', cursive; font-size: 12px; text-transform: uppercase; text-align: center;}
.nav > li {padding: 0 12px 0 0 !important;}
.navbar-nav > li > a {line-height: 15px; padding-top: 13px;padding-bottom:13px;}

/**** jumbotron ****/
.jumbotron {position: relative; height: 460px; overflow: hidden;}
.carousel { position: absolute; left: 0; top: 0px; width:100%; z-index: 0;}
.carousel .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img { min-width: 100% }
#img-overlay { background: url("../images/blackoverlay.png") repeat scroll left top transparent; bottom: 25px; left: 0; margin: 0; padding: 10px 0 18px; position: absolute; width: 100%; z-index: 10;}
#img-overlay .container {font-family: 'Permanent Marker', cursive; color: #fff; font-size:42px; padding: 0px 10px; text-align: center;}
#img-overlay .container span {font-family: 'Gruppo', cursive; font-size: 11px; text-transform: uppercase;} 

/**** main-video ***/
.main-container { z-index: 100; position: absolute; top:56px; left:0; width:100%; margin: 0; padding: 0; height: 454px;}

/**** introduction *****/
.introduction h1 {font-family: 'Open Sans', cursive; font-size: 36px;color:#C80000; font-weight: 600; text-align: center;}
.introduction {font-size: 18px; line-height: 28px; margin-bottom: 80px; padding-bottom: 180px; position: relative;}
.introduction .bs-callout-info { border-left: 1px solid #000;font-size: 12px;line-height: 18px; padding-bottom: 20px; margin-bottom: 30px;}
.introduction .bs-callout-info strong {color: #C80000;}
.introduction .bs-callout-info h3 {padding: 2px 0px 0px; margin-bottom: 0px;}
.introduction table tr td {border: none; padding:0px;}
.pictwo { width:100%;}
.picone { position: absolute; z-index: 2; margin: 0; padding: 0; bottom: -172px; left: 82px;}


/*** docs-section ****/
.bs-docs-section h1 {font-family: 'Permanent Marker', cursive; color: #000; font-size:32px; padding: 10px 0px;}
.ycode {position: relative; padding-bottom: 180px; z-index: 2; padding-top: 1px;}

.staff-info strong { color: #CF0000; text-transform: uppercase;}

/**** divide line ****/
.dline { position: absolute; margin: 0; padding: 0; bottom: 20px; left: 0; background: url('../images/divideline.png') 0px 24px repeat-x; width:100%; z-index: 1; }
.dline a { display: block; margin: 0 auto; padding: 0; position: relative; width:228px;}

/**** background image ****/
img.bg { /* Set rules to fill background */ min-height: 100%; min-width: 1200px; /* Set up proportionate scaling */ width: 100%; height: auto; /* Set up positioning */ position: fixed; top: 0; left: 0; z-index: -1;}
.img-wrapper { width: 100%; display: block; height: 170px; overflow: hidden; position: relative;}
.img-wrapper img { width: 100%;}

/**** instagram pics ***/
ul.levelFeed {padding:0; margin: 0; position: relative;}
.levelFeed li { margin: 0; padding: 0px 8px 8px 0px; float: left; list-style: none;}
.levelFeed img { width: 100px; height: 100px; border: 4px solid #fff;}

/**** registration ***/
.registration {font-family: 'Lato', sans-serif;}
.registration .breadcrumb-reg {position: absolute; top:20px;right: 30px;}
.registration .breadcrumb-reg a {color: #ca0000 !important; font-weight: bold;}
.registration ul{margin: 20px 0 0; padding: 0; position: relative;}
.registration ul li { float: left; margin: 0 14px 15px 0; padding: 0;list-style: none; width:85px;}
.registration ul.last-name li a { display: block; padding: 0px 0px; text-decoration: none; text-transform: uppercase; font-size: 50px; color: #000; background: transparent url("../images/letter_back.png") top left repeat; border: 1px solid #ccc; -moz-border-radius: 15px; border-radius: 15px; text-align: center;}
.registration ul.last-name li a:hover { color: #ca0000;}
.registration h2 { font-size: 22px; color: #ca0000; margin: 60px 0 0; padding: 0; text-transform: uppercase;}
.registration .reg-content p { font-size: 15px; color: #000; padding: 0 15px 25px 0; background: transparent url("../images/registration-dots.png") top right repeat-y; line-height: 24px; margin: 14px 0 0;}
.registration .reg-content p a { color: #ca0000; font-weight: bold;}
.registration .reg-content img {margin: 0 auto; width: 150px; display: block;}
.registration .reg-content p span {font-size: 20px; color: #ca0000;}
.registration p { font-size: 16px; color: #000;}
.registration .letter-selection {float: left; margin: 0 20px 0 0;}
.registration .letter-selection span {display: block; padding: 0px 0px; text-decoration: none; text-transform: uppercase; font-size: 50px; color: #000; background: transparent url("../images/letter_back.png") top left repeat; border: 1px solid #ccc; -moz-border-radius: 15px; border-radius: 15px; text-align: center; width:85px;}
.registration .lname-wrapper {float: left; position: relative; margin: 0; padding: 0; width: 80%;}
.registration .lname-wrapper ul { margin: 0; padding: 0;}
.registration .lname-wrapper ul li { background: transparent url("../images/registraton-horizon-dots.png") bottom left repeat-x; text-transform: uppercase; font-size: 35px; float: none; padding: 0px 0px 14px; width:auto;}

.registration .lname-wrapper ul.last-name-results li.header { background: transparent url("../images/registraton-horizon-dots.png") bottom left repeat-x; text-transform: uppercase; font-size: 25px; float: none; padding: 0px 0px 14px; width:auto;}
.registration .lname-wrapper ul.last-name-results li.header span { font-size: 20px;}
.registration .lname-wrapper ul.last-name-results li.header span strong {color: #ca0000;}
.registration .lname-wrapper ul.last-name-results li.entries { background: none; text-transform: uppercase; font-size: 15px; float: none; padding: 0px 0px 6px; width:auto;}


.registration .lname-wrapper ul.last-name-results li {float: none;}
.registration .lname-wrapper ul li:last-child { background: none; font-size: 15px;}
.registration .lname-wrapper ul li a { color: #000; text-decoration: none;}
.registration .lname-wrapper ul li a:hover { color: #ca0000 !important;}
.registration .form-container span {display: block; width: 100%; padding: 0px 0px 10px; margin: 0 0 4px 0;}
.registration .form-container span input, .registration .form-container span select {float: right;}
.registration .red-link { color: #ca0000 !important; font-weight: bold;}
.registration .red-link:hover {text-decoration: underline;}
.registration span.small-font { font-size: 11px; color: #ca0000; font-weight: bold; display: inline; width: auto;}
.registration .form-container div.col-md-6:first-child {padding-left: 0px !important;}
.registration .submit { font-size : 26px; color : #ffffff; padding : 6px 13px; background-color : #ca0000; margin: 40px 0 0 95px;}
.dselect { font-size: 20px; line-height: 30px;}
.dselect .submit {font-size: 26px; color: #ffffff; padding: 6px 13px; background-color: #ca0000; margin: 15px 0 0 0;}

.registration .select-wrapper { float: left; width: 80%;}
.registration .selec-header {text-transform: uppercase; font-size: 35px;background: transparent url("../images/registraton-horizon-dots.png") repeat-x scroll left bottom; padding:12px 0;}
.registration .self-info { padding: 10px 0 5px 0; font-size: 12px; text-transform: uppercase; line-height: 20px;}
.registration .par-info {background: transparent url("../images/registraton-horizon-dots.png") repeat-x scroll left top; font-size: 12px; text-transform: uppercase; line-height: 20px; padding-top: 1px; margin-top: 10px; width:60%;}
.registration .reg-header-small {background-color:#fff; font-size: 10px; color:#000;padding:4px;display:block;margin-top:5px;width:50%; text-align:center;margin-bottom: 8px;}
.registration .attend-wrapper {position: absolute; top:192px; right: 52px;}
.registration .attend { font-size : 12px; color : #ffffff; padding : 6px 13px; background-color : #ca0000; margin: 0px 0 0 0px; width: 150px; height: 65px; white-space: normal;}


/**** fixes ****/
.page-header{ border-bottom:  none;}
.ua-mobile .jumbotron { height: 179px;}
.ua-mobile #img-overlay .container {font-size: 21px;}
.ua-mobile .img-wrapper {height: 100px;}
.ua-mobile .thumbnail {margin-bottom: 8px;}
.ua-mobile .levelers .col-md-3 { font-size: 10px; font-weight: bold; text-transform: uppercase; margin-bottom: 12px;}
.ua-mobile .picone { bottom: -70px; left:-65px}
.ua-mobile .pic-two-c {height: 300px;}
.ua-mobile .picone img {width: 200px;}
.ua-mobile .pictwo {left:-30px; width:400px; position: absolute;}
.ua-mobile .imgborder img {width: 350px;}
.ua-mobile .main-container {top: 54px;}
/***.ua-mobile .main-video {display: none;}
.ua-mobile #main-intro {display: none;}***/
.ua-mobile .introduction .bs-callout-info { margin-bottom: 0;}

/*** embed mailchimp ***/
#mc_embed_signup{background:none; clear:left; font:14px "Open Sans",Helvetica,Arial,sans-serif; border-top: 1px solid #000;}
.chimp-header {font-size: 18px !important; padding-bottom:0px !important;}
#mc_embed_signup .button { background-color: #C80000 !important; color: #fff !important;}
#mc-embed_signup .button:hover { background-color: #FFF !important; color: #C8000 !important;}
#mc_embed_signup input.email { width:90% !important;}
.ua-mobile #mc_embed_signup {margin: 22px 0 0;}

@media screen and (min-width: 992px) { /* Specific to this particular image 
	.fix-img { height: 170px; width:auto !important; }*/
}

@media screen and (max-width: 1200x) { /* Specific to this particular image */

}