@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
body,html{
    width:100%;
    height:100%
}
body{
    background-color:#FFF;
    font-family:'Open Sans';
    color:#FFF;
    -webkit-font-smoothing:antialiased
}
body.dark-text{
    color:#444
}

section {
	position: relative;
}

.hero-background{
    background-color:#FFF;
    background-image:url('../images/sample-bg2.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    color:#FFF
}

img{
    /*     max-width:100%; */
    max-height:100%;
}
img.insidelogo { /* width: 200px; */ height: 25px; }
img.results-img { max-height: 200px; }

img.img-fluid{
    width:100%
}
h1,.h1{
    font-weight:300
}
h2,.h2{
    font-weight:300
}
h3,.h3{
    font-weight:300
}
h4,.h4{
    font-weight:600
}
h5,.h5{
    font-weight:600;
    line-height: 1.4;
}
h6,.h6{
    font-weight:600
}
h6.text-uppercase,.h6.text-uppercase{
    letter-spacing:1px;
    font-weight:600 !important
}
h6.small,.h6.small{
    margin-bottom:1.25rem;
    line-height:1.15rem
}
p{
    line-height:1.6;
    margin-bottom:2rem
}
.lead{
    font-weight:400;
    margin-bottom:1.5rem
}

.heading-block:not(:last-child){
    margin-bottom:3rem
}

hr{
    margin-bottom:2.5rem
}
a:not(.btn){
    color:#1EBDA2;
}
div.middlepagefooter a:not(.btn){
    color:#1EBDA2;
}
.text-muted{
    color:inherit !important;
    opacity:.7
}

.sticky-top {
	z-index: 2000;
}

.bg-light{
    background-color:#FFF !important
}
.bg-dark{
    background-color:rgba(0,0,0,0.8) !important
}
.bg-transparent{
    background-color:transparent !important
}
.bg-primary{
    background-color:#1EBDA2 !important
}
.bg-primary *{
    color:#FFF !important
}
.btn{
    font-weight:600;
    text-transform:uppercase
}
.btn:not(.btn-sm){
    font-size:.9rem;
    padding:.5rem 1rem
}
.btn.btn-lg{
    font-size:1rem;
    padding:.75rem 1.5rem
}
.btn.btn-lg.btn-circle{
    width:50px;
    border-radius:50px;
    padding:.75rem
}
.btn-primary{
    background-color:#1EBDA2;
    border-color:#1EBDA2
}
.btn-primary:hover{
    background-color:#1EBDA2;
    border-color:#1EBDA2
}
.btn-primary:focus,.btn-primary:active{
    background-color:#0b61cb !important;
    border-color:#0b61cb !important;
    box-shadow:none !important;
    -webkit-box-shadow:none !important
}

.btn-secondary {
	color: #1EBDA2;
	background-color: #FFFFFF;
}
.btn-tab {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

@media all and (min-width:768px){
    .flex-wrapper{
        width:100%;
        height:100%;
        display:flex;
        flex-direction:column;
        justify-content:flex-start;
        align-items:stretch;
        align-content:stretch
    }
    .flex-main{
        flex:1;
        display:flex;
        flex-direction:row;
        justify-content:flex-start;
        align-items:stretch;
        align-content:stretch
    }
    .flex-main .flex-main-content{
        width:100%;
        flex:1
    }
}
.navbar{
    padding:1rem
}
.navbar.brand-center a.navbar-brand{
    margin:0 auto;
    padding-left:45px;
    padding-right:45px;
    padding-top:1rem;
    padding-bottom:1rem
}
.navbar.navbar-lg{
    padding:4rem 0 0
}
.navbar.navbar-lg a.navbar-brand{
    padding-top:.3125rem;
    padding-bottom:.3125rem
}
.breadcrumb {
	background: transparent;
	padding-left: 0;
	padding-right: 0;
}
section{
    padding:4rem 0
}
section.section-lg{
    padding:7rem 0
}
section:not(.hero-background)+section{
    padding-top:0
}
.social-list .list-inline-item:not(:last-child){
    margin-right:1rem
}
.card,.card-deck>.card{
    border-width:0;
    border-radius:.25rem;
    box-shadow:none;
    -webkit-box-shadow:none;
    background-color:rgba(0,0,0,0.4);
    margin-bottom:2.5rem
}
.card.card-light,.card-deck>.card.card-light{
    background-color:#F8F8F8;
    border-width:1px;
    border-color:#F7F7F7
}
.card .card-body,.card-deck>.card .card-body,.card .card-footer,.card-deck>.card .card-footer{
    padding:1.25rem 1.25rem
}
.card .card-footer,.card-deck>.card .card-footer{
    border:0;
    background:transparent
}
.card.card-lg .card-body,.card-deck>.card.card-lg .card-body{
    padding:3rem 3rem
}

.card.card-empty { background-color: #fff; border: #fff; }

label{
    font-size:1rem;
    font-weight:400;
    text-transform:normal
}
.form-group{
    margin-bottom:1.5rem
}
.form-group .form-control:not(.input--light){
    border-width:1px;
    border-color:#F1F1F2;
    background-color:#F1F1F2;
    border-radius:2px
}
.form-group .form-control:focus{
    background-color:#fefefe;
    border-color:#88ecdb;
    box-shadow:0 0 0 .2rem #b4f3e8;
    -webkit-box-shadow:0 0 0 .2rem #b4f3e8
}
figure.billboard{
    width:100%;
    display:flex;
    align-items:center
}
figure.billboard img{
    width:65%;
    align-self:center;
    flex:0 0 auto
}
figure.billboard figcaption{
    padding:3rem;
    flex:1;
    font-size:1.75rem;
    line-height:1.2
}
figure.billboard:last-child{
    margin-bottom:0
}
[data-overlay]{
    position:relative
}
[data-overlay]:before{
    position:absolute;
    content:'';
    background:#000;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:1
}
[data-overlay][data-overlay="1"]:before{
    opacity:.1
}
[data-overlay][data-overlay="2"]:before{
    opacity:.2
}
[data-overlay][data-overlay="3"]:before{
    opacity:.3
}
[data-overlay][data-overlay="4"]:before{
    opacity:.4
}
[data-overlay][data-overlay="5"]:before{
    opacity:.5
}
[data-overlay][data-overlay="6"]:before{
    opacity:.6
}
[data-overlay][data-overlay="7"]:before{
    opacity:.7
}
[data-overlay][data-overlay="8"]:before{
    opacity:.8
}
[data-overlay][data-overlay="9"]:before{
    opacity:.9
}
[data-overlay] *{
    z-index:2
}
.media{
    margin-bottom:1.5rem
}
.card-body .instructions {margin: 25px 0;}
.card-body .code-box {width: 98%; margin: 0 auto 30px;  background: white; color: #000; }
.card-body .code-box ul {padding: 18px 24px; font-size: 19px;}
.card-body .code-box ul li {padding: 2px 0; font-weight: 700;}
.card-body .code-box ul li a { color: #000;  text-decoration: underline; word-break: break-word;}
.card-body form {margin-top: 30px;}
.card-body form label {width: 100%; font-weight: 400;}

.width--100 {width: 100%}
.modal {z-index: 9999;}
.modal-backdrop.show {z-index: 9998; background-color: #FFF; opacity: .8;}
.modal-content {background-color: #333; color: #FFF;}
.modal-header {border-bottom: 0px;}
.modal-body {padding: 1.5rem 2.5rem;}
.modal .btn-dark {background-color: #333;}
.modal-body ul li {margin-bottom: 1rem;}
.modal-body ul li:last-child {margin-bottom: 0;}
.modal-footer {border-top: 0px;}

/*
.card-body form input[type="text"], .card-body form input[type="email"], .card-body form select {height: 43px; width: 96%; padding: 9px 14px; font-size: 18px; text-align: center; margin-bottom: 15px; border: 0px;}
.card-body form button.btn-default {height: 48px; border-radius: 6px; padding-left: 26px; padding-right: 26px; margin-top: 20px; font-size: 22px; text-transform: uppercase; font-weight: 700;}
*/

.clear { display: block; clear: both; }
.rewardcode { display: none; }
.no-display { display: none; }
.block-display  { display: block; }

@media print {
    body, a.system-requirements-toggle  {color: #000 !important; text-align: left !important;}
    .background {background-image: none;}
    .collapse {display: block; visibility: visible; height: auto !important;}
    .no-print {display: none !important;}
}