@charset "UTF-8";

/*-- Reset --*/

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

* > :last-child { 
	margin-bottom:0;
}

img {
	width:100%;
	height:auto;
	display:block;
}

.clearfix::after {
	content:"";
	clear:both;
	display:table;
}

a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, 
em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav,
object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, td, video, tt, u, ul, var, a img {
    background:transparent;
	border:0 none;
	outline:none;
	vertical-align:baseline;
	padding:0;
	margin:0;    
}


/*-- General --*/

html {
	background:#fff;
	max-width:100%;
	max-height:100%;
	overflow-x:hidden;
}

body {
	background:#fff;
	max-width:100%;
	max-height:100%;
	overflow-x:hidden;
	position:relative;
	text-rendering:optimizeLegibility;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

h1 {
	font:400 35px/45px "DomaineSansText-Medium", serif;
	color:#075550;
	margin:0 0 30px;
	position:relative;
	z-index:3;
}

h1 span.highlight {
	color:#9b9654;
}

h2 {
	font:400 35px/45px "DomaineSansText-Medium", serif;
	color:#075550;
	margin:0 0 30px;
	position:relative;
	z-index:3;
}

h2 span.highlight {
	color:#9b9654;
}

h3 {
	font:400 30px/40px "DomaineSansText-Medium", serif;
	color:#075550;
	margin:0 0 30px;
	position:relative;
	z-index:3;
}

h3 span.highlight {
	color:#9b9654;
}

h4 {
	font:400 15px/25px "DomaineSansText-Black", serif;
	color:#075550;
	letter-spacing:0.05em;
	text-transform:uppercase;
	margin:0 0 30px;
	position:relative;
	z-index:3;
}

h5 {
	font:400 25px/25px "DomaineSansText-Medium", serif;
	color:#9b9654;
	position:relative;
	top:-30px;
	z-index:3;
}

p {
	font:400 18px/28px "neue-kabel", sans-serif;
	color:#000;
	margin:0 0 30px;
	position:relative;
	z-index:3;
}

p span.italic {
	font-family:"Domaine Sans Text Italic", serif;
	font-size:17px;
	color:#9b9654;
}

ul.list {
	list-style:none;
	margin:0 0 30px;
	position:relative;
	z-index:3;
}

ul.list .col2:nth-child(1) {
	padding:0 15px 0 0;
}

ul.list .col2:nth-child(2) {
	padding:0 0 0 15px;
}

ul.list li {
	font:400 16px/20px "UniversLTStd-Cn", sans-serif;
	color:#075550;
	letter-spacing:0.05em;
	text-transform:uppercase;
	padding:0 0 0 23px;
	margin:0 0 20px;
	position:relative;
}

ul.list li::before {
	content:"";
	background:#075550;
	background-image:linear-gradient(-45deg, #9b9654, #9b9654 50%, #075550 50%);
	width:12px;
	height:12px;
	position:absolute;
	top:2px;
	left:0;
}

ul.list-small {
	list-style:none;
	margin:0 0 30px;
	position:relative;
	z-index:3;
}

ul.list-small li {
	font:400 18px/22px "neue-kabel", sans-serif;
	color:#000;
	padding:0 0 0 18px;
	margin:0 0 10px;
	position:relative;
}

ul.list-small li a {
	color:#000;
}

ul.list-small li::before {
	content:"";
	background:#9b9654;
	width:8px;
	height:8px;
	position:absolute;
	top:7px;
	left:0;
}

a.link {
	font:400 14px/18px "DomaineSansText-Black", serif;
	color:#075550;
	text-shadow:0 0 30px #fff;
	letter-spacing:0;
	text-transform:uppercase;
	text-decoration:none;
	padding-bottom:3px;
	position:relative;
	display:inline-block;
}

a.link::before {
	content:"";
	background:#9b9654;
	width:100%;
	height:2px;
	position:absolute;
	bottom:0;
	left:0;
	transform:scaleX(0);
	transform-origin:bottom right;
	transition:transform 0.25s ease;
}

a.link:hover::before {
	transform:scaleX(1);
	transform-origin:bottom left;
}

a.link::after {
	content:"";
	background:url("../images/icon-arrow-gold.svg") center center no-repeat;
	background-size:16px;
	width:16px;
	height:16px;
	margin:0 0 0 5px;
	position:relative;
	top:2px;
	display:inline-block;
	transition:all 0.25s ease;
}

a.button {
	font:400 14px/18px "UniversLTStd-Cn", sans-serif;
	color:#fff;
	letter-spacing:0.05em;
	text-transform:uppercase;
	text-decoration:none;
	background:#9b9654;
	width:auto;
	height:50px;
	padding:18px 80px 0 30px;
	display:inline-block;
	position:relative;
	z-index:3;
	transition:all 0.3s ease;
}

a.button:hover,
nav ul li:last-child a:hover {
	background:#075550;
}

a.button span,
nav ul li:last-child a span {
	background-color:#a7a265;
	width:50px;
	height:50px;
	position:absolute;
	top:0;
	right:0;
	overflow:hidden;
	transition:all 0.3s ease;
}

a.button:hover span,
nav ul li:last-child a:hover span {
	background-color:#0e746c;
}

a.button span::before,
nav ul li:last-child a span::before {
	content:"";
	background:url("../images/icon-arrow-green.svg") center center no-repeat;
	background-size:16px;
	width:50px;
	height:50px;
	position:absolute;
	top:0;
	left:0;
	transition:all 0.25s ease;
}

a.button:hover span::before,
nav ul li:last-child a:hover span::before {
	left:50px;
}

a.button span::after,
nav ul li:last-child a span::after {
	content:"";
	background:url("../images/icon-arrow-white.svg") center center no-repeat;
	background-size:16px;
	width:50px;
	height:50px;
	position:absolute;
	top:0;
	left:-50px;
	transition:all 0.25s ease;
}

a.button:hover span::after,
nav ul li:last-child a:hover span::after {
	left:0;
}

span.nowrap {
	white-space:nowrap;
}

hr {
	background:#9b9654;
	border:0;
	width:1px;
	height:50px;
	margin:0 auto 30px;
	position:relative;
	top:-10px;
}


/*-- Layout --*/

section {
	position:relative;
}

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

.center {
	text-align:center;
}

.center-vertical {
	position:relative;
	top:50%;
	transform:translateY(-50%);
}

.min-height {
	min-height:550px;
}

.container {
	width:100%;
	margin:0 auto;
	padding:50px;
	position:relative;
}

.container-small {
	width:1100px;
}

.col1 {
	width:100%;
	padding:50px;
	position:relative;
}

.col2 {
	width:50%;
	padding:50px;
	position:relative;
}

.col3 {
	width:33.333%;
	padding:50px;
	position:relative;
}

.col-pattern {
	padding-bottom:90px;
}

.col-pattern .pattern {
	background:url("../images/pattern.svg") 0 0 repeat;
	background-size:13px;
	width:100%;
	height:40px;
	position:absolute;
	bottom:0;
	left:0;
}

.pattern {
	background:url("../images/pattern.svg") 0 0 repeat;
	background-size:13px;
	width:100%;
	height:40px;
}

.bg-green {
	background:#075550;
}

.bg-green h1,
.bg-green h2,
.bg-green h3,
.bg-green h4 {
	color:#f5f1da;
}

.bg-green p,
.bg-green ul.list-small li {
	color:#fff;
}

.bg-green p span.italic {
	color:#f5f1da;
}

.bg-green a.button:hover {
	background:#0e746c;
}

.bg-green a.button:hover span {
	background-color:#9b9654;
}

.bg-gold {
	background:#9b9654;
}

.bg-gold h3 {
	color:#fff;
}

.bg-gold h4 {
	color:#f5f1da;
}

.bg-gold a.button {
	background:#075550;
}

.bg-gold a.button:hover {
	background:#0e746c;
}

.bg-gold a.button span {
	background-color:#0e746c;
}

.bg-gold a.button span::before {
	background:url("../images/icon-arrow-white.svg") center center no-repeat;
	background-size:16px;
}

.bg-gold a.button:hover span {
	background-color:#075550;
}

.bg-light-gold {
	background:#f5f1da;
}

.blocks-dark-green {
	background:url("../images/blocks-dark-green.svg") 0 0 no-repeat;
	background-size:150px;
	width:150px;
	height:150px;
	position:absolute;
	bottom:0;
	left:0;
}

.blocks-light-gold {
	background:url("../images/blocks-light-gold.svg") 0 0 no-repeat;
	background-size:150px;
	width:150px;
	height:150px;
	position:absolute;
	bottom:0;
	left:0;
}

.dots-vertical {
	background:url("../images/dots.svg") 0 0 repeat;
	background-size:10px;
	width:100px;
	/*height:-webkit-calc(100% + 75px);
	height:-moz-calc(100% + 75px);
	height:calc(100% + 75px);*/
	height:100%;
	position:absolute;
	top:0;
	right:0;
	z-index:2;
}


.dots-horizontal {
	background:url("../images/dots.svg") 0 0 repeat;
	background-size:10px;
	width:-webkit-calc(100% - 50px);
	width:-moz-calc(100% - 50px);
	width:calc(100% - 50px);
	height:47px;
	position:absolute;
	top:-24px;
	right:0;
	z-index:2;
}

.photo-mobile {
	width:100%;
	display:none;
	position:relative;
}

.photo-mobile .border-header {
	background-image:linear-gradient(to right, #0e746c, #0e746c 27.25%, #9b9654 27.25%, #9b9654);
	width:100%;
	height:15px;
	top:-webkit-calc(100% - 15px);
	top:-moz-calc(100% - 15px);
	top:calc(100% - 15px);
}

.two-columns {
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	column-gap:50px;
}


/*-- Load Animations --*/

#load {
	background:#fff;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:800;
	animation:load 0.8s ease forwards;
	animation-delay:0.2s;
}

@keyframes load { 
	0% {
		opacity:1;
		z-index:800;
	}
    99% {
		opacity:0;
	}
	100% {
		opacity:0;
		z-index:-1;
	}
}

.fade-1 {
	opacity:0;
	position:relative;
	top:30px;
	transition:all 0.4s ease-out 0.4s;
}

.fade-2 {
	opacity:0;
	position:relative;
	top:30px;
	transition:all 0.4s ease-out 0.7s;
}

.fade-1.active,
.fade-2.active {
	opacity:1;
	top:0;
}


/*-- Nav --*/

nav {
	width:100%;
	height:auto;
	padding:12px 0 12px 25px;
	position:relative;
	justify-content:space-between;
	align-items:center;
	z-index:900;
}

nav #logo {
	width:176px;
	height:auto;
	display:inline-block;
}

nav ul {
	background:rgba(255, 255, 255, 0.7);
	padding-left:30px;
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}

nav ul li {
	padding:0 60px 0 0;
	position:relative;
	z-index:3;
}

nav ul li:last-child {
	padding:0;
}

nav ul li a {
	font:400 14px/18px "DomaineSansText-Black", serif;
	color:#075550;
	text-shadow:0 0 30px #fff;
	letter-spacing:0;
	text-transform:uppercase;
	text-decoration:none;
	padding-bottom:3px;
	position:relative;
	display:block;
}

nav ul li:not(:last-child) a::after {
	content:"";
	background:#9b9654;
	width:100%;
	height:2px;
	position:absolute;
	bottom:0;
	left:0;
	transform:scaleX(0);
	transform-origin:bottom right;
	transition:transform 0.25s ease;
}

nav ul li:not(:last-child) a:hover::after {
	transform:scaleX(1);
	transform-origin:bottom left;
}

nav ul li:last-child a {
	font:400 14px/18px "UniversLTStd-Cn", sans-serif;
	color:#fff;
	letter-spacing:0.05em;
	text-transform:uppercase;
	text-decoration:none;
	background:#9b9654;
	width:auto;
	height:50px;
	padding:18px 65px 0 15px;
	display:inline-block;
	position:relative;
	z-index:3;
	transition:all 0.3s ease;
}


/*-- Nav - Mobile --*/

#mobile-menu {
	background:#f5f1da;
	width:90px;
	height:90px;
	padding:34px 0 0;
	position:absolute;
	top:0;
	right:0;
	cursor:pointer;
	z-index:700;
	display:none;
}

