@import url("https://fonts.googleapis.com/css?family=Lato:300,400,600,700,900");
@font-face {
	font-family: "rhb-font-light";
	font-style: normal;
	font-weight: 300;
	src: url("/-/media/Microsites/livefx/fonts/RHB-Font-light.woff") format("woff"), url("/-/media/Microsites/livefx/fonts/RHB-Font-light.ttf") format("truetype")
}

@font-face {
	font-family: "rhb-font-normal";
	font-style: normal;
	font-weight: 400;
	src: url("/-/media/Microsites/livefx/fonts/RHB-Font.woff") format("woff"), url("/-/media/Microsites/livefx/fonts/RHB-Font.ttf") format("truetype")
}

@font-face {
	font-family: "rhb-font-medium";
	font-style: normal;
	font-weight: 500;
	src: url("/-/media/Microsites/livefx/fonts/RHB-Font-medium.woff") format("woff"), url("/-/media/Microsites/livefx/fonts/RHB-Font-medium.ttf") format("truetype")
}

@font-face {
	font-family: "rhb-font-bold";
	font-style: normal;
	font-weight: 700;
	src: url("/-/media/Microsites/livefx/fonts/RHB-Font-bold.woff") format("woff"), url("/-/media/Microsites/livefx/fonts/RHB-Font-bold.ttf") format("truetype")
}

@font-face {
  font-family: "high-tide";
  font-style: normal;
  font-weight: 400;
  src: url("/-/media/Microsites/livefx/fonts/HighTide-woff.woff") format("woff"), url("/-/media/Microsites/livefx/fonts/HighTide-ttf.ttf") format("truetype");
}

.text--300 {
	font-family: 'rhb-font-light', arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal
}

.text--400 {
	font-family: 'rhb-font-normal', arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal
}

.text--500 {
	font-family: 'rhb-font-medium', arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal
}

.text--700 {
	font-family: 'rhb-font-bold', arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal
}

.text--color-primary-blue {
	color: #025fab
}

.text--blue {
	color: #0067B1
}

.text--black {
	color: #000000
}

.text--white {
	color: #ffffff
}

.text--normal {
	font-weight: 400
}

.row.no-gutters {
	margin-right: 0;
	margin-left: 0
}

.row.no-gutters>[class^="col-"],
.row.no-gutters>[class*=" col-"] {
	padding-right: 0;
	padding-left: 0
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px
}

.col-xs-15 {
	width: 20%;
	float: left
}

@media (min-width: 768px) {
	.col-sm-15 {
		width: 20%;
		float: left
	}
}

@media (min-width: 992px) {
	.col-md-15 {
		width: 20%;
		float: left
	}
}

@media (min-width: 1200px) {
	.col-lg-15 {
		width: 20%;
		float: left
	}
}

@media (min-width: 1200px) {
	.row--table-lg {
		display: table;
		width: 100%;
		table-layout: fixed;
		margin: 0 auto
	}
}

@media (min-width: 1200px) {
	.row--table-lg>[class*="col-"] {
		display: table-cell;
		float: none;
		vertical-align: middle
	}
}

@media (min-width: 992px) {
	.row--table-md {
		display: table;
		width: 100%;
		table-layout: fixed;
		margin: 0 auto
	}
}

@media (min-width: 992px) {
	.row--table-md>[class*="col-"] {
		display: table-cell;
		float: none;
		vertical-align: middle
	}
}

@media (min-width: 768px) {
	.row--table-sm {
		display: table;
		width: 100%;
		table-layout: fixed;
		margin: 0 auto
	}
}

@media (min-width: 768px) {
	.row--table-sm>[class*="col-"] {
		display: table-cell;
		float: none;
		vertical-align: middle
	}
}

@media (min-width: 480px) {
	.row--table-xs {
		display: table;
		width: 100%;
		table-layout: fixed;
		margin: 0 auto
	}
}

@media (min-width: 480px) {
	.row--table-xs>[class*="col-"] {
		display: table-cell;
		float: none;
		vertical-align: middle
	}
}

a,
a:hover,
a:active,
a:focus {
	text-decoration: none
}

input,
textarea,
select,
button {
	box-sizing: border-box
}

input:focus,
textarea:focus,
select:focus,
button:focus {
	outline: none
}

a,
input {
	transition: all 0.3s ease
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0
}

img {
	max-width: 100%;
	height: auto
}

ul,
ol {
	margin: 0;
	padding: 0;
	list-style-type: none
}

p {
	margin: 0 0 0
}

body {
	font-size: 16px;
	line-height: 1.6;
	font-family: 'Lato', sans-serif;
	color: #444444;
	background: #fff
}

@media screen and (max-width: 991px) {
	body {
		font-size: 16px;
		line-height: 1.6
	}
}

@media screen and (max-width: 768px) {
	body {
		font-size: 15px;
		line-height: 1.6
	}
}

@media screen and (max-width: 479px) {
	body {
		font-size: 15px;
		line-height: 1.6
	}
}

a {
	color: #025fab
}

a:hover,
a:active,
a:focus {
	color: #000
}

.site--container {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	overflow-x: hidden
}

.section--light-brown {
	background-color: #f1f1f1
}

.section--light-grey {
	background-color: #f7f7f7
}

.section--dark-blue {
	background-color: #20222f;
	color: #fff
}

.section--heading {
	font-family: 'rhb-font-normal', arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal
}

.section--heading strong {
	font-family: 'rhb-font-medium', arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal
}

.section--heading .heading--lg {
	font-size: 140%
}

@media (max-width: 991px) {
	.section--heading .heading--lg {
		font-size: 125%
	}
}

h1.section--heading {
	font-size: 56px;
	line-height: 1.1
}

@media screen and (max-width: 991px) {
	h1.section--heading {
		font-size: 46px;
		line-height: 1.2
	}
}

@media screen and (max-width: 768px) {
	h1.section--heading {
		font-size: 38px;
		line-height: 1.2
	}
}

@media screen and (max-width: 479px) {
	h1.section--heading {
		font-size: 28px;
		line-height: 1.2
	}
}

h2.section--heading {
	font-size: 42px;
	line-height: 1.2
}

@media screen and (max-width: 991px) {
	h2.section--heading {
		font-size: 38px;
		line-height: 1.2
	}
}

@media screen and (max-width: 768px) {
	h2.section--heading {
		font-size: 30px;
		line-height: 1.2
	}
}

@media screen and (max-width: 479px) {
	h2.section--heading {
		font-size: 24px;
		line-height: 1.2
	}
}

h3.section--heading {
	font-size: 40px;
	line-height: 1.2
}

@media screen and (max-width: 991px) {
	h3.section--heading {
		font-size: 36px;
		line-height: 1.2
	}
}

@media screen and (max-width: 768px) {
	h3.section--heading {
		font-size: 30px;
		line-height: 1.2
	}
}

@media screen and (max-width: 479px) {
	h3.section--heading {
		font-size: 24px;
		line-height: 1.2
	}
}

h4.section--heading {
	font-size: 16px;
	line-height: 1.4
}

@media screen and (max-width: 991px) {
	h4.section--heading {
		font-size: 16px;
		line-height: 1.4
	}
}

@media screen and (max-width: 768px) {
	h4.section--heading {
		font-size: 16px;
		line-height: 1.4
	}
}

@media screen and (max-width: 479px) {
	h4.section--heading {
		font-size: 16px;
		line-height: 1.4
	}
}

h5.section--heading {
	font-size: 25px;
	line-height: 1.4
}

@media screen and (max-width: 991px) {
	h5.section--heading {
		font-size: 22px;
		line-height: 1.4
	}
}

@media screen and (max-width: 768px) {
	h5.section--heading {
		font-size: 22px;
		line-height: 1.4
	}
}

@media screen and (max-width: 479px) {
	h5.section--heading {
		font-size: 20px;
		line-height: 1.4
	}
}

h6.section--heading {
	font-size: 16px;
	line-height: 1.4
}

@media screen and (max-width: 991px) {
	h6.section--heading {
		font-size: 16px;
		line-height: 1.4
	}
}

@media screen and (max-width: 768px) {
	h6.section--heading {
		font-size: 16px;
		line-height: 1.4
	}
}

@media screen and (max-width: 479px) {
	h6.section--heading {
		font-size: 16px;
		line-height: 1.4
	}
}

.navbar.navbar--nav.navigation {
	width: 100%;
	max-width: 1440px;
	left: 50%;
	transform: translateX(-50%);
	height: 60px;
	background: rgba(0, 0, 0, 0.05);
	transition: all 0.2s ease
}

.navbar.navbar--nav.navigation.premier {
	background: #002F65;
	color: #C6D5DC
}

@media (max-width: 768px) {
	.navbar.navbar--nav.navigation {
		height: 58px;
		background: #fff
	}
}

.navbar.navbar--nav.navigation.is--active {
	background: #fff;
	-webkit-box-shadow: 0 8px 10px -6px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 8px 10px -6px rgba(0, 0, 0, 0.2);
	box-shadow: 0 8px 10px -6px rgba(0, 0, 0, 0.2)
}

.navbar.navbar--nav.navigation.is--active.premier {
	background: #002F65
}

.navbar.navbar--nav.navigation .navbar-brand {
	width: 160px;
	height: 60px;
	background: transparent url("../images/nav--logo.png") no-repeat center center;
	text-indent: -9999px;
	margin-left: 20px
}

@media (max-width: 768px) {
	.navbar.navbar--nav.navigation .navbar-brand {
		height: 58px
	}
}

.navbar.navbar--nav.navigation .navbar-right {
	margin-right: 20px
}

@media (max-width: 768px) {
	.navbar.navbar--nav.navigation .navbar-right {
		margin-right: 0
	}
}

.navbar.navbar--nav.navigation .premier--brand-container {
	padding-top: 15px;
	padding-right: 15px;
	float: right
}

.navbar.navbar--nav.navigation .premier--logo {
	max-width: 150px;
	margin-top: 6px;
	margin-left: 20px
}

@media (max-width: 768px) {
	.navbar.navbar--nav.navigation .premier--logo {
		margin: 6px auto 0
	}
}

.navbar.navbar--nav.navigation .premier_brand {
	color: #C6D5DC;
	font-size: 20px;
	text-align: right;
	font-family: 'rhb-font-normal', arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal
}

@media (max-width: 768px) {
	.navbar.navbar--nav.navigation .navbar-nav {
		margin: 0 0
	}
}

.navbar.navbar--nav.navigation .navbar-toggle {
	background: #fff;
	margin-top: 12px;
	background: #fff
}

.navbar.navbar--nav.navigation .navbar-toggle .icon-bar {
	background: #025fab
}

