/*Eli Additional Code*/
body{
    overflow: hidden !important;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCSB_scrollTools,
.mCSB_scrollTools.mCSB_scrollTools_horizontal{
   z-index: 100;
}
.fade-out{
   position: absolute;
   width: 180px;
   height: 100%;
   left: 0;
   top: 0;
   margin-left: 240px;
   z-index: 1;
   background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
   background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0)));
   background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
   background: -o-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
   background: -ms-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
   background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
}
.project .cover_2{
   width: 105vh;
}
.project .intro_2{
   width: 65%;
}
.media .video iframe{
   margin: 0;
   width: 100%;
   height: 50vh;
}
.row-15{
   margin-left: 0;
   margin-right: 0;
}
.element-animation{
   animation: animationFrames linear 4s;
   animation-iteration-count: 1;
   transform-origin: 50% 50%;
   -webkit-animation: animationFrames linear 4s;
   -webkit-animation-iteration-count: 1;
   -webkit-transform-origin: 50% 50%;
   -moz-animation: animationFrames linear 4s;
   -moz-animation-iteration-count: 1;
   -moz-transform-origin: 50% 50%;
   -o-animation: animationFrames linear 4s;
   -o-animation-iteration-count: 1;
   -o-transform-origin: 50% 50%;
   -ms-animation: animationFrames linear 4s;
   -ms-animation-iteration-count: 1;
   -ms-transform-origin: 50% 50%;
}

@keyframes animationFrames{
   0% {opacity:0; transform:  translate(0px,-262px);}
   60% {opacity:0; transform:  translate(0px,-104px);}
   80% {opacity:1; transform:  translate(0px,0px);}
   100% {opacity:1;transform:  translate(0px,0px);}
}

@-moz-keyframes animationFrames{
   0% {opacity:0;-moz-transform:  translate(0px,-262px);}
   60% {opacity:0;-moz-transform:  translate(0px,-104px);}
   80% {opacity:1;-moz-transform:  translate(0px,0px);}
   100% {opacity:1;-moz-transform:  translate(0px,0px);}
}

@-webkit-keyframes animationFrames {
   0% {opacity:0;-webkit-transform:  translate(0px,-262px);}
   60% {opacity:0;-webkit-transform:  translate(0px,-104px);}
   80% {opacity:1;-webkit-transform:  translate(0px,0px);}
   100% {opacity:1;-webkit-transform:  translate(0px,0px);}
}

@-o-keyframes animationFrames {
   0% {opacity:0;-o-transform:  translate(0px,-262px);}
   60% {opacity:0;-o-transform:  translate(0px,-104px);}
   80% {opacity:1;-o-transform:  translate(0px,0px);}
   100% {opacity:1;-o-transform:  translate(0px,0px);}
}

@-ms-keyframes animationFrames {
   0% {opacity:0;-ms-transform:  translate(0px,-262px);}
   60% {opacity:0;-ms-transform:  translate(0px,-104px);}
   80% {opacity:1;-ms-transform:  translate(0px,0px);}
   100% {opacity:1;-ms-transform:  translate(0px,0px);}
}

