@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(/assets/fonts/MaterialIcons-Regular.woff2) format('woff2'),
    url(/assets/fonts/MaterialIcons-Regular.woff) format('woff'),
    url(/assets/fonts/MaterialIcons-Regular.ttf) format('truetype');
}

.d-inline-block {
    display: inline-block;
}


#products-area {
    background: #ecedf0;
    padding: 60px 0;
    position: relative;
}

#products-area .img-wrapper img { max-height: 76px; margin: 0 auto;}

#products-area .product-selected .overlay {
    border: 5px solid #0072cf;
}

#products-area .product-selected .img-wrapper {
    background: none;
}

.selected-product-content {
    padding: 0 4%;
}

#questionnaire-area {
    padding: 110px 8px;
    background: url(../images/question-area.jpg) no-repeat center;
    background-size: cover;
}

.selected-product-logo {
    width: 12.499999995%;
    margin: 0 auto;
    background: #ffffff;
}

#questionnaire-area .selected-product-process {
    margin-top: 30px;
}

#questionnaire-area .selected-product-process button {
    margin: 0 10px 0 10px;
    padding: 15px 40px;
    font-size: 14px;
    color: #FFFFFF; border: none; 
    border-radius: 0; background: #0072ce;
}
#questionnaire-area .selected-product-process button:hover { background-color: rgba(0,114,206, 0.7)}
button:focus, button:active { outline: none; }

.question-title {
    font-size: 22px;
    margin: 45px 0 0 0; font-weight: lighter; 
}

.question-sub-content.checked .question-title { margin-top: 2px; font-size: 18px; }

.question-content,
.qualification-content {
    margin: 20px 0 10px 0;
    text-align: center;
}

.question-sub-content.checked .question-content { margin: 8px 0 8px 0; }

.insurance-question .question-content, 
.insurance-question .qualification-content { text-align: left; margin-left: 40%; }

@media (max-width: 1024px) {
	.insurance-question .question-content, .insurance-question .qualification-content {margin-left: 30%; }
}

@media (max-width: 899px) {
	.insurance-question .question-content, .insurance-question .qualification-content {margin-left: 25%; }
}

@media (max-width: 767px) {
	.insurance-question .question-content, .insurance-question .qualification-content {margin-left: 20%; }
}
@media (max-width: 629px) {
	.insurance-question .question-content, .insurance-question .qualification-content {margin-left: 10%; }
}

@media (max-width: 529px) {
	.insurance-question .question-content, .insurance-question .qualification-content {margin-left: 0%; }
}


.insurance-question .question-sub-content.checked .question-title { text-align: left;     margin-left: 16px; }

#questionnaire-area .qualification-content {
    border-top: none;
    margin-top: 0;
    padding-top: 0px;
}

.question-sub-content {
    display: inline-block;
    text-align: center;
}

.insurance-question .question-sub-content {
    text-align: left;
}

.question-sub-content.checked {
    width: 100%;
    display: inline-block;
}

#questionnaire-area .question-sub-content .qualification-content {
    border-bottom: none;
    padding: 0;
}

#questionnaire-area .insurance-question .question-sub-content .qualification-content { margin-left: 40px; }
#questionnaire-area .insurance-question .question-sub-content .qualification-sub-content,
#questionnaire-area .insurance-question .question-sub-content .qualification-sub-sub-content { margin-left: 80px; }
#questionnaire-area .insurance-question .question-sub-content .qualification-sub-content .qualification-sub-sub-content  { margin-left: 120px; }

.qualification-content + .qualification-sub-content { }
#questionnaire-area .page-number {
    margin-top: 20px;
    text-align: center;
    clear: both;
}

#questionnaire-area .page-number span {
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}

#questionnaire-area .page-number span b {
    padding: 0 7px;
}

#questionnaire-area .no-qualification-content {
    padding-top: 45px;
    text-align: center;
}

#questionnaire-area .no-qualification-content h1 {
    font-size: 22px;
    line-height: 30px;
    font-weight: lighter;
}

#questionnaire-area .no-qualification-content h1 a{
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}

#questionnaire-area .no-qualification-content h1 sup{
    top: -10px;
    font-size: 10px;
}

#questionnaire-area .double-modal .houshold-modal-trigger {
    display: inline-block;
}

#questionnaire-area .double-modal .houshold-modal-trigger.margin {
    margin-left: 30px;
}
#questionnaire-area .houshold-modal-trigger {
    color: #42fdfc;
    text-decoration:underline;
    font-size: 16px;
    text-align: center;
    display: block;
    margin-top: 30px;
}

/*==================================================
                        Eligible Style
====================================================*/

#eligible .eligible-content {
    text-align: center;
    margin-top: 40px;
}

#eligible .eligible-content h1 {
    font-size: 24px;
    line-height: 27px;
    font-weight: 600;
}

#eligible .eligible-content p {
    font-size: 24px;
    color: #fff;
    line-height: 27px;
    margin-top: 5px;
}

#eligible .eligible-content a {
    color: #33ffff;
    font-size: 18px;
}

#eligible .eligible-btn {
    margin-top: 40px;
    text-align: center;

}

