@font-face{
    font-family:FontAwesome;
    src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0);
    src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');
    font-weight:400;
    font-style:normal
}
.fa{
    display:inline-block;
    font:normal normal normal 14px/1 FontAwesome;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.fa-2x{
    font-size:2em
}
.fa-3x{
    font-size:3em
}
.fa-4x{
    font-size:4em
}
.fa-5x{
    font-size:5em
}
.fa-ul{
    padding-left:0;
    margin-left:2.14285714em;
    list-style-type:none
}
.fa-ul>li{
    position:relative
}
.fa-li{
    position:absolute;
    left:-2.14285714em;
    width:2.14285714em;
    top:.14285714em;
    text-align:center
}
.fa-border{
    padding:.2em .25em .15em;
    border:solid .08em #eee;
    border-radius:.1em
}
@-webkit-keyframes fa-spin{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(359deg);
        transform:rotate(359deg)
    }
}
@keyframes fa-spin{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(359deg);
        transform:rotate(359deg)
    }
}
.fa-close:before{
    content:"\f00d"
}
.fa-home:before{
    content:"\f015"
}
.fa-list-alt:before{
    content:"\f022"
}
.fa-book:before{
    content:"\f02d"
}
.fa-font:before{
    content:"\f031"
}
.fa-text-height:before{
    content:"\f034"
}
.fa-text-width:before{
    content:"\f035"
}
.fa-align-left:before{
    content:"\f036"
}
.fa-align-center:before{
    content:"\f037"
}
.fa-align-right:before{
    content:"\f038"
}
.fa-list:before{
    content:"\f03a"
}
.fa-image:before{
    content:"\f03e"
}
.fa-external-link:before{
    content:"\f08e"
}
.fa-twitter:before{
    content:"\f099"
}
.fa-link:before{
    content:"\f0c1"
}
.fa-copy:before{
    content:"\f0c5"
}
.fa-list-ul:before{
    content:"\f0ca"
}
.fa-linkedin:before{
    content:"\f0e1"
}
.fa-info:before{
    content:"\f129"
}
.fa-rocket:before{
    content:"\f135"
}
.fa-html5:before{
    content:"\f13b"
}
.fa-css3:before{
    content:"\f13c"
}
.fa-youtube:before{
    content:"\f167"
}
.fa-apple:before{
    content:"\f179"
}
.fa-language:before{
    content:"\f1ab"
}
.fa-send:before{
    content:"\f1d8"
}
.fa-copyright:before{
    content:"\f1f9"
}
.fa-at:before{
    content:"\f1fa"
}
.fa-medium:before{
    content:"\f23a"
}
.fa-i-cursor:before{
    content:"\f246"
}
.fa-500px:before{
    content:"\f26e"
}
.fa-fa:before,.fa-font-awesome:before{
    content:"\f2b4"
}
.fa-id-card:before{
    content:"\f2c2"
}
.fa-s15:before{
    content:"\f2cd"
}
.fa-window-close:before{
    content:"\f2d3"
}
.sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0
}
body{
    text-rendering:optimizeLegibility!important
}
.btn-c,h1,h6{
    text-transform:uppercase
}

.btn-btn{
    color:white!important;
    text-transform:none;
    font-size:1.1rem!important;
    padding:10px 18px;
}

@media (max-width:700px){
    .btn.btn-close,.nav a{
        display:block
    }
    .nav{
        overflow:hidden
    }
    .pagename{
        margin-top:-11px
    }
    .nav:active,.nav:focus{
        height:auto
    }
    .nav > .container:before{
        background:#000;
        border-bottom:10px double;
        border-top:3px solid;
        content:'';
        float:right;
        height:4px;
        position:relative;
        right:3px;
        top:14px;
        width:20px
    }
    .nav a{
        padding:.5em 0;
        width:50%
    }
    html{
        font-size:14px
    }
}