#mobile-menu .bar {
	background:#9b9654;
	width:34px;
	height:3px;
	margin:0 auto 6px;
	cursor:pointer;
}

#mobile-menu .bar:nth-child(1) {
	background:#0e746c;
}

#mobile-menu .bar:nth-child(2) {
	background:#075550;
}

#mobile-menu .bar:nth-child(3) {
	background:#9b9654;
}

#mobile-close {
	width:28px;
	height:auto;
	display:none;
	position:fixed;
	top:32px;
	right:32px;
	z-index:999;
}

#logo-mobile {
	width:57px;
	height:auto;
	display:none;
	position:fixed;
	top:13px;
	left:20px;
	z-index:999;
}


/*-- Footer --*/

#footer-contact {
	height:325px;
	border-top:15px solid #9b9654;
}

#footer-contact::before {
	content:"";
	background:url("../images/footer-shapes.svg") 0 0 no-repeat;
	background-size:276px;
	width:276px;
	height:310px;
	position:absolute;
	top:0;
	left:0;
}

#footer-contact::after {
	content:"";
	background:url("../images/footer-shapes.svg") 0 0 no-repeat;
	background-size:276px;
	width:276px;
	height:310px;
	position:absolute;
	top:0;
	right:0;
	transform:rotate(180deg);
}