#eligible .eligible-btn img.external {
    width: 20px;
    height: 20px;
    vertical-align: top;
    margin-left: 3px;
}


#eligible .eligible-btn button,
#eligible .eligible-btn a.btn {
    font-family: myriad-pro, sans-serif;
    margin: 0 10px 0 10px;
    padding: 15px 40px;
    font-size: 14px;
    color: #FFFFFF;
    background: #0072ce;
    border-radius: 0; border: none;
    letter-spacing: normal;
    text-transform: none;
}

#eligible .eligible-introduce {
    text-align: center;
    margin-top: 40px;
}

#eligible .eligible-introduce p {
    font-size: 14px;
    color: #fff;

}

/*==================================================
                        Denied Style
====================================================*/
#denied {
    text-align: center;
}

#denied .denied-title {
    font-size: 24px;
    line-height: 27px;
    margin: 45px 0 0 0;
    font-weight: 600;
}

#denied .denied-reason {
    font-size: 24px;
    color: #fff;
    line-height: 27px;
    margin-top: 5px;
}

#denied .denied-reason a {
    color: #fff;
    font-weight: 600;
}

#denied .process-prev {
    margin: 40px 0;
    padding: 15px 40px;
    font-size: 14px;
    color: #FFFFFF;
    background: #0072ce;
    border-radius: 0; border: none;
}

#denied .denied-info {
    font-size: 14px;
    color: #fff;
}

/*==================================================
                        Checkbox Style
====================================================*/

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.React__checkbox {
    margin: 10px 15px 10px 15px;
    display: inline-block; 

}

.checkbox__checker,
.checkbox__title {
    float: none;
    display: inline-block;
    vertical-align: middle;  text-align: left;
}
.checkbox__title {     max-width: 320px; }
.checkbox__checker {  margin-right: 16px; }

.checkbox__checker label {
    display: inline; 
}

.checkbox__title label { margin-bottom: 0; }

.checkbox__title label span {
    color: #fff;
    font-size: 18px;
    font-family: "myriad-pro", sans-serif;
    font-weight: 300;
    line-height: 1.3em;
}

.checkbox__title label span:hover {
    cursor: pointer;
}

#questionnaire-area .qualification-content .checkbox__title label span {
    font-weight: 300;
}

.checkbox__title.checked label span {
    color: #33ffff;
}

.React__checkbox--input {
    margin-top: 0 !important;
    display: none;
}

.React__checkbox--input + span {
    display: flex;
    width: 24px;
    height: 24px;
    background: #FFFFFF;
	background: rgba(255,255,255,.88);
    align-items: center;
    justify-content: center;
    color: white;
    border: 0 solid #FFFFFF;
    box-sizing: border-box;
    transition: all 100ms;
}

.React__checkbox--input + span:hover {
    cursor: pointer;
}

.React__checkbox--input:checked + span {
    /*border-width: 15px; */
	    background: #FFFFFF;
}

.React__checkbox--input:checked + span::before {
    content: 'check';
    font-family: 'Material Icons';
    font-size: 25px;
    color: #6aaaa9;
    direction: ltr;
    font-feature-settings: 'liga'
}

.React__checkbox--input:disabled + span {
    background: rgba(0, 0, 0, .35);
}

@media (max-width: 991px) {
    .selected-product-logo {
        width: 25%;
    }
}



.insurance-question>div>span>div>.question-content>.React__checkbox { display: block; }

/*==================================================
                        Enroll Style
====================================================*/
#enroll-area {
    padding: 110px 0;
    background: url("../images/download-area.jpg") no-repeat center;
    background-size: cover;
}

#enroll-area .enroll-content {
    margin-top: 45px;
}

#enroll-area .row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

#enroll-area .enroll-step {
    background-color: #169fa4;
    padding: 25px 30px 55px 30px;
    margin: 0 10px;
}

.enroll-step .step-title {
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 20px; color: #FFFFFF; 
}

.enroll-step .step-comment {
    color: #fff;
    font-size: 20px;
    margin-bottom: 30px;
}

.enroll-step .step-link {
    color: #fff;
    font-size: 18px;
    font-family: "myriad-pro", sans-serif;
    margin-left: 33px;
    line-height: 21px;
    margin-top: 15px;
    display: inline-block;
    text-decoration: none;
}

.enroll-step .step-link:before {
    content: "";
    background: url(../images/icons/pdf-download.png);
    width: 22px;
    height: 23px;
    position: absolute;
    left: 30px;
    background-size: 22px;
}

.enroll-step .step-tel {
    color: #fff;
    font-size: 24px;
}

#enroll-area .enroll-description {
    margin-top: 90px;
}
span.number{
    display: inline-block;
}

.enroll-description h1 {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 0;
}

.enroll-description p {
    font-size: 18px;
    color: #fff;
}

@media (max-width: 991px) {
    #enroll-area .row-eq-height {
        display: block;
    }

    #enroll-area .enroll-step {
        margin: 20px;
    }
}

#enroll-area .non-enroll-description {
    padding-top: 45px;
    text-align: center;
}

