@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

body{font-family: "Roboto", Helvetica, Arial, sans-serif; font-weight: 400; color:#fff}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; font-style: italic; font-weight: 800;}

a, a:hover{color: #fff112}

.g-bg-primary{background-color: #680000!important}

.titlehdr{padding-top:5px; padding-bottom:5px; background-image:url(../img/sep-blue.png); background-position: center center; background-repeat: no-repeat; background-size: cover;}

h3.titlehdr{font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; font-size:36px; text-shadow: 0px 0px 10px #000; font-weight: 800; text-transform: uppercase; font-style: italic}

.u-header, .u-header.js-header-fix-moment .u-header__section, .u-header--sticky-top {background-image: url(../img/red-hdr-bg.jpg);background-position: left top;
    background-repeat: no-repeat; background-size: auto; background-color: #680000!important; box-shadow: rgba(0, 0, 0, .117647) 0 1px 3px;}

.navbar-nav{font-family: "Roboto"; font-size:18px; font-weight: 600; font-style: italic}
.navbar .u-main-nav-v4 .nav-link{border:none; padding-left:5px; padding-right:5px; margin-left:30px}

.navbar-brand{margin-top:10px; margin-bottom:10px}

.hs-sub-menu .active{background-color:#7e5a3e}

.navbar .u-main-nav-v4 .nav-item.active > .nav-link, .navbar .u-main-nav-v4 .nav-item:hover > .nav-link, .navbar .u-main-nav-v4 .nav-item:focus > .nav-link, .navbar .u-main-nav-v4 .nav-item.show > .nav-link, .navbar .u-main-nav-v4 .nav-item.hs-sub-menu-opened > .nav-link, .navbar .u-main-nav-v4 .nav-item .nav-link:focus {
    color: #fff112!important;
}


.u-header.js-header-fix-moment .navbar-brand{padding-top:0; margin-top:0; margin-bottom:0}

.u-header.js-header-fix-moment .navbar-brand img{width:140px; height:auto}

.u-header.js-header-fix-moment .u-header__section, .u-header.js-header-fix-moment .js-mega-menu{height:70px}

.u-header.js-header-fix-moment .navbar-nav{font-size:16px}

.u-header.js-header-fix-moment .navbar .u-main-nav-v4 .nav-link{margin-left:30px}

.g-brd-gold{border-color:#b78e2c}

.form-control:focus,
.custom-select:focus {
    border-color: #ff8921;
}

.hamburger-box {width: 25px; height: 25px;}
.hamburger{color: #000!important}
.hamburger:hover {opacity: 1;}
.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
    width: 100%;
    height: 3px;
    border-radius: 0;
}

.hamburger--slider .hamburger-inner:before{top: 8px;}
.hamburger--slider .hamburger-inner:after {top: 16px;}
.hamburger--slider.is-active .hamburger-inner:after{transform: translate3d(0, -16px, 0) rotate(-90deg);}

.navbar-toggler{margin-top:30px}


.pagetitlebar {margin-top:119px; height:200px; background-image: url(../img/pagetitle-bg.jpg); background-position: center center;
    background-repeat: no-repeat; background-size: cover}

.pagetitlebar h1{font-size:54px; font-weight: 700; font-style: italic; text-shadow: 0px 0px 10px #000;}

.bg {background-image: url(../img/blue-bg2.jpg); background-position: 50% 300px; background-repeat: no-repeat; background-size: auto; background-color: #012d78}



.u-btn-primary {
    color: #fff;
    border:2px solid #029df0;
    /*background-color: #1b3d87;*/ 
    background: #FE0002;
background: linear-gradient(180deg, rgba(254, 0, 2, 1) 0%, rgba(104, 0, 0, 1) 100%);
    border-radius:10px;
    font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
    font-style: italic;
    font-weight: 800;
    font-size: 20px;
}

.u-btn-primary:hover, .u-btn-primary.active {
    border:2px solid #fff;
    background: #FE0002;
background: linear-gradient(180deg, rgba(104, 0, 0, 1) 0%, rgba(104, 0, 0, 1) 100%);
}

.u-btn-primary:hover, .u-btn-primary:focus, .u-btn-primary.active {
    color: #fff; 
}




/* FOOTER */
.u-go-to-v2{background-color: #fe0002;}
.u-go-to-v2:hover, .u-go-to-v2:focus:hover{background-color: #fff; color:#fe0002}

.footerbtm .u-icon-v2{font-size: 16px!important; width:34px; height:34px; border-color: rgba(255, 255, 255, 0.25)}

.footerbtm {background-image: url(../img/footer-bg.jpg);background-position: center center;
    background-repeat: no-repeat; background-size: cover; background-color: #680000!important}

.footerbtm a{color:#fff!important}
.footerbtm a:hover{color:#ffd114!important; text-decoration:none}

.u-icon-v1.u-icon-size--sm{width:27px; height:27px; font-size: 14px!important;}

.topbrdr{border-top:1px dotted #fe0002}


/* SOCIAL */

.fb.btn-xxl {
    line-height: 1;
    padding: 10px 10px;
    font-size: 25px;
    width:45px;
    height:45px;
    border-radius:10px;
    background-color: #fe0002;
    color: #fff;
}

.fb.btn-xxl:hover {background-color: #fff; color: #fe0002!important;
}

.fbsocial{display:flex; justify-content: flex-end !important; align-items: center !important;}

/* TABLE */

.table-bordered{color:#fff;border: 1px solid #029df0;}

.table thead th {
    font-size:16px;
    color:#fff;
    background-color: #ac0203;
    vertical-align: bottom;
    border-bottom: 1px solid #029df0;
}

.table-bordered td, .table-bordered th{
    border: 1px solid #029df0;
}

.trcolor{background-color:#fdfbf4}


@media only screen and (max-width: 1200px){
    #js-header .container{max-width: 100%}
    
    .navbar-brand, .u-header.js-header-fix-moment .navbar-brand{margin-top:10px; margin-bottom:10px}
    
    
    .u-header.js-header-fix-moment .navbar-nav{font-size:18px}
    .navbar .u-main-nav-v4 .nav-link, .u-header.js-header-fix-moment .navbar .u-main-nav-v4 .nav-link {margin-left: 0;}

    .u-header.js-header-fix-moment .navbar-brand img{width:230px; height:auto}
    .u-header__section, .js-mega-menu, .u-header.js-header-fix-moment .u-header__section, .u-header.js-header-fix-moment .js-mega-menu{height:110px}   
    
    
    .pagetitlebar {margin-top:109px;}   


    .navbar-collapse{background-color:#680000}
    .navbar-nav{border-top:1px solid #ff8921}
    .nav-item{border-bottom:1px solid #ff8921}   

    /*.nav-item.active{background-color:#330000;}
    .nav-item.active a{color:#fff112!important}*/


    .navbar{-ms-flex-wrap: wrap;
        flex-wrap: wrap;}

    .navbar-expand-lg .navbar-toggler {
        display: block;
    }

    .navbar-expand-lg .navbar-collapse {
        width: 100%;
        -ms-flex-order: 10;
        order: 10;
        display: block!important;
    }
    .collapse:not(.show) {
        display: none!important;
    }

    .navbar-collapse {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%!important;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-align: center;
        align-items: center!important;
    }

    .navbar-nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column!important;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }

    /*
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid {
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .navbar-expand-lg .navbar-collapse {
    width: 100%;
    -ms-flex-order: 10;
    order: 10; } 
    */
    /* mobile state */  

    /*.u-header--sticky-top{position: static;}*/
    /*.u-header__section{background-color: #fff!important}*/
    .u-header__section.g-py-10, .navbar-brand{padding-top:0!important; padding-bottom:0!important}
    .navbar-brand img{margin-left:30px;}
    .navbar-toggler{margin-right:30px; margin-top:30px}

    .navbar .u-main-nav-v4 .nav-item.active > .nav-link, .navbar .u-main-nav-v4 .nav-item:hover > .nav-link, .navbar .u-main-nav-v4 .nav-item:focus > .nav-link, .navbar .u-main-nav-v4 .nav-item.show > .nav-link, .navbar .u-main-nav-v4 .nav-item.hs-sub-menu-opened > .nav-link, .navbar .u-main-nav-v4 .nav-item .nav-link:focus {
        color: #fff112!important;
    }    


    .navbar .u-main-nav-v4 .nav-link {
        height:42px;
        padding: 0 30px!important;
        border-top: none;
        align-items: center;
        display: flex;
    }    
    .navbar .u-sub-menu-v1 .hs-sub-menu{box-shadow:none}

    .js-mega-menu.g-px-30{padding-right:0!important; padding-left:0!important}

    .nav-item.g-mr-30{margin-right:0!important}
    /*.nav-item, .hs-sub-menu li{border-top:1px solid #fff}*/

    .navbar .u-sub-menu-v1 .hs-sub-menu a{padding-left:30px!important; padding-right:30px!important; font-size:16px}

    .navbar .u-sub-menu-v1 .hs-sub-menu a:before{content:"-"; padding-right:5px}

    .hs-sub-menu, .hs-mega-menu {position: static; visibility: visible}

    .navbar .u-sub-menu-v1 .hs-sub-menu a, .navbar .u-sub-menu-v1 .hs-sub-menu a:hover{border-bottom:none}
}

@media only screen and (max-width: 1024px){
    .pagetitlebar {margin-top:109px; height:150px; background-image: url(../img/pagetitle-bg1024.jpg);}
    .bg {background-position: 50% 259px;}
}


@media only screen and (max-width: 640px){
    .titlehdr{background-image:url(../img/sep-blue-mobile.png)}
    .fbsocial{justify-content: center !important; margin-top:40px}
    .footerbtm{padding-left:15px; padding-right:15px}
    .footerbtm h4{text-align:center}
    .pagetitlebar {margin-top:109px; height:100px; background-image: url(../img/pagetitle-bg-mobile.jpg);}

    .u-header__section.g-py-10{padding:0 0!important}
    .pagetitlebar h1{font-size: 32px;}
    .bg {background-position: 50% 200px;}

    .navbar-brand {
        margin-left:30px;
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom:0;
        padding-top: 0px;
    }

    .navbar-brand img{
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .u-header, .u-header.js-header-fix-moment .u-header__section, .u-header--sticky-top {background-image: url(../img/red-hdr-bg500.jpg)}

    .u-header.js-header-fix-moment .navbar-brand img{width:230px; height:auto}
    .u-header__section, .js-mega-menu, .u-header.js-header-fix-moment .u-header__section, .u-header.js-header-fix-moment .js-mega-menu{height:110px}

    
    .u-header.js-header-fix-moment .navbar-brand {
        padding-top: 0px;
        margin-top: 0;
        margin-bottom: 0px;
    }
    .navbar-toggler{margin-right:30px}

    .u-header{
        position: fixed;
        top: 0px;
        bottom: auto;
    }

    /*.navbar-collapse{background-color:#680000}
    .navbar-nav{border-top:1px solid #ff8921}
    .nav-item{border-bottom:1px solid #ff8921}*/

    /*.nav-item.active{background-color:#330000; color:#fff112}*/

    

    .bg {background-image: url(../img/blue-bg-mobile.jpg); background-position: center top; background-repeat: repeat-y; background-size: auto; background-color: #012d78}
    
        .navbar-brand img{margin-left: 0;}

}

@media only screen and (max-width: 350px){
    .pagetitlebar {background-position: left;
}