#footer-contact .container {
	padding:50px;
}

#footer-contact .col1 {
	padding:25px 0;
}

#footer-contact .border-footer {
	background:#075550;
	width:276px;
	height:15px;
	position:absolute;
	top:-15px;
	left:0;
}

footer {
	background:#064c48;
	width:100%;
	height:auto;
	padding:30px;
}

footer #logo-footer {
	width:50px;
	height:auto;
	display:inline-block;
}

footer ul {

	width:-webkit-calc(100% - 50px);
	width:-moz-calc(100% - 50px);
	width:calc(100% - 50px);
	padding:0 0 0 50px;
	list-style:none;
	
}

footer ul li {
	position:relative;
	margin-right:100px;
}

footer ul li p,
footer p {
	font:400 13px/17px "UniversLTStd-Cn", sans-serif;
	color:#f5f1da;
	letter-spacing:0.05em;
	text-transform:uppercase;
	margin:0 0 12px;
	position:relative;
}

footer ul li a,
footer a {
	font:400 13px/17px "UniversLTStd-Cn", sans-serif;
	color:#f5f1da;
	letter-spacing:0.05em;
	text-transform:uppercase;
	text-decoration:none;
	transition:all 0.3s ease;
}

footer ul li a:hover {
	color:#fff;
}

