@import url(../fonts/fonts.css);
/* line 4, ../../assets/scss/application.scss */
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

/* line 13, ../../assets/scss/application.scss */
a {
  text-decoration: none;
  outline: none;
}

/* line 18, ../../assets/scss/application.scss */
a img {
  outline: none;
}

/* line 22, ../../assets/scss/application.scss */
img {
  border: 0;
}

/* line 26, ../../assets/scss/application.scss */
*:focus {
  outline: none;
}

/* line 30, ../../assets/scss/application.scss */
header form {
  position: absolute;
  top: 5px;
  left: 2%;
}
/* line 33, ../../assets/scss/application.scss */
header form label, header form input {
  font-family: 'Avenir Black', sans-serif;
  font-size: 23px;
}
/* line 38, ../../assets/scss/application.scss */
header form input {
  border: none;
}
/* line 40, ../../assets/scss/application.scss */
header form input:focus {
  outline: none;
}

/* line 46, ../../assets/scss/application.scss */
header {
  position: relative;
  text-align: center;
  min-height: 120px;
  padding-bottom: 40px;
}
/* line 52, ../../assets/scss/application.scss */
header .upper, header .upper_extras {
  height: 0px;
  overflow: hidden;
  position: relative;
  text-align: left;
}
/* line 58, ../../assets/scss/application.scss */
header .upper .content, header .upper_extras .content {
  position: relative;
  margin-top: 50px;
}
/* line 63, ../../assets/scss/application.scss */
header .upper .close, header .upper_extras .close {
  position: absolute;
  right: 0px;
  top: 5px;
}
/* line 69, ../../assets/scss/application.scss */
header .upper .left, header .upper .middle, header .upper .right,
header .upper_extras .left, header .upper_extras .middle, header .upper_extras .right {
  float: left;
  height: 100%;
}
/* line 74, ../../assets/scss/application.scss */



header .upper .full, header .upper_extras .full {
  width: 100%;
}


header .upper .left, header .upper_extras .left {
  width: 30%;
  padding-right: 10%;
}
/* line 79, ../../assets/scss/application.scss */
header .upper .middle, header .upper_extras .middle {
  width: 33%;
  padding-right: 2%;
}
/* line 84, ../../assets/scss/application.scss */
header .upper .right, header .upper_extras .right {
  width: 25%;
}
/* line 87, ../../assets/scss/application.scss */
header .upper .right p, header .upper_extras .right p {
  margin: 0px;
  font-size: 19px;
}
/* line 92, ../../assets/scss/application.scss */
header .upper .right a, header .upper_extras .right a {
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 19px;
  display: block;
}
header .upper .right a.heavy, header .upper_extras .right a.heavy {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 17px;
  display: block;
}
/* line 100, ../../assets/scss/application.scss */
header .upper span, header .upper_extras span {
  font-family: "Avenir Oblique";
  font-size: 14px;
}
/* line 105, ../../assets/scss/application.scss */
header .upper h2, header .upper_extras h2 {
  font-family: "Avenir Black";
  font-size: 20px;
  font-weight: normal;
}
/* line 111, ../../assets/scss/application.scss */
header .upper p, header .upper_extras p {
  font-family: "Avenir Medium";
  color: #555;
  font-size: 16px;
}
/* line 117, ../../assets/scss/application.scss */
header .upper ul, header .upper_extras ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
/* line 121, ../../assets/scss/application.scss */
header .upper ul li, header .upper_extras ul li {
  margin-top: 3px;
  margin-bottom: 3px;
}
/* line 127, ../../assets/scss/application.scss */
header .upper .heavy, header .upper_extras .heavy {
  font-family: "Avenir Heavy";
  font-size: 17px;
}
/* line 132, ../../assets/scss/application.scss */
header .upper .download, header .upper_extras .download {
  font-family: "Avenir Black";
  font-size: 18px;
  margin-bottom: 30px;
  display: block;
}
/* line 139, ../../assets/scss/application.scss */
header .upper a, header .upper_extras a {
  font-family: "Avenir Medium";
  font-size: 16px;
  color: #555;
  padding-left: 0px;
  -moz-transition: margin-left 0.3s;
  -o-transition: margin-left 0.3s;
  -webkit-transition: margin-left 0.3s;
  transition: margin-left 0.3s;
}
/* line 146, ../../assets/scss/application.scss */
header .upper a:hover, header .upper_extras a:hover {
  margin-left: 5px;
}
/* line 151, ../../assets/scss/application.scss */
header .upper .black, header .upper .black {
  font-family: "Avenir Black";
}
/* line 155, ../../assets/scss/application.scss */
header .upper .oblique, header .upper_extras .oblique {
  font-family: "Avenir Oblique";
}
/* line 160, ../../assets/scss/application.scss */
header .search, header .extras, header .info, header .reel, header .slideshow {
  font-family: "Avenir Medium";
  font-size: 18px;
  color: white;
  background: black;
  position: absolute;
  z-index: 11;
  top: 0px;
  left: 0px;
  width: 75px;
  padding: 1px;
}
/* line 175, ../../assets/scss/application.scss */
header .logo {
  margin-top: 50px;
  display: inline-block;
}
/* line 180, ../../assets/scss/application.scss */
header .info {
  left: auto;
  right: 0px;
}