.navbar.navbar--nav.navigation li {
	display: inline-block;
	height: 60px;
	text-transform: uppercase;
	font-family: 'rhb-font-normal', arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 112.5%
}

@media (max-width: 768px) {
	.navbar.navbar--nav.navigation li {
		display: block;
		height: 44px;
		border-bottom: 1px solid #ddd;
		font-size: 100%
	}
}

@media (max-width: 768px) {
	.navbar.navbar--nav.navigation li:last-child {
		border-bottom: 0
	}
}

.navbar.navbar--nav.navigation li a {
	display: inline-block;
	height: 60px;
	line-height: 60px;
	padding: 0 30px;
	color: #025fab
}

@media (max-width: 768px) {
	.navbar.navbar--nav.navigation li a {
		display: block;
		height: 44px;
		line-height: 44px;
		padding: 0 15px
	}
}

.navbar.navbar--nav.navigation li.active a,
.navbar.navbar--nav.navigation li a:hover,
.navbar.navbar--nav.navigation li a:active,
.navbar.navbar--nav.navigation li a:focus {
	background: transparent;
	color: #db0011
}

@media (max-width: 768px) {
	#navbar {
		border-top: 1px solid #025fab;
		background: white
	}
}

.form {
	text-align: center;
	background: #FFFFFF;
	padding: 120px 0 100px
}

@media (max-width: 768px) {
	.form {
		padding: 60px 0 50px
	}
}

.form--heading {
	color: #EF3E42;
	font-size: 40px;
	line-height: 1.1
}

@media screen and (max-width: 1199px) {
	.form--heading {
		font-size: 38px;
		line-height: 1.1
	}
}

@media screen and (max-width: 991px) {
	.form--heading {
		font-size: 36px;
		line-height: 1.1
	}
}

@media screen and (max-width: 768px) {
	.form--heading {
		font-size: 30px;
		line-height: 1.1
	}
}

@media screen and (max-width: 479px) {
	.form--heading {
		font-size: 24px;
		line-height: 1.1
	}
}

.form--subheading {
	color: #0067B1;
	margin-top: 10px;
	font-size: 44px;
	font-weight: 900;
	line-height: 1.3
}

@media screen and (max-width: 991px) {
	.form--subheading {
		font-size: 26px;
		line-height: 1.3
	}
}

@media screen and (max-width: 768px) {
	.form--subheading {
		font-size: 22px;
		line-height: 1.3
	}
}

@media screen and (max-width: 479px) {
	.form--subheading {
		font-size: 18px;
		line-height: 1.3
	}
}

.form--subheading+.form--subheading {
	margin-top: 5px;
	font-size: 24px;
	line-height: 1.3
}

@media screen and (max-width: 991px) {
	.form--subheading+.form--subheading {
		font-size: 22px;
		line-height: 1.3
	}
}

@media screen and (max-width: 768px) {
	.form--subheading+.form--subheading {
		font-size: 20px;
		line-height: 1.3
	}
}

@media screen and (max-width: 479px) {
	.form--subheading+.form--subheading {
		font-size: 16px;
		line-height: 1.3
	}
}

.form--form {
	text-align: left;
	padding-top: 30px
}

@media (max-width: 991px) {
	.form--form {
		padding-top: 15px
	}
}

@media (max-width: 768px) {
	.form--form {
		padding-top: 5px
	}
}

.form--control {
	padding-top: 30px
}

@media (max-width: 768px) {
	.form--control {
		padding-top: 25px;
	}
}

.form--label {
	color: #373A3C;
	padding: 0 0 5px 10px;
	font-weight: bold;
}

.form--input,
.form--select,
.form--textarea {
	display: block;
	width: 100%;
	border: 0
}

.form--input::-webkit-input-placeholder,
.form--select::-webkit-input-placeholder,
.form--textarea::-webkit-input-placeholder {
	color: #818A91
}

.form--input::-moz-placeholder,
.form--select::-moz-placeholder,
.form--textarea::-moz-placeholder {
	color: #818A91
}

.form--input:-ms-input-placeholder,
.form--select:-ms-input-placeholder,
.form--textarea:-ms-input-placeholder {
	color: #818A91
}

.form--input:-moz-placeholder,
.form--select:-moz-placeholder,
.form--textarea:-moz-placeholder {
	color: #818A91
}

@media (max-width: 768px) {
	.form--input,
	.form--select,
	.form--textarea {
		background: #fff;
		border-radius: 4px
	}
}

.form--input {
	height: 50px;
	line-height: 50px;
	padding: 0 15px
}

.form--input.form--input-special {
	padding: 0 0 0 100px
}

.form--error {
	color: #c0392b;
	font-size: 70%;
	text-transform: uppercase;
	padding-top: 10px;
	font-weight: normal
}

.form--customer-label {
	text-align: center;
	padding-top: 10px
}

@media (max-width: 768px) {
	.form--customer-label {
		padding-top: 0
	}
}

.form--customer-label span {
	margin-right: 40px
}

@media (max-width: 768px) {
	.form--customer-label span {
		display: block;
		margin: 0 0 10px 0
	}
}

.form--customer-label label {
	font-weight: normal
}

.form--customer-label label+label {
	margin-left: 20px
}

.form--customer-label input {
	margin-right: 10px
}

.form--tnc-container {
	margin: 0
}

.form--tnc-input {
	vertical-align: top;
	float: left;
	width: 20px;
	line-height: 1.4
}

@media (max-width: 768px) {
	.form--tnc-input {
		width: 15px
	}
}

.form--tnc-label {
	padding-left: 10px;
	float: right;
	width: calc(100% - 20px)
}

.form--tnc-label p+p {
	padding-top: 20px
}

@media (max-width: 768px) {
	.form--tnc-label {
		width: calc(100% - 15px)
	}
}

.form--tnc-label-text {
	font-size: 85%;
	font-weight: 300;
	color: #000000;
}

@media (max-width: 768px) {
	.form--tnc-label-text {
		font-size: 81.25%
	}
}

@media (max-width: 479px) {
	.form--tnc-label-text {
		font-size: 75%
	}
}

.form--submit {
	text-align: center
}

.form--submit-btn {
	font-weight: 300;
	display: block;
	padding: 15px 0;
	background: #0067b1;
	color: #ffffff;
	max-width: 220px;
	width: 100%;
	margin: 40px auto 0;
	font-size: 25px;
	line-height: 1.2
}

@media screen and (max-width: 991px) {
	.form--submit-btn {
		font-size: 25px;
		line-height: 1.2
	}
}

@media screen and (max-width: 768px) {
	.form--submit-btn {
		font-size: 22px;
		line-height: 1.2
	}
}

@media screen and (max-width: 479px) {
	.form--submit-btn {
		font-size: 18px;
		line-height: 1.2
	}
}

@media (max-width: 768px) {
	.form--submit-btn {
		padding: 15px 15px;
		display: block;
		width: 100%
	}
}

.form--submit-btn:hover {
	background: #0067b1
}

.transact--now-btn {
	font-weight: 300;
	display: block;
	padding: 15px 0;
	background: #0067b1;
	color: #ffffff;
	max-width: 220px;
	width: 100%;
	margin: 40px auto 0;
	font-size: 25px;
	line-height: 1.2
}

@media screen and (max-width: 991px) {
	.transact--now-btn {
		font-size: 25px;
		line-height: 1.2
	}
}

@media screen and (max-width: 768px) {
	.transact--now-btn {
		font-size: 22px;
		line-height: 1.2
	}
}

@media screen and (max-width: 479px) {
	.transact--now-btn {
		font-size: 18px;
		line-height: 1.2
	}
}

@media (max-width: 768px) {
	.transact--now-btn {
		padding: 15px 15px;
		display: block;
		width: 100%
	}
}

.transact--now-btn:hover {
	background: #0067b1
}

.form--disclaimer-wrrapper {
	width: 100%;
	margin: 40px auto 0
}

.form--disclaimer-wrrapper .form--disclaimer {
	font-size: 12px;
	font-weight: 300;
	text-align: center
}

.form--disclaimer-wrrapper .form--disclaimer+.form--disclaimer {
	margin-top: 20px
}

.form--input-wrapper {
	height: 54px;
	line-height: 54px;
	background: #ffffff;
	border: 1px solid #969696;
	border-radius: 4px;
	position: relative;
	overflow: hidden
}

.form--input-wrapper select {
	background: #ffffff
}

.form--input-wrapper label {
	font-weight: normal
}

.form--input-wrapper label+label {
	margin-left: 20px
}

.form--input-wrapper input {
	margin-right: 10px
}

.form--input-mock-text {
	padding: 0 15px
}

.form--checkbox-mca-yes,
.form--checkbox-mca-no {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%)
}

.form--checkbox-mca-no {
	right: 5%
}

.form--checkbox-mca-yes {
	right: 20%
}

.col-five-px-right {
	padding-right: 5px
}

@media (max-width: 768px) {
	.col-five-px-right.col-five-reset-sm {
		padding-right: 15px;
		padding-left: 15px
	}
}

.col-five-px-left {
	padding-left: 5px
}

@media (max-width: 768px) {
	.col-five-px-left.col-five-reset-sm {
		padding-right: 15px;
		padding-left: 15px
	}
}

.form--checkbox-acc-yes,
.form--checkbox-acc-no {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	max-width: 60px;
	width: 100%
}

.form--checkbox-acc-yes {
	left: 5%
}

.form--checkbox-acc-no {
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%)
}

.disclaimer {
	padding: 40px 0 40px;
	font-size: 68.75%;
	color: #7c8a90
}

@media (max-width: 768px) {
	.disclaimer {
		padding: 30px 0 30px
	}
}

.footer {
	color: #818A91;
	font-size: 14px;
	line-height: 1.3;
	padding: 0 0 45.28px 0;
	box-shadow: 0 -20px 30px rgba(0, 0, 0, 0.03)
}

@media (max-width: 991px) {
	.footer {
		font-size: 12px
	}
}

@media (max-width: 620px) {
	.footer {
		padding: 0 0 20.58px 0
	}
}

.footer__top {
	margin: 0 68.38px
}

@media (max-width: 620px) {
	.footer__top {
		margin: 0 30.38px
	}
}

.footer__top .footer__tnc {
	color: #0667B0;
	padding: 45.28px 0 22.64px;
	font-size: 15px;
	line-height: 1.3
}

@media screen and (max-width: 991px) {
	.footer__top .footer__tnc {
		font-size: 15px;
		line-height: 1.3
	}
}

@media screen and (max-width: 768px) {
	.footer__top .footer__tnc {
		font-size: 14px;
		line-height: 1.3
	}
}

@media screen and (max-width: 479px) {
	.footer__top .footer__tnc {
		font-size: 12px;
		line-height: 1.3
	}
}

