/* Theme Name: RRF Hub */

@font-face {
    font-family: 'GothamLight';
    src: url('fonts/gotham-light.eot');
    src: url('fonts/gotham-light.eot') format('embedded-opentype'),
         url('fonts/gotham-light.woff') format('woff'),
         url('fonts/gotham-light.ttf') format('truetype'),
         url('fonts/gotham-light.svg') format('svg');
}

@font-face {
    font-family: 'GothamBook';
    src: url('fonts/gotham-book.eot');
    src: url('fonts/gotham-book.eot') format('embedded-opentype'),
         url('fonts/gotham-book.woff') format('woff'),
         url('fonts/gotham-book.ttf') format('truetype'),
         url('fonts/gotham-book.svg') format('svg');
}

@font-face {
    font-family: 'GothamMedium';
    src: url('fonts/gotham-medium.eot');
    src: url('fonts/gotham-medium.eot') format('embedded-opentype'),
         url('fonts/gotham-medium.woff') format('woff'),
         url('fonts/gotham-medium.ttf') format('truetype'),
         url('fonts/gotham-medium.svg') format('svg');
    font-weight: normal;
}

@font-face {
    font-family: 'GothamBlack';
    src: url('fonts/gotham-black.eot');
    src: url('fonts/gotham-black.eot') format('embedded-opentype'),
         url('fonts/gotham-black.woff') format('woff'),
         url('fonts/gotham-black.ttf') format('truetype'),
         url('fonts/gotham-black.svg') format('svg');
}

@font-face {
    font-family: 'GothamBold';
    src: url('fonts/gotham-bold.eot');
    src: url('fonts/gotham-bold.eot') format('embedded-opentype'),
         url('fonts/gotham-bold.woff') format('woff'),
         url('fonts/gotham-bold.ttf') format('truetype'),
         url('fonts/gotham-bold.svg') format('svg');
}

* {-webkit-font-smoothing: antialiased;}

div.bca {
	margin-top: 35px;
}

.block-rating {
display: inline-block;
width: 100px;
text-align: center;
}

.block-rating span {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #039913;
color: #fff;
display: block;
font-size: 36px;
line-height: 52px;
max-width: 100px;
width: 100%;
height: 52px;
text-align: center;
}

.bca iframe {
display: inline-block;
}

body {
	width: 100% !important;
	overflow-x: hidden !important;
	padding: 0px !important;
}

p {
	line-height: 1.5em;
}


h1 {
	font-size: 28px;
	font-family: GothamMedium;
}

h1.page-title,
h3.page-title {
	font-size: 32px;
	margin-bottom: 32px;
	margin-top: 0px;
}

h1.page-title.solid,
h3.page-title.solid {
	color: #ffffff;
	font-family: GothamBook;
	font-size: 20px;
	text-align: center;
	text-transform: uppercase;

	background-color: #1c222d;
	width: 100%;
	margin: 0px;
	padding: 16px 14px;
	display: block;
}

h2 {
	margin: 1.0em 0;
}

h3 {
	font-family: GothamMedium;
	font-size: 26px;
	margin: 1.0em 0;
}

h4 {
	padding: 16px 0px;
}

.yellow {
	color: #ffff00 !important;
}

.container.nopadding {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.container.padded,
.padded {
    padding: 0% 12%;
}

ul.spaced {
	margin: 1.5em 0;
}

ul.spaced li {
	margin: 1.0em 0;
}

.glyphicon {
  font-family: 'Glyphicons Halflings' !important;
}

/* 5-Column Grid */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1280px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1400px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}


@media (min-width: 1400px) {
	.col-8{
		width: 12.5%;
	}
}


/* Header */
header#main {
    position: relative !important;
}


header#main #header-top {
	background-color: rgb(34,34,34);
	width: 100%;
	z-index: 40;
}

header#main #header-top .container {
	padding: 8px 24px;
}

header#main #header-top img#header-logo {
	width: auto;
	height: 78px;
}

header#main div#header-icons {
	margin-top: -2px;
}

header#main div#header-icons img {
	width: auto;
	max-height: 52px;	
	margin-left: 20px;
	border: 0px;
	outline: 0px;
}

header#main div#header-mid {
	position: relative;
	z-index: 90;
}

.ie8 div#header-icons {
        width: 50%;
}

div#header-icons p {
        text-align: center;
        color: #eee;
        font-size: 14px;
        margin: 0px 0px 5px 0px;
}
.ie8 div#header-icons p {
        text-align: right;
}
.ie8 div#header-icons p#header-icon-hover {
        visibility: hidden;
}
div#header-icons p#header-icon-hover {
        position: absolute;
        background-color: #fff;
        color: #333;
        padding: 13px 16px;
        width: auto;
        min-width: 120px;
        margin-left: 15px;
        margin-top: 14px;
        height: auto;
        clear: both;
        border-radius: 3px;
        opacity: 0;
        font-size: 14px;
        z-index: 99999;

}
div#header-icons p#header-icon-hover::before {
        content: "";
        position: absolute;
        top: -12px;
        left: 50%;
        margin-left: -14px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 14px 12px 14px;
        border-color: transparent transparent #fff transparent;
}

div#header-icons a:hover {
	text-decoration: none;
}


header#main #header-top{
	position: relative;
}

/* Main Nav */
header#main div.navbar-container {
/*	padding: 0px; */
}

header#main div.navbar {
	border: 0px;
	border-radius: 0px;
	height: 53px;
	line-height: 53px;
	padding: 0px 16px;
	z-index: 10;
	position: relative;
	-webkit-box-shadow: 25px 25px 8px 10px rgba(0,0,0,0.07);
	        box-shadow: 25px 25px 8px 10px rgba(0,0,0,0.07);
}

.navbar-header {
	float:  none;
}

header#main div.navbar ul {
	text-align: center;
}


header#main div.navbar ul li {
	position: relative;
}


header#main div.navbar ul li a {
	font-family: GothamBook;
	text-transform: uppercase;
	color: #fff;
	font-size: 14px;
	padding: 0px 18px;
	line-height: 53px;
}

/* Main Nav > Sub Menu */
div.navbar ul li ul.sub-menu {
	position: absolute;
	top: -11.5em;
	opacity: 0;
	visibility: hidden; 
	background-color: rgb(34,34,34);
	display: block;
	padding: 0px;
	list-style-type: none;
	-webkit-box-shadow: 25px 25px 8px 10px rgba(0,0,0,0.07);
	        box-shadow: 25px 25px 8px 10px rgba(0,0,0,0.07);

	z-index: 9999 !important;
	min-width: 300px;

	/* DEBUG */
/*
	top: -6em;
	visibility: visible;
	opacity: 1.0;

	z-index: -1;
*/
}



div.navbar ul li ul.sub-menu li {
	background: url(images/nav-submenu-gradient.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right top;

	float: none;
	padding: 0px 30px;
    z-index: 9999;
}


div.navbar ul li ul.sub-menu li a {
	padding: 0px !important;
}

div.navbar ul li ul.sub-menu li:first-child {
	background: url(images/nav-submenu-bg-top.png);
	background-repeat: no-repeat;
	margin-top: -6px;
	margin-bottom: -6px;
	padding-top: 6px;
	padding-bottom: 6px;
	background-size: 100%;
}

div.navbar ul li ul.sub-menu li:last-child {
	padding-bottom: 7px;
}

div.navbar ul li:hover a + .sub-menu {
	opacity: 1;
	top: 62px;
	visibility: visible;
	z-index: 999 !important;
}



.floating-hover {

}

header#main div.navbar:before {
	width: 63px;
	height: 53px;
	left: -62px;
	background: url(images/nav-gradient-left.png);
	background-repeat: no-repeat;
	position: absolute;
}

header#main div.navbar:after {
	width: 63px;
	height: 53px;
	right: -63px;
	background: url(images/nav-gradient-right.png);
	background-repeat: no-repeat;
	position: absolute;
}

header#main .top-images {
	border-top: 4px solid rgb(222,222,222);
	width: 100%;
	-webkit-box-shadow: 5px 5px 12px 0px rgba(0,0,0,0.5);
	        box-shadow: 5px 5px 12px 0px rgba(0,0,0,0.5);
	position: relative;
	vertical-align: middle;

}

header#main .top-images-overlay {
	position: absolute;
	width: 100%;
	max-width:  1280px;

	margin: 0px auto;
	z-index: 9999;
	display: block;
	top:  0px;
	bottom: 0px;
	left:  0px;
	right: 0px;
	text-align:  center;
	overflow:  hidden;
	display:  -webkit-box;
	display:  -ms-flexbox;
	display:  flex;
	-webkit-box-align:  center;
	    -ms-flex-align:  center;
	        align-items:  center;
}

header#main .top-images-overlay img {
	max-width:  46%;
	height: auto;
	margin: 18px auto 40px auto;
	display:  block;
}

@media (max-width: 1500px) {
	header#main .top-images-overlay img {
		max-width:  44%;
		margin: 18px auto 40px auto;
	}
	header#main a#hdr-signup {
		bottom: 4%;
	}

}

@media (max-width: 768px) {
	header#main .top-images-overlay img {
		max-width:  44%;
	}
}

@media (max-width: 500px) {
	header#main .top-images-overlay img {
		max-width:  40%;
	}
}



header#main .header-ctc {
	padding: 6px 0px;
}

header#main .header-ctc a {
	color: #fff;
	font-size: 20px;
	font-family: GothamBold;
}


.icon-bar {
  display: block !important;
  width: 28px !important;
  height: 4px !important;
  background-color: #fff !important;
  border-radius: 1px !important;
  position: relative !important;
  clear: none !important;
  margin: 4px !important;
}

.navbar-toggle {
  border: 0px;
}


div#main-content {
	margin-top: -72px;
	padding-top: 72px;
	background: url('images/bg-curve-top-full.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center top;
    z-index: -1;
}


section.feature {
	padding: 70px 0px;
	background-color: rgb(244,244,244);
	background-size: cover !important;
}

section.feature .container {
	z-index: 502;
}

section.feature.first {
	background: none;
	padding-top: 20px;
}

section.feature h3:first-of-type {
	padding-top: 0px;
}

section.feature .shade {
	width: 100%;
	padding: 12px 0px;
	background-color: rgba(255,255,255,0.5);
}

section.feature .shade.white {
	background-color: #fff;
}

.shade.gold {
    background-color: #f2dd44;
    background-image: url(images/bg-shade-gold.jpg);
    background-position: center center;
    background-size: cover;
    color: #181b21;   
}

.shade.gold a {
    color :#e55a39;
}

.shade.dark {
    background-color: #181b22 !important;
}

.shade.dark h4,
.shade.dark p {
    color: #fff !important;
}

section.feature img.intro-logo {
	width: 100%;
	max-width: 300px;
	margin: 50px 0px;
}

h3.section-heading + section.feature {
	background-size: 80% auto;
	background-repeat: no-repeat;
	background-position: left top;
}


/* Section headings: 
 * ::before: upper right curve
 * ::after: lower right curve;
 * lower left? If only :before:before existed...
 */

h3.section-heading, h3.section-heading.blue {
	color: #fff;
	font-size: 26px;
	font-family: GothamMedium;
	background-color: rgb(147,193,198);
	padding: 12px 0px;
	text-align: center;
	border-bottom: 8px solid rgb(55,55,55);
	margin-bottom: 0px;
	position: relative;
	margin-top: 0px !important;
	text-transform: uppercase;
	letter-spacing: -1px;
	width: 100%;
}
	h3.section-heading:before, h3.section-heading.blue:before {
		position: absolute;
		display: block;
		content: "";
		width: 100%;
		height: 76px;
		top: -76px;
		right: 0px;
		background: url('images/bg-curve-heading-blue.png');
		background-size: auto auto !important;
		background-repeat: no-repeat !important;
		background-position: right -50px bottom !important;
		z-index: 500;
	}

	h3.section-heading:after, h3.section-heading.blue:after {
		position: absolute;
		display: block;
		content: "";
		width: 100%;
		height: 200px;
		top: 100%;
		right: 0;
		z-index: 500;
		background: url('images/bg-curve-heading-blue-bottom.png');
		background-size: contain !important;
		background-repeat: no-repeat !important;
		background-position: right top !important;
		pointer-events:none;
	}

