.ib-container{

position: relative;
width: 100%;
max-width: 1000px;
margin: 30px auto;
display: block;

}

.ib-container:before,

.ib-container:after {

    content:"";

    display:table;

}

.ib-container:after {

    clear:both;

}

.ib-container article{

	display: block;

	width: 99px;

	height: 99px;

	background: #fff;

	cursor: pointer;

	float: left;

	border: 0px solid #fff;

	text-align: left;

	text-transform: none;

	z-index: 1;
	
	margin: 5px;

-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.6);
-moz-box-shadow:    0px 0px 8px 0px rgba(50, 50, 50, 0.6);
box-shadow:         0px 0px 8px 0px rgba(50, 50, 50, 0.6);

	-webkit-backface-visibility: hidden;

	-webkit-transition: 

		opacity 0.4s linear, 

		-webkit-transform 0.4s ease-in-out, 

		box-shadow 0.4s ease-in-out;

	-moz-transition: 

		opacity 0.4s linear, 

		-moz-transform 0.4s ease-in-out, 

		box-shadow 0.4s ease-in-out;

	-o-transition: 

		opacity 0.4s linear, 

		-o-transform 0.4s ease-in-out, 

		box-shadow 0.4s ease-in-out;

	-ms-transition: 

		opacity 0.4s linear, 

		-ms-transform 0.4s ease-in-out, 

		box-shadow 0.4s ease-in-out;

	transition: 

		opacity 0.4s linear, 

		transform 0.4s ease-in-out, 

		box-shadow 0.4s ease-in-out;



}

.ib-container h3 a{

	font-size: 16px;

	font-weight: 400;

	color: #000;

	color: rgba(0, 0, 0, 1);

	text-shadow: 0px 0px 0px rgba(0, 0, 0, 1);

	opacity: 0.8;

}

.ib-container article header span{

	font-size: 10px;

	font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;

	padding: 10px 0;

	display: block;

	color: #FFD252;

	color: rgba(255, 210, 82, 1);

	text-shadow: 0px 0px 0px rgba(255, 210, 82, 1);

	text-transform: uppercase;

	opacity: 0.8;

}

.ib-container article p{

	font-family: Verdana, sans-serif;

	font-size: 10px;

	line-height: 13px;

	color: #333;

	color: rgba(51, 51, 51, 1);

	text-shadow: 0px 0px 0px rgba(51, 51, 51, 1);

	opacity: 0.8;

}

.ib-container h3 a,

.ib-container article header span,

.ib-container article p{

	-webkit-transition: 

		opacity 0.2s linear, 

		text-shadow 0.5s ease-in-out, 

		color 0.5s ease-in-out;

	-moz-transition: 

		opacity 0.2s linear, 

		text-shadow 0.5s ease-in-out, 

		color 0.5s ease-in-out;

	-o-transition: 

		opacity 0.2s linear, 

		text-shadow 0.5s ease-in-out, 

		color 0.5s ease-in-out;

	-ms-transition: 

		opacity 0.2s linear, 

		text-shadow 0.5s ease-in-out, 

		color 0.5s ease-in-out;

	transition: 

		opacity 0.2s linear, 

		text-shadow 0.5s ease-in-out, 

		color 0.5s ease-in-out;

}

/* Hover Style for all the items: blur, scale down*/

.ib-container article.blur{

	-webkit-transform: scale(0.9);

	-moz-transform: scale(0.9);

	-o-transform: scale(0.9);

	-ms-transform: scale(0.9);

	transform: scale(0.9);

	opacity: 0.7;

}

.ib-container article.blur h3 a{

	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);

	color: rgba(0, 0, 0, 0);

	opacity: 0.5;

}

.ib-container article.blur header span{

	text-shadow: 0px 0px 10px rgba(255, 210, 82, 0.9);

	color: rgba(255, 210, 82, 0);

	opacity: 0.5;

}

.ib-container article.blur  p{

	text-shadow: 0px 0px 10px rgba(51, 51, 51, 0.9);

	color: rgba(51, 51, 51, 0);

	opacity: 0.5;

}



/* Hover Style for single item: scale up */

.ib-container article.active{

	-webkit-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-o-transform: scale(1.05);

	-ms-transform: scale(1.05);

	transform: scale(1.05);

	z-index: 100;	

	opacity: 1;

}

.ib-container article.active h3 a,

.ib-container article.active header span,

.ib-container article.active p{

	opacity; 1;

}
.distantier {
display: block; height: 125px; width: 100%;
}
@media screen and (min-height: 801px) {
.ib-container {
	max-height: 600px;
	overflow-y: scroll;
}
}
@media screen and (max-height: 800px) {
.ib-container {
position: relative;
width: 100%;
max-width: 1000px;
margin: 30px auto;
display: block;
max-height: 440px;
overflow-y: scroll;
}
#sequence .controls {
bottom: 12%;
}
.logo {
top: -15px;
background-size: 85%;
}
#header {
top: -50px;
}
.distantier {
height: 75px;
}
#section3 h1 {
display: none;
}
.mesaj {
height: 100px;
}
.ib-container {
max-height: 440px;
overflow: overlay;
-webkit-overflow-scrolling:touch;

}
.flexslider .slides > li img {
		margin: -80px 0;
}
#container {
margin: 10px auto;
}
}
@media screen and (max-width: 1024px) {
	#menu > li ul,
	#menu > li:hover ul  {
		display: none;
	}
}