@font-face{
	font-family:'OpenSans';
	font-weight:normal;
	font-style:normal;
	src:url('../fonts/OpenSans.eot');
	src:url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans.woff') format('woff'), url('../fonts/OpenSans.ttf') format('truetype'), url('../fonts/OpenSans.svg#OpenSans') format('svg');
}
@font-face{
	font-family:'open_sanslight';
	src:url('../fonts/olight.eot');
	src:url('../fonts/olight.eot?#iefix') format('embedded-opentype'), url('../fonts/olight.woff') format('woff'), url('../fonts/olight.ttf') format('truetype'), url('../fonts/olight.svg#open_sanslight') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face{
	font-family:'open_sansbold';
	src:url('../fonts/opensans-bold-webfont.eot');
	src:url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-bold-webfont.woff') format('woff'), url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face{
	font-family:'rotisserifregular';
	src:url('../fonts/rotis-serif-webfont.eot');
	src:url('../fonts/rotis-serif-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/rotis-serif-webfont.woff') format('woff'), url('../fonts/rotis-serif-webfont.svg#rotisserifregular') format('svg');
	font-weight:normal;
	font-style:normal;
}
footer, header{
	width:100%;
	margin:0 auto;
}
footer > div, header > div{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
.footer-pad{
	padding-top:40px;
	padding-bottom:40px;
}
.foot-bottom-bar{
	background:#000;
	height:40px;
	max-width:9999px;
	padding-top:18px;
	color:#FFF;
}
.foot-bottom-bar p{
	margin-bottom:0;
}
main{
	width:100%;
	margin:0 auto 40px;
	overflow:hidden;
}
section{
	width:100%;
	max-width:1200px;
	margin: 20px auto;
	padding-right:15px;
	padding-left:15px;
	overflow:hidden;
}
@media screen and (max-width:500px) {
    section {
        margin: 0 auto;
        padding-right: 0px;
        padding-left: 0px;
    }
}

body, h1, h2, h3, h4, h5, p{
	font-family:'OpenSans', sans-serif;
	font-size:14px;
	color:#313131;
}

@media only screen and (min-width: 768px) {
    body, h1, h2, h3, h4, h5, p{
        font-size:16px;
    }
}
body{
	background-color:#FFF;
}
h1{
	font-family:'open_sanslight', sans-serif;
	font-size:45px;
	line-height:1.35em;
}
section h1{
	font-size:45px;
	line-height:1.35em;
}
section.call-section p {
    /*font-size:12px;
	text-align:left;*/
    color: #FFF;
    line-height: 2em;
}
.center-unordered{
	text-align:center;
	list-style-position:inside;
	font-family:'OpenSans', sans-serif;
	font-size:16px;
	color:#243B4B;
	line-height:2em;
}
@media screen and (max-width:500px){
    section h1 {
        font-size: 35px;
        line-height: 1em;
    }
}
h2{
	font-size:18px;
}
h3{
	font-size:20px;
}
section p{
	margin-bottom:25px;
}
.padding40{
	padding:40px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    margin-top: 0 !important;
    background-color: transparent !important;
    color: #86332E !important;
    border-top: 5px solid #86332E !important;
}
.navbar-default .navbar-toggle{
	border:none;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
	background:none !important;
}
.navbar-right{
	margin-top:0px;
}
.slogan{
	font-family:'open_sanslight', sans-serif;
}
.sloganContainer{
	height:165px;
}
.maincopy{
	line-height:2.0em !important;
}
.max200 img{
	max-width:200px;
}
.arrows{
	display:none;
	margin-left:auto;
	margin-right:auto;
}
.whatisList li{
	margin-bottom:10px;
}
.benmarHeadCopy{
	text-align:left;
}
main{
    height: calc(100vw * 9 / 4.5);
    display: flex;
    align-items: center;
}

@media only screen and (min-width:768px) {
    main {
        height: calc(100vw * 9 / 10);
    }
}

@media only screen and (min-width:992px) {
    main {
        height: calc(100vw * 9 / 13.5);
    }
}

@media only screen and (min-width:1200px) {
    main {
        height: calc(100vw * 9 / 17.2);
    }
}

@media only screen and (min-width:1600px) {
    main {
        height: calc(100vw * 9 / 22);
    }
}
@media only screen and (width:320px) {
    main {
        height: calc(100vw * 9 / 3.7);
    }
}

.video{
	width:100%;
	height:100%;
	position:relative;
}
.video img{
	width:100%;
	height:100%;
}
.video .coverUp{
	width:100%;
	height:100%;
	transform:translateY(-100%);
	background:#000;
	opacity:0;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.video .coverUp:hover{
	opacity:0.8;
}
.video .coverUp i.fa{
	font-size:150px;
	transform:translateX(-125%) translateY(25%);
}
@media screen and (max-width:768px){
	.footermobile{
		margin-bottom:60px;
		text-align:center;
	}
	footer .col-sm-12 .img-responsive{
		padding-top:20px;
		margin:0 auto;
	}
	footer .line{
		width:0;
		height:0px;
		margin-bottom:15px;
		background:#86332E;
		margin:15px auto;
	}
	.sloganContainer{
		height:125px;
	}
	.benmarHeadCopy{
		text-align:center;
	}
}
.arrow-container{
	position:relative;
}
.arrow-down-black{
	position:absolute;
	margin-top:-20px;
	margin-right:-15px;
	right:50%;
	width:30px;
	height:15px;
	background:url('../images/arrowpoint_black_down.png');
}
.arrow-down-white{
	position:absolute;
	top:0;
	margin-right:-15px;
	right:50%;
	width:30px;
	height:15px;
	background:url('../images/arrowpoint_black_down.png');
}
.detail-excerpt p{
	color:#FFF;
	font-size:13px;
}
.gold{
	background:#86332E;
}
.gold-logo{
	margin-top:10px;
	margin-bottom:10px;
}
.gold hr{
	width:40px;
	border:none;
	height:2px;
	background:#86332E;
}
.jdlogo-gold{
	padding-bottom:5px;
}
.jdlogo-gold img{
	width:100%;
	margin-top:0;
	margin-bottom:10px;
}
.jd-logo-goldbox hr{
	width:90% !important;
	height:2px;
	background-color:#86332E;
	border:none;
}
@media screen and (max-width:768px){
	.gold-info{
		text-align:center;
		padding:15px;
	}
	.gold-info > hr{
		width:100%;
	}
	.jdlogo-gold{
		width:100%;
		max-width:500px;
		margin-top:40px;
		margin-bottom:20px;
	}
}
.button-space{
	margin-top:40px;
}
.full-width-contain{
	width:100%;
	overflow:hidden;
}
.jd-imageboxes{
	padding-right:5px !important;
	padding-left:5px !important;
	margin-bottom:0;
}
#jdclock{
	display:block;
}
@media screen and (max-width:500px){
	#jdclock{
		display:none;
	}
	.sloganContainer{
		height:90px;
	}
}
.highlight{
	color:#86332E;
}
header{
	height:80px;
	left:0;
	margin:0 auto;
	position:fixed;
	top:0;
	transition:background 0.3s linear 0s;
	width:100%;
}
header nav{
	max-width:1200px;
	margin:0 auto;
}
header.dark{
	z-index:1000;
	background:-moz-linear-gradient(top, rgba(16, 33, 44, .95) 95%, rgba(16, 33, 44, .85) 95%);
	background:-webkit-linear-gradient(top, rgba(16, 33, 44, .95) 95%, rgba(16, 33, 44, .85) 95%);
	background:RGBA(16, 33, 44, .95);
}
header.light{
	z-index:1000;
	background:#FFF;
	opacity:.9;
}
@media only screen and (max-width:667px){
	.navbar-default .navbar-collapse{
		z-index:1000;
		background:#000;
	}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{
		margin-top:0 !important;
		background-color:#86332E !important;
		color:#FFF !important;
		border-top:none !important;
	}
}
footer .col-sm-12 .img-responsive{
	padding-top:20px;
	height:80px;
}
.footcopy_lead{
	margin-top:20px;
	font-size:16px;
	line-height:1.5em;
	color:#FFF;
}
.footcopy_child{
	font-size:12px;
	line-height:1.35em;
	color:#FFF;
}
.ftr-icon{
	margin-right:10px;
}
.main-title hr{
	width:80px;
	height:2px;
	background-color:#86332E;
	margin-top:40px;
	border-top:none;
}

.about img {
    max-width: 192px;
    margin-bottom: 50px;
}

@media only screen and (min-width: 768px) {
    .about img {
        max-width: 384px;
        /* margin-bottom: 50px; */
    }
}

.global hr{
	width:40px;
	height:2px;
	background-color:#86332E;
	margin-top:40px;
}
.grey-full hr{
	width:40px;
	height:2px;
	margin-top:20px;
	background-color:#86332E;
}
.grey-back hr{
	width:40px;
	height:2px;
	margin-top:20px;
	background-color: #86332E;
}
#jointeam hr {
    width: 40px;
    height: 2px;
    margin-top: 20px;
    background-color: #86332E;
}
.navbar-default{
	border:none;
	background:none;
}
.navbar-default .navbar-nav > li > a{
	margin-top:0;
	font-family:'open_sanslight', sans-serif;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	color:#FFF;
	border-top:5px solid transparent;
}
    .navbar-default .navbar-nav > li > a:hover {
        margin-top: 0;
        color: #86332E;
        border-top: 5px solid #86332E;
    }
    .navbar-default .navbar-nav > li > a:active {
        margin-top: 0;
        color: #86332E;
        border-top: 5px solid #86332E;
    }
