/* 
/* 
/*  custom.css
/*
/*  If not using Gulp and Sass, add your custom CSS below then include it
/*  in your page by adding a reference to assets/css/custom.css in the head of each page.
/*
*/

.pt-10 {
    padding-top: 10px;
}
.pt-20 {
    padding-top: 20px;
}

.navbar-hide-parent {
    display: none;
}
.navbar-hide-parent.scrolled {
    display: flex;
}

.mb-5px {margin-bottom:5px!important;}
.mt-24px {margin-top:24px;}
.mb-20px {margin-bottom:20px!important;}
.mt-10px {margin-top:10px!important;}
.mb-10px {margin-bottom:10px!important;}
.mt-20px {margin-top:20px!important;}
.mt-40px {margin-top:40px!important;}
.mt-75px {margin-top:75px!important;}
.mb-24px-sides {margin-left:24px;margin-right:24px;}
/*.text-brick-color {color: #fa5540!important;}*/
.text-brick-color {color: #f77122!important;}
/*.bg-main-headline {background: rgba(5, 27, 53, 0.8)!important; }*/
.bg-main-headline {background: rgba(0, 0, 0, 0.5)!important; }
.padd-sides-80px {padding-left: 80px; padding-right: 80px;}
.pt-75px {padding-top: 75px;}
.pb-75px {padding-bottom: 75px!important;}
.pt-40px {padding-top: 40px;}
.pt-5px {padding-top: 5px;}
.pb-40px {padding-bottom: 40px;}
.pb-20px {padding-bottom: 20px;}
.pl-60px {padding-left: 60px;}
.mb-0 {margin-bottom:0px;}
.plf-5px {padding-left: 5px; padding-right: 5px;}
.plf-10px {padding-left: 10px; padding-right: 10px;}
.text-1rem {font-size: 1rem;}
.text-bold {font-weight: bold;}
.text-tiny-timer {font-size: 20px;}
.badge {padding: 1.3rem 0.75rem!important;}


@font-face {
    font-family: 'BebasNeue-Regular';
    src: url('./fonts/Bebas-Neue/BebasNeue-Regular.woff2') format('woff2'),
    url('./fonts/Bebas-Neue/BebasNeue-Regular.woff') format('woff'),
    url('./fonts/Bebas-Neue/BebasNeue-Regular.ttf') format('truetype');
}
.text-BebasNeue-Regular {
    font-family: 'BebasNeue-Regular', Arial, sans-serif;
    letter-spacing: 0.1em;
    font-size:4rem;
}
/*
.text-Aleo {
    font-family: 'Aleo', Arial, serif;
    letter-spacing: 0.02em;
}
.text-Roboto-Condensed {
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: 0.02em;
}*/
.text-OpenSans-Extra {
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0em;
    font-size:3.2rem;
    /*-webkit-text-stroke: 1px #f4e7e2;*/
    /*-webkit-text-stroke: 1px #fff;*/
}
.text-big-button {font-size:2rem;}

/*.text-stroke {-webkit-text-stroke: 1px #f4e7e2;}*/
.text-darker {color: #2C3038!important;}

.headline-underline {
    border-bottom: 2px solid currentColor;
    display: inline-block;
    line-height: 1;
}

.d-lg-block .text-OpenSans-Extra {font-size:2.8rem;}
.d-lg-block .bnrbg-header {font-size: 1.6rem;}

.d-md-block .text-OpenSans-Extra {font-size:2rem;}
.d-md-block h4.text-pbi-resize.text-warning {font-size:1.2rem;}
.d-md-block .text-BebasNeue-Regular {font-size:3rem;}
.d-md-block .text-BebasNeue-Regular.splittest3b {font-size:2.5rem;}
.d-md-block h2.headline-underline {font-size:1.8rem;}
.d-md-block h1.text-pbi-resize {font-size:1.6rem;}
.d-md-block .bnrbg-header {font-size: 1.2rem;}

.d-sm-block .text-OpenSans-Extra {font-size:1.4rem;margin-bottom:0;}
.d-sm-block h4.text-pbi-resize.text-warning {font-size:1rem;}
.d-sm-block .text-BebasNeue-Regular {font-size:2rem;}
.d-sm-block h2.text-pbi-resize {font-size:1.3rem;}
.d-sm-block h1.text-pbi-resize {font-size:1.6rem;}
.d-sm-block h5.text-pbi-resize {font-size:1rem;}

.d-sm-none .text-OpenSans-Extra {font-size:1.3rem;margin-bottom:0;}
.d-sm-none h4.text-pbi-resize.text-warning {font-size:0.9rem;}
.d-sm-none .text-BebasNeue-Regular {font-size:1.8rem;}
.d-sm-none h2.text-pbi-resize {font-size:1.2rem;}
.d-sm-none h1.text-pbi-resize {font-size:1.2rem;}
.d-sm-none h5.text-pbi-resize {font-size:0.9rem;}

.d-none .d-xl-block {}

.big-giant-button {font-size:2.4rem!important;}
.d-md-block .big-giant-button {font-size:2rem!important;}
.d-sm-block .big-giant-button {font-size:1.6rem!important;}

.btn_subtext {display:block;font-size:1rem;}

.bnrbg-row {
    height: 70px;
    width: 100%;
    display: flex;
    align-items:flex-end;
    padding-left: 120px;
    padding-right: 120px;
    margin-bottom:-20px;
    z-index: 999;
}
.bnrbg-left {
    background: url('../img/sp/bnrbg/bg-banner-left.png');
    width:95px;
    height: 70px;
}
.bnrbg-middle{
    height: 70px;
    flex-grow:1;
    background: url('../img/sp/bnrbg/bg-banner-middle.png');
}
.bnrbg-right {
    background: url('../img/sp/bnrbg/bg-banner-right.png');
    width:95px;
    height: 70px;
}

.bnrbg-header {
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0em;
    color: #3c3c3c;
    line-height: 70px;
    font-size:2rem;
}

.d-md-block .bnrbg-row, .d-sm-block .bnrbg-row, .d-sm-none .bnrbg-row {
    height: 62px;
    width: 100%;
    display: flex;
    align-items:flex-end;
    padding-left: 60px;
    padding-right: 60px;
    margin-bottom:-18px;
    z-index: 999;
}
.d-md-block .bnrbg-left, .d-sm-block .bnrbg-left, .d-sm-none .bnrbg-left {
    background: url('../img/sp/bnrbg/bg-banner-left-sm2.png');
    width:82px;
    height: 62px;
}
.d-md-block .bnrbg-middle, .d-sm-block .bnrbg-middle, .d-sm-none .bnrbg-middle {
    height: 62px;
    flex-grow:1;
    background: url('../img/sp/bnrbg/bg-banner-middle-sm2.png');
}
.d-md-block .bnrbg-right, .d-sm-block .bnrbg-right, .d-sm-none .bnrbg-right {
    background: url('../img/sp/bnrbg/bg-banner-right-sm2.png');
    width:82px;
    height: 62px;
}

.d-md-block .bnrbg-header, .d-sm-block .bnrbg-header, .d-sm-none .bnrbg-header {
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0em;
    color: #3c3c3c;
    line-height: 62px;
    font-size:1.2rem;
}

/*.d-sm-block .bnrbg-left {width:100px;}*/
/*.d-sm-block .bnrbg-right {width:100px;}*/
.d-sm-block .bnrbg-header, .d-sm-none .bnrbg-header {font-size: 0.8em;}
.d-sm-block .bnrbg-row, .d-sm-none .bnrbg-row {
    padding-left: 40px;
    padding-right: 40px;
}
.d-sm-none .bnrbg-header {font-size:0.7em;}

/*.position-relative {*/
    /*position: relative;*/
/*}*/

@media (max-width: 576px) {
    .pt-xs-4 {
        padding-top: 10px!important;
    }

}

.text-underline {text-decoration: underline;}

.img-rnd-shdw {
    border-radius: 20px;
    box-shadow: 0 .25rem .375rem rgba(0,0,0,.09)!important;
}