@font-face {
	font-family: 'Rocher Mistral';
	src        : url("../webfonts/RocherMistral.woff") format('woff');
	font-weight: normal;
	font-style : normal;
}
@font-face {
	font-family: 'crimson_textsemibold';
	src        : url("../webfonts/crimsontext-semibold-webfont.woff2") format('woff2'), url("crimsontext-semibold-webfont.woff") format('woff');
	font-weight: normal;
	font-style : normal;
}
@font-face {
	font-family: 'crimson_textsemibold_italic';
	src        : url("../webfonts/crimsontext-semibolditalic-webfont.woff2") format('woff2'), url("crimsontext-semibolditalic-webfont.woff") format('woff');
	font-weight: normal;
	font-style : normal;
}
@font-face {
	font-family: 'crimson_textroman';
	src        : url("../webfonts/crimsontext-roman-webfont.woff2") format('woff2'), url("crimsontext-roman-webfont.woff") format('woff');
	font-weight: normal;
	font-style : normal;
}
@font-face {
	font-family: 'crimson_textitalic';
	src        : url("../webfonts/crimsontext-italic-webfont.woff2") format('woff2'), url("crimsontext-italic-webfont.woff") format('woff');
	font-weight: normal;
	font-style : normal;
}
/**
* CMS-ALPHA CSS 3.02
* By Ambition-web.com - All rights reserved.
*/
/*  Config  */
:root {
	/* Theme colors */
	--color-1                   : #AE1808;
	--color-1-alt               : #C51B09;
	--color-2                   : #223C7B;
	--color-2-alt               : #2B4A94;
	--color-3                   : #1996D9;
	--color-3-alt               : #0F83C1;
	--color-4                   : #FDEB24;
	--color-4-alt               : #EBD700;
	/* Generic colors */
	--light                     : #F4F4F4;
	--dark                      : #000000;
	--link-color                : var(--color-1);
	--link-color-alt            : var(--color-1-alt);
	--text-muted                : #6c757d;
	--border-default-color      : #dee2e6;
	/* Form-colors */
	--form-color-checked        : var(--color-1);
	--form-bg-color             : white;
	--form-focus-color          : var(--color-1);
	--form-focus-shadow-color   : #ae18092e;
	/* Pagination */
	--page-link-color           : black;
	--page-link-hover-color     : black;
	--page-link-active-color    : #fff;
	--page-link-bg              : var(--light);
	--page-link-hover-bg        : #dfdede;
	--page-link-active-bg       : var(--color-1);
	/* Index */
	--modules-index-bg          : var(--color-1);
	--modules-detail-bg         : var(--color-1);
	--breadcrumb-color          : inherit;
	--breadcrumb-hover-color    : var(--color-1);
	/* Radius */
	--form-radius               : 17px;
	--btn-radius                : 46px;
	--card-radius               : 27px;
	--badges-radius             : 5px;
	--pannels-radius            : var(--card-radius);
	/* BTN */
	--btn-padding-x             : 1.2rem;
	--btn-padding-y             : 0.2rem;
	--btn-lg-padding-x          : 1rem;
	--btn-lg-padding-y          : 0.5rem;
	--btn-sm-padding-x          : 0.5rem;
	--btn-sm-padding-y          : 0.25rem;
	/* Shadow */
	--shadow-1                  : 0 2px 10px rgba(0, 0, 0, 0.12), 0 2px 5px rgba(0, 0, 0, 0.16);
	--shadow-2                  : 0 6px 20px rgba(0, 0, 0, 0.19), 0 8px 17px rgba(0, 0, 0, 0.2);
	--drop-shadow-1             : drop-shadow(0 2px 10px rgb(0 0 0 / 0.24)) drop-shadow(0 2px 5px rgb(0 0 0 / 0.32));
	--drop-shadow-2             : drop-shadow(0 6px 20px rgb(0 0 0 / 0.24)) drop-shadow(0 8px 17px rgb(0 0 0 / 0.32));
	--text-shadow-1             : 0 1px 8px rgba(0, 0, 0, 0.24), 0 1px 5px rgba(0, 0, 0, 0.32);
	--text-shadow-2             : 0 2px 25px rgba(0, 0, 0, 0.32), 0 2px 10px rgba(0, 0, 0, 0.45);
	/* Fonts */
	--title-font                : 'Rocher Mistral', sans-serif;
	--text-font                 : 'crimson_textroman', serif;
	--text-font-italic          : 'crimson_textitalic', serif;
	/* Filters */
	--page-header-filter-bg     : linear-gradient(180deg, rgba(0, 0, 0, 0.57) 0%, rgba(0, 0, 0, 0) 100%);
	--hero-filter-bg            : linear-gradient(90deg, rgba(0,0,0,0.6) 20%, rgba(0,0,0,0) 84%);
	--filter-bg                 : linear-gradient(90deg, rgba(0,0,0,0.6) 20%, rgba(0,0,0,0) 84%);
	/* Pannels  */
	--pannels-bg                : #fff;
	--pannels-padding           : 1.5rem;
	--pannels-gap               : 1.5rem;
	/* Icons (Font Awesome)*/
	--icon-basket               : "\f291";
	--icon-basket-add           : "\f291";
	--icon-account              : "\f007";
	--icon-favorites            : "\f004";
	--icon-phone                : "\f095";
	--icon-share                : "\f1e0";
	--icon-wish-list            : "\f06b";
	--icon-collapse             : "\f105";
	--icon-arrow                : "\f061";
	--icon-checked              : "\f00c";
	--icon-home                 : "\f015";
	--icon-breadcrumb-separation: "\f105";
	/* Custom scrollbar */
	--scrollbar-width           : 8px;
	--scrollbar-bg              : transparent;
	--scrollbar-radius          : var(--form-radius);
	--scrollbar-thumb-bg        : var(--color-1);
	--scrollbar-thumb-radius    : calc(var(--scrollbar-width) / 2);
	--form-button-bg            : var(--color-1);
	--form-button-color         : #fff;
	--form-border-color         : var(--color-1);
	/* Cadre Notyf */
	--notyf-border-color        : none;
	--notyf-color               : #fff;
	--notyf-bg-color            : rgba(0,0,0,.9);
	--notyf-icon-bg             : #fff;
	--notyf-shadow              : var(--lueur);
}
/* Reboot */
@media screen {
	a,
	a:active,
	a:hover,
	a:link,
	a:visited {
		text-decoration: none;
		
	}
	a:not(btn) {
		color:var(--color-1);
	}
	ul {
		padding   : 0;
		margin    : 0;
		list-style: none;
	}
	.border,
	.border-bottom,
	.border-end,
	.border-start,
	.border-top {
		border-color: var(--border-default-color) !important;
	}
	body {
		overflow-x : hidden;
		font-family: var(--text-font);
	}
}
/* Helpers */
@media screen {
	.img-fit {
		object-fit: cover;
		width     : 100%;
		height    : 100%;
	}
	.anchor {
		position: absolute;
		top     : calc((var(--topbar-height) + 2rem) * -1);
	}
	.flex-center {
		display        : flex;
		justify-content: center;
		align-items    : center;
	}
	.text-justify {
		text-align: justify !important;
	}
}
/* Negative margins */
@media screen {
	@media(min-width:0px) {
		.m-n1 {
			margin: -0.25rem !important;
		}
		.mt-n1,
		.my-n1 {
			margin-top: -0.25rem !important;
		}
		.me-n1,
		.mx-n1 {
			margin-right: -0.25rem !important;
		}
		.mb-n1,
		.my-n1 {
			margin-bottom: -0.25rem !important;
		}
		.ms-n1,
		.mx-n1 {
			margin-left: -0.25rem !important;
		}
		.m-n2 {
			margin: -0.5rem !important;
		}
		.mt-n2,
		.my-n2 {
			margin-top: -0.5rem !important;
		}
		.me-n2,
		.mx-n2 {
			margin-right: -0.5rem !important;
		}
		.mb-n2,
		.my-n2 {
			margin-bottom: -0.5rem !important;
		}
		.ms-n2,
		.mx-n2 {
			margin-left: -0.5rem !important;
		}
		.m-n3 {
			margin: -1rem !important;
		}
		.mt-n3,
		.my-n3 {
			margin-top: -1rem !important;
		}
		.me-n3,
		.mx-n3 {
			margin-right: -1rem !important;
		}
		.mb-n3,
		.my-n3 {
			margin-bottom: -1rem !important;
		}
		.ms-n3,
		.mx-n3 {
			margin-left: -1rem !important;
		}
		.m-n4 {
			margin: -1.5rem !important;
		}
		.mt-n4,
		.my-n4 {
			margin-top: -1.5rem !important;
		}
		.me-n4,
		.mx-n4 {
			margin-right: -1.5rem !important;
		}
		.mb-n4,
		.my-n4 {
			margin-bottom: -1.5rem !important;
		}
		.ms-n4,
		.mx-n4 {
			margin-left: -1.5rem !important;
		}
		.m-n5 {
			margin: -3rem !important;
		}
		.mt-n5,
		.my-n5 {
			margin-top: -3rem !important;
		}
		.me-n5,
		.mx-n5 {
			margin-right: -3rem !important;
		}
		.mb-n5,
		.my-n5 {
			margin-bottom: -3rem !important;
		}
		.ms-n5,
		.mx-n5 {
			margin-left: -3rem !important;
		}
	}
	@media (min-width: 576px) {
		.m-sm-n1 {
			margin: -0.25rem !important;
		}
		.mt-sm-n1,
		.my-sm-n1 {
			margin-top: -0.25rem !important;
		}
		.me-sm-n1,
		.mx-sm-n1 {
			margin-right: -0.25rem !important;
		}
		.mb-sm-n1,
		.my-sm-n1 {
			margin-bottom: -0.25rem !important;
		}
		.ms-sm-n1,
		.mx-sm-n1 {
			margin-left: -0.25rem !important;
		}
		.m-sm-n2 {
			margin: -0.5rem !important;
		}
		.mt-sm-n2,
		.my-sm-n2 {
			margin-top: -0.5rem !important;
		}
		.me-sm-n2,
		.mx-sm-n2 {
			margin-right: -0.5rem !important;
		}
		.mb-sm-n2,
		.my-sm-n2 {
			margin-bottom: -0.5rem !important;
		}
		.ms-sm-n2,
		.mx-sm-n2 {
			margin-left: -0.5rem !important;
		}
		.m-sm-n3 {
			margin: -1rem !important;
		}
		.mt-sm-n3,
		.my-sm-n3 {
			margin-top: -1rem !important;
		}
		.me-sm-n3,
		.mx-sm-n3 {
			margin-right: -1rem !important;
		}
		.mb-sm-n3,
		.my-sm-n3 {
			margin-bottom: -1rem !important;
		}
		.ms-sm-n3,
		.mx-sm-n3 {
			margin-left: -1rem !important;
		}
		.m-sm-n4 {
			margin: -1.5rem !important;
		}
		.mt-sm-n4,
		.my-sm-n4 {
			margin-top: -1.5rem !important;
		}
		.me-sm-n4,
		.mx-sm-n4 {
			margin-right: -1.5rem !important;
		}
		.mb-sm-n4,
		.my-sm-n4 {
			margin-bottom: -1.5rem !important;
		}
		.ms-sm-n4,
		.mx-sm-n4 {
			margin-left: -1.5rem !important;
		}
		.m-sm-n5 {
			margin: -3rem !important;
		}
		.mt-sm-n5,
		.my-sm-n5 {
			margin-top: -3rem !important;
		}
		.me-sm-n5,
		.mx-sm-n5 {
			margin-right: -3rem !important;
		}
		.mb-sm-n5,
		.my-sm-n5 {
			margin-bottom: -3rem !important;
		}
		.ms-sm-n5,
		.mx-sm-n5 {
			margin-left: -3rem !important;
		}
	}
	@media (min-width: 768px) {
		.m-md-n1 {
			margin: -0.25rem !important;
		}
		.mt-md-n1,
		.my-md-n1 {
			margin-top: -0.25rem !important;
		}
		.me-md-n1,
		.mx-md-n1 {
			margin-right: -0.25rem !important;
		}
		.mb-md-n1,
		.my-md-n1 {
			margin-bottom: -0.25rem !important;
		}
		.ms-md-n1,
		.mx-md-n1 {
			margin-left: -0.25rem !important;
		}
		.m-md-n2 {
			margin: -0.5rem !important;
		}
		.mt-md-n2,
		.my-md-n2 {
			margin-top: -0.5rem !important;
		}
		.me-md-n2,
		.mx-md-n2 {
			margin-right: -0.5rem !important;
		}
		.mb-md-n2,
		.my-md-n2 {
			margin-bottom: -0.5rem !important;
		}
		.ms-md-n2,
		.mx-md-n2 {
			margin-left: -0.5rem !important;
		}
		.m-md-n3 {
			margin: -1rem !important;
		}
		.mt-md-n3,
		.my-md-n3 {
			margin-top: -1rem !important;
		}
		.me-md-n3,
		.mx-md-n3 {
			margin-right: -1rem !important;
		}
		.mb-md-n3,
		.my-md-n3 {
			margin-bottom: -1rem !important;
		}
		.ms-md-n3,
		.mx-md-n3 {
			margin-left: -1rem !important;
		}
		.m-md-n4 {
			margin: -1.5rem !important;
		}
		.mt-md-n4,
		.my-md-n4 {
			margin-top: -1.5rem !important;
		}
		.me-md-n4,
		.mx-md-n4 {
			margin-right: -1.5rem !important;
		}
		.mb-md-n4,
		.my-md-n4 {
			margin-bottom: -1.5rem !important;
		}
		.ms-md-n4,
		.mx-md-n4 {
			margin-left: -1.5rem !important;
		}
		.m-md-n5 {
			margin: -3rem !important;
		}
		.mt-md-n5,
		.my-md-n5 {
			margin-top: -3rem !important;
		}
		.me-md-n5,
		.mx-md-n5 {
			margin-right: -3rem !important;
		}
		.mb-md-n5,
		.my-md-n5 {
			margin-bottom: -3rem !important;
		}
		.ms-md-n5,
		.mx-md-n5 {
			margin-left: -3rem !important;
		}
	}
	@media (min-width: 992px) {
		.m-lg-n1 {
			margin: -0.25rem !important;
		}
		.mt-lg-n1,
		.my-lg-n1 {
			margin-top: -0.25rem !important;
		}
		.me-lg-n1,
		.mx-lg-n1 {
			margin-right: -0.25rem !important;
		}
		.mb-lg-n1,
		.my-lg-n1 {
			margin-bottom: -0.25rem !important;
		}
		.ms-lg-n1,
		.mx-lg-n1 {
			margin-left: -0.25rem !important;
		}
		.m-lg-n2 {
			margin: -0.5rem !important;
		}
		.mt-lg-n2,
		.my-lg-n2 {
			margin-top: -0.5rem !important;
		}
		.me-lg-n2,
		.mx-lg-n2 {
			margin-right: -0.5rem !important;
		}
		.mb-lg-n2,
		.my-lg-n2 {
			margin-bottom: -0.5rem !important;
		}
		.ms-lg-n2,
		.mx-lg-n2 {
			margin-left: -0.5rem !important;
		}
		.m-lg-n3 {
			margin: -1rem !important;
		}
		.mt-lg-n3,
		.my-lg-n3 {
			margin-top: -1rem !important;
		}
		.me-lg-n3,
		.mx-lg-n3 {
			margin-right: -1rem !important;
		}
		.mb-lg-n3,
		.my-lg-n3 {
			margin-bottom: -1rem !important;
		}
		.ms-lg-n3,
		.mx-lg-n3 {
			margin-left: -1rem !important;
		}
		.m-lg-n4 {
			margin: -1.5rem !important;
		}
		.mt-lg-n4,
		.my-lg-n4 {
			margin-top: -1.5rem !important;
		}
		.me-lg-n4,
		.mx-lg-n4 {
			margin-right: -1.5rem !important;
		}
		.mb-lg-n4,
		.my-lg-n4 {
			margin-bottom: -1.5rem !important;
		}
		.ms-lg-n4,
		.mx-lg-n4 {
			margin-left: -1.5rem !important;
		}
		.m-lg-n5 {
			margin: -3rem !important;
		}
		.mt-lg-n5,
		.my-lg-n5 {
			margin-top: -3rem !important;
		}
		.me-lg-n5,
		.mx-lg-n5 {
			margin-right: -3rem !important;
		}
		.mb-lg-n5,
		.my-lg-n5 {
			margin-bottom: -3rem !important;
		}
		.ms-lg-n5,
		.mx-lg-n5 {
			margin-left: -3rem !important;
		}
	}
	@media (min-width: 1200px) {
		.m-xl-n1 {
			margin: -0.25rem !important;
		}
		.mt-xl-n1,
		.my-xl-n1 {
			margin-top: -0.25rem !important;
		}
		.me-xl-n1,
		.mx-xl-n1 {
			margin-right: -0.25rem !important;
		}
		.mb-xl-n1,
		.my-xl-n1 {
			margin-bottom: -0.25rem !important;
		}
		.ms-xl-n1,
		.mx-xl-n1 {
			margin-left: -0.25rem !important;
		}
		.m-xl-n2 {
			margin: -0.5rem !important;
		}
		.mt-xl-n2,
		.my-xl-n2 {
			margin-top: -0.5rem !important;
		}
		.me-xl-n2,
		.mx-xl-n2 {
			margin-right: -0.5rem !important;
		}
		.mb-xl-n2,
		.my-xl-n2 {
			margin-bottom: -0.5rem !important;
		}
		.ms-xl-n2,
		.mx-xl-n2 {
			margin-left: -0.5rem !important;
		}
		.m-xl-n3 {
			margin: -1rem !important;
		}
		.mt-xl-n3,
		.my-xl-n3 {
			margin-top: -1rem !important;
		}
		.me-xl-n3,
		.mx-xl-n3 {
			margin-right: -1rem !important;
		}
		.mb-xl-n3,
		.my-xl-n3 {
			margin-bottom: -1rem !important;
		}
		.ms-xl-n3,
		.mx-xl-n3 {
			margin-left: -1rem !important;
		}
		.m-xl-n4 {
			margin: -1.5rem !important;
		}
		.mt-xl-n4,
		.my-xl-n4 {
			margin-top: -1.5rem !important;
		}
		.me-xl-n4,
		.mx-xl-n4 {
			margin-right: -1.5rem !important;
		}
		.mb-xl-n4,
		.my-xl-n4 {
			margin-bottom: -1.5rem !important;
		}
		.ms-xl-n4,
		.mx-xl-n4 {
			margin-left: -1.5rem !important;
		}
		.m-xl-n5 {
			margin: -3rem !important;
		}
		.mt-xl-n5,
		.my-xl-n5 {
			margin-top: -3rem !important;
		}
		.me-xl-n5,
		.mx-xl-n5 {
			margin-right: -3rem !important;
		}
		.mb-xl-n5,
		.my-xl-n5 {
			margin-bottom: -3rem !important;
		}
		.ms-xl-n5,
		.mx-xl-n5 {
			margin-left: -3rem !important;
		}
	}
	@media (min-width: 1400px) {
		.m-xxl-n1 {
			margin: -0.25rem !important;
		}
		.mt-xxl-n1,
		.my-xxl-n1 {
			margin-top: -0.25rem !important;
		}
		.me-xxl-n1,
		.mx-xxl-n1 {
			margin-right: -0.25rem !important;
		}
		.mb-xxl-n1,
		.my-xxl-n1 {
			margin-bottom: -0.25rem !important;
		}
		.ms-xxl-n1,
		.mx-xxl-n1 {
			margin-left: -0.25rem !important;
		}
		.m-xxl-n2 {
			margin: -0.5rem !important;
		}
		.mt-xxl-n2,
		.my-xxl-n2 {
			margin-top: -0.5rem !important;
		}
		.me-xxl-n2,
		.mx-xxl-n2 {
			margin-right: -0.5rem !important;
		}
		.mb-xxl-n2,
		.my-xxl-n2 {
			margin-bottom: -0.5rem !important;
		}
		.ms-xxl-n2,
		.mx-xxl-n2 {
			margin-left: -0.5rem !important;
		}
		.m-xxl-n3 {
			margin: -1rem !important;
		}
		.mt-xxl-n3,
		.my-xxl-n3 {
			margin-top: -1rem !important;
		}
		.me-xxl-n3,
		.mx-xxl-n3 {
			margin-right: -1rem !important;
		}
		.mb-xxl-n3,
		.my-xxl-n3 {
			margin-bottom: -1rem !important;
		}
		.ms-xxl-n3,
		.mx-xxl-n3 {
			margin-left: -1rem !important;
		}
		.m-xxl-n4 {
			margin: -1.5rem !important;
		}
		.mt-xxl-n4,
		.my-xxl-n4 {
			margin-top: -1.5rem !important;
		}
		.me-xxl-n4,
		.mx-xxl-n4 {
			margin-right: -1.5rem !important;
		}
		.mb-xxl-n4,
		.my-xxl-n4 {
			margin-bottom: -1.5rem !important;
		}
		.ms-xxl-n4,
		.mx-xxl-n4 {
			margin-left: -1.5rem !important;
		}
		.m-xxl-n5 {
			margin: -3rem !important;
		}
		.mt-xxl-n5,
		.my-xxl-n5 {
			margin-top: -3rem !important;
		}
		.me-xxl-n5,
		.mx-xxl-n5 {
			margin-right: -3rem !important;
		}
		.mb-xxl-n5,
		.my-xxl-n5 {
			margin-bottom: -3rem !important;
		}
		.ms-xxl-n5,
		.mx-xxl-n5 {
			margin-left: -3rem !important;
		}
	}
}
/* Icons */
@media screen {
	.icon-basket:before {
		content: var(--icon-basket);
	}
	.icon-basket-add:before {
		content: var(--icon-basket-add);
	}
	.icon-account:before {
		content: var(--icon-account);
	}
	.icon-favorites:before {
		content: var(--icon-favorites);
	}
	.icon-phone:before {
		content: var(--icon-phone);
	}
	.icon-share:before {
		content: var(--icon-share);
	}
	.icon-wish-list:before {
		content: var(--icon-wish-list);
	}
	.icon-arrow:before {
		content: var(--icon-arrow);
	}
	.icon-collapse:before {
		content: var(--icon-collapse);
	}
	.icon-checked:before {
		content: var(--icon-checked);
	}
	.icon-home:before {
		content: var(--icon-home);
	}
	.icon-breadcrumb-separation:before {
		content: var(--icon-breadcrumb-separation);
	}
	.share .dropdown-toggle:after {
		content: none;
	}
}
/* Colors */
@media screen {
	.bg-light {
		background-color: var(--light) !important;
	}
	.bg-dark {
		background-color: var(--dark) !important;
	}
	:root {
		--bullets-color: var(--dark);
	}
	/* color-1 */
	.color-1 {
		color: var(--color-1);
	}
	.color-1-alt {
		color: var(--color-1-alt);
	}
	.bg-1 {
		background-color: var(--color-1);
	}
	.bg-1-alt {
		background-color: var(--color-1-alt);
	}
	.bullets-1 {
		--bullets-color: var(--color-1);
	}
	.btn-1 {
		background-color: var(--color-1);
		color           : white;
		border          : 1px solid var(--color-1);
	}
	.btn-1:hover {
		background-color: white;
		color           : var(--color-1);
		border          : 1px solid var(--color-1);
	}
	.btn-1:focus,
	.btn-check:focus+.btn-1 {}
	/* color-2 */
	.color-2 {
		color: var(--color-2);
	}
	.color-2-alt {
		color: var(--color-2-alt);
	}
	.bg-2 {
		background-color: var(--color-2);
	}
	.bg-2-alt {
		background-color: var(--color-2-alt);
	}
	.bullets-2 {
		--bullets-color: var(--color-2);
	}
	.btn-2 {
		background-color: var(--color-3);
		color           : white;
	}
	.btn-2:hover {}
	.btn-2:focus,
	.btn-check:focus+.btn-2 {
		box-shadow: 0 0 0.1rem 0.1rem var(--color-2);
	}
	/* color-3 */
	.color-3 {
		color: var(--color-3);
	}
	.color-3-alt {
		color: var(--color-3-alt);
	}
	.bg-3 {
		background-color: var(--color-3);
	}
	.bg-3-alt {
		background-color: var(--color-3-alt);
	}
	.bullets-3 {
		--bullets-color: var(--color-3);
	}
	.btn-3 {
		background-color: var(--color-3);
		color           : white;
		border          : 1px solid var(--color-3);
	}
	.btn-3:hover {
		border          : 1px solid white;
		color           : white;
		background-color: var(--color-3-alt);
	}
	.btn-3:focus,
	.btn-check:focus+.btn-3 {
		box-shadow: 0 0 0.1rem 0.1rem var(--color-3);
	}
	/* color-4 */
	.color-4 {
		color: var(--color-4);
	}
	.color-4-alt {
		color: var(--color-4-alt);
	}
	.bg-4 {
		background-color: var(--color-4);
	}
	.bg-4-alt {
		background-color: var(--color-4-alt);
	}
	.bullets-4 {
		--bullets-color: var(--color-4);
	}
	.btn-4 {
		border          : 3px solid black;
		background-color: white;
		padding         : 0.35rem 1rem 0.2rem !important;
	}
	.btn-4:hover {
		border: 3px solid black;
	}
	.btn-4:focus,
	.btn-check:focus+.btn-4 {
		box-shadow: 0 0 0.1rem 0.1rem var(--color-4);
	}

		.btn-5:hover {
		background-color: var(--color-1);
		color           : white;
		border          : 1px solid var(--color-1);
	}
	.btn-5 {
		background-color: white;
		color           : var(--color-1);
		border          : 1px solid var(--color-1);
	}
}
/* Shadows */
@media screen {
	.text-shadow-1 {
		text-shadow: var(--text-shadow-1);
	}
	.text-shadow-2 {
		text-shadow: var(--text-shadow-2);
	}
	.shadow-1 {
		box-shadow: var(--shadow-1);
	}
	.shadow-2 {
		box-shadow: var(--shadow-2);
	}
	.drop-shadow-1 {
		filter:var(--drop-shadow-1);
	}
	.drop-shadow-2 {
		filter:var(--drop-shadow-2);
	}
}
/*  Radius  */
@media screen {
	.input-group > :not(:last-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
		border-top-left-radius   : var(--form-radius);
		border-bottom-left-radius: var(--form-radius);
	}
	.form-control,
	.form-select,
	.input-group-append > button,
	.input-group-text {
		border-radius: var(--form-radius);
		border       : 1px solid #C9C9C9;
	}
	.btn {
		border-radius : var(--btn-radius);
		text-transform: uppercase;
		font-family   : var(--title-font);
		font-size     : 20px;
		font-weight   : 400;
		letter-spacing: 0.075em;
	}
	.btn-nav {
		padding  : 4px 10px 0 !important;
		font-size: 14px;
	}
	.card {
		border-radius: var(--card-radius);
	}
	.card-img-top {
		border-top-left-radius : calc(var(--card-radius) - 1px);
		border-top-right-radius: calc(var(--card-radius) - 1px);
	}
	.card-footer:last-child {
		border-radius: 0 0 calc(var(--card-radius) - 1px) calc(var(--card-radius) - 1px);
	}
}
/* Forms */
@media screen {
	.form-control {
		background: var(--form-bg-color);
	}
	.form-check-input:checked {
		background-color: var(--form-color-checked);
		border-color    : var(--form-color-checked);
	}
	/* Focus */
	.form-check-input:focus,
	.form-control:focus,
	.form-select:focus {
		border-color: var(--form-focus-color);
		box-shadow  : 0 0 0 0.25rem var(--form-focus-shadow-color);
	}
	.custom-select.active .custom-select-options {
		border-color: var(--form-focus-color);
	}
	.custom-select .focus {
		display: none;
	}
	.custom-select.active .focus {
		display      : block;
		position     : absolute;
		width        : 100%;
		height       : 100%;
		top          : 0;
		box-shadow   : 0 0 0 0.25rem var(--form-focus-shadow-color);
		border-radius: var(--form-radius);
	}
	.custom-select.active {
		border-color: var(--form-focus-color);
	}
	.custom-select.active .custom-select-title {
		border-top-color  : var(--form-focus-color);
		border-left-color : var(--form-focus-color);
		border-right-color: var(--form-focus-color);
	}
	/* Custom-select */
	.custom-select {
		position: relative;
		width   : 100%;
	}
	.custom-select.active {
		z-index: 10;
	}
	.custom-select-title {
		position     : relative;
		display      : block;
		width        : 100%;
		font-size    : 1rem;
		font-weight  : 400;
		line-height  : 1.5;
		min-height   : 38px;
		border       : 1px solid #ced4da;
		padding      : 0.375rem 1.75rem 0.375rem 0.75rem;
		border-radius: var(--form-radius);
		background   : var(--form-bg-color);
	}
	.custom-select.active .custom-select-title {
		z-index: 3;
	}
	.custom-select-title:after {
		content               : var(--icon-collapse);
		-webkit-font-smoothing: antialiased;
		display               : inline-block;
		font-style            : normal;
		font-variant          : normal;
		text-rendering        : auto;
		line-height           : 1;
		font-weight           : 300;
		font-size             : 23px;
		font-family           : "Font Awesome 5 Pro";
		position              : absolute;
		right                 : 17px;
		top                   : 7px;
		transform             : rotate(90deg);
	}
	.custom-select.active .custom-select-title {
		border-radius: var(--form-radius) var(--form-radius) 0 0;
	}
	.custom-select-options {
		border       : 1px solid #ced4da;
		border-top   : none;
		display      : none;
		border-radius: 0 0 var(--form-radius) var(--form-radius);
		position     : absolute;
		width        : 100%;
		overflow-y   : auto;
		background   : var(--form-bg-color);
	}
	.custom-select-options::-webkit-scrollbar {
		width : var(--scrollbar-width);
		height: var(--scrollbar-width);
	}
	.custom-select-options::-webkit-scrollbar-track {
		border-radius: var(--form-radius);
		background   : var(--scrollbar-bg);
	}
	.custom-select-options::-webkit-scrollbar-thumb {
		border-radius: var(--scrollbar-thumb-radius);
		background   : var(--scrollbar-thumb-bg);
		border       : 2px solid var(--scrollbar-bg);
	}
	.custom-select-options label:last-child {
		border-radius: 0 0 var(--form-radius) var(--form-radius);
	}
	.custom-select-options input {
		display: none;
	}
	.custom-select-options label {
		padding : 0.3rem 0.75rem;
		display : block;
		z-index : 2;
		position: relative;
	}
	.custom-select-options input[type='checkbox'] + label {
		width          : 100%;
		display        : flex;
		justify-content: space-between;
	}
	.custom-select-options input[type='checkbox']:checked + label:after {
		content               : var(--icon-checked);
		-webkit-font-smoothing: antialiased;
		display               : inline-block;
		font-style            : normal;
		font-variant          : normal;
		text-rendering        : auto;
		line-height           : 1;
		font-weight           : 300;
		font-size             : 18px;
		font-family           : "Font Awesome 5 Pro";
	}
	.custom-select-options input:checked + label,
	.custom-select-options label:hover {
		background: var(--form-color-checked);
		color     : #fff;
	}
}
/*  Layout  */
@media screen {
	:root {
		--main-width           : var(--vw);
		--container-out-margin : 0;
		--container-width      : 100%;
		--split-container-width: calc(var(--container-width) / 2 - var(--bs-gutter-x,.75rem));
		--container-out-margin : calc((var(--main-width) - var(--container-width)) / 2 + var(--bs-gutter-x,.75rem));
		--container-padding-x  : 0;
	}
	@media(min-width:576px) {
		:root {
			--container-width: 540px;
		}
	}
	@media(min-width:768px) {
		:root {
			--container-width: 720px;
		}
	}
	@media(min-width:992px) {
		:root {
			--container-width: 960px;
		}
	}
	@media(min-width:1200px) {
		:root {
			--container-width: 1140px;
		}
	}
	@media(min-width:1400px) {
		:root {
			--container-width: 1320px;
		}
	}
}
/* Hero section */
@media screen {
	.hero {
		/* Config */
		--hero-min-h               : 300px;
		--hero-max-h               : 500px;
		--hero-max-w               : 64%;
		--hero-padding             : 1.5rem;
		--hero-ratio-stacked-w     : 1;
		--hero-ratio-stacked-h     : 1;
		--hero-img-position-stacked: 85%;
		--hero-text-color          : var(--dark);
		--hero-filter-text-color   : var(--light);
		position                   : relative;
	}
	.hero .content {
		position       : absolute;
		width          : 100%;
		height         : 100%;
		top            : 0;
		left           : 0;
		z-index        : 2;
		display        : flex;
		flex-direction : column;
		justify-content: center;
	}
	.hero .content-inner {
		width        : 100%;
		max-width    : var(--container-width);
		margin       : 0 auto;
		padding-right: calc(100% - var(--hero-max-w));
	}
	.hero.centered .content {
		text-align     : left;
		padding        : var(--hero-padding);
		max-width      : 100%;
		align-items    : center;
		justify-content: center;
	}
	.hero .hero-img img {
		object-fit: cover;
		width     : 100%;
		height    : calc(var(--vw) * var(--hero-ratio-h) / var(--hero-ratio-w));
		min-height: var(--hero-min-h);
		max-height: var(--hero-max-h);
	}
	.hero-filter {
		color: var(--hero-filter-text-color);
	}
	.hero-filter:before {
		content   : "";
		width     : 100%;
		height    : 100%;
		position  : absolute;
		top       : 0;
		left      : 0;
		background: var(--filter-bg);
		z-index   : 1;
	}
	@media(max-width:575px) {
		.hero.hero-sm .content-inner,
		.hero.hero-stacked-sm .content-inner {
			padding: 0.75rem;
		}
		.hero.hero-sm .hero-img img {
			height         : calc(var(--hero-ratio-stacked-w) * var(--vw) / var(--hero-ratio-stacked-h));
			object-position: var(--hero-img-position-stacked);
		}
		.hero.hero-stacked-sm .content {
			position  : relative;
			min-height: unset;
		}
		.hero.hero-stacked-sm .hero-img img {
			height         : calc(var(--hero-ratio-stacked-w) * var(--vw) / var(--hero-ratio-stacked-h));
			min-height     : unset;
			object-position: var(--hero-img-position-stacked);
			position       : relative;
		}
		.hero-stacked-sm.hero-filter:before {
			content: none;
		}
		.hero-stacked-sm.hero-filter {
			color: var(--hero-text-color);
		}
	}
	@media(max-width:767px) {
		.hero.hero-md .content-inner,
		.hero.hero-stacked-md .content-inner {
			padding: 0.75rem;
		}
		.hero.hero-md .hero-img img {
			height         : calc(var(--hero-ratio-stacked-w) * var(--vw) / var(--hero-ratio-stacked-h));
			object-position: var(--hero-img-position-stacked);
		}
		.hero.hero-stacked-md .content {
			position  : relative;
			min-height: unset;
		}
		.hero.hero-stacked-md .hero-img img {
			height         : calc(var(--hero-ratio-stacked-w) * var(--vw) / var(--hero-ratio-stacked-h));
			min-height     : unset;
			object-position: var(--hero-img-position-stacked);
			position       : relative;
		}
		.hero-stacked-md.hero-filter:before {
			content: none;
		}
		.hero-stacked-md.hero-filter {
			color: var(--hero-text-color);
		}
	}
	@media(max-width:991px) {
		.hero.hero-lg .content-inner,
		.hero.hero-stacked-lg .content-inner {
			padding: 0.75rem;
		}
		.hero.hero-lg .hero-img img {
			height         : calc(var(--hero-ratio-stacked-w) * var(--vw) / var(--hero-ratio-stacked-h));
			object-position: var(--hero-img-position-stacked);
		}
		.hero.hero-stacked-lg .content {
			position  : relative;
			min-height: unset;
		}
		.hero.hero-stacked-lg .hero-img img {
			height         : calc(var(--hero-ratio-stacked-w) * var(--vw) / var(--hero-ratio-stacked-h));
			min-height     : unset;
			object-position: var(--hero-img-position-stacked);
			position       : relative;
		}
		.hero-stacked-lg.hero-filter:before {
			content: none;
		}
		.hero-stacked-lg.hero-filter {
			color: var(--hero-text-color);
		}
	}
	@media(max-width:1199px) {
		.hero.hero-stacked-lg .content-inner,
		.hero.hero-xl .content-inner {
			padding: 0.75rem;
		}
		.hero.hero-xl .hero-img img {
			height         : calc(var(--hero-ratio-stacked-w) * var(--vw) / var(--hero-ratio-stacked-h));
			object-position: var(--hero-img-position-stacked);
		}
		.hero.hero-stacked-xl .content {
			position  : relative;
			min-height: unset;
		}
		.hero.hero-stacked-xl .hero-img img {
			height         : calc(var(--hero-ratio-stacked-w) * var(--vw) / var(--hero-ratio-stacked-h));
			min-height     : unset;
			object-position: var(--hero-img-position-stacked);
			position       : relative;
		}
		.hero-stacked-xl.hero-filter:before {
			content: none;
		}
		.hero-stacked-xl.hero-filter {
			color: var(--hero-text-color);
		}
	}
	@media(max-width:1399px) {
		.hero.hero-stacked-lg .content-inner,
		.hero.hero-xxl .content-inner {
			padding: 0.75rem;
		}
		.hero.hero-xxl .hero-img img {
			height         : calc(var(--hero-ratio-stacked-w) * var(--vw) / var(--hero-ratio-stacked-h));
			object-position: var(--hero-img-position-stacked);
		}
		.hero.hero-stacked-xxl .content {
			position  : relative;
			min-height: unset;
		}
		.hero.hero-stacked-xxl .hero-img img {
			height         : calc(var(--hero-ratio-stacked-w) * var(--vw) / var(--hero-ratio-stacked-h));
			min-height     : unset;
			object-position: var(--hero-img-position-stacked);
			position       : relative;
		}
		.hero-stacked-xxl.hero-filter:before {
			content: none;
		}
		.hero-stacked-xxl.hero-filter {
			color: var(--hero-text-color);
		}
	}
}
/* Advertisings-hero */
@media screen {
	.advertisings-img img {
		width: 100%;
	}
}
/* Page-header section */
@media screen {
	:root {
		--page-header-bg        : var(--color-1);
		--page-header-color     : var(--light);
		--page-header-min-height: 366px;
		--page-header-padding   : 1.5rem;
	}
	.page-header {
		min-height : var(--page-header-min-height);
		display    : flex;
		align-items: center;
		position   : relative;
		color      : var(--page-header-color);
		background : var(--page-header-bg);
	}
	.page-header {
		min-height : var(--page-header-min-height);
		display    : flex;
		align-items: center;
	}
	.page-header .content {
		height         : 100%;
		display        : flex;
		justify-content: center;
		flex-direction : column;
		max-width      : 630px;
		padding        : var(--page-header-padding) 0;
	}
	.page-header > picture + .container {
		z-index: 2;
	}
	.page-header img {
		width          : 100%;
		height         : 100%;
		min-height     : var(--page-header-min-height);
		object-fit     : cover;
		object-position: center;
	}
	.page-header picture {
		position: absolute;
		top     : 0;
		left    : 0;
		height  : 100%;
		width   : 100%;
	}
	.page-header > picture:before {
		content   : "";
		position  : absolute;
		width     : 100%;
		height    : 100%;
		background: linear-gradient(87deg, rgba(0, 0, 0, 0.57) 0%, rgba(0, 0, 0, 0) 100%);
	}
	/* Page-header stack breackpoint */
	@media(max-width:767px) {
		.page-header {
			flex-wrap: wrap;
		}
		.page-header .content {
			width    : 100%;
			max-width: 400px;
		}
		/* .page-header picture {
			position: relative;
		}
		.page-header > picture:before {
			content: none;
		} */
	}
	@media(max-width:575px) {
		.page-header .content {
			width    : 100%;
			max-width: 100%;
		}
	}
}
/* Bloc categories section */
@media screen {
	.bloc-categories-horizontal {
		--categories-color       : black;
		--categories-bg          : var(--light);
		--categories-bg-hover    : #e9e9e9;
		--categories-color-hover : black;
		--categories-bg-active   : var(--color-1);
		--categories-color-active: white;
	}
	.bloc-categories-horizontal > ul > li > a {
		display       : block;
		padding       : 10px 12px;
		border-radius : var(--btn-radius);
		background    : var(--categories-bg);
		color         : var(--categories-color);
		transition    : all ease 0.2s;
		text-transform: uppercase;
		font-family   : var(--title-font);
		font-size     : 20px;
		line-height   : 19px;
		letter-spacing: 0.075em;
	}
	.bloc-categories-horizontal > ul > li > a:hover {
		background: var(--categories-bg-hover);
		color     : var(--categories-color-hover);
	}
	.bloc-categories-horizontal > ul > li.active > a {
		background: var(--categories-bg-active);
		color     : var(--categories-color-active);
		cursor    : default;
	}
	.bloc-categories-horizontal > ul {
		display        : flex;
		justify-content: center;
		flex-wrap      : wrap;
		padding        : 2rem 0;
		gap            : 20px;
	}
}
/* Split-container section */
@media screen {
	.alternate .split:nth-child(even) {
		flex-direction: row-reverse;
	}
	.split {
		display: flex;
	}
	.split-container {
		width        : 50%;
		max-width    : var(--split-container-width);
		padding-left : (var(--bs-gutter-x,.75rem) / 2);
		padding-right: (var(--bs-gutter-x,.75rem) / 2);
		flex-grow    : 0;
		flex-shrink  : 0;
	}
	.alternate .split:nth-child(even) .split-container,
	.alternate-reverse .split:nth-child(odd) .split-container,
	.split.split-reverse .split-container {
		margin-left: auto;
	}
	.alternate-reverse .split:nth-child(odd) .split-container-fluid {
		order: 2;
	}
	.split-container-fluid {
		width      : 50%;
		flex-grow  : 0;
		flex-shrink: 0;
	}
	.split-1-3 .split-container-fluid {
		width    : calc(var(--container-out-margin) + (var(--container-width) / 3) - (var(--bs-gutter-x,.75rem) * 2));
		max-width: unset;
	}
	.split-1-3 .split-container {
		width    : calc(var(--container-width) * 0.66666666666666);
		max-width: unset;
	}
	@media(max-width:575px) {
		.split.split-sm {
			flex-direction: column;
		}
		.split.split-sm .split-container,
		.split.split-sm .split-container-fluid {
			width    : 100%;
			max-width: 100%;
		}
		.split.split-sm .split-container.left {
			order: 2;
		}
		.alternate .split-sm:nth-child(even) {
			flex-direction: column;
		}
		.alternate-reverse .split-sm:nth-child(odd) {
			flex-direction: column;
		}
		.alternate-reverse .split-sm:nth-child(even) .split-container-fluid {
			order: unset;
		}
	}
	@media(max-width:767px) {
		.split.split-md {
			flex-direction: column !important;
		}
		.split.split-md .split-container,
		.split.split-md .split-container-fluid {
			width    : 100%;
			max-width: 100%;
		}
		.split.split-md .split-container.left {
			order: 2;
		}
		.alternate .split-md:nth-child(even) {
			flex-direction: column;
		}
		.alternate-reverse .split-md:nth-child(odd) {
			flex-direction: column;
		}
		.alternate-reverse .split-md:nth-child(even) .split-container-fluid {
			order: unset;
		}
	}
	@media(max-width:991px) {
		.split.split-lg {
			flex-direction: column;
		}
		.split.split-lg .split-container,
		.split.split-lg .split-container-fluid {
			width    : 100%;
			max-width: 100%;
		}
		.split.split-lg .split-container.left {
			order: 2;
		}
		.alternate .split-lg:nth-child(even) {
			flex-direction: column;
		}
		.alternate-reverse .split-lg:nth-child(odd) {
			flex-direction: column;
		}
		.alternate-reverse .split-lg:nth-child(even) .split-container-fluid {
			order: unset;
		}
	}
	@media(max-width:1199px) {
		.split.split-xl {
			flex-direction: column;
		}
		.split.split-xl .split-container,
		.split.split-xl .split-container-fluid {
			width    : 100%;
			max-width: 100%;
		}
		.split.split-xl .split-container.left {
			order: 2;
		}
		.alternate .split-xl:nth-child(even) {
			flex-direction: column;
		}
		.alternate-reverse .split-xl:nth-child(odd) {
			flex-direction: column;
		}
		.alternate-reverse .split-xl:nth-child(even) .split-container-fluid {
			order: unset;
		}
	}
	@media(max-width:1399px) {
		.split.split-xxl {
			flex-direction: column;
		}
		.split.split-xxl .split-container,
		.split.split-xxl .split-container-fluid {
			width    : 100%;
			max-width: 100%;
		}
		.split.split-xxl .split-container.left {
			order: 2;
		}
		.alternate .split-xxl:nth-child(even) {
			flex-direction: column;
		}
		.alternate-reverse .split-xxl:nth-child(odd) {
			flex-direction: column;
		}
		.alternate-reverse .split-xxl:nth-child(even) .split-container-fluid {
			order: unset;
		}
	}
}
/* Features section */
@media screen {
	.features-5 .feature {
		flex: 0 0 20%;
	}
	.feature {
		text-align    : center;
		display       : flex;
		flex-direction: column;
	}
	.feature .feature-img {
		display        : flex;
		justify-content: center;
		margin-bottom  : 1rem;
	}
	.feature .feature-img i {
		font-size: 35px;
	}
	/* Features breackpoint horizontal */
	.features-stacked .feature {
		text-align    : left;
		flex-direction: row;
	}
	.features-stacked .feature-img {
		padding-right: 1.5rem;
	}
	@media(max-width:575px) {
		.features-stacked-sm .feature {
			text-align    : left;
			flex-direction: row;
		}
		.features-stacked-sm .feature-img {
			padding-right: 1.5rem;
		}
		.features-5-wrap-sm .feature {
			flex: 0 0 33.3333333333333333333%;
		}
		.features-5-column-sm .feature {
			flex: 0 0 100%;
		}
	}
	@media(max-width:767px) {
		.features-stacked-md .feature {
			text-align    : left;
			flex-direction: row;
		}
		.features-stacked-md .feature-img {
			padding-right: 1.5rem;
		}
		.features-5-wrap-md .feature {
			flex: 0 0 33.3333333333333333333%;
		}
		.features-5-column-md .feature {
			flex: 0 0 100%;
		}
	}
	@media(max-width:991px) {
		.features-stacked-lg .feature {
			text-align    : left;
			flex-direction: row;
		}
		.features-stacked-lg .feature-img {
			padding-right: 1.5rem;
		}
		.features-5-wrap-lg .feature {
			flex: 0 0 33.3333333333333333333%;
		}
		.features-5-column-lg .feature {
			flex: 0 0 100%;
		}
	}
	@media(max-width:1199px) {
		.features-stacked-xl .feature {
			text-align    : left;
			flex-direction: row;
		}
		.features-stacked-xl .feature-img {
			padding-right: 1.5rem;
		}
		.features-5-wrap-xl .feature {
			flex: 0 0 33.3333333333333333333%;
		}
		.features-5-column-xl .feature {
			flex: 0 0 100%;
		}
	}
	@media(max-width:1399px) {
		.features-stacked-xxl .feature {
			text-align    : left;
			flex-direction: row;
		}
		.features-stacked-xxl .feature-img {
			padding-right: 1.5rem;
		}
		.features-5-wrap-xxl .feature {
			flex: 0 0 33.3333333333333333333%;
		}
		.features-5-column-xxl .feature {
			flex: 0 0 100%;
		}
	}
}
/* Components */
@media screen {
	/* Custom scrollbar */
	.scrollbar::-webkit-scrollbar {
		width : var(--scrollbar-width);
		height: var(--scrollbar-width);
	}
	.scrollbar::-webkit-scrollbar-track {
		border-radius: var(--scrollbar-radius);
		background   : var(--scrollbar-bg);
	}
	.scrollbar::-webkit-scrollbar-thumb {
		border-radius: var(--scrollbar-thumb-radius);
		background   : var(--scrollbar-thumb-bg);
		border       : 2px solid var(--scrollbar-bg);
	}
	/* Pannels */
	.pannel {
		padding      : var(--pannels-padding);
		background   : var(--pannels-bg);
		border-radius: var(--pannels-radius);
		margin-bottom: var(--pannels-gap);
	}
	/* Btn */
	.btn {
		padding: var(--btn-padding-y) var(--btn-padding-x);
	}
	.btn-lg {
		--btn-padding-x: var(--btn-lg-padding-x);
		--btn-padding-y: var(--btn-lg-padding-y);
	}
	.btn-sm {
		--btn-padding-x: var(--btn-sm-padding-x);
		--btn-padding-y: var(--btn-sm-padding-y);
	}
	.btn-arrow {
		position     : relative;
		padding-right: calc(var(--btn-padding-x) + 30px);
	}
	.btn-arrow:after {
		content               : var(--icon-arrow);
		-webkit-font-smoothing: antialiased;
		display               : inline-block;
		font-style            : normal;
		font-variant          : normal;
		text-rendering        : auto;
		line-height           : 1;
		font-weight           : 300;
		font-size             : 18px;
		font-family           : "Font Awesome 5 Pro";
		position              : absolute;
		right                 : var(--btn-padding-x);
		top                   : calc(var(--btn-padding-y) + 2px);
		transition            : right ease 0.2s;
	}
	.btn-arrow:hover:after {
		right: calc(var(--btn-padding-x) - 4px);
	}
	.btn-icon:before {
		-webkit-font-smoothing: antialiased;
		display               : inline-block;
		font-style            : normal;
		font-variant          : normal;
		text-rendering        : auto;
		line-height           : 1;
		font-weight           : 300;
		font-family           : "Font Awesome 5 Pro";
		margin-right          : calc(var(--btn-padding-x) * .5);
	}
	.btn-icon {
		display    : inline-flex;
		align-items: center;
	}
	.btn-icon-reverse {
		flex-direction: row-reverse;
	}
	.btn-icon-reverse:before {
		margin-right: 0;
		margin-left : calc(var(--btn-padding-x) * .5);
	}
	/* list */
	ul.list {
		padding   : inherit;
		margin    : inherit;
		list-style: inherit;
	}
	/* Bullets */
	ul.bullets li {
		position     : relative;
		padding-left : 15px;
		margin-bottom: 8px;
	}
	ul.bullets li:before {
		content         : '';
		position        : absolute;
		top             : 9px;
		left            : 0;
		border-radius   : 0.375rem;
		height          : 6px;
		width           : 6px;
		background-color: var(--bullets-color);
	}
	/* Cards */
	.card-footer {
		justify-content: space-between;
	}
	.cards-h-100 .card {
		height: 100%;
	}
	/* Scroll top */
	#scroll-top {
		position       : fixed;
		right          : 10px;
		bottom         : 45px;
		color          : #fff;
		background     : var(--color-1);
		width          : 38px;
		height         : 38px;
		border-radius  : var(--btn-radius);
		display        : flex;
		justify-content: center;
		align-items    : center;
		box-shadow     : var(--shadow-2);
	}
	#scroll-top:hover {
		background: var(--color-1-alt);
	}
	/* Pagination */
	.pagging {
		float          : none;
		padding        : 1.5rem 0;
		display        : flex;
		justify-content: flex-end;
	}
	ul.pagination li.page-item .page-link {
		background     : var(--page-link-bg);
		border         : none;
		border-radius  : 50%;
		display        : flex;
		align-items    : center;
		justify-content: center;
		font-family    : var(--title-font);
		width          : 40px;
		height         : 40px;
	}
	ul.pagination li.page-item .page-link a {
		color         : var(--page-link-color);
		font-size     : 20px;
		line-height   : 19px;
		text-align    : center;
		letter-spacing: 0.075em;
	}
	ul.pagination li.page-item .page-link a:hover {
		color: var(--page-link-hover-color);
	}
	ul.pagination li.page-item.active .page-link {
		background     : var(--page-link-active-bg);
		border-color   : var(--page-link-active-bg);
		color          : var(--page-link-active-color);
		padding        : var(--btn-padding-y) var(--btn-padding-x);
		display        : flex;
		align-items    : center;
		justify-content: center;
		font-family    : var(--title-font);
		height         : 40px;
		width          : 40px;
		border-radius  : 27px;
	}
	ul.pagination li.page-item:not(.active) .page-link {
		padding: 5px 10px;
	}
	ul.pagination li.page-item:not(.active) .page-link a {
		padding: 1rem 0.375rem;
		display: block;
	}
	ul.pagination li.page-item:not(.active) .page-link:hover {
		background: var(--page-link-hover-bg);
	}
	ul.pagination .page-item:last-child .page-link {
		width        : 100%;
		padding      : 2px;
		border-radius: 17px;
		padding      : 5px 10px;
	}
	ul.pagination .page-item:first-child .page-link {
		border-radius: 17px;
		width        : 100%;
	}
	.pagging-unstacked ul.pagination .page-item .page-link {
		border-radius: var(--btn-radius);
	}
	.pagging-unstacked ul.pagination {
		gap: 1rem;
	}
	.pagging-circle ul.pagination .page-link,
	.pagging-square ul.pagination .page-link {
		min-height     : 38px;
		min-width      : 38px;
		display        : flex;
		justify-content: center;
		align-items    : center;
	}
	.pagging-circle ul.pagination .page-link {
		border-radius: 38px !important;
	}
	/* breadcrumb */
	.breadcrumb-container {
		padding: var(--pannels-gap) var(--bs-gutter-y,.75rem) calc(var(--bs-gutter-y,.75rem) * 2);
		width  : var(--container-width);
		margin : 0 auto;
	}
	.breadcrumb-container .breadcrumb {
		margin    : 0;
		padding   : var(--pannels-padding);
		background: var(--pannels-bg);
	}
	.breadcrumb-section {
		background: var(--modules-index-bg);
	}
	.breadcrumb-section + section {
		padding-top: 0 !important;
	}
	.modules-detail > .breadcrumb-section {
		background: inherit;
	}
	.breadcrumb li a {
		color: var(--breadcrumb-color);
	}
	.breadcrumb li a:hover {
		color: var(--breadcrumb-hover-color);
	}
}
/* Collapse list */
@media screen {
	/* style niveau 1 */
	#collapse-list > li > a {
		font-weight: bold;
	}
	/* style niveau 2 */
	#collapse-list > li.sub-cat > ul > li > a {
		color    : var(--color-1);
		font-size: 15px;
	}
	/* style niveau 3 */
	#collapse-list > li.sub-cat > ul > li.sub-cat > ul > li > a {
		font-size: 14px;
	}
	/* style niveau 4 */
	#collapse-list > li.sub-cat > ul > li.sub-cat > ul > li.sub-cat > ul > li > a {
		font-size: 14px;
		color    : var(--dark);
	}
	.sub-cat ul {
		display     : none;
		padding-left: 0.5rem;
	}
	#collapse-list a {
		color          : var(--dark);
		padding        : 7px 16px;
		display        : flex;
		justify-content: space-between;
		align-items    : center;
	}
	#collapse-list .sub-cat.open > a {
		color: var(--color-1);
	}
	#collapse-list .sub-cat > a .toggle-sub-cat {
		padding: 0 16px;
	}
	#collapse-list .sub-cat > a .toggle-sub-cat:before {
		margin-left           : auto;
		content               : var(--icon-collapse);
		font-family           : "Font Awesome 5 Pro";
		-webkit-font-smoothing: antialiased;
		display               : inline-block;
		font-style            : normal;
		font-variant          : normal;
		text-rendering        : auto;
		line-height           : 1;
		transition            : transform ease 0.2s;
	}
	#collapse-list .sub-cat.open > a > .toggle-sub-cat:before {
		transform: rotate(90deg);
	}
}
/* Modules Index */
@media screen {
	.edit {
		position: absolute;
		top     : 10px;
		right   : 10px;
	}
	.edit > a {
		width          : 25px;
		height         : 25px;
		display        : flex;
		justify-content: center;
		align-items    : center;
		border-radius  : 50%;
		background     : var(--light);
	}
	/* Module Index */
	.modules-index {
		/* background: var(--modules-index-bg); */
		padding-top: var(--pannels-gap);
	}
	.modules .tags {
		margin-bottom: 0.5rem;
		font-style   : italic;
		font-size    : 90%;
	}
	.modules .bloc-attributes {
		display      : flex;
		align-items  : center;
		flex-wrap    : wrap;
		gap          : 1.4rem;
		margin-bottom: 1.5rem;
	}
	/* Module index List */
	.modules-list-item {
		background: var(--light);
	}
	.modules-list-item {
		background: var(--light);
	}
	.modules-list-item .modules-list-content {
		padding: 1rem;
	}
	/* Module index List alternate */
	@media(min-width:768px) {
		.modules-list .alternate:nth-child(even) .modules-list-img {
			order: 1;
		}
	}
	/* Module index collapse */
	.collapse-list-category-title {
		margin-bottom: 1.5rem;
	}
	.collapse-list-item-title {
		margin-bottom: 1rem;
		font-size    : 18px;
		font-weight  : 500;
		cursor       : pointer;
		display      : flex;
		align-items  : center;
	}
	.collapse-list-item-title:before {
		content     : var(--icon-collapse);
		font-family : "Font Awesome 5 Pro";
		font-weight : 400;
		display     : inline-block;
		transition  : transform ease 0.3s;
		transform   : rotate(0deg);
		margin-right: 1rem;
	}
	[aria-expanded="true"] .collapse-list-item-title:before {
		transform: rotate(90deg);
	}
	.collapse-list-content iframe,
	.collapse-list-content img {
		max-width: 100%;
		height   : auto;
	}
	/* Module index timeline */
	ul.timeline {
		--timeline-date-width : 80px;
		--timeline-date-height: 35px;
		--timeline-items-gap  : 2rem;
		--timeline-date-gap   : 1rem;
		--timeline-date-top   : 1.5rem;
		--timeline-color      : var(--color-1);
	}
	ul.timeline {
		display       : flex;
		gap           : var(--timeline-items-gap);
		flex-direction: column;
	}
	ul.timeline > li {
		position   : relative;
		display    : flex;
		align-items: flex-start;
		gap        : var(--timeline-date-gap);
	}
	ul.timeline > li .timeline-date {
		display        : flex;
		flex           : 0 0 var(--timeline-date-width);
		min-height     : var(--timeline-date-height);
		justify-content: center;
		background     : var(--timeline-color);
		color          : var(--light);
		padding        : 4px 8px;
		margin-top     : var(--timeline-date-top);
		text-align     : center;
	}
	ul.timeline > li .timeline-date:before {
		content   : "";
		width     : 2px;
		height    : calc(100% + var(--timeline-items-gap));
		background: var(--timeline-color);
		position  : absolute;
		top       : 0;
		z-index   : -1;
	}
	ul.timeline > li .timeline-date:after {
		content   : "";
		height    : 2px;
		width     : var(--timeline-date-gap);
		background: var(--timeline-color);
		position  : absolute;
		top       : calc(var(--timeline-date-height) / 2 + var(--timeline-date-top) - 1px);
		left      : var(--timeline-date-width);
		z-index   : -1;
	}
	ul.timeline > li .timeline-content {
		background: var(--light);
		padding   : 1rem;
		width     : 100%;
	}
	/* Breackpoint alternate */
	@media(min-width:992px) {
		ul.timeline.alternate {
			gap: var(--timeline-items-gap) 0;
		}
		ul.timeline.alternate > li {
			width: calc(50% + (var(--timeline-date-width) / 2));
		}
		ul.timeline.alternate > li:nth-child(odd) {
			flex-direction: row-reverse;
		}
		ul.timeline.alternate > li:nth-child(even) {
			margin-left: auto;
		}
	}
	/* Module index grid */
	.grid-display {
		display              : grid;
		grid-auto-columns    : 1fr;
		grid-auto-rows       : 1fr;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-template-rows   : 10vw 10vw 10vw 10vw;
		gap                  : 1rem;
		grid-template-areas  : "a a a b c d" "a a a e e d" "a a a e e f" "g g h h h f";
	}
	.grid-display-item-1 {
		grid-area: a;
	}
	.grid-display-item-2 {
		grid-area: b;
	}
	.grid-display-item-3 {
		grid-area: c;
	}
	.grid-display-item-4 {
		grid-area: d;
	}
	.grid-display-item-5 {
		grid-area: e;
	}
	.grid-display-item-6 {
		grid-area: f;
	}
	.grid-display-item-7 {
		grid-area: g;
	}
	.grid-display-item-8 {
		grid-area: h;
	}
	.grid-display .grid-display-item {
		position: relative;
	}
	.grid-display .grid-display-content {
		position       : absolute;
		top            : 0;
		left           : 0;
		width          : 100%;
		height         : 100%;
		display        : flex;
		align-items    : center;
		justify-content: center;
		text-align     : center;
		opacity        : 0;
		color          : #fff;
		background     : rgba(0,0,0,0.8);
		padding        : 1rem;
		transition     : all ease 0.3s;
	}
	.grid-display .grid-display-content:hover {
		opacity: 1;
	}
	@media(max-width:1199px) {
		.grid-display {
			display              : grid;
			grid-auto-columns    : 1fr;
			grid-auto-rows       : 1fr;
			grid-template-columns: 1fr 1fr 1fr 1fr;
			grid-template-rows   : 25vw 25vw 25vw;
			gap                  : 1rem;
			grid-template-areas  : "a a b c" "a a d e" "f g h h";
		}
	}
	@media(max-width:767px) {
		.grid-display {
			display              : grid;
			grid-auto-columns    : 1fr;
			grid-auto-rows       : 1fr;
			grid-template-columns: 1fr 1fr;
			grid-template-rows   : 25vw 25vw 25vw 25vw 25vw;
			gap                  : 1rem;
			grid-template-areas  : "a b" "a c" "d e" "f e" "g h";
		}
	}
	@media(max-width:475px) {
		.grid-display {
			display              : grid;
			grid-auto-columns    : 1fr;
			grid-auto-rows       : 25vw;
			grid-template-columns: 1fr;
			grid-template-rows   : repeat(8 , 50vw);
			gap                  : 1rem;
			grid-template-areas  : "a" "b" "c" "d" "e" "f" "g" "h";
		}
	}
	/* Module list-mini */
	ul.list-mini {
		display       : flex;
		flex-direction: column;
		gap           : var(--pannels-gap);
	}
	ul.list-mini > li {
		background   : white;
		display      : flex;
		border-radius: var(--pannels-radius);
		overflow     : hidden;
	}
	ul.list-mini .list-mini-content {
		padding        : 1rem;
		display        : flex;
		flex-direction : column;
		justify-content: center;
	}
	ul.list-mini .list-mini-img {
		flex: 0 0 150px;
	}
	ul.list-mini .list-mini-img img {
		flex: 0 0 150px;
	}
}
/* Modules detail */
@media screen {
	/* Content-header */
	.modules-detail {
		/* background : var(--modules-detail-bg); */
		padding-top: var(--pannels-gap);
	}
	.modules-detail .tags {
		margin-top: 0.5rem;
	}
	.modules-detail .content-short {
		font-weight: 500;
	}
	.modules .detail-header {
		padding: 3rem 0;
	}
	.modules .detail-header {
		padding: 3rem 0;
	}
	.modules .detail-header .content {
		padding: 1rem;
	}
	.modules .tags li {
		background   : var(--light);
		border-radius: var(--btn-radius);
		padding      : 0 4px;
	}
	.modules .tags li:before {
		content: "#";
	}
	/* Content-detail */
	.modules .content-detail {
		padding-bottom: 3rem;
	}
	.modules .content-datas iframe,
	.modules .content-datas img {
		max-width: 100%;
	}
	.modules .content-datas ul {
		list-style  : initial;
		padding-left: 20px;
	}
	.modules .content-movie {
		position: relative;
	}
	.modules .content-movie:before {
		display    : block;
		padding-top: calc(9 / 16 * 100%);
		content    : "";
	}
	.modules .content-movie > * {
		position: absolute;
		top     : 0;
		left    : 0;
		width   : 100%;
		height  : 100%;
	}
	ul.medias {
		display  : flex;
		gap      : 0.7rem;
		flex-wrap: wrap;
	}
	/* Detail grid */
	.grid-detail {
		display              : grid;
		grid-template-columns: 1.5fr 1fr;
		grid-template-rows   : auto auto;
		gap                  : 0 0;
		grid-auto-flow       : row;
		grid-template-areas  : "image header" "contents sidebar";
		gap                  : 2rem 3rem;
		padding              : 3rem;
	}
	.grid-detail .grid-cell-img {
		grid-area: image;
	}
	.grid-detail .grid-cell-header {
		grid-area: header;
	}
	.grid-detail .grid-cell-content {
		grid-area: contents;
	}
	.grid-detail .grid-cell-sidebar {
		grid-area: sidebar;
	}
	@media(max-width:1199px) {
		.grid-detail {
			grid-template-columns: 1fr 1fr;
		}
	}
	@media(max-width:767px) {
		.grid-detail {
			display       : flex;
			flex-direction: column;
		}
	}
}
/*swiper*/
@media screen {
	.swiper-container {
		width       : 100%;
		margin-left : auto;
		margin-right: auto;
	}
	.swiper-slide img {
		display   : block;
		width     : 100%;
		height    : 100%;
		object-fit: cover;
	}
	.swiper-slide {
		background-size    : cover;
		background-position: center;
	}
	.sliderMini .swiper-slide {
		width  : 100%;
		height : 100%;
		opacity: 0.4;
	}
	.sliderMini .swiper-slide-thumb-active {
		opacity: 1;
	}
	.swiper-horizontal .sliderMini .swiper-slide,
	.swiper-vertical .sliderMini .swiper-slide {
		height: 200px;
	}
}
/* Advertisings */
@media screen {
	/* .advertisings-default {
		--advertisings-default-sm-height: 100vw;
	}
	.advertisings-default .owl-theme .owl-nav.disabled+.owl-dots {
		position: absolute;
		bottom  : 24px;
		width   : 100%;
	}
	@media(max-width:767px) {
		.advertisings-default .advertisings-item img {
			position       : absolute;
			top            : 0;
			left           : 0;
			width          : 100%;
			height         : 100%;
			object-fit     : cover;
			object-position: right;
		}
		.advertisings-default .advertisings-item {
			min-height: var(--advertisings-default-sm-height);
		}
		.advertisings-default .content {
			position  : relative;
			padding   : 1rem;
			max-width : 100%;
			min-height: var(--advertisings-default-sm-height);
		}
	} */
}
/* Widgets */
@media screen {
	.widget-header {
		display        : flex;
		flex-wrap      : wrap;
		align-items    : center;
		justify-content: space-between;
		gap            : 0.5rem;
		margin-bottom  : 1rem;
	}
	.widget-header h2 {
		margin: 0 1rem 0 0;
	}
}
/* Sidebar */
@media screen {
	.bloc-categories-vertical,
	.blocs-filters {
		padding      : var(--pannels-padding);
		background   : var(--pannels-bg);
		border-radius: var(--pannels-radius);
		margin-bottom: var(--pannels-gap);
	}
	aside.filters .filter {
		margin-bottom: 1rem;
	}
}
/* Topbar - search & attributes */
@media screen {
	.topbar header.filters {}
	.topbar header.filters .filter {
		margin-bottom: 0;
	}
	.topbar .blocs-filters {
		padding        : 1rem;
		display        : flex;
		justify-content: space-between;
		align-items    : center;
		background     : #fff;
		margin-bottom  : 2rem;
		border-radius  : var(--btn-radius);
	}
	.topbar .blocs-filters .bloc-attributes {
		display  : flex;
		flex-wrap: wrap;
		gap      : 1rem;
	}
	@media (max-width:992px) {
		.topbar .blocs-filters .bloc-attributes,
		.topbar .blocs-filters .bloc-search {
			width: 100%;
		}
		.topbar .blocs-filters .bloc-attributes .attribute {
			flex: 2 2 auto;
		}
		.topbar header.filters .blocs-filters {
			flex-direction: column;
			gap           : 1rem;
		}
	}
}
/*account*/
@media screen {
	/* Sidebar */
	.account .account-sidebar .list-group-item.active {
		background-color: var(--color-1);
		border          : none;
	}
	.account .account-sidebar .list-group-item.active a {
		color: #fff;
	}
	.account .account-sidebar .list-group-item a {
		color: var(--color-1);
	}
}
/*-----------------------btn facebook--------------------------*/
.btn-facebook {
	background    : #4267B2;
	text-transform: unset;
}
.btn-facebook:hover {
	background: #375694;
}
.btn-facebook span:after {
	content      : "\f39e";
	font-family  : "Font Awesome 5 Brands";
	padding-right: 5px;
}
/*-----------------------btn google --------------------------*/
.btn-google {
	background    : #E94235;
	text-transform: unset;
}
.btn-google:hover {
	background: #cf3a2f;
}
.btn-google span:after {
	content      : "\f1a0";
	font-family  : "Font Awesome 5 Brands";
	padding-right: 5px;
}
/*-----------------------btn apple --------------------------*/
.btn-apple {
	background    : #000;
	text-transform: unset;
}
.btn-apple:hover {
	background: rgb(29, 29, 29);
}
.btn-apple span:after {
	content      : "\f179";
	font-family  : "Font Awesome 5 Brands";
	padding-right: 5px;
}
.btn-zoom {
	position          : absolute;
	top               : 5px;
	right             : 5px;
	z-index           : 1;
	color             : #666;
	border            : 1px solid #dee2e6;
	border-radius     : 0;
	background-color  : #fff;
	-webkit-transition: 0.1s color;
	transition        : 0.1s color;
	padding           : 5px;
}
.zoom-icons {
	font-size: 1.5rem;
}
/* Module index collapse */
.collapse-list-category-title {
	margin-bottom: 1.5rem;
}
li.md-accordion {
	position  : relative;
	background: var(--gray-medium);
}
.collapse-div {
	border-radius: 4px;
	margin-bottom: 8px;
}
li.md-accordion h3 {
	margin-bottom: 0;
	color        : black;
}
.collapse-list-category-title {
	font-size: 25px;
	color    : var(--color-1);
}
.collapse-list-item-title {
	margin-bottom: 1rem;
	font-size    : 18px;
	font-weight  : 500;
	cursor       : pointer;
	display      : flex;
	align-items  : center;
}
.collapse-list-item {
	margin-bottom: 2rem;
	padding      : 2rem;
}
.collapse-list-item-title:before {
	content     : var(--icon-collapse);
	font-family : "Font Awesome 5 Pro";
	font-weight : 400;
	display     : inline-block;
	transition  : transform ease 0.3s;
	transform   : rotate(0deg);
	margin-right: 1rem;
}
[aria-expanded="true"] .collapse-list-item-title:before {
	transform: rotate(90deg);
}
.collapse-list-content {
	font-weight: 200;
	color      : black;
}
.collapse-list-content p:last-child {
	margin-bottom: 0;
}
.md-accordion li div:not(.collapsed) .rotate-icon {
	transform: rotate(0deg);
}
.fa-rotate-45 {
	transform: rotate(45deg);
}
.md-accordion li div h3 i {
	transition: ease-in-out 0.3s;
}
.collapse-list-content iframe,
.collapse-list-content img {
	max-width: 100%;
	height   : auto;
}
/*9notyf*/
@-webkit-keyframes notyf-fadeinup {
	0% {
		opacity  : 0;
		transform: translateY(25%);
	}
	to {
		opacity  : 1;
		transform: translateY(0);
	}
}
@keyframes notyf-fadeinup {
	0% {
		opacity  : 0;
		transform: translateY(25%);
	}
	to {
		opacity  : 1;
		transform: translateY(0);
	}
}
@-webkit-keyframes notyf-fadeinleft {
	0% {
		opacity  : 0;
		transform: translateX(25%);
	}
	to {
		opacity  : 1;
		transform: translateX(0);
	}
}
@keyframes notyf-fadeinleft {
	0% {
		opacity  : 0;
		transform: translateX(25%);
	}
	to {
		opacity  : 1;
		transform: translateX(0);
	}
}
@-webkit-keyframes notyf-fadeoutright {
	0% {
		opacity  : 1;
		transform: translateX(0);
	}
	to {
		opacity  : 0;
		transform: translateX(25%);
	}
}
@keyframes notyf-fadeoutright {
	0% {
		opacity  : 1;
		transform: translateX(0);
	}
	to {
		opacity  : 0;
		transform: translateX(25%);
	}
}
@-webkit-keyframes notyf-fadeoutdown {
	0% {
		opacity  : 1;
		transform: translateY(0);
	}
	to {
		opacity  : 0;
		transform: translateY(25%);
	}
}
@keyframes notyf-fadeoutdown {
	0% {
		opacity  : 1;
		transform: translateY(0);
	}
	to {
		opacity  : 0;
		transform: translateY(25%);
	}
}
@-webkit-keyframes ripple {
	0% {
		transform: scale(0) translateY(-45%) translateX(13%);
	}
	to {
		transform: scale(1) translateY(-45%) translateX(13%);
	}
}
@keyframes ripple {
	0% {
		transform: scale(0) translateY(-45%) translateX(13%);
	}
	to {
		transform: scale(1) translateY(-45%) translateX(13%);
	}
}
.notyf {
	position       : fixed;
	top            : 0;
	left           : 0;
	height         : 100%;
	width          : 100%;
	color          : var(--notyf-color);
	z-index        : 9999;
	display        : flex;
	flex-direction : column;
	align-items    : flex-end;
	justify-content: flex-end;
	pointer-events : none;
	box-sizing     : border-box;
	padding        : 20px;
}
.notyf__icon--error,
.notyf__icon--success {
	height       : 21px;
	width        : 21px;
	background   : var(--notyf-color);
	border-radius: 50%;
	display      : block;
	margin       : 0 auto;
	position     : relative;
}
.notyf__icon--error:after,
.notyf__icon--error:before {
	content      : "";
	background   : currentColor;
	display      : block;
	position     : absolute;
	width        : 3px;
	border-radius: 3px;
	left         : 9px;
	height       : 12px;
	top          : 5px;
}
.notyf__icon--error:after {
	transform: rotate(-45deg);
}
.notyf__icon--error:before {
	transform: rotate(45deg);
}
.notyf__icon--success:after,
.notyf__icon--success:before {
	content      : "";
	background   : currentColor;
	display      : block;
	position     : absolute;
	width        : 3px;
	border-radius: 3px;
}
.notyf__icon--success:after {
	height   : 6px;
	transform: rotate(-45deg);
	top      : 9px;
	left     : 6px;
}
.notyf__icon--success:before {
	height   : 11px;
	transform: rotate(45deg);
	top      : 5px;
	left     : 10px;
}
.notyf__toast {
	border           : 3px solid #fff;
	display          : block;
	overflow         : hidden;
	pointer-events   : auto;
	background       : var(--notyf-bg-color) !important;
	-webkit-animation: notyf-fadeinup 0.3s ease-in forwards;
	animation        : notyf-fadeinup 0.3s ease-in forwards;
	box-shadow       : 0 3px 7px 0 rgba(0,0,0,.25);
	position         : relative;
	padding          : 0 15px;
	border-radius    : 2px;
	/*min-width:600px;*/
	max-width        : 300px;
	transform        : translateY(25%);
	box-sizing       : border-box;
	flex-shrink      : 0;
	box-shadow       : var(--notyf-shadow);
}
.notyf__toast--disappear {
	transform              : translateY(0);
	-webkit-animation      : notyf-fadeoutdown 0.3s forwards;
	animation              : notyf-fadeoutdown 0.3s forwards;
	-webkit-animation-delay: 0.25s;
	animation-delay        : 0.25s;
}
.notyf__toast--disappear .notyf__icon,
.notyf__toast--disappear .notyf__message {
	-webkit-animation: notyf-fadeoutdown 0.3s forwards;
	animation        : notyf-fadeoutdown 0.3s forwards;
	opacity          : 1;
	transform        : translateY(0);
}
.notyf__toast--disappear .notyf__dismiss {
	-webkit-animation: notyf-fadeoutright 0.3s forwards;
	animation        : notyf-fadeoutright 0.3s forwards;
	opacity          : 1;
	transform        : translateX(0);
}
.notyf__toast--disappear .notyf__message {
	-webkit-animation-delay: 0.05s;
	animation-delay        : 0.05s;
}
.notyf__toast--upper {
	margin-bottom: 20px;
}
.notyf__toast--lower {
	margin-top: 20px;
}
.notyf__toast--dismissible .notyf__wrapper {
	padding-right: 30px;
}
.notyf__ripple {
	height           : 400px;
	width            : 400px;
	position         : absolute;
	transform-origin : bottom right;
	right            : 0;
	top              : 0;
	border-radius    : 50%;
	transform        : scale(0) translateY(-51%) translateX(13%);
	z-index          : 5;
	-webkit-animation: ripple 0.4s ease-out forwards;
	animation        : ripple 0.4s ease-out forwards;
}
.notyf__wrapper {
	display       : flex;
	align-items   : center;
	padding-top   : 17px;
	padding-bottom: 17px;
	padding-right : 15px;
	border-radius : 3px;
	position      : relative;
	z-index       : 10;
}
.notyf__icon {
	width                  : 22px;
	text-align             : center;
	font-size              : 1.3em;
	opacity                : 0;
	-webkit-animation      : notyf-fadeinup 0.3s forwards;
	animation              : notyf-fadeinup 0.3s forwards;
	-webkit-animation-delay: 0.3s;
	animation-delay        : 0.3s;
	margin-right           : 13px;
}
.notyf__dismiss {
	position               : absolute;
	top                    : 0;
	right                  : 0;
	height                 : 100%;
	width                  : 26px;
	margin-right           : -15px;
	-webkit-animation      : notyf-fadeinleft 0.3s forwards;
	animation              : notyf-fadeinleft 0.3s forwards;
	-webkit-animation-delay: 0.35s;
	animation-delay        : 0.35s;
	opacity                : 0;
}
.notyf__dismiss-btn {
	background-color: rgba(0,0,0,.25);
	border          : none;
	cursor          : pointer;
	transition      : opacity 0.2s ease,background-color 0.2s ease;
	outline         : none;
	opacity         : 0.35;
	height          : 100%;
	width           : 100%;
}
.notyf__dismiss-btn:after,
.notyf__dismiss-btn:before {
	content      : "";
	background   : #fff;
	height       : 12px;
	width        : 2px;
	border-radius: 3px;
	position     : absolute;
	left         : calc(50% - 1px);
	top          : calc(50% - 5px);
}
.notyf__dismiss-btn:after {
	transform: rotate(-45deg);
}
.notyf__dismiss-btn:before {
	transform: rotate(45deg);
}
.notyf__dismiss-btn:hover {
	opacity         : 0.7;
	background-color: rgba(0,0,0,.15);
}
.notyf__dismiss-btn:active {
	opacity: 0.8;
}
.notyf__message {
	vertical-align         : middle;
	position               : relative;
	opacity                : 0;
	-webkit-animation      : notyf-fadeinup 0.3s forwards;
	animation              : notyf-fadeinup 0.3s forwards;
	-webkit-animation-delay: 0.25s;
	animation-delay        : 0.25s;
	line-height            : 1.5em;
}
@media only screen and (max-width:480px) {
	.notyf {
		padding: 0;
	}
	.notyf__ripple {
		height                    : 600px;
		width                     : 600px;
		-webkit-animation-duration: 0.5s;
		animation-duration        : 0.5s;
	}
	.notyf__toast {
		max-width    : none;
		border-radius: 0;
		box-shadow   : 0 -2px 7px 0 rgba(0,0,0,.13);
		width        : 100%;
	}
	.notyf__dismiss {
		width: 56px;
	}
}