/* ---------------------------
SCREEN STYLE CSS
--------------------------- */

/*
.col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1{
border: solid 2px #666666;
}
*/


/* START: NAVIGATION STYLES */
.navbar
{
    background-image: url(../images/hphero_01_web.jpg);
    height: 48px;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: 'Orbitron', sans-serif;
}
.nav
{
    padding: 5px;
}
.nav-link
{
    color: #000;
}
.nav-link:hover
{
    color: #890007;
}
.nav-link:focus
{
    color: #083AAD;
}
/* END: NAVIGATION STYLES */



/* START: BANNER STYLES */
#herohp
{
    background-image: url(../images/hphero_02_web.jpg);
    height: 792px;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}
.testvideo
{
    padding: 0;
}
.cblogo
{
    margin: 120px 0;
    padding: 0 120px 0;
}
.cblogoxs
{
    margin: 120px 0;
}
#hpctabtn
{
    padding: 0;
    margin: 50px 0;
}
#hpctabtn a
{
    text-decoration: none;
    padding: 20px;
    color: #fff;
    background: #F99A00;
    border-radius: 10px;
    box-shadow: 2px 2px #000;
}
#hpctabtn a:hover
{
    color: #000;
    background: #F9E100;
}
.img-fluid
{
    margin: 0 auto;
    padding: 30px;
}
video
{
    width: 100%;
    height: auto;
    padding: 20px;
}
.hpctabg
{
    background-image: url(../images/moonmansithood_web.jpg);
    height: 480px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: 'Orbitron', sans-serif;
}
.hpcta
{
    padding: 150px 0 0;
}
.btn a
{
    text-decoration: none;
    color: #000;
}
.table
{
    color: #fff;
}
form
{
    color: #fff;
}
#formarea
{
    padding: 70px;
}
/* END: BANNER STYLES */



/* START: CONTENT STYLES */
body
{
    background: #000;
    font-family: 'Saira', sans-serif;
    font-size: 1.2em;
    padding-top: 46px;
}
h1
{
    font-family: 'Orbitron', sans-serif;
    padding: 30px;
    margin: 0;
    color: #fff;
}
h2
{
    color: #fff;
}
h5
{
    color: #fff;
}
.subspacing
{
    padding: 15px;
}
p
{
    color: #fff;
    padding: 20px 0;
}
/* END: CONTENT STYLES */



/* START: FOOTER STYLES */
.footer
{
    padding: 30px;
    background-color: #3A4151;
}
.footer p
{
    color: #fff;
    padding: 0;
}
.footer a
{
    color: #fff;
}
/* START: FOOTER STYLES */