.hero,ul ul{
    margin:0
}
ul{
    margin:0 0 1.5em;
    padding-left:1em;
}
li,p{
    font-size:1.2rem;
    line-height:1.75;
    font-weight:300
}
.dark-text,li,p,ul{
    color:#4e4f57
}
.btn,.nav,.nav .current,.nav a:hover,.white-text{
    color:#fff
}
.not-strong{
    font-weight:initial
}
.brown-page{
    background-color:#1a171a!important
}
.c4 h3,.hero h1{
    margin-top:0
}
h3,h4,h5,h6{
    letter-spacing:0
}
.nav a,.nav > .container:before{
    position:relative
}
body{
    background:0;
    border-radius:0;
    font:16px sans-serif;
    margin:0;
    font-family:system-ui,-apple-system,BlinkMacSystemFont,Roboto,Roboto Slab,Droid Serif,Segoe UI,Arial,sans-serif
}
.btn-c,.hero h1,h1,h2,h3,h4,h5,h6{
    font-weight:600
}
.btn,.nav a{
    text-decoration:none
}
.container{
    margin:0 20px;
    width:auto
}
.btn{
    background:#999;
    border-radius:6px;
    border:0;
    cursor:pointer;
    display:inline-block;
    margin:2px 0;
    padding:12px 30px 14px
}
.btn:hover{
    background:#888
}
.btn:active,.btn:focus{
    background:#777
}
.btn-a{
    background:#0ae
}
.btn-a:hover{
    background:#09d
}
.btn-a:active,.btn-a:focus{
    background:#08b
}
.btn-c:hover{
    background:#c22
}
.btn-c:active,.btn-c:focus{
    background:#b22
}
.btn-sm{
    border-radius:4px;
    padding:10px 14px 11px
}
.row{
    margin:1% 0;
    overflow:auto
}
.col{
    float:left
}
.c12{
    width:100%
}
.c11{
    width:91.66%
}
.c10{
    width:83.33%
}
.c9{
    width:75%
}
.c8{
    width:66.66%
}
.c7{
    width:58.33%
}
.c6{
    width:50%
}
.c5{
    width:41.66%
}
.c4{
    width:33.33%
}
.c3{
    width:25%
}
.c2{
    width:16.66%
}
.c1{
    width:8.33%
}
.btn,h2{
    font-size:2em
}
.btn-sm,.nav{
    outline:0;
    font-size:14px
}
.nav{
    padding:11px 0 15px;
    height:35px
}
.hero{
    height:100%;
    margin:0
}
.nav a{
    top:-1px
}
.nav .pagename{
    font-size:22px;
    top:1px
}
.btn.btn-close{
    float:right;
    font-size:25px;
    display:none;
    padding:0;
    margin:-50px 25px
}
@media (min-width:1310px){
    .container{
        margin:auto;
        width:1270px
    }
}
@media (max-width:870px){
    .row .col{
        width:100%
    }
}

