/*/* CSS */
/* PAGE: AAA */
/* AUTHOR: hyperstud.io */

@font-face {
    font-family: 'Suisse';
    src: url('../fonts/SuisseIntl-Regular.otf') format('opentype'),
        url('../fonts/SuisseIntl-Regular.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Suisse';
    src: url('../fonts/SuisseIntl-RegularItalic.otf') format('opentype'),
        url('../fonts/SuisseIntl-RegularItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}


@font-face {
    font-family: 'Suisse';
    src: url('../fonts/SuisseIntl-Bold.otf') format('opentype'),
        url('../fonts/SuisseIntl-Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Suisse';
    src: url('../fonts/SuisseIntl-BoldItalic.otf') format('opentype'),
        url('../fonts/SuisseIntl-BoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}






html, body{
	margin:0;
	padding:0;
	font-family: 'Suisse', Helvetica, Arial, Sans-serif;
	color:#111;
	font-size:15px;
    font-weight:500;
	width:100%;
	height:100%;
    background:#fff;
    position: relative;

    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
    -webkit-touch-callout: none;

    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    


}





/* Table */

.table{
	display:table;
	width:100%;
	height:100%;
}

.table-row{
	display:table-row;
}

.table-cell{
	display:table-cell;
	width:100%;
	height:100%;	
	vertical-align: middle;
	text-align:center;
}


.onehalf, .onethird, .twothird,
.onefourth{
    display:inline-block;
    vertical-align: top;
    position: relative;
}

.onehalf{
    width:50%;
}

.onethird{
    width:33.33%;
}

.twothird{
    width:66.66%;
}

.onefourth{
    width:25%;
}


/* border-box */

*{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}



/* Header */

header{
    position: absolute;
    top:0px;
    left:0px;
    width:100%;
    height:220px;
    background:#fff;
    padding:20px 0 30px 0;
    z-index: 100;

    webkit-transition:top 200ms ease-in-out;
    -moz-transition:top 200ms ease-in-out;
    transition:top 200ms ease-in-out;

}

header:after{
    content:"";
    position: absolute;
    bottom:-30px;
    right:0px;
    left:0px;
    height:30px;
    pointer-events:none;

    -webkit-box-shadow: inset 0 30px 30px -30px rgba(0,0,0,0.5);
    -moz-box-shadow:    inset 0 30px 30px -30px rgba(0,0,0,0.5);
    box-shadow:         inset 0 30px 30px -30px rgba(0,0,0,0.5);

}


header.fixed{
    position: fixed;
    top:0px;
}

header.out{
    top:-220px;
}


header nav{
    display: block;
    position: relative;
    background:#fff;
    margin-bottom:10px;
}

header nav a{
    margin-right:53px;
    z-index: 2;
}

header nav a:last-child{
    margin-right:0px !important;
}

header .title-wrapper{
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    position: relative;
    top:5px;
}

header .title-wrapper .aaa{
    display: inline-block;
    vertical-align: top;
    margin-right:17px;
    letter-spacing: 0.12em;
    pointer-events:all;
}

header .title-wrapper span{
    display: inline-block;
    vertical-align: top;    
    text-transform: capitalize;
}

header .controls{
    display: inline-block;
    vertical-align: bottom;
    position: relative;
    top:-27px;
    padding-left: 30px;
    display: none;
}

body#network header .controls,
body#press header .controls{
    display: inline-block;
}

.btn,
.btn:focus,
.btn:visited{
    display: inline-block;
    vertical-align: top;
    padding:10px 15px 8px 15px;
    border-radius: 20px;
    cursor: pointer;
    border:2px solid #000;
    text-align: center;
    margin-right:10px;
    font-size:17px;
    font-weight:700;
    line-height: 1em;
    width:135px;
}

.btn.selected{
    background:#000;
    color:#fff;
}



header .search{
    position:absolute;
    top:0px;
    right:20px;
    width:180px;
}


header .search .overlay{
    position: absolute;
    width:25px;
    height:25px;
    top:0px;
    left:0px;
    color:#111;
    padding:5px 0 0 5px;
    cursor: pointer;

    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTIwMCIgaGVpZ2h0PSIxMjAwIiB2aWV3Qm94PSIwIDAgMTIwMCAxMjAwIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MDAgNjAwKSBzY2FsZSgtMC42OSAwLjY5KSByb3RhdGUoMCkgdHJhbnNsYXRlKC02MDAgLTYwMCkiIHN0eWxlPSJmaWxsOiMwMDAwMDAiPjxzdmcgZmlsbD0iIzAwMDAwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwMCAxMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGQ9Ik05NSw4NS4zOTJMNjkuMDQxLDU5LjQzM2MzLjAyMy01LjExOSw0Ljc4OS0xMS4wNjMsNC43ODktMTcuNDI2YzAtMTguOTc3LTE1LjQzOS0zNC40MTQtMzQuNDE2LTM0LjQxNCAgQzIwLjQ0LDcuNTkzLDUsMjMuMDMsNSw0Mi4wMDdzMTUuNDQsMzQuNDEzLDM0LjQxNCwzNC40MTNjNy43MDEsMCwxNC43OTUtMi41NzMsMjAuNTM2LTYuODYzTDg1LjM5Miw5NUw5NSw4NS4zOTJ6IE0zOS40MTQsNjIuODMyICBjLTExLjQ4MiwwLTIwLjgyNS05LjM0Mi0yMC44MjUtMjAuODI0czkuMzQzLTIwLjgyNSwyMC44MjUtMjAuODI1YzExLjQ4NSwwLDIwLjgyNyw5LjM0MywyMC44MjcsMjAuODI1ICBTNTAuODk5LDYyLjgzMiwzOS40MTQsNjIuODMyeiI+PC9wYXRoPjwvc3ZnPjwvZz48L3N2Zz4=);
    background-size:100% auto;
    background-repeat: no-repeat;
    background-position: center;
}

.input-wrapper{
    display: block;
    padding-left:30px;
    border-bottom:2px solid #888;    
}

header .search input[type="text"]{
    display: block;
    height:25px;
    width:100%;
    border:none;
    background:none;
    color:#111;
    font-family: 'Suisse';
    font-size:13px;
    font-weight: 700;
    line-height: 1em;
}









/* Template */

#wrapper{
    display:block;
    width:100%;
    height:100%;
    margin:0 auto;
    opacity: 1;
}

#wrapper.invisible{
    opacity: 0;
}


.wrapper{
    position: relative;
    display: block;
    width:100%;
    margin:0 auto;
    padding:0 20px;
}

.wrapper.small{
    max-width:1440px;
}


main{
    padding-top:220px;
    min-height: 100%;

    opacity: 1;
    -webkit-transition:opacity 200ms ease-in-out;
    -moz-transition:opacity 200ms ease-in-out;
    transition:opacity 200ms ease-in-out;
}

body:not(#home) main{
    margin-bottom:40px;
}

main.fadeout{
    opacity: 0.5;
}


section#introduction{
    display: block;
    height:calc(100vh - 220px);
    background:gray;
}

section#introduction .slideshow-wrapper{
    height:100%;
}

section#introduction .slideshow{
    height:100%;
}

section#introduction .slideshow .flickity-viewport{
    height:100% !important;
}


section#introduction .slideshow .slide{
    position: relative;
    width:100%;
    height:100%;    
}

section#introduction .slideshow .slide img{
    position: absolute;
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
    margin:auto;
    width:1000%;
    height:1000%;
    max-width:100%;
    max-height:100%;
    object-fit:cover;
}

section#introduction .slideshow .slide .wrapper{
    position: absolute;
    bottom:20px;
    left:0px;
    right:0px;
}

section#introduction .slideshow .flickity-prev-next-button{
    width:50px;
    height:50px;
    bottom: 0px;
    margin: auto 0;    
}











/* Pages */

.page{
    display: block;
    padding-top:70px;
}

section.module.padding-0{
    margin-bottom:0px;
}

section.module.padding-1{
    margin-bottom:20px;
}

section.module.padding-2{
    margin-bottom:70px;
}

section.module.padding-3{
    margin-bottom:200px;
}


/* 1 Text */

section.module.style-1 .title{
    display: block;
    width:auto;
}

section.module.style-1 .padding-between{
    margin-top:20px;
}

.schemaplace{
    display: block;
}

.schemaplace span,
.schemaplace a{
    word-break: break-all;
}


/* 2 Image */

section.module.style-2 img{
    width:100%;
    height:auto;
}

/* 4 Video */

section.module.style-4 .text{
    margin-top:40px;
}


/* 5 PDFs */

section.module.style-5{
    margin-bottom:20px !important;
}

/* 10 Story */

section.module.style-10{
    display: block;
    margin-bottom: 70px;
}

section.module.style-10:last-child{
    margin-bottom:0px;
}

section.module.style-10 .wrapper{
    position: relative;
    display: block;
}



