@charset "utf-8";
/* CSS Document */

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    padding: 0;
    margin: 0;
}

body,
html {
    height: 100%;
    font-family: Verdana, Geneva, sans-serif;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
}

h5 {
    font-weight: normal;
    padding: 0 0 20px 0;
    color: #5b5b5b;
}

h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong {
    font-weight: normal;
}

h1 {
    text-align: center;
    color: #5b5b5b;
    padding: 0 0 20px 0;
}

h2 {
    font-weight: normal;
    padding: 0 0 20px 0;
    color: #5b5b5b;
    font-size: 28px;
    line-height: 32px;
}

h3 {
    font-weight: normal;
    padding: 0 0 20px 0;
    color: #333;
    font-size: 22px;
    line-height: 30px;
}

h4 {
    font-weight: normal;
    padding: 0 0 20px 0;
    color: #333;
    font-size: 18px;
    line-height: 25px;
}

h1,
h1.componentheading,
h1.page-header,
div#page h1 {
    color: #ffffff;
}

h1,
h3,
h4,
p,
pre,
blockquote,
* {
    font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
}

h1 {
    font-size: 23px;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    line-height: 23px;
}

h3,
h4 {
    font-size: 24px;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    line-height: 23px;
}

p {
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 23px;
}

blockquote {
    font-size: 17px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 23px;
}

pre {
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 23px;
}

.footnotes {
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px 0;

}

.footnotes p {
    font-size: 14px;
    line-height: 18px;
    color: #696969;
}

.content div#page h1 {
    color: #333;
    display: block;
    text-align: left;
    padding-left: 0;
    position: relative;
    font-size: 38px;
}

/*
		div#page h2, div#page h3, div#page h4, div#page h5 {
			max-width:                 835px;
		}
		*/

.blog div#page h1 {
    padding: 83px 0 203px 0;
}

.campaign h2 {
    text-align: center;
    margin: auto;
    line-height: 40px;
}

p.small {
    font-size: 10px;
}

strong {
    font-size: inherit;
}

sub {
    font-size: 12px;
    line-height: 12px;
}

.fine-print sub {
    font-size: inherit;
    line-height: inherit;
}

div#page ul,
div.blog ul,
div#page ol {
    margin: 0 0 40px 0;
    padding: 0;
}

ul li,
ol li {
    padding: 0;
    margin: 0 0 20px 0;
    font-size: 16px;
    line-height: 26px;
}

ol li {
    padding: 0 0 0 10px;
    margin: 0 0 20px 30px;
}

iframe {
    width: 100%;
}

div#page table td p:last-child {
    margin: 0;
}

/* Icon font
====================================== */

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot');
    src: url('../fonts/icomoon-1.eot') format('embedded-opentype'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"] span,
[class*=" icon-"] span {
    font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
    font-size: 17px;
    color: #545454;
    display: block;
}

*.icon[class^="icon-"]:before,
*.icon[class^="icon-"]:before,
*.icon.before[class^="icon-"]:before,
*.icon.before[class*=" icon-"]:before,
*.icon.after[class^="icon-"]:after,
*.icon.after[class*=" icon-"]:after {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: inherit;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: inherit;
}

.quick-tools li a[class^="icon-"],
.quick-tools li a[class*=" icon-"],
.btn.ib:before,
.main-menu-bottom:after,
.main-menu-bottom button.search:before,
.icon-Phone-Icon:before,
.site-by:after,
div#page ul li:before,
div.blog ul li:before,
.TB_Wrapper .icon:before,
.icon-Search-Icon:before,
button#searchsubmit:before,
.icon-blog:before,
#ps_icon:before,
.icon-chevronCircle:before,
i.shareThis:before,
i.facebook:before,
i.twitter:before,
i.email:before,
i.google-plus:before,
i.linked-in:before,
div#page p.buttonheading a:before,
div.blog p.buttonheading a:before,
.down-arrow:before,
.menutopMenu li.menuIbLogin a:before,
.btn.product:after,
#toTop:after,
body.Section30.responsive2 .middleSection:after {
    font-family: 'icomoon';
    speak: none;
    font-size: inherit;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 53px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 63px;
    color: #333;
}

/*
	.icon-Blog-Icon:before {
		content:                      "\e600";
		display:                      block;
	}*/

.icon-rates:before {
    content: "\e900";
}

.icon-vermilian-Icon:before {
    content: "\e901";
}

.icon-stack:before {
    content: "\e9cd";
}

.icon-newspaper:before {
    content: "\e917";
}

.icon-coins:before {
    content: "\ea0a";
}

.icon-piggy-bank:before {
    content: "\ea0f";
}

.icon-calculator:before {
    content: "\e60b";
}

.icon-location:before {
    content: "\ea3c";
}

.icon-mobile:before {
    content: "\e914";
}

.icon-tree:before {
    content: "\ebcf";
}

.icon-checkmark:before {
    content: "\e601";
}

.icon-search.before:before {
    content: '\eb33';
}

.icon-lock.before:before {
    content: '\eb52';
}

.icon-briefcase:before {
    content: '\ebff';
}

.icon-file-download:before {
    content: '\e9a6';
}

.icon-bubble-lines:before {
    content: '\ead7';
}

.icon-instagram:before {
    content: "\ea92";
}

.quick-tools li a span,
.quick-tools li a:after,
.quick-tools li a:before {
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

.quick-tools li a,
.quick-tools li a:hover {
    position: relative;
    border-bottom: none;
}

.quick-tools li a span {
    position: relative;
    z-index: 1;
}

.quick-tools li a:after {
    content: '';
    display: block;
    width: 100%;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
}

.quick-tools li a:before {
    position: relative;
    z-index: 1;
}

@media screen and (min-width: 1065px) {

    .quick-tools li a:active:before,
    .quick-tools li a:hover:before,
    .quick-tools li a:active span,
    .quick-tools li a:hover span {
        color: #fff;
    }

    .quick-tools li a:active:after,
    .quick-tools li a:hover:after {
        height: 100%;
    }
}

.icon-btnArrowNext:before {
    content: "\e607";
}

.icon-btnArrowPre:before {
    content: "\e608";
}

.icon-tick:before {
    content: "\e62d";
}

.icon-Logo-Icon {
    text-decoration: none;
    display: block;
    padding: 0 0 40px 0;
    height: 50px;
    line-height: 46px;
}

.icon-Logo-Icon:before {
    content: "\e613";
    height: 60px;
    width: 200px;
    color: #fff;
    font-size: 209px;
    line-height: 48px;
}

.down-arrow:before {
    content: "\ee32";
    display: block;
    font-size: 21px;
    line-height: 30px;
    color: #fff;
}

.btn.product:after {
    content: "\edbb";
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    line-height: 25px;
    vertical-align: middle;
    margin: 0 0 0 5px;
}

.containerBottomLevelPromo .btn.product:after {
    font-size: 14px;
}

div#page ul:after,
div.blog ul li:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

div#page ul li,
div.blog ul li {
    padding: 0;
    margin: 0 0 10px 40px;
    font-size: 16px;
    line-height: 26px;
    text-indent: -33px;
    list-style: none;
}

div#page ul li:before,
div.blog ul li:before {
    content: "";
    margin-right: 20px;
    width: 40px;
    font-size: 13px;
    line-height: 26px;
}

div#page p,
p {
    line-height: 26px;
    font-size: 16px;
    margin: 0 0 40px 0;
    padding: 0;
    /*	max-width:                     835px;*/
}

div#page .expandTb ul li {
    padding: 0;
    margin: 0 0 10px 70px;
    /* this may be causing layout issues*/
    font-size: 16px;
    line-height: 26px;
    text-indent: -30px;
    list-style: none;
}

/*
	section.content.campaign div#page p {
		margin:                        0 auto 20px auto;
		text-align:                    center;
	}
	*/

section.content.campaign div#page p.buttonheading {
    margin: 0;
    bottom: -191px;
}

a {
    text-decoration: none;
}

/* To top 
============================================================================ */

#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 20%;
    right: 40px;
    overflow: hidden;
    width: 44px;
    height: 44px;
    border-radius: 50px;
    border: none;
    text-align: center;
    font: normal normal 14px/40px 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
    color: #fff;
    background: #53a9d4;
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=0.5);
    z-index: 9999;
}

#toTop:after {
    content: "\edb7";
    position: absolute;
    margin: -92px 0 0 -24px;
    color: #ffffff;
    font-weight: normal;
    font-size: 24px;
}

#toTopHover {
    width: 48px;
    height: 48px;
    display: block;
    overflow: hidden;
    float: left;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}

/* Site architecture
====================================== */

.main-wrapper {
    height: 100%;
    width: 100%;
}

.VisaMini .main-wrapper {
    height: 63.3%;
    width: 100%;
}

.section-wrapper {
    width: 100%;
}

section.content,
section.content.campaign {
    padding: 100px 20px;
}

section.content {
    max-width: 1200px;
    margin: auto;
    /*margin-top: 120px;*/
    margin-top: 170px;
    position: relative;
}

.responsive2 section.content {
    padding: 0 20px 0px;
}

.internal-banner,
.internal-banner-campaign,
.internal-banner-blog {
    margin: 0;
    overflow: hidden;
    height: 240px;
    position: relative;
    left: 0;
    right: 0;
    background: #666;
    width: 100%;
    /*top: 157px;*/
    top: 170px;
    background: rgba(102, 102, 102, 1);
    background: -moz-linear-gradient(left, rgba(102, 102, 102, 1) 0%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(102, 102, 102, 1)), color-stop(100%, rgba(0, 0, 0, 1)));
    background: -webkit-linear-gradient(left, rgba(102, 102, 102, 1) 0%, rgba(0, 0, 0, 1) 100%);
    background: -o-linear-gradient(left, rgba(102, 102, 102, 1) 0%, rgba(0, 0, 0, 1) 100%);
    background: -ms-linear-gradient(left, rgba(102, 102, 102, 1) 0%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to right, rgba(102, 102, 102, 1) 0%, rgba(0, 0, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000', GradientType=1);
}

.internal-banner-campaign {
    height: 620px;
    position: relative;
    top: 100px;
}

.VisaMini .internal-banner-campaign {
    height: 620px;
    position: relative;
    top: 0;
    margin-top: 170px;
    border-bottom: 5px solid #fff;
}

.internal-banner img,
.internal-banner-campaign img {
    height: 100%;
    width: auto;
    position: absolute;
    left: -300%;
    right: -300%;
    margin: auto;
}

.blog-wrapper {
    width: 100%;
    max-width: 1200px;
    padding: 0 20px;
    margin: auto;
}

div.blog,
div.leading,
div.article_column {
    width: 100%;
    float: none;
}

section.content div#page {
    width: 100%;
}

.middleSection {
    background-color: #333333;
    padding: 0px;
}

