/*Performing Asset*/
.performing-assest-block { float: right; margin: 0 0 15px 25px; width: 275px; text-align: center; }
.performing-assest-block img { max-width: 100%; height: auto; }
.performing-assest-block p { font-size: 16px; line-height: 24px; }

@media all and (max-width:550px) {
    .performing-assest-block { float: none; margin: 0 0 15px 0; width: 100%; }
}
/*Performing Asset*/


/*Stocka and shares ISA*/
.stock-shares-facts { float: right; margin: 0 0 20px 70px; }
.stock-shares-facts .isa-fact { float: left; padding: 0 35px; border-right: 1px solid #e5e5e5; text-align: center; }
.stock-shares-facts .isa-fact.last-fact { padding-right: 0; border-right: 0; }
.stock-shares-facts .isa-fact p.number { font-family: 'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif; font-size: 35px; color: #7bc14c; line-height: 1.25; letter-spacing: -0.05em; margin: 0 0 15px; }
.stock-shares-facts .isa-fact p.number span { font-size: 53px; }
.stock-shares-facts .isa-fact p.info { font-size: 16px; line-height: 24px; color: #666; margin: 0; }

@media all and (max-width:950px) {
    .stock-shares-facts { margin-left: 0; }
}

@media all and (max-width:750px) {
    .stock-shares-facts { width: 100%; }
    .stock-shares-facts .isa-fact { padding-left: 0; width: 50%; }
    .stock-shares-facts .isa-fact.last-fact { padding-left: 35px; }
}

@media all and (max-width:550px) {
    .stock-shares-facts .isa-fact { padding-left: 0; padding-right: 10px; border: 0; }
    .stock-shares-facts .isa-fact.last-fact { padding-left: 10px; }
    
    .stock-shares-facts .isa-fact p.number { margin: 0; font-size: 24px; }
    .stock-shares-facts .isa-fact p.number span { font-size: 32px; }
    .stock-shares-facts .isa-fact p.info { font-size: 14px; line-height: 20px; }
}
/*Stocka and shares ISA*/


/*icon-grid*/
.icon-grid { margin: 0 -20px; padding: 20px 0; }
.icon-grid-cell { float: left; padding: 0 20px; margin: 0 0 20px; }


.two-col .icon-grid-cell { width: 50%; }
.two-col .icon-grid-cell:nth-child(2n+1) { clear: left; }

.three-col .icon-grid-cell { width: 33.33333%; }
.three-col .icon-grid-cell:nth-child(3n+1) { clear: left; }

.cell-icon { float: left; width: 60px; margin-right: -100%; }
.cell-text { float: left; width: 100%; padding: 0 0 0 90px; }
.cell-icon img { max-width: 100%; height: auto; margin: 2px 0 0; }
.cell-text p { font-size: 16px; line-height: 26px; }

@media all and (max-width:750px) {
    .three-col .icon-grid-cell { width: 50%; }
    .three-col .icon-grid-cell:nth-child(3n+1) { clear: none; }
    .three-col .icon-grid-cell:nth-child(2n+1) { clear: left; }
    
    .two-col .icon-grid-cell { width: 100%; }
    .cell-text { padding: 0 0 0 80px; }
    .cell-text h4 { margin: 0 0 10px; }
}


@media all and (max-width:550px) {
    .three-col .icon-grid-cell { width: 100%; }
}
/*icon-grid*/

/*Auto enrolment*/
.auto-enrolment {}

.autorolment-payees { margin: 0 -15px 40px; }
.auto-enrolment-pay { float: left; width: 33.33%; padding: 0 15px; }
.auto-enrolment-pay .icon { float: left; width: 75px; margin-right: -100%; }
.auto-enrolment-pay .text { float: left; width: 100%; padding: 0 0 0 95px; }
.auto-enrolment-pay .icon img { max-width: 100%; height: auto; margin: 5px 0 0; }
.autorolment-eligible img.mobile { display: none; }
.auto-enrolment-pay .text h4 { font-size: 16px; margin: 0; }
.auto-enrolment-pay .text p { font-size: 16px; line-height: 24px; }

.autorolment-eligible {}
.autorolment-eligible h3 { font-size: 20px; padding: 20px 0 0; }

@media all and (max-width:1000px) {
    .autorolment-eligible { position: relative; padding: 50px 0 0; }
    .autorolment-eligible img { float: none; margin: 0; }
    .autorolment-eligible h3 { padding: 0; margin: 0; position: absolute; top: 0; left: 0; }
}

@media all and (max-width:800px) {
    .auto-enrolment-pay { width: 100%; float: none; margin: 0 0 15px; }
    .auto-enrolment-pay .text { float: left; width: 100%; padding: 0 0 0 85px; }
}


@media all and (max-width:550px) {
    .autorolment-eligible img.desktop { display: none; }
    .autorolment-eligible img.mobile { display: block; max-width: 100%; height: auto; }
    
    .autorolment-eligible h3  { position: relative; margin: 0 0 15px; }
}
/*Auto enrolment*/

/*Wealth management process*/
.wealth_management_text { padding-left: 253px; }
.wealth_management_holder { padding: 20px 0 0; }
.wealth_holder { float: left; width: 223px; margin: 0 30px 0 0; }
.wealth_holder p { text-align: center; font-size: 16px; }
.wealth_management_text .hidden_text { display: none; }
.wealth_management_text .active_text { display: block; }
.wealth_management_text p {font-size: 17px; line-height: 28px; margin: 0 0 20px 0;}

#wealth_management { background: url(img/process.gif) no-repeat; height: 223px; }
.step_1 { background-position: 0 0px !important; }
.step_2 { background-position: 0 -222px !important; }
.step_3 { background-position: 0 -444px !important; }
.step_4 { background-position: 0 -666px !important; }


@media all and (max-width:700px) {
    .wealth_holder { display: none; }
    .wealth_management_text .hidden_text { display: block; padding-left: 0; }
    .wealth_management_text { padding-left: 0; }
}
/*Wealth management process*/


/*App icon*/
.app_icons {}
.app_icon { float: left; margin: 0 30px 0 0; }
.app_icon img { float: left; margin: 0 15px 0 0; }
.app_icon p { color: #000; line-height: 55px; font-size: 16px;}
.app_icon p a { color: #000; }

@media all and (max-width:700px) {
    .app_icons { margin: 0 0 20px; }
    .app_icon { float: none; margin: 0 0 20px 0; }
    .app_icon:last-child { margin: 0; }
    .app_icon p { margin: 0; }
}
/*App icon*/


/*Portfolio details*/
.portfolio-details .gaps {display: table-cell; vertical-align: middle;}
.portfolio-details .gaps .gaps-cycle {display: table;}
.portfolio-details .gaps p {font-size: 16px; line-height: 26px; margin: 0 0 20px 0;}
.portfolio-details .gap {display: none;}
.portfolio-details .gap.show {display: block;}



@media all and (max-width:750px) {
    .portfolio_details_holder { height: auto; }
    .portfolio_details { display: none; }
    .pd_text { padding-left: 0; }
    .pd_text .hidden_text { display: block; }
}
/*Portfolio details*/



/*How we diversify*/
.diversify-circles { margin: 0 0 20px; text-align: center; }
.diversify-circles img { max-width: 100%; height: auto; }
.diversify-circles img.mid,
.diversify-circles img.small { display: none; }

@media all and (max-width:750px) {
    .diversify-circles img.full { display: none; }
    .diversify-circles img.mid { display: block; margin: 0 auto 20px; }
}


@media all and (max-width:500px) {
    .diversify-circles img.mid { display: none; }
    .diversify-circles img.small { display: block; margin: 0 auto 20px; }
}


/*Self-directed how it works*/
.self-directed-steps-holder { position: relative; padding: 50px 50px 115px 50px; background: #7f3f98; color: #fff; }

.self-directed-step { width: 100%; }
.self-directed-text { float: left; width: 47.5%; }
.self-directed-img { float: right; width: 47.5%; }

.self-directed-text img.step-icon { margin: 0 0 25px; }
.self-directed-text h4 { font-size: 18px; margin: 0 0 25px; }
.self-directed-text p { font-size: 17px; margin: 0; }

.self-directed-img img { display: block; max-width: 100%; height: auto; }

.self-directed-pager { position: absolute; bottom: 50px; left: 50px; }
.self-directed-pager ul li { display: inline-block; }
.self-directed-pager ul li:before { display: none; }
.self-directed-pager a { display: inline-block; color: #fff; text-decoration: none; text-align: center; width: 38px; height: 38px; line-height: 38px; margin: 0 5px 0 0; opacity: 1; background: #7bc14c;
    border-radius: 50%; -webkit-border-radius: 50%;
    transition: opacity 0.3s linear; -webkit-transition: opacity 0.3s linear; }
.self-directed-pager a:hover { background: #6ead44; }
.self-directed-pager a.prev i { position: relative; left: -1px; top: 2px; }
.self-directed-pager a.next i { position: relative; right: -1px; top: 2px; }

@media all and (max-width:800px) {
    .self-directed-steps-holder { padding: 30px 30px 90px 30px; }
    .self-directed-text img.step-icon { margin: 0 0 20px; }
    .self-directed-text h4 { margin: 0 0 20px; }
    .self-directed-pager { bottom: 30px; left: 30px; }
}

@media all and (max-width:600px) {
    .self-directed-steps-holder { padding: 20px 20px 80px 20px; }
    .self-directed-pager { bottom: 20px; left: 20px; }
    
    .self-directed-text,
    .self-directed-img { float: none; width: 100%; }
    
    .self-directed-img img { margin: 0 0 20px; }
}