#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{ background: #000 !important; margin:0px;text-align: left;padding:0;overflow-x: hidden;font-family: 'Montserrat', sans-serif;font-weight:300; font-size:15px; color:#959595; line-height:25px; }
#wrapper{ position:relative; width: 1120px; margin: 0 auto; }
#wrapper-ana-kurumsal{ position:relative; width: 100%; height: 495px; background: url(/img/kurumsalbg.png) no-repeat top center; margin: 0 auto; margin-top: -70px; display: block; z-index: 50; }

#head-link{ position: absolute; widows: 40%; right: 80px; top: 15px; text-align: right; }
#head-link ul{ display: block; list-style: none; } 
#head-link ul li{ position: relative;  display: inline-block;  text-align: center !important; padding-left:10px; padding-right:10px; text-align: center; border-right: 1px solid #959595;  }
#head-link ul li:last-child{ border-right: 0px solid #959595;  }
#head-link ul li a{ position: relative; display: block; color:#959595; font-weight: 400; line-height: 25px;  margin-right:0px 10px !important;  }
#head-link ul li > a::after { position: absolute; content: ""; left: 0; right: 0; bottom: 0; width: 0; height: 1px; transition: all 0.5s ease-in-out;	background: #959595;	border-radius: 5px;	margin: 0 auto; text-align: center;}
#head-link ul li> a:hover::after {	width: 100%;	margin: 0 auto;	transition: all 0.5s ease-in-out; }
.navik-header.sticky #head-link{ top: -100px; margin-top: -100px; }

#head-Social{ position: relative; float:right; margin-top: 33px;  margin-left: 10px; padding-left: 15px; border-left: 1px solid rgba(255,255,255,0.2); }
#head-Social a{ width: 25px; height: 30px; line-height: 30px; margin-left: 5px; text-align: center; float: right; background: url(/Content/img/Polygon.png) no-repeat top center; background-size: 100% 100%; color: #fff;  }
#head-Social a:hover{  -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); transition: all 0.5s ease-in-out; }
.navik-header.sticky #head-Social{ margin-top:13px; }


#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%; }
#ceyrek{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 24%; }
#ceyrek > .baslik{font-family: 'Montserrat', sans-serif;  font-size: 50px; font-weight: 300; color: #fff; line-height: 34px; display: block; text-align: right; }
#ceyrek > .baslik span{ font-size: 30px; font-weight: 900; }
#ceyrek > p{ font-family: 'Montserrat', sans-serif;  font-size: 13px; font-weight: 200 !important; color: #f2f2f2; }
#ucceyrek{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: right; width: 74%; }

