#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: 100%; height: auto; height: 140px; padding: 10px 0px; box-sizing: border-box; margin-top: -19px;   box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.0); z-index: 9999999 !important;  transition:all 0.5s ease-in;}
header.kaydir{ background:white; box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.1);  transition:all 0.2s ease-in; }
header.nav-up{ margin-top:-160px; transition:all 0.2s ease-in; }
header > #wrapper > .logo { position: relative; width: 24%; float: left; display: block; margin-top: 20px;}
header > #wrapper > .logo img{  width: 100%; }
header > #wrapper > .menu > .line{ position: absolute;  width: 100%; height: 1px; background:rgba(229,228,239,1.00); bottom: 50%; z-index: 1;  }
header > #wrapper > .menu{ position: relative; bottom: 0; right: 0; width: 76%; height: 100px; float:right; margin-top: 50px; display: block; text-align: right; }
header > #wrapper > .menu ul{ list-style: none; margin: 25px auto; margin-left: -70px;}
header > #wrapper > .menu ul li{ position: relative; display: inline-block; margin: 0 8px; margin-right: 20px; z-index: 2;} 
header > #wrapper > .menu ul li a{ position: relative; width: 100%; height: 50px; line-height:50px;font-family: 'Myriad Pro', sans-serif; font-size: 19px; font-weight: 300; color: #333; text-decoration: none; padding: 5px;  display: block; } 
header > #wrapper > .menu ul li a.active{ color: #e30613;}
header > #wrapper > .menu ul li a:hover{border-radius: 10px;  border-bottom: 3px solid #c61317; }
header > #wrapper > .menu ul li ul{ position: absolute; visibility: hidden; width: 350px; left: 0; top: 100px; background:#fff; box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.1); padding: 0px 15px 15px 15px; box-sizing: border-box; border-radius: 10px; transition:all 0.2s ease-in; }
header > #wrapper > .menu ul li ul li{ position: relative; width: 100%; height: auto; display: block; margin: 0; text-align: left;}
header > #wrapper > .menu ul li ul li a{ width: 100%; height: auto; font-size: 14px; font-weight: 400; line-height:20px; padding: 5px; box-sizing: border-box; text-align: left;  background: none; display: block; color: #e30613; border-radius: 10px; } 
header > #wrapper > .menu ul li ul li a:hover{ background: rgba(255,255,255,1.00); color: rgba(0,0,0,1.00); }
header > #wrapper > .menu li:hover > ul{ top: 30px; visibility: visible; transition:all 0.2s ease-in; }
header > #wrapper > .menu li:hover > a{ background:#EEE; color:#333; border-radius: 10px; }

header > #wrapperOzel > .logo { position: relative;         width: 30%; float: left; display: block; margin-top: 40px; margin-left: 10px;}
header > #wrapperOzel > .logo img{  width: 100%; }
header > #wrapperOzel > .menu > .line{ position: absolute;  width: 100%; height: 1px; background:rgba(229,228,239,1.00); bottom: 50%; z-index: 1;  }
header > #wrapperOzel > .menu{ position: relative; bottom: 0; right: 0;  width: 53%; height: 100px; float:right; margin-top: 50px; display: block; text-align: right; }
header > #wrapperOzel > .menu ul{ list-style: none; margin: 25px auto; margin-left: -70px;}
header > #wrapperOzel > .menu ul li{ position: relative; display: inline-block; margin: 0 8px; margin-right: 20px; z-index: 2;} 
header > #wrapperOzel > .menu ul li a{ position: relative; width: 100%; height: 50px; line-height:50px;font-family: 'Myriad Pro', sans-serif; font-size: 19px; font-weight: 300; color: #333; text-decoration: none; padding: 5px;  display: block; } 
header > #wrapperOzel > .menu ul li a.active{ color: #e30613;}
header > #wrapperOzel > .menu ul li a:hover{border-radius: 10px; }
header > #wrapperOzel > .menu ul li ul{ position: absolute; visibility: hidden; width: 350px; left: 0; top: 100px; background-color:#f2f2f2; box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.1); padding: 0px 15px 15px 15px; box-sizing: border-box; border-radius: 10px; transition:all 0.2s ease-in; }
header > #wrapperOzel > .menu ul li ul li{ position: relative; width: 100%; height: auto; display: block; margin: 0; text-align: left;}
header > #wrapperOzel > .menu ul li ul li a{ width: 100%; height: auto; font-size: 14px; font-weight: 400; line-height:20px; padding: 5px; box-sizing: border-box; text-align: left;  background: none; display: block; color: #e30613; border-radius: 10px; } 
header > #wrapperOzel > .menu ul li ul li a:hover{ background: rgba(255,255,255,1.00); color: rgba(0,0,0,1.00); }
header > #wrapperOzel > .menu li:hover > ul{ top: 30px; visibility: visible; transition:all 0.2s ease-in; }
header > #wrapperOzel > .menu li:hover > a{ background:#EEE; color:#333; border-radius: 10px; }
#wrapperOzel { position:relative; width: 90%; margin: 0 auto; }
header > #wrapper > .menu ul li:last-child { margin-right: 0!important;}


  
.ust{ position: absolute;   float:right; display: block; margin-top: 20px;     width: 100%;}