section.module.style-10 .wrapper .onehalf.first,
section.module.style-10 .wrapper .onehalf.second{
    display: inline-block;
    vertical-align: bottom;
}

section.module.style-10 .wrapper .onehalf.first{
    padding-right:20px;    
    width:42%;
}

section.module.style-10 .wrapper .onehalf.second{
    width:58%;
}

section.module.style-10 .wrapper .onehalf.first img{
    width:100%;
    height:auto;
}

section.module.style-10 .wrapper .onehalf.second .title{
    margin-bottom:40px;
}




/* Newsletter */

section.module.style-13{
    font-size:20px;
}

section.module.style-13 #mc_embed_signup{

}

section.module.style-13 #mc_embed_signup .mc-field-group{
    position: relative;
}

section.module.style-13 #mc_embed_signup .mc-input-wrapper{
    display: block;
}

section.module.style-13 #mc_embed_signup input[type="email"]#mce-EMAIL{
    display: block;
    width:100%;
    font-family: 'Suisse';
    font-size: 24px;
    background:transparent;
    border:none;
    border-bottom:2px solid #111;
    padding:5px 0;
}

section.module.style-13 #mc_embed_signup input[type="submit"]#mc-embedded-subscribe{
    position: absolute;
    top:7px;
    right:0px;
    width:42px;
    height:25px;
    margin:auto 0;
    border:none;
    background:none;
    background-image:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMTExMTExIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIiB2aWV3Qm94PSIwIDAgMTYuOTMzMzMzIDE2LjkzMzMzNCIgdmVyc2lvbj0iMS4xIiB4PSIwcHgiIHk9IjBweCI+PHN2ZzpnPjxzdmc6cGF0aCBzdHlsZT0iY29sb3I6IzAwMDAwMDtmb250LXN0eWxlOm5vcm1hbDtmb250LXZhcmlhbnQ6bm9ybWFsO2ZvbnQtd2VpZ2h0Om5vcm1hbDtmb250LXN0cmV0Y2g6bm9ybWFsO2ZvbnQtc2l6ZTptZWRpdW07bGluZS1oZWlnaHQ6bm9ybWFsO2ZvbnQtZmFtaWx5OnNhbnMtc2VyaWY7Zm9udC12YXJpYW50LWxpZ2F0dXJlczpub3JtYWw7Zm9udC12YXJpYW50LXBvc2l0aW9uOm5vcm1hbDtmb250LXZhcmlhbnQtY2Fwczpub3JtYWw7Zm9udC12YXJpYW50LW51bWVyaWM6bm9ybWFsO2ZvbnQtdmFyaWFudC1hbHRlcm5hdGVzOm5vcm1hbDtmb250LWZlYXR1cmUtc2V0dGluZ3M6bm9ybWFsO3RleHQtaW5kZW50OjA7dGV4dC1hbGlnbjpzdGFydDt0ZXh0LWRlY29yYXRpb246bm9uZTt0ZXh0LWRlY29yYXRpb24tbGluZTpub25lO3RleHQtZGVjb3JhdGlvbi1zdHlsZTpzb2xpZDt0ZXh0LWRlY29yYXRpb24tY29sb3I6IzAwMDAwMDtsZXR0ZXItc3BhY2luZzpub3JtYWw7d29yZC1zcGFjaW5nOm5vcm1hbDt0ZXh0LXRyYW5zZm9ybTpub25lO3dyaXRpbmctbW9kZTpsci10YjtkaXJlY3Rpb246bHRyO3RleHQtb3JpZW50YXRpb246bWl4ZWQ7ZG9taW5hbnQtYmFzZWxpbmU6YXV0bztiYXNlbGluZS1zaGlmdDpiYXNlbGluZTt0ZXh0LWFuY2hvcjpzdGFydDt3aGl0ZS1zcGFjZTpub3JtYWw7c2hhcGUtcGFkZGluZzowO2NsaXAtcnVsZTpub256ZXJvO2Rpc3BsYXk6aW5saW5lO292ZXJmbG93OnZpc2libGU7dmlzaWJpbGl0eTp2aXNpYmxlO29wYWNpdHk6MTtpc29sYXRpb246YXV0bzttaXgtYmxlbmQtbW9kZTpub3JtYWw7Y29sb3ItaW50ZXJwb2xhdGlvbjpzUkdCO2NvbG9yLWludGVycG9sYXRpb24tZmlsdGVyczpsaW5lYXJSR0I7c29saWQtY29sb3I6IzAwMDAwMDtzb2xpZC1vcGFjaXR5OjE7dmVjdG9yLWVmZmVjdDpub25lO2ZpbGw6IzExMTExMTtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6ZXZlbm9kZDtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MC41MjkxNjY3O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2UtZGFzaG9mZnNldDowO3N0cm9rZS1vcGFjaXR5OjE7cGFpbnQtb3JkZXI6ZmlsbCBtYXJrZXJzIHN0cm9rZTtjb2xvci1yZW5kZXJpbmc6YXV0bztpbWFnZS1yZW5kZXJpbmc6YXV0bztzaGFwZS1yZW5kZXJpbmc6YXV0bzt0ZXh0LXJlbmRlcmluZzphdXRvO2VuYWJsZS1iYWNrZ3JvdW5kOmFjY3VtdWxhdGUiIGQ9Im0gMi4xMTcxODE3LDMuOTY4NTAxNyBjIC0wLjI5Nzc0LDAgLTAuNTI5NjgsMC4yMzE5MyAtMC41Mjk2OCwwLjUyOTY3IHYgNy45Mzc1MDAzIGMgMCwwLjI5NzczIDAuMjMxOTQsMC41MjkxNiAwLjUyOTY4LDAuNTI5MTYgSCAxNC44MTYxNTIgYyAwLjI5NzczLDAgMC41Mjk2OCwtMC4yMzE0MyAwLjUyOTY4LC0wLjUyOTE2IFYgNC40OTgxNzE3IGMgMCwtMC4yOTc3NCAtMC4yMzE5NSwtMC41Mjk2NyAtMC41Mjk2OCwtMC41Mjk2NyB6IG0gMS4zMTIwNjksMS41ODU5MyBhIDAuMjY0NjA5ODIsMC4yNjQ2MDk4MiAwIDAgMSAwLjE1MDg5MSwwLjA0MjkgbCA0Ljg4NjAxLDMuMDg2MTMgNC44ODU0OTAzLC0zLjA4NjEzIGEgMC4yNjQ4ODI2NiwwLjI2NDg4MjY2IDAgMSAxIDAuMjgyNjcsMC40NDgwNSBsIC01LjAyNzYwMDMsMy4xNzUgYSAwLjI2NDYwOTgyLDAuMjY0NjA5ODIgMCAwIDEgLTAuMjgyNjcsMCBsIC01LjAyNjA1LC0zLjE3NSBhIDAuMjY0NjA5ODIsMC4yNjQ2MDk4MiAwIDAgMSAwLjEzMTI1OSwtMC40OTA5NCB6Ij48L3N2ZzpwYXRoPjwvc3ZnOmc+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: center center;
    background-size:100% auto;
    cursor: pointer;
}

section.module.style-13 #mc_embed_signup input[type="submit"]#mc-embedded-subscribe.active{
    background-image:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMTExMTExIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uO3RleHQtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjtpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyIgdmlld0JveD0iMCAwIDg0NyA4NDciIHg9IjBweCIgeT0iMHB4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4KICAgCiAgICAuZmlsMCB7ZmlsbDojMTExMTExfQogICAKICA8L3N0eWxlPjwvZGVmcz48Zz48cGF0aCBjbGFzcz0iZmlsMCIgZD0iTTc1IDE4NGMzNywtMzYgNzMsLTcyIDEwOSwtMTA5IDgwLDgwIDE2MCwxNjAgMjM5LDIzOSA4MCwtNzkgMTYwLC0xNTkgMjM5LC0yMzkgMzcsMzcgNzMsNzMgMTA5LDEwOSAtNzksODAgLTE1OSwxNjAgLTIzOSwyMzkgODAsODAgMTYwLDE2MCAyMzksMjM5IC0zNiwzNyAtNzIsNzMgLTEwOSwxMDkgLTc5LC03OSAtMTU5LC0xNTkgLTIzOSwtMjM5IC03OSw4MCAtMTU5LDE2MCAtMjM5LDIzOSAtMzYsLTM2IC03MiwtNzIgLTEwOSwtMTA5IDgwLC03OSAxNjAsLTE1OSAyMzksLTIzOSAtNzksLTc5IC0xNTksLTE1OSAtMjM5LC0yMzl6Ij48L3BhdGg+PC9nPjwvc3ZnPg==);
    background-size:contain;
    background-position: center right;

}

section.module.style-13 #mc_embed_signup #mergeRow-gdpr{
    display: block;
    margin-top:20px;
}

