html{
	width:100%;
	height:100%;
	font-size:22px;
	line-height:100%;
}

body{
	height: 100%;
	font-family: "Helvetica", "Arial", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color:#FFF;
	color:#000;
	font-size:1rem;
	line-height:100%;
	overflow-x:hidden;
}

button{
	touch-action: manipulation;
}

a {color:#000;}
a, a:focus, a:hover {text-decoration:none;}
a:hover {color:#808080;}
a:visited {color:#000;}
a:visited:hover {color:#808080;}
sup {vertical-align: super;top:0;font-size: 0.75em;}
i{font-style:italic;}
span.italic{font-style:italic;}
b{font-weight:bold;}
li{list-style:none;}

input[type=text]:focus, textarea:focus, input[type=submit]:focus {outline:none;}



/* lazyload */

.lazyload,
.lazyloading {
  opacity:0!important;
  overflow:hidden!important;
  min-height:auto;
  z-index:0;
  -webkit-transition:  opacity 250ms cubic-bezier(0.2, 0.75, 0.45, 1.1) 0ms;
  -moz-transition:  opacity 250ms cubic-bezier(0.2, 0.75, 0.45, 1.1) 0ms;
  -ms-transition:  opacity 250ms cubic-bezier(0.2, 0.75, 0.45, 1.1) 0ms;
  -o-transition:  opacity 250ms cubic-bezier(0.2, 0.75, 0.45, 1.1) 0ms;
  transition:  opacity 250ms cubic-bezier(0.2, 0.75, 0.45, 1.1) 0ms;
}

.lazyloaded {
  opacity: 1;
  min-height:auto;
  -webkit-transition:  opacity 250ms cubic-bezier(0.2, 0.75, 0.45, 1.1) 0ms;
  -moz-transition:  opacity 250ms cubic-bezier(0.2, 0.75, 0.45, 1.1) 0ms;
  -ms-transition:  opacity 250ms cubic-bezier(0.2, 0.75, 0.45, 1.1) 0ms;
  -o-transition:  opacity 250ms cubic-bezier(0.2, 0.75, 0.45, 1.1) 0ms;
  transition:  opacity 250ms cubic-bezier(0.2, 0.75, 0.45, 1.1) 0ms;
}

.lazyloaded.no-transition {
  -webkit-transition:  opacity 0ms cubic-bezier(0.2, 0.75, 0.45, 1.1) 0ms;
  -moz-transition:  opacity 0ms cubic-bezier(0.2, 0.75, 0.45, 1.1) 0ms;
  -ms-transition:  opacity 0ms cubic-bezier(0.2, 0.75, 0.45, 1.1) 0ms;
  -o-transition:  opacity 0ms cubic-bezier(0.2, 0.75, 0.45, 1.1) 0ms;
  transition:  opacity 0ms cubic-bezier(0.2, 0.75, 0.45, 1.1) 0ms;
}

.lazyloaded.light-transition {
  -webkit-transition:  opacity 125ms cubic-bezier(0.2, 0.75, 0.45, 1.1) 0ms;
  -moz-transition:  opacity 125ms cubic-bezier(0.2, 0.75, 0.45, 1.1) 0ms;
  -ms-transition:  opacity 125ms cubic-bezier(0.2, 0.75, 0.45, 1.1) 0ms;
  -o-transition:  opacity 125ms cubic-bezier(0.2, 0.75, 0.45, 1.1) 0ms;
  transition:  opacity 125ms cubic-bezier(0.2, 0.75, 0.45, 1.1) 0ms;
}


/* NAVBAR */

/* top */

div.menu-top-wrapper{
	position:fixed;
	top:0;left:0;
	width:100vw;
	height:auto;
	padding-top:0.25rem;
	padding-bottom:0.25rem;
	z-index:999;
	background-color:#FFF;
	border-bottom:1px #000 solid;
}

.menu-top-content-logo{
	position:relative;
	float:left;
	clear:right;
	width:calc(33% - 0.375rem);
	height:auto;
	padding-left:0.375rem;
}

.menu-top-content-logo a:hover{color:#808080;}

ul.menu-top-content-list{
	position:relative;
	float:left;
	clear:right;
	width:calc(100% - 33% - 0.2rem - 16px);
	height:auto;
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	padding-left:0rem;padding-right:calc(16px);
}

ul.menu-top-content-list li{
	float:left;
	clear:right;
	padding-left:0.375rem;
	padding-right:0.375rem;
}

ul.menu-top-content-list li:last-child{

	/*
	padding-left:0.9rem;
	padding-right:0rem;
	margin-right:-0.15rem;
	*/
}

/*
.nopaddingmenutoplast{
	padding-left:0.375rem!important;
	padding-right:0.375rem!important;
	margin-right:0!important;
}
*/

ul.menu-top-content-list li a:hover{color:#808080;}

/*
ul.menu-top-content-list li:nth-child(2){
	padding-left:0;
	margin-left:calc(0px - (0.375rem / 2));
}
*/

.menu-top-mobile-btn, .menu-top-mobile-menu, .menu-categories-mobile-menu{
	display:none;
}

.hide{
	display:none;
}

/* bottom */

div.menu-categories-wrapper{
	position:fixed;
	left:0;
	width:100vw;
	height:auto;
	bottom:0;
	padding-top:0.25rem;
	padding-bottom:0.25rem;
	z-index:999;
	background-color:#FFF;
	border-top:1px #000 solid;

	-webkit-transform: translateY(100%) translateY(-1.65rem);
	   -moz-transform: translateY(100%) translateY(-1.65rem);
	    -ms-transform: translateY(100%) translateY(-1.65rem);
	     -o-transform: translateY(100%) translateY(-1.65rem);
		    transform: translateY(100%) translateY(-1.65rem);
	
	-webkit-transition:transform 250ms;
	   -moz-transition:transform 250ms;
		-ms-transition:transform 250ms;
		 -o-transition:transform 250ms;
			transition:transform 250ms;
}

div.menu-categories-wrapper:hover{
	-webkit-transform: translateY(1.25rem);
	   -moz-transform: translateY(1.25rem);
	    -ms-transform: translateY(1.25rem);
	     -o-transform: translateY(1.25rem);
	        transform: translateY(1.25rem);

	-webkit-transition:transform 250ms;
	   -moz-transition:transform 250ms;
		-ms-transition:transform 250ms;
		 -o-transition:transform 250ms;
			transition:transform 250ms;
}

.menu-categories-closed{position:relative;width:100%;height:100%;float:left;clear:both;display:block;}
.menu-categories-opened{position:relative;margin-left:0px;top:-1.25rem;width:100%;height:100%;display:block;opacity:0;}

.menu-categories-title{
	position:relative;
	float:left;
	clear:right;
	width:calc( (100% / 4) - 0.375rem - 1rem);
	height:auto;
	padding-left:calc(50% + 0.375rem + 1rem);
}

.menu-categories-title p{
	line-height:100%;
}

ul.list-categories-closed, ul.list-categories-opened{
	position:relative;
	float:left;
	clear:right;
	width:calc( (100% / 8 * 2) - 0.375rem - 1rem)!important;
	height:auto;
}

ul.list-categories-opened, ul.list-categories-closed{
	margin-bottom:calc(0.25rem / 2);
}

ul.list-categories-opened li, ul.list-categories-closed li{
	float:left;
	clear:both;
	padding-left:0.375rem;
	padding-right:0.375rem;
	padding-top:0.075rem;
	padding-bottom:0.075rem;
}

ul.list-categories-opened li:hover a, ul.list-categories-opened li.active a{
	color:#808080;
}

.menu-categories-closed li{display:none;}
.menu-categories-closed li.active{display:block;color:#808080;}

.menu-categories-btn-wrapper{
	position:absolute;
	display:block;
	width:calc(0.55rem * 2);
	height:calc(0.55rem);
	left:calc(50% - (0.55rem));
	top:calc(0.75rem - ((0.55rem) / 2));
	z-index:9999;
	cursor:pointer;
}

.menu-categories-btn-wrapper:hover .menu-categories-btn-shape{
	border-top:1px #808080 solid;
	border-left:1px #808080 solid;
}

.menu-categories-btn-shape{
	position:absolute;
	width:calc(50% * 1.33);
	height:calc(100% * 1.33);
	top:1px;left:3px;
	border-top:1px #000 solid;
	border-left:1px #000 solid;

	-webkit-transform:rotate(45deg);
	   -moz-transform:rotate(45deg);
	    -ms-transform:rotate(45deg);
	     -o-transform:rotate(45deg);
	        transform:rotate(45deg);

	-webkit-transition:transform 250ms ease-in-out, top 250ms ease-in-out;
	   -moz-transition:transform 250ms ease-in-out, top 250ms ease-in-out;
		-ms-transition:transform 250ms ease-in-out, top 250ms ease-in-out;
		 -o-transition:transform 250ms ease-in-out, top 250ms ease-in-out;
			transition:transform 250ms ease-in-out, top 250ms ease-in-out;
}

div.menu-categories-wrapper:hover .menu-categories-btn-shape{
	top:calc(-0.55rem / 2 - 2px);
	-webkit-transform:rotate(-135deg);
	   -moz-transform:rotate(-135deg);
	    -ms-transform:rotate(-135deg);
	     -o-transform:rotate(-135deg);
	        transform:rotate(-135deg);
}

div.menu-categories-wrapper:hover .menu-categories-opened{display:block;opacity:1;}
div.menu-categories-wrapper:hover .menu-categories-closed{display:block;opacity:0;}




div.menu-top-wrapper li.active, div.menu-top-wrapper li.active a{
	color:#808080;
}


/* firefox font vertical centering hack */
@-moz-document url-prefix() { 
  	div.menu-top-wrapper, div.menu-categories-wrapper{
		padding-top:0.325rem;
		padding-bottom:0.175rem;
	}


}









.hide{display:none!important;}
.show{display:block;}


.home-loaded{
	opacity: 1;
	min-height:calc(25vw / 1.5)!important;
	height:auto;
	background-color:#FFF;
	-webkit-transition:opacity 350ms;
	   -moz-transition:opacity 350ms;
	    -ms-transition:opacity 350ms;
	     -o-transition:opacity 350ms;
	        transition:opacity 350ms;
}

.not-loaded{
	opacity: 0;
	background-color:#FFF;
	overflow:hidden!important;
	z-index:0;
}

.home-mansonry-content-not-loaded{
	opacity:0;
	pointer-events:none!important;
}


/* MAIN PAGE GRID */





/* a l l */
section.gdmain-grid-wrapper a, section.curatingmain-grid-wrapper a, section.publishingmain-grid-wrapper a,
section.gdmain-grid-wrapper a:hover, section.curatingmain-grid-wrapper a:hover, section.publishingmain-grid-wrapper a:hover {color:#000;}





/* g r a p h i c   d e s i g n */

section.gdmain-grid-wrapper, section.gdarchive-grid-wrapper{
	position:absolute;
	display:block;
	width:100%;
	height:auto;
	padding-top:calc(1.5rem + 0.225rem - 5px);
	padding-bottom:0;
	overflow-x:hidden;
}

section.gdmain-grid-wrapper a, section.gdarchive-grid-wrapper a{
	margin:0;padding:0;
	line-height: 100%;
}

div.gdmain-grid-content, div.gdarchive-grid-content{
	position:relative;
	width:100%;
	height:auto;
	z-index:1;
	padding-bottom:calc(1.5rem + 25vw);

	-webkit-transition:opacity 350ms;
	   -moz-transition:opacity 350ms;
	    -ms-transition:opacity 350ms;
	     -o-transition:opacity 350ms;
	        transition:opacity 350ms;
}

div.gdmain-project-container{
	position:relative;
	display:-webkit-flex;
	display:flex;
	width:25%;
	height:calc(25vw / (var(--image-ratio)) );
	border-top:1px #000 solid;
	border-bottom:1px #000 solid;
	margin-top:-1px;
	margin-bottom:-1px;
	background-color:#FFF;
	cursor:pointer;
	overflow:hidden!important;

	opacity:1;

	-webkit-transition: opacity 150ms;
	   -moz-transition: opacity 150ms;
	    -ms-transition: opacity 150ms;
	     -o-transition: opacity 150ms;
	        transition: opacity 150ms;
}

img.gdmain-imgclass, div.gdmain-videoclass{
	position:relative;
	width:100%;
	height:100%;
	object-fit: cover;
	opacity:1;
	-webkit-transition: opacity 150ms;
	   -moz-transition: opacity 150ms;
	    -ms-transition: opacity 150ms;
	     -o-transition: opacity 150ms;
	        transition: opacity 150ms;
}

div.gdmain-videoclass{
  position: relative;
	display: block;
	float: left; clear: both;
	width: 100%;
	height: 100%;
	margin: 0; padding: 0;
}

div.gdmain-videoclass video{
	position: relative;
	display: block;
	float: left; clear: both;
	width: 100%;
	height: 100%;
	margin: 0; padding: 0;
}

div.gdmain-hovercontainer{
	position:absolute;
	width:calc(100% - 0.8rem - 16px);
	height:auto;
	padding:0.4rem;
	padding-top:0.3125rem;
	padding-right:calc(0.4rem + 16px);
	z-index:-1;
	opacity:0;
	-webkit-transition: opacity 150ms;
	   -moz-transition: opacity 150ms;
	    -ms-transition: opacity 150ms;
	     -o-transition: opacity 150ms;
	        transition: opacity 150ms;
}

div.gdmain-project-container:hover img.gdmain-imgclass, div.gdmain-project-container:hover div.gdmain-videoclass{
	opacity:0;
	-webkit-transition: opacity 150ms;
	   -moz-transition: opacity 150ms;
	    -ms-transition: opacity 150ms;
	     -o-transition: opacity 150ms;
	        transition: opacity 150ms;
}

div.gdmain-project-container:hover div.gdmain-hovercontainer{
	display:block;
	z-index:1;
	opacity:1;
	-webkit-transition: opacity 150ms;
	   -moz-transition: opacity 150ms;
	    -ms-transition: opacity 150ms;
	     -o-transition: opacity 150ms;
	        transition: opacity 150ms;
}

section.gdmain-grid-wrapper div.gdmain-lineleft, section.gdmain-grid-wrapper div.gdmain-linecenter, section.gdmain-grid-wrapper div.gdmain-lineright{
	position:fixed;
	display:block;
	top:0;
	bottom:0;
	width:1px;
	height:100%;
	background-color:#000;
	z-index:99;
}

section.gdmain-grid-wrapper div.gdmain-lineleft{left:calc(25% - 1px);}
section.gdmain-grid-wrapper div.gdmain-linecenter{left:calc(50% - 1px);}
section.gdmain-grid-wrapper div.gdmain-lineright{left:calc(75% - 1px);}

p{
	line-height: 120%;
}

u{
	text-decoration:none;
	border-bottom:1px #000 solid;
}

.underline{/*
	text-decoration:underline;*/
	border-bottom:1px #000 solid;
	line-height: normal;
}

.invisible{
	opacity:0!important;
}

.gdmain-projectline .underline{
	display:inline-block;
	margin-bottom:0px;
	padding-bottom:0px;
}




/* a r c h i v e */

div.gdarchive-project-container{
	position:relative;
	display: block;
	width:100%;
	height:auto;
	background-color:#FFF;
	overflow: visible;
	cursor:pointer;
}

div.gdarchive-row{
	position: relative;
	display: flex;
	width:100vw;
	flex-direction: row;
	flex-wrap:wrap;
	padding:0.4rem;
	padding-bottom:0.3rem;
	overflow:hidden;
	box-sizing: border-box;
	border-bottom:1px solid rgba(0,0,0,1);
}

div.gdarchive-row .table-cell{
	width:33.33%;
	box-sizing: border-box;
}

div.gdarchive-row .table-cell:nth-of-type(1),
div.gdarchive-row .table-cell:nth-of-type(2){
	padding-right:1rem;
}



div.gdarchive-row p{
	line-height:115%;
}

.is-first-row{
	margin-top:2rem;
}

div.gdarchive-hovercontainer{
	position:absolute;
	display: none;
	top:0;
	left:calc(75vw + 0.4rem);
	width:calc(25vw - 0.4rem);
	height:0px;
	background-color: #FF0;
	overflow:visible;
	pointer-events: none;
}

div.gdarchive-hovercontainer img.gdmain-imgclass, div.gdarchive-hovercontainer div.gdmain-videoclass,
div.gdarchive-hovercontainer div.gdmain-videoclass video{
	position:relative;
	display:block;
	height:auto;
	margin:0;padding:0;
	object-fit: contain;
	pointer-events: none;
	z-index:9;
}

div.gdarchive-grid-content a:hover div.gdarchive-hovercontainer{
	display:block;
}

.sort-by-button-group button{
	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
}

.sort-by-button-group button:hover{
	color:#808080;
}

.sort-by-button-group button.active{
	
}

.sort-by-button-group button.active.asc::after{
	display:none;
	position:relative;
	margin-top:0.575em;
	content:"▼";
	padding-left:0.25rem;
	font-size:0.75em;
}


.sort-by-button-group button.active.desc::after{
	display:none;
	position:relative;
	margin-top:0.575em;
	content:"▲";
	padding-left:0.25rem;
	font-size:0.75em;
}


/* c u r a t i n g */


section.curatingmain-grid-wrapper{
	position:absolute;
	display:block;
	width:100%;
	height:auto;
	padding-top:calc(1.5rem + 0.225rem - 6px);
}

div.curatingmain-grid-content{
	position:relative;
	display:block;
	float:left;
	clear:both;
	width:100%;
	height:auto;
	border-top:1px #000 solid;
}

div.curatingmain-project-container{
	position:relative;
	display:block;
	float:left;
	clear:right;
	width:33.333%;
	height:calc(100vw / 3 * 0.7);
	overflow:hidden;
	border-bottom:1px #000 solid;
}

img.curatingmain-imgclass{
	position:relative;
	width:100%;
	height:100%;
	object-fit: cover;
	opacity:0;
	z-index:-1;
	-webkit-transition: opacity 150ms;
	   -moz-transition: opacity 150ms;
	    -ms-transition: opacity 150ms;
	     -o-transition: opacity 150ms;
	        transition: opacity 150ms;
}

div.curatingmain-hovercontainer{
	position:absolute;
	width:calc(100% - 0.8rem - 16px);
	height:auto;
	padding:0.4rem;
	padding-top:0.3125rem;
	padding-right:calc(0.4rem + 16px);
	z-index:1;
	opacity:1;
	-webkit-transition: opacity 150ms;
	   -moz-transition: opacity 150ms;
	    -ms-transition: opacity 150ms;
	     -o-transition: opacity 150ms;
	        transition: opacity 150ms;
}

div.curatingmain-project-container:hover img.curatingmain-imgclass{
	opacity:1;
	-webkit-transition: opacity 150ms;
	   -moz-transition: opacity 150ms;
	    -ms-transition: opacity 150ms;
	     -o-transition: opacity 150ms;
	        transition: opacity 150ms;
}

div.curatingmain-project-container:hover div.curatingmain-hovercontainer{
	display:block;
	z-index:-1;
	opacity:0;
	-webkit-transition: opacity 150ms;
	   -moz-transition: opacity 150ms;
	    -ms-transition: opacity 150ms;
	     -o-transition: opacity 150ms;
	        transition: opacity 150ms;
}

section.curatingmain-grid-wrapper div.curatingmain-lineleft, section.curatingmain-grid-wrapper div.curatingmain-lineright{
	position:fixed;
	display:block;
	top:0;
	bottom:0;
	width:1px;
	height:100%;
	min-height:100vh;
	background-color:#000;
	z-index:99;
}

section.curatingmain-grid-wrapper div.curatingmain-lineleft{left:calc(33.333333% - 1px);}
section.curatingmain-grid-wrapper div.curatingmain-lineright{left:calc(66.666666% - 1px);}

section.curatingmain-grid-wrapper div.curatingmain-linebottom{
	position:absolute;
	display:block;
	left:0;
	right:0;
	bottom:0px;
	height:1px;
	width:100%;
	background-color:#000;
	z-index:9;
}





/* p u b l i s h i n g */


section.publishingmain-grid-wrapper{
	position:relative;
	display:block;
	width:100%;
	height:auto;
	padding-top:calc(1.5rem + 0.225rem - 5px);
}

div.publishingmain-grid-content{
	position:relative;
	display:block;
	float:left;
	clear:both;
	width:100%;
	height:auto;
	border-top:1px #000 solid;
}

div.publishingmain-project-container{
	position:relative;
	display:block;
	float:left;
	clear:right;
	width:25%;
	height:calc(100vw / 3);
	grid-column-end: span 1;
	overflow:hidden;
	border-bottom:1px #000 solid;
}

img.publishingmain-imgclass{
	position:relative;
	width:100%;
	height:100%;
	object-fit: cover;
	opacity:1;
	-webkit-transition: opacity 150ms;
	   -moz-transition: opacity 150ms;
	    -ms-transition: opacity 150ms;
	     -o-transition: opacity 150ms;
	        transition: opacity 150ms;    
}

div.publishingmain-hovercontainer{
	position:absolute;
	width:calc(100% - 0.8rem - 16px);
	height:auto;
	padding:0.4rem;
	padding-right:calc(0.4rem + 16px);
	padding-top:0.3125rem;
	z-index:-1;
	opacity:0;
	-webkit-transition: opacity 150ms;
	   -moz-transition: opacity 150ms;
	    -ms-transition: opacity 150ms;
	     -o-transition: opacity 150ms;
	        transition: opacity 150ms;
}

div.publishingmain-project-container:hover img.publishingmain-imgclass{
	opacity:0;
	-webkit-transition: opacity 150ms;
	   -moz-transition: opacity 150ms;
	    -ms-transition: opacity 150ms;
	     -o-transition: opacity 150ms;
	        transition: opacity 150ms;
}

div.publishingmain-project-container:hover div.publishingmain-hovercontainer{
	display:block;
	z-index:1;
	opacity:1;
	-webkit-transition: opacity 150ms;
	   -moz-transition: opacity 150ms;
	    -ms-transition: opacity 150ms;
	     -o-transition: opacity 150ms;
	        transition: opacity 150ms;
}

section.publishingmain-grid-wrapper div.publishingmain-lineleft, section.publishingmain-grid-wrapper div.publishingmain-linecenter, 
section.publishingmain-grid-wrapper div.publishingmain-lineright{
	position:fixed;
	top:0;
	bottom:0;
	width:1px;
	height:100%;
	background-color:#000;
	z-index:9;
}

section.publishingmain-grid-wrapper div.publishingmain-lineleft{left:calc(25% - 1px);}
section.publishingmain-grid-wrapper div.publishingmain-linecenter{left:calc(50% - 1px);}
section.publishingmain-grid-wrapper div.publishingmain-lineright{left:calc(75% - 1px);}

section.publishingmain-grid-wrapper div.publishingmain-linebottom{
	position:absolute;
	display:block;
	left:0;
	right:0;
	bottom:0px;
	height:1px;
	width:100%;
	background-color:#000;
	z-index:9;
}




/* a b o u t */


section.about-grid-wrapper{
	position:absolute;
	display:block;
	width:100%;
	height:auto;
	padding-top:calc(1.5rem + 0.225rem - 4px);

	-ms-word-break: break-all;
	 overflow-wrap: break-word;
  		word-break: break-word;
  		 word-wrap: break-word;

}

div.about-grid-content{
	position:relative;
	width:100vw;
	height:auto;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

div.about-column{
	position:relative;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	height:auto;
	/*overflow:hidden;*/
}

.about-column h5{
	display:inline-block;
	font-size:0.75rem;
	font-family: "Helvetica", "Arial", sans-serif;
	font-weight: normal;
	line-height:115%;
	padding-top:1rem;
	padding-right:0.25rem;
	margin:0;
}

div.about-column-txt{
	display:block;
	width:calc(33.333vw - 0.8rem);
	padding:0.4rem;
	padding-top:0.3125rem;
}

div.about-column-wrapper2and3{
	width:calc(33.333vw);
}

div.about-column-contact, div.about-column-list{
	width:calc(16.666vw - 0.8rem);
	padding:0.4rem;
	padding-top:0.3125rem;
}

div.about-column h6{
	font-weight: normal;
	line-height:115%;
	padding-bottom:1.5rem;
	padding-right:0.5rem;
}

div.about-column-txt p{
	padding-bottom:2.25rem;
	padding-right:0.25rem;
	line-height:115%;
}

div.about-column-txt p:last-child{
	padding-bottom:0rem;
}

div.about-column-contact p{
	padding-top:1rem;
	padding-right:0.25rem;
	line-height:115%;
}

div.about-column-contact p:first-of-type{
	padding-top:0rem;
}

div.about-column-list p{
	font-size:0.75rem;
	padding-bottom:1rem;
	padding-right:0.25rem;
	line-height:120%;
}

div.about-column-list p:last-of-type{
	padding-bottom:0rem;
}


div.about-column-wrapper2and3:last-child div.about-column-list:last-child h6.paddingscrollbar, 
div.about-column-wrapper2and3:last-child div.about-column-list:last-child h5.paddingscrollbar, 
div.about-column-wrapper2and3:last-child div.about-column-list:last-child p.paddingscrollbar{
	padding-right:calc(0.25rem + 16px);
}

section.about-grid-wrapper div.about-lineleft, section.about-grid-wrapper div.about-linecenter, 
section.about-grid-wrapper div.about-lineright, section.about-grid-wrapper div.about-linefarright {
	position:fixed;
	display:block;
	top:0;
	bottom:0;
	width:1px;
	height:100%;
	background-color:#000;
	z-index:99;
}

section.about-grid-wrapper div.about-lineleft{left:calc(33.333vw - 1px);}
section.about-grid-wrapper div.about-linecenter{left:calc(50vw - 1px);}
section.about-grid-wrapper div.about-lineright{left:calc(66.666vw - 1px);}
section.about-grid-wrapper div.about-linefarright{left:calc(83.333vw - 1px);}


.button-individualpage-wrapper{
	position:fixed;
	width:26px;
	height:26px;
	top:calc(1.5rem + 0.4rem);
	left:calc(100vw - 26px - 0.4rem - 0.75rem + 0px);
	z-index:9;
	cursor:pointer;
}

.button-individualpage{
	width:24px;
	height:24px;
	border-radius: 100%;
	border: 1px solid #000;
}

@media only screen and (min-width: 768px) {

	.button-individualpage:hover{
		border: 1px #808080 solid;
	}

	.button-individualpage:hover .backtoindexline1, .button-individualpage:hover .backtoindexline2,
	.button-individualpage:hover .backtotopline1, .button-individualpage:hover .backtotopline2{
		background-color:#808080;
	}

}

.backtoindex{
	position:absolute;
	width:100%;
	height:100%;
}

.backtoindexline1{
	position:absolute;
	width:16px;
	height:1px;
	background-color:#000;
	top:12px;
	left:4px;


	-webkit-transform:rotate(-45deg);
	   -moz-transform:rotate(-45deg);
	    -ms-transform:rotate(-45deg);
	     -o-transform:rotate(-45deg);
	        transform:rotate(-45deg);
}

.backtoindexline2{
	position:absolute;
	width:16px;
	height:1px;
	background-color:#000;
	top:12px;
	left:4px;


	-webkit-transform:rotate(45deg);
	   -moz-transform:rotate(45deg);
	    -ms-transform:rotate(45deg);
	     -o-transform:rotate(45deg);
	        transform:rotate(45deg);
}

.backtotop{
	position:absolute;
	width:100%;
	height:100%;
}

.backtotopwrap{
	display:none;
}

.backtotopline1{
	position:absolute;
	width:10px;
	height:1px;
	background-color:#000;
	top:11px;
	left:4px;


	-webkit-transform:rotate(-50deg);
	   -moz-transform:rotate(-50deg);
	    -ms-transform:rotate(-50deg);
	     -o-transform:rotate(-50deg);
	        transform:rotate(-50deg);
}

.backtotopline2{
	position:absolute;
	width:10px;
	height:1px;
	background-color:#000;
	top:11px;
	left:10px;


	-webkit-transform:rotate(50deg);
	   -moz-transform:rotate(50deg);
	    -ms-transform:rotate(50deg);
	     -o-transform:rotate(50deg);
	        transform:rotate(50deg);
}









/* SINGLE PAGES */


/* g r a p h i c   d e s i g n */

section.gdproject-wrapper{
	position:absolute;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction:column;
	flex-direction:column;
	width:100%;
	height:auto;
	padding-top:calc(1.4rem + 1px);
}

div.gdproject-info-wrapper{
	position:relative;
	display: block; 
	width:100vw;
	height:auto;
	padding-bottom:0.2rem;
	z-index:5;
	background-color:#FFF;
}

div.gdproject-grid-wrapper{
	position:relative;
	display:-webkit-flex;
	display:flex;
	-webkit-align-items:flex-start;
	align-items:flex-start;
	-webkit-justify-content:flex-start;
	justify-content: flex-start;
	-webkit-flex-direction:column;
	flex-direction: column;
	width:calc(100% - 0.8rem);
	height:auto;
	padding:0.4rem;
	padding-bottom:0;
}

div.gdproject-info-facts-col1{
    position:relative;
	float:left;
	clear:right;
	width:calc(25% - 0.8rem);
	height:auto;
	padding:0.4rem;
}

div.gdproject-info-facts-col2{
    position:relative;
	float:left;
	clear:right;
	width:calc(25% - 0.8rem);
	height:auto;
	padding:0.4rem;
}

div.gdproject-info-description{
	position:relative;
	float:left;
	clear:right;
	width:calc(50% - 0.8rem - 12.5vw);
	padding:0.4rem;
	padding-right:12.5vw;
}

/* imgs grid */

.gdproject-grid{
	position:relative;
	display:-webkit-flex;
	display: flex;
	-webkit-align-content:flex-start;
	align-content:flex-start;
	-webkit-align-items:stretch;
	align-items:stretch;
	-webkit-justify-content:flex-start;
	justify-content: flex-start;
	-webkit-flex-direction:row;
	flex-direction:row;
    width:100%;
    height:auto;
    margin-bottom: 0.4rem;
    overflow:hidden;
}

.gdproject-grid-project-2-2-2-block{
	width:calc((100% - (0.4rem * 2)) / 3);
	height:auto;
	padding-right:0.2rem;
	padding-left:0.2rem;
}

.gdproject-grid-project-2-2-2-block:first-child{padding-left:0rem;}
.gdproject-grid-project-2-2-2-block:last-child{padding-right:0rem;}

.gdproject-grid-project-3-3-block{
	width:calc((100% - (0.4rem)) / 2);
	height:auto;
	padding-right:0.2rem;
	padding-left:0.2rem;
}

.gdproject-grid-project-3-3-block:first-child{padding-left:0rem;}
.gdproject-grid-project-3-3-block:last-child{padding-right:0rem;}

.gdproject-grid-project-6-block{
	width:100%;
	height:auto;
}

.gdproject-grid-project-2-4-block:first-child{
	width:calc((100% - (0.4rem)) / 3);
	height:auto;
	padding-right:0.2rem;
}

.gdproject-grid-project-2-4-block:last-child{
	width:calc(((100% - (0.4rem)) / 3 * 2) + 0.4rem);
	height:auto;
	padding-left:0.2rem;
}

.gdproject-grid-project-4-2-block:first-child{
	width:calc(((100% - (0.4rem)) / 3 * 2) + 0.4rem);
	height:auto;
	padding-right:0.2rem;
}

.gdproject-grid-project-4-2-block:last-child{
	width:calc((100% - (0.4rem)) / 3);
	height:auto;
	padding-left:0.2rem;
}

.gdproject-grid-project-22-4-block-1{
	display:-webkit-flex;
	display:flex;
	-webkit-align-content:flex-start;
	align-content:flex-start;
	-webkit-align-items:stretch;
	align-items:stretch;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-flex-direction:column;
	flex-direction:column;
	width:calc((100% - (0.4rem)) / 3);
	height:auto;
	padding-right:0.2rem;
	-webkit-align-self:stretch;
	align-self:stretch;
	margin-left:0;
}

.gdproject-grid-project-22-4-block-2{
	display:-webkit-flex;
	display:flex;
	-webkit-align-content:flex-start;
	align-content:flex-start;
	-webkit-align-items:stretch;
	align-items:stretch;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-flex-direction:column;
	flex-direction:column;
	width:calc(((100% - (0.4rem)) / 3 * 2) + 0.4rem);
	height:auto;
	padding-left:0.2rem;
	-webkit-align-self:stretch;
	align-self:stretch;
	margin-left:0;
}

.gdproject-grid-project-22-4-block-1-wrap{
	width:100%;
	height:calc(50% - 0.2rem);
}

.gdproject-grid-project-22-4-block-1-wrap:first-child{padding-bottom:0.2rem;}
.gdproject-grid-project-22-4-block-1-wrap:last-child{padding-top:0.2rem;}


.gdproject-grid-project-4-22-block-1{
	display:-webkit-flex;
	display:flex;
	-webkit-align-content:flex-start;
	align-content:flex-start;
	-webkit-align-items:stretch;
	align-items:stretch;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-flex-direction:column;
	flex-direction:column;
	width:calc(((100% - (0.4rem)) / 3 * 2) + 0.4rem);
	height:auto;
	padding-right:0.2rem;
	-webkit-align-self:stretch;
	align-self:stretch;
	margin-left:0;
}

.gdproject-grid-project-4-22-block-2{
	display:-webkit-flex;
	display:flex;
	-webkit-align-content:flex-start;
	align-content:flex-start;
	-webkit-align-items:stretch;
	align-items:stretch;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-flex-direction:column;
	flex-direction:column;
	width:calc((100% - (0.4rem)) / 3);
	height:auto;
	padding-left:0.2rem;
	-webkit-align-self:stretch;
	align-self:stretch;
	margin-left:0;
}

.gdproject-grid-project-4-22-block-2-wrap{
	width:100%;
	height:calc(50% - 0.2rem);
}

.gdproject-grid-project-4-22-block-2-wrap:first-child{padding-bottom:0.2rem;}
.gdproject-grid-project-4-22-block-2-wrap:last-child{padding-top:0.2rem;}



.gdproject-grid img{
	width:100%;
	height:100%;
	object-fit: cover;
}

.gdproject-info-description p{padding-bottom:1rem;}
.gdproject-info-description p:first-child{padding-bottom:0rem;}
.gdproject-info-description p:last-child{padding-bottom:0rem;}



video{
	/*background-color: #000;*/
	object-fit: cover;
}





/* no transitions */

.notransition {
  -webkit-transition: none !important;
     -moz-transition: none !important;
      -ms-transition: none !important;
       -o-transition: none !important;
          transition: none !important;
}

/* way the hell off screen */
.scrollbar-measure {
    width: 100px;
    height: 100px;
    overflow: scroll;
    position: absolute;
    top: -9999px;
}

.imgdesktop{	display:block;	}
.imgmobile{		display:none;		}

.desktop{			display:block;	}
.mobile{			display:none!important;		}



/* MEDIA QUERRIES */



/* Small devices */
@media only screen and (max-width: 767px)  {

	div.menu-top-wrapper{
		width:100%;
		padding-top:0.4rem;
		padding-bottom:0.4rem;
	}

	.menu-top-content-logo{
		width:calc(50% - 0.5rem);
		padding-left:0.5rem;
	}

	@-moz-document url-prefix() { 
	  	div.menu-top-wrapper, div.menu-categories-wrapper{
			padding-top:0.475rem;
			padding-bottom:0.325rem;
		}

	}

	ul.menu-top-content-list{display:none;}

	/* gd grid */

	section.gdmain-grid-wrapper{
		position:absolute;
		display:block;
		width:100%;
		height:auto;
		padding-top:calc(1.8rem);
		padding-bottom:0px;
		overflow:hidden;
	}

	div.gdmain-grid-content{padding-bottom:0;overflow:hidden;}

	div.gdmain-project-container{
		position:relative;
		display:-webkit-flex;
		display:flex;
		width:100%;
		height:calc(100vw / (var(--image-ratio)) );
		border-top:1px #000 solid;
		border-bottom:1px #000 solid;
		margin-top:-0.5%;
		margin-bottom:-0.5%;
		background-color:#FFF;
		cursor:pointer;
		overflow:hidden;
	}

	div.gdmain-hovercontainer{
		width:calc(100% - 1rem - 16px);
		padding:0.5rem;
		padding-top:0.5rem;
		padding-right:calc(0.5rem + 16px);
	}

	div.gdmain-project-container:last-child{
		border-bottom:none;
	}

	section.gdmain-grid-wrapper div.gdmain-lineleft{display:none;}
	section.gdmain-grid-wrapper div.gdmain-linecenter{display:none;}
	section.gdmain-grid-wrapper div.gdmain-lineright{display:none;}

	/* a r c h i v e */

	div.gdarchive-grid-content{
		padding-bottom:0;
	}

	div.gdarchive-grid-content a:last-of-type div.gdarchive-row{
		border-bottom:1px solid rgba(0,0,0,1);
	}

	div.gdarchive-row{
		width:100%;
	}

	div.gdarchive-row .table-cell:first-of-type{
		width:calc(100% - 3rem);
	}

	div.gdarchive-row .table-cell:last-of-type{
		width:3rem;
		text-align: right;
	}

	div.gdarchive-grid-content a:hover div.gdarchive-hovercontainer{
		display:none;
	}

	/* curating grid */

	section.curatingmain-grid-wrapper{
		position:absolute;
		display:block;
		width:100%;
		height:auto;
		padding-top:calc(1.8rem + 0.225rem - 6px);
	}

	div.curatingmain-grid-content{
		position:relative;
		width:100%;
		height:auto;
		border-top:1px #000 solid;
	    display: grid;
		grid-template-columns: repeat(1, 1fr);
	    grid-auto-rows: auto;
	}

	div.curatingmain-project-container{
		position:relative;
		display:-webkit-flex;
		display:flex;
		width:100%;
		height:auto;
		max-height:none;
		grid-column-end: span 1;
		overflow:hidden;
		border-bottom:1px #000 solid;
	}

	img.curatingmain-imgclass{position:absolute;}

	div.curatingmain-hovercontainer{
		position:relative;
		height:auto;
		padding:0.5rem;
		padding-right:calc(0.5rem + 16px);
		padding-bottom:37.75vw;
	}

	div.curatingmain-project-container:hover div.curatingmain-hovercontainer{
		display:block;
		z-index:-1;
		opacity:0;
	}

	a:last-child div.curatingmain-project-container{
		border-bottom:none;
	}

	section.curatingmain-grid-wrapper div.curatingmain-lineleft{display:none;}
	section.curatingmain-grid-wrapper div.curatingmain-lineright{display:none;}
	section.curatingmain-grid-wrapper div.curatingmain-linebottom{display:none;}

	/* publishing grid */

	section.publishingmain-grid-wrapper{
		position:absolute;
		display:block;
		width:100%;
		height:auto;
		padding-top:calc(1.8rem + 0.225rem - 6px);
	}

	div.publishingmain-grid-content{
		position:relative;
		width:100%;
		height:auto;
		max-height:calc(100vw * 1.2);
		border-top:1px #000 solid;
	    display: grid;
		grid-template-columns: repeat(1, 1fr);
	    grid-auto-rows: auto;
	}

	div.publishingmain-project-container{
		position:relative;
		display:-webkit-flex;
		display:flex;
		width:100%;
		height:calc(100vw * 1.25);
		grid-column-end: span 1;
		overflow:hidden;
		border-bottom:1px #000 solid;
	}

	div.publishingmain-hovercontainer{
		padding:0.5rem;
		padding-right:calc(0.5rem + 16px);
		padding-top:0.5rem;
	}

	a:last-child div.publishingmain-project-container{
		border-bottom:none;
	}

	section.publishingmain-grid-wrapper div.publishingmain-lineleft{display:none;}
	section.publishingmain-grid-wrapper div.publishingmain-linecenter{display:none;}
	section.publishingmain-grid-wrapper div.publishingmain-lineright{display:none;}
	section.publishingmain-grid-wrapper div.publishingmain-linebottom{display:none;}

	/* a b o u t */

	section.about-grid-wrapper{
		position:absolute;
		display:block;
		width:100%;
		height:auto;
		padding-top:calc(1.8rem + 0.225rem - 4px);

		-ms-word-break: break-all;
		 overflow-wrap: break-word;
	  		word-break: break-word;
	  		 word-wrap: break-word;

	}

	div.about-grid-content{
		position:relative;
		width:100%;
		height:auto;
	}

	div.about-column{
		height:auto;
		overflow:hidden;
	}

	div.about-2column{
		width:100%;
	}

	div.about-1column{
		width:100%;
	}

	div.about-column-txt, div.about-column-contact, div.about-column-list{
		border-bottom:1px #000 solid;
	}

	div.about-column:last-child div.about-column-list:last-child{
		border-bottom:none;
		padding-bottom:0.5rem;
	}

	div.about-column h6{
		font-size:1rem;
		font-weight: normal;
		padding-bottom:2rem;
	}

	.about-column h5{
		font-size:1rem;
		line-height:115%;
		padding-top:1rem;
	}

	div.about-column-txt, div.about-column-contact, div.about-column-list{
		padding:0.5rem;
	}

	div.about-column-list{
		padding:0.5rem;
		padding-bottom:0.5rem;
		padding-right:1rem;
	}

	div.about-column-txt{
		padding-top:0.5rem;
		padding-bottom:2.25rem;
	}

	div.about-column-contact{
		padding-top:0.5rem;
		padding-right:1rem;
		padding-bottom:2.25rem;
	}

	div.about-column-txt p{
		padding-bottom:2rem;
	}

	div.about-column-txt p:last-child{
		padding-bottom:0rem;
	}

	div.about-column-contact, div.about-column-list{
		width:calc(100% - 1.5rem);
	}

	div.about-column-contact p{
		padding-top:1rem;
	}

	div.about-column-list p{
		font-size:1rem;
		padding-top:0rem;
	}

	section.about-grid-wrapper div.about-lineleft, section.about-grid-wrapper div.about-linecenter, 
	section.about-grid-wrapper div.about-lineright, section.about-grid-wrapper div.about-linefarright {display:none;}

	/* single project */

	section.gdproject-wrapper{
		position:absolute;
		display:-webkit-flex;
		display:flex;
		width:100%;
		height:auto;
		padding-top:calc(1.8rem + 1px);
	}

	div.gdproject-info-wrapper{
		position:relative;
		display: block;
		order:2;
		width:calc(100%);
		height:auto;
		padding-bottom:0.2rem;
		border-top:1px #000 solid;
		margin-top:-0.2rem;
		z-index:3;
	}

	div.gdproject-grid-wrapper{
		position:relative;
		display:block;
		order:1;
		width:calc(100%);
		height:auto;
		padding:0;
		padding-bottom:0;
}

	div.gdproject-info-facts-col1{
	    position:relative;
	    display:block;
		float:left;
		clear:both;
		width:calc(100% - 1rem);
		height:auto;
		padding:0.5rem;
	}

	div.gdproject-info-facts-col2{
	    position:relative;
	    display:block;
		float:left;
		clear:both;
		width:calc(100% - 1rem);
		height:auto;
		padding:0.5rem;
		padding-top:0;
		margin-top:-0.5rem;
		border-top:none;
	}

	div.gdproject-info-description{
		position:relative;
		display:block;
		float:left;
		clear:right;
		width:calc(100% - 1rem);
		padding:0.5rem;
		padding-bottom:3rem;
		border-top:1px #000 solid;
	}



	/* imgs grid */

	.gdproject-grid{
		position:relative;
		display:-webkit-flex;
		display: flex;
		-webkit-align-content:flex-start;
		align-content:flex-start;
		-webkit-align-items:flex-start;
		align-items:flex-start;
		-webkit-justify-content:flex-start;
		justify-content: flex-start;
		-webkit-flex-direction:column;
		flex-direction:column;
	    width:100%;
	    padding:0;
	    margin:0;
		margin-top:-0.2rem;
	    height:auto;
	    overflow:hidden;
	    border-top:1px solid #000;
	}

	.gdproject-grid-project-2-2-2-block, .gdproject-grid-project-3-3-block, .gdproject-grid-project-6-block{
		width:calc(100%);
		height:auto;
		padding:0;
		margin-top:-0.2rem;
		border-top:1px solid #000;
	}

	.gdproject-grid-project-2-4-block:first-child, .gdproject-grid-project-2-4-block:last-child,
	.gdproject-grid-project-4-2-block:first-child, .gdproject-grid-project-4-2-block:last-child{
		width:calc(100%);
		height:auto;
		padding:0;
		margin-top:-0.2rem;
		border-top:1px solid #000;
	}

	.gdproject-grid-project-22-4-block-1, .gdproject-grid-project-22-4-block-2{
		width:calc(100%);
		height:auto;
		padding:0;
		margin-top:-0.2rem;
		border-top:1px solid #000;
	}

	.gdproject-grid-project-22-4-block-1-wrap{
		width:100%;
		height:50%;
		padding:0!important;
		margin-top:-0.2rem;
		border-top:1px solid #000;
	}

	.gdproject-grid-project-4-22-block-1, .gdproject-grid-project-4-22-block-2{
		width:calc(100%);
		height:auto;
		padding:0;
		margin-top:-0.2rem;
		border-top:1px solid #000;
	}

	.gdproject-grid-project-4-22-block-2-wrap{
		width:100%;
		height:50%;
		padding:0!important;
		margin-top:-0.2rem;
		border-top:1px solid #000;
	}









	p{line-height: 115%;}
	.gdmain-projectline .underline{line-height:115%;}



	.hidemobile{display:none;}

}



/* OVERRIDE MOBILE ORIENTATION */

/* mobile devices (portrait) */
@media only screen and (max-width: 767px) and (orientation: portrait),
only screen and (max-width: 449px) and (orientation: landscape),
only screen and (max-width: 767px) and (orientation: landscape)  {

	/* open and close button anim */

	.menu-top-mobile-btn{
		position:absolute;
		display:block;
		width:2.5rem;
		height:1.8rem;
		top:0;
		right:0;
		z-index:999;
		cursor: pointer;
		opacity:1;
	}

	.menu-top-mobile-open{
		position:absolute;
		width:1rem;
		height:1rem;
		padding:0.4rem;
		padding-left:1rem;
		padding-right:0.5rem;
	}

	.togglebtn-line{
		position:absolute;
		width:1rem;
		height:1px;
		top:11px;
		background-color:#000;
	}

	.togglebtn-line1, .togglebtn-line3{
		-webkit-transition: transform 125ms ease-in-out 125ms, opacity 0ms ease-in-out 125ms;
	       -moz-transition: transform 125ms ease-in-out 125ms, opacity 0ms ease-in-out 125ms;
	        -ms-transition: transform 125ms ease-in-out 125ms, opacity 0ms ease-in-out 125ms;
	         -o-transition: transform 125ms ease-in-out 125ms, opacity 0ms ease-in-out 125ms;
	            transition: transform 125ms ease-in-out 125ms, opacity 0ms ease-in-out 125ms;
	}

	.togglebtn-line2, .togglebtn-line22 {
		-webkit-transition: all 125ms ease-in-out 0ms;
	       -moz-transition: all 125ms ease-in-out 0ms;
	        -ms-transition: all 125ms ease-in-out 0ms;
	         -o-transition: all 125ms ease-in-out 0ms;
	            transition: all 125ms ease-in-out 0ms;
	}

	.opentoclose .togglebtn-line1, .opentoclose .togglebtn-line3{
		-webkit-transform: translate(0, 9px);
		   -moz-transform: translate(0, 9px);
		    -ms-transform: translate(0, 9px);
		     -o-transform: translate(0, 9px);
		     	transform: translate(0, 9px);

		opacity:0;

		-webkit-transition: transform 125ms ease-in-out 0ms, opacity 0ms ease-in-out 125ms;
	       -moz-transition: transform 125ms ease-in-out 0ms, opacity 0ms ease-in-out 125ms;
	        -ms-transition: transform 125ms ease-in-out 0ms, opacity 0ms ease-in-out 125ms;
	         -o-transition: transform 125ms ease-in-out 0ms, opacity 0ms ease-in-out 125ms;
	            transition: transform 125ms ease-in-out 0ms, opacity 0ms ease-in-out 125ms;
	}

	.opentoclose .togglebtn-line2{
		width:1.2rem;
		top:0.875rem;
		margin-left:-0.1rem;

		-webkit-transform:rotate(-45deg);
	       -moz-transform:rotate(-45deg);
	        -ms-transform:rotate(-45deg);
	         -o-transform:rotate(-45deg);
	            transform:rotate(-45deg);
	}

	.opentoclose .togglebtn-line22{
		width:1.2rem;
		top:0.875rem;
		margin-left:-0.1rem;

		-webkit-transform:rotate(45deg);
	       -moz-transform:rotate(45deg);
	        -ms-transform:rotate(45deg);
	         -o-transform:rotate(45deg);
	            transform:rotate(45deg);
	}

	.opentoclose .togglebtn-line2, .opentoclose .togglebtn-line22{
	    -webkit-transition: all 125ms ease-in-out 125ms;
	       -moz-transition: all 125ms ease-in-out 125ms;
	        -ms-transition: all 125ms ease-in-out 125ms;
	         -o-transition: all 125ms ease-in-out 125ms;
	            transition: all 125ms ease-in-out 125ms;
	}

	.opentoclose .menu-top-mobile-btn-category-dot1, .opentoclose .menu-top-mobile-btn-category-dot2, .opentoclose .menu-top-mobile-btn-category-dot3{
		opacity:0;

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

	.togglebtn-line1{
		-webkit-transform: translate(0,0);
		   -moz-transform: translate(0,0);
		    -ms-transform: translate(0,0);
		     -o-transform: translate(0,0);
		     	transform: translate(0,0);
		opacity:1;
	}
	.togglebtn-line2{top:calc(20px);}
	.togglebtn-line22{top:calc(20px);}
	.togglebtn-line3{
		-webkit-transform: translate(0 , 18px);
		    -ms-transform: translate(0 , 18px);
		     -o-transform: translate(0 , 18px);
		     	transform: translate(0 , 18px);
		   -moz-transform: translate(0 , 18px);
		opacity:1;
	}

	/* toggle category mobile */

	.menu-top-mobile-btn-category{
		position:absolute;
		display:block;
		float:none;
		width:2rem;
		height:1.8rem;
		top:0;
		left:calc(100vw - 12.5vw - 3rem - 0.375rem);
		z-index:999;
		cursor: pointer;
		opacity:1;
	}

	.menu-top-mobile-open-category{
		position:relative;
		width:1rem;
		height:1rem;
		padding:0.4rem;
		padding-left:0.5rem;
		padding-right:0.5rem;
	}

	.menu-top-mobile-btn-category-dot1{position:absolute;top:calc(11px - 3px);left:calc(40% - 3px);width:5px;height:5px;border-radius:100%;background-color:#FFF;border:1px solid #000;}
	.menu-top-mobile-btn-category-dot2{position:absolute;top:calc(20px - 3px);left:calc(60% - 3px);width:5px;height:5px;border-radius:100%;background-color:#FFF;border:1px solid #000;}
	.menu-top-mobile-btn-category-dot3{position:absolute;top:calc(29px - 3px);left:calc(40% - 3px);width:5px;height:5px;border-radius:100%;background-color:#FFF;border:1px solid #000;}

	.menu-top-mobile-btn-category-dot1, .menu-top-mobile-btn-category-dot2, .menu-top-mobile-btn-category-dot3{
		opacity:1;

	    -webkit-transition: opacity 125ms ease-in-out 200ms;
	       -moz-transition: opacity 125ms ease-in-out 250ms;
	        -ms-transition: opacity 125ms ease-in-out 250ms;
	         -o-transition: opacity 125ms ease-in-out 250ms;
	            transition: opacity 125ms ease-in-out 250ms;

	}


	/* menu open */

	.menu-top-mobile-menu{
		position:fixed;
		display:block;
		width:100%;
		height:100%;
		top:-100%;
		background-color:#FFF;
		z-index:99;
		opacity:0;

		-webkit-transition: top 250ms ease-in-out, opacity 0ms ease-in-out 250ms;
	       -moz-transition: top 250ms ease-in-out, opacity 0ms ease-in-out 250ms;
	        -ms-transition: top 250ms ease-in-out, opacity 0ms ease-in-out 250ms;
	         -o-transition: top 250ms ease-in-out, opacity 0ms ease-in-out 250ms;
	            transition: top 250ms ease-in-out, opacity 0ms ease-in-out 250ms;
	}

	.menu-top-mobile-menu ul{
		height:calc(100% - 1.8rem);
		margin-top:1.8rem;
	}

	.menu-top-mobile-menu li{
		width:calc(100% - 0.8rem);
		height:calc( ((100% - 1.8rem) / 5) - 0.375rem);
		padding:0.4rem;
		display:-webkit-flex;
		display: flex;
		-webkit-align-items:center;
  	align-items: center;
  	-webkit-justify-content:center;
  	justify-content: center;
  	border-bottom:1px solid #000;
	}

	li a:hover{color:#808080;}

	li.active a{
		color:#808080;
	}

	.menu-top-mobile-menu.openmenumobile{
		top:0px;
		opacity:1;

		-webkit-transition: top 250ms ease-in-out, opacity 0ms ease-in-out 0ms;
	       -moz-transition: top 250ms ease-in-out, opacity 0ms ease-in-out 0ms;
	        -ms-transition: top 250ms ease-in-out, opacity 0ms ease-in-out 0ms;
	         -o-transition: top 250ms ease-in-out, opacity 0ms ease-in-out 0ms;
	            transition: top 250ms ease-in-out, opacity 0ms ease-in-out 0ms;
	}

	.menu-categories-wrapper{
		position:fixed;
		display:block;
		width:100%;
		height:100%!important;
		top:-100%;
		bottom:inherit;
		background-color:#FFF;
		z-index:99!important;
		opacity:1;
		overflow-y: auto;
	    -webkit-overflow-scrolling: touch;

	    -webkit-transform: translateY(0)!important;
	       -moz-transform: translateY(0)!important;
	        -ms-transform: translateY(0)!important;
	         -o-transform: translateY(0)!important;
	            transform: translateY(0)!important;

		-webkit-transition: top 250ms ease-in-out, opacity 0ms ease-in-out 250ms !important;
	       -moz-transition: top 250ms ease-in-out, opacity 0ms ease-in-out 250ms !important;
	        -ms-transition: top 250ms ease-in-out, opacity 0ms ease-in-out 250ms !important;
	         -o-transition: top 250ms ease-in-out, opacity 0ms ease-in-out 250ms !important;
	            transition: top 250ms ease-in-out, opacity 0ms ease-in-out 250ms !important;
	}

	div.menu-categories-wrapper:hover{
		-webkit-transform: translateY(0)!important;
		   -moz-transform: translateY(0)!important;
		    -ms-transform: translateY(0)!important;
		     -o-transform: translateY(0)!important;
		        transform: translateY(0)!important;

		-webkit-transition:transform none;
		   -moz-transition:transform none;
			-ms-transition:transform none;
			 -o-transition:transform none;
				transition:transform none;
	}

	div.menu-categories-wrapper:hover .menu-categories-opened{display:block;opacity:1;}
	div.menu-categories-wrapper:hover .menu-categories-closed{display:none;opacity:1;}

	.menu-categories-wrapper.openmenumobile{
		top:0px;
		opacity:1;

		-webkit-transition: top 250ms ease-in-out, opacity 0ms ease-in-out 0ms !important;
	       -moz-transition: top 250ms ease-in-out, opacity 0ms ease-in-out 0ms !important;
	        -ms-transition: top 250ms ease-in-out, opacity 0ms ease-in-out 0ms !important;
	         -o-transition: top 250ms ease-in-out, opacity 0ms ease-in-out 0ms !important;
	            transition: top 250ms ease-in-out, opacity 0ms ease-in-out 0ms !important;
	}

	.menu-categories-opened{
		position:relative;
		display:block;
		float:left;
		clear:both;
		width:calc(100% - 0.8rem)!important;
		height:auto;
		opacity:1;
		margin-top:3.25rem!important;
	}

	ul.list-categories-opened{
		position:relative;
		float:left;
		clear:both;
		width:calc(100%);
		height:auto;
	}

	ul.list-categories-closed, ul.list-categories-opened{
		width:100%!important;
	}

	ul.list-categories-opened{
		margin-bottom:calc(0.25rem / 2);
	}

	ul.list-categories-opened li{
		padding-left:0.5rem;
		padding-right:0.5rem;
		padding-top:calc(0.175rem);
		padding-bottom:calc(0.175rem);
		cursor:pointer;
	}

	.menu-categories-title{
		width:calc(100%);
		padding-left:0.5rem;
		padding-bottom:calc(0.175rem);
	}

	/*
	.menu-categories-wrapper{
		display:none;
	}
	*/

	.menu-categories-btn-wrapper{
		display:none;
	}

	.menu-categories-closed{
		display:none;
	}

	.button-individualpage-wrapper{
		top:initial;
		left:initial;
		right:calc(50vw - 30px);
		bottom:calc(1rem - 15px)!important;
		width:30px;height:30px;
		padding:15px;
	}

	.button-individualpage{width:30px;height:30px;}
	.backtoindexline1{width:22px;top:15px;left:4px;}
	.backtoindexline2{width:22px;top:15px;left:4px;}
	.backtotopline1{width:15px;top:13px;left:3px;}
	.backtotopline2{width:15px;top:13px;left:12px;}

	.imgdesktop{	display:none;		}
	.imgmobile{		display:block;	}

	.desktop{			display:none!important;		}
	.mobile{			display:block;	}
	
}










@media only screen and (max-width: 350px) and (orientation: portrait),
only screen and (max-width: 350px) and (orientation: landscape) {

}





/* Medium devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	html{font-size:18px;}

	.menu-top-content-logo{width:calc(25% - 0.375rem);}
	ul.menu-top-content-list{
		width:calc(100% - 25% - 0.2rem - 16px);
		padding-left:calc(0.2rem);
	}

	.menu-categories-title{
		width:calc( (100% / 4) - 0.375rem - 2rem);
		padding-left:calc(50% + 0.375rem + 1rem);
	}

	ul.list-categories-closed{
		width:calc( (100vw / 8 * 3) - (0.375rem * 2) );
		padding-left:calc(0.375rem * 2);
	}

	ul.list-categories-opened{
		padding-left:calc(0.375rem * 2);
	}

	div.about-column-contact, div.about-column-list{
		float:left;
		clear:both;
		width:calc(100% - 0.8rem);
		-webkit-flex-direction:column;
		flex-direction:column;
		-webkit-align-items:flex-start;
		align-items:flex-start;
	}

	div.about-column{
		-webkit-flex-direction:column;
		flex-direction:column;
		-webkit-align-items:flex-start;
		align-items:flex-start;
	}

	div.about-column-contact{border-bottom:1px #000 solid;}
	div.about-column-list:nth-child(1){border-bottom:1px #000 solid;}
	div.about-column-list h6, div.about-column-list h5, div.about-column-list p{font-size:1rem;}

	div.about-column-wrapper2and3:last-child div.about-column-list h6.paddingscrollbar, 
	div.about-column-wrapper2and3:last-child div.about-column-list h5.paddingscrollbar, 
	div.about-column-wrapper2and3:last-child div.about-column-list p.paddingscrollbar{
		padding-right:calc(0.25rem + 16px);
	}

	div.about-column-list:nth-child(2) h6 {padding-top:1rem;}

	div.about-column-contact:nth-child(1) p:last-child, div.about-column-list:nth-child(1) p:last-child{padding-bottom:1rem;}

	section.about-grid-wrapper div.about-linecenter{display:none;}
	section.about-grid-wrapper div.about-linefarright{display:none;}

	.button-individualpage-wrapper{width:22px;height:22px;left:calc(100vw - 26px - 0.4rem - 0.75rem + 2px);}
	.button-individualpage{width:20px;height:20px;}
	.backtoindexline1{width:14px;top:10px;left:3px;}
	.backtoindexline2{width:14px;top:10px;left:3px;}
	.backtotopline1{width:9px;top:9px;left:3px;}
	.backtotopline2{width:9px;top:9px;left:9px;}

}

/* Large devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	html{font-size:18px;}

	.button-individualpage-wrapper{width:22px;height:22px;left:calc(100vw - 26px - 0.4rem - 0.75rem + 2px);}
	.button-individualpage{width:20px;height:20px;}
	.backtoindexline1{width:14px;top:10px;left:3px;}
	.backtoindexline2{width:14px;top:10px;left:3px;}
	.backtotopline1{width:9px;top:9px;left:3px;}
	.backtotopline2{width:9px;top:9px;left:9px;}

}

/* Extra large devices (large desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	html{font-size:22px;}
}