#ust-phone{ position: relative; font-size: 16px; display: block; font-weight: 600; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: auto;font-family: 'Myriad Pro', sans-serif; color: black; float: right;  margin: 10px auto; margin-top: 14px;  margin-left: 20px; }
#ust-phone > .dil {background: #c61317; padding: 13px; position: relative; display: block; top: -25px; color:white;}
#ust-phone > .dil:hover{color:black;}
#ust-phone i{padding-right: 10px; max-width: 100%; color: white; font-size: 1em; margin-right: 10px;}

#ust-mail{margin-right: -20px; position: relative; font-size: 16px; font-weight: 600; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: auto; color: #222;font-family: 'Myriad Pro', sans-serif; float: right;  margin: 15px auto;  margin-left: 20px;}
#ust-mail i{padding-right: 10px; max-width: 100%; color: red; font-size: 1.25em;}

#ust-sosyal{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;font-family: 'Myriad Pro', sans-serif; box-sizing: border-box; width: auto; color: #222; float: right;  margin: 15px auto; margin-left: 20px; }
#ust-sosyal a{width: auto; color: #333; float: right; margin-left: 15px; font-size: 16px;  }

.banalt:hover { background: url(/img/banalt1.png) no-repeat!important;}
.banalt2:hover { background: url(/img/banalt2.png) no-repeat!important;}
.banalt3:hover { background: url(/img/banalt3.png) no-repeat!important;}
.banalt4:hover { background: url(/img/banalt4.png) no-repeat!important;}

#cizgi{position:relative; display:block; height:50px; background-color: red;}

.circle::after {
    content: '';
    position: absolute;
    width: 28px;
    border: 1px solid red;
    border: 1px solid red;
    background-color: red;
    left: -6px;
    top: -6px;
    z-index: -1;
    height: 28px;
    border-radius: 50%;
}

.carousel-item-desc {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width: 270px;
    margin: auto;
    z-index: 999999;
    color: white;
    min-width: 270px;
}


.carousel-item-desc h5 {
   margin-bottom: 0;
   padding-bottom: 0;
}

.item-desc {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
position: relative;
background:#e30613;
color: white;
    width: 100%;
    margin: auto;
    padding-top: 5px;
    height: 50px;
    z-index: 999999;
    
  
}

.ohnicefade {
    display: block;
    margin: auto;
   
   
    position: relative;
    overflow: hidden;
}

#center-bar-product-box {
    border: 0!important;
}


#urun-resim {width: 100%; text-align: center;}
#urun-isim {    display: block;
    width: 100%;
    height: auto;
    padding: 20px;
    background: #c61317;
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    transition: all 0.25s ease-in-out;
}
#urun-resim:hover{  border: 1px solid #c61317; }
#urun-isim:hover{ color: black;
    background: white;
    border: 1px solid #c61317; }

#haber-isim {display:block; color:black; font-size:16px;  font-family: 'Montserrat', sans-serif;   font-weight: 500; padding:5px;}
#haber-isim:hover{ color:#c61317; }
#haber-isim > i {font-size:18px; color:#c61317;}
#haber-baslik {display:block; color:black; font-size:16px;  font-family: 'Montserrat', sans-serif;   font-weight: 600; padding:5px;}
.reverse {
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
}

#ust-sosyal a:after {
    content: '';
    position: absolute;
    width: 0px;
    height: 40px;
    border: 1px solid rgba(0,0,0,0.05);
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
    margin-left: 7px;
    top: -10px;
}

#ust-sosyal > a:first-of-type::after {
    content: '';
    display: none;
    border: none;
}

.portfolio_080_control_button .carousel-control.left {
    left: calc(100% - 70px)!important;
    top: -40px;
    color: red;
    font-size: 2.5em;
    background-color: transparent;
}

.portfolio_080_control_button .carousel-control.right {
    right: 0!important;
    color: red;
    top: -40px;
    font-size: 2.5em;
    background-color: transparent;
}

.tui {
    position: absolute;
    top: 10px;
    left: calc(100% - 250px)!important;
    font-size: 14;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #333;
}

