body {
/*    padding: 50px;*/
    font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
    height: 100%;
    width: auto;
    margin-left: 24vw;
    margin-right: 24vw;
}

.navigation-section{
    margin-left:200px;
    margin-right:200px;
}

.navbar-nav > li.collapse-items {
    display: none;
}

@media (min-width: 1700px) {
    body{
        margin-left: 24vw;
        margin-right:24vw;
    }
    .navigation-section{
        margin-left: 24vw;
        margin-right: 24vw;
    }

    .films-dates-info {
        width:90%;
    }
}

@media (max-width: 1700px) {
    body{
        margin-left: 20vw;
        margin-right:20vw;
    }
    .navigation-section{
        margin-left: 20vw;
        margin-right: 20vw;
    }

    .films-dates-info {
        width:100%;
    }
}

@media (max-width: 1500px) {
    body{
        margin-left: 20vw;
        margin-right: 20vw;
    }
    .navigation-section{
        margin-left: 20vw;
        margin-right: 20vw;
    }


}

@media (max-width: 1350px) {
    body{
        margin-left: 15vw;
        margin-right: 15vw;
    }
    .navigation-section{
        margin-left: 15vw;
        margin-right: 15vw;
    }


}

/*Fonts*/
@font-face {
    font-family: grotesk-light;
    src: url('../fonts/akzidenz-grotesk-light.ttf');
}

.container {
    width: auto;
    padding: 0 15px;
}

.container .credit {
    margin: 20px 0;
}

.container-fluid{
    padding:0;
    margin:0;
}

/**************************
******Header Properties****
***************************/

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: transparent;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: grey;
}

.navbar .navbar-toggle {
    border-color: transparent;
}

#collapse-searchbar {
    background-color: #545454;
    margin-top: -9px;
    padding: 15px;
    width:100%;
    height:85px;
}

.navbar{
    margin-bottom: 0px;
    margin-bottom: 0px;
    height:42px;
    min-height: 25px;
    opacity: 1.9;
    /*border-radius: 4px;*/
}

.navbar-header{
    float:none;
}

.menu-icon {
    margin-top:15px;
}

.navbar-inverse{
    background-color: #545454;
    border-color: transparent;
}

.navbar-inverse .navbar-nav > li > a {
    color: #FAF4F4;
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    width:100%;
}

.navbar-fixed-top, .navbar-fixed-bottom{

    /*    position: absolute;*/
}

.navbar-brand{
    padding: 0;
}

a.menubuttons-color {
    color: black;
}

.form-control#searchBox {
    background-color:#a9a9a9;
    border-color:white;
    border-radius: 30px;
    height: 25px;
    margin-top: -35px;
    width:200px;
    right: 5px;
    margin-right: 5%;
    margin-top: 15%;
}

.inner-addon {
    position: relative;
    width:50px;
    float:right;
    margin-right:30%;
}

.inner-addonNoLogin {
    margin-right:324px;
}

.inner-addon .fa-search {
    position: absolute;
    padding: 10px;
    pointer-events: none;
    color:white;
}

#mobilescreensearch {
    visibility: hidden;
}

.left-addon .fa-search  {
    left:  0px;
}

.left-addon input  {
    padding-left:  30px;
}

.navbar-right{
    float:right;
    margin-right:38%;
    margin-top:-52px;
}

.navbar-rightNoLogin {
    margin-right:380px;
}

.navbar-brand#logoNoLetters {
    visibility: hidden;
}

.user-settings {
    float: right;
    margin-top: -57px;
    margin-right: -2px;
}

.user-settings-mobile{
    visibility: hidden;
    display: none;
}

/*@media (max-width: 1250px) {
    .user-settings {
        margin-right: 15px;
    }
}*/

.logo-img {
    margin-top:-31px;
    height: 100px;
    width: 100%;
}

.navbar-brand#logo{
    visibility: visible;
}

#searchbox-mobile {
    visibility: hidden;
    display: none;
}

.login-btn {
    margin-right:1%;
    margin-top: -46px;
    float:right;
    visibility: visible;
    display: block;
    background-color: #FAA632;
}

