@charset "UTF-8"; /*!
Theme Name: Milk Publicity 2018
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change, * without disabling user zoom.
 */
html {font-family: sans-serif; /* 1 */
 -ms-text-size-adjust: 100%; /* 2 */
 -webkit-text-size-adjust: 100%; /* 2 */ }
/**
 * Remove default margin.
 */
body {margin: 0; }

/* HTML5 display definitions
 ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, main, .main, menu, nav, section, summary {display: block; vertical-align: top;}
audio, canvas, progress, video {display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }
audio:not([controls]) {display: none; height: 0; }
[hidden], template {display: none; }

/* Links
 ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {text-decoration: underline; color: #000;}
html.no-touch a:active,
html.no-touch a:hover,
html.no-touch a:focus {outline: 0; background-color: #efefef; color: #000;}

/* Text-level semantics
 ========================================================================== */

html, body {overflow-x: hidden; }

body {font-family: 'Montserrat', sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased; }
button, .button { font-weight: 700; }
nav { font-weight: 300; }
h1,h2 { font-weight: 100; font-family:'GFS Didot', serif;}
h2 {font-size: 2em; text-transform: uppercase; color: #333; margin: 0; margin-bottom: 1em; line-height: 1em;}
.entry-content h2 {margin-top: 2.4em;}

h3,h4,h6 { font-weight: 500;}
h5 { font-weight: 700; text-transform: uppercase; letter-spacing: .1em; font-size: 15px;}

h1.page-title { font-weight: 300; }

abbr[title] {border-bottom: 1px dotted; }
b, strong {font-weight: 600; }
dfn {font-style: italic; }
h1 {font-size: 3em; margin: .4em 0; }
mark {background: #ff0; color: #000; }
small {font-size: 80%; }
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup {top: -0.5em; }
sub {bottom: -0.25em; }

img {border: 0; }
svg:not(:root) {overflow: hidden; }

img.size-contentwidth {width: 100%; margin: 50px 0;}



.padding {padding:10px;}

.clear {clear: both; float: none; width: 100%;}
.clearFix:after {display:block; clear:both; content:'';}

blockquote {font-size: 1.2em; border-left: solid 2px #c7c7c7; padding: 0 2.4em; margin: 1em 0;}
blockquote p {margin: 0;}
blockquote em {font-size: .75em; }

.black {color: #000;}
.center { text-align: center;}

.flex {display:-ms-flexbox; display:flex; -ms-flex-pack: justify; justify-content:space-between; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.newsOverview .flex {justify-content: flex-start;}

.spacer {height: 5em;}
.hide {display: none;}

main, .main {width:calc(100% - 40px); max-width: 1500px; margin: 0 auto; position: relative;}
main {margin: 0 auto 4em auto;}

a:link, a:visited {text-decoration: none; }
p a:link, p a:visited {text-decoration: underline; }

html.no-touch a:focus,
html.no-touch a:hover,a:active {color: #000000; }
nav ul, nav li, nav a {padding: 0; margin: 0; }
nav a, main, .main, body.page-parent .overview h3, .serviceoverview h3, .recent-summary, .case-study-overview > article, .project-overview > article, .productArchive > article, .client-overview > article, .related-summary {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.greyRow {background-color: #f1f1f1;}

html.no-touch header a:focus,
html.no-touch header a:hover,
html.no-touch header a:active {text-decoration: none; }
html.no-touch nav a:focus,
html.no-touch nav a:hover,
html.no-touch nav a:active {text-decoration: none; }

.marginTopBottom5em {margin-top: 120px; margin-bottom: 120px;}

.marginTop3em {margin-top: 3em;}
.marginTop4_5em {margin-top: 4.5em;}
.marginBottom5em {margin-bottom: 5em;}
.marginBottom3em{margin-bottom: 3em;}
.marginBottom25em{margin-bottom: 2.5em;}
.paddingTop5em {padding-top: 5em;}

.positionRelative {position:relative;}
.verticalCenter {top: 50%; -webkit-transform:translate(0,-50%);transform:translate(0,-50%);position:absolute; width: 100%;}
@media only screen and (max-width: 799px) {
	.servicesDiv .verticalCenter {top: 0; -webkit-transform:translate(0,0);transform:translate(0,0);position:relative; }
}

/* Grouping content
 ========================================================================== */
figure {margin: 1em 40px; }
hr {box-sizing: content-box; height: 0; }
pre {overflow: auto; }


/* Forms */
button, input, optgroup, select, textarea {color: inherit; /* 1 */
 font: inherit; /* 2 */
 margin: 0; /* 3 */ }
button {overflow: visible; }
button, select {text-transform: none; }
html.no-touch button:hover,
html.no-touch select:hover {cursor: pointer;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; /* 2 */
 cursor: pointer; /* 3 */ }
button[disabled], html input[disabled] {cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0; }
input {line-height: normal; }
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; /* 1 */
 padding: 0; /* 2 */ }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto; }
input[type="search"] {-webkit-appearance: textfield; /* 1 */
 box-sizing: content-box; /* 2 */ }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none; }
fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend {border: 0; /* 1 */
 padding: 0; /* 2 */ }
textarea {overflow: auto; }
optgroup {font-weight: bold; }

/* Tables */
table {border-collapse: collapse; border-spacing: 0; }
td, th {padding: 0; }

/* Base styles: opinionated defaults */
html {color: #000; font-size: 1.1em; line-height: 1.4; }
::-moz-selection {background: #ffff66; text-shadow: none; }
::selection {background: #ffff66; text-shadow: none; }
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio, canvas, iframe, img, svg, video {vertical-align: middle; }
fieldset {border: 0; margin: 0; padding: 0; }
textarea {resize: vertical; }

.browserupgrade {margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* Helper classes
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {display: none !important; }
.assistive-text, .site-title, div.wpcf7 .screen-reader-response, .entry-sidebar .wpcf7 label span:first-child {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.assistive-text:active, .assistive-text:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }


@media print, (-o-min-device-pixel-ratio: 5 / 4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {/* Style adjustments for high resolution devices */ }
/* ==========================================================================
 Print styles.
 Inlined to avoid required HTTP connection: h5bp.com/r
 ========================================================================== */
@media print {
	* { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; }
	a, a:visited { text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; /* h5bp.com/t */ }
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }

	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }
	.overview a, .related-wrap a, .related2-wrap a, .recent-wrap a { text-decoration: none !important; }
	.overview a[href]:after, .related-wrap a[href]:after, .related2-wrap a[href]:after, .recent-wrap a[href]:after { content: "" !important; }
	body.home > .cycle-slideshow, nav, #wpadminbar, footer .socialDiv, footer .links { display: none !important; }
	.call-to-action { margin: 0; padding: 0; font-size: 1em; text-align: left; }
	.related-wrap { width: auto; max-width: none; margin-left: 0; transform: none; }
	.read-more, a.chevron { display: none !important; }
	header * { position: static !important; }
	header img[src*="logo"] { display: none; }
 }

/* WordPress Core Styles
-------------------------------------------------------------- */
.alignnone {margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter {display: block; margin: 5px auto 5px auto; }
.alignright {float: right; margin: 5px 0 20px 20px; }
.alignleft {float: left; margin: 5px 20px 20px 0; }
.aligncenter {display: block; margin: 5px auto 5px auto; }
a img.alignright {float: right; margin: 5px 0 20px 20px; }
a img.alignnone {margin: 5px 20px 20px 0; }
a img.alignleft {float: left; margin: 5px 20px 20px 0; }
a img.aligncenter {display: block; margin-left: auto; margin-right: auto; }
.wp-caption {background: transparent; border: none; padding: 0; text-align: center; }
.wp-caption.alignnone {margin: 5px 20px 20px 0; }
.wp-caption.alignleft {margin: 5px 20px 20px 0; }
.wp-caption.alignright {margin: 5px 0 20px 20px; }
.wp-caption img {border: none; height: auto; margin: 0; max-width: none; padding: 0; width: 100%; }
.wp-caption p.wp-caption-text, .wp-caption figcaption.wp-caption-text {font-size: 0.7em; line-height: 1.1; margin: 0.5em 0; padding: 0 4px 5px; }

/* recommended for $content_width */
.size-full, .size-large, .size-thumbnail {width: auto; max-width: 100%; height: auto; }
.size-medium, img {max-width: 100%; height: auto; }


/* HEADER */

body header {color: #878787; width: 100%; margin: 0 auto;}
.site-title {display: none;}


/* LOGO */
.logoMain {position: absolute; z-index: 30; top: 0; display: block; background: url('img/MilkPublicityLogo.svg') no-repeat; background-size: cover; width: 180px; height: 100px; margin: 40px 0 0 0; transition: all .5s; background-color: #fff;}
	.fixed .logoMain {width: 135px; height: 75px; margin: 6px 0 0 0;}
.logoMain:hover, .logoMain:active, .logoMain:focus {background-color: transparent;}

/* PAGE TITLE */
.titleDiv {margin:0em 0 4em 0;}
.titleDiv .main {padding-bottom: 0;}


@media only screen and (max-width: 1099px) {
	.titleDiv {margin:5em 0 0 0;}
}

h1{margin:0 0 1.35em 0; font-size: 2.2em; text-transform: uppercase;}


/* NAV */
#slimheader { position: fixed; left: 0; right: 0; z-index: 1000; background-color:#fff;}


nav {position: absolute; background-color: #fff; width: 100vw; z-index: 10; }
nav ul, nav li {list-style-type: none; padding: 0; margin: 0; }

body nav a:link,
html.no-touch  nav a:active,
html.no-touch  nav a:hover {color: #313131; font-size: .85em; letter-spacing: 0.07em; font-weight: 500; text-transform: uppercase; background-color: transparent; }

/* SAFARI 9 HACK (only) */
@supports (overflow:-webkit-marquee) and (justify-content:inherit) {
	.logoMain {right: 0;}

	.headerSpacer {height: 130px;}
	.home .headerSpacer {height: 100px;}

	#menu-item-39 {display: none;} /* hide HOME */
	nav {display: block; position: relative; }
	nav h1 { display: none; }
	nav li { display: inline-block; margin: 2.2em 1.4em; transition: margin .5s; position: relative; }
	nav > ul {margin: 0 0 0 -1.4em; display: inline-block;}
	nav a {color: #333; display: block; margin:0; padding: .2em; text-decoration: none; border-bottom: solid 2px #fff;}
	/* hover */ nav li.current-menu-item > a,
	html.no-touch nav li:hover > a {border-bottom: solid 2px #333;}
	nav li#menu-item-58:hover a {border-bottom: none;} /* stop MO underline as Services has drop down */


	html.no-touch nav > ul > li:hover ul.sub-menu { display: block; }

	header ul.sub-menu { display: none; padding:2px 0; position: absolute; width: 300px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
	header ul.sub-menu li {padding:0; background-color:#fff;}
	header ul.sub-menu li:first-of-type {border-top:1em solid #fff;}
	header ul.sub-menu li:last-of-type {border-bottom:1em solid #fff;}

	header ul.sub-menu a {padding: 0.8em 0; margin: 0; }
	header ul.sub-menu a:hover { border-bottom: none !important;}
	header ul.sub-menu li { display: block; margin: 0; text-align: center;}
	html.no-touch nav ul.sub-menu a:hover,
	html.no-touch header ul.sub-menu li:hover,
	html.no-touch header ul.sub-menu li.current-menu-item {background-color: #f2f2f2;}
	.milkTextMask {position: absolute; top: 0; right: 0; z-index: 1;}
}


/* SMALLER TEXT */
@media only screen and (max-width: 599px) {
	html {font-size: 0.9em; line-height: 1.6;}
}

/* MOBILE NAV */
@media only screen and (max-width: 1099px) {
	.headerSpacer {height: 50px;}
	#slimheader .main {position:absolute;}
	.logoMain {width: 135px; height: 75px; margin: 0.8em 0px 0 1em; left: 0em;}
		.fixed .logoMain {width: 90px; height: 50px; margin: 0.5em 0px 0 1em;}


	body:not(.home) > header.no-header-image > div#slimheader, .fixed > div#slimheader, .fixed > div#slimheader {height: 4em;}
	header {margin-bottom: 5em;}

	nav > ul {background-color: white; padding-top: 90px; height: 100vh; margin-top: -300vh; transition: all .5s; position: relative; overflow: scroll;}
	nav.open > ul {margin-top: 0;}
	nav > ul li { display: block; text-align: center;}
	nav > ul li:nth-last-child(1){margin-bottom: 120px;}
	nav > ul a, body nav a:link { display: block; color: #000; padding: 10px; margin: 10px 0; font-size: 1.1em; text-decoration: none;}
	nav ul.sub-menu {display:none;}

	nav > ul > li.current-menu-item > a, nav > ul > li.current-page-ancestor > a, nav > ul > li a:hover { color: white; background: #363636; }
	nav ul.sub-menu a { text-transform: none; font-weight: 300; margin: 0; font-size: .95em;}
	nav ul.sub-menu li.current-menu-item > a, nav ul.sub-menu li.current-page-ancestor > a { color: white; background: #363636; }
	/* hamburger */
	nav .menu-toggle { float: right; line-height: 1; font-size: 2em; margin: 0.3em 0.8em 0 0; position: absolute; right:0; height: 40px; width: 50px; cursor: pointer; z-index: 30;}
	.menu-toggle span {top: 20px; left: 0; text-indent: -9999em;	}
	.menu-toggle span::before, .menu-toggle span::after, .menu-toggle span {cursor: pointer; border-radius: 1px; height: 2px; width: 40px; background: black; position: absolute; display: block; content: ''; transition: all 250ms ease-in-out;}
	.menu-toggle span::before {top: -12px;	}
	.menu-toggle span::after {	bottom: -12px;}
	/*html.no-touch .menu-toggle span:hover, html.no-touch .menu-toggle span:hover::before, html.no-touch .menu-toggle span:hover::after {	background: #999; }*/
	.menu-toggle span.open {background-color: transparent;}
	.open .menu-toggle span::before, .open .menu-toggle span::after {top: 0; }
	.open .menu-toggle span::before {transform: rotate(45deg); }
	.open .menu-toggle span::after {transform: rotate(-45deg); }
	.open .menu-toggle span {background-color: transparent;}
}

@media only screen and (max-width: 699px) {
	.logoMain {width: 90px; height: 50px; margin: 0.5em 0px 0 1em;}
}

/* DESKTOP NAV */
@media only screen and (min-width: 1100px) {
	.mobileOnly {display:none;}
	.logoMain {right: 0;}

	.headerSpacer {height: 130px;}
	.home .headerSpacer {height: 100px;}

	#menu-item-39 {display: none;} /* hide HOME */
	nav {display: block; position: relative; }
	nav h1 { display: none; }
	nav li { display: inline-block; margin: 2.2em 1.4em; transition: margin .5s; position: relative; }
	nav > ul {margin: 0 0 0 -1.4em; display: inline-block;}
	nav a {color: #333; display: block; margin:0; padding: .2em; text-decoration: none; border-bottom: solid 2px #fff;}
	/* hover */ nav li.current-menu-item > a, nav li:hover > a {border-bottom: solid 2px #333;}
	nav li#menu-item-58:hover a {border-bottom: none;} /* stop MO underline as Services has drop down */


	nav > ul > li:hover ul.sub-menu { display: block; }

	header ul.sub-menu { display: none; padding:2px 0; position: absolute; width: 300px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
	header ul.sub-menu li {padding:0; background-color:#fff;}
	header ul.sub-menu li:first-of-type {border-top:1em solid #fff;}
	header ul.sub-menu li:last-of-type {border-bottom:1em solid #fff;}

	header ul.sub-menu a {padding: 0.8em 0; margin: 0; }
	header ul.sub-menu a:hover { border-bottom: none !important;}
	header ul.sub-menu li { display: block; margin: 0; text-align: center;}
	html.no-touch nav ul.sub-menu a:hover,
	html.no-touch header ul.sub-menu li:hover,
	html.no-touch header ul.sub-menu li.current-menu-item {background-color: #f2f2f2;}
 }

@media only screen and (min-width: 1399px) {
	nav > ul {margin: 0 0 0 -1.4em;}
}





@media only screen and (max-width: 1099px) {
	body.admin-bar > nav {padding-top: 32px; }
	body.admin-bar > nav .menu-toggle {top: 32px; }
	header > div#slimheader { height: 4em;}
}
@media only screen and (max-width: 782px) {
	body.admin-bar > nav { padding-top: 46px; }
	body.admin-bar > nav .menu-toggle { top: 46px; } }


.breadcrumbs {clear: both; color: #666; font-size: .8em;}
.main .breadcrumbs a {text-decoration: none; color: #666; border-bottom: none;}
.main .breadcrumbs .breadcrumb_last {text-decoration: none; color: #000; font-weight: 300;}


@media only screen and (min-width: 1100px) {
	.breadcrumbs {margin:1em 0 4em 0;}
}

.breadcrumbs.noMargin {margin:0;}



/* Forms */

form { margin-top: 0em; }
form .calcol { width: 43%; display: inline-block; vertical-align: top; margin: 0 3%; }
body.page form.contact-form label {margin-bottom: 0; }
label {color: #333; font-size: .9em;}
body.page form p:nth-of-type(1) {margin-top: 0; }

input:not([type="submit"]):not([type="reset"]), textarea, input {border: 1px solid #bbbbbb; margin-bottom: 5px; padding: 8px; }
input:not([type="submit"]):not([type="reset"]), textarea {width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
input:focus {outline:0;}
body.page-slug-contact, body.page-slug-contact form {text-align: center; }
body.page-slug-contact form p {font-size: 1em; margin-bottom: 0.2em; }
body.page-slug-contact form p, body.page-slug-contact form input, body.page-slug-contact form textarea {line-height: 1.2; }
body.page-slug-contact form input[type="submit"], body.page-slug-contact form input[type="reset"] {line-height: 1; }
body.page-slug-contact form span {margin-top: 0.5em; display: block; }



/* FONT AWESOME CORE
 * -------------------------- */
.fa { font-family: FontAwesome; font-style: normal;}

[class^="icon-"], [class*=" icon-"] {font-family: FontAwesome; display: inline-block; text-decoration: none; font-weight: 100;}
[class^="icon-"] span, [class*=" icon-"] span { display: none; }
[class^="icon-"]:before, [class*=" icon-"]:before { text-decoration: inherit; display: block; text-align: center; line-height: 1em; text-indent: 0; font-size: 1.5em; font-weight: 100; width: 20px; text-align: center; margin: 0 .2em; }


.icon-envelope, .icon-phone {font-family: 'Montserrat', sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased; }

/* Brand colours on transparent inverting to white on brand square. With captions. */
.icon-envelope:before {content: "\f0e0"; font-family: FontAwesome; display: inline-block; font-size: 1em; margin: 0; padding-right: 3px;}
.icon-phone:before {content: "\f095"; font-family: FontAwesome; display: inline-block; font-size: 1em; margin: 0; }
.icon-twitter:before {content: "\f099";}
.icon-linkedin:before {content: "\f0e1"; }
.icon-pintarest:before {content: "\f231"; }
.icon-facebook:before {content: "\f09a"; }
.icon-googleplus:before {content: "\f0d5"; }
.icon-googlemap:before {content: "\f041"; }
.icon-instagram:before {content: "\f16d"; }
.icon-youtube:before {content: "\f167"; }

[class^="icon-"]:hover, [class*=" icon-"]:hover {color: #4188d6; }

/* hide social media until there's enough space */
.menu-item-2005, .menu-item-2004{display:none;}

@media only screen and (min-width: 1200px) {
	.menu-item-2005, .menu-item-2004{display:inline-block;}
	.nav-menu a[href^="https://twitter.com"], .nav-menu a[href^="https://www.instagram.com"] {font-family: FontAwesome; display: inline-block; text-decoration: none; font-weight: 100; color: #777;}
	.nav-menu a[href^="https://twitter.com"]:hover {color: #5bc0de; border-bottom: solid 2px #fff;}
	.nav-menu a[href^="https://www.instagram.com"]:hover {color: #cd486b; border-bottom: solid 2px #fff;}

	.nav-menu a[href^="https://twitter.com"] span, .nav-menu a[href^="https://www.instagram.com"] span { display: none; }
	.nav-menu a[href^="https://twitter.com"]:before, .nav-menu a[href^="https://www.instagram.com"]:before { text-decoration: inherit; display: block; text-align: center; line-height: 20px; text-indent: 0; font-size: 23px; font-weight: 100; width: 20px; margin: 0; padding: 0 0; height: 20px;}

	.nav-menu a[href^="https://twitter.com"]:before {content: "\f099";}
	.nav-menu a[href^="https://www.instagram.com"]:before {content: "\f16d"; }
}

/* FOOTER */
footer {font-size: .8em; padding:3em 0; color: #555; background-color: #fff;}
footer a:link, footer a:visited {text-decoration: underline; }

@media only screen and (max-width: 499px) {
	.footerColumn {text-align: center; margin: .5em 0;}
	footer .flex {display:block;}
	.footerColumn:nth-of-type(n) {text-align: center;}
}


@media only screen and (min-width: 500px) {
	footer .flex {display:-ms-flexbox; display:flex; -ms-flex-pack: justify; justify-content:space-between; flex-wrap: wrap; }
	.footerColumn {width: 50%;}
	.footerColumn:nth-of-type(2n + 2) {text-align: right;}
}

@media only screen and (min-width: 1000px) {
	.footerColumn {width:auto;}
	.footerColumn:nth-of-type(n) {text-align: left;}
}

footer a:link, footer a:visited, footer a:hover { color: #555;}

@media screen and (max-width: 600px){
	body #wpadminbar {position: fixed;}
}

.mobileOnly.socialDiv {position:fixed; right: 86px; top: -6px;}
.admin-bar .mobileOnly.socialDiv {top: 39px; }
@media only screen and (min-width: 600px) {
		.mobileOnly.socialDiv { top: -1px;}
}

@media only screen and (min-width: 783px) {
	.admin-bar .mobileOnly.socialDiv {top: 31px; }
}

body nav .mobileOnly.socialDiv a:link, .mobileOnly.socialDiv [class^="icon-"]::before, .mobileOnly .socialDiv [class*=" icon-"]::before {display:inline-block; font-size: 30px; padding: 0 5px;}

.socialDiv a:link, .socialDiv a:visited {text-decoration: none; color: #777; background-color: transparent; }
.socialDiv a:focus, .socialDiv a:hover, .socialDiv a:active {color: #000; background-color: transparent; text-decoration: none;}

 .socialDiv a.icon-instagram:hover, .socialDiv a.icon-instagram:active {color: #cd486b; background-color: transparent; }
 .socialDiv a.icon-twitter:hover, .socialDiv a.icon-twitter:active {color: #5bc0de; background-color: transparent; }

.socialLinkPadding {margin: 0 .7em;}





/* BUTTONS */
input[type="submit"], input[type="reset"], button, .button, h5 a
{ font-size: 15px; letter-spacing: .1em; border-radius: 0; display:inline-block; text-decoration: none; text-transform: uppercase; margin: 0; color: #000; border-bottom: 2px solid #000; font-weight: 600; text-align: center; background-image: linear-gradient(to top, transparent, transparent 50%, #333 50%, #333); background-position: 0 -96%; background-size: 100% 200%; padding: 3px; transition: all .25s ease-in;}
.marginBottom10 {margin-bottom: 1em;}
.main a.button:link, .main a.button:visited {text-decoration: none !important;}
.main a.button:hover {color: #fff;}

input[type="submit"]:focus, input[type="submit"]:hover, input[type="submit"]:active, input[type="reset"]:focus, input[type="reset"]:hover, input[type="reset"]:active, button:focus, button:hover, button:active, .button:focus, .button:hover, .button:active, h5 a:hover, h5 a:active
{ color: #fff; text-decoration: none; background-position: 0 0; outline:0;}
button.stacker:focus, button.stacker:hover, button.stacker:active { color: #000;}
div.gallery {margin: 5em 0; }

@media only screen and (min-width: 900px) {
	.entry-content > p {width: 60%; margin: 1em auto;}
}


/* HOME */

.mainHome {max-width: 1920px; margin: 0 2em; width: calc(100vw - 4em);}

.home .main.milkText {padding: 0; background-color: transparent; }
.milkText {position:relative;}
.milkTextMask {position:relative; top: 0; right: 0; z-index: 1;}
.milkTextMask img {width: 100%; height:auto;}
.milkTextPic {position: fixed; z-index: -1; padding: 3px;}
.milkTextPic img {width: 99.5%; height:auto; }


.home .striking {margin: 0; text-align: center; padding: 0 2em 2.3em 2em;}
.home {background-color: #fff; margin-top: -2px;}
@media only screen and (max-width: 600px) {
	.home .striking {padding: 0 0em 2.3em 0em;}
}



.home .entry-thumbnail {position: absolute; top: 0px; left: 0px; z-index: 29; opacity: 1; display: block; visibility: visible;}


.wpcf7-form p {width: 100%; margin: 3px 0;}
.headerImage {height: 30vw; overflow:hidden; position:relative;}
	.home .headerImage {height: 39vw; }
.headerImage img {min-width:100vw; top: 50%; -webkit-transform:translate(0,-50%);transform:translate(0,-50%);position:absolute; }
@media only screen and (max-width: 900px) {
	.headerImage, .home .headerImage {height: 39vw;}
}


/* PROJECTS OVERVIEW archive */
.projectsOverview {padding: 2em 0; width: calc(100% + 20px); margin-left: -10px;}
.projectsOverview H3 {font-size: 1em; line-height: 1em; text-transform: uppercase; margin: .4em 0; color: #6a6a6a;}

.projectsOverview article {width: calc(33.33333% - 20px); margin-bottom: 1em; margin-right: 10px; margin-left: 10px;}
.projectsOverview article img {width:100%; filter:grayscale(100%); transition:filter .5s;}
		.projectsOverview article:hover img {filter:grayscale(0%);}

/* text align onload */
.projectsOverview article h3 {text-align: left;}
.projectsOverview article:nth-of-type(3n + 2) h3 {text-align: center;}
.projectsOverview article:nth-of-type(3n + 3) h3 {text-align: right;}
/* text align once filtered */
.projectsOverview article.is-visible-0 h3 {text-align: left;}
.projectsOverview article.is-visible-1 h3 {text-align: center;}
.projectsOverview article.is-visible-2 h3 {text-align: right;}

@media screen and (max-width: 999px) {
	.projectsOverview {margin-left: -12px;} /* mobiles seem to add a few pixels to left of window */
		.no-touch .projectsOverview {margin-left: -10px;}
	.projectsOverview article {width: calc(50% - 20px); }
	.projectsOverview article img {filter:grayscale(0%);}
	.projectsOverview article:nth-of-type(n) h3, .projectsOverview .is-visible-0 h3, .projectsOverview .is-visible-1 h3, .projectsOverview .is-visible-2 h3 {text-align: left;}
}


.stacker {height: 3.4em;}
.stacker button {background: none; border: none;}
html.no-touch .stacker button:hover, html.no-touch .stacker button:active {color: #000;}
.stacker button:after {font-family: FontAwesome; display: inline-block; text-decoration: none; font-weight: 100; content:'\f078'; margin-left: .5em;}
ul.stack {list-style-type: none; padding: 0; margin: 0; position:absolute; background-color: #fff; z-index:30;}
.stack li {padding: 0; margin: 0; }
.stack li a {text-transform:uppercase; padding: .5em 1.5em .5em .2em; margin: .5em 0; letter-spacing:.1em; display: block;}
.stack li a.is-checked {font-weight: 600; background-color: #fff;}


/* NEWS OVERVIEW also used for Coming Soon on home */
.newsOverview {background-color: #f5f5f5; padding-bottom: 6em;}
.newsOverview h2 {text-align: center; padding: 2.8em 0 2.7em 0; margin-bottom: 0;}
.newsOverview h5 {margin: 0.7em 0; line-height: 1.2em;font-size: 12px;}

.newsOverview .flex > a {width: 23%; display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; margin-bottom: 1.8em; margin-right: 2%;}
.newsOverview .flex > a:nth-of-type(4n) {margin-right: 0;}
.newsOverview article {background-color: #fff; padding: 1.5em; background-image: url('img/newsCorner.svg'); background-repeat: no-repeat; background-position: bottom right; background-size: 50px;}
.newsOverview article {display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; -ms-flex: 1 0 auto; flex:1 0 auto; }
	_:-ms-fullscreen, :root .newsOverview article {height: 500px;} /* ie11 only */
html.no-touch .newsOverview article:hover {background-image: url('img/newsCornerMO.svg'); background-color: #fff;}
.newsOverview .flex > a:link, .newsOverview .flex > a:visited {color: #979797; text-decoration: none; }
html.no-touch .newsOverview .flex > a:hover, html.no-touch .newsOverview .flex > a:active {color: #000; text-decoration: none; }
.newsOverview article p {font-size: 0.9em; margin-top: 0; }

.newsCrop {overflow: hidden;}
.newsCrop img { transition: transform .2s; transition-timing-function:ease-out;}
html.no-touch .newsOverview article:hover .newsCrop img {transform: scale(1.1);}

@media screen and (max-width: 1000px) {
	.newsOverview article p {display: none;}
}

@media screen and (max-width: 1199px) {
	.newsOverview h2 {padding: 1.8em 0;}
}
@media screen and (max-width: 899px) {
	.newsOverview .flex {-ms-flex-wrap:wrap; flex-wrap:wrap;}
	.newsOverview .flex > a {width: 49%;}
	.newsOverview .flex > a:nth-of-type(2n) {margin-right: 0;}
}
@media screen and (max-width: 399px) {
	.newsOverview h5 {font-size: 11px;}
}





/* TEAM */
.teamOverview article {transition: all .5s; width: 100%; clear:both; display:-ms-flexbox;display:-webkit-flex;display:flex;margin-bottom: 4em; }
.teamPhoto {text-align: right; vertical-align:center;}
.teamPhoto img {width: 60%; margin: 4em 0;}
.teamPhoto {width: 50%;}
.teamOverview .verticalCenter {width: auto;}
.teamTitle {width: 50%; position:relative;}
.teamTitle h3 {font-size: 2.1em; text-transform: uppercase; padding:0; font-family: 'GFS Didot', serif; margin: 0;}
.teamTitle h4 {text-transform: uppercase; padding:0; margin: .3em 0; letter-spacing: .1em; font-weight: 600;}
.teamTitle p {padding:0; margin:0; }
.teamTitle .padding {padding: 0 6em;}

.teamOverview article:nth-of-type(2n + 2) .teamPhoto {-ms-flex-order:2; order:2; text-align: left;}
.teamOverview article:nth-of-type(2n + 2) .teamTitle {-ms-flex-order:1; order:1;}

@media screen and (max-width: 1399px) {
	.teamPhoto img {width: 100%; margin:0;}
	.teamPhoto {width: 40%;}
	.teamTitle {width: 60%;}
	.teamTitle .padding {padding: 0 0 0 3em;}
	.teamOverview article:nth-of-type(2n + 2) .teamTitle .padding {padding: 0 3em 0 0;}
	.teamOverview .verticalCenter {position:relative;}
}

@media screen and (max-width: 1199px) {
	.teamTitle p {font-size: .9em;}
}

@media screen and (max-width: 599px) {
	.teamOverview article {display:block;}
	.teamPhoto, .teamTitle {width: 100%;}
	.teamOverview article:nth-of-type(n) .teamPhoto {-ms-flex-order: 1; order:1;}
	.teamOverview article:nth-of-type(n) .teamTitle {-ms-flex-order:2; order:2;}
	.teamOverview article:nth-of-type(n) .teamTitle .padding {padding: 0;}
	.teamOverview .verticalCenter {top: 0; -webkit-transform: translate(0,0); transform: translate(0,0);}
}



main > article > .entry-content, .main > article > .entry-content{ margin-bottom: 2em;}
.home main > article > .entry-content{ margin: 6em 4em 2em 4em;}
p.striking { font-size: 2.3em; line-height: 1.5; font-family:'GFS Didot', serif; margin-top: -.3em;}
.page-id-14 .striking { font-size: 1.5em; line-height: 1.2; font-family: 'Montserrat', sans-serif; font-weight: 400; margin-top: 0;} /* contact page */
html.no-touch main > article > .entry-content p.striking a:hover,
html.no-touch main > article > .entry-content p.striking a:active,
html.no-touch .main > article > .entry-content p.striking a:hover,
html.no-touch .main > article > .entry-content p.striking a:active {color: black; }


@media screen and (max-width: 1199px) {
	.striking { font-size: 1.8em; }
}
@media screen and (max-width: 799px) {
	.striking { font-size: 1.4em; }
}


/* CONTACT */
.twoCol {width: 100%; vertical-align: top; margin:0; margin-bottom: 3em;}
.contactPage .twoCol img {width: 100%;}


@media only screen and (min-width: 800px) {
	.twoCol {width: 50%; vertical-align: top; float: left;margin-bottom: 0em; }
	.contactPage .twoCol {width: 46%;}
	.contactPage .twoCol:nth-of-type(1) {margin-right: 8%;}
}
@media only screen and (max-width: 799px) {
	.twoCol .verticalCenter {position:relative; }
}


.size-windowwidth {width: 100vw; position: relative; left: 50%; transform: translateX(-50vw); max-width: none; margin:5em 0; display: block;}
.entry-content :nth-child(1).size-windowwidth {margin-top: 0;}

.gallery-overlay .cross {color: white; font-size: 42px; }
@media only screen and (min-width: 671px) { .gallery-overlay .cross:hover { color: #000000; } }

footer .links {font-size: 0.65em; }
footer .links {background: #363636; padding-top: 30px; margin-top: 0; margin-bottom: 0; text-transform: uppercase; font-size: 1em; list-style: none; }
footer .links li {display: inline-block; padding: 0 1.5em; }

@media screen and (max-width: 710px) {footer .links li { display: block; margin-left: -10px; margin-right: -10px; } }
html.no-touch footer .links li:focus a,
html.no-touch footer .links li:hover a,
html.no-touch footer .links li:active a {text-decoration: underline; }
footer .links a {line-height: 2.7; }

.related-summary {display: inline-block; width: 33.333%; vertical-align: top; padding: 0 6px; }
body.page-child .related-summary { width: 50%; }
@media only screen and (max-width: 850px) { .related-summary { width: 50%; } }
@media only screen and (max-width: 600px) { .related-summary { width: 100%; } }











/* PARALLELOGRAM */
.flickity-viewport {background-color: #d5d5d5;}
.carouselCell {width: 25vw; transform: skew(-12deg); height: 25vw; overflow: hidden; opacity: 1; border-right: 1.6vw solid #fff;}
	.carouselCell:nth-of-type(1) {border-left: 1.6vw solid #fff;}
.carouselCellSkew {width: 33vw; transform: skew(12deg); margin-left: -4vw; position:relative;}
.carouselCellSkew .verticalCenter {display: block;}
.carouselCellSkew h5 {margin: 0 7vw 0 5vw; color: #fff;}
.carouselCellSkew p {display: none; color: #fff;}
.carouselCellSkew img {filter:brightness(80%);}

@media screen and (min-width:800px){
	.carouselCellSkew img {filter:grayscale(100%) brightness(80%); transition:filter .5s;}
	html.no-touch .carouselCellSkew:hover img {filter:grayscale(0%) brightness(80%);}
}
@media screen and (max-width:699px){
	.carouselCell {width:50vw; height:50vw; }
	.carouselCellSkew {width:66vw; margin-left: -8vw;}
	/* .flickity-prev-next-button {display: none;} */
}
@media screen and (min-width:1400px){
	.carouselCellSkew p {font-size: .9em; font-weight: 500; position: absolute; margin: 15vw 7vw 0 5vw; transition: margin.5s; display:block; }
	html.no-touch .carouselCellSkew:hover p {margin-top: 1em;}
}
@media screen and (min-width:1900px){
	.carouselCell {width:490px; height:490px; border-right: 30px solid #fff;}
	.carouselCellSkew {width:650px; margin-left:-80px; }
}




/* MEDIA OBJECT */
.mediaObject {margin: 60px 0; flex-wrap: nowrap;}
.mediaObjectPic, .mediaObjectText {align-items: center; display:-ms-flexbox; display:flex; flex:1 0 auto; width: 50%;}
.right .mediaObjectPic {-ms-flex-order: 2; order:2;}
.right .mediaObjectText {-ms-flex-order: 1; order:1;}
body:not(.home) .mediaObjectText p {font-weight: 100; font-family:'GFS Didot', serif; font-size:2em; margin: 0;}
@media screen and (max-width:900px){
	body:not(.home) .mediaObjectText p {font-size:1.75em;}
}

.mediaObject.image-width-quarter .mediaObjectPic { width: 25%; }
.mediaObject.image-width-quarter .mediaObjectText { width: 75%; }

/* SERVICES OVERVIEW HOME */
.serviceOverview2x2 .padding, .mediaObjectText .padding {width: 80%; padding: 0 10%;}

.serviceOverview2x2 article {width:calc(50% - 0.6vw); margin:0 1vw 1vw 0; float: left; overflow: hidden;}
.serviceOverview2x2 article:nth-of-type(even) {margin-right: 0;}
.serviceOverview2x2text {position:absolute; bottom: 0; color: #fff; padding: 0 1vw; font-size: .9em; width: calc(100% - 2vw); 	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */}
.serviceOverview2x2text p {display: none;}

@media screen and (min-width:800px){
	.serviceOverview2x2 img {filter:grayscale(100%) brightness(80%); transition:filter .5s;}
		html.no-touch .serviceOverview2x2 a:hover img {filter:grayscale(0%) brightness(80%);}
}

@media screen and (min-width:1300px){
	.serviceOverview2x2text p {display: block; position:absolute; bottom: -30vw; transition: all .5s;}
	html.no-touch a:hover .serviceOverview2x2text p {bottom: 0vw; width: calc(100% - 2vw);}
	.serviceOverview2x2text h5 {margin-bottom: 1vw;transition: all .5s;}
	html.no-touch a:hover .serviceOverview2x2text h5 {margin-bottom: 10vw;}
}

@media screen and (min-width:1500px){
	html.no-touch a:hover .serviceOverview2x2text h5 {margin-bottom: 7.5vw;}
}


@media screen and (max-width:1299px){
	.serviceOverview2x2 .padding, .mediaObjectText .padding {width: 80%; padding: 0 10%;}
}
@media screen and (max-width:799px){
	.serviceOverview2x2 .padding, .mediaObjectText .padding {width: 100%; padding: 0;}
	.serviceOverview2x2 .verticalCenter, .mediaObject.flex, .mediaObjectPic, .mediaObjectText {display: block; width: 100%;}
}


/* GALLERY ON SERVICES ARCHIVE */
.servicesArchive div.gallery {margin: 0; width: calc(100% + 2em);}
.servicesArchive div.gallery figure {margin: 0; padding: 16px;}
@media screen and (max-width:799px){
	.servicesArchive div.gallery {display: none;}
}
html.no-touch .servicesArchive div.gallery figure:hover .gallery-icon img {opacity: 1;}
.servicesArchive figure:hover .servicesArchive .gallery-icon::after {display: none;}
html.no-touch .servicesArchive div.gallery figure:hover {cursor:default; }
html.no-touch .servicesArchive div.gallery figure {pointer-events: none;}


/* SERVICES OVERVIEW ARCHIVE */
.servicesOverview {margin-top: 2em; margin-bottom: 2em;width: calc(100% + 2em); margin-left: -1em;}
.servicesDiv {position: relative; margin: 16px; }
.servicesPic03, .servicesPic02 {display: none;}
.servicesOverview h3 {font-family:'GFS Didot', serif; text-transform: uppercase; margin: 0; font-size: 1.6em;}
.servicesOverview p {margin: 0; font-size: .9em; color: #666;}
.servicesOverview p.viewMore {margin-top: .9em;}
.servicesDiv .button {font-size: .9em;}
.servicesText {vertical-align: middle;}



@media screen and (min-width: 799px) {
 .servicesOverview {margin-top: 0; margin-bottom: 0; 	 display:-ms-grid; display: grid; 	 -ms-grid-columns:1fr 1fr; grid-template-columns: repeat(2, 1fr); }

 .servicesOverview:nth-of-type(2n+1) .servicesPic01{ -ms-grid-column: 1; -ms-grid-row: 1; grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end:1; 	}
 .servicesOverview:nth-of-type(2n+1) .servicesText{ -ms-grid-column: 2; -ms-grid-row: 1; grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end:1; 	}
 .servicesOverview:nth-of-type(2n+2) .servicesPic01 {	-ms-grid-column: 2; -ms-grid-row: 1; grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end:1; }
 .servicesOverview:nth-of-type(2n+2) .servicesText { -ms-grid-column: 1; -ms-grid-row: 1; grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end:1; }
}

@media screen and (min-width: 1199px) {
	.servicesPic02, .servicesPic03 {display: block}
	.servicesOverview {
	 display:-ms-grid; display: grid; 	 -ms-grid-columns:1fr 1fr 1fr 1fr; grid-template-columns: repeat(4, 1fr); 	 -ms-grid-rows:1fr 1fr; grid-template-rows: 1fr 1fr;}

	/* ROW 1 */
 .servicesOverview:nth-of-type(6n+1) .servicesPic01 { -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 1; -ms-grid-row-span:2; grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end:3; }
 .servicesOverview:nth-of-type(6n+1) .servicesPic02 { -ms-grid-column: 3; -ms-grid-row: 1; grid-column-start: 3; grid-column-end: 4; grid-row-start: 1; grid-row-end:2; 	}
 .servicesOverview:nth-of-type(6n+1) .servicesPic03 { -ms-grid-column: 4; -ms-grid-row: 1; grid-column-start: 4; grid-column-end: 5; grid-row-start: 1; grid-row-end:2; 	}
 .servicesOverview:nth-of-type(6n+1) .servicesText {margin-top: -0.7em; -ms-grid-column: 3; -ms-grid-column-span: 2; -ms-grid-row: 2; grid-column-start: 3; grid-column-end: 5; grid-row-start: 2; grid-row-end:3; 	}

	/* ROW 2 */
 .servicesOverview:nth-of-type(6n+2) .servicesPic01 { -ms-grid-column: 2; -ms-grid-column-span: 2; -ms-grid-row: 1; -ms-grid-row-span:2; grid-column-start: 2; grid-column-end: 4; grid-row-start: 1; grid-row-end:3; }
 .servicesOverview:nth-of-type(6n+2) .servicesPic02 { -ms-grid-column: 4; -ms-grid-row: 1; grid-column-start: 4; grid-column-end: 5; grid-row-start: 1; grid-row-end:2; 	}
 .servicesOverview:nth-of-type(6n+2) .servicesPic03 { -ms-grid-column: 4; -ms-grid-row: 2; grid-column-start: 4; grid-column-end: 5; grid-row-start: 2; grid-row-end:3; 	}
 .servicesOverview:nth-of-type(6n+2) .servicesText { -ms-grid-column: 1; -ms-grid-row: 1; -ms-grid-row-span:2; grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end:3; }

	/* ROW 3 */
 .servicesOverview:nth-of-type(6n+3) .servicesPic01 { -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 1; -ms-grid-row-span:2; grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end:3; }
 .servicesOverview:nth-of-type(6n+3) .servicesPic02 { -ms-grid-column: 3; -ms-grid-row: 2; grid-column-start: 3; grid-column-end: 4; grid-row-start: 2; grid-row-end:3; 	}
 .servicesOverview:nth-of-type(6n+3) .servicesPic03 { -ms-grid-column: 4; -ms-grid-row: 2; grid-column-start: 4; grid-column-end: 5; grid-row-start: 2; grid-row-end:3; 	}
 .servicesOverview:nth-of-type(6n+3) .servicesText { -ms-grid-column: 3; -ms-grid-column-span: 2; -ms-grid-row: 1; -ms-grid-row-span:1; grid-column-start: 3; grid-column-end: 5; grid-row-start: 1; grid-row-end:2; }

	/* ROW 4 */
 .servicesOverview:nth-of-type(6n+4) .servicesPic01 { -ms-grid-column: 3; -ms-grid-column-span: 2; -ms-grid-row: 1; -ms-grid-row-span:2; grid-column-start: 3; grid-column-end: 5; grid-row-start: 1; grid-row-end:3; }
 .servicesOverview:nth-of-type(6n+4) .servicesPic02 { -ms-grid-column: 1; -ms-grid-row: 1; grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end:2; 	}
 .servicesOverview:nth-of-type(6n+4) .servicesPic03 { -ms-grid-column: 2; -ms-grid-row: 1; grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end:2; 	}
 .servicesOverview:nth-of-type(6n+4) .servicesText {margin-top: -0.7em; -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 2; grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end:3; }

	/* ROW 5 */
 .servicesOverview:nth-of-type(6n+5) .servicesPic01 { -ms-grid-column: 2; -ms-grid-column-span: 2; -ms-grid-row: 1; -ms-grid-row-span:2; grid-column-start: 2; grid-column-end: 4; grid-row-start: 1; grid-row-end:3; }
 .servicesOverview:nth-of-type(6n+5) .servicesPic02 { -ms-grid-column: 1; -ms-grid-row: 1; grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end:2; 	}
 .servicesOverview:nth-of-type(6n+5) .servicesPic03 { -ms-grid-column: 1; -ms-grid-row: 2; grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end:3; 	}
 .servicesOverview:nth-of-type(6n+5) .servicesText { -ms-grid-column: 4; -ms-grid-row: 1; -ms-grid-row-span:2; grid-column-start: 4; grid-column-end: 5; grid-row-start: 1; grid-row-end:3; }

	/* ROW 6 */
 .servicesOverview:nth-of-type(6n+6) .servicesPic01 { -ms-grid-column: 3; -ms-grid-column-span: 2; -ms-grid-row: 1; -ms-grid-row-span:2; grid-column-start: 3; grid-column-end: 5; grid-row-start: 1; grid-row-end:3; }
 .servicesOverview:nth-of-type(6n+6) .servicesPic02 {}
 .servicesOverview:nth-of-type(6n+6) .servicesPic03 {}
 .servicesOverview:nth-of-type(6n+6) .servicesText { -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 1; -ms-grid-row-span:2; grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end:3; }

}




.size-windowwidth {width: 100vw; position: relative; left: 50%; transform: translateX(-50vw); max-width: none; margin:5em 0;}

.gallery-overlay .cross {color: white; font-size: 42px; }
@media only screen and (min-width: 671px) {.no-touch .gallery-overlay .cross:hover { color: #000000; } }


/* MASONARY GRID */
@media only screen and (min-width: 600px) {
	div.gallery.layout-masonry { display:-ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; grid-template-rows:1fr 1fr; margin: 0 -4px; -ms-grid-rows:160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px 160px ; }
	div.gallery.layout-masonry {width: calc(100% + 8px); }
	div.gallery.style-window {width: calc(94vw + 8px);}
	div.gallery .gallery-item {padding: 4px; display: block;}

	/* standard grid 1 - 40 */
	div.gallery.layout-masonry .gallery-item:nth-of-type(1) { grid-area: 1 / 1 / 3 / 3; -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-row-span:2; -ms-grid-column-span: 2; }
	div.gallery.layout-masonry .gallery-item:nth-of-type(2) { grid-area: 1 / 3 / 2 / 4; -ms-grid-row: 1; -ms-grid-column: 3; }
	div.gallery.layout-masonry .gallery-item:nth-of-type(3) { grid-area: 2 / 3 / 3 / 4; -ms-grid-row: 2; -ms-grid-column: 3; }
	div.gallery.layout-masonry .gallery-item:nth-of-type(4) { grid-area: 3 / 1 / 5 / 2; -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-row-span:2; }
	div.gallery.layout-masonry .gallery-item:nth-of-type(5) { grid-area: 3 / 2 / 5 / 4; -ms-grid-row: 3; -ms-grid-column: 2; -ms-grid-row-span:2; -ms-grid-column-span: 2; }
	div.gallery.layout-masonry .gallery-item:nth-of-type(6) { grid-area: 5 / 1 / 7 / 3; -ms-grid-row: 5; -ms-grid-column: 1; -ms-grid-row-span:2; -ms-grid-column-span: 2; }
	div.gallery.layout-masonry .gallery-item:nth-of-type(7) { grid-area: 5 / 3 / 7 / 4; -ms-grid-row: 5; -ms-grid-column: 3; -ms-grid-row-span:2;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(8) { grid-area: 7 / 1 / 8 / 2; -ms-grid-row: 7; -ms-grid-column: 1; }
	div.gallery.layout-masonry .gallery-item:nth-of-type(9) { grid-area: 8 / 1 / 9 / 2; -ms-grid-row: 8; -ms-grid-column: 1; }
	div.gallery.layout-masonry .gallery-item:nth-of-type(10) { grid-area: 7 / 2 / 9 / 4; -ms-grid-row: 7; -ms-grid-column: 2; -ms-grid-row-span:2; -ms-grid-column-span: 2; }

	div.gallery.layout-masonry .gallery-item:nth-of-type(11) { grid-area: 9 / 1 / 11 / 3; -ms-grid-row: 9; -ms-grid-column: 1; -ms-grid-row-span:2; -ms-grid-column-span: 2; }
	div.gallery.layout-masonry .gallery-item:nth-of-type(12) { grid-area: 9 / 3 / 10 / 4; -ms-grid-row: 9; -ms-grid-column: 3; }
	div.gallery.layout-masonry .gallery-item:nth-of-type(13) { grid-area: 10 / 3 / 11 / 4; -ms-grid-row: 10; -ms-grid-column: 3; }
	div.gallery.layout-masonry .gallery-item:nth-of-type(14) { grid-area: 11 / 1 / 13 / 2; -ms-grid-row: 11; -ms-grid-column: 1; -ms-grid-row-span:2;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(15) { grid-area: 11 / 2 / 13 / 4; -ms-grid-row: 11; -ms-grid-column: 2; -ms-grid-row-span:2; -ms-grid-column-span: 2;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(16) { grid-area: 13 / 1 / 15 / 3; -ms-grid-row: 13; -ms-grid-column: 1; -ms-grid-row-span:2; -ms-grid-column-span: 2;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(17) { grid-area: 13 / 3 / 15 / 4; -ms-grid-row: 13; -ms-grid-column: 3; -ms-grid-row-span:2;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(18) { grid-area: 15 / 1 / 16 / 2; -ms-grid-row: 15; -ms-grid-column: 1;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(19) { grid-area: 16 / 1 / 17 / 2; -ms-grid-row: 16; -ms-grid-column: 1; }
	div.gallery.layout-masonry .gallery-item:nth-of-type(20) { grid-area: 15 / 2 / 17 / 4; -ms-grid-row: 15; -ms-grid-column: 2; -ms-grid-row-span:2; -ms-grid-column-span: 2; }

	div.gallery.layout-masonry .gallery-item:nth-of-type(21) { grid-area: 17 / 1 / 19 / 3; -ms-grid-row: 17; -ms-grid-column: 1; -ms-grid-row-span:2; -ms-grid-column-span: 2; }
	div.gallery.layout-masonry .gallery-item:nth-of-type(22) { grid-area: 17 / 3 / 18 / 4; -ms-grid-row: 17; -ms-grid-column: 3;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(23) { grid-area: 18 / 3 / 19 / 4; -ms-grid-row: 18; -ms-grid-column: 3;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(24) { grid-area: 19 / 1 / 21 / 2; -ms-grid-row: 19; -ms-grid-column: 1; -ms-grid-row-span:2;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(25) { grid-area: 19 / 2 / 21 / 4; -ms-grid-row: 19; -ms-grid-column: 2; -ms-grid-row-span:2; -ms-grid-column-span: 2;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(26) { grid-area: 21/ 1 / 23 / 3; -ms-grid-row: 21; -ms-grid-column: 1; -ms-grid-row-span:2; -ms-grid-column-span: 2;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(27) { grid-area: 21 / 3 / 23 / 4; -ms-grid-row: 21; -ms-grid-column: 3; -ms-grid-row-span:2;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(28) { grid-area: 23/ 1 / 24 / 2; -ms-grid-row: 23; -ms-grid-column: 1;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(29) { grid-area: 24 / 1 / 25 / 2; -ms-grid-row: 24; -ms-grid-column: 1; }
	div.gallery.layout-masonry .gallery-item:nth-of-type(30) { grid-area: 23 / 2 / 25 / 4; -ms-grid-row: 23; -ms-grid-column: 2; -ms-grid-row-span:2; -ms-grid-column-span: 2; }

	div.gallery.layout-masonry .gallery-item:nth-of-type(31) { grid-area: 25 / 1 / 27 / 3; -ms-grid-row: 25; -ms-grid-column: 1; -ms-grid-row-span:2; -ms-grid-column-span: 2; }
	div.gallery.layout-masonry .gallery-item:nth-of-type(32) { grid-area: 25 / 3 / 26 / 4; -ms-grid-row: 25; -ms-grid-column: 3;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(33) { grid-area: 26 / 3 / 27 / 4; -ms-grid-row: 26; -ms-grid-column: 3;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(34) { grid-area: 27 / 1 /29 / 2; -ms-grid-row: 27; -ms-grid-column: 1; -ms-grid-row-span:2;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(35) { grid-area: 27 / 2 / 29 / 4; -ms-grid-row: 27; -ms-grid-column: 2; -ms-grid-row-span:2; -ms-grid-column-span: 2;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(36) { grid-area: 29 / 1 / 31 / 3; -ms-grid-row: 29; -ms-grid-column: 1; -ms-grid-row-span:2; -ms-grid-column-span: 2;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(37) { grid-area: 29 / 3 / 31 / 4; -ms-grid-row: 29; -ms-grid-column: 3; -ms-grid-row-span:2;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(38) { grid-area: 31 / 1 / 32 / 2; -ms-grid-row: 31; -ms-grid-column: 1;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(39) { grid-area: 32 / 1 / 33 / 2; -ms-grid-row: 32; -ms-grid-column: 1; }
	div.gallery.layout-masonry .gallery-item:nth-of-type(40) { grid-area: 31 / 2 / 33 / 4; -ms-grid-row: 31; -ms-grid-column: 2; -ms-grid-row-span:2; -ms-grid-column-span: 2; }

	/* 1 */
	div.gallery.layout-masonry .gallery-item:nth-child(1):nth-last-child(1) { grid-area: 1 / 1 / 3 / 4; }
	/* 2 */
	div.gallery.layout-masonry .gallery-item:nth-child(1):nth-last-child(2) { grid-area: 1 / 1 / 3 / 3; }
	div.gallery.layout-masonry .gallery-item:nth-child(2):nth-last-child(1) { grid-area: 1 / 3 / 3 / 4; }
	/* 4 */
	div.gallery.layout-masonry .gallery-item:nth-child(2):nth-last-child(3) { grid-area: 1 / 3 / 3 / 4; }
	div.gallery.layout-masonry .gallery-item:nth-child(3):nth-last-child(2) { grid-area: 3 / 1 / 5 / 2; }
	div.gallery.layout-masonry .gallery-item:nth-child(4):nth-last-child(1) { grid-area: 3 / 2 / 5 / 4; }
	/* 6 */
	div.gallery.layout-masonry .gallery-item:nth-child(4):nth-last-child(3) { grid-area: 3 / 1 / 4 / 2; }
	div.gallery.layout-masonry .gallery-item:nth-child(5):nth-last-child(2) { grid-area: 4 / 1 / 5 / 2; }
	div.gallery.layout-masonry .gallery-item:nth-child(6):nth-last-child(1) { grid-area: 3 / 2 / 5 / 4; }
	/* 8 */
	div.gallery.layout-masonry .gallery-item:nth-child(7):nth-last-child(2) { grid-area: 5 / 3 / 6 / 4; }
	div.gallery.layout-masonry .gallery-item:nth-child(8):nth-last-child(1) { grid-area: 6 / 3 / 7 / 4; }
	/* 9 */
	div.gallery.layout-masonry .gallery-item:nth-child(8):nth-last-child(2) { grid-area: 7 / 1 / 9 / 2; }
	div.gallery.layout-masonry .gallery-item:nth-child(9):nth-last-child(1) { grid-area: 7 / 2 / 9 / 4; }
	/* 11 */
	div.gallery.layout-masonry .gallery-item:nth-child(8):nth-last-child(4) { grid-area: 7/1/9/2; }
	div.gallery.layout-masonry .gallery-item:nth-child(9):nth-last-child(3) { grid-area: 9/3/11/4; }
	/* 12 */
	div.gallery.layout-masonry .gallery-item:nth-child(12):nth-last-child(1) { grid-area: 9/3/11/4; }
	/* 14 */
	div.gallery.layout-masonry .gallery-item:nth-child(12):nth-last-child(3) { grid-area: 9/3/11/4; }
	div.gallery.layout-masonry .gallery-item:nth-child(13):nth-last-child(2) { grid-area: 11/1/13/2; }
	div.gallery.layout-masonry .gallery-item:nth-child(14):nth-last-child(1) { grid-area: 11/2/13/4; }
}

div.gallery {clear:both;}

@media only screen and (min-width: 1100px) {
	div.gallery .gallery-item {padding: 8px;}
}



/* GALLERY 2.0 */
.gallery {margin: 50px 0; }

div.gallery.style-window {transform: translateX(-50%); position: relative; left: 50%; width: calc(100vw + 18px); margin: 3em 0;}
div.gallery.style-standard {	width: 100%; }


.gallery-icon::after {content: "+"; font-family: FontAwesome; text-decoration: none; font-weight: 100; position: absolute; top: calc(50% - 25px); left: 50%; transform: translate(-50%); color: #fff; font-size: 5em; display: none; line-height: 35px; width: 50px; height: 50px;}
.no-touch figure:hover .gallery-icon::after { display: inline-block;}

div.gallery.layout-three-column figure { width: 50%; display: inline-block;	}
div.gallery .gallery-item {padding:0 4px;}


@media only screen and (min-width: 600px) {
	div.gallery.layout-three-column figure {width: 33.3333%;
		display: inline-block;
	}
	div.gallery .gallery-item {padding:4px;}
}




div.gallery.style-scrollingstrip {
margin:3.5em 0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);position:relative;left:50%;width:calc(100vw + 6px); height: 480px; /* amb */
}
div.gallery.style-scrollingstrip figure > div img,
div.gallery.style-scrollingstrip figure > span img{max-width:none; width: auto; height: 100%;}
div.gallery.style-scrollingstrip figure {width: auto; height: 480px; padding:0 2px;overflow:hidden;}
div.gallery.style-scrollingstrip figure>div,
div.gallery.style-scrollingstrip figure>span{height: 480px;overflow:hidden}

div.gallery.style-scrollingstrip { margin: 3.5em 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); position: relative; left: 50%; width: calc(100vw + 6px); height: 480px; padding-top: 0; }

div.gallery.style-scrollingstrip figure > div img,
div.gallery.style-scrollingstrip figure > span img { max-width: none; width: auto; height: 480px; }

div.gallery.style-scrollingstrip figure {
	width: auto; height: 480px; padding: 0 2px; overflow: hidden;
	font-size: 0.9em;
	line-height: 2;
}

div.gallery.style-scrollingstrip figure > div,
div.gallery.style-scrollingstrip figure > span { overflow: hidden}


div.gallery.style-scrollingstrip .flickity-prev-next-button{width:50px; height:55px; padding: 1em; background: rgba(0,0,0,.2); border-radius: 0;}
	div.gallery.style-scrollingstrip .flickity-prev-next-button:hover{background: rgba(0,0,0,.7);}
div.gallery.style-scrollingstrip .flickity-prev-next-button svg{position: absolute; left: 3px; top: 3px; width: 18px; height: 18px; padding: 14px;}
div.gallery.style-scrollingstrip .flickity-prev-next-button .arrow{fill:#fff}


@media screen and (max-width:1220px){
	div.gallery.style-scrollingstrip .flickity-prev-next-button.previous{left:10px}
	div.gallery.style-scrollingstrip .flickity-prev-next-button.next{right:0px}
}

div.gallery.style-scrollingstrip .flickity-prev-next-button.previous{left:30px}
div.gallery.style-scrollingstrip .flickity-prev-next-button.next{right:30px}


body.overlaidgallery>.gallery-overlay.active{display:block;width:100%;height:100%;background:rgba(0,0,0,.85);position:fixed;top:0;left:0;z-index:999999999}
.gallery-detail{background:0 0;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:15vh 0 0}
.gallery-detail .owl-carousel{height:100%}
.gallery-detail .owl-carousel .owl-item .galleryrest h2 {font-size:1em; color:#fff; text-transform: none; font-family: 'Montserrat', sans-serif;}
.gallery-detail .owl-carousel .owl-item .galleryrest :not(h2),
.gallery-detail .owl-carousel .owl-item .galleryrest .slideCount {display:none}
.gallery-detail {height:90%}
.owl-carousel,.owl-item,.owl-item>div,.owl-wrapper,.owl-wrapper-outer{height:100%}
.gallery-detail .owl-carousel .owl-item>div{display:-webkit-box; display:-moz-box; display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.gallery-detail .owl-carousel .owl-item>div .galleryimg{-webkit-box-flex:1;-moz-box-flex:1;width:100%;-webkit-flex:1;-ms-flex:1;flex:1;position:relative; height: 100%; }
.gallery-detail .owl-carousel .owl-item>div .galleryimg img{width:100%; height: 100%; object-fit:contain;}

.gallery-detail .owl-carousel .owl-pagination{margin-top:2em}
.owl-page{display:inline-block;padding:0 6px;color:#f7f7f7}
.no-touch .owl-page.active,html.no-touch .owl-page:hover{color:#fff;background:#555}
.gallery-overlay .cross{cursor:pointer;display:block;position:absolute;z-index:10000;top:30px;right:30px;text-align:right;margin-right:5px;width: 2em; height: 2em;background: url('img/iconX.svg')no-repeat; background-size: 60px; background-position: center; text-indent: 999px; opacity:.8;}
html.no-touch .gallery-overlay .cross:hover{opacity:1}
.owl-prev{margin-right:20px;padding-right:3px;left:20px;left:-100px}
.owl-next{margin-left:20px;padding-left:3px;right:20px;right:-100px}
.gallery-detail .owl-carousel div.owl-next,.gallery-detail .owl-carousel div.owl-prev
{position:absolute;z-index:10000;top:50%;display:block;width:100px;height:100px;cursor:pointer;line-height:30px;text-align:center; padding: .4em; text-indent: 9999px; opacity:.8}
.gallery-detail .owl-carousel div.owl-next {background: url('img/iconChevronRight.svg')no-repeat; background-size: 60px; background-position: center;}
.gallery-detail .owl-carousel div.owl-prev {background: url('img/iconChevronLeft.svg')no-repeat; background-size: 60px; background-position: center;}
.no-touch .gallery-detail .owl-carousel div.owl-next:hover, .no-touch .gallery-detail .owl-carousel div.owl-prev:hover {opacity:1}

div#pag{text-align:center;color:#fff;padding:1em 0}
.owl-pagination{display:none}
.gallery-detail .owl-carousel{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative;margin:0 120px;width:calc(100% - 240px);box-sizing:border-box}
.owl-carousel .owl-wrapper-outer{position:absolute}
div.gallery-detail{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.entry-content div.related-wrap:last-child{margin-bottom:0}
html.no-touch div.gallery figure:hover {cursor: pointer; }



/*! Flickity v2.0.5
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled{position:relative}
.flickity-enabled:focus{outline:0}
.flickity-viewport{overflow:hidden;position:relative;height:100%}
.flickity-slider{position:absolute;width:100%;height:100%}
.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab;overflow-x: scroll;}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}
.flickity-prev-next-button{position:absolute;top:53%;width:60px;height:60px;border:none;cursor:pointer;-webkit-transform:translateY(-50%);transform:translateY(-50%); background-color: rgba(0,0,0,.5) !important; background-image: none;}
	.flickity-prev-next-button:hover, .flickity-prev-next-button:focus, .flickity-prev-next-button:active {background-color: rgba(0,0,0,.8)!important;}
.flickity-prev-next-button.previous{left:0;}
.flickity-prev-next-button.next{right:0;}
.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}
.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}
.flickity-prev-next-button:disabled{opacity:0;cursor:auto}
.flickity-prev-next-button svg{position:absolute;left:35%;top:35%;width:30%;height:30%}
.flickity-prev-next-button .arrow{fill:#fff}
.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}
.flickity-rtl .flickity-page-dots{direction:rtl}
.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}
.flickity-page-dots .dot.is-selected{opacity:1}

div.gallery.style-standard .gallery-icon {position:relative; width: 100%; height: 0; padding-bottom: 66.6666%; /* amb - force aspect ratio on overview images */}
div.gallery.style-standard .gallery-item img {width: 100%; height: 100%; /* position: absolute; */ object-fit: cover; font-family: 'object-fit: cover; object-position: bottom;'; position: absolute; left: 0; top: 0; }

@media only screen and (max-width: 650px) {
	.gallery-item {pointer-events: none;}
}


.wp-video {margin: 1em auto;
}


div.gallery {
	margin-top: 5em !important;
	margin-bottom: 5em !important;
}


.videowrapper {
	clear: both; // need clearfix or wrapper on media blocks
	width: 100%;
	position: relative;
	margin: 30px 0;
	text-align: center;
}
	.videowrapper > div {
		position: relative;
		padding-bottom: 56.25%;
		// 16:9
		height: 0;
	}

	.videowrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}