/*===================================================================
====================== @author Alexandre Lapoux =====================
================= @editor Octopoos - www.octopoos.com ===============
====== @copyright (C) 2009 - 2024 OCTOPOOS. All Rights Reserved. ====
=====================================================================*/
:root,
::before,
::after {
	--font-family: "muliregular";
	--background-0:#ffffff;
	--background-1:#efefef;
	--background-2:var(--s0);
	--background-disabled: var(--disabled);
	--border-disabled: var(--disabled);
	--border-normal: #EDEDED;
	--text-normal: var(--s0);
	--text-invert: #ffffff;
	--text-disabled: var(--disabled);
	--primary-normal: #ef8b1c;
	--primary-hover: #f4ad5e;
	--secondary-normal: #f4ad5e;
	--secondary-hover: #ef8b1c;
	--danger-normal: var(--main);
	--danger-hover: var(--main);
	--warning-normal: #ee7f00;
	--warning-hover: #ee7f00;
	--success-normal: #95C11f;
	--success-hover: #95C11f;
	--info-normal: #237ea7;
	--info-hover: #56a8cc;
	--line-0:#ccc;
	--line-1:#E0E0E0;
	--line-2:#f2f2f2;
	--h-line-height-add: 10px;
	--h-letter-spacing: 0px;
	--h-font-weight: normal;
	--h-color: var(--s9);
	--font-size-small: 14px;
	--line-height-small: 15px;
	--font-size-normal: 16px;
	--line-height-normal: 20px;
	--font-size-large: 24px;
	--line-height-large: 26px;
	--card-0-normal: #fff;
	--card-1-normal: #fff;
	--card-2-normal: #efefef;
	--card-0-hover: #efefef;
	--card-1-hover: #efefef;
	--card-2-hover: #fff;
	--card-border: none;
	--card-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
	--card-padding-top: 24px;
	--card-padding-right: 16px;
	--card-padding-bottom: 24px;
	--card-padding-left: 16px;
	--card-radius: 16px;
	--box-0-normal: #fff;
	--box-0-hover: #fff;
	--box-0-border: none;
	--box-0-shadow: none;
	--box-0-color:  var(--s0);
	--box-0-link: #ef8b1c;
	--box-1-normal: #fff;
	--box-1-hover: #fff;
	--box-1-border: none;
	--box-1-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
	--box-1-color:  var(--s0);
	--box-1-link: #ef8b1c;
	--box-2-normal: #efefef;
	--box-2-hover: #efefef;
	--box-2-border: none;
	--box-2-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
	--box-2-color:  var(--s0);
	--box-2-link: #ef8b1c;
	--box-3-normal: #EF8B1C;
	--box-3-hover: #EF8B1C;
	--box-3-border: none;
	--box-3-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
	--box-3-color:  var(--s0);
	--box-3-link: #fff;
	--box-4-normal: #646464;
	--box-4-hover: #646464;
	--box-4-border: none;
	--box-4-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
	--box-4-color: #fff;
	--box-4-link: #fff;
	--box-5-normal: #fff;
	--box-5-hover: #efefef;
	--box-5-border: none;
	--box-5-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
	--box-5-color: inherit;
	--box-5-link: var(--primary-normal);
	--box-padding-top: 24px;
	--box-padding-right: 16px;
	--box-padding-bottom: 24px;
	--box-padding-left: 16px;
	--box-radius: 16px;
	--btn-font-weight: bold;
	--btn-letter-spacing: 0;
	--btn-text-transform: uppercase;
	--btn-text-decoration: none;
	--btn-border-width: 2px;
	--btn-normal-font-size: 14px;
	--btn-normal-icon-size: 16px;
	--btn-normal-line-height: 16px;
	--btn-normal-padding: 0px 12px;
	--btn-normal-height: 36px;
	--btn-normal-width: 220px;
	--btn-normal-border-radius-tl: 18px;
	--btn-normal-border-radius-tr: 18px;
	--btn-normal-border-radius-br: 18px;
	--btn-normal-border-radius-bl: 18px;
	--btn-normal-icon-center-pr: 12px;
	--btn-small-font-size: 16px;
	--btn-small-icon-size: 11px;
	--btn-small-line-height: 16px;
	--btn-small-padding: 0px 32px;
	--btn-small-height: 32px;
	--btn-small-width: 180px;
	--btn-small-border-radius-tl: 16px;
	--btn-small-border-radius-tr: 16px;
	--btn-small-border-radius-br: 16px;
	--btn-small-border-radius-bl: 16px;
	--btn-small-icon-center-pr: 8px;
	--btn-large-font-size: 20px;
	--btn-large-icon-size: 24px;
	--btn-large-line-height: 20px;
	--btn-large-padding: 0px 32px;
	--btn-large-height: 48px;
	--btn-large-width: 260px;
	--btn-large-border-radius-tl: 24px;
	--btn-large-border-radius-tr: 24px;
	--btn-large-border-radius-br: 24px;
	--btn-large-border-radius-bl: 24px;
	--btn-large-icon-center-pr: 16px;
	--btn-spe-border-radius-tl: 16px;
	--btn-spe-border-radius-tr: 0;
	--btn-spe-border-radius-br: 16px;
	--btn-spe-border-radius-bl: 0;
	--pagination-first: none;
	--pagination-previous: block;
	--pagination-page: none;
	--pagination-next: block;
	--pagination-last: none;
	--pagination-manager-first: block;
	--pagination-manager-previous: block;
	--pagination-manager-page: block;
	--pagination-manager-next: block;
	--pagination-manager-last: block;
	--h1-font-size: 34px;
	--h2-font-size: 30px;
	--h3-font-size: 25px;
	--h4-font-size: 18px;
	--h5-font-size: 17px;
	--h6-font-size: 15px;
	--o-desc-1:330px;
	--o-desc-2:160px;
	--o-desc-3:80px;
	--icon_octo: 16px;
	--table-padding: 16px 8px;
	--table-border-size: 2px;
	--table-border-size-between-td: 1px;
	--table-th-border-radius: 16px;
	--table-th-border-size: 2px;
	--table-font-size: 16px;
	--table-responsive-between-tr: 16px;
	--table-border-0:rgb(19, 132, 130,.1);
	--table-background-0:#fff;
	--table-th-0:#707070;
	--table-border-1:#E0E0E0;
	--table-background-1:#EFEFEF;
	--table-th-1:#707070;
	--table-border-2:#fff;
	--table-background-2:none;
	--table-th-2:#fff;
	--sticky-admin: 48px;
	--sticky-head: 80px;
	--sticky-footer: 52px;
	--sticky-top: var(--sticky-head);
	--sticky-top-admin: calc(var(--sticky-admin) + var(--sticky-head));
	--modal-device: 100%;
	--modal-background: #fff;
	--modal-border: 0px solid #fff;
	--modal-border-radius: 16px;
	--modal-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
	--modal-small: 350px;
	--modal-normal: 700px;
	--modal-large: 1000px;
	--modal-stretch: 1272px;
	--modal-full: calc(100% - 2*var(--colgutter-base));
	--notif-gutter: 16px;
	--notif-min-width-left: auto;
	--notif-max-width-left: 200px;
	--notif-min-width-center: auto;
	--notif-max-width-center: 450px;
	--notif-min-width-right: auto;
	--notif-max-width-right: 200px;
}