section.module.style-13 #mc_embed_signup .content__gdpr{
    display: block;
}


section.module.style-13 #mc_embed_signup .mc-checkbox-wrapper{
    display: inline-block;
    vertical-align: top;
}

section.module.style-13 #mc_embed_signup .content__gdprLegal{
    display: block;
}

section.module.style-13 #mc_embed_signup .content__gdprLegal:before{
    content:"";
    display: block;
    height:15px;
}


section.module.style-13 #mc_embed_signup .mc_fieldset{
    position: relative;
    display: block;
    margin-right:100px;
}


section.module.style-13 #mc_embed_signup .more{
    position: absolute;
    top:0px;
    right:4px;
    cursor:pointer;
    padding-left:20px;
}

section.module.style-13 #mc_embed_signup .more:before{
    content:"";
    position: absolute;
    top:-1px;
    left:0px;
    width:15px;
    height:15px;
    background:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMTExMTExIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMyIDMyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTE2LDI1Yy0wLjIsMC0wLjUtMC4xLTAuNy0wLjJsLTE0LTEyYy0wLjQtMC40LTAuNS0xLTAuMS0xLjRjMC40LTAuNCwxLTAuNSwxLjQtMC4xTDE2LDIyLjdsMTMuMy0xMS40ICBjMC40LTAuNCwxLTAuMywxLjQsMC4xYzAuNCwwLjQsMC4zLDEuMS0wLjEsMS40bC0xNCwxMkMxNi41LDI0LjksMTYuMiwyNSwxNiwyNXoiPjwvcGF0aD48L3N2Zz4=);
    background-size:contain;
    background-position: center center;
    background-repeat: no-repeat;
}

section.module.style-13 #mc_embed_signup.open .more:before{
    top:1px;
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    transform:rotate(180deg);
}



section.module.style-13 #mc_embed_signup input[type="checkbox"] {
    position: absolute;
    left: -15px;
    opacity: 0;
}

section.module.style-13 #mc_embed_signup input[type="checkbox"]+label:before {
    content: "";
    position: absolute;
    top:-3px;
    left:0px;
    width: 15px;
    height: 15px;
    border-radius: 5px;
    border: 2px solid #111;
    background-color: transparent;
}

section.module.style-13 #mc_embed_signup input[type="checkbox"]:checked+label:before {
    background-color: #111;
    background-size:20px 20px;
    background-position: center center;
    background-repeat: no-repeat;
}

section.module.style-13 #mc_embed_signup input[type="checkbox"]+label{
    display: block;
    padding-left:27px;
    cursor: pointer;
}

section.module.style-13 #mc_embed_signup .wysiwyg{
    font-size:12px;
    line-height: 1.3em;
    color:#555;
}

section.module.style-13 #mc_embed_signup div.mce_inline_error{
    background:#111 !important;
    padding:8px 10px 6px 10px;
    font-size:15px;
}

section.module.style-13 #mc_embed_signup .content__gdpr div.mce_inline_error{
    margin:10px 0 0px 0;
}

section.module.style-13 #mc_embed_signup #mce-responses{
    margin-top:20px;
    font-family: 'Suisse';
    font-size: 24px;
}

section.module.style-13 .wysiwyg a,
section.module.style-13 .wysiwyg a:visited
section.module.style-13 .wysiwyg a:active{
    display: inline;
    border-bottom:2px solid #111;
}







.links{
    display: block;
}

.links .link{
    display: block;
    border-bottom:2px solid #111;
    padding:8px 0 8px 0;
    overflow-x: hidden;
}

.links .link:first-child{
    border-top:2px solid #111;
}

.links .link .head{
    display: block;
    position: relative;
} 

.links .link .onethird.first,
.links .link .onethird.second{
    padding-right:10px;
}

.links .link .onethird.first{
    width:45%;
}

.links .link .onethird.second{
    width:40%;    
}

.links .link .onethird.third{
    width:15%;
    text-align: right;
    padding-right:50px;
}









/* Special needs */

#contact main{

}

#contact .page{
    display: inline-block;
    vertical-align: top;
    width:40%;
    padding-right:50px;
    min-width: calc(560px);
}

#contact .right{
    display: inline-block;
    vertical-align: top;    
    padding-top:70px;
    width:280px;
    max-width:calc(100vw - 600px);
}

#contact .right .title{
    margin-bottom:20px;
}




.notification{
    position: relative;
    display: block;
    background:red;
    color:#fff;
    padding:5px; 
    
}

.notification.invisible{
    display: none;
}

.notification > .close{
    position: absolute;
    top:5px;
    right:5px;
    width:20px;
    height:20px;
    background-image:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZmZmZmZmIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uO3RleHQtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjtpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyIgdmlld0JveD0iMCAwIDg0NyA4NDciIHg9IjBweCIgeT0iMHB4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4KICAgCiAgICAuZmlsMCB7ZmlsbDojZmZmZmZmfQogICAKICA8L3N0eWxlPjwvZGVmcz48Zz48cGF0aCBjbGFzcz0iZmlsMCIgZD0iTTc1IDE4NGMzNywtMzYgNzMsLTcyIDEwOSwtMTA5IDgwLDgwIDE2MCwxNjAgMjM5LDIzOSA4MCwtNzkgMTYwLC0xNTkgMjM5LC0yMzkgMzcsMzcgNzMsNzMgMTA5LDEwOSAtNzksODAgLTE1OSwxNjAgLTIzOSwyMzkgODAsODAgMTYwLDE2MCAyMzksMjM5IC0zNiwzNyAtNzIsNzMgLTEwOSwxMDkgLTc5LC03OSAtMTU5LC0xNTkgLTIzOSwtMjM5IC03OSw4MCAtMTU5LDE2MCAtMjM5LDIzOSAtMzYsLTM2IC03MiwtNzIgLTEwOSwtMTA5IDgwLC03OSAxNjAsLTE1OSAyMzksLTIzOSAtNzksLTc5IC0xNTksLTE1OSAtMjM5LC0yMzl6Ij48L3BhdGg+PC9nPjwvc3ZnPg==);
    background-size:contain;
    cursor:pointer;
}

#contact #newsletter-signup .notification{
    position: absolute;
    top:100%;
    left:0px;
    right:0px;
    margin:0 auto;
    z-index: 2;
}

#enquiry .notification{
    margin-bottom:10px;
}













 body#current .highlight{
    display: block;
    position: relative;
    padding-top:46%;
}

.highlight img{
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
    width:200%;
    height:200%;
    max-width:100%;
    max-height:100%;
    margin:auto;
    object-fit:cover;

}

body#current .highlight .wrapper{
    position: absolute;
    bottom:40px;
    left:0px;
    right:0px;
}

body#current #exhibitions{
    display: block;
    padding-top:30px;
}


body#buy .highlight{
    display: block;
}

body#buy .highlight .wrapper{
    padding:50px 20px;
}

body#buy .highlight .img-wrapper{
    position: relative;
    padding-top:30%;
    overflow:hidden;
}




/* Exhibition */

section#intro img{
    width:100%;
    height:auto;
}

section#intro .wrapper.first{
    padding-top:50px;
    padding-bottom:50px;
}

section#intro .wrapper.second{
    padding-top:50px;
    padding-bottom:50px;
}

section#intro .wrapper.second .alignright{
    display: inline-block;
    vertical-align: top;
    width:66.66%;
    text-align: left;
    padding-left:5px;
}

section#intro .wrapper.second .alignright .text{
    margin-top:20px;
}

section#intro .wrapper.second .pdfs{
    display: block;
    margin-top:30px;
}

section#intro .wrapper.second .pdfs h2{
    margin-bottom:15px;
}

section#intro .wrapper.second .pdfs a,
.network-item .content a{
    text-decoration: underline;
    margin-bottom:7px;
}

section#intro .wrapper.second .pdfs a:hover,
.network-item .content a:hover{
    text-decoration: none;
}

body#exhibition section#intro .wrapper.second{
    text-align: right;
}

section#intro .wrapper.second .zfs .onehalf.first{
    padding-right:20px;
}

body#product section#intro .wrapper.third{
    padding-top:100px;
    text-align: right;
}

body#product section#intro .shopify{
    display: block;
    margin-top:20px;
}

body#product section#intro .shopify .btn.btn-shopify{
    position: relative;
    width:auto;
    padding:8px 20px 6px 20px;
}

body#product section#intro .wysiwyg.disclaimer{
    margin-top:30px;
}

body#product section#intro .wrapper.third .wysiwyg{
    display: inline-block;
    vertical-align: top;
    width:66.66%;
    text-align: left;
}

body#product section#gallery{
    margin-top:100px;
}

.slideshow-wrapper{
    display: block;
    position: relative;
}

.slideshow-wrapper .slideshow-control{
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    padding-top: 10px;
}

