#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: 'Roboto', sans-serif;font-weight:300; font-size:15px; color:#959595; line-height:25px;}
#wrapper{ position:relative; width: 1200px; margin: 0 auto; }
header{ position: relative;; width: 100%; height: 110px; background: #fff;  box-sizing: border-box;  box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.0); z-index: 9999999 !important;  transition:all 0.5s ease-in;}

header > #wrapper > #ust > .logo { position: relative; width:18%; float: left; display: block; margin-top: 7px; }
header > #wrapper > #ust > .logo img{width: 100%;}
header > #wrapper > #ust > .menu{position: relative;height: 60px;float:right;display: block;text-align: center;top: 12px;}
header > #wrapper > #ust > .menu ul{list-style: none;margin: 10px auto;}
header > #wrapper > #ust > .menu ul li{ position: relative; display: inline-block; margin: 0 -2px; z-index: 2; } 
header > #wrapper > #ust > .menu ul li a{position: relative;width: 100%;height: 30px;line-height: 30px; font-family: 'Roboto', sans-serif;font-size: 16px;font-weight: 500;padding-right: 20px;padding-left: 20px;color: #000;text-decoration: none;/* padding: 0px 5px; */display: block; border-right: 1px solid #808487} 
header > #wrapper > #ust > .menu ul li a:hover{ background: none;  color:#e21725; border-radius: none; }
header > #wrapper > #ust > .menu ul li ul{position: absolute;visibility: hidden;width: 250px;left: 0;top: 100px;background: #ec6446;box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.1);padding: 15px;box-sizing: border-box;border-radius: none;transition:all 0.2s ease-in;}
header > #wrapper > #ust > .menu ul li ul li{position: relative;width: 100%;height: auto;display: block;border-right: none;margin: 0;text-align: left;}
header > #wrapper > #ust > .menu ul li ul li a{ border-right: none; width: 100%; height: auto; font-size: 14px; font-weight: 400; line-height:20px; padding: 5px; box-sizing: border-box; text-align: left;  background: none; display: block; color: aliceblue; border-radius: none; } 
header > #wrapper > #ust > .menu ul li ul li a:hover{ background: rgba(255,255,255,1.00); color: rgba(0,0,0,1.00); }
header > #wrapper >  #ust > .menu li:hover > ul{top: 27px;visibility: visible;transition:all 0.2s ease-in;}
header > #wrapper > #ust > .menu li:hover > a{ background:none; border-radius: none; }

#ust2{position: relative; display: block; width: 100%; background:#ec6446; height: 40px;}
#ust2-sol{position: relative; display: block; }
#ust2-sol a{ font-family: 'Roboto', sans-serif; float: left; font-size: 15px; color: #fff; font-weight:300; margin-right: 20px; line-height:40px;}
#ust2-sol a i{color:#ec6446; background: #fff; padding: 5px; margin-right: 10px; }

#ust2-sag{position: relative; display: block; float: right; }
#ust2-sag a{ font-family: 'Roboto', sans-serif;font-size: 15px; color: #fff; font-weight:300;  line-height:40px;}
#ust2-sag a i{color:#ec6446; background: #fff; padding: 5px; margin-right: 10px; }

#ana-hakkimizda #wrapper{   -webkit-box-shadow: 0px 0px 28px -3px rgba(0,0,0,0.20); -moz-box-shadow: 0px 0px 28px -3px rgba(0,0,0,0.20); box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.10);}


#orta-ciz{ border-bottom:1px solid #e4e4e4; margin-bottom:15px; margin-top:15px;}


#ust{position: relative; display: block; width: 100%; background: #fff; height: 15px;}


#dil{float: right; color: #fff; font-size: 16px; font-weight: 500; line-height: 70px; height: 70px; padding-right: 10px; }

#ana-hakkimizda{position: relative; display: block; width: 100%; background: url(../img/hak-bg.jpg) center no-repeat; height: 600px; }
#title{font-family: 'Roboto', sans-serif; font-size: 24px; color: #000; font-weight: 500;  text-align: center;}
.yazi{font-family: 'Roboto', sans-serif; font-size:16px; color: #848484; font-weight: 400; padding: 20px;
       }
.buton{font-family: 'Roboto', sans-serif; font-size:18px; color: #fff; font-weight: 400; background: #009fe3; padding: 10px 30px;transition:all 0.2s ease-in;
        padding: 20px;
        text-align: center;
}
.buton:hover{background: #000; color: #fff;}
#ana-hakkimizda #wrapper #yarim1 .yazi{line-height: 26px;
        padding: 20px;
        text-align: left;
}
#urunler{position: relative; display: block; width: 100%; background: url(../img/urunler.jpg)center no-repeat; padding-top: 40px;transition:all 0.2s ease-in;
  height: 118px; font-family: 'Roboto', sans-serif; font-size:30px; color: #fff; font-weight: 700; text-align: center;}
#urunler:hover{ font-size: 32px; transition:all 0.2s ease-in;}

#markalar{position: relative; display: block; width: 100%; background:#f7f7f7; text-align: center;}

#duyurular{position: relative; display:block; width:100%;  text-align: center; }
#duyurular #title{color: #000; ;}


#page-title{ position:relative; width:100%; height:auto; background-color:#161617; padding:30px; margin-top:-5px; text-align: center;}
#page-title span { font-size: 30px; color: #fff; font-weight: 600; margin: 0; position: relative; font-family: 'Roboto', sans-serif;}
#takip{ position:relative; text-align:center;font-family: 'Roboto', sans-serif; font-size:13px; font-weight:600; color:#fff; margin-top:10px;}
#takip a{font-family: 'Roboto', sans-serif; font-size:13px; font-weight:600; color:#fff; }
#takip a:hover{ color:#333; }


#hamburger{position: absolute; display: block; top:12px; right: 0px; }

 #hamburger svg {
    stroke: #000;
    width: 40px;
    height: 40px;
  }
  
  #mmenu {
    font-family: 'Roboto', sans-serif;
    display: block;
    height: 110vh;
    left: -300px;
    background-color: #ec6446;
    color: #fff;
    position: fixed;
    top: 0;
    z-index: 2;
    width: 300px;
    -webkit-transition: all 0.122s ease-in-out;
    transition: all 0.122s ease-in-out;
  }
  
  #mmenu > ul {
    width: 100%;
    height: 100vh;
    overflow-y: auto;
    margin: 0;
    padding: 0;
  }
  
  #mmenu > ul > li {
    height: auto;
    display: block;
    width: 100%;
    margin-top: 5px;
  }
  
  #mmenu > ul > li a {
    height: 42px;
    font-size: 17px;
    text-decoration: none;
    color: #fff;
   font-family: 'Roboto', sans-serif;
    display: block;
    line-height: 42px;
    font-weight: 500;
  }
  
  #mmenu > ul > li > a {
    padding-left: 15px;
  }
  
  #mmenu > ul > li:hover ul {
    max-height: 4200px;
    visibility: visible;
    opacity: 1;
  }
  
  #mmenu > ul > li > ul {
    max-height: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.122s ease-in-out;
    transition: all 0.122s ease-in-out;
    list-style: none;
    padding-left: 0px;
    margin: 0;
  }
  
  #mmenu > ul > li > ul a {
    border: 1px solid #eee;
    border-left: 0;
    border-right: 0;
    padding-left: 20px;
  }
  
  #closeButton {
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 18px;
    border-bottom: 1px solid #fff;
    cursor: pointer;
  }
  
  .hidden {
    opacity: 0;
    visibility: hidden;
    z-index: -9999;
  }
  
  #overlay {
    content: "";
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
  }
  
