@charset "UTF-8";

h1 { font-size: 32px; line-height: 32px; }
h2 { font-size: 50px; line-height: 50px; }
h3 { font-size: 26px; line-height: 26px; }
blockquote { font-size: 32px; line-height: 40px; }

.container { padding-left: 50px; padding-right: 50px; }

/* Banner */
.wrap-home-banner { margin-bottom: 1.5em !important; }
.wrap-home-banner .banner { background-image: url('../../img/banners/home-banner-tablet.jpg') !important; }
.fr .wrap-home-banner .banner h1 { font-size: 100px; line-height: 100px; }
.fr .wrap-home-banner .banner .banner-subtitle { font-size: 36px; line-height: 36px; }
.wrap-home-banner .banner .container { height: 942px; padding-top: 200px; padding-left: 50px; }
.wrap-home-banner .slick-dots { max-width: inherit; bottom: 25px; padding: 0 0 0 50px; }
.wrap-home-banner .slick-dots li:first-child { margin-left: 0; }
.wrap-home-banner .slick-dots li,
.wrap-home-banner .slick-dots li button { width: 15px; height: 15px; }

.calculator .page-banner .banner { background-image: url('img/banners/banner-calculator-tablet.jpg') !important; }
.faq .page-banner .banner { background-image: url('img/banners/banner-faq-tablet.jpg') !important; }

.page-banner .banner .container { height: 380px; padding-top: 220px; }
.page-banner .banner .container h1 { line-height: 50px; font-size: 50px; }

/* No banner pages */
.nobanner-box-left { margin-right: 5%; }
.nobanner-box-right { width: 50%; }
.page-nobanner { margin-top: 160px; }
.page-nobanner .title h1 { font-size: 50px; line-height: 50px; }
.page-nobanner h2 { font-size: 43px; line-height: 43px; }
.page-nobanner .subtitle { font-size: 20px; line-height: 20px; }

/* Header */
.header-menu { width: calc(100vw + 1px); padding: 1em 0; }

.header-menu .logo,
.menu-open .logo .header-menu .logo,
.menu-open .small-header.header-menu .logo { max-width: 412px; height: auto; }
.small-header.header-menu .logo { max-width: 250px; height: auto; }

.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.menu-mobile-phone { display: block; }
.header-menu .menu li a { display: inline-block;  font-size: 19px; }
.header-menu .menu li.menu-mobile-phone a { color: #39c0e0; }
.header-menu .menu li .submenu { margin-top: 1em; }
.header-menu .menu li .submenu li a { text-transform: inherit; font-size: 16px; }
.header-menu .menu .has-submenu > a:after { width: 17px; height: 14px; margin-top: -3px; }
.header-menu .wrap-nav-icon { z-index: 2; }

.header-menu .header-contact {
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	right: 100px;
}
.fr .header-menu .header-contact { right: 82px; }
.fr .header-menu .header-contact span { font-size: 17px; }

/* Home */
.wrap-home-loans { margin-bottom: 0; }

.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; }
.fr .why-us .why-us-txt h2 { font-size: 40px; line-height: 45px; }

.home-borrow { width: 47%; margin-right: 6%; }
.home-estimation { width: 47%; }
.home-calculator h2 { font-size: 44px; line-height: 50px; }
.fr .home-calculator h2 { line-height: 43px; }
.wrap-home-estimation { margin-right: 26%; }
.wrap-home-estimation:after { width: 178px; height: 376px; }
.home-estimation-content .wrap-estimate-price { padding: 0 1em; }
.home-estimation-content .estimate-price .wrap-price { padding-bottom: 1.5em; }
.home-estimation-content .estimate-price .wrap-price span { font-size: 36px; line-height: 36px; }
.home-estimation-content .estimate-price .wrap-price span:after { bottom: -13px; height: 6px; }
.fr .home-borrow .wrap-home-range p { font-size: 19px; }
.fr .home-borrow .wrap-home-range p span { font-size: 27px; }
.home-borrow .wrap-home-range .range { padding-top: 2.75em; }

