#temizle {clear:both; } 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;} 
body{margin:0px;text-align: left;padding:0;overflow-x: hidden;font-family: 'Poppins', sans-serif;font-weight:300; font-size:15px; color:#959595; line-height:25px;}
#wrapper{ position:relative; width: 1200px; margin: 0 auto; }
header{ position:relative; width: 100%; height: auto; height: 140px;  box-sizing: border-box; background: rgba(255,255,255,0.00); box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.0); z-index: 9999999 !important;  transition:all 0.5s ease-in;}

.logo { position: relative; width:20%; float: left; display: block; }
.logo img{  width: 100%; }
header > #wrapper > .menu{ position: relative; width: 100%;   display: block; text-align: center;  }
header > #wrapper > .menu ul{ list-style: none;}
header > #wrapper > .menu ul li{ position: relative; display: inline-block; margin: 0 10px; z-index: 2;} 
header > #wrapper > .menu ul li a{ position: relative; width: 100%; height: 50px; line-height: 50px;  font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 600; color: #000; text-decoration: none; padding: 0px 10px; display: block; margin-top: -20px; } 
header > #wrapper > .menu ul li a:hover{   color:#fff;}
header > #wrapper > .menu ul li a::after{ position: absolute;  content: '';  top:0;	left: 0;  width: 100%;  height: 0; background: #435495; transform-origin:left; color:#fff;  transition:all 0.2s ease-in;  z-index:-1;}
header > #wrapper > .menu ul li a:hover::after{ height: 100%; width: 100%; color:#fff;}
header > #wrapper > .menu ul li ul{ position: absolute; visibility: hidden; width: 350px; left: 0; top: 100px; background: rgba(0,0,0,1.00); box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.1); padding: 15px; box-sizing: border-box;  transition:all 0.2s ease-in; padding-top:15px;}
header > #wrapper > .menu ul li ul li{ position: relative; width: 100%; height: auto; display: block; margin: 0; padding:20px; text-align: left;}
header > #wrapper > .menu ul li ul li a{ width: 100%; height: auto; font-size: 14px; font-weight: 400; line-height:20px; padding: 5px; box-sizing: border-box; text-align: left;  background: none; display: block; color: aliceblue;  } 
header > #wrapper > .menu ul li ul li a:hover{  color: rgba(0,0,0,1.00); }
header > #wrapper > .menu ul li ul li a::after{ position: absolute;  content: '';  top:0;	left: 0;  width: 0;  height: 100%; background: #FFFFFF;  border-bottom: 3px solid #fff;  transform-origin:left;  transition:width 0.25s ease;  z-index:-1;  }
header > #wrapper > .menu ul li ul li a:hover::after{ width: 100%}
header > #wrapper > .menu li:hover > ul{ top: 27px; visibility: visible; transition:all 0.2s ease-in; }
header > #wrapper > .menu li:hover > a{  color: rgba(255,255,255,1.00); }


#header-up{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  width: 100%; height: 130px; border-bottom: 8px solid #435495;}

#mail{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: right; width: auto; color: #000; text-decoration: none; font-size: 14px; font-family: 'Poppins', sans-serif; font-weight: 600;  border-right: 1px solid #f2f2f2; padding: 0 15px; margin: 55px auto;-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;}
#mail i{padding-right: 5px; font-size: 16px;}

#phone{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: right; width: auto; color: #000; text-decoration: none; font-size: 14px; font-family: 'Poppins', sans-serif; font-weight: 300;  border-right: 1px solid #f2f2f2; padding: 0 15px; margin: 55px auto;}
#phone i{padding-right: 5px; font-size: 16px;}
#phone span{ font-size: 16px; font-weight: 700;}

#linkedin{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: right; width: auto; color: #000; text-decoration: none; font-size: 14px; font-family: 'Poppins', sans-serif; font-weight: 300;   padding: 0 15px; margin: 55px auto;}

#ozellik-img{height:400px;}
#ozellik-img img{width:100%;
	width: 100% !important;
	height: 100% !important;
	object-fit: contain;

}





#banner{ position: relative; width: 100%;  display: block; }

