/* ~~~~~~~~~~~~~~~ Campaign Styles ~~~~~~~~~~~~~~~ */
/* Version 80 - last edit 16/06/2021 LS */

/*@import url('https://fonts.googleapis.com/css?family=Fjalla+One');*/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

/* SOCIAL ICONS FIX - go live with page template standard values

.footer ul.social li.youtube, 
.footer ul.social li.twitter, 
.footer ul.social li.facebook {
	height:35px;
	width:35px;
}

ul.social li a {
	display:block;
	width:35px;
	height:35px;
	overflow:hidden;
	text-indent:-9999px;
}

ul.social li.youtube a {
	background:url(/~/media/6D8F655E2C404028969435173E0F30A1.ashx) no-repeat
}
		
ul.social li.twitter a {
	background:url(/~/media/7C7D39AD60484D469ABCD769B51722BF.ashx) no-repeat
}

ul.social li.facebook a {
	background:url(/~/media/E57AA752EC8340798E03FF29305FBC99.ashx) no-repeat
	}

*/

/* SMR start */
table.smr tr:first-child td, table.smr td span.interestHeading  {
    font-weight:500;
}

.smr.summary-table td .span6:first-child{
    padding-right: 10px;
}

/* SMR end */

/* Complaints start */

div.GeneralEnquiry p.pContactOptionPageContent, div.ProvideFeedback p.pContactOptionPageContent, div.Complaints p.pContactOptionPageContent {
    display:none;
}

/* Complaints end */


/* PAUSE start */

/* RESTYLED MEGA NAV */

.mega-nav>ul li a {
    /*padding: 14px 22px 13px;*/
    padding: 14px 20px 13px;
    font-family: Arial, helvetica, sans-serif;
    font-size:17px;
}

.mega-nav li:hover a {
    background-color: #FAF8F4;
}

.mega-nav>ul li a:hover, .mega-nav>ul li a:focus, .mega-nav>ul li a:active, .mega-nav>ul li.hover a {
    background-color: #FAF8F4;
}

.mega-nav .dropdown {
    background-color: #FAF8F4;
    padding: 15px 0 15px;
}

.mega-nav .dropdown-column {
    width:210px;
}

.mega-nav .dropdown-column h3 {
    font-size: 14px;
    color: #3f3f3f;
    margin:0 0 15px;
    padding: 0 0 5px;
    border-bottom:1px solid #dedede;
}

.mega-nav .dropdown-column h3.serif {
    font-family:arial, helvetica, sans-serif;
}

.mega-nav .dropdown-column ul li a {
    color:#542989;
    padding: 2px 0 3px 20px;
    font-size: 14px;
}

.mega-nav .dropdown-column ul li a:hover, .mega-nav .dropdown-column ul li a:focus, .mega-nav .dropdown-column ul li a:active {
    background-color:#FAF8F4;
    text-decoration:underline;
}

.mega-nav .dropdown-column#column4, 
.mega-nav .dropdown-column.column4 {
    display:none;
}

.mega-nav .dropdown-column#column3,
.mega-nav .dropdown-column.column3 {
    width:350px;
    float:right;
}


@media (max-width:1200px) {	
	.mega-nav>ul li a {
		padding: 13px 19px 14px 18px;
	}	
}

@media (max-width:979px) {
	
    .mega-nav>ul li a {
        font-size: 16px;
        /*font-size: 17px;*/
        padding: 13px 11px 14px 10px;
        color: #fff;
    }	
        
    .mega-nav ul li a.dtoggle.active {
        background-color:#FAF8F4;
    }
    .mega-nav .dropdown-column ul li a, .mega-nav .dropdown-column ul li a:hover {
        font-size: 15px;
        background-position: left 6px;
        padding: 4px 0 4px 20px;
    }
    .mega-nav .dropdown-column,
    .mega-nav .dropdown-column#column3,
    .mega-nav .dropdown-column.column3  {
        padding: 0 20px 0 20px;
        width: 200px;
        float: left;
    }
}

@media (max-width:767px) {
    .mega-nav>ul {
        background-color: #FAF8F4;
    }

    .mega-nav>ul>li {
        border-bottom: 1px solid #dedede;
    }

    .mega-nav>ul li a {
        color:#542989;
    }

    .mega-nav ul li a.dtoggle,
    .mega-nav ul li a.dtoggle:hover {
        background-image: url(/www_skipton_co_uk/Components/Client/img/icons/down-arrow-purple.png);
    }
	
  .mega-nav ul li a.dtoggle.active {
    background-color:#FAF8F4;
  }


    .mega-nav .dropdown-column,
    .mega-nav .dropdown-column#column3,
    .mega-nav .dropdown-column.column3 {
    width:auto;
    }

  .mega-nav .dropdown-column ul li a, .mega-nav .dropdown-column ul li a:hover {
    font-size: 16px;
    background-position: left 8px;
    padding: 6px 0 6px 20px;
  }
}





/* HOMEPAGE TAKEOVER */

.pause-takeover {
	margin-bottom:30px;
	}

.pause-takeover div.grey,
.pause-takeover div.yellow {
	padding:50px;
	position:relative;

	}
	
.pause-takeover .grey {
	background-color:#FFFFFF;
	}
	
.pause-takeover .yellow {
	background-color:#e5e468;
	}
	
.pause-takeover .pause {
    height: 240px;
    width: 192px;
    position: absolute;
    padding: 0px 0px 0px 30px;
    margin: -115px 0px 0px;
    top: 50%;
	}

.pause-takeover .pause::before,
.pause-takeover .pause::after {
	content:' ';
	background-color:#00aeef;
	width:39%;
	height:100%;
	display:block;
	float:left;
	}
	
.pause-takeover .pause::after {
	float:right;
	}
		
.pause-takeover div.chair {
background-image: url(/~/media/skipton-co-uk/images/brand2017/objects/armchair.ashx);     
background-position: right center;
    background-size: 30%;
    background-repeat: no-repeat;
	}
	
.pause-takeover .content {
		display:table;
	        min-height:300px;
	}
	
.pause-takeover .content div {
		display:table-cell;
		vertical-align:middle;
	}
	
.pause-takeover .left .content {
	width:60%;
	margin-right:40%;
	text-align:right;
	}
	
.pause-takeover .right .content {
	width:60%;
	margin-left:40%;
	}
	
.pause-takeover .center {
	text-align:center;
	}
	
.pause-takeover .grey-arrow::before,
.pause-takeover .yellow-arrow::before,
.pause-takeover .purple-arrow::before,
.pause-takeover .blue-arrow::before {
	content:'';
	display:block;
	width: 0; 
  	height: 0; 
	position:absolute;
	top: 0px;
    left: 50%;
margin-left: -100px;
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
	}
	
.pause-takeover .grey-arrow::before {
	border-top: 30px solid #FFFFFF;
	}
	
.pause-takeover .yellow-arrow::before {
	border-top: 30px solid #e5e468;
	}
	
.pause-takeover .purple-arrow::before {
	border-top: 30px solid #542989;
	}
	
.pause-takeover .blue-arrow::before {
	border-top: 30px solid #006991;
	}
	
.pause-takeover h2 {
	font-family: 'Fjalla One', sans-serif;
	font-size:75px;
	line-height:75px;
	}
	
.pause-takeover h3 {
	font-family: 'Fjalla One', sans-serif;
	font-size:40px;
	line-height:50px;
	}
	
.pause-takeover p {
	font-family:georgia;
	font-size:21px;
	line-height:26px;
	}
	
.pause-takeover .grey h2,
.pause-takeover .grey h3,
.pause-takeover .grey p {
	color:#0099dd;
	}


.pause-takeover .yellow h2,
.pause-takeover .yellow h3,
.pause-takeover .yellow p {
	color:#542989;
	}
	
.pause-takeover .purple h2,
.pause-takeover .purple h3,
.pause-takeover .purple p,
.pause-takeover .blue h2,
.pause-takeover .blue h3,
.pause-takeover .blue p {
	color:#fff;
	}
	
.pause-takeover a.btn {
    background: #0099dd;
	border-radius:4px!important;
	padding:10px 20px;
	font-family: 'Fjalla One', sans-serif;
	font-size:24px;
	line-height:32px;
	margin-top:10px;	
}

@media (max-width:979px) {
.pause-takeover .pause {
    height: 120px;
    width: 96px;
    padding: 0px 0px 0px 20px;
    margin: -60px 0px 0px;
}
.pause-takeover .content {
    display: table;
    min-height: 200px;
}
.pause-takeover .right .content {
    width: 70%;
    margin-left: 30%;
}
.pause-takeover h3 {
    font-size: 30px;
    line-height: 40px;
}
}

@media (max-width:600px) {
.pause-takeover .pause {
display: block;
    position: relative;
    padding: 0px;
    margin: auto;
height: 179px;
    width: 143px;
top:0px;
}

.pause-takeover .right .content {
width:100%;
margin-right:0;
margin-left:0;
text-align:center;
padding-top:20px;
}

.pause-takeover .left .content {
    width: 80%;
    margin-right: 20%;
    text-align: left;
}

.pause-takeover div.chair {
    background-position: right -140% center;
    background-size: 70%;    
}   

.pause-takeover div.grey {
   padding: 50px 20px 0px;
}

.pause-takeover div.yellow {
  padding:50px 20px;
}

.pause-takeover h3 {
    font-size: 24px;
    line-height: 32px;
}
}


/* ACTION PANEL */

.action-panel-pause {
	padding:30px 0px;			
	position:relative;
	margin:0px 0px 50px;
	vertical-align:middle;
	width:100%;
	background-color:#d9e3ec;
	}
	
.action-panel-pause .pause {
    height: 160px;
    width: 128px;
	position:absolute;
	padding:0px 0px 0px 30px ;
	margin:0px;

	}	
	

.action-panel-pause .pause::before,
.action-panel-pause .pause::after {
	content:' ';
	background-color:#00aeef;
	width:39%;
	height:100%;
	display:block;
	float:left;
	}
	
.action-panel-pause .pause::after {
	float:right;
	}		
	
.action-panel-pause .content {
	display:block;
	padding-left:210px;
	padding-top:30px;
	padding-bottom:0px;
	padding-right:30px;
	min-height:130px;
	}
	
.action-panel-pause .cta {	
	text-align:right;
}

.action-panel-pause .list a {
	text-align:left;
	}

.action-panel-pause h2 {
	margin-bottom:10px;
	font-size: 32px;
    line-height: 46px;
	font-family: 'Fjalla One', sans-serif;
	}
	
.action-panel-pause p {
	font-family:georgia, "palatino linotype", serif;
	font-size:20px;
	line-height:24px;
        color:#542989;
	}	
	
.action-panel-pause .serif {
	font-family:georgia, "palatino linotype", serif;
	}
	
.action-panel-pause .btn {margin:0px 0px 0px;}	

@media (max-width:600px) {
.action-panel-pause .pause {
	height: 80px;
    width: 64px;
 	top: 65px;
    left: 0px;
	}
	
.action-panel-pause .content {
    padding-left: 120px;	
	}	
}

@media (max-width:480px) {
	.action-panel-pause .pause {
 	top: 50px;
	}	
	
	.action-panel-pause .content {
    padding-top: 120px;
	padding-left:30px;
}

.action-panel-pause h2 {
	font-size:26px;
	line-height:34px;
	}
}

/* ARROW LINE */
	
hr.arrowhead {
	    width:100%;
    height: 1px;
    background: #dedede;
	border:none;
	display:block;
	position:relative;
	margin-bottom:0px;
overflow:visible;
	}
	
hr.arrowhead:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 25px 100px 0;
    border-color: #FFFFFF transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -1px;
    left: 50%;
    margin-left: -100px;
}

hr.arrowhead:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 25px 100px 0;
    border-color: #dedede transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: 0px;
    left: 50%;
    margin-left: -100px;	
}

/* HELLO HEADER */

	.hello-banner {
		padding:30px 0px;
		}
		
	.hello-banner h1 {
		font-family: 'Fjalla One', sans-serif;
		font-size:130px;
		line-height:80px;
		margin:0px;
		}	
		
.hello-banner .pause {
    height: 160px;
    width: 128px;
	padding:0px 0px 0px 0px ;
	margin:0px 10px;
	display:inline-block;
	font-size:0px;

	}	
	

.hello-banner .pause::before,
.hello-banner .pause::after {
	content:' ';
	background-color:#00aeef;
	width:39%;
	height:100%;
	display:inline-block;
	}
	
.hello-banner .pause::after {
	float:right;
	}			
	

.hello-banner p.lead {	
font-family:georgia, serif;
font-size: 32px;
    line-height: 34px;
	margin-top:70px;
    margin-bottom: 0px;	
color:#542989;
}

@media (max-width:768px) {
	.hello-banner p.lead {
		margin-top:30px;
		}
	}
	
@media (max-width:480px) {
	.hello-banner h1 {
		font-size:65px;
		line-height:40px;
		}
		
.hello-banner .pause {
    height: 80px;
    width: 64px;
    margin: 0px 5px;
}		
	}	


/* HEADER BANNERS */

.pause-header-banner {
    padding: 30px 300px 30px 30px;
    margin: 40px 0px 60px;
	background-color: #d9e3ec;
    position:relative;
	}

.pause-header-banner.cream {
background-color:#d9e3ec;
}
	
.pause-header-banner .content::after {
	content:'';
    width: 200px;
    height: 180px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    right: 20px;
    bottom: -30px;
	}
	
.pause-header-banner.chair .content::after {
	background-image:url(/~/media/skipton-co-uk/images/brand2017/objects/armchair.ashx);
	}	

.pause-header-banner.boots .content::after {
	background-image:url(/~/media/skipton-co-uk/images/brand2017/objects/boots.ashx);
	}

.pause-header-banner.boots-alt .content::after {
	background-image:url(/~/media/skipton-co-uk/images/brand2017/objects/boots2.ashx);
	}

.pause-header-banner.clock .content::after {
	background-image:url(/~/media/skipton-co-uk/images/brand2017/objects/clock.ashx);
	}

.pause-header-banner.cup .content::after {
	background-image:url(/~/media/skipton-co-uk/images/brand2017/objects/cup.ashx);
	}

.pause-header-banner.cup-alt .content::after {
	background-image:url(/~/media/skipton-co-uk/images/brand2017/objects/cup2.ashx);
	}

.pause-header-banner.deckchair .content::after {
	background-image:url(/~/media/skipton-co-uk/images/brand2017/objects/deckchair.ashx);
	}

.pause-header-banner.guitar .content::after {
	background-image:url(/~/media/skipton-co-uk/images/brand2017/objects/guitar.ashx);
	}

.pause-header-banner.hat .content::after {
	background-image:url(/~/media/skipton-co-uk/images/brand2017/objects/hat.ashx);
	}

.pause-header-banner.kettle .content::after {
	background-image:url(/~/media/skipton-co-uk/images/brand2017/objects/kettle.ashx);
	}

.pause-header-banner.lamp .content::after {
	background-image:url(/~/media/skipton-co-uk/images/brand2017/objects/lamp.ashx);
	}

.pause-header-banner.moneybox .content::after {
	background-image:url(/~/media/skipton-co-uk/images/brand2017/objects/moneybox.ashx);
	}

.pause-header-banner.paintpot .content::after {
	background-image:url(/~/media/skipton-co-uk/images/brand2017/objects/paintpot.ashx);
	}

.pause-header-banner.plantpot .content::after {
	background-image:url(/~/media/skipton-co-uk/images/brand2017/objects/plantpot.ashx);
	}

.pause-header-banner.teapot .content::after {
	background-image:url(/~/media/skipton-co-uk/images/brand2017/objects/teapot.ashx);
	}

.pause-header-banner.teapot-alt .content::after {
	background-image:url(/~/media/skipton-co-uk/images/brand2017/objects/teapot2.ashx);
	}

.pause-header-banner.telly .content::after {
	background-image:url(/~/media/skipton-co-uk/images/brand2017/objects/telly.ashx);
width: 250px;
    height: 250px;
	}



	
.pause-header-banner h1 {
	margin-top:0px;
    margin-bottom: 10px;
    font-size: 50px;
    line-height: 1.25;
	font-family: 'Fjalla One', sans-serif;
	}

.pause-header-banner h2 {
	margin-top:0px;
    margin-bottom: 10px;
    font-size: 36px;
    line-height: 1.25;
	font-family: 'Fjalla One', sans-serif;
	}
	
.pause-header-banner p.lead {
    font-family: georgia, "palatino linotype", serif;
    font-size: 20px;
    line-height: 1.2;
	margin-bottom:5px;
color:#542989;
}	

.pause-header-banner p.lead:last-of-type {
	margin-bottom:0px;	
}


.pause-header-banner.pause-symbol {
   padding:30px;
}

.pause-header-banner.pause-symbol .content {
	background-image:url(/~/media/skipton-co-uk/images/brand2017/pause.ashx);
        background-position:right;
        background-repeat: no-repeat;
        background-size: contain;
        padding-right:200px;
}

.pause-header-banner.pause-symbol .content::after {
display:none;
}

.pause-header-banner.pause-symbol .content h1 {
margin-bottom:0px;
}

@media (max-width:979px){

	.pause-header-banner .content::after {
	    width: 200px;
    height: 165px;
    right: 0px;
    bottom: -20px;
	}
	
	.pause-header-banner h1	{
	font-size:40px;	
		}
	
	.pause-header-banner p.lead {
	font-size:16px;			
	}
	
}

@media (max-width:600px) { 
	.pause-header-banner {
	padding: 20px 70px 20px 20px;
		}
	
	.pause-header-banner .content::after,
        .pause-header-banner.telly .content::after {
	width:70px;
	height:100px;
	background-size:cover;	
	background-position: left bottom;
        bottom:-10px;
	}
	
	.pause-header-banner p.lead {
	font-size:14px;			
	}


.pause-header-banner.pause-symbol {
padding:20px;
}

	.pause-header-banner.pause-symbol h1	{
	font-size:30px;	
		}

       .pause-header-banner.pause-symbol .content {
        background-size: 50px;
        padding-right: 50px;
         }
}

/* MINI QUOTES */

.star-colleagues h2 {
	font-family:georgia, serif;
	margin-bottom:5px;	
	}

.mini-quote {
	padding:20px;
	margin:0px;
	}
	
.mini-quote h3 {
	font-family:georgia, serif;
	margin-bottom:0px;
	}	
	
.mini-quote h3 span {
	font-family:arial, helvetica, sans-serif;
	display:block;
	font-size:15px;
	color:#3f3f3f;
	}
	
.mini-quote img.circle {
	border-radius:50%;
	padding:20px;
	box-sizing:border-box;
	}	
	
	
.mini-quote blockquote {
    padding: 0px;
    position: relative;
    border-left: 0px solid #F5F5F5;
}

.mini-quote blockquote:before,
.mini-quote blockquote:after {
    color: #e4ebf2;
    font-size: 100px;
	height:50px;
	line-height:100px;
    position: absolute;	
    z-index: 1;
    font-family: georgia;
    display: block;
    width: 80px;	
}
	
.mini-quote blockquote:before {
    content: "\201C";
    top: -25px;
    left: -35px;
}

.mini-quote blockquote:after {
    content: "\201d";
    bottom: -25px;
    right: -35px;
}

.mini-quote blockquote p {
	z-index:2;
	margin-bottom:5px;
	position:relative;
	font-size:14px;
        line-height: 1.4;
	}
	
