/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/


@font-face{
    font-family:"Helvetica Neue";
    src:url("./assets/fonts/5664081/7d63ccf8-e0ae-4dee-ad4d-bbc798aa5803.woff2") format("woff2"),
        url("./assets/fonts/5664081/b2c1327f-ab3d-4230-93d7-eee8596e1498.woff") format("woff");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face{
    font-family:"Helvetica Neue";
    src:url("./assets/fonts/5664085/f9c5199e-a996-4c08-9042-1eb845bb7495.woff2") format("woff2"),
        url("./assets/fonts/5664085/2a34f1f8-d701-4949-b12d-133c1c2636eb.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face{
    font-family:"Helvetica Neue";
    src:url("./assets/fonts/5664103/240c57a0-fdce-440d-9ce3-85e0cb56f470.woff2") format("woff2"),
        url("./assets/fonts/5664103/7802e576-2ffa-4f22-a409-534355fbea79.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face{
    font-family:"Helvetica Neue";
    src:url("./assets/fonts/5664150/800da3b0-675f-465f-892d-d76cecbdd5b1.woff2") format("woff2"),
        url("./assets/fonts/5664150/7b415a05-784a-4a4c-8c94-67e9288312f5.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/*ARCHIVE ENGAGEMENT CSS*/
.sustainability-item .content img {
    max-height: 60px;
    object-fit: contain;
}

.sustainability-item .content {
    height: 285px;
}

/*CSS FORM STYLE*/

.form-style fieldset {
    border: none;
    padding:15px 0 15px 0;
}

.form-style fieldset legend{
    display:none;
}

.form-style div:not(.gchoice):not(.ginput_container_consent) > label{
	display: none;
}

.form-style .gform_fields {
    display: grid !important;
    grid-template-columns: repeat(12,minmax(0, 1fr)) !important;
	grid-auto-flow: column;
	gap: 0.8rem;
    grid-template-areas:
        "f1 f1 f1 f1 f1 f1 f1 f1 f1 f1 f1 f1"
        "f2 f2 f2 f2 f2 f2 f2 f2 f2 f2 f2 f2"
        "f3 f3 f3 f3 f3 f3 f3 f3 f3 f3 f3 f3"
        "f4 f4 f4 f4 f4 f4 f4 f4 f4 f4 f4 f4"
        "f5 f5 f5 f5 f5 f5 f6 f6 f6 f6 f6 f6"
        "f7 f7 f7 f7 f7 f7 f7 f7 f8 f8 f8 f8"
        "f9 f9 f9 f9 f9 f9 f9 f9 f9 f9 f9 f9"
		"f10 f10 f10 f10 f10 f10 f11 f11 f11 f11 f11 f11"
		"f13 f13 f13 f13 f13 f13 f14 f14 f14 f14 f14 f14"
		"f15 f15 f15 f15 f15 f15 f15 f15 f15 f15 f15 f15"
		"f16 f16 f16 f16 f17 f17 f17 f17 f17 f17 f17 f17"
		"f18 f18 f18 f18 f18 f18 f19 f19 f19 f19 f20 f20"
		"f21 f21 f21 f21 f21 f21 f22 f22 f23 f23 f24 f24"
		"f25 f25 f25 f25 f25 f25 f25 f25 f25 f25 f25 f25"
		"f26 f26 f26 f26 f27 f27 f27 f27 f27 f27 f27 f27"
		"f28 f28 f28 f28 f29 f29 f29 f29 f30 f30 f30 f30"
		"f31 f31 f31 f31 f31 f31 f31 f31 f31 f31 f31 f31"
		"f32 f32 f32 f32 f32 f32 f32 f32 f32 f32 f32 f32"
		"f33 f33 f33 f33 f33 f33 f33 f33 f33 f33 f33 f33"
		"f34 f34 f34 f34 f34 f34 f34 f34 f34 f34 f34 f34"
		"f35 f35 f35 f35 f35 f35 f35 f35 f35 f35 f35 f35"
		"f36 f36 f36 f36 f36 f36 f36 f36 f36 f36 f36 f36"
		"f37 f37 f37 f37 f37 f37 f37 f37 f37 f37 f37 f37"
        !important;
}
/* 
.form-style div#field_3_22{
    padding-top:60px
} */


.gform-theme-datepicker:not(.gform-legacy-datepicker).ui-datepicker{
	background:white;
}

.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar{
	margin-bottom:0
}
.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header {
		border: 0;
		display: flex;
		flex-direction: row;
		justify-content: center;
		margin: 0 0 5px;
		padding: 0;
		position: relative;
		width: 100%;
	}

.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-prev, .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-next {
			align-items: center;
			background: none;
			border: 0;
			color: #607382;
			cursor: pointer;
			display: flex;
			font-family: gform-icons-theme !important;
			font-size: 24px;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			height: 30px;
			justify-content: center;
			line-height: 1;
			position: absolute;
			speak: never;
			text-decoration: none;
			top: -2px;
			transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
			width: 30px;
		}

.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-prev:focus, .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-prev:hover, .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-next:focus, .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-next:hover {
				color: #2f4054;
			}

.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-prev .ui-icon, .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-next .ui-icon {
				display: none;
			}

.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-prev::before, .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-next::before {
				border: 0;
				height: auto;
				position: static;
				transform: none;
				width: auto;
			}

.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-prev {
			left: 0;
		}

.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-prev::before {
				content: "<";
			}

.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-next {
			right: 0;
		}

.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-next::before {
				content: ">";
			}

.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header select {
			-webkit-appearance: none;
			background-color: transparent;
			background-image: url(../../../images/theme/down-arrow.svg);
			background-position: 100% 50%;
			background-repeat: no-repeat;
			background-size: 24px 24px;
			border: 0;
			border-radius: 0;
			box-shadow: none;
			color: #585e6a;
			cursor: pointer;
			display: inline-block;
			font-size: 0.875rem;
			font-weight: 500;
			height: auto;
			min-height: 0;
			padding: 0 22px 0 0;
			width: auto;
		}

.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header select.ui-datepicker-month {
				margin-right: 20px;
				-moz-text-align-last: right;
				     text-align-last: right;
			}

.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar span, .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar a {
			font-weight: 400;
		}

.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar th span {
				align-items: center;
				color: #2f4054;
				display: flex;
				font-size: 0.8125rem;
				font-weight: 500;
				height: 40px;
				justify-content: center;
				width: 40px;
			}

.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar td {
			font-size: 0.8125rem;
			height: 50px;
			width: 50px;
		}

.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar .ui-state-default {
			align-items: center;
			background: none;
			border: 1px solid transparent;
			border-radius: 100%;
			box-shadow: none;
			color: #2f4054;
			display: flex;
			height: 40px;
			justify-content: center;
			text-decoration: none;
			transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
			width: 40px;
		}

.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar .ui-state-default:hover, .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar .ui-state-default:focus {
				background: none;
				border-color: #607382;
				outline: none;
			}

.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar .ui-state-default:active {
				background: #f2f3f5;
				border-color: #607382;
			}

.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default {
				background: #607382;
				border-color: #607382;
				box-shadow: 0 0.125rem 0.125rem rgba(58, 58, 87, 0.0596411);
				color: #fff;
			}

.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default:hover, .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default:focus {
					border-color: #607382;
				}

.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar .ui-state-disabled {
			background: none;
		}

.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar .ui-state-disabled .ui-state-default {
				align-items: center;
				background: #f2f3f5;
				border: 1px solid rgba(32, 32, 46, 0.079);
				border-radius: 100%;
				box-shadow: 0 0.125rem 0.125rem rgba(58, 58, 87, 0.0596411);
				color: #686e77;
				cursor: text;
				display: flex;
				height: 40px;
				justify-content: center;
				text-decoration: none;
				width: 40px;
			}

.form-style div#field_5_54,
.form-style div#field_5_55{
    width: 100%;
}

.form-style div#field_5_54{
    position:relative;
    margin-top:-90px;
    padding-left:40px
}

.form-style div#field_5_66 img{
	width:100%;
}
.form-style div#field_5_66 {
	position: relative;
	padding-bottom: 35px;
}


.form-style div#field_5_55{
    position:relative;
    margin-top:-90px;
    padding-right:40px
}

