/*-----------------------------
    STRUCTURE
---*/
/*---
	masthead
--*/
.navbar > .container a.navbar-brand{
    position    : relative;
    z-index     : 999;
    line-height : 20px;
    width       : 230px;
    border      : none;
    padding     : 0;
    margin-top  : 12px;
    margin-left : 0;
}
.navbar-brand img{
    max-width : 100%;
}
/*--*/
div.masthead-nonav .navbar-brand{
    text-align : left;
    margin-top : 10px;
}
div.inner-wrap > div.container{
    min-height     : 715px;
    padding-top    : 85px;
    padding-bottom : 25px;
}
div.navbar-header{
    background : transparent;
    border     : none;
}
/*-----------------------------
    MAIN NAV
---*/
div.navbar{
    top           : 0;
    height        : 70px;
    background    : #125eab;
    border        : none;
    border-top    : 15px solid #007fff;
    border-bottom : 1px solid #007fff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form{
    border             : none;

    box-shadow         : none;
    -webkit-box-shadow : none;
    -moz-box-shadow    : none;
    -o-box-shadow      : none;
}
div.navbar-collapse{
    position : relative;
    top      : 10px;
}
.navbar-default ul.navbar-nav{
    float      : right;
    width      : auto;
    background : transparent;

}
.navbar-default ul.navbar-nav > li{
    margin-left : 5px;
    border      : none;
}
.navbar-default ul.navbar-nav > li > a,
.navbar-default ul.navbar-nav > li > a:hover,
.navbar-default ul.navbar-nav > li > a:visited,
.navbar-default ul.navbar-nav > li > a:active,
.navbar-default ul.navbar-nav > li > a:focus{
    text-transform : uppercase;
    color          : #fff;
    padding        : 7px 10px;
    background     : transparent;
}
.navbar-default ul.navbar-nav > li:first-child > a{
    margin-left : 0;
}
.navbar-default ul.navbar-nav > li > a:hover,
.navbar-default ul.navbar-nav > li > a.dropdown-toggle.active{
    text-decoration       : none;
    background            : #007eff;
}
.navbar-default ul.navbar-nav li.dropdown{
    position : static;
}
/*--
	dropdown
--*/
.navbar-default .nav .open > a,
.navbar-default .nav .open > a:hover,
.navbar-default .nav .open > a:visited,
.navbar-default .nav .open > a:focus{
    background            : #007eff;

    -webkit-border-radius : 4px;
    -moz-border-radius    : 4px;
    -o-border-radius      : 4px;
    border-radius         : 4px;
}
.navbar-default .navbar-nav ul.dropdown-menu{
    position              : absolute;
    top                   : 45px;
    left                  : 0;
    padding               : 0 0 1px 0;

    background            : -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.8) 30%, rgba(0, 0, 0, 0.8) 100%);
    background            : -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(30%, rgba(0, 0, 0, 0.8)), color-stop(100%, rgba(0, 0, 0, 0.8)));
    background            : -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.8) 30%, rgba(0, 0, 0, 0.8) 100%);
    background            : -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.8) 30%, rgba(0, 0, 0, 0.8) 100%);
    background            : -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.8) 30%, rgba(0, 0, 0, 0.8) 100%);
    background            : linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.8) 30%, rgba(0, 0, 0, 0.8) 100%);
    filter                : progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#cc000000', GradientType=0);

    border                : none;
    border-top            : none;

    box-shadow            : 0 10px 15px rgba(40, 40, 40, .9);

    -webkit-border-radius : 0;
    -moz-border-radius    : 0;
    -o-border-radius      : 0;
    border-radius         : 0;
}
ul.navbar-nav ul.dropdown-menu > li{
    float      : left;
    width      : 33.33%;
    background : transparent;
    padding    : 0;
    border     : none;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a,
.navbar-default .navbar-nav .dropdown-menu > li > a{
    color      : #fff;
    padding    : 10px 20px;
    margin     : 1px 1px 0 1px;
    background : rgba(0, 0, 0, .2);
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .dropdown-menu > li > a:hover{
    color      : #fff;
    background : #007eff;
}
/*-----------------------------
    SWIPE
---*/
.swipe{
    overflow   : hidden;
    visibility : hidden;
    position   : relative;
}
.swipe-wrap{
    overflow : hidden;
    position : relative;
}
.swipe-wrap > div{
    float    : left;
    width    : 100%;
    position : relative;
}
/*--
	swipe nav
--*/
button.swipe-prev,
button.swipe-next{
    outline    : none;
    position   : absolute;
    z-index    : 8888;
    display    : block;
    font-size  : 5em;
    text-align : center;
    color      : #333;
    background : transparent;
    padding    : 0;
    margin     : 0;
    border     : none;
}
button.swipe-prev:hover i,
button.swipe-next:hover i{
    color : #444;
}
button.swipe-prev{
    top  : 50%;
    left : 20px;
}
button.swipe-next{
    top   : 50%;
    right : 20px;
}
/*-----------------------------
    LOGIN
---*/
div.container.login{
    background      : #222 url(../img/global/login-bg.jpg) no-repeat -50px -6px;
    background-size : 110%;
}
div.provider{
    float  : none;
    margin : 15px auto 0 auto;
}
.btn-input{
    display : block;
}
div.login button.submit{
    display : block;
    float   : none;
    width   : 90%;
}
button.submit:hover{
    color      : #fff;
    background : #166dc5;
}
/*--
	formatting for login
--*/
div.container.login h1{
    font-size    : 68px;
    text-align   : center;
    padding-left : 130px;
}
div.login p{
    font-size   : 13px;
    line-height : 18px;
    margin-top  : 25px;
}
.dropdown-menu > li > a,
.dropdown-menu > li > a:hover{
    color : #000;
}
/*-----------------------------
    CATEGORY LIST PAGE
---*/
div.categories div.cat-entry{
    margin  : 10px 0 20px 0;
    padding : 0 10px;
}
div.categories div.cat-entry span{
    overflow : hidden;
    height   : 145px;
    padding  : 0;
}
div.categories div.cat-entry a.thm{
    padding : 0;
}
div.categories div.cat-entry a.thm img{
    width  : 100%;
    border : 5px solid #333;
}
/*--
	formatting for cat list page
--*/
div.categories h1{
    text-align  : left;
    font-size   : 15px;
    font-family : 'Muli', Arial, Helvetica, sans-serif;
}
div.cat-entry h3{
    color     : #166dc5;
    font-size : 14px;
    margin    : 10px 0 0 0;
}
div.cat-entry p{
    font-size   : 12px;
    line-height : 14px;
}
/*-----------------------------
    MOVIE PAGE
---*/
div.inner-wrap > div.container.movie{
    min-height  : 645px;
    padding-top : 90px;
}
div.scene-info{
    padding : 0;
}
/*--
	formatting for movie page
--*/
div.scene-info h1{
    max-width             : 545px;
    text-align            : left;
    color                 : #fff;
    font-size             : 26px;
    padding               : 5px 0 5px 5px;
    background            : #333;

    -webkit-border-radius : 4px;
    -moz-border-radius    : 4px;
    -o-border-radius      : 4px;
    border-radius         : 4px;
}
div.scene-info p{
    text-align : justify;
    font-size  : 13px;
    padding    : 0;
}
/*--
	player
--*/
div.video-player{
    height     : 425px;
    padding    : 0;
    background : #333 url(../img/global/ajax-loader.gif) no-repeat center center;
    border     : 4px solid #333;
}
/*--
	scene swipe
--*/
div.scenes{
    float      : left;
    list-style : none;
    overflow   : hidden;
    height     : 100%;
    overflow   : hidden;
    padding    : 0;
}
div.scenes-inner-wrap{
    padding    : 0;
    margin-top : 10px;
}
div.scenes span{
    float   : left;
    padding : 0 2px;
}
div.scenes img{
    position : relative;
    border   : 2px solid #333;
}
div.scenes h3.scn-title{
    font-size      : 11px;
    color          : #fff;
    font-weight    : 900;
    letter-spacing : -0.05em;
    padding        : 0;
    margin         : 3px 0 0 0;

    text-shadow    : -1px 1px 5px #000;
}
/*--
	scene swipe nav
--*/
div.container.movie div.swipe-nav{
    position   : absolute;
    top        : 20px;
    right      : 0;
    width      : 200px;
    background : transparent;
}
div.swipe-nav{
    padding : 0;
}
button.swipe-prev,
button.swipe-next{
    position   : static;
    width      : 49.95%;
    height     : 38px;
    color      : #fff;
    font-size  : 13px;
    background : #333;
}
button.swipe-prev:hover i,
button.swipe-next:hover i{
    color : inherit;
}
button.swipe-prev:hover,
button.swipe-next:hover{
    background : #444;
}
button span{
    position : relative;
    top      : -3px;
    margin   : 0 2px;
}
button.swipe-prev i,
button.swipe-next i{
    font-size : 1.75em;
}
button.swipe-prev{
    float                 : left;

    -webkit-border-radius : 4px 0 0 4px;
    -moz-border-radius    : 4px 0 0 4px;
    -o-border-radius      : 4px 0 0 4px;
    border-radius         : 4px 0 0 4px;
}
button.swipe-next{
    float                 : right;

    -webkit-border-radius : 0 4px 4px 0;
    -moz-border-radius    : 0 4px 4px 0;
    -o-border-radius      : 0 4px 4px 0;
    border-radius         : 0 4px 4px 0;
}
/*-inactive state-*/
div.swipe-nav.inactive button.swipe-prev,
div.swipe-nav.inactive button.swipe-next,
div.swipe-nav.inactive button.swipe-next:hover,
div.swipe-nav.inactive button.swipe-prev:hover,
div.swipe-nav.inactive button.swipe-prev i,
div.swipe-nav.inactive button.swipe-next i,
div.swipe-nav.inactive button.swipe-next:hover i,
div.swipe-nav.inactive button.swipe-prev:hover i{
    cursor     : default;
    color      : #292929;
    background : #292929;
}
/*-----------------------------
    CONTACT
---*/
div.usr-form{
    float  : none;
    margin : 55px auto 0 auto;
}
/*-----------------------------
    BOOTBOX
---*/
.bootbox .modal-footer button:nth-of-type(2){
    margin-top: 0px;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=
     iPad portrait
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-*/
@media (min-device-width : 768px)
and (max-device-width    : 1024px)
and (orientation         : portrait){
    /*-----------------------------
        MOVIE PAGE
    ---*/
    /*--
        player
    --*/
    /*--
        scene nav
    --*/
    div.scenes{
        width : 100%;
    }
    div.scene-nav ul{
        list-style : none;
        float      : left;
        width      : 100%;
        padding    : 0;
    }
    div.scene-nav ul li{
        float   : left;
        margin  : 0;
        padding : 10px 5px;
    }

}