footer ul li {
	margin-bottom:30px;
}

footer ul li p:nth-child(1) {
	padding:0 0 0 24px;
}

footer ul li p:nth-child(1)::before {
	content:"";
	background:url("../images/icon-location-gold.svg") 0 0 no-repeat;
	background-size:26px;
	width:26px;
	height:26px;
	position:absolute;
	top:-6px;
	left:-3px;
}

footer ul li p:nth-child(2) {
	padding:0 0 0 24px;
}

footer ul li p:nth-child(2)::before {
	content:"";
	background:url("../images/icon-phone-gold.svg") 0 0 no-repeat;
	background-size:26px;
	width:26px;
	height:26px;
	position:absolute;
	top:-6px;
	left:-3px;
}

footer ul li p:nth-child(3) {
	padding:0 0 0 26px;
}

footer ul li p:nth-child(3)::before {
	content:"";
	background:url("../images/icon-email-gold.svg") 0 0 no-repeat;
	background-size:26px;
	width:26px;
	height:26px;
	position:absolute;
	top:-6px;
	left:-3px;
}


/*-- Homepage --*/

header#header-home {
	width:100%;
	height:800px;
	position:relative;
}

header#header-home img:nth-child(1) {
	width:auto;
	height:800px;
	position:absolute;
	top:0;
	left:-70px;
}