h3.section-heading.gold {
	background: rgb(224,199,98);
}
	h3.section-heading.gold:before {
		background: url('images/bg-curve-heading-gold.png');
	}

	h3.section-heading.gold:after {
		background: url('images/bg-curve-heading-gold-bottom.png');
		height: 100px;
	}

h3.section-heading.orange {
	background: rgb(249,92,65);
}
	h3.section-heading.orange:before {
		background: url('images/bg-curve-heading-orange.png');
	}

	h3.section-heading.orange:after {
		background: url('images/bg-curve-heading-orange-bottom.png');
		height: 100px;
	}

h3.section-heading.green {
	background: rgb(188,188,23);
}
	h3.section-heading.green:before {
		background: url('images/bg-curve-heading-green.png');
	}

	h3.section-heading.green:after {
		background: url('images/bg-curve-heading-green-bottom.png');
		height: 100px;
	}


h3.section-heading.red {
	background: rgb(255,51,0);
}
	h3.section-heading.red:before {
		background: url('images/bg-curve-heading-red.png');
	}

	h3.section-heading.red:after {
		background: url('images/bg-curve-heading-red-bottom.png');
		height: 100px;
	}

h3.section-heading.black {
	background: rgb(0,0,0);
}
	h3.section-heading.black:before {
		background: url('images/bg-curve-heading-black.png');
	}

	h3.section-heading.black:after {
		background: url('images/bg-curve-heading-black-bottom.png');
		height: 100px;
	}


h3.section-heading.grey {
	background: rgb(155,164,177);
}
	h3.section-heading.grey:before {
		background: url('images/bg-curve-heading-grey.png');
	}

	h3.section-heading.grey:after {
		background: url('images/bg-curve-heading-grey-bottom.png');
		height: 100px;
	}


section#home-divisions div.division {
	position: relative;
}

section#home-divisions div.division a {
	display: block;
}


section#home-divisions div.division img {
	width: 100%;
	height: auto;
	position: relative;
	display: block;
}

section#home-divisions h3 {
	margin-top: 60px;
	text-align: center;
}

section#home-locations {
	/*
	background: url('images/bg-home-locations.jpg');
	*/
}


div.chart-horizontal {
  margin: 48px 0px;
}

div.chart-horizontal div.chart-row {
  text-align: left;
  text-transform: uppercase;
  background-color: rgb(247,247,247);
  line-height: 47px;
  height: 47px;
  margin-bottom: 7px;
  font-size: 13px;
  padding: 0px;

}

div.chart-horizontal div.chart-row div.chart-bar {
  background-color: rgb(204,204,204);
  float:left;
  height: 47px;
  margin: 0px 12px 0px 0px;

  transition: all 200ms ease-in;
  -webkit-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  -ms-transition: all 200ms ease-in;
}

div.chart-horizontal div.chart-row span.chart-label {
  float: left;
}

div.chart-horizontal div.chart-row span.chart-label span.cost {
  color: #000;
}

div.chart-horizontal div.chart-row.us div.chart-bar        { width: 3%; min-width: 15px; }
div.chart-horizontal div.chart-row.trade div.chart-bar     { width: 6%; }
div.chart-horizontal div.chart-row.college div.chart-bar   { width: 14%; }
div.chart-horizontal div.chart-row.online div.chart-bar    { width: 27%; }
div.chart-horizontal div.chart-row.university div.chart-bar{ width: 52%; }

div.chart-horizontal div.chart-row.us {
  background-color: transparent;
  font-size: 22px;
}

div.chart-horizontal div.chart-row.us div.chart-bar {
  background-color: rgb(232,105,66);
}

div.chart-horizontal div.chart-row.us span.chart-label {
  color: #000;
  font-family: GothamMedium;
}

div.chart-horizontal div.chart-row.us span.chart-label span{
  color: rgb(232,105,66);
  font-family: GothamBold;
}

div.chart-vertical {
  position: relative;

  margin: 24px auto 48px auto;
}

div.chart-vertical div.chart-column {
  display: table-cell;
  vertical-align: bottom;
  height: 350px;
}

div.chart-vertical div.chart-column div.chart-bar {
  width: 37px;
  margin: 0px 10px;
  display: inline-block;
  background-color: #bcbc17;
  float: left;
  text-align: center;

  transition: all 200ms ease-in;
  -webkit-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  -ms-transition: all 200ms ease-in;
}

div.chart-vertical div.chart-column div.chart-label {
  color: #bcbc17;
  font-family: GothamBlack;
  font-size: 32px;
  width: 100%;
  text-align: center;
  margin-bottom: 5px;
}

div.chart-vertical div.chart-column div.chart-label.on {
  opacity: 1.0;
  transition: all 200ms ease-in;
  -webkit-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  -ms-transition: all 200ms ease-in;
}

div.chart-vertical div.chart-column.us div.chart-label {
  color: #fff;
}

div.chart-vertical div.chart-column.us div.chart-bar        { height: 20px; background-color: #fff;}
div.chart-vertical div.chart-column.college div.chart-bar     { height: 50px; }
div.chart-vertical div.chart-column.trade div.chart-bar   { height: 100px; }
div.chart-vertical div.chart-column.online div.chart-bar    { height: 180px; }
div.chart-vertical div.chart-column.university div.chart-bar{ height: 300px; }

div.chart-vertical div.chart-column div.chart-bar.anchored {
/*  height: 0px; */
}

div.chart-vertical div.chart-legends {
	margin-top: 32px;
}

div.chart-vertical div.chart-legend {
  font-family: GothamBook;
  color: #bcbc17;
  font-size: 13px !important;
  margin: 12px 0px;
  height: 40px;
  line-height: 40px;
  text-transform: uppercase;
}

div.chart-vertical div.chart-legend.on {
  opacity: 1.0;
  transition: all 200ms ease-in;
  -webkit-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  -ms-transition: all 200ms ease-in;
}


div.chart-vertical div.chart-legend span{
  display: inline-block;
  color: #bcbc17;
  font-family: GothamMedium;
  font-size: 24px;
  line-height: 40px;
  width: 40px;
  height: 40px;
  text-align: center;

  margin-right: 8px;
  border-radius: 100%;
}

div.chart-vertical div.chart-legend.us {
  color: #fff;
}

div.chart-vertical div.chart-legend.us span {
  background-color: #fff;
  color: #1c222d;
}


/* Recording Connection Tuition Charts */
body.p_recording-connection div.chart-row {
	background-color: rgb(255,255,255) !important;
}

body.p_recording-connection div.chart-column div.chart-label,
body.p_recording-connection div.chart-vertical div.chart-legend {
	color: rgb(24,27,34);
}

body.p_recording-connection div.chart-column.us div.chart-bar,
body.p_recording-connection div.chart-vertical div.chart-legend.us span {
	background-color: rgb(249,92,65);
	color: rgb(255,255,255);
}

body.p_recording-connection div.chart-column.us div.chart-label,
body.p_recording-connection div.chart-vertical div.chart-legend.us,
body.p_recording-connection div.chart-horizontal div.chart-row.us span.chart-label span.cost {
	color: rgb(249,92,65) !important;
}

body.p_recording-connection div.chart-column div.chart-bar,
body.p_recording-connection div.chart-row div.chart-bar,
body.p_recording-connection div.chart-vertical div.chart-legend span {
	background-color: rgb(24,27,34);
	color: rgb(255,255,255);
}


/* Film Connection Tuition Charts */
body.p_film-connection div.chart-row {
	background-color: rgb(225,225,225) !important;
}

body.p_film-connection div.chart-row div.chart-bar {
	background-color: rgb(103,103,103);
}

body.p_film-connection div.chart-row.us div.chart-bar,
body.p_film-connection div.chart-column.us div.chart-bar {
	background-color: rgb(232,105,66);
}

body.p_film-connection div.chart-column.us div.chart-label,
body.p_film-connection div.chart-vertical div.chart-legend.us,
body.p_film-connection div.chart-horizontal div.chart-row.us span.chart-label span.cost {
	color: rgb(232,105,66);
}

body.p_film-connection div.chart-column div.chart-bar {
	background-color: rgb(34,34,34);
}

body.p_film-connection div.chart-column div.chart-label,
body.p_film-connection div.chart-vertical div.chart-legend {
	color: rgb(34,34,34);
}

body.p_film-connection div.chart-vertical div.chart-legend span {
	background-color: rgb(34,34,34);
	color: rgb(244,244,244);
}

body.p_film-connection div.chart-vertical div.chart-legend.us span {
	background-color: rgb(232,105,66);
	color: rgb(255,255,255);
}

/* Broadcast Connection Tuition Charts */
body.p_radio-connection div.chart-row {
	background-color: rgb(255,255,255) !important;
}

body.p_radio-connection div.chart-row div.chart-bar {
	background-color: rgb(28,34,45);
}

body.p_radio-connection div.chart-row.us div.chart-bar,
body.p_radio-connection div.chart-column.us div.chart-bar {
	background-color: rgb(188,188,23);
}

body.p_radio-connection div.chart-column.us div.chart-label,
body.p_radio-connection div.chart-vertical div.chart-legend.us,
body.p_radio-connection div.chart-horizontal div.chart-row.us span.chart-label span.cost {
	color: rgb(188,188,23) !important;
}

body.p_radio-connection div.chart-column div.chart-bar {
	background-color: rgb(28,34,45);
}

body.p_radio-connection div.chart-column div.chart-label,
body.p_radio-connection div.chart-vertical div.chart-legend {
	color: rgb(28,34,45);
}

body.p_radio-connection div.chart-vertical div.chart-legend span {
	background-color: rgb(28,34,45);
	color: rgb(244,244,244);
}

body.p_radio-connection div.chart-vertical div.chart-legend.us span {
	background-color: rgb(255,51,0);
	color: rgb(255,255,255);
}

/* Culinary Connection Tuition Charts */
body.p_culinary-connection div.chart-row {
	background-color: rgb(255,255,255) !important;
}

body.p_culinary-connection div.chart-row div.chart-bar {
	background-color: rgb(55,55,55);
}

body.p_culinary-connection div.chart-row.us div.chart-bar,
body.p_culinary-connection div.chart-column.us div.chart-bar {
	background-color: rgb(255,51,0);
}

body.p_culinary-connection div.chart-column.us div.chart-label,
body.p_culinary-connection div.chart-vertical div.chart-legend.us,
body.p_culinary-connection div.chart-horizontal div.chart-row.us span.chart-label span.cost {
	color: rgb(255,51,0) !important;
}

body.p_culinary-connection div.chart-column div.chart-bar {
	background-color: rgb(0,0,0);
}

body.p_culinary-connection div.chart-column div.chart-label,
body.p_culinary-connection div.chart-vertical div.chart-legend {
	color: rgb(0,0,0);
}

body.p_culinary-connection div.chart-vertical div.chart-legend span {
	background-color: rgb(0,0,0);
	color: rgb(244,244,244);
}

body.p_culinary-connection div.chart-vertical div.chart-legend.us span {
	background-color: rgb(255,51,0);
	color: rgb(255,255,255);
}


footer#page {

}

footer#page section#footer-info {
	color: #fff;
	background-color: rgb(92, 116, 117);
	padding: 12px 0px;
	position: relative;
	height: 62px;
}

body.p_recording-connection footer#page section#footer-info {
	background: rgb(224,199,98) !important;
}

body.p_film-connection footer#page section#footer-info {
	background: rgb(249,92,65);
}

body.p_radio-connection footer#page section#footer-info,
body.p_culinary-connection footer#page section#footer-info {
	background: rgb(0,0,0);
}

footer#page section#footer-info .container {
	position: relative;
}

