#logo img{max-width:360px; width:70%;position: absolute;    z-index: 99;}
.home #logo-b{display:none;}


#menu_btn, #menu_btn_close, #search_btn_close{position:fixed; right:0; top:0; width:120px;    z-index: 99;}



#menu{ display:none;width:50%;height:100%; position:fixed; right:0; top:0;  background:#000; z-index:1000}
#menu_content{margin:35px; color:#fff;}
#logo_mini{width:130px; }
.menu-main-container ul{margin:43px 0;}
.menu-main-container li{padding:7px 0;font-size: 22px;font-family: 'europa-light', sans-serif;}

.menu-main-container li:nth-of-type(2) { color:#f26b65;}
.menu-main-container li:nth-of-type(3) { color:#f89d5a;}
.menu-main-container li:nth-of-type(4) { color:#5aa7d7;}
.menu-main-container li:nth-of-type(5) { color:#a35b90;}
.menu-main-container li:nth-of-type(6) { color:#bfd857;}

.menu-main-container .sub-menu{transition: all 0.5s;opacity: 0; height: 0;overflow: hidden;}
.menu-main-container ul ul{margin:0 0 0 20px;}
.menu-main-container li li:nth-of-type(n){color:inherit;padding:2px 0;font-size: 14px; text-transform:uppercase;font-family: 'europa-regular';}

@media screen and (min-height: 500px) {
	.menu-main-container li.menu-item-has-children:hover .sub-menu{opacity: 1;height: auto;}
}
@media screen and (max-height: 700px) and (min-width: 1000px) {
	#menu_bottom{right: 35px;}
}

#menu_bottom{position:absolute; bottom:35px; width:270px;font-size:11px;}
#menu_bottom .newsletter{overflow:hidden;}
#menu_bottom .newsletter p{ margin-bottom: 15px;display: block;}
#menu_bottom .social_m{ margin-top:20px;}
#menu_bottom .social_m img{width:auto;max-height:23px;}

#qtranslate-chooser {margin-bottom: 15px;}
#qtranslate-chooser li{display:inline-block; text-transform:uppercase; margin-right:10px;}
#qtranslate-chooser li:first-child::after{content:" \00a0 \00a0 / ";}
#qtranslate-chooser .active a span{text-decoration:underline;}
#menu_content .searcher input {   width: 252px;padding: 6px 8px;    -webkit-appearance: none;border: 1px solid #fff;background: #000;outline: none;font-family: 'europa-regular';color: #fff; margin-bottom:30px;}



#frontpage{height: 90%; font-size:10px;min-height:45vw;}
.cluster_mom{width:33.33%; float: left; height:100%;}
.cluster{ width:100%;height: 50%; overflow: hidden; position:relative;}


.cluster-title{    z-index: 9;position:absolute;border:2px solid #fff;     padding: 0.7vw;  width: 8.8vw;    text-align: center;    left: 11.5vw;   bottom: 7%;}
.cluster-title span{color:#fff;font-family: 'europa-bold'; font-size:1.2vw; text-transform:uppercase; letter-spacing:1px; }

#prototypes .cluster-title { border-color:#f26b65;}
#events .cluster-title { border-color:#5aa7d7;}
#news .cluster-title { border-color:#f89d5a;}
#calendar .cluster-title { border-color:#a35b90;}

#prototypes .cluster-title:hover { background:#f26b65;}
#events .cluster-title:hover { background:#5aa7d7;}
#news .cluster-title:hover { background:#f89d5a;}
#calendar .cluster-title:hover { background:#a35b90;}
#about .cluster-title:hover { background:#fff;}
#about .cluster-title:hover span{color:#000;}



.cluster-dark{position:absolute;top:0;width:100%;height:100%; background:rgba(0,0,0,0.2); z-index:2;}
#home .cluster-dark{background: rgba(0,0,0,0.6);}

.cluster-thumb{ overflow:hidden;
position: absolute; 
top: -10%;
left: -10%;
width: 120%;
height: 120%;
}
.cluster-thumb.black{background:#000;}


.logo-c{z-index:5;}  
.cluster-thumb img{
	position: absolute; 
  left: 0; 
  right: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  }


.cluster-overlay{display: none;}
.cluster-item:hover .cluster-thumb img{-webkit-filter: grayscale(1);filter:grayscale(1);}

.cluster-item:hover .cluster-dark{background:rgba(0,0,0,0.7);}


.cluster-item .title{ position: absolute; width: 70%;height: 40%;    top: 30%;    left: 15%;text-align: center;font-size: 2.8vw;    line-height: 1.1;z-index: 10; color: #fff; font-family: 'europa-light', sans-serif;}
.cluster-item .title a{
	    display: block;
 position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  
}
.cluster-item .slug{ font-size:1.6em; text-transform:uppercase;position: absolute;
    top: 57%;
    left: 20%;
    width: 60%;
    z-index: 10;
    color: #fff;
    text-align: center;}

#calendar{text-align:center; color:#fff;}
.calendar_wrapper{margin: 0 10%; height:80%;}
#calendar ul{ width:100%;    z-index: 9; position:relative;top: 50%;  
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#calendar li{font-size:1.8vw; padding:7px 0;}
#calendar li:first-child{border-top:none;}
#calendar .date{ font-size:0.6em; text-transform:uppercase;}
#calendar .title{font-family: 'europa-light';}
#calendar .show-more{font-family: 'europa-bold'; border-top:1px solid #fff; font-size:1.2em; text-transform:uppercase; width:80%; margin-left:10%; padding-top:1em;}




.home #footer{ padding:0;width: 100%; background: #000;height:10%; clear: both;}
.home #footer-inner{display:none;}
.home #footer-front{
	font-size:14px;
  display:block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  padding:0 3vw;
  width:94vw;
  overflow:hidden;
}

.home #footer p{margin:0;}
.home ul.address{float:left;top: 1vh; position: relative;    height: 4.5vh;}
.home ul.address li{display: inline; margin-right:1vw;}
.home ul.address li:nth-of-type(2n){margin-right:4vw;}

.home .social_f{ float:right; height:23px;margin: 5px 0;}
.home #footer img{max-height: 23px;width: auto;}

@media screen and (max-width: 900px) {
	.home #footer{height: 50%; min-height:350px;text-align: center;}
	.home ul.address{ float:none; height:initial;}
	.home ul.address li{display: block; margin-right:0;}
	.home ul.address li:nth-of-type(2n){margin-right:0; margin-bottom:20px;}
	.home .social_f{ float:none; margin-top:60px; height:34px;}
	.home #footer img { max-height: 34px;}

}






@media screen and (min-height: 1000px) {
	#frontpage{height: 92%;}
	#footer{height:8%;}
}
@media screen and (min-height: 1200px) {
	#frontpage{height: 94%;}
	#footer{height:6%;}
}


@media screen and (min-width: 1400px) {
	.cluster-thumb img{  min-width: 90%;  min-height: 90%;  }
}




/*ALL THE SAME*/
@media screen and (min-height: 800px) and (max-width: 1400px){
	#frontpage{height:100%;min-height:100vw; max-height:600px;}
	.cluster_mom{width:initial; display:inline;float: none;}

	.cluster{ width:50%; float:left;}
	.cluster-title {    padding: 1.3vw; width: 15vw;    left: 16.5vw;}
	.cluster-title span{ font-size:2vw;}
	.cluster-item .title {font-size: 4.2vw;}
	#calendar li {font-size: 2.3vw;}

} 
@media screen and (min-height: 950px) and (max-width: 1550px){
	#frontpage{height:100%;min-height:100vw; max-height:600px;}
	.cluster_mom{width:initial; display:inline;float: none;}

	.cluster{ width:50%; float:left;}
	.cluster-title {    padding: 1.3vw; width: 15vw;    left: 16.5vw;}
	.cluster-title span{ font-size:2vw;}
	.cluster-item .title {font-size: 4.2vw;}
	#calendar li {font-size: 2.3vw;}

} 
@media screen and (min-height: 1100px) and (max-width: 1700px){
	#frontpage{height:100%;min-height:100vw; max-height:600px;}
	.cluster_mom{width:initial; display:inline;float: none;}

	.cluster{ width:50%; float:left;}
	.cluster-title {    padding: 1.3vw; width: 15vw;    left: 16.5vw;}
	.cluster-title span{ font-size:2vw;}
	.cluster-item .title {font-size: 4.2vw;}
	#calendar li {font-size: 2.3vw;}

} 
@media screen and (max-width: 1000px) {
	#menu_bottom .newsletter{display:none;}
	#frontpage{height:100%;min-height:100vw; max-height:600px;}
	.cluster_mom{width:initial; display:inline;float: none;}

	.cluster{ width:50%; float:left;}
	.cluster-title {    padding: 1.3vw; width: 15vw;    left: 16.5vw;}
	.cluster-title span{ font-size:2vw;}
	.cluster-item .title {font-size: 4.2vw;}
	#calendar li {font-size: 2.8vw;}
	
	
}
/*ALL THE SAME*/






@media screen and (max-width: 600px) {
	
	#menu{width:100%;}
	.menu-main-container .sub-menu{display:none;}
	#frontpage{height:100%;min-height:200vw;}
	.cluster{ width:100%;}
	.cluster-title {padding: 2vw;   width: 26vw;    left: 35vw;}
	.cluster-title span{ font-size:3.5vw;}
	.cluster-item .title {font-size: 8.5vw;}
	#calendar li {font-size: 5.3vw;}
}