footer{ position:fixed; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 30px 0 0 0; width: 100%; background: rgba(0,0,0,0.5); bottom:0; left:0; right:0; z-index:54; }
.yukaricik{position: absolute; display: block; top: -45px; left: 0; right: 0; bottom: auto; margin: 0 auto; width: 103px; height: 103px; background:url(../img/yukari.png) no-repeat center; text-align: center; color: #e1e1e1; font-size: 12px; font-weight: 300; z-index: 9999; padding-top: 15px;}
.yukaricik i{font-size: 26px; margin-bottom: 5px;}
#footer-ebulten{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; text-align: center; margin-top: 30px;}
#footer-ebulten-baslik{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 24px; margin-top: 50px; font-weight: 600; color: #f05323;}
#footer-ebulten-aciklama{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; font-weight: 300; color: #fff;}
#footer-ebulten form{margin: 25px 0;}
#footer-ebulten form input{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 85%; float: left; height: 50px; line-height: 50px; border-radius: 0; border: 0; outline: 0; background: #ededed; font-size: 18px; font-weight: 400; color: #343330; padding: 0 25px;}
#footer-ebulten form button{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 15%; float: left; height: 50px; line-height: 50px; border: 0; outline: 0; background: #ededed; font-size: 18px; font-weight: 600; color: #343330; text-align: center;}

#footer-adres{position: relative;  display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 24%; float: left; border-right: 1px solid #2d2d2d; margin-right: 5%;}
#footer-adres img{max-width: 100%; position: relative;  display: block; margin-bottom: 45px;}
#footer-adres-musteri{position: relative;  display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  font-family: 'Montserrat', sans-serif;font-weight:300; font-size:18px; color:#fff;}
#footer-adres-tel{position: relative;  display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  font-family: 'Montserrat', sans-serif;font-weight:200; font-size:20px; color:#fff;}
#footer-adres-tel span{font-weight:900;  }
#footer-adres p{position: relative;  display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Montserrat', sans-serif;font-weight:200; font-size:14px; color:#fff; margin: 25px 0;}

#footer-sosyal{position: relative;  display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 7%; float: left; margin-right: 5%;}
#footer-sosyal a{position: relative;  display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 38px; height: 38px; line-height: 38px; text-align: center; border-radius: 100%; background: #f5f5f5; color: #010101; font-size: 18px; margin: 17px 0; transition:all 0.3s ease-in;}
#footer-sosyal a:hover{transform: scale(1.2); background: #f05323; color: #fff;}
#footer-sosyal img{max-width: 100%; max-width: 10px; position: absolute; right: 0; top: auto; top: 20px;}

#footer-linkler{position: relative;  display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 10%; float: left; margin-right: 5%;}
#footer-linkler-baslik{position: relative;  display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Montserrat', sans-serif;font-weight:700; font-size:16px; color:#e1e1e1; margin-bottom: 15px; margin-top: 15px;}
#footer-linkler a{position: relative;  display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Montserrat', sans-serif;font-weight:200; font-size:14px; color:#e1e1e1; margin-bottom: 10px; transition:all 0.3s ease-in;}
#footer-linkler a:hover{text-decoration: none; padding-left: 15px;}


#footer-urun{position: relative;  display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 22%; float: left;  }
#footer-urun-baslik{position: relative;  display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Montserrat', sans-serif;font-weight:700; font-size:16px; color:#e1e1e1; margin-bottom: 15px; margin-top: 15px;}
#footer-urun a{position: relative;  display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Montserrat', sans-serif; width: 99%; margin: 0.5%; float: left; font-weight:200; font-size:14px; color:#e1e1e1; margin-bottom: 10px; transition:all 0.3s ease-in;}
#footer-urun a:hover{text-decoration: none; padding-left: 15px;}

#footer-copy-alan{position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; background: rgba(0,0,0,0.5); padding: 5px;  font-family: 'Montserrat', sans-serif;font-weight:300; font-size:13px; color:#ccc;}
#footer-copy-alan > #wrapper img{max-width: 100%; float: right;}


.title{font-family: 'Montserrat', sans-serif;font-size:18px; color:#000; line-height:25px; font-weight: 700; padding-bottom: 10px; display: inline-block;}
.white-title{font-family: 'Montserrat', sans-serif;font-size:18px; color:#fff; line-height:25px; font-weight: 700; padding-bottom: 10px; display: inline-block;}
.white-title2{font-family: 'Montserrat', sans-serif;font-weight:300; font-size:18px; color:#fff; line-height:40px; display: inline-block;  }

.text{font-family: 'Montserrat', sans-serif;font-weight:400; font-size:15px; color:#1d1d1d; line-height:24px; }
.white-text{font-family: 'Montserrat', sans-serif;font-weight:400; font-size:15px; color:#999; line-height:24px; }
.white-text b{ font-weight: 700; }
.slogan{font-family: 'Montserrat', sans-serif;font-weight:300; font-size:24px; color:#000; line-height:40px; padding: 30px 0; display: inline-block; font-style: italic;  }
.white-slogan{font-family: 'Montserrat', sans-serif;font-weight:300; font-size:24px; color:#fff; line-height:40px; padding: 30px 0; display: inline-block; font-style: italic;  }


.ciz{ position: relative; height: 1px; background:rgba(184,19,21,0.50); }

.kapa{ display:block; }
.acil{ display:none; }

#bos{ position: relative; width: 100%; height: 100vh; z-index: -2;}

#Gri{ position: relative; width: 100%; height: auto; display: block; padding: 30px; background: #f0f0f0; }

#Ana-Sayac-Baslik{ position: relative; width:350px; font-family: 'Montserrat', sans-serif; font-weight:900; font-size:30px; line-height: 20px; color: #000; display: block; float: left; }
#Ana-Sayac-Baslik span{font-size: 20px; font-weight: 400;} 
#Ana-Sayac-Baslik .Ana-Sayac-Ok{position: absolute; right:-30px; top:8px;}

#Ana-Sayac-Detay{ position: relative; width:auto; font-family: 'Montserrat', sans-serif; font-weight:900; font-size:18px; line-height: 20px; color: #000; display: block; float: right; text-align: right; margin-left: 30px; }
#Ana-Sayac-Detay p{font-size: 25px; font-weight: 400;} 

#Yesil{ position: relative; width: 100%; height: auto; display: block; padding: 0px; }
#Yesil1{ position: relative; display: block; float: left; width: 50%; min-height: 314px; padding: 100px 50px 0px 0px; background: url(/Content/img/orta1.png) #000000 no-repeat left; background-size: auto 100%; transition: all 0.2s ease; }
#Yesil2{ position: relative; display: block; float:right; width: 50%; min-height: 314px; padding: 100px 0px 0px 50px; background: url(/Content/img/orta2.png) #ea7024 no-repeat left; background-size: auto 100%; transition: all 0.2s ease; }

#Yesil1:hover{ transform: scale(1.05); z-index: 2; }
#Yesil2:hover{ transform: scale(1.05); z-index: 2; }

.Ana-Kurumsal-Resim{ max-width: 75%; margin-top: -70px; }

#Baslik-Beyaz-Sag{ font-family: 'Montserrat', sans-serif; font-weight:100; font-size:48px; line-height: 45px; color: #fff; text-align: left; }
#Baslik-Beyaz-Sol{ font-family: 'Montserrat', sans-serif; font-weight:100; font-size:48px; line-height: 45px; color: #fff; text-align: right; }
#Baslik-Beyaz-Sag span{ width: 100%; font-weight: 600; font-size: 25px; display: block; }
#Baslik-Beyaz-Sol span{ width: 100%; font-weight: 600; font-size: 25px; display: block; }

#Link-Beyaz-Sag{ max-width: 100%; float: right; font-family: 'Montserrat', sans-serif; font-weight:600; font-size:13px; line-height: 20px; margin: 0px auto; color: #ffffff; text-align: right; padding: 5px; border-radius: 5px; text-decoration: none; transition: all 0.2s ease; }
#Link-Beyaz-Sol{ max-width: 100%; float: left;  font-family: 'Montserrat', sans-serif; font-weight:600; font-size:13px; line-height: 20px; margin: 0px auto; color: #ffffff; text-align: right; padding: 5px; border-radius: 5px; text-decoration: none; transition: all 0.2s ease; }
#Link-Beyaz-Sag img{ margin-left: 15px;  height: 15px; }
#Link-Beyaz-Sol img{ margin-right: 15px; height: 15px; }
#Link-Beyaz-Sag:hover{ background:#ea7024; padding: 5px 25px; }
#Link-Beyaz-Sol:hover{ background:#000000; padding: 5px 25px; }

#OrtaBtn-1{ position: absolute; padding: 10px; background: #313131; font-family: 'Montserrat', sans-serif; font-weight:400; font-size:16px; color: #878787; border-radius: 3px; text-decoration: none; bottom: 30px; right: 30px; }
#OrtaBtn-1:hover{ background: #282828; }

#OrtaBtn-2{ position: absolute; padding: 10px; background: #11230b; font-family: 'Montserrat', sans-serif; font-weight:400; font-size:16px; color: #878787; border-radius: 3px; text-decoration: none; bottom: 30px; left: 30px; }
#OrtaBtn-2:hover{ background: #091405; }

#Ana-Kutu-1{ position: relative; width: 32.3%; height: 270px; margin:0.5%; float: left; display: block; padding: 50px 50px 30px 50px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10); border-radius: 3px; overflow: hidden; color: #000; z-index: 3; }
#Ana-Kutu-1 p{ position: relative; width: 100%; min-height: 100px; display: block; font-family: 'Montserrat', sans-serif;font-weight:500; font-size:12px; line-height:18px; }

.MaviButon{width:auto; font-family: 'Montserrat', sans-serif; font-weight:500; font-size:12px; padding: 5px 15px; border-radius: 3px; display:inline-block; background:#fff; color: #000; border:1px solid #ea7024; text-decoration: none;}
.MaviButon:hover{ background: #ea7024; color: #fff; text-decoration: none;}

.BeyazButon{width:auto; font-family: 'Montserrat', sans-serif; font-weight:500; font-size:12px; padding: 5px 10px; border-radius: 30px; display:inline-block; background:#fff; color: #000; text-decoration: none;}
.BeyazButon:hover{ background: #000; color: #fff; text-decoration: none;}

#Alt-Banner{ position: relative; width: 100%; height: 400px; display: block; background: url(/Content/img/alt-banner.jpg) no-repeat top center; background-size: 100% auto; }
#Alt-Banner > #wrapper{ height: 400px;}
#Alt-Banner h1{ position: absolute; font-family: 'Montserrat', sans-serif; font-weight:600; font-size:30px; color: #fff; top: auto; bottom: 150px; left: 0; right: 0;  }
#Alt-Banner h2{ position: absolute; font-family: 'Montserrat', sans-serif; font-weight:400; font-size:18px; color: #fff; top: auto; bottom: 130px; left: 0; right: 0;  }
#Alt-Banner .Takip{ position:absolute; bottom:120px; left:0; right:0; text-align:left; }
#Alt-Banner a{ display:inline-block; margin-right:10px; color: #a6a8ab; line-height:30px; text-decoration:none;  }
#Alt-Banner h5{ position: relative; font-family: 'Montserrat', sans-serif; font-weight:600; font-size:14px; line-height:30px;  top: auto; display:inline-block; margin-right:10px;  }
#Alt-Banner h5:hover{ text-decoration:underline; }

#Alt-Bg{ position: relative; max-width: 100%; width: 1120px; height: auto; margin: 0 auto; margin-top: -120px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05); }

#takip{ position: relative; width: 100%;display: block;  top: 20px; margin-bottom: 50px;  }
#takip a{ position: relative; font-family: 'Montserrat', sans-serif; font-weight:400; font-size:12px; line-height: 20px; color: #666; display: inline-block; padding-right:5px; text-decoration: none; }
#takip span{ position: relative; font-family: 'Montserrat', sans-serif; font-weight:400; font-size:10px; line-height: 20px; color: #000; display: inline-block; padding-right:5px; text-decoration: none;}
#takip a:hover{ border-bottom: 1px solid #f0f0f0; color: #000;} 

#Urun-Sol{ position: relative; width: 100%;  background: none; padding:50px 0; }
#Urun-Sol-Baslik{position: relative; width: 100%; margin-bottom: 20px; font-family: 'Montserrat', sans-serif; font-weight:700; font-size:22px; line-height: 20px; color: #000; 
  text-decoration: none; display: block; border-bottom: 1px solid rgba(0,0,0,0); }
#Urun-Sol-Banner{ position: relative; width: 78%;   float: left; box-shadow: 0px 0px 50px 50px rgba(0,0,0,0.05); }
#Urun-Sol-Banner img{ width: 100%; } 

#Urun-Kutu{ position: relative; width: 49%; height:auto; padding: 0; margin:0.5%; float: left; display: block; background: #000; overflow: hidden; transition: all 0.2s ease; }
#Urun-Kutu img{ width: 100%; height: auto; opacity: 0.9; transition: all 0.3s ease; z-index: 1;}
#Urun-Kutu:hover img{ transform: scale(1.05); opacity: 0.4; transition: all 0.3s ease; }
#Urun-Kutu > .KutuBaslik{ position:absolute; top:55%; left:0; right:0; opacity:0; font-family: 'Montserrat', sans-serif; font-weight:600; font-size:22px; line-height: 20px; color: #fff; transition: all 0.3s ease; z-index:21 !important; text-align:center;}
#Urun-Kutu:hover > .KutuBaslik{top:45%; left:0; right:0; opacity:1; transition: all 0.3s ease;  }
#Urun-Kutu > .KutuDetay{ position:absolute; top:40%; left:0; right:0;  height:0; margin:0 auto; opacity:0; font-family: 'Montserrat', sans-serif; font-weight:700; font-size:14px; line-height: 20px; color: #fff; transition: all 0.3s ease; z-index:21 !important; text-align:center;  }
#Urun-Kutu:hover > .KutuDetay{top:60%; left:0; right:0; width:auto; height:auto; opacity:1; transition: all 0.3s ease;  }

#Urun-Sag{ position: relative; width: 20%; min-height: 400px; background: none; float: right;   box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05); }
#Urun-Menu-Baslik{position: relative; width: 100%; padding: 20px;font-family: 'Montserrat', sans-serif; font-weight:700; font-size:16px; line-height: 20px; color: #000; 
  text-decoration: none; display: block; border-bottom: 1px solid rgba(0,0,0,0); }
#Urun-Menu-1{ position: relative; width: 100%; padding: 10px 20px; font-family: 'Montserrat', sans-serif; font-weight:400; font-size:13px; line-height: 20px; color: #000; 
  text-decoration: none; display: block; border-bottom: 1px solid rgba(0,0,0,0); transition: all 0.2s ease; }
#Urun-Menu-1:hover{border-left: 5px solid #004f9c; background: #fff; transform: scale(1.01); box-shadow: 0px 0px 50px 50px rgba(0,0,0,0.05); font-weight: 600; }
#Urun-Menu-1-Aktif{ position: relative; width: 100%; padding: 10px 20px; font-family: 'Montserrat', sans-serif; font-weight:400; font-size:13px; line-height: 20px; color: #000; 
  text-decoration: none; display: block; border-bottom: 1px solid rgba(0,0,0,0); transition: all 0.2s ease; border-left: 5px solid #004f9c; background: #fff; transform: scale(1.01); box-shadow: 0px 0px 50px 50px rgba(0,0,0,0.05); font-weight: 600; }


#ikonlu-link{position: relative; display: inline-block; width: 49%; height: 112px; padding-left: 100px; margin: 30px auto;}
#ikonlu-link .ikonAlan{ text-align:left; float: left; width: 250px; margin-top: 45px; }
#ikonlu-link .ikonAlan .ikonBaslik{ font-weight: 400; font-size: 20px; line-height: 10px; display: block; } 
#ikonlu-link .ikonAlan .ikonBaslik2{ font-weight: 700; font-size: 12px; line-height: 10px; } 
#ikonlu-link .ikonAlan .ikonDetay{ padding-left: 10px; font-weight: 400; font-size: 12px; line-height: 10px; color: #666; display: block; } 


@media only screen and (max-width: 1500px) { 
#Alt-Banner{ position: relative; width: 100%; height: 300px; display: block; background: url(/img/alt-banner-1200.png) no-repeat top center; background-size: 100% auto; }
}
@media only screen and (max-width: 1200px) { 
} 
@media only screen and (max-width: 1000px) { 
	#video { display: none; }
	#bos{ display: none; }
  #wrapper{ width: 100%; padding: 0 15px; box-sizing: border-box; }
  
  #head-link{ position: absolute; width: 40%; right: 90px; top: 20px; text-align: right; }
  #head-link ul li{ padding-left:5px; padding-right:5px; }
  #head-link ul li a{ line-height: 20px;  margin-right:0px 0px !important; font-size: 10px;  }

  #head-Social{ position: relative; float:right; margin-top: 15px;  margin-right: 50px; padding-right: 15px; border-right: 1px solid rgba(255,255,255,0.2); border-left: 0px; }
  #head-Social a{ width: 25px; height: 30px; line-height: 30px; margin-left: 5px; text-align: center; float: right; background: url(/Content/img/Polygon.png) no-repeat top center; background-size: 100% 100%; color: #fff;  }
  #head-Social a:hover{  -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); transition: all 0.5s ease-in-out; }

	#yarim1{width: 100%;}
	#yarim2{width: 100%;}
	#yarim3{width: 100%;}
	#ceyrek{width: 48%; margin: 1%; padding: 5px; }
	#ceyrek > .ikon{ width: 50%; }
	#ceyrek > .baslik{ font-size: 16px; }
	#ceyrek p{ font-size: 12px; }
	#uclu{ width: 100%; margin: 0%; }

  #Gri{ text-align: center; }
  #Ana-Sayac-Baslik{ position: relative; width:100%;  font-size:26px; line-height: 24px; color: #000; display: block; float: left; text-align: center; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ccc; }
  #Ana-Sayac-Baslik span{font-size: 22px; font-weight: 400;} 
  #Ana-Sayac-Baslik .Ana-Sayac-Ok{display: none; }
  
  #Ana-Sayac-Detay{ position: relative; width:32%; font-size:18px; line-height: 20px; color: #000; display: block; float: none; text-align: center; margin-left: 0px; display: inline-block; margin-top: 30px; }
  #Ana-Sayac-Detay p{font-size: 18px; font-weight: 400;} 

  #Yesil1{ width: 100%; min-height: 200px; padding: 70px 50px 0px 0px; text-align: right; background:none; background: url(/Content/img/orta1-k.png) #000000 no-repeat left; }
  #Yesil2{ width: 100%; min-height: 200px; padding: 70px 50px 0px 0px; text-align: right; background:none; background: url(/Content/img/orta2-k.png) #ea7024 no-repeat left; }

  #Baslik-Beyaz-Sag{ font-size:20px; line-height: 20px; text-align: right; }
  #Baslik-Beyaz-Sol{ font-size:20px; line-height: 20px; text-align: right; }

  #Link-Beyaz-Sag{ float: right; }
  #Link-Beyaz-Sol{ float: right; }
  #Link-Beyaz-Sag img{ margin-left: 15px; max-height: 20px; }
  #Link-Beyaz-Sol img{ margin-right: 15px; max-height: 20px; }

  #OrtaBtn-1{ position: absolute; padding: 10px; background: #313131; font-family: 'Montserrat', sans-serif; font-weight:400; font-size:16px; color: #878787; border-radius: 3px; text-decoration: none; bottom: 30px; right: 30px; }
  #OrtaBtn-1:hover{ background: #282828; }

  #OrtaBtn-2{ position: absolute; padding: 10px; background: #11230b; font-family: 'Montserrat', sans-serif; font-weight:400; font-size:16px; color: #878787; border-radius: 3px; text-decoration: none; bottom: 30px; left: 30px; }
  #OrtaBtn-2:hover{ background: #091405; }

  #footer-ebulten form input{width: 75%; }
	#footer-ebulten form button{ width: 25%; }
	#footer-adres{width: 100%; float: left; border-right: 0px; margin-right: 0%; margin: 20px auto; text-align: center;}
	#footer-adres img{display: none;}
	#footer-sosyal{width: 100%; float: left; margin-right: 0%; text-align: center; margin: 0 auto;}
	#footer-sosyal a{display: inline-block; margin: 0.5%;}
	#footer-linkler{width: 100%;  margin-right: 0%; text-align: center;}
	#footer-urun{width: 100%;  margin-right: 0%; text-align: center;  }

	#footer-copy-alan{text-align: center;}
	#footer-copy-alan > #wrapper img{position: relative; display: block; float: none; padding: 15px 0; text-align: center; margin: 0 auto; }

  #wrapper-ana-kurumsal{  width: 100%; padding: 30px; background: url(/img/kurumsalbg-k.png) no-repeat bottom center; background-size: 100% auto; height:auto;  margin-top: 0px; }
	#Ana-Kurumsal{ float: none; text-align: center; width: 100%; margin: 30px 0px 0px 0px; display: block; }
  #Ana-Kurumsal-Baslik{ float: none; width: 100%; font-size:18px; letter-spacing: 5px; margin-bottom: 5px;  }
  #Ana-Kurumsal-Baslik span{ font-weight: 900; letter-spacing: 0px; }
  #Ana-Kurumsal-Yazi{ float: right; width: 100%; font-family: 'Montserrat', sans-serif; font-weight:400; font-size:14px; line-height: 24px; display: block; margin-bottom: 5px;  }
  #Ana-Kurumsal-Button{ width:auto; font-family: 'Montserrat', sans-serif; font-weight:400; font-size:15px; padding: 10px 20px; border-radius: 30px; display:inline-block; border: 1px solid #0062c2; color: #000; text-decoration: none; }
  #Ana-Kurumsal-Button:hover{ color: #fff; }
  #Ana-Kutu-1{ position: relative; width: 100%; }

  #Alt-Banner{ position: relative; width: 100%; height:auto; display: block; background: url(/img/alt-banner-k.png) no-repeat bottom center; background-size: 100% auto; }
  #Alt-Banner > #wrapper{ max-width: 95%; height:150px; text-align: center; padding: 30px 0px; }
  #Alt-Banner h1{ font-family: 'Montserrat', sans-serif; font-weight:700; letter-spacing: 5px; font-size:20px; color: #fff; margin-bottom: 5px; bottom:50px;   }
  #Alt-Banner .Takip { position:relative;  height:auto;  bottom:0px; padding: 10px; text-align:center;  }
  #Alt-Banner .Takip a{ font-weight:600; font-size:10px; margin-right: 0px; padding:2px; border: 1px solid rgba(0,0,0,0.0); border-radius: 30px; text-decoration: none; display:inline-block; }
  #Alt-Banner > #wrapper > #takip a i{ width:auto; height:auto;  font-size: 12px; background: none; color: #fff;}
  #Alt-Banner > #wrapper > #takip a:hover{ background: #fff; border-radius: 30px; color: #000;} 
  #Alt-Banner > #wrapper > #takip a:hover i{ background: none; color: #000; }

  #Urun-Sol{ width: 100%; padding: 30px; }
  #Urun-Sol-Banner{ width: 100%; }
  #Urun-Sag{ display: none; }

  #Alt-Bg{  padding:  50px;margin: 0 auto; margin-top: 0px;   }

  #Urun-Kutu{ position: relative; width: 98%; height:auto; margin:1%; padding: 0; float: left; display: block; background: #000; overflow: hidden; transition: all 0.2s ease; }
  #Urun-Kutu > #KutuBaslik{ width: 90%; top: 20%; font-size:20px; }
  #Urun-Kutu > #KutuSpot{ width: 90%; bottom: 10%; font-size:10px; line-height: 15px; overflow: hidden; }
  #Urun-Kutu > #KutuBaslik2{ top: 20%; font-size:20px; }
  #Urun-Kutu > #KutuSpot2{ width: 90%; bottom: 10%; font-size:10px; line-height: 15px;  overflow: hidden; }


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

.bg-video {
  position: relative;
  height: 70vh;
  overflow: hidden;
  background: black;
  display: block;
  max-width: 100%;
  margin: auto;
  font-family: 'Montserrat', sans-serif;
}
.bg-video__wrapper {
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: all 0.75s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0;
  position: relative;
  pointer-events: none;
  overflow: hidden;
}
.bg-video__wrapper:before {
  content: "";
  background: rgba(0, 0, 0, 0.7);
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.bg-video__media {
  width: 100vw;
  height: 56.25vw;
  min-height: 100vh;
  min-width: 177.77vh;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100% !important;
}
.bg-video__content {
  animation: slidein 2s;
  margin: 0 auto;
  text-align: left;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1000px;
  max-width: 90%;
  padding: 0px 15px;
  z-index: 2;
  transform: translate(-50%, -50%);
}
.bg-video__rec1 {
	animation: slidein 2s;
	margin: 0 auto;
	text-align: left;
	position: absolute;
	top: 10%;
	left: 50%;
	width: 1140px;
	max-width: 90%;
	height: 143px;
	padding: 0px 15px;
	z-index: 2;
	transform: translate(-50%, 30%);
	background-size: 100% 143px; 
  }
  .bg-video__rec2 {
	animation: slidein 2s;
	margin: 0 auto;
	text-align: left;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1140px;
	max-width: 90%;
	height: 143px;
	padding: 0px 15px;
	z-index: 2;
	transform: translate(-50%, 90%);
	background-size: 100% 143px; 
  }
  .bg-video__rec3 {
	animation: slidein 2s;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1000px;
	max-width: 90%;
	padding: 0px 15px;
	z-index: 2;
	transform: translate(-50%, -50%);
  }
.bg-video__heading {
  font-weight: 700;
  font-size: 55px;
  line-height: 55px;
}
.bg-video__link {
  color: #FFF;
  text-decoration: none;
}
.bg-video__copy {
  color: #fff;
  margin: 0 0 1em;
  font-size: 20px;
  line-height: 20px;
}
.bg-video__cta{
	outline: none;
	background: #ff604f;
	color: white;
	border: 0px;
	font-weight: 700;
	padding: 10px 15px;
}
.bg-video__cta:hover{
	background: #d95243;
}

@keyframes slidein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* İLETİŞİM FORM */
input[type=text],
select,
textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
	resize: vertical;
	transition: all 500ms ease;
}

input[type=text]:hover,
select:hover,
textarea:hover,
input[type=text]:focus,
select:focus,
textarea:focus {
    border-color: #222;
}

label {
    padding: 12px 12px 12px 0;
    display: inline-block;
    font-weight: 500;
}

input[type=submit] {
    background-color: #b81415;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
	margin-left: auto;
}

input[type=submit]:hover {
    background-color: #d95243;
}

.container {
    padding-left: 40px;
}

.col-25 {
    float: left;
    width: 25%;
    margin-top: 6px;
}

.col-50{
    float: left;
    width: 50%;
    margin-top: 6px;
}

.col-75 {
    float: left;
    width: 75%;
    margin-top: 6px;
}

.row a{
    color: #222;
    text-decoration: none;
}

.row a:hover{
    color: #b81315;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

@-webkit-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@-moz-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
 .scroll-btn {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom:40px; 
	text-align: center;
}
.scroll-btn > * {
	display: inline-block;
	line-height: 18px;
	font-size: 13px;
	font-weight: normal;
	color: #7f8c8d;
	color: #ffffff;
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 2px;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *.active {
	color: #ffffff;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *:active,
.scroll-btn > *.active {
	opacity: 0.8;
	filter: alpha(opacity=20);
}
.scroll-btn .mouse {
	position: relative;
	display: block;
	width: 35px;
	height: 55px;
	margin: 0 auto 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid white;
	border-radius: 23px;
}
.scroll-btn .mouse > * {
	position: absolute;
	display: block;
	top: 29%;
	left: 45%;
	width: 4px;
	height: 10px;
	margin: 0px 0 0 0px;
	background: white;
	border-radius: 50%;
	-webkit-animation: ani-mouse 1.5s linear infinite;
	-moz-animation: ani-mouse 1.5s linear infinite;
	animation: ani-mouse 1.5s linear infinite;
}

@media screen and (max-width: 600px) {

    .col-25,
    .col-50,
    .col-75,
    input[type=submit] {
        width: 100%;
        margin-top: 0;
    }

    .container{
        padding: 0;
    }
    .scroll-btn { display: none; }
}
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey;  border-radius: 0px; }
::-webkit-scrollbar-thumb { background: #888888;  border-radius: 0px; }
::-webkit-scrollbar-thumb:hover { background: #888888; }