@charset "UTF-8";
.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto;}
.slick-track:before, .slick-track:after{content:"";display:table;}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{float:left;height:100%;min-height:1px;display:none;}
[dir="rtl"] .slick-slide{float:right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden {
display: none; }
 .slick-loading .slick-list{background:#fff url(https://promo.grifon.ca/wp-content/themes/grifon/css/ajax-loader.gif) center center no-repeat;}
@font-face{font-family:"slick";src:url(https://promo.grifon.ca/wp-content/themes/grifon/css/fonts/slick.eot);src:url(https://promo.grifon.ca/wp-content/themes/grifon/css/fonts/slick.eot?#iefix) format("embedded-opentype"), url(https://promo.grifon.ca/wp-content/themes/grifon/css/fonts/slick.woff) format("woff"), url(https://promo.grifon.ca/wp-content/themes/grifon/css/fonts/slick.ttf) format("truetype"), url(https://promo.grifon.ca/wp-content/themes/grifon/css/fonts/slick.svg#slick) format("svg");font-weight:normal;font-style:normal;}
.slick-prev, .slick-next{position:absolute;display:block;height:20px;width:20px;line-height:0px;font-size:0px;cursor:pointer;background:transparent;color:transparent;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);padding:0;border:none;outline:none;}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover, .slick-next:focus{outline:none;background:transparent;color:transparent;}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before, .slick-next:focus:before{opacity:1;}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity:0.25;}
.slick-prev:before, .slick-next:before{font-family:"slick";font-size:20px;line-height:1;color:white;opacity:0.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.slick-prev{left:-25px;}
[dir="rtl"] .slick-prev{left:auto;right:-25px;}
.slick-prev:before{content:"←";}
[dir="rtl"] .slick-prev:before{content:"→";}
.slick-next{right:-25px;}
[dir="rtl"] .slick-next{left:-25px;right:auto;}
.slick-next:before{content:"→";}
[dir="rtl"] .slick-next:before{content:"←";}
.slick-dotted.slick-slider{margin-bottom:30px;}
.slick-dots{position:absolute;bottom:-25px;list-style:none;display:block;text-align:center;padding:0;margin:0;width:100%;}
.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0 5px;padding:0;cursor:pointer;}
.slick-dots li button{border:0;background:transparent;display:block;height:20px;width:20px;outline:none;line-height:0px;font-size:0px;color:transparent;padding:5px;cursor:pointer;}
.slick-dots li button:hover, .slick-dots li button:focus{outline:none;}
.slick-dots li button:hover:before, .slick-dots li button:focus:before{opacity:1;}
.slick-dots li button:before{position:absolute;top:0;left:0;content:"•";width:20px;height:20px;font-family:"slick";font-size:6px;line-height:20px;text-align:center;color:black;opacity:0.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.slick-dots li.slick-active button:before {
color: black;
opacity: 0.75; }*{box-sizing:border-box;}article{display:block}aside{display:block}details{display:block}figcaption{display:block}figure{display:block;margin:0}footer{display:block}header{display:block}hgroup{display:block}nav{display:block}section{display:block}audio{display:inline;zoom:1}canvas{display:inline;zoom:1}video{display:inline;zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;color:#222}button{color:#222;font-size:100%;vertical-align:middle;line-height:normal;cursor:pointer;-webkit-appearance:button;overflow:visible;margin:0}input{color:#222;font-size:100%;vertical-align:middle;line-height:normal;margin:0}select{color:#222;font-size:100%;vertical-align:middle;margin:0}textarea{color:#222;font-size:100%;overflow:auto;vertical-align:top;resize:vertical;margin:0}body{font-size:1em;line-height:1.4;margin:0}::-moz-selection{background:#333;color:#fff;text-shadow:none}::selection{background:#333;color:#fff;text-shadow:none}a{color:#00e}a:hover{color:#06e;outline:0}a:active{outline:0}abbr[title]{border-bottom:1px dotted}b{font-weight:700}strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}pre{font-size:1em;white-space:pre-wrap;word-wrap:break-word}code{font-size:1em}kbd{font-size:1em}samp{font-size:1em}q{quotes:none}q:before{content:none}q:after{content:none}small{font-size:85%}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline;bottom:-.25em}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-.5em}ul{margin:1em 0;padding:0 0 0 40px}ol{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul{list-style:none;list-style-image:none;margin:0;padding:0}nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;margin-left:-7px;white-space:normal;padding:0}input[type="button"]{cursor:pointer;-webkit-appearance:button;overflow:visible}input[type="reset"]{cursor:pointer;-webkit-appearance:button;overflow:visible}input[type="submit"]{cursor:pointer;-webkit-appearance:button;overflow:visible}button[disabled]{cursor:default}input[disabled]{cursor:default}input[type="checkbox"]{box-sizing:border-box;width:13px;height:13px;padding:0}input[type="radio"]{box-sizing:border-box;width:13px;height:13px;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner{border:0;padding:0}input::-moz-focus-inner{border:0;padding:0}input:invalid{background-color:#f0dddd}textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.chromeframe{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0}
html{font-size:100%;}
body { 
background: #FFF; 
color: #000; 
font: 1em Arial, Helvetica, sans-serif; 
} a{text-decoration:none;transition:all .5s ease;}
a:hover{}
.container{clear:both;margin:0 auto;max-width:1100px;position:relative;padding:0 20px;}
img{height:auto;max-width:100%;}
img.alignright{float:right;margin:0 0 1em 1em}
img.alignleft{float:left;margin:0 1em 1em 0}
img.aligncenter{display:block;margin-left:auto;margin-right:auto}
a img.alignright{float:right;margin:0 0 1em 1em}
a img.alignleft{float:left;margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}body, html{font-family:"Montserrat", sans-serif;font-optical-sizing:auto;max-width:100vw;overflow-x:hidden;position:relative;}
tooltip{visibility:collapse !important;}
div.ranger{display:flex;flex-wrap:wrap;}
div.container {
width: 100%;
max-width: 100%;
padding: 0 7%; } a{color:#000;}
.bar1, .bar2, .bar3{width:20px;height:3px;background-color:#000;margin:2px 0;transition:0.4s;border-radius:1px;}
.change .bar1{-webkit-transform:rotate(-45deg) translate(-2px, 6px);transform:rotate(-45deg) translate(-2px, 6px);}
.change .bar2{opacity:0;}
.change .bar3{-webkit-transform:rotate(45deg) translate(-1px, -5px);transform:rotate(45deg) translate(-1px, -5px);}
.slick-slide:focus, .slick-slide a{outline:none;}
div#call-us{position:fixed;bottom:25px;left:25px;width:70px;height:70px;border:4px solid #000;border-radius:50%;background-image:url(//promo.grifon.ca/wp-content/themes/grifon/images/call.svg);cursor:pointer;background-size:60%;background-position:center;background-repeat:no-repeat;background-color:#fff;z-index:100;font-size:0;transition:all .5s ease;}
div#call-us:hover{background-color:#fff;}
header{background-color:white;box-shadow:0px 0px 5px 5px rgba(0, 0, 0, 0.05);border:1px solid #efefef;padding:10px 20px;position:absolute;left:0px;width:calc(100% - 0px);z-index:9;font-family:"Montaga", serif;}
header img{width:100%;border-radius:12px;overflow:hidden;}
header div.container{max-width:100%;position:relative;}
header div.container div.ranger{align-items:center;justify-content:center;}
header div.container div.ranger div.colonne:nth-child(2){width:200px;padding:0;}
header div.container div.ranger div.colonne:nth-child(2) img{width:100%;border-radius:12px;overflow:hidden;}
header div.container div.ranger div.colonne{padding:0 20px;width:calc(50% - 100px);}
header div.container div.ranger div.colonne a, header div.container div.ranger div.colonne p{font-size:16px;padding:2px 0;color:#000;text-transform:uppercase;margin:0;}
header div.container div.ranger div.colonne a:hover, header div.container div.ranger div.colonne p:hover{color:inherit;}
header div.container div.ranger div.colonne span{display:block;}
header div.container div.ranger div.colonne:nth-child(3){text-align:right;}
img.full{width:100%;}
@keyframes bgZoom {
0%{background-size:100%;}
100%{background-size:112%;}
}
section#page div.hero{min-height:700px;height:calc(100vh - 100px);background-size:cover;background-position:center;background-repeat:no-repeat;padding-bottom:7vw;display:flex;flex-direction:column;justify-content:flex-end;position:relative;z-index:1;}
section#page div.hero:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);z-index:2;}
section#page div.hero div.container{position:relative;z-index:3;}
section#page div.hero div.container div.texte{color:#fff;}
section#page div.hero div.container div.texte h1, section#page div.hero div.container div.texte h2, section#page div.hero div.container div.texte h3{font-size:100px;font-weight:700;margin:0;}
section#page div.hero div.container div.texte p{font-size:30px;font-weight:600;}
section#page div.hero div.container div.texte button{background-color:#fff;border:1px solid #707070;height:70px;padding:0 30px;border-radius:0;font-weight:700;font-size:30px;color:#000;margin-top:25px;}
section#page div.products div.title{width:100%;}
section#page div.products div.title h2{font-weight:800;font-size:12vw;color:rgba(185, 182, 182, 0.5);text-align:center;margin:0;line-height:1;text-transform:uppercase;position:relative;top:.5em;}
section#page div.products div.box{background-color:#F3F2EF;padding:7vw 0;}
section#page div.products div.box div.ranger{width:calc(100% + 50px);margin-left:-25px;margin-right:-25px;}
section#page div.products div.box div.ranger div.colonne{width:25%;padding:0 25px;margin-bottom:50px;}
section#page div.products div.box div.ranger div.colonne .tuile{width:100%;position:relative;z-index:1;height:0;padding-bottom:100%;}
section#page div.products div.box div.ranger div.colonne .tuile img{width:100%;position:absolute;left:0;top:0;height:100%;z-index:2;}
section#page div.products div.box div.ranger div.colonne .tuile:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;background-color:rgba(0, 0, 0, 0.3);}
section#page div.products div.box div.ranger div.colonne .tuile .txt{position:absolute;width:100%;bottom:0;text-align:center;z-index:4;}
section#page div.products div.box div.ranger div.colonne .tuile .txt h3{font-size:30px;font-weight:600;text-align:center;color:#fff;}
section#page div.products div.box div.ranger.two div.colonne{width:50%;margin-bottom:0;}
section#page div.products div.box div.ranger.two div.colonne .tuile{padding-bottom:67%;}
section#page div.products div.box div.ranger.three div.colonne{width:33.333%;margin-bottom:0;}
section#page div.products div.box div.ranger.three div.colonne .tuile{padding-bottom:67%;}
section#page div.products.complete div.title h2{font-size:5.7vw;line-height:1;}
section#page div.reviews{padding:7vw 0;}
section#page div.reviews div.titre h2{text-align:center;font-size:50px;font-weight:700;color:#000;text-transform:uppercase;}
section#page div.carousel-products{padding:7vw 0 0;}
section#page div.carousel-products div.titre h2{text-align:center;font-size:50px;font-weight:700;color:#000;text-transform:uppercase;}
section#page div.carousel-products .slick-prev, section#page div.carousel-products .slick-next{height:80px;width:80px;background-image:url(//promo.grifon.ca/wp-content/themes/grifon/images/chevron_left.svg);background-size:contain;background-position:center;background-repeat:no-repeat;z-index:9;}
section#page div.carousel-products .slick-prev:before, section#page div.carousel-products .slick-next:before{content:none;}
section#page div.carousel-products .slick-next{background-image:url(//promo.grifon.ca/wp-content/themes/grifon/images/chevron_right.svg);}
section#page div.carousel-products .slick-slide{padding:0 25px;}
section#page div.carousel-products .slick-slide img{width:100%;}
section#page div.carousel-inspiration{padding:7vw 0;}
section#page div.carousel-inspiration div.titre{width:100%;}
section#page div.carousel-inspiration div.titre h2{font-weight:800;font-size:5.7vw;color:rgba(185, 182, 182, 0.5);text-align:center;margin:0;line-height:1;text-transform:uppercase;top:.5em;position:relative;}
section#page div.carousel-inspiration .bg{padding:7vw 0;background-color:#F3F2EF;}
section#page div.carousel-inspiration .slick-slide{padding:0 25px;}
section#page div.carousel-inspiration .slick-slide .rel{width:100%;padding-bottom:100%;position:relative;height:0;}
section#page div.carousel-inspiration .slick-slide .rel img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;}
section#page div.carousel-inspiration .slick-prev, section#page div.carousel-inspiration .slick-next{height:80px;width:80px;background-image:url(//promo.grifon.ca/wp-content/themes/grifon/images/chevron_left.svg);background-size:contain;background-position:center;background-repeat:no-repeat;z-index:9;}
section#page div.carousel-inspiration .slick-prev:before, section#page div.carousel-inspiration .slick-next:before{content:none;}
section#page div.carousel-inspiration .slick-next{background-image:url(//promo.grifon.ca/wp-content/themes/grifon/images/chevron_right.svg);}
section#page div.form{width:100%;}
section#page div.form div.texte{text-align:center;}
section#page div.form div.texte h2{font-size:50px;font-weight:700;}
section#page div.form div.texte h3{font-size:30px;font-weight:700;}
section#page div.form div.texte p{font-size:20px;}
section#page div.form div.texte p a{font-weight:700;text-decoration:underline;color:#000;}
section#page div.form div.texte p a:hover{color:inherit;}
section#page div.form div.ranger{width:calc(100% + 50px);margin-left:auto;margin-right:auto;max-width:1150px;}
section#page div.form div.ranger div.colonne{width:50%;padding:0 25px;text-align:left;}
section#page div.form input[type=text], section#page div.form input[type=email], section#page div.form textarea{height:60px;border:1px solid #000;border-radius:0;}
section#page div.form textarea{height:200px;}
section#page div.form button{background-color:#000;border:1px solid #707070;height:70px;padding:0 30px;border-radius:0;font-weight:700;font-size:30px;color:#fff;margin-top:25px;}
section#page div.form .with_frm_style .frm_primary_label{font-family:inherit;font-weight:600;font-size:20px;}
section#page div.form form{max-width:1100px;display:block;margin:0 auto;}
section#page .why{padding:7vw 0;}
section#page .why div.title{max-width:1200px;display:block;margin:0 auto 50px;}
section#page .why div.title h2{text-align:center;font-size:50px;font-weight:700;text-transform:uppercase;}
section#page .why div.ranger{width:calc(100% + 50px);margin-left:-25px;margin-right:-25px;}
section#page .why div.ranger div.colonne{width:25%;padding:0 25px;margin-bottom:50px;text-align:center;}
section#page .why div.ranger div.colonne img{width:auto;height:100px;margin:0 auto;}
section#page .why div.ranger div.colonne h3{font-size:30px;}
section#page .why div.ranger div.colonne p{font-size:20px;}
section#page .two-col div.ranger{margin-bottom:50px;}
section#page .two-col div.ranger:nth-child(even){flex-direction:row-reverse;}
section#page .two-col div.ranger:nth-child(even) div.colonne:nth-child(2){padding-right:50px;padding-left:7vw;}
section#page .two-col div.ranger div.colonne{width:50%;}
section#page .two-col div.ranger div.colonne img{width:100%;}
section#page .two-col div.ranger div.colonne:nth-child(2){padding-left:50px;padding-right:7vw;display:flex;flex-direction:column;justify-content:center;}
section#page .two-col div.ranger div.colonne:nth-child(2) h3{margin-top:0;font-size:30px;}
section#page .two-col div.ranger div.colonne:nth-child(2) p{font-size:20px;}
section#page .two-col div.ranger div.colonne:nth-child(2) p strong{font-weight:700;}
section#page .visitez button{background-color:#fff;border:1px solid #707070;height:70px;padding:0 30px;border-radius:0;font-weight:700;font-size:30px;color:#000;margin-top:25px;margin-bottom:100px;display:block;margin-left:auto;margin-right:auto;}
footer{padding:5px 25px;background-color:#ccc;}
footer p{text-align:center;color:#fff;font-size:14px;}
footer p a{color:#fff;text-decoration:none;}
footer p a:hover{text-decoration:underline;color:#fff;}
.popup{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0, 0, 0, 0.9);z-index:100;display:none;}
.popup .content{position:absolute;top:50%;left:50%;width:calc(100% - 14vw);height:auto;max-width:1100px;max-height:calc(100% - 14vw);background-color:#fff;padding:50px 7vw;transform:translate(-50%, -50%);overflow-y:auto;}
.popup .content span#x{font-size:30px;font-weight:100;position:absolute;top:10px;right:20px;cursor:pointer;}
.popup .content h3{font-size:50px;margin-top:0;margin-bottom:0;text-align:center;}
.popup .content p{font-size:20px;text-align:center;}
.popup .content form{margin-top:50px;}
.popup .content input[type=text], .popup .content input[type=email], .popup .content textarea{height:60px;border:1px solid #000;border-radius:0;}
.popup .content textarea{height:200px;}
.popup .content .frm_style_formidable-style.with_frm_style .frm_submit button{background-color:#000;border:1px solid #707070;height:70px;padding:0 30px;border-radius:0;font-weight:700;font-size:30px;color:#fff;display:block;margin:0 auto;margin-top:25px;}
.popup .content .with_frm_style .frm_primary_label{font-family:inherit;font-weight:600;font-size:20px;}
.wpgmza_map#wpgmza_map_1{max-width:1100px !important;display:block;margin:50px auto !important;}
section#page.page{padding-top:150px;}
@media(max-width:1279px){
section#page .why div.ranger div.colonne{width:50%;}
section#page div.products div.box div.ranger div.colonne{width:50%;}
}
@media(max-width:1023px){
section#page div.products div.box div.ranger.three div.colonne{width:100%;margin-bottom:50px;}
section#page .two-col{padding:0 7vw;}
section#page .two-col div.ranger div.colonne{width:100%;}
section#page .two-col div.ranger div.colonne:nth-child(2), section#page .two-col div.ranger:nth-child(even) div.colonne:nth-child(2){padding:0;padding-top:50px;}
section#page .two-col div.ranger:nth-child(even){flex-direction:row;}
header div.container div.ranger div.colonne:nth-child(2), header div.container div.ranger div.colonne:nth-child(3), header div.container div.ranger div.colonne:nth-child(1){width:100%;text-align:center;}
header div.container div.ranger{flex-direction:column;gap:2px;flex-wrap:wrap;}
header div.container div.ranger div.colonne:nth-child(2) img{max-width:200px;margin:0 auto;}
section#page div.hero div.container div.texte h1, section#page div.hero div.container div.texte h2, section#page div.hero div.container div.texte h3{font-size:50px;}
section#page div.hero div.container div.texte p{font-size:24px;}
section#page div.products div.box div.ranger div.colonne .tuile .txt h3{font-size:24px;}
section#page div.products div.box div.ranger.two div.colonne .tuile, section#page div.products div.box div.ranger.three div.colonne .tuile{padding-bottom:100%;}
section#page div.carousel-products .slick-slide{padding:0 50px;}
section#page div.carousel-products .slick-dots{bottom:-50px;}
}
@media(max-width:767px){
section#page .why div.ranger div.colonne {
width: 100%; }
section#page div.products div.box div.ranger.two div.colonne {
width: 100%;
margin-bottom: 50px; }
section#page .why div.ranger div.colonne {
width: 100%; }
section#page div.products div.box div.ranger div.colonne {
width: 100%; }
section#page div.hero div.container div.texte h1, section#page div.hero div.container div.texte h2, section#page div.hero div.container div.texte h3 {
font-size: 32px; }
section#page div.hero div.container div.texte button, .popup .content .frm_style_formidable-style.with_frm_style .frm_submit button, section#page .visitez button, section#page div.form button {
font-size: 20px; }
.popup .content h3, section#page div.form div.texte h2, section#page div.carousel-products div.titre h2, section#page div.reviews div.titre h2, section#page .why div.title h2 {
font-size: 32px; }
section#page .visitez button {
max-width: calc(100% - 14vw); }
section#page div.hero {
min-height: 500px;
height: calc(100vh - 150px); }
section#page div.hero div.container div.texte p {
font-size: 20px; }
section#page div.form div.ranger div.colonne {
width: 100%;
padding: 0; }
section#page div.form div.texte h3 {
font-size: 24px; } }