@media(max-width:1199px) {
	:root {
		--h1-font-size: 32px;
		--h2-font-size: 26px;
		--h3-font-size: 22px;
		--h4-font-size: 18px;
		--h5-font-size: 16px;
		--h6-font-size: 15px;
	}

}

@media(max-width:974px) {
	:root {
		--h1-font-size: 28px;
		--h2-font-size: 24px;
		--h3-font-size: 22px;
		--h4-font-size: 18px;
		--h5-font-size: 16px;
		--h6-font-size: 15px;
		--o-desc-1:var(--colgutter-md);
		--o-desc-2:var(--colgutter-md);
		--o-desc-3:var(--colgutter-md);
		--sticky-admin: 40px;
		--sticky-head: 80px;
		--sticky-footer: 52px;
		--sticky-top: var(--sticky-head);
		--sticky-top-admin: calc(var(--sticky-admin) + var(--sticky-head));
	}

}

@media(max-width:767px) {
	:root {
		--h1-font-size: 28px;
		--h2-font-size: 24px;
		--h3-font-size: 22px;
		--h4-font-size: 18px;
		--h5-font-size: 16px;
		--h6-font-size: 15px;
		--o-desc-1:var(--colgutter-sm);
		--o-desc-2:var(--colgutter-sm);
		--o-desc-3:var(--colgutter-sm);
	}

}

@media(max-width:532px) {
	:root {
		--h1-font-size: 28px;
		--h2-font-size: 24px;
		--h3-font-size: 22px;
		--h4-font-size: 18px;
		--h5-font-size: 16px;
		--h6-font-size: 15px;
		--o-desc-1:var(--colgutter-xs);
		--o-desc-2:var(--colgutter-xs);
		--o-desc-3:var(--colgutter-xs);
	}

}