@charset "UTF-8";
/* CSS Document */
/* Responsive Table Styles */
.wmr-table-simple {
    padding: 0;
    margin: 0;
    border-top: .0625rem dotted #DBDBDB;
    border-bottom: .0625rem solid #DBDBDB;
    font-style: normal;
    font-size: 1rem;
    width: 90%;
}
.wmr-table-simple td, .wmr-table-simple th {
    border-left: 0;
    vertical-align: middle;
}
.wmr-table-simple th {
    font-size: 1rem;
    line-height: 1.375;
    font-weight: 400;
    font-style: normal;
    margin: 0;
    padding: .5rem;
    color: #000;
    border-bottom: .0625rem dotted #DBDBDB;
}
.wmr-table-simple td + td, .wmr-table-simple th + th {
    border-left: .0625em solid #DBDBDB;
}
.wmr-table-simple td {
    font-size: 1rem;
    line-height: 1.375;
    font-weight: 400;
    font-style: normal;
    margin: 0;
    padding: .5rem;
    color: #000;
    border-bottom: .0625rem dotted #DBDBDB;
}

/* .wmr-status-button.true{
    display: inline-block;
    margin-top: 2.5em;
}
.wmr-status-button.false{
    display: none;
} */

#overviewhero{
    background-color: #022D31;
}
#overviewhero .wmr-status-button.true{
    margin-top: 0;
}
/*#wealthmanagementenrollstaticcomponent .scl-flexible-images-with-column--cta.scl-button-component.scl-button--primary, */
#overviewhero .scl-flexible-images-with-column--cta.scl-button-component.scl-button--primary
{
    padding-top: 1em;
}
/*#wealthmanagementenrollstaticcomponent .scl-flexible-images-with-column--cta{
    padding-top: 0;
}*/
#overviewhero h1,
#wealthmanagementeligibilityenrollcomponent h1, h1.TC_logo{
    color: #fff;
    font-size: 3em;
    line-height: 1.5em;
    margin-top: .25em;
    font-weight: normal;
}
.csid-landing.false{
    display: none;
}
.csid-landing.true{
    display: inline-block;
}
.grid .grid-1-row{
    border-bottom: none;
}
/* #getmorewithfidelityrewards{
    padding-top: 1em;
} */
/*#startgettingmorebenefitscomponent .scl-flexible-single-column--pads,
#startgettingmorebenefitsstaticcomponent .scl-flexible-single-column--pads{
    padding: 3.5em 0;
}*/
/* table css for offers*/
.wmr-table-offers {
    width: 100%;
    border-top: none;
}
.wmr-table-offers td, .wmr-table-offers th {
    border: 1px solid #dbdbdb;
}
.wmr-table-offers th:first-child {
    border-left: none;
    border-top: none;
    width: 50%;
}

.wmr-table-offers th {
    text-align: center;
    color: #fff;
    font-weight: bold;
}

    /* GOLD column */
    .wmr-table-offers th:nth-child(2) {
        background: url("../images/gold.png") repeat-x rgb(187, 154, 64);
    }
    .wmr-table-offers td:nth-child(2) {
        background: #ECE1C3;
    }

    /* PLATINUM column */
    .wmr-table-offers th:nth-child(3) {
        background: url("../images/gray.png") repeat-x rgb(187, 154, 64);
    }
    .wmr-table-offers td:nth-child(3) {
        background:#F4F2F2;
    }

    /* PLATINUM PLUS column */
    .wmr-table-offers th:nth-child(4) {
        background: url("../images/darkgrey.png") repeat-x rgb(187, 154, 64);
    }
    .wmr-table-offers td:nth-child(4) {
        background:#CECDCD;
    }


.terms-conditions{
    font-size: 1.35em;
}

.disclosure-offers{
    font-size: 12px;
    color: #666;
    margin-top: 2em;    
}
.margin-bottom{
    margin-bottom: 1em !important;
}
.hideCsidBtn{
    display: none;
}
.wmr-status-button.disabled {
  cursor: default;
  pointer-events: none;
  text-decoration: none;
  opacity: 0.65;
}

/*Virtual Event Banner Changes Start Here*/

div#overviewvirtualeventbanner {
	height: auto;
	background-color: #022D31;
}

#overviewvirtualeventbanner .scl-flexible-images-with-column-1.remove-vertical-border {
	width: 15%;
}

#overviewvirtualeventbanner .scl-flx-50-50 { 
	padding-top: 0em;
    padding-bottom: 0em;
}

h2#incentive-landing-title {
	color: #fff;
    padding-top: 1.75em;
	font-size:1.125em;
}

.incentive-landing-desc {
     font-size:1em;
	 color: #fff;
}

.incentive-landing-desc a {
	color: #fff;
	text-decoration: underline;
}

.incentive-landing-desc a:visited {
	color: #fff;
}

#overviewvirtualeventbanner .incentive-gift {
    width: 130px;
    height: 130px;
    padding-top: 1.5em;
    padding-left: 25%;
}

/*Virtual Event Banner Changes End Here*/

/*Virtual Event Changes start here*/

p#virtual-event-header {
	font-size: 24px;
    border-bottom: 2px solid #dbdbdb;
    padding: 0px 10px 20px 10px;
}

p.virtual-event-desc {
	padding-top: 1.5em;
}

.virtual-event-speaker-table {
    width: 100%;
    margin-top: 2em;
    margin-bottom: 2em;
}

.virtal-speaker-details{
	display: table;
	width: 100%;
	padding-top: 1.875em;
	padding-bottom: 1.875em;
	table-layout: fixed;
}

.speaker-one {
	width: 50%;
    box-sizing: border-box;
    display: table-cell;
    padding-left: 5%;
    padding-right: 2.5%;
    vertical-align: top;
	text-align: center;
	border: 0!important;
}

.speaker-one img {
    max-width: 25%;
}

.speaker-two {
	width: 50%;
	box-sizing: border-box;
	height: auto;
	display: table-cell;
	padding-left: 2.5%;
	padding-right: 5%;
	vertical-align: top;
	text-align: center;
	border: 0!important;
}

/*virtual event changes for eligibility page starts*/
#virtualevent-line1 > p{
    font-size: 1em;
    font-weight: 600;
    color: #666;
	padding-bottom:1em;
}



