@font-face {
	font-family: 'Aliquam-UltraLight';
	src:url('/fonts/Aliquam-UltraLight/Aliquam-UltraLight.ttf.woff') format('woff'),
		url('/fonts/Aliquam-UltraLight/Aliquam-UltraLight.ttf.svg#Aliquam-UltraLight') format('svg'),
		url('/fonts/Aliquam-UltraLight/Aliquam-UltraLight.ttf.eot'),
		url('/fonts/Aliquam-UltraLight/Aliquam-UltraLight.ttf.eot?#iefix') format('embedded-opentype'); 
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Arial-Black';
	src:url('/fonts/Arial-Black/arial-black.woff2') format('woff2'),
		url('/fonts/Arial-Black/arial-black.woff') format('woff'),
		url('/fonts/Arial-Black/arial-black.eot'),
		url('/fonts/Arial-Black/arial-black.eot?#iefix') format('embedded-opentype'); 
	font-weight: normal;
	font-style: normal;
}

body{
	position:relative;
	margin:0;padding:0;font-size:0;
	background:var(--beige);
	overflow-x:hidden;
	overflow-y:hidden;
}

a{
	color:var(--dark-grey-brown);
}

a:link{text-decoration:none;font-weight:bold;}
a:visited{color:var(--dark-grey-brown);}
a:hover{color:var(--purple);}
a:active{color:var(--dark-grey-brown);}

#homepage-container{
	position:relative;
	left:0;
	display:grid;
	width:200%;
	grid-template-columns: 50% 50%;
	transition: left 1s ease-in-out;
	overflow:hidden;
}

.homepage-container-blur{
	-webkit-filter: blur(8px);
	filter: blur(8px);
}

.homepage-page{
	position:fixed;
	width:100%;
	max-width:100%;
	height:100vh;
	overflow-x:hidden;
	overflow-y:auto;
	scroll-behavior: smooth;
}

#homepage-page-section{
	position:fixed;
	top:0;
	left:100%;
	/*height:95vh !important;*/
	transition: left 1s ease-in-out;
	/*padding-bottom:5vh;*/
}

#mobile-menu-icon{
	position:fixed;display:block;padding:1.5vw;width:5vw;height:5vw;z-index:200;
}

.mobile-menu-icon-selector{
	width:6vmin;height:6vmin;fill:none;stroke:#5C4E40;stroke-width:4;stroke-miterlimit:10;opacity:0.5;
}

.mobile-menu-icon-arrow{
	width:6vmin;height:6vmin;fill:#FFFFFF;stroke:none;-webkit-transform: scaleX(-1);transform: scaleX(-1);
	animation-name: mobile-menu-icon-anim;
	animation-duration: 0.5s;
}

@keyframes mobile-menu-icon-anim {
  from {fill: #5C4E40;}
  to {fill: #FFFFFF;}
}

.side-menu-item{
	position:relative;display:inline-block;margin:auto;
}

.side-menu-section-item{
	position:fixed;
	width:5%;
	margin-left:1%;
	margin-top:1%;
	z-index:100;
}

.side-menu-item-box{
	position:relative;padding-top:5pt;padding-bottom:5pt;text-align:center;
}

.side-menu-item-box-selectable{
	cursor:pointer;
	border-left:solid 0px #b1b3b5;
	border-right:solid 0px #b1b3b5;
}
.side-menu-item-box-selectable:hover{
	padding-left:8pt;padding-right:8pt;
	border-left:solid 1px #b1b3b5;
	border-right:solid 1px #b1b3b5;
	border-radius:8px;
}

.side-menu-label{
	position:relative;
	display:inline-block;
	margin:auto;
	text-transform:uppercase;
	font-family: tilden-sans-light, sans-serif;
	letter-spacing:1pt;
	line-height:1.3vw;
	font-size:1.3vw;
	color:#000000;
	padding:1vw;
	z-index:10;
}

.side-menu-section-item-button{
	border:solid 1px var(--dark-grey-brown);
	border-radius:50%;
	padding:50% 40% 20% 50% !important;
	white-space: nowrap;
	cursor:pointer;
}

.side-menu-section-item-button:hover{
	background:var(--dark-grey-brown);
	color:#ffffff !important;
}
	
.side-menu-section-item-button-icon{
	font-size:5em;
}

.side-menu-section-item-button-label{
	display:none;
}

.side-menu-anim-timer{
	transition: all 0.5s ease-in-out;
}

#menu-section-social{
	display:none;
}

#menu-section-settings{
	display:none;
}

#mobile-menu{
	display:block;
	position:fixed;
	width:100vw;
	height:100vh;
	top:0;
	left:-100vw;
	background-color:#5c4e40;
	z-index:100;
	overflow-y: auto;
	transition: left 0.5s ease-in-out;
}

.mobile-menu-section{
	display:block;
	position:relative;
	width:100%;
	height:6.5vw;
	border-bottom:dashed 1vw #ffffff;
	text-align:center;
	margin-bottom:5vw;
}

.mobile-menu-item{
	display:block;
}

