/*DIRECTORS SECTION*/
/* line 4, ../../app/assets/stylesheets/directors.css.scss */
.directors-list {
  font-size: 20px;
  margin-top: 10px;
  line-height: 185%;
}
/* line 8, ../../app/assets/stylesheets/directors.css.scss */
.directors-list a {
  font-family: 'trajan-pro-3';
  color: #626262;
  text-decoration: none;
}

/* line 15, ../../app/assets/stylesheets/directors.css.scss */
#directors li {
  margin: 0 auto;
  line-height: 185%;
  width: 50%;
  cursor: pointer;
}

/* line 23, ../../app/assets/stylesheets/directors.css.scss */
#directors li:hover {
  color: #000;
}

/* line 27, ../../app/assets/stylesheets/directors.css.scss */
#directorhead {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  width: 100%;
  font-size: 120px;
  font-family: 'wondrosfont2regular';
  letter-spacing: 4px;
}

/*DIRECTOR SLIDE*/
/* line 40, ../../app/assets/stylesheets/directors.css.scss */
.is-slide-go-back {
  z-index: 999;
  width: 100px;
  color: #8b8b8b;
  right: 30px;
  position: absolute;
  text-align: right;
  margin-top: 30px;
  font-size: 18px;
  font-family: 'OpenSansCondensedLight';
  cursor: pointer;
}
/* line 51, ../../app/assets/stylesheets/directors.css.scss */
.is-slide-go-back:hover {
  color: #000;
}

/* line 56, ../../app/assets/stylesheets/directors.css.scss */
.directorslide {
  width: 100%;
  height: 560px;
  margin-top: -280px;
  top: 50%;
  position: relative;
  left: 0px;
  overflow: hidden;
}

/* line 66, ../../app/assets/stylesheets/directors.css.scss */
.director-page-name {
  text-align: center;
  margin-top: 20px;
  width: 100%;
  font-size: 60px;
  font-family: 'wondrosfont2regular';
  letter-spacing: 4px;
}

/* line 75, ../../app/assets/stylesheets/directors.css.scss */
#director-feature {
  width: 1125px;
  margin: 0 auto;
}

/* line 80, ../../app/assets/stylesheets/directors.css.scss */
.director-feature-container {
  position: relative;
  display: inline-block;
  float: right;
  width: auto;
}

/* line 87, ../../app/assets/stylesheets/directors.css.scss */
.director-feature {
  width: 400px;
  position: relative;
  display: inline-block;
  padding-left: 15px;
  padding-right: 15px;
  vertical-align: top;
}
/* line 94, ../../app/assets/stylesheets/directors.css.scss */
.director-feature.left {
  margin-left: 0%;
}

/* line 101, ../../app/assets/stylesheets/directors.css.scss */
.directortopfeature {
  background: url(../assets/clientdefaultlogo.png) no-repeat;
  background-size: 100%;
  width: 100%;
  height: 100%;
  position: absolute;
  vertical-align: top;
}
/* line 108, ../../app/assets/stylesheets/directors.css.scss */
.directortopfeature:hover {
  opacity: 0.5;
}

/* line 114, ../../app/assets/stylesheets/directors.css.scss */
.directorvideothumb {
  width: 180px;
  cursor: pointer;
  position: relative;
  display: inline-block;
  padding-right: 15px;
  padding-left: 15px;
  vertical-align: top;
  padding-top: 20px;
}

/* line 127, ../../app/assets/stylesheets/directors.css.scss */
.director-thumb-text {
  font-family: 'OpenSansSemibold';
  font-size: 12px;
  margin-top: 4px;
}

/* line 133, ../../app/assets/stylesheets/directors.css.scss */
.directorthumbimage {
  background: url(../assets/clientdefaultlogo.png) no-repeat;
  background-size: 100%;
  width: 100%;
  height: 100%;
  position: absolute;
}
/* line 139, ../../app/assets/stylesheets/directors.css.scss */
.directorthumbimage:hover {
  opacity: 0.5;
}

