* { -o-box-sizing: border-box; box-sizing: border-box; }
a{ color:inherit; text-decoration-color: #cccccc; }
body{ position: relative; overflow-x: hidden; font-family: "Inter UI","sans-serif"; font-size:13px; background:#ffffff; color:#191919; line-height:1.6;position: relative; padding:210px 0 0 0; margin: 0; }
@media (max-width:800px){
	body{ font-size: 12px; padding-top: 135px;}
}
body.freeze{ overflow: hidden;}

/*=============================================================*/
/*===== GENERIC ===============================================*/
/*=============================================================*/
h1{ font-size:3em; margin:15px 0;line-height: 1.2; font-weight:300; letter-spacing:0.05em;  }
h2{ position: relative; display: inline-block; width: auto !important; font-size:24px; text-transform: uppercase; font-weight: 300; margin:15px auto;line-height: 1.2;  }
h2 strong{ color:#008296;}
h2:before{ content: ""; z-index: -2; position: absolute; left: 50%; top: 50%; transform: translateX(-30vw); width:60vw; height:1px; background:#191919; }
h2:after{ content: ""; width:calc(100% + 50px); height: 100%; background:#ffffff; position: absolute; top: 0; left:-25px; z-index: -1;  }
h3{font-size: 1.4em; margin:15px 0;line-height: 1.2; }
h4{ font-size: 1.2em; margin:15px 0;line-height: 1.2; }
p{margin:10px 0;}


@media (max-width:800px){
	h1{ font-size:30px; }
	
}



/*=============================================================*/
/*===== HEADER ================================================*/
/*=============================================================*/

#header{ background: #ffffff; border-top: 4px solid #008296; position:fixed; top: 0; left: 0; width: 100%; z-index: 9000; }
body.customize-support #header{ top:32px; }


#header.fixed{ box-shadow:0 0 20px rgba(0,0,0,0.15); }


#header>div{ transition: height 0.5s cubic-bezier(0.25, 1, 0.5, 1); overflow: hidden; height:206px;  display: flex; align-items: center; max-width:1320px; margin-left: auto; margin-right: auto; }
#header.fixed>div{ height: 90px;  }
@media (max-width:800px){
	#header>div{ justify-content: space-between; margin:0 20px 0 10px;  height:130px;   }
}



#logo{ width: 260px; height:140px; }
#logo .logoback{ transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1); }
#logo .logopave{ transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1); }
#logo:hover .logoback{  transform:scale(1); fill:#eeeeee;}
#logo:hover .logopave{ fill:#191919;}
#header.fixed #logo .logoback{ opacity:0; }
@media (max-width:800px){
	#logo{ width:200px;height: auto; }
	#logo svg{ display: block; width: 100%; height:auto;}
}


#nav{ flex: 1; margin-left: 75px; }
#nav.big{ height:100%; }
@media (max-width:800px){
	#nav{ transition:all 0.6s cubic-bezier(0.25, 1, 0.5, 1);   position: fixed; overflow-y: auto; z-index:-1; background:#f5f5f5; margin:0;  top:135px; left: 0; width: 100%; bottom: 0; transform: translateX(100%);}
	#nav.visible{ transform: translateX(0%);}
	
	#nav.fixed{ top:94px; }
}

@media (min-width:801px){
	.mainmenu{ display: flex; margin:0; padding: 0; list-style: none; height:100%; }
	.mainmenu>li{ padding:0 20px; display: flex;align-items: center; }
	.mainmenu>li>span>a{font-size:15px; font-weight:300; text-decoration: none;}
	.mainmenu>li:not(.menu-item-has-children)>span>a:hover{ color: #008296; text-decoration: underline;}
	.mainmenu>li.menu-item-has-children>span>a{ cursor: default;}
	.mainmenu>li.current-menu-parent>span>a{ color: #008296; font-weight:600;}
	.mainmenu>li.current-menu-item>span>a{ text-decoration: underline;color: #008296; font-weight:600;}
	.sub-menu{ transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1); transform-origin:top center; transform:translateX(-50%) scaleY(0.8); opacity:0; pointer-events: none; position: absolute; z-index: 9000; top:205px; width:100%; left:50vw; background: #ffffff; border-top:4px solid #008296; box-shadow:0 10px 10px rgba(0,0,0,0.2);  }
	#nav.fixed .sub-menu{ top: 90px; }
	.sub-menu-ul{ display: flex; flex-wrap: wrap; /*justify-content: center;*/ list-style: none; padding:30px;  max-width:1320px; margin-left: auto; margin-right: auto;  }
	.sub-menu-ul>li{ display: flex; align-items: flex-start; width:calc(100% / 3 - 60px); margin:10px 30px 0 30px; padding:0 0 15px 0; border-bottom:1px solid #e8e8e8; }
	.sub-menu-ul>li a{ text-decoration: none;}
	.sub-menu-ul>li span{  }
	.sub-menu-ul>li span:first-child{ width:60px; height:60px; margin-right:10px; }
	.sub-menu-ul>li span:last-child{ width:auto; height:auto; flex: 1; margin:0px; line-height: 1.2; }
	.sub-menu-ul>li span:nth-child(2){ margin-top:20px;  }
	.sub-menu-ul>li strong{ display: block; font-size:16px; font-weight: 300; text-decoration:underline; }
	.sub-menu-ul>li small{  }
	.sub-menu-ul>li a:hover strong{ color: #008296; }
	.sub-menu-ul>li.current-menu-item a strong{ font-weight: 600; color: #008296;}

	.mainmenu>li.menu-item-has-children>span{ position: relative;}
	.mainmenu>li.menu-item-has-children>span:after{ transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1); transform-origin:bottom center;  transform:scaleY(0); content:""; position: absolute; margin: auto; width: 4px; height:200px; left: 50%; top:calc(50% + 15px); background:#008296; }
	.mainmenu>li.menu-item-has-children:hover>span>a{ color: #008296; }
	.mainmenu>li.menu-item-has-children:hover>span:after{ transform:scaleY(1); }
	.mainmenu>li.menu-item-has-children:hover .sub-menu{transform: translateX(-50%) scaleY(1);  pointer-events: auto; opacity: 1;}
}

@media (max-width:800px){
	.mainmenu{ flex-direction: column; margin:0 20px; padding: 0; }
	.mainmenu>li{ display: block; position: relative;  border-bottom:1px solid #cccccc; }
	.mainmenu>li>span{ display: block; position: relative; }
	.mainmenu>li>span>a{ display: block; position: relative; padding:15px 0; font-size:18px; font-weight: 600; }
	.mainmenu>li.menu-item-has-children>span:after,.mainmenu>li.menu-item-has-children>span:before {position: absolute; content: "";background:#191919;}	
	.mainmenu>li.menu-item-has-children>span:before {top: calc(50% - 8px);width: 4px;height: 16px;right: 16px;}	
	.mainmenu>li.menu-item-has-children>span:after {top: calc(50% - 2px);width: 16px;height: 4px;right: 10px;}
	.mainmenu>li.menu-item-has-children.open>span:before{ display: none;}
	.mainmenu>li.current-menu-parent>span>a{ color: #008296; font-weight:600;}
	.mainmenu>li.current-menu-item>span>a{ text-decoration: underline;color: #008296; font-weight:600;}
	
	.sub-menu{ display: none; }
	.sub-menu>ul{ list-style: none; margin:0 0 20px 0; padding:0; }
	.sub-menu>ul>li{ display: flex; align-items: center; padding:5px 0;}
	.sub-menu>ul>li>*:first-child{ width: 40px; margin-right:10px; }
	.sub-menu>ul>li a{ text-decoration: underline; font-size: 15px;}
	.sub-menu>ul>li small{ display: none;}
	.sub-menu-ul>li.current-menu-item a strong{ font-weight: 600; color: #008296;}
	
}




#connexes{ padding:10px; line-height: 1;  background: #f5f5f5;}
#connexes ul{ list-style: none; display: flex; align-items: center; padding: 0; margin: 0;}
#connexes ul>*>*{ display:block; width:26px; height: 26px;}
#connexes ul>*:not(:first-child){ margin-left: 10px;}
#connexes a:hover svg *{ fill:#0B8396; }
#connexes a[data-title]{ position: relative; }
#connexes a[data-title]:before,#connexes a[data-title]:after{ transition:all 0.1s linear;  }
#connexes a[data-title]:before{ transform: translate(0%,-20%); pointer-events: none; opacity: 0;left: 50%;border: solid transparent;content: "";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(0, 130, 150, 0);border-top-color: #008296;border-width: 7px;margin-left: -7px; bottom:calc(100% - 7px);   }
#connexes a[data-title]:after{  transform: translate(-50%,-20%);  content: attr(data-title); opacity: 0; position:absolute; left: 50%; bottom:calc(100% + 5px); white-space: nowrap;  background:#008296; color: #ffffff; padding:5px; text-decoration: none; font-size:10px; pointer-events: none;   }
#connexes a[data-title]:hover:before{ transform: translate(0%,0%); opacity: 1; }
#connexes a[data-title]:hover:after{transform: translate(-50%,0%);  opacity: 1; }


@media (max-width:1100px){
	#connexes{ position:fixed; background: #ffffff; bottom: 0; left: 0; right: 0; z-index: 9000; box-shadow: 0 0 20px rgba(0,0,0,0.2); padding:0;  }
	#connexes ul>*>*{ display:block; width:auto; height:auto; text-align: center;}
	#connexes a[data-title]:after{ display: block; padding:0; background: none; color: #191919;  transform:none; opacity:1; position:static;   }

	#connexes ul{ margin:0;  }
	#connexes ul>*{ flex:auto; margin:0 !important;  padding:10px;   }
	#connexes ul>*:nth-child(1) svg{ width:20px; height: 20px;;}
	#connexes ul>*:nth-child(2) svg{ width:20px; height: 20px;;}
	#connexes ul>*:nth-child(3) svg{ width:20px; height: 20px;;}
	#connexes ul>*:nth-child(4){ display: none;}

	#connexes ul>*:not(:first-child){ border-left:1px solid #cccccc;  }
	
}

#showmenu{ display: none; }
@media (max-width:800px){
	#showmenu{ display:flex; width: 60px; height: 60px; background:#f5f5f5; }
	
	#showmenu div{ margin: auto; }
	#showmenu span{ transition: all 0.2s linear; display: block; width:25px; height:4px; background:#221e20; border-radius:0px;  }
	#showmenu span:not(:last-child){ margin-bottom:4px; }
	#showmenu span:nth-child(3){ margin-top:-8px; }

	#showmenu.on{ /*left:calc(100% - 100px);*/ box-shadow: none; border-radius: 0;  }

	#showmenu.on span{ }
	#showmenu.on span:nth-child(1){ transform:scaleX(0);}
	#showmenu.on span:nth-child(2){ transform: rotate(45deg);}
	#showmenu.on span:nth-child(3){ transform: rotate(-45deg);}
	#showmenu.on span:nth-child(4){ transform:scaleX(0);}

	
}

/*=============================================================*/
/*===== CONTENU ===============================================*/
/*=============================================================*/
#page{ min-height:400px; }
#page>section{ text-align: center;}
#page>section>*{ margin-left:auto; margin-right:auto; max-width:1120px; width: 90%; }

@media (max-width:800px){
	#page{ overflow-x: hidden; }
}

/*=============================================================*/
/*===== ACCUEIL ===============================================*/
/*=============================================================*/


@media (min-width:801px){
	#mea{ position: relative;}
	#mea:before{ content: ""; position: absolute; z-index: -1; bottom:0; left: 0; right: 0; height:170px; background:#f5f5f5;  }


	.mea{ display: flex; height:600px; max-width:1360px; margin-left: auto; margin-right: auto;   }

	.mea>*{}
	.mea>*:first-child{ width: 34%;}
	.mea>*:last-child{ width:66%;  }

	.mea>*:first-child{ display: flex; flex-direction: column; margin:30px 0; }
	.mea>*:first-child>*{ height: 50%; }
	.mea>*:first-child>*:first-child{ background:#cccccc; }
	.mea>*:first-child>*:last-child{ background:#ffffff; }

	#measlider{ width: 100%; height:100%;background:#ffffff;  box-shadow: 0 20px 20px -20px rgb(0 0 0 / 30%); }
	#measlider .swiper-slide{ height:100%;   }
	#measlider .swiper-slide img{ width: 100%; height:100%; object-fit: cover;}

	#measlider .mea-prev,#measlider .mea-next{ color: #ffffff; }


	#meaaltslider{ width: 100%; height:100%; }
	#meaaltslider .swiper-slide{ height:100%; background:#eeeeee;   }
	#meaaltslider .swiper-slide img{ width: 100%; height:100%; object-fit: cover; filter: grayscale(1) contrast(1.2); opacity: 0.4;}

	#meatxtslider{ line-height: 1.3; width: 100%; height:100%; }
	#meatxtslider .swiper-slide{ background: #ffffff; height:100%; display: flex; align-items: center; justify-content: center; padding:0 30px;}
	#meatxtslider p{ font-size:16px; font-weight: 300; }
	#meatxtslider p strong{ font-size:1.2em; font-weight:700; }

	#meatxtslider p em{ font-size:0.8em; font-style:normal; display:inline-block; padding:2px 6px; background:#f5f5f5; }

}

@media (max-width:800px){
	.mea{  display: flex; flex-direction: column-reverse;}
	.mea>*{ width: 100% !important; }
	.mea>*:first-child>*{ padding:20px 0;  }
	.mea>*:first-child>*:first-child{ opacity: 0; position: fixed; pointer-events: none;}

	#measlider{ width: 100%; height:300px; }
	#measlider .swiper-slide img{ width: 100%; height:100%; object-fit: cover;}
	#measlider .mea-prev,#measlider .mea-next{ color: #ffffff; }
	
}



/*=============================================================*/
/*===== MARQUES ===============================================*/
/*=============================================================*/
#marques{ display: flex; flex-wrap: wrap; justify-content: center; }
#marques>*{ border-top:3px solid #f5f5f5;  padding:15px;  width: 365px; margin:10px; }
#marques>* .icone{ width:150px; height:100px; object-fit: contain;  margin:15px auto;  }

#marques>*>strong{  color: #008296; font-size: 1.2em; }

#marques>* span{ display: block; font-size:11px; line-height: normal; }
#marques>* span:not(:empty):before{ content:"« "; }
#marques>* span:not(:empty):after{ content:" »"; }




#listecat{ display: flex; margin:auto; justify-content: center; flex-wrap: wrap; }
#listecat>*{ margin:10px; padding:10px 20px; line-height: 1; border:1px solid #191919;    }
#listecat>*:hover{background: #191919; color: #ffffff;  }
#listecat>*.on{background: #008296; border-color:#008296; color: #ffffff;  }

@media (max-width:800px){
	#listecat>*{ margin:3px;  padding:8px 10px;  }
	
}



/*=============================================================*/
/*===== CUSTOM FORM ===========================================*/
/*=============================================================*/
.wpcf7-form{ font-size: 0; margin:30px auto 0 auto; max-width:900px; }
.wpcf7-form .split{ display: flex;}
.wpcf7-form .split>*{ flex: 1; }
.wpcf7-form .split>*:not(:last-child){margin-right: 10px;}
.wpcf7-form p{ }
.wpcf7-form label{ font-size:14px; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 300; display: block; text-align: center; margin-bottom:15px; }

@media (min-width:801px){
	.wpcf7-form label.demi{ display:inline-block; width: 50%;}
	.wpcf7-form label.demi.l{ padding-right: 10px;}
	.wpcf7-form label.demi.r{ padding-left: 10px;}
}


.wpcf7-form-control-wrap{ position: relative;}
/* INPUT */
.wpcf7-form input[type=text],.wpcf7-form input[type=tel],.wpcf7-form input[type=email],.wpcf7-form textarea{ display: block; width: 100%; font-size: 14px; background:#f0f0f0; border:1px solid #cccccc; border-radius: 0; padding:15px 20px; font-family:"Inter UI","sans-serif"; }
.wpcf7-form textarea{ height:200px;}
/* SELECT */
.wpcf7-form-control-wrap select{ font-size: 14px;background: #f0f0f0;width: 100%; height: auto; border:1px solid #cccccc; margin: 0;padding:15px;border-radius: 0;overflow: hidden;text-overflow: ellipsis; -moz-appearance: none; -webkit-appearance: none;}
.wpcf7-form-control-wrap.deroulant:after{ content: ""; width: 0;height: 0;border-style: solid;border-width: 8px 5px 0 5px;border-color:#221e20 transparent transparent transparent; right:15px; pointer-events: none; top:50%; transform: translateY(-50%); position: absolute; }
/* CAPTCHA */
.wpcf7-form .kc_captcha{  font-size: 13px; text-transform: none; display: block; margin:0 0 20px 0;}
.wpcf7-form .kc_captcha>*:first-child{ text-align: center;display: block; background: #f0f0f0; border:1px solid #cccccc;  }
.wpcf7-form .captcha-image{padding:10px !important; background: none !important; text-align: left !important; border: none !important;}
.wpcf7-form .cf7ic_instructions{ display: inline-block !important; vertical-align: middle; margin-right: 15px;}
.wpcf7-form .captcha-image label{ vertical-align: middle; width:40px !important; height: 40px !important; margin-bottom: 0;}
.wpcf7-form .captcha-image svg{ width: 40px; height: 40px;}
.wpcf7-form .captcha-image svg>*{ fill:#8f8d8d; }
.wpcf7-form .captcha-image label > input{ position: absolute;}
.wpcf7-form .captcha-image label > input:checked + svg, .captcha-image label > input:focus + svg{ border-color:transparent !important; }
.wpcf7-form .captcha-image label > input:checked + svg>*, .captcha-image label > input:focus + svg>*{ fill:#000000; }
.wpcf7-form .captcha-image .cf7ic_instructions span{ color: #000000 !important; }
/* ERROR */
span.wpcf7-not-valid-tip{ display: block; text-align: left;font-size: 13px; color:#c70c42; margin-top: 1px; border-left:1px solid #c70c42; padding-left:4px;    }
div.wpcf7-response-output{ color:#c70c42; border: none !important; margin: 0 !important;text-align: center; font-size: 1.1em;}
span.wpcf7-list-item{ margin: 0 !important;}
/* ACCEPTANCE */
.wpcf7-acceptance{ display: block; margin:0 0 20px 0;  padding:20px; border:2px solid #f0f0f0;}
.wpcf7-acceptance input[type="checkbox"]:not(:checked),.wpcf7-acceptance input[type="checkbox"]:checked{position: absolute; opacity: 0; pointer-events: none;}
.wpcf7-acceptance label{font-size: 13px; text-transform: none; line-height: 1.2; text-align: left;cursor:pointer; }
.wpcf7-acceptance label>span{ font-size: 12px; position: relative; display: block; margin-left: 30px; width: calc(100% - 40px);}
.wpcf7-acceptance label>span:before{ border:1px solid #9da0a2;   position: absolute; content:"-"; display:block; left:-30px;  background:#ffffff; color: #ffffff; text-align: center; line-height:20px; font-size: 16px; width:20px;  }
.wpcf7-acceptance [type="checkbox"]:checked + span:before{content:"\2714"; color: #0d1618;  }
/* SUBMIT */
.wpcf7-form input[type=submit]{ display: block;  margin: auto; font-size: 14px; text-transform: uppercase; letter-spacing:0.05em;  font-weight: 300; cursor: pointer;background: #008296; color: #ffffff; border: none; border-radius: 0; padding:15px 30px; font-family:"Inter UI","sans-serif"; }

.wpcf7-form input[type=submit]:not(:disabled):hover{background:#000000;}
.wpcf7-form input[type=submit]:disabled{ opacity: 0.5;background:#323232;}
.wpcf7 .ajax-loader{ margin:5px auto; }

/*=============================================================*/
/*===== GUTENBERG =============================================*/
/*=============================================================*/


/* COULEURS */
.has-blue-background-color{ background-color:#0B8396 !important;  }
.has-black-background-color{ background-color:#191919 !important;  }
.has-dark-gray-background-color{ background-color:#969696 !important;  }
.has-light-gray-background-color{ background-color:#f5f5f5 !important;  }
.has-white-background-color{ background-color:#ffffff !important;  }

.has-blue-color{ color:#0B8396 !important;  }
.has-black-color{ color:#191919 !important;  }
.has-dark-gray-color{ color:#969696 !important;  }
.has-light-gray-color{ color:#f5f5f5 !important;  }
.has-white-color{ color:#ffffff !important;  }




.alignfull{ width: 100% !important; max-width:none !important; }
.alignwide{  max-width:1540px !important; margin-left:auto; margin-right:auto; }
.alignnormal{ margin-left:auto; margin-right:auto; max-width:1120px; }


img{ display:block; max-width:100%; height:auto;}
.wp-block-image{ margin: 0; }





.wp-block-cover{}
@media (max-width:800px){
	.wp-block-cover{ min-height:300px !important; background-attachment: scroll !important;}
}



.wp-block-spacer{}
@media (max-width:800px){
	.wp-block-spacer{ height:20px !important;}
}



.wp-block-group__inner-container{ padding-left:30px; padding-right:30px; }



.wp-block-columns.smallspace>*{ margin:5px !important; }

.wp-block-button__link{ text-transform: uppercase; font-size:12px; font-weight:300; letter-spacing:0.05em; border-radius: 0;  }
.wp-block-button.is-style-outline .wp-block-button__link{ border-width: 1px !important;}
.wp-block-button.is-style-outline .wp-block-button__link:hover{ background:#008296 !important; border-color:#008296 !important; color: #ffffff !important;  }
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover{ background:#008296 !important; color: #ffffff !important;  }


.wp-block-separator{ margin:40px auto; background: #cccccc; color: #cccccc; }
.wp-block-separator.is-style-default{ width:150px; border:none; height:3px;  }
.wp-block-separator.is-style-wide{ width:100%; border:none; height:3px; }

/*=============================================================*/
/*===== FOOTER ================================================*/
/*=============================================================*/
footer{ padding:70px 20px 100px 20px; font-weight: 300;  }

footer>*{ max-width: 1400px; margin-left: auto; margin-right: auto; display: flex; }

footer>*:first-child{ align-items:center;}

footer>*:first-child>*:first-child{ width: 260px; margin-left:-38px;  }
footer>*:first-child>*:last-child{ flex:1; margin-left:10px; height: 3px; background:#008296; transform: translateY(-5px);   }
footer a:hover{ text-decoration-color:inherit; }


#footerwidget{  font-size:12px; margin-top:-30px; }
#footerwidget>*{ /*min-width: 200px;*/ flex: 1; padding:5px 50px;   }
#footerwidget>*:first-child{ padding-left: 0; flex: none; width: 350px; margin-top: 37px; }
#footerwidget>*:last-child{ padding-right: 0; }
#footerwidget>*:not(:first-child){ border-left:1px solid #cccccc;  }
#footerwidget>* .t{ text-transform: uppercase; font-size:17px; }
#footerwidget>* ul{ margin: 10px 0 0 0; list-style: square; padding:0 0 0 14px;   }
#footerwidget>* li{line-height:1.1; margin-bottom:5px; }
#footerwidget>* p:first-child{ margin-top: 0; }
#footerwidget .current-cat-parent>a{ color: #0B8396;  text-decoration-color: #0B8396; font-weight: 600; }
#footerwidget .current-cat>a{ color: #0B8396;  text-decoration-color: #0B8396; font-weight: 600; }
#footerwidget .children{ display: none; }

@media (max-width:1100px){
	#footerwidget>*:first-child{ width:100%;border-bottom:1px solid #cccccc; }
	#footerwidget>*:nth-child(2){ border: none; }
	#footerwidget>*{ padding: 15px !important;  }
	#footerwidget{ flex-wrap: wrap; }
}
@media (max-width:800px){
	footer{ padding:20px; }
	footer>*:first-child>*:first-child{ margin-left:0;  }
	#footerwidget{ flex-direction: column;}
	#footerwidget>*{  border-left:none !important; border-bottom:1px solid #cccccc !important; flex:1; }
	#footerwidget>* ul{list-style:none; margin: 0; padding:0;   }
	#footerwidget>* li{ display: inline-block; }
}

/*
@media (max-width:550px){
	#footerwidget{ flex-direction: column;}
	#footerwidget>*{ flex: 1 !important; width: auto !important;}
	
}
*/



#subfooter{ display: flex; background: #eeeeee;  font-size: 12px;}
#subfooter>*{ flex: 1; padding:5px; }
#subfooter>*:last-child{ text-align: right;}
#subfooter strong{ font-weight:600; }
#subfooter ul{ list-style: none; display: flex;margin: 0; padding: 0;}
#subfooter ul>li{ padding:0 10px; }
#subfooter ul>li:not(:first-child){ border-left:1px solid #cccccc; }

@media (max-width:800px){
	#subfooter{ padding:0 35px 80px 35px; background: #ffffff; flex-direction: column; color: #cccccc; }
	#subfooter>*{ text-align: left !important; padding: 0;}
	#subfooter ul{ flex-direction: column;}
	#subfooter ul>li{ padding:0; margin-bottom: 5px; border: none !important; }
	
}


/*=============================================================*/
/*===== SCROLLBAR =============================================*/
/*=============================================================*/
html{-webkit-scrollbar-width: thin; scrollbar-width: thin; scrollbar-color:#171920 #ffffff;}
html::-webkit-scrollbar{ width:6px; height:6px; background-color:#ffffff; }
html::-webkit-scrollbar-thumb { background:#171920; border-radius: 2px; }