/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
*/
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 {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

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

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

body {font-family: 'Source Sans Pro', sans-serif; font-size: 1rem; color: #333;}

.background-blue{ background-color: #004b87; background-image: url(../images/background-pattern.svg); background-repeat: no-repeat; background-position: center right; background-size: cover;}
.align-center{text-align: center;}
.content{max-width: 1215px; margin: auto;}
.content::after{clear: both;}
.testimonials-content {max-width: 500px; margin: auto;}
.text-white{color:#fff}
.text-dark{color:#333}
.text-italics{font-style: italic;}
.flex{display: flex;}
.quarter {width: 25%;}
.third{width: 33.3333333%;}
.half{width: 50%;}
.clear { clear: both; }
.button { padding: 14px 55px 12px; color: #fff; display: inline-block; text-decoration: none; font-size: 1.2rem; font-weight: bold; text-transform: uppercase;border: none; cursor: pointer;}
.orange-button { background-color: #cf7900; border-bottom: 2px solid #c76200;}
.orange-button:hover { background-color: #c76200;}
.green-button { background-color: #02720f; border-bottom: 2px solid #003d07;}
.green-button:hover { background-color: #003d07;}
.grey-button{ background-color: #c0c0c0; border-bottom: 2px solid #808080; cursor: default; color: #363636;}	
.loan-actions .grey-button,  .current-account-actions .grey-button { max-width: 130px; }


h1{font-size: 3rem;font-weight: 400;line-height: 1.1;margin-bottom: 20px;}
h2{font-size: 2rem;font-weight: 400;line-height: 1.1;margin-bottom: 20px;}
h3{font-size: 1.5rem;font-weight: 400;line-height: 1.1;margin-bottom: 20px;}
h4{font-size: 1rem;font-weight: 400;line-height: 1.1;margin-bottom: 20px;}

p {margin-bottom: 15px; line-height: 20px;}
ul {font-size: 1rem;}

header { background-color: #f5ca3d; padding: 18px 0 0; margin-bottom: 30px;}
header.home { background-repeat: no-repeat; background-position: top right; }
header.general {margin-bottom: 0; position: fixed; z-index: 10; width: 100%}

a.logo { color: #333; font-size: 2rem; font-weight: 900; text-decoration: none; background-image: url(../images/logo.png); background-repeat: no-repeat; padding-left: 33px;}

header .languages {padding-top:9px; float: right;}
header .languages::after {clear: both;}
header .languages a{border: 1px solid #333; border-radius:5px; text-decoration:none;	padding:5px; font-weight: bold; color: #333;}
header .languages a.active{ background: #4f4f4f; color: #FFF; font-weight: bold;}

/*mobile menu*/
.menu-icon{float:right;display: none; padding-bottom: 30px;}
.menu-title{float: right;font-size: 1.5rem;padding:5px 0 0;color:#4f4f4f;cursor:pointer;display: none;}
#nav-icon1 { width: 28px; height: 18px;  position: relative; margin: 6px 5px 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
#nav-icon1 span { display: block; position: absolute; height: 5px; width: 100%; background: #4f4f4f; border-radius: 5px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
#nav-icon1 span:nth-child(1) { top: 0px;}
#nav-icon1 span:nth-child(2) { top: 9px;}
#nav-icon1 span:nth-child(3) { top: 18px;}
#nav-icon1.open span:nth-child(1) { top: 10px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
#nav-icon1.open span:nth-child(2) { opacity: 0; left: -30px;}
#nav-icon1.open span:nth-child(3) { top: 10px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);}

/*menu*/
nav { line-height: 20px; font-size: 1rem; float: right;}
nav::after {clear: both;}
nav span.title{ display: none;}
nav ul { list-style:none; }
nav ul li{ padding: 7px 0 0; display: inline-block; margin-right: 15px}
nav ul li.home, nav ul li.about-us, nav ul li.contact-us, nav ul li.sitemap{ display: none;}
nav ul li a{ color: #333; text-decoration: none; font-weight: bold; display:inline-block; padding-bottom: 25px;}
nav ul li a:hover{ padding-bottom: 21px; border-bottom: 4px solid #004b87;}
nav ul li .inner-menu { position: absolute; background-color: #FFF; top: 70px; left: 0; right:0; border-top: 1px solid #D6D6D6; border-bottom: 3px solid #D6D6D6; display: none; z-index: 1;}
nav ul li:hover .inner-menu{ display: inline-block; }
nav ul li .inner-menu .active-area{ width:950px; margin: 10px auto 10px;}
nav .inner-menu .column{ float: left; width: 33%; }
nav .inner-menu .column-title{ font-size: 14px;	font-weight: bold;	margin: 5px 0 10px 0;}
nav .inner-menu ul li{ display: block;}

nav .inner-menu .card-types a span{	background-image: url("../images/card-types.png"); background-size: 142px 40px;	background-repeat:no-repeat; cursor: pointer; width:23px; height:18px;}
.inner-menu .benefits .mastercard{ background-position: -24px -22px; }
.inner-menu .benefits a:hover span.mastercard{ background-position: -24px 0px;}
.inner-menu .benefits .maestro{	background-position: 0 -22px;}
.inner-menu .benefits a:hover span.maestro{	background-position: 0 0px;}
.inner-menu .benefits .american-express{ background-position: -71px -22px;}
.inner-menu .benefits a:hover span.american-express{ background-position: -71px 0px;}
.inner-menu .benefits .visa{ background-position: -48px -22px;}
.inner-menu .benefits a:hover span.visa{ background-position: -48px 0px;}
.inner-menu .benefits .v-pay{ background-position: -93px -22px;}
.inner-menu .benefits a:hover span.v-pay{ background-position: -93px 0px;}
.inner-menu .benefits .cirrus{ background-position: -117px -22px;}
.inner-menu .benefits a:hover span.cirrus{ background-position: -117px 0px;}
nav .inner-menu .benefits a span{ cursor: pointer;}
nav .inner-menu .benefits a, nav .inner-menu .banks a, nav .inner-menu .loans a { padding: 0; line-height: 24px;}
nav .inner-menu .benefits a:hover, nav .inner-menu .banks a:hover, nav .inner-menu .loans a:hover {	border-bottom: 0;}
nav .inner-menu .benefits a span, nav .inner-menu .banks a span, nav .inner-menu .loans a span{	margin: 0 10px 0 0;	float: left;}
nav .inner-menu .benefits a span:after, nav .inner-menu .banks a span:after, nav .inner-menu .loans a span:after{ clear: both;}

nav .inner-menu .banks a span{background-image: url("../images/banks-logos-small.png");	background-size: 546px 20px; background-repeat:no-repeat; width:23px; height:20px;}
.inner-menu .banks .american-express{ background-position: 0 0;}
.inner-menu .banks .floa-bank{ background-position: -27px 0;}
.inner-menu .banks .bforbank{ background-position: -52px 0;}
.inner-menu .banks .boursorama-banque{ background-position: -79px 0;}
.inner-menu .banks .carrefour-banque{ background-position: -103px 0;}
.inner-menu .banks .cofinoga{ background-position: -129px 0;}
.inner-menu .banks .franfinance, .inner-menu .banks .societe-generale{ background-position: -155px 0;}
.inner-menu .banks .hsbc{ background-position: -182px 0;}
.inner-menu .banks .cetelem{ background-position: -210px 0;}
.inner-menu .banks .orange-bank{ background-position: -238px 0;}
.inner-menu .banks .zero{ background-position: -274px 0;}
.inner-menu .banks .ing{ background-position: -306px 0;}
.inner-menu .banks .fintro{ background-position: -338px 2px;}
.inner-menu .banks .hello-bank{ background-position: -366px 0;}
.inner-menu .banks .fortuneo{ background-position: -393px 0;}
.inner-menu .banks .kbc-bank{ background-position: -432px 0;}
.inner-menu .banks .keytrade-bank{ background-position: -464px 0;}
.inner-menu .banks .cbc-banque{ background-position: -520px 0;}
.inner-menu .banks .hello-bank { background-position: -364px 0;}
.inner-menu .banks .bnp-paribas{ background-position: -418px 0;}

.credit-card-block .credit-card-infobox .card-features ul li span, .inner-menu .benefits a span, .inner-menu .banks a span{
	background-image: url("../images/cardtypes-icons.png");
	background-size: 426px 40px;
	display: inline-block;
	width: 22px;
	height: 20px;
	margin: 0px 2px 0px 1px;
	vertical-align: middle;
}

.credit-card-block .credit-card-infobox .card-features .insurance, .inner-menu .benefits .insurance{ background-position: -179px 0;}
.credit-card-block .credit-card-infobox .card-features .cash-back, .inner-menu .benefits .cash-back{ background-position: -219px 0;}
.credit-card-block .credit-card-infobox .card-features .discounts, .inner-menu .benefits .discounts{ background-position: -99px 1px;}
.credit-card-block .credit-card-infobox .card-features .fidelity-bonus, .inner-menu .benefits .fidelity-bonus{ background-position: -159px 0;}
.credit-card-block .credit-card-infobox .card-features .purchase-protection, .inner-menu .benefits .purchase-protection{ background-position: -316px 0;}
.credit-card-block .credit-card-infobox .card-features .best-deals, .inner-menu .benefits .best-deals{ background-position: -40px 0;}
.credit-card-block .credit-card-infobox .card-features .free-withdrawal, .inner-menu .benefits .free-withdrawal{ background-position: -342px 0;}
.credit-card-block .credit-card-infobox .card-features .warranty, .inner-menu .benefits .warranty{ background-position: -366px 0;}
.credit-card-block .credit-card-infobox .card-features .student-cards, .inner-menu .benefits .student-cards{ background-position: -263px 0;}
.credit-card-block .credit-card-infobox .card-features .air-miles, .inner-menu .benefits .air-miles{ background-position: -61px 0;}
.credit-card-block .credit-card-infobox .card-features .cash-reserve, .inner-menu .benefits .cash-reserve{ background-position: 2px 0;}
.credit-card-block .credit-card-infobox .card-features .free-credit-cards, .inner-menu .benefits .free-credit-cards{ background-position: -18px 0;}
.credit-card-block .credit-card-infobox .card-features .contactless, .inner-menu .benefits .contactless{ background-position: -385px 0;	width: 21px;}
.credit-card-block .credit-card-infobox .card-features .pay-back-in-installments, .inner-menu .benefits .pay-back-in-installments{ background-position: -403px 0;}

.inner-menu .benefits a:hover span.insurance{ background-position: -179px -20px;}
.inner-menu .benefits a:hover span.discounts{ background-position: -99px -19px;}
.inner-menu .benefits a:hover span.hospital-allowance{ background-position: -292px -20px;}
.inner-menu .benefits a:hover span.fidelity-bonus{ background-position: -159px -20px;}
.inner-menu .benefits a:hover span.purchase-protection{ background-position: -316px -20px;}
.inner-menu .benefits a:hover span.best-deals{ background-position: -40px -20px;}
.inner-menu .benefits a:hover span.free-withdrawal{ background-position: -342px -20px;}
.inner-menu .benefits a:hover span.warranty{ background-position: -366px -20px;}
.inner-menu .benefits a:hover span.student-card{ background-position: -263px -20px;}
.inner-menu .benefits a:hover span.air-miles{ background-position: -61px -20px;}
.inner-menu .benefits a:hover span.cash-reserve{ background-position: 2px -20px;}
.inner-menu .benefits a:hover span.free-credit-cards{ background-position: -18px -20px;}
.inner-menu .benefits a:hover span.contactless{ background-position: -385px -20px;}
.inner-menu .benefits a:hover span.pay-back-in-installments{ background-position: -403px -19px;}

.card-types-header { max-width: 650px; padding: 30px 0;}
.card-types-header p { font-size: 1.25rem; margin-bottom: 30px;}
.card-types-header a{ display: inline-block; text-decoration: none; color: #333; font-weight: bold; font-size: 1rem; width: 120px; height:60px; background-color: #fff; padding: 10px; text-align: center; margin: 10px 20px 0 0; border-radius: 3px; box-shadow: 0 8px 16px 0 rgba(0,0,0,.15); vertical-align: bottom; }
.card-types-header a span.benefit-box { background-image: url("../images/cardtypes-icons.png"); background-size: 639px 60px; display: block; width: 30px; height: 30px; margin: 0 auto;}
.card-types-header a span.insurance { background-position: -270px 0;}
.card-types-header a span.discounts { background-position: -148px 0;}
.card-types-header a span.air-miles { background-position: -90px 0;}
.card-types-header a span.cash-back { background-position: -971px 0;}
.card-types-header a span.fidelity-bonus { background-position: -240px 0;}
.card-types-header a span.purchase-protection { background-position: -1116px 0;}
.card-types-header a span.best-deals { background-position: -58px 0;}
.card-types-header a span.free-withdrawal { background-position: -512px 0;	}
.card-types-header a span.warranty { background-position: -548px 0;}
.card-types-header a span.cash-reserve { background-position: 0 0;	}
.card-types-header a span.free-credit-cards { background-position: -29px 0;}
.card-types-header a span.pay-back-in-installments { background-position: -1248px 0;}
.card-types-header a:hover { background-color: #007bb4; color: #fff;}

.banks .content { margin: 40px auto 20px;}
.banks .banks-list { padding-left: 40px;}
.banks .banks-list a { display: inline-block; background-position: center center; background-repeat:no-repeat; width: 164px; height: 100px; padding: 10px 10px 60px 10px; margin-bottom: 3px; text-align: center; vertical-align: text-bottom; color: #0e73b9; text-decoration: none; }


.financial-education {padding: 20px 0 0; color: #fff; margin-top: 30px;}
.financial-education h2 {margin: 60px; }
.financial-education h3 {padding: 20px 0 0 80px; margin-bottom: 0;}
.financial-education h3::after {clear: both; content: ""; display: table;}
.financial-education .icon {border: 1px solid #fff; border-radius: 50%; box-sizing: border-box; padding: 5px; height: 60px; width: 60px; float: left;}
.financial-education .icon-plane {background-image: url(../images/icon-airplane.svg); background-repeat: no-repeat; background-size: 40px 40px; background-position: center center;}
.financial-education .icon-creditcard {background-image: url(../images/icon-creditcard.svg); background-repeat: no-repeat; background-size: 40px 40px; background-position: center center;}
.financial-education .icon-cash {background-image: url(../images/icon-cash.svg); background-repeat: no-repeat; background-size: 40px 40px; background-position: center center;}
.financial-education .list {margin-left: 30px; padding: 20px 0; border-left:1px solid #fff ;}
.financial-education ul {margin: 0; padding: 0 0 0 11px; list-style-type: disc;}
.financial-education ul li {padding: 40px 20px 20px 40px;}
.financial-education ul li a{text-decoration: none;}
.financial-education ul li a:hover{text-decoration: underline;}

.why-us { position: relative; }
.why-us .left {left: 0; width: 50%; position: absolute; height: 100%; background-color: #363636; z-index: -1; }
.why-us .right {right:0; width: 50%; position: absolute; height: 100%; background-color: #007bb4; z-index: -1; }
.why-us h2 { padding: 40px 0 40px; }
.why-us .comparison {padding-bottom: 40px;}
.why-us .comparison .half{margin:0 60px;}
.why-us .titles {margin-bottom: 40px;}

.testimonials { margin: 30px; }

.home-articles{ margin-bottom: 30px;}
.home-articles .see-all { margin-top: 30px;}
.home-articles .article{padding: 15px 20px 0; border: 1px solid #eee; margin-left: 20px;}
.home-articles .article img {width: 100%;padding-bottom: 15px;}


.cards-list{ margin-top: 40px;}
.cards-list:after{ content: "";	display: table;	clear: both;}
.credit-card-block, .loan-block, .current-account-block { margin-bottom: 20px; padding: 10px 0 0 10px; border: 1px solid #eee;}
.credit-card-block:hover, .loan-block:hover, .current-account-block:hover { box-shadow: 0 3px 6px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.23);}

.credit-card-block .credit-card{ width: 15%;}

.credit-card-block .credit-card-description { width: 60%; }
.credit-card-block .credit-card-description ul, .current-account-block .description ul { margin:0 0 0 1.3em;	list-style-image:url("../images/advantage-icon.jpg"); }
.credit-card-block .credit-card-description ul li, .current-account-block .description ul li { margin-bottom:10px; line-height:1.25rem; }

.credit-card-block .credit-card-actions{ font-size: 1.3em; text-align: center; width: 25%;}
.credit-card-actions .button {color:#fff}
.credit-card-actions .apply-button{ background-color: #02720f; border-bottom: 2px solid #003d07;}
.credit-card-actions .apply-button:hover{ background-color: #003d07;}
.credit-card-actions .apply-note{ font-size: 0.8rem;margin: 5px auto; color: #333; max-width: 180px;}
.credit-card-actions .grey-out{ background-color: #c0c0c0; border-bottom: 2px solid #808080; cursor: default; color: #363636;}	

.credit-card-block .credit-card-infobox{ margin:30px 0 0 15%;}
.credit-card-block .credit-card-infobox .credit-card-costs{margin-bottom: 15px;}
.credit-card-block .credit-card-infobox .credit-card-costs span{ font-size: 1.3em; font-weight: bold;}
.credit-card-block .credit-card-infobox h4{ font-size: 1.2em;}
.credit-card-block .credit-card-infobox .card-features ul li{ display: inline-block; margin: 3px 6px 6px 0;}
.credit-card-block a {color: #0e73b9;}


.credit-card-block .more-info{ background: linear-gradient(269deg,rgba(255,255,255,0),rgba(0,0,0,.04) 50%,rgba(255,255,255,.04)); text-align: center; padding: 7px 0;}
.credit-card-block .more-info .view-more{ color: #0e73b9; text-decoration: none; font-weight: bold;}


section.credit-card-block .credit-card-rating{
	position:relative;
	width: 110px;
	text-align: center;
	margin: 5px 0 5px 20px;
	height:20px;
}
section.credit-card-block .credit-card-rating .stars-full, section.credit-card-block .credit-card-rating .stars-empty{
	position:absolute;
	top:0;
	left:0;
	width: 110px;
	height: 22px;
	
}
section.credit-card-block .credit-card-rating .reviews-number{
	position:relative;
	top:25px;
}
section.credit-card-block .credit-card-rating .stars-full{
	background-image: url("../images/star-on.png");
	z-index: 1;
}
section.credit-card-block .credit-card-rating .stars-empty{
	background-image: url("../images/star-off.png");
}


section.credit-card-block .credit-card-extended-details{ display:none; margin: 10px 10px;}
section.credit-card-block .credit-card-elements ul li{ display: inline-block; padding: 15px 0 0; }
section.credit-card-block .credit-card-elements ul li:hover{ font-weight:bold; }
section.credit-card-block .credit-card-elements ul li a{ color:#333; text-decoration: none; line-height:20px; margin-right:15px; padding-bottom:3px;}
section.credit-card-block .credit-card-elements ul li.selected a{ border-bottom:2px solid #0E73B9; font-weight:bold; }
section.credit-card-block .credit-card-extended-details .credit-card-description{ display: none; }
section.credit-card-block .credit-card-extended-details .credit-card-description .description{ margin-top:1.5em; line-height:1.9em; text-align: left;}

section.credit-card-block .credit-card-user-reviews{
	display:none;
	height: 60px;
    font-size: 1.3em;
    margin-top: 1em;
}
section.credit-card-block .credit-card-user-reviews .credit-card-rating{
	float:none;
	margin-left:0;
}
section.credit-card-block .credit-card-user-reviews .text{
	position: relative;
  top: 35px;
}

section.credit-card-block .credit-card-advantages{ margin-top:1em;}
section.credit-card-block .credit-card-advantages ul{ margin:0 0 0 19px; list-style-image:url("../images/advantage-icon.jpg");}
section.credit-card-block .credit-card-advantages ul li{ line-height:1.2rem; margin-bottom: 10px;}	


.loan-infobox {flex-wrap: wrap;}
.loan-block .loan-details {margin:0 100px 0 50px}
.loan-block .loan-details div {margin-left:50px}
.loan-block .loan-details h4 { font-size: 1.2em; font-weight: bold;}
.loan-block .loan-details span { font-size: 2em; font-weight: bold;}
.loan-block .loan-actions { text-align: center; margin: 20px auto;}

.current-account-infobox {flex-wrap: wrap;}
.current-account-block .current-account-details {margin:0 50px 0 50px;width: 60%;}
.current-account-block .current-account-details div {margin-left:50px}
.current-account-block .current-account-details h4 { font-size: 1.2em; font-weight: bold;}
.current-account-block .current-account-details span { font-size: 2em; font-weight: bold;}
.current-account-block .current-account-actions { text-align: center; margin: 20px auto;}


/*card details page*/
.card-details .credit-card-description{ width: 80%; }
.card-details .credit-card-block { border: none;margin-top: 40px; padding-left: 0;}
.card-details .credit-card-block:hover { box-shadow: none;}
.card-details .credit-card-actions { background-color: #f8fafb; padding: 20px 0 12px; border-bottom: 1px solid rgba(153,153,153,.25);border-top: 1px solid rgba(153,153,153,.25); text-align: center;}
/*featured cards on the card page*/
.featured-credit-cards{ margin-top: 20px; }
.toggle-title { border:1px solid #ccc;	padding: 8px 0 0 10px;}
.toggle-title h3 { float: left;	margin-top: 9px;}
.toggle-title:hover{ cursor: pointer;}
.toggle-title:hover .arrow-down { border-bottom-width: 3px; border-right-width: 3px;}
.toggle-title:hover .arrow-up { border-top-width: 3px; border-left-width: 3px;}
.arrow-down {
  box-sizing: border-box;
  height: 15px;
  width: 15px;
  border-style: solid;
  border-color: #02720f;
  border-width: 0px 2px 2px 0px;
  transform: rotate(45deg);
  transition: border-width 150ms ease-in-out;
  float: right;
  margin: 7px 20px 0 0;
}
.arrow-up {
  box-sizing: border-box;
  height: 15px;
  width: 15px;
  border-style: solid;
  border-color: #02720f;
  border-width: 2px 0 0 2px;
  transform: rotate(45deg);
  transition: border-width 150ms ease-in-out;
  float: right;
  margin: 17px 20px 0 0;
}

.toggle-content{ display: none;	border: 1px solid #ccc;	border-top: 0;}
.credit-card-user-reviews .toggle-content{ padding: 10px; }

/*pages*/
.page-top {background-color: #192b4f; color: #fff; padding: 98px 0 20px; }
.page-top h1 {font-size: 2rem}

.category-description {background-color: #f8fafb; border-bottom: 1px solid rgba(153,153,153,.25); padding: 30px 0 15px;}
.category-description ul{ margin: 0 0 15px 40px; line-height: 20px; }

.filters { box-shadow: 0 2px 9px rgba(0,0,0,.1);}
.filters .title { font-size: 1rem; font-weight: bold; text-transform: uppercase; padding: 25px 0; margin-right: 15px;}
.filters .filters-select { padding-top: 20px; margin-right: 20px;}
.filters .filters-select label{ font-weight: bold; padding-right: 10px; }
.filters input {font-size: 0.9rem; padding: 5px 10px; width: 50px; border: 1px solid #555;}
.filters input.loan-duration{width: 25px;}
.filters select {font-size: 0.9rem; padding: 5px 10px;}
.filters button {font-size: 1rem; padding: 5px 10px;}
.filters #vehicle {display: none;}

.general-content { margin: 30px 0;}
.general-content ul li{ margin: 0 0 10px 40px; line-height:20px; }
.general-content .write-email{ margin-top:10px;}
.general-content .write-email label{ width: 100px; display:inline-block; text-align:left; font-size:1.2em; line-height: 20px;}
.general-content .write-email input{ width: 200px; }
.general-content .write-email .textarea label{ width: 308px; display:inline-block; text-align:left;	margin-bottom:10px;}
.general-content .write-email .textarea textarea{ width: 308px;	height:150px;}
.general-content .write-email .input{ margin-bottom: 10px;}
.general-content .send-message-actions{ text-align: center;	margin: 10px 0 0; width:300px;}
.general-content .send-message-actions .message-button{ padding: 10px 15px;	border-top: 0; border-left: 0; border-right: 0; cursor:pointer;	font-size: 1rem;}

.featured-card-narrow { background-color: #f8fafb; border: 1px solid rgba(153,153,153,.25); padding: 30px 20px; text-align: center; margin-bottom: 30px;}
.featured-card-narrow img { margin-bottom: 30px; }
.featured-card-narrow .advantage {text-align: left; border-left: 2px solid #3eab02; background-color: #e4f7e9; padding: 10px;}
.featured-card-narrow p span { font-weight: bold;}


/*news*/
.breadcrumbs span {display: inline-block; margin: 0 10px; }
.breadcrumbs a { display: inline-block; margin: 0 0 12px; color: #fff; font-size: 1.25rem; text-decoration: none; font-weight: bold;}

.posts-list { width: 60%; margin: 30px 0;}
.posts-list .post .align-center{ margin: 30px 0 50px;}

.blog-top { background-color: #f8fafb; border-bottom: 1px solid rgba(153,153,153,.25); padding: 30px 0; }
.blog-top .info { width: 66%;}
.blog-top h1 { font-size: 2.5rem; font-weight: bold; }
.blog-top .tags a{ padding:15px 0 15px 20px; display: inline-block; margin: 3px 6px 6px 0;  background-image: url(../images/blog-tag.svg); background-repeat: no-repeat; background-position: center left; background-size: 20px 20px; color: #192b4f; text-decoration: none;}
.blog-top p.posted{ font-style:italic; }
.blog-top p.by{ font-weight:bold;}

.blog h2, blog h3{ color:#192b4f;}

.blog p{ line-height:25px; font-size: 1.1rem;}
.blog a{ color:#0e73b9; }
.blog ul li{ margin: 0 0 10px 40px; line-height:25px; font-size: 1.1rem;}
.blog-post { width: 60%; margin-top: 30px; }
.blog-post img { box-sizing: border-box; width: 100%; height: auto;}

.blog-right-column { width: 30%; padding-left: 10%; margin-top: 30px;}
.blog-right-column .title{ font-size: 1.25rem; font-weight: bold; margin-bottom: 20px;}

.blog-right-column .newsletter {background-color: #f8fafb; border: 1px solid rgba(153,153,153,.25); padding: 30px; margin-bottom: 30px;}
.blog-right-column .newsletter input {width: 100%;height: 30px;font-size: 1rem; box-sizing: border-box; padding: 5px 10px}
.blog-right-column .newsletter .button {font-size: 1rem;width: 100%;border: none;cursor: pointer;margin-top: 10px;}

.blog-right-column .list { margin-bottom: 30px; }
.blog-right-column .list a { color: #192b4f; text-decoration: none; display: block; margin-bottom: 10px;}
.blog-right-column .list a:hover { text-decoration: underline; }

/*Footer*/
footer{background-color: #f8fafb; margin-top:20px;}
footer h4{ margin: 0 0 15px; font-weight: bold;}
footer .cost-disclaimer { background-color: #edeeee; border-bottom: 1px solid rgba(153,153,153,.25); }
footer .cost-disclaimer p{ text-align: center; padding: 20px 0;	font-weight: bold; margin: 0; font-size: 120%;}
footer .content-links { padding: 20px 0;}
footer ul{ list-style: none;}
footer ul li{ margin-bottom:8px;}
footer ul li a{ color: #333; text-decoration: none;}
footer ul li a:hover{	color: #0e73b9;}
footer .social-media {width: 15%;}
footer .social-media .title{font-size: 1.5rem;font-weight: bold; margin-bottom: 15px;;}
footer .social-media a{ display: inline-block; width: 28px;	height: 28px; background-image:  url("../images/social-media-icons-ms.png"); background-repeat: none; margin: 0 5px 0 0;}
footer .social-media a.facebook{ background-position:-1px 0;}
footer .social-media a.twitter{ background-position:-34px 0;}
footer .copyright .content { font-size:0.75rem; color: #666565; padding: 20px 0; border-top: 1px solid rgba(153,153,153,.25); text-align: center; }
footer .copyright .content p{margin: 0;}

/*eu cookie law*/
#eucookielaw{
	display:none;
	position:fixed;
  	left:0px;
   	bottom:0px;
   	background:#0e73b9;
   	width:100%;
   	padding: 10px 20px;
   	text-align: center;
}
#eucookielaw p{ color:#FFF;	margin-bottom:10px;}
#eucookielaw a{ color:#FFF;}
#eucookielaw button{
	background-color: #A35F00;
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    padding: 5px 15px;
    border:0;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: bold;
}

/*Sitemap*/
.sitemap h2 { margin: 10px 0;}
.sitemap h3 { margin: 20px 0;}
.sitemap ul{ list-style: none;}
.sitemap li{ margin-bottom:15px;}
.sitemap li a{ font-size: 1.2em; color:#0e73b9;}