.btn-square{
   font-size: 12px;
   font-family: "sinkin_sans600_semibold";
   text-transform: uppercase;
   color: #fff;
   font-weight: bold;
   text-decoration: none;
   letter-spacing: .5em;
}
.btn-square{
   color: #fff;
   padding: 6px 10px;
   border: solid 2px #fff;
   background-size: 100% 200%;
   transition: ease-in-out .2s all;
   background: transparent;
}
.btn-square:hover{
   background: #000;
   color: #fff;
   text-decoration: none;
}
.btn-square-voice:hover{
   background: #ff5400;
}
.btn-square-video:hover{
   background: #d32223;
}
.project .btn-square{
   float: right;
   margin-top: 10px;
   margin-right: 10px;
   font-size: 10px;
}
.project .btn-square:hover{
    background: #ff5400;
}
.fixed_navigation{
   height: 100% !important;
   padding-bottom: 30px;
}
.fixed_navigation .fa{
   font-size: 24px;
   letter-spacing: 14px;
}
nav ul li{
   position: relative;
   display: block;
}
.fixed_navigation nav ul li ul{
   padding: 10px 10px 10px 15px;
   position: absolute;
   top: 0;
   left: 0;
   display: none;
   opacity: 0;
   visibility: hidden;
   width: 150px;
   margin: 0;
   background: #000;
   z-index: 100;
}
.fixed_navigation nav ul li ul li { 
   background: #000; 
   display: block; 
   color: #fff;
   text-shadow: 0 -1px 0 #000;
   margin: 0 0 8px;
}
.fixed_navigation nav ul li ul li:hover { background: #000; }
.fixed_navigation nav ul li:hover ul,
.fixed_navigation nav ul li:focus ul{
   display: block;
   opacity: 1;
   visibility: visible;
   background: #000;
   position: relative;
}
.fixed_navigation nav li ul li a{
   font-size: 85%;
}
.fixed_navigation a{
   color: #fff;
   text-decoration: none;
}
.icon-imdb{
   background: url('img/imdb.png') center center no-repeat;
   background-size: 100% auto;
   height: 25px;
}
.nav-email,
.nav-phone{
   font-size: 80%;
   margin-left: 50px;
   font-family: 'sinkin_sans100_thin', sans-serif;
}
.fixed_navigation .icons-social{
   margin-top: 0;
}
.scroll{
   overflow-y: scroll;
}
.scroll-y{
    overflow-y: scroll;
}
.home-tile{
   background: #000 url('img/website-landing-page.jpg') top center no-repeat;
   background-size: auto 100%;
   height: 100%;
   max-height: 100%;
   position: relative;
}
.home-background-overide{
   background: #000 url('img/website-landing-page2.jpg') top center no-repeat;
   background-size: auto 100%;
}
.home-tile .btn-lg{
   position: absolute;
   margin: auto;
   top: 0;
   left: 30%;
   bottom: 0;
   right: 0;
   width: 200px;
   height: 70px;
   padding: 24px;
   text-align: center;
   background: rgba(0,0,0,.8);
}
.home-tile .btn-lg:hover{
   background: rgba(0,0,0,1);
}
.home .col > .post:hover{
   cursor: pointer;
}
.home .post:hover .overlay{
   box-shadow: inset 0px 0px 1px 6px #fff;
   -webkit-box-shadow: inset 0px 0px 1px 6px #fff;
}

.home .overlay .postdesc{
   width: 100%;
   background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));
   background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
   background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
   background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
   background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}
.home .overlay .postdesc p{
   line-height: 2em;
   padding-bottom: 25px;
}


.about #welcome h3{
   line-height: 1.8em;
}
.about #details .left p, 
.about #details .right p{
   line-height: 2em;
   font-size: 1.2em;
   font-family: 'sinkin_sans300_light', sans-serif;
}
.signature{
   display: block;
   text-align: center;
   margin: 0 auto;
   padding-top: 45px;
}
#bio .scroll{
   padding: 15vh 7vh;
   width: 140vh;
}
#bio h1{
   padding-bottom: 1.5em;
}
#bio p{
   line-height: 2.5em;
   font-size: 1.2em;
   padding-bottom: 15px;
   font-family: 'sinkin_sans300_light', sans-serif;
}
#bio p strong{
   font-family: 'sinkin_sans800_black', sans-serif;
   letter-spacing: 1px;
}

#bio blockquote{
   line-height: 2em;
}
#bio .row{
   background-size: 100% !important;
   background-position: top left;
   background-repeat: no-repeat;
}
.filmography p span{
   display: block;
   font-size: 12px;
   line-height: 12px;
   font-family: 'sinkin_sans100_thin', sans-serif;
}