@media (max-width: 768px) {
	.footer__top .footer__tnc {
		padding: 22.64px 0
	}
}

@media (max-width: 620px) {
	.footer__top .footer__tnc {
		padding: 22.64px 0 11px 0
	}
}

.footer__top .footer__tnc.footer__tnc-premier a {
	color: #002F65
}

.footer__top .footer__tnc a {
	color: #0667B0;
	padding: 0 10px;
	border-left: 1px solid #0667B0;
	font-size: 15px;
	line-height: 1.3;
	font-size: 15px;
	line-height: 1.3
}

@media screen and (max-width: 991px) {
	.footer__top .footer__tnc a {
		font-size: 15px;
		line-height: 1.3
	}
}

@media screen and (max-width: 768px) {
	.footer__top .footer__tnc a {
		font-size: 14px;
		line-height: 1.3
	}
}

@media screen and (max-width: 479px) {
	.footer__top .footer__tnc a {
		font-size: 12px;
		line-height: 1.3
	}
}

.footer__top .footer__tnc a:first-child {
	padding: 0 10px 0 0;
	border-left: none;
	border-right: none
}

.footer__top .footer__tnc-custom {
	padding: 45.28px 0 22.64px
}

@media (max-width: 479px) {
	.footer__top .footer__tnc-custom {
		padding: 45.28px 0 0;
		text-align: center;
	}
}

.footer__top .footer__tnc-border-left {
	border-left: 1px solid #707070
}

@media (max-width: 768px) {
	.footer__top .footer__tnc-border-left {
		border: 0
	}
}

.footer__top .footer__tnc-border-right {
	border-right: 1px solid #707070
}

@media (max-width: 768px) {
	.footer__top .footer__tnc-border-right {
		border: 0
	}
}

.footer__top .footer__tnc-custom-wrapper.tnc-wrapper {
	text-align: center
}

@media (max-width: 768px) {
	.footer__top .footer__tnc-custom-wrapper.tnc-wrapper {
		text-align: left
	}
}

.footer__top .footer__tnc-custom-tnc {
	display: inline-block;
	color: ##0067b1;
	font-size: 16px;
	line-height: 1.3
}

.footer__top .footer__tnc-custom-tnc a {
	color: ##0067b1
}

.footer__top .footer__tnc-custom-tnc span {
	color: #6E6E6E;
	font-size: 13px;
	line-height: 1.3
}

.footer__top .footer__tnc-custom-tnc span a {
	color: #6E6E6E;
	text-decoration: underline
}

.footer__top .footer__tnc-custom-tnc.footer__tnc-custom-faq {
	text-align: center
}

.footer__top .footer__tnc-custom-tnc.footer__tnc-custom-faq a {
	display: inline-block;
	margin-top: 10px
}

@media (max-width: 768px) {
	.footer__top .footer__tnc-custom-tnc.footer__tnc-custom-faq a {
		margin: 20px 0 15px
	}
}

.footer__top .footer__tnc-custom-tnc.float-right {
	float: right
}

@media (max-width: 768px) {
	.footer__top .footer__tnc-custom-tnc.float-right {
		float: left
	}
}

.footer__top .footer__tnc-custom-tnc .tnc-title {
	text-align: left
}

.footer__top .footer__box {
	background: #5bc2e7;
	color: #ffffff;
	font-weight: bold;
	padding: 45.28px 68.38px
}

.footer__top .footer__box.footer__box-premier {
	background: #5bc2e7
}

.footer__top .footer__box.footer__box-premier .footer__box-heading {
	font-size: 40px;
	line-height: 1.3
}

@media screen and (max-width: 991px) {
	.footer__top .footer__box.footer__box-premier .footer__box-heading {
		font-size: 36px;
		line-height: 1.3
	}
}

@media screen and (max-width: 768px) {
	.footer__top .footer__box.footer__box-premier .footer__box-heading {
		font-size: 32px;
		line-height: 1.3
	}
}

@media screen and (max-width: xsm) {
	.footer__top .footer__box.footer__box-premier .footer__box-heading {
		font-size: 26px;
		line-height: 1.3
	}
}

@media screen and (max-width: 479px) {
	.footer__top .footer__box.footer__box-premier .footer__box-heading {
		font-size: 16px;
		line-height: 1.3
	}
}

@media screen and (max-width: xss) {
	.footer__top .footer__box.footer__box-premier .footer__box-heading {
		font-size: 16px;
		line-height: 1.3
	}
}

.footer__top .footer__box.footer__box-premier .footer__box-subheading {
	font-size: 30px;
	line-height: 1.3
}

@media screen and (max-width: 991px) {
	.footer__top .footer__box.footer__box-premier .footer__box-subheading {
		font-size: 26px;
		line-height: 1.3
	}
}

@media screen and (max-width: 768px) {
	.footer__top .footer__box.footer__box-premier .footer__box-subheading {
		font-size: 24px;
		line-height: 1.3
	}
}

@media screen and (max-width: xsm) {
	.footer__top .footer__box.footer__box-premier .footer__box-subheading {
		font-size: 22px;
		line-height: 1.3
	}
}

@media screen and (max-width: 479px) {
	.footer__top .footer__box.footer__box-premier .footer__box-subheading {
		font-size: 12px;
		line-height: 1.3
	}
}

@media screen and (max-width: xss) {
	.footer__top .footer__box.footer__box-premier .footer__box-subheading {
		font-size: 12px;
		line-height: 1.3
	}
}

@media (max-width: 768px) {
	.footer__top .footer__box {
		padding: 22.64px 68.38px
	}
}

@media (max-width: 620px) {
	.footer__top .footer__box {
		padding: 20.58px 30.38px
	}
}

.footer__top .footer__box .footer__box-heading {
	font-size: 40px;
	line-height: 1.3
}

@media screen and (max-width: 991px) {
	.footer__top .footer__box .footer__box-heading {
		font-size: 36px;
		line-height: 1.3
	}
}

@media screen and (max-width: 768px) {
	.footer__top .footer__box .footer__box-heading {
		font-size: 32px;
		line-height: 1.3
	}
}

@media screen and (max-width: xsm) {
	.footer__top .footer__box .footer__box-heading {
		font-size: 26px;
		line-height: 1.3
	}
}

@media screen and (max-width: 479px) {
	.footer__top .footer__box .footer__box-heading {
		font-size: 20px;
		line-height: 1.3
	}
}

@media screen and (max-width: xss) {
	.footer__top .footer__box .footer__box-heading {
		font-size: 17px;
		line-height: 1.3
	}
}

.footer__top .footer__box .footer__box-subheading {
	font-size: 30px;
	line-height: 1.3
}

@media screen and (max-width: 991px) {
	.footer__top .footer__box .footer__box-subheading {
		font-size: 26px;
		line-height: 1.3
	}
}

@media screen and (max-width: 768px) {
	.footer__top .footer__box .footer__box-subheading {
		font-size: 24px;
		line-height: 1.3
	}
}

@media screen and (max-width: xsm) {
	.footer__top .footer__box .footer__box-subheading {
		font-size: 22px;
		line-height: 1.3
	}
}

@media screen and (max-width: 479px) {
	.footer__top .footer__box .footer__box-subheading {
		font-size: 15px;
		line-height: 1.3
	}
}

@media screen and (max-width: xss) {
	.footer__top .footer__box .footer__box-subheading {
		font-size: 14px;
		line-height: 1.3
	}
}

.footer__top .footer__box .footer__box-subheading .text--light {
	font-weight: 300
}

.footer__top .footer__box .footer__box-subheading a {
	color: #ffffff;
	text-decoration: none
}

.footer__top .footer__box .footer__box-subheading .footer--number {
	color: #ffffff;
	text-decoration: none
}

@media (max-width: 768px) {
	.footer__mid.footer__mid-long {
		margin: 0 0 22.64px 0
	}
}

.footer__mid .footer__mid-left,
.footer__mid .footer__mid-right {
	display: table-cell;
	vertical-align: bottom;
}

.footer__mid .footer__mid-left {
	background: #5BC2E7;
	width: 270px;
	padding: 0 45.28px 0 68.38px
}

@media (max-width: 620px) {
	.footer__mid .footer__mid-left {
		padding: 0 20.75px 0 30.38px;
		width: 170px
	}
}

@media (max-width: 479px) {
	.footer__mid .footer__mid-left {
		width: 122.74px;
		padding: 3px 20.75px 3px 30.38px
	}
}

.footer__mid .footer__mid-left.footer__mid-left-premier {
	background: ##5bc2e7;
	padding: 28.7px 22.9px 28.7px 68.38px
}

@media (max-width: 620px) {
	.footer__mid .footer__mid-left.footer__mid-left-premier {
		width: 140.46px;
		padding: 22.9px 20.75px 22.9px 30.38px
	}
	.footer__mid .footer__mid-left.footer__mid-left-premier img {
		width: 97.35px
	}
}

@media (max-width: 620px) {
	.footer__mid .footer__mid-left img {
		width: 106px
	}
}

@media (max-width: 479px) {
	.footer__mid .footer__mid-left img {
		width: 74px
	}
}

.footer__mid .footer__mid-right {
	padding: 22.64px 0 0 22.82px
}

@media (max-width: 991px) {
	.footer__mid .footer__mid-right {
		display: block;
		padding: 22.64px 0 0 68.38px
	}
}

@media (max-width: 768px) {
	.footer__mid .footer__mid-right {
		display: block;
		padding: 22.64px 0 0 68.38px
	}
}

@media (max-width: 620px) {
	.footer__mid .footer__mid-right {
		padding: 16px 0 0 30.38px
	}
}

@media (max-width: 479px) {
	.footer__mid .footer__mid-right {
		padding: 10px 0 0 30.38px
	}
}

.footer__mid .footer__mid-right.mid-right-short {
	vertical-align: bottom
}

@media (max-width: 768px) {
	.footer__mid .footer__mid-right.mid-right-short {
		display: table-cell;
		padding: 0
	}
}

.footer__mid .footer__mid-right .islam__logo,
.footer__mid .footer__mid-right .footer__mid-right-text {
	display: table-cell;
	vertical-align: middle
}

@media (max-width: 768px) {
	.footer__mid .footer__mid-right .islam__logo,
	.footer__mid .footer__mid-right .footer__mid-right-text {
		vertical-align: middle
	}
}

.footer__mid .footer__mid-right .islam__logo {
	width: 42px
}

@media (max-width: 620px) {
	.footer__mid .footer__mid-right .islam__logo {
		width: 36px;
		display: block;
		float: left;
		margin: 0 12px 4px 0
	}
}

