/*  ==================================================================================================================
	Enmesh // variables // palette
================================================================================================================== */

:root {
	--white: #FFFFFF;
	--dark-blue: #1B2234;
	--navy-blue: #152449;
	--blue-green: #33BEA3;
	--clear-blue-green: #67CFBA;
	--clear-blue: #EBF8F5;
	--ice-blue: #CCEFE8;
}

/* 	==================================================================================================================
	Enmesh // basic config
	- width break points at: 320, 720, 960, 1200, 1440, 1800
================================================================================================================== */

/* 	
==================================================================================================================
	Enmesh // main declarations
================================================================================================================== */

html {
	font-size: 62.5%;
	scroll-behavior: smooth;
}

* {
	margin: 0;
	padding: 0;
	outline: 0;
	box-sizing: border-box;
}

body, input {
	color: #FFFFFF;
	background: #FFFFFF;
	font: 1.6rem Roboto;
	-moz-osx-font-smoothing: grayscale; /*(For Firefox)*/
	-webkit-font-smoothing: antialiased; /*(For Chrome and Safari)*/
}

.main-content > h1 {
	display: none;
}

/*  ==================================================================================================================
	Enmesh // headings
================================================================================================================== */

h1 {
	font-size: 4.8rem;
	font-weight: 300;
}

h2 {
	font-size: 4.2rem;
	font-weight: 300;
}

h3 {
	font-size: 3.2rem;
	font-weight: 400;
}

h4 {
	font-size: 2.8rem;
	font-weight: 300;
}

h5 {
	font-size: 2.8rem;
	font-weight: 400;
}

h6 {
	font-size: 2.2rem;
	font-weight: 500;
}

@media (max-width: 1200px) {
	h1 {
		font-size: 4.2rem;
	}
	
	h2 {
		font-size: 3.6rem;
	}
	
	h3 {
		font-size: 2.4rem;
	}
	
	h4 {
		font-size: 2.2rem;
	}
	
	h5 {
		font-size: 2.2rem;
	}
	
	h6 {
		font-size: 2rem;
	}
}

@media (max-width: 960px) {
	h1 {
		font-size: 3.6rem;
	}
	
	h2 {
		font-size: 3.2rem;
	}
	
	h3 {
		font-size: 2.8rem;
	}
	
	h4 {
		font-size: 2.2rem;
	}
	
	h5 {
		font-size: 2rem;
	}
	
	h6 {
		font-size: 2rem;
	}
}

@media (max-width: 320px) {
	h1 {
		font-size: 2.8rem;
	}
	
	h2 {
		font-size: 2.2rem;
	}
	
	h3 {
		font-size: 2rem;
	}
	
	h4 {
		font-size: 1.8rem;
	}
	
	h5 {
		font-size: 1.2rem;
	}
	
	h6 {
		font-size: 1rem;
	}
}

/*	==================================================================================================================
		Enmesh // body width, gutters
	================================================================================================================== */

div.card.contact_us {
	padding: 10rem 20rem;
	margin: 0 auto;
}

div.card.product_features {
	padding: 10rem 20rem;
	margin: 0 auto;
}

div.card.product_features .content-row {
	max-width: 150rem;
}

div.content-row {
	padding: 10rem 20rem;
	margin: 0 auto;
	max-width: 220rem;
}

@media only screen and (max-width: 1280px) {
	
	div.card.contact_us,
	div.card.product_features {
		padding: 8rem 8rem;
	}
	
	div.content-row {
		padding: 8rem 8rem;
		max-width: 196rem;
	}
	
}

@media only screen and (max-width: 600px) {
	
	div.card.contact_us,
	div.card.product_features {
		padding: 8.8rem 3.2rem;
	}

	div.content-row {
		padding: 8.8rem 3.2rem;
		max-width: 186.4rem;
	}
	
}

/*  ==================================================================================================================
	Enmesh // buttons
================================================================================================================== */

/* Base Button Style */

form[name='Newsletter'] div.footer a,
form[name=Contact] div.footer a  {
	height: 4.4rem;
	font-size: 2.2rem;
	line-height: 3.4rem;
	padding: 0.5rem 3.2rem;
	text-decoration: none;
	border-radius: 0.2rem;
	min-width: 10rem;
	text-align: center;
	display: inline-block;
	transition: background-color 0.3s;
	background-color: #33BEA3;
	color: #FFFFFF;
}


form[name='Newsletter'] div.footer a:hover,
form[name=Contact] div.footer a:hover {
	background-color: rgba(51,190,163,0.7);
}
	
/*  ==================================================================================================================
	Enmesh // Background colors
================================================================================================================== */

.background-gradient-green {
	background-image: linear-gradient(to bottom right, #67CFBA , #33BEA3);
}

.background-gradient-blue {
	background-image: linear-gradient(#1B2234 , #152449);
}

.background-dark-blue {
	background-color: #1B2234;
}

/*  ==================================================================================================================
	Enmesh // main-nav
================================================================================================================== */

#header {
	height: 8rem;
	width: 100%;
	position: relative;
	background-color: #1B2234;
	position: fixed;
	top: 0;
	z-index: 99;
}

#header .main-nav-wrapper {
	max-width: 180rem;
	margin: 0 auto;
}