.productbox {
    width: 30%;
}

.productbox > h5, .productbox > p {
    color: #212121;
}
#orta {height:auto; background: url(../img/ortabackground.png); width: 100%; }
#ana-orta > #wrapper > .baslik {margin-bottom: 15px;font-size: 36px; color: #c61317; font-weight: 500; text-align: center; font-family: 'Montserrat', sans-serif;}
#ana-orta > #wrapper > .detay > a {text-align:center; font-size:18px;font-family: 'Montserrat', sans-serif; padding-top:10px; padding-bottom:10px; padding-left: 20px; padding-right:20px; background: #c61317; color:White;     transition: all 0.25s ease-in-out;}
#ana-orta > #wrapper > .detay {display:block; position:relative; top:35px; text-align:center; margin-top :15px;}
#ana-orta > #wrapper > .detay > a:hover {color:black; background:white; border:1px solid #c61317;}
#ana-orta{ position: relative; display: block; width: 100%;  height: auto; margin-top:50px; margin-bottom:50px;}
#ana-orta > #wrapper > .kurumsal-icerik {float:left; width: 100%;  position:relative;  display:block; top:10px; padding:5px;  font-weight: 500;  font-size:18px; text-align: center; font-family: 'Montserrat', sans-serif;}
#title{font-family: 'Poppins', sans-serif;font-weight:400; font-size:30px; color:red; line-height:30px; text-align: left; padding:20px; }
#title span{font-weight:700; color:#4babd7;}
#ana-orta-item{ position: relative; display: block; width: 30%; margin: 1%; float: left; }
#item-title{ position: absolute; font-family: 'Poppins', sans-serif; font-size: 30px; font-weight: 700; color:#fff; bottom: 5%; left: 4%; line-height: 35px;}
#ana-orta-item img{width: 100%;}
#item-title span{ font-weight: 300;}
#item-title i{  transition:all 0.4s ease-in;}
#ana-orta-item:hover #item-title i{ margin-left:100px; transition:all 0.4s ease-in;}

#ana-urun{ position: relative; display: block; width: 100%;  padding-top: 40px;}
#title {    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 36px;
    color: #c61317;
    line-height: 40px;
  
    text-align: center;}
#pdf{ position:relative; display:block;font-family: 'Montserrat', sans-serif; font-weight:600; font-size:14px;  width:100%; background:#f0f0f0; color:black; padding:10px; transition:all 0.2s ease-in; margin-bottom:10px;}
#pdf i{ float:right; font-size:24px;}
#pdf:hover{background:#000; color:white; }

.fotografgaleri, .pdfgaleri {
   
    padding: 15px 15px;
    font-family: 'Poppins', 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-weight: 700;
}

.pdfgaleri {
   
}



#ana-blog{ position: relative; display: block; width: 100%; background: url(../img/hakkimizda.png) center no-repeat; height: 500px;}
#ana-blog #yarim1{      width: 42%; float:right;  margin: 0; padding-top:25px;} 

#ana-blog .text{color:black; font-size: 17px; font-weight: 400; line-height: 23px;  padding: 15px; padding-left: 0px;  }
#ana-blog #yarim2{ padding: 30px; width: 50%; margin: 0; padding-top:25px;}
#ana-blog-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-size: 24px; font-weight: 600; color:#fff; width: auto; float: left; margin-bottom: 15px;}
#ana-blog-baslik span{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 400; color:#fff; }

#ana-blog-tarih{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Poppins', sans-serif; font-size: 12px; font-weight: 400; color:#fff; }
#ana-blog-baslik2{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 400; color:#fff; margin: 10px 0; }
#ana-blog-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-size: 14px; font-weight: 400; color:#fff;  }

#ana-ikon{position: relative; display: block; width: 25%; float: left; text-align: center; background: #ececec; padding: 20px; cursor: pointer;}
#ana-ikon img{padding-bottom:30px;  transition:all 0.4s ease-in; }
#ana-ikon span{font-family: 'Poppins', sans-serif;font-weight:400; font-size:18px; color:#000; line-height:18px; }
#ana-ikon:hover img{transform: rotate(360deg);}

.carousel-indicators {
    position: absolute!important;
    bottom: -60px!important;
}

