.c4 h3,.hero h1{
    margin-top:0
}
h3,h4,h5,h6{
    letter-spacing:0
}
.btn-c,h6{
    text-transform:uppercase
}
.mb_1_logo,.nav a,.nav div:before{
    position:relative
}
body,input{
    background:0;
    border-radius:0;
    font:16px sans-serif;
    margin:0;
    font-family:-apple-system,BlinkMacSystemFont,Roboto,Roboto Slab,Droid Serif,Segoe UI,system-ui,Arial,sans-serif;
    text-rendering:optimizeLegibility!important
}
.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;
    color:#fff;
    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:#066CFF
}
.btn-a:hover{
    background:#0052C6
}
.btn-a:active,.btn-a:focus{
    background:#066CFF
}
.btn-b{
    background:#3c5
}
.btn-b:hover{
    background:#2b4
}
.btn-b:active,.btn-b:focus{
    background:#2a4
}
.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,input{
    outline:0;
    font-size:14px
}
input{
    padding:8px;
    border:1px solid #ccc
}
input:focus{
    border-color:#5ab
}
input[type=text]{
    -webkit-appearance:none;
    width:13em
}
.nav{
    padding:11px 0 15px;
    height:35px
}
.nav a{
    color:#a3a3a3;
    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%
    }
}
@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 div: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
}
.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
}
.great{
    border-color:#2d2;
    background:#dfd
}
div.sticky{
    position:-webkit-sticky;
    position:sticky;
    top:0
}
.nav,.nav .current,.nav a:hover,.white-text{
    color:#fff
}
.btn.btn-close,.nav,.nav .current,.nav a:hover{
    background:#1a171a
}
.nav a{
    padding-right:0
}
.nav div:before{
    right:3px;
    top:22px;
    width:20px;
    cursor:pointer
}
.pspace{
    padding-left:1em
}
.hero{
    height:100%;
    border-radius:0;
    padding-top:4em;
    padding-bottom:4em
}
.btn-c{
    background:#b60000;
    border-radius:6px;
    letter-spacing:.14px
}
.center{
    text-align:center
}
.align-left{
    text-align:left
}
.align-right{
    text-align:right
}
.red-block{
    background-color:#b60000;
    border:0 solid #b60000
}
.white-page{
    background-color:#fff
}
.dark-grey-page{
    background-color:#666
}
.brown-page{
    background-color:#1a171a
}
.grey-page{
    background-color:#eee
}
.black-page{
    background-color:#000!important
}
.red-page{
    background-color:#b60000
}
.red-text{
    color:#b60000
}
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
    }
}
ul{
    margin:0 0 1.5em
}
li,p,ul{
    font-size:1.2rem;
    line-height:1.75;
    font-weight:300
}
.dark-text,li,p,ul{
    color:#4e4f57
}
.not-strong{
    font-weight:initial
}
.strong,strong{
    font-weight:700
}
.block{
    margin-top:4em
}
@media (max-width:500px){
    .grey-page{
        background-color:#fafafa
    }
}
.mb_1{
    color:#fff!important;
    font-weight:400;
    border-bottom:3px solid #a13032
}
.mb_1_logo{
    border-radius:4px;
    width:7em;
    top:3px
}
.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
}
.shout-out{
    padding-top:.5em;
    padding-bottom:1em;
    font-weight:700;
    font-size:1.2rem
}
.dashed-line{
    margin-top:3em;
    padding-bottom:1em;
    border:none;
    border-top:thick dashed #2f4f4f;
    text-align:center;
    width:20em
}
.black-text{
    color:#000
}
.page-h1{
    margin-top:1.5em!important;
    margin-bottom:2em!important
}
.pullquote{
    color:#8b0000;
    font-style:italic;
    text-align:center;
    font-size:1.5rem;
    line-height:1.25;
    margin-left:5%;
    margin-right:5%
}
.row{
    margin:0
}
.lead-in{
    max-width:400px;
    position:fixed;
    right:0;
    bottom:0;
    border:thin solid#603;
    border-bottom:none;
    border-right:none;
    padding:.5em 1em 1em;
    background-color:#fcc;
    color:#424242;
    border-radius:1em 0 0;
    display:none;
    font-size:initial
}
.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:#000;
    position:relative;
    top:-4px;
    margin:0;
    margin-bottom:.5em;
    padding:0;
    font-size:large;
    line-height:120%;
    letter-spacing:.33px
}
.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
}
.bolder{
    font-weight:700
}
.cmp-clr-2-block{
    background-color:#00607f;
    border:2px solid #00607f
}
.txt-expand{
    letter-spacing:3px
}
.btn-comp-color{
    color:#b60100
}
.btn-comp-color-whiteback{
    color:#b60100
}
.btn-comp-color2{
    color:#00607f
}
.row-col-img{
    margin:0;
    padding:.25em;
    width:90%;
    cursor:pointer!important;
    z-index:100;
    background-color:#fff
}
.row-col-img-caption{
    margin-top:0;
    padding-top:0;
    font-size:medium
}
.popup-container{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.7);
    align-items:center;
    justify-content:center
}
.popup-content{
    background-color:#fff;
    padding:20px 0 20px 0;
    max-width:80%;
    max-height:80%;
    overflow:auto;
    position:relative;
    text-align:center
}
.close-btn{
    position:absolute;
    top:-7px;
    right:3px;
    cursor:pointer;
    font-size:xx-large;
    font-weight:700
}
img{
    max-width:90%;
    height:auto
}
.page-seperator{
    margin:0 0 1vw 0;
    border:none;
    height:0;
    background-color:transparent
}
.btn-comp-color2{
    color:#00607f
}
.h2-step{
    margin:0 0 .5em 0;
    padding:0
}
.col1-step{
    margin:0;
    padding:0
}
.col-img-step{
    margin-top:1em;
    border:thin solid orange;
    border-radius:5px;
    box-shadow:0 0 10px rgba(204,139,17,.5);
    cursor:pointer
}
.page-title-wrapper{
    font-size:50%;
    letter-spacing:3px
}
.bgimg{
    background-image:url(/graphics/vp7.png);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:left;
    height:auto
}
.page2-bgimg{
    display:flex;
    align-items:center;
    justify-content:right;
    text-align:center
}
.page2-title{
    line-height:1em;
    margin:0;
    padding:0;
    letter-spacing:3px;
    text-align:center
}
.page2-plug{
    font-size:50%
}
.page2-centerline{
    font-weight:lighter;
    font-size:100%
}
html{
    scroll-behavior:smooth!important
}
.l-r-box{
    padding:0;
    margin-bottom:0
}
.head-h1{
    letter-spacing:3px;
    font-weight:400!important
}
.head-h1-row1{
    font-size:80%;
    background-color:rgba(255,255,255,.75)
}
.head-h1-skip1{
    background-color:rgba(255,255,255,.75);
    font-weight:lighter
}
.head-h1-skip2{
    background-color:rgba(255,255,255,.75);
    font-size:80%;
    padding-left:1em
}
.head-h1-skip2 .head-h1-skip3{
    padding-left:2em
}
.head-div-skip{
    background-color:rgba(255,255,255,.85)!important
}
.head-h2{
    text-align:right;
    font-size:xx-large!important;
    letter-spacing:3px
}
.head-h2 .head-h3{
    background-color:rgba(255,255,255,.5)
}
.body-block{
    padding-left:1em!important;
    padding-right:1em!important;
    background-color:#fff;
    margin-top:0;
    padding-top:0;
    border:none
}
.container-block{
    margin-bottom:0;
    margin-top:0;
    font-size:3vw;
    background-color:#fff
}
.figcaption{
    margin:0 5% 0 5%;
    font-size:.96rem;
    color:#2f4f4f;
    text-align:center
}
.freehand{
    font-family:"Times New Roman",Times,serif;
    color:#b60100;
    font-weight:900;
    font-style:oblique;
    font-size:120%
}
html{
    scroll-behavior:smooth!important
}
.page-seperator-visible{
    margin:3em 0 3em 0;
    border:1px solid #e39e9e
}
abbr{
    cursor: help;
}