#header div.main-nav-menu {
	height: 8rem;
	width: 100%;
	margin: auto;
	position: relative;
}

#header div.main-nav-image {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	height: 100%;
}

#header div.main-nav-image a {
	display: inline-block;
	height: 100%;
	text-decoration: none;
	position: relative;
	top: -0.3rem;
}

#header div.main-nav-image span {
	font-family: 'Quicksand', sans-serif;
	font-weight: 500;
	font-size: 3.2rem;
	color: #FFFFFF;
	line-height: 8rem;
	vertical-align: baseline;
}

#header div.main-nav-image img {
	height: 2.2rem;
}

#header div.main-nav-menu > ul {
	list-style-type: none;
	height: 100%;
	width: 100%;
}

#header div.main-nav-menu > ul > li {
	display: inline-block;
	font-family: Roboto;
	font-size: 1.9rem;
	height: 100%;
}

#header div.main-nav-menu > ul > li:nth-of-type(1) {
	height: 100%;
	position: absolute;
	top: 0;
	left: 10%;
}

#header div.main-nav-menu > ul > li:nth-of-type(2) {
	height: 100%;
	position: absolute;
	top: 0;
	left: 20%;
}

#header div.main-nav-menu > ul > li:nth-of-type(3) {
	height: 100%;
	position: absolute;
	top: 0;
	left: 30%;
}

#header div.main-nav-menu > ul > li:nth-of-type(4) {
	height: 100%;
	position: absolute;
	top: 0;
	right: 30%;
}

#header div.main-nav-menu > ul > li:nth-of-type(5) {
	height: 100%;
	position: absolute;
	top: 0;
	right: 20%;
}

#header div.main-nav-menu > ul > li:nth-of-type(6) {
	height: 100%;
	position: absolute;
	top: 0;
	right: 10%;
}

#header div.main-nav-menu > ul > li > a {
	color: #FFFFFF;
	opacity: 0.6;
	text-decoration: none;
	position: relative;
	height: 100%;
	line-height: 8rem;
	display: inline-block;
}

#header div.main-nav-menu > ul > li > a:hover {
	opacity: 1;
}

#header div.main-nav-menu > ul > li > a::before{
	display: block;
	content: "";
	height: 0.4rem;
	width: 100%;
	background-color: #33BEA3;
	position: absolute;
	top: 0.05rem;
	left: 0;
	opacity: 0;
	transition: opacity 0.3s;
}

#header div.main-nav-menu > ul > li > a:hover::before,
#header div.main-nav-menu > ul > li > a.selected::before { 
	opacity: 1;
}

@media (max-width: 960px) {
	#header div.main-nav-menu {
		display: none;
	}
}

/*  ==================================================================================================================
	Enmesh // card // header
================================================================================================================== */

div.layout > div.row > div.card.header {
	position: relative;
	width: 100%;
	height: auto;
	padding: 0;
	padding-top: 4rem;
}

div.layout > div.row > div.card.header > * {
	max-width: unset;
}

div.card.header.row {
	width: 100%;
}

div.card.header b {
	font-weight: normal;
}