.login-btn a:link {
    baclground-color: #000000;
    text-decoration: none;
}

/**********************
***FOOTER PROPERTIES***
***********************/

.contactUs p {
    font-size: 12px;
}

.contactUs label {
    padding-left: 0px;
    padding-top: 7px;
}

.contactUs .form-horizontal .form-group {
    margin-right: 0px;
    margin-left: 0px;
}

.footer {
    height: 36px;
    background-color: #959595;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 1.9;
}

.footer a {
    color: #3f3f3f;
}

.footer a:hover {
    color: #ffffff;
}

.footer-row {
    margin-top:12px;
    margin-left:5vw;
}


/***********************
***MAIN PAGE CAROUSEL***
************************/
.main-carousel .carousel-control.left, .main-carousel .carousel-control.right{
    display: none;
}

.main-carousel{
    min-height: 250px;
    min-width:300px;
    margin-top: 12px;
}

.carousel-indicators li{
    /*    border: 1px solid black;*/
}

/*********************************
*****Custom Scroller Properties***
**********************************/

.my-scroller{
    height: 190px;
    overflow-x:hidden;
    overflow: auto;
    overflow-y: hidden;
    right:0;
    left: 0;
}

.my-scroller::-webkit-scrollbar {
    width: 0;
}

.myInner-scroller{
    position: relative;
    width: 4000px;
}

.thumb{
    width: 140px;
    height: 173px;
    margin:5px;
    float: left;
    overflow: hidden;
}

.btn-custom{
    background-color: Transparent;
    color: #ffffff;
    border: none;
    cursor:pointer;
    overflow: hidden;
    z-index: 1;
    margin-top:-123px;
    visibility: visible;
    display: block;
    outline:none !important;
}

.btn.btn-custom.left{
    float: left;
    display: block;
}

.btn.btn-custom.right{
    right: 10px;
    float: right;
    display: block;
}

/*Main Page Scroller's Header*/
h2.carousel-headerText1,h2.carousel-headerText2 {
    font-family: grotesk-light;
    color: #898989;
    font-size:36px;
    visibility: visible;
    display: block;
}

.carousel-headerText{
    visibility: hidden;
    display: none;
}

.scrollers {
    margin-top:50px;
}

/*Film Details stills*/
.carousel-stills {
    color: #ffffff;
}