.gallery .gallery.gallery-v .image-wrap{
   height: 50vh;
   width: 50%;
}
.gallery .image-wrap{
   height: 50vh;
   transition: all ease-in-out .2s;
   -webkit-transition: all ease-in-out .2s;
   
   background-size: cover !important;
}
 .photo-gallery  .gallery .image-wrap{
   background-size: 110% auto !important;
   background-repeat: no-repeat!important; 
}
 .photo-gallery .gallery .image-wrap:hover{
/*
   -webkit-box-shadow: inset 0px 0px 10px 8px rgba(255,255,255,0.65);
   box-shadow: inset 0px 0px 10px 8px rgba(255,255,255,0.65);
*/
   
   transition: all ease-in-out .2s;
   -webkit-transition: all ease-in-out .2s;
   
   background-size: 125% auto !important;
}
.blueimp-gallery .gallery .modal-header,
.blueimp-gallery .modal-header{
   position: absolute;
   top: 0;
   right: 0;
   z-index: 100;
}
.blueimp-gallery .gallery .modal-footer,
.blueimp-gallery .modal-footer{
   position: absolute;
   bottom: 0;  
   margin: auto;
   width: 100%;
   border: 0;
   height: 40px;
}
.blueimp-gallery .modal-dialog,
.blueimp-gallery .modal-body,
.blueimp-gallery .gallery .modal-footer{
   padding: 0;
}
.modal-body
.blueimp-gallery .gallery .modal-body img,
.blueimp-gallery .modal-body img{
   max-width: auto;
   width: auto;
   max-height: 980px;
   height: 96%;
}
.filmography #bio p{
   line-height: 1.65em;
   padding-bottom: 20px;
}
.filmography .movie-list:hover{
   background-color: rgba(255, 255, 255, .75);
   transition: all ease-in-out .3s;
}
.filmography .movie-list:hover p, .filmography .movie-list:hover p span{
   color: #111;
   font-family: 'sinkin_sans300_light', sans-serif !important;
}
.news .span_4{
   padding-left: 30px;
   padding-right: 25px;
}
.news h1{
   color: #222;
}
.news article{
   border-bottom: 1px solid #ddd;
   padding-bottom: 15px;
}
.news article, .news article p{
   color: #222;
}
.news article .article-title{
   color: #222;
   padding-top: 20px;
   font-family: 'sinkin_sans400_regular', sans-serif !important;
   font-size: 2.4em;
   padding: 0 0 25px;
   margin: 0;
}
.news article .article-meta{
   display: block;
   padding-bottom: 5px;
   padding-top: 15px;
   font-size: 12px;
   font-family: 'sinkin_sans100_thin', sans-serif;
}
.news article .article-img img{
   display: block;
   width: 100%;
   height: auto;
   margin: auto;
}


/*Projects*/
.project .intro_2 {
   text-shadow: 0 2px 3px #000;
}
.project .col{
   background-size: cover !important;
}
.project .wrapper{
    padding: 0 !important;
}

body.interview .img-responsive{
    width: 100%;
}

/*Video Page*/
.media .video-title{
   margin-left: 16px;
}


.disclosure{
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   width: 70%;
   color: #fff;
   padding: 10px;
   font-size: 12px;
   margin: 0 auto;
}




.scroll-right{
    background-color: red;
    right: 0;
    position: fixed;
    display: inline-block!important;
    height: 100%;
    width: 100px;
    z-index: 100;
    transition: all ease-in-out .2s;
    
    background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));
    background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 );    
}
.scroll-right:hover .fa{
    opacity: .3;
}
.scroll-right .fa{
    position: absolute;
    top: 45%;
    right: 0;
    margin: auto;
    height: 100%;
    font-size: 48px;
    padding-right: 25px;
    opacity: .8;
}
.row-scroll{
    display: inline-block;
    position: relative;
}
.main-row {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.row-scroll {
    display: inline-block;
    position: relative;
    padding: 0 4px 0 4px;
    background-color: #272624;
}



/*
Mobile Optimization
*/
@media (max-width: 736px){
   /*Menu*/
   .fixed_navigation{
      width: 200px;
   }
   .fixed_navigation #logo{
      margin: 15px 0 0 15px;
      width: 150px;
      height: auto;
   }
   .fixed_navigation li, .fixed_navigation li a{
      font-size: 14px;
   }
   /*Home*/
   .home h1, .home h2,
   .home #hero h1{
      font-size: 20px;
   }
   .home h1 strong, .home #hero h1 strong{
      font-size: 24px;
   }
   .home .postdesc p{
      font-size: 12px;
   }
   /*Gallery Page*/
   .gallery #content .col .span_4{
      width: 300px;
   }
}