#title2 p{font-family: 'Poppins', sans-serif;font-weight:800; font-size:30px; color:black; line-height:36px;padding: 0px; padding-top: 20px; margin-bottom:0px; }
#title2 span{font-weight:400; font-size:18px; color:#eee;}
#buton{position:absolute; display:block; color:#eee; margin-top: 15px; background: #222; padding:10px 40px;transition:all 0.2s ease-in; border-radius: 40px; font-weight:500;font-family: 'Poppins', sans-serif;}
#buton:hover{ background: #444;}
#lazer{position: relative; display: block; box-sizing: border-box; float: left; width: 32.3%; margin: 0.5%; }
#lazer img{ width: 100%;}
#lazer-cizgi{ width: 15%; text-align: left; height: 5px; background: #CBCBCB; transition:all 0.2s ease-in; margin: 10px 0px; }
#lazer:hover > #lazer-cizgi{ width: 30%;  background: #555558;}
#lazer-baslik{ font-family: 'Montserrat', sans-serif;font-weight:700; font-size:24px; color:#000; line-height:35px; }

#uclu{position: relative; display: block; box-sizing: border-box; float: left; width: 32.3%; margin: 0.5%; }
#blog {position:relative; display:block; width:100%; top:100px; bottom:100px;}
#blog > #haber-baslik{width:100%; position:Relative; background:#c61317; text-align: center; color:white; padding:25px; font-size:36px; font-family: 'Montserrat', sans-serif; font-weight: 500;}

#banner{ position: relative; display: block;     padding-top: 121px;}

#product{position:relative; display:block; box-sizing:border-box;  width:100%; background-color:#000;}
#ana-baslik{font-family: 'Montserrat', sans-serif; font-weight:700; font-size:30px; color:#000;  line-height:40px; display:block; position:relative;  float:left; width:100%; border-left:10px solid #000; padding:0px 12px; margin:30px 0px; }
.product-item{position:relative; display:block; width:24%; margin:0.5%; box-sizing:border-box; float:left;}
.product-item > #baslik1 {font-family: 'Montserrat', sans-serif; font-weight:550; font-size:19px; color:#000 !important;  line-height:20px; display:block; position:relative; float:left; width:100%; margin:20px 0px; }
#baslik2{font-family: 'Montserrat', sans-serif; font-weight:700; font-size:18px; color:#00a1e0;  line-height:40px; display:block; position:relative;  float:left; width:100%; margin:-5px 0px;}



#home-blog-content{ position:relative; width: 33.3%; height: 400px; float: left; background: rgba(255,255,255,1.00); border: 1px solid rgba(86,170,207,1.00); border-radius: 50px; transform: rotate(45deg); z-index: 1; }
#home-blog-content-wrapper{ position: relative; width: 100%; height: 400px; padding-top: 30px; transform: rotate(-45deg); text-align: center;}

#home-about-content{ position:relative; width: 33.3%; height: 400px; float: left;background: url(../img/home-about.png) #4ea0c6 no-repeat center; border: 10px solid rgba(255,255,255,1.00); border-radius: 50px; transform: rotate(45deg); margin-top: -50px; z-index: 3; overflow: hidden;}
#home-about-content-wrapper{ position: relative; width: 100%; height: 400px;  background-size: 100% 100%; padding:  70px 30px 30px 30px; transform: rotate(-45deg); text-align: center;}
#home-about-content-wrapper a{ font-size: 18px; font-weight: 500; border:1px solid #FFFFFF; border-radius: 30px; padding: 10px; display: inline-block; color: aliceblue; } 
#home-about-content-wrapper a:hover{ background: #FFFFFF; color:#000000;}

#home-contact-content{ position:relative; width: 33.3%; height: 400px; float: right; background: rgba(255,255,255,1.00); border: 1px solid rgba(86,170,207,1.00); border-radius: 50px; transform: rotate(45deg); z-index: 2; }
#home-contact-content-wrapper{ position: relative; width: 100%; height: 400px; padding: 50px; transform: rotate(-45deg); text-align: center;}
#home-contact-content-wrapper > form > input{ width: 70%; height: 70px; float: left; border-top-left-radius: 30px; border-bottom-left-radius: 30px; background:rgba(86,170,207,1.00); padding-left: 15px; box-sizing: border-box; color: aliceblue; border: 0px; outline: 0; }
#home-contact-content-wrapper > form > input::placeholder{ color: aliceblue; }
#home-contact-content-wrapper > form > button{ width: 30%; height: 70px; float: left; border-top-right-radius: 30px; border-bottom-right-radius: 30px; background:rgba(86,170,207,1.00); box-sizing: border-box; color: aliceblue; border: 0px; outline: 0; font-size: 40px; }
#home-contact-content-wrapper > form > button:hover{ background:rgba(55,50,128,1.00);}
#home-contact-content-wrapper > .line{ width: 100%; height: 1px; background:rgba(86,170,207,0.20); margin: 10px auto; }
#home-contact-content-wrapper > .customer{ width: 100%; height: auto; padding: 10px; font-family: 'Montserrat', sans-serif; font-weight:400; font-size:24px; color:#000; line-height:24px; display: block;  transition:all 0.2s ease-in;  } 
#home-contact-content-wrapper > .customer > span{ font-weight: 900; }
#home-contact-content-wrapper > .customer:hover{color: #4ea0c6; transform: rotate(360deg);  }