.form-style .gfield:nth-child(1) {
	grid-area: f1;
}
.form-style .gfield:nth-child(2) {
	grid-area: f2;
}
.form-style .gfield:nth-child(3) {
	grid-area: f3;
}
.form-style .gfield:nth-child(4) {
	grid-area: f4;
}
.form-style .gfield:nth-child(5) {
	grid-area: f5;
}
.form-style .gfield:nth-child(6) {
	grid-area: f6;
}
.form-style .gfield:nth-child(7) {
	grid-area: f7;
}
.form-style .gfield:nth-child(8) {
	grid-area: f8;
}
.form-style .gfield:nth-child(9) {
	grid-area: f9;
}
.form-style .gfield:nth-child(10) {
	grid-area: f10;
}
.form-style .gfield:nth-child(11) {
	grid-area: f11;
}
.form-style .gfield:nth-child(12) {
	grid-area: f11;
}
.form-style .gfield:nth-child(13) {
	grid-area: f13;
}
.form-style .gfield:nth-child(14) {
	grid-area: f14;
}
.form-style .gfield:nth-child(15) {
	grid-area: f15;
}
.form-style .gfield:nth-child(16) {
	grid-area: f16;
}
.form-style .gfield:nth-child(17) {
	grid-area: f17;
}
.form-style .gfield:nth-child(18) {
	grid-area: f18;
}
.form-style .gfield:nth-child(19) {
	grid-area: f19;
}
.form-style .gfield:nth-child(20) {
	grid-area: f20;
}
.form-style .gfield:nth-child(21) {
	grid-area: f21;
}
.form-style .gfield:nth-child(22) {
	grid-area: f22;
}
.form-style .gfield:nth-child(23) {
	grid-area: f23;
}
.form-style .gfield:nth-child(24) {
	grid-area: f24;
}
.form-style .gfield:nth-child(25) {
	grid-area: f25;
}
.form-style .gfield:nth-child(26) {
	grid-area: f26;
}
.form-style .gfield:nth-child(27) {
	grid-area: f27;
}
.form-style .gfield:nth-child(28) {
	grid-area: f28;
}
.form-style .gfield:nth-child(29) {
	grid-area: f29;
}
.form-style .gfield:nth-child(30) {
	grid-area: f30;
}
.form-style .gfield:nth-child(31) {
	grid-area: f31;
}
.form-style .gfield:nth-child(32) {
	grid-area: f32;
}
.form-style .gfield:nth-child(33) {
	grid-area: f33;
}
.form-style .gfield:nth-child(34) {
	grid-area: f34;
}
.form-style .gfield:nth-child(35) {
	grid-area: f35;
}
.form-style .gfield:nth-child(36) {
	grid-area: f36;
}
.form-style .gfield:nth-child(37) {
	grid-area: f37;
}

fieldset#field_5_11{
	padding:0;
}
fieldset#field_5_11 .ginput_container.ginput_container_email{
	display:grid;
    grid-template-columns:1fr 1fr;
    column-gap: 1rem;
}

fieldset#field_5_11 .ginput_container.ginput_container_email span{
	flex-grow:1;
    flex-basis:0;
}

.form-style input,
.form-style textarea, 
.form-style select {
	background-color: var(--oea_colors_white);
	padding: 1.0625rem 1.25rem;
	color: var(--oea_colors_dark);
	-webkit-appearance: none;
	line-height: 1em;
	font-weight: 300;
	font-size: 0.8rem;
	border: 0px;
	border: 1px solid var(--oea_colors_white);
	border-radius: 0px !important;
}

.form-style .gchoice.gchoice_5_1_1,
.form-style .gchoice.gchoice_5_31_1,
.form-style .gchoice.gchoice_5_32_1,
.form-style .ginput_container_consent {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.form-style .gform_body.gform-body input[type=checkbox]:checked {
    background: #f8dbe1;
    position:relative;
}
.form-style .gform_body.gform-body input[type=checkbox]:checked::after {
    width:25px;
    height:13px;
    background:transparent;
    border-left:3px solid white;
    border-bottom:3px solid white;
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -75%) rotate(-45deg);
}

.form-style select {
    border-width: 2px;
}

.form-style input::placeholder,
.form-style textarea::placeholder {
	text-transform: uppercase;
}

.form-style textarea {
	max-height: 160px;
	line-height: 1.5em;
}

.form-style .ginput_counter{
	font-size: 0.8rem;
}

.form-style .tooltip {
    position: absolute;
    display: inline-block;
    width: 100%;
    color: #ed1c24;
    text-decoration: underline;
    text-align: center;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
}

.form-style .tooltip .tooltiptext {
    visibility: hidden;
    width: 100%;
    max-width: 23.61111111111111vw;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: .4166666666666667vw;
    padding: 1.0416666666666667vw;
    position: absolute;
    z-index: 1;
    top: 100%;
    right: 0;
    left: 0;
    margin: auto
}

.form-style .tooltip:hover .tooltiptext {
    visibility: visible
}

.button-group-dropdown button,
.button-group-dropdown button,
.button-group-dropdown a,
.button-group-dropdown a   {
	border: solid 1px transparent;
	min-width: 160px;
}

.form-style input:focus,
.form-style input:focus-visible,
.form-style textarea:focus,
.form-style textarea:focus-visible,
.button-group-dropdown button:focus,
.button-group-dropdown button:focus-visible,
.button-group-dropdown a:focus,
.button-group-dropdown a:focus-visible   {
	border: solid 1px var(--oea_colors_primary);
	outline: -webkit-focus-ring-color auto 0px;
}

.form-style input[type=submit] {
	text-transform: uppercase;
    font-weight: 700;
	border-top: solid 1px var(--oea_colors_dark);
    border-right: solid 1px var(--oea_colors_dark);
    border-bottom: solid 1px var(--oea_colors_dark);
    border-left: solid 1px var(--oea_colors_dark);
	border-radius: 0px !important;
    padding: 1rem 3rem;
    font-family: var(--oea_primary_font)!important;
    font-size: .8rem;
    background-color: var(--oea_colors_white)!important;
    color: var(--oea_colors_dark);
    transition: background 0.2s ease,color 0.2s ease,border 0.2s ease;
	margin-top: 3rem;
	width: 155px;
}

.form-style .gform_footer.top_label input {
	background-color: transparent !important;
}

.form-style .gform_footer.top_label {
    text-align: right;
}

.form-style input[type=submit]:hover {
	border-top: solid 1px var(--oea_colors_primary);
    border-right: solid 1px var(--oea_colors_primary);
    border-bottom: solid 1px var(--oea_colors_primary);
    border-left: solid 1px var(--oea_colors_primary);
    background-color: var(--oea_colors_primary)!important;
    border-radius: 0px!important;
    color: var(--oea_colors_white);
}

.form-style h2.gform_submission_error.hide_summary {
	font-size: 1.75rem !important;
    color: #d81d49!important;
}

.form-style div.validation_message.gfield_validation_message {
    color: #d81d49!important;
    font-weight: normal!important;
}