.slideshow-wrapper .slideshow-control .title{
    display: block;
    margin-right:50px;
}

.slideshow-wrapper .slideshow-control .paginator{
    position: absolute;
    top:10px;
    right:0px;
    text-align: right;
}


.slideshow-wrapper:after{
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width:20px;
    height:20px;

    border: 4px solid #111;
    border-radius: 50%;
    border-color: transparent rgba(0,0,0,1) rgba(0,0,0,1);
    animation: cssload-spin 1s infinite linear;
    -o-animation: cssload-spin 1s infinite linear;
    -ms-animation: cssload-spin 1s infinite linear;
    -webkit-animation: cssload-spin 1s infinite linear;
    -moz-animation: cssload-spin 1s infinite linear;

    opacity: 0;

    -webkit-transition:opacity 400ms ease-in-out;
    -moz-transition:opacity 400ms ease-in-out;
    transition:opacity 400ms ease-in-out;
}

.slideshow-wrapper.loading:after{
    opacity: 1;
}

.slideshow-wrapper .slideshow-small{
    
    opacity: 1;

    -webkit-transition:opacity 400ms ease-in-out;
    -moz-transition:opacity 400ms ease-in-out;
    transition:opacity 400ms ease-in-out;

}

.slideshow-wrapper.loading .slideshow-small{
    
    opacity: 0;

}




section#intro .slideshow-products .slide{
    width:100%;
    height:auto;
}

section#intro .slideshow-products .slide img{
    width:100%;
    height:auto;
}


/*.flickity-viewport,
.flickity-slider,*/
.slide,
.slide img{
    /*
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);*/

    -webkit-transform-style: preserve-3d;

    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;    
}





/* Grid */

.grid{
    display: block;
    margin-left:-20px;
    font-size:0px;
}

.grid .row{
    position: relative;
    margin-bottom:100px;
}

.grid .item{
    display: inline-block;
    vertical-align: top;
    background:#fff;   
    width:33.33%;
    position: absolute;
    left:0px;
}

.grid .item .inner{
    display: inline-block;
    vertical-align: top;
    width:100%;
    padding-left:20px;
    text-align: left;
}

.grid .item .item-link{
    display: block;
}

.grid .item[data-width="3"]{
    width:100%;
}

.grid .item[data-x="1"]{
    left:33.33%;
}

.grid .item[data-x="2"]{
    left:66.66%;
}

.grid .item[data-width="3"][data-align="1"]{
    text-align: right;
}


body#exhibition .grid .item[data-width="3"][data-align="1"] .btn.btn-enquiry{
    left:33.33%;
    margin-left:20px;
}

.grid .item[data-width="3"] .inner{
    width: 66.66%;
}

.grid .item img{
    width:100%;
    height:auto;
}

/* Grid mobile */

.grid-mobile{
    display: block;
    margin-left:-15px;
    font-size:0px;
}

.grid-mobile .item{
    display: inline-block;
    vertical-align: top;
    background:#fff;   
    width:100%;
    margin-bottom:30px;
}

body#exhibition .grid-mobile .item{
    /*padding-bottom:30px;*/
}

.grid-mobile .item .inner{
    position: relative;
    display: inline-block;
    vertical-align: top;
    width:100%;
    padding-left:20px;
    text-align: left;
}

.grid-mobile .item .btn-enquiry{
    /*width:auto;*/
    height:30px;
    right:0px;
    bottom:-40px;
    margin-right:0px;
}

.grid-mobile .item .item-link{
    display: block;
}

.grid-mobile .item[data-width="4"],
section#products .grid-mobile .item[data-width="3"]{
    width:100%;
}

.grid-mobile .item[data-width="4"][data-align="1"],
section#products .grid-mobile .item[data-width="3"][data-align="1"]{
    text-align: right;
}

.grid-mobile .item[data-width="4"] .inner,
section#products .grid-mobile .item[data-width="3"] .inner{
    width: 75%;
}

.grid-mobile .item img{
    width:100%;
    height:auto;
}

.grid-mobile .item .details{
    display: block;
    margin-top:15px;
}

.grid-mobile .item .more{
    display: none !important;
}

.grid-mobile .item .btn-enquiry{
    position: relative !important;
    top:auto !important;
    left:auto !important;
    bottom:auto !important;
    margin-top:20px !important;
}





/* Grid -> Current */

body#current .grid .item .details{
    display: block;
    margin-top:12px;
}

body#current .grid .item .details .more{
    margin-top:10px;
}




/* Grid -> Insights / Social Media */

.grid{
    opacity: 0;

    -webkit-transition:opacity 400ms ease-in-out;
    -moz-transition:opacity 400ms ease-in-out;
    transition:opacity 400ms ease-in-out;
}

.grid.visible{
    opacity: 1;
}



body#insights section.module.style-12{
    margin-top:70px;    
}

section.module.style-12{
    display: block;
}

section.module.style-12 .grid .row{
    margin-bottom: 50px;
}

section.module.style-12 .grid .item{
    width:50%;
}

section.module.style-12 .grid .item[data-x="1"]{
    left:50%;
}

section.module.style-12 .grid .item .inner{
    position: relative;
}

section.module.style-12 .grid .item .photos{
    display: block;
    margin-left:-20px;
}

section.module.style-12 .grid .item[data-photos="1"] .photos{
    text-align: center;
    padding-top:100px;
}

section.module.style-12 .grid .item .photos .onehalf{
    padding-left:20px;
    text-align: left;
}

.item .photos .onehalf .details{
    display: block;
    margin-top:20px;
}

.item .photos .onehalf .profile{
    display: block;
    margin-bottom:15px;
}

.item .photos .onehalf .profile .avatar{
    display: inline-block;
    vertical-align: top;
    width:40px;
    border-radius: 100%;
    overflow: hidden; 
}

.item .photos .onehalf .profile .username{
    display: inline-block;
    vertical-align: top;
    width:calc(100% - 50px);
    padding-left:12px;
}

.item .quote{
    position: absolute;
    bottom:0px;
    left:20px;
    right:0px;
    margin:0 auto;
    height:auto;
    pointer-events:none;
}

.item .quote .wysiwyg h1{
    text-align: left !important;
}

section.module.style-12 .grid .item.hasquote .inner{

}




/* Grid -> Products */

section#products{
    margin-top:70px;
}

section#products .grid .item{
    width:33.33%;
}

section#products .grid .item[data-width="1"]{
    width:33.33%;
}
section#products .grid .item[data-width="2"]{
    width:66.66%;
}
section#products .grid .item[data-width="3"]{
    width:100%;
}


section#products .grid .item[data-x="1"]{
    left:33.33%;
}
section#products .grid .item[data-x="2"]{
    left:66.66%;
}

section#products .grid[data-align="1"] .item[data-width="3"]{
    text-align: right;
}

section#products .item:not([data-width="3"]) .inner .img-wrapper{
    padding-top:135%;
    position: relative;
}

section#products .item:not([data-width="3"]) .inner .img-wrapper img{
    position: absolute;
    left:0px;
    right:0px;
    bottom:0px;
    margin:0 auto;
    max-height: 100%;
    object-fit: contain;    
}

section#products .item[data-size="1"] .inner .img-wrapper img,
section#products .item[data-size="1"] .details{
    max-width:90%;
}

section#products .item[data-size="2"] .inner .img-wrapper img,
section#products .item[data-size="2"] .details{
    max-width:80%;
}

section#products .item[data-size="3"] .inner .img-wrapper img,
section#products .item[data-size="3"] .details{
    max-width:70%;
}


section#products .grid .item[data-width="3"] .inner{
    width:66.66%;
}

section#products .grid .item .details{
    display: block;
    margin:12px auto 0 auto;
}

section#products .grid-mobile .item:not([data-width="3"]) .inner .img-wrapper img{
    margin:0;
}









/* Recommended */

body#exhibition section#recommended{
    display: block;
}

body#exhibition section#recommended h3{
    padding:50px 0;
}

body#exhibition section#recommended .zfs{
    margin-left:-20px;
}

body#exhibition section#recommended .exhibition{
    display: inline-block;
    vertical-align: top;
    margin-bottom:50px;
    width:33.33%;
}

body#exhibition section#recommended .exhibition .inside{
    display: block;
    padding-left:20px;
}

body#exhibition section#recommended .exhibition img{
    width:100%;
    height:auto;
}

body#exhibition section#recommended .exhibition .details{
    display: block;
    margin-top:12px;
}

body#exhibition section#recommended .exhibition .details .more{
    margin-top:10px;
}



/* Network */

body#network .links{
    padding-top:70px;
}

.network-item .head .onethird.first{
    width:50%;
}

.network-item .head .onethird.second{
    width:33%;
}

.network-item .head .onethird.third{
    width:16%;
    text-align: left;
    padding-right:50px;
}