#sag-menu-1 {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #EEE;
    font-weight: 400;
    min-height: 45px;
    line-height: 45px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    display: block;
    -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -ms-transition: all .1s ease-in;
    transition: all .1s ease-in;
    width: 100%;
    clear: both;
    border-left: 0px;
    background: #e81d1d;
    box-sizing: border-box;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in;
    border-bottom: 1px solid #333;
}

#left-bar {
    margin: 0 0;
    padding: 0 0;
}

.btn-2 {
    letter-spacing: 0;
    text-align: center;
  }
  


    #sag-menu-1:hover {
        background: #523333;
        color: #FFF;
        -webkit-transition: all .2s ease-in;
        -moz-transition: all .2s ease-in;
        -o-transition: all .2s ease-in;
        -ms-transition: all .2s ease-in;
        transition: all .2s ease-in;
    }


#sag-menu-1-aktif {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    min-height: 45px;
    line-height: 55px;
    padding-left: 15px;
    padding-right: 10px;
    text-decoration: none;
    display: block;
    -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -ms-transition: all .1s ease-in;
    transition: all .1s ease-in;
    width: 100%;
    clear: both;
    border-left: 0px;
    background: #4a0000;
    box-sizing: border-box;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.raise:hover,
.raise:focus {
  box-shadow: 0 0.5em 0.5em -0.4em var(--hover);
  -webkit-transform: translateY(-0.25em);
          transform: translateY(-0.25em);
}

.raise {
    --color: #ffa260;
    --hover: #333;
  }

  .rbutton {
    color: var(--color);
    -webkit-transition: 0.25s;
    transition: 0.25s;
  }
  .rbutton:hover, .rbutton:focus {
    border-color: var(--hover);
    color: #fff;
  }
  

#sag-menu-2 {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #666;
    font-weight: 400;
    min-height: 30px;
    line-height: 30px;
    padding-left: 40px;
    padding-right: 10px;
    text-decoration: none;
    display: block;
    -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -ms-transition: all .1s ease-in;
    transition: all .1s ease-in;
    width: 95%;
    clear: both;
    border-left: 0px;
    background: #f0f0f0;
    border-bottom: 1px solid #CCC;
    margin-left: 5%;
    position: relative;
}

#sag-menu-2:before {
    content:'';
    width: 15px;
    height: 15px;
    position: absolute;
    background-color: #e9e9e9;
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    left: -8px;
    top: 10px;
}

    #sag-menu-2:hover {
        background: #ccc;
        color: #fff;
        -webkit-transition: all.055s ease-in;
        -moz-transition: all.055s ease-in;
        -o-transition: all.055s ease-in;
        -ms-transition: all.055s ease-in;
        transition: all .055s ease-in;
        
    }

#sag-menu-2-aktif {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    min-height: 30px;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    display: block;
    -webkit-transition: all.055s ease-in;
    -moz-transition: all.055s ease-in;
    -o-transition: all.055s ease-in;
    -ms-transition: all.055s ease-in;
    transition: all .055s ease-in;
    width: 100%;
    clear: both;
    border-left: 0px;
    background: #ccc;
}

#sag-menu-3 {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #666;
    font-weight: 700;
    min-height: 30px;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    display: block;
    -webkit-transition: all.055s ease-in;
    -moz-transition: all.055s ease-in;
    -o-transition: all.055s ease-in;
    -ms-transition: all.055s ease-in;
    transition: all .055s ease-in;
    width: 100%;
    clear: both;
    border-left: 0px;
    box-shadow: 0px 1px 1px #666;
    background: #fff;
    border-bottom: 1px solid #e4e4e4;
    
}

    #sag-menu-3:hover {
        background: #f7f7f7;
        color: #555;
        -webkit-transition: all.055s ease-in;
        -moz-transition: all.055s ease-in;
        -o-transition: all.055s ease-in;
        -ms-transition: all.055s ease-in;
        transition: all .055s ease-in;
    }

#sag-menu-3-aktif {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #666;
    font-weight: 700;
    min-height: 30px;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    display: block;
    -webkit-transition: all.055s ease-in;
    -moz-transition: all.055s ease-in;
    -o-transition: all.055s ease-in;
    -ms-transition: all.055s ease-in;
    transition: all .055s ease-in;
    width: 100%;
    clear: both;
    border-left: 0px;
    box-shadow: 0px 1px 1px #666;
    background: #fff;
    margin-bottom: 0px;
    border-bottom: 1px solid #e4e4e4;
}






