@font-face {
	font-family: "CupraRegular";
	src: url("../fonts/Cupra-Regular.eot");
	src: url("../fonts/Cupra-Regular.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "CupraBook";
	src: url("../fonts/Cupra-Book.eot");
	src: url("../fonts/Cupra-Book.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "CupraLight";
	src: url("../fonts/Cupra-Light.eot");
	src: url("../fonts/Cupra-Light.woff") format("woff");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "CupraMedium";
	src: url("../fonts/Cupra-Medium.eot");
	src: url("../fonts/Cupra-Medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

:root {
	--color-primary: #87421c;
	--color-secondary: #bc6433;
	--color-gradient-start: #9d4b26;
	--color-gradient-stop: #9d4b26;
	--color-c3-gray: #8d8d8d;
	--color-c3-blanc: #FFFFFF;
}


body {
	font-family: 'CupraRegular', sans-serif;
	font-size: 16px;
	line-height: 1.8em;
	color: #4f4f4f;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6 .h6 {
	font-family: 'CupraRegular', 'sans-serif';
	font-weight: 400;
	color: var(--color-c3-blanc);
}

i {
	font-family: 'CupraLight', sans-serif;
}

#content {
	background-color: #1b1b1b;
	color: var(--color-c3-gray);
}

/**** MENU ****/
.mainbar-wrap.is-stuck .social-icon a:hover, .mainbar-wrap.is-stuck .main-nav > li > a:hover {
    color: var(--color-secondary) !important;
}

/**** BTN ****/
.btn-black {
    background: #000;
    color: #fff;
}
.btn-black:hover {
    background-color: #000;
    color: #fff;
}
.btn-white {
    background: #fff;
    color: #000 !important;
}
.btn-white:hover {
    background: #fff;
    color: #000 !important;
}

/**** TAB ****/
.tabs-nav li.active a, .tabs-nav li a:hover, .tabs-nav li a:focus {
    color: var(--color-secondary);
}
.tabs-nav-active-underlined .tabs-nav li::after {
	background-color: var(--color-secondary);
}

a:hover {
    color: var(--color-secondary);
}





















/**** FIN ****/