.mobile-menu-text{
	position:relative;
	margin:auto;
	display:inline-block;
	font-family:'Open Sans', sans-serif;
	font-weight:bold;
	color:#ffffff;
	font-size:4vw;
	line-height:10vw;
	text-transform: uppercase;
	background-color:#5c4e40;
	padding:2vw;
	vertical-align:middle;
	margin-bottom:2vmax;
}

.mobile-menu-section-label{
	/*padding-left:5vw !important;
	padding-right:5vw !important;*/
}

.mobile-menu-icon-svg{
	position:relative;
	display:inline-block;
	fill: #ffffff;
	width:10vw;
	height:10vw;
	padding:2vw;
	padding-left:10vw;
	margin-bottom:2vh;
	vertical-align:middle;
}

.mobile-menu-text{
	display:inline-block;
	height:10vw;
}

#homepage-header{
	display:grid;
	position:relative;
	margin:auto;
	padding-top:4vh;
	width:100%;
	/*grid-template-columns: 0 6.4vw 6.3vw 6.3vw 1vw 60vw 1vw 19vw 0;*/
	grid-template-columns: 10% 80vw 10%;
}

.homepage-header-logo{
	position:relative;
	display:block;
	width:100%;
	height:calc(80vw * 300 / 640);
	background:url(/images/logo-no_text-2.svg) no-repeat;
}

.home-heager-logo-text-box{
	position:absolute;bottom:0;left:10%;width:80%;height:calc(80% * 90 / 219);
}

.home-header-logo-text{
	width:100%;height:100%;background:url(/images/logo-text.svg) no-repeat center center;
}

.homepage-header-inner-col{
	position:relative;
	width:100%;
	height:100%;
	background:url(/images/logo-line.svg) repeat-x;
}

/* IE EDGE CSS styles go here */
@supports (-ms-ime-align:auto) {
	.homepage-header-inner-col{
		height:calc(100% - 2px);
	}
}


.homepage-headline{
	display:block;width:100%;
	margin-top:8vh;
	margin-bottom:3vh;
	font-family: "tilden-sans-light", sans-serif;
	color:var(--dark-blue);
	text-align:center;
}

.homepage-headline-quote{
	margin:0;
	padding-top:0.5vw;
	padding-bottom:0.5vw;
	font-size:4.5vw;
}

span.homepage-headline-highlight{
	color:#9e005d;
	font-size:1.3em;
}

span.homepage-headline-quotes{
	color:#b1b3b5;
	font-size:1.8em;
	font-family: "Times New Roman", Times, serif;
}

.homepage-headline-ornament{
	display:block;
	margin:auto;
	width:60vw;
	height:calc(60vw * 45 / 375 );
	fill:var(--greyish-brown);
}

.homepage-content{
	display:grid;
	grid-template-columns: 5% 90% 5%;
	scroll-behavior: smooth;
}

.homepage-content-middle{
	padding:5vh 0 5vh 0;
	width:100%;
}

.homepage-content-section{
	font-family:"imperial-urw";
	padding-bottom:5vh;
}


.homepage-content-section-details{
	padding-bottom:0 !important;
}

.homepage-content-section-page{
	position:absolute;
	display:none;
	opacity:0;
}

.homepage-content-section-container{
	position:relative;
	height:auto;
	transition:height 0.5s ease-in-out;
}
/*
.homepage-content-contact-popup{
	display:block;
	position:fixed;
	background:#ff0000;
}*/

.anim-delay-section-details{
	animation-delay: 0.5s;
}

.anim-fade-in{
	animation-name: animation-fade-in;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
}

.anim-fade-out{
	animation-name: animation-fade-out;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
	
}

@keyframes animation-fade-in {
  0% {opacity:0;}
  20% {opacity:0;}
  100% {opacity:1;}
}

@keyframes animation-fade-out {
  0% {opacity:1;}
  80% {opacity:0;}
  100% {opacity:0;}
}

.homepage-content-box{
	display:block;
	position:relative;
	background:#f5f1e9;
	border-radius:2vw;
	padding:5vw;
	font-size:0px;
}

.homepage-content-header{
	position:relative;
	display:inline-block;
	padding-bottom:6pt;
}

.homepage-content-header-text{
	position:relative;
	display:inline-block;
	z-index:5;
	color:var(--dark-blue);
	font-size:18pt;
	padding-left:0.3vw;
	padding-right:0.8vw;
}

.homepage-content-header-underline{
	position:absolute;
	left:0;
	top:calc(100% - 14px);
	width:100%;
	height:14px;
}

.homepage-content-header-underline-img{
	width:100%;height:2vw;
}

.homepage-content-grid{
	display:block;
	padding-top:2vh;
	max-width:100%;
}

.homepage-content-section-grid{
	display:block;
	padding-top:2vh;
}

.homepage-content-grid-text{
	position:relative;
	color:var(--dark-blue);
	font-size:12pt;
	line-height:1.6em;
	text-align: justify;
	text-justify: inter-word;
	margin-bottom:2vh;
}

.homepage-content-grid-text ul{
	margin:0 auto 0 auto;
	text-align:left;
}

.homepage-content-grid-extension-link{
	font-family:tilden-sans-light, sans-serif;
	font-size:11pt;letter-spacing:1pt;
	text-transform:uppercase;
	color:#000000;
	line-height:13pt;
	padding-top:8pt;
	padding-bottom:8pt;
}