.mini-quote blockquote p:last-of-type {
	margin-bottom:0px;
	}

/* TV ADVERT */

.video-padding.tv-ad-jan2016 {
    padding: 15px 25px 25px;
background-color: rgba(229,228,104,1);
}

.video-padding.tv-ad-jan2016 h3 {
text-align:center;
color:#542989;
	font-family: 'Fjalla One', sans-serif;
font-size:24px;
}

.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* FYLA PANEL */ 

.fyla-panel { 
background-color: rgba(229,228,104,1); 
padding: 20px;
}

.fyla-panel h2  {
font-family: 'fjalla one';
font-size:32px;
line-height:42px;
}

.fyla-panel h3 {
font-family:georgia; serif;
}

.fyla-panel .span6 {
padding: 20px;
margin-bottom:20px;
background-color:#ffffff;
position:relative;
}

.fyla-panel .span6.retirement,
.fyla-panel .span6.savings {
padding-left:120px;
}

.fyla-panel .span6.pensions,
.fyla-panel .span6.mortgages {
padding-right:120px;
}

.fyla-panel .span6.retirement::before,
.fyla-panel .span6.savings::before {
    content: "";
    width: 120px;
    height: 120px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    left: -30px;
    top: 30px;
}


.fyla-panel .span6.pensions::before,
.fyla-panel .span6.mortgages::before {
    content: "";
    width: 120px;
    height: 120px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    right: -30px;
    top: 30px;
}


.fyla-panel .span6.retirement::before {
background-image: url(/~/media/skipton-co-uk/images/brand2017/objects/clock.ashx);
}

.fyla-panel .span6.pensions::before {
background-image: url(/~/media/skipton-co-uk/images/brand2017/objects/deckchair.ashx);
}

.fyla-panel .span6.savings::before {
background-image: url(/~/media/skipton-co-uk/images/brand2017/objects/plantpot.ashx);
}

.fyla-panel .span6.mortgages::before {
background-image: url(/~/media/skipton-co-uk/images/brand2017/objects/paintpot.ashx);
}

@media (max-width:767px) {
.fyla-panel .span6::before {
display:none;
}

.fyla-panel .span6.retirement,
.fyla-panel .span6.savings {
    background-size: 80px;
    background-repeat: no-repeat;
    background-position: top 20px left -20px;
    padding-left:65px;

}


.fyla-panel .span6.pensions,
.fyla-panel .span6.mortgages {
    background-size: 80px;
    background-repeat: no-repeat;
    background-position: top 20px right -20px;
    padding-right:65px;
}


.fyla-panel .span6.retirement {
background-image: url(/~/media/skipton-co-uk/images/brand2017/objects/clock.ashx);
}

.fyla-panel .span6.pensions {
background-image: url(/~/media/skipton-co-uk/images/brand2017/objects/deckchair.ashx);
}

.fyla-panel .span6.savings {
background-image: url(/~/media/skipton-co-uk/images/brand2017/objects/plantpot.ashx);
}

.fyla-panel .span6.mortgages {
background-image: url(/~/media/skipton-co-uk/images/brand2017/objects/paintpot.ashx);
}
}
/* TELLY BANNER */

.telly-banner {
    background-color: #d9e3ec;
    padding: 50px 300px 30px 30px;
    margin: 0px 0px 60px;
    position: relative;
}

.telly-banner .content::after {
	content:'';
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    right: 20px;
    bottom: -40px;
	background-image:url(/~/media/skipton-co-uk/images/brand2017/objects/telly.ashx);
width: 250px;
    height: 290px;
	}

.telly-banner h2 {
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 36px;
    line-height: 1.25;
	font-family: 'Fjalla One', sans-serif;
}

.telly-banner p {
    font-family: georgia, "palatino linotype", serif;
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 5px;
}

.telly-banner .btn {
margin-top:10px;
}

.telly-banner .yellow-arrow::before,
.telly-banner .yellow-arrow::before {
	content:'';
	display:block;
	width: 0; 
  	height: 0; 
	position:absolute;
	top: 0px;
    left: 50%;
margin-left: -100px;
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
	border-top: 30px solid #e5e468;
	}

@media (max-width:979px) {
.telly-banner {padding: 50px 240px 30px 30px; }
} 


@media (max-width:600px) {
.telly-banner {text-align:center; padding: 240px 20px 20px; background-image: url(/~/media/skipton-co-uk/images/brand2017/objects/telly.ashx); 
background-repeat: no-repeat;
    background-size: auto 189px;
    background-position: top 40px center;
}
.telly-banner .content::after {display:none;}
} 

/* SCREENSHOT BANNER */

.screenshot-banner {
background-image:url(/~/media/skipton-co-uk/images/brand2017/behind-the-scenes/screenshot.ashx);
background-color:#4d346d;
background-size:cover;
background-position: top -30px left;
    padding: 80px 30px 40px;
position:relative;
}

.screenshot-banner h2 {
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 36px;
    line-height: 1.25;
	font-family: 'Fjalla One', sans-serif;
color:#fff;
}

.screenshot-banner p {
    line-height: 1.4;
    margin-bottom: 5px;
color:#fff;
}

.screenshot-banner .btn {
margin-top:10px;
}

.screenshot-banner .yellow-arrow::before,
.screenshot-banner .yellow-arrow::before {
	content:'';
	display:block;
	width: 0; 
  	height: 0; 
	position:absolute;
	top: 0px;
    left: 50%;
margin-left: -100px;
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
	border-top: 30px solid #e5e468;
	}

@media (max-width:969px) { 
.screenshot-banner {
background-position: top 0px left;
}
}

@media (max-width:767px) {
.screenshot-banner {
    padding: 150px 30px 20px;
    background-position: top left 20%;
}
}

/* GALLERY THUMBNAILS */
.gallery-thumb .article-one img {
margin-bottom:0px!important;
}

.gallery-thumb .article-one p {
margin:10px 0px 20px;
}

/* STATS */

.percentage-roundels{
width: 330px;
position: relative;
margin:10px auto;
padding-bottom: 10px;
min-height: 200px;
}
.percentage-roundels .percentage-roundel-percentage{
background: #0099DD;
color: #FFF;
padding: 25px;
width: 140px;
height: 140px;
font-weight: 500;
text-align: center;
border-radius: 50%;
display: table; 
margin-left: 10px;
margin-top: 10px;
}
.percentage-roundels .percentage-roundel-percentage span{
font-size: 70px;
  display: table-cell; 
  vertical-align: middle; 
  text-align: center;
line-height: 70px;
}
.percentage-roundels .percentage-roundel-percentage span span{
display: block;
font-size: 13px;
line-height: 16px;
}
.percentage-roundels .percentage-roundel-blurb{
background: #e5e468;
border-radius: 50%;
width: 100px;
height: 100px;
display: inline-block;
text-align: center;
padding: 25px;
display:table;
position: absolute;
top: 30px;
margin-left: 180px;
}
.percentage-roundels .percentage-roundel-blurb span{
display: table-cell; 
vertical-align: middle; 
text-align: center; 
color: #3f3f3f;
font: 13px Arial;
margin-top: 50px;
}



@media (max-width: 400px){
.percentage-roundels .percentage-roundel-percentage{
width: 110px;
height: 110px;
}
.percentage-roundels .percentage-roundel-percentage span{
font-size: 55px;
}
.percentage-roundels .percentage-roundel-blurb{
margin-left: 150px;
top: 10px;
}
}

/* REASONS TO BELIEVE LIST */

.well.vlight-cream {
background-color:#FAF8F4;
}

ul.reasons-list {
text-align:left;
list-style-type:none;
margin:0px 0px 10px;
}

ul.reasons-list li {
padding-left:80px; 
min-height:60px;
background-size:60px;
margin-bottom:20px;
background-repeat:no-repeat;
display:table;
font-family:georgia, serif;
font-size:18px;
}

ul.reasons-list li:last-child {
margin-bottom:0px;
}

ul.reasons-list li span {
display:table-cell;
vertical-align:middle;
}

ul.reasons-list li.together {
background-image:url(/~/media/skipton-co-uk/images/reasons-to-believe/in-it-together-small.ashx);
}

ul.reasons-list li.expertise{
background-image:url(/~/media/skipton-co-uk/images/reasons-to-believe/quality-and-expertise.ashx);
}

ul.reasons-list li.award{
background-image:url(/~/media/skipton-co-uk/images/reasons-to-believe/award-winning-small.ashx);
}

ul.reasons-list li.mug{
background-image:url(/~/media/skipton-co-uk/images/reasons-to-believe/looking-after-you-small.ashx);
}

/* LYNNE QUOTE */

.image-quote.quote-lynne {
background-image: url(/~/media/skipton-co-uk/images/brand2017/people/lynne.ashx);
background-color:#4d346d;
    padding: 60px 30px;
    background-position: left -160px;
    background-size: 115%;
}

.image-quote.quote-lynne blockquote {
    border-left: 0px;
    padding: 0px;
    position: relative;
    quotes: "\201C""\201D""\2018""\2019";
    margin: 0px;
text-shadow: 0px 0px 5px #000;
}

.image-quote.quote-lynne blockquote:before {
    content: "\201C";
    color: rgba(229,228,104,1);
    font-size: 100px;
    position: absolute;
    top: 0px;
    left: -10px;
    z-index: 1;
    font-family: georgia;
    display: block;
    width: 80px;
}

.image-quote.quote-lynne blockquote:after {
    content: "\201d";
 color: rgba(229,228,104,1);
    font-size: 100px;
    position: absolute;
    bottom: -60px;
    right: -30px;
    z-index: 1;
    font-family: georgia;
    display: block;
    width: 80px;
}

.image-quote.quote-lynne blockquote p {
    margin-bottom: 0;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.4;
color:#fff;
}

.image-quote.quote-lynne footer {
    margin-right: 50px;
    padding-top: 0px;
    color: #fff;
    background: none;
    font-weight: 500;
    margin-top: 10px;
}

@media (max-width:979px){
.image-quote.quote-lynne {background-position: left 0% center;}
}

@media (max-width:767px){

.image-quote.quote-lynne img.circle {
border-radius: 50%;
    padding: 20px;
    box-sizing: border-box;
  margin:0px auto 20px;
}

.image-quote.quote-lynne{
    background-image:none;
padding:0px 20px;
background-color:transparent;
}

.image-quote.quote-lynne blockquote:before {
text-shadow:none;
color: #e4ebf2;
    font-size: 100px;
    height: 50px;
    line-height: 100px;
    position: absolute;
    z-index: 1;
    font-family: georgia;
    display: block;
    width: 80px;
content: "\201C";
    top: -25px;
    left: -15px;
}

.image-quote.quote-lynne blockquote:after {
text-shadow:none;
color: #e4ebf2;
    font-size: 100px;
    height: 50px;
    line-height: 100px;
    position: absolute;
    z-index: 1;
    font-family: georgia;
    display: block;
    width: 50px;
    content: "\201d";
    bottom: -25px;
    right: -25px;
}

.image-quote.quote-lynne blockquote p {
z-index:2;
font-size:14px;
color:#3f3f3f;
text-shadow:none;
position:relative;
}

.image-quote.quote-lynne footer {
color:#3f3f3f;
}
}

/* PAUSE end */

/* SAVINGS start */
.savings-section .full-width-tabs>ul.nav.nav-tabs>li>a{
font-size: 15px;
}
.savings-section table.table.product-table td{
font-size: 14px;
}
.savings-section .tabbable.full-width-tabs{
margin-bottom: 0;
}
.savings-section table.product-table td.rate-cell strong{
font-size: 25px; line-height: 25px; display: block;
}

.savings-section table.product-table td.rate-cell b{
font-size: 25px; line-height: 25px;
}

.savings-section .nav-tabs.nav-stacked>li:first-child>a{
-webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-topleft: 0px;
}
.savings-section .nav-tabs.nav-stacked>li:last-child>a{
-webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
}
ul#mmenu li:nth-child(2) .warning-message{text-transform: none !important; font-size: 12px; line-height: 14px; font-weight: normal;}

/* Temp Footer Fix */

.footer {
    background-color: #f6f4f9;
    padding: 30px 10px;
    color: #3f3f3f;
}

.footer ul.footer-links li {
    padding: 0 10px;
    border-right: 1px solid #ddd;
}

.footer ul.footer-links li:last-child {
    border-right: none;
}

.footer-links li a, .footer-links li a:hover {
    color: #773bbb;
    font-size: 15px;
}

.footer p.legal, .footer p.small {
    font-size:13px;
}

@media (max-width: 767px) {
.footer ul.footer-links li {
    padding: 0 10px;
    border-right: 0;
    text-align: center;
}
}

/* Site Links Fix */
div.row.sitemap ul li h4 {
font-size:20px;
line-height:26px;
color:#3f3f3f;
margin-bottom:10px;
}

div.row.sitemap ul li h4 a{
color:#3f3f3f;
text-decoration: none;
}

div.row.sitemap ul li h4 a:hover {
text-decoration:none;
}

/* CSS FIX FOR HEADER MARGINS & HEIGHT - MARCH 2017 */

.header-identity{
margin: 25px 0px 25px 0px;
}
.searchbox, .branch-panel{
padding: 0px;
}

/* CSS FIX FOR REGULATORY MESSAGES FONT SIZE - DECEMBER 2017 */


.message.fs-warning-message p{
font-size: 15px;
}

/* Browser alert banner */
.browser-alert-banner {
background-color: #BF2E33;
}

    .panel-table .product-table thead {
    display:none;
    }
    .panel-table .product-table tbody tr {
    display:block;
    float:left;
    width:220px;
    margin-left:20px;
    background-color:#f6f4f9;
    transition: all .25s ease-in-out;
    }

    .panel-table .table.product-table tbody tr th,
    .panel-table .table.product-table tbody tr td {
    display:block;
    width:auto!important;
    background-color:transparent;
    border-width:0px!important;
    text-align:center;
    }
    .panel-table .table.product-table tbody tr td {
    padding: 0px 10px 10px;
    }
    .panel-table .table.product-table tbody tr:nth-child(4n+1) {
    margin-left:0px;
    clear:both;
    }
    .panel-table .table.product-table tbody tr:nth-child(4n+4) {
    margin-right:0px;
    }
    .panel-table .table.product-table tbody tr:nth-child(n+5) {
    display:none;
    }
    .panel-table .table.product-table tbody tr th {
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    min-height: 52px;
    }
    .panel-table .table.product-table tbody td:nth-child(2) {
    font-size:11px;
    line-height:15px;
    }
    .panel-table table.product-table tbody td:nth-child(3),
    .panel-table .table.product-table tbody td:nth-child(5) {
    display:none;
    }
    .panel-table .table.product-table tbody td.rate-cell {
    font-size: 11px;
    line-height: 15px;
    }
    .panel-table .table.product-table tbody td.rate-cell strong {
    font-size: 38px;
    line-height: 38px;
    display: block;
    padding-bottom:5px;
    }
    td a.btn.pull-right {
    float:none;
    }
    @media (max-width: 979px) and (min-width: 768px) {
    .panel-table table.product-table tbody tr {
    width: 166px;
    }
    .panel-table .table.product-table tbody tr th {
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    }
    }
	
/* ADDED 09/02/2018 - TO HELP MAKE FAQS FULLY TRACKABLE */	

