/*///////////////////////////////
GLOBAL STYLES - MOBILE DEFAULT
///////////////////////////////*/
html,
body{
    height      : 100%;
    width       : 100%;
    min-height  : 100%;
    min-width   : 100%;
    background  : #125eab;
    font-family : 'Muli', Arial, Helvetica, sans-serif;
}
@font-face{
    font-family : 'Conv_steelfis';
    src         : url('../fonts/steelfis.eot');
    src         : local('☺'), url('../fonts/steelfis.woff') format('woff'), url('../fonts/steelfis.ttf') format('truetype'), url('../fonts/steelfis.svg') format('svg')
;
    font-weight : normal;
    font-style  : normal;
}
.row{
    margin : 0;
}
a:hover{
    text-decoration : none;
}
textarea{
    resize : none;
}
/*-----------------------------
    SWIPE
---*/
div.swipe{
    clear   : both;
    padding : 0;
}
button.swipe-prev,
button.swipe-next{
    display : none;
}
/*-----------------------------
    HELPER CLASSES
---*/
.no-padding{
    padding : 0 !important;
}
.no-margin{
    margin : 0 !important;
}
.no-border{
    border : none !important;
}
.clear{
    clear : both;
}
.clean-list{
    list-style : none;
}
.no-opacity{
    opacity : 0;
}
/*--
	hider
--*/
.hider span{
    display : none;
}
.hider:after{
    content : 'Press to see more';
}
/*--
	faded
--*/
.faded{
    opacity : .4;
}
/*-----------------------------
    GLOBAL
---*/
div.inner-wrap > div.container.login{
    padding : 70px 0 25px 0;
}
div.inner-wrap > div.container{
    padding : 45px 0 25px 0;
}
i.play-btn{
    position : absolute;
    top      : 50%;
    left     : 50%;
    color    : rgba(0, 0, 0, .5);
    padding  : 0;
    margin   : -20px 0 0 -20px;
    border   : none;
    max-size : 100%;
}
span.thm{
    overflow : hidden;
}
span.thm:hover{
    cursor : pointer;
}
img{
    max-width : 100%;
}
/*-----------------------------
    GLOBAL FORMATTING
---*/
h1{
    font-family : 'Conv_steelfis';
    color       : #fff;
    text-align  : center;
    font-size   : 36px;
}
p{
    color : #fff;
}
body{
    background : #125eab;
}
hr.fat-sep{
    clear                 : both;
    float                 : left;
    height                : 8px;
    background            : #191919;
    padding               : 0;
    border                : 1px solid #000;

    -webkit-border-radius : 5px;
    -moz-border-radius    : 5px;
    -o-border-radius      : 5px;
    border-radius         : 5px;
}
/*-----------------------------
    STRUCTURE
---*/
div.inner-wrap{
    position      : relative;
    border-bottom : 1px solid #007eff;
    overflow      : hidden;
    background    : #222;
}
body.login div.inner-wrap{
    max-height : 800px;
}
img.bg{
    position  : relative;
    z-index   : 111;
    max-width : 100%;
}
div.content{
    z-index  : 999;
    overflow : hidden;
}
div.content.col-xs-12{
    padding : 0;
}
/*---
	masthead
--*/
div.masthead-nonav{
    top           : 0;
    position      : absolute;
    z-index       : 888;
    width         : 100%;
    height        : 70px;
    background    : #125eab;
    border        : none;
    border-top    : 15px solid #007fff;
    border-bottom : 1px solid #007fff;
}
.navbar-brand{
    line-height : 20px;
    width       : 100%;
    height      : inherit;
    text-align  : center;
    padding     : 0;
    margin-top  : 13px;
    position    : relative;
    z-index     : 999;
}
.navbar-brand img{
    max-width : 65%;
    float     : none;
}
/*-----------------------------
    MAIN NAV
---*/
div.navbar-default{
    border     : none;
    background : transparent;
}
div.navbar-header{
    background    : #125eab;
    border-bottom : 1px solid #007eff;
}
button.navbar-toggle,
.navbar-default button.navbar-toggle{
    float       : left;
    width       : 35px;
    margin-left : 10px;
    background  : #007eff;
    border      : none;
}
.navbar-default button.navbar-toggle:hover,
.navbar-default button.navbar-toggle:focus{
    background : #007eff;
}
.navbar-default .navbar-toggle .icon-bar{
    width      : 100%;
    background : #fff;
}
div.navbar-header a.navbar-brand{
    position : static;
    float    : none;
    display  : block;
    width    : 195px;
    margin   : 14px auto 0;
}
div.navbar-header a.navbar-brand img{
    max-width : 100%;
}
/*--
	dropdown
--*/
.navbar-default .navbar-collapse{
    padding : 0;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form{
    border             : none;

    box-shadow         : 0 15px 35px #000;
    -webkit-box-shadow : 0 15px 35px #000;
    -moz-box-shadow    : 0 15px 35px #000;
    -o-box-shadow      : 0 15px 35px #000;
}
ul.navbar-nav{
    margin     : 0;
    width      : 100%;
    background : #e7e7e7;

}
ul.navbar-nav > li{
    border-top    : 1px solid #fff;
    border-bottom : 1px solid #ccc;
}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:hover{
    color : #000;
}
.navbar-default .navbar-nav > li > a:hover{
    background : #d1d1d1;
}
/*--
	dropdown child dropdown
--*/
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus{
    color      : #000;
    background : #007eff;
}
.navbar-default .navbar-nav > .open > a:focus{
    color : #fff;
}
ul.navbar-nav ul.dropdown-menu{
    padding    : 0;
    background : #d1d1d1;
}
ul.navbar-nav ul.dropdown-menu > li{
    padding    : 3px 0;
    background : #fff;
    border-top : 1px solid #ddd;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .dropdown-menu > li > a,
.navbar-default .navbar-nav .dropdown-menu > li > a:hover{
    color       : #777;
    font-weight : bold;
}
/*--this prevents collapse when dropdown closes--*/
.navbar-nav .dropdown-menu{
    position         : static;
    float            : none;
    width            : auto;
    margin-top       : 0;
    background-color : transparent;
    border           : 0;
    box-shadow       : none;
}
.navbar-nav .dropdown-menu > li > a,
.navbar-nav .dropdown-menu .dropdown-header{
    padding : 5px 15px 5px 25px;
}

/*-----------------------------
    LOGIN
---*/
div.container.login{
    padding-top     : 57px;
    min-height      : 530px;
    background      : #222 url(../img/global/login-bg-nophone.jpg) no-repeat -245px -10px;
    background-size : 300%;
}
div.content{
    height  : auto;
    padding : 0;
}
div.provider{
    float      : right;
    clear      : both;
    text-align : center;
    margin     : 0 0 75px 0;
}
.btn-input{
    display : block;
}
.btn-input .btn.form-control{
    float      : none;
    text-align : left;
    margin     : 0 auto;
}
div.provider ul.dropdown-menu{
    width      : 60%;
    left       : 16%;
    text-align : left;
}
.btn-input .btn.form-control span:first-child{
    top      : 7px;
    left     : 10px;
    overflow : hidden;
    position : absolute;
    right    : 25px;
}
.btn-input .btn.form-control .caret{
    margin-top : -1px;
    position   : absolute;
    right      : 10px;
    top        : 50%;
}
div.login button.submit{
    display    : block;
    float      : none;
    width      : 40%;
    color      : #fff;
    font-size  : 1.10em;
    padding    : 12px 0;
    border     : none;
    background : #5fbc4d;
    margin     : 25px auto 0;
}
button.submit:hover{
    color      : #fff;
    background : #007eff;
}
/*--
	formatting for login
--*/
div.container.login h1{
    font-size   : 45px;
    margin-top  : 15px;

    text-shadow : -2px 2px 3px #000;
}
div.login p{
    text-align : justify;
    margin-top : 20px;
}
/*-----------------------------
    CATEGORY LIST PAGE
---*/
div.categories div.cat-entry{
    padding : 0;
}
div.categories div.cat-entry a{
    padding : 0;
}
div.categories div.cat-entry img{
    width : 100%;
}
div.categories div.cat-entry span.thm{
    width        : 100%;
    border       : 4px solid #333;
    border-left  : none;
    border-right : none;
    padding      : 0;
}
div.cat-entry span.scene-info{
    padding : 0 10px;
}
/*--
	formatting for cat list page
--*/
div.categories h1{
    text-align  : left;
    font-size   : 15px;
    font-family : 'Muli', Arial, Helvetica, sans-serif;
    padding     : 0 10px;
}
div.cat-entry h3{
    color     : #007eff;
    font-size : 14px;
    margin    : 10px 0 0 0;
}
div.cat-entry p{
    font-size   : 12px;
    line-height : 14px;
    margin      : 0;
}
/*--
	quality buttons - visible only on xs
--*/
div.cat-entry span.quality{
    padding : 0 10px;
}
div.cat-entry span.quality a{
    display    : block;
    text-align : center;
    width      : 100%;
    background : #333;
    padding    : 5px 0;
    margin     : 10px 0 25px 0;
}
/*-----------------------------
    MOVIE PAGE
---*/
div.container.movie{
    padding : 0;
}
/*--
	player
--*/
div.player{
    padding : 0;
}
/*--
	scenes
--*/
div.scenes{
    padding : 0;
}
div.scenes-inner-wrap{
    height  : auto;
    padding : 0;
}
div.scenes-inner-wrap span a{
    display : block;
}
div.scenes-inner-wrap span a img{
    width : 100%;
}
/*-----------------------------
    CONTACT
---*/
div.usr-form{
    margin-top : 30px;
}
div.form-group label{
    color : #fff;
}
/*-----------------------------
    SIZE WARNING - happens on movie page
    when browser is too narrow
---*/
div.movie div.size-warning.content{
    min-height : 500px;
}
div.movie div.size-warning.content h1{
    padding : 100px 0;
}

/*--
    bootbox modal
--*/
.bootbox.modal{
    overflow-y: auto;
}
.bootbox .modal-content{
    border-radius : 0;
    background    : #222;
    color         : #fff;
}
.bootbox .modal-header{
    color: #00b4ff;
    background-color : #005dae;
    border-top       : 5px solid #007cff;
    border-bottom    : none;
}
.bootbox .modal-title{
    text-align  : center;
    font-weight : 400;
}
.bootbox div.bootbox-body{
    font-size   : 18px;
    font-weight : 400;
    line-height : 28px;
    color       : #b6b6b6;
}
.bootbox div.bootbox-body h4{
    color : #fff;
}
.bootbox .modal-footer{
    border-top : none;
    background : #2f2f2f;
}
.bootbox .btn{
    font-size: 16px;
    font-weight: 400;
    border-radius: 0;
}
.btn-yes{
    background: #007CFF;
    color: #fff;
    border-radius: 0;
}
.btn-yes:hover,
.btn-yes:focus{
    color: #fff;
    background: #007CFF;
}
.btn-no{
    background: #414141;
    color: #ddd;
    border-radius: 0;
}
.btn-no:hover,
.btn-no:focus{
    background: #3a3a3a;
    color: #ddd;
}

/*form*/
.bootbox input{
    border-radius: 0;
}
.bootbox label{
    padding-right: 15px;
}
.bootbox a{
    font-size: 14px;
}
.bootbox hr{
    border-top: 1px solid #2F2F2F;
}
.bootbox .has-error{
    margin-bottom: 15px;
    font-size: 14px;
}
.pinerror{
    display: none;
}
.bootbox .error-title,
.bootbox .error-title span{
    color: #f2dede;
    background: #a94442;
}
.bootbox .error-title span{
    margin-right: 5px;
    padding: 8px;
    border-right: 1px solid;
}
.bootbox .error-body{
    padding: 15px;
}
.bootbox .error-body a{
    color: #a94442;
    text-decoration: underline;
}
/*--setup*/
div.setup h2,
div.setup h4{
    color: #00b4ff;
}
div.setup p{
    font-size: 18px;
    line-height: 33px;
    color: #b6b6b6;
}
div.setup hr{
    border-top: 1px solid #2F2F2F;
}
form.pin-setup{
    margin-top: 15px;
    padding: 0px;
}
div.form-group label{
    color : #b6b6b6;
}
form.pin-setup input,
form.pin-setup select{
    border-radius: 0;
    background: #3A3A3A;
    border: none;
    color: #ddd;
}
form.pin-setup input.input-short{
    max-width: 140px;
}
form.pin-setup div.submit button{
    margin-left: 15px;
}
/*--
    FAQ page
--*/
.faq h3{
    font-family : 'Conv_steelfis';
    color       : #fff;
    font-size   : 30px;
}
.faq li{
    color: #428bca;
}
.faq ol {
    padding-left: 1.8em;
}
/*--
    Contact page
--*/
.contact .has-error .form-control {
    background-color: #f2dede;
}