@charset "UTF-8";

html, body					{	height : 100%;	width : 100%;	margin : 0;padding : 0;	}
* 							{ 	padding : 0;	margin : 0;	}
a img, img 					{ 	border : 0; outline : none; }
/*Opera Fix*/ body:before 	{	content:"";	height:100%;	float:left;	width:0;	margin-top:-32767px;}
body 						{	margin : 0;	background: #000000; }
div 						{	font-family: 'Open Sans', sans-serif; letter-spacing: 0; 	font-size : 14px; }
a 							{ 	font-family: 'Open Sans', sans-serif; text-decoration: none; }
#wrap 						{ 	min-height: 100%; }
#content 					{ 	width: 100%; 	transform: translatey(0px); 	animation: float 18s ease-in-out infinite;	   }
#pg_content					{ 	width: 100%; 		   }
header 						{ 	width: 90%;  margin-left:5%;	position: relative;  margin-top:50px;   min-height:20px; }
#iddntro_logo 		 		{   transition: all 0.2s ease-in-out; background:url(../images/logo.png); background-size:cover;   width:200px; height:104px;  margin-bottom:30px;   z-index: 3;   }
.intro img 		 			{   width:40%;  margin-bottom:30px; }
#logo 		 				{   transition: all 0.2s ease-in-out; background:url(../images/logo.png); background-size:cover;   width:250px; height:130px;  float:left;  z-index: 3;   }
#logo.active  	 			{   transition: all 0.2s ease-in-out;   width:1px; height:1px;  margin-top:-80px;  margin-left:103px;  }
a.anchor 					{   display: block;    position: relative;    top: 0px;    visibility: hidden;}
#navigation 				{	transition: all 0.2s ease-in-out; background: #000; width:30px; height:30px; float:right;  margin-top:32px; z-index : 1001;  position:relative;  	}
#navigation.active 			{	transition: all 0.2s ease-in-out; background: #000; width:30px; height:30px; float:right;  margin-top:-55px; z-index : 1001;  position:relative;  	}
.burger 					{	cursor:pointer;  }
.lines 						{	background:url(../images/burger.svg); 	background-size:cover;  width: 30px;  height:30px; 	 margin-left:0px; margin-top:0px;      }
.close  					{	background:url(../images/close.svg);	background-size:cover; 	width: 30px;  height:30px;   margin-left:0px; margin-top:0px; 	   }
.mobile_nav 				{   clear:both; background: #EFF0DA;	display:none;     z-index:1000; width:100%;    top:20px; padding-top:0px; padding-bottom:0px; position:relative;} 
.mobile_nav a 				{   text-align:center; color: #000;  font-size:18px; display:block;        margin-left:0px;     font-weight:400;font-family: 'Nunito', sans-serif; letter-spacing: 3px; text-transform:uppercase; padding-top:20px; padding-bottom:20px;} 
hr 							{   border: 0;    height: 1px;    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));}
section 					{	margin:1%; width:98%;   min-height:20px;   overflow: auto;   height: auto !important; float:left; }
.gallery 					{	margin:1%; width:18%; height:auto;   min-height:30px; display:block;  float:left; position: relative; overflow: hidden; }
.gallery img 				{ 	width:100%; height:auto; display:block;  filter: brightness(68%) grayscale(60%);}
.gallery:hover 
.img__description 			{   visibility: visible;  opacity: 1;}
.img__description 			{   position: absolute;    bottom: 9px; left:9px;  color: #fff; font-weight:400; font-family: 'Nunito', sans-serif;  text-transform:uppercase; letter-spacing:3px; font-size:12px;  visibility: hidden;  opacity: 0;  transition: opacity 2.0s, visibility 2.0s;}
footer 						{	background-color: #EFF0DA;   position: relative; width: 100%; height: 55px; margin-left: auto; margin-right: auto; margin-top: -55px; padding: 0; clear: both;   }
.footer 					{ 	margin-top:20px; width:100%; float:left; text-align:center;  color: #000;  font-weight:400;font-family: 'Nunito', sans-serif; letter-spacing: 3px;  text-transform:uppercase;  font-size:12px;   }
.footer_contact 			{	margin:20px;     }
.intro 						{   display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  text-align: center;  min-height: 100vh; width: 90%; margin-left:5%;    }
#typetxt 					{   width:100%;  font-family: 'Open Sans', sans-serif;  font-size: 28px;  color: #EFF0DA;  }
.enter 						{ 	margin-top:50px; text-transform:uppercase;  font-size: 16px;  color: #EFF0DA;    }
.enter a					{   color: #EFF0DA;  font-weight:400; font-family: 'Nunito', sans-serif; letter-spacing: 6px; }
.inner 						{	width: 90%;  margin-left:5%; min-height:90px;   float:left; margin-top:50px; margin-bottom:50px; color:#EFF0DA; font-size: 14px; line-height:180%;  }
.inner img 					{	width:100%; height:auto; margin-top:20px;  }
.title 						{ 	font-family: 'Nunito', sans-serif; letter-spacing: 3px; color: #EFF0DA; font-size: 30px; font-weight: 300; text-transform: uppercase;     margin-bottom:30px; }


 



@media only screen and (max-width:850px) {

.gallery 					{	width:31.333%;}
.footer_contact 			{	display:block;    }
footer 						{	height: 135px;   margin-top: -135px;    }
.img__description 			{   bottom: 5px; left:5px;     font-size:11px;  }


}



@media only screen and (max-width:650px) {


.intro img 		 			{   width:70%;  }
.gallery 					{	width:47%;}
#logo 		 				{   width:200px; height:104px;      }


}




@keyframes float {
	0% {
 
		transform: translatey(0px);
	}
	50% {
 
		transform: translatey(-100px);
	}
	100% {
 
		transform: translatey(0px);
	}
}



 
/* Horizontal Zoom-n-pan Container */
.img-hover-zoom--zoom-n-pan-h img {
  transition: transform .5s ease-in-out;
  transform: scale(1.4);
  transform-origin: 100% 0;
}

/* The Transformation */
.img-hover-zoom--zoom-n-pan-h:hover img {
  transform: scale(1.5) translatex(30%);  
}




/* Vertical Zoom-n-pan Container */
.img-hover-zoom--zoom-n-pan-v img {
  transition: transform .5s ease-in-out;
  transform: scale(1.4);
  transform-origin: 0 0;
}

/* The Transformation */
.img-hover-zoom--zoom-n-pan-v:hover img {
  transform: scale(1.25) translateY(0%);  
}



/* Zoom-n-rotate Container */
.img-hover-zoom--zoom-n-rotate img {
  transition: transform .4s ease-in-out;
}

/* The Transformation */
.img-hover-zoom--zoom-n-rotate:hover img {
  transform: scale(1) rotate(360deg);
}