.accordion-controls{display: none; position: absolute; top: 0; right: 0;}
.accordion-heading a::before{content: " "; float: right; background-image: url(/www_skipton_co_uk/Components/Client/img/icons/show-hide-28.png); background-color: #fff;
    background-position: -30px -2px;
    background-repeat: no-repeat;
	display: block;
    height: 24px;
    width: 24px;
    border: 1px solid #dedede;}
.accordion-heading a.collapsed::before{content: " "; float: right; background-image: url(url(/www_skipton_co_uk/Components/Client/img/icons/show-hide-28.png);); background-color: #fff;
    background-position: -2px -2px;
    background-repeat: no-repeat;
	display: block;
    height: 24px;
    width: 24px;
    border: 1px solid #dedede;}
.alt .accordion-heading a.collapsed::before{
    background-color: #4d346d;
    background-image: url(/www_skipton_co_uk/Components/Client/img/icons/up-down-white-45.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;}
.alt .accordion-heading a::before{
	width: 45px;
    height: 45px;
    margin: -10px;
    border: none;
    background-color: #4d346d;
    background-image: url(/www_skipton_co_uk/Components/Client/img/icons/up-down-white-45.png);
    background-position: -45px -1px;
    background-repeat: no-repeat;
}


/* SAVINGS PRODUCT PAGE TEMPLATE - JUN 2018 */


h2.summaryBoxHeader strong {font-weight:400;}

.header.rate-header {
	margin-top:0px;
	padding-top:30px;
	padding-bottom:0px;
	position:relative;
  margin-bottom:34px;
}
		
.header.rate-header .ident span {
    display: inline-block;
    margin-top: 0px;
    text-transform: uppercase;
    padding: 5px 80px 5px 0px;
    border-bottom: 2px solid #56227D;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.1;
    margin-left: 20px;
    margin-bottom: 10px;
    color: #56227D;
    visibility:hidden;
}

.header.rate-header .heading-panel {
	background-color:#4d346d;
	padding:30px 0px;
	position:relative;
	z-index:0;
	margin-top:0px;
}
		
.header.rate-header .heading-panel h1 {
	color:#fff;
	margin:0px;
	width:60%;
	padding:0px 20px;
	box-sizing:border-box;
	line-height: 1.25;
	font-size:30px;
	font-weight:400;
  font-family:Roboto, Arial,Helvetica, sans-serif;
}

.header.rate-header .rate-panel {
	top: 0px;
    left: 60%;
    width: 35%;
    position: absolute;
    background-color:#017ACD;
    padding: 30px 0px;
    z-index: 1;
    display: block;
}

.header.rate-header .rate-panel h2 {
    color: #fff;
    font-size: 75px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 1.25rem;
	  margin-top:0px;
    }

.header.rate-header .rate-panel h2 span {
	font-size:15px;
	font-weight:500;
	display:block;
}
    
.header.rate-header .rate-panel a.btn-primary {
    background: #E5E468;
    border-color: #E5E468;
    color: rgba(86, 34, 125,1);
    text-shadow: none;
    border-radius: 4px!important;
    font-weight: 500;
    padding-right: 30px;
    font-size: 20px;
    padding: 16px 40px 16px 30px;
    }
		
.header.rate-header .features-panel {
	width:60%;
	padding:20px 20px 0px;
	box-sizing: border-box;
}
.header.rate-header .features-panel *:last-child {
	margin-bottom:0px;
}
.cta.savings-cta {
    background: #017ACD;
    padding: 0px 20px 30px;
    margin-top: 30px;
    margin-bottom: 50px;
}     
.cta.savings-cta .monthly-interest p span,
.cta.savings-cta .annual-interest p span {
	font-size:1.5em;
	line-height:1;
  font-weight:500;

}  
.cta.savings-cta h2,
.cta.savings-cta h3,
.cta.savings-cta p{
	color: #fff;
}

		.cta.savings-cta h2 {
    display: inline-block;
    padding: 10px 30px;
    background-color: #58227D;
    position: relative;
    margin-top: -30px;
    margin-bottom: 20px;
}

.cta.savings-cta h3 {
	margin-bottom:15px;
	margin-top:0px;
}

.cta.savings-cta p{
	font-weight:400;
  font-size:18px;
}

.cta.savings-cta a.btn-primary {	
    background:url("/~/media/7479935B8E0145B1B6CD0854B9A582A5.ashx") no-repeat right 15px top 20px #E5E468;
    border-color: #E5E468;
    color: rgba(86, 34, 125,1);
    text-shadow: none;
    border-radius: 4px!important;
    font-weight: 500;
    padding-right: 30px;
    font-size: 20px;
    padding: 16px 40px 16px 30px;}
    
    .cta.savings-cta > .row-fluid [class*="span"] {
	position:relative;
}

.cta.savings-cta > .row-fluid [class*="span"]:before {
	content:"";
	left:-10px;
	top:10%;
	bottom:5%;
	display:block;
	position:absolute;
	background-color:#fff;
	width:2px;
}

.cta.savings-cta > .row-fluid [class*="span"]:first-child:before {
    display:none;
}
	
	
	@media (max-width:767px) {
		
		.ident {
			display:none;
		}
		
		.header.rate-header .heading-panel {
			margin-right:10%;
			padding: 15px 0px 25px;
		}
		
		.header.rate-header .heading-panel h1 {
			width:auto;
			font-size:24px;
		}
		
		.header.rate-header .rate-panel {
			position:relative;
			left:0px;
			margin-left:10%;
			margin-right:0;
			width:auto;
			margin-top:-20px;
			padding:20px 10px;
		}
		
		.header.rate-header .rate-panel h2 {
			font-size:55px;
		}
		
		.header.rate-header .features-panel {
			width: auto;
			padding: 20px 0px 0px;
		}
		
		.rate-header .rate-panel a.btn-primary,
		.cta.savings-cta a.btn-primary{
			background-position:right 10px top 15px;
			padding: 11px 35px 11px 20px;
			font-size: 18px;
		}
		
		table.smr {
			font-size:12px;
		}
		
		table.smr tr {
			display:block;
			margin-bottom:5px;
		}
		
		table.smr th,
		table.smr td{
			display:block;
			padding:5px 7px;
			line-height: 18px;
		}
		
		.table-striped.smr tbody > tr:nth-child(odd) > th,
		table.smr th {
			background-color:#f6f4f9;
		}
		
		.table-striped.smr tbody > tr:nth-child(even) > td,
		table.smr td {
			background-color: #FFFFFF;
			border-top-width:0px;
		}	
		
		.summary-table.smr td span.interestHeading {
			margin-bottom:0px;
		}
		
		.summary-table.smr td .span6:last-of-type {
			margin-bottom:0px;
		}
		
		table.smr td ul {
			margin:0px 0px 0px 15px;
		}
		
		table.smr td ul li {
			line-height:18px;
			margin-bottom:5px;
			font-size:12px;
		}
		
		.cta.savings-cta {
			padding:0px 15px 15px;
			    margin: 0px -20px 10px;
		}
		

		
		.cta.savings-cta h3 {
			font-size:18px;
			margin-bottom:5px;
		}
		
		.cta.savings-cta .span6:last-of-type {
			padding-top:30px;
		}
		
.cta.savings-cta > .row-fluid [class*="span"]:before {
content: "";
    left: 25%;
    top: 15px;
    width: 50%;
    height: 2px;
}		
		
		.cta.savings-cta p {
			font-size:14px;
			font-weight:500;
		}
		
		
		
		
	}




/* =============================
   REINSTATE LARGE BOOTSTRAP MEDIA QUERY 
   ============================= */
@media(min-width:1200px){.row{margin-left:-30px;*zoom:1}.row:before,.row:after{display:table;line-height:0;content:""}.row:after{clear:both}[class*="span"]{float:left;min-height:1px;margin-left:30px}.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:1170px}.span12{width:1170px}.span11{width:1070px}.span10{width:970px}.span9{width:870px}.span8{width:770px}.span7{width:670px}.span6{width:570px}.span5{width:470px}.span4{width:370px}.span3{width:270px}.span2{width:170px}.span1{width:70px}.offset12{margin-left:1230px}.offset11{margin-left:1130px}.offset10{margin-left:1030px}.offset9{margin-left:930px}.offset8{margin-left:830px}.offset7{margin-left:730px}.offset6{margin-left:630px}.offset5{margin-left:530px}.offset4{margin-left:430px}.offset3{margin-left:330px}.offset2{margin-left:230px}.offset1{margin-left:130px}.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;line-height:0;content:""}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;float:left;width:100%;min-height:30px;margin-left:2.564102564102564%;*margin-left:2.5109110747408616%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.564102564102564%}.row-fluid .span12{width:100%;*width:99.94680851063829%}.row-fluid .span11{width:91.45299145299145%;*width:91.39979996362975%}.row-fluid .span10{width:82.90598290598291%;*width:82.8527914166212%}.row-fluid .span9{width:74.35897435897436%;*width:74.30578286961266%}.row-fluid .span8{width:65.81196581196582%;*width:65.75877432260411%}.row-fluid .span7{width:57.26495726495726%;*width:57.21176577559556%}.row-fluid .span6{width:48.717948717948715%;*width:48.664757228587014%}.row-fluid .span5{width:40.17094017094017%;*width:40.11774868157847%}.row-fluid .span4{width:31.623931623931625%;*width:31.570740134569924%}.row-fluid .span3{width:23.076923076923077%;*width:23.023731587561375%}.row-fluid .span2{width:14.52991452991453%;*width:14.476723040552828%}.row-fluid .span1{width:5.982905982905983%;*width:5.929714493544281%}.row-fluid .offset12{margin-left:105.12820512820512%;*margin-left:105.02182214948171%}.row-fluid .offset12:first-child{margin-left:102.56410256410257%;*margin-left:102.45771958537915%}.row-fluid .offset11{margin-left:96.58119658119658%;*margin-left:96.47481360247316%}.row-fluid .offset11:first-child{margin-left:94.01709401709402%;*margin-left:93.91071103837061%}.row-fluid .offset10{margin-left:88.03418803418803%;*margin-left:87.92780505546462%}.row-fluid .offset10:first-child{margin-left:85.47008547008548%;*margin-left:85.36370249136206%}.row-fluid .offset9{margin-left:79.48717948717949%;*margin-left:79.38079650845607%}.row-fluid .offset9:first-child{margin-left:76.92307692307693%;*margin-left:76.81669394435352%}.row-fluid .offset8{margin-left:70.94017094017094%;*margin-left:70.83378796144753%}.row-fluid .offset8:first-child{margin-left:68.37606837606839%;*margin-left:68.26968539734497%}.row-fluid .offset7{margin-left:62.393162393162385%;*margin-left:62.28677941443899%}.row-fluid .offset7:first-child{margin-left:59.82905982905982%;*margin-left:59.72267685033642%}.row-fluid .offset6{margin-left:53.84615384615384%;*margin-left:53.739770867430444%}.row-fluid .offset6:first-child{margin-left:51.28205128205128%;*margin-left:51.175668303327875%}.row-fluid .offset5{margin-left:45.299145299145295%;*margin-left:45.1927623204219%}.row-fluid .offset5:first-child{margin-left:42.73504273504273%;*margin-left:42.62865975631933%}.row-fluid .offset4{margin-left:36.75213675213675%;*margin-left:36.645753773413354%}.row-fluid .offset4:first-child{margin-left:34.18803418803419%;*margin-left:34.081651209310785%}.row-fluid .offset3{margin-left:28.205128205128204%;*margin-left:28.0987452264048%}.row-fluid .offset3:first-child{margin-left:25.641025641025642%;*margin-left:25.53464266230224%}.row-fluid .offset2{margin-left:19.65811965811966%;*margin-left:19.551736679396257%}.row-fluid .offset2:first-child{margin-left:17.094017094017094%;*margin-left:16.98763411529369%}.row-fluid .offset1{margin-left:11.11111111111111%;*margin-left:11.004728132387708%}.row-fluid .offset1:first-child{margin-left:8.547008547008547%;*margin-left:8.440625568285142%}input,textarea,.uneditable-input{margin-left:0}.controls-row [class*="span"]+[class*="span"]{margin-left:30px}input.span12,textarea.span12,.uneditable-input.span12{width:1156px}input.span11,textarea.span11,.uneditable-input.span11{width:1056px}input.span10,textarea.span10,.uneditable-input.span10{width:956px}input.span9,textarea.span9,.uneditable-input.span9{width:856px}input.span8,textarea.span8,.uneditable-input.span8{width:756px}input.span7,textarea.span7,.uneditable-input.span7{width:656px}input.span6,textarea.span6,.uneditable-input.span6{width:556px}input.span5,textarea.span5,.uneditable-input.span5{width:456px}input.span4,textarea.span4,.uneditable-input.span4{width:356px}input.span3,textarea.span3,.uneditable-input.span3{width:256px}input.span2,textarea.span2,.uneditable-input.span2{width:156px}input.span1,textarea.span1,.uneditable-input.span1{width:56px}.thumbnails{margin-left:-30px}.thumbnails>li{margin-left:30px}.row-fluid .thumbnails{margin-left:0}}

/* =============================
   LARGE BOOTSTRAP MODIFICATIONS
   ============================= */

/* LARGE - NAVIGATION
   ============================= */

@media(min-width:1200px){
	.mega-nav>ul li a {
      /*padding: 14px 40px 13px;*/
      padding: 14px 34px 13px;
	}
	
	.mega-nav .dropdown-column {
    width: 320px;
	}
	
}


/* LARGE - COMPONENT TWEAKS - ARTICLES
   ============================= */

@media(min-width:1200px){
	.span6 .article-two img,
	.span5 .article-two img,
	.span4 .article-two img,
	.span3 .article-two img {
		width:100%;
	}
}



/* =============================
   2018 BRAND REFRESH 
   ============================= */


/* GLOBAL - TYPOGRAPHY
   ============================= */

/* Major Third Typescale */
body {
	font-size:16px;
  	font-weight: 400;
  	line-height: 1.45;
	color:#575757;
}

p {
	margin-bottom: 1.3em; 
	font-size:1rem; 
	line-height:1.45;
}

li { 
	font-size:1rem; 
	line-height:1.45;
	margin-bottom: 0.75em;
}


H2, .h2, H3, .h3, H4, .h4, H5, .h5, H6, .h6 {
  	margin: 1.414em 0 0.5em;
  	line-height: 1.45;
	font-weight:500;	

}

h1, .h1 {
  	margin: 1.414em 0 1em;
  	font-size: 2.441rem;
	  	line-height: 1.45;
}

h2, .h2 {
	font-size: 1.953rem; 
	font-weight:300;
}

h3, 
.h3,
.article h3{
	font-size: 1.563rem;
}

H4, .h4 {
	font-size: 1.25rem;
}

small, .font_small {
	font-size: 0.8rem;
}

p.legal {
	font-size:0.8rem;
	font-weight:500;
}

label, input, button, select, textarea {
    font-size: 1rem;
}

.product-apply-row {
	font-size:inherit;
}

/* Major Second Typescale - mobile only */

@media (max-width:767px){

H2, .h2, H3, .h3, H4, .h4, H5, .h5, H6, .h6  {
  margin: 1.414em 0 0.5em;
  font-weight: 500;
  line-height: 1.2;
}

h1, .h1 {
  margin: 1.414rem 0 1em;
  font-size: 1.602rem;
	  line-height: 1.2;
}

H2, .h2 {font-size: 1.424rem; font-weight:300;}

H3, .h3, .article h3 {font-size: 1.266rem;}

H4, .h4 {font-size: 1.125rem;}
}


/* Text Styles */

body, 
P, 
H2, 
.h2, 
H3, 
.h3, 
H4, 
.h4, 
H5, 
.h5, 
H6, 
.h6, 
.sans-serif,
h2.serif,
h3.serif,
h4.serif,
input, button, select, textarea{
	font-family:"Roboto", Arial, Helvetica, Sans-serif;
		color:#575757;
}

h1, .serif {
	font-family:"Georgia Pro", Georgia, Serif;	
}

h1 {
	margin-top:10px;
	text-align:center;
}

.rich-text > h2#title,
.rich-text > h3#subTitle {
	margin-top:0px;
}

.footer p {
	color:#fff;
}

strong, 
b,
.article-one h3{
	font-weight:500;
}

.lead {
    font-size: 1rem;
    line-height: 1.45;
    font-weight: 500;
}

.browser-version-banner-text p {
	color:#fff;
}



/*Specific Text Styling */

.article-two h3.serif,
.mega-nav .dropdown a, 
.mega-nav>ul li a,
.mega-nav .dropdown-column h3.serif,
.need-help-panel h2 {
	font-family:"Roboto", Arial, Helvetica, Sans-serif;
}

.breadcrumb li {
	font-size:14px;
}

.article p,
.mega-nav .dropdown-column h3,
.mega-nav .dropdown-column ul li a,
.linkCluster.link-cluster-three ul.link-cluster li a,
.mega-nav .dropdown-column>a{
	font-size:1rem;
}

.article p {
	font-size:1rem; 
	line-height:1.45;	
}

blockquote p {
	font-size: 1.25rem;
}

.header .header-links ul li a {
	font-weight:500;
}

.reassurance-panel h3 {
	margin-top:0px;
}

.accordion-heading a.accordion-toggle h3, 
.accordion-heading a.accordion-toggle h4 {
	font-size:1.25rem;
	color:#56227D;
}


.linkCluster h3,
.linkCluster.link-cluster-three h3{
	font-family:"Roboto", Arial, Helvetica, Sans-serif;
	color:#575757;
	font-size: 1.563rem;
	  	line-height: 1.45;
	font-weight:500;
	margin-top: 0;
}

.product-apply-row h4 {
		font-size:1.25rem;
	font-weight:500;
}

/* GLOBAL - ICONS
   ============================= */

.icon:before, 
.icon:after, 
.ticklist li:before, 
ul.pdf-list li:before, 
.bullet-list li:before, 
ul.links li a::before,
.btn:after,
a.btn:after,
input.btn:after,
a.btn.login:before, 
a.tertiary:before, 
a.tertiary:after, 
td .online:before, 
td .branch:before, 
td .post:before, 
td .phone:before, 
.btn.btn-arrow span:after, 
.btn.btn-scroll-down span:after, 
.accordion-heading .accordion-toggle:after, 
.accordion-heading .accordion-toggle:before, 
.header .header-links ul li a.branch:before, 
.header .header-links ul li a.search:before, 
.need-help .help-content h2:after, 
.need-help .phone:before, 
.need-help .webchat:before, 
.need-help .online:before, 
a.new-window::after, 
.help p:before, 
.material-icons, .btn.btn-link:before,
.article-one a.btn.btn-link:after,
.article-two a.btn.btn-link:after,
.article-icon a.btn.btn-link:after,
.btn.btn-textlink:before {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    font-feature-settings: 'liga';
}

/*Added PDF button*/

.btn.btn-link.pdf-btn {
    padding-left: 22px !important; 
}
   
.btn.btn-link.pdf-btn:before {
   content: "";
   height: 16px;
   width: 16px;
   display: block;
   background-image:url(/-/media/skipton-co-uk/images/icons/icon-pdf-small.ashx?la=en-GB);
   background-position: top left;
   top: 16px; 
}

/* IE UNDERLINE BUG */

.btn:hover:before,
.btn:focus:before,
.btn:hover:after,
.btn:focus:after,
.alt .accordion-heading .accordion-toggle:hover:before,
.alt .accordion-heading .accordion-toggle:focus:before,
.accordion-heading .accordion-toggle:hover:before,
.accordion-heading .accordion-toggle:focus:before {
	text-decoration:underline;
}
.btn:hover:before,
.btn:focus:before,
.btn:hover:after,
.btn:focus:after,
.alt .accordion-heading .accordion-toggle:hover:before,
.alt .accordion-heading .accordion-toggle:focus:before,
.accordion-heading .accordion-toggle:hover:before,
.accordion-heading .accordion-toggle:focus:before {
	text-decoration:none;
}


/* GLOBAL - TEXT LINKS
   ============================= */

/* set colours and weight */
a,
li a, 
p a,
.link-list li a, 
.link-cluster li a, 
.sitemap li a, 
.footer-links li a,
.mega-nav>ul li a,
.mega-nav .dropdown-column ul li a,
.mega-nav .dropdown-column>a,
.cookie-banner p a
 {
color: #56227d;
font-weight:500;
}

a:hover,
a:focus,
p a:hover,
p a:focus,
li a:hover,
li a:focus,
.link-list li a:hover,
.link-list li a:focus,
.link-cluster li a:hover, 
.link-cluster li a:focus,
.sitemap li a:hover, 
.sitemap li a:focus, 
.footer-links li a:hover,
.footer-links li a:focus
{
color: #56227d;	
opacity:0.9;
}


.cookie-banner p a {
color:#fff;	
}

.cookie-banner p a:hover,
.cookie-banner p a:focus{
color:#fff;	
opacity:0.9;
}

.cookie-banner a.close {
	font-weight:500;
}



/*handle underlines*/

p a,
li a{
    text-decoration: underline;
}

p a:hover,
p a:focus,
li a:hover,
li a:focus {
	text-decoration:none;
}

/* GLOBAL - ARTICLES 
   ============================= */

.article.article-one .text-right {
	text-align: left;
    margin-left: 20px;
}

/* GLOBAL - MASTHEAD
   ============================= */

.preheader {
    background-color: rgba(217, 229, 235,0.8);
}

.header-lower {
    background-color: rgba(217, 229, 235,0.5);
}

.header .header-links ul li a.branch,
.header .header-links ul li a.search,
.header .header-links ul li a.branch.collapsed:hover, 
.header .header-links ul li a.branch.collapsed:active,
.header .header-links ul li a.branch.collapsed:focus,
.header .header-links ul li a.search.collapsed:hover, 
.header .header-links ul li a.search.collapsed:active,
.header .header-links ul li a.search.collapsed:focus{
    background-color: rgba(217, 229, 235,0.5);
}

/* GLOBAL - NAV
   ============================= */

.main-nav {
    background-color: #fff;
    border:none;
	box-shadow: 0px 2px #56227D, 0px -2px #56227D;
	margin-bottom:2px;
	margin-top: 2px;
}

.mega-nav > ul {
    background-color: #fff;
    min-height: 47px;
    display: block;
}

.mega-nav > ul li {
	margin-bottom:0px;
}

.mega-nav > ul li > ul li {
	margin-bottom:0.5em;
}

.mega-nav > ul li a {
    color: #56227d; 
}


.mega-nav li:hover a,
.mega-nav li:focus a,
.mega-nav li:active a,
.mega-nav>ul li a:hover, 
.mega-nav>ul li a:focus, 
.mega-nav>ul li a:active, 
.mega-nav>ul li.hover a {
    background-color: #f4f7f9!important;
}

.mega-nav .dropdown {
    background-color: #f4f7f9!important;
}

/* tablet styling */
@media (max-width: 979px) {
	.mega-nav>ul li a {
		color: #56227d;
	}
}

/* mobile styling */
@media (max-width: 767px) {
	.mega-nav>ul {
		background-color: #f4f7f9;
	}
	
	.mega-nav ul li a.dtoggle.active {
		background-color: #f4f7f9;	
	}

	.mega-nav .toolbar li:hover a,
	.mega-nav .toolbar li:focus a{
		background-color:transparent!important;
	}
}

/* GLOBAL - FOOTER 
   ============================= */

