@charset "utf-8";
/* CSS Document */
.large-photo{margin-bottom:20px;border:1px solid #d9d9d9}
.large-photo img{width: 100%;object-fit:contain}
.small-photo{float: left;width: calc(20% - 8px);margin:4px;cursor:pointer;}
.small-photo img{width:100%;object-fit:contain}
.prod-desc{padding:10px; border:1px solid #d9d9d9;}
.prod-desc table{width:100%;}
.prod-desc table tr td:first-child{font-weight:700}
.prod-det{border:1px solid #f7f3ee;margin-top:110px}
.prod-det h4{padding:5px;background-color:#efefef;margin:0;margin-bottom:20px;}
.prod-det p{padding:0 10px;}
mb { background-color:#FF0004;}
.slide { height:260px !important;}
.header{ height:50px; background-image:url(../images/m-header-bg.png); background-repeat:repeat-x; }
.img-nav{ background-image:url(../images/m-nav.png); background-repeat:no-repeat; width:24px; height:24px; }
.nav-items{width:auto; float:none; margin-right:auto; margin-left:auto; padding-top:6px; padding-left:12px;}
h2 a { color:#D0D0D0;}
a { color:#152831;}
.tablet-img {display:none;}
.mobil-img { display:block;}
.yonetim-img {height:260px; width:260px; float:left; margin:0px 0px 10px 0px;}
.texti 	li { list-style-position: inside; }
.language{ width:60px; height:38px; background-image:url(../images/ex_tr.png); background-repeat:no-repeat; float:right; margin:-33px -16px 0px 0px; }
.online_demo{ background-image:url(../images/mobil_online_demo.png); background-repeat:no-repeat; height:38px; width:134px; float:none; margin-right:auto; margin-left:auto; margin-top:-33px;}


/*  Slide 1 */
.slide1_1 {position: absolute; z-index:999; top:220px;  left:60px;}
.slide1_2 {position: absolute; z-index:-20; top:40px;   left:18px;}
.slide1_3 {position: absolute; z-index:-10; top:234px;  left:20px;}
.slide1_4 {position: absolute; z-index:-50; top:6px;   left:110px;}
.slide1_5 {position: absolute; z-index:-5;  top:224px;  left:156px;}
.slide1_6 {position: absolute; z-index:-5;  top:90px;  left:135px;}
/* Slide 1 - Son */

/*  Slide 3 */
.slide3_1 {position: absolute; z-index:9; 	top:160px;  left:36px;}
.slide3_2 {position: absolute; z-index:100; top:220px;  left:100px;}
.slide3_3 {position: absolute; z-index:-10; top:120px;  left:200px;}
.slide3_4 {position: absolute; z-index:-50; top:32px;    left:50px;}
/* Slide 3 - Son */


/*  Slide 4 */
.slide4_1 {position: absolute; z-index:9; 	top:120px;  left:190px;}
.slide4_2 {position: absolute; z-index:1; 	top:50px;  	left:200px;}
.slide4_3 {position: absolute; z-index:5;   top:40px;   left:30px;}
.slide4_4 {position: absolute; z-index:250; top:190px;  left:80px;}
.slide4_5 {position: absolute; z-index:50; 	top:132px;  left:40px;}
/* Slide 4 - Son */

#menu .box {
	position: fixed;
	text-align: left;
	padding-left:1px;
	overflow: hidden;
	z-index: -1;
	opacity: 0;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: rgba(0,0,0,0.8);
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out;
}

#menu ul {
	position: relative;
	top: 5%;
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2);
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out;
}

#menu li { 
	display: inline-block; 
	margin: 4px;
	
}

#menu li a {
	border: 1px solid transparent;
	text-decoration: none;
	font-size: 16px;
	color: #fff;
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;
	}

#menu li a:hover { border-color: #57defe; }

#menu li a i { 
	margin-right: 5px; 
	font-size: 16px;
}

#toggle-nav-label {
	color: rgba(0,0,0,0.5);
	
	text-align: center;
	line-height: 22px;
	font-size: 16px;
	display: block;
	cursor: pointer;
	position: relative;
	z-index: 500;
	width: 30px;
	height: 22px;
	border-radius: 5px;
}

#toggle-nav { display: none; }

#toggle-nav:checked ~ .box { 
	opacity: 1;
	z-index: 400;
}

#toggle-nav:checked ~ .box ul {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

#toggle-nav:checked ~ #toggle-nav-label { 
	
	color: rgba(0,0,0,0.8);
}


.back-home{float:left; height:26px; width:26px; margin:-26px 0px 0px 44px;  padding-bottom: 44px;}

@-webkit-keyframes anim-effect-radomir {
	0% {
		opacity: 1;
		-webkit-transform: scale3d(0.4, 0.4, 1);
		transform: scale3d(0.4, 0.4, 1);
	}
	80% {
		box-shadow: inset 0 0 0 2px rgba(111,148,182,0.8);
		opacity: 0.1;
	}
	100% {
		box-shadow: inset 0 0 0 2px rgba(111,148,182,0.8);
		opacity: 0;
		-webkit-transform: scale3d(1.2, 1.2, 1);
		transform: scale3d(1.2, 1.2, 1);
	}
}