/*************************
***Film Details Section***
**************************/
.filmDetails .round-corner {
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.filmDetails {
    /*background-color: #5F5F5F;*/
    background: -webkit-linear-gradient(#D3D3D3 ,#191919); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#D3D3D3 ,#191919); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#D3D3D3 ,#191919); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#D3D3D3,#191919); /* Standard syntax */
}

.header-trailer {
    color:#FEFFEF;
    font-family: grotesk-light;
    font-size: 30px;
    margin-top:50px;
}

@media (max-width: 991px){
    .header-trailer {
        margin-bottom:50px;
    }
}

@media (max-width: 652px){
    .header-trailer {
        margin-bottom: 36px;
    }
}

@media (max-width: 452px){
    .header-trailer {
        margin-bottom: -12px;
    }
}

.row.films {
    margin-right: 15px;
    margin-left: 15px;
}

@media (min-width: 1200px){
    .row.films {
        margin-right: -20px;
        margin-left: 50px;
    }
}

@media (min-width:1700px) {
    .row.films {
        margin-right: -40px;
        margin-left: 50px;
    }
}

.film-dates-section {
    padding:15px;
    padding-top:1px;
    font-family: grotesk-light;
    color: white;
}

.filmDetails .row h3 a {
    font-size: 16px;
}

.film-image {
    margin-top:60px;
    max-width: 445px;
    max-height: 666px;
}

@media (max-width: 991px) {
    .film-image {
        margin-top: 25%;

    }
}

.film-image img {
    max-height: 666px;
    max-width: 445px;
}


.film-title {
    margin-top:60px;
}

.filmbuttons {
    margin-top: 40px;
    margin-left: -2px;
}

.film-description {
    margin-top: 15px;
}

.film-director {
    margin-top: 15px;
}

.film-starring {
    margin-top: 15px;
}

.film-duration {
    margin-top: 15px;
}

.film-url {
    margin-top: 15px;
}

.film-upc {
    margin-top: 15px;
}

.film-comments {
    margin-top: 15px;
}

.film-videoContainer {
    /*margin-top: 0%;*/
    position: static;
}

.video-properties {
    height:300px;
    width:100%;
    margin-top: -43px;
}

.film-datesInfo {
    height: auto;
    background-color: #a9a9a9;
}

@media (max-width: 992px) {
    .film-datesInfo {
        margin-top: 2%;
    }
}

.release-dates {
    float:right;
    margin-top:-115px;
}

@media (max-width:1480px) {
    .film-videoContainer {
        margin-top: 2%;
    }
}

@media (max-width:1200px) {
    .film-videoContainer {
        margin-top: 1%;
    }
}

@media (max-width:991px) {
    .film-videoContainer {
        margin-top: 20%;
    }
}

@media (max-width: 562px) {
    .film-videoContainer {
        margin-top: 26%;
    }
}

@media (max-width: 451px) {
    .film-videoContainer {
        margin-top: 18%;
    }
}

.screen-btn, .add-list-btn {
    height: 40px;
    background-color:#FAA632;
}

.add-list-btn {
    margin-left: 16%;
}


.filmbuttons-mobile {
    margin-bottom: 10%;
    margin-top: 10px;
}


/**************************
** Genre Page Properties **
***************************/

.genre-title {
    margin-top:90px;
    margin-bottom: 40px;
}

@media (max-width: 1100px) {

    body{
        margin:0;
    }

    .navigation-section{
        margin-left: 0px;
        margin-right: 0px;
    }

    .navbar-nav > li.collapse-items {
        display: block;
    }

    .btn-custom {
        visibility: hidden;
        display: none;
    }

    .login-btn {
        visibility: hidden;
        display: none;
    }

    .scrollers {
        margin-top:10px;
    }

    h2.carousel-headerText1, h2.carousel-headerText2 {
        visibility: hidden;
        display: none;
    }

    .carousel-headerText {
        margin-top:50px;
        margin-bottom:20px;
        margin-left:15px;
        margin-right:15px;
        font-family: grotesk-light;
        color: #898989;
        font-size:25px;
        visibility: visible;
        display: block;
    }

    .main-carousel {
        margin-top: 42px;
    }

    .left-addon#bigscreensearch {
        visibility: hidden;
    }

    .form-control#searchBox{
        align-self: center;
        margin-top:1%;
    }

    #mobilescreensearch {
        visibility: visible;
        position: fixed;
        top: 11%;
        right: 0%;
    }

    #searchbox-mobile {
        visibility: visible;
        display: block;
        margin-left: 12px;
        width: 250px;
        background-color:white;
        border-color:white;
        border-radius: 30px;
    }

    .dropdown.mobile{
        position:static;
    }

    .btn#searchMobile {
        border-color: transparent;
        background-color: transparent;
        color:#ffffff;
        margin-top:-2px;
    }

    .fa-search.search-icon{
        color: white;
    }


    .navbar-brand#logo{
        visibility: hidden;
    }

    .navbar-brand#logoNoLetters{
        visibility: visible;
        margin-top: 10px;
        position:fixed;
        top:50%;
        left:50%;
        -webkit-transform:translate(-50%,-50%);
        -ms-transform:translate(-50%,-50%);
        -o-transform:translate(-50%,-50%);
        transform:translate(-50%,-50%);
    }

    .inner-addon{
        align-self: center;
        margin-top:1%;
        float:right;
    }

    .left-addon input  {
        padding-left:  30px;
    }

    .inner-addon{
        padding: 5px;
    }

    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: left !important;
        background-color:#545454;
        width:102%;
        margin-left:-1%
        height:470px;
    }

    .navbar-toggle {
        display: block;
        float:left;
        margin-top:5px;
    }

    .navbar-collapse {
        border-top: 0px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin-top:50px;
    }

    .navbar-nav > li {
        float: none;
    }

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .collapse.in {
        display: block !important;
    }

    /*.user-settings-mobile {
        display: block;
        visibility: visible;
    }*/

}