.footer {
    background-color: #1d053d!important;
    color: #fff!important;
}

.footer-links li a, .footer-links li a:hover,
.footer-links li a, .footer-links li a:focus{
    color: #fff!important;
    font-weight: 400;
}


/* GLOBAL - BUTTONS 
   ============================= */

.input-append .btn, 
a.btn, 
input.btn, 
button.btn, 
.btn.disabled, 
.btn[disabled],
.btn.silver,
a.btn.silver{
	border-radius:40px!important;
    font-weight:500;
    /*padding: 4px 12px; */
}

/* Cyan button */
.input-append .btn, 
a.btn, 
input.btn, 
button.btn,
.btn.no-arrow,
.btn.disabled, 
.btn[disabled], 
.btn:hover,
.btn:focus,
.pod.primary .article-one a.btn.btn-link,
.btn.btn-block{
	background:#017ACD;
    color: #fff;
    border-color: #017ACD;

}

/* Standard button Styling (with icon) */
.btn,
a.btn,
.btn.no-arrow,
.btn.silver,
a.btn.silver,
.pod.primary .article-one a.btn.btn-link,
button#btnBranchSearch,
button.btnAllBranches{
	font-size:16px;
	text-shadow:none!important;	
    /*padding-right:30px;*/
    padding: 8px 19px !important; 
	position:relative;
	-webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
	margin-bottom: 5px;
}

.input-append .btn, .input-append .btn.silver, 
.branchlocator .btn.no-arrow, button#btnBranchSearch {
    padding: 4px 12px !important; 
}


/*make sure hover state is applied to all butons*/ 
.btn:hover, .btn:focus {
    text-decoration: underline!important;
}

/* Large button */
/*.btn-large,
a.btn-large,
a.btn-large.silver,
.article-one a.btn.btn-link,
.article-two a.btn.btn-link,
.article-icon a.btn.btn-link,
.btn.btn-component,
.btn.btn-component.silver,
.btn.btn-component.silver.no-arrow {
	font-size: 16px;
	padding-right: 36px;
	padding-left: 19px;
	padding-top: 8px;
    padding-bottom: 8px;
	margin-bottom: 5px;
}*/

/* Add arrow icon to button */
/*.btn:after,
a.btn:after,
.pod.primary .article-one a.btn.btn-link:after,
.article-one a.btn.btn-link:after,
.article-two a.btn.btn-link:after,
.article-icon a.btn.btn-link:after*/
a.btn-scroll-down:after, .savings-filter-alternative .btn.btn-toggle:after {
    content: "chevron_right";
    position: absolute;
    font-size: 24px;
    font-weight: 500;
    top: 50%;
    right: 5px;
    margin-top: -12px;
	-webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}


.mpf-wrapper .btn.btn-secondary.collapse-toggle {
    padding-right: 35px!important; 
}


.mpf-wrapper .btn.btn-secondary.collapse-toggle:hover span,
.mpf-wrapper .btn.btn-secondary.collapse-toggle:focus span {
    text-decoration: underline;
}

.mpf-wrapper .btn.btn-secondary.collapse-toggle:after, 
.mpf-wrapper .btn.btn-secondary.collapse-toggle:hover:after {
    margin-top: -8px;
    font-size: 24px;
    font-weight: 500;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.modal-content .modal-footer .btn.btn-default.cancel-btn {
    padding-left: 35px!important;
} 

.article-filter .btn-group .btn.btn-toggle {
    padding: 4px 12px!important;
}

/* Animate arrow on hover */
a.btn:hover:after,
a.btn:focus:after,
.pod.primary .article-one a.btn.btn-link:hover:after,
.pod.primary .article-one a.btn.btn-link:focus:after,
.article-one a.btn.btn-link:hover:after,
.article-one a.btn.btn-link:focus:after,
.article-two a.btn.btn-link:hover:after,
.article-two a.btn.btn-link:focus:after,
.article-icon a.btn.btn-link:hover:after,
.article-icon a.btn.btn-link:focus:after{
	right:2px;
}

/* Button with 'down' arrow */

a.btn-scroll-down, .header.rate-header .rate-panel a.btn-primary {
    padding-right: 40px !important; 
}

.savings-type .btn-toggle.collapsableController {
    padding-right: 10px; 
}

.savings-filter-alternative .btn.btn-toggle.collapsed:after {
    transform: rotate(0deg) !important;
}

.savings-filter-alternative .btn.btn-toggle:after {
    transform: rotate(180deg) !important;
    transition: all 1s ease;
}

a.btn-scroll-down span {
	padding-right: 0px;
}

a.btn-scroll-down:after, .savings-filter-alternative .btn.btn-toggle:after {
	right: 10px;
	content: "keyboard_arrow_down";
}

a.btn-scroll-down:hover::after,
a.btn-scroll-down:focus::after,
.savings-filter-alternative .btn.btn-toggle:hover:after, 
.savings-filter-alternative .btn.btn-toggle:after{
	right:10px;
	top:60%;
}


/* Secondary button styling (keyline) */
.btn.silver,
.btn.silver.no-arrow,
.btn.silver.btn-block,
a.btn.silver,
a.btn.silver.no-arrow,
a.btn.silver.btn-block,
.skipton-link-action-panel .btn.btn-primary,
.article-one a.btn.btn-link,
.article-two a.btn.btn-link,
.article-icon a.btn.btn-link
{
	border-color:#56227D;
	background:transparent;
	border-width: 2px;
	color:#56227D;
	padding-top:3px;
	padding-bottom:3px;
}

.btn.btn-large.silver,
.article-one a.btn.btn-link,
.article-two a.btn.btn-link,
.article-icon a.btn.btn-link{
    padding: 7px 16px; 
    font-size: 16px;
	border:2px solid #56227D;
	background:transparent;
	color:#56227D;
	text-shadow:none;
}

/*TBC */
.btn span {
	padding-right: 1.5em;
	position:relative;
}

.btn.btn-arrow span {
	padding-right: 1em;
	position:relative;
}


/*.btn.btn-arrow span:after,
.skipton-link-action-panel span:after{
    content: "chevron_right";
    font-size: 1.6rem;
    position: absolute;
    top: 50%;
    margin-top: -0.45em;
    right: -0.3em;
}*/

/* Secondary button - White variant */
.skipton-link-action-panel .btn.btn-primary{
	border-color:#fff;
	color:#fff;
}


/* Login button - specific styling */
.btn.login {
	padding-left: 2em!important;
	position:relative;
}

.btn.login:before {
    content: "";
    background: url(https://www.skipton.co.uk/Components/Client/img/lock-mob-icon.png) no-repeat center center; 
    width: 17px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -0.55em;
}

.btnTabControl {
	margin-top:10px;
}


/* Text Button */

.btn.btn-link,
.btn.btn-textlink{
	font-weight:500;
	padding:0.3em 0 0.3em 1.5em;
	position:relative;
	background:none;
	border-radius:0px;
	color:#56227D;
}

/*.btn.btn-link:before,
.btn.btn-textlink:before {
	content: "chevron_right";
    position: absolute;
    left: 0px;
    top: 1px;
    font-size: 1.6rem;
    display: none; 
}*/

.btn.btn-link:before,
.btn.btn-textlink:before {
    content: "";
    background-image: url(/Components/Client/img/icons/purple-arrow-15.png);
    width: 15px;
    height: 15px;
    position: absolute;
    top: 50%;
    left: 0px;
    margin-top: -0.48em;
}

/*.btn.btn-link:before:hover,
.btn.btn-textlink:before:hover {
    text-decoration: underline;
}*/

.btn.btn-link:after,
.btn.btn-textlink:after{
	display:none;
}

.btn.btn-link:hover,
.btn.btn-link:focus,
.btn.btn-link:hover,
.btn.btn-link:focus,
.btn.btn-textlink:hover,
.btn.btn-textlink:focus{
	background:none;
	color:#56227D;
}

.btn.btn-textlink:hover,
.btn.btn-textlink:focus {
	border-color:transparent;
}

.btn.loading:after {
	content:"data_usage";
    -webkit-animation: spinner 1s linear 0s infinite;
    animation: spinner 1s linear 0s infinite;	
	font-size: 24px;
    right: 3px;
    margin-top: -12px;
}

 @-ms-keyframes spinner {
 0% {
transform: rotate(0deg);
}
 100% {
transform: rotate(-360deg)
}
}
 @keyframes spinner {
 0% {
transform: rotate(0deg);
}
 100% {
transform: rotate(-360deg)
}
}
 @-webkit-keyframes spinner {
 0% {
transform: rotate(0deg);
}
 100% {
transform: rotate(-360deg)
}
}

/* Input append - remove rounded corners */

.input-append .btn,
.input-append .btn.silver{
	border-radius:0px 40px 40px 0px !important;
}

.input-append .btn:after,
.input-append .btn.silver:after{
	display:none;
}

/*BUTTON GROUPS*/
/* Decision Trees - ISA Transfer*/

.btn-group.decision-tree {
	
}

.btn-group.decision-tree .btn.btn-toggle,
.btn-group.decision-tree .btn.btn-toggle.active {
	padding:10px 14px;
}

.btn-group.decision-tree .btn.btn-toggle {
	border-radius:0px!important;
	background:#fff;
	border: 2px solid #56227D;
	font-size:1rem;
	color: #56227D;
}

.btn-group.decision-tree .btn.btn-toggle ~ .btn.btn-toggle {
	border-left-width:0px;
}

.btn-group.decision-tree .btn.btn-toggle.active {
	background:#56227D;
	color:#fff;
	box-shadow: none;
}

.btn-group>.btn:after {
	display:none;
}

.decision-tree .btn.btn-toggle:first-of-type {
    border-radius: 40px 0 0 40px!important;
}

.decision-tree .btn.btn-toggle:last-of-type {
	border-radius:0 40px 40px 0!important;
}



/* PAGE HEADERS 
   ============================= */


/* Hero Header version 1 - remove when all use new component
   ----------------------------- */

.hero-header h1 {
	text-align:center;
	font-family:"Georgia Pro",Georgia,Serif;
	margin: 0 0 0.5em; /* minus top margin to compensate empty H1 tag */
}

.hero-header .banner {
    background-position: right 50%;
    margin:0px -50px 2em;
    padding: 20px 50px;
    height: 340px;
	position:relative;
	background-size: cover;
}

.hero-header .banner .content {
    background: rgba(86, 34, 125,0.9);
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    padding: 50px 30px 60px;
    width: 50%;
    text-align: center;
    color: #fff;
	box-sizing:border-box;
}
.hero-header .banner .content *:last-child {
	margin-bottom:0px;
}

.hero-header .banner h2 {
	margin-top:0px;
	font-family:"georgia";
	color:#fff;
	margin-bottom:0px;
}

.hero-header .banner h2:after {
    content: "";
    width: 20%;
    height: 3px;
    background-color: #fff;
    display: block;
    margin: 15px auto;
}

.hero-header .banner p {
	font-size:16px;
	font-weight:500;
	color:#fff;
}

/* LARGE */

@media (min-width:1200px){
	.hero-header .banner .content {
		padding:50px 50px 60px;
	}
}

@media (max-width:767px){
	.hero-header {
		height:360px;
	}
	
	.hero-header .banner {
		margin:0px -20px 20px;
		padding:150px 0px 0px;
		height:150px;
		min-height:0px;
		overflow:visible;
		box-sizing: border-box;
		background-position: right 30%;
		background-size:200%;
	}
	
	.hero-header .banner .content {
        top: 0px;
        width: auto;
        position: relative;
        padding: 20px;
        height: 130px;
        transform: none;
        box-sizing: content-box;		
	}
}


/*New header banner component amends*/ 

@media (max-width: 767px) {
	.hero-header-wrapper {
		margin-left: -20px;
		margin-right: -20px;
		width: calc(100% + 40px) 
	}
}

@media (min-width: 768px) {
   .hero-header-wrapper {
        margin-left: -3%;
        margin-right: -3%;
        width: 106%; 
    }
}

@media (min-width: 1200px) {
    .hero-header-wrapper {
         margin-left: 0;
         margin-right: 0;
         width: 100%; 
     }
 }

@media (min-width: 1368px) {
    .hero-header-wrapper {
        margin-left: -5%;
        margin-right: -5%;
        width: 110%; 
    }
}

.carousel-inner {
	overflow: visible!important; 
}

.hp-banner .carousel-inner {
	overflow: hidden!important; 
}

/* reset negative margins for screen sizes close to breakpoints - avoids horizontal scroll */
@media (min-width:980px) and (max-width:1060px),(min-width:768px) and (max-width:840px){
	.hero-header .banner {
    	padding: 20px;	
    	margin: 0px 0px 2em;
    }
    
    .hero-header-wrapper {
        margin-left: 0;
        margin-right: 0;
        width: 100%; 
    }
}

.hp-banner .hero-header-wrapper {
    margin-left: 0!important;
    margin-right: 0!important;
    width: 100%!important; 
}


/* Restyle old Headers */

.heading-banner.heading-banner-narrow img {
	width:100%;
}

.heading-banner.heading-banner-alt .heading-banner-caption {
	background-color:#56227D;
}

.heading-banner.heading-banner-alt .heading-banner-caption h1,
.heading-banner.heading-banner-alt .heading-banner-caption p{
	color:#fff;
	text-align:center;
}

@media (min-width:1200px){
	.heading-banner.heading-banner-narrow .heading-banner-caption {
		width:480px;
	}
	
	.page-header-banner {    
    background-size: cover;
    background-position: center;
}	
}

/* TABLES 
   ============================= */


.table thead:first-child tr:first-child th,
.table thead tr th:first-child, 
.table thead tr td:first-child, 
.table thead tr th:last-child, 
.table thead tr td:last-child, 
.table thead th {
	    border: none;
    background: #fff;
    color: #3f3f3f;
	font-weight: 500;
    font-size: 16px;
}

table.table thead tr {
	border-bottom:2px solid rgba(86, 34, 125,1);
}

.table thead tr th:first-child, 
.table thead tr td:first-child, 
.table thead tr th:last-child, 
.table thead tr td:last-child, 
.table thead th, 
.table.product-table tr th, 
.table.product-table tr td {
	vertical-align:middle;
}

.table.product-table.rep-example-table tr th, 
.table.product-table.rep-example-table tr td {
	vertical-align:top;
}

.table.product-table tbody:first-child tr td, 
.table.product-table tbody:first-child tr th,
.table tr th, .table tr td {
	border:none!important;
}

.table-striped tbody > tr:nth-child(even) > td, 
.table-striped tbody > tr:nth-child(even) > th {
    background-color: rgba(217, 229, 235,0.3);
}

.table.product-table tbody tr th {
    width: 200px;
    font-size: 16px;
}

.table.product-table td.rate-cell, 
.table.product-table th.rate-cell {
    width: 20%;
}




td ul {
	margin-bottom:0px;
}

table.table,
table.summary-table.smr,
table.summary-table.smr li{
	font-size:16px;
}

table.table {
	margin-bottom:34px;
}

table.summary-table.smr ul li ul {
	margin-top:8px;
}

.table th {
    font-weight: 500;
}

/* SAVINGS PRODUCT PANELS 
   ============================= */

.panel-table .product-table tbody tr {
	background-color:rgba(217, 229, 235,0.75);
}

@media (min-width:1200px) {
	.panel-table .product-table tbody tr {
		width:270px;
		margin-left:30px;
	}
}



/* PODS 
   ============================= */

/* Restyle Old Articles */




.article-one a.btn.btn-link {
	margin:20px 20px 0px 0px;
}

.pod .article-one a.btn.btn-link {
	margin-left:20px;
}

.article-one a.btn.btn-link:before {
	display:none;	
}

.article-two h3 {
    font-family: "Roboto", Arial, Helvetica, Sans-serif;
    color: #575757;
    line-height: 1.45;
    font-weight: 500;
	padding:0px;
    border-bottom: none;
}

.article-two h3:after {
    content: "";
    display: block;
    background-color: rgba(0,0,0,0.1);
    height: 2px;
    width: 60%;
    max-width: 160px;
    margin-top: 10px;
}

.article-two .content {
	padding:20px 0px;
}

.span3 .article-two .content img,
.span4 .article-two .content img,
.span5 .article-two .content img,
.span6 .article-two .content img{
	width:100%;
}
.article-two .content .text-right {
	text-align:left;
}

.article-two .content .btn.btn-link:before {
	display:none;
}


.article.article-icon {
	padding-top:60px;
	position:relative;
}

.article.article-icon h3 {
	padding:0px 0px 10px;
	border-bottom:0px;
}


.article.article-icon h3:after {
    content: "";
    display: block;
    background-color: rgba(0,0,0,0.1);
    height: 2px;
    width: 60%;
    max-width: 160px;
    margin-top: 10px;
}

.article-icon .content {
    border: none;
    padding: 0px;
    background-color: transparent;
}

.article-icon .content img {
	border:none;
	    position: absolute;
    top: 0px;
}
.article-icon .content p {
    margin: 0 0 10px 0;
}

.article.article-icon .text-right {
	text-align:left;
}

.article.article-icon .text-right a.btn {
	margin-top:10px;
}



/* Standard Pod
   ----------------------------- */

.pod.primary .article-one a.btn.btn-link {
	margin-left:20px;
}

.pod.primary .article-one a.btn.btn-link:before,
.pod.primary .article-two a.btn.btn-link:before,
.article-icon a.btn.btn-link:before{
	display:none;	
}



/* Alternative Pod container
   ----------------------------- */

.alt-pods {background-color:rgba(217, 222, 226,0.2); padding:20px; margin-left:-20px; margin-right:-20px; margin-bottom:34px;}

.alt-pods .article-one {background-color:#fff; padding-bottom:10px; margin-bottom:0px;}

.alt-pods .article-one h3 {display:block; max-width:100%;}

.alt-pods .article-one a.btn {
    margin-left: 20px;
    margin-top: 15px;
}

.alt-pods .span12 h2 {
	margin-top:0px;
}

@media (max-width:767px) {
  .alt-pods .span6 .article-one {
    margin-bottom:20px;
  }

  .alt-pods .span6:last-child .article-one {
  margin-bottom:0px;
}
}
	
/* WELLS
   ============================= */		
	.well,
	.well.light-purple{
		background-color:rgba(217, 222, 226,0.2);
	}

.well.my-review-cta,
.well.standard-purple-cta{
		background-color:rgba(217, 222, 226,0.2)!important;
	}

.well h2, .well .h2 {
	line-height:1.45;
}
	
	.well a.btn:last-child,
	.well p:last-child{
		margin-bottom:0px
	}

.well h2:first-of-type,	
.well h3:first-of-type {
	margin-top:0px;
}


.well p.tel {
	font-weight:500;
	margin-bottom:0.5em;
}


/* ACTION PANELS
   ============================= */


.skipton-link-action-panel {
	background-size:40%;
}

.skipton-link-action-panel .content {
    padding: 20px 20px!important;
}

.skipton-link-action-panel .content h3 {
	margin-top:0px;
}

.skipton-link-action-panel .content p {
	color:#fff;
}

.webchat-action-panel .content {
    background-color: RGBA(217,230,239,1)!important;
}

.webchat-action-panel h2 {
	margin-top:0px;
}

/* NEED HELP PANEL */

.alt .need-help-panel {
	background: rgba(217, 229, 235,0.5);	
}

.alt .need-help-panel p.phone-number span.number {
	font-weight:500;
}

.alt .need-help-panel .btn.pull-right {
	float:left;
}

.alt .need-help-panel i.phone {
	display:none;
}




/* LINK CLUSTERS
   ============================= */

.linkCluster.link-cluster-three  h3 {
	margin: 10px 0;
	background-color:transparent;
	padding:0px;
}

.linkCluster.link-cluster-three ul.link-cluster {
    border-bottom: 1px solid #ddd;
    list-style-type: none;
    margin-left: 0;	
}

.linkCluster.link-cluster-three ul.link-cluster li {
	margin: 0;
    padding: 10px 0 10px 0px;
    border-top: 1px solid #ddd;
    background-position: left 11px;
    background-repeat: no-repeat;
	border-bottom:none;
}

.linkCluster.link-cluster-three ul.link-cluster li a {
    line-height: 21px;
    text-decoration: none;
	padding:0px;
	background:none;
}

.linkCluster.link-cluster-three ul.link-cluster li a span {
	margin-left: 35px;
}

.linkCluster.link-cluster-three ul.link-cluster li a i {
	width:28px;
}

/* INFO PANELS 
   ============================= */	

.message-wrapper .message.regulatory-message {
	margin-top: 34px; 
}

.message.regulatory-message {
	background-color:rgba(217, 229, 235,0.5);
	padding:20px;
}

i.brown {
	background-color:#287793;
}
	
/* WARNING MESSAGES
   ============================= */	
/*changed to lowercase LS 24/04/20*/
.message.warning-message,
p.mortgage-warning {
    text-align: center;
    text-transform: none!important;
    font-weight: 500;
    padding: 0.75em 1em;
    /*border: 1px solid #D9DEE2;*/
    border: 2px solid #ccc;
    font-size: 16px;
    background-color: #fff;
    line-height: 1.45;
}
	
	
.message.fs-warning-message {
    background-color:transparent;
    font-weight: 500;
    padding: 0.75em 1em;
    /*border: 1px solid #D9DEE2;*/
    border: 2px solid #ccc;		
}	

.message.fs-warning-message p {
    font-size:16px;
    font-weight: 500;		
}
	
	
/* COLLAPSIBLE PANEL / ACCORDION
   ============================= */	

.accordion-wrapper {
	border-top: 1px solid #C2C3CA;
}

.alt .accordion,
.accordion {
    margin: 0;
	border-top: 1px solid #C2C3CA;
	border-bottom: 1px solid #C2C3CA;
}

/* Remove multiple borders when more than one accordion */

.alt .accordion ~ .alt .accordion,
.accordion ~ .accordion {	
	border-top: none;
}

.alt .accordion-heading .accordion-toggle h3 {
	font-weight:500;
	font-size:1.563rem;
}

.alt .accordion-group,
.accordion-group {
    border-width: 0px;
    border-radius: 0px;
    margin-bottom: 0px;
	
}

.alt .accordion-heading .accordion-toggle,
.accordion-heading .accordion-toggle {
	min-height: 1rem;
    line-height: 1.5;
    padding: 20px 45px 20px 10px;
    border-bottom:0px;
    font-size: 1.2rem;
    background: #fff;
	position:relative;
	font-family:"Roboto";
	font-weight:500;
	color:#56227D;	
}

.alt .accordion-heading .accordion-toggle:hover,
.accordion-heading .accordion-toggle:hover,
.alt .accordion-heading .accordion-toggle:focus,
.accordion-heading .accordion-toggle:focus{
	text-decoration:underline;
}


.alt .accordion-heading .accordion-toggle:after,
.alt .accordion-heading .accordion-toggle:before,
.accordion-heading .accordion-toggle:after,
.accordion-heading .accordion-toggle:before {
	position:absolute;
	top: 20px;
    font-size: 28px;
    right: 10px;
	-webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.alt .accordion-heading .accordion-toggle:before,
.accordion-heading .accordion-toggle:before {
	content:"add_circle_outline";
	-ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
	color:#017ACD /*#0D7BC6 */;
	width: auto;
    height: auto;
    border: 0px;
    background: none;
	margin:0px;
}

.alt .accordion-heading .accordion-toggle.collapsed:before,
.accordion-heading .accordion-toggle.collapsed:before {
	color:#56227D;
		content:"add_circle_outline";
	-ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
	width: auto;
    height: auto;
    border: 0px;
	margin:none;	
    background: none;
	
}

.alt .accordion-inner,
.accordion-inner {
	padding:10px 10px 20px;
}

.accordion-heading a::before {
	background:none;
}

.alt .accordion-inner {
	background-color:transparent;
}

.product-apply-section.accordion-group {
	border-bottom: 1px solid #C2C3CA;
}

.product-apply-section.accordion-group:last-child {
	border-bottom:none;
}

/* TABS - FLOATING
   ============================= */	

.nav-tabs>li>a {
	background: rgba(217, 229, 235,0.75);
    border: none;
    margin: 0px 1px;
    border-radius: 10px 10px 0px 0px;
    color: #56227D;
	border-bottom:1px solid #C2C3CA;
	margin-top: 1px;
}

.nav-tabs>li>a:hover, 
.nav-tabs>li>a:focus {
	text-decoration: underline;
    background: rgba(217, 229, 235,0.4);
	border-bottom:1px solid #C2C3CA;
}

.nav-tabs>.active>a, 
.nav-tabs>.active>a:hover, 
.nav-tabs>.active>a:focus {
	color: #333;
    background: #fff;
    border: 1px solid #C2C3CA;
    border-bottom-width: 0;
    margin-top: 0;
    padding-top: 11px;
    padding-bottom: 10px;
	border-radius:10px 10px 0px 0px;
	text-decoration:none;
	opacity:1;
}


/* TABS - FULL WIDTH
   ============================= */	

.full-width-tabs > ul.nav.nav-tabs {
	margin-top:30px;
    display: flex;
}

.full-width-tabs > ul.nav.nav-tabs > li {
    float: none;
    display: flex;
    flex: 1;
    width: 100%;
    padding-right: 0px;
    min-height: 100%;
	border-bottom:1px solid #C2C3CA;
	box-sizing: border-box;
    overflow: hidden;	
	margin-bottom:-1px;
}

.full-width-tabs>ul.nav.nav-tabs>li>a {
	padding:13px 14px 9px;
}

.savings-section .full-width-tabs > ul.nav.nav-tabs.nav-stacked>li:first-child>a,
.full-width-tabs > ul.nav.nav-tabs > li > a {
	background:rgba(217, 229, 235,0.75);
	border:none;
	margin:0px 2px;
	border-radius:10px 10px 0px 0px;
	color:#56227D;
	    flex: 1;
	font-size:1rem;
}




.full-width-tabs > ul.nav.nav-tabs > li.active {
		border:1px solid #C2C3CA;
		border-bottom-color:transparent;	
	border-radius: 10px 10px 0px 0px;
}

.savings-section .full-width-tabs > ul.nav.nav-tabs.nav-stacked>li.active:first-child > a,
.full-width-tabs > ul.nav.nav-tabs > li.active > a {
	background:#fff;
	border:none;
	box-shadow:none;
	text-shadow:none;
	color:#333;
	padding: 12px 0px 9px;
	margin:0px;
}

.savings-section .full-width-tabs > ul.nav.nav-tabs.nav-stacked>li:first-child>a:hover,
.full-width-tabs > ul.nav.nav-tabs > li > a:hover,
.savings-section .full-width-tabs > ul.nav.nav-tabs.nav-stacked>li:first-child>a:focus,
.full-width-tabs > ul.nav.nav-tabs > li > a:focus{
	text-decoration:underline;
		background:rgba(217, 229, 235,0.4);
}



.tabbable .tab-content,
.tabbable #tab-content{
    margin: 2rem 0px 34px;
	padding:0px;
    border: 0;
    border-top: 0px;
    min-height: 200px /*required when a loading timer is used i.e. product tabs */;
}

.tabbable.verticalTabContainer .tab-content {
	margin-top:0px;
	padding-top:0px;
}

/*.tabbable .tab-content *:first-child {
	margin-top:0px;
}*/

.tabbable .tab-content .tab-pane *:last-child {
	margin-bottom:0px;
}


/* BRANCH FINDER
   ============================= */	

#pnlbranchSearch {
	margin-bottom:0px;
}

#pnlbranchSearch > .row-fluid > .span8 {
	width:100%;
} 

#pnlbranchSearch > .row-fluid > .span8 > div,
#pnlbranchSearch > .row-fluid > .span8 > p{
	display:inline-block;
	vertical-align:middle;
	margin-bottom:0px;
}