#product-box{ position:relative; width:24%; margin:0.5%; float:left; padding:15px; background:#fff; transition:all 0.2s ease-in;  box-shadow: 0px 1px 2px rgba(0,0,0,0.1); box-sizing:border-box; border-radius:5px; }
#product-box img{ width:100%; max-width:100%; }
#product-box:hover{ -webkit-transform: scale(1.05); transform: scale(1.05);  transition:all 0.2s ease-in; }
#product-box-2{ position:relative; width:32.3%; margin:0.5%; float:left; padding:15px; background:#fff; transition:all 0.2s ease-in;  box-shadow: 0px 1px 2px rgba(0,0,0,0.1); box-sizing:border-box; border-radius:5px; }
#product-box-2 img{ width:100%; max-width:100%; }
#product-box-2:hover{ -webkit-transform: scale(1.05); transform: scale(1.05);  transition:all 0.2s ease-in; }



#yarim1{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 49%;}
#yarim2{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: right; width: 49%;}

.flitreleme{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%;}

#urunler-dizilis-alan{position: relative; display:block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  width: 100%; padding: 15px;  box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.1);}

#urunler-dizilis{position: relative; display:inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  width: auto; padding: 15px; margin: 0.1%; background: #382d6e; color: #fff; font-family: 'Poppins', sans-serif;font-weight:300; font-size:15px; transition:all 0.2s ease-in;}
#urunler-dizilis:hover{text-decoration: none; background: #000; }
#urunler-dizilis-basliklar{position: relative; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 5px;  margin: 2% 0; width: auto; font-family: 'Poppins', sans-serif;font-weight:300; font-size:15px; color: #000; text-decoration: none; border-right: 1px solid #000; transition:all 0.2s ease-in;}
#urunler-dizilis-basliklar:last-child{ border-right: 0px solid #000;}

#urunler-dizilis-urunler{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.1); width: 100%; padding: 15px; margin: 1% 0;}
#urunler-dizilis-urunler img{max-width: 100%; float: left; margin-right: 5px;}
#urunler-dizilis-aktif{position: relative; display:inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  width: auto; padding: 15px; margin: 0.1%; background: #000; color: #fff; font-family: 'Poppins', sans-serif;font-weight:300; font-size:15px; transition:all 0.2s ease-in; }
#urunler-dizilis-aktif:Hover{text-decoration: none; }

footer{ height:auto; width:100%; margin:0px auto;  z-index:2; }