#logo-yan2 { position:relative; font-family: 'Exo', sans-serif; float:right; width:100%;  z-index:58; text-align:right;  }

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;
	margin:0;
	padding:0;
	overflow-x: hidden;
	font-family: 'Exo', sans-serif;  font-size:17px; color:#000; line-height:24px; font-weight:300;
}
#enust{ width:100%; height:30px; margin:0 auto; top:0;  z-index:57;  transition:all .4s ease-in; background-color:coral }
#enust.tasi{  top:-50px; }




#sagkatman #title {font-family: 'Roboto', sans-serif; font-size: 24px; color: #000; font-weight: 500;  text-align: left;}

#center-bar-product-box { width: 31%; margin-right: 2%; border:2px solid #f2f2f2;  overflow: hidden; margin-bottom:20px;overflow: hidden; float:left;   padding:0px 0px;transition:all .2s ease; font-family: 'Roboto', sans-serif; transition:all 0.2s ease-in; }
#center-bar-product-box img { text-align:center; width:100%; border-top-left-radius:0px;border-top-right-radius:0px; transition:all 0.2s ease-in; }
#center-bar-product-box:hover img {-webkit-transform: scale(1.05); transform: scale(1.05);}
#center-bar-product-box h5 {text-align: center;font-family: 'Roboto', sans-serif;font-size: 18px;height: 60px;margin:0px;padding:15px 10px;color:#000!important;font-weight:500;}