.middleSection-inner {
    max-width: 983px;
    margin: 0px auto;
    padding: 0 0 60px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.middleSection-inner h2 {
    color: #FFF;
    text-align: center;
    margin: 0px 0px 40px;
    padding: 30px 0 0px;
}

.middleSection-inner ul {
    position: relative;
    margin: 0 0 0 20px;
    padding: 0px;
    overflow: hidden;
}

.middleSection-inner ul li {
    background-color: #FFF;
    display: inline-block;
    float: none;
    height: auto;
    min-height: 335px;
    padding-bottom: 10000px;
    margin-bottom: -10000px;
    overflow: hidden;
    text-align: center;
    text-indent: 0px;
    vertical-align: top;
    width: 24%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
}

.middleSection-inner .circle {
    color: #FFF;
    font-weight: bold;
    background: #ee3423 none repeat scroll 0% 0%;
    text-align: center;
    line-height: 40px;
    margin: 20px auto;
    width: 40px;
    height: 40px;
    border-radius: 20px;
}

.middleSection-inner .Rate-interest span.input,
.middleSection-inner .Rate-comparison span.input {
    font-size: 45px;
    font-weight: normal;
    line-height: 40px;
    font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
}

.bottomSection {
    padding: 40px 0;
}

.formSection-inner {
    max-width: 1200px;
    margin: 0px auto;
    padding: 0 0 20px 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/* Blog pagination 
========================================*/

div.blog ul.pagination {
    list-style-type: none;
    text-align: left;
    display: inline;
    position: relative;
    float: left;
    margin: 0 0 0 -7px;
    padding: 14px 0 50px 0;
    width: 100%;
    box-sizing: border-box;
}

div.blog ul.pagination li,
div.blog ul.pagination li a:hover {
    display: inline-block;
    min-width: 20px;
    height: 20px;
    padding: 0;
    margin: 0px 3px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background-color: #036;
    border-radius: 3px;
    font-weight: bold;
    box-sizing: border-box;
    text-indent: inherit;
}

div.blog ul.pagination li:before {
    content: none;
}

div.blog ul.pagination li a:hover {
    padding: 0 5px;
    margin: 0;
    background-color: #036;
}

div.blog ul.pagination li a,
div.blog ul.pagination li:first-child,
div.blog ul.pagination li:last-child,
div.blog ul.pagination li:nth-child(2),
div.blog ul.pagination li:nth-last-child(2) {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 5px;
    color: #0098a6;
    background-color: #fff;
    font-weight: normal;
    box-sizing: border-box;
    text-decoration: none;
}

div.blog ul.pagination li:first-child,
div.blog ul.pagination li:last-child,
div.blog ul.pagination li:nth-child(2),
div.blog ul.pagination li:nth-last-child(2) {
    background-color: none;
    display: inline-block;
    max-width: 45px;
    text-align: center;
    padding: 0;
    color: #ccc;
    margin: 0;
}

/* Main nav
====================================== */

.logo {
    z-index: 9999;
    position: relative;
    float: left;
    margin-top: -10px;
}

.nav-wrapper {
    top: 0;
    height: 170px;
    position: fixed;
    width: 100%;
    z-index: 99999;
    background-color: #fff;
}

.nav-wrapper.cookie-active-nav {
    height: 196px;
}

.nav-wrapper.campaign {
    height: 100px;
    border-bottom: 1px solid #d3d3d3;
}

.menu-container {
    max-width: 1200px;
    width: 100%;
    padding: 0;
    margin: auto;
    position: relative;
}

.menu-wrapper .Top-Nav {
    display: none;
}

.menu-top-wrapper {
    max-width: 1200px;
    width: 100%;
    margin: auto;
    padding: 15px 20px;
    height: 95px;
    position: relative;
}

.menu-top-wrapper>a:not([class]) {
    display: inline-block;
    height: 100%;
    float: left;
}

.main-menu-top {
    max-width: 600px;
    width: 100%;
    margin: auto;
    float: right;
    text-align: right;
    height: 63px;
    position: relative;
    z-index: 999999;
}

header .menutopMenu .menu.links,
header .menutopMenu .social {
    display: block;
    width: 100%;
    margin: 0 0 4px;
    height: auto;
}

header .menutopMenu .menu.links span {
    color: inherit;
    font-weight: inherit;
    cursor: inherit;
}

header .menutopMenu .menu.links li>a,
header .menutopMenu .menu.links li>span {
    font-weight: 600 !important;
    font-size: 16px !important;
    cursor: pointer !important;
    display: block;
    text-decoration: none !important;
}

header .menutopMenu .menu.links li>a span,
header .menutopMenu .menu.links li>a span:hover {
    display: inline !important;
    padding: 0 !important;
    text-decoration: none !important;
}

header .menutopMenu .social a,
header .menutopMenu .social span {
    padding: 0;
}

.menutopMenu {
    max-width: 1000px;
    margin: auto;
    float: right;
    text-align: right;
    height: 63px;
    position: relative;
    z-index: 999999;
}

.menutopMenu li {
    padding: 0;
    padding: 0 1em 0 0;
    margin: 0;
    display: inline-block;
    font-size: 1.1em;
    font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
}

.menutopMenu li a {
    text-decoration: none;
    color: #989898;
    padding: 20px 0;
    font-size: 16px;
    font-weight: 600;
}

.menutopMenu li.ph_bsb a {
    font-weight: normal;
    color: #333;
}

/*.menutopMenu li a:hover {
		border-top:                		4px solid #0098a6;  
		margin:                     	0 0 4px 0; 
		color:                      	#333;   
	}*/

.menutopMenu .menuIbLogin a {
    display: block;
    height: 60px;
    padding: 0 12px;
    border: none;
    border-radius: 6px;
    margin: 2px auto;
    margin: 2px auto;
    color: #fff;
    vertical-align: middle;
}

.menutopMenu .menuIbLogin a span,
.menutopMenu .menuIbLogin a:before {
    display: inline-block;
    vertical-align: middle;
}

.menutopMenu .menuIbLogin a:before {
    font-family: 'icomoon';
    content: '\eb52';
    font-size: 18px;
    line-height: 35px;
    color: #fff;
    height: 60%;
    margin: 0 11px 0 0;
    padding: 0 9px 0 7px;
    border-right: 1px solid #fff;
}

.menutopMenu .menuIbLogin a:hover {
    color: #fff;
    border-bottom: 4px solid transparent;
    margin: 1px auto 5px auto;
    -moz-box-shadow: 0 3px 2px 0 #e3e3e3;
    box-shadow: 0 3px 2px 0 #e3e3e3;
}

header>a:first-child {
    color: #0098a6;
}

/* --- Search --- */

.search-wrapper {
    width: 100%;
    max-width: 1200px;
    padding: 0 20px;
    margin: auto;
    position: absolute;
    top: 85px;
    left: -50%;
    right: -50%;
}

#search-form {
    display: block;
    float: right;
    margin: 23px 20px 12px 0;
    width: 233px;
    position: absolute;
    right: 0;
    height: 50px;
    border-radius: 6px;
    /*overflow: hidden;*/
}

/*#search-menu {
		position:                       relative;
		z-index:                        9999;
		display:                        none;
		text-decoration:                none;
		color:                          #333;
	}*/

#search-form input {
    font-size: 16px;
    color: #fff;
    width: 198px;
    border: none;
    background-color: transparent;
    box-shadow: 0 -1px 0 #666, 0 1px 0 #666;
    line-height: 20px;
    vertical-align: middle;
    height: 50px;
    /*border-radius:                  6px 0 0 6px;*/
    padding: 0 15px;
    box-sizing: border-box;
}

#search-form input::-ms-clear {
    display: none;
}

#ps_icon_background {
    /*border-radius:                  0 6px 6px 0;*/
    text-align: left;
    width: 30px;
    padding: 0 5px 0 0;
    margin: 0 0 0 -6px;
    cursor: pointer;
    color: #fff;
    background: transparent;
    height: 50px;
    box-shadow: 0 -1px 0 #666, 0 1px 0 #666;
}

#ps_icon {
    background: none;
    height: 50px;
    width: 35px;
    padding: 0;
}

#ps_icon:before {
    content: "\eb33";
    font-size: 18px;
    color: #fff;
    cursor: pointer;
}

#ps_icon.close,
#ps_icon.searching {
    background: none;
}

#ps_icon.searching {
    background: url(../images/menu/spinner.gif);
    height: 50px;
    width: 30px;
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center;
}

#ps_icon.searching:before {
    content: none;
}

#ps_icon.close:before {
    content: "×";
    font-size: 27px;
    color: #fff;
    line-height: 44px;
}

input#searchsubmit {
    border-radius: 0 6px 6px 0;
    text-align: left;
    width: 30px;
    padding: 0 5px 0 0;
    margin: 0 0 0 -6px;
    cursor: pointer;
    color: #ee3423;
}

#search-form input:focus {
    outline: none;
}

::-webkit-input-placeholder {
    color: #f5cc8e;
    font: italic normal 14px Verdana, Geneva, sans-serif;
}

:-moz-placeholder {
    color: #f5cc8e;
    font: italic normal 14px Verdana, Geneva, sans-serif;
    line-height: 40px;
}

::-moz-placeholder {
    color: #f5cc8e;
    font: italic normal 14px Verdana, Geneva, sans-serif;
    line-height: 40px;
}

:-ms-input-placeholder {
    color: #f5cc8e;
    font: italic normal 14px Verdana, Geneva, sans-serif;
}

placeholder {
    color: #f5cc8e;
    font: italic normal 14px Verdana, Geneva, sans-serif;
}

#ps_results {
    width: 700px;
    max-height: 500px;
    margin: 12px 0 0 -467px;
    box-sizing: border-box;
    border: 0;
    padding: 20px;
    position: relative;
    overflow: hidden;
    overflow-y: scroll;
    box-shadow: 4px 4px 0 1px rgba(68, 68, 68, 0.1);
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}

#ps_results span {
    line-height: 24px;
}

#ps_results a.clearboth {
    margin: 20px 0 0 0;
    display: block;
}

#ps_results .ps_header {
    font-weight: normal;
    font-size: 24px;
    background: none;
    padding: 0;
    margin: 0 0 20px 0;
}

#ps_results .ps_row_btm {
    font-weight: normal;
    font-size: 14px;
    background: none;
    padding: 0;
    margin: 0 0 20px 0;
}

#ps_results [class^="ps_row"] {
    border: none;
    padding: 0;
    font-size: 16px;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 40px;
    margin: 0;
}

#ps_results [class^="ps_row"]:last-child {
    border-bottom: none;
}

#ps_results a h3 {
    color: #ee3423;
    padding: 20px 0;
    font-size: 18px;
}

#ps_results #ps_link {
    display: none;
}

/* Main Rotator 
====================================== */

/* Force a line break */

a.rotator-para,
a.rotator-para:hover,
a.rotator-para:visited {
    display: block;
    color: #fff;
    text-decoration: none;
}

/* Emphasis styling on rates */

a.rotator-rates,
a.rotator-rates:hover,
a.rotator-rates:visited {
    color: #fff;
    text-decoration: none;
    font-size: 45px;
    line-height: 45px;
    vertical-align: middle;
}

section.main-banner {
    height: 470px;
    display: block;
    position: relative;
    margin-top: 170px;
}

.TB_Wrapper {
    /*position: relative;*/
    /*width: 100%;*/
}

.TB_Wrapper .navHolder {
    display: none;
}

.TB_Wrapper .navHolder:first-child {
    display: block;
}

.TB_Wrapper .icon:before {
    content: '\ee32' !important;
    color: #fff;
    line-height: 40px !important;
    font-size: 30px;
}

.TB_Wrapper .navHolder .noSelect:first-child .rounded,
.TB_Wrapper .navHolder .noSelect:last-child .rounded {
    position: absolute;
    top: -325px;
    z-index: 9;
    font-size: 25px;
    cursor: pointer;
}

.TB_Wrapper .navHolder .noSelect:first-child .rounded {
    left: 1rem;
}

.TB_Wrapper .navHolder .noSelect:last-child .rounded {
    right: 1rem;
}

.TB_Wrapper .navHolder .noSelect:first-child .rounded:before,
.TB_Wrapper .navHolder .noSelect:last-child .rounded:before {
    display: inline-block;
}

.TB_Wrapper .navHolder .noSelect:first-child .rounded:before {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.TB_Wrapper .navHolder .noSelect:last-child .rounded:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.TB_Wrapper {
    background: url(/templates/client/images/rotator/spinner-rotator.gif) center center no-repeat;
}

.TB_Wrapper,
.TB_Wrapper .Slides {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    background-position: center;
}

.slickCarousel .Slides .Slide {
    background-position: center;
}

.slickCarousel .Slide>div:empty {
    display: none;
}

.slickCarousel .Slide .slickMargins {
    width: 90%;
}

.slickCarousel .Slide .slickMargins .slideText {
    font-size: 32px;
    line-height: 1.6em;
}

.slickCarousel .Slide .slickMargins .slickTitle {
    font-size: 60px;
    line-height: 1.6em;
}

/*.slickCarousel .Slide .slickMargins .rotator-terms {
			font-size: 16px;
			line-height: inherit;
		}*/

.slickCarousel .Slides a.rotator-terms,
.TB_Wrapper .Slides a.rotator-terms {
    font-size: 16px;
    color: #fff;
    margin-top: -2em;
}

.slickCarousel .Slide div,
.TB_Wrapper .Slide div {
    font-size: 32px;
    line-height: 1.4em;
    font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
    font-weight: normal;
    position: relative;
}

.TB_Wrapper .Slide>div {
    z-index: 9999;
    width: 100% !important;
    left: 0 !important;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    display: block !important;
    top: 50% !important;
}

.TB_Wrapper .Slide div.txtCont {
    position: absolute;
    top: auto;
    text-align: center;
    height: auto !important;
    width: 100% !important;
}

.TB_Wrapper .Slide {
    top: 0 !important;
    overflow: hidden;
    position: absolute;
    margin: 0;
    height: 100%;
}

.TB_Wrapper .Slide div.noSelect {
    top: 0 !important;
    padding: 0 60px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1200px;
    margin: auto;
    left: 0 !important;
    width: 100% !important;
}

.TB_Wrapper .Slide img.noSelect {
    margin: auto;
    /*left:                           -300%;/* !important;*/
    /*right:                          -300%;/* !important;*/
    width: auto !important;
    z-index: 0;
}

.TB_Wrapper .captionCanvas {
    display: none;
}

.slickCarousel .slick-arrow,
.TB_Wrapper .navHolder {
    z-index: 4 !important;
    display: inline-block !important;
}

/* added by FRONT-7002, commented by MWR-178, this is may apply again in the future
        .slickCarousel .rotator-slide-10 .slideText,
        .slickCarousel .rotator-slide-10 .slideText a {
            color: #00FAAF;
        }
        */

.defaultButton .rounded .icon {
    margin-top: 60px;
}

.TB_Wrapper .icon {
    background: none;
}

.TB_Wrapper .icon:before {
    content: "\e602";
}

.TB_Wrapper .defaultButton {
    margin-top: 0;
    /*height:                         70px !important;*/
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Quick tools
====================================== */

.qt-wrapper {
    border-top: 1px solid #ebebeb;
    height: 210px;
    margin-top: -1px;
}

.quick-tools {
    max-width: 1200px;
    margin: auto;
}

.quick-tools li {
    font-family: Verdana, Geneva, sans-serif;
    height: 210px;
    width: 20%;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #ebebeb;
    margin: 0;
    margin-right: -2px;
    float: left;
    list-style: none;
    text-indent: 0;
}

.quick-tools li a {
    padding: 63px 0;
    text-decoration: none;
    color: #545454;
    display: block;
    -webkit-transition: background-color ease 0.3s;
    -moz-transition: background-color ease 0.3s;
    -o-transition: background-color ease 0.3s;
    transition: background-color ease 0.3s;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 100%;
}

.quick-tools li a:hover {
    background-color: #f5f5f5;
}

.quick-tools li:before {
    content: none;
}

.quick-tools li:last-child {
    border-right: 0;
}

.quick-tools [class^="icon-"],
.footer-links [class^="icon-"] {
    margin: 0;
    text-align: center;
}

/* Sub promo
====================================== */

.subpromo-menu {
    width: 100%;
    margin: 0 0 -2px 0;
}

.subpromo-menu li {
    width: 33.333333333%;
    display: inline-block;
    position: relative;
    height: 360px;
    font-size: 14px;
    overflow: hidden;
    margin: 0;
    margin-left: -6px;
    /*
			border-left:                    2px solid #ffffff;
			border-right:                   2px solid #ffffff;
			-moz-box-sizing:                border-box;
			box-sizing:                     border-box;
		*/
}

.subpromo-menu li.email-subscription {
    width: 50%;
}

.subpromo-menu.full-width li {
    width: 100%;
}

.subpromo-menu li:first-child {
    border-left: 0;
    margin-left: 0;
}

.subpromo-menu li:last-child {
    border-right: 0;
}

.sub-promo {
    width: 100%;
    font-size: 20px;
    color: #fff;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.sub-promo-content,
.banner-content {
    padding: 0 40px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9998;
    margin: auto;
    left: 0;
    right: 0;
    max-width: 800px;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.sub-promo-content.email-promo {
    text-align: left;
}

.sub-promo-content.email-promo h2,
.sub-promo-content.email-promo h3 {
    color: black;
}

.sub-promo-content.email-promo a,
.sub-promo-content.email-promo a:hover {
    color: black !important;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.75) inset;
}

.sub-promo-content.email-promo a {
    color: black !important;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.75) inset;
}

.sub-promo p,
.sub-promo h3 {
    margin: auto;
    position: relative;
    z-index: 999;
}

.sub-promo p {
    margin: 0 auto 20px auto;
}

.sub-promo h1,
.sub-promo h2,
.sub-promo h3 {
    font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
    font-size: 30px;
    padding-bottom: 10px;
    line-height: 35px;
    color: #fff;
}

.sub-promo img {
    margin: 0 auto 20px auto;
    display: block;
}

.sub-promo-content img {
    max-width: 225px;
    width: auto;
}

.sub-promo img.bg {
    position: absolute;
    top: 0;
    margin: auto;
    left: -300%;
    right: -300%;
    z-index: 0;
}

.sub-promo .fine-print {
    font-size: 10px;
    line-height: 10px;
    margin: 0;
}

/* News
====================================== */

.articlelist_intro {
    font-size: 16px;
    line-height: 26px;
}

.articlelist_title {
    position: relative;
    font-size: 22px;
    font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
    line-height: 25px;
    text-align: left;
    text-decoration: none;
    color: #333;
    display: block;
    margin: 0;
}

.news h2 {
    height: 71px;
    position: relative;
    margin: 0 0 40px 0;
    padding: 0;
}

.news h2:before {
    content: "";
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    width: 85px;
    margin: auto;
    border-bottom: 1px solid transparent;
}

.news,
.newsreel {
    max-width: 1200px;
    padding: 0 20px;
    text-align: center;
    margin: 80px auto;
}

.news .articlelist_title {
    margin: 0 0 20px 0;
}

.newsreel {
    margin-top: 40px;
}

.articlelist li {
    width: 30%;
    margin-right: 3.3%;
    text-align: left;
    display: inline-block;
    padding: 0;
    vertical-align: top;
}

.articlelist li:last-child {
    margin-right: 0;
}

#moreNews a {
    display: block;
    border-radius: 4px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font: normal normal 20px/25px 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
    border-radius: 6px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    margin: 40px auto 0 auto;
    height: 55px;
    line-height: 58px;
    padding: 0 15px;
    /*color:                          #ee3423;*/
    background: none;
    /*border:                         1px solid #ee3423;*/
    border: 1px solid transparent;
    position: relative;
    max-width: 200px;
}

.readMore a {
    color: #0098a6;
}

.readMore a:hover {
    color: #0098a6;
    text-decoration: none
}

#moreNews a:hover {
    color: #fff;
    background: #ee3423;
    border: 1px solid #fff;
}