footer#page section#footer-info h3 {
	font-size: 26px;
	font-family: GothamMedium;
	padding: 0px;
	margin: 0px;
	text-align: center;
	line-height: 40px;
}

footer#page section#footer-info input[type=text].search {
	position: absolute;
	top: 2px;
	right: 105px;
}

footer#page section#footer-info .btn {
	position: absolute;
	right: 0;
	top: 3px;
	width: 100px;
	background-color: transparent;
	border: 1px solid white;
}

input[type=text].search {
	padding: 8px 10px;
	width: 160px;
	background-image: url(images/icon-search.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: auto 22px;
	border: 0px;
	outline: 0px;
	color: #000;
}


footer#page section#footer-nav {
	padding: 32px 0px;
	background-color: rgb(34,34,34);
}

footer#page section#footer-nav h4 a {
	color: #fff !important;
	text-decoration:  underline !important;
}

footer#page section#footer-nav ul#menu-footer > li {
	display: inline-block;
	vertical-align: top;
	width: 15.5%;
	margin: 0px;
	padding: 14px;
}


footer#page section#footer-nav ul#menu-footer > li > a {
	font-family: GothamMedium;
	font-size: 16px;
	color: #fff;
	padding-bottom: 24px;
	display: block;
}

footer#page section#footer-nav ul#menu-footer > li > a:hover {
	text-decoration: none;
}


footer#page section#footer-nav nav ul {
	padding: 0px;
	list-style-type: none;
	width: 100%;
}

footer#page section#footer-nav nav ul li a {
	color: #fff;
	font-family: GothamLight;
}

footer#page section#footer-lower {
	background-color: #fff;	
	padding: 20px 0px;
	text-align: center;
	color: #000;
}

footer#page section#footer-lower ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

footer#page section#footer-lower ul li {
	display: inline;
	border-right: 1px solid #000;
	padding: 0px 6px 0px 0px;
}

footer#page section#footer-lower ul li a {
	color: #d62400;
}



footer#page section#footer-lower li:last-child {
	border-right: 0px;
}

article.apply {
	margin-bottom: 2.0rem;
}

.connected-apply input[type=text], .connected-apply input[type=email], .connected-apply input[type=phone], .connected-apply select, .connected-apply textarea {
  width: 100%;
  background-color: #fff;
  font-family: GothamBook;
  color: #181b21;
  font-size: 12px;
  border: 0px;
  margin: 8px auto;
  padding: 7px;
}

.already-filled {
    padding: 32px 0px !important;
    margin-top: 24px;
}

.already-filled h2 {
    margin-top: 0px;
}

article .article-content {
	padding: 1.0em;
	background-color: #f4f4f4;
	border-bottom: 3px solid rgb(249,92,65);
	display: block;
}


article.recording .article-content {
	border-bottom: 3px solid rgb(224,199,98);
}

article.film .article-content {
	border-bottom: 3px solid rgb(249,92,65);
}

article.radio .article-content{
	border-bottom: 3px solid rgb(188,188,23);
}

article.culinary .article-content {
	border-bottom: 3px solid rgb(0,0,0);
}

.article .article-content.noborder, .article.noborder, .article.apply .article-content {
    border-bottom: 0px !important;
}


h3.apply {
	font-family: GothamBold, Arial, sans-serif;
	font-size: 18.72px;
	text-align: center;
	color: white;
	width: 100%;
}
#apply-sidebar-container {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transform: translateZ(0);
    position: fixed;
    left: 0px;
    width: 300px;
    height: auto;
    background-color: rgb(24, 27, 34);
    overflow: visible !important;
    opacity: 0;
    z-index: 99999;
    top: 40px;
    opacity: 1;
    padding-bottom: 24px;
}


#apply-sidebar-container span.error_message {
	color: #fff;
	padding: 0px 25px;
	font-size: 0.8em;
}

#apply-sidebar-container .rrfc-api.mobile-view .rrfc-form .form-inline {
	margin-top: 10px;
}

#apply-sidebar-slider-container {
    line-height: 0;
    overflow: hidden;
}

#apply-sidebar-slider {
    width: 100%;
    height: auto;
}

#apply-container-toggle-hide,
#apply-container-toggle-show {
    position: absolute;
    cursor: pointer;
    z-index: -9;
}

#apply-container-toggle-hide {
    right: 10px;
    padding-right: 5px;
    top: 22px;
    height: 25px;
    opacity: 0.3;
    z-index: 999;
}

#apply-container-toggle-hide:hover {
    opacity: 0.9;
}

#apply-container-toggle-show {
    right: 0px;
    width: 100px;
    top: 5px;
    height: auto;
    opacity: 1;
    z-index: -99;
}

#mobile-apply {
	position: fixed;
    left: 0px;
    width: 100px;
    top: 120px;
    height: auto;
    opacity: 1;
    z-index: 9999;
}

#apply-container-toggle-show {}

#apply-sidebar-container #apply-sidebar-header {
    overflow: visible !important;
    margin-bottom: 20px;
    padding: 5px 0 0 0;
    min-height: 55px;
    background-color: rgb(24, 27, 34);
}

#apply-sidebar-container #apply-sidebar-header span {
    display: block;
    color: #fff;
    padding: 7px 25px 7px 25px;
    font-size: 15px;
    line-height: 22px;
}

#apply-sidebar-container::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0px 0 25px;
    border-color: rgba(0, 0, 0, 0.4) transparent transparent transparent;
}

.rrfc-api.compact-fields .rrfc-form .checkmark {
	top: 0 !important;
}

#apply-sidebar-container::before {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 25px;
    width: 225px;
    height: 5px;
    background-color: rgba(0, 0, 0, 0.2);
}

#apply-sidebar-container table {
    width: 80%;
    margin-left: 10%;
}

#apply-sidebar-container table td {
    width: 100%;
    height: 40px;
}

#apply-sidebar-container table td {
    height: 35px;
}

.transition-med {
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

/* Apply Page */
article.apply section#home-divisions div.division {
	position: relative;
	margin: 0px;
	padding: 0px;
}

article.apply section#home-divisions div.division a {
	display: block;
}


article.apply section#home-divisions div.division img {
	width: 100%;
	height: auto;
	position: relative;
	display: block;
}

article.apply .article-content {
	border-bottom-color: #93c1c6;
	background-color: #dedede;
	position: relative;
	padding-bottom: 50px;
}

article.apply section#home-divisions {
	padding: 0px !important;
}

article.apply form.w2llead {
}

article.apply form.w2llead .sf_type_select select,
article.apply form.w2llead .sf_type_text input[type=text] {
	background-color: #f4f4f4 !important;
	color: #9b9b9b !important;
	font-family: GothamBook !important;
	font-size: 15px !important;
	padding: 8px 6px !important;
	border: 0px !important;
	box-shadow: 3px 3px 7px 0px rgba(100,100,100,.3);
	-moz-box-shadow: 3px 3px 7px 0px rgba(100,100,100,.3);
	-webkit-box-shadow: 3px 3px 7px 0px rgba(100,100,100,.3);
	width: 100% !important;
	margin: 0px !important;
}

article.apply form.w2llead input {

}

article.apply div.sf_type_text {
	width: 50%;
	padding: 0.7em;
	float: left;
	margin: 0px;
	clear: none !important;
}

article.apply div.sf_type_select {
	padding: 0.7em;
}

article.apply div.sf_type_html {
	padding: 0px;
	clear: none;
}

article.apply div.w2lsubmit {
	text-align: center;
}

article.apply input[name=w2lsubmit] {
	width: 275px;
	padding: 1.0em 4.0em;
	background-color: #f95c41;
	color: #fff;
	font-size: 21px;
	font-family: GothamMedium;
	margin: 32px auto !important;
	text-transform: uppercase;
	border: 0px;
	display: inline-block;
	float: none;
	box-shadow: 3px 3px 7px 0px rgba(100,100,100,.3);
	-moz-box-shadow: 3px 3px 7px 0px rgba(100,100,100,.3);
	-webkit-box-shadow: 3px 3px 7px 0px rgba(100,100,100,.3);
	border: 1px solid #181b21;
	border-radius: 7px;

	transition: background-color 100ms ease-in;
	-webkit-transition: background-color 100ms ease-in;
	-o-transition: background-color 100ms ease-in;
	-ms-transition: background-color 100ms ease-in;
}

article.apply .sf_type_captcha {
	padding-top: 0.7em !important;
	text-align: center;
}

article.apply .sf_type_captcha img {
	width: 100%;
	max-width: 200px;
	display: block;
	clear: both;
	margin: 0px auto;
	float: none;
}

article.apply .sf_type_captcha label,
article.apply  #requiredfieldsmsg { 
	display: none !important;
	float: none;
}

article.apply .sf_type_captcha input[type=text] {
	background-color: #f4f4f4 !important;
	color: #9b9b9b !important;
	font-family: GothamBook !important;
	font-size: 15px !important;
	padding: 8px 6px !important;
	border: 0px !important;
	box-shadow: 3px 3px 7px 0px rgba(100,100,100,.3);
	-moz-box-shadow: 3px 3px 7px 0px rgba(100,100,100,.3);
	-webkit-box-shadow: 3px 3px 7px 0px rgba(100,100,100,.3);
	width: 200px !important;
	height: auto !important;
	margin: 0px auto !important;
	display: block;
	float: none !important;
}



article.apply p#requiredfieldsmsg {
	display: none !important;
}

article.apply .inline-social{
	background-color: #f4f4f4;
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 18px;
	text-align: right;
}

/* Social Buttons */
div.socializer-container {
	margin-top: 44px;
}

div.socializer-container h3 {
	text-align: center;
	padding: 22px 0px 14px 0px !important;
	margin: 0px;
	font-family: GothamMedium;
	font-size: 23px;
}

div.socializer-container img.icon {
	width: 65px;
	height: 65px;
	margin: 0px auto;
	display: block;
}

div.socializer-container li {
	margin: 0px !important;
}
.wp-socializer {
	margin: 0px auto;
	text-align: center;
	width: 100%;
}

.wp-socializer ul li {
	display: inline-block;
	margin: 0px auto;
	float: none !important;
}

aside.inline-social {
	display: inline-block;
	float: right;
	margin-top: 5px;
	font-size: 20px;
	font-family: GothamMedium;
	color: #9b9b9b;
}


aside.inline-social .wp-socializer {
	width: auto;
	display: inline-block;
}

aside.inline-social .wp-socializer ul li{
  margin: 0px 4px 0px 0px !important;
  padding: 0px !important;
}

aside.inline-social .wp-socializer ul li a,
aside.inline-social .wp-socializer ul li img {
	margin: 0px !important;
	padding: 0px !important;
}


.wpcf7 p,
.wpcf7 p label {
	width: 100%;
}

.wpcf7 input,
.wpcf7 textarea {
  width: 100%;
  border: 1px solid #ccc;
  padding: 10px 15px;
}

.wpcf7-response-output {
  border: 0 !important;
  text-align: center !important;
  font-size: 0.8em;
}

.wpcf7-response-output.wpcf7-validation-errors {
  color: red !important;
}

.wpcf7 .ajax-loader {
  display: none !important;
}

.wpcf7 .recaptcha {
  width: 100%;
  text-align: center;
  display: inline-block;
  margin: 25px auto;
}

.wpcf7 .wpcf7-not-valid-tip {
  text-align: center;
  width: 100%;
}

.wpcf7 .recaptcha > div {
  display: inline-block;
}


/* Grind Opps Page */

section#grind-heading {
  width: 100%;
  padding: 70px 0px 100px 0px;
  background-image: url(images/grind/bg-heading-1-gradient-nosquares.jpg);
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  text-align: center;
  position: relative; 
  z-index: 994;

  overflow: hidden;
}

section#grind-heading:after {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  height: auto;
  padding-bottom: 25%;
  overflow: visible;
  margin-bottom: -2px;

  content: "";
  display: block;

  z-index: 998;

  background-image: url(images/grind/bg-heading-1-squares.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;

}


