@charset "UTF-8";
/* CSS Document */
/*Retirement-styles*/

.noMarPad {margin:0;padding:0}
.marBot45 {margin-bottom:45px;padding:0;}
.imgCenter {margin:0 auto;padding-bottom:15px;}
.noPadLft {padding-left:0}
.noPadRght {padding-right:0}
@media only screen and (min-width: 769px) {  
.showMobile {display:none;}
}
@media only screen and (max-width: 768px) {  
.hideMobile {display:none;}
}

/*Three images across*/
.threeImgAcross img {margin: 0 auto 15px auto;border-radius:50%;}
.threeImgAcross p {text-align:center;margin-bottom:15px;}

.getAdvice {margin-top:15px;margin-bottom:45px;}

.logoGrouping {margin: 0 0 25px 0;}

.noBullet {list-style-type:none;margin-top:25px;}

/*Desktop view - Motor Club Plan Chart/table */
.product-investments {margin:0 0 45px 0;padding: 0;width:100%;}
@media only screen and (max-width: 768px) {  
   .product-investments {display:none;}
}
.productInvestmentsCol {width:25%;margin:0;padding: 0;float:left;}
.productInvestmentsCol .content{height:75px;text-align:left;border-bottom:solid 2px #d8d8d8;}
.productInvestmentsCol .title {height:60px;text-align:center;}
.productInvestmentsCol .content p {color:#333;font-size:14px !important;font-style:normal;font-stretch:normal; line-height:1.29;letter-spacing:normal;text-transform:initial;padding:20px 5px 0 0;}

.productInvestmentsCol2, 
.productInvestmentsCol3, 
.productInvestmentsCol4, 
.productInvestmentsCol5,
.productInvestmentsCol6 {padding:0;margin:0;width:15%;float:left;border-right:solid 1px #fff;}
	
.productInvestmentsCol2 .title, 
.productInvestmentsCol3 .title, 
.productInvestmentsCol4 .title, 
.productInvestmentsCol5 .title,
.productInvestmentsCol6 .title {background-color:#e9e9e9;text-align:center;height:60px}
	
.productInvestmentsCol2 .title a h3, 
.productInvestmentsCol3 .title a h3,
.productInvestmentsCol4 .title a h3,
.productInvestmentsCol5 .title a h3,
.productInvestmentsCol6 .title a h3 {color:#0033a0;font-size:14px;font-weight:normal;text-align:center;text-transform:capitalize; padding-top:20px;}
	
.productInvestmentsCol2 .content, 
.productInvestmentsCol3 .content,
.productInvestmentsCol4 .content,
.productInvestmentsCol5 .content, 
.productInvestmentsCol6 .content {border-bottom: solid 2px #d8d8d8;height:75px;text-align:center}

.productInvestmentsCol2 .arrow-down-white, 
.productInvestmentsCol3 .arrow-down-white,
.productInvestmentsCol4 .arrow-down-white,
.productInvestmentsCol5 .arrow-down-white,
.productInvestmentsCol6 .arrow-down-white {border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid #e9e9e9;width:0;margin:0 auto;z-index:200;}

.productInvestmentsCol2 .content img,
.productInvestmentsCol3 .content img,
.productInvestmentsCol4 .content img,
.productInvestmentsCol5 .content img,
.productInvestmentsCol6 .content img {margin:0 auto;padding-top:20px;width:20px;display:block;}
	
.grey {background-color:#f8f8f8;}
.border-top {border-top:1px solid #ccc;}
.no-border-bottom {border-bottom:none !important;}

.popoverLeft {position: absolute;top: 0;left: 0;z-index: 1060;display: none;max-width: 276px;padding: 1px;
 text-align: left;white-space: normal;background-color: #fff; -webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, .2);border-radius: 6px;-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);box-shadow: 0 5px 10px rgba(0, 0, 0, .2);}
.popover.left {margin-left: -10px;margin-top:-22px;}
.popover-content {padding: 9px 14px !important;width:100%;}
.popoverLeft > .arrow,
.popoverLeft > .arrow:after {position: absolute;display: block;width: 0;height: 0;border-color: transparent;border-style: solid;}
.popoverLeft > .arrow {border-width: 11px;}
.popoverLeft > .arrow:after {content: "";border-width: 10px;}
.popover.left > .arrow {top: 50%;right: -11px;margin-top:11px;border-right-width: 0;border-left-color: transparent !important;border-left-color: rgba(0, 0, 0, .25);}
.popover.left > .arrow:after {right: 1px;bottom: -10px;content: " ";border-right-width: 0;border-left-color: #fff;}

@media only screen and (min-width: 501px) and (max-width: 768px) { 
	.popover.left {max-width:200px;}
}
@media only screen and (min-width: 426px) and (max-width: 500px) { 
	.popover.left {max-width:150px;}
}
@media only screen and (min-width: 300px) and (max-width: 425px) { 
	.popover.left {max-width:125px;}
}


@media only screen and (min-width: 768px) { 
   #w1604809025376 {display:none;}
} 

/*Mobile view of the charts*/
@media only screen and (max-width: 768px) {
	 #w1604809025376 {margin-top:-50px;}
	.productInvestmentsMobile {margin:0;padding: 0;width:100%;}
	.productInvestmentsMobileCol {width:100%;margin:0;padding: 0;float:left;}
	.productInvestmentsMobileCol .title {background-color:#e9e9e9;height:90px;text-align:center;padding:20px 0;}
	.productInvestmentsMobileCol .title h3, .rsaPlansCol3 .title h3 {color:#333;font-size:16px;text-align:center;padding:15px 0;}
	.productInvestmentsMobileCol .greyArrow {border-left:15px solid transparent;border-right:15px solid transparent;border-top:15px solid #e9e9e9;width:0;margin:-15px auto 15px;z-index:200;}
	.productInvestmentsMobileCol .content{;text-align:center;border-bottom:solid 2px #d8d8d8;padding:15px 0 10px 0 !important;}
	.productInvestmentsMobileCol .content p {color:#333;font-size:14px !important;font-style:normal;font-stretch:normal; line-height:1.29;letter-spacing:normal;text-transform:initial;text-align:center;Margin: 0 0 10px 0}
	.productInvestmentsMobileCol .content .btn-primary {width:200px;margin:0 auto;}
}

/*For the CTA Buttons Content too long*/
.sMobile {display:none}
.hMobile {dispay:block}

@media (max-width:992px) {
  .sMobile {display:block;}
  .hMobile {display:none;}}