#home-product-box{ position: relative; width: 100%; height:auto; margin-top: 120px; padding: 30px; border: 1px solid #f0f0f0; border-top-left-radius: 30px; border-top-right-radius: 30px; }
#home-product-box-title{ position: relative; width: 100%; height:auto; margin-top:0px; padding: 30px; border: 1px solid #f0f0f0; border-top: 0px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; text-align: center;}

#takip{ position:relative; float:right; text-align:right; font-family: 'Montserrat', sans-serif; font-size:15px; font-weight:600; color:#b2b2b2; }
#takip a{ font-family: 'Montserrat', sans-serif; font-size:15px; font-weight:600; color:#b2b2b2; }
#takip a:hover{ color:#333; }
#page-title{ position:relative; width:100%; height:auto; background:url(../img/title-bg.png) no-repeat center; padding:30px 0; }
#about-box-1{ position:relative; width:40%; min-height:360px; float:left; box-sizing: border-box;  box-shadow: 0px 3px 3px rgba(0,0,0,0.1); }
#about-box-2{ position:relative; width:60%; min-height:360px; float:left; padding:25px; background:#FFF; box-sizing: border-box; box-shadow: 0px 1px 2px rgba(0,0,0,0.1); }
#about-date{ position:absolute; top:0; left:0; padding:30px; background:#ea0b1a; color:#FFF; border-bottom-right-radius:10px; }
#news-box{ position:relative; width:100%; height:auto; float:left; padding:0px; margin-bottom:15px; background:#FFF; box-sizing: border-box; box-shadow: 0px 1px 2px rgba(0,0,0,0.1); font-family: 'Montserrat', sans-serif; font-size:18px; color:#000; text-decoration:none; border-left:3px solid #ea0b1a; line-height:100px;  }
#news-box img{ height:100px; width:auto; }
#product-box{ position:relative; width:24%; margin:0.5%; float:left; padding:15px; background:#fff; transition:all 0.2s ease-in;  box-shadow: 0px 1px 2px rgba(0,0,0,0.1); box-sizing:border-box; border-radius:5px; }
#product-box img{ width:100%; max-width:100%; }
#product-box:hover{ -webkit-transform: scale(1.05); transform: scale(1.05);  transition:all 0.2s ease-in; }
#product-box-2{ position:relative; width:32.3%; margin:0.5%; float:left; padding:15px; background:#fff; transition:all 0.2s ease-in;  box-shadow: 0px 1px 2px rgba(0,0,0,0.1); box-sizing:border-box; border-radius:5px; }
#product-box-2 img{ width:100%; max-width:100%; }
#product-box-2:hover{ -webkit-transform: scale(1.05); transform: scale(1.05);  transition:all 0.2s ease-in; }
#product-menu{ position:relative; width:23%; float:left; border-radius:5px; padding:0; margin:0; background:#FFF; }
#product-menu ul{ font-family: 'Montserrat', sans-serif; list-style:none; padding:0; margin:0; }
#product-menu ul li a{ position:relative;   color:#000; font-size:15px; line-height:30px; padding:20px; font-weight:600; display:block;  }
#product-menu ul li a > .hover-arrow{ position:absolute; right:0px; top:30%; color:#56aacf; display:none; font-size:28px; }
#product-menu ul li a:hover > .hover-arrow{ display:block; }
#product-menu ul li{ border-bottom:1px solid #f7f7f7; box-sizing:border-box; transition:all 0.2s ease-in;  }
#product-menu ul li:hover{ border-left:3px solid #56aacf; transition:all 0.2s ease-in;  }
#product-menu ul li a:hover span{ display:block; }
#product-menu ul li.active{ background:#56aacf; transition:all 0.2s ease-in; border:0px; border-radius:5px;  }
#product-menu ul li.active a{ color:#FFF; }
#product-menu ul li.active a > .hover-arrow{ color:#f7f7f7; display:block; right:-2px; }
#product-menu ul li:last-child{ border-bottom:0px;}
#product-menu ul li ul li{ border:0px solid #CCC; }
#product-menu ul li ul li a{ font-size:13px; font-weight:600; padding:10px; padding-left:50px; transition:all 0.2s ease-in;   }
#product-menu ul li ul li a:hover{ background:#56aacf; border-radius:3px;transition:all 0.2s ease-in;  }
#product-menu ul li ul li:hover{ border:0px; }
#product-content{ position:relative; float:right; width:73%; min-height:500px; padding:3%; background:#FFF; border-radius:5px; box-sizing:border-box; }
#product-content img{ max-width: 100%; }