section#grind-heading .content {
  z-index: 999;
  position: relative;
}

section#grind-heading h4 {
  font-family: GothamBold;
  font-size: 27px;
  color: #181b21;
  text-transform: uppercase;
  margin: 8px 0px;
}


section#grind-heading h1 {
  font-family: GothamBlack;
  font-size: 84px;
  letter-spacing: 0.2em;
  color: #fff;
  text-transform: uppercase;
  margin: 8px 0px;
}

section#grind-heading p {
  font-family: GothamMedium;
  font-size: 19px;
  color: #181b21;
}

section#grind-heading .heroes {
  position: absolute;
  width: 1920px;
  left: 50%;
  margin-left: -950px;
  top: 0px;
  text-align: center;
  display: table !important;
  z-index: 998;
}

section#grind-heading .hero {
  height: auto;
  width: 50%;
  display: table-cell !important;
  vertical-align: top;
  overflow: visible;
  padding-bottom: 29%;
  background-repeat: no-repeat;
  background-size: auto 100%;

  position: absolute;
  top: 0px;
  bottom: 0px;


  -webkit-transition: all 0.3s ease;          
  -o-transition: all 0.3s ease;          
  transition: all 0.3s ease;
}

section#grind-heading .heroes .hero-1 {
  background-image: url(images/grind/grind-opps-1.png);
  left: 0px;
}

section#grind-heading .heroes .hero-2 {
  background-image: url(images/grind/grind-opps-2.png);
  right: 0px;
}

section#grind-connected {
  width: 100%;
  padding: 32px 0px 24px 0px;
  background-image: url(images/grind/bg-heading-2.jpg);
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  text-align: center;
  position: relative; 
}

section#grind-connected p {
  font-family: GothamMedium;
  font-size: 19px;
  color: #181b21;
}

section#grind-connected p.by {
  font-size: 27px;
  margin-bottom: 0px;
}

section#grind-iz {
  width: 100%;
  padding-bottom: 120px;
  background-image: url(images/grind/bg-heading-3.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  text-align: center;
  position: relative; 
}


section#grind-iz img.logo {
  margin-top: -60px;
  margin-right: -42%;
  width: 80%;
}

section#grind-opps {
  margin-top: -24px;

}

section#grind-opps.single .opp {
    margin-bottom: 0px;
}

section#grind-opps .opp {
  display: block;
  margin-bottom: 32px;
}

section#grind-opps .opp .row {
    position: relative;
}


section#grind-opps .opp .info {
    width: 50%;
  background-color: #181b21;
  color: #fff;
  display: table-cell;
  padding: 24px 32px;
  text-transform: uppercase;
  position: relative;
    -webkit-box-shadow: 0px 0px 5px #000;
            box-shadow: 0px 0px 5px #000;


  z-index: 900;
}

section#grind-opps .opp .info:after {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  margin-top: -18px;
  right: -18px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 18px 0 18px 18px;
  border-color: transparent transparent transparent #181b21;
  z-index: 999;
}

section#grind-opps .opp .description {
  background-color: rgb(99, 99, 99);
  display: table-cell;
  padding: 24px 32px;
  min-height: 241px;
    -webkit-box-shadow: 0px 0px 5px #000;
            box-shadow: 0px 0px 5px #000;
}

section#grind-opps .opp .info .date {
  position: absolute;
  top: 12px;
  font-family: GothamBook;
  font-size: 14px;
  color: #DEC561;
}

section#grind-opps .opp .info h2 {
  color: #fff;
  font-family: GothamBlack;
  font-size: 48px;
  margin: 0px 0px 0px 0px;
}

section#grind-opps .opp .info h4 {
  color: #fff;
  font-size: 18px;
  font-family: GothamBold;
  margin: 0px 0px 18px 0px;
}

section#grind-opps .opp .info h2 strong {
  font-size: 1.3em;
  margin-left: 8px;
  display: inline-block;
}


section#grind-opps .opp .info strong {
  color: #DEC561;
}

section#grind-opps .opp .info p {
  line-height: 1.9em;
  margin: 0px;
  text-align: left;
  font-size: 15px !important;
}

section#grind-opps .opp .info p:last-child {
  margin-bottom: 0px;
}

section#grind-opps .opp .info span.glyphicon {
  font-size: 1.2em;
  color: #fff;
  margin-bottom: -2px;
  margin-right: 12px;
  display: inline-block;
}

section#grind-opps .opp .description h4 {
  font-family: GothamBold;
  font-size: 18px;
  color: #fff;
  margin: 8px 0px;
}

section#grind-opps .opp .description p {
  font-family: GothamBook;
  font-size: 14px;
  color: #fff;
}

section#grind-opps .opp .btn {
  margin-top: 24px;
  font-size: 32px !important;
  font-family: GothamBlack;
  color: #fff;
  width: 100%;
  max-width: 320px;
  padding: 14px;
  -webkit-box-shadow: 0px 0px 5px #000;
          box-shadow: 0px 0px 5px #000;
  margin-bottom: 12px;
  z-index: 999;
  border-radius: 0px;
  background-color: #e55a39;
}

/* Grind Opps Animations */
section#grind-heading.load h4,
section#grind-heading.load img {
  opacity: 0;
  -ms-transform: translateY(-150%);
      transform: translateY(-150%);
  -webkit-transform: translateY(-150%);
}

section#grind-heading.load h1 {
  opacity: 0;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

section#grind-heading.load p {
  opacity: 0;
  -ms-transform: translateY(100%);
      transform: translateY(100%);
  -webkit-transform: translateY(100%);  
}

section#grind-heading h4,
section#grind-heading h1,
section#grind-heading p,
section#grind-heading img {
  opacity: 1.0;
  -ms-transform: translateY(0);
      transform: translateY(0);
  -webkit-transform: translateY(0);
  -ms-transform: translateX(0);
      transform: translateX(0);
  -webkit-transform: translateX(0);

  -webkit-transition: all 0.3s ease;          
  -o-transition: all 0.3s ease;          
  transition: all 0.3s ease;
}

section#grind-heading .heroes .hero-1 { -o-transition-delay: 0.0s; transition-delay: 0.0s; -webkit-transition-delay: 0.0s; }
section#grind-heading .heroes .hero-2 { -o-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }
section#grind-heading img { -o-transition-delay: 0.6s; transition-delay: 0.6s; -webkit-transition-delay: 0.6s; }
section#grind-heading h4 { -o-transition-delay: 0.9s; transition-delay: 0.9s; -webkit-transition-delay: 0.9s; }
section#grind-heading h1 { -o-transition-delay: 1.2s; transition-delay: 1.2s; -webkit-transition-delay: 1.2s; }
section#grind-heading p { -o-transition-delay: 1.5s; transition-delay: 1.5s; -webkit-transition-delay: 1.5s; }


section#grind-connected.load p {
  opacity: 0;
}

section#grind-connected.load img.logo {
  opacity: 0;
  -ms-transform: translateY(-150%);
      transform: translateY(-150%);
  -webkit-transform: translateY(-150%);
}

section#grind-connected img.logo {
  opacity: 1.0;
  -ms-transform: translateY(0%);
      transform: translateY(0%);
  -webkit-transform: translateY(0%);

  -webkit-transition: all 0.3s ease;          
  -o-transition: all 0.3s ease;          
  transition: all 0.3s ease;
}

section#grind-connected p {
  opacity: 1.0;
  -webkit-transition: all 0.3s ease;          
  -o-transition: all 0.3s ease;          
  transition: all 0.3s ease;
  -o-transition-delay: 0.3s;
     transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
}

section#grind-iz.load .logo {
  opacity: 0;
  -ms-transform: translateX(50%);
      transform: translateX(50%);
  -webkit-transform: translateX(50%);  
}

section#grind-iz .logo {
  opacity: 1.0;
  -ms-transform: translateX(0%);
      transform: translateX(0%);
  -webkit-transform: translateX(0%);  

  -webkit-transition: all 0.3s ease;          
  -o-transition: all 0.3s ease;          
  transition: all 0.3s ease;
}

section#grind-opps .opp.load .info .content {
  opacity: 0;
  -webkit-transition: all 0.3s ease;          
  -o-transition: all 0.3s ease;          
  transition: all 0.3s ease;
}

section#grind-opps .opp.load .description {
  -ms-transform: translateX(-100%);
      transform: translateX(-100%);
  -webkit-transform: translateX(-100%);  
}

section#grind-opps .opp .info .content {
  opacity: 1.0;

  -webkit-transition: all 0.3s ease;          
  -o-transition: all 0.3s ease;          
  transition: all 0.3s ease;
}

section#grind-opps .opp .description {
  -ms-transform: translateX(0%);
      transform: translateX(0%);
  -webkit-transform: translateX(0%);  

  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;

  -o-transition-delay: 0.4s;

     transition-delay: 0.4s;
  -webkit-transition-delay: 0.4s;
}

section#grind-opps .opp .btn {
  -o-transition-delay: 0.7s;
     transition-delay: 0.7s;
  -webkit-transition-delay: 0.7s; 
}

/* Connected Page */
div#connected-top {
	background-size:  cover;
	background-repeat:  no-repeat;
	background-position:  center center;
	width:  100%;
	padding:  40px 0px;
}

div#connected-top img {
	width:  260px;
}

div#connected-top h4 {
	color: #fff;
	font-family: GothamBold;
	font-size: 17px;
	text-align: center;
	margin-bottom:  0px;
}

div#connected-top h4 em {
	font-style: normal;
	font-family: GothamBook;
}

div#connected-top span.presenter {
	font-family:  GothamBook;
	color:  #fff;
	font-size:  10px;
	display:  block;
	margin-bottom:  8px;
}

div#connected-top span.presenter em {
	display:  block;
	font-style:  normal;
	font-size:  1.7rem;
}

div#connected-top #countdown-wrapper {
	font-size:  18px;
	font-family: GothamMedium;
	color:  #fff;
	text-transform:  none;
}

div#connected-top h3 {
	font-family:  GothamBook !important;
	color:  #ffff00;
	font-size:  28px;
	text-transform:  none;
	margin-top:  12px;
}

div#connected-top h3 em {
	display:  block;
	color:  #fff;
	font-family:  GothamLight;
	font-size:  20px;
	font-style:  italic;
	text-transform:  none;

}

@media screen and (max-width: 500px) {
	div#connected-top h4 {
		color: #fff;
		font-size: 15px;
		text-align: center;
		margin-bottom:  0px;
	}

	div#connected-top span.presenter em {
		font-size:  1.4rem;
	}
	div#connected-top #countdown-wrapper {
		font-size:  16px;
	}
}

div#connected-top #countdown-wrapper #countdown {
	display:  inline;
}

div#connected-top #countdown-wrapper #countdown span#time {
	color:  #ffff00;
	font-family:  GothamBold;
}

div#connected-top #countdown-wrapper strong {
	font-family:  GothamBold;
}

div#connected-top strong span {
	display:  block;
	font-family:  GothamMedium;
}


div#connected-top a#hdr-signup {
	display:  block;
	clear:  both;
	font-family:  GothamMedium;
	font-style:  italic;
	background-color:  #ffff00;
	border: 3px solid #000;
	border-radius:  8px;
	color: #000;
	font-size: 16px;
	width: 200px;
	margin: 10px auto 0px auto;

    -webkit-transition: 200ms all ease;
    -o-transition: 200ms all ease;
    transition: 200ms all ease;
}

div#connected-top a#hdr-signup:hover {
	background-color:  #fff;
}

div#countdown2-wrapper {
	font-size:  2.4em;
	display:  inline !important;
}

div#countdown2-wrapper strong {
	font-family:  GothamBold;
}

div#countdown2-wrapper span#time2 {
	display: inline;
	font-family:  GothamBold;
}
div#countdown2-wrapper #countdown2 {
	display:  inline;
}


section#connected-heading {
  background-image: url(images/connected/bg-heading.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  padding: 64px 0px;
  text-align: left;
}