.homepage-content-grid-extension-text{
	display:none;
	margin-top:2vh;
	margin-bottom:7vh;
	padding:18pt;
	background:#ffffff;
	min-height:200px;
	border-radius:8pt;
}

.homepage-content-form{
	padding-top:20pt;
	padding-bottom:20pt;
}

.homepage-content-form-label{
	font-weight:bold;
	padding-bottom:4pt;
}

.homepage-content-form-input-message-char{
	display:block;
	text-align:center;
	font-size:7pt;
}

.homepage-content-form-button{
	position:relative;
	margin:20pt auto 20pt auto;
	min-height:40pt;
	text-align:center;
}

.homepage-content-form-button-circle{
	position:absolute;
	top:0;
	left:calc(50% - 24pt);
	display:inline-block;
	margin:auto;
	text-transform:uppercase;
	font-family: tilden-sans-light, sans-serif;
	letter-spacing:1pt;
	line-height:7pt;
	font-size:7pt;
	color:#000000;
	padding:17pt 8pt 17pt 8pt;
	border:solid 1px var(--brown);
	border-radius:50%;
	cursor:pointer;
	transition:all 0.5s ease-in-out;
}

.homepage-content-form-button-circle:hover{
	color:#ffffff;
	background:var(--brown);
}

.homepage-content-form-button-circle-label{
	
}

.homepage-content-form-button-circle-icon{
	font-size:1.5em;
	background:none;
}

.homepage-content-form-email-confirmation{
	position:absolute;
	top:0;
	left:calc(50% - 28pt);
	display:inline-block;
	margin:auto;
	padding:12pt;
	border:solid 1px var(--brown);
	background:var(--brown);
	border-radius:50%;
	opacity:0;
	-webkit-transform: scaleX(0) scaleY(0);
	transform: scaleX(0) scaleY(0);
	transition:all 0.5s ease-in-out;
}

.homepage-content-form-email-failed{
	border-color:var(--purple) !important;
	background:var(--purple) !important;
}

.homepage-content-form-email-confirmation-svg{
	width:25px;
	height:25px;
	fill:#ffffff;
}

.homepage-content-form-email-tick-svg{
	position:absolute;
	bottom:-5pt;
	right:-1pt;
	width:15pt;
	height:15pt;
	border: solid 1px var(--brown);
	border-radius: 50%;
}

.homepage-content-form-email-failed-svg{
	width:25px;
	height:25px;
	fill:#ffffff;
}

.homepage-content-form-email-cross-svg{
	position:absolute;
	bottom:-5pt;
	right:-1pt;
	width:15pt;
	height:15pt;
	border: solid 1px #ffffff;
	border-radius: 50%;
}

.homepage-content-form-email-error-message{
	display:none;
	color:var(--purple);
	font-size:9pt !important;
	line-height:9pt !important;
	opacity:0;
	-webkit-transform: scaleX(0) scaleY(0);
	transform: scaleX(0) scaleY(0);
	transition:all 0.5s ease-in-out;
}

.homepage-content-form-input-box{
	position:relative;
	width:calc(100% - 24pt);
	padding:12pt;
	background:var(--fairest-brown);
	border:dashed 2px var(--border-fair-brown);
	border-radius:8pt;
	outline:none;
	font-family:inherit;
	font-size:inherit;
	line-height:inherit;
	color:var(--dark-grey);
	resize: none;
}

.homepage-content-form-input-box-error{
	background:var(--error-background);
	border:solid 2px var(--error-border);
}

.homepage-content-form-input-box:focus{
	margin-top:-1px;
	margin-left:-1px;
	padding-bottom:calc(12pt - 1px);
	border:solid 3px var(--light-blue);
	background:var(--fairest-brown);
	outline:none;
}

.homepage-content-form-input-box::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--grey);
  font-style:italic;
  opacity: 1; /* Firefox */
}

.homepage-content-form-input-box:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--grey);
  font-style:italic;
}

.homepage-content-form-input-box::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--grey);
  font-style:italic;
}

.homepage-content-form-error{
	display:none;
	text-transform:uppercase;
	font-family: tilden-sans-light, sans-serif;
	letter-spacing:1pt;
	line-height:9pt;
	font-size:9pt;
	color:var(--brown);
	padding:1em;
}

.homepage-content-form-section-header{
	color:var(--grey);
	font-size:14pt;
	margin:auto;
	padding-bottom:1em;
}

.homepage-content-form-delimiter{
	position:relative;
	display:block;
	margin-top:5vh;
}

homepage-content-form-section{
	font-size:0;
}

.homepage-content-form-section-row{
	display:inline-block;
	font-size:inherit;
	padding-bottom:1em;
	cursor:pointer;
}

.homepage-content-form-checkbox{
	display:inline-block;
	width:25px;
	height:25px;
	stroke:var(--grey);
	fill:none;
	padding-right:16pt;
	vertical-align:middle;
	transition:fill 0.5s ease-in-out;
}

.homepage-content-form-checkbox-ticked{
	fill:var(--light-blue);
}

.homepage-content-img{
	width:60vw;
	background-repeat:no-repeat;
	background-position:center center;
	justify-self: center;
	align-self: center;
	margin:5vh auto 5vh auto;
}