@media only screen and (max-width: 767px) {
	/* .form-style .gform_fields {
		grid-template-areas:
			"f1 f1"
			"f2 f2"
			"f3 f3"
			"f4 f4"
			"f5 f5"
			"f6 f6"
			"f7 f7"
			"f8 f8"
			"f9 f9"
			"f10 f10"
			"f11 f11"
			"f12 f12"
			"f13 f13"
			"f14 f14" !important;
	}	
	.form-style .gfield:nth-child(14) {
		width: 100%;
	} */

	.form-style .gform_fields {
		grid-template-areas:
			"f1 f1 f1 f1 f1 f1 f1 f1 f1 f1 f1 f1"
			"f2 f2 f2 f2 f2 f2 f2 f2 f2 f2 f2 f2"
			"f3 f3 f3 f3 f3 f3 f3 f3 f3 f3 f3 f3"
			"f4 f4 f4 f4 f4 f4 f4 f4 f4 f4 f4 f4"
			"f5 f5 f5 f5 f5 f5 f6 f6 f6 f6 f6 f6"
			"f7 f7 f7 f7 f7 f7 f7 f7 f7 f7 f7 f7"
			"f8 f8 f8 f8 f8 f8 f8 f8 f8 f8 f8 f8"
			"f9 f9 f9 f9 f9 f9 f9 f9 f9 f9 f9 f9"
			"f10 f10 f10 f10 f10 f10 f10 f10 f10 f10 f10 f10"
			"f11 f11 f11 f11 f11 f11 f11 f11 f11 f11 f11 f11"
			"f13 f13 f13 f13 f13 f13 f13 f13 f13 f13 f13 f13"
			"f14 f14 f14 f14 f14 f14 f14 f14 f14 f14 f14 f14"
			"f15 f15 f15 f15 f15 f15 f15 f15 f15 f15 f15 f15" 
			"f16 f16 f16 f16 f16 f16 f16 f16 f16 f16 f16 f16" 
			"f17 f17 f17 f17 f17 f17 f17 f17 f17 f17 f17 f17" 
			"f18 f18 f18 f18 f18 f18 f18 f18 f18 f18 f18 f18"
			"f19 f19 f19 f19 f19 f19 f19 f19 f19 f19 f19 f19"
			"f20 f20 f20 f20 f20 f20 f20 f20 f20 f20 f20 f20"
			"f21 f21 f21 f21 f21 f21 f21 f21 f21 f21 f21 f21"
			"f22 f22 f22 f22 f22 f22 f22 f22 f22 f22 f22 f22"
			"f23 f23 f23 f23 f23 f23 f24 f24 f24 f24 f24 f24"
			"f25 f25 f25 f25 f25 f25 f25 f25 f25 f25 f25 f25"
			"f26 f26 f26 f26 f26 f26 f26 f26 f26 f26 f26 f26"
			"f27 f27 f27 f27 f27 f27 f27 f27 f27 f27 f27 f27"
			"f28 f28 f28 f28 f28 f28 f28 f28 f28 f28 f28 f28"
			"f29 f29 f29 f29 f29 f29 f29 f29 f29 f29 f29 f29"
			"f30 f30 f30 f30 f30 f30 f30 f30 f30 f30 f30 f30"
			"f31 f31 f31 f31 f31 f31 f31 f31 f31 f31 f31 f31"
			"f32 f32 f32 f32 f32 f32 f32 f32 f32 f32 f32 f32"
			"f33 f33 f33 f33 f33 f33 f33 f33 f33 f33 f33 f33"
			"f34 f34 f34 f34 f34 f34 f34 f34 f34 f34 f34 f34"
			"f35 f35 f35 f35 f35 f35 f35 f35 f35 f35 f35 f35"
			"f36 f36 f36 f36 f36 f36 f36 f36 f36 f36 f36 f36"
			"f37 f37 f37 f37 f37 f37 f37 f37 f37 f37 f37 f37"
			!important;
	}

	.form-style div#field_4_54{
		margin-top: -115px;
		padding-left:25px;
	}
	.form-style div#field_4_55{
		margin-top: -115px;
		padding-right:25px;
	}


	.form-style .gfield:nth-child(14) .ginput_container input::placeholder {
		font-size: 0.5625rem !important; 
	}
	.form-style textarea {
		line-height: 1.5em;
	}
	.form-style input,
	.form-style textarea, 
	.form-style select {
		padding: 1.0625rem 0.8rem;
	}
}


button.btn.btn-primary, a.btn.btn-primary, .btn-primary.elementor-widget-button .elementor-button,
button.btn.btn-secondary, a.btn.btn-secondary, .btn-secondary.elementor-widget-button .elementor-button {
    text-transform: uppercase;
    font-weight: 700;
	background-color: transparent !important;
}

.slick-slider .slick-arrow {
	width: 50px;
	height: 50px;
	border: solid 1px #615f68;
	border-radius: 0px;
}

.slick-arrow.slick-disabled,
.slick-arrow.slick-disabled:before {
	opacity: .5 !important;
}

.slick-slider .slick-arrow:before {
	width: 50px;
	height: 50px;
	border-radius: 0px;
	content: '';
	background-image:url(/fr_ca/wp-content/uploads/2022/02/icon-arrow-right-big.svg);
	background-size: 22px;
    background-position: center center;
    display: block;
    background-repeat: no-repeat;
}

.slick-slider .slick-prev:before {
	transform: scaleX(-1);
}

.slick-dots {
	bottom: -65px;
}

.slick-dotted.slick-slider {
	margin-bottom: 70px;
}

.slick-dots li,
.slick-dots li button {
	width: 45px !important;
    height: 2px !important;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
	background-color: transparent;
}

.slick-dots li button:hover:before,
.slick-dots li.slick-active button:before  {
	background-color: var(--oea_colors_primary) !important;
}

.slick-dots li button::before {
    width: 45px !important;
    content: '' !important;
    background-color: #a5a5a8 !important;
    height: 2px !important;
    opacity: 1 !important;
}

