@charset "UTF-8";
:root {
    --black: #000000;
    --clementine: #e85c00;
    --gray: #808080;
    --storm-dust: #606060;
    --tory-blue: #1250b3;
    --tory-blue-2: #1250b333;
    --white: #ffffff;

    --font-size-l: 18px;
    --font-size-m: 16px;
    --font-size-s: 10px;
    --font-size-xl: 24px;
    --font-size-xxl: 36px;

    --font-family-montserrat: "Montserrat", sans-serif;
/*Rating Stars*/
    --star-size: 30px;
    --star-color: #ccc;
    --star-background: #fc0;
}

/* montserrat-regular - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/montserrat-v23-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/montserrat-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/montserrat-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/montserrat-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/montserrat-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/montserrat-v23-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-500 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/montserrat-v23-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/montserrat-v23-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/montserrat-v23-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/montserrat-v23-latin-500.woff') format('woff'), /* Modern Browsers */
    url('../fonts/montserrat-v23-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/montserrat-v23-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/montserrat-v23-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/montserrat-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/montserrat-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/montserrat-v23-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/montserrat-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/montserrat-v23-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-800 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/montserrat-v23-latin-800.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/montserrat-v23-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/montserrat-v23-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/montserrat-v23-latin-800.woff') format('woff'), /* Modern Browsers */
    url('../fonts/montserrat-v23-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/montserrat-v23-latin-800.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/**
Global
 */
html,body{
    overflow-x: hidden;
}
body {margin:0; background: #ffffff; font-family: var(--font-family-montserrat); font-size:16px;line-height: 1.3em}
* {box-sizing: border-box;}
.container-center-horizontal {
    width: 100%;max-width:1200px;margin: 0 auto;
}

.container-center-800 {width: 100%;max-width:1200px;margin: 0 auto;padding: 0 30px}
.container-center-800 {max-width:800px;}
.container-center-horizontal > * {
    pointer-events: auto;
}
.main {padding: 20px 0 50px 0}
.main a {text-decoration: none; color:var(--black)}
.main a:hover {text-decoration: none; color:var(--tory-blue)}
.text-center {text-align: center}
.text-justify {text-align: justify}
.text-bold {font-weight: 700}
.text-extra-bold {font-weight:800}
.text-orange {color: var(--clementine)}
hr {border-top:1px solid #cfdcf0;border-bottom: none; }
.button {border-radius: 50px; box-shadow: 0 3px 6px #1250b324; text-align: center;white-space: normal;letter-spacing: 0.00px; line-height: 1.5;font-style: normal;font-weight: 500;padding: 10px 36px; text-decoration: none; display: block; margin-bottom: 10px; }
.button-blue {color: var(--white) !important; background: var(--tory-blue) !important;}
.button-light {
    color:var(--black);
    background-color: transparent;
    border: 2px solid var(--clementine);
    transition: all 0.3s ease;
}
.button-light span {
   transition: all 0.3s ease;
}
.button-light:hover {
    color: #fff !important;
    background-color: var(--clementine);
    border: 2px solid var(--clementine);
}
.button-light:hover span {
    color:#fff;
}
    
}
.button-blue:hover {background: var(--clementine) !important;}
.text-blue {color: var(--tory-blue)}
.button-full {width:100%}
.no-margin {margin: 0}
img.separator {display: block; max-width: 310px; margin: 20px auto;clear: both; overflow: hidden;}
a.capital-com-a, a.capital-com-a span {
    transition: all 0.3s ease;
}

h2:hover a.capital-com-a:hover span.text-extra-bold:first-child, h2:hover a.capital-com-a {
    color:rgb(232, 92, 0);
}
h2:hover a.capital-com-a span.text-extra-bold:last-child {
    color:rgb(232, 92, 0);
}

/**
Header
 */
.header {padding: 15px 0;text-align: center;box-shadow: 0 3px 6px rgba(18,80,179,.14);}
.header-logo {max-width: 170px }

/**
Titles
 */
h1, h2, h3, h4, h5, h6 {font-weight: 500; line-height: 1.3}
h1, .h1 {font-size: 30px;margin-top:0; margin-bottom:20px;}
h3, .h3 {font-size: 22px}

@media screen and (min-width: 768px) {
    body {line-height: 1.5}
    .main {padding: 40px 0 20px 0}
    h1, .h1 {font-size: 36px;margin-top:0; margin-bottom:20px}
    h3, .h3 {font-size: 24px}
    img.separator {margin: 40px auto;}
    hr {margin: 50px 0 40px 0}
    .main-title br{display: none;}
    .capital-com-a br{display: none;}
    .container-center-800{padding:0;}
    .text-mobile-center br{display: none;}
}
/**
Star Rating
 */

.comp-stars-rating {--percent: calc(var(--rating) / 5 * 100%);display: inline-block;font-size: var(--star-size);font-family: "Times New Roman";line-height: 1;}
.comp-stars-rating::before {content: '★★★★★';letter-spacing: 3px;background: linear-gradient(0deg, var(--star-background) var(--percent), var(--star-color) var(--percent));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

/**
Broker Card
 */

.broker-card {
	background-color: var(--white);
	border-radius: 20px 20px 0 0;
	box-shadow: 0 3px 40px #1250b324;
	padding: 15px;
	margin: 0 15px 40px 15px;
	z-index: 1;
	position: relative;
}
.orange-cta {color:#fff !important; background-color: var(--clementine); border-radius: 12px; box-shadow: 0 3px 6px #1250b324;text-align: center;
    white-space: nowrap;letter-spacing: 0.00px; line-height: 18px;color: var(--white);font-size: var(--font-size-l); font-style: normal;
    font-weight: 700;padding: 15px 20px; text-decoration: none; display: block; margin-bottom: 10px;}
.orange-cta:hover {color: #FFF !important; background: var(--tory-blue)}
.col-logo {
	width: 60%;
	float: left;
	padding-right: 10px;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center;
	height: 120px;
}
img.broker-logo {max-width: 160px; width:100%;}
.col-features {clear: both}
.col-features ul {list-style-type: none; margin: 0; padding: 0;}
.col-features li { margin-bottom: 10px; position: relative;background-color: transparent;color: var(--storm-dust);font-size: var(--font-size-m);font-style: normal;font-weight: 700; text-align: center}
.col-features li:last-of-type {margin-bottom: 0; align-self: center}
.broker-card-extras {
	display: none;
	background-color: #ebeef6;
	border-radius: 0 0 20px 20px;
	box-shadow: -1px 3px 40px rgba(18, 80, 179, 0.1);
	padding: 10px;
	margin: 10px 15px 40px 15px;
	position: relative;
	z-index: 2;
}
.broker-extra-img {object-fit: cover;width:18px; height:18px; margin-right:10px;}
.broker-extra-info {color: var(--storm-dust); font-size: var(--font-size-m); font-style: normal; font-weight: 500; display: flex; align-items: center;}
.broker-extra-info span {color: var(--tory-blue); font-size: var(--font-size-m); font-style: normal; font-weight: 700;margin-left: 4px;}
.col-cta {max-width:180px;align-self: center;margin: 15px auto;width:100%}
.button-arrow {
	width: 15px;
	height: 15px;
	margin-bottom: -2px;
	margin-left: 5px;
}
.advantages-section .button .button-arrow {
	margin-bottom: -2px;
}
.disclaimer {line-height: 11px;color: var(--gray);font-size: var(--font-size-s); font-style: normal; font-weight: 400;text-align: center}
.col-mobile-deposit {width: 40%; text-align:center;background-color: var(--white); border-radius: 20px;box-shadow: 0 3px 40px #1250b324; padding: 15px;float:left; margin-bottom: 10px;}

/**
Content
 */

ol.advantages {padding-left:22px;}
/* ol.advantages li {margin-bottom:10px} */
.button-parent{width: 420px; margin: 35px auto 0; text-align: center;}
.k-img-section{margin:20px auto 44px;}
.k-img-section p{font-size: 10px;font-weight:500;color: var(--black);line-height: 16px;margin-top: 32px;}
.k-img-section img{margin: 0 auto;display: block;width:24px;height:28px;}
.advantages-section hr{margin-top: 40px;}

@media screen and (min-width: 768px) {
    .col-mobile-deposit {display:none}
    .broker-card {display: flex;justify-content: space-between;	margin: 15px 0;	padding: 30px;}
    .col-logo {width: auto;float: none;padding-right: 20px;border-right: 1px solid rgb(207, 220, 240);margin-right: 20px;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;}
    .col-features {    margin-right: 20px;width:75%}
    .col-features li {padding-left: 30px;text-align: left;margin-bottom: 15px;}
    .col-features li:before {content:""; background: url(../img/feature-check.svg) no-repeat 0 0 transparent; position: absolute; width: 20px; height: 20px; left: 0; top: 3px}
    .broker-card-extras {margin:-14px 0 40px 0;display: flex; justify-content: space-around;align-items: center;}
    .sep {width: 1px; height:20px; background: #cbd7ee}
}

/**
Footer
 */
.footer {background: var(--tory-blue); color: #FFF; padding: 20px 0;}
.footer-logo {text-align: center; margin-bottom: 15px}
.footer-logo img {width: 100%; max-width: 170px;}
.footer a {color: #FFF; text-decoration: underline}
.footer-credits {text-align: center}



@media screen and (min-width: 768px) {
    .footer-logo {text-align: left; margin-bottom: 0}
    .footer .container-center-horizontal {display: flex; justify-content: space-between; align-items: center;padding: 10px 15px;}
}
@media screen and (max-width: 768px) {
    .col-cta {max-width:160px;}
    .orange-cta{padding:15px 10px !important; font-size:13px;}
    .broker-card .orange-cta {
    	font-weight: 700;
    }
    .broker-card{
		margin-top: 28px;
		border-radius: 30px;
	}
    .broker-card hr{width: 85%;}
    .broker-card{margin: 0 0px 40px 0px;}
    .broker-card .orange-cta {
        font-size:18px
    }
    .button-blue{width: 90%; margin: 20px auto 40px;}
    img.separator{max-width: 290px; margin: 40px auto 40px;}
    ol.advantages li{margin-bottom: 26px;}
    .button-parent{max-width:100%;}
    .button-parent .disclaimer{padding-top: 6px; display: block;}
    .button-parent hr{margin: 50px 0 0;}
    .col-mobile-deposit{height:118px;}

    :root {--star-size: 25px;}
    .text-mobile-center {text-align: center}
    h1, .h1 {
	margin-bottom: 30px;
	font-size: 32px;
	line-height: 36px;
	padding: 0 15px;
}
    a.capital-com-a span.text-extra-bold:not(.text-orange) {
        font-size: 29px;
    }
    a.capital-com-a span:last-child {
    /*font-size: 17px !important;*/
}
.advantages-section .button .button-arrow {
	margin-bottom: -4px;
}
    
}
@media screen and (max-width: 325px) {
    .orange-cta {font-size: 15px;}
}