#virtualevent-line1 > a{
    font-size: 1em;
   padding: 0px 300px 10px 300px; 
   	
}

#virtualevent-line1 > p img {
    padding-right: 0.5em;
}

@media (max-width: 47.5em) {
#virtualevent-line1 > p{
    font-size: 1em;
    font-weight: 600;
    color: #666;
	padding: 0px 0px 10px 0px;
}

#virtualevent-line1 > a{
   font-size: 1em;
   padding: 0px 0px 10px 0px; 	
}
}
/*virtual event changes for eligibility page ends*/
@media (max-width: 47.5em) {
	.virtal-speaker-details {
		padding-left: 5%;
		padding-right: 5%;
		box-sizing: border-box;
	}
}

@media (max-width: 47.5em) {
	.speaker-one {
		display: block;
		width: 100%;
		border-bottom: .0625em solid #CCC;
	}
}

@media (max-width: 47.5em) {
	.speaker-two {
		display: block;
		width: 100%;
		padding-top: 5%;
	}
}
@media (max-width: 1024px){
	.virtual-event-popup
	{
		height: 400px;
		overflow-y: auto;
	}
}

/*Virtual Event Changes end here*/

/*CSS for Credit Card Apply Now Button | MVP 4.6 National Launch*/

.creditcard-landing.false{
    display: none;
}
.creditcard-landing.true{
    display: inline-block;
}
.hideCcBtn{
    display: none;
}

#sharedfaqsandterms .scl-flexible-layout-multi-column--cta.scl-button-component.scl-button--primary,
#morerewardsinformationcomponent .scl-flexible-layout-1-columns .scl-flexible-layout-multi-column--cta,
#morerewardsinformationcreditcard .scl-flexible-layout-1-columns .scl-flexible-layout-multi-column--cta,
#morerewardsinformationmoneyMarket .scl-flexible-layout-1-columns .scl-flexible-layout-multi-column--cta,
#morerewardsinformationcsid .scl-flexible-layout-1-columns .scl-flexible-layout-multi-column--cta {
    display: inline-block;
    margin: 0 6%;
}
/* #wealthmanagementenrollstaticcomponent .scl-flexible-images-with-column--cta,
#startgettingmorebenefitsstaticcomponent .scl-flexible-images-with-column--cta,
#startgettingmorebenefitscomponent .scl-flexible-images-with-column--cta, */
.scl-flexible-layout-1-columns.remove-top-border.remove-column-bottom-border.remove-top-padding, 
#morerewardsinformationcomponent .scl-flexible-layout-1-columns,
#morerewardsinformationcreditcard .scl-flexible-layout-1-columns,
#morerewardsinformationmoneyMarket .scl-flexible-layout-1-columns,
#morerewardsinformationcsid .scl-flexible-layout-1-columns {
    text-align: center;
}
#startgettingmorebenefitscomponent,
#startgettingmorebenefitsstaticcomponent{
    color: #fff;
    background-color: #666666;
    margin-top: 2em;
    margin-bottom: 2em;
}

#startgettingmorebenefitsstaticcomponent a {
    color: #fff;
}*/
.ineligible-account-desc{
    font-size: 16px;
    margin-top: 1em;
}
.wealth-management-account{
    margin: 1em auto;
    width: 50%;
}
.wealth-management-account table{
    width: 100%;
    margin: 0 auto;
}
.wealth-management-account td {
    border-top: 1px solid #cdcdcd;
    padding: 0.5em;
    border-right: 1px solid #cdcdcd;
    font-size:14px;
}
.wealth-management-account td:last-child {
    border-right: none;
    text-align: right;
}
.wealth-management-account thead tr td{
    font-weight: bold;
}
.wealth-management-account tfoot tr td{
    border-right: none;
    color: #666;
    font-weight: bold;
}
.wmr-eligibility-header{
    width: 100%;
    font-size: 1em;
    color: #4FB84F;
    padding-bottom: 2em;
}
/* hide and show enroll now and fid rewards buttons based on eligibility check*/
a.wmr-eligible,a.wmr-not-eligible,
.wmr-eligible,.wmr-not-eligible,
.ineligible-account-false, .no-accounts-false,
.wmr-not-eligible.no-accounts-true.eligible-customer-false,
.wmr-not-eligible.wmr-customer-false.no-accounts-true,
.scl-button-component a.customer-registered-status,.scl-button-component a.check-eligibility-button.customer-registered-true,
.wmr-not-eligible.no-accounts-true.learn-more-btn-show,
.ineligible-accounts .wealth-management-account,
.ineligible-accounts .disclosure-offers,
.disclosures .no-accounts-true.eligible-customer-false{
    display: none;
}
a.wmr-eligible.eligible-customer-true,a.wmr-not-eligible.eligible-customer-false,
.wmr-eligible.eligible-customer-true,.wmr-not-eligible.eligible-customer-false,
.wmr-not-eligible.no-accounts-true,
.wmr-not-eligible.wmr-customer-false.no-accounts-true,
.wmr-not-eligible.low-balance,.eligible-accounts,.ineligible-accounts,.no-accounts-true,
.ineligible-account-true,.eligible-accounts-true,.low-balance,.wmr-not-eligible.no-accounts-false.ineligible-accounts,
.scl-button-component a.customer-registered-status.customer-registered-true {
    display: inline-block;
}
#morerewardsinformationcomponent .scl-flexible-images-with-column--group-headline, #morerewardsinformationcomponent .scl-flexible-images-with-column--header, #morerewardsinformationcomponent .scl-flexible-images-with-column--description, #rewardsconnectwithuscomponent .scl-flexible-images-with-column--group-headline, #rewardsconnectwithuscomponent .scl-flexible-images-with-column--header, #rewardsconnectwithuscomponent .scl-flexible-layout-multi-column--header, #rewardsconnectwithuscomponent .scl-flexible-images-with-column--description, #currenttierdetailscomponent .scl-flexible-images-with-column--group-headline, #currenttierdetailscomponent .scl-flexible-images-with-column--header, #currenttierdetailscomponent .scl-flexible-layout-multi-column--header, #currenttierdetailscomponent .scl-flexible-images-with-column--description, #rewardsbenefitscomponent .scl-flexible-images-with-column--group-headline, #rewardsbenefitscomponent .scl-flexible-images-with-column--header, #rewardsbenefitscomponent .scl-flexible-layout-multi-column--header, #rewardsbenefitscomponent .scl-flexible-images-with-column--description, #rewardsaccountslistcomponent .scl-flexible-images-with-column--group-headline, #rewardsaccountslistcomponent .scl-flexible-images-with-column--header, #rewardsaccountslistcomponent .scl-flexible-layout-multi-column--header, #rewardsaccountslistcomponent .scl-flexible-images-with-column--description{
    padding-bottom: 0;
}
p.wmr-not-eligible.wmr-eligibility-desc.no-accounts-remove-padding.no-accounts-true.scl-center {
    display: inherit;
    margin-bottom: -5em;
}