span.readMore {
    display: block;
    margin: 20px 0 0 0;
    font: normal normal 18px/24px 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
}

/* Covid news
====================================== */

.covid-news .articlelist {
    padding-bottom: 100px;
}

.covid-news .articlelist li {
    width: 100%;
    margin-right: 0;
    padding: 0;
    position: relative;
    margin-left: 0;
    text-indent: 0;
}

.covid-news .articlelist li div a span {
    padding-left: 40px;
    font-size: 16px;
    line-height: 22px;
}

.covid-news .articlelist li div a span:before {
    content: "";
    margin-right: 20px;
    width: 40px;
    border: 3px solid #0098a6;
    border-radius: 100%;
    position: absolute;
    left: 8px;
    top: 5px;
    width: 12px;
    height: 12px;
}

.covid-news h2 {
    font-weight: normal;
    padding: 0 0 40px 0;
    color: #0098a6;
    font-size: 42px;
    line-height: 52px;
}

.covid-news .blog h2.contentheading {
    padding: 0 0 40px 0;
    color: #5b5b5b;
    font-size: 30px;
    line-height: 32px;
}

.covid-news .blog h2 {
    padding: 0 0 20px 0;
    color: #5b5b5b;
    font-size: 26px;
    line-height: 32px;
}

.covid-news .articlelist li:nth-child(2),
.covid-news .articlelist li:last-child {
    display: inline-block
}

/* Footer
====================================== */

footer {
    min-height: 500px;
    color: #fff;
    text-align: center;
    padding: 40px 0;
}

footer ul,
footer p {
    max-width: 1200px;
    margin: 0 auto 40px auto;
    padding: 0 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

footer p {
    font-size: 12px;
    line-height: 18px;
    color: #ffffff;
}

footer p:first-child {
    padding: 0;
    margin: auto;
}

.footer-links li {
    margin: 0 10px;
    font-size: 14px;
    display: inline-block;
}

.footer-links li .bolded {
    font-weight: 600;
}

footer .logo {
    margin: 40px 0 0 0;
}

/*  .footer-links li a {
		text-decoration:                none;
	}

	.footer-links li a:hover {
		padding:                        0 0 9px 0;
		border-bottom:                  1px solid #c6c6c6;
	}
*/

/* locator 
============================================================================ */

div#mapControls,
#mapWrapper {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#mapWrapper,
#mapContainer,
#locationContainer {
    width: 100% !important;
}

#locationContainer {
    margin-left: 0 !important;
}

#mainTopPanel,
.additionalPanel {
    width: 100% !important;
}

.locationHeadings h2,
.locationHeadings h3 {
    padding: 30px 0 20px !important;
}

.threecol .col1 h3,
.threecol .col3 h3 {
    padding: 20px 0 !important;
    font-size: 25px !important;
}

#mainPanelDetails {
    width: 95% !important;
}

#results_panel ul#listResults li {
    text-indent: 0;
    padding: 5px !important;
    line-height: 20px;
}

#map_results ul li {
    text-indent: 0 !important;
}

#map_results ul li#resultsTab:before,
#results_panel ul#listResults li:before {
    content: none;
}

.locationUrlLink {
    color: #ee3423 !important;
}

::-webkit-input-placeholder {
    color: #7c8589;
    font-family: Verdana, Geneva, sans-serif;
}

:-moz-placeholder {
    color: #7c8589;
    font-family: Verdana, Geneva, sans-serif;
    line-height: 40px;
}

::-moz-placeholder {
    color: #7c8589;
    font-family: Verdana, Geneva, sans-serif;
    line-height: 40px;
}

:-ms-input-placeholder {
    color: #7c8589;
    font-family: Verdana, Geneva, sans-serif;
}

placeholder {
    color: #7c8589;
    font-family: Verdana, Geneva, sans-serif;
}

/* ATM locator
============================================================================ */

body.Section0 .main-wrapper {
    min-height: 950px;
}

div#mapControls,
#mapWrapper {
    padding: 20px 0 20px 20px;
}

#map_search_btn {
    background-color: #4eaded;
    border: 1px solid #4eaded;
    box-shadow: none;
    width: 100px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    font-family: Verdana, Geneva, sans-serif;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    color: #fff;
    margin: 3px 0 0 0;
    line-height: 20px;
    padding: 0 15px;
    text-indent: 0;
    min-height: 27px;
}

#map_search_btn:hover {
    background-color: #0098a6;
    border: 1px solid #0098a6;
}

/* Mixins - buttons, etc
====================================== */

.bbox {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.clear-fix:before,
.clear-fix:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.btn {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    min-width: 160px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    border-radius: 6px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    margin: 0 5px 10px;
    height: 50px;
    line-height: 50px;
    padding: 0 28px;
    text-indent: 0;
    font-size: 18px;
    border: 2px solid transparent;
    font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
    vertical-align: top;
}

.btn:active {
    background: #ee3423;
    box-shadow: inset 0 2px 10px 2px rgba(68, 68, 68, 0.3);
}

@media screen and (max-width: 640px) {
    .btn.no-padding {
        padding: 0 15px;
    }
}

.btn.primary {
    /*background:                         #ee3423;*/
    background-color: transparent;
}

.primary:hover,
.readon:hover {
    color: #fff;
    background: #ee3423;
}

.secondary {
    color: #ee3423;
    background: none;
    position: relative;
    padding: 0 28px;
}

.sub-promo .secondary {
    background: none;
    border: 1px solid white;
    color: #fff;
    z-index: 999;
    margin: 0 auto 20px auto;
}

.secondary:hover {
    color: #fff;
    background: #ee3423;
    border: 2px solid #ee3423;
}

.btn.medium {
    height: 45px;
    padding: 0 20px;
    line-height: 46px;
    font-size: 16px;
}

.btn.small {
    min-width: 0;
    height: 30px;
    padding: 0 15px;
    line-height: 31px;
    font-size: 14px;
}

.btn.product {
    border: none;
    color: inherit;
    text-align: left;
}

.btn.product:hover {
    border: none;
    /*color:								#ee3423;*/
}

.btn.product:active {
    background: none;
    box-shadow: none;
}

.forms-applications .btn.product {
    color: #fff;
    background: #0098a6;
    border: 0;
    box-shadow: none
}

.btn.product:hover,
.btn.product:after {
    color: #fff !important;
}

@media screen and (min-width: 768px) {
    .forms-applications .btn.product {
        position: absolute;
        bottom: 20px;
    }
}

.TB_Wrapper a:hover {
    text-decoration: none;
}

/* specific button styles */

.two-col-layout-cta td:last-child .btn {
    display: block;
    max-width: 250px;
    margin: 0 auto 20px auto;
}

.btn.ib {
    margin: 5px auto;
    color: #fff;
    padding: 0 12px;
    border: none;
    min-width: 0;
    float: right;
    width: 209px;
    box-sizing: content-box;
    display: none;
}

.btn.ib:before {
    content: '\eb52';
    border-right: 1px solid #0077c7;
    float: left;
    width: 30px;
    margin: 0 15px 0 0;
    padding: 0 9px 0 0;
    font-size: 24px;
    line-height: 55px;
    color: #ffffff;
}

.btn.ib:hover {
    /*color:                              #fff;
		border-bottom:                      4px solid #8b1e14;
		-moz-box-shadow:                    0 3px 2px 0 #e3e3e3;
		box-shadow:                         0 3px 2px 0 #e3e3e3;
		margin:                             1px auto 5px auto;*/
}

.btn.ib:active {
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
    margin: 5px auto;
}

.desktop-ib {
    display: inline-block;
}

.mobile-ib {
    display: none;
}

.campaign .btn {
    min-width: 220px;
}

.readon,
#searchForm .button {
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    font: normal normal 18px/33px 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
    letter-spacing: 1px;
    border-radius: 6px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    margin: 0 auto 20px auto;
    height: 30px;
    padding: 5px 25px;
    text-indent: 0;
    /*border:                             1px solid #ee3423;*/
    color: #fff;
    /*background:                         #ee3423;*/
}

#searchForm .button {
    height: 38px;
}

div#page p.fine-print {
    font-size: 14px;
    line-height: 18px;
    color: #A0A0A0;
}

/* Directors page styling
============================================================================ */

div#page ul.directors {
    margin: 40px 0;
    padding: 0 0 0 20px;
}

div#page ul.directors h3 {
    padding: 0 0 10px 0;
}

div#page ul.directors li {
    list-style: none;
    display: inline-block;
    width: 78.35%;
    margin: 0 0 0 0.85%;
    vertical-align: top;
    text-indent: 0;
}

div#page ul.directors li:before {
    content: none;
}

div#page ul.directors li:first-child {
    width: 15%;
    margin: 0;
}

div#page ul.directors li ul li,
div#page ul.directors li ul li:first-child {
    width: 100%;
    margin: 0;
}

div#page ul.directors li img {
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
}

div#page ul.directors li p {
    /*margin: 0 0 20px 0;*/
    font-size: 14px;
    line-height: 22px;
}

/* TABLE STYLES 
============================================================================ */

div#page table {
    margin: auto;
}

table tbody td {
    font-size: 15px;
    line-height: 26px;
    vertical-align: top;
}

.padding td {
    padding: 0 40px;
}

table {
    max-width: 1160px !important;
    width: 100%;
    /*site width*/
}

table.clean,
table.clean tr {
    background: none !important;
}

/* Expand Tables
============================================================================ */

div#page table.expandTb,
div#page table.expandTb tr,
div#page table.expandTb td {
    margin: 0 !important;
    padding: 1%;
    text-align: left !important;
}

div#page table.expandTb td.expandTb_content {
    padding: 20px 0;
    height: auto;
    width: 100%;
}

div#page table.expandTb td.expandTb_content ul.threeColl li {
    list-style: none;
    float: left;
    width: 30%;
    padding: 0;
    margin: 0 0 15px 20px;
}

div#page table.expandTb table.stripeTable td {
    padding: 8px 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div#page table.expandTb {
    /*margin: 0 auto 1px auto !important;*/
    padding: 0 20px;
    max-width: 1160px;
}

div#page td.expandTb_content p {
    padding-left: 20px;
    padding-right: 20px;
}

div#page td.expandTb_content p.icon-tick {
    font-weight: bold;
    color: #ee3423;
}

div#page td.expandTb_content h2,
div#page td.expandTb_content h3,
div#page td.expandTb_content h4,
div#page td.expandTb_content h5 {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.expandTb_header {
    height: 55px;
    background-color: transparent;
    border-bottom: none;
    text-decoration: none;
    cursor: pointer;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: auto;
}

table.expandTb tr td.dropDownLink {
    font-weight: normal;
}

table.expandTb>tbody>tr>td.dropDownLink:hover {
    background-color: transparent;
    text-decoration: none;
    color: #333;
    cursor: pointer;
}

table.expandTb tr td.dropDownLink:hover {
    text-decoration: none;
    cursor: text;
}

