html {
	font-size: 100%;
}
body {
	line-height: inherit;
}
h1 {
	line-height: inherit;
}
header .Logo {
	 width: 100px;
	 max-height: 80px;
}
.title_charleroi {
	color: white;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold !important;
    margin-bottom: 20px;

}
 @media screen and (max-width: 1024px) {
	 header .Logo {
		 width: 100px;
	}
}
 @media screen and (max-width: 768px) {
	 header .Logo {
		 width: 50px;
	}
}
 @media screen and (max-width: 368px) {
	 header .Logo {
		 width: 40px;
	}
}
 header .Logo .backToHome {
	 position: relative !important;
	 width: 100%;
	 display: flex;
	 height: 100%;
	 justify-content: center;
	 align-items: center;
}
 header .Logo .backToHome .icon {
	 width: calc(100% - 10px);
	 height: calc(100% - 10px);
	 fill: #171717;
}
 header .Logo .backToHome .TitleLogo {
	 font-size: 1.7rem !important;
	 position: absolute !important;
	 top: 250px !important;
	 transform: rotate(-90deg) !important;
	 font-weight: normal !important;
}
 @media screen and (max-height: 650px) {
	 header .Logo .backToHome .TitleLogo {
		 font-size: 1.4rem !important;
		 top: 220px !important;
	}
}
 @media screen and (max-width: 1024px) {
	 header .Logo .backToHome .TitleLogo {
		 font-size: 1.4rem !important;
		 top: 220px !important;
	}
}
 @media screen and (max-width: 768px) {
	 header .Logo .backToHome .TitleLogo {
		 font-size: 1.2rem !important;
		 top: 210px !important;
	}
}
 @media screen and (max-width: 368px) {
	 header .Logo .backToHome .TitleLogo {
		 top: 170px !important;
		 font-size: 1.1rem !important;
	}
}
 header .Logo .backToHome .TitleLogo h1 {
 	 font-family: "Heebo", Helvetica, sans-serif !important; 
	 font-size: inherit !important;
	 text-transform: inherit;
	 margin: 0 !important;
	 font-weight: bold !important;
	 letter-spacing: -0.03em !important;
}
 header .Logo .backToHome .TitleLogo p {
	 font-size: 0.5em !important;
	 margin: 5px 0 0 0 !important;
	 opacity: 0.5 !important;
	 letter-spacing: -0.06em !important;
}
 header .Logo:hover {
	 background-color: #171717;
	 transition: 0.4s;
}
 header .Logo:hover .icon {
	 fill: #fff;
}
 .mobile-button {
	 display: none;
	 position: fixed;
	 bottom: 20px;
	 color: inherit;
	 padding: 0.8em;
	 border-radius: 20px;
	 background-color: #fff;
	 box-shadow: -2px 4px 12px 0 rgba(0, 0, 0, .4);
	 font-size: 16px;
	 line-height: 20px;
}
 @media screen and (max-width: 1024px) {
	 .mobile-button {
		 z-index: 3;
		 display: block;
		 opacity: 1;
		 visibility: visible;
		 animation-duration: 0.4s;
		 animation-name: scrollup;
	}
	 .mobile-button.mobile-support {
		 right: 50px;
	}
	 .mobile-button.mobile-presse {
		 left: 90px;
	}
}
 @media screen and (max-width: 768px) {
	 .mobile-button.mobile-support {
		 right: 25px;
	}
	 .mobile-button.mobile-presse {
		 left: 60px;
	}
}
 @media screen and (max-width: 368px) {
	 .mobile-button.mobile-support {
		 right: 10px;
	}
	 .mobile-button.mobile-presse {
		 left: 50px;
	}
}
 @keyframes opacity {
	 from {
		 opacity: 0;
		 visibility: visible;
	}
	 to {
		 opacity: 1;
		 visibility: hidden;
	}
}
 @keyframes scrolldown {
	 from {
		 opacity: 1;
		 visibility: visible;
		 bottom: 25px;
	}
	 to {
		 opacity: 0;
		 visibility: hidden;
		 bottom: -10px;
	}
}
 @keyframes scrollup {
	 from {
		 opacity: 0;
		 visibility: hidden;
		 bottom: -10px;
	}
	 to {
		 opacity: 1;
		 visibility: visible;
		 bottom: 25px;
	}
}
 @media screen and (max-width: 1024px) {
	 .MobileScrollTop {
		 opacity: 0;
		 visibility: hidden;
		 animation-duration: 0.4s;
		 animation-name: scrolldown;
	}
}
 .lang {
	 color: #fff;
	 width: 100px;
	 height: 100%;
	 z-index: 1;
	 background-color: #171717;
}
 @media screen and (max-width: 1024px) {
	 .lang {
		 width: 80px;
	}
}
 @media screen and (max-width: 768px) {
	 .lang {
		 width: 50px;
	}
}
 @media screen and (max-width: 368px) {
	 .lang {
		 width: 40px;
	}
}
 .lang:hover {
	 background-color: #000;
}
 .lang .currentLanguage {
	 text-transform: uppercase;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 width: 100%;
	 height: 100%;
	 color: #fff;
}
 @media screen and (max-width: 768px) {
	 .lang .currentLanguage {
		 font-size: 12px;
	}
}
 @media screen and (max-width: 368px) {
	 .lang .currentLanguage {
		 font-size: 10px;
	}
}
 .MultiLang {
	 position: absolute;
	 left: -1000px;
	 display: none;
	 border-radius: 4px;
	 background-color: rgba(0, 0, 0, .6);
	 backdrop-filter: saturate(180%) blur(20px);
	 -webkit-backdrop-filter: saturate(180%) blur(20px);
	 box-shadow: 5px 9px 25px 0 rgba(0, 0, 0, .3);
}
 .MultiLang.activePannelLanguage {
	 z-index: 4;
	 display: block;
	 position: fixed;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
}
 .MultiLang ul {
	 box-sizing: border-box;
	 border-radius: 5px;
	 overflow: hidden;
	 display: flex;
	 margin: 0;
	 padding: 0;
}
 @media screen and (max-width: 768px) {
	 .MultiLang ul {
		 flex-direction: column;
	}
}
 .MultiLang ul li {
	 text-align: center;
	 display: inline-block;
	 width: 100px;
	 height: 100px;
}
 @media screen and (max-width: 768px) {
	 .MultiLang ul li {
		 width: 80px;
		 height: 80px;
	}
}
 .MultiLang ul li .Language {
	 text-align: center;
	 font-weight: bold;
	 display: inline-block;
	 width: 100%;
	 height: 100%;
	 text-transform: uppercase;
	 line-height: 100px;
	 background-color: rgba(0, 0, 0, 0);
	 color: #fff;
	 font-size: 20px;
}
 .MultiLang ul li .Language.CloseLanguage {
	 display: flex;
	 align-items: center;
	 justify-content: center;
}
 @media screen and (max-width: 768px) {
	 .MultiLang ul li .Language {
		 font-size: 18px;
	}
}
 .MultiLang ul li .Language .icon {
	 width: 1.6em;
	 height: 1.6em;
	 margin: -6px -1px 0 0;
	 fill: #fff;
}
 .MultiLang ul li .Language:hover {
	 background-color: #e7e7e7;
	 color: #696969;
}
 .MultiLang ul li .Language:hover .icon {
	 fill: #191919;
}
 .MultiLang ul li .Language.activeLanguage {
	 background-color: #fff;
	 color: #191919;
}
 .navContainer {
	 display: flex;
	 height: 100%;
	 z-index: 1;
	 position: relative;
	 font-size: 14px;
	 line-height: 18px;
	 flex: 1.81;
	 box-shadow: -2px 4px 12px 0 rgba(0, 0, 0, .4);
}
 @media screen and (max-width: 1024px) {
	 .navContainer {
		 position: initial;
	}
}
 .navContainer .ListNav {
	 z-index: 1;
	 display: flex;
	 width: 100%;
	 margin: 0;
	 padding: 0;
	 height: 100%;
	 list-style-type: none;
}
 .navContainer .ListNav li {
	 flex: 1;
}
 .navContainer .ListNav li:nth-child(1) {
	 cursor: pointer;
}
 @media screen and (max-width: 1024px) {
	 .navContainer .ListNav li:nth-child(5) {
		 display: none;
	}
}
 @media screen and (max-width: 1024px) {
	 .navContainer .ListNav li:nth-child(6) {
		 display: none;
	}
}
 .navContainer .ListNav li a {
	 position: relative;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 width: 100%;
	 height: 100%;
	 background-color: rgba(255, 255, 255, .9);
	 -webkit-backdrop-filter: saturate(180%) blur(20px);
	 backdrop-filter: saturate(180%) blur(20px);
	 color: inherit;
	 text-decoration: none;
	 line-height: 0.9em;
}
 .navContainer .ListNav li a .contain_link .icon {
	 transform: translateY(-5px);
	 width: 1.2em;
	 height: 1.2em;
	 fill: #171717;
	 stroke-width: 0;
	 margin: -5px 0 0 0;
}
 .navContainer .ListNav li a .contain_link span {
	 display: block;
}
 .navContainer .ListNav li a:hover {
	 background-color: #f3f3f3;
}
 .navContainer .ListNav li:nth-child(1) {
	 max-width: 80px;
	 position: relative;
}
 @media screen and (max-width: 768px) {
	 .navContainer .ListNav li:nth-child(1) {
		 max-width: 50px;
	}
}
 @media screen and (max-width: 368px) {
	 .navContainer .ListNav li:nth-child(1) {
		 max-width: 40px;
	}
}
 .navContainer .ListNav li .burger {
	 z-index: 10;
	 background-color: #e7e7e7;
	 position: absolute;
	 top: 0;
	 left: 0;
}
 .navContainer .ListNav li .burger .b-menu {
	 height: 17px;
	 width: 25px;
}
 @media screen and (max-width: 768px) {
	 .navContainer .ListNav li .burger .b-menu {
		 width: 20px;
	}
}
 .navContainer .ListNav li .burger .b-menu .b-bun {
	 position: relative;
	 background: #000;
	 transition: 0.1s;
	 height: 3px;
	 width: 100%;
}
 .navContainer .ListNav li .burger .b-menu .b-bun--top {
	 top: 0;
}
 .navContainer .ListNav li .burger .b-menu .b-bun--mid {
	 top: 6px;
}
 .navContainer .ListNav li .burger .b-menu .b-bun--bottom {
	 top: 12px;
}
 .navContainer .ListNav li .burger.open {
	 transition: 0.3s;
	 background-color: #191919;
}
 .navContainer .ListNav li .burger.open .b-bun {
	 background: #fff;
}
 .navContainer .ListNav li .burger.open .b-bun--top {
	 top: 9px;
	 transform: rotate(45deg);
}
 .navContainer .ListNav li .burger.open .b-bun--mid {
	 opacity: 0;
}
 .navContainer .ListNav li .burger.open .b-bun--bottom {
	 top: 5px;
	 transform: translatey(-1px) rotate(-45deg);
}
 .navContainer .mobile-menu {
	 position: absolute;
	 left: 0;
	 top: 0;
	 height: 0;
	 width: 0;
	 overflow: hidden;
	 box-sizing: border-box;
	 transition: 0.3s;
	 font-size: 1.2em;
}
 @media screen and (max-width: 1024px) {
	 .navContainer .mobile-menu {
		 left: 80px;
	}
}
 @media screen and (max-width: 768px) {
	 .navContainer .mobile-menu {
		 left: 50px;
	}
}
 @media screen and (max-width: 368px) {
	 .navContainer .mobile-menu {
		 left: 40px;
	}
}
 @media screen and (max-width: 360px) {
	 .navContainer .mobile-menu {
		 font-size: 1.1em;
	}
}
 .navContainer .mobile-menu.show {
	 padding: 140px 1em 1em 70px;
	 height: 100vh;
	 width: 100%;
	 transition: 0.15s;
}
 @media screen and (max-height: 650px) {
	 .navContainer .mobile-menu.show {
		 padding: 130px 1em 1em 60px;
	}
}
 @media screen and (max-width: 1280px) {
	 .navContainer .mobile-menu.show {
		 padding: 130px 1em 1em 60px;
	}
}
 @media screen and (max-width: 1024px) {
	 .navContainer .mobile-menu.show {
		 padding: 120px 1em 1em 50px;
		 width: calc(100% - 80px);
	}
}
 @media screen and (max-width: 768px) {
	 .navContainer .mobile-menu.show {
		 padding: 100px 1em 1em 40px;
		 width: calc(100% - 50px);
	}
}
 @media screen and (max-width: 368px) {
	 .navContainer .mobile-menu.show {
		 padding: 70px 1em 1em 25px;
		 width: calc(100% - 40px);
	}
}
 .navContainer .mobile-menu .circle {
	 z-index: -1;
	 border-radius: 50%;
	 width: 0px;
	 height: 0px;
	 position: absolute;
	 top: -40px;
	 left: -50px;
	 background: #171717;
	 opacity: 1;
	 transition: all 0.3s cubic-bezier(0, 0.995, 0.99, 1);
}
 .navContainer .mobile-menu .circle.expand {
	 opacity: 1;
	 width: 300%;
	 height: 300%;
	 top: -560px;
	 left: -565px;
	 transition: all 0.4s cubic-bezier(0, 0.995, 0.99, 1);
}
 @media screen and (max-width: 768px) {
	 .navContainer .mobile-menu .circle.expand {
		 width: 320%;
		 height: 320%;
	}
}
 .navContainer .mobile-menu ul {
	 margin: 0;
	 padding: 0;
	 flex-direction: column;
}
 .navContainer .mobile-menu ul li {
	 list-style: none;
	 margin-bottom: 12px;
	 transform: translateX(-150px);
	 opacity: 0;
	 transition: 0.3s;
	 position: relative;
	 padding: 0 0 0 0.8em;
	 color:#fff;

}
 @media screen and (max-height: 650px) {
	 .navContainer .mobile-menu ul li {
		 margin-bottom: 2vh;
	}
}
 @media screen and (max-width: 1280px) {
	 .navContainer .mobile-menu ul li {
		 margin-bottom: 2vh;
	}
}
 @media screen and (max-width: 1024px) {
	 .navContainer .mobile-menu ul li {
		 margin-bottom: 15px;
	}
}
 @media screen and (max-width: 368px) {
	 .navContainer .mobile-menu ul li {
		 margin-bottom: 10px;
	}
}
 .navContainer .mobile-menu ul li:before {
	 opacity: 0;
	 position: absolute;
	 top: 0;
	 left: 0;
	 content: "";
	 width: 3px;
	 height: 100%;
	 background-color: #fff;
}
 .navContainer .mobile-menu ul li:hover:before {
	 opacity: 1;
}
 @keyframes scale-display {
	 0% {
		 opacity: 0;
		 transform: translateX(-10px);
	}
	 100% {
		 opacity: 1;
		 transform: translateX(10px);
	}
}
 .navContainer .mobile-menu ul li ul {
	 display: inline-block;
	 margin: 0;
	 padding: 0;
}
 @media screen and (max-width: 1280px) {
	 .navContainer .mobile-menu ul li ul {
		 display: block;
		 margin: 5px 0 0 0;
	}
}
 .navContainer .mobile-menu ul li ul li {
	 display: inline;
	 transition: 0.2s;
}
 @media screen and (max-width: 1280px) {
	 .navContainer .mobile-menu ul li ul li {
		 padding: 0 0.8em 0 0;
	}
}
 .navContainer .mobile-menu ul li ul li:before {
	 content: none;
	 opacity: 0;
}
 .navContainer .mobile-menu ul li ul li.animate {
	 opacity: 0.5;
}
 .navContainer .mobile-menu ul li ul li:hover {
	 opacity: 1 !important;
	 transition: 0.2s;
}
 .navContainer .mobile-menu ul li.animate {
	 transform: translateX(0);
	 opacity: 1;
	 transition: 0.4s;
}
 .navContainer .mobile-menu ul li a, .navContainer .mobile-menu ul li span {
	 color: #fff;
}
 .navContainer .mobile-menu ul li span {
	 cursor: pointer;
}
 .navigation_social {
	 z-index: 3;
	 position: fixed;
	 bottom: 0;
	 left: 0;
	 font-size: 0.7rem;
	 width: 100px;
}
 @media screen and (max-width: 1024px) {
	 .navigation_social {
		 width: 80px;
	}
}
 @media screen and (max-width: 768px) {
	 .navigation_social {
		 width: 50px;
	}
}
 @media screen and (max-width: 368px) {
	 .navigation_social {
		 width: 40px;
	}
}
 .navigation_social .contain_item {
	 position: relative;
	 box-sizing: border-box;
	 width: 100%;
	 padding: 1em;
	 display: flex;
}
 @media screen and (max-width: 1024px) {
	 .navigation_social .contain_item {
		 padding: 0;
	}
}
 .navigation_social .contain_item.schedule-nav {
	 display: block;
	 position: relative;
	 left: auto;
}
 .navigation_social .contain_item a {
	 display: flex;
	 justify-content: center;
	 align-items: center;
}
.navigation_social .contain_item p{
	margin: 0;
} 
 @media screen and (max-width: 1024px) {
	 .navigation_social .contain_item a {
		 height: 40px;
	}
}
 @media screen and (max-width: 368px) {
	 .navigation_social .contain_item a {
		 height: 30px;
	}
}
 @media screen and (max-width: 1024px) {
	 .navigation_social .contain_item a p {
		 display: none;
	}
}
 .navigation_social .contain_item a .icon {
	 width: 1.3em;
	 height: 1.3em;
	 margin: 0 5px 5px 0;
}
 @media screen and (max-width: 1024px) {
	 .navigation_social .contain_item a .icon {
		 margin: 0;
	}
}
 .navigation_social .contain_item a:nth-child(1):hover {
	 fill: #4267b2;
}
 .navigation_social .contain_item a:nth-child(2):hover {
	 fill: #e1306c;
}
 .navigation_social .contain_item a:nth-child(3):hover {
	 fill: #2867b2;
}
 .navigation_social .contain_item #HourNav {
	 font-weight: bold;
}
 .navigation_social .contain_item #HourNav.open {
	 color: #37b742;
}
 .navigation_social .contain_item #HourNav.soon {
	 color: #e9af22;
}
 .navigation_social .contain_item #HourNav.close2 {
	 color: #ef7b5e;
}
 .navigation_social .contain_item .PopUpschedule {
	 position: absolute;
	 top: 50%;
	 transform: translateY(-50%);
	 left: 110px;
	 transition: 0.3s;
	 color: #fff;
	 display: none;
	 font-size: 1.2em;
	 box-sizing: border-box;
	 padding: 1em;
	 background-color: #fff;
	 box-shadow: 0px 15px 64px -10px rgba(0, 0, 0, .5);
	 border-radius: 2px;
	 color: #171717;
}
 .navigation_social .contain_item .PopUpschedule h4 {
	 font-size: 16px;
}
 .navigation_social .contain_item .PopUpschedule .itemPopUpschedule {
	 float: none;
	 display: block;
	 font-weight: bold;
}
 .navigation_social .contain_item .PopUpschedule .itemPopUpschedule span {
	 color: #ef7b5e;
}
 .navigation_social .contain_item .PopUpschedule .itemPopUpschedule:nth-child(2) {
	 margin: 10px 0 0 0;
}
 .navigation_social .contain_item .PopUpschedule .itemPopUpschedule:nth-child(3) {
	 margin: 5px 0 0 0;
}
 .navigation_social .contain_item .PopUpschedule .scheduleLigne {
	 display: flex;
	 align-items: center;
	 color: #37b742;
}
 .navigation_social .contain_item .PopUpschedule .scheduleLigne p {
	 display: inline;
}
 .navigation_social .contain_item .PopUpschedule .scheduleLigne .ligne {
	 display: inline-block;
	 width: 100px;
	 height: 10px;
	 margin: 0 5px 0 5px;
	 background-color: #37b742;
}
 .navigation_social .contain_item.schedule-nav {
	 cursor: pointer;
	 flex-direction: column;
	 padding: 0;
}
 .navigation_social .contain_item.schedule-nav .schedule-button {
	 padding: 1em;
}
 @media screen and (max-width: 1024px) {
	 .navigation_social .contain_item.schedule-nav .schedule-button {
		 display: none;
	}
}
 .navigation_social .contain_item.schedule-nav .schedule-button:hover {
	 background-color: #e7e7e7;
}
 .navigation_social .contain_item.schedule-nav .schedule-button.W-schedule {
	 background-color: #ef7b5e;
}
 .navigation_social .contain_item.schedule-nav .schedule-button.W-schedule:hover {
	 background-color: #e9461d;
}
 .navigation_social .contain_item.schedule-nav .schedule-button:hover ~ .PopUpschedule {
	 display: block !important;
	 opacity: 1;
	 visibility: visible;
	 animation-duration: 0.6s;
	 animation-name: opacity;
}
 @media screen and (max-width: 1024px) {
	 .navigation_social .contain_item.mail-follow {
		 justify-content: center;
		 align-items: center;
	}
}
 .navigation_social .contain_item.mail-follow:hover {
	 transition: 0.3s;
	 background-color: #e7e7e7;
}
 .navigation_social .contain_item.social-follow {
	 justify-content: space-between;
}
 @media screen and (max-width: 1024px) {
	 .navigation_social .contain_item.social-follow {
		 flex-direction: column;
		 height: auto;
	}
}