#enroll-area .non-enroll-description h1 {
    font-size: 22px;
    line-height: 30px;
    font-weight: lighter;
}

#enroll-area .non-enroll-description  h1 a{
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}

#enroll-area .non-enroll-description h1 sup{
    top: -10px;
    font-size: 10px;
}

/*==================================================
    Contact page Style
====================================================*/

#contact-area {
    padding: 110px 2%;
    background: url(../images/resource-form-download.jpg) no-repeat center top;
    background-size: cover;

}

#contact-area .container .row-no-margin { text-align: center; }

#contact-area .row-image {
    display: flex;
}
#contact-area .row-image .image-column {
    display:flex;
    flex-direction:column;
    justify-content:center;
}

#contact-area .contact-content {
    margin: 80px auto;
    width: auto; 
    display: inline-block;
    position: relative;
	box-sizing: border-box; 
	padding: 0;
}

#contact-area .row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

#contact-area .contact-step {
    background-color: #169fa4;
    padding: 25px 30px;
    margin: 0 10px;
    text-align: left;
}

@media (max-width: 991px) {
    #contact-area .row-eq-height {
        display: block;
    }

    #contact-area .contact-step {
        margin: 20px;
    }

    #contact-area .row-image {
        display: block;
    }
}

#contact-area .single-column {
    background-color: #169fa4;
    padding: 25px 30px;
    margin-top: 30px;
    text-align: left;
}

#contact-area .contact-step .sub-row{
    margin-top: 30px;
}

#contact-area .contact-content a,
#contact-area .single-column a{
    color: #33ffff;
    font-weight: 500;
}

.contact-step .step-title,
.single-column .step-title {
    font-weight: normal;
    font-size: 22px;
    margin-bottom: 20px; color: #FFFFFF; 
}

.contact-step .step-comment,
.single-column .step-comment {
    color: #fff;
    font-size: 16px;
    margin-bottom: 5px;
}

.contact-step .step-comment.contact-3 {
    font-size: 20px;
    margin-top: 42px;
}

#contact-area .contact-description {
    text-align: center;
    padding-left: 5%;
    padding-right: 5%;
}

#contact-area .non-contact-description {
    padding-top: 45px;
    text-align: center;
}

#contact-area .non-contact-description h1 {
    font-size: 22px;
    line-height: 30px;
    font-weight: lighter;
}

#contact-area .non-contact-description  h1 a{
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}

#contact-area .non-contact-description h1 sup{
    top: -10px;
    font-size: 10px;
}

/*==================================================
           Resources Form Download Style
====================================================*/
#download-area {
    padding: 110px 2%;
    background: url(../images/resource-form-download.jpg) no-repeat center top;
    background-size: cover;

}

.section-heading p.downloading-heading {
    margin: 0 0 45px 0;
}

#download-area .container .row-no-margin { text-align: center; }

#download-area .download-content {
    margin: 80px auto;
    width: auto; 
	    display: inline-block;
    position: relative;
	box-sizing: border-box; 
	padding: 0;
}

#download-area .download-content.mb-0 {
    margin-bottom: 0;
}

#download-area .download-content h4.enbrel-tite {
    text-align: left;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 2px solid #33ffff;
}

#download-area .download-content a.tel {
    color: #33ffff;
}

#download-area .row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

#download-area .download-step {
    background-color: #169fa4;
    padding: 25px 30px 55px 30px;
    margin: 0 10px;
    text-align: left;
}

@media (max-width: 991px) {
    #download-area .row-eq-height {
        display: block;
    }

    #download-area .download-step {
        margin: 20px;
    }
}

#download-area .single-box {
    background-color: #169fa4;
    padding: 25px 30px 55px 30px;
    margin-top: 80px;
    width: auto; 
    display: inline-block;
    position: relative;
	box-sizing: border-box; 
    text-align: left;
}

.download-step .step-title,
.single-box .step-title {
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 20px; color: #FFFFFF; 
}

.download-step .step-comment,
.single-box .step-comment {
    color: #fff;
    font-size: 20px;
    margin-bottom: 30px;
}


#download-area .download-link {
    font-family: "myriad-pro", sans-serif;
    display: block;
    width: 100%;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    text-decoration: none;
    margin: 10px auto;
    line-height: 20px; padding-left: 30px; text-align: left;
}

#download-area .download-link:before {
    content: "";
    background: url(../images/icons/pdf-download.png); background-repeat: no-repeat;
    width: 20px;
    height: 21px;
    position: absolute;
    left: 0;
    background-size: 20px;
}

#download-area .download-description {
    text-align: center;
    padding-left: 5%;
    padding-right: 5%;
}

#download-area .download-description p {
    font-size: 14px;
    color: #fff;
}

#download-area .non-download-description {
    padding-top: 45px;
    text-align: center;
}

#download-area .non-download-description h1 {
    font-size: 22px;
    line-height: 30px;
    font-weight: lighter;
}

#download-area .non-download-description h1 a{
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}

#download-area .non-download-description h1 sup{
    top: -10px;
    font-size: 10px;
}

.cache-checkbox {
    position: absolute;
    visibility: hidden;
}