/* css/animation.css */
/***** animation *****/
.animate.fade_in					{ opacity: 0; transition: opacity 600ms ease-out; transition-delay: 0ms;}
.animate.fade_in.play				{ opacity: 1;}
.animate.fade_up					{ opacity: 0; transition: opacity 600ms ease-out, transform 600ms ease-out; transition-delay: 0ms;}
.animate.fade_up.play				{ opacity: 1; transform: translateY(0);}
.animate.fade_down					{ opacity: 0; transition: opacity 600ms ease-out, transform 600ms ease-out; transition-delay: 0ms;}
.animate.fade_down.play				{ opacity: 1; transform: translateY(0);}
.animate.fade_left					{ opacity: 0; transition: opacity 600ms ease-out, transform 600ms ease-out; transition-delay: 0ms;}
.animate.fade_left.play				{ opacity: 1; transform: translateX(0);}
.animate.fade_right					{ opacity: 0; transition: opacity 600ms ease-out, transform 600ms ease-out; transition-delay: 0ms;}
.animate.fade_right.play			{ opacity: 1; transform: translateX(0);}

.animate.zoom_in					{ opacity: 0; transform: scale(0.9); transition: opacity 400ms ease-out, transform 800ms ease-out; transition-delay: 0ms;}
.animate.zoom_in.play				{ opacity: 1;  transform: scale(1);}
.animate.clip_cir					{ clip-path:circle(0% at 50% 50%); transition:clip-path 800ms ease-out;}
.animate.clip_cir.play				{ clip-path:circle(50% at 50% 50%);}


@media (min-width:1201px) {
.animate.fade_up					{ transform: translateY(40px);}
.animate.fade_down					{ transform: translateY(-40px);}
.animate.fade_left					{ transform: translateX(-40px);}
.animate.fade_right					{ transform: translateX(40px);}

.animate.clip_ttb					{ clip-path: inset(0 0 100% 0); transition: clip-path 800ms ease-out;}
.animate.clip_ttb.play				{ clip-path: inset(-1px -1px -1px -1px);}
.animate.clip_btt					{ clip-path: inset(100% 0 0 0); transition: clip-path 800ms ease-out;}
.animate.clip_btt.play				{ clip-path: inset(-1px -1px -1px -1px);}
.animate.clip_ltr					{ clip-path: inset(0 100% 0 0); transition: clip-path 800ms ease-out;}
.animate.clip_ltr.play				{ clip-path: inset(-1px -1px -1px -1px);}
.animate.clip_rtl					{ clip-path: inset(0 0 0 100%); transition: clip-path 800ms ease-out;}
.animate.clip_rtl.play				{ clip-path: inset(-1px -1px -1px -1px);}

.animate.delay-200 					{ transition-delay: 200ms;}
.animate.delay-300 					{ transition-delay: 300ms;}
.animate.delay-400 					{ transition-delay: 400ms;}
.animate.delay-500 					{ transition-delay: 500ms;}
.animate.delay-600					{ transition-delay: 600ms;}
.animate.delay-700					{ transition-delay: 700ms;}
.animate.delay-800					{ transition-delay: 800ms;}
.animate.delay-900					{ transition-delay: 900ms;}
.animate.delay-1000					{ transition-delay: 1000ms;}
.animate.delay-1100					{ transition-delay: 1100ms;}
.animate.delay-1200					{ transition-delay: 1200ms;}
}
@media (max-width:1200px) {
.animate.fade_in.play,			 
.animate.fade_up.play,
.animate.fade_down.play,
.animate.fade_left.play,
.animate.fade_right.play 			{ transition-delay: 300ms;}

.animate.clip_ttb,					
.animate.clip_ltr,					
.animate.clip_rtl					{ opacity: 0; transition: opacity 800ms ease-out; transition-delay: 0ms;}
.animate.clip_ttb.play,	 
.animate.clip_ltr.play, 
.animate.clip_rtl.play				{ opacity: 1; transition-delay: 300ms;}
}


/***** animation groups *****/
.animate .fade_in					{ opacity: 0; transition: opacity 600ms ease-out; transition-delay: 0ms;}
.animate.play .fade_in				{ opacity: 1;}
.animate .fade_up					{ opacity: 0; transition: opacity 600ms ease-out, transform 600ms ease-out; transition-delay: 0ms;}
.animate.play .fade_up				{ opacity: 1; transform: translateY(0);}
.animate .fade_down					{ opacity: 0; transition: opacity 600ms ease-out, transform 600ms ease-out; transition-delay: 0ms;}
.animate.play .fade_down			{ opacity: 1; transform: translateY(0);}
.animate .fade_left					{ opacity: 0; transition: opacity 600ms ease-out, transform 600ms ease-out; transition-delay: 0ms;}
.animate.play .fade_right			{ opacity: 1; transform: translateX(0);}
.animate .fade_right				{ opacity: 0; transition: opacity 600ms ease-out, transform 600ms ease-out; transition-delay: 0ms;}
.animate.play .fade_left			{ opacity: 1; transform: translateX(0);}
.animate .zoom_in					{ opacity: 0; transform: scale(0.9); transition: opacity 400ms ease-out, transform 800ms ease-out; transition-delay: 0ms;}
.animate.play .zoom_in				{ opacity: 1;  transform: scale(1);}
.animate .rotate					{ transform: rotate(-20deg); transition: transform 400ms ease-out; transition-delay: 0ms;}
.animate.play .rotate				{ transform: rotate(0deg);}
.animate .clip_ltr					{ clip-path: inset(0 100% 0 0); transition: clip-path 800ms ease-out;}
.animate.play .clip_ltr				{ clip-path: inset(-1px -1px -1px -1px);}

