#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:fixed; width: 20%; height: 100vh;   -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  z-index: 9999999 !important;  transition:all 0.5s ease-in; background-image: linear-gradient(to right, #014fb3 , #13427e); }
#logo{position: fixed; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; background: #fff; padding: 15px; text-align: center; z-index: 9999999999999;}
#logo img{width: 20%;}

#diller-alan{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  float: right; width: 100%; padding: 0 60px ; margin-top: 80px;}
#dillerhref{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 55px; height: 55px; line-height: 55px; text-align: center; font-family: 'Poppins', sans-serif;font-weight:400; font-size:18px; color:#fff; background: #252525; float: left; transition:all 0.3s ease-in;}
#dillerhref:hover{ background: #ff1b00; text-decoration: none;}
#dillersearch{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 55px; height: 55px; line-height: 55px; text-align: center; font-family: 'Poppins', sans-serif;font-weight:400; font-size:18px; color:#fff;  float: left; transition:all 0.3s ease-in;}

#menu-alan{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  float: right; width: 100%; padding: 0 60px; margin-top: 50px; }
#menu-alan a{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;   width: 100%;  font-family: 'Poppins', sans-serif;font-weight:400; font-size:17px; color:#fff; clear: both; margin: 30px 0; transition:all 0.5s ease-in;}
#menu-alan a img{max-width: 100%; float: left; padding-right: 15px; margin-top: -5px;  transition:all 0.3s ease-in;}
#menu-alan a:hover{text-decoration: none;}
#menu-alan a:hover img{padding-right: 25px;}

#menu-tel{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 0 60px; margin-top: 50px;  font-family: 'Poppins', sans-serif;font-weight:400; font-size:18px; color:#fff; }
#menu-tel span{font-size:16px; font-weight:300; }
#menu-tel:hover{text-decoration: none;}

#sosyal-alan{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 0 60px; margin-top: 50px;  }
#sosyal-alan-baslik{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; font-family: 'Poppins', sans-serif;font-weight:400; font-size:18px; color: #fff; margin-bottom: 15px; }
#sosyal-alan a{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 50px; height: 50px; line-height: 20px; background: #fff;  float: left; margin-right: 10px; font-size:18px;  text-align: center; border-radius: 100%; border: 5px solid #0c366d;}
#sosyal-alan a img{width: 100%; padding: 5px; transition:all 0.3s ease-in;}
#sosyal-alan a:hover img{transform: rotate(360deg);}


#banner{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 80%; float: right;}

#urun-alan{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 80%; float: right; background: #f9f9f9; padding: 10px 0;}
#urun-alan1{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 24%; float: left; margin: 0.5%; background:url(/Content/img/urun1.png) no-repeat center;  background: cover; height: 287px; text-align: center;}
#urun-alan1 img{ max-width: 100%; margin-top: 20px; transition:all 0.3s ease-in;}
#urun-alan1:hover img{-webkit-transform: scale(1.05); transform: scale(1.05);}
#urun-alan1-baslik{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; text-align: center; font-family: 'Poppins', sans-serif;font-weight:400; font-size:18px; color:#fff; padding: 20px 0;}


#urun-alan2{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 24%; float: left; margin: 0.5%; background:url(/Content/img/urun2.png) no-repeat center;  background: cover; height: 287px; text-align: center;}
#urun-alan2 img{ max-width: 100%; margin-top: 70px; transition:all 0.3s ease-in;}
#urun-alan2:hover img{-webkit-transform: scale(1.05); transform: scale(1.05);}
#urun-alan2-baslik{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; text-align: center; font-family: 'Poppins', sans-serif;font-weight:400; font-size:18px; color:#fff; padding: 20px 0;}


#urun-alan3{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 24%; float: left; margin: 0.5%; background:url(/Content/img/urun3.png) no-repeat center;  background: cover; height: 287px; text-align: center;}
#urun-alan3 img{ max-width: 100%; margin-top: 20px; transition:all 0.3s ease-in;}
#urun-alan3:hover img{-webkit-transform: scale(1.05); transform: scale(1.05);}
#urun-alan3-baslik{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; text-align: center; font-family: 'Poppins', sans-serif;font-weight:400; font-size:18px; color:#fff; padding: 20px 0;}

#urun-alan4{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 24%; float: left; margin: 0.5%; background:url(/Content/img/urun4.png) no-repeat center;  background: cover; height: 287px; text-align: center;}
#urun-alan4 img{ max-width: 100%; margin-top: 20px; transition:all 0.3s ease-in;}
#urun-alan4:hover img{-webkit-transform: scale(1.05); transform: scale(1.05);}
#urun-alan4-baslik{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; text-align: center; font-family: 'Poppins', sans-serif;font-weight:400; font-size:18px; color:#fff; padding: 20px 0;}