.network-item .head .close{
    position: absolute;
    top:2px;
    right:0px;
    width:30px;
    height:30px;
    margin:auto 0;

    opacity: 0;

    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    transform:rotate(0deg);

    -webkit-transition:transform 400ms ease-in-out, opacity 150ms ease-in-out;
    -moz-transition:transform 400ms ease-in-out, opacity 150ms ease-in-out;
    transition:transform 400ms ease-in-out, opacity 150ms ease-in-out;

}

.network-item .head .close:before,
.network-item .head .close:after{
    content:"";
    position: absolute;
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
    width:24px;
    height:2px;
    margin:auto;
    background:#111;
}

.network-item .head .close:after{
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    transform:rotate(90deg);
}


.network-item.open .head .close{
    opacity: 1;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg);
}


body#search-result .network-item .head .close{
    display: none !important
}


.network-item.open .head .p1{
    font-weight:600;
}



.network-item .content{
    display: none;
}

.network-item .content:before{
    content:"";
    display: block;
    height:10px;
}


.network-item .content:before,
.network-item .content:after{
    content:"";
    display: block;
    height:20px;
}

.network-item .content .onehalf.first .title{
    display: block;
    margin-bottom:20px;
}

.network-item .content .onehalf.first .text{
    display: block;
    margin-bottom:20px;
}

.network-item .content .onehalf.first .extra{
    display: block;
    margin-bottom:20px;
}

.network-item .content .onehalf.first .extra:last-child{
    margin-bottom:0px;
}

.network-item .content .onehalf.first{
    padding-right:20px;
}

.network-item .content .onehalf.second{

}





body#network .link .content .onehalf.second .slideshow-wrapper{
    position: relative;
    display: block;
}
/*
body#network .slideshow-small.trans-height .flickity-viewport{
    -webkit-transition:height 200ms ease-in-out;
    -moz-transition:height 200ms ease-in-out;
    transition:height 200ms ease-in-out;
}*/

body#network .slideshow-small .slide{
    width:100%;
    height:auto;
}

body#network .slideshow-small .slide img{
    width:100%;
    height:auto;
}

.onlyone{
    cursor: default !important;
    pointer-events: none !important;
}



/* Search Result */

body#search-result #posts{
    padding-top:70px;
}

body#search-result #posts h2{
    margin-bottom:20px;
}








#mobile{
    position: fixed;
    top:4px;
    right:0px;
    width:60px;
    height:60px;
    cursor:pointer;
    z-index: 1000;
    display: none;

    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    transition: all 400ms ease;
}

#mobile .line{ 
   position: absolute; 
   left:5px;
   height:3px;
   width:35px; 
   background: #000;
   display: block; 
   transition: 400ms; 
   transform-origin: center; 
}

body:not(#home) #mobile .line{
    background:#111;
}

#mobile .line:nth-child(1) { top: 20px; }
#mobile .line:nth-child(2) { top: 30px; }
#mobile .line:nth-child(3) { top: 40px; }

#mobile.active .line:nth-child(1){
   transform: translateY(10px) rotate(-45deg);
}

#mobile.active .line:nth-child(2){
   opacity:0;
   width:0px;
   left:17px;
}

#mobile.active .line:nth-child(3){
   transform: translateY(-10px) rotate(45deg);
}







/* Blender */

#blender{
    position: fixed;
    top:0px;
    right:0px;
    left:0px;
    bottom:0px;
    margin:auto;
    background:#fff;
    z-index: 1000;
    opacity: 0;
    display: none;
    overflow: hidden;

    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility:hidden;    

    -webkit-transform-style: preserve-3d;

}

#blender .wrapper{
    position: relative;
    height:100%;
}

#blender .close,
#enquiry > .close{
    position: absolute;
    top:20px;
    right:20px;
    width:15px;
    height:15px;
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAF9GlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMSAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjAtMDMtMTlUMjA6MTM6MTQrMDE6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIwLTAzLTE5VDIwOjE0OjM1KzAxOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTAzLTE5VDIwOjE0OjM1KzAxOjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMSIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9IkdyYXkgR2FtbWEgMi4yIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmNiMzRlYjNmLWE2OTgtNDQwOC1iN2ZkLWE0Zjk3ZmYwYWQwMiIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjkwMmVjY2FjLTUzMWQtNGY0Ni05MjJkLTE3NGE4Y2ViYTFkZiIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjliODc1MDRkLWVhYzktNDIzOS1iYWZiLTdjODdiYTIxY2U4MSI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6OWI4NzUwNGQtZWFjOS00MjM5LWJhZmItN2M4N2JhMjFjZTgxIiBzdEV2dDp3aGVuPSIyMDIwLTAzLTE5VDIwOjEzOjE0KzAxOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMSAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6Y2IzNGViM2YtYTY5OC00NDA4LWI3ZmQtYTRmOTdmZjBhZDAyIiBzdEV2dDp3aGVuPSIyMDIwLTAzLTE5VDIwOjE0OjM1KzAxOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMSAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5hX5dFAAACPklEQVRogb3Yv2oUURSA8W/v2okQRAlIIE0KURQkRdb1MewFO4vAYmElKVOJWGoneYC8RbKJsCSFWlgGgiFFJISkioWNu9nduXPvOef+mWpnZpfvN1PsPTOdAQxY5z4j3nFIne0xH+lxxhc+dAZv+Dw58YJhhfwq+9z6//ltZ3DG3amTffaK57/RnexduZk8DHleMQ+3XeOKh/Sr5eHQ8Zq/c1/bLXQXmnl45fjFWoNQ4i748n1+OODAQ9jNTPDn98BBBUJrfgwoSwjkbwDlCMH8NKAMIZKfBeQnRPPzgLwEQb4JyEcQ5X2APARh3g9IJ4jzbYA0giLfDrATVPkQwEZQ5sMAPUGdjwF0BEM+DpATTHkJQEYw5mWAOMGclwLChIS8HNBGWOZBSl4D8BO+8zMlrwP4CHdYSMlrAf67kJDXA8IEw5OlHgAHLHHcOHrKsuXB1gKAjulX2QCrHLPUOLrIkWV21AN8fzvjzTA7agGhvImgAzTzF5ynETQA39U/5VHaBC0H+JecI07SJmgpILTiJQ3xMkBswU0gSACS9d5MiAOk44aREANoph0TIQzQDlt+QvClXwhgmfV8hODb13aAddRUEtoAKZOuiuAHJA3aOoIPkJpXEZqAHHkFYR6QKy8mzAJy5oWEaUDuvIhwAyiRFxDGgFL5KMEVz0cIrkI+SHA8rJBvJzxxfK2SbyNsOXqV8n7CM8efankf4dLxvmJ+TLie7G10eyPOWaHLDi8ZFc8DnLDNCvf4zSaf/gFGiCH5obV6OgAAAABJRU5ErkJggg==');
    background-size:15px auto;
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}

#blender .slideshow-control{
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    margin:0 auto;
    text-align: left;
    cursor: default;
    min-height: 23px;
}


#blender .slideshow-control .title{
    display: block;
    margin:0 50px 2px 0;
    white-space: nowrap;

    overflow: hidden;
    text-overflow: ellipsis;
}

#blender .slideshow-control .paginator{
    position: absolute;
    top:0px;
    right:0px;
    white-space: nowrap;
}








/* Slideshow Full */

.slideshow-fullscreen{
    position: absolute !important;
    top:60px;
    right:0px;
    bottom:60px;
    left:0px;
    width:auto;
    height:auto;
    overflow: hidden;
    font-size:0px;
}

.slideshow-fullscreen .flickity-viewport{
    height:100% !important;
}

.slideshow-fullscreen .flickity-slider{
    height:100% !important;
}

.slideshow-fullscreen .slide{
    position: relative;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    font-size:0px;
    padding:0 20px;
    /*
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    transition: opacity 0.4s;    */
}

.slideshow-fullscreen .slide.is-selected{
    opacity: 1;
}

.slideshow-fullscreen .slide .media-wrapper{
    position: relative;
    width:100%;
    height:100%;
}

#blender .slideshow-fullscreen .slide,
#blender .slideshow-control{
    /*max-width:1440px;*/
}

.slideshow-fullscreen .slide img{
    position: absolute;
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
    width:99999px;
    height:99999px;
    max-width:100%;
    max-height:100%;
    margin:auto;
    object-fit:contain;
    display: inline-block;
    vertical-align: top;
}

#blender .slide .video-js{
    position: absolute;
    height: 100%;
    padding-top: 0px !important;
    width: calc(100vw - 40px);
    max-width:1400px;
    height: calc((100vw - 40px)/1.78);
    max-height:calc(100vh - 100px);    

    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto;
}

#blender .slide .video-js.fix{
    height:calc(1400px / 1.78);
}


#blender .slide .video-js video{
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    margin:auto;
    max-width:100%;
    max-height:100%;
    object-fit: contain;
}

