/*!
 * Responsive HTML Template
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* FONTLAR */
@import url(http://fonts.googleapis.com/css?family=Alegreya+Sans+SC:100,300,400,500,700,800,900,100italic,300italic,400italic,500italic,700italic,800italic,900italic);
@font-face { font-family: 'CenturyGothic'; src: url('../fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'), url('../fonts/CenturyGothic.woff') format('woff'), url('../fonts/CenturyGothic.ttf') format('truetype'), url('../fonts/CenturyGothic.svg#CenturyGothic') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'icomoon'; src: url('../fonts/icomoon.eot?8kxbcn'); src: url('../fonts/icomoon.eot?#iefix8kxbcn') format('embedded-opentype'), url('../fonts/icomoon.ttf?8kxbcn') format('truetype'), url('../fonts/icomoon.woff?8kxbcn') format('woff'), url('../fonts/icomoon.svg?8kxbcn#icomoon') format('svg'); font-weight: normal; font-style: normal; }
/* FONTLAR */

/* GENEL CSS */

html, body, form { font-family: 'CenturyGothic', sans-serif; background: #fff; height: 100%; font-size: 12px; margin: 0px auto; padding: 0px; }

form { height: 100%; }
.satir { width: 100%; position: relative;float: left;padding:0 5px; }
.satirY { width: 50%; position: relative; float: left;padding:0 5px; }
.img-responsive {width:100%;}

/* HEADER TOP */

.wrapper-header { background-color: #fff; }
.headerustmenu ul {display:inline-block;}
.headerustmenu ul li {display:inline-block;}
.header-top { background-color: #eeeeee;height:34px; }
.resimler {text-align:center;}
    .resimler a {color:#000;padding:0px 2px;}
.resimler img {width:35px;height:35px;padding-right:3px;}
.resimler ul {display:inline-block;}
    .resimler ul li {display:inline-block;padding:0px 5px;}
.iletisimm {text-align:right;padding-top:7px;}
.iletisimm a {color:#959595;font-weight:bold;font-size:15px;}
    /*.header-top ul {display:inline-block;}
    .header-top ul li {display:inline-block;}*/
    .Dilbilenizzet {text-align:center;    outline: none;}
    .Dilbilenizzet a{    outline: none;}
        .headerustmenu ul li a {padding:10px 5px;color:#000;display:inline-block;}
.üstlinkler ul li { padding: 5px 10px; float: left; list-style-type: none; color: #ababab; display: inline-block; }
.header-top .r li { float: right; }
/*.header-top ul li a { display: block; }*/
.hosgeldin-yazi { width: 100%; width: 100%; padding: 5px; color: #ababab; }
.yildiz a{color:black;}

.headersag ul { display: inline-block; float: right; width: auto; }
    .headersag ul li { display: inline-block; float: right; }
        .headersag ul li a { border-right: 1px solid #ccc; padding: 5px 6px; color: #ababab; }
        .header-top ul li a.GirisYap{font-weight:bold;color:#dd1f26;border:none;}
        .basorta{display:inline-block;}
        .basorta li{padding: 10px 5px;text-align: center;float: none;display: block;color:#000;}
/* HEADER MIDDLE */
.header-middle{height:100px;}
/*DİL*/
.Dilbilenizzet a{margin-top: 55px;display: block;color: #000;font-weight: bold;}
/* Logo */
.header-middle .Logo { margin: 15px 0; height: 70px;}
    .header-middle .Logo img { height: 100%;margin:auto; }
/* Arama */
.Arama { width: 320px;  float: right;margin-top: 55px;}
    .Arama a { height: 27px;background: #fff;border: 1px solid #000;color: #555;padding:5px;}
    .Arama .form-control { height: 27px;width: 215px;display: inline-block;border:1px solid #000;}
    .Arama button{    height: 27px;background: #fff;border: 1px solid #000;color: #555;}
    .SepetArama {text-align: right;}
/* Sepetim */
.CntWoman{text-align:center;}
.CntWoman img{margin-top:20px;}

.icon-bag:before { content: "\e600"; }
.bagItem {color:#fff; background-color: #f96037; width: 40px; height: 40px; position: relative; display: block; float: left; border-radius: 35px; padding: 3px; text-align: center; top: 16px; left: -5px; }

.sag {float:right;}
/* HEADER BOTTOM */

.header-bottom { background-color: #d52a22; max-height: 33px; }

.navbar-nav > li > a { padding-top: 0px; padding-bottom: 0px; }
.navbar-nav > li > a { padding-top: 0px; padding-bottom: 0px; line-height: 0px; }
.nav > li > a { padding: 15px 14px; font-weight: initial; font-size: 13px; }
.navbar-inverse .navbar-nav > li > a { color: #fff;letter-spacing: 1px; }
.menualti ul { display: inline-block; text-align: center; }
    .menualti ul li { display: inline-block; padding: 5px 0; }
        .menualti ul li a { padding: 2px 5px; color: #838383; font-size: 12px; }
        .menualti ul li:last-child a { border: none; }
.navbar { min-height: 33px; text-align: center; display: inline-block; margin: 0px auto; }
.border { border-top: 1px solid #ccc;}
.searchh .fa { font-size: 18px;text-align: center;color: #000;background-color: #fff;width: 55px;height: 30px;display: table-cell;vertical-align: middle;}

/* FOOTER */


/*  -------------  FOOTER   -------------  */
.iletisimm .fa {color:#d72f26;font-size:18px;padding:0px 4px;}
.altmenuler ul {display:inline-block;text-align:center;}
.altmenuler ul li {display:inline-block;padding:10px 10px;}
.altmenuler ul li a{display:inline-block;padding:0px 10px;color:#fff;}
.Logo img {margin:10px 0;}
.footer-alt {color:#d8d8d8;}
.footer-kurumsalyazi p {color:#000;padding:20px 0px;text-align:center;}
.footer-resim img {float:right;}
.sosyalmedya .fa {color:#000;padding:20px 10px;font-size:16px;}
.sosyalmedya a {}
.footer-bas{background:#272727;width:100%;}
.ftrBottom{background:url(../../images/footerbg.png)no-repeat center;}
.ftrBottom a{color:#000;}
.ftrBottom ul{margin-top:15px;text-align:center;}
.ftrBottom img{padding:10px;margin:auto;}
.ftrBottom p{background-color: #555;padding: 3px;color: #fff;}
.sosyal a{font-size:25px;display:inline-block;}
.fa-twitter-square {color: #5EA9DD;font-size: 25px;}
.fa-youtube-square {color: #D31726;font-size: 25px;}
.fa-facebook-square {color: #3765A3;font-size: 25px;}
.fa-linkedin-square {color: #0274B3;font-size: 25px;}

.enalttanitim img{    width: 152px;float: right;}
/*  -------------  FOOTER   -------------  */




/* BUTON VE SELECT */
.Buton { float: left; border: 0; margin: 10px 0; color: #fff; display: block; padding: 10px 20px; background: #474747; transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; }
    .Buton:hover { color: #fff; background: #000; transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; }
.sayfa input[type="checkbox"], input[type="radio"] { width: 18px; height: 18px; top: 10px; margin: 5px; background: #eee; position: relative; appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; cursor: pointer; }
    .sayfa input[type="checkbox"]:checked::after, .sayfa input[type="radio"]:checked::after { position: absolute; left: 3px; right: 3px; top: 3px; bottom: 3px; background: #444; display: block; content: ''; border-radius: 0; border: 1px solid #fff; }
.sayfa select { border: none; background: #eee; padding: 0px 20px;width:auto;display:inline-block;margin-left:20px; }
.GroupLabel{float:left; background: #eee;color:#808080;margin-right:2px;min-width:50px;display:inline-block;padding:9px 10px;}

/* TEXT BOX */
.sayfa .form-control { background: #eee; border: 0; box-shadow: none; max-width: 100%;margin:5px 0 }

/* HATA MESAJLARI */
.Requierd span { background: #dd1f26; color: #fff; padding: 20px; width: 100%; }

/* SAYFA YAPISI */
.sayfa { width: 100%; padding: 10px; background: #fff; margin: 10px 0; float: left; }
.icerik { width: 100%; border: 1px solid #eee; padding: 10px; float: left; }
.Icbaslik { background: #fff; padding: 10px; margin: 10px 0; }
.GrayLine { width: 100%; height: 2px; background: #eee; margin: 10px 0; }
.r { float: right; }
.l { float: left; }
.footersol {padding:10px;}
.footersag {padding:10px;text-align:right;}
.footersag .fa{padding:0 5px;font-size:18px;color:#000;}
.borderr {border-top:1px solid #ccc;}
/*URUNLER*/
.urun-slider-baslik { font-family: 'Marck Script', cursive; color: #ed118f; text-align: center; }

.urun-kategori-baslik { text-align: center;    margin: 10px 0; }
.urun-kategori-baslik-2 { text-align: center;     margin: 10px 0;}

.urun { padding: 10px; }
.urun-kategori-baslik img{        margin: 4px 5px 0px 5px;float:right;}
.image-hover img {display: block;padding: 15px;}
.product-details { border: 1px solid #e9e9e9; margin-top: -4px; padding: 1px 15px 30px 15px; }
    .product-details h4 {    margin: 3px 0px 5px 0px;height: 60px; }
.yildiz { padding: 5px 0 0px 0;    float: right; }
.price { font-size: 14px; font-weight: bold; color: #7bb145; }
.glyphicon{    color: #ef4056;}
.price-old { font-size: 14px; font-weight: 100; color: #000; text-decoration: line-through; }

.banner-blok-yazi { width: 100%; text-align: center; position: relative; top: 10px; }
.hosgeldin-yazi i{padding: 5px 4px 5px 10px;display:block;color:#B75B90}
/*URUNLER*/
#slider1 .prev {
    background: url(../images/arrows1.png) #eee no-repeat 0 -54px;
    right: 0px;
}
.urun-kategori-baslik-2 {
    overflow: hidden;
}
#slider1 {
    position: relative;
}
.urun-kategori-baslik-2 {
    background-color: #EAEAEA;
}
.urun-kategori-baslik-2 img {
    margin: 4px 5px 0px 5px;
    float: right;
}
#slider1 .buttons {
    margin-top: 0px;
    border: 1px solid #e9e9e9;
    top: 9 0%;
    cursor: pointer;
    z-index: 9999;

}
#slider1 .next {
    background: url(../images/arrows1.png) #eee no-repeat 0 -3px;
    right: 0;
    left: auto;
    top: 40%;
}
.urun-kategori-baslik {
    text-align: center;
    margin: 10px 0;
}
.urun-kategori-baslik h5 {
    color: #fff;
    background-color: #EF4056;
    font-size: 16px;
    font-family: sans-serif;
    float: left;
    width: 285px;
    position: relative;
    margin: 0;
    text-align: left;
    padding: 9px;
}
.urun-kategori-baslik h5:after {
    content: "";
    position: absolute;
    width: 35px;
    top: 0;
    height: 35px;
    right: -10px;
    background: #eaeaea;
    transform: rotate(45deg);
}
.urun-kategori-baslik img {
    margin: 4px 5px 0px 5px;
    float: right;
}
.urun-kategori-baslik {
    overflow: hidden;
}
.urun-kategori-baslik {
    background-color: #EAEAEA;
}
@media(max-width:767px) {
    .footer-kurumsal {border:none;}
    .footersag {padding:10px;text-align:center;}
   
    .footersol {padding:10px;text-align:center;}
    .enalttanitim img {width: 152px;float: none;margin: auto;display: block;}
    /* FOOTER */
    .wrapper { min-height: 100%; margin-bottom: 0px; }
    .push .Footer { height: auto; }
    .push { height: auto; }
    .menualti ul li a { padding: 2px 3px; font-size: 12px; }
    .menualti ul li { padding: 9px 2px 6px 0px; }
    .header-middle .Logo { text-align: center;width:100%; }
    .sepet p { margin: 0px; }
    .SepetArama { margin-bottom: 5px; }
    .sepet { margin-bottom: 5px; }
    .urunlerr { text-align: center; margin-bottom: 5px; }
    .navbar-inverse .navbar-nav > li > a { color: #000; }
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {     z-index: 99999;position: absolute; width: 100%; background-color: white; }
    .navbar-toggle { float: left; margin-top: -1px; }
    .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; }
    .icon-buton { float: left; }
    .menu-h { float: left; margin-top: -2px; margin-left: 9px; margin-bottom: 0px; color: #fff; }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: transparent; }
    .sosyal-blok input[type=submit] { margin-right: 65px; }
    .navbar-inverse .navbar-toggle { border-color: transparent; }
    .üstlinkler ul { text-align: center; }
        .üstlinkler ul li { float: none; }
    .headersag ul li { float: none; }
        .headersag ul li a { border-right: none;  }
    .headersag ul { text-align: center; }
    .FooterSocial {margin-top:10px;}
     .footer-kart ul {display: inline-block;text-align: center;}
         .footerresim img {position: absolute;left: 0;bottom: -80px;}

         .Arama {width: auto;position: relative;float: right;bottom: 0;right: 0;text-align: right;float: none;margin: 5px auto;}
    .searchh .fa {display:none;}
    .Dilbilenizzet a {margin:0 auto;display: block;color: #000;font-weight: bold;}
    .header-middle {height: auto;}
    .ftrBottom p {background-color: #555;padding: 3px;color: #fff;text-align:center;}
    .sosyal{text-align:center;}
    .header-top ul li a{text-align:center;}
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#000;}
    .urun-kategori-baslik img {
        margin: 5px 5px 0px 6px;
        float: right;
    }
}
@media(min-width:768px) {
    .nav > li > a { padding: 15px 5px; font-weight: initial; font-size: 12px; }
    .menualti ul li a { padding: 2px 10px; font-size: 12px; }
    .navbar-nav { margin: 0;  display: inline-block; text-align: center;
    float: none; }
    .Dilbilenizzet a {margin-top: 55px;display: block;color: #000;font-weight: bold;    outline: none;}
    /*.header-top ul li a{text-align:initial;}*/
    /*  -------------  FOOTER   -------------  */
   .SepetArama{    margin-top: 40px;}
    .sosyal{text-align:initial;}
    .footer-blok-menu2 { display: none; }
    .ara-yazi { margin-left: -150px; }
    .container {padding-right: 0;padding-left:0;}
      .referans {width:550px;}
      .Arama {width: 100%;position: relative;float: right;bottom: 0;right: 0;text-align: center;float: none;margin: 5px auto;}
         .blok-margin1 {margin-right:10px;}
         .footer-kart ul {display: inline-block;text-align: center;}
         .footerresim img {position: absolute;left: 0;bottom: -80px;}
         .enalttanitim img {width: 152px;float: right;}
    /*  -------------  FOOTER   -------------  */
    .ftrBottom p {background-color: #555;padding: 3px;color: #fff;}
}

@media(min-width:992px) {
    .nav > li > a { padding: 15px 11px; font-weight: initial; font-size: 13px; }
    .footer-blok-menu2 { display: none; }
    .menualti ul li a { padding: 2px 12px; font-size: 14px; }
      .referans {width:600px;}
 
     .footer-kart ul {display: inline-block;text-align: left;}
     .footerresim img {position: absolute;left: 0;bottom:0px;}
   .header-middle {height: 100px;}
}

@media(min-width:1200px) {
    .nav > li > a { padding: 15px 18px; font-weight: initial; font-size: 13px; }
    .footer-blok-menu2 { display: none; }
    .menualti ul li a { padding: 2px 12px; font-size: 14px; }
    .container {padding-right: 0;padding-left:0;}
    .bin {width:1305px;}
    .referans {width:700px;}
    .bas {width:1300px;}
  .navbar-nav{    text-align: center;float: none;}
      .blok-margin1 {margin-right:0;}
      .Arama {width: 100%;position: relative;float: right;bottom: 0;right: 0;text-align: right;float: none;margin-top: 55px;}
      .guccuklogo{    margin-top: 15px;}
}