/* Loans list */
.wrap-home-loans h2,
.wrap-page-loans h2 { font-size: 35px; line-height: 35px; }
.wrap-home-loans .subtitle,
.wrap-page-loans .subtitle { font-size: 25px; line-height: 25px; }
.loans-list { padding: 0 48px; }
.fr .loans-list .loans-txt { padding: 1.5em 1em; }
.loans-list .loans-txt p {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
 }
 .fr .loans-list .loans-txt .title { font-size: 20px; }
.home-loans-list .loans-list.slick-slide { width: 50% !important; margin-bottom: 2em; }

/* Loans */
.wrap-page-loans { padding-bottom: 2.5em; }
.wrap-loans { background-size: 55%; }
.loans-content { float: inherit; width: 100%; padding: 2em 0; }
.loans-content .subtitle { font-size: 20px; line-height: 20px; }
.loans-content h2 { font-size: 43px; line-height: 43px; }
.loans-content h2:after { width: 25%; }
.loans-content h2 br { display: none; }
.loans-content .loans-content-txt { padding-right: 0; }
.loans-content .loans-content-txt p { font-size: 16px; }
.loans-img { width: 42%; margin: 0 0 2em 2em; }

/* FAQ */
.wrap-faq .faq-text { margin-bottom: 3em; }
.wrap-faq .faq-text h2 { font-size: 43px; line-height: 43px; }
.wrap-faq-box .faq-question { font-size: 18px; line-height: 18px; }

/* Calculator */
.wrap-calculator .calculator-text h2 { line-height: 43px; font-size: 43px; }
.calculator-content { padding: 0; }
.calculator-box h3,
.qualify-price .qualify-price-title { line-height: 38px; font-size: 38px; }
.calculator-title { line-height: 18px; font-size: 18px; }
.qualify-price .qualify-price-amount { line-height: 50px; font-size: 50px; }
.calculator-amount .amount { line-height: 26px; font-size: 26px; }
.calculator-box, .calculator-result-box { margin-right: 5%; }
.calculator-box.last, .calculator-result-box.last { width: 42%; }
.calculator-amount .amount-box { height: 65px; }
.wrap-calculator-result .container { padding: 2em 20px; }
.wrap-calculator-result .calculator-result-box:first-child { padding-top: 2em; }

/* About us */
.about-us .page-nobanner { background-position: center -13px; }
.about-us .title { padding-top: 0; }

/* Contact */
.contact-content { padding-top: 2em; }
.contact-content h3 { font-size: 20px; line-height: 20px; }

/* Footer */
.footer > .container { padding: 3em 2em; }
.footer .container h3 { margin-bottom: 1em; }
.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; padding-left: 1em; }
.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: '-'; }
.footer .container div ul li { margin-bottom: .75em; }

/* Terms link & modal */
.terms-popup { width: 75%; }
.terms-popup .close { top: 20px; right: 25px; }
.terms-popup .terms-txt { height: 500px; min-height: inherit; padding-right: 3em; }