div.card.header > .row:nth-of-type(1) {
	height: 73rem;
	padding-top: 10rem;
	text-align: center;
	position: relative;
	background-image: linear-gradient(#1B2234 , #152449);
}

div.card.header > .row:nth-of-type(1) h2 {
	width: 60%;	
	margin: auto;
}

div.card.header > .row:nth-of-type(2) {
	position: relative;
	background-color: #EBF8F5 ;
	height: 30rem;
	width: 100%;
}

div.card.header > .row:nth-of-type(2) > .block img {
	z-index: 2;
	position: absolute;
	width: inherit;
	width: 70%;
	max-width: 1250px;
	object-fit: cover;
	top: 0;
	left: 50%;
	transform: translate(-50%, -60%);
	border-radius: 4rem;
}

@media (max-width: 1440px) {
	
	div.card.header > .row:nth-of-type(2) > .block img {
		transform: translate(-50%, -70%);
	}

	div.card.header > .row:nth-of-type(2) {
		height: 14rem;
	}
}

@media (max-width: 1200px) {
	
	div.card.header > .row:nth-of-type(2) > .block img {
		width: 80%;
	}

	div.card.header > .row:nth-of-type(2) {
		height: 10rem;
	}

	div.card.header > .row:nth-of-type(2) > .block img {
		transform: translate(-50%, -80%);
	}
}

@media (max-width: 960px) {
	
	div.card.header > .row:nth-of-type(1) {
		height: 50rem;
		padding-top: 5rem;
	}

	div.card.header > .row:nth-of-type(2) > .block img {
		border-radius: 1rem;
	}

	div.card.header > div.row:first-of-type > div > h2 {
		font-size: 2.8;
		width: 100%;	
	}

	div.card.header > .row:nth-of-type(2) {
		height: 15rem;
	}
	
	div.card.header > .row:nth-of-type(2) > .block img {
		width: 80%;
		transform: translate(-50%, -60%);
	}
}

@media (max-width: 720px) {
	
	div.card.header > .row:nth-of-type(1) {
		height: 45rem;
		padding-top: 5rem;
	}

	div.card.header > .row:nth-of-type(1) h1 {
		width: 80%;	
	}

	div.card.header > .row:nth-of-type(2) {
		height: 10rem;
	}
}

@media (max-width: 480px) {
	
	div.card.header > .row:nth-of-type(1) {
		height: 40rem;
	}

	div.card.header .row:nth-of-type(2) {
		padding-bottom: 0;
	}

}

@media (max-width: 320px) {
	
	div.card.header > .row:nth-of-type(1) {
		height: 30rem;
	}
}

/* ================================================================================================================== 
	Enmesh Theme // Product features Component
================================================================================================================== */

div.card.product_features .content-row {
	padding: 0;
	text-align: center;
}

div.card.product_features {
	background-color: #EBF8F5;
	padding-left: 25rem;
	padding-right: 25rem;
}

div.card.product_features .content-row:first-of-type h3 {
	color: #1B2234;
	font-weight: 300;
	width: 65.2%;
	text-align: left;
}

div.card.product_features .content-row:nth-of-type(2) .list-panels {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 6.4rem;
}

div.card.product_features .content-row:nth-of-type(2) .panel {
	width: 30%;
	color: #1B2234;
}

div.card.product_features .content-row:nth-of-type(2) .panel-content {
	display: flex;
	align-items: center;
	margin-bottom: 6.4rem;
}

div.card.product_features .content-row:nth-of-type(2) .panel-content img {
	max-width: 6.4rem;
	max-height: 6.4rem;
}

div.card.product_features .content-row:nth-of-type(2) .panel-content .text {
	padding-left: 2.4rem;
	text-align: left;
	font-size: 2rem;
}

div.card.product_features .content-row:nth-of-type(2) .list-panels {
	display: flex;
}

div.card.product_features .content-row:last-of-type p {
	color: #1B2234;
	font-weight: 300;
	font-size: 2rem;
	width: 65.2%;
	text-align: left;
}

@media only screen and (max-width: 1280px) {
	
	div.card.product_features {
		padding-left: 10rem;
		padding-right: 10rem;
	}
	
}

@media (max-width: 960px) { 

	div.card.product_features .content-row:nth-of-type(2) .panel {
		width: 45%;
	}

	div.card.product_features .content-row:nth-of-type(2) .panel-content img {
		max-width: 5rem;
		max-height: 5rem;
	}
	
	div.card.product_features .content-row:first-of-type h3,
	div.card.product_features .content-row:last-of-type p {
		width: 77%;
	}

	div.card.product_features .content-row:nth-of-type(2) .panel-content .text {
		font-size: 1.6rem;
	}
}

@media (max-width: 720px) { 

	div.card.product_features .content-row:nth-of-type(2) .panel-content img {
		max-width: 3.2rem;
		max-height: 3.2rem;
	}

	div.card.product_features .content-row:first-of-type h3,
	div.card.product_features .content-row:last-of-type p {
		width: 100%;
	}

	div.card.product_features .content-row:nth-of-type(2) .panel-content {
		margin-bottom: 5.6rem;
	}

	div.card.product_features .content-row:nth-of-type(2) .panel-content .text {
		padding-left: 1.5rem;
		font-size: 1.4rem;
	}
}

@media only screen and (max-width: 600px) {

	div.card.product_features {
		padding-left: 3.2rem;
		padding-right: 3.2rem;
	}
	
}

/* ================================================================================================================== 
	Enmesh Theme // Text and Cards Component
================================================================================================================== */
/*
	Cards that have no icon need a image-none class
*/

div.card.text_and_cards {
	text-align: center;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns:  minmax(260px, 490px) 2rem minmax(260px, 490px) 2rem minmax(260px, 490px);
	grid-template-columns:  fit-content(490px) fit-content(490px) minmax(340px, 490px);
	-ms-grid-rows: auto 2rem 32.4rem 2rem 32.4rem;
	grid-template-rows: auto 32.4rem 32.4rem;
	grid-gap: 2rem;
	margin: auto;
	padding: 10rem;
	background-image: linear-gradient(#1B2234 , #152449);
	-ms-flex-pack: center;
	justify-content: center;
}

div.card.text_and_cards .content-row:nth-of-type(1) {
	padding: 0;
}

div.card.text_and_cards div.row {
	margin: 0;
}

div.card.text_and_cards > *:nth-child(1) {
	-ms-grid-row: 1;
	-ms-grid-column-span: 6;
}

div.card.text_and_cards > *:nth-child(2) {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
}

div.card.text_and_cards > *:nth-child(3) {
	-ms-grid-row: 3;
	-ms-grid-column: 3;
}

div.card.text_and_cards > *:nth-child(4) {
	-ms-grid-row: 3;
	-ms-grid-column: 5;
}

div.card.text_and_cards > *:nth-child(5) {
	-ms-grid-row: 5;
	-ms-grid-column: 1;
}

div.card.text_and_cards > *:nth-child(6) {
	-ms-grid-row: 5;
	-ms-grid-column: 3;
}

div.card.text_and_cards > *:nth-child(7) {
	-ms-grid-row: 5;
	-ms-grid-column: 1;
}

div.card.text_and_cards > *:nth-child(8) {
	-ms-grid-row: 5;
	-ms-grid-column: 3;
}

div.card.text_and_cards > *:nth-child(9) {
	-ms-grid-row: 5;
	-ms-grid-column: 5;
}

div.card.text_and_cards > div:first-of-type {
	-ms-grid-row: 1;
	grid-row: 1;
	-ms-grid-column: 1;
	-ms-grid-column-span: 3;
	grid-column: 1/4;
}

div.card.text_and_cards > div:first-of-type h2 {
	padding-bottom: 8rem;
}

div.card.text_and_cards > div:nth-child(n+2) {
	background-color: rgba(255,255,255,0.25);
	padding: 5rem 6.2rem;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	transition: all 0.3s ease-out;
}

div.card.text_and_cards > div:last-of-type {
	background-color: #33BEA3;
}

div.card.text_and_cards > div:not(:first-child):not(:last-child):hover {
	box-shadow: 0 0 0 2px rgba(255,255,255,0.25);
	background-color: rgba(255,255,255,0.05);
}

div.card.text_and_cards > div:nth-child(n+2) > div.image-none,
div.card.text_and_cards>div:nth-child(n+2) > div > p:not(:last-child),
div.card.text_and_cards > div:not(:first-child):not(:last-child):hover > div:first-of-type {
	display: none;
}

div.card.text_and_cards > div:not(:first-child):not(:last-child):hover > div > p:not(:last-child) {
	display: inline-block;
}

div.card.text_and_cards > div:nth-child(n+2) > div.image-none + div > p {
	display: inline-block;
}

div.card.text_and_cards>div:nth-child(n+2) > div > p:last-of-type a {
	opacity: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}

div.card.text_and_cards > div:nth-child(n+2) > div:first-of-type {
	width: 6rem;
	height: 6rem;
	margin: 0 auto;
	margin-bottom: 1rem;
}

div.card.text_and_cards > div:nth-child(n+2) img {
	display: inline;
	margin: 0 auto;
	height: 100%;
	width: auto;
}

div.card.text_and_cards>div:nth-child(n+2) > div > h3 {
	padding: 1.6rem 2.6rem;
	font-size: 3rem;
}

@media (max-width: 1200px) { 
	div.card.text_and_cards {
		-ms-grid-rows: auto 2rem 25.4rem 2rem 25.4rem;
		grid-template-rows: auto 25.4rem 25.4rem;
	}

	div.card.text_and_cards > div:nth-child(n+2) {
		padding: 2rem 2.5rem;
		text-align: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-pack: center;
		justify-content: center;
	}

	div.card.text_and_cards > div:nth-child(n+2) > div:first-of-type {
		width: 4.8rem;
		height: 4.8rem;
		margin: 0 auto;
	}
}

@media (max-width: 960px) { 
	div.card.text_and_cards {
		-ms-grid-columns: 1fr 2rem 1fr;
		grid-template-columns: 1fr 1fr;
		-ms-grid-rows: 32.4rem 2rem 32.4rem 2rem 32.4rem;
		grid-template-rows: 32.4rem 32.4rem 32.4rem;
		padding: 5rem 8rem;
	}

	div.card.text_and_cards > *:nth-child(2) {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}

	div.card.text_and_cards > *:nth-child(3) {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
	}

	div.card.text_and_cards > *:nth-child(4) {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}

	div.card.text_and_cards > *:nth-child(5) {
		-ms-grid-row: 3;
		-ms-grid-column: 3;
	}
	 
	div.card.text_and_cards > *:nth-child(6) {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}

	div.card.text_and_cards > div:first-of-type {
		display: none;
	}

	div.card.text_and_cards > div:nth-child(n+2) > div:first-of-type {
		display: none;
	}

	div.card.text_and_cards>div:nth-child(n+2) > div:last-of-type > p {
		display: inline-block;
	}
}

@media (max-width: 720px) {
	div.card.text_and_cards {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 6rem 8rem;
	}

	div.card.text_and_cards>div:nth-child(n+2) {
		min-height: 32.4rem;
		margin: 1rem 0;
	}
}

@media (max-width: 480px) {
	div.card.text_and_cards {
		padding: 6rem 3rem;
	}
}

/*  ========================================================================================================================
	Enmesh // Video
================================================================================================================== */

div.card.video {
	background-color: #EBF8F5;
	display: flex;
	justify-content: center;
	padding: 8rem;
	margin: auto;
	height: min-content;
}

div.card.video > div  {
	height: 100%;
	width: 60%;
	max-width: calc(180rem - 20%);
}

div.card.video > div > div {
	position: relative;
	height: 0;
	padding-top: 28.125%; 
	padding-bottom: 28.125%;
	border-radius: 2rem;
	overflow: hidden;
}

div.card.video > div iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (max-width: 960px) {
	div.card.video > div  {
		width: 90%;
	}
}

@media (max-width: 480px) {
	div.card.video {
		padding: 5rem 2rem;
	}
}

/*  ==================================================================================================================
	Enmesh // Text and Image
================================================================================================================== */

div.card.text_and_image div {
	width: 100%;
	margin: auto;
}

div.card.text_and_image div:first-of-type {
	padding-bottom: 0;
}

div.card.text_and_image div:first-of-type h2 {
	text-align: center;
}

div.card.text_and_image div img {
	width: 80%;
	height: auto;
	margin: auto;
	display: flex;
}

@media (max-width: 480px) {

	div.card.text_and_image {
		padding: 3rem 1rem;
	}
}

@media (max-width: 320px) {

	div.card.home_-_text_and_picture_-_our_clients {
		display: none;
	}
}

@media (max-width: 600px) {

	div.card.text_and_image div:first-of-type {
		padding-top: 2rem;
	}

	div.card.text_and_image div img {
		width: 100%;
	}
}

/*  ==================================================================================================================
	Enmesh // Text and Image // variant slim 
================================================================================================================== */

div.card.text_and_image.slim {
	padding: 4rem;
}

div.card.text_and_image.slim div img {
	width: 60%;
}

@media (max-width: 720px) {
	div.card.text_and_image.slim div img {
		width: 100%;
	}
}

/*  ==================================================================================================================
		Enmesh // Contact us component
================================================================================================================== */

div.card.contact_us .content-row {
	padding: 0;
}

div.card.contact_us {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 3rem 0.5fr 3rem 0.5fr;
	grid-template-columns: 1fr 0.5fr 0.5fr;
	-ms-grid-rows: 8rem 3rem 8rem 3rem auto;
	grid-template-rows: 8rem 8rem auto;
	grid-template-areas: "send contact contact" "send telephone email" "send mail media";
	grid-gap: 3rem;
	justify-items: start;
	background-color: #EBF8F5;
	color: #1B2234;
	text-align: left;
}

div.card.contact_us div.row:nth-of-type(1) {
	-ms-grid-row: 1;
	-ms-grid-row-span: 5;
	-ms-grid-column: 1;
	grid-area: send;
	width: 100%;
}

div.card.contact_us div.row:nth-of-type(2) {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
	-ms-grid-column-span: 3;
	grid-area: contact;
	margin-left: 0;
}

div.card.contact_us div.row:nth-of-type(3) {
	-ms-grid-row: 3;
	-ms-grid-column: 3;
	grid-area: telephone;
}

div.card.contact_us div.row:nth-of-type(4) {
	-ms-grid-row: 3;
	-ms-grid-column: 5;
	grid-area: email;
}

div.card.contact_us div.row:nth-of-type(5) {
	-ms-grid-row: 5;
	-ms-grid-column: 3;
	grid-area: mail;
}

div.card.contact_us div.row:nth-of-type(6) {
	-ms-grid-row: 5;
	-ms-grid-column: 5;
	grid-area: media;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-self: flex-start;
	justify-content: flex-start;
	align-content: flex-start;
}

div.card.contact_us div.row:nth-of-type(n+3) {
	margin-left: 0;
	margin-right: auto;
}

div.card.contact_us div.row:nth-of-type(n+3) h3 {
	font-size: 3.4rem;
	font-weight: 300;
	padding-top: 2rem;
}

div.card.contact_us div.row:nth-of-type(n+3) p {
	opacity: 0.8;
}

div.card.contact_us div.row:last-of-type img {
	width: auto;
	height: 100%;
	padding-right: 2rem;
}

div.card.contact_us div.row:nth-of-type(6) div:first-child {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	height: -webkit-min-content;
	height: -moz-min-content;
	height: min-content;
}

div.card.contact_us div.row:nth-of-type(6) div:not(:first-child) {
	width: 1.5rem;
	height: 1.5rem;
	margin-right: 2.5rem;
	-ms-flex-item-align: start;
	align-self: flex-start;
	justify-self: flex-start;
	margin-top: 3rem;
}

@media (max-width: 960px) {	
	div.card.contact_us {
		padding: 8rem 4rem;
	}
	
	div.card.contact_us div.row:nth-of-type(n+3) h3 {
		font-size: 2rem;
	}
}

@media (max-width: 720px) {	
	div.card.contact_us {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr;
		-ms-grid-rows: auto 3rem auto 3rem auto 3rem auto;
		grid-template-rows: auto auto auto auto;
		grid-template-areas: "send send" "contact contact" "telephone email" "mail media";
		grid-row-gap: 3rem;
		padding: 8rem 5rem;
	}
	
	div.card.contact_us div.row:nth-of-type(1) {
		-ms-grid-column-align: center;
		justify-self: center;		
		width: 100%;
	}

	div.card.contact_us div.row:nth-of-type(n+3) h3 {
		font-size: 2.4rem;
	}	
	div.card.contact_us div.row:nth-of-type(1) {
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
	}	
	div.card.contact_us div.row:nth-of-type(2) {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
	}	
	div.card.contact_us div.row:nth-of-type(3) {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}	
	div.card.contact_us div.row:nth-of-type(4) {
		-ms-grid-row: 5;
		-ms-grid-column: 2;
	}	
	div.card.contact_us div.row:nth-of-type(5) {
		-ms-grid-row: 7;
		-ms-grid-column: 1;
	}	
	div.card.contact_us div.row:nth-of-type(6) {
		-ms-grid-row: 7;
		-ms-grid-column: 2;
	}
}

@media (max-width: 480px) {	
	div.card.contact_us {
		padding: 8rem 2rem;
	}
	div.card.contact_us div.row:nth-of-type(n+3) h3 {
		font-size: 1.8rem;
	}

	div.card.contact_us div.row:nth-of-type(6) div:not(:first-child) {
		margin-right: 1.5rem;
	}
}

@media (max-width: 320px) {	
	div.card.contact_us div.row:nth-of-type(n+3) h3 {
		font-size: 1.6rem;
	}

	div.card.contact_us div.row:nth-of-type(6) div:not(:first-child) {
		margin-right: 1.5rem;
	}
}

/* 	==================================================================================================================
	dotfive // widgets // common
	================================================================================================================== */

div[widget], div[component] {
	position: absolute;
}

/*  ==================================================================================================================
		Enmesh // Contact us widget
================================================================================================================== */

form[name=Contact] {
	margin-top: 3.2rem;
}

form[name=Contact] div.field {
	margin-bottom: 3rem;
}

form[name=Contact] div.field div.fieldname {
	margin-bottom: 1rem;
	opacity: 0.8;
}

form[name=Contact] div[widget=textbox], 
form[name=Contact] [widget=textarea] {
	background-color: #FFFFFF;
	color: #1B2234;
	border-radius: 0.4rem;
	border: 0;
	width: 80%;
	max-width: 50rem;
	height: 3.2rem;
	line-height: 3.2rem;
	position: relative;
}


form[name=Contact] div[widget=textarea] > div[widget~=scrollbox] {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: none;
	min-height: 15rem;
}

form[name=Contact] div[component=textbox][contenteditable=true] {
	position: relative;
	background: none;
	min-height: 100%;
}

form[name=Contact] [component=scrollbox][scrollv=true] {
	padding-right: 2rem;
}

form[name=Contact] input[type=text] {
	width: 100%;
	color: inherit;
	font-size: inherit;
	line-height: inherit;
	font-family: inherit;
	background: none;
	border: none;
	padding: 0 0.8rem;
	min-height: 3.2rem;
	height: auto;
}

form[name=Contact] div[widget=textbox]:hover,
form[name=Contact] div[widget=textbox][focused=true],
form[name=Contact] div[widget=textarea]:hover,
form[name=Contact] div[widget=textarea][focused=true] {
	border-color: #ffffff;
	color: #1B2234;
}

form[name=Contact] [widget=textarea] {
	min-height: 16rem;
}

form[name=Contact] div.footer a {
	margin-top: 4rem;
}

@media (max-width: 720px) {

	form[name=Contact] div[widget=textbox], 
	form[name=Contact] [widget=textarea] {
		width: 100%;
	}

	form[name=Contact] div.footer {
		padding-bottom: 5rem;
	}
}

/* 	==================================================================================================================
	Enmesh // widgets // common // scrollbox
	================================================================================================================== */

div[widget~=scrollbox] > div[component=content] {
	left: 15px;
	top: 10px;
	bottom: 10px;
	right: 15px;
	overflow: hidden;
}

div[component=scrollbarV] {
	right: 0;
	top: 0;
	bottom: 0;
	width: 15px;
	position: absolute;
}

div[widget~=scrollbox][scrollV=true] > div[component=content] {
	right: 23px;
}

/* 	==================================================================================================================
	Enmesh // widgets // common // scrollbar
	================================================================================================================== */

div[widget~=scrollbar] {
	background: rgba(255,255,255,0.7);
}

div[widget~=scrollbar] > div[component=track] {
	left: 20px;
	top: 0px;
	right: 20px;
	bottom: 0px;
}

div[widget~=scrollbar] > div[component=upleft],
div[widget~=scrollbar] > div[component=downright] {
	position: absolute;
	padding: 0px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAzBJREFUeJzt3UuIjWEcx/HvmNwauWVhhIYxFojIwmVFKRILYmlhQVI2YsnCRrEUSxvJrZRYURZihQ2RWLglud+Gcl+8lGg0c2bO+3+e9/1+6uyfzu87Z6bTOc+AJEmSJEmSJEmSJEmSJEmSJElSvU0ETgDvgW7gDDA99EQqzRzgMfDjr8dLoDPwXCrBcuAd/47/+3Es7mhqtk3AF3oe/wfwOux0apoWYC//H/7PhypkKMXLem/HN4AKGQtcom/jG0BFdAJ36Pv4BlABC4BnNDa+AWRuLfCJxsc3gIxtB77Rv/ENIEOtwAH6P7wBZKiN4n38gRrfADIyHrjKwI5vAJmYAdxn4Mc3gAwsoXjPvhnjG0DiNgCfad74BpCw3TR3eANI1GDgMOWMbwCJGQVcoLzxDSAhk4GblDu+ASRiHvCE8sc3gASsBD4QM74BBNsCfCVufAMI0gLsI3Z4AwgyDDhJ/PAGEGAccJn40Q0gQBdwl/jBDSDAIuAF8WMbQID19P9zewaQqZ3Ad+JHNoCStQKHiB/XAAKMAM4RP6wBBGgHrhM/qgEEmAU8JH5QAwiwEHhD/JiVC6Al+gC9MAa4RfGx7Rwl/RwPij5AL2wj3/GTl0MAa6IPUGVJvzz98hEYHn2Ifkj6Oc7hFSD5P6RylkMAt6MPUGU5BHA8+gBVlvTvp1/aKD7O3RF8jkYl/Rzn8ArQDawGnkcfRLGm0vhNXb4TWBGN3tVnABXSyG2dBlAxfb2v1wAqajPx3/wxgGArKP5TR/TQBhBoLnHf/jWAREwCbhA/uAEEGgmcJ350AwhU9h1ABpCoXcSPbwDByrgH0AASt5TYTxQrATOBBxhArbUD1zCAWmsDzmIAtdYKHMQAam8H5dwtoISto/m3iyhxi2nu/ULKQBdwDwOotXHAFQyg1oYBpzCAWmsB9mMAtbeVgfm8oTK2iuKbSQZQY/OBpxhArXVQ3FNkADU2GriIAdTaEOAIBlB7ezCA2tsIfOH/478KO51KsQx4S88BHI07msoyG3jEv+O/AKYEnkslmkDx0/6O4p9UngamhZ5IkiRJkiRJkiRJkiRJkiRJkiRV3k8s+B+ya2UnCwAAAABJRU5ErkJggg==");
	background-position: 50% 50%;
	background-size: 16px 16px;
	border: none;
	opacity: 0.4;
}

div[widget~=scrollbar][orientation=vertical] > div[component=handle] {
	left: 2px;
	right: 2px;
}

div[widget~=scrollbar][orientation=vertical] > div[component=track] {
	left: 0px;
	top: 20px;
	right: 0px;
	bottom: 20px;
}

div[widget~=scrollbar][orientation=vertical] > div[component=upleft] {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAxdJREFUeJzt3DuIFWcYxvH/rkGNF7xgFLJFvEYC8QIiNpIqiY2kSKWliJVYWAkBGyNWEiGd2HkJQVFIEwQxCSmCEMKm8VIowRsq3lDcJbquWswZi8Vd98yZ+d45Z/4/eOrzve8z1e43A5IkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSXFmAXuAf4AhYBgYBPYCcwLPpQTWAteB1+PkNrA+7HSq1ArgPuOXn+cx8FnQGVWRBcBV3l9+nv+ARSEnVemmA38x+fLz/A3MCDivStQHnKL98vP8AvQnP7VKc5Di5ef5MfmpVYqddF5+nt2Jz64ObQZeUt4DMAp8m3QCFbYOeEZ55ecZBjYknEMFfALcofzy89wDliabRm2ZC1ykuvLzXAHmJ5pJkzQV+I3qy8/zJzAtyWSalKOkKz/PT2R/Z1CwfaQvP8+BBPNpAtuIKz/Pjsqn1Dt9Cbwg/gEYATZVPKvGWAU8Ib78PE+BNZVOrLc+Bm4QX/rY3AIGKpxbZNe5Bokve7z8C8yubPqG+wD4lfiS35ezrbOqZIeJL3eyOVLRDhprD/GltpvvKtlEA20BXhFfaLt5BWytYB+NshH4n/gyi+Y58EXpW2mIT4GHxJfYaR4CK0veTc/7CLhGfHll5RqwsNQN9bAPgQvEl1Z2LrRm0wT6gdPEl1VVzuA18wn9QHxJVedQadvqMbuILydVdpW0s57xDdnV6+hiUmW0NbPIXsceIr6U1BnCV9FZDNwlvoyo3G3toJHmAZeJLyE6l8iutDfKVOAP4pdfl/ze2kkj9AHHiV963XKsk6V2k/3EL7uu+b6DvXaF7cQvue7ZVni7Nfc12RXq6AXXPSPAVwV3XFurya5ORy+3W/IE+LzQpmtoALhJ/FK7LTfIrsB3vZPEL7Nbc6LAvtuS4u3WZ8DMBL/Ti55S8edrU/xv2leoi5tS9Q+keADOJ/iNXnUu+gBl6JXLnanzAFheYN+1tAz4mexDzNGLrXsekX19ZEmhTUuSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSpK71BqUL1MeHK2mAAAAAAElFTkSuQmCC");
	top: 0px;
	left: 0px;
	right: 0px;
	height: 20px;
}

div[widget~=scrollbar][orientation=vertical] > div[component=downright] {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAvxJREFUeJzt3E2ID3Ecx/G3xw152oM8JQ+Rh5DDlptyECfl6OAiOXo4iYOLkps4Ui5byMFDe6AUkQMupEhKREJ5WLLlYZfDcFHs/uc/8/vOzP/9qs91Z+bzmXbb+c8uSJIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZKkTrMYOAf0Az/Nf/MROAssytV0BS0D3hNfbN3yDliSo+/K6SO+zLrmYo6+WzKq7AMAA8CEBMdpogFgUpkHGF3mF/9tMMExmupH2QdIcQP0JThGUzWiu9nAC+J/ntYtz4FZOfqupJX4K2Ar+QisyNV0hW0AvhNfbtXzDVifs+PK2058wVXPttzt1sQh4kuuag620Wut9BJfdtVyqq1Ga2Y8cJ340quSq8C4dgqto+nAI+LLj84DYGqbXdbWAuAN8SNE5RUwr+0Wa64H+EL8GKnzGVhTQH+NsJnsM4PoUVLlB7CpkOYaZBfxw6TKzoI6a5yjxI9Tdo4U1lYDjQbOEz9SWTlDmncwam0CcJv4sYrOTaCrwJ4abQbwlPjRispjoLvQhjrAUprxMulbYGHB3XSMdcBX4kfMmwFgbeGtdJitwBDxY7aaQWBLCX10pAPED9pq9pTSRAc7SfyoI82xkjroaGOBK8SPO1wukOZt6440BbhP/Mj/yh1gYmlXLwDmAi+JH/vvPCV7fqEEVgOfiB/9T96TPbdQQhupxmvmX8meVyjADmLHHyJ7TqFAh4m7AfYnuD4NYxRwmvTjn0hxcRqZLuAG6ca/TPZcQhXSTfaxa9nj3wMmJ7omtWgR2cevZY3/ApiT7GqUy1qyj2GLHr8fWJXwOtSGLRT7mvl3sj9vV43spbgbYHvic1dBjtP++IeSn7UKMwa4RP7xe9Ofsoo2EbhL6+NfI/szdjXATOAZIx//ITAt4kRVnuXAB4Yf/zUwP+YUVbYe/v8yyROyG0UNNgXYR/b6Vj/Zd4VbwG78n8aSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJCnQL74K1b7KD2ipAAAAAElFTkSuQmCC");
	right: 0px;
	left: 0px;
	bottom: 0px;
	height: 20px;
}

div[component=handle] {
	position: absolute;
	background: #999999;
	cursor: pointer;
	padding: 0px;
	border: none;
}

div[component=handle][focused=true] {
	background: #999999;
}

/*  ==================================================================================================================
	Enmesh // card // register
================================================================================================================== */

div.card.register {
	font-weight: normal;
	color: #1B2234;
	background-color: #CCEFE8;
}

div.card.register .content-row:nth-child(1) {
	padding-bottom: 0;
}

div.card.register .content-row:nth-child(2) {
	padding-top: 0;
}

div.card.register div h2 {
	font-weight: 300;
	padding-bottom: 3rem;
}

div.card.register div p {
	padding-bottom: 3rem;
	width: 60%;
}

@media (max-width: 740px){

	div.card.register div h2,
	div.card.register div p {
		text-align: center;
		width: 100%;
	}
	
	div.card.register > div > div:nth-of-type(2) {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}

/*  ==================================================================================================================
	Enmesh // widget // form newsletter
================================================================================================================== */

form[name='Newsletter'] input {
	height: 4rem;
	min-width: 45rem;
	color: #485A7F;
	border-radius: 0.2rem;
	font-size: 1.8rem;
	background-color: #FFFEFC;
	border: none;
	padding: 0 0.8rem;
}

form[name='Newsletter'] div {
	padding-bottom: 4rem;
}

form[name='Newsletter'] [widget=textbox] {
	position: relative
}

form[name='Newsletter'] div.footer {
	padding-bottom: 0;
}

@media (max-width: 740px){
	form[name='Newsletter'] {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	form[name='Newsletter'] div:nth-of-type(1) {
		width: 100%;
		margin: auto;
	}
	
	form[name='Newsletter'] input {
		min-width: 10rem;
		width: 100%;
	}
}

/*  ==================================================================================================================
	Enmesh // footer
================================================================================================================== */

#footer {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 8rem;
	width: 100%;
	background-color: #FFFFFF;
}

#footer img {
	height: 2.2rem;
}

/*  ==================================================================================================================
	Enmesh // table
================================================================================================================== */

div.layout > div.row > div.card.compare_table {
	color: #1B2234;
}

div.card.compare_table h2 {
	margin-bottom: 5rem;
}

div.card.compare_table table {
	color: #1B2234;
	width: 100%;
	margin: 0;
	border: none;
	border-collapse: collapse;
	text-align: center;
}

div.card.compare_table table tr {
	height: 5rem;
}

div.card.compare_table table tr td:first-of-type,
div.card.compare_table table thead tr th:first-of-type {
	text-align: left;
	padding-left: 1rem;
	padding-right: 0.5rem;
}

div.card.compare_table table tr:nth-child(odd) {
	background-color: #F4F4F5;
}

div.card.compare_table table tr td:nth-of-type(2) {
	background-color: #33BEA3;
	color: #ffffff;
}

div.card.compare_table table tr:nth-child(odd) td:nth-of-type(4),
div.card.compare_table table tr:nth-child(odd) td:nth-of-type(6) {
	background-color: #E9EAEB;
}

div.card.compare_table table tr:nth-child(even) td:nth-of-type(4),
div.card.compare_table table tr:nth-child(even) td:nth-of-type(6) {
	background-color: #F4F4F5;
}

div.card.compare_table table thead tr th {
	background-color: #ffffff;
}

div.card.compare_table table thead tr th:first-of-type {
	color: #1B2234;
}

div.card.compare_table table tr td:nth-child(n+3),
div.card.compare_table table thead tr th:nth-child(n+3),
div.card.compare_table table thead tr th:first-of-type {
	color: #999999;
	font-weight: normal;
}

div.card.compare_table table tr td:nth-child(n+2) {
	font-size: 2.5rem;
}

div.card.compare_table table thead {
	font-weight: 600;
}

div.card.compare_table table tr td:nth-child(n+1),
div.card.compare_table table thead tr th:nth-child(n+1) {
	width: 1rem;
}

@media only screen and (max-width: 600px) {
	
	div.card.compare_table table tr td {
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}	
}