header#header-home img:nth-child(2) {
	width:auto;
	height:247px;
	position:absolute;
	bottom:0;
	left:0;
	display:none;
}

header#header-home h1 {
	max-width:800px;
	margin:0 auto;
}

header#header-home .container {
	background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.8));
	width:-webkit-calc(100% - 577px);
	width:-moz-calc(100% - 577px);
	width:calc(100% - 577px);
	height:306px;
	position:absolute;
	bottom:0;
	right:0;
}

#intro .col2:nth-child(1) {
	max-width:600px;
	margin:0 auto;
}

#intro .col2:nth-child(2) {
	padding-left:0;
	padding-right:100px;
}


/*-- Subpages --*/

header#header-sub {
	width:100%;
	height:550px;
	position:relative;
	overflow:hidden;
}

header#header-sub .col2:nth-child(2) {
	top:-100px;
}

header#header-sub .col2:nth-child(2) .container {
	max-width:600px;
	margin:0 auto;
	padding-top:200px;
	padding-left:0;
	padding-right:0;
}

header#header-sub .border-header {
	background-image:linear-gradient(to bottom, #075550, #075550 27.25%, #9b9654 27.25%, #9b9654);
	width:15px;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

header#header-sub .blocks-header {
	background:url("../images/blocks-green.svg") 0 0 no-repeat;
	background-size:450px;
	width:450px;
	height:450px;
	position:absolute;
	top:100px;
	left:-300px;
	transform:rotate(180deg);
	z-index:2;
}

header#header-sub .dots-header {
	background:url("../images/dots.svg") 0 0 repeat;
	background-size:10px;
	/*width:-webkit-calc(50% + 75px);
	width:-moz-calc(50% + 75px);
	width:calc(50% + 75px);*/
	width:50%;
	height:100px;
	position:absolute;
	bottom:0;
	right:0;
	z-index:2;
}

header#header-sub .dots-horizontal {
	display:none;
}

#get-started {
	border-top:15px solid #0e746c;
}

#get-started::before {
	content:"";
	background:#075550;
	width:276px;
	height:15px;
	position:absolute;
	top:-15px;
	left:0;
}

#get-started .col1 {
	padding-top:25px;
	padding-bottom:25px;
}

#get-started h3 {
	margin-bottom:15px;
}

#get-started .blocks-light-gold {
	background:url("../images/blocks-light-gold.svg") 0 0 no-repeat;
	background-size:150px;
	width:150px;
	height:150px;
	position:absolute;
	bottom:0;
	opacity:0.15;
	left:-webkit-calc(100% - 150px);
	left:-moz-calc(100% - 150px);
	left:calc(100% - 150px);
	transform:scaleX(-1);
}

#founder .flex {
	align-items:center;
}

#founder .col2:nth-child(1) {
	width:-webkit-calc(100% - 540px);
	width:-moz-calc(100% - 540px);
	width:calc(100% - 540px);
}

#founder .col2:nth-child(2) {
	width:540px;
	padding-top:0;
	padding-bottom:0;
}

