/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

.container.graduates *{
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
section.questions {
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select:none;
        user-select:none;
        margin-top:20px;
}

body {
    padding:0;
    min-height: 0;
}
body.mobile {
    overflow-x: hidden;
}
.container.graduates {
    margin-top:102px;
    width: 1280px;
}

body.mobile .container.graduates {
    margin-top:0;
}

.end-bar{
  font-family: 'Montserrat', sans-serif;
  text-align:center;
  font-size:18px;
  text-transform:uppercase;
}

.footer-social{
  float: right;
  margin-right: 40px;
}

.footer-social a:hover{
  color: #fff;
}

.end-bar .highlight{
   color:#ff311b;
}

.end-bar .bold{
   font-weight:700;
}

.navbar {
  margin-bottom:0;
}
section.questions li.text h2{
text-transform:uppercase;
font-size: 20px;
font-weight: 700;
line-height: 1.3;
margin-bottom:15px;
}
section.questions ul {
    margin: 0;
    list-style-type: none;
}

textarea{
width: 400px;
height: 100px;
}

section.questions li.question h2{
    color: #656565;
    display: block;
    font-size: 72px;
    font-weight: 700;
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: 120px;
}
section.questions li {
    font-family: 'Montserrat', sans-serif;
    width: 256px;
    height: 192px;
    background: #565656;
    float:left;
   /* display: inline-block;*/
    margin: 0;
    position:relative;
}

section.questions li.question,
section.questions li.submit
{
    cursor: pointer;
}

section.questions li.instruction,
section.questions li.submit:hover,
section.questions li.submit.ready
{
   background-color: #ff311b;
   color: #fff;
   padding: 12px;
}

section.questions li.intro {
    background: #565656;
    color: #fff;
    position:relative;
    padding: 12px;
}
section.questions li img {
   position:absolute;
   width:100%;
   height:100%;
}
a {
  color:inherit;
}
body .copy-container a{
  text-decoration: underline;
  color: #ff311b;
}

.home .apply a{
  color:inherit;
  text-decoration: none;
}
.home .apply a:hover{
  color:#ff6e5f;
  text-decoration: none;
}
body a:hover {
/*      color: #ff311b; */
        color:#ff6e5f;
        text-decoration: none;
}
section.questions li.question.selected h2 {
    color: #ff311b;
}

section.questions li.question .hover-top {
    position: absolute;
    top: 0px;
    height: 120px;
    width: 100%;
    background-color: #ff311b;
    display:none;
    padding: 50px 0;
    color: #fff;

    text-align:center;
text-transform:uppercase;
font-size: 20px;
font-weight: 700;
line-height: 1.5;
   z-index:1000;
        -webkit-opacity: 0.9;
        -moz-opacity: 0.9;
        opacity: 0.9;
        filter:alpha(opacity=90);
}
section.questions li.question .hover-bottom {
    position: absolute;
    bottom: 0px;
    height: 72px;
    width: 100%;
    background-color: #565656;
    display:none;
    text-align:center;
    color: #fff;
    padding: 20px 0;

   z-index:1000;
        -webkit-opacity: 0.9;
        -moz-opacity: 0.9;
        opacity: 0.9;
        filter:alpha(opacity=90);
text-transform:uppercase;
font-size: 20px;
font-weight: 700;
line-height: 1.5;
}

section.questions li.question:hover .hover-top,
section.questions li.question:hover .hover-bottom
{
    display:block;
}

.question-container, .copy-container{
  padding-top:70px;
  padding-left:20px;
  padding-right:10px;
  width:510px;
  position:relative;
  float:left;
}

.mobile .question-container{
  display: none;
}

.mobile .copy-container{
  margin-bottom: 50px;
  font-size: 18px;
}

.question-details * {
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.question-details {
  width:1280px;
margin:0 auto;
}
.question-details-wrapper {
 line-height: normal;
}

.question-details a:hover {
        text-decoration: none;
}

.hidden{
display:none;
}
.question-details-wrapper .video{
   float:right;
 font-family: arial;
}
.question-details .carousel-wrapper{
   float:right;
   width:768px;
   height:432px;
}
.question-details .carousel-wrapper ul{
    list-style-type: none;
}
.title, .subline{
 font-size:30px;
}

.status{
  margin: 10px 0 0 21px;
  color: #ff311b;
}

.mobile .video-iframe{
  height: 285px;
  width: 512px;
}

.tagline {
  font-size: 12px;
  color: #565655;
}
.subline{
 font-weight:bold;
}
#faq-questions{
   /*margin-top:50px;*/
}
.text{
 margin:20px 0;
}

.apply{
  font-family: "Montserrat";
  margin-top: 70px;
  font-size: 18px;
  text-transform:uppercase;

}

.faq {
 font-family: arial;
 position: relative;
 border-top: 1px solid #C7C7C7;
 padding: 50px 0;
 line-height: normal;
}

.faq .link-top{
 position: absolute;
 top: 10px;
 right: 10px;
}
.faq .num{
 font-size:30px;
}
.faq .question{
 font-size:30px;
 font-weight: bold;
}
.faq .answer{
}

.carousel-wrapper, .carousel-frame{
  overflow: hidden;
}

.carousel-wrapper li img{
  max-width: none;
  width: 768px;
  height: 432px;
}

.mobile .carousel-wrapper, .mobile .carousel-frame{
  width: 512px;
  height: 285px;
}

.mobile .carousel-wrapper{
  margin-top: 20px;
}

.mobile .carousel-wrapper li img{
  max-width: none;
  width: 512px;
  height: 285px;
}

.mobile .home.question-container{
  padding-top: 20px;
  padding-bottom: 20px;
}

.select-from-video{
  font-size: 18px;
  text-transform: uppercase;
  color: #565655;
  margin-top: 40px;
  display: block;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
}

.question-container a.close, .question-container a.close:hover{
  font-family: "Montserrat", sans-serif;
  padding: 5px;
  background: #565655;
  color: #fff;
  margin-top: -60px;
}

body.mobile div.container .navbar-contents.navigation nav ul li a.mobile-nav-show{
  padding: 0;
  height: 25px;
 /* width: 25px;*/
  padding: 0 5px;
  margin-top: 18px;
  background: #c7c7c7;
  cursor: pointer;
  margin-right: 15px;

}

.mobile .sub-nav{
  padding: 0;
  display: none;
}
.mobile .sub-nav li{
  float: none;
  padding: 10px 30px 10px;
  border-bottom: 1px solid #c7c7c7;
  margin-right:0;
}

.mobile .sub-nav li.on{
  background: #ff311b;
}

.mobile .sub-nav li.on a{
  color: #fff;
}

.mobile div.navbar div.navbar-contents nav{
  width: 100%;
  padding-left: 0;
}



.mobile-submit-cta{
  display: none;
  width: 100%;
  position: fixed;
  bottom: 0;
  background-color: #ff311b;
  background: rgba(255, 49, 27, 0.8);
  padding: 10px 0 20px 0;
  text-align: center;
  color:#fff;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  z-index: 2000;
  font-size: 16px;
}

.mobile-submit-cta a, .mobile-submit-cta a:visited{
  display: block;
  font-size: 30px;
  color:#fff;
}

.mobile-submit-cta a span{
  font-size: 35px;
  display: inline-block;
  padding-right: 20px;
}

/* APPLICATION FORM */
 ul.errorlist{
  padding-left: none;
  margin: 0 0 0 0;
}

ul.errorlist li{
  color: red;
  list-style-type: none;
}

.form .field.error {
  margin:0;
  padding: 0;
}

.form .field.error input{
  border: red solid 1px;
}

.container.form{
  padding: 25px;
}

.form h2{
  margin: 0 0 25px 0;
  font-size: 20px;
}

.form h3{
  font-size: 16px;
}

.form input[type=text], .form input[type=email]{
  width: 450px;
  height: 50px;
}

.form select{
  width: 450px
}

.form select.month-year{
  width: 225px
}

.form textarea{
  width: 450px;
  height:150px;
}

.form label, .instructions{
  width: 450px;
  font-size: 16px;
}

/* .boolean-field label, .boolean-field .field { */
/*     display: inline-block; */
/* } */

.boolean-field input {
    vertical-align:top;
}

.form input[type=submit]{
  background: #ff311b;
  color: #fff;
  border:0;
  padding: 10px;
  font-size: 18px;
}

.form .helptext{
  display: block;
  width: 450px;
}

.form .hidden{
  display: none;
}

.form hr{
  width: 500px;
  margin-bottom: 10px;
  text-align: right;
}

.country_of_origin label {
  font-size: 12px;
}


/* MEET THE DEPARTMENTS */
.meet-thumbs{
  margin: 40px 0;
}

.meet-thumb{
  display: inline-block;
  margin: 0;
  width: 256px;
  height: 192px;
}

.meet-thumb a{
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
}

.meet-thumb span{
  position: absolute;
  bottom: 10px;
  left:10px;
  display: block;
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}
.meet-thumb img{
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
  left:0;
  display: block;
}

/*
@-moz-document url-prefix() {
  [class*="grad-icon-"] {
    vertical-align:sub;
  }
}
*/
.faq-container {
  padding-top: 50px;
  padding-left: 20px;
  padding-right: 20px;
}

div.footer{
  padding-top: 25px;
  padding-bottom: 25px;
  background-color: #ef4024;
}

div.footer a{
  color: white;
  font-family: 'Helvetica Neue LT W01_41488878';
}

.social-links{
  float: right;
  margin-right: 30px;
}