#rewardsconnectwithuscomponent .scl-button--primary {
    margin-top: 2em;
}

/*changes for the cta button check your eligibility*/

.scl-button--primary a {
    background-color: #368727;
    background-image: -webkit-linear-gradient(top, #0b7a02, #0b7a02 50%);
	border: .0625em solid #0b7a02;
}

.scl-button--primary a:focus,.scl-button--primary a:hover{
    background-image: -webkit-linear-gradient(top, #2b6b1e, #2b6b1e 50%);
}

.scl-button--primary a:active {
    box-shadow: 0 .1875em .3125em #2b6b1e inset
}

/*changes for the cta button check your eligibility ends here*/

.hide-benefits{
    display: none !important;
}
.popin--close-button.popin-close-link {
    background: none;
    width: auto;
    text-align: center;
    display: inline-block;
    height: auto;
    float: none;
}
.wmr-popup-container{
    padding-bottom: 2em;
}
#morerewardsinformationcomponent .scl-flexible-single-column--pads.scl-flx--single-layout-small,
#morerewardsinformationcreditcard .scl-flexible-single-column--pads.scl-flx--single-layout-small,
#morerewardsinformationmoneyMarket .scl-flexible-single-column--pads.scl-flx--single-layout-small,
#morerewardsinformationcsid .scl-flexible-single-column--pads.scl-flx--single-layout-small
{
     padding-bottom:2em !important;
     padding-top: 2em !important;
}
.wmr-popup-container .scl-flexible-images-with-column--cta{
    margin-top:1em;
    padding-top: 0;
}
.wmr-popup-container .expand-collapse--question,
.wmr-popup-container .expand-collapse--question-removed{
    width: 100%;
}
.wmr-popup-container .disclosure-offers{
    margin-bottom: 2em;
}
.wmr-eligibility-desc {
    text-align: center;
    width: 100%;
}
.wmr-eligible-list ul li {
    background: none;
    list-style-type: disc;
    padding-left: 0.5em;
    margin-left: 1.3125em;
}
/*
#wealthmanagementenrollstaticcomponent.scl-flexible-single-column{
    height: auto;
}
#startgettingmorebenefitsstaticcomponent .scl-flexible-images-with-column--cta{
    padding-top: 0;
}
*/
.promo-group-horizontal-promo h3 {
    font-weight: 400;
    padding: 0 0 2em;
}

.promo-group-horizontal-promo { 
   border-bottom: none;
}

.grid--wrapper h2 {
   margin-bottom: 1em;
}
#responsive-main .scl-flexible-images-with-column--description, #responsive-main-right .scl-flexible-images-with-column--description, #responsive-toc-main .scl-flexible-images-with-column--description, #responsive-toc-right .scl-flexible-images-with-column--description{
    font-size:1.125em;
    color:#666;
}
.best-card-image{
    width: 161px; 
    height: 51px; 
    display: inline-block;
}
#bestcardwinner .scl-flx-40-60 {
    width: 85%;
} 
.wmr-appreciate-desc{
    margin: 0 8%;
    width: 84%;
}
/* iframe css*/
iframe#eligibilityIframe {
    width: 100%;
    height: 445px;
}
#appendIframe{
    position: absolute;
    background: #fff url("../images/loader.gif") center center no-repeat;
    z-index: 99999999;
    top: 30%;
    left: 25%;
    width: 50%;
    border:.125em solid #888;
    display: none;
}
#eligibilityIframe #responsive-main{
    background: #fff;
}

/* ////////////////////////////////////////////////////////////  api error handling css ////////////////////////////////////////////////////////////*/

p.api-error-desc{
    text-align: center;
    width: 100%;
}

p#endDesc {
    margin-top: 1%;
}
/* ////////////////////////////////////////////////////////////  mvp5 national css ////////////////////////////////////////////////////////////*/