.homepage-content-products-services{
	height:calc(60vw * 1);
	background:url('/images/content-products-services.png');
	background-size: 100% 100%;
}

.homepage-content-trust-management{
	height:calc(60vw * 1);
	background:url('/images/content-trust-management.png');
	background-size: 100% 100%;
}

.homepage-content-contact{
	height:calc(60vw * 1);
	background:url('/images/content-contact.png');
	background-size: 100% 100%;
}

.homepage-content-paradigm{
	height:calc(60vw * 1);
	background:url('/images/content-paradigm.png');
	background-size: 100% 100%;
}

.homepage-content-grid-button{
	position:relative;
	margin-top:2vh;
	width:100%;
	justify-self:stretch;
}

.homepage-content-box-navigation-bottom{
	position:relative;
	display:grid;
	grid-template-columns: 50% 50%;
	margin-top:6vh;
	height:13pt;
}

.homepage-content-box-navigation-bottom-text{
	position:absolute;
	display:inline-block;
	font-family:tilden-sans-light, sans-serif;
	font-size:9pt;letter-spacing:1pt;
	text-transform:uppercase;
	color:#000000;
}

.homepage-content-box-navigation-bottom-nav-text{
	display:none;
}

.homepage-content-box-navigation-bottom-text-right{
	right:0;
}

.homepage-content-box-navigation-bottom-text-link{
	border-bottom:dashed 1px;
}

.homepage-content-box-navigation-bottom-text-link:hover{
	color: var(--purple);
	border-bottom:solid 1px var(--purple);
	cursor:pointer;
}

.homepage-content-grid-email-icon{
	position:absolute;
	top:-15px;
	left:calc(5px + 50px + 10px + 50px + 5px);
	width:30px;
	height:30px;
	cursor:pointer;
}

.homepage-content-grid-email-icon-num{
	right:-9pt !important;
	bottom:-9pt !important;
}

.homepage-content-grid-email-icon-svg{
	width:30px;
	height:30px;
	fill:var(--brown);
}

.homepage-content-grid-pin{
	float:right;
	width:25px;
	height:25px;
	margin-top:-5px;
	padding-left:10px;
}

#homepage-container-sign-in{
	position:relative;
	display:none;
}

.homepage-mobile-information{
	position:fixed;
	top:0;
	width:100vw;
	height:100vh;
	overflow:hidden;
	z-index:1000;
	background:rgba(92,78,64,0.9);
	text-align:center;
	opacity:1;
	transition: opacity 0.5s ease-in-out;
}

.homepage-content-grid-pin-information{
	display:none;
}

.homepage-content-grid-pin-information-arrow{
	display:none;
	position:absolute;
	left:5px;
	top:-40px;
	width:50px;
	height:44.6px;
}

.homepage-content-grid-pin-information-arrow-right{
	left:65px !important;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

.homepage-mobile-information-grid{
	display:block !important;
}

.homepage-mobile-information-arrow{
	display:inline-block;
	padding:8px;
	width:50px;
	height:44.6px;
	fill:#ffffff;
	vertical-align:bottom;
}

.homepage-mobile-information-pin{
	display:inline-block;
	vertical-align:bottom;
}

.homepage-mobile-information-pin-icon{
	fill:#ffffff !important;
}

.homepage-mobile-information-icon{
	position:relative;
	display:inline-block;
	vertical-align:bottom;
}

.homepage-mobile-information-email-icon-svg{
	width:30px;
	height:30px;
	fill:#ffffff;
}

.homepage-mobile-information-email-icon-num{
	position:absolute;
	bottom:-15px;
	right:-15px;
	padding:6px 10px;
	border-radius: 50%;
	background: #ffffff;
	font-family:"imperial-urw";
	font-size: 12pt;
	line-height:12pt;
	color:var(--dark-grey-brown);
	border:solid 1px var(--dark-grey-brown);
}

.homepage-mobile-information-text{
	margin-top:30vh;
	font-family: "imperial-urw";
	font-size:12pt;
	line-height:15pt;
	text-align:center;
	color:#ffffff;
}

#mobile-menu-item-pinned-num{
	display:block;
	bottom:0 !important;
	right:-8px !important;
}

.animation-homepage-pin-hide{
	animation-name: animation-hide;
	animation-duration: 0.25s;
	animation-fill-mode: forwards;
}

.animation-homepage-pin-show{
	animation-name: animation-show;
	animation-duration: 0.25s;
	animation-fill-mode: forwards;
}

.animation-homepage-pin-delay{
	animation-delay: 0.25s;
}

@keyframes animation-hide {
  from {
		opacity:1;
		-webkit-transform: scaleX(1) scaleY(1);
		transform: scaleX(1) scaleY(1);
  }
  to {
		opacity:0;
		-webkit-transform: scaleX(0) scaleY(0);
		transform: scaleX(0) scaleY(0);
  }
}

@keyframes animation-show {
  from {
		opacity:0;
		-webkit-transform: scaleX(0) scaleY(0);
		transform: scaleX(0) scaleY(0);
  }
  to {
		opacity:1;
		-webkit-transform: scaleX(1) scaleY(1);
		transform: scaleX(1) scaleY(1);
  }
}