@media (max-width: 1200px){
    li.hidden-lg.hidden-xl.user-settings-mobile {
        display: none;
    }
}

@media (max-width: 1100px){
    li.hidden-lg.hidden-xl.user-settings-mobile {
        display: block;
        visibility: visible;
    }
}

/*Scrollers Media Queries*/

@media (max-width: 600px) {
    .scrollers {
        margin-top:-30px;
    }
}

@media (max-width: 500px) {
    .scrollers {
        margin-top:-80px;
    }
}

@media (min-width: 768px) {
    .navbar-right {
        float: left !important;
    }
}

@media (min-width: 1100px) {
    .navbar-right {
        float: right !important;
    }
}

@media (max-width:1100px) {
    .footer {
        visibility: hidden;
        display: none;
    }
}

@media (max-width: 755px) {
    .noImage .carousel-control.right {
        margin-right: -6.0%;
        margin-top: -1%
    }
}

@media (max-width: 465px) {
    .coming-soon .row{
        margin-top: 50%;
    }
}

@media (max-width: 320px) {
    .btn#searchMobile {
        border-color: transparent;
        background-color: transparent;
        margin-top: -91px;
    }
}

/*********************
*** CATALOG SEARCH ***
**********************/
.catalog-search-section {
    background: -webkit-linear-gradient(#8C8989,#050000); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#8C8989,#050000); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#8C8989,#050000); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#8C8989,#050000); /* Standard syntax */
}

.catalog-label {
    color:#ffffff;
}

.catalog-search-body {
    margin-right: 2%;
    margin-left: 2%;
    margin-bottom: 0;
}

.searchField {
    margin-top:40px;
    float:right;
}

.createlink-btn {
    float:right;
    background-color: #FAA632;
    /*margin-right:40px;*/
}

.createlink-btn:hover {
    background-color: #FAA632;
    text-decoration: none;
}

.search-btn {
    background-color: #FAA632;
    float:right;
}

.search-btn:hover, .search-btn:active {
    background-color: #FAA632;
    text-decoration: none;
}

.catalog-search-title {
    color:#ffffff;
}

.catalog-search-intermediate-title {
    color:#ffffff;
}

.catalog-section-title {
    color:#ffffff;
    margin-top:80px;
    margin-bottom: 35px;
}

/***********
** SIGNUP **
***********/

.signinBackground {
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-image: url("../img/madMax.jpg");
    overflow: hidden;
    z-index: 10;
}

.signin .round-corner {
    background-color: #FFF;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

/*.signup {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 500px;
    padding: 25px 25px 25px 25px;
}
*/
.signinBackground .round-corner {
    background-color: #FFF;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.signup-input {
    margin: 10px 10px 10px 10px;
}

.signup-input input {
    height: 40px;
}

.signup-button {
    margin: 30px 10px 10px 10px;
}

.signup-button button {
    width: 100%;
    height: 40px;
}

.signup-img {
    position: fixed;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    background-size: cover;
    z-index: -90;
    background-image: url("../img/madMax.jpg");
    background-color: #000;
    /*opacity: 0.8;*/
}

.signup-intro {
    margin: 10px 10px 50px 10px;
    color: #000;
    text-align: center;
}

.signup-intro h1 {
    font-size: 50px;
    letter-spacing: 5px;
}

.signup-intro p {
    font-size: 16px;
}

.signup .form-group p {
    color: #000;
}

.register-intro{
    margin: 10px 10px 40px 10px;
    color: #000;
    text-align: center;
}

.fakePlayer .play-icon {
    width: 75px;
    height: 75px;
    cursor: pointer;
}

.fakePlayer .player-thumbnail {
    height: 100%;
    width: 100%;
}

.center-hv {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}