body,html {
     margin:0;
     padding:0;
     position:relative;
     overflow-x:hidden;
}
body{
     font-family: 'Open Sans', sans-serif;
     background-color:#eeeeee;
}
 .navbar-brand,
 .navRightImg{
     max-width:300px;
 }
 .logo,
 .rightImg{
     width: 100%;
     max-height: 80px;
 }
 .navbar-wrapper{
     display:flex;
     flex-direction:row;
     justify-content:center;
     align-items:center;
     width:100%;
 }
 .jumbotron {
     padding: 0;
     margin-bottom: 0;
     background-color: #ffffff;
     border-radius: 0;
     padding-bottom:10px;
 }
 .jumbotron .jumbotron-fluid{
     position:relative;
     text-align:center;
     overflow:hidden;
     padding-top: 20px;
     height: 160px;
     background-color:#ffffff;
     color: white;
     background-image: url("heroImage");
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     margin-bottom: 0;
 }
 .jumbotron .jumbotron-fluid .overlay{
     position:absolute;
     width:100%;
     height:100%;
     top:0;
     left:0;
     background-color:rgba(0,0,0,0.5);
 }
 .jumbotron .jumbotron-fluid .container{
     z-index:10;
     position: relative;
 }
 .jumbotron .jumbotron-fluid h1{
     font-size:32px;
 }
 .warning-bar p{
     margin-bottom: 0rem;
 }
 form{
     position: relative;
     z-index: 0;
     color: #121212;
     min-height: 400px;
     padding-bottom: 80px;
     background-color:#ffffff;
 }
 .form-control{
     margin-bottom:10px;
     padding: 0rem .75rem;
     font-size:1.5rem;
     height: calc(3.5rem + 2px);
 }
 select.form-control:not([size]):not([multiple]) {
    height: calc(3.5rem + 2px);
 }
 section h3{
     font-size:23px;
 }
 section h1{
     font-size:32px;
     color:#333333;
 }
 .alert {
     margin-bottom: 1rem;
 }
 .myBook{
     padding:0;
     height:auto;
 }
 .myBook section{
        display:none;
    }
 .myBook section button{
     display: block;
     text-align: center;
     font-weight: 400;
     border-top: none;
     border-left: none;
     border-right: none;
     overflow: hidden;
     border-radius: 4px;
     color: #fff;
     font-size: 1.25em;
     padding: 16px;
     width: 100%;
     position: relative;
     background: #2f9ee9;
     border-bottom: 3px solid #257eba;
     margin-bottom: 16px;
     text-transform: none;
     transition: background-color 0.5s ease-out;
     letter-spacing: .02em;
     display: inline-block;
 }
 .myBook section button i{
     font-size:20px;
     margin:auto;
     width:20px;
 }
 .btn-grp{
     display:flex;
     flex-wrap: wrap;
     align-content: space-evenly;
 }
 .myBook section button.half-btn{
     width: 49% !important;
     margin: 0 auto 1%;
 }
 .myBook section button.third-btn{
     width: 32% !important;
     margin: 0 auto 1%;
 }
 .warning-bar{
     width:100%;
 }
 .warning-bar span{
     text-align:center;
     color:#FFFFFF;
     font-weight:bold;
     font-size:18px;
 }
 .page-next{
     right:0
 }
 section label{
     width:100%;
     text-align:center;
     color: #444;
     font-size: 20px;
     margin-bottom: 24px;
 }
 label.error{
     color:red;
 }
 h1 { 
     color: #fff; 
 }
 label h3  {
    margin-top: 28px;
 }
 #progress{
     width: 120px; 
     height: 120px;
     margin: -60px auto 0px;
     border-radius: 100%;
     background-color:#ffffff;
 } 
 .sui-progressbar-text{
     top: 36px !important;
     left: 0px;
     width: 100%;
     margin: auto;
     text-align: center;
 }
 .sui-progressbar-text span{
     display:block;
     line-height: 24px;
     color: #333333;
 }
 .progress-text{
     font-size:28px; 
     letter-spacing:-1px;
     text-align:center;
     width:100%;
 }
 .progress-text-completed{
     text-transform:uppercase;
     font-size: 12px;
 }
 .loader{
     text-align:center;
     margin-top: 24px;
 }
 .loader i{
     font-size:120px;
     margin:auto;
 }
 .disclaimer{
     font-size:.7rem !important;
     text-align:center;
 }
 #redirectPage{
     background-color:#071B34;
     width:100%;
     height:100%;
     position:absolute;
     top:0;
     right:-100%;
     z-index:100;
     overflow:hidden;
 }
 #redirectPage .listings{
     max-width: 588px;
     color:#ffffff;
     margin: 2rem auto;
 }
 #redirectPage .listings h3{
     color:#ffffff;
 }
 #redirectPage .listings-container{
     background-color:#ffffff;
     border-radius: 16px;
     margin-top: 2.5rem;
     padding: 3rem 5rem;
 }
 #redirectPage .col-xs-6,
 #redirectPage .col-md-6{
     width:50%;
     padding:0;
 }
 #redirectPage img{
     width:100%;
     margin-right:10px;
 }
 #redirectPage .button.red {
     color:#ffffff;
     background: #EA0521;
     border-bottom: 3px solid #BA2525;
     padding: 5px 0;
     width: 100%;
     margin-left:10px;
 }
 #redirectPage .listings-container .left {
     width: 100%;
     padding: 1rem 0;
     line-height: 120%;
     font-weight: bold;
     font-size: 22px;
 }
 #redirectPage .listings-container .divider {
     align-self: stretch;
     border-left: 1px solid rgba(0,0,0,0.2);
     border-right: 1px solid rgba(255,255,255,0.5);
 }
 #redirectPage .listings-container .right {
     padding: 0 10px;
     font-size: 22px;
     margin: auto;
 }
 
 .step4ButtonWrapper{
     display:flex;
     flex-direction:row;
     flex-wrap: wrap;
     justify-content:space-between;
 }
 
 .step4ButtonWrapper button{
     width:49% !important;
 }

 section label.error {
     color: red;
     font-size: 14px;
     text-align: left;
     margin: 0 0 10px;
 }
 section input.error,
 section textarea.error,
 section select.error{
     border: 1px dashed red;
     color: red;
 }
 .book{width:100%;display:flex;margin:auto;overflow:hidden;}
 .book section{width:100%;height:100%;position:relative;}
 