#yarim1{ position:relative; width:49%; float:left; margin-bottom:2%; box-sizing: border-box;}
#yarim2{ position:relative; width:49%; float:right; margin-bottom:2%; box-sizing: border-box;}



#alan-baslik{overflow: hidden;  text-align:center; margin:20px auto;  }
#alan-baslik h2 {font-family: 'Montserrat', sans-serif; font-weight:700; font-size:30px; color:#000; min-height:40px; line-height:40px;display: inline-block;padding: 0 15px 0px 15px;position: relative;  color: #444444;}
#alan-baslik h2:before,
#alan-baslik h2:after {background: #444444;content: "";display: block;height: 4px;position: absolute;top: 50%;width: 600%; border-radius: 4px;}
#alan-baslik h2:before { right: 100%; }
#alan-baslik h2:after { left: 100%; }

#home-blog-box{ position: relative; width: 100%;  margin-top: 0px; padding: 30px;  background:url(../img/blog-bg.png) no-repeat center #EEEEEE}
#home-blog-box-title{ font-family: 'Montserrat', sans-serif; font-weight:700; font-size:30px; color:#000;  line-height:40px; display:block; position:relative;  float:left; width:100%; border-left:10px solid #000; padding:0px 12px; margin:30px 0px; }
#home-blog-box-title span{  color:#000; font-size: 18px;}