@media (max-width: 479px) {
	.footer__mid .footer__mid-right .islam__logo {
		width: 30px;
		margin: 2px 12px 1px 0
	}
}

.footer__mid .footer__mid-right .islam__logo img {
	width: 100%
}

.footer__mid .footer__mid-right .footer__mid-right-text {
	padding: 0 68.38px 0 22.82px;
	text-align: justify
}

@media (max-width: 1199px) {
	.footer__mid .footer__mid-right .footer__mid-right-text {
		font-size: 12px
	}
}

@media (max-width: 620px) {
	.footer__mid .footer__mid-right .footer__mid-right-text {
		padding: 0 30.38px 0 0;
		display: block
	}
}

@media (max-width: 479px) {
	.footer__mid .footer__mid-right .footer__mid-right-text {
		padding: 0 30.38px 0 0
	}
}

.footer__mid .footer__mid-right .footer__mid-right-copyright {
	margin-top: 0px;
	text-align: justify
}

@media (max-width: 1199px) {
	.footer__mid .footer__mid-right .footer__mid-right-copyright {
		font-size: 12px
	}
}

@media (max-width: 479px) {
	.footer__mid .footer__mid-right .footer__mid-right-copyright {
		margin-top: 20.58px;
		padding-right: 30.38px
	}
}

.footer__btm {
	margin: 45.28px 68.38px 0
}

@media (max-width: 991px) {
	.footer__btm {
		margin: 22.64px 68.38px 0
	}
}

@media (max-width: 620px) {
	.footer__btm {
		margin: 20.58px 30.38px 0
	}
}

.footer__btm .footer__btm-text {
	margin-top: 20px;
	text-align: justify
}

.footer__btm .footer__btm-text a {
	color: #0067B1;
	text-decoration: underline
}

.footer__btm .footer__btm-text:last-child {
	margin-top: 30px
}

@media (max-width: 479px) {
	.hide--xs {
		display: none
	}
}

@media (max-width: 380px) {
	.hide--xss {
		display: none
	}
}

@media (max-width: 768px) {
	.hide--sm {
		display: none
	}
}

@media (max-width: 991px) {
	.hide--md {
		display: none
	}
}

@media (max-width: 1199px) {
	.hide--lg {
		display: none
	}
}

.show--lg {
	display: none
}

@media (max-width: 1199px) {
	.show--lg {
		display: block
	}
}

.show--md {
	display: none
}

@media (max-width: 991px) {
	.show--md {
		display: block
	}
}

.show--sm {
	display: none
}

@media (max-width: 768px) {
	.show--sm {
		display: block
	}
}

.show--xs {
	display: none
}

@media (max-width: 479px) {
	.show--xs {
		display: block
	}
}

.slick-dots {
	bottom: 5px
}

.slick-dots li {
	width: 15px;
	height: 15px
}

.slick-dots li.slick-active button:before {
	opacity: 1;
	background: #707070
}

.slick-dots li button {
	width: 15px;
	height: 15px
}

.slick-dots li button:before {
	font-size: 30px;
	line-height: 0px;
	border: solid 1px #707070;
	color: transparent;
	border-radius: 50%;
	background: transparent;
	width: 15px;
	height: 15px;
	font-size: 0px;
	opacity: 1
}

.slick-slide:focus {
	outline: none
}

a.apply-now-btn {
	position: fixed;
	z-index: 99;
	right: 2%;
	bottom: 5%;
	margin: 0 auto
}

@media (max-width: 768px) {
	a.apply-now-btn {
		right: 4%;
		bottom: 3%
	}
}

@media (max-width: 479px) {
	a.apply-now-btn {
		right: 4%;
		bottom: 1%
	}
}

a.apply-now-btn:hover {
	cursor: pointer
}

a.apply-now-btn:hover .apply-now-btn-red {
	opacity: 0
}

@media (max-width: 768px) {
	a.apply-now-btn:hover .apply-now-btn-red {
		opacity: 1
	}
}

a.apply-now-btn .apply-btn-inner {
	position: relative;
	border-radius: 50%;
	box-shadow: 0 30px 30px rgba(0, 0, 0, 0.16)
}

a.apply-now-btn .apply-btn-inner .apply-now-btn-red {
	position: relative;
	z-index: 99;
	transition: opacity 0.1s linear
}

a.apply-now-btn .apply-btn-inner .apply-now-btn-blue {
	position: absolute;
	overflow: hidden
}

@media (max-width: 768px) {
	a.apply-now-btn .apply-btn-inner img {
		width: 130px
	}
}

@media (max-width: 479px) {
	a.apply-now-btn .apply-btn-inner img {
		width: 110px
	}
}

.section__heading-wrapper {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto
}

@media (max-width: 991px) {
	.section__heading-wrapper {
		padding: 0 30px
	}
}

@media (max-width: 768px) {
	.section__heading-wrapper {
		padding: 0 15px
	}
}

.section__heading-wrapper .section__heading {
	text-align: center;
	font-size: 35px;
	line-height: 1.3
}

@media screen and (max-width: 991px) {
	.section__heading-wrapper .section__heading {
		font-size: 30px;
		line-height: 1.3
	}
}

@media screen and (max-width: 768px) {
	.section__heading-wrapper .section__heading {
		font-size: 25px;
		line-height: 1.3
	}
}

@media screen and (max-width: 479px) {
	.section__heading-wrapper .section__heading {
		font-size: 18px;
		line-height: 1.3
	}
}

.section__heading-wrapper .section__heading.blue {
	font-size:44px;
	font-weight: 900;
	color: #0067B1
}

@media screen and (max-width: 991px) {
	.section__heading-wrapper .section__heading.blue {
		font-size: 22px;
		line-height: 1.1
	}
}

@media screen and (max-width: 768px) {
	.section__heading-wrapper .section__heading.blue {
		font-size: 25px;
		line-height: 1.1
	}
}

@media screen and (max-width: 479px) {
	.section__heading-wrapper .section__heading.blue {
		font-size: 20px;
		line-height: 1.1
	}
}

.section__heading-wrapper .section__heading.white {
	color: #ffffff
}

.section__heading-wrapper .section__heading-line {
	height: 1px;
	background: #707070;
	width: 100%
}

.section__heading-wrapper .section__heading-line.white {
	background: #ffffff
}

@media (max-width: 768px) {
	.section__heading-wrapper .td--line-left {
		padding-right: 15px
	}
}

@media (max-width: 768px) {
	.section__heading-wrapper .td--line-right {
		padding-left: 15px
	}
}

.banner img,
.banner video {
	width: 100%;
	display: block
}

.live__fx {
	position: relative;
	padding: 55px 0 40px
}

@media (max-width: 1199px) {
	.live__fx {
		padding: 40px 0 30px
	}
}

@media (max-width: 991px) {
	.live__fx {
		padding: 30px 0 30px
	}
}

@media (max-width: 768px) {
	.live__fx {
		padding: 50px 0 40px
	}
}

@media (max-width: 479px) {
	.live__fx {
		padding: 30px 0 50px
	}
}

.live__fx .bg-grey {
	background: #F3F3F1;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%
}

@media (max-width: 768px) {
	.live__fx .bg-grey {
		height: 36%
	}
}

.live__fx .bg-light-blue {
	background: #E9F8FB;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%
}

@media (max-width: 768px) {
	.live__fx .bg-light-blue {
		/*height: 36%*/
	}
}

.live__fx .live__fx-img {
	position: relative
}

@media (max-width: 768px) {
	.live__fx .live__fx-img {
		max-width: 383px;
		width: 100%;
		margin: 0 auto
	}
}

@media (max-width: 479px) {
	.live__fx .live__fx-img {
		max-width: 300px
	}
}

.live__fx .live__fx-win-heading {
	margin-top: 15px;
	font-weight: bold;
	font-size: 22px;
	line-height: 1.3
}

@media screen and (max-width: 991px) {
	.live__fx .live__fx-win-heading {
		font-size: 22px;
		line-height: 1.3
	}
}

@media screen and (max-width: 768px) {
	.live__fx .live__fx-win-heading {
		font-size: 20px;
		line-height: 1.3
	}
}

@media screen and (max-width: 479px) {
	.live__fx .live__fx-win-heading {
		font-size: 20px;
		line-height: 1.3
	}
}

.live__fx .live__fx-win-subheading {
	font-size: 18px;
	line-height: 1.3
}

@media screen and (max-width: 991px) {
	.live__fx .live__fx-win-subheading {
		font-size: 18px;
		line-height: 1.3
	}
}

@media screen and (max-width: 768px) {
	.live__fx .live__fx-win-subheading {
		font-size: 16px;
		line-height: 1.3
	}
}

@media screen and (max-width: 479px) {
	.live__fx .live__fx-win-subheading {
		font-size: 16px;
		line-height: 1.3
	}
}

.live__fx .live__fx-text-wrapper {
	padding: 0 15px;
	margin-top: 15px
}

@media (max-width: 768px) {
	.live__fx .live__fx-text-wrapper {
		margin-top: 45px
	}
}

.live__fx .live__fx-heading {
	font-size: 44px;
	font-weight: 900;
	line-height: 1.1;
}

@media screen and (max-width: 1199px) {
	.live__fx .live__fx-heading {
		font-size: 25px;
		line-height: 1.1
	}
}

@media screen and (max-width: 991px) {
	.live__fx .live__fx-heading {
		font-size: 22px;
		line-height: 1.1
	}
}

@media screen and (max-width: 768px) {
	.live__fx .live__fx-heading {
		font-size: 25px;
		line-height: 1.1
	}
}

@media screen and (max-width: 479px) {
	.live__fx .live__fx-heading {
		font-size: 20px;
		line-height: 1.1
	}
}

@media (max-width: 991px) {
	.live__fx .live__fx-heading {
		margin-top: 15px
	}
}

@media (max-width: 768px) {
	.live__fx .live__fx-heading {
		margin-top: 0
	}
}

.live__fx .live__fx-heading .live__fx-heading-span {
	font-size: 30px;
	line-height: 1.1
}

@media screen and (max-width: 1199px) {
	.live__fx .live__fx-heading .live__fx-heading-span {
		font-size: 22px;
		line-height: 1.1
	}
}

@media screen and (max-width: 991px) {
	.live__fx .live__fx-heading .live__fx-heading-span {
		font-size: 18px;
		line-height: 1.1
	}
}

@media screen and (max-width: 768px) {
	.live__fx .live__fx-heading .live__fx-heading-span {
		font-size: 22px;
		line-height: 1.1
	}
}

@media screen and (max-width: 479px) {
	.live__fx .live__fx-heading .live__fx-heading-span {
		font-size: 18px;
		line-height: 1.1
	}
}

.live__fx .live__fx-subheading-wrapper {
	/*max-width: 680px*/
}

