@charset "UTF-8";

h1 { font-size: 30px; line-height: 30px; }
h2 { font-size: 30px; line-height: 30px; }
h3 { font-size: 22px; line-height: 22px; }
blockquote { font-size: 23px; line-height: 28px; }

.btn { padding: 20px 26px; font-size: 16px; line-height: 20px; }

/* Inputs */
.wrap-input { width: 100%; margin-right: 0; margin-bottom: 1em; }

/* Banners */
.wrap-home-banner { margin-bottom: 1.5em !important; }
.wrap-home-banner .banner { background-image: url('../../img/banners/home-banner-mobile.jpg') !important; }
.wrap-home-banner .banner,
.wrap-home-banner .banner .container { height: 512px; }
.wrap-home-banner .banner .container { padding-top: 130px; }
.wrap-home-banner .banner .container h1 { line-height: 40px; font-size: 40px; }
.wrap-home-banner .banner p { margin-bottom: 1em; font-size: 20px; }
.wrap-home-banner .banner .banner-subtitle { font-size: 22px; line-height: 22px; }
.wrap-home-banner .banner .banner-subtitle br,
.wrap-home-banner .banner p br { display: block; }
.wrap-home-banner .banner .bloc-text { display: none; }
.wrap-home-banner .slick-dots { bottom: 20px; }

.page-banner .banner .container { height: 290px; padding-top: 145px; }
.page-banner .banner .container h1 { font-size: 35px; line-height: 35px; word-wrap: break-word; }

.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; }