.expandTb_header td {
    font-size: 22px;
    line-height: 30px;
    padding: 0 20px;
    color: #333;
    font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
    border-radius: 6px;
}

table.expandTb .icon-plus,
table.expandTb .icon-minus {
    background: none;
    position: relative;
    line-height: 15px;
    float: left;
    margin: 2px 15px 0 0;
}

table.expandTb .icon-plus:before,
table.expandTb .icon-minus:before {
    font-weight: bold;
}

table.expandTb .icon-plus:before {
    content: "+";
    font-size: 20px;
}

table.expandTb .icon-minus:before {
    content: "-";
    font-size: 20px;
}

/* Stripe Tables (pulled in from byond product summary)
============================================================================ */

table.stripeTable {
    padding: 0;
    margin: 0 0 40px 0;
}

table.stripeTable tbody td {
    border: 0;
}

table.stripeTable tr th {
    background-color: #333;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 20px;
    text-align: left;
    border: none;
}

table.stripeTable tr.odd td,
table.stripeTable tr td.first {
    background-color: #f1f1f1 !important;
    border: 1px solid #ffffff !important;
}

table.stripeTable tr td.first,
table.stripeTable tr.prodtGp td {
    background-color: #d9d9d9 !important;
    font-weight: bold;
}

table.stripeTable tr.even td {
    background-color: #f9f9f9;
    border: 1px solid #ffffff !important;
}

table.stripeTable tr td {
    border: none !important;
}

table.tablesorter2 td img {
    width: auto;
}

/* various responsive column Tables 
============================================================================ */

table.two-col-layout,
table.three-col-layout,
table.four-col-layout,
table.two-col-layout-cta,
table.three-col-layout-cta,
table.three-col-split,
table.two-col-split {
    width: 100%;
    border-collapse: collapse;
    margin: 0 auto 40px auto !important;
}

table.two-col-layout td img,
table.two-col-layout-cta td img,
table.three-col-layout-cta td img,
table.three-col-layout td img,
table.four-col-layout td img,
table.three-col-split td img,
table.two-col-split td img {
    max-width: 100% !important;
    height: auto !important;
    margin: auto;
    display: inline-block;
}

table.two-col-layout td,
table.four-col-layout td,
table.two-col-layout-cta td {
    padding: 0 1.65% 0 0;
    vertical-align: top;
}

table.two-col-layout.team td {
    width: auto !important;
}

table.two-col-layout.team td:first-child {
    width: 150px !important;
}

table.two-col-layout td,
table.three-col-split td:first-child {
    width: 46.6%;
}

table.two-col-split td:first-child {
    width: 75.5%;
    padding: 20px;
}

table.two-col-layout-cta td:first-child {
    /*    padding: 0 3.3% 0 0;*/
}

table.two-col-layout-cta td:last-child,
table.three-col-layout-cta td:last-child {
    width: 24.16%;
    padding: 0;
}

table.three-col-layout-cta td:first-child,
table.three-col-layout-cta td:nth-child(2) {
    width: 36.6%;
    vertical-align: top;
    padding: 0 3.3% 0 0;
}

table.three-col-layout td {
    width: 31%;
}

table.three-col-layout td,
table.three-col-layout.stripeTable td,
table.four-col-layout td,
table.four-col-layout.stripeTable td,
table.three-col-split td {
    width: 22.5%;
    padding: 0 1.65%;
}

table.three-col-split tr:nth-child(odd) td,
table.two-col-split tr:nth-child(odd) td {
    background-color: #f6f6f6;
}

table.three-col-split tr:nth-child(even) td,
table.two-col-split tr:nth-child(even) td {
    background-color: #fff;
}

table.three-col-split td,
table.two-col-split td {
    /* padding: 20px 1.65%;*/
    padding: 20px;
    vertical-align: middle;
}

table.three-col-split.top td,
table.two-col-split.top td {
    vertical-align: top;
}

.three-col-split td:first-child,
table.two-col-split td:first-child {
    /*  padding: 20px 1.65% 20px 20px;*/
    padding: 20px;
}

.three-col-split.top td:last-child,
table.two-col-split.top td:last-child {
    padding: 40px 20px 20px 1.65%;
}

.three-col-split td:last-child,
table.two-col-split td:last-child {
    /*padding: 20px 20px 20px 1.65%;*/
    padding: 20px;
}

/*.three-col-split td:last-child .btn {
		width: 100%;
}
*/

table.two-col-layout td:first-child,
table.two-col-layout.stripeTable td:first-child,
table.three-col-layout td:first-child,
table.three-col-layout.stripeTable td:first-child,
table.four-col-layout td:first-child,
table.four-col-layout.stripeTable td:first-child {
    padding: 0 1.65% 0 0;
}

table.two-col-layout td:last-child,
table.two-col-layout.stripeTable>td:last-child,
table .three-col-layout td:last-child,
table.three-col-layout.stripeTable td:last-child,
table.four-col-layout td:last-child,
table.four-col-layout.stripeTable td:last-child {
    padding: 0 0 0 1.65%;
}

table .tablesorter2.stripeTable {
    padding: 0;
    margin: 0;
}

table .tablesorter2.stripeTable td,
table .tablesorter2.stripeTable .customerDetailsThead.header {
    font-size: 16px;
    text-align: left;
    padding: 8px 20px;
    margin: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
}

table .tablesorter2.stripeTable .customerDetailsThead.header:last-child {
    padding: 8px 0 8px 8px;
}

table .two-col-layout .tablesorter2.stripeTable,
table.two-col-layout .tablesorter2.stripeTable thead,
table.two-col-layout .tablesorter2.stripeTable tbody,
table.two-col-layout .tablesorter2.stripeTable th,
table.two-col-layout .tablesorter2.stripeTable td,
table.two-col-layout .tablesorter2.stripeTable tr {
    display: auto !important;
    width: auto !important;
    /* IE9 hack */
    float: none !important;
    /* IE9 hack */
}

.prodtGp {
    font-weight: bold;
}

/* Scrollable table */

.tables_wrapper.scroll {
    margin: 0 0 40px 0;
    max-width: 1200px;
    width: 100%;
}

table.scrollable-table {
    padding: 0;
    margin: 0 0 40px 0;
    width: 100%;
}

table.scrollable-table .subhead {
    background-color: #e1e5e9;
    font-size: 18px;
}

table.scrollable-table h4 {
    color: #00aeef;
    font-size: 18px;
    font-family: Verdana, Geneva, sans-serif;
    padding: 0;
}

table.scrollable-table th a {
    color: #fff;
}

table.scrollable-table tbody td,
.scrollable-table tr th {
    font-size: 16px;
    line-height: 26px;
    border: 0;
    padding: 10px 20px;
    color: #545454;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*vertical-align: middle;*/
}

table.scrollable-table tbody td {
    border: 1px solid #ffffff;
}

table.scrollable-table tbody td sup {
    line-height: 0px;
}

table.scrollable-table tr th {
    background-color: #333;
    color: #fff;
    font-weight: normal;
    text-align: left;
    font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
}

table.scrollable-table tr:nth-child(odd),
table.scrollable-table tr.odd td {
    background-color: #f9f9f9;
    border: 1px solid #fff;
}

table.scrollable-table tr:nth-child(odd).clear-cell {
    background-color: #fff !important;
}

table.scrollable-table tr.clear-cell td {
    padding: 10px 20px;
}

table.scrollable-table tr:nth-child(even),
table.scrollable-table tr.even td {
    background-color: #f1f1f1;
    border: 1px solid #fff;
}

.tables_wrapper {
    display: table;
    max-width: 100%;
    overflow: hidden;
    outline: none;
}

table.scrollable-table.two-col td {
    width: 50%;
}

.expandTb_content .tables_wrapper.scroll {
    overflow: inherit;
    border: none;
}

/* Rates table */

.rates-table,
.rates-table th,
.rates-table td {
    border-collapse: collapse;
    padding: 0 !important;
    margin: 0;
    border: none;
    width: 100%;
    vertical-align: middle;
}

.rates-table td {
    width: 33.333%;
}

.rates-table tr:first-child th,
.rates-table tr:last-child td,
.rates-table tr:nth-child(3) td {
    width: 100%;
}

section.content.campaign div#page .rates-table td p,
div#page .rates-table td p {
    color: #fff;
    font-size: 12px;
    line-height: normal;
    margin: 0;
}

section.content.campaign div#page .rates-table td:nth-child(3) p,
div#page .rates-table td:nth-child(3) p,
.rates-table td:nth-child(3) .input {
    color: #bebebe;
}

.rates-table img {
    width: 100%;
    height: auto;
}

.rates-table tr:nth-child(2) {
    height: 155px;
}

.rates-table tr:nth-child(4) {
    height: 130px;
}

.rates-table tr:nth-child(5) td img {
    vertical-align: bottom;
}

.rates-table.home,
.rates-table.car,
.rates-table.personal {
    background-repeat: no-repeat;
    background-size: cover;
}

.rates-table.home {
    background-image: url();
}

.rates-table.car {
    background-image: url();
}

.rates-table.personal {
    background-image: url();
}

.rates-table .input {
    font-size: 40px;
    font-weight: bold;
    color: #fff;
}

/* Benefits and features table
============================================================================ */

#page .benefits-features h2 {
    padding: 0;
}

table.benefits-features,
table.benefits-features p {
    color: #697378;
}

table.benefits-features p {
    margin: 0;
    padding: 0;
}

table.benefits-features h2 {
    color: #005dab;
    background-color: #e5f4ff;
    border-bottom: 0;
    margin-bottom: -1px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 25px;
}

table.benefits-features td {
    padding: 20px;
    margin: 0;
    width: 50%;
    background-color: #e5f4ff;
    border: 1px solid #fff;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

table.benefits-features.stripe tr:nth-child(even) td {
    background-color: #fafcfe;
}

table.benefits-features th {
    padding: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-color: #e5f4ff;
}

/* Add to home screen
====================================== */

/*   .to-home {
				padding: 15px;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				text-align: center;
				z-index: 999999;
				margin: 0;
		 }

				.to-home span {
					display: inline-block;
					vertical-align: middle;
				}

				.to-home:before {
					content: "";
					background-image: url('/templates/client/images/touch-icon-ipad.png');
					background-size: 40px;
					border-radius: 4px;
					width: 40px;
					height: 40px;
					display: inline-block;
					margin-right: 15px;
					vertical-align: middle;
				}
*/

/* Share links
====================================== */

/*.share-links {*/

/*display:                            none;  /* Hiding until updated */

/*height:                                 40px;
		position:                               relative;
		z-index:                                999;
		max-width:                              1200px;
		margin:                                     auto;
		left:                                       0;
		right:                                      0;
		padding:                                    40px 20px 40px 44px;
		box-sizing:                                 border-box;
		height:                                     113px;
		z-index:                                    9999;
	}*/

/*.breadcrumbs {
		 top:                                       7px;
		 padding:                                   20px 0 40px 0;
		 margin-top:                                0;
		 display:                                   block;
	}

	ul#shareThisList {
		right:                              0;
		text-align:                         left;
		z-index:                            99;
	}

	ul#shareThisList {
		width:                              100%;
		margin:                             0;
		position:                           relative;
		left:                               0;
	}
	
	#shareThisList li ul {
		margin-top:                         10px;
	}
	
	#shareThisList li ul {
		margin-top:                         10px;
	}
	
	ul#shareThisList li ul:before {
		content:                            " ";
		visibility:                         hidden;
		display:                            block;
		height:                             0;
		clear:                              both;
	}
	
	ul#shareThisList > li:first-child, ul#shareThisList > li:nth-child(2) {
		float:                              left;
	}

	.socialLink_em, .socialLink_st {
		padding:                            0;
		margin-right:                       10px;
	}
	
	ul#shareThisList li ul li {
		width:                              inherit;
		margin:                             0;
	}
	
	ul#shareThisList ul li li {
		display:                            list-item;
	}
	
	ul#shareThisList li a {
		display:                            block;
		border:                             1px solid #bbbbbb;
		background-color:                   #fff;
		border-radius:                      4px;
		height:                             31px;
		line-height:                        30px;
		padding:                            0 16px;
		text-decoration:                    none;
		font-size:                          14px;
	}

	ul#shareThisList li a:hover {
		background:                         #ebebeb;

	}

	ul#shareThisList li:nth-child(2) a:active,
	ul#shareThisList li ul li:first-child a {
		border-radius:                      4px 4px 0 0;
	}

	ul#shareThisList li ul li:nth-child(2) a,
	ul#shareThisList li ul li:nth-child(3) a,
	ul#shareThisList li ul li:nth-child(2) a:hover,
	ul#shareThisList li ul li:nth-child(3) a:hover {
		border-radius:                      0;
		border-top:                         none;
	}

	ul#shareThisList li ul li:last-child a,
	ul#shareThisList li ul li:last-child a:hover {
		border-radius:                      0 0 4px 4px;
		border-top:                         none;
	}*/

/* Editor styles
====================================== */

div#page p.Rate-interest,
div#page p.Rate-comparison {
    display: inline-block;
    margin: 0 20px 40px 0;
    max-width: 210px;
    text-align: left;
}

div#page p.Rate-interest.prefix,
div#page p.Rate-comparison.prefix {
    max-width: 220px;
}

.Rate-interest span.input,
.Rate-comparison span.input {
    font-size: 55px;
    font-weight: normal;
    line-height: 50px;
    font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
}

.Rate-interest span.postfix,
.Rate-comparison span.postfix {
    font-weight: normal;
    font-size: 25px;
}

.Rate-interest.prefix span.input,
.Rate-comparison.prefix span.input {
    font-size: 55px;
    font-weight: normal;
    line-height: 50px;
    font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
}

.Rate-interest.prefix span.postfix,
.Rate-comparison.prefix span.postfix {
    font-weight: normal;
    font-size: 25px;
}

.Rate-interest.prefix span:first-child,
.Rate-comparison.prefix span:first-child {
    display: block;
}

