.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}}.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}.hovers1, .hovers2, .hovers3{
animation-name: bougealeatoire;
animation-duration: 15s;
animation-delay: -2s;
animation-iteration-count: infinite;
}
.hoverspage1, .hoverspage2, .hoverspage3, .section4 .hovers-contact{
animation-name: bougealeatoire;
animation-duration: 15s;
animation-delay: -2s;
animation-iteration-count: infinite;
}
@keyframes bougealeatoire {
0%   {left:0; right:15%; top:100px; bottom:0;}
25%  {left:12%; right:0; top:150px; bottom:0;}
50%  {left:0; right:30%; top:0px; bottom:150px;}
100% {left:0; right:5%; top:70px; bottom:0;}
}
.hovers-landing{
animation-name: bougealeatoirelanding;
animation-duration: 15s;
animation-delay: -2s;
animation-iteration-count: infinite;
}
@keyframes bougealeatoirelanding {
0%   {left:0; right:15%; top:100px; bottom:0;}
25%  {left:12%; right:0; top:150px; bottom:0;}
50%  {left:0; right:30%; top:0px; bottom:150px;}
80% {left:0; right:5%; top:70px; bottom:0;}
100% {left:0; right:15%; top:100px; bottom:0;}
}html{
font-size: 12pt;
scroll-behavior: smooth;	
}
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
margin: 0;
padding: 0;
text-decoration: none; 
}
img, fieldset {
border: 0;
} img {
max-width: 100%;
height: auto;
width: auto\9; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
display: block;
}
::selection {
background: #09F; color:#fff; }
::-moz-selection {
background: #09F; color:#fff; }
#gototop{position:relative; visibility:hidden; height:0;}
#human{display:none;} @font-face {
font-family: 'sinkin_sans200_x_light';
src: url(//www.commparlimage.ca/wp-content/themes/blankslate-child/fonts/SinkinSans-200XLight-webfont.eot);
src: url(//www.commparlimage.ca/wp-content/themes/blankslate-child/fonts/SinkinSans-200XLight-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.commparlimage.ca/wp-content/themes/blankslate-child/fonts/SinkinSans-200XLight-webfont.woff) format('woff'),
url(//www.commparlimage.ca/wp-content/themes/blankslate-child/fonts/SinkinSans-200XLight-webfont.ttf) format('truetype'),
url(//www.commparlimage.ca/wp-content/themes/blankslate-child/fonts/SinkinSans-200XLight-webfont.svg#sinkin_sans200_x_light) format('svg');
font-weight: normal;
font-style: normal;}
@font-face {
font-family: 'sinkin_sans400_regular';
src: url(//www.commparlimage.ca/wp-content/themes/blankslate-child/fonts/SinkinSans-400Regular-webfont.eot);
src: url(//www.commparlimage.ca/wp-content/themes/blankslate-child/fonts/SinkinSans-400Regular-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.commparlimage.ca/wp-content/themes/blankslate-child/fonts/SinkinSans-400Regular-webfont.woff) format('woff'),
url(//www.commparlimage.ca/wp-content/themes/blankslate-child/fonts/SinkinSans-400Regular-webfont.ttf) format('truetype'),
url(//www.commparlimage.ca/wp-content/themes/blankslate-child/fonts/SinkinSans-400Regular-webfont.svg#sinkin_sans400_regular) format('svg');
font-weight: normal;
font-style: normal;}
@font-face {
font-family: 'sinkin_sans700_bold';
src: url(//www.commparlimage.ca/wp-content/themes/blankslate-child/fonts/SinkinSans-700Bold-webfont.eot);
src: url(//www.commparlimage.ca/wp-content/themes/blankslate-child/fonts/SinkinSans-700Bold-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.commparlimage.ca/wp-content/themes/blankslate-child/fonts/SinkinSans-700Bold-webfont.woff) format('woff'),
url(//www.commparlimage.ca/wp-content/themes/blankslate-child/fonts/SinkinSans-700Bold-webfont.ttf) format('truetype'),
url(//www.commparlimage.ca/wp-content/themes/blankslate-child/fonts/SinkinSans-700Bold-webfont.svg#sinkin_sans700_bold) format('svg');
font-weight: normal;
font-style: normal;} html, body {
width: 100%; min-height:100%; height:100%;
font-weight:normal;
background-color:#FFF;}
strong {
font-family: 'sinkin_sans700_bold';
}
.wrap{position:relative; width:1650px; margin:0 auto;}
.content-wrapper{position:relative; z-index:2;}
.wrap-height{height:900px;}
.preload{position:absolute; top:-99999px; left:-99999px;}
.anchor{position:relative; visibility:hidden; top:-150px; display:block;}
:root {
--blue: #0069b2;
}  #loading{position:fixed; width:100%; height:100%; background:#222; z-index:1000;}
#loading .buche{
position:absolute; top:50%; left:49%; 
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
#loading .hache{
position:absolute; top:44%; left:52%; 
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.section1, .section2, .section3, .section4, .section5{overflow-x:hidden;} #top{
background:rgba(0,0,0,0);
position:fixed; top:0; width:100%; height:100px;
z-index:1000;
transition: all 1s;
-ms-transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
}
#top.scrolled{
background:#333; height:50px;
-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.7); box-shadow: 0 5px 10px 0 rgba(0,0,0,0.7);
transition: all 1s;
-ms-transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
}
#top .wrap{display:flex; flex-direction:row; justify-content:space-between; height:100%;}
.top-left{
align-self:center;
transition: all 1s;
-ms-transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;}
#top.scrolled .top-left{
transition: all 1s;
-ms-transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
}
.logo-top{
background:none;
display:inline-block;}
.logo-top svg{width:47px; height:45px;}
#top.scrolled .logo-top svg{width:40px;}
.logo-top:hover svg path{fill:white;}
#top.scrolled .logo-top svg path{fill:#14d6ff;}
.top-right{
align-self:center;	text-align:right;
transition: all 1s;
-ms-transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;}
#top.scrolled .top-right{
transition: all 1s;
-ms-transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
}
.top-right ul{display:inline-block;}
.top-right ul > li{display:inline-block;}
.top-right ul > li a{display:inline-block; height:50px; line-height:50px; padding:0 15px; color:#fff; font-family: 'sinkin_sans700_bold'; font-size:0.8em;}
.top-right ul > li:hover a{background:#333; color:#fff;}
.top-right ul > li ul{display:none;}
.top-right ul > li:hover ul{}
.top-right ul > li ul li{}
.top-right ul > li ul li a{}
#top.scrolled .top-right ul > li a{color:#fff;}
#top.scrolled .top-right ul > li:hover a{background:#14d6ff; color:#333;}
.btnquote{
font-family: 'sinkin_sans700_bold'; color:#fff; background:#0071F0; display:inline-block; height:50px; line-height:50px; padding:0 15px; margin:0 10px 0 0; font-size:0.8em;
transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-webkit-transition: all 0.4s ease-in;
}
.btnquote:hover{
background:#F30;
transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
}
.phone{
height:45px; line-height:45px;
font-family: 'sinkin_sans700_bold';
color:#FFF; font-size:0.9em;
display:inline-block;
transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-webkit-transition: all 0.4s ease-in;}
.phone:hover{
color:#14d6ff;
transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;}
.btn-menu{display:none;}
.btn-menu:hover{cursor:pointer;}
#top.scrolled .btn-menu svg path{fill:#fff;}
.btn-sprache{
background:#ff9000;
font-family: 'sinkin_sans700_bold';
color:#000;
font-size:0.8em;
text-align:center;
padding:5px; margin-left:30px;
display:inline-block;
transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-webkit-transition: all 0.4s ease-in;}
.btn-sprache:hover{
background:#FFF;
color:#000;
transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;} .hovers1{
position:absolute; top:0; left:0; right:22%; bottom:155px; z-index:500;
mix-blend-mode:overlay; background: #f69d00; background: -moz-linear-gradient(left,  #f69d00 0%, #7fe810 100%); background: -webkit-linear-gradient(left,  #f69d00 0%,#7fe810 100%); background: linear-gradient(to right,  #f69d00 0%,#7fe810 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f69d00', endColorstr='#7fe810',GradientType=1 ); transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-webkit-transition: all 0.4s ease-in;
}
.hovers2{
position:absolute; top:100px; left:9%; right:0; bottom:0; z-index:500; opacity:0;
mix-blend-mode:overlay; background: #00d1ca; background: -moz-linear-gradient(left,  #00d1ca 0%, #0000da 100%); background: -webkit-linear-gradient(left,  #00d1ca 0%,#0000da 100%); background: linear-gradient(to right,  #00d1ca 0%,#0000da 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d1ca', endColorstr='#0000da',GradientType=1 ); transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-webkit-transition: all 0.4s ease-in;
}
.hovers3{
position:absolute; top:0; left:27%; right:0; bottom:105px; z-index:500; opacity:0;
mix-blend-mode:overlay; background: #da0000; background: -moz-linear-gradient(left,  #da0000 0%, #e9db00 100%); background: -webkit-linear-gradient(left,  #da0000 0%,#e9db00 100%); background: linear-gradient(to right,  #da0000 0%,#e9db00 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da0000', endColorstr='#e9db00',GradientType=1 ); transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-webkit-transition: all 0.4s ease-in;
} .hoverspage1{
position:absolute; top:0; left:0; right:5%; bottom:55px; z-index:500;
mix-blend-mode:overlay; background: #f69d00; background: -moz-linear-gradient(left,  #f69d00 0%, #7fe810 100%); background: -webkit-linear-gradient(left,  #f69d00 0%,#7fe810 100%); background: linear-gradient(to right,  #f69d00 0%,#7fe810 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f69d00', endColorstr='#7fe810',GradientType=1 ); transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-webkit-transition: all 0.4s ease-in;
}
.hoverspage2{
position:absolute; top:100px; left:9%; right:0; bottom:0; z-index:500;
mix-blend-mode:overlay; background: #00d1ca; background: -moz-linear-gradient(left,  #00d1ca 0%, #0000da 100%); background: -webkit-linear-gradient(left,  #00d1ca 0%,#0000da 100%); background: linear-gradient(to right,  #00d1ca 0%,#0000da 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d1ca', endColorstr='#0000da',GradientType=1 ); transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-webkit-transition: all 0.4s ease-in;
}
.hoverspage3{
position:absolute; top:0; left:7%; right:0; bottom:55px; z-index:500;
mix-blend-mode:overlay; background: #da0000; background: -moz-linear-gradient(left,  #da0000 0%, #e9db00 100%); background: -webkit-linear-gradient(left,  #da0000 0%,#e9db00 100%); background: linear-gradient(to right,  #da0000 0%,#e9db00 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da0000', endColorstr='#e9db00',GradientType=1 ); transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-webkit-transition: all 0.4s ease-in;
} .hovermenu{
width:100%; height:100%; opacity:0;
background:rgba(0,0,0,0.85);
text-align:center;
position:fixed;
top:0; z-index:9000;
display:none;}
.hovermenu .close{
position:absolute; top:20px; right:20px;
display:block; width:16px; height:15px;
background:url(//www.commparlimage.ca/wp-content/themes/blankslate-child/img/close.webp); opacity:0.7;
transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-webkit-transition: all 0.4s ease-in;
}
.hovermenu .close:hover{
opacity:1; cursor:pointer;
transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out; 
}
nav{position:relative;}
nav ul{
font-family: 'sinkin_sans700_bold'; margin-top:50px;
text-transform:uppercase;
list-style:none;}
nav ul li{}
nav ul li a{
color:#FFF;
font-size:2em;
line-height:2em;
transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-webkit-transition: all 0.4s ease-in;}
nav ul li a:hover{
color:#09F;
transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;} .menu-ms{
width:100%; height:70px; text-align:center; position:absolute; bottom:10px;}
.menu-ms a{
padding:0 15px;
display:inline-block;}
.facebook-ms{
background:url(//www.commparlimage.ca/wp-content/themes/blankslate-child/img/facebook-menu.webp) no-repeat center center;
width:58px; height:58px;
display:block;
transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-webkit-transition: all 0.4s ease-in;}
.facebook-ms:hover{
background:url(//www.commparlimage.ca/wp-content/themes/blankslate-child/img/facebook-menu-hover.png) no-repeat center center;
transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;}
.twitter-ms{
background:url(//www.commparlimage.ca/wp-content/themes/blankslate-child/img/twitter-menu.png) no-repeat center center;
width:58px; height:58px;
display:block;
transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-webkit-transition: all 0.4s ease-in;}
.twitter-ms:hover{
background:url(//www.commparlimage.ca/wp-content/themes/blankslate-child/img/twitter-menu-hover.png) no-repeat center center;
transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;}
.youtube-ms{
background:url(//www.commparlimage.ca/wp-content/themes/blankslate-child/img/youtube-menu.png) no-repeat center center;
width:58px; height:58px;
display:block;
transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-webkit-transition: all 0.4s ease-in;}
.youtube-ms:hover{
background:url(//www.commparlimage.ca/wp-content/themes/blankslate-child/img/youtube-menu-hover.png) no-repeat center center;
transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;}
.linkedin-ms{
background:url(//www.commparlimage.ca/wp-content/themes/blankslate-child/img/linkedin-menu.png) no-repeat center center;
width:58px; height:58px;
display:block;
transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-webkit-transition: all 0.4s ease-in;}
.linkedin-ms:hover{
background:url(//www.commparlimage.ca/wp-content/themes/blankslate-child/img/linkedin-menu-hover.png) no-repeat center center;
transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;}
.behance-ms{
background:url(//www.commparlimage.ca/wp-content/themes/blankslate-child/img/behance-menu.png) no-repeat center center;
width:58px; height:58px;
display:block;
transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-webkit-transition: all 0.4s ease-in;}
.behance-ms:hover{
background:url(//www.commparlimage.ca/wp-content/themes/blankslate-child/img/behance-menu-hover.png) no-repeat center center;
transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;} .pagebg{
position:absolute; top:0; left:0; width:100%; height:450px;
transition: all 1s; -ms-transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s;
}
.homebg{
position:absolute; top:0; left:0; width:100%; height:900px;
transition: all 1s;
-ms-transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
} .sloganform{position:absolute; top:170px; left:12%;}
.slogan1{display:block;}
.slogan2, .slogan3{display:none;}
.topctabtn a{
position:absolute; right:0; bottom:50px; display:inline-block; z-index:900;
height:50px; line-height:50px; padding:0 25px; background:#fff;
font-family: 'sinkin_sans200_x_light'; font-size:0.8em; color:#333;
}
.topctabtn a:hover{
background:#0CF; color:#fff;
}
.btn2, .btn3{display:none;} .specialheight{position:relative; height:980px;}
.specialheight p{
font-family: 'sinkin_sans200_x_light';
color:#FFF;
text-align:left;
font-size:3em;}
.specialheightpage{position:relative; height:450px; padding:0 3%;}
.specialheightpage h1{
font-family: 'sinkin_sans200_x_light';
color:#FFF;
text-align:left;
font-size:2em;
padding-top:100px;
margin-left:50px;
position: relative; z-index: 501;
}
.specialheightpage h2{
font-family: 'sinkin_sans200_x_light';
text-align:right;
color:#ff9000;
font-size:1.6em;
}
.projettopspacer{position:relative; height:100px;} .section1{
display:flex;
padding:100px 0 120px; background:#333 url(//www.commparlimage.ca/wp-content/themes/blankslate-child/img/bg-apropos.webp) no-repeat center right;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
}
.s1-1{
width:50%;
}
.s1-1 h1{
font-family: 'sinkin_sans200_x_light';
color:#fff;
font-size:2em;
padding:0 0 60px 0;}
.s1-1 p{
font-family: 'sinkin_sans200_x_light';
color:#fff;
line-height:1.8em;}
.s1-2{
width:50%;
}
.s1-2 img{
margin-top:100px;
float:right;} .section2{
text-align:center; position:relative; overflow:hidden;
width:100%; padding:80px 0% 90px;}
.section2 .flex{
display:flex; flex-direction:row; justify-content:space-between;
}
.section2 .wrap{z-index:2;}
.section2 .flex .left{width:40%; padding-left:8%; align-self:center; text-align:left;}
.section2 .flex .right{width:40%; padding-right:8%; align-self:center;}
.section2-bg{
background:url(//www.commparlimage.ca/wp-content/themes/blankslate-child/img/bg-services.webp) no-repeat center center;
-webkit-background-size: 120%;
-moz-background-size: 120%;
-o-background-size: 120%;
background-size: 120%;
position: absolute; width: 100%; height: 150%; top: 0; z-index: 1;
}
.section2 h2{
font-family: 'sinkin_sans200_x_light';
color:#333;
font-size:1.6em;}
.section2 h3{
font-family: 'sinkin_sans200_x_light';
color:#333;
font-size:2em;
margin-bottom:30px;}
.main-services{position:relative; width:100%; text-align:center; display:flex; justify-content:space-between; flex-direction:row; flex-wrap:wrap;}
.icone-service{
position:relative; display:inline-block; margin:0 3% 25px; width:40%; text-align:center;
font-family: 'sinkin_sans200_x_light'; color:#333; font-size:1em; text-transform:uppercase;
transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-webkit-transition: all 0.4s ease-in;
}
.icone-service:hover{
transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
}
.icone-service span{position:relative; display:block; width:65px; height:65px; margin:0 auto 25px;}
.more-center{
color:#333; width:200px;
height:50px; line-height:50px;
border:1px solid #333;
text-align:center;
margin:25px auto 0;
display:inline-block;
font-family: 'sinkin_sans200_x_light';
}
.more-center:hover{
background:#333; color:#fff;
} .video-reel{position: relative; z-index: 2; margin-top: 80px;}
.video-reel .flex .text{width: 40%; align-self: center; padding: 0 8% 0 100px;}
.video-reel .flex .text .video-titre{text-align: right;}
.video-reel .flex .text .video-titre h2{font-family: 'sinkin_sans200_x_light'; color: #333; font-size: 1.6em;}
.video-reel .flex .text .video-titre h3{font-family: 'sinkin_sans200_x_light'; color: #333; font-size: 2em; margin-bottom: 30px;}
.video-reel .flex .text a{color:#333; width:200px; height:50px; line-height:50px; text-align:center;
margin: 25px 0 0 auto; display:block; border: 1px solid #333; font-family: 'sinkin_sans200_x_light';
}	
.video-reel .flex .text a:hover{background:#333; color:#fff;}
.video-reel .flex video, .video-reel .flex .video-container{width: 60%;}
.video-reel .flex .video-container .video-inner{position: relative; width: 100%; height: 0; padding-bottom: 56.25%;}
.video-reel .flex .video-container .video-inner iframe{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}  .section3{
position:relative; text-align:center;}
ul.main-portfolio{display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-around;}
ul.main-portfolio li{display:inline-block; margin:0 0 20px; width:32%;}
ul.main-portfolio li a{}
ul.main-portfolio li:hover a{opacity:0.8;} .section4{
position:relative; background:url(//www.commparlimage.ca/wp-content/themes/blankslate-child/img/bg-contact-section.webp) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.section4 .wrap{z-index:501; height:500px;}
.section4 .flex{display:flex; flex-direction:row; justify-content:space-between;}
.section4 .wrap .left{align-self:center; padding-left:8%;}
.section4 .wrap .left p{
font-family: 'sinkin_sans200_x_light';
color:#333;
text-align:left;
font-size:2em;}
.section4 .wrap .right{text-align:right; align-self:center; padding-right:8%;}
.section4 .wrap .right a.cta{
display:inline-block; height:70px; line-height:70px; background-color:#fff; color:#333; padding:0 30px;
font-family: 'sinkin_sans200_x_light'; font-size:1.4em;
}
.section4 .wrap .right a.cta:hover{background:#39F; color:#fff;}
.section4 .hovers-contact{
position:absolute; top:0; left:4%; right:0; bottom:65px; z-index:500;
mix-blend-mode:overlay; background: #da0000; background: -moz-linear-gradient(left,  #da0000 0%, #e9db00 100%); background: -webkit-linear-gradient(left,  #da0000 0%,#e9db00 100%); background: linear-gradient(to right,  #da0000 0%,#e9db00 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da0000', endColorstr='#e9db00',GradientType=1 ); } footer{position:relative; background:#333; padding:80px 0 0;}
footer .botlinks{color:#fff; font-family: 'sinkin_sans200_x_light';}
footer .botlinks:hover{text-decoration:underline; color:#0CF;}
footer > .top{position:relative; display:table; font-size:10pt; padding-bottom:50px;}
footer > .top .left{display:table-cell; vertical-align:top; width:34%; padding-right:6%;}
footer > .top .left img{margin-bottom:10px; width:250px;}
footer > .top .left p{color:#fff; font-family: 'sinkin_sans200_x_light';}
footer > .top .center{display:table-cell; vertical-align:top; width:36%;}
footer > .top .center h2{font-family: 'sinkin_sans700_bold'; color:#fff; line-height:70px; font-size:1.6em;}
footer > .top .center ul.footer-services{display:block; list-style:none; column-count: 2;}
footer > .top .center ul.footer-services li{display:block;}
footer > .top .center ul.footer-services li a{}
footer > .top .center ul.footer-services li a:hover{}
footer > .top .right{display:table-cell; vertical-align:top; width:34%; padding-left:9%;}
footer > .top .right h2{font-family: 'sinkin_sans700_bold'; color:#fff; line-height:70px; font-size:1.6em;}
footer > .top .right p{color:#fff; font-family: 'sinkin_sans200_x_light';}
footer > .center{position:relative; background:#222; height:100px; text-align:center;}
footer > .center a{font-size:1.2em; line-height:100px; margin:0 25px;}
footer > .bottom{position:relative; display:table; height:100px; font-size:10pt;}
footer > .bottom .left{display:table-cell; vertical-align:middle;}
footer > .bottom .left p{color:#fff; font-family: 'sinkin_sans200_x_light';}
footer > .bottom .center{display:table-cell; vertical-align:middle; text-align:center;}
footer > .bottom .center .mslink{display:inline-block; margin:0 5px;}
footer > .bottom .center .mslink:hover{opacity:0.8;}
footer > .bottom .right{display:table-cell; vertical-align:middle; text-align:right;}
footer > .bottom .right a{margin:0 10px;} #topsectionpage{position:relative; background:#e0e0e0;}
.projetbg{
position:relative; top:0; left:0; width:100%; height:450px; opacity:0.3;
transition: all 1s; -ms-transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s;
}
.projet-title{
padding-bottom:50px;
}
.projet-title h1{
font-family: 'sinkin_sans200_x_light';
color:#333;
font-size:2em;
width:40%;
}
.projet-title h2{
font-family: 'sinkin_sans200_x_light';
color:#333;
font-size:1.4em;
line-height:2em;
}
.projet-content{position:relative; padding:150px 0;}
.projet-body{display:flex; flex-direction:row;}
.projet-content .main{width:25%; padding-bottom:50px;}
.projet-content .side{width: 75%; padding-left:5%;}
.projet-content p{margin-bottom:25px; font-family: 'sinkin_sans200_x_light'; line-height:2.5em;}
.projet-content h2{
font-family: 'sinkin_sans700_bold';
color:#333;
font-size:2em;
margin-bottom:25px;
}
.projet-content h2 span{
font-family: 'sinkin_sans700_bold';
}
.projet-content h3{
font-family: 'sinkin_sans700_bold';
color:#333;
font-size:1em;
margin-bottom:25px;
}
.projet-content h4{}
.projet-content h5{}
.projet-content h6{}
.projet-content .main ul{
padding-left:20px;
font-family: 'sinkin_sans200_x_light';
list-style:square;
}
.projet-content ul li{} .texte-apropos{position:relative; padding:50px 8%;}
.texte-apropos .img-right{float:right; margin-left:2%; margin-bottom:35px;}
.texte-apropos p{margin-bottom:35px; font-family: 'sinkin_sans200_x_light'; line-height:1.8em;}
.equipe{position:relative; padding:0 8%;}
.equipe .personne{position:relative; display:inline-block; width:31%; margin:0 1%;}
.equipe .personne .img{position:relative; width:100%; height:250px; background:#ddd; margin-bottom:30px;}
.equipe .personne h3{font-family: 'sinkin_sans700_bold'; margin-bottom:15px; font-size:1.4em;}
.equipe .personne h4{font-family: 'sinkin_sans200_x_light'; color:#ff9000; font-size:0.9em;} .menu-services{position:relative; padding:50px 8%; border-bottom:1px solid #ff9000;}
.menu-services a{
position:relative; display:inline-block; margin:0 40px 0 0; height:60px; line-height:60px;
color:#ff9000; font-family: 'sinkin_sans200_x_light'; font-size:1em;
background:url(//www.commparlimage.ca/wp-content/themes/blankslate-child/img/arrow-down-small.webp) no-repeat 50% 120%;
transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-webkit-transition: all 0.4s ease-in;
}
.menu-services a.bold{font-family: 'sinkin_sans700_bold' !important;}
.menu-services a:hover{
color:#000; background:url(//www.commparlimage.ca/wp-content/themes/blankslate-child/img/arrow-down-small.webp) no-repeat 50% 80%;
cursor:pointer;
transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
}
.section-service{position:relative; padding:100px 0; overflow:hidden;}
.section-service h3{font-family: 'sinkin_sans200_x_light'; font-size:2em; margin-bottom:35px;}
.section-service p{font-family: 'sinkin_sans200_x_light'; line-height:1.8em; margin-bottom:35px;}
.section-service.white h3{color:#fff !important;}
.section-service.white p{color:#fff !important;}
.section-service a{
position:relative; display:inline-block; padding:15px; border:1px solid #ff9000; color:#ff9000;
background:rgba(255,144,0,0); font-family: 'sinkin_sans200_x_light'; font-size:1.1em; margin-right:15px;
transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-webkit-transition: all 0.4s ease-in;
}
.section-service a:hover{
background:rgba(255,144,0,1); color:#fff;
transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
}
.contenu-video{position:relative; display: grid; grid-template-columns: 1fr 1fr; gap: 30px; padding:80px;}
.contenu-video .video{position: relative; height: 0; padding-bottom: 56.25%;}
.contenu-video .video iframe{position:absolute; top: 0; left: 0; float:left; width:100%; height: 100%;}
.service-content-wrapper{position:relative; padding:0 8%; z-index:2;} .servbg{position:absolute; width:100%; height:150%; top:0; z-index:1;}  .portfolio-section{position:relative; display:flex; flex-direction:row; justify-content:space-between;}
.portfolio-menu-container{position:relative; width:15%; padding:60px 0; align-self:flex-start;}
.portfolio-menu{position:relative;}
.portfolio-menu a{
position:relative; display:block; margin:0;
color:#333; font-family: 'sinkin_sans200_x_light'; font-size:1em; line-height:50px; transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-webkit-transition: all 0.4s ease-in;
}
.portfolio-menu a:hover{
color:#ff9000; cursor:pointer;
transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
}
#portfolio-items{position:relative; overflow:hidden; text-align:center; padding:60px 0; width:80%;}
#portfolio-items .mix{display:none;}
#portfolio-items a{position:relative; display:inline-block; width:28%; margin:10px 1%; color:#999; text-align:center; height:auto; overflow:hidden;}
#portfolio-items a img{
width:100%; height:auto;
transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-webkit-transition: all 0.4s ease-in;
}
#portfolio-items a:hover img{
-ms-transform: scale(1.2,1.2)  rotate(0.1deg); -webkit-transform: scale(1.2,1.2)  rotate(0.1deg); transform: scale(1.2,1.2)  rotate(0.1deg);
transition: all 1s ease-out;
-ms-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
}
.contenu-projet{position:relative; padding:100px 3% 0;}
.col50{position:relative; float:left; width:48%; margin:0 1%;}
.col40{position:relative; float:left; width:38%; margin:0 1%;}
.col60{position:relative; float:left; width:58%; margin:0 1%;}
.contenu-projet h1{ font-family: 'sinkin_sans200_x_light'; font-size:2em; margin-bottom:35px;}
.contenu-projet h2{ font-family: 'sinkin_sans200_x_light'; font-size:1.4em; margin-bottom:35px;}
.contenu-projet p{ font-family: 'sinkin_sans200_x_light'; line-height:1.8em; margin-bottom:35px;}
.contenu-projet a{
position:relative; display:inline-block; padding:15px; border:1px solid #ff9000; color:#ff9000;
background:rgba(255,144,0,0); font-family: 'sinkin_sans200_x_light'; font-size:1.1em; margin:0 15px 15px 0;
transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-webkit-transition: all 0.4s ease-in;
}
.contenu-projet a:hover{
background:rgba(255,144,0,1); color:#fff;
transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
}
.exp-img-projet{position:relative; width:100%; height:200px; margin-bottom:10px; background-color:#ddd;} .icon-credits{background:#222; text-align:center; color:#fff; padding:5px 10px; font-size:0.6em; font-family: 'sinkin_sans200_x_light';}
.icon-credits a{color:#ff9000 !important;} .form{position:relative;}
.form input[type="text"]{
font-family: 'sinkin_sans200_x_light';
font-weight:normal;
font-size:1.6em;
color:#333;
background-color:#FFF;
height:65px; width:90%;
line-height:65px;
margin-bottom:49px;
padding: 0 25px;
display:block;
border:1px solid #d0d0d0;}
.form textarea{
font-family: 'sinkin_sans200_x_light';
font-weight:normal;
color:#333;
background-color:#FFF;
font-size:1.6em;
height:100px; width:90%;
line-height:1.4em;
margin-bottom:20px;
padding:15px 25px;
display:block;
border:1px solid #d0d0d0;}
.form input[type="submit"]{
width:50%;
}
.form input[type="submit"]{
font-family: 'sinkin_sans200_x_light';
font-weight:normal; width:100%;
color:#333; text-align:left;
height:65px; line-height:65px;
font-size: 1.2em;
padding:0 25px;
display:block;
border:0; background: #b5de41; background: -moz-linear-gradient(left,  #b5de41 0%, #d2f938 100%); background: -webkit-linear-gradient(left,  #b5de41 0%,#d2f938 100%); background: linear-gradient(to right,  #b5de41 0%,#d2f938 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5de41', endColorstr='#d2f938',GradientType=1 ); transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-webkit-transition: all 0.4s ease-in;
}
.form input[type="submit"]:hover{
cursor:pointer;
color:#fff;
background:#ff9000;
border:1px solid #ff9000;
transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out; }
::-webkit-input-placeholder {
font-family: 'sinkin_sans200_x_light';
font-weight:normal;
font-size:0.8em;
color:#000;}
:-moz-placeholder {
font-family: 'sinkin_sans200_x_light';
font-weight:normal;
font-size:0.8em;
color:#000;}
::-moz-placeholder {
font-family: 'sinkin_sans200_x_light';
font-weight:normal;
font-size:0.8em;
color:#000;}
:-ms-input-placeholder {  
font-family: 'sinkin_sans200_x_light';
font-weight:normal;
font-size:0.8em;
color:#000;}
.message_form{
position:relative; width:100%; background-color:#FFF; color:#000; font-family: 'sinkin_sans200_x_light'; font-size:1.2em; margin:0 0 30px;}
.form > .left{
align-self:flex-start;
width:40%;
padding-left:8%;
}
.form > .right{
align-self:flex-start;
width:40%;
padding-right:8%;
font-family: 'sinkin_sans200_x_light';
} .badge{position:relative; display:inline; margin-left:100px;} .clear{clear:both;} .seeproject{
position:relative; display:inline-block; border:1px solid #00e9d6; color:#333; line-height:1.6em; padding:10px 20px;
font-family: 'sinkin_sans200_x_light'; font-size:1.2em; margin-bottom:20px;
}
.seeproject:hover{
background:#00e9d6; color:#fff;
}
.sidecta{
position:relative; display:block; border:1px solid #ff9000; color:#333; line-height:1.6em; padding:10px 20px;
font-family: 'sinkin_sans200_x_light'; font-size:1em; margin-bottom:20px;
}
.sidecta:hover{
background:#ff9000; color:#fff;
} ul.album{display:block; margin:30px 0;}
ul.album li{list-style:none; display:inline-block; width:46%; margin:0 1.7% 10px;}
ul.album li a:hover img{opacity:0.8;}
.projet-content .main .frame-container{position:relative; width:100%; padding-bottom:55%; margin-bottom:30px;x}
.projet-content .main .frame-container iframe{position:absolute; top:0; left:0; width:100%; height:100%; border:0;} .page-content{position:relative; padding:100px 0;}
.page-content .flex{display:flex; flex-direction:row; justify-content:space-between;}
.page-content > .flex > .left{align-self:center; width:40%; padding-left:8%;}
.page-content > .flex > .right{align-self:center; width:40%; padding-right:8%;}
.page-content > .flex > .left23{align-self:flex-start; width:52%; padding:0 5%;}
.page-content > .flex > .right13{align-self:flex-start; width:33%; padding-right:5%;}
.page-content p{color:#333; font-size:1em; line-height:1.8em; margin-bottom:30px; font-family: 'sinkin_sans200_x_light';}
.page-content p b, .page-content p strong{font-family: 'sinkin_sans700_bold';}
.page-content span{color:#999;}
.page-content p a{font-size:1em; color:#333;}
.page-content p a:hover{text-decoration:underline; color:#09F;}
.page-content ul, .page-content ol{position:relative; margin:0 0 30px 21px;}
.page-content li{font-family:'sinkin_sans200_x_light'; line-height:1.8em; font-size:1em; color:#333;} .contact-text{font-size:24pt;}
p.smaller{font-size:0.6em;}
.mapbg{position:relative; width:100%; height:630px;}
.mapbg .wrap h3{position:absolute; right:0; top:130px; text-align:right; color:#fff; font-family: 'sinkin_sans200_x_light'; line-height:1.4em; font-size:2em;} .apropos-text p{font-size:1.2em; line-height:1.6em;}
.stats{border:6px solid #f88c00; position:relative; padding:20px 30px; margin-bottom:30px;}
.stats .statbox{display:inline-flex; flex-direction:row; justify-content:space-between; flex-wrap:wrap; margin-bottom:20px;}
.stats .statbox .left{width:90px; text-align:center; align-self:center; margin:15px 0;}
.stats .statbox .left .big{font-family: 'sinkin_sans700_bold'; color:#333; font-size:3em; line-height:1em;}
.stats .statbox .left .small{font-family: 'sinkin_sans700_bold'; color:#333; font-size:1.4em; line-height:1em;}
.stats .statbox .right{width:75%; align-self:center;}
.stats .statbox .right p{font-family: 'sinkin_sans200_x_light'; color:#333; margin-bottom:0 !important;}
.section-cta{position:relative; background:#eeeeee; padding:35px 30px; margin-bottom:30px;}
.section-cta h2{font-family: 'sinkin_sans700_bold'; color:#333; margin-bottom:30px; font-size:1.4em;}
.section-cta p{font-family: 'sinkin_sans200_x_light'; color:#333; font-size:1.1em; margin-bottom:0 !important;}
.section-cta a{display:inline-block; height:50px; line-height:50px; padding:0 20px; background:#0096ff; color:#fff !important; font-family: 'sinkin_sans700_bold'; margin-top:30px;}
.section-cta a:hover{background:#f88c00; text-decoration:none !important; cursor:pointer;}
.section-valeur{position:relative; padding:135px 0;}
.section-valeur ul.valeurs{display:flex; list-style:none; flex-direction:row; flex-wrap:wrap; justify-content:space-between; width:800px; margin-left:100px;}
.section-valeur ul.valeurs li{display:inline-flex; text-align:left; width:400px; margin:30px 0;}
.section-valeur ul.valeurs li img{align-self:center; margin-right:20px;}
.section-valeur ul.valeurs li p{align-self:center; color:#333; text-transform:uppercase; font-family: 'sinkin_sans200_x_light';} .container .half {
width:50%;
margin-top:10px;
}
.quoteform select{
font-family: 'sinkin_sans200_x_light';
font-weight:normal;
font-size:15px;;
color:#333;
background-color:#FFF;
height:40px;
line-height:65px;
margin-top:10px;
margin-bottom:20px;
display:block;
border:1px solid #d0d0d0;
}
.quoteform .right .flex{
flex-wrap:wrap;
}
.quoteform .right .radio-element{
width:50%;
}
.quoteform .container{
margin-bottom: 20px;
}
.quoteform select option{
font-family: 'sinkin_sans200_x_light';
font-weight:normal;
font-size:15px;;
color:#333;
background-color:#FFF;
display:block;
border:1px solid #d0d0d0;
}
.quoteform span{
font-size:20px;
} .erreur{
font-family: 'sinkin_sans200_x_light';
margin-bottom:30px;
margin-left: 8%;
padding: 30px;
font-size:20px;
color: #fff;
border: 1px solid #f00;
width:auto;
display:inline-block;
background: #f00;
}
.success{
font-family: 'sinkin_sans200_x_light';
margin-bottom:30px;
margin-left: 8%;
padding: 30px;
font-size:20px;
color: #fff;
border: 1px solid #36ba0d;
width:auto;
display:inline-block;
background: #36ba0d;
}
#ishuman{
display:none !important;
} #services{
text-align:center;
padding:0;
}
#services .grey{
background-color:#eeeeee;
}
#services .dark-grey{
background-color:#818181;
color:#fff;
}
#services h2{
margin:0 auto;
width:80%;
padding:100px 0;
font-size:24px;
font-family: 'sinkin_sans700_bold';
}
#services ul{
flex-wrap:wrap;
list-style:none;
justify-content: space-evenly;
padding-bottom:100px;
margin:0;
}
#services ul li{
width:33%;
text-align:center;
}
#services ul li a{
display:inline-block;
width:80%;
color:inherit;
}
#services ul li a:hover{
cursor:pointer
}
#services ul li a h3{
padding:15px 0;
font-size:14px;
font-family: 'sinkin_sans700_bold';
}
#services .dark-grey p{
color:#fff;
} #service-type{
text-align:center;
padding-bottom:0;
padding-top:0;
}
#service-type h2{
margin:0 auto;
width:70%;
padding-bottom:30px;
font-size:30px;
font-family: 'sinkin_sans700_bold';
}
#service-type p{
font-family: 'sinkin_sans200_x_light';
margin:0 auto;
width:60%;
margin-bottom:30px;
}
#service-type #realisations h2{
padding-bottom:50px;
padding-top:0;
}
#service-type #realisations ul{
width:70%;
margin:0 auto;
}
#service-type .spacer80{
height:80px;
}
#service-type .spacer100{
height:100px;
} .page-content.confidentialite .flex{
justify-content:center;
}
.page-content.confidentialite .apropos-text{
width:80%;
}
.page-content.confidentialite ul{
padding-left:25px;
}
.page-content.confidentialite ul li{
font-family:'sinkin_sans200_x_light';
} #pagetop{position: relative; height: 500px;}
#pagetop .wrap{height: 100%;}
#pagetop h1{position: absolute; font-family: 'sinkin_sans700_bold'; font-size: 3em; color: #fff; bottom: 20px; z-index: 1;}
.banner{position: absolute; width: 100%; height: 120px; background: #000; opacity: 33%; bottom: 0;}
.blog-container{display: flex; flex-direction: row; justify-content:space-between;}
.main-content{align-self:flex-start; width: 60%;}
.main-content h1{font-family: 'sinkin_sans700_bold'; font-size: 3em; color: black; margin-bottom: 20px;}
.side-content{align-self:flex-start; width: 40%; padding:30px; margin-left: 30px; background: #333;}
.main-woo{align-self:flex-start; width:75%;}
.side-woo{align-self:flex-start; width:22%;}
ul.xoxo{list-style:none;}
ul.xoxo h2{font-family: 'sinkin_sans700_bold'; color:#fff;}
ul.xoxo > li ul{margin: 20px 0 20px 30px;}
ul.xoxo > li ul > li > a{font-family: 'sinkin_sans700_bold'; color:#fff;}
ul.xoxo > li ul > li > time{font-family: 'sinkin_sans200_x_light'; color:#fff;}
ul.xoxo > li ul > li{
display: inline-block;
width: 100%;
transition: all 0.1s ease-in;
-ms-transition: all 0.1s ease-in;
-moz-transition: all 0.1s ease-in;
-webkit-transition: all 0.1s ease-in;
}
ul.xoxo > li ul > li:hover{
transform: translateX(10px);
-ms-transform: translateX(10px);
-moz-transform: translateX(10px);
-webkit-transform: translateX(10px);
}
ul.xoxo select{background: #333; color: #fff; border: none; margin-left: 30px; margin-top: 20px; font-family: 'sinkin_sans700_bold';}
ul.xoxo select:focus{outline: none;}
.main-content article{display:inline-block; width: 95%; margin-bottom: 50px;}
.main-content article img{margin-bottom: 20px; object-fit: cover;}
.main-content article h2 > a{color:#333; font-family: 'sinkin_sans700_bold';}
.entry-title{margin-bottom: 10px;}
.entry-meta{margin-bottom: 10px;}
.entry-meta a, .entry-date{font-family: 'sinkin_sans200_x_light';}
.entry-content h1, h2, h3, h4{font-family: 'sinkin_sans700_bold'; margin-bottom: 10px;}
.entry-content h3{color: #0071F0;}
.entry-content ul{font-family: 'sinkin_sans200_x_light'; padding-left: 30px;}
.entry-content ul li:not(:last-child){margin-bottom: 10px;}
.entry-content p a{color:#09F;}
.entry-content p a:hover{text-decoration:underline; color:#09F;}
.entry-content hr{border-top: 1px solid #eeeeee; margin: 50px 0;}
.entry-content .wp-caption{max-width: 100%;}
.entry-content .wp-caption .wp-caption-text{font-size: 14px; font-style: italic; margin-top: -10px;}
.author a, .entry-date, .post-edit-link{color:#333;}
.author a:hover, .post-edit-link:hover{color:#0CF;}
.btn_container{display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-top: 100px;}
.btn_blogue, .previous_btn a, .next_btn a{background-color:#333 !important; color:#fff !important; font-family: 'sinkin_sans700_bold'; 
padding: 10px 20px; border-radius: 5px;
transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
}
.btn_blogue:hover, .previous_btn a:hover, .next_btn a:hover{background-color:#0CF !important;}
.post-edit-link{float: right;}    .woocommerce-loop-product__title{color: #0071F0;}
.woocommerce ul.products li.product .price{font-family: 'sinkin_sans200_x_light'; font-size: 18px;}
.woocommerce ul.products li.product .price .woocommerce-Price-currencySymbol{margin-right: 2px;}
.woocommerce ul.products li.product .button{font-family: 'sinkin_sans200_x_light'; color: #fff; background-color: #333;}
.woocommerce ul.products li.product .button:hover{background-color: #0CF;}
.woocommerce .products ul, .woocommerce ul.products{display: grid; grid-template-columns: repeat(4, 1fr); gap: 50px;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{float: none; margin: 0; padding: 0; width: 100%;}
.woocommerce ul.products::after, .woocommerce ul.products::before, .woocommerce-page ul.products::after, .woocommerce-page ul.products::before{content: none;}
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{margin: 0;}
.woocommerce a.added_to_cart{font-family: 'sinkin_sans200_x_light'; color: #0071F0; margin-left: 12px;}
.woocommerce .woocommerce-ordering select{font-family: 'sinkin_sans200_x_light'; padding: 5px;}
.woocommerce div.product{display: grid; grid-template-columns: 1fr 1fr; gap: 100px;}
.woocommerce div.product .product_title{font-family: 'sinkin_sans700_bold';}
.woocommerce div.product .product_meta{font-family: 'sinkin_sans200_x_light';}
.woocommerce div.product .product_meta a{color: #0071F0;}
.woocommerce div.product .product_meta a:hover{text-decoration: underline;}
.woocommerce div.product form.cart .button{font-family: 'sinkin_sans200_x_light'; background-color: #333;}
.woocommerce div.product form.cart .button:hover{background-color: #0CF;}
.woocommerce .related.products{grid-column: span 2;}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary,
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{width: 100%; float: none; align-self:center;}
.woocommerce div.product form.cart div.quantity{display: none;} .woocommerce .woocommerce-cart-form__contents thead{background-color: #333; color: #fff;}
.woocommerce .woocommerce-cart-form__contents, .woocommerce .cart .button, .woocommerce .cart-collaterals th, .woocommerce .cart-collaterals .order-total td{font-family: 'sinkin_sans700_bold';}
.woocommerce .cart_item .product-price, .woocommerce .cart_item .product-quantity input, .woocommerce .cart_item .product-subtotal, .woocommerce .cart .button, .woocommerce .cart-collaterals .cart-subtotal td{
font-family: 'sinkin_sans200_x_light';
}
.woocommerce .cart_item .product-name a, .woocommerce table.shop_table tbody a{font-family: 'sinkin_sans700_bold'; color: #0071F0;}
.woocommerce .cart .button, .woocommerce .cart input.button{font-family: 'sinkin_sans200_x_light';}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{font-family: 'sinkin_sans200_x_light'; background-color: #333;}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{background-color: #0CF;} .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{font-family: 'sinkin_sans200_x_light'; padding: 5px 10px;}
.woocommerce .woocommerce table.shop_table thead, .woocommerce table.shop_table tfoot, .woocommerce table.shop_table tbody strong, .woocommerce-error strong, .woocommerce-info, .woocommerce-message{
font-family: 'sinkin_sans700_bold';
}
.woocommerce table.shop_table tbody, .woocommerce-info, .woocommerce-error, .woocommerce-info, .woocommerce-message{font-family: 'sinkin_sans200_x_light';}
.woocommerce-error, .woocommerce-info, .woocommerce-message{font-size: 14px;}
.woocommerce .col2-set, .woocommerce-page .col2-set{margin-bottom: 30px;}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{border: 1px solid #999;}
.woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus{border-color: #0CF;}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{background-color: #333;}
.woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover{background-color: #0CF;}
#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li{
font-family: 'sinkin_sans700_bold'; color: #333;
}
.woocommerce ul.order_details{font-family: 'sinkin_sans200_x_light';}
.woocommerce ul.order_details li{margin-bottom: 30px;}
.woocommerce ul.order_details li strong{font-family: 'sinkin_sans700_bold';}
.woocommerce .woocommerce-customer-details address{font-family: 'sinkin_sans200_x_light'; box-sizing: border-box;}
.woocommerce .woocommerce-customer-details address .woocommerce-customer-details--phone{margin-top: 15px;}
.cart-count{display:inline-block;; position:absolute; top:-6px; right:-15px; width:20px; height:20px; background:#f00; color:#fff; -webkit-border-radius: 50%; border-radius: 50%; text-align:center; line-height:20px; font-size:0.8em; font-weight:300;}
.carticon{position:relative; display:inline-block; vertical-align:middle; margin-left:15px;} #boutique{position:relative; margin:50px 0;}
.left-boutique{position:relative; width:30%; align-self:center;}
.right-boutique{position:relative; width:66%; align-self:center;} .projetheader{background:#aaa !important;}  .logo-landing svg{width: 100px; height: 100px; margin-bottom: 100px;}
.logo-landing svg path{fill: #fff;}
#landing-top{position: relative; overflow: hidden;}
#landing-top .hovers-landing{
position:absolute; top:0; left:27%; right:0; bottom:105px; opacity:0.6;  background: #da0000; background: -moz-linear-gradient(left,  #da0000 0%, #e9db00 100%); background: -webkit-linear-gradient(left,  #da0000 0%,#e9db00 100%); background: linear-gradient(to right,  #da0000 0%,#e9db00 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da0000', endColorstr='#e9db00',GradientType=1 ); transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-webkit-transition: all 0.4s ease-in;
}
#landing-top .homebg{height: 100vh; transform: scale(1.15); transition: transform 0.4s;}
#landing-top .top-content{position: absolute; display: flex; justify-content: space-between; gap: 50px; align-items: flex-start; width: 100%; top: 50%; transform: translateY(-50%);}
#landing-top .top-content .slogan{width: 55%;}
#landing-top .top-content .slogan h1{font-family: 'sinkin_sans200_x_light'; color: #fff; font-size: 48px; text-align: left; margin-bottom: 50px; width: 80%;}
#landing-top .top-content .slogan p{max-width: 680px; font-size: 24px;}
#landing-top .top-content .topform{width: 45%; border: 3px solid #fff; padding: 50px; box-sizing: border-box;}
#landing-top .top-content .topform h2{font-family: 'sinkin_sans200_x_light'; color: #fff; text-align: center; margin-bottom: 50px;}
#landing-top .top-content .topform form{display: flex; flex-direction: column; gap: 15px;}
#landing-top .top-content .topform form .input-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 15px;}
#landing-top .top-content .topform form input[type="text"], #landing-top .top-content .topform form input[type="email"]{
font-family: 'sinkin_sans200_x_light'; color: #fff; font-size: 20px; background: none; border-bottom: 1px solid #fff; border-top: 1px solid transparent;
border-right: 1px solid transparent; border-left: 1px solid transparent; padding: 10px 0; box-sizing: border-box; transition: all 0.4s;
}
#landing-top .top-content .topform form input[type="text"]:focus, #landing-top .top-content .topform form input[type="email"]:focus{
border: 1px solid #ffffff66; padding-left: 10px;
}
#landing-top .top-content .topform form select{
font-family: 'sinkin_sans200_x_light'; color: #fff; font-size: 16px; background: none; border-bottom: 1px solid #fff; border-top: none; border-right: none;
border-left: none; padding: 10px 0;
}
#landing-top .top-content .topform form textarea{
font-family: 'sinkin_sans200_x_light'; height: 100px; color: #fff; font-size: 20px; background: none; border: 1px solid #fff; padding: 10px; transition: all 0.4s;
}
#landing-top .top-content .topform form textarea:focus{border: 1px solid #ffffff66; padding-left: 15px;}
#landing-top .top-content .topform form input[type="submit"]{
font-family: 'sinkin_sans200_x_light'; width: max-content; color: #333; background-color: #fff; font-size: 20px; padding: 15px 30px; border: none; margin: 50px auto; cursor: pointer;
transition: all 0.4s;
}
#landing-top .top-content .topform form input[type="submit"]:hover{background-color: #333; color: #fff;}
#landing-top .top-content .topform form ::placeholder { color: #fff;
opacity: 1; }
#landing-top .top-content .topform form :-ms-input-placeholder { color: #fff;
}
#landing-top .top-content .topform form ::-ms-input-placeholder { color: #fff;
}
#landing-top .top-content .topform form input:focus, #landing-top .top-content .topform form select:focus, #landing-top .top-content .topform form textarea:focus{
outline: none;
}
#landing-top .top-content .slogan .btn-soumission{display: none; font-family: 'sinkin_sans200_x_light'; width: max-content; color: #333; background-color: #fff; font-size: 16px;
padding: 15px 30px; margin-top: 50px; transition: all 0.4s;
}
#landing-top .top-content .slogan .btn-soumission:hover{background-color: #333; color: #fff;} #landing-content{padding: 100px 0;}
#landing-content p{font-family: 'sinkin_sans200_x_light'; color: #333; line-height: 1.8em;}
#landing-content h2{font-size: 30px; color: #333; margin-bottom: 30px;}
#landing-content .landing-wrap{position: relative; width: 1000px; margin: auto;}
#landing-content .presentation{margin-bottom: 100px;}
#landing-content .presentation h2{text-align: center;}
#landing-content .presentation h2 span{color: var(--blue);}
#landing-content .presentation p{width: 90%; text-align: center; margin: auto;}
#landing-content .services{display: flex; justify-content: space-between; align-items: center; gap: 50px; margin: 0 auto 100px;}
#landing-content .services .box{display: flex; flex-direction: column; gap: 50px; width: 45%; background-color: var(--blue); padding: 50px; box-sizing: border-box;}
#landing-content .services .box .service{display: flex; align-items: center; gap: 30px; color: #fff;}
#landing-content .services .box .service h3{font-family: 'sinkin_sans400_regular';}
#landing-content .services .text{width: 55%;}
#landing-content .services .text:after{display: block; content: ''; width: 100px; height: 5px; background-color: var(--blue); margin-top: 30px;}
#landing-content .services.reverse{flex-direction: row-reverse;}
#landing-content .avantages{background-color: #eeeeee; padding: 100px 0;}
#landing-content .avantages .boxes{display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px; margin-top: 50px;}
#landing-content .avantages .boxes .single{background-image: linear-gradient(to right, #f88c00, #ffa837); padding: 30px;}
#landing-content .avantages .boxes .single h3{font-family: 'sinkin_sans400_regular'; font-size: 24px; color: #fff;}
#landing-content .avantages .boxes .single h3:after{display: block; content: ''; width: 50px; height: 2px; background-color: #fff; margin: 15px 0;}
#landing-content .avantages .boxes .single p{color: #fff;}
#landing-content .clients{margin-bottom: 100px; background: url(//www.commparlimage.ca/wp-content/themes/blankslate-child/img/landing/bg-clients.jpg) no-repeat center center/cover; padding: 100px 0;}
#landing-content .clients h2{color: #fff; text-align: center;}
#landing-content .clients .logos{display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 50px; margin: 0 auto 50px;}
#landing-content .clients .sites{display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
#landing-content .clients .sites .single{background-color: #fff; padding: 10px; border-radius: 20px;}
#landing-content .clients .sites .single img{aspect-ratio: 16/9; object-fit: cover; border-radius: 15px 15px 0 0;}
#landing-content .clients .sites .single .text{width: 85%; text-align: center; margin: 30px auto;}
#landing-content .clients .sites .single .text h3{font-family: 'sinkin_sans200_x_light'; font-size: 24px;}
#landing-content .bottom{display: flex; align-items: center; gap: 100px;}
#landing-content .bottom .bottom-form{width: 60%;}
#landing-content .bottom .bottom-form h2{margin-bottom: 50px;}
#landing-content .bottom .bottom-form h2 span{color: var(--blue);}
#landing-content .bottom .bottom-form form{display: flex; flex-direction: column; gap: 15px;}
#landing-content .bottom .bottom-form form .input-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 15px;}
#landing-content .bottom .bottom-form form input[type="text"], #landing-content .bottom .bottom-form form input[type="email"], #landing-content .bottom .bottom-form form textarea{
font-family: 'sinkin_sans200_x_light'; font-size: 20px; padding: 10px; border: 1px solid #999;
}
#landing-content .bottom .bottom-form form input[type="text"]:focus, #landing-content .bottom .bottom-form form input[type="email"]:focus,
#landing-content .bottom .bottom-form form textarea:focus, #landing-content .bottom .bottom-form form select:focus{
outline: 2px solid var(--blue);
}
#landing-content .bottom .bottom-form form select{font-family: 'sinkin_sans200_x_light'; font-size: 16px; padding: 10px; border: 1px solid #999;}
#landing-content .bottom .bottom-form form textarea{height: 150px;}
#landing-content .bottom .bottom-form form input[type="submit"]{
font-family: 'sinkin_sans200_x_light'; width: max-content; color: #fff; background-color: #333; font-size: 20px; padding: 15px 30px; border: none; margin-top: 50px; cursor: pointer;
transition: all 0.4s;
}
#landing-content .bottom .bottom-form form input[type="submit"]:hover{background-color: var(--blue);}
#landing-content .bottom .bottom-form form ::placeholder { color: #999;
opacity: 1; }
#landing-content .bottom .bottom-form form:-ms-input-placeholder { color: #999;
}
#landing-content .bottom .bottom-form form ::-ms-input-placeholder { color: #999;
}
#landing-content .bottom .coords{width: 40%;}
#landing-content .bottom .coords p{font-size: 30px;}
#landing-content .bottom .coords p.smaller{font-size: 1em;}
#landing-content .bottom .coords > *:not(:last-child){margin-bottom: 30px;}
#landing-content .bottom .coords a{color: #333;}
#landing-content .bottom .coords a:hover{color: var(--blue); text-decoration: underline;}
#landing-content .bottom .coords span{color: #999;}
#landing-footer{background-color: #222;}
#landing-footer > .top{display: flex; justify-content: space-between; align-items: flex-end;}
#landing-footer > .top .left{width: 30%;} .form-result{font-family: 'sinkin_sans200_x_light'; color: #fff; margin-bottom: 30px; padding: 10px;}
.form-result.error{background-color: red;}
.form-result.success{background-color: green;} .gsection_description{font-family:'sinkin_sans200_x_light';}
.gfield_label{font-family:'sinkin_sans700_bold';}
.gfield_label{font-size:1.2em;}
.gform_wrapper.gravity-theme .gfield{margin:20px 0;}
.gform-field-label--type-sub, .gfield_description, .gform-field-label--type-inline{font-family:'sinkin_sans200_x_light';}
.gform_button{width:100%; height:60px; line-height:60px; background:orange; text-transform:uppercase; font-family:'sinkin_sans700_bold'; border:0; margin-top:50px; border-radius:15px;}
.gform_button:hover{cursor:pointer; background:#111; color:#fff;}
.gform-body input, .gform-body select{border-radius:15px;}  .divTable{
display: table;
width: 100%;
font-family:'sinkin_sans200_x_light';
margin-bottom:40px;
font-size:0.9em;
}
.divTableRow {
display: table-row;
}
.divTableHeading {
background-color: #EEE;
display: table-header-group;
}
.divTableCell, .divTableHead {
border: 1px solid #999999;
display: table-cell;
padding: 3px 10px;
}
.divTableHeading {
background-color: #EEE;
display: table-header-group;
font-weight: bold;
}
.divTableFoot {
background-color: #EEE;
display: table-footer-group;
font-weight: bold;
}
.divTableBody {
display: table-row-group;
}       @media screen and (max-width: 1750px) {
.wrap{width:1400px;}
.projet-content .main{width:60%;}
}
@media screen and (max-width: 1460px) {
.wrap{width:1200px;}
.stats .statbox .right{width:68%;}
.section-valeur ul.valeurs{width:700px;}
.section-valeur ul.valeurs li{width:350px;}
.quoteform span {
font-size: 17px !important;
}
.form input[type="text"]{
margin-bottom: 47px;
}
.main-content h1{
font-size: 2em;
}
.left-boutique{width:50%;}
.right-boutique{width:48%;}
#landing-top .top-content{width: 100%;}
#landing-top .top-content .slogan{width: 45%;}
#landing-top .top-content .slogan h1{font-size: 36px;}
#landing-top .top-content .slogan p{font-size: 20px;}
#landing-top .top-content .topform{width: 55%;}
}
@media all and (max-width: 1280px){
.wrap{width:920px;}
.specialheight p{font-size:2em;}
.s1-1{width:65%;}
.section2 .flex .left{width:48%; padding-left:0;}
.section2 .flex .right{width:48%; padding-right:0;}
.section2-bg{background-size: 200%;}
.video-reel .flex .text{padding: 0 0 0 30px}
.section4 .wrap .left{padding-left:0;}
.section4 .wrap .left p{font-size:1.4em;}
.section4 .wrap .right{padding-right:0;}
.section4 .wrap .right a.cta{font-size:1em;}
footer > .top .center h2, footer > .top .right h2{font-size:1.2em;}
footer > .top .center{width:35%;}
footer > .top .right{width:auto;}
footer .botlinks{font-size:0.9em;}
footer > .center a{font-size:0.8em;}
footer > .bottom .left p{font-size:0.8em;}
.page-content .left{width:48%; padding-left:0%;}
.page-content .right{width:48%; padding-right:0%;}
.contact-text{font-size:20pt;}
.mapbg{height:430px;}
.mapbg .wrap h3{font-size:1.4em; top:100px;}
.page-content > .flex > .left23{width:60%; padding:0 !important;}
.page-content > .flex > .right13{padding-right:0;}
.stats .statbox .left{width:100%;}
.stats .statbox .right{width:100%; text-align:center;}
.stats .statbox .left .big{font-size:2em;}
.stats .statbox .right p{font-size:0.9em;}
.section-cta h2{font-size:1em; margin-bottom:20px;}
.section-cta p{font-size:0.9em; margin-bottom:20px;}
.apropos-text p{font-size:1.1em;}
.section-valeur ul.valeurs{width:600px;}
.section-valeur ul.valeurs li{width:300px;}
.section-valeur ul.valeurs{margin-left:0;}
.section-valeur{padding:75px 0;}
.quoteform span {
font-size:20px !important;
}
.form input[type="text"]{
margin-bottom:57px;
}
.erreur{
margin-left:0 !important;
font-size:17px !important;
}
.projet-content .main{width:100%;}
.woocommerce .products ul, .woocommerce ul.products{grid-template-columns: repeat(3, 1fr);}
.section-cta a{font-size:0.8em;}
#landing-top .top-content .slogan h1{width: 100%;}
#landing-top .top-content .topform{padding: 30px;}
#landing-top .top-content .topform h2{margin-bottom: 15px;}
#landing-top .top-content .topform form .input-grid{grid-template-columns: auto;}
#landing-top .top-content .topform form input[type="submit"]{font-size: 16px; margin: 30px auto 0;}
#landing-content .avantages .boxes{grid-template-columns: auto; gap: 30px;}
}
@media all and (max-width: 980px){
.top-right ul{display:none;}
.btn-menu{display:inline-block; vertical-align:middle; margin-left:15px;}
.btnquote{
height:35px; line-height:35px; font-size:0.6em;
-webkit-border-radius: 15px;
border-radius: 15px;
}
.sloganform{left:0;}
.topctabtn a{
font-size:0.7em;
-webkit-border-radius: 15px;
border-radius: 15px;	
}
.s1-1{width:100%;}
.video-reel .flex .text{order: -1; margin-bottom: 50px;}
.video-reel .flex .text a{margin: 25px auto 0;}
.video-reel .flex .text .video-titre{text-align: center;}
.video-reel .flex video, .video-reel .flex .video-container{width: 100%;}
.video-reel .flex .text{width: 100%; padding: 0;}
.section2-bg{background-size: 300%; background-position: top;}
ul.main-portfolio li{margin:0 0 5px;}
.section4 .wrap{height:300px;}
.section4 .flex{flex-direction:column; justify-content:space-around;}
.section4 .wrap .left{width:100%;}
.section4 .wrap .right{width:100%;}
footer > .top{display:flex; flex-wrap:wrap;}
footer > .top .left{order:1; display:block; width:44%; padding:0 3% 30px;}
footer > .top .center{order:3; display:block; width:94%; padding:0 3%;}
footer > .top .right{order:2; display:block; width:44%; padding:0 3% 30px;}
footer > .top .center ul.footer-services{column-count:3;}
footer > .bottom{display:flex; flex-wrap:wrap; justify-content:center;}
footer > .bottom .left{display:block; align-self:center;}
footer > .bottom .center{display:block; align-self:center;}
footer > .bottom .right{display:block; text-align:center; align-self:flex-start;}
#apropos.page-content .flex{flex-direction: column;}
#apropos.page-content > .flex > .left23{margin-bottom: 0;}
.section-valeur{padding: 40px 0;}
.section-valeur ul.valeurs li{margin: 15px 0;}
.pagebg, .specialheightpage{height:315px;}
.mapbg{height:325px;}
.page-content{padding:50px 0;}
.specialheightpage h1{font-size:1.4em;}
#contact.page-content .flex{flex-direction: column-reverse;}
#contact.page-content > .flex > .right{width: 100%; padding-right: 0; margin-bottom: 100px;}
#contact.page-content > .flex > .left{width: 100%; padding-left: 0;}
.contact-text{font-size:16pt;}
.form input[type="text"]{font-size:1.4em; height:55px; line-height:55px; margin-bottom:15px;}
.form textarea{font-size:1.4em; height:110px; margin-bottom:15px;}
.form input[type="submit"]{height:55px; line-height:55px; font-size:1em;}
.section-cta a{height:auto; line-height:1.6em; padding:10px 20px;}
.section-valeur ul.valeurs{width:550px;}
.section-valeur ul.valeurs li{width:275px;}
.wrap{width:460px;}
.specialheight p{font-size:1.4em;}
.s1-1{text-align:center;}
.s1-1 h2{font-size:1.5em; padding:0 0 40px 0;}
.section2 .flex{flex-direction:column; justify-content:space-around;}
.section2 .flex .left{width:100%; text-align:center; margin-bottom:30px;}
.section2 h2, .video-reel .flex .text .video-titre h2{font-size:1.3em;}
.section2 h3, .video-reel .flex .text .video-titre h3{font-size:1.4em; margin-bottom:0;}
.more-center, .video-reel .flex .text a{
height:35px; line-height:35px;
-webkit-border-radius: 15px;
border-radius: 15px;	
}
.section2 .flex .right{width:100%;}
ul.main-portfolio li{width:48%;}
.section4 .hovers-contact{left:14%;}
.section4 .wrap .left p{font-size:1.2em;}
.section4 .wrap .right a.cta{
font-size:0.8em; height:35px; line-height:35px; padding:0 15px;
-webkit-border-radius: 15px;
border-radius: 15px;	
}
footer > .top{flex-direction:column;}
footer > .top .left{width:94%;}
footer > .top .center{order:2; margin-bottom:40px;}
footer > .top .center ul.footer-services li a{display: block; margin-bottom: 15px;}
footer > .top .right{order:3; width:94%; text-align:center;}
footer > .top .center ul.footer-services{column-count:2;}
footer > .center{height:auto; padding:30px 0;}
footer > .center a{font-size:0.8em; line-height:30px; display:block;}
footer > .center a:first-child{margin-bottom: 15px;}
footer > .bottom{padding:20px 0;}
.page-content.soumission .flex{flex-direction:column;}
.contact-text{text-align:center;}
.page-content .left{width:98%; margin-bottom:40px;}
.page-content .right{width:98%;}
.mapbg .wrap h3{text-align:center; left:0;}
.page-content > .flex > .left23{width:100%; margin-bottom:20px;}
.page-content > .flex > .right13{width:100%;}
.section-cta{text-align:center;}
.section-valeur{background:#97BCC4;}
.section-valeur ul.valeurs{width:100%;}
.section-valeur ul.valeurs li{width:100%;}
.quoteform select{
width: 80%;
}
.container .half{
width:80%;
text-align:left;
}
#type-projet{
display:block;
width:100%;
}
#services h2{
width:100%;
}
#services p{
font-size:12px;
}
#services h3{
font-size:26px;
}
#service-type h2{
width:90%;
}
#service-type p{
font-size:12px;
margin-bottom:20px;
}
.portfolio-section{flex-direction: column;}
.portfolio-menu-container{width: 100%; padding: 60px 0 0;}
.portfolio-menu{display: flex; flex-wrap: wrap; gap: 0 30px; justify-content: center;}
#portfolio-items{width: 100%;}
#portfolio-items a{width: 47%;}
.projet-title{padding-bottom:20px;}
.projet-title h1{width:100%; padding-bottom: 10px; font-size:1.3em;}
.projet-content h2{font-size:1em;}
.projet-content .side{width: 100%; order:1; padding-left:0;}
.projet-content .main{order:2;}
.projet-body{flex-direction:column;}
.blog-container{
flex-direction: column;
align-items: center;
}
#pagetop h1{
left: 50%;
transform: translate(-50%);
}
.main-content, .main-content article{
width: 100%;
}
.side-content{
width: auto;
margin: 0;
}
.btn_blogue, .previous_btn a, .next_btn a{
font-size: 0.8em;
}
.contenu-video{grid-template-columns: auto;}
.woocommerce .products ul, .woocommerce ul.products{grid-template-columns: 1fr 1fr; gap: 30px;}
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{width: 100%;}
.woocommerce div.product{grid-template-columns: auto;}
.woocommerce .related.products{grid-column: auto;}
.boutiqueflex{flex-wrap:wrap;}
.left-boutique{width:100%; margin-bottom:30px;}
.right-boutique{width:100%;}
#landing-top .top-content .slogan{width: 100%;}
#landing-top .top-content .slogan .btn-soumission{display: block;}
#landing-top .top-content .topform{display: none;}
#landing-content h2{font-size: 24px;}
#landing-content .landing-wrap{width: 460px;}
#landing-content .presentation p{width: 100%;}
#landing-content .services, #landing-content .services.reverse{flex-direction: column-reverse; margin: 0 auto 50px;}
#landing-content .services .box{gap: 15px; width: 100%; padding: 30px;}
#landing-content .services .box .service{flex-direction: column; gap: 10px;}
#landing-content .services .box .service img{width: 48px;}
#landing-content .services .box .service h3{font-size: 16px; text-align: center;}
#landing-content .services .text{width: 100%;}
#landing-content .clients .sites{grid-template-columns: auto; gap: 15px;}
#landing-content .clients .sites .single .text{width: 100%; margin: 15px 0;}
#landing-content .bottom{flex-direction: column; gap: 50px;}
#landing-content .bottom .bottom-form, #landing-content .bottom .coords{width: 100%;}
#landing-content .bottom .bottom-form h2{margin-bottom: 30px;}
#landing-content .bottom .bottom-form form .input-grid{grid-template-columns: calc(50% - 7.5px) calc(50% - 7.5px);}
#landing-content .bottom .bottom-form form input[type="submit"]{font-size: 16px; margin-top: 30px;}
#landing-content .bottom .coords p{font-size: 24px;}
#landing-content, #landing-content .avantages, #landing-content .clients{padding: 50px 0;}
#landing-content .presentation, #landing-content .clients{margin-bottom: 50px;}
#landing-footer > .top{gap: 50px;}
#landing-footer > .top .left{width: 100%;}
}
@media all and (max-width: 750px){
.contenu-video{padding: 50px 8%;}
}
@media all and (max-width: 480px){
.wrap{width:96%;}
.btnquote{display:none;}
.sloganform{left:4%; top:100px;}
.section1{
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.s1-1 h2{font-size:1.2em;}
.s1-1 p{font-size:0.8em; padding:0 20px;}
footer > .bottom{height:auto;}
footer > .bottom > div{padding:8px 0;}
footer > .bottom .right a.scroll{display:block; margin:15px 10px;}
nav ul li a{font-size:1.4em;}
.menu-ms a{
padding:0 5px; width:20px; height:30px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.specialheightpage h1{font-size:1em; margin:0;}
.pagebg, .specialheightpage{height:265px;}
.form{text-align:center;}
.form input[type="text"]{width:80%; display:inline-block;}
.form textarea{display:inline-block; width:80%;}
.form input[type="submit"]{display:inline-block; width:94%;}
.mapbg .wrap h3{font-size:1em;}
.apropos-text p{padding:0 15px; font-size:1em;}
.page-content > .flex > .right13{width:94%; padding:0 3%;}
.right span {
text-align:left;
}
.container .half{
width: 100%;
display:inline-block;
}
.quoteform .container{
text-align:left;
width: 100%;
}
.quoteform .right .radio-element{
width:100%;
}
.form {
text-align:left;
}
.erreur{
width:80%;
font-size: 13px !important;
padding-right:10px !important;
}
#services .flex{
flex-direction:column;
}
#services ul li{
width:100%;
}
#services h2{
font-size:22px;
width:80%;
padding:50px 0;
}
#services h3{
font-size:18px;
}
#service-type h2{
font-size:22px;
}
.main-content h1{
font-size: 1.5em;
}
.btn_container{
flex-direction: column;
align-items: normal;
margin-top: 0;
}
.btn_blogue, .previous_btn a, .next_btn a{
display: block;
width: auto;
text-align: center;
}
.btn_blogue{
margin: 20px 0;
}
.portfolio-menu a{line-height: 40px;}
#portfolio-items{padding: 30px 0 60px;}
#portfolio-items a{margin: 0 1% 5px;}
.projet-content{padding: 120px 0 80px;}
.contenu-video{gap: 15px;}
#contact.page-content > .flex > .right{margin-bottom: 50px;}
#contact.page-content > .flex > .left{margin-bottom: 0;}
.woocommerce-loop-product__title{font-size: 0.9em;}
.woocommerce ul.products li.product .button{font-size: 0.75em;}
.logo-landing svg{display: block; margin: 0 auto 50px;}
#landing-top .top-content .slogan h1{font-size: 30px; text-align: center;}
#landing-top .top-content .slogan p{font-size: 18px; text-align: center;}
#landing-top .top-content .slogan .btn-soumission{max-width: 100%; text-align: center; margin: 50px auto 0;}
#landing-content h2{font-size: 22px;}
#landing-content h3{font-size: 18px;}
#landing-content p{font-size: 14px;}
#landing-content .landing-wrap{width: 90%;}
#landing-content .avantages .boxes .single h3{font-size: 18px;}
#landing-content .clients .logos img{width: 30%; max-height: 100px; object-fit: contain;}
#landing-content .clients .sites .single .text h3{font-size: 18px;}
#landing-content .bottom .bottom-form form input[type="text"], #landing-content .bottom .bottom-form form input[type="email"], #landing-content .bottom .bottom-form form textarea{
font-size: 16px;
}
#landing-content .bottom .bottom-form form select{font-size: 14px;}
#landing-content .bottom .bottom-form form input[type="submit"]{font-size: 14px; padding: 15px; margin-top: 0;}
#landing-content .bottom .coords p{font-size: 20px;}
}