@keyframes anim-effect-radomir {
	0% {
		opacity: 1;
		-webkit-transform: scale3d(0.4, 0.4, 1);
		transform: scale3d(0.4, 0.4, 1);
	}
	80% {
		box-shadow: inset 0 0 0 2px rgba(111,148,182,0.8);
		opacity: 0.1;
	}
	100% {
		box-shadow: inset 0 0 0 2px rgba(111,148,182,0.8);
		opacity: 0;
		-webkit-transform: scale3d(1.2, 1.2, 1);
		transform: scale3d(1.2, 1.2, 1);
	}
}


/* For landscape layouts only - Telefon & Ipad Dikey*/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	.texti 	{ font-size:18px;}
	.textb	{ margin:20px 0px 20px 0px; }
	.tilesim { margin-top:50px;}
	.logo {  margin: 20px 0px 20px 0px;}
	.slide {  margin-top:60px;}
	.mobil-img {display:none;}
	.tablet-img {display:block;}


		.slide1_1 {position: absolute; z-index:100; top:190px;  left:230px;}
		.slide1_2 {position: absolute; z-index:-20; top:20px;   left:330px;}
		.slide1_3 {position: absolute; z-index:-10; top:200px;  left:100px;}
		.slide1_4 {position: absolute; z-index:-50; top:36px;   left:450px;}
		.slide1_5 {position: absolute; z-index:-6;  top:190px;  left:500px;}
		.slide1_6 {position: absolute; z-index:-5;  top:30px;   left:120px;}
		.slide	{ height:440px!important;  }
		
		/*  Slide 3 */
		.slide3_1 {position: absolute; z-index:-90; top:20px;  left:260px;}
		.slide3_2 {position: absolute; z-index:100; top:180px; left:250px;}
		.slide3_3 {position: absolute; z-index:-10; top:120px; left:80px;}
		.slide3_4 {position: absolute; z-index:-50; top:100px;  left:450px;}
		/* Slide 3 - Son */
		
		
		/*  Slide 4 */
		.slide4_1 {position: absolute; z-index:9; 	top:120px;  left:480px;}
		.slide4_2 {position: absolute; z-index:1; 	top:30px;  	left:400px;}
		.slide4_3 {position: absolute; z-index:-5;  top:40px;   left:160px;}
		.slide4_4 {position: absolute; z-index:250; top:180px;  left:250px;}
		.slide4_5 {position: absolute; z-index:50; 	top:170px;  left:120px;}
		/* Slide 4 - Son */	


}

/* For landscape layouts only - Telefon & Ipad yatay*/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	.texti 	{ font-size:18px;}
	.textb	{ margin:30px 0px 20px 0px; }
	.tilesim { margin-top:50px;}
	.logo {  margin: 20px 0px 20px 0px;}
	.thakkimizda {margin-top:50px;}
	.slide {  margin-top:1px !important;  }
	.tablet { max-width:400px; }
	.harita-t { display:none; }
	.harita-t-show {display:block!important; float:right; height:500px; width:500px; margin:-550px 20px 0px 0px; border:solid 2px #34495e; }
	.mobil-img {display:none;}
	.tablet-img {display:block;}
	
	
		.slide1_1 {position: absolute; z-index:100; top:190px;  left:360px!important;}
		.slide1_2 {position: absolute; z-index:-20; top:20px;   left:480px!important;}
		.slide1_3 {position: absolute; z-index:-10; top:200px;  left:250px!important;}
		.slide1_4 {position: absolute; z-index:-50; top:36px;   left:600px!important;}
		.slide1_5 {position: absolute; z-index:-6;  top:190px;  left:620px!important;}
		.slide1_6 {position: absolute; z-index:-5;  top:30px;   left:270px!important;}
		.slide	{ height:440px!important;  }
		
		/*  Slide 3 */
		.slide3_1 {position: absolute; z-index:-90; top:20px;  left:260px;}
		.slide3_2 {position: absolute; z-index:100; top:180px; left:250px;}
		.slide3_3 {position: absolute; z-index:-10; top:120px; left:80px;}
		.slide3_4 {position: absolute; z-index:-50; top:100px;  left:450px;}
		/* Slide 3 - Son */
		
		
		/*  Slide 4 */
		.slide4_1 {position: absolute; z-index:9; 	top:170px!important;  left:660px!important;}
		.slide4_2 {position: absolute; z-index:1; 	top:40px!important;   left:700px!important;}
		.slide4_3 {position: absolute; z-index:-5;  top:40px!important;   left:160px!important;}
		.slide4_4 {position: absolute; z-index:250; top:190px!important;  left:380px!important;}
		.slide4_5 {position: absolute; z-index:50; 	top:170px!important;  left:200px!important;}
		/* Slide 4 - Son */	

	

}