#founder img {
	border-radius:50%;
	width:100%;
	max-width:480px;
	height:auto;
	margin:0 auto 25px;
}

#founder h4 {
	color:#9b9654;
	margin:0 0 5px;
}

#founder h2 {
	margin:0 0 10px 0;
}

#founder h3 {
	font:500 18px/20px "UniversLTStd-Cn", sans-serif;
	color:#075550;
	letter-spacing:0.05em;
	text-transform:uppercase;
	margin:0 0 20px;
	position:relative;
}

#team img {
	border-radius:50%;
	width:100%;
	max-width:280px;
	height:auto;
	margin:0 auto 25px;
}

#team h3 {
	margin:0 0 15px;
}

#team h4 {
	color:#9b9654;
	margin:0 0 5px;
}

#team .col1 {
	padding-bottom:0;
}

#contact ul {
	list-style:none;
}

#contact ul li {
	margin:0 0 20px;
}

#contact ul li a {
	font:400 16px/20px "UniversLTStd-Cn", sans-serif;
	color:#075550;
	letter-spacing:0.05em;
	text-transform:uppercase;
	text-decoration:none;
	padding:0 0 0 30px;
	position:relative;
	transition:all 0.3s ease;
}

#contact ul li a:hover {
	color:#9b9654;
}

#contact ul li:nth-child(1) a::before {
	content:"";
	background:url("../images/icon-location-gold.svg") 0 0 no-repeat;
	background-size:32px;
	width:32px;
	height:32px;
	position:absolute;
	top:-10px;
	left:-5px;
}

#contact ul li:nth-child(2) a::before {
	content:"";
	background:url("../images/icon-phone-gold.svg") 0 0 no-repeat;
	background-size:32px;
	width:32px;
	height:32px;
	position:absolute;
	top:-10px;
	left:-5px;
}

#contact ul li:nth-child(3) a::before {
	content:"";
	background:url("../images/icon-email-gold.svg") 0 0 no-repeat;
	background-size:32px;
	width:32px;
	height:32px;
	position:absolute;
	top:-10px;
	left:-5px;
}

#contact .social {
	margin:50px 0 0;
	justify-content:center;
}

#contact .social a {
	width:22px;
	height:auto;
	margin:0 10px;
	display:inline-block;
}

#contact iframe {
	border:0;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}


/*-- Fancybox --*/

.popup {
	background:#fff;
	width:1250px;
	padding:60px 60px 80px !important;
	display:none;
}

.popup h4 {
	color:#9b9654;
}

.popup .close {
	text-indent:-999999px;
	background:url("../images/icon-close.svg") center center no-repeat;
	background-size:28px;
	width:28px;
	height:28px;
	border:0;
    position:absolute;
	top:24px;
	right:24px;
}


/*-- Media Queries --*/

@media (max-width:1870px) {
	
	nav ul li {
		padding:0 30px 0 0;
	}
	
}


@media (max-width:1700px) {
	nav ul {
		
		padding-left:30px;
	}
}

@media (max-width:1550px) {
	

	
	nav ul li a {
		letter-spacing:-0.05em;
	}
	
	header#header-home {
		height:650px;
	}

	header#header-home img:nth-child(1) {
		height:650px;
		left:-40px;
	}
	
	header#header-home .container {
		width:-webkit-calc(100% - 485px);
		width:-moz-calc(100% - 485px);
		width:calc(100% - 485px);
		height:247px;
	}
	
}


@media (max-width:1325px) {
	nav ul {
		position:absolute;
		right:0;
		top:97px;
	}
}


@media (max-width:1300px) {
	
	h1,
	h2 {		
		font-size:30px;
		line-height:40px;
	}
	
	header#header-home img:nth-child(1) {
		display:none;
	}
	
	header#header-home img:nth-child(2) {
		display:block;
	}
	
	header#header-home .container {
		width:-webkit-calc(100% - 247px);
		width:-moz-calc(100% - 247px);
		width:calc(100% - 247px);
	}
	
	#footer-contact::before {
		left:-129px;
	}

	#footer-contact::after {
		right:-129px;
	}
	
	#footer-contact .border-footer {
		width:147px;
	}
	
}