.wrap-nobanner-content { padding-bottom: 2em; }
.nobanner-box-left,
.nobanner-box-right { width: 100%; margin-right: 0; }
.nobanner-box-left { margin-bottom: 2em; }
.contact-us .nobanner-box-left { margin-bottom: 0; }
.nobanner-box p { font-size: 16px; }
.page-nobanner { margin-top: 106px; }
.page-nobanner .title h1 { margin-bottom: 1em; font-size: 35px; line-height: 35px; padding-bottom: 10px; border-bottom: 5px solid #39c0e0; }
.page-nobanner .title h1:after { content: none; }
.page-nobanner .subtitle { font-size: 18px; line-height: 18px; }
.page-nobanner h2 { font-size: 30px; line-height: 30px; }

/* Slick */
.slick-slide img { margin: 0 auto; }

/* Header */
.header-menu { width: calc(100vw + 1px); padding: 1em 0; }
.header-menu .logo,
.small-header.header-menu .logo { max-width: 242px; }
.header-menu .menu {
	position: fixed;
	right: 0;
	top: 86px;
	transform: none;
	width: calc(100vw + 1px);
	height: 100vh;
	min-height: 100vh;
	padding: 1em 2em;
	background: #fff;
}
.header-menu .menu.show { top: 0; padding-top: 8em; }
.header-menu .menu li { display: block; margin-bottom: 1.25em; }
.header-menu .menu li .submenu { margin-top: .75em; padding-left: 1.5em; }
.header-menu .menu li .submenu li a { text-transform: inherit; }
.header-menu .menu li.menu-mobile-phone { display: block; }
.header-menu .menu li.menu-mobile-phone a { color: #39c0e0; }
.header-menu .menu li.menu-mobile-phone a:before { display: none; }
.header-menu .menu > li a { display: inline-block; }
.header-menu .wrap-nav-icon { z-index: 2; }
.header-menu .header-contact { display: none; }

/* Home */
.wrap-page-loans { padding: 2em 0; }
.wrap-home-loans { margin-bottom: 1em; }
.wrap-home-loans h2,
.wrap-page-loans h2 { margin-bottom: .5em; }
.wrap-home-loans .subtitle,
.wrap-page-loans .subtitle { font-size: 20px; line-height: 20px; }

.why-us { overflow: hidden; min-height: inherit; }
.why-us .container { position: inherit; left: inherit; top: inherit; transform: inherit; padding: 3em 2em; }
.why-us .why-us-img { display: none; }
.why-us .why-us-txt { width: 100%; padding: 0; text-align: center; }
.why-us .why-us-txt h2,
.why-us .why-us-txt p { text-align: center; }
.why-us .why-us-txt h2 { font-size: 30px; line-height: 34px; }
.why-us .why-us-txt h2 br { display: none; }
.why-us .why-us-txt p { font-size: 16px; }

.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; margin-bottom: 1.5em; }
.home-estimation p { text-align: center; }
.home-borrow .btn { display: none; }
.wrap-estimation-content { overflow: inherit; }
.wrap-home-estimation { width: 100%; margin-bottom: 4em; margin-right: 0; }
.wrap-home-estimation:after { display: none; }
.home-estimation-content { float: none; position: relative;	margin: 0 auto; padding-bottom: 1.75em; }
.home-estimation-content > p { width: 100%; position: absolute; bottom: -38px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.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: 2.75em; }

/* Loans list*/
.home-loans-list .slick-prev,
.home-loans-list .slick-next { top: 95px !important; }
.wrap-home-loans .loans-list .loans-txt { padding: 1.5em 0 1em; }

/* Loans */
.loans-img { display: none; }
.loans-content { width: 100%; padding: 1em 0; }
.loans-content h2 { font-size: 30px; line-height: 30px; padding-bottom: 10px; border-bottom: 5px solid #39c0e0; }
.loans-content h2:after { content: none; }
.loans-content h2 br { display: none; }
.loans-content .subtitle { font-size: 18px; line-height: 18px; }
.loans-content .loans-img-mobile { display: block; }
.loans-content .loans-content-txt { padding-right: 0; }
.loans-content .loans-content-txt p { font-size: 16px; }
.loans-content .btn { margin: 2em auto; display: block; width: 85%; font-size: 18px; line-height: 20px; }

.wrap-loans { background-size: 80%; }
.wrap-page-loans .slick-prev { left: 35px !important; }
.wrap-page-loans .slick-next { right: 35px !important; }
.wrap-page-loans .slick-prev,
.wrap-page-loans .slick-next { top: 110px !important; }

/* FAQ */
.wrap-faq { padding: 1em 0; }
.wrap-faq .faq-text { margin-bottom: 3em; }
.wrap-faq .faq-text h2 { font-size: 35px; line-height: 35px; }
.wrap-faq-box .faq-answer { padding-left: 0; }
.wrap-faq-box .faq-answer p { font-size: 16px; }
.wrap-faq-box { padding: 1.25em 2em; border-radius: 30px; }
.wrap-faq-box .faq-question { font-size: 18px; line-height: 20px; }
.wrap-faq-box .faq-question:after { right: 0; }

/* Calculator */
.wrap-calculator-result { margin-bottom: 2em; }
.wrap-calculator { padding-top: 1.5em; }
.wrap-calculator-result .container { padding: 2em 20px; }
.wrap-calculator .calculator-text { margin-bottom: 3em; }
.calculator-content { margin-bottom: 1.5em; padding: 0; }
.calculator-box > p { padding-right: 0; }
.calculator-box, .calculator-result-box { width: 100%; }
.wrap-calculator .calculator-text h2,
.qualify-price .qualify-price-title,
.calculator-amount .amount { line-height: 30px; font-size: 30px; }
.calculator-box h3 { line-height: 26px; font-size: 26px; }
.calculator-title { line-height: 18px; font-size: 18px; }
.wrap-calculator .calculator-text p,
.calculator-box > p,
.calculator-box .calculator-subtext p { font-size: 16px; }
.calculator-box, .calculator-result-box { margin-right: 0; }
.calculator-box.last, .calculator-result-box.last { width: 100%; }
.calculator-box .calculator-subtext { padding-top: 2em; }
.calculator-box .btn { margin: 0 auto 3em; display: block; width: 85%; font-size: 18px; line-height: 20px; }
.calculator-amount .amount-box { height: 50px; }
.qualify-price .qualify-price-amount { line-height: 38px; font-size: 38px; }
.wrap-calculator-result .calculator-result-box:first-child { padding-top: 0; }
.calculator-result-box.last { padding-top: 2em; }

/* Online application */
.online-form .form-input { margin-bottom: 2em; }
.online-form .form-input .wrap-input { margin-bottom: 0; }
.online-form .form-input.split .wrap-input { width: 100%; margin-right: 0; margin-bottom: 2em; }
.online-form .form-input.split .wrap-input:last-child { margin-bottom: 0; }
.online-form .form-input.split .wrap-input.custom-radio { margin-bottom: 1em; }
.online-form .wrap-input.special input { margin-right: 0; }

/* About us */
.about-us .page-nobanner { background: none; }
.about-us .title { padding-top: 0; }

/* Contact */
.contact-us .bottom-logo,
.why-choose-us .bottom-logo,
.online-application .bottom-logo { background: none; }
.contact-content { margin-bottom: 3em; padding-top: 0; padding-right: 0; }
.contact-content h3 { font-size: 20px; line-height: 20px; }
.contact-details:before { display: none; }

/* Footer */
.footer > .container { padding: 3em 1.5em 2em; }
.footer .container h3 { margin-bottom: 1em; }
.footer > .container > div,
.footer .container .footer-logo { width: 100%; margin-right: 0; }
.footer .container .footer-logo { margin-bottom: 2em; }
.footer .container .footer-office { margin-bottom: 3em; }

.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; }

.wrap-copyright .container { padding-top: .25em; padding-bottom: .25em; }
.wrap-copyright .container .copyright { text-align: center; }
.wrap-copyright .container p,
.wrap-copyright .container p:last-child { float: none; }
.wrap-copyright .container p:last-child { margin-top: 10px; }
.wrap-copyright .container .terms-link { position: inherit; top: inherit; left: inherit; transform: inherit; }

/* Terms link & modal */
.terms-popup { width: 90%; }
.terms-popup .terms-txt { padding-right: 3em; }

/* Mobile exception */
@media only screen and (min-width : 415px) and (max-width : 541px) {
	.loans-list a { max-width: 397px; margin: 0 auto; }
	.slick-prev, .slick-next { top: 160px !important; }
	.slick-prev { left: 65px !important; }
	.slick-next { right: 65px !important; }
}
@media only screen and (max-width : 281px) {
	.btn { padding: 12px 40px; font-size: 18px; line-height: 22px; }
	.header-menu .menu { padding: 1em; }
	.header-menu .logo,
	.small-header.header-menu .logo { width: 180px; }
	.loans-list { padding: 0; }
	.slick-prev { left: 10px !important; }
	.slick-next { right: 10px !important; }
	.slick-prev, .slick-next { top: 85px !important; }
	.wrap-page-loans .slick-prev { left: 25px !important; }
	.wrap-page-loans .slick-next { right: 25px !important; }
	.wrap-page-loans .slick-prev,
	.wrap-page-loans .slick-next { top: 85px !important; }
}