@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,900,300,300italic);
@import url(https://fonts.googleapis.com/css?family=Poppins:400,300,500,600,700);


/* HURME FONT */
@font-face {
	font-family: 'hbold';
	src: url('../fonts/hurme/hurmegeometricsans2-bold-webfont.eot');
	src: url('../fonts/hurme/hurmegeometricsans2-bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/hurme/hurmegeometricsans2-bold-webfont.woff2') format('woff2'),
		 url('../fonts/hurme/hurmegeometricsans2-bold-webfont.woff') format('woff'),
		 url('../fonts/hurme/hurmegeometricsans2-bold-webfont.ttf') format('truetype'),
		 url('../fonts/hurme/hurmegeometricsans2-bold-webfont.svg#hurme_geometric_sans_2bold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'hregular';
	src: url('../fonts/hurme/hurmegeometricsans2-regular-webfont.eot');
	src: url('../fonts/hurme/hurmegeometricsans2-regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/hurme/hurmegeometricsans2-regular-webfont.woff2') format('woff2'),
		 url('../fonts/hurme/hurmegeometricsans2-regular-webfont.woff') format('woff'),
		 url('../fonts/hurme/hurmegeometricsans2-regular-webfont.ttf') format('truetype'),
		 url('../fonts/hurme/hurmegeometricsans2-regular-webfont.svg#hurme_geometric_sans_2regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'hlight';
	src: url('../fonts/hurme/hurmegeometricsans2-light-webfont.eot');
	src: url('../fonts/hurme/hurmegeometricsans2-light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/hurme/hurmegeometricsans2-light-webfont.woff2') format('woff2'),
		 url('../fonts/hurme/hurmegeometricsans2-light-webfont.woff') format('woff'),
		 url('../fonts/hurme/hurmegeometricsans2-light-webfont.ttf') format('truetype'),
		 url('../fonts/hurme/hurmegeometricsans2-light-webfont.svg#hurme_geometric_sans_2light') format('svg');
	font-weight: normal;
	font-style: normal;
}


html, body {height:100%; min-height:100%; background:#000;}
.container-fluid, .row {min-height:100%; height:100%; overflow:hidden; width:100%; padding:0; margin:0;}


/* PC TASARIM */
.row_PC .firma_logo {
	min-height:100%;
	height:100%;
	position:relative;
	padding:0;
}
.row_PC .firma_logo:before {
	content:'';
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);
	display:block;
	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.row_PC .firma_logo:hover:before {
	content:'';
	width:100%;
	height:100%;
	background:rgba(0,0,0,.2);
	display:block;
	border:solid 10px rgba(255,255,255,.4);
}
.row_PC .firma_logo:nth-child(1) {background:url("img/izopiyer.jpg"); background-size:cover;}
.row_PC .firma_logo:nth-child(2) {background:url("img/izowood.jpg"); background-size:cover;}
.row_PC .firma_logo:nth-child(3) {background:url("img/izodekor.jpg"); background-size:cover;}

.row_PC .firma_logo a {
	position:absolute;
	z-index:999;
	top:50%;
	padding:20px;
	width:100%;
	display:block;
	background:rgba(255,255,255,1);
		
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.row_PC .firma_logo:hover a {
	padding:60px 20px;
	margin-top:-40px;
	background:#cfcfcf;
	border-top:solid 10px #ffF;
	
	-webkit-box-shadow: 0 0 200px 20px rgba(0,0,0,1);
	box-shadow: 0 0 200px 20px rgba(0,0,0,1);
}
.row_PC .firma_logo a img {
	z-index:999;
	max-height:90px;
	position:relative;
	margin:auto;
}




/* MOBİL TASARIM */
.row_Mobil .firma_logo {
	height:33.33%;
	position:relative;
	padding:0;
}
.row_Mobil .firma_logo:before {
	content:'';
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);
	display:block;
	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.row_Mobil .firma_logo:hover:before {
	content:'';
	width:100%;
	height:100%;
	background:rgba(0,0,0,.2);
	display:block;
	border:solid 10px rgba(255,255,255,.4);
}
.row_Mobil  .firma_logo:nth-child(1) {background:url("img/izopiyer.jpg");}
.row_Mobil  .firma_logo:nth-child(2) {background:url("img/izowood.jpg");}
.row_Mobil  .firma_logo:nth-child(3) {background:url("img/izodekor.jpg");}


.row_Mobil .firma_logo a {
	position:absolute;
	z-index:999;
	top:30%;
	width:100%;
	display:block;
	background:rgba(255,255,255,1);
}
.row_Mobil .firma_logo a img {
	z-index:999;
	max-height:90px;
	position:relative;
	padding:10px;
}