.hero{
    background:#eee;
    padding:20px
}
.hero h1{
    margin-bottom:.3em
}
.c4{
    padding:10px;
    box-sizing:border-box
}
.c4 a{
    margin-top:10px;
    display:inline-block
}
.btn.btn-close,.nav,.nav .current,.nav a:hover{
    background:#1a171a
}
.nav a{
    padding-right:0;
    color:#ccc
}
.nav > .container:before{
    right:3px;
    top:22px;
    width:20px;
    cursor:pointer
}
.hero{
    height:100%;
    border-radius:0;
    padding-top:4em;
    padding-bottom:4em
}
.btn-c{
    background:#b84f1d;
    border-radius:6px;
    letter-spacing:.14px
}
.center{
    text-align:center
}
.align-left{
    text-align:left
}
.align-right{
    text-align:right
}
.white-page{
    background-color:#fff
}
.dark-grey-page{
    background-color:#666
}
.grey-page{
    background-color:#eee
}
.black-page{
    background-color:#000!important
}
h1,h2,h3,h4,h5,h6{
    font-family:sans-serif;
    margin:0 0 1.4em
}
h1{
    font-size:35px;
    line-height:1.11;
    letter-spacing:-.72px
}
h2{
    font-size:32px;
    line-height:1.21;
    letter-spacing:-.48px
}
h3{
    font-size:24px;
    line-height:1.22
}
h4{
    font-size:22px;
    line-height:1.36
}
h5{
    font-size:20px
}
h5,h6{
    line-height:1.25
}
h6{
    font-size:16px
}
@media (min-width:768px){
    html{
        font-size:16px
    }
    h1{
        font-size:60px
    }
    h2{
        font-size:36px
    }
    h3{
        font-size:26px
    }
    h4{
        font-size:25px
    }
    h5{
        font-size:22px
    }
    h6{
        font-size:18px
    }
}
@media (min-width:1025px){
    html{
        font-size:18px
    }
    h1{
        font-size:60px
    }
    h2{
        font-size:36px
    }
    h3{
        font-size:28.48px
    }
    h4{
        font-size:28px
    }
    h5{
        font-size:24px
    }
    h6{
        font-size:20px
    }
}
.strong,strong{
    font-weight:700
}
h1,h2,h3,h4,h5{
    font-weight:lighter!important
}
.footer-row{
    margin:0!important;
    padding:0!important
}
.footer-bottom-row{
    padding:1.5em;
    background-color:#322f31;
    font-size:medium
}
.footer-href-img{
    height:5em;
    width:auto
}
.black-text{
    color:#000
}
.page-h1{
    margin-top:1.5em!important;
    margin-bottom:2em!important
}
::placeholder{
    color:#666;
    opacity:1
}
:-ms-input-placeholder{
    color:#666
}
::-ms-input-placeholder{
    color:#666
}
h2{
    text-transform:capitalize
}
img{
    max-width:100%;
    max-height:100%
}
.st0{
    fill:#fff
}
.testimonial{
    font-size:90%;
    color:#000;
    font-weight:400;
    letter-spacing:1px
}
.btn.btn-close,.nav,.nav .current,.nav a:hover{
    background:#fff
}
.btn,.nav,.nav .current,.nav a:hover{
    color:#b84f1d
}
.nav a{
    padding-right:0;
    color:#585858
}
.nav > .container::before{
    top:15px;
    background:#fff;
    border-bottom:12px double;
    border-top:4px solid
}
.betterabbr{
    cursor:help
}
.heroic{
    background-color:transparent;
    padding:unset;
    margin:unset
}
.great{
    border-color:#2d2;
    background:#dfd
}
.red-text{
    color:#B84F1D
}
.red-block{
    background-color:#b84f1d!important;
    padding:6px 8px 0 8px!important
}
.white-text{
    color:#fff!important
}
.h1leader{
    text-align:center;
    text-transform:none;
    line-height:1.5em
}
.h2leader{
    margin-top:0;
    padding-top:0;
    text-transform:none;
    text-align:center;
    font-weight:900
}
.h3leader{
    text-align:center;
    text-transform:none;
    line-height:1.5em
}
.rhcolsp{
    padding-right:1em
}
.lhcolsp{
    padding-left:1em
}
a{
    color:#b84f1d
}

@media (max-width:500px){
    .grey-page{
        background-color:#fafafa
    }
    h1{
        font-size:1.5em;
        font-weight:400!important
    }
    h2{
        font-size:1.25em;
        font-weight:400!important
    }
    h3{
        font-size:1.1em;
        font-weight:400!important
    }
    h4{
        font-size:1em;
        font-weight:400!important
    }
    p{
        font-size:1em;
        font-weight:400!important
    }
}