footer .ceyrek{ position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 30%; background: #435495; color: #FFFFFF; height: 130px; padding: 30px 30px; font-size: 14px; font-weight: 600; }
footer .ceyrek form {  margin-top: 5px;}
footer .ceyrek form input{ position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 80%; background: #dcdcdc; color: #666666; height: 55px;  font-size: 14px; font-weight: 600; line-height: 55px; border: 0; outline: 0; padding-left: 15px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
footer .ceyrek form button{ position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 20%; background: #dcdcdc; color: #666666; height: 55px;  font-size: 24px; font-weight: 600; line-height: 55px; border: 0; outline: 0; text-align: center; border-top-right-radius: 5px; border-bottom-right-radius: 5px; transition:all 0.2s ease-in;}
footer .ceyrek form button:hover{background: #3d3177; color: #FFFFFF; }

footer .ucceyrek{ position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: right; width: 70%;   }
footer .menu{ position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: auto; color: #000; margin: 30px 21px 0; font-weight: 600;   }
footer .cizgi{ position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 1px; background: #f2f2f2; margin: 20px 0;  }

footer .copy{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 80%; float: left; font-size: 14px; color: #959595;}
footer .neturk{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 20%; float: left; text-align: right;}

.vticker { font-family: 'Poppins', sans-serif; width: 300px; margin: 30px auto;}
.vticker ul { padding: 0; }
.vticker li { list-style: none; width:100%; display:block; position:relative; border:none !important; min-height:60px !important; padding:20.5px 0px !important; }
.vticker li .vticker-date { width:60px; height:60px; float:left; display:block; position:relative; background-color:#353080; color:#fff; font-size:20px; font-weight:700; line-height:20px; text-align:center; padding-top:6px; border-radius: 50px; }
.vticker li .vticker-date span {  font-size:24px; font-weight:500; }
.vticker li a {	text-decoration: none; color: #333 !important; float: right;text-align:left; font-size:14px; width:235px; padding-left:15px; line-height:22px; }
.up, .down{ background:none; border:0px; height:30px; width:30px; line-height:30px; text-align:center; color:#353080 !important; border:1px solid #353080; border-radius: 50px; }
.up:hover, .down:hover{ background:#353080; color:#fff !important; cursor:pointer; }

.title{font-family: 'Poppins', sans-serif;font-weight:700; font-size:32px; color:#000; line-height:35px;   }
.white-title{font-family: 'Poppins', sans-serif;font-weight:700; font-size:32px; color:#fff; line-height:35px;  }
.text{font-family: 'Poppins', sans-serif;font-weight:400; font-size:15px; color:#000; line-height:24px; }
.white-text{font-family: 'Poppins', sans-serif;font-weight:400; font-size:15px; color:#fff; line-height:24px; }

.kapa{ display:block; }
.acil{ display:none; }
@media only screen and (max-width: 1000px) { 
	#wrapper{ width: 100%; padding: 0 15px; box-sizing: border-box; }
	header{ position:relative; width: 100%; height: auto; height: 100px;  }
	.logo {width:50%; }
	.logo img{ width: 100%; }
	header > #wrapper > .menu{ display: none; }

	footer .ceyrek form input{ position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 60%; background: #dcdcdc; color: #666666; height: 55px;  font-size: 10px; font-weight: 600; line-height: 55px; border: 0; outline: 0; padding-left: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
footer .ceyrek form button{ position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 20%; background: #dcdcdc; color: #666666; height: 55px;  font-size: 24px; font-weight: 600; line-height: 55px; border: 0; outline: 0; text-align: center; border-top-right-radius: 5px; border-bottom-right-radius: 5px; transition:all 0.2s ease-in;}

	#mail{display: none}
	#phone{display: none}
	#linkedin{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: right; width: auto; color: #000; text-decoration: none; font-size: 17px; font-family: 'Poppins', sans-serif; font-weight: 300;   padding: 0 15px; margin: 25px auto;}
	
	#yarim1{width: 100%;}
	#yarim2{width: 100%;}
	

	#product-box{ position:relative; width:100%; margin:0.5%; float:left; padding:15px; background:#fff; transition:all 0.2s ease-in;  box-shadow: 0px 1px 2px rgba(0,0,0,0.1); box-sizing:border-box; border-radius:5px; }
	#product-box img{ width:100%; max-width:100%; }
	#product-box:hover{ -webkit-transform: scale(1.05); transform: scale(1.05);  transition:all 0.2s ease-in; }
	#product-box-2{ position:relative; width:100%; margin:0.5%; float:left; padding:15px; background:#fff; transition:all 0.2s ease-in;  box-shadow: 0px 1px 2px rgba(0,0,0,0.1); box-sizing:border-box; border-radius:5px; }
	#product-box-2 img{ width:100%; max-width:100%; }
	#product-box-2:hover{ -webkit-transform: scale(1.05); transform: scale(1.05);  transition:all 0.2s ease-in; }
	
footer{ height:auto; width:100%; margin:0px auto;  z-index:2; }

footer .ceyrek{  width: 100%;  }

footer .ucceyrek{ width: 100%;   }
footer .menu{ width: 100%; text-align: center; margin: 10px 0;   }


footer .copy{width: 100%; }
footer .neturk{ width: 100%;  margin: 10px 0;}


	.kapa{ display:none; }
	.acil{ display:block; }
}
@media only screen and (min-width: 0px) and (max-width: 500px) {
	
	#urunler-dizilis-urunler{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.1); width: 100%; padding: 15px; margin: 1% 0;}
#urunler-dizilis-urunler img{max-width: 100%; float: none; margin-right: 5px; display: block;}
#urunler-dizilis-aktif{position: relative; display:inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  width: auto; padding: 15px; margin: 0.1%; background: #000; color: #fff; font-family: 'Poppins', sans-serif;font-weight:300; font-size:15px; transition:all 0.2s ease-in; }
#urunler-dizilis-aktif:Hover{text-decoration: none; }
	
	
}