.popUpContainer {
    width: 100%;
    display: none;
    margin-top: 15px;
}

 .popUpBox {
    position: relative;
    background: #ffffff;
    border: 1px solid #d4d4d4;
    padding: 20px;
    margin-bottom:1rem;
}

.popUpBox:after, .popUpBox:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.popUpBox:before {
    border-color: rgba(212, 212, 212, 0);
    border-bottom-color: #d4d4d4;
    border-width: 11px;
    margin-left: -11px;
}

#discPopBtn {
    cursor: pointer;
    text-decoration: underline;
}

#closeBtn {
    position: absolute;
    right: 6px;
    top: 5px;
    cursor: pointer;
    z-index: 10;
}
        
 /* ---------- provider logos ------------ */
 
#prov1mob {
    display: none;
}
.column {
  float: left;
  width: 20%;
  flex: 20%;
  padding: 5px;
}
.row::after {
  clear: both;
  display: table;
}
.row {
    display: flex;
}
#lft  {
    float: left;
}
.column img {
    max-height: 50px;
}
#prov5 {
    display: none;
}
#prov5xs {
    display: none;
}
.container .logos{
    margin: 20px 0;  
}
        
@media only screen and (max-width: 991px) {
    .jumbotron .jumbotron-fluid h1 {
        font-size: 1.7rem;
    }
    #prov6 {
        display: none;
    }
    #prov5 {
        display: block;
    }
}
        
