@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');
/* -------------- VARIABLES -------------- */
:root {
	--white: #fffbf4;                 /* White/Clear */
	--color01: #fffbf4;                 /* White/Clear */
	--color02: #232e29;                 /* Dark green */
	--color03: #3b432c;                 /* Green */
	--color04: #35463f;                 /* Light Green */
	--color05: #ff7d3d;                 /* Orange */
	--color06: #ffab82;                 /* Light Orange */
	--color07: #f6f0e4;                 /* Beige */
	--color08: #abb2a9;				/*Very light green*/
	--colorTxt: #596d65;                /* Basic Text color */
	--colorScheme1: #b2714f;
	--colorScheme2: #cfc1a7;
	--colorScheme3: #1e342d;
	--colorScheme4: #6b7d67;
	--colorScheme5: #b68658;
	--whiteTransp: rgba(255, 255, 255, 0.7); 
	--bg: var(--color01);
	--font: 20px;
	--fontSM: 13px;
	--fontL: 24px;
	--boxed: 1440px;
	--boxedSM: 1280px;
	--boxedXM: 960px;
	--radius: 4px;
	--radiusL: 10px;
	--radiusBtn: 20px;
	--paddBtn: 8px 24px 8px 24px;
	--paddBtnL: 24px 40px 24px 40px;
	--paddSect: 80px 20px;
	--paddSectSM: 40px 20px;
	--paddSides: 80px;
}

/* :root {
	--white: #fffbf4;
	--color01: #fffbf4;
	--color02: #1E342D;
	--color03: #3b432c;
	--color04: #6B7D67;
	--color05: #ff7d3d;
	--color06: #ffab82;
	--color07: #E9E5DB;
	--color08: #CFC1A7;
	--colorTxt: #596d65;
	--whiteTransp: rgba(255, 255, 255, 0.7); 
	--bg: var(--color01);
	--font: 20px;
	--fontSM: 13px;
	--fontL: 24px;
	--boxed: 1440px;
	--boxedSM: 1280px;
	--boxedXM: 960px;
	--radius: 4px;
	--radiusL: 10px;
	--radiusBtn: 20px;
	--paddBtn: 8px 24px 8px 24px;
	--paddBtnL: 24px 40px 24px 40px;
	--paddSect: 80px 20px;
	--paddSectSM: 40px 20px;
	--paddSides: 80px;
} */