.navbar-brand{
	padding:0 15px;
}
.navbar-brand > img{
	display:block;
	height:40px;
	margin:20px 0;
	background-size:contain;
}
@media (min-width:768px){
	.navbar-nav > li > a{
		padding-top:25px;
		padding-bottom:25px;
	}
}
footer {
    color: #FFF;
    font-family: 'OpenSans', sans-serif;
    border-top: 5px solid #86332E;
    background: #001624;
}
footer > div.row{
	max-width:1200px;
	margin:0 auto;
}
footer h1{
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	color:#FFF;
}
    footer .line {
        width: 40px;
        height: 2px;
        margin-bottom: 15px;
        background: #86332E;
    }
footer .cta{
	margin-bottom:40px;
}
footer .link{
	margin-bottom:10px;
}
footer .link.email, footer .link.location, footer .link.phone{
	margin-bottom:10px;
}
footer .link a{
	font-size:12px;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	color:#FFF;
}
    footer .link a:hover {
        text-decoration: none;
        color: #86332E;
    }
footer p,footer p a{
	font-size:9px;
	color:#666;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
footer p a:hover{
	color:#FFF;
	text-decoration:none;
}
/* .call-section{
	padding-bottom:75px;
} */
.call-section-100{
	padding-bottom:100px;
}
.call-section-2{
	padding-bottom:75px;
}
.call-section-map{
	padding-bottom:20px;
}
.call_to_action_gold {
    font-family: 'open_sanslight', sans-serif;
    font-size: 10px;
    font-weight: bold;
    padding: 10px 50px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #FFF;
    border: 1px solid #86332E;
    background: rgba(45, 168, 203, .7);
}
.downloadBox{
	margin-top:0;
	width:100%;
	background-color:#F3F3F3;
	padding:10px 25px 25px;
	border-radius:10px;
"
}
.grey-gold {
    background: linear-gradient(180deg, #F3F3F3 85%, #86332E 15%);
}
.grey-back{
	padding:20px 15px;
	background:url("../images/middleBack.jpg") bottom center no-repeat,
	linear-gradient(180deg, #F3F3F3 52%, #151515 48%);
}
.ti-placeholder{
	display:none !important;
	height:0;
	color:#FFF;
}
.idea, .build{
	color:rgb(17, 56, 82);
}
.call_to_action_gold:hover{
	color:#FFF;
	border:1px solid #FFF;
	background:transparent;
}
.call_to_action_gold {
    font-family: 'open_sanslight', sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 50px;
    text-align: center;
    vertical-align: middle;
    color: #FFF;
    border: 1px solid #86332E;
    background: rgba(45, 168, 203, .85);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.hero-text .call_to_action_gold{
	line-height:5.5em;
}
.call_to_action_gold:hover {
    text-decoration: none;
    color: #FFF;
    border: 1px solid #86332E;
    background: #86332E;
}
.call_to_action_white {
    font-family: 'open_sanslight', sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 25px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #86332E;
    border: 1px solid #FFF;
    background: #FFF;
}
    .call_to_action_white:hover {
        color: #FFF;
        border: 1px solid #86332E;
        background: #86332E;
    }
.call_to_action:hover {
    color: #86332E;
    border: 1px solid #86332E;
    background: transparent;
}
.call_to_action {
    font-family: 'open_sanslight', sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 50px;
    text-align: center;
    vertical-align: middle;
    color: #86332E;
    border: 1px solid #86332E;
    background: none;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
@media screen and (max-width:768px){
	header{
		height:60px;
	}
	.call_to_action{
		padding:10px 15px;
	}
	.padding40{
		padding:0;
	}
	.downloadBox{
		margin-top:40px;
	}
}
.call_to_action:hover {
    text-decoration: none;
    color: #FFF;
    border: 1px solid #86332E;
    background: #86332E;
}
.call_to_action_transparent {
    font-family: 'open_sanslight', sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 50px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #FFF;
    border: 1px solid #86332E;
    background: none;
}
    .call_to_action_transparent:hover {
        text-decoration: none;
        color: #86332E;
        border: 1px solid #FFF;
        background: #FFF;
    }
.call_to_action_transparent_gold {
    font-family: 'open_sanslight', sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 50px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #86332E;
    border: 1px solid #86332E;
    background: none;
}
.call_to_action_transparent_gold:hover{
	color:#000;
	border:1px solid #000;
	background:transparent;
}
.divider-6 {
    padding-top: 0;
    border-left: 1px solid #86332E;
}
.employButton{
	margin-top:40px;
}
li span{
	cursor:pointer;
}
.employDisclaimer{
	margin-top:60px;
}
.employDisclaimer p{
	font-size:10px;
	font-style:italic;
}
footer .call_to_action {
    color: #FFF;
    background: #86332E;
}
    footer .call_to_action:hover {
        color: #86332E;
        background: transparent;
    }
.cta_btn{
	position:absolute;
	bottom:40px;
	text-align:center;
	left:0;
	width:100%;
}
.cta_btn_wwd{
	position:absolute;
	bottom:25px;
	text-align:center;
	left:0;
	width:100%;
}
.row-eq-height{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
}
.double{
	width:56%;
}
.timeFormatted{
	text-transform:uppercase;
}
.grey{
	padding:20px 15px;
	background:linear-gradient(180deg, #FFF 50%, #F3F3F3 50%);
}
@media screen and (max-width:500px){
	.grey{
		background:#F3F3F3;
	}
	.jd-imageboxes{
		margin-bottom:20px;
	}
	.navbar-brand > img{
		height:24px;
	}
	.grey-back{
		background:url("../images/middleBack.jpg") bottom center no-repeat,
		linear-gradient(180deg, #F3F3F3 70%, #151515 30%);
	}
}
.black-full{
	background-color:#010306;
}
.grey-full{
	padding:90px 15px 20px;
	background-color:#F3F3F3;
}
.grey-full-index{
	padding:20px 15px 0px;
	background-color:#F3F3F3;
}
@media screen and (max-width:500px) {
    .grey-full-index {
        padding: 20px 15px 0px;
        background-color: #F3F3F3;
    }
}
.help-text{
	padding-left:30px;
	padding-right:30px;
}
.no-margin-bottom{
	margin-bottom:0;
}
.no-margin{
	margin-left:0;
	margin-right:0;
}
.margin-forty{
	margin-bottom:40px;
}
.head{
	display:block;
}
.head img{
	width:100%;
}
.row-eq-height{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
}
.hero-text, .hero-text-index{
	font-size:45px;
	line-height:1.5em;
	margin-top:18%;
	text-align:center;
}
.sideBarLink{
	position:absolute;
	right:0;
	top:215px;
	z-index:1;
}
.sideBarLink img{
	width:40px;
	cursor:pointer;
}
/* main div.full-width-contain{
	position:relative;
	top:60%;
	z-index:0;
} */
/* @media only screen and (min-width:415px) and (max-width:767px) {
    main div.full-width-contain {
    position: relative;
    top: 50%;
    z-index: 0;
    }
} */

/* @media only screen and (min-width:320px) and (max-width:414px) {
    main div.full-width-contain {
    position: relative;
    top: 40%;
    z-index: 0;
    }
} */



/* @media only screen and (min-width:320px) and (max-width:767px) {
    main div.full-width-contain {

        bottom: -15%;

    }
} */


@media screen and (min-width:1300px) {
    .hero-text, .hero-text-index {
        font-size: 45px;
    }
}
.info-box{
	position:relative;
	display:table-cell;
	height:430px;
	background-color:#FFF;
}
.info-box-text ul{
	padding-left:20px;
}
@media only screen and (min-width:768px) and (max-width:900px){
	.info-box{
		height:605px;
	}
}
@media only screen and (min-width:900px) and (max-width:1200px){
	.info-box{
		height:490px;
	}
}
.info-box-text{
	width:100%;
	padding:0px 20px 15px;
	background-color:#FFF;
}
.info-box-text p{
	line-height:1.35em;
	font-size:13px;
	margin-bottom:2em;
	color:#747474;
}
    .info-box-text hr {
        width: 40px;
        height: 2px;
        background-color: #86332E;
    }
.info-box-text li{
	margin-bottom:20px;
	line-height:1.05em;
	font-size:13px;
	color:#747474;
}
.item img{
	width:100%;
}
.item-learn{
	text-align:center;
}
.item-list{
	padding:10px 40px 25px 40px;
	height:300px;
}
.item-list h1{
	margin-top:0;
}
.item-list a{
	margin:0 auto;
}
.item-list p{
	font-size:13px;
	line-height:20px;
}
.item hr {
    margin-top: 15px;
    margin-bottom: 15px;
    width: 40px;
    height: 2px;
    background-color: #86332E;
}
.menu{
	overflow:hidden;
	width:100%;
	padding-bottom:10px;
	padding-top:10px;
	color:#FFF;
	font-size:16px;
	font-family:'open_sanslight', sans-serif;
	display:block;
	background:-moz-linear-gradient(top, rgba(17, 56, 82, .95) 95%, rgba(17, 56, 82, .85) 95%);
	background:-webkit-linear-gradient(top, rgba(17, 56, 82, .95) 95%, rgba(17, 56, 82, .85) 95%);
	background:RGBA(17, 56, 82, .95);
}
@media screen and (max-width:768px){
	.menu{
		display:none;
	}
	.sideBarLink{
		display:none;
	}
}
.menu.fixed{
	position:fixed;
	z-index:999;
	top:60px;
}
.menu a{
	color:#FFF;
	text-transform:none;
}
    .menu a:hover {
        text-decoration: none;
        color: #86332E;
    }
.menu ul{
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:center;
}
.menu ul li{
	line-height:2em;
	display:inline;
	padding:10px;
	text-decoration:none;
}
.mobile-break{
	display:none;
}
.no-padding{
	padding:0;
}
.no-gutter{
	padding-right:0 !important;
	padding-left:0 !important;
}
.page-subhead{
	font-family:'rotisserifregular', 'serif';
	font-size:24px;
	text-transform:uppercase;
	letter-spacing:3px;
	margin-top:60px;
	color:#ACACAC;
}
.small-logo{
	margin:0 auto;
	width:75px;
	padding:0;
	margin-bottom:20px;
}
.small-logo img{
	width:100%;
	display:block;
}
.sec-margin{
	margin-top:20px;
	margin-bottom:20px;
}
.sec-margin-2{
	margin-top:20px;
	margin-bottom:60px;
}
.sec-margin-10{
	margin-top:10px;
	margin-bottom:10px;
}
.subtitle{
	margin:40px 0;
}
@media screen and (min-width:320px) and (max-width:767px) {
    .subtitle {
        margin: 0;
    }
    .add40 {
        margin-top: 40px;
    }
}
.subtitle-nomargin{
	margin:0;
}
.subtitle-nobottommargin{
	margin-bottom:0;
}
.em15{
	line-height:2.5em;
}
.sub-text{
	font-size:12px;
	margin-top:17px;
}
.text-center{
	text-align:center;
}
.timeline hr {
    width: 40px;
    height: 2px;
    background-color: #86332E;
}
.cta_btn a {
    font-family: 'open_sanslight', sans-serif;
    color: #86332E;
    font-size: 13px;
}
.grid > li{
	overflow:hidden;
	width:28%;
	height:585px;
	margin:0.75%;
	padding:0 0 30px;
	/* border: 1px solid #333; */
	background:#FFF;
}
.grid > li.no-link{
	overflow:hidden;
	width:28%;
	height:585px;
	margin:0.75%;
	padding:0 0 30px;
	/* border: 1px solid #333; */
	background:#FFF;
}
@media screen and (max-width:500px){
	.grid > li{
		overflow:hidden;
		width:80%;
		height:560px;
		margin:0.75%;
		padding:0 0 30px;
		background:#FFF;
	}
	.grid > li.no-link{
		overflow:hidden;
		width:80%;
		height:505px;
		margin:0.75%;
		padding:0 0 30px;
		background:#FFF;
	}
	.item-list{
		padding:10px 40px 25px 40px;
	}
}
@media screen and (min-width:501px) and (max-width:768px){
	.grid > li{
		overflow:hidden;
		width:44%;
		height:595px;
		margin:0.75%;
		padding:0 0 30px;
		background:#FFF;
	}
	.grid > li.no-link{
		overflow:hidden;
		width:44%;
		height:595px;
		margin:0.75%;
		padding:0 0 30px;
		background:#FFF;
	}
}
@media screen and (min-width:769px) and (max-width:1024px){
	.grid > li{
		overflow:hidden;
		width:44%;
		height:595px;
		margin:1.75%;
		padding:0 0 30px;
		background:#FFF;
	}
	.grid > li.no-link{
		overflow:hidden;
		width:44%;
		height:595px;
		margin:1.75%;
		padding:0 0 30px;
		background:#FFF;
	}
}
.white-text{
	color:#FFF;
}
.joinUsCopy{
	padding:10px 18px;
	text-align:left;
}
.joinUsCopy p{
	line-height:2em;
	text-align:left;
}
.workReasons{
	margin-top:-20px;
	padding-left:0;
}
.workReasons li{
	font-family:'OpenSans', sans-serif;
	font-size:16px;
	color:#243B4B;
	text-align:left;
	line-height:1.75em;
}
.workReasons p{
	text-align:left;
}
ul.workReasons{
	list-style-type:none;
}
.wwu-box-text{
	background-color:#FFF;
}
.wwu-box-text .call_to_action_transparent{
	position:relative;
	bottom:50px;
	transform:translate(-50%, -50%);
}
@media screen and (max-width:768px){
	.wwu-box-text{
		margin-top:20px;
		margin-bottom:20px;
		background-color:#FFF;
	}
	.wwu-box-text .call_to_action{
		bottom:40px;
	}
}
.wwu_form input, textarea{
	width:100% !important;
	margin-bottom:10px;
	padding:10px;
}
.wwu_form input::placeholder, textarea::placeholder{
	font-size:10px;
	color:#B9B9B9;
}
.wwu_form textarea{
	overflow:hidden;
	height:250px;
}
.wwu_form .form_button{
	position:absolute;
	right:15px;
	bottom:-38px;
}
/* MAIN IMAGES */
.work-with-us-brightest{
	overflow:hidden;
	width:auto !important;
	height:600px !important;
	margin-bottom:-1px;
	background:url('../images/BestBrightest_FullSize.jpg') no-repeat center center;
	background-color:#103046;
	background-size:auto 100% !important;
}
.m15-wwu{
	margin-top:15%;
}
.header-white{
	display:inline-block;
	padding:5px 20px;
	background-color:#FFF;
	color:#404041;
	font-family:'open_sanslight',sans-serif;
	margin:auto;
	margin-bottom:5px;
	position:relative;
	z-index:900;
}
.header-gold{
	display:inline-block;
	padding:5px 20px;
	background-color:#243B4B;
	color:#FFF;
	font-family:'open_sanslight',sans-serif;
	margin-bottom:5px;
	position:relative;
	z-index:900;
}
.headerSecondary{
	line-height:1.25em;
	margin-top:20px;
}
.brightest-gold {
    display: inline-block;
    padding: 10px 20px;
    background-color: #86332E;
    color: #FFF;
    font-size: 24px;
    font-family: 'open_sanslight',sans-serif;
    margin-bottom: 5px;
    position: relative;
    z-index: 900;
}
.brightest-gold-text{
	color:#FFF;
	line-height:1.5em;
	text-align:left;
	margin:20px 0;
	font-family:'open_sanslight',sans-serif;
}
.wwu-line {
    display: inline-block;
    position: absolute;
    top: 51%;
    right: 37%;
    width: 3000px;
    border-bottom: 3px dashed #86332E;
}
.brightest-gold-btn{
	position:absolute;
	top:49%;
	right:10%;
}
@media screen and (max-width:768px){
	.header-white{
		font-size:40px;
	}
	.brightest-gold{
		font-size:22px;
	}

}
@media screen and (max-width:500px){
	.header-white{
		font-size:20px;
	}
	.work-with-us-brightest{
		background:url('../images/BestBrightest_mobile.jpg') no-repeat center center;
	}
	.brightest-gold{
		font-size:20px;
	}
	.m15-wwu{
		margin-top:25%
	}
	.container-wwu{
		padding-right:0;
		padding-left:0;
		text-align:left;
	}
}
@media screen and (max-width:325px){
	.header-white{
		font-size:16px;
	}
	.brightest-gold{
		font-size:16px;
	}
}
/* INDEX */
main{
	overflow:hidden;
	width:auto !important;
	margin-bottom:-1px;
	background:url('../images/header.jpg') no-repeat center 0;
	background-color:#001621;
	background-size:cover !important;
}
/* @media screen and (min-width:1200px) {
    main {
        background: url('../images/header.jpg') no-repeat center -10rem;
    }
}
@media screen and (min-width:1600px) {
    main {
        background: url('../images/header.jpg') no-repeat center -20rem;
    }
}
@media screen and (min-width:2000px) {
    main {
        background: url('../images/header.jpg') no-repeat center -30rem;
    }
} */



    @media screen and (max-width:991px) {
        .divider-6 {
            padding-top: 40px;
            border-left: none;
        }
    }

    @media screen and (max-width:768px) {
        .joinUsCopy {
            padding: 10px 10px;
            text-align: left;
        }

        .hero-text, .hero-text-index {
            font-size: 40px;
            line-height: 1.5em;
            margin-top: 28%;
        }

        .mobile-break {
            line-height: 1.5em;
            display: inline;
        }

        .no-margins {
            margin-right: 0 !important;
        }

        .top-spacing3 {
            padding-top: 120px;
        }

        /* .call-section {
            padding-bottom: 40px;
        } */
    }

    @media screen and (max-width:500px) {
        main {
            /* overflow: hidden;
            width: auto !important;
            margin-bottom: -1px; */
           /*height: 385px !important;*/
            /* background: url('../images/header.jpg') no-repeat center center; */
            /*background: #000000;
		background-size: 100% !important;*/
        }

        .center-unordered {
            padding-left: 0;
        }

        .hero-text {
            font-size: 26px;
            line-height: 1.5em;
            text-align: center;
        }

        .hero-text-index {
            font-size: 26px;
            line-height: 1.5em;
            margin-top: 45%;
            text-align: center;
        }

        .build {
            margin-bottom: 20px;
        }
    }

    .pad-right {
        padding-right: 40px;
    }

    .top-spacing {
        padding-top: 40px;
    }

    .top-spacing2 {
        padding-top: 80px;
    }

    .top-spacing3 {
        padding-top: 120px;
    }

    .top-spacing4 {
        padding-top: 240px;
    }

    .top-spacing5 {
        padding-top: 300px;
        padding-bottom: 300px;
    }

    @media screen and (max-width:768px) {
        .top-spacing2 {
            padding-top: 0;
        }

        .top-spacing3 {
            padding-top: 0;
        }

        .top-spacing4 {
            padding-top: 80px;
        }

        .top-spacing5 {
            padding-top: 80px;
            padding-bottom: 80px;
        }
    }
    /* WHERE WE ARE */
    main.what-is-head {
        overflow: hidden;
        width: auto !important;
        height: 550px !important;
        margin-bottom: -1px;
        background: url('../images/header/wiHead_xl.jpg') no-repeat center center;
        background-color: #49A6DA;
        background-size: auto 100% !important;
    }
    /* WHAT WE DO */

    main.what-we-do-head {
        overflow: hidden;
        width: auto !important;
        margin-bottom: -1px;
        height: 700px !important;
        background: url('../images/header/whatwedo_Header.png') no-repeat center center, linear-gradient(180deg, #252626 600px, #FFF 100px);
        background-size: auto 100% !important;
    }
    /* WHO WE ARE */

    main.who-we-are-head {
        overflow: hidden;
        width: auto !important;
        margin-bottom: -1px;
        height: 700px !important;
        background: url('../images/header/whoweare_Header.jpg') no-repeat center center, linear-gradient(180deg, #040201 600px, #FFF 100px);
        background-size: auto 100% !important;
    }
    /* WORK WITH US */

    main.work-with-us-head {
        overflow: hidden;
        width: auto !important;
        height: 600px !important;
        margin-bottom: -1px;
        background: url('../images/header/workwithus_Header.png') no-repeat center center;
        background-color: #222E3A;
        background-size: auto 100% !important;
    }

    @media screen and (max-width:768px) {
        main.work-with-us-head {
            height: 500px !important
        }

        main.who-we-are-head {
            height: 600px !important
        }

        main.what-we-do-head {
            height: 600px !important
        }

        main.what-is-head {
            height: 500px !important
        }
    }

    @media screen and (max-width:500px) {
        main.work-with-us-head {
            height: 500px !important;
            background: url('../images/header/workwithus_Header_Mobile.png') no-repeat center center;
        }

        main.who-we-are-head {
            height: 600px !important;
            background: url('../images/header/whoweare_Header_Mobile.jpg') no-repeat center center;
        }

        main.what-we-do-head {
            height: 600px !important;
            background: url('../images/header/whatwedo_Header_Mobile.png') no-repeat center center;
        }

        main.what-is-head {
            height: 500px !important;
            background: url('../images/header/wiHead_mob.jpg') no-repeat center center;
        }
    }

    .workSection-box {
        overflow: hidden;
        width: auto !important;
        margin-bottom: -1px;
        margin-top: -1px;
        background: url('../images/middleBack.jpg') no-repeat center center;
        background-color: #121212;
        background-size: auto 100% !important;
        text-align: left;
        padding-top: 40px;
        padding-bottom: 40px;
    }

        .workSection-box a {
            color: #243B4B;
        }

    .researchBtn {
        margin-top: 35%;
        margin-left: 20%;
    }

    @media screen and (min-width:768px) and (max-width:1024px) {
        .researchBtn {
            margin-top: 48%;
        }

        .workSection-box {
            background: url('../images/middleBack.jpg') no-repeat center center;
            background-color: #121212;
            height: auto;
        }
    }

    @media screen and (max-width:767px) {
        .workSection-box {
            background: url('../images/middleBack.jpg') no-repeat center center;
            background-color: #121212;
            height: auto;
            text-align: center;
        }

        .researchBtn {
            margin-top: 0%;
            margin-left: 0%;
        }

        .map-margin {
            height: 125px;
            margin-top: -125px;
            background-color: rgba(28, 29, 28, 0.95);
        }

        .locationsWrapper {
            color: #FFF;
        }

        .time span {
            color: #FFF;
        }

            .time span.in, .time span.loc {
                /*display: none;*/
                display: inline-block;
            }
    }

    @media screen and (max-width:667px) {
        .workSection-box {
            background: url('../images/middleBack.jpg') no-repeat center center;
            background-color: #121212;
            text-align: center;
        }

        .researchBtn {
            margin-left: 0;
        }

        @media screen and (min-width:768px) and (max-width:1119px) {
            .navbar-default .navbar-nav > li > a {
                font-size: 11px;
            }
        }

        .mobileLocations .locationdot {
            display: inline-block;
            width: 5px;
            height: 5px;
            margin: 0 auto;
            /*  padding-right: 10px; */
            cursor: pointer;
            -webkit-transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
            border-radius: 50%;
            background: #E1E1E1;
        }

        .name .locationdot:hover {
            background: #86332E;
            width: 50px;
            height: 50px;
            margin: -25px;
            border-radius: 100%;
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/##86332E+0,86332E+30,cae9f2+100 */
            background: #86332E;
            /* Old browsers */
            background: -moz-radial-gradient(center, ellipse cover, #86332E 0%, #86332E 30%, #CAE9F2 100%);
            /* FF3.6-15 */
            background: -webkit-radial-gradient(center, ellipse cover, #86332E 0%, #86332E 30%, #CAE9F2 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: radial-gradient(ellipse at center, #86332E 0%, #86332E 30%, #CAE9F2 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='##86332E', endColorstr='#cae9f2', GradientType=1);
            /* IE6-9 fallback on horizontal gradient */
        }

        .mobileLocations .active {
            display: inline-block;
            width: 5px;
            height: 5px;
            margin: 0 auto;
            /*  padding-right: 10px; */
            cursor: pointer;
            -webkit-transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
            border-radius: 50%;
            background: #86332E;
        }

        .name .locationdot:focus {
            background: #86332E;
            width: 50px;
            height: 50px;
            margin: -25px;
            border-radius: 100%;
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/##86332E+0,86332E+30,cae9f2+100 */
            background: #86332E;
            /* Old browsers */
            background: -moz-radial-gradient(center, ellipse cover, #86332E 0%, #86332E 30%, #CAE9F2 100%);
            /* FF3.6-15 */
            background: -webkit-radial-gradient(center, ellipse cover, #86332E 0%, #86332E 30%, #CAE9F2 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: radial-gradient(ellipse at center, #86332E 0%, #86332E 30%, #CAE9F2 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#86332E', endColorstr='#cae9f2', GradientType=1);
            /* IE6-9 fallback on horizontal gradient */
        }

        .name .locationdot:active {
            background: #86332E;
            width: 50px;
            height: 50px;
            margin: -25px;
            border-radius: 100%;
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/##86332E+0,86332E+30,cae9f2+100 */
            background: #86332E;
            /* Old browsers */
            background: -moz-radial-gradient(center, ellipse cover, #86332E 0%, #86332E 30%, #CAE9F2 100%);
            /* FF3.6-15 */
            background: -webkit-radial-gradient(center, ellipse cover, #86332E 0%, #86332E 30%, #CAE9F2 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: radial-gradient(ellipse at center, #86332E 0%, #86332E 30%, #CAE9F2 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#86332E', endColorstr='#cae9f2', GradientType=1);
            /* IE6-9 fallback on horizontal gradient */
        }

        .detroit.locationdot:hover::before, .detroit.active::before {
            font-size: 10px;
            position: relative;
            top: -20px;
            left: 4px;
            content: 'Detroit';
            text-decoration: none;
        }

        .shanghai.locationdot:hover::before, .shanghai.active::before {
            font-size: 10px;
            position: relative;
            top: -20px;
            left: 4px;
            content: 'Shanghai';
            text-decoration: none;
        }

        .beijing.locationdot:hover::before, .beijing.active::before {
            font-size: 10px;
            position: relative;
            top: -20px;
            left: 6px;
            content: 'Beijing';
            text-decoration: none;
        }

        .dubai.locationdot:hover::before, .dubai.active::before {
            font-size: 10px;
            position: relative;
            top: -20px;
            left: 6px;
            content: 'Dubai';
            text-decoration: none;
        }

        .bangkok.locationdot:hover::before, .bangkok.active::before {
            font-size: 10px;
            position: relative;
            top: -20px;
            left: 4px;
            content: 'Bangkok';
            text-decoration: none;
        }

        .mexico.locationdot:hover::before, .mexico.active::before {
            font-size: 10px;
            position: relative;
            top: -20px;
            left: 0px;
            content: 'Mexico\00a0 City';
            text-decoration: none;
        }

        .toronto.locationdot:hover::before, .toronto.active::before {
            font-size: 10px;
            position: relative;
            top: -20px;
            left: 4px;
            content: 'Toronto';
            text-decoration: none;
        }

        .vegas.locationdot:hover::before, .vegas.active::before {
            font-size: 10px;
            position: relative;
            top: -20px;
            left: 2px;
            content: 'Las\00a0Vegas';
            text-decoration: none;
        }

        .dallas.locationdot:hover::before, .dallas.active::before {
            font-size: 10px;
            position: relative;
            top: -20px;
            left: 4px;
            content: 'Dallas';
            text-decoration: none;
        }

        .nashville.locationdot:hover::before, .nashville.active::before {
            font-size: 10px;
            position: relative;
            top: -20px;
            left: 4px;
            content: 'Nashville';
            text-decoration: none;
        }

        .newyork.locationdot:hover::before, .newyork.active::before {
            font-size: 10px;
            position: relative;
            top: -20px;
            left: 2px;
            content: 'New\00a0York';
            text-decoration: none;
        }

        .washington.locationdot:hover::before, .washington.active::before {
            font-size: 10px;
            position: relative;
            top: -20px;
            left: -10px;
            content: 'Washington\00a0 DC';
            text-decoration: none;
        }

        .second-row {
            margin-top: none;
        }

        .mobileCityName {
            font-family: 'open_sanslight', sans-serif;
            font-size: 36px;
            text-transform: uppercase;
            color: #86332E;
            display: inline-block;
        }

        @media screen and (max-width:768px) {
            .second-row {
                margin-top: 45px;
            }
        }

        @media screen and (max-width:768px) {
            .row {
                margin-right: 0 !important;
                margin-left: 0 !important;
            }
        }

        * {
            box-sizing: border-box;
        }
        /* ISOTOPE STYLES */
        .grid-item-content {
            height: 100px;
            background: #FFF;
            /*border: 2px solid hsla(0, 0%, 0%, 0.7); */
        }

            .grid-item-content img {
                width: 100%;
            }

        .grid-item-content--height2 {
            height: 200px;
        }

        * {
            box-sizing: border-box;
        }

        body {
            font-family: sans-serif;
        }

        .grid {
            max-width: 1400px;
        }

        .grid-item {
            float: left;
        }

            .grid-item .grid-text {
                display: none;
            }

            .grid-item .grid-note {
                display: inline;
                font-family: 'open_sanslight', sans-serif;
            }

        .learn2 {
            color: #86332E;
        }
        /* item is invisible, but used for layout */
        .grid-item, .grid-sizer {
            width: 33%;
        }

        .grid > .grid-item.who-grid {
            width: 33%;
        }

        .grid-item {
            height: 565px;
            border: none;
            background: transparent;
            margin-bottom: 25px;
            overflow: hidden;
        }

        .grid > .grid-item {
            height: 585px;
        }
        /* item-content is visible, and transitions size */
        .grid-item-content {
            width: 100%;
            height: 100%;
            background: #FFF;
            border: none;
            /* border-color: hsla(0, 0%, 0%, 0.7); */
            -webkit-transition: width 0.4s, height 0.4s;
            -moz-transition: width 0.4s, height 0.4s;
            -o-transition: width 0.4s, height 0.4s;
            transition: width 0.4s, height 0.4s;
        }

        .grid-item:hover .grid-item-content {
            cursor: pointer;
        }

        .iso-content {
            height: 100px;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .grid-copy {
            padding: 15px 40px;
            color: #747474;
            font-size: 13px;
            line-height: 20px;
        }

        .grid-item.is-expanded .bulletpoints {
            width: 50%;
            float: left;
            padding-right: 10px;
        }

        .grid-item.is-expanded .productcopy {
            width: 50%;
            float: left;
        }

        .bulletpoints ul {
            margin-left: -20px;
        }

        @media screen and (max-width:500px) {
            .grid-item.is-expanded .bulletpoints {
                width: 100%;
                padding: 0px;
            }

            .grid-item .bulletpoints {
                padding: 0px;
            }

            .grid-item.is-expanded .productcopy {
                display: none !important;
            }

            .arrows {
                display: inline-block;
            }

            .time {
                font-size: 16px;
                color: #FFF;
            }

            .prev {
                font-size: 16px;
                color: #FFF;
            }

            .next {
                font-size: 16px;
                color: #FFF;
            }

            .time span {
                color: #FFF;
            }
        }

        .grid-item.is-expanded .bullet-product {
            padding-right: 20px;
        }
        /* both item and item content change size */
        .grid-item.is-expanded {
            width: 66%;
            height: 900px;
            z-index: 2;
        }

            .grid-item.is-expanded .grid-text {
                display: inline;
                font-family: 'open_sanslight', sans-serif;
            }

        .truncatethis {
            color: #747474;
            font-size: 13px;
            line-height: 20px;
        }

        .grid-item.is-expanded .grid-note {
            display: none;
        }

        .grid-item.is-expanded .grid-item-content {
            background: #FFF;
        }

        @media screen and (min-width:769px) and (max-width:1200px) {
            .grid-item.is-expanded {
                width: 66%;
                height: 950px;
                z-index: 2;
            }
        }

        @media screen and (min-width:769px) and (max-width:1024px) {
            .grid > .grid-item.who-grid {
                width: 48%;
            }
        }

        @media screen and (max-width:768px) {
            .grid-item, .grid-sizer {
                width: 48%;
            }

            .grid-item {
                height: 535px;
            }

            .grid > .grid-item.who-grid {
                height: 635px;
                width: 48%;
            }

            .grid-item.is-expanded {
                width: 100%;
                height: 915px;
                z-index: 2;
            }

            .grey-full hr {
                margin-top: 16px;
            }
        }

        .twoline {
            margin-top: 5px;
            line-height: 1.35em;
        }

        @media screen and (max-width:500px) {
            .grid-item, .grid-sizer {
                width: 100%;
            }

            .grid > .grid-item.who-grid {
                width: 100%;
            }

            .grid-item .grid-note {
                display: none;
            }

            .grid > .grid-item.who-grid {
                height: 635px;
            }

            .grid-item {
                height: 500px;
            }

                .grid-item.is-expanded {
                    width: 100%;
                    height: 500px;
                    z-index: 2;
                }
        }
    }