html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, main {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline; }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {display: block;}
body {
	line-height: 1;
	background:#fff;
	margin:0 auto;
	color:#3d3d3d;
	font-size:19px;
	font-family: 'coameiregular', arial, sans-serif;}

iframe{display:block;max-width:100%;margin:0 auto;}
*, *:before, *:after{box-sizing:border-box;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
table {border-collapse: collapse;border-spacing: 0;}



h1, h2, h3, h4 {margin:1em auto .6em;font-weight:400;}
h1 {font-size:4em;}
h2 {font-size:3em;}
h3 {font-size:2em;}
h4 {font-size:1.5em;}

p{line-height:1.2em;}



strong, .bold {font-weight:bold;letter-spacing:.4px;color:rgba(61, 61, 61, .9)}
em, .italic {font-family: 'coameiregular_italic', arial, sans-serif;}
a {color:inherit;text-decoration:none;}
img, svg {display:block;max-width:100%;height:auto;}

time {display:block;text-transform: capitalize;font-size:.8em;}


/*******************************************************************************************************************/
/***** DIVERS ******************************************************************************************************/
/*******************************************************************************************************************/
#page {position:relative;overflow:hidden;}
#wave {position:absolute;left:0;top:0;width:100%;height:13.5vw;pointer-events:none;z-index:1;
	fill:#35807c;fill-opacity:.12;}

.contentWrap {margin-top:150px;}
.maxWidth {max-width:940px;padding-left:20px;padding-right:20px;margin-left:auto;margin-right:auto;}

.clr:after{content:"";display:block;width:100%;height:0;float:none;clear:both;}
.vimala , .item-120 {font-family: 'vimala_newregular', serif;}

.logo {position:relative;display:flex;align-items:center;}
	.logo .plume {width:2.04em;height:3.72em;}
	.logo .logoTxt {font-size:1.3em;line-height:1em;margin:.4em 0 0 -.3em;}

.bleuBG {position:relative;background:rgba(53, 128, 124, 0.2);}
	.bleuBG::after {content:"g";font-family: 'vimala_newregular', serif;color:#fff;font-size:500px;position:absolute;bottom:106px;right:20px;}

/**************************************************************************************************/
/********* TOP MENU  ******************************************************************************/
/**************************************************************************************************/


/** SEE RESPONSIVE!!!  **/

#topBar {position:relative;padding:0 50px;z-index:2;}
.topBarLeft, .lang-block{display:flex;align-items:flex-end;}
.lang-block {margin-bottom:0.91em;}

.item-120 {font-size:2em;color:#35807c;text-decoration: underline;}

.lang-block li:first-child {display:inherit;}
	.lang-block li:first-child::after {content:"/";display:inline-block;margin:0 .5em;}
	.lang-block li:not(.lang-active){font-weight:bold;}


/**************************************************************************************************/
/********* HOME PAGE ******************************************************************************/
/**************************************************************************************************/
.homeScreen {position:relative;margin:3vh auto;height: calc(94vh - 100px);width:94vw;overflow:hidden;}
	.homeScreenText {position:absolute;bottom:20%;right:5%;padding:0 24px 24px 12px;color:#000;}
		.homeScreenText .itemText {width:auto;}
			.catchPhrase1 {font-size:3em;width:10.5em;display:flex;align-items: center;height:1em;margin-bottom:.5em;}
			.catchPhrase2 {max-width:30em;padding:0 0 0 4em;}
			.homeScreenText .itemText h1, .homeScreenText .itemText h2, .homeScreenText .itemText .cta {max-width:390px;margin:0;}
			.homeScreenText .itemText h1 {font-size:1.7em;}
			.homeScreenText .itemText h2 {font-size:1.2em;margin:.5em 0 .25em;}
			.homeScreenText .itemText .cta {padding:.4em 0;}


	.homeScreen img {width:100%;height:100%;object-fit: cover;object-position: center;}
	.homeScreen::before, .homeScreen::after {content:'';position:absolute;width:50%;height:20px;bottom:0;background:rgba(255,255,255,1);}
		.homeScreen::before{right:50%;transform-origin:100% 100%;transform:skewX(55deg);}
		.homeScreen::after{left:50%;transform-origin:0 100%;transform:skewX(-55deg);}


/**************************************************************************************************/
/********* PAGE CONTENT ***************************************************************************/
/**************************************************************************************************/

.contentWrap h1 + time {margin-bottom: -2.5em;}
.introText {font-size:1.2em;margin:2em auto;line-height:1.4em;text-align:justify;}

.itemContent {display:flex;align-items: stretch;justify-content: space-between;}
	.itemText {width:55%;}
		.itemText p, .itemText ul {text-align:justify;margin:1em auto;}
		.itemText > *:first-child{margin-top:0;}
		.itemText ul {list-style-type: disc;padding-left:1.5em;}
			.itemText li {margin:.5em auto;}
			.itemText h2 {font-size:2em;}
			.itemText h3 {font-size:1.8em;}
			.itemText h4 {font-size:1.5em;}
			.itemText a {text-decoration: underline;}
		.itemText .vimala {font-size:1.8em;}
	.itemImages {width:35%;}
		.itemImages figure:not(:first-child) {margin-top:20%;}
			.itemImages figcaption {margin:1em .5em;text-align:center;line-height:1.2em;}

	.contentWrap .cta {max-width:350px;margin:8% auto;border-width:1px 0;}



/**************************************************************************************************/
/********* CTA *********************************************************************************/
/**************************************************************************************************/
.cta {padding:.8em 0;border-style:solid;border-width:0 0 1px 0; border-color:rgba(53, 128, 124, 0.8);}
	.cta  a, .cta  button {display:flex;justify-content:space-between;align-items: center;text-decoration:none;}
	.arrowRight {width:20px;height:20px;fill:rgba(53, 128, 124, 1);transition:transform .1s ease-out;transform:translate3d(0,0,0);}
	a:hover .arrowRight,
	button:hover .arrowRight {transform:translate3d(.3em,0,0);}



/**************************************************************************************************/
/********* BLOG PAGE ******************************************************************************/
/**************************************************************************************************/
.blogItem {display:flex;flex-wrap:wrap;align-items:center;margin:5% auto 15%;}
	.blogItemInfo {flex:1;}
		.blogItemInfo h2 {font-size:2.5em;margin-top:0;}
		.blogItemInfo time {margin-bottom:.3em;}
		.blogItemInfo p {text-align:justify;}
	.blogItemImage {max-width:220px;margin:0 0 .8em 5%;}
	.blogItemBottom {position:relative;width:100%;margin-top:1em;padding-bottom:.5em;}
		.blogItemBottom a {position:relative;display:flex;z-index:2;}
			.blogItemBottom a svg {margin-left:2em;}
		.blogCat {position:absolute;bottom:0;stroke:#000;z-index:1;}

	.pagination-list {display:flex; justify-content: center;font-size:1.3em;}
		.pagination-list li {margin:0 .5em;}
		.pagination-list li.active {text-decoration: underline;}

/********* MODULES  ******************************************************************************/
.catEFT {overflow:hidden;padding:2% 0;margin:5% auto;}
	.eftItem {margin:5% auto;}
		.eftItem .blogItemImage {margin:0 5% 0 0;max-width:300px;}
		.eftItem .cta {margin-top:1em;}

/**************************************************************************************************/
/********* CONTACT ********************************************************************************/
/**************************************************************************************************/
.contact .bleuBG {padding:2% 5%;}
	.contact .bleuBG::after{font-size:250px;bottom:55px;right:10px;}
.contact h2 {font-size:1.2em;}
	.contact-postcode, .contact-suburb {display:inline-block;}
	.contact-emailto, .contact-telephone {font-size:1.1em;line-height:1.5em;}
	.contact-emailto {margin-top: 1em;text-decoration:underline;}

/** Form ***/
.contact-form {margin:2% auto;padding:0 5%;font-size:1.1em;}

	.control-group {display:flex;margin:.5em auto;}
		.control-label {width:150px;}
		.controls {flex:1;max-width:600px;}


		.contact-form input[type="text"],
		.contact-form input[type="email"],
		.contact-form textarea {width:100%;padding:.2em .5em;border:2px solid rgba(53, 128, 124, 0.5);font:inherit;font-size:.9em;box-shadow:none;}
			textarea {height:15em;}


		.form-actions {display: flex;margin-left:150px;max-width:600px;justify-content: flex-end;}
			.form-actions .cta {border-top:0;padding:.2em 0;margin:1em 0;border-width:0 0 1px 0;}
			button {
				background: none;
    		border: 0;
				padding:0;
    		color: inherit;
    		cursor: pointer;
    		font: inherit;
    		line-height: normal;
    		overflow: visible;
    		-webkit-user-select: none; /* for button */
       		 -moz-user-select: none;
        	  -ms-user-select: none;
			}
				#submit_btn svg {margin-left:150px;}

		.contactData {display:none;}


/**************************************************************************************************/
/********* FOOTER *********************************************************************************/
/**************************************************************************************************/
#footer {position:relative;background:rgba(53, 128, 124, 0.3);margin-top:15%;}

	.footerHead {display:flex;align-items:center;font-size:1.6em;flex-wrap: nowrap;}
		.footerHead .logo {width:13em;font-size:1em;height:1.6em;line-height:1em;margin-top:-1.25em;}
		.catWrap {flex:1;}
			.cat {position:absolute;top:0;width:60%;max-width:none;stroke-width:1;stroke:#000;transform:translateY(-67%);}
	.footerInfoWrap {background:inherit;padding:2em 0;}
		.footerInfo {display:flex;justify-content: space-between;padding-left:3em;}
			#menuBottom {font-size:1.2em;margin-right:30px;}
				#menuBottom a {display:block;padding:.1em 0; margin: .4em auto;}
			.footerInfoRight {display:flex;flex-direction: column;justify-content: space-between;font-size:.9em;}
				.footerInfoRight address a {display:block;font-size:1.1em;padding:.1em 0;margin:.5em auto 0;}


		.footerInfo .lang-block {display:flex;justify-content: flex-end;}

	.copyright {display:flex;justify-content: center;align-items: center;font-size:.8em;padding:.8em;}
		.copyright a {display:inherit;align-items: inherit;}
			.copyright a::before {content: '-';margin: 0 1em;font-size:1em;}