/* -------------- RESET -------------- */
*,a{margin:0;padding:0}a,html{font-size:100%}.clearfix,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,img,menu,nav,section,summary{display:block}*,:focus{outline:0}a,img{border:0}a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;background:0 0}em,mark{font-style:italic}ins,mark{background-color:#ff9;color:#000}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{vertical-align:baseline;background:0 0}ins{text-decoration:none}mark{font-weight:700}del{text-decoration:line-through}input,select{vertical-align:middle}table{border-collapse:separate;border-spacing:0}caption,td,th{text-align:left;font-weight:400}input[type=submit]{-webkit-appearance:none}img,object{max-width:100%}p{margin-bottom:30px}.gallery-caption{margin-left:0;margin-bottom:10px;padding:0 10px}.aligncenter,.aligncenter img{margin-left:auto;margin-right:auto;clear:both}.clear{clear:both;height:0}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.none{display:none}.alignleft{float:left}.alignright{float:right;text-align:right}.aligncenter{display:block}.alignleft img{float:left}.alignright img{float:right}.aligncenter img{display:block}img.alignleft{float:left;margin:0 30px 0 0}img.alignright{float:right;margin:0 0 0 30px}img.aligncenter{margin-left:auto;margin-right:auto;display:block;clear:both}iframe{display:block}input,textarea{font-size:inherit;line-height:inherit;font-family:inherit;outline:0}.inv{display:none}a img{border:none}img{margin:0;padding:0;white-space:normal;display:block}.alignleft{text-align:left}.aligncenter{text-align:center}.alignRight{text-align:right}.alignLeft{text-align:left}.alignCenter{text-align:center}.right{text-align:right}.left{text-align:left}.center{text-align:center}.wp-smiley{display:inline}

/* -------------- LET'S GO -------------- */
html *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 

body{
	background: var(--bg);
	color: var(--colorTxt);
	font-family: 'Figtree', 'Source Sans Pro','Open Sans', sans-serif;
	font-size: var(--font);
	line-height: 1.5;
	font-weight: 400;
	margin:0;
	padding:0;
	position: relative;
	-webkit-font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

::selection{background-color: var(--color04); color: var(--color01);}
::-moz-selection{background-color: var(--color04); color: var(--color01);}

::-webkit-scrollbar { width: 12px; } /* width */
::-webkit-scrollbar-track { background: var(--color01);  } /* Track */
::-webkit-scrollbar-thumb { background: var(--color04); border-radius: 8px; } /* Handle */
::-webkit-scrollbar-thumb:hover { cursor: ns-resize !important; } /* Handle on hover */

.gecko * { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/*----------------------------------*/
/*	 TYPOGRAPHY						*/
/*----------------------------------*/
.balanced{ text-wrap: balance; }
.figtree {
	font-family: "Figtree", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}
.figtree-bold {
	font-family: "Figtree", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
}

.isBlock{ display: block; }
.isInlineBlock{ display: inline-block; }


a, input.button{
	cursor:pointer;
	text-decoration:none;
	  -webkit-transition: all 0.2s ease-in-out;
		 -moz-transition: all 0.2s ease-in-out;
		   -o-transition: all 0.2s ease-in-out;
			  transition: all 0.2s ease-in-out;
}


h1 , h2 , h3 , h4 , h5 , h6 {color: var(--color02);font-family: inherit;font-weight: bold;font-style: inherit;}
.colored h1 , .colored h2, .colored h3, .colored h4, .colored h5, .colored h6{color: currentColor; }
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong{ font-weight: bold; font-weight: 500; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img{ display: inline-block; }

h1, .asH1, .ash1{ font-size: 72px; line-height: 72px; margin-bottom: 30px; }
h2, .asH2, .ash2{ font-size: 50px; line-height: 58px; margin-bottom: 20px; }
h3, .asH3, .ash3{ font-size: 40px; line-height: 50px; margin-bottom: 10px; }
h4, .asH4, .ash4{ font-size: 24px; line-height: 30px; margin-bottom: 10px; }
h5, .asH5, .ash5{ font-size: 18px !important; line-height: 24px !important; margin-bottom: 10px !important; }
h6, .asH6, .ash6{ font-size: 16px; line-height: 19px; margin-bottom: 10px; }

strong { font-weight: bold; }
em     { font-style: italic; }
small {
    font-size: calc(var(--font) - 4px);
    line-height: 1.5;
    display: inline-block;
}
.small{ font-size: var(--fontSM); line-height: 1.5; display: inline-block; }
.smaller {
    font-size: calc(var(--font) / 1.25);
    line-height: 1.5;
    display: inline-block;
}
sup{ position: relative; font-size: 60%; line-height: 12px; top: -5px; }
.chapo{ font-size: calc(var(--font) * 1.2); line-height: 1.3; margin-bottom: 20px; }
.chapo p:last-child{ margin-bottom: 0px; }
.font{ font-size: calc(17px + (36 - 17) * ((100vw - 300px) / (2000 - 300))); line-height: normal; }

.color01{ color: var(--color01); }
.color02{ color: var(--color02); }
.color03{ color: var(--color03); }
.color04{ color: var(--color04); }
.color05{ color: var(--color05); }
.color06{ color: var(--color06); }
.color07{ color: var(--color07); }


/*----------------------------------*/
/*	 COLUMNS						*/
/*----------------------------------*/
.row:after{ content:".";display:block;height:0;clear:both;visibility:hidden }
.row_col{ display: block; float: left; }
.col_gap_20{ margin-right: -20px; margin-left: -20px; }
.col_gap_20 .row_col{ padding-left: 20px; padding-right: 20px; }

.c-1-1{ width:100%; }
.c-1-2{ width:50%; }
.c-1-3{ width:33.33333336%; }
.c-1-4{ width:25%; }
.c-1-5{ width:20%; }
.c-1-6{ width:16.66666667%; }
	.c-2-2{ width:100%; }
	.c-2-3{ width:66.33333336%; }
	.c-2-4{ width:50%; }
	.c-2-5{ width:40%; }
	.c-2-6{ width:32.33333336%; }
		.c-3-4{ width:75%; }
		.c-3-5{ width:60%; }
		.c-3-6{ width:100%; }
			.c-4-5{ width:100%; }
			.c-4-6{ width:100%; }
				.c-5-6{ width:100%; }


/*----------------------------------*/
/*	 GRID							*/
/*----------------------------------*/
.gridder{ display:grid; }
.gridder.gval-center{ align-items: center; }
.reversed{direction: rtl; text-align: left;}
.gridder.g-1-1{ grid-template-columns: 1fr 1fr; }
.gridder.g-2-1{ grid-template-columns: 1fr 0.5fr; }
.gridder.g-1-1-1{ grid-template-columns: 1fr 1fr 1fr; }
.gridder.g-1-1-1-1{ grid-template-columns: 1fr 1fr 1fr 1fr; }
.gridder.g-1-3{ grid-template-columns: 0.25fr 1fr; }
.gridder.g-1-1-1-1-1{ grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }

.gridder.g-1-300{ grid-template-columns: 1fr 300px; }
.gridder.g-300-1{ grid-template-columns: 300px 1fr; }

.gridder.g-1-400{ grid-template-columns: 1fr 400px; }
.gridder.g-400-1{ grid-template-columns: 400px 1fr; }

.gap40{ row-gap: 40px; column-gap: 40px; }
.rowGap10{ row-gap: 10px; }
.rowGap20{ row-gap: 20px; }
.rowGap30{ row-gap: 30px; }
.rowGap40{ row-gap: 40px; }
.columnGap10{ column-gap: 10px; }
.columnGap20{ column-gap: 20px; }
.columnGap30{ column-gap: 30px; }
.columnGap40{ column-gap: 40px; }


/*----------------------------------*/
/*	 MARGINS & BLOCKS				*/
/*----------------------------------*/
.gap-10, .gap-20, .gap-30, .gap-40, .gap-50, .gap-60, .gap-70, .gap-80, .gap-90, .gap-100{ display:block; width:100%; }
.gap-10{ height: 10px; } .gap-20{ height: 20px; } .gap-30{ height: 30px; } .gap-40{ height: 40px; } .gap-50{ height: 50px; } .gap-60{ height: 60px; } .gap-70{ height: 70px; } .gap-80{ height: 80px; } .gap-90{ height: 90px; } .gap-100{ height: 100px; }

.max100{ width: 100%; max-width: 100px !important; margin-left: auto; margin-right: auto; float: none;}
.max200{ width: 100%; max-width: 200px !important; margin-left: auto; margin-right: auto; float: none;}
.max300{ width: 100%; max-width: 300px !important; margin-left: auto; margin-right: auto; float: none;}
.max400{ width: 100%; max-width: 400px !important; margin-left: auto; margin-right: auto; float: none;}
.max500{ width: 100%; max-width: 500px !important; margin-left: auto; margin-right: auto; float: none;}
.max600{ width: 100%; max-width: 600px !important; margin-left: auto; margin-right: auto; float: none;}
.max700{ width: 100%; max-width: 700px !important; margin-left: auto; margin-right: auto; float: none;}
.max800{ width: 100%; max-width: 800px !important; margin-left: auto; margin-right: auto; float: none;}
.max900{ width: 100%; max-width: 900px !important; margin-left: auto; margin-right: auto; float: none;}
.max1000{ width: 100%; max-width: 1000px !important; margin-left: auto; margin-right: auto; float: none;}
.max1100{ width: 100%; max-width: 1100px !important; margin-left: auto; margin-right: auto; float: none;}
.max1200{ width: 100%; max-width: 1200px !important; margin-left: auto; margin-right: auto; float: none;}
.max1280{ width: 100%; max-width: 1280px !important; margin-left: auto; margin-right: auto; float: none;}
.max1400{ width: 100%; max-width: 1400px !important; margin-left: auto; margin-right: auto; float: none;}
.max1440{ width: 100%; max-width: 1440px !important; margin-left: auto; margin-right: auto; float: none;}
.max1600{ width: 100%; max-width: 1600px !important; margin-left: auto; margin-right: auto; float: none;}

.w50{ max-width: 50px;  }
.w100{ max-width: 100px;  }
.w200{ max-width: 200px;  }
.w300{ max-width: 300px;  }
.w400{ max-width: 400px;  }
.w500{ max-width: 500px;  }
.w600{ max-width: 600px;  }
.w700{ max-width: 700px;  }
.w800{ max-width: 800px;  }
.w900{ max-width: 900px;  }
.w1000{ max-width: 1000px;  }
.w1100{ max-width: 1100px;  }
.w1200{ max-width: 1200px;  }
.w1300{ max-width: 1300px;  }
.w960{ max-width: 960px;  }
.w1280{ max-width: 1280px;  }

.m-b-0{ margin-bottom: 0px; }
.m-b-10{ margin-bottom: 10px; }
.m-b-20{ margin-bottom: 20px; }
.m-b-30{ margin-bottom: 30px; }
.m-b-40{ margin-bottom: 40px; }
.m-b-50{ margin-bottom: 50px; }
.m-b-60{ margin-bottom: 60px; }
.m-b-70{ margin-bottom: 70px; }
.m-b-80{ margin-bottom: 80px; }
.m-b-90{ margin-bottom: 90px; }
.m-b-100{ margin-bottom: 100px; }

.m-t-0{ margin-top: 0px; }
.m-t-10{ margin-top: 10px; }
.m-t-20{ margin-top: 20px; }
.m-t-30{ margin-top: 30px; }
.m-t-40{ margin-top: 40px; }
.m-t-50{ margin-top: 50px; }
.m-t-60{ margin-top: 60px; }
.m-t-70{ margin-top: 70px; }
.m-t-80{ margin-top: 80px; }
.m-t-90{ margin-top: 90px; }
.m-t-100{ margin-top: 100px; }


.mb-0{ margin-bottom: 0px; }
.mb-10{ margin-bottom: 10px; }
.mb-20{ margin-bottom: 20px; }
.mb-30{ margin-bottom: 30px; }
.mb-40{ margin-bottom: 40px; }
.mb-50{ margin-bottom: 50px; }
.mb-60{ margin-bottom: 60px; }
.mb-70{ margin-bottom: 70px; }
.mb-80{ margin-bottom: 80px; }
.mb-90{ margin-bottom: 90px; }
.mb-100{ margin-bottom: 100px; }

.mt-0{ margin-top: 0px; }
.mt-10{ margin-top: 10px; }
.mt-20{ margin-top: 20px; }
.mt-30{ margin-top: 30px; }
.mt-40{ margin-top: 40px; }
.mt-50{ margin-top: 50px; }
.mt-60{ margin-top: 60px; }
.mt-70{ margin-top: 70px; }
.mt-80{ margin-top: 80px; }
.mt-90{ margin-top: 90px; }
.mt-100{ margin-top: 100px; }

.px-10{ padding-left: 10px; padding-right: 10px; }
.px-20{ padding-left: 20px; padding-right: 20px; }
.px-30{ padding-left: 30px; padding-right: 30px; }
.px-40{ padding-left: 40px; padding-right: 40px; }
.px-50{ padding-left: 50px; padding-right: 50px; }
.px-60{ padding-left: 60px; padding-right: 60px; }
.px-70{ padding-left: 70px; padding-right: 70px; }
.px-80{ padding-left: 80px; padding-right: 80px; }
.px-90{ padding-left: 90px; padding-right: 90px; }
.px-100{ padding-left: 100px; padding-right: 100px; }

.py-10{ padding-top: 10px; padding-bottom: 10px; }
.py-20{ padding-top: 20px; padding-bottom: 20px; }
.py-30{ padding-top: 30px; padding-bottom: 30px; }
.py-40{ padding-top: 40px; padding-bottom: 40px; }
.py-50{ padding-top: 50px; padding-bottom: 50px; }
.py-60{ padding-top: 60px; padding-bottom: 60px; }
.py-70{ padding-top: 70px; padding-bottom: 70px; }
.py-80{ padding-top: 80px; padding-bottom: 80px; }
.py-90{ padding-top: 90px; padding-bottom: 90px; }
.py-100{ padding-top: 100px; padding-bottom: 100px; }
.py-5vw{ padding-top: 5vw; padding-bottom: 5vw; }
.py-10vw{ padding-top: 10vw; padding-bottom: 10vw; }

.pb-10{ padding-bottom: 10px; }
.pb-20{ padding-bottom: 20px; }
.pb-30{ padding-bottom: 30px; }
.pb-40{ padding-bottom: 40px; }
.pb-50{ padding-bottom: 50px; }
.pb-60{ padding-bottom: 60px; }
.pb-70{ padding-bottom: 70px; }
.pb-80{ padding-bottom: 80px; }
.pb-90{ padding-bottom: 90px; }
.pb-100{ padding-bottom: 100px; }
.pb-110{ padding-bottom: 110px; }
.pb-120{ padding-bottom: 120px; }
.pb-130{ padding-bottom: 130px; }
.pb-140{ padding-bottom: 140px; }
.pb-150{ padding-bottom: 150px; }
.pb-160{ padding-bottom: 160px; }
.pb-5vw{ padding-bottom: 5vw; }
.pb-10vw{ padding-bottom: 10vw; }

.pt-10{ padding-top: 10px; }
.pt-20{ padding-top: 20px; }
.pt-30{ padding-top: 30px; }
.pt-40{ padding-top: 40px; }
.pt-50{ padding-top: 50px; }
.pt-60{ padding-top: 60px; }
.pt-70{ padding-top: 70px; }
.pt-80{ padding-top: 80px; }
.pt-90{ padding-top: 90px; }
.pt-100{ padding-top: 100px; }
.pt-110{ padding-top: 110px; }
.pt-120{ padding-top: 120px; }
.pt-130{ padding-top: 130px; }
.pt-140{ padding-top: 140px; }
.pt-150{ padding-top: 150px; }
.pt-160{ padding-top: 160px; }
.pt-2vw{ padding-top: 2vw; }
.pt-5vw{ padding-top: 5vw; }
.pt-10vw{ padding-top: 10vw; }

.pr-10{ padding-right: 10px; }
.pr-20{ padding-right: 20px; }
.pr-30{ padding-right: 30px; }
.pr-40{ padding-right: 40px; }
.pr-50{ padding-right: 50px; }
.pr-60{ padding-right: 60px; }
.pr-70{ padding-right: 70px; }
.pr-80{ padding-right: 80px; }
.pr-90{ padding-right: 90px; }
.pr-100{ padding-right: 100px; }
.pr-110{ padding-right: 110px; }
.pr-120{ padding-right: 120px; }
.pr-130{ padding-right: 130px; }
.pr-140{ padding-right: 140px; }
.pr-150{ padding-right: 150px; }
.pr-160{ padding-right: 160px; }

.pl-10{ padding-left: 10px; }
.pl-20{ padding-left: 20px; }
.pl-30{ padding-left: 30px; }
.pl-40{ padding-left: 40px; }
.pl-50{ padding-left: 50px; }
.pl-60{ padding-left: 60px; }
.pl-70{ padding-left: 70px; }
.pl-80{ padding-left: 80px; }
.pl-90{ padding-left: 90px; }
.pl-100{ padding-left: 100px; }
.pl-110{ padding-left: 110px; }
.pl-120{ padding-left: 120px; }
.pl-130{ padding-left: 130px; }
.pl-140{ padding-left: 140px; }
.pl-150{ padding-left: 150px; }
.pl-160{ padding-left: 160px; }

.wfull{ width: 100%; }


.section .content{
	max-width:var(--boxed);
	margin: 0 auto;
	padding: var(--paddSect);
	width: 100%;
}
.section.paddSM .content{
	padding: var(--paddSectSM);
}


/*----------------------------------*/
/*	 BUTTON							*/
/*----------------------------------*/
.button--std{ background-color: var(--color05); border-radius: var(--radiusBtn); color: var(--color01); display:inline-block; font-size: var(--fontSM); font-weight: 800; padding:var(--paddBtn); text-transform: uppercase; }
.button--std:hover{ background-color: var(--color06); color: var(--color01); }

.button--transp{ background-color: var(--whiteTransp); color: var(--white); }
.button--transp:hover{ background-color: var(--color06); color: var(--color01); }

.button--transp{ background-color: rgba(255, 255, 255, 0.3); color: var(--white); box-shadow: inset 0px 0px 0px 0px var(--white); }
.button--transp:hover{ background-color:  rgba(255, 255, 255, 0.2); color: var(--color01); box-shadow: inset 0px 0px 0px 1px var(--white); }

.button--green{ background-color: var(--color04); border-radius: var(--radiusBtn); color: var(--color01); display:inline-block; font-size: var(--fontSM); font-weight: 800; padding:var(--paddBtn); text-transform: uppercase; }
.button--green:hover{ background-color: var(--color03); color: var(--color01); }

.button--darkGreen{ background-color: var(--color02); border-radius: var(--radiusBtn); color: var(--color01); display:inline-block; font-size: var(--fontSM); font-weight: 800; padding:var(--paddBtn); text-transform: uppercase; }
.button--darkGreen:hover{ background-color: var(--color03); color: var(--color01); }

/*----------------------------------*/
/*	 HEADER							*/
/*----------------------------------*/
.mspm--header {
	padding: 20px 0;
    position: fixed;
	top: 0; left: 0; z-index: 100;
    width: 100%;
	-webkit-transition:  all 0.3s ease-in-out;
	   -moz-transition:  all 0.3s ease-in-out;
		 -o-transition:  all 0.3s ease-in-out;
			transition:  all 0.3s ease-in-out;
}
/* .maisonspm_innerpage .mspm--header {background: var(--color04); } */
.isScrolling .mspm--header{
	background: var(--bg);
	padding: 0;
}
.isScrolling .mspm--header a:not(.button--std){
	color: var(--color04);
}
.mspm--header .content{
	display: grid;
	grid-template-columns: 300px 1fr 240px;
	align-items: center;
	padding-left: 40px; padding-right: 40px;
	max-width: 1920px;
    margin: 0 auto;
}
.mspm_logo a{ position: relative; display: grid; }
.logo-white{ opacity: 1; grid-area: 1 / 1;  }
.logo-green{ grid-area: 1 / 1; opacity: 0; }
.logo-white, .logo-green{
	-webkit-transition:  all 0.3s ease-in-out;
	-moz-transition:  all 0.3s ease-in-out;
	  -o-transition:  all 0.3s ease-in-out;
		 transition:  all 0.3s ease-in-out;
}
.isScrolling .logo-green{ opacity: 1; }
.isScrolling .logo-white{ opacity: 0; }

.mspm_nav a{ color: var(--white);}
.mspm_nav ul{ font-size: 0; text-align: center; }
.mspm_nav ul li{ display: inline-block; font-size: initial; font-weight: bold; padding: 10px 6px; position: relative; }
.mspm_nav ul li a{ display: block; padding: 0 6px; }
.mspm_nav ul a:hover{ color: var(--whiteTransp); }
.isScrolling .mspm_nav a:hover{ color: var(--color02); }
.mspm_nav ul ul {
    text-align: left;
    position: absolute;
    background: var(--color01);
    box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.3);
    border-radius: var(--radius);
    padding: 10px;
    width: 100%;
    min-width: 210px;
	top: 80%;
	opacity: 0; visibility: hidden;
	-webkit-transition:  all 0.3s ease-in-out;
	-moz-transition:  all 0.3s ease-in-out;
	  -o-transition:  all 0.3s ease-in-out;
		 transition:  all 0.3s ease-in-out;
}
.mspm_nav ul li:hover ul { opacity: 1; visibility: visible; top: 100%; }
.mspm_nav ul ul li{ display: block; padding:0; }
.mspm_nav ul ul a{ font-weight: 400; color: var(--color04); padding: 6px; }
.isScrolling .mspm_nav a:hover{ color: var(--color02); }
.mspm_nav ul ul li a:hover{ color: var(--color02); padding-left: 10px; }

.menu-item-has-children > a{ padding-right: 16px !important; }
.menu-item-has-children > a:after {
    content: '>';
    transform: rotate(90deg);
    display: inline-block;
    padding: 6px;
    width: 10px;
    height: 10px;
    position: absolute;
    right: -7px;
    top: 12px;
}


.mspm_actions{ text-align: right; }
.mspm_actions a{color: var(--white);}
.mspm_actions ul{ font-size: 0; text-align: center; }
.mspm_actions ul li{ display: inline-block; font-size: initial; font-weight: bold; padding: 0 6px;}
.mspm_actions ul li a:not(.button--std){ display: block; padding: 0 6px; }
.mspm_actions ul a:hover{ color: var(--whiteTransp); }

.mspm_actions ul li.mobileNavOpener{ display:none; vertical-align: middle; }
.hmbrgr {
    display: none;
    position: relative;
    width: 44px;
    height: 44px;
    border-radius: 30px;
    background: var(--bg);
    margin-right: 20px;
}
.hmbrgr span {
    border-radius: 6px;
    width: 21px;
    height: 4px;
    background-color: var(--colorTxt);
    display: block;
    position: absolute;
    left: 12px;
}
.isScrolling .hmbrgr span { background-color: var(--colorTxt); }
.hmbrgr span:nth-child(1){ top:17px; }
.hmbrgr span:nth-child(2){ top: 24px; width: 15px; }
.mspm_mobile--menu{
	background:var(--color07);
	position: fixed;
	top: 0;
	right:-320px;
	width: 100%; min-height: 100vh;
	overflow: hidden;
	overflow-y: auto;
	max-width: 320px;
	z-index: 1000;
	-webkit-transition:  all 0.3s ease-in-out;
	   -moz-transition:  all 0.3s ease-in-out;
		 -o-transition:  all 0.3s ease-in-out;
			transition:  all 0.3s ease-in-out;
}
.mobileMenuActive .mspm_mobile--menu{ right:0px; }
.mspm_mobile--menuNav{
	padding: 90px 30px;
	text-align: left;
}
.mspm_mobile--menuNav li{display: block; padding: 5px 0; }
.mspm_mobile--menuNav > ul li a{ font-weight: bold; }
.mspm_mobile--menuNav ul ul a{ font-weight: 400; font-size: 16px; }
.mspm_mobile--menuNav a{ color: var(--color02); }
.mspm_mobile--menuNav a:hover{ color: var(--color04); }

.mspm_mobile--menuNav li ul{ margin-left: 10px; border-left: 1px solid var(--color02); padding-left: 10px; margin-bottom: 10px; }
.mspm_mobile--menuNav .menu-item-has-children > a:after { display:none; }

.close_menu {
    position: absolute;
    top: 36px;
    right: 25px;
    z-index: 2;
    width: 44px;
    height: 44px;
    border-radius: 30px;
    background: var(--bg);
}
.close_menu span {
    border-radius: 6px;
    width: 21px;
    height: 4px;
    background-color: var(--colorTxt);
    display: block;
    position: absolute;
	left: 26%;
    top: 48%;
}
.close_menu span:nth-child(1){ transform: rotate(45deg); }
.close_menu span:nth-child(2){ transform: rotate(-45deg); }

/*----------------------------------*/
/*	 FOOTER							*/
/*----------------------------------*/
.mspm--footer{ font-size: 16px; position: sticky; bottom: 0; z-index: 1; }
.mspm--footer .content{
	max-width:var(--boxed);
	margin: 0 auto;
	padding: 40px;
	width: 100%;
}
.mspm--footer h3{ font-size: 20px; line-height: 1.3; }
.mspm--footer-logo{ max-width: 500px; margin:0 auto 40px auto; }
.mspm--footer-links{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	padding-bottom: 30px;
}
.mspm--footer-col{ text-align: center; }

.mpsm--footer-end{
	border-top: 7px solid var(--color07);
	display: grid;
	grid-template-columns: 1fr 1fr;
	font-size: 12px;
	padding-top:20px;
	margin-top: 20px;
}
.mpsm--footer-end div:nth-child(2){ text-align: right; }

.mspm--footer a{ color: var(--color04); }
.mspm--footer a:hover{ color: var(--color03); }


/*----------------------------------*/
/*	 MAIN							*/
/*----------------------------------*/
.mainBox{
    position: relative;
    z-index: 2;
    background-color: var(--bg);
}
/*----------------------------------*/
/*	 HOMEPAGE FOLD 1				*/
/*----------------------------------*/
.homepage--fold{
	background-size: cover;
	background-color: var(--color03);
	background-position: center center;
	color: var(--white);
	height: 100vh;
    max-height: 1080px;
	min-height: 700px;
	position: relative;
	display: grid;
}
.homepage--fold:before{
	content: '';
	background: linear-gradient(90deg, var(--color02), oklch(0.37 0.04 123.84 / 0.4));
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	opacity: 0.7;
	z-index: 2;
}
.homepage--fold .content{
	padding: 0 80px;
	max-width: 1920px;
	width: 100%;
	margin: 0 auto;
	display: grid;
	align-items: center;
	align-content: center;
	position: relative;
	z-index: 3;
}
.homepage--fold--txt{ max-width: 840px;}
.homepage--fold--txt-img{ display: none; }
.homepage--fold--txt h1{ color: var(--white); }

.homepage--fold--video{
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
}
.homepage--fold--video video{
    min-width: 100%;
    min-height: 100%;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}

.cta_become{ background-color: oklch(0.52 0.03 169 / 0.8); position: absolute; padding:20px 10px; bottom: 0px; width:100%; z-index: 4; }
.cta_become ul{ font-size: 0; text-align: center; }
.cta_become ul li{ display: inline-block; padding: 10px 20px; }

.banner{ background-color: var(--color07); }
.banner .content{
	max-width:var(--boxedXM);
	margin: 0 auto;
	padding: 40px 20px 60px 20px;
	width: 100%;
}
.eventHome--list{ padding-top: 50px; }
.eventHome--article{
    background-color: rgba(0,0,0,0.15);
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: var(--radiusL);
    display: grid;
    grid-template-columns: 300px 1fr;
    row-gap: 40px;column-gap: 40px;
    margin: 0 auto 30px auto;
    padding: 30px 40px;
    align-items: center;
    max-width: 1000px;
}
.eventHome--list .eventHome--article:nth-child(even){
	direction: rtl;
}
.eventHome--img{
    margin: -40px auto;
    width: 100%;
    overflow: hidden;
    border-radius: var(--radiusL);
}
.eventHome--header{
    /* padding: 30px; */
    text-align: left;
}



.bgGreen{ background-color: var(--color03); color: var(--color01);}
.bgDarkGreen{ background-color: var(--color02);  color: var(--color01);}
.bgLightGreen{ background-color: var(--color04); color: var(--color01);}
.bgBeige{ background-color: var(--color07);  color: var(--color04);}

.bgGreen h2,
.bgGreen h3,
.bgGreen h4,
.bgGreen h5,
.bgGreen h6,
.bgDarkGreen h2,
.bgDarkGreen h3,
.bgDarkGreen h4,
.bgDarkGreen h5,
.bgDarkGreen h6
.bgLightGreen h2,
.bgLightGreen h3,
.bgLightGreen h4,
.bgLightGreen h5,
.bgLightGreen h6,
.bgBeige h2,
.bgBeige h3,
.bgBeige h4,
.bgBeige h5,
.bgBeige h6{ color: currentColor; }

.opacity-10{ opacity: 0.1;}
.opacity-15{ opacity: 0.15;}
.opacity-20{ opacity: 0.2;}
.opacity-30{ opacity: 0.3;}
.opacity-40{ opacity: 0.4;}
.opacity-50{ opacity: 0.5;}
.opacity-60{ opacity: 0.6;}
.opacity-70{ opacity: 0.7;}
.opacity-80{ opacity: 0.8;}
.opacity-90{ opacity: 0.9;}
.opacity-100{ opacity: 1;}


.serviceTitle{
	display:block;
	font-size:36px;
	line-height:normal;
	position:relative;
	padding-bottom:20px;
	margin-bottom: 20px;
}
.serviceTitle::after {
    content: '';
    background: var(--color05);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
	max-width: 80px;
    height: 4px;
    z-index: 1;
}

/*----------------------------------*/
/*	 PAGES							*/
/*----------------------------------*/
.page--standard .section .content{
	max-width: calc(1280px + calc(var(--paddSides) * 2));
	padding: var(--paddSides);
}

.section.noPadding .content{ padding: 0 var(--paddSides); }
.section.noPaddingBottom .content{ padding-bottom: 0; }

.page--standard--header{
	background-color: var(--color02);
	background-size: cover;
	position: relative;
}

.page--standard--header:before{
	content: '';
	background: linear-gradient(180deg, var(--color04), rgba(47, 53, 35, 0.5));
	opacity: 0.7;
	position: absolute; top: 0; left: 0; width:100%; height: 100%; z-index: 1;
}

.page--standard--header:after {
    /* content: ''; */
    background-size: cover;
    background-image: url(../img/page_shape.png);
    position: absolute;
    bottom: 0;
    left: calc(50% - 40px);
    width: 80px;
    height: 25px;
    z-index: 2;
}
.page--standard--header .content{
	color: var(--color01);
	padding: 0 80px;
    max-width: 1600px;
    margin: 0 auto;
    display: grid;
    align-items: center;
    align-content: center;
    position: relative;
    z-index: 3;
}
.page--standard--header--txt {
    max-width: 1000px;
    padding: max(200px, 10vw) 0 5vw 0;
}
.page--standard--header h1{color: currentColor; font-size: 60px; text-wrap: balance; }

.page--standard a:not(.button--std){ color:var(--color02); border-bottom: 1px dashed var(--color03); font-weight: bold; padding-bottom: 2px; }
.page--standard a:not(.button--std):hover{ color:var(--color05); border-bottom: 1px solid var(--color06); padding-bottom: 4px; }

.pageExcerpt{}

ul.list{ margin-bottom: 20px; padding-left: 30px; }
ul.list li{ display: block; position: relative; margin-bottom: 10px; padding-left: 30px; }
ul.list li:before {
    content: '';
    background-color: #596d65;
    border-radius: 10px;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 11px;
    left: 5px;
}
ul.list.dotGreen li:before { background-color: #35463f; }
ul.list.dotOrange li:before { background-color: #ff7d3d; }
ol{
    list-style: decimal;
    list-style-position: inside;
}
.ginkgoSection {
    background: var(--color04);
    color: var(--color01);
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-content: center;
    min-height: 70vh;
    align-items: center;
}
.ginkgoSection h2{ color: currentColor; }
.ginkgoSection--img{ position:relative; min-height: inherit; }
.ginkgoSection--img:after{content: ''; position: absolute; top: 0; left: 0; width:100%; height: 100%; z-index: 1; }
.ginkgoSection--img figure{ display: none; }
.ginkgoSection--text{ padding: var(--paddSides); max-width: 800px; }
.ginkgoSection .chapo{color: var(--color08);}


.callToAction_img{}
.callToAction_img--text{ padding: 40px 80px; direction: ltr; }


.bannerContent{
	padding: 40px;
	text-align: center;
}
.bannerContent .content{
    max-width: var(--boxedSM);
    width: 100%;
    margin: 0 auto;
}
.banCont_Green{ background-color: var(--color04); color: var(--color01); }
.banCont_DarkGreen{ background-color: var(--color02); color: var(--color01); }
.banCont_Orange{ background-color: var(--color05); color: var(--color01); }
.banCont_Beige{ background-color: var(--color07); color: var(--color02); }
/*----------------------------------*/
/*	 SINGLE							*/
/*----------------------------------*/
.memberCA--list{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    row-gap: 30px;
    column-gap: 30px;
    width: 100%;
}
.memberCA--list-item{}
.memberCA--list-item-img{ overflow: hidden; border-radius: var(--radius); }
.memberCA--list-item-img img{
	-webkit-transition:  all 0.3s ease-in-out;
	-moz-transition:  all 0.3s ease-in-out;
	  -o-transition:  all 0.3s ease-in-out;
		 transition:  all 0.3s ease-in-out;
}
.memberCA--list-item a:hover .memberCA--list-item-img img{ transform: scale(1.1); }
.memberCA--list-item-header{ display: grid; padding-top: 10px; text-align: center; }
.memberCA--list-item-header h2 {
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 5px;
}
.memberCA--list-item-status {
    font-size: 14px;
    color: var(--color05);
    line-height: 1;
    display: inline-block;
	text-wrap: balance;
}

.single_memberca{}
.single_memberca--header{
	background-color: var(--color04);
	background-image: url('../img/ginko-bg.png');
	background-position: 100% center;
	background-repeat: no-repeat;
    color: var(--white);
	border-bottom: 60px solid var(--color07);
	padding-top: 120px;
}
.single_memberca--headerBox {
    display: grid;
    grid-template-columns: 1fr 320px;
    max-width: var(--boxed);
    width: 100%;
    margin: 0 auto;
    padding: 0 var(--paddSides);
    align-items: end;
}
.single_memberca--title{ padding-bottom: 40px; }
.single_memberca--header h1{ color: currentColor; margin-bottom: 7px; }
.profile_pic{
	position: relative; top: 40px; z-index: 2;
}
.profile_pic:after {
    content: '';
    border: 1px solid var(--colorTxt);
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: -1;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
}
.single_memberca--section{
	padding: var(--paddSides);
}
.single_memberca--section .content{
	max-width: var(--boxedSM);
    width: 100%;
    margin: 0 auto;
}
.single_memberca--content{
	border-left: 4px solid var(--color06);
	margin-left: 90px;
	padding-left: 40px;
	padding-right: 90px;
}


.page--layout--header{
	background-color: var(--color04);
	background-image: url('../img/ginko-bg.png');
	background-position: 100% center;
	background-repeat: no-repeat;
    color: var(--white);
	border-bottom: 60px solid var(--color07);
	padding-top: 180px;
	padding-bottom: 40px;
}
.page--layout--text{
    max-width: var(--boxed);
    width: 100%;
    margin: 0 auto;
    padding: 0 var(--paddSides);
}
.withFeatImg{ padding-bottom: 40px; }
.page--layout--header h1{ color: currentColor; margin-bottom: 7px; }
.page--layout--featimg{ 
    max-width: var(--boxed);
    width: 100%;
    margin: -120px auto 0px auto;
	padding: 0 var(--paddSides);
}
.page--layout--img{
	position: relative; z-index: 2;
}
.page--layout--img:after {
    content: '';
    border: 1px solid var(--colorTxt);
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: -1;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
}

.content_design_01 .content{
	margin: 0 auto;
    max-width: var(--boxed);
    width: 100%;
    padding: var(--paddSect);
}
.content_design_01--grid{
	display: grid;
	grid-template-columns: 1fr 500px;
	column-gap: 30px;
	row-gap: 30px;
}
.content_design_01--grid-b1{ order: 2; }
.content_design_01--grid2{
	/* display: grid;
    grid-template-columns: 200px 1fr;
    column-gap: 30px; */
	padding-left: 20%;
}
.content_design_01--grid2--side{font-size: 16px;}


.content_design_02 .content{
	margin: 0 auto;
    max-width: var(--boxed);
    width: 100%;
    padding: var(--paddSect);
}
.content_design_02--grid{
	display: grid;
	grid-template-columns: 400px 1fr;
	column-gap: 30px;
	row-gap: 30px;
}
.content_design_02--list{
	font-size: 16px;
	padding-left: 30px;
}
.content_design_02--list li{
    padding-left: 30px;
    border-left: 4px solid var(--color05);
}
.testiVideoSection{ position: relative; }
.testiVideoSection:before{
	content: '';
	background: linear-gradient(0deg, var(--color08), transparent);
	height: 400px;
	width: 100%;
	position: absolute; top: 0; left: 0; z-index: 1;
}
.testiVideoSection .content{ position:relative; z-index: 2; text-align: center; }
/* .testiVideoSection h2{color: rgba(0, 0, 0, 0.6);} */
.testiVideoSection .chapo{ margin-bottom: 50px;}
.testiVideo{ display: flex; justify-content: center; column-gap: 10px; row-gap: 10px; overflow: auto; flex-direction: row; flex-wrap: wrap; }
.testiVideo .testiVideo--item{ display: block; max-width: 320px; width: 100%; }
.testiVideo h3{
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 0;
}
.testiVideo .testiVideo--subtitle{
	font-size: 15px;
	display: block;
    color: var(--color05);
}
.testiVideo--vignette{ position:relative; margin-bottom: 8px; }
.testiVideo--item-play {
    position: absolute;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background:#596d6530;
    color: #fff;
}
.testiVideo--vignette svg{
	width: 80px;
    height: 80px;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}
.testiVideo--item-play:hover{background:#596d6500;}
.testiVideo--item-play:hover svg{
	width: 100px;
    height: 100px;
}

.testimonialPlayer{
	display: grid;
	opacity: 0;
	visibility: hidden;
	position: fixed; top: 0; left: 0; z-index: 200;
	width: 100%; height: 100%;
	background-color: oklch(0.27 0.02 168.13 / 0.96);
	justify-content: center;
    align-items: center;
	justify-items: center;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}
.testimonialPlayer.active{ opacity: 1; visibility: visible; }
.testimonialPlayer .testimonialPlayer--content{ width: 90%; max-width: 1200px; opacity: 0;
	-webkit-transition: all 0.4s 0.6s ease-in-out;
	   -moz-transition: all 0.4s 0.6s ease-in-out;
		 -o-transition: all 0.4s 0.6s ease-in-out;
			transition: all 0.4s 0.6s ease-in-out;
}
.testimonialPlayer.active .testimonialPlayer--content{ opacity: 1; }
#closeTestimonialPlayer{ font-size: 13px; font-weight: bold; color:var(--color05); }




.badges_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    align-content: stretch;
    overflow: auto;
    flex-direction: row;
}

.badges_list div {
	font-size: 16px;
    max-width: 400px;
    width: 100%;
    padding: 30px;
    margin: 10px;
    border-radius: var(--radiusL);
	text-wrap: balance;
	text-align: center;
}
.badges_list .iconValues{ max-width: 100px; margin: 0 auto 10px auto; }
.badge--beige{ background-color: var(--color07); }
.badge--green { background-color: var(--color04); color: var(--white); }
.badge--darkGreen{ background-color: var(--color05); color: var(--white); }
.badge--orange{ background-color: var(--color05); color: var(--white); }
.badge--colorScheme1 { background-color: var(--colorScheme1); color: var(--white); }
.badge--colorScheme2 { background-color: var(--colorScheme2); color: var(--white); }
.badge--colorScheme3 { background-color: var(--colorScheme3); color: var(--white); }
.badge--colorScheme4 { background-color: var(--colorScheme4); color: var(--white); }
.badge--colorScheme5 { background-color: var(--colorScheme5); color: var(--white); }

.badges_list h3 { color: currentColor; }


.blogListSection {
    background-color: var(--colorTxt);
    color: var(--white);
    font-size: 16px;
}
.blogListSection h2{ color: currentColor; margin-bottom: 40px; }
.blogList {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 30px;
}
.blogList--item{ font-size: 16px; border-bottom: 1px solid var(--color08); padding-bottom: 30px; }
.blogList--item .datePost{ font-size: 13px; opacity: 0.7; }
.blogList--item h3{ color:currentColor; font-size: 20px; line-height: normal; margin-bottom: 20px; }
.readmoreBlog {
    background: var(--color04);
    display: table;
    margin-top: 8px;
    color: var(--color08);
    border-radius: 30px;
    clear: both;
    width: auto;
    padding: 5px 20px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}
.readmoreBlog:hover{
    background: var(--color05);
	color: var(--color07);
}

.events_listing{}
.events_listing .event--item{
    display: grid;
    grid-template-columns: 0.75fr 1fr;
    column-gap: 40px;
    row-gap: 20px;
    align-items: center;
    margin-bottom: 30px;
}
.events_listing .event--item figure{}


/*----------------------------------*/
/* Contact Form 7
/*----------------------------------*/
.wpcf7{ padding-right: 40px; }
.wpcf7 p{ margin-bottom: 10px; }
.wpcf7 label{ font-size: 14px; text-transform: uppercase; }
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
textarea {
	border-radius: var(--radius);
	font-size: 16px;
	background-color: #ffffff;
	border:1px solid var(--color08);
	width: 100%;
	padding: 8px 16px;
}
.wpcf7 input[type="submit"] {
    color: #ffffff;
    font-size: 15px;
    font-weight: 900;
    background: var(--color05);
    border-radius: var(--radiusBtn);
    padding: 6px 24px;
    border: none;
    width: auto;
    text-transform: uppercase;
}
.wpcf7 input:hover[type="submit"] {
	background: #494949;
	transition: all 0.4s ease 0s;
}
.wpcf7 input:active[type="submit"] {
	background: #000000;
}

.wpcf7 input[type="checkbox"] {
    transform: scale(1.3);
    margin-left: 5px;
}
.wpcf7 span.wpcf7-list-item {
    margin: 0;
    padding-bottom: 20px;
}
.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 1em;
    font-weight: normal;
    display: block;
    text-transform: none;
    font-weight: bold;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    background: #d6d4c9;
    border: none;
    font-size: 16px;
    color: #5a5a5a;
    border-radius: var(--radius);
}
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
	background: #dc3232;
    border: none;
    font-size: 16px;
    color: #ffffff;
    border-radius: var(--radius);
}
/*----------------------------------*/
/*	 RESPONSIVE						*/
/*----------------------------------*/
img { max-width: 100%; height: auto !important; width: auto\9; }
a img { border: 0px; }
.notResponsive{ max-width: none!important; }
video { max-width: 100%; height: auto !important; }
.video-container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.video-container iframe,
.video-container object,
.video-container embed,
.video-container .mejs-video,
.video-container .mejs-layer,
.video-container video{ position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important; }
.onlyMobile{ display: none;}



@media only screen and (max-width: 1279px) {
	.mspm--header .content{ padding-left: 20px; padding-right: 20px; }
	.content_design_01--grid { grid-template-columns: 1fr 400px; }
}


@media only screen and (max-width: 1080px) {
	.content_design_01--grid { grid-template-columns: 1fr; }
}


@media only screen and (max-width: 960px) {
	
	:root {
		--font: 18px;
		--radius: 4px;
		--radiusL: 10px;
		--radiusBtn: 20px;
		--paddBtn: 8px 24px 8px 24px;
		--paddBtnL: 24px 40px 24px 40px;
		--paddSect: 40px 20px;
	}
	h1 { font-size: 44px; line-height: 50px; margin-bottom: 20px; }
	h2{ font-size: 36px; line-height: 44px; margin-bottom: 20px; }
	h3, .asH3{ font-size: 24px; line-height: 32px; margin-bottom: 10px; }
	h4{ font-size: 22px; line-height: 28px; margin-bottom: 10px; }
	h5{ font-size: 18px; line-height: 24px; margin-bottom: 10px; }
	h6{ font-size: 16px; line-height: 19px; margin-bottom: 10px; }

	.gridder.g-300-1,
	.gridder.g-1-400,
	.gridder.g-400-1{ grid-template-columns: 1fr; }
	.rowGap10, .rowGap20, .rowGap30, .rowGap40 { row-gap: 10px; }
	.reversed { direction: ltr; }
	.mspm--header .content { grid-template-columns: 240px 1fr; padding-left: 0px; padding-right: 0px; justify-items: end; align-items: center; }
	.page--standard--header .content { padding: 0 20px; }
	.page--standard .section .content { padding: 40px 20px; }
	.mspm_nav, .mspm_actions ul li:nth-child(3){ display:none; }
	.mspm_actions ul{display: inline-block;}
	.hmbrgr{ display: inline-block; vertical-align: middle; margin-left: 10px; }
	.mspm--footer-links { display: none; }
	.eventHome--article { display: block; }
	.eventHome--img{ margin: 0px auto;}
	.eventHome--list .eventHome--article:nth-child(even) { direction: ltr; }
	.single_memberca--title { padding-bottom: 0px; }
	.single_memberca--headerBox { display: block; text-align: center; padding: 0 20px; }
	.profile_pic { max-width: 240px; margin: 0 auto; }
	.content_design_02--grid{ grid-template-columns: 1fr; }
	.content_design_02--grid .content_design_02--grid-b1{ order:2; }
	.blogList { grid-template-columns: repeat(2, 1fr); }

}


@media only screen and (max-width: 767px) {
	:root {
		--paddSides: 20px;
	}
	.homepage--fold--video,
	.homepage--fold--video video{ display: none; }
	.homepage--fold--txt-img{ display:block; margin-bottom: 30px;}
	.page--standard--header h1 { font-size: 40px; }
	.homepage--fold .content { padding: 120px 20px 40px 20px; display: block; min-height: auto; position: relative; }
	.homepage--fold { background-color: var(--color03) !important; background-image: none !important; min-height: auto; height: 100%; }
	.cta_become { position: relative; }
	.cta_become ul li , .cta_become ul li a{ display: block; }
	.mpsm--footer-end { display: block; text-align: center; }
	.mpsm--footer-end div:nth-child(2) { text-align: center; }
	.single_memberca--content { border-left: 2px solid var(--color06); margin-left: 20px; padding-left: 20px; padding-right: 10px;}
	.profile_pic:after { top: 8px; left: 8px; }
	.single_memberca--section { padding: 40px var(--paddSides); }
	.gap-80 { height: 40px; }
	.rowGap10, .rowGap20, .rowGap30, .rowGap40 { row-gap: 0px; }
	.content_design_01--grid-b1 { order: 0; }
	.content_design_01--grid2 { grid-template-columns: 1fr; }
	.content_design_01--grid2--side{ display: none; }
	.blogList { grid-template-columns: 1fr; }

}

.lang_inactive, .lang_active{ padding:0 !important; margin:0!important; }