/*-----------------------------------------------------------------------------*/
/*---------------------------------- RESET ------------------------------------*/
/*-----------------------------------------------------------------------------*/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

:root {
	--medium-grey: #666666;
	--grey-mid-light: #747474;
}

body {
	font-family: 'Roboto', sans-serif;
	color: #000000;
	width: 100%;
	overflow-x: hidden;
	-webkit-transition: transform .3s linear;
	-moz-transition: transform .3s linear;
	-ms-transition: transform .3s linear;
	-o-transition: transform .3s linear;
	transition: transform .3s linear;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

html {
	width: 100%;
}

html.open {
	overflow-x: visible;
}

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

a {
	outline: 0;
	display: inline-block;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	min-height: 24px;
}

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

input::-moz-focus-inner {
	border: 0;
}

input::-ms-clear {
	display: none;
}

.no_transition {
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input[type=number] {
	-moz-appearance:textfield;
}
header, section, footer, aside, nav, main, article, figure {
	display: block;
}

input,
input[type=search],
input[type=text]{
	font-family: 'Roboto', sans-serif;
	border: none;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
p {
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.2;
}
main p a,
main li a {
	color: #005a73;
	text-decoration: underline;
}
main p a:hover,
main li a:hover {
	text-decoration: none !important;
}
img {
	max-width: 100%;
	height: auto;
}

/*-----------------------------------------------------------------------------*/
/*-------------------------------- BASIC CSS ----------------------------------*/
/*-----------------------------------------------------------------------------*/

.wrapper:after {
	content:"";
	clear: both;
	display: block;
}
.wrapper {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
}

.wrapper-1col {
	padding-left: 3.333333%;
	padding-right: 3.333333%;
}

.wrapper-2col {
	padding-left: 6.666666%;
	padding-right: 6.666666%;
}

.wrapper-3col {
	padding-left: 10%;
	padding-right: 10%;
}

.row {
	width: 100%;
	float: left;
}

.flr {float: right;}

/*-----------------------------------------------------------------------------*/
/*------------------------------- SPRITE ICONS --------------------------------*/
/*-----------------------------------------------------------------------------*/
.sprite-icon {
	background: url(../Media/sprite.png) no-repeat scroll;
	display: inline-block;
	vertical-align: middle;
}

.sprite-icon.icon-fb {
	background-position: -1px -1px;
	width: 7px;
	height: 13px;
}

.sprite-icon.icon-twitter {
	background-position: -12px -2px;
	width: 13px;
	height: 10px;
}

.sprite-icon.icon-instagram {
	background-position: -48px -2px;
	width: 13px;
	height: 13px;
}

.sprite-icon.icon-youtube {
	background-position: -29px -2px;
	width: 14px;
	height: 10px;
}

/*-----------------------------------------------------------------------------*/
/*--------------------------------- BUTTONS -----------------------------------*/
/*-----------------------------------------------------------------------------*/

.btn,
.btn:link,
.btn:visited {
	font-size: 15px;
	font-weight: 500;
	color: #444;
	display: inline-block;
	border: 2px solid currentColor;
	border-radius: 5px;
	padding: 8px 18px;
	line-height: 18px;
	text-align: center;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.btn:hover {
	color: #444;
	box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
}

.btn:active {
	background-color: #ec9f00;
}

.btn.btn-border-orange {
	border-color: #fdb728;
}

.btn.btn-border-orange.login {
	background-color: #fdb728;
}

button [class*=icon],
.btn [class*=icon] {
	font-weight: bold;
	display: inline-block;
}

.btn [class*=icon]:first-child {
	margin-right: 6px;
}

.btn [class*=icon]:last-child {
	margin-left: 8px;
}

.btn.btn-border-orange:active {
	background: #ec9f00;
	border-color: #ec9f00;
}

.btn.arrow-right:after {
	content: "\e93c";
	font-family: 'Linearicons';
	display: inline-block;
	margin-right: -6px;
	margin-left: 8px;
	vertical-align: middle;
	font-size: 14px;
	font-weight: 700;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

.btn.arrow-right:hover:after {
	-webkit-transform: translateX(5px);
	-moz-transform: translateX(5px);
	-ms-transform: translateX(5px);
	-o-transform: translateX(5px);
	transform: translateX(5px);
}

/*-----------------------------------------------------------------------------*/
/*----------------------------------- HERO ------------------------------------*/
/*-----------------------------------------------------------------------------*/

.banner.banner-text-left figure {
	background-position: right center;
}

.banner figure {
	position: relative;
	height: 547px;
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

h2 {
	font-size: 40px;
	font-weight: 500;
	color: #005a73;
	line-height: 1.2;
	margin-bottom: 10px;
}

h3 {
	font-size: 24px;
	font-weight: normal;
}

.tag {
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 1px;
	text-align: center;
	display: inline-block;
	padding: 4px 12px 3px;
	border-radius: 4px;
}

.petrol-tag {
	background: #005a73;
	color: #ffffff;
}

.white-tag {
	background: #ffffff;
	color: #2f5b6f;
}

.banner .tag {
	margin-bottom: 6px;
}

.banner h2 {
	margin-bottom: 13px;
}

.banner figcaption {
	width: 41.9921875%;
	position: relative;
	top: 100px;
	padding-top: 25px;
}

.banner.banner-text-left figcaption {
	width: 46.9921875%;
	position: relative;
	top: 129px;
	padding-top: 25px;
}

.hero .banner figcaption .btn {
	margin-top: 24px;
}



/*-----------------------------------------------------------------------------*/
/*---------------------------------- LOANS ------------------------------------*/
/*-----------------------------------------------------------------------------*/

.loans {
	text-align: center;
	padding: 60px 0 74px;
}

.loans h2 {
	font-weight: normal;
}

.loans .banner h2 {
	font-weight: 500;
	line-height: 1.1;
}

.banner.banner-text-right figcaption{
	text-align: right;
	float: right;
	margin-right: 6.666666%;
}

.loans .banner figure {
	height: 470px;
}

.loans .tab-container {
	margin-top: 40px;
}

.loans-title-carousel .tab-header {
	width: 100%;
	margin: 0;
}

.loans-title-carousel .owl-item {
	text-align: center;
}

.loans .banner figcaption {
	top: 90px;
}

.banner figcaption .btn {
	margin-top: 7px;
}

/*-----------------------------------------------------------------------------*/
/*----------------------------------- TABS ------------------------------------*/
/*-----------------------------------------------------------------------------*/

.tab-container {
	margin-top: 20px;
}

.tab-header {
	display: inline-block;
	margin: 0 19px;
}

.tab-header a {
	position: relative;
}

.tab-header a:after {
	content: '';
	width: 100%;
	height: 2px;
	background: #f7aa3c;
	position: absolute;
	left: 0;
	bottom: 0;
	transform: scaleX(0);
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.tab-header.active a:after,
.tab-header a:active:after,
.tab-header a:hover:after {
	transform: scaleX(1);
}

.synced .tab-header a:after {
	height: 2px;
	transform: scaleX(1);
}

.tab-header.active a:hover {
	cursor: default;
}

.tab-content:not(.active) {
	opacity: 0;
	visibility: hidden;
}

.tab-content.active {
	opacity: 1;
	visibility: visible;
	z-index: 2;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.tab-content-container {
	position: relative;
}

.tab-content {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: -1;
	-webkit-transform: scale(.9);
	-moz-transform: scale(.9);
	-ms-transform: scale(.9);
	-o-transform: scale(.9);
	transform: scale(.9);
	-webkit-transition: all .7s linear;
	-moz-transition: all .7s linear;
	-ms-transition: all .7s linear;
	-o-transition: all .7s linear;
	transition: all .7s linear;
}

.loans .tab-content-container {
	height: 470px;
	width: 100%;
}

/*.tab-content.active {
	opacity: 1;
	visibility: visible;
}*/

/*------------------------------------------------------------------------------------*/
/*--------------------------------- BANNER SECTION -----------------------------------*/
/*------------------------------------------------------------------------------------*/

.banner-section ul {
	margin: 26px 0 23px 22px;
	width: 100%;
	float: left;
}

.banner-section ul li {
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
	list-style: none;
	margin-bottom: 22px;
	float: left;
	width: 50%;
	padding-left: 42px;
	color: #2d261d;
	color: rgba(0, 0, 0, .9);
	letter-spacing: .05em;
	position: relative;
}

.banner-section ul li:before {
	content: '';
	position: absolute;
	top:0;
	left: 0;
	width:24px;
	height: 24px;
	background: url(../Media/checkmark.png) center center no-repeat;
	background-size: 100% 100%;
}

.banner-section .banner.banner-text-left figcaption {
	top: 72px;
	width: 50%;
}


.banner.white,
.banner.white h2,
.banner.white p {
	color: #ffffff;
}

.banner.white .btn.btn-border-orange {
	color:#ffffff;
	white-space: nowrap;
}

.banner.banner-text-right figure {
	background-position: left center;
}

.banner.white figure {
	height: 510px;
}

/*------------------------------------------------------------------------------------*/
/*---------------------------------- NOTIFICATIONS -----------------------------------*/
/*------------------------------------------------------------------------------------*/
.notification {
	text-align: center;
	padding: 10px 40px;
	position: relative;
}

.notification b {
	color: #005a73;
}

.notification p {
	margin: 0;
}

.notification.announcement {
	background: #f4eacd;
}

.notification .view-more {
	display: inline-block;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.notification .view-more:hover,
.notification .view-more:active,
.notification .close:hover {
	cursor: pointer;
	color: #005a73;
}

.notification .close {
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 20px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.trigger-search {
	display: none;
}

.trigger-search:hover {
	cursor: pointer;
}

/*--------------------------------------------------------------------------------*/
/*-------------------------------- LOAN SECTION ----------------------------------*/
/*--------------------------------------------------------------------------------*/

.loan-section .intro {
	text-align: center;
	padding-top: 76px;
	padding-bottom: 5px;
}

.loan-section h2 {
	font-size: 40px;
	font-weight: normal;
	color: #005a73;
	margin-bottom: 7px;
}

.loan-chars {
	text-align: center;
	background: #f3edda;
	padding: 50px 0 37px;
	font-size: 15px;
	color: #000000;
	line-height: 1.2;
	margin-bottom: 87px;
}

.loan-chars .circle {
	width: 75px;
	height: 75px;
	display: inline-block;
	border-radius: 50%;
	font-size: 40px;
	text-align: center;
	line-height: 75px;
	position: relative;
}

.loan-chars .circle > span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.loan-chars .circle.orange {
	background: #f7aa3c;
	color: #ffffff;
}

.loan-chars h3 {
	font-size: 23px;
	font-weight: 700;
	color: #005a73;
	margin: 26px 0 10px;
}

.loan-chars li {
	position: relative;
	margin-bottom: 5px;
}

.loan-chars li:before {
	content: "\e934";
	font-family: 'Linearicons';
	font-size: 12px;
	display: inline-block;
	color: #000000;
	margin-right: 7px;
}

.loan-chars .col:nth-child(2) {
	animation-delay: 0.2s;
}

.loan-chars .col:nth-child(3) {
	animation-delay: 0.4s;
}

.loan-chars .col:nth-child(4) {
	animation-delay: 0.6s;
}

.collapse-row {
	margin-bottom: 60px;
	width: 100%;
	float: left;
}

.collapse-title {
	font-size: 30px;
	color: #005a73;
	padding: 7px 30px 7px 0;
	border-bottom: 2px solid currentColor;
	width: 100%;
	float: left;
	line-height: 1;
	position: relative;
}

.collapse-title .collapse-arrow {
	float: right;
	display: inline-block;
	font-size: 12px;
	background: #005a73;
	width: 21px;
	height: 21px;
	border-radius: 50%;
	color: #ffffff;
	text-align: center;
	line-height: 21px;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.collapse-title .collapse-arrow .icon-chevron-down,
 .collapse-title .collapse-arrow .icon-chevron-down-circle{
	display: inline-block;
	line-height: 21px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.collapse-title .collapse-arrow .icon-chevron-down {
	position: relative;
	left: 1px;
}

.collapse-title.active .icon-chevron-down {
	-webkit-transform-origin: 40% 47%;
	-moz-transform-origin: 40% 47%;
	-ms-transform-origin: 40% 47%;
	-o-transform-origin: 40% 47%;
	transform-origin: 40% 47%;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.collapse-title:hover {
	cursor: pointer;
}

.loan-section {
	padding-bottom: 80px;
}

.loan-section .collapse-content {
	padding: 29px 0 0;
	width: 100%;
	float: left;
}

.collapse-content:not(.active) {
	display: none;
}

.loan-section .collapse-content .select-box.area {
	max-width: 310px;
}

.select-box.area:before {
	content: "\e782";
	font-family: 'Linearicons';
	position: absolute;
	top: 50%;
	left: 12px;
	z-index: 1;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.select-box.area .selected {
	padding-left: 30px;
}

.loan-section .collapse-content b {
	font-size: 13px;
	font-weight: 900;
	margin-bottom: 4px;
	display: inline-block;
}

.loan-section .collapse-content p:not(:last-child) {
	margin-bottom: 45px;
	color: var(--medium-grey);
}

.loan-section .collapse-content a:link,
.loan-section .collapse-content a:visited {
	color: #000000;
	text-decoration: underline;
}

.loan-section .tel,
.loan-section .network,
.loan-section .interested {
	font-size: 13px;
	font-weight: 900;
	position: relative;
	display: inline-block;
	margin-bottom: 10px;
}

.loan-section .tel:before,
.loan-section .network:before,
.loan-section .interested:before{
	font-family: 'Linearicons';
	font-size: 20px;
	font-weight: 400;
	vertical-align: baseline;
	display: inline-block;
	margin-right: 4px;
}

.loan-section .tel:before {
	content: "\e76a";
}

.loan-section .network:before {
	content: "\e77a";
}

.loan-section .interested:before {
	content: "\e71a";
}

.loan-section .collapse-content a[href*='tel'] {
	font-size: 20px;
	text-decoration: none;
}

.loan-section .collapse-content a[href*='tel']:not(:last-child):after {
	content: '/';
	display: inline-block;
	margin-left: 5px;
}

.loan-section .collapse-content small {
	font-size: 14px;
	color: var(--medium-grey);
}

.loan-section .btn.btn-border-orange.arrow-right {
	background: none;
	display: block;
}

.loan-section .btn.btn-border-orange.arrow-right:hover {
	background: #fdb728;
}
.loan-section .btn.btn-border-orange.arrow-right:active {
	background: #ec9f00;
}

.field {
	margin-bottom: 20px;
	margin-right: 35px;
	width: 100%;
	vertical-align: top;
}

.field.no-label {
	margin-top: 20px;
}

.field.field-md,
.field.field-sm {
	display: inline-block;
}

.field.field-md {
	max-width: 266px;
}

.field.field-sm {
	max-width: 116px;
}

.field input,
.select-box .selected {
	background: #FFFFFF;
	height: 44px;
	line-height: 44px;
	border-radius: 5px;
	font-size: 18px;
	font-weight: 400;
	color: #000000;
	padding: 0 20px;
	width: 100%;
}

.field label {
	display: block;
	font-size: 13px;
	font-weight: 700;
	color: #2d3236;
	margin-bottom: 5px;
	padding-left: 15px;
	float: left;
	text-align: left;
}

.field .ibanCal {
	float: none;
}

.field label em {
	color: #6f787f;
	font-style: normal;
}

.interested + small,
.network + small {
	display: block;
	margin-bottom: 15px;
}

.select-box {
	position: relative;
}

.select-box .selected {
	position: relative;
	background: #FFFFFF;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-right: 30px;
	cursor: pointer;
}

.select-box.open .selected {
	border-radius: 5px 5px 0 0;
}

.select-box .selected:before {
	content: '';
	width: calc(100% - 40px);
	height: 1px;
	background: #b3b8bb;
	position: absolute;
	bottom: 0;
	left: 20px;
	opacity: 0;
	visibility: hidden;
}

.select-box.open .selected:before {
	opacity: 1;
	visibility: visible;
}

.select-box .selected:after {
	content: "\e9ea";
	font-family: 'Linearicons';
	font-size: 12px;
	position: absolute;
	right: 19px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.store-locator .selectric .label {
	background-color: #ffffff;
  border: 2px solid #ffffff;
}

.store-locator .selectric .label:after {
  transition: transform 0.2s ease;
}

.store-locator .selectric-open .label:after {
  transform: translateY(-50%) rotate(180deg);
}

.store-locator .selectric-stores-map-select {
	width: 100%;
}

.store-locator .search {
	border-bottom: none;
}

.store-locator #storeSearch {
	background-color: #ffffff;
	border-color: var(--medium-grey);
}
.store-locator #storeSearch::placeholder {
	color: var(--grey-mid-light);
}

.store-locator .selectric-items ul {
	background-color: #ffffff;
}

.store-locator .selectric-items li {
	position: relative;
	width: fit-content;
	border: none;
}

.store-locator .selectric-items li::after {
	display: block;
	height: 1px;
	content: '';
	position: absolute;
	bottom: 10px;
	width: calc(100% - 40px);
	border-bottom: 1px dotted transparent;
}

.store-locator .selectric-items li:hover, 
.store-locator .selectric-items li.selected {
	color: #000;
}

.store-locator .selectric-items li:hover::after, 
.store-locator .selectric-items li.selected::after {
	border-color: #000;
}

.store-locator .selectric-wrapper:focus-within .selectric .label {
	border-color: #fff !important;
}

.store-locator .selectric-wrapper.focus-visible-class-added .selectric .label {
	border-color: var(--yellow-color) !important;
}

.store-locator .search .field {
	width: 100%;
	background-color: none;
}

@media (max-width: 1023px) {
  .store-locator .search .field {
    background-color: inherit;
		padding-left: 0;
		padding-right: 0;
  }
}

@media (min-width: 1024px) and (max-width: 1112px) {
  .store-locator .search {
    max-width: 100%;
  }
}

.store-locator #submitButton {
  right: 0;
}

@media (max-width: 1023px) {
  .store-locator #submitButton {
    right: 0;
  }
}

.select-box ul {
	display: block;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	border-radius: 0 0 30px 30px;
	background: #FFFFFF;
	padding: 10px 0 15px;
	z-index: 4;
}

.select-box.open ul {
	opacity: 1;
	visibility: visible;
	margin-top: 0;
	padding-top: 12px;
}

.select-box li,
.select-box li a:link,
.select-box li a:visited {
	font-size: 14px;
	font-weight: normal;
	color: #687177;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	cursor: pointer;
}

.select-box li a:link,
.select-box li a:visited {
	padding: 11px 0 2px;
	border-bottom: 1px dotted transparent;
	text-decoration: none !important;
}

.select-box li {
	padding-left: 20px;
}

.select-box li:hover a,
.select-box li a:hover,
.select-box li a:active {
	color: #000000;
	border-color: #000000;
}

.hidden-input {
	position: absolute;
	opacity: 0;
	height: 0 !important;
	width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.find-store-box,
.loan-calculator {
	background: #eceeee;
	padding: 27px 20px;
	margin-bottom: 10px;
}

.loan-calculator{
	margin-bottom: 0;
}

.find-store-box .select-box ul,
.loan-calculator .select-box ul {
	background: #ffffff;
}

.find-store-box {
	margin-top: 6px;
}

.find-store-box .network,
.loan-calculator .calc {
	font-size: 16px;
	font-weight: 900;
	color: #005a73;
	display: block;
	margin-bottom: 10px;
	line-height: 1.3;
	margin-left: 10px;
}

.loan-calculator .calc .icon-calculator2 {
	display: inline-block;
	margin-right: 5px;
	vertical-align: top;
}

.loan-calculator .calc > span:nth-child(2) {
	display: inline-block;
	padding-left: 0;
	width: calc(100% - 50px);
}

.find-store-box small {
	font-size: 14px;
	color: #2d3236;
}

.find-store-box input,
.find-store-box .selected,
.loan-calculator input,
.loan-calculator .select-box .selected {
	background: #ffffff;
}

.find-store-box .select-box {
	margin-top: 25px;
}

.loan-calculator .field label {
	font-weight: 400;
	font-size: 14px;
}

.loan-calculator .calc {
	margin-bottom: 20px;
}

.loan-calculator .explanatory {
	font-size: 11px;
	font-style: italic;
	color: #686d71;
	float: right;
}

.loan-calculator .field input[readonly] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 700;
	color: #0a6078;
	background: none;
}


.banner figcaption .iconed > [class*='icon']{
	font-size: 36px;
	color: #005a73;
	vertical-align: top;
	display: inline-block;
}

.banner figcaption .iconed > span:nth-child(2) {
	display: inline-block;
	width: calc(100% - 100px);
	margin-left: 10px;
}

/*--------------------------------------------------------------------------------*/
/*-------------------------------- FAQ SECTION -----------------------------------*/
/*--------------------------------------------------------------------------------*/

.faq-section {
	background-color: #f7fafc;
	padding-bottom: 120px;
}

.faq-banner,
.faq-banner figure {
	height: 350px;
}

.faq-section .tab-content {
	position: relative;
	padding-top: 58px;
}

.faq-section .tab-content:not(.active) {
	display: none;
}

.faq-section .tab-container {
	margin-top: -100px;
	position: relative;
}

.faq-section .tabs-header-container {
	background-color: rgba(247,250,252, .8);
	height: 100px;
	text-align: center;
}

.faq-section .tab-header {
	display: inline-table;
	padding: 30px 25px;
	width: 160px;
	font-size: 17px;
	line-height: 18px;
	height: 100px;
	vertical-align: bottom;
	margin: 0;
	cursor: pointer;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.faq-section .tab-header:hover {
	background-color: #f7fafc; /*rgba(247,250,252, .9);*/
}

.faq-section .tab-header.active {
	background-color: #f7fafc;
	font-weight: bold;
}

.faq-section .tab-header span {
	display: table-cell;
	vertical-align: bottom;
}

.faq-section h2 {
	text-align: center;
	padding: 65px 0 35px;
	font-size: 37px;
	color: #050505;
	margin-bottom: 0;
}

.faq-section h2 span {
	margin-right: 16px;
}

.faq-section .search-container {
	padding: 30px;
	background-color: #f1f4f5;
}

.faq-section .search-container .search {
	display: block;
}

.faq-section .search-container .search input {
	width: 100%;
}

.faq-section .search-title {
	font-size: 14px;
	font-weight: 900;
	padding-left: 20px;
	padding-bottom: 10px;
}

.faq-section .search-title span {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	margin-right: 5px;
}

.faq-section .tab-content .tab-title {
	font-size: 26px;
	line-height: 38px;
	color: #000000;
	padding-bottom: 20px;
}

.faq-section .collapse-row {
	margin-bottom: 25px;
}

.faq-section .collapse-title {
	font-size: 22px;
	color: var(--medium-grey);
	line-height: normal;
	font-weight: 300;
	border-bottom: 1px solid #aebdc8;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.faq-section .collapse-title:hover {
	color: #000000;
}

.faq-section .collapse-title.active {
	color: #000000;
	font-weight: normal;
}

.faq-section .collapse-title .collapse-arrow {
	background: none;
	color: #bdc9d2;
	font-size: 21px;
}

.faq-section .collapse-title.active .collapse-arrow {
	/*background: #bdc9d2;
	color: #f7fafc;*/
}

.faq-section .collapse-title.active .icon-chevron-down-circle {
	-webkit-transform-origin: 49% 49%;
	-moz-transform-origin: 49% 49%;
	-ms-transform-origin: 49% 49%;
	-o-transform-origin: 49% 49%;
	transform-origin: 49% 49%;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.faq-section .collapse-content {
	padding: 29px 0 0;
	width: 100%;
	float: left;
	font-size: 12px;
	color:#000000;
	line-height: 20px;
	font-weight: normal;
}

.faq-section .collapse-content p {
	font-size: 12px;
	color:#000000;
	line-height: 20px;
	letter-spacing: normal;
	font-weight: normal;
}

.sec-tab:not(.active) {
	display: none;
}

.faq-section .side-panel {
	padding: 13px 0;
	background-color: #f7ebc3;
	margin-bottom: 5px;
}

.faq-section .side-panel .side-index {
	padding: 15px 30px;
	cursor: pointer;
	font-size: 14px;
	letter-spacing: 0.02em;
	font-weight: 900;
	margin: 0;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.faq-section .side-panel .side-index span {
	margin-right: 10px;
	font-size: 15px;
	vertical-align: middle;
}

.faq-section .side-panel .side-index.active,
.faq-section .side-panel .side-index:hover {
	background-color: #f7f4e5;
}

.info-box {
	padding: 28px 30px;
	background: #ccd5dc;
	margin-bottom: 5px;
	color: #2d3236;
	font-size: 13px;
}

.info-box .info-title {
	display: block;
	font-size: 14px;
	font-weight: 900;
	padding-bottom: 12px;
	letter-spacing: 0;
}

.info-box .info-title i {
	margin-right: 5px;
	font-size: 16px;
	vertical-align: text-top;
}

.info-box ul li {
	padding: 5px 0;
}

.info-box ul li a {
	font-size: 15px;
	color:#2d3236;
	font-weight: normal;
	-webkit-flex: 1;
	-ms-flex: 1;
	display: flex;
}

.info-box ul li a span {
	text-decoration: underline;
}

.info-box ul li a i {
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.info-box ul li a:hover i {
	margin-right: 10px;
}

.info-box ul li .phone {
	display: block;
	font-size: 25px;
	color: #000000;
	line-height: normal;
}

.mobile-tabs-header {
	padding: 20px;
	background-color: rgba(247,250,252, .8);
}

.mobile-tabs-header .select-box .selected {
	background-color: #ffffff;
}

.mobile-tabs-header .tab-header {
	display: block;
	float: none;
	padding: 5px 20px;
	width: auto;
	height: auto;
	margin: 0;
}

.mobile-tabs-header:not(.root) .select-box .selected {
	background-color: #f7ebc3;
}

.mobile-tabs-header:not(.root) .select-box.open ul {
	background-color: #f7f4e5;
}

.mobile-tabs-header:not(.root) .select-box li {
	padding: 5px 20px;
	cursor: pointer;
}

.mobile-tabs-header:not(.root) .select-box .icon-arrow-right {
	margin-right: 5px;
}

.mobile-tabs-header .select-box ul {
	background: #ffffff;
}

.faq-section .collapse-content,
.faq-section .collapse-content p {
	font-size: 14px;
}


/*--------------------------------------------------------------------------------*/
/*-------------------------------- EKE SECTION -----------------------------------*/
/*--------------------------------------------------------------------------------*/


.eke-section {
	background-color: #f7fafc;
	padding-bottom: 120px;
}

.promo-banner,
.promo-banner figure {
	height: 250px;
	background-position: top center;
}

.eke-section .intro {
	text-align: center;
	padding: 60px 160px;
}

.eke-section h2 {
	font-weight: 400;
}

.eke-section .intro p{
	font-size: 16px;
	color: #605f5f;
	line-height: 22px;
}

.eke-section .intro .subtitle {
	font-weight: 400;
	font-size: 24px;
	line-height: normal;
	color: #000000;
}

.second {
	padding-left: 40px;
}

.eke-section .item {
	margin-bottom: 40px;
	position: relative;
	/* opacity: 1;
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	-ms-transition: all .8s ease;
	-o-transition: all .8s ease;
	transition: all .8s ease; */
}

.eke-section .item.hidden {
	display: block;
	opacity: 0;
}

.eke-section .item:not(:last-child):after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -120px;
	width: 240px;
	height: 1px;
	background-color: #c6c8ca;
}

.eke-section .item .image-container {
	max-width: 100%;
	overflow: hidden;
	/*display: inline-block;*/
	transition: 0.3s ease-out;
}

.eke-section .item .image-container:hover {
	box-shadow: 0 8px 12px rgba(0, 0, 0, 0.25);
}

.eke-section .item .image-container img {
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
   	backface-visibility: hidden;
}

.eke-section .item .image-container img:hover{
	-webkit-transform: translateZ(0) scale(1.1);
	-moz-transform: translateZ(0) scale(1.1);
	-ms-transform: translateZ(0) scale(1.1);
	-o-transform: translateZ(0) scale(1.1);
	transform: translateZ(0) scale(1.1);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
   	backface-visibility: hidden;
}

.eke-section .item .description {
	padding: 20px 20px 40px;
}

.eke-section .item .description span {
	display: block;
}

.eke-section .item .description .category {
	font-size: 11px;
	color: #505050;
	font-style: italic;
	margin-bottom: 10px;
	text-decoration: underline;
}

.eke-section .item .description .item-title {
	font-size: 24px;
	color: #000000;
	line-height: 27px;
	margin-bottom: 5px;
}

.eke-section .item .description .item-intro {
	font-size: 13px;
	color: #605f5f;
	line-height: normal;
	margin-bottom: 18px;
}

.eke-section .categories-box {
	background-color: #f7ebc3;
	padding: 38px 29px;
	margin-bottom: 28px;
}

.eke-section .categories-box .list-item:not(:last-child) {
	margin-bottom: 28px;
}

.eke-section .categories-box .category {
	display: table;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.eke-section .categories-box .category:hover {
	opacity: .7;
}

.eke-section .categories-box .category .icon {
	display: table-cell;
	max-width: 40px;
	vertical-align: middle;
	font-size: 42px;
	color: #000000;
}

.eke-section .categories-box .category .icon-graduation-hat {
	font-size: 28px;
}

.eke-section .categories-box .category .text {
	line-height: 15px;
	display: table-cell;
	padding-left: 30px;
}

.eke-section .categories-box .category .top {
	display: block;
	font-size: 14px;
	color: #16140f;
	font-weight: 900;
	text-decoration: none;
}

.eke-section .categories-box .category .bottom {
	font-size: 13px;
	color: #afa171;
	text-decoration: underline;
}

.eke-section .links ul li {
	max-width: 50%;
}
.eke-section .links ul li:not(:last-child) {
	padding-bottom: 15px;
	margin-bottom: 15px;
	position: relative;
}

.eke-section .links ul li:not(:last-child):after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 164px;
	height: 1px;
	background-color: #c6c8ca;
}

.eke-section .links a:not(.category),
.eke-section .links a:not(.category):link,
.eke-section .links a:not(.category):visited {
	font-size: 18px;
	line-height: 22px;
	color: #000000;
}

.eke-section .links a span {
	position: relative;
	display: inline-block;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.eke-section .links a:not(.category):hover span {
	-webkit-transform: translateX(5px);
	-moz-transform: translateX(5px);
	-ms-transform: translateX(5px);
	-o-transform: translateX(5px);
	transform: translateX(5px);
}

.eke-section .links .category,
.eke-section .links .category:link,
.eke-section .links .category:visited {
	font-size: 11px;
	line-height: normal;
	font-style: italic;
	color: #505050;
	text-decoration: underline;
	display: block;
	margin-bottom: 8px;
}


/*------------------------------------------------------------------------------------*/
/*------------------------------------- e-BANKING ------------------------------------*/
/*------------------------------------------------------------------------------------*/

.ebank-section {
	margin-bottom: 62px;
}

.ebank-section .wrapper-2col.rte-block {
	max-width: 1200px;
	padding: 40px 20px 0;
}

.ebank-section .rte-block h1,
.ebank-section .rte-block h2 {
	margin-bottom: 30px;
}

.ebank-section .rte-block h3 {
	color: #343F4B;
	font-size: 36px;
	line-height: 33px;
	font-weight: 700;
	margin-bottom: 30px;
}

.ebank-section .rte-block ul {
	margin-left: 20px;
}

.ebank-section .rte-block ul li {
	list-style-type: disc;
	color: #605f5f;
	font-size: 16px;
	line-height: 22px;
	margin: 0 0 20px 0;
}

.ebank-section .banner,
.ebank-section .banner figure {
	height: 500px;
	background-position: top center;
}

.ebank-section .banner.banner-text-left figcaption {
	position: absolute;
	top:50%;
	-webkit-transform: translateY(-50%)!important;
	-moz-transform: translateY(-50%)!important;
	-ms-transform: translateY(-50%)!important;
	-o-transform: translateY(-50%)!important;
	transform: translateY(-50%)!important;
	backface-visibility: hidden;
}

.ebank-section .intro {
	text-align: center;
	padding: 60px 130px;
}

.ebank-section h2 {
	font-weight: 400;
	color: #343F4B;
	font-size: 36px;
	line-height: 42px;
	font-weight: 700;
}

.ebank-section h2 span {
	margin-right: 10px;
	vertical-align: text-top;
	display: inline-block;
}

.ebank-section .intro p{
	font-size: 16px;
	color: #605f5f;
	line-height: 22px;
	letter-spacing: 0;
	margin-bottom: 0;
}

.ebank-section .basic {
	padding: 0 130px 100px;
}

.ebank-section .basic h3 {
	margin-bottom: 60px;
}

.ebank-section .basic h3 a {
	font-size: 24px;
	color: #000000;
	font-weight: 400;
	line-height: 24px;
}

.ebank-section .basic h3 span {
	width: 14px;
	height: 14px;
	line-height: 14px;
	text-align: center;
	font-size: 12px;
	background: #fdb728;
	display: inline-block;
	vertical-align: top;
	margin-left: 2px;
	font-weight: bold;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.ebank-section .basic h3 a:hover span {
	-webkit-transform: translateX(5px);
	-moz-transform: translateX(5px);
	-ms-transform: translateX(5px);
	-o-transform: translateX(5px);
	transform: translateX(5px);
}

.ebank-section .advantages ul li {
	display: inline-block;
	text-align: left;
	width: calc(25% - 4px);
	min-width: 232px;
	padding: 0 24px 24px 0;
	vertical-align: top;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.ebank-section .advantages ul li .item {
	margin-bottom: 0;
}

.ebank-section .advantages ul li:hover {
	opacity: .8;
}

/*.ebank-section .advantages ul li:nth-of-type(4n) {
	padding-right: 0;
}*/

.ebank-section .advantages .title {
	display: block;
	padding-bottom: 10px;
	color: #005972;
	font-size: 14px;
	font-weight: 900;
	line-height: 26px;
}

.ebank-section .advantages .title .icon {
	font-size: 26px;
	color: #fdb728;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

.ebank-section .advantages .title .icon-truck {
	top: -4px;
}

.ebank-section .advantages .title .text {
	display: inline-block;
	vertical-align: middle;
}

.ebank-section .advantages .description {
	font-size: 13px;
	line-height: 16px;
	color: #605f5f;
	font-weight: 400;
	letter-spacing: 0;
}

.ebank-section .advantages .description i {
	margin-left: 5px;
	display: inline-block;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.ebank-section .advantages ul li:hover .description i {
	-webkit-transform: translateX(5px);
	-moz-transform: translateX(5px);
	-ms-transform: translateX(5px);
	-o-transform: translateX(5px);
	transform: translateX(5px);
}

.ebank-section h3 {
	font-size: 26px;
	font-weight: 400;
	letter-spacing: 0;
	margin-bottom: 10px;
}

.ebank-section .subtitle {
	font-size: 14px;
	color: #605f5f;
	letter-spacing: 0;
	line-height: normal;
	margin-bottom: 30px;
}

.ebank-section .first {
	padding-right: 20px;
}

.ebank-section .second {
	padding-left: 20px;
}

.ebank-section .item {
	margin-bottom: 40px;
	position: relative;
}

.ebank-section .item .image-container {
	max-width: 100%;
	overflow: hidden;
}

.ebank-section .item .image-container img {
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
   	backface-visibility: hidden;
}

.ebank-section .item .image-container img:hover{
	-webkit-transform: translateZ(0) scale(1.1);
	-moz-transform: translateZ(0) scale(1.1);
	-ms-transform: translateZ(0) scale(1.1);
	-o-transform: translateZ(0) scale(1.1);
	transform: translateZ(0) scale(1.1);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
   	backface-visibility: hidden;
}

.ebank-section .first .item .description,
.ebank-section .second .item .description {
	padding: 20px 0 0;
	position: relative;
	min-height: 134px;
	/* overflow: hidden; */
}

.ebank-section .item .description span {
	display: block;
}

.ebank-section .item .description .category {
	font-size: 11px;
	color: #505050;
	font-style: italic;
	margin-bottom: 10px;
	text-decoration: underline;
}

.ebank-section .item .description .item-title {
	font-size: 20px;
	color: #005972;
	line-height: normal;
	margin-bottom: 5px;
	display: block;
}

.ebank-section .item .description .item-title span {
	font-size: 25px;
	display: inline-block;
	margin-right: 10px;

}

.ebank-section .item .description .item-title .sub {
	display: block;
	font-size: 16px;
}

.ebank-section .item .description .item-intro {
	font-size: 13px;
	color: #605f5f;
	line-height: normal;
	padding-bottom: 34px;
}

.ebank-section .first .item .description .btn,
.ebank-section .second .item .description .btn {
	position: absolute;
	bottom: 0;
	left: 0;
}

.ebank-section .big {
	margin-top: 30px;
}

.ebank-section .big .item .image-container {
	padding: 55px 20px;
}

.ebank-section .big .item .description .item-intro {
	padding-right: 80px;
	padding-top: 20px;
	font-size: 14px;
	line-height: 18px;
	color: #605f5f;
}

.ebank-section .big .item .description {
	overflow: hidden;
}

.ebank-section .big .item .description .item-title {
	font-size: 26px;
	color: #000000;
	margin-bottom: 0;
}

.info-box .subtitle {
	display: block;
	margin-bottom: 25px;
	color: #2d3236;
	font-size: 13px;
	letter-spacing: 0;
	line-height: normal;
}

.info-box .btn {
	padding: 8px 30px;
}

.info-box.video {
	padding: 28px 20px;
}

.info-box.video .info-title {
	padding-left: 10px;
}

.info-box.video .subtitle {
	padding: 0 10px;
	margin-bottom: 15px;
}

.info-box iframe {
	max-width: 100%;
}

/*------------------------------------------------------------------------------------*/
/*------------------------------------- STORES ---------------------------------------*/
/*------------------------------------------------------------------------------------*/


.stores-section {
	background-color: #f7fafc;
}

.stores-section .intro {
	text-align: center;
	padding: 69px 25px 60px;
	max-width: 825px;
	margin: 0 auto;
}

.stores-section h2 {
	font-weight: 400;
	color: #050505;
	font-size: 37px;
}

.stores-section h2 span {
	margin-right: 10px;
	vertical-align: text-top;
	display: inline-block;
}

.stores-section .intro p{
	font-size: 16px;
	color: #605f5f;
	line-height: 22px;
	letter-spacing: 0;
	margin-bottom: 0;
}

.stores-section .search-container {
	padding: 30px;
	background-color: #f1f4f5;
}

.stores-section .search-container .wrapper {
	max-width: 970px;
	padding: 0 25px;
}

.stores-section .search-container .search {
	display: block;
}

.stores-section .search-container .search input {
	width: 100%;
}

.stores-section .search-title {
	font-size: 14px;
	font-weight: 900;
	padding-left: 20px;
	padding-bottom: 10px;
}

.stores-section .map-wrapper {
	height: 853px;
	position: relative;
}

.stores-section #map {
	height: 100%;
}

.stores-section .sfilters {
	position: absolute;
	top: 0;
	left: 10%;
	height: 100%;
	width: 360px;
	z-index: 1;
	background: rgba(255,255,255, .9);
	    display: flex;
    flex-direction: column;
}

.sfilters .top-group {
	padding: 38px 25px;
	flex-shrink: 0;
	background: #f1f6f8;
	border-bottom: 5px solid #b7cfd0;
}

.sfilters .top-group .filter-title{
	font-size: 14px;
	line-height: 14px;
	font-weight: 900;
	display: block;
	padding-bottom: 26px;
}

.radiobox, .checkbox {
	overflow: hidden;
	position: relative;
}

.sfilters-form {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.sfilters-section {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.sfilters-section input[type=radio] ~ label:before {
	border: 1px solid #666666;
	background: #ffffff;
	width: 17px;
	height: 17px;
	margin-right: 3px;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	left:0;
}
.sfilters-section input[type="radio"]:checked ~ label:after {
	display: inline-block;
	top: 50%;
	transform: translateY(-50%);
}

.sfilters-section input[type="radio"] ~ label {
	position: relative;
	padding-left: 24px;
	cursor: pointer;
	user-select: none;
	line-height: 17px;
}

.sfilters-section input[type="radio"] ~ label:after {
	left: 5px;
	width: 9px;
	height: 9px;
	background: #004D62AA;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	display: none;
}
.sfilters-checkboxes {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 8px;
}

.sfilters-checkboxes .radio-label {
	display: flex;
	flex-basis: 48%;
	flex-grow: 1;
	align-items: center;
	min-height: 34px;
}

.sfilters-tooltip {
	display: inline-flex;
	align-items: center;
	position: relative;
	cursor: pointer;
	min-width: 16px;
}
.sfilters-section input[type="radio"] ~ .sfilters-show-all {
	text-decoration: underline;
	max-width: fit-content;
	margin-left: auto;
	margin-right: auto;
	display: block;
	padding-left: 0;
	margin-top: 1.5em;
}
.sfilters-section .sfilters-show-all::before {
	display: none;
}
.sfilters-section input[type="radio"]:checked ~ .sfilters-show-all::after {
	display: none;
}

.sfilters-tooltip-icon {
    width: 16px;
    height: 16px;
}

.sfilters-tooltip-content {
	display: none;
	position: absolute;
	bottom: 175%;
	transform: translateX(-50%);
	background-color: #ffffff;
	color: #605F5F;
	padding: 8px;
	border-radius: 4px;
	font-size: 12px;
	white-space: nowrap;
	z-index: 10;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
	border: 1px solid #005A73;
	min-width: 5em;
	max-width: 20em;
	width: max-content;
	text-wrap: auto;
}

.sfilters-tooltip-content::after {
 display: inline-block;
 position: absolute;
 content: '';
 height: 10px;
 width: 10px;
 transform: rotate(45deg) translate(-25%, 25%);
 background-color: #ffffff;
 bottom: -6px;
 left: 50%;
 border-bottom: 1px solid #005A73;
 border-right: 1px solid #005A73;
}

.sfilters-tooltip-icon:hover ~ .sfilters-tooltip-content,
.sfilters-tooltip-icon:focus ~ .sfilters-tooltip-content {
    display: block;
}

@media (min-width: 767px) {
	.sfilters-checkboxes {
		display: flex;
		flex-direction: row;
	}
}

@media (min-width: 767px) {
	.sfilters-tooltip {
		display: flex;
		flex-basis: 45%;
		margin-left: 5px;
	}
}

@media (max-width: 767px) {
	.sfilters-tooltip {
		margin-left: 5px;
	}
}

.sfilters .checkbox:nth-of-type(2){
	width: 62%;
}

input[type=radio],
input[type=checkbox] {
	opacity: 0;
	width: 0;
	height: 0;
	visibility: hidden;
	position: absolute;
	margin: 0;
	padding: 0;
}

#ccc-content input[type=checkbox] {
	visibility: visible;
}

input[type=radio] ~ label,
input[type=checkbox] ~ label {
	position: relative;
}

input[type=checkbox] ~ label {
	padding: 6px 0 6px 30px;
}

input[type=checkbox] ~ label > span {
	display: inline-block;
	width: calc(100% - 40px);
	vertical-align: middle;
	color: #605f5f;
	font-size: 13px;
}

input[type=radio]:not(:checked) ~ label,
input[type=checkbox]:not(:checked) ~ label {
	cursor: pointer;
}

input[type=radio] ~ label:before {
	content: '';
	width: 24px;
	height: 24px;
	display: inline-block;
	border-radius: 50%;
	border: 2px solid #005a73;
	background: #ffffff;
}

input[type=checkbox] ~ label:before {
	content: '';
	border: 1px solid #666666;
	background: #ffffff;
	width: 16px;
	height: 16px;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

input[type=radio] ~ label:after {
	content: '';
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #005a73;
	position: absolute;
	top: -5px;
	left: 9px;
}

input[type=radio] ~ label:after,
input[type=checkbox] ~ label:after {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

input[type=checkbox] ~ label:after {
	content: "\e934";
	font-family: 'Linearicons';
	font-size: 13px;
	position: absolute;
	top: 50%;
	margin-top: -7px;
	left: 3px;
	color: #6b6a6a;
}

input[type=checkbox]:focus ~ label:before {
	border: 2px solid #005a73;
}

input[type=radio]:focus ~ label:before {
	outline: 2px solid #005A73;
	outline-offset: 2px;
}

input[type=radio]:checked ~ label:after,
input[type=checkbox]:checked ~ label:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.checkbox {
	text-align: left;
	padding: 6px 0;
}

input[type=radio]:checked ~ label:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

input[type=radio].branchCategory {
	visibility: initial;
}

input[type=radio].branchCategory:focus ~ label:before {
	outline: 2px solid #005A73;
	outline-offset: 2px;
}

.results-title {
	display: block;
	padding: 26px 33px;
	color: #000000;
	font-size: 14px;
	font-weight: 900;
	line-height: 20px;
	letter-spacing: 0.02em;
}

.results-title .count {
	font-size: 20px;
	font-weight: normal;
	letter-spacing: -0.025em;
	display: inline-block;
	margin-right: 14px;
}

.result-item {
	width: 100%;
	position: relative;
	padding: 19px 59px 19px 29px;
	cursor: pointer;
	border: 2px solid transparent;
	background-color: transparent;
	text-align: left;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.result-item:hover, .result-item:focus {
	border-color: #ec9f00;
}

.result-item .item-title {
	font-size: 13px;
	font-weight: bold;
	color: #007391;
	display: block;
}

.result-item .info {
	font-size: 13px;
	font-weight: normal;
	color: #605f5f;
	display: block;
}

.result-item .icon {
	position: absolute;
	top: 0;
	right: 0;
	width: 59px;
	height: 100%;
	background: rgba(241, 199, 75, .3);
	opacity: 0;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.result-item:hover .icon, .result-item:focus .icon {
	opacity: 1;
}

.result-item .icon:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 23px;
	height: 24px;
	margin-top: -12px;
	margin-left: -11.5px;
	background: url(../Media/gmaps.png) no-repeat;
}

.branch-locator-container {
	display: flex;
	gap: 1em;
	flex-direction: column;
}

.branch-locator-container > div {
	display: flex;
	flex-direction: column;
}

.branch-locator-title {
	color: #005a73; 
	font-weight: bold; 
	font-size: 16px;
}

.branch-locator-section-title {
	font-weight: 500;
	color: #005a73;
}

.branch-locator-link {
	width: fit-content;
	border-bottom: 1px solid white;
	border-color: #bfc4c9;
}

.branch-locator-link:hover, .branch-locator-link:focus {
	width: fit-content;
	border-color: #ec9f00;
}

.results {
	flex-grow: 1;
	min-height: 0;
}

.results .results-list {
	height: calc(100% - 75px);
	position: relative;
}

.results .ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
	width: 5px;
}



/* HOMEPAGE GROUP */

.main-header.group .top-bar {
	padding-top: 9px;
}

.top-left-text {
	float: left;
	display: inline-block;
	color: #ffffff;
	font-size: 14px;
	font-weight: 900;
	padding-left: 20px;
	padding-top: 8px;
}

.updated, .stocks {
	display: inline-block;
}

.updated {
	padding-left: 60px;
	opacity: .5;
	font-size: 12px;
	font-weight: normal;
}

.main-header.group .top-bar .top-right-menu a.btn:link,
.main-header.group .top-bar .top-right-menu a.btn:visited {
	padding-bottom: 6.5px;
	margin-right: 14px;
}

.main-header.group .top-bar a.btn:link,
.main-header.group .top-bar a.btn:visited {
	color: rgba(255, 255, 255, .5);
	font-size: 12px;
	font-weight: bold;
	position: relative;
	line-height: 1;
	border-bottom: 2px solid #fdb728;
	border-radius: 5px;
	padding: 6.5px 12px;
	display: inline-block;
	min-width: 155px;
}

.main-header.group .top-bar a.btn:hover {
	border-bottom: 2px solid #fdb728;
	border-radius: 5px;
	color: #ffffff;
}

.main-header.group .top-bar a.btn:active {
	border-bottom: 2px solid #ec9f00;
}

.main-header.group .top-bar a:after {
	display: none;
}

.group .banner figure {
	height: 250px;
}

.group .banner.banner-text-left figcaption {
	position: absolute;
	width: auto;
	top: 50%;
	right: 0;
	padding-top: 0;
	padding-right: 12%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.group .wrapper {
	position: relative;
	height: 100%;
	max-width: 1280px;
}

.group .banner h2 {
	font-size: 34px;
	font-weight: bold;
	text-align: right;
	color: #ffffff;
}

.group .main-nav {
	left: -10px;
}

.news {
	padding: 65px 0 28px;
	background-color: #f0f4f5;
}

.news h2 {
	font-size: 34px;
	letter-spacing: -0.025em;
	font-weight: 600;
	padding-left: 24px;
}

.news-item {
	position: relative;
}

.news-item:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.news-item:before {
	content: '';
	position: absolute;
	bottom: -10px;
	right: 0;
	width: 50%;
	height: 1px;
	background: rgba(0,0,0, .1);
}

.news ul {
	padding-right: 45px;
}

.news ul li {
	padding: 10px 0;
}

.news ul li:first-child {
	padding-top: 0;
}

.news ul li:last-child .news-item:before {
	display: none;
}

.news-item .image {
	float: left;
	position: relative;
}

.news-item .image a {
	display: block;
	height: 100%;
	width: 100%;
}

.news-item .image a:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.14) inset;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.news-item .image a:hover:after {
	box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.15) inset;
}

.news-item .item-details {
	overflow: hidden;
	padding-left: 25px;
	padding-top: 10px;
}

.news-item .item-details h3 {
	margin-bottom: 10px;
	padding-right: 10px;
}

.news-item .item-details h3,
.news-item .item-details h3 a,
.news-item .item-details h3 a:link,
.news-item .item-details h3 a:visited {
	color: #005a73;
	font-size: 21px;
	font-weight: 300;
	letter-spacing: 0;
}

.news-item .item-details h3 a span,.news-item .item-details h3 span {
	display: inline-block;
	margin-left: 6px;
	color: #fdb728;
	vertical-align: text-top;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.news-item .item-details h3 a:hover span, .news-item:hover .item-details h3 span{
	-webkit-transform: translateX(10px);
	-moz-transform: translateX(10px);
	-ms-transform: translateX(10px);
	-o-transform: translateX(10px);
	transform: translateX(10px);
}

.news-item .item-details p {
	margin-bottom: 0;
	font-size: 17px;
	font-weight: normal;
	line-height: normal;
	color: #605f5f;
	letter-spacing: 0;
}

.slider ul {
	padding-right: 0;
}

.slider ul li {
	padding: 0;
}

.slider .caption {
	padding: 20px 0;
}

.slider .caption h3 a,
.slider .caption h3 a:link,
.slider .caption h3 a:visited {
	color: #005a73;
	font-size: 21px;
	font-weight: 300;
	letter-spacing: 0;
	margin-left: 4px
}

 .slider .caption h3 a span {
	display: inline-block;
	margin-left: 6px;
	color: #fdb728;
	vertical-align: text-top;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.slider .caption h3 a:hover span{
	-webkit-transform: translateX(10px);
	-moz-transform: translateX(10px);
	-ms-transform: translateX(10px);
	-o-transform: translateX(10px);
	transform: translateX(10px);
}

.slider .caption p {
	color: #605f5f;
	font-weight: normal;
	font-size: 17px;
	letter-spacing: 0;
	margin-bottom: 0;
	margin-top: 10px;
}

.slider .owl-theme .owl-controls .owl-page span {
	background: none;
	width: 14px;
	height: 14px;
	border: 1px solid #fdb728;
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	margin: 0 3px;
}
.slider .owl-theme .owl-controls.clickable .owl-page:hover span {
	background: #fdb728;
}
.slider .owl-theme .owl-controls .owl-page.active span {
	background: #ec9f00;
}

.slider .owl-theme .owl-controls {
	margin-top: 0;
}
.news:not(.latest) .col:first-child {
	float: right;
}
.news.latest {
	background-color: #f6fafd;
}

.news.latest ul {
	padding-right: 0;
	padding-left: 45px;
}

.latest .news-item .image {
	float: right;
}

.latest .news-item .item-details {
	padding-left: 0;
	padding-right: 25px;
}

.latest .news-item:before {
	right: auto;
	left: 0;
}

.news.latest ul li:last-child .news-item:before {
	display: block;
}

.latest .date,
.latest .news-item .item-details .date {
	color: #979797;
	font-size: 11px;
	margin-bottom: 0;
}

.latest .caption {
	padding: 20px 0;
}

.latest .featured h3 {
	margin-bottom: 10px;
}

.latest .featured h3 a,
.latest .featured h3 a:link,
.latest .featured h3 a:visited {
	color: #005a73;
	font-size: 21px;
	font-weight: 300;
	letter-spacing: 0;
}

.latest .featured h3 a span {
	display: inline-block;
	margin-left: 6px;
	color: #fdb728;
	vertical-align: text-top;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.latest .featured h3 a:hover span{
	-webkit-transform: translateX(10px);
	-moz-transform: translateX(10px);
	-ms-transform: translateX(10px);
	-o-transform: translateX(10px);
	transform: translateX(10px);
}

.latest .news-item .item-details h3 {
	line-height: 23px;
	margin-bottom: 7px;
}

.tab-section {
	padding: 58px 0;
}

.tab-section h2 {
	text-align: center;
	font-size: 34px;
	letter-spacing: -0.025em;
	font-weight: 600;
}

.tab-section .tabs-header-container {
	text-align: center;
	border-bottom: 1px solid #e5e5e5;
}

.tab-section .tab-header.active a {
	font-weight: normal;
}

.tab-section .tab-content {
	position: relative;
	padding-top: 30px;
	overflow: hidden;
	justify-content: center;
	display: none;
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.tab-section .tab-content.active {
	display: flex;
}

.tab-section .tab-header {
	margin: 0;
}

.tab-section .tab-header a:link,
.tab-section .tab-header a:visited {
	padding: 1px 30px 24px;
	width: 160px;
}

.tab-section .tab-content .col:last-child {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 42px;
}

.video-details h4 {
	font-size: 26px;
	font-weight: normal;
	line-height: normal;
	margin-bottom: 10px;
	letter-spacing: 0;
	color:#000000;
}

.video-details .quote {
	font-size: 18px;
	color: #687177;
	font-weight: normal;
	font-style: italic;
	text-align: justify;
	line-height: 30px;
	letter-spacing: 0.02em;
}

.video-details .credit {
	position: absolute;
	bottom: auto;
	margin-top: 5px;
	right: 0;
	color: #687177;
	font-size: 14px;
	letter-spacing: 0.02em;
}

.video-details .credit .name {
	font-weight: 900;
}

.yt-video {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	cursor: pointer;
}

.yt-video img {
	width: 100%;
}

.yt-video:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 88px;
	height: 88px;
	margin-top: -44px;
	margin-left: -44px;
	background-color: rgba(104,113,119,.8);
	background-image: url(../Media/play.png);
	background-repeat: no-repeat;
	background-position: 30px 27px;
	border: 2px solid #fdb728;
	border-radius: 50%;
	box-sizing: border-box;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.yt-video:hover:after {
	background-color: #fdb728;
}
.yt-video:active:after {
	background-color: #ec9f00;
}

.video-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.history-section {
	padding: 60px 0 70px;
	background-color: #f6fafd;
}

.history-section h2 {
	font-size: 34px;
	font-weight: 600;
	letter-spacing: -0.025em;
}

.history-section .col:first-child {
	padding-right: 40px;
}

.history-section .description {
	font-size: 17px;
	color: #000000;
	line-height: 30px;
	letter-spacing: 0.02em;
	padding-bottom: 15px;
}

.history-section a,
.history-section a:link,
.history-section a:visited {
	color: #005a73;
	font-size: 21px;
	font-weight: 300;
	letter-spacing: 0;
}

.history-section a span {
	display: inline-block;
	margin-left: 6px;
	color: #fdb728;
	vertical-align: text-top;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.history-section a:hover span{
	-webkit-transform: translateX(10px);
	-moz-transform: translateX(10px);
	-ms-transform: translateX(10px);
	-o-transform: translateX(10px);
	transform: translateX(10px);
}

/* CONTACT */

.contact.intro {
	text-align: center;
	padding: 75px 40px;
}

.contact h2 {
	font-weight: 400;
	color: #000000;
	font-size: 37px;
}

.contact h2 span {
	margin-right: 10px;
	vertical-align: text-top;
	display: inline-block;
}

.contact.intro p{
	font-size: 16px;
	color: #605f5f;
	line-height: 22px;
	letter-spacing: 0;
	margin-bottom: 0;
}

.contact-info {
	padding: 20px 0;
	font-size: 16px;
	color: #605f5f;
	letter-spacing: 0;
	line-height: 22px;
}

.contact-info .address {
	margin-bottom: 25px;
	display: block;
}

.contact-info a,
.contact-info a:link,
.contact-info a:visited {
	color: #605f5f;
	text-decoration: underline;
}

.contact .row {
	padding: 35px 0;
	/*border-bottom: 1px solid #aebdc8;*/
}

.contact .row:first-child {
	width: calc(100% + 24px);
	border: 0;
}

/*.contact .row:nth-of-type(2) {
	border-top: 1px solid #aebdc8;
}*/

.contact .field:not(.full):nth-of-type(odd) {
	width: calc(50% - 12px);
	/*margin: 0 12px 32px -12px;*/
	position: relative;
}

.contact .field:not(.full):nth-of-type(even) {
	width: calc(50% - 12px);
	/*margin: 0 -12px 32px 12px;*/
	position: relative;
}

.contact .field label,
.form-paragraph {
	font-size: 14px;
	font-weight: normal;
	color: #605f5f;
	margin-bottom: 10px;
}

.contact .field input {
	height: 36px;
	line-height: 31px;
	border: 1px solid #666666;
	display: block;
	visibility: initial;
}

.contact .field input:focus-visible {
	border: 2px solid #005a73;
	border-radius: 5px;
	transition: none;
}

.contact .field.error input {
	border-color: #fdb728;
}

.contact .field > .error {
	position: absolute;
	top: 72px;
	left: 0;
	padding-left: 15px;
	font-size: 14px;
	color: #fdb728;
	letter-spacing: 0;
	display: none;
	margin-bottom: 0;
	width: 100%;
}
.contact .field.checkboxes {
    position: relative;
}
.contact .field.checkboxes > .error {
    position: absolute;
    top: auto;
    left: 0;
    bottom: 0px;
}

.contact  .field.error .error {
	display: block;
}

.contact .field.full {
	clear: left;
}

.contact textarea {
	width: 100%;
	height: 142px;
	border: 1px solid #666666;
	border-radius: 5px;
	outline: none;
	resize: none;
	padding: 10px;
}

.contact textarea:focus-visible, .contact textarea:focus {
	border: 2px solid #005a73;
}

.newscheckbox {
	display: inline-block;
	margin-left: 22px;
	color: #605f5f;
	font-size: 14px;
}

.contact .field.checkboxes {
	padding-bottom: 20px;
}

.contact .FormRecaptcha {
	clear: both;
}

.checkboxes .text {
	display: inline-block;
	padding-left: 15px;
	font-size: 14px;
	color: #605f5f;
	padding-top: 5px;
}
.checkboxes .text p {
    font-size: 14px;
}
.captcha label {
	display: block;
	padding-left: 15px;
	font-size: 14px;
	color: #605f5f;
	margin-bottom: 10px;
	white-space: nowrap;
}

.captcha img {
	display: block;
}

.captcha input {
	width: 100%;
	height: 36px;
	line-height: 31px;
	background: rgba(0, 0, 0, .07);
	border: 2px solid transparent;
}

.contact .captcha .field:not(.full):nth-of-type(odd) {
	margin-bottom: 0;
}

.contact .newsletter {
	margin-bottom: 35px;
}

.contact .newsletter label {
	font-size: 14px;
	color: #605f5f;
}

.contact .row:last-child {
	border: 0;
	margin-bottom: 60px;
}

.captcha-container {
	display: flex;
	align-items: start;
	flex-wrap: wrap;
	margin-top: 10px;
}

.contact .plain-submit {
	outline: none;
	font-size: 15px;
	line-height: 31px;
	height: 36px;
	font-family: 'Roboto', sans-serif;
	background: none;
	font-weight: 500;
	color: #444;
	display: inline-block;
	border: 2px solid #005a73;
	border-radius: 5px;
	padding: 0px 40px;
	margin-left: -12px;
	text-align: center;
	float: left;
	clear: both;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.captcha-container > .plain-submit {
	padding:unset;
	float: none;
	clear: none;
	margin-left: 0;
	flex-basis: 166px;
}

.contact .plain-submit:hover {
	background: #005a73;
	box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
	color: #ffffff
}
.contact .plain-submit:active {
	background: #005a73;
	color: #ffffff
}


/*Investors Relations */

.group.big .banner figure {
	height: 390px;
	padding: 0;
}

.investors {
	background-color: #f8f9fa;
	padding-bottom: 40px;
}

.investors .intro {
	text-align: center;
	padding: 65px 40px;
}

.investors .intro h2 {
	font-weight: normal;
}

.group.big .banner.banner-text-left figcaption {
	left: 0;
	right: auto;
	padding-left: 12%;
	padding-right: 0;
}

.group.big .banner h2 {
	text-align: left;
}

.group.big .banner p {
	font-size: 16px;
	color: #ffffff;
	line-height: normal;
	letter-spacing: 0.05em;
}

.group.big.hero .banner figcaption .btn.white {
	color: #ffffff;
}
.hubs {
	float: left;
	width: 100%;
}
.hubs h3 {
	margin-bottom: 5px;
}

.hubs h3 a,
.hubs h3 a:link,
.hubs h3 a:visited {
	font-size: 21px;
	font-weight: 300;
	color: #005a73;
}

.hubs p a,
.hubs p a:link {
	font-size: 17px;
	font-weight: normal;
	line-height: normal;
	color: #605f5f;
	letter-spacing: 0;
}

.hubs p a span {
	display: inline-block;
	margin-left: 6px;
	color: #fdb728;
	vertical-align: text-top;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.hubs p a:hover span {
	-webkit-transform: translateX(10px);
	-moz-transform: translateX(10px);
	-ms-transform: translateX(10px);
	-o-transform: translateX(10px);
	transform: translateX(10px);
}

.hubs .items ul {
	overflow: hidden;
	padding: 0;
}

.hubs .items ul li {
	float: left;
	width: 50%;
	padding-top: 40px;
	padding-right: 20px;
	margin: 0;
}

.hubs .item-details h3{
	margin: 15px 0 5px;
}

.hubs .item-details p {
	margin-bottom: 0;
}

.results-reports {
	padding: 58px 0;
}

.results-reports h4 {
	font-size: 26px;
	color: #000000;
	font-weight: normal;
	margin-bottom: 40px;
	text-align: center;
}

.results-reports .wrapper {
	max-width: 1260px;
}

.results-reports ul {
	overflow: hidden;
}

.results-reports .items ul li {
	float: left;
	width: 33.33%;
	padding: 0 30px 38px;
}

.results-reports .image {
	position: relative;
}

.results-reports .item .image a {
	position: relative;
	width: 100%;
	padding-bottom: 62%;
	display: block;
	transition: 0.3s ease-out;
}

.image a {
	max-width: 100%;
}

.results-reports .item .image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.results-reports .item .image a:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.14) inset;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.results-reports .item .image a:hover:after {
	box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.15) inset;
}

.results-reports .item .item-details {
	padding-top: 15px;
}

.results-reports .item .item-details h3 {
	margin-bottom: 5px;
}

.results-reports .item .item-details h3 a,
.results-reports .item .item-details h3 a:link,
.results-reports .item .item-details h3 a:visited {
	color: #005a73;
	font-size: 21px;
	font-weight: 300;
	letter-spacing: 0;
}

.results-reports .item .item-details p a span {
	display: inline-block;
	margin-left: 6px;
	color: #fdb728;
	vertical-align: text-top;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.results-reports .item .item-details p a:hover span{
	-webkit-transform: translateX(10px);
	-moz-transform: translateX(10px);
	-ms-transform: translateX(10px);
	-o-transform: translateX(10px);
	transform: translateX(10px);
}

.results-reports .item .item-details p {
	margin-bottom: 0;
	font-size: 17px;
	font-weight: normal;
	line-height: normal;
	color: #605f5f;
	letter-spacing: 0;
}

.info-box ul li .date {
	display: block;
	color: #818181;
	font-size: 13px;
	padding-top: 5px;
	margin-left: 18px;
}

.side-panel, .centered-panel {
	padding: 13px 0 20px;
	background: #f7ebc3;
	margin-bottom: 5px;
}

.side-panel .tab-container, .centered-panel .tab-container {
	margin-top: 0;
}

.side-panel .tab-content {
	position: static;
	opacity: 1;
	visibility: visible;
	display: none;
	padding: 14px 30px 0;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.side-panel .tab-content.active, .centered-panel .tab-content.active {
	display: block;
}

.side-panel .tab-header {
	margin: 0;
	padding: 17px 29px;
	font-size: 14px;
	background: rgba(247,250, 252, .3);
	color: rgba(0,0,0, .5);
	font-weight: 900;
	cursor: pointer;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.side-panel .tab-header:hover {
	opacity: .8;
}

.side-panel .tab-header span, .centered-panel .tab-header span {
	margin-right: 5px;
}

.side-panel .tab-header.active {
	background: rgba(247,222, 139, .8);
	color: #000000;
}

.side-panel .tab-content .date, .centered-panel .tab-content .date {
	font-size: 14px;
	color: #2d3236;
	margin-bottom: 15px;
}

.side-panel .tab-content .points .value, .centered-panel .tab-content .points .value {
	font-size: 40px;
	color: #005a73;
	font-weight: 300;
	margin-right: 15px;
}

.side-panel .tab-content .points .action, .centered-panel .tab-content .points .action {
	font-size: 21px;
	font-weight: normal;
}

.side-panel .tab-content .points span, .centered-panel .tab-content .points span {
	display: inline-block;
	line-height: 40px;
}

.side-panel .tab-content .points .action.down {
	color: #ed1c24;
}

.side-panel .tab-content .points .action.up, .centered-panel .tab-content .points .action.up {
	color: green;
}

.side-panel .tab-content .info, .centered-panel .tab-content .info {
	font-size: 12px;
	line-height: normal;
	color: #2d3236;
	margin-top: 20px;
}

.centered-panel {
	background: #e7f2f4;
	text-align: center;
}

.centered-panel .tab-header.active {
	background-color: #005a73;
	color: #fff;
}

.centered-panel .tab-header {
	margin-bottom: 16px;
	text-decoration: none;
	border-radius: 5px;
	font-size: 18px;
	line-height: 32px;
	padding: 5px 25px;
	margin: 10px;
	background-color: #fff;
	border: 1px solid #005a73;
	color: #005a73;
	cursor: pointer;
}

.centered-panel .tab-content .points .value {
	font-size: 30px;
	color: #00697e;
}

.centered-panel .tab-content .box-btn {
	position: relative;
}

.centered-panel .tab-content .points .action.down {
	color: #ed1c24;
}

.centered-panel .tab-content {
	position: static;
	opacity: 1;
	visibility: visible;
	display: none;
	padding: 14px 30px 0;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.hubs .items {
	margin-bottom: 20px;
}

/* Documents */

.breadcrumb {
	padding: 18px 30px;
}

.breadcrumb ul li {
	display: inline-block;
	color:#a0a6aa;
	font-size: 12px;
	font-weight: 300;
}

.breadcrumb ul li.seperator,
.breadcrumb ul li,
.breadcrumb ul li a,
.breadcrumb ul li a:link,
.breadcrumb ul li a:visited {
	color: var(--medium-grey);
}

.breadcrumb .icon-home2 {
	margin-right: 5px;
}

.documents {
	padding-bottom: 120px;
}

.wrapper-custom {
	max-width: 1024px;
}

.documents .intro {
	text-align: center;
	padding: 20px 30px 60px;
}

.documents h2 {
	font-weight: 400;
	color: #000000;
	font-size: 37px;
}

.documents h2 span {
	margin-right: 10px;
	vertical-align: text-top;
	display: inline-block;
}

.doc .tabs-header-container {
	text-align: center;
	border-bottom: 1px solid #aebdc8;
	padding: 0 50px;
}

.doc .tab-header {
	margin: 0;
	width: 100%;
}

.doc .tab-header a,
.doc .tab-header a:link,
.doc .tab-header a:visited {
	display: block;
	color:rgba(0,0,0, .7);
	font-weight: normal;
}

.doc .tab-header.active a,
.doc .tab-header.active a:link,
.doc .tab-header.active a:visited {
	color: #000000;
}

.doc.tab-container {
	margin-top: 0;
	padding: 0 22px;
}

.doc .tab-content {
	position: static;
	opacity: 1;
	visibility: visible;
	display: none;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.doc .tab-content.active {
	display: block;
}

.documents .content-table:not(:first-child) {
	border-top: 1px solid #aebdc8;
}

.documents .content-table:last-child {
	border-bottom: 1px solid #aebdc8;
}

.documents .content-table-header {
	padding: 40px 50px 18px;
	background-color: #f5f6f6;
}

.documents .content-table-header h3 {
	color: #005a73;
	font-size: 26px;
	line-height: 26px;
	font-weight: normal;
}

.documents .content-table-header h3 span {
	color: #687177;
	font-size: 14px;
}

.documents .content-table-list {
	padding: 0 50px;
}

.documents .content-table-list ul li:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.documents .content-table-list .column-one {
	float: left;
	height: 95px;
	width: 198px;
	margin-right: 40px;
	padding-top: 30px;
	font-size: 14px;
	font-weight: 900;
	border-bottom: 1px solid #aebdc8;
}

.documents .content-table-list ul li:last-child .column-one,
.documents .content-table-list ul li:last-child .column-two {
	border-bottom: 0;
}

.documents .content-table-list .column-two {
	overflow: hidden;
	height: 100%;
	border-bottom: 1px solid #aebdc8;
    flex-grow: 1;
}

.documents .content-table-list .column-two a,
.documents .content-table-list .column-two a:link,
.documents .content-table-list .column-two a:visited {
	font-size: 18px;
	color: var(--medium-grey);
	font-weight: 300;
	line-height: 20px;
	padding-left: 40px;
	position: relative;
	height: 95px;
	display: flex;
	align-items: center;
}


.documents .content-table-list .column-two a:not(:first-child) {
	border-top: 1px solid #dfe5e9;
}


.documents .content-table-list .column-two a:hover {
	text-decoration: underline;
}

.documents .content-table-list .column-two a span {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -10px;
	font-size: 20px;
	color: #005a73;
	vertical-align: middle;
	display: inline-block;
}

.documents .owl-theme .owl-controls {
	margin-top: 0;
}

.documents .owl-theme .owl-controls .owl-buttons div {
	background: none;
	color: #fdb728;
	font-size: 26px;
	opacity: 1;
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
}

.documents .owl-theme .owl-controls .owl-buttons div.owl-prev {
	left: 0;
}

.documents .owl-theme .owl-controls .owl-buttons div.owl-next {
	right: 0;
}

.documents .owl-theme .owl-controls .owl-buttons div:hover {
	opacity: .8;
}

.documents .owl-theme .owl-controls .owl-buttons div.disabled {
	display: none;
}

/* Content */
.content-page {
	background: #f8f9fa;
}
.content-page .doc.tab-container {
	padding: 0;
	clear: both;
}

.content-page .doc .tabs-header-container{
	padding: 0;
	margin-top: 30px;
}

.content-page .doc.tab-container {
	padding-top: 60px;
}

.content-page .tab-header a:link,
.content-page .tab-header a:visited {
	padding: 0 0 24px
}

.content-page .hubs {
	margin-bottom: 60px;
}

.content-page h2 {
	font-weight: 400;
	color: #005a73;
	font-size: 40px;
}

.content-page .intro p {
	font-weight: 400;
	color: #605f5f;
	font-size: 16px;
	letter-spacing: 0;
}

.content-page .contact {
	margin-top: 60px;
}

.content-page.documents .content-table-header {
	background-color: #f2f3f4;
}

.dynamic-content h4 {
	font-size: 16px;
	color: #005972;
	margin: 30px 0;
}

.dynamic-content p{
	color: #333333;
	font-size: 16px;
	line-height: 1.56rem;
	letter-spacing: 0;
	clear: both;
}

.dynamic-content p a,
.dynamic-content p a:link,
.dynamic-content p a:visited {
	color: #2d3236;
}

.dynamic-content p a i {
	margin-right: 10px;
}

.dynamic-content p a span {
	text-decoration: underline;
	word-break: break-all;
}

.dynamic-content p a:hover span {
	text-decoration: none;
}

.dynamic-content ul li {
	font-size: 16px;
	margin-bottom: 20px;
	color: #605f5f;
}

.dynamic-content ul li span {
	margin-right: 10px;
}

.dynamic-content p img {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

.dynamic-content a.btn {
	display: table;
	margin-top: 20px;
}

.dynamic-content .select-box {
	display: inline-block;
	min-width: calc(50% - 20px);
}

.dynamic-content .links-list {
	margin-top: 20px;
}

.dynamic-content .links-list ul li {
	padding: 26px 0;
	border-bottom: 1px solid #aebdc8;
	margin-bottom: 0;
	position: relative;
}

.dynamic-content .links-list ul li a,
.dynamic-content .links-list ul li a:link,
.dynamic-content .links-list ul li a:visited {
 	color: var(--medium-grey);
 	font-size: 18px;
 	font-weight: 300;
 	line-height: 1.22rem;
 	padding-left: 40px;
}

.dynamic-content .links-list ul li a.thickbox.focus-visible {
	text-shadow: none;
	outline: 2px solid #005a73;
	padding: 3px;
	border-radius: 3px;
	padding-left: 30px;
}

.dynamic-content .links-list ul li a:hover .text {
 	text-decoration: underline;
}

.dynamic-content .links-list ul li a span {
	display: inline-block;
	vertical-align: middle;
}

.dynamic-content .links-list ul li a .text {
	margin: 0;
}

.dynamic-content .links-list ul li a .icon {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -11px;
	font-size: 22px;
	color: #005a73;
	vertical-align: middle;
	display: inline-block;
}

.dynamic-content .links-list ul li a .small {
    font-size: 14px;
    color: #757575;
    width: 140px;
}

.mCSB_inside>.mCSB_container {
	margin-right: 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
	background: rgba(0,0,0,0);
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #999999;
}


/************************************************************/
/********************** IBAN CALCULATOR *********************/
/************************************************************/
.iban-calculator {
	background: url(../Media/iban-calc-bg.jpg) no-repeat scroll center right;
	background-size: cover;
	padding: 100px 0 136px;
}

.iban-calculator .iban-form {
	animation-delay: 0.2s;
}

.iban-calculator .iban-form ~ .iban-form {
	animation-delay: 0.4s;
}

.iban-calculator h2 {
	font-size: 37px;
	color: #ffffff;
	margin-bottom: 35px;
}

.iban-calculator .field-container {
	display: inline-block;
	width: 50%;
	position: relative;
}

.iban-calculator .iban-result {
	display: inline-block;
	width: 49%;
	font-size: 21px;
	font-weight: 900;
	color: #fdb728;
	line-height: 1.267;
	padding-left: 50px;
}

.iban-calculator .iban-result .big {
	font-size: 26px;
}

.iban-calculator .field label {
	font-size: 26px;
	font-weight: normal;
	color: #ffffff;
	line-height: 1.3;
}

.iban-calculator .field label small {
	font-size: 16px;
	margin-top: 10px;
}

.iban-calculator .field label small em {
	font-size: 13px;
	font-style: normal;
	color: #ffffff;
}

.iban-calculator .field label small,
.iban-calculator .field label small em {
	display: block;
}

.iban-calculator p.error,
.iban-calculator span.error {
	font-size: 14px;
	color: #fdb728;
	display: none;
	padding-left: 17px;
	margin-top: 6px;
}

.iban-calculator .error p.error,
.iban-calculator .error span.error {
	display: block;
}

.iban-calculator input[type=text],
.iban-calculator input[type=number] {
	border: 2px solid transparent;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.iban-calculator .error input[type=text],
.iban-calculator .error input[type=number]{
	border-color: #fdb728;
}

.iban-calculator .input {
	margin-top: 10px;
	position: relative;
}

.iban-calculator .input input,
.iban-calculator .input button {
	opacity: .3;
}

.iban-calculator .input.focus input,
.iban-calculator .input.focus button,
.iban-calculator .input input:focus,
.iban-calculator .input button:focus,
.iban-calculator .input input:focus + button {
	opacity: 1;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.iban-calculator .input input[type=text],
.iban-calculator .input input[type=number]{
	padding-right: 58px;
	font-size: 15px;
	font-weight: normal;
	color: #013f56;
}

.iban-calculator button[type=submit],
.iban-calculator input[type=submit] {
	background: none;
	border: 0;
	outline: 0;
	font-size: 18px;
	color: #000000;
	position: absolute;
	top: 50%;
	right: 4px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 11px 20px;
	opacity: 0;
	visibility: hidden;
}

.iban-calculator .input.focus button[type=submit],
.iban-calculator .input.focus input[type=submit] {
	opacity: 1;
	visibility: visible;
}

.iban-calculator button[type=submit] .icon-arrow-right,
.iban-calculator input[type=submit] .icon-arrow-right {
	display: inline-block;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.iban-calculator .input.focus button[type=submit]:hover .icon-arrow-right ,
.iban-calculator .input.focus input[type=submit]:hover .icon-arrow-right,
.iban-calculator .input input:focus + button[type=submit]:hover .icon-arrow-right ,
.iban-calculator .input input:focus + input[type=submit]:hover .icon-arrow-right {
	-webkit-transform: translateX(8px);
	-moz-transform: translateX(8px);
	-ms-transform: translateX(8px);
	-o-transform: translateX(8px);
	transform: translateX(8px);
}

.iban-calculator .row {
	margin-bottom: 25px;
}

.js_clear-iban {
	color: #ffffff;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: -35px;
	padding: 11px;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
	opacity: 0;
}

.iban-calculator .input.focus .js_clear-iban,
.iban-calculator .input input:focus ~ .js_clear-iban {
	opacity: 1;
}

.iban-calculator .input.focus .js_clear-iban:hover,
.iban-calculator .input input:focus ~ .js_clear-iban:hover {
	cursor: pointer;
	opacity: .4;
}

.notes-section {
	padding: 30px 15px;
	font-size: 13px;
	line-height: 1.55;
	color: #687177;
	text-align: left;
}

.notes-section li {
	margin-bottom: 20px;
	padding-left: 20px;
}

.loan-calc-section.faq-section {
	padding-bottom: 0;
	text-align: center;
}

.notes-section h6 {
	font-size: 14px;
	font-weight: 900;
	color: #000000;
}

.tooltip {
	position: relative;
}

.tooltip .icon-notification-circle {
	font-size: 17px;
	color: #fdb728;
}

.tooltip-content {
	font-size: 12px;
	color: #687177;
	background: #f2e9cc;
	padding: 15px;
	opacity: 0;
	visibility: hidden;
	bottom: 0;
	margin-bottom: 34px;
	min-width: 180px;
	border-bottom: 2px solid transparent;
	line-height: 1.4;
	letter-spacing: .05em;
}

.tooltip-content,
.tooltip-content:after {
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.tooltip-content:after {
	content: '';
	border-top: 5px solid #fdb728;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	bottom: -7px;
}

.tooltip-trigger {
	display: inline-block;
	padding: 5px;
}

.tooltip-trigger:hover {
	cursor: pointer;
}

.tooltip.open .tooltip-content {
	opacity: 1;
	visibility: visible;
	border-bottom: 2px solid #fdb728;
}

.loan-form .tooltip {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 20px;
	z-index: 9;
}

.loan-form .row {
	margin-bottom: 30px;
}

.loan-form .field-container {
	background: #eceeee;
	border-radius: 5px;
	position: relative;
	padding: 8px 0;
	text-align: left;
	padding-left: 48px;
}

.loan-form .field {
	display: inline-block;
	vertical-align: middle;
	margin-right: 0;
	margin-bottom: 0;
	position: relative;
}

.loan-form .field.slider {
	width: calc(100% - 210px);
}

.loan-form .radiobox {
	display: inline-block;
	width: 26%;
	text-align: center;
	padding-bottom: 3px;
	padding-left: 4px;
	padding-top: 3px;
}

.loan-form .radiobox input[type="radio"] {
	visibility: initial;
}

.loan-form .radiobox input[type="radio"]:focus + label::before {
	outline: 2px solid #005a73;
	outline-offset: 2px;
}

@media screen and (-ms-high-contrast: active) {
	.loan-form .radiobox input[type="radio"]:focus + label::before {
			outline: 2px solid currentColor;
			outline-offset: 2px;
	}
}

.loan-form .field input {
	background: #ffffff;
}

.loan-form h4 {
	font-size: 14px;
	font-weight: 900;
	color: #2d3236;
	margin-bottom: 10px;
	text-align: left;
	padding-left: 30px;
}

.loan-form .radiobox label {
	font-size: 16px;
	color: #000000;
	min-height: 32px;
	display: inline-block;
	vertical-align: middle;
	padding-left: 40px;
	padding-top: 10px;
}

.loan-form input[type=radio] ~ label:before {
	position: absolute;
	left: 0;
	top: 3px;
}

.loan-form input[type=radio] ~ label:after {
	top: 12px;
}

.wrapper-4col {
	padding-left: 13.333333%;
	padding-right: 13.333333%;
}

.loan-results,
.loan-results .loan-result-box {
	width: 100%;
	float: left;
}

.loan-results .loan-result-box {
	background: #eceeee;
	border-radius: 4px;
	padding: 29px 24px 17px;
}

.loan-form .loan-results .field {
	max-width: inherit;
}

.loan-form .loan-results .field input {
	background: none;
	font-size: 21px;
	font-weight: 700;
	color: #0a6078;
	height: 20px;
	line-height: 20px;
	padding-left: 14px;
}

.loan-form .loan-results .field label {
	font-size: 14px;
	font-weight: normal;
}

.loan-result-box .col {
	padding-left: 30px;
	width: 50%;
	text-align: left;
	position: relative;
	margin-bottom: 14px;
}

.loan-form .loan-result-box .tooltip {
	right: auto;
	top: 10px;
	left: 0;
}

.loan-form .loan-result-box .row {
	margin-bottom: 0;
}

.loan-form .calc__additional-fields {
	visibility: hidden;
	opacity: 0;
	max-height: 0;
	margin-bottom: 0;
	transition: all .2s ease-in-out;
}

.loan-form .calc__additional-fields--visible {
	visibility: visible;
	opacity: 1;
	max-height: fit-content;
	margin-bottom: 30px;
	transition: all .5s ease-in-out;
}

.calc__car-additional-input-label {
	visibility: initial;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: 2px solid #fdb728;
	border-radius: 50%;
	width: 36px;
	height: 36px;
	line-height: 34px;
	text-align: center;
	background: #ffffff;
	opacity: 1;
	cursor: pointer;
}

.ui-state-default:focus, .ui-widget-content .ui-state-default:focus,
.ui-widget-header .ui-state-default:focus {
	outline: 2px solid #005a73;
	outline-offset: 2px;
} 

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	background: #ffffff;
	opacity: 1;
	cursor: pointer;
}

.ui-state-default:before {
	content: "\e93e";
	font-family: 'Linearicons';
	color: #fdb728;
	font-size: 19px;
	font-weight: bold;
}

.ui-widget-content {
	border: 0;
	background: #80b5bf;
}

.ui-slider-horizontal {
	height: 2px;
}

.ui-slider-horizontal .ui-slider-range-min {
	background: #096e82;
}

.ui-slider-horizontal .ui-slider-handle {
	top: -18px;
	margin-left: -18px;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
	outline: 0;
}

.loan-form .ui-slider-horizontal {
	max-width: 385px;
	overflow: visible;
}

.loan-form .ui-slider-horizontal:before {
	content: '';
	width: 100%;
	height: 5px;
	position: absolute;
	top: -5px;
	left: 0;
	background: url(../Media/ruler.png) repeat-x scroll;
}

.ui-slider-horizontal .ruler-corners:before,
.ui-slider-horizontal .ruler-corners:after {
	content: '';
	width: 2px;
	height: 10px;
	background: #005a73;
	position: absolute;
	top: -4px;
}

.ui-slider-horizontal .ruler-corners:before {
	left: 0;
}

.ui-slider-horizontal .ruler-corners:after {
	right: 0;
}

.loan-form .field.field-result {
	padding-left: 40px;
	max-width: 170px;
}

.loan-form .field.field-result .txt {
	font-size: 14px;
	color: #2d3236;
	position: absolute;
	left: 57%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: 1px;
}

.loan-form .field.field-result.loan-amount-result .txt {
	left: 60px;
	font-size: 18px;
	margin-top: 0;
}

.loan-form .field.field-result.loan-amount-result input {
	padding-left: 35px;
}

.loan-form {
	max-width: 670px;
	margin: 0 auto;
}

/* SEARCH */

.search-section {
	padding-bottom: 28px;
}

.search-section .intro {
	text-align: center;
	padding: 30px 50px 36px;
}

.search-section h2 {
	font-weight: 400;
	color: #000000;
	font-size: 37px;
	margin-bottom: 40px;
}

.search-section h2 span {
	margin-right: 10px;
	vertical-align: text-top;
	display: inline-block;
}

.search-section .intro p {
	font-size: 24px;
	font-weight: 300;
	color: #000000;
	margin-bottom: 0;
	letter-spacing: 0;
}

.search-section .intro b {
	font-size: 24px;
	color: #005a73;
}

.search-section .search-container {
	padding: 43px 0 82px;
	background-color: #f5f6f6;
	margin-bottom: -44px;
}

.search-section .search-container .search {
	display: block;
}

.search-section .search-container .search input {
	width: 100%;
}

.search .tabs-header-container {
	text-align: center;
	border-bottom: 1px solid #aebdc8;
	padding: 0 50px;
}

.search .tab-header {
	margin: 0;
	width: 100%;
}

.search .tab-header a,
.search .tab-header a:link,
.search .tab-header a:visited {
	display: block;
	color:rgba(0,0,0, .7);
	font-weight: normal;
	font-size: 15px;
	font-weight: 300;
	padding: 5px 0 24px;
}

.search .tab-header.active a,
.search .tab-header.active a:link,
.search .tab-header.active a:visited {
	color: #000000;
	font-weight: normal;
}

.search .tab-header a span {
	font-size: 15px;
}

.search.tab-container {
	margin-top: 0;
	padding: 0 22px;
	width: 100%;
}

.search .tab-content {
	position: static;
	opacity: 1;
	visibility: visible;
	display: none;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.search .tab-content.active {
	display: block;
}

.search-results {
	width: 100%;
	font-size: 18px;
	font-weight: 300;
	line-height: normal;
}

.search-results ol {
	margin: 65px 0;
	padding: 0 50px;
	counter-reset:li;
}

.search-results ol li {
	position: relative;
	padding-bottom: 34px;
	margin-bottom: 50px;
	font-size: 24px;
	color: #005a73;
	font-weight: normal;
	border-bottom: 1px solid #aebdc8;
	list-style:none;
	backface-visibility: hidden;
}

.search-results ol li:before {
	content:counter(li)'.';
	counter-increment:li;
	position: absolute;
	top: 0;
	right: 100%;
	margin-right: 5px;
	font-size: 26px;
	color: #005a73;
	font-weight: normal;
}

.search-results ol li.hidden {
	display: none;
}

.search-results .category {
	position: absolute;
	bottom: 100%;
	left: 0;
	color: #fdb728;
	font-size: 14px;
	font-weight: normal;
}

.search-results .category .tag {
	display: inline-block;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: .1em;
	padding: 0 10px;
	line-height: 17px;
	vertical-align: text-top;
	margin-left: 10px;
}

.search-results .category .tag.yellow {
	background-color: #fdb728;
}

.search-results .category .tag.blue {
	background-color: #5bafc7;
}

.search-results .category .tag.gray {
	background-color: #b0bbc3;
}

.search-results .category .tag.lightgray {
	background-color: #d0d0d0;
}

.search-results .category .tag.lightblue {
	background-color: #94d3da;
}

.search-results .title {
	letter-spacing: .02em;
	margin-bottom: 10px;
}

.search-results .title a,
.search-results .title a:link,
.search-results .title a:visited {
	font-size: 26px;
	color: #005a73;
	font-weight: normal;
}

.search-results .title a:hover {
	text-decoration: underline;
}

.search-results .title .date {
	display: inline-block;
	margin-left: 5px;
	font-size: 14px;
	color: #687177;
}

.search-results .details {
	font-size: 18px;
	font-weight: 300;
	color: var(--medium-grey);
	line-height: 1.22;
	letter-spacing: 0;
	backface-visibility: hidden;
}

.search-results .details a,
.search-results .details a:link,
.search-results .details a:visited {
	color: #fdb728;
}

.search-results .details a span {
	position: relative;
	display: inline-block;
	margin-left: 5px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.search-results .details a:hover span {
	-webkit-transform: translateX(5px);
	-moz-transform: translateX(5px);
	-ms-transform: translateX(5px);
	-o-transform: translateX(5px);
	transform: translateX(5px);
}

.search-results.no-results {
	padding: 40px 50px 100px;
}

.search-results.no-results h3 {
	font-size: 26px;
	color: #005a73;
	font-weight: normal;
	margin-bottom: 35px;
}

.search-results.no-results ul li {
	padding-left: 30px;
	position: relative;
	margin-bottom: 25px;
	font-size: 18px;
	color: var(--medium-grey);
	font-weight: 300;
}

.search-results.no-results ul li:before {
	content: '\e944';
	position: absolute;
	font-size: 18px;
	color: #2d3236;
	font-family: 'Linearicons';
	position: absolute;
	top: 0;
	left: 0;
}

.search-results.no-results a,
.search-results.no-results a:link,
.search-results.no-results a:visited {
	text-decoration: underline;
	color: var(--medium-grey);
}

.search-results.no-results a:hover {
	text-decoration: none;
}

.load-more {
	text-align: center;
}

.load-more a,
.load-more a:link,
.load-more a:visited {
	font-size: 12px;
	font-weight: normal;
	color: #979797;
}

.load-more a .icon-plus-circle {
	font-size: 40px;
	color: #fdb728;
	margin-top: 10px;
	display: block;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	backface-visibility: hidden;
}

.load-more a:hover .icon-plus-circle {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.search-section .owl-theme .owl-controls {
	margin-top: 0;
}

.search-section .owl-theme .owl-controls .owl-buttons div {
	background: none;
	color: #fdb728;
	font-size: 26px;
	opacity: 1;
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
}

.search-section .owl-theme .owl-controls .owl-buttons div.owl-prev {
	left: 0;
}

.search-section .owl-theme .owl-controls .owl-buttons div.owl-next {
	right: 0;
}

.search-section .owl-theme .owl-controls .owl-buttons div:hover {
	opacity: .8;
}

.search-section .owl-theme .owl-controls .owl-buttons div.disabled {
	display: none;
}


/*Home promo*/

.promo-slider .banner figure {
	height: 350px;
	background-position: top center;
}

.promo-slider .banner figure .wrapper {
	height: 100%;
	position: relative;
	max-width: 1040px;
}

.promo-slider .banner.playing figure .wrapper {
	display: none;
}

.promo-slider .banner.playing figure {
	height: auto;
}

.promo-slider .banner.playing #yt_video,
.fix {
	z-index: 9;
}

.promo-slider .banner.banner-text-left figcaption {
	width: 100%;
	padding-top: 0;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	backface-visibility: hidden;
}

.promo-slider .banner h2 {
	font-size: 44px;
	font-weight: 300;
	line-height: 1;
}

.promo-slider .banner p {
	font-size: 20px;
	font-weight: 300;
	line-height: normal;
}

.promo-slider .owl-theme .owl-controls {
	margin: 0;
	position: absolute;
	width: 1040px;
	max-width: 100%;
	height: 0;
	margin-top: -13px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.promo-slider .owl-theme .owl-controls .owl-buttons div {
	background: none;
	color: #005a73;
	font-size: 26px;
	opacity: 1;
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
}

.promo-slider .owl-theme .owl-controls .owl-buttons div.owl-prev {
	left: -83px;
}

.promo-slider .owl-theme .owl-controls .owl-buttons div.owl-next {
	right: -83px;
}

.promo-slider .owl-theme .owl-controls .owl-buttons div:hover {
	opacity: .8;
}

.promo-slider .tabs-header-container .owl-theme .owl-controls .owl-buttons div {
	color: #000000;
}

.promo-slider .close {
	position: absolute;
	top: 28px;
	left: 50%;
	margin-left: -13px;
	font-size: 26px;
	cursor: pointer;
	color:#005a73;
	z-index: 1;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.promo-slider .close:hover {
	opacity: .8;
}

/* Promo Inner */
.promo-inner .banner figure {
	height: 470px;
	background-position: top center;
}

.promo-inner .banner figure .wrapper {
	height: 100%;
	position: absolute;
	width: 946px;
	max-width: 100%;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.promo-inner .banner.banner-text-left figcaption {
	width: 100%;
	padding-top: 0;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.promo-inner .banner h2 {
	font-size: 55px;
	font-weight: 300;
	line-height: 1;
}

.promo-inner .banner p {
	font-size: 26px;
	font-weight: 300;
	line-height: normal;
}

.cards {
	list-style: none;
	margin: -20px 0 0;
	padding: 0 0 0 60px;
	position: relative;
	z-index: 1;
}

.cards li {
	display: inline-block;
	list-style: none;
	padding: 0;
	max-width: 33%;
	margin: 0 -10px;
}

.cards .card-item img {
	transition: 0.2s ease;
}

.cards .card-item:hover img {
	transform: translateY(-20px);
}

.amex {
	background: #fbfafa;
	padding-bottom: 70px;
	text-align: center;
}

.amex p {
	padding: 38px 0;
	margin-bottom: 17px;
	font-size: 18px;
	color: #605f5f;
	line-height: 1.38;
	letter-spacing: 0.02em;
}

.amex .promos li {
	display: inline-block;
	vertical-align: middle;
	padding: 0 96px; /*0 96px 0 50px*/
}

.amex .promos li:first-child {
	border-right: 1px solid #fdb728;
}

.amex .promos .title {
	font-size: 24px;
	color: #005972;
	margin-bottom: 17px;
	font-weight: 900;
	letter-spacing: 0;
}

.amex .promos .description {
	font-size: 18px;
	color: #605f5f;
	letter-spacing: 0.02em;
	line-height: 1.44;
}

.amex .promos .title > span {
	display: inline-block;
	vertical-align: bottom;
	line-height: 1;
}

.amex .promos .title > span:first-child {
	font-size: 50px;
	color: #fdb728;
	vertical-align: text-bottom;
}

.amex .promos .title .icon-store {
	transform: translateY(-3px);
}

.amex .promos .title .up {
	display: block;
	font-size: 16px;
	line-height: 1;
	transform: translate(2px, 2px);
}

.amex .promos .title .number {
	font-size: 40px;
	letter-spacing: -0.1em;
	text-align: left;
}

.how-section {
	padding-top: 86px;
	background-color: #f1f4f5;
	margin-bottom: 40px;
}

.how-section h4 {
	font-size: 36px;
	font-weight: 300;
	color: #005972;
	margin-bottom: 70px;
	text-align: center;
}

.how-section ul {
	margin-bottom: 82px;
}

.how-section ul li {
	margin-bottom: 30px;
}

.how-section ul li span {
	display: inline-block;
	vertical-align: middle;
}

.how-section ul li .text {
	padding: 0 60px;
	font-size: 16px;
	color: #605f5f;
	line-height: 1.5625;
	max-width: calc(100% - 90px);
}

.how-section .notification.announcement {
	background: #fef6e6;
}

.how-section .notification p {
	color:#605f5f;
}

.contact-section {
	padding: 80px 0;
}

.contact-section.contact .row {
	padding: 35px 0 12px;
}

.contact-section.contact .row:last-child {
	padding: 0;
	margin: 0;
	text-align: center;
}

.subscribe {
	text-align: center;
}

.subscribe h4 {
	font-size: 36px;
	font-weight: 300;
	color: #005972;
	margin-bottom: 45px;
}

.subscribe p {
	font-size: 18px;
	color: #605f5f;
	margin-bottom: 5px;
	letter-spacing: .02em;
	line-height: 1.38;
}

.logos-section {
	text-align: center;
	padding: 58px 0;
	background: #fbfafa;
}

.logos-section p {
	font-size: 18px;
	color: #605f5f;
	margin-bottom: 20px;
	letter-spacing: .02em;
	line-height: 1.38;
}

.logos-section a {
	display: inline-block;
	vertical-align: middle;
	margin:0 20px;
}

.logos-section .logos span:nth-child(2) {
	animation-delay: 0.1s;
}

.logos-section .logos span:nth-child(3) {
	animation-delay: 0.2s;
}

.logos-section .logos span:nth-child(4) {
	animation-delay: 0.3s;
}

.logos-section .logos span:nth-child(5) {
	animation-delay: 0.4s;
}

.logos-section .logos span:nth-child(6) {
	animation-delay: 0.5s;
}

.links-section {
    padding: 54px 0 80px;
    background-color: #e7f2f4;
}

.links-section ul li {
	border-bottom: 1px solid #aebdc8;
}

.links-section a,
.links-section a:link,
.links-section a:visited {
	font-size: 18px;
	font-weight: 300;
	color: var(--medium-grey);
	line-height: 1.22;
	padding: 24px 5px;
	display: block;
	transition: all .2s ease;
}

.links-section a span {
	font-size: 22px;
	line-height: 1;
	color: #005a73;
	margin-right: 10px;
	vertical-align: text-top;
	transition: all .2s ease;
}

.links-section ul li a:hover {
	background: #005a73;
	padding-left: 10px;
	color: #fff;
}

.links-section ul li a:hover span {
	color: #fff;
	transform: scale(1.25);
}

/*Promo video*/

.promo-inner.video .banner figure {
	height: 300px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.promo-inner.video.playing .banner figure {
	height: auto;
}

.intro.video {
	padding-bottom: 120px;
}

.intro.video h2 {
	text-align: center;
	font-size: 55px;
	font-weight: 300;
	line-height: 1;
	margin-top: 48px;
}

.intro.video p {
	font-size: 26px;
	font-weight: 300;
	line-height: normal;
	text-align: center;
}

.playVid {
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	/*-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);*/
	margin-top: -40.5px;
	margin-left: -40.5px;
	backface-visibility: hidden;
}

button.playVid {
	background: transparent;
	border: none;
}

.playVid .playicon {
	display: block;
	width: 81px;
	height: 81px;
	border-radius: 50%;
	background: #fdb728 url(../Media/play_black.png) center center no-repeat;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	backface-visibility: hidden;
}

.playVid .text {
	font-size: 14px;
	color: #000000;
	letter-spacing: .02em;
	display: block;
	margin-top: 10px;
	position: absolute;
	top: 100%;
	left: 50%;
	white-space: nowrap;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	backface-visibility: hidden;
}

.playVid:hover .playicon {
	opacity: .8;
}

.promo-slider .playVid .playicon,
.cards-section .playVid .playicon {
	background-position: 55% 50%;
}

.promo-slider .playVid:hover .playicon,
.cards-section .playVid:hover .playicon {
	background-color: #fdb728;
	opacity: 1;
}
.promo-slider .playVid:active .playicon,
.cards-section .playVid:active .playicon {
	background-color: #ec9f00;
}

.playVid.lg_hidden {
	position: relative;
	top: auto;
	left: auto;
	/*-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-ms-transform: translate(0,0);
	-o-transform: translate(0,0);
	transform: translate(0,0);*/
	margin-top: 0;
	margin-left: 20px;
	vertical-align: middle;
}

.playVid.lg_hidden .playicon {
	width: 38px;
	height: 38px;
	background-size: 50% 50%;
}

.promo-inner #yt_video {
	position: relative;
	width:100%;
	height: 0;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	overflow: hidden;
}

.promo-inner.playing #yt_video {
	padding-bottom: 56.25%;
}

.promo-inner #yt_video iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.promo-inner.video .closeVid {
	position: absolute;
	top: 32px;
	right: 32px;
	font-size: 36px;
	color: #fdb728;
	z-index: 10;
	cursor: pointer;
	visibility: hidden;
	left: auto;
	font-size: 36px;
	margin-left: 0;
}

.promo-inner.video.playing .closeVid {
	visibility: visible;
}

button.closeVid {
	background: transparent;
	border: none;
}

.promo-slider .playVid .playicon {
	border: 2px solid #fdb728;
	background-color: transparent;
}

.promo-slider .fix .owl-item:not(.active) {
	height: 1px;
}

/* CARDS */

.info-box.yellow {
	background-color: #f7ebc3;
	padding: 28px 0
}

.info-box.yellow ul li {
	margin: 0;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.info-box.yellow ul li a:hover i {
	margin-right: 5px;
	transition: all .2s ease;
}

.info-box.yellow ul li:hover {
	background-color: #f7f4e5;
}

.info-box.yellow ul li a {
	font-weight: 900;
	font-size: 14px;
	padding: 15px 30px;
	display: block;
}

.info-box.yellow ul li:hover a .icon-arrow-right {
	margin-right: 10px;
}

/*.info-box.yellow ul li:not(:last-child) {
	margin-bottom: 25px;
}*/

.ebank-section.cards-section .item .description .item-intro {
	padding-bottom: 25px;
	font-size: 16px;
}

.ebank-section.cards-section .first .item .description .btn,
.ebank-section.cards-section .second .item .description .btn {
	position: relative;
}

.ebank-section.cards-section {
	margin-bottom: 0;
}

.pTop {
	padding-top: 52px;
	padding-bottom: 20px;
}

.ebank-section .heros-list .banner,
.ebank-section .heros-list .banner figure {
	height: 17.36vw;
	min-height: 250px;
	position: relative;
	background-position: right center;
}

.heros-list .banner.banner-text-left figcaption {
	padding: 0 40px;
	max-width: 445px;
	z-index: 1;
}

.ebank-section .heros-list .banner figure:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ebank-section .heros-list .banner.blue figure:after {
	background: -moz-linear-gradient(left,  rgba(45,97,110,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(45,97,110,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right,  rgba(45,97,110,1) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d616e', endColorstr='#00ffffff',GradientType=1 );

}

.ebank-section .heros-list .banner.yellow figure:after {
	background: -moz-linear-gradient(left,  rgba(196,150,62,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(196,150,62,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right,  rgba(196,150,62,1) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4963e', endColorstr='#00ffffff',GradientType=1 );
}

.ebank-section .heros-list .banner.grey figure:after {
	background: -moz-linear-gradient(left,  rgba(114,115,115,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(114,115,115,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right,  rgba(114,115,115,1) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727373', endColorstr='#00ffffff',GradientType=1 );
}

.ebank-section .heros-list .banner.purple figure:after {
	background: -moz-linear-gradient(left,  rgba(67,57,78,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(67,57,78,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right,  rgba(67,57,78,1) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43394e', endColorstr='#00ffffff',GradientType=1 );
}

.ebank-section .heros-list h2 {
	font-size: 40px;
	font-weight: bold;
}

.info-box.white .btn.btn-border-orange,
.info-box.white p {
	color: #ffffff;
}

.info-box.white h3 {
	color: #ffffff;
	font-size: 36px;
	font-weight: bold;
	margin-top: 8px;
}

.info-box.purple {
	padding: 14px 27px 22px;
	background: url(../Files/banners/cards_bg.png) repeat-x;
	background-size: cover;
}

.heros-list-video-banner {
	animation-delay: 0.2s;
}

.heros-list .playVid {
	z-index: 1;
}

.heros-list .playVid .playicon {
	border: 2px solid #fdb728;
	background-color: transparent;
	background-image: url(../Media/play_white.png);
}

.heros-list .playVid:hover .playicon {
	background-color: #fdb728;
}

.heros-list #yt_video {
	position: relative;
	width: 100%;
	height: 0;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	overflow: hidden;
}

.heros-list #yt_video iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.heros-list .playing #yt_video {
	padding-bottom: 56.25%;
}

.heros-list .banner.playing figure {
	background-image: none!important;
}

.heros-list .video .closeVid {
	position: absolute;
	top: 32px;
	right: 32px;
	font-size: 36px;
	color: #fdb728;
	z-index: 10;
	cursor: pointer;
	display: none;
	left: auto;
	font-size: 36px;
	margin-left: 0;
}

.heros-list .video.playing .closeVid {
	display: block;
}

.ebank-section .heros-list .banner.playing,
.ebank-section .heros-list .banner.playing figure {
	height: auto;
}

.card-section {
	margin-top: 112px;
	padding: 65px 0;
	position: relative;
	background-color: #f7f7f7;
}

.card-section:not(:first-child) {
	margin-top: 145px;
}

.card-section .card-title {
	position: absolute;
	left: auto;
	bottom: 100%;
	padding-left: 50px;
	padding-right: 20px;
	max-width: 50%;
}

.card-section .card-title h2 {
	font-size: 36px;
	font-weight: 300;
	color: #005a73;
	margin-bottom: 0;
}

.card-section .card-title p {
	font-size: 21px;
	font-weight: 300;
	color: var(--medium-grey);
	margin-bottom: 10px;
	letter-spacing: 0;
}

.card-section .cards {
	position: absolute;
	left: 50%;
	bottom: 100%;
	padding: 0;
	margin: 0 0 -25px;
	text-align: right;
	width: 504px;
	max-width: 50%;
}

.card-section .cards li {
	margin: 0 -2px;
	padding: 0 10px;
	max-width: inherit;
	width: 33.33%;
}

.card-section .cards li:nth-child(2) {
	animation-delay: 0.2s;
}

.card-section .cards li:nth-child(3) {
	animation-delay: 0.4s;
}

.card-section .cards li img {
	width: 100%;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	-ms-interpolation-mode: nearest-neighbor;
}

.card-section  h3.col-title {
	color: #005a73;
	font-size: 18px;
	font-weight: 900;
	border-bottom: 1px solid #005a73;
	margin-bottom: 30px;
	padding-bottom: 10px;
}

.card-section .col_12 {
	padding: 0 40px;
	text-align: center;
}

.card-section .col_6 {
	padding: 0 0 0 40px;
	text-align: center;
}

.card-section .col ul li {
	font-size: 16px;
	color: var(--medium-grey);
	line-height: 1.4;
	-webkit-flex: 1;
	-ms-flex: 1;
	display: flex;
	margin-bottom: 20px;
	text-align: left;
	align-items: flex-start;
}

.card-section .col ul li i {
	font-size: 16px;
	color: #005a73;
	display: inline-block;
	margin-right: 20px;
	line-height: 1.4;
}

.card-section .col ul li span {
	display: inline-block;
}

.card-section .subscription {
	display: block;
	font-size: 16px;
	color: var(--medium-grey);
}

.card-section .cf {
	clear: both;
	text-align: right;
	margin-bottom: -30px;
	margin-right: -20px;
}

.ebank-section.wbg {
	background-color: #ffffff;
}

.small-banners {
	overflow: hidden;
}

.small-banner {
	float: left;
	width: 50%;
}


/* CONTACT BOC */
.contact-boc {
	background-color: #f7fafc;
}
.hero-contact-boc .banner figure {
	height: 249px;
}

.contact-boc .contact.intro {
	padding-bottom: 70px;
}

.contact-boc .contact.intro p {
	max-width: 960px;
	margin: 0 auto
}

.colWrap {
	margin-top: 52px;
	text-align: left;
}

.col_push_1 {
	margin-left: 3.3333333%;
}

.colWrap .col {
	padding-right: 70px;
}

.contact-boc .colWrap .title {
	display: block;
	padding-bottom: 10px;
	color: #005972;
	font-size: 14px;
	font-weight: 900;
	line-height: 26px;
}

.contact-boc .colWrap .title .icon {
	font-size: 26px;
	color: #fdb728;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

.contact-boc .colWrap .title .text {
	display: inline-block;
	vertical-align: middle;
}

.contact-boc .colWrap .description {
	font-size: 13px;
	line-height: 16px;
	color: #605f5f;
	font-weight: 400;
	letter-spacing: 0;
}

.contact-boc .colWrap .description i {
	margin-left: 5px;
	display: inline-block;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.contact-boc .colWrap a:hover .description i {
	-webkit-transform: translateX(5px);
	-moz-transform: translateX(5px);
	-ms-transform: translateX(5px);
	-o-transform: translateX(5px);
	transform: translateX(5px);
}

.contact-boc .colWrap ul li .phone {
	display: block;
	font-size: 25px;
	line-height: normal;
}

.contact-boc .colWrap ul li a.phone {
	color: #605f5f;
}

.contact-boc .colWrap ul li {
	font-size: 13px;
	color: #605f5f;
	margin-bottom: 18px;
}

.contact-boc .colWrap ul li:last-child {
	margin-bottom: 0;
}

.contact-boc.contact .contact-info {
	float: left;
	width: 100%;
}

.contact-boc.contact .contact-info .row {
	padding: 0;
	margin-bottom: 0;
}

.contact-boc.contact .select-box .selected {
	font-size: 15px;
	height: 36px;
	line-height: 36px;
}

.contact-boc.contact .select-box li {
	line-height: 1.4;
}

.contact-boc.contact .field.checkboxes {
	margin-bottom: 20px;
}

.contact .field.col_6:not(.full):nth-of-type(even) {
	width: calc(25% - 12px);
}

.contact .row.noPad {
	padding: 0;
	border-top: 0;
}

.contact-boc input[type=checkbox] ~ label:after {
	color: #005a73;
	font-size: 18px;
	margin-top: -10px;
}

.info-box.yellow-two {
	background-color: #f7ebc3;
}

.info-box.yellow-two .subtitle {
	margin-bottom: 12px;
}

.contact-boc .info-box .info-title,
.contact-boc .info-box .subtitle {
	color: #000000;
}

.contact-boc .subtitle {
	font-size: 14px;
	line-height: 1.2;
	color: #605f5f;
	margin-top: 20px;
}

/*HOME CORP*/

.promo-section {
	padding: 70px 0;
	background-color: #f6f6f7;
}

.promo-section h2 {
	font-size: 37px;
	color: #005a73;
	line-height: 1.2;
	margin-bottom: 15px;
	text-align: center;
	letter-spacing: -.025em;
}

.promo-section p {
	font-size: 16px;
	color: #000000;
	line-height: 1.375;
	margin-bottom: 40px;
	text-align: center;
	padding: 0 40px;
}

.philosophy {
	padding: 0 22px;
}

.philosophy img,
.philosophy figcaption {
	display: inline-block;
	vertical-align: middle;
	margin: 0 -2px;
}

.philosophy figcaption {
	padding-left: 80px;
}

.philosophy h3 {
	font-size: 36px;
	font-weight: 300;
	color: #005a73;
	margin-bottom: 20px;
}

.philosophy li {
	font-size: 14px;
	color: #000000;
	line-height: 1.42;
}

.philosophy li:not(:last-child) {
	margin-bottom: 20px;
}

.philosophy li b {
	display: block;
	color: #005a73;
	font-size: 26px;
	line-height: normal;
	letter-spacing: -.025em;
}

/*Documents Boc*/

.faq-section.documents-boc .side-panel .side-index {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #000000;
}

.boc-banner, .boc-banner figure {
	height: 250px!important;
}

.boc-banner.promo-banner-block, .boc-banner.promo-banner-block figure {
	min-height: 250px;
	height: auto!important;
	position: relative;
}

@media (max-width: 767px) {
	.boc-banner.promo-banner-block, .boc-banner.promo-banner-block figure {
		height: 570px!important;
	}
}

.documents-boc.faq-section .tab-content .tab-title {
	padding-bottom: 0;
	line-height: normal;
}

.documents-boc .dynamic-content .links-list ul li a .date {
	display: block;
	color: #000000;
	font-weight: normal;
	line-height: 1.6;
	font-size: 12px;
	margin: 0;
	letter-spacing: 0;
}

.documents-boc .dynamic-content .select-box {
	margin-top: 20px;
	margin-left: -18px;
}

.dynamic-content .select-box ul li {
	margin-bottom: 10px;
}

.documents-boc .select-box .selected {
	height: 36px;
	line-height: 36px;
	font-size: 15px;
}

.dynamic-content .info-box ul li {
	margin-bottom: 0;
}

.documents-boc .sec-tab {
	min-height: 150px;
}

/* Currency */

.currency-section .intro {
	text-align: center;
	padding-top: 60px;
	padding-bottom: 10px;
}

.currency-section h2 {
	font-weight: 400;
	color: #000000;
	font-size: 37px;
}

.currency-section h2 span {
	margin-right: 10px;
	vertical-align: text-top;
	display: inline-block;
}

.currency-calculator {
	padding: 30px 0;
	background: #eaf2f5;
	margin-bottom: 82px;
	text-align: center;
}

.currency-calculator h4 {
	font-size: 14px;
	font-weight: 900;
	letter-spacing: 0.02em;
	margin-bottom: 15px;
	color: #005a73;
}

.convert {
	display: inline-block;
	vertical-align: middle;
	background-color: #ffffff;
	border-radius: 5px;
	width: 376px;
	text-align: left;
	max-width: 42%;
}

.convert .select-box,
.convert .amount {
	display: inline-block;
	vertical-align: middle;
	width: 50%;
	margin: 0 -2px;
}

.convert input {
	display: inline-block;
	border:0;
	background: none;
	vertical-align: middle;
	text-align: right;
	font-size: 18px;
	width: 100%;
	margin: 0;
	color: #000000;
}

.swap {
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
	font-size: 26px;
	color: #005a73;
	width: 44px;
	height: 44px;
	line-height: 50px;
	border-radius: 50%;
	background-color: #d2e3e8;
	text-align: center;
	cursor: pointer;
	transition: all .3s ease;
}

.swap:hover {
	background-color:  #005a73;
	color: #d2e3e8;
}

.select-box.currency {
	text-align: left;
	border-right: 2px solid #eaf2f5;
}

.select-box.currency .selected {
	background: #ffffff;
	height: auto;
	line-height: normal;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.select-box.currency .selected span {
	display: block;
	color: #000000;
	font-size: 12px;
	letter-spacing: 0;
}

.select-box.currency .selected .symbol {
	font-size: 18px;
	line-height: 1;
}

.select-box.currency ul {
	background-color: #ffffff;
	box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.06);
}

.select-box.currency ul li:not(:last-child) {
	margin-bottom: 10px;
}

.select-box.currency ul .symbol_text {
	display: block;
	font-size: 12px;
}

.select-box.open.currency .selected:before {
	opacity: 0;
	visibility: hidden;
}

.convert .amount {
	background: #ffffff;
	border-radius: 0 30px 30px 0;
	padding-right: 16%;
}

.main-table {
	width: 100%;
	margin-bottom: 46px;
}

.main-table thead {
	background-color: #f3edda;
	text-align: center;
}

.table-header {
	margin: 70px auto 0;
	width: 1100px;
	max-width: 100%;
	table-layout: fixed;
	font-size: 14px;
	font-weight: 900;
	color: #000000;
}

.table-row {
	border-top: 1px solid #d6d6d6;
}

.table-row:last-of-type {
	border-bottom: 1px solid #d6d6d6;
}

.table-row .center {
	margin: 0 auto;
	width: 1100px;
	max-width: 100%;
	table-layout: fixed;

}

.table-header table,
.table-row .center table {
	width: 100%;
	table-layout: fixed;
	margin-bottom: 0;
}

thead .table-header td {
	vertical-align: middle;
}

.table-header td.btm {
	height: 80px;
}

.brdright {
	border-right: 1px solid #fad552;
}

.table-header .small {
	font-size: 13px;
	font-weight: normal;
}

.table-row .center > tbody > tr > td {
	height: 69px;
	color: #687177;
	font-size: 13px;
	vertical-align: middle;
}

.currencySymbol {
	display: inline-block;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background-color: #f7aa3c;
	color: #ffffff;
	font-size: 17px;
	line-height: 38px;
	margin-right: 22px;
	font-weight: bold;
	text-align: center;
}

.table-row .center > tbody > tr > td b {
	color:#000000;
	font-weight: bold;
}

.table-row .center > tbody > tr > td:first-child {
	text-align: left;
	padding-left: 6.666666%;
	/*padding-right: 6.666666%;*/
}

.note-section {
	padding-bottom: 60px;
}

.note-section h3 {
	font-size: 14px;
	color: #000000;
	font-weight: 900;
	letter-spacing: .02em;
	margin-bottom: 20px;
}

.note-section p {
	font-size: 13px;
	color: #687177;
	font-weight: normal;
	letter-spacing: .05em;
	margin-bottom: 0;
	line-height: 1.53;
}

.secondary .table-row .center > tbody > tr > td {
	height: 31px;
}

.secondary .table-row {
	border-color: #f0f6f7;
}

.main-table tr:nth-of-type(even) .table-row {
	background-color: #f7f7f7;
}

.secondary .main-table tr:nth-of-type(odd) .table-row {
	background-color: #f7f7f7;
}

.secondary .main-table tr:nth-of-type(even) .table-row {
	background-color: #ffffff;
}

.ulitem ul {
	padding-left: 20px;
}
.ulitem ul li {
	padding: 0;
	margin: 0 0 20px 0;
	list-style-type: circle;
}
.generaltitle {
	margin-bottom: 40px;
}

/*------------------------------------------------------------------------------------*/
/*----------------------------------- Prothesmiakoi ----------------------------------*/
/*------------------------------------------------------------------------------------*/

.proth-section {
	background-color: #f7fafc;
}

.proth-section .banner,
.proth-section .banner figure {
	height: 500px;
	background-position: top center;
}

.proth-section .banner.banner-text-center figcaption {
	position: absolute;
	top:50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	backface-visibility: hidden;
	width: 70%;
	text-align: center;
	margin: auto;
	left: 0;
	right: 0;
}

.proth-section .heros-list .banner,
.proth-section .heros-list .banner figure {
	height: 17.36vw;
	min-height: 250px;
	position: relative;
	background-position: right center;
}

.proth-section .heros-list .banner figure:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.proth-section .heros-list .banner.blue figure:after {
	background: -moz-linear-gradient(left,  rgba(45,97,110,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(45,97,110,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right,  rgba(45,97,110,1) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d616e', endColorstr='#00ffffff',GradientType=1 );

}

.proth-section .heros-list .banner.yellow figure:after {
	background: -moz-linear-gradient(left,  rgba(196,150,62,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(196,150,62,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right,  rgba(196,150,62,1) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4963e', endColorstr='#00ffffff',GradientType=1 );
}

.proth-section .heros-list .banner.grey figure:after {
	background: -moz-linear-gradient(left,  rgba(114,115,115,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(114,115,115,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right,  rgba(114,115,115,1) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727373', endColorstr='#00ffffff',GradientType=1 );
}

.proth-section .heros-list .banner.purple figure:after {
	background: -moz-linear-gradient(left,  rgba(67,57,78,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(67,57,78,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right,  rgba(67,57,78,1) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43394e', endColorstr='#00ffffff',GradientType=1 );
}

.proth-section .heros-list h2 {
	font-size: 40px;
	font-weight: 400;
}

.proth-table .proth-row {
	padding: 40px 0 30px;
}

.proth-table .proth-row .title {
	display: block;
	color: #005a73;
	font-size: 20px;
	font-weight: 700;
	line-height: 12px;
}
.proth-table .proth-row .description {
	display: block;
	color: #828a90;
	font-size: 12px;
	font-weight: 400;
	line-height: 22px;
	margin: 20px 0;
}

.proth-row .inner-table {
	padding-left: 30px;
}

.proth-row .inner-table .row {
	text-align: center;
}

.proth-row .inner-table .row:first-child {
	border-bottom: 1px solid #dedcd2
}

.proth-row .inner-table .row .col {
	width: 50%;
	padding: 10px 0 16px;
}

.proth-row .inner-table .row .col:first-child {
	border-right: 1px solid #dedcd2
}

.proth-row .inner-table .row .col .col-uppertitle {
	color: #828a90;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	max-height: 22px;
	margin-bottom: 10px;
}

.proth-row .inner-table .row .col .col-title {
	color: #fdb728;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	max-height: 22px;
	padding: 0 20px;
}

.proth-row.yellow .inner-table .row .col .col-title {
	color: #fdb728;
}

.proth-row.blue .inner-table .row .col .col-title {
	color: #005a73;
}

.proth-table .proth-row.yellow {
	background-color: #f8f9fa;
}

.proth-table .proth-row.blue {
	background-color: #eceeee;
}

.proth-table .proth-row .btn.desktop {
	display: inline-block;
}

.proth-table .proth-row .btn.mobile {
	display: none;
}

/* search */
.search-pr .field input {
	height: 44px;
	line-height: 44px;
}

.search-pr .field input::placeholder {
	color: #505050;
}

.ui-widget-content {
	background: #dbdddd;
	border: 0 !important;
	border-radius: 5px;
	overflow: hidden;
}

.ui-menu .ui-menu-item > div {
	padding: 10px 12px;
	font-size: 15px;
}

.ui-menu .ui-menu-item .ui-state-active {
	background: #cacaca !important;
	color: #000;
	border: 0;
	margin: 0;
}

.two-box-wrap {
	max-width: 1200px;
	padding: 20px 20px 40px;
	margin: 0 auto;
	width: 100%;
	font-size: 0;
	text-align: center;
}

.box-item {
	display: inline-block;
	min-height: 275px;
	max-width: 49%;
	width: 100%;
	position: relative;
}
.box-item:not(:last-child) {
	margin-right: 2%;
}

.box-item .video-item {
	height: 275px;
	margin-bottom: 0;
}

.box-item-img {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.box-item-text-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(19, 18, 18, 0.37);
	width: 100%;
	text-align: left;
	transition: 0.3s ease;
}

.box-item .box-item-link {
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	line-height: 33px;
	display: block;
	padding: 10px 35px;
	transition: 0.3s ease;
}

.box-item-text-wrap:hover {
	background-color: rgba(255, 255, 255, 0.7);
}

.box-item-text-wrap:hover .box-item-link {
	color: #005a73;
}

.three-box-title {
	/* color: #343F4B;
	display: block;
	font-size: 24px;
	font-weight: 700;
	line-height: 33px; */
	padding: 0 20px;
	margin-bottom: 15px;
	transition: 0.3s ease;
	color: #005a73;
	font-size: 21px;
	font-weight: 300;
	line-height: 28px;
	letter-spacing: 0;
}

a.three-box-title,
a.three-box-title:visited {
	color: #005a73;
}

.three-box-text {
	/* color: #8190a5;
	font-size: 16px;
	line-height: 24px;
	padding: 0 20px; */
	color: #605f5f;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0;
	padding: 0 20px;
}

.box-btn {
	color: #444;
	font-size: 18px;
	background-color: #fdb728;
	border-radius: 5px;
	padding: 10px 15px;
	transition: 0.3s ease;
	position: absolute;
	bottom: 0;
	/*left: 25px;*/
}

.box-btn:hover,
.box-btn:focus {
	color: #444;
	box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
}

.box-btn:hover {
	background-color: #fdb728;
}
.box-btn:active {
	background-color: #ec9f00;
}

.box-btn:visited {
	color: #444;
}

.box-btn-color-orange {
	background-color: #fdb728;
}
.box-btn-color-orange:hover,
.box-btn-color-orange:active {
	background-color: #ec9f00;
}

.box-btn-color-blue {
	background-color: #005a73;
	color: #fff !important;
}
.box-btn-color-blue:hover,
.box-btn-color-blue:active {
	background-color: #003c4c;
	color: #fff !important;
}

.box-btn-color-gray {
	background-color: #a7a9ac;
	color: #fff !important;
}
.box-btn-color-gray:hover,
.box-btn-color-gray:active {
	background-color: #828384;
	color: #fff !important;
}

.box-btn-with-image {
	position: relative;
	padding-left: 56px;
}

.box-btn-with-image img {
	position: absolute;
	top: 5px;
	left: 10px;
	max-width: 40px;
	width: auto;
	max-height: 32px;
	height: auto;
}

.three-box-wrap {
	display: flex;
	max-width: 1240px;
	padding: 20px 20px 40px;
	margin: 0 auto;
	width: 100%;
	justify-content: center;
}

.three-box-wrap .current-accounts-item  {
	border-radius: 8px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
	padding-bottom: 80px;
}


.three-box-wrap .current-accounts-item .box-btn {
	color: #444;
	border-radius: 6px;
	position: absolute;
	bottom: 20px;
	right: 20px;
	padding: 14px 24px;
	font-size: 16px;
}

.three-box-image-container {
	overflow: hidden;
	margin-bottom: 20px;
}

.three-box-item-image {
	position: relative;
	padding-bottom: 56%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	transition: 0.3s ease;
}

.three-box-wrap .current-accounts-item:hover .three-box-item-image {
	transform: rotate(5deg) scale(1.15);
}

.three-box-wrap .current-accounts-item:hover .box-btn {
	box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
}

.three-box-item {
	display: inline-block;
	padding: 0 25px;
	position: relative;
	padding-bottom: 50px;
	margin-bottom: 40px;
}

.three-box-item:nth-child(2) {
	animation-delay: 0.1s;
}

.three-box-item:nth-child(3) {
	animation-delay: 0.2s;
}

/* Banner with buttons */
.banner-with-btns {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	width: 100%;
}

.banner-buttons-wrap {
	width: 100%;
	max-width: 1200px;
	padding-left: 6.666666%;
	padding-right: 6.666666%;
	margin: 0 auto;
}

.banner-buttons-content {
	background-color: rgba(255, 255, 255, 0.8);
	max-width: 600px;
	display: inline-block;
	padding: 40px 60px;
	margin-top: 30px;
	margin-bottom: 65px;
}

.banner-buttons-title {
	color: #343F4B;
	font-size: 41px;
	font-weight: bold;
	line-height: 53px;
	text-align: left;
}

.banner-btn-item {
	display: inline-block;
}

.banner-with-btns .hi-icon-wrap {
	text-align: left;
	padding: 30px 0;
	white-space: unset;
}

.banner-with-btns .filter_button {
	text-align: center;
}

.filter_button:nth-child(2) {
	animation-delay: 0.1s;
}
.filter_button:nth-child(3) {
	animation-delay: 0.2s;
}
.filter_button:nth-child(4) {
	animation-delay: 0.3s;
}
.filter_button:nth-child(5) {
	animation-delay: 0.4s;
}
.filter_button:nth-child(6) {
	animation-delay: 0.5s;
}
.filter_button:nth-child(7) {
	animation-delay: 0.6s;
}
.filter_button:nth-child(8) {
	animation-delay: 0.7s;
}

.current-accounts {
	max-width: 1200px;
	padding: 20px 20px 40px;
	margin: 30px auto;
	width: 100%;
}

.current-accounts-items-wrap {
	display: flex;
	justify-content: space-between;
	margin: 0 -20px;
}

.current-accounts-item {
	position: relative;
	max-width: 47%;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
	padding-bottom: 62px;
}

.current-accounts-item.has-icon {
	box-shadow: none;
	padding: 20px 0 40px;
}

.current-accounts-item.has-icon .current-accounts-image-wrap {
	width: 120px;
	height: 120px;
	margin: 0 auto -58px;
	border-radius: 50%;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
	background-color: #fff;
	transition: 0.3s ease;
}

.current-accounts-item.has-icon .current-accounts-image-wrap:before {
	width: 100%;
	height: 100%;
	background-color: #fff;
	transform: translate(-50%, -50%) scale(0.3);
	opacity: 0;
	top: 50%;
	left: 50%;
	border-radius: 50%;
}

.current-accounts-item.has-link .current-accounts-image-wrap:hover {
	background-color: #005a73;
	transform: translateY(-10px);
}

.current-accounts-item.has-icon .current-accounts-image-wrap:hover:before {
	transform: translate(-50%, -50%) scale(0.9);
	opacity: 1;
}

.current-accounts-item.has-link .current-accounts-image-wrap:hover .current-account-icon {
	color: #fff;
}

.current-accounts-item.has-icon .current-accounts-item-description {
	text-align: center;
	padding-top: 108px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
	background-color: #fff;
	border-radius: 5px;
	margin: 0 20px;
	padding-bottom: 60px;
}

.owl-init-done .current-accounts-item.has-icon .current-accounts-item-description {
	height: calc(100% - 64px);
}

.current-accounts-item.has-icon .current-accounts-item-description ul {
	padding-bottom: 20px;
	display: inline-block;
}

.current-accounts-item.has-icon .current-accounts-item-description ul li {
	text-align: left;
}

.current-accounts-item.has-icon .box-btn-bottom {
	bottom: 60px;
	padding: 0 20px;
	text-align: right;
}

.current-accounts-item.has-icon .box-btn-bottom .box-btn {
	transform: none;
	opacity: 1;
	border-radius: 5px;
}

.current-accounts-item.has-icon .current-accounts-overlay-link {
	display: none;
}

.current-accounts-item.has-icon .current-account-icon-link {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 40;
}

.current-accounts-item:not(.has-icon):hover .current-account-image {
	transform: rotate(5deg) scale(1.15);
}

.current-accounts-item:not(.has-icon):hover .box-btn {
	box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
}

.owl-item.owl-init-done,
.owl-init-done .current-accounts-item {
	height: 100%;
}

.current-accounts-image-wrap {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-bottom: 16px;
}

.current-accounts-item-description {
	padding: 10px 20px;
}

.current-accounts-overlay-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 0;
	opacity: 0;
	z-index: 50;
}

.current-accounts-item .box-btn-bottom {
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
	text-align: right;
}

.current-accounts-item .box-btn {
	border-radius: 6px;
	padding: 14px 24px;
	font-size: 16px;
	position: relative;
	bottom: auto;
	left: auto;
}

.owl-item .current-accounts-item {
	max-width: 100% !important;
}

.current-accounts-title,
.ebank-section .current-accounts-title {
	color: #343F4B;
	font-size: 36px;
	line-height: 42px;
	margin-bottom: 20px;
	font-weight: 700;
}

.current-accounts-item-title,
.ebank-section .current-accounts-item-title {
	color: #005a73;
	font-size: 21px;
	font-weight: 300;
	line-height: 28px;
	letter-spacing: 0;
	margin-bottom: 10px;
}

.current-accounts-item-subtitle {
	display: block;
	padding-bottom: 15px;
	color: #605f5f;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0;
}

.current-acc-list {
	position: relative;
	padding-left: 28px;
	padding-bottom: 8px;
	color: #605f5f;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0;
}

.current-acc-list:before {
	content: '';
	position: absolute;
	top: 2px;
	left: 0;
	width: 20px;
	height: 19px;
	background: url(../Media/checkmark.png) center center no-repeat;
	background-size: 100% auto;
}

.current-acc-img {
	max-width: 18px;
	position: absolute;
	top: 3px;
	left: 1px;
}

.current-account-image {
	position: relative;
	padding-bottom: 56.25%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: 0.3s ease;
}

.current-account-icon {
	width: 40px;
	height: 40px;
	font-size: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #005a73;
	transition: 0.2s ease;
	will-change: width, height;
}

/*
.loans .tab-container {
	position: relative;
	border-radius: 6px;
	overflow: hidden;
}

.loans-carousel {
	padding-left: 280px;
}

.loans-carousel.owl-carousel .owl-item .banner {
	margin: 0;
	padding: 0;
}

.loans-carousel.owl-carousel .banner figure {
	height: 500px;
}

.loans-carousel .owl-wrapper-outer {
	padding-top: 0;
}

.loans-title-carousel {
	position: absolute;
	top: 0;
	left: 0;
	width: 280px;
	height: 100%;
	background-color: #005a73;
	z-index: 20;
}

.loans-title-carousel .owl-wrapper-outer,
.loans-title-carousel .owl-wrapper {
	position: absolute;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	transform: none !important;
}

.loans-title-carousel .owl-wrapper {
	display: flex !important;
	flex-direction: column;
	justify-content: space-between;
	padding-bottom: 120px;
}

.loans-title-carousel .owl-wrapper .owl-item {
	width: 100% !important;
	flex: 1 1 25%;
}

.loans-title-carousel .tab-header {
	height: 100%;
	display: table;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.loans-title-carousel .tab-header a {
	height: 100%;
	padding: 20px;
	font-weight: 700;
	color: #fff;
	vertical-align: middle;
	display: table-cell;
}

.loans-title-carousel .synced .tab-header a {
	color: #005a73;
	background-color: #fdb728;
}

.loans-title-carousel .tab-header a:hover {
	color: #fff;
	background-color: rgba(255, 255, 255, 0.05);
}

.loans-title-carousel .tab-header a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background-color: #fdb728;
	transition: 0.2s ease;
}

.loans-title-carousel .tab-header a:hover::before {
	width: 16px;
}

.loans-title-carousel .tab-header a::after {
	position: absolute;
	bottom: 0;
	left: auto;
	right: -40px;
	width: 52px;
	height: 40px;
	background-color: #fff;
	transform: skewX(-45deg);
}

.loans-title-carousel .tab-header a:hover::after {
	transform: translateX(60px) skewX(-45deg);
}

.loans-carousel.owl-theme .owl-controls {
	position: absolute;
	bottom: 20px;
	left: 40px;
	width: 200px;
	height: 80px;
	margin: 0;
	z-index: 40;
}

.loans-carousel.owl-theme .owl-controls .owl-buttons div {
	background: #fff;
	color: #005a73;
	font-size: 26px;
	opacity: 1;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.loans-carousel.owl-theme .owl-controls .owl-buttons div span {
	font-weight: 700;
}

.loans-carousel.owl-theme .owl-controls .owl-buttons div.owl-prev {
	left: 26px;
}

.loans-carousel.owl-theme .owl-controls .owl-buttons div.owl-next {
	right: 26px;
}

.loans-carousel.owl-theme .owl-controls .owl-buttons div.disabled {
	opacity: 0.3;
	pointer-events: none;
}
	*/
.housing-loans-carousel .owl-item {
	padding: 20px 20px 30px;
}

.housing-loans-carousel .owl-item .current-accounts-item.has-icon {
	margin: 0 -20px;
	max-width: calc(100% + 40px) !important;
}

.housing-loans-carousel .owl-prev {
	position: absolute;
	color: #343F4B !important;
	top: 50%;
	left: -70px;
	opacity: 1 !important;
	font-size: 50px !important;
	transform: translateY(-50%);
}
.housing-loans-carousel .owl-next {
	position: absolute;
	color: #343F4B !important;
	top: 50%;
	right: -70px;
	opacity: 1 !important;
	font-size: 50px !important;
	transform: translateY(-50%);
}

.housing-loans-carousel .owl-pagination {
	margin-top: -30px;
	margin-bottom: 20px;
	position: relative;
}

.category-block-items-wrap {
	display: flex;
	flex-wrap: wrap;
}

.category-block-item {
	max-width: 50%;
	width: 100%;
	padding: 0 50px 60px;
	position: relative;
	margin-bottom: 60px;
}

.product-preview-container-button {
	position: relative;
	padding-top: 14px;
	padding-bottom: 14px;
	float: right;
	margin-right: 50px;
	box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
}

.new-feature-block-list-item-icon {
	position: absolute;
	left: 0;
	top: 5px;
	max-width: 18px;
	width: 100%;
}

.redesign-cards-section {
	max-width: 1010px;
	padding: 20px 20px 40px;
	margin: 30px auto;
	width: 100%;
}

.redesign-cards-wrap {
	width: 100%;
}

.redesign-cards-wrap .owl-wrapper-outer {
	padding: 40px 0;
}

.redesign-cards-wrap .owl-prev {
	position: absolute;
	color: #343F4B !important;
	top: 50%;
	left: -90px;
	opacity: 1 !important;
	font-size: 50px !important;
	transform: translateY(-50%);
}
.redesign-cards-wrap .owl-next {
	position: absolute;
	color: #343F4B !important;
	top: 50%;
	right: -90px;
	opacity: 1 !important;
	font-size: 50px !important;
	transform: translateY(-50%);
}

.redesign-cards-item {
	padding: 0 10px;
	position: relative;
	margin-bottom: 24px;
}

.redesign-cards-container {
	position: relative;
	perspective: 1000px;
	transform-style: preserve-3d;
}

.redesign-cards-container:focus-visible {
	outline-offset: 1px 1px 1px 0px;
	outline: 2px solid #005a73 !important;
}

.safari .redesign-cards-flipper {
	overflow: hidden;
	border-radius: 20px;
}

.redesign-cards-flipper {
	transition: 0.6s ease;
	transform-style: preserve-3d;
	position: relative;
}

.redesign-cards-front {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	transform: rotateY(0deg);
	background: linear-gradient(135deg, rgb(249, 249, 249) 0%, rgb(220, 220, 220) 24%, rgb(255, 255, 255) 50%, rgb(214, 214, 214) 79%, rgb(226, 226, 226) 100%);
	padding: 20px 20px 80px;
	box-shadow: 0 4px 12px 0 rgba(5, 2, 174, 0.12);
	border-radius: 20px;
}

.redesign-cards-item.loaded .redesign-cards-front,
.redesign-cards-item.loaded .redesign-cards-container,
.redesign-cards-item.loaded .redesign-cards-flipper,
.redesign-cards-item.loaded .redesign-cards-features {
	height: 100% !important;
}

.redesign-cards-item.loaded .redesign-cards-front,
.redesign-cards-item.loaded .redesign-cards-features {
	transition: 0.6s ease;
}

@media only screen and (min-width: 1200px) {
	.redesign-cards-item.loaded .redesign-cards-front {
		transition: 0.6s ease;
	}

	.redesign-cards-item:hover .redesign-cards-front, .redesign-cards-item.keyboard-focused .redesign-cards-front {
		-webkit-transform: rotateY(-180deg);
		-moz-transform: rotateY(-180deg);
		-ms-transform: rotateY(-180deg);
		-o-transform: rotateY(-180deg);
		transform: rotateY(-180deg);
	}

	.safari .redesign-cards-item:hover .redesign-cards-front .redesign-card-item-img, .safari .redesign-cards-item.keyboard-focused .redesign-cards-front .redesign-card-item-img {
		opacity: 0;
	}

	.redesign-cards-item:hover .redesign-cards-features, .redesign-cards-item.keyboard-focused .redesign-cards-features {
		-webkit-transform: rotateY(0deg);
		-moz-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		-o-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}

	.redesign-cards-item:hover .redesign-cards-item-title, .redesign-cards-item.keyboard-focused .redesign-cards-item-title {
		color: #fff;
	}

	.redesign-cards-item:hover .redesign-cards-checkbox-wrap, .redesign-cards-item.keyboard-focused .redesign-cards-checkbox-wrap {
		color: #fff;
		transition-duration: 0.6s;
	}

	.redesign-cards-item:hover .redesign-cards-checkbox-wrap input:not(:disabled) ~ .checkmark, .redesign-cards-item.keyboard-focused .redesign-cards-checkbox-wrap input:not(:disabled) ~ .checkmark {
		background-color: #ec9f00;
		border-color: rgba(255, 255, 255, 0.8);
	}

	.redesign-cards-item:hover .redesign-cards-checkbox-wrap:hover input:not(:disabled) ~ .checkmark, .redesign-cards-item.keyboard-focused .redesign-cards-checkbox-wrap:hover input:not(:disabled) ~ .checkmark {
		background-color: #005a73;
	}
}

@media only screen and (max-width: 1199px) {
	.redesign-cards-item.loaded .redesign-cards-features {
		transition: 0.6s ease;
	}

	.redesign-cards-item.revealed .redesign-cards-front {
		-webkit-transform: rotateY(-180deg);
		-moz-transform: rotateY(-180deg);
		-ms-transform: rotateY(-180deg);
		-o-transform: rotateY(-180deg);
		transform: rotateY(-180deg);
	}
	
	.safari .redesign-cards-item.revealed .redesign-card-item-img {
		opacity: 0;
	}

	.redesign-cards-item.revealed .redesign-cards-features {
		-webkit-transform: rotateY(0deg);
		-moz-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		-o-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}

	.redesign-cards-item.revealed .redesign-cards-item-title {
		color: #fff;
	}

	.redesign-cards-item.revealed .redesign-cards-checkbox-wrap {
		color: #fff;
		transition-duration: 0.6s;
	}

	.redesign-cards-item.revealed .redesign-cards-checkbox-wrap input:not(:disabled) ~ .checkmark {
		background-color: #ec9f00;
		border-color: rgba(255, 255, 255, 0.8);
	}

	.redesign-cards-item.revealed .redesign-cards-checkbox-wrap:hover input:not(:disabled) ~ .checkmark {
		background-color: #005a73;
	}
}

.redesign-cards-card {
	margin: 0 -20px;
}

.redesign-cards-card .owl-theme .owl-controls .owl-page span {
	background-color: #fff;
	border: 2px solid #005a73;
	opacity: 0.8;
}

.redesign-cards-card .owl-theme .owl-controls .owl-page.active span {
	background-color: #005a73;
}

.redesign-cards-top {
	display: flex;
	padding-top: 20px;
	justify-content: space-between;
	flex-wrap: wrap;
}

.redesign-cards-item .redesign-cards-item-title {
	color: #005a73;
	font-size: 24px;
	line-height: 30px;
	min-height: 60px;
	margin-bottom: 10px;
	padding-bottom: 0;
	position: relative;
	transition: 0.3s ease;
}

.redesign-cards-item-description {
	padding: 16px 0 2px;
}

.redesign-cards-description p {
	font-size: 14px;
}

.redesign-card-item-img {
	padding: 0 20px;
	max-height: 180px;
	width: auto;
	margin: 0 auto;
	display: block;
	-webkit-transition: opacity 0.2s ease-in-out 0.1s;
	-moz-transition: opacity 0.2s ease-in-out 0.1s;
	-ms-transition: opacity 0.2s ease-in-out 0.1s;
	-o-transition: opacity 0.2s ease-in-out 0.1s;
	transition: opacity 0.2s ease-in-out 0.1s;
}

.redesign-cards-features {
	position: absolute;
	top: 0;
	left: 0;
	padding: 80px 20px;
	width: 100%;
	border-radius: 20px;
	background: linear-gradient(135deg, #006e84 0%, #007e96 24%, #003540 50%, #00758c 79%, #0092af 100%);
	/* display: flex;
	align-items: center; */
	z-index: 2;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
	box-shadow: 0 4px 12px 0 rgba(5, 2, 174, 0.12);
}

.redesign-cards-features .redesign-cards-item-title {
	color: #fff;
	position: absolute;
	top: 20px;
	left: 20px;
	right: 20px;
	font-size: 20px;
}

.redesign-cards-features .redesign-cards-cond-title {
	font-weight: 700;
	margin-bottom: 16px;
	color: #fff;
}

.redesign-cards-features .redesign-cards-list-item {
	color: #fff;
}

.redesign-cards-info {
	padding-bottom: 16px;
}

.redesign-cards-cond-title {
	color: #343F4B;
	display: block;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 4px;
}

.redesign-cards-list-item {
	font-size: 14px;
	color: #605f5f;
	line-height: 22px;
	font-weight: 400;
	padding-left: 26px;
	padding-bottom: 8px;
	position: relative;
	overflow-wrap: anywhere;
}

.redesign-card-cond-list {
	margin-bottom: 10px;
}

.redesign-cards-list-item .redesign-check-icon {
	position: absolute;
	top: 3px;
	left: 0;
	max-width: 16px;
	width: 100%;
}

.no-left-pad {
	padding-left: 0;
}

.redesign-cards-checkbox-wrap {
	display: block;
	position: relative;
	padding-left: 26px;
	cursor: pointer;
	color: #343f4b;
	font-size: 15px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.redesign-cards-checkbox-wrap:only-child {
	margin-bottom: 12px;
}

.redesign-cards-checkbox-wrap input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.checkmark {
	position: absolute;
	top: -4px;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #eee;
	border: 2px solid #fdb728;
	border-radius: 4px;
	transition: 0.3s ease;
}

.checkmark:focus-visible {
	outline: 2px solid #005a73;
}

.redesign-cards-btn {
	background-color: #fdb728;
	border-radius: 5px;
	color: #444;
	font-size: 15px;
	padding: 12px 16px;
	transition: 0.3s ease;
	margin-left: 8px;
}

.redesign-cards-btn:visited {
	color: #444;
}

.redesign-cards-btn:hover {
	box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
}

.redesign-cards-checkbox-wrap:hover input ~ .checkmark {
	background-color: #ec9f00;
}

.redesign-cards-checkbox-wrap input:checked ~ .checkmark {
	background-color: #fdb728;
}

.redesign-cards-checkbox-wrap input:disabled ~ .checkmark {
	background-color: lightgray;
	border-color: gray;
}

.redesign-cards-checkbox-wrap input:disabled ~ .checkmark:after {
	opacity: 1;
	visibility: visible;
	border: none;
	color: gray;
	content: "\d7";	
	font-size: 22px;
	position: absolute;
	left: 10px;
	top: 0;
}

.redesign-cards-checkbox-wrap.disabled {
	cursor: not-allowed;
}

.checkmark:after {
	content: "";
	position: absolute;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s ease;
	display: block;
}

.redesign-cards-checkbox-wrap input:checked ~ .checkmark:after {
	opacity: 1;
	visibility: visible;
	transform: rotate(45deg);
}

.redesign-cards-checkbox-wrap .checkmark:after {
	left: 5px;
	top: 1px;
	width: 4px;
	height: 9px;
	border: solid white;
	border-width: 0 2px 2px 0;
	transform: rotate(90deg);
}

.redesign-cards-bottom {
	align-items: center;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 20px 30px;
	width: 100%;
	z-index: 5;
}

.redesign-cards-wrap .owl-controls {
	margin-top: 0;
}


@media (min-width: 1200px) {
	.redesign-cards-wrap .owl-pagination {
		display: none;
	}
	.two-items .owl-wrapper-outer {
		margin: 0 auto;
	}
}

@media (max-width: 1199px) {
	.housing-loans-carousel .owl-prev,
	.housing-loans-carousel .owl-next {
		display: none !important;
	}
	.housing-loans-carousel .owl-pagination {
		margin-top: 40px;
		display: block;
	}

	.redesign-cards-right {
		padding-left: 0;
	}
	.redesign-cards-wrap .owl-buttons {
		display: none;
	}
}

.help-blocks {
	margin: 0 auto;
	max-width: 1200px;
	width: 100%;
	padding: 20px 20px 40px;
}

.help-blocks-wrap {
	display: flex;
	margin: 0 -20px;
	justify-content: center;
}

.help-blocks-title {
	color: #343F4B;
	font-size: 36px;
	font-weight: bold;
	line-height: 42px;
	margin-bottom: 30px;
}

.help-wrap {
	padding-top: 63px;
}

.help-block-item {
	position: relative;
	border-radius: 5px;
	text-align: center;
	margin: 0 20px;
	flex: 1 1 25%;
	max-width: calc(25% - 40px);
	transition: 0.3s ease;
}

.help-block-content {
	width: 100%;
	position: relative;
	z-index: 10;
	background-color: #005a73;
	padding: 30px 20px 60px;
	height: 100%;
	border-radius: 5px;
}

.help-block-item::before {
	content: '';
	display: block;
	position: absolute;
	width: 84%;
	height: 100%;
	top: 0;
	left: 8%;
	transition: 0.3s ease;
	box-shadow: 0 8px 24px 5px rgba(0, 0, 0, 0.45);
}

.help-block-item:hover {
	transform: scale(1.1);
}

.help-block-item:hover::before {
	z-index: -1;
}

.help-block-item .icon {
	color: #fff;
	font-size: 48px;
	width: 48px;
	height: 48px;
	text-align: center;
	line-height: 48px;
	margin-bottom: 15px;
	display: inline-block;
}

.help-block-item .icon ~ .help-wrap {
	padding-top: 0;
}

.help-text {
	color: #fff;
	font-size: 18px;
	letter-spacing: 0;
	margin: 0 auto 16px;
	padding-top: 4px;
	max-width: 80%;
}

.help-btn-wrap {
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
	text-align: center;
}

.help-btn {
	background-color: #fff;
	border-radius: 5px;
	color: #005a73;
	padding: 10px 15px;
	transition: 0.3s ease;
}

.help-btn.focus-visible {
	outline: 2px solid #ec9f00 !important;
}

.help-btn:visited {
	color: #005a73;
}

.help-btn:hover {
	box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
}

.help-phone {
	color: #fff;
	font-size: 13px;
	font-style: normal;
	line-height: 18px;
	display: block;
	margin-bottom: 15px;
}

.help-address {
	color: #fff;
	font-size: 13px;
	font-style: normal;
	line-height: 18px;
}

/* home slider */
.home-slider {
	position: relative;
}

.home-slider-item {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #FFF;
	padding-top: 40px;
	padding-left: 85px;
	padding-bottom: 25%;
	position: relative;
	height: 100%;
}

.home-slider-content {
	position: absolute;
	top: 60px;
	left: 0;
	right: 0;
	max-width: 1480px;
	padding: 0 120px;
	margin: 0 auto;
}

.home-slider-title {
	background-color: rgba(255, 255, 255, 0.8);
	color: #343F4B;
	font-size: 28px;
	font-weight: 700;
	line-height: 34px;
	max-width: 380px;
	padding: 10px;
	width: 100%;
	margin-bottom: 20px;
}

.home-slider-btn {
	background-color: #005a73;
	border-radius: 5px;
	color: #fff;
	font-size: 18px;
	line-height: 42px;
	padding: 0 30px;
	transition: 0.3s ease;
	animation-delay: 0.3s;
}
.home-slider-btn:hover {
	box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
	color: #fff;
}
.home-slider-btn:visited {
	color: #fff;
}

.home-slider-nav {
	width: 100%;
	background-color: rgba(255, 255, 255, 0.91);
	position: absolute;
	bottom: 0;
	left: 0;
	box-shadow: 0 -4px 6px rgb(0, 0, 0, 0.2);
}

.home-slider-nav .item:nth-child(2) {
	animation-delay: 0.15s;
}

.home-slider-nav .item:nth-child(3) {
	animation-delay: 0.3s;
}

.home-slider-nav .item:nth-child(4) {
	animation-delay: 0.45s;
}

.home-slider-nav .item:nth-child(5) {
	animation-delay: 0.6s;
}

.home-slider-nav-container {
	display: flex;
	max-width: 1020px;
	margin: 0 auto;
	width: 100%;
}

.home-slider-nav .item {
	flex: 1 1 50%;
	max-width: 100%;
	display: flex;
	padding: 16px 16px 12px;
	align-items: center;
	justify-content: center;
}

.home-slider-nav .item-content {
	text-align: center;
	flex-basis: 100%;
}

.home-slider-nav .item,
.home-slider-nav .nav-item-icon,
.home-slider-nav .nav-item-text {
	transition: 0.3s ease-out;
}

.home-slider-nav .item:hover {
	background-color: #005a73;
}

.home-slider-nav .item:hover .nav-item-icon {
	color: #fff;
	transform: scale(1.3);
}

.home-slider-nav .item:hover .nav-item-text {
	color: #fff;
}

.home-slider .owl-controls {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	text-align: unset;
	margin-top: 0;
}

.home-slider .owl-controls .owl-prev {
	left: 40px;
	top: 50%;
	position: absolute;
	transform: translateY(-50%);
	background-color: rgba(0, 0, 0, 0.25);
}

.home-slider .owl-controls .owl-next {
	right: 40px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.home-slider-nav .item h1 {
	font-size: 18px;
}

.home-slider-nav .owl-wrapper-outer {
	padding-top: 0px;
}

.nav-item-icon {
	color: #005a73;
	display: block;
	font-size: 35px;
	padding-bottom: 10px;
	will-change: transform;
}

.nav-item-text {
	color: #005a73;
	font-size: 16px;
	line-height: 18px;
	max-width: 156px;
	width: 100%;
	display: block;
	margin: 0 auto;
}

.time-check-wrap {
	margin: 0 auto;
	max-width: 1200px;
	padding: 40px 20px;
	width: 100%;
}

.time-check-title {
	color: #343F4B;
	font-size: 36px;
	line-height: 42px;
	margin-bottom: 30px !important;
}

.time-check-item {
	display: flex;
	list-style-type: none;
	margin-bottom: 14px;
	align-items: center;
	min-height: 58px;
	position: relative;
	padding-left: 42px;
}

.time-text-wrap {
	margin-left: 20px;
}

.time-check-item .check-icon {
	width: 48px;
	height: 48px;
	position: absolute;
	top: 4px;
	left: 0;
	display: block;
}

.time-check-image {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1 1 auto;
	max-width: calc(100% - 630px);
}

.time-check-img {
	width: 100%;
}

.time-check-img img {
	display: block;
	margin: 0 auto;
}

.time-item-text {
	display: block;
	color: #343F4B;
	font-size: 18px;
	line-height: 33px;
	font-weight: 500;
}

.time-item-value,
.time-item-value p {
	display: block;
	color: #605f5f;
	font-size: 18px;
	line-height: 33px;
}

.time-item-value a {
	font-size: inherit;
	line-height: inherit;
	color: #005a73;
	text-decoration: underline;
}

.time-item-value a:hover {
	text-decoration: none;
}

.accordions-redesign-title {
	color: #343F4B;
	font-size: 36px;
	line-height: 42px;
	margin-bottom: 24px;
}

.accordions-redesign-wrap {
	max-width: 1100px;
	width: 100%;
	margin: 0 auto 40px;
}

.accordion-btn {
	border: 0;
	outline: 0;
	border-bottom: 1px solid #969FAA;
	background-color: #fff;
	color: #005a73;
	font-size: 24px;
	font-weight: bold;
	line-height: 33px;
	display: block;
	width: 100%;
	text-align: left;
	position: relative;
	padding: 16px 54px 16px 24px;
	transition: 0.3s ease;
}

.accordion-btn.acc-open {
	border-color: transparent;
}

.accordion-btn.acc-open .icon-chevron-down {
	transform: rotate(180deg);
}

.accordion-btn .icon-chevron-down {
	position: absolute;
	right: 24px;
	top: 23px;
	font-size: 18px;
}

.accordions-redesign-main-wrap {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	padding: 20px;
}

.accordions-redesign {
	list-style-type: none;
	width: 100%;
}

.accordion-content-wrap {
	border-bottom: 1px solid #005a73;
	display: none;
}

.accordion-content-content {
	color: #605f5f;
	font-size: 17px;
	line-height: 22px;
	padding: 20px 24px;
	overflow-wrap: break-word;
}

.accordion-content-content ul,
.accordion-content-content ol {
	padding-left: 18px;
	margin-bottom: 20px;
}

.accordion-content-content ol li {
	list-style: decimal;
	color: #605f5f;
}

.acc-description {
	border: 2px solid #005a73;
	max-width: 850px;
	margin: 0 auto;
	width: 100%;
	padding: 10px;
	margin-bottom: 40px;
}

.acc-description,
.acc-description * {
	color: #605f5f;
	font-size: 16px;
	line-height: 1.2;
}
.acc-description li {
	line-height: 1.6;
}

@media (min-width: 768px) and (max-width: 1200px) {
	.nav-item-icon {
		font-size: 30px;
	}
	.help-text {
		max-width: 100%;
	}
}
@media (min-width: 768px) and (max-width: 1023px) {
	.nav-item-icon {
		font-size: 28px;
	}
	.nav-item-text {
		font-size: 14px;
		line-height: 16px;
	}
}
.help-blocks-vertical .help-blocks-wrap {
	display: inline-block
}

.help-blocks-vertical .help-block-item {
	width: 100%;
}

.help-blocks-vertical .help-btn {
	position: relative;
}

.help-blocks-vertical .help-blocks-wrap {
	display: inline-block
}

.help-blocks-vertical .help-block-item {
	width: 100%;
}

.help-blocks-vertical .help-btn {
	position: relative;
}

.digital-banner {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 15.1%;
	position: relative;
}

.digital-banner-title {
	color: #5A6978 !important;
	font-size: 40px !important;
	font-weight: bold !important;
	line-height: 52px;
	padding-top: 40px;
	padding-left: 150px;
}

.bank-video-module {
	max-width: 1200px;
	margin: 20px auto;
	padding: 0 20px;
	width: 100%;
}

.bank-video-module-title {
	color: #343f4b !important;
	font-size: 36px !important;
	font-weight: bold !important;
	line-height: 42px;
	padding-bottom: 10px;
}

.zig-zag-container-title {
	text-align: left;
	color: #343F4B !important;
	font-weight: bold !important;
	font-size: 36px !important;
}

.zz-page-master .share-buttons {
	position: relative;
	top: 35%;
	width: 10%;
	max-height: 100px;
	display: flex;
	float: right;
	align-items: center;
	z-index: 3;
	flex-direction: column;
	margin-top:3%;

}

@media (max-width: 1444px) {
	.zz-page-master .share-buttons {
		right: 4vw;
	}
}

.st-btn a {
	color: #605f5f;
}

.zz-page-master .share-buttons .st-btn:hover {
	border-color: #005a73;
}

.st-btn a:hover {
	color: #005a73;
}

.st-btn {
	display: block;
	width: 45px;
	height: 45px;
	border: 2px solid #605f5f;
	border-radius: 50%;
	padding: 5px;
	margin: 5px;
	background-color: #fff;
	transition-duration: 30ms;
	cursor: pointer;
	font-size: 30px;
	color: #605f5f;
}


.bank-video-module-desc {
	padding-bottom: 30px;
}

.bank-app-video {
	margin: 0 auto 20px;
	max-width: 420px;
	width: 100%;
}

.bank-app-video .video-item {
	padding-bottom: 56.25%;
	position: relative;
}

.bank-app-video-title {
	color: #343F4B;
	font-size: 30px !important;
	font-weight: bold !important;
	line-height: 36px;
	text-align: center;
	padding-bottom: 10px;
}

.bank-app-info {
	align-items: center;
	display: flex;
	justify-content: center;
}

.bank-app-ico {
	border-radius: 5px;
	margin: 10px 35px;
	max-width: 140px;
	width: 100%;
}

.new-feature-block {
	margin: 40px auto;
	max-width: 1200px;
	text-align: right;
	padding: 0 20px;
	width: 100%;
}

.new-feature-block-icon {
	color: #000;
	display: block;
	font-size: 28px;
	margin-bottom: 10px;
	max-width: 80px;
}

.new-feature-block-title {
	color: #343F4B !important;
	font-size: 36px !important;
	font-weight: bold !important;
	line-height: 42px;
	padding-bottom: 20px;
	text-align: left;
}

.new-feature-block-item-title {
	color: #343F4B !important;
	font-size: 28px !important;
	font-weight: bold !important;
	line-height: 33px;
}

.new-feature-block-item-subtitle {
	color: #605f5f;
	font-size: 18px !important;
	line-height: 30px !important;
}

.new-feature-block-list {
	padding: 0 0 40px;
}

.new-feature-block-list-item {
	display: flex;
	color: #605f5f;
	font-size: 20px;
	font-weight: bold;
	line-height: 26px;
	position: relative;
	padding-left: 25px;
	margin-bottom: 5px;
}

.new-feature-block-list-item .icon-check-square {
	color: #605f5f;
	font-size: 20px;
	position: absolute;
	top: 5px;
	left: 0;
}

.new-feature-block-wrap {
	display: flex;
	margin-bottom: 40px;
}

.new-feature-block-item {
	max-width: 33.333%;
	padding: 0 20px;
	text-align: left;
	width: 100%;
}

.new-feature-block-item:nth-child(2) {
	animation-delay: 0.2s;
}

.new-feature-block-item:nth-child(3) {
	animation-delay: 0.4s;
}

.new-feature-block-btn {
	font-size: 16px;
	position: relative;
	bottom: auto;
	left: auto;
	margin-top: 15px;
}

.mobile-bank-video-wrap {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	width: 100%;
	text-align: right;
}

.mobile-bank-video-wrap > div {
	display: flex;
	flex-wrap: wrap;
}

.mobile-bank-video-title {
	color: #343F4B !important;
	font-size: 30px !important;
	font-weight: bold !important;
	line-height: 36px;
	padding-bottom: 30px;
	text-align: left;
}

.mobile-bank-video-item-title {
	color: #343F4B !important;
	font-weight: bold !important;
	font-size: 28px !important;
	line-height: 33px;
	padding-top: 15px;
}

.mobile-bank-videos {
	display: flex;
}

.mobile-bank-parent {
	padding: 0 20px;
	max-width: 33.333%;
	margin-bottom: 30px;
	width: 100%;
	text-align: left;
}

.mobile-block-btn {
	background-color: #fdb728;
	border-radius: 5px;
	color: #fff !important;
	font-size: 16px;
	padding: 5px 15px;
	transition: 0.3s ease;
}

.mobile-block-btn:hover {
	background-color: #dbdddd;
	color: #000;
}

.cards-banner {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	padding-bottom: 25%;
}

.business-home-page-content .banner figure {
	height: 400px;
}

.title-subtitle-redesign {
	padding: 30px 0;
	max-width: 1200px;
	margin: 0 auto;
	padding: 30px 20px 0;
	width: 100%;
}

.title-subtitle-title-redesign {
	color: #343F4B !important;
	font-weight: bold !important;
	font-size: 30px !important;
	line-height: 36px;
}

.title-subtitle-text-redesign {
	color: #605f5f;
	line-height: 22px;
}

.new-list-block {
	padding: 80px 20px;
	max-width: 1200px;
	margin: 0 auto;
	width: 100%;
}

.new-list-block-title {
	color: #343F4B !important;
	font-size: 30px !important;
	line-height: 36px;
	padding-bottom: 25px;
}

.new-list-block-list {
	column-count: 2;
	width: 100%;
}

.new-list-block-item {
	color: #343F4B;
	font-size: 22px;
	line-height: 26px;
	padding-bottom: 10px;
	position: relative;
	padding-left: 30px;
}

.new-list-block-item span {
	position: absolute;
	left: 0;
	top: 3px;
}

.new-list-block-item img {
	width: 25px;
	height: 25px;
}

.working-steps {
	max-width: 1200px;
	margin: 0 auto 20px;
	padding: 30px 20px 0;
	width: 100%;
}

.working-steps-title {
	color: #343F4B !important;
	font-weight: bold !important;
	font-size: 36px !important;
	line-height: 42px;
	margin-bottom: 30px !important;
}

.working-steps-text {
	color: #343F4B !important;
	font-size: 17px;
	line-height: 22px;
}

.time-check-container,
.working-steps-wrap {
	display: flex;
}

.working-steps-list-item {
	font-size: 17px;
	color: #343F4B !important;
	line-height: 22px;
	position: relative;
	padding-left: 50px;
	margin-bottom: 25px;
}

.time-check-list,
.working-steps-list {
	padding-right: 40px;
	max-width: 630px;
	width: 100%;
}

.working-steps-list {
	padding-top: 10px;
}

.working-steps-list:only-child,
.time-check-list:only-child {
	max-width: 100%;
	padding-right: 0;
}

.working-steps-counter {
	background-color: #005a73;
	border-radius: 100%;
	color: #FFFFFF;
	font-size: 20px;
	line-height: 35px;
	height: 35px;
	width: 35px;
	display: inline-block;
	text-align: center;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.working-steps-image {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1 1 auto;
	max-width: calc(100% - 630px);
}

.working-steps-img {
	width: 100%;
}

.working-steps-image iframe {
	width: 100%;
}

.calculator-with-blocks-wrap {
	max-width: 1200px;
	padding: 40px 20px;
	width: 100%;
	margin: 0 auto;
}

.calculator-blocks-wrap {
	display: flex;
}

.calculator-block {
	flex: 0 0 100%;
	max-width: 100%;
}

.calculator-with-blocks-wrap .calculator-banner .banner.banner-text-left figcaption {
	top: auto !important;
	position: relative !important;
	transform: none !important;
}

.calculator-with-blocks-wrap .calculator-banner .banner figure {
	background-image: none !important;
}

.calc-with-block-btn {
	background-color: #005a73;
	border-radius: 5px;
	color: #FFFFFF;
	font-size: 18px;
	line-height: 32px;
	padding: 5px 25px;
	margin: 10px;
}

.calc-with-block-btn:visited {
	color: #fff;
}

.calc-with-block-btn:hover {
	color: #fff !important;
	box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
}

.calc-btn-white {
	background-color: #FFFFFF;
	border: 1px solid #005a73;
	border-radius: 5px;
	color: #005a73 !important;
}

.calc-btn-white:hover {
	color: #005a73 !important;
}

.calculator-block-btns {
	text-align: center;
}

.calculator-blocks-wrap .help-blocks-title {
	color: #343F4B;
	font-weight: bold;
	font-size: 30px;
	line-height: 33px;
}

.calculator-blocks-wrap .help-text {
	color: #343F4B;
	font-weight: bold;
	font-size: 18px;
	line-height: 18px;
}

.calculator-blocks-wrap .help-blocks-wrap {
	background-color: #F9FAFA;
	border-radius: 29px;
}

.calculator-blocks-wrap .help-blocks-wrap .help-block-item {
	background-color: transparent;
}

.calculator-with-blocks-wrap-title {
	color: #343F4B !important;
	font-weight: bold !important;
	font-size: 36px;
	line-height: 42px;
}

/* Apply now component */

.calculator-with-blocks.centered {
	background-color: #e7f2f4;
}

.calculator-with-blocks.centered .calculator-with-blocks-wrap-title {
	text-align: center;
}

.comparison-preview {
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999;
	height: 160px;
	padding: 0 30px;
	display: none;
	background-color: rgba(248, 167, 14, 0.8);
}

.comparison-preview__holder {
	width: 100%;
	display: flex;
	justify-content: center;
	color: white;
	overflow: hidden;
	overflow-x: auto;
	padding: 40px 0 30px;
}

.comparison-preview--open {
	display: flex;
	align-items: center;
}

.comparison-preview__close {
	position: fixed;
	right: 20px;
	bottom: 125px;
	font-size: 32px;
	cursor: pointer;
	z-index: 999;
	transition: 0.3s ease;
}

.comparison-preview__close:hover {
	color: #005a73;
}

.comparison-preview__card-container {
	display: flex;
	margin-left: 50px;
}

.comparison-preview__card {
	height: 80px;
	margin: 0px 30px;
	flex-shrink: 0;
	position: relative;
	max-width: 350px;
	box-shadow: 0 14px 30px rgba(5, 2, 174, 0.2), 0 8px 16px rgba(5, 2, 174, 0.2);
	border-radius: 10px;
}

.comparison-preview__card-remove {
	position: absolute;
	right: -15px;
	top: -15px;
	height: 29px;
	width: 29px;
	border-radius: 50%;
	cursor: pointer;
	color: #005a73;
	z-index: 99;
	box-sizing: border-box;
	background-color: #fff;
	transition: 0.3s ease;
}

.comparison-preview__card-remove:hover {
	background-color: #005a73;
	color: #fff;
}

.comparison-preview__card-image-container {
	overflow: hidden;
	height: 100%;
	width: 100%;
	border-radius: 10px;
}

.comparison-preview__card-image {
	height: 100%;
	max-width: 100%;
	transform: translateX(-50%);
	left: 50%;
	position: relative;
}

.comparison-preview__card-remove::after {
	content: "\2716";
	font-size: 18px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.comparison-preview__button {
	background-color: #005a73;
	color: #fff;
	border: none;
	border-radius: 5px;
	font-size: 15px;
	font-weight: 700;
	padding: 18px 16px;
	font-family: 'Roboto', sans-serif;
	min-width: 150px;
	transition: 0.3s ease;
	margin-right: 30px;
	align-self: center;
}

.comparison-preview__button:hover {
	background-color: #fff;
	color: #005a73;
}

.card-comparison {
	max-width: 1300px;
	margin: 50px auto;
}

.card-comparison__top {
	text-align: center;
	padding: 10px 80px;
	margin-bottom: 20px;
	position: relative;
}

.card-comparison__back.btn {
	padding: 5px 10px;
	background-color: #005a73;
	position: absolute;
	top: 15px;
	left: 20px;
	font-size: 0 !important;
	border-radius: 50%;
	width: 48px;
	height: 48px;
	transition: 0.3s ease;
	border: 0;
}

.card-comparison__back .icon {
	font-size: 20px;
	color: #fff;
	transition: 0.3s ease;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0 0 0 2px !important;
}

.card-comparison__back.btn:hover {
	background-color: #fdb728;
	transform: scale(1.2);
}
.card-comparison__back.btn:active {
	background-color: #ec9f00;
}

.card-comparison__back.btn:hover .icon {
	color: #005a73;
}

.card-comparison__cards-wrap {
	position: relative;
	text-align: center;
	overflow: hidden;
}

.card-comparison__cards {
	font-size: 0;
	white-space: nowrap;
	cursor: move;
	cursor: -moz-grab;
}

@media only screen and (max-width: 1199px) {
	.card-comparison__cards {
		width: 100%;
		overflow-x: auto;
	}
}

.card-comparison__card {
	margin: 0 10px;
	box-shadow: 0 4px 16px 0 rgba(5, 2, 174, 0.12);
	border-radius: 15px;
	position: relative;
	padding-bottom: 44px;
	width: 300px;
	white-space: normal;
	vertical-align: top;
	display: inline-block;
	text-align: left;
}

.card-comparison__card-top-holder {
	width: 100%;
	margin-bottom: 140px;
	transition: 0.3s ease;
}

.card-comparison__card-top-holder.sticky {
	margin-bottom: 0;
}

.card-comparison__card-top-holder.sticky ~ .card-comparison__card-info {
	transform: translateY(140px);
}

.card-comparison__card-top {
	padding: 20px;
	height: 160px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	z-index: 8;
	transition: 0.3s ease;
}

.card-comparison__card-top::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 300px;
	transition: 0.3s ease;
	background: linear-gradient(135deg, rgb(249, 249, 249) 0%, rgb(220, 220, 220) 24%, rgb(255, 255, 255) 50%, rgb(214, 214, 214) 79%, rgb(226, 226, 226) 100%);
	z-index: -1;
}

.card-comparison__card-top.is_stuck {
	border-radius: 0;
	height: 160px;
}

.card-comparison__card-top.is_stuck::before {
	height: 160px;
}

.card-comparison__card-top.is_stuck .card-comparison__card-image-container {
	transform: scale(0.5) translateY(-60px) rotate(10deg);
}

.card-comparison__card-top.is_stuck .card-comparison__card-name {
	transform: translateY(-60px);
}

.card-comparison__card-top.is_stuck .card-comparison__card-description {
	display: none;
}

.card-comparison__card-image-container {
	width: 100%;
	height: 150px;
	overflow: hidden;
	border-radius: 10px;
	transition: 0.3s ease;
	margin-bottom: 10px;
}

.card-comparison__card-image {
	/* width: 100%; */
	border-radius: 10px;
	width: auto;
	max-height: 150px;
	margin: 0 auto;
	display: block;
}

.card-comparison__card-name {
	color: #005a73;
	font-size: 20px;
	margin-bottom: 5px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	line-height: 28px;
	transition: 0.3s ease;
}

.card-comparison__card-description {
	transition: 0.1s ease;
}

.card-comparison__card-description p {
	color: #4f4f4f;
	font-size: 14px;
	position: relative;
	height: 4.8em;
	overflow: hidden;
	letter-spacing: 0;
}

.card-comparison__card-info {
	padding: 20px;
	transition: 0.3s ease;
}

.card-comparison__info-section {
	margin-bottom: 5px;
}

.card-comparison__info-section-title {
	font-size: 15px;
	border-bottom: 1px solid #fdb728;
	padding: 2px 0 6px;
	color: #000;
	font-weight: 500;
}

.card-comparison-info-subsection {
	margin-top: 10px;
	padding-bottom: 20px;
}

.card-comparison-info-subsection-title {
	margin-bottom: 4px;
	font-weight: normal;
	font-size: 15px;
	color: #000;
}

.card-comparison-info-subsection-text {
	color: #005a73;
	font-size: 14px;
	display: block;
}

.card-comparison-list-item {
	line-height: 20px;
	padding-left: 20px;
	position: relative;
	margin-bottom: 2px;
}

.card-comparison-list-item-icon {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	max-width: 15px;
	width: 100%;
}

.card-comparison__card-link {
	display: block;
	background-color: rgb(0, 105, 126);
	color: #fff;
	text-align: center;
	padding: 15px 28px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	font-weight: 700;
	font-size: 15px;
	transition: 0.3s ease;
}

.card-comparison__card-link:hover {
	background-color: #ec9f00;
}
.card-comparison__card-link:active {
	background-color: #ec9f00;
}

.card-comparison__card-link:visited {
	color: #fff;
}

.general-calculator-block-wrapper {
	position: relative;
}

.general-calculator-block-title {
	position: relative;
	padding-left:1%;
	color: #343F4B;
	font-size: 36px;
	line-height: 42px;
}

.calculator-with-blocks-wrap .general-calculator-block-title {
	display: none;
}

.general-calculator-block {
	margin-top: 40px;
}

.video-item.current-account-image {
	height: initial;
	margin-bottom: 0;
	background-position: center;
	background-size: cover;
}

.video-item.current-account-image .video-item-overlay {
	height: 100%;
}

.current-account-bottom-image-container {
	height: 270px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 25px;
	margin-bottom: 25px;
}

.current-account-bottom-image {
	max-width: 100%;
	max-height: 250px;
}

.current-account-bottom-image-container .box-btn {
	position: relative;
}

.bp-image-banner {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #FFF;
	height: 450px;
	position: relative;
}

.bp-image-banner.small {
	height: 300px;
}

.bp-image-banner-content {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	max-width: 1320px;
	padding: 0 40px;
	margin: 0 auto;
}

.bp-image-banner-title,
.bp-image-banner-subtitle {
	background-color: rgba(255, 255, 255, 0.8);
	color: #343F4B;
	font-weight: 700;
	line-height: 34px;
	width: 100%;
}

.bp-image-banner-title,
.ebank-section .bp-image-banner-title {
	max-width: 380px;
	font-size: 28px;
	margin-bottom: 30px;
	padding: 10px;
}

.bp-image-banner-subtitle,
.ebank-section .bp-image-banner-subtitle {
	max-width: 480px;
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 20px;
	padding: 5px 10px;
	animation-delay: 0.2s;
}

.bp-image-banner-btn {
	background-color: #005a73;
	border-radius: 5px;
	color: #fff;
	font-size: 18px;
	line-height: 42px;
	padding: 0 30px;
	transition: 0.3s ease;
	animation-delay: 0.4s;
}

.bp-image-banner-btn:hover,
.bp-image-banner-btn:visited {
	color: #fff;
}

.bp-image-banner-btn:hover {
	box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
}

.logos .promo-inner-section a {
	transition: 0.2s ease;
}

.logos .promo-inner-section a:hover {
	transform: scale(1.25);
}

.ui-draggable-handle {-ms-touch-action:initial!important;touch-action:initial!important}

.video-background-banner {
	width: 100%;
	position: relative;
	height: 450px;
}

.video-background-banner.small {
	height: 300px;
}

.video-background-banner-tv {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.video-background-banner-screen {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	margin: auto;
	opacity: 0;
	transition: opacity .5s;
}

.video-background-banner-screen.active {
	opacity: 1;
}

.video-background-banner-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.video-banner-button {
	width: 46px;
	height: 46px;
	background-color: #fdb728;
	position: absolute;
	bottom: 20px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	transition: 0.3s ease-out;
	display: block;
	z-index: 10;
}
.video-banner-button:hover {
	transform: translateY(-3px);
	box-shadow: 0px 12px 24px -5px rgba(0, 0, 0, 0.8);
}

.video-banner-button .icon {
	position: absolute;
	color: #444;
	display: block;
}

.video-banner-play-btn {
	right: 110px;
}
.video-banner-play-btn .icon-play-material {
	top: 3px;
	left: 2px;
	max-width: 42px;
	display: block;
}
.video-banner-play-btn.is-playing .icon-play-material {
	display: none;
}
.video-banner-play-btn .icon-pause-material {
	top: 7px;
	left: 6px;
	max-width: 34px;
	display: none;
}
.video-banner-play-btn.is-playing .icon-pause-material {
	display: block;
}

.video-banner-mute-btn {
	right: 50px;
}
.video-banner-mute-btn .icon {
	top: 6px;
	left: 14px;
	font-size: 34px;
}
.video-banner-mute-btn .icon-mute {
	display: none;
}
.video-banner-mute-btn.is-muted .icon-mute {
	display: block;
}
.video-banner-mute-btn .icon-volume {
	display: block;
}
.video-banner-mute-btn.is-muted .icon-volume {
	display: none;
}

.current-accounts-title.redesign-cards-section-title {
	margin-bottom: 15px;
}

.redesign-cards-section-subtitle {
	font-size: 18px;
	color: #9a9c9c;
	margin-bottom: 20px;
	margin-left: 5px;
	letter-spacing: .02em;
}

/* REVERTED STYLES */

/*-----------------------------------------------------------------------------*/
/*---------------------------------- LOANS ------------------------------------*/
/*-----------------------------------------------------------------------------*/
.loans {
	text-align: center;
	padding: 60px 0 74px;
}

.loans h2 {
	font-weight: normal;
}

.loans .banner h2 {
	font-weight: 500;
	line-height: 1.1;
}

.banner.banner-text-right figcaption{
	text-align: right;
	float: right;
	margin-right: 6.666666%;
}

.loans .banner figure {
	height: 470px;
}

.loans .tab-container {
	margin-top: 49px;
}

.loans-title-carousel .tab-header {
	width: 100%;
	margin: 0;
}

.loans-title-carousel .owl-item {
	text-align: center;
}

.loans .banner figcaption {
	top: 90px;
}

.banner figcaption .btn {
	margin-top: 7px;
}

.loans .owl-theme .owl-controls .owl-buttons div {
	background: none;
	color: #fdb728;
	font-size: 26px;
	opacity: 1;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-90%);
	-moz-transform: translateY(-90%);
	-ms-transform: translateY(-90%);
	-o-transform: translateY(-90%);
	transform: translateY(-90%);
}

.loans .owl-theme .owl-controls .owl-buttons div.owl-prev {
	left: -83px;
}

.loans .owl-theme .owl-controls .owl-buttons div.owl-next {
	right: -83px;
}

.loans .owl-theme .owl-controls .owl-buttons div:hover {
	opacity: .8;
}

.loans .tabs-header-container .owl-theme .owl-controls .owl-buttons div {
	color: #000000;
}

.loans .owl-theme .owl-controls .owl-buttons div.disabled {
	display: none;
}

/*-----------------------------------------------------------------------------*/
/*----------------------------------- TABS ------------------------------------*/
/*-----------------------------------------------------------------------------*/
.tab-header a {
	position: relative
}

.tab-header a:after {
	content: '';
	width: 100%;
	height: 0;
	background: #f7aa3c;
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.tab-header a:link,
.tab-header a:visited {
	font-size: 20px;
	font-weight: 300;
	color: #000000;
	display: inline-block;
	padding: 0 6px 24px;
}

.tab-header a:active,
.tab-header a:hover {
	/*font-weight: normal;*/
}

.tab-header.active a:after,
.tab-header a:active:after,
.tab-header a:hover:after {
	height: 2px;
}

.synced .tab-header a:after {
	height: 2px;
}

.tab-header.active a:hover {
	cursor: default;
}

.tab-content:not(.active) {
	opacity: 0;
	visibility: hidden;
}

.tab-content.active {
	opacity: 1;
	visibility: visible;
	z-index: 2;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.tab-content {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: -1;
	-webkit-transform: scale(.9);
	-moz-transform: scale(.9);
	-ms-transform: scale(.9);
	-o-transform: scale(.9);
	transform: scale(.9);
	-webkit-transition: all .7s linear;
	-moz-transition: all .7s linear;
	-ms-transition: all .7s linear;
	-o-transition: all .7s linear;
	transition: all .7s linear;
}

.loans .tab-content-container {
	height: 470px;
	width: 100%;
}

/*------------------------------------------------------------------------------------*/
/*--------------------------------- BANNER SECTION -----------------------------------*/
/*------------------------------------------------------------------------------------*/
.banner-section ul {
	margin: 26px 0 23px 22px;
	width: 100%;
	float: left;
}

.banner-section ul li {
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
	list-style: none;
	margin-bottom: 22px;
	float: left;
	width: 50%;
	padding-left: 42px;
	color: #2d261d;
	color: rgba(0, 0, 0, .9);
	letter-spacing: .05em;
	position: relative;
}

.banner-section ul li:before {
	content: '';
	position: absolute;
	top:0;
	left: 0;
	width:24px;
	height: 24px;
	background: url(../Media/0858-checkmark-circle-blue.png) no-repeat;
}

.banner-section .banner.banner-text-left figcaption {
	top: 72px;
	width: 50%;
}

.banner.white,
.banner.white h2,
.banner.white p {
	color: #ffffff;
}

.banner.white .btn.btn-border-orange {
	color:#ffffff;
	white-space: nowrap;
}

.banner.banner-text-right figure {
	background-position: left center;
}

.banner.white figure {
	height: 510px;
}

/* GROUP SECTION BLOCK*/

.group-section-block-container {
	display: grid;
	justify-content: center;
	padding: 20px;
	margin: 0 auto;
	box-shadow: 0 4px 20px rgb(0 0 0 / 35%);
	border-radius: 10px;
	max-width: 1160px;
}

.group-section-block-title {
	display: flex;
	justify-content: left;
	padding: 20px 50px;
	color: #343F4B;
	font-size: 36px;
}

.group-section-items {
	display: grid;
	padding: 50px;
	align-items: flex-start;
	font-size: 20px;
	column-gap: 100px;
	overflow: hidden;
	row-gap: 70px;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	max-width: 1000px;
}

.group-section-items-container {
	display: grid;
	row-gap: 20px;
}

.group-section-items-number {
	font-size: 58px;
	color: #005a73;
	margin-bottom: 20px;
	font-weight: 500;
}

.group-section-items-description {
	line-height: 1.2;
	color: #605f5f;
	font-weight: normal;
	max-width: 200px;
	font-size: 18px;
	word-wrap: break-word;
}

/*--------------------------------------------------------------------------------*/
/*-------------------------------- LOAN SECTION ----------------------------------*/
/*--------------------------------------------------------------------------------*/
.loan-section .intro {
	text-align: center;
	padding-top: 76px;
	padding-bottom: 5px;
}

.loan-section h2 {
	font-size: 40px;
	font-weight: normal;
	color: #005a73;
	margin-bottom: 7px;
}

.loan-chars {
	text-align: center;
	background: #f3edda;
	padding: 50px 0 37px;
	font-size: 15px;
	color: #000000;
	line-height: 1.2;
	margin-bottom: 87px;
}

.loan-chars .circle {
	width: 75px;
	height: 75px;
	display: inline-block;
	border-radius: 50%;
	font-size: 40px;
	text-align: center;
	line-height: 75px;
}

.loan-chars .circle.orange {
	background: #f7aa3c;
	color: #ffffff;
}

.loan-chars h3 {
	font-size: 23px;
	font-weight: 700;
	color: #005a73;
	margin: 26px 0 10px;
}

.loan-chars li {
	position: relative;
	margin-bottom: 5px;
}

.loan-chars li:before {
	content: "\e934";
	font-family: 'Linearicons';
	font-size: 12px;
	display: inline-block;
	color: #000000;
	margin-right: 7px;
}

.collapse-row {
	margin-bottom: 60px;
	width: 100%;
	float: left;
}

.collapse-title {
	font-size: 30px;
	color: #005a73;
	padding: 7px 30px 7px 0;
	border-bottom: 2px solid currentColor;
	width: 100%;
	float: left;
	line-height: 1;
	position: relative;
}

.collapse-title .collapse-arrow {
	font-size: 12px;
	background: #005a73;
	width: 21px;
	height: 21px;
	border-radius: 50%;
	color: #ffffff;
	text-align: center;
	line-height: 21px;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	border: none;
	outline-offset: 2px;
	padding: 0px 1px;
}

.collapse-title .collapse-arrow .icon-chevron-down,
 .collapse-title .collapse-arrow .icon-chevron-down-circle{
	display: inline-block;
	line-height: 21px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.collapse-title .collapse-arrow .icon-chevron-down {
	position: relative;
	left: 1px;
}

.collapse-title.active .icon-chevron-down {
	-webkit-transform-origin: 40% 47%;
	-moz-transform-origin: 40% 47%;
	-ms-transform-origin: 40% 47%;
	-o-transform-origin: 40% 47%;
	transform-origin: 40% 47%;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.collapse-title:hover {
	cursor: pointer;
}

.loan-section {
	padding-bottom: 80px;
}

.loan-section .collapse-content {
	padding: 29px 0 0;
	width: 100%;
	float: left;
}

.collapse-content:not(.active) {
	display: none;
}

.loan-section .collapse-content .select-box.area {
	max-width: 310px;
}

.loan-section .collapse-content b {
	font-size: 13px;
	font-weight: 900;
	margin-bottom: 4px;
	display: inline-block;
}

.loan-section .collapse-content p:not(:last-child) {
	margin-bottom: 45px;
	color: var(--medium-grey);
}

.loan-section .collapse-content a:link,
.loan-section .collapse-content a:visited {
	color: #000000;
	text-decoration: underline;
}


.loan-section .network:before {
	content: "\e77a";
}

.loan-section .interested:before {
	content: "\e71a";
}

.loan-section .collapse-content a[href*='tel'] {
	font-size: 20px;
	text-decoration: none;
}

.loan-section .collapse-content a[href*='tel']:not(:last-child):after {
	content: '/';
	display: inline-block;
	margin-left: 5px;
}


.banner figcaption .iconed > [class*='icon']{
	font-size: 36px;
	color: #005a73;
	vertical-align: top;
	display: inline-block;
}

.banner figcaption .iconed > span:nth-child(2) {
	display: inline-block;
	width: calc(100% - 100px);
	margin-left: 10px;
}

/*--------------------------------------------------------------------------------*/

.slider ul {
	padding-right: 0;
}

.slider ul li {
	padding: 0;
}

.slider .caption h3 a,
.slider .caption h3 a:link,
.slider .caption h3 a:visited {
	color: #005a73;
	font-size: 21px;
	font-weight: 300;
	letter-spacing: 0;
}

 .slider .caption h3 a span {
	display: inline-block;
	margin-left: 6px;
	color: #fdb728;
	vertical-align: text-top;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.slider .caption h3 a:hover span{
	-webkit-transform: translateX(10px);
	-moz-transform: translateX(10px);
	-ms-transform: translateX(10px);
	-o-transform: translateX(10px);
	transform: translateX(10px);
}

.slider .owl-theme .owl-controls .owl-page span {
	background: none;
	width: 14px;
	height: 14px;
	border: 1px solid #fdb728;
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	margin: 0 3px;
}

.slider .owl-theme .owl-controls .owl-page.active span {
	background: #ec9f00;
}
.slider .owl-theme .owl-controls.clickable .owl-page:hover span {
	background: #fdb728;
}

.slider .owl-theme .owl-controls {
	margin-top: 0;
}

.tab-section .tab-content {
	position: relative;
	padding-top: 30px;
	overflow: hidden;
	justify-content: center;
	display: none;
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.tab-section .tab-header a:visited {
	padding: 0 30px 24px;
	width: 160px;
}

.owl-buttons .owl-next::before,
.owl-buttons .owl-prev::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	border-radius: 50%;
	background-color: #ec9f00;
	animation-duration: 2s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-delay: 0.25s;
}

.owl-carousel:hover .owl-buttons .owl-next::before,
.owl-carousel:hover .owl-buttons .owl-prev::before,
.owl-carousel.pulsating .owl-buttons .owl-next::before,
.owl-carousel.pulsating .owl-buttons .owl-prev::before {
	animation-name: pulse;
}

@media screen and (max-width: 1199px) {
	.home-slider-content {
		padding-left: 40px;
		padding-right: 40px;
	}
	.home-slider .owl-controls {
		top: auto;
		bottom: 50px;
		transform: none;
	}
	.home-slider-nav {
		position: relative;
		bottom: auto;
		left: auto;
	}
}
@media screen and (max-width: 1024px) {
	.time-check-container,
	.working-steps-wrap {
		display: block;
	}
	.time-check-list,
	.working-steps-list {
		max-width: 100%;
		padding: 30px 0;
	}
	.time-check-image,
	.working-steps-image {
		max-width: 100%;
	}
	.help-block-item {
		flex-basis: 33.333%;
		max-width: calc(33.333% - 40px);
	}
}

@media only screen and (max-width: 1023px) {
	.box-item .box-item-link {
		font-size: 18px;
		line-height: 24px;
		padding: 10px 20px;
	}
	.banner-buttons-wrap {
		padding-left: 3.333333%;
		padding-right: 3.333333%;
	}
	.banner-buttons-content {
		padding: 20px 40px;
	}
	.banner-buttons-title {
		font-size: 32px;
		line-height: 42px;
	}
	.banner-with-btns .hi-icon-wrap {
		padding: 20px 0;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.comparison-preview__card {
		margin-left: 20px;
		margin-right: 20px;
	}
	.comparison-preview__button {
		margin-left: 20px;
	}
	.working-steps {
		margin-bottom: 40px;
	}
	.video-banner-play-btn {
		right: 90px;
	}
	.video-banner-mute-btn {
		right: 30px;
	}
}

@media (max-width: 767px) {
	.ebank-section .rte-block h3,
	.general-calculator-block-title {
		font-size: 25px;
		line-height: 33px;
	}
	.how-section ul li .text {
		max-width: 100%;
	}
	.banner-buttons-wrap {
		padding-left: 20px;
		padding-right: 20px;
	}
	.cards-banner {
		padding-bottom: 56.25%;
	}
	.mobile-bank-parent {
		max-width: 100%;
	}
	.mobile-bank-videos {
		display: block;
	}
	.new-feature-block-wrap {
		display: block;
	}
	.new-feature-block-item {
		max-width: 100%;
		margin: 20px 0;
	}
	.bank-app-info {
		display: block;
		text-align: center;
	}
	.digital-banner-title {
		padding-top: 30px;
		padding-left: 20px;
	}
	.home-slider-nav-container {
		flex-wrap: nowrap;
	}
	.home-slider-nav .item {
		flex: 1 1 auto;
		max-width: 50%;
		min-width: 20%;
		padding: 10px 5px;
	}
	.home-slider-nav .nav-item-text {
		font-size: 12px;
		line-height: 14px;
	}
	.home-slider-nav .nav-item-icon {
		font-size: 28px;
	}
	.home-slider-content {
		top: 50%;
		transform: translateY(-50%);
	}
	.home-slider-item {
		padding-bottom: 52%;
	}
	.home-slider .owl-controls {
		display: none !important;
	}
	.home-slider-item {
		padding-left: 20px;
		padding-top: 55px;
	}
	.home-slider-title {
		font-size: 22px;
		line-height: 30px;
	}
	.box-item {
		max-width: 100%;
		margin-bottom: 20px;
	}
	.box-item-link {
		font-size: 18px;
	}
	.three-box-wrap {
		display: block;
	}
	.three-box-item {
		width: 100%;
	}
	.three-box-title {
		font-size: 20px;
	}
	.box-btn {
		font-size: 16px;
	}
	.banner-buttons-content {
		margin: 40px 0;
		padding: 15px 20px;
	}
	.banner-with-btns {
		height: 420px;
	}
	.banner-with-btns .hi-icon-wrap {
		margin-left: -10px;
		margin-right: -10px;
		padding-bottom: 4px;
	}
	.banner-with-btns .filter_button {
		width: 70px;
		margin-bottom: 5px;
	}
	.banner-with-btns .filter_button .hi-icon {
		font-size: 20px;
		width: 50px;
		height: 50px;
		margin-bottom: 12px;
	}
	.banner-with-btns .filter_button .hi-icon::before {
		line-height: 46px;
	}
	.banner-buttons-title {
		font-size: 24px;
	}
	.video-banner-play-btn {
		right: 65px;
		bottom: 10px;
	}
	.video-banner-mute-btn {
		right: 10px;
		bottom: 10px;
	}
	.filter_button {
		margin-bottom: 15px;
	}
	.current-accounts-items-wrap {
		display: block;
	}
	.current-accounts-item {
		margin-bottom: 25px;
	}
	.current-accounts-title,
	.ebank-section .current-accounts-title {
		font-size: 25px;
		line-height: 33px;
	}
	.current-accounts-item-title {
		font-size: 21px;
	}
	.current-accounts-item-subtitle {
		font-size: 18px;
	}
	.current-acc-list {
		font-size: 16px;
	}
	.category-block-items-wrap {
		display: block;
	}
	.category-block-item {
		max-width: 100%;
		padding: 0 25px 40px;
	}
	.help-wrap {
		padding-top: 0;
	}
	.help-blocks-title {
		font-size: 25px;
		line-height: 33px;
	}
	.help-blocks-wrap {
		max-width: 240px;
		margin: 0 auto;
		display: block;
	}
	.help-block-item {
		margin: 0 0 25px;
		width: 100%;
		flex-basis: 100%;
		max-width: 100%;
	}
	.help-block-item .icon {
		font-size: 40px;
		width: 40px;
		height: 40px;
		line-height: 40px;
		margin-bottom: 10px;
	}
	.help-block-content {
		padding: 20px 15px 60px;
		height: auto;
	}
	.help-text {
		font-size: 15px;
		max-width: 100%;
		margin-bottom: 10px;
	}
	.help-phone {
		margin-bottom: 10px;
	}
	.working-steps {
		margin-bottom: 30px;
	}
	.acc-description {
		width: calc(100% - 40px);
	}
	.accordions-redesign-wrap {
		margin-bottom: 20px;
	}
	.accordion-btn {
		font-size: 16px;
		line-height: 22px;
		padding: 10px 40px 10px 0;
	}
	.accordion-btn .icon-chevron-down {
		right: 15px;
		top: 15px;
		font-size: 14px;
	}
	.accordion-content-content {
		padding: 15px 10px;
	}
	.accordion-content-content p:last-child {
		margin-bottom: 0;
	}
	.time-check-title {
		font-size: 25px;
	}
	.working-steps-title {
		font-size: 25px !important;
	}
	.bank-video-module-title {
		font-size: 25px !important;
	}
	.calculator-with-blocks-wrap-title {
		font-size: 25px !important;
	}
	.accordions-redesign-title {
		font-size: 25px;
	}
	.time-check-item .check-icon {
		width: 36px;
		height: 36px;
	}
	.time-check-item {
		padding-left: 30px;
		min-height: 44px;
	}
	.bp-image-banner {
		height: 400px;
	}
	.bp-image-banner-content {
		padding: 0 20px;
	}
	.bp-image-banner-title {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 20px;
		max-width: 100%;
	}
	.bp-image-banner-subtitle {
		font-size: 18px;
		line-height: 26px;
		max-width: 100%;
	}
	.bp-image-banner-btn {
		font-size: 16px;
	}
	.three-box-wrap.housing-loans-carousel {
		padding-left: 0;
		padding-right: 0;
	}
	.housing-loans-carousel .owl-pagination {
		margin-top: 0;
	}
	.product-preview-container-button {
		margin-right: 0;
	}
	.new-feature-block-info {
		height: auto !important;
	}
	.comparison-preview {
		padding: 0 16px;
	}
	.comparison-preview__holder {
		justify-content: flex-start;
	}
	.comparison-preview__card {
		margin-left: 0;
		margin-right: 20px;
		height: 60px;
	}
	.comparison-preview__card-container {
		margin-left: 16px;
	}
	.comparison-preview__button {
		margin-left: 20px;
		min-width: 100px;
		padding: 5px 8px;
		height: 36px;
	}
	.card-comparison__back.btn {
		width: 38px;
		height: 38px;
		font-size: 16px;
		top: 0;
	}
	.card-comparison__top {
		padding: 60px 20px 10px;
	}
	.calc-with-block-btn {
		margin-bottom: 16px;
	}
	
	.owl-carousel {
		padding-top: 20px;
	}
	.owl-theme .owl-controls {
		margin-top: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}
	.home-slider-slider {
		padding-top: 0;
	}
}

.contact .upload-files-button {
	float: none;
	margin-bottom: 10px !important;
}

.contact .deleteButtonsForm {
	background: transparent;
	border: 0;
	font-weight: 700;
	margin-left: 10px;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}

@keyframes pulse {
	0% {
		opacity: 0;
		transform: scale(1);
	}
	60% {
		opacity: 0.25;
		transform: scale(1.25);
	}
	100% {
		opacity: 0;
		transform: scale(1);
	}
}


/*pagination*/
.pagination {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 20px 0 64px;
	justify-content: center;
}

@media only screen and (max-width: 767.98px) {
	.pagination {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}


.pagination__list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.pagination__link,
.pagination__button {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	text-decoration:none;
}

@media only screen and (max-width: 767.98px) {
	.pagination__link,
	.pagination__button {
		width: 35px;
		height: 35px;
	}
}

.pagination__link--active {
	background-color: #f6f6f6;
}

.pagination__link {
	font-size: 16px !important;
	color: #013ca6;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

@media only screen and (min-width: 1025px) {
	.no-touch .pagination__link:hover {
		color: #000;
	}
}

@media only screen and (max-width: 767.98px) {
	.pagination__link {
		font-size: 14px;
	}
}

.pagination__button {
	-webkit-box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.2);
	box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.2);
	background-color: #f6f6f6;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

	.pagination__button .icon {
		color: #013ca6;
	}

@media only screen and (min-width: 1025px) {
	.no-touch .pagination__button:hover .icon {
		color: #000;
	}
}

.pagination__arrows {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.pagination__arrows--left .pagination__button {
	margin-right: 12px;
}

	.pagination__arrows--left .pagination__button .icon {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

@media only screen and (max-width: 767.98px) {
	.pagination__arrows--left {
		margin-bottom: 15px;
	}
}

.pagination__arrows--right .pagination__button {
	margin-left: 12px;
}

@media only screen and (max-width: 767.98px) {
	.pagination__arrows--right {
		margin-top: 15px;
	}
}

.pagination__arrows--disable {
	pointer-events: none;
}

	.pagination__arrows--disable .pagination__text {
		color: #d9d9da;
	}

	.pagination__arrows--disable .pagination__button .icon {
		color: #d9d9da;
	}

.pagination__text {
	color: #013ca6;
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	line-height: 1.4;
	color: #3e3e3e;
}

/* Calculators radio buttons */
.loan-calc-section .radiobox {
	padding-top: 13px;
}

.loan-calc-section .radiobox label {
	display: flex;
	align-items: center;
	padding-top: 0;
}

.loan-calc-section .radiobox input[type=radio] ~ label::before,
.loan-calc-section .radiobox input[type=radio] ~ label::after {
	top: 50%;
}

.loan-calc-section .radiobox input[type=radio] ~ label::before {
	transform: translateY(-50%);
}

.loan-calc-section .radiobox input[type=radio]:checked ~ label::after {
	transform: scale(0) translateY(-50%);
}

.loan-calc-section .radiobox input[type=radio]:checked ~ label::after {
	transform: scale(1) translateY(-50%);
}

/* END REVERTED STYLES */