html { scroll-behavior: smooth; }
body { background: #fff; color:#3c3f3e; font-family: 'Montserrat', sans-serif; margin: 0; }
img { max-width: 100%; }
p{ font-size:16px; }
a{ color:inherit; text-decoration:none; transition: .4s ease; }
.cfix:after {clear: both;}
.cfix:after {content: "";display: table;}

h1, h2, h3, h4, h5 { font-family: 'Barlow Condensed', sans-serif; text-transform:uppercase; margin:0; }

.btn { font-family: 'Barlow Condensed', sans-serif; background: #95d600; color: #3c3f3e; padding: 20px 40px; text-decoration: none; text-transform: uppercase; font-weight: 600; font-size: 17px; letter-spacing: .2em; transition: .4s ease; display: inline-block; }
.btn .arrow { background-image: url(../img/arrow-btn.png); background-repeat: no-repeat; background-position:center center; height: 15px; width: 19px; margin-left: 70px; margin-bottom: -1px; display: inline-block; transition: .4s ease; }
.btn:hover { background: #3c3f3e; color: #95d600; }
.btn:hover .arrow { background-image: url(../img/arrow-btn-hover.png); }
@media (max-width: 1259px) {
	.btn .arrow { margin-left: 30px; }
}
@media (max-width: 450px) {
	p{ font-size:14px; }
	.btn { padding: 18px 25px; font-size: 15px; }
	.btn .arrow { margin-left: 20px; display:none; }
	.btn .hide-sm{ display:none; }
}


/*HEADER*/
#main-header{ background:#fff; }
#main-header .inner { display: flex; align-items: center; justify-content: space-between; }
#main-header .leftZone { display: flex; align-items: center; flex-wrap: wrap; }
#main-header .logo{ float:left; background: #95d600; padding: 20px 30px 20px 30px; z-index:999; }
#main-header .logo img{ display:block; transition:all 0.6s ease; max-width: 300px; }
#main-header .madeIn { padding: 0 20px; }
#main-header .madeIn img { margin-right: 15px; max-height: 28px; }
#main-header.scroll .logo img{ height:40px; }
#main-header .menu{ float:right; padding-right: 65px; }
#main-header .menu .main-link { font-family: 'Barlow Condensed', sans-serif; position:relative; color:#3c3f3e; font-size:18px; font-weight:700; text-transform:uppercase; margin:0 10px; display:block; float:left; text-decoration: none; letter-spacing: 0.2em; border: 4px solid #fff; padding: 10px 21px 10px 21px; transition: .3s ease-in-out; }
#main-header .menu .main-link.with-dropdown { padding: 10px 45px 10px 21px; }
#main-header .menu .main-link:last-child{ margin-right:0; }
#main-header .menu .main-link .caret { background-image: url(../img/caret-menu.png); background-repeat: no-repeat; width: 13px; height: 9px; position: absolute; top: 50%; right: 21px; margin-top: -4px; margin-left: 20px; transition: .4s ease; }
#main-header .menu .dropdown-active .main-link { border: 4px solid #95d600; }
#main-header .menu .dropdown-active .main-link .caret { transform: rotate(-180deg); }
#main-header .menu a:hover { border: 4px solid #95d600; }
#main-header .menu nav ul { list-style-type: none; padding: 0; margin: 0; }
#main-header .menu nav ul li { display: inline-block; }
#main-header .menu nav ul .dropdown-content { position: absolute; background-color: #fff; top: 82px; left: 0; width: 100%; z-index: 998; -webkit-box-shadow: 0px 18px 35px 0px rgba(0,0,0,0.08); -moz-box-shadow: 0px 18px 35px 0px rgba(0,0,0,0.08); box-shadow: 0px 18px 35px 0px rgba(0,0,0,0.08); }
#main-header .menu nav ul .dropdown-content .list-items { position: relative; }
#main-header .menu nav ul .dropdown-content .list-items:before { position: absolute; content: ''; width: 100%; height: 4px; top: 0; left: 0; background: #f0f0f0; }
#main-header .menu nav ul .dropdown-content .list-items:after { position: absolute; content: ''; width: 100%; height: 4px; bottom: 0; left: 0; background: #f0f0f0; }
#main-header .menu nav ul .dropdown-content .list-items .row { position: relative; }
#main-header .menu nav ul .dropdown-content .list-items .row:before { position: absolute; content: ''; width: 4px; height: 100%; top: 0; left: 0; background: #f0f0f0; }
#main-header .menu nav ul .dropdown-content .list-items .row:after { position: absolute; content: ''; width: 4px; height: 100%; top: 0; right: 0; background: #f0f0f0; }
#main-header .menu nav ul .dropdown-content .item { padding: 0; }
#main-header .menu nav ul .dropdown-content .item a { width: 100%; text-align: center; border: 2px solid #f0f0f0; margin: 0; padding: 60px 10px; display:block; text-decoration: none; height: 100%; }
#main-header .menu nav ul .dropdown-content .item a .name { display: block; margin-top: 25px; font-size: 23px; letter-spacing: .2em; color: #3c3f3e; position: relative; font-family: 'Barlow Condensed', sans-serif; font-weight: 600; text-transform: uppercase;  }
#main-header .menu nav ul .dropdown-content .item a .name:after { position: absolute; content: ''; width: 40px; height: 4px; background: #95d600; bottom: -20px; left: 50%; transform: translateX(-50%); }
#main-header .menu nav ul .dropdown-content .item a .btn-see { position: absolute; bottom: 0; left: 0; background: #95d600; width: 100%; font-family: 'Barlow Condensed', sans-serif; text-transform: uppercase; font-size: 15px; font-weight: 600; letter-spacing: .2em; padding: 16px; opacity: 0; transition: .4s ease; color: #3c3f3e; }
#main-header .menu nav ul .dropdown-content .item a:hover .btn-see { opacity: 1; }
#main-header .menu nav ul .dropdown-content .btn-more { padding: 30px 0; text-align: right; }
#main-header .menu nav ul .dropdown-content .btn-more .col-12 { padding: 0; }
#main-header .menu nav ul .dropdown-content .btn { font-family: 'Barlow Condensed', sans-serif; background: #95d600; color: #3c3f3e; padding: 20px 40px; text-decoration: none; text-transform: uppercase; font-weight: 600; font-size: 17px; letter-spacing: .2em; transition: .4s ease; display: inline-block; width: auto; border: none; }
#main-header .menu nav ul .dropdown-content .btn .arrow { background-image: url(../img/arrow-btn.png); height: 15px; width: 19px; margin-left: 70px; margin-top: 2px; display: inline-block; transition: .4s ease; }
#main-header .menu nav ul .dropdown-content .btn:hover { background: #3c3f3e; color: #95d600; }
#main-header .menu nav ul .dropdown-content .btn:hover .arrow { background-image: url(../img/arrow-btn-hover.png); height: 15px; width: 19px; margin-left: 70px; margin-top: 2px; }
@media (max-width: 1259px) {
	#main-header .logo { padding: 20px 15px 20px 15px; }
	#main-header .logo img { width:220px; }
	#main-header .menu .main-link { font-size:16px; margin:0 2px; padding: 10px 13px 10px 15px; }
	#main-header .menu .main-link.with-dropdown { padding: 10px 35px 10px 15px; }
	#main-header .menu .main-link.with-dropdown .caret { right: 15px; }
	#main-header .menu nav ul .dropdown-content { top: 85px; }
}
@media (max-width: 1558px) {
	#main-menu { display: none; }
}



/*MOBILE HEADER*/
#mobile-header{ display:none; }
#mobile-header .inner { position: relative; }
#mobile-header .top-bar{ display:block; padding:20px; position:relative; background:#fff; border-bottom:1px solid #e3e3e3; }
#mobile-header .logo img{ max-width:220px; }
#mobile-btn{ display:block; right:0; cursor:pointer; position:absolute; top:50%; transform: translateY(-50%); }

#mobile-btn .nav-icon { margin: 1em 2em; width: 35px; }
#mobile-btn .nav-icon:after, 
#mobile-btn .nav-icon:before, 
#mobile-btn .nav-icon div { background-color: #000; border-radius: 3px; content: ''; display: block; height: 4px; margin: 5px 0; transition: all .2s ease-in-out; }

.nav-icon.open:before { transform: translateY(6px) rotate(135deg); }
.nav-icon.open:after { transform: translateY(-12px) rotate(-135deg); }
.nav-icon.open div { transform: scale(0); }

#mobile-header .menu{ display:block; background:#fff; width:100%; max-height:0; overflow:hidden; transition:max-height 0.6s ease; position: absolute; top: 71px; z-index: 9999; padding: 20px 0; }
#mobile-header .menu.menu-active { max-height:2000px; }
#mobile-header .menu a{ font-weight:700; color:#333; text-transform:uppercase; display:block; padding:14px 20px; border-bottom:1px solid #e3e3e3; }
#mobile-header .menu li { width: 100%; margin-bottom: 10px; }
#mobile-header .menu .main-link { width: 100%; z-index: 999; margin: 0; border: 0; }
#mobile-header .menu .main-link.with-dropdown { padding: 20px 35px 20px 15px; }
#mobile-header .menu .main-link.with-dropdown { padding: 20px 15px 20px 15px; }
#mobile-header .menu nav ul .dropdown-content { z-index: 100; position: relative; top: auto; box-shadow: none; border-bottom: 4px solid #f0f0f0; margin-bottom: 20px; }
#mobile-header .menu .dropdown-active .main-link, #mobile-header .menu a:hover { border: none;}
#mobile-header .menu nav ul .dropdown-content .list-items:before { display: none; }
#mobile-header .menu nav ul .dropdown-content .btn-more { text-align: center; }
#mobile-header .menu nav ul .dropdown-content .btn { padding: 15px 25px; font-size: 14px; }
#mobile-header .menu nav ul .dropdown-content .btn .arrow { margin-left: 10px; }
#mobile-header .menu nav ul .dropdown-content .item a .btn-see { font-size: 14px; }
@media (max-width: 1558px) {
	#mobile-header{ display:block; }
}
@media (max-width: 450px) {
	#mobile-header .logo img{ max-width:180px; }
	#mobile-header .logo { padding: 20px 15px; }
	#mobile-header .menu { top: 65px; }
	#mobile-header .madeIn { display: none; }
}


/*FOOTER*/
#main-footer{ padding:60px; background:#3c3f3e; }
#main-footer .flex-wrap{ display:flex; flex-flow:row wrap; }
#main-footer .flex-wrap>div{ display:flex; flex-direction:column; justify-content:center; width:50%; }
#main-footer .content{ width:40%; }
#main-footer .top{ padding:40px 0; }
#main-footer .top .action{ align-items:flex-end; }
#main-footer .top .action .cert{ width: 157px; max-width: 30%; margin: 0 0 0 30px; }
#main-footer .top .action .cert.abyc{ width: 140px; }
#main-footer .bottom{ padding:30px 0; border-top:2px solid #5c5c5c; font-family: 'Barlow Condensed', sans-serif; }

/* #main-footer .bottom .left .fb span{ display:block; float:left; height:30px; padding:8px 0; color:#fff; font-weight:500; letter-spacing: 0.15em; text-transform:uppercase; }
#main-footer .bottom .left .fb:hover span{ color:#95d600; }
#main-footer .bottom .left .fb .icn{ margin:0 0 0 100px; width:36px; height:36px; background:#5c5c5c; color:#fff; padding:8px; text-align:center; transition:all .3s ease-out; position:relative; }
#main-footer .bottom .left .fb .icn:before{ content:""; display:block; width:60px; height:2px; background:#95d600; position:absolute; top:50%; left:-80px; margin-top:-1px; }
#main-footer .bottom .left .fb:hover .icn{ background:#95d600; color:#3c3f3e; }
#main-footer .bottom .left .fb svg{ height:17px; } */

#main-footer .followUs { display: flex; align-items: center; }
#main-footer .followUs span.titleMedias{ display:block; float:left; height:auto; padding:0 90px 0 0; font-weight:700; letter-spacing: 0.15em; text-transform:uppercase; position: relative; margin-right: 20px; color: #fff; }
#main-footer .followUs span.titleMedias:after { content:''; background: #95d600; height: 2px; width: 70px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
#main-footer .followUs .fb{ font-family: 'Barlow Condensed', sans-serif; margin-right: 5px; }
#main-footer .followUs .fb:hover span{ color:#95d600; }
#main-footer .followUs .fb .icn{ width:36px; height:36px; background:#5c5c5c; color:#fff; padding:8px; text-align:center; transition:all .3s ease-out; position:relative; display: inline-block; }
#main-footer .followUs .fb:hover .icn{ background:#95d600; color:#3c3f3e; }
#main-footer .followUs .fb svg { height:17px !important; }
#main-footer .followUs .fb svg path { fill: #fff; }

/* Instagram icon — same treatment as the other social icons */
#main-footer .followUs .instagram{ font-family: 'Barlow Condensed', sans-serif; margin-right: 5px; }
#main-footer .followUs .instagram .icn{ width:36px; height:36px; background:#5c5c5c; color:#fff; padding:8px; text-align:center; transition:all .3s ease-out; position:relative; display: inline-block; }
#main-footer .followUs .instagram:hover .icn{ background:#95d600; color:#3c3f3e; }
#main-footer .followUs .instagram svg { height:17px !important; }
#main-footer .followUs .instagram svg path { fill: #fff; }

/* Footer top: 4-column grid — brand / navigation / coordonnées / certifications */
#main-footer .footer-grid{ display:grid; grid-template-columns:1fr auto; gap:40px 60px; align-items:start; }
#main-footer .f-brand .logo{ position:relative; display:inline-block; padding-bottom:20px; margin-bottom:26px; }
#main-footer .f-brand .logo:after{ content:''; position:absolute; left:0; bottom:0; width:100%; height:3px; background:#95d600; }
#main-footer .f-brand .logo img{ max-width:220px; display:block; }
#main-footer .f-tagline{ color:#aab0ae; line-height:1.8; font-size:14px; margin:0; max-width:340px; }
#main-footer .f-flags{ margin-top:20px; display:flex; gap:12px; align-items:center; }
#main-footer .f-flags img{ height:20px; width:auto; }

#main-footer .f-heading{ display:block; font-family:'Barlow Condensed',sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:.2em; font-size:15px; color:#fff; position:relative; padding-bottom:14px; margin-bottom:14px; }
#main-footer .f-heading:after{ content:''; position:absolute; left:0; bottom:0; width:26px; height:3px; background:#95d600; }

#main-footer .footer-menu{ display:flex; flex-direction:column; align-items:flex-start; }
#main-footer .footer-menu a{ color:#c4c9c7; text-decoration:none; text-transform:uppercase; font-family:'Barlow Condensed',sans-serif; letter-spacing:.12em; font-weight:600; font-size:15px; padding:7px 0; transition:color .3s ease, transform .3s ease; }
#main-footer .footer-menu a:hover{ color:#95d600; transform:translateX(4px); }

#main-footer .f-contact .f-address{ color:#aab0ae; line-height:1.9; font-size:14px; margin:0 0 14px; }
#main-footer .f-contact .f-link{ display:block; color:#c4c9c7; text-decoration:none; font-family:'Barlow Condensed',sans-serif; letter-spacing:.08em; font-size:16px; padding:4px 0; transition:color .3s ease; }
#main-footer .f-contact .f-link:hover{ color:#95d600; }

#main-footer .f-certs .cert{ display:block; width:130px; max-width:100%; margin:0 0 18px; }
#main-footer .f-certs .cert.abyc{ width:112px; margin-bottom:0; }

@media (max-width: 991px){
	#main-footer .footer-grid{ grid-template-columns:1fr 1fr; gap:45px 30px; }
	#main-footer .f-brand{ grid-column:1 / -1; }
}
@media (max-width: 567px){
	#main-footer .footer-grid{ grid-template-columns:1fr; gap:40px; }
}

@media (max-width: 400px) {
	#main-footer .followUs span.titleMedias { font-size: 12px; padding: 8px 60px 8px 0; }
	#main-footer .followUs span.titleMedias:after { width: 40px; }
}

#main-footer .bottom .right{ text-align:right; color:#aaa; font-size:15px; letter-spacing: 0.1em;  font-weight:700; text-transform:uppercase; }
#main-footer .bottom .right a{ color:inherit; text-decoration:none; }
#main-footer .bottom .right a>span{ color:#95d600; }
#main-footer .bottom .right a:hover{ color:#95d600; }
#main-footer .btn:hover{ background-color:#1d1d1d; }
@media (max-width: 991px) {
	#main-footer .flex-wrap .logo{ width:100%; align-content:center; }
	#main-footer .flex-wrap .logo a{ display:block; width:190px; margin:0 auto 30px; }
	#main-footer .flex-wrap .action{ width:100%; align-items:center; justify-content:center; }
}


@media (max-width: 567px) {
	#main-footer{ padding:15px; }
	#main-footer .flex-wrap>div{ width:100%; align-items:center; }
	#main-footer .bottom .right{ text-align:center; margin-top:30px; font-size:13px; }
}



/* ACCUEIL */
#home-slider{ position:relative; height: 100vh; min-height: 730px; overflow:hidden; }
#home-slider .video-hero{ position:absolute; inset:0; height:100%; }
#home-slider .video-hero .bg-video{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; z-index:0; }
#home-slider .video-hero:after{ content:''; position:absolute; inset:0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)); z-index:1; }

#home-slider .video-hero .content { position: absolute; z-index:2; bottom: 190px; right: 5%; width: 600px; }
#home-slider .video-hero .content .title { font-family: 'Barlow Condensed', sans-serif; color: #fff; font-weight: 800; text-transform: uppercase; letter-spacing: .25em; line-height: 1; margin-bottom: 40px; }
#home-slider .video-hero .content .title .sm { font-size: 51px; display: block; }
#home-slider .video-hero .content .title .lg { font-size: 110px; display: block; }

#home-slider .scroll-btn { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); z-index: 2; text-decoration: none; }
#home-slider .scroll-btn .text { font-family: 'Barlow Condensed', sans-serif; text-transform: uppercase; color: #fff; font-size: 15px; font-weight: 600; letter-spacing: 0.2em; margin-bottom: 15px; user-select: none; }
#home-slider .scroll-btn .icon { text-align: center; }
#home-slider .scroll-btn .icon svg { width: 19px; height: 16px; transform: rotate(90deg); }
#home-slider .scroll-btn .icon svg path { fill: #95d600; }
@media (max-width: 1400px) {
	#home-slider .video-hero .content { right: auto; left: 50%; bottom:25vh; transform: translateX(-50%); text-align: center; }
}

@media (max-width: 450px) {
	#home-slider{ min-height: 500px; }
	#home-slider .video-hero .content {  width: 100%; }
	#home-slider .video-hero .content .title {  margin-bottom: 30px; padding:0 20px; }
	#home-slider .video-hero .content .title .sm { font-size: 30px; }
	#home-slider .video-hero .content .title .lg { font-size: 65px; }
}

body.home #main-header{ position:absolute; top:0; left:0; width:100%; z-index:100; background:transparent; }

.content-1 .flex-wrap{ display:flex; flex-flow:row wrap; }
.content-1 .flex-wrap>div{ align-items:flex-end; justify-content:flex-end; }
.content-1 .content{ display:flex; flex-direction:column; width:50%; }
.content-1 .content .inner{ max-width:580px; padding:100px 30px; }
.content-1 .content .title { font-family: 'Barlow Condensed', sans-serif; font-weight: 800; text-transform: uppercase; letter-spacing: .25em; line-height: 1.2; margin-bottom: 30px; }
.content-1 .content .title:after{ content:""; display:block; background:#95d600; width:660px; height:4px; margin:20px 0 0 -300px;  }
.content-1 .content .title .sm { font-size: 20px; display: block; }
.content-1 .content .title .lg { font-size: 50px; display: block; }
.content-1 .content .title .lg-sm { font-size: 40px; }
.content-1 .content h3{ font-size:18px; font-weight: 800; letter-spacing: .15em; margin-top:30px; }
.content-1 .content h3>span{ display:inline-block; border-bottom:4px solid #dbdbdb; padding-bottom:10px; margin-bottom:10px; } 
.content-1 .content p{ line-height:1.8; margin:0; }
.content-1 .content p+p{ margin:20px 0; }
.content-1 .content img{ margin:20px 0; }
.content-1 .content table{ font-family: 'Barlow Condensed', sans-serif; font-size:17px; font-weight:500; letter-spacing: .15em; text-transform:uppercase; border-collapse:collapse; width:100%; margin-top:20px; }
.content-1 .content table th, .content-1 .content table td{ padding:12px 15px; width:25%; text-align:center; border:3px solid #5c5c5c; }
.content-1 .content table th{ font-weight:800; text-align:left; width:50%; }
.content-1 .img{ display:flex; flex-direction:column; width:50%; padding:200px 0 50px; position:relative; }
.content-1 .img:before{ content:""; display:block; width:80%; height:100%; border-left:4px solid #95d600; border-bottom:4px solid #95d600; position:absolute; top:0; right:0; }
.content-1 .img img{ max-width:100%; position:relative; }
@media (max-width: 1259px) {
	.content-1 .content table td{ padding:12px 10px; width:30%; }
	.content-1 .content table th{ width:40%; }
}
@media (max-width: 991px) {
	.content-1 .content{ width:100%; }
	.content-1 .content .inner{ max-width:none; padding:100px 90px; }
	.content-1 .img{ width:100%; padding:100px 0 50px 30px; position:relative; }
	.content-1 .img:before{ border-top:4px solid #95d600; }
}
@media (max-width: 700px) {
	.content-1 .content .inner{ padding:90px 15px 30px; }
	.content-1 .content .title:after{ width:50%; margin:20px 0 0 -15px;  }
}
@media (max-width: 450px) {
	.content-1 .content .title .sm { font-size: 18px;}
	.content-1 .content .title .lg { font-size: 30px; }
	.content-1 .content .title .lg-sm { font-size: 30px; }
	.content-1 .content p{ font-size:14px; }
	.content-1 .content table{ font-size:15px; }
}

.content-2{ padding:120px 0; }
.content-2 .title { font-family: 'Barlow Condensed', sans-serif; font-weight: 800; letter-spacing: .25em; text-transform: uppercase; line-height: 1.2; text-align:center; }
.content-2 .title:after{ content:""; display:block; height:4px; width:300px; margin:30px auto 40px; background:#95d600; }
.content-2 .title.sm-sep:after{ width:200px; }
.content-2 .title .sm { font-size: 20px; display: block; }
.content-2 .title .lg { font-size: 50px; letter-spacing: .25em; line-height:1; display: block; }
p.sub-title{ font-size:18px; font-weight:700; max-width:800px; }
.content-2 p{ line-height:1.8; max-width:960px; margin:0 auto; text-align:center; }
.content-2 p+p{ margin-top:30px; }
@media (max-width: 450px) {
	.content-2 .title .lg { font-size: 40px; }
	.content-2 .sub-title{ font-size:15px; }
}


#pontons { padding: 100px 0; }
#pontons .container{ max-width:1560px; }
.list-pontons .item{ height: 100%; display: flex; flex-wrap: wrap; position: relative; padding-bottom: 60px; }
.list-pontons .item .box { border: 4px solid #f0f0f0; font-family: 'Barlow Condensed', sans-serif; height: 100%; width: 100%; display: flex; flex-wrap: wrap; align-items: flex-end; } 
.list-pontons .item .intro { border-bottom: 4px solid #f0f0f0; padding: 31px 10px; text-align: center; width: 100%; }
.list-pontons .item .intro .title { font-family: 'Barlow Condensed', sans-serif; color: #3c3f3e; text-transform: uppercase; font-weight: 600; letter-spacing: .2em; position: relative; margin-bottom: 15px; }
.list-pontons .item .intro .title:after { content: ''; background: #95d600; width: 40px; height: 4px; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); }
.list-pontons .item .intro .title .sm { font-size: 16px; display: block; margin-top: 20px; }
.list-pontons .item .intro .title .lg { font-size: 26px; }

.list-pontons .item .infos { border-bottom: 4px solid #f0f0f0; padding: 10px 0; display: flex; align-items: center; width: 100%; }
.list-pontons .item .infos .price { width: 45%; float: left; text-transform: uppercase; letter-spacing: .1em; padding: 10px 15px; }
.list-pontons .item .infos .price .sm { font-size: 14px; display: block; font-weight: 500; }
.list-pontons .item .infos .price .lg { font-size: 27px; font-weight: 600; letter-spacing: .2em; }
.list-pontons .item .infos .price .contact { font-size: 12px; color:#95d600; }
.list-pontons .item .infos .length { width: 55%; float: left; border-left: 3px solid #f0f0f0; padding-left: 25px; letter-spacing: .1em; padding: 10px 15px; }
.list-pontons .item .infos .length .title { font-size: 14px; display: block; font-weight: 500; text-transform: uppercase; }
.list-pontons .item .infos .length ul { padding: 0; margin: 7px 0 2px 0; }
.list-pontons .item .infos .length ul li { display: inline-block; font-weight: 600; font-size: 18px; border-right: 2px solid #95d600; padding: 1px 5px; margin-bottom: 5px; }
.list-pontons .item .infos .length ul li:last-child { border-right: none; }

.list-pontons .item .assets { padding: 25px 15px; }
.list-pontons .item .assets ul { list-style-type: none; padding: 0; margin: 0; }
.list-pontons .item .assets ul li { position: relative; padding-left: 32px; margin-bottom: 20px; font-size: 15px; text-transform: uppercase; font-weight: 500; letter-spacing: .1em; }
.list-pontons .item .assets ul li:before { content:''; background: url(../img/dot-list.png); background-repeat: no-repeat; width: 16px; height: 16px; left: 0; top: 50%; transform: translateY(-50%); position: absolute; }
.list-pontons .item .assets ul li:last-child { margin-bottom: 0; }
.list-pontons .item .btn-more{ background:#3c3f3e; color:#fff; font-size: 14px; line-height:14px; padding: 0 60px 0 0; width:100%; position:relative; margin-top:3px; }
.list-pontons .item .btn-more:hover{ background-color: #95d600; color:#3c3f3e; }
.list-pontons .item .btn-more .text{ padding: 18px 20px; display: inline-block; }
.list-pontons .item .btn-more .arrow{ background-color: #95d600; margin:0; display:block; height:100%; width:50px; position:absolute; top:0; right:0; border-left:3px solid #fff; }
.list-pontons .item .btn-more:hover .arrow{ background-color:#3c3f3e; }
@media (max-width: 450px) {
	.list-pontons .item .infos .length ul li { font-size: 15px; }
}
/*bypass bootstrap*/
@media (min-width: 1200px){
	#pontons .col-xl-3 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
}
@media (min-width: 1600px){
	#pontons .col-xl-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
}


#pedalos{ padding-top:200px; }
#pedalos .outer{ background:#f0f0f0; margin-right:180px; padding-bottom:200px; }
#pedalos .flex-wrap{ display:flex; flex-flow:row wrap; }
#pedalos .flex-wrap>div{ align-items:flex-start; }
#pedalos .content{ display:flex; flex-direction:column; width:50%; }
#pedalos .content .inner{ max-width:800px; padding:120px; }
#pedalos .content .title { font-family: 'Barlow Condensed', sans-serif; font-weight: 800; text-transform: uppercase; letter-spacing: .25em; line-height: 1.2; margin-bottom: 30px; }
#pedalos .content .title:after{ content:""; display:block; background:#dbdbdb; width:500px; height:4px; margin:20px 0 0 -300px;  }
#pedalos .content .title .sm { font-size: 20px; display: block; }
#pedalos .content .title .lg { font-size: 45px; letter-spacing: .25em; display: block; }
#pedalos .content p{ line-height:1.8; margin:20px 0 30px; }
#pedalos .img{ display:flex; flex-direction:column; width:50%; position:relative; margin-top:-100px; }
#pedalos .img:before{ content:""; display:block; background:#dbdbdb; width:4px; height:150px; position:absolute; top:-150px; right:100px;  }
#pedalos .img img{ max-width:100%; position:relative; }
@media (max-width: 1400px) {
	#pedalos .outer{ margin-right:60px; }
	#pedalos .content .inner{ padding:120px 90px 90px; }
}
@media (max-width: 1259px) {
	#pedalos .content{ width:100%; }
	#pedalos .content .inner{ padding:90px; }
	#pedalos .img{ width:100%; }
	#pedalos .img:before{ right:300px;  }
	#pedalos .img img{ max-width:90%; }
}
@media (max-width: 450px) {
	#pedalos .outer{ margin-right:30px; }
	#pedalos .content .inner{ padding:60px 30px; }
	#pedalos .content .title .sm { font-size: 20px; }
	#pedalos .content .title .lg { font-size: 40px; letter-spacing: .15em; }
	#pedalos .content p{ font-size:14px; }
}

#quais{ background:url(../img/quai-home.jpg) center center no-repeat; background-size:cover; padding-bottom:100px; }
#quais .content{ max-width:560px; margin-top:-100px; float:right; }
#quais .content .inner{ padding:100px 60px 60px; background:#3c3f3e; color:#fff; position:relative; }
#quais .content .inner:after{ content:""; display:block; background:#95d600; width:4px; height:180px; position:absolute; top:-100px; right:100px;  }
#quais .content .title { font-family: 'Barlow Condensed', sans-serif; font-weight: 800; text-transform: uppercase; letter-spacing: .25em; line-height: 1.2; margin-bottom: 30px; }
#quais .content .title:after{ content:""; display:block; background:#565857; width:80%; height:4px; margin:20px 0 0 -60px;  }
#quais .content .title .sm { font-size: 20px; display: block; }
#quais .content .title .lg { font-size: 40px; display: block; }
#quais .content p{ line-height:1.8; margin:20px 0 30px; }
#quais .content .btn:hover{ background-color:#1d1d1d; }
@media (max-width: 450px) {
	#quais .content .inner{ padding:90px 30px; }
	#quais .content .inner:after{ right:60px; }
	#quais .content p{ font-size:14px; }
}

#jys-home{ padding:180px 0; }
#jys-home.alt .container{ max-width:1560px; }
#jys-home .flex-wrap{ display:flex; flex-flow:row wrap; }
#jys-home .flex-wrap>div{ align-items:flex-start; justify-content:center; }
#jys-home .content{ display:flex; flex-direction:column; width:40%; }
#jys-home.alt .content{ width:50%; }
#jys-home .content .inner{ padding:60px 30px 60px 0; }
#jys-home .content .title { font-family: 'Barlow Condensed', sans-serif; font-weight: 800; text-transform: uppercase; letter-spacing: .25em; line-height: 1.2; margin-bottom: 30px; }
#jys-home .content .title .sm { font-size: 30px; display: block; }
#jys-home .content .title .lg { font-size: 86px; line-height:1; display: block; }
#jys-home .content .txt{ position:relative; }
#jys-home .content .txt:before{ content:""; display:block; background:#95d600; width:40px; height:150px; position:absolute; top:-4px; left:-4px;  }
#jys-home .content .txt>div{ padding:30px 0 0 30px; background:#fff; position:relative; }
#jys-home .content p{ line-height:1.8; margin:20px 0 30px; }
#jys-home .img{ display:flex; flex-direction:column; width:60%; }
#jys-home.alt .img{ width:50%; }
#jys-home .img img{ max-width:100%; }
@media (max-width: 991px) {
	#jys-home{ padding:60px 0 120px 0; }
	#jys-home .content, #jys-home.alt .content{ width:100%; }
	#jys-home .img, #jys-home.alt .img{ width:100%; }
}
@media (max-width: 450px) {
	#jys-home .content p{ font-size:14px; }
}


/*FICHE*/
#top-product .top-bg{ padding-right:140px; position:relative; }
#top-product .top-bg:before{ content:""; height:50%; width:100%; background:#f0f0f0; position:absolute; bottom:0; left:0; }
#top-product .top-bg>div{ background:url(../img/topbg-ponton.jpg) center center no-repeat; background-size:cover; height:550px; position:relative; }
#top-product .top{ margin-top:-550px; height:550px; text-align:center; position:relative; }
#top-product .top img{ position:relative; z-index:2; }
#top-product .title { color:#fff; font-family: 'Barlow Condensed', sans-serif; text-transform: uppercase; line-height: 1.2; padding:100px 0 0 0; height:280px; }
#top-product .title .sm { font-size: 30px; font-weight: 500; letter-spacing: .25em; display: block; }
#top-product .title .lg { font-size: 70px; font-weight: 800; letter-spacing: .25em; line-height:1; display: block; }

#top-product .title.pedalo { height: 260px; }
@media (max-width: 700px) {
	#top-product .title.pedalo { height: 170px; } 
	#top-product .title.topfish { height: 140px;  }
	#top-product .title.ecolx { height: 170px;  }
	#top-product .title.eco { height: 130px;  }
	#top-product .title.expedition { height: 135px;  }
}

#top-product .bottom{ position:relative; padding-top:140px; }
#top-product .bottom:before{ content:""; height:calc(100% - 30px); width:calc(100% - 140px); background:#f0f0f0; position:absolute; top:0; left:140px; }
#top-product .bottom .container{ position:relative; }
#top-product .price{ float:left; width:250px; border:4px solid #dbdbdb; padding:30px; font-family: 'Barlow Condensed', sans-serif; letter-spacing: .25em; text-align:center; text-transform: uppercase; }
#top-product .price .sm{ font-size:15px; }
#top-product .price .lg{ font-size:50px; font-weight:700; }
#top-product .price .contact { font-size: 22px; letter-spacing:1px; color:#95d600; margin-top:6px;}
#top-product .desc{ float:left; width:calc(100% - 250px); padding-left:60px; }
#top-product .desc p{ line-height:1.8; margin:0; }
#top-product .desc .feats{ margin:30px 0 0 -50px; display: flex; flex-wrap: wrap; }
#top-product .desc .feat{ float:left; margin:30px 0 0 50px; font-family: 'Barlow Condensed', sans-serif; font-weight:700; letter-spacing: .25em; text-transform: uppercase; }
#top-product .desc .feat>div{ padding-left:60px; background-position:left center; background-repeat:no-repeat; }
#top-product .desc .feat-1{ background-image:url(../img/icn-capacity.png); }
#top-product .desc .feat-2{ background-image:url(../img/icn-capacity-lbs.png); }
#top-product .desc .feat-3{ background-image:url(../img/icn-power.png); }
#top-product .desc .feat-4{ background-image:url(../img/icn-size.png); }
#top-product .desc .feat .sm{ font-size:14px; }
#top-product .desc .feat .lg{ font-size:22px; }
#top-product .desc .feat .lg .small { font-size: 13px; display: block; color: #8f8f8f; font-weight: 500; letter-spacing: .15em; margin-top: 3px; }
#top-product .actions{ padding-top:100px; position:relative; }
/* #top-product .actions:before{ content:""; display:block; position:absolute; left:50%; top:120px; transform:translateX(-50%); width:80%; height:50px; border:4px solid #dbdbdb; border-bottom:0;  } */
#top-product .actions .title-btns{ font-family: 'Barlow Condensed', sans-serif; font-size:20px; font-weight:800; letter-spacing: .25em; text-transform: uppercase; text-align:center; position:relative; }
#top-product .actions .title-btns span{ display:inline-block; padding:10px; background:#f0f0f0; display: flex; justify-content: center; }
#top-product .actions .btns{ margin:0 -15px; padding-top:20px; position:relative; }
#top-product .actions .btns>div{ padding:0 15px; width: fit-content; margin: auto; }
#top-product .actions .btns .btn{ width:100%; padding:25px 125px 25px 40px; font-size:20px; background-position:right 30px center; background-repeat:no-repeat; }
#top-product .actions .btns .dollar{ background-image:url(../img/dollar-btn.png); }
#top-product .actions .btns .doc{ background-image:url(../img/doc-btn.png); background-color:#3c3f3e; color:#fff; }
#top-product .actions .btns .dollar:hover{ background-image:url(../img/dollar-btn-hover.png); background-color:#1d1d1d; }
#top-product .actions .btns .doc:hover{ background-image:url(../img/doc-btn-hover.png); background-color:#1d1d1d; color:#95d600; }
@media (max-width: 1400px) {
	#top-product .top-bg{ padding-right:90px; }
	#top-product .top-bg>div{ height:500px; }
	#top-product .top{ margin-top:-500px; height:500px; }
	#top-product .top img{ max-width:80%; }
	#top-product .bottom:before{ width:calc(100% - 30px); left:30px; }
}
@media (max-width: 1259px) {
	#top-product .bottom:before{ width:100%; left:0; }
}
@media (max-width: 991px) {
	#top-product .title { height:310px; }
	#top-product .title .sm { font-size: 25px; }
	#top-product .title .lg { font-size: 50px; }
	#top-product .desc{ padding-left:45px; }
}
@media (max-width: 700px) {
	#top-product .top-bg{ padding-right:0; }
	#top-product .top-bg>div{ height:350px; }
	#top-product .top{ margin-top:-350px; height:350px; }
	#top-product .top img{ max-width:100%; }
	#top-product .title { height:220px; padding-top:60px; }
	#top-product .title .sm { font-size: 20px; }
	#top-product .title .lg { font-size: 40px; letter-spacing: .15em; }
	#top-product .bottom{ padding-top:60px; }
	#top-product .price{ float:none; width:100%; }
	#top-product .desc{ float:none; width:100%; padding:30px 0 0 0; }
	#top-product .desc .feats{ margin-top:0; }
	#top-product .actions{ padding-top:60px; }
	#top-product .actions:before{ top:80px; width:90%;  }
	#top-product .actions .btns>div{ float:none; width:100%; padding:0 15px; }
}
@media (max-width: 500px) {
	#top-product .actions .btns .btn { padding:25px 65px 25px 30px; }
}

#top-product-quai .top-bg{ padding-right:140px; position:relative; }
#top-product-quai .top-bg:before{ content:""; height:50%; width:100%; background:#f0f0f0; position:absolute; bottom:0; left:0; }
#top-product-quai .top-bg>div{ background:url(../img/topbg-ponton.jpg) center center no-repeat; background-size:cover; height:550px; position:relative; }
#top-product-quai .top{ margin-top:-550px; height:550px; text-align:center; position:relative; }
#top-product-quai .top img{ position:relative; z-index:2; }
#top-product-quai .title { color:#fff; font-family: 'Barlow Condensed', sans-serif; text-transform: uppercase; line-height: 1.2; padding:100px 0 0 0; height:350px; }
#top-product-quai .title .sm { font-size: 30px; font-weight: 500; letter-spacing: .25em; display: block; }
#top-product-quai .title .lg { font-size: 70px; font-weight: 800; letter-spacing: .25em; line-height:1; display: block; }
#top-product-quai .bottom{ position:relative; padding:100px 0 150px; }
#top-product-quai .bottom:before{ content:""; height:100%; width:calc(100% - 140px); background:#f0f0f0; position:absolute; top:0; left:140px; }
#top-product-quai .bottom .container{ position:relative; }
#top-product-quai .actions{ float:left; width:450px; position:relative; }
#top-product-quai .actions:before{ content:""; display:block; position:absolute; left:50%; top:20px; transform:translateX(-50%); width:calc(100% - 40px); height:80%; border:4px solid #dbdbdb; border-bottom:0;  }
#top-product-quai .actions .title-btns{ font-family: 'Barlow Condensed', sans-serif; font-size:20px; font-weight:800; letter-spacing: .25em; text-transform: uppercase; text-align:center; position:relative; }
#top-product-quai .actions .title-btns span{ display:inline-block; padding:10px; background:#f0f0f0; }
#top-product-quai .actions .btns{ padding-top:20px; position:relative; }
#top-product-quai .actions .btns>div+div{ margin-top:20px; }
#top-product-quai .actions .btns .btn{ width:100%; padding:25px 70px 25px 40px; font-size:20px; background-position:right 30px center; background-repeat:no-repeat; }
#top-product-quai .actions .btns .dollar{ background-image:url(../img/dollar-btn.png); }
#top-product-quai .actions .btns .arrow{ background-image:url(../img/arrow-btn-white.png); background-color:#3c3f3e; color:#fff; }
#top-product-quai .actions .btns .dollar:hover{ background-image:url(../img/dollar-btn-hover.png); background-color:#1d1d1d; }
#top-product-quai .actions .btns .arrow:hover{ background-image:url(../img/arrow-btn-hover.png); background-color:#1d1d1d; color:#95d600; }
#top-product-quai .desc{ float:left; width:calc(100% - 450px); padding-left:60px; }
#top-product-quai .desc p{ line-height:1.8; margin:0; }
#top-product-quai .desc .feats{ margin:30px 0 0 -50px; }
#top-product-quai .desc .feat{ float:left; margin:30px 0 0 50px; font-family: 'Barlow Condensed', sans-serif; font-weight:700; letter-spacing: .25em; text-transform: uppercase; }
#top-product-quai .desc .feat>div{ padding-left:60px; background-position:left center; background-repeat:no-repeat; }
#top-product-quai .desc .feat-1{ background-image:url(../img/icn-installation.png); }
#top-product-quai .desc .feat-2{ background-image:url(../img/icn-material.png); }
#top-product-quai .desc .feat .sm{ font-size:14px; }
#top-product-quai .desc .feat .lg{ font-size:22px; }
@media (max-width: 1400px) {
	#top-product-quai .top-bg{ padding-right:90px; }
	#top-product-quai .top-bg>div{ height:500px; }
	#top-product-quai .top{ margin-top:-500px; height:500px; }
	#top-product-quai .top img{ max-width:80%; }
	#top-product-quai .bottom:before{ width:calc(100% - 30px); left:30px; }
}
@media (max-width: 1259px) {
	#top-product-quai .bottom:before{ width:100%; left:0; }
}
@media (max-width: 991px) {
	#top-product-quai .title { height:400px; }
	#top-product-quai .title .sm { font-size: 25px; }
	#top-product-quai .title .lg { font-size: 50px; }
	#top-product-quai .bottom{ padding:60px 0 90px; }
	#top-product-quai .actions{ float:none; width:100%; }
	#top-product-quai .desc{ float:none; width:100%; padding:30px 0 0 0; }
	#top-product-quai .desc .feats{ margin-top:0; }
}
@media (max-width: 700px) {
	#top-product-quai .top-bg{ padding-right:0; }
	#top-product-quai .top-bg>div{ height:350px; }
	#top-product-quai .top{ margin-top:-350px; height:350px; }
	#top-product-quai .top img{ max-width:100%; }
	#top-product-quai .title { height:290px; padding-top:60px; }
	#top-product-quai .title .sm { font-size: 20px; }
	#top-product-quai .title .lg { font-size: 40px; letter-spacing: .15em; }
	#top-product-quai .bottom{ padding-top:60px; }
}

#config{ padding-top:150px; }
#config .title { font-family: 'Barlow Condensed', sans-serif; font-weight: 800; letter-spacing: .25em; text-transform: uppercase; line-height: 1.2; text-align:center; }
#config .title .sm { font-size: 22px; display: block; }
#config .title .lg { font-size: 50px; letter-spacing: .25em; line-height:1; display: block; }
#config .tabs{ flex-wrap:wrap; display:flex; flex-direction:row; margin-top:60px; } 
#config .tabs.two .tab{ width:50%; }
#config .tabs.three .tab{ width:33.333333%; }
#config .tabs.four .tab{ width:25%; } 
#config .tabs.five .tab{ width:20%; } 
#config .tabs.six .tab{ width:16.666666%; } 
#config .tabs.seven .tab{ width:14.285714%; } 
#config .tab{ display:flex; align-content:center; align-items: center; justify-content:center; padding:15px 10px; background:#f0f0f0; text-align:center; border-left:2px solid #dbdbdb; font-size:20px; font-family: 'Barlow Condensed', sans-serif; font-weight: 800; letter-spacing: .15em; position:relative; }
#config .tab:first-child{ border-left:2px solid #fff; }
#config .tab:hover{ background:#dbdbdb; }
#config .tab:before{ content:""; display:block; height:0; width:100%; position:absolute; left:0; bottom:0; background:#fff; transition: .2s ease; }
#config .tab.active:before{ height:calc(100% + 10px); border-top:3px solid #95d600; }
#config .tab>span{ position:relative; }
#config .tab>span .sm { display: block; text-transform: uppercase; font-size: 14px; letter-spacing: .07em; font-weight: 500; color: #a3a3a3; margin-top: 4px; }
#config .tabs-content>div{ display:none; }
#config .tabs-content>div.active{ display:block; }
#config .tabs-content img{ display:block; margin:60px auto; }
@media (max-width: 450px) {
	#config .title .sm { font-size: 20px; }
	#config .title .lg { font-size: 35px; letter-spacing: .15em; }
	#config .tab{ padding:15px 10px; font-size:16px; letter-spacing: .05em; }
}

#colors{ margin-top:100px; padding:120px 0 0; background:#f0f0f0; }
#gallery+#colors{ margin:0; }
#colors .row { display: flex; justify-content: center; }
#colors.pedalo{ background:#fff; padding:90px 0 120px; }
#colors .title { font-family: 'Barlow Condensed', sans-serif; font-weight: 800; letter-spacing: .25em; text-transform: uppercase; line-height: 1.2; text-align:center; }
#colors .title:after{ content:""; display:block; height:4px; width:300px; margin:30px auto 40px; background:#dbdbdb; }
#colors.pedalo .title:after{ background:#95d600; }
#colors .title .sm { font-size: 22px; display: block; }
#colors .title .lg { font-size: 50px; letter-spacing: .25em; line-height:1; display: block; }
#colors .sub-title{ line-height:1.8; max-width:800px; margin:0 auto; text-align:center; }
#colors .color-box{ padding:30px; margin-top:30px; text-align:center; }
#colors.three-boxes .color-box { padding-left: 0; padding-right: 0; }
#colors.three-boxes .color-box h3 { font-size: 22px; }
#colors .color-box .ponton{ width:100%; position:relative; z-index:3; }
#colors .color-box .inner{ padding:60px 30px 0; margin:-30px 30px 0; position:relative; border:4px solid #dbdbdb; border-top:0; z-index:1; }
/*#colors .color-box .inner{ padding:45px; position:relative; }
#colors .color-box .inner:before{ content:""; display:block; position:absolute; left:25px; right:25px; top:-30px; height:calc(100% + 30px); border:4px solid #dbdbdb; border-top:0; z-index:1;  }*/
#colors .color-box h3{ font-size:30px; letter-spacing: .25em; }
#colors .color-box h3:after{ content:""; display:block; height:4px; width:60px; margin:10px auto 30px; background:#dbdbdb; }
#colors .color-box p{ margin:0; }
#colors .color-box h4{ font-size:22px; letter-spacing: .25em; margin:30px 0 0 0; }
#colors .color-box .swatches{ margin:10px auto -30px; display:flex; justify-content:center; }
#colors .color-box .swatches span{ display:block; padding:5px; background:#f0f0f0; }
#colors.pedalo .color-box .swatches span{ background:#fff; }
#colors .color-box .swatches span:first-child{ padding-left:20px; }
#colors .color-box .swatches span:last-child{ padding-right:20px; }
#colors .colors-bottom{ display:flex; flex-direction:row; flex-wrap:wrap; padding:90px 0; }
#colors .colors-bottom>div{ display:flex; flex-direction:column; width:50%; }
#colors .colors-bottom .left{ align-items:center; }
#colors .colors-bottom .title{ text-align:left; }
#colors .colors-bottom .title:after{ width:100%; margin:20px 0 0 0; }
#colors .colors-bottom .title.alt:after{ width:100px; margin:20px 0 0 0; }
#colors .colors-bottom .title.alt .lg { font-size:40px; }
#colors .colors-bottom .right{ align-items:flex-start; }
#colors .colors-bottom .right p{ margin:0 0 30px 30px; }
#colors .colors-bottom .right ul{ margin:0; padding:0 0 0 60px; }
#colors .colors-bottom .right li{ background:url(../img/bullet-list.png) 0 9px no-repeat; padding:4px 0 4px 30px; font-family: 'Barlow Condensed', sans-serif; font-size:20px; text-transform:uppercase; letter-spacing: .15em; margin:0; list-style:none; }
#colors .colors-bottom .right li+li{ margin-top:4px; }
#colors .colors-bottom .right .end-list{ font-family: 'Barlow Condensed', sans-serif; font-size:20px; font-weight:700; font-style:italic; text-transform:uppercase; letter-spacing: .15em; position:relative; padding-left:45px; margin:30px 0 0 40px; }
#colors .colors-bottom .right .end-list:before{ content:""; display:block; height:4px; width:30px; position:absolute; left:0; top:10px; background:#dbdbdb; }
@media (max-width: 991px) {
	#colors .colors-bottom .title .lg { font-size: 40px; }
}
@media (max-width: 700px) {
	#colors .colors-bottom>div{ width:100%; }
}
@media (max-width: 450px) {
	#colors .title .sm { font-size: 20px; }
	#colors .title .lg { font-size: 35px; letter-spacing: .15em; }
	#colors .color-box{ padding:30px 0; }
	#colors .color-box .inner{ padding:60px 20px 0; }
	#colors .color-box h3{ font-size:25px; letter-spacing: .15em; }
	#colors .color-box h4{ font-size:20px; letter-spacing: .15em; }
	#colors .color-box .swatches{ margin:10px auto -20px; }
	#colors .color-box .swatches img{ width:20px; }
	#colors .colors-bottom{ padding:90px 30px; }
	#colors .colors-bottom .left{ align-items:flex-start; }
	#colors .colors-bottom .title{ margin-bottom:30px; }
	#colors .colors-bottom .title.alt .lg { font-size:30px; }
	#colors .colors-bottom .right p{ margin:0 0 30px; }
	#colors .colors-bottom .right ul{ margin:0; padding:0; }
	#colors .colors-bottom .right .end-list{ margin-left:0; }
}

.storage{ padding:100px 0; }
.storage .title { font-family: 'Barlow Condensed', sans-serif; font-weight: 800; letter-spacing: .25em; text-transform: uppercase; line-height: 1.2; text-align:center; }
.storage .title:after{ content:""; display:block; height:4px; width:300px; margin:30px auto 40px; background:#dbdbdb; }
.storage .title .sm { font-size: 22px; display: block; }
.storage .title .lg { font-size: 50px; letter-spacing: .25em; line-height:1; display: block; }
.storage .ba-slider{position:relative;overflow:hidden}
.storage .ba-slider img{width:100%;display:block;max-width:none}
.storage .ba-slider .resize{position:absolute;top:0;left:0;height:100%;width:50%;overflow:hidden}
.storage .ba-slider .handle{position:absolute;left:50%;top:0;bottom:0;width:4px;margin-left:-2px;background:#fff;cursor:ew-resize}
.storage .ba-slider .handle:before{position:absolute;top:50%;left:50%;width:70px;height:70px;margin:-35px 0 0 -35px;content:"";border:3px solid #95d600;border-radius:50%;transition:all .3s ease;}
.storage .ba-slider .handle:after{position:absolute;top:50%;left:50%;width:56px;height:56px;margin:-28px 0 0 -28px;content:"";background:url(../img/before-after-handle.png) center center no-repeat #fff; border-radius:50%;transition:all .3s ease;}
.storage .ba-slider .handle.ba-draggable:after{width:48px;height:48px;margin:-24px 0 0 -24px}

@media (max-width: 450px) {
	.storage .title .sm { font-size: 20px; }
	.storage .title .lg { font-size: 35px; letter-spacing: .15em; }
}

#specs{ padding:90px 0; background:#3c3f3e; color:#fff; position:relative; }
/*#specs:before{ content:""; height:50%; width:140px; background:#f0f0f0; position:absolute; top:0; right:0; }*/
#specs:after{ content:""; height:100%; width:140px; background:#fff; position:absolute; bottom:0; right:0; }
#specs.pedalo:before{ content:""; height:70%; width:140px; background:#fff; position:absolute; top:0; right:0; }
/* #specs.pedalo:after{ height:30%; background:#f0f0f0; } */

#specs .tabs{ float:left; width:330px; }
#specs .tab{ display:block; margin-bottom:4px; padding:18px 20px; background:#5c5c5c; font-size:20px; font-family: 'Barlow Condensed', sans-serif; font-weight: 800; letter-spacing: .25em; text-transform: uppercase; }
#specs .tab:hover{ color:#95d600; }
#specs .tab.active{ color:#fff; background:#3c3f3e; border-right:6px solid #95d600; }
#specs .tabs-content{ float:left; width:calc(100% - 330px); padding-left:60px; }
#specs .tabs-content>div{ display:none; }
#specs .tabs-content>div.active{ display:block; overflow-x:auto; }
#specs .tabs-content table{ font-family: 'Barlow Condensed', sans-serif; font-size:17px; font-weight:500; letter-spacing: .15em; text-transform:uppercase; border-collapse:collapse; width:100%; }
#specs .tabs-content table th, #specs .tabs-content table td{ padding:15px; text-align:center; border:3px solid #5c5c5c; }
#specs .tabs-content table th{ font-weight:800; }
#specs .tabs-content table th:first-child, #specs .tabs-content table td:first-child{ text-align:left; }

#specs .tabs-tubes-qty .tabs{ float:none; width:100%; display: flex; margin-bottom: 8px; justify-content: space-between;}
#specs .tabs-tubes-qty .tab{ margin-bottom: 0; width:49%; background:none; text-align: center; font-weight: normal; border: 1px solid #5c5c5c;}
#specs .tabs-tubes-qty .tab.active{ font-weight:800; background-color:#FFFFFF; color: #000000; border: 0;}
#specs .tabs-tubes-qty .tabs-content{ float:none; width:100%; padding-left:0; }

#specs h3{ font-size:25px; letter-spacing: .15em; }
#specs h3:after{ content:""; display:block; height:4px; width:60px; margin:15px 0 30px; background:#5c5c5c; }
#specs h4{ color:#95d600; font-size:22px; letter-spacing: .15em; margin:30px 0 15px; }
#specs ul{ margin:0; padding-left:30px; color:#5c5c5c; }
#specs ul li+li{ margin-top:8px; }
#specs ul li>span{ color:#fff; }
@media (max-width: 1400px) {
	#specs.pedalo:before, #specs:after{ width:30px; }
}
@media (max-width: 1259px) {
	#specs.pedalo:before, #specs:after{ display:none; }
}
@media (max-width: 991px) {
	#specs .tabs{ float:none; width:100%; }
	#specs .tabs-content{ float:none; width:100%; padding:30px 0 0 0; }
}
@media (max-width: 450px) {
	#specs .tab{ padding:18px 20px; font-size:16px; letter-spacing: .15em; }
	#specs .tabs-content table{ overflow-x:auto; }
}


#config-b{ padding:120px 0; }
#config-b .title { font-family: 'Barlow Condensed', sans-serif; font-weight: 800; letter-spacing: .25em; text-transform: uppercase; line-height: 1.2; text-align:center; }
#config-b .title:after{ content:""; display:block; height:4px; width:300px; margin:30px auto 40px; background:#95d600; }
#config-b .title .sm { font-size: 30px; display: block; }
#config-b .title .lg { font-size: 60px; letter-spacing: .25em; line-height:1; display: block; }
#config-b .sub-title{ line-height:1.8; max-width:800px; margin:0 auto; text-align:center; }
#config-b .configs{ margin-top:60px; }
#config-b .configs .outer{ border:4px solid #f0f0f0; padding:30px 0; }
#config-b .configs .outer>div{ background:#fff; margin:0 -6px; }
#config-b .configs .outer .cfix { display: flex; flex-wrap: wrap; justify-content: center; }
#config-b .configs .item{ float:left; width:33.333333%; padding:30px; text-align:center; }
#config-b .configs .item.onlyOne{ float:none; margin: auto; width: 100%;  }
#config-b .configs .item h4{ font-size:20px; letter-spacing: .25em; }
#config-b .configs .item h4:before{ content:""; display:block; height:4px; width:40px; margin:15px auto; background:#f0f0f0; }
#config-b .configs .item ul{ padding:30px 0 0 0; margin:0; font-size:15px; list-style:none; }
#config-b .configs .item li+li:before{ content:""; display:block; height:2px; width:20px; margin:10px auto; background:#95d600; }
#config-b .configs .note{ font-family: 'Barlow Condensed', sans-serif; font-size:18px; font-weight:700; font-style:italic; text-transform:uppercase; letter-spacing: .15em; text-align:center; padding:30px; }
#config-b .configs .note span{ color:#95d600; }
@media (max-width: 700px) {
	#config-b .configs .item{ float:none; width:100%; }
}
@media (max-width: 450px) {
	#config-b .title .sm { font-size: 20px; }
	#config-b .title .lg { font-size: 35px; letter-spacing: .15em; }
}

#gallery{ padding:150px 0 120px 0; background:#3c3f3e; color:#fff; position:relative; }
#config+#gallery{ margin-top:150px; }
#gallery.pedalo{ background:#f0f0f0; color:#3c3f3e; }
#gallery:after{ content:""; height:100%; width:140px; background:#fff; position:absolute; bottom:0; right:0; }
#gallery.pedalo:after{ display:none; }
#gallery.grey-top:before{ content:""; height:30%; width:140px; background:#f0f0f0; position:absolute; top:0; right:0; }
#gallery.grey-top:after{ content:""; height:70%; width:140px; background:#fff; position:absolute; bottom:0; right:0; }
#gallery .title { font-family: 'Barlow Condensed', sans-serif; font-weight: 800; letter-spacing: .25em; text-transform: uppercase; line-height: 1.2; padding-left:30px; }
#gallery .title:after{ content:""; display:block; height:4px; width:450px; margin:30px 0 0 -250px; background:#95d600; }
#gallery .title .sm { font-size: 22px; display: block; }
#gallery .title .lg { font-size: 50px; letter-spacing: .25em; line-height:1; display: block; }
#gallery .gal{ margin:30px 0 0 -30px; }
#gallery .gal .item{ float:left; padding:30px 0 0 30px; width:33.333333%; }
#gallery .gal .item.hidden{ display:none; }
#gallery .gal .item>a{ display:block; position:relative;}
#gallery .gal .item>a:after{ content:""; background:url(../img/zoom-plus.png) center center no-repeat rgba(189,255,6,0.7); position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition: .4s ease; } 
#gallery .gal .item>a:hover:after{ opacity:1; }
#gallery .gal .item img{ display:block; width:100%; }
#gallery .more{ margin:100px 0 -150px; text-align:center; }
#gallery .btn .arrow{ height: 18px; width: 18px; margin-bottom: -2px; background-image: url(../img/plus-btn.png); }
#gallery .btn:hover{ background-color:#1d1d1d; }
#gallery .btn:hover .arrow{ background-image: url(../img/plus-btn-hover.png); }
@media (max-width: 1400px) {
	#gallery:after, #gallery:before{ display:none; }
}
@media (max-width: 700px) {
	#gallery .gal{ margin:30px 0 0 -15px; }
	#gallery .gal .item{ width:50%; padding:15px 0 0 15px; }
}
@media (max-width: 450px) {
	#gallery{ padding:90px 0 120px; }
	#gallery .title { padding:0; }
	#gallery .title .sm { font-size: 20px; }
	#gallery .title .lg { font-size: 35px; letter-spacing: .15em; }
}

#colors-quai{ margin-top:120px; padding:120px 0; background:#3c3f3e; color:#fff; position:relative; }
#colors-quai:before{ content:""; height:60%; width:140px; background:#fff; position:absolute; top:0; right:0; }
#colors-quai:after{ content:""; height:40%; width:140px; background:#f0f0f0; position:absolute; bottom:0; right:0; }
#colors-quai .title { font-family: 'Barlow Condensed', sans-serif; font-weight: 800; letter-spacing: .25em; text-transform: uppercase; line-height: 1.2; text-align:center; }
#colors-quai .title:after{ content:""; display:block; height:4px; width:300px; margin:30px auto 40px; background:#95d600; }
#colors-quai .title .sm { font-size: 22px; display: block; }
#colors-quai .title .lg { font-size: 50px; letter-spacing: .25em; line-height:1; display: block; }
#colors-quai .sub-title{ line-height:1.8; max-width:800px; margin:0 auto; text-align:center; }
#colors-quai .color-box{ padding:30px; border:4px solid #dbdbdb; width:400px; max-width:100%; margin:30px auto 0; }
#colors-quai .color-box .cfix>div{ float:left; text-align:center; padding-bottom:15px; }
#colors-quai .color-box .cedre{ width:40%; }
#colors-quai .color-box .vinyle{ width:60%; position:relative; }
#colors-quai .color-box .vinyle:before{ content:""; height:60%; width:1px; background:#6d6d6d; position:absolute; top:30px; left:0; }
#colors-quai .color-box .name{ font-family: 'Barlow Condensed', sans-serif; font-weight: 500; letter-spacing: .25em; text-transform: uppercase; margin-bottom:15px; }
@media (max-width: 1400px) {
	#colors-quai:before, #colors-quai:after{ width:30px; }
}
@media (max-width: 1259px) {
	#colors-quai:before, #colors-quai:after{ display:none; }
}
@media (max-width: 450px) {
	#colors-quai{ padding:90px 0; }
	#colors-quai .title .sm { font-size: 20px; }
	#colors-quai .title .lg { font-size: 35px; letter-spacing: .15em; }
	#colors-quai .color-box{ padding:30px 20px; }
}

#avantages-quai{ padding:150px 0 0 0; background:#f0f0f0; }
#avantages-quai .col{ float:left; width:50%; }
#avantages-quai .col img{ display:block; max-width:50vw; width:793px; margin:30px 0 0 -15vw; }
#avantages-quai .title { font-family: 'Barlow Condensed', sans-serif; font-weight: 800; letter-spacing: .25em; text-transform: uppercase; line-height: 1.2; }
#avantages-quai .title:after{ content:""; display:block; background:#dbdbdb; width:600px; height:4px; margin:20px 0 0 -300px;  }
#avantages-quai .title .sm { font-size: 30px; display: block; }
#avantages-quai .title .lg { font-size: 50px; letter-spacing: .25em; line-height:1; display: block; }
#avantages-quai .sub-title{ max-width:400px; }
#avantages-quai .col h3{ font-size:22px; font-weight:700; } 
#avantages-quai .col h3:after{ content:""; display:block; background:#dbdbdb; width:60px; height:4px; margin:15px 0 0 0;  }
#avantages-quai .col p{ font-size:15px; line-height:1.8; margin:15px 0 40px; }
#avantages-quai .col.padding{ padding-bottom:100px; }
@media (max-width: 1259px) {
	#avantages-quai .col img{ margin:120px 0 0 -12vw; }
}
@media (max-width: 991px) {
	#avantages-quai{ padding:120px 0 90px; }
	#avantages-quai .col{ float:none; width:100%; }
	#avantages-quai .col img{ display:none; }
}
@media (max-width: 450px) {
	#avantages-quai{ padding:90px 0; }
	#avantages-quai .title .sm { font-size: 20px; }
	#avantages-quai .title .lg { font-size: 35px; letter-spacing: .15em; }
}

#bottom-quai{ padding-bottom:200px; }
#bottom-quai .outer{ background:#f0f0f0; margin-right:140px; padding-top:100px; }
#bottom-quai .flex-wrap{ display:flex; flex-flow:row wrap; }
#bottom-quai .flex-wrap>div{ align-items:flex-start; }
#bottom-quai .content{ display:flex; flex-direction:column; width:50%; }
#bottom-quai .content .inner{ max-width:800px; padding:150px 120px 120px; }
#bottom-quai .content .title { font-family: 'Barlow Condensed', sans-serif; font-weight: 800; text-transform: uppercase; letter-spacing: .25em; line-height: 1.2; margin-bottom: 30px; }
#bottom-quai .content .title:after{ content:""; display:block; background:#dbdbdb; width:500px; height:4px; margin:20px 0 0 -300px;  }
#bottom-quai .content .title .sm { font-size: 20px; display: block; }
#bottom-quai .content .title .lg { font-size: 45px; letter-spacing: .25em; display: block; }
#bottom-quai .content p{ line-height:1.8; margin:20px 0 30px; }
#bottom-quai .img{ display:flex; flex-direction:column; justify-content:flex-end; width:50%; position:relative; margin-bottom:-100px; }
#bottom-quai .img img{ max-width:100%; position:relative; }
@media (max-width: 1400px) {
	#bottom-quai .outer{ margin-right:60px; }
	#bottom-quai .content .inner{ padding:90px 60px 60px; }
	#bottom-quai .img{ margin-bottom:-60px; }
}
@media (max-width: 1259px) {
	#bottom-quai .content{ width:100%; }
	#bottom-quai .content .inner{ padding:90px; }
	#bottom-quai .img{ width:100%; margin-bottom:0; }
	#bottom-quai .img img{ max-width:90%; }
}
@media (max-width: 450px) {
	#bottom-quai .outer{ margin-right:30px; }
	#bottom-quai .content .inner{ padding:60px 30px; }
	#bottom-quai .content .title .sm { font-size: 20px; }
	#bottom-quai .content .title .lg { font-size: 40px; letter-spacing: .15em; }
	#bottom-quai .content p{ font-size:14px; }
}



.viewer360 { padding: 110px 0; }
.viewer360 iframe { width: 100%; height: 600px; border: none; }

.viewer360 .title { font-family: 'Barlow Condensed', sans-serif; font-weight: 800; letter-spacing: .25em; text-transform: uppercase; line-height: 1.2; text-align:center; }
.viewer360 .title:after{ content:""; display:block; height:4px; width:200px; margin:30px auto 40px; background:#95d600; }
.viewer360 .title .lg { font-size: 45px; letter-spacing: .25em; line-height:1; display: block; }

@media (max-width: 767px){
	.viewer360 iframe { height: 400px; }
}

@media (max-width: 450px) {
	.viewer360 .title .lg { font-size: 32px; letter-spacing: .15em; }
}

.videoSection2 { padding: 110px 0; }
#home-slider+.videoSection2 { padding: 110px 0 0; }
.videoSection2 iframe{ width:100%; aspect-ratio:16 / 9; display: block; }
@media (max-width: 450px) {
	.videoSection2 { padding: 15px 0; }
	#home-slider+.videoSection2 { padding: 90px 0 0; }
}

.mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; }
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; }
.mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; }
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; }


.videoSection{ background:#3c3f3e; color:#fff; position:relative; }
.videoSection.pedaloVideo { background: #f0f0f0; margin-top: 140px; }
.videoSection.pedaloVideo:after { display: none; }
.videoSection:before{ content:""; height:50%; width:100%; background:#fff; position:absolute; top:0; left:0; }
.videoSection:after{ content:""; height:100%; width:140px; background:#fff; position:absolute; bottom:0; right:0; }

.videoSection a { display: block; position: relative; }
.videoSection a:after { content:''; background-image: url(../img/playIcon.png); background-size: contain; height: 80px; width: 80px; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); transition: .4s ease-in-out; }
.videoSection a:hover:after { height: 100px; width: 100px; }
.videoSection a .overlay { background: #000; opacity: .1; position: absolute; width: 100%; height: 100%; transition: .4s ease-in-out; }
.videoSection a:hover .overlay { opacity: .3;}
.videoSection a img { vertical-align: middle; }

@media (max-width: 1400px) {
	.videoSection:after { display:none; }
}





#top-page{ position:relative; }
#top-page:after{ content:""; height:100%; width:140px; background:#fff; position:absolute; bottom:0; right:0; }
#top-page .outer{ background:#3c3f3e; color:#fff; }
#top-page .container{ max-width:1420px; padding:0 30px; }
#top-page .title{ padding:150px 60px 150px 0; max-width:50%; }
#top-page .title h1{ font-family: 'Barlow Condensed', sans-serif; font-weight: 800; text-transform: uppercase; line-height: 1.2; font-size: 50px; letter-spacing: .25em; }
#top-page .title p{ margin:30px 0 0 0; max-width:500px; }
#top-page .title p>a{ color:#95d600; border-bottom:1px solid #3c3f3e; }
#top-page .title p>a:hover{ border-color:#95d600; }
@media (max-width: 1259px) {
	#top-page .title{ padding:90px 90px 90px 0; max-width:80%; }
	#top-page:after{ width:90px; }
}
@media (max-width: 700px) {
	#top-page:after{ display:none; }
	#top-page .title{ padding:60px 0; max-width:none; }
	#top-page .title .lg { font-size:40px; letter-spacing: .15em; }
}
@media (max-width: 450px) {
	#top-page .title .lg { font-size:35px; }
}

#history .flex-wrap{ display:flex; flex-flow:row wrap; }
#history .flex-wrap>div{ align-items:flex-end; }
#history .content{ display:flex; flex-direction:column; justify-content:flex-end; width:50%; }
#history .content .inner{ max-width:720px; width:100%; padding:100px 30px 30px; }
#history .content .title { font-family: 'Barlow Condensed', sans-serif; font-weight: 800; text-transform: uppercase; letter-spacing: .25em; line-height: 1.2; margin-bottom: 30px; }
#history .content .title:after{ content:""; display:block; background:#95d600; width:660px; height:4px; margin:20px 0 0 -300px;  }
#history .content .title .sm { font-size: 20px; display: block; }
#history .content .title .lg { font-size: 50px; display: block; }
#history .content p{ line-height:1.8; margin:0; }
#history .content p+p{ margin:20px 0; }
#history .content p>a{ border-bottom:1px solid #95d600; }
#history .content p>a:hover{ color:#95d600; }
#history .content img{ margin:20px 0; }

#history .compare-logos { margin-bottom: 2em; }
#history .compare-logos img { display: block; margin: 10px auto; }
#history .compare-logos .arrow { max-width: 54px; transform: rotate(90deg); }
#history .compare-logos img:not(.arrow) { max-width: 100%; }


.followUs span.titleMedias{ display:block; float:left; height:30px; padding:8px 90px 8px 0; font-weight:700; letter-spacing: 0.15em; text-transform:uppercase; position: relative; margin-right: 20px; }
.followUs span.titleMedias:after { content:''; background: #95d600; height: 2px; width: 70px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.followUs .fb{ font-family: 'Barlow Condensed', sans-serif; margin-right: 5px; }
.followUs .fb:hover span{ color:#95d600; }
.followUs .fb .icn{ width:36px; height:36px; background:#5c5c5c; color:#fff; padding:8px; text-align:center; transition:all .3s ease-out; position:relative; display: inline-block; }
.followUs .fb:hover .icn{ background:#95d600; color:#3c3f3e; }
.followUs .fb svg { height:17px !important; }
.followUs .fb svg path { fill: #fff; }

@media (max-width: 400px) {
	.followUs span.titleMedias { font-size: 12px; padding: 8px 60px 8px 0; }
	.followUs span.titleMedias:after { width: 40px; }
}



#history .img{ display:flex; flex-direction:column; justify-content:flex-start; width:50%; margin-top:-200px; position:relative; }
#history .img img{ max-width:100%; position:relative; }
@media (max-width: 1259px) {
	#history .content{ width:100%; }
	#history .content .inner{ max-width:none; padding:100px 90px 60px; }
	#history .flex-wrap .img{ width:100%; margin:0; padding:0 15px; align-items:center; }
}
@media (max-width: 700px) {
	#history .content .inner{ padding:90px 15px 30px; }
	#history .content .title:after{ width:50%; margin:20px 0 0 -15px;  }
}
@media (max-width: 450px) {
	#history .content .title .sm { font-size: 18px;}
	#history .content .title .lg { font-size: 30px; }
}

#warranty{ padding-top:200px; position:relative; z-index:2; }
#warranty .outer{ background:#f0f0f0; margin-right:180px; padding-bottom:0; }
#warranty .flex-wrap{ display:flex; flex-flow:row wrap; }
#warranty .flex-wrap>div{ align-items:flex-start; }
#warranty .content{ display:flex; flex-direction:column; width:50%; }
#warranty .content .inner{ max-width:800px; padding:120px; }
#warranty .content .title { font-family: 'Barlow Condensed', sans-serif; font-weight: 800; text-transform: uppercase; letter-spacing: .25em; line-height: 1.2; margin-bottom: 30px; }
#warranty .content .title:after{ content:""; display:block; background:#dbdbdb; width:500px; height:4px; margin:20px 0 0 -300px;  }
#warranty .content .title .sm { font-size: 20px; display: block; }
#warranty .content .title .lg { font-size: 45px; letter-spacing: .25em; display: block; }
#warranty .content h3{ font-size:30px; margin:40px 0 0; border-top:2px solid #dbdbdb; padding:30px 0 0; }
#warranty .content p{ line-height:1.8; margin:20px 0; }
#warranty .content .btn.doc{ padding:20px 70px 20px 30px; background-position:right 30px center; background-repeat:no-repeat; background-image:url(../img/doc-btn.png); background-color:#3c3f3e; color:#fff; }
#warranty .content .btn.doc:hover{ background-image:url(../img/doc-btn-hover.png); background-color:#1d1d1d; color:#95d600; }
#warranty .img{ display:flex; flex-direction:column; width:50%; position:relative; margin-top:-100px; padding-bottom:60px; }
/* #warranty .img:before{ content:""; display:block; background:#dbdbdb; width:4px; height:150px; position:absolute; top:-150px; right:100px;  } */
#warranty .img img{ max-width:100%; position:relative; }
/* Second photo, pushed to the bottom of the image column so it sits beside the "Guide de l'utilisateur" text, offset right with a green corner accent */
#warranty .img .guide-photo{ margin:130px 40px 0 auto; width:92%; position:relative; }
#warranty .img .guide-photo img{ display:block; width:100%; box-shadow:0 28px 55px rgba(0,0,0,.22); }
#warranty .img .guide-photo:before{ content:""; position:absolute; top:-8px; left:-8px; width:72px; height:72px; border-top:4px solid #95d600; border-left:4px solid #95d600; z-index:2; }
@media (max-width: 1400px) {
	#warranty .outer{ margin-right:60px; }
	#warranty .content .inner{ padding:120px 90px 90px; }
}
@media (max-width: 1259px) {
	#warranty .content{ width:100%; }
	#warranty .content .inner{ padding:90px; }
	#warranty .img{ width:100%; padding-bottom:0; }
	#warranty .img:before{ right:300px;  }
	#warranty .img img{ max-width:90%; }
}
@media (max-width: 450px) {
	#warranty .outer{ margin-right:30px; }
	#warranty .content .inner{ padding:60px 30px; }
	#warranty .content .title .sm { font-size: 20px; }
	#warranty .content .title .lg { font-size: 40px; letter-spacing: .15em; }
	#warranty .content h3{ font-size:25px; }
	#warranty .content p{ font-size:14px; }
	#warranty .content .btn{ padding: 18px 25px; background-position:right 25px center; }
}

#faq{ margin-top:-120px; padding-bottom:120px; position:relative; z-index:1; }
#faq .flex-wrap{ display:flex; flex-flow:row wrap; }
#faq .flex-wrap>div{ display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; width:50%; padding:200px 90px 90px 90px; }
#faq .faq{ background:#3c3f3e; color:#fff; }
#faq .title { font-family: 'Barlow Condensed', sans-serif; font-weight: 800; text-transform: uppercase; letter-spacing: .25em; line-height: 1.2; margin-bottom: 45px; }
#faq .title:after{ content:""; display:block; background:#95d600; width:300px; height:4px; margin:20px 0 0 -90px;  }
#faq .title .sm { font-size: 30px; display: block; }
#faq .title .lg { font-size: 45px; letter-spacing: .25em; display: block; }
#faq .avantages h3{ font-size:20px; font-weight:700; } 
#faq .avantages h3:after{ content:""; display:block; background:#95d600; width:60px; height:3px; margin:15px 0 0 0;  }
#faq .avantages p{ font-size:15px; line-height:1.8; margin:15px 0 40px; }
#faq .faq .item{ border:3px solid #5c5c5c; }
#faq .faq .item+.item{ margin-top:15px; }
#faq .faq .t-item{ padding:15px 60px 15px 30px; cursor:pointer; position:relative; transition:all .4s ease }
#faq .faq .t-item:hover{ background:#5c5c5c; }
#faq .faq .t-item.open{ background:#5c5c5c; }
#faq .faq .t-item h3{ font-size:20px; font-weight:500; letter-spacing: .1em; text-transform:none; }
#faq .faq .t-item .icn{ position:absolute; top:50%; right:30px; margin-top:-9px; display:block; width:18px; height:18px; background:url(../img/icn-plus-minus.png) 0 0 no-repeat; background-size:18px 36px; }
#faq .faq .t-item.open .icn{ background-position:0 -18px; }
#faq .faq .c-item{ height:0; background:#5c5c5c; overflow:hidden; transition:all 0.4s ease; }
#faq .faq .c-item>div{ padding:10px 60px 30px 30px; }
#faq .faq .c-item p{  font-size:14px; line-height:1.5; margin:0; }
#faq .faq .c-item p+p{ margin-top:15px; }
#faq .faq .note h3{ font-size:20px; font-weight:700; margin:40px 0 15px; } 
#faq .faq .note h3:after{ content:""; display:block; background:#95d600; width:60px; height:3px; margin:15px 0 0 0;  }
#faq .faq .note p{ font-size:15px; line-height:1.8; margin:0; }
#faq .faq p>a{ border-bottom:1px solid #95d600; }
#faq .faq p>a:hover{ color:#95d600; }
@media (max-width: 1400px) {
	#faq .flex-wrap>div{ padding:200px 60px 90px 60px; }
	#faq .title:after{ margin:20px 0 0 -60px;  }
}
@media (max-width: 991px) {
	#faq{ margin-top:0; }
	#faq .flex-wrap>div{ width:100%; padding:90px 60px; }
}
@media (max-width: 450px) {
	#faq .flex-wrap>div{ padding:60px 30px; }
	#faq .title .sm { font-size: 20px; }
	#faq .title .lg { font-size: 40px; letter-spacing: .15em; }
	#faq .avantages p{ font-size:14px; }
	#faq .faq .t-item{ padding:15px 40px 15px 20px; }
	#faq .faq .t-item h3{ font-size:16px; }
	#faq .faq .t-item .icn{ right:15px; }
	#faq .faq .c-item>div{ padding:10px 20px 30px 20px; }
	#faq .faq .c-item p{ font-size:13px; }
	#faq .faq .note p{ font-size:14px; }
}

#contact{ padding:120px 0; }
#contact .outer{ padding:90px; background:#3c3f3e; color:#fff; }
#contact .title { font-family: 'Barlow Condensed', sans-serif; font-weight: 800; text-transform: uppercase; letter-spacing: .15em; line-height: 1.2; margin-bottom: 30px; text-align:center; font-size:36px; }
#contact .title:after{ content:""; display:block; height:4px; width:300px; margin:30px auto 40px; background:#95d600; }
#contact-form .cfix>div{ float:left; padding:15px; width:100%; }
#contact-form .cfix>div.half{ width:50%; }
#contact-form .txt{ display:block; width:100%; border:3px solid #5c5c5c; padding:10px 15px; background:none; font-family: 'Montserrat', sans-serif; font-size:16px; color:#fff; transition: .4s ease; }
#contact-form textarea.txt{ resize:none; height:150px; }
#contact-form .txt:focus{ outline:none; border-color:#999; }
#contact-form .submit{ text-align:center; padding:15px 15px 0 15px; }
#contact-form .btn{ border:none; cursor:pointer; }
#contact-form .btn:hover, #contact-form .btn:focus{ background-color:#1d1d1d; outline:none; }
@media (max-width: 991px) {
	#contact .outer{ padding:90px 60px; }
}
@media (max-width: 450px) {
	#contact{ padding:90px 0; }
	#contact .outer{ padding:60px 30px; }
	#contact .title { font-size: 28px; }
	#contact .title:after{ width:200px; }
	#contact-form .cfix>div{ float:none; padding:15px 0; }
	#contact-form .cfix>div.half{ width:100%; }
	#contact-form .txt{ font-size:14px; }
	#contact-form .submit{ padding:15px 0 0 0; }
}

#map iframe{ display:block; height:450px; width:100%; }

.alert{
	font-family: "Montserrat", sans-serif;
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: .25rem;
}
.alert-success{
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
}
.alert-danger{
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}

#messages .alert{ margin-bottom: 0; text-align: center; }