.animation-fade-out{
	animation-name: fade-animate-item;
	animation-duration: 0.8s;
	animation-fill-mode: forwards;
	transform-origin: 50% 0%;
}

.homepage-content-grid-pin-icon{
	width:30px;
	height:30px;
	fill:var(--brown);
}

.homepage-content-grid-pin-icon:hover{
	cursor:pointer;
	fill:var(--purple);
}

.content-box-button{
	position:relative;
	display:grid;
	left:12.5%;
	width:75%;
	justify-self:stretch;
	border:dashed 1pt var(--light-grey);
	transition: all 0.3s ease-in-out;
	grid-template-columns: 25% 50% 25%;
	border-radius:5px;
}

.content-box-button:hover{
	background:var(--fair-blue);
	border:solid 0.5pt var(--light-grey);
	padding:0.5pt;
	cursor:pointer;
}

.content-box-button-label{
	position:relative;
	white-space: nowrap;
	vertical-align:middle;
	font-family:tilden-sans-light;
	font-size:12pt;
	height:14pt;
	color:var(--dark-blue);
	text-transform:uppercase;
	text-align:center;
	align-self: center;
}

.content-box-button-arrow{
	margin:auto;
	padding:8pt 7pt 8pt 7pt;
	width:calc(12pt * 25 / 20);
	height:12pt;
	fill:var(--dark-grey);
	align-self: center;
	opacity:0.4;
}

.content-box-button-arrow-left{
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}



.homepage-page-section-nav-back-button{
	margin:auto;
	margin-top:8vh;
	display:inline-block;
	text-align:center;
	width:14vh;
	height:14vh;
	background:var(--fair-blue);
	border:solid 4px var(--ornament);
	border-radius:50%;
	font-size:1.8vh;
	fill:var(--dark-blue);
	color:var(--dark-blue);
}

.homepage-page-section-nav-back-button-icon-svg{
	position:relative;
	margin:auto;
	fill:inherit;
	width:20%;
	height:20%;
	z-index:1;
}

#navigation-menu{
	display:none;
	z-index:10;
}

.homepage-footer{
	display:none;
}


#homepage-contact-popup{
	display:none;
	opacity:0;
	position:fixed;
	z-index:10;
	background:rgb(92,78,64,0.8);
	width:100vw;
	height:100vh;
	transition: opacity 0.8s ease-in-out;
}