@media (max-width:1200px) {
	
	nav {
		padding-left:20px;
	}
	
	nav #logo {
		width:160px;
	}

	nav ul {
       top:90px;
    }
	
	.col3 {
		width:50%;
	}

	.two-columns {
		display:grid;
		grid-template-columns:repeat(1, 1fr);
		column-gap:0;
		row-gap:50px;
	}
	
	.container-small {
		width:100%;
	}
	
	.blocks-dark-green {
		background-size:100px;
		width:100px;
		height:100px;
	}
	
	.blocks-light-gold {
		background-size:100px;
		width:100px;
		height:100px;
	}
	
	#get-started .blocks-light-gold {
		background-size:100px;
		width:100px;
		height:100px;
		left:-webkit-calc(100% - 100px);
		left:-moz-calc(100% - 100px);
		left:calc(100% - 100px);
	}
	
}


@media (max-width:1050px) {
	
	nav {
		width:50%;
	}
	
	nav ul {
		text-align:center;
		background:#f5f1da;
		width:100%;
		height:100%;
		padding:100px 20px 0;
		position:fixed;
		top:0;
		right:0;
		display:none;
	}
	
	nav ul::after {
		content:"";
		background:url("../images/dots.svg") 0 0 repeat;
		background-size:10px;
		width:100%;
		height:105px;
		position:absolute;
		bottom:0;
		left:0;
	}
	
	nav ul li {
		width:100%;
		padding:0;
		margin:0 0 10px;
	}
	
	nav ul li a {
		font:400 25px/35px "DomaineSansText-Medium", serif;
		letter-spacing:0;
		text-transform:none;
	}
	
	nav ul li:not(:last-child) a::after {
		display:none;
	}
	
	nav ul li:last-child {
		position:absolute;
		bottom:25px;
		left:50%;
		transform:translateX(-50%);
	}
	
	nav ul li:last-child a {
		width:90%;
	}
	
	#mobile-menu {
		display:block;
	}
	
}