.live__fx .live__fx-subheading-wrapper .live__fx-subheading {
	font-size: 20px;
	line-height: 1.4;
	margin-top: 25px;
	margin-left: 20%;
	margin-right: 20%;

}

@media screen and (max-width: 1199px) {
	.live__fx .live__fx-subheading-wrapper .live__fx-subheading {
		font-size: 18px;
		line-height: 1.4
	}
}

@media screen and (max-width: 991px) {
	.live__fx .live__fx-subheading-wrapper .live__fx-subheading {
		font-size: 14px;
		line-height: 1.4
	}
}

@media screen and (max-width: 768px) {
	.live__fx .live__fx-subheading-wrapper .live__fx-subheading {
		font-size: 16px;
		line-height: 1.4
	}
}

@media screen and (max-width: 479px) {
	.live__fx .live__fx-subheading-wrapper .live__fx-subheading {
		font-size: 16px;
		line-height: 1.4;
		margin: 15px 0;
	}
}

.live__fx .live__fx-subheading-wrapper .live__fx-subheading+.live__fx-subheading {
	margin-top: 15px
}

.benefits {
	background: url(../images/bg-world-map.jpg) no-repeat;
	padding: 150px 0
}

@media (max-width: 768px) {
	.benefits {
		margin-top: 0;
		padding: 30px 0
	}
}

.benefits .benfits__cards {
	margin-top: 40px;
	position: relative
}

@media (max-width: 768px) {
	.benefits .benfits__cards {
		max-width: 300px;
		width: 100%;
		margin: 0 auto
	}
}

.benefits .benefits__card-wrapper {
	padding: 0 0 80px
}

@media (max-width: 768px) {
	.benefits .benefits__card-wrapper {
		padding: 0 0 60px
	}
}

.benefits .benefits__card {
	min-height: 350px;
	height: 100%;
	margin: 0 5px;
	background: rgba(255, 255, 255, 0.7);
	border: 1px solid #707070
}

@media (max-width: 1199px) {
	.benefits .benefits__card {
		margin-top: 30px
	}
}

@media (max-width: 991px) {
	.benefits .benefits__card {
		margin-top: 30px
	}
}

@media (max-width: 768px) {
	.benefits .benefits__card {
		min-height: 360px
	}
}

.benefits .benefits__card .benefits__card-top {
	padding: 20px 25px 10px
}

.benefits .benefits__card .benefits__card-btm {
	padding: 15px 20px;
	background: #002353
}

.benefits .benefits__card .benefits__card-icon img {
	padding: 30px 0;
	margin: 0 auto
}

.benefits .benefits__card .benefits__card-heading {
	margin-top: 10px;
	font-size: 25px;
	line-height: 1.2
}

@media screen and (max-width: 991px) {
	.benefits .benefits__card .benefits__card-heading {
		font-size: 25px;
		line-height: 1.2
	}
}

@media screen and (max-width: 768px) {
	.benefits .benefits__card .benefits__card-heading {
		font-size: 22px;
		line-height: 1.2
	}
}

@media screen and (max-width: 479px) {
	.benefits .benefits__card .benefits__card-heading {
		font-size: 18px;
		line-height: 1.2
	}
}

.benefits .benefits__card .benefits__card-subheading {
	margin-top: 15px;
	font-size: 15px;
	line-height: 1.3
}

.benefits .benefits__card .benefits__card-subheading+.benefits__card-subheading {
	margin-top: 10px
}

.benefits .benefits__card .benefits__card-subheading .benefits__card-tnc {
	display: inline-block;
	margin-top: 15px;
	font-size: 12px;
	line-height: 1.3
}

.benefits .benefits__card .benefits__card-subheading .benefits__card-tnc a {
	text-decoration: underline
}

.benefits .benefits__card .benefits__card-extra {
	font-size: 12px;
	color: #ffffff
}

.benefits .benefits__card .benefits__card-extra a {
	color: #ffffff;
	text-decoration: underline
}

.benefits .benefits__arrow-left,
.benefits .benefits__arrow-right {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%)
}

@media (max-width: 768px) {
	.benefits .benefits__arrow-left,
	.benefits .benefits__arrow-right {
		display: none
	}
}

.benefits .benefits__arrow-left:hover,
.benefits .benefits__arrow-right:hover {
	cursor: pointer
}

.benefits .benefits__arrow-left {
	left: -4%
}

.benefits .benefits__arrow-right {
	right: -4%
}

/* Contract Types - Begin */
.contracts {
	padding: 20px 0px 100px;
	background-color:#e9f8fb ;
}

@media (max-width: 768px) {
	.contracts {
		padding: 20px 15px 20px;
	}
}

.contracts .bg-light-blue {background-color: #7BC0E3;}
.contracts .bg-white {background-color: #ffffff;}
.contracts .border-full-blue {
	border: #025fab 1px solid;
}
.contracts .border-top-blue {
	border-top: #025fab 1px solid;
}
.contracts .row.display-flex {
	display: flex;
	flex-wrap: wrap;
  }
  .row.display-flex > [class*='col-'] {
	flex-grow: 1;
  }

@media (max-width: 768px) {
	.row.display-flex {
		margin-top: 20px;
	}
}

.contracts .content-heading {
	font-size: 25px;
	line-height: 1.2;
	color:#ffffff;
	font-weight: 700;
	padding: 5%;
}

.contracts ul {
	padding: 20px;
}

.contracts .content-list li {
	font-size: 18px;
	columns: #000000;
	font-weight: 500;
	padding: 10px 5px 10px 5px;
	list-style-type: disc;
}

.contracts__heading-wrapper {
	/*max-width: 56.73%;*/
	width: 100%;
	/*background: #002353;*/
	color: #ffffff;
	padding: 20px 0 40px 0;
}

@media (max-width: 768px) {
	.contracts__heading-wrapper {
		max-width: 100%;
		padding: 40px 0 0 0;
	}
}

.contracts__heading-wrapper .contracts__heading {
	font-size: 40px;
	font-weight: 900;
	line-height: 1.1
}

@media screen and (max-width: 1199px) {
	.contracts__heading-wrapper .contracts__heading {
		font-size: 36px;
		line-height: 1.1
	}
}

@media screen and (max-width: 991px) {
	.contracts__heading-wrapper .contracts__heading {
		font-size: 26px;
		line-height: 1.1
	}
}

@media screen and (max-width: 768px) {
	.contracts__heading-wrapper .contracts__heading {
		font-size: 26px;
		line-height: 1.1
	}
}

@media screen and (max-width: 479px) {
	.contracts__heading-wrapper .contracts__heading {
		font-size: 21px;
		line-height: 1.1
	}
}

@media (max-width: 768px) {
	.contracts__heading-wrapper .contracts__heading {
		text-align: center
	}
}

/* Contract Types - End */

.transact {
	background: #E9F8FB;
	position: relative;
	padding: 0 0 100px
}

@media (max-width: 768px) {
	.transact {
		padding: 0 0 40px
	}
}

@media (max-width: 479px) {
	.transact {
		padding: 0 0 20px
	}
}

.transact__heading-wrapper {
	/*max-width: 56.73%;*/
	width: 100%;
	/*background: #002353;*/
	color: #ffffff;
	padding: 20px 0 40px 0;
}

@media (max-width: 768px) {
	.transact__heading-wrapper {
		max-width: 100%;
		padding: 40px 0 0 0;
	}
}

.transact__heading-wrapper .transact__heading {
	font-size: 40px;
	font-weight: 900;
	line-height: 1.1
}

@media screen and (max-width: 1199px) {
	.transact__heading-wrapper .transact__heading {
		font-size: 36px;
		line-height: 1.1
	}
}

@media screen and (max-width: 991px) {
	.transact__heading-wrapper .transact__heading {
		font-size: 26px;
		line-height: 1.1
	}
}

@media screen and (max-width: 768px) {
	.transact__heading-wrapper .transact__heading {
		font-size: 26px;
		line-height: 1.1
	}
}

@media screen and (max-width: 479px) {
	.transact__heading-wrapper .transact__heading {
		font-size: 21px;
		line-height: 1.1
	}
}

@media (max-width: 768px) {
	.transact__heading-wrapper .transact__heading {
		text-align: center
	}
}

.transact__currency-wrapper {
	max-width: 54.86%;
	width: 100%;
	box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.16);
	/*position: absolute;*/
	right: 8.25%;
	top: 11%;
	background: #ffffff;
	z-index: 90
}

@media (max-width: 768px) {
	.transact__currency-wrapper {
		max-width: 100%;
		position: relative;
		right: auto;
		top: auto
	}
}

.transact__currency-wrapper .transact__currency {
	padding: 30px 40px
}

@media (max-width: 670px) {
	.transact__currency-wrapper .transact__currency {
		padding: 30px 10px
	}
}

.transact__currency li {
	margin-top: 15px
}

.transact__currency li:first-child {
	margin-top: 0
}

@media (max-width: 670px) {
	.transact__currency-wrapper .transact__currency img {
		width: 26px
	}
}

.transact__currency-wrapper .transact__currency .transact__currency-name {
	font-size: 18px;
	line-height: 1.3
}

@media screen and (max-width: 991px) {
	.transact__currency-wrapper .transact__currency .transact__currency-name {
		font-size: 13px;
		line-height: 1.3
	}
}

@media screen and (max-width: 768px) {
	.transact__currency-wrapper .transact__currency .transact__currency-name {
		font-size: 16px;
		line-height: 1.3
	}
}

@media screen and (max-width: 479px) {
	.transact__currency-wrapper .transact__currency .transact__currency-name {
		font-size: 14px;
		line-height: 1.3
	}
}

.transact__currency-name {
	font-size: 18px;
	line-height: 1.3
}

@media screen and (max-width: 991px) {
	.transact__currency-name {
		font-size: 13px;
		line-height: 1.3
	}
}

@media screen and (max-width: 768px) {
	.transact__currency-name {
		font-size: 16px;
		line-height: 1.3
	}
}

@media screen and (max-width: 479px) {
	.transact__currency-name {
		font-size: 11px;
		line-height: 1.3
	}
}

.transact__currency-wrapper .transact__currency .transact__currency-myr {
	font-size: 25px;
	line-height: 1.2
}

@media screen and (max-width: 991px) {
	.transact__currency-wrapper .transact__currency .transact__currency-myr {
		font-size: 25px;
		line-height: 1.2
	}
}

@media screen and (max-width: 768px) {
	.transact__currency-wrapper .transact__currency .transact__currency-myr {
		font-size: 22px;
		line-height: 1.2
	}
}

@media screen and (max-width: 479px) {
	.transact__currency-wrapper .transact__currency .transact__currency-myr {
		font-size: 18px;
		line-height: 1.2
	}
}

.transact__currency-wrapper .transact__currency .transact__currency-heading-wrapper:before {
	content: '';
	height: 1px;
	background: #707070;
	width: 94%;
	position: absolute;
	top: 53%;
	left: 50%;
	transform: translate(-50%, -53%);
	-ms-transform: translate(-50%, -53%);
	-webkit-transform: translate(-50%, -53%);
	-moz-transform: translate(-50%, -53%);
	padding-right: 40px
}

@media (max-width: 479px) {
	.transact__currency-wrapper .transact__currency .transact__currency-heading-wrapper:before {
		width: 90%
	}
}

.transact__currency-wrapper .transact__currency .transact__currency-heading {
	margin: 25px 0;
	position: relative;
	display: inline-block;
	padding: 0 20px 0 0;
	background: #ffffff;
	font-size: 25px;
	line-height: 1.2
}

.transact__currency-heading {
	color: #0067B1;
	font-size: 18px;
	font-weight: 700;
	margin: 35px 0 25px 0;
}

@media screen and (max-width: 991px) {
	.transact__currency-wrapper .transact__currency .transact__currency-heading {
		font-size: 25px;
		line-height: 1.2
	}
}

@media screen and (max-width: 768px) {
	.transact__currency-wrapper .transact__currency .transact__currency-heading {
		font-size: 22px;
		line-height: 1.2
	}
}

@media screen and (max-width: 479px) {
	.transact__currency-wrapper .transact__currency .transact__currency-heading {
		font-size: 18px;
		line-height: 1.2
	}
}

.transact__currency-wrapper .currency__tnc {
	background: #002353;
	color: #ffffff;
	font-size: 14px;
	display: block;
	padding: 15px 40px;
	margin-top: 20px
}

.currency__tnc {
	color: #000;
	font-size: 12px;
	font-weight:700;
	padding: 15px 0 0 0;
	margin-top: 60px
}

.transact__currency-wrapper .currency__tnc a {
	color: #ffffff;
	text-decoration: underline
}

.sliders {
	margin-top: 50px;
	padding: 100px 0 30px;
	position: relative
}

@media (max-width: 768px) {
	.sliders {
		padding: 50px 0 30px
	}
}

.sliders .sliders__wrapper {
	margin-top: 40px
}

@media (max-width: 768px) {
	.sliders .sliders__wrapper {
		max-width: 400px;
		width: 100%;
		margin: 0 auto
	}
}

@media (max-width: 479px) {
	.sliders .sliders__wrapper {
		max-width: 340px
	}
}

.sliders .slider__card-wrapper {
	padding: 80px 20px 80px;
	transition: all ease 0.3s
}

@media (max-width: 768px) {
	.sliders .slider__card-wrapper {
		padding: 60px 5px 60px
	}
}

@media (max-width: 479px) {
	.sliders .slider__card-wrapper {
		padding: 60px 5px 60px
	}
}

.sliders .slick-center {
	position: relative;
	transform: translateY(-10%);
	-ms-transform: translateY(-10%);
	-webkit-transform: translateY(-10%);
	-moz-transform: translateY(-10%)
}

.sliders .slick-center .slider__card {
	box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.16)
}