#blender .slide .video-js.hasVimeo iframe{
    max-height:calc(100vh - 120px);
}

#blender .video-js .vjs-control-bar{
    margin:0 auto;
}




/*
.slideshow-fullscreen .slide img{
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    transition: opacity 0.4s;
    opacity: 0;    
}

.slideshow-fullscreen .slide img.flickity-lazyerror{
  opacity: 0;
}

.slideshow-fullscreen .slide.is-selected img.flickity-lazyloaded{
    opacity: 1;
}*/



.slideshow-small.hasVideo .flickity-prev-next-button{
    pointer-events:none;
}












#blender .nav-wrapper{
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    width:100%;
    height:100%;
    margin:auto;
    pointer-events:none;
}

#blender .nav-wrapper .previous,
#blender .nav-wrapper .next{
    position: absolute;
    width:50%;
    height:100%;
    top:0px;
    bottom:0px;
    margin:auto 0;
    pointer-events:all;
    cursor: pointer;
    opacity: 0;

    -webkit-transition:opacity 400ms ease-in-out;
    -moz-transition:opacity 400ms ease-in-out;
    transition:opacity 400ms ease-in-out;
}

#blender.hasVideo .previous{
    width:50px;
    height:50px;
}

#blender.hasVideo .next{
    width:50px;
    height:50px;
}



#blender .nav-wrapper .previous{
    left:0px;
}

#blender .nav-wrapper .next{
    right:0px;
}

#blender .nav-wrapper .previous:hover,
#blender .nav-wrapper .next:hover{
    opacity: 1;
}

#blender .nav-wrapper .previous:before,
#blender .nav-wrapper .next:before{
    content:"";
    position: absolute;
    top:0px;
    bottom:0px;
    width:30px;
    height:30px;
    margin:auto 0;

    background-image: url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZmZmZmZmIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDI0IDEwMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48cGF0aCBkPSJNOTUwLDU0MkgxNzkuNGwyMTAuOCwyMTAuOGwtNDIuNCw0Mi40bC0yNjItMjYyYy0xMS43LTExLjctMTEuNy0zMC43LDAtNDIuNGwyNjItMjYybDQyLjQsNDIuNEwxNzkuNCw0ODJIOTUwVjU0MnoiPjwvcGF0aD48L2c+PC9zdmc+');
    background-size:100% auto;
    background-position: center center;
    background-repeat: no-repeat;

    filter: invert();
    -webkit-filter: invert();
}

#blender .nav-wrapper .previous:before{
    left:20px;
}

#blender .nav-wrapper .next:before{
    right:20px;
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    transform:rotate(180deg);    
}






/* Shopify */

.btn.btn-shopify{

}
/*
.btn.btn-shopify .shopify-buy-frame--product{
    position: absolute;
    top:0px;
    left:0px;
}

.btn.btn-shopify .shopify-buy-frame--product,
.btn.btn-shopify .shopify-buy__product,
.btn.btn-shopify .shopify-buy__btn-wrapper{
    width:100%;
    height:100%;
}

.btn.btn-shopify button{
    width:100%;
    height:100%;
    background:none;
    border:none;
    padding:0;
    margin:0;
    font-size:0px;
    cursor: pointer;
}*/


.shopify-buy__btn{
    border:none;
    display: inline-block;
    vertical-align: top;
    background:#fff;
    padding:10px 15px 8px 15px;
    border-radius: 20px;
    cursor: pointer;
    border:2px solid #000;
    text-align: center;
    margin-right:10px;
    font-family: 'Suisse', Helvetica, Arial, Sans-serif;
    font-size:15px;
    font-weight:700;
    line-height: 1em;
    color:#000 !important;
    width:135px;    
}



.shopify-buy__btn.shopify-buy__btn-disabled{
    cursor:default !important;
    opacity: 0.5 !important;
}



/* Basket */

.shopify-buy-frame--toggle.is-active.is-sticky{
    position: fixed;
    top:50%;
    right:0px;
    height:64px;
    margin-top:-32px;
    color: #fff;
    border-radius: 3px 0 0 3px;
    text-align: center;
    display: inline-block;
    cursor: none;
    min-width:40px;
    background:#333333;
    padding-right:0px;
    z-index: 1000;
    transition:padding-right 400ms ease-in-out;
}

.shopify-buy-frame--toggle.is-active.is-sticky .shopify-buy__cart-toggle{
    padding: 8px 13px 8px 7px;
}

.shopify-buy-frame--toggle.is-active.is-sticky:hover{
    padding-right:10px;
    background:#3a3a3a;
}

.shopify-buy-frame--toggle.is-active.is-sticky .shopify-buy__cart-toggle__count {
    font-size: 16px;
    margin-bottom: 10px;
}

.shopify-buy-frame--toggle.is-active.is-sticky .shopify-buy--visually-hidden{
    display: none;
}

.shopify-buy-frame--toggle.is-active.is-sticky .shopify-buy__icon-cart--side {
    height: 20px;
    width: 20px;
}

.shopify-buy-frame--toggle.is-active.is-sticky .shopify-buy__icon-cart--side .shopify-buy__icon-cart__group {
    fill: #fff;
}





/* General */

*{
    outline:none;
}

input:required,
input:invalid {
    box-shadow:none;
}

input[type="email"],
input[type="text"],
header .search input,
#enquiry .zfs input{
    border-radius: 0 !important;
    -webkit-appearance: none !important;
}



/* WYSIWYG */

.wysiwyg .block{
    display: block;
    margin-left:85px;
    margin-bottom:40px;
}

.wysiwyg .wysiwyg-column{
    display: inline-block;
    vertical-align: top;
    width:49%;
    padding-right:40px;
}

.wysiwyg ul{
    margin:0;
    padding:0;
}

.wysiwyg ul li{
    position: relative;
}

.wysiwyg ul li:before{
    content:"";
    position: absolute;
    top:18px;
    left:0px;
    width:12px;
    height:2px;
    background:#111;

    -webkit-transform:rotate(-10deg);
    -moz-transform:rotate(-10deg);
    transform:rotate(-10deg);
}



/* Footer */

footer{
    background:#111;
    padding:20px 0 20px 0;
    margin-top:100px;
}

footer .onehalf.second{
    text-align: right;
}

footer .onehalf.first a{
    margin-right:40px;
}

footer .onehalf.second a{
    margin-left:20px;
}





/* Enquiry */

.btn.btn-enquiry{
    position: absolute;
    bottom:-50px;
    left:0px;
    height:40px;
}

.btn-enquiry.done{
    background:#111 !important;
    color:#111;
    font-size:0px;
}

.btn-enquiry.done{
    width:150px;
    cursor:default;
}

.btn-enquiry.done:after{
    content:"Enquiry sent";
    position: relative;
    top: 9px;    
    color:#fff;
    font-size:17px;
}

.btn.btn-enquiry.invisible{
    opacity: 0 !important;
    pointer-events:none;
}

.btn.btn-enquiry.inactive{
    opacity: 0.2;
    pointer-events:none;
}


body#network .btn-enquiry{
    position: relative;
    bottom:auto;
    left:auto;
    margin-top:20px;
}


body#exhibition .btn.btn-enquiry{
    left:20px;
}



#enquiry{
    position: absolute;
    top:50px;
    left:50px;
    width:33.33%;
    width:calc((100vw - 80px)/3);
    background:#fff;
    padding:30px;
    border:2px solid #111;
    border-radius: 50px;
    font-size:17px;
    z-index: 80;
    display: none;
}

#enquiry .enquiry-title{
    display: block;
    margin-bottom:20px;
}

#enquiry .text{
    display: block;
    margin-bottom:40px;
    line-height: 1.2em;    
}

#enquiry .zfs{
    display: block;
    margin-bottom:50px;
}

#enquiry .zfs .onehalf.first{
    width:23%;
}

#enquiry .zfs .onehalf.second{
    width:77%;
}

#enquiry .zfs label{
    display: block;
    position: relative;
    top:18px;
}

#enquiry .zfs input[type="text"],
#enquiry .zfs input[type="email"],
#enquiry .zfs input[type="tel"],
#enquiry .zfs textarea{
    display: block;
    width:100%;
    
    background:none;
    border:none;
    border-bottom:2px solid #111;

    font-family: 'Suisse', Helvetica, Arial, Sans-serif;
    font-size:17px;
    height:20px;
    padding:15px 0;
}






#enquiry .zfs textarea{
    resize:none;
    height:240px;
}

#enquiry .approve{
    display: block;
    margin-right:50px;
    line-height: 1.2em;
}

#enquiry .disclaimer{
    display: block;
}

#enquiry .btn{
    margin:30px 0 40px 0;
    width:150px;
}

#enquiry > .close{
    position: absolute;
    top:30px;
    right:30px;
    width:17px;
    height:17px;
    background-size:17px auto;
    cursor:pointer;
}