/*changes for the cta buttons faq and tnc*/
#morerewardsinformationcomponent a {
    font-size: 1em;
    padding: .46875em .75em;
    color: #222;
    border: .0625em solid #BBB;
    text-shadow: 0 0.0625em 0 #FFF;
    background-color: #e7e7e7;
    background-image: -webkit-gradient(linear,50% 0,50% 50%,color-stop(0%,#fefefe),color-stop(100%,#e7e7e7));
    background-image: -webkit-linear-gradient(top,#fefefe,#e7e7e7 50%);
    background-image: -moz-linear-gradient(top,#fefefe,#e7e7e7 50%);
    background-image: -ms-linear-gradient(top,#fefefe,#e7e7e7 50%);
    background-image: -o-linear-gradient(top,#fefefe,#e7e7e7 50%);
    background-image: linear-gradient(top,#fefefe,#e7e7e7 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fefefe, endColorstr=#e7e7e7);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#fefefe, endColorstr=#e7e7e7)";
    border-radius: 3px;
}

#morerewardsinformationcomponent a:focus,
#morerewardsinformationcomponent a:hover{
    background-color:#f3f3f3;
    background-color:#f3f3f3;
    background-image:-webkit-gradient(linear,50% 0,50% 50%,color-stop(0%,#fff),color-stop(100%,#f3f3f3));
    background-image:-webkit-linear-gradient(top,#fff,#f3f3f3 50%);
    background-image:-moz-linear-gradient(top,#fff,#f3f3f3 50%);
    background-image:-ms-linear-gradient(top,#fff,#f3f3f3 50%);
    background-image:-o-linear-gradient(top,#fff,#f3f3f3 50%);
    background-image:linear-gradient(top,#fff,#f3f3f3 50%);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#f3f3f3);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffffff, endColorstr=#f3f3f3)";
    text-decoration: none;
}
#morerewardsinformationcomponent a:active{
    box-shadow:0 .1875em .3125em #CCC inset
}
#morerewardsinformationcomponent a:visited{
    color:#000
}
#morerewardsinformationcomponent a.secure-lock-icon::after{
    background-image:url(../images/lock_white.png);
    background-position:right center;
    background-repeat:no-repeat;
    padding-right:15px;
    width:0;
    content:''
}

.faq-tnc-cta a {
    font-size: 1.25rem;
    padding: .46875em .75em;
    color: #024a7a;
    border: .0625em solid #024a7a;
    text-shadow: solid 1px #024a7a;
    background-color: #e7e7e7;
    background-image: -webkit-gradient(linear,50% 0,50% 50%,color-stop(0%,#fefefe),color-stop(100%,#e7e7e7));
    background-image: -webkit-linear-gradient(top,#fefefe,#fff 50%);
    background-image: -moz-linear-gradient(top,#fefefe,#e7e7e7 50%);
    background-image: -ms-linear-gradient(top,#fefefe,#e7e7e7 50%);
    background-image: -o-linear-gradient(top,#fefefe,#e7e7e7 50%);
    background-image: linear-gradient(top,#fefefe,#e7e7e7 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fefefe, endColorstr=#e7e7e7);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#fefefe, endColorstr=#e7e7e7)";
    border-radius: 3px;
}

.faq-tnc-cta a:focus,.faq-tnc-cta a:hover{
    background-color:#f3f3f3;
    background-color:#f3f3f3;
    background-image:-webkit-gradient(linear,50% 0,50% 50%,color-stop(0%,#fff),color-stop(100%,#f3f3f3));
    background-image:-webkit-linear-gradient(top,#e0e0e0,#e0e0e0 50%);
    background-image:-moz-linear-gradient(top,#fff,#f3f3f3 50%);
    background-image:-ms-linear-gradient(top,#fff,#f3f3f3 50%);
    background-image:-o-linear-gradient(top,#fff,#f3f3f3 50%);
    background-image:linear-gradient(top,#fff,#f3f3f3 50%);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#f3f3f3);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffffff, endColorstr=#f3f3f3)";
    text-decoration: none;
}

.faq-tnc-cta a:active{
    box-shadow:0 .1875em .3125em #CCC inset
}

.faq-tnc-cta a:visited{
    color:#024a7a
}

.faq-tnc-cta a.secure-lock-icon::after{
    background-image:url(../images/lock_white.png);
    background-position:right center;
    background-repeat:no-repeat;
    padding-right:15px;
    width:0;
    content:''
}
/*changes for the cta buttons faq and tnc ends here*/

ul.wmr-eligibility-advice-list {
    margin-top: 2em;
}
.wmr-eligibility-advice-list li {
    background-image: url(../images/greycheck.svg);
    padding: 0 0 3em 2em;
    list-style: none;
    background-repeat: no-repeat;
    background-position: 1px 4px;
}
.wmr-eligibility-advice-list li.active-list{    
    background-image: url(../images/greencheck.svg);
}
/*#checkyoureligibilityadvicecomponent .scl-flex-card--optional-link.scl-button-component{
    text-align: center;
}
#checkyoureligibilityadvicecomponent{
    background: #BFBEBE; 
    background-size: cover;
}
#checkyoureligibilityadvicecomponent .scl-white-background{
    background-color: #fff;
    border-radius: 10px;
    color: #787676;
    margin: 0 auto;
    padding: 1.5em 2em;
    box-shadow: 0px -8px 8px rgba(0, 0, 0, 0.1);

}
#checkyoureligibilityadvicecomponent h3.scl-flex-card--desc-title, 
#checkyoureligibilityadvicecomponent .scl-green, 
#checkyoureligibilityadvicecomponent h3.scl-green:visited {
    font-weight: bold;
    text-align: center;
    margin-bottom: 1em;
    color: #6F9824!important;
}                                              
                                
#checkyoureligibilityadvicecomponent ul li{
    color:#787676;
}
*/
.wmr-advice--help-link {
    text-align: center;
    font-size: 12px;
    border-bottom: none;
    display: block;
    max-width:560px;
    margin: 0 auto;
    margin-bottom: 1em;
}

.wmr-advice--help-link a {
    color: #fff !important;
    text-decoration: underline !important;
}

.tooltip-term-link a {
    text-align: center;
    font-size: 12px;
    color: #356f95 !important;
    border-bottom: none;
    display: block;
    text-decoration: underline !important;
}

.tooltip-term-link {
    color: #356f95 !important;
    border-bottom: none;
	text-decoration: underline;
}

/*h1.rewards_logo::before{
                content: "Introducing";
                font-size: .5em;
                font-weight: 300;
                height: 5px;
                display: block;
                margin: 0 auto;
                margin-top: 0em;
                margin-bottom: 1.5em; /*33px*/
                color: #fff;
            }*/

h1.rewards_logo{
    color: #fff;
    font-size: 3em;
    font-weight: normal;
    line-height: 1.5em;
    margin-top: 1em; /*33px*/
}



#termsconditionsheader{
    background-color: #022D31;
}

div#termsconditionsheader.scl-flexible-single-column{
    height: 12em;
}
#responsive-main .scl-flexible-images-with-column--description, #responsive-main-right .scl-flexible-images-with-column--description, #responsive-toc-main .scl-flexible-images-with-column--description, #responsive-toc-right .scl-flexible-images-with-column--description{
                color:#000;
                font-weight: normal;
                width: 100%;
                margin: 0 auto;
}

#overviewhero .scl-flexible-images-with-column--description {
                font-size: 1.25em;
                color:#fff;
                font-weight: normal;
                width: 90%;
                margin: 0 auto;
}

/*#knowmoreaboutwealthmanagementcomponent .scl-flexible-images-with-column--description,*/
 #knowmoreaboutinvestmentcomponent .scl-flexible-images-with-column--description{
                font-size: 1em;
                color:#333;
                font-weight: normal;
                width: 80%;
                margin: 0 auto;
}

h2.rewards_tagline,
h2.rewards_eligibility_tagline,h2.TC_tagline{
    color: #fff;
    font-weight: 300;
    font-size: 1.25em; /*18px*/

}

h2.rewards_tagline::after{
    content: "";
    background-color: #3B7073;
    width: 3em;
    height: 5px;
    display: block;
    margin: 0 auto;
    margin-top: 1em;
    margin-bottom: 1em; /*33px*/
}



.wmr-professional-container{
    padding: 2em 0 0.5em 0.5em;
}
.wmr-professional-img,
.wmr-professional-desc {
    width: 55%;
    display: inline-block;
    float: left;
    box-sizing: border-box;
}
.wmr-professional-img{
    width: 156px;
    text-align: right;
    margin-left: 2em;
}
h2.wmr-professional-desc--heading{
    color: #666;
    font-size: 1em;
    padding-bottom: 1em;
}
.tooltip-bubble{
    width: 30em;
}
.tooltip-bubble.center .tooltip-bubble--pointer-down, .tooltip-bubble.center .tooltip-bubble--pointer-up {
    left: 14.125em;
}

.grid h2.title_hr{
    font-size: 1.5em;
    text-transform: uppercase;
    color: #000;
    text-align: center;
    position: relative;
    display: block;
    z-index: 20;
    margin-top: 0em;
    margin-bottom: 1.5em;
    z-index: 10;
    font-weight: 300;
}


h2.title_hr::before{
                content: "";
                position: absolute;
                height: 1px;
                width: 200%;
                background: #eee;
                top: -2em;
                left: -10em;
                z-index: -1;

}

h2.title_hr{
    font-size: 1em;
    text-transform: uppercase;
    color: #4FB84F;
    text-align: center;
    position: relative;
    z-index: 20;
    z-index: 10;
    font-weight: bold;
    width: 100%;
    margin-top: 1em;
    margin-bottom: 1em;
}


h2.title_hr_big::before{
    left: -10%;
}
h2.title_hr_big::after{
    left: -75%;
}
div#wealthmanagementeligibilityenrollcomponent {
    height: 12em;
    background-position: top;
    margin-bottom: 3em;
    background-color: #022D31;
}
.wmr-current-tier-table {
    text-transform: uppercase;
    width: 100%;
    padding: 2em 0;
}
.wmr-current-tier-table table {
    margin: 0 auto;
    width: 50%;
}
#rewardsaccountslistcomponent .wmr-eligible-list {
    width: 100%;
}
.wmr-current-tier-table table th, .wmr-current-tier-table table td {
    font-size: 1.25em;
    text-align: center;
    padding: 0.5em 1em;
    font-weight: 300;
}
.wmr-current-tier-table table th {
    font-size: 15px;
    color: #6D6D6D;
}
.scl-flex-card--header h2.title_hr{
    padding: 0;
    color: #fff;
    z-index: 10;
}

.scl-flex-card--header h2.title_hr::before{
    content: "";
    position: absolute;
    height: 1px;
    width: 50%;
    background: #eee;
    top: 10px;
    left: 70%;
    z-index: -1;
}

.scl-flex-card--header h2.title_hr::after{
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    background: #eee;
    top: 10px;
    left: -70%;
    z-index: -1;
}

.promo-group-horizontal-promo {
                margin-top: 2.1em; /*33px*/
                background-color: #fff;
                margin: 0 auto;
                border-radius: 0px;
                /*box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);*/
                position: relative;
                z-index: 10;

 }

.promo-group-horizontal-promo--column-3 .promo-group-horizontal-promo--column {
    width: 33.3%;
    padding: 1.125em 1.875em 0 1.875em;
    border: none;

}

#faqid a {
    padding: 0.46875em 4em;
}
.disclosures {
    border-top: none;
}


/* DivTable*/
            .divTable{
                display: table;
                width: 100%;
            }
            .divTableRow {
                display: table-row;
            }
            .divTableBody .divTableHeading{
                display: table-row;
                text-align: center;
            }

            .col_description{
                width: 35%;
                line-height: 1.3em;
                color:#333;

            }

            .col_description h3{
                margin-bottom: .3em;
                font-size: 1em;
            }

            .col_icon img{
                width: 3.75em;
                height: auto;
            }


            .col_g, .col_p, .col_pl{
                text-align: center;
                font-weight: 300;
                font-size: 24px;
                color: #000;
            }

            .col_g span, .col_p span, .col_pl span{
                font-weight: 200;
                display:inline-block;
                font-size: 16px;
                line-height: 1.5em;
            }

            .col_g .tiercircle span, .col_p .tiercircle span, .col_pl .tiercircle span{
                font-weight: bold;
                display:inline-block;
                margin-bottom: 3px;
                font-size: 14px;
                margin-top:2em;
            }

            .col_g .tiercircle{
                background: rgb(137, 115, 47);
                display:inline-block;
                height: 10em; /*change this and the width
                for the size of your initial circle*/
                width: 100%;
                text-align: center;
                vertical-align: middle;
                /*border-radius: 50%;*/
                color: #fff;
                font-size: 12px;
                font-weight: 400;
                border-bottom: 10px solid #ffffff;
            }

            .col_p .tiercircle{
                background: rgb(118, 118, 118);
                display:inline-block;
                height: 10em; /*change this and the width
                for the size of your initial circle*/
                width: 100%;
                text-align: center;
                vertical-align: middle;
                /*border-radius: 50%;*/
                color: #fff;
                font-size: 12px;
                font-weight: 400;
                border-bottom: 10px solid #ffffff;
            }

            .col_pl .tiercircle{
                display:inline-block;
                height: 10em; /*change this and the width
                for the size of your initial circle*/
                width: 100%;
                text-align: center;
                vertical-align: middle;
                /*border-radius: 50%;*/
                background: rgb(74, 76, 76);
                color: #fff;
                font-size: 12px;
                font-weight: 400;
                border-bottom: 10px solid #ffffff;
            }

            .divTableCell, .divTableHead {
                border-bottom: 0px solid #eee;
                display: table-cell;
                padding: 0em;
                vertical-align: middle;
            }

            .col_icon{
                width: 5%;
                margin: 0;
                padding: 0;
            }

            .divTableCell h4{
                display: none;
            }

            .divTableCell:nth-child(3){
                background-color: #ECE1C3;
                border-right: 10px solid #ffffff;
                
            }

            .divTableCell:nth-child(4){
                background-color: #F4F2F2;
                border-right: 10px solid #ffffff;
            }

            .divTableCell:nth-child(5){
                background-color: #CECDCD;
                border-right: 10px solid #ffffff;
                /*padding: 1.5em 1em;*/
            }

            .col_description{
                padding: 1.5em 1em;
            }

            .divTableBody {
                display: table-row-group;
            }




/*#startgettingmorebenefitscomponent .scl-flexible-single-column--pads, #startgettingmorebenefitsstaticcomponent .scl-flexible-single-column--pads{
    padding: 0em 0 3em 0;
}*/
.checkeligible h3, .connectadvisor h3{
    color: #6F9824;
    text-align: center;
    margin-bottom: 1em;
}
/*
#startgettingmorebenefitscomponent, #startgettingmorebenefitsstaticcomponent{

    background: rgb(222,220,221);
    background: linear-gradient(#f9f9f9, #dedcdd);
    background-size: cover;
}

#startgettingmorebenefitsstaticcomponent a.mangacctooltip{
    color: #0E67A9;
    font-size: 0.75em;
    text-align: center;
    display: block;
}*/
.disclosures .no-accounts-false.eligible-customer-false.wmr-disc-ineligible {
    display: block;
}
.disclosures .no-accounts-false.eligible-customer-true,
.disclosures .no-accounts-false.eligible-customer-false.wmr-disc-ineligible{
    display: block;
}

#morerewardsinformationcomponent ~ .disclosures .para .landingpage-level-disclosures {
    padding-bottom: 1em;
}
.checkeligible ul, .connectadvisor ul {
    margin-left: 1.5em;
    margin-top: 3em;
}

.checkeligible ul li, .connectadvisor ul li {
    list-style-image: url('greycheck.svg');
    padding-left: .5em;
    margin: 2em 1em;
}


.checkeligible ul li:nth-child(1), .connectadvisor ul li:nth-child(1), .connectadvisor ul li:nth-child(2){
    list-style-image: url('greencheck.svg');
}



.checkeligible .scl-flexible-layout-multi-column--cta a, .connectadvisor .scl-flexible-layout-multi-column--cta a{
    margin: 0 auto;
}

.checkeligible{
    background-color: #fff;
    border-radius: 10px;
    color: #787676;
    font-size: 1em;
    width: 40%;
    display: table-cell;
    padding: 4em 2em;
    box-shadow: 0px -8px 8px rgba(0, 0, 0, 0.1);

}

.connectadvisor{
    background-color: #fff;
    border-radius: 10px;
    color: #787676;
    font-size: 1em;
    width: 40%;
    display: table-cell;
    margin: 0 1em 0 0;
    padding: 4em 2em;
    box-shadow: 0px -8px 8px rgba(0, 0, 0, 0.1);
}

.wm-content, .whyfid-content{
    font-size: 1.25em;
    color:#666;
    font-weight: 300;
    width: 75%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 5em;

}

.wm-content a, .whyfid-content a{
    font-size: 1em;
    font-weight: normal;
    margin: 0 auto;
    font-weight: bold;

}

.secondary-button a{
    border: .0625em solid #7F7F7F;
    text-shadow: none;
    box-shadow: none;
    padding: .5625em .8906em;
}


#overviewcheckeligibility{
    margin-top: 1em;
    margin-bottom: 1em;
    height: 22em;
}


#overviewcheckeligibility .wmr-advice--help-link{
    margin-bottom: 1em;
    color: #fff;
}

#overviewcheckeligibility h2,
#overviewcheckeligibility .scl-center{
    color: #fff;
}


/*#overviewcheckeligibility .scl-flexible-images-with-column--description{
    font-weight: 300;
}*/


/*T&C fix*/

a#exit-button img {
    display: none;
}


#termsconditionsheader.scl-flexible-single-column, #confirmationtitle.scl-flexible-single-column{
    background-position: top;
}


#currenttierdetailscomponent .enroll-now{
    margin-bottom: 1em;
}

 

.form-section .form-bar .exit-link #exit-button {
    float: inherit;
    text-align: center;
    padding-left: 3em;
    padding-top: 1.5em;
}

/*IDnotify*/
#readytogetstartedcomponent div:nth-child(1) {
    padding-bottom: 0.5em;
    padding-top: 0;
}

/* ////////////////////////////////////////////////////////////  end mvp5 national css ////////////////////////////////////////////////////////////*/


.confirmation-margin {
    padding: 0 3.5em 1em 3.5em!important;
    margin: 0!important;
}

p.confirmation-para {
	padding: 1em 3.5em 1em !important;
    font-size: 16px;
}

div#rewardsbenefitsconfirmation > div > div {
    padding-bottom: 0em !important;
}




@media (min-width: 61.25em){
    .terms-conditions-scroll {
        height: 600px;
       overflow-y: auto;
    }
}
@media (min-width:48rem) {
	/* #wealthmanagementenrollstaticcomponent.scl-image-promo-panel, */
	#overviewhero.scl-image-promo-panel {
        height:19em;
    }
}
@media (max-width:55rem) {
    .wmr-tab button {
        font-size: 0.9rem;
    }
    h2.rewards_tagline, h2.rewards_eligibility_tagline {
        margin-left: -1em;
    }
}

@media (max-width:36rem) {
    .wmr-stackable-600 tr td:first-of-type {
        width:100%;
        font-size:1rem !important;
    }
    .wmr-stackable-600 tr td + td {
        
    }
    .wmr-stackable-600 thead th {
        display: none;
    }
    .wmr-stackable-600 .stacked-row {
        text-align: center !important;
        padding: 2.5rem 0 0.5rem 0 !important;
        min-height: 2rem !important;
    }
    .wmr-stackable-600 tr td{
        white-space: normal;
        text-align: left;
        display: block;
        border-left: 0 !important;
        position: relative;
        padding-left: 50%;
        min-height: 1.75rem;
        word-wrap: normal;
    }
    .wmr-stackable-600 tr td::before {
        content: attr(id);
        position: absolute;
        padding: 0 .5rem .5rem;
        left: 0;
        text-align: left;
        font-weight: 700;
    }
    .smallbold {
        font-weight: bold;
    }
    .wmr-stackable-600.wmr-table-offers tr td {
        border-top: none;
        border-right: none;
        border-bottom-style: dotted;
        min-height: 4.5em;
    }
    .wmr-table-offers{
        border-bottom: none;
        margin-bottom: 2em;
    }
    .wmr-stackable-600 tr {
        background: #fff !important;
    }
    .wmr-stackable-600 tr td::before {
        color: #fff;
        font-weight: 400 !important;
        font-size: .875em;
        width: 45%;
    }

    .wmr-stackable-600 tr td:nth-of-type(2) {
        /*background: linear-gradient(to right, #cca740 50%, #fff 50%);*/
        background-image: url("../images/gold.png");
        background-repeat: no-repeat;
        background-size: 50% 100%;
    }
    .wmr-stackable-600 tr td:nth-child(3) {
        /*background: linear-gradient(to right, #a2a2a3 50%, #fff 50%);*/
        background-image: url("../images/gray.png");
        background-repeat: no-repeat;
        background-size: 50% 100%;
    }
    .wmr-stackable-600 tr td:nth-child(4) {
        /*background: linear-gradient(to right, #454747 50%, #fff 50%);*/
        background-image: url("../images/darkgray.png");
        background-repeat: no-repeat;
        background-size: 50% 100%;
    }
    .stacked-row div {
        text-align: left !important;
        margin: 0 !important;
    }
    .stacked-row div img {
        display: none;
    }
    .disclosure-offers{
        margin-bottom: 2em;
    }

    /* ////////////////////////////////////////////////////////////  mvp5 national mobile css ////////////////////////////////////////////////////////////*/

    .promo-group-horizontal-promo--column-3 .promo-group-horizontal-promo--column {
        width: 100% !important;
    }

    .divTable{
                display:inline-block;
                width: 90%;
            }
            .divTableRow {
                display: inline-block;
            }
            .divTableBody .divTableHeading{
                display: none;
            }
            .col_description{
                width: 100%;
                line-height: 1.3em;
                margin-top:0em;
                margin-bottom: 0em;
            }

            .col_g, .col_p, .col_pl{
                text-align: center;
                font-size: 1em;
                display: table-row;
            }

            .col_g h4, .col_p h4, .col_pl h4{
                text-align: center;
                font-size: .75em;
                display: block;
            }
            .col_g h4{
                background: rgb(187, 154, 64);
                color: #fff;    
            }
            .col_p h4{
                background: rgb(158, 159, 158);
                color: #fff;
            }
            .col_pl h4{
                background: rgb(74, 76, 76);
                color: #fff;
            }
            .beneRowHeader h4{
                padding:20px 10px!important;
                width:120px!important;
            }
            .beneRowHeader .offers{
                width: 65%!important;
            }

            .divTableCell{
                /*border-bottom: 1px solid #eee;*/
                display: inline-block;
                /*padding: 20px 0px 20px 0px;*/
                vertical-align: middle;
                float: left;
                width: 100%;
            }

            .col_icon{
                border-bottom: 0px;
            }

            .col_icon img{
                display: none;
            }
    
            .col_g h4, .col_p h4, .col_pl h4, .divTableCell .offers{
                display: table-cell;
                width: 50%;
                padding: 20px 0px 20px 10px;
            }

            .divTableBody {
                display: inline-block;
            }

    .checkeligible{
        display: block;
        width: 80%;
        margin: 0 auto;
    }

    .getstarted .gap{
        display: inline-block;
        height: 3em;
    }

    .connectadvisor{
        display: block;
        width: 80%;
        margin: 0 auto;
    }

    #overviewhero h1,
	#wealthmanagementeligibilityenrollcomponent h1,
	h1.TC_logo {
        font-size: 2em;
        margin-top: 1.5em;  
        font-weight: normal;                           
    }

    /*
	#checkyoureligibilityadvicecomponent .scl-flex-card--50{
        max-width:none;
        width: 90%;
    }
	*/

    #overviewhero h2.rewards_tagline,
	#wealthmanagementeligibilityenrollcomponent h2.rewards_eligibility_tagline,
	h2.TC_tagline{
        font-size: 1em;
    }

    .col_description {
         padding: 1.5em 0em;
    }

    .promo-group-horizontal-promo h3 {
        padding: 0 0 1em;
    }

    /* ////////////////////////////////////////////////////////////  end mvp5 national mobile css ////////////////////////////////////////////////////////////*/
}

@media (max-width: 47.5em){
    h2.title_hr_big::before {
        left: -10%;
    }
    h2.title_hr_big::after {
        left: -86%;
    }
    h2.title_hr_big span{
        width: 60%;
        display: inline-block;
    }
    /*
	#getmorewithfidelityrewards .scl-flexible-single-column--pads .scl-flexible-images-with-column-1,
	#arrowseparationcomponent .scl-flexible-single-column--pads .scl-flexible-images-with-column-1  {
        padding: 0;
    }
	*/
    
	.scl-flexible-layout-4-columns .scl-flexible-layout-multi-column.multi-column-layout-4-h-align {
        display: block;
        margin: auto 0;
    }
    .wmr-popup-container {
        padding-bottom: 2em;
        max-height: 350px;
        overflow-y: auto;
    }
    .wealth-management-account{
        width: 100%;
    }   
    .promo-group-horizontal-promo--column-3 .promo-group-horizontal-promo--column {
        border-bottom: 1px solid #DBDBDB;
        padding-bottom: 0.5em;
        margin-bottom: 0.5em;
    }
    .promo-group-horizontal-promo--column-3 .promo-group-horizontal-promo--column.last-child{
        border: 0;
    }

    /* ////////////////////////////////////////////////////////////  mvp5 national ipad css ////////////////////////////////////////////////////////////*/

    .col_g .tiercircle, .col_p .tiercircle, .col_pl .tiercircle{
        height: 100px;
        /* width: 100px; */
        font-size: 12px;
    }

    .col_g .tiercircle span, .col_p .tiercircle span, .col_pl .tiercircle span{
        font-size: 12px;
    }

    .divTableCell img{
        display: none;
    }

    .checkeligible{
        display: block;
        width: 80%;
        margin: 0 auto;
    }

    .getstarted .gap{
        display: inline-block;
        height: 3em;
    }

    .connectadvisor{
        display: block;
        width: 80%;
        margin: 0 auto;
    }

    .scl-flexible-single-column--pads .scl-flexible-images-with-column-1 {
        padding: 0em;
    }

    #responsive-main .scl-flexible-images-with-column--description,
    #responsive-main-right .scl-flexible-images-with-column--description,
    #responsive-toc-main .scl-flexible-images-with-column--description,
    #responsive-toc-right .scl-flexible-images-with-column--description {
        width: 95%;  
    }

    #responsive-main .scl-flexible-single-column--pads,
    #responsive-main-right .scl-flexible-single-column--pads,
    #responsive-toc-main .scl-flexible-single-column--pads,
    #responsive-toc-right .scl-flexible-single-column--pads {
        padding-top: 0em;
        padding-bottom: 1em;
    }

    #overviewhero h1,
	#wealthmanagementeligibilityenrollcomponent h1,
	h1.TC_logo{
        font-size: 2.75em;
        margin-top: 1em;  
    }

 /* ////////////////////////////////////////////////////////////  end mvp5 national ipad css ////////////////////////////////////////////////////////////*/
}

/*
@media (max-width: 31.25em){
    #getmorewithfidelityrewards .scl-flexible-images-with-column--group-headline h1,
	#getmorewithfidelityrewards .scl-flexible-images-with-column--group-headline h2,
	#getmorewithfidelityrewards .scl-flexible-images-with-column--header h1,
	#getmorewithfidelityrewards .scl-flexible-images-with-column--header h2,
	#getmorewithfidelityrewards .scl-flexible-layout-multi-column--header h1,
	#getmorewithfidelityrewards .scl-flexible-layout-multi-column--header h2 {
        font-size: 1.5em;
        line-height: 1.1;
    }
}
*/

@media (max-width:25rem) {
    .wmr-stackable-600 tr td + td {
        font-size: 0.8rem !important;
    }
}

@media (max-width: 25rem) {
    .wmr-stackable-600 tr td::before {
        color: #fff;
        font-weight: 400 !important;
        font-size: 1em !important;
    }
    .wmr-stackable-600 tr td {
        color: #000;
        font-weight: 400 !important; 
        font-size: 1.25em !important;
    }
}
@media (max-height:60em){
    .wmr-popup-container { 
        max-height: 520px;
        overflow-y: auto;
    }
}
@media (min-width: 761px){
    .best-card-image{
        float: right;        
        margin: 1.25em auto;
    }
}

@media (max-width: 580px){
    .form-section .form-bar .checkbox-group .checkbox-item.last-child {
    margin-left: 1em!important;
    }
}

/*Virtual Event Banner Responsive Web Design Starts Here */

@media (max-width: 60em) {
	#overviewvirtualeventbanner .scl-flx-50-50 .scl-flexible-images-with-column-1 {
		padding: 0.5em 5em 0em 0em;
	}
}