.sliders .slider__card {
	max-width: 375px;
	width: 100%;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16)
}

@media (max-width: 768px) {
	.sliders .slider__card {
		margin: 40px auto 0;
		max-width: 360px
	}
}

@media (max-width: 479px) {
	.sliders .slider__card {
		max-width: 300px
	}
}

.sliders .slider__card .slider__card-text-wrapper {
	padding: 15px 25px 20px;
	text-align: left;
	min-height: 195px
}

@media (max-width: 1199px) {
	.sliders .slider__card .slider__card-text-wrapper {
		min-height: 235px
	}
}

@media (max-width: 768px) {
	.sliders .slider__card .slider__card-text-wrapper {
		min-height: 185px
	}
}

@media (max-width: 479px) {
	.sliders .slider__card .slider__card-text-wrapper {
		min-height: 199px
	}
}

.sliders .slider__card .slider__card-text-wrapper .slider__card-heading {
	font-size: 25px;
	line-height: 1.2
}

@media screen and (max-width: 991px) {
	.sliders .slider__card .slider__card-text-wrapper .slider__card-heading {
		font-size: 25px;
		line-height: 1.2
	}
}

@media screen and (max-width: 768px) {
	.sliders .slider__card .slider__card-text-wrapper .slider__card-heading {
		font-size: 22px;
		line-height: 1.2
	}
}

@media screen and (max-width: 479px) {
	.sliders .slider__card .slider__card-text-wrapper .slider__card-heading {
		font-size: 18px;
		line-height: 1.2
	}
}

.sliders .slider__card .slider__card-text-wrapper .slider__card-subheading {
	line-height: 1.3;
	margin-top: 10px
}

.sliders .slider__card .slider__card-text-wrapper .slider__card-subheading sup {
	font-size: 60%;
	top: -0.6em
}

.sliders .sliders__arrow-left,
.sliders .sliders__arrow-right {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%)
}

.sliders .sliders__arrow-left:hover,
.sliders .sliders__arrow-right:hover {
	cursor: pointer
}

.sliders .sliders__arrow-left {
	left: -2%
}

.sliders .sliders__arrow-right {
	right: -2%
}

.sliders .sliders__note {
	margin-top: 20px
}

.sliders .slick-dots {
	bottom: 5px
}

.sliders .slick-dots li {
	width: 15px;
	height: 15px
}

.sliders .slick-dots li.slick-active button:before {
	opacity: 1;
	background: #707070
}

.sliders .slick-dots li button {
	width: 15px;
	height: 15px
}

.sliders .slick-dots li button:before {
	font-size: 30px;
	line-height: 0px;
	border: solid 1px #707070;
	color: transparent;
	border-radius: 50%;
	background: transparent;
	width: 15px;
	height: 15px;
	font-size: 0px;
	opacity: 1
}

.sliders .slick-slide:focus {
	outline: none
}

.journey {
	background: #002353;
	background-image: url(../images/bg-journey.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position-y: 101%;
	padding: 100px 0 20px;
	color: #ffffff !important
}

@media (max-width: 768px) {
	.journey {
		padding: 50px 0 0
	}
}

.journey .journey__step {
	margin: 60px auto 0;
	max-width: 280px;
	width: 100%;
	position: relative
}

@media (max-width: 1199px) {
	.journey .journey__step {
		max-width: 270px
	}
}

@media (max-width: 991px) {
	.journey .journey__step {
		margin: 80px auto 0
	}
}

@media (max-width: 768px) {
	.journey .journey__step {
		margin: 60px auto 0
	}
}

@media (max-width: 991px) {
	.journey .journey__step.journey__step-first {
		margin: 40px auto 0
	}
}

@media (max-width: 768px) {
	.journey .journey__step.journey__step-first {
		margin: 40px auto 0
	}
}

.journey .journey__step img {
	margin: 0 auto
}

.journey .journey__step .journey__step-desc {
	margin-top: 15px;
	font-size: 18px;
	line-height: 1.3
}

@media screen and (max-width: 1199px) {
	.journey .journey__step .journey__step-desc {
		font-size: 16px;
		line-height: 1.3
	}
}

@media screen and (max-width: 991px) {
	.journey .journey__step .journey__step-desc {
		font-size: 16px;
		line-height: 1.3
	}
}

@media screen and (max-width: 768px) {
	.journey .journey__step .journey__step-desc {
		font-size: 16px;
		line-height: 1.3
	}
}

@media screen and (max-width: 479px) {
	.journey .journey__step .journey__step-desc {
		font-size: 16px;
		line-height: 1.3
	}
}

.journey .journey__step .journey__step-desc ul {
	list-style-type: disc
}

.journey .journey__step .journey__step-desc ul li {
	margin-top: 10px
}

.journey .journey__step .journey__step-arrow-right,
.journey .journey__step .journey__step-arrow-left {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%)
}

.journey .journey__step .journey__step-arrow-left {
	left: -20%
}

@media (max-width: 1199px) {
	.journey .journey__step .journey__step-arrow-left {
		left: -25%
	}
}

@media (max-width: 991px) {
	.journey .journey__step .journey__step-arrow-left {
		left: -15%
	}
}

.journey .journey__step .journey__step-arrow-right {
	right: -20%
}

@media (max-width: 1199px) {
	.journey .journey__step .journey__step-arrow-right {
		right: -25%
	}
}

@media (max-width: 991px) {
	.journey .journey__step .journey__step-arrow-right {
		right: -15%
	}
}

.journey .journey__step .journey__step-arrow-top,
.journey .journey__step .journey__step-arrow-bottom {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%)
}

@media (max-width: 768px) {
	.journey .journey__step .journey__step-arrow-top img,
	.journey .journey__step .journey__step-arrow-bottom img {
		width: 80%
	}
}

.journey .journey__step .journey__step-arrow-top {
	top: -38%
}

@media (max-width: 991px) {
	.journey .journey__step .journey__step-arrow-top {
		top: -25%
	}
}

@media (max-width: 768px) {
	.journey .journey__step .journey__step-arrow-top {
		top: -18%
	}
}

.journey .journey__step .journey__step-arrow-bottom {
	bottom: -38%
}

@media (max-width: 991px) {
	.journey .journey__step .journey__step-arrow-bottom {
		bottom: -25%
	}
}

@media (max-width: 768px) {
	.journey .journey__step .journey__step-arrow-bottom {
		bottom: -18%
	}
}

.journey .content-inner-exist {
	max-width: 900px;
	width: 100%;
	margin: 0 auto
}

.journey .journey__navigation {
	max-width: 1040px;
	margin: 40px auto 0;
	border: 1px solid #ffffff;
	overflow: hidden
}

@media (max-width: 768px) {
	.journey .journey__navigation {
		max-width: 500px;
		width: 100%;
		margin: 40px auto 0
	}
}

@media (max-width: 479px) {
	.journey .journey__navigation {
		max-width: 340px;
		width: 100%;
		margin: 40px auto 0
	}
}

.journey .nav-journey li {
	width: 50%;
	text-align: center;
	color: #ffffff;
	font-size: 25px;
	line-height: 1.2
}

@media screen and (max-width: 991px) {
	.journey .nav-journey li {
		font-size: 25px;
		line-height: 1.2
	}
}

@media screen and (max-width: 768px) {
	.journey .nav-journey li {
		font-size: 22px;
		line-height: 1.2
	}
}

@media screen and (max-width: 479px) {
	.journey .nav-journey li {
		font-size: 18px;
		line-height: 1.2
	}
}

@media (max-width: 768px) {
	.journey .nav-journey li {
		width: 100%
	}
}