/* TABLET Vertical*/
@media only screen and (min-width: 768px) {
	
	#mobile-menu-icon{
		display:none;
	}
	
	#mobile-menu{
		display:none;
	}

	#menu-section-social{
		display:block;
	}

	#menu-section-settings{
		display:block;
	}

	.top-menu-item{
		position:relative;
		display:inline-block;
		top:calc( (32vw * 300 / 640) - 5vw );
		padding:1vw 1.5vw;
	}

	.top-menu-icon-svg{
		position:relative;
		fill: #5c4e40;
		width:2.5vw;
		height:2.5vw;
		padding:0.25vw;
		margin:0;
		cursor:pointer;
		transition: all 0.2s ease-in-out;
	}
	
	.top-menu-icon-svg:hover{
		padding-top:0;
		padding-bottom:0.5vw !important;
		fill: #9e005d;
	}

	#top-menu-setting-language{
		position:relative;
	}

	#top-menu-setting-language-value{
		display:block;
		position:absolute;
		top:0.6vw;
		left:4.4vw;
	}

	#top-menu-sign-in{
		display:block;
		position:relative;
		top:calc( (32vw * 300 / 640) - 5vw );
	}
	
	.top-menu-item-sublabel{
		position:absolute;
		display:block;
		opacity:0;
		top:50%;
		width:12vw;
		font-family: "tilden-sans-light", sans-serif;
		color:#9e005d;
		font-size:10pt;
		text-transform:uppercase;
		text-align:center;
		transition: all 0.2s ease-in-out;
	}
	
	.menu-label-link:hover{
		text-decoration: underline;
		cursor:pointer;
	}

	.top-menu-sign-in-icon{
		min-width:3vw
	}
	
	.top-menu-sign-in-label{
		padding-left:0.35vw !important;
	}
	
	.top-menu-text{
		display:inline-block;
		font-family:'Open Sans', sans-serif;
		font-weight:bold;
		color:#5c4e40;
		font-size:2vw;
		line-height:3vw;
		text-transform: uppercase;
		padding:0.5vw;
		padding-left:1.5vw;
		padding-right:1.1vw;
		text-align:center;
		background:none;
	}

	.top-menu-icon-label{
		display:none;
	}
	
	.top-menu-back-btn{
		display:none;
	}
	
	.top-menu-email-pinned{
		display:none;
		position:absolute;
		right:0pt;
		bottom:1pt;
		width:15pt;
		padding-bottom:15pt;
		border-radius:50%;
		background:var(--purple);
	}
	
	.top-menu-email-pinned-num{
		position:absolute;
		width:100%;
		text-align:center;
		font-family:"imperial-urw";
		font-weight:bold;
		font-size:9pt;
		line-height:normal;
		color:#ffffff;
		cursor:pointer;
	}
	
	.top-menu-item-sublabel-display{
		opacity:1;
		top:55%;
	}


	#navigation-menu{
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		
		position:fixed;
		display:block;
		top:8vh;
		left:0;
		width:15vw;text-align:center;
		
		margin-top:-100vh;
		opacity:0;
		
		transition: opacity 0.5s ease-in-out;
	}

	.side-menu-section-item{
		margin-left:2.5vw;
		margin-top:2.5vw;
	}

	.side-menu-item-box-selected-1{
		padding-top:calc(50% - 1.3vw);padding-bottom:calc(50% - 1.3vw);
	}

	.side-menu-item-box-selected-2{
		padding-top:calc(50% - 2.3vw);padding-bottom:calc(50% - 2.3vw);
	}
	
	.side-menu-section-item-button{
		padding:20pt 10pt !important;
	}
	
	.side-menu-section-item-button-icon{
		font-size:1.5em;
	}

	.side-menu-section-item-button-label{
		display:inline;
	}

	.side-menu-label-selected{
		color:#ffffff;
	}

	.side-menu-connector{
		position:relative;left:calc(50% - 0.5px);display:block;background:#5c4e40;width:1px;height:24px;
	}

	.side-menu-dot{
		position:absolute;
		/*left:calc(50% - 3pt);*/
		left:50%;
		margin-left:-3pt;
		width:6pt;
		height:6pt;
	}

	.side-menu-dot-top{
		top:0;
	}

	.side-menu-dot-bottom{
		bottom:0;
	}

	.side-menu-dot-enlarged{
		left:0;
		margin-left:0;
		width:100%;
		height:100%;
	}

	.side-menu-dot-shape{
		position:relative;
		fill:var(--dark-grey-brown);
		width:100%;
	}

	.side-menu-circle-shape{
		position:relative;
		width:100%;
		fill:none;
		stroke:var(--dark-grey-brown);
		stroke-width:1%;
		transition: all 0.5s ease-in-out;
	}
	
	.side-menu-anim-delay{
		transition: all 0s linear;
		transition-delay: 0.5s;
	}

	#homepage-header{
		grid-template-columns: 18% 64vw 18%;
	}
	
	.homepage-header-logo{
		height:calc(64vw * 300 / 640);
	}

	.homepage-headline-quote{
		font-size:3vw;
	}

	.homepage-headline-ornament{
		width:40vw;
		height:calc(40vw * 45 / 375 );
	}

	.homepage-content{
		grid-template-columns: 15% 70vw 15%;
		transition: none;
		filter: none;
	}
	
	.homepage-content-header-text{
		font-size:20pt;
	}
	
	.homepage-content-grid-text{
		font-size:14pt;
		margin-bottom:14pt;
	}
	
	.homepage-content-grid-text ul{
		text-align:inherit;
	}
	
	.homepage-content-header{
		font-size:3.5vw;
	}

	.homepage-content-header-underline{
		bottom:-2.2vw;
	}

	.homepage-content-header-underline-img{
		height:1.8vw;
	}

	.homepage-content-img{
		width:40vw;
	}
	
	.homepage-content-products-services{
		height:calc(40vw * 1);
	}
	
	.homepage-content-trust-management{
		height:calc(40vw * 1);
	}

	.homepage-content-contact{
		height:calc(40vw * 1);
	}

	.homepage-content-paradigm{
		height:calc(40vw * 1);
	}

	.homepage-content-grid-pin{
		position:absolute;
		right:-60px;
		top:50%;
		width:0;
	}

	.homepage-content-grid-pin-icon{
		position:absolute;
		top:-15px;
	}
	
	.homepage-content-grid-pin-information{
		display:block;
		position:absolute;
		right:-35px;
		top:50%;
		width:0;
	}

	.homepage-content-grid-pin-information-text{
		position:absolute;
		top:calc(-45pt - 44.6px);
		left:-9px;
		width:140px;
		font-size:10pt;
		line-height:15pt;
		text-align:center;
		color:var(--brown);
	}

	.homepage-content-grid-pin-information-arrow{
		display:none;
	}

	.homepage-content-grid-email-icon{
		position:absolute;
		top:-17px;
		left:70px;
		width:25px;
		height:25px;
	}

	.homepage-content-grid-email-icon-num{
		right:-9pt !important;
		bottom:-9pt !important;
	}

	.homepage-content-grid-email-icon-svg{
		width:25px;
		height:25px;
	}

	.homepage-content-box-navigation-bottom-text{
		font-size:11pt;
		line-height:13pt;
	}

	.homepage-content-box-navigation-bottom-nav-text{
		display:inline;
	}

	.homepage-content-form-section{
		display:inline-block;
		width:30%;
		vertical-align:top;
	}
	
	.homepage-content-form-section-header{
		font-size:11pt;
	}
	
	.homepage-content-form-row{
		font-size:11pt;
	}

	.homepage-content-form-checkbox{
		width:15px;
		height:15px;
		padding-right:4pt;
	}

	.homepage-content-form-delimiter{
		display:inline-block;
		margin:auto;
	}
	
	.homepage-content-form-button-circle{
		left:calc(50% - 28pt);
		line-height:9pt;
		font-size:9pt;
		padding:22pt 11pt 22pt 11pt;
	}
	
	.homepage-content-form-email-confirmation{
		left:calc(50% - 28pt);
		padding:16.5pt;
	}
	
	.homepage-content-form-email-tick-svg{
		bottom:8pt;
		right:7pt;
	}
	
	.homepage-content-form-email-cross-svg{
		bottom:8pt;
		right:7pt;
	}
	
	.homepage-content-grid-button{
		margin-top:14pt;
	}
	
	.homepage-mobile-information{
		display:none !important;
	}

	.content-box-button{
		left:25%;
		width:50%;
		grid-template-columns: 25% 50% 25%;
	}
	
	.content-box-button-arrow{
		padding:10pt 7pt 10pt 7pt;
	}
	
	.content-box-button-label{
		height:14pt;
	}

	.homepage-footer{
		display:grid;
		grid-template-columns: 25vw 50vw 25vw;
		margin-top:5vw;
		padding-top:5vh;
		padding-bottom:5vh;
		background-color:#e0d9cd;
	}
	
	.homepage-footer-section{
		text-align:center;
	}
	
	.homepage-footer-item{
		margin-top:1vh;
	}
	.homepage-footer-section-label{
		font-family: "tilden-sans-light", sans-serif;
		font-size:10pt;
		text-transform: uppercase;
		color:#5C4E40;
	}
	
	.homepage-footer-item-label{
		display:inline-block;
		vertical-align:middle;
		font-size:9pt;
		margin-top:0.5vh;
		margin-bottom:0.5vh;
	}
	
	.footer-icon-svg{
		display:inline-block;
		fill: #5C4E40;
		width:12pt;
		height:12pt;
		padding:5pt;
		vertical-align:middle;
	}
	
	.homepage-footer-section-middle{
		border-left:solid 1px #c4bdb0;
		border-right:solid 1px #c4bdb0;
	}
	/*
	#robot-1 {
	  --primary-color: #0099CC;
	  --secondary-color: #FFDF34;
	  --tertiary-color: #333;
	}
	*/

}