section#connected-heading h4 {
  color: #fff;
  font-family: GothamBook;
  font-size: 24px;
  text-transform: uppercase;
  text-align: center;

}

section#connected-heading span {
  display: block;
  font-size: 0.55em;
  font-family: GothamMedium;
}

section#connected-heading.triggered img {
  opacity: 0.9;
}

section#connected-heading img#logo-connected {
  width: 75%;
  margin: 0px auto;
}


section#connected-heading img#logo-iz {
  width: auto;
  max-width: 100%;
}

section#connected-heading h5 {
    color: #fff;
    text-align: center;
    font-size: 2.0em;
    font-family: GothamBlack;
}

section#connected-heading h3 {
    color: #fff;
    font-family: GothamBlack;
    margin: 0px;
}

section#connected-sub {
    padding-bottom: 0px;
}

section#connected-sub h4 {
  color: #000000;
    font-size: 22px;
  font-family: GothamBold;
  text-transform: uppercase;
}

section#connected-sub span {
  color: #CAB355;
  font-family: GothamMedium;
}

section#connected-sub p {
  color: #171A20;
  font-family: GothamBook;
  font-size: 14px;
  margin: 2.0em 0em 3.0em 0em;
}

section#connected-sub p strong {
    font-family: GothamMedium;
}

section#connected-sub.contest h4 {
	text-transform:  none;
	color:  #231f20;
	font-family: GothamMedium;
	font-size:  22px;
}

section#connected-sub.contest h4:first-child {
	margin-bottom:  0px;
	padding-bottom:  0px;
}

section#connected-sub.contest h5 {
	font-family:  GothamMedium;
	font-size:  18px;
	line-height:  1.4em;
	font-style:  italic;
}

section#connected-sub.contest p {
	margin:  1.0em 0em;
}


section.hero-unit {
  margin-top: 64px;
  width: 100%;
  overflow: hidden;
  position: relative;
}

section.hero-unit .container,
section.hero-unit .container.padded, 
section.hero-unit .container.padded-extra {
  background-color: #16191e !important;
  padding: 0px !important;
}

section.hero-unit .row {
  margin: 0px !important;
  position: relative;
}

section.hero-unit .photo {
  float: left;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
  position: relative;
  overflow: hidden;
  min-height: 310px;
  padding: 48px;
  background-image: url(images/connected/bg-feature-1.jpg);
}

section.hero-unit .heading {
  z-index: 301;
  position: relative;
  float: right;
  width: 69%;
}

section.hero-unit .hero {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  z-index: 100;
  background-repeat: no-repeat;
  background-size: auto 80%;
  background-position: 80% bottom;
  background-image: url(images/connected/hero1.png);
}

section.hero-unit .angle {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 100%;
  background-size: auto 100%;
  background-repeat: no-repeat;
  z-index: 301;
  left: 0%;
  background-position: top left;
  background-image: url(images/connected/bg-angle-gold.png);
}

section.hero-unit .shadow {
  width: 100%;
  top: 0px;
  bottom: 0px;
  left: 0px;

  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: left top;
  background-image: url(images/connected/bg-shadow-1.png);

  position: absolute;
  z-index: 300;

  opacity: 0.3;
  filter: brightness(0.28);
  -webkit-filter: brightness(0.28);
}

section.hero-unit#hero-1 .content {
  padding-top: 48px;
}

section.hero-unit#hero-1 .photo {
  background-image: url(images/connected/bg-feature-1.jpg);
}
section.hero-unit#hero-2 .photo {
  background-image: url(images/connected/bg-feature-2.jpg);
}
section.hero-unit#hero-1 .angle {
  background-image: url(images/connected/bg-angle-gold.png);
}
section.hero-unit#hero-2 .angle {
  background-image: url(images/connected/bg-angle-orange.png);
}
section.hero-unit#hero-1 .hero {
  background-image: url(images/connected/hero1.png);
}
section.hero-unit#hero-2 .hero {
  background-image: url(images/connected/hero2.png);
}
section.hero-unit#hero-1 .shadow {
  background-image: url(images/connected/bg-shadow-1.png);
}
section.hero-unit#hero-2 .shadow {
  background-image: url(images/connected/bg-shadow-2.png);
}

/* Z-Indexes */

section.hero-unit .photo { z-index: 100; }
section.hero-unit .angle { z-index: 99999; }
section.hero-unit .shadow { z-index: 300; }
section.hero-unit .hero { z-index: 290; }

section.hero-unit .content {
  background-color: #16191e;
  padding: 12px 48px;
  float: left;
  color: #fff;
}

section.hero-unit ul.circle {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}

section.hero-unit ul.circle li {
  background-image: url(images/connected/icon-ul.png) !important;
  background-repeat: no-repeat;
  background-position: left 5px;
  background-size: 12px 12px;
  padding-left: 24px;
 
  margin: 12px 0px;
  font-size: 15px;
}

.shadowbar {
    background-image: url(images/shadowbar2.png);
    width: 100%;
    height: 74px;
    margin: 18px auto 12px auto;
    background-repeat: no-repeat;
    background-position: center center;
}


section#connected-footer {
    background-color: transparent;
    padding-top: 0px;
}

section#connected-footer img.logo {
  width: auto;
  max-width: 100%;
  margin-top: 10px;
}

section#connected-footer h4 {
  font-family: GothamBold;
  font-size: 17px;
  color: #CAB355;
}

section#connected-footer p {
  font-family: GothamMedium;
  font-size: 12px;
  color: #171A20;
}


section#connected-shows .show {
    padding: 12px;
}

section#connected-shows .show a {
    display: block;
    width: 100%;
    padding-bottom: 56%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

section#connected-shows .show a .number {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 70px;
    height: 70px;
    background-color: #181b22;
    color: #fff;
    font-family: GothamBold;
    font-size: 26px;
    line-height: 70px;
    text-align: center;
    display: none !important;
}

section#connected-shows .show a .location {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 60%;
    background-color: #181b22;
    color: #fff;
    font-family: GothamBold;
    font-size: 16px;
    line-height: 32px;
    padding-right: 12px;
    text-align: right;
    display: none !important;

}


section#connected-shows .show:nth-of-type(even) a .number,
section#connected-shows .show:nth-of-type(even) a .location {
    background-color: #e55a39;   
}

section#connected-single-show h4 {
    color: #e55a39;
    font-family: GothamBold;
    font-size: 22px;
    text-transform: uppercase;
}

section#connected-single-show h4 span {
    text-transform: none !important;
    color: #222222 !important;
    font-size: 18px !important;
    display: block !important;
    margin-top: 8px;
}

section#connected-jobs .container {

}

section#connected-jobs .connected-show:first-of-type {
    margin-top: 0px;
}

section#connected-jobs .connected-show {
    width: 100%;
    display: block;
    margin: 24px 0px;
}

section#connected-jobs .connected-show .show-col {
    padding: 2px !important;
}



section#connected-jobs h4.show-info a {
    color: #181b22;
    text-transform: uppercase;
    text-decoration: underline;
}

section#connected-jobs .connected-show:nth-of-type(3n+1) h4.show-info {
    text-align: left;
}


section#connected-jobs .connected-show:nth-of-type(3n+2) h4.show-info {
    text-align: center;
}


section#connected-jobs .connected-show:nth-of-type(3n+3) h4.show-info {
    text-align: right;
}

section#connected-jobs h4.show-info a span {
    color: #e55a39;
    text-decoration: underline;
}

section#connected-jobs h4.show-info a strong {
    font-family: GothamBold;
}

section#connected-jobs h4.show-info a span strong {
    font-family: GothamBlack;
}

section#connected-jobs .connected-show .info {
    background-color: #171A21;
    padding: 10px 14px;    
}

section#connected-jobs .connected-show .info h2 {
    font-family: GothamBlack;
    color: #fff;
    font-size: 38px;
    margin: 6px 0px;
}

section#connected-jobs .connected-show .info h2 strong {
    color: #DFC661;
}



section#connected-jobs .connected-show .info p strong {
    color: #DFC661;
    font-family: GothamBook;
}

section#connected-jobs .connected-show .info p {
    font-family: GothamBold;
    font-size: 11px;
}


section#connected-jobs .connected-show .info p.position {
    font-size: 16px;
    min-height: 48px;
    line-height: 1.3em;
}

section#connected-jobs .connected-show .info h4 {
    margin: 0px;
}



section#connected-jobs .connected-show .show-grind {
    color: #fff !important;
    text-transform: uppercase;
}

section#connected-jobs .shadowbar:last-of-type {
    display: none;
}

@media (max-width: 1400px) {
    section#connected-jobs .container {
        width: 100%;
    }
}

section#connected-jobs .connected-show .show-grind .description {
    display: block;
    width: 100%;
    padding: 10px 14px;
    height: 140px;
    position: relative;


}

section#connected-jobs .connected-show .show-grind .description:after {
    display: block;
    content: "";
    width: 80px;
    height: 80px;
    
    position: absolute;
    right: 5%;
    bottom: 0px;
    background-size: auto 80px;
    background-repeat: no-repeat;
    background-blend-mode: screen;
    opacity: 0.35;
}

section#connected-jobs .connected-show .show-grind .description p {
    font-family: GothamBold;
    font-size: 12px;
    color: #fff;
    margin: 0px;
    line-height: 1.3em;
}

section#connected-jobs .connected-show .show-grind .description span.grind-number {
    display: block;
    position: absolute;
    bottom: 6px;
    right: 20px;
    font-size: 11px;
    font-family: GothamMedium;
}

section#connected-jobs .connected-show .show-grind .description span.grind-number strong {
    font-family: GothamBlack;
    font-size: 14px;
}


section#connected-jobs .connected-show .show-grind .description p strong {
    color: #171A21;
}


section#connected-jobs .connected-show .show-grind.Recording .description {
    background-color: #eeb81f;
}
section#connected-jobs .connected-show .show-grind.Recording .description:after {
    background-image: url(images/connected/icon-recording.png);
}

section#connected-jobs .connected-show .show-grind.Radio .description {
    background-color: #e55b39;
}

section#connected-jobs .connected-show .show-grind.Radio .description:after {
    background-image: url(images/connected/icon-radio.png);
}

section#connected-jobs .connected-show .show-grind.Film .description {
    background-color: #2a8fab;
}

section#connected-jobs .connected-show .show-grind.Film .description:after {
    background-image: url(images/connected/icon-film.png);
}

section#connected-jobs .connected-show .show-grind.Culinary .description {
    background-color: #e38227;
}

section#connected-jobs .connected-show .show-grind.Culinary .description:after {
    background-image: url(images/connected/icon-recording.png);
}


section.connected-nav {
    background-color: transparent;
    padding-bottom: 0px;
}
.connected-nav-footer section.connected-nav {
    margin-bottom: 72px;
}

section.connected-nav .col {
    padding: 4px;
    margin: 0px;
}

section.connected-nav .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.connected-nav-footer section.connected-nav .row {
    padding-top: 60px;
    margin-left: -19px !important;
    margin-right: -19px !important;
}

section.connected-nav .col a {
    display: block;
    padding: 32px;
    width: 100%;
    min-height: 0px;
    text-align: center;
    text-decoration: none;
}


section.connected-nav .col a span {
    font-family: GothamBold;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.2em;
}


section.connected-nav .col a img {
    width: auto;
    height: 62px;
    margin: 0px auto 24px auto;
    display: block;
}

section.connected-nav .col.app a img {
	height:  82px;
	margin-bottom:  4px;
}

