#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: 'Montserrat', sans-serif;font-weight:300; font-size:15px; color:#959595; line-height:25px; background:#1b1b1b !important; }
#wrapper{ position:relative; width: 1170px; 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-phone{ position:relative; float:right; width: 160px; margin: 40px auto; margin-left:15px; padding:8px 10px; text-align: right; background:#ea7024; border-radius:30px; font-family: 'Montserrat', sans-serif;font-weight:600; font-size:15px; color:#fff; transition: all 0.3s ease-in-out; }
#head-phone img{ position:absolute; left:0; bottom:0; }

#head-sosyal{ position:relative; width:35px; height:35px; line-height:35px; float:right; margin-top: 41px; margin-right:5px; text-align: center; transition: all 0.5s ease-in-out; border:1px solid #959595; border-radius:30px; font-family: 'Montserrat', sans-serif; font-size:13px; color:#959595; }
#head-sosyal:hover{ background:#959595; color:#fff; }

#head-link{ position:relative; width:auto; float:right; margin-top: 41px; margin-right:15px; text-align: right; transition: all 0.7s ease-in-out; border:1px solid #959595; border-radius:30px; }
#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; border-top-right-radius:30px; border-bottom-right-radius:30px; margin-left:-4px;  }
#head-link ul li:first-child{ border-left: 0px solid #959595; border-top-left-radius:30px; border-bottom-left-radius:30px;  }
#head-link ul li a{ position: relative; display: block; color:#959595; font-weight: 400; font-size:12px; padding:8px 10px; margin-right:0px 10px !important;  }
#head-link ul li:hover{ background:#ea7024; color:#fff; }
#head-link ul li:hover a{ color:#fff; }
.navik-header.sticky #head-link{ top: -100px; margin-top: -100px; }
.navik-header.sticky #head-phone{ top: -100px; margin-top: -100px; }
.navik-header.sticky #head-sosyal{ top: -100px; margin-top: -100px; }

#yarim{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 55%; margin-right:15px; border:1px solid #f0f0f0; }
#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: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  width: 100%; background: #1b1b1b; }
.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: 57; 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: 25%; height:275px; float: left; background:url(/Content/img/EK.png) no-repeat top left; background-size:auto 100%; padding:50px 0px; margin-right: 5%;}
#footer-adres img{max-width: 85%; position: relative;  display: block; margin-bottom: 15px;}
#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:16px; color:#dadcdd; line-height:30px; text-decoration:none; }
#footer-adres-tel span{ font-weight:900; font-size:36px;  }
#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-adres-mail{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:23px; color:#fff;}

#footer-sosyal{position: relative;  display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 50%;  float: left; margin:20px auto; margin-left:2%; text-align:left;}
#footer-sosyal a{position: relative;  display:inline-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%; border:1px solid #646464; color: #646464; font-size: 14px; margin: 4px; transition:all 0.3s ease-in;}
#footer-sosyal a:hover{transform: scale(1.2); background: #646464; color: #fff;}
#footer-sosyal img{max-width: 100%; max-width: 10px; position: absolute; right: 0; top: auto; top: 20px;}
#footer-sosyal span{ color:#dadcdd; }

#footer-linkler{position: relative;  display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 70%; padding-top:50px; float: left; text-align:right; }
#footer-linkler a{position: relative;  display:inline-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:16px; color:#dadcdd; line-height:70px; margin:0 14px; border-bottom:1px solid #1b1b1b;  transition:all 0.3s ease-in;}
#footer-linkler a:hover{text-decoration: none; border-bottom:1px solid #ea7024; }