#pnlbranchSearch > .row-fluid > .span8 > div.input-append {	
	margin-right:10px;
}

#pnlbranchSearch > .row-fluid > .span8 > div.input-append .btn,
#pnlbranchSearch > .row-fluid > .span8 > p button{
	margin-bottom:0px;
}

#pnlbranchSearch > .row-fluid > .span8 > *:last-child {
	float:right;	
}

#pnlbranchSearch #nearestBranches.span3{
	display:none;
}

#searchResultsAddress {
	    border-top: 1px solid #ddd;
}

#branchDetails .branch-search-result {
    margin: 10px 0 10px;
    padding: 10px 0 10px;
	border-top:0px;
    border-bottom: 1px solid #ddd;
}

#branchDetails > .branch-search-result h2 {
	margin-top:0px;
	font-size: 1.563rem;
	font-weight: 500;
}

/* NOT SURE WHY I DID THIS. BEST KEEP AN EYE OUT ... */

.pod h3:after {
    content: "";
    display: block;
    background-color: rgba(0,0,0,0.1);
    height: 2px;
    width: 60%;
	max-width:160px;
    margin-top: 10px;
}

#branchDetails > .branch-search-result > *:empty,
#branchDetails > .branch-search-result br {
	display:none;
}

#branchDetails > .branch-search-result > .span4.dl-horizontal {
	margin-left:0px;
}

#branchDetails > .branch-search-result > .span4 h3 {
	margin-top:0px;
	    font-size: 1.25rem;
}

#branchDetails .branch-search-result dl.dl-horizontal dt {
	font-weight:500!important;
}


/*Hero carousel pagination styling added by LS*/

.hp-banner .hero-carousel {
   padding-bottom: 35px !important; 
}

.carousel-indicators {
   bottom: 0!important;
   right: 0 !important;
   left: 0 !important;
   text-align: center !important;
   top: auto !important;
}

.carousel-indicators li {
    float: none !important;
    display: inline-block !important;
    background-color: #FFF;
    border: 1px solid #56227D;
    box-sizing: border-box;
}

.carousel-indicators li.active {
  background-color: #56227D !important;
}

       .fa-disclaimer {
       border: 1px solid #ddd;
       padding:15px;
margin-bottom:10px;
}

       .fa-disclaimer h5 {
     margin-bottom:5px;
}

       .fa-disclaimer p {
      font-size:16px!important;
      line-height:1.45;
       }

       .fa-disclaimer *:first-child { 
     margin-top:0px;
} 

       .fa-disclaimer *:last-child {
      margin-bottom:0px;
}

/*Brand release fixes - 05/12/18 - added by MM*/

.well.expert footer, .so-product-comparison p, .hero-carousel .carousel-caption a.btn, a.no, a.cxa-banner span, .my-review-cta span.no, .proof-points .feature span, .verticalTabContainer.tabs-left>div>ul.nav.nav-tabs>li>a, .cta .monthly-interest p span, .cta .annual-interest p span, dl.phone-numbers dt, .important-info-panel h3, .important-info-panel h3.h4, .pull-out p{
font-weight: 500 !important;
}
@media screen and (max-width: 768px){
.cta p{font-weight: 500!important;}
}
.hp-banner .hero-carousel .carousel-caption a.btn::after, .hero-carousel .carousel-caption a.btn::after{
top: 24px;
}

.hp-banner .hero-carousel .carousel-caption a.btn:hover:after{
right: 10px;
}

    .well.expert {
    background-color: transparent;
    color: #3f3f3f;
    }
    .well.expert h3 {
    color: #3f3f3f;
    }
    .well.expert img {
    margin: 0px auto 30px;
    max-width: 80%;
    display:block;
    }
    .well.expert blockquote {
    border-left:0px;
    padding:0px;
    position:relative;
    quotes: "\201C""\201D""\2018""\2019";
    margin:0px;
    }
    .well.expert blockquote p {
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    padding-right: 10px;
    }
    .well.expert blockquote:before {
    content: "\201C";
    color: #D9E5EB;
    font-size: 80px;
    position: absolute;
    top: 0px;
    left: -10px;
    z-index: 1;
    font-family: georgia;
    display: block;
    width: 80px;
    }
    .well.expert blockquote:after {
    content: "\201d";
    color: #D9E5EB;
    font-size: 80px;
    position: absolute;
    bottom: -30px;
    right: -50px;
    z-index: 1;
    font-family: georgia;
    display: block;
    width: 80px;
    }
    .well.expert footer {
    margin-right:50px;
    padding-top: 0px;
    color: #3f3f3f;
    background: none;
    font-weight: 700;
    margin-top: 10px;
    }
    @media (min-width:768px) {
    .span8 .well.expert,
    .span9 .well.expert,
    .span12 .well.expert
    {
    min-height:151px;
    }
    .span8 .well.expert h3,
    .span9 .well.expert h3,
    .span12 .well.expert h3 {
    margin-left: 190px;
    }
    .span8 .well.expert img,
    .span9 .well.expert img,
    .span12 .well.expert img {
    float: left;
    height: 150px;
    margin-right:20px;
    margin-top: -10px;
    margin-bottom:20px;
    }
    .span8 .well.expert blockquote,
    .span9 .well.expert blockquote,
    .span12 .well.expert blockquote {
    margin-top:10px;
    margin-left:190px;
    }
    .span8 .well.expert blockquote:before,
    .span9 .well.expert blockquote:before,
    .span12 .well.expert blockquote:before
    {
    left: -35px;
    top:-35px;
    }
    .span8 .well.expert footer,
    .span9 .well.expert footer,
    .span12 .well.expert footer {
    margin-left:190px;
    }
    }


.well.expert blockquote:before{
top: -35px !important;
}

.well.expert blockquote:after{
bottom: -70px !important;
}

@media (min-width: 768px){
.span8 .well.expert blockquote:before, .span9 .well.expert blockquote:before, .span12 .well.expert blockquote:before {
top: -35px !important;
}


.well.expert blockquote:after{
bottom: -90px !important;
}
}