.journey .nav-journey li a {
	padding: 15px
}

.journey .nav-tabs {
	border: 0
}

.journey .nav-tabs>li {
	margin: 0
}

.journey .nav-tabs>li>a,
.journey .nav-tabs>li>a:hover,
.journey .nav-tabs>li>a:focus {
	border-radius: 0;
	border: 0;
	margin: 0;
	color: #ffffff
}

.journey .nav-tabs>li.active>a,
.journey .nav-tabs>li.active>a:hover,
.journey .nav-tabs>li.active>a:focus {
	color: #002353;
	background-color: #ffffff;
	cursor: pointer;
	border: 0
}

.journey .journey__video-wrapper {
	text-align: center;
	position: relative
}

.journey .journey__video-wrapper .journey__video-heading {
	font-weight: bold;
	margin-top: 60px;
	padding: 0 15px;
	font-size: 30px;
	line-height: 1.4
}

@media screen and (max-width: 991px) {
	.journey .journey__video-wrapper .journey__video-heading {
		font-size: 30px;
		line-height: 1.4
	}
}

@media screen and (max-width: 768px) {
	.journey .journey__video-wrapper .journey__video-heading {
		font-size: 25px;
		line-height: 1.4
	}
}

@media screen and (max-width: 479px) {
	.journey .journey__video-wrapper .journey__video-heading {
		font-size: 18px;
		line-height: 1.4
	}
}

.journey .journey__video-wrapper .journey__video-heading-line {
	width: 100%;
	height: 1px;
	background: #FFFFFF;
	margin: 40px auto 60px;
	max-width: 770px
}

@media (max-width: 768px) {
	.journey .journey__video-wrapper .journey__video-heading-line {
		max-width: 90%;
		margin: 20px auto 40px
	}
}

@media (max-width: 479px) {
	.journey .journey__video-wrapper .journey__video-heading-line {
		max-width: 84%;
		margin: 15px auto 30px
	}
}

.journey .journey__video-wrapper .journey__video-video img,
.journey .journey__video-wrapper .journey__video-video video {
	width: 100%;
	margin: 0 auto
}

.journey .journey__video-wrapper .video-desktop,
.journey .journey__video-wrapper .video-mobile {
	max-width: 770px;
	width: 100%;
	margin: 60px auto 0;
	box-shadow: 0 20px 20px rgba(0, 0, 0, 0.16)
}

@media (max-width: 768px) {
	.journey .journey__video-wrapper .video-desktop,
	.journey .journey__video-wrapper .video-mobile {
		margin: 20px auto 0
	}
}

.when {
	padding: 60px 0
}

@media (max-width: 479px) {
	.when {
		padding: 50px 0
	}
}

.when__inner-wrapper {
	padding: 60px 0 0 100px
}

@media (max-width: 991px) {
	.when__inner-wrapper {
		max-width: 700px;
		width: 100%;
		margin: 0 auto;
		padding: 60px 15px 0
	}
}

@media (max-width: 768px) {
	.when__inner-wrapper {
		max-width: 500px;
		width: 100%;
		margin: 0 auto;
		padding: 60px 15px 0
	}
}

@media (max-width: 479px) {
	.when__inner-wrapper {
		max-width: 320px;
		width: 100%;
		margin: 0 auto;
		padding: 60px 15px 0
	}
}

.when__customer {
	font-size: 20px;
	line-height: 1.3
}

@media screen and (max-width: 991px) {
	.when__customer {
		font-size: 20px;
		line-height: 1.3
	}
}

@media screen and (max-width: 768px) {
	.when__customer {
		font-size: 18px;
		line-height: 1.3
	}
}

@media screen and (max-width: 479px) {
	.when__customer {
		font-size: 16px;
		line-height: 1.3
	}
}

@media (max-width: 768px) {
	.when__customer img {
		width: 57px
	}
}

@media (max-width: 479px) {
	.when__customer img {
		width: 47px
	}
}

.when__customer .when__customer-name {
	font-weight: bold;
	font-size: 30px;
	line-height: 1.4
}

@media screen and (max-width: 991px) {
	.when__customer .when__customer-name {
		font-size: 30px;
		line-height: 1.4
	}
}

@media screen and (max-width: 768px) {
	.when__customer .when__customer-name {
		font-size: 25px;
		line-height: 1.4
	}
}

@media screen and (max-width: 479px) {
	.when__customer .when__customer-name {
		font-size: 18px;
		line-height: 1.4
	}
}

.when__customer .when__customer-funds {
	color: #5C5C5C;
	margin-top: 15px
}

.when__customer .when__customer-rm {
	margin-top: 10px
}

.when__customer .when__customer-list {
	margin-top: 10px
}

@media (max-width: 768px) {
	.when__customer .when__customer-list {
		display: inline-block;
		margin-right: 10px
	}
}

.when__customer .when__customer-note {
	margin-top: 60px;
	font-size: 14px
}

@media (max-width: 768px) {
	.when__customer .when__customer-note {
		margin-top: 30px
	}
}

.when__slider-outer {
	position: relative
}

@media (max-width: 768px) {
	.when__slider-outer {
		margin-top: 40px
	}
}

.when__slider-arrow-left {
	position: absolute;
	top: 50%;
	left: 3%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%)
}

@media (max-width: 768px) {
	.when__slider-arrow-left {
		left: -12%
	}
}

.when__slider-arrow-left:hover {
	cursor: pointer
}

.when__slider-arrow-right {
	position: absolute;
	top: 50%;
	right: 3%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%)
}

@media (max-width: 768px) {
	.when__slider-arrow-right {
		right: -12%
	}
}

.when__slider-arrow-right:hover {
	cursor: pointer
}

.when__slider-wrapper {
	padding-left: 100px
}

@media (max-width: 1199px) {
	.when__slider-wrapper {
		margin: 0 auto
	}
}

@media (max-width: 991px) {
	.when__slider-wrapper {
		padding: 0
	}
}

.when__slider-wrapper .slider__scenario-wrapper {
	padding: 80px 15px 80px;
	transition: all ease 0.3s
}

@media (max-width: 479px) {
	.when__slider-wrapper .slider__scenario-wrapper {
		padding: 60px 5px 60px
	}
}

.when__slider-wrapper .slick-current {
	position: relative;
	transform: translateY(-5%);
	-ms-transform: translateY(-5%);
	-webkit-transform: translateY(-5%);
	-moz-transform: translateY(-5%)
}

@media (max-width: 479px) {
	.when__slider-wrapper .slick-current {
		transform: translateY(-4%);
		-ms-transform: translateY(-4%);
		-webkit-transform: translateY(-4%);
		-moz-transform: translateY(-4%)
	}
}

.when__slider-wrapper .slick-current .slider__scenario {
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.16)
}

.when__slider-wrapper .slider__scenario {
	max-width: 390px;
	width: 100%;
	padding: 40px 15px;
	margin: 0 auto;
	border: 1px solid #707070
}

@media (max-width: 479px) {
	.when__slider-wrapper .slider__scenario {
		padding: 40px 0
	}
}

.when__slider-wrapper .slider__scenario .slider__scenario-img img {
	margin: 0 auto
}

.when__slider-wrapper .slider__scenario .slider__scenario-text-wrapper {
	padding: 15px 25px 20px;
	text-align: center;
	min-height: 195px;
	color: #8B8B8B
}

@media (max-width: 1199px) {
	.when__slider-wrapper .slider__scenario .slider__scenario-text-wrapper {
		min-height: 235px
	}
}

@media (max-width: 768px) {
	.when__slider-wrapper .slider__scenario .slider__scenario-text-wrapper {
		min-height: 185px
	}
}

@media (max-width: 479px) {
	.when__slider-wrapper .slider__scenario .slider__scenario-text-wrapper {
		min-height: 199px
	}
}

.when__slider-wrapper .slider__scenario .slider__scenario-text-wrapper .slider__scenario-heading {
	color: #000000;
	font-size: 25px;
	line-height: 1.2
}

@media screen and (max-width: 991px) {
	.when__slider-wrapper .slider__scenario .slider__scenario-text-wrapper .slider__scenario-heading {
		font-size: 25px;
		line-height: 1.2
	}
}

@media screen and (max-width: 768px) {
	.when__slider-wrapper .slider__scenario .slider__scenario-text-wrapper .slider__scenario-heading {
		font-size: 22px;
		line-height: 1.2
	}
}

@media screen and (max-width: 479px) {
	.when__slider-wrapper .slider__scenario .slider__scenario-text-wrapper .slider__scenario-heading {
		font-size: 18px;
		line-height: 1.2
	}
}

.when__slider-wrapper .slider__scenario .slider__scenario-text-wrapper .slider__scenario-subheading {
	line-height: 1.3;
	margin-top: 10px;
	font-size: 18px;
	line-height: 1.3
}

@media screen and (max-width: 991px) {
	.when__slider-wrapper .slider__scenario .slider__scenario-text-wrapper .slider__scenario-subheading {
		font-size: 18px;
		line-height: 1.3
	}
}

@media screen and (max-width: 768px) {
	.when__slider-wrapper .slider__scenario .slider__scenario-text-wrapper .slider__scenario-subheading {
		font-size: 16px;
		line-height: 1.3
	}
}

@media screen and (max-width: 479px) {
	.when__slider-wrapper .slider__scenario .slider__scenario-text-wrapper .slider__scenario-subheading {
		font-size: 16px;
		line-height: 1.3
	}
}

.when__slider-wrapper .slider__scenario .slider__scenario-text-wrapper .slider__scenario-subheading sup {
	font-size: 60%;
	top: -0.6em
}

.when__slider-wrapper .sliders__arrow-left,
.when__slider-wrapper .sliders__arrow-right {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%)
}

.when__slider-wrapper .sliders__arrow-left:hover,
.when__slider-wrapper .sliders__arrow-right:hover {
	cursor: pointer
}

.when__slider-wrapper .sliders__arrow-left {
	left: -2%
}

.when__slider-wrapper .sliders__arrow-right {
	right: -2%
}

.when__slider-wrapper .sliders__note {
	margin-top: 20px
}

.when__slider-wrapper .slick-dots {
	bottom: -20px
}

.when__slider-wrapper .slick-dots li {
	width: 15px;
	height: 15px
}

.when__slider-wrapper .slick-dots li.slick-active button:before {
	opacity: 1;
	background: #707070
}

.when__slider-wrapper .slick-dots li button {
	width: 15px;
	height: 15px
}

.when__slider-wrapper .slick-dots li button:before {
	font-size: 30px;
	line-height: 0px;
	border: solid 1px #707070;
	color: transparent;
	border-radius: 50%;
	background: transparent;
	width: 15px;
	height: 15px;
	font-size: 0px;
	opacity: 1
}

