/**
* CSS
* @version 1.0
* @author Ozhan Binici
*/

strong {
	font-weight:700;
}

::-moz-selection { 
	background: #010101;
	color:#ffffff;
}
::selection {
    background: #010101;
	color:#ffffff;
}

body {
	width: 100%;
	height: auto;
	padding: 0px;
	margin: 0px;
	background-color:#FFFFFF;
	overflow-x:hidden;
	-webkit-overflow-scrolling: touch;
	-webkit-font-smoothing: antialiased;
	overflow-x:hidden;
	-webkit-text-size-adjust:none;
}

#content {
	width:100%;
	height:auto;
	position:relative;
	display:block;
	min-height:100vh;
	padding:0px;
	margin:0px;
}

.content-container {
	position:relative;
	display:block;
	margin:0px;
	padding:0px;
}

.content-container:after {
	content:" ";
	display:block;
	clear:both;
}

.item {
	position:relative;
	display:block;
	width:25%;
	height:auto;
	margin:0px;
	padding:0px;
	float:left;
}

a.item:after {
	content:" ";
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(255, 255, 0, 0);
	top:0px;
	left:0px;
	z-index:2;
	
	-ms-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition:all 0.3s ease;
}

@media(hover: hover) and (pointer: fine) {
	a.item:hover:after {
		background-color:rgba(255, 255, 0, 0.5);
	}
}

/*a.item:hover:after, */
a.item.hover:after {
	background-color:rgba(255, 255, 0, 0.5);
}

.item img {
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
	display:block;
}

@media (max-width:980px){
	.item {
		width:33.33%;
	}
}

@media (max-width:720px){
	.item {
		width:50%;
	}
}

@media (max-width:480px){
	.item {
		width:100%;
	}
}