footer{position: relative;  top:120px; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%;  padding:40px 0 40px;  z-index: -1;
    background: url(../img/footerbg.png) no-repeat;
  
}
footer .dortlu{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  margin: 0.5%; float: left;}
footer .yari{    width: 34%; margin-right: 8%;}
footer .yari2{width: 16%;}
footer .yari3{width: 25%;}
footer .dortlu img{margin-bottom: 20px;}
footer .center{text-align: center;}
footer .right{text-align: right;}
footer .dortlu2{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  margin: 0.5%; float: right;}
footer .copy{font-family: 'Poppins', sans-serif;font-weight:600; font-size:16px; color:black; }
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:600; font-size:18px; color:#e30613; padding-bottom: 15px; margin-bottom: 15px;}
footer .baslik::before{position: absolute; content: ''; width: 60px; height: 2px; background: #fff; left: 0; bottom: 0;}
footer .link{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Poppins', sans-serif; width: 100%; font-weight:300; font-size:16px; color:black; padding-left: 15px; margin-bottom: 5px;}
footer .link i{color:#e30613; font-size: 15px; }
footer .link:hover{text-decoration: none; color: #e30613;}
footer .tel1{font-family: 'Poppins', sans-serif;  font-weight:300; font-size:18px; color:#e30613;}
footer .tel2{font-family: 'Poppins', sans-serif;  font-weight:300; font-size:30px; color:black;}
footer .tel3{font-family: 'Poppins', sans-serif;  font-weight:600; font-size:25px; color:#e30613; margin-bottom: 15px;}
footer .tel3:hover{text-decoration: none; color:black; }
footer .line{ width:100%; height:1px; background:#fff; position:relative; display:block; margin:20px auto;}

#ebultentxt{width:75%; height:60px; background:#464646; line-height:60px; padding-left:10px; box-sizing:border-box; border:0px; border-top-left-radius:5px;border-bottom-left-radius:5px; }
#ebultengonder{border:0px; background:#464646; width:25%; float:right; box-sizing:border-box; text-align:center;  line-height:58px; font-family: 'Montserrat', sans-serif;  font-size:24px; color:black; font-weight:700; cursor:pointer; border-top-right-radius:5px; border-bottom-right-radius:5px;}
#ebultengonder:hover{ background:#f66000; }

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

.title{font-family: 'Montserrat', sans-serif;font-weight:700; font-size:32px; color:#000; line-height:35px;   }
.white-title{font-family: 'Poppins', sans-serif;font-weight:700; font-size:30px; color:#fff; line-height:35px;  }
.white-title span{font-family: 'Poppins', sans-serif;font-weight:300; font-size:26px; color:#fff; line-height:35px;  }
.white-title2{font-family: 'Montserrat', sans-serif;font-weight:400; font-size:18px; color:#fff; line-height:35px;  }
.text{font-family: 'Poppins', sans-serif;font-weight:400; font-size:15px; color:#000; line-height:28px; }
.white-text{font-family: 'Montserrat', sans-serif;font-weight:400; font-size:15px; color:#fff; line-height:24px; }
.white-text2{font-family: 'Montserrat', sans-serif;font-weight:400; font-size:15px; color:#fff; line-height:24px; text-align: left; }
.title2{font-family: 'Montserrat', sans-serif;font-weight:500; font-size:32px; color:#000; line-height:35px;   }
.title2 span{ font-weight: 900; }
.title3{font-family: 'Montserrat', sans-serif;font-weight:500; font-size:36px; line-height:35px;  text-align: center;  }
.title3 span{ font-weight: 900; }
.title4{font-family: 'Montserrat', sans-serif;font-weight:500; font-size:36px; color:#fff; line-height:52px;  text-align: center;  }
.title4 span{ font-weight: 900; }

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


#gri{ position:relative; width: 100%; padding: 30px 0px; background: #f9f9f9; }

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

    #ana-urun > #wrapper > div > .carousel-control {display:none;}

	header > #wrapper > .logo img{     width: 85%; padding:9px; margin-top: 10px; }
	header > #wrapper > .menu{ display: none; }
	#contact{ position: relative; display: block; float: right; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 400; color:#000; margin-top: 43px; text-align: right;}
	#banner{      padding-top: 32px; }
	.header{margin-top:10px;}
#ana-orta {height:auto}
	.ust{position:relative;}
#ust-phone:nth-child(4){display:none; }
#ust-phone:nth-child(5){display:none; }
#ana-orta-item{ width: 100%;}
    #ana-blog{ width: 100%;  height: auto;}
    #ana-blog #yarim1{  width: 100%;  padding: 0 10px; background-color: #ececec}
    #ana-blog #yarim2{  width: 100%;  padding: 20px 10px; background: #222;}
    #ana-ikon{ width: 50%;}
	#home-blog-content{ width: 100%; height:auto; transform: rotate(0deg); }
	#home-blog-content-wrapper{ height: auto; padding-bottom: 30px; transform: rotate(0deg); }

	#home-about-content{ width: 100%; height:auto;background:#4ea0c6; border: 1px solid rgba(255,255,255,1.00); transform: rotate(0deg); margin: 20px auto;  }
	#home-about-content-wrapper{  height:auto; padding:  20px; transform: rotate(0deg); }
	
	#home-contact-content{ width: 100%; height:auto;  transform: rotate(0deg); }
	#home-contact-content-wrapper{ height:auto; padding: 20px; transform: rotate(0deg); }
	header > #wrapper > .acil > .header { background-color:#e30613;  top:15px; bottom:0px; width: 100%;}
	#home-product-box{ margin-top: 20px; padding: 20px; }
	#lazer{position: relative; display: block; box-sizing: border-box; float: left; width:100%; margin: 0.5%; }
	#takip{ float:left; }
	#takip a:hover{ color:#333; }
	#page-title{ padding:30px 0; }
	#about-box-1{ width:100%; min-height: 200px;  }
	#about-box-2{ width:100%;  }
	#product-box{ width:99%; margin:0.5%; }
	#product-box-2{ width:100%; margin:0.5%; }
	#product-menu{ width:100%; float:left; border-radius:5px; padding:0; margin:0; background:#FFF; }
	#product-content{ width:100%; }
	#menuac ul li {background-color:#e30613!important;}
	#yarim1{ width:100%; float:left; margin-bottom:2%; box-sizing: border-box;}
	#yarim2{ width:100%; float:right; margin-bottom:2%; box-sizing: border-box;}
	#uclu{position: relative; display: block; box-sizing: border-box; float: left; width: 100%;  }
	#ana-orta > #wrapper > .icerik {  height: auto;   width: 100%; margin-bottom:20px; }

header > #wrapper > .logo{margin-top:0px; text-align:center;}

#orta {background:none;}
	
header.nav-up { display:none;}
	#ana-blog {background:inherit}
		
	footer{padding: 40px 0 40px; margin-top: 0px; background:none; background-color: #ececec }
    footer .yari{width: 100%; margin-right: 0%; text-align: center;}
    footer .yari img {padding:25px;}
    footer .yari3 img { position: relative;
   padding-top:10px;
    display: block;
    margin: auto; }
	footer .yari2{width: 100%; text-align: center;}
	footer .yari3{width: 100%; text-align: center; padding-top: 15px;}
	footer .dortlu img{margin-bottom: 20px;     width: 77%;
        display: block;
        text-align: center;
        margin: 0 auto;}
	footer .center{text-align: center;}
	footer .right{text-align: center;}
	footer .baslik::before{position: absolute; content: ''; width: 60px; height: 2px; background: #fff; left: 0; right: 0; margin: 0 auto; bottom: 0;}
	footer .link{ padding-left: 0px; margin-bottom: 5px;}
	footer .link i{color:#000; font-size: 15px; }
	footer .link:hover{text-decoration: none; color: #0084c0;}
	.kapa{ display:none; }
	.acil{ display:block; }
}
@media only screen and (min-width: 0px) and (max-width: 759px) {}