#kare {border: 50px solid #000; background-color: #000; width: 100%;}

#box-container {
        display: flex;
        height: 200px;
        background-color: #000;
    }
    #box-1 {
        background-color: #000;
        order: 1;
        height: 200px;
        width: 200px;
        color: #fff;
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
        font font-weight: 500;
        text-align: center;
        position: relative
            
    }

    #box-2 {
        background-color: #000; 
        order: 2;
        height: 200px;
        width: 200px;
    }

#sagkatman {width:30%; float:right; box-sizing: border-box;}
#solkatman {width:70%; float:left; box-sizing: border-box;}



#banner{ width:100%;   position: relative;  box-sizing:border-box;  }
#wrapper{ position:relative; width:1200px; height:auto; margin:0 auto; }
#dortlu{position: relative; display: block; overflow: hidden;transition:all 0.2s ease-in; width: 23%; float: left; margin:1%;  }
#dortlu:hover{ transform: scale(1.05); cursor:pointer;}






#page-left{position: relative; display: block; width: 20%; float: left; margin-right: 2%; } 

#page-right{position: relative; display: block; width: 78%; float: right; border-left: 1px solid #f2f2f2; padding-left: 30px; } 
#page-right2{position: relative; display: block; width: 75%; float: left; margin-right: 2%; } 

#page-left ul{background: #eef0f1;  font-family: 'Roboto', sans-serif; list-style:none; padding:0; margin:0;   }
#page-left ul li a{position:relative;color: #3c5930;transition:all 0.2s ease-in; border-bottom: 1px solid #f2f2f2; font-size: 16px;line-height:24px;padding: 15px 20px;font-weight:500;display:block; font-family: 'Roboto', sans-serif; border-bottom: 3px solid #f2f2f2;
    border-bottom-width: 5px;
    border-bottom-style: solid;
    border-bottom-color: rgb(255, 255, 255);}
#page-left ul li a i{padding-right: 10px; color:#000 ;}
#page-left ul li a:hover{ color:#000; transition:all 0.2s ease-in; padding-left:10px;}

#urun-detay{position: relative; display: block; width: 100%; background: #fff; box-shadow: 0 2px 24px 0 rgba(40, 44, 43, 0.1); padding: 40px; text-align: left;}
#urun-detay #title{text-align: left; font-size: 21px;}

#solkatman{ width:50%; float:left; box-sizing: border-box; margin-top: 17%;}
#sagkatman{ width:50%; float:right; box-sizing: border-box;margin-top: 8%;}



#yarim1{ width:50%; float:left; box-sizing: border-box;}
#yarim2{ width:50%; float:right; box-sizing: border-box;}


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