.scroll-show > .elementor-widget-container{
	position:relative;
	overflow:hidden;
}
.scroll-show > .elementor-widget-container::after{
	position:absolute;
	content:"";
	bottom:0;
	left: 0;
	height:150px;
	width: 100%;
	z-index:0;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.home-products-container .bottle img {
    margin: 0 auto;
}

.home-products-container{
    padding-bottom:25px;
}

.home-products-container .slick-prev,
.home-products-container .slick-next{
    bottom: 0;
    top: auto;
	z-index: 11;
}

.home-products-container .slick-dots{
    bottom:100px
}

.home-products-item-wrapper > a{
    margin-top:40px
}

.timeline-story-container .timeline-story-left-col{
	position:relative;
}
.timeline-story-container .timeline-story-left-col .blur {
    position: absolute;
    top: 0;
	height:250px;
    width: 100%;
    transition: height 0.3s linear;
    pointer-events: none;
    min-width: calc(100% + 30px);
    background: linear-gradient(to top,rgba(255,255,255,0) 0%,#fff 50%,#fff 100%);
}

.timeline-story-container li.position-relative.active {
    z-index: 2;
}

.timeline-story-right-col .timeline-content-item-year{
	display:none;
}

@media only screen and (max-width: 1024px) {
	.slick-dots {
		bottom: -45px !important;
	}
	
	.slick-dotted.slick-slider {
		margin-bottom: 50px !important;
	}
}

@media only screen and (max-width: 767px) {
	.slick-dots 
	.slick-dots li,
	.slick-dots li button,
	.slick-dots li button::before {
		display: none;
	}

	.timeline-story-right-col .timeline-content-item-year{
		display:block;
	}

	.timeline-story-left-col.scroll-middle {
		display: none;
	}
}

/*--------------------------------*/

:root {
    --oea_border_sizes: 1px;
	--oea_transition_duration: 0.1s;
	--oea_spacing_default : 1rem;
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*CSS NO MARGIN*/

.no-margin .elementor-heading-title,
.no-margin {
	margin: 0 !important;
}

.no-margin-h2.elementor-widget-text-editor h2 {
	margin-bottom: 0px !important;
}


/*CSS UTILITIES FONT FAMILY*/

.primary-font {
	font-family: var(--oea_primary_font);
}

.secondary-font {
	font-family: var(--oea_secondary_font);
}

/*CSS UTILITIES TRANSITION*/

.oea-transition.oea-property-all,
.oea-transition-before.oea-property-all::before,
.oea-transition-after.oea-property-all::after,
.oea-transition-img.oea-property-all-img img{
	transition-property: all;
}

.oea-transition.oea-property-box-shadow,
.oea-transition-before.oea-property-box-shadow::before,
.oea-transition-after.oea-property-box-shadow::after{
	transition-property: box-shadow;
}

.oea-transition.oea-timing-function-ease,
.oea-transition-before.oea-timing-function-ease::before,
.oea-transition-after.oea-timing-function-ease::after,
.oea-transition-img.oea-timing-function-ease-img img {
	transition-timing-function: ease;
}


.oea-transition.oea-duration-1,
.oea-transition-before.oea-duration-1::before,
.oea-transition-before.oea-duration-1::after,
.oea-transition-img.oea-duration-1-img img{
	transition-duration: var(--oea_transition_duration);
}

.oea-transition.oea-duration-2,
.oea-transition-before.oea-duration-2::before,
.oea-transition-after.oea-duration-2::after,
.oea-transition-img.oea-duration-2-img img{
	transition-duration: calc(var(--oea_transition_duration)*2);
}

.oea-transition.oea-duration-3,
.oea-transition-before.oea-duration-3::before,
.oea-transition-after.oea-duration-3::after,
.oea-transition-img.oea-duration-3-img img {
	transition-duration: calc(var(--oea_transition_duration)*3);
}

.oea-transition.oea-duration-4,
.oea-transition-before.oea-duration-4::before,
.oea-transition-after.oea-duration-4::after,
.oea-transition-img.oea-duration-4-img img{
	transition-duration: calc(var(--oea_transition_duration)*4);
}

.oea-transition.oea-duration-5,
.oea-transition-before.oea-duration-5::before,
.oea-transition-after.oea-duration-5::after,
.oea-transition-img.oea-duration-5-img img{
	transition-duration: calc(var(--oea_transition_duration)*5);
}

/*CSS UTILITIES TEXT ALIGNEMENT*/

.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.text-right {
    text-align: right;
}

/*CSS WIDTH UTILITIES*/

.width-fit-content {
	width: fit-content;
}

.width-30 {
    width: 30%;
}

.width-40 {
    width: 40%;
}

.width-50 {
    width: 50%;
}

.width-70 {
    width: 70%;
}

.width-90 {
    width: 90%;
}

.width-100 {
    width: 100%;
}

.min-width-100,
.min-width-100-img img {
    min-width: 100%;
}

/*CSS HEIGHT UTILITIES*/

.min-height-100,
.min-height-100-img img{
    min-height: 100%;
}

.height-fill-available {
	height: -webkit-fill-available;
}

.height-100,
.height-100-slider .slick-slide,
.height-100-slider-div .slick-slide>div {
	height: 100%;
}

/*CSS FONT SIZES*/

.fs-0-75 {
	font-size: 0.75rem;
}

.fs-1 {
	font-size: 1rem;
}

.fs-1-5 {
	font-size: 1.5rem;
}

.fs-2 {
	font-size: calc(1rem * 2);
}

.fs-3 {
	font-size: calc(1rem * 3);
}

.fs-4 {
	font-size: calc(1rem * 4);
}

/*FONT WEIGHTS*/

.fw-bold {
	font-weight: bold;
}

.fw-bolder {
	font-weight: bolder;
}

/*CSS TEXT TRANSFORM*/

.uppercase {
	text-transform: uppercase;
}

/*CSS TEXT DECORATION*/

.text-decoration-underline {
	text-decoration: underline !important;
}

/*CSS LINE-HEIGHT*/

.lh-1 {
	line-height: 1;
}

.lh-1-2 {
	line-height: 1.2;
}

.lh-1-3 {
	line-height: 1.3;
}

.lh-1-6 {
	line-height: 1.6;
}
/*CSS UTILITIES MARGINS*/

/*AUTO*/
.ms-auto,
.mx-auto {
	margin-left: auto;
}

.me-auto,
.mx-auto {
	margin-right: auto;
}

.mt-auto,
.my-auto {
	margin-top: auto;
}

.mb-auto,
.my-auto {
	margin-bottom: auto;
}

/*0.5 REM*/
.mt-0-5,
.my-0-5{
	margin-top: calc(var(--oea_spacing_default)*0.5);
}

.me-0-5,
.mx-0-5 {
	margin-right: calc(var(--oea_spacing_default)*0.5);
}

.mb-0-5,
.my-0-5 {
	margin-bottom: calc(var(--oea_spacing_default)*0.5);
}

.ms-0-5,
.mx-0-5 {
	margin-left: calc(var(--oea_spacing_default)*0.5);
}

/*1 REM*/
.mt-1,
.my-1 {
	margin-top: var(--oea_spacing_default);
}

.me-1,
.mx-1 {
	margin-right: var(--oea_spacing_default);
}

.mb-1,
.my-1 {
	margin-bottom: var(--oea_spacing_default);
}

.ms-1,
.mx-1 {
	margin-left: var(--oea_spacing_default);
}

/*-1 REM*/
.mt-n-1,
.my-n-1,
.m-n-1  {
	margin-top: calc(var(--oea_spacing_default)*-1);
}

.me-n-1,
.mx-n-1,
.m-n-1 {
	margin-right: calc(var(--oea_spacing_default)*-1);
}

.mb-n-1,
.my-n-1,
.m-n-1  {
	margin-bottom: calc(var(--oea_spacing_default)*-1);
}

.ms-n-1,
.mx-n-1,
.m-n-1 {
	margin-left: calc(var(--oea_spacing_default)*-1);
}


/*-2 REM*/
.mt-n-2,
.my-n-2,
.m-n-2 {
	margin-top: calc(var(--oea_spacing_default)*-2);
}

.me-n-2,
.mx-n-2,
.m-n-2 {
	margin-right: calc(var(--oea_spacing_default)*-2);
}

.mb-n-2,
.my-n-2,
.m-n-2 {
	margin-bottom: calc(var(--oea_spacing_default)*-2);
}

.ms-n-2,
.mx-n-2,
.m-n-2 {
	margin-left: calc(var(--oea_spacing_default)*-2);
}


/*2 REM*/
.mt-2,
.my-2,
.m-2 {
	margin-top: calc(var(--oea_spacing_default)*2);
}

.me-2,
.mx-2,
.m-2 {
	margin-right: calc(var(--oea_spacing_default)*2);
}

.mb-2,
.my-2,
.m-2 {
	margin-bottom: calc(var(--oea_spacing_default)*2);
}

.ms-2,
.mx-2,
.m-2 {
	margin-left: calc(var(--oea_spacing_default)*2);
}

/*-2 REM*/
.mt-n-2,
.my-n-2 {
	margin-top: calc(var(--oea_spacing_default)*-2);
}

.mb-n-2,
.my-n-2 {
	margin-bottom: calc(var(--oea_spacing_default)*-2);
}

/*3 REM*/
.mt-3,
.my-3,
.m-3 {
	margin-top: calc(var(--oea_spacing_default)*3);
}

.me-3,
.mx-3,
.m-3 {
	margin-right: calc(var(--oea_spacing_default)*3);
}

.mb-3,
.my-3,
.m-3 {
	margin-bottom: calc(var(--oea_spacing_default)*3);
}

.ms-3,
.mx-3,
.m-3 {
	margin-left: calc(var(--oea_spacing_default)*3);
}

/*-3 REM*/
.mt-n-3,
.my-n-3 {
	margin-top: calc(var(--oea_spacing_default)*-3);
}

.mb-n-3,
.my-n-3 {
	margin-bottom: calc(var(--oea_spacing_default)*-3);
}


/*4 REM*/
.mt-4,
.my-4,
.m-4 {
	margin-top: calc(var(--oea_spacing_default)*4);
}

.me-4,
.mx-4,
.m-4 {
	margin-right: calc(var(--oea_spacing_default)*4);
}

.mb-4,
.my-4,
.m-4 {
	margin-bottom: calc(var(--oea_spacing_default)*4);
}

.ms-4,
.mx-4,
.m-4 {
	margin-left: calc(var(--oea_spacing_default)*4);
}

/*-4 REM*/
.mt-n-4,
.my-n-4 {
	margin-top: calc(var(--oea_spacing_default)*-4);
}

.me-n-4,
.mx-n-4 {
	margin-right: calc(var(--oea_spacing_default)*-4);
}

.mb-n-4,
.my-n-4 {
	margin-bottom: calc(var(--oea_spacing_default)*-4);
}

.ms-n-4,
.mx-n-4 {
	margin-left: calc(var(--oea_spacing_default)*-4);
}

/*6 REM*/
.mt-6,
.my-6,
.m-6 {
	margin-top: calc(var(--oea_spacing_default)*6);
}

.me-6,
.mx-6,
.m-6 {
	margin-right: calc(var(--oea_spacing_default)*6);
}

.mb-6,
.my-6,
.m-6 {
	margin-bottom: calc(var(--oea_spacing_default)*6);
}

.ms-6,
.mx-6,
.m-6 {
	margin-left: calc(var(--oea_spacing_default)*6);
}

/*-4 REM*/
.mt-n-6,
.my-n-6 {
	margin-top: calc(var(--oea_spacing_default)*-6);
}

.me-n-6,
.mx-n-6 {
	margin-right: calc(var(--oea_spacing_default)*-6);
}

.mb-n-6,
.my-n-6 {
	margin-bottom: calc(var(--oea_spacing_default)*-6);
}

.ms-n-6,
.mx-n-6 {
	margin-left: calc(var(--oea_spacing_default)*-6);
}


/*CSS UTILITIES PADDING*/

/*0 REM*/

.pt-0,
.py-0,
.p-0- {
	padding-top: 0px;
}

.pe-0,
.px-0,
.p-0 {
	padding-right: 0px;
}

.pb-0,
.py-0,
.p-0 {
	padding-bottom: 0px;
}

.ps-0,
.px-0,
.p-0 {
	padding-left: 0px;
}

/*0.5 REM*/

.pt-0-5,
.py-0-5,
.p-0-5 {
	padding-top: calc(var(--oea_spacing_default)*0.5);
}

.pe-0-5,
.px-0-5,
.p-0-5 {
	padding-right: calc(var(--oea_spacing_default)*0.5);
}

.pb-0-5,
.py-0-5,
.p-0-5 {
	padding-bottom: calc(var(--oea_spacing_default)*0.5);
}

.ps-0-5,
.px-0-5,
.p-0-5 {
	padding-left: calc(var(--oea_spacing_default)*0.5);
}


/*0.65 REM*/

.pt-0-65,
.py-0-65,
.p-0-65 {
	padding-top: calc(var(--oea_spacing_default)*0.65);
}

.pe-0-65,
.px-0-65,
.p-0-65 {
	padding-right: calc(var(--oea_spacing_default)*0.65);
}

.pb-0-65,
.py-0-65,
.p-0-65 {
	padding-bottom: calc(var(--oea_spacing_default)*0.65);
}

.ps-0-65,
.px-0-65,
.p-0-65 {
	padding-left: calc(var(--oea_spacing_default)*0.65);
}


/*1 REM*/

.pt-1,
.py-1,
.p-1 {
	padding-top: var(--oea_spacing_default);
}

.pe-1,
.px-1,
.p-1 {
	padding-right: var(--oea_spacing_default);
}

.pb-1,
.py-1,
.p-1 {
	padding-bottom: var(--oea_spacing_default);
}

.ps-1,
.px-1,
.p-1 {
	padding-left: var(--oea_spacing_default);
}


/*2 REM*/
.pt-2,
.py-2,
.p-2 {
	padding-top: calc(var(--oea_spacing_default)*2);
}

.pe-2,
.px-2,
.p-2 {
	padding-right: calc(var(--oea_spacing_default)*2);
}

.pb-2,
.py-2,
.p-2 {
	padding-bottom: calc(var(--oea_spacing_default)*2);
}

.ps-2,
.px-2,
.p-2 {
	padding-left: calc(var(--oea_spacing_default)*2);
}

/*3 REM*/
.pt-3, 
.py-3,
.p-3 {
	padding-top: calc(var(--oea_spacing_default)*3);
}
.pe-3,
.px-3,
.p-3 {
	padding-right: calc(var(--oea_spacing_default)*3);
}

.pb-3, 
.py-3,
.p-3 {
	padding-bottom: calc(var(--oea_spacing_default)*3);
}

.ps-3,
.px-3,
.p-3 {
	padding-left: calc(var(--oea_spacing_default)*3);
}

/*4 REM*/

.pt-4,
.py-4,
.p-4 {
	padding-top: calc(var(--oea_spacing_default)*4);
}

.pe-4,
.px-4,
.p-4 {
	padding-right: calc(var(--oea_spacing_default)*4);
}

.pb-4,
.py-4,
.p-4 {
	padding-bottom: calc(var(--oea_spacing_default)*4);
}

.ps-4,
.px-4,
.p-4 {
	padding-left: calc(var(--oea_spacing_default)*4);
}

/*5 REM*/
.pt-5 {
	padding-top: calc(var(--oea_spacing_default)*5);
}

/*6 REM*/

.pt-6,
.py-6,
.p-6 {
	padding-top: calc(var(--oea_spacing_default)*6);
}

.pe-6,
.px-6,
.p-6 {
	padding-right: calc(var(--oea_spacing_default)*6);
}

.pb-6,
.py-6,
.p-6 {
	padding-bottom: calc(var(--oea_spacing_default)*6);
}

.ps-6,
.px-6,
.p-6 {
	padding-left: calc(var(--oea_spacing_default)*6);
}

/*7 REM*/

.pt-7,
.py-7,
.p-7 {
	padding-top: calc(var(--oea_spacing_default)*7);
}

.pe-7,
.px-7,
.p-7 {
	padding-right: calc(var(--oea_spacing_default)*7);
}

.pb-7,
.py-7,
.p-7 {
	padding-bottom: calc(var(--oea_spacing_default)*7);
}

.ps-7,
.px-7,
.p-7 {
	padding-left: calc(var(--oea_spacing_default)*7);
}

/*8 REM*/

.pt-8,
.py-8,
.p-8 {
	padding-top: calc(var(--oea_spacing_default)*8);
}

.pe-8,
.px-8,
.p-8 {
	padding-right: calc(var(--oea_spacing_default)*8);
}

.pb-8,
.py-8,
.p-8 {
	padding-bottom: calc(var(--oea_spacing_default)*8);
}

.ps-8,
.px-8,
.p-8 {
	padding-left: calc(var(--oea_spacing_default)*8);
}

/*9 REM*/

.pt-9,
.py-9,
.p-9 {
	padding-top: calc(var(--oea_spacing_default)*9);
}

.pe-9,
.px-9,
.p-9 {
	padding-right: calc(var(--oea_spacing_default)*9);
}

.pb-9,
.py-9,
.p-9 {
	padding-bottom: calc(var(--oea_spacing_default)*9);
}

.ps-9,
.px-9,
.p-9 {
	padding-left: calc(var(--oea_spacing_default)*9);
}

/*10 REM*/

.pt-10,
.py-10,
.p-10 {
	padding-top: calc(var(--oea_spacing_default)*10);
}

.pe-10,
.px-10,
.p-10 {
	padding-right: calc(var(--oea_spacing_default)*10);
}

.pb-10,
.py-10,
.p-10 {
	padding-bottom: calc(var(--oea_spacing_default)*10);
}

.ps-10,
.px-10,
.p-10 {
	padding-left: calc(var(--oea_spacing_default)*10);
}

/*CSS BORDERS UTILITY*/

.border-solid {
	border-style: solid;
}

.border-top-0,
.border-0 {
	border-top-width: 0px;
}

.border-bottom-0,
.border-0 {
	border-bottom-width: 0px;
}

.border-left-0,
.border-0 {
	border-left-width: 0px;
}

.border-right-0,
.border-0 {
	border-right-width: 0px;
}

.border-top,
.border-y,
.border {
	border-top-width: var(--oea_border_sizes);
}

.border-bottom,
.border-y,
.border {
	border-bottom-width: var(--oea_border_sizes);
}

.border-left,
.border-x,
.border {
	border-left-width: var(--oea_border_sizes);
}

.border-right,
.border-x,
.border {
	border-right-width: var(--oea_border_sizes);
}

/*CSS BORDER RADIUS UTILITIES*/

.border-top-left-radius-0,
.border-radius-0 {
	border-top-left-radius: 0px;
}

.border-top-right-radius-0,
.border-radius-0  {
	border-top-right-radius: 0px;
}

.border-bottom-right-radius-0,
.border-radius-0  {
	border-bottom-right-radius: 0px;
}

.border-bottom-left-radius-0,
.border-radius-0  {
	border-bottom-left-radius: 0px;
}


/*CSS UTILITIES OPACITY*/

.opacity-5 {
    opacity: 0.5;
}

.opacity-6 {
    opacity: 0.6;
}

.opacity-8 {
    opacity: 0.8;
}

/*CSS UTILITIES OVERFLOW*/

.overflow-hidden {
	overflow: hidden;
}

.overflow-scroll {
	overflow: scroll;
}

.overflow-x-scroll {
	overflow-x: scroll;
}

.overflow-y-scroll {
	overflow-y: scroll;
}

/*CSS UTILITIES DISPLAY*/

.d-flex,
.d-flex-slider .slick-list,
.d-flex-slider .slick-track {
	display: flex;
}

.d-block {
	display: block;
}

.d-inline-block {
	display: inline-block;
}

.d-grid {
	display: grid;
}

/*CSS UTILITIES POSITION*/

.position-relative {
	position: relative;
}

.position-absolute,
.position-absolute-img img {
	position: absolute;
}

/*CSS CENTER ABSOLUTE*/

.center-absolute,
.center-absolute-img img {
    transform: translate(-50%, -50%) scale(1);
}

/*CSS CUSTOM POSITIONS*/

.top-0 {
	top: 0px;
} 

.top-50,
.top-50-img img {
    top: 50%;
}

.right-0 {
    right: 0px;
}

.right-50,
.right-50-img img {
    right: 50%;
}

.bottom-0 {
    bottom: 0px;
}

.left-0 {
	left: 0px;
}

.left-50,
.left-50-img img {
    left: 50%;
}

/*CSS CURSOR*/

.cursor-pointer {
	cursor: pointer;
}

/*CSS BOX-SHADOW*/

.box-shadow-0 {
	box-shadow: 0px 0px 0px rgba(0,0,0,0);
}

.box-shadow-1,
.box-shadow-1-hover:hover{
	box-shadow: 0 1px 1px rgba(0,0,0,0.05), 
              0 2px 2px rgba(0,0,0,0.05), 
              0 4px 4px rgba(0,0,0,0.05), 
              0 8px 8px rgba(0,0,0,0.05), 
              0 16px 16px rgba(0,0,0,0.05), 
              0 32px 32px rgba(0,0,0,0.05);
}

/*CSS UTILITIES Z-INDEX*/

.z-index-1 {
	z-index: 1;
}

.z-index-2 {
	z-index: 2;
}

/*CSS UTILITIES BACKGROUND IMAGE*/

.bg-center-center {
	background-position: center center;
}

.bg-cover {
	background-size: cover;
}

.bg-no-repeat {
	background-repeat: no-repeat;
}

/*CSS UTILITIES FLEX*/

/*Flex Directions*/

.flex-row {
	flex-direction: row;
}

.flex-column {
	flex-direction: column;
}

/*Justify Content*/

.justify-content-start {
	justify-content: start;
}

.justify-content-center {
	justify-content: center;
}

.justify-content-between {
	justify-content: space-between;
}

.justify-content-end {
	justify-content: flex-end;
}

/*Align Items*/

.align-items-center {
	align-items: center;
}

.align-items-end {
	align-items: flex-end;
}

.align-items-stretch,
.align-items-slider-stretch .slick-list,
.align-items-slider-stretch .slick-track  {
	align-items: stretch;
}

/*Align Self*/

.align-self-center {
	align-self: center;
}

/*Flex*/

.flex-fill {
    flex: 1 1 auto!important;
}

/*Wrap*/

.flex-wrap {
	flex-wrap: wrap;
}

.flex-nowrap {
    flex-wrap: nowrap;
}

/*White Space*/

.white-space-nowrap {
	white-space: nowrap;
}

.white-space-break-spaces {
	white-space: break-spaces;
}

/*Gaps*/

.gap-1px {
	gap: 1px;
}

/*Column Gap*/

.column-gap-1,
.gap-1 {
	column-gap: var(--oea_spacing_default);
}

.column-gap-2,
.gap-2 {
	column-gap: calc(var(--oea_spacing_default)*2);
}

.column-gap-3,
.gap-3 {
	column-gap: calc(var(--oea_spacing_default)*3);
}

.column-gap-4,
.gap-4 {
	column-gap: calc(var(--oea_spacing_default)*4);
}

.column-gap-5,
.gap-5 {
	column-gap: calc(var(--oea_spacing_default)*5);
}

.column-gap-6,
.gap-6 {
	column-gap: calc(var(--oea_spacing_default)*6);
}

/*Row Gap*/

.row-gap-1,
.gap-1 {
	row-gap: var(--oea_spacing_default);
}

.row-gap-2,
.gap-2 {
	row-gap: calc(var(--oea_spacing_default)*2);
}

.row-gap-3,
.gap-3 {
	row-gap: calc(var(--oea_spacing_default)*3);
}

.row-gap-4,
.gap-4 {
	row-gap: calc(var(--oea_spacing_default)*4);
}

.row-gap-5,
.gap-5 {
	row-gap: calc(var(--oea_spacing_default)*5);
}

.row-gap-6,
.gap-6 {
	row-gap: calc(var(--oea_spacing_default)*6);
}

/*Flex Basis*/

.flex-basis-40 {
	flex-basis: 40%;
}

.flex-basis-50 {
	flex-basis: 50%;
}

.flex-basis-60 {
	flex-basis: 60%;
}

/*CSS UTILITIES GRID*/

/*Grid Templates Columns*/

.template-columns-1 {
	grid-template-columns: repeat(1,1fr);
}

.template-columns-2 {
	grid-template-columns: repeat(2,1fr);
}

.template-columns-3 {
	grid-template-columns: repeat(3,1fr);
}

.template-columns-4 {
	grid-template-columns: repeat(4,1fr);
}


/*CSS UTILITIES OBJECT FIT*/

.object-fit-contain {
	object-fit: contain;
}

.object-fit-cover,
.object-fit-cover-img img {
	object-fit: cover;
}

/*CSS UTILITIES VERTICAL ALIGN*/

.align-middle {
	vertical-align: middle;
}

/*CSS UTILITES TRUNCATE*/

.truncate {
    display: -webkit-box;
    overflow: hidden;
}
.truncate-vertical {
    -webkit-box-orient: vertical;
}

.truncate-3 {
	-webkit-line-clamp: 3;
}

.truncate-5 {
	-webkit-line-clamp: 5;
}

@media only screen and (min-width: 1024px) {
	.hide-desktop {
		display: none !important;
	}
}

/*MEDIA QUERY MEDIUM DEVICES (MD)*/
@media only screen and (max-width: 1024px) {

/*CSS WIDTH UTILITIES (MD)*/	

.width-md-40 {
	width: 40%;
}
	
.width-md-50 {
	width: 50%;
}	
	
.width-md-60 {
	width: 60%;
}
	
/*Column Gap (MD)*/

.column-gap-md-2,
.gap-md-2 {
	column-gap: calc(var(--oea_spacing_default)*2);
}
	
.row-gap-md-2,
.gap-md-2 {
	row-gap: calc(var(--oea_spacing_default)*2);
}
	
.column-gap-md-3,
.gap-md-3 {
	column-gap: calc(var(--oea_spacing_default)*3);
}
	
.row-gap-md-3,
.gap-md-3 {
	row-gap: calc(var(--oea_spacing_default)*3);
}
	
/*CSS UTILITIES FLEX (MD)*/

/*Flex Directions (MD)*/

.flex-md-row {
	flex-direction: row;
}

.flex-md-column {
	flex-direction: column;
}

/*CSS UTILITIES TEXT ALIGNEMENT (MD)*/

.text-md-center {
	text-align: center;
}

/*Flex Basis (MD)*/

.flex-basis-md-0 {
	flex-basis: 0%;
}

/*CSS FONT SIZE (MD)*/

.fs-md-1 {
	font-size: 1rem;
}

.fs-md-1-5 {
	font-size: 1.5rem;
}

.fs-md-2 {
	font-size: 2rem;
}

.fs-md-2-5 {
	font-size: 2.5rem;
}

/*CSS BORDERS UTILITIES (MD)*/

.border-md-top-0 {
	border-top-width: 0px;
}

.border-md-bottom-0 {
	border-bottom-width: 0px;
}

.border-md-left-0 {
	border-left-width: 0px;
}

.border-md-right-0 {
	border-right-width: 0px;
}

.border-md-top {
	border-top-width: var(--oea_border_sizes);
}

.border-md-bottom {
	border-bottom-width: var(--oea_border_sizes);
}

.border-md-left {
	border-left-width: var(--oea_border_sizes);
}

.border-md-right {
	border-right-width: var(--oea_border_sizes);
}

/*CSS UTILITIES MARGIN (MD)*/

/*0 REM*/

.m-md-0,
.mt-md-0,
.my-md-0{
	margin-top: 0px;
}

.m-md-0,
.me-md-0,
.mx-md-0 {
	margin-right: 0px;
}

.m-md-0,
.mb-md-0,
.my-md-0 {
	margin-bottom: 0px;
}

.m-md-0,
.ms-md-0,
.mx-md-0 {
	margin-left: 0px;
}
	
	
/*1 REM*/

.m-md-1,
.mt-md-1,
.my-md-1{
	margin-top: calc(var(--oea_spacing_default)*1);
}

.m-md-1,
.me-md-1,
.mx-md-1 {
	margin-right: calc(var(--oea_spacing_default)*1);
}

.m-md-1,
.mb-md-1,
.my-md-1 {
	margin-bottom: calc(var(--oea_spacing_default)*1);
}

.m-md-1,
.ms-md-1,
.mx-md-1 {
	margin-left: calc(var(--oea_spacing_default)*1);
}

/*2 REM*/

.m-md-2,
.mt-md-2,
.my-md-2{
	margin-top: calc(var(--oea_spacing_default)*2);
}

.m-md-2,
.me-md-2,
.mx-md-2 {
	margin-right: calc(var(--oea_spacing_default)*2);
}

.m-md-2,
.mb-md-2,
.my-md-2 {
	margin-bottom: calc(var(--oea_spacing_default)*2);
}

.m-md-2,
.ms-md-2,
.mx-md-2 {
	margin-left: calc(var(--oea_spacing_default)*2);
}

/*CSS UTILITIES PADDING (MD)*/

/*0 REM (MD)*/
.pt-md-0,
.py-md-0,
.p-md-0 {
	padding-top: 0px;
}

.pb-md-0,
.py-md-0,
.p-md-0  {
	padding-bottom: 0px;
}

.ps-md-0,
.px-md-0,
.p-md-0  {
	padding-left: 0px;
}

.pe-md-0,
.px-md-0,
.p-md-0  {
	padding-right: 0px;
}

/*1 REM (MD)*/

.pt-md-1,
.py-md-1,
.p-md-1 {
	padding-top: calc(var(--oea_spacing_default)*1);
}

.pe-md-1,
.px-md-1,
.p-md-1 {
	padding-right: calc(var(--oea_spacing_default)*1);
}

.pb-md-1,
.py-md-1,
.p-md-1 {
	padding-bottom: calc(var(--oea_spacing_default)*1);
}

.ps-md-1,
.px-md-1,
.p-md-1 {
	padding-left: calc(var(--oea_spacing_default)*1);
}	

/*2 REM (MD)*/

.pt-md-2,
.py-md-2,
.p-md-2 {
	padding-top: calc(var(--oea_spacing_default)*2);
}

.pe-md-2,
.px-md-2,
.p-md-2 {
	padding-right: calc(var(--oea_spacing_default)*2);
}

.pb-md-2,
.py-md-2,
.p-md-2 {
	padding-bottom: calc(var(--oea_spacing_default)*2);
}

.ps-md-2,
.px-md-2,
.p-md-2 {
	padding-left: calc(var(--oea_spacing_default)*2);
}

/*3 REM (MD)*/

.pt-md-3,
.py-md-3,
.p-md-3 {
	padding-top: calc(var(--oea_spacing_default)*3);
}

.pe-md-3,
.px-md-3,
.p-md-3 {
	padding-right: calc(var(--oea_spacing_default)*3);
}

.pb-md-3,
.py-md-3,
.p-md-3 {
	padding-bottom: calc(var(--oea_spacing_default)*3);
}

.ps-md-3,
.px-md-3,
.p-md-3 {
	padding-left: calc(var(--oea_spacing_default)*3);
}	

/*4 REM (MD)*/

.pt-md-4,
.py-md-4,
.p-md-4 {
	padding-top: calc(var(--oea_spacing_default)*4);
}

.pe-md-4,
.px-md-4,
.p-md-4 {
	padding-right: calc(var(--oea_spacing_default)*4);
}

.pb-md-4,
.py-md-4,
.p-md-4 {
	padding-bottom: calc(var(--oea_spacing_default)*4);
}

.ps-md-4,
.px-md-4,
.p-md-4 {
	padding-left: calc(var(--oea_spacing_default)*4);
}
	
/*Grid Templates Columns (MD)*/

.template-columns-md-1 {
	grid-template-columns: repeat(1,1fr);
}

.template-columns-md-2 {
	grid-template-columns: repeat(2,1fr);
}

.template-columns-md-3 {
	grid-template-columns: repeat(3,1fr);
}

.template-columns-md-4 {
	grid-template-columns: repeat(4,1fr);
}	

}

/*MEDIA QUERY SMALL DEVICES (SM)*/
@media only screen and (max-width: 767px) {
	
/*CSS WIDTH UTILITIES (SM)*/

.width-sm-100 {
	width: 100%;
}

/*CSS UTILITIES DISPLAY (SM)*/

.d-none-sm {
	display: none !important;
}

/*CSS UTILITIES POSITION (SM)*/

.position-sm-relative {
	position: relative !important;
}

/*CSS UTILITIES TEXT ALIGNEMENT (SM)*/

.text-sm-center {
	text-align: center;
}
	
.text-sm-left {
	text-align: left;
}	

/*CSS FONT SIZE (SM)*/

.fs-sm-1-2 {
	font-size: 1.2rem;
}

.fs-sm-1-5 {
	font-size: 1.5rem;
}

.fs-sm-2 {
	font-size: 2rem;
}

/*CSS UTILITIES MARGIN (SM)*/

/*AUTO*/

.ms-sm-auto,
.mx-sm-auto {
	margin-left: auto;
}

.me-sm-auto,
.mx-sm-auto {
	margin-right: auto;
}

.mt-sm-auto,
.my-sm-auto {
	margin-top: auto;
}

.mb-sm-auto,
.my-sm-auto {
	margin-bottom: auto;
}

/*0 REM*/

.m-sm-0,
.mt-sm-0,
.my-sm-0{
	margin-top: 0px;
}

.m-sm-0,
.me-sm-0,
.mx-sm-0 {
	margin-right: 0px;
}

.m-sm-0,
.mb-sm-0,
.my-sm-0 {
	margin-bottom: 0px;
}

.m-sm-0,
.ms-sm-0,
.mx-sm-0 {
	margin-left: 0px;
}

/*0.5 REM*/
.mt-sm-0-5,
.my-sm-0-5,
.m-0-5 {
	margin-top: calc(var(--oea_spacing_default)*0.5);
}

.me-sm-0-5,
.mx-sm-0-5,
.m-0-5 {
	margin-right: calc(var(--oea_spacing_default)*0.5);
}

.mb-sm-0-5,
.my-sm-0-5,
.m-0-5 {
	margin-bottom: calc(var(--oea_spacing_default)*0.5);
}

.ms-sm-0-5,
.mx-sm-0-5,
.m-0-5 {
	margin-left: calc(var(--oea_spacing_default)*0.5);
}

/*1 REM*/
.mt-sm-1,
.my-sm-1,
.m-sm-1 {
	margin-top: var(--oea_spacing_default);
}

.me-sm-1,
.mx-sm-1,
.m-sm-1 {
	margin-right: var(--oea_spacing_default);
}

.mb-sm-1,
.my-sm-1,
.m-sm-1 {
	margin-bottom: var(--oea_spacing_default);
}

.ms-sm-1,
.mx-sm-1,
.m-sm-1{
	margin-left: var(--oea_spacing_default);
}

/*2 REM*/
.mt-sm-2,
.my-sm-2,
.m-sm-2 {
	margin-top: calc(var(--oea_spacing_default)*2);
}

.me-sm-2,
.mx-sm-2,
.m-sm-2 {
	margin-right: calc(var(--oea_spacing_default)*2);
}

.mb-sm-2,
.my-sm-2,
.m-sm-2 {
	margin-bottom: calc(var(--oea_spacing_default)*2);
}

.ms-sm-2,
.mx-sm-2,
.m-sm-2 {
	margin-left: calc(var(--oea_spacing_default)*2);
}

/*-2 REM*/
.mt-n-sm-2,
.my-n-sm-2,
.m-n-sm-2 {
	margin-top: calc(var(--oea_spacing_default)*-2);
}

.me-n-sm-2,
.mx-n-sm-2,
.m-n-sm-2 {
	margin-right: calc(var(--oea_spacing_default)*-2);
}

.mb-n-sm-2,
.my-n-sm-2,
.m-n-sm-2 {
	margin-bottom: calc(var(--oea_spacing_default)*-2);
}

.ms-n-sm-2,
.mx-n-sm-2,
.m-n-sm-2 {
	margin-left: calc(var(--oea_spacing_default)*-2);
}

/*CSS UTILITIES PADDING (SM)*/

/*0 REM (SM)*/
.pt-sm-0,
.py-sm-0,
.p-sm-0 {
	padding-top: 0px;
}

.pb-sm-0,
.py-sm-0,
.p-sm-0  {
	padding-bottom: 0px;
}

.ps-sm-0,
.px-sm-0,
.p-sm-0  {
	padding-left: 0px;
}

.pe-sm-0,
.px-sm-0,
.p-sm-0  {
	padding-right: 0px;
}

/*0.5 REM (SM)*/

.pt-sm-0-5,
.py-sm-0-5,
.p-sm-0-5 {
	padding-top: calc(var(--oea_spacing_default)*0.5);
}

.pe-sm-0-5,
.px-sm-0-5,
.p-sm-0-5 {
	padding-right: calc(var(--oea_spacing_default)*0.5);
}

.pb-sm-0-5,
.py-sm-0-5,
.p-sm-0-5 {
	padding-bottom: calc(var(--oea_spacing_default)*0.5);
}

.ps-sm-0-5,
.px-sm-0-5,
.p-sm-0-5 {
	padding-left: calc(var(--oea_spacing_default)*0.5);
}

/*1 REM (SM)*/
.pt-sm-1,
.py-sm-1,
.p-sm-1 {
	padding-top: var(--oea_spacing_default);
}

.pb-sm-1,
.py-sm-1,
.p-sm-1  {
	padding-bottom: var(--oea_spacing_default);
}

.ps-sm-1,
.px-sm-1,
.p-sm-1  {
	padding-left: var(--oea_spacing_default);
}

.pe-sm-1,
.px-sm-1,
.p-sm-1  {
	padding-right: var(--oea_spacing_default);
}

/*2 REM (SM)*/
.pt-sm-2,
.py-sm-2,
.p-sm-2 {
	padding-top: calc(var(--oea_spacing_default)*2);
}

.pe-sm-2,
.px-sm-2,
.p-sm-2 {
	padding-right: calc(var(--oea_spacing_default)*2);
}

.pb-sm-2,
.py-sm-2,
.p-sm-2 {
	padding-bottom: calc(var(--oea_spacing_default)*2);
}

.ps-sm-2,
.px-sm-2,
.p-sm-2 {
	padding-left: calc(var(--oea_spacing_default)*2);
}

/*3 REM (SM)*/
.pt-sm-3,
.py-sm-3,
.p-sm-3 {
	padding-top: calc(var(--oea_spacing_default)*3);
}

.pe-sm-3,
.px-sm-3,
.p-sm-3 {
	padding-right: calc(var(--oea_spacing_default)*3);
}

.pb-sm-3,
.py-sm-3,
.p-sm-3 {
	padding-bottom: calc(var(--oea_spacing_default)*3);
}

.ps-sm-3,
.px-sm-3,
.p-sm-3 {
	padding-left: calc(var(--oea_spacing_default)*3);
}

/*4 REM (SM)*/
.pt-sm-4,
.py-sm-4,
.p-sm-4 {
	padding-top: calc(var(--oea_spacing_default)*4);
}

.pe-sm-4,
.px-sm-4,
.p-sm-4 {
	padding-right: calc(var(--oea_spacing_default)*4);
}

.pb-sm-4,
.py-sm-4,
.p-sm-4{
	padding-bottom: calc(var(--oea_spacing_default)*4);
}

.ps-sm-4,
.px-sm-4,
.p-sm-4 {
	padding-left: calc(var(--oea_spacing_default)*4);
}

/*6 REM (SM)*/
.pt-sm-6,
.py-sm-6,
.p-sm-6 {
	padding-top: calc(var(--oea_spacing_default)*6);
}

.pe-sm-6,
.px-sm-6,
.p-sm-6 {
	padding-right: calc(var(--oea_spacing_default)*6);
}

.pb-sm-6,
.py-sm-6,
.p-sm-6 {
	padding-bottom: calc(var(--oea_spacing_default)*6);
}

.ps-sm-6,
.px-sm-6,
.p-sm-6 {
	padding-left: calc(var(--oea_spacing_default)*6);
}

/*CSS BORDERS UTILITIES (SM)*/

.border-sm-top-0 {
	border-top-width: 0px;
}

.border-sm-bottom-0 {
	border-bottom-width: 0px;
}

.border-sm-left-0 {
	border-left-width: 0px;
}

.border-sm-right-0 {
	border-right-width: 0px;
}

.border-sm-top {
	border-top-width: var(--oea_border_sizes);
}

.border-sm-bottom {
	border-bottom-width: var(--oea_border_sizes);
}

.border-sm-left {
	border-left-width: var(--oea_border_sizes);
}

.border-sm-right {
	border-right-width: var(--oea_border_sizes);
}

/*CSS UTILITIES FLEX (SM)*/

/*Flex Directions (SM)*/

.flex-sm-row {
	flex-direction: row;
}

.flex-sm-column {
	flex-direction: column;
}

.flex-sm-column-reverse {
	flex-direction: column-reverse;
}

/*Justify Content (SM)*/

.justify-content-sm-start {
	justify-content: start;
}

/*Align Items (SM)*/

.align-items-sm-center {
	align-items: center;
}

/*Column Gap (SM)*/

.column-gap-sm-0,
.gap-sm-0 {
	column-gap: 0px;
}

.column-gap-sm-1,
.gap-sm-1 {
	column-gap: var(--oea_spacing_default);
}

.column-gap-sm-2,
.gap-sm-2 {
	column-gap: calc(var(--oea_spacing_default)*2);
}

.column-gap-sm-3,
.gap-sm-3 {
	column-gap: calc(var(--oea_spacing_default)*3);
}

.column-gap-sm-4,
.gap-sm-4 {
	column-gap: calc(var(--oea_spacing_default)*4);
}

.column-gap-sm-5,
.gap-sm-5 {
	column-gap: calc(var(--oea_spacing_default)*4);
}

/*Row Gap (SM)*/

.row-gap-sm-0,
.gap-sm-0 {
	row-gap: 0px;
}

.row-gap-sm-1,
.gap-sm-1 {
	row-gap: var(--oea_spacing_default);
}

.row-gap-sm-2,
.gap-sm-2 {
	row-gap: calc(var(--oea_spacing_default)*2);
}

.row-gap-sm-3,
.gap-sm-3 {
	row-gap: calc(var(--oea_spacing_default)*3);
}

.row-gap-sm-4,
.gap-sm-4 {
	row-gap: calc(var(--oea_spacing_default)*4);
}

.row-gap-sm-5,
.gap-sm-5 {
	row-gap: calc(var(--oea_spacing_default)*5);
}

/*Grid Templates Columns (SM)*/

.template-columns-sm-1 {
	grid-template-columns: repeat(1,1fr);
}

.template-columns-sm-2 {
	grid-template-columns: repeat(2,1fr);
}

.template-columns-sm-3 {
	grid-template-columns: repeat(3,1fr);
}

.template-columns-sm-4 {
	grid-template-columns: repeat(4,1fr);
}

}