.Rate-interest span.prefix,
.Rate-interest.prefix span.prefix,
.Rate-comparison span.prefix,
Rate-comparison.prefix span.postfix {
    display: none;
}

.Rate-comparison,
.Rate-interest {
    color: #333;
}

iframe.R-Video {
    width: 100%;
    max-width: 650px;
}

/* Misc
====================================== */

/* Calculator iframes */

.lumpsum iframe,
.x-repayments iframe,
.split-loan iframe,
.loan-comparison iframe {
    border: 0;
    height: 900px;
}

.loan-comparison iframe {
    height: 1000px;
}

/* byond nav bar styling */

div#myLogin {
    position: fixed !important;
    top: 160px !important;
    z-index: 9999 !important;
}

#adminNav {
    position: fixed !important;
    top: 179px !important;
    z-index: 9999 !important;
}

.down-arrow {
    cursor: pointer;
    position: absolute;
    color: #fff;
    bottom: 20px;
    margin: auto;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: 1px solid #fff;
    z-index: 9999;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
    padding: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-transition: background-color ease 0.3s;
    -moz-transition: background-color ease 0.3s;
    -o-transition: background-color ease 0.3s;
    transition: background-color ease 0.3s;
}

.down-arrow:hover {
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
}

.anchor {
    margin-top: -190px;
    display: inline-block;
    position: absolute;
    height: 190px;
    padding-top: 190px;
}

/* Search page styles */

table.contentpaneopen fieldset {
    margin: 0 0 20px 0;
}

div.componentheading {
    font-size: 30px;
}

#searchForm td input {
    padding: 10px;
    border-radius: 6px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: none;
}

form#searchForm {
    margin: 40px 0;
    padding: 20px;
    background: #f5f5f5;
    border-radius: 6px;
}

/* Search page styles */

/* Hack the live chat position
	.LPMcontainer,
	.lpchat-container {
		right:                                  0 !important;
		left: auto                             ! important;
	}

	.LPMcontainer,
	.lpchat-container {
		top:                                    auto !important;
		bottom:                                 0 !important;
	}
	*/

/* .fifty-years {
		display:								none;
	}*/

.mobile {
    display: none;
    z-index: 9999;
    position: relative;
}

img.responsiveImage {
    border: 0 none;
    display: block;
    height: auto !important;
    max-width: 100%;
    width: 100% !important;
}

.max-size {
    max-width: 240px !important;
}

.site-by {
    text-decoration: none;
    color: #fff;
}

.site-by:hover {
    text-decoration: none;
    color: #fff;
}

.site-by:after {
    content: "\e901";
    color: #fff;
    font-size: 36px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 5px;
}

.app-info img {
    display: inline-block;
    margin: 0 auto;
}

.app-info a:hover {
    text-decoration: none;
    border-bottom: none;
}

.contentpaneopen_edit {
    position: relative;
    height: 31px;
    margin-bottom: 20px;
    width: 31px;
    background: #ee3423;
    text-align: center;
    padding: 4px;
    box-shadow: 3px 3px 0 0 rgba(68, 68, 68, 0.2);
}

div#page p img {
    max-width: auto;
    padding: 0;
}

div#page p.buttonheading,
div.blog p.buttonheading {
    position: absolute;
    display: block;
    background-color: #fff;
    height: 31px;
    line-height: 30px;
    text-decoration: none;
    font-size: 14px;
    z-index: 999;
    width: 35px;
    text-align: center;
    bottom: -151px;
    display: none;
    /* Hiding until share-links updated */
}

div#page p.buttonheading a,
div.blog p.buttonheading a {
    border: 1px solid #bbbbbb;
    border-radius: 4px;
    text-decoration: none;
    height: 100%;
    width: 100%;
    display: block;
}

div#page p.buttonheading a:hover,
div.blog p.buttonheading a:hover {
    background-color: #ebebeb;
}

div#page p.buttonheading a:before,
div.blog p.buttonheading a:before {
    content: "\e60b";
    font-size: 22px;
    line-height: 32px;
    color: #ee3423;
}

div#page p.buttonheading img,
div.blog p.buttonheading img {
    display: none;
}

.mobile-logo {
    height: 100%;
    display: inline-block;
}

.phone-link {
    pointer-events: none;
    cursor: text;
}

/* Campaigns
====================================== */

section.content.campaign {
    margin-top: 40px;
}

.campaign .internal-banner h1 {
    padding: 0;
    text-align: inherit;
}

.internal-banner h1 {
    padding: 0;
    text-align: center;
}

h1 {
    letter-spacing: 1px;
    z-index: 98;
    position: absolute;
    margin: auto;
    display: inline-block;
    width: 100%;
    background: none;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50% !important;
    font: normal normal 65px 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
    color: #fff;
    padding: 0 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.banner-content h1 {
    letter-spacing: 1px;
    z-index: 98;
    font: normal normal 65px 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
    color: #fff;
    position: relative;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.banner-content {
    padding: 0 40px;
    max-width: 1140px;
}

.internal-banner-campaign a {
    position: relative;
    z-index: 9999;
    text-align: center;
    display: block;
    margin: 20px auto;
    width: 300px;
    text-decoration: none;
    height: 60px;
    line-height: 60px;
    font-size: 21px;
    min-width: 108px;
    border: 0;
}

.share-links.campaign {
    display: inline-block;
    height: 85px;
    position: relative;
    z-index: 999;
    margin: auto;
    float: right;
    padding: 23px 0px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 9999;
    width: 144px;
}

/* Kids saver styles
====================================== */

body.Section30.responsive2 div#page ul li:before,
body.Section30.responsive2 div.blog ul li:before {
    color: #7BA96B;
}

body.Section30.responsive2 .middleSection {
    background-color: #7BA96B;
    position: relative;
}

body.Section30.responsive2 .middleSection:after {
    content: "\e60d";
    font-size: 200px;
    display: block;
    float: left;
    color: #fff;
    position: absolute;
    left: 10%;
    top: 40%;
    -webkit-animation-name: flicker;
    /* Chrome, Safari, Opera */
    -webkit-animation-duration: 10s;
    /* Chrome, Safari, Opera */
    animation-name: flicker;
    animation-duration: 10s;
    animation-iteration-count: infinite;
}

/* Chrome, Safari, Opera */

@-webkit-keyframes flicker {
    0% {
        color: #7BA96B;
    }

    25% {
        color: #bdd4b5;
    }

    50% {
        color: white;
    }

    75% {
        color: #bdd4b5;
    }

    100% {
        color: #7BA96B;
    }
}

/* Standard syntax */

@keyframes flicker {
    0% {
        color: #7BA96B;
    }

    25% {
        color: #bdd4b5;
    }

    50% {
        color: white;
    }

    75% {
        color: #bdd4b5;
    }

    100% {
        color: #7BA96B;
    }
}

body.Section30.responsive2 .btn {
    border-color: #F4744F;
}

body.Section30.responsive2 .btn:active {
    background: #F4744F;
}

body.Section30.responsive2 .btn.primary {
    background: #F4744F;
}

body.Section30.responsive2 .primary:hover {
    background: #F4744F;
}

body.Section30.responsive2 .secondary {
    color: #F4744F;
}

body.Section30.responsive2 .secondary:hover {
    color: #fff;
    background: #F4744F;
    border-color: #F4744F;
}

body.Section30.responsive2 .middleSection-inner .circle {
    background: #7BA96B none repeat scroll 0% 0%;
}

body.Section30.responsive2 .bottomSection {
    background-color: #eeeeee;
}

/* Tabs
====================================== */

div.byondTabContent {
    width: 100%;
}

span.bigtext {
    display: inline-block;
    margin: 13px 0 0 0;
    font-size: 47px;
}

#page ul#byondTabMenu li:first-child,
ul#byondTabMenu li:first-child {
    border-radius: 6px 0 0 0;
}

#page ul#byondTabMenu li,
ul#byondTabMenu li {
    border-radius: 0 6px 0 0;
}

#page ul#byondTabMenu,
ul#byondTabMenu {
    list-style-type: none;
    margin: 0;
    height: 50px;
    border-bottom: 0;
    margin-bottom: -1px;
}

div#page ul#byondTabMenu li {
    text-indent: 0;
    width: 50%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    height: 50px;
    background: #f5f5f5;
}

div#page ul#byondTabMenu li:before {
    content: none;
}

#page ul#byondTabMenu li a:hover,
#page ul#byondTabMenu li a:active,
#page ul#byondTabMenu li.active a,
ul#byondTabMenu li a:hover,
ul#byondTabMenu li a:active,
ul#byondTabMenu li.active a {
    padding: 7px 5px;
    font-weight: bold;
    line-height: 24px;
}

ul#byondTabMenu li:hover,
ul#byondTabMenu li:active,
ul#byondTabMenu li.active,
#page ul#byondTabMenu li:hover,
#page ul#byondTabMenu li:active,
#page ul#byondTabMenu li.active {
    list-style-type: none;
    position: relative;
    float: left;
    /*
		background:                                 none;
		*/
    margin: 0;
    padding: 0;
    font-size: 12px;
    height: 50px;
    /*
		border-top:                                 1px solid #ee3423;
		border-left:                                1px solid #ee3423;
		border-right:                               1px solid #ee3423;
		background:                                 #ee3423;
		*/
}

/*ul#byondTabMenu li.active:hover, #page ul#byondTabMenu li.active:hover,
	ul#byondTabMenu li:hover, #page ul#byondTabMenu li:hover {
		border-top:                                 1px solid #ee3423;
		border-left:                                1px solid #ee3423;
		border-right:                               1px solid #ee3423;
		background:                                 #ee3423;
	}*/

ul#byondTabMenu li a:link,
ul#byondTabMenu li a:visited,
#page ul#byondTabMenu li a:link,
#page ul#byondTabMenu li a:visited {
    background-image: none;
    padding: 0 15px;
    line-height: 50px;
    color: #ee3423;
    font-size: 16px;
    font-weight: normal;
    height: 100%;
    text-align: center;
    border-bottom: none;
}

#page ul#byondTabMenu li.active a,
#page ul#byondTabMenu li a:hover {
    color: #ffffff;
}

#page ul#byondTabMenu li:before,
ul#byondTabMenu li:before {
    content: none;
}

/* ---------------------- Page header styling ---------------------- */

#sectionHeader img {
    position: absolute;
    left: -50%;
    right: -50%;
    margin: auto;
}

#sectionHeader .promotext.titleSansImage {
    left: 0;
    display: block;
    position: relative;
    padding: 0;
}

/* Calculators
============================================================================ */

.default_layout:before,
.responsive_layout:before,
.phones_layout:before,
.phones_to_tablets_layout:before,
.default_layout:after,
.responsive_layout:after,
.phones_layout:after,
.phones_to_tablets_layout:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.loan-calculator-app .gbst-loan-repayment .content .inputs-wrapper .section li.short-select-wrapper {
    width: auto !important;
}

.amount input.range .standard-input {
    margin: 0;
}

.responsive_layout .ui-accordion-header [class^="icon-"],
.responsive_layout .ui-accordion-header [class*="icon-"] {
    margin: 0;
}

.responsive_layout .gbst-loan-repayment {
    border: 1px solid #e2e2e2 !important;
}

.responsive_layout div.highcharts-container,
.responsive_layout div.highcharts-container svg {
    width: 100% !important;
    min-width: 0 !important;
}

.gbst-loan-repayment .title {
    height: 40px;
}

div#page .phones_layout tr,
div#page .phones_layout th,
div#page .phones_layout td,
div#page .responsive_layout tr,
div#page .responsive_layout th,
div#page .responsive_layout td,
div#page .phones_to_tablets_layout tr,
div#page .phones_to_tablets_layout th,
div#page .phones_to_tablets_layout td,
div#page .default_layout tr,
div#page .default_layout th,
div#page .default_layout td {
    float: none;
    margin: 0 !important;
}

td.state,
td.phone {
    vertical-align: middle !important;
}

.phones_layout,
.responsive_layout,
.phones_to_tablets_layout,
.default_layout {
    min-width: 0 !important;
}

ul.controls-wrapper li {
    vertical-align: top;
}

div#page .responsive_layout ul {
    margin: 0;
    padding: 0 10px;
}

div#page .phones_layout ul li,
div#page .responsive_layout ul li,
div#page .phones_to_tablets_layout ul li,
div#page .default_layout ul li {
    text-indent: 0 !important;
}

div#page .responsive_layout ul li,
div#page .portrait_tablets_layout ul li,
div#page .default_layout ul li {
    text-indent: 0;
    margin: 0;
    padding: 25px 10px 0 10px;
    font-size: 16px;
    line-height: 26px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

ul.ui-widget li {
    margin: 0;
}

.ui-widget-header {
    background-color: #0098a6;
}

div#page .responsive_layout ul li:before,
div#page .portrait_tablets_layout ul li:before,
div#page .phones_to_tablets_layout ul li:before,
div#page .default_layout ul li:before {
    content: none;
}

div#page .responsive_layout h1,
div#page .portrait_tablets_layout h1,
div#page .phones_to_tablets_layout h1,
div#page .default_layout h1 {
    padding: 0;
    font: normal normal 20px/35px 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
    text-align: left;
}