header .extras {
  left: auto;
  right: 92px;
  width: 90px;
}

header .slideshow {
  left: auto;
  right: 199px;
  width: 100px;
}


/* line 185, ../../assets/scss/application.scss */
header .reel {
  left: auto;
  right: 316px;
}
/* line 192, ../../assets/scss/application.scss */
header #reel .contentbox {
  position: relative;
  padding-bottom: 53%;
  /* 16:9 */
  margin-top: 50px;
  height: 0px;
}
/* line 198, ../../assets/scss/application.scss */
header #reel .contentbox iframe {
  position: absolute;
  top: 50px;
  left: 0px;
  width: 100%;
  height: 100%;
}

/* line 213, ../../assets/scss/application.scss */
.container .portfolio.loaded .tile {
  -moz-transition: left 700ms ease-in-out, top 700ms ease-in-out;
  -o-transition: left 700ms ease-in-out, top 700ms ease-in-out;
  -webkit-transition: left 700ms ease-in-out, top 700ms ease-in-out;
  transition: left 700ms ease-in-out, top 700ms ease-in-out;
}
/* line 218, ../../assets/scss/application.scss */
.container .portfolio.loaded .background {
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
/* line 222, ../../assets/scss/application.scss */
.container .portfolio.loaded .details {
  -moz-transition: opacity 700ms ease-in-out, margin-left 300ms;
  -o-transition: opacity 700ms ease-in-out, margin-left 300ms;
  -webkit-transition: opacity 700ms ease-in-out, margin-left 300ms;
  transition: opacity 700ms ease-in-out, margin-left 300ms;
}
/* line 228, ../../assets/scss/application.scss */
.container .tile {
  overflow: hidden;
  position: relative;
  background-color: black;
  margin-bottom: 25px;
}
/* line 232, ../../assets/scss/application.scss */
.container .tile .details {
  opacity: 1;
}
/* line 237, ../../assets/scss/application.scss */
.container .tile:hover .background, .container .tile.active .background {
  opacity: 0.30 !important;
}
/* line 241, ../../assets/scss/application.scss */
.container .tile:hover .details, .container .tile.active .details {
  opacity: 1 !important;
}
/* line 246, ../../assets/scss/application.scss */
.container .tile .details {
  position: absolute;
  bottom: 5%;
  left: 10px;
  width: 90%;
  opacity: 1!important;
}
/* line 251, ../../assets/scss/application.scss */
.container .tile .details a > span {
  display: block;
}
/* line 259, ../../assets/scss/application.scss */
.container .tile .details .title, .container .tile .details .scene {
  margin: 0;
}
/* line 263, ../../assets/scss/application.scss */
.container .tile .details .title {
  font-family: "Avenir Black", Arial, sans-serif;
  font-size: 18px;
  color: white;
  text-transform: uppercase;
}
/* line 271, ../../assets/scss/application.scss */
.container .tile .details .scene {
  font-family: "Avenir Roman", Arial, sans-serif;
  font-size: 18px;
  margin-bottom: -10px;
  color: white;
  text-transform: uppercase;
}
/* line 280, ../../assets/scss/application.scss */
.container .tile .details .images {
  font-family: "Avenir Oblique", Arial, sans-serif;
  font-size: 18px;
  color: white;
}
/* line 291, ../../assets/scss/application.scss */
.container .tile.huge {
  height: 475px;
  width: 475px;
}
/* line 296, ../../assets/scss/application.scss */
.container .tile.wide {
  height: 380px;
  width: 475px;
}
/* line 301, ../../assets/scss/application.scss */
.container .tile.slim {
  height: 380px;
  width: 225px;
}
/* line 304, ../../assets/scss/application.scss */
.container .tile.slim .details {
  bottom: 5%;
}

/* line 311, ../../assets/scss/application.scss */
.modal {
  background: none;
  height: 100%;
  width: 90%;
  margin: 0px 0 0 -45%;
}
/* line 317, ../../assets/scss/application.scss */
.modal.fade {
  top: -50%;
}
/* line 321, ../../assets/scss/application.scss */
.modal.fade.in {
  top: 2%;
}
/* line 325, ../../assets/scss/application.scss */
.modal .contentbox {
  position: absolute;
  width: 90%;
  left: 5%;
  height: 80%;
}
/* line 331, ../../assets/scss/application.scss */
.modal .close {
  color: #fff;
  font-size: 30px;
  position: absolute;
  right: 0px;
  top: 20px;
  height: 30px;
  opacity: 0.9;
}
/* line 339, ../../assets/scss/application.scss */
.modal .close:hover {
  color: #aaa;
}
/* line 344, ../../assets/scss/application.scss */
.modal .title {
  font-family: "Avenir Black";
  font-size: 23px;
  text-align: center;
  color: white;
  margin-bottom: 0px;
}
/* line 350, ../../assets/scss/application.scss */
.modal .title .movie {
  font-family: "Avenir Black";
  text-transform: uppercase;
  font-size: 23px;
}
/* line 356, ../../assets/scss/application.scss */
.modal .title .scene {
  font-family: "Avenir Medium";
  text-transform: uppercase;
  font-size: 23px;
}

/* line 364, ../../assets/scss/application.scss */
.modal-backdrop.fade.in {
  opacity: 0.93;
  filter: alpha(opacity=93);
}

/* line 371, ../../assets/scss/application.scss */
.carousel {
  top: 20px;
  left: 2.5%;
  width: 95%;
  height: 100%;
}
/* line 375, ../../assets/scss/application.scss */
.carousel .item {
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
}
/* line 381, ../../assets/scss/application.scss */
.carousel .item img {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
}
/* line 391, ../../assets/scss/application.scss */
.carousel .carousel-inner {
  height: 100%;
}
/* line 395, ../../assets/scss/application.scss */
.carousel .carousel-control {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  opacity: 0.9;
  top: 50%;
  font-size: 90px;
  line-height: 30px;
  margin-top: -15px;
  background: none;
  border: none;
  left: -70px;
}
/* line 407, ../../assets/scss/application.scss */
.carousel .carousel-control:hover {
  color: #aaa;
}
/* line 411, ../../assets/scss/application.scss */
.carousel .carousel-control.right {
  left: auto;
  right: -70px;
}

/* line 419, ../../assets/scss/application.scss */
.search-component ul {
  position: absolute;
  top: 24px;
  z-index: 10;
  text-align: left;
  list-style: none;
  font-family: 'Avenir Medium', sans-serif;
  margin: 0px;
  padding: 0px;
  width: 275px;
}
/* line 429, ../../assets/scss/application.scss */
.search-component ul li {
  -moz-transition: all, 0.1s, ease-in-out 1s;
  -o-transition: all, 0.1s, ease-in-out 1s;
  -webkit-transition: all, 0.1s, ease-in-out 1s;
  transition: all 0.1s ease-in-out 1s;
  border: 1px solid #333;
  margin-top: -1px;
  background: white;
}
/* line 434, ../../assets/scss/application.scss */
.search-component ul li:first-child {
  margin-top: 0px;
}
/* line 437, ../../assets/scss/application.scss */
.search-component ul li:hover {
  background: black;
}
/* line 439, ../../assets/scss/application.scss */
.search-component ul li:hover a {
  color: white;
}
/* line 443, ../../assets/scss/application.scss */
.search-component ul li a {
  -moz-transition: all, 0.1s, ease-in-out 1s;
  -o-transition: all, 0.1s, ease-in-out 1s;
  -webkit-transition: all, 0.1s, ease-in-out 1s;
  transition: all 0.1s ease-in-out 1s;
  color: black;
  line-height: 20px;
  display: block;
  padding: 7px;
}

/* line 461, ../../assets/scss/application.scss */
.container {
  margin: 0 auto;
}
@media only screen and (max-width: 320px) {
  /* line 461, ../../assets/scss/application.scss */
  .container {
    width: 725px;
  }
}
@media all and (min-width: 725px) {
  /* line 461, ../../assets/scss/application.scss */
  .container {
    width: 725px;
  }
}
@media all and (min-width: 975px) {
  /* line 461, ../../assets/scss/application.scss */
  .container {
    width: 975px;
  }
}
@media all and (min-width: 1225px) {
  /* line 461, ../../assets/scss/application.scss */
  .container {
    width: 1225px;
  }
}