/* Small tablet */
@media only screen and (min-width : 768px) and (max-width : 1023px) {
	h1 { font-size: 30px; line-height: 30px; }
	h2 { font-size: 26px; line-height: 26px; }
	h3 { font-size: 24px; line-height: 24px; }

	/* Header */
	.header-menu .menu.show { padding-top: 10em; }
	.header-menu .logo,
	.menu-open .logo .header-menu .logo,
	.menu-open .small-header.header-menu .logo  { max-width: 291px; }
	.small-header.header-menu .logo { max-width: 247px; }
	.header-menu .header-contact { right: 90px; }
	.header-menu .header-contact span { font-size: 16px; }
	.fr .header-menu .header-contact span { font-size: 0; }
	.fr .header-menu .header-contact span a { font-size: 16px; }
	.header-menu .header-contact a:before { width: 14px; height: 14px; }
	.fr .header-menu .header-contact a:before { width: 16px; height: 16px; }

	/* Banner */
	.wrap-home-banner .banner .container h1 { line-height: 75px; font-size: 75px; }
	.wrap-home-banner .banner .banner-subtitle { line-height: 30px; font-size: 30px; }
	.wrap-home-banner .banner .bloc-text li:before { top: 0; width: 19px; height: 19px; }
	.wrap-home-banner .slick-dots { max-width: 768px; }

	.page-banner .banner .container { padding-top: 200px; }
	.page-banner .banner .container h1 { line-height: 45px; font-size: 45px; }

	.calculator .page-banner .banner { background-image: url('img/banners/banner-calculator-mobile.jpg') !important; }
	.faq .page-banner .banner { background-image: url('img/banners/banner-faq-mobile.jpg') !important; }

	.page-nobanner { margin-top: 123px; }
	.page-nobanner .title h1 { font-size: 45px; line-height: 45px; }
	.page-nobanner h2 { font-size: 40px; line-height: 40px; }

	/* Home */
	.wrap-home-loans .subtitle { font-size: 22px; line-height: 22px; }

	.why-us .container { width: 100%; padding: 3em; }
	.why-us .why-us-txt h2 { font-size: 40px; }
	.why-us .why-us-txt h2 br { display: none; }
	.why-us .why-us-img { display: none; }

	.home-calculator { padding: 2em 0; }
	.home-calculator h2 { line-height: 30px; }
	.home-calculator .subtitle { font-size: 20px; line-height: 24px; }
	.home-borrow .wrap-home-range p { font-size: 16px; }
	.home-borrow .wrap-home-range span { margin-left: 0.25em; font-size: 22px; }
	.home-borrow,
	.home-estimation { width: 100%; margin-right: 0; }
	.home-estimation .btn { display: block; width: 60%; margin: 0 auto 1.5em; }
	.home-estimation p { text-align: center; }
	.home-borrow { margin-bottom: 2em; }
	.home-borrow .btn { display: none; }
	.wrap-home-estimation { width: 60%; margin: 0 auto 2em; }
	.home-estimation-content .wrap-estimate-price { padding: 0 1.5em; }
	.home-estimation-content .estimate-price p { font-size: 16px; line-height: 20px; }
	.home-estimation-content .estimate-price .wrap-price span { font-size: 35px; line-height: 35px; }
	.home-estimation-content .estimate-price .wrap-price span:after { left: 50px; }
	.home-borrow .wrap-home-range .range { padding-top: 3em; }

	/* Loans list */
	.loans-list { padding: 0 20px; }
	.loans-list .loans-txt .title { font-size: 18px; }
	.fr .loans-list .loans-txt { min-height: 285px; }
	.fr.debt-consolidation .loans-list .loans-txt,
	.fr.bridge-loans .loans-list .loans-txt,
	.fr.private-mortgages .loans-list .loans-txt,
	.fr.real-estate-investors .loans-list .loans-txt { min-height: inherit; }

	/* Loans */
	.loans-content h2 { font-size: 40px; line-height: 40px; }
	.wrap-page-loans .slick-prev { left: 5px !important; }
	.wrap-page-loans .slick-next { right: 5px !important; }

	/* FAQ */
	.wrap-faq .faq-text h2 { font-size: 40px; line-height: 40px; }

	/* Footer */
	.footer > .container { padding: 3em 2em 1.5em; }
	.footer > .container > div,
	.footer .container .footer-logo { width: 46%; margin-right: 6%; }
	.footer > .container > div:nth-of-type(2n) { margin-right: 0; }
	.footer > .container > div:nth-of-type(1),
	.footer > .container > div:nth-of-type(2) { margin-bottom: 2em; }
	.footer-services,
	.footer-ressources { width: 100% !important; margin-right: 0 !important; }
	.wrap-copyright .container .copyright { text-align: center; }
	.wrap-copyright .container p,
	.wrap-copyright .container p:last-child { float: none; display: block; text-align: center; }
	.wrap-copyright .container p:last-child { margin-top: 1em; }
	.wrap-copyright .container .terms-link { position: inherit; top: inherit; left: inherit; transform: inherit; }
}