section.connected-nav .col:nth-child(1) a { background-color: #181b22; }
section.connected-nav .col:nth-child(2) a { background-color: #181b22; }
section.connected-nav .col:nth-child(3) a { background-color: #181b22; }
section.connected-nav .col:nth-child(4) a { background-color: #181b22; }
section.connected-nav .col:nth-child(5) a { background-color: #181b21; }
section.connected-nav .col:nth-child(6) a { background-color: #181b22; }
section.connected-nav .col:nth-child(7) a { background-color: #181b22; }
section.connected-nav .col:nth-child(8) a { background-color: #181b21; }

.learn-site-links a {
	color: #000;
	text-decoration: underline;
}

section#connected-signup h2 {
    font-family: GothamMedium;
    color: #000;
    font-size: 26px;
    line-height: 1.3em;    
}

section#connected-signup h2 strong {
    color: #e55a39;
    font-family: GothamMedium;
}

section#connected-signup #form-controls {
    max-width: 560px;
    margin: 0px auto;
}

section#connected-signup label {
    font-family: GothamMedium;
}

section#connected-signup input {
    border-radius: 0px;
}

section#connected-signup input[type=submit] {
    background-color: #e55a39;
    font-family: GothamBold;
    border: 0px;
    text-transform: uppercase;
}

.connected-show-nav a {
	color: #e55a39 !important;
	text-transform:  uppercase;
}

section#connected-vault-nav {
	background-color: transparent;
	margin:  24px 0px 72px 0px;
}

section#connected-vault-nav .vault-nav-elem {
	padding:  4px;
}

section#connected-vault-nav .vault-nav-elem a {
	background-color:  #e55a39;
	width: 100%;
	display: block;
	height: 200px; 
	display:  table;

	background-size:  cover;
	background-position:  center center;
	background-repeat:  no-repeat;
}

section#connected-vault-nav .vault-nav-elem a:hover {
	color:  #fff;
	text-decoration:  none;
}

section#connected-vault-nav .vault-nav-elem:nth-child(1) a { background-image:  url(images/connected/vault-nav/tile-1.jpg); }
section#connected-vault-nav .vault-nav-elem:nth-child(2) a { background-image:  url(images/connected/vault-nav/tile-2.jpg); }
section#connected-vault-nav .vault-nav-elem:nth-child(3) a { background-image:  url(images/connected/vault-nav/tile-3.jpg); }
section#connected-vault-nav .vault-nav-elem:nth-child(4) a { background-image:  url(images/connected/vault-nav/tile-4.jpg); }
section#connected-vault-nav .vault-nav-elem:nth-child(5) a { background-image:  url(images/connected/vault-nav/tile-5.jpg); }
section#connected-vault-nav .vault-nav-elem:nth-child(6) a { background-image:  url(images/connected/vault-nav/tile-6.jpg); }
section#connected-vault-nav .vault-nav-elem:nth-child(7) a { background-image:  url(images/connected/vault-nav/tile-7.jpg); }
section#connected-vault-nav .vault-nav-elem:nth-child(8) a { background-image:  url(images/connected/vault-nav/tile-8.jpg); }
section#connected-vault-nav .vault-nav-elem:nth-child(9) a { background-image:  url(images/connected/vault-nav/tile-9.jpg); }
section#connected-vault-nav .vault-nav-elem:nth-child(10) a { background-image:  url(images/connected/vault-nav/tile-10.jpg); }

section#connected-vault-nav .vault-nav-elem:nth-child(10):last-child { 
	margin-left:  auto !important; 
	margin-right: auto !important; 
	padding-top: 4px !important; 
	float: none !important;
	clear:  both;
}


section#connected-vault-nav .vault-nav-elem div {
	height:  200px;
	vertical-align:  middle;
	display: table-cell;
	text-align:  center;
	padding: 0px 10%;
	line-height: 1.0em;
	text-align:  center;
	font-size:  26px;
}


section#connected-vault-nav .vault-nav-elem img {
	height:  60px;
	width:  auto;
	margin-right:  10px;
	display:  inline-block;

}

section#connected-vault-nav .vault-nav-elem div span  {
	color:  #fff;
	font-family:  GothamMedium;
	font-size:  26px;
	display: inline-block;
	text-align:  left;
	max-width:  70%;
	line-height:  1.15em;
	vertical-align:  middle;
	margin:  0px auto;
}
section#connected-vault-clips {
	background-color: transparent;
}

section#connected-vault-clips .clip {
	padding:  8px;
}

section#connected-vault-clips .clip a {
	display: block;
}

section#connected-vault-clips .clip a:hover {
	text-decoration:  none;
}

section#connected-vault-clips .clip a .photo {
	display: block;
	background-color:  #eeca0f;
	background-size:  cover;
	position:  relative;
	padding-bottom:  56.5%;
	text-align:  center;
	background-blend-mode: multiply;
	-webkit-filter:  brightness(120%);
	        filter:  brightness(120%);
}

section#connected-vault-clips .clip a:hover .photo {
	-webkit-filter:  brightness(100%);
	        filter:  brightness(100%);	
}

/*
section#connected-vault-clips .clip a .photo:before {
	background-color:  #f2b11e;
	content:  "";
	position:  absolute;
	top:  0px;
	left:  0px;
	bottom:  0px;
	right:  0px;
}
*/

section#connected-vault-clips .clip a .photo:after {

	display:  block;
	content: "\e072";
	position:  absolute;
	z-index: 999;
	top:  50%;
	left:  50%;
	width:  80px;
	margin: -16px 0px 0px -40px;

	padding:  0.2em 0;
	border:  1px solid #fff;
	background-color:  #000;
	text-align:  center;

	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	font-size:  32px;
	color:  #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

section#connected-vault-clips .clip a .caption {
	color:  #fff;
	padding:  1.0em;
	background-color:  #000;
	width:  100%;
	font-size:  14px;

}

section#connected-vault-clips .clip a .caption strong {
	display:  block;
	font-family:  GothamBold;
	color: #ffff00;
	font-size:  17px;
	margin-bottom:  0.85em;
	text-transform:  uppercase;
}

section#connected-vault-clips .clip a .caption span.a {
	color:  #ffff00;
	text-decoration:  underline;
}

section#connected-vault-clips .clip a .caption p {
	display:  inline;
}