footer{ height:auto; width:100%; margin:0px auto; background:#000000; padding:40px 0px 15px 0px; z-index:2;}
footer .bir{ position:relative; float:left; width:22%; margin-right:2%; height:auto; display:block; text-align:center; }

footer .iki{ position:relative; float:left; width:22%; height:auto;margin-right:2%;  display:block; }
footer .uc{ position:relative; float:left; width:22%; height:auto; display:block; }
footer .dort{ position:relative; float:right; width:25%; height:auto; display:block; text-align:left; }
footer .bes{ position:relative; float:left; width:75%; height:auto; line-height:50px; display:block; text-align:left;  }
footer .alti{ position:relative; float:left; width:25%; height:auto; display:block; text-align:right;  }
footer .link{ position:relative; float:left; width:100%; height:auto; display:block; font-family: 'Roboto', sans-serif;  color:#ffffff; font-size:18px; line-height:30px; font-weight:400; transition:all 0.2s ease-in;  }
footer .link:hover{color:#8d0809;}
footer .baslik1{ position:relative; width:auto; height:auto; display:inline-block; font-family: 'Roboto', sans-serif;   font-size:24px; color:#ffffff; font-weight:600; line-height:40px; border-bottom:3px solid #ec6446; padding-bottom:10px; margin-bottom:20px; text-align:right; }
footer .sosyal{ width:auto; height:auto; margin-left:5px; display:inline-block; transition:all 1s ease-in; }
footer .sosyal:hover{ transform: rotate(-360deg);  }
footer .copy{ position:relative; margin:0 auto; width:60%; height:auto; display:block; font-family: 'Roboto', sans-serif;   font-size:17px; color:#000; line-height:20px; text-align:center; }
.footer-yazi{ font-family: 'Roboto', sans-serif;  color:#ffffff; font-size:14px; line-height:24px; font-weight:500; }
footer .line{ width:100%; height:1px; background:#000; position:relative; display:block; margin:20px auto;}
footer .phone-alan{position:relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%;}
footer .phone{position:relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color:  transparent; color: #000000; width: 40px; height: 40px; line-height: 34px; text-align: center; border-radius: 5px; transition:all 0.2s ease-in; float: left;}
footer .phone{max-width: 100%; border-style: dashed;border-width: 2px;border-color: #ec6446;}
footer .phone-alan:hover .phone{background: #000;}
footer .phone-alan p{padding-left: 55px; padding-top:6px; font-size: 17px; font-weight:300; cursor: pointer;}



.asd{position: relative; display: block; color: #fff; font-size: 18px; font-weight: 600; background:#2088ca; padding:10px;}
#sol{float: left;}
#sag{float: right;}



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

  #ust2{display: none;}




#alt{display: none;}
#sag2{display: none;}
#iletisim{display: none;}
#ust{background: none; height: auto;}
header > #wrapper > #ust > .logo{width: 35%;}
header{position: relative; height: 60px;}
#ana-hakkimizda{background: none; height: auto;}
#markalar a{width: 30%;}
header > #wrapper > #ust > .menu{display: none;}
header > #wrapper > .menu{display: none;}
#menu-yan{display: none;}
#uclu{width: 100%;}
#banner{padding-top: 0px;}

#takip{width: 100%;}
#page-left{width: 100%;}
#page-right{width: 100%;}
#dortlu{width: 45%; text-align: center;}
#urunler{width: 48%;}
#urunler img{width: 100%;}
#urunn{text-align: center; margin-bottom: 20px;}
header > #wrapper > .logo{width: 100%;text-align: left;margin: 0px auto;top: 0px;float: none;}
header > #wrapper > .logo img{width: auto;}

#tel{float: left; font-family: 'Roboto', sans-serif;font-size: 16px;font-weight: 600; color: #000;  margin-top: 10px;  margin-bottom: 10px; background: #ffd226; border-radius: 5px; padding:5px 10px;} 
#dil{float: right; font-family: 'Roboto', sans-serif;font-size: 18px;font-weight: 400;background: #ffd226; color: #fff; margin-top: 10px; border-radius: 5px; padding:5px 10px; } 

#ana-hakkimizda #yarim1 img{width: 100%;}


footer{ height:auto; width:100%; margin:0px auto; background:#000; padding:80px 0px 80px 0px; z-index:2;}
footer .bir{ position:relative; float:left; width:100%; height:auto; display:block; text-align:center; border-bottom:1px solid #666; margin-bottom:30px; }
footer .iki{ display: none;}
footer .uc{ display: none; }
footer .dort{ position:relative; float:left; width:100%; height:auto; display:block; text-align: center;  }
footer .bes{ position:relative; float:left; width:100%; height:auto; line-height:50px; display:block; text-align:center;  }
footer .alti{ position:relative; float:left; width:100%; height:auto; display:block; text-align:center;  }
footer .sosyal{ width:auto; height:auto; margin-left:5px;display:inline-block; transition:all 1s ease-in; }

#page-header h1{width:auto;}
#page-right2{width:100%;}

#acil{ display:block; }
#kapa{ display:none !important; visibility:hidden;}

#wrapper{ position:relative; width:95%; height:auto; margin:0 auto; }

#yarim1{ width:100%; float:none; margin-bottom:10px;  margin-right:0px;}

#center-bar-product-box{width: 48%;}
#yarim1{ width:100%; float:left; box-sizing: border-box;}
#yarim2{ width:100%; float:right; box-sizing: border-box;}

}