/* TABLET Horizontal */
@media only screen and (min-width: 1024px) {
	/*#top-menu{
		top:calc( 4vh - 5vw + 25vw * 300 / 640 );
	}*/
	
	#menu-section-social{
		margin-left:10vw;
	}
	
	.top-menu-item{
		top:calc( (25vw * 300 / 640) - 5vw );
		padding:1vw;
	}
	
	.top-menu-text{
		font-size:1.5vw;
		line-height:1.5vw;
		padding-left:1vw;
		padding-right:1vw;
	}
	
	.top-menu-icon-svg{
		width:2vw;
		height:2vw;
	}
	#top-menu-setting-language{
		left:1vw;
	}
	
	#top-menu-setting-language-value{
		top:1.1vw;
		left:3vw;
	}

	.top-menu-sign-in-icon{
		min-width:auto;
	}
	
	#top-menu-sign-in{
		left:2vw;
		top:8.5vw;
	}
	
	
	#navigation-menu{
		width:15vw;
	}

	.side-menu-section-item{
		margin-left:2.5vw;
		margin-top:2.5vw;
	}

	.side-menu-item-box-selected-1{
		padding-top:calc(50% - 1vw);padding-bottom:calc(50% - 1vw);
	}

	.side-menu-item-box-selected-2{
		padding-top:calc(50% - 2vw);padding-bottom:calc(50% - 2vw);
	}

	.side-menu-label{
		line-height:1vw;
		font-size:1vw;
		padding:1vw;
	}
	
	.homepage-headline-quote{
		font-size:2.5vw;
	}
	
	#homepage-header{
		grid-template-columns: 25% 50vw 25%;
	}
	
	.homepage-header-logo{
		height:calc(50vw * 300 / 640);
	}
	
	.homepage-content-header{
		font-size:20pt;
	}

	.homepage-content-header-underline{
		bottom:-1.5vw;
	}

	.homepage-content-header-underline-img{
		height:1.2vw;
	}
	
	.homepage-content-img{
		width:35vw;
		margin:1vh auto 1vh auto;
	}
	
	.homepage-content-products-services{
		height:calc(35vw * 1);
	}
	
	.homepage-content-trust-management{
		height:calc(35vw * 1);
	}

	.homepage-content-contact{
		height:calc(35vw * 1);
	}

	.homepage-content-paradigm{
		height:calc(35vw * 1);
	}
	
	.homepage-content-grid-pin{
		right:-80px;
	}
	
	.homepage-content-grid-pin-information{
		display:block;
		position:absolute;
		right:-65px;
		top:50%;
		width:0;
	}
	
	/*.homepage-content-grid{
		grid-template-columns: 50% 50%;
	}*/
	
}