.savings-plan-calculator-app .loan-inputs h2,
.responsive_layout .inputs-wrapper h2,
.default_layout .inputs-wrapper h2 {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

div.borrowing-power-calculator-app .gbst-loan-repayment .content .inputs-wrapper .section li .borrowing-power-selectmenu-short,
div.borrowing-power-calculator-app .gbst-loan-repayment .content .inputs-wrapper .section li .borrowing-power-selectmenu {
    margin-top: 26px;
}

.income-tax-app .gbst-loan-repayment .content .inputs-wrapper .section h2,
.car-loan-calculator-app .gbst-loan-repayment .content .inputs-wrapper h2,
.term-deposit-calculator-app .gbst-loan-repayment .content .loan-main-view .inputs-wrapper h2 {
    padding: 0 !important;
}

.income-tax-app .gbst-loan-repayment .content .results-wrapper .outputs-wrapper .results-box.result li,
.stamp-duty-calculator-app .gbst-loan-repayment .content .results-wrapper ul li {
    padding: 0 !important;
}

.results-line .results-title {
    line-height: normal;
}

.savings-plan-calculator-app .gbst-loan-repayment .content .loan-main-view .outputs-wrapper .results-box.result .sep-result {
    margin: 0 !important;
}

.borrowing-power-calculator-app,
.loan-calculator-app,
.stamp-duty-calculator-app,
.extra-repayments-calculator-app,
.lump-sum-calculator-app,
.loan-comparison-calculator-app,
.budget-planner-calculator-app,
.income-tax-app,
.personal-loan-calculator-app,
.car-loan-calculator-app,
.savings-plan-calculator-app,
.split-loan-calculator-app,
.term-deposit-calculator-app {
    margin: 0 auto;
    max-width: 1000px !important;
}

.borrowing-power-calculator-app h2,
.loan-calculator-app h2,
.stamp-duty-calculator-app h2,
.extra-repayments-calculator-app h2,
.lump-sum-calculator-app h2,
.loan-comparison-calculator-app h2,
.budget-planner-calculator-app h2,
.income-tax-app h2,
.personal-loan-calculator-app h2,
.car-loan-calculator-app h2,
.savings-plan-calculator-app h2,
.split-loan-calculator-app h2,
.term-deposit-calculator-app h2 {
    padding: 0;
}

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

								
		CREDIT CARD KEY FACTS SHEET 


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

table.keyFactSheet {
    width: 100%;
}

table.keyFactSheet h2 {
    margin: 20px 0 5px !important;
    padding: 0 !important;
    text-align: left;
}

.pull {
    font-size: 14px;
    font-weight: bold;
    color: #135f91;
}

table.keyFactSheet td.header {
    background-color: #135f91;
}

table.keyFactSheet tr.highlight {
    font-size: 13px;
    font-weight: bold;
    background-color: #aacae0;
}

table.keyFactSheet tr.highlight td.firstColumn {
    background-color: #aacae0;
    color: #ffffff;
}

table.keyFactSheet tr.highlight.even td {
    background-color: #5f6269;
    color: #fff;
}

table.keyFactSheet tr.highlight.odd td {
    background-color: #fff;
}

table.keyFactSheet tr.highlight.odd td.firstColumn {
    background-color: #fff;
    color: #565656;
}

table.keyFactSheet .title {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
}

table.keyFactSheet td.header {
    border-radius: 10px 10px 0px 0px;
}

table.keyFactSheet p {
    padding: 5px;
}

table.keyFactSheet tr {
    border-bottom: solid 1px #eee;
}

table.keyFactSheet td {
    padding: 5px;
    border: none;
    /*width: 33.33%;*/
    /*width: 25%;*/
    width: 50%;
}

table.keyFactSheet tr.odd {
    background-color: #f3f3f3;
}

table.keyFactSheet td.columnOdd {
    font-weight: normal;
    font-size: 12px;
}

table.keyFactSheet td.columnEven {
    font-weight: normal;
    font-size: 12px;
}

tr.odd table.keyFactSheet td {
    padding: 5px;
    border: none;
}

table.keyFactSheet td.header {
    background-color: #0098a6;
    border-right: solid 1px #fff;
    color: #fff;
    padding: 10px;
    /*width:30%;*/
}

table.keyFactSheet td.firstColumn {
    background-color: #fff;
    color: #565656;
    font-size: 13px;
    font-weight: bold;
}

table.keyFactSheet tr.odd td.firstColumn {
    background-color: #f3f3f3;
    color: #565656;
    font-size: 13px;
    font-weight: bold;
}

div#accountSwitching {
    position: relative;
    float: left;
    width: 100%;
    width: 668px;
    height: auto !IMPORTANT;
}

/* //////// INFOCAST CCKFS EMAIL BUTTON///////*/

#generateCCKFSFactsheet {
    background-color: #FFFFFF;
    clear: both;
    color: #FFFFFF;
    margin: 5px 0 0;
    padding: 0 6px 0 0px;
    position: relative;
    width: auto;
}

#generateCCKFSFactsheet input.emailDirect {
    -moz-box-sizing: border-box;
    background-color: #135f91;
    border: 1px solid #135f91;
    box-shadow: 0 0 5px 2px #A7AAB2;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    height: 60px;
    margin: 0;
}

#generateCCKFSFactsheet input.emailDirect:hover {
    box-shadow: none;
}

#generateCCKFSFactsheet .cssRadius {
    border-radius: 10px 10px 10px 10px;
}

#generateFactsheet {
    margin-top: 25px;
}

#generateFactsheet input.emailDirect {
    box-shadow: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    background-color: #015a84 !important;
    border: none !important;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    height: 60px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    cursor: pointer;
    margin: 0 3px;
}

div#generateFactsheet input.emailDirect:hover {
    border: none !important;
    background-color: #48A6E4 !important;
}

table.keyFactSheet p {
    color: #FFFFFF;
    margin: 0;
}

table.keyFactSheet ul li {
    margin: 0;
}

#infocastContainer {
    width: 100%;
}

#infocastContainer .kfsemailform h1 {
    position: relative;
    text-align: left;
}

#infocastContainer .kfsemailform {
    height: 30px;
}

#infocastContainer #fsEmailed {
    width: 97%;
}

select#infocastProductId,
select#infocastSimulator {
    border-color: #0098a6;
}

input#loanAmount,
input#loanTermYears {
    border-color: #0098a6 !important;
}

div.sectionData input.showCalcs:hover {
    background-color: #5f6269 !important;
    border-color: #0098a6 !important;
}

div.divInputs {
    border-color: #0098a6;
}

div#generateFactsheet input.emailDirect {
    background-color: #0098a6 !important;
}

div#generateFactsheet input.emailDirect:hover {
    background-color: #5f6269 !important;
}

div.kfsemailform input#emailItToMe:hover,
div.kfsemailform input#emailItToMe:hover {
    background-color: #5f6269 !important;
}

.backgroundColor {
    background-color: #0098a6 !important;
}

ul.tabMenu li.active a:hover {
    background-color: #0098a6 !important;
}

ul.tabMenu li a:hover {
    background-color: #0098a6 !important;
}

ul.tabMenu li a:active,
ul.tabMenu li.active a:link,
ul.tabMenu li.active a:visited {
    color: #0098a6;
}

div.kfsemailformDataLargeLeft label,
div.kfsemailformDataLargeRight label {
    color: #0098a6 !important;
}

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

Forms and applications

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

/*div#page ul li{
	padding: 0;
	text-indent: 0;
}*/

div#page .forms-applications {
    list-style: none;
    margin: 0;
    padding: 0;
}

div#page .forms-applications h3 {
    margin: 0;
    padding: 20px 0;
    font-size: 25px;
    line-height: 30px;
}

div#page .forms-applications p {
    padding: 0;
}

div#page ul.forms-applications li:before {
    content: none;
}

div#page .forms-applications:before,
div#page .forms-applications:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

div#page .forms-applications>li {
    width: 31%;
    height: 170px;
    display: block;
    background-color: #f6f6f6;
    float: left;
    margin: 20px 20px 20px 0px;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    text-indent: 0;
}

/* div#page .forms-applications li:first-child {
	width: 50%;
	padding: 0;
}

div#page .forms-applications li:first-child img {
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 50%;
	position: absolute;
	height: auto !important;
	width: 100% !important;
} */

div#page ul.forms-applications>li {
    padding-left: 20px !important;
    background-color: #eee;
}

/* div#page .forms-applications > li:nth-child(odd) {
	background-color: #eee;
}  


div#page .forms-applications li:nth-child(4), div#page .forms-applications li:nth-child(6), div#page .forms-applications li:nth-child(12), div#page .forms-applications li:nth-child(14), div#page .forms-applications li:nth-child(20), div#page .forms-applications li:nth-child(22) {
	background-color: #ccc;
}

div#page .forms-applications li:nth-child(3), div#page .forms-applications li:nth-child(9), div#page .forms-applications li:nth-child(11), div#page .forms-applications li:nth-child(17), div#page .forms-applications li:nth-child(19) {
	background-color: #eee;
} */

/* Break points
====================================== */

@media all and (max-width: 1230px) {
    body.Section30.responsive2 .middleSection:after {
        content: "";
        display: none;
    }
}

@media all and (max-width: 1230px) {
    .slickCarousel .Slide .slickMargins {
        width: 80%;
    }

    .slickCarousel .Slide .slickMargins .slideText {
        font-size: 20px;
        line-height: 1.4em;
    }

    .slickCarousel .Slide .slickMargins .slickTitle {
        font-size: 34px;
        line-height: 1.4em;
    }

    .slickCarousel .Slide .slickMargins .rotator-terms {
        font-size: 16px;
        line-height: inherit;
    }

    .TB_Wrapper .Slide>div {
        overflow: visible;
    }

    .quick-tools li a[class^="icon-"],
    .quick-tools li a[class*=" icon-"] {
        font-size: 38px;
    }

    [class^="icon-"] span,
    [class*=" icon-"] span {
        font-size: 17px;
    }

    div#page .forms-applications>li {
        /* min-height: 340px; */
        /* text-align: center; */
    }

    .tables_wrapper.scroll {
        display: block;
        -webkit-overflow-scrolling: touch;
        overflow: auto;
        border-right: 1px dashed;
        width: 100%;
        cursor: move;
        border-left: 1px solid #ebebeb;
    }

    .expandTb_content .tables_wrapper.scroll {
        overflow: auto;
        border: none;
    }
}

@media all and (max-width: 1065px) {

    /* Calculator iframes */
    .lumpsum iframe {
        height: 1250px;
    }

    .x-repayments iframe {
        height: 1300px;
    }

    .split-loan iframe,
    .loan-comparison iframe {
        height: 1400px;
    }

    .qt-wrapper {
        height: 314px;
    }

    .desktop {
        display: none;
    }

    .mobile {
        display: inline-block;
        margin: 10px 0;
    }

    img.mobile {
        margin: 0;
        width: auto;
        height: auto;
        max-height: 100%;
    }

    .nav-wrapper .menu-top-wrapper .mobile-logo {
        height: 75px;
    }

    .main-menu-top li {
        font-size: 12px;
        padding: 0 25px 0 0;
    }

    .internal-banner,
    .internal-banner-blog {
        height: 180px;
    }

    .internal-banner-campaign {
        height: 320px;
    }

    h1,
    .internal-banner h1 span,
    .internal-banner-campaign h1 span,
    h1.componentheading,
    h1.page-header,
    div#page h1 {
        font-size: 50px;
    }

    .quick-tools li {
        display: block;
        width: 100%;
        height: 63px;
        text-align: left;
        border-right: 0;
        border-bottom: 1px solid #ebebeb;
        margin: 0;
    }

    .quick-tools li a {
        padding: 15px;
    }

    .quick-tools li a[class^="icon-"],
    .quick-tools li a[class*=" icon-"] {
        text-align: left;
    }

    .quick-tools li a[class^="icon-"],
    .quick-tools li a[class*=" icon-"],
    .main-menu-bottom:after,
    .main-menu-bottom button.search:before,
    .icon-Phone-Icon:before,
    .site-by:after,
    div#page ul li:before,
    div.blog ul li:before,
    .icon:before {
        line-height: 32px;
    }

    .icon-Blog-Icon:before,
    .icon-Travel-Icon:before,
    .icon-Calc-Icon:before,
    .icon-DLFormsl-Icon:before,
    .icon-Rates-Icon:before,
    .icon-money-Icon:before,
    .icon-credit-Icon:before,
    .icon-Online-Icon:before {
        display: inline;
    }

    [class^="icon-"] span,
    [class*=" icon-"] span {
        padding: 15px;
        position: absolute;
        line-height: 0;
        display: inline-block;
    }

    .subpromo-menu li {
        border-left: 0;
        border-right: 0;
        border-top: 2px solid #ffffff;
        border-bottom: 2px solid #ffffff;
        border: none;
    }

    /*
	.subpromo-menu li:first-child {
		border:                               	  0;
	}

	.subpromo-menu li:last-child {
		border-bottom:                            0;
	}
	*/
    .sub-promo {
        /*height:                                   inherit;
		min-height:                               1080px;*/
    }

    .subpromo-menu li {
        width: 100%;
        display: block;
        margin-left: 0;
    }

    .subpromo-menu li.email-subscription {
        width: 100%;
    }

    .sub-promo h3 {
        font-size: 30px;
        line-height: 35px;
    }

    table.two-col-layout-cta.stripeTable .customerDetailsThead,
    table.two-col-layout-cta.stripeTable {
        margin: 0;
    }

    table .two-col-layout-cta,
    .two-col-layout-cta thead,
    .two-col-layout-cta tbody,
    .two-col-layout-cta th,
    .two-col-layout-cta td,
    .two-col-layout-cta tr,
    .two-col-layout-cta td:last-child {
        display: block;
        width: 100%\9;
        /* IE9 hack */
        float: left\9;
        /* IE9 hack */
        float: left;
    }

    /*table.two-col-layout td,*/
    table.three-col-split td:first-child {
        width: 42%;
    }

    table.three-col-layout td,
    table.three-col-layout.stripeTable td,
    table.three-col-split td {
        width: 26%;
    }

    .two-col-layout-cta td,
    table.two-col-layout-cta.stripeTable td,
    .two-col-layout-cta td:last-child,
    table.two-col-layout-cta.stripeTable td:last-child,
    .three-col-layout-cta td,
    table.three-col-layout-cta.stripeTable td,
    .three-col-layout-cta td:last-child,
    table.three-col-layout-cta.stripeTable td:last-child {
        padding: 0;
        position: relative;
        width: 100%;
    }

    .two-col-layout-cta td,
    table.two-col-layout-cta.stripeTable td {
        margin: 0 0 40px 0 !important;
    }

    .two-col-layout-cta td:first-child {
        padding: 0;
    }

    table.two-col-layout-cta td:last-child,
    table.two-col-layout-cta.stripeTable td:last-child,
    table.three-col-layout-cta td:last-child,
    table.three-col-layout-cta.stripeTable td:last-child {
        margin: 0 !important;
        width: 100%;
        /*need it only for two col and three col*/
    }

    .two-col-layout-cta td:last-child .btn {
        display: inline-block;
        margin: 0 20px 20px auto;
    }

    .tables_wrapper table.scrollable-table {
        margin: 0;
        border-left: none;
    }

    .rates-table .input {
        font-size: 35px;
        line-height: normal;
    }

    .two-col-layout-cta td img,
    .three-col-layout-cta td img {
        width: auto !important;
        display: block;
        left: 0;
        margin: 0;
    }

    /* div#page .forms-applications > li:first-child {
		width: 66.66667%;
	} */
    div#page .forms-applications>li {
        width: 40%;
        min-height: 180px;
        border: 1px solid rgb(255, 255, 255);
    }

    .Rate-interest span.input,
    .Rate-comparison span.input {
        font-size: 48px;
    }

    .Rate-interest span.postfix,
    .Rate-comparison span.postfix {
        font-size: 23px;
    }
}