.when__slider-wrapper .slick-slide:focus {
	outline: none
}

.fees {
	padding: 80px 0;
	background: url(../images/bg-fees.png) no-repeat;
	background-size: cover;
	background-position: center;
	color: #000000
}

@media (max-width: 768px) {
	.fees {
		padding: 40px 0
	}
}

.fees__inner-wrapper {
	max-width: 840px;
	width: 100%;
	margin: 0 auto
}

.fees__fee-wrapper {
	max-width: 360px;
	width: 100%;
	margin: 60px auto 0
}

.fees__fee-wrapper img {
	margin: 0 auto
}

.fees__fee-wrapper .fees__fee-heading {
	margin-top: 20px;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.3
}

@media screen and (max-width: 991px) {
	.fees__fee-wrapper .fees__fee-heading {
		font-size: 20px;
		line-height: 1.3
	}
}

@media screen and (max-width: 768px) {
	.fees__fee-wrapper .fees__fee-heading {
		font-size: 18px;
		line-height: 1.3
	}
}

@media screen and (max-width: 479px) {
	.fees__fee-wrapper .fees__fee-heading {
		font-size: 16px;
		line-height: 1.3
	}
}

.fees__fee-wrapper .fees__fee-subheading {
	margin-top: 10px;
	font-size: 18px;
	line-height: 1.3
}

@media screen and (max-width: 991px) {
	.fees__fee-wrapper .fees__fee-subheading {
		font-size: 18px;
		line-height: 1.3
	}
}

@media screen and (max-width: 768px) {
	.fees__fee-wrapper .fees__fee-subheading {
		font-size: 16px;
		line-height: 1.3
	}
}

@media screen and (max-width: 479px) {
	.fees__fee-wrapper .fees__fee-subheading {
		font-size: 16px;
		line-height: 1.3
	}
}

.options {
	position: relative
}

.options .options__heading {
	width: 100%;
	position: absolute;
	top: 6%;
	left: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	font-size: 35px;
	line-height: 1.3
}

@media screen and (max-width: 991px) {
	.options .options__heading {
		font-size: 30px;
		line-height: 1.3
	}
}

@media screen and (max-width: 768px) {
	.options .options__heading {
		font-size: 25px;
		line-height: 1.3
	}
}

@media screen and (max-width: 479px) {
	.options .options__heading {
		font-size: 18px;
		line-height: 1.3
	}
}

@media (max-width: 768px) {
	.options .options__heading {
		position: relative;
		padding: 2em 0;
		top: auto;
		left: auto;
		transform: none
	}
}

.options img {
	width: 100%
}

.options .options__video {
	width: 100%;
	max-width: 53%;
	height: 100%;
	position: absolute;
	left: 50.2%;
	top: 59.41%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%)
}

.exchange {
	padding: 70px 0 60px;
	background: url(../images/bg-exchange.png) no-repeat;
	background-size: cover;
	background-position: center
}

.exchange .exchange__table-wrapper {
	margin-top: 50px;
	border: 1px solid #6CCEE6;
	transition: all 0.3s ease
}

.exchange .exchange__table {
	line-height: 1.3
}

@media (max-width: 768px) {
	.exchange .exchange__table {
		font-size: 14px
	}
}

@media (max-width: 479px) {
	.exchange .exchange__table {
		font-size: 12px
	}
	.exchange .exchange__table .span--full {
		font-size: 11px
	}
}

.exchange .exchange__table tr {
	background: #ffffff
}

.exchange .exchange__table tr:nth-child(even) {
	background: #E1F4F9
}

.exchange .exchange__table td {
	padding: 2% 2%
}

.exchange .exchange__table .exchange__table-flag {
	padding-right: 3%
}

@media (max-width: 479px) {
	.exchange .exchange__table .exchange__table-flag {
		display: block
	}
}

.exchange .exchange__table-head tr {
	background: #E1F4F9
}

.exchange .exchange__table-half {
	transition: all 0.3s ease;
	display: none
}

.exchange .exchange__table-half.show--table {
	display: table
}

.exchange a.btn--show {
	position: relative;
	background: #E7E7E7;
	display: block;
	width: 100%;
	text-align: left;
	padding: 1.5% 2%;
	color: #000000;
	font-size: 20px;
	line-height: 1.3
}

@media (max-width: 768px) {
	.exchange a.btn--show {
		font-size: 18px;
		padding: 3% 3%
	}
}

@media (max-width: 479px) {
	.exchange a.btn--show {
		font-size: 16px
	}
}

.exchange a.btn--show .btn-arrow {
	float: right
}

.exchange a.btn--show .btn-arrow.arrow--up {
	transform: rotate(-180deg)
}

@media (max-width: 479px) {
	.exchange a.btn--show .btn-arrow {
		width: 22px
	}
}

.exchange a.btn--show:hover {
	cursor: pointer
}

.exchange .exchange__table-date {
	font-size: 18px;
	margin-top: 20px;
	text-align: right;
	color: #000000
}

@media (max-width: 768px) {
	.exchange .exchange__table-date {
		font-size: 16px
	}
}

@media (max-width: 479px) {
	.exchange .exchange__table-date {
		font-size: 14px
	}
}

.thankyou {
	height: 100vh;
	background: url(../images/map.png) no-repeat;
	background-color: #002353;
	background-position: left center;
	background-size: cover;
	position: relative
}

.thankyou .thankyou__inner {
	max-width: 870px;
	width: 100%;
	margin: 0 auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	padding: 0 30px
}

.thankyou .thankyou__inner img {
	margin: 0 auto;
	max-width: 452px;
	width: 100%
}

@media (max-width: 768px) {
	.thankyou .thankyou__inner img {
		max-width: 372px
	}
}

@media (max-width: 479px) {
	.thankyou .thankyou__inner img {
		max-width: 272px
	}
}

.thankyou .thankyou__inner .thankyou__heading {
	color: #ffffff;
	font-size: 46px;
	line-height: 1.3
}

@media screen and (max-width: 991px) {
	.thankyou .thankyou__inner .thankyou__heading {
		font-size: 44px;
		line-height: 1.3
	}
}

@media screen and (max-width: 768px) {
	.thankyou .thankyou__inner .thankyou__heading {
		font-size: 30px;
		line-height: 1.3
	}
}

@media screen and (max-width: 479px) {
	.thankyou .thankyou__inner .thankyou__heading {
		font-size: 22px;
		line-height: 1.3
	}
}

.thankyou .thankyou__inner a.thankyou__btn-back {
	background: #C1CDD8;
	color: #002353;
	font-weight: 300;
	padding: 10px 30px;
	display: inline-block;
	margin-top: 30px;
	font-size: 20px;
	line-height: 1.3
}

@media screen and (max-width: 991px) {
	.thankyou .thankyou__inner a.thankyou__btn-back {
		font-size: 20px;
		line-height: 1.3
	}
}

@media screen and (max-width: 768px) {
	.thankyou .thankyou__inner a.thankyou__btn-back {
		font-size: 18px;
		line-height: 1.3
	}
}

@media screen and (max-width: 479px) {
	.thankyou .thankyou__inner a.thankyou__btn-back {
		font-size: 16px;
		line-height: 1.3
	}
}

.thankyou .thankyou__inner a.thankyou__btn-back:hover {
	cursor: pointer
}

.how {
	background: #eeeeee;
	padding: 80px 0
}

.how .how__note {
	margin-top: 60px;
	font-size: 14px;
	color: #444444
}

@media (max-width: 768px) {
	.how .how__card-wrapper {
		padding: 20px
	}
}

.how .open__card {
	background: #ffffff;
	border-radius: 10px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	max-width: 226px;
	margin: 0 auto;
	position: relative;
	margin-top: 100px
}

@media (max-width: 768px) {
	.how .open__card {
		max-width: 449px;
		margin-top: 120px
	}
}

.how .open__card.active-card {
	background: #848484;
	color: #ffffff;
	box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.16)
}

@media (max-width: 768px) {
	.how .open__card.active-card {
		background: #ffffff;
		box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
		color: #444444
	}
}

.how .open__card.active-card .open__card-img-front {
	opacity: 0
}

.how .open__card.active-card .open__card-top {
	border-bottom: 1px solid #ffffff
}

@media (max-width: 768px) {
	.how .open__card.active-card .open__card-top {
		border-bottom: 1px solid #707070
	}
}

.how .open__card.active-card .open__card-top .open__card-title {
	color: #ffffff
}

@media (max-width: 768px) {
	.how .open__card.active-card .open__card-top .open__card-title {
		color: #444444
	}
}

.how .open__card.active-card .open__card-tag {
	background: #002353
}

.how .open__card .open__card-img {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%)
}

.how .open__card .open__card-img .open__card-img-front {
	position: relative;
	z-index: 99;
	transition: opacity 0.1s linear
}

.how .open__card .open__card-img .open__card-img-back {
	position: absolute;
	top: 0
}

@media (max-width: 768px) {
	.how .open__card .open__card-img .open__card-img-back {
		z-index: 100
	}
}

.how .open__card .open__card-top {
	padding: 60px 0 15px;
	border-bottom: 1px solid #707070
}

.how .open__card .open__card-top .open__card-title {
	color: #000000;
	text-align: center;
	font-size: 20px;
	line-height: 1.3
}

@media screen and (max-width: 991px) {
	.how .open__card .open__card-top .open__card-title {
		font-size: 20px;
		line-height: 1.3
	}
}

@media screen and (max-width: 768px) {
	.how .open__card .open__card-top .open__card-title {
		font-size: 18px;
		line-height: 1.3
	}
}

@media screen and (max-width: 479px) {
	.how .open__card .open__card-top .open__card-title {
		font-size: 16px;
		line-height: 1.3
	}
}

.how .open__card .open__card-btm {
	padding: 22px 15px 42px;
	position: relative
}

.how .open__card .open__card-btm ul {
	list-style-type: disc;
	padding-inline-start: 15px
}

.how .open__card .open__card-btm ul .open__card-list {
	font-size: 15px;
	line-height: 1.3
}

.how .open__card .open__card-btm ul .open__card-list+.open__card-list {
	margin-top: 15px
}

.how .open__card .open__card-tag {
	text-align: center;
	display: table;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 50%);
	color: #ffffff;
	background: #5D82B4;
	border-radius: 10px;
	padding: 12px 20px;
	font-size: 16px
}

@media (max-width: 991px) {
	.how .open__card .open__card-tag {
		padding: 12px 14px
	}
}

@media (max-width: 768px) {
	.how .open__card .open__card-tag {
		background: #002353;
		padding: 12px 20px
	}
}

/* Responsive Video */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top:30px;}