/* Desktop */
@media only screen and (min-width: 1366px) {
	
	/*
	#menu-section-social{
		margin-left:16vw;
	}
	
	#top-menu-setting-language{
	}

	#top-menu-sign-in{
	}
	
	.top-menu-link{
	}

	.top-menu-icon-label{
	}
	*/
	/*
	.top-menu-text{
		font-size:12pt;
		line-height:12pt;
	}
	
	.top-menu-item{
		top:calc( (20vw * 300 / 640) - 4vw );
		padding:1vw;
		margin-right:0;
	}*/
	/*
	.top-menu-icon-svg{
	}
	
	.top-menu-icon-svg:hover{
		margin-top:-0.7vmin;
		padding-bottom:1vmin !important;
		fill: #9e005d;
		cursor:pointer;
	}
	
	.top-menu-icon-disabled:hover{
		margin-top:0px !important;
		padding-bottom:0px !important;
		cursor:default;
	}
	
	.top-menu-link:hover{
		text-decoration: underline;
		cursor:pointer;
	}*/

	#menu-section-social{
		margin-left:16vw;
	}
	
	.top-menu-item{
		top:calc( (20vw * 300 / 640) - 4vw );
	}
	
	.top-menu-text{
		font-size:12pt;
		line-height:12pt;
	}
	
	.top-menu-icon-svg{
		width:25px;
		height:25px;
		transition: all 0.2s ease-in-out;
		padding:5px;
	}
	
	.top-menu-icon-svg:hover{
		padding-top:0;
		padding-bottom:10px !important;
		fill: #9e005d;
		cursor:pointer;
	}
	
	#top-menu-setting-language-value{
		left:2.85vw;
	}
	
	#top-menu-sign-in{
		top:6vw;
	}
	
	.top-menu-item-sublabel{
		position:absolute;
		display:block;
		opacity:0;
		top:50%;
		width:12vw;
		font-family: "tilden-sans-light", sans-serif;
		color:#9e005d;
		font-size:10pt;
		text-transform:uppercase;
		text-align:center;
		transition: all 0.2s ease-in-out;
	}
	
	.top-menu-item-sublabel-pinned{
		display:none;
	}
	
	
	#homepage-header{
		margin-top:5vh;
		grid-template-columns: 30% 40vw 30%;
	}
	
	.homepage-header-logo{
		height:calc(40vw * 300 / 640);
	}

	.homepage-headline-quote{
		padding-top:5pt;
		padding-bottom:5pt;
		font-size:18pt;
	}

	.homepage-headline-ornament{
		position:relative;
		margin:auto;
		width:30vw;
		height:calc(30vw * 45 / 375 );
	}
	
	#navigation-menu{
		width:130px;
		left:calc(7.5vw - 65px);
	}

	.side-menu-item-box-selected-1{
		padding-top:calc(50% - 12pt);padding-bottom:calc(50% - 12pt);
	}

	.side-menu-item-box-selected-2{
		padding-top:calc(50% - 16pt);padding-bottom:calc(50% - 16pt);
	}

	.side-menu-label{
		line-height:8pt;
		font-size:8pt;
		padding:8pt;
	}
	
	/*
	.homepage-content{
		grid-template-columns: auto 70vw auto;
	}*/
	
	.homepage-content-box{
		border-radius:10px;
		padding:40px;
		font-size:0px;
	}
	
	.homepage-content-grid{
		display:grid;
		grid-template-columns:50% 50%;
	}
	
	.homepage-content-header{
		font-size:24pt;
	}

	.homepage-content-header-underline{
		bottom:-12pt;
	}

	.homepage-content-header-underline-img{
		height:10pt;
	}

	.homepage-content-grid-text{
		font-size:16pt;
	}

	.homepage-content-img{
		grid-column:2;
		grid-row: 1 / span 3;
		width:350px;
	}
	
	.homepage-content-trust-management{
		height:calc(350px * 1);
	}

	.homepage-content-paradigm{
		height:calc(350px * 1);
	}
	.homepage-content-products-services{
		height:calc(350px * 1);
	}

	.homepage-content-contact{
		height:calc(350px * 1);
	}
	
	.homepage-content-grid-pin{
		right:-55px;
	}
	
	.homepage-content-grid-pin-information{
		display:block;
		position:absolute;
		right:-85px;
		top:50%;
		width:0;
	}

	.homepage-content-grid-pin-information-text{
		position:absolute;
		top:calc(-45pt - 44.6px);
		left:-10px;
		width:140px;
		font-size:12pt;
		line-height:15pt;
		text-align:center;
		color:var(--brown);
	}

	.homepage-content-grid-pin-information-arrow{
		display:block;
		position:absolute;
		left:5px;
		top:-40px;
		width:50px;
		height:44.6px;
	}

	.homepage-content-grid-pin-information-arrow-right{
		left:65px !important;
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
	}
	
	.top-menu-email-pinned{
		right:5pt;
		bottom:5pt;
		width:18pt;
		padding-bottom:18pt;
	}
	
	.top-menu-email-pinned-num{
		position:absolute;
		width:100%;
		text-align:center;
		font-family:"imperial-urw";
		font-weight:bold;
		font-size:11pt;
		line-height:normal;
		color:#ffffff;
		cursor:pointer;
	}
	
	.homepage-content-grid-email-icon{
		top:-15px;
		left:calc(5px + 50px + 10px + 50px + 5px);
	}
	
	.homepage-content-form-section-header{
		font-size:14pt;
	}
	
	.homepage-content-form-row{
		font-size:14pt;
	}
	
	.homepage-content-form-checkbox{
		width:25px;
		height:25px;
	}
	
	.homepage-footer{
		grid-template-columns: 20vw 30vw 20vw;
		padding-left:15vw;
		padding-right:15vw;
	}
}