@media (min-width:1201px) {
.animate .fade_up					{ transform: translateY(40px);}
.animate .fade_down					{ transform: translateY(-40px);}
.animate .fade_left					{ transform: translateX(-40px);}
.animate .fade_right				{ transform: translateX(40px);}

.animate .delay-200 				{ transition-delay: 200ms;}
.animate .delay-300 				{ transition-delay: 300ms;}
.animate .delay-400 				{ transition-delay: 400ms;}
.animate .delay-500 				{ transition-delay: 500ms;}
.animate .delay-600					{ transition-delay: 600ms;}
.animate .delay-700					{ transition-delay: 700ms;}
.animate .delay-800					{ transition-delay: 800ms;}
.animate .delay-900					{ transition-delay: 900ms;}
.animate .delay-1000				{ transition-delay: 1000ms;}
.animate .delay-1100				{ transition-delay: 1100ms;}
.animate .delay-1200				{ transition-delay: 1200ms;}
}
@media (max-width:1200px) {
.animate.play .fade_in,
.animate.play .fade_up,
.animate.play .fade_down,
.animate.play .fade_left,
.animate.play .fade_right,
.animate .clip_ltr                  { transition-delay: 300ms;}
}

/* css/slick.css */
/***** slick *****/
.slick-slider							{ position:relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list								{ position: relative; display: block; overflow: hidden; margin: 0; padding: 0; width: 100%; height: 100%;}
.slick-list:focus						{ outline: none;}
.slick-list.dragging					{ 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); width: 100%; height: 100%;}
.slick-track							{ position: relative; top: 0; left: 0; display: block;}
.slick-track:before, 
.slick-track:after 						{ display: table; content: '';}
.slick-track:after						{ clear: both;}
.slick-loading .slick-track				{ visibility: hidden;}
.slick-slide							{ display: none; float: left; height: 100%; min-height: 1px;}
[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-dots                             { font-size: 0; line-height: 0; text-align: center;}
.slick-dots li                          { display: inline-block; vertical-align: top;}
.slick-dots button                      { width: 10px; height: 10px; border-radius: 50%; border: none; background: #fff; transition: all ease-in-out 400ms; padding: 0; font-size: 0;}
.slick-dots li.slick-active button      { background: #000;}


/***** slick arrows *****/
.slick-arrow							{ width: 50px; height: 50px; border: 0; padding: 0; font-size: 0; cursor: pointer; border-radius: 50%;}
.slick-disabled 						{ opacity: 0.5; cursor: default;}
.slick-prev								{ background: url('../images/arrow_prev.svg') 46% 50% no-repeat #fff;}
.slick-next								{ background: url('../images/arrow_next.svg') 54% 50% no-repeat #fff;}

@media (min-width:1201px) { 
.slick-prev:not(.slick-disabled):hover 	{ background-image: url('../images/arrow_prev_green.svg');}
.slick-next:not(.slick-disabled):hover 	{ background-image: url('../images/arrow_next_green.svg');}
}
@media (max-width:600px) { 
.slick-arrow							{ width: 50px; height: 50px;}
}
/* css/global.css */
/***** fonts et reset *****/
/* Barlow files captured in the validated archive and served locally. */
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/barlow-400.woff2') format('woff2'); }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/barlow-500.woff2') format('woff2'); }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/barlow-700.woff2') format('woff2'); }

/***** fonts et reset *****/
@font-face {
    font-family: 'masqualero';
    src: url('../fonts/masqualero.eot');
    src: url('../fonts/masqualero.eot#iefix') format('embedded-opentype'),
        url('../fonts/masqualero.woff2') format('woff2'),
        url('../fonts/masqualero.woff') format('woff'),
        url('../fonts/masqualero.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
body, ul, li, ol, form, h1, h2, h3, h4, h5, h6, div, span, p { padding:0; margin:0; border:0; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; text-size-adjust: none;}
article, aside, dialog ,figcaption, figure, footer, header, hgroup, main, nav, section { display: block;}  
input, textarea						{ -webkit-appearance: none; -ms-appearance: none; appearance: none; -moz-appearance: none; -o-appearance: none; border-radius: 0;}
*          							{ outline: none;}
strong, b							{ font-weight: 500;}
ul									{ list-style-type: none;}
body								{ font: 400 16px/32px "Barlow"; letter-spacing: 0.2px; color: #000; background: #ffffff; position: relative;}
body.active_overflow				{ height: 100vh; overflow: hidden;}
a									{ text-decoration: none; color: #000; position: relative;}
img									{ border: none;}
main 								{ position: relative; z-index: 10;}
#wrapper 							{ min-width: 320px; overflow: hidden; position: relative;}
#wrapper *							{ box-sizing: border-box;}
#footer 							{ position: relative; z-index: 15;}

@media (max-width:600px) {
body                                { font-size: 14px; line-height: 26px;}
}


/***** scollbar *****/
::-webkit-scrollbar 				{ width: 8px; height: 8px; background-color: #eee;}
::-webkit-scrollbar-thumb			{ background-color: #173f35;}


/***** transition *****/
@media (min-width:1201px) {
.link, .slick-arrow, :before, :after, a, a span, .sub { transition: all 400ms ease-in-out;}
}


/***** class *****/
.wrapper 							{ width: 90vw; min-width: 1080px; max-width: 1200px; margin: 0 auto; position: relative;}
.clear								{ clear: both; display: block;}
.titre_main	 						{ font: 600 40px/50px "masqualero"; position: relative; margin-bottom: 15px; letter-spacing: 0;}
.titre_main::before                 { display: block; content: ""; background: #173f35; width: 50px; height: 5px; margin-bottom: 10px;}
.titre_main::after                  { display: block; content: ""; background: #173f35; width: 50px; height: 5px; margin-top: 25px;}
.sous_titre 						{ font: 400 25px/35px "masqualero"; position: relative; margin-bottom: 15px; color: #1e1e1e;}
.chapo		 						{ font: 400 16px/32px "Barlow";}
.link 								{ font: 500 16px/58px "Barlow"; letter-spacing: 0.6px; height: 60px; border: none; display: inline-block; vertical-align: middle; color: #fff; padding: 0 30px; background: #fff;cursor: pointer; border-radius: 8px;}
.link_arrow                         { background: url('../images/arrow.svg') no-repeat right 10px top 22px; padding: 0 65px 0 0; color: #173f35; font: 500 18px/50px "barlow"; letter-spacing: 0.2px; display: inline-block;} 
.link_devis                         { font-size: 20px; color: #1e1e1e; height: auto; line-height: 40px; text-align: center; padding: 20px 30px; border-radius:10px 10px 0 0; display: inline-block;}
.link_devis span                    { background: url('../images/flower.svg') no-repeat center #fff; width: 60px; height: 60px; display: block; top: -30px;    left: 50%;transform: translateX(-50%);border-radius: 50px; position: absolute;}
.link_devis::after                  { content: ""; display: block; background: url('../images/arrow.svg') center no-repeat; height: 15px;}
.tel 								{ color: #1e1e1e;padding: 0 30px 0 25px; border-radius: 25px;}
.tel:before                         { content:""; background: url('../images/tel.svg') no-repeat center left; width: 18px; height: 18px; display: inline-block; vertical-align: middle; margin-right: 15px; position: relative;top: -2px; line-height: 0;}

@media (min-width:1201px) {
.tel:hover:before                   { background-image: url('../images/tel_green.svg');}
.link_devis:hover                   { color:#173f35; padding: 30px;}
.link_devis:hover::after            { background-image: url('../images/arrow_green.svg');}
.link_arrow:hover                   { background-image: url('../images/arrow_white.svg'); background-position: right top 22px; color: #fff;}
}
@media (max-width:1200px) {
.wrapper 							{ min-width: inherit;}
}
@media (max-width:1000px) {
.wrapper 							{ max-width:750px;}
.titre_main                         { font-size: 24px; line-height: 34px;}
.titre_main::before                 { display: none;}
.titre_main::after                  { margin-top: 10px; height: 3px;}
}
@media (max-width:600px) {
.wrapper 							{ width: 85vw;}
.titre_main                         { font-size: 22px; line-height: 30px;}
.link 								{ border-radius: 5px;}
.link_arrow 			 			{ display: block; background-color: #fff; background-position: right 30px center; text-align: left; padding: 0 30px; border-radius: 5px; color: #0d0d0d; font-size: 16px; line-height: 58px; height: 60px;}
}


/** Lien **/
.intro a,
.item a,
.texte p a,
.bloc_texte p a,
.page_content p a,
.page_content .ul_list a 			{ border-bottom: 1px solid transparent; color: #173f35; padding-bottom: 2px;} 

@media (min-width:1201px) {
.intro a:hover,
.item a:hover,
.texte p a:hover,
.bloc_texte p a:hover,
.page_content p a:hover,
.page_content .ul_list a:hover 		{ border-color: #173f35; color: #173f35;} 
}

/***** header et menu *****/
.header 							{ width: 100%;font-size: 0; line-height: 0; text-align: right; position: fixed; left: 0; top: 0; z-index: 100; transition: all 400ms ease-in-out;}
.header .logo						{ width: 160px; height: 170px; position: absolute; left: 5vw; top: 0; z-index: 125; display: grid; /*border-radius: 0 0 80px 80px;*/ align-content: start; justify-items: center; gap: 5px; filter: drop-shadow(0px 5px 0px #173f35); background: url('../images/shape_blason.svg') center bottom no-repeat; background-size: 100% auto; padding-top: 24px; transition: all ease-in-out 400ms;}
.header .logo img                   { transition: all ease-in-out 400ms;}
.header_right 						{ display: inline-block; vertical-align: middle; position: relative; z-index: 120; margin-left: 30px; padding-right: 5vw;}
.header_right .link					{ text-align: center;}
.header_nav							{ display: inline-block; vertical-align: middle; z-index: 50;}
.header_nav .menu					{ position: relative;}	
.header_nav .menu li				{ display: inline-block; vertical-align: middle; position: relative; margin-left: 30px;}	
.header_nav .menu li a				{ font: 500 18px/100px "Barlow"; letter-spacing: 0.2px; height: 100px; display: block; transition-property: all; color: #fff;}
.header_nav .menu>li.active>a 		{ color: #173f35;}
.header_nav .sub					{ width: 250px; text-align: center; position: absolute; top: 90px; left: 50%; margin-left: -125px; display: block; visibility: hidden; opacity: 0; background: #fff; color: #1f1f1f; border-radius: 10px;}
.header_nav .sub.sized				{ width: 280px; margin-left: -140px;}
.header_nav .sub li					{ width: 100%; margin: 0;}
.header_nav .sub li a				{ width: 100%; font: 400 16px/50px "Barlow"; text-transform: inherit; letter-spacing: 0.4px; height: 50px; color: #1f1f1f;}
.header_nav .menu li:hover .sub		{ opacity: 1; visibility: visible; z-index: 999;}
.header_nav .menu .sub li.active a	{ color: #173f35;}
.hrs                                { display: inline-block; width: 50px; height: 50px; background: url('../images/facebook.svg') no-repeat center #fff; vertical-align: middle; border-radius: 50%; margin-left: 10px;}
.hrs.instagram                      { background-image: url('../images/instagram.svg');}
/*.sticky .header 					{ box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);}*/

.sticky .header .logo               	{ height: 80px; filter: none; border-radius: 0; padding-top: 20px; background-position: center top;}
.sticky .header .logo img:first-child 	{ margin-bottom: 20px; margin-top: -90px;}

@media (min-width:1201px) {
.hrs.facebook:hover                 { background-image: url('../images/facebook_green.svg');}
.hrs.instagram:hover                { background-image: url('../images/instagram_green.svg');}          
.header_nav .menu .vue_mobile,
.menu_mobile 						{ display: none;}
.header_nav .sub 					{ display: block !important;}
.header_nav .sub:after 				{ width: 10px; height: 10px; position: absolute; left: 50%; top: -5px; margin: 0 0 0 -5px; transform: rotate(45deg); background: #fff; content: "";}
.header_nav .menu>li:hover>a,
.header_nav .sub li a:hover			{ color: #173f35;}
.header .tel:hover                  { color: #173f35;}

.sticky .header                     	{ background: #173f35;}
.sticky .header_nav .menu>li>a			{ line-height: 80px; height: 80px;}
}
@media (max-width:1200px) {
.menu_mobile						{ width: 60px; height: 60px; display: inline-block; vertical-align: middle; cursor: pointer; position: relative; margin: 10px -10px; transition: margin 400ms ease-in-out; margin-left: 30px;}
.menu_mobile div					{ width: 40px; height: 2px; background: #173f35; position: absolute; right: 50%; top: 50%; margin: -1px -20px 0 0;}
.menu_mobile div:before				{ width: 100%; height: 2px; background: #fff; position: absolute; right: 0; top: 8px; content: "";}
.menu_mobile div:after				{ width: 100%; height: 2px; background: #fff; position: absolute; right: 0; top: -8px; content: "";}
.menu_mobile.active div				{ height: 0;}
.menu_mobile.active div:before		{ top: 0; transform: rotate(45deg);}
.menu_mobile.active div:after		{ top: 0; transform: rotate(-45deg);}

.header 							{ height: 80px; transition: box-shadow 400ms ease-in-out, height 400ms ease-in-out 400ms; background: #173f35;}
.header .logo						{ width: 140px; height: 150px; padding-top: 12px;}
.header .logo img                   { transform: scale(0.9); transform-origin: center bottom;}
.header .logo img:last-child        { transform-origin: center top;}
.sticky .header .logo               { padding-top: 22px;}

.header_right 						{ margin: 0;}
.header_nav 	  					{ width: 100%; height: 100vh; padding: 0; position: fixed; right: 100%; top :0; overflow-y: scroll; display: grid; z-index: 100; padding-top: 140px; transition: 0ms ease-in-out 400ms;}
.header_nav::-webkit-scrollbar		{ display: none;}
.header_nav .menu  					{ width: 100%; text-align: left; padding: 5vw; position: relative; z-index: 100;  align-self: start; opacity: 0; transform: translateY(40px); transition: all 400ms ease-in-out 0ms;  margin: 0 auto;}
.header_nav .menu li 				{ width: 100%; display: block; margin: 0;}
.header_nav .menu li a				{ font-size: 16px; line-height: 54px; ; height: 50px;}
.header_nav .menu li i				{ width:85px;height:41px;display:block;margin-top:-48px;position:absolute;right: 0; z-index:5;background:url('../images/arrow_down.svg') 50% no-repeat #ffffff;float:right;border-radius:5px;}
.header_nav .menu li i.active 	    { transform: rotate(180deg);}
.header_nav .menu .sub 				{ width: auto; visibility: visible; position: relative; left: auto; top: auto; padding: 25px 0; margin: 15px 0; opacity: 1; display: none; text-align: left; padding-left: 40px;border-radius:5px;}
.header_nav .menu .sub li a			{ font-size: 16px; line-height: 42px; height: 40px;}

/* active menu mobile */
.header.active 						{ height: 100vh; transition-delay: 0ms;}
.header_nav.active					{ right: 0; transition-delay: 0ms;}
.header_nav.active .menu			{ opacity: 1; transform: translateY(0); transition-delay: 400ms;}
}
@media (max-width:600px) {
.header 							{ height: 80px;}
.header .logo						{ width: 120px; height: 130px; padding-top: 0; left: 50%; transform: translateX(-50%);}
.header .logo img                   { transform: scale(0.75);}
.sticky .header .logo               { padding-top: 24px;}

.header_right 						{ padding-right: 7.5vw; display: block;}
.header_right .link					{ width: 50px; height: 50px; font-size: 0; background: url('../images/tel.svg') 50% #fff no-repeat; border-radius: 50%; position: absolute; left: 7.5vw; top: 15px; padding: 0;}
.hrs                                { display: none;}
.header_right .tel:before           { display: none;}
.header_nav .menu  					{ padding: 5px 7.5vw 80px 7.5vw;}
.header_nav .menu>li>a				{ line-height: 50px; height: 50px;}
}


/***** bandeau téléphone *****/
.bandeau ,
.bandeau_1                           { font: 500 20px/30px "barlow"; padding: 25px 0; text-align: center; background: #fff;}
.bandeau_1 a,
.bandeau a                          { font-size: 20px;}

@media (min-width:1200px) {
.bandeau a:hover,
.bandeau_1 a:hover                 { background-image: url('../images/arrow_green.svg'); color: #173f35;}
}
@media (max-width:600px) {
.bandeau_1                          { background-color: #173f35; padding: 30px 7.5vw 50px; color: #fff; font-family: "masqualero"}
.bandeau_1 a                        { margin-top: 20px; font-size: 16px;}
.bandeau_1 b                        { max-width: 290px;}
.bandeau b                          { display: none;}
.bandeau                            { padding: 0; margin: 0 auto; background: none; text-transform: capitalize; width: 85vw;}
.bandeau  a                         { font-size: 16px; border-radius: 5px; background: url('../images/arrow.svg') no-repeat center right 30px #fff;}
.bandeau span                       { display: none;}
}


/***** footer*****/
.footer								{ width: 100%; position: relative; padding-top: 85px; background: #173f35; color: #fff; font-size: 0;}
.footer .bloc_footer 				{ display: inline-block; vertical-align: top; margin-right: 110px; line-height: 30px;}
.footer .contact                    { margin-top: 25px;}
.footer .tel:before                 { display: none;}
.footer .bloc_footer.last			{ margin-right: 0; margin-top: 70px;}
.footer .bloc_footer p				{ font-size: 16px; margin-top: 10px;}
.footer .bloc_footer p b			{ display: block; font: 400 35px/45px "Masqualero"; color:#fff; margin-bottom: 15px;}
.footer .bloc_footer p b span       { font-size: 20px;}	
.footer .bloc_footer p a			{ color: #fff; }
.footer .tel                        { padding: 0;}
.footer .bloc_footer p a span       { transition: none;}
.footer .bloc_footer p .tel span    { background: url('../images/tel.svg') left center no-repeat; padding-left: 30px;}
.footer .bloc_footer p .mail span   { background: url('../images/mail.svg') left center no-repeat; padding-left: 30px;}
.footer .bloc_footer p span			{ display: inline-block;}
.footer .bloc_footer ul				{ margin-top: 5px; display: inline-block;vertical-align: top; margin-right: 50px;}
.footer .bloc_footer li a			{ font-size: 16px; color: #fff; margin-top: 3px; background:url('../images/list.svg') 0 48% no-repeat; padding-left: 20px; display: inline-block;}
.footer	.rs							{ position: absolute; right: 0; top: 15px;}
.footer	.rs a						{ width: 50px; height: 50px; display: inline-block; vertical-align: top; border-radius: 50%; margin-right: 10px;}
.footer	.rs .facebook			    { background: url('../images/facebook.svg') 50% no-repeat #fff;}
.footer	.rs .instagram			    { background: url('../images/instagram.svg') 50% no-repeat #fff;}
.footer	.rs .scroll					{ background: url('../images/scrolltop.svg') 50% 46% no-repeat #fff; margin: 0;}
.footer_bottom   					{ padding: 20px 0; line-height: 0; margin-top: 80px;}
.footer_bottom li 					{ display: inline-block; font-size: 13px; line-height: 20px; margin-right: 35px; letter-spacing: 0.2px; position: relative;}
.footer_bottom li a 				{ color: #fff;}
.footer_bottom li:after				{ width: 1px; height: 9px; content: ""; position: absolute; right: -18px; top: 5px; background: #173f35;}
.footer_bottom li:last-child:after 	{ display: none;}

@media (min-width:1201px) {
.footer .bloc_footer p a:hover,
.footer .bloc_footer li a:hover,
.footer_bottom li a:hover			{ color: #173f35;}
.footer	.rs .scroll:hover			{ background-image:url('../images/scrolltop_green.svg');}
.footer	.rs .facebook:hover         { background-image: url('../images/facebook_green.svg');}
.footer	.rs .instagram:hover       { background-image: url('../images/instagram_green.svg');}
}
@media (max-width:1200px) {
.footer .bloc_footer 				{ margin-right: 80px;}
.footer .bloc_footer.last			{ display: none;}
}
@media (max-width:1000px) {
.footer .bloc_footer 				{ display: block; margin: 0;}
.footer .bloc_footer p              { margin: 0 0 10px;}
.footer_bottom   					{ margin-top: 80px;}
}
@media (max-width:600px) {
.footer								{ padding-top: 45px; text-align: center; }
.footer .bloc_footer                { max-width: 300px; margin: 0 auto;}
.footer .bloc_footer p b			{ font-size: 24px; line-height: 34px; margin-bottom: 10px;}
.footer	.rs							{ position: static; margin-top: 35px;}
.footer_bottom 	 					{ text-align: left; margin-top: 35px; padding: 0 0 40px 0;}
.footer_bottom li 					{ display: block; margin-right: 0; line-height: 25px;}
.footer_bottom li:after				{ display: none;}
.footer .contact                    { margin-top: 20px;}
.footer .bloc_footer p .tel         { color: #0d0d0d; background-color: #fff; display: block; line-height: 60px; height: 60px; border-radius: 5px;}
.footer .bloc_footer p .mail        { color: #0d0d0d; background-color: #fff; display: block; line-height: 60px; height: 60px; border-radius: 5px;}
}

.rounded                            { padding: 100px 0 160px; position: relative;}
#services .rounded                  { padding: 0;}
.rounded img                        { border-radius: 12px; border: 5px solid #fff; display: block;}
#services .rounded img              { border-radius: 10px; border: 5px solid #fff; display: block; max-width: 100%;}
.rounded img:nth-child(1)           { border-radius: 12px; max-width: 360px;}         
.rounded img:nth-child(2)           { max-width: 250px; position: absolute; right: 0; bottom: 0;}     
@media (max-width:600px) {
.rounded img:nth-child(1)           { border-radius: 12px; max-width: 290px;}         
.rounded img:nth-child(2)           { max-width: 200px; position: absolute; right: 0; bottom: 0; box-shadow: 10px 10px 29px -1px rgba(23,63,53,0.12);}    
}
@media (max-width:500px) {
.rounded img:nth-child(1)           { width: 100%; min-width: 200px;}
.rounded img:nth-child(2)           { width: 100%;}
}
    

/* Shared footer: current services, readable on every screen size. */
.footer .bloc_footer.last{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 32px;width:min(640px,100%);max-width:100%;vertical-align:top}
.footer .bloc_footer.last ul{display:block;margin:0;min-width:0}
.footer .bloc_footer.last li a{line-height:1.5;margin:0 0 12px;padding-left:20px}
@media(max-width:1200px){.footer .bloc_footer.last{display:grid;margin:30px 0 0;width:100%}}
@media(max-width:600px){.footer .bloc_footer.last{grid-template-columns:1fr;gap:0;text-align:left;margin:30px auto 0;max-width:340px}}

/* css/home.css */

/***** banner *****/
.banner 							{ width: 100%; height: 90vh; position: relative; z-index: 10;background: #ffffff; text-align: center;}
.banner .img 						{ width: 100%; height: 100%; position: relative; background:url('../images/banner.webp') 50% 0 / cover no-repeat;}
.banner .img::before               { content: ""; background: linear-gradient(to bottom, #01010188 1%, #01010188 1%, transparent 100%, transparent 100%); width: 100%; height: 260px; position: absolute; top: 0; left: 0;}
/*.banner .img::after                 { content: ""; width: 100%;height: 150px; bottom: 0; left: 0; background: url('../images/wave.svg') no-repeat center; position: absolute; background-size: cover; background-position-y: bottom;}*/
.banner .texte 						{ position: absolute;width: 100%; height: 100%; display: grid; align-content: center; top: 0; justify-items: center;}
.banner .titre_main 				{ margin: 0 auto; max-width: 830px; color: #fff; }
.banner .titre_main::before         { display: none;}
.banner .titre_main::after          { display: none;}
.banner .link                       { position: absolute; bottom: 0;}

.banner .bckgrd                     { position: absolute; bottom: 0; left: 0; width: 100%; line-height: 0;}
.banner .bckgrd img                 { width: 100%; height: auto;}

@media (max-width:1000px) {
.banner                             {height: 70vh;}
}
@media (max-width:600px) {
.banner      						{ padding: 80px 0 0; height: auto; background-color: #173f35;}
.banner .img 						{ height: 75vw; background-image: url('../images/banner_mobile.webp');}
.banner .img::after                 { display: none;}
.banner .texte                      { position: relative; height: auto; padding: 0 7.5vw 60px; display: block; }
.banner .titre_main                 { padding: 25px 0 20px;  margin: 0 auto; max-width: 300px;}
.banner .link                       { display: flex; position: relative; align-items: center; justify-content: space-between; gap: 20px; width: 100%; box-sizing: border-box; text-align: left; background: #fff; font-size: 16px; line-height: 58px; height: 60px; padding: 0 30px; border-radius: 5px;}
.banner .link span                  { display: none;}
.banner .link:after                 { display: block; flex: 0 0 40px; width: 40px; height: 12px; background: url('../images/arrow.svg') center no-repeat;}
#homepage                           { padding-bottom: 50px;}
}


/***** intro *****/
.bg_beige                           { background: #ffffff;}
.intro 								{ text-align: center; padding: 90px 0 70px; max-width: 1000px; margin: 0 auto;}
.intro a                            { color: #173f35;}              
@media (min-width:1200px) {
.intro a:hover                      { color: #1e1e1e;}
}
@media (max-width:1000px) {
.intro 								{ padding: 50px 0;}
}
@media (max-width:600px) {
.intro 								{ display: none;}
}


@media (min-width:1200px) {
}
@media (max-width:1000px) {
}
@media (max-width:760px) {
}
@media (max-width:600px) {
}


/***** services *****/
.services                           { padding: 120px 0;}
.slick_services                     { margin: 0 0 -30px 0; width: 100vw;}
.slick_services .item               { width: 480px; margin: 30px 40px 30px 0; border-radius: 10px; overflow: hidden; box-shadow: 10px 0 30px 0 rgba(23,63,53,12%); cursor: pointer; transition: all ease-in-out 400ms;}
.slick_services .item img           { width: 100%; height: auto; display: block; transition: filter ease-in-out 400ms;}
.slick_services .item h3            { color: #1e1e1e; background: url('../images/arrow.svg') no-repeat top 25px right; display: block; font: 500 25px/26px "masqualero"; padding: 16px 90px 16px 0;  transition: all 400ms ease-in-out;}
.slick_services .texte              { padding: 20px 40px 40px; background: #fff;}
.nav_slider                         { position: absolute; top: 45px; right: 0;}
.nav_slider .slick-prev             { margin-right: 10px;}

@media (min-width:1201px) {
.slick_services .item:hover         { margin-top: 10px;}
.slick_services .item:hover h3      { color: #173f35; background-image: url('../images/arrow_green.svg');}
.slick_services .item:hover img 	{ filter: brightness(0.75);}
}
@media (max-width:1200px) {
.services                           { padding: 100px 0;}
.slick_services                     { margin: 30px 0 0 0; width: 100vw;}
.slick_services .item               { width: 360px; margin: 0 20px 0 0; box-shadow: none;}
}
@media (max-width:1000px) {
.services                           { padding: 80px 0;}
.nav_slider                         { top: 0;}
.slick_services .item h3            { font-size: 22px; line-height: 24px; padding: 10px 80px 10px 0 ;background-position:  top 18px right;}
.slick_services .texte              { padding: 20px 30px 30px;}
}
@media (max-width:600px) {
.services                           { padding: 30px 0;}
.services .titre_main               { text-align: center;}
.services .titre_main:after         { margin: 10px auto 0;}
.slick_services                     { width: 100%; margin: 0; padding: 10px 0 0 ;}
.slick_services .item               { margin: 0 0 20px 0; padding: 0; border-radius: 5px;}
.slick_services .item p             { display: none;}
.slick_services .item h3            { margin: 0; font: 500 16px/58px "Barlow"; height: 60px; padding: 0; background-position: center right;}
.slick_services .texte              { padding: 0 30px;}
.slick_services .slick-track        { width:100% !important; transform: none !important;}
.slick_services .slick-slide        { width:100% !important;}
.slick_services .item img           { max-height: 55vw; object-fit: cover;}
}


.devis                              { padding: 170px 0; background: url('../images/accueil-optimise/5462f73744b0ded0.webp') no-repeat center; background-attachment: fixed; background-size: cover;}
.devis .content                     { max-width: 800px; margin: 0 auto; text-align: center; }
.devis .titre_main                  { color: #fff; margin-top: 10px;}
.devis .titre_main::after,
.devis .titre_main::before          { display: none;}
.devis .link_arrow                  { padding: 0 90px 0 30px; background-position: center right 30px; background-color: #fff; border-radius: 30px; display: inline-block; color: #1e1e1e; margin-top: 25px; height: 60px; line-height: 58px;}

@media (min-width:1200px) {
.devis .link_arrow:hover            { background-image: url('../images/arrow_green.svg'); color: #173f35;}
}
@media (max-width:1200px) {
.devis                              { background-attachment: local;}
}
@media (max-width:600px) {
.devis                              { padding: 60px 0 70px;}
.devis .titre_main                  { max-width:250px; margin: auto;}
.devis .content                     { margin: 0 7.5vw;}
.devis .content img                 { display: none;}
.devis .link_arrow                  { display: block; background-color: #fff; background-position: right 30px center ; text-align: left;border-radius: 5px; color: #0d0d0d; font-size: 16px; ;}
}
.bloc_home                          { display: grid; grid-template-columns: 1fr 1fr; margin: 120px 0; align-items: center;}
.bloc_home p:not(:last-child)       { margin-bottom: 20px;}
.marquage                           { position: absolute; top: 0; width: 200px; height: 200px; background: #fff; left: 190px; border-radius: 50%; display: grid; justify-items: center; align-content: center; text-align: center; padding: 0 35px; font-weight: 600; font-size: 16px; line-height: 26px;}
.bloc_home .image                   { margin-right: 100px;}
.bloc_home .texte                   { padding-right: 120px;}
.bloc_home .link_arrow              { color: #1e1e1e;}
.citation                           { font: 600 25px/35px "masqualero"; padding: 75px 30px 0; text-align: center;}

@media (min-width:1200px) {
.bloc_home .link_arrow:hover        { color: #173f35; background-image: url('../images/arrow.svg');}
}
@media (max-width:1000px) {
.bloc_home                          { display: grid; grid-template-columns: 1fr; gap: 30px; margin: 80px 0;}
.bloc_home .image                   { max-width: 500px; margin: 0 auto; padding-right: 120px;}
.bloc_home .texte                   { padding: 0;}  
}
@media (max-width:600px) {
.bloc_home                          { margin: 50px 0 10px;}
.bloc_home .link_arrow              { margin-top: 30px;}
.marquage                           { width: 160px; height: 160px; font-size: 15px; padding: 0 20px; left: 140px;}
.bloc_home .image                   { max-width: fit-content;  padding: 70px 120px 150px 0;}
.citation                           { display: none;}
}

/* Les intitulés longs restent lisibles sur téléphone. */
@media(max-width:600px){.slick_services .item h3{height:auto;min-height:60px;box-sizing:border-box;line-height:1.4;padding:17px 50px 17px 0}}


/* css/hero-slideshow.css */
.hero-slideshow{overflow:hidden;border-radius:0;background:#173f35;height:clamp(520px,66svh,705px);min-height:0;text-align:left;padding:0;position:relative}
.hero-images{position:absolute;inset:0;height:100%}
.hero-images:not(.slick-initialized) .hero-slide:not(:first-child){display:none}
.hero-images .slick-list,.hero-images .slick-track,.hero-images .hero-slide{height:100%}
.hero-images img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.hero-slideshow::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,31,23,.82),rgba(8,31,23,.56) 45%,rgba(8,31,23,.08) 85%);pointer-events:none}
.hero-copy{position:relative;z-index:1;height:100%;box-sizing:border-box;padding:125px max(5vw,24px) 30px;display:flex;flex-direction:column;align-items:flex-start;color:white;pointer-events:none}
.hero-eyebrow{font:600 12px/1.4 Barlow,sans-serif;text-transform:uppercase;letter-spacing:.17em;margin-bottom:14px}
.hero-copy h1{font:500 clamp(34px,4.1vw,58px)/1.1 masqualero,Georgia,serif;margin:0;max-width:780px;color:white;text-shadow:0 2px 12px #0003}
.hero-copy h1 em{font-weight:400;color:#e1eccd}
.hero-slogan{font:400 18px/1.5 Barlow,sans-serif;margin-top:18px;color:#fff}
.hero-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:auto;padding-top:24px;pointer-events:auto}
.hero-actions a{font:500 16px/1.3 Barlow,sans-serif;display:inline-flex;align-items:center;gap:20px;text-decoration:none}
.hero-primary{background:#fff;color:#173f35;padding:17px 23px;border-radius:4px}
.hero-secondary{color:#fff;padding:14px 0;border-bottom:1px solid #ffffff80}
.hero-actions a:focus-visible{outline:3px solid #d9ebbd;outline-offset:5px}
@media(max-width:600px){.hero-slideshow{height:max(560px,69svh);padding:0}.hero-copy{padding:112px 7vw 28px}.hero-copy h1{font-size:clamp(31px,8.4vw,40px)}.hero-slogan{font-size:17px;margin-top:20px}.hero-actions{gap:8px;flex-direction:column;align-items:flex-start;padding-top:22px}.hero-actions a{font-size:15px}.hero-slideshow::after{background:linear-gradient(90deg,#082719d9,#08271978)}}
@media(orientation:landscape) and (max-height:540px){.hero-slideshow{height:520px}}
@media(prefers-reduced-motion:reduce){.hero-images *{transition:none!important}}

/* Garder la position du titre après retrait du nom déjà présent dans le logo. */
.hero-eyebrow{height:16.8px;flex-shrink:0}


/* Native image fade: no JSON request or carousel initialization before first paint. */
.hero-images.hero-ready .hero-slide{display:block!important;position:absolute;inset:0;opacity:0;transition:opacity .8s ease;pointer-events:none}
.hero-images.hero-ready .hero-slide.is-visible{opacity:1}

/* css/service-slideshows.css */
.service-card-link{display:block;color:inherit;text-decoration:none}.service-card-link:focus-visible{outline:3px solid #173f35;outline-offset:4px}.slick_services .service-slideshow{position:relative;width:100%;height:290px;overflow:hidden}.slick_services .service-slideshow .service-frame{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;opacity:0;transition:opacity .8s ease}.slick_services .service-slideshow .service-frame.is-active{opacity:1}.service-portfolio{scroll-margin-top:140px}@media(max-width:600px){.slick_services .service-slideshow{height:55vw;max-height:310px}}@media(prefers-reduced-motion:reduce){.slick_services .service-slideshow .service-frame{transition:none}}
.slick_services .texte,.slick_services .texte h3{box-sizing:border-box}
.slick_services .item:hover{margin-top:30px}
@media(max-width:1200px){.slick_services .item:hover{margin-top:0}}


/* css/navigation.css */

.header{height:88px!important;background:#173f35;overflow:visible!important}.header>div{height:100%;display:flex;align-items:center;justify-content:flex-end;padding-left:210px;gap:32px}.header .header_right{display:flex;align-items:center;gap:14px;margin:0;padding-right:4vw}.header_right .link{white-space:nowrap}.header_right .facebook{display:none}.garden-nav{font-size:18px;line-height:1.4;text-align:left}.garden-menu{display:flex;align-items:center;gap:32px;list-style:none;margin:0;padding:0}.garden-menu>li>a,.garden-services>summary{font-family:masqualero,Georgia,serif;font-size:22px;font-weight:400;color:#fff;text-decoration:none;cursor:pointer;list-style:none;padding:22px 0;display:block}.garden-services>summary::-webkit-details-marker{display:none}.garden-services>summary:after{content:'⌄';font-family:Arial,sans-serif;font-size:17px;margin-left:9px}.garden-services[open]>summary:after{content:'⌃'}.garden-menu a:hover,.garden-services>summary:hover{color:#bed38b}.garden-menu a[aria-current=page]{color:#c7dc98}.garden-services{position:relative}.garden-sub{position:absolute;top:100%;left:-25px;width:330px;padding:18px;background:#ffffff;border:1px solid #dde3d5;border-radius:8px;box-shadow:0 14px 36px #102f3528}.garden-sub a{display:block;padding:12px 13px;color:#173f35;font:16px/1.45 Barlow,Arial,sans-serif;text-decoration:none;border-radius:4px}.garden-sub a:hover{background:#ffffff;color:#173f35}.garden-sub .all-services{border-top:1px solid #dce3d3;margin-top:8px;padding-top:16px;font-weight:600}.garden-menu-note,.garden-toggle{display:none}.garden-nav :focus-visible,.garden-toggle:focus-visible{outline:2px solid #a9c66e;outline-offset:5px}
@media(max-width:1050px){.header{height:80px!important}.header>div{padding-left:155px;gap:0}.header .header_right{gap:12px;padding-right:4vw}.header_right .facebook{display:inline-block;margin:0}.garden-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:42px;height:44px;padding:8px;border:0;background:transparent;cursor:pointer;position:relative;z-index:130}.garden-toggle span{display:block;height:2px;width:26px;background:#ffffff;transition:transform .2s}.garden-toggle[aria-expanded=true] span:first-child{transform:translateY(8px) rotate(45deg)}.garden-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.garden-toggle[aria-expanded=true] span:last-child{transform:translateY(-8px) rotate(-45deg)}.garden-nav{display:none;position:fixed;inset:80px 0 auto;background:#ffffff;color:#173f35;padding:65px 7vw 30px;max-height:calc(100dvh - 80px);overflow-y:auto;box-sizing:border-box;box-shadow:0 20px 35px #102f3530}.garden-nav.is-open{display:block}.garden-menu{display:block}.garden-menu>li{border-bottom:1px solid #dde4d4}.garden-menu>li>a,.garden-services>summary{color:#173f35;font-size:29px;padding:13px 0}.garden-sub{position:static;width:auto;padding:0 0 15px 12px;background:transparent;box-shadow:none;border:0;border-left:2px solid #adc779;border-radius:0}.garden-sub a{font-size:16px;padding:8px 13px}.garden-sub .all-services{padding-top:10px}.garden-menu-note{display:block;color:#173f35;font:14px/1.6 Barlow,Arial,sans-serif;margin:24px 0 0}.garden-menu a[aria-current=page]{color:#173f35}body.garden-menu-open{overflow:hidden}}
@media(max-width:600px){.header .logo{left:4vw;width:110px;height:125px}.header>div{padding-left:125px}.header .header_right{gap:7px}.header_right .link.tel{font-size:13px;padding:0 13px;min-width:0;line-height:42px;height:42px}.header_right .facebook{width:32px;height:36px;background-size:16px}.garden-nav{padding-top:50px}.garden-menu>li>a,.garden-services>summary{font-size:26px}}@media(max-width:360px){.header .logo{width:95px}.header>div{padding-left:103px}.header .header_right{gap:3px;padding-right:8px}.header_right .link.tel{padding:0 8px;font-size:12px}}
@media(max-width:600px){.header .logo{transform:none}.header_right .link.tel{position:static;left:auto;top:auto;width:auto;background:#fff;border-radius:30px;flex-shrink:0}.header>div{box-sizing:border-box}.header .header_right{flex-shrink:0}.garden-toggle{flex-shrink:0}}

.garden-sub a[aria-current=page]{color:#173f35;background:#ffffff}

@media(min-width:1051px){.garden-menu{gap:24px}.garden-menu>li>a,.garden-services>summary{font-size:20px}}

/* Shared typography: homepage display face for titles, Barlow for reading. */
body{font-family:Barlow,Arial,sans-serif;color:#173f35;background-color:#fff}
h1,h2,h3,h4,h5,h6,.titre_main,.sous_titre,.titre_page{font-family:masqualero,Georgia,serif!important;font-weight:400!important}
p,figcaption,li,input,textarea,select,button,.project-meta,.project-story,.project-tag,.project-open,.eyebrow,.company-kicker{font-family:Barlow,Arial,sans-serif!important}
figcaption h3{font-family:masqualero,Georgia,serif!important}
.portfolio,.detail-body,.company-page,.bg_beige{background-color:#fff!important}
.project-meta,.project-gallery figcaption,.company-page figcaption,.company-kicker,.editorial-note,.project-tag{color:#173f35!important}
.project-back,.project-cta,.project-bottom-actions a,.detail-btn,.link,.hero-actions a{font-family:Barlow,Arial,sans-serif!important}

/* css/company.css */
.company-home{padding-top:80px;padding-bottom:90px}.company-intro{max-width:850px;margin-bottom:36px}.company-kicker{font-size:13px!important;font-weight:600;letter-spacing:.16em;color:#173f35}.company-home h2,.company-page h1,.company-page h2{font-family:masqualero,Georgia,serif;font-weight:400;color:#173f35;line-height:1.15}.company-home h2,.company-page h1{font-size:clamp(32px,4vw,54px);margin:14px 0 24px}.company-page h2{font-size:30px;margin:0 0 20px}.company-home p,.company-page p{font-size:18px;line-height:1.7;margin-bottom:20px}.company-home>img,.company-page img{display:block;width:100%;height:auto!important;border-radius:8px;object-fit:contain}.company-page{padding-top:210px;padding-bottom:90px}.company-lead{max-width:830px;font-size:23px!important}.company-page>img{margin:38px 0 55px}.company-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-bottom:65px}.company-equipment{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:30px 0 65px}.company-page figure{margin:0}.company-page figcaption{font-size:15px;color:#173f35;line-height:1.5;padding-top:12px}.company-depot{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:start;margin-bottom:65px}.company-history{padding:40px;background:#ffffff;border-radius:8px;max-width:900px}.garden-menu{gap:24px}.garden-menu>li>a,.garden-services>summary{font-size:20px}@media(max-width:1050px){.garden-menu>li>a,.garden-services>summary{font-size:26px}}@media(max-width:700px){.company-page{padding-top:175px}.company-pillars,.company-equipment,.company-depot{grid-template-columns:1fr}.company-history{padding:26px}.company-home{padding-top:45px;padding-bottom:45px}.company-page h2{font-size:27px}}

/* Restrict transitions to painted properties, never layout or visibility. */
.slick_services .item{transition:box-shadow .4s ease}
.slick_services .item h3{transition:color .4s ease}