@charset "UTF-8";

/* Header */
.header-menu .logo {
	max-width: 482px;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.small-header.header-menu .logo {
	max-width: 260px;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.header-menu .menu { display: block !important; }
.header-menu .wrap-nav-icon { display: none; }
.header-menu .menu li a:hover { background: #39c0e0; color: #fff; }
.header-menu .menu li.selected > a { background: #39c0e0; color: #fff; }
.header-menu .menu .has-submenu:after { display: none; }
.header-menu .menu li .submenu.show {
	position: absolute;
	top: 48px;
	padding: .75em .5em;
	background: #fff;
	border-radius: 18px;
	box-shadow: 0 6px 6px #dadfe3;
}
.header-menu.small-header .menu li .submenu { border-radius: 0 0 18px 18px; box-shadow: 0 6px 6px #dedede; }
.header-menu .menu li .submenu:before {
    content: '';
    position: absolute;
    top: -9px;
    left: 40px;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #fff transparent;	
}
.header-menu .menu li .submenu li a { min-width: 215px; line-height: 20px; text-align: left; text-transform: inherit; }
.header-menu .menu li .submenu li a:hover { background: transparent; color: #39c0e0; }

/* Loans list */
.loans-list a .wrap-img { overflow: hidden; position: relative; }
.loans-list .wrap-img:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.loans-list a:hover .wrap-img:before {
	-webkit-animation: circle 1s;
	animation: circle 1s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}

/* Footer */
.footer-services a,
.footer-ressources a,
.wrap-copyright .container a { position: relative; display: inline-block; }
.footer-services a:after,
.footer-ressources a:after,
.wrap-copyright .container .terms-link:after,
.wrap-copyright .container a:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 1px;
	transform: scaleX(0);
	background-color: #fff;
	transition: transform 0.4s;
	-webkit-transition: transform 0.4s;
}
.footer-services a:hover:after,
.footer-ressources a:hover:after,
.wrap-copyright .container .terms-link:hover:after,
.wrap-copyright .container a:hover:after { transform: scaleX(1); -webkit-transform:scaleX(1); }

/* Go to top btn */
.go-top {
    display: none;
    z-index: 10;
    position: fixed;
    right: 2em;
    top: calc(50% - 50px);
    padding: 1.75em;
    background: rgba(57,193,224,.95) url('../../img/icons/arrow.svg') center center no-repeat;
    background-size: 50%;
    border-radius: 50%;
    transform: translateY(-50%) rotate(180deg);
    -webkit-transform: translateY(-50%) rotate(180deg);
}
.go-top.show { display: block; }

/* Exception for small desktop */
@media only screen and (min-width : 1024px) and (max-width : 1409px) {
	.header-menu .logo { width: 350px; }
	.header-menu .header-contact { 
	    top: 50%;
	    transform: translateY(-50%);
	    -webkit-transform: translateY(-50%);
		right: 100px;
	}
	.header-menu .wrap-nav-icon { display: block; }
	.header-menu .menu { display: none !important; }
	.header-menu .menu {
	    position: fixed;
	    right: 0;
		top: 0 !important;
	    transform: none;
	    height: 100vh;
	    min-height: 100vh;
	    padding: 8em 2.5em 1em 2.5em;
	    background: #fff;
	    box-shadow: 0 0 5px #dadfe3;
	}
	.header-menu .menu.show { display: block !important; }
	.header-menu .menu li {
	    display: block;
	    margin-bottom: 1.5em;
	    text-align: center;
	}
	.header-menu .wrap-nav-icon {
		z-index: 2;
	    position: absolute;
	    right: 20px;
	    top: 50%;
	    transform: translateY(-50%);
	    -webkit-transform: translateY(-50%);
	}
	.footer .container .footer-logo { margin-right: 7%; }
	.footer > .container div { margin-right: 10%; }
	.footer .container .footer-office { min-height: 250px; }
	.footer .container .footer-services ul,
	.footer .container .footer-ressources ul { display: none; margin-bottom: 2em; }
	.footer .container .footer-services .visible-mobile,
	.footer .container .footer-ressources .visible-mobile { display: block; }
	.footer .container .footer-services .mobile-link,
	.footer .container .footer-ressources .mobile-link { cursor: pointer; }
	.footer .container .footer-services .mobile-link:after,
	.footer .container .footer-ressources .mobile-link:after { content: '+';  margin-left: 5px; }
	.footer .container .footer-services .mobile-link.open:after,
	.footer .container .footer-ressources .mobile-link.open:after { content: '-'; }
}
@media only screen and (min-width : 1024px) and (max-width : 1400px) {
	.calculator-content { padding: 0; }
	.calculator-box { width: 53%; margin-right: 5%; }
	.calculator-box.last { width: 42%; }
	.qualify-price .qualify-price-amount { font-size: 60px; line-height: 60px; }	
}
@media only screen and (min-width : 1024px) and (max-width : 1700px) {
	.why-us { overflow: hidden; min-height: inherit; }
	.why-us .container { position: inherit; left: inherit; top: inherit; transform: inherit; padding: 3em 2em 0; }
	.why-us .container,
	.why-us .why-us-img { float: left; width: 50%; }
	.why-us .why-us-txt { width: 100%; padding: 0; }
	.why-us .why-us-img span { width: 60px; }
	.why-us .why-us-img span:nth-of-type(2) { left: 60px; }
	.why-us .why-us-img span:nth-of-type(3) { left: 120px; }
	.why-us .why-us-img span:nth-of-type(4) { left: 180px; }
}
@media only screen and (max-width : 1409px) {
	.menu-open .logo .header-menu .logo,
	.menu-open .small-header.header-menu .logo { width: 350px; height: 150px; }
	.menu-open .small-header.header-menu { padding: 0; }
	.header-menu .menu {
		position: fixed;
		right: 0;
		top: 86px;
		transform: none;
		height: 100vh;
		min-height: 100vh;
		padding: 1em 2.5em 1em 2.5em;
		background: #fff;
		box-shadow: 0 0 5px #dadfe3;
	}
	.header-menu .menu.show { top: 0; width: 100%; padding-top: 12em; }
	.header-menu .menu li { display: block; margin-bottom: 1.5em; text-align: center; }
	.header-menu .menu li a { display: inline-block;  font-size: 19px; }
	.header-menu .menu li.selected > a { background: transparent; color: #3f5364; }
	.header-menu .menu li .submenu { margin-top: 1em; }
	.header-menu .menu li .submenu.show {
		position: inherit;
		top: inherit;
		padding: 0;
		background: #fff;
		border-radius: 0;
		box-shadow: none;
	}
	.header-menu .menu li .submenu li a { text-transform: inherit; font-size: 16px; text-align: center; }
	.header-menu .menu .has-submenu > a:after { width: 17px; height: 14px; margin-top: -3px; }
	.header-menu .menu .has-submenu > a:after {
		content: '';
		display: inline-block;
		vertical-align: middle;
		width: 17px;
		height: 14px;
		margin-left: 5px;
		margin-top: -3px;
		background: url('../../img/icons/arrow-submenu.svg') center center no-repeat;
		background-size: 100%;
	}
	.header-menu .menu .has-submenu.move-arrow > a:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
}

@media only screen and (min-width : 768px) and (max-width : 1366px) {
	.container { padding-left: 30px; padding-right: 30px; }
	.home .container { padding-left: 50px; padding-right: 50px; }
	.page-nobanner { margin-top: 166px; }
	.page-nobanner h2 { font-size: 55px; line-height: 55px; }
	.header-menu .logo { width: 359px; }
}