.fade-in {
  opacity: 1.0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.fade-left {
  opacity: 1.0;
  -ms-transform: translateX(0%);
      transform: translateX(0%);
  -webkit-transform: translateX(0%);

  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.fade-right {
  opacity: 1.0;
  -ms-transform: translateX(0%);
      transform: translateX(0%);
  -webkit-transform: translateX(0%);

  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.slide-left {
  -ms-transform: translateX(0%);
      transform: translateX(0%);
  -webkit-transform: translateX(0%);

  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.slide-right {
  -ms-transform: translateX(0%);
      transform: translateX(0%);
  -webkit-transform: translateX(0%);

  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.fade-up {
  opacity: 1.0;
  -ms-transform: translateY(0%);
      transform: translateY(0%);
  -webkit-transform: translateX(0%);

  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.fade-down {
  opacity: 1.0;
  -ms-transform: translateY(0%);
      transform: translateY(0%);
  -webkit-transform: translateX(0%);

  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.fade-2 {
  -o-transition-delay: 0.2s;
     transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
}

.fade-3 {
  -o-transition-delay: 0.4s;
     transition-delay: 0.4s;
  -webkit-transition-delay: 0.4s;
}

.fade-4 {
  -o-transition-delay: 0.6s;
     transition-delay: 0.6s;
  -webkit-transition-delay: 0.6s;
}

.fade-5 {
  -o-transition-delay: 0.8s;
     transition-delay: 0.8s;
  -webkit-transition-delay: 0.8s;
}

.fade-6 {
  -o-transition-delay: 1.0s;
     transition-delay: 1.0s;
  -webkit-transition-delay: 1.0s;
}

.fade-7 {
  -o-transition-delay: 1.2s;
     transition-delay: 1.2s;
  -webkit-transition-delay: 1.2s;
}

.fade-8 {
  -o-transition-delay: 1.5s;
     transition-delay: 1.5s;
  -webkit-transition-delay: 1.5s;
}

.load .fade-left {
  opacity: 0;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

.load .fade-right {
  opacity: 0;
  -ms-transform: translateX(50%);
      transform: translateX(50%);
  -webkit-transform: translateX(50%);
}

.load .slide-left {
  -ms-transform: translateX(-100%);
      transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
}

.load .slide-right {
  -ms-transform: translateX(100%);
      transform: translateX(100%);
  -webkit-transform: translateX(100%);
}

.load .fade-up {
  opacity: 0;
  -ms-transform: translateY(-100%);
      transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
}

.load .fade-down {
  opacity: 0;
  -ms-transform: translateY(100%);
      transform: translateY(100%);
  -webkit-transform: translateY(100%);
}

.load .fade-in {
    opacity: 0;
}


.ewd-feup-submit {
	padding:  1.0em;
	background-color:  #e55a39;
	font-family:  GothamMedium;
	text-transform:  uppercase;
	border:  0px;
	font-size:  1.2em;
}

.ewd-feup-text-input {
	display: inline-block;
}

.ewd-feup-label-description {
	display:  block;
}
body.p_scholarshipsignup section.feature h3:first-of-type {
	text-align:  center;
}

.feup-pure-control-group textarea {
	width:  100%;
	max-width:  540px;
}

.numbox {
font-size: 15px;
font-weight: bold;
color: #fff;
background-color: #000;
overflow: hidden;
text-align: center;
display: table;
margin-top: 24px;
margin-bottom: 12px;
}

.numbox strong {
display: table-cell;
vertical-align: middle;
text-align: center;
padding: 0px 8px;
width: 100%;
}

.numbox span {
background-color: #fff;
font-size: 48px;
color: #000;
font-weight: bolder;
display: table-cell;
vertical-align: middle;
padding: 0 0.4em;
}

section#copyright {
    font-size: 12px;
    text-align: center;
    width: 100%;
}

section#copyright p {
    margin: 5px 0;
}

#copyright a {
    color: #d62400;
}

/* 
 * Image Captions
 * credit: Mike Dinerstein
 */
div.data-caption {
  display: block;
  position: relative;
  height: auto;
  overflow: hidden;
  line-height: 0;     /* keep p.img-caption within the div without any bottom overflow */
}
div.data-caption, p.img-caption {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
div.data-caption img {
  margin: 0;
  width: 100%;
  height: auto;
}
p.img-caption {
  display: block;
  position: absolute;
  bottom: 0;
  z-index: 9;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, .75);
  font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 23px;
    color: white;
    padding: 4px 7px 2px 7px;
}
p.img-caption em {
  font-style: italic;
}
p.img-caption strong {
  font-weight: bold;
}
p.img-caption u {
  text-decoration: underline;
}


.transition-sm {
    transition: all 250ms;
    -webkit-transition: all 250ms;
    -moz-transition: all 250ms;
    -o-transition: all 250ms;
}


#overlay-bg {
	z-index: -500;
}

.feature-image {
	width: 50%;
	max-width: 400px;
}

.feature-image img {
	width: 100% !important;
	height: auto !important;
}

.alignleft {
	float: left;
	margin: 30px 30px 30px 0px;
}

.alignright {
	float: right;
	margin: 30px 0px 30px 30px;
}

.aligncenter {
	float: none;
	text-align: center;
	margin: 10px auto;
}

.fullwidth {
    width: 100%;
}

.contest-entries .entry iframe[src^="https://www.facebook.com/plugins/"] {
	width:  100%;
}

.contest-entries .entry .likebtn-label {
	color:  #fff !important;
}

.contest-entries .entry p {
	margin:  0px !important;
}




@media screen and (min-width: 1281px) {

	div.navbar ul li ul.sub-menu {
		-webkit-transition: all 1100ms cubic-bezier(0.085, 0.710, 0.015, 1); /* older webkit */
		-webkit-transition: all 1100ms cubic-bezier(0.085, 0.710, 0.015, 1.100); 
		        -o-transition: all 1100ms cubic-bezier(0.085, 0.710, 0.015, 1.100); 
		        transition: all 1100ms cubic-bezier(0.085, 0.710, 0.015, 1.100); /* custom */
	}

	div.navbar ul li ul.sub-menu:before {
		display: none;
	}

	section#home-divisions div.division {
		margin: 0px;
		padding: 0px;
	}

	section.connected-nav .col {
	    width:  12.5%;	
	}

	section.connected-nav .col a {
		padding:  18px;
	}

} /* @media screen and (min-width: 1281px) */

@media screen and (min-width: 1281px) and (max-width: 1399px) {
	div.navbar ul li a {
		padding: 0px 14px;
	}
}

@media screen and (min-width: 1025px) {
  div.chart-horizontal div.chart-row div.chart-bar.anchored {
    width: 0px;
  }
}

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

	body {
		font-size: 13px;
	}

	.container {
		width: 100%;
	}

	h3.section-heading {
		font-size: 19px !important;
	} 

	section#footer-info h3 {
		font-size: 19px !important;
		line-height: 40px;
	}

	section.feature {
		padding: 30px 0px;
	}

	section.feature h3.text-right {
		text-align: left;
	}


	section.feature h3 {
		font-size: 18px;
	}

	header#main #header-top {
		text-align: center;
	}

	header#main #header-top .navbar-toggle.bars {
		position: absolute;
		right: 0px;
		margin-top: 14px;
	}

	header#main #header-top {
		border-bottom: 1px solid #fff;
	}

	header#main #header-top img#header-logo {
		margin: 0px auto;
		width: 236px;
		height: auto;
		display: inline-block;
		clear: none;
	}

	header#main #header-top div#header-icons {
		display: none;
	}

	header#main .top-images {
		-webkit-box-shadow: none;
		        box-shadow: none;
	}

	header#main .navbar-container {
		position: relative;
		overflow-x: hidden;
	}

	section.connected-nav .col:nth-child(7):last-child { 
		margin-left:  auto !important; 
		margin-right: auto !important; 
		padding-top: 4px !important; 
		float: none !important;
		clear:  both;
	}
	header#main div.navbar {
		position: fixed;
		top: 0px;
		width: 257px;
		right: -310px;
		padding: 0px;
		height: auto !important;
		overflow: visible;
		background-color: rgb(55,55,55);
		z-index: 9999;

		-webkit-transition: right 500ms cubic-bezier(0.085, 0.710, 0.015, 1); /* older webkit */
		-webkit-transition: right 500ms cubic-bezier(0.085, 0.710, 0.015, 1.100); 
	        -o-transition: right 500ms cubic-bezier(0.085, 0.710, 0.015, 1.100); 
	        transition: right 500ms cubic-bezier(0.085, 0.710, 0.015, 1.100); /* custom */
		-webkit-box-shadow: -25px 25px 8px 10px rgba(0,0,0,0.07);
		        box-shadow: -25px 25px 8px 10px rgba(0,0,0,0.07);
	}

	header#main div.navbar.on {
		right: 0px;
		-webkit-transition: right 500ms cubic-bezier(0.085, 0.710, 0.015, 1); /* older webkit */
		-webkit-transition: right 500ms cubic-bezier(0.085, 0.710, 0.015, 1.100); 
	        -o-transition: right 500ms cubic-bezier(0.085, 0.710, 0.015, 1.100); 
	        transition: right 500ms cubic-bezier(0.085, 0.710, 0.015, 1.100); /* custom */
	}

	header#main div.navbar .navbar-toggle {
		z-index: 25;
		position: absolute;
		line-height: 55px;
		background-color: transparent;
		top: 0px;
		padding: 0px;
		cursor: pointer;
		margin: 0px 0px 0px -52px;
		width: 53px;
		height: 59px;
		text-align: center;
		border-radius: 0px;
		left: 5px;
		z-index: 600;
		background-image: url(images/nav-mobile-toggle-bottom.png);
		background-repeat: no-repeat;
		background-size: 53px 5px;
		background-position: left bottom;
		z-index: 99999;
	}

	header#main div.navbar .navbar-toggle .navbar-mobile-toggle-container {
		background-color: rgb(55,55,55);
		width: 100%;
		height: 54px;		
	}

	header#main div.navbar .navbar-toggle:after {
		position: absolute;
		width: 53px;
		height: 5px;
	}

	header#main div.navbar .navbar-toggle img {
		width: 25px;
		height: auto;
	}


	.navbar-nav {
		margin: 0px;

	}



	header#main div.navbar:before,
	header#main div.navbar:after {
		display: none;
	}


	header#main div.navbar:after {
		display: block;
		background: url(images/nav-mobile-bottom.png);
		background-repeat: no-repeat;
		background-size: 7px 19px;
		background-position: left bottom;		
		z-index: 500;
		left: 0px;
		width: 100%;
		height: 19px;
	}

	header#main div.navbar ul:after {
		position: absolute;
		width: 100%;
		height: 19px;
		background-color: rgb(55,55,55);
	}


	header#main div.navbar ul {
		padding:0px;
		position: relative;
		border-left: 7px solid #000;
	}


	header#main div.navbar ul li:first-child {
		background-image: none;
	}

	/*
	header#main div.navbar ul li:first-child a {
		padding-top: 2px;
		padding-bottom: 19px;
		line-height: 1.0em;

	}
*/
	header#main div.navbar ul li:last-child a {
		padding-bottom: 0px !important;
		padding-top: 19px;
	}


	header#main div.navbar ul li {
		padding: 0px;


		background: url(images/nav-menu-mobile-gradient.png);
		background-repeat: no-repeat;
		background-size: 100% 2px;
		background-position: right top;

	}

	header#main div.navbar ul li a {
		line-height: 1.0em;
		padding: 19px 40px;
	}

	header#main div.navbar ul li.menu-item-has-children {
		padding: 0px !important;
	}


	header#main div.navbar ul li ul.sub-menu {
		position: relative;
		top: 0px;
		padding-top: 0px;
		margin: 0px;
		visibility: visible;
		opacity: 1.0;
		padding: 0px 0px 0px 60px;
		min-width: 0px;
		width: auto;
		z-index: 20 !important;
		height: 0px;
		overflow: hidden;
		background-color: rgb(50,50,50); 
		border-left: 0px;

		height: auto;
		display: none;
		transition: background-color 200ms ease-in;
		-webkit-transition: background-color 200ms ease-in;
		-o-transition: background-color 200ms ease-in;
		-ms-transition: background-color 200ms ease-in;

	}

	header#main div.navbar ul li ul.sub-menu li a {
		color: rgb(200,200,200);
		font-size: 15px;
		padding: 6px 0px;
	}


	header#main div.navbar ul li ul.sub-menu.on {
		background-color: rgb(34,34,34);
		transition: background-color 200ms ease-in;
		-webkit-transition: background-color 200ms ease-in;
		-o-transition: background-color 200ms ease-in;
		-ms-transition: background-color 200ms ease-in;
	}

	header#main div.navbar ul li.menu-item-has-children a {
		width: 95%;
		background: url(images/nav-submenu-mobile-plus.png);
		background-position: center right;
		background-repeat: no-repeat;
		background-size: 12px 12px;
	}

	header#main div.navbar ul li.menu-item-has-children.on {
		background-color: rgb(34,34,34) !important;
		transition: all 200ms ease-in;
		-webkit-transition: all 200ms ease-in;
		-o-transition: all 200ms ease-in;
		-ms-transition: all 200ms ease-in;

	}


	header#main div.navbar ul li.menu-item-has-children.on a {
		background: url(images/nav-submenu-mobile-minus.png);
		background-position: center right;
		background-repeat: no-repeat;
		background-size: 12px 12px;
	}


	header#main div.navbar ul li.menu-item-has-children.on a.on {
		color: #f95c41;
		  transition: all 200ms ease-in;
		  -webkit-transition: all 200ms ease-in;
		  -o-transition: all 200ms ease-in;
		  -ms-transition: all 200ms ease-in;
	}

	header#main div.navbar ul li ul.sub-menu li {
		padding: 14px 0px;
		line-height: 1.0em;

		background: url(images/nav-submenu-mobile-gradient.png);
		background-repeat: no-repeat;
		background-position: right top !important;
		background-size: contain;
	}

	header#main div.navbar ul li ul.sub-menu li:first-child {
		margin-top: 0px;
		background-size: contain;
	}

	header#main div.navbar ul li ul.sub-menu li a, header#main div.navbar ul li ul.sub-menu li.on a {
		background: none !important;
	}

	header#main .header-ctc {
		border-top: 1px solid #fff;
	}

	div#main-content {
		padding-top: 50px;
		margin-top: -50px;
	}


	#overlay-bg {
		background-color: rgba(0,0,0,0.25);
		position: fixed;
		width: 100%;
		height: 100%;
/*		z-index: -500; */
		opacity: 0;
		transition: all 300ms ease-in;
		-webkit-transition: all 300ms ease-in;
		-o-transition: all 300ms ease-in;
		-ms-transition: all 300ms ease-in;

	}

	#overlay-bg.on {
		opacity: 1.0;
		z-index: 499;
		transition: opacity 300ms ease-in;
		-webkit-transition: opacity 300ms ease-in;
		-o-transition: opacity 300ms ease-in;
		-ms-transition: opacity 300ms ease-in;
	}



	section#home-divisions div.col-md-6 {
		padding: 10px;
	}


	section#home-divisions div.division-container {
		padding: 0 10%;
	}

	article.apply section#home-divisions .row {
		padding: 1.0em 1.0em 0 1.0em !important;
		margin-left: 0px;
		margin-right: 0px;
	}

	article.apply header#sub {
		display: none;
	}
	article.apply h1.page-title,
	section.apply h3.page-title {
		margin-top: 0px;
	}

	article.apply .article-content {
		padding-bottom: 1.0em;
	}

	article.apply .inline-social{
		background-color: transparent;
		padding: 0px;
		position: relative;
		text-align: center;
	}

	article.apply #main-wrapper {
		border-bottom: 0px;
		padding-bottom: 48px;
	}

	article.apply section#footer-sidebars {
		display: none;
	}

} /* @media screen and (max-width: 1280px) */

@media screen and (max-width: 1024px) {
	div.chart-vertical div.chart-legend {
    	font-size: 15px;
	}

    section#grind-opps .opp {
        margin-top: 48px;
    }

    section#grind-opps .opp .description {
    padding: 8% 12% 10% 12%;    
    z-index: 900;
    position: static;
    width: 100% !important;
    float: none !important;
    display: block;
    min-height: 212px;
  }
    
    
    section#grind-opps .opp {
    margin-bottom: 64px;
  }

  section#grind-opps .opp p {
    z-index: 999;
    position: relative;
  }

  section#grind-opps .opp .info {
    z-index: 900;
    padding: 24px 12%;
    width: 100% !important;
    float: none !important;
    display: block;
  }

  section#grind-opps .opp .info:after {
    top: auto;
    bottom: -26px;
    right: auto;
    left: 50%;
    margin-left: -26px;
    border-width: 26px 26px 0 26px;
    border-color: #181b21 transparent transparent transparent;
  }

  section#grind-opps .opp .info .date {
    background-color: #181b21;
    top: -36px;
    left: 0px;
    padding-left: 24px;
    width: 120px;
    height: 36px;
    line-height: 36px;
    -webkit-box-shadow: 0px 0px 5px #000;
            box-shadow: 0px 0px 5px #000;
  }




  section#grind-opps .opp .description {
    padding: 4% 12%;    
    z-index: 900;
    position: static;
    width: 100% !important;
    float: none !important;
    display: block;
    min-height: 0px;
  }

    section#grind-opps .opp .description h4 {
        margin-top: 0px;
    }
}

@media screen and (max-width: 800px) {
	section#home-divisions div.col-sm-3 {
		width: 50%;
		padding: 10px;
	}


	div.chart-horizontal div.chart-row {
		font-size: 12px;
	}
} /* @media screen and (max-width: 800px) */


