@import url("/WebPatterns/Theme.Patterns_SilkUI.css?4374");

@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@700&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Space+Mono&display=swap");

button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}html{-ms-text-size-adjust:100%;-webkit-text-size adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}figure{margin:16px 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:16px}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-4px}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none;width:100%;height:auto;-ms-flex-negative:0;flex-shrink:0;}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:5px 12px 10px}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}
*,:before,:after{-webkit-box-sizing:border-box;box-sizing:border-box}body *{color:#2D2926;font-size:16px;line-height:100%;font-family:'Libre Franklin',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.startHidden{display:block !important;}.noscript{text-align:center;padding:10px;background-color:#2D2926;color:#FFFFFF;}.pCMS_PreviewBanner{background:rgba(137,203,49,.8) none repeat scroll 0 0;color:#FFFFFF;font-weight:700;padding:20px;position:fixed;text-transform:uppercase;bottom:0;z-index:9999}
html,body,a,select,fieldset,input,button,textarea,optgroup,option{font-family:'Libre Franklin',sans-serif;}
body{overflow-x:hidden;}
html {scroll-behavior: smooth;}
/*=============
1.PAGE STRUCTURE
2.HEADER REGION
3.TEXT STYLES
3.1 BUTTONS
3.2 LINKS
3.3 LISTS
4.HEADER REGION
5.HERO REGION
5.1.HERO CONSTRUCTION
5.2.HERO FONT STYLES (.Dark_Text, .White_Text)
5.3.HERO WHITE THEME (.White_Theme)
5.3.HERO DARK THEME (.Dark_Theme)
5.4.HERO NO BACKGROUND COLOUR (.No_Background)
5.5.HERO CENTERED (.Hero_Center)
5.6.HERO SPECIFIC STYLING (50% Child - FSCS)
5.7.HERO CAROUSEL STYLING
5.8.HERO BACKGROUND IMAGE CLASSES
5.8.1 SAVINGS IMAGE CLASSES
5.8.2 MORTGAGES IMAGE CLASSES
5.8.3 LENDING IMAGE CLASSES
5.8.4 CAROUSEL IMAGE CLASSES
5.9.IN-PAGE PARENT/CHILD SECTION
5.10.HERO MEDIA QUERIES
5.10.1 PHONE PORTRAIT
5.10.2 PHONE LANDSCAPE
5.10.3 TABLET PORTRAIT
5.10.4 TABLET LANDSCAPE
6.CARD STYLES
7.ACCORDION STYLE
8.TABS REGION
9.TABLES
10.IN-PAGE SLIDER
11.FOOTER REGION
12.SITE MAP
13.EFORM
14.STYLING CLASSES
=============*/
/*=============

1.PAGE STRUCTURE

=============*/

/*

COOKIE BANNER

*/
.warning_EU_cookiemsg,
.warning_EU_cookiemsg *{
float:none;
clear:none;
position:static;
overflow:visible;
font-family:'Libre Franklin',sans-serif;
}
.warning_EU_cookiemsg {
display:none;
position:fixed;
top:0;
left:0;
width:100%;
background:#89CB31;
background-size:auto 100%;
z-index:999999991;
text-align:center;
}
.warning_EU_cookiemsg .pCMS_CookieWrapper {
margin:0 auto;
max-width:1200px;
width:100%;
}
.warning_EU_cookiemsg .pCMS_CookieWrapper > div:first-child {
width:50%;
display:inline-block;
padding:15px;
font-weight:600;
font-size:18px;
}
.warning_EU_cookiemsg .pCMS_CookieWrapper > div:nth-of-type(2),
.warning_EU_cookiemsg .pCMS_CookieWrapper > div:last-child{
width:25%;
display:inline-block;
padding:15px;
}
.warning_EU_cookiemsg .pCMS_CookieWrapper > div:nth-of-type(2) a,
.warning_EU_cookiemsg .pCMS_CookieWrapper > div:last-child a {
width:85%;
color:#2d2926;
background-color:#ffffff;
padding:15px;
border-radius:8px;
font-size:15px;
border:2px solid #73b52d;
}
.warning_EU_cookiemsg .pCMS_CookieWrapper > div:nth-of-type(2) a:hover,
.warning_EU_cookiemsg .pCMS_CookieWrapper > div:last-child a:hover {
color:#73b52d;
background-color:#e8e8e8;
border:2px solid #c1c1c1;
}
/* Portrait */
@media only screen 
and (min-device-width:320px) 
and (max-device-width:568px)
and (-webkit-min-device-pixel-ratio:2)
and (orientation:portrait) {
.warning_EU_cookiemsg .pCMS_CookieWrapper > div:first-child {
padding:15px 15px 0;
display:block;
width:100%;
}
.warning_EU_cookiemsg .pCMS_CookieWrapper > div:nth-of-type(2),
.warning_EU_cookiemsg .pCMS_CookieWrapper > div:last-child {
width:50%;
}
}


.SectionContainer,
.ThemeGrid_Container {
width:100%;
max-width:1200px;
margin:0 auto;
padding-left:0!important;
padding-right:0!important;
display:table;
position:relative;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
height:100%;
}
/* NS&I PENSIONER BOND LANDING PAGE */
.desktop .pCMS_MainContent_savings-bonds td,
.desktop .pCMS_MainContent_savings-bonds th {font-size:13px;}
.desktop .pCMS_MainContent_savings-bonds .button-group .button {font-size:17px;}
p.number-text sup, p.caveat sup{top:4px;}
.fa-lock::before {color:#89CB31;margin:0 10px 0 0;}
/* SURVEY MONKEY */
.smcx-embed{height:auto!important;max-width:100%!important;border:none!important}.smcx-widget{z-index:90!important}.survey-page .survey-body{background-color:#FFFFFF!important}.smcx-embed>.smcx-iframe-container{height:852px!important;max-width:100%!important;width:100%!important}.survey-page .top-logo-section{width:50%!important}.survey-page .survey-page-body{padding:0 25px!important}.smcx-embed>.smcx-embed-footer{background:#2D2926 none repeat scroll 0 0!important}.smcx-widget-dark .smcx-widget-footer>.smcx-branding>.smcx-powered-by{color:#89CB31!important}
/* CARD COLUMNS */
.Columns{width:100%;padding:0}
.Columns.MarginBottom{margin-bottom:0}
.Columns2>.Column{width:50%}
.Columns2>.Column.ColFirst{padding:0 8px 0 0}
.Columns2>.Column.ColLast{padding:0 0 0 8px}
.phone .Columns2.mob_BreakFirst>.Column,
.phone .Columns2.mob_BreakLast>.Column,
.phone .Columns2.mob_BreakAll>.Column,
.phone .Columns2.mob_BreakMiddle>.Column{width:100%;padding:0}
.Columns3>.Column{width:33.333%;padding:0 8px}.Columns3 .Column.ColFirst{padding:0 8px 0 0}.Columns3 .Column.ColLast{padding:0 0 0 8px}.phone .Columns3.mob_BreakFirst>.Column,.phone .Columns3.mob_BreakMiddle>.Column,.phone .Columns3.mob_BreakFirst>.Column.ColLast,.phone .Columns3.mob_BreakMiddle>.Column.ColLast,.phone .Columns3.mob_BreakAll>.Column,.phone .Columns3.mob_BreakFirst>.Column,.phone .Columns3.mob_BreakMiddle>.Column,.phone .Columns3.mob_BreakFirst>.Column.ColFirst,.phone .Columns3.mob_BreakMiddle>.Column.ColFirst{width:100%;padding:0}.tablet .Columns3.tab_BreakFirst>.Column,.tablet .Columns3.tab_BreakFirst>.Column.ColFirst,.tablet .Columns3.tab_BreakMiddle>.Column.ColFirst,.tablet .Columns3.tab_BreakFirst>.Column,.tablet .Columns3.tab_BreakMiddle>.Column,.tablet .Columns3.tab_BreakAll>.Column,.tablet .Columns3.tab_BreakMiddle>.Colum .tablet .Columns3.tab_BreakFirst>.Column.ColLast,.tablet .Columns3.tab_BreakMiddle>.Column.ColLast{width:100%;padding:0}.Columns4>.Column{width:25%}.Columns4 .Column.ColFirst{padding:0 8px 0 0}.Columns4 .Column.ColLast{padding:0 0 0 8px}.Columns4 .Column.LeftMiddle{padding:0 8px}.Columns4 .Column.RightMiddle{padding:0 8px}.phone .Columns4.mob_BreakAll>.Column,.phone .Columns4.mob_BreakMiddle>.Column.ColFirst,.phone .Columns4.mob_BreakMiddle>.Column.RightMiddle,.phone .Columns4.mob_BreakMiddle>.Column.LeftMiddle,.phone .Columns4.mob_BreakMiddle>.Column.ColLast{width:100%;padding:0}.tablet .Columns4.tab_BreakAll>.Column{width:100%;padding:0 20px}.tablet .Columns4.tab_BreakMiddle>.Column.ColFirst{width:50%;padding:0 8px 0 0}.tablet .Columns4.tab_BreakMiddle>.Column.LeftMiddle{width:50%;padding:0 0 0 8px}.tablet .Columns4.tab_BreakMiddle>.Column.RightMiddle{width:50%;padding:0 8px 0 0}.tablet .Columns4.tab_BreakMiddle>.Column.ColLast{width:50%;padding:0 0 0 8px}.tablet .Columns.MarginBottom.tab_BreakFirst>.Column,.tablet .Columns.MarginBottom.tab_BreakLast>.Column,.tablet .Columns.MarginBottom.tab_BreakAll>.Column,.tablet .Columns.MarginBottom.tab_BreakMiddle>.Column,.phone .Columns.MarginBottom.mob_BreakFirst>.Column,.phone .Columns.MarginBottom.mob_BreakLast>.Column,.phone .Columns.MarginBottom.mob_BreakAll>.Column,.phone .Columns.MarginBottom.mob_BreakMiddle>.Column{margin-bottom:0}
/* PAGE COLUMNS */
.desktop .MediumRightColumns>.Column.ColFirst,.tablet.landscape .MediumRightColumns>.Column.ColFirst{width:68%;padding:0 0 20px;margin:0}.desktop .MediumRightColumns>.Column.ColLast,.tablet.landscape .MediumRightColumns>.Column.ColLast{width:30%;padding:0 0 0 4%}.pCMS_LeftColumn{margin:0 4% 0 0}.pCMS_RightColumn{margin:0 0 0 4%}.phone.portrait .MediumRightColumns>.Column.ColFirst,.tablet.portrait .MediumRightColumns>.Column.ColFirst{width:100%;border-right:none;padding:0}.phone.portrait .MediumRightColumns>.Column.ColLast,.tablet.portrait .MediumRightColumns>.Column.ColLast{width:100%;padding:0}

/*=====

PAGE CONSTRUCTION

=====*/
.pCMS_BodyContainer{
width:100%;
padding:0;
margin:0 auto;
background-color:#FFFFFF;
display:inline-block;
}
.pCMS_Body{
display:block;
margin:0 auto;
max-width:1500px;
padding:40px 20px 20px;
width:100%;
background-color:#FFFFFF;
}
.Body_No_Padding .pCMS_Body{
padding:0;
}
.pCMS_MainContent {
display: block;
max-width: 1200px;
margin: 0 auto;
}
.pCMS_Body .Columns{
display:block;
max-width:1200px;
margin:0 auto;
}
.pCMS_ContentItem{
margin:20px 0;
width:100%;
}
.pCMS_ContentItem:first-of-type{
margin:0 0 20px;
}
.phone .columnOrder .pCMS_Body .Columns {
display: flex;
flex-direction: column;
}
.phone .columnOrder .Column.ColFirst{order:2;width:100%;}
.phone .columnOrder .MediumRightColumns > .Column.ColLast{
order:1;
padding: 0 0 0 0;
width:100%;
}
.phone .pCMS_ArticleControl {display:none;}

/* AER BANNER */
.aer{color:#FFFFFF;float:left;font-size:13px;font-weight:500;line-height:120%;padding:10px 0;width:100%;max-width:43em}.phone .aer,.tablet .aer{max-width:40em;padding:5px 0}

/* SEPARATOR LINE */

.Separator {
border-bottom:medium none;
border-top:1px solid #CCCCCC;
margin:60px 0;
}
.Separator-sml {
border-bottom: 1px solid #CCCCCC;
margin:20px 0;
}
#LinkBox .Separator {
margin:14px 0;
}
.Separator-noline {
border:none 0;
display:flex;
margin:30px 0;
}
.Separator-xl {
margin:80px 0;
display:flex;
border-top:1px solid #CCCCCC;
border-bottom:medium none;
}
.Separator-xl-noline {
margin:60px 0;
border:none 0;
display:flex;
}

/*=======

2.HEADER REGION

=======*/
.pCMS_HeaderContainer {
display:none;
}
.SecondaryHeader {
border-bottom:1px solid #CCCCCC;
}
.BreadcrumbContainer {
border-bottom:none;
}
.pCMS_BreadcrumbItemsContainer a span {
font-size:14px;
font-weight:600;
}

/*======= 3.TEXT STYLES =======*/
h1,h2,h3,h4 {font-weight:800;line-height:110%}
h1 {font-size:35px}
.phone h1, .phone .Title_Section .Parent .Child1 h1 {font-size:30px;}
h1 span {display:block;font-size:inherit;font-weight:400;margin:5px 0 0;}
a h1 {margin: 0;}
a h1:hover {color:#2D2926;}
h2 {font-size:26px;}
h2 span {font-weight:400;font-size:inherit;display:block;}
h3 {font-size:22px;}
h4 {font-size:18px;margin:0 0 15px;line-height:130%;}
h2 img {width:20px;margin-right:5px;}
h2 a,
h2 a:link,
h2 a:visited,
h3 a,
h3 a:link,
h3 a:visited {
color:inherit;
font-size:inherit;
padding:0;
font-weight:800;
}
h2 a:hover, h2 a:link:hover, h2 a:visited:hover,
h3 a:hover, h3 a:link:hover, h3 a:visited:hover {color:#89CB31;}
h2 a::before, h2 a:link::before, h2 a:visited::before,
h3 a::before, h3 a:link::before, h3 a:visited::before {
content:"\f105";
font-family:FontAwesome;
margin:0 5px 0 0;
}
.pCMS_ContentTitle{font-size:26px;margin:0;font-weight:800;display:inline-block}
.pCMS_ContentTitle h1 {margin:0 0 20px;}
.pCMS_ContentTitle h2{font-size:26px;margin:0;padding:0}
.pCMS_ContentTitle h3{font-size:13px;margin:0;padding:0}
p {
width:100%;
font-size:16px;
line-height:140%;
margin:0 0 15px;
color:#2D2926;
font-weight:400;
display:inline-block;
}
p.caveat {font-size:12px;}
p.small {font-size:12px;line-height:120%;}
p > sub, p > sup {font-size:75%;line-height:0;}
p.country {font-size:17px;font-weight:600;}
p.tick,
.flexItem.saving-product .tileContent p.tick {
font-weight:600;
margin:0 0 8px;
}
.tick::before {
content:"\f058";
font-family:FontAwesome;
margin:0 10px 0 0;
color:#89cb31;
font-size:inherit;
}
.phone .Title_Section .Parent .Child1 p span {display: block;}
.sub {font-size:14px;padding:15px 0 10px 0;}
i, u {font-size:inherit;font-weight:inherit;color:inherit;}
i {font-style:italic;}
b, strong {color:inherit;font-weight:600;font-size:inherit;}
h3.no-before:before {
content: none!important;
}
/*======
3.1 BUTTONS
======*/

a.pCMS_Button,
a.Button,
a.button,
.desktop a.Button,
a.pCMS_Button.Secondary,
a.Button.Secondary,
a.button.Secondary,
.desktop a.Button.Secondary,
a.pCMS_Button.Ghost,
a.Button.Ghost,
a.button.Ghost,
.desktop a.Button.Ghost {
color:#2D2926;
font-size:16px;
padding:18px;
text-decoration:none;
height:auto;
line-height:100%;
margin:15px 0;
text-align:center;
border-radius:8px;
font-weight:600;
border:2px solid #73b52d;
width:auto;
max-width: 320px;
min-width:150px;
}
a.pCMS_Button,
a.Button,
a.button,
.desktop a.Button {
background-color:#89CB31;
}
a.pCMS_Button.Secondary,
a.Button.Secondary,
a.button.Secondary,
.desktop a.Button.Secondary {
background-color:#FFFFFF;
}
a.pCMS_Button.Ghost,
a.Button.Ghost,
a.button.Ghost,
.desktop a.Button.Ghost {
background-color:transparent;
border:2px solid transparent;
}
a.pCMS_Button.Ghost::before,
a.Button.Ghost::before,
a.button.Ghost::before,
.desktop a.Button.Ghost::before {
content:'\f054';
font-family:FontAwesome;
margin:0 5px 0 0;
font-size:15px;
font-weight:500;
color:#89CB31;
}
a.pCMS_Button:hover,
a.Button:hover,
a.button:hover,
.desktop a.Button:hover,
a.pCMS_Button.Secondary:hover,
a.Button.Secondary:hover,
a.button.Secondary:hover,
.desktop a.Button.Secondary:hover,
a.pCMS_Button.Ghost:hover,
a.Button.Ghost:hover,
a.button.Ghost:hover,
.desktop a.Button.Ghost:hover {
background-color:#e8e8e8;
border:2px solid #c1c1c1;
color:#2D2926;
}

.tile .tileAction a.pCMS_Button,
.tile .tileAction a.Button,
.tile .tileAction a.button,
.desktop .tile .tileAction a.Button,
.tile .tileAction a.pCMS_Button.Secondary,
.tile .tileAction a.Button.Secondary,
.tile .tileAction a.button.Secondary,
.desktop .tile .tileAction a.Button.Secondary,
.phone .tile .tileAction a.pCMS_Button,
.phone .tile .tileAction a.Button,
.phone .tile .tileAction a.button,
.phone .desktop .tile .tileAction a.Button,
.phone .tile .tileAction a.pCMS_Button.Secondary,
.phone .tile .tileAction a.Button.Secondary,
.phone .tile .tileAction a.button.Secondary,
.desktop .tile .tileAction a.Button.Secondary {
margin:0;
}
.Button.Side {
width:100%;
margin:20px 0;
}
.button-center {
width:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.button-center .button.Secondary {
margin:70px 0;
}
.Login::before {
content:"\f023";
font-family:FontAwesome;
margin:0 10px 0 0;
}
a.button.Login {
max-width:140px;
}
.phone .Button, .tablet .Button, .phone a.Button, .tablet a.Button {
line-height: 100%;
height:auto;
}
.phone.portrait a.pCMS_Button,
.phone.portrait a.Button,
.phone.portrait a.button,
.phone.portrait a.pCMS_Button.Secondary,
.phone.portrait a.Button.Secondary,
.phone.portrait a.button.Secondary,
.phone.portrait #LinkBox a.button,
.phone.portrait #LinkBox a.Button{
margin:0 auto 15px;color: #2d2926;
}
.primary-nav li.loginMenu a.Parent{
border-radius:8px;
}
/*======

3.2 LINKS

======*/
a,
a:link {
color:#2D2926;
text-decoration:none;
font-weight:600;
display:inline-block;
-webkit-transition:0.2s;
-o-transition:0.2s;
transition:0.2s;
}
a, a:link, a:visited {
color:inherit;
}
a:hover,
a:link:hover {
color:#6da227;
text-decoration:none;
}
a img,
a img:link,
a img:visited {
display:block;
}
a img:hover,
a img:link:hover,
a img:visited:hover {
opacity:0.5;
}
p a,
p a:link,
p a:visited {
text-decoration:underline;
font-weight:600;
font-size:inherit;
}
p a,
p a:link {
color:inherit;
}
p a:hover,
p a:link:hover,
p a:visited:hover {
color:#6da227;
}
p a[href^=tel] {
text-decoration:none;
}
p a[href^=tel]::before,
p a[href^=mailto]::before {
content:none !important;
}
a.Link,
a.Link:link,
a.Link.Small,
a.Link.Small:link {
padding:0;
text-decoration:none;
font-size:16px;
font-weight:600;
color:#2D2926;
}
a.Link:hover,
a.Link:visited:hover,
a.Link:link:hover,
a.Link.Small:hover,
a.Link.Small:visited:hover,
a.Link.Small:link:hover {
color:#6da227;
}
a.Link::before,
a.Link:visited::before,
a.Link:link::before,
a.Link.Small::before,
a.Link.Small:visited::before,
a.Link.Small:link::before {
content:'\f054';
font-family:FontAwesome;
margin:0 5px 0 0;
font-size:15px;
font-weight:500;
color:#89CB31;
}
a.Hero-Link.Link,
a.Hero-Link.Link:link,
a.Hero-Link.Link::before,
a.Hero-Link.Link:link::before {
color:#89CB31;
}
a.Hero-Link.Link:hover,
a.Hero-Link.Link:visited:hover,
a.Hero-Link.Link:link:hover {
color:#FFFFFF;
}
a.largeLink,
a.largeLink:link,
a.largeLink:visited {
font-size: 22px;
font-weight: 800;
text-decoration: none;
}
a.largeLink:hover,
a.largeLink:link:hover,
a.largeLink:visited:hover {
color:#6da227;
}
.phone .Child2 a.Link,
.phone .Child2 a.Link:link,
.phone .Child2 a.Link.Small,
.phone .Child2 a.Link.Small:link,
.phone .Child2 a.Link span,
.phone .Child2 a.Link:link span,
.phone .Child2 a.Link.Small span,
.phone .Child2 a.Link.Small:link span {
color:white;
}
/*======

3.3 LISTS

======*/
ul, ol {
display:inline-block;
margin:15px 0;
text-align:left;
width:auto;
padding:0;
}
ul {
list-style-type:none;
}
ul ul {
margin:0 30px;
}
ul li,
ol li {
font-weight:600;
font-size:16px;
line-height:130%;
position:relative;
}
ul.LargeList li,
ol.LargeList li {
font-weight:800;
font-size:18px;
}
ul li {
padding:10px 0;
}
ol li {
padding:0 0 10px 10px;
}
ul li:before {
position:absolute;
left:0;
font-family:FontAwesome;
font-size:18px;
}
ul li a,
ul li a:link,
ul li a:visited {
color:#2D2926;
}
ul li a:hover {
color:#89CB31;
text-decoration:none;
}
ul.List {
list-style-type:disc;
}
ul.List li {
margin:0;
padding:5px 0 5px 10px;
}
/* LIST - 2 COLUMNS */
ul.twoColList{column-count: 2}
ul.twoColList li{padding-top: 5px; padding-bottom: 5px;}


/* FAQs link */
ul.Links-FAQ li::before {
left: 5px;
}
ul.Links.Links-FAQ li {
padding: 0 0 15px 30px;
}

/* Feefo link */
ul.Links li.Feefo-Link::before {
content: none;
}
ul.Links li.Feefo-Link {
margin:0;
background:none;
padding:0;
}
ul.Links li.Feefo-Link img {
max-width:225px;
width:100%;
}
/* Hero Link */
.CustomerSide .Links {
display:block;
text-align:center;
}
.TrophyList li {
color:#2D2926;
font-size:19px;
margin:0 0 10px 0;
}
.TrophyList li::before {
content:"\f091";
color:#89CB31;
}
.TrophyList li span {
display:block;
font-weight:normal;
line-height:160%;
}
/*

ICON PSEUDO CLASSES WHICH CAN BE ADDED TO HTML H-TAGS ETC.

*/
.Tick::before,
.Trophy::before {
font-family:FontAwesome;
font-size:100%;
margin:0 15px 0 0;
}
.Tick::before {
content:'\f058';
color:#89CB31;
}
.Trophy::before {
content:'\f091';
color:#FFD700;
}
.fa-times {
color:#FF0000;
}
.fa-check {
color:#89CB31;
}
.StandardBulletList li {
list-style-type:disc;
padding:7px 7px;
margin:0 0 0px 20px;
font-weight:400;
}
/*===

TICK LIST

===*/
ul.TickList,
ul.TickBullet {
padding:0;
width:auto;
}
ul.TickList li,
ul.TickBullet li{
padding:10px 0 10px 30px;
color:#2D2926;
}
ul.TickList li::before,
ul.TickBullet li::before{
color:#89CB31;
font-family:FontAwesome;
font-size:20px;
}
ul.TickList li::before,
ul.TickBullet li::before{
content:'\f058';
}
ul.TickList li.Cross::before {
content:'\f057';
color:#E40046;
}
ul.TickBullet.two-col li {
width:45%;
float:left;
margin:0;
}
ul.TickList li.Date::before {
content:"\f073";
color:#FFFFFF;
font-family:FontAwesome;
}
ul.TickList li.Map::before {
content:"\f041";
color:#FFFFFF;
font-family:FontAwesome;
padding-left:3px;
}
li.Tick {padding-left: 25px;}

.flexItem.tile.mega-menu-advert.savings-advert.upTo ul.TickList li {
color: #fff;
}

.flexItem.tile.mega-menu-advert.savings-advert.upTo ul {
padding: 0!important;
margin: -20px 0 20px 0;
}
/*===

BULLET LIST

===*/
ul.BulletList li {
padding:0 0 10px 15px;
color:#2D2926;
}
ul.BulletList li::before {
content:'\f111';
font-size:10px;
color:#89CB31;
}
ul.BulletList li span.text-weight-normal {
font-weight:normal;
}
/*===

LINKS LIST

===*/
ul.Links li::before {
color: #89CB31;
content: '\f054';
font-size: 15px;
font-weight: 500;
}
ul.Links li{
padding:0 0 15px 15px;
}
ul.Links li a {
font-size:16px;
font-weight:600;
color:#2D2926;
text-decoration:none;
}
ul.Links li a:hover {
color:#6da227;
text-decoration:none;
}
/*===

DOCUMENT LISTS

===*/
ul.DocsList li, a.pdf {
padding:10px 0 10px 30px;
}
.doc_link::before,
ul.DocsList li::before,
a.pdf::before {
content:'\f15b';
font-family:FontAwesome;
color:#89CB31;
}
ul.DocsList li a, a.pdf {
font-size:16px;
font-weight:600;
color:#2D2926;
text-decoration:none;
margin:0;
width:100%;
}
ul.DocsList li span, a.pdf span {
color:#A1A4A5;
display:block;
font-size:14px;
margin:5px 0;
}
ul.DocsList li a:hover, a.pdf:hover {
color:#6da227;
text-decoration:none;
}
/* */
.DocsList .MaturityDoc a {
font-size:20px;
line-height:120%
}
.DocsList .MaturityDoc span {
color:#707070;
font-size:11px;
line-height:115%;
margin-right:20px;
}
_:-ms-fullscreen, :root .DocsList .MaturityDoc span {
margin-right:0;
}
.DocsList li.MaturityDoc {
background:url("/pCMS_BO/Resources/ParagonBank/Images/maturities-step-three") no-repeat scroll left 12px;
background-size:22%;
padding:19px 0 18px 100px;
}
/*===

AWARD LIST

===*/
ul.award-list li {
padding:5px 0 0px 30px;
margin:0 0 20px 0;
}
ul.award-list li::before {
content:'\f091';
color:#FFD700;
}
ul.award-list li span {
display:block;
font-weight:300;
margin:5px 0 0 0;
}
ul.award-list li strong {
font-weight:800;
}
/*===

CONTACT LIST

===*/
ul li.Phone::before {
content:'\f095';
}
ul li.Email::before {
content:'\f1fa';
}
ul li.Post::before {
content:'\f305';
}
ul li.Fax::before {
content:'\f1ac';
}
ul li.Website::before {
content:'\f109';
}
ul li.Documents::before {
content:'\f15b';
}
ul li.Address::before {
content:'\f041';
}
ul li.Mobile::before {
content:'\f10b';
}
ul li.Phone,
ul li.Email,
ul li.Post,
ul li.Fax,
ul li.Website,
ul li.Documents,
ul li.Address,
ul li.Mobile {
padding:10px 0 10px 25px;
background-repeat:no-repeat;
background-position:left 10px;
background-size:20px;
}
ul li.Phone::before,
ul li.Email::before,
ul li.Post::before,
ul li.Fax::before,
ul li.Website::before,
ul li.Documents::before,
ul li.Address::before,
ul li.Mobile::before {
font-family:FontAwesome;
color:#89CB31;
}
ul li.Phone a,
ul li.Email a,
ul li.Fax a,
ul li.Website a,
ul li.Documents a,
ul li.Mobile a {
text-decoration:none;
}
li.Documents span {
font-weight:500;
display:block;
color:#A1A4A5;
margin:5px 0 0 0;
font-size:14px;
}
@media only screen and (max-width:420px) {
ul.Contact li a {
text-decoration:none;
overflow:hidden;
-o-text-overflow:ellipsis;
text-overflow:ellipsis;
white-space:nowrap;
max-width:16em;
}
}
/*=== White text overwrite ===*/
ul.Contact-White li,
ul.Contact-White li a,
ul.Contact-White li::before {
color:#89CB31;
}
/*=== Inline text overwrite ===*/
ul.Contact-Inline {
margin:15px;
vertical-align:middle;
}
/*=== Inline padding overwhite ===*/
ul.SVR {
margin:0 0 15px;
width:100%;
padding:25px 15px 15px;
background-color:#EEEEEE;
}
ul.SVR li {
color:#2D2926;
font-weight:400;
padding:0 0 10px;
text-decoration:none;
width:auto;
font-size:16px;
}
ul.SVR li:last-of-type {
border-bottom:medium none;
}
ul.SVR li span {
display:inline-block;
float:right;
font-size:16px;
font-weight:800;
}
ul.List {
list-style-type:disc;
}
ul.List li {
font-weight:400;
margin:0;
padding:0 0 10px 10px;
line-height:150%;
}
/*

Dev Fin Page

*/
li.email-us {
background:url('/pCMS_BO/Resources/ParagonBank/Images/email-us-icon');
background-size:20px;
background-repeat:no-repeat;
background-position:0;
padding:0 15px 0 30px;
list-style-type:none;
margin-top:5px;
}
li.email-us:hover {
background:url('/pCMS_BO/Resources/ParagonBank/Images/email-us-icon-hover');
background-size:20px;
background-repeat:no-repeat;
background-position:0;
color:#6da227;
padding:0 15px 0 30px;
list-style-type:none;
margin-top:5px;
}
/***

Ordered Lists

***/
ol {
counter-reset: li;
margin: 0px 0;
padding-left: 0;
}
ol > li {
position: relative;
margin: 0 0 25px 2em;
padding: 4px 8px 4px 30px;
list-style: none;
}
ol > li::before {
content:counter(li);
counter-increment:li;
position:absolute;
top:-2px;
left:-2em;
width:2em;
padding: 9px 23px 9px 14px;
font-weight:bold;
text-align:center;
}
li ol,
li ul {
margin-top: 0px;
}
ol ol li:last-child {
margin-bottom:0;
}
.Title_Section .Parent .Child1 ul li {
border-bottom:none;
}
.phone.portrait .Title_Section .Parent .Child1 ul,
.phone.portrait .Title_Section .Parent .Child2 ul{
margin: 15px auto;
text-align: center;
}
ol.NumberList {
counter-reset: none;
}
ol.NumberList li {
list-style: inherit;
}
ol.NumberList li::before {
content: "";
}

/***

COMMERCIAL FINANCE TEAM

***/
.assetRMlist1 li,
.assetRMlist2 li,
.agricultureRMlist1 li,
.agricultureRMlist2 li,
.agricultureRMlist3 li
{
padding:5px 0 5px 40px;
}
.assetRMlist1 li::before,
.assetRMlist2 li::before,
.agricultureRMlist1 li::before,
.agricultureRMlist2 li::before,
.agricultureRMlist3 li::before{
margin:20px 0 0 0;
width:30px;
text-align:center;
color:#FFFFFF;
height:30px;
vertical-align:middle;
font-size:24px;
font-weight:600;
line-height:130%;
font-family:'Libre Franklin',sans-serif;
}
.assetRMlist1 li h3,
.assetRMlist2 li h3
.agricultureRMlist1 li h3,
.agricultureRMlist2 li h3,
.agricultureRMlist3 li h3{
margin:20px 0 15px;
font-size:20px;
font-weight:800;
}
.assetRMlist1 li h3 span,
.assetRMlist2 li h3 span,
.agricultureRMlist1 h3 span,
.agricultureRMlist2 li h3 span,
.agricultureRMlist3 li h3 span {
font-weight:400;
display:block;
margin:5px 0 0;
}
.assetRMlist1 li:nth-of-type(1)::before,
.agricultureRMlist1 li:nth-of-type(1)::before {
background-color:#449FD9;
content: '1';
}
.assetRMlist1 li:nth-of-type(2)::before {
background-color:#0371B4;
content: '2';
}
.assetRMlist1 li:nth-of-type(3)::before {
background-color:#62B7E8;
content: '3';
}
.assetRMlist1 li:nth-of-type(4)::before {
background-color:#8CBF3A;
content: '4';
}
.agricultureRMlist2 li:nth-of-type(1)::before {
background-color:#8CBF3A;
content: '2';
}
.assetRMlist1 li:nth-of-type(5)::before {
background-color:#789A5D;
content: '5';
}
.assetRMlist2 li:nth-of-type(1)::before {
background-color:#E40147;
content: '6';
}
.assetRMlist2 li:nth-of-type(2)::before {
background-color:#F0817F;
content: '7';
}
.assetRMlist2 li:nth-of-type(3)::before {
background-color:#9F2A30;
content: '8';
}
.assetRMlist2 li:nth-of-type(4)::before {
background-color:#FFD700;
content: '9';
}
.agricultureRMlist3 li:nth-of-type(1)::before {
background-color:#FFD700;
content: '3';
}
.assetRMlist2 li:nth-of-type(5)::before {
background-color:#F1C400;
content: '10';
}
.assetRMlist2 li:nth-of-type(6)::before {
background-color:#FFE34D;
content: '11';
}
/***

INLINE LIST

***/
ul.inline-list li {
display:inline;
margin:0 30px 0 0;
text-align:center;
}
.phone ul.inline-list li {
display:block;
margin:0;
}
/* LINE-THROUGH */
.line-through {
border-separate:separate;
display:table;
table-layout:auto;
}
.line-through::before,
.line-through::after {
content:"";
display:table-cell;
width:50%;
}
/* BLOCKQUOTE STYLING */
blockquote {
color:#2D2926;
font-size:28px;
font-weight:600;
line-height:130%;
margin:0;
position:relative;
padding:30px 0 30px 20px;
background-image:url(../pCMS_BO/Resources/ParagonBank/Images/skin/paragon_quote_marks);
background-position:left center;
background-repeat:no-repeat;
background-size:contain;
}
.MediumRightColumns>.Column.ColLast blockquote {
background-image:url(../pCMS_BO/Resources/ParagonBank/Images/skin/paragon_quote_marks_white);
}
blockquote span {
font-size:35px;
font-weight:800;
}
blockquote p {
display:block;
font-size:20px;
margin:10px 0 0;
padding:0;
}
blockquote.featureQuote {
font-size:38px;
padding:40px 20px;
}
blockquote.featureQuote span {
font-size:45px;
font-weight:800;
}
.savings_quote::before,
.mortgages_quote::before,
.lending_quote::before {
font-weight:600;
font-size:18px;
text-align:center;
color:#ffffff;
background-color:#0070B3;
max-width:100px;
display:block;
margin:0 0 20px;
}
.savings_quote::before {
content:'SAVINGS';
}
.mortgages_quote::before {
content:'MORTGAGES';
}
.lending_quote::before {
content:'LENDING';
}
.feefo-quote {
display:block;
margin:0 auto;
width:250px;
}
.CardSimple.Card.blogTitle {
background-color: transparent;
padding: 30px 0;
margin: 0;
border: none;
}
.CardSimple.Card.blogTitle .Card_Text{
min-height:auto;
}
.CardSimple.Card.blogTitle h1 {
font-size:40px;
margin:0;
max-width:20em;
color:#2D2926;
}
.phone .CardSimple.Card.blogTitle h1 {
font-size: 30px;
line-height: 120%;
padding:15px 0 0;
}
.hero-icon-image {
margin:30px 0;
max-height:125px;
max-width:125px;
height:100%;
width:100%;
}
.fscs-container .aer{
text-align:center;
}
.ButtonWrapper {
width:100%;
display:block;
margin:10px 0;
vertical-align:middle;
}
.ButtonWrapper > div {
display:inline-block;
padding:0 15px 15px 0;
width:auto;
}
.ButtonWrapper > div:nth-of-type(1) img {
max-width:170px;
height:auto;
}
.ButtonWrapper > .timeline {
border-right:1px solid #FFFFFF;
margin:0 35px 0 0;
padding:0 35px 0 0;
}
.phone .ButtonWrapper > .timeline {
border-right:none;
padding-bottom:20px;
width:100%;
}
.phone .ButtonWrapper > .timeline div {
display:inline-block;
width:75%;
}
.phone .ButtonWrapper > .timeline div h2 {
font-size:17px !important;
}
.phone .ButtonWrapper > .timeline img {
width:45px;
}
.ButtonWrapper > .timeline + div > a {margin:15px 0;}
.ButtonWrapper > .timeline + div img {width:200px;}
.ButtonWrapper > .timeline img {
display:inline;
margin-right:5px;
width:55px;
}
.ButtonWrapper .timeline div {
display:inline-block;
margin:0;
padding:0;
}
.ButtonWrapper .timeline div h2 {
font-size:19px;
margin:0 0 5px 0;
padding:0;
}
.ButtonWrapper .timeline div p#demo {
color:#89CB31;
font-size:20px;
font-weight:bold;
margin:0;
padding:0;
}
.ButtonWrapper .timeline div p#demo + span {
color:#FFFFFF;
display:inline;
float:left;
font-size:12px;
}
@media (max-width:420px) {
.ButtonWrapper > .timeline {
border-right:none;
padding-bottom:20px;
width:100%;
}
.ButtonWrapper > .timeline img {
width:45px;
}
.ButtonWrapper > .timeline div {
display:inline-block;
width:75%;
}
.ButtonWrapper > .timeline div h2 {
font-size:17px !important;
}
}
#LinkBox .timeline > img {
display:inline;
width:40px;
}
#LinkBox .timeline > div {
display:inline-block;
width:87%;
}
#LinkBox .timeline h2 {
font-size:16px;
margin:0;
}
#LinkBox .timeline p#demo {
color:#89CB31;
font-size:17px;
font-weight:bold;
margin:0;
padding:0;
}
#LinkBox .timeline div p#demo + span {
color:#2D2926;
display:inline;
float:left;
font-size:12px;
}
#LinkBox p.number-text {
font-size:14px;
font-weight:600;
}
@media only screen and (max-width:768px) {
#LinkBox.SavingsChampion p,
.SavingsChampion p {
clear:both;
display:block;
float:none !important;
width:100%;
}
}
.BrokerOnly {
color:#FFFFFF;
float:left;
font-size:17px;
font-weight:600;
line-height:140%;
padding:10px 0 20px;
width:100%;
}
#BrokerOnly {
color:#FFFFFF;
font-size:16px;
font-weight:600;
line-height:120%;
padding:10px 15px;
width:auto;
background:#0070B3;
margin:0 0 15px;
text-align:center;
}
.blogTitle p {
text-align:left;
}
.SavingsChampion img {
display:inline;
height:auto;
max-width:110px;
padding:5px 0;
width:100%;
}
.SavingsChampion p {
float:right;
padding:10px 0;
width:78%;
}
.targetDiv {
width:100%;
display:inline-block;
}
.targetDiv h2 {
margin:0;
padding:0;
font-size:22px;
}
.targetDiv p {
font-size:16px;
max-width:60em;
}
.phone .targetDiv {
background-color: #FFFFFF;
}
.targetDiv.ExistingBox {
border:5px solid #89CB31;
margin:10px 0 0 0;
padding:0;
}
.targetDiv.ExistingBox {
overflow:visible !important;
}
.ExistingBox h2::before {
background:url("/pCMS_BO/Resources/ParagonBank/Images/skin/Existing_Customer_PNG");
background-repeat:no-repeat;
background-size:left;
content:"";
display:inline-block;
height:100px;
position:absolute;
right:0;
top:-30px;
width:100px;
}
.targetDiv.ExistingBox h2 {
background:#89CB31;
padding:20px;
position:relative;
}
.targetDiv.ExistingBox h2 span {
color:#FFFFFF;
font-size:inherit;
}
.targetDiv.ExistingBox .savings-product-table {
padding:10px 20px;
}
.targetDiv.ExistingBox .accountExplained {
margin:20px;
}
@media screen and (max-width:768px) {
.targetDiv h2 {
font-size:20px;
width:100%;
margin:0 0 20px;
}
}
.pCMS_ChoiceContainer {
background-color:#2D2926;
display:table;
margin:0 auto;
padding:30px;
width:100%;
max-width:600px;
}
.pCMS_ChoiceContainer > div:nth-child(1),
.pCMS_ChoiceContainer > div:nth-child(2),
.pCMS_ChoiceContainer > div:nth-child(3),
.pCMS_ChoiceContainer > div:nth-child(4){
display:table-cell;
vertical-align:middle;
color:#FFFFFF;
}
.pCMS_ChoiceContainer > div:nth-child(1){
display:none;
}
.pCMS_ChoiceContainer > div:nth-child(2){
width:15%;
font-size:19px;
}
.pCMS_ChoiceContainer > div:nth-child(3){
width:55%;
padding:5px 0 0;
}
.pCMS_ChoiceContainer > div:nth-child(3) #choiceSelect {
border:2px solid #89CB31;
border-radius:2px;
font-size:14px;
min-height:40px;
width:85%;
}
.pCMS_ChoiceContainer > div:nth-child(4){
width:40%;
}
.pCMS_ChoiceContainer > div:nth-child(4) a.Button{
text-align:center;
margin:0 auto;
background-color:#89CB31;
color:#FFFFFF;
}
@media only screen and (max-width:768px){
.pCMS_ChoiceContainer > div:nth-child(2),
.pCMS_ChoiceContainer > div:nth-child(3),
.pCMS_ChoiceContainer > div:nth-child(4){
display:block;
width:100%;
}
.pCMS_ChoiceContainer > div:nth-child(3) {
width:100%;
padding:18px 0;
margin:0;
}
.pCMS_ChoiceContainer > div:nth-child(4) {
width:100%;
margin:0;
}
.pCMS_ChoiceContainer > div:nth-child(2) {
width:100%;
font-size:1.2em;
text-align:center;
}
h2.ExistingSmall {
font-size:26px;
line-height:100%;
margin:0;
min-height:82px;
padding:15px 0;
}
h2.ExistingSmall::before {
background:url("/pCMS_BO/Resources/ParagonBank/Images/skin/Existing_Customer_PNG");
background-repeat:no-repeat;
background-size:100% 100%;
content:"";
display:inline-block;
height:60px;
position:absolute;
right:0;
top:-20px;
width:60px;
}
h2.ExistingSmall span {
display:block;
font-size:55%;
font-weight:400;
line-height:180%;

}
.Google-Maps {
border-color:none;
border-style:none;
border-width:0;
}
_:-ms-fullscreen, :root .Google-Maps {
float:right;
}
.Google-Maps span::first-line {color:#2D2926;}
.Google-Maps span {
color:#707070;
display:inline-block;
line-height:125%;
padding-left:10px;
vertical-align:middle;
}
.Google-Maps img {
max-width:64px;
vertical-align:middle;
}
/* 6.CARD STYLES */
.CardSimple.Card.ApplyCard .Card_Actions{position:relative}.CardSimple.Card.ApplyCard .Card_Actions{position:relative}}.pCMS_CardListContainer{border-bottom:none;margin:0 0 10px}@media only screen and (max-width:768px){.pCMS_CardListContainer{border-bottom:none;margin:0}}.CardSimple.Card.blogTitle .Card_Title{display:none}.CardSimple.Card.blogTitle .Card_Text p{color:#FFFFFF;text-align:left}.CardSimple.Card .car-icon{float:left;margin-right:20px;width:35%}.Card_Text p.taxyear{font-size:25px;font-weight:600;padding:15px 0}.Card{width:100%;padding:0;margin:0 0 30px;position:relative;height:auto;background-color:#FFFFFF;display:block;border:5px solid #EEEEEE}.no-border{border:none}.NoCard_Parent_5967{padding-bottom:40px}@media(max-width:768px){.Card,.NoCard{padding:0}}.Card_Title{padding:15px;margin:0;color:#2D2926;line-height:100%;display:block;text-align:left;min-height:82px}.NoCard .Card_Title{color:#89CB31;padding:20px 15px 10px}.NoCard a.BigButton{font-size:32px;min-width:260px;margin:0 0 30px;padding:10px 20px}.phone .NoCard.CardLeftImage .Right .Card_Title{padding:20px 0 10px}@media(max-width:420px){.NoCard.CardLeftImage .Right .Card_Title{padding:20px 0 10px}}.Card_Title h2,.Card_Title h3{line-height:100%;margin:0;padding:0}.Card_Text,.Card_Text p{color:#2D2926;display:block;text-align:left;max-width:100%;font-size:16px;line-height:130%}.Card_Text{padding:0 15px;min-height:230px;margin:0}.Card_Text p span{color:#89CB31;font-size:3em;line-height:100%;margin:0 5px;font-weight:600;}.Card_Actions{position:absolute;padding:0 15px 15px;display:block;width:100%;bottom:0;text-align:left}.CardBtnLink .Card_Actions a{border-radius:8px;width:auto;background-color:#FFFFFF;border:2px solid #73B52D;color:#2D2926;font-size:16px;height:auto;padding:18px;text-decoration:none;position:relative;line-height:100%;max-width:100%;min-width:160px;text-align:center;display:inline-block;margin:0;font-weight:600}.CardBtnLink .Card_Actions a:hover{background-color:#E8E8E8;border:2px solid #C1C1C1;color:#2D2926}.CardTextLink .Card_Actions a,.GreenBorder a{color:#2D2926;display:inline-block;text-decoration:none;font-weight:600;font-size:16px;padding:0;margin:0;word-break:inherit;text-align:center}.CardTextLink .Card_Actions a:hover,.GreenBorder a:hover{color:#89CB31}.CardTextLink .Card_Actions a:hover::before,.GreenBorder a:hover:before{font-family:FontAwesome;content:"\f054";margin:0 5px 0 0;color:#89CB31}.CardTextLink .Card_Actions a::before,.GreenBorder a:before{font-family:FontAwesome;content:"\f054";margin:0 5px 0 0;color:#89CB31;font-size: 15px;font-weight: 500;}.ProductCard .Card_Title{background:#2D2926 none repeat scroll 0 0;padding:32px 15px;color:#FFFFFF}.ProductCard .Card_Title>h2{font-size:17px}.AwardCard .Card_Title>h2{line-height:120%}.ProductCard .Card_Title>h2{color:#FFFFFF;line-height:120%;padding:0;margin:0}.Pillar-disclosure .Card_Text{min-height:inherit}.AwardCard .Card_Title{text-align:center}.AwardCard .Card_Text{min-height:0;padding:15px}.AwardCard .Card_Text p{text-align:left}.AwardCard .Card_Text img{display:block;margin:20px auto;max-width:150px}.award-icon{position:absolute;width:35px;top:-40px;margin-left:auto;margin-right:auto;left:0;right:0}.review-card-image{padding:15px}.CardSimpleImage.Card.AwardCard{border-top:3px solid #89CB31;padding:25px 0 0 0}.ProductCard .Card_Text{min-height:270px;padding:0 15px}.CardSimpleImage .Card_Image{margin:0 auto 10px;padding:0;text-align:center;background-color:#FFFFFF}.CardSimple.Card.CardTextLink.sideReviews .customer{font-size:.6em}.CardSimple.Card.CardTextLink.sideReviews .Card_Actions{position:relative}.CardSimple.Card.CardTextLink.sideReviews .feefo-img{max-width:225px;margin-bottom:15px}.CardSimple.Card.CardTextLink.sideReviews blockquote{font-size:17px;margin:0 14px 10px 0;padding:0em 20px .2em}.CardSimple.Card.CardTextLink.sideReviews .Card_Title{min-height:60px}.CardLeftImage{min-height:175px;padding:0 10px}.NoCard.CardLeftImage{min-height:auto}.CardLeftImage .Left{width:20%;vertical-align:middle;background-repeat:no-repeat;background-position:center center}.NoCard .Left{width:10%}.phone.NoCard .Left{display:block;width:100%}.CardLeftImage .Left .Card_Image{border-radius:0;border-bottom:none;margin:0;padding:15px;text-align:center;background-color:#FFFFFF}.NoCard .Left .Card_Image{background-color:transparent;padding:0}.CardLeftImage.Card.customerStory.CardLeftImage .Left{vertical-align:top}.CardLeftImage .Left .Card_Image img{padding:0}.NoCard .Left .Card_Image img{min-width:80px!important}.phone .NoCard .Left .Card_Image img{width:20%!important}@media (max-width:420px){.NoCard.CardLeftImage .Left{display:block;width:100%}.NoCard .Left .Card_Image img{width:20%!important}}.NoCard.CardLeftImage .Right{padding:0 0 0 5px}.CardLeftImage .Right{width:80%;padding:0 0 0 25px;vertical-align:middle}.CardLeftImage .Right .Card_Title,.CardLeftImage .Right .Card_Text,.CardLeftImage .Right .Card_Text p,.CardLeftImage .Right .Card_Actions{text-align:left;min-height:auto}.CardLeftImage .Right h2{padding:0}.CardLeftImage .Right p{padding:0 0 15px}.CardLeftImage .Right .Card_Actions{padding:0 0 0 5px;bottom:15px}.CardLeftImage .Right .Card_Actions.CardTextLink a{font-size:16px}@media only screen and (max-width:420px){.CardLeftImage .Left{display:none}.CardLeftImage .Right{width:100%;padding:0}.CardLeftImage .Right .Card_Title{padding:20px 5px 0}.CardLeftImage .Right .Card_Text,.CardLeftImage .Right .Card_Text p,.CardLeftImage .Right .Card_Actions{padding:0}}.pCMS_CardBackgroundImageContainer .pCMS_CardContainer{max-width:35em}.pCMS_ImageContainer img{max-height:250px}.NoTitle .Card_Title{display:none}.Card ul.BulletList{margin:15px;text-align:left}.CardSimple.Card.CardTextLink.NewsTile p span{font-size:.875em;margin:0;text-align:left;display:block;color:#A6A8A9;line-height:1.5em;text-decoration:underline}.CardSimple.Card.CardTextLink.NewsTile p a{font-size:17px;display:block;text-align:left;word-break:inherit}.CardSimple.Card.ApplyCard{margin:0 0 20px;min-height:260px}.ApplyCard .Card_Title{min-height:65px}.ApplyCard .Card_Text{min-height:56px}.ApplyCard .Card_Title,.ApplyCard .Card_Text p{text-align:center}.Columns1>.Column .Card{min-height:80px}.Columns2>.Column .Card{min-height:290px}.Columns3>.Column .Card{min-height:300px}.log-off .Columns3>.Column .Card{min-height:330px}.Columns4>.Column .Card{min-height:320px}.noTitle .Card_Title,.noTitle .pCMS_ContentTitle {display:none}
.choiceContainer > div:nth-of-type(1),
.choiceContainer > div:nth-of-type(2),
.choiceContainer > div:nth-of-type(3) {width:100%;}
.choiceContainer > div:nth-of-type(1) {font-size:19px;}
.MediumRightColumns > .Column.ColLast .Card,
.MediumRightColumns > .Column.ColLast .tile {background-color:#EEEEEE;margin:0;}
.MediumRightColumns > .Column.ColLast .Card .Separator,
.MediumRightColumns > .Column.ColLast .tile .Separator {border-top:1px solid #2D2926;margin:15px 15px 0;}
.MediumRightColumns > .Column.ColLast .flexItem {margin:0;}

/* DIAGONAL BG CLASSES */

.light_diagonal_bg {background: linear-gradient(120deg, #EEEEEE, #EEEEEE 70%, #DDDDDD 70%, #DDDDDD);}
.dark_diagonal_bg {background: linear-gradient(120deg, #2D2926, #2D2926 70%, #423e3b 70%, #423e3b);}
.light_diagonal_bg.rotated {background: linear-gradient(345deg, #EEEEEE, #EEEEEE 70%, #DDDDDD 70%, #DDDDDD);}
.dark_diagonal_bg.rotated {background: linear-gradient(345deg, #2D2926, #2D2926 70%, #423e3b 70%, #423e3b);}


/* SPEECH BUBBLE */
.SpeechBubble {
border-radius:7px;
margin-bottom:50px;
position:relative;
z-index:1;
}
.SpeechBubble::before {
border-color:#FFFFFF transparent !important;
border-style:solid;
border-width:45px 10px 0;
bottom:-30px;
content:'';
display:block;
filter:drop-shadow(4px 3px 2px rgba(0, 0, 0, 0.09));
-ms-filter:drop-shadow(4px 3px 2px rgba(0, 0, 0, 0.09));
-webkit-filter:drop-shadow(4px 3px 2px rgba(0, 0, 0, 0.09));
-moz-filter:drop-shadow(4px 3px 2px rgba(0, 0, 0, 0.09));
left:75%;
position:absolute;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
width:0;
}
_:-ms-fullscreen, :root .SpeechBubble::before {
border-color:none;
border-style:none;
content:url("/pCMS_BO/Resources/ParagonBank/Images/skin/speech-bubble");
left:45%;
-ms-transform:rotate(0deg);
transform:rotate(0deg);
}
.SpeechBubble h2 {
font-size:16px;
margin:0;
width:auto;
}
.SpeechBubble h2 span {
display:block;
font-style:italic;
font-size:12px;
font-weight:400;
}
.SpeechBubble blockquote {
color:#2D2926;
font-style:italic;
font-size:14px;
font-weight:300;
margin:0;
padding:50px 5px 14px;
}
.SpeechBubble blockquote::before,
.SpeechBubble blockquote::after {
color:#89CB31;
font-style:none;
position:absolute;
}
.SpeechBubble blockquote::before {
top:50px;
left:25px;
}
.SpeechBubble blockquote::after {
bottom:-30px;
right:13px;
}
.SpeechBubble.Extended blockquote::after {
bottom:90px;
}
/* Blockquote for Awards page */
.SpeechBubble blockquote.AwardQuote::before,
.SpeechBubble blockquote.AwardQuote::after {
color:#A5A19F;
font-size:90px;
}
.SpeechBubble blockquote.AwardQuote::before,
.SpeechBubble blockquote.AwardQuote:before {
left:0;
top:50px;
}
.SpeechBubble blockquote.AwardQuote::after,
.SpeechBubble blockquote.AwardQuote:after {
bottom:10px;
}
.SpeechBubble blockquote.AwardQuote {
color:#89CB31;
font-size:20px;
font-style:normal;
font-weight:600;
line-height:150%;
text-indent:30px;
}
.SpeechBubble div.customer {
text-align:left;
}
.SpeechBubble div.customer img {
float:left;
max-width:100%;
padding-right:10px;
width:64px;
}
.phone .SpeechBubble blockquote {
padding:16px 15px 14px;
}
.tablet .SpeechBubble.Extended blockquote::after {
bottom:120px;
}
.tablet .SpeechBubble blockquote::after {
bottom:90px;
right:15px;
}
.tablet .SpeechBubble blockquote::before {
left:35px;
}
.tablet .SpeechBubble blockquote {
font-size:0.9em;
padding:16px 15px 14px;
}
.phone .SpeechBubble div.customer,
.tablet .SpeechBubble div.customer {
text-align:center;
}
.phone .SpeechBubble div.customer img,
.tablet .SpeechBubble div.customer img {
float:none;
width:74px;
}
.two-column-container .CardSimple.Card.SpeechBubble.noTitle.noMin {
min-height:410px;
}
.CardSimple.Card.SpeechBubble.noTitle.noMin {
min-height:auto;
padding:10px 0;
}
.MediumRightColumns > .Column.ColLast .Card.SpeechBubble.Extended {min-height:160px;}
.MediumRightColumns > .Column.ColLast .Card.SpeechBubble {min-height:140px;}
.tablet .MediumRightColumns > .Column.ColLast .Card.SpeechBubble.Extended {min-height:140px;}
.tablet .MediumRightColumns > .Column.ColLast .Card.SpeechBubble {min-height:120px;}
@media only screen and (max-width:768px) {
.SpeechBubble blockquote.AwardQuote {
font-size:12px;
line-height:140%;
padding:16px 0 14px;
}
.SpeechBubble blockquote.AwardQuote::before,
.SpeechBubble blockquote.AwardQuote::after {
font-size:60px;
}
.SpeechBubble blockquote.AwardQuote::before {
bottom:0;
}
.SpeechBubble blockquote.AwardQuote::after {
top:35px;
}
.SpeechBubble::before {
border-color:#F0F0F0 transparent;
}
.two-column-container .CardSimple.Card.SpeechBubble.noTitle.noMin {
min-height:auto;
}
}
.CardSimple.Card.about-us-three-col {min-height:321px;}
.CardLeftImage.Card.customerStory .Card_Title {
font-size:22px;
font-weight:600;
}
.CardLeftImage.Card.customerStory p {line-height:1.3em;}
.CardLeftImage.Card.customerStory .Card_Image {
padding:0;
margin:0;
}
.CardLeftImage.Card.customerStory p span {
font-size:20px;
font-weight:600;
line-height:1.3em;
}
.CardLeftImage.Card.customerStory {padding:0;}
.CardSimple.Card.customerStory.twoBox .Card_Title {
font-size:22px;
font-weight:600;
}
.CardSimple.Card.customerStory.twoBox p {line-height:20px;}
.noBg {
background:transparent;
-webkit-box-shadow:none;
box-shadow:none;
}
.noBg.CardLeftImage .Left .Card_Image {background:none;}
.CardSimple.Card.noTitle.noBg .Card_Text {padding:0;}
.main-content-padding-bottom-none .pCMS_ContentItem {padding:20px 0 0 0;}
.accountExplained {background:#EEEEEE;padding:7px 20px 2px;margin:15px 0 0;}
.phone .accountExplained {padding: 20px 20px 5px;}
.accountExplained h4 {font-size:20px;}
.accountExplained a, .accountExplained a:link, .accountExplained a:visited {color:#2D2926;font-weight:600; text-decoration:none;}
.accountExplained a:hover,.accountExplained a:link:hover,.accountExplained a:visited:hover {color:#89cb31;}
.accountExplained a:hover::before {font-family:FontAwesome;content:"\f054";margin:0 5px 0 0;color:#89CB31;font-size:15px;font-weight:500;}
.accountExplained a::before {font-family:FontAwesome;content:"\f054";margin:0 5px 0 0;color:#89CB31;font-size:15px;font-weight:500;}
/*=======

EXPANDING SECTION

=======*/
.ExpanderWrapper {display:table;margin:0 0 0px;padding:20px;width:100%;background:#FFFFFF;border-bottom:none;}
.ExpanderWrapper .ExpanderImage {display:table-cell;padding:10px;width:25%;text-align:center;vertical-align:top;}
.ExpanderWrapper .ExpanderImage img {height:auto;width:90%;margin:0 auto;}
.ExpanderContent .Separator {margin:30px 0 0 0;}
.ExpanderWrapper .ExpanderCopy {display:table-cell;height:100%;padding:0;vertical-align:middle;}
.ExpanderWrapper .ExpanderCopy h2,
.ExpanderWrapper .ExpanderContent h2 {font-weight:600;margin:15px 0 0 0;}
.ExpanderWrapper .ExpanderCopy h4 {color:#2D2926;line-height:100%;margin:0 0 5px;padding:0;text-align:left;}
.ExpanderWrapper .ExpanderCopy p {color:#2D2926;font-size:18px;line-height:140%;padding:5px 15px 0;}
.ExpanderWrapper .ExpanderCopy a.Link {color:#FFFFFF !important;margin:15px 0 5px !important;padding:0 !important;}
.ExpanderContent {
background:#EEEEEE;
clear:both;
display:none;
margin:0 0 15px;
padding:30px 50px;
width:100%;
-webkit-box-shadow:none;
box-shadow:none;
}
.plusBtn {
color:#2D2926 !important;
cursor:pointer;
float:left;
font-size:18px;
line-height:32px;
margin:10px 0 0;
padding:4px 10px 4px 10px;
text-align:center;
text-decoration:none !important;
width:auto;
background-color:#FFFFFF;
border:2px solid #73b52d;
font-weight:600;
}
plusBtn:hover {
color:#6DA227 !important;
}
/*=======

EXPANDING SECTION - AWARDS

=======*/
.ExpanderWrapper .ExpanderCopy .plusBtn.textBtn {
float:right;
text-align:right;
border:none;
font-size:18px;
font-weight:500;
}
.ExpanderWrapper .ExpanderCopy .plusBtn.textBtn span {
color:#2d2926;
font-size:18px;
font-weight:800;
display:block;
}
.ExpanderWrapper .ExpanderCopy .plusBtn.textBtn span:hover {
color:#6da227;
}
@media only screen and (max-width:530px) {
.ExpanderWrapper .ExpanderCopy {
border-radius:0 0 5px 5px;
display:block;
float:left;
width:100%;
}
.ExpanderWrapper .ExpanderImage {
border-radius:5px 5px 0 0;
display:block;
width:100%;
margin:0 auto;
}
.ExpanderWrapper .ExpanderCopy p {
padding:15px 0 0;
}
}
@media only screen and (max-width:768px) {
.plusBtn {
padding:0;
width:100%;
}
}
/*=======

EXPANDING SECTION - MEET THE TEAM

=======*/
h3.boardTitles {
color:#2D2926;
font-size:22px;
font-weight:800;
line-height:120%;
}
h3.boardTitles span {
color:#2D2926;
display:block;
font-weight:400;
}
.customer-story-noimg {
width:47%;
float:left;
margin:15px;
}
.customer-story-noimg p {
margin:10px 0;
}
.StoryTitle {
font-weight:600;
}




/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

/*=======

8.TABS REGION

=======*/
/*===

CONTENT ITEM TABS

===*/
.Tabs {
border:none;
}
.TabsContainer {
width:100%;
display:block;
margin:0 auto;
max-width:1200px;
}
.Tabs_header {
background-color:#FFFFFF;
width:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
flex-direction:row;
-ms-flex-direction:row;
-ms-flex-line-pack:stretch;
align-content:stretch;
}
.Tabs__tab {
cursor:pointer;
padding: 30px 20px;
text-align:center;
-webkit-transition:background-color .3s ease;
-o-transition:background-color .3s ease;
transition:background-color .3s ease;
border:2px solid transparent;
border-bottom:2px solid #dddddd;
background-color: #f1f1f1;
-webkit-box-flex:1;
    -ms-flex:1;
        flex:1;
}
.Tabs__tab span{
font-weight:600;
font-size:20px;
}
.Tabs__tab.active span {
font-weight:800;
}
.Tabs__tab:hover span {
color:#89CB31;
}
.Tabs__tab.active {
cursor:pointer;
background-color:#FFFFFF;
border-top:2px solid #dddddd;
border-right:2px solid #dddddd;
border-left:2px solid #dddddd;
border-bottom:none;
}
.Tabs_body {
margin-top:0;
padding:20px 0;
position:relative;
z-index:0;
display:inline-block;
width:100%;
background-color:#FFFFFF;
}
.Tabs_body p {
padding:0 0 15px;
}
.Tabs_body ul {
margin:15px;
max-width:90%;
}
.pCMS_TabContentContainer {
width: 100%;
}
.Tabs__content {
display:none;
height:0;
margin-top:0;
opacity:0;
}
.Tabs__content.active {
display:block;
height:auto;
opacity:1;
}
.Tabs__Loading {
padding:25px 40px;
}
.phone.portrait .Tabs_header {
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
    -ms-flex-direction:column;
        flex-direction:column;
}
.phone.portrait .Tabs__tab {
padding:30px 0;
}
.phone.portrait .Tabs__tab span {
font-weight:600;
font-size:14px;
}
.phone .Tabs__tab.active:first-child,
.tablet .Tabs__tab.active:first-child {
border-left:2px solid #dddddd;
}
/*===

IN PAGE TABS

===*/
.tab {
overflow: hidden;
background-color: #eeeeee;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.tab a {
-webkit-box-flex:1;
    -ms-flex:1;
        flex:1;
outline: none;
cursor: pointer;
padding: 30px 15px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
font-size: 20px;
text-align:center;
color:#2d2926;
font-weight: 600;
border:2px solid transparent;
border-bottom:2px solid #dddddd;
}
.phone.portrait .tab a {
padding: 15px 5px;
font-size: 15px;
font-weight: 600;
}
/* Style image/icon in tab */
.tab a img {
max-width:150px;
margin:-15px auto 0;
padding:0;
display:block;
}
.phone.portrait .tab a img {
display:none;
}
.tab a:hover {
color: #89cb31;
background-color: #ffffff;
}
.tab a.active {
background-color: #ffffff;
font-weight: 800;
border-top:2px solid #ddd;
border-left:2px solid #ddd;
border-right:2px solid #ddd;
border-bottom:none;
}
.tabcontent {
display: none;
padding: 20px 0;
}
.tabcontent.center {
text-align:center;
}
.fake-tabs {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:100%;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
}
.fake-tabs span{
-webkit-box-flex:1;
-ms-flex:1 1 auto;
flex:1 1 auto;
display:inline-block;
background:#f1f1f1;
margin:0;
text-align:center;
border-bottom:2px solid #dddddd;
}
.fake-tabs span a {
text-decoration:none;
color:#2D2926;
padding:10px;
display:block;
}
.fake-tabs span.active {
background:#ffffff;
border:2px solid #dddddd;
border-bottom:none;
}
.fake-tabs span a h3:hover{
color:#89CB31;
}
.fake-tabs span.active a h3:hover{
color:#2D2926;
}
.noSeparator .Separator {
display:none;
}
.phone.portrait .fake-tabs {
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.phone.portrait .tab-container {
position:relative;
}
.phone.portrait .fake-tabs span {
-webkit-box-flex:1;
-ms-flex:0 0 48%;
flex:0 0 48%;
border:2px solid #ddd;
margin:3px;
text-align:left;
width:100%;
}
.phone.portrait .fake-tabs span h3 {
font-size:16px;
text-align:center;
font-weight:600;
margin:10px 0;
}
.phone.portrait .fake-tabs span.active h3{
font-weight:800;
}
.phone.portrait .fake-tabs span.active{
border:2px solid #89cb31;
}

.two-tabs .Tabs__tab:nth-of-type(3),
.two-tabs .Tabs__tab:nth-of-type(4),
.two-tabs .Tabs__tab:nth-of-type(5) {
display:none;
}
.three-tabs .Tabs__tab:nth-of-type(4),
.three-tabs .Tabs__tab:nth-of-type(5) {
display:none;
}
.four-tabs .Tabs__tab:nth-of-type(5) {
display:none;
}



/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/
/*===

7.ACCORDION STYLE

===*/
.AccordionVertical {
border:none;
margin:20px 0;
}
.pCMS_MobileMenuControlItem .AccordionVertical {
margin:0;
}
.AccordionVertical_item {
border:2px solid #DDDDDD;
margin:0 0 10px;
border-radius:2px;
}
.AccordionVertical_item:first-child {
border-top:2px solid #DDDDDD;
}
.AccordionVertical__header {
background:#FFFFFF;
cursor:pointer;
margin:0;
padding:0;
position:relative;
-webkit-transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
-o-transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
}
.AccordionVertical___title > div {
font-size:20px;
font-weight:600;
color:#2D2926;
padding:30px 50px 30px 30px;
}
.phone .AccordionVertical___title > div {
font-size:16px;
}
.AccordionVertical___icon {
position:absolute;
top:30px;
right:30px;
border:none;
}
.AccordionVertical___icon > .fa {
color:#89CB31;
font-size:18px;
border:none;
}
.AccordionVertical_item.open > .AccordionVertical__header > .AccordionVertical___icon > .fa {
-webkit-transform:rotate(-180deg);
-ms-transform:rotate(-180deg);
transform:rotate(-180deg);
-webkit-transition:300ms linear all;
-o-transition:300ms linear all;
transition:300ms linear all;
}
.fa-angle-down::before {
content:"\f067";
}
.AccordionVertical___icon > .fa-angle-down::before {
content:'\f078';
}
.AccordionVertical_item.open > .AccordionVertical__content {
padding:0;
border-top:none;
}
.AccordionVertical__content {
margin:0;
padding:0;
-webkit-transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
-o-transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
height:0px;
overflow:hidden;
}
.pCMS_AccordionItemContent {
padding: 40px;
border-top:1px solid #DDDDDD;
}
.pCMS_AccordionItemContent .two-column-container,
.pCMS_AccordionItemContent .three-column-container  {
padding: 0 20px;
}
.pCMS_SubAccordionItemContent {
padding: 20px;
border-top:1px solid #DDDDDD;
}
.pCMS_AccordionItemContent div table {
margin:30px 0;
border: 1px solid #CCCCCC;
border-collapse: collapse;
color:#2d2926;
}
.AccordionVertical__content div table tr {
border: 1px solid #DDDDDD;
}
.AccordionVertical__content table.opening-hours-table {
width:100%;
border:none;
}
.AccordionVertical__content table.opening-hours-table tr {
border:none;
background-color:#ffffff;
}
.pCMS_SubAccordionItemContainer .AccordionVertical_item {
width:98%;
margin:10px auto;
}
.AccordionVertical_item.open > .AccordionVertical__header > .AccordionVertical___icon > .fa {
border:medium none;
border-radius:16px;
color:#89CB31;
height:18px;
-webkit-transform:rotate(-180deg);
-ms-transform:rotate(-180deg);
transform:rotate(-180deg);
-webkit-transition:300ms linear all;
-o-transition:300ms linear all;
transition:300ms linear all;
width:18px;
}
.AccordionVertical_item.open .AccordionVertical___icon {
border-bottom-right-radius:0;
}
.AccordionVertical__content ul {
margin:0 0 40px;
}
/*===

GENERIC ACCORDION - IN PAGE

===*/
.accordion-wrapper {
margin:0 auto;
border: 3px solid #EEEEEE;
}
.accordion-wrapper .accordion-control {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
-webkit-box-pack: end;
-ms-flex-pack: end;
    justify-content: flex-end;
}
.accordion-wrapper .accordion-control i {
font-size: 18px;
color: #89CB31;
-webkit-transform-origin: inherit;
-ms-transform-origin: inherit;
    transform-origin: inherit;
padding:0 8px 0;
}
.accordion-control {
display: block;
width: 100%;
cursor:pointer;
}
.accordion-wrapper button.accordion-control {
display: block;
width: 100%;
cursor:pointer;
background-color:#FFFFFF;
background-image: none;
background-size: cover;
background-repeat: no-repeat;
text-align: left;
padding: 30px;
color: #2D2926;
font-size: 22px;
font-weight:800;
border:none;
font-family:'Libre Franklin',sans-serif;
}
.accordion-inner{
overflow:hidden;
display:none;
padding: 30px;
}
.accordion-wrapper.no-border,
.accordion-wrapper.no-border button.accordion-control {
border: none;
}
.accordion-wrapper.center button.accordion-control,
.accordion-wrapper.center button.accordion-inner {
text-align: center;
}
.rotate{
-webkit-transition: all .1s linear;
-o-transition: all .1s linear;
transition: all .1s linear;
}
.rotate.down{
-webkit-transform:rotate(-180deg);
-ms-transform:rotate(-180deg);
transform:rotate(-180deg);
}
.phone .accordion-wrapper button.accordion-control{
font-size: 16px;
}




/*=======

9.TABLES

=======*/
table {
width:100%;
border-collapse:collapse;
margin:20px 0;
font-size:16px;
background:#FFFFFF;
}
table.btl-product-table {
font-size:14px;
}
th,tr,td {
vertical-align:middle;
}
/* Zebra striping */
tr:nth-of-type(even) {
background:#F6F6F6;
}
thead th {
background:#2D2926;
color:white;
font-weight:600;
padding:12px;
}
td,th {
padding:12px;
border:none;
text-align:left;
color:#2D2926;
line-height:120%;
}
table th {
background-color:#2D2926;
color:#FFFFFF;
}
/* Style for table with no background */
.clear-table tr {
background:#FFFFFF;
}
.clear-table tr td:nth-of-type(1) {
padding-left:0;
vertical-align:top;
white-space:pre-wrap;
width:1px;
}
.clear-table tr td > *.button {
margin:0 0 15px;
}
.clear-table td.empty {
padding:30px 0 0;
}
/* Soft Assets table */
.pricing-table {
border:1px solid #EEEEEE;
}
.pricing-table tr td {
text-align:center;
}
.desktop .pricing-table.three-tr tr td {
width:33.33%;
}
.pricing-table tr:first-of-type td {
background:#2D2926;
color:#FFFFFF;
font-weight:bold;
}
.pricing-table tr:last-of-type td {
padding:15px 25px;
}
table.pricing-update th {
font-weight:800;
}
table.pricing-update td, table.pricing-update th {
text-align:center;
}
/* Media asset email */
.side-table td {
padding:15px;
}
.side-table td:nth-child(odd) {
background:#2D2926;
color:#FFFFFF;
font-weight:800;
border:1px solid #EEEEEE;
}
.side-table td:last-of-type {
background:#FFFFFF;
font-weight:normal;
}
.side-table td:nth-child(even) {
background:#F2F2F2;
border:1px solid #B9B9B9;
}
/* */
.tax-blog-table tr:nth-of-type(1) {
background:#2D2926;
}
.tax-blog-table tr:nth-of-type(1) td {
color:#FFFFFF;
font-weight:600;
}
.savings-product-table ul.TickList {
margin:0;
}
.savings-product-table ul.TickList li {
padding:5px 30px 0;
}
.savings-product-table td:nth-of-type(4){
color:#2D2926;
font-size:16px;
font-weight: 700;
}
.savings-product-table td:nth-of-type(4) span {
font-weight:400;
}
.savings-product-table td:nth-of-type(6) a {
background-color:#89CB31;
border-radius:8px;
color:#2D2926;
margin:5px;
padding:15px;
text-decoration:none;
word-break:normal;
font-size:16px;
border:2px solid #73b52d;
}
.phone .savings-product-table td:nth-of-type(6) a,
.tablet .savings-product-table td:nth-of-type(6) a{
padding:15px;
font-size:15px;
}
.savings-product-table td:nth-of-type(6) a:hover {
background-color:#E8E8E8;
border:2px solid #C1C1C1;
}
.savings-product-table td.ExistingIcon {
padding:0;
}
.savings-product-table td.ExistingIcon img {
width:60px;
}
td a.rowlink {
color:#2D2926;
font-weight:700;
font-size:16px;
word-break:normal;
text-decoration:underline;
}
.savings-summary-table,
.isa-table {
border-bottom:none;
}
.savings-summary-table td:nth-of-type(odd){
width:40%;
padding:20px;
font-weight:600;
}
.savings-summary-table td:nth-of-type(even){
width:60%;
padding:20px;
}
.savings-product table.savings-interest-table {
border:1px solid #FFFFFF;
margin:20px 0;
}
.savings-product table.savings-interest-table th {
background:#2D2926;
font-weight:500;
font-size:16px;
padding:10px 12px;
}
table.savings-interest-table td {
padding:10px 12px;
}
.savings-interest-table tr:nth-of-type(odd) {background:#FFFFFF;}
.savings-interest-table tr:nth-of-type(even) {background:#F6F6F6;}
.savings-interest-table tr td {font-weight:400;}
.isa-table {
text-align:center;
display:table;
background-color:#FFFFFF;
}
.isa-table th {
background-color:#2D2926;
color:#FFFFFF;
text-align:center;
padding:10px;
font-size:22px;
width:50%;
float:left;
}
.isa-table tr,
.isa-table td {text-align:center;vertical-align:top;}
.isa-table tr td {padding:15px;float:left;}
.isa-table tr:nth-of-type(2n){font-weight:600;}
/*

Broker open day table

*/
.broker-day-table tr td {vertical-align:top;}
.broker-day-table tr td:first-of-type {white-space:nowrap;width:1px;}
/*

BTL product table

*/
.btl-product-table td:nth-of-type(2) {
color:#89CB31;
font-size:19px;
font-weight:500;
}
.mortgage-product-table th,
.btl-product-table th,
.mortgage-product-table td,
.btl-product-table td {
font-size:0.9em;
text-align:left;
font-weight:500;
}
.mortgage-product-table td span {
display:block;
font-size:12px;
line-height:120%;
font-weight:400;
}
/*
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media
only screen and (max-width:760px),
(min-device-width:768px) and (max-device-width:920px) {
.phone .savings-product-table td,
.tablet .savings-product-table td,
.phone .savings-interest-table td,
.tablet .savings-interest-table td{
border:none;
border-bottom:none;
position:relative;
}
.phone .savings-product-table td,
.phone .savings-interest-table td{
padding-left:55%;
padding-top:20px;
margin-bottom:0;
}
.tablet .savings-product-table td,
.tablet .savings-interest-table td{
padding-left:50%;
}
.phone .savings-product-table td:before,
.tablet .savings-product-table td:before,
.phone .savings-interest-table td:before,
.tablet .savings-interest-table td:before {
/* Now like a table header */
position:absolute;
/* Top/left values mimic padding */
top:20px;
left:20px;
width:45%;
padding-right:10px;
font-weight:500;
}
td:nth-of-type(5) a {
margin:10px 0;
padding:5px;
}
.savings-product-table td {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
/* Label the data */
.savings-product-table {margin:0 0 20px; display:inline-block;}
.savings-product-table ul.TickList {margin:0 0 5px;}
.savings-product-table ul.TickList li {background-position:left 0;display:inline-block;padding:0 30px 5px;}
.savings-product-table td:nth-of-type(1):before { content:"Account"; display:inline-block;}
.savings-product-table td:nth-of-type(2):before { content:"Gross Annual Interest";display:inline-block;}
.savings-product-table td:nth-of-type(3):before { content:"Gross Monthly Interest";display:inline-block;}
.savings-product-table td:nth-of-type(4):before { content:"AER*";display:inline-block;}
.savings-product-table td:nth-of-type(5):before { content:"Apply";display:inline-block;}
.savings-product-table td:nth-of-type(6):before { content:"";}
.CashISA.lifetime-isa table.savings-product-table td:nth-of-type(1):before { content:"Account"; display:inline-block;}
.CashISA.lifetime-isa table.savings-product-table td:nth-of-type(2):before { content:"Gross Annual Interest";display:inline-block;}
.CashISA.lifetime-isa table.savings-product-table td:nth-of-type(3):before { content:"AER*";display:inline-block;}
.CashISA.lifetime-isa table.savings-product-table td:nth-of-type(4):before { content:"Apply";display:inline-block;}
.CashISA.lifetime-isa table.savings-product-table td:nth-of-type(5):before { content:"";}
.LimitedEditionRow > td {background:#F3F9EA !important;}
.tablet .savings-product-table thead {display:none;}
.tablet .savings-product-table td {display:inline-block;width:100%;}
.tablet .savings-product-table tr {display:inline-block;margin:10px 0;}
.savings-interest-table {margin:0 0 20px;display:inline-block;}
.savings-interest-table td:nth-of-type(1)::before {content:"Change";font-weight:500;}
.savings-interest-table td:nth-of-type(2)::before {content:"When we'll email you";font-weight:500;}
.savings-interest-table tr th {display:none;}
.tablet .savings-interest-table td {display:inline-block;width:100%;}
.tablet .savings-interest-table tr {display:inline-block;margin:10px 0;}
/* Style for table with no background */
.clear-table tr td {padding-left:0;}
.clear-table tr td:nth-of-type(1) {padding-bottom:0;}
.clear-table tr td > *.button {margin:5px 0;}
.clear-table td.empty {padding:0;}
.phone .clear-table {padding:0 0 30px;}
.phone .clear-table tr td {padding-left:0;}
.phone .clear-table tr td:nth-of-type(1) {padding-bottom:0;}
.phone .clear-table tr td > *.button {margin:5px 0;}
.phone .clear-table td.empty {padding:0;}
.tablet .clear-table {padding:0 0 30px;}
.tablet .clear-table tr td {padding-left:0;}
.tablet .clear-table tr td:nth-of-type(1) {padding-bottom:0;}
.tablet .clear-table tr td > *.button {margin:5px 0;}
.tablet .clear-table td.empty {padding:0;}
/* Opening hours table remains the same when in tablet and mobile */
.opening-hours-table tr {background:#FFFFFF; float:left;}
.opening-hours-table tr td:nth-of-type(-n+2) {float:left; width:180px;}
.mortgage-product-table td:nth-of-type(1)::before {content:"Code";font-weight:500; margin:0 40px 0 0;}
.mortgage-product-table td:nth-of-type(2)::before {content:"Rates";font-weight:500; margin:0 40px 0 0;}
.mortgage-product-table td:nth-of-type(3)::before {content:"Fee";font-weight:500; margin:0 40px 0 0;}
.mortgage-product-table td:nth-of-type(4)::before {content:"Early repayment charge";font-weight:500; margin:0 40px 0 0;}
.mortgage-product-table td:nth-of-type(5)::before {content:"APR";font-weight:500; margin:0 40px 0 0;}
.mortgage-product-table td:nth-of-type(6)::before {content:"Reversion rate";font-weight:500; margin:0 40px 0 0;}
.mortgage-product-table td:nth-of-type(7)::before {content:"ICR rate";font-weight:500; margin:0 40px 0 0;}
.mortgage-product-table td:nth-of-type(8)::before {content:"Product specific criteria";font-weight:500; margin:0 40px 0 0;}
.btl-product-table td:nth-of-type(1)::before {content:"Code";font-weight:500;}
.btl-product-table td:nth-of-type(2)::before {content:"Rates";font-weight:500;}
.btl-product-table td:nth-of-type(3)::before {content:"Fee";font-weight:500;}
.btl-product-table td:nth-of-type(4)::before {content:"Early repayment charge";font-weight:500;}
.btl-product-table td:nth-of-type(5)::before {content:"APR";font-weight:500;}
.btl-product-table td:nth-of-type(6)::before {content:"ICR rate";font-weight:500;}
.btl-product-table td:nth-of-type(7)::before {content:"Product specific criteria";font-weight:500;}
.criteria-table {margin:0 0 20px;}
.criteria-table td:nth-of-type(1)::before {content:"Maximum LTV";font-weight:500;margin:0 40px 0 0;}
.criteria-table td:nth-of-type(2)::before {content:"Loan amount";font-weight:500;margin:0 40px 0 0;}
.historic-table td:nth-of-type(1)::before {content:"Term";font-weight:500; margin:0 40px 0 0;}
.historic-table td:nth-of-type(2)::before {content:"With effect from";font-weight:500; margin:0 40px 0 0;}
.historic-table td:nth-of-type(3)::before {content:"AER (%)";font-weight:500; margin:0 40px 0 0;}
.TaxBandTable {margin:0 0 20px;}
.TaxBandTable td:nth-of-type(1)::before {content:"Applicant type";font-weight:500; margin:0 100px 0 0;}
.TaxBandTable td:nth-of-type(2)::before {content:"SSC";font-weight:500; margin:0 173px 0 0;}
.TaxBandTable td:nth-of-type(3)::before {content:"HMO/MUB)";font-weight:500; margin:0 122px 0 0;}
.applicantTable {margin:0 0 20px;}
.applicantTable td:nth-of-type(1)::before {content:"Applicant type";font-weight:500;margin:0 50px 0 0;}
.applicantTable td:nth-of-type(2)::before {content:"Applicant ICR";font-weight:500;margin:0 50px 0 0;}
.faq-table {margin:0 0 20px;}
.faq-table td:nth-of-type(1) {margin:0 0 0 120px;}
.faq-table td:nth-of-type(2)::before {content:"Upper limit";font-weight:500;margin:0 40px 0 0;}
.tax-blog-table tr:nth-of-type(1) {display:none;}
.tax-blog-table td {text-align:right;}
.tax-blog-table td:nth-of-type(1)::before { content:"Tax year";text-align:left;float:left;}
.tax-blog-table td:nth-of-type(2)::before { content:"% of finance costs deductible from rental income";font-size:60%;white-space:normal;text-align:left;float:left;}
.tax-blog-table td:nth-of-type(3)::before { content:"% of finance costs eligible for a basic rate tax credit";font-size:60%;white-space:normal;text-align:left;float:left;}
/*

Pricing Update Table

*/
.pricing-update {margin:0 0 20px; display:inline-block; text-align:center;}
.pricing-update td:nth-of-type(1):before {content:"Lending term*"; font-weight:800; margin-right:10px;}
.pricing-update td:nth-of-type(2):before {content:"Advance value*"; font-weight:800; margin-right:10px;}
.pricing-update td:nth-of-type(3):before {content:"Asset Types"; font-weight:800; margin-right:10px;}
.pricing-update td:nth-of-type(4):before {content:"Minimum Paragon yield"; font-weight:800; margin-right:10px;}
.pricing-update td:nth-of-type(5):before {content:"Introducer Commission"; font-weight:800; margin-right:10px;}
.tablet .pricing-update thead {display:none;}
.tablet .pricing-update td {display:inline-block;width:100%;}
.tablet .pricing-update tr {display:inline-block;margin:10px 0;}
.pricing-update td.no-before::before{
content:none;
}
.phone .pricing-update {
border:1px solid #A5A5A5;
}
.phone .pricing-update td {
border-bottom:1px solid #A5A5A5;
}
table.pricing-update td, table.pricing-update th {
text-align:left;
}
/* */
.pricing-table {border:1px solid #EEEEEE;display:inline-block;margin:0 0 20px;}
.pricing-table tr td {padding:20px 10px;text-align:left;}
.pricing-table tr:nth-of-type(1) {display:none;}
.pricing-table tr:not(:first-of-type):not(:last-of-type) td::before {content:attr(data-label);color:#2D2926;display:inline-block;width:80%;}
.pricing-table.three-tr tr:not(:first-of-type):not(:last-of-type) td::before {float:left;width:50%;}
.phone .pricing-table, .tablet .pricing-table {border:1px solid #EEEEEE;display:inline-block;margin:0 0 20px;}
.phone .pricing-table tr td, .tablet .pricing-table tr td {padding:20px 10px;text-align:left;}
.phone .pricing-table tr:nth-of-type(1), .tablet .pricing-table tr:nth-of-type(1) {display:none;}
.phone .pricing-table tr:not(:first-of-type):not(:last-of-type) td::before, .tablet .pricing-table tr:not(:first-of-type):not(:last-of-type) td::before {content:attr(data-label);color:#2D2926;display:inline-block;width:80%; font-weight: 700;}
.phone .pricing-table.three-tr tr:not(:first-of-type):not(:last-of-type) td::before, .tablet .pricing-table.three-tr tr:not(:first-of-type):not(:last-of-type) td::before {float:left;width:50%;}
/* */
}
@media(max-width:335px) {
.faq-table td:nth-of-type(1) {margin:0 0 0 70px;}
}
@media(max-width:768px) {
.savings-summary-table tr {
padding:0 0 15px;
}
.savings-summary-table tr:nth-of-type(2n+1) {
background:#FFFFFF none repeat scroll 0 0;
}
.savings-product-table td:nth-of-type(4){
color:#2D2926;
font-size:16px;
font-weight:700;
}
.savings-product-table td:nth-of-type(6) a {
margin:5px 0;
}
.savings-summary-table td:nth-of-type(odd){
width:100%;
font-weight:600;
padding:10px 20px 0;
font-size:19px;
}
.savings-summary-table td:nth-of-type(even){
color:#2D2926;
width:100%;
padding:10px 20px 0;
}
}
/*=======

CLEAN RESPONSIVE TABLE

=======*/
table.responsive {
border-collapse:collapse;
margin:0;
padding:0;
width:100%;
table-layout:fixed;
}
table.responsive caption {
font-size:24px;
margin:.5em 0 .75em;
}
table.responsive tr {
background-color:#FFFFFF;
border:none;
}
table.responsive tr:nth-of-type(odd) {
background-color:#FFFFFF;
}
table.responsive th,
table.responsive td {
padding:15px;
text-align:left;
}
table.responsive th {
font-size:16px;
background-color:#2D2926;
color:#FFFFFF;
padding:20px 15px;
}
table.responsive th span {
display:block;
margin:5px 0;
font-weight:400;
}
table.responsive tr a {
color:#2D2926;
font-size:16px;
font-weight:600;
text-decoration:none;
}
table.responsive tr a:hover {
color:#89CB31;
}
table.responsive tr a::before {
content:"\f105";
font-family:FontAwesome;
color:#2D2926;
margin:0 8px 0 0;
}
@media only screen and (max-width:920px) and (min-width:320px) {
table.responsive {
border:0;
}
table.responsive caption {
font-size:20px;
}
table.responsive thead {
border:none;
clip:rect(0 0 0 0);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px;
}
table.responsive tr {
border-bottom:2px solid #89CB31;
display:block;
margin-bottom:10px;
}
table.responsive td {
border-bottom:1px solid #DDDDDD;
display:block;
font-size:12px;
text-align:right;
}
table.responsive.summary td {
text-align:left;
}
table.responsive td::before {
/* aria-label has no advantage, it won't be read inside a table content:attr(aria-label); */
content:attr(data-label);
float:left;
font-weight:bold;
}
table.responsive td:last-child {
border-bottom:0;
}
table.responsive tr a {
font-size:19px;
}
}
table.accordion-table {
width: auto;
margin:0 30px 30px 30px;
}
/*========

SEARCH FUNCTION STYLING

=========*/
.search-box {
padding:0;
width:100%;
}
.searchWrapper {
position:relative;
width:100%;
max-width:300px;
margin:0 auto;
}
.search-box input[type="text"] {
border:2px solid #D1D1D1;
color:#2D2926;
height:50px;
outline:medium none;
position:relative;
width:100%;
max-width:300px;
}
#search-form {
overflow:hidden;
width:100%;
}
/*
#search-button::before {content:"\f002";font-family:FontAwesome;position:absolute;right:12px;top:10px;}
*/
#search-button {
background-color:#89cb31;
border:medium none;
color:#2d2926;
cursor:pointer;
font-size:20px;
height:46px;
position:absolute;
right:2px;
text-align:center;
width:50px;
top:2px;
font-weight:600;
}
#search-button:hover {
color:#2D2926;
}
#postcode-search-results {
display:block;
height:auto;
margin:0 auto;
overflow:hidden;
padding:0;
}
#postcode-search-results img {
border-radius:50%;
display:inline-block;
height:100px;
width:100px;
border:2px solid #eeeeee;
margin:20px auto 0;
}
#postcode-search-results h1 {
display:block;
font-size:22px;
margin:0;
padding:10px 0;
width:auto;
}
#postcode-search-results p {
padding:0;
margin:0;
}
#postcode-search-results a {
font-weight:600;
margin:0 0 5px;
text-decoration:none;
}
#postcode-search-results a:hover {
text-decoration:underline;
}
#postcode-search-results p a[href^="tel"]::before,
#postcode-search-results p a[href^="mailto"]::before {
font-family:FontAwesome;
color:#89CB31;
margin:0 5px 0 0;
font-size:16px;
}
#postcode-search-results p a[href^="tel"]::before {
content:'\f095';
}
#postcode-search-results p a[href^="mailto"]::before {
content:'\f1fa';
}
span.postcode-search-error {
padding:10px 0;
display:block;
color:#E40046;
font-weight:600;
}
/*=============

10.IN-PAGE SLIDER

===============*/
.slick-loading .slick-list{
background:#FFFFFF url(ajax-loader.gif?4354&4481&4483&4488&4499&4520&4648&80275&5876&7584&7589&7609&11544) center center no-repeat;
}
.regular.slider{
z-index:1;
padding:0;
}
.regular.slider.noArrows .slick-next::before,
.regular.slider.noArrows .slick-prev::before,

.regular.slider.noDots ul.slick-dots li {
display:none;
}
/*=====

NEXT/PREV STYLING

=====*/
.slick-next,
.slick-prev{
font-size:0;
line-height:0;
position:absolute;
top:45%;
display:block;
width:20px;
height:20px;
padding:0;
-webkit-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
transform:translate(0,-50%);
cursor:pointer;
color: red;
border:none;
outline:0;
background:0 0;
font-family:FontAwesome;
z-index:1;
}
.slick-next:before,
.slick-prev:before{
font-size:30px;
line-height:1;
opacity:1;
color:#89CB31;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
font-family:FontAwesome;
background-color:#ffffff;
border-radius:50%;
}
.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover{
color:transparent;
outline:0;
background:0 0;
}
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before{
opacity:1;
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before{
opacity:.25;
}
.slick-prev{
left:0;
}
[dir=rtl] .slick-prev{
right:0;
left:auto;
}
.slick-prev:before{
content:"\f138";
height:30px;
width:30px;
font-family:FontAwesome;
display:block;
background-size:30px;
}
[dir=rtl] .slick-prev:before{
content:"\f138";
height:30px;
width:30px;
font-family:FontAwesome;
display:block;
background-size:30px;
}
.slick-next{
right: 0;
}
[dir=rtl] .slick-next{
right:auto;
left:0;
}
.slick-next:before{
content:"\f137";
height:30px;
width:30px;
font-family:FontAwesome;
display:block;
background-size:30px;
background-image:none;
}
/*=====

DOT PAGINATION STYLING

=====*/
.slick-dotted.slick-slider{
margin-bottom:0;
}
.slick-dots{
display: inline-block;
width: 100%;
text-align: center;
margin:30px 0 0;
}
.slick-dots li{
position:relative;
display:inline-block;
width:auto;
height:auto;
margin:0 10px 0 0;
padding:0;
cursor:pointer;
}
.slick-dots li button{
font-size:0;
line-height:0;
display:block;
width:auto;
height:auto;
padding:5px;
cursor:pointer;
color:transparent;
border:0;
outline:0;
background:0 0;
}
.slick-dots li button:focus,
.slick-dots li button:hover{
outline:0;
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before{
opacity:1;
}
.slick-dots li button:before{
font-family:FontAwesome;
font-size: 15px;
line-height:100%;
position:absolute;
top:0;
left:0;
width:20px;
height:20px;
content:'\f111';
text-align:center;
opacity:1;
color:#000000;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
.slick-dots li.slick-active button:before{
opacity:1;
color:#89CB31;
}
/*=====

SLIDER CONTAINER

=====*/
.slick-slider{
position:relative;
display:block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-webkit-touch-callout:none;
-khtml-user-select:none;
-ms-touch-action:pan-y;
touch-action:pan-y;
-webkit-tap-highlight-color:transparent;
}
.slick-list{
position:relative;
display:block;
overflow:hidden;
margin:0;
padding:0;
}
.slick-list:focus{
outline:0;
}
.slick-list.dragging{
cursor:pointer;
cursor:hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track{
-webkit-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
}
.slick-track{
position:relative;
top:0;
left:0;
display:block;
margin-left:auto;
margin-right:auto;
}
.slick-track:after,
.slick-track:before{
display:table;
content:'';
}
.slick-track:after{
clear:both;
}
.slick-loading .slick-track{
visibility:hidden;
}
.slick-slide{
display:none;
float:left;
height:100%;
min-height:1px;
}
[dir=rtl] .slick-slide{
float:right;
}
.slick-slide.slick-loading img{
display:none;
}
.slick-slide.dragging img{
pointer-events:none;
}
.slick-slide img,
.slick-initialized .slick-slide{
display:block;
}
.slick-loading .slick-slide{
visibility:hidden;
}
.slick-vertical .slick-slide{

display:block;
height:auto;
border:1px solid transparent;
}
.slick-arrow.slick-hidden{
display:none;
}
.slider{
margin:0 auto;
}
.slick-slide{
margin:0 20px;
}
.slick-slide img{
width:100%;
margin:20px 0;
}
.slick-slide{
-webkit-transition:all ease-in-out .3s;
-o-transition:all ease-in-out .3s;
transition:all ease-in-out .3s;
}
.slick-active,
.slick-current {
opacity:1;
}
.regular.slider.noArrows .slick-next,
.regular.slider.noArrows .slick-prev {
display:none;
}
.regular.slider.noDots .slick-dots {
display: none;
}
/*
TWO COLUMN DIV SLIDER
*/
.slick-slide div {
width:100%;
display:block;
}
.slick-slide div div {
width:49%;
display:inline-block;
vertical-align:top;
text-align:left;
}
.slick-slide .slider-panel .slider-panel-text {
padding-right:30px;
}
.center .slick-slide div div {
text-align:center;
}
.slick-slide div div div {
padding:0;
}
.slick-slide div div div img {
margin:0;
display:block;
}
.phone .slick-slide div div {
width:100%;
text-align:center;
}
.phone .slick-slide div div div img {
display:none;
}
/*=============

11.FOOTER REGION

=============*/
.FooterContainer {
width:100%;
min-height:400px;
height:auto;
background-color:#2D2926;
margin:0;
border-top:2px solid #89CB31;
position:relative;
}
.FooterContainer .SectionContainer {
padding:40px 20px 20px;
}
.FooterContainer .pCMS_SiteMenuSection {
border-bottom:none;
padding:0 0 20px;
}
.FooterContainer .pCMS_SiteMenuPanelItem:first-of-type,
.FooterContainer .pCMS_SiteMenuPanelItem {
width:20%;
border-bottom:none;
padding:0 20px 0 0;
vertical-align:top;
}
.FooterContainer .pCMS_SiteMenuPanelItem:first-of-type a::before {
content:none;
}
.FooterContainer .pCMS_SiteMenuPanelItem {
background:transparent none repeat scroll 0 0;
border-right:none;
border-bottom:none;
}
.FooterContainer .pCMS_SiteMenuPanelItem p {
color:#FFFFFF;
}
.FooterContainer .pCMS_SiteMenuPanelItem .pCMS_SubMenu .pCMS_SectionTitle,
.FooterContainer .pCMS_SiteMenuPanelItem .pCMS_SubMenu .pCMS_SectionTitle a,
.FooterContainer .pCMS_SiteMenuPanelItem .pCMS_SubMenu .pCMS_SectionTitle a:link,
.FooterContainer .pCMS_SiteMenuPanelItem .pCMS_SubMenu .pCMS_SectionTitle a:visited{
color:#FFFFFF;
font-weight:800;
margin:20px 0 15px;
font-size:20px;
}
.tablet .FooterContainer .pCMS_SiteMenuPanelItem .pCMS_SubMenu .pCMS_SectionTitle,
.tablet .FooterContainer .pCMS_SiteMenuPanelItem .pCMS_SubMenu .pCMS_SectionTitle a,
.tablet .FooterContainer .pCMS_SiteMenuPanelItem .pCMS_SubMenu .pCMS_SectionTitle a:link,
.tablet .FooterContainer .pCMS_SiteMenuPanelItem .pCMS_SubMenu .pCMS_SectionTitle a:visited {
font-size:16px;
}
.FooterContainer .pCMS_SiteMenuPanelItem .pCMS_SiteMenuItemText{
color:#FFFFFF;
margin:0 0 10px;
font-size:12px;
}
.FooterContainer .pCMS_MenuLinkContainer a,
.FooterContainer .pCMS_MenuLinkContainer a:link,
.FooterContainer .pCMS_MenuLinkContainer a:visited{
color:#FFFFFF;
text-decoration:none;
font-weight:600;
font-size:16px;
padding:5px 0;
}
.tablet .FooterContainer .pCMS_MenuLinkContainer a,
.tablet .FooterContainer .pCMS_MenuLinkContainer a:link,
.tablet .FooterContainer .pCMS_MenuLinkContainer a:visited {
font-size:12px
}
.FooterContainer .pCMS_MenuLinkContainer a::before,
.FooterContainer .pCMS_MenuLinkContainer a:link::before,
.FooterContainer .pCMS_MenuLinkContainer a:visited::before{
content:'\f054';
font-family:FontAwesome;
margin:0 5px 0 0;
font-size:12px;
font-weight: 400;
color:#89CB31;
}
.FooterContainer .pCMS_MenuLinkContainer a:hover,
.FooterContainer .pCMS_MenuLinkContainer a:link:hover,
.FooterContainer .pCMS_MenuLinkContainer a:visited:hover{
color:#89CB31;
}
.RegulatorySectionContainer {
background-color:#2D2926;

height:250px;
padding:30px 0 0;
border-top:1px solid #FFFFFF;
}
.RegFooter {
color:#FFFFFF;
margin:0 auto;
max-width:1100px;
text-align:center;
width:100%;
}
.RegFooter p {
color:#FFFFFF;
font-size:14px;
margin:0 auto;
max-width:100%;
padding:0 20px;
}
.phone .FooterContainer .pCMS_SiteMenuSection{
border-bottom:2px solid #FFFFFF;
padding:0 0 20px;
}
.phone .FooterContainer .pCMS_SiteMenuPanelItem:first-of-type,
.phone .FooterContainer .pCMS_SiteMenuPanelItem,
.tablet .FooterContainer .pCMS_SiteMenuPanelItem:first-of-type,
.tablet .FooterContainer .pCMS_SiteMenuPanelItem {
padding:0 0 0 20px;
width:100%;
}
.tablet .FooterContainer .SectionContainer,
.phone .FooterContainer .SectionContainer {
padding:20px 0;
}
.phone .RegulatorySectionContainer {
padding:15px 0 0;
border-top:none;
}

/* SOCIAL LINKS */
.FooterContainer .sociallinks i{font-size: 24px}
.sociallinks a:hover .fa-facebook-square{color: #4267B2}
.sociallinks a:hover .fa-twitter-square{color: #1DA1F2}
.sociallinks a:hover .fa-linkedin-square{color: #1DA1F2}

/*=============

12.SITE MAP

=============*/
.pCMS_SiteMapSection{display:block;margin:0 0 20px;width:100%}.pCMS_MapItemHeader{padding:0 0 20px;width:100%}.pCMS_MapItemHeader a{font-weight:800;font-size:30px}.pCMS_MapItems{border-bottom:2px solid #EEEEEE;display:table;padding:0 0 30px;width:100%}.pCMS_MapSubItem{width:auto;padding:0 40px 0 0}.pCMS_MapSubItem a,.pCMS_MapSubItem a:link,.pCMS_MapSubItem a:visited{padding:0 0 10px;color:#2D2926}.pCMS_MapSubItem a::before,.pCMS_MapSubItem a:link::before,.pCMS_MapSubItem a:visited::before{color:#89CB31;font-family:FontAwesome;content:"\f105";margin:0 10px 0 0}.pCMS_MapSubSubItems{margin:0!important}


/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

/*=============

12.EFORM

=============*/
.eFormContainer,
.pCMS_FormContainer {
margin:0 auto;
padding:0;
background-color:#FFFFFF;
}
.eFormContainer div,
.pCMS_FormContainer div {
margin:0 0 20px;
}
.MediumRightColumns > .Column.ColLast .eFormContainer,
.MediumRightColumns > .Column.ColLast .pCMS_FormContainer {
margin:0 auto 20px;
padding:20px;
background-color:#EEEEEE;
}
.eFormContainer p,
.pCMS_FormContainer p {
padding:0 20px;
}
.eFormContainer p,
.pCMS_FormContainer p {
padding:0 20px;
}
.eFormContainer .two-column-container,
.pCMS_FormContainer .two-column-container {
margin:0 0 10px;
}
.eFormContainer label,
.pCMS_FormContainer label {
margin:0 0 5px;
color:#2D2926;
display:inline-block;
width:100%;
font-size:16px;
line-height:120%;
}
.eFormContainer input,
.pCMS_FormContainer input,
.eFormContainer select,
.pCMS_FormContainer select {
padding:0 10px;
font-size:14px;
color:#4A4643;
width:100%;
vertical-align:top;
height:40px;
margin: 0;
border-radius:8px;
border:1px solid #CCC;
}
/******

RADIO BUTTON STYLES

******/
.eFormContainer input[type="radio"],
.pCMS_FormContainer input[type="radio"] {
padding:0;
width: 22px;
border: 1px solid #ccc;
margin: -4px 10px 10px 0;
height: 22px;
border-radius: 50%;
}
.eFormContainer label.container,
.pCMS_FormContainer label.container {
position:relative;
padding-left:35px;
margin:0 10px 12px 0;
cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
width:auto;
vertical-align:top;
}
.eFormContainer input[type="radio"]::after,
.pCMS_FormContainer input[type="radio"]::after,
input[type="radio"]:after {
background:#89CB31;
border:2px solid #89CB31;
border-radius:50%;
content:" ";
display:table;
height:20px;
left:0;
opacity:0;
position:absolute;
top:0;
width:20px;
}
.eFormContainer input[type="radio"]:checked::after,
.pCMS_FormContainer input[type="radio"]:checked::after {
opacity:1;
}
.eFormContainer input[type="radio"]::before,
.pCMS_FormContainer input[type="radio"]::before {
height:20px;
width:20px;
margin:0;
-webkit-box-shadow:none;
box-shadow:none;
border:none;
}
/* Hide the browser's default radio button */
.eFormContainer label.container input,
.pCMS_FormContainer label.container input {
position:absolute;
opacity:0;
cursor:pointer;
}
/* Create a custom radio button */
.checkmark {
position:absolute;
top:0;
left:0;
height:25px;
width:25px;
background-color:#FFFFFF;
border-radius:50%;
}
/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
background-color:#CCCCCC;
}
/* When the radio button is checked, add a green background */
.container input:checked ~ .checkmark {
background-color:#89CB31;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
content:"";
position:absolute;
display:none;
}
/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
display:block;
}
/* Style the indicator (dot/circle) */
.container .checkmark:after {
top:6px;
left:6px;
width:10px;
height:10px;
border-radius:50%;
background:white;
}
.eFormContainer input[type="file"],
.pCMS_FormContainer input[type="file"] {
padding:15px 0 0 0;
}
.eFormContainer textarea,
.pCMS_FormContainer textarea,
.eFormContainer input[type="email"],
.pCMS_FormContainer input[type="email"],
.eFormContainer input[type="text"],
.pCMS_FormContainer input[type="text"] {
overflow:auto;
vertical-align:top;
border:1px solid #CCC;
width:100%;
border-radius:8px;
}
.eFormContainer .FormSubmit.Button,
.pCMS_FormContainer .FormSubmit.Button {
background-color:#89CB31;
border:2px solid #73b52d;
padding:18px;
height:auto;
min-width:auto;
margin:20px 0 0;
width:auto;
font-weight:600;
font-size:16px;
border-radius:8px;
line-height:100%;
}
.eFormContainer .FormSubmit.Button:hover,
.pCMS_FormContainer .FormSubmit.Button:hover {
min-width:auto;
margin:20px 0 0;
background-color:#FFFFFF;
border:2px solid #73b52d;
color:#2D2926;
padding:18px;
}
.noFormTitle .pCMS_FormTitleContainer {
display:none;
}
/*
REQUIRED STYLING
*/
.required::after {
content:'*';
color:#E40046;
margin:0 0 0 5px;
}
ul.parsley-errors-list {
list-style-type:none;
margin: 0;
}
li.parsley-required {
padding:5px 0;
color:#E40046;
font-weight:400;
font-size:14px;
}
input[type="text"].parsley-error,
input[type="email"].parsley-error,
input.parsley-error,
select.parsley-error {
border: 1px #E40046 solid;
}
.covid-enquiry .pCMS_SubmitButtonContainer {
padding: 10px 20px 10px;
}
/*
HIDDEN FORM CONTAINER
*/
.myHiddenForm {
width: 100%;
padding: 40px;
text-align: left;
background-color: #eeeeee;
display:none;
}
.myHiddenForm.pCMS_FormContainer input[type="text"],
.myHiddenForm.pCMS_FormContainer input[type="number"],
.myHiddenForm.pCMS_FormContainer select,
.myHiddenForm.pCMS_FormContainer input[type="tel"],
.myHiddenForm.pCMS_FormContainer input[type="email"] {
width: 90%;
margin-bottom:0;
}
.myHiddenForm.pCMS_FormContainer input[type="radio"]{
margin: 5px 10px 0 0;
}
.myHiddenForm .form-radio-align label{
padding: 8px 30px 0px 0px;
}
.pCMS_FormContainer div.form-radio-align {
margin:0;
}
.myHiddenForm ul.parsley-errors-list{
list-style-type: none;
margin: 0;
}
.myHiddenForm li.parsley-required {
padding: 5px 0 0 0;
color: #E40046;
font-weight: 700;
font-size: 12px;
}
.myHiddenForm li.parsley-required::before {
content: '\f071';
font-family: FontAwesome;
margin: 0 ;
font-size: 14px;
font-weight: 400;
color: #E40046;
position: absolute;
display:none;
}
.myHiddenForm input.parsley-error,
.myHiddenForm select.parsley-error{
border: 1px #E40046 solid;
}
.myHiddenForm input.parsley-success,
.myHiddenForm select.parsley-success{
border: 1px solid #CCC;
}
.myHiddenForm .Separator-sml,
.myHiddenForm .Separator {
margin:30px 0; 
border-top:1px solid #CCCCCC;
}  
.one-column-container-form {
margin:20px 0;
padding:0;
width:100%;
display:inline-block;
}
button.Button {
color:#2D2926;
font-size:16px;
padding:18px;
height:auto;
line-height:100%;
margin:15px 0;
border-radius:8px;
font-weight:600;
border:2px solid #73b52d;
background-color:#89cb31;
}
button.Button.Secondary {
background-color:#ffffff;
}
button.Button:hover,
button.Button.Secondary:hover {
background-color:#e8e8e8;
border:2px solid #c1c1c1;
color:#2D2926;
}
.phone.portrait .myHiddenForm {
padding: 20px;
} 


/*=============

13.STYLING CLASSES

=============*/

/****

OBJECT IMG
.object
- gives img width 100% and height 100%

.object-cover
- any img with this class can be used as a background image, covering the height of its container

.object-contain
- any img with this class can be used as a background image, containing the height of its container

.object-position
-left - the image is viewed from the left
-center - the image is viewed from the center
-right - the image is viewed from the right

****/
.img-object,
.tileImage .img-object {
height: 100%;
width: 100%;
}

.img-object-cover,
.tileImage img.img-object-cover {
-o-object-fit: cover;
object-fit: cover;
}

.img-object-contain,
.tileImage .img-object-contain {
-o-object-fit: contain;
object-fit: contain;
}

.img-object-position-left {
object-position: left;
-o-object-position: left;
}

.img-object-position-center {
object-position: center;
-o-object-position: center;
}

.img-object-position-right {
object-position: right;
-o-object-position: right;
}

.phone .img-object {max-width: 100%;}
.phone.landscape .img-object {max-height: 200px;}

/* HERO STYLES */
.HighLight {
width:100%;
padding:10px;
background-color:#EEEEEE;
}
.HighLight p {
color:#2D2926;
text-align:center;
font-size:16px;
font-weight:600;
}
.three-column-container p.country img {
vertical-align:middle;
width:32px;
height:auto;
margin:0 10px 0 0;
}
/*==========

PORTFOLIO CALCULATOR BEGIN

==========*/
.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.container-fluid{margin-top:0;margin-right:auto;margin-left:auto}.container-fluid+p{font-size:12px;line-height:145%;margin:15px 0}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:600;color:#2D2926;font-size:19px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;font-size:14px;line-height:1.42857143;color:#2D2926;background-color:#FFFFFF;background-image:none;border:1px solid #CCCCCC;border-radius:0;padding:6px 12px 6px 5px}input[type="text"]{border:1px solid #CCCCCC}.form-group{width:100%;float:left}.container-fluid .form-group{padding:10px 0}.container-fluid .form-group-half-left{float:left;width:50%}.container-fluid .form-group-half-right{float:right;width:100%;padding:10px 0}.input-group{position:relative;display:table;border-collapse:separate;width:100%}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{font-size:14px;font-weight:400;line-height:1;color:#FFFFFF;text-align:center;background-color:#2D2926;border:1px solid #2D2926;border-radius:4px;border-right:none!important;padding:6px}.input-group-addon.input-sm{font-size:12px;border-radius:3px;padding:5px 10px}.input-group-addon.input-lg{font-size:18px;border-radius:0;padding:10px 16px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-radius:0;font-weight:600}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}#affordabilityCalculator{width:100%}#netMonthlyIncome,#netAnnualIncome,#maximumLoan{background:transparent;border:none;-webkit-box-shadow:none;box-shadow:none;color:#78797A;font-size:19px;font-weight:600}#taxBandApplicable{border-radius:0;overflow:hidden;background:url(/Files/PML16/img/dropdown.png?2004&630&639&640&776&814&820&837&844&949&1394&1751&1757&1758&1759&1760&1762&1763&1768&1771&1773&1774&1775&1896&2539&2693&2695&2738&2750&2769&2826&2834&3149&3379&4354&4481&4483&4488&4499&4520&4648&4713&5876&7584&7589&7609&11544) 100% / 30px no-repeat #FFFFFF;width:100%}#productTerm{border-radius:0;overflow:hidden;background:url(/Files/PML16/img/dropdown.png?2004&630&639&640&776&814&820&837&844&949&1394&1751&1757&1758&1759&1760&1762&1763&1768&1771&1773&1774&1775&1896&2539&2693&2695&2738&2750&2769&2826&2834&3149&3379&4354&4481&4483&4488&4499&4520&4648&4713&5876&7584&7589&7609&11544) 100% / 30px no-repeat #FFFFFF;width:100%}.slider.slider-horizontal{width:160px!important;height:20px}.slider.slider-horizontal .slider-track{height:10px;width:100%;margin-top:-5px;top:50%;left:0;margin-left:10px!important}#rent{border-left:none;padding-left:5px;width:100%}#loanToValue{padding-left:5px;background:#FFFFFF;border-left:none;width:100%}.btn-primary{border:2px solid #89CB31;background:#F3F9EA;color:#2D2926;margin:20px 0;width:100%;font-weight:300}.btn-group-lg>.btn,.btn-lg{font-size:18px;line-height:1.3333333;border-radius:2px;padding:10px 16px}.btn-primary:focus,.btn-primary:hover{background-color:#EEEEEE;border:2px solid #FFFFFF;background-position:0 -45px!important;color:#89CB31}#loanAmountAcceptable{border-radius:0;width:100%;padding-left:5px}#maximumLoan{width:100%;padding-left:5px;border:none;border-left:none;-webkit-box-shadow:none;box-shadow:none;font-size:20px;font-weight:600!important}.container-fluid #maximumLoan{background-color:#FFFFFF}.input-group-addon.results{background:#89CB31;border:none}.col-sm-4.control-label.maximum{font-size:22px!important;font-weight:300!important;text-align:center}.form-horizontal .control-label{padding:7px 0;margin-bottom:5px;text-align:left;margin-left:0;color:#FFFFFF}.container-fluid .form-horizontal:nth-child(1){padding:10px 15px}.container-fluid .form-horizontal:nth-child(2){background:#F3F9EA;padding:20px 15px 30px}#numberOfApplicants select,#propertyType select,#productType select,#taxBandApplicable select{background:transparent;width:150px;font-size:16px;border:1px solid #CCCCCC;height:34px}#numberOfApplicants,#propertyType,#productType{border-radius:3px;overflow:hidden;background:url(/Files/PML16/img/dropdown.png?2004&630&639&640&776&814&820&837&844&949&1394&1751&1757&1758&1759&1760&1762&1763&1768&1771&1773&1774&1775&1896&2539&2693&2695&2738&2750&2769&2826&2834&3149&3379&4354&4481&4483&4488&4499&4520&4648&4713&5876&7584&7589&7609&11544) 100% / 30px no-repeat #FFFFFF;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none}#valuation,#loanAmount{background:#F3F9EA;border:medium none;border-radius:7px;font-size:12px;height:34px;margin-top:22px;padding:0 5px}select::-ms-expand{display:none}.col-md-4{font-weight:300;font-size:.9em}.col-sm-8 br{display:none}#initialRate,#reversionRate,#termDate,#productExpiryDate{padding-left:5px}#valuationSlider,#loanAmountSlider{background:rgba(0,0,0,0) none repeat scroll 0 0;border:medium none;-webkit-box-shadow:none;box-shadow:none}@media(min-width:782px){.container-fluid{margin-top:20px}.container-fluid .form-horizontal:nth-child(1){padding:10px 5px}.container-fluid .form-horizontal:nth-child(2){background:#F3F9EA;padding:20px 0 30px}.container-fluid .btn-primary{background:#FFFFFF none repeat scroll 0 0;border:2px solid #89CB31;border-radius:0;color:#2D2926;font-weight:600;margin:28px 0 20px;width:90%}.container-fluid .btn-primary:hover{background:#E8E8E8 none repeat scroll 0 0;border:2px solid #D1D1D1}.container-fluid .form-group-half-right{width:49%;float:right;padding:10px 1% 0}.col-sm-8 br{display:inline}.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%;padding:0 2%}.col-sm-6{padding:0 2%;width:50%}.col-sm-8{width:100%;padding:0 2%}.col-sm-4{width:100%;padding:0}}.has-error{border:1px solid #d91e18;-webkit-box-shadow:0 0 3px #e9aaaa!important;box-shadow:0 0 3px #e9aaaa!important}.error-message{color:#d91e18;display:none;float:left;font-size:17px;font-weight:400;margin:20px 2% 0;padding:0;text-align:center;width:96%}.rangeslider,.rangeslider__fill{border-radius:8px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3) inset;box-shadow:0 1px 3px rgba(0,0,0,.3) inset;display:block}.rangeslider{background:#e6e6e6 none repeat scroll 0 0;position:relative}.rangeslider--horizontal{height:10px;width:100%;margin-top:35px}.rangeslider--vertical{max-height:100%;min-height:150px;width:20px}.rangeslider--disabled{opacity:.4}.rangeslider__fill{background-color:#f3f9ea;position:absolute}.rangeslider--horizontal .rangeslider__fill{height:100%;top:0}.rangeslider--vertical .rangeslider__fill{bottom:0;width:100%}.rangeslider__handle{background-color:#89CB31;border-radius:50%;cursor:pointer;display:inline-block;height:20px;position:absolute;width:20px}.rangeslider__handle:active,.rangeslider--active .rangeslider__handle{background-image:-o-linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.12));background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.1)),to(rgba(0,0,0,.12)));background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.12));background-size:100% auto}.rangeslider--horizontal .rangeslider__handle{top:-5px}.rangeslider--vertical .rangeslider__handle{left:-10px}#mortgageTerm{width:150px;height:27px}#mortgageTermSlider{width:100%!important;border:none;-webkit-box-shadow:none;box-shadow:none}::-moz-range-track{background:#D7DCDF;border:1px solid #D1D1D1;height:7px;border-radius:15px}#mortgageType{border-radius:3px;overflow:hidden;background:url(/pCMS_BO/Resources/ParagonBank/Images/DropdownArrow) 100% / 30px no-repeat #FFFFFF;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none}
*::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;background:#89CB31;cursor:pointer;
-webkit-transition:background .15s ease-in-out;-o-transition:background .15s ease-in-out;transition:background .15s ease-in-out}.col-left{width:45%;float:left;margin:0 2% 0 0}.col-right{width:45%;float:left;padding:20px 10px;border:1px solid #EEE;border-radius:5px}.col-left .col-sm-8{margin-bottom:20px}.col-right .col-sm-8{margin-bottom:20px}.radio{display:inline-block;font-weight:300}.radio label{font-weight:400;font-size:14px;display:inline-block;margin-right:15px}.radio input[type="radio"]{margin-right:7px}.teaser-box.onecolumn-teaser-box.calculator h4{display:none}.teaser-box.onecolumn-teaser-box.calculator{margin-top:25px}.teaser-box.onecolumn-teaser-box.calculator label.col-sm-4.control-label{font-weight:400;font-size:15px;color:#2D2926}.calc-message-box{width:96%;border:1px solid #EEE;padding:5px;border-radius:3px;margin:0 2%}.col-right.disclaimer{margin:10px 0;padding:10px}@media only screen and (max-width :1100px){.col-right{width:95%;float:left;padding:20px 10px;border:1px solid #EEE;border-radius:5px}.col-left{width:95%;float:left;margin:0 2% 0 0}}input[type=range]::-ms-track{width:100%;height:5px;background:transparent;border-color:transparent;border-width:6px 0;color:transparent}input[type=range]::-ms-fill-lower{background:#777;border-radius:10px}input[type=range]::-ms-fill-upper{background:#ddd;border-radius:10px}input[type=range]::-ms-thumb{border:none;height:16px;width:16px;border-radius:50%;background:#89CB31}input[type=range]:focus::-ms-fill-lower{background:#888}input[type=range]:focus::-ms-fill-upper{background:#ccc}.form-horizontal{background:#5E5A57 none repeat scroll 0 0;padding:15px 0 25px}
/*==========

PORTFOLIO CALCULATOR END

==========*/
p.textBorder {
border:2px solid #89CB31;
padding:10px;
margin:0 0 25px 0;
}
.CardSimple.Card.customerStory.twoBox p span {
font-size:19px;
font-weight:600;
line-height:20px;
}
#top{
position:fixed;
bottom:20px;
right:20px;
background:rgba(0, 0, 0, 0.7);
width:125px;
height:50px;
display:block;
text-decoration:none;
border-radius:35px;
display:none;
-webkit-transition:all 0.3s linear;
-o-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease;
}
#top i{
color:#fff;
margin:0;
position:relative;
left:10px;
top:13px;
font-size:13px;
-webkit-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
}
#top:hover{
background:rgba(0, 0, 0, 0.9);
}
#top:hover i{
color:#FFFFFF;
top:5px;
}
.filter {
background:#2D2926;
padding:10px 15px;
margin:0 0.5px;
color:#FFFFFF;
}
.filter:nth-child(1) {
border-bottom-left-radius:5px;
border-top-left-radius:5px;
}
.filter:nth-child(4) {
border-top-right-radius:5px;
border-bottom-right-radius:5px;
}
.filter:hover {
background:#656565;
}
a.filter{
color:#FFFFFF;
}
.accountSide {
width:45%;
float:left;
height:auto;
}
.accountSide:nth-child(even) {
float:right;
}
a.accountSideButton {
background:#89CB31;
width:100%;
padding:10px;
border:2px solid #73b52d;
text-align:center;
text-decoration:none;
color:#2D2926;
border-radius:8px;
font-size:14px;
}
a.accountSideButton:hover {
background:#EEEEEE;
border:2px solid #c1c1c1;
}
p.sub {
font-size:9px;
margin:10px 0;
display:inline-block;
}
#top span {
color:#FFFFFF;
display:block;
margin-left:27px;
}
.accountSideTable tr td {
width:33%;
}
.accountSideTable tr td:nth-of-type(1) {font-size:16px;font-weight:600}
.accountSideTable tr td:nth-of-type(2) {font-size:12px}
.accountSideTable tr td:nth-of-type(2) span {font-size:18px;font-weight:800;color:#2d2926;margin:5px 0;display:inline-block;}

.Links .Previous a::before {
content:"\f0d9";
font-family:FontAwesome;
color:#89CB31;
margin:0 8px 0 0;
}
.financial-help-contact-container {
width:49%;
display:inline-block;
vertical-align:top;
}
.financial-help-contact-container h3 {
font-weight:600;
margin-bottom:15px;
padding-top:30px;
}
.financial-help-contact-container p {
padding-bottom:0px;
}
.tablet .financial-help-contact-container,
.phone .financial-help-contact-container{
width:100%;
}
.two-column-left {
text-align:left;
}
.two-column-right {
text-align:right;
}
.two-column-bottom,
.two-column-container.two-column-bottom {
vertical-align:bottom;
}
.residential_page .two-column-container {
margin:0;
padding:0;
}
.tablet .development_page .two-column-container {
width:49%;
}
@media screen and (min-width:1024px) and (min-device-width:1024px) {
.tablet .development_page .two-column-container {
width:49%;
}
}
/*** FEEFO ***/
.feefo {
background:#FFFFFF;
position:relative;
border:5px solid #EEEEEE;
max-width:1200px;
margin:0 auto;
}
.feefowidget-feefo-logo {
display:none;
}
.feefowidget-carousel-single-slide-content .feefowidget-content-row {
font-size:17px;
line-height:1.38;
color:#484545;
margin-bottom:6px;
word-wrap:break-word;
}
span.feefowidget-independent-rating-text {
font-size:17px;
}
.feefo img {
width:125px;
margin:30px
}
a.readReviews:after {
color:#89CB31;
content:"\f107";
font-family:FontAwesome;
margin-left:6px;
}
a.readReviews{
display:inline-block;
margin:35px 15px;
position:absolute;
right:0;
color:#2D2926;
cursor:pointer;
}
.feefo .Separator {
margin:0;
border-top:4px solid #EEEEEE;
}
a.feefowidget-read-all-reviews {
display:none;
}
.feefowidget-header-image{
display:none!important;
}
a.feefowidget-read-all-reviews {
display:none!important;
}
.feefowidget-carousel-summary__award-badge {
display:none;
}
p > img.feefo-img {
float:none;
}
.feefo-img {
max-width:225px;
}
.feefo-review-carousel-widget-service {
padding: 20px 20px 0;
max-width:1200px;
margin:0 auto;
}
.feefo .feefowidget-top-row {
margin:20px;
}
.feefo .feefowidget-top-row img {
margin:0 20px;
}
@media only screen and (max-width:770px) {
.ExpanderWrapper .plusBtn {
margin:10px 0 10px 0;
}
.ExpanderWrapper .ExpanderCopy {
padding:0;
}
.customer-story-noimg {
width:100%;
}
}
@media only screen and (max-width:500px) {
a.readReviews {
display:block;
margin:7px 15px;
position:relative;
}
}
.CardSimple.Card.CardTextLink.NewsTile .DocsList {
margin:0;
}
.privacy_data {
text-align:left;
}
.privacy_data td,
.privacy_data th {
padding:10px 20px;
width:50%;
text-align:left;
}
.privacy_data th {
padding:20px;
background-color:#2D2926;
color:#FFFFFF;
}
.privacy_data tr {
vertical-align:top;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:920px) {
.privacy_data {
display:table;
}
.privacy_data tbody,
.privacy_data thead,
.privacy_data td,
.privacy_data th {
display:table-cell;
vertical-align:top;
padding:10px;
}
.privacy_data tbody ul.List li {
line-height:110%;
}
}
@media only screen and (min-width:320px) and (max-width:760px) {
.privacy_data tbody,
.privacy_data thead,
.privacy_data td,
.privacy_data th {
font-size:14px;
padding:10px 6px;
}
.privacy_data ul.List {
font-size:14px;
}
}
.bodyImage {
max-width:265px;
float:left;
margin:0 25px 15px 0;
}
.grid {
width:100%;
margin:15px 0 0;
}
/* clear fix */
.grid:after {
content:'';
display:block;
clear:both;
}
/* ui group */
.ui-group {
display:inline-block;
}
.ui-group h3 {
vertical-align:top;
font-size:19px;
padding:0;
margin:0 0 10px;
font-weight:600;
width:auto;
display:block;
}
.ui-group .button-group {
display:inline-block;
margin-right:20px;
}

/*=======

BUY-TO-LET TABLES

=======*/
.button-group div{
display:inline-block;
margin:0 10px 10px 0;
}
.button-group div h2 {
font-size:16px;
margin:0 0 5px;
display:block;
width:auto;
padding:0;
}
.button-group div.reset {
display:block;
margin:10px 0 0;
}
.button-group div.reset .button {
background-color:transparent;
border:none;
color:#2D2926;
padding:10px 0 0;
cursor:pointer;
}
.button-group div.reset .button::before {
color:#7EC026;
content:"\f0e2";
font-family:FontAwesome;
margin:0 5px 0 0;
}
.button-group div.reset .button:hover {
color:#7EC026;
}
select {
padding:0 10px;
font-size:13px;
font-weight:600;
color:#4A4643;
min-width:140px;
border:1px solid #CCCCCC;
vertical-align:top;
height:40px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
border-right:none;
}
.element-item {
width:100%;
}
.element-item h2 {
width:100%;
font-size:18px;
margin:0 0 10px;
}
.informativeSection {
font-weight:600;
padding:20px;
background-color:#EAEAEA;
text-align:center;
}
.flexImage.flexImageDark {
background-color:#161616;
}
.tile-green {
background-color:#89CB31;
border:none;
padding:0 20px 20px;
}
.tile-green a.Link::before,
.tile-green a.Link:visited::before,
.tile-green a.Link:link::before,
.tile-green a.Link.Small::before,
.tile-green a.Link.Small:visited::before,
.tile-green a.Link.Small:link::before {
color:inherit;
}
.tile-separator {
margin:0 15px;
}
.tile-green hr {
background:#FFFFFF;
border-color:#FFFFFF;
border-left:none;
border-right:none;
}
.tile img.tile-img-fullheight {
height:100%;
}
.tileContent .quote {
font-size:26px;
font-weight:800;
padding:20px 0 0
}
.tileContent .quote span {
display:block;
font-size:48px;
}
.flexItem.no-height {
height: 0%;
}
.tile-left .flexItem,
.tile-right .flexItem,
.savings-product-isa .tile-left.flexItem,
.savings-product-isa .tile-right.flexItem {
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.phone .tile-left .tileImage-nopadding,
.phone .tile-right .tileImage-nopadding {
margin:0;
}
.tablet .tile-left .tileContent-nopadding,
.tablet .tile-right .tileContent-nopadding {
text-align:left;
}
.tablet.portrait .flexItem-main .flexWrapper.tile-left .flexItem {
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
flex-direction:row-reverse;
-moz-flex-direction:row-reverse;
-ms-flex-direction:row-reverse;
-o-flex-direction:row-reverse;
}
.tablet.portrait .tile-left .tileContent-nopadding,
.tablet.portrait .tile-left .tileImage-nopadding,
.tablet.portrait .tile-right .tileContent-nopadding,
.tablet.portrait .tile-right .tileImage-nopadding {
flex:0 0 50%;
-webkit-box-flex:0 0 50%;
-ms-flex:0 0 50%;
margin:0;
}
@media only screen and (min-width:1024px) and (min-device-width:1024px) {
.tablet .tile-left .tileContent-nopadding,
.tablet .tile-right .tileContent-nopadding {
text-align:left;
}
.tablet.portrait .flexItem-main .flexWrapper.tile-left .flexItem {
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
flex-direction:row;
-moz-flex-direction:row;
-ms-flex-direction:row;
-o-flex-direction:row;
}
.tablet.portrait .tile-left .tileContent-nopadding,
.tablet.portrait .tile-right .tileContent-nopadding {
flex:0 0 60%;
-webkit-box-flex:0 0 60%;
-ms-flex:0 0 60%;
margin:0;
}
.tablet.portrait .tile-left .tileImage-nopadding,
.tablet.portrait .tile-right .tileImage-nopadding {
flex:0 0 40%;
-webkit-box-flex:0 0 60%;
-ms-flex:0 0 60%;
margin:0;
}
}
@media only screen and (max-width:768px){
.tablet .flexItem-main .flexWrapper.tile-left .flexItem {
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
-ms-flex-direction:row-reverse;
flex-direction:row-reverse;
}
.tablet .tile-left .tileContent-nopadding,
.tablet .tile-right .tileContent-nopadding {
text-align:left;
}
.phone .tile-left .tileImage.tileImage-news,
.phone .tile-right .tileImage.tileImage-news {
margin:0;
padding:0;
}
.tile-img-feefo {
margin:10px 0;
}
}
.phone .flexItem-side .flexItem,
.phone .flexItem-side .flexItem:first-of-type,
.phone .flexItem-side .flexItem:last-of-type {
margin:0;
}
@media (max-width:921px) and (min-width:320px) {
.featured-content .flexItem,
.featured-content .flexItem:first-of-type,
.featured-content .flexItem:last-of-type {
margin:0;
}
.about-us .flexItem {
-webkit-box-flex:1 0 100%;
-ms-flex:1 0 100%;
flex:1 0 100%;
}
}
a.Button.Secondary.Link {
margin:0 0 30px;
}
.Link.Small {
font-size:12px;
margin:0 0 10px;
}
hr {
border-bottom:medium none;
border-top:1px solid #CCCCCC;
margin:20px auto;
}
.twoCol_container {
width:100%;
display:block;
vertical-align:top;
}
.twoCol_container div {
width:49%;
display:inline-block;
vertical-align:top;
margin:0;
}
@media (max-width:550px) {
.twoCol_container div {
width:99%;
display:block;
margin:0 0 10px;
}
}
.center {
text-align:center;
}
@media only screen and (max-width:768px){
.section_container {padding:40px 20px;}
.two-column-container img,
.three-column-container img {width:100%;}
.two-column-container .country img,
.three-column-container .country img{width:32px;}
}
.soft-assets-down {
background-color:#FFFFFF;
background-image:url('../pCMS_BO/Resources/ParagonBank/Images/grey-separator-down');
background-position:bottom;
background-repeat:no-repeat;
}
.soft-assets-down .two-column-container {
padding-bottom:40px;
}
/*Product tabs*/
.savings-product th span{
color:#FFFFFF;
display:block;
margin:5px 0
}
.savings-product th {
padding:20px;
background:#2D2926;
color:#FFFFFF;
font-size:24px;
}
.savings-product table {
border:1px solid #2D2926;
border-collapse:collapse;
}
.savings-product td, th{
text-align:left;
}
.savings-product.generic-tabs .Tabs .Tabs__tab:nth-child(n+4) {
display:none;
}
.threeCol .two-column-container{
padding:0 0 0 0;
}
.testim{height:100%}.testim .wrap{position:relative;width:100%;margin:auto}.testim .arrow{display:block;position:absolute;color:#eee;cursor:pointer;font-size:32px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;padding:5px;z-index:22222222}.testim .arrow:before{cursor:pointer}.testim .arrow:hover{color:#89CB31}.testim .arrow.left{left:10px}.testim .arrow.right{right:10px}.testim .dots{text-align:center;position:absolute;width:100%;bottom:30px;left:0;display:block;z-index:3333;height:12px}.testim .dots .dot{list-style-type:none;display:inline-block;width:14px;height:14px;border-radius:50%;border:1px solid #fff;margin:0 10px;cursor:pointer;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:relative;background:#fff;padding:0}.testim .dots .dot.active,.testim .dots .dot:hover{background:#89CB31;border-color:#89CB31}.testim-cover{background:#2D2926;width:100%;height:100%}.testim .cont{position:relative;overflow:hidden}#testim-content p span{color:#89CB31;font-style:italic;font-size:17px}.testim .cont>div{text-align:center;position:absolute;top:0;left:0;padding:40px 0 70px 0;opacity:0}.testim .cont>div.inactive{opacity:1}.testim .cont>div.active{position:relative;opacity:1}.testim .cont div .img img{display:block;width:100px;height:100px;margin:auto;border-radius:50%}.testim .cont div h2{color:#EA830E;font-size:16px;margin:15px 0}.testim .cont div p{font-size:1.15em;color:#eee;width:80%;margin:auto}.testim .cont div.active .img img{-webkit-animation:testim-show .5s ease-in-out forwards;animation:testim-show .5s ease-in-out forwards}.testim .cont div.active h2{-webkit-animation:testim-content-in .4s ease-in-out forwards;animation:testim-content-in .4s ease-in-out forwards}.testim .cont div.active p{-webkit-animation:testim-content-in .5s ease-in-out forwards;animation:testim-content-in .5s ease-in-out forwards}.testim .cont div.inactive .img img{-webkit-animation:testim-hide .5s ease-in-out forwards;animation:testim-hide .5s ease-in-out forwards}.testim .cont div.inactive h2{-webkit-animation:testim-content-out .4s ease-in-out forwards;animation:testim-content-out .4s ease-in-out forwards}.testim .cont div.inactive p{-webkit-animation:testim-content-out .5s ease-in-out forwards;animation:testim-content-out .5s ease-in-out forwards}@-webkit-keyframes testim-scale{0%{-webkit-box-shadow:0 0 0 0 #eee;box-shadow:0 0 0 0 #eee}35%{-webkit-box-shadow:0 0 10px 5px #eee;box-shadow:0 0 10px 5px #eee}70%{-webkit-box-shadow:0 0 10px 5px #EA830E;box-shadow:0 0 10px 5px #EA830E}100%{-webkit-box-shadow:0 0 0 0 #EA830E;box-shadow:0 0 0 0 #EA830E}}@keyframes testim-scale{0%{-webkit-box-shadow:0 0 0 0 #eee;box-shadow:0 0 0 0 #eee}35%{-webkit-box-shadow:0 0 10px 5px #eee;box-shadow:0 0 10px 5px #eee}70%{-webkit-box-shadow:0 0 10px 5px #EA830E;box-shadow:0 0 10px 5px #EA830E}100%{-webkit-box-shadow:0 0 0 0 #EA830E;box-shadow:0 0 0 0 #EA830E}}@-webkit-keyframes testim-content-in{from{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes testim-content-in{from{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes testim-content-out{from{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes testim-content-out{from{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-webkit-keyframes testim-show{from{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes testim-show{from{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes testim-hide{from{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@keyframes testim-hide{from{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@media all and (max-width:300px){body{font-size:14px}}@media all and (max-width:500px){.testim .arrow{font-size:1.5em}.testim .cont div p{line-height:25px}}.testQuote{height:100%}.testQuote .wrap{position:relative;width:100%}.testQuote .arrow{display:block;position:absolute;color:#eee;cursor:pointer;font-size:2em;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;padding:5px;z-index:22222222}.testQuote .arrow:before{cursor:pointer}.testQuote .arrow:hover{color:#89CB31}.testQuote .arrow.left{left:10px}.testQuote .arrow.right{right:10px}.testQuote .dots{bottom:0;position:absolute;left:0;display:block;z-index:3333;height:12px}.testQuote .dots .dot{list-style-type:none;display:inline-block;width:14px;height:14px;border-radius:50%;border:1px solid #89CB31;margin:0 2px;cursor:pointer;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:relative;background:#F8F8F8;padding:0}.testQuote .dots .dot.active,.testQuote .dots .dot:hover{background:#89CB31;border-color:#89CB31}.testQuote-cover{width:100%;height:100%}.testQuote .cont{position:relative;overflow:hidden}#testQuote-content p span{color:#89CB31;font-style:italic;font-size:17px}.testQuote .cont>div{position:absolute;top:0;left:0;opacity:0}.testQuote .cont>div.inactive{opacity:1}.testQuote .cont>div.active{position:relative;opacity:1}.testQuote .cont div .img img{display:block;width:100px;height:100px;margin:auto;border-radius:50%}.testQuote .cont div h2{color:#2D2926;font-size:1.8em;font-weight:700;margin:15px 0;width:15%}.testQuote .cont div h2 span{display:block;font-size:.7em;font-weight:300;line-height:170%}.testQuote .cont div blockquote{border-left:1px solid #EEEEEE;color:#2D2926;float:right;font-size:17px;font-style:italic;font-weight:400;padding:40px 30px 20px;width:80%}.testQuote .cont div blockquote::before,.testQuote .cont div blockquote::after{color:#89CB31}.testQuote .cont div blockquote::before{font-size:4em;vertical-align:-.16px}.testQuote .cont div.active .img img{-webkit-animation:testQuote-show .5s ease-in-out forwards;animation:testQuote-show .5s ease-in-out forwards}.testQuote .cont div.active h2{-webkit-animation:testQuote-content-in .4s ease-in-out forwards;animation:testQuote-content-in .4s ease-in-out forwards}.testQuote .cont div.active blockquote{-webkit-animation:testQuote-content-in .5s ease-in-out forwards;animation:testQuote-content-in .5s ease-in-out forwards}.testQuote .cont div.inactive .img img{-webkit-animation:testQuote-hide .5s ease-in-out forwards;animation:testQuote-hide .5s ease-in-out forwards}.testQuote .cont div.inactive h2{-webkit-animation:testQuote-content-out .4s ease-in-out forwards;animation:testQuote-content-out .4s ease-in-out forwards}.testQuote .cont div.inactive blockquote{-webkit-animation:testQuote-content-out .5s ease-in-out forwards;animation:testQuote-content-out .5s ease-in-out forwards}@-webkit-keyframes testQuote-scale{0%{-webkit-box-shadow:0 0 0 0 #eee;box-shadow:0 0 0 0 #eee}35%{-webkit-box-shadow:0 0 10px 5px #eee;box-shadow:0 0 10px 5px #eee}70%{-webkit-box-shadow:0 0 10px 5px #EA830E;box-shadow:0 0 10px 5px #EA830E}100%{-webkit-box-shadow:0 0 0 0 #EA830E;box-shadow:0 0 0 0 #EA830E}}@keyframes testQuote-scale{0%{-webkit-box-shadow:0 0 0 0 #eee;box-shadow:0 0 0 0 #eee}35%{-webkit-box-shadow:0 0 10px 5px #eee;box-shadow:0 0 10px 5px #eee}70%{-webkit-box-shadow:0 0 10px 5px #EA830E;box-shadow:0 0 10px 5px #EA830E}100%{-webkit-box-shadow:0 0 0 0 #EA830E;box-shadow:0 0 0 0 #EA830E}}@-webkit-keyframes testQuote-content-in{from{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes testQuote-content-in{from{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes testQuote-content-out{from{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes testQuote-content-out{from{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-webkit-keyframes testQuote-show{from{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes testQuote-show{from{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes testQuote-hide{from{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@keyframes testQuote-hide{from{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@media all and (max-width:500px){.testQuote .arrow{font-size:1.5em}.testQuote .cont div p{line-height:25px}
}
.phone .ISA-Deadline .pCMS_MainContent {
margin:20px 0 ;
}
/** ISA Deadline **/
.ISA-Deadline .pCMS_BodyContainer {
border-top:none;
}
.ISA-Deadline .pCMS_ContentTitle {
margin:40px 0 0 0;
}
.phone .ISA-Deadline .pCMS_ContentTitle {
margin:20px 0 ;
}
.phone .ISA-Deadline table.view-account-table {
border:none;
}
.phone .ISA-Deadline table.view-account-table tr:nth-of-type(2n+1) {
background:none;
}
.phone .ISA-Deadline .view-account-table .hidden-account-name {
border:none;
margin-top:20px;
}
.phone .ISA-Deadline .view-account-table .hidden-rate {
border-left:1px solid #D5D5D5;
border-right:1px solid #D5D5D5;
}
.phone .ISA-Deadline .view-account-table .mobile-view-account {
border-bottom:1px solid #D5D5D5;
border-left:1px solid #D5D5D5;
border-right:1px solid #D5D5D5;
}
/**** MATURITY LANDING - to be removed when 680-1 is published (apart from commented styles, selectors) ****/
/*****/
.maturity-landing .Child1 h1 {
max-width:17em;
}
.maturity-landing .Child1 p {
max-width:34em;
}
/*****/
@media only screen and (max-width :768px){
.DocsList li.MaturityDoc {
background:none;
background-size:auto;
padding:0 20px 20px;
}
}
/*** AWARDS PAGE ***/
.CardSimple.Card.CardTextLink.accountCard .Card_Text {
text-align:center;
}
.savings-landing .Columns4 > .Column .Card {
min-height:400px;
}
.tileAction ul.Links {
font-size:14px;
}
/**

INVOICE FINANCE PAGE

**/
.document-icon {
width:30%;
float:left;
margin-right:10px;
}
.flexItem.invoice-steps {
position:relative;
text-align:center;
padding:0 20px;
border:none;
}
.flexItem.invoice-steps::after {
content:"\f054";
position:absolute;
top:45%;
left:-20px;
font-family:FontAwesome;
color:#89CB31;
font-size:35px;
}
.flexItem.invoice-steps:nth-child(1)::after{
display:none
}
.flexItem.invoice-steps .tileContent {
padding:0;
margin:0;
}
@media only screen and (max-width :525px){
.flexItem.invoice-steps::after{
display:none;
}
ul.TickBullet.two-col li {
width:100%;
margin:0;
}
ul.TickBullet {
width:100%;
margin:0;
}
ul.TickBullet li {
width:100%;
margin:8px 15px 8px 0;
}
}
/*=========

SAVINGS AER AFFIX ROW

==========*/
.AER .pCMS_BodyContainer::after {
content: '*AER stands for Annual Equivalent Rate and illustrates what the interest rate would be if interest was paid and compounded on an annual basis.';
text-align: center;
max-width: 1200px;
margin: 0 auto;
display: block;
padding: 50px 20px;
border-top: 1px solid #CCCCCC;
}
p.menu {
width:auto;
}
.menu [type="radio"]:checked,
.menu [type="radio"]:not(:checked) {
position:absolute;
left:-9999px;
}
.menu [type="radio"]:checked + label,
.menu [type="radio"]:not(:checked) + label {
position:relative;
padding-left:28px;
cursor:pointer;
line-height:20px;
display:inline-block;
color:#2D2926;
}
.menu [type="radio"]:checked + label:before,
.menu [type="radio"]:not(:checked) + label:before {
content:'';
position:absolute;
left:0;
top:0;
width:18px;
height:18px;
border:1px solid #ddd;
border-radius:100%;
background:#fff;
}
.menu [type="radio"]:checked + label:after,
.menu [type="radio"]:not(:checked) + label:after {
content:'';
width:10px;
height:10px;
background:#89CB31;
position:absolute;
top:4px;
left:4px;
border-radius:100%;
-webkit-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
transition:all 0.2s ease;
}
.menu [type="radio"]:not(:checked) + label:after {
opacity:0;
-webkit-transform:scale(0);
-ms-transform:scale(0);
transform:scale(0);
}
.menu [type="radio"]:checked + label:after {
opacity:1;
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
}
hr.style-eight { overflow:visible; /* For IE */ height:30px; border-style:solid; border-color:#bbbbbb; border-width:1px 0 0 0; border-radius:20px; } hr.style-eight:before { /* Not really supposed to work, but does */ display:block; content:""; height:30px; margin-top:-31px; border-style:solid; border-color:#bbbbbb; border-width:0 0 1px 0; border-radius:20px; }
h4.xmas-holly::before {
content:url(/pCMS_BO/Resources/ParagonBank/Images/holly_icon);
}
/*****

VIEW ACCOUNTS 2 PAGE

*****/

/***
VIEW ACCOUNTS HERO
***/
.view-accounts-alt .Title_Section .Parent {
margin:60px 0 60px 0;
}
.view-accounts-alt .pCMS_BodyContainer {
border:none;
}
.view-accounts-alt .Title_Section {
background-image:url(../pCMS_BO/Resources/ParagonBank/Images/view-savings-2-hero);
background-position:center 0;
padding-bottom:30px;
background-color:#fff;
}
.view-accounts-alt .Separator {
margin:40px 0 25px 0;
border-top:5px solid #EEEEEE;
}
view-accounts-tabs .Separator{
display:none;
}
.view-account-info {
width:100%;
}
.view-account-link {
width:100%;
}
.view-account-blurb {
display:inline-block;
margin:0 0 0 0;
width:100%;
}
ul.compare-buttons {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
top:0px;
z-index:10;
border:none;
}
ul.compare-buttons li{
list-style:none;
margin:0;
}
ul.compare-buttons button {
width:100%;
border:none;
border-right:0;
border-top:0;
padding:10px;
background:#FFF;
font-size:18px;
font-weight:normal;
height:60px;
color:#2D2926;
}
ul.compare-buttons li.active button {
background:#89CB31;
color:#fff;
font-weight:600;
}
table.view-account-table {
border-collapse:collapse;
width:100%;
}
.view-account-table th {
display:none;
text-align:center;
font-size:16px;
font-weight:600;
}
.mobile-rate{
font-size:23px;
vertical-align:top;
font-weight:800;
color:#89CB31;
}
.view-account-table thead th {
background:#F5F5F5;
}
.view-account-table td, .view-account-table th {
padding:15px;
empty-cells:show;
border:5px solid #EEEEEE;
color:#2D2926;
}
ul.compare-buttons{
border:1px solid #EEEEEE;
}
ul.compare-buttons li {
border-bottom:1px solid #EEEEEE;
padding:0;
}
ul.compare-buttons li:last-child {
border-bottom:0;
}
.view-account-table td+td, .view-account-table th+th {
display:none;
}
.view-account-table td.default {
display:block;
}
.view-account-table th.hide {
border:0;
}
.view-account-table .rate,
.tile-accounts h3 {
font-size:42px;
margin:10px 0;
display:block;
font-weight:800;
position:relative;
}
.view-account-table .aer{
color:#2D2926;
font-weight:400;
font-size:14px;
display:inline-block;
margin:0 0 2px 5px;
width:auto;
padding:0;
}
.account-button {
background-color:#89CB31;
color:#2D2926;
padding:7px 10px;
text-decoration:none;
height:auto;
margin:5px 0 0 0;
text-align:center;
border-radius:8px;
font-weight:600;
border:2px solid #73b52d;
}
.compare-section {
background:#F2F2F2;
padding:0 15px 15px 15px;
border:1px solid #d5d5d5;
}
.compare-section h4 {
font-size:17px;
margin:5px 0 15px 0;
display:block;
}
.compare-dropdown {
width:100%;
font-size:16px;
border-radius:3px;
padding:6px 42px 6px 6px;
min-height:40px;
}
.compare-section{
display:none;
}
.view-account-table .limited {
position:relative;
border-top:4px solid #89cb34;
background-clip:padding-box;
}
.view-account-table .limited::before {
content:"\f017";
font-family:FontAwesome;
color:#89CB31;
margin:0 8px 0 0;
font-size:30px;
background:#fff;
position:absolute;
top:-15px;
left:49%;
}
.Name{
display:none;
}
.hidden-rate {
display:none;
}
.hidden-account-name{
display:none;
}
.mobile-view-account {
display:none;
}
.mobile-view-account td:nth-of-type(5) a {
margin:auto;
padding:inherit;
}
.phone.portrait .tab-container {
position:relative;
}

@media (min-device-width:767px) {
ul.compare-buttons{
display:none;
}
.view-account-table td, .view-account-table th {
display:table-cell !important;
}
.view-account-table td+td, .view-account-table th+th {
/*width:auto;*/
}
}
@media only screen and (max-device-width :767px){
.compare-buttons li{
-webkit-box-flex:1;
-ms-flex:1 1 100%;
flex:1 1 100%;
}
.compare-section{
display:block;
}
.hidden-account-name{
display:block;
}
.hidden-rate {
display:block;
}
.view-accounts-alt .Separator {
border-bottom:4px solid #EEEEEE;
}
table.view-account-table{
border:5px solid #EEEEEE;
}
.ISA-Deadline .view-account-table {
border:none;
}
.mobile-view-account {
display:block;
}
ul.compare-buttons {
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.view-account-table tr {
-webkit-column-count:2;
-moz-column-count:2;
column-count:2;
}
.view-account-table td, .view-account-table th {
border:none;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}


.ISA-Deadline .view-account-table tr:nth-child(2n) {
background:none;
}
.ISA-Deadline .view-account-table th {
display:none;
}
.view-account-table tr:nth-child(2n) {
background:#f5f5f5;
}
.view-account-table tr:nth-of-type(2n+1){
background:none;
}
.view-account-link {
width:100%;
float:left;
text-align:left;
margin:25px 0 0 0;
}
.view-account-info {
width:100%;
float:left;
}
.view-account-table tr.hidden-account-name {
-webkit-column-count:1;
-moz-column-count:1;
column-count:1;
}
.view-account-table tr.hidden-account-name td {
text-align:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
font-size:20px;
font-weight:800;
padding:15px 0 5px 0;
}
.view-account-table tr.hidden-account-name td strong {
font-size:14px;
padding-top:5px;
display:none;
border:none 0;
}
.view-account-table tr.hidden-rate {
-webkit-column-count:1;
-moz-column-count:1;
column-count:1;
background-color:#FFFFFF;
border-bottom:1px solid #d5d5d5;
}
.ISA-Deadline .view-account-table tr.hidden-account-name td,
.phone .ISA-Deadline .view-account-table tr.hidden-account-name td {
border-left:1px solid #D5D5D5;
border-right:1px solid #D5D5D5;
border-top:1px solid #D5D5D5;
margin-top:20px;
}
.ISA-Deadline .view-account-table tr.hidden-rate,
.phone .ISA-Deadline .view-account-table tr.hidden-rate {
border-bottom:none;
}
.ISA-Deadline .view-account-table tr.hidden-rate td.default,
.phone .ISA-Deadline .view-account-table tr.hidden-rate td.default {
border-left:1px solid #D5D5D5;
border-right:1px solid #D5D5D5;
}
.ISA-Deadline .view-account-table tr.mobile-view-account td.default,
.phone .ISA-Deadline .view-account-table tr.mobile-view-account td.default {
border-bottom:1px solid #D5D5D5;
border-left:1px solid #D5D5D5;
border-right:1px solid #D5D5D5;
}
.view-account-table tr.hidden-rate td strong {
display:none;
padding:0;
}
.view-account-table tr.hidden-account-name td:first-child {
display:none;
}
.view-account-table tr.hidden-rate td:first-child {
padding:0;
}
.view-account-table tr.hidden-rate td {
text-align:center;
}
.view-account-table tr.hidden-rate td .mobile-rate{
font-size:45px;
}
.view-account-table tr.mobile-view-account td:first-child {
display:none;
}
.view-account-table tr.mobile-view-account{
-webkit-column-count:1;
-moz-column-count:1;
column-count:1;
width:100%;
text-align:center;
margin:0 auto;
}
.view-account-table tr.mobile-view-account .button{
margin:0 auto;
display:block;
}

.Title_Section_easy-access-cash-isas,
.Title_Section_fixed-rate-accounts,
.Title_Section_notice-accounts,
.Title_Section_easy-access-accounts,
.Title_Section_fixed-rate-cash-isas,
.Title_Section_view-accounts-2 {
background-image:url(../pCMS_BO/Resources/ParagonBank/Images/hero-images/ipad-portrait-hero);
}
.mobile-aer {
margin:0 0 0px 5px;
display:inline-block;
font-weight:400;
vertical-align:bottom;
padding:0;
}
}
@media only screen and (max-device-width :500px) {
}
@media only screen and (min-device-width :767px) and (max-device-width :920px) {
.view-account-table,
.view-account-table thead,
.view-account-table tbody,
.view-account-table th,
.view-account-table td,
.view-account-table tr {
display:table-row;
}
.ISA-Deadline .view-account-table,
.ISA-Deadline .view-account-table thead,
.ISA-Deadline .view-account-table tbody,
.ISA-Deadline .view-account-table th,
.ISA-Deadline .view-account-table td,
.ISA-Deadline .view-account-table tr {
display:table;
width:100%;
}
.ISA-Deadline .view-account-table td {
width:50% !important;
}
}
.view-savings-desktop-hero h1 div {
color:#fff;
font-size:inherit;
}
.view-savings-desktop-hero h1 div {
max-width:none;
}
.tab-container.class_two {
max-width:1200px;
width:100%;
z-index:999;
border-bottom:5px solid #fff;
-webkit-box-shadow:0px 0px 21px 15px #fff;
box-shadow:0px 0px 21px 15px #fff;
}
/******
Mobile Responsive
******/
/****
DESKTOP
****/
.desktop.hd .view-savings-desktop-hero h1,
.desktop.big .view-savings-desktop-hero h1,
.desktop.desktop .view-savings-desktop-hero h1{
max-width:none;
}
.desktop.hd .view-savings-responsive-hero,
.desktop.big .view-savings-responsive-hero,
.desktop .view-savings-responsive-hero{
display:none;
}
.desktop.hd .view-account-table.one-product,
.desktop.big .view-account-table.one-product,
.desktop .view-account-table.one-product,
.desktop.small .view-account-table.one-product {
width:25%;
}
.desktop.hd .view-account-table td, .view-account-table th,
.desktop.big .view-account-table td, .view-account-table th,
.desktop .view-account-table td, .view-account-table th,
.desktop.small .view-account-table td, .view-account-table th{
width:25%;
}
.desktop.hd .view-account-table.two-product,
.desktop.big .view-account-table.two-product,
.desktop .view-account-table.two-product,
.desktop.small .view-account-table.two-product {
width:50%;
}
.desktop.hd .view-account-table.three-product,
.desktop.big .view-account-table.three-product,
.desktop .view-account-table.three-product,
.desktop.small .view-account-table.three-product {
width:75%;
}
.desktop.hd .view-account-table.three-product td,
.desktop.big .view-account-table.three-product td,
.desktop .view-account-table.three-product td,
.desktop.small .view-account-table.three-product td{
width:25%;
}
.desktop.hd .view-account-table.two-product td,
.desktop.big .view-account-table.two-product td,
.desktop .view-account-table.two-product td,
.desktop.small .view-account-table.two-product td{
width:33.33%;
}
.desktop.hd .view-account-table.one-product td,
.desktop.big .view-account-table.one-product td,
.desktop .view-account-table.one-product td,
.desktop.small .view-account-table.one-product td{
width:50%;
}
.desktop.hd .hero-logos span,
.desktop.big .hero-logos span,
.desktop .hero-logos span,
.desktop.small .hero-logos span {
width:45%;
display:inline-block;
margin:0 5px;
}
.desktop.hd .hero-logos,
.desktop.big .hero-logos,
.desktop .hero-logos,
.desktop.small .hero-logos {
max-width:500px;
}
.desktop.hd .view-savings-desktop-hero .h1-row2,
.desktop.big .view-savings-desktop-hero .h1-row2,
.desktop .view-savings-desktop-hero .h1-row2 {
margin-left:25px;
}
.desktop.hd .view-savings-desktop-hero .h1-row3,
.desktop.big .view-savings-desktop-hero .h1-row3,
.desktop .view-savings-desktop-hero .h1-row3 {
margin-left:50px;
}
.desktop.small .view-savings-desktop-hero{
display:block;
}
/****
TABLET
****/
.tablet.landscape .trusted-award-hero {
width:320px;
}
.tablet.landscape .hero-logos {
max-width:500px;
}
.tablet.landscape .hero-logos span {
width:45%;
display:inline-block;
margin:0 5px;
}
.tablet.landscape .view-savings-desktop-hero{
display:block;
}
.tablet.landscape .view-savings-desktop-hero .h1-row2 {
margin-left:25px;
}
.tablet.landscape .view-savings-desktop-hero .h1-row3 {
margin-left:50px;
}
.tablet.portrait img.money-facts-hero.hero_tracker {
display:none;
}
.tablet.portrait .hero-logos {
max-width:500px;
}
.tablet.portrait .hero-logos span {
width:45%;
display:inline-block;
margin:0 5px;
}
/****
PHONE
****/
.phone.landscape .view-accounts-alt .Title_Section .Parent {
margin:10px 0 60px 0;
}
.phone.landscape .view-savings-desktop-hero h1{
max-width:none;
}
.phone.landscape .hero-logos {
max-width:500px;
margin:0 auto;
}
.phone.landscape .hero-logos span {
width:45%;
display:inline-block;
margin:0 5px;
}
.phone.landscape .view-savings-desktop-hero {
display:block;
}
.phone.landscape .money-facts-hero {
display:none;
}
.phone.portrait .view-accounts-alt .Title_Section,
.phone.portrait .Title_Section_maturity2 {
background:#fff;
background-image:url(../pCMS_BO/Resources/ParagonBank/Images/view-accounts-mobile-hero);
background-size:cover;
padding-bottom:0;
background-position:center 0;
}
.phone.portrait .view-accounts-alt .Title_Section .Parent {
margin:10px 0;
}
.phone.portrait .hero-logos {
width:100%;
margin:0 0 15px;
}
.phone.portrait .hero-logos span {
width:49%;
display:inline-block;
margin:0;
}
.phone.portrait .money-facts-hero {
display:none;
}
/******
IE ODDITIES
******/
.edge .view-account-table .rate{
/*display:block;*/
}
.view-account-table .rate{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.CardSimpleImage.Card.noTitle.contactCards .Card_Text h3 span {
font-size:20px;
display:block;
font-weight:500;
color:#686868;
}
.CardSimpleImage.Card.noTitle.contactCards h3 {
margin:0;
}
.two-column-container h2 span {
font-size:22px;
display:block;
}
/* flip timer **/
@-webkit-keyframes flipTop {
0% {
-webkit-transform:perspective(400px) rotateX(0deg); }
100% {
-webkit-transform:perspective(400px) rotateX(-90deg); } }
@-webkit-keyframes flipBottom {
0% {
-webkit-transform:perspective(400px) rotateX(90deg); }
100% {
-webkit-transform:perspective(400px) rotateX(0deg); } }
@-keyframes flipTop {
0% {
-webkit-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg); }
100% {
-webkit-transform:perspective(400px) rotateX(-90deg);
transform:perspective(400px) rotateX(-90deg); } }
@-keyframes flipBottom {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg); }
100% {
-webkit-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg); } }
.flipTimer {
color:#FFF;
font-family:"Helvetica Neue", Helvetica, sans-serif;
font-size:90px;
font-weight:bold;
line-height:100px;
height:100px;
margin:30px 0 80px;
}
.flipTimer * {
color:#FFF;
font-family:"Helvetica Neue", Helvetica, sans-serif;
font-size:90px;
font-size-adjust:none;
line-height:100px;
}
.flipTimer .minutes, .flipTimer .hours, .flipTimer .days {
display:inline;
height:100%;
position:relative;
}
.flipTimer .label {
bottom:-50px;
font-size:16px;
left:25%;
position:absolute;
right:25%;
text-align:center;
}
.flipTimer .digit-set {
border:1px solid #111111;
border-radius:8px;
-webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.8);
box-shadow:0 2px 4px rgba(0, 0, 0, 0.8);
display:inline-block;
height:100%;
position:relative;
margin:0 1px;
width:70px;
}
.flipTimer .digit {
height:100%;
position:absolute;
}
.flipTimer .digit > div {
height:50%;
left:0;
padding:0 10px;
position:absolute;
overflow:hidden;
}
.flipTimer .digit > div.digit-top, .flipTimer .digit > div.shadow-top {
background-color:#333;
border-bottom:1px solid #333;
border-radius:10px 10px 0 0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
top:0;
z-index:-1;
}
.flipTimer .digit > div.digit-top:before, .flipTimer .digit > div.shadow-top:before {
-webkit-box-shadow:inset 0 10px 25px rgba(0, 0, 0, 0.4);
box-shadow:inset 0 10px 25px rgba(0, 0, 0, 0.4);
content:"";
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
}
.flipTimer .digit > div.shadow-top {
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0)), to(black));
opacity:0;
-webkit-transition:opacity 0.3s ease-in;
width:70px;
}


.flipTimer .digit > div.digit-bottom,
.flipTimer .digit > div.shadow-bottom {
background-color:#333;
border-radius:0 0 10px 10px;
bottom:0;
z-index:-1;
}
.flipTimer .digit > div.digit-bottom .digit-wrap,
.flipTimer .digit > div.shadow-bottom .digit-wrap {
display:block;
margin-top:-100%;
}
.flipTimer .digit > div.digit-bottom:before,
.flipTimer .digit > div.shadow-bottom:before {
border-radius:0 0 10px 10px;
-webkit-box-shadow:inset 0 10px 25px rgba(0, 0, 0, 0.3);
box-shadow:inset 0 10px 25px rgba(0, 0, 0, 0.3);
content:"";
left:0;
height:100%;
position:absolute;
top:0;
width:100%;
}
.flipTimer .digit > div.shadow-bottom {
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(black), to(rgba(0, 0, 0, 0)));
opacity:0;
-webkit-transition:opacity 0.3s ease-in;
width:50px;
}
.flipTimer .digit.previous .digit-top,
.flipTimer .digit.previous .shadow-top {
animation:flipTop 0.3s ease-in both;
opacity:1;
-webkit-transform-origin:50% 100%;
-webkit-animation:flipTop 0.3s ease-in both;
-moz-transform-origin:50% 100%;
-moz-animation:flipTop 0.3s ease-in both;
-ms-transform-origin:50% 100%;
-ms-animation:flipTop 0.3s ease-in both;
transform-origin:50% 100%;
z-index:1;
}
.ie11 .flipTimer .digit.active .digit-top {
z-index:2;
}

.flipTimer .digit.previous .digit-bottom,
.flipTimer .digit.previous .shadow-bottom {
opacity:1;
z-index:0;
}
.flipTimer .digit.active .digit-top {z-index:1;}

.flipTimer .digit.active .digit-bottom {
animation:flipBottom 0.3s 0.3s ease-out both;
z-index:1;
-webkit-transform-origin:50% 0%;
-webkit-animation:flipBottom 0.3s 0.3s ease-out both;
-moz-transform-origin:50% 0%;
-moz-animation:flipBottom 0.3s 0.3s ease-out both;
-ms-transform-origin:50% 0%;
-ms-animation:flipBottom 0.3s 0.3s ease-out both;
transform-origin:50% 0%;
}


@media screen and (max-width:540px) {
.flipTimer {font-size:60px;}
.flipTimer * {font-size:60px;line-height:75px;}
.flipTimer .digit-set {height:80px;width:55px;}
.flipTimer .digit > div {height:57%;}
}
@media screen and (max-width:480px) {
.flipTimer {font-size:40px;}
.flipTimer * {font-size:40px;line-height:55px;}
.flipTimer .label {font-size:12px;}
.flipTimer .digit > div {height:60%;}
.flipTimer .digit > div.shadow-bottom {width:40px;}
.flipTimer .digit-set {height:57px;width:45px;}
}
@media screen and (max-width:360px) {
.flipTimer {font-size:30px;}
.flipTimer * {font-size:30px;line-height:45px;}
.flipTimer .digit-set {height:44px;width:38px;}
.flipTimer .digit > div.shadow-bottom {width:30px;}
}
/*

expanding cards

*/
#ip-container {
display:-webkit-flex;
position:relative;
z-index: 0;
}
.tile-expandable.active,
.tile-expandable:hover {
background:#EEEEEE;
}
.tile-expandable.active::after {
border:14px solid transparent;
border-top:14px solid #EEEEEE;
bottom:-30px;
content:"";
left:45%;
position:absolute;
right:45%;
width:0;
}
.tile-expandable {
cursor:pointer;
position:relative;
}
.ip-details {
display:none;
}
.inlinepopup {
background:#EEEEEE;
float:left;
margin:30px 0;
padding:40px 20px;
position:relative;
text-align:center;
width:100%;
}
.faqs .inlinepopup {
margin-bottom:0;
padding-bottom:0;
}
.inlinepopup::before {
border-top:1px solid #EEEEEE;
box-shadow:0px 2px 2px rgba(120, 119, 119, 1);
-webkit-box-shadow:0px 2px 2px rgba(120, 119, 119, 1);
-moz-box-shadow:0px 2px 2px rgba(120, 119, 119, 1);
content:"";
height:1px;
left:0;
position:absolute;
top:0;
width:100%;
}
.inlinepopupClose {
cursor:pointer;
height:16px;
position:absolute;
right:20px;
top:20px;
width:16px;
z-index:99;
overflow:hidden;
-webkit-transition:all 0.5s ease 0s;
-o-transition:all 0.5s ease 0s;
transition:all 0.5s ease 0s;
}
.inlinepopup__container {
background:#FFF;
border:1px solid #EEEEEE;
min-height:320px;
margin:4px;
padding:20px;
}
.inlinepopup__span {
display:block;
margin:8px 0 0;
}
.inlinepopup_content {
margin:20px 0;
color:#2D2926;
}
.inlinepopup_content .Separator {
border-color:#CCC;
}
.inlinepopup__Links {
text-align:center;
}
.tablet .inlinepopup__container {
margin:0;
width:48%;
}
.inlinepopup__h3 {
font-size:22px;
}
.tileContent h2 span,
.tileContent h3 span,
.inlinepopup_content h3 span {
display:block;
margin:8px 0 0;
}
.tile-img-feefo {
max-height:125px;
max-width:125px;
}
.contentbox__readmore::after {
background-image:url("/pCMS_BO/Resources/ParagonBank/icons/hd_chevron_down_icon");
background-size:100% 100%;
content:"";
height:16px;
margin:0 0 0 8px;
position:relative;
top:3px;
width:16px;
display:inline-block;
-webkit-transition:300ms linear all;
-o-transition:300ms linear all;
transition:300ms linear all;
}
.active .contentbox__readmore::after {
background-image:url("/pCMS_BO/Resources/ParagonBank/icons/hd_chevron_down_icon");
content:"";
-webkit-transform:rotate(-180deg);
-ms-transform:rotate(-180deg);
transform:rotate(-180deg);
-webkit-transition:300ms linear all;
-o-transition:300ms linear all;
transition:300ms linear all;
}


/*=====

TIMELINE

=====*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

#timeline.container{background:#EEEEEE;padding:40px 20px}
#timeline{position:relative;}
#timeline::before{content:'';position:absolute;top:50px;left:18px;height:97%;width:8px;background:#D0D3D4;}
.phone #timeline::before{left:27px}

@media only screen and (min-width:540px){
#timeline::before{left:33px}
}
@media only screen and (min-width:960px){
#timeline::before{left:50%;margin-left:-2px}
}
.timeline-block{position:relative;margin:32px 0}
.timeline-block::after{clear:both;content:"";display:table}
.timeline-block:first-child{margin-top:0}
.timeline-block:last-child{margin-bottom:0}

@media only screen and (min-width:960px){
.timeline-block{margin:64px 0}
.timeline-block:first-child{margin-top:0}
.timeline-block:last-child{margin-bottom:0}
}
.timeline-img{position:absolute;top:0;left:0;width:50px;height:50px;border-radius:50%;background:#FFFFFF;border:5px solid #89CB31;margin-left:-3px}
.timeline-img span{font-size:12px;font-weight:800;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.phone .timeline-img{height:60px;left:5px;margin-left: -28px;width:60px;z-index: 999;top: -35px;}
.phone.landscape .timeline-img{margin-left:-40px}
.phone .timeline-img span{font-size:16px}

@media only screen and (min-width:540px){
.timeline-img{width:60px;height:60px;left:-30px}
#timeline.container{padding:40px}
}
@media only screen and (min-width:768px){
.timeline-img{height:75px;left:-37.5px;width:75px}
.timeline-img span{font-size:16px}
}
@media only screen and (min-width:960px){
.timeline-img{width:80px;height:80px;left:50%;margin-left:-37px;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}
.timeline-img span{font-size:19px}
.cssanimations .timeline-img.is-hidden{visibility:hidden}
.cssanimations .timeline-img.bounce-in{visibility:visible;-webkit-animation:bounce-1 0.6s;animation:bounce-1 0.6s}
}
@-webkit-keyframes bounce-1{0%{opacity:0;-webkit-transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2)}
100%{-webkit-transform:scale(1)}
}
@keyframes bounce-1{0%{opacity:0;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}
60%{opacity:1;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
.timeline-content{
position:relative;
margin-left:60px;
background:#FFFFFF;
padding:20px;
}
.timeline-content ul li{
padding:10px 0 10px 15px;
border-left:2px solid #89cb31;
margin:0 0 8px;
}
.timeline-content::after{
clear:both;
content:"";
display:table;
}
.timeline-content::before{
content:'';
position:absolute;
top:16px;
right:100%;
height:0;
width:0;
border:14px solid transparent;
border-right:14px solid #FFFFFF;
}
.timeline-content p{
padding:12px;
}
.timeline-content p span{
font-size:20px;
}
.timeline-content p span,
.timeline-content p strong{
display:block;
font-weight:800;
margin:3px 0;
}
.timeline-content .flexWrapper.featured-content {
padding:0;
}
.timeline-content .flexWrapper.featured-content p {
padding:0;
margin:0;
}
.timeline-content .BulletList{
padding:0 15px;
}
.featured-content .tileImage{
-webkit-box-flex:0;
-ms-flex:0 1 35%;
flex:0 1 35%;
padding:10px;
}
.featured-content .tileContent{
-ms-flex-item-align:center;
-ms-grid-row-align:center;
align-self:center;
-webkit-align-self:center;
-webkit-box-flex:0;
-ms-flex:0 1 65%;
flex:0 1 65%;
margin:0;
}
.timeline-content .featured-content:nth-of-type(2){
margin:25px 0;
}
.phone .timeline-content{padding:6px}
.phone .timeline-content p{font-size:16px}
.phone .timeline-content .featured-content{padding:0}
.phone .timeline-content ul.BulletList{list-style:none;padding:0;text-align:center}
.phone .timeline-content ul.BulletList li{background:none;font-weight:400;padding:10px}
.phone .timeline-content .featured-content img{max-width:130px}
.tablet .timeline-content::before{top:24px}
.tablet.portrait .featured-content.tile-left:nth-of-type(n+1) .flexItem{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
.tablet.portrait .featured-content:nth-of-type(n+1) .tileContent{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;text-align:left}
.tablet.portrait .featured-content:nth-of-type(n+1) .tileImage{margin-top:0;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
@media only screen and (min-width:960px){
.timeline-content{margin-left:0;width:42%}
.timeline-content::before{top:24px;left:100%;border-color:transparent;border-left-color:#FFFFFF}
.timeline-block:nth-child(even) .timeline-content{float:right}
.timeline-block:nth-child(even) .timeline-content::before{top:24px;left:auto;right:100%;border-color:transparent;border-right-color:#FFFFFF}
.cssanimations .timeline-content.is-hidden{visibility:hidden}
.cssanimations .timeline-content.bounce-in{visibility:visible;-webkit-animation:bounce-2 0.6s;animation:bounce-2 0.6s}
}
@media only screen and (min-width:960px){
.cssanimations .timeline-block:nth-child(even) .timeline-content.bounce-in{-webkit-animation:bounce-2-inverse 0.6s;animation:bounce-2-inverse 0.6s}
}
@-webkit-keyframes bounce-2{
0%{opacity:0;-webkit-transform:translateX(-100px)}
60%{opacity:1;-webkit-transform:translateX(20px)}
100%{-webkit-transform:translateX(0)}
}
@keyframes bounce-2{
0%{opacity:0;-webkit-transform:translateX(-100px);-ms-transform:translateX(-100px);transform:translateX(-100px)}
60%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
@-webkit-keyframes bounce-2-inverse{
0%{opacity:0;-webkit-transform:translateX(100px)}
60%{opacity:1;-webkit-transform:translateX(-20px)}
100%{-webkit-transform:translateX(0)}
}
@keyframes bounce-2-inverse{
0%{opacity:0;-webkit-transform:translateX(100px);-ms-transform:translateX(100px);transform:translateX(100px)}
60%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.timeline-content .featured-content .flexItem.tile-featured{
padding:0;
}
.phone #timeline.container{
background-color:#ffffff;
}



/* */
h1 span.smaller-header {
font-size:27px;
display:block;
margin-bottom:10px;
}
.feefo-savings {
width:230px;
display:block;
margin-left:50px;
}
.tablet.landscape .feefo-savings{
width:200px;
margin-left:50px;
}
.tablet.portrait .feefo-savings {
width:230px;
display:block;
margin-left:0px;
}
.tablet.portrait .quote-featured .col-xs-8,
.tablet.portrait .quote-featured .col-xs-4{
width:100%;
margin:5px 0;
}
.about-us .tablet.portrait .quote-featured .col-xs-8,
.about-us .tablet.portrait .quote-featured .col-xs-4{
text-align:center;
}
.about-us .tablet.landscape .quote-featured .col-xs-4{
text-align:right;
}
.about-us .tablet.portrait .Parent{
margin:40px 0px 0px;
}
.phone .quote-featured .col-xs-8, .phone .quote-featured .col-xs-4{
width:100%;
margin:5px 0;
}
.phone.portrait .quote-featured .col-xs-8 .quote-line-2{
margin-left:0;
}
.phone .feefo-savings {
width:230px;
display:block;
margin-left:0px;
}
span.best-buy {
background:url(/pCMS_BO/Resources/ParagonBank/Images/hero-images/best-buy-ribbon);
background-size:105px;
height:66px;
width:105px;
display:none;
padding:7px 0;
position:absolute;
background-repeat:no-repeat;
top:0;
text-align:center;
font-weight:600;
}
/****

Toggle Switch

****/
.toggle-label {
display:block;
position:relative;
}
.multiple-labels {
margin-left:55px;
}
.toggle-label .toggle-checkbox {
display:none;
}
.toggle-checkbox:disabled + *,
.toggle-checkbox:disabled + * + *::before,
.toggle-checkbox:disabled + * + *::after {
cursor:not-allowed;
opacity:.35;
}
.toggle-switch {
background-color:#D0D3D4;
bottom:0;
cursor:pointer;
height:34px;
left:0;
position:absolute;
right:0;
top:0;
-webkit-transition:.4s;
-o-transition:.4s;
transition:.4s;
width:60px;
}
td .toggle-switch {
top:-15px;
}
.toggle-switch::before {
background-color:#FFFFFF;
bottom:2px;
content:"";
height:30px;
left:2px;
position:absolute;
-webkit-transition:.4s;
-o-transition:.4s;
transition:.4s;
width:30px;
}
.toggle-checkbox:checked + .toggle-switch {
background-color:#89CB31;
}
.toggle-checkbox:checked + .toggle-switch::before {
-webkit-transform:translateX(26px);
-ms-transform:translateX(26px);
transform:translateX(26px);
}
.toggle-switch.round {
border-radius:34px;
}
.toggle-switch.round::before {
border-radius:50%;
}
.toggle-checkbox ~ .checkbox-label::after,
.toggle-checkbox:checked ~ .checkbox-label::before {
font-weight:normal;
}
.toggle-checkbox ~ .checkbox-label::before,
.toggle-checkbox:checked ~ .checkbox-label::after {
font-weight:bold;
}
.label-left::before, .label-right::after {
position:absolute;
}
td .label-left::before, td .label-right::after {
top:-5px;
}
.label-left::before {
content:attr(data-label);
left:-55px;
}
.label-right::after {
content:attr(data-label);
left:75px;
}
@media (min-width:320px) and (max-width:768px) {
td .toggle-switch {
top:10px;
}
td .label-left::before, td .label-right::after {
top:18px;
}
}
/***

Thank you page

***/
.thank-you .pCMS_BodyContainer::after {
content:'Paragon Commercial Finance Limited is regulated by the Financial Conduct Authority and is registered on the Financial Services Register under the firm reference number 733327. Registered in England number 07036669. Registered office 51 Homer Road, Solihull, West Midlands B91 3QJ.';
text-align:center;
max-width:1200px;
margin:10px auto 0;
display:block;
padding:30px 20px;
border-top:1.25px solid #EEEEEE;
}
/***

REQUEST A CALLBACK

***/
.Title_Section.Title_Section_request-a-callback {
background:#000000;
padding:30px 20px 10px 20px;
}
.request-a-callback input[type="email"] {
overflow:auto;
width:100%;
margin-left:0;
vertical-align:top;
}
.request-a-callback textarea{
overflow:auto;
width:100%;
padding:15px;
margin-left:0;
vertical-align:top;
}
.request-a-callback label {
width:100%;
margin:20px 0 10px 0;
}
.request-a-callback span {
width:48%;
display:block;
float:left;
}
.request-a-callback span:nth-child(odd){
margin-right:20px;
}
.request-a-callback span input {
width:100%;
}
.request-a-callback-form {
position:relative;
}
.required-field {
position:absolute;
bottom:40px;
right:0;
}
.request-a-callback-page .pCMS_BodyContainer::after {
content:'Paragon is a trading style of Specialist Fleet Services Limited. Registered in England number 02843547.Registered office 51 Homer Road, Solihull, West Midlands B91 3QJ';
text-align:center;
max-width:1200px;
line-height:23px;
margin:10px auto 0;
display:block;
padding:30px 20px;
border-top:1.25px solid #EEEEEE;
}
@media only screen and (max-width :540px)  {
.request-a-callback span {
width:100%;
}
}
iframe {
width:100%;
border:0;
height:850px;
}
iframe.iframe-youtube-height {
width:100%;
border:0;
height:auto;
aspect-ratio:16/9;
}
.pCMS_SidebarContent iframe {
height:auto;
}
.form-left .Column.ColFirst {
width:100%;
}
/*====

IFRAME CONTAINER - RESPONSIVE

====*/
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top:0;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*****

AWARDS PAGE STYLING

*****/
.flexWrapper.awards .inlinepopup {
padding:0;
}
.quotation {
border-top:1px solid #D0D3D4;
border-bottom:1px solid #D0D3D4;
position:relative;
margin:50px 0;
}
.business-tab {
display:inline-block;
position:absolute;
top:0;
left:40px;
background:#32A7E5;
padding:10px 30px;
font-weight:800;
color:#FFFFFF;
}
.quotation-spacing {
display:block;
margin:60px 25px 50px 25px;
}
.quotation-title span {
font-size:40px;
font-weight:800;
}
.quotation-title {
font-size:30px;
line-height:40px;
}
.quotation-title:before {
content:open-quote;
font-size:50px;
color:#89CB31;
}
.quotation-body {
margin-top:25px;
}
.quotation-body:after {
content:close-quote;
position:absolute;
right:0;
font-size:50px;
margin-top:-10px;
color:#89CB31;
}
.quotation-author {
margin-top:20px;
border-left:5px solid #D0D3D4;
padding:0 0 0 10px;
}
.quotation-author strong {
display:block;
margin-bottom:5px;
}
.quotation-author span {
font-size:14px;
color:#797979;
}
.tileImage.feefo-card {
min-height:170px;
background-color:#FFD700;
}
.tileImage.feefo-card img {
margin-top:70px;
}
/*=============

5.HERO REGION

5.1.HERO CONSTRUCTION
5.2.HERO FONT STYLES (.Dark_Text, .White_Text)
5.3.HERO WHITE THEME (.White_Theme)
5.3.HERO DARK THEME (.Dark_Theme)
5.4.HERO NO BACKGROUND COLOUR (.No_Background)
5.5.HERO CENTERED (.Hero_Center)
5.6.HERO SPECIFIC STYLING (50% Child - FSCS)
5.7.HERO CAROUSEL STYLING
5.8.HERO BACKGROUND IMAGE CLASSES
5.8.1 SAVINGS IMAGE CLASSES
5.8.2 MORTGAGES IMAGE CLASSES
5.8.3 LENDING IMAGE CLASSES
5.8.4 CAROUSEL IMAGE CLASSES
5.9.IN-PAGE PARENT/CHILD SECTION
5.10.HERO MEDIA QUERIES
5.10.1 PHONE PORTRAIT
5.10.2 PHONE LANDSCAPE
5.10.3 TABLET PORTRAIT
5.10.4 TABLET LANDSCAPE

=============*/
/*=====

5.1.HERO CONSTRUCTION

=====*/
.Title_Section {
width:100%;
display:block;
height:auto;
background:#FFFFFF;
background-position:right center;
background-size:60%;
background-repeat:no-repeat;
background-image:none;
}
.Title_Section .Parent {
width:100%;
display:block;
height:100%;
vertical-align:middle;
position:relative;
max-width:1200px;
margin:0 auto;
}
.Title_Section .Parent::before {
content:'';
left:0;
height:100%;
position:absolute;
-webkit-transform:translateX(-99%);
-ms-transform:translateX(-99%);
transform:translateX(-99%);
width:50vw;
}
.Title_Section .Parent::before {
background:#2D2926;
}
.Title_Section .Parent .Child1,
.Title_Section .Parent .Child2 {
display:inline-block;
vertical-align:middle;
}
.savings-product .Title_Section .Parent .Child1 {
clip-path: none!important;
}
.Title_Section .Parent .Child1 {
padding:40px 80px 40px 20px;
width:67%;
background-color:#2d2926;
-webkit-clip-path: polygon(100% 0%, 90% 50%, 100% 100%, 0 100%, 0 0);
clip-path: polygon(100% 0%, 90% 50%, 100% 100%, 0 100%, 0 0);
}
.Title_Section .Parent .Child2 {
width:32%;
padding:0 20px;
}
.Title_Section .Parent .Child2 img {
width:100%;
margin:0 auto;
display:block;
max-width:200px;
}
/*=====

5.2.HERO FONT STYLES

=====*/
.Title_Section .Parent .Child1 h1 {
font-weight:800;
font-size:35px;
line-height:120%;
margin:0 0 15px;
}
.Title_Section .Parent .Child1 h1 span {
font-weight:800;
font-size:80px;
display:block;
}
.Title_Section .Parent .Child1 h1 span span {
font-weight:500;
font-size:22px;
display:inline-block;
}
.Title_Section .Parent .Child1 h2 a,
.Title_Section .Parent .Child1 h2 a:link,
.Title_Section .Parent .Child1 h2 a:visited,
.Title_Section .Parent .Child1 h3 a,
.Title_Section .Parent .Child1 h3 a:link,
.Title_Section .Parent .Child1 h3 a:visited {
color:#89cb31;
font-weight:inherit;
}
.Title_Section .Parent .Child1 h2 a::before,
.Title_Section .Parent .Child1 h2 a:link::before,
.Title_Section .Parent .Child1 h2 a:visited::before,
.Title_Section .Parent .Child1 h3 a::before,
.Title_Section .Parent .Child1 h3 a:link::before,
.Title_Section .Parent .Child1 h3 a:visited::before {
content:none;
}
.Title_Section .Parent .Child1 a.Link,
.Title_Section .Parent .Child1 a.Link:visited,
.Title_Section .Parent .Child1 a.Link:link {
color:#FFFFFF;
}
.Title_Section .Parent p {
font-weight:500;
max-width:90%;
}
.Title_Section .Parent p span {
font-size:70px;
font-weight:800;
line-height:100%;
}
.Title_Section .Parent .Child1 h1,
.Title_Section .Parent .Child1 h1 span,
.Title_Section .Parent .Child1 h1 span span,
.Title_Section .Parent .Child1 h2,
.Title_Section .Parent .Child1 h2 span,
.Title_Section .Parent .Child1 h2 span span,
.Title_Section .Parent .Child1 h3,
.Title_Section .Parent .Child1 h3 span,
.Title_Section .Parent .Child1 h3 span span,
.Title_Section .Parent p,
.Title_Section .Parent p span,
.Title_Section .Parent .Child1 ul li,
.Title_Section .Parent .Child2 ul li {
color:#FFFFFF;
}
/*** DARK TEXT ***/
.Title_Section.Dark_Text .Parent .Child1 h1,
.Title_Section.Dark_Text .Parent .Child1 h1 span,
.Title_Section.Dark_Text .Parent .Child1 h2,
.Title_Section.Dark_Text .Parent .Child1 h3,
.Title_Section.Dark_Text .Parent .Child1 p,
.Title_Section.Dark_Text .Parent .Child1 p span,
.Title_Section.Dark_Text .Parent .Child1 ul li,
.Title_Section.Dark_Text .Parent .Child2 .Child1 h2,
.Title_Section.Dark_Text .Parent .Child2 .Child2 h2,
.Title_Section.Dark_Text .Parent .Child2 .Child1 h3,
.Title_Section.Dark_Text .Parent .Child2 .Child2 h3,
.Title_Section.Dark_Text .Parent .Child2 .Child1 p,
.Title_Section.Dark_Text .Parent .Child2 .Child2 p,
.Title_Section.Dark_Text .Parent .Child2 ul li {
color:#2D2926;
}
/*** WHITE TEXT ***/
.Title_Section.White_Text .Parent .Child1 h1,
.Title_Section.White_Text .Parent .Child1 h1 span,
.Title_Section.White_Text .Parent .Child1 h2,
.Title_Section.White_Text .Parent .Child1 h3,
.Title_Section.White_Text .Parent .Child1 p,
.Title_Section.White_Text .Parent .Child1 p span,
.Title_Section.White_Text .Parent .Child1 ul li,
.Title_Section.White_Text .Parent .Child2 h2,
.Title_Section.White_Text .Parent .Child2 h3,
.Title_Section.White_Text .Parent .Child2 p,
.Title_Section.White_Text .Parent .Child2 p span,
.Title_Section.White_Text .Parent .Child2 .Child1 h2,
.Title_Section.White_Text .Parent .Child2 .Child2 h2,
.Title_Section.White_Text .Parent .Child2 .Child1 h3,
.Title_Section.White_Text .Parent .Child2 .Child2 h3,
.Title_Section.White_Text .Parent .Child2 .Child1 p,
.Title_Section.White_Text .Parent .Child2 .Child2 p,
.Title_Section.White_Text .Parent .Child2 ul li {
color:#FFFFFF;
}
/*=====

5.3.HERO WHITE THEME

=====*/
.Title_Section.White_Theme {
background:#FFFFFF;
}
.Title_Section.White_Theme .Parent::before {
background:#FFFFFF;
}
.Title_Section.White_Theme .Parent .Child1 {
background-image:url(/pCMS_BO/Resources/ParagonBank/Images/bank_child_bg_white);
}
/*=====

5.3.HERO DARK THEME

=====*/
.Title_Section.Dark_Theme {
background:#2D2926;
}
/*=====

5.4.HERO NO BACKGROUND COLOUR

=====*/
.Title_Section.No_Background .Parent .Child1 {
background-image:none;
}
.Title_Section.No_Background .Parent::before {
background:transparent;
}
.Title_Section.No_Background.White_Text .Parent .Child1 h1,
.Title_Section.No_Background.White_Text .Parent .Child1 h1 span,
.Title_Section.No_Background.White_Text .Parent .Child1 h2,
.Title_Section.No_Background.White_Text .Parent .Child1 h2 span,
.Title_Section.No_Background.White_Text .Child1 p,
.Title_Section.No_Background.White_Text .Parent .Child1 p span {
text-shadow:0px 0px 4px rgba(45,41,38,0.4);
}
.Title_Section.No_Background.Dark_Text .Parent .Child1 h1,
.Title_Section.No_Background.Dark_Text .Parent .Child1 h1 span,
.Title_Section.No_Background.Dark_Text .Parent .Child1 h2,
.Title_Section.No_Background.Dark_Text .Parent .Child1 h2 span,
.Title_Section.No_Background.Dark_Text .Child1 p,
.Title_Section.No_Background.Dark_Text .Parent .Child1 p span {
text-shadow:none;
}
.Title_Section.Green {
background: #89cb31;
}
.Title_Section.GreenGradient {
background: #547616;
background: -moz-linear-gradient(top,  #547616 0%, #89cb31 75%);
background: -webkit-linear-gradient(top,  #547616 0%,#89cb31 75%);
background: linear-gradient(to bottom,  #547616 0%,#89cb31 75%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#547616', endColorstr='#89cb31',GradientType=0 );
}
/*=====

5.5.HERO CENTERED

=====*/
.Title_Section.Hero_Center {
background:#2D2926;
}
.Title_Section.Hero_Center .Parent .Child1 {
padding:50px 20px;
width:100%;
text-align:center;
background-image:none;
}
.Title_Section.Hero_Center.White_Theme,
.Title_Section.Hero_Center.White_Theme .Parent .Child1,
.Title_Section.Hero_Center.White_Theme .Parent::after {
background:#FFFFFF;
}
.Title_Section.Hero_Center.No_Background .Parent .Child1,
.Title_Section.Hero_Center.No_Background .Parent::after {
background:transparent;
}
.Title_Section.Hero_Center .Parent .Child1 h1,
.Title_Section.Hero_Center .Parent .Child1 p {
width:80%;
margin:0 auto 15px;
display:block;
}
.Title_Section.Hero_Center .Parent .Child2 {
display:none;
}
/*=====

5.6.HERO SPECIFIC STYLING

=====*/

/*** Parent Child 50% ***/
.Parent.Parent-50 {
background-color:#2D2926;
}
.Parent.Parent-50 .Child1,
.Parent.Parent-50 .Child2 {
padding:40px 20px;
width:49%;
background-image:none;
}
.Parent.Parent-50 .Parent h1 {
font-size:44px;
}

/*** TYE tweaks ***/
.Parent.TYE .Child1 {width: 58%;}
.Parent.TYE .Child2 {width: 41%;}

/*** Parent Child Child 50% ***/
.Parent.Parent-50 .Child2 .Child1,
.Parent.Parent-50 .Child2 .Child2 {
padding:0;
width:49%;
}
.Parent.Parent-50 .Child2 .Child1 h2,
.Parent.Parent-50 .Child2 .Child2 h2,
.postal-product .Title_Section .Parent .Child2 h2{
font-size:22px;
color:#FFFFFF;
}
.Parent.Parent-50 ul li {
display:inline-block;
padding:5px 30px 10px 30px;
}
.Parent.Parent-50 ul li a {
color:#FFFFFF;
}
.Parent.Parent-50 .Button,
.Parent.Parent-50 .Button.Secondary {
margin:0 0 15px;
}

/*** Parent Child 100% ***/
.Parent.Parent-100 {
background-color:#2D2926;
}
.Parent.Parent-100 .Child1 {
padding:40px 20px;
width:99%;
background-image:none;
}
.Parent.Parent-100 .Parent h1 {
font-size:44px;
}
.Parent.Parent-50.ReadyToApply .Child2 .Child1, .Parent.Parent-50.ReadyToApply .Child2 .Child2 {
padding: 0;
width: 55%;
}
.Child1.center .Separator {
margin: 15px 0;
}
/* POSTAL HERO */
.postal-product .Title_Section {
background-color:#2D2926;
}
/*** SAVINGS PRODUCT H1 PRE-FIXES ***/
.Title_Section.Limited-Edition h1::before {
content:'Limited Edition';
display:block;
font-size:22px;
background-color:#0070B3;
padding:10px;
margin:0 0 15px;
color:#FFFFFF;
max-width:-webkit-fit-content;
max-width:-moz-fit-content;
max-width:fit-content;
line-height:100%;
font-weight:600;
}
.Title_Section.Best_Buy .Parent .Child1::before {
content:'Best Buy';
padding:15px 10px;
background:#FFD700;
position:absolute;
top:0;
font-weight:600;
}
/*** QUICK LINK BOX ***/
#LinkBox {
background-color:#FFFFFF;
}
#LinkBox h2 {
padding:20px 20px 0;
margin:0 0 15px;
color:#2D2926;
}
#LinkBox p {
color:#2D2926;
padding:0 20px;
font-size:16px;
}
#LinkBox ul {
padding:0 20px 20px;
}
#LinkBox a.button,
#LinkBox a.Button {
margin:0 0 15px 20px;
}
#LinkBox a.Button.BigButton {
font-size:32px;
padding:20px 30px;
width:100%;
margin:0 20px;
}
.Title_Section .Parent .Child2 #LinkBox ul li {
color:#2D2926;
}
/*** ***/
.Title_Section.Title_Section_logoff4 .Parent .Child1 {
text-align:center;
width:100%;
padding:60px 0 80px;
}
.Title_Section.Title_Section_logoff4 .Parent .Child1 p {
max-width:100%;
}
.alcuin_case_study {
background-image:url(../pCMS_BO/Resources/ParagonBank/Images/case-studies/alcuin_main_image);
}
/*** SAVINGS SPAN ***/
.Title_Section .Parent p span.hero-rate {
display:inline-block;
margin:0 10px 0 0;
}
/*** FEEFO HERO STYLING ***/
.Title_Section .Parent.Feefo_Hero p:first-of-type {
border-bottom:3px solid #FFDD00;
display:inline-block;
font-size:16px;
font-style:italic;
font-weight:300;
margin:0 0 25px;
padding:0 0 8px;
width:auto;
}
.Title_Section .Parent.Feefo_Hero p:first-of-type img {
max-width:225px;
}
.phone.portrait .Title_Section .Parent.Feefo_Hero p:first-of-type img {
margin:15px 0 0;
}

/*=====

5.8.HERO BACKGROUND IMAGE CLASSES

=====*/
/* 5.8.1 SAVINGS IMAGE CLASSES */

.Title_Section.mother-and-son-playing-on-phone {
background-image: url(https://www.paragonbankinggroup.co.uk/pCMS_BO/Resources/mother-and-son-playing-on-phone);
background-position: 100% 25%;
}
.Title_Section.young-woman-reading-document {
background-image: url(../pCMS_BO/Resources/ParagonBank/Images/hero-images/young-woman-reading-document);
background-position: 100% 35%;
}
.Title_Section.father-and-son-walking-at-beach {
background-image: url(../pCMS_BO/Resources/ParagonBank/Images/hero-images/savings/father-and-son-walking-at-beach);
background-position: 115% 35%;
}
.Title_Section.mature-couple-hiking {
background-image: url(../pCMS_BO/Resources/ParagonBank/Images/hero-images/savings/mature-couple-hiking);
background-position: 115% 35%;
}
.Title_Section.family_walking_through_field {
background-image: url(../pCMS_BO/Resources/ParagonBank/Images/hero-images/savings/family_walking_through_field);
background-position: 115% 35%;
}
.Title_Section.couple-on-laptop-in-kitchen {
background-image: url(../pCMS_BO/Resources/ParagonBank/Images/hero-images/savings/couple-on-laptop-in-kitchen);
background-position: 115% 35%;
}
.Title_Section.women-having-coffee{
background-image: url(../pCMS_BO/Resources/ParagonBank/Images/women-laughing-coffee);
}
.Title_Section.woman-shopping{
background-image:url(../pCMS_BO/Resources/ParagonBank/hero/woman-shopping);
}
.Title_Section.happy-family-walking {
background-image: url(../pCMS_BO/Resources/ParagonBank/Images/hero-images/savings/happy-family-walking);
background-position: 115% 0;
}
.Title_Section.man-on-bed-with-laptop {
background-image:url(../pCMS_BO/Resources/ParagonBank/Images/man-on-bed-with-laptop-hero);
}
.Title_Section.mature-couple-exploring {
background-image: url(../pCMS_BO/Resources/ParagonBank/Images/hero-images/savings/mature-couple-hero);
background-position: 115% 0;
}
.Title_Section_lifetime-isa {
background-image:url(/pCMS_BO/Resources/ParagonBank/Images/hero-images/savings/lisa-hero);
}
.Title_Section_retirement {
background-image:url(/pCMS_BO/Resources/ParagonBank/Images/hero-images/savings/retirement-lisa-hero);
}
.Title_Section_first-time-buyers {
background-image:url(/pCMS_BO/Resources/ParagonBank/Images/hero-images/savings/first-home-lisa-hero);
}
.Title_Section_isa-deadline {
background-image:url(/pCMS_BO/Resources/ParagonBank/Images/hero-images/savings/isa-deadline-hero);
background-position: right bottom;
}
.desktop.small .Title_Section_isa-deadline {
background-size: 75%;
}
.tablet.portrait .Title_Section_isa-deadline {
background-position: 180px 100%;
}
.tablet.landscape .Title_Section_isa-deadline {
background-position: 400px 100%;
}
.Title_Section_flexible-isa {
background-image:url(/pCMS_BO/Resources/ParagonBank/Images/hero-images/savings/woman-ipad-green-sofa);
}
.Title_Section.woman-using-phone {
background-image: url(/pCMS_BO/Resources/ParagonBank/Images/woman-using-phone);
background-position: right center;
}
.libor-page {
background-image:url(/pCMS_BO/Resources/ParagonBank/hero/libor-hero);
}
/* 5.8.2 MORTGAGES IMAGE CLASSES */
.residential_mortgages_hero {
background-image:url(/pCMS_BO/Resources/ParagonBank/Images/hero-images/mortgages/residential_mortgages_hero)
}
.short_term_hero {
background-image:url(/pCMS_BO/Resources/ParagonBank/Images/hero-images/mortgages/short_term_hero);
}
.second_charge_mortgages_hero {
background-image:url(/pCMS_BO/Resources/ParagonBank/Images/hero-images/mortgages/second_charge_mortgages_hero);
}
.Title_Section.Title_Section_buy-to-let-movie,
.Title_Section.Title_Section_buy-to-let-adventure,
.Title_Section.Title_Section_buy-to-let-sci-fi,
.Title_Section.Title_Section_buy-to-let-action,
.Title_Section.Title_Section_buy-to-let-family,
.Title_Section.Title_Section_buy-to-let-specialist,
.Title_Section.Title_Section_buy-to-let-portalgeist,
.Title_Section.Title_Section_buy-to-let-the-broker,
.Title_Section.Title_Section_buy-to-let-home-loan,
.Title_Section.Title_Section_buy-to-let-christmas {
background-position:center center;
background-size:cover;
height:auto;
}
.Title_Section.Title_Section_buy-to-let-movie {
background-image:url(../pCMS_BO/Resources/ParagonBank/Images/hero-images/buy-to-let-movie-banner-image);
}
.Title_Section.Title_Section_buy-to-let-adventure {
background-image:url(../pCMS_BO/Resources/ParagonBank/Images/hero-images/adventure-movie-hero);
}
.Title_Section.Title_Section_buy-to-let-sci-fi {
background-image:url(../pCMS_BO/Resources/ParagonBank/Images/hero-images/sci-fi-movie-hero);
}
.Title_Section.Title_Section_buy-to-let-action {
background-image:url(../pCMS_BO/Resources/ParagonBank/Images/hero-images/action-movie-hero);
}
.Title_Section.Title_Section_buy-to-let-family {
background-image:url(../pCMS_BO/Resources/ParagonBank/Images/hero-images/family-movie-hero);
}
.Title_Section.Title_Section_buy-to-let-specialist {
background-image:url(/pCMS_BO/Resources/ParagonBank/Images/hero-images/specialist-movie-hero);
}
.Title_Section.Title_Section_buy-to-let-portalgeist {
background-image:url(/pCMS_BO/Resources/ParagonBank/Images/hero-images/portalgeist-movie-hero);
}
.Title_Section.Title_Section_buy-to-let-the-broker {
background-image:url(/pCMS_BO/Resources/ParagonBank/Images/hero-images/broker-movie-hero);
}
.Title_Section.Title_Section_buy-to-let-home-loan {
background-image:url(/pCMS_BO/Resources/ParagonBank/Images/hero-images/homealone-movie-hero);
}
.Title_Section.Title_Section_buy-to-let-christmas {
background-image:url(/pCMS_BO/Resources/ParagonBank/Images/hero-images/christmas-movie-hero);
}
.Title_Section.Title_Section_buy-to-let-movie .Parent::before,
.Title_Section.Title_Section_buy-to-let-adventure .Parent::before,
.Title_Section.Title_Section_buy-to-let-sci-fi .Parent::before,
.Title_Section.Title_Section_buy-to-let-action .Parent::before,
.Title_Section.Title_Section_buy-to-let-family .Parent::before,
.Title_Section.Title_Section_buy-to-let-specialist .Parent::before,
.Title_Section.Title_Section_buy-to-let-portalgeist .Parent::before,
.Title_Section.Title_Section_buy-to-let-the-broker .Parent::before,
.Title_Section.Title_Section_buy-to-let-home-loan .Parent::before,
.Title_Section.Title_Section_buy-to-let-christmas .Parent::before{content:none;
}
.Title_Section .Parent.Cat_Mouse {
background-image:url(/pCMS_BO/Resources/ParagonBank/hero/cat-mouse);
background-position: bottom right;
background-repeat: no-repeat;
}
.Title_Section .Parent.Detective {
background-image: url(/pCMS_BO/Resources/ParagonBank/hero/detective);
background-position: center right;
background-repeat: no-repeat;
}
.phone .Title_Section .Parent.Detective,
.phone .Title_Section .Parent.Cat_Mouse {
background-position: center;
background-repeat: no-repeat;
background-color:#89cb31;
}
/* 5.8.3 LENDING IMAGE CLASSES */

.asset-portal-hero{
margin-top:-40px!important;
}
.agriculture_finance_hero {
background-image:url(/pCMS_BO/Resources/ParagonBank/Images/hero-images/finance/agriculture_finance_hero)
}
.aviation_finance_hero {
background-image:url(/pCMS_BO/Resources/ParagonBank/Images/hero-images/finance/aviation_finance_hero)
}
.helicopter_finance_hero {
background-image:url(/pCMS_BO/Resources/ParagonBank/Images/hero-images/finance/helicopter_finance_hero)
}
.light_aircraft_hero {
background-image:url(/pCMS_BO/Resources/ParagonBank/Images/hero-images/finance/light_aircraft_hero)
}
.turboprops_finance_hero {
background-image:url(/pCMS_BO/Resources/ParagonBank/Images/hero-images/finance/turboprops_finance_hero)
}
.commercial_vehicle_hero {
background-image:url(/pCMS_BO/Resources/ParagonBank/Images/hero-images/finance/commercial_vehicle_hero)
}
.construction_finance_hero {
background-image:url(/pCMS_BO/Resources/ParagonBank/Images/hero-images/finance/construction_finance_hero)
}
.manufacturing_finance_hero {
background-image: url(/pCMS_BO/Resources/ParagonBank/Images/hero-images/finance/manufacturing_hero);
}
.technology_finance_hero {
background-image: url(/pCMS_BO/Resources/ParagonBank/Images/hero-images/finance/technology_hero);
}
.development_finance_hero {
background-image:url(/pCMS_BO/Resources/ParagonBank/Images/hero-images/finance/development_finance_hero)
}
.marketing_period_hero {
background-image:url(/pCMS_BO/Resources/ParagonBank/Images/hero-images/finance/marketing_period_hero)
}
.bridging_finance_hero {
background-image:url(/pCMS_BO/Resources/ParagonBank/Images/hero-images/finance/bridging_finance_hero)
}
.pre_planning_hero {
background-image:url(/pCMS_BO/Resources/ParagonBank/Images/hero-images/finance/pre_planning_hero)
}
.residential_development_hero {
background-image:url(/pCMS_BO/Resources/ParagonBank/Images/hero-images/finance/residential_development_hero)
}
.student_accommodation_hero {
background-image:url(/pCMS_BO/Resources/ParagonBank/Images/hero-images/finance/student_accommodation_hero)
}
.Title_Section.Title_Section_pricing {
background-image: url(/pCMS_BO/Resources/ParagonBank/Images/hero-images/asset_finance/asset-pricing-hero);
}
.Title_Section.Title_Section_lcv-dealer-pricing {
background:#2D2926 url(/pCMS_BO/Resources/ParagonBank/Images/business/assets-finance/commercial-vehicle/numeric-keyboard);
background-size:48%;
background-position: right 45%;
}

/* 5.8.4 CAROUSEL IMAGE CLASSES */
.pCMS_CarouselItem.Postal-Hero-one{
background-image:url(../pCMS_BO/Resources/ParagonBank/hero/postal-hero-one);
}
.pCMS_CarouselItem.woman-ipad-sofa{
background-image:url(../pCMS_BO/Resources/ParagonBank/Images/hero-images/savings/woman-ipad-green-sofa);
}
.Title_Section_feefo-review-landing {
background-image: url(../pCMS_BO/Resources/ParagonBank/Images/hero-images/savings/feefo-review-hero);
background-position: 115% 25%;
}
.lcv-finance-hero {
    background: url('/pCMS_BO/Resources/ParagonBank/Images/finance/lcv-finance-hero') no-repeat;
    background-size: cover;
    min-height:360px;
    margin-bottom:60px;
}
.tablet .lcv-finance-hero {
    background: url('/pCMS_BO/Resources/ParagonBank/Images/finance/lcv-finance-hero') no-repeat;
    background-size: contain;
    min-height:200px;
    margin-bottom:60px;
}
.phone .lcv-finance-hero {
    background: url('/pCMS_BO/Resources/ParagonBank/Images/finance/lcv-finance-hero-mobile') no-repeat;
    background-size: cover;
    min-height:230px;
    margin-bottom:30px;
}



/*======

5.9.IN-PAGE PARENT/CHILD SECTION

=====*/
.pCMS_MainContent .Parent {
width:100%;
display:block;
}
.pCMS_MainContent .Parent .Child1{
width:60%;
display:inline-block;
vertical-align:top;
}
.pCMS_MainContent .Parent .Child2{
width:39%;
display:inline-block;
vertical-align:top;
text-align:center;
}
/*=====

5.10.HERO MEDIA QUERIES

=====*/
/*====
5.10.1 PHONE PORTRAIT
====*/
.phone.portrait .Title_Section {
background-image:none;
background:#FFFFFF;
}
.phone.portrait .Title_Section .Parent::before {
background:none;
}
.phone.portrait .Title_Section .Parent .Child1,
.phone.portrait .Title_Section .Parent .Child2,
.phone.portrait .pCMS_MainContent .Parent .Child1,
.phone.portrait .pCMS_MainContent .Parent .Child2 {
display:block;
width:100%;
background-image:none;
-webkit-clip-path: none;
clip-path: none;
}
.phone.portrait .Title_Section .Parent .Child1 {
padding:30px 20px 15px;
text-align:center;
}
.phone.portrait .Title_Section .Parent .Child2 {
padding:15px 20px 30px;
text-align:center;
}
.phone.portrait .Title_Section .Parent .Child2 img{
width:75%;
}
.phone.portrait .Title_Section .Parent .Child2 .Feefo-Link img {
display:block;
}
.phone.portrait .Parent.Parent-50 .Child1 {
width:100%;
text-align:center;
padding:20px 15px 0;
}
.phone.portrait .Parent.Parent-50 .Child2 {
width:100%;
text-align:center;
padding:0 15px 30px;
}
.phone.portrait .Title_Section.Limited-Edition h1::before {
margin:0 auto 15px;
}
.phone.portrait .Title_Section.blogTitle,
.phone.landscape .Title_Section.blogTitle{
background-color: #FFFFFF;
}
/*====
5.10.2 PHONE LANDSCAPE
====*/
.phone.landscape .Title_Section {
background-color:#2D2926;
background-image:none;
}
.phone.landscape .Title_Section .Parent .Child1,
.phone.landscape .pCMS_MainContent .Parent .Child1 {
width:70%;
background-image:none;
}
.phone.landscape .Title_Section .Parent .Child2,
.phone.landscape .pCMS_MainContent .Parent .Child2 {
width:29%;
}
.phone.landscape .Title_Section .Parent .Child1 {
padding:20px;
}
.phone.landscape .Title_Section .Parent .Child2 {
padding:20px;
}
.phone.landscape .Title_Section .Parent .Child2 .Child1 {
padding:0;
}
.phone.landscape .Title_Section.Limited-Edition h1::before {
margin:0 auto 15px;
}
/*====
5.10.3 TABLET PORTRAIT
====*/
.tablet.portrait .Title_Section {
/*background-color:#2D2926;*/
background-size:cover;
background-position: center right;
}
.tablet.portrait .Parent .Child1 {
width:60%;
padding:50px 40px 50px 15px;
}
.tablet.portrait .Parent .Child2 {
width:39%;
padding:20px 15px;
}
.tablet.portrait .Parent.Parent-50 .Child1 {
width:100%;
text-align:center;
padding:30px 0 0;
}
.tablet.portrait .Parent.Parent-50 .Child2 {
width:100%;
text-align:center;
padding:0 0 30px;
}
/*====
5.10.4 TABLET LANDSCAPE
====*/
.tablet.landscape .Title_Section {
background-size:contain;
background-position: center right;
}
.inter_BTL_hero,
.tablet.portrait .inter_BTL_hero,
.tablet.landscape .inter_BTL_hero {
background:#EEEEEE;
background-image:url(/pCMS_BO/Resources/ParagonBank/hero/inter_BTL_hero);
background-position:center;
background-size:cover;
}

.inter_BTL_hero.slide-2,
.tablet.portrait .inter_BTL_hero.slide-2,
.tablet.landscape .inter_BTL_hero.slide-2 {
background-image:url(/pCMS_BO/Resources/ParagonBank/hero/inter_BTL_hero-notifications);
}
/***

***/
h2.line-through {
border-spacing:16px 0;
display:table;
line-height:.0125;
margin:15px 0;
max-width:none;
padding:10px 40px;
font-size:22px;
color:#FFFFFF;
}
h2.line-through::before,
h2.line-through::after {
border-top:1px solid #FFFFFF;
}
/***

***/
.pCMS_MainContent .Parent {
width:100%;
display:block;
vertical-align:top;
}
.pCMS_MainContent .Parent.Parent-50 .Child1,
.pCMS_MainContent .Parent.Parent-50 .Child2  {
width:49%;
padding:20px;
}
.pCMS_MainContent .Parent .Child1.Product {
width:66%;
display:inline-block;
}
.pCMS_MainContent .Parent .Child2.Feefo-Product {
width:33%;
display:inline-block;
}
/***

***/
.grey_opacity_bg {
background-color:rgba(45,41,38,.75);
}
.grey_opacity_bg h2,
.grey_opacity_bg h3,
.grey_opacity_bg p {
color:#FFFFFF;
}
.Parent.background_image {
background-size:cover;
background-repeat:no-repeat;
}
/***********

ONE AND TWO COLUMN CONTAINERS

************/
.one-column-container {
border:5px solid #89CB31;
margin:20px 0 40px;
padding:10px 20px;
width:100%;
}
.two-column-container {
width:49%;
display:inline-block;
vertical-align:top;
padding:0 5px 0 0;
margin-bottom:15px;
}
.two-column-container img {
width:90%;
margin:0 auto;
text-align:center;
}
.phone .two-column-container,
.phone .two-column-container img {
width:100%;
}
.three-column-container {
width:33%;
display:inline-block;
vertical-align:top;
margin:0 0 30px;
padding:0 5px 0 0;
}
.three-column-container img {
width:90%;
margin:0 auto;
text-align:center;
}
.phone .three-column-container,
.phone .three-column-container img {
width:100%;
}
.four-column-container {
width:24%;
display:inline-block;
vertical-align:top;
margin:0 0 30px;
padding:0 5px 0 0;
}
.four-column-container img {
width:90%;
margin:0 auto;
text-align:center;
}
.phone .four-column-container,
.phone .four-column-container img {
width:100%;
}
.tileContent .two-column-container{
padding:0 0 0 0;
}
/*****

FULL WIDTH CONTAINER

*****/

/** TYE tweaks **/
.full-width-container.TYE {margin: -40px 60px 60px;}

.full-width-container.bottom {margin-bottom: -60px;}

.Full_Width{width:100%;}
.full-width-container,
.full-width-container-dark,
.full-width-container-blue,
.full-width-container-yellow,
.full-width-container-green{
position:relative;
margin:60px 0;}
.full-width-container.no-margin,
.full-width-container-dark.no-margin,
.full-width-container-blue.no-margin,
.full-width-container-yellow.no-margin,
.full-width-container-green.no-margin{
margin:0;}
.full-width-container.minus-forty-margin,
.full-width-container-dark.minus-forty-margin,
.full-width-container-blue.minus-forty-margin,
.full-width-container-yellow.minus-forty-margin,
.full-width-container-green.minus-forty-margin {
margin:-40px 0 0;
}
.full-width-container .flexWrapper,
.full-width-container-dark .flexWrapper,
.full-width-container-blue .flexWrapper,
.full-width-container-yellow .flexWrapper,
.full-width-container-green .flexWrapper{
padding:40px 0;}
/*===
.full-width-container .tileAction,
.full-width-container-dark .tileAction,
.full-width-container-blue .tileAction,
.full-width-container-yellow .tileAction,
.full-width-container-green .tileAction {
margin:auto 0;
}
===*/
.full-width-container .pCMS_ContentItem::before,
.full-width-container-dark .pCMS_ContentItem::before,
.full-width-container-blue .pCMS_ContentItem::before,
.full-width-container-yellow .pCMS_ContentItem::before,
.full-width-container-green .pCMS_ContentItem::before{
content:'';
left:50%;
height:100%;
/*height:calc(100%);*/
position:absolute;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);
width:100vw;
/*margin:0 -9999rem;
padding:0.25rem 9999rem;*/
z-index:1;
}
.full-width-container .pCMS_ContentItem::before {
background-color:#EEEEEE;}
.full-width-container-dark .pCMS_ContentItem::before {
background-color:#2D2926;}
.full-width-container-blue .pCMS_ContentItem::before {
background-color:#0070B3;}
.full-width-container-yellow .pCMS_ContentItem::before {
background-color:#FFD700;}
.full-width-container-green .pCMS_ContentItem::before {
background-color:#5F8E22;}
.full-width-container .pCMS_ContentItem h2,
.full-width-container-dark .pCMS_ContentItem h2,
.full-width-container-blue .pCMS_ContentItem h2,
.full-width-container-yellow .pCMS_ContentItem h2,
.full-width-container-green .pCMS_ContentItem h2{
width:100%;
z-index:2;
margin:0 auto;
padding:20px 0;
position:relative;
}
.full-width-container-dark .pCMS_ContentItem h1,
.full-width-container-dark .pCMS_ContentItem h2,
.full-width-container-dark .pCMS_ContentItem p,
.full-width-container-blue .pCMS_ContentItem h1,
.full-width-container-blue .pCMS_ContentItem h2,
.full-width-container-blue .pCMS_ContentItem p,
.full-width-container-green .pCMS_ContentItem h2,
.full-width-container-green .pCMS_ContentItem p{
color:#ffffff;}
.full-width-container-blue .pCMS_ContentItem a h1:hover {
color:#ffffff;}
.full-width-container .tile-left .tileContent{
padding-left:0;}
.full-width-container .tile-left .tileContent h2,
.full-width-container-dark .tile-left .tileContent h2,
.full-width-container-blue .tile-left .tileContent h2,
.full-width-container-yellow .tile-left .tileContent h2,
.full-width-container-green .tile-left .tileContent h2{
text-align:left;
margin:0 0 20px;
}
.full-width-container-dark .tileContent p a:hover,
.full-width-container-dark .tileContent p a:link:hover,
.full-width-container-dark .tileContent p a:visited:hover{
color:#ffffff;
}
/*****

SEARCH BAR FULL WIDTH CONTAINER

*****/
.search-bar-heading{
padding: 0;
margin:60px 0 0 0;
}
.search-bar-heading .pCMS_ContentItem{
margin:0;
}
.search-bar-heading .pCMS_ContentItem h2{
padding: 40px 0;
}
.search-bar {
margin: 0;
}
.search-bar .SearchWrapper::before{
content: '';
left: 50%;
height: 100%;
position: absolute;
transform: translateX(-50%);
width: 100vw;
}
.full-width-container-dark.search-bar .SearchWrapper::before{
    background-color: #2D2926;
}
.full-width-container.search-bar .SearchWrapper::before{
    background-color: #eeeeee;
}

input.SearchInput[type="text"],
.tablet input.SearchInput[type="text"],
.phone input.SearchInput[type="text"]{
z-index: 2;
position: relative;
border-radius:10px;
}
.search-bar-links{
margin: 0;
}
.search-bar-links .flexWrapper{
padding: 30px 0 0 0;
margin: 0;
}
.question-category .ListRecords .SearchWrapper input.SearchInput[type="text"],
.tablet .question-category .ListRecords .SearchWrapper input.SearchInput[type="text"],
.phone .question-category .ListRecords .SearchWrapper input.SearchInput[type="text"]{
z-index: 1;
}
.Button.Is_Default.SearchButton {
background-color:#89cb31;
border:2px solid #89cb31;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
}
/************

FLEXBOX ITEMS - DEFINITIVE BUILD
- FLEXITEMBG (or .flexItemBg)
• allows use for <img> (image) bleeding off the edge of the flex item

- FLEXITEMROW (or .flexItemRow)
• sets direction of flex items to row, rather than column

*************/
.flexWrapper, .flexWrapper-accounts, .mega-menu-featured-container {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
flex-direction:row;
-ms-flex-direction:row;
-ms-flex-line-pack:stretch;
align-content:stretch;
z-index:1;
position:relative;
padding:5px 0;
max-width:1200px;
}

.flexWrapper {
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}

.flexWrapper.pad-top-0 {
padding-top: 0;
}
.flexWrapper.pad-top-10 {
padding-top: 10px;
}
.flexWrapper.pad-top-20 {
padding-top: 20px;
}
.flexWrapper.pad-top-30 {
padding-top: 30px;
}
.flexWrapper.pad-top-40 {
padding-top: 40px;
}
.flexWrapper.pad-top-50 {
padding-top: 50px;
}
.flexWrapper.pad-bottom-0 {
padding-bottom: 0px;
}
.flexWrapper.pad-bottom-10 {
padding-bottom: 10px;
}
.flexWrapper.pad-bottom-20 {
padding-bottom: 20px;
}
.flexWrapper.pad-bottom-30 {
padding-bottom: 30px;
}
.flexWrapper.pad-bottom-40 {
padding-bottom: 40px;
}
.flexWrapper.pad-bottom-50 {
padding-bottom: 50px;
}

.flexWrapper.title-and-link .flexItem:nth-child(1) {text-align: left;}
.flexWrapper.title-and-link .flexItem:nth-child(2) {text-align: right;}
.flexWrapper.title-and-link .flexItem h2 {padding:0;margin:0;}

.ie11.desktop .flexWrapper .mega-menu-featured-container{

width:100%;
}

.ie11.desktop .flexWrapper .mega-menu-featured-container .flexItem.flexItemRow {

}

.ie11.desktop .flexWrapper .mega-menu-featured-container .flexItem {

}

.flexItem {
margin:0 10px 10px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
-ms-flex-direction:column;
position:relative;
}
/*===


===*/
.flexItemRow {
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
}
.flexItem.flexItemRow .tileImage {
flex: 0 0 50%;
}
.flexItem.flexItemRow .tileContent {
flex: 0 0 50%;
padding:30px;
}
.phone.portrait .flexItem.flexItemRow .tileImage {
flex: 0;
}
.phone.portrait .flexItem.flexItemRow .tileContent {
flex: 0 0 100%;
}
/*===


===*/
.flexItemBg {
justify-content: space-between;
}
.flexItem:first-of-type {
margin:0 10px 10px 0;
}
.flexItem:last-of-type {
margin:0 0 10px 10px;
}
.flexItem.tile-nomargin:first-of-type,
.flexItemBg:first-of-type {
margin:0;
}
.flexItem.tile-nomargin:last-of-type,
.flexItemBg.tile .tileContent {
-webkit-box-flex: 1 1 60%;
-ms-flex: 1 1 60%;
flex: 1 1 60%;
-webkit-order: 0;
order: 0;
position: relative;
}
.flexItemBg.tile .tileImage {
align-self: stretch;
-webkit-box-flex: 1 1 40%;
-ms-flex: 1 1 40%;
flex: 1 1 40%;
-webkit-order: 0;
order: 0;
padding: 0;
}
.phone.landscape .flexItemBg .tileImage, .tablet.portrait .flexItemBg .tileImage {
display: none;
}
.flexItemBg .tileImage .img-object-cover {
max-width: 350px;
}
.flexWrapper.twoThirdColumnLeft .flexItem:first-of-type {
margin: 0 40px 10px 0;
}
.flexWrapper.twoThirdColumnLeft .flexItem:first-of-type,
.flexWrapper.twoThirdColumnRight .flexItem:last-of-type{
-webkit-box-flex:2;
-ms-flex:2;
flex:2;
}
.flexWrapper.twoThirdColumnRight .flexItem:last-of-type {
margin:0 10px 0 40px;
}
.flexWrapper.twoThirdColumnLeft .flexItem:last-of-type,
.flexWrapper.twoThirdColumnRight .flexItem:first-of-type{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.twoThirdColumnLeft .two-column-container,
.twoThirdColumnRight .two-column-container{
padding:27px 20px 0;
margin:0;
}
.twoThirdColumnLeft .two-column-container img,
.twoThirdColumnRight .two-column-container img {
width:100%;
margin:0 0 2px;
}
.phone .flexItem.savingProduct,
.phone .flexItem.savingProduct:first-of-type,
.phone .flexItem.savingProduct:last-of-type,
.phone .flexWrapper.twoThirdColumnLeft .flexItem.savingProduct:first-of-type,
.phone .flexWrapper.twoThirdColumnLeft .flexItem.savingProduct:last-of-type,
.phone .flexWrapper.twoThirdColumnRight .flexItem.savingProduct:first-of-type,
.phone .flexWrapper.twoThirdColumnRight .flexItem.savingProduct:last-of-type,
.tablet.landscape.iphonex .flexWrapper.twoThirdColumnLeft .flexItem.savingProduct:first-of-type,
.tablet.landscape.iphonex .flexWrapper.twoThirdColumnLeft .flexItem.savingProduct:last-of-type,
.tablet.landscape.iphonex .flexWrapper.twoThirdColumnRight .flexItem.savingProduct:first-of-type,
.tablet.landscape.iphonex .flexWrapper.twoThirdColumnRight .flexItem.savingProduct:last-of-type {
margin:0 0 10px;
-webkit-box-flex:1 0 100%;
-ms-flex:1 0 100%;
flex:1 0 100%;
}
.phone .flexWrapper.flexReverseOrder {
flex-direction: column-reverse;
}
@media (max-width:768px) and (min-width:320px) {
.flexItem,
.flexItem:first-of-type,
.flexItem:last-of-type,
.flexWrapper.twoThirdColumnLeft .flexItem:first-of-type,
.flexWrapper.twoThirdColumnLeft .flexItem:last-of-type,
.flexWrapper.twoThirdColumnRight .flexItem:first-of-type,
.flexWrapper.twoThirdColumnRight .flexItem:last-of-type {
margin:0 0 10px;
-webkit-box-flex:1 0 100%;
-ms-flex:1 0 100%;
flex:1 0 100%;
}
/*.tile {
text-align:center;
}*/
}

.phone .flexItemBg {flex-direction: column;}
.phone .flexItemBg .tileContent {order: 1;}

.tile-nomargin {
margin:0;
}
.tile {
border:5px solid #EEEEEE;
background-color:#FFFFFF;
}

.tile-featured-alt {
border:5px solid #EEEEEE;
background-color:#F5F5F5;
}

.tile-featured {
border:5px solid #EEEEEE;
background-color:#EEEEEE;
}


.tile-promotional{
border:5px solid #2D2926;
background-color:#2D2926;
}
.tile-promotional  h2,
.tile-promotional  p,
.tile-promotional ul.TickList li {
color:#ffffff;
}
.tile-promotional .tileContent .rate-card span {
color: #fff;
}
.tile-promotional .tileContent h3 {
color: #FFFFFF;
font-size:20px;
}
.tile-promotional .tileContent h3 span {
font-size:80px;
color: #FFFFFF;
font-weight:800;
}
.flexItem.flexItemRow.tile-promotional {
border:none;
}
.flexItem.flexItemRow.tile-promotional .tileImage {
flex: 0 0 50%;
}
.flexItem.flexItemRow.tile-promotional .tileContent {
padding:30px;
}
.phone.portrait .flexItem.flexItemRow.tile-promotional .tileImage {
flex: 0;
}



/* START - THIS WILL BE TO BE REWORKED - A/B TESTING ONLY */

.tile-saving-accounts{
border: 5px solid #EEEEEE;
background-color: #f5f5f5;
align-self: start;
}



.tile-saving-accounts.upTo h3::before {
content: 'Up to';
display:block;
font-size: 16px;
font-weight: 400;
line-height: 100%;
}

.tile-saving-accounts .tileContent{
position: relative;
margin:0;
}


.tile-saving-accounts h3::after {
content: 'AER*';
font-size: 16px;
font-weight: 400;
line-height: 100%;
}

.tile-saving-accounts h3 {
font-size: 64px;
padding: 0 ;
margin: 0 0 20px 0;
width: 60%;
display: inline-block;
}

.tile-saving-accounts .tileContent h2{
font-size: 26px;
margin-bottom: 15px;
margin-top: 15px;
}

.tile-saving-accounts .tileContent h2 span {
margin: 0;
font-weight: 400;
font-size: inherit;
display:inline;
}

.tile-saving-accounts .tileContent ul {
display: inline-block;
width: auto;
border-radius: 10px;
padding: 0 0 0 15px;
position: absolute;
right: 15px;
margin-top: 45px;
}

.tile-saving-accounts .tileContent ul li{
display: inline-block;
padding: 10px 10px 10px 25px;
}

.tile-saving-accounts .tileAction{
border-bottom: 5px solid #EEEEEE;
margin: auto 0;
padding-bottom: 15px;
}

.tile-saving-accounts  .tileAction:last-child{
border-bottom: 0;
}


.non-competitive .tile-saving-accounts h3{
display:none;
}

.non-competitive .tile-saving-accounts .tileContent ul{
position: relative;
margin-top:0;
}


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

.tile-saving-accounts h3{
width:100%;
margin-bottom:10px;
}

.tile-saving-accounts .tileContent ul{
margin-bottom: 15px;
}

}
@media
only screen and (max-width:760px),
(min-device-width:768px) and (max-device-width:920px) {

table.cardTable tr{
  display:table-row;
}

table.cardTable td{
  display: table-cell;
  width:100%;
}

.tile-saving-accounts h3{
  width:60%;
}

}

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


.tile-saving-accounts .tileContent ul{

position: relative;
margin-top: 0;
}

.tile-saving-accounts h3{
width:100%;
}
}

.phone .view-accounts-alternative .tab-container{
position: relative !important;
margin-bottom:0;
}


.phone .flexItem.tile-saving-accounts .tileContent,
.phone .flexItem.tile-saving-accounts .tileAction{
text-align: left;
}

.phone .tileHeader,
.mobile-tab-label,
input.mobile-tab-input[name="tabs"],
input.mobile-tab-input[type="radio"]:checked::after{
display:none;
}

.phone .mobile-tab-label
{
display:block;
padding: 25px 15px;
margin: 0;
position: relative;
bottom: -5px;
border: 5px solid transparent;
cursor: pointer;
font-size: 16px;
}

.phone .mobile-tab-label::before {
content: '\f054';
font-family: 'FontAwesome';
font-size: 12px;
margin-right: 7px;
}

.phone input[name="tabs"]:checked + label::before{
content: '';
margin-right: 0;
}

.phone .tile-saving-accounts {
/* apply these styles in mobile ony */
float: none;
display: none;
}

.phone input[name="tabs"] {
display: none;
}

.phone input[name="tabs"]:checked + label {

border-left: 5px solid #EEE;
background-color: #f5f5f5;
border-top: 5px solid #EEE;
border-bottom: 0;
border-right: 5px solid #EEE;

}

.phone input[id="tab1"]:checked ~ .tile-saving-accounts#col1 {
display: block;
}

.phone input[id="tab2"]:checked ~ .tile-saving-accounts#col2 {
display: block;
}

.inner-table {
margin: 0;
background-color: transparent;
padding: 15px 0;
}


.inner-table td {
padding: 5px 0;

}

table.inner-table tr:nth-of-type(2n){
background-color: transparent;
}

.variable.tile-accounts h3::after {content:'AER* (variable)';}

.sub-rate {
display: block;
font-size: 12px;
margin-bottom: 20px;
}
.filter-sub-menu a.Button.Secondary{
font-size: 12px;
}

/* END - A/B TESTING ONLY */

.tile-accounts {
border-left: none;
flex: 0 0 25%;
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
padding: 15px 0 5px;
position: relative;
background-color:#F5F5F5;
text-align:center;
margin:0;
}
.ie11.desktop .flexItem.tile-accounts {
flex: 0 0 24%;
-webkit-box-flex: 0;
-ms-flex: 0 0 24%;
}
.ios.safari.desktop.small.portrait .tile-accounts,
.ios.safari.tablet.portrait .tile-accounts,
.ios.safari.tablet.landscape .tile-accounts {
border-width: 5px;
}
/* 5 product cards inline */
.accounts-inline  .tile-accounts{
flex: 0 0 20%;
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
}
/* 6 product cards inline */
.accounts-inline.max .tile-accounts{
flex: 0 0 16.6%;
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6%;
}
.tile-accounts:nth-child(5),
.tablet.portrait .tile-accounts:nth-child(4)
{
border-left: 5px solid #EEEEEE;
}

.accounts-inline .tile-accounts:nth-child(5){
border-left:0;
}

.tile-accounts.flexItem:nth-of-type(n+5),
.tablet.portrait .accounts-inline  .tile-accounts:nth-of-type(n+4),
.tablet.portrait .tile-accounts:nth-of-type(n+4){
margin-top:10px;
}

.accounts-inline .tile-accounts.flexItem{
margin-top:0;
}

.ie11.desktop .accounts-inline .flexItem.tile-accounts{
flex: 0 0 19%;
-webkit-box-flex: 0;
-ms-flex: 0 0 19%;
}


.tile-accounts:first-of-type{
border-left: 5px solid #EEEEEE;
}

.tile-accounts:last-of-type,
.tile-accounts:first-of-type {
margin:0;
}

.tileHeader {
padding: 15px;

}
.tileHeader h2{
margin:10px 0;
}



.phone .tile-accounts{
border-left: 5px solid #EEEEEE;
border-top: none;
flex: 1 0 100%;
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
}
.phone .tile-accounts:first-of-type{
border-top: 5px solid #EEEEEE;
}
.phone .accounts-stack .tile-accounts:nth-of-type(n+4) {
margin: 0;
}
.tablet.portrait .tile-accounts,
.tablet.portrait .accounts-inline .tile-accounts{
flex: 0 0 33.3%;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3%;
}
.tile-img {
max-height:150px;
max-width:150px;
height:100%;
width:100%;
margin:15px auto 0;
}
.tile-img-sml {
max-height:100px;
max-width:100px;
margin:0 auto;
}
.tileImage img {
width:100%;
height:auto;
}
.tileImage .tile-img-padding{
margin-top: 30px;
}
.tile-accounts .tileContent {
margin: 0;
}
.tile-accounts .tileContent h2 {
font-size: 19px;
margin: 0 0 15px;
}
.tileContent {
height:auto;
padding:0 15px;
margin:0 0 15px;
}
.tileContent h2 {
font-size:26px;
line-height:100%;
padding:20px 0 0;
margin:0 0 30px;
}
.tileContent h2 a,
.tileContent h3 a{
line-height:100%;
padding:0;
margin:0;
}
.tileContent h2 a{
font-size:26px;
}
.tileContent h3 a{
font-size:22px;
}
.tileContent h2 a,
.tileContent h2 a:link,
.tileContent h2 a:visited,
.tileContent h3 a,
.tileContent h3 a:link,
.tileContent h3 a:visited {
font-weight:800;
}
.tileContent h2 a::before,
.tileContent h2 a:link::before,
.tileContent h2 a:visited::before,
.tileContent h3 a::before,
.tileContent h3 a:link::before,
.tileContent h3 a:visited::before {
content: none;
}
.tileContent h2 span {
margin:0 5px;
font-weight:inherit;
font-size:inherit;
}
.tileContent p {
font-size:16px;
}
.tileContent a.Link {
margin:0 0 20px;
}
.tileContent ul{
margin:0;
padding:0 0 15px;
}
.tile-left .tileContent ul li{
padding:0;
}
.tile-left .tileContent ul.TickList {
padding:5px 0 5px 30px;
}
.tileContent ul li{
font-weight:600;
}
.tileContent ul.SVR li{
font-weight:400;
}
.tileAction {
margin:auto 0 20px;
padding:0 15px;
}
.tileAction a.Link {
width:100%;
font-size:16px;
font-weight:600;
padding:10px 0 0;
margin:0 0 20px;
}
.tileAction p {
padding:20px 0 0;
}
.tile-nomargin {
margin:0;
}
.tile .tileAction.multipleAction {
padding:0 10px;
}
.tile .tileAction.multipleAction a.Button {
margin: 0 0 10px;
min-width: 180px;
}
.tile-left .tile .tileContent h2,
.tile-left .tile .tileContent h3,
.tile-right .tile .tileContent h2,
.tile-right .tile .tileContent h3 {
text-align:left;
font-size:24px;
}
/***

TILE CENTER

***/
.tile-center {
text-align:center;
}
.tile-center .tile .tileContent ul {
text-align:center;
}
/***

TILE LEFT

***/
.tile-left {
text-align:left;
}
.tile-left .tileImage {
-webkit-box-flex:0;
-ms-flex:0 1 35%;
flex:0 1 35%;
-ms-flex-item-align:start;
align-self:flex-start;
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2;
padding:15px;
margin:0;
}
.tile-left .tileContent {
-webkit-box-flex:0;
-ms-flex:0 1 65%;
flex:0 1 65%;
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1;
padding-right:0;
}
.tile-left .tileAction {
-webkit-box-ordinal-group:4;
-ms-flex-order:3;
order:3;
-webkit-box-flex:1;
-ms-flex:1 1 100%;
flex:1 1 100%;
}
/***

TILE RIGHT

***/
.tile-right .tileImage {
-webkit-box-flex:0;
-ms-flex:0 1 35%;
flex:0 1 35%;
-ms-flex-item-align:start;
align-self:flex-start;
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1;
padding:15px;
text-align:left;
margin:0;
}
.tile-right .tileContent {
-webkit-box-flex:0;
-ms-flex:0 1 65%;
flex:0 1 65%;
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2;
text-align:left;
padding-left:0;
}
.tile-right .tileAction {
-webkit-box-ordinal-group:4;
-ms-flex-order:3;
order:3;
-webkit-box-flex:1;
-ms-flex:1 1 65%;
flex:1 1 65%;
padding-left:35%;
text-align:left;
}
/*****

TILE LEFT/RIGHT MEDIA QUERIES

*****/
@media only screen and (max-width:768px){
.tile-left .flexItem,
.tile-right .flexItem {
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-ms-flex-wrap:nowrap;
flex-wrap:nowrap;
}
.tile-left .tileImage,
.tile-right .tileImage {
-webkit-box-flex:0;
-ms-flex:0 1 35%;
flex:0 1 35%;
-ms-flex-item-align:end;
align-self:flex-end;
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1;
padding:15px;
}
.tile-left .tileContent,
.tile-right .tileContent {
-webkit-box-flex:0;
-ms-flex:0 1 65%;
flex:0 1 65%;
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2;
text-align:center;
padding:0 15px;
}
.tile-left .tile .tileContent h2,
.tile-left .tile .tileContent h3,
.tile-right .tile .tileContent h2,
.tile-right .tile .tileContent h3 {
text-align:center;
}
.tile-left .tileAction,
.tile-right .tileAction {
-webkit-box-ordinal-group:4;
-ms-flex-order:3;
order:3;
-webkit-box-flex:1;
-ms-flex:1 1 100%;
flex:1 1 100%;
padding:0 15px;
text-align:center;
}
.tile-left,
.tile-right,
.tile-left .tileContent ul li,
.tile-right .tileContent ul li {
text-align:center;
}
.tile-left .tileImage,
.tile-right .tileImage{
-ms-flex-item-align:center;
-ms-grid-row-align:center;
align-self:center;
text-align:center;
}
}
.phone .flexItem .tileContent,
.phone .flexItem .tileAction {
text-align:center
}
.phone .flexItem .tileContent ul {
width: 100%;
padding:0;
}


/*=====

DYNAMIC BLOG POST AS MEDIA OBJECT START

=====*/
.dynamicBlogposts {
display:flex;
padding:0;
}
.dynamicBlogposts .flexItem {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: initial;
flex-wrap: initial;
border: 5px solid #eeeeee;
margin: 0 10px 10px;
}
.dynamicBlogposts .flexItem .tileImage {
-webkit-box-flex:0;
-ms-flex:0 1 35%;
flex:0 1 35%;
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1;
padding:0;
text-align:left;
margin:0;
aspect-ratio:16/9;
-ms-flex-item-align: inherit;
-ms-grid-row-align: inherit;
align-self: inherit;
}
.dynamicBlogposts .flexItem .tileContent {
-webkit-box-flex:0;
-ms-flex:0 1 65%;
flex:0 1 65%;
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2;
text-align:left;
padding:0 20px;
margin: 15px 0 0 0;
}
.dynamicBlogposts .flexItem .tileImage img {
aspect-ratio:16/9;
}
.dynamicBlogposts .flexItem .tileContent h3 {
margin:10px 0 15px !important;
}
.dynamicBlogposts .flexItem .tileContent p {
padding:0;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.dynamicBlogposts .flexItem .tileAction {
-webkit-box-ordinal-group:4;
-ms-flex-order:3;
order:3;
-webkit-box-flex:1;
-ms-flex:1 1 65%;
flex:1 1 65%;
text-align:left;
top:70%;
position: initial;
padding: 0 15px;
}
.dynamicBlogposts .flexItem .tileContent span.BlogPublishDate {
font-weight:500;
display: inline-block;
margin: 6px 0 0;
}
.dynamicBlogposts .flexItem .tileContent span.BlogPublishDate:before {
margin: 0 5px 0 0;
content:'\f073';
}
.dynamicBlogposts .flexItem .tileContent .category-tag a {
font-size: 14px;
color:#fff;
font-weight:600;
}
.dynamicBlogposts .flexItem .tileContent .category-tag {
background: #0070B3!important;
padding:5px 10px !important;
margin-top: 0;
float: right;
}
.dynamicBlogposts .flexItem .tileAction a.Button {
padding:0;
background-color:transparent;
border:none;
margin:10px 0 0;
text-align: left;
}
.dynamicBlogposts .flexItem .tileAction .Button::before {
content:'\f054';
font-family:FontAwesome;
margin:0 5px 0 0;
font-size:15px;
font-weight:500;
color:#89CB31;
}
.tablet.portrait .dynamicBlogposts .flexItem .tileImage{text-align: center;}
.tablet.portrait .dynamicBlogposts .flexItem .tileContent .category-tag{float: none; margin-top: 10px;}

/*=====

DYNAMIC BLOG POST AS MEDIA OBJECT END

=====*/



/*===

MEDIA OBJECTS

===*/

.media {
display:flex;
flex-direction:row;
vertical-align:top;
justify-content:space-around;
flex:1;
margin:0 auto;
align-items:center;
z-index:1;
position:relative;
}
.media .media_image,
.media .media_item {
flex:1;
text-align:center;
align-items:center;
}
.media .media_image img,
.media .media_item img {
max-width:200px;
margin:0 auto;
}
.media .media_image img.imageOverflow {
margin-top:-50px;
margin-bottom:-50px;
}
.media .media_body {
flex:2;
text-align:left;
padding:20px;
}
.media.icon .media_body {
flex: 4;
}
.media .media_body h2,
.media .media_body h3 {
font-size:26px;
margin:0 0 30px;
font-weight:800;
}
.media .media_body h2 a,
.media .media_body h3 a{
line-height:100%;
padding:0;
margin:0;
}
.media .media_body h2 a,
.media .media_body h2 a:link,
.media .media_body h2 a:visited,
.media .media_body h3 a,
.media .media_body h3 a:link,
.media .media_body h3 a:visited {
font-weight:800;
}
.media .media_body h2 a::before,
.media .media_body h2 a:link::before,
.media .media_body h2 a:visited::before,
.media .media_body h3 a::before,
.media .media_body h3 a:link::before,
.media .media_body h3 a:visited::before {
content: none;
}
.media .media_body p {
font-size:16px;
margin:0 0 15px;
padding:0;
}
.media .media_body a.Link {
margin:15px 0;
}
@media (max-width:768px) {
.media {
flex-direction:column;
align-items:center;
}
.media .media_body {
flex:1;
text-align:center;
}
}
.phone.portrait .media .media_image img.imageOverflow {
margin-top:0;
margin-bottom:20px;
}

/* 

Blog signature Start

*/
.media.BlogSignature {
justify-content: inherit;
}
.media.BlogSignature .media_image {
flex-grow: 0;
}
.media.BlogSignature .author #share .linkedin {
margin: 10px 0 0;
}
.media.BlogSignature .media_image img {
height: 100px;
width: 100px;
margin: 0;
padding: 0;
}
.media.BlogSignature #share .linkedin {
margin:10px 0 0; 
}
.media.BlogSignature p {
margin: 0;
}

/* 
Blog signature end
*/


/*===

SAVINGS RATE CARD

===*/
.rate-card {
text-align:center;
}
.rate-card p span:nth-child(1),
.rate-card p span:nth-child(3){
display:block;
font-size:inherit;
}
.rate-card p span:nth-child(2){
font-weight:800;
display:block;
font-size:64px;
margin:8px 0;
}
.phone .rate-card p span:nth-child(2) {
font-size:70px;
}

.tablet.landscape .savings-cards-row .flexItem {
flex: 0 0 31%;
}

.tablet.portrait .savings-cards-row .flexItem {
flex: 0 0 49%;
}

.tablet .flexItem:last-of-type{
margin-left:0;
}




/*===

MAKE WHOLE DIV CLICKABLE LINK

===*/

a.divLink {
position:absolute;
height: 100%;
top: 0;
left: 0;
cursor:pointer;
width: 100%;
border:none;
background-color: #EEEEEE;
opacity: 0;
}
a.divLink:hover {
opacity:0.5;
}

/******

FEATURED CASE STUDY STYLE

******/
.featured_case_study {
position:relative;
}
.featured_case_study div {
position:absolute;
bottom:0;
left:0;
padding:15px 20px 20px;
background-color:rgba(45,41,38,.7);
display:inline-block;
}
.featured_case_study div h2 {
color:#FFFFFF;
width:100%;
margin:0;
padding:0;
}
.featured_case_study div p {
color:#FFFFFF;
width:81%;
font-weight:500;
padding:10px 15px 0 0;
text-align:left;
font-size:16px;
border-right:1px solid #FFFFFF;
}
.featured_case_study div a {
color:#2D2926;
background-color:#FFFFFF;
padding:15px;
border:2px solid #89CB31;
text-align:center;
font-weight:600;
float:right;
margin:0;
}
.phone .featured_case_study div {
position:relative;
padding:15px 20px;
background-color:rgba(45,41,38);
}
.phone .featured_case_study div p {
width:100%;
text-align:justify;
font-size:15px;
border-right:none;
}
.phone .featured_case_study div a {
float:left;
padding:10px;
}
/*=====

EXEC + BOARD ANIMATED GRID

=====*/
.profile-card {
position:relative;
}
.profile-card .tileContent {
padding:0 20px;
margin:0;
}
.profile-card .tileContent h2 {
padding: 20px 0 0;
margin:0;
font-size:22px;
}
.profile-card .tileImage {
padding:25px 0 0;
}
.profile-card .tileImage img {
width:45%;
height:auto;
border-radius:50%;
border:4px solid #EEEEEE;
}
.profile-card .tileAction p {
font-style:italic;
color:#555558;
font-size: 18px;
text-decoration:none;
padding: 10px 0 0;
}
.modalDialog {
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
background:rgba(45,41,38,0.8);
z-index:99999;
opacity:0;
/*-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);*/
-webkit-transition:opacity 400ms ease-in/*, all .25s linear*/;
-o-transition:opacity 400ms ease-in/*, all .25s linear*/;
transition:opacity 400ms ease-in/*, all .25s linear*/;
pointer-events:none;
overflow: scroll;
}
.modalDialog[id*="CS"] {
background:rgba(45,41,38,.7);
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition:opacity 400ms ease-in, all .25s linear;
-o-transition:opacity 400ms ease-in, all .25s linear;
transition:opacity 400ms ease-in, all .25s linear;
}
.modalDialog[id*="CS"]:target {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.modalDialog:target {
opacity:1;
/*-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);*/
pointer-events:auto;
}
.modalDialog > div {
border-radius: 0;
padding: 20px;
margin:0 auto 10%;
text-align:center;
width:50%;
background-color: #FFFFFF;
}
.modalDialog#portalVideo > div {
background-color: #FFFFFF;
margin: 10% auto;
padding: 30px;
position:relative;
overflow: hidden;
}
.modalDialog > .profileCard {
position:relative;
margin:15% auto;
padding:30px;
background:#FFFFFF;
border-radius:8px;
}
.modalDialog > div img {
display:inline-block;
}
.modalDialog > .profileCard img {
border-radius:50%;
border:5px solid #EEEEEE;
width:20%;
}
.modalDialog > div h2 {
font-size:24px;
line-height:100%;
padding:20px 0 0;
margin:0 0 20px;
}
.modalDialog > div p {
font-size:16px;
line-height:140%;
padding:0;
}
.modalDialog > div a.close,
.modalDialog > div a.close:link,
.modalDialog > div a.close:visited {
color:#89CB31;
line-height:100%;
position:relative;
text-align:center;
width:auto;
text-decoration:none;
font-weight:800;
font-size:20px;
}
.modalDialog > .profileCard a.close,
.modalDialog > .profileCard a.close:link,
.modalDialog > .profileCard a.close:visited,
.modalDialog#portalVideo > div a.close,
.modalDialog#portalVideo > div a.close:link,
.modalDialog#portalVideo > div a.close:visited {
position: absolute;
right:40px;
}
a.close:hover,
a.close:link:hover,
a.close:visited:hover {
color:#2D2926;
}
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 0;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* PHONE */
.phone.portrait .profile-card .tileImage img {
width:40%;
}
.phone .modalDialog > div {
width:100%;
margin:0;
position:absolute;
top:0;
border-radius:0;
}
.phone.portrait .modalDialog > div img {
width:100%;
}
.phone.portrait .modalDialog > .profileCard img {
width:40%;
}
.phone .modalDialog > div h2 {
font-size:22px;
}
.phone .modalDialog > div p {
font-size:15px;
padding:0 15px;
line-height:140%;
}
.phone.landscape .modalDialog > div img {
display:none;
}
.phone.landscape .modalDialog > div h2 {
padding:10px 0 0;
}
.phone.landscape .modalDialog > div p {
font-size:16px
}
/* TABLET */
.tablet.portrait .profile-card .tileImage img {
width:30%;
}
.tablet .modalDialog > div {
width:90%;
margin:5% auto;
}
.tablet.portrait .modalDialog > div img {
width:30%;
}
.tablet.portrait .modalDialog > div p {
font-size:18px;
}
.tablet.landscape .modalDialog > div img {
width:20%;
}
/*=======

ie11 FOR WINDOWS 10

========*/
.ie11 .primary-nav li.loginMenu a.Parent::before {
content:'';
display:inline-block;
width:16px;
height:16px;
top:2px;
position:relative;
background:url('https://www.paragonbank.co.uk/pCMS_BO/Resources/ParagonBank/Images/IE11-icons') no-repeat 0 -16px;
}
.ie11 .primary-nav li.loginMenu a.Parent::after{
content:'';
display:none;
}
.ie11 .primary-nav li a.Parent::after {
content:'';
display:inline-block;
width:16px;
height:16px;
top:2px;
background:url('https://www.paragonbank.co.uk/pCMS_BO/Resources/ParagonBank/Images/IE11-icons') no-repeat 0 -48px;
}
.ie11 .CardTextLink .Card_Actions a::before,
.ie11 .secondary-nav li a::before {
content:'\f054';
display:inline-block;
width:16px;
height:16px;
top:2px;
font-size:15px;
font-weight:400;
/*background:url('https://www.paragonbank.co.uk/pCMS_BO/Resources/ParagonBank/Images/IE11-icons') no-repeat 0 -32px;*/
}
.ie11 .primary-nav li a.Parent::after{
background:url('https://www.paragonbank.co.uk/pCMS_BO/Resources/ParagonBank/Images/IE11-icons') no-repeat 0 -62px;
top:auto;
}
.ie11 .AccordionVertical___icon > .fa-angle-down::before{
content:'';
display:inline-block;
width:16px;
height:16px;
top:2px;
background:url('https://www.paragonbank.co.uk/pCMS_BO/Resources/ParagonBank/Images/IE11-icons') no-repeat 0 0;
}
.ie11.desktop .flexItem {
-webkit-box-flex:1;
flex:1 0 19%;
-webkit-flex:1 0 19%;
-ms-flex:1 0 19%;
-o-flex:1 0 19%;
-moz-flex:1 0 19%;
}
.ie11.desktop .about-us .flexItem {
display:block;
}
.ie11 .secondary-nav li.button a::before{
background:none;
margin:0;
height:auto;
content:none;
}
.ie11 .featuredMain.tile.flexItem > * {flex-basis:auto;}
.ie11 .tileImage {
-webkit-box-flex:0;
-ms-flex:0 0 auto;
flex:0 0 auto;
}
.ie11 .tileContent {
margin:0;
}
.ie11 .tile .tileAction.multipleAction {
padding:65px 5px 0;
}
.ie11 .tile-right .tileImage {
flex:0 1 26%;
-webkit-box-flex:0 1 26%;
-ms-flex:0 1 26%;
}
.ie11 .tile-right .tileContent {
flex:0 1 65%;
-webkit-box-flex:0 1 65%;
-ms-flex:0 1 65%;
}
/***
EXPANDING FLEX AWARDS CARDS
***/
.flexWrapper.ExpandingCardQuote{
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
}
.flexItem.tile.quote-tile {
position:relative;
}
.flexItem.tile.quote-tile .quotation-spacing {
display:block;
margin:60px 25px 0 25px;
}
.flexItem.tile.quote-tile .tileContent.ExpanderCopy .two-column-container .plusBtn {
float:right;
margin:20px 0;
}
.flexItem.tile.quote-tile .tileContent.ExpanderCopy .two-column-container {
margin-bottom:0;
}
/***
AWARDS PAGE
***/
.tile-center .tileImage.feefo-card img {
margin-top:55px;
}
/***

SIMPLE SLIDER AUTOPLAY

***/
#slideshow {
margin:20px auto;
position:relative;
width:100%;
height:210px;
}
#slideshow > div {
position:absolute;
top:10px;
left:10px;
right:10px;
bottom:10px;
background:white;
}
/*** Postal hero split testing - START ***/
.Title_Section.Postal-Hero-one{
background-image:url(../pCMS_BO/Resources/ParagonBank/hero/postal-hero-one);
}
.tablet.portrait .Title_Section.Postal-Hero-one{
background-position: 180px 100%;
}
.tablet.landscape .Title_Section.Postal-Hero-one{
background-position: 400px 100%;
}
/*** Postal hero split testing - FINISH ***/
/***
Home Product Cards
***/
.flexItem.savingProduct {
text-align:center;
position:relative;
background:#f5f5f5;
}
.flexItem.savingProduct.tile-left, .phone .savingProduct.tile-left .tileContent ul li, .tablet .savingProduct.tile-left .tileContent ul li, .portrait.safari.osx .savingProduct.tile-left .tileContent ul li {text-align:left;}

.flexItem .productType {
padding:12px 0 9px;
color:#FFFFFF;
position:absolute;
top:10px;
left:-5px;
right:-5px;
text-transform:uppercase;
text-align:center;
line-height:100%;
font-size:16px;
font-weight:600;
display:none;
}
/**** Product type when in main featured card ****/
.flexItem.featuredMain .productType,
.flexItemBg .productType {
background-color: transparent;
color: #fff;
padding: 20px 20px 0;
position: relative;
top: 0;
left: 0;
right: 0;
text-align: left;
}
.flexItem.savingProduct h2,
.flexItem.savingProduct h3 {
text-align:center;
width:100%;
margin:0 auto;
font-weight:800;
}
.flexItem.savingProduct h2 {
font-size:26px;
padding:10px 0 20px 0;
}

.flexItem.savingProduct h3 {
font-size:75px;
padding:0 20px 20px;
margin-top:18px;
}

.flexItem.flexItemRow.flexItemBg.tile.tile-left.featured.savingProduct h3:after {
display:inline-block
}

.flexItem.flexItemRow.flexItemBg.tile.tile-left.featured.savingProduct h3{
padding: 0 0 20px 0;
}


.phone .flexItem.savingProduct h3 {font-size:70px;}

.flexItem.savingProduct.featuredMain h3 {margin-top: 0;
padding: 0 20px;}
.flexItem.savingProduct.tile-left h2, .flexItem.savingProduct.tile-left h3 {text-align: left;}
.phone .flexItem.savingProduct h3::after,
.phone .flexItem.savingProduct.upTo h3::before,
.phone .flexItem.savingProduct.variable h3::after,
.flexItem.savingProduct h3::after,
.flexItem.savingProduct.upTo h3::before,
.flexItem.savingProduct.variable h3::after,
.tile-accounts h3::after,
.tile-accounts.variable h3::after,
.tile-accounts.upTo h3::before {
display:block;
font-weight:600;
color:#2D2926;
}
.tile-accounts h3::after,
.tile-accounts.upTo h3::before,
.tile-accounts.variable h3::after {
font-size: 14px;
line-height: 140%;
}
.phone .flexItem.savingProduct h3::after,
.phone .flexItem.savingProduct.upTo h3::before,
.phone .flexItem.savingProduct.variable h3::after,
.flexItem.savingProduct h3::after,
.flexItem.savingProduct.upTo h3::before,
.flexItem.savingProduct.variable h3::after {
font-size:16px;
line-height:100%;
}
.flexItem.savingProduct h3::after, .tile-accounts h3::after {content:'AER*';}
.flexItem.savingProduct.variable h3::after, .tile-accounts.variable h3::after {content: "AER* (variable)";}
.flexItem.savingProduct .tileContent {
padding:20px 0px;
text-align:center;
margin:0 auto;
width:90%;
}
.flexItem.savingProduct.featuredMain .tileContent/*,
.flexItem.savingProduct.featured_bg*/ {border:none;}
/*.flexItem.savingProduct.featured_bg .tileContent p{margin-bottom:0;}*/
.flexItem.tile.featuredMain.savingProduct h3::after{
display: inline;
}
.flexItem.tile-left.savingProduct .tileContent {
margin: 0 20px;
text-align: left;
}
.flexItem.savingProduct .tileContent ul {padding: 0;}
.flexItem.savingProduct .tileContent ul li {padding: 5px 0 5px 30px;}

.phone .featuredMain.savingProduct .tileAction, .tablet .featuredMain.savingProduct .tileAction {margin: 0;}

.flexItem.savingProduct .tileAction .Button {
text-align:center;
margin:0 auto;
}

.phone .flexItem.tile-left.savingProduct .tileContent .Button,
.tablet .flexItem.tile-left.savingProduct .tileContent .Button {
position: relative;
margin: 40px 0 0;
}

/****

PRODUCT CARDS W/ FLEXITEMBG
- Allows for tileImage and tileContent to be side by side
• order determined by placement in HTML

****/

.flexItemBg.savingProduct {padding-top: 0;}

.flexItemBg.flexItem.savingProduct .productType {padding: 12px 0 0;}

.flexItemBg.flexItem.savingProduct .tileContent {border: none;}

.flexItemBg.savingProduct h2 {padding: 20px 0;}

.tablet .flexItemBg .tileImage .img-object-position-center,
.landscape.safari.osx .tileImage .img-object-position-center {
o-object-position: 60%;
object-position: 60%
}

/****

FEATURED PRODUCT CARD

****/
.flexItem.tile.featured.savingProduct {
background-color:#2D2926;
border: 5px transparent;
}

.flexItem.tile.featuredMain.savingProduct {border-color: #2D2926;}
.flexItem.tile.featuredMainWhite.savingProduct {border-color: #EEEEEE;}

.flexItem.tile.featured.savingProduct h2,
.flexItem.tile.featured.savingProduct h3,
.flexItem.tile.featured.savingProduct p
{
color:#FFFFFF;
padding-top:0;
}
.phone .flexItem.tile.savingProduct.upTo h3::before,
.phone .flexItem.tile.savingProduct h3::after,
.flexItem.tile.savingProduct.upTo h3::before,
.flexItem.tile.savingProduct h3::after {
color:#2D2926;
}
.phone .flexItem.tile.featured.savingProduct.upTo h3::before,
.phone .flexItem.tile.featured.savingProduct h3::after,
.flexItem.tile.featured.savingProduct.upTo h3::before,
.flexItem.tile.featured.savingProduct h3::after {
color:#FFFFFF;
}

.phone .flexItem.tile.featured.savingProduct.upTo h3::before,
.phone .flexItem.tile.featured.savingProduct h3::after,
.flexItem.tile.featured.savingProduct.upTo h3::before,
.flexItem.tile.featured.savingProduct h3::after {
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.flexItem.tile.featured.savingProduct ul{
padding:0;

}

.flexItem.tile.featured.savingProduct ul li {
padding:10px 0 5px 30px;
color:#FFFFFF;
}

/****

FEATURED PRODUCT CARD WITH BG (.featured_bg)
- Allows for background image to be used instead of color/gradient

****/

/*.flexItem.tile.featured_bg {border-color: #FFFFFF;}.flexItem.tile.featured_bg > * {z-index: 1;}.flexItem.tile.featured_bg img {position: absolute;z-index: 0;}.flexItem.tile.featured_bg .tileContent {padding: 10px 0 0;width: 70%;}.phone .flexItem.tile.featured_bg h2, .phone .flexItem.tile.featured_bg h3, .phone .flexItem.tile.featured_bg p, .phone .flexItem.tile.featured_bg ul, .tablet .flexItem.tile.featured_bg h2, .tablet .flexItem.tile.featured_bg h3, .tablet .flexItem.tile.featured_bg p, .tablet .flexItem.tile.featured_bg ul {color:#FFFFFF;}.phone .flexItem.tile.featured_bg img, .tablet .flexItem.tile.featured_bg img {display: none;}.phone .flexItem.tile.featured_bg .tileContent, .tablet .flexItem.tile.featured_bg .tileContent {border: none;-ms-flex: 0 1 auto;flex: 0 1 auto;width: 90%;}.phone .flexItem.tile.featured_bg .productType, .tablet .flexItem.tile.featured_bg .productType {padding-top: 12px;}.phone .flexItem.savingProduct.featuredMain.featured_bg, .tablet .flexItem.savingProduct.featuredMain.featured_bg {background-color: #2D2926;}.portrait.safari.osx .flexItem.featuredMain.featured_bg .tileAction {padding-bottom: 60px;}*/

/****

TOP FEATURED PRODUCT CARDS (.featuredMain)
- Turns product card div (.productType) into left green title

****/

.flexItem.savingProduct.featuredMain {padding-top: 0;}
.flexItem.savingProduct.featuredMain .tileContent{border:none;}


.phone .flexItem.savingProduct.featuredMain .tileAction, .phone .flexItem.savingProduct.featuredMain .tileAction .Button, .tablet .flexItem.savingProduct.featuredMain .tileAction, .portrait.safari.osx .flexItem.savingProduct.featuredMain .tileAction, .tablet .flexItem.savingProduct.featuredMain .tileAction .Button {text-align: left;}


.phone .flexItem.tile.featuredMain.savingProduct.variable h3::after {display:block;}

/****

UP TO PREFIX

****/
.flexItem.savingProduct.upTo h3::before,
.tile-accounts.upTo h3::before {
content:'Up to';
}
.flexItem.savingProduct.upTo h3,
.tile-accounts.upTo h3 {
margin-top:0;
}
/****

LIMITED EDITION PREFIX

****/
.flexItem.savingProduct.limitedEdition::before,
.tile-accounts.limitedEdition::before {
content:'Limited Edition';
display:block;
font-weight:600;
margin:-5px;
background-color:#0070B3;
color:#FFFFFF;
position:absolute;
left:0;
right:0;
}
.flexItem.savingProduct.limitedEdition::before {
font-size:16px;
padding:10px 0 8px;
top:37px;
}
.tile-accounts.limitedEdition::before {
font-size: 14px;
padding: 8px 0 6px;
top: 0;
}
/****

CARD RIBBON STYLES

****/
.verticalRibbon {
height: 60px;
margin: 0 auto;
position: absolute;
width: 70px;
left:15px;
text-align:center;
vertical-align:middle;
line-height:100%;
font:600 16px sans-serif;
top:-5px;
z-index:1;
padding:15px 10px;
}

.tile-accounts .verticalRibbon {
height: 55px;
width: 50px;
left: 10px;
font-size: 14px;
padding: 10px 5px;
}

.tile-accounts .verticalRibbon.Right {
left: 75%;
}

.tile-accounts-stack .verticalRibbon.Right {
left: 80%;
}

/**

- Right (.Right) class right aligns vertical ribbon

**/
.phone.landscape .verticalRibbon.Right,
.verticalRibbon.Right {left: 84%;}
.tablet.portrait .verticalRibbon.Right {left: 77%;}

.verticalRibbon:after,
.verticalRibbon:before {
content: '';
position: absolute;
height: 0;
width: 0;
top: 100%;
}
.verticalRibbon:after {
border-left: 50px solid transparent;
right: 0px;
}
.verticalRibbon:before {
border-right: 50px solid transparent;
left: 0px;
}
.verticalRibbon.Yellow {
background-color: #FFD700;
color:#2D2926;
}
.verticalRibbon.Yellow:after,
.verticalRibbon.Yellow:before {
border-top: 20px solid #FFD700;
}
.verticalRibbon.Blue {
background-color: #0070B3;
color:#FFFFFF;
}
.verticalRibbon.Blue:after,
.verticalRibbon.Blue:before {
border-top: 20px solid #0070B3;
}
.verticalRibbon.Red {
background-color: #E40046;
color:#FFFFFF;
}
.verticalRibbon.Red:after,
.verticalRibbon.Red:before {
border-top: 20px solid #E40046;
}

.phone .verticalRibbon.Right {left: 74%;}

span.Yellow, span.Blue, span.Red {background-color: transparent;}
span.Yellow {color: #FFD700;}
span.Blue {color: #0070B3;}
span.Red {color: #E40046;}
/***

Feefo Row

***/
.ExpanderImage.blockquote-feefo .Link {
margin:15px 0 0 0;
}
.ExpanderWrapper.feefo-quote-row{
margin:30px 0 0 0;
}
/*===

FSCS BANNER

===*/
.fscs-banner > div {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
    flex-direction:row;
-ms-flex-line-pack:stretch;
align-content:stretch;
-webkit-box-align: center;
-ms-flex-align: center;
    align-items: center;
z-index:1;
position:relative;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
    justify-content:space-between;
padding:0;
max-width:1300px;
background-color:#6D2077;
margin:40px 0;
}
.fscs-banner > div {
text-align:center;
}
.fscs-banner > div div:nth-of-type(1){
-webkit-box-flex:1;
-ms-flex:1;
    flex:1;
padding:20px 20px 0;
text-align:center;
font-size:16px;
font-weight:600;
}
.fscs-banner > div div:nth-of-type(1) img{
max-width:125px;
margin:0 0 -3px;
}
.fscs-banner > div div:nth-of-type(2){
-webkit-box-flex:3;
-ms-flex:3;
    flex:3;
padding:20px;
text-align:center;
color:#FFFFFF;
line-height:130%;
}
.fscs-banner > div div:nth-of-type(3){
-webkit-box-flex:1;
-ms-flex:1;
    flex:1;
padding:20px 40px;
text-align:center;
}
.fscs-banner > div div:nth-of-type(3) a {
color:#6D2077;
font-size:16px;
font-weight:600;
text-align:center;
word-break:inherit;
background-color:#FFFFFF;
padding:20px;
text-decoration: none;
margin:10px 0;
border-radius:8px;
}
.fscs-banner > div div:nth-of-type(3) a:hover {
color:#EEEEEE;
}
.fscs-banner .fscs-banner-btn{
color: #6D2077;
font-size: 16px;
font-weight: 600;
text-align: center;
word-break: inherit;
background-color: #FFFFFF;
padding: 20px;
text-decoration: none;
border-radius: 8px;
}
.fscs-banner .fscs-banner-btn:hover, .SavingsPanel3 .fscs-banner:hover .fscs-banner-btn{
color: #ffffff;
background-color: #6D2077;
}
.SavingsPanel3 .fscs-banner span{
color: #ffffff;
}
/*.SavingsPanel3 .fscs-banner:hover span{
color: #6D2077;
}*/
.SavingsPanel3 .fscs-banner{
    transition: all .2s ease-in-out;
}
.SavingsPanel3 .fscs-banner:hover{
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
    background-color: #FFFFFF;
    cursor: pointer;
    -webkit-box-shadow: 0 2px 8px rgb(0 0 0 / 10%), 0 2px 8px rgb(0 0 0 / 20%);
    box-shadow: 0 2px 8px rgb(0 0 0 / 10%), 0 2px 8px rgb(0 0 0 / 20%);
}
/*
FSCS BANNER MEDIA QUERIES
*/
@media only screen
and (min-device-width : 320px)
and (max-device-width : 768px)
and (orientation : portrait) {
.fscs-banner > div {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
-ms-flex-direction:column;
padding:0;
}
.fscs-banner > div div:nth-of-type(1) {
-webkit-box-flex:100%;
-ms-flex:100%;
    flex:100%;
padding:0 20px 20px;
}
.fscs-banner > div div:nth-of-type(2) {
-webkit-box-flex:100%;
-ms-flex:100%;
    flex:100%;
padding:10px 20px 0;
}
}
/*

PORTAL REGISTER BANNER

*/
.register_banner {
background-image:url(/pCMS_BO/Resources/ParagonBank/Images/broker-portal);
background-repeat:no-repeat;
background-size:cover;
padding:20px 20px 0;
}
.register_banner h1,
.register_banner h2,
.register_banner h3,
.register_banner h4,
.register_banner ul li,
.register_banner ul li a {
color:#ffffff;
text-shadow: 0px 0px 6px #000000;
}
.register_banner h1 {
font-size:40px;
font-weight:800;
}
.register_banner h2 {
font-size:30px;
}
.phone .register_banner {
padding: 20px 15px 0;
}
/***

Are You An Intermediary Row

***/
.intermediary-left {
position:relative;
z-index:2;
display:inline-block;
width:70%;
vertical-align:middle;
padding:30px 0;
}
.intermediary-right {
position:relative;
z-index:2;
display:inline-block;
width:25%;
vertical-align:middle;
padding:30px 0;
}
.intermediary-left h2,
.intermediary-left p {
color:#FFFFFF;
}
.full-width-container .intermediary-left h2 {
margin:0 0 20px 0;
padding:0;
}
.full-width-container.are-you-intermediary-row .pCMS_ContentItem::before {
background-color:#2D2926;
background-image:url(/Resources/ParagonBank/Images/intermediary-bg);
background-repeat:no-repeat;
background-position:65% 0;
}
.phone.portrait .full-width-container.are-you-intermediary-row .pCMS_ContentItem .intermediary-right .Button {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin:0 auto;
}
.phone.portrait .full-width-container.are-you-intermediary-row .pCMS_ContentItem {
text-align:center;
margin:0 auto;
}
.phone.portrait .full-width-container.are-you-intermediary-row .pCMS_ContentItem::before,
.phone.landscape .full-width-container.are-you-intermediary-row .pCMS_ContentItem::before {
background-size:cover;
}
.phone.portrait .intermediary-left {
width:100%;
padding:30px 0 0 0;
}
.phone.portrait .intermediary-right {
width:100%;
padding:0 0 30px 0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
/***

Icon Row

***/
.flexWrapper.icon-row {
margin:50px 0 50px 0;
}
.flexWrapper.icon-row .flexItem .media .media_item img {
height:auto;
}
/***

Mortgage Business Row

***/
h5.green-product-tag {
margin:25px 0 0 0;
font-size:15px;
color:#89CB31;
}
.flexWrapper.mortgage-motor-row {
margin:0 0 30px 0;
}
/***

Business Intermediary Row

***/
.flexWrapper.blackGradient.business-intermediary-row {
margin:10px 0 0 0;
}
.flexWrapper.blackGradient.business-intermediary-row .flexItem {
background:url(/pCMS_BO/Resources/ParagonBank/Images/black-card-gradient-bg);
background-size:cover;
border:none;
}
.flexWrapper.blackGradient.business-intermediary-row .flexItem .tileContent h2,
.flexWrapper.blackGradient.business-intermediary-row .flexItem .tileContent p {
color:#fff;
}
/*=====

ARE YOU AN INTERMEDIARY BANNER

=====*/
.full-width-container.are-you-intermediary {
margin: 0;
text-align:center;
}
.full-width-container.are-you-intermediary h2 {
margin: 0;
padding:15px 0;
font-size: 16px;
font-weight:600;
}
.full-width-container.are-you-intermediary h2 a {
font-size:inherit;
font-weight:800;
color:#89cb31;
}
.full-width-container.are-you-intermediary h2 a::before {
content:'';
margin:0;
}
/***

SAVING PRODUCT PAGES

***/
.savings-product-page .Title_Section .Parent .Child1 h1 {
font-size:38px;
font-weight:800;
max-width:100%;
}
.savings-product-page .Title_Section .Parent .Child1 h1 span{
font-size:80px;
font-weight:800;
}
.savings-product-page .Title_Section .Parent .Child1 h1 span span{
font-size:30px;
font-weight:400;
}
.savings-product-page .Title_Section .two-column-container:first-of-type {
width:35%;
padding:10px 50px 0 0;
border-right:2px solid #FFFFFF;
}
.savings-product-page .Title_Section .two-column-container:last-of-type {
width:35%;
padding:10px 0 0 50px;
}
.phone .portrait .Title_Section .two-column-container:first-of-type {
border-right:none;
padding:0;
border-bottom:2px solid #EEEEEE;
width:100%;
}
.phone .portrait .Title_Section .two-column-container:last-of-type {
border-right:none;
padding:0;
border-bottom:2px solid #EEEEEE;
width:100%;
}
.phone .savings-product-page .Title_Section .Parent .Child2,
.tablet .portrait .savings-product-page .Title_Section .Parent .Child2 {
display:none;
}
/***SAVINGS PRODUCT TABLE***/
.flexWrapper.savings-product-table .flexItem.tile {
border-right:none;
}
.phone .flexWrapper.savings-product-table .flexItem.tile,
.tablet .portrait .flexWrapper.savings-product-table .flexItem.tile {
border-right:5px solid #EEEEEE;
margin:-5px;
}
.flexWrapper.savings-product-table .flexItem.tile h2 {
font-size:18px;
margin:0 0 50px;
padding:20px;
border-bottom:5px solid #EEEEEE;
}
.tablet .landscape .flexWrapper.savings-product-table .flexItem.tile h2 {
font-size:16px;
margin:0 0 30px;
}

.tablet .portrait .flexWrapper.savings-product-table .flexItem.tile h2 {
font-size:20px;
margin:0 0 30px;
}
.savings-product-table .flexItem.tile .tileContent {
padding:0;
}
.flexWrapper.savings-product-table .flexItem.tile .tileContent h4 {
font-size:38px;
padding:0 20px;
}
.flexWrapper.savings-product-table .flexItem.tile .tileContent h4 span {
font-size:22px;
font-weight:400;
margin:0 0 0 5px;
}
.flexWrapper.savings-product-table .flexItem.tile .tileContent p {
padding:0 20px 15px;
}
.flexWrapper.savings-product-table .flexItem.tile .tileContent ul {
margin:0 20px;
}
.flexWrapper.savings-product-table .flexItem.tile .tileContent ul li {
font-weight:600;
font-size:15px;
}
.flexWrapper.savings-product-table .flexItem.tile .tileAction p {
font-size:14px;
}
.flexWrapper.savings-product-table .flexItem.tile .tileAction p.small {
font-size:12px;
}
.savings-product-table .flexItem.tile.tile-featured .tileContent {
padding:0 20px;
}
.flexWrapper.savings-product-table img {
max-width:300px;
}
/***SUMMARY SECTION***/
.savings_CSR_section .flexWrapper {
margin:0 0 10px;
}
.savings_CSR_section .flexWrapper .flexItem.tile .tileContent {
margin:0;
}
.savings_CSR_section .flexWrapper.savings-product-table .flexItem.tile .tileContent h2 {
margin:0 0 25px;
}
.savings_CSR_section .flexWrapper .flexItem.tile .tileContent .two-column-container:first-of-type {
border-right:5px solid #EEEEEE;
}
.phone .savings_CSR_section .flexWrapper .flexItem.tile .tileContent .two-column-container:first-of-type,
.tablet .savings_CSR_section .flexWrapper .flexItem.tile .tileContent .two-column-container:first-of-type {
border-right:none;
}
/*** ***/
table.savings-csr-table {
background-color:#FFFFFF;
border:4px solid #EEEEEE;
font-weight:600;
color:#2D2926;
display:block;
}
table.savings-csr-table th,
table.savings-csr-table td {
padding:20px;
}
table.savings-csr-table th {
background-color:#FFFFFF;
border:4px solid #EEEEEE;
color:#2D2926;
}
table.savings-csr-table td {
background-color:#FFFFFF;
border:4px solid #EEEEEE;
}
table.savings_product_benefit_table td:first-of-type h4 {
font-size:38px;
}
table.savings_product_benefit_table td:first-of-type h4 span {
font-size:22px;
font-weight:400;
margin:0 0 0 5px;
}
table.savings-csr-table tr:nth-of-type(odd) {
background-color:#FFFFFF;
}
/*** ***/
.savings-product-page .tile-dark.full-width-container {
margin:0 0 10px;
}
.tile-dark,
.tile-dark.full-width-container .pCMS_ContentItem::before,
.tile-dark.full-width-container.flexItem-fullwidth::before {
background-color:#2D2926;
}
/*** ***/
.fscs-purple.full-width-container .pCMS_ContentItem::before,
.fscs-purple.full-width-container.flexItem-fullwidth::before {
background-color:#A44C9D;
}
.fscs-purple {
background-color:#A44C9D;
}
.full-width-container.fscs-purple .tileImage {
text-align:center;
}
.full-width-container.fscs-purple .tileImage img {
margin-top:-55px;
max-width:300px;
}
.full-width-container.fscs-purple .pCMS_ContentItem .tileContent h2 {
text-align:left;
margin:0 0 15px;
}
.phone .portrait .full-width-container.fscs-purple .tileImage img,
.tablet .portrait .full-width-container.fscs-purple .tileImage img {
margin-top:-55px;
}
/*** ***/
.tile-dark h2,
.tile-dark h3,
.tile-dark p,
.tile-dark .BulletList li,
.fscs-purple h2,
.fscs-purple h3,
.fscs-purple p {
color:#FFFFFF;
}
.savings-product-page .full-width-container,
.savings-product-page .full-width-container .pCMS_ContentItem {
margin:0;
}
.savings-product-page .full-width-container .flexWrapper {
padding:30px 0;
}
/***

FAQ

***/

.faqs .pCMS_ContentItem .tileContent h1{
font-size: 26px;
margin-top:60px;
}

.faqs .Title_Section h2{
color: #2D2926;
max-width: inherit;
}

.faqs .pCMS_ContentTitle {
padding:60px 0;
}

.faqs .inlinepopup_content  p{
margin-bottom:60px;
}

.faqs .two-column-container h3{
margin-top:0;
}

.faqs .three-column-container{
text-align: left;
}

.faqs .inlinepopup_content p:last-child,
.faqs .inlinepopup_content .two-column-container  p{
margin-bottom:20px;
width:80%;
}


.question-category .pCMS_ContentTitle h1 {
font-size: 26px;
margin: 0;
padding: 0;
}

.question-category .faqs-header-cta .pCMS_ContentItem{
border-bottom: 1px solid #CCCCCC;
margin-top: 35px;
margin-bottom: 40px;
}
.question-category .faqs-title h2{
color: #89CB31;
line-height: 110%;
font-size: 22px;
font-weight: 700;
}
.question-category .faqs-title h2::before {
content: 'Q';
border-radius: 50%;
width: 26px;
height: 26px;
background-color: #89CB31;
color: white;
display: inline-block;
text-align: center;
margin-right: 10px;
font-size: 17px;
font-family: arial;
}

.question-category .ListRecords .SearchWrapper{
width:auto;
margin-bottom:60px;
margin-top:5px;
z-index:1;
}

.question-category ul.Links li a{
font-size: 16px;
font-weight: 400;
}

.search-bar .SearchWrapper{
width:auto;
}

.search-bar .SearchWrapper .Button{
z-index: 3;
right: 0;
}

.search-bar .SearchWrapper input.SearchInput[type="text"]{
width:100%!important;
}

.ss360-search-term-highlight {
background-color: transparent !important;
color: inherit;
display: inline-block !important;
font-size: inherit;
font-weight: inherit !important;
padding: 0 !important;
}

/* CENTRALISED SEARCH BAR */
.search-central{width: 60%; margin: auto}
@media only screen and (max-width: 992px){
    .search-central{width: 100%; margin: auto}
}

/***

AM I ELIGIBLE QUIZ

***/
.eligible-quiz .lisa-container button img {
width: 40px;
display: block;
margin: 0 auto 20px auto;
}
.eligible-quiz .lisa-container p.content-box img {
width: 40px;
display: block;
float: none;
margin: 0 auto 15px auto;
}
.eligible-quiz .lisa-container p.content-box .Link {
margin-top: 10px;
}
div.d {
display: none;
padding: auto;
margin-bottom:65px;
position:relative;
}
div.d:nth-child(1n) {
margin-top: 70px;
}
.lisa-container{
margin: 0 auto;
text-align: center;
z-index: 2;
position: relative;
background: #FFFFFF;
padding: 30px 40px;
}
.lisa-container button{
padding: 20px 40px;
background-color: #FFFFFF;
border-radius: 10px;
font-size: 18px;
margin: 0 3px;
font-family: 'Libre Franklin', sans-serif;
border:2px solid #e4e4e4;
}
.lisa-container button.selected {
border:2px solid #89CB31;
position:relative;
}
.lisa-container button:focus {outline: none;}
p.content-box {
border-top: 4px solid #89CB31;
padding: 20px;
border-bottom: 1px solid #EEEEEE;
border-left: 1px solid #EEEEEE;
border-right: 1px solid #EEEEEE;
box-shadow: 0 0px 10px #EEEEEE;
}
p.content-box-no {
border-top: 4px solid #2d2926;
padding: 20px;
border-bottom: 1px solid #eee;
border-left: 1px solid #EEEEEE;
border-right: 1px solid #EEEEEE;
box-shadow: 0 0px 10px #EEEEEE;
}
.content-box i {
display: block;
color: #89CB31;
font-size: 30px;
margin: 5px 0 15px;
}
.three-button button{
width:30%;
}
.phone.portrait .three-button button {
width: 100%;
margin-bottom: 10px;
}
.three-button button i{
display:block;
font-size:29px;
margin-bottom: 15px;
color:#89CB31;
}
.eligible-quiz {
text-align: center;
}
.eligible-quiz p{
z-index:9;
position:relative;
margin: 0 0 30px 0;
}

/***

LISA EXAMPLE

***/
.flexWrapper.lisa-example h3 span {
display:inline-block;
font-weight:800;
color:#89CB31;
margin:0;
font-size:32px;
}
.flexWrapper.tile.lisa-example h3 {
font-weight: normal;
line-height: 120%;
margin:20px 0 0 0;
width:100%;
}
.flexWrapper.tile.lisa-example {
padding:0;
border:5px solid #D4D4D4;
display:inline-flex;
margin-bottom:60px;
}
.flexWrapper.tile.lisa-example p {
padding:15px;
text-align:center;
}
/***
LISA Apply Bar
***/
.full-width-container.lisa-apply-bar .pCMS_ContentItem::before {
background-color:#2D2926;
}
.full-width-container.lisa-apply-bar .pCMS_ContentItem h2,
.full-width-container.lisa-apply-bar .pCMS_ContentItem p{
color:#FFFFFF;
}
.circle > li::before {
color:#89cb31;
border:solid 3px #89cb31;
border-radius:100%;
margin:15px 0 0 0;
}
.selected::after {
display: block;
position: absolute;
top: -12px;
right: -8px;
content: '\f058';
font-family: 'FontAwesome';
color: #89cb31;
}
div.d::before {
content: '\f078';
font-family: 'FontAwesome';
display: block;
position: absolute;
overflow: hidden;
top: -45px;
left: calc(49.5% - 0px);
z-index: 2;
font-size: 18px;
color: #cacaca;
}
.account-guides-hero {
padding: 30px 0 80px 0;
}
.personal-savings-hero {
padding: 0px 0 20px 0;
}
.account-guides-top-banner .tileContent{
-ms-flex: 0 1 75%;
flex: 0 1 75%;
}
.account-guides-top-banner .tileImage {
-ms-flex: 0 1 20%;
flex: 0 1 20%;
}
.account-guides-top-banner .tileImage .tile-img {
max-height: 100%;
min-width: 190px;
}
.phone.portrait .account-guides-hero,
.phone.landscape .account-guides-hero
{
padding: 30px 0 30px 0;
}

/***
LISA FIRST HOME TABLE
***/

.phone .lisa-helptobuy-table td,
.tablet .lisa-helptobuy-table td{
border:none;
border-bottom:none;
position:relative;
}
.phone .lisa-helptobuy-table td{
padding-left:55%;
padding-top:20px;
margin-bottom:0;
}
.tablet .lisa-helptobuy-table td{
padding-left:50%;
}
.phone .lisa-helptobuy-table td:before,
.tablet .lisa-helptobuy-table td:before{
/* Now like a table header */
position:absolute;
/* Top/left values mimic padding */
top:20px;
left:20px;
width:45%;
padding-right:10px;
font-weight:500;
}
@media
only screen and (max-width:760px),
(min-device-width:768px) and (max-device-width:920px) {
.lisa-helptobuy-table td {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
/* Label the data */
.lisa-helptobuy-table {margin:0 0 20px; display:inline-block;}
.lisa-helptobuy-table ul.TickList {margin:0 0 5px;}
.lisa-helptobuy-table ul.TickList li {background-position:left 0;display:inline-block;padding:0 30px 5px;}
.lisa-helptobuy-table td:nth-of-type(1):before { content:""; display:inline-block;}
.lisa-helptobuy-table td:nth-of-type(2):before { content:"LISA";display:inline-block;}
.lisa-helptobuy-table td:nth-of-type(3):before { content:"Help-to-buy";display:inline-block;}
.tablet .lisa-helptobuy-table thead {display:none;}
.tablet .lisa-helptobuy-table td {display:inline-block;width:100%;}
.tablet .lisa-helptobuy-table tr {display:inline-block;margin:10px 0;width:100%;}
}

/***
Back to top button
***/
#back-to-top {
position: relative;
padding-left: 36px;
line-height: 29px;
text-decoration: none;
color: #008AD8;
margin-top:30px;
}
/* FLOATING RIGHT - HAD TO DO LIKE THIS DUE TO PCMS APPROVAL */
#back-to-top.fixed-right {
    position: fixed;
    bottom: 80px;
    right: 50px;
    transition: background-color .3s, 
    opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}
@media only screen and (max-width: 992px){
#back-to-top.fixed-right{display: none !important;}
}
#back-to-top.fixed-right:before {
display: inline-block;
background-color:#008AD8;
width: 60px;
height: 60px;
text-align: center;
border-radius: 999em;
bottom: 30px;
left: 0;
text-decoration: none;
content: '';
position: absolute;
top: 0;
z-index: 1;
}
#back-to-top.fixed-right::after {
content: "\f077";
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
font-size: 28px;
line-height: 26px;
color: #fff;
display: inline-block;
position: absolute;
left: 16px;
top: 15px;
z-index: 3;
}
#back-to-top:hover {
cursor: pointer;
color: #333;
}
#back-to-top.show {
opacity: 1;
visibility: visible;
}


/*** BLOGS ***/
.CategoryFilterContainer {
margin:20px 0 0;
font-size:16px;
padding:20px;
background-color:#eeeeee;
width:100%;
}
.CategoryTag {
top:0px;
bottom:auto;
}
.ArticleCategory a,
.ArticleCategory a:link,
.ArticleCategory a:visited,
.ArticleCategory a span {
background-color:#0070B3;
text-transform:lowercase;
}
.ArticleCategory a:hover,
.ArticleCategory a:link:hover,
.ArticleCategory a:visited:hover,
.ArticleCategory a span:hover {
background-color: #1D7AA5;
}
.phone.portrait .pCMS_BlogArticle {
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
}
.pCMS_ArticleContent p {
display: inherit;
}
.pCMS_ArticleContent p.caption {
margin-top:10px;
font-size:80%;
font-style: italic;
}
.phone.portrait .pCMS_ArticleContainer {
padding:0 0 20px;
}
.phone.portrait .pCMS_ArticleContainer.ThemeGrid_Width9 {
width:100%;
}
.phone.portrait .pCMS_ArticleThumbnail {
display:block;
margin:0 0 20px;
}
/*** Xmas opening hours - Finance ***/
.flexItem.motor-finance-xmas-contacts h4 {
margin: 0;
}
.flexItem.motor-finance-xmas-contacts li {
padding: 6px 0 0px  20px;
margin: 0 0 25px 0;
}
table.motor-finance-xmas-opening {
margin: 0;
}
.pCMS_ArticleThumbnail img {
aspect-ratio:16/9;
}
/****
WI Landing Page
***/

.wi-landing-hero {
background-image: url(/pCMS_BO/Resources/ParagonBank/Images/hero-images/wi-landing-page);
}
.wi-landing-hero .Parent .Child1 h1 {
font-size: 40px;
}

/****
Decision Quiz
****/

.quiz-container{
margin: 0 auto;
text-align: center;
z-index: 2;
position: relative;
padding: 0px 70px;
}
.quiz-container button{
padding: 25px 40px;
background-color: #FFFFFF;
border-radius: 10px;
font-size: 18px;
margin: 0 3px;
border:2px solid #e4e4e4;
}
.quiz-container button.selected {
border:2px solid #89CB31;
position:relative;
}
.quiz-container button:focus {
outline: none;
}
.small-content{
max-width:600px;
margin: 0 auto;
}
.content-box {
border-top: 4px solid #89CB31;
padding: 20px 30px;
background:#fff;
border-bottom: 1px solid #EEEEEE;
border-left: 1px solid #EEEEEE;
border-right: 1px solid #EEEEEE;
box-shadow: 0 0px 10px #EEEEEE;
}
.content-box-no {
border-top: 4px solid #2d2926;
padding: 20px;
border-bottom: 1px solid #eee;
border-left: 1px solid #EEEEEE;
border-right: 1px solid #EEEEEE;
box-shadow: 0 0px 10px #EEEEEE;
}
.content-box i {
display: block;
color: #89CB31;
font-size: 30px;
margin: 5px 0 15px;
}
.three-button button{
width:30%;
}
.three-button button i{
display:block;
font-size:29px;
margin-bottom: 15px;
color:#89CB31;
}
.decision-quiz p{
z-index:9;
position:relative;
margin: 0 0 30px 0;
}
.phone.portrait .three-button button {
width: 100%;
margin-bottom: 10px;
}

/*** View accounts alternative styling ***/
.view-accounts-alternative :target {
display: block;
position: relative;
top: -230px;
visibility:hidden;
}
.view-accounts-alternative h1{
font-weight:800;
margin-bottom:10px;
}
.view-accounts-alternative h2{
font-size: 32px;
}
.view-accounts-alternative h2,
.view-accounts-alternative h3{
font-weight:800;
}
.view-accounts-alternative h4{
margin: 10px 0;
font-size: 16px;
font-weight: 600;
text-align:center;
}
.view-accounts-alternative span.active h4{
font-weight: 800;
}
.view-accounts-alternative .fake-tabs{
margin: 0 0 0 0;
}
.view-accounts-alternative .fake-tabs span{
border-top: 5px solid transparent;
border-bottom: 5px solid #d0d3d4;
}
.view-accounts-alternative .fake-tabs span.active{
border-top: 5px solid #d0d3d4;
border-left: 5px solid #d0d3d4;
border-right: 5px solid #d0d3d4;
border-bottom:0;
}
.view-accounts-alternative .fake-tabs span a h4:before {
content: '\f054';
font-family: 'FontAwesome';
font-size: 12px;
margin-right: 7px;
}
.view-accounts-alternative .fake-tabs span.active a h4:before {
content: '';
}
.view-accounts-alternative .tab-container {
margin: 0 0 60px 0;
}
.view-accounts-alternative .view-account-table .account-rate .TickList,
.tile-accounts .TickList {
margin:0;
text-align: center;
}
.view-accounts-alternative .view-account-table .account-rate .TickList li,
.tile-accounts .TickList li {
padding:10px 10px 10px 25px;
display:inline-block;
}
.flexItem.tile.savingProduct.upTo .tileContent .TickList {
margin: 0;

}
.flexItem.tile.savingProduct.upTo .tileContent .TickList li{
padding: 0px 10px 20px 25px;

}
.savings-cards-row .flexItem.tile.savingProduct .tileContent .TickList li{
display:inline-block;

}

.tile-saving-accounts .tileContent table.cardTable{

border: 1px solid #eeeeee;
margin-bottom:15px;
}

.tileContent table.cardTable tr td a.Link {
margin: 0;
font-size: inherit;
font-weight: normal;
}

table.cardTable tr td:nth-child(3) {
text-align:right;
}

table.cardTable {

border-bottom: 0;

}

table.cardTable tr:nth-of-type(2n){


}

.savings-cards-row  table.cardTable tr{
border-bottom: 1px solid #DBDBDB;
}

.savings-cards-row  table.cardTable tr:last-child{
border-bottom: 0;
}

.savings-cards-row .flexItem.savingProduct .tileContent{

width: auto;
}

.savings-cards-row .flexItem.savingProduct{

padding-top: 0;
}

.savings-cards-row .tileHeader{
background-color: #2D2926;
padding:20px;
min-height: 180px;
}

.savings-cards-row .flexItem.savingProduct.tile-left .tileHeader h2,
.savings-cards-row .flexItem.savingProduct.tile-left .tileHeader p
{
color: #ffffff;
margin: 0;
padding: 0 0 10px 0;
width: 90%;
}

.savings-cards-row .flexItem.savingProduct.tile-left h2{
padding:10px 0;

}

.savings-cards-row .flexItem.savingProduct.tile-left h2 span{
display:inline;
margin:0;
}

.savings-cards-row .flexItem.savingProduct.tile-left h3 {
padding:0;
width: 65%;
margin: 0;
display:inline-block;
}

.savings-cards-row .flexItem.upTo  h3::before{
font-size: 12px;
}

.savings-cards-row  .flexItem h3::after {

display: inline;
}


.savings-cards-row  .flexItem.savingProduct.tile-left  .TickList{
border: 1px solid #DBDBDB;
border-radius: 10px;
padding: 10px 0 10px 10px;
background-color: #ffffff;
display:inline;

}

.savings-cards-row  .flexItem.savingProduct.tile-left  .TickList li{

display: inline;
padding: 10px 10px 10px 25px;
}

.savings-cards-row .tile-left .tileAction,
.savings-cards-row .tile-left .tileContent{
-webkit-box-ordinal-group:0;
order: initial;
flex: 0 1 auto;
}


/*****

ASSET FINANCE REGULATORY FOOTERS

*****/
.regulated_business_finance_footer .pCMS_BodyContainer::after,
.business_finance_footer .pCMS_BodyContainer::after,
.commercial_finance_footer .pCMS_BodyContainer::after,
.fleet_finance_footer .pCMS_BodyContainer::after,
.technology_finance_footer .pCMS_BodyContainer::after,
.asset_finance_footer .pCMS_BodyContainer::after {
text-align:center;
max-width:1200px;
margin:30px auto 0;
display:block;
padding:50px 20px;
border-top:1px solid #CCCCCC;
line-height:130%;
}
.regulated_business_finance_footer .pCMS_BodyContainer::after {
content:'Paragon Business Finance PLC. Registered in England number 01497411. Registered office 51 Homer Road, Solihull, West Midlands  B91 3Q';
}
.business_finance_footer .pCMS_BodyContainer::after {
content:'We offer finance on an unregulated basis only. Paragon Business Finance PLC. Registered in England number 01497411. Registered office 51 Homer Road, Solihull, West Midlands  B91 3Q';
}
.commercial_finance_footer .pCMS_BodyContainer::after {
content:'We offer finance to business customers only on an unregulated basis. Paragon Commercial Finance Limited is regulated by the Financial Conduct Authority for credit broking activities and is registered on the Financial Services Register under the firm reference number 733327. Registered in England number 07036669. Registered office 51 Homer Road, Solihull, West Midlands B91 3QJ';
}
.fleet_finance_footer .pCMS_BodyContainer::after {
content:'We offer finance to business customers only on an unregulated basis. Paragon Business Finance PLC. Registered in England number 01497411. Registered office 51 Homer Road, Solihull, West Midlands B91 3QJ';
}
.technology_finance_footer .pCMS_BodyContainer::after {
content:'Paragon Technology Finance Limited. Registered in England number 01639510. Registered office 51 Homer Road, Solihull, West Midlands B91 3QJ. Paragon Technology Finance Limited is regulated by the Financial Conduct Authority for consumer credit activities and is registered on the Financial Services Register under the firm reference number 734916';
}
.asset_finance_footer .pCMS_BodyContainer::after {
content:'We offer finance to business customers only on an unregulated basis. Paragon Asset Finance Limited. Registered in England number 02189858. Registered office 51 Homer Road, Solihull, West Midlands B91 3QJ';
}

/*****

PERSONAL BTL PAGE

*****/
.personal-btl-page .pCMS_BodyContainer,
.personal-btl-page .pCMS_Body{
padding:0 10px;
}
.flexWrapper.personal-btl:nth-child(1){
padding: 60px 0 0 0;
}
.flexWrapper.personal-btl:nth-child(2){
padding: 0 0 60px 0;
}
.phone .quiz-container {
padding: 0px;
}
.content-box img.non-portfolio-image,
.content-box img.portfolio-image {
max-width: 500px;
margin: 0 0 30px 0;
}
/*===

SAVINGS ACCOUNT TABLE

===*/
table.saving-account-table {
border-collapse:collapse;
width:100%;
display: table;
margin:20px auto;
}
table.saving-account-table tr {
display:table-row;
}
table.saving-account-table td {
color:#2D2926;
text-align:center;
border:5px solid #EEEEEE;
padding:15px 5px;
width: 20%;
display: table-cell;
background-color:#f5f5f5;
margin:0;
vertical-align:top;
}
table.saving-account-table td h2 {
padding:0;
margin:0 0 10px;
color:#2D2926;
font-size:20px;
line-height:120%;
}
table.saving-account-table td p {
padding:0;
margin:0;
color:#2D2926;
font-size:40px;
font-weight:800;
display:block;
}
table.saving-account-table td p span {
font-size:16px;
font-weight:400;
display:block;
}
table.saving-account-table td a.button {
font-size:16px;
font-weight:600;
display:block;
margin:15px 0 0;
}
@media (min-width: 320px) and (max-width: 767px) {
table.saving-account-table tr,
table.saving-account-table td {
width: 100%;
display:block;
margin:0 0 10px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
table.saving-account-table td h2 {
font-size:18px;
}
table.saving-account-table td p {
font-size:30px;
}
table.saving-account-table td p span {
font-size:14px;
}
table.saving-account-table td a.button,
table.saving-account-table td a.button:nth-of-type(5) {
font-size:12px;
padding:8px 5px;
}
}
/*===

SAVINGS ACCOUNT TABLE

===*/

/***
Feefo Product Carousel
***/

.feefowidget-carousel-summary.feefowidget-carousel-summary-average-customer-rating, .feefowidget-carousel-summary.feefowidget-carousel-summary-media-integration {
margin-top:-50px;
}

/****

DEVELOPMENT FINANCE TEAM CARDS

****/
.dev-fin-contact .tileContent{
margin:0;
}
.dev-fin-contact h3 {
font-size:20px;
margin:20px 0 0;
}
.dev-fin-contact ul li{
text-align:center;
padding:5px;
}
.dev-fin-contact .tileAction {
background-color: #EEEEEE;
margin:auto 0 0;
}
.dev-fin-contact .tileAction h3 span{
display:block;
margin:5px 0 0;
font-weight:400;
font-size:14px;
}
.dev-fin-contact a[href^="mailto"] {
font-weight:800;
}
.ie11.desktop .flexItem.dev-fin-contact {
flex: 1 0 17%;
-webkit-flex: 1 0 17%;
-ms-flex: 1 0 17%;
-o-flex: 1 0 17%;
-moz-flex: 1 0 17%;
}
/*=====

COVID-19 BANNER

=====*/
.covid-banner-wrapper {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
    flex-direction:row;
-ms-flex-line-pack:stretch;
align-content:stretch;
-webkit-box-align: center;
-ms-flex-align: center;
    align-items: center;
z-index:1;
position:relative;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
    justify-content:space-between;
padding:0;
max-width:1200px;
background-color:#0070B3;
margin:0 0 40px;
}
.covid-banner-copy {
-webkit-box-flex:2;
-ms-flex:2;
    flex:2;
padding:5px 20px;
text-align:center;
}
.covid-banner-copy h3 {
font-size:20px;
margin:0;
font-weight:800;
}
.covid-banner-copy h3{
color:#ffffff;
}
.covid-banner-button {
-webkit-box-flex:1;
-ms-flex:1;
    flex:1;
vertical-align: middle;
padding:0 20px;
text-align:right;
}
.covid-banner-button a {
color:#0070B3;
font-size:14px;
font-weight:bold;
text-align:center;
word-break:inherit;
background-color:#ffffff;
padding:15px;
text-decoration: none;
margin:10px 0;
border-radius:8px;
}
.covid-banner-button a:hover {
background-color:#eeeeee;
}
.phone.portrait .covid-banner-wrapper {
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
    flex-direction:column;
padding:15px;
}
.phone.portrait .covid-banner-copy {-webkit-box-flex:1;-ms-flex:1;flex:1;padding: 0;text-align: center;}
.phone.portrait .covid-banner-button {
-webkit-box-flex:1;
-ms-flex:1;
    flex:1;
padding:20px 0 0;
}
.phone.portrait .covid-banner-button a {
margin:0 0 20px;
}
.phone.landscape .covid-banner-button a {
padding:20px 15px;
}
.covid-banner-copy p {
color: #ffffff;
font-weight: 600;
text-align: center;
margin: 0;
line-height:130%;
}
/*=====

BTL ENQUIRY FORM

=====*/
.dev-enquiry.covid-enquiry .pCMS_FormTitleContainer{
display:none;
}
.dev-enquiry.covid-enquiry textarea {
width:98%;
min-height:200px;
}
.dev-enquiry.covid-enquiry.pCMS_SubmitButtonContainer {
padding:20px;
}
/****
Invoice Finance Coronavirus Landing Page
****/

table.multi-header-table th {
background: #2d2926;
width:100%;
text-align: center;
}
table.multi-header-table th td {
color:#fff;
text-align:center;
width:100%;
display: inline;
}
table.multi-header-table td {
width:100%;
text-align: center;
}

/***

TYE Hero Card

***/

.flexWrapper.tye-removal-box {
background: #fff;
}
.flexWrapper.tye-removal-box .flexItem .tileContent p{
color:#2d2926;
}

/****

Blog sidebar order

****/

.phone .IsArticle .pCMS_Body .Columns .Column.ColLast {
order: 2;
}
.phone .IsArticle .pCMS_Body .Columns .Column.ColFirst {
order: 1;
}
.tablet .IsArticle .pCMS_Body .Columns .Column.ColLast {
order: 2;
}
.tablet .IsArticle .pCMS_Body .Columns .Column.ColFirst {
order: 1;
}

/****

Security page

****/
ol.circle.ol-two-col li {
width: 45%;
float: left;
}
ol.circle.ol-two-col li:nth-child(1), ol.circle.ol-two-col li:nth-child(2) {
min-height:180px
}
.phone ol.circle.ol-two-col li {
width:100%;
float:none;
}

/*=======

DESKTOP MEGA MENU CSS

=======*/
.secondary-nav.mega-menu {
max-width:1200px;
}
.primary-item:nth-of-type(1) .secondary-nav.mega-menu {
left:0;
}
.primary-item:nth-of-type(2) .secondary-nav.mega-menu {
left:-480%;
}
.primary-item:nth-of-type(3) .secondary-nav.mega-menu {
left:-470%;
}
.primary-item:nth-of-type(4) .secondary-nav.mega-menu {
left:-910%;
}
.secondary-nav.mega-menu h2 {
font-size: 26px;
margin-bottom:10px;
}
.secondary-nav.mega-menu li {
width:100%;
}
.secondary-nav.mega-menu li.button {
width: auto;
}
.secondary-nav.mega-menu li.button a {
width: auto;
font-size:16px;
margin: 20px 0 0;
background-color: #89CB31;
border: 2px solid #73b52d;
}
.secondary-nav.mega-menu li.button a::before{
content: '';
display:none;
}
.secondary-nav.mega-menu li.button.Secondary a {
width: auto;
font-size:16px;
margin: 20px 0 0;
background-color: #ffffff;
border: 2px solid #73b52d;
padding:18px;
border-radius:8px;
}
.secondary-nav.mega-menu li.button.Secondary a::before{
content: '';
display:none;
}
.secondary-nav li {
width: 225px;
}
.secondary-nav.mega-menu .sub-title {
padding-bottom:0;
}
.mega-menu .tileContent {
margin:0;
padding:15px;
}

.mega-menu .tile-left .tileContent {
flex: 0 1 50%;
-webkit-box-flex: 0;
-ms-flex: 0 1 50%;
}

.secondary-nav.Visible li.Title {
font-size: 18px;
letter-spacing: inherit;
padding:30px 0 10px 0;
margin:0;
}
.secondary-nav.mega-menu.Visible li.Title {
font-size: 20px;
letter-spacing: inherit;
margin:10px 0 5px 0;
padding:0;
text-transform:inherit;
}
.secondary-nav.mega-menu.Visible li.Title.titlesecondary {
margin: 20px 0 5px 0;
}
.mega-menu .tileAction ul{
margin: 0;
padding: 0;
}

ul.mega-menu.secondary-nav .Link {
font-weight: 400;
}

.secondary-nav.mega-menu li a::before{
content: '\f054';
font-weight: 500;
font-size: 15px;
margin: 0 5px 0 0;
}
.mega-menu .tileContent h2  {
font-size: 20px;
font-weight: 800;
margin:10px 0 15px 0;
padding:0;
}
.mega-menu .tileContent h2 a {
font-size: 20px;
text-transform: uppercase;
font-weight: 800;
}

.mega-menu .tileAction {
flex: 0 0 auto;
padding: 20px 20px 0;
}
.PrimaryHeader .LinkContainer {
display:inline-block;
}
.mega-menu section.pCMS_SiteMenuBarSubItems{
margin: 0 auto;
display: block;
width: 1150px;
padding: 0;
}
ul.secondary-nav.Visible {
padding: 15px ;
}


@media (min-width: 768px) and (max-width: 1200px) {
.mega-menu section.pCMS_SiteMenuBarSubItems{
width: auto;
}
}



/*****
MEGA MENU ADVERTS 2021
*****/

.mega-menu .mega-menu-advert .tileContent{
display:none;
}

.secondary-nav li.mega-menu-link-divide{
padding:15px 0;
border-bottom: 2px solid #EEEEEE;
}



.mega-menu-advert h2{
margin-top:0;
}

.mega-menu-advert h2,
.mega-menu-advert  .tileAction p,
.mega-menu-advert  .tileImage p
{
color:#ffffff;
}

.mega-menu-advert  .tileAction p a,
.mega-menu-advert  .tileImage p a {
display:inline;
padding:0;
color: #89cb31;
text-decoration: none;
font-weight: 600;
}

.mega-menu-advert  .tileAction{
padding:0;
margin:0;
}

.mega-menu .mega-menu-advert.savings-advert{
background-color:#2D2926;
padding:25px;
border: 0;
}

.mega-menu .mega-menu-advert.savings-advert h3{
font-size: 75px;
color:#ffffff;
margin: 20px 0;
font-weight: 800;
}

.mega-menu .mega-menu-advert.savings-advert h3::after{
content: 'AER*';
font-size: 16px;
line-height: 100%;
}
.mega-menu .mega-menu-advert.savings-advert.upTo h3::before {
content: 'Up to';
display:block;
font-size: 16px;
font-weight: 400;
line-height: 100%;
}

/* ISA DEADLINE MINI TILE */
.isa-deadline-mini {
    margin: 100px 0 0 !important;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    background-color: #fff;
    padding: 15px;
    border-radius: 8px;
}
.isa-deadline-mini .isa-icon {flex: 0.5;}
.isa-deadline-mini .isa-content {flex: 2;}
.isa-deadline-mini .isa-content h2 {margin-top: 0; color: inherit}
.isa-deadline-mini .isa-content .Link::before{
    content: '\f054';
    font-weight: 500;
    font-size: 15px;
    margin: 0 5px 0 0;
    font-family: FontAwesome;
    color: #89cb31;
}

.mega-menu-advert.savings-advert p {color: #fff;}
.mega-menu-advert.savings-advert ul.TickList {padding: 0!important; margin: -20px 0 20px 0;}


.flexItem.no-upto h3:before {
content: '';
display: none!important;
}

.mega-menu .mega-menu-advert.mortgage-advert{
min-height: 400px;
background-image: url(https://www.paragonbank.co.uk/pCMS_BO/Resources/ParagonBank/Images/MortgagesPortalMegaMenuBackground);
background-position: bottom right;
background-size: 75%;
background-repeat: no-repeat;
background-color:#2D2926;
padding:20px;
border:0;
}

.mega-menu .mega-menu-advert.loans-advert {
min-height: 500px;
background-image: url(https://www.paragonbankinggroup.co.uk/pCMS_BO/Resources/ParagonBank/Images/asset-portal-laptop);
background-position: bottom right;
background-size: contain;
background-repeat: no-repeat;
background-color:#2D2926;
padding:20px;
border:0;
}

.MobileHeaderContainer .PrimaryHeader{
display:block;
}
/*****
TABLET MEGA MENU STYLES
*****/



.tablet.portrait .primary-nav {
margin: 0;
float: none;
padding: 0;
position: inherit;
width: 100%;
}

.tablet.portrait .primary-nav .primary-item.loginMenu {
position: absolute;
top: -5px;
right: 10px;
width: auto;
padding: 30px 0 35px;
}

.osx.portrait .primary-nav li{
padding:10px 10px 10px 0;

}

.tablet .SecondaryHeader .SectionContainer .LogoContainer{
padding: 0 20px;
width: 100%;
border-bottom: 1px solid #d0d3d4;
}

/*****
2021 Tablet fixes
*****/

.tablet.portrait .primary-nav li.home a {
padding: 0;
margin: 0;
font-size: 16px;
}

.tablet.portrait  .primary-nav li,
.tablet.landscape  .primary-nav li {
position: initial;

}

.tablet.portrait .primary-item .secondary-nav.mega-menu,
.tablet.portrait .primary-item .secondary-nav{
left:0;
width:100%;
top:205px;
}

.tablet.landscape .primary-item .secondary-nav.mega-menu,
.tablet.landscape .primary-item .secondary-nav{
left:-205px;
width: auto;
top:115px;
}

.tablet.landscape .SecondaryHeader .SectionContainer .LogoContainer{
width:auto;

}
.tablet.landscape .primary-nav li.home {
padding-right:0;
}

.portrait .primary-item .secondary-nav.mega-menu{
left: 0;
top: 113px;
}

.portrait .primary-nav{
right:0;
}

.portrait .primary-nav li {
position: initial;
}

.portrait .primary-nav  .primary-item.contactMenu .secondary-nav li,
.portrait .primary-nav  .primary-item.loginMenu .secondary-nav li,
.portrait .primary-nav  .primary-item.helpMenu .secondary-nav li{
position:relative;
display:block;
}

.portrait  .primary-nav .contactMenu .secondary-nav,
.portrait .primary-nav .loginMenu .secondary-nav, 
.portrait .primary-nav .helpMenu .secondary-nav{
right: 0;
left:0;
}

.portrait.tablet .primary-nav .loginMenu .secondary-nav{
right: 0;
top:115px;
min-width:300px;
left:-170px;
}

/*****
ANIMATE ON SCROLL CSS LIBRARY
*****/
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}

/****
Security page styling
****/

.full-width-no-margin-top {
margin-top: -60px;
}
span.fake-ol-number {
display: inline-block;
width: 30px;
height: 30px;
border: 3px solid #89cb31;
color: #89cb31;
font-weight: 800;
padding: 5px;
text-align: center;
border-radius: 15px;
float: left;
}
span.fake-ol-content {
width: 90%;
display: block;
float: left;
margin-left: 20px;
}
.fake-ol {
display: inline-block;
margin: 0 0 20px 0;
}
.take-five-banner {
margin-top: -50px;
}
a.take-five-button {
display: inline-block;
background: #000;
padding: 15px 20px;
color: #ffffff;
margin-top: 15px;
max-width: 160px;
text-align: center;
border-radius:8px;
}
.security-blogs {
margin-top: -60px;
padding-bottom: 40px;
}
.security-blogs .flexWrapper.tile-right {
padding: 0;
}
.phone span.fake-ol-content {
width: 75%;
}
/*===

SAVINGS APPLY PAGES

===*/
.savings-apply-page .Parent h1 {
font-size: 38px;
margin:0 0 15px;
line-height:120%;
}
.savings-apply-page .Parent h2 {
margin:0 0 15px;
font-size:60px;
}
.savings-apply-page .Parent h2 span {
font-size: 20px;
margin:0 0 15px 10px;
font-weight:400;
display:inline;
}
.savings-apply-page .tileContent ul {
margin:0;
padding:0
}
.savings-apply-page .tileAction h4 {
margin:20px 0 10px;
padding:0;
color:#FFFFFF;
}
.savings-apply-page .tileAction p {
margin:0;
padding:0;
}
.BackToBanner {
width: 100%;
text-align: right;
border-bottom: 2px solid #eeeeee;
padding: 20px;
margin: -40px 0 20px;
}
/*

SAVINGS APPLY DEVICE

*/
.phone.portrait .savings-apply-page .Parent h1 {
text-align:center;
font-size:25px;
}
.phone.portrait .savings-apply-page .Parent h2 {
text-align:center;
font-size:50px;
}
.phone.portrait .savings-apply-page .Parent h2 span{
text-align:center;
font-size:16px;
display:block;
}

/*=====

NO HEADER - NO FOOTER

=====*/
.NoHeaderSection .HeaderContainer{
display:none;
}
.NoFooterSection .FooterContainer{
display:none;
}

/*=====

SAVINGS PRODUCT FILTER

=====*/
.pCMS_MainContent_view-accounts .pCMS_ContentItem:first-of-type {
margin:0;
}
.ProductWrapper {
margin:0;
}
.targetDiv {
width:100%;
display:inline-block;
}
.AccountWrapper {
padding:0;
margin:0 0 30px;
}
.AccountWrapper h2 {
margin:0 0 15px;
padding:0;
}
.AccountWrapper p {
font-size:16px;
max-width:60em;
}
.postalTab .Postal .NotPostal{display: none;}
.phone.portrait AccountWrapper {
padding:20px;
}




/*=====

BUY-TO-LET ADVERT LANDING PAGES

=====*/


/*=====

BUY TO LETS GET GOING START

=====*/

.row-of-houses {
    background-image: url(https://www.paragonbankinggroup.co.uk/pCMS_BO/Resources/ParagonBank/Images/hero-images/row-of-houses-hero);
    background-size: 70% auto;
    background-position: right center;
}

/*=====

BUY TO LETS GET GOING END

=====*/

.btl-ads .pCMS_BodyContainer {
background-size:cover;
background-repeat:no-repeat;
background-position:bottom;
}
.btl-ads .pCMS_Body {
background-color:transparent;
padding:30px 0 0;
}
.btl-ads .pCMS_ContentItem {
margin:0;
}
.btl-ads .pCMS_MainContent {
background-size:contain;
background-repeat:no-repeat;
background-position:bottom;
}
.phone .btl-ads .pCMS_MainContent {
background-size:0;
}
.btl-ads .pCMS_MainContent .portal-box {
margin:0 0 25px;
background-color:#2D2926;
}
.btl-ads .pCMS_MainContent .portal-box .flexItem {
margin:0;
padding:0;
}
.btl-ads .pCMS_MainContent .portal-box .flexItem:nth-of-type(2),
.btl-ads .pCMS_MainContent .portal-box .flexItem:nth-of-type(3){
background-color:#2D2926;
}
.btl-ads .pCMS_MainContent .portal-box .flexItem:nth-of-type(2) {
padding:0 20px 10px;
flex:2;
}
.btl-ads .pCMS_MainContent .portal-box .flexItem:nth-of-type(2) h2,
.btl-ads .pCMS_MainContent .portal-box .flexItem:nth-of-type(2) p {
color:#FFFFFF;
text-align:left;
}
.btl-ads .pCMS_MainContent .portal-box .flexItem:nth-of-type(3) {
flex:.5;
padding:20px;
}
.btl-ads .pCMS_MainContent .portal-box .flexItem:nth-of-type(3) p{
color:#FFFFFF;
text-align:left;
padding:20px;
}
.btl-ads .Title_Section .Parent .Child2 img {
max-width:100%;
}
.phone .btl-ads .pCMS_MainContent .portal-box .flexItem:nth-of-type(2),
.phone .btl-ads .pCMS_MainContent .portal-box .flexItem:nth-of-type(3) {
flex:1;
margin:0 15px;
}
.phone .btl-ads .pCMS_MainContent .portal-box .flexItem:nth-of-type(2) h2,
.phone .btl-ads .pCMS_MainContent .portal-box .flexItem:nth-of-type(2) p{
text-align:center;
}


.superhero .pCMS_BodyContainer {
background-image:url(../pCMS_BO/Resources/ParagonBank/Images/btl-ads/superhero-bg);
}
.superhero .pCMS_MainContent {
background-image:url(../pCMS_BO/Resources/ParagonBank/Images/btl-ads/superhero-sidekick);
}
.phone .superhero .pCMS_MainContent {
background-image:none;
}
.superhero .pCMS_MainContent ul.TickList li::before {
color:#FFFFFF;
}
.fish-chips .pCMS_BodyContainer {
background-image:url(../pCMS_BO/Resources/ParagonBank/Images/btl-ads/fish-chips-bg);
}
.fish-chips .pCMS_MainContent {
background-image:url(../pCMS_BO/Resources/ParagonBank/Images/btl-ads/fish-chips-content);
}
.fish-chips .pCMS_MainContent ul.TickList li::before {
color:#FFFFFF;
}
.hero-desktop-img,
.phone .hero-mobile-img {
display:inline-block;
}
.hero-mobile-img,
.phone .hero-desktop-img {
display:none;
}
.pCMS_ArticleContent p img {
max-width: 800px;
}

/*=====

FISH & CHIPS REBUILD

=====*/

.btl-ads.fish-and-chips .pCMS_Body {
padding:100px 0 0;
}
/*  floor and counter */
.fish-and-chips .pCMS_BodyContainer {
background-image:url(../pCMS_BO/Resources/ParagonBank/Images/btl-ads/tabletop-background);
background-size:cover;
background-position:top center;
}
/* paper and forks  */
.fish-and-chips .pCMS_MainContent {
background-image:url(../pCMS_BO/Resources/ParagonBank/Images/btl-ads/paper-background);
background-size:cover;
padding:10px 0 0;
}
/* fish & chips  */
.fish-and-chips .pCMS_MainContent img {
max-width:700px;
}
/* fish & chips text */
.fish-and-chips .pCMS_MainContent h2 {
font-size:65px;
border-top:2px solid #2d2926;
border-bottom:2px solid #2d2926;
padding:30px 0;
max-width:80%;
margin:30px auto;
}
.btl-ads.fish-and-chips .pCMS_MainContent .portal-box .flexItem:nth-of-type(2) h2 {
font-size:28px;
border-top:none;
border-bottom:none;
padding:15px 0;
max-width:100%;
margin:0;
}
.btl-ads.fish-and-chips .pCMS_MainContent .portal-box .flexItem:nth-of-type(2) p {
font-size:16px;
}
.fish-and-chips .pCMS_MainContent h1 {
font-size:30px;
max-width:70%;
margin: 30px auto;
background-color: #2d2926;
color: #FFFFFF;
padding: 15px;
}
.fish-and-chips .pCMS_MainContent p {
font-size:18px;
line-height:140%;
}
.fish-and-chips .pCMS_MainContent ul.TickList li::before {
color: #89cb31;
}
/* SLIDE IN ELEMEMTS */
.flexWrapper.fish-and-chips{
background-image: url(../pCMS_BO/Resources/ParagonBank/Images/btl-ads/fish-and-chips);
background-repeat:no-repeat;
background-size:60%;
background-position:center;
padding:100px 0;
}
.flexWrapper.fish-and-chips .flexItem:nth-of-type(1) img{
max-width:75%;
display:flex;
}
.flexWrapper.fish-and-chips .flexItem:nth-of-type(3) img{
max-width:100%;
display:flex;
}
/* MOBILE  */
.phone .fish-and-chips .pCMS_MainContent {
background-size:cover;
padding:20px 0 0;
}
.phone .btl-ads.fish-and-chips .pCMS_Body {
padding:0;
}
.phone.portrait .fish-and-chips .pCMS_MainContent h2 {
max-width:90%;
font-size:35px
}
.phone.landscape .fish-and-chips .pCMS_MainContent h2 {
max-width:100%;
font-size:50px
}
.phone.portrait .fish-and-chips .pCMS_MainContent h1 {
max-width:100%;
font-size:35px
}
.phone.landscape .fish-and-chips .pCMS_MainContent h1 {
max-width:90%;
font-size:45px
}
.phone .flexWrapper.fish-and-chips .flexItem:nth-of-type(1) img,
.phone .flexWrapper.fish-and-chips .flexItem:nth-of-type(3) img{
display:none;
}
.phone.portrait .flexWrapper.fish-and-chips{
background-size:cover;
padding:100px 0;
}
.phone.landscape .flexWrapper.fish-and-chips{
padding:200px 0;
}
@keyframes wiggle {
0% { transform: rotate(0deg); }
80% { transform: rotate(0deg); }
85% { transform: rotate(20deg); }
95% { transform: rotate(20deg); }
100% { transform: rotate(0deg); }
}
.wiggle {
display: inline-block;
animation: wiggle 2.5s infinite;
}
/*=====

BTL LOCK AND KEY

=====*/

.lock-and-key .flexWrapper .flexItem .tileContent p,
.lock-and-key .flexWrapper .flexItem .tileContent h1,
.lock-and-key .flexWrapper .flexItem .tileContent h2,
.lock-and-key .flexWrapper .flexItem .tileContent h3,
.lock-and-key .flexWrapper .flexItem .tileContent ul li {
color: #fff;
}
.lock-and-key .flexWrapper{
width:80%
}
.lock-and-key .pCMS_Body {
background: #000;
background-image:url('/pCMS_BO/Resources/ParagonBank/Images/btl-ads/lock-and-key-bg');
background-repeat:no-repeat;
background-position: right 3%;
}
.lock-and-key .pCMS_BodyContainer {
background: #000;
}
.lock-key-intermediary-banner .flexWrapper.portal-box .flexItem:nth-child(1) {flex: 2;}
.lock-key-intermediary-banner .flexWrapper.portal-box .flexItem:nth-child(2) {flex: 1;}
.lock-key-intermediary-banner .flexWrapper.portal-box .flexItem:nth-child(3) {flex: 2;}
.lock-key-intermediary-banner .flexWrapper.portal-box {width:100%}
.lock-key-intermediary-banner .flexWrapper.portal-box .flexItem:nth-child(3) .Button {
margin: 20px 10px;
}
.lock-and-key #postcode-search-results h1,
.lock-and-key #postcode-search-results p {
color:#2d2926;
}
.full-width-container.lock-key-intermediary-banner {
margin: 0 0 -40px 0;
}
/*=====
KITE AND WIND
=====*/

.kite-and-wind-bg .pCMS_Body {
background: none;
}
.kite-and-wind .pCMS_Body {
background:none;
}
.kite-and-wind-bg .pCMS_BodyContainer {
background: url(/pCMS_BO/Resources/ParagonBank/Images/btl-ads/kite-and-wind-bg) #000;
background-position:center top;
background-repeat-y: no-repeat;
}
.kite-and-wind .pCMS_BodyContainer {
background: url(/pCMS_BO/Resources/ParagonBank/Images/btl-ads/kite-and-wind-colour-bg) #587D1E;
background-position:center top;
background-repeat-y: no-repeat;
}
.q2-btl-spacer {
height: 250px;
}

.kite-and-wind-bg .kite-and-wind-text p a, 
.kite-and-wind-bg .kite-and-wind-text p a:link, 
.kite-and-wind-bg .kite-and-wind-text p a:visited,
.kite-and-wind .kite-and-wind-text p a, 
.kite-and-wind .kite-and-wind-text p a:link, 
.kite-and-wind .kite-and-wind-text p a:visited {
color: #fff!important;
}

.flexWrapper.animated-kite {
margin-top: 150px;
}

.kite-and-wind-text {
margin-top: -70px;
}
.kite-and-wind-text .flexWrapper .flexItem .tileContent h2,
.kite-and-wind-text .flexWrapper .flexItem .tileContent p,
.kite-and-wind-text .flexWrapper .flexItem .tileContent ul li
{
color: #fff;
}

.clouds-img {position: absolute;left: 0%;bottom: 0;right: 10%;margin: auto;z-index:0;}
@keyframes animateCloud {
0% {
    margin-left: -1000px;
}
100% {
    margin-left: 100%;
}
}
.clouds-img:nth-child(1) {
top:-30%;
-webkit-animation: animateCloud 35s linear infinite;
-moz-animation: animateCloud 35s linear infinite;
animation: animateCloud 35s linear infinite;

-webkit-transform: scale(0.65);
-moz-transform: scale(0.65);
transform: scale(0.65);
}

.clouds-img:nth-child(2){
-webkit-animation: animateCloud 20s linear infinite;
-moz-animation: animateCloud 20s linear infinite;
animation: animateCloud 20s linear infinite;

-webkit-transform: scale(0.3);
-moz-transform: scale(0.3);
transform: scale(0.3);
top:-20%;
}
.clouds-img:nth-child(3){
top:-10%;
-webkit-animation: animateCloud 18s linear infinite;
-moz-animation: animateCloud 18s linear infinite;
animation: animateCloud 18s linear infinite;

-webkit-transform: scale(0.4);
-moz-transform: scale(0.4);
transform: scale(0.4);
}

@media only screen and (max-width: 1024px){
.flexWrapper.animated-kite {
margin-top: 250px;
}
}

@media only screen and (max-width: 768px){
.kite-and-wind .pCMS_Body h1 {
font-size: 30px;
}
.kite-and-wind-bg .pCMS_Body h1 {
font-size: 30px;
}
.q2-btl-spacer {
height: 50px;
}
}

@media only screen and (max-width: 540px){
.kite-and-wind .pCMS_Body h1 {
font-size: 24px;
}
.kite-and-wind-bg .pCMS_Body h1 {
font-size: 24px;
}
img.sign-img {
top: 100%;
right: 15%;
max-width: 400px;
}
}
@media only screen and (max-width: 411px){
.kite-and-wind .pCMS_Body h1 {
font-size: 18px;
margin-top: -10px;
}
.kite-and-wind-bg .pCMS_Body h1 {
font-size: 18px;
margin-top: -10px;
}
.kite-and-wind .pCMS_BodyContainer {
background-image: url(/pCMS_BO/Resources/ParagonBank/Images/btl-ads/kite-and-wind-colour-bg);
background-color: #587d20;
background-position: center top;
background-size: 250%;
background-repeat: no-repeat;
}
.kite-and-wind-bg .pCMS_BodyContainer {
background-image: url(/pCMS_BO/Resources/ParagonBank/Images/btl-ads/kite-and-wind-colour-bg);
background-color: #587d20;
background-position: center top;
background-size: 250%;
background-repeat: no-repeat;
}
img.sign-img {
top: 615px;
right: 20%;
max-width: 250px;
}
.clouds-img:nth-child(1) {
top: -65%;
}
.clouds-img:nth-child(2){
top:-75%;
}
.clouds-img:nth-child(3){
top:-60%;
}
}

@media only screen and (max-width: 400px){
img.sign-img {
top: 515px;
}
}

@media only screen and (max-width: 375px){
img.sign-img {
top: 590px;
right: 15%;
max-width: 250px;
}

.kite-and-wind .pCMS_Body h1 {
font-size: 15px;
margin-top: -10px;
}
.kite-and-wind-bg .pCMS_Body h1 {
font-size: 15px;
margin-top: -10px;
}
}

/****
Responsive Styling
****/

.tablet .lock-and-key .pCMS_Body {
background-size: 25%;
}
.tablet .lock-key-intermediary-banner .flexWrapper.portal-box .flexItem:nth-child(3) .Button {
margin: 10px;
}
.phone .lock-and-key .pCMS_Body{
background-size:30%;
background-position: right top;
}
.phone .lock-and-key .flexWrapper .flexItem .tileContent {
text-align: left;
}
.phone .lock-key-intermediary-banner .flexWrapper.portal-box .flexItem:nth-child(1) {
flex: 100%;
text-align:center;
}
.phone .lock-key-intermediary-banner .flexWrapper.portal-box .flexItem:nth-child(3) .Button {
margin: 10px 10px;
}
.phone .full-width-container.lock-key-intermediary-banner .flexItem .tileContent {
text-align: center;
}
/*=====

MONEYFACTS 2022 CSS - START

=====*/
.flexItem.MF-2022 {
background-color:#e6007e;
border:5px solid #e6007e;
padding:20px;
}
.flexItem.MF-2022 h2,
.flexItem.MF-2022 p {
color:#FFFFFF;
}
.flexItem.MF-2022 h3 {
font-weight:900;
font-size:60px;
margin:0;
color:#000000;
}
.flexItem.MF-2022 img {
max-width:150px;
}
.flexItem.MF-2022 .tileAction .Button {
font-weight:800;
}
/*
SLIM BANNER
*/
.slim-banner-moneyfacts {
display:block;
background-color:#e6007e;
padding: 0;
text-align:center;
}
.phone.portrait .slim-banner-moneyfacts {
display:none;
}
.slim-banner-moneyfacts-mobile {
display:none;
background-color:#ffffff;
padding: 0;
text-align:center;
}
.phone.portrait .slim-banner-moneyfacts-mobile {
display:block;
}
/*=====

MONEYFACTS 2022 CSS - END

=====*/
/*=====

SAVINGS ACCOUNT PRODUCT TABLE

=====*/
table.savings-account-product-table,
table.responsive {
border: 1px solid #ccc;
border-collapse: collapse;
margin: 0;
padding: 0;
width: 100%;
background-color: transparent;
}
table.savings-account-product-table caption,
table.responsive caption {
font-size: 26px;
margin: 20px 0;
font-weight:800;
}
table.savings-account-product-table tr,
table.responsive tr {
background-color: #FFFFFF;
border: 1px solid #ddd;
padding: 15px;
}
table.savings-account-product-table thead tr,
table.responsive thead tr {
position:relative;
}
table.savings-account-product-table th,
table.responsive th,
table.savings-account-product-table td,
table.responsive td {
padding: 15px 20px;
}
table.savings-account-product-table th,
table.responsive th {
font-size: 16px;
background-color: #2d2926;
color:#FFFFFF;
}
table.savings-account-product-table td:first-of-type {
font-weight:600;
width:35%;
}
table.savings-account-product-table td span{
font-size:18px;
font-weight:800;
line-height:120%;
}
table.savings-account-product-table.combined-gross td:nth-child(3) span {
    font-size: 16px;
    font-weight: 600;
}
table.savings-account-product-table td a {
color:#2D2926;
text-decoration:none;
font-size:16px;
font-weight:600;
width:100%;
line-height:125%;
}
table.savings-account-product-table td a:hover {
color:#89CB31;
}
table.savings-account-product-table td a.cta{
background-color:#89CB31;
border:2px solid #73b52d;
color:#2D2926;
display:inline-block;
padding:15px 20px;
text-decoration:none;
font-size:16px;
font-weight:600;
text-align:center;
border-radius:8px;
width: 200px;
float: right;
}
a.cta.existing-customer span {
font-size: 12px;
font-weight: 600;
display: block;
margin-top: 5px;
}
table.savings-account-product-table td a.cta:hover{
background-color:#E8E8E8;
border:2px solid #C1C1C1;
}
/*=====

SAVINGS ACCOUNT PRODUCT TABLE PHONE PORTRAIT

=====*/
.phone.portrait table.savings-account-product-table {
border: 0;
}
.phone.portrait table.savings-account-product-table th,
.phone.portrait table.savings-account-product-table td {
padding: 15px 0;
}
.phone.portrait table.savings-account-product-table thead {
border: none;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.phone.portrait table.savings-account-product-table tr {
display: block;
margin-bottom: 30px;
padding:15px 15px 0;
}
.phone.portrait table.savings-account-product-table td {
border-bottom: 1px solid #ddd;
display: block;
font-size: 16px;
text-align: right;
}
.phone.portrait table.savings-account-product-table a {
width:50%;
}
.phone.portrait table.savings-account-product-table td::before {
/*
* aria-label has no advantage, it won't be read inside a table
content: attr(aria-label);
*/
content: attr(data-label);
float: left;
font-weight: normal;
}
.phone.portrait table.savings-account-product-table td:first-of-type {
width:100%;
}
.phone.portrait table.savings-account-product-table td:last-child {
border-bottom: 0;
text-align: center;
}
.phone.portrait table.savings-account-product-table td a.cta {
width:100%;
margin:0 auto;
float: none;
}
/*=====

SAVINGS ACCOUNT PRODUCT TABLE PHONE LANDSCAPE

=====*/
.phone.landscape table.savings-account-product-table td a.cta {
padding:12px 0;
text-align:center;
}

/*=====

5.7.HERO CAROUSEL STYLING START

=====*/

/*===

CAROUSEL FUNCTIONS

===*/
.owl-theme .owl-controls .owl-pagination {
margin-top:0;
text-align:center;
background:transparent;
position:absolute;
bottom:0;
width:100%;
left:0;
}
.owl-theme .owl-controls .owl-buttons div {
background:#89cb31;
color:#fff;
font-size:25px;
height:35px;
line-height:35px;
opacity:.5;
width:35px;
font-weight:800;
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
opacity:1;
text-decoration: none;
}
.owl-theme .owl-controls .owl-page span {
background:#ffffff;
opacity:1;
height:15px;
width:15px;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
background:#89cb31;
opacity:1;
}
.phone .owl-theme .owl-controls .owl-buttons div {
display:none;
}

/*===

CAROUSEL HERO COMPONENT STYLING

===*/
.pCMS_TopCarousel,
.pCMS_CarouselItemContainer,
.pCMS_CarouselItem,
.pCMS_CarouselItem .Parent .Child1,
.pCMS_CarouselItem .Parent .Child2 {
height:450px;
}
.pCMS_CarouselItemContainer {
margin:0 auto;
background-color:#2D2926;
}
.pCMS_CarouselItem {
background-size:cover;
background-position:center;
background-repeat:no-repeat;
margin:0 auto;
}
.pCMS_CarouselItem .Parent::before{
content:none;
}
.pCMS_CarouselItem .Parent {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.pCMS_CarouselItem .Parent .Child1,
.pCMS_CarouselItem .Parent .Child2 {
-webkit-box-pack: center;
-ms-flex-pack: center;
    justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
    flex-direction: column;
}
.pCMS_CarouselItem .Parent .Child1 {
-webkit-box-align: start;
-ms-flex-align: start;
    align-items: flex-start;
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
    order: 1;
-ms-flex: 2;
-webkit-box-flex: 2;
    flex: 2;
}
.pCMS_CarouselItem .Parent .Child2 {
-webkit-box-align: end;
-ms-flex-align: end;
    align-items: flex-end;
-ms-flex-order: 2;
-webkit-box-ordinal-group: 3;
    order: 2;
-ms-flex: 1;
-webkit-box-flex: 1;
    flex: 1;
}
.InlineRow {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
    flex-direction:row;
-webkit-box-align:start;
-ms-flex-align:start;
    align-items:flex-start;
margin:10px 0;
width:auto;
}
.InlineRow a.button,
.InlineRow a.Button,
.InlineRow a.button.Secondary,
.InlineRow a.Button.Secondary,
.InlineRow a.button.Ghost,
.InlineRow a.Button.Ghost {
margin:0 10px 0 0;
}
.pCMS_CarouselItem .Parent .Child1 h1,
.pCMS_CarouselItem .Parent .Child1 h2,
.pCMS_CarouselItem .Parent .Child1 h3,
.pCMS_CarouselItem .Parent .Child1 p,
.pCMS_CarouselItem .Parent .Child1 ul li {
text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
}
.pCMS_CarouselItem .Parent .Child1 h1 {
font-size:38px;
line-height:110%;
}
.pCMS_CarouselItem .Parent .Child1 p {
font-size:18px;
line-height:130%;
font-weight:600;
}
.pCMS_CarouselItem .Parent .Child1 ul {
width:100%;
margin:0 0 15px;
}
.pCMS_CarouselItem .Parent .Child1 ul li {
padding:5px 0 5px 25px;
}
/*===

NO BACKGROUND FOR CAROUSEL

===*/
.pCMS_CarouselItem.No_Background .Parent::before{
content:none;
}
.pCMS_CarouselItem.No_Background .Parent .Child1 {
background-image:none;
background-color:transparent;
}
/*===

DEVICE STYLING

===*/
/* PHONE */
.phone .pCMS_CarouselItem .Parent {
background-color: rgba(45,41,38,0.7);
display:block;
}
.phone .pCMS_CarouselItem .Parent .Child1 h1 {
font-size: 32px;
margin: 0 0 15px;
}
.phone .pCMS_CarouselItem .Parent .Child1 h2 {
font-size:24px;
}
.phone .pCMS_CarouselItem .Parent .Child1 p {
font-size:16px;
}
.phone .pCMS_CarouselItem .Parent .Child1 ul {
width:100%;
margin:0 15px;
}
/* PHONE PORTRAIT */
.phone.portrait .pCMS_TopCarousel,
.phone.portrait .pCMS_CarouselItemContainer,
.phone.portrait .pCMS_CarouselItem,
.phone.portrait .pCMS_CarouselItem .Parent .Child1,
.phone.portrait .pCMS_CarouselItem .Parent .Child2 {
height:500px;
}
.phone.portrait .pCMS_CarouselItem .Parent .Child1,
.phone.portrait .pCMS_CarouselItem .Parent .Child2 {
width:100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
    justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
    align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
    flex-direction: column;
padding:20px;
}
.phone.portrait .InlineRow {
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
    flex-direction:column;
width:100%;
}
.phone.portrait .InlineRow a.button,
.phone.portrait .InlineRow a.Button,
.phone.portrait .InlineRow a.button.Secondary,
.phone.portrait .InlineRow a.Button.Secondary,
.phone.portrait .InlineRow a.button.Ghost,
.phone.portrait .InlineRow a.Button.Ghost {
width:100%;
margin:0 auto 10px;
}
/* PHONE LANDSCAPE*/
.phone.landscape .pCMS_TopCarousel,
.phone.landscape .pCMS_CarouselItemContainer,
.phone.landscape .pCMS_CarouselItem,
.phone.landscape .pCMS_CarouselItem .Parent .Child1,
.phone.landscape .pCMS_CarouselItem .Parent .Child2 {
height:350px;
}
.phone.landscape .pCMS_CarouselItem .Parent .Child1,
.phone.landscape .pCMS_CarouselItem .Parent .Child2 {
padding:15px;
width:100%;
}
/* TABLET */
.tablet .pCMS_CarouselItem .Parent {
background-color: rgba(45,41,38,0.7);
display: block;
}
/* TABLET PORTRAIT */
.tablet.portrait .pCMS_CarouselItem .Parent .Child1,
.tablet.portrait .pCMS_CarouselItem .Parent .Child2,
.tablet.portrait .pCMS_CarouselItemContainer,
.tablet.portrait .pCMS_CarouselItem {
height:450px;
}
.tablet.portrait .pCMS_CarouselItem .Parent .Child1,
.tablet.portrait .pCMS_CarouselItem .Parent .Child2 {
width:100%;
padding:0 60px;
}
/* TABLET LANDSCAPE */
.tablet.landscape .pCMS_CarouselItem .Parent .Child1,
.tablet.landscape .pCMS_CarouselItem .Parent .Child2,
.tablet.landscape .pCMS_CarouselItemContainer,
.tablet.landscape .pCMS_CarouselItem {
height:450px;
}
.tablet.landscape .pCMS_CarouselItem .Parent .Child1,
.tablet.landscape .pCMS_CarouselItem .Parent .Child2 {
padding:0 60px;
}
/*=====

BUSINESS AREA CAROUSEL STYLING

=====*/
/*=====

BTL HERO CAROUSEL

=====*/
.inter_BTL_hero.pCMS_CarouselItem .Parent .Child1 h1,
.inter_BTL_hero.pCMS_CarouselItem .Parent .Child1 h2,
.inter_BTL_hero.pCMS_CarouselItem .Parent .Child1 h3,
.inter_BTL_hero.pCMS_CarouselItem .Parent .Child1 p,
.inter_BTL_hero.pCMS_CarouselItem .Parent .Child1 ul li {
text-shadow: none;
color:#2d2926;
}
.inter_BTL_hero,
.tablet.portrait .inter_BTL_hero,
.tablet.landscape .inter_BTL_hero {
background:#EEEEEE;
background-position:center;
background-size:cover;
}
.inter_BTL_hero.slide-1,
.tablet.portrait .inter_BTL_hero.slide-1,
.tablet.landscape .inter_BTL_hero.slide-1 {
background-image:url(../pCMS_BO/Resources/ParagonBank/hero/retail-index-hero);
}
.inter_BTL_hero.slide-2,
.tablet.portrait .inter_BTL_hero.slide-2,
.tablet.landscape .inter_BTL_hero.slide-2 {
background-image:url(../pCMS_BO/Resources/ParagonBank/hero/inter_BTL_hero-notifications);
}
.inter_BTL_hero.slide-3,
.tablet.portrait .inter_BTL_hero.slide-3,
.tablet.landscape .inter_BTL_hero.slide-3 {
background-image:url(../pCMS_BO/Resources/ParagonBank/hero/inter_BTL_student_accomodation);
}
.phone .inter_BTL_hero .Parent .Child1 h1,
.phone .inter_BTL_hero .Parent .Child1 p,
.phone .inter_BTL_hero .Parent .Child1 ul li,
.tablet .inter_BTL_hero .Parent .Child1 h1,
.tablet .inter_BTL_hero .Parent .Child1 p,
.tablet .inter_BTL_hero .Parent .Child1 ul li,
.phone .inter_BTL_hero .Parent .Child1 a.pCMS_Button.Ghost,
.phone .inter_BTL_hero .Parent .Child1 a.Button.Ghost,
.phone .inter_BTL_hero .Parent .Child1 a.button.Ghost,
.phone .inter_BTL_hero .Parent .Child1 .desktop a.Button.Ghost,
.tablet .inter_BTL_hero .Parent .Child1 a.pCMS_Button.Ghost,
.tablet .inter_BTL_hero .Parent .Child1 a.Button.Ghost,
.tablet .inter_BTL_hero .Parent .Child1 a.button.Ghost,
.tablet .inter_BTL_hero .Parent .Child1 .desktop a.Button.Ghost {
color:#FFFFFF;
text-shadow: 2px 3px 5px rgba(0,0,0,0.6);
}
/*=====

BANK HOMEPAGE CAROUSEL

=====*/
.pCMS_CarouselItem.saving-with-confidence {
background-image:url(../pCMS_BO/Resources/ParagonBank/Carousel/saving-with-confidence);
background-position: bottom center;
}
.pCMS_CarouselItem.saving-for-something-today {
background-image:url(../pCMS_BO/Resources/ParagonBank/Carousel/do-something-today);
}
.pCMS_CarouselItem.development-garage-level {
background-image:url(../pCMS_BO/Resources/ParagonBank/Carousel/development-garage-level);
background-position:center;
}
/*=====

HERO CAROUSEL STYLING END

=====*/

.flexWrapper.flexWrapperNoPadding {
padding: 0;
}
.flexWrapper.flexWrapperNoPadding .flexItem{
margin:0
}




/*===

FSCS IN SAVINGS PRODUCT PAGES

===*/
.fscsContainer {
display:flex;
flex-wrap:wrap;
flex-direction:row;
align-content:stretch;
z-index:1;
position:relative;
padding:0;
max-width:1200px;
background-color:#EEEEEE;
margin:-40px 0 0
}
.fscsContainer .fscsImage {
flex:1;
position:relative;
padding:0 0 20px;
text-align:center;
}
.fscsContainer .fscsImage img {
max-width:100px;
}
.fscsContainer .fscsContent {
flex:3;
text-align:center;
padding:35px 20px 0;
}
.fscsContainer .fscsAction {
flex:1;
text-align:center;
padding:30px 15px 0;
}
.fscsContainer .fscsAction a {
padding:20px 30px;
color:purple;
text-align:center;
background-color:white;
border-radius:8px;
}
.phone.portrait .fscsContainer {
flex-direction: column;
}
.phone.portrait .fscsContainer .fscsImage,
.phone.portrait .fscsContainer .fscsContent,
.phone.portrait .fscsContainer .fscsAction {
flex:1;
}
.phone.portrait .fscsContainer .fscsContent {
padding:0;
}
.phone.portrait .fscsContainer .fscsAction {
padding:0 20px 20px;
}


/*=====

XMAS BTL LANDING PAGE

=====*/
.btl-xmas .Page {
background-image: url(../pCMS_BO/Resources/ParagonBank/Images/mortgages/xmas-btl-bg);
background-color:#2d2926;
}
.btl-xmas .Title_Section,
.btl-xmas .pCMS_BodyContainer {
background-image:none;
background-color:transparent;
}
.btl-xmas .Title_Section {
padding:40px 0 0;
border-bottom:none;
}
.btl-xmas .pCMS_Body {
background-color:transparent;
padding:50px 20px;
margin:0 auto;
}
.btl-xmas .pCMS_MainContent {
max-width:850px;
}
.btl-xmas .pCMS_MainContent h1 {
font-size:38px;
color:#f1c400;
}
.btl-xmas .pCMS_MainContent h2 {
font-size:26px;
color:#f1c400;
}
.btl-xmas .pCMS_MainContent p {
font-size:18px;
color:#FFFFFF;
}
#cracker{
height: 540px;
margin: 0 auto;
position: relative;
width: 1200px;
background-size: cover;
background-image: url('../pCMS_BO/Resources/ParagonBank/Images/mortgages/cracker-inside');
}
.object {
position: absolute;
/** This css rule will make the object
move smoothly and animated **/
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
}
.cracker-right {
top: 0;
right: 50%;
width:50%;
display: inline-block;
}
.cracker-left {
top: 0;
left: 50%;
width:50%;
display: inline-block;
}
/* PREFIX
-webkit- is for Chrome & Safari;
-o- is for Opera;
-moz- is for Mozilla Firefox
*/
/** Moving object to the right **/
#cracker:hover .move-right{
transform: translate(350px,0);
-webkit-transform: translate(350px,0);
-o-transform: translate(350px,0);
-moz-transform: translate(350px,0);
}
/** Moving object to the left **/
#cracker:hover .move-left{
transform: translate(-350px,0);
-webkit-transform: translate(-350px,0);
-o-transform: translate(-350px,0);
-moz-transform: translate(-350px,0);
}
/*=====

XMAS BTL LANDING PAGE MOBILE

=====*/
.phone .btl-xmas-desktop,
.tablet .btl-xmas-desktop,
.desktop .btl-xmas-mobile,
.tablet .btl-xmas-mobile,
.phone .btl-xmas-tablet,
.desktop .btl-xmas-tablet {
display:none;
}
.desktop .btl-xmas-desktop,
.phone .btl-xmas-mobile,
.tablet .btl-xmas-tablet  {
display:block;
}
.phone .btl-xmas .pCMS_Body {
margin:-50px 0 0;
}
.tablet .btl-xmas .pCMS_Body {
margin:-50px 0 0;
}
.phone .btl-xmas .Title_Section,
.phone .btl-xmas .pCMS_BodyContainer,
.tablet .btl-xmas .Title_Section,
.tablet .btl-xmas .pCMS_BodyContainer {
background-image:none;
background-color:transparent;
}
.phone #cracker,
.tablet #cracker{
height:0;
}
.phone .cracker-right,
.phone .cracker-left,
.tablet .cracker-right,
.tablet .cracker-left  {
display:none;
}

/*=====
GENERIC ACCORDION
=====*/



.accordion-wrapper {
margin:0 auto;
border: 3px solid #EEEEEE
}
.accordion-wrapper .accordion-control {
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
}
.accordion-wrapper .accordion-control i {

font-size: 18px;
color: #89CB31;
transform-origin: inherit;
padding:0 8px 0;
}
.accordion-control {
display: block;
width: 100%;
cursor:pointer;
}
.accordion-wrapper button.accordion-control {
display: block;
width: 100%;
cursor:pointer;
background-color:#FFFFFF;
background-image: none;
background-size: cover;
background-repeat: no-repeat;
text-align: left;
padding: 30px;
color: #2D2926;
font-size: 22px;
font-weight:800;
border:none;
font-family:'Libre Franklin',sans-serif;
}
.accordion-inner{
overflow:hidden;
display:none;
padding: 30px;
}
.accordion-wrapper.no-border,
.accordion-wrapper.no-border button.accordion-control {
border: none;
}
.accordion-wrapper.center button.accordion-control,
.accordion-wrapper.center button.accordion-inner {
text-align: center;
}
.rotate{
-moz-transition: all .1s linear;
-webkit-transition: all .1s linear;
transition: all .1s linear;
}
.rotate.down{
-moz-transform:rotate(-180deg);
-webkit-transform:rotate(-180deg);
transform:rotate(-180deg);
}
.phone .accordion-wrapper button.accordion-control{
font-size: 1em;
}



/*=====

XMAS ACCORDION

=====*/

.accordion-wrapper.Christmas_accordion {
border:3px solid #bf1e2e;
margin:10px 10px 30px;
}
.accordion-wrapper.Christmas_accordion .accordion-inner {
overflow:hidden;
display:none;
padding: 30px;
}
.accordion-wrapper.Christmas_accordion .accordion-control {
display: block;
width: 100%;
cursor:pointer;
}
.accordion-wrapper.Christmas_accordion .accordion-control {
background-image: url(../Resources/ParagonBank/Images/Christmasopeninghourbanner);
text-align: center;
color: #FFFFFF;
font-size: 26px;
}
.accordion-wrapper.Christmas_accordion .accordion-control i {
visibility: hidden;
}
.accordion-wrapper.Christmas_accordion .opening-hours-table td {
padding-left: 0px;
}
.phone .accordion-wrapper.christmas_accordion button.accordion-control {
font-size: 1em;
}


/*=====

FSCS PAGE TAB START

=====*/

.fscs-hero {
display:inline;
width: 110px;
border:none;
position:fixed;
top: 32%;
right: 0;
z-index:999;
background-color:rgba(238,238,238,0.5);
}
/*

FSCS PAGE TAB DEVICE STYLING

*/
.phone.portrait .fscs-hero {
top:88%;
}
.phone.landscape .fscs-hero {
top:80%;
}
.tablet.portrait .fscs-hero {
top:90%;
}
.tablet.landscape .fscs-hero {
top:85%;
}

/*=====

FSCS PAGE TAB END

=====*/


/*=====

GET IN TOUCH START

=====*/

.flexWrapper.main {
padding:30px 0 0;
}
.flexWrapper.main h2 {
width: 100%;
margin: 0 15px 40px;
}
.flexWrapper.main h3 {
width: 100%;
margin: 0 0 20px;
}
.flexWrapper.main ul {
width: 100%;
margin: 0 0 20px;
}
.flexWrapper.main table {
margin:15px 0 30px;
}
.flexWrapper.main table tr td {
padding:5px 0;
}
.flexWrapper.main table tr:nth-of-type(even) {
background:transparent;
}
a.BackToTop {
padding:20px;
background-color:rgba(255,255,255,0.9);
position:fixed;
bottom: 20px;
z-index:999;
border-radius: 3px;
right: 20%;
border:1px solid #89cb31;
}
a.BackToTop::before {
content:'\f062';
font-family:FontAwesome;
margin:0 5px 0 0;
font-size:15px;
font-weight:500;
color:#89cb31;
}

/*=====

GET IN TOUCH END

=====*/
/*****
FOUR STEPS TO SUCCESSFUL APP PAGE STYLING START
*****/



.align-center{
display: flex;
justify-content: center;
}
.align-center.four-steps-column .three-column-container, .align-center.four-steps-column .two-column-container{
padding: 0 60px 0 0;
margin: 0;
width: inherit;
}
.phone .align-center, .phone .align-center .two-column-container{
flex-direction: column;
}
.phone .align-center.four-steps-column .three-column-container ul, .phone .align-center.four-steps-column .two-column-container ul{
display: inherit;
margin: 15px 15px 0;
}
.phone .align-center.four-steps-column .three-column-container li, .phone .align-center.four-steps-column .two-column-container li{
padding:0 15px 30px;
}



/*****
FOUR STEPS TO SUCCESSFUL APP PAGE STYLING END
*****/
.four-steps-slider {
background-image:url(../pCMS_BO/Resources/ParagonBank/hero/four-steps-hero);
}
.portal-alert-slider {
background-image:url(../pCMS_BO/Resources/ParagonBank/hero/portal-alert-slider);
}
.green-product-slider {
background-image:url(../pCMS_BO/Resources/ParagonBank/hero/green-product-slider);
}


/*=====

SAVINGS PRODUCT PAGE RESTYLE 2021

=====*/
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/
/*=====

SAVINGS HERO

=====*/
.saving-product-hero.Title_Section {
background-color:#2D2926;
}
.existing-customers-tag {
display: inline-block;
padding: 10px;
background: #0070B1;
margin-bottom: 15px;
font-weight: 600;
color: #fff;
}
.saving-product-hero.Title_Section .Parent .Child1 {
clip-path:none;
}
.saving-product-hero.Title_Section .Parent .Child1,
.saving-product-hero.Title_Section .Parent .Child2 {
background-image:none;
width:49%;
padding:40px 20px;
vertical-align:top;
}
.saving-product-hero.Title_Section .Parent .Child1 h1,
.saving-product-hero.Title_Section .Parent .Child1 h2,
.saving-product-hero.Title_Section .Parent .Child1 p {
text-align:left;
max-width: 100%;
}
.saving-product-hero.Title_Section .Parent .Child1 h1 {
font-size:40px;
}
.saving-product-hero.Title_Section .Parent .Child1 p {
font-size:18px;
}
.saving-product-hero.Title_Section .Parent .Child1 h2 {
font-size:18px;
font-weight:500;
}
.saving-product-hero.Title_Section .Parent .Child1 h2 span {
font-size:70px;
font-weight:800;
display:inline;
margin:0 10px 0 0;
}
.saving-product-hero.Title_Section .Parent .Child2 h1 {
font-size:16px;
}
.saving-product-hero.Title_Section .Parent p.small {
font-size: 14px;
}
.saving-product-hero.Title_Section .Parent .Child1 ul li a {
color:#FFFFFF;
}
.saving-product-hero.Title_Section .Parent .Child1 ul li a:hover {
color:#89CB31;
}
.saving-product-hero.Title_Section .Parent .Child2 {
text-align:center;
}
.saving-product-hero.Title_Section .Parent .Child2 div {
width:49%;
padding:0;
color:#FFFFFF;
display:inline-block;
}
.saving-product-hero.Title_Section .Parent .Child2 div a.Button {
width:90%;
padding:20px 0;
font-size:16px;
margin:0 0 30px;
}
.saving-product-hero.Title_Section .Parent .Child2.SingleColumn div a.Button{
width:50%;
margin:0 0 30px;
}
.saving-product-hero.Title_Section .Parent .Child2 div h2{
color:#FFFFFF;
font-size:22px;
}
.saving-product-hero.Title_Section .Parent .Child2 a.Link {
color:#FFFFFF;
padding:18px 25px;
margin:0 auto;
border:2px solid #565351;
border-radius:8px;
}
.saving-product-hero.Title_Section .Parent .Child2 a.Button.Ghost {
color:#FFFFFF;
padding:20px 0;
max-width:90%;
min-width:40%;
margin:0 auto;
border:2px solid #565351;
border-radius:8px;
font-size:16px;
}
.saving-product-hero.Title_Section .Parent .Child2 a.Button.Ghost:hover {
color:#89Cb31;
border:2px solid #aba9a8;
background-color:transparent;
}
.saving-product-hero.Title_Section .Parent .Child2 div.coming-soon-hero {
border: 5px solid #eee;
width: 75%;
padding: 0 20px!important;
}
.saving-product-hero.Title_Section .Parent .Child2 div.coming-soon-hero img {
max-width: 150px!important;
}

/*=====

SAVINGS HERO PHONE STYLING

=====*/
.phone.landscape .saving-product-hero.Title_Section .Parent .Child1,
.phone.landscape .saving-product-hero.Title_Section .Parent .Child2,
.phone.portrait .saving-product-hero.Title_Section .Parent .Child1,
.phone.portrait .saving-product-hero.Title_Section .Parent .Child2,
.phone.portrait .saving-product-hero.Title_Section .Parent .Child2 div,
.saving-product-hero.Title_Section .Parent .Child2.SingleColumn div {
width:100%;
display:block;
}
.phone.portrait .saving-product-hero.Title_Section .Parent .Child1{
padding:40px 20px 10px;
}
.phone.portrait .saving-product-hero.Title_Section .Parent .Child1 h1 {
font-size:35px;
}
.phone.portrait .saving-product-hero.Title_Section .Parent .Child1 h2 span {
display:block;
margin:0;
}
.phone.portrait .saving-product-hero.Title_Section .Parent .Child2 {
padding:10px 20px 40px;
background-color:#2d2926;
}
.phone.portrait .saving-product-hero.Title_Section .Parent .Child2.SingleColumn div a.Button,
.phone.portrait .saving-product-hero.Title_Section .Parent .Child2 a.Button.Ghost {
width:80%;
}
.phone.landscape .saving-product-hero.Title_Section .Parent .Child1 h1,
.phone.landscape .saving-product-hero.Title_Section .Parent .Child1 h2,
.phone.landscape .saving-product-hero.Title_Section .Parent .Child1 p,
.phone.portrait .saving-product-hero.Title_Section .Parent .Child1 h1,
.phone.portrait .saving-product-hero.Title_Section .Parent .Child1 h2,
.phone.portrait .saving-product-hero.Title_Section .Parent .Child1 p {

text-align:center;
}


/*=====

SAVINGS ACCOUNT SUMMARY TABLE

======*/
table.savings-account-summary-table,
table[cellSpacing].savings-account-summary-table {
border-collapse: collapse;
}
table.savings-account-summary-table td,
table.savings-account-summary-table tr {
vertical-align:top;
}
table.savings-account-summary-table td {
padding:20px;
text-align: left;
}
table.savings-account-summary-table tr {
border:1px solid #DDDDDD;
background-color:#FFFFFF;
}
table.savings-account-summary-table td:nth-of-type(odd){
width:40%;
padding:20px;
font-weight:600;
background-color: #EEEEEE;
}
table.savings-account-summary-table td:nth-of-type(even){
width:60%;
padding:20px;
}
table.savings-account-summary-table td span.effective-date {
display:none;
}
/*=====

SAVINGS ACCOUNT SUMMMARY TABLE PHONE PORTRAIT

=====*/
.phone.portrait table.savings-account-summary-table tr td{
text-align: center;
}
.phone.portrait table.savings-account-summary-table td:nth-of-type(odd),
.phone.portrait table.savings-account-summary-table td:nth-of-type(even){
width:100%;
display:block;
padding: 20px;
}
/* SAVINGS - ACCOUNT SUMMARY TABLE - "What is the interest rate?" row */
/* DIFFERENCE IN CLASSES BETWEEN 3A AND 1YR FIX - TEST IF NEEDED ON PROD */
.savings-product th {
    padding: 12px;
    font-size: 16px
}

/* WRAPPER TO ALLOW FOR 2 COLUMNS */
.savings-account-summary-table-inner-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

@media only screen and (max-width: 920px) {
    .savings-account-summary-table-inner-wrapper {
        grid-template-columns: 1fr;
    }
}

/* TABLE STYLING */
.savings-account-summary-table-inner {
    margin: 0 0 20px
}

.savings-account-summary-table-inner th {
    background-color: #eee;
    color: #2D2926;
}

.savings-account-summary-table-inner th, .savings-account-summary-table-inner td {
    text-align: center;
    border: 1px solid #DDDDDD;
}

table.savings-account-summary-table-inner td:nth-of-type(odd) {
    width: auto;
    font-weight: unset;
    background: #fff
}

table.savings-account-summary-table-inner td:nth-of-type(even) {
    width: auto;
    font-weight: unset
}

table.savings-account-summary-table-inner td {
    text-align: center
}

.savings-account-summary-table-inner tr:nth-child(2) th {
    font-weight: 600
}

.savings-account-summary-table-inner tr:nth-child(3) th {
    font-weight: 500;
    font-size: 15px
}

/* RESPONSIVE */
.phone.portrait table.savings-account-summary-table-inner td:nth-of-type(odd), .phone.portrait table.savings-account-summary-table-inner td:nth-of-type(even) {
    width: auto;
    display: revert
}



/*=====

FULL WIDTH SAVINGS APPLY CONTAINER

=====*/
.full-width-container-apply {
position:relative;
margin:0 0 40px;
}
.full-width-container-apply .pCMS_ContentItem::before {
content:'';
left:50%;
height:100%;
/*height:calc(100%);*/
position:absolute;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);
width:100vw;
/*margin:0 -9999rem;
padding:0.25rem 9999rem;*/
z-index:1;
background-color:#2D2926;
}
.full-width-container-apply .pCMS_ContentItem {
margin:0;
}
.full-width-container-apply .pCMS_ContentItem h2 {
width:100%;
z-index:2;
margin:0 auto;
position:relative;
text-align:center;
padding:40px 0 20px;
font-size:26px;
}
.full-width-container-apply .pCMS_ContentItem h1,
.full-width-container-apply .pCMS_ContentItem h2,
.full-width-container-apply .pCMS_ContentItem h3,
.full-width-container-apply .pCMS_ContentItem p {
color:#ffffff;
}
.full-width-container-apply .tileContent p a:hover,
.full-width-container-apply .tileContent p a:link:hover,
.full-width-container-apply .tileContent p a:visited:hover{
color:#ffffff;
}
.full-width-container-apply .flexWrapper {
padding:40px 0;
}
.full-width-container-apply .flexWrapper .flexItem {
background-color:transparent;
border:none;
}
.full-width-container-apply .flexWrapper .flexItem .tileContent h2{
font-size:22px;
padding:0 0 30px;
}
.full-width-container-apply .flexWrapper .flexItem .tileContent h2,
.full-width-container-apply .flexWrapper .flexItem .tileContent p,
.full-width-container-apply .flexWrapper .flexItem .tileAction {
text-align:left;
}
.full-width-container-apply .flexWrapper .flexItem.tile-center .tileContent h2,
.full-width-container-apply .flexWrapper .flexItem.tile-center .tileContent p {
text-align:center;
}
.full-width-container-apply .flexWrapper .flexItem li,
.full-width-container-apply .flexWrapper .flexItem li a {
color:#FFFFFF;
font-size:15px;
}
.full-width-container-apply .flexWrapper .flexItem .tileAction a.Button.Ghost {
color:#FFFFFF;
padding:20px 0;
min-width:100%;
margin:0 auto;
border:2px solid #565351;
border-radius:8px;
}
.full-width-container-apply .flexWrapper .flexItem .tileAction a.Button.Ghost:hover {
color:#89Cb31;
border:2px solid #aba9a8;
background-color:transparent;
}
.full-width-container-apply .flexWrapper.WideButton .flexItem .tileAction {
text-align:center;
}
.full-width-container-apply .flexWrapper.WideButton .flexItem .tileAction a.Button {
min-width:100%;
margin:0 auto;
padding:20px 0;
}
/*=====

FULL WIDTH SAVINGS APPLY CONTAINER PHONE PORTRAIT

=====*/
.phone.landscape .full-width-container-apply .flexWrapper .flexItem .tileContent h2,
.phone.landscape .full-width-container-apply .flexWrapper .flexItem .tileContent p,
.phone.landscape .full-width-container-apply .flexWrapper .flexItem .tileAction,
.phone.portrait .full-width-container-apply .flexWrapper .flexItem .tileContent h2,
.phone.portrait .full-width-container-apply .flexWrapper .flexItem .tileContent p,
.phone.portrait .full-width-container-apply .flexWrapper .flexItem .tileAction {
text-align:center;
}
.phone.portrait .full-width-container-apply .flexWrapper.WideButton .flexItem .tileAction a.Button,
.phone.portrait .full-width-container-apply .flexWrapper.WideButton .flexItem .tileAction a.Button.Secondary
.phone.portrait .full-width-container-apply .flexWrapper.WideButton .flexItem .tileAction a.Button.Ghost {
max-width:100%;
min-width:100%;
}

/*===

FSCS BANNER SAVINGS PRODUCT PAGES

===*/
.fscsContainer {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
    flex-direction:row;
-ms-flex-line-pack:stretch;
align-content:stretch;
z-index:1;
position:relative;
padding:0;
max-width:1200px;
background-color:#EEEEEE;
margin:-40px auto 0
}
.fscsContainer .fscsImage {
-webkit-box-flex:1;
-ms-flex:1;
    flex:1;
position:relative;
padding: 0;
text-align:center;
}
.fscsContainer .fscsImage img {
max-width: 135px;
margin: -20px 0 0;
}
.fscsContainer .fscsContent {
-webkit-box-flex:3;
-ms-flex:3;
    flex:3;
text-align:center;
padding:20px 20px 0;
}
.fscsContainer .fscsContent h2 {
padding:0;
margin:0 0 10px;
font-size:22px;
}
.fscsContainer .fscsContent p {
font-size:14px;
}
.fscsContainer .fscsAction {
-webkit-box-flex:1;
-ms-flex:1;
    flex:1;
text-align:center;
padding:30px 15px 0;
}
.fscsContainer .fscsAction a {
padding:20px 30px;
color:purple;
text-align:center;
background-color:white;
border-radius:8px;
}
.phone.portrait .fscsContainer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
    flex-direction: column;
}
.phone.portrait .fscsContainer .fscsImage,
.phone.portrait .fscsContainer .fscsContent,
.phone.portrait .fscsContainer .fscsAction {
-webkit-box-flex:1;
-ms-flex:1;
    flex:1;
}
.phone.portrait .fscsContainer .fscsContent {
padding:15px;
}
.phone.portrait .fscsContainer .fscsImage img {
max-width:200px;
margin:-30px 0 0;
}
.phone.portrait .fscsContainer .fscsAction {
padding:0 20px 20px;
}

/***

LIGHTBOX MODAL

***/
body.compensate-for-scrollbar {
overflow: hidden;
}

.fancybox-active {
height: auto;
}

.fancybox-is-hidden {
left: -9999px;
margin: 0;
position: absolute !important;
top: -9999px;
visibility: hidden;
}

.fancybox-container {
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: none;
position: fixed;
-webkit-tap-highlight-color: transparent;
top: 0;
-ms-touch-action: manipulation;
touch-action: manipulation;
transform: translateZ(0);
width: 100%;
z-index: 99992;
}

.fancybox-container * {
box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}

.fancybox-outer {
-webkit-overflow-scrolling: touch;
overflow-y: auto;
}

.fancybox-bg {
background: rgb(30, 30, 30);
opacity: 0;
transition-duration: inherit;
transition-property: opacity;
transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}

.fancybox-is-open .fancybox-bg {
opacity: .9;
transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
direction: ltr;
opacity: 0;
position: absolute;
transition: opacity .25s ease, visibility 0s ease .25s;
visibility: hidden;
z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
opacity: 1;
transition: opacity .25s ease 0s, visibility 0s ease 0s;
visibility: visible;
}

.fancybox-infobar {
color: #ccc;
font-size: 13px;
-webkit-font-smoothing: subpixel-antialiased;
height: 44px;
left: 0;
line-height: 44px;
min-width: 44px;
mix-blend-mode: difference;
padding: 0 10px;
pointer-events: none;
top: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.fancybox-toolbar {
right: 0;
top: 0;
}

.fancybox-stage {
direction: ltr;
overflow: visible;
transform: translateZ(0);
z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
overflow: hidden;
}

.fancybox-slide {
-webkit-backface-visibility: hidden;
/* Using without prefix would break IE11 */
display: none;
height: 100%;
left: 0;
outline: none;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: absolute;
text-align: center;
top: 0;
transition-property: transform, opacity;
white-space: normal;
width: 100%;
z-index: 99994;
}

.fancybox-slide::before {
content: '';
display: inline-block;
font-size: 0;
height: 100%;
vertical-align: middle;
width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
display: block;
}

.fancybox-slide--image {
overflow: hidden;
padding: 44px 0;
}

.fancybox-slide--image::before {
display: none;
}

.fancybox-slide--html {
padding: 6px;
}

.fancybox-content {
background: #fff;
display: inline-block;
margin: 0;
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: relative;
text-align: left;
vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
animation-timing-function: cubic-bezier(.5, 0, .14, 1);
-webkit-backface-visibility: hidden;
background: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
left: 0;
max-width: none;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
-ms-transform-origin: top left;
transform-origin: top left;
transition-property: transform, opacity;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
cursor: -webkit-grab;
cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
cursor: -webkit-grabbing;
cursor: grabbing;
}

.fancybox-container [data-selectable='true'] {
cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
background: transparent;
border: 0;
height: 100%;
left: 0;
margin: 0;
max-height: none;
max-width: none;
padding: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
}

.fancybox-spaceball {
z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
height: 100%;
overflow: visible;
padding: 0;
width: 100%;
}

.fancybox-slide--video .fancybox-content {
background: #000;
}

.fancybox-slide--map .fancybox-content {
background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
background: #fff;
}

.fancybox-video,
.fancybox-iframe {
background: transparent;
border: 0;
display: block;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
left: 0;
position: absolute;
top: 0;
}

.fancybox-error {
background: #fff;
cursor: default;
max-width: 400px;
padding: 40px;
width: 100%;
}

.fancybox-error p {
color: #444;
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 0;
}

/* Buttons */

.fancybox-button {
background: rgba(30, 30, 30, .6);
border: 0;
border-radius: 0;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
transition: color .2s;
vertical-align: top;
visibility: inherit;
width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
color: #ccc;
}

.fancybox-button:hover {
color: #fff;
}

.fancybox-button:focus {
outline: none;
}

.fancybox-button.fancybox-focus {
outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
color: #888;
cursor: default;
outline: none;
}

/* Fix IE11 */
.fancybox-button div {
height: 100%;
}

.fancybox-button svg {
display: block;
height: 100%;
overflow: visible;
position: relative;
width: 100%;
}

.fancybox-button svg path {
fill: currentColor;
stroke-width: 0;
color: #fff;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
display: none;
}

.fancybox-progress {
background: #ff5268;
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 0;
-ms-transform: scaleX(0);
transform: scaleX(0);
-ms-transform-origin: 0;
transform-origin: 0;
transition-property: transform;
transition-timing-function: linear;
z-index: 99998;
}

/* Close button on the top right corner of html content */

.fancybox-close-small {
background: transparent;
border: 0;
border-radius: 0;
color: #ccc;
cursor: pointer;
opacity: .8;
padding: 8px;
position: absolute;
right: -12px;
top: -44px;
z-index: 401;
}

.fancybox-close-small:hover {
color: #fff;
opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
color: currentColor;
padding: 10px;
right: 0;
top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
display: none;
}

/* Navigation arrows */

.fancybox-navigation .fancybox-button {
background-clip: content-box;
height: 100px;
opacity: 0;
position: absolute;
top: calc(50% - 50px);
width: 70px;
}

.fancybox-navigation .fancybox-button div {
padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
left: 0;
left: env(safe-area-inset-left);
padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
padding: 31px 6px 31px 26px;
right: 0;
right: env(safe-area-inset-right);
}

/* Caption */

.fancybox-caption {
background: linear-gradient(to top,
    rgba(0, 0, 0, .85) 0%,
    rgba(0, 0, 0, .3) 50%,
    rgba(0, 0, 0, .15) 65%,
    rgba(0, 0, 0, .075) 75.5%,
    rgba(0, 0, 0, .037) 82.85%,
    rgba(0, 0, 0, .019) 88%,
    rgba(0, 0, 0, 0) 100%);
bottom: 0;
color: #eee;
font-size: 14px;
font-weight: 400;
left: 0;
line-height: 1.5;
padding: 75px 44px 25px 44px;
pointer-events: none;
right: 0;
text-align: center;
z-index: 99996;
}

@supports (padding: max(0px)) {
.fancybox-caption {
    padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
}
}

.fancybox-caption--separate {
margin-top: -50px;
}

.fancybox-caption__body {
max-height: 50vh;
overflow: auto;
pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
color: #ccc;
text-decoration: none;
}

.fancybox-caption a:hover {
color: #fff;
text-decoration: underline;
}

/* Loading indicator */

.fancybox-loading {
animation: fancybox-rotate 1s linear infinite;
background: transparent;
border: 4px solid #888;
border-bottom-color: #fff;
border-radius: 50%;
height: 50px;
left: 50%;
margin: -25px 0 0 -25px;
opacity: .7;
padding: 0;
position: absolute;
top: 50%;
width: 50px;
z-index: 99999;
}

@keyframes fancybox-rotate {
100% {
    transform: rotate(360deg);
}
}

/* Transition effects */

.fancybox-animated {
transition-timing-function: cubic-bezier(0, 0, .25, 1);
}

/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
opacity: 0;
transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
opacity: 1;
transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
opacity: 0;
transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
opacity: 1;
}

/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity: 0;
transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity: 0;
transform: scale3d(.5, .5, .5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity: 1;
transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous {
opacity: 0;
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
opacity: 0;
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
opacity: 1;
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}

/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
opacity: 1;
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous {
transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
.fancybox-slide {
    padding-left: 6px;
    padding-right: 6px;
}

.fancybox-slide--image {
    padding: 6px 0;
}

.fancybox-close-small {
    right: -6px;
}

.fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px;
}

.fancybox-caption {
    padding-left: 12px;
    padding-right: 12px;
}

@supports (padding: max(0px)) {
    .fancybox-caption {
        padding-left: max(12px, env(safe-area-inset-left));
        padding-right: max(12px, env(safe-area-inset-right));
    }
}
}
/* Share */

.fancybox-share {
background: #f4f4f4;
border-radius: 10px;
max-width: 90%;
padding: 30px;
text-align: center;
}

.fancybox-share h1 {
color: #222;
font-size: 35px;
font-weight: 700;
margin: 0 0 20px 0;
}

.fancybox-share p {
margin: 0;
padding: 0;
}

.fancybox-share__button {
border: 0;
border-radius: 10px;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 40px;
margin: 0 5px 10px 5px;
min-width: 130px;
padding: 0 15px;
text-decoration: none;
transition: all .2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
color: #fff;
}

.fancybox-share__button:hover {
text-decoration: none;
}

.fancybox-share__button--fb {
background: #3b5998;
}

.fancybox-share__button--fb:hover {
background: #344e86;
}

.fancybox-share__button--pt {
background: #bd081d;
}

.fancybox-share__button--pt:hover {
background: #aa0719;
}

.fancybox-share__button--tw {
background: #1da1f2;
}

.fancybox-share__button--tw:hover {
background: #0d95e8;
}

.fancybox-share__button svg {
height: 25px;
margin-right: 7px;
position: relative;
top: -1px;
vertical-align: middle;
width: 25px;
}

.fancybox-share__button svg path {
fill: #fff;
}

.fancybox-share__input {
background: transparent;
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
color: #5d5b5b;
font-size: 14px;
margin: 10px 0 0 0;
outline: none;
padding: 10px 15px;
width: 100%;
}
/* Thumbs */

.fancybox-thumbs {
background: #ddd;
bottom: 0;
display: none;
margin: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 2px 2px 4px 2px;
position: absolute;
right: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 0;
width: 212px;
z-index: 99995;
}

.fancybox-thumbs-x {
overflow-x: auto;
overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
display: block;
}

.fancybox-show-thumbs .fancybox-inner {
right: 212px;
}

.fancybox-thumbs__list {
font-size: 0;
height: 100%;
list-style: none;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
position: absolute;
position: relative;
white-space: nowrap;
width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px;
}

.fancybox-thumbs__list a {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(0, 0, 0, .1);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
float: left;
height: 75px;
margin: 2px;
max-height: calc(100% - 8px);
max-width: calc(50% - 4px);
outline: none;
overflow: hidden;
padding: 0;
position: relative;
-webkit-tap-highlight-color: transparent;
width: 100px;
}

.fancybox-thumbs__list a::before {
border: 6px solid #ff5268;
bottom: 0;
content: '';
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: all .2s cubic-bezier(.25, .46, .45, .94);
z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
opacity: .5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
.fancybox-thumbs {
    width: 110px;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 110px;
}

.fancybox-thumbs__list a {
    max-width: calc(100% - 10px);
}
}


.NoHeaderSection .mobile-menu-bar,
.NoHeaderSection .MobileHeaderContainer{
display:none;
}
.PortalOffline .pCMS_Body {
padding:0 20px 20px;
margin: -25px auto;
}
.PortalOffline .pCMS_ContentItem {
margin:0;
}





/*===

BTL INTERMEDIARY PAGE

===*/
.fadeSliderContainer {
max-width: 1200px;
position: relative;
margin: 0 auto;
min-height:350px;
}
.fadeSlider {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
    flex-direction: row;
width:100%;
max-width:1200px;
margin:0 auto;
min-height:350px;
-webkit-box-align:center;
-ms-flex-align:center;
    align-items:center;
}
.fadeSlider .fadeImage {
-webkit-box-flex: 0;
-ms-flex: 0 0 40%;
    flex: 0 0 40%;
display:inline-block;
}
.fadeSlider .fadeText {
-webkit-box-flex: 0;
-ms-flex: 0 0 60%;
    flex: 0 0 60%;
display:inline-block;
}
.fadeText {
-webkit-box-sizing: border-box;
    box-sizing: border-box;
background-color:#ffffff;
padding:40px;
text-align:left;
}
.fadeText h1 {
font-size:35px;
margin:0 0 20px;
line-height:100%;
}
.fadeText p {
font-size:16px;
}
.fadeText ul.TickList {
display:block;
margin:0;
}
.fadeText ul.TickList li {
display:block;
padding:0 0 8px 20px;
}
.fadeText ul.TickList li::before {
font-size:18px;
}
.fadeImage img {
width: 100%;
height:100%;
}
/*
PAGINATION ARROWS
*/
a.prev,
a.next {
position: absolute;
top: 49%;
color: #FFFFFF;
cursor:pointer;
}
a.prev:hover,
a.next:hover {
color: #89CB31;
}
a.prev {
left: 10px;
}
a.next {
right: 10px;
}
/*
PAGINATION DOTS
*/
.fade-pagination {
position:absolute;
bottom:10px;
left:0;
right:0;
display:block;
}
.dot {
height: 10px;
width: 10px;
margin: 0 2px;
background-color: #2d2926;
border-radius: 50%;
display: inline-block;
-webkit-transition: background-color 0.6s ease;
-o-transition: background-color 0.6s ease;
transition: background-color 0.6s ease;
}
.dot.active {
background-color: #89CB31;
}
/*
FADE ANIMATION
*/
.fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 2s;
animation-name: fade;
animation-duration: 2s;
}
@-webkit-keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
@keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
/*
SMALLER SCREENS
*/
.phone.portrait .fadeSlider {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
    flex-direction: column;
min-height:400px;
}
.phone.landscape .fadeSlider {
min-height:300px;
}
.phone.landscape .fadeSlider .fadeText,
.phone.portrait .fadeSlider .fadeText {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
    flex: 0 0 100%;
display:block;
text-align:center;
}
.phone.portrait .fadeSlider .fadeText {
min-height:400px;
}
.phone.landscape .fadeSlider .fadeText {
min-height:300px;
}
.phone.landscape .fadeImage,
.phone.portrait .fadeImage {
display:none;
}
.phone.portrait .fade-pagination {
display:none;
}
.phone.portrait .fadeText h2 {
margin:0 0 20px;
}
.phone.landscape .fadeText ul.TickList,
.phone.portrait .fadeText ul.TickList {
margin:15px auto;
width:100%;
text-align:center;
}
/*
.phone.landscape .fadeText ul.TickList li::before,
.phone.portrait .fadeText ul.TickList li::before {
content:none;
}
*/




/*
BTL PAGE CLASS STYLES
*/
.INTER-BTL .pCMS_Body {
padding: 0 20px 20px;
}
.INTER-BTL .pCMS_ContentItem,
.INTER-BTL .pCMS_ContentItem:first-of-type {
margin:0;
}
.INTER-BTL .flexWrapper {
padding:0;
}
p.yellow-info-banner {
background-color: #FFDD00;
text-align: center;
padding: 10px;
margin: 0;
font-weight:600;
}

p.yellow-info-banner a {
color: inherit;
font-weight:800;
}
.flexItem .covid-banner-wrapper {
margin: 0;
}
/*
SMALLER SCREENS
*/
.phone.portrait p.yellow-info-banner {
font-size:12px
}
.phone.portrait .INTER-BTL .pCMS_Body {
padding: 0;
}
.phone.portrait .INTER-BTL .flexWrapper {
padding:0;
}
p.blue-info-banner {
    background-color:#00A8FF;
    color:#fff;
}


/*
SLIDE DOWN CARDS
*/
.slider_box:before {
content: "";
position: absolute;
top: -2px;
right: -2px;
border-width: 0 30px 30px 0;
border-style: solid;
border-color: #EEEEEE #EEEEEE #FFFFFF #FFFFFF;
background: #EEEEEE;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
box-shadow: 0 1px 2px rgb(0 0 0 / 5%), -2px 2px 2px rgb(0 0 0 / 5%);
/* Firefox 3.0 damage limitation */
display: block;
width: 0;
}
.slider_box {
position: relative;
width: 100%;
background-color: #FFFFFF;
cursor:pointer;
height:100%;
padding:20px;
border:4px solid #EEEEEE;
}
.slider_box img {
width: 80%;
height: auto;
margin: 10px auto 40px;
}
.slider_box h2 {
font-size:26px;
padding:0 15px;
margin:0 0 20px;
}
.slider_content h2{
font-size:24px;
padding:0 10px;
margin: 30px 0 10px;
}
.slider_box h2 span,
.slider_content h2 span{
font-size:20px;
font-weight:400;
display:block;
}
.slider_content p {
font-size:15px;
padding:20px 20px 10px;
margin:0;
}
.slider_content a {
font-size:16px;
padding:20px;
color:#2d2926;
border:2px solid #89cb31;
border-radius:8px;
display:block;
width:auto;
max-width:200px;
margin: 20px auto 0;
text-decoration:none;
background-color: #FFFFFF;
}
.slider_content p a {
font-size:inherit;
padding:0;
color:#2d2926;
border:none;
display:inherit;
margin:0;
max-width:inherit;
text-decoration:underline;
background-color:transparent;
text-align:inherit;
}
.slider_content {
position: absolute;
top:0;
right:0;
left:0;
bottom:0;
background-color: #EEEEEE;
overflow-x: hidden;
overflow-y: hidden;
width: 102%;
height:0;
transition: .5s ease;
color: #2D2926;
left: 50%;
-webkit-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
text-align: center;
transition-duration: 0.8s;
}
.slider_content.vertical_scroll {
overflow-y: scroll;
}
.slider_box:hover .slider_content {
height: 101%;
}
.flexWrapper.tile-center .flexItem .slider_box {
text-align:center;
}
.phone.portrait .slider_content a {
padding:15px;
margin: 0 auto;
}

/*
WHOLE DIV CLICKABLE LINK
*/
a.divLink {
position:absolute;
height: 100%;
top:0;
left:0;
cursor:pointer;
width: 100%;
border:none;
background-color: #FFFFFF;
opacity: 0;
}
a.divLink:hover {
opacity:0.5;
}
/***

Blue card image overlay

***/
.flexItem.blue-card .tileImage{
position: relative;
margin: 0;
padding: 0;
}
.blue-card-text {
position: absolute;
max-width: 300px;
padding: 25px;
bottom: 0;
right: 0;
background: #0070B3;
}
.blue-card-text h2,
.blue-card-text p,
.blue-card-text a:link,
.blue-card-text a:visited,
.blue-card-text ul li.Phone::before,
.blue-card-text ul li.Email::before,
.blue-card-text ul li.Post::before,
.blue-card-text ul li.Fax::before,
.blue-card-text ul li.Website::before,
.blue-card-text ul li.Documents::before,
.blue-card-text ul li.Address::before,
.blue-card-text ul li.Mobile::before{
color: #fff;
}
.masonry-container .masonry-tile a, .masonry-container .masonry-tile a:link{
display:inline;
}
.masonry-container .masonry-tile a.Button {
display: inline-block;
}
.masonry-container .masonry-tile h3 {
color: #fff;
}
.flexItem.feefo-tile-img {
position: relative;
}

.feefo-logo {
position: absolute;
bottom: 0;
right: 0;
}

/****
Sunflower Landing
***/
body.sunflower {
margin: 0;
padding: 0;
}
.sunflower-rm-finder {
margin-top: -20px;
}
.sunflower-page .pCMS_BodyContainer {
padding: 0;
margin: 0;
}
.sunflower-page .pCMS_Body {
 margin: 0;
padding:0;
max-width:none;
}
.sunflower-page .pCMS_MainContent {
display: block;
max-width: none;
margin: 0 auto;
}
.hero {
height: 100vh;
overflow: hidden;
position: relative;
margin: -75px 0 0 0;
}
.hero--layer {
background-position: bottom center;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
height: 100vh;
position: fixed;
}
.hero--layer.hero__1 {
background-image: url(https://www.paragonbank.co.uk/pCMS_BO/Resources/ParagonBank/Images/parallax-1);
}
.hero--layer.hero__2 {
background-image: url(https://www.paragonbank.co.uk/pCMS_BO/Resources/ParagonBank/Images/parallax-2);
}
.hero--layer.hero__3 {
background-image: url(https://www.paragonbank.co.uk/pCMS_BO/Resources/ParagonBank/Images/parallax-3);
}
.hero--layer.hero__4 {
background-image: url(https://www.paragonbank.co.uk/pCMS_BO/Resources/ParagonBank/Images/parallax-4);
}
.hero--layer.hero__5 {
background-image: url(https://www.paragonbank.co.uk/pCMS_BO/Resources/ParagonBank/Images/parallax-5);
}
.hero--layer.hero__6 {
background-image: url(https://www.paragonbank.co.uk/pCMS_BO/Resources/ParagonBank/Images/parallax-6);
}

.sunflower.container {
width: 100%;
background-color: white;
padding: 30px;
z-index: 9;
display: block;
position: relative;
}
.sunflower-login-register {
background: #fff;
padding: 60px 0;
margin-top: -60px;
}
.container--item {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.phone .hero--layer{
height:270px;
}
.phone .hero{
height:270px;
}


/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/*=====

FILTER BUTTONS

=====*/
.filters {
width:100%;
display:block;
}
.button-group {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin:0 0 40px;
gap:5px;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
    flex-direction:row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
    align-items:stretch;
-webkit-box-pack:center;
-ms-flex-pack:center;
    justify-content:center;
}
.button-group .button {
color:#2D2926;
cursor:pointer;
-webkit-box-flex:1;
-ms-flex:1;
    flex:1;
font-weight:800;
padding:20px 10px;
text-align:center;
border:2px solid #EEEEEE;
background-color:#FFFFFF;
border-radius:8px;
max-width:100%;
font-size:18px;
margin:0;
}
.button-group .button:hover {
background-color:#FFFFFF;
border:2px solid #89cb31;
}
.button.active {
border:2px solid #89cb31;
}
.phone.portrait .button-group .button ,
.phone.landscape .button-group .button {
min-width:auto;
font-size:16px;
margin:0;
}
.phone.portrait .button-group .button {
-webkit-box-flex:0 0 50%;
-ms-flex:0 0 50%;
    flex:0 0 50%;
max-width:49%;
}
.phone.landscape .button-group .button,
.tablet.portrait .button-group .button {
-webkit-box-flex:0 0 33%;
-ms-flex:0 0 33%;
    flex:0 0 33%;
max-width:32%;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
// IE10+ CSS here
.button-group .button{margin:0 5px;}
.button-group .button:first-of-type {margin:0 5px 0 0;}
.button-group .button:last-of-type {margin:0 0 0 5px;}
}


/*====

TOOL TIPS HOVER

====*/
.tooltip {
position: relative;
}
.tooltip::after,
.tooltip::before {
background-color: #0070B3;
display: none;
position: absolute;
z-index: 999;
top: 0;
left: 50%;
}
.tooltip::after {
border-radius: 5px;
color: #ffffff;
padding: 7%;
text-align: center;
transform: translate(-50%, calc(-100% - 10px));
font-size:13px;
line-height:120%;
width:90%;
letter-spacing:0.25px;
}
.tooltip::before {
content: ' ';
width: 15px;
height: 15px;
transform: translate(-50%, calc(-100% - 5px)) rotate(45deg);
}
.tooltip:hover::after,
.tooltip:hover::before {
display: block;
}
.phone .tooltip:hover::after,
.phone .tooltip:hover::before,
.tablet .tooltip:hover::after,
.tablet .tooltip:hover::before {
display: none;
}
/*===

SAVINGS PRODUCT TOOL TIPS

===*/
.tooltip.fixed::after {
content: 'Your interest rate will not change';
}
.tooltip.access::after {
content: 'Choose how to get to your savings​';
}
.tooltip.isa::after {
content: 'Tax-free interest on your savings';
}
.tooltip.lisa::after {
content: 'Long term for first home or retirement';
}
.tooltip.postal::after {
content: 'Can be opened and managed by post';
}
.tooltip.saving-button::after {
content: '-';
}
.tooltip.isa-button::after {
content: '-';
}
/*=====


SLIM BANNER


=====*/
.slim-banner-image {
padding:15px;
text-align:center;
flex:.5;
}
.slim-banner-image img {
max-width:100px;
}
.slim-banner {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
    flex-direction:row;
-ms-flex-line-pack:stretch;
align-content:stretch;
-webkit-box-align: center;
-ms-flex-align: center;
    align-items: center;
z-index:1;
position:relative;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
    justify-content:space-between;
padding:0;
max-width:1200px;
margin:0 0 40px;
background-color:#ffffff;
}
.slim-banner-copy {
-webkit-box-flex:3;
-ms-flex:3;
flex:3;
padding:5px 20px;
}
.slim-banner-copy h2 {
font-size:20px;
margin:0 0 8px;
}
.slim-banner-copy p {
font-weight: 600;
margin: 0;
line-height:130%;
}
.slim-banner-button {
-webkit-box-flex:1;
-ms-flex:1;
    flex:1;
vertical-align: middle;
padding:0 20px;
text-align:right;
}
.slim-banner-button a {
font-size:16px;
font-weight:600;
text-align:center;
word-break:inherit;
padding:18px;
text-decoration: none;
margin:10px 0;
border-radius:8px;
background-color: #ffffff;
color:#2d2926;
border:2px solid #71b319;
width:100%;
}
.slim-banner-blue {
background-color:#0070B3;
}
.slim-banner-yellow {
background-color:#ffdd00;
}
.slim-banner-grey {
background-color:#eeeeee;
}
.slim-banner-grey h3{
color: #2D2926;
}
.slim-banner-green {
background-color:#73B51B;
}
.slim-banner-black {
background-color:#2d2926;
}
.slim-banner.slim-banner-green-border {
    border: 5px solid #89CB31;
}
.slim-banner-blue h2,
.slim-banner-blue h3,
.slim-banner-blue p,
.slim-banner-green h2,
.slim-banner-green h3,
.slim-banner-green p,
.slim-banner-black h2,
.slim-banner-black h3,
.slim-banner-black p{
color:#ffffff;
}
.slim-banner-blue.ukraine h2,
.slim-banner-blue.ukraine p {
color:#fdd600;
}
.slim-banner-blue .slim-banner-button a,
.slim-banner-yellow .slim-banner-button a,
.slim-banner-green .slim-banner-button a,
.slim-banner-black .slim-banner-button a {
border:2px solid transparent;
}
.phone.portrait .slim-banner {
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
    flex-direction:column;
padding:15px;
}
.phone.portrait .slim-banner-copy {
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
padding: 20px 0;
text-align: center;
}
.phone.portrait .slim-banner-button {
-webkit-box-flex:1;
-ms-flex:1;
    flex:1;
padding:0;
}
.phone.landscape .slim-banner-button a {
padding:20px 15px;
}
/* SLIM BANNER WITH PADDING - USED FOR DOCUMENT SIGNPOSTING ETC*/
.slim-banner.mid-banner{padding: 30px;}
.slim-banner.mid-banner .slim-banner-copy h2, .slim-banner.mid-banner .slim-banner-copy h3{margin-top: 0px;}
.slim-banner.mid-banner .slim-banner-image{flex: 1}
.slim-banner.mid-banner .slim-banner-button{text-align: center}

/* SUPER SLIM BANNER - IMG/TEXT/BTN */
.super-slim-banner img {
    max-width: 60px;
}

.slim-banner-ghost-button a.Button.Ghost {
    margin: 0;
}

.slim-banner.super-slim-banner {
    margin-bottom: 0;
}
.Column .slim-banner-button.slim-banner-ghost-button {
    flex: 1.5;
}
@media only screen and (max-width: 1200px){
    .slim-banner-button.slim-banner-ghost-button { flex: 1.5}
}
/*
VERY SLIM BANNER AS A P TAG
*/
p.info-banner {
text-align: center;
padding: 10px;
margin: 0;
font-weight:600;
line-height:100%;
}
p.info-banner a {
color: inherit;
font-weight:800;
}
p.info-banner.yellow {
background-color: #FFDD00;
}
p.info-banner.blue {
background-color: #0070b3;
color:#FFFFFF;
}
p.info-banner.black {
background-color: #2d2926;
color:#FFFFFF;
}
p.info-banner.green {
background-color: #89cb31;
}
p.info-banner.grey {
background-color: #EEEEEE;
}

/*====

MATURITY BANNER

====*/

.rate-banner .flexItem.tile.tile-featured.saving-product {
flex-direction: row;
}
.rate-banner .slim-banner-copy h2{
font-size: 26px;
margin: 5px;
padding: 20px 0 0;
}
.rate-banner .tileContent{margin:0;}

@media only screen and (max-width:480px) {
.rate-banner .flexItem.tile.tile-featured.saving-product {
flex-direction: column;
}
}

/*=====

SAVING-PRODUCT-CARD

=====*/
.flexItem.tile.saving-product .tileTitle {
min-height:110px;
padding:0 15px;
vertical-align:top;
}
.flexItem.tile.saving-product .tileContent {
margin:0 auto;
}
.flexItem.tile.saving-product.upTo .tileContent {
margin:-15px 0 auto
}
.flexItem.saving-product.limited-edition .tileTitle::before {
content:'Limited Edition';
display:block;
font-size:12px;
color: #FFFFFF;
background-color: #0070b3;
padding:4px;
letter-spacing:0.8px;
position:absolute;
top:-5px;
left:-5px;
right:-5px;
}
.flexItem.saving-product .tileContent h2 {
padding:30px 0 0;
}
.flexItem.saving-product .tileContent h3 {
font-weight:800;
font-size:55px;
margin:0 0 25px;
padding:0;
}
.flexItem.saving-product .tileContent p {
margin:0 0 20px;
font-weight:600;
line-height: 20px;
}
.flexItem.saving-product .tileContent h3::before,
.flexItem.saving-product .tileContent h3::after {
font-size:30%;
display:block;
font-weight:400;
line-height: 100%;
}
.flexItem.saving-product .tileContent h3::after {
content:'AER*';
}
.flexItem.saving-product.upTo .tileContent h3::before {
content:'Up to';
}
.flexItem.saving-product .tileContent h3::after {
content:'AER*';
}
.flexItem.saving-product.aer-variable .tileContent h3::after {
content:'AER* (variable)';
}
.phone.portrait .flexItem.tile.saving-product .tileTitle {
min-height:90px;
}
.flexItem.tile.saving-product .tileTitle h2 {
    line-height: 28px;
}

/*=====

CLICKABLE CARD LINK

=====*/
.card-link {
cursor:pointer;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.card-link:hover {
-webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
        transform: scale(1.01);
background-color:#FFFFFF;
cursor:pointer;
-webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.1), 0 2px 8px rgba(0,0,0,0.2);
        box-shadow: 0 2px 8px rgba(0,0,0,0.1), 0 2px 8px rgba(0,0,0,0.2)
}
.tile.card-link:hover {
border:5px solid #FFFFFF;
}
.tile-promotional.card-link:hover {
background-color:#2D2926;
border:5px solid #2D2926;
}
.tile-featured.card-link:hover {
background-color:#EEEEEE;
border:5px solid #EEEEEE;
}
.card-link:hover a.Button,
.card-link:hover a.Button.Secondary,
.card-link:hover a.Button.Ghost {
background-color:#E8E8E8;
border:2px solid #C1C1C1;
color:#2D2926;
}





/*=====

VIDEO BACKGROUND AND HEADLINE OVERLAY

=====*/
.bg-video-wrap {
position: relative;
overflow: hidden;
width: 100%;
}
.bg-video-wrap video {
width: 100%;
z-index: 1;
object-fit:cover;
height:450px;
}
.bg-video-wrap .overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
background: rgba(0, 0, 0, 0.3);
}
.bg-video-wrap h1, .bg-video-wrap h2 {
text-align: center;
color: #FFFFFF;
position: absolute;
top: 40%;
margin:0 auto;
z-index: 1;
font-family: 'Amatic SC', cursive;
font-size:80px;
left:0;
right:0;
}

.phone video {
height:200px;
}
.phone .bg-video-wrap h1, .phone .bg-video-wrap h2 {
left:5%;
right:5%;
font-size:50px;
}
.phone.portrait .bg-video-wrap h1, .phone.portrait .bg-video-wrap h2{
top:20%;
}
.phone.landscape .bg-video-wrap h1, .phone.landscape .bg-video-wrap h2 {
top:35%;
}
.tablet .bg-video-wrap h1, .tablet .bg-video-wrap h2 {
top:35%;
left:5%;
right:5%;
font-size:50px;
}
/*
PORTFOLIO - NONPORTFOLIO CARDS
*/
.tile.portfolio-non-portfolio, .tile.portfolio {
    position: relative;
}
.tile.portfolio-non-portfolio::before,
.tile.portfolio::before {
background-color:#0070B3;
line-height:100%;
padding:5px;
font-size:14px;
font-weight:600;
color:#FFFFFF;
margin:-5px;
position: absolute;
left: 0;
right: 0;
}
.tile.portfolio-non-portfolio::before {
content:'Portfolio & Non-portfolio';
}
.tile.portfolio::before {
content:'Portfolio only';
}

/*
BOTH - PRODUCTS UNAVAILABLE CARDS
*/
.tile.no-products::before, .tile.no-products::before {
    background-color: #FFDD00;
    line-height: 100%;
    padding: 5px;
    font-size: 14px;
    font-weight: 600;
    color: #2D2926;
    margin: -5px;
    content: 'No products currently available';
}



/*===


PRINT CSS: START (KEEP AT BOTTOM OF STYLE SHEET)


===*/
@page {
size: A4;
margin: 0;
}
@media print {
html,
body {
width: 210mm;
height: 297mm;
font-family: Arial, Helvetica, sans-serif !important;
}
.tile {
border:none !important;
}
.FooterContainer,
.MediumRightColumns > .Column.ColLast .Card,
.MediumRightColumns > .Column.ColLast .tile {
display:none !important;
}
.MediumRightColumns > .Column.ColFirst,
.desktop .MediumRightColumns > .Column.ColFirst,
.tablet.landscape .MediumRightColumns > .Column.ColFirst {
width:100%;
}
/*===

BACKGROUND COLOURS

===*/
.Title_Section,
.Title_Section .Parent::before,
.Title_Section .Parent .Child1,
.full-width-container-apply,
.full-width-container-apply .pCMS_ContentItem::before,
.full-width-container .pCMS_ContentItem::before,
.full-width-container .pCMS_ContentItem::before,
.full-width-container-dark .pCMS_ContentItem::before,
.full-width-container-blue .pCMS_ContentItem::before,
.full-width-container-yellow .pCMS_ContentItem::before,
.full-width-container-green .pCMS_ContentItem::before,
.fscs-banner > div,
table.savings-account-product-table th,
table.responsive th,
.saving-product-hero.Title_Section,
table.savings-account-summary-table td:nth-of-type(odd) {
background:#FFFFFF !important;
background-color:#FFFFFF !important;
}
/*===

DISPLAY NONE

===*/
.HeaderContainer,
.PrimaryHeader,
.SecondaryHeader,
.BreadcrumbContainer,
.tileImage img,
.media .media_image,
.media .media_item,
a.pCMS_Button,
a.Button,
a.button,
.desktop a.Button,
a.pCMS_Button.Secondary,
a.Button.Secondary,
a.button.Secondary,
.desktop a.Button.Secondary,
a.pCMS_Button.Ghost,
a.Button.Ghost,
a.button.Ghost,
.desktop a.Button.Ghost,
.CardBtnLink,
.Title_Section .Parent .Child2 img,
.slick-slide img,
.fscs-hero,
a img, a img:link, a img:visited,
.fadeSlider .fadeImage,
.MediumRightColumns > .Column.ColLast,
.two-column-container img,
.featured_case_study div > img,
a.Link,
a.Link.Small,
li::before {
display:none !important;
}
/*===

FONT COLOR

===*/
.full-width-container-dark .pCMS_ContentItem h1,
.full-width-container-dark .pCMS_ContentItem h2,
.full-width-container-dark .pCMS_ContentItem p,
.full-width-container-blue .pCMS_ContentItem h1,
.full-width-container-blue .pCMS_ContentItem h2,
.full-width-container-blue .pCMS_ContentItem p,
.full-width-container-green .pCMS_ContentItem h2,
.full-width-container-green .pCMS_ContentItem p,
.fscs-banner > div div:nth-of-type(2),
.fscs-banner > div div:nth-of-type(3) a,
table.savings-account-product-table th,
table.responsive th,
.Title_Section .Parent .Child1 h1,
.Title_Section .Parent .Child1 h1 span,
.Title_Section .Parent .Child1 h1 span span,
.Title_Section .Parent .Child1 h2,
.Title_Section .Parent .Child1 h2 span,
.Title_Section .Parent .Child1 h2 span span,
.Title_Section .Parent .Child1 h3,
.Title_Section .Parent .Child1 h3 span,
.Title_Section .Parent .Child1 h3 span span,
.Title_Section .Parent p,
.Title_Section .Parent p span,
.Title_Section .Parent .Child1 ul li,
.Title_Section .Parent .Child2 ul li,
.covid-banner-button a,
.covid-banner-copy h3,
.featured_case_study div h2,
.featured_case_study div p,
.ProductCard .Card_Title > h2 {
color:#000000 !important;
}
/*===

FONT SIZE

===*/
h1{font-size:20px !important;}
h2{font-size:18px !important;}
h3{font-size:16px !important;}
h4{font-size:14px !important;}
h5{font-size:12px !important;}
p{font-size:10px !important;}
.Title_Section .Parent p span {font-size:20px !important;}
}

/*=======
REASSURANCE PAGES CSS
=======*/
.flexItem.overlay-container {
position: relative;
}

.overlay {
position: absolute;
bottom: 0;
right: 0;
}

.our-awards-three-col {
width: 30%;
display: inline-block;
margin: 10px;
}

.our-awards-three-col img {
max-width: 150px;
}

.accordion {
max-width: 1000px;
margin: 0 auto;
padding-top: 10px;
}
.accordion h3 {
font-weight: 700;
font-size: 24px;
line-height: 1.42;
margin-bottom: 24px;
}
.accordion__item {
margin-bottom: 20px;
border: 2px solid #dddddd;
}
.accordion__item:last-child {
margin-bottom: 0;
}
.accordion__item > div {
padding: 20px;
display: none;
background: #fff;
border-top: 2px solid #dddddd;
}
.accordion__item h4 {
font-weight: 700;
font-size: 20px;
line-height: 25px;
letter-spacing: 0.01em;
display: flex;
background:#fff;
margin: 0;
align-items: center;
justify-content: space-between;
cursor: pointer;
padding: 30px 30px 30px 30px;
transition: 0.3s ease-in-out;
}
.accordion__item h4 i {
color: rgba(0, 0, 0, 0.4);
transition: 0.3s ease-in-out;
}

.accordion__item h4.active i {
transform: rotateZ(180deg);
}
.accordion__item h4:after {
content: '\f078';
font-family: FontAwesome;
color: inherit;
margin: 0 4px 0 0;
color: #89cb31;
font-size: 16px;
}

/*****

Horizontal timeline

*****/
.cd-horizontal-timeline {
opacity: 0;
margin: 2em auto;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.cd-horizontal-timeline::before {
/* never visible - this is used in jQuery to check the current MQ */
content: 'mobile';
display: none;
}
.cd-horizontal-timeline.loaded {
/* show the timeline after events position has been set (using JavaScript) */
opacity: 1;
padding-top: 50px;
}
.cd-horizontal-timeline .timeline {
position: relative;
height: 100px;
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.cd-horizontal-timeline .events-wrapper {
position: relative;
height: 100%;
margin: 0 40px;
overflow: hidden;
}
.cd-horizontal-timeline .events-wrapper::after,
.cd-horizontal-timeline .events-wrapper::before {
/* these are used to create a shadow effect at the sides of the timeline */
/* content: ''; */
position: absolute;
z-index: 2;
top: 0;
height: 100%;
width: 20px;
}
.cd-horizontal-timeline .events {
/* this is the grey line/timeline */
position: absolute;
z-index: 1;
left: 0;
top: 49px;
height: 2px;
/* width will be set using JavaScript */
background: #dfdfdf;
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: transform 0.4s;
}
.cd-horizontal-timeline .filling-line {
/* this is used to create the green line filling the timeline */
position: absolute;
z-index: 1;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: #0099ff;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.cd-horizontal-timeline .events a {
position: absolute;
bottom: 0;
z-index: 2;
text-align: center;
font-size: 1.3rem;
padding-bottom: 15px;
color: #383838;
/* fix bug on Safari - text flickering while timeline translates */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
.cd-horizontal-timeline .events a::after {
/* this is used to create the event spot */
content: '';
position: absolute;
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
bottom: -5px;
height: 12px;
width: 12px;
border-radius: 50%;
border: 2px solid #dfdfdf;
background-color: #f8f8f8;
-webkit-transition: background-color 0.3s, border-color 0.3s;
-moz-transition: background-color 0.3s, border-color 0.3s;
transition: background-color 0.3s, border-color 0.3s;
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
background-color:#0099ff;
border-color: #0099ff;
}
.cd-horizontal-timeline .events a.selected {
pointer-events: none;
}
.cd-horizontal-timeline .events a.selected::after {
border-color: #0099ff;
background-color:#0099ff;

position: absolute;
top: 28px;
font-weight: bold;
text-align: center;
}
.cd-horizontal-timeline .events a.older-event::after {
border-color: #0099ff;
position: absolute;
top: 28px;
font-weight: bold;
text-align: center;
}
@media only screen and (min-width: 1100px) {
.cd-horizontal-timeline {
margin: 6em auto;
}
.cd-horizontal-timeline::before {
/* never visible - this is used in jQuery to check the current MQ */
content: 'desktop';
}
}
.cd-timeline-navigation a {
/* these are the left/right arrows to navigate the timeline */
position: absolute;
z-index: 1;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
height: 34px;
width: 34px;
border-radius: 50%;
border: 2px solid #dfdfdf;
/* replace text with an icon */
overflow: hidden;
color: transparent;
text-indent: 100%;
white-space: nowrap;
-webkit-transition: border-color 0.3s;
-moz-transition: border-color 0.3s;
transition: border-color 0.3s;
}
.cd-timeline-navigation a::after {
/* arrow icon */
content: '';
position: absolute;
height: 16px;
width: 16px;
left: 5%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
font-family: FontAwesome;
content: '\f054';
color: #cfcfcf;
}
.cd-timeline-navigation a.prev {
left: 0;
-webkit-transform: translateY(-50%) rotate(180deg);
-moz-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
-o-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
.cd-timeline-navigation a.next {
right: 0;
}
.no-touch .cd-timeline-navigation a:hover {
border-color: #0099ff;
}
.cd-timeline-navigation a.inactive {
cursor: not-allowed;
}
.cd-timeline-navigation a.inactive::after {
background-position: 0 -16px;
}
.no-touch .cd-timeline-navigation a.inactive:hover {
border-color: #dfdfdf;
}.cd-horizontal-timeline .events-content {
position: relative;
width: 100%;
margin: 2em 0;
overflow: hidden;
-webkit-transition: height 0.4s;
-moz-transition: height 0.4s;
transition: height 0.4s;
}
.cd-horizontal-timeline .events-content li {
position: absolute;
z-index: 1;
width: 100%;
left: 0;
top: 0;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
padding: 0 5%;
opacity: 0;
-webkit-animation-duration: 0.4s;
-moz-animation-duration: 0.4s;
animation-duration: 0.4s;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
.cd-horizontal-timeline .events-content li.selected {
/* visible event content */
position: relative;
z-index: 2;
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cd-horizontal-timeline .events-content li.enter-right,
.cd-horizontal-timeline .events-content li.leave-right {
-webkit-animation-name: cd-enter-right;
-moz-animation-name: cd-enter-right;
animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content li.enter-left,
.cd-horizontal-timeline .events-content li.leave-left {
-webkit-animation-name: cd-enter-left;
-moz-animation-name: cd-enter-left;
animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-right,
.cd-horizontal-timeline .events-content li.leave-left {
-webkit-animation-direction: reverse;
-moz-animation-direction: reverse;
animation-direction: reverse;
}
@-webkit-keyframes cd-enter-right {
0% {
opacity: 0;
-webkit-transform: translateX(100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
}
}

@-moz-keyframes cd-enter-right {
0% {
opacity: 0;
-moz-transform: translateX(100%);
}
100% {
opacity: 1;
-moz-transform: translateX(0%);
}
}
@keyframes cd-enter-right {
0% {
opacity: 0;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
}
@-webkit-keyframes cd-enter-left {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
}
}
@-moz-keyframes cd-enter-left {
0% {
opacity: 0;
-moz-transform: translateX(-100%);
}
100% {
opacity: 1;
-moz-transform: translateX(0%);
}
}
@keyframes cd-enter-left {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
}
ul.cd-timeline-navigation li {
position: initial;
}
.events-wrapper li {
position: static;
}
.events-content ol > li::before {
display: none;
}
.events-content .selected::after {
display: none;
}
.timelineContainer {
display: flex;
flex-wrap: wrap;
}
.timelineContainer p span {
font-weight: 800;
}
.events-content{
display:flex;
justify-content:center;
height: 100%!important;
flex-direction: column;
flex-wrap: wrap;
}
.timelineContent p :before {
font-family: FontAwesome;
content: '\f091';
color: #FFD700;
padding: 0 10px 0 0px;
}
.events-content ol > li {
padding: 0 !important;
}
.phone .timelineContainer {
flex-direction: column-reverse;
text-align: center;
}
.phone li.selected {
margin: 0;
}
.timelineContent {
flex: 0 0 25%;
padding: 20px;
}
.timelineCenter {
justify-content: center;
}
.timeline-content .flexItem .tileImage .tile-img {
max-height: inherit;
}
.timeline-content .BulletList {
padding:0;
}
.timeline-content .BulletList li {
opacity: 1 !important;
position: relative !important;
transform: initial !important;
}
.timeline-content ul.BulletList li:before {
position: inherit !important;
margin-right: 10px;
}
.timeline-content ul.BulletList li {
padding: 0 0 15px 0;
}
ul.BulletList li.award::before {
font-family: FontAwesome;
content: '\f091';
color: #FFD700;
font-size: 18px;
margin-right:10px;
}
.timelineCenter {
justify-content: center;
}
.timelineContainer .timeline-content {
width: 100%;
}
.cd-horizontal-timeline .smallTimeline {
width: 56%;
}
@media only screen and (max-width: 600px) {
.cd-horizontal-timeline .smallTimeline {
width: 100%;
}
.timeline-content {
margin: 0px;
}
}

/*=====

25 YEARS OF BTL

=====*/

.BTL-QUARTER-CENTURY .pCMS_BodyContainer {
background-color:#EEEEEE;
}
.BTL-QUARTER-CENTURY .pCMS_Body {
background-color:transparent;
}
.BTL-QUARTER-CENTURY .Title_Section {
background: #EEEEEE;
border-bottom: none;
}
.BTL-QUARTER-CENTURY .phone.portrait .Title_Section {
background-color: #EEEEEE;
}
.BTL-QUARTER-CENTURY .Title_Section.BTL-QUARTER-CENTURY-HERO {
background-image: url(../pCMS_BO/Resources/ParagonBank/Images/mortgages/25-Years-Hero-BG);
background-position:bottom center;
background-size: cover;
}
.BTL-QUARTER-CENTURY .Title_Section .Parent{
background-color:transparent;
}
.BTL-QUARTER-CENTURY .Title_Section .Parent::before{
background-color:transparent;
}
.BTL-QUARTER-CENTURY .pCMS_Body h1,
.BTL-QUARTER-CENTURY .pCMS_Body h2 {
font-family: 'Permanent Marker', cursive;
letter-spacing: 3.5px;
}
.BTL-QUARTER-CENTURY .pCMS_Body h1,
.BTL-QUARTER-CENTURY .pCMS_Body h2 {
width:fit-content;
padding:15px;
box-shadow:10px 10px;
-ms-transform: rotate(-1deg); /* IE 9 */
transform: rotate(-1deg);
}
.BTL-QUARTER-CENTURY .pCMS_Body h1 {
font-size:50px;
background-color:#FFDD00;
}
.BTL-QUARTER-CENTURY .pCMS_Body h2 {
font-size:40px;
background-color:#FFDD00;
}
.BTL-QUARTER-CENTURY .phone.portrait .pCMS_Body h1,
.BTL-QUARTER-CENTURY .phone.portrait .pCMS_Body h2 {
font-size:30px;
}
/*
Buttons
*/
.retro-btn {
position: relative;
transition: all 0.2s ease;
letter-spacing: 0.025em;
font-size: 18px;
padding: 15px;
max-height:49px;
width:auto;
background:#89cb31;
}
.retro-btn:before,
.retro-btn:after {
content: '';
position: absolute;
box-sizing: border-box;
display: block;
background: transparent;
z-index: 9;
top: 0;
left: 0;
}
.retro-btn:before {
width: 100%;
height: 100%;
border-top: 2px solid white;
border-left: 2px solid white;
border-right: 2px solid #858585;
border-bottom: 2px solid #858585;
}
.retro-btn:not(:disabled):not(.disabled):active:before,
.retro-btn:not(:disabled):not(.disabled):active:focus:before {
border-color: transparent;
color: #000;
}
.retro-btn .retro-btn-text {
border: 1px solid transparent;
}
.retro-btn:not(:disabled):not(.disabled):active .retro-btn-text,
.retro-btn:not(:disabled):not(.disabled):active:focus .retro-btn-text {
border: 1px dotted #000;
}
/*
Separator
*/
.BTL-QUARTER-CENTURY .Separator {
border: none;
width: 100%;
margin: auto;
margin-top: 5%;
margin-bottom: 5%;
height: 20px;
background: linear-gradient(135deg, #EEEEEE 25%, transparent 25%) -10px 0,
linear-gradient(225deg, #EEEEEE 25%, transparent 25%) -10px 0,
linear-gradient(315deg, #EEEEEE 25%, transparent 25%),
linear-gradient(45deg, #EEEEEE 25%, transparent 25%);
background-size: 20px 20px;
background-color: #5d3994;
}
/*
Cards
*/
.flexItem.retro-card-blank {
border:2px solid #000000;
padding:20px;
box-shadow:10px 10px;
background: #FFFFFF;
}
.flexItem.retro-card-blank h3 {
color: #000000;
font-size:28.  px;
margin:-30px -20px 20px;
padding:30px 30px 20px;
border-bottom:2px solid #000000;
letter-spacing:0.7px;
}
.flexItem.retro-card-blank .tileContent p {
font-size:18px;
}
.flexItem.retro-card-blank .tileContent h3,
.flexItem.retro-card-blank .tileContent p,
.flexItem.retro-card-blank .tileContent p span{
font-family: 'Space Mono', monospace;
}
.flexItem.retro-card-blank .tileAction {
padding:20px 0 0;
}
.flexItem.retro-card-blank.right {
-ms-transform: rotate(1deg); /* IE 9 */
transform: rotate(1deg);
}
.flexItem.retro-card-blank.left {
-ms-transform: rotate(-1deg); /* IE 9 */
transform: rotate(-1deg);
}
/*
timeline
*/
.BTL-QUARTER-CENTURY #timeline.container {
background: transparent;
}
.BTL-QUARTER-CENTURY #timeline::before {
background:#000000;
}
.BTL-QUARTER-CENTURY .timeline-img {
background: #6db42c;
border:none;
border-radius:0;
clip-path: polygon(6% 4%, 95% 17%, 98% 89%, 0% 100%);
height: 100px;
width: 100px;
margin-left: -5%;
z-index: 999;
}
.BTL-QUARTER-CENTURY .timeline-img span {
color:#000000;
font-size: 30px;
font-family: 'Space Mono';
}
.BTL-QUARTER-CENTURY .timeline-content {
background:transparent;
padding:0;
}
.BTL-QUARTER-CENTURY .timeline-content::before {
border-left:none;
border-right:none;
}
.BTL-QUARTER-CENTURY .timeline-content .flexItem.retro-card-blank .tileContent {
padding:0;
margin:0;
}
.BTL-QUARTER-CENTURY .timeline-content .flexItem.retro-card-blank .tileContent h2 {
font-size:26px;
background-color:#ff95c0;
}
.BTL-QUARTER-CENTURY .timeline-content .flexItem.retro-card-blank .tileContent hr {
border-top: 1px solid #00ABAB;
margin: 10px;
}
.BTL-QUARTER-CENTURY .timeline-content .flexItem.retro-card-blank .tileContent p {
margin: 0;
}


/*=======
HISTORIC RATE BUTTONS
========*/
.historic-rates .Title_Section {
padding: 40px 0;
border: none;
}
.historic-rates .Tabs__tab.active {
border: 5px solid #89cb31;
}
.historic-rates .Tabs__tab {
border: 5px solid #eee;
display: inline-block;
margin-right: 15px;
}
.historic-rates .Tabs__tab:nth-child(5) {
display: none;
}

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

/*========

JASON HOMEPAGE

=========*/

.Title_Section_jm-savings-homepage {
background-image: url(../pCMS_BO/Resources/ParagonBank/Images/hero-images/jm-home-hero);
background-position: 115% 52%;
background-size:cover;
padding:40px 0;
}
.Title_Section_jm-savings-homepage h1,
.Title_Section_jm-savings-homepage h2,
.Title_Section_jm-savings-homepage p {
color:#fff;
}
.Title_Section_jm-savings-homepage h1{
margin-bottom:-0px;
}
.Title_Section_jm-savings-homepage h2{
margin:0 0 10px 0;
}
.Title_Section_jm-savings-homepage .flexItem:nth-child(1) .tileContent h2 span {
font-size: 16px;
display: inline-block;
color: #fff;
font-weight: 400;
margin: 0;
}
.Title_Section_jm-savings-homepage .flexItem:nth-child(1) .tileContent h2{
font-size:40px
}
.Title_Section_jm-savings-homepage .flexItem:last-of-type {
margin:0
}
.jm-homepage-icons {
margin-top: -30px;
margin-bottom: -60px;
}
.jm-homepage-icons .flexWrapper .flexItem .tileImage .tile-img {
max-width: 120px;
}
.jm-homepage-icons h4 {
font-size: 16px;
}
.full-width-container-dark.jm-timeline .pCMS_ContentItem::before {
background-image:url(https://www.paragonbank.co.uk/pCMS_BO/Resources/ParagonBank/Images/timeline-bg);
background-position: 90% center;
background-size: contain;
background-repeat:no-repeat;
}
.full-width-container-dark a.Button.Ghost {
color: #fff;
}

/*========

RS HOMEPAGE

=========*/

.rs-homepage .Title_Section {
border-bottom:none;
}
.rs-homepage .pCMS_CarouselItemContainer {
background-color:#FFFFFF;
}
.rs-homepage .pCMS_TopCarousel,
.rs-homepage .pCMS_CarouselItemContainer,
.rs-homepage .pCMS_CarouselItem,
.rs-homepage .pCMS_CarouselItem .Parent .Child1,
.rs-homepage .pCMS_CarouselItem .Parent .Child2 {
height:550px;
}
.rs-homepage .pCMS_CarouselItemContainer .flexWrapper{
-webkit-box-align: center;
-ms-flex-align: center;
    align-items: center;
padding:0 0 80px;
width:100%;
}
.rs-homepage .pCMS_CarouselItem {
-webkit-clip-path: polygon(100% 0, 100% 80%, 40% 100%, 0 80%, 0% 0%);
    clip-path: polygon(100% 0, 100% 80%, 40% 100%, 0 80%, 0% 0%);
}
.rs-homepage .pCMS_CarouselItem.saving-product-slider h1 {
padding:0;
margin:0;
}
.rs-homepage .pCMS_CarouselItem h1,
.rs-homepage .pCMS_CarouselItem h2,
.rs-homepage .pCMS_CarouselItem h2 span,
.rs-homepage .pCMS_CarouselItem p {
color:#FFFFFF;
}
.rs-homepage .pCMS_CarouselItem.saving-product-slider h2 {
font-size:60px;
}
.rs-homepage .pCMS_CarouselItem.saving-product-slider h2 span {
font-size:20px;
font-weight:400;
display:inline;
}
.rs-homepage .pCMS_CarouselItem.saving-product-slider .media .media_image,
.rs-homepage .pCMS_CarouselItem.saving-product-slider .media .media_item {
-webkit-box-flex:.5;
-ms-flex:.5;
    flex:.5;
padding:10px;
}
.rs-homepage .pCMS_CarouselItem.saving-product-slider .media .media_image img,
.rs-homepage .pCMS_CarouselItem.saving-product-slider .media .media_item img {
max-width:250px;
}
.rs-homepage .pCMS_CarouselItem.saving-product-slider .tileContent blockquote {
color:#ffffff;
font-size:38px;
}
.rs-homepage .pCMS_CarouselItem.saving-product-slider .tileContent blockquote span {
color:#ffffff;
font-size:40px;
}
.rs-homepage a.take-five-button {
padding:18px;
color:#ffffff;
}
.full-width-container-image {
background-size:cover;
background-position:center;
margin:0 auto 60px;
}
.full-width-container-image.lisa {
background-image: url(../pCMS_BO/Resources/ParagonBank/Images/hero-images/lisa);
background-position:top center;
}
.full-width-container-image.no-margin {
margin:-60px auto;
}
.full-width-container-image .flexWrapper{
background-color:rgba(45,41,38,.6);
padding:30px;
}
.full-width-container-image .flexWrapper h2,
.full-width-container-image .flexWrapper h3,
.full-width-container-image .flexWrapper p {
color:#FFFFFF;
}
.tileContent ul li a.Link {
margin:0;
padding:0;
}
.flexItem.fscs-card {
background-color:#6d2077;
}
.flexItem.fscs-card .tileImage img {
max-width:190px;
margin-top:-29px;
}
.flexItem.fscs-card .tileContent h2,
.flexItem.fscs-card .tileContent p {
color:#ffffff;
}
.flexItem.fscs-card .tileAction .Button {
background-color:#ffffff;
}
.pCMS_CarouselItem.woman-ipad-sofa {
background-image:url(../pCMS_BO/Resources/ParagonBank/Images/hero-images/woman-ipad-sofa);
}
.pCMS_CarouselItem.woman-with-coffee-at-laptop {
background-image:url(../pCMS_BO/Resources/ParagonBank/Images/woman-coffee-laptop);
}
.pCMS_CarouselItem.older-man-with-drink-outside {
background-image:url(../pCMS_BO/Resources/ParagonBank/Images/hero-images/older-man-with-drink-outside);
}


/*===


PRINT CSS: END (KEEP AT BOTTOM OF STYLE SHEET)


===*/






/*=====

SAVINGS PRODUCT SORT

=====*/
/*
SAVINGS FILTER BUTTONS
*/
.ui-group {
display:inline-block;
width:auto;
}
.ui-group h3 {
font-size:19px;
padding:0;
margin:0 0 10px;
font-weight:800;
}
.ui-group .button-group {
display:flex;
margin: 0 30px 10px 0;
border:1px solid #BEBEBE;
border-radius:8px;
gap:0;
background-color:#F1F1F1;
}
.ui-group .button-group .button {
color:#2D2926;
cursor:pointer;
flex:1;
font-weight:600;
font-size:16px;
padding:15px 20px;
text-align:center;
background-color:transparent;
border:none;
border-radius:0;
}
.ui-group .button-group .button:first-of-type {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
.ui-group .button-group .button:last-of-type {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.ui-group .button-group .button:hover {
background-color:#EEEEEE;
}
.ui-group .button-group .button.is-checked {
color:#73b52d;
background-color:#FFFFFF;
}
.phone.portrait .ui-group h3 {
text-align: center;
}
.phone.portrait .ui-group .button-group {
flex-wrap:wrap;
}
.phone .ui-group .button-group .button {
font-size:16px;
padding:20px 5px;
margin:0 0 5px;
flex:auto;
}
/*

SAVINGS FILTER CARDS

*/
.product-type {
border:1px solid #BEBEBE;
width:100%;
border-radius:8px;
padding:15px;
font-weight:600;
color:#2d2926;
display:flex;
align-items:center;
flex-direction: row;
}
.product-type div {
padding: 0 15px 0 0;
text-align:left;
}
.product-type div p {
font-size:15px;
}
.product-type div:nth-of-type(1) {
font-size:20px;
font-weight:800;
flex: 1.5;
}
.product-type div:nth-of-type(1) h2 {
font-size:20px;
font-weight:800;
margin:0;
}
.product-type div:nth-of-type(1) h2::before {
font-size:14px;
display: block;
padding: 0 0 5px;
color: #0070B3;
font-weight:800;
margin:0;
letter-spacing:0.3px;
}
.limited-edition .product-type div:nth-of-type(1) h2::before {
content:'Limited Edition';
}
.existing-customer .product-type div:nth-of-type(1) h2::before {
content:'Existing Customer Only';
}
.product-type div:nth-of-type(2) {
font-size:22px;
font-weight:800;
flex:1;
}
.product-type div:nth-of-type(2) span {
font-weight:400;
display:inline;
font-size:14px;
line-height:100%;
}
.product-type div:nth-of-type(3) {
flex:1;
}
.product-type div:nth-of-type(3) p {
font-weight:600;
margin:0;
padding:0;
}
.product-type div:nth-of-type(4) {
font-size:18px;
font-weight:400;
line-height:120%;
flex:1;
}
.product-type div:nth-of-type(4) p {
font-weight:600;
margin:0;
padding:0;
}
.product-type div:nth-of-type(4) p::before {
content:'\f058';
font-family:FontAwesome;
margin:0 8px 0 0;
color:#89CB31;
}
.product-type div:nth-of-type(5) {
flex:1;
padding:0;
}
.product-type div:nth-of-type(5) a {
padding:20px 15px 18px;
font-weight:600;
color:#2d2926;
background-color:#89cb31;
border:2px solid #73b52d;
text-align:center;
border-radius:8px;
line-height:100%;
margin:0;
width:100%;
font-size:16px;
}
.product-type div:nth-of-type(5) a:hover {
background-color:#e8e8e8;
border:2px solid #c1c1c1;
}
/*===

MOBILE STYLING

===*/
.phone.portrait .ui-group {
display:block;
}
.phone.portrait .ui-group .button-group {
margin: 0 0 12px;
display:flex;
}
.phone.portrait .ui-group .button-group .button {
font-size:10px;
padding:12px;
margin:0;
flex:1;
max-width: auto;
}
.phone.portrait .product-type {
align-items:center;
flex-direction:column;
}
.phone.portrait .product-type div:nth-of-type(1),
.phone.portrait .product-type div:nth-of-type(2),
.phone.portrait .product-type div:nth-of-type(3),
.phone.portrait .product-type div:nth-of-type(4),
.phone.portrait .product-type div:nth-of-type(5) {
padding:10px 10px 0;
text-align:center;
width:100%;
}
.phone.portrait .product-type div:nth-of-type(2) {
font-size:30px;
}
.phone.portrait .product-type div:nth-of-type(2) span {
display:block;
}
.phone.portrait .product-type div:nth-of-type(3),
.phone.portrait .product-type div:nth-of-type(4) {
font-size:16px;
}
.phone.portrait .product-type div:nth-of-type(5) a {
padding:15px 15px 18px;
width:80%;
}
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

/*=====

CLICKABLE CARD LINK

=====*/

.card-link {
cursor:pointer;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.card-link:hover {
-webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
        transform: scale(1.01);
background-color:#FFFFFF;
cursor:pointer;
-webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.1), 0 2px 8px rgba(0,0,0,0.2);
        box-shadow: 0 2px 8px rgba(0,0,0,0.1), 0 2px 8px rgba(0,0,0,0.2)
}
.tile.card-link:hover {
border:5px solid #FFFFFF;
}
.tile-promotional.card-link:hover {
background-color:#2D2926;
border:5px solid #2D2926;
}
.tile-featured.card-link:hover {
background-color:#EEEEEE;
border:5px solid #EEEEEE;
}
.card-link:hover a.Button,
.card-link:hover a.Button.Secondary,
.card-link:hover a.Button.Ghost {
background-color:#E8E8E8;
border:2px solid #C1C1C1;
color:#2D2926;
}



/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/
/*===

FEATURED BANNER WITH BG IMAGE

===*/
.featured-banner {
position:relative;
background-position:center;
background-size:cover;
-webkit-box-flex:1;
    -ms-flex:1;
        flex:1;
margin:0 auto;
}
.featured-banner-content {
background-color:rgba(45,41,38,.5);
}
.featured-banner-content {
padding:40px;
}
.featured-banner.featured-case-study::before {
content:'featured case study';
position:absolute;
top:0;
left:40px;
padding:15px 15px 12px;
background-color:#0070b3;
color:#FFFFFF;
text-transform:uppercase;
line-height:100%;
font-size:14px;
font-weight:600;
}
.featured-banner-content h1,
.featured-banner-content h2,
.featured-banner-content h3,
.featured-banner-content h4,
.featured-banner-content p,
.featured-banner-content a {
color:#FFFFFF;
}
.featured-banner-content h1,
.featured-banner-content h2,
.featured-banner-content h3,
.featured-banner-content h4,
.featured-banner-content p {
max-width:60%;
}
.featured-banner-content h1 {
font-size:45px;
}
.featured-banner-content h2 {
font-size:34px;
}
.featured-banner-content h2,
.featured-banner-content .media .media_body h2 {
font-size:34px;
}
.featured-banner-content a.Button {
display:block;
max-width:200px;
}
/*
DEVICE
*/
.phone .featured-banner-content h1,
.phone .featured-banner-content h2,
.phone .featured-banner-content h3,
.phone .featured-banner-content h4,
.phone .featured-banner-content p {
max-width:100%;
}
/*
FEATURED BANNER BG IMAGES
*/
.featured-banner.construction-featured-case-study {
background-image:url(https://www.paragonbank.co.uk/resources/blogimages/1153/recycled-roadways-min.jpg);
}
.featured-banner.quinto {
background-image:url(https://www.paragonbank.co.uk/pCMS_BO/Resources/ParagonBank/Images/case-studies/quinto_main_image);
}
.featured-banner.scotplant-feature-event-bg {
background-image: url(https://www.paragonbankinggroup.co.uk/pCMS_BO/Resources/ParagonBank/Images/business/assets-finance/scotplant2021-bg);
}
.featured-banner.agriculture-featured-case-study {
background-image: url(https://www.paragonbank.co.uk/pCMS_BO/Resources/ParagonBank/Images/case-studies/plant-hire-groundworks-limited-feature);
}
.featured-banner.aviation-featured-case-study {
background-image: url(https://www.paragonbank.co.uk/pCMS_BO/Resources/ParagonBank/Images/case-studies/avery_featured_image);
}
.featured-banner.development-featured-case-study {
background-image:url(https://www.paragonbank.co.uk/pCMS_BO/Resources/ParagonBank/Images/case-studies/bosworth-grange-main);
}
.featured-banner.asset-featured-case-study {
background-image:url(https://www.paragonbank.co.uk/pCMS_BO/Resources/ParagonBank/Images/case-studies/floodlights);
}


/*===

HERO BACKGROUND

===*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/
.hero-container {
background-size:cover;
background-position:center;
background-repeat:no-repeat;
}
.hero-item-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
    -ms-flex-direction: row;
        flex-direction: row;
-ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
-webkit-box-pack: start;
    -ms-flex-pack: start;
        justify-content: flex-start;
-ms-flex-line-pack: start;
    align-content: flex-start;
-webkit-box-align: start;
    -ms-flex-align: start;
        align-items: flex-start;
padding:100px 50px;
background-color:rgba(45,41,38,.5);
}
.hero-item {
-ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
.hero-item:nth-child(1) {
-webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
        order: 1;
-webkit-box-flex: 3;
    -ms-flex: 3 1 auto;
        flex: 3 1 auto;
}
.hero-item:nth-child(2) {
-webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
        order: 2;
-webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
}
.hero-item div a.Button,
.hero-item div a.Button.Secondary,
.hero-item div a.Button.Login {
display:inline-block;
margin:10px 20px 0 0;
}
.hero-item h1,
.hero-item h2,
.hero-item h3,
.hero-item h4,
.hero-item p {
color:#FFFFFF;
max-width:40em;
margin-top:0;
}
.hero-item h1 {
font-size:44px;
}
.hero-item p {
font-weight:600;
}
.hero-item ul.TickList li,
.hero-item ul.TickBullet li {
padding:10px 0 5px 30px;
color:#FFFFFF;
}
.hero-item .media {
width:50%;
margin:0;
border-top:1px solid #FFFFFF;
}
.center .hero-item-container {
padding:100px;
}
.center .hero-item h1,
.center .hero-item h2,
.center .hero-item h3,
.center .hero-item h4,
.center .hero-item p {
max-width:100%;
}
.phone.portrait .hero-item-container {
padding:50px;
flex-wrap:wrap;
}
.phone.portrait .hero-item {
text-align:center;
}
.phone.portrait .hero-item a.Button {
margin:0 auto 20px;
}
.phone.portrait .hero-item .media {
width:100%;
border-top:none;
}


.hero-container.featured-green-mortgages-hero {
background-image:url(https://www.paragonbank.co.uk/pCMS_BO/Resources/ParagonBank/Images/green-mortgages-hero);
}




/*=====

GREEN SAVER ACCOUNT TABLE

=====*/
table.savings-account-product-table tr.green-saver {
background-color:#f3f9ea;
}
table.savings-account-product-table tr.green-saver td:first-of-type a:before,
.green-saver .saving-product-hero.Title_Section .Parent .Child1 h1:before {
margin:0 10px 0 0;
content: '';
display: inline-block;
background: url(https://www.paragonbank.co.uk/pCMS_BO/Resources/ParagonBank/icons/green-saver-icon-circle);
}
table.savings-account-product-table tr.green-saver td:first-of-type a:before {
width: 20px;
height: 20px;
}
.green-saver .saving-product-hero.Title_Section .Parent .Child1 h1:before {
width: 35px;
height: 35px;
}
.tooltip.green::after {
content:'Helps fund environmentally friendly projects';
}
/*===

GREEN SAVINGS INFO BOX

===*/
.green-savings-info-box,
.saving-product-hero.Title_Section .Parent .Child2 .green-savings-info-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
    -ms-flex-direction: row;
        flex-direction: row;
-ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-ms-flex-line-pack: stretch;
    align-content: stretch;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
border-radius:10px;
width:100%;
background-color:#2d2926;
}
.green-savings-info-box {
border:2px solid #2d2926;
margin:0;
}
.saving-product-hero.Title_Section .Parent .Child2 .green-savings-info-box {
border:2px solid #ffffff;
margin:0 0 20px;
}
.green-savings-info-box-img,
.saving-product-hero.Title_Section .Parent .Child2 .green-savings-info-box-img {
-webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
        order: 2;
-webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
-ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
background-color:#ffffff;
clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%);
padding:0 5px 0 20px;
}
.green-savings-info-box-img {
border-top-right-radius:9px;
border-bottom-right-radius:9px;
}
.saving-product-hero.Title_Section .Parent .Child2 .green-savings-info-box-img {
border-top-right-radius:7px;
border-bottom-right-radius:7px;
}
.green-savings-info-box-text {
-webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
        order: 1;
-webkit-box-flex: 5;
    -ms-flex: 5;
        flex: 5;
-ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
padding:15px;
}
.green-savings-info-box-text p,
.saving-product-hero.Title_Section .Parent .Child2 .green-savings-info-box-text p {
text-align:left;
margin:0;
font-size:14px;
font-weight:400;
color:#ffffff;
}

/*

*/
.phone.portrait .green-savings-info-box {
display:block;
width:100%;
}
.phone.portrait .saving-product-hero.Title_Section .Parent .Child2 .green-savings-info-box {
width:85%;
margin:0 auto;
}
.phone.portrait .green-savings-info-box-text,
.phone.portrait .saving-product-hero.Title_Section .Parent .Child2 .green-savings-info-box-text {
flex:5;
padding:0 0 15px;
order:2;
}
.phone.portrait .saving-product-hero.Title_Section .Parent .Child2 .green-savings-info-box-text p {
text-align:center;
padding:0 0 5px;
}
.phone.portrait .green-savings-info-box-text p {
text-align:center;
padding:15px 10px 0;
}
.phone.portrait .green-savings-info-box-img,
.phone.portrait .saving-product-hero.Title_Section .Parent .Child2 .green-savings-info-box-img {
flex:1;
clip-path: polygon(0% 0%, 100% 0, 100% 75%, 50% 100%, 0 75%);
border-bottom-left-radius:0;
border-bottom-right-radius:0;
border-top-left-radius:8px;
border-top-right-radius:8px;
padding:5px 0;
}
.phone.portrait .saving-product-hero.Title_Section .Parent .Child2 .green-savings-info-box-img {
padding:0;
}
.phone.portrait .green-savings-info-box-img img,
.phone.portrait .saving-product-hero.Title_Section .Parent .Child2 .green-savings-info-box-img img {
max-width:70px;
}





/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/
/*=====

FLEX GRID LAYOUTS

=====*/
.grid-layout {
display: -ms-grid;
display: grid;
gap: 20px;
}
.grid-layout.three-col-grid {
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
}
.grid-layout.four-col-grid {
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr);
}
.grid-layout.five-col-grid {
-ms-grid-columns: (1fr)[5];
grid-template-columns: repeat(5, 1fr);
}
.grid-layout.six-col-grid {
-ms-grid-columns: (1fr)[6];
grid-template-columns: repeat(6, 1fr);
}
.grid-layout .grid-item {
background-color: #EEEEEE;
}
.grid-layout .grid-item.tile {
border:2px solid #EEEEEE;
}
/*
MOBILE GRID LAYOUT
*/
.phone.portrait .grid-layout.three-col-grid,
.phone.portrait .grid-layout.four-col-grid,
.phone.portrait .grid-layout.five-col-grid,
.phone.portrait .grid-layout.six-col-grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: repeat(1, 1fr);
grid-column-gap: 30px;
}
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

/*=====

MEDIA OBJECT CONTACT CARD

=====*/
.media.contact-card,
.contact-card-extra {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
    -ms-flex-direction:row;
        flex-direction:row;
vertical-align:middle;
-webkit-box-align:center;
    -ms-flex-align:center;
        align-items:center;
width:100%;
margin:0;
background-color: #FFFFFF;
}
.media.contact-card .media_image {
-webkit-box-flex:.75;
    -ms-flex:.75;
        flex:.75;
text-align:right;
}
.media.contact-card .media_image img {
max-width:100px;
}
.media.contact-card .media_body {
-webkit-box-flex:1.25;
    -ms-flex:1.25;
        flex:1.25;
text-align:left;
padding:20px;
}
.media.contact-card .media_body h2 {
margin:0 0 10px;
font-size:22px;
}
.media.contact-card .media_body p {
margin:0;
padding:0;
font-weight:600;
}
.media.contact-card .media_body ul {
margin:10px 0 0;
}
.media.contact-card .media_body ul li {
padding:0 0 5px;
}
.contact-card-extra {
background-color:#EEEEEE;
}
.contact-card-extra div {
-webkit-box-flex:1;
    -ms-flex:1;
        flex:1;
padding:20px;
text-align:center;
}
.contact-card-extra div h3 {
font-size:16px;
}
.contact-card-extra div h3 span {
font-weight:400;
display:block;
margin:5px 0 10px;
font-size:85%;
}
.contact-card-extra div h3,
.contact-card-extra div p {
margin:0;
padding:0;
font-weight:600;
}
.contact-card-extra div p {
font-size:16px;
}
.contact-card-extra div ul {
margin: 10px 0 0;
text-align:center;
}
.contact-card-extra div ul li {
padding: 0 0 3px;
font-size: 14px;
}
.contact-card-extra div ul li a {
font-size: 14px;
}
/*
MOBILE STYLING
*/
.phone.portrait .media.contact-card,
.phone.portrait .media.contact-card .media_body {
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
    -ms-flex-direction:column;
        flex-direction:column;
text-align:center;
}
.phone.portrait .media.contact-card .media_body {
padding:0 0 20px;
}
.phone.portrait .media.contact-card .media_image {
text-align:center;
}
.phone.portrait .contact-card-extra {
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
    -ms-flex-direction:column;
        flex-direction:column;
background-color:#EEEEEE;
}
.phone.portrait .contact-card-extra {
padding:20px;
}




/*===

!! DO NOT REMOVE - START !!

===*/
.assetRMlist1 li:nth-of-type(1)::before,
.agricultureRMlist1 li:nth-of-type(1)::before {
content: "1";
}
.assetRMlist1 li:nth-of-type(2)::before {
content: "2";
}
.assetRMlist1 li:nth-of-type(3)::before {
content: "3";
}
.assetRMlist1 li:nth-of-type(4)::before {
content: "4";
}
.agricultureRMlist2 li:nth-of-type(1)::before {
content: "2";
}
.assetRMlist1 li:nth-of-type(5)::before {
content: "5";
}
.assetRMlist2 li:nth-of-type(1)::before {
content: "6";
}
.assetRMlist2 li:nth-of-type(2)::before {
content: "7";
}
.assetRMlist2 li:nth-of-type(3)::before {
content: "8";
}
.assetRMlist2 li:nth-of-type(4)::before {
content: "9";
}
.agricultureRMlist3 li:nth-of-type(1)::before {
content: "3";
}
.assetRMlist2 li:nth-of-type(5)::before {
content: "10";
}
.assetRMlist2 li:nth-of-type(6)::before {
content: "11";
}
.savings_quote::before {
content:"SAVINGS";
}
.mortgages_quote::before {
content:"MORTGAGES";
}
.lending_quote::before {
content:"LENDING";
}
.savings-product-table td:nth-of-type(1):before {
content:"Account";
}
.savings-product-table td:nth-of-type(2):before {
content:"Gross Annual Interest";
}
.savings-product-table td:nth-of-type(3):before {
content:"Gross Monthly Interest";
}
.savings-product-table td:nth-of-type(4):before {
content:"AER*";
}
.savings-product-table td:nth-of-type(5):before {
content:"Apply";
}
.CashISA.lifetime-isa table.savings-product-table td:nth-of-type(1):before {
content:"Account";
}
.CashISA.lifetime-isa table.savings-product-table td:nth-of-type(2):before {
content:"Gross Annual Interest";
}
.CashISA.lifetime-isa table.savings-product-table td:nth-of-type(3):before {
content:"AER*";
}
.CashISA.lifetime-isa table.savings-product-table td:nth-of-type(4):before {
content:"Apply";
}
.savings-interest-table td:nth-of-type(1)::before {
content:"Change";
}
.savings-interest-table td:nth-of-type(2)::before {
content:"When we'll email you";
}
.mortgage-product-table td:nth-of-type(1)::before {
content:"Code";
}
.mortgage-product-table td:nth-of-type(2)::before {
content:"Rates";
}
.mortgage-product-table td:nth-of-type(3)::before {
content:"Fee";
}
.mortgage-product-table td:nth-of-type(4)::before {
content:"Early repayment charge";
}
.mortgage-product-table td:nth-of-type(5)::before {
content:"APR";
}
.mortgage-product-table td:nth-of-type(6)::before {
content:"Reversion rate";
}
.mortgage-product-table td:nth-of-type(7)::before {
content:"ICR rate";
}
.mortgage-product-table td:nth-of-type(8)::before {
content:"Product specific criteria";
}
.btl-product-table td:nth-of-type(1)::before {
content:"Code";
}
.btl-product-table td:nth-of-type(2)::before {
content:"Rates";
}
.btl-product-table td:nth-of-type(3)::before {
content:"Fee";
}
.btl-product-table td:nth-of-type(4)::before {
content:"Early repayment charge";
}
.btl-product-table td:nth-of-type(5)::before {
content:"APR";
}
.btl-product-table td:nth-of-type(6)::before {
content:"ICR rate";
}
.btl-product-table td:nth-of-type(7)::before {
content:"Product specific criteria";
}
.criteria-table td:nth-of-type(1)::before {
content:"Maximum LTV";
}
.criteria-table td:nth-of-type(2)::before {
content:"Loan amount";
}
.historic-table td:nth-of-type(1)::before {
content:"Term";
}
.historic-table td:nth-of-type(2)::before {
content:"With effect from";
}
.historic-table td:nth-of-type(3)::before {
content:"AER (%)";
}
.TaxBandTable td:nth-of-type(1)::before {
content:"Applicant type";
}
.TaxBandTable td:nth-of-type(2)::before {
content:"SSC";
}
.TaxBandTable td:nth-of-type(3)::before {
content:"HMO/MUB)";
}
.applicantTable td:nth-of-type(1)::before {
content:"Applicant type";
}
.applicantTable td:nth-of-type(2)::before {
content:"Applicant ICR";
}
.faq-table td:nth-of-type(2)::before {
content:"Upper limit";
}
.tax-blog-table td:nth-of-type(1)::before {
content:"Tax year";
}
.tax-blog-table td:nth-of-type(2)::before {
content:"% of finance costs deductible from rental income";
}
.tax-blog-table td:nth-of-type(3)::before {
content:"% of finance costs eligible for a basic rate tax credit";
}
.pricing-update td:nth-of-type(1):before {
content:"Lending term*";
}
.pricing-update td:nth-of-type(2):before {
content:"Advance value*";
}
.pricing-update td:nth-of-type(3):before {
content:"Asset Types";
}
.pricing-update td:nth-of-type(4):before {
content:"Minimum Paragon yield";
}
.pricing-update td:nth-of-type(5):before {
content:"Introducer Commission";
}
.AER .pCMS_BodyContainer::after {
content:"*AER stands for Annual Equivalent Rate and illustrates what the interest rate would be if interest was paid and compounded on an annual basis.";
}
.Gross .pCMS_BodyContainer::after {
content:"** Gross is the rate of interest payable before any income tax is deducted. Interest will be paid monthly on the day of the month you first paid into your account or annually on the anniversary of making your opening deposit (or, if earlier, on the day your account matures).​";
}
.AER.Gross .pCMS_BodyContainer::after{
    content:"*AER stands for Annual Equivalent Rate and illustrates what the interest rate would be if interest was paid and compounded on an annual basis. \A \A ** Gross is the rate of interest payable before any income tax is deducted. Interest will be paid monthly on the day of the month you first paid into your account or annually on the anniversary of making your opening deposit (or, if earlier, on the day your account matures).";
    white-space: pre-line;
}
.thank-you .pCMS_BodyContainer::after {
content:"Paragon Commercial Finance Limited is regulated by the Financial Conduct Authority and is registered on the Financial Services Register under the firm reference number 733327. Registered in England number 07036669. Registered office 51 Homer Road, Solihull, West Midlands B91 3QJ.";
}
.request-a-callback-page .pCMS_BodyContainer::after {
content:"Paragon is a trading style of Specialist Fleet Services Limited. Registered in England number 02843547.Registered office 51 Homer Road, Solihull, West Midlands B91 3QJ";
}
.Title_Section.Limited-Edition h1::before {
content:"Limited Edition";
}
.Title_Section.Best_Buy .Parent .Child1::before {
content:"Best Buy";
}
.tile-saving-accounts.upTo h3::before {
content:"Up to";
}
.tile-saving-accounts h3::after {
content:"AER*";
}
.variable.tile-accounts h3::after {
content:"AER* (variable)";
}
.flexItem.savingProduct h3::after,
.tile-accounts h3::after {
content:"AER*";
}
.flexItem.savingProduct.variable h3::after,
.tile-accounts.variable h3::after {
content:"AER* (variable)";
}
.flexItem.savingProduct.upTo h3::before,
.tile-accounts.upTo h3::before {
content:"Up to";
}
.flexItem.savingProduct.limitedEdition::before,
.tile-accounts.limitedEdition::before {
content:"Limited Edition";
}
.question-category .faqs-title h2::before {
content:"Q";
}
.lisa-helptobuy-table td:nth-of-type(2):before {
content:"LISA";
}
.lisa-helptobuy-table td:nth-of-type(3):before {
content:"Help-to-buy";
}
.regulated_business_finance_footer .pCMS_BodyContainer::after {
content:"Paragon Business Finance PLC. Registered in England number 01497411. Registered office 51 Homer Road, Solihull, West Midlands  B91 3Q";
}
.business_finance_footer .pCMS_BodyContainer::after {
content:"Paragon Asset Finance Limited. Registered in England number 02189858. Registered office 51 Homer Road, Solihull, West Midlands B91 3QJ. Paragon Asset Finance Limited is registered on the Financial Services Register under the firm reference number 712030.";
}
.commercial_finance_footer .pCMS_BodyContainer::after {
content:"Paragon Asset Finance Limited. Registered in England number 02189858. Registered office 51 Homer Road, Solihull, West Midlands B91 3QJ. Paragon Asset Finance Limited is registered on the Financial Services Register under the firm reference number 712030.";
}
.fleet_finance_footer .pCMS_BodyContainer::after {
content:"Paragon Asset Finance Limited. Registered in England number 02189858. Registered office 51 Homer Road, Solihull, West Midlands B91 3QJ. Paragon Asset Finance Limited is registered on the Financial Services Register under the firm reference number 712030.";
}
.technology_finance_footer .pCMS_BodyContainer::after {
content:"Paragon Technology Finance Limited. Registered in England number 01639510. Registered office 51 Homer Road, Solihull, West Midlands B91 3QJ. Paragon Technology Finance Limited is regulated by the Financial Conduct Authority for consumer credit activities and is registered on the Financial Services Register under the firm reference number 734916";
}
.asset_finance_footer .pCMS_BodyContainer::after {
content:"Paragon Asset Finance Limited. Registered in England number 02189858. Registered office 51 Homer Road, Solihull, West Midlands B91 3QJ. Paragon Asset Finance Limited is registered on the Financial Services Register under the firm reference number 712030.";
}
.tooltip.fixed::after {
content: "Your interest rate will not change";
}
.tooltip.access::after {
content: "Choose how to get to your savings";
}
.tooltip.isa::after {
content: "Tax-free interest on your savings";
}
.tooltip.lisa::after {
content: "Long term for first home or retirement";
}
.tooltip.postal::after {
content: "Can be opened and managed by post";
}
/*===

!! DO NOT REMOVE - END !!

===*/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
// IE10+ CSS here
.img-object,
.tileImage .img-object {
height:auto;
object-fit:none;
}
}



/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/
/*=====

ParagonBankTheme.css 1400 width

=====*/
/*
MENU
*/
.mega-menu section.pCMS_SiteMenuBarSubItems {
margin: 0 auto;
display: block;
width: 1350px;
padding: 0;
}
.primary-item:nth-of-type(2) .secondary-nav.mega-menu {
left:-718%;
}
.primary-item:nth-of-type(3) .secondary-nav.mega-menu {
left:-652%;
}
.primary-item:nth-of-type(4) .secondary-nav.mega-menu {
left:-990%;
}
ul.secondary-nav.Visible {
padding:25px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
/*
SITE
*/
.warning_EU_cookiemsg .pCMS_CookieWrapper {
max-width:1400px;
}
.SectionContainer,
.ThemeGrid_Container {
max-width:1400px;
}
.pCMS_MainContent {
max-width: 1400px;
}
.pCMS_Body .Columns{
max-width:1400px;
}
.TabsContainer {
max-width:1400px;
}
.AER .pCMS_BodyContainer::after {
max-width: 1400px;
}
.tab-container.class_two {
max-width:1400px;
}
.thank-you .pCMS_BodyContainer::after {
max-width:1400px;
}
.request-a-callback-page .pCMS_BodyContainer::after {
max-width:1400px;
}
.Title_Section .Parent {
max-width:1400px;
}
.flexWrapper,
.flexWrapper-accounts,
.mega-menu-featured-container {
max-width:1400px;
}
@media only screen and (max-width:1400px) {
.tile-saving-accounts h3{
width:100%;
margin-bottom:10px;
}
.tile-saving-accounts .tileContent ul{
margin-bottom: 15px;
}
}
.regulated_business_finance_footer .pCMS_BodyContainer::after,
.business_finance_footer .pCMS_BodyContainer::after,
.commercial_finance_footer .pCMS_BodyContainer::after,
.fleet_finance_footer .pCMS_BodyContainer::after,
.technology_finance_footer .pCMS_BodyContainer::after,
.asset_finance_footer .pCMS_BodyContainer::after {
max-width:1400px;
}
.covid-banner-wrapper {
max-width:1400px;
}
.secondary-nav.mega-menu {
max-width:1400px;
}
@media (min-width: 768px) and (max-width: 1400px) {
.mega-menu section.pCMS_SiteMenuBarSubItems {
width: auto;
}
}
.fscsContainer {
max-width:1400px;
}
#cracker {
width: 1400px;
}
.fscsContainer {
max-width:1400px;
}
.fadeSliderContainer {
max-width: 1400px;
}
.fadeSlider {
max-width:1400px;
}
.container--item {
max-width: 1400px;
}
.fscs-banner > div {
max-width:1400px;
}
.slim-banner {
max-width:1400px;
}
.cd-horizontal-timeline .timeline {
max-width: 1400px;
}
.RegFooter {
max-width:1400px;
}
.masonry-container {
max-width:1400px;
}
.slick-slide.slick-current.slick-active {
max-width:1400px;
}
.feefowidget-container-carousel .feefowidget-carousel-container-average-customer-rating,
.feefowidget-carousel-snapshot-body .feefowidget-sliders.feefowidget-sliders-average-customer-rating .feefowidget-slide {
max-width:1400px;
}
.feefowidget-carousel-snapshot-body .feefowidget-sliders.feefowidget-sliders-average-customer-rating {
width:90%;
}
.feefowidget-carousel-snapshot-body .feefowidget-sliders.feefowidget-sliders-average-customer-rating .feefowidget-slide .feefowidget-carousel-single-slide-content {
width: 100%;
margin-right:0;
}
.FooterContainer .pCMS_MenuLinkContainer a,
.FooterContainer .pCMS_MenuLinkContainer a:link,
.FooterContainer .pCMS_MenuLinkContainer a:visited {
font-size:14px;
font-weight:400;
}
/*=====

DesktopMenu_DropDown.css 1400 width

=====*/
/*
TOP LEVEL MENU
*/
.PrimaryHeader {
padding:0;
width:100%;
max-width: 1400px;
margin: 0 auto -1px;
position: relative;
background-color:#2d2926;
}
.pCMS_BreadcrumbItemsContainer {
max-width: 1400px;
margin: 0 auto;
padding:0 20px;
}


/* BLOG REDESIGN */
/* BLOG REDESIGN - HEADER AND */
.blogheading{
    margin: 0; 
    background-color: #eee; 
    padding: 10px 0 20px;
}
.blog-landing .Title_Section_blog{display: block;}
.blognav{
    background-color: #fff; 
    padding-bottom: 10px; 
    border-bottom: 1px solid #ccc
}
.blognav a{
    font-weight: 600;
    margin-right: 15px;
    font-size: 18px;
    cursor: pointer;
}
.blognav a:last-child{
    margin-right: 0;
}
.blognav a.active{color: #89CB31}
.blog-landing .categoryname{
    display: inline;
    font-weight: inherit;
    font-size: inherit;
    text-transform: capitalize;
}

/* BLOG NAV - ACCORDION */
.blognavaccordion{display: none; }
.blognavaccordion .blognav{border-bottom: none; }
.blognavaccordion .blognav a {
    width: 100%;
    margin-bottom: 10px;
    padding: 5px 0;
}
.blognavaccordion .blognav a:last-child{margin-bottom: 0;}
@media only screen and (max-width: 1200px){
    .blognav:not(.blognavaccordion .blognav){display: none}
    .blognavaccordion{display: block}
}

/* MAIN LANDING PAGE */
.blog-landing h2{margin-top: 30px}

.blog-landing .featured-article .featured-icon{
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    display: none;
}
    
.blog-landing .featured-article {
    aspect-ratio: 16/9;
    padding: 0;
    margin-bottom: 20px; 
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
    
.blog-landing .featured-article .featured-article-inner{
    position: absolute;
    bottom: 0;
    background-color: rgba(238, 238, 238, 0.90);
    width: 100%;
}    
.blog-landing .featured-article .featured-article-inner h2{
    margin-top: 0
}

.blog-landing .featured-article.featured-title, .featured-right{
    color: #fff;
    margin-bottom: 0 !important;
}
.blog-landing .featured-article .featured-title p{font-size: 14px;}
    
.blog-landing .featured-article .featured-right{
    text-align: right;
}
.blog-landing .featured-article .featured-right .tileContent{
    padding-top: 20px;
}
    
.blog-landing .featured-article span.BlogPublishDate {
    font-size: 14px;
}
.blog-landing .featured-article .BlogPublishDate {
    font-weight: 500;
    display: inline-block;

}    

.blog-landing .featured-article span.BlogPublishDate:before {
    content: '\f073';
    font-family: FontAwesome;
    color: #a1a2a2;    
    margin: 0 5px 0 0;
}
    
.blog-landing .featured-article .category-tag {
    margin-top: 15px
}
.blog-landing .featured-article .category-tag span {
    background: #0070B3;
    padding: 5px 10px;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
}


.blog-landing .dynamicBlogposts .flexItem .tileContent .Heading3{clear: both}
.blog-landing .dynamicBlogposts .flexItem .tileAction a.Button{margin: 20px 0 0;}

.blog-landing .dynamicBlogposts{display: grid !important; grid-template-columns: 1fr 1fr 1fr; gap: 20px;}
.blog-landing .dynamicBlogposts .flexItem{margin: 0}
.blog-landing .dynamicBlogposts .flexItem:first-child{flex-direction: row; border: none; grid-column: 1 / 4}
.blog-landing .dynamicBlogposts .flexItem:first-child .tileImage{flex-basis: 66.66%;}
.blog-landing .dynamicBlogposts .flexItem:first-child .tileContent{flex-basis: 33.33%; }
.blog-landing .dynamicBlogposts .flexItem:first-child .tileContent p{ -webkit-line-clamp: 6;}
.blog-landing .dynamicBlogposts .flexItem:first-child .tileAction{display: none;}


@media(max-width: 992px){

    .blog-landing .featured-article .featured-article-inner .featured-title .tileContent{text-align: left;}
    .blog-landing .featured-article .featured-article-inner .featured-title h2{margin-bottom: 10px;}
    .blog-landing .featured-article .featured-article-inner .featured-title p{margin-bottom: 0px;}

    .blog-landing .dynamicBlogposts{grid-template-columns: 1fr 1fr}
    .blog-landing .dynamicBlogposts .flexItem:first-child{flex-direction: column; grid-column: 1; border: 5px solid #eee}
    .blog-landing .dynamicBlogposts .flexItem:first-child .tileContent p{ -webkit-line-clamp: 3;}
   .blog-landing  .dynamicBlogposts .flexItem:first-child .tileAction{display: block;}
}

@media(max-width: 600px){

    .blog-landing .featured-article .featured-icon{width: 100px;}
    .blog-landing .featured-article .featured-article-inner .tileContent{padding: 0 10px; margin: 0;}
    .blog-landing .featured-article .featured-article-inner h2{margin: 0; font-size: 18px; text-align: left;}
    .blog-landing .featured-article .featured-article-inner p{display: none;}
    .blog-landing .featured-article .featured-article-inner .featured-right{display: none;}

    .blog-landing .dynamicBlogposts{grid-template-columns: 1fr}
}


/* AREA SPECIFIC PAGES - DIFFERENT CONTENT ITEM */
.blog-landing .pCMS_BlogArticles .ListRecords .pCMS_BlogArticle .tileContent .Heading3{clear: both}


.blog-landing .pCMS_BlogArticles .ListRecords{display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px;}
.blog-landing .pCMS_BlogArticles .ListRecords .pCMS_BlogArticle{margin: 0}
.blog-landing .pCMS_BlogArticles .ListRecords .pCMS_BlogArticle:first-child{flex-direction: row; border: none; grid-column: 1 / 4}
.blog-landing .pCMS_BlogArticles .ListRecords .pCMS_BlogArticle:first-child .pCMS_ArticleThumbnail{flex-basis: 66.66%;}
.blog-landing .pCMS_BlogArticles .ListRecords .pCMS_BlogArticle:first-child .pCMS_ArticleContainer {flex-basis: 33.33%; }
.blog-landing .pCMS_BlogArticles .ListRecords .pCMS_BlogArticle:first-child .pCMS_ArticleContainer p{ -webkit-line-clamp: 6;}
/*.blog-landing .pCMS_BlogArticles .ListRecords .pCMS_BlogArticle:first-child .tileAction{display: none;}*/


@media(max-width: 992px){
    .blog-landing .pCMS_BlogArticles .ListRecords{grid-template-columns: 1fr 1fr}
    .blog-landing .pCMS_BlogArticles .ListRecords .pCMS_BlogArticle:first-child{flex-direction: column; grid-column: 1; border: 5px solid #eee}
    .blog-landing .pCMS_BlogArticles .ListRecords .pCMS_BlogArticle:first-child .pCMS_ArticleContainer p{ -webkit-line-clamp: 3;}
}

@media(max-width: 600px){
    .blog-landing .pCMS_BlogArticles .ListRecords{grid-template-columns: 1fr}
}

/* OVERWRITE THE ABOVE IF ON A PAGER PAGE (NOT PAGE 1) */
.blog-landing .pCMS_BlogArticles .ListRecords .pCMS_BlogArticle.notfw{flex-direction: column; border: 5px solid #eee; grid-column: 1}
.blog-landing .pCMS_BlogArticles .ListRecords .pCMS_BlogArticle.notfw .pCMS_ArticleThumbnail{flex-basis: 0;}
.blog-landing .pCMS_BlogArticles .ListRecords .pCMS_BlogArticle.notfw .pCMS_ArticleThumbnail img{width: 100%}
.blog-landing .pCMS_BlogArticles .ListRecords .pCMS_BlogArticle.notfw .pCMS_ArticleContainer {flex-basis: 0%; }
.blog-landing .pCMS_BlogArticles .ListRecords .pCMS_BlogArticle.notfw .pCMS_ArticleContainer p{ -webkit-line-clamp: 3;}

/* MORE GENERAL BLOG CSS */

.blog-landing .pCMS_BlogArticles .ListRecords .pCMS_BlogArticle {
    margin: 0;
    flex-direction: column;
    border: 5px solid #eee;
    padding: 0;
}
.blog-landing .pCMS_BlogArticles .ListRecords .pCMS_BlogArticle .pCMS_ArticleThumbnail {margin: 0; display: block}
.blog-landing .pCMS_BlogArticles .ListRecords .pCMS_BlogArticle .pCMS_ArticleTitle h2{margin-top: 0;}
.blog-landing span.BlogPublishDate:before{content: '\f073'}
.blog-landing .pCMS_BlogArticles .ListRecords .pCMS_BlogArticle .ThemeGrid_Width9{width: 100%}
.blog-landing .pCMS_BlogArticles .pCMS_PageListContainer .ListRecords{display: block;}
.blog-landing .pCMS_BlogListPagination{text-align: center}
.blog-landing .pCMS_BlogArticle .pCMS_ReadMoreContainer {margin-top: 10px !important;} 

@media(max-width: 600px){
    .phone .blog-landing .pCMS_ArticleContainer{padding: 10px 10px 20px}
}

/* BLOG - ARTICLE PAGE */
/* BLOG/CS/PR ARTICLE PAGES ONE 3RD / TWO 3RD LAYOUT */
.pCMS_BlogArticleContainer .pCMS_CardContainer {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 0 20px;
}
.pCMS_BlogArticleContainer .pCMS_CardContainer .pCMS_ArticleTitle {
    grid-row: 1;
    grid-column: 1;
}
.pCMS_BlogArticleContainer .pCMS_CardContainer .pCMS_ArticleMetaData {
    grid-row: 2;
    margin-top: 10px;
    border-top: none;
}
.pCMS_BlogArticleContainer .pCMS_CardContainer .pCMS_ArticleImage {
    grid-row: 1/6;
}
.pCMS_BlogArticleContainer .pCMS_CardContainer .pCMS_ArticleContent {
    grid-column: 2;
}
.pCMS_BlogArticleContainer .pCMS_CardContainer .pCMS_SocialMediaSharing {
    grid-row-start: 3;
    padding: 20px;
    background-color: #eee;
    margin-top: 20px;
}
.pCMS_BlogArticleContainer .pCMS_CardContainer .pCMS_SocialMediaSharing .ShareLabel{
    margin-top: 0
}
.pCMS_BlogArticleContainer .pCMS_CardContainer .pCMS_ArticleTags {
    grid-column: 1;
    grid-row: 4;
}
/* REVERSE ALL OF THAT FOR MOBILE - INTO 1 COLUMN */
@media only screen and (max-width: 1200px){
    .pCMS_BlogArticleContainer .pCMS_CardContainer {display: block}
}



/* EMERGENCY BANNER */

.pCMS_HeaderWrapper {
    max-width: 100%;
    padding:0;
}



/* deepest-condolences */

.deepest-condolences .ThemeGrid_Container {
    display:block;
}
.Title_Section.deepest-condolences h2,
.Title_Section.deepest-condolences h4 {
   color:#fff!important; 
}
.Title_Section.deepest-condolences,
.phone.portrait .Title_Section.deepest-condolences {
    width:100%;
    background-color:#000;
    color:#fff;
}
.Title_Section.deepest-condolences .flexWrapper {
    padding:0;
    margin:0 auto;
    max-height:500px;
}    
.Title_Section.deepest-condolences .flexItem {
    margin:0;
    padding:0;
}
.Title_Section.deepest-condolences .text-wrap {
    height:100%;
    position:relative;
    padding-right:10%;
}   
.Title_Section.deepest-condolences .text-wrap-inner {
    width:100%;
    top:50%;
    transform:translateY(-50%);
    position:relative;
} 
.Title_Section.deepest-condolences p {
    color:#fff;
    font-weight:500;
    font-size:18px;
    line-height:150%;
    width:100%;
}
.Title_Section.deepest-condolences p.september-closing-message {
    border:1px solid #fff;
    padding:4%;
    font-size:90%;
    margin-top:15px;
    line-height:175%;
}
.Title_Section.deepest-condolences .her-majesty-The-Queen {
    text-align:right;
}

.Title_Section.deepest-condolences .her-majesty-The-Queen img {
    width:auto;
    right:0;
    height:500px;
    position:relative;
    display:inline-block;
    bottom:0;
    margin-right:10%;
}
.phone .Title_Section.deepest-condolences .her-majesty-The-Queen img,
.tablet .Title_Section.deepest-condolences .her-majesty-The-Queen img {
    margin-right:0;
}
.phone .Title_Section.deepest-condolences .flexWrapper,
.tablet .Title_Section.deepest-condolences .flexWrapper {
    max-height:none;
}
.phone .Title_Section.deepest-condolences p,
.tablet .Title_Section.deepest-condolences p,
.phone .Title_Section.deepest-condolences h2,
.tablet .Title_Section.deepest-condolences h2,
.phone .Title_Section.deepest-condolences h4,
.tablet .Title_Section.deepest-condolences h4 {
    text-align:center;
}
.phone .Title_Section.deepest-condolences .text-wrap,
.tablet .Title_Section.deepest-condolences .text-wrap {
    height:100%;
    position:relative;
    padding:10%;
}
.phone .Title_Section.deepest-condolences .text-wrap {
    padding:10% 5%;
}   
.phone .Title_Section.deepest-condolences .her-majesty-The-Queen,
.tablet .Title_Section.deepest-condolences .her-majesty-The-Queen {
    text-align:center;
}



/* CONTACT - DECISION TREE */
/* SURROUND */
.stepsurround{margin-top: 40px;}

.hiddenstep {display: none}
/* HEADER */
.contact-header{
    font-size: 21px;
    font-weight: 600;
}

/* BUTTONS */
.contact-btns {
    padding: 20px 40px;
    background-color: #FFFFFF;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 600;
    margin: 0 8px;
    font-family: 'Libre Franklin', sans-serif;
    border: 2px solid #e4e4e4;
}
.contact-btns:hover {
    cursor: pointer;
    border: 2px solid #89CB31;
    background-color: #fafafa;
}
.contact-btns.selected {
    border: 2px solid #89CB31;
    position: relative;
}
.contact-btns.selected::after {
    display: block;
    position: absolute;
    top: -10px;
    right: -10px;
    content: '\f058';
    font-family: "FontAwesome"; 
    color: #89cb31;
    background-color: #fff;
}


/* RESULTS */
/* RESULTS TITLE */
.contact-resultheader{
    margin-top: 80px;
    margin-bottom: 40px;
}
/* CONTACT TILES */
.contact-tile{
      text-align: center;
}
.contact-tile h4{
    font-size: 18px;
    font-weight: 700;
    margin: 15px 0;
}
.contact-tile p{
    margin-bottom: 10px;
}
.contact-tile.opening-times-tile p{
    font-size: 14px;
}
.contact-tile.opening-times-tile span{
    font-size: 14px;
    margin-right: 10px;
}
.contact-tile img{
    width: 100px;
}

/* RESPONSIVE */ 
@media only screen and (max-width: 660px) {
    .contact-btns{margin-bottom: 16px}
}



/* LANDING PAGE HERO */
.heroLanding {background-color: #2D2926;padding: 40px;}
/* LANDING PAGE HERO - COPY */
.heroLanding .heroCopy h1, .heroLanding .heroCopy p {color: #fff}
/* LANDING PAGE HERO - COPY - RATE */
.heroLanding .heroCopy p.rate .aer-variable{color: #fff}
.heroLanding .heroCopy p.rate .hero-rate {
    font-size: 80px;
    color: #fff;
    font-weight: 800;
    margin: 0 15px;
}
/* LANDING PAGE HERO - IMAGE */
.heroLanding .heroImage img{aspect-ratio: 4/3}
/* LANDING PAGE HERO - RESPONSIVE */
@media only screen and (max-width: 992px){
    .heroLanding{padding: 20px}
    .heroLanding .heroCopy p.rate .hero-rate{font-size: 50px}
}
@media only screen and (max-width: 680px){
    .heroCopy{text-align: center}
}

    
    

/* INFO BOX - 1/3 ICON (WITH POLYGON CUT) 2/3 TEXT */
.infoBox{
    display: flex;
    justify-content: center;
    align-items: stretch;
    border-radius: 10px;
    flex-direction: row;
}
/* INFO BOX - IMAGE POLYGON CUT */
.infoBox .infoBoxImg{
    flex: 1;
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
    clip-path: polygon(80% 0, 100% 50%, 80% 100%, 0 100%, 0 0);
    padding: 0 20px 0 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.infoBox .infoBoxImg{max-width: 90px}
/* INFO BOX - COPY */
.infoBox .infoBoxCopy{
    flex: 5;
    padding: 15px; 
    align-self: center;
}
.infoBox .infoBoxCopy p{
    font-size: 18px; 
    font-weight: 700; 
    margin: 0;
}
/* INFO BOX - COLOUR */
.infoBox.black{border: 2px solid #fff; background-color: #2D2926;}
.infoBox.black .infoBoxImg{background-color: #fff;}
    
/* INFO BOX - RESPONSIVE */
@media only screen and (max-width: 992px){
    .infoBox .infoBoxImg{display: none}
}    

/* SWIPE-SLIDER-CAROUSEL */

.flickity-slider {
    /*left:48px!important;*/
}
.swipeContent {
    margin-top:24px;
    margin-bottom:24px;
}
.swipeItem {
    width: 100%;
    /*padding-bottom:40%;*/
    height:300px;
    margin-left: 48px;
    background: #eee;
    counter-increment: gallery-cell;
    border-radius:0;
}
.phone .swipeItem {
    padding-bottom:100%;
}
.swipeCarousel .swipeItem {
    width:40%;
}
.swipeItem span {
    position:absolute;
    display:block;
    background:#fff;
    padding:8px 20px 10px;
    font-size:20px;
    line-height: 20px;
    border-radius:30px;
    top:50%;
    left:50%;
    text-align:center;
    transform:translateX(-50%) translateY(-50%);
}


/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}
.flickity-enabled:focus { outline: none; }
.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-viewport {
    padding-left:24px;
}
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */

.flickity-button {
  position: absolute;
  background: transparent;
  border: none;
  color: #333;
}
.flickity-button:hover {
  background: #eee;
  cursor: pointer;
}
.flickity-button:focus {
  outline: none;
  box-shadow:none;
}
.flickity-button:active {
  opacity: 0.6;
}
.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}
.flickity-button-icon {
  fill:#2d2926;
}
.flickity-button:hover .flickity-button-icon {
  fill:#2d2926;
}

/* ---- previous/next buttons ---- */

.swipeContent .slider-navigation {
    position:relative;
    margin:0 auto;
    padding:24px 24px 0 24px;
}
.flickity-prev-next-button {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  margin:0;
  top:0;
  z-index:5;
  transition: 0.2s ease-out 0.2s;
}
.flickity-prev-next-button:active {
    background:#eee;
    transition: 0.2s ease-out;
}
.flickity-prev-next-button.previous { right: 84px; }
.flickity-prev-next-button.next { right: 24px; }

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */
.flickity-page-dots {
  position: relative;
  padding: 0;
  list-style: none;
  text-align: left;
  height:44px;
  line-height: 44px;
  width:max-content;
}
@media only screen and (max-width: 1440px)  {
.swipeContent .slider-navigation {
  padding: 0 24px;
}
.flickity-prev-next-button.next {
    right: 24px; 
}
}
.flickity-rtl .flickity-page-dots { direction: rtl; }
.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px 0 0;
  padding:0;
  background: #2d2926;
  border-radius: 50%;
  opacity: 1;
  cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
  background:#98DA40;
}
.flickity-page-dots .dot:hover {
  background:#ddd;
}
.flickity-button, .flickity-page-dots {
    opacity:0;
    transition:0.2s;
}
.swipeContent .slider-navigation .flickity-button,
.swipeContent .slider-navigation .flickity-page-dots {
    opacity:1;
    transition:0.2s;
}
li.dot::before {
display:none;
}