@media only screen and (max-width: 768px) {
    .logo {
        max-height: 60px;
    }
    .container {
        max-width: 700px !important;
    }
    .jumbotron .jumbotron-fluid h1 {
        font-size: 1.4rem;
    }
    section label {
        margin-top: 0;
        margin-bottom: 0;
    }
    .jumbotron .jumbotron-fluid {
        height: 120px;
    }
    #progress {
        width: 90px;
        height: 90px;
        margin: -45px auto 0px;
    }
    .sui-progressbar-text {
        top: 31px !important;
    }
    .sui-progressbar-text span {
        line-height: 17px;
    }
    .sui-progressbar-text span {
        line-height: 17px;
    }
    .progress-text {
        font-size: 24px;
    }
    .progress-text-completed {
        font-size: 10px;
    }
    form {
        min-height: 300px;
    }
    
    /* provider logos */   

    .column img {
        max-height: 40px;
        vertical-align: top;
    }
    .logos .row {
        padding: 0;                
    }
    .jumbotron {
        padding-bottom: 0;
    }
    .logos .column {
        padding: 5px 0;
    }
}
        
@media only screen and (max-width: 600px) {
    .jumbotron .jumbotron-fluid h1 {
        font-size: 1.2rem;
    }
    footer .container {
        padding-top: 0rem;
    }
    
/* --- provider logos --- */   

    .column img {
        max-height: 40px;
        vertical-align: top;
    }
    .logos .row {
        padding: 0;                
    }
    .jumbotron {
        padding-bottom: 0;
    }
    .logos .column {
        padding: 5px 0;
    }
}

@media only screen and (max-width: 540px) {
    .navbar-brand, .navRightImg {
        margin:auto;
        display:block;
    }
    .logo{
        max-width: 200px;
    }
    .jumbotron .jumbotron-fluid {
        height: auto;
        padding: 1rem 0 3rem;
    }
    .navRightImg {
        margin-bottom: 12px;
        max-width: 150px;
    }
    .navbar-brand {
        padding-top: 0;
        padding-bottom: 0;
    }
    .jumbotron .jumbotron-fluid h1 {
        font-size: 18px;
    }
    .warning-bar span,
    .warning-bar p,
    .alert{
        font-size: 0.8rem;
        font-weight: 500;
        text-align:left;
    }
    .alert p{
        margin:0;
    }
    .warning-bar{
        text-align:left;
        padding: .5rem 1rem;
    }
    form {
        min-height: 280px;
    }
    section h3{
        font-size:20px
    }
    .myBook section button {
        margin-bottom: 8px;
        font-size: 18px;
    }
    .myBook section button.half-btn {
        width: 100% !important;
    }
    .myBook section button.third-btn {
        width: 49% !important;
    }
    .myBook section button i{
        font-size:18px;
    }
    #redirectPage {
        padding: 24px;
    }
    .listings h3{
        font-size:18px;
        text-align:center;
    }
    #redirectPage .listings-container {
        padding: 1rem 2.5rem;
    }
    #redirectPage .listings-container .left {
        font-size: 16px;
    }
    #redirectPage .listings-container .right {
        font-size: 16px;
    }
    #redirectPage img {
        width: 95%;
    }
    .disclaimer{
        font-size:.6rem !important;
        text-align:center;
        margin: 20px 0;
    }
    label h3  {
        margin-top: 0px;
        margin-bottom: 15px;
    }
    .alert {
        padding: 0.7rem 0.2rem;
    }
     
    /* Provider Logos */
     
 }
 
@media only screen and (max-width: 375px) {
    .jumbotron .jumbotron-fluid h1 {
        font-size: 20px;
    }
    #progress {
        width: 90px;
        height: 90px;
        margin: -45px auto 0px;
    }
    .progress-text {
        font-size: 24px;
    }
    .progress-text-completed {
        font-size: 10px;
    }
    .sui-progressbar-text span {
        line-height: 17px;
    }
    .sui-progressbar-text {
        top: 31px !important;
    }
    .warning-bar p, .alert {
        font-size: 12px;
    }
    form {
        min-height: 280px;
    }
    .myBook section button {
        padding: 12px 8px;
    }
    .myBook section button.singleBtn{
        width: 100%;
    }
    .column img {
         max-height: 35px;
    }
    .column {
         flex: 25%;    
    }
}