@media screen and (max-width: 768px) {
	h3.section-heading:before, h3.section-heading:after {
		display: none !important;
	}

	section#home-divisions {
		padding-top: 0px;
	}

	section#home-divisions div.division-container {
		padding: 0 0;
	}

	section#home-divisions div.division {
		padding: 0px;
	}

	footer#page section#footer-info {
		text-align: center;
		height: 100px;
	}
	footer#page section#footer-info input[type=text].search,
	footer#page section#footer-info .btn {
		position: relative;
		margin: 0px auto;
		right: 0;
	}

	footer#page section#footer-nav {
		padding: 16px 0px;

	}

	footer#page section#footer-lower {
		border-bottom: 16px solid rgb(34,34,34);
	}

	footer#page section#footer-lower ul li {
		display: block;
		border-right: 0px;
		line-height: 2.0em;
	}

	section.feature h3 {
		text-align: center !important;
	}


    section#connected-shows .connected-show {
        margin-left: 0px !important;
        margin-right: 0px !important; 
    }

    section#connected-shows .connected-show .show-col {
        width: 100% !important;
        height: auto !important;
        padding: 12px 0px !important;
    }
}



@media screen and (max-width: 600px) {
	section#home-divisions div.division {
		width: 100%;
		padding: 0px;
	}

	section#home-divisions div.division-container .row {
		margin-left: 0px;
		margin-right: 0px;
	}

	section.feature .feature-image {
		display: block;
		width: 108%;
		margin-left: -4%;
		margin-top: -30px;
		float: none;
		height: 220px;
		overflow: hidden !important;
		max-width: none;
	}

	section.feature .feature-image img {
		margin-top: -50px;
	}

	section.feature .shade {
		padding: 0px;
	}

	article.apply #main-wrapper {
		padding-bottom: 0px;
	}

	article.apply .article-content {
		padding-top: 1.3em;
	}

	article.apply section#home-divisions .row {
		padding: 0px !important;
		margin-left: -15px;
		margin-right: -15px;
	}

	article.apply section#footer-sidebars {
		display: block;
		padding-top: 0px;
	}

	article.apply div#footer-left,
	article.apply div#footer-right {
		display: none !important;
	}

	article.apply .sf_type_text,
	article.apply .sf_type_select{
		width: 100% !important;
	}

	article.apply input[name=w2lsubmit] {
		width: 100% !important;
		max-width: 275px !important;
		padding: 0.5em 4.0em !important;
		font-size: 18px !important;
	}

	article.apply section#footer-info {
		display: none;
	}
}

@media screen and (min-width: 501px) {
	.visible-xxs {
		display: none;
	}
}

@media screen and (max-width: 500px) {
	.visible-xxs {
		display: block;
	}

	.chart-vertical {
		display: table;
	}

	.hidden-xxs {
		display: none;
	}
  .col-xxs-12 {
    width: 100%;
  }
}

@media screen and (max-width: 400px) {
	section.feature .feature-image {
		display: none;
	}

	header#main #header-top .navbar-toggle.bars {
		margin-right: -6px;
	}
}

@media screen and (max-width: 360px) {
	div.chart-vertical div.chart-legend {
	  font-size: 12px !important;
	}
	header#main #header-top img#header-logo {
		width: 200px !important;
		margin: 14px auto;
	}
}

@media screen and (max-width: 320px) {
}


/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 5px; 
	border: 2px solid #000;
	background: #4c4c4c;
	color: #fff;
    border-radius: 0;
    border: 0;
    background: rgb(244, 244, 244);
    overflow: visible !important;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	overflow: hidden;
    font-family: "Myriad", Arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    padding: 8px 10px;
    color: rgb(24, 27, 34) !important;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}

.tooltipster-default::before {
    content: "";
    position: absolute;
    top: -4px;
    left: 50%;
    margin-left: -4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4px 4px 4px;
    border-color: transparent transparent rgb(244, 244, 244) transparent;
}








/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-ms-transform: scale(0,0);
	    transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-ms-transform: scale(1,1);
	    transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	   transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-ms-transform: rotate(4deg);
	    transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-ms-transform: rotate(0deg);
	    transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	   transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-o-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	   transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-o-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	   transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	    transform: scale(1.1, 1.1);
}

.white {
    color: white;
}

.block {
    display: block;
}

.text-align-center {
    text-align: center;
}

#main-header {
    position: relative;
    font-family: "Myriad", Arial, sans-serif;
    width: 100%;
    height: auto;
    text-align: center;
    overflow: visible !important;
    background-color: #181b22;
    z-index: 9;
    padding: 0;
}

#main-header-middle {
    position: relative;
    display: inline-block;
    overflow: visible !important;
    width: 1024px;
    height: auto;
    min-height: 100px;
    text-align: left;
    padding: 10px 0 0 0;
}

#rrfc-logo-header {
    height: 90px;
    margin: 0;
}

#main-header-icons {
    position: relative;
    display: inline-block;
    float: right;
    width: auto;
    overflow: visible !important;
}

div#icons-top {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    overflow-y: hidden !important;
}

div#visit-our-schools {
    margin: 4px 0 5px 0;
    text-align: center;
    font-size: 14px;
}

div#icons-top p {
    text-align: center;
    color: #eee;
    margin-top: 12px;
}

div.header-icon {
    position: relative;
    display: inline-block; 
    float: right;
    width: 70px;
    height: 70px;
    margin: 0 5px;
    border-radius: 35px;
    background-attachment: local;
    background-position: top right;
    background-size: auto 100%;
    -webkit-transition: all 400ms ease;
    -moz-webkit-transition: all 400ms ease;
    -o-webkit-transition: all 400ms ease;
    webkit-transition: all 400ms ease;
}

div.header-icon a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

div#icon-recording {
    background-image: url(images/sprite-recording.png);
}

div#icon-recording:hover {
    -webkit-animation: spriteleft 2s steps(40) infinite;
    animation: spriteleft 2s steps(40) infinite;
}

div#icon-radio {
    background-image: url(images/sprite-radio.png);
}

div#icon-radio:hover {
    -webkit-animation: spriteleft 2s steps(45) infinite;
    animation: spriteleft 2s steps(45) infinite;
}

div#icon-film {
    background-image: url(images/sprite-film.png);
}

div#icon-film:hover {
    -webkit-animation: spriteleft 0.5s steps(23) infinite;
    animation: spriteleft 0.5s steps(23) infinite;
}

div#icon-culinary {
    background-image: url(images/sprite-culinary.png);
}

div#icon-culinary:hover {
    -webkit-animation: spriteleft 2s steps(47) infinite;
    animation: spriteleft 2s steps(47) infinite;
}

@-webkit-keyframes spriteright {
    100% {
        background-position: top right;
    }
}

@-webkit-keyframes spriteleft {
    100% {
        background-position: top left;
    }
}

@keyframes spriteright {
    100% {
        background-position: top right;
    }
}

@keyframes spriteleft {
    100% {
        background-position: top left;
    }
}



ul.social {
	list-style-type:  none;
	margin: 0px;
	padding:  0px;
	text-align:  center;
}

ul.social li {
	display:  inline-block;
	text-align:  center;
	width:  15%;
}

ul.social img {
	display:  block;
	margin:  12px auto;
}

#scholarship-rules .feup-pure-control-group label {
	display:  none;
}

#scholarship-rules .feup-pure-control-group textarea {
	max-width:  9999px;
}


/* Narrow Browser Windows and Smartphones in both orientations. *************************************************************/

@media only screen and (min-width: 0px) and (max-width: 679px) {
    #rrfc-logo-header {
        height: 85px;
        margin: 0;
    }
    #main-header-middle {
        width: 100%;
        position: relative;
        left: 0;
        margin-left: 0;
        text-align: center;
    }
    div#icons-top {
        display: none;
    }
}


/* Narrow Browser Windows and Smartphones in both orientations. *************************************************************/

@media only screen and (min-width: 0px) and (max-width: 400px) {
    #rrfc-logo-header {
        height: 55px !important;
        margin: 10px 0;
    }
    #cc-logo-header {
        height: 60px !important;
        margin: 8px 0;
    }
}


/* Small Browser Windows and Tablets in both orientations. **************************************************************/

@media only screen and (min-width: 680px) and (max-width: 1280px) {
    div#icons-top {
        display: none;
    }
    #rrfc-logo-header {
        margin: 10px 0;
    }
    #main-header-middle {
        position: relative;
        width: 100%;
        text-align: center;
        padding: 0;
        left: 0px;
        margin-left: 0;
    }
}

/* Connected Stats */

/* Number Counters */		

#fun-stats .container {
	padding-top:  30px;
	padding-bottom:  48px;
}

.clapat-counters {
	display:block;
	text-align:center;
	margin-left:0px;
	width:  100%;
}

.clapat-counter {
	text-align: center;
	list-style:none;
	display:inline-block;
	padding:32px;
	border-right:0px;
	background-color: #f4f4f4;
	position:  relative;
	-webkit-box-sizing:  border-box;
			box-sizing:  border-box;
}

.clapat-counter:last-child {
	border-right:none;
}

.light-content h3 {
	color:  #ffff00;
}

.clapat-counter .number {
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	font-weight:bold;
	line-height: 48px;
	margin-bottom: 8px;
	color:#ffff00;
}

.clapat-counter .subject {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 13px;
}

.clapat-counter span.glyphicon {
	font-size:  64px !important;
	margin-bottom:  18px;
	height: 50px;
	line-height:  50px;
	display:  block;
	clear:  both;
	float: none;
}

.clapat-counter span.glyphicon-eye-open:after {
	content:  "\e105";
}


.clapat-counter span.glyphicon-eye-open {
	font-size:  64px;
}
.light-content .clapat-counter .number {
	color:#ffff00;
	font-size:  32px;
	font-family:  GothamBold;
}

.light-content .clapat-counter span {
	color:#ffff00 !important;
}


.light-content .clapat-counter .subject {
	font-size:  13px;
}

.light-content p {
	color:  #eee !important;
}


.light-content .clapat-counter {
	border-right: 0px;
	color:#ffff00 !important; 
	background-color:  #222;

}

.light-content .clapat-counter:last-child {
	border-right:none;
}

#fullscreen-menu {
	position: fixed;
	display: none;
    z-index: 9999999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 1);
    text-align: center;
    overflow: hidden;
    padding: 50px;
    opacity: 1;
}

#fullscreen-menu .nav-item {
    position: relative;
    padding: 20px 35px;
    color: #ff2900;
    display: block;
    margin: 15px auto;
    width: 600px;
    max-width: 100%;
    text-align: center;
    clear: both;
    border-bottom: 1px solid #aaa;
    background-color: transparent;
    transition: all 500ms ease;
    text-transform: uppercase;
    font-size: 1.2em;
    letter-spacing: 1px;
    font-weight: bold;
}

#fullscreen-menu .nav-item .material-icons {
    font-size: 48px;
    opacity: 0.5;
    color: #333;
    position: absolute;
    right: 0;
    margin-top: -15px;
}

#fullscreen-menu .nav-item:hover {
    background-color: rgba(255, 255, 255, 1);
}

#fullscreen-menu .school-logo {
    display: inline-block;
    margin: 35px;
}

#fullscreen-menu .school-logo img {
    width: 380px;
    height: auto;
	max-width: 100%;
}

@media screen and (max-width: 480px) {
	#fullscreen-menu .school-logo {
		margin: 35px 0;
	}	
}

body.rrfc_ce_arizona {
	overflow: hidden;
}

body.rrfc_ce_arizona #fullscreen-menu {
	display: block;
}

body.rrfc_ce_arizona.p_contact-us {
	overflow: auto !important;
}

body.p_contact-us #fullscreen-menu,
body.rrfc_ce_arizona #apply-sidebar-container,
body.rrfc_ce_arizona.p_contact-us #navbar,
body.rrfc_ce_arizona.p_contact-us footer#page,
body.rrfc_ce_arizona .dts_smplshare_container,
body.rrfc_ce_arizona.p_contact-us h3.section-heading + .feature,
body.rrfc_ce_arizona h3.section-heading.black {
	display: none !important;
}

#we-stand {
	padding: 80px 20px;
	background: black;
	color: white;
	text-align:center;
}

@media screen and (max-width: 450px) {
	#we-stand p {
		line-height: 1.1em;
	}
	#we-stand p.link {
		line-height: 1.5em;
	}
}