.cta-band h2{color: #FFF;}
.cta-band .span7.cta a span{font-weight: 500;}

@media (max-width: 767px){
.well.expert blockquote:before{
top: -45px !important;
}
.accordion-heading a.accordion-toggle h3, .accordion-heading a.accordion-toggle h4{
width: 90%;
display: block;
}
} 

.product-apply-section ul.pdf li{ font-size: 1em; }


div#column3 a, div.column3 a { width: 100%; }

.afford-quick-calc .well { background: #f5f5f5; }

#SavingsCalculatorDisplay #btnCalculateSavings, 
#SavingsCalculatorDisplay #btnClear { border-radius: 40px !important; padding-right: 12px; }


.accordion-group { border-bottom: 1px solid #c2c3ca; }
.accordion { border-bottom: 0; }

.open-banking.action-panel .content{background-color: rgba(217, 222, 226,0.2) !important;}

.header.rate-header .rate-panel a.btn-primary{
    border-radius: 40px!important;
    font-weight: 500;
	margin:0px;
	
}

.cta.savings-cta a.btn-primary{ 
	background:#E5E468;   
    border-radius: 40px!important;
    font-weight: 500;
    padding: 16px 40px 16px 30px;
}

.cta.savings-cta .monthly-interest p, 
.cta.savings-cta .annual-interest p {
font-size:18px;
	font-weight:500;
	margin-bottom:20px;
}

.cta.savings-cta .monthly-interest p span, 
.cta.savings-cta .annual-interest p span {
		font-size:1.5em;
	line-height:1;
	
}

/* FIx to remedy incorrectly placed span on single application CTA */

.cta.savings-cta .span12 .monthly-interest p, 
.cta.savings-cta .span12 .annual-interest p {
font-size:1.5em;
	font-weight:500;
	margin-bottom:20px;
}

.cta.savings-cta .span12 .monthly-interest p span, 
.cta.savings-cta .span12 .annual-interest p span {
		font-size:18px;
	line-height:1;
	
}


/* FIX to remedy different size text in non-tiered savings accounts */

.not-tiered .header.rate-header .rate-panel h2 {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 1.25rem;
    margin-top: 0px;
}

.not-tiered .header.rate-header .rate-panel h2 span {
    font-size: 75px;
    font-weight: 500;
    display: block;
}

@media (max-width: 767px){
.not-tiered .header.rate-header .rate-panel h2 span {
    font-size: 55px;
}
}


/* FIX to address incorrect text size in CTA on tiered products with just monthly or annual, not both. Add class of "single-interest"  - Aug 2019. DP */

.single-interest .cta.savings-cta .span12 .monthly-interest p, 
.single-interest .cta.savings-cta .span12 .annual-interest p {
	font-size: 18px;
}

.single-interest .cta.savings-cta .span12 .monthly-interest p span, 
.single-interest .cta.savings-cta .span12 .annual-interest p span {
	font-size:1.5em;
}

/* END FIX */

.header.rate-header .heading-panel h1{
text-align: left !important;
}

@media (max-width: 767px){
.accordion.mobile-products a.accordion-toggle{
background: rgba(217, 229, 235,0.8);
}
}

.dl-horizontal.phone-numbers dt, .dl-horizontal.phone-numbers dd{margin-bottom: 10px;}


/*New central pods*/


.central-pods { text-align: center; }

.central-pods .article-one a.btn.btn-link, 
.central-pods .article-two a.btn.btn-link, 
.central-pods .article-icon a.btn.btn-link {
    border: none;
    padding: 0 0 0 24px;
    margin-right: 0;
}


.central-pods .article-one a.btn.btn-link:after, 
.central-pods .article-two a.btn.btn-link:after, 
.central-pods .article-icon a.btn.btn-link:after {
    display: none;
}

.central-pods .article-one a.btn.btn-link:before, 
.central-pods .article-two a.btn.btn-link:before, 
.central-pods .article-icon a.btn.btn-link:before {
    content: "";
    display: block; 
    background-image: url(/Components/Client/img/icons/purple-arrow-15.png);    
    width: 15px;
    height: 15px;
    position: absolute;
    top: 50%;
    left: 0px;
    margin-top: -0.48em;
}



.central-pods .article-one img, 
.central-pods .article-two img, 
.central-pods .article-icon img {
   margin: 0 auto!important;
}


.central-pods.svg .article-one img, 
.central-pods.svg .article-two img, 
.central-pods.svg .article-icon img {
   max-width: 130px;
}

.central-pods.svg.brandicon-medium .article-one img, 
.central-pods.svg.brandicon-medium .article-two img, 
.central-pods.svg.brandicon-medium .article-icon img {
max-width: 95px;
}

.central-pods .article-one h3 { 
   max-width: 100%; 
   padding-left: 0; 
   padding-right: 0; 
}


/*Central aligned article icon - less than 3 lines of copy in parargraph*/

.text-center .article-icon .content img {
	left: 0;
	right: 0;
	margin: 0 auto;
}

.text-center .article.article-icon .text-right { 
	text-align:center; 
}

.text-center .article.article-icon h3:after { 
	display: none; 
}


/*------------------------------------------------ New Summary Box --------------------------------------*/

@media (max-width:767px) {
.summary-box {
    padding: 10px;
}	
	
	.summary-box table.table,
	.summary-box table.table thead:first-child tr:first-child th, 
	.summary-box table.table thead tr th:first-child,
	.summary-box .table tr th, 
	.summary-box .table tr td{
	font-size: 12px;
    line-height: 1.2;
	}
	
	.summary-box .table tr th, .summary-box .table tr td {
		padding: 10px 5px;
	}
}



/*------------------------------------------------ UNIFORM CALL TO ACTION - CONTAINER --------------------------------------*/


.ucta-container.standard-cta {
background-color:rgba(217, 230, 239,0.25);
padding:0px 20px 40px;
text-align:center;
margin-top:20px;
margin-bottom:40px;
}

.ucta-container.standard-cta > h3,
.ucta-container.standard-cta > h2 {
margin-top:0px;
}

.ucta-container.standard-cta > h2 {
    margin-bottom: 0px;
    display: inline-block;
    padding: 10px 30px;
    background-color: #58227D;
    position: relative;
   top:-20px;
    color: #fff;
}

.ucta-container.standard-cta > p {
font-weight:500;
}

/*------------------------------------------------ UNIFORM CALL TO ACTION - GLOBAL PANEL STYLING --------------------------------------*/

.ucta-container.standard-cta .ucta-section {
padding-top:100px;
background-size:100px 100px;
background-position:top center;
background-repeat:no-repeat;
}

.ucta-container.standard-cta .ucta-section h3,
.ucta-container.standard-cta .ucta-section h4 {
margin-bottom:0.25em;
margin-top:0.5em;
}

.ucta-container.standard-cta .buttons,
.ucta-container.standard-cta .branchlocator,
.ucta-container.standard-cta .number {
margin-bottom:10px;
}

.ucta-container.standard-cta .row-fluid:not(:first-child) .span12 {
	margin-top: 34px; 
}

/*------------------------------------------------ UNIFORM CALL TO ACTION - DEFINE BACKGROUND IMAGES --------------------------------------*/ 

.ucta-container.standard-cta .ucta-section.online-icon {
background-image:url(/~/media/skipton-co-uk/images/icons/CTA/CTA-100x100-02-online.ashx);
}

.ucta-container.standard-cta .ucta-section.docs-icon {
background-image:url(/~/media/skipton-co-uk/images/icons/CTA/CTA-100x100-pack.ashx);
}

.ucta-container.standard-cta .ucta-section.branch-icon {
background-image:url(/~/media/skipton-co-uk/images/icons/CTA/CTA-100x100-12-branch.ashx);
}

.ucta-container.standard-cta .ucta-section.callback-icon {
background-image:url(/~/media/skipton-co-uk/images/icons/CTA/CTA-100x100-callback.ashx);
}

.ucta-container.standard-cta .ucta-section.phone-icon {
background-image:url(/~/media/skipton-co-uk/images/icons/CTA/CTA-100x100-08-phone.ashx);
}

.ucta-container.standard-cta .ucta-section.email-signup-icon {
background-image:url(/~/media/skipton-co-uk/images/icons/CTA/CTA-100x100-emailsignup.ashx);
}

.ucta-container.standard-cta .ucta-section.post-icon {
    background-image: url(/~/media/skipton-co-uk/images/icons/CTA/CTA-100x100-post.ashx);
}

.ucta-container.standard-cta .ucta-section.view-products-icon {
background-image:url(/~/media/skipton-co-uk/images/icons/CTA/CTA-100x100-products.ashx);
}

.ucta-container.standard-cta .ucta-section.webchat-icon {
background-image:url(/~/media/skipton-co-uk/images/icons/CTA/CTA-100x100-webchat.ashx);
}

.ucta-container.standard-cta .ucta-section.mpf-icon {
    background-image:url(/~/media/skipton-co-uk/images/icons/CTA/CTA-100x100-mpf.ashx);
}

.ucta-container.standard-cta .ucta-section.fax-icon {
    background-image:url(/~/media/skipton-co-uk/images/icons/CTA/CTA-100x100-fax.ashx);
}

.fa-section .ucta-container.standard-cta .ucta-section.fax-icon {
    background-image:url(/~/media/skipton-co-uk/images/icons/CTA/CTA-100x100-fax_FA.ashx);
}

.fa-section .ucta-container.standard-cta .ucta-section.mpf-icon {
    background-image:url(/~/media/skipton-co-uk/images/icons/CTA/CTA-100x100-mpf_FA.ashx);
}

.fa-section .ucta-container.standard-cta .ucta-section.online-icon {
background-image:url(/~/media/skipton-co-uk/images/icons/CTA/CTA-100x100-02-online_FA.ashx);
}

.fa-section .ucta-container.standard-cta .ucta-section.docs-icon {
background-image:url(/~/media/skipton-co-uk/images/icons/CTA/CTA-100x100-pack_FA.ashx);
}

.fa-section .ucta-container.standard-cta .ucta-section.branch-icon {
background-image:url(/~/media/skipton-co-uk/images/icons/CTA/CTA-100x100-12-branch_FA.ashx);
}

.fa-section .ucta-container.standard-cta .ucta-section.callback-icon {
background-image:url(/~/media/skipton-co-uk/images/icons/CTA/CTA-100x100-callback_FA.ashx);
}

.fa-section .ucta-container.standard-cta .ucta-section.phone-icon {
background-image:url(/~/media/skipton-co-uk/images/icons/CTA/CTA-100x100-08-phone_FA.ashx);
}

.fa-section .ucta-container.standard-cta .ucta-section.email-signup-icon {
background-image:url(/~/media/skipton-co-uk/images/icons/CTA/CTA-100x100-emailsignup_FA.ashx);
}

.fa-section .ucta-container.standard-cta.offline-savings .ucta-section.post-icon {
    background-image: url(/~/media/skipton-co-uk/images/icons/CTA/CTA-100x100-post_FA.ashx);
}

.fa-section .ucta-container.standard-cta .ucta-section.view-products-icon {
background-image:url(/~/media/skipton-co-uk/images/icons/CTA/CTA-100x100-products_FA.ashx);
}

.fa-section .ucta-container.standard-cta .ucta-section.webchat-icon {
background-image:url(/~/media/skipton-co-uk/images/icons/CTA/CTA-100x100-webchat_FA.ashx);
}

/*------------------------------------------------ UNIFORM CALL TO ACTION - BUTTON PANEL --------------------------------------*/

.ucta-container.standard-cta .buttons a.btn {
margin: 0px 5px 10px 5px;
vertical-align:top;
}


/*------------------------------------------------ UNIFORM CALL TO ACTION - BRANCH PANEL --------------------------------------*/

.ucta-container.standard-cta .ucta-section.branch .input-append .btn {
margin-bottom:0px;
}

/*------------------------------------------------ UNIFORM CALL TO ACTION - PHONE PANEL --------------------------------------*/

.ucta-container.standard-cta .number a {
font-size:25px;
line-height:1.25;
}


/* Opening Times */

.ucta-container.standard-cta .dl-horizontal.opening-times {
margin-bottom:0px;
margin-top:1.3em;
}

.ucta-container.standard-cta .dl-horizontal.opening-times dd {
    text-align: left;
    display: inline-block;
    margin-left: 0px;
    width: 55%;
    vertical-align: middle;
    padding: 1px 5px;
    box-sizing: border-box;
    float:none;
}

.ucta-container.standard-cta .dl-horizontal.opening-times dt {
    font-weight: normal;
    text-align: right;
    width: 45%;
    display: inline-block;
    float: none;
    vertical-align: middle;
    padding: 1px 5px;
    box-sizing: border-box;
}

/* Hide opening times with no-times class */

.ucta-container.standard-cta .no-times .dl-horizontal.opening-times {
display:none;
}

/*------------------------------------------------ UNIFORM CALL TO ACTION - GENERAL RESPONSIVE STYLES --------------------------------------*/

@media (max-width:979px) {

 .span4 .ucta-section.branch .input-append input {
     width:150px;
float:none;
}
}

@media (max-width:767px) {

.span12 > .ucta-container.standard-cta {
margin-right:-20px;
margin-left:-20px;
}

.ucta-container.standard-cta .ucta-section {
    padding-top: 10px;
    padding-left: 90px;
    background-size: 70px 70px;
    background-position: top left;
    background-repeat: no-repeat;
}

.ucta-container.standard-cta .ucta-section h3 {
margin-top:0px;
}

.ucta-container.standard-cta .ucta-placeholder {
max-width:400px;
margin:auto;
text-align:left;
}

.ucta-container.standard-cta .buttons a.btn {
margin-left:0px;
}

.ucta-container.standard-cta .buttons a.btn:last-child {
margin-bottom:0px;
}

.ucta-container.standard-cta .buttons,
.ucta-container.standard-cta .branchlocator,
.ucta-container.standard-cta .number {
margin-bottom:0px;
}

.ucta-section {
margin-bottom:40px;
}

.ucta-placeholder > div > div:last-child > .ucta-section {
margin-bottom:0px;
}

.ucta-container.standard-cta .buttons a.btn {
margin: 0px 5px 5px 0px;
}

.ucta-placeholder .ucta-section.branch .input-append input {
width:100px;
}

.ucta-container.standard-cta .dl-horizontal.opening-times dt {
text-align:left;
}
}


/*------------------------------------------------ UNIFORM CALL TO ACTION - 2 COLUMN ADJUSTMENTS --------------------------------------*/

@media (min-width:980px) {
.ucta-container.standard-cta .span6:first-child > .ucta-section,
	.ucta-container.standard-cta .span6:first-child > .rich-section{
 margin-left:20%;
}
.ucta-container.standard-cta .span6:last-child > .ucta-section,
	.ucta-container.standard-cta .span6:last-child > .rich-text{
 margin-right:20%;
}
}

/*------------------------------------------------ UNIFORM CALL TO ACTION - 1 COLUMN ADJUSTMENTS --------------------------------------*/

@media (min-width:768px) {
.span12 > .ucta-container.standard-cta .span12 > .ucta-section {
    width: 70%;
    margin-left: 15%;
}
	
.ucta-container.standard-cta .span12 > .ucta-section.button .buttons a.btn:first-child {
	margin-left:0px;
	}
}

/*------------------------------------------------ UNIFORM CALL TO ACTION - OFFLINE PRODUCT ADJUSTMENTS --------------------------------------*/

.ucta-container.standard-cta.offline-savings .rich-text h2#title,
.ucta-container.standard-cta.offline-savings .rich-text h3#subTitle {
display:none;
}

.ucta-container.standard-cta.offline-savings .ucta-section.phone {
margin-bottom:10px;
}

@media (max-width:767px) {
.ucta-container.standard-cta.offline-savings .ucta-section ~ .rich-text {
    padding-left: 90px;
    margin-bottom:40px;
}
}

/*------------------------------------------------ Edits made by MM - mobile first classes --------------------------------------*/

.mobile-first .nav-tabs>li {
    margin-bottom: -1px;
    width: 50%;
    text-align: center; 
}

.summary-table tr td ul li a{display: inline-block;}


/*------------------------------------------------ Roundel List --------------------------------------*/

 body {
   counter-reset: item;
 }
 ol.number-list {
   list-style: none;
   margin-left: 40px;
   margin-bottom: 20px; 
 }
 ol.number-list li {
   counter-increment: item;
   margin-bottom: 20px;
 }
 ol.number-list li:before {
   margin-right: 10px;
   margin-left: -40px;
   content: counter(item);
   background: #56227D;
   border-radius: 100%;
   color: white;
   font-size: 15px;
   width: 20px;
   text-align: center;
   display: inline-block;
   padding: 5px;
   position: absolute;
   margin-top: -3px;
 }


/*------------------------------------------------ New Pods --------------------------------------*/

.pod .article-one img, .article-one img {
    margin-bottom: 0!important; 
    display: inline-block;
}

.pod .article-one a.btn.btn-link, .article-one a.btn.btn-link {
    margin-left: 20px!important; 
}

.article-one .text-right a.btn.btn-link {
	margin-left: 0!important;
}

.pod .article-one h3, .article-one h3 {
    background-color: transparent;
	display: block; 
	max-width: 100%;
}

.pod.text-center h3:after {
   margin-left: auto;
   margin-right: auto;
}

.pod.text-right h3:after {
   margin-left: 40%; 
}

.pod.powder-blue {
   background: #D9E6EF;
}

.pod.warm-grey {
   background: rgba(217, 222, 226, 0.4);
}

.pod.denim-blue {
   background: #287793;
}

.pod.purple {
   background: #56227D;
}

.pod.winter-berry {
   background: #B81570;
}

.pod.denim-blue, .pod.purple, .pod.winter-berry, .pod.denim-blue h3, .pod.winter-berry h3, .pod.purple h3, .pod.denim-blue h3 a, .pod.purple h3 a, .pod.winter-berry h3 a, 
.pod.denim-blue p, .pod.purple p, .pod.winter-berry p, .pod.denim-blue a.btn.btn-link, .pod.purple a.btn.btn-link, .pod.winter-berry a.btn.btn-link  {
   color: #fff;
}

.pod.denim-blue h3:after, .pod.purple h3:after, .pod.winter-berry h3:after { background: rgba(255,255,255,0.3); }

.pod.denim-blue a.btn.btn-link, .pod.purple a.btn.btn-link, .pod.powder-blue a.btn.btn-link, 
.pod.winter-berry a.btn.btn-link, .pod.warm-grey a.btn.btn-link   { margin-bottom: 20px; }

.pod.denim-blue a.btn.btn-link, .pod.purple a.btn.btn-link, .pod.winter-berry a.btn.btn-link  { border-color: #fff; }

/*icon pods*/

.pod.pod-icon .article-one img {
    width: auto;
    padding: 20px 20px 0 20px; 
    max-width: 100%;
	height: 120px;
	max-height: 120px;
	box-sizing: border-box;
}

.pod.pod-icon.extra-large-icon .article-one img {
   height: 180px;
   max-height: 180px;
}

.pod.pod-icon.large-icon .article-one img {
   height: 150px;
   max-height: 150px;
}

.pod.pod-icon.small-icon .article-one img {
   height: 90px;
   max-height: 90px;
}

.pod.pod-icon.v-small-icon .article-one img {
   height: 80px;
   max-height: 80px;
}

.pod.pod-icon.text-center .article-one img {
    margin: 0px auto 0px!important;
}

.pod.pod-icon.text-right .article-one img {
    margin: 0px!important;
}

.article-one small { display: block; }

.central-pods .article-one a.btn.btn-link, 
.central-pods .article-two a.btn.btn-link, 
.central-pods .article-icon a.btn.btn-link {
	margin-left: 0!important; 
}


/*-------------- fix for link cluster with class affordabilit-calculator ---------------*/

.link-cluster-icon.affordability-calculator {
	background-color: transparent;
}


/*-------------- Promo Panel CSS ---------------*/


.promo-panel .content :last-child { 
   margin-bottom: 0; 
}

.promo-panel * {
   box-sizing: border-box;
}

.promo-panel  {
   background: #D9E6EF;
   margin-bottom: 34px; 
   display: flex;
}

.promo-panel.warm-grey {
   background: rgba(217, 222, 226, 0.4);
}

.promo-panel.purple {
   background: #56227D;
}

.promo-panel.blue {
   background: #008EDB;
}

.promo-panel.white {
   background: #FFF;
}

.promo-panel.light-blue {
   background: rgba(217, 230, 239, 0.5);
}

.promo-panel.denim-blue {
   background: #287793;
}

.promo-panel.winter-berry {
   background: #B81570;
}

.promo-panel.purple, .promo-panel.blue, .promo-panel.denim-blue, .promo-panel.winter-berry,
.promo-panel.purple h2, .promo-panel.blue h2, .promo-panel.denim-blue h2, .promo-panel.winter-berry h2, .promo-panel.purple h3, .promo-panel.blue h3, .promo-panel.denim-blue h3, .promo-panel.winter-berry h3, .promo-panel.purple p, .promo-panel.blue p, .promo-panel.denim-blue p, .promo-panel.winter-berry p, .promo-panel.purple .btn-link, .promo-panel.blue .btn-link, .promo-panel.denim-blue .btn-link, .promo-panel.winter-berry .btn-link {
   color: #fff;
}

.promo-panel.warm-grey, .promo-panel.warm-grey h2, 
.promo-panel.warm-grey h3, .promo-panel.warm-grey p {
  color: #575757;
}

.promo-panel.blue p { font-weight: 500; }

.promo-panel.purple .btn-default, .promo-panel.blue .btn-default, 
.promo-panel.denim-blue .btn-default, .promo-panel.winter-berry .btn-default,
.promo-panel.purple .btn.btn-large.silver, .promo-panel.blue .btn.btn-large.silver,
.promo-panel.denim-blue .btn.btn-large.silver, .promo-panel.winter-berry .btn.btn-large.silver {
    background-color: rgba(84, 41, 137,0);
    border-color: rgba(255, 255, 255,1);
    color: rgba(255, 255, 255,1);
}

.promo-panel.purple .btn-default:hover, .promo-panel.blue .btn-default:hover,
.promo-panel.denim-blue .btn-default:hover, .promo-panel.winter-berry .btn-default:hover,
.promo-panel.purple .btn.btn-large.silver:hover, .promo-panel.blue .btn.btn-large.silver:hover,
.promo-panel.denim-blue .btn.btn-large.silver:hover, .promo-panel.winter-berry .btn.btn-large.silver:hover {
    opacity: 0.8;
}

.promo-panel.primary-button .btn-default, 
.promo-panel.primary-button.purple .btn-default, 
.promo-panel.primary-button.blue .btn-default, 
.promo-panel.primary-button.denim-blue .btn-default, 
.promo-panel.primary-button.winter-berry .btn-default, 
.promo-panel.primary-button .btn.btn-large.silver, 
.promo-panel.primary-button.purple .btn.btn-large.silver, 
.promo-panel.primary-button.blue .btn.btn-large.silver, 
.promo-panel.primary-button.denim-blue .btn.btn-large.silver, 
.promo-panel.primary-button.winter-berry .btn.btn-large.silver {
    background: #017ACD!important;
    color: #fff!important;
    border-color: #017ACD!important;
}

.promo-panel.primary-button .btn-default:hover, 
.promo-panel.primary-button.purple .btn-default:hover, 
.promo-panel.primary-button.blue .btn-default:hover, 
.promo-panel.primary-button.denim-blue .btn-default:hover, 
.promo-panel.primary-button.winter-berry .btn-default:hover, 
.promo-panel.primary-button .btn.btn-large.silver:hover, 
.promo-panel.primary-button.purple .btn.btn-large.silver:hover, 
.promo-panel.primary-button.blue .btn.btn-large.silver:hover, 
.promo-panel.primary-button.denim-blue .btn.btn-large.silver:hover, 
.promo-panel.primary-button.winter-berry .btn.btn-large.silver:hover {
    opacity: 0.8;
}


.row-reverse {
   flex-direction: row-reverse;
}

.promo-panel div {
    align-items: stretch;
    /*flex: 1;*/
}

.promo-panel.two-thirds-text .content,
.promo-panel.two-thirds-image .cta-image   {
   /*flex: 2;*/
   width: 65%; 
   min-width: 65%;
}

.promo-panel.two-thirds-text .cta-image,
.promo-panel.two-thirds-image .content   {
   width: 35%;
   min-width: 35%;
}


.promo-panel.half-and-half .content,
.promo-panel.half-and-half .cta-image   {
   /*flex: 2;*/
   width: 50%;
   min-width: 50%;
}

.promo-panel .cta-image img { 
   object-fit: cover;
   width:100%; 
   height:100%;
   width: auto\9;
   height: auto\9;
   object-position: top left;
}

.promo-panel.image-right .cta-image img { 
    object-position: top right;
}

.promo-panel.image-center .cta-image img { 
    object-position: top center;
}

.promo-panel.no-margin {
    margin-bottom: 0px;
}

/*being lazy and flipping with css*/
.promo-panel.flip-image .cta-image img {
    -webkit-transform: scaleX(-1);
     transform: scaleX(-1);
}

/*ie10&11*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

   .promo-panel .cta-image {
      overflow: hidden;
    }

   .promo-panel .cta-image img { 
      width: auto;
      height: 100%; /*may need to adjust this on a case by case basis*/
      max-width: none;
   }
	
   .promo-panel.image-ie-fw .cta-image img { 
      width: 100%;
      height: auto; /*may need to adjust this on a case by case basis*/
      max-width: none;
   }
	
   .promo-panel.image-right .cta-image img { 
      float: right;
   }

}

/*edge13&14*/
@supports (-ms-ime-align: auto) {

   .promo-panel .cta-image {
      overflow: hidden;
    }

   .promo-panel .cta-image img { 
      width: auto;
      height: 100%; /*may need to adjust this on a case by case basis*/
      max-width: none;
   }
	
   .promo-panel.image-ie-fw .cta-image img { 
      width: 100%;
      height: auto; /*may need to adjust this on a case by case basis*/
      max-width: none;
   }

}

.promo-panel .content {
  padding: 40px;
  justify-content: center;
  align-self: center;
}

.promo-panel h3, .promo-panel h2 {
   padding-top: 0;
   margin-top: 0;
}

.legal-info {
    font-size: 12px;
    margin-top: 20px; 
}

@media only screen and (max-width: 767px) {

.promo-panel.two-thirds-text .content,
.promo-panel.two-thirds-text .cta-image,
.promo-panel.two-thirds-image .cta-image, 
.promo-panel.two-thirds-image .content, 
.promo-panel.half-and-half .content,
.promo-panel.half-and-half .cta-image  {
      width: 100%!important;
	  min-width: 100%
}
   .promo-panel, .promo-panel div {
       display: block;
       width: 100%;
   }
   .promo-panel .cta-image img { 
      height: auto!important;
      width: 100%;
      max-width: 100%;

   }
}

@media only screen and (min-width: 767px) {
	
	.promo-panel .content {
	  padding: 60px 40px;
	}
	
}

/*-------------- Central Column CSS ---------------*/

.central-wrapper { 
	float: none!important; 
	margin-left: auto!important; 
	margin-right: auto!important; 
}

/*-------------- Flexbox display ---------------*/
 
.css-flexbox-alternate-rows *{
	box-sizing: border-box
	}

.css-flexbox-alternate-rows .row-fluid {
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: no-wrap;
    width: 100%;
    padding: 20px 0;
    }

.css-flexbox-alternate-rows .row-fluid [class*="span"] {
    padding: 0 20px;
    width: 100%;
    }

.css-flexbox-alternate-rows .row-fluid [class*="span"] img {
	display: block; 
	margin: 0px auto;
	}


@media only screen and (min-width: 767px) {
	.css-flexbox-alternate-rows .row-fluid:nth-child(even) {
    flex-direction: row-reverse;
    }
	
	.css-flexbox-alternate-rows .row-fluid .span9 {
    width: 75%;
    }

	.css-flexbox-alternate-rows .row-fluid .span3 {
    width: 25%;
    }

	.css-flexbox-alternate-rows .row-fluid [class*="span"]{
	float: none;
	}
}

@media only screen and (max-width: 766px){
	.css-flexbox-alternate-rows .row-fluid{
		flex-direction:column;
	}
}


/*-------------- Featured Product Table ---------------*/

.promo-products.white-with-bg {
	padding: 20px; 
	background: rgba(217, 222, 226, 0.4);
	margin-bottom: 40px
}


.promo-products.white-with-bg .product-table tbody tr, .promo-products.white .product-table tbody tr {
	background: #fff;
}

.center-pull-out .product-table tbody tr:nth-child(2) {
    transform: scale(1.1,1.1);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
}

.promo-products h2 { 
	text-align: center; 
}

.promo-products .product-table thead { 
	display: none; 
}

.promo-products .product-table,
.promo-products .product-table tbody,
.promo-products .product-table tbody tr,
.promo-products .product-table tbody tr td,
.promo-products .table.product-table td.rate-cell, 
.promo-products .table.product-table th.rate-cell,
.promo-products .table.product-table tbody tr th,
.promo-products .table.product-table tbody tr th {
	width: 100%!important;
	display: block;
    box-sizing: border-box; 
    background: transparent; 
    text-align: center;
}


.promo-products.four-rates .product-table tbody tr:last-child { 
	display: block!important; 
}

.promo-products.two-rates .product-table tbody tr { 
	display: none; 
}

.promo-products.two-rates .product-table tbody tr:first-child, 
.promo-products.two-rates .product-table tbody tr:nth-child(2) { 
	display: block; 
}

.promo-products .product-table tbody { 
    display: flex; 
}

.promo-products .product-table tbody tr th {
    font-size: 1.5rem;
    line-height: 1.2em;
}

.promo-products .product-table tbody tr { 
    margin: 20px;
    background: #D9E6EF;
    padding: 10px; 
}

.promo-products .product-table tbody td.rate-cell strong,
.promo-products .product-table tbody td.rate-cell b { 
    font-size: 3rem;
    display: block;
    margin-bottom: 20px;
    line-height: 0.75em;
    color: #56227D;
 }

.promo-products .product-table tbody td.rate-cell b { 
   display: inline-block;
}

.promo-products .product-table tbody td:nth-child(3) { 
    padding-top: 0;
 }

.promo-products .product-table tbody td:nth-child(3):before { 
   content: "Save from";
   font-size: 1rem;
 }

.promo-products .product-table tr td:last-child div {
   text-align: center;
}

.promo-products .product-table tr a.btn {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 20px;
    padding-right: 35px;
}

.promo-products .table.product-table td.rate-cell br, 
.promo-products .table.product-table th.rate-cell br { 
    display: none!important; 
}

.promo-products .table.product-table td.rate-cell span br, 
.promo-products .table.product-table th.rate-cell span br { 
    display: block!important; 
}

@media only screen and (max-width: 768px) {

    .promo-products .product-table tbody tr th {
        font-size: 1.2rem;
    }
	
	.promo-products .mobile-products { 
		display: none!important; 
	}

	.promo-products .hidden-phone { 
		display: block!important; 
	} 

	.promo-products.white-with-bg .product-table tbody { 
        /*display: inline-flex; 
          flex-direction: column; */
        display: block; 
		
	}

	.promo-products.white-with-bg .product-table tbody tr { 
		width: 100%!important; 
		margin: 10px 0; 
		flex: 0 0 100%; 
	}

	.center-pull-out .product-table tbody tr:nth-child(2) { 
		order: -1;  
		margin-bottom: 20px;  
		transform: scale(1.05,1.05); 
	}

	.promo-products .product-table tbody td.rate-cell strong, 
	.promo-products .product-table tbody td.rate-cell b { 
		font-size: 2rem; 
    }
    
    .promo-products .product-table tbody { 
        flex-direction: column; 
    }

}

.savings-section .promo-products table.table.product-table td {
    font-size: 16px; 
}


/*Featured Product Table Header Banner*/

.hero-header-wrapper.colour-overlay .header-banner h2:after {
    display: none;
}

.hero-header-wrapper.colour-overlay .header-banner {
    background-size: cover; 
}

.colour-overlay .content {
    margin-left: -50px; 
}

.promo-products.big-overlay {
    margin-top: -180px;
    position: relative;
    z-index: 99;
    margin-left: 0px;
    padding: 20px;
    background: rgba(223, 236, 243, 0.9);
    margin-bottom: 40px;
}

.promo-products.big-overlay table {
   margin-bottom: 0; 
}

.promo-products.big-overlay .rich-text {
    margin-bottom: 0; 
}

.promo-products.big-overlay h2 {
    margin-top: 0.5rem; 
}

@media (max-width: 1300px) {
     .hero-header-wrapper.colour-overlay .header-banner {
          margin: 0px -20px;
          box-sizing: content-box;
          padding-left: 20px;
          padding-right: 20px; 
     }
     .colour-overlay .content {
          margin-left: -20px;
     }
}

@media (max-width: 767px) {

    .promo-products.big-overlay { 
        margin-top: 0; 
    }

    .colour-overlay .content { 
        margin-left: 0; 
    }

    .hero-header-wrapper.colour-overlay .header-banner { 
        margin: 0 -20px;  
        width: auto; 
        min-width: 100%; 
        padding-top: 250px;
    }


    .hero-header-wrapper.colour-overlay, .hero-header-wrapper.colour-overlay .header-banner, 
    .hero-header-wrapper.colour-overlay .header-banner .content-wrapper { 
        display: block;
    }

    .hero-header-wrapper.colour-overlay {
        margin-bottom: -44px; 
    }

    .hero-header-wrapper.colour-overlay .header-banner .content {
        box-sizing: content-box;
        margin-left: -20px; 
    }
     
}

@media (max-width: 380px) {

    .hero-header-wrapper.colour-overlay .header-banner { 
        padding-top: 140px;
    }

}


/* KNOWLEDGE CENTER ARTICLE PULLOUT STYLING - TEMPORARY */

.article-pullout {
    width: 350px;
    margin: 0px 30px 20px;
}

.article-pullout.offset-right {
    float:right;
    margin-right:-200px;
}

.article-pullout.offset-left {
    float:left;
    margin-left:-200px;
}

.article-pullout.offset-right:after,
.article-pullout.offset-left:after {
    display:table;
    clear:both;
    content:"";
}


@media (max-width:1200px) {

.article-pullout.offset-right {
    margin-right:-150px;
}

.article-pullout.offset-left {
    margin-left:-150px;
}

}

@media (max-width:979px) {
.knowledge-centre-article .article-header {
    background-size: cover;
    background-position: 0px -240px;
    height:150px;
}

.article-pullout {
   float:none;
   width:auto;
}
.article-pullout.offset-right,
.article-pullout.offset-left {
    margin-right:0px;
    margin-left:0px;
}
}


/* FA SECTION STYLING */

.promo-panel.fa{
background-color: #CADDDF;
}
.fa-section .promo-panel.orange {
background-color:#b84728;
}

.fa-section .promo-panel.teal {
background-color:rgba(0, 116, 129,1);
}

.fa-section .promo-panel.light-green {
    background-color:rgba(202,221,223,0.25);
}

.fa-section .promo-panel.purple {
    margin-bottom:64px;
}
.fa-section .promo-panel.orange h2,
.fa-section .promo-panel.orange h3,
.fa-section .promo-panel.orange p,
.fa-section .promo-panel.orange li,
.fa-section .promo-panel.orange a.btn.silver,
.fa-section .promo-panel.teal h2,
.fa-section .promo-panel.teal h3,
.fa-section .promo-panel.teal p,
.fa-section .promo-panel.teal li,
.fa-section .promo-panel.teal a.btn.silver,
.fa-section .promo-panel.purple a.btn.silver {
    color:#fff;
}

.fa-section .promo-panel.orange a.btn.silver,
.fa-section .promo-panel.teal a.btn.silver,
cn.fa-section .promo-panel.purple a.btn.silver {
    border-color:#fff;
}

.fa-section .promo-panel.orange a.btn.btn-primary,
.fa-section .promo-panel.teal a.btn.btn-primary {
    border-color:#fff;
    background-color:#fff;
    color:#56227d;
}

.fa-section .pod.light-teal {
    background-color: rgba(177, 210, 216,0.3);
}

.fa-section .pod.light-teal a.btn.btn-link {
    margin-bottom:20px;
}

.fa-section .pod .article-one h3 {
    background-color: transparent;
}

.fa-section .ucta-container.standard-cta {
background-color:rgba(202,221,223,0.5);
}

/* FA KNOWLEDGE CENTRE DIGITAL TWEAKS */
/* reset font weight */
.article-list-flex a.articleLink {
	font-weight:400;
}

/* Change colour of category tab */
.knowledge-centre-article .article-header span.category,
.article-list-flex .article-pod a .article-thumbnail span.category {
	color: #66227D;
    background-color: rgba(255,255,255,0.9);
}

.article-list-flex .article-pod a:hover .article-thumbnail span.category, 
.article-list-flex .article-pod a:focus .article-thumbnail span.category {
	color:#fff;
	background-color: #56227d;
}


@media (max-width: 979px){
.knowledge-centre-article .article-header span.category,
	.article-list-flex .article-pod a .article-thumbnail span.category {
	  font-size:0.8em;
	  padding:5px;
	}
}

/* resize first article thumb */
.article-index .article-list-flex .article-pod:first-child .article-thumbnail {
	width:40%;
}

/* sort image/content sizing */
@media (max-width: 969px) {
	.article-index .article-list-flex .article-pod:first-child .article-thumbnail,
	.article-index .article-list-flex .article-pod:first-child .article-content, 
	.article-list-flex .article-pod a .article-thumbnail {
    width: 100%;
    box-sizing: border-box;
	}
}

/* increase size of image on article page to improve crop */
.knowledge-centre-article .article-header {
	height:250px;
}

@media (max-width: 979px) {
	.knowledge-centre-article .article-header {
        height: 150px;
        background-position: 0px;	
    }
}

/* NEW QUOTE STYLING */

div.line-quote,
div.image-quote {
    padding: 20px 0px;
}

div.line-quote:before,
div.line-quote:after,
div.image-quote:after {
    content: ""; 
    width: 100px; 
    background-color: #542989;
    height: 4px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

div.line-quote:before {
    position: relative;
    top: -20px;
}

div.line-quote:after,
div.image-quote:after {
    position: relative;
    bottom: -20px;
}

div.line-quote blockquote,
div.image-quote blockquote {
    margin-left: 0px;
    padding-left: 0px;
    border-left: none;
    margin-bottom: 10px;
}

div.line-quote blockquote p,
div.image-quote blockquote p {
    font-weight:400;
    color: #56227D;
    line-height: 1.45;
    font-size: 1.25em;
}

div.span4 div.line-quote.text-center blockquote p,
div.span3 div.line-quote.text-center blockquote p,
div.span3 div.image-quote.text-center blockquote p,
div.span4 div.image-quote.text-center blockquote p {
    text-align:left;
}

div.line-quote blockquote :first-child:before,
div.image-quote blockquote :first-child:before {
    content:"\201C";
    font-family: georgia;
    font-size: 2em;
    line-height: 1;
    display: inline-block;
    height: 0.5em;
    vertical-align: text-top;
    margin-right:5px;
}

div.line-quote blockquote p:last-child:after,
div.image-quote blockquote p:last-child:after {
    content:"\201D";
    font-family: georgia;
    font-size: 2em;
    line-height: 1;
    display: inline-block;
    height: 0.5em;
    vertical-align: text-top;
    margin-left:5px;
}

div.line-quote footer,
div.image-quote footer {
    text-align:center;
}

div.line-quote.has-photo footer {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

div.line-quote.has-photo img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 20px;
}

div.image-quote > img {
    border-radius:50%;
    margin-bottom:20px;
    max-width: 150px;
    margin-left:auto;
    margin-right:auto;
    display:block;
}

div.image-quote-container {
    margin-top:90px;
}

div.image-quote-container div.image-quote > img {
    margin-top:-110px;
}

.well.berry div.line-quote blockquote > *,
.well.berry div.image-quote blockquote > *,
.well.purple div.line-quote blockquote > *,
.well.purple div.image-quote blockquote > *,
.well.berry div.line-quote footer,
.well.berry div.image-quote footer,
.well.purple div.line-quote footer,
.well.purple div.image-quote footer {
    color:#fff;
}

.well.berry div.line-quote:before, 
.well.berry div.line-quote:after, 
.well.berry div.image-quote:after,
.well.purple div.line-quote:before, 
.well.purple div.line-quote:after, 
.well.purple div.image-quote:after {
    background-color:#fff;
}

@media (max-width:969px) {
div.line-quote blockquote p,
div.image-quote blockquote p {
    font-size: 16px;
    text-align:left;
}
}

/* Seminar - meet the host block */

.meet-the-host {
    border: 1px solid #eee;
	border-left: none;
	border-right: none;
    padding-top: 34px;
    padding-bottom: 34px;
    margin-bottom: 34px;
}

.meet-the-host + .meet-the-host {
    border-top: none;
    padding-top: 0;
}

.no-border-bottom {
	border-bottom: 0;
	margin-bottom: 0;
}

.no-border-top {
	border-top: 0;
	margin-top: 0;
}

.meet-the-host h2, .meet-the-host h3 {
	margin-top: 0;
}

.meet-the-host img {
    border-radius: 50%;
    max-width: 250px!important;
    border: 1px solid #eee;
    margin: 0px auto;
    display: block;
    margin-bottom: 34px;
}

@media (min-width: 768px) {
  .meet-the-host img {
    max-width: 100%!important;
    margin-bottom: 0px;
  }
}

/* Video - Superceded by CSS added for no cookie*/

/*.video {
	position: relative;
	padding-bottom: 56.25%; 
	padding-top: 25px;
	height: 0;
}
.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}*/


/* SOCIAL MEDIA LINKS */
ul.social {
    list-style-type:none;
    margin-left:0px;
    padding-left:0px;
}

ul.social li a {
    padding-left:45px;
    background-position:left middle;
    background-repeat:no-repeat;
    line-height:35px;
    display:block;
}

ul.social.inline>li {
    margin-bottom:0px;
    padding-left:0px;
    padding-right:10px;
}

ul.social li.facebook a {
    background-image:url(/~/media/skipton-co-uk/images/icons/footer-facebook.ashx);
}

ul.social li.twitter a {
    background-image:url(/~/media/skipton-co-uk/images/icons/Twitter.ashx);
}


/* PRESS OFFICE SPECIFIC STYLING */
.news-article-summary-heading h2 {
	margin-top:0px;
	font-size: 1.563rem;
}

.news-article-summary-heading {
	border-bottom:0px;
}

/*Social Media Panel*/
.social-media-cta a.social-link { 
    display: block; 
    margin-top: 20px;
}

.social-media-cta a.social-link img{
    display: inline-block;
    width: auto;
    height: 32px;
    border: 2px solid transparent;
    background-size: auto 32px;
    margin-right: 10px;
}

/*Alerts*/
.alert {
    background-color:#fff;
    padding:40px 40px 40px 90px;
    border-radius:0px;
    border: 2px solid transparent;
    background-repeat:no-repeat;
    background-position: 27px 40px;
    background-size: 36px;
    color: #575757; 
}
    
.alert p.updated {
    margin-top:1.5em;
}
    
.alert p.updated:before {
    content: "access_time";
    vertical-align: top;
    margin-right: 5px;
    font-size: 1.5em;
}
    
    
    @media(max-width:767px) {
        .alert {
            padding: 70px 20px 20px;
            background-position: 20px 20px;
        }
    }
    
    .alert > *:first-child {margin-top:0px;}
    .alert > *:last-child {margin-bottom:0px;}
    
    .alert p,
    .alert li {max-width:60em;}
    
    .alert.info {
        border-color:#017ACD;
        background-image:url("/~/media/skipton-co-uk/images/icons/alerts/info.png");
    }
    
    .alert.error {
        border-color:#BF2E33;
        background-image:url("/~/media/skipton-co-uk/images/icons/alerts/error.png");
    }
    
    .alert.warning {
        border-color:#E26B00;
        background-image:url("/~/media/skipton-co-uk/images/icons/alerts/warning.png");
    }
    
    .alert.warning.closed {
        border-color:#E26B00;
        background-image:url("/~/media/skipton-co-uk/images/icons/alerts/closed-icon.png");
        padding:40px 40px 40px 120px;
        background-size: 70px;
        background-position: 25px 30px;
    }
    
    .alert.help {
        border-color:#56227D;
        background-image:url("/~/media/skipton-co-uk/images/icons/alerts/help.png");
    }
    
    .alert.success {
        border-color:#1BAA66;
        background-image:url("/~/media/skipton-co-uk/images/icons/alerts/success.png");
    }
    
    @media(max-width:767px) {
        .alert {
            padding: 70px 20px 20px;
            background-position: 20px 20px;
        }
        
        .alert.warning.closed {
            padding:80px 20px 20px;
            background-size: 50px;
            background-position: 20px 20px;
        }
    }

/*Die without a will info block*/
    
ul.flowchart h3 {
    max-width: 30em;
}

ul.flowchart > li {
    margin-bottom: 40px;
}

ul.flowchart > li > ul {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    align-items: stretch;
}

ul.flowchart > li > ul > li {
    flex-basis: 25%;
    max-width: 25%;
    padding:30px 20px;
    box-sizing: border-box;
    background-color: RGBA(223,236,243, 1);
    position: relative;
    margin-bottom: 0px;
}

ul.flowchart > li > ul > li *:last-child {
    margin-bottom: 0px;
}

ul.flowchart>li>ul>li:nth-child(odd) {
    flex-basis: 75%;
    max-width: 75%;
    background-color: RGBA(223,236,243, 0.5);
}

ul.flowchart>li>ul>li:nth-child(even):after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-top-color: RGBA(223,236,243, 1);
    border-width: 30px;
    margin-left: -30px;
    z-index: 2;
}

ul.flowchart>li:last-child>ul>li:nth-child(even):after {
    border: none !important;
    margin: 0 !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
}

strong.h3 {
    display: block;
    margin: 0 0 0.5em;
}

@media (max-width:767px) {
   ul.flowchart > li > ul {
      display: block;
   }

   ul.flowchart > li > ul > li,
   ul.flowchart>li>ul>li:nth-child(odd) {
      max-width: 100%;
  }
}


/*fix to align important information panel to risk warning*/

.info-panel {
    border: 2px solid #ccc!important;
    padding: 15px;
    margin-bottom: 20px;
}
   

/*Image alignment CSS Wrapper*/

.image-center .image img { 
    margin: 0px auto 34px auto;
}

.image-left .image img, .image-right .image img  { 
    display: inline-block; 
}

.image-left .image { 
    text-align: left;
}  

.image-right .image { 
    text-align: right;
}

.image-right a { 
    text-align: left;
}

@media (max-width: 767px) {

    .image-right .image, .image-left .image {
        margin: 0px auto 34px auto;
    }    

}

/*Author for Life & Money*/

aside.author {
    display: flex;
    justify-content: center;
    align-items: center;
}

aside.author > * {
    margin: 0 10px;
}

aside.author img {
    border-radius: 50%;
    width: 70px;
    height: 70px;
}

aside.author .author-details .name {
    font-weight: 500;
}

aside.author .author-details span {
    display: block;
}


/*Video with CSS for No Cookie Image and Alert*/

.video, .video-cookie-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.video iframe, .video-cookie-wrapper .no-cookie {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-cookie-wrapper {
    background: url(/~/media/skipton-co-uk/CSS/img/no-cookie-video-background.ashx) no-repeat;
    background-size: cover;
    background-position: bottom center; 
    position: relative;
}

@media only screen and (max-width: 768px) {
    .video-cookie-wrapper {
        margin-bottom: 34px; 
    }
}

@media only screen and ( max-width: 472px) {
    .video-cookie-wrapper {
        min-height: 195px;

    }
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
    .video-cookie-wrapper {
        min-height: 195px;
    }
}

.no-cookie {  
    display: flex;
    z-index: 1000;
    justify-content: center;
    align-items: center;
    }

.video-cookie-wrapper .alert { 
    text-align: left;  
    box-sizing: border-box;
    margin: 20px;
    background-color: rgba(255,255,255,0.96);
}

.video-cookie-wrapper .btn.btn-link {
   vertical-align: top; 
}


/*Mobile logo fix - want to revisit */

@media (max-width: 450px) {
    .header a.logo img.logo-small {
        max-width: 150px; 
    }
}

@media (max-width: 767px) {
    .header .header-links {
        padding-left: 150px;
    }
}


/*Social Media Links Update*/

ul.share li {
    border: none; 
    font-size: 0;
    line-height: 0;
}

ul.share li a, ul.share li a:hover {	
	color: #56227D;
	background-color: transparent;
	background-repeat: no-repeat;
	border: 2px solid transparent;
	border-radius: 0px;
	padding: 0;
	width: 32px;
	height: 32px; 
}

ul.share li a.facebook-icon, 
ul.share li a.facebook-icon:hover {
	background-image: url('/~/media/Images/Social/Social-Icons/facebook.ashx');
}

ul.share li a.twitter-icon,
ul.share li a.twitter-icon:hover {
	background-image: url('/~/media/Images/Social/Social-Icons/twitter.ashx');
}

ul.share li a.linkedin-icon,
ul.share li a.linkedin-icon:hover {
	background-image: url('/~/media/Images/Social/Social-Icons/linkedin.ashx');
}

ul.share li a.email-icon,
ul.share li a.email-icon:hover {
	background-image: url('/~/media/Images/Social/Social-Icons-SVG/SBS_email_40x40_White.ashx');
	background-color: #56227D;
	background-color: #017ACD; 
	border-color: #fff;
}

ul.share li a:hover,
ul.share li a.email-icon:hover {
	border-color: #56227D; 
}


/*In Copy Phone Numbers */

a.phone-no.medium {     
    font-size: 1.563rem;
}

a.phone-no.large { 
    font-size: 1.953rem;
 }

a.phone-no.x-large { 
    font-size: 2.441rem;
 }


 /*MPF Adjustments */

.no-margin-wrapper .rich-text {
    margin-bottom: 0; 
}

.mpf-decision-tree {
    margin-top: 0; 
}



/*Overlay Banner Variant - added for personalisation test 14/01/21*/
.hero-header-wrapper.overlay .header-banner .content {
    background-color: rgba(0, 116, 129,0.0);
    margin-left: -50px;
    text-align: left;
    padding: 0px;
}

@media (min-width:1200px) {
    .hero-header-wrapper.overlay .header-banner h2 {
        font-size: 2.441rem;
    }
}

.hero-header-wrapper.overlay .header-banner h2 {
    padding: 50px 60px 50px 60px;
    display: inline-block;
    margin-right: 25px;
}

.hero-header-wrapper.overlay.sk-blue .header-banner h2 {
    background-color: rgba(1, 122, 205, 0.9);
}

.hero-header-wrapper.overlay.sk-teal .header-banner h2 {
    background-color: rgba(0, 116, 129, 0.9);
}


.hero-header-wrapper.overlay .header-banner h2:after {
    display: none;
}

.hero-header-wrapper.overlay .header-banner h2 + p {
    background-color: RGBA(86,34,125,0.9);
    padding: 40px;
    display: inline-block;
    margin-top: -25px;
    margin-left: 60px;
}

@media (max-width:1200px) {
    .hero-header-wrapper.overlay .header-banner .content {
        width: 70%;
    }
}

@media (max-width:979px) {
    .hero-header-wrapper.overlay .header-banner h2 {
        padding: 30px 40px 40px 40px;
    }

    .hero-header-wrapper.overlay .header-banner h2 + p {
        padding: 20px;
        margin-left: 40px;
    }

    .hero-header-wrapper.overlay .header-banner .content {
        width: 70%;
        margin-left: -20px;
    }
}

@media (max-width: 767px) {

    .hero-header-wrapper.overlay .header-banner {
        margin: 0; 
        width: auto;
        min-width: 100%;
    }

    .hero-header-wrapper.overlay .header-banner .content {
        width: 100%;
        margin-left: 0px;
        background: #fff; 
    }

    .hero-header-wrapper.overlay .header-banner h2 {
        display: block;
        margin-right: 0px;
        padding: 30px 20px 40px 20px;
    }

    .hero-header-wrapper.overlay.sk-blue .header-banner h2 {
        background-color: rgba(1, 122, 205, 1);
    }

    .hero-header-wrapper.overlay.sk-teal .header-banner h2 {
        background-color: rgba(0, 116, 129,1);
    }

    .hero-header-wrapper.overlay .header-banner h2 + p {
        margin-left: 20px;
        margin-right: 20px;
    }
}


/*Rate Variant Carousel*/ 

.rate-content p .rate { font-size: 2rem !important;  }
.rate-content a.btn { margin: 10px 0 0 0!important; }


@media (max-width: 980px) {
    .has-rate-slide .hp-banner .hero-header-wrapper, .hp-banner .hero-header-wrapper .header-banner {
        height: 380px;
    }
}

@media (max-width: 767px) {
    .has-rate-slide .hp-banner .hero-header-wrapper .header-banner .content-wrapper { min-height: 300px!important; }
    .has-rate-slide .hp-banner .hero-header-wrapper, .hp-banner .hero-header-wrapper .header-banner { height: auto; }
}

@media (max-width: 380px) {
    .has-rate-slide .hp-banner .hero-header-wrapper .header-banner .content-wrapper { min-height: 340px!important; }
}

@media (max-width: 340px) {
    .has-rate-slide .hp-banner .hero-header-wrapper .header-banner .content-wrapper { min-height: 360px!important; }
}



/*Header banner fix*/ 

.hero-header-wrapper.image-top-adjust .header-banner {
    background-position: right -50px; 
}

@media (max-width: 767px) {

  .hero-header-wrapper .header-banner {
        padding: 230px 0px 0px;
        background-size: 100%;
  }

    .hero-header-wrapper.image-top-adjust-tablet .header-banner {
        background-position: right -50px; 
    }

}

@media (max-width: 640px) {
  .hero-header-wrapper .header-banner {
        background-size: 120%;
  }
}

@media (max-width: 500px) {
  .hero-header-wrapper .header-banner {
      padding: 200px 0px 0px;
      background-size: 120%;
  }
}

@media (max-width: 470px) {
    .hero-header-wrapper .header-banner {
        padding-top: 180px;
    }
}

@media (max-width: 400px) {
    .hero-header-wrapper .header-banner {
        padding-top: 130px;
    }
}

/*cross list fix*/ 

ul.cross li {
    background: url(/Components/Client/img/cross.png) no-repeat 0px 3px;
}

/*DL List*/ 

dl dt {
    font-family: "Roboto", Arial, Helvetica, Sans-serif;
    font-size: 1.563rem;
    font-weight: 500;
    line-height: 1.45;
    margin: 1.414em 0 0.5em;
}

dl dd { 
    margin-left: 0; 
    line-height: 1.45;
}


dl.dl-horizontal dt, 
dl.opening-times dt {
    margin: 0;
    font-size: 16px;
    line-height: auto; 
}

/** Life and Money pagination **/


.pagination ul>li {
	display:inline-block;
    margin-bottom:0px;
	}

    .pagination ul li a {
        background: transparent;
        color: #56227D;
        font-size: 14px;
        font-weight: 500;
        text-decoration:underline;
    }

    .pagination ul li a:hover,
.pagination ul li a:focus {
	background:transparent;
    text-decoration:none;
	opacity:0.9;
}


    .pagination ul>.disabled>a,
    .pagination ul>.disabled>a:hover, 
    .pagination ul>.disabled>a:focus {
        color:#575757;
        text-decoration:none;
        opacity:1;
        cursor: not-allowed;
    }
	
#HelpTextModal.hide.fade{ margin-top:-50px }
#HelpTextModal.hide.fade.in{ margin-top:0px }


   /*-----------------------Gird List----------------------*/

   .grid-list-group {
    margin-bottom: 34px; 
}

.grid-list-group.pull-out {
    padding: 20px;
}

.grid-list * {
   box-sizing: border-box; 
   text-align: left;
}

.grid-list {
     display: flex; 
     flex-flow: row wrap;
     justify-content: space-between; 
     align-items: flex-start;
     margin-bottom: 34px; 
}

.grid-list.items-center {
    justify-content: center; 
}

.grid-list-item {
  flex-basis: auto;
  padding: 1em; 
  box-sizing: border-box; 
  width: 33%; 
  display: flex;
  align-items: flex-start; 
}

.two-across .grid-list-item {
  width: 50%;
}

.grid-list-item img { 
   height: 50px;
   width: 15%;
}

.med-image .grid-list-item img {
    height: 80px;
}

.large-image .grid-list-item img {
    height: 120px;
    width: auto;
}

.grid-list-item .content { 
    width: 80%;
    padding-left: 5%;
}

.grid-list-item .content :is(h1, h2, h3, h4, h5, h6)  { 
   margin-top: 0; 
}

.no-para .grid-list-item .content :is(h1, h2, h3, h4, h5, h6)  { 
   margin-bottom: 0; 
   padding-bottom: 0; 
}

.grid-list.no-para .grid-list-item  {
   align-items: center; 
}

/*Grid List Media Queries*/


@media (max-width: 767px) {
  .grid-list-item {
      width: 50%; 
   }

 .two-across .grid-list-item {
     width: 100%; 
 }

   .large-image .grid-list-item img {
        width: 130px; 
        height: auto;
        max-height: 130px; 
   }

}

@media (max-width: 500px) {
  .grid-list-item {
      width: 100%; 
   }
}

/*Gird List background-colours*/
.grid-list-group.powder-blue {
background: rgba(223, 236, 243, 1);
}

.grid-list-group.warm-grey {
background: rgba(229, 232, 234, 1);
}

.grid-list-group.fa-green {
background: rgba(202, 221, 223, 1);
}

.grid-list-group.teal {
background: #007481;
}

.grid-list-group.orange {
background: #B84728;
}

.grid-list-group.skp-purple {
background: #56227D;
}

.grid-list-group.skp-blue {
background: #017ACD;
}

.grid-list-group.winter-berry {
background: #B81570;
}

.grid-list-group.winter-berry, .grid-list-group.skp-purple, .grid-list-group.skp-blue, .grid-list-group.teal, .orange,
.grid-list-group.winter-berry h3, .grid-list-group.skp-purple h3, .grid-list-group.skp-blue h3, .grid-list-group.teal h3, .grid-list-group.orange h3,
.grid-list-group.winter-berry p, .grid-list-group.skp-purple p, .grid-list-group.skp-blue p, .grid-list-group.teal p, .grid-list-group.orange p{
    color: #fff; 
}

/*article filter*/

.article-filter .span6 { 
    width: 100%; 
    text-align: center; 
    border-top: 1px solid #ccc; 
    border-bottom: 1px solid #ccc; 
    padding-bottom: 34px;
}

.article-filter .btn-group .btn.btn-toggle { 
    padding: 8px 19px !important; 
    font-size: 16px !important; 
    font-weight: 500; 
    margin: 5px;
}

@media screen and (max-width: 769px){
.article-filter .span6 { text-align: left; }
}


/*Trust Pilot*/

.tp-footer {
    margin-bottom: 34px; 
}

.tp-score {     
    text-align: right;
    font-weight: 500;
    font-size: 14px;
    padding-top: 10px; 
}

.tp-horizontal .tp-score {
    text-align: center; 
    padding-top: 10px;
}

.tp-quote .tp-score {
    text-align: left;
}

.tp-widget.tp-carousel .trustpilot-widget {
    padding: 18px 0 34px; 
}

@media screen and (max-width: 605px){
    .tp-score, .tp-quote .tp-score {     
        text-align: center;
    }
}

/*Add a wrapper to add space to the bottom of a group*/

.wrapper-margin-bottom {
    margin-bottom: 34px; 
}
 

/*Promo Panel Icon Variant*/ 

.promo-panel.icon .cta-image {
    display: flex; 
    align-items: center;
    width: 200px;
    min-width: 200px;
    flex: 0 1 auto;
}

.promo-panel.icon .cta-image img {
   object-fit: contain;
   object-position: center; 
   width: auto;
   height: auto;
   max-height: 200px; 
   padding: 40px 0 40px 40px;
   margin: 0px auto; 
}

.promo-panel.icon.row-reverse .cta-image img {
   padding: 40px 40px 40px 0;
}

.promo-panel.icon.small .cta-image img {
   max-width: 100px;
}

.promo-panel.icon.large .cta-image img {
   max-width: 300px;
   max-height: 300px; 
}

.promo-panel.image-contain .cta-image img {
   object-fit: contain;
   object-position: center; 
   margin: 0px auto; 
}


@media only screen and (max-width: 767px) {
    .promo-panel.icon .cta-image img,  .promo-panel.icon.large .cta-image img {
        max-width: 100%;
        max-height: 150px; 
        padding: 40px 40px 0 40px;
    }

    .promo-panel.icon .cta-image {
         display: flex; 
         align-items: center;
         width: 100%;
         width: 100%;
         flex: 0 1 auto;
     }
}

/*ie10&11*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

   .promo-panel.image-contain .cta-image img { 
       object-fit: none;
       width: auto;
       height: auto;
       display: block;
       max-width: 100%; 
   }

}

/*edge13&14*/
@supports (-ms-ime-align: auto) {

   .promo-panel.image-contain .cta-image img { 
       object-fit: none;
       width: auto;
       height: auto;
       display: block;
       max-width: 100%; 
   }

}


/*Life and Money Well CTA*/

.well.fa-cta {
    background-color: rgba(202,221,223,0.5);
}

.fa-cta a.no,
.fa-cta a.no:hover,
.fa-cta a.no:focus {
    display: block;
    font-size: 25px;
    line-height: 1.2;
    font-weight: bold;
    margin-top: 5px;
    text-decoration: none;
    color:#542989;
}

.fa-cta a.btn {
    margin-top: 10px;
}

/*Roundel List*/

body {
    counter-reset: item;
  }

ol.roundel-list {
    margin-left:0px;
}

ol.roundel-list {
    list-style: none;
    margin-left: 40px;
}

ol.roundel-list li {
    counter-increment: item;
    margin-bottom: 20px !important; /*important can be removed once on page styling has. */
}

ol.roundel-list li:before {
    margin-right: 10px;
    margin-left: -40px;
    content: counter(item);
    background: #56227D;
    border-radius: 100%;
    color: white;
    font-size: 15px;
    width: 20px;
    text-align: center;
    display: inline-block;
    padding: 5px;
    position: absolute;
    margin-top: -3px;
}


/*add in selected indicator of pagination*/

a[id*='BlogPageLink'] {
    font-weight: 400;
    padding: 10px; 
}

a[id*='BlogPageLink'] b {
    text-decoration: underline; 
    font-weight: 500;
}