@media all and (max-width: 875px) {

    /* locator */
    .threecol .col1 {
        width: 100%;
        left: 80%;
        *left: 85%;
    }

    .threecol .col2 {
        width: 100%;
        left: 78%;
    }

    .threecol .col3 {
        width: 100%;
        left: 80%;
    }

    .main-menu-bottom input {
        width: 140px;
    }

    .main-menu-top {
        width: 500px;
    }

    .btn.ib {
        width: 27px;
        padding: 0 14px;
        display: none;
    }

    .btn.ib:before {
        border-right: none;
        display: block;
        width: 27px;
        margin: 0;
        padding: 7px 0 0 0;
        font-size: 24px;
        line-height: 28px;
        color: #333;
    }

    /*.btn.ib:after,*/
    .menutopMenu li.menuIbLogin a:after {
        content: "Login";
        font-size: 15px;
        margin: 20px 0 0 -1px;
        position: absolute;
        display: block;
        color: #333;
        font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
    }

    .btn.ib span {
        position: absolute;
        top: -9999px;
        left: -9999px;
        display: none;
    }

    .menutopMenu li.menuIbLogin a span {
        display: none;
    }

    .menutopMenu li.menuIbLogin a:before {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        font-size: 25px;
        line-height: 48px;
        border: none;
        display: block;
        height: auto;
        text-align: center;
        position: relative;
        top: 50%;
        left: 66%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .menutopMenu li.menuIbLogin a:after {
        margin: 15px 0 0 -1px;
        display: none;
    }

    .articlelist li {
        display: block;
        width: 100%;
    }

    /* TABLE STYLES */
    table {
        margin: 0;
    }

    table.stripeTable.responsive,
    table.stripeTable.responsive thead,
    table.stripeTable.responsive tbody,
    table.stripeTable.responsive th,
    table.stripeTable.responsive td,
    table.stripeTable.responsive tr,
    table.three-col-layout-cta,
    table.three-col-layout-cta thead,
    table.three-col-layout-cta tbody,
    table.three-col-layout-cta th,
    table.three-col-layout-cta td,
    table.three-col-layout-cta tr,
    table.three-col-layout,
    table.three-col-layout thead,
    table.three-col-layout tbody,
    table.three-col-layout th,
    table.three-col-layout td,
    table.three-col-layout tr,
    table.four-col-layout,
    table.four-col-layout thead,
    table.four-col-layout tbody,
    table.four-col-layout th,
    table.four-col-layout td,
    table.four-col-layout tr,
    table.three-col-split,
    table.three-col-split thead,
    table.three-col-split tbody,
    table.three-col-split th,
    table.three-col-split td,
    table.three-col-split tr table.two-col-split,
    table.two-col-split thead,
    table.two-col-split tbody,
    table.two-col-split th,
    table.two-col-split td,
    table.two-col-split tr {
        display: block;
        width: 100% !important;
        float: left;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    table.stripeTable.responsive td,
    table.three-col-layout-cta td,
    table.three-col-layout-cta.stripeTable td,
    table.three-col-layout-cta td:last-child,
    table.three-col-layout-cta.stripeTable td:last-child,
    table.three-col-layout-cta.stripeTable td:last-child,
    table.three-col-layout td,
    table.three-col-layout.stripeTable td,
    table.three-col-layout td:last-child,
    table.three-col-layout.stripeTable td:last-child,
    table.four-col-layout td,
    table.four-col-layout.stripeTable td,
    table.four-col-layout td:last-child,
    table.four-col-layout.stripeTable td:last-child,
    table.four-col-layout td:first-child,
    table.four-col-layout.stripeTable td:first-child {
        padding: 0;
        position: relative;
        width: 100% !important;
        margin: 0 0 40px 0 !important;
    }

    table.three-col-split td,
    table.three-col-split.stripeTable td,
    table.three-col-split td:last-child,
    table.three-col-split.stripeTable td:last-child,
    table.three-col-split td:first-child,
    table.three-col-split.stripeTable td:first-child {
        padding: 20px;
        position: relative;
        width: 100% !important;
    }

    .TB_Wrapper .Slide img {
        height: 100%;
        /* Rotator inline heights not being applied in IE9/10 */
    }

    .expandTb_content table.stripeTable.responsive {
        margin: 20px 0 0 0;
    }

    table.stripeTable.responsive tr th {
        display: none;
        padding: 0;
    }

    div#page table td:last-child,
    div#page table.expandTb tr,
    div#page table.expandTb tr td {
        margin: 0 !important;
    }

    /*	div#page table.expandTb td.expandTb_content {
		padding: 20px;
}
*/
}

@media all and (max-width: 865px) {
    section.content.campaign {
        margin-top: 80px;
    }
}

@media all and (max-width: 765px) {
    .slickCarousel .slick-arrow {
        display: none !important;
    }

    .nav-wrapper .menu-top-wrapper .mobile-logo {
        height: 100%;
        position: absolute;
        top: 0;
        left: 20%;
        max-width: calc(93% - (75px * 2));
        display: block;
    }

    .nav-wrapper .menu-top-wrapper .mobile-logo img {
        width: 92%;
        position: static;
        float: none;
        margin-top: -8px;
    }

    .nav-wrapper .menu-top-wrapper .mobile-logo:before {
        content: '';
        height: 100%;
        margin-left: -5px;
    }

    .nav-wrapper .menu-top-wrapper .mobile-logo:before,
    .nav-wrapper .menu-top-wrapper .mobile-logo img {
        display: inline-block;
        vertical-align: middle;
    }

    .menu-wrapper .btn {
        width: 60px;
        padding: 0;
        margin: 0;
        left: inherit;
        right: inherit;
    }

    ul#mainNavTopLevel li a:after,
    ul.mainNavTopLevel li a:after {
        content: '\edbb';
    }

    .main-menu-top {
        width: auto;
    }

    #fancybox-wrap {
        width: 90% !important;
        left: 0 !important;
    }

    #fancybox-content {
        width: 100% !important;
    }

    #fsOnScreen {
        width: 97%;
    }

    .mobile {
        height: 75%;
        width: auto;
    }

    .campaign .mobile {
        margin: 10px 0;
    }

    .menutopMenu {
        display: none;
    }

    .btn.ib {
        display: block;
        position: absolute;
        top: 3px;
        right: 0;
        height: 60px;
    }

    section.main-banner {
        margin-top: 0;
    }

    .anchor {
        margin: 0;
    }

    section.content.campaign div#page p.buttonheading {
        margin: 0;
        bottom: -171px;
    }

    .main-menu-top li:first-child,
    .main-menu-top li:nth-child(2),
    .main-menu-top li:nth-child(3) {
        display: none;
    }

    .nav-wrapper {
        box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.2);
    }

    .menu-wrapper {
        background: none;
    }

    .menu-top-wrapper {
        padding: 5px 20px;
        height: 75px;
        text-align: center;
    }

    .menu-top-wrapper .tagLine {
        display: inline-block;
        line-height: 100%;
    }

    .campaign .menu-top-wrapper {
        text-align: left;
    }

    .main-nav {
        background-color: #fff;
        border-bottom: 1px solid #ebebeb;
        box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.2);
    }

    .internal-banner,
    .internal-banner-campaign,
    .internal-banner-blog {
        top: 0;
    }

    section.content {
        margin-top: 40px;
        padding: 0 20px 80px 20px;
    }

    section.content.campaign {
        margin-top: 60px;
        padding: 0 20px 80px 20px;
    }

    .main-menu-top li {
        line-height: 65px;
        padding: 0 15px 0 0;
    }

    .main-menu-top li:nth-child(3) {
        margin-right: 45px;
    }

    #ps_results {
        width: 100%;
        max-height: none;
        margin: 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        border: 0;
        padding: 20px;
        overflow: auto;
    }

    .search-wrapper {
        top: 75px;
    }

    #search-form {
        display: none;
        float: none;
        margin: 0;
        width: 100%;
        border-radius: 0;
        height: 60px;
    }

    #search-form input {
        color: #ffffff;
        width: 85%;
        border-radius: 0;
        box-shadow: none;
        height: 60px;
    }

    #ps_icon_background {
        width: 15%;
        padding: 17px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-shadow: none;
        height: 60px;
        border-radius: 0;
    }

    #ps_icon:before {
        color: #fff;
        line-height: 30px;
        right: 33px;
        position: absolute;
    }

    #ps_icon.close:before {
        color: #fff;
        line-height: 23px;
        right: 38px;
    }

    #ps_icon.searching {
        background: url(../images/menu/spinner_red.gif);
        height: 26px;
        background-size: 30px;
        margin: auto;
    }

    .internal-banner,
    .internal-banner-blog {
        margin: 0;
        height: 142px;
    }

    .internal-banner-campaign {
        margin: 0;
    }

    .nav-wrapper {
        height: 75px;
        position: relative;
    }

    .nav-wrapper.cookie-active-nav {
        padding-top: 80px;
    }

    .nav-wrapper.cookie-active-nav .menu-top-wrapper {
        position: absolute;
        top: 10px;
    }

    .mod-notifications.mod-menu p {
        width: 92%
    }

    .nav-wrapper.campaign {
        height: 90px;
    }

    .TB_Wrapper .Slide {
        top: 0 !important;
    }

    h1,
    .internal-banner h1 span,
    h1.componentheading,
    h1.page-header,
    div#page h1 {
        font-size: 30px;
    }

    h1.page-header,
    .content div#page h1 {
        display: block;
        text-align: left;
        position: relative;
        font-size: 38px;
        margin-left: 0;
    }

    .campaign h2 {
        font-size: 25px;
        line-height: 35px;
    }

    .income-tax-app .gbst-loan-repayment .content .inputs-wrapper .section h2,
    .car-loan-calculator-app .gbst-loan-repayment .content .inputs-wrapper h2,
    .term-deposit-calculator-app .gbst-loan-repayment .content .loan-main-view .inputs-wrapper h2 {
        height: 36px !important;
    }

    /* div#page .forms-applications > li:first-child {
		display: none;
	} */
    div#page .forms-applications>li {
        width: 46%;
        min-height: 100px;
        text-align: center;
    }

    div#page .middleSection-inner ul {
        list-style: outside none none;
    }

    .middleSection-inner ul li {
        min-width: 90%;
        border-top: 3px solid #333;
        min-height: 300px;
    }

    body.Section30.responsive2 .middleSection-inner ul li {
        min-width: 90%;
        border-top: 3px solid #7BA96B;
        padding-left: 3px;
        padding-right: 3px;
        min-height: 300px;
    }

    .btn {
        min-width: 90%;
    }

    .VisaMini .internal-banner-campaign {
        margin-top: 0;
    }
}

