/***** fonts et reset *****/
@import url('https://fonts.googleapis.com/css?family=Barlow:wght@400,500,600,700&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;}
b.sized													{ font-size: 18px;}
ul														{ list-style-type: none;}
body													{ font: 400 16px/28px "Barlow"; letter-spacing: 0.4px; color: #000; background: #fff; 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; min-height: 100vh; display: grid; grid-template-rows: auto 1fr auto;}
#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: 6px; height: 6px; background-color: #fff;}
::-webkit-scrollbar-thumb								{ background-color: #0081c8;}


/***** transition *****/
@media (min-width:1201px) {
a  														{ transition: all 400ms ease-in-out;}
}



header 													{ position: relative; padding: 3.5vw 5vw;}
header img												{ display: block; margin: 0 auto; width: 280px; height: auto;}



.companies 												{ width: 90vw; max-width: 1600px; position: relative; display: grid; grid-template-columns: 32% 32% 32%; grid-gap: 0 2%; margin: 0 auto; padding-bottom: 3vw;}
.companies:before										{ width: 200vw; height: 9000px; position: absolute; left: -50vw; top: 120px; background: #002c3e; content: "";}

.companies>.item										{ padding: 40px; border-radius: 20px; text-align: center; position: relative; z-index: 5; color: #fff;}
.companies>.item.full_services							{ background: #0081c8;}
.companies>.item.full_logistic							{ background: #005886;}
.companies>.item.full_frigo								{ background: #d9f0ff; color: #000;}

.companies .item img.logo								{ height: 90px; object-fit: contain; object-position: center center; margin-bottom: 20px;}
.companies .item .services								{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; text-align: center; padding: 10px 0 65px 0; margin: 0 auto; max-width: 310px; position: relative;}
.companies .item .services .item						{ border-radius: 10px; height: 150px; padding: 12px 15px 0 15px;}
.companies .item .services .item img					{ display: block; margin: 0 auto;}
.companies .item .services .item span					{ font-size: 16px; line-height: 19px; font-weight: 400; letter-spacing: 0.6px; height: 45px; display: grid; align-items: center; max-width: 150px; margin: 0 auto;}
.companies .item .services .item span.small				{ font-size: 14px; line-height: 17px;}

.companies .item.full_services .item					{ background: #0067a0;}
.companies .item.full_logistic .item					{ background: #00466b;}
.companies .item.full_frigo .item						{ background: #fff;}

.companies .item .slider								{ display: block; max-width: 400px;}
.companies .item .slider .item							{ margin: 0 5px;}
.companies .item .slick-dots							{ position: absolute; left: 0; bottom: 30px; width: 100%; font-size: 0; line-height: 0; letter-spacing: 0;}
.companies .item .slick-dots li							{ display: inline-block; vertical-align: top; margin: 0 4px;}
.companies .item .slick-dots li button					{ display: block; background: #005886; border-radius: 50%; width: 8px; height: 8px; border: none; font-size: 0; padding: 0;}
.companies .item .slick-dots .slick-active button 		{ background: #fff;}

.companies .titre										{ font: 400 24px/30px "Poppins"; letter-spacing: 0.4px; position: relative; color: #fff;}
.companies .titre:after									{ width: 80px; height: 1px; display: block; margin: 25px auto; background: #fff; content: "";}
.companies .titre span									{ font-weight: 500; font-size: 12px; line-height: 20px; letter-spacing: 2px; text-transform: uppercase; display: block; margin: 0 auto 4px auto;}
.companies .link										{ font: 700 12px/58px "Barlow"; letter-spacing: 1.2px; text-transform: uppercase; height: 60px; color: #000; padding: 0 20px; border-radius: 10px; background-size: 100% 200%; background-position: 0 100%; display: block;}

.companies>.item.full_services .link 					{ background-image: linear-gradient(to top, #fff 0% 50%, #0067a0 50% 100%);}
.companies>.item.full_logistic .link 					{ background-image: linear-gradient(to top, #fff 0% 50%, #00466b 50% 100%);}
.companies>.item.full_frigo .link 						{ background-image: linear-gradient(to top, #29569b 0% 50%, #fff 50% 100%); color: #fff;}

.companies>.item.full_frigo .titre						{ color: #000;}
.companies>.item.full_frigo .titre:after				{ background: #000;}
.companies>.item.full_frigo .item span.small 			{ line-height: 18px;}

.companies .rs 											{ grid-column: span 3; text-align: center; padding-top: 3vw;}
.companies .rs .link									{ background-image: linear-gradient(to top, #0866ff 0% 50%, #024dc7 50% 100%); color: #fff; display: inline-block; padding: 28px 50px 32px 50px; height: auto; line-height: 16px; border-radius: 15px; margin: 0;}

@media (min-width:1201px) {
.companies .link:hover 									{ background-position: 0 0; color: #fff;}
.companies>.item.full_frigo .link:hover					{ color: #000;}
}
@media (max-width:1400px) {
header img												{ width: 220px;}
.companies>.item										{ padding: 30px; border-radius: 15px;}
.companies .item img.logo								{ height: 80px; object-fit: contain; object-position: center center; margin: 10px auto 15px auto;}
.companies>.item.full_frigo img.logo					{ width: 240px;}
.companies .titre										{ font-size: 20px;}
.companies .titre:after									{ width: 70px; margin: 20px auto;}
.companies .titre span									{ margin: 0 auto 2px auto;}
.companies .item .services .item						{ height: 140px;}
.companies .item .services .item img					{ width: 80px; height: auto;}
.companies .item .services								{ max-width: none;}
.companies .item .slider								{ max-width: none; margin: 0 -5px;}
}
@media (max-width:1200px) {
.companies 												{ grid-template-columns: 49% 49%; grid-gap: 2vw; padding-bottom: 5vw;}
.companies .rs 											{ grid-column: span 2;}
}
@media (max-width:1000px) {
.companies 												{ grid-template-columns: 100%; grid-gap: 5vw;}
.companies>.item.full_frigo img.logo					{ height: auto;}
.companies .item .services								{ padding: 10px 0 30px 0;}
.companies .item .slider								{ padding-bottom: 65px;}
.companies .rs 											{ grid-column: auto;}
}
@media (max-width:700px) {
header 													{ padding: 5vw;}
header img												{ width: 200px; padding-right: 20px;}
.companies 												{ grid-template-columns: 100%; grid-gap: 5vw;}
.companies>.item										{ padding: 20px; border-radius: 8px; overflow: hidden;}
.companies .item img.logo								{ height: 60px; margin: 10px auto 15px auto;}
.companies>.item.full_frigo img.logo					{ width: 190px; height: auto;}
.companies .titre										{ font-size: 16px; line-height: 24px; margin-bottom: 10px;}
.companies .titre:after									{ display: none;}
.companies .titre span									{ font-size: 10px; font-weight: 400;}
.companies .item .services								{ padding: 10px 0 30px 0;}
.companies .item .services .item						{ height: 130px;}
.companies .item .slider								{ padding-bottom: 48px;}
.companies .item .slick-dots							{ bottom: 20px;}
.companies .item .services .item						{ border-radius: 5px;}
.companies .item .services .item img					{ width: 70px;}
.companies .link										{ font-size: 11px; line-height: 52px; height: 54px; border-radius: 0; margin: 0 -25px -25px -25px;}

.companies .rs 											{ padding-top: 3vw;}
.companies .rs 	.link									{ display: block; padding: 20px 30px 20px 30px; border-radius: 8px;}

}


footer   												{ display: block; width: 100%; padding: 20px 0; line-height: 0; position: relative; z-index: 20; text-align: center; color: #fff;}
footer li 												{ display: inline-block; font-size: 12px; line-height: 20px; margin-right: 25px; letter-spacing: 0.8px; position: relative;}
footer li a 											{ color: #fff;}
footer li:after											{ width: 1px; height: 9px; content: ""; position: absolute; right: -13px; top: 6px; background: #0067a0;}
footer li:last-child 									{ margin: 0;}
footer li:last-child:after 								{ display: none;}

@media (min-width:1201px) {
footer li a:hover 										{ color: #0067a0;}
}