/* Video Background */

.video-background {
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    overflow: hidden;
}

.video-background video{
    position: absolute;
    top: 0px;
    right:0px;
    bottom:0px;
    left: 0px;
    margin:auto;

    width: 100%;
    height: 100%;
    margin:auto;
    object-fit:cover;
}

.video-background .video-js.hasVimeo{
    position: absolute;
    top: 0px;
    right:0px;
    bottom: 0px;
    left:0px;
    margin: auto;
    padding-bottom: 0px;
    height: calc(56vw);    
}

.prevent-click{
    position: absolute;
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
}



/* Video JS */

.video-js{
    background-color:transparent;
}

.video-js .vjs-poster{
    background-color: transparent;
}

.video-js .vjs-big-play-button{
    position: absolute;
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
    margin:auto;
    font-size: 0px;
    line-height: 0em;
    width: 60px;
    height: 60px;
    opacity: 0.7;
    border:none;
    background:none !important;
    border-radius:0px;
    -webkit-transition:none;
    -moz-transition:none;
    transition:none; 
    pointer-events:none;
    cursor:pointer;

}

.vjs-big-play-centered .vjs-big-play-button{
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
}

.video-js:hover .vjs-big-play-button{
    opacity: 1 !important;
}

.video-js .vjs-big-play-button,
.video-js:hover .vjs-big-play-button{
    background-image:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjRkZGRkZGIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwIDEwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTc4LjYyNyw0Ny4yMDNMMjQuODczLDE2LjE2N2MtMS4wODItMC42MjUtMi4yMjctMC42MjUtMy4zMTEsMEMyMC40NzgsMTYuNzkzLDIwLDE3Ljk0OCwyMCwxOS4xOTlWODEuMjcgIGMwLDEuMjUsMC40NzgsMi40MDYsMS41NjEsMy4wMzFjMC41NDIsMC4zMTMsMS4wNTEsMC40NjksMS42NTYsMC40NjljMC42MDQsMCwxLjE2MS0wLjE1NiwxLjcwMy0wLjQ2OWw1My43MzEtMzEuMDM1ICBjMS4wODMtMC42MjUsMS43MzgtMS43ODEsMS43MzgtMy4wMzFDODAuMzg5LDQ4Ljk4NCw3OS43MSw0Ny44MjksNzguNjI3LDQ3LjIwM3oiPjwvcGF0aD48L3N2Zz4=) !important;
    background-color:none !important;
    background-size:100% auto !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder{
    background:none;
    display: none;
}


.video-js .vjs-control-text{
    display: none !important;
}

.video-js .vjs-control-bar {
    background-color:rgba(0,0,0,0);
    height:40px;
    width:auto;
    padding-left:10px;
    padding-right:10px;
}




.video-js .vjs-progress-control .vjs-progress-holder {
    margin: 14px 10px 0 10px;
}

.video-js .vjs-progress-control {
    display: block;
}

.video-js.vjs-ended .vjs-big-play-button,
.video-js.vjs-ended .vjs-poster{
    display: inline-block !important;
}

.video-js .vjs-poster{
    background-size:cover !important;
}

.video-js .vjs-play-control .vjs-icon-placeholder,
.vjs-button > .vjs-icon-placeholder,
.video-js .vjs-time-control{
    color:#fff;
}

.video-js .vjs-play-progress{
    background-color:#fff;
}

.video-js .vjs-load-progress div{
    background:#fff;
}

.video-js .vjs-slider,
.video-js .vjs-volume-level{
    background-color: rgba(255,255,255,.4);
}



.video-js.hasVimeo{
    width:100%;
}








@media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
}


/* Youtube */

.responsive-video {
    position: relative;
    padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
    padding-top: 0px;
    height: 0;
    overflow: hidden;

    background-size:cover !important;
    background-repeat:no-repeat !important;
    background-position:center !important;

}

.responsive-video video,
.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.responsive-video.on-demand{
    background-color: #ccc;
    cursor: pointer;
}

.responsive-video.on-demand:after{
    content:" ";
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 15px 0 15px 25px;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    margin:auto;
    pointer-events:none;
    opacity:0.8;

    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    transform:rotate(360deg);

}

.responsive-video.on-demand:hover:after{
    opacity:1;
}

.responsive-video.on-demand .overlay{
    position: absolute;
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
}

.responsive-video.on-demand .guideline{
    position: absolute;
    bottom:0px;
    left:0px;
    right:0px;
    color:#fff;
    text-align: center;
    z-index:1000;
    line-height:1.3em;
    font-size:15px;

    padding:10px;
    background:rgba(0,0,0,0.2);

}

.responsive-video.on-demand .guideline a,
.responsive-video.on-demand .guideline a:visited,
.responsive-video.on-demand .guideline a:focus{
    color:#fff;
    text-decoration: underline;
}










/* General */

.hidden{
    display:none !important;
}

.selected{
    
}

.overflowhidden{
    overflow: hidden !important;
}



/* Fonts */


.zfs{
    font-size:0px;
}

.pd{
    font-size:15px;
}

.h1{
    font-size:148px;
    letter-spacing: 0.02em;
}

.h2{
    font-size:75px;   
    line-height: 1.1em;
}

.h2.spacing{
    letter-spacing: 0.02em;
}


.p0{
    font-size:30px;
    line-height: 1.2em;
}

.p1{
    font-size:24px;
    line-height: 1.4em;
}

.p2{
    font-size:15px;
    line-height: 1.4em;
}

.pe{
    font-size:17px;
}


.pmenu{
    font-size:22px;
    line-height: 1.2em;
}




a, a:focus, a:visited, img{
    outline:none;
    border:none;
}

a{
  position: relative;
  display:inline-block;
}

a, a:visited{
  text-decoration: none;
  color:#111;
}


.italic, em{
  font-style:italic;
}

.bold, strong{
    font-weight:700;
}

.light{
    font-weight: 400;
}

.uppercase{
    text-transform: uppercase;
}


#mobile, .no-select{
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
    outline-width: 0;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
   color: #888;
   opacity: 1;
}

input:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */
   color: #888;  
   opacity: 1;
}

input::-moz-placeholder, textarea::-moz-placeholder {  /* Firefox 19+ */
   color: #888;
   opacity: 1;  
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {  
   color: #888;
   opacity: 1;  
}



.white, a.white, a.white:focus, a.white:visited{
    color:#fff;
}





.mobile-only{
    display: none;
}




@media (max-width:1400px){

    header{
        height:195px;
    }

    header nav a{
        margin-right:30px;
    }

    header .controls{
        top:-27px;
    }    

    main{
        padding-top:195px;
    }

    section#introduction{
        height:calc(100vh - 195px);
    }

    .h1{
        font-size:120px;
    }

    .h2{
        font-size:64px;
    }


}



@media (max-width:1220px){

    header{
        height:138px;
    }

    header nav a{
        margin-right:15px;
    }

    header .search{
        width:100px;
    }

    header .controls{
        top:-12px;
    }    

    header .title-wrapper .aaa{
        margin-right:20px;
    }

    main{
        padding-top:138px;
    }

    .btn{
        font-size:13px;
        width:100px;
        padding: 8px 12px 6px 12px;
    }  

    .btn.btn-enquiry{
        height:33px;
    }

    #enquiry{
        width:calc((100vw - 40px)/2);
    }

    body#network .btn.btn-enquiry{
        margin-top:0px;
    }

    .network-item .content .slideshow-control .title {
        
    }


    section#introduction{
        height:calc(100vh - 138px);
    }


    .h1{
        font-size:64px;
    }

    .h2{
        font-size:54px;
    }    


}



/* > iPhone */

@media (min-width:768px){

    .network-item:not(.open) .head:hover .close{
        opacity: 1;
    }

    header nav{
        overflow: hidden;
        white-space: nowrap;
    }

}



/* iPhone */

