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

/*  -------------  GENEL CSS   -------------  */
@import url(http://fonts.googleapis.com/css?family=Marck+Script);
/* Global Styles */
@font-face { font-family: 'CenturyGothic'; src: url('../fonts/CenturyGothic.eot') format('embedded-opentype'); font-weight: normal; font-style: normal; }
html, body { font-family: Century Gothic,Helvetica,Arial,sans-serif; height: 100%; font-size: 12px; margin: 0px auto; padding: 0px; }
::-moz-selection { background: #ed118f; color: #ffffff; }
::selection { background: #ff8e00; color: #ffffff; }
a::-moz-selection { background: #ff8e00; color: #ffffff; }
a::selection { background: #ff8e00; color: #ffffff; }
li { list-style-type: none; }
p { margin: 0; }
a { text-decoration: none; color: #000; outline: none; }
    a:focus { outline: none; text-decoration: none; color: #000; }
    a:hover { text-decoration: none; color: #000; }
    a:active { text-decoration: none; color: #000; }
ul { padding-left: 0px; }
td { padding-left: 10px; padding-right: 10px; }
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-left: 0px; margin-right: 0px; }
.row, .container { margin: 0px auto; padding: 0px; }
.sol { float: left; }
.line { width: 100%; height: 1px; background: #ecf0f1; position: relative; float: left; }
.sag { float: right; }
.sag-yazi { text-align: right; }
.kalin { font-weight: bold; }
.dotted-line { border-top: #b3a487 1px dotted; background: url(../images/header.png) no-repeat center center; height: 22px; }
.dotted-line-gold { border: #b3a487 1px dotted; }
.dotted-line-black { border: #000 1px dotted; }
.margin-bottom20 { margin-bottom: 20px; }
.vertical-line { margin: 5px 10px 5px 10px; border-left: 1px solid; }
.gold { color: #ff8e00; }
.white { color: white; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-left: 0px; padding-right: 0px; }
.form-control { border-radius: 0; }
.btn-default { border-radius: 0; border: 3px #e0e0e0 solid; padding: 1px 15px; margin: 10px 0 10px 0; float: right; margin-right: 34px; }
    .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #000; background-color: #fff; border-color: #e0e0e0; }
.btn:focus, .btn:active:focus, .btn.active:focus { outline: none; outline: 0px auto; outline-offset: 0px; }
.form-control:focus { border-color: #b3a487; outline: 0; -webkit-box-shadow: none; box-shadow: none; }
input:focus { border-color: #b3a487; outline: 0; -webkit-box-shadow: none; box-shadow: none; }
:focus { outline: none; }
a:focus, a:active, button, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { outline: none !important; }
.padding { padding: 10px; }
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: #faf9f7; background-image: none; color: rgb(0, 0, 0); }
.selectedtypehesap { background: #000; color: #fff; }
.ms-staff-carousel .ms-staff-info h3 { font-size: 18px; font-weight: bold; }
    .ms-staff-carousel .ms-staff-info h3:hover a { color: #ed118f; }
.taksit-tab { height: 25px; }
.baslik { background: #eee; color: #000; line-height: 27px; }
.pink { color: #ff8e00; }
.ErorControl { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid red; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
#CustomValidator { color: red; }
.mor { color: #242b54; }
.shadow-blok { position: relative; }
.pageTop { text-align: center; }
hr { margin-top: 5px; margin-bottom: 5px; }
.kurumsal-blok-yazi img { display: none; }
.blokmarginn { margin: 5px; }
.btnSpt, .newproduct { position: absolute; color: #fff; text-shadow: 0 0 2px #000; }
.btnSpt { top: 12px; left: -25px; transform: rotate(-45deg); background: #e74c3c; padding: 3px 25px; }
.newproduct { /* height: 39px; */ top: 6px; right: -26px; padding: 5px 39px; font-size: 12px; background: #ff8e00; transform: rotate(45deg); }

/*  -------------  BUTONLAR   -------------  */
.tema-buton { border: 3px #e0e0e0 solid; padding: 4px 10px; color: #5c5c5c; background: #fff; margin: 10px 0; float: left; }
.kapat-buton { background: url(../images/btn_remove.png) 0 0 no-repeat; display: block; width: 14px; height: 14px; font-size: 0; line-height: 0; text-indent: -999em; overflow: hidden; }
    .kapat-buton:hover { background-position: bottom; }
/*  -------------  BUTONLAR   -------------  */

/*  ------------- HEADER    -------------  */

/*  ------------- ÜST  MENÜ    -------------  */
.ana-menu-blok { background: #ff8e00; }
    .ana-menu-blok .nav > li > a { padding: 10px 25px 10px 25px; }
.ana-menu { margin-top: 10px; background: #fff; border: 0px; border-radius: 0px; }
.dropdown-menu { min-width: 90px; }
    .dropdown-menu > li > a { font-size: 12px; }
.ust-menu { background-color: #fff; border-radius: 0px; border: none; min-height: 0px; margin-bottom: 0; border-bottom: 1px solid #ff8e00; }
    .ust-menu .navbar-nav > li > a { color: #000; border-right: 1px dashed #eee; }
    .ust-menu .nav > li > a { padding: 3px 10px 0px 10px; font-size: 12px; }
    .ust-menu .navbar-nav li:last-child a { border-right: none; }
.hosgeldin-yazi p { padding-top: 5px; padding-bottom: 5px; margin: 2px 0 0 0; color: #b3a487; float: right; }
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background: #fff; color: #000; }
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { background: #fff; color: #000; }
.navbar-inverse .navbar-toggle .icon-bar { background-color: #000; }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #000; }
#txtAra { width: 180px; float: right; }
.menuAna li { border-left: 1px solid #fff; }
    .menuAna li:last-child { border-right: 1px solid #fff; }
#btnFacebookLogin img { float: right; }
.ustBanner { margin-top: 40px; }
    .ustBanner li { margin: 0 10px; }
        .ustBanner li img { margin: 0 5px; }
/*  ----------------------------------------  */
/*  -------------  LOGO ALANI   -------------  */
.sag-blok-menu li a { padding-top: 5px; padding-bottom: 5px; color: #000; }
.sag-blok-menu .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background: #fff; color: #000; }
.sag-blok-menu li a:hover { background: #fff; color: #000; }
.sag-blok-menu { margin-left: 15px; }
.sol-blok p { float: right; padding: 5px; padding-top: 10px; color: #000; font-size: 14px; margin-bottom: 0; }
    .sol-blok p img { margin: 0 5px 0 5px; }
.sol-blok2 .navbar-nav { float: right; }
    .sol-blok2 .navbar-nav li a { padding: 0 11px 0 10px; color: #fff; background: #000; font-size: 11px; }
    .sol-blok2 .navbar-nav li { margin: 0 1px; }
.sol-blok2 .nav > li > a:hover, .nav > li > a:focus { background: #fff; color: #000; }
.sol-blok3 .input-group[class*=col-] { float: right; margin: 5px 0 0 0; }
.sol-blok3 input { border-radius: 0px; height: 30px; }
.sol-blok3 .input-group-addon { border-radius: 0px; background: #fff; }

.sepet-modal { right: -30px; left: auto; top: 35px; }
    .sepet-modal .modal-content { width: 400px; border-radius: 0px; padding: 10px; border-bottom: 5px solid #000; border-left: 5px solid #000; border-right: 5px solid #000; }
    .sepet-modal img { float: left; }
    .sepet-modal .tema-buton { margin: 0px; }
        .sepet-modal .tema-buton:hover { border-color: #b3a487; color: #b3a487; }
/*  ---------------------------------------  */
/*  ------------- ANA  MENÜ    -------------  */
.logo { position: absolute; z-index: 1; margin-left: 20px; }
.navbar { min-height: 25px; }
.ana-menu { margin-bottom: 0px; }
    .ana-menu .navbar-nav { display: inline-block; float: right; margin-bottom: 0px; }
    .ana-menu .navbar-collapse { text-align: center; }
.ana-menu-blok .nav > li > a { color: #000; font-size: 14px; font-weight: bold; }
    .ana-menu-blok .nav > li > a:hover { color: #000; }
.f-nav { z-index: 9999; position: fixed; left: 0; top: 0; width: 100%; }
/*  -------------------------------------  */
/*  ------------- HEADER    -------------  */

/*  -------------  FOOTER   -------------  */

.footer-ust { margin-top: 20px; border-top: 1px solid #e9e9e9; padding-top: 20px; text-align: justify; text-justify: inter-word; }
.footer-alt { background: #ecf0f1; background: url(../images/triangle-background.jpg); position: relative; }
.kurumsal-blok-yazi { height: 155px; overflow: hidden; padding: 0px 10px; }
.footer-banner { text-align: center; }
.kurumsal-blok-yazi h2 { font-family: 'Marck Script', cursive; color: #ed118f; }
.footer-alt-blok { padding-top: 60px; }
    .footer-blok-menu2 li, .footer-alt-blok li { list-style-type: none; padding-bottom: 5px; }
.footer-blok-menu2 li { padding: 0 3px 0 3px; border-right: 1px solid #000; }
    .footer-blok-menu2 li:last-child { border-right: none; }
    .footer-blok-menu2 li a, .footer-alt-blok li a { color: #282828; text-decoration: none; }
.footer-blok-menu2 li { display: inline; }
.footer-blok-menu li:first-child a { font-weight: bold; color: #ff8e00; }
.ara-yazi { padding: 20px 20px 10px 20px; border: 1px solid #eee; width: 400px; background: #fff; position: absolute; top: 0px; text-align: center; z-index: 1; left: 50%; margin-left: -200px; margin-top: -29px; }
.sosyal-blok { text-align: center; border-left: 1px solid #ff8e00; border-right: 1px solid #ff8e00; }
    .sosyal-blok .input { width: 80%; height: 30px; border: 1px solid rgba(0,0,0,0.1); background: rgba(255,255,255,0.2); }
    .sosyal-blok input[type=submit] { float: right; margin-right: 30px; margin-top: 10px; background: #ccc; color: #666; border-radius: 0px; border: none; border-bottom: 3px solid rgba(0,0,0,0.1); padding: 5px 10px 5px 10px; }
        .sosyal-blok input[type=submit]:hover { color: #000; background-color: #fff; border-color: #e0e0e0; }
.sosyal-blok-orta p { font-size: 15px; margin-bottom: 10px; }
.FooterSocial { margin-bottom: 10px; }
    .FooterSocial .facebook { width: 12px; height: 22px; margin: 0 5px 0 13px; display: inline-block; background: transparent url("../images/layouts-sprite-v3.png") no-repeat -5px -105px; }
        .FooterSocial .facebook:hover { background: transparent url("../images/layouts-sprite-v3.png") no-repeat -5px -135px; }
    .FooterSocial .twitter { width: 24px; height: 22px; margin: 0 5px; display: inline-block; background: transparent url("../images/layouts-sprite-v3.png") no-repeat -33px -105px; }
        .FooterSocial .twitter:hover { background: transparent url("../images/layouts-sprite-v3.png") no-repeat -33px -135px; }
    .FooterSocial .instagram { width: 24px; height: 22px; margin: 0 5px; display: inline-block; background: transparent url("../images/layouts-sprite-v3.png") no-repeat -72px -105px; }
        .FooterSocial .instagram:hover { background: transparent url("../images/layouts-sprite-v3.png") no-repeat -72px -135px; }
    .FooterSocial .google { width: 24px; height: 22px; margin: 0 5px; display: inline-block; background: transparent url("../images/layouts-sprite-v3.png") no-repeat -111px -105px; }
        .FooterSocial .google:hover { background: transparent url("../images/layouts-sprite-v3.png") no-repeat -111px -135px; }
    .FooterSocial .youtube { width: 50px; height: 22px; margin: 0 5px; display: inline-block; background: transparent url("../images/layouts-sprite-v3.png") no-repeat -145px -105px; }
        .FooterSocial .youtube:hover { background: transparent url("../images/layouts-sprite-v3.png") no-repeat -145px -135px; }
    .FooterSocial .pinterest { width: 50px; height: 22px; margin: 0 5px; display: inline-block; background: transparent url("../images/layouts-sprite-v3.png") no-repeat -200px -105px; }
        .FooterSocial .pinterest:hover { background: transparent url("../images/layouts-sprite-v3.png") no-repeat -200px -135px; }
.app-blok { text-align: center; }
    .app-blok p { font-size: 15px; margin-bottom: 0px; }
.bankalar { padding: 10px 0 10px 0; border-top: 1px solid #ff8e00; border-bottom: 1px solid #ff8e00; text-align: center; }
.bilgi-sol { text-align: right; padding: 20px; }
.bilgi-sag { padding: 20px; }
/*  -------------  FOOTER   -------------  */

/*------------------------------ANASAYFA-------------------------------------------------*/


/*  ------------- 3lü BLOK   -------------  */
.Ortala { float: none; text-align: center; margin-bottom: 0; }
    .Ortala li { display: inline-block; float: none; }
.uclu-blok { margin: 35px 0 20px 0; }
    .uclu-blok img { width: 100%; }
.banner-blok { padding: 20px; position: relative; }
.banner-blok-yazi { width: 100%; text-align: center; position: relative; top: 10px; overflow: hidden; }
    .banner-blok-yazi p { padding: 10px 0 0 0; font-weight: bold; }
.boyut { float: left; position: absolute; left: 0; top: 21px; }
.urun-slider-baslik { font-family: 'Marck Script', cursive; color: #ed118f; text-align: center; }
.urun-kategori-baslik { text-align: center; }
.win.gecko .qty { position: relative; top: -1px; }
.BlokResim { width: 100px; float: left; }
.BlokYazi { text-align: left; }
.BlokYazi2 { text-align: left; position: absolute; top: 0; width: 70%; padding: 0 40px; }
.line-yazi { width: 100%; height: 1px; background: #fff; margin: 10px 0; }
.Baslik { padding-top: 60px; font-weight: bold; }
.butonBlok { padding: 5px 20px; border: 2px solid #fff; margin: 10px; -transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
    .butonBlok:hover { background: #fff; -transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
/*  ------------- 3lü BLOK   -------------  */

/*  -------------  ÜRÜNLER   -------------  */
.urun { padding: 10px; }
.product-details { border: 1px solid #e9e9e9; margin-top: -4px; padding: 10px; overflow: hidden; }
    .product-details h4 { margin: 0px; }
.price { font-size: 16px; font-weight: bold; color: #ff8e00; }
.price-old { font-size: 14px; font-weight: 100; color: #000; text-decoration: line-through; }
.yildiz { padding: 10px 0 10px 0; }
.bx-wrapper { max-width: 100%; }
.ms-slide img { padding: 0 5px; }
/*  -------------  ÜRÜNLER   -------------  */
/*------------------------------ANASAYFA-------------------------------------------------*/

/*-------------------------------LOGİN SAYFASI-------------------------------------------*/
.giris-sayfa { }
    .giris-sayfa h3 { margin: 10px 30px; }
    .giris-sayfa .giris-yap { padding: 40px; }
    .giris-sayfa .uye-ol { padding: 40px; }
    .giris-sayfa .giris-kutu { min-height: 200px; }
        .giris-sayfa .giris-kutu label, .giris-kutu p { padding: 10px 0 10px 0; }
        .giris-sayfa .giris-kutu .text { border-radius: 0; }
        .giris-sayfa .giris-kutu input[type="checkbox"] { width: auto; margin: 5px; }
    .giris-sayfa .giris-yap a { text-decoration: none; color: #333; margin: 10px 0 10px 0; font-weight: 100; }
    .giris-sayfa .btn-default { border-radius: 0; border: 3px #e0e0e0 solid; padding: 1px 15px; margin: 10px 0 10px 0; float: right; }
        .giris-sayfa .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #000; background-color: #fff; border-color: #e0e0e0; }
    .giris-sayfa .btn:focus, .btn:active:focus, .btn.active:focus { outline: none; outline: 0px auto; outline-offset: 0px; }
    .giris-sayfa .form-control:focus { border-color: #b3a487; outline: 0; -webkit-box-shadow: none; box-shadow: none; }

.parolami-unuttum { margin-bottom: 30px; padding: 0 40px; }
    .parolami-unuttum input { margin-bottom: 30px; }
.satir-1 { float: left; margin-right: 20px; }
.satir-2 { float: left; width: 100%; }
select { padding: 10px 0; }
/*-------------------------------LOGİN SAYFASI-------------------------------------------*/

/*-------------------------------İLETİŞİM SAYFASI-------------------------------------------*/
.form-control { box-shadow: none; }
.line-iletisim { border: #eee 1px dashed; }
.iletisim-sol-blok { margin-top: 10px; padding: 10px; }
.iletisim-sag-blok { margin-top: 10px; padding: 10px; }
    .iletisim-sag-blok .nav > li { display: inline-block; width: 16%; text-align: center; }
        .iletisim-sag-blok .nav > li > a:hover, .nav > li > a:focus { background: #ff8e00; color: #fff; }
    .iletisim-sag-blok .tab-content { padding: 20px; }
    .iletisim-sag-blok .satir-1 { width: 46%; }
    .iletisim-sag-blok .satir-2 { width: 96%; }
    .iletisim-sag-blok label { margin: 5px 0 5px 0; }
    .iletisim-sag-blok a { text-decoration: none; color: #333; margin: 10px 0 10px 0; font-weight: 100; }
    .iletisim-sag-blok .adres { width: 20%; }
    .iletisim-sag-blok .thumbnail { border-radius: 0px; }
.banka-hesap { border: 1px solid #eee; text-align: center; padding: 5px 0 5px 0; }
/*-------------------------------İLETİŞİM SAYFASI-------------------------------------------*/

/*-------------------------------SEPETİM SAYFASI-------------------------------------------*/
.sepet-urun { padding: 10px 0 10px 0; }
.urunler-sepeti:hover { background-color: #fcfcfc; }
.kasa-buton { height: 42px; text-align: left; background: none; border: 4px #ff8e00 solid; color: #ff8e00; position: relative; padding-left: 10px; }
    .kasa-buton h5 { padding-right: 100px; }
    .kasa-buton i { font-size: 30px; padding-right: 10px; }
    .kasa-buton:hover { color: #ff8e00; }
/*-------------------------------SEPETİM SAYFASI-------------------------------------------*/

/*-------------------------------ÜRÜN_DETAY SAYFASI-------------------------------------------*/
.urun-detay-sol { padding: 20px; }
.urun-detay-sag { padding: 20px; }
.tab-menu-detay li { display: inline-block; margin: 0px 15px 0px 15px; }
    .tab-menu-detay li a { padding: 4px 25px 4px; }
.urun-detay-tab { background-color: rgba(246,243,242,0.5); min-height: 500px; padding: 10px; background: url('../images/wtr.png')repeat repeat 0.2; }
.urun-detay-tab-ic { border: 3px solid #fff; text-align: center; min-height: 480px; }
    .urun-detay-tab-ic h2 { color: #333; padding: 20px; border-bottom: 1px solid #333; width: 130px; margin: 0px auto; }
#tabs-3 .urun-detay-tab-ic { text-align: left; }
#tabs-3 .urun-detay-tab-ic { padding: 10px; }
.detay-yazi { padding-top: 20px; font-style: italic; }
.tab-content { padding: 10px; }
.tab-pane { border: 3px solid #fff; }
.radio-buton { text-align: center; }
.yorum-tab { background: #fff; margin: 0 0 10px 0; }
.urun-detay-tab-ic input { border-radius: 0; width: 50%; }
.watermark { position: absolute; width: 100%; height: 100%; background: url('../images/wtr.png') repeat repeat; top: 0; left: 0; opacity: 0.2; }
#tabs-1 { position: relative; }
.banner-resim-detay { margin: 10px 0 10px 0; float: left; }
.tablo { background: #ff8e00; color: #fff; padding: 5px 15px; opacity: 0.8; }
    .tablo:hover { color: #fff; opacity: 1; }
.ayak-no-blok { margin: 10px 0 10px 0; }
.ayak-no { padding: 6px 3px 5px 3px; border: 1px solid #fff; }
    .ayak-no:hover { border: 1px solid #333; }
    .ayak-no img { margin-top: -3px; }
.sepete-ekle-buton { border: 4px solid #ff8e00; padding: 5px 30px 5px 19px; color: #ff8e00; font-weight: bold; }
    .sepete-ekle-buton:hover { color: #ff8e00; }
.detay-paylas { text-align: right; font-size: 11px; }
    .detay-paylas a { color: #bfbfbf; }
        .detay-paylas a:hover { color: #000; }
.detay-resim img { width: 100%; }
.urun-detay-sag .panel { border-radius: 0; border: none; box-shadow: none; border-bottom: 1px dotted #000; }
.urun-detay-sag .panel-default > .panel-heading { color: #333; background-color: #fff; border-radius: 0px; border-top: 1px dotted #000; border-bottom: 0px; padding: 5px 15px; }
.urun-detay-sag .panel-default:last-child .panel-heading { border-top: 0px; }
.urun-detay-sag .panel-group .panel-heading + .panel-collapse > .panel-body { border-top: 0px; }
.tab-menu-detay .active a { border-bottom: 5px solid #ff8e00; color: #ff8e00; }
:target { display: block; }
#adetform { font-weight: bold; font-family: 'Helvatica'; }
.qty { width: 30px; height: 25px; text-align: center; border: 2px #333 solid; margin: 10px; color: #000; margin-left: -3px; }
input.qtyplus { margin: 0; cursor: pointer; width: 19px; height: 27px; border: 2px #000 solid; border-left: none; background-color: white; color: #000; font-size: 14px; padding: 0; margin-left: -3px; }
input.qtyminus { cursor: pointer; width: 19px; height: 27px; border: 2px #000 solid; border-right: none; background-color: white; color: #000; font-size: 14px; padding: 0; }
.detay-buyuk-resim img { width: 100%; }
.mini-resim img { width: 61px; margin: 10px; border: 1px solid #e3e3e3; }
.zoomContainer { overflow: hidden; }
.product-details h4 { height: 22px; width: 100%; overflow: hidden; }
/*-------------------------------ÜRÜN_DETAY SAYFASI-------------------------------------------*/

/*-------------------------------BLOG SAYFASI-------------------------------------------*/
.blog li { padding: 5px; text-align: center; }
.blog-liste h3 { margin: 10px; }
.blog-liste { -padding: 20px; webkit-box-shadow: 0 0 7px #eee; -moz-box-shadow: 0 0 7px #eee; box-shadow: 0 0 7px #eee; -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 7px rgba(0,0,0,0.1); box-shadow: 0 0 7px rgba(0,0,0,0.1); border: 1px solid #ececec; border-radius: 5px; }
    .blog-liste img { padding: 10px; width: 100%; }
/*-------------------------------BLOG SAYFASI-------------------------------------------*/

/*-------------------------------BLOG_DETAY SAYFASI-------------------------------------------*/
.blog-detay-yazi { padding: 10px; }
.blog-detay-resim { padding: 10px; }
/*-------------------------------BLOG_DETAY SAYFASI-------------------------------------------*/

/*-------------------------------URUN SAYFASI-------------------------------------------*/
.sayfa-ust-resim { position: relative; z-index: -1; top: -20px; }
.kategori-liste { width: 100%; margin-top: 40px; }
    .kategori-liste li { padding: 15px 10px; cursor: pointer; border-bottom: 1px solid rgb(235, 229, 220); }
    .kategori-liste .caret { float: right; margin: 5px; }
    .kategori-liste li h5 { margin: 0px; }
    .kategori-liste li a { font-size: 14px; font-weight: 100; color: #000; }
        .kategori-liste li a:hover, .kategori-liste .open > a { color: #000; text-decoration: none; font-weight: bold; }
    .kategori-liste .dropdown ul li a:hover { background: rgba(255,142,0, 0.5); color: #fff; }
    .kategori-liste .dropdown-menu { height: 90px; overflow-y: scroll; }
        .kategori-liste .dropdown-menu li { padding: 0px 0px; border: 0px; }
    .kategori-liste .dropdown-menu { position: relative; width: 100%; -webkit-background-clip: none; background-clip: none; border: 0px; border: 0px; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; float: none; }
        .kategori-liste .dropdown-menu li a { padding: 2px 0px; font-size: 12px; font-weight: 100; color: #000; }
            .kategori-liste .dropdown-menu li a:hover { color: #000; }
    .kategori-liste .baslik { background: rgba(255,142,0, 0.7); color: #fff; }
        .kategori-liste .baslik:hover { background: rgba(255,142,0, 1); }
.recent-products li:hover .shadow-kutu { -webkit-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.75); cursor: pointer; }
.select-kutu { padding: 5px; margin-right: 10px; color: #000; cursor: pointer; }
/*-------------------------------URUN SAYFASI-------------------------------------------*/

/*-------------------------------ÖDEME SAYFASI-------------------------------------------*/
.kasaya-git ul li { width: 20%; text-align: left; border: 1px solid; border-top-color: #cacaca; border-bottom-color: #9a9a9a; border-right-color: #b7b7b7; border-left-color: #b7b7b7; }
    .kasaya-git ul li a { padding: 15px 10px; }
    .kasaya-git ul li:first-child { border-radius: 4px 0px 0px 4px; }
    .kasaya-git ul li:last-child { border-radius: 0px 4px 4px 0px; }
.kasaya-git ul li { background: #f7f7f7; background: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ededed)); background: -webkit-linear-gradient(top, #f7f7f7 0%, #ededed 100%); background: -o-linear-gradient(top, #f7f7f7 0%, #ededed 100%); background: -ms-linear-gradient(top, #f7f7f7 0%, #ededed 100%); background: linear-gradient(to bottom, #f7f7f7 0%, #ededed 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#ededed', GradientType=0); }
.kasaya-git ul .active a, .kasaya-git ul .active:hover a, .kasaya-git ul .active:focus a { background: #ff8e00; border-color: #000; }
.kasaya-git ul .active a { color: #fff; }
#farkli-fatura-bilgileri { display: none; }
#kurumsal-fatura-blok { display: none; }
#tab3default .satir-1 { width: 47%; height: 69px; }
#tab3default select { width: 100%; }
.odeme-secimi-liste .caption { font-weight: bold; float: left; padding: 0 10px; margin-right: 20px; }
.odeme-secimi-liste a { border: 1px solid #eee; padding: 5px 20px; }
.odeme-secimi-liste li { width: auto; margin: 10px; }
.odeme-secimi-liste .selectedtype { background: #000; color: #fff; }
    .odeme-secimi-liste .selectedtype a { color: #fff; }
.odeme-secimi-liste a:focus, .odeme-secimi-liste a:hover { background: #000; color: #fff; }
#tab4odeme select { padding: 5px 15px; }
#tab5odeme select { padding: 5px 15px; }
/*-------------------------------ÖDEME SAYFASI-------------------------------------------*/

/*-------------------------------HESABIM SAYFASI-------------------------------------------*/
.hesabim .satir-1 { width: 47%; }
.hesabim select { padding: 5px 11px; float: left; margin-right: 10px; }
.hesabim #tab2default .satir-1 { width: 47%; }
.hesabim-liste { width: 100%; }
    .hesabim-liste li { padding: 15px 10px; cursor: pointer; border-bottom: 1px solid rgb(235, 229, 220); }
    .hesabim-liste .caret { float: right; margin: 5px; }
    .hesabim-liste li h5 { margin: 0px; }
    .hesabim-liste li a { font-size: 14px; font-weight: 100; color: #000; }
        .hesabim-liste li a:hover, .hesabim-liste .open > a { color: #000; text-decoration: none; font-weight: bold; }
/*-------------------------------HESABIM SAYFASI-------------------------------------------*/

@media(max-width:767px) {
    /*  ------------- HEADER    -------------  */
    .navbar-toggle { float: left; padding: 10px 0px 0px 10px; }
    .navbar-inverse .navbar-toggle { border: 0; margin-right: 10px; width: 100%; }
        .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background: rgba(0,0,0,0.0); }
    .icon-buton { float: left; }
    .navbar-inverse .navbar-toggle h4 { margin: -2px 0px 0px 10px; }
    .ana-menu-blok .navbar-collapse { position: absolute; z-index: 9999; background: #fff; width: 100%; border: 0px; text-align: left; }
    .navbar-collapse.in { overflow-y: visible; }
    .container > .navbar-header { margin: 10px 0 0 0; background: #faf9f7; }
    .navbar-nav .open .dropdown-menu { position: absolute; background-color: #fff; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #000; background-color: #faf9f7; }
    .ust-menu-blok .collapse { display: block; }
    .ust-menu-blok .navbar-nav { margin: 0px auto; }
    .ust-menu-blok .nav > li { display: inline-block; }
    .ust-menu .nav > li > a { padding: 3px 5px 0px 5px; font-size: 11px; }
    .ust-menu { text-align: center; }
    .ust-menu-blok .nav > li:first-child { display: inline-block; }
    .ust-menu-blok .nav > li:nth-child(2) { display: inline-block; }
    .logo { width: 100%; text-align: center; position: relative; }
        .logo img { width: 180px; }
    .hosgeldin-yazi { display: none; }
    #txtAra { float: none; width: 100%; }
    .ana-menu .navbar-nav { width: 100%; }
    .ana-menu-blok li { width: 100%; border-top: 1px solid #efefef; }
    .shadow { display: none; }
    .sepet-modal .modal-content { width: 340px; }
    .peShiner { margin: auto; }
    .BlokYazi2 { text-align: left; position: relative; top: 0; width: 100%; padding: 0 10px; }
        .BlokYazi2 .Baslik { padding-top: 0px; }
    /*  ------------- HEADER    -------------  */

    /*  -------------  FOOTER   -------------  */
    .footer-ust { margin-bottom: 40px; }
    .ara-yazi p { font-size: 10px; }
    .bilgi-sol, .bilgi-sag, .footer-alt-blok li { text-align: center; }
    .kurumsal-blok-yazi { padding: 10px; height: 190px; }
    .sag-blok-menu li { display: inline-block; }
        .sag-blok-menu li a { font-size: 10px; }
    .sol-blok, .sol-blok2 { text-align: center; }
        .sol-blok p { float: none; }
        .sol-blok2 .navbar-nav { float: none; }
            .sol-blok2 .navbar-nav li { display: inline-block; }
        .sol-blok2 .navbar-nav { margin-right: 10px; }
    .sol-blok3 { padding: 30px; }
    .sosyal-blok { margin-bottom: 20px; }
    .sag-blok-menu { display: none; }
    .ara-yazi { width: 100%; left: 0; margin-left: 0px; }
    .img-responsive { display: inline; }
    .footer-blok-menu { display: none; }
    .footer-blok-menu2 { display: block; text-align: center; }
        .footer-blok-menu2 li { padding: 0 5px 0 5px; }
    .bilgi-sol, .bilgi-sag { padding: 0px; }
    /*  -------------  FOOTER   -------------  */

    /*------------------------------ANASAYFA-------------------------------------------------*/
    .boyut { display: none; }
    .urun { padding: 35px; }
    .slider-blok { margin-top: -6px; }
    /*------------------------------ANASAYFA-------------------------------------------------*/

    /*-------------------------------LOGİN SAYFASI-------------------------------------------*/
    .giris-sayfa .giris-kutu .text { width: 100%; }
    .satir-1 { float: left; margin-right: 0px; width: 100%; }
    .iletisim-sol-blok { display: none; }
    .iletisim-sag-blok .nav > li { display: inline; }
    .uclu-blok .Ortala li { display: block; float: left; }
    .iletisim-sag-blok .satir-1 { width: 100%; }
    .iletisim-sag-blok { margin-top: 0px; padding: 0px; }
        .iletisim-sag-blok .nav > li > a { padding: 0px 10px; }
    .urun-detay-tab-ic input { border-radius: 0; width: 100%; }
    .tab-menu-detay li a { padding: 4px 0px 4px; }
    .qty { top: -3px; }
    .kasaya-git ul li a { font-size: 9px; }
    #tab2default .satir-1 { width: 100%; }
    .hesabim .satir-1 { width: 100%; }
    .sepet-modal { right: 0px; }
    .hesabim #tab2default .satir-1 { width: 100%; }
    .kasaya-git ul li { text-align: center; }
        .kasaya-git ul li a { padding: 15px 0px; }
    .sepet-detay-baslik { display: none; }
    .toplam-fiyat { display: none; }
}

@media(min-width:768px) {
    .Baslik { padding-top: 60px; }
    .footer-ust { margin-bottom: 40px; }
    .footer-blok-menu2 { display: none; }
    .uclu-blok .Ortala li { display: block; float: left; }
    .slider-blok { margin-top: -15px; }
    .giris-sayfa .giris-kutu .text { width: 300px; }
    .iletisim-sol-blok { display: none; }
    .kasa-buton h5 { padding-right: 60px; }
    .urun-detay-tab-ic input { border-radius: 0; width: 100%; }
    .Baslik { font-size: 15px; padding-top: 10px; }
    .ustBanner { margin-top: -2px; padding-top: 10px; }
}

@media(min-width:992px) {
    .Baslik { padding-top: 60px; }
    .slider-blok { margin-top: -19px; }
    .footer-blok-menu2 { display: none; }
    .uclu-blok .Ortala li { display: block; float: left; }
    .giris-sayfa .giris-kutu .text { width: 300px; }
    .iletisim-sol-blok { display: block; }
    .sepete-ekle-buton { padding: 5px 30px; }
    .ustBanner { margin-top: 40px; }
}

@media(min-width:1200px) {
    .Baslik { padding-top: 60px; }
    .footer-blok-menu2 { display: none; }
    .slider-blok { margin-top: -22px; }
    .boyut { height: 67%; }
    .giris-sayfa .giris-kutu .text { width: 300px; }
    .iletisim-sol-blok { display: block; }
    .blog { width: 960px; }
    .sepete-ekle-buton { padding: 5px 35px; }
    .uclu-blok .Ortala li { display: inline-block; float: none; }
    .ustBanner { margin-top: 40px; }
}