@charset "UTF-8";
@charset "UTF-8";
.wpml-ls-menu-item .wpml-ls-flag{display:inline;vertical-align:baseline}.wpml-ls-menu-item .wpml-ls-flag+span{margin-left:.3em}.rtl .wpml-ls-menu-item .wpml-ls-flag+span{margin-left:0;margin-right:.3em}ul .wpml-ls-menu-item a{display:flex;align-items:center}.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}}
 *{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;
-webkit-font-smoothing: antialiased; } a{text-decoration:none;transition:all .5s ease;}
a:hover{color:#C9B179;}
.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;}
html{filter:brightness(0.95) contrast(1.2);}
svg{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
p {
font-size: 18px;
line-height: 1.5; } p{display:block;width:100%;box-sizing:border-box;}
li{font-size:18px;line-height:1.2;}
h3{font-size:32px;margin:0 0 .25em;font-weight:600;}
h4{font-size:24px;font-weight:600;text-transform:uppercase;}
button, .frm_style_style-formidable.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message, .frm_style_style-formidable.with_frm_style input[type=submit], .frm_style_style-formidable.with_frm_style .frm_submit input[type=button], .frm_style_style-formidable.with_frm_style .frm_submit button, .frm_form_submit_style, .frm_style_style-formidable.with_frm_style .frm-edit-page-btn{border:1px solid transparent;height:50px;border-radius:15px;padding:0 20px;position:relative;color:#fff;overflow:hidden;transition:all .5s ease;background-color:#000;font-size:20px;font-weight:500;font-family:"Montaga", serif;}
button:hover, .frm_style_style-formidable.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message:hover, .frm_style_style-formidable.with_frm_style input[type=submit]:hover, .frm_style_style-formidable.with_frm_style .frm_submit input[type=button]:hover, .frm_style_style-formidable.with_frm_style .frm_submit button:hover, .frm_form_submit_style:hover, .frm_style_style-formidable.with_frm_style .frm-edit-page-btn:hover{background-color:#905a36;border-color:transparent;}
body{opacity:1;color:#000;}
body.opacity{opacity:1;}
.mwrap-wrapper{padding-bottom:0px;padding-top:0px;}
div.bg-body{background-color:#F7F7F4;background-repeat:repeat;position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;}
div.bg-body:after{content:'';height:calc(100% - 500px);width:100%;background-color:#F7F7F4;bottom:0;left:0;z-index:0;position:absolute;}
div.bg-body:before{content:'';height:calc( 500px);width:100%;background-image:linear-gradient(to top, #F7F7F4, transparent);bottom:calc(100% - 500px);left:0;position:absolute;z-index:0;}
.fadeinbottom{position:relative;top:100px;opacity:0;transition:all .5s ease;}
.fadeinbottom.done{top:0;opacity:1;}
tooltip{visibility:collapse !important;}
div.ranger{display:flex;flex-wrap:wrap;}
div.container {
width: 100%;
max-width: 1200px;
padding: 0 25px; } a{color:#905a36;}
p > a, li > a{color:#905a36;position:relative;}
p > a:before, li > a:before{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;transition:all .5s ease;background-color:#C9B179;}
p > a:hover, li > a:hover{color:#C9B179;}
p > a:hover:before, li > a:hover:before{width:100%;}
hr{border-top:2px solid #905a36;}
.bar1, .bar2, .bar3{width:40px;height:3px;background-color:#000;margin:5px 0;transition:0.4s;border-radius:1px;}
.change .bar1{-webkit-transform:rotate(-45deg) translate(-3px, 10px);transform:rotate(-45deg) translate(-3px, 10px);}
.change .bar2{opacity:0;}
.change .bar3{-webkit-transform:rotate(45deg) translate(-1px, -8px);transform:rotate(45deg) translate(-1px, -8px);}
.bouton-mobile{cursor:pointer;}
.slick-slide:focus, .slick-slide a{outline:none;}
h1, h2{font-size:36px;color:#905a36;margin:0 0 0.25em;font-weight:600;font-family:"Montaga", serif;}
h3{font-family:"Montaga", serif;}
.page-template-contact .rel-fixed{display:none;}
header{background-color:white;box-shadow:0px 0px 5px 5px rgba(0, 0, 0, 0.05);border:1px solid #efefef;padding:0px 0;position:fixed;left:0px;width:calc(100% - 0px);border-radius:0px;z-index:9;font-family:"Montaga", serif;}
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;}
header div.container .bouton-mobile{position:absolute;right:50px;top:50%;transform:translateY(-50%);display:none;}
header nav ul{display:flex;}
header nav ul > li{padding:34px 10px;position:relative;}
header nav ul > li > a{font-size:16px;padding:2px 0;color:#000;text-transform:uppercase;margin:0;}
header nav ul > li > a:hover{color:inherit;}
header nav ul > li.current-menu-item > a:before, header nav ul > li.current-menu-ancestor > a:before{width:100%;}
header nav ul > li.wpml-ls-menu-item a{color:#905a36;font-weight:700;}
header nav ul > li ul.sub-menu{display:none;position:absolute;flex-direction:column;background-color:#905a36;bottom:0;transform:translateY(100%);}
header nav ul > li ul.sub-menu li{padding:5px 10px;background-color:#905a36;}
header nav ul > li ul.sub-menu li a{color:#b3b3b3;padding:5px 20px;white-space:nowrap;font-size:14px;display:block;position:relative;}
header nav ul > li ul.sub-menu li a:before{content:none;}
header nav ul > li ul.sub-menu li.menu-item-has-children > a:after{position:absolute;right:4px;top:50%;content:'‣';transform:translateY(-50%);}
header nav ul > li ul.sub-menu li ul{display:none;right:0;top:0;transform:translateX(100%);}
header nav ul > li ul.sub-menu li:hover > a{color:#fff;}
header nav ul > li ul.sub-menu li:hover > ul{display:flex;}
header nav ul > li ul.sub-menu li.current-menu-item > a, header nav ul > li ul.sub-menu li.current-menu-ancestor > a{color:#fff;}
header nav ul > li:hover > ul{display:flex;}
div#menu-sec{display:none;position:fixed;z-index:99999999;top:0;left:0;width:100%;height:100%;background-color:#000;padding:50px;overflow-y:auto;}
div#menu-sec .bouton-mobile{position:absolute;right:75px;top:65px;}
div#menu-sec img{width:250px;}
div#menu-sec .bar1, div#menu-sec .bar2, div#menu-sec .bar3{background-color:#fff;}
div#menu-sec ul{display:flex;flex-direction:column;}
div#menu-sec ul li{padding-left:0;padding-bottom:0;}
div#menu-sec ul li:after{content:none;}
div#menu-sec ul li a{display:inline-block;padding:6px 0;font-size:32px;text-align:left;font-weight:600;color:#fff;line-height:1;margin-bottom:10px;}
div#menu-sec ul li a:before{height:4px;transition:all .2s ease;background-color:#905a36;}
div#menu-sec ul li ul.sub-menu{display:none;}
div#menu-sec ul li.current-menu-item > a, div#menu-sec ul li.current-menu-ancestor > a{color:#C9B179;}
div#menu-sec ul li.menu-item-has-children{position:relative;width:100%;}
div#menu-sec ul li.menu-item-has-children:after{content:'‣';color:#fff;position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:50px;left:initial;}
div#menu-sec div.back{width:40px;height:40px;background-image:url(//www.grifon.ca/wp-content/themes/grifon/images/back.svg);cursor:pointer;background-size:contain;background-position:center;}
div#menu-sec div.back.deux, div#menu-sec div.back.un{display:none;cursor:pointer;}
div#menu-sec nav.sub > a, div#menu-sec nav.sub-2 > a{font-size:32px;font-weight:600;color:#fff;margin-bottom:10px;margin-top:10px;display:block;}
div#menu-sec nav.sub li, div#menu-sec nav.sub-2 li{opacity:1;}
div#menu-sec nav.mobile{margin-top:40px;}
.rel-fixed{pointer-events:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:10;}
.rel-fixed svg{width:90%;display:block;margin:0 auto;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.rel-fixed svg .animated{opacity:0;}
body .bouton-facebook{position:relative;margin:10px auto;display:block;color:#fff;padding-right:20px;height:30px;background-image:url(//www.grifon.ca/wp-content/themes/grifon/images/Facebook_logo.webp);background-position:top 3px right;background-repeat:no-repeat;background-size:15px;width:100px;}
footer{z-index:0;text-align:center;font-size:14px;overflow:hidden;width:100%;bottom:0;left:0;font-weight:300;background-color:transparent;color:#fff;padding:65px 0 20px;background-image:url(//www.grifon.ca/wp-content/themes/grifon/images/laurentian-green-polished-granite-grifon.webp);background-repeat:repeat;}
footer div.ranger{width:calc(100% + 50px);margin-left:-25px;margin-right:-25px;}
footer div.ranger div.col{width:25%;padding:0 25px;text-align:left;}
footer div.ranger div.col h3{text-transform:uppercase;font-size:18px;}
footer div.ranger div.col h5{color:#fff;font-weight:600;font-size:18px;margin:10px 0 0;}
footer div.ranger div.col h5:hover{color:#905a36;}
footer div.ranger div.col p.date{font-size:12px;margin:0 0 20px;}
footer div.ranger div.col p{font-size:16px;}
footer div.ranger div.col a{color:#fff;}
footer div.ranger div.col a p{color:#fff;}
footer div.ranger div.col a p.date{color:#fff;}
footer div.ranger div.col .facebook, footer div.ranger div.col .instagram, footer div.ranger div.col .linkedin{font-size:0;display:block;width:32px;margin:0;height:32px;font-size:0;border:2px solid #905a36;border-radius:50%;background-color:#fff;background-size:auto 60%;background-repeat:no-repeat;background-position:center;transition:all .5s ease;margin-right:10px;float:left;}
footer div.ranger div.col .facebook:before, footer div.ranger div.col .instagram:before, footer div.ranger div.col .linkedin:before{content:none;}
footer div.ranger div.col .facebook{background-image:url(//www.grifon.ca/wp-content/themes/grifon/images/facebook-f.svg);}
footer div.ranger div.col .instagram{background-image:url(//www.grifon.ca/wp-content/themes/grifon/images/instagram.svg);}
footer div.ranger div.col .linkedin{background-image:url(//www.grifon.ca/wp-content/themes/grifon/images/linkedin.svg);}
footer div.txt{position:relative;z-index:2;}
footer div.txt p{font-size:12px;font-weight:300;}
footer div.txt a{color:#fff;}
main{position:relative;}
section#slogan{position:fixed;top:90px;width:100%;left:0;z-index:3;}
section#slogan.opaque{display:none;}
section#slogan div.container{display:flex;justify-content:center;}
section#slogan div.bg{background-color:#000;border-radius:12px;border-top-left-radius:0;border-top-right-radius:0;padding:5px 30px 5px;display:inline-flex;margin:0 auto;}
section#slogan div.bg p{text-align:center;margin:0;color:#fff;font-size:14px;}
section#bandeau{background-color:transparent;padding:40px 0;overflow:hidden;white-space:nowrap;}
section#bandeau div.slider{position:relative;transform:rotate(180deg);animation:defilement-rtl 50s infinite linear;display:inline-block;width:initial;height:initial;}
section#bandeau ul{margin:0;padding:0;list-style:none;display:inline-flex;}
section#bandeau ul li{margin:0;padding:0;color:#000000;font-size:24px;font-weight:400;white-space:nowrap;padding-right:50px;font-weight:600;font-family:"Montaga", serif;position:relative;}
section#bandeau ul li:after{content:none;}
section#bandeau ul li a:before{content:none;}
section#bandeau ul li:before{content:'•';position:absolute;left:-23px;transform:translateX(-50%);color:#905a36;}
section#bandeau ul li strong{font-weight:700;}
.frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message, .frm_style_formidable-style.with_frm_style input[type=submit], .frm_style_formidable-style.with_frm_style .frm_submit input[type=button], .frm_style_formidable-style.with_frm_style .frm_submit button, .frm_form_submit_style, .frm_style_formidable-style.with_frm_style .frm-edit-page-btn{border:1px solid transparent;height:50px;border-radius:15px;padding:0 20px;position:relative;color:#fff;overflow:hidden;transition:all .5s ease;background-color:#33333b;box-shadow:none;font-size:20px;font-weight:500;font-family:"Montaga", serif;}
.frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message:hover, .frm_style_formidable-style.with_frm_style input[type=submit]:hover, .frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:hover, .frm_style_formidable-style.with_frm_style .frm_submit button:hover, .frm_form_submit_style:hover, .frm_style_formidable-style.with_frm_style .frm-edit-page-btn:hover{background-color:#905a36;border-color:transparent;}
.with_frm_style .frm_top_container .frm_primary_label, .with_frm_style .frm_hidden_container .frm_primary_label, .with_frm_style .frm_pos_top{color:#fff;font-size:20px;font-weight:500;}
.frm_style_formidable-style.with_frm_style p.description, .frm_style_formidable-style.with_frm_style div.description, .frm_style_formidable-style.with_frm_style div.frm_description, .frm_style_formidable-style.with_frm_style .frm-show-form > div.frm_description, .frm_style_formidable-style.with_frm_style .frm_error, .frm_style_formidable-style.with_frm_style .frm_pro_max_limit_desc{color:#fff;}
ul.transition{display:flex;position:fixed;z-index:9999999999999;height:100vh;width:100%;top:0;left:0;margin:0;pointer-events:none;list-style:none;margin:0;padding:0;}
ul.transition li{transform:scaleY(0);background:#C9B179;width:20%;margin:0;padding:0;}
ul.transition li:after{content:none;}
img.transition{pointer-events:none;position:fixed;z-index:121;width:50vw;height:50vh;object-fit:contain;object-position:center;top:50%;left:50%;transform:translate(-50%, -50%);opacity:0;}
section#page{margin-top:200px;margin-bottom:50px;color:#000;}
section#page.p-404 button{background-color:#905a36;}
section#page.p-404 button:hover{opacity:.5;}
section#page #cmplz-document, section#page .editor-styles-wrapper .cmplz-unlinked-mode{max-width:100%;}
#breadcrumbs{margin:0;top:88px;left:25px;color:#000;position:fixed;z-index:8;font-size:12px;padding:5px;background-color:#fff;border-radius:0 0 6px 6px;display:none;width:fit-content;}
#breadcrumbs a{color:#905a36;}
#breadcrumbs.show{display:block;}
p.share{text-align:center;margin-bottom:5px;font-size:14px;}
.socials{display:flex;justify-content:center;gap:5px;z-index:8;}
.socials div{width:32px;height:32px;font-size:0;border:2px solid #905a36;border-radius:50%;background-color:#fff;background-size:auto 60%;background-repeat:no-repeat;background-position:center;transition:all .5s ease;}
.socials div:hover{background-color:#C9B179;}
.socials div#bouton-facebook{background-image:url(//www.grifon.ca/wp-content/themes/grifon/images/facebook-f.svg);background-size:auto 80%;}
.socials div#bouton-linkedin{background-image:url(//www.grifon.ca/wp-content/themes/grifon/images/linkedin.svg);}
.socials div#bouton-x{background-image:url(//www.grifon.ca/wp-content/themes/grifon/images/X.svg);}
.with_frm_style .frm_top_container .frm_primary_label, .with_frm_style .frm_hidden_container .frm_primary_label, .with_frm_style .frm_pos_top{color:#000;}
.frm_forms.frm_style_style-formidable.with_frm_style{max-width:100%;direction:ltr;padding:25px;background-color:#fff;border-radius:6px;box-shadow:0px 0px 5px 5px rgba(0, 0, 0, 0.05);margin-top:45px;}
a.popup{cursor:pointer;}
div#popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.6);z-index:999999;display:none;}
div#popup span#x{font-size:30px;position:absolute;margin:0;padding:0;right:10px;top:10px;color:#000;cursor:pointer;line-height:1;z-index:9;}
div#popup div.content{width:calc(100% - 50px);height:auto;max-width:1000px;max-height:calc(100% - 50px);overflow-y:auto;border-radius:6px;box-shadow:0px 0px 5px 5px rgba(0, 0, 0, 0.05);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#fff;}
div#popup div.content h3{text-align:center;}
div.height{width:100%;height:90px;}
@media(max-width:1279px){
header nav ul > li > a{font-size:14px;}
header nav ul > li{padding:34px 5px;}
header div.container div.ranger div.colonne:nth-child(2){width:150px;}
}
@media(max-width:1023px){
header div.container div.brdr{display:none;}
h1, h2{font-size:32px;line-height:1.1;}
h3{line-height:1.1;}
#breadcrumbs{top:58px;}
header div.container div.ranger div.colonne nav{display:none;}
header div.container .bouton-mobile{display:block;}
section#slogan{top:59px;}
section#slogan.opaque{display:none;}
section#page{margin-top:140px;margin-bottom:20px;}
footer div.ranger div.col{width:50%;margin-bottom:50px;}
div.height{height:59px;}
}
@media(max-width:767px){ p{font-size:16px;}
button, .frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message, .frm_style_formidable-style.with_frm_style input[type=submit], .frm_style_formidable-style.with_frm_style .frm_submit input[type=button], .frm_style_formidable-style.with_frm_style .frm_submit button, .frm_form_submit_style, .frm_style_formidable-style.with_frm_style .frm-edit-page-btn{padding:0 10px;font-size:16px;}
div#menu-sec img{width:175px;}
div#menu-sec ul li a{font-size:20px;}
div#menu-sec nav.sub > a, div#menu-sec nav.sub-2 > a{font-size:24px;}
div#menu-sec{padding:25px;}
header div.container div.ranger{justify-content:flex-start;}
header div.container div.ranger div.colonne{padding:0;}
div.container{padding:0 25px;}
header div.container .bouton-mobile{right:25px;}
section#bandeau ul li{font-size:24px;}
div#menu-sec .bouton-mobile{right:50px;top:50px;}
.with_frm_style .frm_top_container .frm_primary_label, .with_frm_style .frm_hidden_container .frm_primary_label, .with_frm_style .frm_pos_top{font-size:16px;}
ul li{font-size:16px;padding-left:20px;}
ul li:after{top:1px;left:-2px;}
ul{margin-top:1em;}
footer div.ranger div.col{width:100%;}
}
body .a2a_floating_style{position:absolute;}
section{position:relative;}
div#call-us{position:fixed;bottom:25px;left:25px;width:70px;height:70px;border:4px solid #905a36;border-radius:50%;background-image:url(//www.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:#C9B179;}
body .cmplz-blocked-content-container .cmplz-blocked-content-notice, body .cmplz-wp-video .cmplz-blocked-content-notice{font-size:12px;padding:0px 10px;line-height:12px;}
.frm_dropzone.dz-clickable .dz-message, .frm_dropzone.dz-clickable .dz-message *{color:#000;}
.otgs-development-site-front-end{display:none;}
@keyframes defilement-rtl {
from {
transform: translateX(0); }
to {
transform: translateX(-100%); } }.glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999 !important;overflow:hidden;-ms-touch-action:none;touch-action:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:none;}
.glightbox-container.inactive{display:none;}
.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999;overflow:hidden;}
.glightbox-container .gslider{-webkit-transition:-webkit-transform 0.4s ease;transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;transition:transform 0.4s ease, -webkit-transform 0.4s ease;height:100%;left:0;top:0;width:100%;position:relative;overflow:hidden;display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.glightbox-container .gslide{width:100%;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;}
.glightbox-container .gslide.current{opacity:1;z-index:99999;position:relative;}
.glightbox-container .gslide.prev{opacity:1;z-index:9999;}
.glightbox-container .gslide-inner-content{width:100%;}
.glightbox-container .ginner-container{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;margin:auto;height:100vh;}
.glightbox-container .ginner-container.gvideo-container{width:100%;}
.glightbox-container .ginner-container.desc-bottom, .glightbox-container .ginner-container.desc-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.glightbox-container .ginner-container.desc-left, .glightbox-container .ginner-container.desc-right{max-width:100% !important;}
.gslide iframe, .gslide video{outline:none !important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto;}
.gslide:not(.current){pointer-events:none;}
.gslide-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.gslide-image img{max-height:100vh;display:block;padding:0;float:none;outline:none;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100vw;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;-ms-touch-action:none;touch-action:none;margin:auto;min-width:200px;}
.desc-top .gslide-image img, .desc-bottom .gslide-image img{width:auto;}
.desc-left .gslide-image img, .desc-right .gslide-image img{width:auto;max-width:100%;}
.gslide-image img.zoomable{position:relative;}
.gslide-image img.dragging{cursor:-webkit-grabbing !important;cursor:grabbing !important;-webkit-transition:none;transition:none;}
.gslide-video{position:relative;max-width:100vh;width:100% !important;}
.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster{display:none;}
.gslide-video .gvideo-wrapper{width:100%;margin:auto;}
.gslide-video::before{content:'';position:absolute;width:100%;height:100%;background:rgba(255, 0, 0, 0.34);display:none;}
.gslide-video.playing::before{display:none;}
.gslide-video.fullscreen{max-width:100% !important;min-width:100%;height:75vh;}
.gslide-video.fullscreen video{max-width:100% !important;width:100% !important;}
.gslide-inline{background:#fff;text-align:left;max-height:calc(100vh - 40px);overflow:auto;max-width:100%;margin:auto;}
.gslide-inline .ginlined-content{padding:20px;width:100%;}
.gslide-inline .dragging{cursor:-webkit-grabbing !important;cursor:grabbing !important;-webkit-transition:none;transition:none;}
.ginlined-content{overflow:auto;display:block !important;opacity:1;}
.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:75vh;height:100%;}
.gslide-media{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto;}
.zoomed .gslide-media{-webkit-box-shadow:none !important;box-shadow:none !important;}
.desc-top .gslide-media, .desc-bottom .gslide-media{margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.gslide-description{position:relative;-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%;}
.gslide-description.description-left, .gslide-description.description-right{max-width:100%;}
.gslide-description.description-bottom, .gslide-description.description-top{margin:0 auto;width:100%;}
.gslide-description p{margin-bottom:12px;}
.gslide-description p:last-child{margin-bottom:0;}
.zoomed .gslide-description{display:none;}
.glightbox-button-hidden{display:none;}
.glightbox-mobile .glightbox-container .gslide-description{height:auto !important;width:100%;position:absolute;bottom:0;padding:19px 11px;max-width:100vw !important;-webkit-box-ordinal-group:3 !important;-ms-flex-order:2 !important;order:2 !important;max-height:78vh;overflow:auto !important;background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)));background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);-webkit-transition:opacity 0.3s linear;transition:opacity 0.3s linear;padding-bottom:50px;}
.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em;}
.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1;}
.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:bold;}
.glightbox-mobile .glightbox-container .gslide-desc *{color:inherit;}
.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:0.4;}
.gdesc-open .gslide-media{-webkit-transition:opacity 0.5s ease;transition:opacity 0.5s ease;opacity:0.4;}
.gdesc-open .gdesc-inner{padding-bottom:30px;}
.gdesc-closed .gslide-media{-webkit-transition:opacity 0.5s ease;transition:opacity 0.5s ease;opacity:1;}
.greset{-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.gabsolute{position:absolute;}
.grelative{position:relative;}
.glightbox-desc{display:none !important;}
.glightbox-open{overflow:hidden;}
.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader 0.8s infinite linear;animation:lightboxLoader 0.8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%;}
.goverlay{width:100%;height:calc(100vh + 1px);position:fixed;top:-1px;left:0;background:#000;will-change:opacity;}
.glightbox-mobile .goverlay{background:#000;}
.gprev, .gnext, .gclose{z-index:99999;cursor:pointer;width:26px;height:44px;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.gprev svg, .gnext svg, .gclose svg{display:block;width:25px;height:auto;margin:0;padding:0;}
.gprev.disabled, .gnext.disabled, .gclose.disabled{opacity:0.1;}
.gprev .garrow, .gnext .garrow, .gclose .garrow{stroke:#fff;}
.gbtn.focused{outline:2px solid #0f3d81;}
iframe.wait-autoplay{opacity:0;}
.glightbox-closing .gnext, .glightbox-closing .gprev, .glightbox-closing .gclose{opacity:0 !important;}
.glightbox-clean .gslide-description{background:#fff;}
.glightbox-clean .gdesc-inner{padding:22px 20px;}
.glightbox-clean .gslide-title{font-size:1em;font-weight:normal;font-family:arial;color:#000;margin-bottom:19px;line-height:1.4em;}
.glightbox-clean .gslide-desc{font-size:0.86em;margin-bottom:0;font-family:arial;line-height:1.4em;}
.glightbox-clean .gslide-video{background:#000;}
.glightbox-clean .gprev, .glightbox-clean .gnext, .glightbox-clean .gclose{background-color:rgba(0, 0, 0, 0.75);border-radius:4px;}
.glightbox-clean .gprev path, .glightbox-clean .gnext path, .glightbox-clean .gclose path{fill:#fff;}
.glightbox-clean .gprev{position:absolute;top:-100%;left:30px;width:40px;height:50px;}
.glightbox-clean .gnext{position:absolute;top:-100%;right:30px;width:40px;height:50px;}
.glightbox-clean .gclose{width:35px;height:35px;top:15px;right:10px;position:absolute;}
.glightbox-clean .gclose svg{width:18px;height:auto;}
.glightbox-clean .gclose:hover{opacity:1;}
.gfadeIn{-webkit-animation:gfadeIn 0.5s ease;animation:gfadeIn 0.5s ease;}
.gfadeOut{-webkit-animation:gfadeOut 0.5s ease;animation:gfadeOut 0.5s ease;}
.gslideOutLeft{-webkit-animation:gslideOutLeft 0.3s ease;animation:gslideOutLeft 0.3s ease;}
.gslideInLeft{-webkit-animation:gslideInLeft 0.3s ease;animation:gslideInLeft 0.3s ease;}
.gslideOutRight{-webkit-animation:gslideOutRight 0.3s ease;animation:gslideOutRight 0.3s ease;}
.gslideInRight{-webkit-animation:gslideInRight 0.3s ease;animation:gslideInRight 0.3s ease;}
.gzoomIn{-webkit-animation:gzoomIn 0.5s ease;animation:gzoomIn 0.5s ease;}
.gzoomOut{-webkit-animation:gzoomOut 0.5s ease;animation:gzoomOut 0.5s ease;}
@-webkit-keyframes lightboxLoader {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes lightboxLoader {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@-webkit-keyframes gfadeIn {
from{opacity:0;}
to{opacity:1;}
}
@keyframes gfadeIn {
from{opacity:0;}
to{opacity:1;}
}
@-webkit-keyframes gfadeOut {
from{opacity:1;}
to{opacity:0;}
}
@keyframes gfadeOut {
from{opacity:1;}
to{opacity:0;}
}
@-webkit-keyframes gslideInLeft {
from{opacity:0;-webkit-transform:translate3d(-60%, 0, 0);transform:translate3d(-60%, 0, 0);}
to{visibility:visible;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1;}
}
@keyframes gslideInLeft {
from{opacity:0;-webkit-transform:translate3d(-60%, 0, 0);transform:translate3d(-60%, 0, 0);}
to{visibility:visible;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1;}
}
@-webkit-keyframes gslideOutLeft {
from{opacity:1;visibility:visible;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
to{-webkit-transform:translate3d(-60%, 0, 0);transform:translate3d(-60%, 0, 0);opacity:0;visibility:hidden;}
}
@keyframes gslideOutLeft {
from{opacity:1;visibility:visible;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
to{-webkit-transform:translate3d(-60%, 0, 0);transform:translate3d(-60%, 0, 0);opacity:0;visibility:hidden;}
}
@-webkit-keyframes gslideInRight {
from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%, 0, 0);transform:translate3d(60%, 0, 0);}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1;}
}
@keyframes gslideInRight {
from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%, 0, 0);transform:translate3d(60%, 0, 0);}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1;}
}
@-webkit-keyframes gslideOutRight {
from{opacity:1;visibility:visible;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
to{-webkit-transform:translate3d(60%, 0, 0);transform:translate3d(60%, 0, 0);opacity:0;}
}
@keyframes gslideOutRight {
from{opacity:1;visibility:visible;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
to{-webkit-transform:translate3d(60%, 0, 0);transform:translate3d(60%, 0, 0);opacity:0;}
}
@-webkit-keyframes gzoomIn {
from{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3);}
to{opacity:1;}
}
@keyframes gzoomIn {
from{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3);}
to{opacity:1;}
}
@-webkit-keyframes gzoomOut {
from{opacity:1;}
50%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3);}
to{opacity:0;}
}
@keyframes gzoomOut {
from{opacity:1;}
50%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3);}
to{opacity:0;}
}
@media(min-width:769px){
.glightbox-container .ginner-container{width:auto;height:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;}
.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;}
.glightbox-container .ginner-container.desc-top .gslide-image, .glightbox-container .ginner-container.desc-top .gslide-image img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;}
.glightbox-container .ginner-container.desc-left .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;}
.glightbox-container .ginner-container.desc-left .gslide-image{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;}
.gslide-image img{max-height:97vh;max-width:100%;}
.gslide-image img.zoomable{cursor:-webkit-zoom-in;cursor:zoom-in;}
.zoomed .gslide-image img.zoomable{cursor:-webkit-grab;cursor:grab;}
.gslide-inline{max-height:95vh;}
.gslide-external{max-height:100vh;}
.gslide-description.description-left, .gslide-description.description-right{max-width:275px;}
.glightbox-open{height:auto;}
.goverlay{background:rgba(0, 0, 0, 0.92);}
.glightbox-clean .gslide-media{-webkit-box-shadow:1px 2px 9px 0px rgba(0, 0, 0, 0.65);box-shadow:1px 2px 9px 0px rgba(0, 0, 0, 0.65);}
.glightbox-clean .description-left .gdesc-inner, .glightbox-clean .description-right .gdesc-inner{position:absolute;height:100%;overflow-y:auto;}
.glightbox-clean .gprev, .glightbox-clean .gnext, .glightbox-clean .gclose{background-color:rgba(0, 0, 0, 0.32);}
.glightbox-clean .gprev:hover, .glightbox-clean .gnext:hover, .glightbox-clean .gclose:hover{background-color:rgba(0, 0, 0, 0.7);}
.glightbox-clean .gprev{top:45%;}
.glightbox-clean .gnext{top:45%;}
}
@media(min-width:992px){
.glightbox-clean .gclose{opacity:0.7;right:20px;}
}
@media screen and (max-height: 420px) {
.goverlay {
background: #000;
}
}
 .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{padding-bottom:25px;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://www.grifon.ca/wp-content/themes/grifon/css/ajax-loader.gif) center center no-repeat;}
@font-face{font-family:"slick";src:url(https://www.grifon.ca/wp-content/themes/grifon/css/fonts/slick.eot);src:url(https://www.grifon.ca/wp-content/themes/grifon/css/fonts/slick.eot?#iefix) format("embedded-opentype"), url(https://www.grifon.ca/wp-content/themes/grifon/css/fonts/slick.woff) format("woff"), url(https://www.grifon.ca/wp-content/themes/grifon/css/fonts/slick.ttf) format("truetype"), url(https://www.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:5px;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;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;}
section.entete-image{width:100%;position:relative;min-height:400px;padding:40px 0;display:flex;flex-direction:column;justify-content:center;margin-bottom:45px;contain:layout paint;}
section.entete-image:after{content:'';position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.25);}
section.entete-image.non_fume:after{content:none;}
section.entete-image img.bg{position:absolute;z-index:1;object-fit:cover;object-position:center;top:0;left:0;width:100%;height:100%;display:block;}
section.entete-image div.container{position:initial;}
section.entete-image div.container div.text{position:absolute;z-index:3;text-align:center;color:#fff;width:100%;top:50%;left:50%;transform:translate(-50%, -50%);}
section.entete-image div.container div.text h1{color:#fff;text-transform:uppercase;font-size:48px;}
section.entete-image.top img.bg{object-position:top;}
section.entete-image.bottom img.bg{object-position:bottom;}
section.entete.global{margin-top:65px;margin-bottom:45px;}
section.entete.global h1{text-align:center;font-size:48px;}
section.faq.global{margin-bottom:45px;}
section.faq.global div.wrapper{border:1px solid #ccc;}
section.faq.global div.questions{border-bottom:1px solid #ccc;}
section.faq.global div.questions:last-child{border-bottom:none;}
section.faq.global div.questions div.titre{padding:8px 25px 8px 45px;position:relative;cursor:pointer;}
section.faq.global div.questions div.titre:after{content:'+';position:absolute;left:25px;top:50%;transform:translateY(-50%);color:#905a36;font-weight:600;font-size:24px;}
section.faq.global div.questions div.titre a{color:#905a36;font-size:24px;font-weight:600;}
section.faq.global div.questions div.titre:hover a{color:#C9B179;}
section.faq.global div.questions div.titre:hover:after{color:#C9B179;}
section.faq.global div.questions div.contenu{padding:4px 25px;height:0;overflow:hidden;display:none;}
section.faq.global div.questions.first div.contenu, section.faq.global div.questions.active div.contenu{height:auto;display:block;}
section.faq.global div.questions.first div.titre, section.faq.global div.questions.active div.titre{border-bottom:1px solid #ccc;color:#000;}
section.faq.global div.questions.first div.titre:after, section.faq.global div.questions.active div.titre:after{content:'-';color:#000;}
section.faq.global div.questions.first div.titre a, section.faq.global div.questions.active div.titre a{color:#000;}
section.faq.global div.questions.first div.titre:hover a, section.faq.global div.questions.active div.titre:hover a{color:#C9B179;}
section.faq.global div.questions.first div.titre:hover:after, section.faq.global div.questions.active div.titre:hover:after{color:#C9B179;}
section.masonry.global{margin-bottom:45px;}
section.masonry.global .css-masonry{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:1.5em;-moz-column-gap:1.5em;column-gap:1.5em;margin:0;padding:0;font-size:.85em;}
section.masonry.global .item{width:100%;font-family:'Alata', sans-serif;font-size:1.8em;margin:0;padding-bottom:1em;break-inside:avoid-column;width:100%;-webkit-transition:1s ease all;border-radius:6px;overflow:hidden;}
section.masonry.global .item img{border-radius:6px;}
section.masonry.global div.title{background-color:#fff;padding:10px 20px 30px;}
section.masonry.global div.title p{margin:0;text-align:center;}
section.masonry.global div.title h3, section.masonry.global div.title h4{margin:0;text-align:center;color:#905a36;}
section.masonry.global .item img{width:100%;max-width:100%;font-size:0;height:auto;}
@media only screen and (max-width: 500px) {
section.masonry.global .css-masonry{-moz-column-count:1;-webkit-column-count:1;column-count:1;}
}
@media only screen and (min-width: 501px) and (max-width: 767px) {
section.masonry.global .css-masonry{-moz-column-count:1;-webkit-column-count:1;column-count:1;}
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
section.masonry.global .css-masonry{-moz-column-count:2;-webkit-column-count:2;column-count:2;}
}
@media only screen and (min-width: 1001px) {
section.masonry.global .css-masonry{-moz-column-count:2;-webkit-column-count:2;column-count:2;}
}
section.texte.global{margin-bottom:45px;}
section.global h1, section.global h2, section.global h3{text-align:center;text-transform:uppercase;}
section.global hr{margin-top:40px;margin-bottom:40px;}
section.global button{display:block;margin:0 auto;}
section.videos.global div.ranger{display:flex;width:calc(100% + 50px);margin-left:-25px;margin-right:-25px;}
section.videos.global div.ranger div.colonne{padding:0 25px;margin-bottom:50px;width:50%;}
section.videos.global div.ranger div.colonne.full{width:100%;}
section.videos.global div.ranger div.colonne div.rel{height:0;width:100%;padding-bottom:56%;position:relative;}
section.videos.global div.ranger div.colonne div.rel iframe{position:absolute;top:0;left:0;width:100% !important;height:100% !important;}
section.global ul:not(.slick-dots){margin:1em 0;padding:0;list-style:none;}
section.global ul:not(.slick-dots) li{position:relative;padding-left:25px;padding-bottom:10px;}
section.global ul:not(.slick-dots) li:before{content:'';position:absolute;top:3px;left:0;width:14px;height:14px;background-image:url(//www.grifon.ca/wp-content/themes/grifon/images/check.svg);background-size:contain;background-position:center;background-repeat:no-repeat;}
section.full_four_global{color:#000;padding:0px 50px;text-align:center;}
section.full_four_global h2, section.full_four_global h3{color:#000;font-size:24px;font-family:"Montaga", serif;transition:all .5s ease;}
section.full_four_global h4{margin:0;}
section.full_four_global div.ranger{margin:40px 0;width:calc(100% + 50px);margin-left:-25px;margin-right:-25px;justify-content:center;}
section.full_four_global div.ranger div.colonne{width:25%;padding:0 25px;text-align:center;margin-bottom:50px;}
section.full_four_global div.ranger div.colonne:hover h2{color:#905a36;}
section.full_four_global div.ranger div.colonne img.icone{display:block;margin:25px auto;width:auto;height:40px;}
section.full_four_global div.ranger div.colonne img.full{width:100%;margin-bottom:25px;border-radius:6px;box-shadow:0px 0px 5px 5px rgba(0, 0, 0, 0.05);}
section.full_four_global div.ranger div.colonne div.tuile.logo img.full{padding:10px;background-color:#fff;height:100%;object-fit:contain;}
section.full_four_global div.ranger div.colonne a, section.full_four_global div.ranger div.colonne div.tuile.logo{height:100%;}
section.etapes.global{color:#000;padding:0px 50px;text-align:center;}
section.etapes.global div.ranger{margin:40px 0;width:calc(100% + 50px);margin-left:-25px;margin-right:-25px;}
section.etapes.global div.ranger div.colonne{width:25%;padding:0 25px;text-align:center;}
section.etapes.global div.ranger div.colonne img.icone{display:block;margin:25px auto;width:auto;height:40px;}
section.image_full.global{margin-bottom:45px;}
section.image_full.global div.container img{width:100%;border-radius:6px;box-shadow:0px 0px 5px 5px rgba(0, 0, 0, 0.05);}
section.two_col_texte.global{margin-bottom:45px;}
section.two_col_texte.global div.ranger{width:calc(100% + 50px);margin-left:-25px;margin-right:-25px;}
section.two_col_texte.global div.ranger div.colonne{width:50%;padding:0 25px;}
section.two_col_texte.global div.ranger div.colonne img{border-radius:6px;box-shadow:0px 0px 5px 5px rgba(0, 0, 0, 0.05);}
section.two_col_texte.global div.ranger div.colonne blockquote{margin:0;padding:10px 25px;border:1px dashed #905a36;}
section.carousel_three_col.global{margin-bottom:65px;}
section.carousel_three_col.global .slick-track{overflow:visible;}
section.carousel_three_col.global .slick-prev, section.carousel_three_col.global .slick-next{width:30px;height:40px;z-index:3;font-size:0;}
section.carousel_three_col.global .slick-prev:before, section.carousel_three_col.global .slick-next:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat;background-image:url(//www.grifon.ca/wp-content/themes/grifon/images/arrow_back.svg);opacity:1;}
section.carousel_three_col.global .slick-prev{left:35px;}
section.carousel_three_col.global .slick-next{right:25px;}
section.carousel_three_col.global .slick-next:before{background-image:url(//www.grifon.ca/wp-content/themes/grifon/images/arrow_forward.svg);}
section.carousel_three_col.global .slider{width:calc(100% + 50px);margin-left:-25px;margin-right:-25px;}
section.carousel_three_col.global div.innner{padding:0 25px;}
section.carousel_three_col.global div.tuile div.texte p{margin:0;text-align:center;font-size:14px;}
section.carousel_three_col.global div.tuile img{width:100%;border-radius:6px;}
section.gallery.global{margin-bottom:45px;}
section.gallery.global div.container div.ranger{width:calc(100% + 50px);margin-left:-25px;margin-right:-25px;justify-content:center;}
section.gallery.global div.container div.ranger div.inner{width:25%;padding:0 25px;margin-bottom:50px;}
section.gallery.global div.container div.ranger div.inner img{width:100%;border-radius:6px;border:1px solid #ccc;}
section.gallery.global div.container div.ranger div.inner img.contain{box-shadow:none;}
section.gallery.global div.container div.ranger div.inner div.texte p{margin:0;text-align:center;color:#000;font-weight:600;transition:all .5s ease;}
section.gallery.global div.container div.ranger a:hover div.texte p{color:#C9B179;}
section.gallery.global.produit div.container div.ranger div.inner img{border:1px solid #ccc;border-radius:6px;}
section.action_three_col.global{margin-bottom:45px;}
section.action_three_col.global div.container div.ranger{width:calc(100% + 50px);margin-left:-25px;margin-right:-25px;}
section.action_three_col.global div.container div.ranger div.colonne{width:33.333%;padding:0 25px;}
section.action_three_col.global div.container div.ranger div.colonne h3{text-align:center;margin:1em 0;font-size:20px;}
section.action_three_col.global div.container div.ranger div.colonne img{width:100%;border-radius:6px;box-shadow:0px 0px 5px 5px rgba(0, 0, 0, 0.05);background-color:#fff;}
section.action_three_col.global div.container div.ranger a:hover h3{color:#000;}
section.logo_centre.global{margin-bottom:45px;}
section.logo_centre.global div.container img{width:300px;display:block;margin:0 auto;}
section.bordure.global div.container{background-color:#fff;border-radius:6px;box-shadow:0px 0px 5px 5px rgba(0, 0, 0, 0.05);padding:0;padding-top:45px;}
section.bordure.global div.container div.ranger{margin-bottom:45px;width:calc(100% + 50px);margin-left:-25px;margin-right:-25px;align-items:center;}
section.bordure.global div.container div.ranger div.colonne{padding:0 25px;width:50%;}
section.bordure.global div.container div.ranger div.colonne div.rel{position:relative;}
section.bordure.global div.container div.ranger div.colonne div.rel img.rel{width:100%;}
section.bordure.global div.container div.ranger div.colonne div.rel img.icone{width:50px;position:absolute;bottom:50px;right:0;}
section.bordure.global div.container div.ranger div.colonne div.texte{text-align:right;padding-right:50px;padding-bottom:50px;}
section.bordure.global div.container div.ranger div.colonne div.texte h3{text-align:right;color:#905a36;text-transform:none;}
section.bordure.global div.container div.ranger:nth-child(odd){flex-direction:row-reverse;}
section.bordure.global div.container div.ranger:nth-child(odd) div.colonne div.rel img.icone{left:0;}
section.bordure.global div.container div.ranger:nth-child(odd) div.colonne div.texte{text-align:left;padding-right:0;padding-left:50px;}
section.bordure.global div.container div.ranger:nth-child(odd) div.colonne div.texte h3{text-align:left;}
section.finition.global div.container div.ranger{width:calc(100% + 50px);margin-left:-25px;margin-right:-25px;align-items:center;margin-bottom:25px;margin-top:25px;}
section.finition.global div.container div.ranger div.colonne{padding:0 25px;}
section.finition.global div.container div.ranger div.colonne:nth-child(1){width:200px;}
section.finition.global div.container div.ranger div.colonne:nth-child(2){width:calc(100% - 200px);}
section.finition.global div.container div.ranger div.colonne h3{text-align:left;}
section.carousel_one_col.global div.container div.inner{position:relative;}
section.carousel_one_col.global div.container div.inner img{width:100%;}
section.carousel_one_col.global div.container div.inner div.texte{position:absolute;top:50%;width:100%;left:0;transform:translateY(-50%);}
section.carousel_one_col.global div.container div.inner div.texte h3{display:block;text-align:center;color:#fff;}
section.carousel_one_col.global .slick-prev, section.carousel_one_col.global .slick-next{height:40px;width:40px;z-index:3;}
section.carousel_one_col.global .slick-prev:before, section.carousel_one_col.global .slick-next:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(//www.grifon.ca/wp-content/themes/grifon/images/arrow_back.svg);background-size:contain;background-repeat:no-repeat;background-position:center;}
section.carousel_one_col.global .slick-prev{left:25px;}
section.carousel_one_col.global .slick-next{right:25px;}
section.carousel_one_col.global .slick-next:before{background-image:url(//www.grifon.ca/wp-content/themes/grifon/images/arrow_forward.svg);}
section.videos_2_colonne.global div.container div.ranger{width:calc(100% + 50px);margin-left:-25px;margin-right:-25px;justify-content:center;}
section.videos_2_colonne.global div.container div.ranger div.colonne{width:50%;padding:0 25px;}
section.videos_2_colonne.global div.container div.ranger div.colonne video{width:100%;box-shadow:0px 0px 5px 5px rgba(0, 0, 0, 0.05);border-radius:6px;}
section.video.global div.container video{width:100%;box-shadow:0px 0px 5px 5px rgba(0, 0, 0, 0.05);border-radius:6px;}
.carousel-product .slide{height:240px;display:flex;align-items:center;justify-content:center;border:2px solid #fff;}
.carousel-product .slide img{height:240px;width:auto;display:block;}
.carousel-product .slick-slide{width:auto;}
@media(max-width:1023px){
section.entete-image div.container div.text h1, section.entete.global h1{font-size:36px;}
section.global h1, section.global h2, section.global h3{font-size:32px;}
section.full_four_global div.ranger div.colonne{width:50%;margin-bottom:50px;}
section.two_col_texte.global div.ranger div.colonne{width:100%;}
section.etapes.global div.ranger div.colonne{width:50%;}
}
@media(max-width:767px){
section.videos.global div.ranger div.colonne{width:100%;}
section.gallery.global div.container div.ranger div.inner{width:50%;}
section.entete-image div.container div.text h1, section.entete.global h1{font-size:32px;}
section.global h1, section.global h2, section.global h3{font-size:28px;}
section.full_four_global div.ranger div.colonne{width:100%;}
section.action_three_col.global div.container div.ranger div.colonne{width:100%;}
section.bordure.global div.container div.ranger div.colonne{width:100%;}
section.finition.global div.container div.ranger div.colonne:nth-child(1){width:100%;margin-bottom:30px;}
section.finition.global div.container div.ranger div.colonne:nth-child(2){width:100%;}
section.finition.global div.container div.ranger div.colonne:nth-child(1) img{width:100%;}
section.videos_2_colonne.global div.container div.ranger div.colonne{width:100%;}
section.etapes.global div.ranger div.colonne{width:100%;}
}
@media(max-width:500px){
section.gallery.global div.container div.ranger div.inner {
width: 100%; } }