@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&subset=latin-ext');
@charset "utf-8";
/* Bismillahirrahmanirrahim */
body{
    font-family:"Poppins",sans-serif!important;

}
.a{ color:#FFF;
    transition-property:background-color;    font-family: 'Open Sans', sans-serif !important; font-weight: 400;
    transition-duration:0.3s;   font-size:11pt;
}
.a:hover{ color:#000 !important; background-color: #FFF;  }
.a:focus{ color:#FFF; }

.a2{ color:#9f9f9f !important; text-decoration: none; width: 100%; display: block; height: 25px; font-size:10pt; font-family: 'Open Sans', sans-serif !important; font-weight: 400;}
.a2:hover{ transition-property:color; transition-duration:0.3s;   font-size:10pt; color:#e6007e !important; }


/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px) {
    .boyut_tanimla { float: left;}

}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .boyut_tanimla { float: right;}

}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .boyut_tanimla { float: right;}

}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .boyut_tanimla { float: right;}
}


.ua{ font-size: 10pt;}
table{ font-size: 10pt; }

.popup_resimler img {width:100% !important; height:auto !important;}

.a_beyaz{ color:#FFF;    font-family: 'Open Sans', sans-serif !important;  font-size:12pt;  }
.sag_cizgi{ border-right-color:#E8E8E8; border-bottom-style:solid; border-bottom-width:1px;}

.sag_cizgi_siyah{ border-right-color:#333; border-bottom-style:solid; border-bottom-width:1px; }
li {list-style:none; line-height:22px; font-size:10pt;}
li i{margin-right:10px;}

.margin_top_100 {margin-top:100px !important;}
.border{ border:#E8E8E8 solid 1px;}

.hover_urun_btn{ color:#FFF;
    background-color: #82358c !important;
    transition-property:background-color; transition-duration:0.3s;   font-size:10pt;
}
.hover_urun_btn:hover{ color:#333 !important; background-color: #FFF;  }


.border_none{ border:none !important;}
.h45 {height:45px !important;}

.tam_resim_boyutu { height:217px !important; margin-top: 10px; }
.tam_resim_boyutu img{max-width:100% !important; max-height:100% !important;}


.tam_resim_boyutu_270  { height:270px !important; }
.tam_resim_boyutu_270  img{max-width:100% !important; max-height:100% !important; height: 270px !important;object-fit:contain;  }

.tam_resim_boyutu_370  { height:370px !important; }
.tam_resim_boyutu_370  img{max-width:100% !important; max-height:100% !important;}

.tam_resim_boyutu_600 { height:600px !important; }
.tam_resim_boyutu_600 img{max-width:100% !important; max-height:100% !important;}



.urun_adi{ height: 55px;
    display: block; color: #000; font-size: 10pt;
}

.color_beyaz {color:#FFF !important; transition-property: background-color;   transition-duration:0.3s; }
.color_beyaz:hover {color:#FFF !important; background-color:#FF9933 !important;}


.yuzde_55{ width:55% !important;}
.yuzde_5{ width:5% !important;}


.padding_left_15 { padding-left:15px !important;}
.margin_top_2 {margin-top:3px !important;}
.h450 { height:450px !important;}
.beyaz { height:100%; background-color:#FFF;}
.anasayfa_bg { background-color:#E0E2ED !important;}


.input {
    width: 100%;
    background-color: #FFFFFF;
    height: 45px !important;
    margin-bottom: 10px;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    outline: none !important;
    border: 1px solid #e6007e;
    padding-left: 10px;
}



#custom-search-input .search-query {
    padding-right: 3px;
    padding-right: 4px \9;
    padding-left: 3px;
    padding-left: 4px \9;
    /* IE7-8 doesn't have border-radius, so don't indent the padding */

    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#custom-search-input button {
    border: 0;
    background: none;
    /** belows styles are working good */
    padding: 2px 5px;
    margin-top: 14px;
    position: relative;
    left: -40px;
    /* IE7-8 doesn't have border-radius, so don't indent the padding */
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: text;
    color:#fff;
}

.search-query:focus + button {
    z-index: 3;
    border: none;
}
.search-query button:active{
    border: none;
}

.round {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}

.yuvarlak_round {
    -webkit-border-radius: 100% !important;
    -moz-border-radius: 100% !important;
    border-radius: 100% !important;
    border: none;
    height: 37px; width: 37px; line-height: 30px;
}

.yuvarlak_round_yuzde {
    -webkit-border-radius: 100% !important;
    -moz-border-radius: 100% !important;
    border-radius: 100% !important;

}
.fiyat_yuvarlak {

    position: absolute; width:120px; height: 120px; font-size: 14pt; color: #FFF; line-height: 120px; text-align: center; bottom: 20px;
    right: 20px;

}
.product-price{
    display: inline-block;
    float:right;
    width:auto;
    background-color: #ff0;
    padding:5px 10px;
}
.product-price span{
    font-size:15px;
    color:#fff;
    text-align: right;
}
.product-price-2{
    font-size:18px;
    margin:5px 0;
    color:#e6007e;
}
.product-price a, .product-price{color:#fff!important;font-weight: bold;}

.text-left {text-align:left !important;}
.g_renk{ font-size:10pt; height:8px; color: #666;}



.iconlar{ float:left; width:100%; height:50px;  background-image:url(../img/bg_seffaf.png);  }
.iconlar a {color:#FFF; font-size:19pt; padding-top:3px;  transition-property: color; transition-duration:0.3s;}
.iconlar a:hover {color:#000; }


.iconlar_B{ position:absolute; bottom:5px !important; display:block;  right:05px !important;  margin:0px !important; padding:0px !important;  }
.iconlar_B a {color:#666; font-size:19pt; padding-top:3px;  transition-property: color; transition-duration:0.3s;}
.iconlar_B a:hover {color:#e6007e; }

.sepete_ekle {background-color:#FF9933 !important; float:left; width:100%; color:#FFF; text-decoration:none; height:30px; line-height:30px; transition-property: background-color;   transition-duration:0.3s; }
.sepete_ekle:hover {background-color:#e6007e !important; float:left; width:100%; color:#FFF; text-decoration:none;}


.modal-open {   overflow: auto !important;  padding-right:0px !important; }
.resim_detay{cursor:pointer;}
.resim_detay:hover{ border:#e6007e solid 1px;}


.margin_bottom_30{margin-bottom: 30px !important;}
.bg_bej {background-color:#E5E2D6 !important;}
.bg_ka {background-color:#FF9933 !important;}
.bg_kirmizi {background-color:#e6007e !important;}
.top_border { border-top:#e6007e solid 5px; }
.kavun_ici{ background-color: #FFB564; }

.bg_pembe { background-color: #e6007e; }
.renk_alt { color: #9f9f9f; }

.renk_icon_renkler  a{color: #9f9f9f;  }
.renk_icon_renkler  a:hover{ color:#e6007e; transition-property: color;   transition-duration:0.3s; }


.baslik {color:#999; font-size:11pt;}
.yildiz{cursor:pointer;}
.yazilar{ color:#666; }
.sifir_m_top { margin-top:0px !important; }
.eded2{ background-color:#ededed;}
.yesil{ background-color:#00A161; color: #FFF;}
.yesil_color {color:#00A161 !important; }
.turuncu { background-color:#FF9933; color: #FFF !important; }
.beyaz_color{ color: #FFF  !important;}
.acik_gri { background-color: #333333;}
.acik_gri_2 { background-color: #FAFAFA;}
.bg_beyaz{ background-color: #FFF  !important;}
.bg_beyaz a{transition-property: color; transition-duration:0.5s; color: #666666 !important;; }
.bg_beyaz a:hover{  transition-property: color; transition-duration:0.5s; color: #e6007e !important; }
.bg_beyaz a:active{color: #e6007e !important;}
.bg_alt_ikinci { background-color: #222222; }

.ac_hover{ display: none; }


.alert_kirmizi { background-color:#F2DEDE; }
.alert_yesil { background-color:#DFF0D8; }
.alert_info { background-color:#D9EDF7; }


.margin_left_15 { margin-left:15px !important;}
.margin_top_15 { margin-top:15px !important;}
.margin_top_20 { margin-top:20px !important;}

.genel_ul {float:left; margin-left:0px !important; padding-left:0px !important;}
.genel_ul li a { margin-left:0px !important; padding-left:0px !important;}
.genel_ul a {line-height:15px !important;}
.genel_ul li ul{display:none;}
.margin_3{ margin:3px !important;}
.margin_1{ margin:1px !important;}
.margin_2{ margin:2px !important;}


.h40{ height:40px !important; line-height:30px;}
.active_f5{ background-color:#D9EDF7; color:#e6007e !important; }

/*yuzde yuz alt menü*/
.genel_ana_alt { width: 100%;}
.genel_ana_alt li ul {display:none; }
.genel_ana_alt a {font-weight: bold; width:100%; transition-property: color; transition-duration:0.5s; float:left; height:40px; line-height: 40px; border:none !important; color:#000; border-bottom:#EDEDED solid 1px !important; padding-right: 0px; padding-left:10px !important; }
.genel_ana_alt a:hover{color:#FFF; background-color: #e6007e; text-decoration:none !important;  transition-property: color; transition-duration:0.5s;}
.genel_ana_alt li {position:relative; width:100% !important; height:40px !important;}

/*.genel_ana_alt i{ position: absolute; width: 50px; text-align: center; line-height: 40px; height: 40px; font-size: 12pt; left: 0px;  background-color: #e6007e; }*/

.genel_ana_alt li ul  {position:absolute; left:100%;  top:0px;  z-index:9999999999;  width:100%; !important; padding-left:0px; }
.genel_ana_alt li ul li { float:left; width:100%;  margin-right:0px !important; padding-right:0px !important;}
.genel_ana_alt li ul li a{ border-bottom: solid #dfdfdf 1px !important; padding-left: 10px !important;  float:left; width:100%; background-color:#e6007e; color: #FFF; text-align:left;}
.genel_ana_alt li ul li a:hover{ color: #FFF; background-color: #e6007e; }
/*yuzde yuz menü*/


.golge{

    -webkit-box-shadow: 0 0 0 10px white, 0 6px 4px #333;
    -moz-box-shadow: 0 0 0 10px white, 0 6px 4px #333;
    box-shadow: 0 0 0 10px white, 0 6px 4px #333;

}
.golge_cerceve {

    -webkit-box-shadow: 0 0 4px 3px #f5f5f5;
    -moz-box-shadow: 0 0 4px 3px #f5f5f5;
    box-shadow: 0 0 4px 3px #f5f5f5;

}
.urun_hover:hover .urun_adi{
    font-weight: bold;
}
.golge_cerceve_2 {

    -webkit-box-shadow: 0 0 3px 2px #EDEDED;
    -moz-box-shadow: 0 0 3px 2px #EDEDED;
    box-shadow: 0 0 3px 2px #EDEDED;

}


.sag_golge {
    -webkit-box-shadow: 0 0 4px 6px #EDEDED;
    -moz-box-shadow: 0 0 4px 6px #EDEDED;
    box-shadow: 0 0 4px 6px #EDEDED;
    border-top: solid #FE5252 4px !important; background-color: #FFF;   transition-property: border-top; transition-duration:0.3s; margin-bottom: 3px;
}

.bg_baslik{ background-position:left; background-image:url(../img/bg_baslik.png); background-repeat: repeat-x; }

.f_s_30 { font-size: 30pt;}
.f_s_24 { font-size: 24pt;}
.f_s_22 { font-size: 22pt;}
.f_s_20 { font-size: 20pt;}
.f_s_19 { font-size: 19pt;}
.f_s_18 { font-size: 18pt;}
.f_s_17 { font-size: 17pt;}
.f_s_16 { font-size: 16pt;}
.f_s_15 { font-size: 15pt;}
.f_s_14 { font-size: 14pt;}
.f_s_13 { font-size: 13pt;}
.f_s_12 { font-size: 12pt;}
.f_s_11 { font-size: 11pt;}
.f_s_10 { font-size: 10pt;}
.f_s_9 { font-size: 9pt;}
.f_s_8 { font-size: 8pt;}

.f_y { font-family: 'Open Sans',Arial,Helvetica,sans-serif; font-weight: bold; letter-spacing: -1px;
    font-size:14pt;}

.bg_siyah {background-color: #000;}

/*normal üsten aşağı menü*/

.genel_ana_yan {float:left; height: 60px; margin-left:0px !important; margin-top:0px !important; margin-bottom: 0px;  text-align: center;  }


.genel_ana_yan i {  display: none; }

.genel_ana_yan ul {display:none; }
.genel_ana_yan li { list-style: none; border: none; height:60px; position: relative; display: inline-block;float:left;  }

.genel_ana_yan li a{ float: left; border-right: solid #e62d08 1px; text-decoration: none; height: 60px; line-height: 60px; color: #FFF; padding-right: 10px; padding-left: 20px; font-size: 14px; font-weight:700; letter-spacing:.7px; transition-property: background-color; transition-duration:0.3s; }
.genel_ana_yan li a:hover{color: #FFF; background-color: #e6007e !important; }

.genel_ana_yan li ul {top: 70px !important; background-color: #e6007e !important; width: 300px; !important; position: absolute; z-index:999; left: 0px !important; padding-left: 0px !important; }
.genel_ana_yan li ul li ul{ position: absolute; left: 100% !important; z-index:999; top: 0px !important;  }

.genel_ana_yan li ul li {height: 40px !important; width: 300px; !important; }
.genel_ana_yan li ul li a{height: 40px !important; display: block !important; float: none; text-align: left; line-height: 40px !important; color: #FFF; font-size: 10pt;}
.genel_ana_yan li ul li a:hover{ background-color: #e6007e  !important; }

/*normal üsten aşağı menü*/
.min_adet_label {

    float: left;
    margin-top:5px;
    margin-right:10px;
}
.mobilde {
    width:auto;
    float: left;
}
#adet_miktari {
    width:43px;
    float: left !important;
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li {
        background-color: #e6007e;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a{
        color: #fff !important;
    }
    .basket {
        margin-top:3px !important;
    }

    .mobilp0 {
        padding:0px;
    }

    .min_adet_label {
        width:100%;
        float: none !important;
    }

    .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {
        white-space: normal !important;
    }




}


.color_info { color:#5BC0DE ;}
.color_info:hover{color:#e6007e;}
.gizli {display:none;}

.color_kirmizi { color:#e6007e !important ;font-weight:bold;}
.color_gri { color:#C1C1C1 !important ;}
.color_999 { color:#999 !important ;}
.margin_top_30 {margin-top: 30px;}
.margin_top_40 {margin-top: 40px;}
.margin_top_50 {margin-top: 50px;}

/*yorum*/
.detailBox {
    width:100%;
    border:1px solid #D3D3D3;
}
.titleBox {
    background-color:#ededed;
    padding:10px;
}
.titleBox label{
    color:#444;
    margin:0;
    display:inline-block;
}

.commentBox {
    padding:10px;
    border-top:1px dotted #bbb;
}
.commentBox .form-group:first-child, .actionBox .form-group:first-child {
    width:80%;
}
.commentBox .form-group:nth-child(2), .actionBox .form-group:nth-child(2) {
    width:18%;
}
.actionBox .form-group * {
    width:100%;
}

.commentList {
    padding:0;
    list-style:none;
    max-height:500px;
    overflow:auto;
}
.commentList li {
    margin:0;
    margin-top:10px;
}
.commentList li > div {
    display:table-cell;
}

.commentText p {
    margin:0;

}
.sub-text {
    color:#aaa;
    font-size:11px; margin-right:10px;
}
.actionBox {
    border-top:1px dotted #bbb;
    padding:10px;
}

.aranan_kelimeler{width:100%; max-height:200px; display:none; overflow:auto; overflow-x:hidden; background-color:#FFF; margin-top:1px; position:absolute; z-index:999999; left:10px;}

.hata{ border:#e6007e solid 1px; }

.section-gap {
    margin-bottom: 15px;
}
.section-gap-double {
    margin-bottom: 30px;
}
.section-gap-triple {
    margin-bottom: 45px;
}
.section-gap-quadruple {
    margin-bottom: 60px;
}
.section-gap-quintuple {
    margin-bottom: 75px;
}
.section-gap-sextuple {
    margin-bottom: 90px;
}

/*Build.css pretty checkbox*/
.checkbox label::after {
    padding-top: 0;
    margin-top: -1px;
}
.btn-danger {
    background-color: #e6007e !important;
    border-color: #e6007e !important;
}

.urun-tab .panel-body{
    padding:15px 0;
}

.panel-danger{
    border:0;
}

.panel-danger>.panel-heading{
    background-color: #fff;
    border:none;
    border-bottom:1px solid #e6007e;
}
.tabmenu-urun{
    background-color: #fff;
}
.nav-tabs>li{
    margin-right:10px;
}
.nav-tabs>li>a{
    color:#e6007e!important;
    font-size:15px;
    text-transform: uppercase;
    font-weight:700;
    background-color: transparent!important;
    border:1px solid #e6007e;
}
.nav-tabs>li.active a{
    color:#fff!important;
    border:0!important;
}
.nav-tabs>li.active{
    color:#fff!important;
    background-color: #e6007e!important;
}
.nav-tabs li a:hover{
    color:#fff!important;
    background-color: #e6007e!important;
    border:0!important;
}
.scrollPage{
    position:fixed;
    bottom:40px;
    left:20px;
    display:inline-block;
    background-color: #e6007e;
    z-index:9998;
}
.scrollPage:hover{cursor:pointer; background-color: #000;}
.scrollPage i{
    color:#fff;
    font-size:18px;
    padding:3px 5px;

}
@media (max-width:480px) {
    .container{padding-right:0; padding-left:0;}
    .footer{height:auto!important;}
    .footer .l90{line-height: 40px;}
    .footer a{padding:0; }
    .footer .text-right{text-align: left!important;}
    .footer .renk_alt{white-space: nowrap; width:100%;}
}

@media (max-width:768px) {
    .wp-wrap{position: fixed; top:0; left:0; right:0; background-color: #fff; z-index:9999;margin-top:0!important; padding:10px 0; box-shadow: 0 2px 2px #ddd;}
    .whatsapp{width:230px; margin:0 auto; white-space: nowrap; }
    .login-link {margin:20px auto 0 auto;}
    .login-link a{text-align: center;}
    .nav-tabs>li{margin-right:2px;}
    .nav-tabs>li>a{font-size:11px; padding:7px 5px 4px 5px}
}