#vizyonmisyon{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 80%; float: right;  padding: 20px 0; background: url("../img/vizyonmisyon.jpg");   background-attachment: fixed;}
#vizyonmisyon-kutu1{position: relative; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 35%; background: rgba(40,40,40,0.58); padding: 15px; margin: 0 0.5%;}
#vizyonmisyon-kutu1-baslik{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Poppins', sans-serif;font-weight:400; font-size:18px; color:#fff; text-align: left !important; padding: 15px 25px;}
#vizyonmisyon-kutu1-aciklama{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Poppins', sans-serif;font-weight:400; font-size:14px; color:#fff; text-align: left !important; padding: 15px 25px; }

#vizyonmisyon-kutu2{position: relative; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 35%; background: rgba(40,40,40,0.58); padding: 15px; margin: 0 0.5%;}
#vizyonmisyon-kutu2-baslik{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Poppins', sans-serif;font-weight:400; font-size:18px; color:#fff; text-align: left !important; padding: 15px 25px;}
#vizyonmisyon-kutu2-aciklama{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Poppins', sans-serif;font-weight:400; font-size:14px; color:#fff; text-align: left !important; padding: 15px 25px;}

#blogalan{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 80%; float: right;  padding: 20px; }

.baslik{font-family: 'Poppins', sans-serif;font-weight:600; font-size:30px; color:#252525; line-height:35px;  text-align: center;}
.baslik font{}
.baslik span{font-weight:300; font-size:30px;  color:#252525; }



footer{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 80%; float: right;  padding: 20px; background: #181818;  }
footer .bir{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 32.3%; float: left;  margin: 0.5%; border-right: 1px solid #414141; height: 150px;}
footer .bir a{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%;  font-family: 'Poppins', sans-serif;font-weight:300; font-size:14px; color:#fff; margin-bottom: 15px; }
footer .bir a:hover{text-decoration: none;}
footer .iki{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 32.3%; float: left;  margin: 0.5%; border-right: 1px solid #414141; text-align: center; height: 150px;}
footer .iki img{max-width: 100%;}
footer .slogan{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Poppins', sans-serif;font-weight:300; font-size:16px; color:#fff;}

footer .uc{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 32.3%; float: left;  margin: 0.5%;  text-align: left; height: 150px; padding-left: 15px;}
footer .baslik{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Poppins', sans-serif;font-weight:300; font-size:16px; color:#fff;  text-align: left;}
footer .uc a{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%;   text-align: left; padding-left: 15px; font-family: 'Poppins', sans-serif;font-weight:300; font-size:14px; color:#fff;}

footer .copy{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; border-top: 1px solid #414141; text-align: left; font-family: 'Poppins', sans-serif;font-weight:400; font-size:15px; color: #fff; padding: 20px 0;}


#altsayfa-takip{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 80%; float: right; background: #eee;  }
#altsayfa-takip a{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: auto; float: left; padding: 15px;  font-family: 'Poppins', sans-serif;font-weight:500; font-size:15px; color:#252525; border-right: 1px solid #bbbbbb; transition:all 0.3s ease-in; }
#altsayfa-takip a:hover{background: #000; color: #fff; text-decoration: none;}

#altsayfa-aciklama{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 80%; float: right; padding: 15px; font-family: 'Poppins', sans-serif;font-weight:400; font-size:15px; color:#252525; }
#altsayfa-baslik{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; font-family: 'Poppins', sans-serif;font-weight:500; font-size:25px; color:#252525; }


#yarim1{position: relative; display: block;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 49%; float: left; font-family: 'Poppins', sans-serif;font-weight:400; font-size:15px; color:#252525;}
#yarim2{position: relative; display: block;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 49%; float: right; font-family: 'Poppins', sans-serif;font-weight:400; font-size:15px; color:#252525;}


#altsayfa-urunler{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 24%; margin: 0.5%; overflow: hidden; text-decoration: none; float: left;}
#altsayfa-urunler img{width: 100%; transition:all 0.3s ease-in;}
#altsayfa-urunler h4{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 15px; background: #eee; font-family: 'Poppins', sans-serif;font-weight:400; font-size:15px; color:#252525; margin: 0; transition:all 0.3s ease-in; text-decoration: none;}
#altsayfa-urunler:hover img{-webkit-transform: scale(1.05); transform: scale(1.05);}
#altsayfa-urunler:hover h4{background: #000; color: #fff; text-decoration: none;}

.style1{ font-family: 'Montserrat', sans-serif; font-weight:500; font-size:15px; color:#000; background:#fff; width:100%; height:70px; line-height:70px; padding-left:15px; margin-bottom:5px; border:0px; box-sizing:border-box; border:1px solid #f0f0f0; outline:none; }
.style2{font-family: 'Montserrat', sans-serif; font-weight:500; font-size:15px; color:#000;background:#fff;width:100%;height:152px;line-height:25px;padding-left:15px;margin-bottom:1px;border:0px; box-sizing:border-box; border:1px solid #f0f0f0;outline:none; }
.buton-form{ font-family: 'Montserrat', sans-serif; font-weight:500; font-size:20px; color:#fff;background:#56aacf;width:auto;height:50px;line-height:50px;padding:0px 30px;border:0px;box-sizing:border-box;cursor:pointer; display:inline-block;}
.buton-form:hover{ background:#000; }

.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;  }
	#diller-alan{ width: 100%; padding: 0 15px; margin-top: 0px; }
	#menu-tel{display: none;}
	#sosyal-alan{display: none;  }
	#banner{width: 100%; }
	
	
	
	#logo{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; background: #fff; padding: 15px; text-align: center; z-index: 9999999999999;}
#logo img{width: 100%;}
	#urun-alan{ width: 100%; }
	#urun-alan1{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin: 0.5%;  background: cover; height: 287px; text-align: center;}
	#urun-alan1 img{ max-width: 100%; margin-top: 20px; transition:all 0.3s ease-in;}
	#urun-alan1:hover img{-webkit-transform: scale(1.05); transform: scale(1.05);}
	#urun-alan1-baslik{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; text-align: center; font-family: 'Poppins', sans-serif;font-weight:400; font-size:18px; color:#fff; padding: 20px 0;}


	#urun-alan2{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin: 0.5%;  background: cover; height: 287px; text-align: center;}
	#urun-alan2 img{ max-width: 100%; margin-top: 70px; transition:all 0.3s ease-in;}
	#urun-alan2:hover img{-webkit-transform: scale(1.05); transform: scale(1.05);}
	#urun-alan2-baslik{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; text-align: center; font-family: 'Poppins', sans-serif;font-weight:400; font-size:18px; color:#fff; padding: 20px 0;}


	#urun-alan3{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin: 0.5%; background: cover; height: 287px; text-align: center;}
	#urun-alan3 img{ max-width: 100%; margin-top: 20px; transition:all 0.3s ease-in;}
	#urun-alan3:hover img{-webkit-transform: scale(1.05); transform: scale(1.05);}
	#urun-alan3-baslik{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; text-align: center; font-family: 'Poppins', sans-serif;font-weight:400; font-size:18px; color:#fff; padding: 20px 0;}

	#urun-alan4{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin: 0.5%;   background: cover; height: 287px; text-align: center;}
	#urun-alan4 img{ max-width: 100%; margin-top: 20px; transition:all 0.3s ease-in;}
	#urun-alan4:hover img{-webkit-transform: scale(1.05); transform: scale(1.05);}
	#urun-alan4-baslik{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; text-align: center; font-family: 'Poppins', sans-serif;font-weight:400; font-size:18px; color:#fff; padding: 20px 0;}

	
	#vizyonmisyon{ width: 100%; padding: 15px;}
	#vizyonmisyon-kutu1{position: relative; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; background: rgba(40,40,40,0.58); padding: 15px; margin: 10px 0.5%;}
	#vizyonmisyon-kutu2{position: relative; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; background: rgba(40,40,40,0.58); padding: 15px; margin: 0 0.5%;}
	#blogalan{ width: 100%}

	
	footer{ width: 100%;   padding: 20px; }
	footer .bir{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left;  margin: 0.5%; border-right: 1px solid #414141; height: 150px; text-align: center;}
	footer .bir a{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%;  font-family: 'Poppins', sans-serif;font-weight:300; font-size:14px; color:#fff; margin-bottom: 15px; }
	footer .bir a:hover{text-decoration: none;}
	footer .iki{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left;  margin: 0.5%; border-right: 1px solid #414141; text-align: center; height: 150px;}
	footer .iki img{max-width: 100%;}
	footer .slogan{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Poppins', sans-serif;font-weight:300; font-size:16px; color:#fff;}

	footer .uc{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left;  margin: 0.5%;  text-align: left; height: 150px; padding-left: 15px; text-align: center;}
	footer .baslik{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Poppins', sans-serif;font-weight:300; font-size:16px; color:#fff;  text-align: center;}
	footer .uc a{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%;   text-align: left; padding-left: 0px; font-family: 'Poppins', sans-serif;font-weight:300; font-size:14px; color:#fff; text-align: center;}
	
	
	
	#altsayfa-takip{width: 100%;  }
	#altsayfa-aciklama{width: 100%; }
	#yarim1{width: 100%; margin-bottom: 1%;}
	#yarim2{width: 100%;margin-bottom: 1%;}

	#altsayfa-urunler{width: 100%;}
	
	
	.kapa{ display:none; }
	.acil{ display:block; }
}
@media only screen and (min-width: 0px) and (max-width: 759px) {
	
	
	
}