/* line 144, ../../app/assets/stylesheets/directors.css.scss */
#directorpagecontact {
  vertical-align: top;
  display: inline-block;
  position: relative;
  text-align: left;
  font-size: 20px;
  font-family: 'wondrosfont2regular';
  letter-spacing: 4px;
  z-index: 999;
  float: left;
  padding-left: 15px;
  padding-right: 50px;
  height: 420px;
  border-right: 1px solid #9e9e9e;
}
/* line 158, ../../app/assets/stylesheets/directors.css.scss */
#directorpagecontact h1 {
  font-family: 'OpenSansExtraBoldItalic';
  padding-top: 12px;
  letter-spacing: 0px;
  font-size: 12px;
}
/* line 164, ../../app/assets/stylesheets/directors.css.scss */
#directorpagecontact p {
  font-family: 'OpenSansLight';
  padding-top: 4px;
  letter-spacing: 0px;
  font-size: 12px;
}
/* line 170, ../../app/assets/stylesheets/directors.css.scss */
#directorpagecontact a {
  font-family: 'OpenSansLightItalic';
  padding-top: 4px;
  letter-spacing: 0px;
  font-size: 12px;
  color: #000;
  text-decoration: none;
}
/* line 177, ../../app/assets/stylesheets/directors.css.scss */
#directorpagecontact a:hover {
  color: #6b6b6b;
}

/* line 183, ../../app/assets/stylesheets/directors.css.scss */
.directorvideothumb-container {
  width: 855px;
  height: 168px;
  position: relative;
  white-space: normal;
  overflow: hidden;
  margin: 0 auto;
  display: block;
}

/* line 193, ../../app/assets/stylesheets/directors.css.scss */
.director-category-toggle {
  width: 250px;
  height: 30px;
  margin: 0 auto;
  margin-bottom: 10px;
  font-family: 'opensansextrabolditalic';
  color: #6b6b6b;
  cursor: pointer;
}
/* line 201, ../../app/assets/stylesheets/directors.css.scss */
.director-category-toggle .commercial-toggle {
  width: 50%;
  float: left;
}
/* line 204, ../../app/assets/stylesheets/directors.css.scss */
.director-category-toggle .commercial-toggle:hover {
  color: #000;
}
/* line 207, ../../app/assets/stylesheets/directors.css.scss */
.director-category-toggle .commercial-toggle:active, .director-category-toggle .commercial-toggle.active {
  color: #000;
  border-bottom: 1px solid #8b8b8b;
}
/* line 212, ../../app/assets/stylesheets/directors.css.scss */
.director-category-toggle .musicvideo-toggle {
  width: 50%;
  float: left;
}
/* line 215, ../../app/assets/stylesheets/directors.css.scss */
.director-category-toggle .musicvideo-toggle:hover {
  color: #000;
}
/* line 218, ../../app/assets/stylesheets/directors.css.scss */
.director-category-toggle .musicvideo-toggle:active, .director-category-toggle .musicvideo-toggle.active {
  color: #000;
  border-bottom: 1px solid #8b8b8b;
}