.st0{
    fill:#fff
}
.testimonial{
    font-size:90%;
    color:#000;
    font-weight:400;
    letter-spacing:1px
}
.capsule{
    background-color:#00add9;
    border-radius:10px;
    padding:20px;
    font-size:1em;
    font-weight:400
}
.fli{
    font-weight:400!important;
    padding-bottom:1em!important;
}
.capsuletext{
    font-size:1.5em;
    font-weight:400
}
.capsuletext-bullet{
    font-size:1.25em;
    font-weight:400
}
.capsule-white{
    background-color:#fff;
    border-radius:10px;
    padding:20px;
    font-size:1.25em;
    font-weight:400
}
.centered-content{
    display:flex;
    flex-direction:column;
    align-items:center
}
.image-wrapper{
    display:flex;
    justify-content:center;
    align-items:flex-end;
    height:100%;
    transform:scaleX(-1)
}
.bottom-image{
    display:block;
    max-width:100%;
    height:auto
}
.rainbow-effect{
    animation:randomColors 8s infinite,twinkle 2.5s ease-in-out infinite alternate
}
@keyframes randomColors{
    0%{
        color:#b84f1d
    }
    12%{
        color:#f73
    }
    24%{
        color:#b85224
    }
    36%{
        color:#ac4a1a
    }
    48%{
        color:#d9771a
    }
    60%{
        color:#e68f1a
    }
    72%{
        color:#ff8338
    }
    84%{
        color:#c0541f
    }
    100%{
        color:#b84f1d
    }
}
@keyframes twinkle{
    from{
        opacity:1
    }
    to{
        opacity:.6
    }
}
.st0{
    fill:#fff
}
.black-block{
    background-color:black!important;
    padding:6px 8px 0 8px!important
}

.table-border{
    border-collapse: collapse;
    width:90%;
}
.table-c1{
    font-size:3em;
    font-weight:900;
    color:#B84F1D;
}
.table-c2{
    border-bottom: thin solid #B84F1D;
}

/*:root { font-size: 16px; }*/

.hxhailee-wrap{
    position:fixed;
    right:0;
    bottom:23vh;
    z-index:999999;
    width:10rem;
}

.hxhailee-img{
    display:block;
    width:100%;
    height:auto;
    cursor:pointer;
}

.hxhailee-link{
    display:block;
}

/* Invisible hitbox over the white X (lower-right corner) */
.hxhailee-closehit{
    position:absolute;
    right:9%;
    bottom:7%;
    width:11%;
    height:13%;
    border:0;
    background:transparent;
    cursor:pointer;
    padding:0;
}

.hxhailee-img {
    transition: filter .15s ease;
}

.hxhailee-link:hover .hxhailee-img {
    filter: brightness(1.06) contrast(1.05);
}

/* styles.hailee.min.css  (Hailee page only; base = homepage CSS) */

.hailee-action-banner{
    background-color:#037aff;
    color:#fff;
    padding:20px 24px;
    border-radius:12px;
    margin:32px 0;
    font-size:1.25rem;
    line-height:1.6;
    font-family:sans-serif;
    position:relative
}
.hailee-action-banner::before{
    content:'';
    position:absolute;
    top:50%;
    left:-10px;
    transform:translateY(-50%);
    width:0;
    height:0;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    border-right:10px solid #037aff
}

img.exgp{
    aspect-ratio:4/2.25;
    width:100%;
    height:auto
}

.lead-in{
    max-width:400px;
    position:fixed;
    right:0;
    bottom:0;
    border:thin solid #660033;
    border-bottom:none;
    border-right:none;
    padding:.5em 1em 1em;
    background-color:#ffcccc;
    color:#424242;
    border-radius:1em 0 0;
    display:none;
    font-size:initial;
}

.box-shadow{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    border:0;
    margin:0;
    padding:0;
    -webkit-box-shadow:0 0 3px rgba(155,155,155,.25);
    -moz-box-shadow:0 0 3px rgba(155,155,155,.25);
    box-shadow:0 0 3px rgba(155,155,155,.25);
    padding:1em 1.5em;
}

.lead-in-close-btn{
    font-weight:bolder;
    right:0;
    text-align:right;
    line-height:1em;
    margin:0;
    padding:0;
    color:inherit;
    text-decoration:none;
    cursor:pointer;
    font-size:medium;
}
.popup-title{
    color:black;
    position:relative;
    top:-4px;
    margin:0;
    margin-bottom:.5em;
    padding:0;
    font-size:large;
    line-height:120%;
    letter-spacing:.33px;
}