/* Chapter nav */
.second-nav {
	 display: flex;
	 width: 100%;
	 position: -webkit-sticky;
	 position: sticky;
	 top: 80px;
	 z-index: 1;
}
 @media screen and (max-width: 1024px) {
	 .second-nav {
		 flex-direction: column;
	}
}
 @media screen and (max-width: 368px) {
	 .second-nav {
		 top: 50px;
	}
}
 .second-nav.nav-publication h3 {
	 font-size: 16px;
	 line-height: 20px;
	 margin: 0 20px 0 0;
	 line-height: normal;
}
 @media screen and (max-width: 768px) {
	 .second-nav.nav-publication h3 {
		 font-size: 15px;
		 line-height: 18px;
	}
}
 @media screen and (max-width: 368px) {
	 .second-nav.nav-publication h3 {
		 font-size: 14px;
		 line-height: 16px;
	}
}
 .second-nav.nav-publication h3 p {
	 margin: 0;
	 line-height: normal;
}
 @media screen and (max-width: 1024px) {
	 .second-nav.nav-publication {
		 position: static;
	}
}
 .second-nav div {
	 width: 100%;
	 height: 80px;
	 white-space: nowrap;
	 -webkit-backdrop-filter: saturate(180%) blur(20px);
	 backdrop-filter: saturate(180%) blur(20px);
	 background-color: rgba(255, 255, 255, .8);
}
 @media screen and (max-width: 1024px) {
	 .second-nav div {
		 order: 2;
		 overflow: hidden;
		 margin: 0 0 20px 0;
		 top: 60px;
	}
}
 .second-nav .Suppl-link {
	 z-index: 1;
	 position: absolute;
	 top: 50%;
	 transform: translateY(-50%);
	 right: 0;
	 display: flex;
	 align-items: center;
}
 @media screen and (max-width: 1024px) {
	 .second-nav .Suppl-link {
		 order: 1;
		 margin-top: 20px;
		 width: 100%;
		 transform: none;
		 position: static;
		 top: auto;
		 right: auto;
	}
	 .second-nav .Suppl-link.MobileScrollTop {
		 display: none;
		 position: absolute;
		 left: -1000px;
	}
}
 .second-nav .Suppl-link a {
	 padding: 0.4em;
	 border-radius: 3px;
	 border: 1px solid #191919;
	 position: relative;
}
 @media screen and (max-width: 1024px) {
	 .second-nav .Suppl-link a {
		 flex: 1;
		 text-align: center;
	}
}
 .second-nav .Suppl-link a:nth-child(2) {
	 margin: 0 0 0 20px;
}
 .second-nav .Suppl-link a:hover {
	 background-color: #191919;
	 color: #fff;
}
 .second-nav ul {
	 display: flex;
	 align-items: center;
	 list-style-type: none;
	 height: inherit;
	 width: 100%;
	 padding: 0;
}
 @media screen and (max-width: 1024px) {
	 .second-nav ul {
		 overflow: auto;
		 margin-top: 10px;
		 padding-bottom: 20px;
	}
}
 .second-nav ul li {
	 margin: 0 20px 0 0;
	 opacity: 0.5;
	 transition: 0.4s;
	 position: relative;
	 padding: 0.7rem 0;
}
 .second-nav ul li.addIcon {
	 display: flex;
	 align-items: center;
}
 .second-nav ul li .icon {
	 width: 1.2em;
	 height: 1.2em;
	 fill: #191919;
	 margin: -5px 5px 0 0;
}
 .second-nav ul li::after {
	 content: '';
	 z-index: -1;
	 width: 100%;
	 bottom: 0.25rem;
	 left: 0;
	 position: absolute;
	 height: 3px;
	 background: currentcolor;
	 transform: scale3d(0, 1, 1);
	 transform-origin: 0 50%;
	 transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
 .second-nav ul li:hover, .second-nav ul li.active {
	 opacity: 1;
	 transition: 0.4s;
}
 .second-nav ul li:hover::after, .second-nav ul li.active::after {
	 transform: scale3d(1, 1, 1);
}
 /**/