#footer-copy-alan{position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; font-family: 'Montserrat', sans-serif;font-weight:500; font-size:15px; color:#6e6e6e;}
#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:200; font-size:15px; color:#b6b3b3; line-height:28px; }
.dark-text{ font-family: 'Montserrat', sans-serif; font-weight:300; font-size:15px; color:#000; line-height:28px; }
.white-text{font-family: 'Montserrat', sans-serif;font-weight:300; font-size:16px; color:#f2f2f2; 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;  }

.metinAlan{ }
.metinAlan ul{ list-style:disc; }
.metinAlan ul li{ margin-left:50px; }

.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-Kurumsal{ background:url(/Content/img/EK.png) no-repeat top right; background-size:auto 100%; min-height:300px; text-align:center; }
.Ana-Kurumsal > .Yazi-Alan{position:relative; width:100%; height:auto; border:1px solid #242424; padding:50px 100px; text-align:center; }
.Ana-Kurumsal > .Yazi-Alan > .Yazi-Logo-Alan{ position:absolute; text-align:center; top:-50px; left:0; right:0; }
.Ana-Kurumsal > .Yazi-Alan > .Yazi-Logo-Alan img{ height:81px; background:#1b1b1b; padding:10px; }
.Ana-Kurumsal > .Buton-Alan{ position:relative; display:inline-block; background:#1b1b1b; padding:15px; top:-25px; }
.Ana-Kurumsal > .Buton-Alan a{ border:1px solid #242424; padding:13px 20px; font-size:13px; font-weight:300; color:#aeaeae; margin-top:-25px; text-decoration:none; }
.Ana-Kurumsal > .Buton-Alan a:hover{ background:#242424; }

#IkonAlan{ position:relative; width:14.36%; height:288px; border:1px solid #242424; float:left; margin-left:-1px; overflow:hidden; z-index:1; transition: all 0.2s ease; text-decoration:none; }
#IkonAlan:hover { background:#1b1b1b; border:1px solid #666; transform: scale(1.1); z-index:2; transition: all 0.2s ease; }
#IkonAlan img{ max-height:90px; margin-top:50px; margin-left:-20px; transition: all 0.2s ease;  }
#IkonAlan:hover img{ margin-left:30px;  z-index:2; transition: all 0.2s ease; }
#IkonAlan div{ border-left:3px solid #ea7024; height:41px; margin-top:60px; padding-left:10px; font-size:13px; color:#aeaeae; line-height:20px; }
#IkonAlan div span{ position:relative; width:100%; display:block; font-weight:700; }

.Ana-Blog-Baslik{ background:url(/Content/img/EK.png) no-repeat top left; background-size:auto 100%; min-height:180px; line-height:180px; text-align:center; font-family: 'Montserrat', sans-serif;font-weight:600; font-size:28px; color:#aeaeae; }

#home-form{ position: relative; background:url(/Content/img/formbg.jpg) no-repeat center;height: 400px; padding:40px 0px;margin-top:50px; box-sizing :border-box; z-index: 55; }
#home-form-title{ font-family: 'Montserrat', sans-serif; font-size:20px; padding: 70px 0; font-weight:500; color:#d6d6d6; display: block; text-align: right; }
#home-form-title span{ font-weight: 800; font-size:30px; display: block; } 
#home-form-title p{ font-size: 30px; } 

.style1{ font-family: 'Montserrat', sans-serif; font-weight:500; font-size:15px; color:#000; background:none; width:100%; height:50px; line-height:50px; padding-left:15px; margin-bottom:10px; border:0px; box-sizing:border-box;background:rgba(234,112,36,0.4); outline:none;  }
.style2{font-family: 'Montserrat', sans-serif; font-weight:500; font-size:15px; color:#000;background:none;width:100%;height:230px;line-height:25px;padding-left:15px;margin-bottom:1px;border:0px; box-sizing:border-box; background:rgba(234,112,36,0.4);outline:none;  }
.buton-form{ font-family: 'Montserrat', sans-serif; font-weight:500; font-size:14px; color:#fff; font-weight: 500; background:#ea7024;width:150px;height:50px;line-height:50px;padding:0px 30px;border:0px;box-sizing:border-box;cursor:pointer; display:inline-block; text-align: center; float: right;  }
.buton-form:hover{ background:#c95c18; }

::-webkit-input-placeholder { font-weight:300; font-size:11px; color: #a9a9a9; text-transform:uppercase; }
:-ms-input-placeholder { font-weight:300; font-size:11px; color: #a9a9a9; text-transform:uppercase; }
::placeholder { font-weight:300; font-size:11px; color: #a9a9a9; text-transform:uppercase; }

#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; }


.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:700; font-size:30px; color: #fff; top: auto; bottom: 120px; left: 0; right: 0;  }
#Alt-Banner .Takip{ position:absolute; bottom:80px; 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: 1170px; height: auto; min-height:800px; background: #fff; margin: 0 auto; margin-top: -80px; border-right:1px solid rgba(0,0,0,0.05);  }
#Alt-Bg-Resimler{ position: relative; max-width: 100%; width: 1170px; height: auto; min-height:100px;  padding:  50px 100px 50px 100px; background: #fff; margin: 0 auto; background:#f9f9f9; box-shadow: 0px -1px 1px 0px rgba(0,0,0,0.05); }

#Urun-Sol{ position: relative; width:80%;  background: none; padding:50px; float: right; }
#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: 30.3%; height:auto; margin:1.5%; padding: 0; float: left; display: block; background: #fff;  border:1px solid #f0f0f0; overflow: hidden; text-decoration:none; transition: all 0.2s ease; }
#Urun-Kutu > #KutuResim{ position:relative; width:100%; height:150px; background:#fff; border-bottom:1px solid #f0f0f0; }
#Urun-Kutu > #KutuResim img{ position:absolute; max-width: 100%; max-height: 100%; top:50%; left:50%; transform: translate(-50%, -50%);  opacity: 1; transition: all 0.3s ease; z-index: 5;}
#Urun-Kutu > #Detay{ position: absolute; width: auto; height:150px; line-height:150px; font-family: 'Montserrat', sans-serif; font-weight:500; font-size:12px; color:#fff; opacity: 0; top: -150px; right: 0%; left:0%; transition: all 0.3s ease; text-align: center; z-index:6; }
#Urun-Kutu:hover > #Detay{ opacity: 0.5; top: 0; right: 0%; left:0%; background: #ea7024;  }
#Urun-Kutu:hover{ background: #ea7024; }
#Urun-Kutu > #KutuBaslik{ position:relative; width:100%; height: 90px; font-family: 'Montserrat', sans-serif; font-weight:500; font-size:15px; color:#000; line-height:20px; opacity: 1; transition: all 0.3s ease; text-align: center; }
#Urun-Kutu > #KutuBaslik span{ position:absolute; width:100%; top:50%; left:50%; transform: translate(-50%, -50%); text-align:center; }
#Urun-Kutu:hover > #KutuBaslik{ color:#fff; }



#Urun-Sag{ position:absolute; width: 20%; height: 100%; background: #f9f9f9; border:1px solid rgba(0,0,0,0.05); left:0px; top:0px; bottom:auto; right:auto;  }
#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.05); }
#Urun-Menu-1{ position: relative; width: 100%; padding: 15px 20px; font-family: 'Montserrat', sans-serif; font-weight:600; font-size:14px; line-height: 20px; color: #000; 
  text-decoration: none; display: block; border-bottom:1px solid rgba(0,0,0,0.05); transition: all 0.2s ease; }
#Urun-Menu-1:hover{ background: #ea7024; transform: scale(1.05); box-shadow: 0px 0px 50px 50px rgba(0,0,0,0.05); color:#fff; }
#Urun-Menu-1-Aktif{  position: relative; width: 100%; padding: 15px 20px; font-family: 'Montserrat', sans-serif; font-weight:600; font-size:14px; line-height: 20px; color: #000; 
  text-decoration: none; display: block; border-bottom:1px solid rgba(0,0,0,0.05); background: #ea7024; transform: scale(1.05); box-shadow: 0px 0px 50px 50px rgba(0,0,0,0.05); color:#fff; transition: all 0.2s ease; }

#Urun-Menu-2{ position: relative; width: 100%; padding: 10px 25px; font-family: 'Montserrat', sans-serif; font-weight:500; font-size:12px; line-height: 18px; color: #000; 
  text-decoration: none; display: block; border-bottom:1px solid rgba(0,0,0,0.05); margin-left:-1px !important; transition: all 0.2s ease; }
#Urun-Menu-2:hover{ background: #d56621; transform: scale(1.01); box-shadow: 0px 0px 50px 50px rgba(0,0,0,0.05); color:#fff; }
#Urun-Menu-2-Aktif{ position: relative; width: 100%; padding: 10px 25px; font-family: 'Montserrat', sans-serif; font-weight:500; font-size:12px; line-height: 18px; color: #fff; 
  text-decoration: none; display: block; border-bottom:1px solid rgba(0,0,0,0.05); margin-left:-1px !important; background: #d56621; transition: all 0.2s ease; }

#Urun-Menu-3{ position: relative; width: 100%; padding: 10px 35px; font-family: 'Montserrat', sans-serif; font-weight:500; font-size:11px; line-height: 16px; color: #000; 
  text-decoration: none; display: block; border-bottom:1px solid rgba(0,0,0,0.05); margin-left:-1px !important; transition: all 0.2s ease; }
#Urun-Menu-3:hover{ background: #be5b1d; transform: scale(1.01); box-shadow: 0px 0px 50px 50px rgba(0,0,0,0.05); color:#fff; }
#Urun-Menu-3-Aktif{ position: relative; width: 100%; padding: 10px 35px; font-family: 'Montserrat', sans-serif; font-weight:500; font-size:12px; line-height: 18px; color: #fff; 
  text-decoration: none; display: block; border-bottom:1px solid rgba(0,0,0,0.05); margin-left:-1px !important; background: #be5b1d; transition: all 0.2s ease; }

#ResimGaleri{ position:relative; width:23%; margin:1%; float:left; }
#ResimGaleri img{ width:100%; height:auto; border-radius:5px; }
#PdfGaleri{ position:relative; width:auto; margin:1%; display:inline-block; font-family: 'Montserrat', sans-serif; font-weight:400; font-size:13px; color: #000; padding:10px; border-radius:5px; border:1px solid #ccc; text-decoration:none; }
#PdfGaleri i{ float:left; margin-right:10px; font-size:30px !important; }
#PdfGaleri:hover{ background:#ccc; color:#fff; }

.accordion { max-width: 100%; background: #fff; margin: 0 auto; box-shadow: 0 1px 2px rgb(220, 220, 220); }
.heading { font-family: 'Montserrat', sans-serif; color: #252525; font-size:16px; box-shadow: 0 1px 2px rgb(220, 220, 220); letter-spacing: 0.8px; padding: 15px; cursor: pointer;  }
.heading:nth-last-child(2){ border-bottom:0; }
.heading:hover { background: #e79a1b; border-radius: 0; }
.heading:first-child:hover { border-radius: 0; }
.heading:nth-last-child(2):hover{ border-radius:0; }
.heading::before { content: ''; vertical-align: middle; display: inline-block; border-top: 7px solid #f5f5f5; border-left: 7px solid transparent; border-right: 7px solid transparent;  float: right; transform: rotate(0); transition: all 0.5s; margin-top: 5px; }
.active.heading::before { transform: rotate(-180deg); }
.not-active.heading::before { transform: rotate(0deg); }
.contents { display: none; background: #FFFAFA; padding: 15px; color: #7f8fa4; font-size: 13px; line-height: 1.5; }
.contents form { margin: 10px auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;b}
.contents form input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 49%; margin: 1% 0.5%; display: block; outline: 0;  border: 0; float: left; border: 1px solid #eee; height: 50px; line-height: 50px; padding-left: 15px; }
.contents form input::placeholder { font-weight: 500; }
.contents form input:focus { background-color: #F5F5F5; }

#videoGlr{ position:relative; width:48%; height:200px; margin:1%; background:#000; float:left; }
#videoGlr img{ width:100%; opacity:0.6; height:200px; object-fit:cover}
#videoGlr span{ position:absolute; left:0;bottom:10px;width:100%;text-align:center; font-family: 'Montserrat', sans-serif; font-weight:500; font-size:14px; color: #fff; }

@media only screen and (max-width: 1500px) { 
#Alt-Banner{ position: relative; width: 100%; height: 340px; display: block;  background-size: 100% auto;  }
#Alt-Bg{ position: relative; max-width: 100%; width: 1170px; height: auto; min-height:400px;  padding:  0px 100px 50px 100px; background: #fff; margin: 0 auto; margin-top: -20px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);  }
}
@media only screen and (max-width: 1200px) { 
  #Alt-Banner{ position: relative; width: 100%; height:250px;  display: block;background-size: auto 100%; }
  #Alt-Banner > #wrapper{ max-width: 95%; height:250px; text-align: left; padding: 30px 0px; }
  #Alt-Banner h1{ font-size:30px;  bottom:100px; }
  #Alt-Banner .Takip{ position:absolute; bottom:70px; left:0; right:0; text-align:left; }
  .Ana-Kurumsal-Resim{ max-width: 75%; margin-top: -20px; }
} 
@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{ width:auto; margin-top:15px; margin-right:30px; border:1px solid #515151; }
    #head-link ul li{ padding-left:5px; padding-right:5px; }
    #head-link ul li a{ line-height: 12px;  margin-right:0px 0px !important; font-size: 10px;  }
    #head-phone{ display:none; }
    #head-sosyal{ display:none; }

    #IkonAlan{  width:33.3%; height:240px; }
    #IkonAlan img{ max-height:80px; margin-top:30px; }
    #IkonAlan:hover img{ margin-left:35px; }
    #IkonAlan div{ margin-top:40px; }
    #IkonAlan:last-child{ display:none; }

    .Ana-Blog-Baslik{ min-height:100px; line-height:100px; text-align:center; font-family: 'Montserrat', sans-serif;font-weight:600; font-size:20px; color:#aeaeae; }

    #yarim {width: 100%; padding:0; margin:0;}
	#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; }

    #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; }

    .yukaricik{ top:0px;}
	#footer-adres{width: 100%; float: left; border-right: 0px; margin-right: 0%; margin-top: 70px; padding:50px 0 15px 0; height:auto; text-align: center;}
	#footer-adres img{display: none;}
	#footer-sosyal{width: 100%; float: left; margin-right: 0%; padding:15px 0; text-align: center; margin: 0 auto;}
    #footer-sosyal img{ display:none; }
	#footer-sosyal a{display: inline-block; margin: 0.5%;}
	#footer-linkler{display:none;}
	#footer-urun{ display:none; }

	#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; }

    .Ana-Kurumsal{ background:url(/Content/img/EK.png) repeat-x top right; background-size:auto 18%; min-height:200px; text-align:center; }
    .Ana-Kurumsal > .Yazi-Alan{padding:70px 10px 40px 10px;}
    .Ana-Kurumsal > .Yazi-Alan > .Yazi-Logo-Alan{ position:absolute; text-align:center; top:-50px; left:0; right:0; }
    .Ana-Kurumsal > .Yazi-Alan > .Yazi-Logo-Alan img{ height:100px; background:#1b1b1b; padding:30px; border:1px solid #242424; }
    .Ana-Kurumsal > .Buton-Alan{ position:relative; display:inline-block; background:#1b1b1b; padding:15px; top:-25px; }
    .Ana-Kurumsal > .Buton-Alan a{ border:1px solid #242424; padding:13px 20px; font-size:13px; font-weight:300; color:#aeaeae; margin-top:-25px; text-decoration:none; }
    .Ana-Kurumsal > .Buton-Alan a:hover{ background:#242424; }

  #Alt-Banner{ position: relative; width: 100%; height:150px;  display: block;background-size: 100% 100% !important; }
  #Alt-Banner > #wrapper{ max-width: 95%; height:150px; text-align: center; padding: 30px 0px; }
  #Alt-Banner h1{ font-size:25px;  bottom:50px; }
  #Alt-Banner .Takip{ position:absolute; bottom:20px; width:100%; left:0; right:0; text-align:center; }
  #Alt-Banner .Takip a{ margin-right:3px; }
  #Alt-Banner .Takip a h5{ font-size:10px; margin-right:3px; }

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

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

#Urun-Kutu{ position: relative; width: 48%; height:auto; margin:1%; }
#Urun-Kutu > #KutuBaslik{font-weight:600; font-size:11px; color:#000; line-height:14px; }

#videoGlr{ position:relative; width:98%; height:auto; margin:1%; background:#000; float:left; }

#home-form{ height: 150px; padding:15px 0px; margin: 20px auto; box-sizing:border-box; z-index: 55; }
#home-form-title{ font-size:14px; padding: 30px 0; text-align: center; }
#home-form-title span{ font-weight: 800; font-size:20px; display: block; } 
#home-form-title p{ font-size: 20px; } 

.style1{ width:48%; margin:1%; float:left; }
.style2{ width:98%; margin:1%; float:left; }
.buton-form{ width:98%; margin:1%; float:left;  }


	.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;
  }
}

.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;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {

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

    .container{
        padding: 0;
    }
}
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey;  border-radius: 5px; }
::-webkit-scrollbar-thumb { background: #ea7024;  border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #ea7024; }

@-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: 800px) {
    .scroll-btn .mouse { display:none; }  

}
/* Search Style */ 
#search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    -webkit-transition: all 0.5s ease-in-out;
       -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
	       -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
	     -moz-transform: translate(0px, -100%) scale(0, 0);
	      -ms-transform: translate(0px, -100%) scale(0, 0);
         -o-transform: translate(0px, -100%) scale(0, 0);
	          transform: translate(0px, -100%) scale(0, 0);    
    opacity: 0;
    display: none;
}

#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
       -moz-transform: translate(0px, 0px) scale(1, 1);
    	  -ms-transform: translate(0px, 0px) scale(1, 1);
	       -o-transform: translate(0px, 0px) scale(1, 1);
	           transform: translate(0px, 0px) scale(1, 1); 
    opacity: 1;
    z-index: 9999999999999999999 !important;
    display: block;
}

#search input[type="search"] {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -51px;
    width: 60%;
    margin-left: 20%;
    color: rgb(255, 255, 255);
  	background: transparent;
  	border: 1px solid rgba(255, 255, 255, .8);
    font-size: 20px;
  	font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    text-align: left;
    outline: none;
  	padding: 20px;
}

#search input[type="search"]::placeholder {
color: #fff;
}

#search .close {
    position: fixed;
    top: 15px;
    right: 15px;
	  opacity: 1;
	  font-size: 27px;
    color: #fff;
    
}

#search .close:hover{
  color: #FC2121;
  cursor: pointer;
}
b{font-weight:700 !important;}


.cerez {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 99999;
	background: #fff;
	padding: 15px;
	border: 1px solid #f2f2f2;
}

	.cerez h4 {
		margin-top: 0;
	}

.cerez-buton {
	display: inline-block;
	background: #010101;
	border-radius: 16px;
	color: #fff;
	margin-right: 5px;
	padding: 5px 20px;
	cursor: pointer;
}

	.cerez-buton:hover {
		color: #fff;
	}

.cerez-kapa-buton {
	position: absolute;
	right: 15px;
	top: 15px;
	font-size: 25px;
	cursor: pointer
}

.cerez-kapa {
	display: none;
}

.cookieinfo {
	position: fixed !important;
	left: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	z-index: 99999999999999 !important;
	background: #fff !important;
	padding: 20px 0 51px !important;
	border: 1px solid #f2f2f2 !important;
	color: #010101 !important;
	height: auto !important;
}

.cookieinfo-close {
	float: none !important;
	display: inline-block !important;
	background: #010101 !important;
	border-radius: 16px !important;
	color: #fff !important;
	margin: 0 !important;
	padding: 5px 20px !important;
	cursor: pointer !important;
	position: absolute;
	bottom: 20px !important;
	left: 20% !important;
}

.cookieinfo span {
	position: relative !important;
	width: 60% !important;
	left: 20% !important;
}

.cookie-kucuk-yazi {
	font-size: 11px
}

.dsply-blck-imprtnt {
	display: inline-block !important;
}