@media (max-width: 47.5em) {
	#overviewvirtualeventbanner .scl-flx-50-50 .scl-flexible-images-with-column-1 {
		padding: 3.5em 10em 0em 0em;
	}
	
	h2#incentive-landing-title {
    padding-top: 0em;
	
	}
}

@media (max-width: 31.25em) {
	#overviewvirtualeventbanner .scl-flx-50-50 .scl-flexible-images-with-column-1 {
		padding: 2em 0em 0em 1em;
	}
}

/*Virtual Event Banner Responsive Web Design Ends Here */

/*///////////////////////////////////////Incentive page css//////////////////////////////////////////////////////////////////*/
.fontStyle-incentive {
    /* font-family: "Fidelity Sans",Helvetica,Sans-serif; */
    /* padding: 1em 5% 2em 2em!important; */
    padding: 1em 3em 0 0!important;
}

h2.subHeader-incentive{
	color: #4FB84F;
	padding: 1.5em 0 0;
	text-align:center;
	font-size: 1.5em;
	margin-top: 0em;
	margin-bottom: 1.25em;
	font-weight: 300;
}

div.steps-incentive {
    margin: 0 0 .375em calc(2.5% + 1.875em)!important;
    display: block;
    /* margin-left: 2em; */
    font-weight: 500;
    font-size: 1.25em;
}

