/**
* CMS-ALPHA CSS 3.0
* By Ambition-web.com - All rights reserved.
*/
/* ---------- Config ---------- */
:root {
	/* Theme colors */
	--color-1                : #59B9C4;
	--color-1-alt            : #30ECCA;
	--color-2                : #FF947C;
	--color-2-alt            : #EC8771;
	--color-3                : #7352C6;
	--color-3-alt            : #7C27BB;
	/* Generic colors */
	--light                  : rgba(255, 255, 255, 0.1);
	--dark                   : #212529;
	--gray                   : #333333;
	--link-color             : var(--color-1);
	--link-color-alt         : var(--color-1-alt);
	/* Form-colors */
	--form-color-checked     : var(--color-1);
	--form-bg-color          : var(--light);
	--form-focus-color       : var(--color-1);
	--form-focus-shadow-color: #796AF335;
	/* Pagination */
	--page-link-color        : white;
	--page-link-hover-color  : white;
	--page-link-active-color : white;
	--page-link-bg           : transparent;
	--page-link-hover-bg     : var(--light);
	--page-link-active-bg    : rgba(255, 255, 255, 0.2);
	--page-link-hover-bg     : var(--light);
	/* Radius */
	--form-radius            : 17px;
	--btn-radius             : 4px;
	--card-radius            : 20px;
	--badges-radius          : 5px;
	/* BTN */
	--btn-padding-x          : 0.75rem;
	--btn-padding-y          : 0.375rem;
	--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: 'kitten_swashregular'; */
	--title-font             : 'Roboto', sans-serif;
	--text-font              : 'Roboto', sans-serif;
	/* Filters */
	--page-header-filter-bg  : linear-gradient(90deg, rgba(0,0,0,0.6) 20%, rgba(0,0,0,0) 84%);
	--hero-filter-bg         : linear-gradient(90.76deg, rgb(0 0 0 / 56%) 52.3%, rgba(0, 0, 0, 0) 90.46%);
	/* 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";
}
/* Reboot */
a,
a:active,
a:hover,
a:link,
a:visited {
	text-decoration: none;
}
ul {
	padding   : 0;
	margin    : 0;
	list-style: none;
}
body {
	background-image: linear-gradient(131deg , rgba(186, 186, 186, 0.01) 0%, rgba(186, 186, 186, 0.01) 16.667%,rgba(192, 192, 192, 0.01) 16.667%, rgba(192, 192, 192, 0.01) 33.334%,rgba(48, 48, 48, 0.01) 33.334%, rgba(48, 48, 48, 0.01) 50.001000000000005%, rgba(33, 33, 33, 0.01) 50.001%, rgba(33, 33, 33, 0.01) 66.668%,rgba(182, 182, 182, 0.01) 66.668%, rgba(182, 182, 182, 0.01) 83.33500000000001%,rgba(211, 211, 211, 0.01) 83.335%, rgba(211, 211, 211, 0.01) 100.002%),linear-gradient(148deg , rgba(48, 48, 48, 0.01) 0%, rgba(48, 48, 48, 0.01) 16.667%,rgba(178, 178, 178, 0.01) 16.667%, rgba(178, 178, 178, 0.01) 33.334%,rgba(192, 192, 192, 0.01) 33.334%, rgba(192, 192, 192, 0.01) 50.001000000000005%,rgba(237, 237, 237, 0.01) 50.001%, rgba(237, 237, 237, 0.01) 66.668%,rgba(194, 194, 194, 0.01) 66.668%, rgba(194, 194, 194, 0.01) 83.33500000000001%,rgba(227, 227, 227, 0.01) 83.335%, rgba(227, 227, 227, 0.01) 100.002%),linear-gradient(138deg , rgba(146, 146, 146, 0.03) 0%, rgba(146, 146, 146, 0.03) 25%,rgba(33, 33, 33, 0.03) 25%, rgba(33, 33, 33, 0.03) 50%,rgba(46, 46, 46, 0.03) 50%, rgba(46, 46, 46, 0.03) 75%,rgba(172, 172, 172, 0.03) 75%, rgba(172, 172, 172, 0.03) 100%),linear-gradient(38deg , rgba(3, 3, 3, 0.03) 0%, rgba(3, 3, 3, 0.03) 16.667%,rgba(28, 28, 28, 0.03) 16.667%, rgba(28, 28, 28, 0.03) 33.334%,rgba(236, 236, 236, 0.03) 33.334%, rgba(236, 236, 236, 0.03) 50.001000000000005%,rgba(3, 3, 3, 0.03) 50.001%, rgba(3, 3, 3, 0.03) 66.668%,rgba(207, 207, 207, 0.03) 66.668%, rgba(207, 207, 207, 0.03) 83.33500000000001%,rgba(183, 183, 183, 0.03) 83.335%, rgba(183, 183, 183, 0.03) 100.002%),linear-gradient(145deg , rgba(20, 20, 20, 0.02) 0%, rgba(20, 20, 20, 0.02) 20%,rgba(4, 4, 4, 0.02) 20%, rgba(4, 4, 4, 0.02) 40%,rgba(194, 194, 194, 0.02) 40%, rgba(194, 194, 194, 0.02) 60%,rgba(34, 34, 34, 0.02) 60%, rgba(34, 34, 34, 0.02) 80%,rgba(71, 71, 71, 0.02) 80%, rgba(71, 71, 71, 0.02) 100%),linear-gradient(78deg , rgba(190, 190, 190, 0.02) 0%, rgba(190, 190, 190, 0.02) 20%,rgba(95, 95, 95, 0.02) 20%, rgba(95, 95, 95, 0.02) 40%,rgba(71, 71, 71, 0.02) 40%, rgba(71, 71, 71, 0.02) 60%,rgba(7, 7, 7, 0.02) 60%, rgba(7, 7, 7, 0.02) 80%,rgba(130, 130, 130, 0.02) 80%, rgba(130, 130, 130, 0.02) 100%),linear-gradient(293deg , rgba(213, 213, 213, 0.03) 0%, rgba(213, 213, 213, 0.03) 20%,rgba(220, 220, 220, 0.03) 20%, rgba(220, 220, 220, 0.03) 40%,rgba(146, 146, 146, 0.03) 40%, rgba(146, 146, 146, 0.03) 60%,rgba(57, 57, 57, 0.03) 60%, rgba(57, 57, 57, 0.03) 80%,rgba(120, 120, 120, 0.03) 80%, rgba(120, 120, 120, 0.03) 100%),linear-gradient(90deg , rgb(145,15,225),rgb(78,243,211));
	color           : white;
	font-weight     : 300;
}
h1 {
	font-family  : var(--title-font);
	color        : white;
	font-size    : 50px;
	line-height  : 3.5rem;
	margin-bottom: 1.5rem;
}
h2 {
	font-size  : 31.5px;
	font-weight: 500;
}
/* ---------- Helpers ---------- */
.img-fit {
	object-fit: cover;
	width     : 100%;
	height    : 100%;
}
.anchor {
	position: absolute;
	top     : calc((var(--topbar-height) + 2rem) * -1);
}
/* Negative margins */
@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 */
.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);
}
.share .dropdown-toggle:after {
	content: none;
}
/* ---------- Colors ---------- */
.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);
}
.btn-1:hover {
	background-color: var(--color-1-alt);
	color           : white;
}
.btn-1:focus,
.btn-check:focus+.btn-1 {
	box-shadow: 0 0 0.1rem 0.1rem var(--color-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-2);
}
.btn-2:hover {
	background-color: var(--color-2-alt);
	color           : white;
}
.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);
}
.btn-3:hover {
	background-color: var(--color-3-alt);
	color           : white;
}
.btn-3:focus,
.btn-check:focus+.btn-3 {
	box-shadow: 0 0 0.1rem 0.1rem var(--color-3);
}
.btn-action {
	background: var(--color-2);
}
.btn-action:hover {
	background: var(--color-2-alt);
	color     : white;
}
/* -----------Shadows----------- */
.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 ---------- */
/*.form-control,
.form-select,
.input-group-append > button,
.input-group-text {
	border-radius: var(--form-radius);
}
.btn {
	border-radius: var(--btn-radius);
	border       : 1px solid white;
	font-weight  : 500;
	color        : white;
}*/
.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------------ */
/*.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.active .custom-select-options:before {
	content      : "";
	position     : absolute;
	width        : 100%;
	height       : calc(100% + 38px);
	top          : -38px;
	box-shadow   : 0 0 0 0.25rem var(--form-focus-shadow-color);
	border-radius: var(--form-radius);
	z-index      : 1;
}
.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;
}
.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;
	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%;
	background   : var(--form-bg-color);
}
.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 ---------- */
: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));
}
@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-------- */
.hero {
	/* Config */
	--hero-ratio-w             : 5;
	--hero-ratio-h             : 2;
	--hero-min-h               : 300px;
	--hero-max-h               : 500px;
	--hero-max-w               : 65%;
	--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;
	padding        : var(--hero-padding) var(--hero-padding) var(--hero-padding) var(--container-out-margin);
	max-width      : var(--hero-max-w);
}
.hero.centered .content {
	text-align : center;
	padding    : var(--hero-padding);
	max-width  : 100%;
	align-items: center;
}
.hero > .container-images > picture > 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-stacked-sm .content {
		position : relative;
		max-width: 100%;
		padding  : var(--hero-padding) var(--container-out-margin);
	}
	.hero.hero-stacked-sm > picture > 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);
	}
	.hero-stacked-sm.hero-filter:before {
		content: none;
	}
	.hero-stacked-sm.hero-filter {
		color: var(--hero-text-color);
	}
}
@media(max-width:767px) {
	.hero.hero-stacked-md .content {
		position : relative;
		max-width: 100%;
		padding  : var(--hero-padding) var(--container-out-margin);
	}
	.hero.hero-stacked-md > picture > 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);
	}
	.hero-stacked-md.hero-filter:before {
		content: none;
	}
	.hero-stacked-md.hero-filter {
		color: var(--hero-text-color);
	}
}
@media(max-width:991px) {
	.hero.hero-stacked-lg .content {
		position : relative;
		max-width: 100%;
		padding  : var(--hero-padding) var(--container-out-margin);
	}
	.hero.hero-stacked-lg > picture > 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);
	}
	.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-xl .content {
		position : relative;
		max-width: 100%;
		padding  : var(--hero-padding) var(--container-out-margin);
	}
	.hero.hero-stacked-xl > picture > 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);
	}
	.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-xxl .content {
		position : relative;
		max-width: 100%;
		padding  : var(--hero-padding) var(--container-out-margin);
	}
	.hero.hero-stacked-xxl > picture > 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);
	}
	.hero-stacked-xxl.hero-filter:before {
		content: none;
	}
	.hero-stacked-xxl.hero-filter {
		color: var(--hero-text-color);
	}
}
/* ----Page-header section---- */
:root {
	--page-header-bg        : var(--color-1);
	--page-header-color     : var(--light);
	--page-header-min-height: 200px;
	--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      : 500px;
	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: right;
}
.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: var(--filter-bg);
}
/* Page-header stack breackpoint */
@media(max-width:575px) {
	.page-header {
		flex-wrap: wrap;
	}
	.page-header .content {
		width     : 100%;
		max-width : 100%;
		text-align: center;
	}
	.page-header picture {
		position: relative;
	}
	.page-header > picture:before {
		content: none;
	}
}
/* -----Categories section----- */
.bloc-categories-horizontal {
	--categories-color          : white;
	--categories-bg             : var(--color-1);
	--categories-bg-hover       : var(--color-1-alt);
	--categories-color-hover    : white;
	--categories-bg-active      : var(--color-2);
	--categories-bg-active-hover: var(--color-2-alt);
	--categories-color-active   : white;
}
.bloc-categories-horizontal > ul > li > a {
	display       : block;
	padding       : 2px 10px;
	border-radius : var(--btn-radius);
	background    : var(--categories-bg);
	color         : var(--categories-color);
	transition    : all ease 0.2s;
	text-transform: uppercase;
	font-size     : 15px;
	border        : 1px solid white;
}
.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 > li.active > a:hover {
	background: var(--categories-bg-active-hover);
	color     : var(--categories-color-active);
	cursor    : default;
}
.bloc-categories-horizontal > ul {
	display        : flex;
	justify-content: center;
	flex-wrap      : wrap;
	padding        : 2rem 0;
	gap            : 10px;
}
/* ---Split-container section--- */
.alternate .split:nth-child(odd) {
	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(odd) .split-container,
.alternate-reverse .split:nth-child(even) .split-container,
.split.split-reverse .split-container {
	margin-left: auto;
}
.alternate-reverse .split:nth-child(even) .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------- */
.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 ---------- */
.btn {
	padding       : var(--btn-padding-y) var(--btn-padding-x);
	text-transform: uppercase;
}
.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 */
.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             : 8px;
	left            : 0;
	border-radius   : 0.375rem;
	height          : 6px;
	width           : 6px;
	background-color: var(--bullets-color);
}
/* Cards */
.cards-h-100 .card {
	height: 100%;
}
#scroll-top {
	position       : fixed;
	right          : 20px;
	bottom         : 20px;
	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);
}
ul.pagination li.page-item .page-link a {
	color: var(--page-link-color);
}
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);
	border      : 1px solid white;
}
ul.pagination li.page-item:not(.active) .page-link {
	padding: 0;
}
ul.pagination li.page-item:not(.active) .page-link a {
	padding: var(--btn-padding-y) var(--btn-padding-x);
	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 {
	border-top-right-radius   : var(--btn-radius);
	border-bottom-right-radius: var(--btn-radius);
}
ul.pagination .page-item:first-child .page-link {
	border-top-left-radius   : var(--btn-radius);
	border-bottom-left-radius: var(--btn-radius);
}
.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;
}
/* --------- Modules Index --------- */
.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 .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 {
	padding      : 1rem;
	background   : var(--light);
	margin-bottom: 1rem;
}
.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";
	}
}
/* -------Modules detail------- */
/* Content-header */
.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---------------*/
.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 */
.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 */
.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;
}
/* --------- Components---------- */
/* ----Collapse list---- */
/* style niveau 1 */
#collapse-list > li > a {
	font-weight: bold;
}
/* style niveau 2 */
#collapse-list > li.sub-cat > ul > li > a {
	font-size: 16px;
}
/* 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    : #aaa;
}
.sub-cat ul {
	display     : none;
	padding-left: 0.5rem;
}
#collapse-list a {
	color          : var(--dark);
	padding        : 5px 16px;
	display        : flex;
	justify-content: space-between;
	align-items    : center;
}
#collapse-list .sub-cat.active > 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.active > a > .toggle-sub-cat:before {
	transform: rotate(90deg);
}
/* Sidebar */
aside.filters .bloc-categories-vertical,
aside.filters .blocs-filters {
	padding      : 1rem;
	background   : var(--shops-card-bg);
	border-radius: var(--card-radius);
	margin-bottom: 1.5rem;
}
aside.filters .filter {
	margin-bottom: 1rem;
}
/* Topbar - search & attributes */
.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;
	}
}
/* Medias dans vue detail */
ul.medias {
	display  : flex;
	gap      : 0.7rem;
	flex-wrap: wrap;
}
/*Profil 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);
}

:root {
    --pannel-padding: 30px;
}
.pannel {
    background   : rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(32px);
    border-radius: var(--card-radius);
    padding      : var(--pannel-padding);
    border-radius: 20px;
    height       : 100%;
}
.img-style {
    border-radius: var(--card-radius);
}
.z-1 {
    z-index: 1;
}
p.gras {
    font-weight: 400;
    font-size  : 20px;
    line-height: 1.5rem;
}
h2.gras {
    font-weight: 500;
}
.card-icon {
    display        : flex;
    align-items    : center;
    justify-content: center;
    border         : 1px solid white;
}
.card-icon .card-img-top {
    width  : 100px;
    height : 150px;
    padding: 2rem 0;
}
.card-icon h2 {
    font-size      : 27px;
    font-weight    : 300;
    display        : flex;
    align-items    : flex-start;
    justify-content: center;
}
.card-icon .card-body {
    background: rgba(0, 0, 0, 0.05);
    width     : 100%;
    padding   : 1rem;
}
@media(min-width:768px) {
    :root {
        --offset-y  : 32px;
        --offset-y-2: 60px;
        --offset-x  : calc(var(--container-width) / 6 + 24px);
    }
    .offset-top {
        margin-top: calc(var(--offset-y) * -1);
    }
    .offset-top-2 {
        margin-top: calc(var(--offset-y-2) * -1);
    }
    .offset-bottom {
        margin-bottom: calc(var(--offset-y) * -1);
        margin-top   : var(--offset-y);
    }
    .offset-right {
        margin-right: calc(var(--offset-x) * -1);
    }
    .offset-left {
        margin-left: calc(var(--offset-x) * -1);
    }
    .pannel.offset-right {
        padding-right: calc(var(--pannel-padding) + var(--offset-x));
    }
    .pannel.offset-left {
        padding-left: calc(var(--pannel-padding) + var(--offset-x));
    }
}
.blogs-widgets .modules-list-item {
    background: unset;
}
.widgets.blogs-widgets {
    background: var(--light);
    backdrop-filter: blur(32px);
    margin    : 3rem 0;
}
.testimonial-img {
    opacity  : 0.58;
    max-width: 250px;
}
blockquote:before {
    content  : url("../../img/quote-left.svg");
    position : absolute;
    top      : -64px;
    left     : 0;
    transform: scale(.7);
}
blockquote {
    font-size    : 28px;
    position     : relative;
    padding      : 0 4rem 0 5rem;
    margin-bottom: 0;
}
blockquote .small {
    font-size : 20px;
    margin-top: 0.5rem;
}
.partenaires-widgets .widget-header {
    justify-content: center;
    flex-direction : column;
}
.partenaires-widgets .widget-header h2 {
    font-size    : 43px;
    font-weight  : 400;
    margin-bottom: 2rem;
    text-align   : center;
}
.top-page {
    padding: 5rem 0 3rem;
}
/* TARIFS */
.tarifs .price-1 {
    font-size: 50px;
}
.tarifs .price-2 {
    font-size: 24px;
}
.tarifs .price-3 {
    font-size: 47px;
}
.tarifs h2.title {
    font-size    : 31.5px;
    font-weight  : 500;
    margin-bottom: 1.5rem;
}
/* Bullets */
.tarifs .card-body {
    display       : flex;
    align-items   : center;
    flex-direction: column;
}
.tarifs ul li {
    position     : relative;
    margin-bottom: 8px;
    padding-left : 20px;
    padding-left : 31px;
    display      : flex;
    align-items  : flex-start;
    text-align   : left;
}
.tarifs ul li:before {
    content    : "\f00c";
    font-family: "Font Awesome 5 Pro";
    position   : absolute;
    left       : 0;
    font-size  : 22px;
}
.tarifs .btn {
    text-align: left;
}
.bottom-page {
    padding: 3rem 0 7rem;
}
.bloc-tarif {
    display       : flex;
    flex-direction: column;
}
.bloc-tarif .card {
    height: 100%;
}
.blogs-index .card,
.blogs-widgets .card {
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(32px);
    border          : 1px solid white;
}
.card .list-inline,
ul.list-inline {
    margin-bottom : 1rem;
    font-size     : 14px;
    text-transform: uppercase;
}
.blogs-index .card-title a,
.blogs-widgets .card-title a {
    color: white;
}
.blogs-index .card-footer,
.blogs-widgets .card-footer {
    background-color: transparent;
    border-top      : none;
    justify-content : space-between;
    display         : flex;
    align-items     : center;
}
.blogs-widgets .card-footer .btn {
    margin-bottom: 1.5rem;
}
.page-link {
    border: 1px solid white;
}
.partners-widgets svg {
    width: 100%;
}
.tarifs h2 {
    display: unset;
}
@media(max-width:1199px) {
    .card-icon h2 {
        font-size: 21px;
    }
}
@media(max-width:992px) {
    blockquote {
        padding: 0 0 0 1rem;
    }
    blockquote:before {
        transform: scale(.4);
        top      : -56px;
        left     : -52px;
    }
    .partners-widgets svg {
        max-width: 220px;
    }
    h1 {
        font-size  : 24px;
        line-height: 2rem;
    }
    .card-icon .card-img-top {
        width : 85px;
        height: 120px;
    }
    .card-icon h2 {
        font-size: 21px;
    }
    .icon-key {
        max-width: 30px;
    }
    .tarifs .price-1 {
        font-size: 33px;
    }
    .tarifs .price-3 {
        font-size: 34px;
    }
}
@media(max-width:768px) {
    .pannel {
        margin-bottom: 1.5rem;
    }
    .img-fluid {
        width: 100%;
    }
    .pannel-md {
        margin-top   : -2rem;
        padding      : 4rem 2rem 2rem;
        margin-bottom: 0;
    }
    .img-md {
        padding: 0 2rem;
    }
}
@media(max-width:576px) {
    .partenaires-widgets .widget-header h2 {
        font-size: 32px;
    }
}
@media (min-width: 576px) and (max-width:991px) {
    .container.quote {
        max-width: 640px;
    }
}
.blogs-widgets .split-container-fluid {
    padding: 1.5rem;
}
.blogs-widgets .split-container-fluid img {
    border-radius: var(--card-radius);
}
.blogs-widgets .split-container-fluid .btn {
    margin-top: 1rem;
}
.blogs-widgets .split-container .list-inline {
    display: none;
}
.blogs-widgets a h2 {
    color: white;
}
@media(max-width:768px) {
    .blogs-widgets .split-container {
        padding: 0 2rem 2rem;
    }
    .partners-widgets svg {
        max-width: 150px;
    }
    .top-page {
        padding: 3rem 0;
    }
}
.list-inline.breadcrumb {
    padding-top: 1rem;
}
.list-inline.breadcrumb a {
    color: white;
}
.tarifs.mini .price-1 {
    font-size: 36px;
}
.tarifs.mini p {
    font-size: 25px;
}
@media(max-width:992px) {
    .tarifs.mini .price-1 {
        font-size: 25px;
    }
    .tarifs.mini p {
        font-size: 20px;
    }
    .tarifs.mini h2.title {
        font-size: 25px;
    }
    .blogs-detail .content-detail {
        padding      : 1rem;
        margin-bottom: 2rem;
    }
    .modules .detail-header {
        padding: 1rem 0 0;
    }
}
.account.login-page.first {
    height         : calc(100vh - 284px);
    display        : flex;
    flex-direction : column;
    justify-content: center;
}
.account.login-page {
    font-family: var(--text-font);
}
.account.login-page .password-strength__error {
    color: var(--color-2);
}
.account.login-page .form-text {
    color: white;
}
.account.login-page .card {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(32px);
    border    : 1px solid white;
    display   : block;
    margin    : 0 auto;
}
.account.login-page.first .card {
    max-width: 400px;
}
.account.login-page .card .form-control {
    border    : 1px solid white;
    background: rgba(255, 255, 255, 0.1);
    color     : white;
}
.account.login-page .card p {
    font-size: 15px;
}
.account.login-page .card .input-group-text {
    background-color: white;
    border          : 1px solid white;
}
.account.login-page .card .input-group-text i {
    color: #8928D1;
}
.account.login-page .card .form-control::placeholder {
    color: white;
}
/*-----------------------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;
}