@media screen and (max-width: 1024px) {
  /* line 228, ../../app/assets/stylesheets/directors.css.scss */
  #director-feature {
    width: 800px;
  }

  /* line 232, ../../app/assets/stylesheets/directors.css.scss */
  .director-feature {
    width: 275px;
    padding-left: 10px;
    padding-right: 10px;
  }

  /* line 238, ../../app/assets/stylesheets/directors.css.scss */
  .directorvideothumb {
    width: 125px;
    padding-right: 10px;
    padding-left: 10px;
  }

  /* line 244, ../../app/assets/stylesheets/directors.css.scss */
  #directorpagecontact {
    padding-right: 50px;
    font-size: 16px;
    height: 330px;
  }
  /* line 248, ../../app/assets/stylesheets/directors.css.scss */
  #directorpagecontact h1, #directorpagecontact p, #directorpagecontact a {
    font-size: 10px !important;
  }
}
@media screen and (max-width: 920px) {
  /* line 257, ../../app/assets/stylesheets/directors.css.scss */
  .is-slide-go-back {
    margin-top: 90px;
  }

  /* line 261, ../../app/assets/stylesheets/directors.css.scss */
  .directorslide {
    height: 445px;
    margin-top: -222.5px;
    overflow: visible;
  }

  /* line 267, ../../app/assets/stylesheets/directors.css.scss */
  .director-page-name {
    margin-top: 20px;
    font-size: 60px;
  }

  /* line 272, ../../app/assets/stylesheets/directors.css.scss */
  #director-feature {
    width: 800px;
  }

  /* line 276, ../../app/assets/stylesheets/directors.css.scss */
  .director-feature {
    width: 275px;
    padding-left: 10px;
    padding-right: 10px;
  }

  /* line 282, ../../app/assets/stylesheets/directors.css.scss */
  .directorvideothumb {
    width: 125px;
    padding-right: 10px;
    padding-left: 10px;
  }

  /* line 288, ../../app/assets/stylesheets/directors.css.scss */
  #directorpagecontact {
    padding-right: 50px;
    font-size: 16px;
    height: 330px;
  }
  /* line 292, ../../app/assets/stylesheets/directors.css.scss */
  #directorpagecontact h1, #directorpagecontact p, #directorpagecontact a {
    font-size: 10px !important;
  }

  /* line 297, ../../app/assets/stylesheets/directors.css.scss */
  .directorvideothumb-container {
    width: 592px;
    height: 140px;
  }
}
@media screen and (max-width: 780px) {
  /* line 306, ../../app/assets/stylesheets/directors.css.scss */
  .directorslide {
    height: 445px;
    margin-top: -222.5px;
    overflow: visible;
  }

  /* line 312, ../../app/assets/stylesheets/directors.css.scss */
  .director-page-name {
    margin-top: 20px;
    font-size: 60px;
  }

  /* line 317, ../../app/assets/stylesheets/directors.css.scss */
  #director-feature {
    width: 700px;
  }

  /* line 321, ../../app/assets/stylesheets/directors.css.scss */
  .director-feature {
    width: 225px;
    padding-left: 10px;
    padding-right: 10px;
  }

  /* line 327, ../../app/assets/stylesheets/directors.css.scss */
  .directorvideothumb {
    width: 100px;
    padding-right: 10px;
    padding-left: 10px;
  }

  /* line 333, ../../app/assets/stylesheets/directors.css.scss */
  #directorpagecontact {
    padding-right: 50px;
    font-size: 16px;
    height: 330px;
  }
  /* line 337, ../../app/assets/stylesheets/directors.css.scss */
  #directorpagecontact h1, #directorpagecontact p, #directorpagecontact a {
    font-size: 10px !important;
  }

  /* line 342, ../../app/assets/stylesheets/directors.css.scss */
  .directorvideothumb-container {
    width: 490px;
    height: 120px;
  }
}
@media screen and (max-width: 480px) {
  /* line 352, ../../app/assets/stylesheets/directors.css.scss */
  #directorhead {
    font-size: 50px;
    margin-top: 0%;
  }

  /* line 357, ../../app/assets/stylesheets/directors.css.scss */
  #directors li {
    font-family: 'trajan-pro-3';
    color: #626262;
    font-size: 14px;
    margin-top: 10px;
    line-height: 125%;
    width: 100%;
  }

  /* line 366, ../../app/assets/stylesheets/directors.css.scss */
  .directorslide {
    height: 445px;
    margin-top: -272.5px;
    overflow: visible;
  }

  /* line 372, ../../app/assets/stylesheets/directors.css.scss */
  .director-page-name {
    font-size: 30px;
  }

  /* line 376, ../../app/assets/stylesheets/directors.css.scss */
  #director-feature {
    width: 400px;
  }

  /* line 380, ../../app/assets/stylesheets/directors.css.scss */
  .director-feature {
    width: 175px;
    padding-left: 0px;
    padding-right: 15px;
  }

  /* line 386, ../../app/assets/stylesheets/directors.css.scss */
  .directorvideothumb-container {
    width: 370px;
    height: 140px;
  }

  /* line 391, ../../app/assets/stylesheets/directors.css.scss */
  .directorvideothumb {
    width: 125px;
    padding-right: 15px;
    padding-left: 0px;
  }

  /* line 397, ../../app/assets/stylesheets/directors.css.scss */
  #directorpagecontact {
    display: none;
  }
}
@media screen and (max-height: 768px) {
  /* line 406, ../../app/assets/stylesheets/directors.css.scss */
  .directors-list {
    width: 50%;
    margin-left: 24%;
  }

  /* line 411, ../../app/assets/stylesheets/directors.css.scss */
  #directors li {
    float: left;
    display: block;
  }
}
@media screen and (max-height: 480px) {
  /* line 421, ../../app/assets/stylesheets/directors.css.scss */
  #directorhead {
    font-size: 40px;
    margin-top: 0%;
  }

  /* line 426, ../../app/assets/stylesheets/directors.css.scss */
  .directors-list {
    width: 40%;
    margin-left: 29%;
    margin-top: 6px;
  }

  /* line 432, ../../app/assets/stylesheets/directors.css.scss */
  #directors li {
    font-size: 14px;
    float: left;
    display: block;
  }

  /* line 438, ../../app/assets/stylesheets/directors.css.scss */
  .directorslide {
    height: auto;
    margin-top: -130px;
    overflow: visible;
  }

  /* line 444, ../../app/assets/stylesheets/directors.css.scss */
  .director-page-name {
    font-size: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  /* line 450, ../../app/assets/stylesheets/directors.css.scss */
  #director-feature {
    width: 540px;
  }

  /* line 454, ../../app/assets/stylesheets/directors.css.scss */
  .director-feature {
    width: 125px;
    padding-left: 0px;
    padding-right: 15px;
  }

  /* line 460, ../../app/assets/stylesheets/directors.css.scss */
  .directorvideothumb-container {
    height: 130px;
    overflow-y: scroll;
    overflow-x: hidden;
  }

  /* line 466, ../../app/assets/stylesheets/directors.css.scss */
  .directorvideothumb {
    width: 125px;
    padding-right: 15px;
    padding-left: 0px;
    padding-top: 20px;
  }

  /* line 473, ../../app/assets/stylesheets/directors.css.scss */
  #directorpagecontact {
    display: none;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
  /* line 485, ../../app/assets/stylesheets/directors.css.scss */
  #directorhead {
    font-size: 30px;
  }

  /* line 489, ../../app/assets/stylesheets/directors.css.scss */
  #directors li {
    font-size: 10px;
    line-height: 100%;
  }

  /* line 495, ../../app/assets/stylesheets/directors.css.scss */
  .directors-list {
    margin-top: -16px;
  }

  /* line 499, ../../app/assets/stylesheets/directors.css.scss */
  .director-category-toggle {
    font-size: 10px;
    width: 140px;
  }

  /* line 504, ../../app/assets/stylesheets/directors.css.scss */
  .directorslide {
    height: 200px;
    margin-top: -84px;
  }

  /* line 509, ../../app/assets/stylesheets/directors.css.scss */
  #director-feature {
    width: 300px;
  }

  /* line 513, ../../app/assets/stylesheets/directors.css.scss */
  .director-thumb-text {
    font-size: 10px;
  }

  /* line 517, ../../app/assets/stylesheets/directors.css.scss */
  .director-page-name {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  /* line 522, ../../app/assets/stylesheets/directors.css.scss */
  .is-slide-go-back {
    font-size: 14px;
    margin-top: 80px;
    right: 15px;
  }
}