@media (max-width:768px) { 

    .iphone-only{
        display: block;
    }

    .desktop-only{
        display:none !important;
    }

    .mobile-only{
        display: inline-block !important;
    }


    header{
        position: fixed !important;
        height:auto;
        min-height: 60px;
        padding: 0;
        top:0px !important;   
    }

    header .wrapper{
        padding:60px 0 0 0;
        overflow: hidden;
    }

    header .controls {
        position: relative;
        top: auto;
        padding:0 0 15px 15px;
    }

    body#network header .controls,
    body#press header .controls{
        display: block;
    }    


    header nav{
        position: relative;
        display: block;
        overflow: hidden;
        padding:0 15px;
        margin:0;
        height:0px;

        transition:height 400ms ease-in-out;
    }

    header:after,
    header nav{
        -webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.5);
        -moz-box-shadow:    inset 0 20px 20px -20px rgba(0,0,0,0.5);
        box-shadow:         inset 0 20px 20px -20px rgba(0,0,0,0.5);         
    }

    header:after{
        bottom:-20px;
        height:20px;
    }


    header nav:before{
        content:"";
        display: block;
        height:20px;
    }

    header.open nav{

    }

    header nav a{
        display: block;
        margin:0;
        font-size:45px !important;
    }

    header .title-wrapper{
        position:absolute;
        top:14px;
        left:15px;
    }

    header .title-wrapper span{
        font-size:40px;
    }

    header .title-wrapper .aaa{
        margin-right:10px;
    }

    header .search{
        display: none;
    }









    #mobile{
        display: inline-block;
        vertical-align: top;
    }

    .wrapper{
        padding:0 15px;
    }


    main{
        padding-top:60px;
    }

    /* Home */

    section#introduction{
        height: calc(100vh - 60px);   
        background:#fff;
    }

    section#introduction .slideshow .slide img{
        width:100%;
        height:auto;
    }

    section#introduction .slideshow .slide .wrapper .h2.spacing{
        color:#111 !important;
    }



    section.module.style-10 .wrapper .onehalf.second{
        display: block;
        width:100%;
        margin-left:0px;
    }

    section.module.style-10 .wrapper .onehalf.first{
        display: block;
        width: auto;
        margin-top:20px;
        margin-bottom:20px;
        padding:0;
    }


    /* Story */

    #story .page{
        padding-top:30px;
    }

    section.module.style-10 .wrapper .onehalf.second .title{
        margin-bottom:30px;
    }


    /* Newsletter */

    section.module.style-13 #mc_embed_signup div.mce_inline_error{
        font-size:12px;
    }

    section.module.style-13 #mc_embed_signup input[type="submit"]#mc-embedded-subscribe{
        width: 33px;
        height: 18px;        
    }

    section.module.style-13 #mc_embed_signup input[type="email"]#mce-EMAIL,
    section.module.style-13 #mc_embed_signup #mce-responses{
        font-size: 15px;
    }



    /* Link */

    .links .link .onethird.first,
    .links .link .onethird.second{
        width:100%;
        padding-right:80px;
    }

    .links .link .onethird.third{
        position: absolute;
        top:0px;
        right:0px;
        text-align: right;
        padding-right:0px;   
    }



    /* Network */

    .network-item .head .onethird.third{
        padding-right:0px;
    }

    .network-item .head .close{
        top:20px;
        right:-5px;
        bottom:auto;
        transform:rotate(45deg);
    }

    .network-item.isArtist .head .close{
        top:-4px;
    }

    .network-item .content .onehalf.first{
        display: block;
        width:auto;
        padding-right:0px;
    }

    .network-item .content .onehalf.second{
        display: none !important;
    }

    .

    .network-item .content .onehalf.first .slideshow-wrapper{
        display: block;
        margin-bottom:20px;
    }



    /* Grid */

    .grid{
        display: none;
    }

    .grid-mobile .item .inner{
        padding-left:15px;
    }




    /* Exhibition */

    section#intro .wrapper.first {
        padding-top: 20px;
        padding-bottom: 20px;
    }    

    section#intro .wrapper.second{
        padding-top:20px;
        padding-bottom:30px;
    }

    section#intro .wrapper.second .alignright{
        display: block;
        width:auto;
        padding-left:0px;
    }

    body#exhibition section#recommended .exhibition{
        width:50%;
    }

    body#exhibition section#recommended h3{
        padding:20px 0;
    }

    body#exhibition section#recommended .exhibition:nth-child(3){
        display: none !important;
    }




    /* Insights */

    body#insights section.module.style-12{
        margin-top:20px;
    }

    section.module.style-12 .grid-mobile .item{
        width:100%;
        margin-bottom:0px;
    }

    section.module.style-12 .grid-mobile .item .photos .onehalf{
        display: block;
        width: auto;
        margin-top:0px !important;     
        margin-bottom:30px; 
    }

    section.module.style-12 .grid-mobile .item.hasquote .inner{
        padding-top:0px !important;
    }

    section.module.style-12 .grid-mobile .item .quote {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        margin: 0 auto;
        height: auto;
        pointer-events: none;
        transform:translate(0px, 0px) !important;
        margin-bottom:50px;
    }   


    /* Grid */

    section#products{
        margin-top:30px;
    }


    /* Product */

    section#intro .wrapper.second .zfs .onehalf.first{
        display: block;
        width:auto;
        padding-right:0px;
    }

    section#intro .wrapper.second .zfs .onehalf.second{
        display: block;
        width:auto;
    }

    body#product section#intro .wrapper.third{
        padding-top:0px;
    }


    body#product section#intro .wrapper.third .wysiwyg{
        display: block;
        width:auto;
    }

    body#product section#gallery {
        margin-top: 20px;
    }

    body#product .slideshow-wrapper .slideshow-control{
        margin-bottom:30px;
    }
    

    body#buy .highlight .wrapper{
        padding:20px 20px;
    }




    /* Contact */

    #contact .page{
        display: block;
        width:auto;
        padding-top:30px;
        padding-right:15px;
        min-width:0px;
    }



    #contact .right{
        display: block;
        width:auto;
        margin-top:30px;
        padding:0 15px;
        max-width:100%;
    }

    #contact #newsletter-signup{
        padding-right:0px;
    }

    #contact #newsletter-signup .disclaimer{
        font-size: 12px;
    }



    .flickity-prev-next-button{
        display: none !important;
    }

    #blender .nav-wrapper{
        display: none !important;
    }

    #blender .slideshow-control .title{
        white-space: normal;
    }

    #blender .slideshow-control .paginator{
        top:auto;
        bottom:0px;
    }



    .pd{
        font-size:15px;
    }

    .h1{
        font-size:20px;
        letter-spacing: 0.02em;
    }

    .h2{
        font-size:25px;   
    }


    .p0{
        font-size:20px;
        line-height: 1.2em;
    }

    .p1{
        font-size:20px;
        line-height: 1.2em;
    }

    .p2{
        font-size:15px;
        line-height: 1.4em;
    }


    footer .onehalf.first{
        display: block;
        width:auto;
        text-align:center;
        margin-bottom:10px;
    }

    footer .onehalf.second{
        display: block;
        width:auto;
        text-align: center;
    }


    footer .onehalf a{
        font-size:15px;
        line-height: 1.4em;
        margin:0px 10px 0px 10px !important;
    }



    .btn.btn-enquiry{
        height:33px;
    }

    body#network .btn-enquiry {
        position: relative;
        bottom: auto;
        left: 0px;
        margin-top: 30px;
        right: 15px;
        margin-bottom: 20px;
    }

    #enquiry{
        width:auto;
        right:15px;
    }

    #enquiry .zfs{
        margin-bottom:20px;
    }

    #enquiry .zfs .onehalf.first{
        /*width:calc(90px);*/
        display: block;
        width:auto;
    }

    #enquiry .zfs .onehalf.second{
        /*width:calc(100% - 90px);*/
        display: block;
        width:auto;
    }

    #enquiry .zfs .onehalf.first label{
        top:0px;
    }

    #enquiry .approve{
        margin-right:0px;
    }

    #enquiry .zfs textarea{
        height:120px;
    }

    #enquiry .btn{
        display: block;
        width:auto;
    }



    
    section#introduction .slideshow .slide .wrapper .h2.spacing{
        max-width:400px;
    }





}


@media( max-width: 321px){

    header .title-wrapper span{
        font-size: 32px;
        position: relative;
        top: 6px;
    }

    header nav a{
        font-size: 32px !important;
    }


}




#preloader{
    position: fixed;
    width:40px;
    height:40px;
    top:50%;
    left:50%;
    bottom:auto;
    margin-top:-20px;
    margin-left:-20px;
    z-index:9999;
    pointer-events:none;

    border: 4px solid #111;
    border-radius: 50%;
    border-color: transparent rgba(0,0,0,1) rgba(0,0,0,1);
    animation: cssload-spin 1s infinite linear;
    -o-animation: cssload-spin 1s infinite linear;
    -ms-animation: cssload-spin 1s infinite linear;
    -webkit-animation: cssload-spin 1s infinite linear;
    -moz-animation: cssload-spin 1s infinite linear;

    opacity: 0;
    -webkit-transition:opacity 400ms ease-in-out;
    -moz-transition:opacity 400ms ease-in-out;
    transition:opacity 400ms ease-in-out;

}

#preloader.visible{
    opacity: 1;
}

@keyframes cssload-spin {
    100%{ transform: rotate(360deg); transform: rotate(360deg); }
}

@-o-keyframes cssload-spin {
    100%{ -o-transform: rotate(360deg); transform: rotate(360deg); }
}

@-ms-keyframes cssload-spin {
    100%{ -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

@-webkit-keyframes cssload-spin {
    100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@-moz-keyframes cssload-spin {
    100%{ -moz-transform: rotate(360deg); transform: rotate(360deg); }
}