/* FONTS
========================================================= */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500&display=swap');

/* FONT ASSIGNMENT
========================================================= */
body { font-family: 'IBM Plex Mono', monospace; font-weight:normal; }
b, strong, .title, ul.nav > li.active, ul.nav > li.active > ul > li.active, ul.nav > li:hover, ul.nav > li > ul > li:hover { font-weight: 500; }
.light-font { font-weight: 300; }
* { box-sizing: border-box; outline:none; }

body, a { color: #000; text-decoration:none; }
.white, .white a { color: #fff; }

body,
h1, .h1,
h2, .h2,
h3, .h3, 
p, ul, li { margin: 0; padding: 0; font-style: normal; font-weight: normal; }
p { margin-bottom: 1.563vw; }

body { font-size: 0.819vw; line-height: 1.002vw; }
.large-copy { font-size: 0.983vw; line-height: 1.202vw; }
.head-font { font-size: 0.876vw; line-height: 1.433vw; } 
.foot-font { font-size: 0.521vw; line-height: 1.002vw; }
.menu-font { font-size: 0.833vw; line-height: 1.146vw }

#content-wrap a:not(.social):not(.blog-item-link), #footer a:not(.social):not(.blog-item-link) { text-decoration:underline; }


/* LOADERS
========================================================= */
#loader { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 1; z-index: 200; background-color: #fff; 
		  -webkit-transition: .3s opacity; -moz-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; }
body.loaded #loader { opacity: 0; pointer-events: none; }
.hidden { display:none; visibility: hidden; }
.more-to-see { width: 20px; height: 10px; position: fixed; bottom: 20px; left: calc(50% - 5px); background: url("../images/shared/chev-down-black.svg") center center no-repeat; background-size: contain; opacity: 1;
               -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); 
               -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
body.loaded .more-to-see { animation: moretoseebounce 3s infinite; }
.more-to-see.no-more { opacity: 0; }


.light:not(.body), .dark:not(.body), .light-dark, .light-dark a {  -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
body.light .dark { display:none; }
body.dark .light, body:not(.light):not(.dark) .light { display:none; }
body.light .light-dark, body.light .light-dark a { color: #fff; }

/* HEADERS AND FOOTERS
========================================================= */
body { background-color: #f8f8f8; }
#header-wrap { padding: 1.427vw 3.438vw; position: fixed; top:0; left:0; width:100%; z-index: 103; }
 #header-inner { position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
 	
#the-menu { position: fixed; top:50vh; left: 3.438vw; z-index: 101; }
  #mobile-logo { display:none; }
  #the-logo { width:27.083vw; /*36.458vw;*/ font-size:0; line-height: 0; padding-bottom: 3.083vw; -webkit-transform: translateX(-0.25vw); -ms-transform: translateX(-0.25vw); transform: translateX(-0.25vw); }
  .home #the-logo { width: 36.458vw; }
  #the-logo img { position: absolute; width:100%; height: auto; }
  .menu-logo-wrap { overflow: visible; }
  
  #the-menu ul { padding-left: 0; padding-right: 0; text-transform: uppercase; list-style: none; }
  #the-menu > ul > li { margin-bottom: 1.250vw; }
  #the-menu > ul > li > ul { padding-left: 2.500vw; overflow: hidden; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  #the-menu.processed > ul > li:not(.active):not(:hover) > ul {  height: 0 !important; }
  

  #header-socials, #footer .socials.right ul { position: absolute; right:0; top:0; }
  #menu-btn-wrap { display:none; }
	
	/*  
	#the-menu { overflow: hidden; padding-right: 3.438vw; }
	ul.nav { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; opacity: 1;
			-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
			
	body:not(.menu-open) #the-menu ul.nav { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); opacity: 0; }
	 #the-menu ul.nav li { list-style: none; margin-left: calc( 3.438vw / 2 ); position: relative; display: inline-block; }
	 */

	.socials ul.nav { display: -ms-flexbox; display: -webkit-flex; display: flex;   -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; }
	.socials ul.nav li { list-style: none; margin-left: 17px; position: relative; display: inline-block; }
	.socials ul.nav { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; /* margin-top: 0.5vw;*/ }
	.socials ul.nav li { margin-left: 0px; margin-right: 17px; }
	.social { display: inline-block; width: 0.885vw; height: 0.885vw; background-position: center center; background-size: contain; background-repeat: no-repeat; 
			-webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
	  .social:hover { opacity: 0.8; }
	  .social.instagram { background-image: url('../images/shared/instagram-000.svg'); }
	  .social.linkedin { background-image: url('../images/shared/linkedin-000.svg'); }
	  .social.twitter { background-image: url('../images/shared/twitter-000.svg'); }
	  .social.pinterest { background-image: url('../images/shared/pinterest-000.svg'); }
	  .social.facebook { background-image: url('../images/shared/facebook-000.svg'); }
	  .social.wechat { background-image: url('../images/shared/wechat-000.svg'); }
	  .social.tiktok { background-image: url('../images/shared/tiktok-000.svg'); }
	  
	  .light #header-socials .social.instagram { background-image: url('../images/shared/instagram-fff.svg'); }
	  .light #header-socials .social.linkedin { background-image: url('../images/shared/linkedin-fff.svg'); }
	  .light #header-socials .social.twitter { background-image: url('../images/shared/twitter-fff.svg'); }
	  .light #header-socials .social.pinterest { background-image: url('../images/shared/pinterest-fff.svg'); }
	  .light #header-socials .social.facebook { background-image: url('../images/shared/facebook-fff.svg'); }
	  .light #header-socials .social.wechat { background-image: url('../images/shared/wechat-fff.svg'); }
	  .light #header-socials .social.tiktok { background-image: url('../images/shared/tiktok-fff.svg'); }
	  
	
#footer-wrap { position:relative; padding-top: 0; background-color:#ededed; }
	#footer { padding: 1.406vw 0; }
	#footer .footer-menu ul.nav { display: -ms-flexbox; display: -webkit-flex; display: flex;   -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start;  padding-left: 0; margin-left: 0; list-style: none; }
	#footer .footer-menu ul.nav > li { margin-right: 1vw; }
	#footer .socials { position: relative; }
	#footer .socials { padding-bottom: 1.406vw; }
	
#footer-wrap, #footer { padding-bottom: 0 !important; }

#comp-content { position: relative; }
.side-title { position: fixed; right: 3vw; /*-3.438vw;*/ top: 50vh; z-index: 100; font-style: italic; 
				-webkit-transform: rotate(90deg) translateX(50%); -ms-transform: rotate(90deg) translateX(50%); transform: rotate(90deg) translateX(50%); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; }
.scroll-down-arrow { position: fixed; right: 2.5vw; bottom: 3vw; z-index: 100; width: 1vw; height: 5vw; background-image: url(../images/shared/down-arrow.svg); background-size: contain; background-position: center bottom; background-repeat: no-repeat; opacity:0; 
						-webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
body.has-scroll:not(.scroll-down) .scroll-down-arrow { opacity: 1; }

/* CONTAINERS AND CONTENT
========================================================= */
.content-block, .pager { padding: 0vw 3.438vw; }
.pager { padding-top:0; padding-bottom:0; }

.block-button { display:inline-block; padding: 0.521vw 2.604vw 0.781vw 2.604vw; background-color: #4D4D4D; color: #fff; border: 1px solid #4D4D4D; text-decoration: none; cursor: pointer; 
				-webkit-transition: background .3s, color .3s; -moz-transition: background .3s, color .3s; -o-transition: background .3s, color .3s; transition: background .3s, color .3s; }
.block-button:hover { background-color: transparent; color: #4D4D4D; }

.read-more { position: relative; }
.read-more.open, .read-more:hover::after { color:#4D4D4D; }
.read-more.open:hover, .read-more::after { color:#fff; }
.read-more::after { position: absolute; top:50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); content:attr(data-less-text); 
											-webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; opacity: 0; }
.read-more.open::after { opacity: 1; }

.row { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
.row:not(.blog-content) > .row:not(:first-of-type):not(.blog-row), .slide-group:not(:first-child), .expandable > .inner { padding-top: 4.427vw; }
.row > div { width: calc( ( 100% - 5.208vw ) / 3 + ( 1.302vw * 2 ) - 1px ); padding: 1.302vw; padding-top: 0; }
.blog-content .row > div { padding: 2px; }
.row > div:first-child, .row > div:nth-child(3n+4) { width: calc( ( 100% - 5.208vw ) / 3 + 1.302vw - 1px ); /* padding-left: 0; */ }
.row > div:last-child:not(:first-child), .row > div:nth-child(3n+3) { width: calc( ( 100% - 5.208vw ) / 3 + 1.302vw - 1px ); padding-right: 0; }
.row > div.double:first-child, 
.row > div.double:last-child { width: calc( ( ( 100% - 2.604vw ) / 3) * 2 + 2.604vw - 0.5vw ); /*calc( ( ( 100% - 2.604vw ) / 3) * 2 + 1.302vw - 1px ); FIX the 0.5vw hack*/ }
.row > div.half { width: calc( ( ( 100% - 5.208vw ) / 4 + 1.302vw) * 2 - 0px ) !important; }  /* - 1px */
.row > div.full { width: 100%; padding-left: 0; padding-right: 0; }
.row > div > div.text-block { padding: 4.427vw 0; }
.row > div.no-padding { padding: 0; }
.half { display:inline-block; width: 50%; }

.image, #google-map { background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; background-color:#ebebeb; /*#efefef;*/ }
		#google-map { height: 100%; } 
.image.contain { background-size: contain; background-position: left center;  }
.row > .half:first-child > .image.contain { background-position: right center; }

.image > a { position: absolute; top:0; left: 0; width: 100%; height: 100%; }
.row > div:not(.double):not(.half):not(.full) > .image { padding-top: 100%; }
.row > div.double > .image { padding-top: 66%; }
.row > div.half > .image { padding-top: 160%; }
.row.blog-row > div.half > .image { padding-top: 100%; }
.row > div.full > .image { padding-top: 56.25%; /*85vh;*/ /*43%; Make NoCrop only for Portrait */ }
.row.crop img { display: none !important; }

/* Make NoCrop only for Portrait on Desktop, Both on Mobile  */
/* .row.no-crop .image { background-image: none !important; padding-top: 0 !important; } */ 
.row.no-crop > div:not(.full) > .image { background-image: none !important; padding-top: 0 !important; }
.row.no-crop > div.full > .image > img { display:none; }
/* --- */

.row.no-crop img { width: 100%; height: auto; }
.row.no-crop .double img { width: 66% !important; /*calc(50% - 1.302vw);*/ }
.row.no-crop .double { overflow: auto; }
.row.no-crop .double:last-child img { float: right; }
.row.no-crop > div.text-block:not(.double):last-child:not(:first-child) { -webkit-transform: translateX(-66.6%); -ms-transform: translateX(-66.6%); transform: translateX(-66.6%); }
/*
.zoom { -webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .3s; transition: background .3s; background-size: auto 100% }
.zoom:hover { background-size: auto 105%; }
*/
.has-caption { position: relative; padding-bottom: calc( 0.521vw + 0.260vw + 1.406vw ) !important; }
.caption { text-align: right; padding: 0.521vw 0 0.260vw 0; position: absolute; bottom: 0; right: 0; }

.row > div { position: relative; }
.title-box { position: absolute; bottom: 0; left: 0; background:#fff; text-transform: uppercase; padding: 0.7815vw 3.126vw; width:50%; text-align: center; }
a.blog-item-link { position: relative; display: inline-block; padding-right: 1em; }
a.blog-item-link::before { content: "+"; position: absolute; right: 0; top: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.has-image:hover > .title-box > a.blog-item-link::before, a.blog-item-link:hover::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

.row > div img { width:100%; height: auto; }

@media (min-width:769px){
.text-restrict p { margin-left: 4%; max-width: 65%; }
.row.worked-with { margin-left: 2%; max-width: 80%; }
}

.two-columns-of-text > .row > .half,
.two-columns-of-text > .row > .half:last-child:not(:first-child) { padding-right: calc(1.302vw * 3); }



.one-third { width: 33.33%; margin: 3.438vw 33.33%; }
#comp-content > .blog-row:first-child > .full > .one-third { position: absolute; top: 23%; left: 33%; margin: 0; }

.map-zoom-button { width: 40px; height: 40px; background-position: center center; background-repeat: no-repeat; background-size: contain; cursor: pointer; -webkit-transition: .3s all; -moz-transition: .3s all; -o-transition: .3s all; transition: .3s all; }
#mapzoomin { background-image: url("../images/shared/zoom-in.svg"); margin-top:10px; margin-right: 10px; }
#mapzoomout { background-image: url("../images/shared/zoom-out.svg"); margin-top:10px; margin-right: 10px; }

#blog-tags.nav { position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
#blog-tags.nav li { list-style: none; /*margin-left: 17px;*/ position: relative; display: inline-block; cursor: pointer; }

.blog-content { margin: 0 16.927vw; }
.blog-content .row > .half:first-child { padding-left: 0; }

.expandable { -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.expandable:not(.open) { height:0 !important; opacity: 0; }

/* SLICK / SLIDESHOW
========================================================= */

.slide-group  .row { position: relative; padding-top: 0; }
.slide-group  .row > div { width: 100% !important; padding-left:0 !important; padding-right: 0 !important; }
.slide-group  .row > div > .image { padding-top:0; height: 75vh; background-size:contain; background-position: top left; }
.slide-group  .row > div.text-block { position:absolute; bottom: 0; left: 0; z-index: 10; width: 100%; background-color:#fff; padding-top: 1.563vw !important; padding-right: 33% !important; }

.has-slider { position:relative; }
#over-that { z-index: 90; }
.fix-this-over-that { position:absolute; top: 0; width: 100%; height: 100% !important; z-index:100; /* pointer-events:none; */ }

.hero-slide { background-color: #fff; /* url('/images/home/top-carousel-placeholder.jpg');*/ background-position: center center; background-size: cover; background-repeat: no-repeat; height: 100vh; position: relative; }
.hero-slide::before { content:" "; background-color:#fff;  opacity:0.0; position: absolute; top:0; left:0; display:block;  width:100%; height: 100%; z-index: 2; }
.hero-slide[data-theme="light"]::before { background-color:#000; }
.hero-slide-inner { background-repeat: no-repeat; position: absolute; top:0; left: 0; width: 100%; height:100%; }
.hero-slide-inner.two-thirds-right { left:33.33%; right: auto; width:66.66%; }
.hero-slide-inner.two-thirds-left { left: auto; right:33.33%; width:66.66%; }
.hero-slide-inner.one-third-right { left:66.66%; right: auto; width:33.33%; }
.hero-slide-inner.one-third-middle { margin-left:33.33%;width:33.33%; margin-right: 33.33%; }
.hero-slide-inner.one-third-left { margin-right:66.66%;width:33.33%; }

.fixed { position:fixed !important; width:100%; height: 100%; }  

.from-the-bottom { top: auto; bottom: 10vh; }
.fix-this-over-that .hero-text,
.hero-slide > .hero-text { position:absolute; top:200px; left: auto; right: calc( 3.438vw * 1.5 ); width: calc( 66% - 3.438vw * 1.5 ); }
.fixed  .hero-slide-inner.full { max-height: 100vh; }
.fix-this-over-that:not(.do-not-shift-up) .hero-text,
.hero-slide:not(.do-not-shift-up) > .hero-text { top: 50%;  -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.fix-this-over-that .hero-text.text-top-middle, .hero-slide > .hero-text.text-top-middle {  -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }

.slick-list { z-index: 96; }
.slick-arrow { height: 100%; width: calc( 3.438vw / 4); opacity: 0.8; 
 					-webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
.slick-arrow:hover { opacity: 1; }

.slick-prev, .slick-prev:hover { left: 3.438vw; z-index: 97; }
.slick-next, .slick-next:hover { right: 3.438vw; z-index: 98; }

.slick-arrow::before, .slick-arrow::after { content:" "; width:100%; height: 100%; position: absolute; top: 0; left: 0; }
.slick-prev::before { background-repeat: no-repeat; background-size: contain; background-position: center center; background-image: url('../images/shared/chev-left-fff.svg'); z-index: 97; }
.slick-next::before { background-repeat: no-repeat; background-size: contain; background-position: center center; background-image: url('../images/shared/chev-right-fff.svg'); z-index: 98; }

.slick-dotted.slick-slider { margin-bottom: 0; }
.single .slick-dots { display:none !important; }
.slick-dots { width:100%; margin: 0; padding: 0; position: absolute; bottom: calc(36px + 1.3vw/2); z-index: 99; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; list-style: none; pointer-events: none; }
.slick-dots li { display: -ms-flexbox; display: -webkit-flex; display: flex; pointer-events: auto; } 
.slick-dots li:not(:first-child) { margin-left: 0.5vw; }
.slick-dots li button { border: 0.01vw solid #000; font-size: 0; line-height: 0; background-color:#000; border-radius: 50%; width:0.33vw; height:0.33vw; padding:0; outline: none; -webkit-appearance: none; -moz-appearance: none;
						-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.slick-dots li.slick-active button { width:0.66vw; height:0.66vw; transform:translate(-20%,-20%); }
.slick-dots li button::before { font-size: 0 !important; }

.slide-group .slick-prev::before { background-image: url('../images/shared/chev-left-000.svg'); z-index: 97; }
.slide-group .slick-next::before { background-image: url('../images/shared/chev-right-000.svg'); z-index: 98; }
.slide-group .slick-arrow { width:calc( 3.438vw / 4 ); }
.slide-group .slick-prev { left: calc( 3.438vw / -1.5 ); }
.slide-group .slick-next { right: calc( 3.438vw / -1.5 ); }

/* PAGINATION 
=========================================================== */
.pager { width: 100%; margin:0; list-style:none; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.pager li { width: 50%; position: relative; opacity: 1; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
.pager li a { display:block; }
.pager li a:hover { opacity: 0.5; }
.pager li a::before { content:" "; position: absolute; top:0; width:4vw; height: 100%; background-repeat: no-repeat; background-size: contain; background-position: center center;  }
.pager li:first-child a::before { left: 0; background-image: url('../images/shared/chev-left-000.svg'); }
.pager li:last-child a::before { right: 0; background-image: url('../images/shared/chev-right-000.svg'); }
.pager li:first-child a { text-align: left; padding-left: 6vw; }
.pager li:last-child a { text-align: right; padding-right: 6vw; }

.mobile-only { display: none; }
.desktop-only { display: block; }

.field label, .chronoforms6_credits { display:none !important; }
.field input { border:none !important; background-color:transparent !important; box-shadow: none !important; border-bottom: 1px dashed #000 !important; border-radius: 0 !important; }
.chronoforms button { background-color:#000 !important; }

.ui.form { font-size: inherit !important; } 

/* MOBILE + PORTRAIT TABLET
=========================================================== */
@media(max-width:768px){
	body, .large-copy, .menu-font, .head-font { font-size: calc( 5.338vw / 2 ); line-height: calc( 6.228vw / 2 ); }
	#the-menu.menu-font { font-size: 3.656vw; line-height: 4.889vw; }
	.foot-font { font-size: calc( 4.270vw / 2 ); line-height: calc( 5.338vw / 2 ); }
	
	p { margin-bottom: 1em; }
	.has-caption, .has-image { /* padding-bottom: 6.849vw !important;*/ }
	
	.hide-mobile { display:none !important; }
	
	#header-text { width: 100%; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
	body.scroll-down #header-text { opacity:0; }
	#header-text > span { display:block; }
	#header-text .email { margin-top: 0.5em; }
	
	#mobile-logo { display:block; }
	.menu-logo-wrap { display:block; padding-top: 3vw; }
	.menu-logo-wrap > img { width:100%; margin-top:2px; }
	
	#header-socials, .side-title { display:none; }
	
	#the-menu { width:100%; height: 100%; position: fixed; z-index: 101; overflow: hidden; top:0; left: 0; padding: 20vh 3.438vw 0 3.3428vw;
					-webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s; }
	#the-menu::before { position: absolute; content:" "; top:0; left: 0; width: 100%; height: 100%; background-color:#fff; opacity: 0.9; z-index:1; }
	body.light #the-menu::before { background-color:#000; }
	
	#the-menu > #the-logo { display:none; }
	body:not(.menu-open) #the-menu { width:0; opacity: 0; }
	#the-menu ul { position: relative; z-index: 2; }
	#the-menu.processed > ul > li:not(.active):not(:hover) > ul,
	#the-menu.processed > ul > li > ul { height: inherit !important; }
	#the-menu > ul > li { margin-bottom: 3.250vw; }
	
	#header-wrap { padding-top: 5.292vw; padding-bottom: 4.292vw; }
	
	#menu-btn-wrap { display: block; position: absolute; top: 0; right: 0; }
	.hamburger { border: 0; margin: 0; padding: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; overflow: visible; font: inherit; color: inherit; text-transform: none; background-color: transparent; cursor: pointer; }
	body.menu-open .hamburger .hamburger-inner,
	body.menu-open .hamburger .hamburger-inner::before,
	body.menu-open .hamburger .hamburger-inner::after { background-color: #000; }
	body.menu-open.light .hamburger .hamburger-inner,
	body.menu-open.light .hamburger .hamburger-inner::before,
	body.menu-open.light .hamburger .hamburger-inner::after { background-color: #fff; }
	.hamburger-box { position: relative; display: inline-block; }
	.hamburger-inner { top: 50%; display: block; }
	.hamburger-inner, 
	.hamburger-inner::before, 
	.hamburger-inner::after { width: 100%; position: absolute; background-color: #000; 
							  transition-property: transform; transition-duration: 0.3s; }
	body.light .hamburger-inner, 
	body.light .hamburger-inner::before, 
	body.light .hamburger-inner::after { background-color: #fff; }
	.hamburger-inner::before,
	.hamburger-inner::after { content: ""; display: block; }
	.hamburger--spin .hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
	.hamburger--spin .hamburger-inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
	.hamburger--spin .hamburger-inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
	body.menu-open .hamburger--spin .hamburger-inner { transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
	body.menu-open .hamburger--spin .hamburger-inner::before { top: 0; opacity: 0;
															   transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
	body.menu-open .hamburger--spin .hamburger-inner::after { bottom: 0;
															  transform: rotate(-90deg);
															  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.hamburger-box { width: 4.917vw; height: 4.917vw; }
    .hamburger-inner { margin-top: -0.33vw; }
    .hamburger-inner, 
    .hamburger-inner::before, 
    .hamburger-inner::after { height: 0.33vw; }
    .hamburger-inner::before { top: -1.33vw; }
    .hamburger-inner::after { bottom: -1.33vw; }


	.fix-this-over-that, .fix-this-over-that .hero-text,
	.fix-this-over-that:not(.do-not-shift-up) .hero-text, .hero-slide:not(.do-not-shift-up) > .hero-text { height: auto !important; position: static; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }
	
	.overlay-on-mobile #fix-this, .overlay-on-mobile #over-that { position: absolute; top: 0; left: 0; width: 100%; height: 100vh !important; overflow: auto; }
	.overlay-on-mobile #over-that .hero-slide, .overlay-on-mobile #comp-content { height:100vh; }
	.overlay-on-mobile #fix-this .hero-text { padding-top: 20vh; }

	#comp-content > .blog-row:first-child > .full > .one-third, .one-third, .fix-this-over-that .hero-text { position: static; width: 100%; margin: 0; padding: 7.422vw 12.622vw; }
	#comp-content > .blog-row:first-child > .full > .one-third
	/* , .fix-this-over-that .hero-text */ { background-color:#ededed; }
	/* .one-third > p > br { display:none; } */
	
	.hero-slide { height: 65vh; }
	.hero-slide-inner.two-thirds-right,
	.hero-slide-inner.two-thirds-left,
	.hero-slide-inner.one-third-right,
	.hero-slide-inner.one-third-middle,
	.hero-slide-inner.one-third-left { margin:0; width:100%; left: 0; right: auto; }
	
	.fix-this-over-that > .hero-text { /* padding-top: 20vh; */ }
	div.hero-slide-inner[mobile-position="center"] { background-position: center center !important; }
	div.hero-slide-inner[mobile-position="10%"] { background-position: 10% center !important; }
	div.hero-slide-inner[mobile-position="20%"] { background-position: 20% center !important; }
	div.hero-slide-inner[mobile-position="30%"] { background-position: 30% center !important; }
	div.hero-slide-inner[mobile-position="40%"] { background-position: 40% center !important; }
	div.hero-slide-inner[mobile-position="60%"] { background-position: 60% center !important; }
	div.hero-slide-inner[mobile-position="70%"] { background-position: 70% center !important; }
	div.hero-slide-inner[mobile-position="80%"] { background-position: 80% center !important; }
	div.hero-slide-inner[mobile-position="90%"] { background-position: 90% center !important; }
	
	.hero-text p.no-breaks > br { display:none; }
	
	#header-socials, #footer .socials.right ul { position: static; }
	#footer.row > div, div.designed-by { padding-bottom: 2em; }
	
	.read-more { padding-left: 40px; padding-right: 40px; }
	
	body.menu-open #header-wrap { width: 100vw; }
	body.menu-open #header-menu { width: 100%; position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
	body:not(.menu-open) #header-menu ul.nav { opacity: 0; }
	body.menu-open #header-menu ul.nav { opacity: 1;  -webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; padding-top: 14.5vw; /* height: 60vh; */ }
	body.menu-open #header-menu ul.nav li { width: 100%; text-align: left; padding: 4.5vw 0; font-size: 10.137vw; margin-left: 0; }
	body.menu-open #footer > div:first-child > div:first-child { position: fixed; bottom:0; z-index: 100; }

	
	.content-block, .pager { padding: 9.422vw 12.622vw; }
	.pager { padding-top: 0; padding-bottom: 0; }
	.button-wrapper { text-align: center; }
	
	.scroll-down-arrow { width: 2vh; height: 8vh; }
	
	.slick-arrow { width: calc( 3.438vw / 2 ); }

	.row > div { width:100% !important; padding-left: 0 !important; padding-right: 0 !important; }
	.row.instagram-images > div { width:49% !important; margin-right: 1% !important; }
	.row.instagram-images > div:nth-child(n+7) { display:none; }
	
	.row > div > .image { padding-top:90vh !important; background-size:cover; }
	.row > div.half.empty { display:none; }
	.row > div.full > .image { padding-top:60vh !important; background-size:cover; }
	
	.row.right { -webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse; }
	.row.no-crop .double img { width: 100%; }
	.row.no-crop > div.text-block:not(.double):last-child:not(:first-child) { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }
	.row.no-crop .double img { width: 100% !important; }
	/* Make NoCrop only for Portrait on Desktop, Both on Mobile  */
	.row.no-crop > div.full > .image { background-image: none !important; padding-top: 0 !important; }
	.row.no-crop > div.full > .image > img { display:block; }
	/* --- */
	.row > div.half { width: 100% !important; }
	
	.blog-content { margin: 0; }
	.blog-content .row > div { padding-bottom: 0; }
	.blog-content .row:not(:first-of-type) { padding-top:0; }
	
	.blog-row img { display:block !important; }
	.blog-row .image, 
	.blog-row > div > .image,
	.blog-row > div.full > .image { height:auto !important; padding-top: 0 !important; background-image:none !important; }
	#comp-content > .blog-row:first-child { padding-top: 30vw; }
	/* .pagenav > li > a { color:#fff !important; } */
	
	.mobile-only { display: block; }
	.mobile-only.image {  padding-top: 58vw margin-bottom: 5vw;}
	.desktop-only { display: none; }
	
	#google-map { min-height: 100vw; }
	
	#footer { padding-top: 5vw; }
	#footer .socials ul.nav { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; }
	#footer .socials.left ul.nav { margin-top: 1.5vw; }
	.social { width: 3.911vw; height: 3.911vw; }
	
	#footer ul.nav.menu { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
	#footer ul.nav li:first-child { margin-left:0; }

}