@media all and (max-width: 640px) {
    .TB_Wrapper .Slide div.noSelect {
        padding: 0 20px;
    }

    table.keyFactSheet td.header {
        width: 100%;
    }

    table.keyFactSheet,
    table.keyFactSheet tr,
    table.keyFactSheet th,
    table.keyFactSheet td {
        display: block;
        float: left;
        width: 100%\9;
        /* IE9 hack */
        float: left\9;
        /* IE9 hack */
        width: 100% !important;
    }

    table.keyFactSheet td.header {
        border-radius: 0;
    }

    /*.menu-top-wrapper {
		padding:                                0;
		height:                                 60px;
	}*/
    .campaign .menu-top-wrapper {
        height: 75px;
        padding: 5px 20px;
    }

    /*.nav-wrapper {
		height:                                 60px;
		background-color:                       #fff;
	}*/
    .nav-wrapper.campaign {
        height: 75px;
    }

    .search-wrapper {
        top: 75px;
    }

    #searchForm td {
        display: block;
        width: 100%;
    }

    #searchForm td input {
        max-width: 230px;
    }

    #search-form button,
    input#searchsubmit {
        -webkit-appearance: none;
    }

    /*#search-menu {
		right:                                  60px;
		top:                                    0;
		height:                                 60px;
	}*/
    #ps_icon.searching {
        right: 22px;
        position: absolute;
    }

    #ps_icon.close:before {
        right: 20px;
    }

    #ps_icon:before {
        right: 17px;
    }

    .phone-link {
        pointer-events: auto;
        cursor: pointer;
    }

    /* rotator */
    section.main-banner {
        margin-top: 0px;
    }

    .TB_Wrapper .Slide .noSelect {
        padding: 0;
    }

    .news h2:before {
        content: none;
    }

    .defaultButton {
        display: none;
    }

    .internal-banner,
    .internal-banner-blog {
        top: -6px;
    }

    .internal-banner-campaign {
        top: -10px;
    }

    .sub-promo-content img {
        max-width: 225px;
        width: auto;
    }

    .sub-promo h3 {
        font-size: 25px;
        line-height: 30px;
    }

    .sub-promo p {
        line-height: 22px;
    }

    .articlelist li:nth-child(2),
    .articlelist li:last-child {
        display: none;
    }

    footer {
        padding: 0 0 40px 0;
    }

    footer ul {
        padding: 0;
    }

    .footer-links li {
        display: block;
        width: 100%;
        height: 57px;
        line-height: 57px;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        margin: -1px 0 0 0;
        text-align: left;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
    }

    /*.footer-links li:nth-child(even) {
		display:                                none;
	}*/
    .footer-links li {
        display: block;
        height: 100%;
        padding: 0 20px;
    }

    .footer-links li a:hover {
        /*padding:                                0 20px;*/
        border: 0;
    }

    .footer-links li a:active {
        box-shadow: inset 0 2px 10px 2px rgba(68, 68, 68, 0.1);
    }

    .icon-Phone-Icon:before {
        margin: 11px 0 0 -30px;
    }

    /* Campaign banner */
    .banner-content h1 {
        line-height: 32px;
    }

    .VisaMini .banner-content h1 {
        line-height: normal;
        font-size: 40px;
    }

    .internal-banner-campaign a {
        width: auto;
    }

    .campaign .mobile {
        margin: 0 auto;
    }

    .formSection-inner {
        padding: 0 20px 20px 20px;
    }

    /* Tables */
    table.tablesorter2 td:last-child.customerDetails {
        font-weight: bold;
    }

    table.two-col-layout.stripeTable .customerDetailsThead,
    table.two-col-layout.stripeTable {
        margin: 0;
    }

    table .two-col-layout,
    .two-col-layout thead,
    .two-col-layout tbody,
    .two-col-layout th,
    .two-col-layout td,
    .two-col-layout tr {
        display: block;
        width: 100%;
        /* IE9 hack */
        float: left;
        /* IE9 hack */
    }

    table.two-col-layout td,
    table.two-col-layout.stripeTable td,
    table.two-col-layout td:first-child,
    table.two-col-layout td:last-child,
    table.two-col-layout.stripeTable td:last-child {
        padding: 0;
        position: relative;
        width: 100%;
        margin: 0 0 40px 0 !important;
    }

    [class^="prod_"]:before,
    [class*=" prod_"]:before {
        content: " ";
        visibility: hidden;
        display: block;
        height: 0;
        clear: both;
    }

    table .tablesorter2.stripeTable .customerDetailsThead.header:last-child,
    table .tablesorter2.stripeTable td,
    table .tablesorter2.stripeTable .customerDetailsThead.header,
    table .two-col-layout .tablesorter2.stripeTable,
    .two-col-layout .tablesorter2.stripeTable thead,
    .two-col-layout .tablesorter2.stripeTable tbody,
    .two-col-layout .tablesorter2.stripeTable th,
    .two-col-layout .tablesorter2.stripeTable td,
    .two-col-layout .tablesorter2.stripeTable th:last-child,
    .two-col-layout .tablesorter2.stripeTable td:last-child {
        margin: 0 !important;
        padding: 0;
    }

    .two-col-layout .tablesorter2.stripeTable th:last-child,
    .two-col-layout .tablesorter2.stripeTable th {
        padding: 10px 20px;
    }

    table .tablesorter2.stripeTable td,
    .two-col-layout .tablesorter2.stripeTable td,
    .two-col-layout .tablesorter2.stripeTable td:last-child {
        padding: 5px 20px;
    }

    .two-col-layout-cta td:last-child .btn {
        display: block;
        margin: 0 auto 20px auto;
    }

    .two-col-layout-cta td img,
    .three-col-layout-cta td img {
        display: block;
        margin: auto;
    }

    .internal-banner-campaign h1 span {
        font-size: 35px;
    }

    .TB_Wrapper .btn.primary {
        min-width: 108px;
        padding: 0 10px;
        font-size: 16px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    /* Rates table */
    table.rates-table,
    table.rates-table tr {
        display: table;
        float: none;
        width: 100%;
    }

    table.rates-table td,
    table.rates-table th {
        display: table-cell;
        float: none;
        width: 33.333%;
    }

    .LPMcontainer,
    .lpchat-container {
        display: none !important;
    }

    section.content.campaign div#page .rates-table td p,
    div#page .rates-table td p {
        padding: 0 5px;
    }

    /* Calculators */
    div#page .responsive_layout h1 {
        font-size: 13px;
        font-weight: bold;
        line-height: normal;
        max-width: 145px;
    }

    div#page .responsive_layout ul li.slider-wrapper {
        margin: 15px 0 0 8px;
    }

    /* locator */
    #search_fields {
        width: 100% !important;
    }

    #search_input {
        width: 100% !important;
    }

    #searchText {
        width: 50% !important;
    }

    #locMap img {
        max-width: 270px !important;
    }
}

@media all and (max-width: 600px) {

    .extrarepaymentCalc iframe,
    .lumpsumCalc iframe {
        height: 1020px;
    }
}

@media all and (max-width: 540px) {
    #infocastContainer .kfsemailform ul.tabMenu li {
        width: 100%;
        border-radius: 0;
        height: 100%;
        margin: 0;
        font-size: 12px;
    }

    #infocastContainer .kfsemailform ul.tabMenu li a#fsEmailedTab,
    #infocastContainer .kfsemailform ul.tabMenu li a#fsOnScreenTab,
    #infocastContainer .kfsemailform ul.tabMenu li a:hover {
        border-radius: 0;
        margin: 0 !important;
    }

    #infocastContainer .kfsemailform {
        height: 50px;
    }

    #infocastContainer #fsEmailed {
        border-radius: 0;
        width: 93%;
    }

    div#page .forms-applications>li {
        min-height: auto;
        float: none;
        width: 100%;
        min-height: 0;
        height: auto;
    }

    .btn,
    .two-col-layout-cta td:last-child .btn {
        display: block;
        width: 90%;
        max-width: none;
        margin: 0 auto 5px;
    }
}

@media all and (max-width: 520px) {
    .extrarepaymentCalc iframe {
        height: 1320px;
    }

    .lumpsumCalc iframe {
        height: 1260px;
    }

    /* Calculator iframes */
    .x-repayments iframe {
        height: 1400px;
    }

    .loan-comparison iframe {
        height: 1500px;
    }
}

@media all and (max-width: 485px) {

    /* Calculator iframes */
    .lumpsum iframe {
        height: 1300px;
    }
}

@media all and (max-width: 465px) {
    .extrarepaymentCalc iframe {
        height: 1400px;
    }

    .lumpsumCalc iframe {
        height: 1340px;
    }

    .app-info img {
        display: block;
    }

    .loan-comparison iframe {
        height: 1550px;
    }

    section.content.campaign {
        margin-top: 100px;
    }
}

@media all and (max-width: 420px) {

    /* Calculator iframes */
    .lumpsum iframe {
        height: 1345px;
    }

    .loan-comparison iframe {
        height: 1620px;
    }

    table.two-col-layout td img,
    table.two-col-layout-cta td img,
    table.three-col-layout-cta td img,
    table.three-col-layout td img,
    table.four-col-layout td img,
    table.three-col-split td img,
    table.two-col-split td img {
        width: 100% !important;
        height: auto !important;
    }

    /*  .menu-top-wrapper {
		text-align:                             left;
	}*/
    .mobile {
        height: 65%;
    }

    .desktop-ib {
        display: none;
    }

    .mobile-ib {
        display: inline-block;
    }

    .share-links.campaign {
        margin-right: 20px;
        display: none;
    }

    .campaign .mobile {
        margin: 10px 0 20px 0;
        /* height:                                 40%;*/
    }

    .TB_Wrapper .Slide div {
        font-size: 20px;
        line-height: 25px;
    }

    .TB_Wrapper .Slide div .txtCont span span {
        font-size: 35px;
        line-height: 40px;
        margin-bottom: -20px;
    }

    /*
	div#page ul li, div.blog ul li {
		text-indent:                            -35px;
	}
	*/
    div#page ul li:before,
    div.blog ul li:before {
        margin-right: 21px;
    }

    .total-surplus-amount sup {
        top: 8px !important;
    }

    .rates-table tr:nth-child(2) {
        height: 100px;
    }

    .rates-table tr:nth-child(4) {
        height: 84px;
    }

    .rates-table .input {
        font-size: 24px;
    }

    div#page ul.directors li,
    div#page ul.directors li:first-child {
        display: block;
        width: 100%;
        margin: 0;
    }

    div#page ul.directors li img {
        height: auto !important;
        max-width: 100% !important;
        width: auto !important;
    }

    div#page ul.directors h3 {
        font-size: 20px;
        line-height: 26px;
    }

    div#page p.Rate-interest,
    div#page p.Rate-comparison {
        text-align: left;
    }

    /*	.Rate-interest span.input, .Rate-comparison span.input {
		font-size: 56px;

}

.Rate-interest span.postfix, .Rate-comparison span.postfix {

		font-size: 26px;
}
*/
    .quick-tools li:last-child {
        border-bottom: none;
    }

    .expandTb_content .tables_wrapper.scroll {
        max-width: 320px;
        border-right: 1px dashed #ebebeb;
    }

    div#page .expandTb ul li {
        margin: 0 0 10px 40px;
        text-indent: -40px;
    }
}

@media all and (max-width: 415px) {
    .extrarepaymentCalc iframe {
        height: 1410px;
    }

    .lumpsumCalc iframe {
        height: 1350px;
    }
}

#jcarousel .jcarousel-prev {
    left: -6% !important;
}

#jcarousel .jcarousel-next {
    right: -6% !important;
}

@media all and (max-width: 415px) {
    #jcarousel .jcarousel-prev {
        left: -10% !important;
    }

    #jcarousel .jcarousel-next {
        right: -10% !important;
    }
}

/* cookies alert starts */

.is-scam-alert-loaded .mod-notifications.mod-scam-alert.mod-menu,
.is-cookies-alert-loaded .mod-notifications.mod-cookies-alert.mod-menu {
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.mod-notifications.mod-menu {
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}

.mmpcu.mod-notifications.mod-menu {
    background: #0098a6
}

.reliance.mod-notifications.mod-menu {
    background: #1b418c
}

.mod-menu {
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    overflow: hidden;
}

.mod-notifications.mod-menu .mod-menu-wrap {
    padding: 1.5em 1em;
    text-align: center;
    color: #fff;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.mod-menu-wrap {
    position: relative;
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.mod-notifications.mod-menu p {
    margin: 0;
}

.mod-notifications.mod-menu a {
    color: #fff;
}

.mod-notifications.mod-menu p a {
    text-underline-position: under;
    text-decoration: underline;
}

.mod-notifications.mod-menu .mod-button {
    position: absolute;
    right: 10px;
    top: 5px;
    z-index: 50;
    cursor: pointer;
}

.mod-menu.is-not-active,
.mod-menu:not(.is-active) {
    height: 0 !important;
}

.mod-notifications.mod-menu .mod-button .icon-close:after {
    content: "\ea10";
    position: absolute;
    right: 20px;
    top: 20px;
    color: #fff;
}

.mod-notifications.mod-menu .mod-button .icon-close {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.increasetop {
    top: 175px;
}

/* cookies alert ends */

footer .client-logos li:nth-child(2) img {
    width: auto;
    height: 86px;
}

@media screen and (min-width: 350px) and (max-width: 530px) {
    .btn.product {
        min-width: 75%;
        width: 55%;
    }
}

div#page .forms-applications>li>h4 {
    line-height: 1.2;
}

/* GBST calcuator UB-895 */

div.impact {
    max-height: 290px;
    height: auto;
}

.maintenace-div {
    text-align: center;
    margin-bottom: 30px;
}

.maintenace-div img {
    max-width: 1200px;
}

@media all and (max-width: 1200px) {
    .maintenace-div img {
        max-width: 800px;
    }
}

@media all and (max-width: 800px) {
    .maintenace-div img {
        max-width: 600px;
    }
}

@media all and (max-width: 600px) {
    .maintenace-div img {
        max-width: 300px;
    }
}

.four-col {
    width: 100%;
    margin: 0 auto;
    display: inline-block;
}

@media all and (min-width: 600px) {
    .four-col {
        width: 49%;
    }
}

@media all and (min-width: 970px) {
    .four-col {
        width: 23%;
        margin: 0 5px;
    }
}

.four-col img {
    width: 100%;
    margin: 0 auto;
    display: block;
}

.icons-section {
    max-width: 900px;
    margin: 0 auto;
}

@media all and (min-width: 600px) {
    .icons {
        width: 49%;
        display: inline-block;
        margin: auto;
        margin-bottom: 10px;
    }
}

.icon-description {
    display: inline-block;
    width: 69%;
}

.icons a {
    display: inline-block;
    width: 65px;
}

.icons a:before {
    font-size: 60px;
}

.icons a:hover {
    text-decoration: none;
}

.icon-description h3 {
    padding-bottom: 0.5rem;
    font-size: 2.5rem;
}

.font-bold {
    font-weight: bold;
}

@media all and (max-width: 500px) {
    .nav-wrapper .menu-top-wrapper .mobile-logo img {
        width: 80%;
        margin-left: -50px;
    }
}

.carousel {
    height: 470px;
}



#carousel .carousel-indicators li {
    width: 10px;
    height: 16px;
    border-radius: 50%;
}

.box {
    background-position: center top;
    background-position-x: 50%;
    background-position-y: 0%;
    background-repeat: no-repeat;
    background-color: transparent;
    text-align: center;
    position: relative;
    height: 470px;
    margin: 0;
    display: block;
}

.ratio-container {
    position: relative;
}

.ratio-container:after {
    content: '';
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 50%;
    content: "";
}

.ratio-container>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media all and (max-width: 767px) {
    .carousel-indicators {
        bottom: -10px !important;
    }
}