.steps-incentive table tr td { 
	padding-bottom:1em; 
}

#responsive-main .steps-incentive ul {
	margin:0 0 0em 0em!important;
	padding:0; 
	padding-top:.5em;
}

.content-body--article .steps-incentive ul li { 
	padding:0em 0em 0em 1.25em;
}

.stepStyle-incentive {
  color: #4FB84F;
}

.faq-incentive{
 font-size: 1em;
 padding: 0em 3em 0 0!important;
}

.disclosure-incentive{
  font-size: 12px;
    color: #666;
}
/*compare tier benefit 5.9*/
p#compare-tier-header {
    font-size: 24px;
    border-bottom: 2px solid #dbdbdb;
    /* margin: 0em 0em 0em 0em; */
    padding: 0px 10px 20px 10px;
}
sup#compare-tier-header {
	top: -1em;
	/* border-bottom: 2px solid #dbdbdb;*/
	/* margin: 0em 0em 0em 0em; */
	/*padding: 0px 10px 20px 10px;*/
}

p.compare-tier-subheading {
    padding: 1.5em 1em 1.5em 0.75em;
}

/* css for pop in start */
.clos {
    text-align: center;
    font-size: 0.9em !important;
}

.thank {
    /* font-size: 1.27em !important; */
    color: #4FB84F;
    font-weight: bold !important;
}

.popin .content-body--top {
    padding: 0;
    border-bottom: .0625em solid white;
}

p.options{
	font-size:14px!important;
}