/**
 * Forms
 */

/* All elements */
.field { margin-bottom: 30px; position:relative; }
.field label { display: inline-block; margin:0; }

[data-validate-for] { display:none; font-size:10px; line-height:10px; position:absolute; right:0; bottom:-1.2em; }
[data-validate-for].visible { display:block; }

/* Textfields & textareas */
.field.textfield input,
.field.textarea textarea { display: block; width: 100%; padding: 10px; border: 1px solid #ccc; }

/* Checkbox & Radio */
.field.checkbox label,
.field.radio label { display:flex; flex-direction:row; align-items:center; justify-content:flex-start; position:relative; margin-bottom:10px; cursor: pointer; }

.field.checkbox input,
.field.radio input,
.field.checkbox span:before,
.field.radio span:before { width:20px; height:20px; margin-right:10px; }

.field.checkbox span:before,
.field.radio span:before { content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); border:1px solid #ccc; background:#fff; }

.field.checkbox span:after,
.field.radio span:after { content:''; position:absolute; left:3px; top:50%; transform:translateY(-50%); width: 14px; height:14px; background:#ccc; opacity:0; transition:all 0.5s ease 0s; }

.field.checkbox input:checked+span:after,
.field.radio input:checked+span:after { opacity: 1; }

.field.checkbox span:before,
.field.checkbox span:after { border-radius: 0; }

.field.radio span:before,
.field.radio span:after { border-radius: 50%; }

.field.radio.inline,
.field.checkbox.inline { display:flex; flex-direction:row; align-items:center; justify-content:flex-start; }
.field.radio.inline label,
.field.checkbox.inline label { margin-right:15px; margin-bottom:0; }

/* Select */
.field.select select { display:block; width:100%; padding:10px; border:1px solid #ccc; }

/* Captcha */
.field.captcha { display:flex; flex-direction:row; justify-content:center; }

/**
 * Navigation
 **/
 
/* Frontend editor */
.ct-widget.ct-ignition { position:fixed; left:auto; top:auto; right:20px; bottom:20px; z-index:10000; transition:all 0.5s ease 0s; }
.ct-widget.ct-ignition .ct-ignition__button { position:static; margin-top:10px;}

.ce-element { outline:2px dashed rgba(243, 156, 18, 0.5); }
.ce-element--focused, .ce-element:focus { outline:2px dashed rgba(243, 156, 18, 1); }

/**
 * Legal
 **/
.legal { margin:60px 0; }
.legal h1 { font-size:4rem; margin:0 0 1em 0; }
.legal h2 { font-size:3rem; margin:1em 0; }
.legal h3 { font-size:2.5rem; margin:1em 0; }
.legal h4 { font-size:2rem; margin:1em 0; }
.legal h5 { font-size:1.5rem; margin:1em 0; }
.legal table { width:100%; margin:2em 0; }
.legal table th,
.legal table td { padding:1em; border:1px solid rgba(0,0,0,0.25); }
.legal p { font-size:1.6rem; }
/**
 * General Elements
 **/

html { font-size:10px; }
body { font-family:'Montserrat', sans-serif; font-size:1.6rem; color:#000; font-weight:500; }
:focus, button:focus { outline:none; }

/* Images */
img { max-width:100%; height:auto; }
img[data-sizes] { display:block; width:100%; }

/* Paragraphs */
p { margin-bottom:1em; font-size:2.2rem; }
p:last-child { margin-bottom:0; }

/* Link */
a:hover { text-decoration:none; }

/* Lists */
ul, ol { margin-bottom:0; padding:0; list-style:none; }

/* Titles */
h1, h2 { line-height:1.2em; margin-bottom:1em; font-weight:900; font-size:5rem; }
h1 small, h2 small { font-size:1.6rem; font-weight:500; }

/* Buttons */
.btn { background:#F4950C; color:#fff; font-weight:800; text-transform:uppercase; border-radius:50px; padding:15px 50px; font-size:1.8rem; display:inline-flex; flex-direction:row; align-items:center; justify-content:center; transition:all 0.5s ease 0s; border:2px solid #F4950C; }
.btn svg { width:22px; max-height:22px; margin-left:15px; fill:#fff; transition:all 0.5s ease 0s; }
.btn:hover { background:transparent; color:#F4950C; }
.btn:hover svg { fill:#F4950C; }

.btn.outline { background:transparent; color:#F4950C; }
.btn.outline svg { fill:#F4950C; transition:all 0.5s ease 0s; }
.btn.outline:hover { background:#F4950C; color:#fff; }
.btn.outline:hover svg { fill:#fff; }

/* Forms */
.field label, .fields .label { font-size:1.6rem; font-weight:900; margin-bottom:15px; color:#393C3C; line-height:1em; }

.field.textfield label { font-weight:400; color:rgba(0,0,0,0.2); position:absolute; left:30px; top:50%; transform:translateY(-50%); transition:all 0.3s ease 0s; }
.field.textfield input { padding:30px 30px 10px 30px; font-weight:bold; }
.field.textfield.active label,
.field.textfield.filled label { transform:translateY(0); top:15px; font-size:1.4rem; }

.field.textarea label { font-weight:400; color:rgba(0,0,0,0.2); position:absolute; left:30px; top:30px; transition:all 0.3s ease 0s; }
.field.textarea textarea { padding:30px; font-weight:bold; }

.field.textarea.active label,
.field.textarea.filled label { transform:translateY(0); top:15px; font-size:1.4rem; }

.field.select select { padding:20px 30px; color:rgba(0,0,0,0.4); }
.field.select select option { color:#000; }
.field.select select option:first-child { color:rgba(0,0,0,0.4); }

.field.select.active select { color:#000; font-weight:bold; }

.fields { position:relative; }
.fields [data-validate-for] { bottom:-2em; }
.fields.radios { display:flex; flex-direction:row; align-items:center; flex-wrap:wrap; justify-content:space-between; }
.fields.radios .label { width:100%; margin-bottom:15px; }
.fields.radios .field { margin-bottom:0; line-height:46px; }

.field.checkbox label, .field.radio label { display:inline-flex; font-size:1.4rem; color:rgba(0,0,0,0.4); font-weight:400; }
.field.checkbox input, .field.radio input { margin-right:0; margin-left:30px; width:46px; order:2; }
.field.checkbox span, .field.radio span { order:1; }
.field.checkbox span:before, .field.radio span:before { left:auto; right:0; margin-right:0; margin-left:30px; width:46px; height:46px; border-color:rba(112,112,112,0.5); }
.field.checkbox span:after, .field.radio span:after { left:auto; right:13px; margin-right:0; width:20px; height:20px; }

[data-validate-for] { color:#F4950C; }

/**
 * Components
 **/

/* Generic elements */
.padding { padding-top:100px; padding-bottom:100px; }
.relative { position:relative; }
.beige { background:rgba(214,202,184,0.5); }
.yellow { background:#F4950C; }
.grey { background:rgba(57, 60, 60, 0.2); }
.align-center { align-items:center; }
[data-bg] { background-position:center center; background-size:cover; }

/* Alert */
.alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; }
.alert .close { display:none; }
.alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; }
.alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; }
.alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; }
.alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; }
.alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; }
.alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; }

/* Sliders */
.slider { position:relative; }
.slider .swiper-wrapper { box-sizing:border-box; }
.slider .bg { position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1; }
.slider .pagination { position:absolute; left:0; width:100%; bottom:150px; display:flex; flex-direction:row; align-items:center; justify-content:center; z-index:1; }
.slider .pagination .swiper-pagination-bullet { background:#fff; width:14px; height:14px; opacity:0.3; margin:0 5px; }
.slider .pagination .swiper-pagination-bullet-active { background:#fff; width:22px; height:22px; opacity:1; }
.slider .navigation button { padding:0; border:none; background:none; position:absolute; z-index:1; top:50%; transform:translateY(-50%); }
.slider .navigation .prev { left:100px; }
.slider .navigation .next { right:100px; }

/* Heading */
.heading { height:750px; position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.heading:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.2); z-index:0; }
.heading .bg { position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1; object-fit: cover }
.heading .container { position:relative; z-index:1; }
.heading .title { text-align:center; color:#fff; font-size:8rem; }
.heading .caption-box { position:absolute; left:0; top:0; background:#F4950C; padding:60px 60px 120px 60px; max-width:500px; color:#fff; }
.heading .caption-box h2 { font-size:2.6rem; }
.heading .caption-box p { font-size:1.6rem; }
.heading .caption-box .arrow { text-align:center; margin-top:80px; }
.heading .caption-box .arrow svg { width:25px; fill:#fff; }

/* Carousel */
.carousel .swiper-container {  }
.carousel .swiper-wrapper { align-items:center; box-sizing:border-box; width:calc(100% + 60px);min-height:450px;  }
.carousel .swiper-slide { padding:0 30px;  }
.carousel .swiper-slide .item { min-height:350px; display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; transition:all 0.5s ease 0s; cursor:pointer; }
.carousel .swiper-slide .caption { position:relative; z-index:1; text-align:center; opacity:0; transition:all 0.5s ease 0.4s; }
.carousel .swiper-slide .item:before { content:''; position:absolute; right:0; top:0; width:0; height:100%; background:rgba(0,0,0,0.5); transition:all 0.5s ease 0.4s;}
.carousel .swiper-slide .title { font-size:3.6rem; color:#fff; font-weight:900; text-align:center; line-height:1em; margin-top:15px; }
.carousel .swiper-slide-active { padding:0; }
.carousel .swiper-slide-active .item { min-height:450px; }
.carousel .swiper-slide-active .item:before { width:100%; }
.carousel .swiper-slide-active .caption { opacity:1; }
.carousel .pagination { display:flex; flex-direction:row; align-items:center; justify-content:center; margin-top:60px; }
.carousel .pagination .swiper-pagination-bullet { background:#F4950C; width:14px; height:14px; margin:0 10px; opacity:0.3; }
.carousel .pagination .swiper-pagination-bullet-active { width:22px; height:22px; opacity:1; }

/* Jarallax */
.jarallax { position: relative; z-index: 0; background-position:center center; background-size:cover; }
.jarallax > .jarallax-img { position: absolute; object-fit: cover; font-family: 'object-fit: cover;'; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }

/* Partners */
.partners { text-align:center; padding:50px 0 70px 0; }
.partners h2 { font-size:3rem; font-weight:900; color:#fff; text-transform:uppercase; }
.partners .swiper-container { margin:0 100px; }
.partners .swiper-wrapper { align-items:center; }

/* Map */
.map { padding:50px 0; text-align:center; }
.map .bg { opacity:0.5; }
.map .address { font-size:2.4rem; font-weight:bold; margin-top:30px; }
.map .btn { margin:30px 0; }
.map .btn svg { margin:0 15px 0 0; }
.map .schedules { font-size:1.6rem; font-weight:500; }
.map .bigmarker { position:absolute; margin-left:-25px; margin-top:-65px; }
.map .bigmarker img { position:relative; z-index:1; }
.map .bigmarker.pontarlier { right:36%; bottom:31%; }
.map .bigmarker.fins { right:23%; top:55%; }
.map .bigmarker .pulse { position:absolute; z-index:0; bottom:-40px; left:50%; background: rgba(234, 200, 94, 0.55); border-radius: 50%; box-shadow: 0 0 0 0 rgba(234, 200, 94, 0.25); margin-left:-40px; height: 80px; width: 80px; transform: scale(1); animation: pulse 2s infinite; }
.map .marker { position:absolute; z-index:2; cursor:pointer; visibility:hidden; margin-left:-11.125px; margin-top:-29.22px; }
.map .marker .bubble { border:1px solid #fff; border-radius:8px; background:#fff; padding:10px 20px; position:absolute; top:-40px; white-space:nowrap; left:50%; transform:translateX(-50%); display:flex; flex-direction:row; align-items:center; justify-content:center; opacity:0; pointer-events:none; transition:all 0.5s ease 0s; }
.map .marker .bubble img { width:20px; margin-right:10px; }
.map .marker .bubble:after { content:''; display : inline-block; height : 0; width : 0; border-top : 5px solid #fff; border-right : 5px solid transparent; border-left : 5px solid transparent; position:absolute; left:50%; bottom:-6px; transform:translateX(-50%); }
.map .marker:hover .bubble { opacity:1; top:-55px; pointer-events:auto; }
.map .marker.dole { left:23%; top:56%; }
.map .marker.froideconche { left:57%; top:11%; }
.map .marker.lons { left:17%; top:79%; }
.map .marker.moirans { left:32%; top:92%; }
.map .marker.roche { left:51%; top:45%; }
.map .marker.vieuxcharmont { left:90%; top:30%; }
@keyframes pulse { 
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(234, 200, 94, 0.55); }
    70% { transform: scale(1); box-shadow: 0 0 0 50px rgba(234, 200, 94, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(234, 200, 94, 0); }
}

/* Hamburgers */
.hamburger { display:none; z-index:6; position:relative; padding:0; }


/**
 * Layout
 **/

#header { position:fixed; left:0; top:0; width:100%; background:#fff; z-index:5; }
#header .row { height:230px; align-items:center; transition:all 0.5s ease 0s; }
#header .logo img { max-height:125px; transition:all 0.5s ease 0s; }
#header .logo h1 { margin-bottom:0; }
#header .navigation { display:flex; flex-direction:column; align-items:flex-end; justify-content:center; }
#header .top { display:flex; flex-direction:row; align-items:center; justify-content: flex-end; gap:20px; }
#header .rdv { transition:all 0.5s ease 0s; opacity:1; }
#header .li-rdv { display:none !important; }
#header .rika { text-align:center; transition:all 0.5s ease 0s; opacity:1; overflow:hidden; max-height:126px; }
#header .rika { width:auto; }
#header .rika .uppertitle { text-transform:uppercase; font-weight:300; font-size:1.4rem; }
#header .rika .image { display:block; }
#header .rika .image img { width:auto; }
#header .rika .bottomtitle { font-weight:bold; font-size:1.8rem; }
#header .rika .bottomtitle span { color:#FE4F1E; font-weight:bold; font-size:1.8rem; text-transform:none;  }
#header .bottom { display:flex; flex-direction:row; align-items:center; justify-content:flex-end; margin-top:30px; }
#header .menu ul { display:flex; flex-direction:row; align-items:center; }
#header .menu li { display:flex; flex-direction:row; align-items:center; }
#header .menu li:after { content:''; width:1px; height:20px; background:#707070; }
#header .menu a { text-transform:uppercase; font-weight:400; padding:5px 15px; display:block; color:#393C3C; font-size:1.4rem; }
#header .menu li:first-child { display:none; }
#header .menu li:last-child a { padding-right:0; }
#header .menu li:last-child:after { content:none; }
#header .menu li.active a,
#header .menu li a:hover { color:#FE4F1E; }
#header .socials { margin-left:50px; }
#header .socials ul { display:flex; flex-direction:row; align-items:center; }
#header .socials li { margin-left:15px; }
#header .socials svg { width:27px; height:27px; display:flex; align-items:center; justify-content:center; fill:#FE4F1E; }

#header.not-top .row { height:80px; }
#header.not-top .rika { opacity:0; max-height:0; }
#header.not-top .logo img { max-height:60px; margin-top:10px; }
#header.not-top .rdv { opacity:0; max-height:0; }

#sticky { position:absolute; right:0; top:180px; z-index:6; width:auto !important; transform:translateX(calc(100% - 80px));  }
#sticky .item { margin-bottom:5px; }
#sticky .wrapper { display:flex; flex-direction:row; align-items:center; justify-content:flex-start; transition:all 0.7s ease 0s; background:#F4950C; transform-origin:center; }
#sticky .icons { display:flex; flex-direction:row; align-items:center; justify-content:center; }
#sticky .icon { display:flex; align-items:center; justify-content:center; width:80px; height:80px; }
#sticky .icon svg { width:30px; max-height:40px; fill:#fff; }
#sticky .text { padding:15px 30px 15px 0; color:#fff; display:block; line-height:1em; font-size:1.4rem; }
#sticky .facebook a { background:#3b5998; }
#sticky .youtube a { background:#c4302b; }
#sticky .wrapper:hover { transform:translateX(calc(-100% + 80px)); }


#page { position:relative; width:100%; overflow:hidden; }
#main { margin-top:230px; }

#footer { padding:50px 0; background:#393C3C; color:#fff; }
#footer h2 { font-size:3rem; }
#footer h2:after { content:''; width:30px; height:8px; background:#F4950C; display:block; margin:30px 0 60px 0; }
#footer ul li { margin-bottom:10px; }
#footer ul a { font-weight:500; text-transform:uppercase; color:#fff; }
#footer .center { text-align:center; }
#footer .center h2 { font-size:2.4rem; font-weight:bold; }
#footer .center h2:after { content:none; }
#footer .right ul { display:flex; flex-direction:row; align-items:flex-end; justify-content:flex-start; text-align:left; }
#footer .right li { margin:0 15px 0 0; }
#footer .socials { display:flex; flex-direction:row; align-items:center; justify-content:center; margin-top:50px; }
#footer .socials h2 { margin:0 15px 0 0; font-size:2.6rem; font-weight:900; }
#footer .socials h2:after { content:none; }
#footer .socials ul { display:flex; flex-direction:row; align-items:center; }
#footer .socials li { margin:0 0 0 15px; }
#footer .socials a { width:56px; height:56px; display:flex; align-items:center; justify-content:center; border:2px solid #fff; border-radius:100%; transition:all 0.5s ease 0s; }
#footer .socials svg { width:33px; max-height:30px; fill:#fff; transition:all 0.5s ease 0s; }
#footer .socials a:hover { background:#fff; }
#footer .socials a:hover svg { fill:#393C3C; }

#footer .copyright { margin-top:50px; }
#footer .copyright ul { display:flex; flex-direction:row; align-items:center; justify-content:center; }
#footer .copyright li:after { content:'|'; margin:0 10px; }
#footer .copyright li:last-child:after { content:none; }
#footer .copyright a { color:#fff; text-transform:none; font-size:1.4rem; }

/**
 * Page specific
 **/
 
/* Accueil */
#accueil .bigslider .swiper-slide { min-height:800px; display:flex; flex-direction:column; align-items:center; justify-content:center; background-size:cover; }
#accueil .bigslider .swiper-slide .container { z-index:1; }
#accueil .bigslider .swiper-slide:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.2); z-index:1; pointer-events:none; }
#accueil .bigslider .swiper-slide img { object-fit:cover; }
#accueil .bigslider .title { font-size:5.4rem; font-weight:900; color:#fff; text-align:center; line-height:1em; padding:0 100px; }
#accueil .jarallax { padding-top:200px; min-height:1300px; }
#accueil .jarallax .box { text-align:center; font-size:2.8rem; font-weight:300; }
#accueil .jarallax .box h2 b { font-weight:900; }
#accueil .jarallax .box p { margin-bottom:1em; }
#accueil .jarallax .box .btn { margin-top:60px; }
#accueil .jarallax .light { background:rgba(255,255,255,0.7); padding:100px; }
#accueil .jarallax .light h2 { text-transform:uppercase; }
#accueil .jarallax .dark { background:#393C3C; color:#fff; padding:50px 100px; }
#accueil .jarallax .dark img { margin-bottom:50px; }
#accueil .jarallax .dark p { font-size:2.2rem; }
#accueil .jarallax .dark p b { font-weight:900; }
#accueil .jarallax .dark .row { margin-top:80px; }
#accueil .jarallax .dark .col { display:flex; flex-direction:column; align-items:center; justify-content:center; }
#accueil .download .btn { margin-top:60px; }
#accueil .reviews h2 { text-align:center; }
#accueil .reviews h2:before { content:'«'; color:#D6CAB8; font-size:5.6rem; margin-right:15px; }
#accueil .reviews h2:after { content:'»'; color:#D6CAB8; font-size:5.6rem; margin-left:15px; }
#accueil .reviews .widget { min-height:270px; }

/* Entreprise */
#entreprise .heading { justify-content:flex-start; height:700px; margin-bottom:150px; }
#entreprise .chiffres { min-height:600px; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#fff; position:relative; }
#entreprise .chiffres:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(57,60,60,0.66); z-index:0; }
#entreprise .chiffres .col { display:flex; flex-direction:column; align-items:center; justify-content:flex-start; text-align:center; min-height:170px; }
#entreprise .chiffres .line { display:flex; flex-direction:row; align-items:center; justify-content:center; }
#entreprise .chiffres span { font-size:1.8rem; font-weight:500;  line-height:1.4em; }
#entreprise .chiffres b { font-size:5rem; font-weight:900; line-height:1em; }
#entreprise .chiffres svg { margin:0 0 0 15px; }
#entreprise .chiffres .employees svg { margin-top:15px;}
#entreprise .chiffres .location { display:flex; flex-direction:column; align-items:center; justify-content:center; margin:15px 0;}
#entreprise .chiffres .location svg { width:20px; }
#entreprise .chiffres .location span { font-size:2.4rem; font-weight:900; text-transform:uppercase; }
#entreprise .patchwork { padding:15px 0; }
#entreprise .patchwork .top .row { justify-content:flex-end; }
#entreprise .patchwork .top .block { padding:50px 80px; background:#F4950C; color:#fff; }
#entreprise .patchwork .top .text { position:absolute; left:0; bottom:0; z-index:2; padding:0; }
#entreprise .patchwork .top .text h2 { font-weight:900; font-size:3rem; }
#entreprise .patchwork .top .text p { font-weight:700; font-size:2.6rem; }
#entreprise .patchwork .bottom { margin-top:15px; }
#entreprise .patchwork .bottom .image:first-child { padding-right:7.5px; }
#entreprise .patchwork .bottom .image:last-child { padding-left:7.5px; }

/* Showroom */
#showroom .beige .subtitle { text-align:center; font-weight:bold; font-size:3.2rem; margin-bottom:100px; }
#showroom .beige h3 { font-size:2.4rem; font-weight:900; margin:50px 0 15px 0; }
#showroom .vv { margin-bottom:50px; }
#showroom .vv a { position:relative; display:block; overflow:hidden; }
#showroom .vv a:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.45); z-index:2; pointer-events:none; transition:all 0.5s ease 0s; }
#showroom .vv .bg { transition:all 0.5s ease 0s; }
#showroom .vv .arrow { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); display:flex; flex-direction:column; align-items:center; justify-content:center; z-index:3; }
#showroom .vv .arrow span { color:#fff; font-size:2.4rem; }
#showroom .vv .arrow svg { transition:all 0.4s ease 0.2s; }
#showroom .vv a:hover:before { opacity:0; }
#showroom .vv a:hover .bg { transform:scale(1.1); }
#showroom .vv a:hover .arrow svg { transform:rotate(30deg); }

/* Services */
#services .carousel { background:rgba(214,202,184,0.15); }
#services .carousel header { text-align:center; margin-bottom:50px; }
#services .videos { text-align:center; background:rgba(214,202,184,0.3); }
#services .videos header { margin-bottom:50px; }
#services .videos .col { margin-bottom:30px; }
#services .videos .record .image { display:block; position:relative; overflow:hidden; }
#services .videos .record .image .bg { transition:all 0.5s ease 0s; }
#services .videos .record .image:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.4); transition:all 0.5s ease 0s; opacity:1; z-index:1; pointer-events:none; }
#services .videos .record .image .icon { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:2; pointer-events:none; transition:all 0.5s ease 0s; }
#services .videos .record:hover .image .bg { transform:scale(1.1); }
#services .videos .record:hover .image:before { opacity:0; }
#services .videos .record:hover .icon svg { fill:#FE4F1E; }
#services .videos .record:hover .icon svg g { stroke:#FE4F1E; }
#services .videos .record h3 { color:#000; font-weight:500; text-transform:uppercase; font-size:1.4rem; margin-top:5px;}
#services .videos .pagination { margin-top:50px; }
#services .videos .btn { border-radius:0; background:#FE4F1E; border-color:#FE4F1E; }
#services .videos .btn:hover { background:transparent; color:#FE4F1E; }

/* Réalisations */
#realisations .realisations { background: linear-gradient(to bottom, rgba(57,60,60,1) 0%,rgba(122,124,124,1) 100%); text-align:center; color:#fff; }
#realisations .realisations .pagination { margin-top:50px; }
#realisations .realisations .record .image { overflow:hidden; }
#realisations .realisations .record .image img { transition:all 0.5s ease 0s; }
#realisations .realisations .record .image a:hover img { transform:scale(1.1); }

/* Contact */
#contact .form h2 { font-size:1.6rem; color:#393C3C; margin-bottom:15px; }
#contact .form .left { display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; }
#contact .form .left > .field { width:100%; }
#contact .form .left .radios { margin-top:auto; }
#contact .form .right .field:last-child { margin-bottom:0; }
#contact .form .captcha { justify-content:flex-start; }
#contact .form .submit { text-align:right; }
#contact option {font-size: 11px;}










/**
 * Extra large
 **/
@media (min-width: 1350px) {
    .container { max-width:1220px; }
    

}

/**
 * Extra large
 **/
@media (max-width: 1349px) {
    h1, h2 { font-size:4rem; }
    p { font-size:1.8rem; }
    
    #sticky { transform:translateX(calc(100% - 50px)); }
    #sticky .wrapper:hover { transform:translateX(calc(-100% + 50px)); }
    #sticky .icon { width:50px; height:50px; }
    #sticky .icon svg { width:20px; max-height:30px; }
    
    
    .slider .navigation .prev { left:70px; }
    .slider .navigation .next { right:70px; }
    .slider .navigation svg { width:20px; }
    
    .padding { padding-top:60px; padding-bottom:60px; }
    
    .heading { height:600px; }
    .heading .caption-box { padding:40px 40px 60px 40px; }
    .heading .caption-box h2 { font-size:2rem; }
    .heading .caption-box p { font-size:1.6rem; }
    .heading .caption-box .arrow { margin-top:40px; }
    
    .heading .title { font-size:5rem; }
    
    #accueil .bigslider .swiper-slide { min-height:600px; }
    #accueil .bigslider .title { font-size:5rem; padding:0 70px; }
    #accueil .jarallax { min-height:0; }
    #accueil .jarallax .light { padding:60px; }
    #accueil .jarallax .box .btn { margin-top:30px; }
    #accueil .jarallax .dark { padding:40px 60px; }
    #accueil .jarallax .dark p { font-size:1.6rem; }
    #accueil .jarallax .dark img { margin-bottom:30px; max-height: 90px; max-width: 60px; }
    #accueil .download .btn { margin-top:30px; }
    
    #entreprise .heading { margin-bottom:50px; }
}

/**
 * Large devices
 **/
@media (max-width: 1199px) {
    #header .row { height:170px; }
    #header .menu a span { display:none; }
    #header .socials { margin-left:15px; }
    #header .top { transform:scale(0.8); transform-origin:right top; }
    #header .bottom { margin-top:0; margin-right:30px; }
    #main { margin-top:170px; }
    #footer h2 { font-size:2.5rem; }
    #footer ul li { font-size:1.4rem; margin-bottom:5px; }
    #footer .socials h2 { display:none; }
    #footer .socials li { margin:0 10px; }
    
    #accueil .bigslider .title { font-size:4rem; }
    #accueil .bigslider .swiper-slide { min-height:500px; }
    #accueil .jarallax { padding-top:100px; }
    
    #entreprise .heading { height:600px; }
    #entreprise .chiffres { min-height:400px; }
    #entreprise .chiffres span { font-size:1.4rem; margin-top:10px; }
    #entreprise .chiffres .employees svg { max-width:100px; }
    #entreprise .patchwork .top .block { padding:30px 50px; }
    #entreprise .patchwork .top .text p { font-size:1.6rem; font-weight:500; }
    
    #showroom .beige .subtitle { font-size:2.5rem; }
    #showroom .beige h3 { font-size:2rem; }
    #showroom .vv .arrow svg { width:150px; height:auto; }
    
    .carousel .swiper-wrapper { min-height:300px; }
    .carousel .swiper-slide .item { min-height:200px; }
    .carousel .swiper-slide-active .item { min-height:300px; }
    .carousel .swiper-slide .title { font-size:2.5rem; }
    .carousel .swiper-slide .icon { width:50px; }
    
    .heading { height:500px; }
    .heading .title { font-size:4rem; }
    
    .btn { padding:10px 30px; font-size:1.6rem; }
    
    .map .marker {  margin-left:-9px; margin-top:-23px; }
    .map .marker > img { width:18px; }
    
    .map .bigmarker { margin-left:-20px; margin-top:-52px; }
    .map .bigmarker img { width:40px; }
    
}

/**
 * Medium devices
 **/
@media (max-width: 991px) {
    h1, h2 { font-size:3.5rem; }
    p { font-size:1.6rem; }
    
    .btn { padding:8px 15px; font-weight:500; font-size:1.4rem; }
    
    #header .row { height:120px; }
    #header .top { transform:scale(0.6); }
    #header .menu a { font-size:1.2rem; padding:5px 10px; }
    #header .socials { display:none; }
    #header .bottom { margin-top:-40px; }
    #header.not-top .bottom { margin-top:0; }
    #main { margin-top:120px; }
    #footer h2 { font-size:2rem; }
    #footer .container { max-width:none; }
    
    #accueil .bigslider .swiper-slide { min-height:400px; }
    #accueil .bigslider .title { font-size:3.5rem; }
    
    #entreprise .heading { height:500px }
    #entreprise .chiffres b { font-size:4rem; }
    #entreprise .chiffres svg { max-height:40px; }
    #entreprise .patchwork .top .block { padding:30px; }
    #entreprise .patchwork .top .text p { font-size:1.4rem; }
    
    #showroom .vv .arrow svg { width:120px; }
    #showroom .vv .arrow span { font-size:2rem; }
    
    .carousel .swiper-wrapper { min-height:200px; }
    .carousel .swiper-slide .item { min-height:150px; }
    .carousel .swiper-slide-active .item { min-height:200px; }
    

    
    .heading { height:400px; }
    .heading .title { font-size:3.5rem; }
    .heading .caption-box p { font-size:1.4rem; }
    
    
    .map .container { max-width:none; }
    .map .row { align-items:center; }
    .map .btn svg { display:none; }
    .map .address { font-size:1.6rem; }
    .map .schedules { font-size:1.4rem; }
    
    .slider .pagination { bottom:100px; }
}

/**
 * Small devices
 **/
@media (max-width: 767px) {
    h1, h2 { font-size:3rem; }
    p { font-size:1.4rem; }
    body.open #header .menu { opacity:1; pointer-events:auto; transform:translateY(0);}
    
    #header .container { max-width:none; }
    #header .row { height:80px; }
    #header .logo { position:relative; z-index:7; }
    #header .top { position:fixed; left:0; top:0; width:100%; height:80px; background:#fff; z-index:6; transform:scale(1); }
    #header .top .rika { display:none; }
    #header .logo img { max-height:60px; margin-top:0 !important; }
    #header .bottom { margin-top:0; margin-right:0; }
    #header .menu { position:fixed; left:0; top:80px; width:100%; height:calc(100vh - 80px); z-index:5; background:#F4950C; color:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; transition:all 0.5s ease 0s; pointer-events:none; transform:translateY(-100%);}
    #header .menu ul { display:flex; flex-direction:column; align-items:center; justify-content:center; }
    #header .menu li:first-child { display:block; }
    #header .menu li:after { content:none; }
    #header .menu a { color:#fff; text-transform:uppercase; color:#fff; font-weight:bold; font-size:2rem; }
    #header .rdv { margin-right:100px; }
    #main { margin-top:80px; }
    #footer .center { order:1; }
    #footer .left { display:none; }
    #footer .right { order:2; text-align:center; margin-top:50px; }
    #footer h2:after { margin:30px auto; }
    #footer .right ul { justify-content:center; }
    #footer .copyright ul { flex-direction:column; }
    #footer .copyright li:after { content:none; }
    
    #sticky { display:none; }
    
    .hamburger { display:block; }
    
    .container { max-width:none; padding-left:30px; padding-right:30px; }
    
    .map .row { align-items:flex-start; }
    .map .left { order:1; margin-bottom:50px; }
    .map .right { order:2; }
    .map .center { order:3; margin:50px auto 0 auto; width:auto;  }
    .partners .swiper-container { margin:0; }
    
    
    .heading .caption-box { max-width:none; }
    .heading .title { font-size:3rem; }
    
    .carousel .swiper-slide .title { font-size:2rem; }
    
    #accueil .bigslider .title { font-size:3rem; }
    #accueil .jarallax .dark p { font-size:1.4rem; }
    #accueil .reviews h2:before,
    #accueil .reviews h2:after { content:none; }
    
    #entreprise .chiffres .row { justify-content:center; }
    #entreprise .chiffres .col { min-width:33.33%; max-width:33.33%; min-height:0; margin-bottom:30px; }
    #entreprise .patchwork .top .text { position:static; padding:0 15px; margin-bottom:15px; }
    #entreprise .patchwork .bottom .image { padding:0 15px !important; margin-bottom:15px; }
    
    #showroom .beige .subtitle { font-size:2rem; }
    #showroom .vv .arrow svg { width:100px }
    #showroom .vv .arrow span { font-size:1.6rem; }
    
    #services .videos .record .image .icon svg { width:60px; }
    #contact .form .left .radios { margin-bottom:30px; }
    #contact .form .captcha { justify-content:center; }
    #contact .form .submit { text-align:center; margin-top:30px; }
    
    #entreprise .chiffres .line {flex-direction: column;}
    #entreprise .chiffres svg {margin: 7px 0 0 0 ;}
}

/**
 * Extra small devices
 **/
@media (max-width: 575px) {
    h1, h2 { font-size:2.5rem; }
    .slider .navigation .prev { left:20px; display:none; }
    .slider .navigation .next { right:20px; display:none; }
    .slider .pagination { bottom:50px; }
    
    
    .heading .title { font-size:2.5rem; }
    .heading .caption-box { position:static; padding:40px; }
    
    
    #accueil .bigslider .title { padding:0; font-size:2.5rem; }
    #accueil .jarallax .light { padding:30px; }
    #accueil .jarallax .dark { padding:30px; }
    #accueil .download { text-align:center; }
    #accueil .download .image { margin-top:30px; }
    
    #header .rdv { display:none; }
    #header .li-rdv { display:block !important; }
    
    #entreprise .heading { height:auto; }
    #entreprise .chiffres span { font-size:1.2rem; }
    
    #showroom .vv .arrow svg { width:60px; }
    #showroom .vv .arrow span { font-size:1.4rem; }
    
    
}