@media (max-width:1000px) {
	
	br {
		display:none;
	}
	
	ul.list .col2:nth-child(1) {
		padding:0;
	}

	ul.list .col2:nth-child(2) {
		padding:0;
	}
	
	.col1 {
		padding:25px 0;
	}
	
	.col2 {
		width:100%;
		padding:25px 0;
	}
	
	.col3 {
		padding:25px 0;
	}
	
	.photo {
		padding:50% 0 0;
	}
	
	.pattern {
		display:none;
	}
	
	.photo-mobile {
		display:block;
	}
	
	header#header-home {
		height:auto;
	}
	
	header#header-home h1 {
		color:#f5f1da;
	}
	
	header#header-home img:nth-child(2) {
		display:none;
	}
	
	header#header-home .container {
		background:#075550;
		width:100%;
		height:auto;
		position:relative;
		padding:75px 40px;
	}
	
	header#header-home .center-vertical {
		top:0;
		transform:translateY(0);
	}
	
	header#header-sub {
		height:auto;
		flex-direction:column-reverse;
	}
	
	header#header-sub .col2:nth-child(1) {
		padding:50% 0 0;
	}
	
	header#header-sub .col2:nth-child(2) {
		top:0;
	}

	header#header-sub .col2:nth-child(2) .container {
		max-width:100%;
		padding-top:50px;
	}
	
	header#header-sub .border-header {
		background-image:linear-gradient(to right, #075550, #075550 27.25%, #9b9654 27.25%, #9b9654);
		width:100%;
		height:15px;
		top:-webkit-calc(100% - 15px);
		top:-moz-calc(100% - 15px);
		top:calc(100% - 15px);
	}
	
	header#header-sub .blocks-header {
		display:none;
	}
	
	header#header-sub .dots-header {
		display:none;
	}
	
	header#header-sub .dots-horizontal {
		display:block;
	}
	
	#intro .col2:nth-child(2) {
		padding-right:0;
	}
	
	#intro .dots-vertical {
		display:none;
	}
	
	#get-started::before {
		background-image:linear-gradient(to right, #075550, #075550 27.25%, #0e746c 27.25%, #0e746c);
		width:100%;
	}
	
	#founder .flex {
		text-align:center;
		flex-direction:column-reverse;
	}
	
	#founder p {
		text-align:left;
	}

	#founder .col2:nth-child(1) {
		width:100%;
	}

	#founder .col2:nth-child(2) {
		width:100%;
		padding:25px 25px 0;
	}
	
	#about-our-clients .bg-green {
		flex-direction:column-reverse;
	}

	#about-our-clients .center-vertical {
		top:auto;
		transform:translateY(0);
	}

	#footer-contact {
		height:auto;
	}
	
	#footer-contact::before {
		display:none;
	}

	#footer-contact::after {
		display:none;
	}
	
	#footer-contact .border-footer {
		background-image:linear-gradient(to right, #0e746c, #0e746c 27.25%, #9b9654 27.25%, #9b9654);
		width:100%;
	}
	
	footer #logo-footer {
		margin:15px 0 30px;
	}
	
	footer ul {
		width:100%;
		padding:0;
		margin:0 0 40px 0;
	}
	
	footer ul li {
		width:100%;
		margin:0 0 40px;
	}
	
}


@media (max-width:800px) {
	
	.col3 {
		width:100%;
	}
	
}


@media (max-width:700px) {
	
	h1,
	h2,
	h3 {		
		font-size:25px;
		line-height:35px;
	}
	
	h4 {
		font-size:13px;
		line-height:23px;
	}
	
	h5 {
		font-size:20px;
		line-height:20px;
		top:-10px;
		margin:0 0 15px;
	}
	
	p {
		font-size:16px;
		line-height:26px;
	}
	
	p span.italic {
		font-size:15px;
	}
	
	ul.list li {
		font-size:14px;
		line-height:18px;
	}
	
	.container {
		padding-left:40px;
		padding-right:40px;
	}
	
	header#header-sub .col2:nth-child(1) {
		padding:70% 0 0;
	}
	
	.photo {
		padding:70% 0 0;
	}
	
}


/*-- Fonts --*/

@font-face {
	font-family:"Domaine Sans Text Italic";
	src:url("../fonts/DomaineSansText-RegularItalic.woff2") format("woff2"),url("../fonts/DomaineSansText-RegularItalic.woff") format("woff"),url("../fonts/DomaineSansText-RegularItalic.otf") format("opentype");
	font-style:normal;font-weight:400;
}

@font-face {
    font-family:"DomaineSansText-Medium";
    src:url("../fonts/DomaineSansText-Medium.woff2") format("woff2"),url("../fonts/DomaineSansText-Medium.woff") format("woff"),url("../fonts/DomaineSansText-Medium.otf") format("opentype");
    font-style:normal;font-weight:400;
}

@font-face {
	font-family:"DomaineSansText-Black";
    src:url("../fonts/DomaineSansText-Black.woff2") format("woff2"),url("../fonts/DomaineSansText-Black.woff") format("woff"),url("../fonts/DomaineSansText-Black.otf") format("opentype");
    font-style:normal;font-weight:400;
}


@font-face {
    font-family:"UniversLTStd-Cn";
    src:url("../fonts/UniversLTStd-Cn.woff2") format("woff2"),url("../fonts/UniversLTStd-Cn.woff") format("woff"),url("../fonts/UniversLTStd-Cn.otf") format("opentype");
    font-style:normal;font-weight:400;
}