/* ***********************
************************

Bu Css Dökümü Kodanka - Ender tarafından yapılmıştır.

16.06.2016

************************
*********************** */
/* Css Sifirlama */
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, font, 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, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; text-decoration:none;}
body { line-height: 1; }
ol,ul { list-style: none; }
blockquote, q { quotes: none; }
:focus, a:focus, a:active{    outline: 0; }

/* Temizlik */
.temizlik{clear:both;}


@font-face {
    font-family: 'museo_sans_rounded300';
    src: url('font/museo/museosansrounded-300-webfont.eot');
    src: url('font/museo/museosansrounded-300-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/museo/museosansrounded-300-webfont.woff2') format('woff2'),
         url('font/museo/museosansrounded-300-webfont.woff') format('woff'),
         url('font/museo/museosansrounded-300-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans_rounded700';
    src: url('font/museo/museosansrounded-700-webfont.eot');
    src: url('font/museo/museosansrounded-700-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/museo/museosansrounded-700-webfont.woff2') format('woff2'),
         url('font/museo/museosansrounded-700-webfont.woff') format('woff'),
         url('font/museo/museosansrounded-700-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans_rounded900';
    src: url('font/museo/museosansrounded-900-webfont.eot');
    src: url('font/museo/museosansrounded-900-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/museo/museosansrounded-900-webfont.woff2') format('woff2'),
         url('font/museo/museosansrounded-900-webfont.woff') format('woff'),
         url('font/museo/museosansrounded-900-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('font/proxima/proximanova-regular-webfont.eot');
    src: url('font/proxima/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/proxima/proximanova-regular-webfont.woff2') format('woff2'),
         url('font/proxima/proximanova-regular-webfont.woff') format('woff'),
         url('font/proxima/proximanova-regular-webfont.ttf') format('truetype'),
         url('font/proxima/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*--- Genel ---*/

body { width: 100%;margin: 0;padding: 0; background:#fff;font-family:proxima_nova_rgregular,Times New Roman,Arial, Verdana, Tahoma;font-weight: 400;overflow:auto;font-size: 14px; line-height: 20px;color:#7b98a5;}

a{color:#7b98a5}

.wrap {
    width: 1180px;
    margin: 0 auto;
}
.flexbox {
    display: -webkit-flex;
    display: flex;
}

.row {
    margin: 20px 0;
}
    .row:after {
        content: "";
        display: table;
        clear: both;
    }

/* Sets default values on all columns */
[class*="span"] {
    margin-right: 2%;
    float: left;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
    [class*="span"]:last-child {
        margin-right: 0;
    }

    .prototype [class*="span"] {
        background: #ececec;
        border-radius: 4px;
        padding: 15px;
        text-align: center;
    }

.span1 {
    width: 6.5%;
}
.span2 {
    width: 15%;
}
.span3 {
    width: 23.5%;
}
.span4 {
    width: 32%;
}
.span5 {
    width: 40.5%;
}
.span6 {
    width: 49%;
}
.span7 {
    width: 57.5%;
}
.span8 {
    width: 66%;
}
.span9 {
    width: 74.5%;
}
.span10 {
    width: 83%;
}
.span11 {
    width: 91.5%;
}
.span12 {
    width: 100%;
    float: none;
}

.dgizle{
	display:none!important;
}
/**********************************
* Smaller Screens
**********************************/
@media only screen and (max-width: 1200px) {
    .wrap {
        width: 960px;
    }
    .orta_bolums .wrap {
        width: 860px!important;
    }
    .manset_aciklama{top:10%!important;}
  .bilgi{height: auto!important;font-size:12px!important;padding: 20px!important}
    .bilgi_list{width: 100%!important;}
    .sos_a{padding: 5px!important;font-size:14px!important;margin:0 5px!important}
  .iadedegisim{font-size: 11px!important;}
    .taksit {width: 100%!important;}
    .taksit table {width: 100%!important;}
    .taksit table tr td {width: 40%; display: inline-block}
     .taksit table tr td:nth-child(1) {width: 10%; display: inline-block}
        .urun_ozel_tab h4 { padding: 14px 10px!important; } 

}

/**********************************
* Tablets
**********************************/
@media only screen and (max-width: 1024px) {
    .wrap {
        width: 760px;
    }
     .orta_bolums .wrap {
        width: 660px!important;
    }
    
    #navigator > ul > li{ margin:0 10px!important;}
    #navigator > ul > li > a{ padding:0px 10px!important;font-size:12px!important }
    #menu ul ul li ul{left:inherit!important;right: 200px!important;}
    #logo{float:left;-webkit-transform:scale(0.7);transform:scale(0.7);margin-left: -30px!important;}
    .mus_hiz{padding-top:0px;font-size:11px!important;}
    .ust_m_sol #menu {float:left!important;margin-left:30px!important}
    
    .sepet{right:20px!important;z-index: 1!important;}
    .manset_aciklama{top:10%!important;}
    .manset_aciklama, .manset_aciklama strong,.kucuk{font-size:18px!important;line-height: 32px!important}
     .ddmenu{-webkit-transform:scale(0.7);transform:scale(0.7);}
    .manset:before,.manset:after{-webkit-transform:scale(0.7);transform:scale(0.7);bottom:-11px!important;}
    
    .arama_ust .arama_in{width: 60%!important;}
    .mbl_alt .alt_lk{padding-left: 40px!important;}
    .dropy__title { font-size: 11px!important; } 
    .dropy__title span { padding: 5px 18px 5px 10px!important;  }
    .dropy__title:after {  right: 5px!important;  }
    .f_indirim{height: 35px!important;margin-right: 10px!important;line-height: 35px!important;font-size:11px!important;}
    .h_filt{height: 35px!important;line-height: 35px!important;margin-right: 10px!important;}
    .h_filt select{ min-width: 100px!important;height: 25px!important;padding: 0 15px 0 10px!important;}
    .dropy__content ul {top:28px!important;}
    .sepet_ekle{width: 100%!important; margin:0!important}
    .favorikps {width: 40%!important;float:left!important }
    .urun_renk img{height: 30px!important;}
    .beden_bilgi{font-size:12px!important}
    .bilgi{height: 278px!important;font-size:12px!important;padding: 20px!important}
    .bilgi_list{width: 100%!important;}
    .sos_a{padding: 5px!important;font-size:14px!important;margin:0 5px!important}
    .urun_ozel_tab h4 {border-top: 1px solid #f7f8fa!important;border-bottom: 1px solid #f7f8fa!important}
    .urun_ozel_tab ul { padding: 15px 30px;!important }
    .urun_ozel_tab .active { border-bottom: 3px solid #7b98a5!important;border-right: 0!important; }
    .taksit {width: 100%!important;}
    .taksit table {width: 100%!important;}
    .taksit table tr td {width: 40%; display: inline-block}
     .taksit table tr td:nth-child(1) {width: 10%; display: inline-block}
    .fiyat{width: 55.5%!important;float: left!important;}
    .adet{width: 40.5%!important;float: left!important;}
    .kargofix{clear: both;margin: -20px 0 20px 0!important;}
    .iadedegisim{font-size: 11px!important;}
    .yorum_boyut{height: 250px!important;}
    ul.tabs li { padding: 0px 15px!important;  }
    .genel_aciklama{font-size: 16px!important;line-height: 30px!important;}
    .super_bebek{background-position: left -180px top 0!important;}
    .urun_ozel_tab h4 { padding: 14px 10px!important; } 
    .sp-thumbs img {
	min-height: 60px!important;
	min-width: 60px!important;
	max-width: 60px!important;
    
}
.sp-thumbs a:link, .sp-thumbs a:visited {
	width: 60px!important;
	height: 60px!important;
  }
    
    
    
 }  

/**********************************
* Mobile Devices
* - All columns are full width
**********************************/
@media only screen and (max-width: 767px) {
    .wrap {
        width: 96%;
    }
     .orta_bolums .wrap {
        width:96%!important;
    }
    .row {
        margin: 0;
    }
    [class*="span"] {
        margin: 15px 0;
        float: none;
        width: 100%;
    }
   .dgizle{
	display:block!important;
}
    .ust_sag, .s_giz{display: none}
    .ust_m_l{margin:-10px 0 -20px 0!important}
    #logo{float:left;-webkit-transform:scale(0.7);transform:scale(0.7);margin-left: -30px!important;}
    .sepet{top:58px;z-index: 1!important;}
    .sepet .fa{font-size:20px!important;margin-top:-4px;}
    .mus_hiz{padding-top:5px;font-size:11px!important;}
    #navigator > ul > li > a{ padding:15px!important; }
    #cd-cart .span2 {width: 15%!important;float: left!important}
    #cd-cart .span8 {width: 66%!important;float: left!important}
    .spt_u_b , .spt_u_f{font-size:11px!important;}
    .spt_u_o{font-size:10px!important;}
    .mbl_bol{width: 46%;float:left;margin-right: 10px;}
    .mbl_bol .koleksiyon{margin-bottom: 8px;}
    .mbl_bol .koleksiyon .ana_urun .k_gecis{position: absolute;top:0px;left:0px;background: url(images/k-gecis.png);background-repeat: repeat-y;width: 251px;min-height: 100%;max-height: 500px;z-index: 1;opacity: 0.9;}
    .mbl_bol .koleksiyon .ana_urun .a_bs{left:10px;top:10px;}
    .mbl_bol .koleksiyon .ana_urun .a_bs p{font-size:9px;}
    .mbl_bol .koleksiyon .ana_urun .a_bs h2{font-size:14px;}
    .mbl_bol .koleksiyon .ana_urun .d_btn {bottom:10px;left:10px;-webkit-transform:scale(0.7);transform:scale(0.7);}
    .mbl_aks {height: 180px;overflow: hidden}
    .mbl_aks .k_gecis{display: none;}
    .mbl_aks .k_u_gecis{display: inherit;}
    .mbl_aks .d_btn {bottom:10px!important;left:10px!important;-webkit-transform:scale(0.7);transform:scale(0.7);}
    .mbl_aks  .a_bs p{font-size:9px!important;}
    .mbl_aks  .a_bs h2{font-size:14px!important;}
    
    .mbl_fx {margin-right: 0;}
    .mbl_clr {clear: both;}
    .alt_cc, .kodanka{width: 100%!important;text-align: center!important;}
    .mbl_alt{width: 48%;float:left;overflow: hidden;}
    .mbl_alt .alt_lk{padding-left: 0!important;text-align: center;}
    .mbl_alt .alt_lk_mbl{border-right:none!important}
    
    .mobile_menu{display: block!important;}
    .yan_mn{display: none;}
    .gk_hvr{padding:20px!important;}
    .sfr_unt{text-align: left!important;}
    
    .filtre_list, .f_indirim{display: none!important;}
    .filtre_yap{height: auto!important;}
    .m_filtre{display: inline-block!important;}
    .h_filt{margin-top:5px!important;}
    .mobil_temiz{display: block;}
    .genel_modal{padding: 10px!important;width: 90%!important;margin: -15rem auto!important; }
    .genel_modal svg {padding: 8px!important}
    .urun_detay{clear: both}
    .sepet_ekle{width: 100%!important; float:left!important;}
    .favorikps {width: 32%!important;float:left!important }
    .urun_renk img{height: 40px!important;}
    .beden_bilgi{font-size:12px!important}
    .bilgi{height: auto!important;font-size:12px!important;padding: 10px!important}
    .bilgi_list{width: 100%!important;}
    .sos_a{padding: 5px!important;font-size:14px!important;margin:0 5px!important}
    .urun_ozel_tab h4 {border-top: 1px solid #f7f8fa!important;border-bottom: 1px solid #f7f8fa!important}
    .urun_ozel_tab ul { padding: 15px 30px;!important }
    .urun_ozel_tab .active { border-bottom: 3px solid #7b98a5!important;border-right: 0!important; }
    .taksit {width: 100%!important;}
    .taksit table {width: 100%!important;}
    .taksit table tr td {width: 40%; display: inline-block}
     .taksit table tr td:nth-child(1) {width: 10%; display: inline-block}
    .indirim_kupon .indirim_in{width: 140px!important;}
    .siparis_tamam{font-size:12px;}
    .siparis_devam{font-size:11px;}  
    .sipar_ozer{width: 48%;float:left;}
    .mbl_gizle, .super_bebek,.ddmenu,.manset:before,.manset:after{display: none!important}
    .manset_aciklama, .manset_aciklama strong,.kucuk{font-size:12px!important;line-height: 22px!important}
    .genel_baslik{font-size:24px!important;margin-left:-15px!important}
    .bebe_orta .genel_baslik{font-size:24px!important;margin-left:40px!important}
    .sosyal_aglar{width: 95%!important}
    .sosyal_aglar ul li  {width: 23%!important; font-size:11px!important}
    .genel_aciklama{font-size:14px!important}
    .urun_cesitleri .cesit_kutu{height: 200px!important;}
    .urun_cesitleri .cesit_kutu .cesit_baslik{font-size:12px!important;}
    .cesit_link ul li a{font-size:11px!important;padding: 5px 0 !important}
    .cesit_link ul li a:hover{padding-left:20px!important; }
    .cesit_link ul li a.aktiff{padding-left:20px!important; }
    .urun_cesitleri .cesit_kutu .cesit_baslik{height: 45px!important;}
    .urun_cesitleri .cesit_kutu .cesit_baslik span{margin-top:5px!important;padding:5px 0!important;}
    .makaleler .makaleler_kutu{height: 200px!important;}
.makaleler .makaleler_kutu .res_kaps{height: 120px!important; }
.makaleler .makaleler_kutu .mak_baslik{font-size:12px!important;padding: 5px!important;}
.makaleler .makaleler_kutu .mak_baslik .mak_devam{width: 80px!important;height: 30px!important;line-height: 30px!important;font-size:12px!important;border-radius: 30px; position: absolute;bottom:-20px;left:1px;right: 1px;margin:0 auto;background: #009fe5;color:#fff;}
    .kurumsal_yazi , .mv_yazi{font-size:16px!important;line-height: 32px!important}
    .kr_bas{font-size:20px!important;text-align: center;}
    .kr_bas .fa{font-size:22px!important}
}
.imgfix{max-width:100% !important;height:auto;display:block!important;}
.margin-yok {margin-right:0!important;}
/*--- ANASAYFA ---*/
/*- Üst -*/
header{position: relative;z-index: 3!important;border-bottom:1px solid #f7f7f7}
.ust{height:55px;background-image: url(images/ubg.png);background-repeat: repeat-x;line-height: 55px;background-color: #00a0e6;color:#fff;background-position: bottom}
.mus_hiz{font-size:14px;line-height: 18px;margin-top:10px;}
.mus_hiz p{font-family:museo_sans_rounded700,Times New Roman,Arial, Verdana, Tahoma;}
.mus_hiz span{font-size: 10px;}
.ust_sag{text-align: right;position: relative}
.ust_sag a{color:#fff;margin-left:30px;}
.ust_sag .a_b{border:1px solid #fff;border-radius: 50%;line-height: 20px;text-align: center;width: 20px;height: 20px; display: inline-block;font-size:12px;}

.ust_m_sol{position: relative;}
.arama_kapsa { position: absolute; top:0; left: 0px; width:500px; background-color: #fff; margin-top:-3px; display: none; z-index: 920; border:1px solid #dfdfdf;text-align: left;}
.arama_ust {height:47px;padding-top:10px;width: 500px;border-bottom:1px solid #dfdfdf}
.arama_ust .arama_in{font-size:18px;width: 280px;padding-left:20px;height:45px;border:none;color:#b1b7bb;float:left;}
.kpt{float:right;margin-top:-7px;}
.arama_btn{float:right;margin:5px -10px 0 0;height:30px;line-height: 20px;}
.arama_ac {display:none;}
.arama_alt{padding:30px;position: relative}
.ar_basl{font-family:museo_sans_rounded700;display: block; font-size:20px;margin:-20px 0 10px 0;color:#7b98a5;}
.ar_basl span{color:#00a0e6}
.ar_sonc {clear: both; width: 100%;float:left;}
.ar_sonc li{text-align: left;50px;line-height: 50px; border-bottom:1px solid #f5f5f5;}
.ar_sonc li a {color:#7b98a5}
.ar_sonc li a:hover {opacity: 0.6;}
.ar_sonc li img{float:left;}
.ar_sonc li span{font-size:14px;font-family:museo_sans_rounded700;}
.ar_sonc li em{font-size: none;font-size:18px;font-family:museo_sans_rounded700;float: right;}
.mb_arama{display: none;}

/*Logo*/
#logo {width:250px;height:93px;margin:20px auto;text-align: center;}
		 #logo h1 a{display:block;width:250px;height:93px;background: url(images/rumiki-logo.png);background-repeat:no-repeat;text-indent: -999em;}
	#logo p{display:none;}

.ara_ico{vertical-align: middle;padding:0 10px 0 10px;}
.ust_m_l{margin-top:-10px;position: relative;}
.sepet{position: absolute;right: 0;bottom: 35px;color:#afce00;font-family: museo_sans_rounded700;font-size:14px;z-index: 2;}
.sepet a{color:inherit}
.sepet .fa{font-size:13px;margin-right:5px;float:left;}
#cd-cart { position: absolute; top:0px; height: 100%; width: 260px; /* header height */ padding-top: 0px; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 3; display: none; padding-bottom: 20px; }
@media only screen and (min-width: 768px) { 
    #cd-cart { width: 350px; } 
} 
@media only screen and (min-width: 1200px) { 
    #cd-cart { width: 30%; /* header height has changed */ padding-top: 0px; } 
} 
#cd-cart { right:0; background: #FFF; -webkit-transition: right 0.3s; -moz-transition: right 0.3s; transition: right 0.3s; overflow: hidden } 
#cd-cart.speed-in { right: 0; } 
#cd-cart > * { padding: 0 1em; } 
#cd-cart h2 { font-size: 14px; font-size: 0.875rem; font-family: museo_sans_rounded700; text-transform: uppercase; margin: 1em 0; }
#cd-cart .cd-cart-items { padding: 0; } 
#cd-cart .cd-cart-items .row { margin: 0; } 
#cd-cart .cd-cart-items li { position: relative; padding: 1em; border-top: 1px solid #e0e6ef; } 
#cd-cart .cd-cart-items li:last-child { border-bottom: 1px solid #e0e6ef; } 
#cd-cart .cd-qty, #cd-cart .cd-price { color: #a5aebc; } 
#cd-cart .cd-price { margin-top: .4em; }
.spt_u_b{font-family: museo_sans_rounded700;text-transform: uppercase} 
.spt_u_o{font-family: museo_sans_rounded700;font-size:12px;color:#7b98a5;text-transform: uppercase} 
.spt_u_f{font-family: museo_sans_rounded700;} 
.spt_u_s{background: #e84848;display: inline-block;color:#fff;font-size:10px;padding:0px 10px;position: relative;-webkit-transform:scale(0.7);transform:scale(0.7);margin-top:-5px;} 
.spt_u_s::before{content: '\f05c';font-family: FontAwesome; position:absolute;left:-10px;top:1px;color:#e84848;font-size: 22px;background: #fff;border-radius: 0px 22px 30px 0;} 
#cd-cart .cd-cart-total { padding-top: 1em; padding-bottom: 1em; } 
#cd-cart .cd-cart-total span { float: right; } 
#cd-cart .cd-cart-total::after { /* clearfix */ content: ''; display: table; clear: both; }
#cd-cart .checkout-btn { display: block; width: 325px; height: 60px; line-height: 60px; background: #7dcf85; color: #FFF; text-align: center; } 
.no-touch #cd-cart .checkout-btn:hover { background: #a2dda8; }
#cd-cart .cd-go-to-cart { text-align: center; margin: 1em 0; } 
#cd-cart .cd-go-to-cart a { text-decoration: underline; } 
@media only screen and (min-width: 1200px) { 
    #cd-cart > * { padding: 0 2em; } 
    #cd-cart .cd-cart-items li { padding: 1em 2em; } 
    #cd-cart .cd-item-remove { right: 2em; } 
}
#cd-shadow-layer { position: absolute; min-height: 100%; width: 100%; left: 0; background: rgba(0, 0, 0, 0.6); cursor: pointer; z-index: 3; display: none; padding-bottom: 20px; }

.manset{position: relative;}
.manset .slider li{z-index: -1;text-align: center}
.manset .slider li img{display: inline-block}
.mg{background: url(images/mg.png);background-repeat: repeat-x;background-position: top;position: absolute;z-index: 1;width: 100%;height: 77px;top:0;left:0;}
.manset_aciklama{width: 100%; position: absolute;z-index: 1;top:30%;left:0;text-align: center;font-size:30px;line-height: 45px;font-family: 'museo_sans_rounded700', sans-serif;}
.manset_aciklama strong{font-family: 'museo_sans_rounded900', sans-serif;font-size:30px;}
.manset_aciklama .kucuk{font-family: 'museo_sans_rounded300', sans-serif;font-size:26px;}
.manset:before{content: ''; position: absolute;bottom:0;right:0;background: url(images/mbulut.png);width: 427px;height: 73px;z-index: 1;}
.manset:after{content: ''; position: absolute;bottom:0;left:10%;background: url(images/bulut-sol.png);width: 425px;height: 72px;z-index: 1;}

.kurumsal_aciklama{text-align: center;font-size:30px;line-height: 45px;font-family: 'museo_sans_rounded700', sans-serif;padding-top:20%;margin-bottom:100px;}
.kurumsal_aciklama strong{font-family: 'museo_sans_rounded900', sans-serif;font-size:30px;}
.kurumsal_aciklama .kucuk{font-family: 'museo_sans_rounded300', sans-serif;font-size:26px;}

#dropdown { display: block;  width: 300px; height: 65px;line-height: 65px; margin: 30px auto; position: relative; cursor: pointer; border-radius:30px; background: #009fe5; font-size: 18px; color: #fff; font-weight: normal;  -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -ms-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; }
#dropdown:hover { color: #dcf2fc; } 
#dropdown.open { background: #009fe5; color: #fff;border-radius: 30px; } 
#dropdown ul { position: absolute; top:38px; left:0px;  width: 300px; padding: 5px 0px; display: none; background: #009fe5;border-radius: 0 0 30px 30px;overflow: hidden} 
#dropdown ul li { font-size: 16px; border-top: 1px dashed #24b1ef;} 
#dropdown ul li a { font-family: 'museo_sans_rounded300', sans-serif;text-decoration: none; display: block; color: #fff;height: 40px;line-height: 40px;  } 
#dropdown ul li a:hover { color: #dcf2fc; background: #23b7f8; }
#dropdown ul li:first-child{border-top:0;}
#dropdown ul li:last-child{border-radius: 30px;}

.manset a.m_btn {color: #7b98a5 ;box-shadow: #7b98a5 0 0px 0px 1px inset;}
.manset a.m_btn:hover {color: #fff;box-shadow: #7b98a5 0 0px 0px 40px inset;}

@media handheld, screen and (min-width: 641px){ 
    .no_scroll{ overflow-y: hidden; } 
    .abrir_menu{ display: none; } 
    #menu{margin:50px auto; height: 20px; text-align: center} 
    #navigator{ height: 50px; line-height: 50px; } 
    #navigator .title{ display: none; } 
    #navigator ul{ list-style: none;position: relative;z-index: 1; text-align: center;} 
    #navigator > ul > li{ display: inline-block; margin:0px 10px 0 10px;position: relative} 
    #navigator > ul > li:after{content: ''; position: absolute;right: -10px;top:17px;background: url(images/ayir.png);background-repeat: no-repeat;width:4px;height:14px; }
    #navigator > ul > .lifix:after{content: ''; background: none!important }
    #navigator > ul > li > a{ color: #647087; font-size: 15px; font-family: 'museo_sans_rounded700', sans-serif; text-transform: uppercase; text-align: center; display: block;  border-radius: 30px;padding:0 15px; color:#00a0e6} 
    #navigator > ul > li:hover > a{ box-shadow: 0 0 0 2px #00a0e6;} 
    #navigator ul li > ul, 
    #navigator ul li li > ul, 
    #navigator ul li li li > ul, 
    #navigator ul li li li li> ul, 
    #navigator ul li li li li li > ul{ display: none; } 
    #navigator ul li:hover > ul, 
    #navigator ul li li:hover > ul, 
    #navigator ul li li li:hover > ul, 
    #navigator ul li li li li:hover > ul, 
    #navigator ul li li li li li:hover > ul{ text-align: left; position: absolute;top:56px; z-index: 10; width: 200px; line-height: 20px; display: block; background: #00a0e6; border-radius: 20px; } 
    #menu ul ul li ul{ top: 0px; left: 200px; min-height: 100%; border-left: 1px solid #f5f5f5; } 
     #navigator ul li > ul:after{position: absolute;top:-15px;left:0px;background: url(images/acilir.png);background-repeat: no-repeat; background-position: left 45px top; width: 150px;height: 16px;content: '';z-index: 10;}
    #menu ul ul li{ /*position: relative;*/ border-top: 1px dashed #24b1ef; } 
    #menu ul ul li a{ color: #fff; font-size: 14px;  display: block; padding: 12px 30px;  } 
    #menu ul ul li:first-child{border-top:0; border-radius: 20px 20px 0 0;}
    #menu ul ul li:last-child{border-top:0; border-radius: 0 0 20px 20px ;}
    #menu ul ul li:hover > a{ }    
    #menu ul ul li:hover {background: #24b1ef } 
    #menu ul ul li li:hover > a{} 
    #menu ul ul li li li:hover > a{} 
    #menu ul ul li li li li:hover > a{} 
    #menu ul ul li li li li li:hover > a{} 
   
}

@media handheld, screen and (max-width: 640px)
{
    /* [ Open/Close =====================================*/ /* ==================================================*/ 
    .abrir_menu{ display: block; } 
    .abrir_menu span{ color: #fefefe; font-size: 20px;  text-align: right; position: absolute; z-index: 99; top: -50px; right: 10px; width: 50%; height: 50px; line-height: 50px; margin: 0 auto; display: block; cursor: pointer; } 
    #navigator ul li .mb_arama{display: block!important;border:none;border-bottom:2px solid rgba(255,255,255,0.2);height:30px;width:100%;padding:15px 0 15px 20px;display: inline-block;margin:0px auto;background: rgba(255,255,255,0.1);color:#fff;font-size:14px} 
    #navigator ul li .arama_ac{display: none!important} 
    #navigator ul li .mb_arama::-webkit-input-placeholder { color: #fff; }
    #navigator ul li .mb_arama:-moz-placeholder { /* Firefox 18- */ color: #fff; } 
    #navigator ul li .mb_arama::-moz-placeholder { /* Firefox 19+ */ color: #fff; } 
    #navigator ul li .mb_arama:-ms-input-placeholder { color: #fff; } 
    .open > .abrir_menu{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: block; background: rgba(0,0,0,0.6);z-index: 2; } 
    .open > .abrir_menu span{ opacity: 0.1 !important; }
    .menu_aberto{ position: fixed; z-index: 99; top: 0; left: -300px; width: 300px; height: 100%; overflow-x: hidden; overflow-y: scroll; background: #7b98a5; transition: 0.3s; box-shadow: -4px 0 15px 0px #373435; -webkit-box-shadow: -4px 0 15px 0px #373435; -moz-box-shadow: -4px 0 15px 0px #373435; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; } 
    .open > .menu_aberto{ left: 0; 
    } 
    /* Open/Close ] =====================================*/ /* ==================================================*/ /* 
    [ Menu ===========================================*/ /* ==================================================*/ 
    #navigator .title{   height: 40px;  display: block; padding: 10px 20px; border-bottom: 1px solid rgba(0,0,0,0.045); background: #fff;  } 
    #navigator ul .title div{ color: #7b98a5; font-size: 12px; display: inline-block!important; padding: 10px!important; border-top: none!important; border-bottom: none!important; cursor: pointer} 
    #navigator ul li > ul,
    #navigator ul li li > ul,
    #navigator ul li li li > ul,
    #navigator ul li li li li > ul, 
    #navigator ul li li li li li > ul{ position: relative; width: 100%; height: 100%; top: 0; left: 0; margin: 0; padding: 0; border: none; background: rgba(0,0,0,0.1); box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; } 
    #navigator ul li{ float: none; display: block; } 
    #navigator ul li a{ color: #fff; font-size: 14px; display: block; padding: 20px; border-top: 1px solid rgba(255,255,255,0.045) !important; border-bottom: 1px solid rgba(0,0,0,0.045) !important; } 
    #navigator > ul > li:hover > a{ color: #7b98a5; background: #fff; } 
    /* Styles (Links/Hover/Ativo Sub Menu) ==============*/ /* ==================================================*/ 
    #navigator > ul > li > .parent, 
    #navigator > ul > li:hover > .parent, 
    #navigator > ul > li.hover > .parent, 
    #navigator ul li li > .parent, 
    #navigator ul li li:hover > .parent, 
    #navigator ul li li.hover > .parent{ background-repeat: no-repeat; background-position: 260px center; }
    #navigator > ul > li > .parent, #navigator > ul > li:hover > .parent{ color: #fff; background-color: inherit; background-image: url(); } 
    #navigator > ul > li > .parent:after{content: '\00BB';position: absolute;right:20px;-ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ transform: rotate(90deg);} 
    #navigator > ul > li.hover > .parent{ color: #7b98a5; background-color: #fff; background-image: url(); }
    /* Styles (Links/Hover/Ativo Sub>Sub Menu) ==========*/ /* ==================================================*/ 
    #navigator ul li li a{ color: #e1eff9; font-size: 12px; } 
    #navigator ul li li > .parent, 
    #navigator ul li li:hover > .parent{ color: #606060; background-color: inherit; background-image: url(); }
    #navigator ul li li > .parent:after{content: '\00BB';position: absolute;right:20px;-ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ transform: rotate(90deg);} 
    #navigator ul li li.hover > .parent{ color: #aaa; background-color: rgba(0,0,0,0.1); background-image: url(); } 
    .nav ul{ display: none; left: -9999px; } 
    .nav li.hover > ul, 
    .nav li li.hover > ul, 
    .nav li li li.hover > ul, 
    .nav li li li li.hover > ul, 
    .nav li li li li li.hover > ul, 
    .nav li li li li li li.hover > ul{ position: static !important; display: block !important; } 
    /* Menu ] ===========================================*/ /* ==================================================*/ 
} 
@media handheld, screen and (max-width: 480px)
{ 
    .open > .menu_aberto{ width: 250px; } 
    #menu > ul > li > .parent, #menu > ul > li:hover > .parent, 
    #menu > ul > li.hover > .parent, 
    #menu ul li li > .parent, 
    #menu ul li li:hover > .parent,
    #menu ul li li.hover > .parent{ background-repeat: no-repeat; background-position: 210px center; }
} 
@media handheld, screen and (max-width: 319px)
{
    .open > .menu_aberto{ width: 200px; } 
    #menu > ul > li > .parent, #menu > ul > li:hover > .parent,
    #menu > ul > li.hover > .parent, 
    #menu ul li li > .parent, 
    #menu ul li li:hover > .parent,
    #menu ul li li.hover > .parent{ background-repeat: no-repeat; background-position: 150px center; }
}



.genel_kapsa{position: relative;}
.bebe_orta{overflow: hidden;margin-top:-25px;}
.genel_baslik{font-size:36px;font-family: museo_sans_rounded900;color:#009fe5;text-shadow:-3px -3px 0 #e5f5fc,  3px -3px 0 #e5f5fc,-3px 3px 0 #e5f5fc,3px 3px 0 #e5f5fc;position: relative;margin:70px 0 0 30px;display: inline-block}
.genel_baslik:after{content: '';position: absolute;left:-32px;top:-90px;background: url(images/ip_sol.png);background-repeat: no-repeat;width:48px;height: 90px;background-position: bottom;}
.genel_baslik:before{content: '';position: absolute;right:-32px;top:-90px;background: url(images/ip_sag.png);background-repeat: no-repeat;width:48px;height: 90px;background-position: bottom;}
.genel_aciklama{font-size: 18px;line-height: 35px;margin:30px 0 0 30px;}
.super_bebek{background-image: url(images/super-bebek.jpg);height: 499px; color: #fff;padding:0 9999px 0 20px ;margin-right: -9999px;font-size: 14px;line-height: 25px;}
.orta_baslik {text-align: center;position: relative;width: 100%;height: 50px;}
.orta_baslik .bas_yazi{position: relative;font-size:18px;font-family: museo_sans_rounded700;display: inline-block;}
.orta_baslik .bas_yazi:after{content: '';width: 45px;height:1px;position: absolute;top:8px;left:-55px;background: #7b98a5;}
.orta_baslik .bas_yazi:before{content: '';width: 45px;height:1px;position: absolute;top:8px;right:-55px;background: #7b98a5;}


.urun_cesitleri {background: url(images/bg1.png);background-repeat: repeat;text-align: center;padding-bottom: 100px;}
.urun_cesitleri .b_ortala .genel_baslik{margin-top:90px;}
.orta_bolums .b_ortala {text-align: center}
.urun_cesitleri .cesit_kutu{overflow: hidden;border-radius: 30px;position: relative;border:5px solid #e5f5fc;margin-top: 20px;height: 350px;}
.urun_cesitleri .cesit_kutu .cesit_baslik{position: absolute;bottom:0;left:0;background: #009fe5;width: 100%;height: 65px;font-size:20px;color: #fff;}
.urun_cesitleri .cesit_kutu .cesit_baslik span{border-top:1px dashed rgba(255,255,255,0.6);border-bottom:1px dashed rgba(255,255,255,0.6);display: block;margin-top:10px;padding:10px 0;font-family: museo_sans_rounded700;}
.cesit_link {display:none;position: absolute;top:0;left:0;background: rgba(176, 206, 0, 0.5);height: 100%;width: 100%;}
.urun_cesitleri .cesit_kutu:hover {border:5px solid #f7fae5}
.cesit_kutu:hover .cesit_link{display: block;}
.urun_cesitleri .cesit_kutu:hover .cesit_baslik{background: #b0ce00;}
.cesit_link ul{padding:0 20px 20px 20px;text-align: left;margin-top:20px}
.cesit_link ul li{}
.cesit_link ul li a{font-family: museo_sans_rounded700;display:block;padding:15px 0;font-size:16px;color:#fff;position: relative;-o-transition:.5s; -ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;border-radius: 30px}
.cesit_link ul li a:hover{color:#009fe5;padding-left:20px;background: rgba(255,255,255,0.8) }
.cesit_link ul li a.aktiff{color:#009fe5;padding-left:20px; }
.cesit_link ul li a.aktiff:after{content:'\f105';font-family: FontAwesome;position: absolute;left:10px;}
.cesit_link ul li a:after{content:'\f105';font-family: FontAwesome;position: absolute;right:0;}
.cesit_link ul li:hover  a:after{content:'\f105';font-family: FontAwesome;position: absolute;left:10px;}

.makaleler {background: url(images/bg2.png);background-repeat: repeat;text-align: center;padding-bottom: 100px;overflow: hidden}
.makaleler .makaleler_kutu{border-radius: 30px;height: 300px;background: #fff;position: relative;margin-top: 20px;}
.makaleler .makaleler_kutu:hover{box-shadow: 0px 4px 0px #b0ce00}
.makaleler .makaleler_kutu .res_kaps{overflow: hidden;border-radius: 30px 30px 0 0;}
.makaleler .makaleler_kutu .mak_baslik{font-size:16px;padding: 10px;}
.makaleler .makaleler_kutu .mak_baslik .mak_devam{width: 100px;height: 40px;line-height: 40px;font-size:14px;border-radius: 30px; position: absolute;bottom:-20px;left:1px;right: 1px;margin:0 auto;background: #009fe5;color:#fff;}
.makaleler .makaleler_kutu:hover .mak_devam{background:#b0ce00 }
.instagram_wdgt{position: relative;width: auto;height: auto;}
.opak{opacity: 0.8;background: #f1f1f1}
.kamufle{background: #F3F3F3;position: absolute;bottom:0;right: 0px;width:200px;height: 21px;z-index: 1;}
.sosyal_aglar{background: #fff;position: absolute;top:40%;left:1px;right: 1px;margin: 0 auto;width: 400px;height: 100px;padding: 5px; z-index: 2;-webkit-box-shadow: 0px 0px 22px -4px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 22px -4px rgba(0,0,0,0.3);
box-shadow: 0px 0px 22px -4px rgba(0,0,0,0.3);}
.sosyal_aglar .sos_baslik{font-family: museo_sans_rounded900;text-align: center;margin-bottom: 15px;}
.sosyal_aglar ul li{display: inline-block;text-align: center;width: 24%;border-right: 1px solid #ebf0f2;line-height: 16px}
.sosyal_aglar ul li:last-child{border-right: 0;}
.sosyal_aglar ul li a{color:inherit;font-family: museo_sans_rounded700;}
.sosyal_aglar .facebook{color:#3b5998}
.sosyal_aglar .twitter{color:#55acee}
.sosyal_aglar .instagram{color:#405de6}
.sosyal_aglar .googleplus{color:#dd4b39}

.footer {
    background: #fff;
    margin-top:50px;
    font-family: museo_sans_rounded300;
}
.fff{border-top:1px solid #e5eaed}
.footer_yazi{line-height: 26px;margin-top:20px;font-size:12px;width: 80%;}
.footer_yazi strong{font-family: museo_sans_rounded900;}
.footer .footer_title {
    font-size: 12px!important;
    font-family: museo_sans_rounded900;
    padding-bottom: 10px
}

.footer .footer_content {
    font-size: 12px;
    margin: 20px 0 20px 0;
}

.footer .footer_content li {
    font-size: 12px;
    margin-bottom: 7px;
}
.adress{line-height: 36px;font-size:12px;margin-top:-20px}
.footer .footer_content li a:hover{color:#009fe5;}
.sosag{margin:10px 5px 0 0}

.footer_content li img{vertical-align: middle}

.copyright {
    padding-top: 20px;
    border-top: 1px solid #ebebeb
}

.copyright_left {
    font-size: 12px;
    padding-top: 10px;
}

.copyright_left strong {
    font-family: museo_sans_rounded900;
}

.kodanka {
    text-align: right;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
    margin-bottom: 10px
}

.kodanka:hover {
    text-align: right;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.menu_golge{-webkit-box-shadow: 0px 3px 4px 0px rgba(179,179,179,0.2);
-moz-box-shadow: 0px 3px 4px 0px rgba(179,179,179,0.2);
box-shadow: 0px 3px 4px 0px rgba(179,179,179,0.2);}
/* ALTSAYFALAR */
.orta_bolum{margin-bottom:50px;}
.orta_bolum .row{margin:0;padding: 0;}
#adres-cubugu {height:20px;margin:15px 0 10px 0px;}
	#adres-cubugu li{float:left;color:#7b98a5;}		
		#adres-cubugu li a{color:#7b98a5;font-size: 10px;}
		#adres-cubugu .divideri {margin:1px 10px 0 10px;}
		#adres-cubugu .aktif {font-family: museo_sans_rounded700;color:#7b98a5}

.orta_bolums{background: url(images/kur_bg.jpg);background-repeat: no-repeat;background-position: center top; margin-bottom:50px;}
.orta_bolums .row{margin:0;padding: 0;}
.orta_bolums .wrap{width: 940px;}

.mv_kutu{margin-top:50px!important;}
.kr_bas{font-size:30px;font-family: museo_sans_rounded900;}
.kr_bas .fa{font-size:40px;padding-top:5px;color:#dde3e6;margin-right:10px;}
.kurumsal_yazi{font-size: 18px;line-height: 40px;text-align: left;margin-top:50px}
.kurumsal_yazi2{font-size: 16px;line-height: 30px;text-align: left;margin-top:50px}
.mv_yazi{font-size: 18px;line-height: 40px;text-align: left;margin-top:10px}

.mrenk{color:#00a0e6}
.yan_mn {margin-top:15px;}
.yan_mn .yan_mn_bslk{border-bottom:1px solid #dfdfdf;font-family: museo_sans_rounded700;font-size:16px;height: 50px;line-height: 50px;color:#00a0e6}
.yan_mn li{border-bottom:1px solid #f5f5f5;padding:5px 0 5px 0;}
.yan_mn li .yan_mn_lnk{color:#7b98a5;height: 30px;line-height: 35px; display: block;-o-transition:.5s; -ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;padding-left:0px;text-transform: uppercase}
.yan_mn li .yan_mn_lnk:hover{border-left:2px solid #7b98a5;padding-left:10px;color:#7b98a5;}
.yan_mn li .yan_mn_lnk.aktif{border-left:2px solid #7b98a5;padding-left:10px;color:#7b98a5;}

.sag_icerik {line-height: 24px;}
.sag_bslk{border-bottom:1px solid #dfdfdf;font-family: museo_sans_rounded700;font-size:16px;height: 50px;line-height: 40px;margin: 25px 0 25px 0;color:#00a0e6}
.yan_mn_bslk .yan_mn_mini{font-size:10px;font-family: pt_sansregular;}
.sag_icerik strong{font-family: museo_sans_rounded700;margin-bottom:10px;display: block}
.sag_icerik .row{margin: 20px 0 20px 0;}
.nomargin{margin: 0!important;}
.sabit_boyut{height: 250px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #7b98a5!important; }
.mCSB_scrollTools .mCSB_draggerRail{ background-color: #cfcfcf!important; } 

.mobile_menu {display: none; } 
.mobile_menu .sag_baslik{margin-bottom:0;}
.mobile_menu .yan_mn_mini{font-size:10px;font-family: pt_sansregular;font-style: normal}
.mobile_menu span { padding : 10px; background : #7b98a5;  color : #fff; font-size : 16px; font-variant : small-caps; cursor : pointer; display: block; } 
.mobile_menu span::after { float: right; right: 10%; content: "+"; } 
.mobile_menu .slide { clear:both; width:100%; height:0px; overflow: hidden;  transition: height .4s ease; } 
.mobile_menu .slide li {border-bottom:1px solid #f5f5f5;padding:5px 0 5px 0;} 
.mobile_menu .slide li a {color:#7b98a5;height: 30px;line-height: 35px; display: block;-o-transition:.5s; -ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;padding-left:0px;} 
.mobile_menu .slide li a:hover{border-left:2px solid #7b98a5;padding-left:10px;color:#7b98a5;}
.mobile_menu #touch {position: absolute; opacity: 0; height: 0px;} 
.mobile_menu #touch:checked + .slide {height: 300px;} 

.katres{margin-bottom:20px;}
.img-inner-shadow {position: relative;}
.img-inner-shadow .layer {position:absolute;top:0px;right:0px;bottom:0px;left:0px}
.img-inner-shadow:hover .layer { box-shadow:inset 0px 0px 120px rgba(0, 0, 0, 0.5); -moz-box-shadow:inset 0px 0px 120px rgba(0, 0, 0, 0.5); -webkit-box-shadow:inset 0px 0px 120px rgba(0, 0, 0, 0.5) } 
.img-inner-shadow .layer { transition:all 0.6s ease-in-out; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; }
.img-inner-shadow:hover .layer { transition:all 0.6s ease-in-out; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; }

.gk_hvr{margin-top:50px;padding:35px;border-radius: 10px}
.gk_hvr:hover{box-shadow: inset 0 0 0 3px rgba(247, 248, 250, 1);padding:35px;}
.gk_hvr_a{box-shadow: inset 0 0 0 3px rgba(247, 248, 250, 1);}
.gk_hvr h2{font-size:18px;font-family: museo_sans_rounded700;margin:0 0 30px 10px;}

.input_stil { position:relative; width: 100%;margin:0 0 30px 0px;} 
.gk_hvr .row .input_stil { position:relative; width: 100%;margin:0 0 30px 0px; } 
.input_stil input { font-size:14px;background: #f7f8fa;width: 100%; height: 50px;  border:none; border-bottom:1px solid #f4f4f4; display: inline-block}
.input_stil input:focus { outline:none;border-bottom:1px solid #7b98a5; } 
.input_stil textarea { font-size:14px;background: #f7f8fa;width: 100%; height: 100px;  border:none; border-bottom:1px solid #f4f4f4; display: inline-block}
.input_stil textarea:focus { outline:none;border-bottom:1px solid #7b98a5; } 
.input_stil select { -webkit-appearance:none;appearance:none;font-size:14px;background: #f7f8fa;width: 100%; height: 53px;  border:none; border-bottom:1px solid #f4f4f4;border-radius: 0 }
.input_stil select:focus { outline:none;border-bottom:1px solid #7b98a5; } 
.input_stil label { color:#7b98a5; font-family: museo_sans_rounded700;font-size:14px; font-weight:normal; position:absolute; pointer-events:none;  left:10px; top:17px; transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all; }
.input_stil input:focus ~ label, .input_stil input:valid ~ label { top:-20px; font-size:12px; color:#7b98a5 ;font-family: museo_sans_rounded700;}
.select_stil{position: relative;}
.select_stil:before{content: '\f0d7';font-family: FontAwesome; position:absolute;right:10px;top:15px;color:#7b98a5;font-size: 16px;}

.i_stil{font-family: museo_sans_rounded700;font-size: 11px;line-height: 50px;}
@-webkit-keyframes click-wave { 0% { height: 40px; width: 40px; opacity: 0.35; position: relative; } 100% { height: 200px; width: 200px; margin-left: -80px; margin-top: -80px; opacity: 0; } } @-moz-keyframes click-wave { 0% { height: 40px; width: 40px; opacity: 0.35; position: relative; } 100% { height: 200px; width: 200px; margin-left: -80px; margin-top: -80px; opacity: 0; } } @keyframes click-wave { 0% { height: 40px; width: 40px; opacity: 0.35; position: relative; } 100% { height: 200px; width: 200px; margin-left: -80px; margin-top: -80px; opacity: 0; } }
.option-input {float:left; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; position: relative; top: 0px; right: 0; bottom: 0; left: 0; height: 40px; width: 40px; -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; background: #cbd1d8; border: none; color: #fff; cursor: pointer; display: inline-block; margin-right: 0.5rem; outline: none; position: relative; z-index: 2; } 
.option-input:hover { background: #9faab7; } 
.option-input:checked { background: #7b98a5; } 
.option-input:checked::before { height: 40px; width: 40px; position: absolute; content: '\f00c'; display: inline-block; font-size: 26.66667px; text-align: center; line-height: 40px;font-family: FontAwesome; } 
.option-input:checked::after { -webkit-animation: click-wave 0.65s; -moz-animation: click-wave 0.65s; animation: click-wave 0.65s; background: #7b98a5; content: ''; display: block; position: relative; z-index: 100; } 
.option-input.radio { border-radius: 50%; } 
.option-input.radio::after { border-radius: 50%; } 

.a_btn{display: inline-block;width: 98%; height: 50px;line-height: 53px; border:3px solid #7b98a5;font-family:museo_sans_rounded700;font-size: 16px;border-radius: 5px;}

.ya_btn{display: inline-block;width: 98%; height: 50px;line-height: 53px; border:3px solid #b0ce00;background: #b0ce00 ;font-family:museo_sans_rounded700;font-size: 16px;border-radius: 5px;text-align: center;color:#fff;}
.ma_btn{display: inline-block;width: 98%; height: 50px;line-height: 53px; border:3px solid #009fe5;background: #009fe5 ;font-family:museo_sans_rounded700;font-size: 16px;border-radius: 5px;text-align: center;color:#fff;}

 .ya_btn , .ma_btn{ -webkit-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -moz-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -ms-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -o-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); }
 a.ya_btn:hover {color: #b0ce00;background: none;}
 a.ma_btn:hover {color: #009fe5;background: none;}

 .a_btn{ -webkit-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -moz-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -ms-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -o-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); }

 a.a_btn {text-align: center;color: #7b98a5 ;box-shadow: #7b98a5 0 0px 0px 1px inset;}
 a.a_btn:hover {color: #fff;box-shadow: #7b98a5 0 0px 0px 40px inset;}

.sfr_unt{text-align: right;}
.g_btn{font-family: museo_sans_rounded700;font-size: 11px;display: inline-block;line-height: 50px;}
.fg_btn{margin-top:20px!important;}
.f_btn{color:#3B5998!important;border-color:#3B5998;box-shadow: #3B5998 0 0px 0px 1px inset!important;}
.f_btn:hover{color:#fff!important;box-shadow: #3B5998 0 0px 0px 40px inset!important;}

.urun_list{margin-bottom:30px!important;}
.urun_list .urunler{position: relative;border:1px solid #e3ebef; text-align: center;padding-top:1px;border-radius: 10px;height: 300px}
.urun_list .urunler:hover{box-shadow: 0px 4px 0px #b0ce00}
.urun_list .urunler .urunler_res_kapsa{height: 180px;overflow: hidden;border-radius: 10px 10px 0 0}
.urun_list .indirim_urun{background: #e62c2c;color:#fff;display: inline-block;padding:0 5px;position: absolute;top:0;left:0;z-index: 2;font-size:9px;border-radius: 10px 0 0 0}
.urun_list .editor_urun{background: #7b98a5;color:#fff;display: inline-block;padding:0 5px;position: absolute;top:0;left:0;z-index: 2;font-size:9px;}
.urun_list .urun_alt_bolum{display: block}
.urun_list .urun_ad{font-family: museo_sans_rounded700;text-transform: uppercase;margin-bottom:-5px;width: 80%;margin:10px auto;}
.urun_list .urun_aciklama{text-transform: capitalize;font-size:12px;color:#aaaaaf}
.urun_list .urun_fiyat_k{display: block;margin-top:10px;}
.urun_list .urun_fiyat{font-family: museo_sans_rounded900;font-size: 24px;}
.urun_list .urun_ind_fiyat{font-size: 12px;color:#e62c2c;text-decoration:line-through}
.urun_list .urun_incele{display: none;width: 120px;height: 40px;line-height: 40px;font-size:14px;border-radius: 30px; position: absolute;bottom:-20px;left:1px;right: 1px;margin:0 auto;background: #b0ce00;color:#fff;}
.alt_butonlar{margin-top:10px;display:inline-block;margin-right: 10px;}

.son_urun_list .urunler{position: relative;border:1px solid #e3ebef; text-align: center;padding-top:1px;border-radius: 10px;height: 300px}
.son_urun_list .urunler:hover{box-shadow: 0px 4px 0px #b0ce00}
.son_urun_list  .urunler_res_kapsa{height: 180px;overflow: hidden;border-radius: 10px 10px 0 0}
.son_urun_list  .urunler_res_kapsa img{border-radius: 10px 10px 0 0}
.son_urun_list .indirim_urun{background: #e62c2c;color:#fff;display: inline-block;padding:0 5px;position: absolute;top:0;left:0;z-index: 2;font-size:9px;border-radius: 10px 0 0 0}
.son_urun_list .editor_urun{background: #7b98a5;color:#fff;display: inline-block;padding:0 5px;position: absolute;top:0;left:0;z-index: 2;font-size:9px;}
.son_urun_list .urun_alt_bolum{display: block}
.son_urun_list .urun_ad{font-family: museo_sans_rounded700;text-transform: uppercase;margin-bottom:-5px;width: 80%;margin:10px auto;}
.son_urun_list .urun_aciklama{text-transform: capitalize;font-size:12px;color:#aaaaaf}
.son_urun_list .urun_fiyat_k{display: block;margin-top:10px;}
.son_urun_list .urun_fiyat{font-family: museo_sans_rounded900;font-size: 24px;}
.son_urun_list .urun_ind_fiyat{font-size: 12px;color:#e62c2c;text-decoration:line-through}
.son_urun_list .urun_incele{display: none;width: 100px;height: 40px;line-height: 40px;font-size:14px;border-radius: 30px; position: absolute;bottom:-20px;left:1px;right: 1px;margin:0 auto;background: #b0ce00;color:#fff;}

.alt_baslk{margin:10px 0 30px 0;font-size:20px;font-family: museo_sans_rounded700;}
.alt_baslk strong{font-family: museo_sans_rounded900;font-size:24px;color:#00a0e6}
.filtre{border:1px solid #f2f3f4;height:45px;border-bottom:0;position: relative;}
.dropy { position: relative; float:left; } 
.dropy__title { position: relative; display: block; width: 100%; border-right: 1px solid #f2f3f4; text-decoration: none; font-size: 14px; color: #7b98a5; cursor: pointer; font-family: museo_sans_rounded700; -webkit-transition: border-color 250ms ease-in-out; transition: border-color 250ms ease-in-out; } 
.dropy__title span { display: block; padding: 11px 45px 11px 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 
.dropy__title:hover { box-shadow: inset 0 0 0 1px #7b98a5; color:#7b98a5} 
.dropy__title:after { content: "\f107"; font-family: FontAwesome; position: absolute; right: 1.5rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.dropy__content { position: absolute; top: 0; right: 0; left: 0; } 
.dropy__content ul { z-index: 3; overflow: hidden; position: absolute; top:42px; left: 0; right: 0; padding-top:20px; width: calc(100% + 100px); border-radius: 0.2rem; max-height: 0; opacity: 0; -webkit-transition: opacity 250ms ease-in-out, max-height 250ms ease-in-out; transition: opacity 250ms ease-in-out, max-height 250ms ease-in-out; list-style: none; background: #fff; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05), 0 2px 10px 0 rgba(0, 0, 0, 0.05); } 
.dropy__content ul li:first-child span:hover { border-radius: 0.2rem 0.2rem 0 0; } 
.dropy__content ul li:last-child span { margin-bottom: 1.5rem; } 
.dropy__content ul li:last-child span:hover { border-radius: 0 0 0.2rem 0.2rem; } 
.dropy__content li span{ display: block; padding: 0.5rem 1.1rem; font-size: 14px; color: #7b98a5; font-family: museo_sans_rounded700; text-decoration: none; cursor: pointer; -webkit-transition: background-color 250ms ease-in-out, color 250ms ease-in-out; transition: background-color 250ms ease-in-out, color 250ms ease-in-out; }
.dropy__content li span:hover { color: #666666; background-color: #f7f8fa; } 
.dropy__content .selected { font-weight: 700 !important; color: #e75854; } 
.dropy.open .dropy__content ul { max-height: 30rem; overflow-y: scroll; opacity: 1; }

.filtre_sag{float:right;}
.f_indirim{height: 45px;float:right;margin-right: 20px;line-height: 45px;font-family: museo_sans_rounded700; color:#7b98a5;}
.h_filt{height: 45px;float: right;line-height: 45px;margin-right: 20px;position: relative;}
.h_filt select{ min-width: 150px;font-family: museo_sans_rounded700; color:#7b98a5;-webkit-appearance: none;background: #f7f8fa;height: 35px;border:0;padding: 0 20px 0 15px;}
.h_filt:after { content: "\f0d7"; font-family: FontAwesome; position: absolute; right: 6px; top: 1px; color: #7b98a5; }

.filtre_yap{background: #f7f8fa;height: 45px;margin-bottom:30px;line-height: 45px;color:#7b98a5;font-family: museo_sans_rounded700;}
.filtre_yap .f_bas{}
.filtre_yap .filtre_secim{height: 20px;color:#7b98a5;font-size:12px;transition:color 0.25s ease; position: relative;padding-left:20px;margin-left:10px;}
.filtre_yap .filtre_secim:before{content: '\f05c';font-family: FontAwesome; position:absolute;left:0px;top:-16px;color:#e84848;font-size: 16px;}
.filtre_yap .filtre_secim span{font-size:14px;color:#7b98a5;}
.filtre_yap .filtre_secim:hover{background: #e84848;color:#fff;padding:3px 5px 0px 21px;border-radius: 8px 0  0 8px;font-size:11px;}
.filtre_yap .filtre_secim:hover span{color:#fff;font-size:11px;}
.filtre_yap .filtre_secim:hover:before{color:#fff;top:-14px;}


.sayfalama ul{text-align: right;margin-top:8px;}
.sayfalama ul li{display: inline-block}
.sayfalama ul li a{padding: 6px;color:#bababa;display: inline-block;font-family: museo_sans_rounded700;}
.sayfalama ul li a:hover{color:#7b98a5}
.sayfalama ul li a.aktif{color:#7b98a5}

.m_filtre{display: none;background: #7b98a5;color:#fff;padding: 5px 10px;position: absolute;left:10px;top:10px;}


.overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; background: rgba(0, 0, 0, 0.7); pointer-events: none; opacity: 0; -webkit-transition: opacity .5s; transition: opacity .5s; } 
.overlay.active { opacity: 1; pointer-events: auto; } 
.modal { background-color: #fff;  position: absolute; z-index: 10; top: 50%; height: 540px; margin: -18rem auto; left:1px; right:1px; width: 360px; padding:20px; border-radius: 3px; font-size: 1.5rem; opacity: 0; overflow-y: auto; pointer-events: none; -webkit-transform: scale3d(1.2, 1.2, 1); transform: scale3d(1.2, 1.2, 1); -webkit-transition: opacity .5s, -webkit-transform .5s; transition: opacity .5s, -webkit-transform .5s; transition: opacity .5s, transform .5s; transition: opacity .5s, transform .5s, -webkit-transform .5s; }
.modal_bas{margin-top:20px;}
.modal_bas .mbk{font-family: museo_sans_rounded700;font-size:20px;color:#7b98a5;margin:0 53px 5px 0;display: block}
.modal_bas p{font-size:16px;margin-right:5px}
.modal_icerik{width:250px;font-size:14px;margin:40px auto;margin-bottom:0;}
.modal_icerik .m_btn{font-family: 'museo_sans_rounded700';font-size:14px;display: inline-block;color:#7b98a5;border:2px solid #7b98a5;padding: 10px 18px;margin-top:0px;}
.modal_icerik .m_btn{ -webkit-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -moz-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -ms-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -o-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); }
.modal_icerik a.m_btn {color: #7b98a5 ;box-shadow: #7b98a5 0 0px 0px 1px inset;}
.modal_icerik a.m_btn:hover {color: #fff;box-shadow: #7b98a5 0 0px 0px 40px inset;}
.modal svg { cursor: pointer; position: absolute; display: block; width: 30px; height: 30px; top: 5px; right: 15px; opacity: 0; pointer-events: none; -webkit-transition: opacity .5s, -webkit-transform .45s; transition: opacity .5s, -webkit-transform .45s; transition: opacity .5s, transform .45s; transition: opacity .5s, transform .45s, -webkit-transform .45s; -webkit-transition-delay: .45s; transition-delay: .45s; } 
.modal svg path, .modal svg polygon, 
.modal svg rect { fill: black; } 
.modal.active { pointer-events: auto; opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.modal.active svg { pointer-events: auto; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); opacity: 1; } 

@media only screen and (max-width: 40em) 
{ 
    h1 { font-size: 1.5rem; } 
    .modal { width: 90%; height: 90%; -webkit-overflow-scrolling: touch; margin: 0 auto; top: 10px; left: 0; right:0; border-radius: 0; font-size: 1.313rem; } 
}

.modal_icerik strong{display: block;font-family: museo_sans_rounded700;}
input[type="checkbox"].checkbox { display: none; } 
input[type="checkbox"].checkbox + label { display: inline-block; position: relative; border:2px solid #7b98a5; /*label styling*/ padding: 4px; font-size: 11.844px; font-weight: bold; line-height: 14px; color: #7b98a5; vertical-align: baseline; white-space: nowrap; } 
input[type="checkbox"].checkbox:checked + label { background-color: #e84848; }
input[type="checkbox"].checkbox:disabled + label { opacity: 0.5; }

.modal_icerik .modal_satir{display: block;margin:15px 0 15px 0}
.modal_icerik .modal_satir_flt{display: block;text-align: center; margin:20px 0 10px 0}

.modal_icerik .modal_satir .i_stil{display: block;}

.modal_icerik .i_stil{font-family: museo_sans_rounded700;font-size: 11px;line-height: 30px;display: block}
@-webkit-keyframes click-wave { 0% { height: 20px; width: 20px; opacity: 0.35; position: relative; } 100% { height: 200px; width: 200px; margin-left: -80px; margin-top: -80px; opacity: 0; } } @-moz-keyframes click-wave { 0% { height: 20px; width: 20px; opacity: 0.35; position: relative; } 100% { height: 200px; width: 200px; margin-left: -80px; margin-top: -80px; opacity: 0; } } @keyframes click-wave { 0% { height: 40px; width: 40px; opacity: 0.35; position: relative; } 100% { height: 200px; width: 200px; margin-left: -80px; margin-top: -80px; opacity: 0; } }
.modal_icerik .option-input {float:left; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; position: relative; top: 0px; right: 0; bottom: 0; left: 0; height: 20px; width: 20px; -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; background: #cbd1d8; border: none; color: #fff; cursor: pointer; display: inline-block; margin-right: 0.5rem; outline: none; position: relative; z-index: 2; } 
.modal_icerik .option-input:hover { background: #9faab7; } 
.modal_icerik .option-input:checked { background: #7b98a5; } 
.modal_icerik .option-input:checked::before { height: 20px; width: 20px; position: absolute; content: '\f00c'; display: inline-block; font-size: 13px; text-align: center; line-height: 20px;font-family: FontAwesome; } 
.modal_icerik .option-input:checked::after { -webkit-animation: click-wave 0.65s; -moz-animation: click-wave 0.65s; animation: click-wave 0.65s; background: #7b98a5; content: ''; display: block; position: relative; z-index: 100; } 
.modal_icerik .option-input.radio { border-radius: 50%; } 
.modal_icerik .option-input.radio::after { border-radius: 50%; } 

.id_res{text-align: center;}
.id_list{margin:10px 0 10px 0;border-bottom:1px solid #f7f8fa}
.id_bas{font-family: museo_sans_rounded700;}
.id_ozl{font-size:11px;font-family: museo_sans_rounded700;color:#7b98a5}

.id_secim .h_filt{width: 90%;}
.id_secim .h_filt select{width: 100%;margin-right: 0px;float:none;}

.ind_kupon table { border-spacing: 1; border-collapse: collapse;   overflow: hidden;  width: 100%; margin: 0 auto; position: relative; } 
.ind_kupon table * { position: relative; } 
.ind_kupon table td, table th { padding-left: 8px; } 
.ind_kupon table thead tr { height: 40px; font-family: museo_sans_rounded700;color:#7b98a5; font-size: 12px;border-bottom: 1px solid #f7f8fa; } 
.ind_kupon table tbody tr { height: 48px; border-bottom: 1px solid #f7f8fa; } 
.ind_kupon table tbody tr:last-child { border: 0; } 
.ind_kupon table td, table th { text-align: left; } 
.ind_kupon table td.l, table th.l { text-align: right; } 
.ind_kupon table td.c, table th.c { text-align: center; } 
.ind_kupon table td.r, table th.r { text-align: center; } 
@media screen and (max-width: 35.5em) { 
    .ind_kupon table { display: block; } 
    .ind_kupon table > *, table tr, table td, table th { display: block; } 
    .ind_kupon table thead { display: none; } 
    .ind_kupon table tbody tr { height: auto; padding: 8px 0; } 
    .ind_kupon table tbody tr td { padding-left: 45%; margin-bottom: 12px; } 
    .ind_kupon table tbody tr td:last-child { margin-bottom: 0; } 
    .ind_kupon table tbody tr td:before { position: absolute; font-weight: 700; width: 40%; left: 10px; top: 0; } 
    .ind_kupon table tbody tr td:nth-child(1):before { content: "KUPON NO";font-family: museo_sans_rounded700;color:#7b98a5;font-size:12px; } 
    .ind_kupon table tbody tr td:nth-child(2):before { content: "KUPON ADI";font-family: museo_sans_rounded700;color:#7b98a5;font-size:12px;  } 
    .ind_kupon table tbody tr td:nth-child(3):before { content: "GEÇERLİLİK TARİHİ";font-family: museo_sans_rounded700;color:#7b98a5;font-size:12px;  } 
    .ind_kupon table tbody tr td:nth-child(4):before { content: "KULLANMA TARİHİ";font-family: museo_sans_rounded700;color:#7b98a5;font-size:12px;  } 
    .ind_kupon table tbody tr td:nth-child(5):before { content: "DURUM";font-family: museo_sans_rounded700;color:#7b98a5;font-size:12px;  } 
} 
@media screen and (max-width: 35.5em) { 
    .sip_liste table { display: block; } 
    .sip_liste table > *, table tr, table td, table th { display: block; } 
    .ind_kupon table thead { display: none; } 
    .sip_liste table tbody tr { height: auto; padding: 8px 0; } 
    .sip_liste table tbody tr td { padding-left: 45%; margin-bottom: 12px; } 
    .sip_liste table tbody tr td:last-child { margin-bottom: 0; } 
    .sip_liste table tbody tr td:before { position: absolute; font-weight: 700; width: 40%; left: 10px; top: 0; } 
    .sip_liste table tbody tr td:nth-child(1):before { content: "TARİH";font-family: museo_sans_rounded700;color:#7b98a5;font-size:12px; } 
    .sip_liste table tbody tr td:nth-child(2):before { content: "SİPARİŞ NO";font-family: museo_sans_rounded700;color:#7b98a5;font-size:12px;  } 
    .sip_liste table tbody tr td:nth-child(3):before { content: "FİYAT";font-family: museo_sans_rounded700;color:#7b98a5;font-size:12px;  } 
    .sip_liste table tbody .sip_ac {  } 
    .sip_liste table tbody .sip_ac td { padding-left: 0%; margin-bottom: 12px; } 
    .sip_liste table tbody .sip_ac td:last-child { margin-bottom: 0; } 
    .sip_liste table tbody .sip_ac td:before { position: absolute; font-weight: 700; width: 100%; left: 10px; top: 0; } 
    .sip_liste table tbody .sip_ac td:nth-child(1):before { content: "";font-family: museo_sans_rounded700;color:#7b98a5;font-size:12px; } 
} 

.beden_bilis table { border-spacing: 1; border-collapse: collapse;   overflow: hidden;  width: 100%; margin: 0 auto; position: relative; } 
.beden_bilis table * { position: relative; } 
.beden_bilis table td, table th { padding-left: 8px; } 
.beden_bilis table thead tr { height: 40px; font-family: museo_sans_rounded700;color:#7b98a5; font-size: 12px;border-bottom: 1px solid #f7f8fa; } 
.beden_bilis table tbody tr { height: 48px; border-bottom: 1px solid #f7f8fa; } 
.beden_bilis table tbody tr:last-child { border: 0; } 
.beden_bilis table td, table th { text-align: left; } 
.beden_bilis table td.l, table th.l { text-align: right; } 
.beden_bilis table td.c, table th.c { text-align: center; } 
.beden_bilis table td.r, table th.r { text-align: center; } 

@media screen and (max-width: 35.5em) { 
    .beden_bilis table { display: block; } 
    .beden_bilis table > *, table tr, table td, table th { display: block; } 
    .beden_bilis table thead { display: none; } 
    .beden_bilis table tbody tr { height: auto; padding: 8px 0; } 
    .beden_bilis table tbody tr td { padding-left: 45%; margin-bottom: 12px; } 
    .beden_bilis table tbody tr td:last-child { margin-bottom: 0; } 
    .beden_bilis table tbody tr td:before { position: absolute; font-weight: 700; width: 40%; left: 10px; top: 0; } 
    .beden_bilis table tbody tr td:nth-child(1):before { content: "Ölçü Tanımı";font-family: museo_sans_rounded700;color:#7b98a5;font-size:12px; } 
    .beden_bilis table tbody tr td:nth-child(2):before { content: "M";font-family: museo_sans_rounded700;color:#7b98a5;font-size:12px;  } 
    .beden_bilis table tbody tr td:nth-child(3):before { content: "L";font-family: museo_sans_rounded700;color:#7b98a5;font-size:12px;  } 
    .beden_bilis table tbody tr td:nth-child(4):before { content: "XL";font-family: museo_sans_rounded700;color:#7b98a5;font-size:12px;  } 
    .beden_bilis table tbody tr td:nth-child(5):before { content: "2XL";font-family: museo_sans_rounded700;color:#7b98a5;font-size:12px;  } 
} 

@media screen and (max-width: 35.5em) { 
    .ind_kupon table { display: block; } 
    .ind_kupon table > *, table tr, table td, table th { display: block; } 
    .ind_kupon table thead { display: none; } 
    .ind_kupon table tbody tr { height: auto; padding: 8px 0; } 
    .ind_kupon table tbody tr td { padding-left: 45%; margin-bottom: 12px; } 
    .ind_kupon table tbody tr td:last-child { margin-bottom: 0; } 
    .ind_kupon table tbody tr td:before { position: absolute; font-weight: 700; width: 40%; left: 10px; top: 0; } 
    .ind_kupon table tbody tr td:nth-child(1):before { content: "KUPON NO";font-family: museo_sans_rounded700;color:#7b98a5;font-size:12px; } 
    .ind_kupon table tbody tr td:nth-child(2):before { content: "KUPON ADI";font-family: museo_sans_rounded700;color:#7b98a5;font-size:12px;  } 
    .ind_kupon table tbody tr td:nth-child(3):before { content: "GEÇERLİLİK TARİHİ";font-family: museo_sans_rounded700;color:#7b98a5;font-size:12px;  } 
    .ind_kupon table tbody tr td:nth-child(4):before { content: "KULLANMA TARİHİ";font-family: museo_sans_rounded700;color:#7b98a5;font-size:12px;  } 
    .ind_kupon table tbody tr td:nth-child(5):before { content: "DURUM";font-family: museo_sans_rounded700;color:#7b98a5;font-size:12px;  } 
} 

.ind_kupon .a_btn{display: inline-block;width: 90%; height: 30px;line-height: 33px; border:3px solid #dc1e1e;font-family:museo_sans_rounded700;font-size: 12px;color:#dc1e1e;position: relative;box-shadow: #dc1e1e 0 0px 0px 1px inset;}
.ind_kupon .a_btn:hover {color: #fff;box-shadow: #dc1e1e 0 0px 0px 40px inset;}
.ind_kupon .a_btn:before{content: '\f0da';font-family: FontAwesome; position:absolute;right:10px;top:-2px;font-size: 16px;}

.sip_secim .a_btn{display: inline-block;width: 90%; height: 30px;line-height: 33px;margin-top:5px; border:3px solid #009fe5;font-family:museo_sans_rounded700;font-size: 12px;color:#009fe5;position: relative;box-shadow: #009fe5 0 0px 0px 1px inset;}
.sip_secim .a_btn:hover {color: #fff;box-shadow: #009fe5 0 0px 0px 40px inset;}
.sip_secim .a_btn:before{content: '\f0da';font-family: FontAwesome; position:absolute;right:10px;top:-2px;font-size: 16px;}

.faq {margin-bottom:-20px;}
.faq .row { padding: 25px 10px 25px 20px; border-bottom: 1px solid #f7f8fa; cursor: pointer; }
.faq-Q { margin: 0; color: #7b98a5; position: relative;font-family: museo_sans_rounded700; } 
.faq-Q:before { position: absolute; top: 10px; width: 10px; height: 2px; content: ''; transition: all 0.3s ease; right: 21px; transform: rotate(45deg); background: #7b98a5; } 
.faq-Q:after { position: absolute; top: 10px; width: 10px; height: 2px; content: ''; transition: all 0.3s ease; right: 15px; transform: rotate(-45deg); background: #7b98a5; } 
.faq-D { height: 0; overflow: hidden; transition: all 0.3s ease; opacity: 0; } 
.faqOpen { background: rgba(0,0,0,0.05); } 
.faqOpen .row { border: 0; } 
.faqOpen .faq-D { margin-top: 15px; height: inherit; opacity: 1; } 
.faqOpen .faq-Q:before { position: absolute; top: 10px; width: 16px; height: 2px; content: ''; right: 15px; transform: rotate(45deg); background: #7b98a5; } 
.faqOpen .faq-Q:after { position: absolute; top: 10px; width: 16px; height: 2px; content: ''; right: 15px; transform: rotate(-45deg); background: #7b98a5; } 
.press { margin: 50px 0 20px; }

.sip_list {font-size:12px;padding:10px 0 10px 0}
.sip_list p{color:#7b98a5}
.sip_detay{font-family: museo_sans_rounded700;}

.sip_acilir{border:20px solid #dfebf0;padding: 15px!important;font-family: museo_sans_rounded300}
.sip_nerede{color:#009fe5}
.sip_secim{padding-top:40px;}
.sip_acilir .row{border-bottom:1px solid #f7f8fa;padding-bottom: 15px;}

.tes_fat_adres{color:#7b98a5;}
.tes_fat_adres strong{display: inline-block;color:#7b98a5}
.tf_bas{font-size:16px;}

.genel_modal { background-color: #fff;   position: absolute; z-index: 10; top: 50%; min-height: 200px; height: 480px; max-height: auto; margin: -18rem auto; left:1px; right:1px; width:60%; padding:40px; border-radius: 3px; font-size: 1.5rem; opacity: 0; overflow-y: auto; pointer-events: none; -webkit-transform: scale3d(1.2, 1.2, 1); transform: scale3d(1.2, 1.2, 1); -webkit-transition: opacity .5s, -webkit-transform .5s; transition: opacity .5s, -webkit-transform .5s; transition: opacity .5s, transform .5s; transition: opacity .5s, transform .5s, -webkit-transform .5s; }
.genel_modal .modal_bas{padding:0px 0 10px 0 ;margin-top:0px;border-bottom:1px solid #7b98a5;}
.genel_modal .modal_bas .mbk{font-family: museo_sans_rounded700;font-size:20px;color:#7b98a5;margin:0 53px 5px 0;display: block}
.genel_modal .modal_bas p{font-size:16px;margin-right:5px}
.genel_modal .modal_icerik{width:100%;font-size:14px;margin:40px auto;margin-bottom:0;}
.genel_modal .modal_icerik .m_btn{font-family: 'museo_sans_rounded700';font-size:14px;display: inline-block;color:#7b98a5;border:2px solid #7b98a5;padding: 10px 18px;margin-top:0px;}
.genel_modal .modal_icerik .m_btn{ -webkit-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -moz-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -ms-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -o-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); }
.genel_modal .modal_icerik a.m_btn {color: #7b98a5 ;box-shadow: #7b98a5 0 0px 0px 1px inset;}
.genel_modal .modal_icerik a.m_btn:hover {color: #fff;box-shadow: #7b98a5 0 0px 0px 40px inset;}
.genel_modal svg { background: #7b98a5;padding: 23px; cursor: pointer; position: absolute; display: block; width: 30px; height: 30px; top: -10px; right: 0px; opacity: 0; pointer-events: none; -webkit-transition: opacity .5s, -webkit-transform .45s; transition: opacity .5s, -webkit-transform .45s; transition: opacity .5s, transform .45s; transition: opacity .5s, transform .45s, -webkit-transform .45s; -webkit-transition-delay: .45s; transition-delay: .45s; } 
.genel_modal svg path, .modal svg polygon, 
.genel_modal svg rect { fill: #fff; } 
.genel_modal.active { pointer-events: auto; opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.genel_modal.active svg { pointer-events: auto; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); opacity: 1; } 

.kargo_bilgi{background: #ededed;padding: 10px;margin-top:20px;}
.modal_icerik strong{display: inline-block}
.kargo{text-align: center}
.sipdur{color:#7ad082}
.md_sira{margin-bottom:10px;}
.adres_ayir{border-bottom: 1px solid #f7f7f7;padding-bottom: 10px;}

.mini_abtn .a_btn{display: inline-block;width: 90%; height: 30px;line-height: 33px;margin-top:5px; border:1px solid #7b98a5;font-family:museo_sans_rounded700;font-size: 12px;color:#7b98a5;position: relative;box-shadow: #7b98a5 0 0px 0px 1px inset;}
.mini_abtn .a_btn:hover {color: #fff;box-shadow: #7b98a5 0 0px 0px 40px inset;}
.mavi_r{border:1px solid #00a0e6!important;color:#00a0e6!important}
.mavi_r:hover{color: #fff!important;box-shadow: #00a0e6 0 0px 0px 40px inset!important;}

.ust_secim{text-align: center;padding-bottom:10px;;}
.ust_secim .i_stil{display: inline-block}

.urun_resimler{padding: 40px 10px;background: #f0f3f4;border-radius: 0 0 10px 10px;margin-bottom:50px;}
.urun_resimler .sp-wrap{margin:0 auto}
.urun_detay{margin-top:30px;position: relative}
.urun_detay #adres-cubugu{margin-top:10px;}
.urun_detay .urun_kod{position: absolute;right: 0;top: 0;color:#7b98a5;font-size: 12px;font-family: museo_sans_rounded700;display: inline-block}
.urun_detay .urun_baslik{font-size:20px;font-family: museo_sans_rounded700;margin-top:10px;float:left;position: relative;color:#00a0e6;}
.ayirac{position: relative;width: 100%;height: 1px;background: #f2f4f6;}
.ayirac span{position: absolute;left:0;top:0;width: 70px;height: 1px;background: #00a0e6;display: inline-block}
.ayirac strong{position: absolute;left:70px;top:0;width: 70px;height: 1px;background: #afce00;display: inline-block}

.indirimler , .kargolar{margin-top:20px;}
.indirimler p{font-size:16px;color:#e60000;}
.indirimler .fa{font-size:18px;margin-right: 5px}
.indirimler a{font-size:11px;}
.indirimler a .fa{font-size:11px;}
.kargolar p{font-size:16px;color:#009fe5;}
.kargolar .fa{font-size:18px;margin-right: 5px}
.kargolar span{font-size:11px;}
.kargolar span .fa{font-size:11px;}

.urun_detay .urun_renk{margin-top:10px;}
.urun_detay .urun_renk a{margin-right:10px;}
.detay_baslik{display: block;color:#7b98a5;font-family: museo_sans_rounded700;margin:20px 0 10px 0;}
.urun_detay .urun_beden{}

.urun_detay .urun_beden input[type="radio"].checkbox { display: none; } 
.urun_detay .urun_beden input[type="radio"].checkbox + label { display: inline-block; position: relative;background: #f6f6f6;border:0;margin-right: 10px; /*label styling*/ padding: 15px 20px; font-size: 18px;font-family: museo_sans_rounded700; font-weight: bold; line-height: 20px; color: #7b98a5; vertical-align: baseline; white-space: nowrap;border-radius: 10px; } 
.urun_detay .urun_beden input[type="radio"].checkbox:checked + label { background-color: #7b98a5;color:#fff; }
.urun_detay .urun_beden input[type="radio"].checkbox:disabled + label { opacity: 0.5; }

.f_alan{border:1px solid #f0f3f4;margin-top:10px!important;border-radius: 10px;}
.yanaat{margin-left: 10px;}
.urun_detay .beden_bilgi{margin-top:20px;}
.urun_detay .urun_fiyat{ font-size: 36px;font-family: museo_sans_rounded700;margin:30px 0 0 10px;}
.urun_detay .urun_fiyat > .fa{font-size:32px;}
.urun_detay .urun_fiyat span{font-size: 18px;font-family: museo_sans_rounded700;color: #e62c2c;text-decoration: line-through}
.spinner { width: 100%; height: 50px; position: relative } 
.spinner input[type="text"] { width: 98%; text-align: center; height: 50px; float: left; border: 3px solid #f7f8fa; font-size:24px; font-family: museo_sans_rounded700;color:#7b98a5!important;border-radius: 10px; } 
.spinner .nav .up { cursor: pointer; width: 25px; height: 25px; text-align: center; line-height: 25px; color: #dddddd; font-size: 20px; position: absolute; right:0; top:15px; } 
.spinner .nav .down { cursor: pointer; width: 25px; height: 25px; text-align: center; line-height: 25px; color: #dddddd; font-size: 20px; position: absolute; left:0; top:15px; } 
.spinner .nav .up:hover, .spinner .nav .down:hover { color:#7b98a5; }

.sepet_ekle{text-align: center;}
.sepet_ekle .a_btn{display: inline-block;width: 85%; height: 50px;line-height: 50px;margin:50px auto;margin-bottom:25px; border:3px solid #009fe5;font-family:museo_sans_rounded700;font-size: 18px;color:#009fe5;position: relative;box-shadow: #009fe5 0 0px 0px 1px inset;}
.sepet_ekle .a_btn:hover {color: #fff;box-shadow: #009fe5 0 0px 0px 40px inset;}

.favori {display: inline-block;width: 100%; height: 70px;padding-top: 10px; line-height: 16px;margin:20px auto; border:3px solid #e62c2c;font-family:museo_sans_rounded700;font-size: 11px;color:#e62c2c;position: relative;box-shadow: #e62c2c 0 0px 0px 1px inset;text-align: center;}
.favori:hover {color: #fff;box-shadow: #e62c2c 0 0px 0px 40px inset;}
.favori .fa{font-size:30px;}
.favori{ -webkit-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -moz-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -ms-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -o-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); }

.bilgi_tab{margin-bottom: 30px;}
.bilgi{border:3px solid #f7f8fa;padding: 20px 40px 40px 40px; color:#999999;height: 250px;}
.bilgi .sosyal_ag{text-align: center;padding-bottom:10px;border-bottom:2px solid #f7f8fa;margin-bottom:20px;}
.bilgi .sosyal_ag a{color:#999;margin: 0 20px;padding:0 10px 10px 10px;display: inline-block ;font-size:16px;}
.bilgi .sosyal_ag a:nth-child(1):hover{color:#3b5998;}
.bilgi .sosyal_ag a:nth-child(2):hover{color:#00aced;}
.bilgi .sosyal_ag a:nth-child(3):hover{color:#dd4b39;}
.bilgi .sosyal_ag a:nth-child(4):hover{color:#cb2027;}
.bilgi .sosyal_ag a:nth-child(5):hover{color:#64D448;}
.bilgi_list{width: 80%;margin:0 auto;line-height: 28px;text-transform: uppercase}
.bilgi_list .fa{width:15px;}

.baslik_bgs{width: 100%;height: 48px;background:#f0f3f4;position: absolute;top:0;left:0;border-radius: 10px;}
.urun_ozel_tab *, .urun_ozel_tab *:before, .urun_ozel_tab *:after { box-sizing: border-box; } 
.urun_ozel_tab { zoom: 1; position: relative; min-height: 350px;  }
.urun_ozel_tab:after, .urun_ozel_tab:before { content: ""; display: table; } 
.urun_ozel_tab:after { clear: both; } 
.urun_ozel_tab h4 { cursor: pointer; padding: 14px 20px;  color: #777777; font-family: museo_sans_rounded700; } 
@media screen and (min-width: 600px) { 
    .urun_ozel_tab h4 { position: relative;  display: inline-block;padding: 14px 30px; } 
} 

.urun_ozel_tab ul { zoom: 1; position: relative; height: auto; min-height: 100%; border-left: none; display: none; }
.urun_ozel_tab ul:after, .urun_ozel_tab ul:before { content: ""; display: table; } 
.urun_ozel_tab ul:after { clear: both; } 
@media screen and (min-width: 600px) { 
    .urun_ozel_tab ul { position: absolute; width: 100%; right: 0; top: 50px; padding: 15px 25px; } 
} 
.baslik_bgs{display: none}
.urun_ozel_tab .active { cursor: default; color:#fff ;background: #009fe5 } 
@media screen and (min-width: 600px) {
    .urun_ozel_tab .active {  color:#fff ;background: #009fe5;border-radius: 10px} 
    .baslik_bgs{display: block}
} 
.urun_ozel_tab .active + ul { display: block; } 

.bbfix{width: 100%;height: 50px;}


.bedentablosu {width: 100%; border-collapse: collapse; margin:0 auto;} 
.bedentablosu .ilkrow{font-family: museo_sans_rounded700;border-bottom: 2px solid #f7f8fa;}
.bedentablosu td {padding: 10px;} 
.urun_yor{border-bottom:3px solid #f3f4f5;margin-bottom:20px;padding-bottom:20px;font-size:12px;}
.urun_yor .fa, .urun_yor .star { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } 
.rating{display:inline-block;}
.fa-star:before, .rating[data-rating="1"] .star:first-child:before, .rating[data-rating="2"] .star:nth-child(1):before, .rating[data-rating="2"] .star:nth-child(2):before, .rating[data-rating="3"] .star:nth-child(1):before, .rating[data-rating="3"] .star:nth-child(2):before, .rating[data-rating="3"] .star:nth-child(3):before, .rating[data-rating="4"] .star:before, .rating[data-rating="5"] 
.star:before { content: "\f005"; } 
.fa-star-o:before, .star:before, .rating[data-rating="4"] .star:last-child:before { content: "\f006"; } .fa-star-half:before { content: "\f089"; }

.yor_yapan{border-bottom: 2px solid #f7f8fa;padding-bottom:5px;margin-bottom:5px}
.yorum_boyut{height: 200px;}


.taksit { width: 22.9%; float:left; margin:0 20px 20px 0; background: #fff; box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1); border-radius: 3px; overflow: hidden; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } 
.taksit:hover { -webkit-transform: scale(1.01) translate3d(0, 0, 0); transform: scale(1.01) translate3d(0, 0, 0); box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.1); } 
.garanti:hover .blogo { background: #a3dea6; } 
.garanti:hover .pesin { color: #5dae62; } 
.garanti .blogo{background: #5dae62;} 
.is:hover .blogo { background: #a5bad5; }
.is:hover .pesin { color: #00306f; } 
.is .blogo{background: #7b94b4;} 
.taksit .blogo { padding-top:7px; height: 45px; text-align: center; color: #fff; font-weight: 600; line-height: 46px; font-size: 14px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.taksit .pesin { text-align: center; font-size: 20px; line-height: 30px; font-weight: 700; padding: 12px 0 13px 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } 
.taksit .pesin span { display: block; font-size: 12px; line-height: 12px; font-weight: 400; }
.taksit table{font-size:11px;text-align: center;width: 100%;border-collapse: collapse;}
.taksit table .taksit_blm{background: #f7f8fa;padding: 0 5px}
.taksit table tr{border-bottom:1px solid #f1f1f1}
.taksit table .taksit_baslik{font-family: museo_sans_rounded700}

.step-indicator { margin-top: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 40px; margin-bottom: 70px; } 
.step { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; z-index: 1; }
.step-indicator .step-icon { height: 30px; width: 30px; border-radius: 50%; background: #d7d7d7; font-size: 14px; line-height: 34px; font-family: museo_sans_rounded700; text-align: center; color: #fff; position: relative; } 
.step.active .step-icon { background: #00a0e6; } 
.step p { text-align: center; position: absolute; bottom: -40px; font-family: Helvetica neue; color: #d7d7d7; font-size: 14px; font-weight: bold; } 
.step.active p { color: #00a0e6; } 
.step:last-child p { right: 0; }
.step.step2 p, .step.step3 p { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } 
.indicator-line { width: 100%; height: 2px; background: #EFEFEF; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } 
.indicator-line.active { background: #00a0e6; } 
@media screen and (max-width: 500px) { 
    .step p { font-size: 11px; bottom: -20px; }
}

.sepet_list{}
.sepet_list table {font-family: museo_sans_rounded700; border-spacing: 1; border-collapse: collapse;   overflow: hidden;  width: 100%; margin: 0 auto; position: relative; } 
.sepet_list table * { position: relative; } 
.sepet_list table td, table th { padding-left: 8px; } 
.sepet_list table td{padding-top:5px!important;color:#7b98a5 !important}
.sepet_list table thead tr { height: 40px; font-family: museo_sans_rounded700;color:#7b98a5; font-size: 12px;border-bottom: 1px solid #f7f8fa; } 
.sepet_list table tbody tr { height: 48px; border-bottom: 1px solid #f7f8fa; } 
.sepet_list table tbody tr:last-child { border: 0; } 
.sepet_list table td, table th { text-align: left; } 
.sepet_list table td.l, table th.l { text-align: right; } 
.sepet_list table td.c, table th.c { text-align: center; } 
.sepet_list table td.r, table th.r { text-align: center; } 
@media screen and (max-width: 35.5em) { 
    .sepet_list table { display: block; } 
    .sepet_list table > *, table tr, table td, table th { display: block; } 
    .sepet_list table thead { display: none; } 
    .sepet_list table tbody tr { height: auto; padding: 8px 0; } 
    .sepet_list table tbody tr td { padding-left: 45%; margin-bottom: 12px; } 
    .sepet_list table tbody tr td:last-child { margin-bottom: 0; } 
    .sepet_list table tbody tr td:before { position: absolute; font-weight: 700; width: 40%; left: 10px; top: 0; } 
    .sepet_list table tbody tr td:nth-child(1):before { content: "ÜRÜN";color:#003d76;font-size:12px; } 
    .sepet_list table tbody tr td:nth-child(2):before { content: "ÜRÜN ADI";color:#003d76;font-size:12px;  } 
    .sepet_list table tbody tr td:nth-child(3):before { content: "ADET";color:#003d76;font-size:12px;  } 
    .sepet_list table tbody tr td:nth-child(4):before { content: "FİYAT";color:#003d76;font-size:12px;  } 
    .sepet_list table tbody tr td:nth-child(5):before { content: "SİL";color:#003d76;font-size:12px;  } 
} 

.sepet_adet .spinner{width: 100px!important;}
.sepet_list_alt{background: #f7f8fa;padding: 40px 30px;border-top:1px solid #f7f8fa}

.indirim_kupon{position: relative;height: 50px;z-index: 2;}
.indirim_kupon .indirim_in{margin:0px 0 0 10px; height: 46px;width: 190px;padding-left:10px;border:1px dotted #7b98a5;border-right: 0;position: relative;z-index: 2;}
.indirim_kupon:before{position: absolute;left:-10px;top:-12px;font-size:30px;content: '\f0c4';font-family: FontAwesome;z-index: 1;}
.indirim_kupon:after{position: absolute;left:25px;top:-20px;font-size:14px;content: 'İNDİRİM KUPONU';font-family: museo_sans_rounded700;}
.indirim_kupon button{background: #afcd00;color:#fff;border-radius: 0 10px 10px 0; height: 51px;line-height: 50px;border:none;padding:0 20px;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;border:1px solid #afcd00;}
.indirim_kupon button:hover{background: #fff;color:#afcd00;}
.kupon_hata{margin:10px 0 0 10px;font-size:12px;color:#cb2027;}
.siparis_fiyatlar{text-align: right;font-family: museo_sans_rounded700;}
.siparis_fiyatlar span{width: 120px!important;display: inline-block;text-align: left;}
.siparis_fiyatlar em{font-style: normal; width: 100px!important;display: inline-block;text-align: center;position: relative;}
.siparis_fiyatlar em:before{position: absolute;left:-1px;content: ':';}
.siparis_fiyatlar  .genl_topl{font-size:16px;margin-top:10px;}
.siparis_fiyatlar  .genl_topl em{color:#7ad082}
.siparis_fiyatlar  .genl_topl em:before{color:#7b98a5}
.siparis_tamam{background: #009fe5;border-radius: 10px; border:1px solid #009fe5;color:#fff;padding: 15px 30px;display: inline-block;float:right;margin-top:20px;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.siparis_tamam:hover{background: #fff;color:#009fe5;}
.siparis_devam{margin-top:40px;float:left;text-decoration: underline}


.item { padding: 0; margin-bottom: 1.5em; } 
@media screen and (min-width: 700px) { 
    .item { float: left; display: block; margin-right: 0%; width: 97%; } 
    .item:last-child { margin-right: 0; } 
} 
.dropdown-accordion { position: relative; margin: 0 auto; padding: 20px 30px; border: 3px solid #f7f8fa; border-radius: 2px; font-size: 12px; line-height: 2.0; text-transform: uppercase; background-color: #fff; cursor: pointer; font-family: museo_sans_rounded700; } 
.dropdown-accordion:hover { border-color: #7b98a5; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
.dropdown-accordion ul { display: none; padding-left: 0; margin-top: 0; background: white; } 
@media screen and (min-width: 700px) { 
    .dropdown-accordion ul { border: 3px solid #7b98a5; z-index: 2; position: absolute; top: 100%; left: -3px; right: 0; width: calc(100%); } 
} 
.dropdown-accordion ul.show-menu { display: block; border-top: 0; } 
.dropdown-accordion li { list-style: none; padding: 0 .75em; } 
.dropdown-accordion li:hover { background-color: #7b98a5; color: white; } 
.dropdown-accordion:after { content: "\f107"; font-family: FontAwesome; position: absolute; top: -10px; right: 41px; width: 0; height: 0; font-size:40px; color:#7b98a5 }

.ad_baslk{display: block;font-family: museo_sans_rounded700;margin:40px 0 20px 0;font-size:16px;}
.alt_btn{border-top:1px solid #f7f8fa}
.sp_adm{width: 140px!important;display: inline-block;float: right;margin-bottom: 20px;}

.siparis_ozeti .siparis_fiyatlar{text-align: right;font-family: museo_sans_rounded700;margin-top:20px;}
.siparis_ozeti .siparis_fiyatlar p{margin-bottom:10px;}
.siparis_ozeti .siparis_fiyatlar span{width: 50%!important;display: inline-block;text-align: left;}
.siparis_ozeti .siparis_fiyatlar em{font-style: normal; width: 48%!important;display: inline-block;text-align: left;position: relative;}
.siparis_ozeti .siparis_fiyatlar em:before{position: absolute;left:-15px;content: ':';}
.siparis_ozeti .siparis_fiyatlar  .genl_topl{font-size:16px;margin-top:20px;border-top:3px solid #dae1e1;padding-top:20px;margin-bottom:20px;}
.siparis_ozeti .siparis_fiyatlar  .genl_topl em{color:#7ad082}
.siparis_ozeti .siparis_fiyatlar  .genl_topl em:before{color:#7b98a5}
.kirmz{color:#dc1e1e}


ul.tabs { margin: 25px 0 0 0; padding: 0; background: #f7f8fa; list-style: none; height: 50px; width: 100%; } 
ul.tabs li { float: left; margin: 0; cursor: pointer; padding: 0px 21px; height: 50px; line-height: 50px; overflow: hidden; position: relative; font-family: museo_sans_rounded700; color:#7b7c7d; } 
.tab_last { } ul.tabs li:hover { background-color: #ccc; color: #333; } 
ul.tabs li.active { color: #7b98a5; border-bottom: 2px solid #7b98a5; display: block; } 
.tab_container { width: 100%; } 
.tab_content { padding-top:20px; display: none; } 
.tab_drawer_heading { display: none; } 
@media screen and (max-width: 480px) { 
    .tabs { display: none; } 
    .tab_drawer_heading { background-color: #D7D7D7; color: #fff; border-top: 1px solid #bbb; margin: 0; padding: 25px 20px; display: block; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } 
    .d_active { background-color: #7b98a5; color: #fff; } 
}
.banka_kart{border:2px solid #f7f8fa;padding:40px 0 40px 0;margin-bottom:30px;}
.kart_no{width: 93%!important;margin:0 auto;}
.kart_adsoyad .input_stil label {left:40px; top:17px; }
.kart_adsoyad .input_stil input{padding-left: 40px;width: calc(100% - 40px)}
.kart_no .input_stil input{padding-left: 10px;width: calc(100% - 10px)}
.kart_no .select_stil select{padding-left: 10px;width: 100% }

.hangi_kart{float:left;}
.kart_tur{float:right;}
.kart_tur .fa{ font-size: 40px;}
.karticon { display:inline-block; margin:0 0 0 10px; opacity: .5; -webkit-backface-visibility:hidden; backface-visibility:hidden; } 
.kart_tur .aktif { opacity:1; }
.taksit_listesi strong{display: block;height: 50px;line-height: 53px;background: #f7f8fa;font-family: museo_sans_rounded700;padding-left:30px;}

.taksit_secenek_liste table { border-spacing: 1; border-collapse: collapse;   overflow: hidden;  width: 100%; margin: 0 auto; position: relative;font-family: museo_sans_rounded700; } 
.taksit_secenek_liste table * { position: relative; } 
.taksit_secenek_liste table td, table th { padding-left: 8px; } 
.taksit_secenek_liste table thead tr { height: 40px; color:#7b98a5; font-size: 12px;} 
.taksit_secenek_liste table thead tr td:nth-child(1) { padding-left:30px;}
.taksit_secenek_liste table tbody tr { height: 48px; font-size:16px;  } 
.taksit_secenek_liste table tbody tr:last-child { border: 0; } 
.taksit_secenek_liste table td, table th { text-align: left; } 
.taksit_secenek_liste table td.l, table th.l { text-align: right; } 
.taksit_secenek_liste table td.c, table th.c { text-align: center; } 
.taksit_secenek_liste table td.r, table th.r { text-align: center; } 
@media screen and (max-width: 35.5em) { 
    .taksit_secenek_liste table { display: block; } 
    .taksit_secenek_liste table > *, table tr, table td, table th { display: block; } 
    .taksit_secenek_liste table thead { display: none; } 
    .taksit_secenek_liste table tbody tr { height: auto; padding: 8px 0; border-bottom: 1px solid #eee;} 
    .taksit_secenek_liste table tbody tr td { padding-left: 45%; margin-bottom: 12px; } 
    .taksit_secenek_liste table tbody tr td:last-child { margin-bottom: 0; } 
    .taksit_secenek_liste table tbody tr td:before { position: absolute; font-weight: 700; width: 40%; left: 10px; top: 0; } 
    .taksit_secenek_liste table tbody tr td:nth-child(1):before { content: "TAKSİT";color:#7b98a5;font-size:12px; } 
    .taksit_secenek_liste table tbody tr td:nth-child(2):before { content: "TAKSİT TUTARI";font-size:12px;  } 
    .taksit_secenek_liste table tbody tr td:nth-child(3):before { content: "TOPLAM TUTAR";font-size:12px;  } 
  
} 

.taksit_secenek_liste .i_stil{font-family: museo_sans_rounded700;font-size: 14px;line-height: 30px;display: block}
@-webkit-keyframes click-wave { 0% { height: 20px; width: 20px; opacity: 0.35; position: relative; } 100% { height: 200px; width: 200px; margin-left: -80px; margin-top: -80px; opacity: 0; } } @-moz-keyframes click-wave { 0% { height: 20px; width: 20px; opacity: 0.35; position: relative; } 100% { height: 200px; width: 200px; margin-left: -80px; margin-top: -80px; opacity: 0; } } @keyframes click-wave { 0% { height: 40px; width: 40px; opacity: 0.35; position: relative; } 100% { height: 200px; width: 200px; margin-left: -80px; margin-top: -80px; opacity: 0; } }
.taksit_secenek_liste .option-input {float:left; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; position: relative; top: 0px; right: 0; bottom: 0; left: 0; height: 20px; width: 20px; -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; background: #cbd1d8; border: none; color: #fff; cursor: pointer; display: inline-block; margin-right: 0.5rem; outline: none; position: relative; z-index: 2; } 
.taksit_secenek_liste .option-input:hover { background: #9faab7; } 
.taksit_secenek_liste .option-input:checked { background: #7b98a5; } 
.taksit_secenek_liste .option-input:checked::before { height: 20px; width: 20px; position: absolute; content: '\f00c'; display: inline-block; font-size: 13px; text-align: center; line-height: 20px;font-family: FontAwesome; } 
.taksit_secenek_liste .option-input:checked::after { -webkit-animation: click-wave 0.65s; -moz-animation: click-wave 0.65s; animation: click-wave 0.65s; background: #7b98a5; content: ''; display: block; position: relative; z-index: 100; } 
.taksit_secenek_liste .option-input.radio { border-radius: 50%; } 
.taksit_secenek_liste .option-input.radio::after { border-radius: 50%; } 

.sozlesmeler{margin:30px 0 30px 0!important}
.sozlesmeler .span6{background: #f7f8fa;padding: 20px;}

.sozlesme_onay{text-align: left;border-top:3px solid #dae1e1;padding: 10px;background: #f8fdf9;}
.sozlesme_onay .i_stil{font-family: pt_sansregular;font-size: 11px;line-height: 30px;display: block}
.sozlesme_onay .i_stil strong{font-family: museo_sans_rounded700;}
@-webkit-keyframes click-wave { 0% { height: 20px; width: 20px; opacity: 0.35; position: relative; } 100% { height: 200px; width: 200px; margin-left: -80px; margin-top: -80px; opacity: 0; } } @-moz-keyframes click-wave { 0% { height: 20px; width: 20px; opacity: 0.35; position: relative; } 100% { height: 200px; width: 200px; margin-left: -80px; margin-top: -80px; opacity: 0; } } @keyframes click-wave { 0% { height: 40px; width: 40px; opacity: 0.35; position: relative; } 100% { height: 200px; width: 200px; margin-left: -80px; margin-top: -80px; opacity: 0; } }
.sozlesme_onay .option-input {float:left; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; position: relative; top: 0px; right: 0; bottom: 0; left: 0; height: 20px; width: 20px; -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; background: #cbd1d8; border: none; color: #fff; cursor: pointer; display: inline-block; margin-right: 0.5rem; outline: none; position: relative; z-index: 2; } 
.sozlesme_onay .option-input:hover { background: #9faab7; } 
.sozlesme_onay .option-input:checked { background: #7b98a5; } 
.sozlesme_onay .option-input:checked::before { height: 20px; width: 20px; position: absolute; content: '\f00c'; display: inline-block; font-size: 16px; text-align: center; line-height: 20px;font-family: FontAwesome; } 
.sozlesme_onay .option-input:checked::after { -webkit-animation: click-wave 0.65s; -moz-animation: click-wave 0.65s; animation: click-wave 0.65s; background: #7b98a5; content: ''; display: block; position: relative; z-index: 100; } 

.mavit{color:#009fe5}
.yesilt{color:#afce00}
.satis_tamamdir{background: #7ad082;color:#fff;display: block;text-align: center;height: 60px;line-height: 63px;margin-bottom:10px;}
.sip_uyar{text-align: left;font-size:11px;}
.sip_ortal{text-align: center}
.sip_ortal .siparis_tamam{float: none}

.siparis_durumu{background: #f7fae5;padding: 40px;text-align: center;color:#afce00;}
.siparis_durumu strong{font-size: 30px;margin-bottom:10px;font-family: museo_sans_rounded700;}
.sipar_ozer{text-align: center;margin:40px 0 40px 0;font-family: museo_sans_rounded700;}
.sipar_ozer p{color:#afce00;font-size:14px;}
.sipar_ozer strong{font-size:16px;}

.sepet_list_son{}
.sepet_list_son table {font-family: museo_sans_rounded700; border-spacing: 1; border-collapse: collapse;   overflow: hidden;  width: 100%; margin: 0 auto; position: relative; } 
.sepet_list_son table * { position: relative; } 
.sepet_list_son table td, table th { padding-left: 8px; } 
.sepet_list_son table td{padding-top:5px!important;color:#7b98a5 !important}
.sepet_list_son table thead tr { height: 40px; font-family: museo_sans_rounded700;color:#7b98a5; font-size: 12px;border-bottom: 1px solid #f7f8fa; } 
.sepet_list_son table tbody tr { height: 48px; border-bottom: 1px solid #f7f8fa; } 
.sepet_list_son table tbody tr:last-child { border: 0; } 
.sepet_list_son table td, table th { text-align: left; } 
.sepet_list_son table td.l, table th.l { text-align: right; } 
.sepet_list_son table td.c, table th.c { text-align: center; } 
.sepet_list_son table td.r, table th.r { text-align: center; } 
@media screen and (max-width: 35.5em) { 
    .sepet_list_son table { display: block; } 
    .sepet_list_son table > *, table tr, table td, table th { display: block; } 
    .sepet_list_son table thead { display: none; } 
    .sepet_list_son table tbody tr { height: auto; padding: 8px 0; } 
    .sepet_list_son table tbody tr td { padding-left: 45%; margin-bottom: 12px; } 
    .sepet_list_son table tbody tr td:last-child { margin-bottom: 0; } 
    .sepet_list_son table tbody tr td:before { position: absolute; font-weight: 700; width: 40%; left: 10px; top: 0; } 
    .sepet_list_son table tbody tr td:nth-child(1):before { content: "ÜRÜN";color:#003d76;font-size:12px; } 
    .sepet_list_son table tbody tr td:nth-child(2):before { content: "ÜRÜN ADI";color:#003d76;font-size:12px;  } 
    .sepet_list_son table tbody tr td:nth-child(3):before { content: "ADET";color:#003d76;font-size:12px;  } 
    .sepet_list_son table tbody tr td:nth-child(4):before { content: "FİYAT";color:#003d76;font-size:12px;  } 
    .sepet_list_son table tbody tr td:nth-child(5):before { content: "SİL";color:#003d76;font-size:12px;  } 
} 

.yazi_sol{text-align: left;}
.kategorinin_aciklamasi{padding-left:32px;margin-top:20px;line-height: 30px;}
.kategorinin_aciklamasi strong{font-family: museo_sans_rounded900;}
.pop_baslik{text-align: center}
.pop_baslik h3{font-size:24px;font-family: museo_sans_rounded900;color:#7b98a5;text-shadow:-3px -3px 0 #fff,  3px -3px 0 #fff,-3px 3px 0 #fff,3px 3px 0 #fff;position: relative;margin:70px 0 0 30px;display: inline-block}
.pop_arama{background: #fff;border-radius: 10px;padding: 20px;margin-top:20px;}
.pop_arama a{margin:10px 20px;font-size:12px;display: inline-block}
.pop_arama a:hover{color:#009fe5;}

.iletisim_kutu{border:1px solid #e5eaea;padding: 40px;border-radius: 20px;}
.iletisim_kutu .ilet_baslik{border-bottom:1px solid #e5eaea}
.iletisim_kutu .ilet_baslik .ilet_ico{float:left;font-size:60px;margin:5px 20px 0 0;color:#cad6db}
.iletisim_kutu .ilet_baslik .ilet_yan h3{font-family: museo_sans_rounded900;font-size:18px;}
.iletisim_kutu .ilet_baslik .ilet_yan p{font-size:14px;}
.iletisim_kutu .adres_bilgileri{margin-top:30px;font-size:16px;}
.iletisim_kutu .adres_bilgileri strong{font-family: museo_sans_rounded900;font-size:16px;}

.adres_bilgileri .ilet_input{width: calc(100% - 20px);padding-left:20px;height: 65px;background: #f7f8fa;border:none;margin-bottom:20px;color:#7e9aa6;font-size:14px;}
.adres_bilgileri .ilet_input::-webkit-input-placeholder { color: #7e9aa6;}
.adres_bilgileri .ilet_input::-moz-placeholder { color: #7e9aa6;}
.adres_bilgileri .ilet_input:-ms-input-placeholder { color: #7e9aa6;}
.adres_bilgileri .ilet_input:-moz-placeholder { color: #7e9aa6;}

.adres_bilgileri .ilet_text{width: calc(100% - 20px);padding:20px 0 0 20px;height: 135px;background: #f7f8fa;border:none;margin-bottom:20px;color:#7e9aa6;font-size:14px;resize: none}

.adres_bilgileri .ilet_text::-webkit-input-placeholder { color: #7e9aa6;}
.adres_bilgileri .ilet_text::-moz-placeholder { color: #7e9aa6;}
.adres_bilgileri .ilet_text:-ms-input-placeholder { color: #7e9aa6;}
.adres_bilgileri .ilet_text:-moz-placeholder { color: #7e9aa6;}

.btn_ortala{text-align: center;}
.iletisim_kutu .ilet_btn{padding: 20px 60px;color:#fff;background: #0092ca;border-radius: 30px;}