.clear {
   clear: both;
}

#popupload {
   display: none;
}

#sepetekleload {
   display: none;
}

#sepetsilload {
   display: none;
}

#adressecimiload {
   display: none;
}

#adreskontrolload {
   display: none;
}

#kargosecimiload {
   display: none;
}

#kargokontrolload {
   display: none;
}

#videogosterload {
   display: none;
}

.uye-screen {
   display: block;
   position: absolute;
   right: 18px;
   top: 30px;
   z-index: 98;
   line-height: 14px;
   font-size: 12px;
   font-weight: 400;
   color: #fff;
}

.uye-screen a {
   font-size: 12px;
   font-weight: 400;
   color: #fff;
}

.uye-screen a:hover,
.uye-screen a:focus {
   color: #fff;
   text-decoration: underline;
}

.ust_bilgi {
   width: 100%;
   height: 33px;
   padding-top: 3px;
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: center;
}

.ust_bilgi li {
   padding-right: 0px;
}

.ust_bilgi li.siparistakibi {
   margin-left: 240px;
}

@media(max-width:1024px) {
   .ust_bilgi li {
       padding-right: 30px;
   }
   .ust_bilgi li.siparistakibi {
       margin-left: 0px!important;
   }
}

.ust_bilgi li a {
   color: #fff;
   font-size: 16px;
   letter-spacing: 1px;
   text-shadow: 0px 0px 1px #fff;
}

.ust_bilgi li a>i {
   padding-right: 8px;
}

.ust_bilgi li a>img {
   padding-right: 7px;
   height: 21px;
   margin-top: -1px;
}

.ust-uyelik {
   position: absolute;
   z-index: 98;
   right: 0;
   top: 120px;
}

.ust-uyelik li {}

.ust-uyelik li span {
   width: 1px;
   height: 14px;
   margin: 0 7px;
   background: #888;
}

.ust-uyelik li a {
   height: 14px;
   line-height: 14px;
   font-size: 12px;
   font-weight: 400;
   color: #333;
}

.ust-uyelik li a:hover,
.ust-uyelik li a:focus {
   color: #292929;
   text-decoration: underline;
}

.ust-uyelik ul {
   display: none;
}

.ust-genel-bottom {
   position: absolute;
   z-index: 98;
   right: 0;
   bottom: 50px;
}

.yeni_button {}

.yeni_button li {
   width: auto;
   height: 45px;
   background: #feee03;
   margin-right: 15px;
   padding: 0px 10px 0px 10px;
}

.yeni_button li a {
   font-family: Arial;
   color: #fff;
   font-size: 13px;
   line-height: 13px;
}

.yeni_button li a .yazi2 {
   line-height: 17px;
   font-size: 17px;
   font-weight: 400;
   text-align: center;
   padding: 7px 14px 7px 14px;
}

.b_button {
   display: inline-block;
   width: 100%;
   text-align: center;
   height: 35px;
   line-height: 35px;
   padding: 0px !important;
   ;
   font-size: 13px;
   font-weight: 700;
   color: #fff;
   cursor: pointer;
   background-color: #3aaa35;
   border: solid 1px #1d1d1b;
   margin-top: 20px;
}

.b_button2 {
   display: inline-block;
   width: 100%;
   text-align: center;
   height: 35px;
   line-height: 35px;
   padding: 0px !important;
   font-size: 13px;
   font-weight: 700;
   color: #fff;
   cursor: pointer;
   background-color: #e30613;
   border: solid 1px #1d1d1b;
   margin-top: 20px;
}

.b_button2 img {
   height: 20px;
   margin-right: 5px;
}

@media (max-width: 1366px) {
   .yukeri_ok {
       display: block;
       position: fixed;
       left: 10px!important;
       bottom: 10px;
       cursor: pointer;
   }
}

.yukeri_ok {
   display: block;
   position: fixed;
   left: 20px;
   bottom: 20px;
   cursor: pointer;
}
/*Ürün Detay Başlangıç*/

@media (max-width: 1000px) {
   .yukeri_ok {
       display: block;
       position: fixed;
       left: 10px!important;
       bottom: 10px!important;
       cursor: pointer;
       z-index: 999
   }
   .urun_detay_baslik {
       width: 100%;
       height: auto;
       text-align: left;
       margin-top: 10px;
   }
   .urun_detay_indirim_eski_fiyat {
       width: 100%;
       height: auto;
       font-family: 'Arial';
       font-size: 20px!important;
       text-decoration: line-through;
       color: #4d4b4c;
       line-height: 20px!important;
       letter-spacing: 2px;
   }
   .urun_detay_indirim_yeni_fiyat {
       width: 100%;
       height: auto;
       font-family: 'Arial';
       font-size: 26px!important;
       margin-top: 0px;
       color: #000;
       line-height: 26px!important;
       letter-spacing: 2px;
   }
   .urun_detay_indirim_yeni_kdv {
       font-family: 'Arial';
       font-size: 13px!important;
       padding-left: 7px;
       font-weight: 600;
       letter-spacing: 1px;
   }
   .ucretsiz_kargo_bg {
       width: 100%;
       height: 57px!important;
       background: #f6f6f6;
       border-radius: 10px;
       margin-top: 13px!important;
       padding-top: 2px!important;
   }
   .urun_detay_secenek_liste {
       border-right: 0px solid #fff!important
   }
   .urun_detay_secenek_liste2 {
       border-left: 0px solid #fff!important
   }
   .urun_detay_secenek_liste2 {
       border-right: 0px solid #fff!important
   }
   .urun_detay_secenek_hemen_al_bg {
       border-right: 0px solid #fff!important;
   }
   .urun_detay_secenek_sepet_bg {
       border-left: 0px solid #fff!important;
       margin-top: 2px!important;
   }
   .urun_detay_uclu_bilgi_liste1 {
       border-right: 0px solid #fff!important;
   }
   .urun_detay_uclu_bilgi_liste2 {
       border-left: 0px solid #fff!important;
   }
   .urun_detay_uclu_bilgi_liste3 {
       border-left: 0px solid #fff!important;
   }
   .urun_detay_uclu_bilgi1 {
       width: 100%;
       height: auto!important;
       background: #feee03;
       text-align: center;
       font-size: 13px!important;
       line-height: 15px!important;
       border-radius: 0px!important;
       color: #fff;
       padding: 25px 6px!important;
       margin-bottom: 2px!important
   }
   .urun_detay_uclu_bilgi2 {
       width: 100%;
       height: auto!important;
       background: #feee03;
       text-align: center;
       font-size: 15px;
       line-height: 50%!important;
       border-radius: 0px !important;
       color: #fff;
       padding: 25px 6px!important;
   }
   .back-link-genel {
       width: 100%;
       margin-top: 10px!important;
       padding: 13px 0 13px 0!important;
   }
   .yeni_urun_detay_sol {}
   .yeni_urun_detay_sol .resim {
       width: 100%;
       height: auto!important;
       text-align: center;
   }
   .yeni_urun_detay_sol .resim img {
       width: 100%!important;
   }
   .urun_detay_fiyat_bg {
       width: 100%;
       height: auto;
       margin-top: 13px!important;
   }
   .urun_detay_secenek_bg {
       width: 100%;
       height: auto;
       margin-top: 13px!important;
   }
   .urun_detay_secenek_sepet_hemel_al_bg {
       margin-top: 13px!important;
       padding-bottom: 20px;
       border-bottom: 1px dashed #c6b8d4;
   }
}

.urun_detay_bg {
   width: 100%;
   height: auto;
   margin-top: 0px;
}

.yeni_urun_detay_sol {}

.yeni_urun_detay_sol .resim {
   width: 100%;
   height: 100%;
   text-align: center;
   overflow: hidden;
   border-bottom: solid 1px #f3f3f3;
   border-right: solid 1px #f3f3f3;
   padding: 2px 20px;
}

.yeni_urun_detay_sol .resim img {
   height: 100%;
   width: 100%;
   padding: 20px 0px;
}

.yeni_urun_detay_sag {
   background: transparent;
}

.urun_detay_baslik {
   width: 100%;
   height: auto;
   text-align: left;
}

.urun_detay_baslik h1 {
   font-weight: 700;
   line-height: 1.1;
   text-transform: none;
   font-size: 23px;
   color: #575757;
   margin-bottom: 1.25rem;
   font-family: "Calibri";
   margin-top: 25px;
}

.urun_detay_kod {
   display: inline-block;
   width: 100%;
   font-size: 14px;
   color: #9c9b99;
   line-height: 0.25em;
}

.urun_detay_fiyat_bg {
   width: 100%;
   height: auto;
   margin-top: 25px;
   margin-bottom: 20px;
}

.urun_detay_indirim_resim {
   width: 80%;
   height: auto;
   background: #e30613;
   border-radius: 10px;
   overflow: hidden;
   position: relative;
}

.urun_detay_indirim_resim img {
   width: 100%;
}

.urun_detay_indirim_resim span {
   font-size: 16px;
   color: #fff;
   bottom: 5px;
   position: absolute;
   text-align: center;
   width: 100%;
   right: 0px;
}

.urun_detay_indirim_eski_fiyat {
   width: 100%;
   height: auto;
   font-family: 'Arial';
   font-size: 20px;
   text-decoration: line-through;
   color: #4d4b4c;
   line-height: 27px;
   letter-spacing: -1px;
   margin-left: 4px;
}

.urun_detay_indirim_yeni_fiyat {
   color: #292929;
   display: inline-block;
   font-size: 39px;
   font-weight: 600;
   font-family: "Calibri";
   font-weight: 700;
   line-height: 1.1;
}

.urun_detay_indirim_yeni_kdv {
   color: #292929;
   display: inline-block;
   font-size: 22px;
   font-family: "Calibri";
   font-weight: 400;
   line-height: 1.1;
   position: relative;
}

.ucretsiz_kargo_bg {
   width: 100%;
   height: 50px;
   background: #f6f6f6;
   border-radius: 10px;
   margin-top: 35px;
}

.ucretsiz_kargo_icon {
   width: 100%;
   height: auto;
   line-height: 50px
}

.ucretsiz_kargo_icon img {
   width: 100%
}

.ucretsiz_kargo_liste {
   width: 100%;
   height: auto;
   padding: 0px;
   margin: 0px;
   margin-top: 5px
}

.ucretsiz_kargo_liste li {
   width: 100%;
   list-style: none;
   color: #444;
   font-family: Arial;
   font-size: 10px;
}

.urun_detay_secenek_bg {
   width: 100%;
   height: auto;
   padding: 0px;
}

.urun_detay_secenek_liste {
   border-right: 15px solid #fff
}

.urun_detay_secenek_liste2 {
   border-left: 15px solid #fff
}

.urun_detay_secenek_liste2 {
   border-right: 15px solid #fff
}

.urun_detay_secenek_baslik {
   width: 100%;
   height: auto;
   font-size: 21px;
}

.urun_detay_secenek_select {
   display: inline-block;
   width: 100%;
   height: 35px;
   line-height: 35px;
   padding: 1px 1px 1px 0;
   margin: 0;
   font-size: 18px;
   color: #333;
   background: #f6f6f6;
   border: 1px solid #f6f6f6;
}

a.buttton::-moz-selection {
   background: transparent;
}

a.buttton::selection {
   background: transparent;
}

.urun_detay_secenek_input {
   ;
   width: 100%;
   height: 35px;
   line-height: 35px;
   padding: 1px 1px 1px 0;
   margin: 0;
   font-size: 18px;
   color: #333;
   background: #f6f6f6;
   border: 1px solid #f6f6f6;
   text-align: center;
}

a.urun_detay_secenek_buton {
   width: 100%;
   height: 35px;
   line-height: 35px;
   background: #f6f6f6;
   text-align: center;
   cursor: pointer;
   color: #000;
   text-decoration: none;
   font-size: 17px;
   border-right: 1px solid #e4e5e4;
}

a.urun_detay_secenek_buton2 {
   width: 100%;
   height: 35px;
   line-height: 35px;
   background: #f6f6f6;
   text-align: center;
   cursor: pointer;
   color: #000;
   text-decoration: none;
   font-size: 17px;
   border-left: 1px solid #e4e5e4;
}

.urun_detay_secenek_sepet_hemel_al_bg {
   margin-top: 20px;
   padding-bottom: 20px;
}

.urun_detay_secenek_hemen_al_bg {}

.urun_detay_secenek_sepet_bg {
   border-left: none;
   margin-top: -1px!important;
}

.urun_detay_secenek_hemen_al {
   width: 100%;
   height: 35px;
   background: #feee03;
   text-align: center;
   color: #fff;
   line-height: 39px;
   border-radius: 8px;
   font-size: 16px;
   cursor: pointer;
}

a.urun_detay_secenek_sepet {
   width: 100%;
   height: 44px;
   background: #292929;
   text-align: center;
   color: #fff;
   line-height: 49px;
   border-radius: 8px;
   font-size: 14px;
   cursor: pointer;
}

a.urun_detay_secenek_sepet img {
   height: 20px;
   margin-right: 5px;
   margin-top: -6px;
}

.sosyal_liste {
   width: 100%;
   height: auto;
}

.sosyal_bg {
   width: 100%;
   height: auto;
   margin-top: 0px;
}

.pamuk_resim {
   width: 100%;
}

.pamuk_resim img {
   width: 100%;
}

.urun_detay_uclu_bilgi1 {
   width: 100%;
   height: auto;
   font-size: 15px;
}

.urun_detay_uclu_bilgi2 {
   width: 100%;
   height: auto;
   font-size: 15px;
}

.urun_detay_tabmenu_bg {
   width: 100%;
   height: auto;
   margin-top: 25px;
}
/*Ürün Detay Bitiş*/
/*Ürün Sepet Listele Başlangıç*/

@media (max-width: 1000px) {
   .sepet_listele_liste {
       width: 100%;
       height: auto!important;
       background: #f6f6f6;
       margin-bottom: 10px;
       padding: 10px;
   }
   .sepet_listele_liste_sag_bg {
       margin-top: 10px!important;
   }
   a.alisveris_devam {
       background: #292929!important;
       margin-top: 0px!important;
       color: #fff!important;
       margin-bottom: 10px!important;
   }
   .sepet_listele_liste_sag_baslik {
       width: 100%;
       text-align: left;
       font-size: 16px!important;
   }
   .sepet_listele_liste_sag_fiyateski {
       width: 100%;
       text-align: center;
       font-size: 14px!important;
       text-decoration: line-through;
   }
   .sepet_listele_liste_sag_fiyat {
       width: 100%;
       text-align: right;
       font-size: 16px!important;
   }
   .sepet_listele_liste_fiyat {
       font-size: 15px!important;
       padding-top: 5px!important
   }
   .sepet_listele_liste_button_bg {
       height: auto;
       padding-top: 5px!important
   }
   .sepet_listele_bg {
       width: 100%;
       height: auto;
       margin-top: 13px!important;
   }
   .sepet_listele_ana_baslik {
       width: 100%;
       height: auto;
       text-align: left;
       margin-bottom: 13px!important;
       margin-top: 0px!important;
   }
   .sepet_listele_ana_baslik h1 {
       width: 100%;
       margin-top: 0px;
       margin-bottom: 0px;
       font-size: 25px!important;
       color: #1d1d1b;
   }
   .sepet_listele_ana_baslik h2 {
       width: 100%;
       margin-top: 0px;
       margin-bottom: 0px;
       font-size: 13px!important;
       color: #9e9e9a;
   }
   .sepet_listele_liste_baslik {
       padding-top: 0px!important
   }
   .sepet_listele_liste_baslik h1 {
       width: 100%;
       font-size: 12px!important;
       color: #000;
   }
   .sepet_listele_liste_baslik h2 {
       width: 100%;
       font-size: 10px!important;
       color: #000;
       margin-top: 6px;
   }
   .sepet_listele_liste_button_bg {
       height: auto;
       padding-top: 25px
   }
   a.sepet_listele_liste_eksibuton {
       font-size: 15px!important;
   }
   a.sepet_listele_liste_artıbuton {
       font-size: 15px!important;
   }
   .sepet_listele_liste_input {
       font-size: 15px!important;
       margin-top: 0px!important;
       height: auto!important;
   }
   .sepet_liste_adett {
       font-size: 10px!important;
   }
   .sepet_liste_sil {
       padding-right: 15px!important;
       font-size: 15px!important;
       margin-top: 0px!important;
   }
   .sepet_birim_fiyat {
       font-size: 10px!important;
   }
}

.sepet_liste_adett {
   width: 100%;
   height: auto;
   font-size: 13px;
   color: #9e9e9a;
   text-align: center;
   margin-top: 0px;
}

.sepet_birim_fiyat {
   width: 100%;
   height: auto;
   font-size: 13px;
   color: #9e9e9a;
   text-align: center;
   margin-top: 1px;
}

.sepet_listele_ana_baslik {
   width: 100%;
   height: auto;
   text-align: left;
   margin-bottom: 25px;
   margin-top: 25px;
}

.sepet_listele_ana_baslik h1 {
   width: 100%;
   margin-top: 0px;
   margin-bottom: 0px;
   font-size: 26px;
   color: #1d1d1b;
}

.sepet_listele_ana_baslik h2 {
   width: 100%;
   margin-top: 0px;
   margin-bottom: 0px;
   font-size: 18px;
   color: #9e9e9a;
}

.sepet_listele_liste {
   width: 100%;
   height: 115px;
   background: #fff;
   margin-bottom: 10px;
   padding: 10px;
   display: flex;
   align-items: center;
}

.sepet_listele_liste_resim {
   width: 100%;
   height: 95px;
   overflow: hidden;
   text-align: center;
}

.sepet_listele_liste_resim img {
   height: 95px;
}

.sepet_listele_liste_baslik {
   width: 100%;
   height: auto;
   padding-top: 0px
}

.sepet_listele_liste_baslik h1 {
   width: 100%;
   font-size: 16px;
   color: #000;
}

.sepet_listele_liste_baslik h2 {
   width: 100%;
   font-size: 14px;
   color: #000;
   margin-top: 6px;
}

.sepet_listele_liste_button_bg {
   height: auto;
   padding-top: 0px
}

a.sepet_listele_liste_eksibuton {
   width: 100%;
   height: auto;
   color: #9e9e9a;
   font-size: 32px;
   text-decoration: none;
   text-align: right;
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

a.sepet_listele_liste_artıbuton {
   width: 20px;
   height: 20px;
   color: #9e9e9a;
   font-size: 20px;
   line-height: 20px;
   text-decoration: none;
   text-align: center;
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   display: flex;
   align-items: center;
   justify-content: center;
}

.sepet_listele_liste_input {
   width: 100%;
   height: 30px;
   background: #f6f6f6;
   border: none;
   text-align: center;
   font-size: 23px;
   margin-top: 5px;
}

.sepet_listele_liste_fiyat {
   width: 100%;
   height: auto;
   text-align: center;
   font-size: 25px;
   color: #000;
   padding-top: 0px
}

.sepet_liste_sil {
   width: 100%;
   height: auto;
   text-align: right;
   cursor: pointer;
   font-size: 22px;
   color: #000;
   text-decoration: none;
}

.sepet_listele_liste_sag_bg {
   margin-top: 50px;
}

a.alisveris_devam {
   width: 186px;
   height: 37px;
   color: #292929;
   text-decoration: none;
   font-size: 15px;
   background: #f6f6f6;
   text-align: center;
   line-height: 37px;
   margin-top: 50px
}

.hediye {
   width: 100%;
   height: auto;
   text-align: center;
}

.hediye img {
   height: 106px;
}

.hediye span {
   width: 100%;
   height: auto;
   color: #1d1d1b;
   text-decoration: none;
   font-size: 17px;
   line-height: 18px;
   margin-top: 12px;
}

.sepet_listele_liste_sag_liste {
   width: 100%;
   height: auto;
   border-bottom: 1px solid #292929;
   padding-bottom: 10px;
   padding-top: 0px;
}

.sepet_listele_liste_sag_liste2 {
   width: 100%;
   height: auto;
   border-bottom: 1px solid #292929;
   padding-bottom: 10px;
   padding-top: 10px;
}

.sepet_listele_liste_sag_baslik {
   width: 100%;
   text-align: left;
   font-size: 15px;
}

.sepet_listele_liste_sag_fiyateski {
   width: 100%;
   text-align: center;
   font-size: 17px;
   text-decoration: line-through;
}

.sepet_listele_liste_sag_fiyat {
   width: 100%;
   text-align: right;
   font-size: 15px;
}

.sepet_listele_liste_sag_satinal a {
   float: right;
   width: 186px;
   height: 37px;
   background: #c5306d;
   color: #fff;
   text-align: center;
   line-height: 37px;
   font-size: 15px;
   margin-top: 15px;
}
/*Ürün Sepet Listele bitiş*/
/* Yeni Üyelik Başlangıç */

.yeni_uyelik_genel_bg {
   width: 100%;
   height: auto;
   margin-top: 50px;
}

.yeni_uyelik_baslik {
   width: 100%;
   height: auto;
   text-align: left;
   font-family: 'ufonts7_com_centurygothic';
   font-size: 30px;
   letter-spacing: -1px;
   margin-bottom: 15px;
}

a.yeni_uyelik_baslik_kapat {
   float: right;
   font-family: 'GOTHICB';
   font-size: 25px;
   margin-top: -15px;
}

.yeni_uyelik_liste_bg {
   margin-top: 25px;
}

.yeni_uyelik_input {
   width: 100%;
   height: 45px;
   background: #f6f6f6;
   border-radius: 10px;
   border: none;
   padding-left: 20px;
   font-family: 'ufonts7_com_centurygothic';
   font-size: 16px;
   padding-top: 11px;
}

.yeni_uyelik_input input {
   width: 93%;
   border: none;
   background: #f6f6f6;
   font-family: 'ufonts7_com_centurygothic';
   font-size: 16px;
   color: #787171;
}

.yeni_uyelik_input_rakam {
   ;
   font-family: 'ufonts7_com_centurygothic';
   font-size: 17px;
   color: #a9adb7;
   padding-right: 5px;
}

.yeni_uyelik_liste {
   width: 100%;
   height: auto;
   margin-bottom: 10px;
}

.yeni_uyelik_input_baslik {
   width: 100%;
   font-family: 'GOTHICB';
   font-size: 17px;
   color: #1d1d1b;
}

.yeni_uyelik_liste2 {
   height: auto;
   margin-top: 30px;
   border-right: 5px solid #fff
}

.yeni_uyelik_liste3 {
   height: auto;
   margin-top: 30px;
   border-left: 5px solid #fff
}

.label_list {
   width: 100%;
   height: auto;
   font-family: 'ufonts7_com_centurygothic';
   font-size: 13px;
   color: #787171;
}

.yeni_uyelik_buton {
   width: 100%;
   height: 45px;
   background: #292929;
   text-align: center;
   font-family: 'ufonts7_com_centurygothic';
   font-size: 18px;
   color: #fff;
   border-radius: 10px;
   border: none;
   margin-top: 15px;
}

a.yeni_uyelik_butonface {
   width: 100%;
   height: 45px;
   background: #274597;
   text-align: center;
   font-family: 'ufonts7_com_centurygothic';
   font-size: 18px;
   color: #fff;
   border-radius: 10px;
   border: none;
   margin-top: 0px;
   text-decoration: none;
   line-height: 50px;
}

.uye_ol_resim {
   width: 100%;
   height: auto;
}

.uye_ol_resim img {
   width: 100%;
}
/* Yeni Üyelik Bitiş */

@media (max-width: 900px) {
   #uye-screen2 ul {
       width: 100%!important;
       height: 47px!important;
       position: relative;
       background: #292929;
       border-radius: 15px;
       text-align: center;
       z-index: 99;
       margin-top: 1px!important;
       padding-top: 4px;
       margin-left: 0px!important;
       margin-bottom: 10px!important;
   }
   #uye-screen2 li {
       width: 100%;
       font-size: 16px;
       margin-top: -1px;
       padding: 1px 18px;
       color: #fff;
   }
   #uye-screen2 li .uyelik_icon {
       width: 10%;
       margin-top: 8px;
   }
   #uye-screen2 li .uyelik_icon img {
       width: 100%;
   }
   #uye-screen2 li .uyelik_aciklama {
       width: 90%;
       padding-left: 10px;
   }
   #uye-screen2 li .uyelik_aciklama .uyelik_gel {
       width: 100%;
       font-size: 15px;
       color: #fff;
       text-align: left;
   }
   #uye-screen2 li .uyelik_aciklama .uyelik_ad {
       width: 100%;
       font-size: 15px;
       color: #fff;
       text-align: left;
   }
   #uye-screen2 li .uyelik_aciklama .uyelik_ad img {
       width: 10px;
       margin-left: 11px;
       margin-top: -3px;
   }
   #uye-screen2 li {
       font-size: 12px;
       color: #fff;
       padding-bottom: 10px;
   }
   #uye-screen2 li ul {
       width: 100%;
       height: auto!important;
       display: none;
       left: 0px;
       text-align: center;
       z-index: 9999;
       padding: 10px;
       top: 11px;
       position: absolute;
       border-radius: 15px;
       background: #292929;
       margin-left: 0px!important;
       margin-top: 40px!important
   }
   #uye-screen2 ul li .liste2 {
       width: 100%;
       padding: 2px !important;
   }
   #uye-screen2 ul li .liste2 a {
       color: #fff;
       font-size: 15px;
       padding-bottom: 0px;
   }
   #uye-screen2 li:hover ul {
       display: block;
   }
}

.giris_yap_cikis_yap {
   width: 208px;
   height: 47px;
   position: relative;
   background: #292929;
   border-radius: 15px;
   text-align: left;
   z-index: 99;
   margin-top: 40px;
   padding-top: 5px;
   margin-left: 25px;
   padding-left: 25px;
}

.giris_yap_cikis_yap .uyelik_icon {
   width: 10%;
   margin-top: 8px;
}

.giris_yap_cikis_yap .uyelik_icon img {
   width: 100%;
}

.giris_yap_cikis_yap .uyelik_aciklama {
   width: 90%;
   padding-left: 10px;
   color: #fff;
   margin-top: 10px;
   font-size: 15px;
}

#uye-screen2 ul {
   width: 208px;
   height: 47px;
   position: absolute;
   background: #feee03;
   text-align: center;
   z-index: 99;
   padding-top: 4px;
   top: 20px;
   right: 90px;
   border-radius: 30px;
}

#uye-screen2 li {
   width: 100%;
   font-size: 16px;
   margin-top: -1px;
   padding: 1px 18px;
   color: #fff;
}

#uye-screen2 li .uyelik_icon {
   width: 10%;
   margin-top: 8px;
}

#uye-screen2 li .uyelik_icon img {
   width: 100%;
}

#uye-screen2 li .uyelik_aciklama {
   width: 90%;
   padding-left: 10px;
}

#uye-screen2 li .uyelik_aciklama .uyelik_gel {
   width: 100%;
   font-size: 15px;
   color: #292929;
   text-align: left;
}

#uye-screen2 li .uyelik_aciklama .uyelik_ad {
   width: 100%;
   font-size: 15px;
   color: #292929;
   text-align: left;
}

#uye-screen2 li .uyelik_aciklama .uyelik_ad img {
   width: 10px;
   margin-left: 11px;
   margin-top: -3px;
}

#uye-screen2 li {
   font-size: 12px;
   color: #fff;
   padding-bottom: 10px;
}

#uye-screen2 li ul {
   width: 100%;
   height: auto;
   display: none;
   left: 0px;
   text-align: center;
   z-index: 9999;
   padding: 10px;
   top: 55px;
   position: absolute;
   border-radius: 30px;
   background: #292929;
   margin-left: 0px!important;
}

#uye-screen2 ul li .liste2 {
   width: 100%;
   padding: 2px !important;
}

#uye-screen2 ul li .liste2 a {
   color: #fff;
   font-size: 15px;
   padding-bottom: 0px;
}

#uye-screen2 li:hover ul {
   display: block;
}

.ust-sepetim {
   float: right;
}

.ust-sepetim li {
   margin-right: 15px;
}

.ust-sepetim li .sepet {
   padding: 12px 10px 5px 10px;
}

.ust-sepetim li a {
   display: block;
   height: auto;
   font-size: 15px;
   color: #fff;
   background-color: #feee03;
   line-height: 28px;
}

.ust-sepetim li a .basket {
   width: 20px;
   margin-right: 5px;
}

.ust-sepetim li a .basket img {
   width: 100%;
}

.ust-sepetim li a .yazi {
   margin-left: 0px;
   margin-top: 2px;
   padding: 9px 10px 6px 10px;
   border-right: 1px solid #63a089;
   line-height: 13px;
}

.ust-sepetim li a .ok {
   margin-left: 10px;
   margin-top: 12px;
   margin-right: 8px;
   margin-left: 8px;
}

.ust-sepetim li a .ok2 {
   margin-left: 10px;
   margin-top: 12px;
}

.ust-sepetim li a i {
   top: 2px;
   padding-right: 3px;
   font-size: 15px;
}

.ust-sepetim li a:hover,
.ust-sepetim li a:focus {
   text-decoration: none;
   background-color: #292929;
}

#haberlercom_ticker ul {
   width: 100%;
   position: relative;
}

#haberlercom_ticker ul li {
   margin-bottom: 8px;
   list-style: none;
   width: 100%
}

.cok_satan_liste {
   display: block;
}

.cok_satan_liste .cok_satan_resim {
   overflow: hidden;
   display: block;
   height: 67px;
}

.cok_satan_liste .cok_satan_resim img {
   display: block;
   width: 100%;
   height: 67px;
}

.cok_satan_liste .cok_satan_baslik {
   width: 100%;
   height: 40px;
   overflow: hidden;
   background: #fff;
   font-size: 14px;
   font-weight: 200;
   color: #000;
   text-align: left;
   margin-bottom: 5px
}

.cok_satan_eski_fiyat {
   text-decoration: line-through;
   color: #f00;
   font-size: 13px;
   float: right;
   margin-right: 7px;
}

.cok_satan_fiyat {
   margin-top: 0px;
   font-size: 16px;
   color: #222;
   font-weight: bold;
   float: right;
}

.son_urun_liste {
   display: block;
   border: 15px solid #FFF;
   height: 340px;
}

.baslik_liste {
   width: 100%;
   height: auto;
   font-weight: bold;
   border-bottom: 1px solid #292929;
   padding-bottom: 5px;
   font-size: 18px;
   margin-top: 35px
}

.son_urun_liste_ic {
   background: #fff;
   margin: 0px;
   color: #FFF;
   text-align: left;
}

.son_urun_liste_ic img {
   max-width: 100%;
}

.son_urun_liste_baslik {
   display: block;
   margin-top: 10px;
   font-size: 16px;
   color: #222;
   height: 61px;
}

.son_urun_liste_fiyat_eski {
   text-decoration: line-through;
   color: #f00;
   font-size: 13px;
   float: right;
   margin-right: 7px;
}

.son_urun_liste_fiyat {
   margin-top: 0px;
   font-size: 16px;
   color: #222;
   font-weight: bold;
   float: right;
}

.son_urun_liste_ic .ebat {
   display: block;
   margin-top: 10px
}

.son_urun_liste_ic .ebat .baslik {
   font-size: 13px;
   color: #222;
   font-weight: bold
}

.son_urun_liste_ic .ebat .select2 {
   display: inline-block;
   width: auto;
   width: 100%;
   height: 28px;
   line-height: 28px;
   padding: 1px 1px 1px 0;
   margin: 0;
   font-size: 13px;
   font-weight: 400;
   color: #888;
   background: #fff;
   border: 1px solid #feee03;
}

.son_urun_liste_ic .renk {
   display: block;
   margin-top: 10px;
   margin-left: 10px
}

.son_urun_liste_ic .renk .baslik {
   font-size: 13px;
   color: #222;
   font-weight: bold
}

.son_urun_liste_ic .renk .select2 {
   display: inline-block;
   width: auto;
   width: 100%;
   height: 28px;
   line-height: 28px;
   padding: 1px 1px 1px 0;
   margin: 0;
   font-size: 13px;
   font-weight: 400;
   color: #888;
   background: #fff;
   border: 1px solid #feee03;
}

.son_urun_liste_ic .sepet {
   width: 100%;
   height: 32px;
   line-height: 28px;
   padding: 2px 0px 2px 0px;
   margin: 5px 0 0 0px;
   font-size: 13px;
   font-weight: 700;
   color: #fff;
   cursor: pointer;
   background-color: #e30613;
   border: solid 1px #1d1d1b;
   text-align: center;
}

.son_urun_liste_ic .sepet a {
   color: #fff;
}

@media (min-width: 1024px) {
   .tab-menu2 {
       display: block;
       position: relative;
       width: 100%;
   }
   .tab-menu2 ul.tab-list {
       display: block;
   }
   .tab-menu2 ul.tab-list li {
       display: inline-block;
       width: 230px;
       margin: 0px -5px -2px 0px;
   }
   .tab-menu2 ul.tab-list li.active a {
       color: rgb(0, 0, 0);
       cursor: default;
       background-color: #fff;
       border-bottom-color: transparent;
       font-weight: 700;
       padding: 6px 2px 4px;
   }
   .tab-menu2 ul.tab-list li a {
       text-align: center;
       display: block;
       position: relative;
       z-index: 11;
       height: 45px;
       line-height: 38px;
       font-family: MyriadProRegular;
       font-size: 16px;
       font-weight: 300;
       color: rgb(75, 74, 74);
       padding: 6px 4px 4px;
       margin: 1px 0px 0px;
       background: rgb(246, 246, 246);
       border-width: 1px;
       border-style: solid;
       border-color: #d7d7d7;
       border-image: initial;
   }
   .tab-menu2 div.tab-detail {
       display: block;
       position: relative;
       z-index: 10;
       width: 100%;
       font-family: MyriadProRegular;
       font-size: 15px;
       font-weight: 400;
       color: rgb(69, 69, 69);
       padding: 14px;
       background: #fff;
       border-width: 1px;
       border-style: solid;
       border-color: #d7d7d7;
       border-image: initial;
   }
   .urun-detay span.sag table td select.select {
       display: inline-block;
       width: auto;
       width: 105px;
       height: 35px;
       line-height: 35px;
       padding: 1px 1px 1px 0;
       margin: 0;
       font-size: 13px;
       font-weight: 400;
       color: #888;
       background: #ededed;
       border: 1px solid #feee03;
   }
   .fiyat_boyutu {
       width: 100%;
       height: auto;
       text-align: center;
       font-size: 40px;
       color: #feee03;
       margin-top: 0px;
       letter-spacing: 1px;
   }
   .fiyat_boyutu2 {
       width: 100%;
       height: auto;
       text-align: center;
       font-size: 20px;
       color: #e30613;
       margin-top: 0px;
       letter-spacing: 1px;
   }
   .kdv_dahil {
       width: 100%;
       height: auto;
       text-align: center;
       font-size: 15px;
       color: #333;
       margin-top: 25px;
   }
   .urun_kodu_hizala {
       margin-top: 5px;
   }
   h3 {
       font-size: 44px;
       letter-spacing: 1px;
   }
   .firsat-liste {
       display: inline-block;
       position: relative;
       width: 100%;
       padding: 15px;
       margin: 11px 0 0 0;
       background: #742f8b;
       width: 100%;
       height: 340px;
       overflow: hidden;
   }
   .firsat-liste h3 {
       display: block;
       line-height: 100%;
       margin: 0 0 17px 0;
       font-size: 40px;
       font-weight: 700;
       color: #fff;
       text-align: center;
   }
   .firsat-liste h5 {
       display: block;
       line-height: 100%;
       margin: 0 0 15px 0;
       font-size: 20px;
       font-weight: 700;
       color: #fff;
       text-align: center;
   }
   .firsat-liste .prev {
       position: absolute;
       left: 3px;
       top: 40%;
       width: 14px;
       height: 14px;
       text-indent: -99999px;
       background-color: transparent;
       background-image: url('images/hafta-arrow.png');
       background-repeat: no-repeat;
       background-position: 0 0;
       background-size: 28px 28px;
   }
   .firsat-liste .prev.disabled {
       background-position: 0 -14px;
       cursor: default;
   }
   .firsat-liste .next {
       position: absolute;
       right: 3px;
       top: 40%;
       width: 14px;
       height: 14px;
       text-indent: -99999px;
       background-color: transparent;
       background-image: url('images/hafta-arrow.png');
       background-repeat: no-repeat;
       background-position: -14px 0;
       background-size: 28px 28px;
   }
   .firsat-liste .next.disabled {
       background-position: -14px -14px;
       cursor: default;
   }
   .firsat-liste .hafta {
       position: relative;
       margin: 0;
       border: none;
   }
   .firsat-liste .hafta ul {
       display: block;
   }
   .firsat-liste .hafta ul li {
       display: inline-block;
       position: relative;
       width: 100%;
       overflow: hidden;
       height: 334px;
   }
   .firsat-liste .hafta ul li span.stok-yok {
       position: absolute;
       z-index: 9;
       right: 2px;
       top: 2px;
       width: 89px;
       height: 89px;
       text-indent: -99999px;
       background-color: transparent;
       background-image: url('images/urun-liste-stok-yok.png');
       background-repeat: no-repeat;
       background-position: 0 0;
       background-size: 89px 89px;
   }
   .firsat-liste .hafta ul li span.on-siparis {
       position: absolute;
       z-index: 9;
       right: 2px;
       top: 2px;
       width: 89px;
       height: 89px;
       text-indent: -99999px;
       background-color: transparent;
       background-image: url('images/urun-liste-on-siparis.png');
       background-repeat: no-repeat;
       background-position: 0 0;
       background-size: 89px 89px;
   }
   .firsat-liste .hafta ul li a span.resim {
       display: block;
       width: 100%;
       padding: 2px;
       text-align: center;
       border: 1px solid #fff;
       background: #fff;
   }
   .firsat-liste .hafta ul li a span.resim span.overflow {
       display: block;
       width: 100%;
       height: 230px;
       overflow: hidden;
   }
   .sepet {
       height: 35px;
   }
   .sepetim_buton {
       float: right;
       width: 81px;
       height: 35px;
       background: #feee03;
       border-radius: 15px;
       text-align: left;
       position: relative;
       margin-top: 26px;
       padding-left: 12px;
   }
   .uye_girisi {
       float: right;
       width: 170px;
       height: 35px;
       background: #feee03;
       border-radius: 15px;
       text-align: left;
       position: relative;
       margin-top: 26px;
       padding-left: 12px;
       margin-right: 25px;
   }
   .uye_girisi .giris span {
       width: auto;
       color: #000;
       font-size: 16px;
       font-weight: 500;
       margin-top: 6px;
       margin-left: 15px;
   }
   .uye_girisi .giris img {
       margin-top: 7px;
   }
   .sepetim_buton img {
       height: 75px;
       margin-top: 0px;
   }
   .sepetim_buton .sepetim_buton_ic {
       position: absolute;
       top: 5px;
       right: 10px;
       background: rgba(255, 255, 255, 0.76);
       border-radius: 50%;
       width: 25px;
       height: 25px;
       line-height: 29px;
       text-align: center;
   }
   .ust-arama {
       position: relative;
       z-index: 100;
       width: 515px;
       margin: 26px 30px 4px 70px;
   }
   .ust-arama .ust_arama_en_cok {
       color: #ccc;
       font-size: 11px;
       margin-top: 5px;
       margin-left: 8px;
       letter-spacing: 1px;
   }
   .ust-arama .ust_arama_en_cok ul {
       width: 100%;
       height: auto;
   }
   .ust-arama .ust_arama_en_cok ul .baslikkk {
       display: inline;
       margin-right: 7px;
   }
   .ust-arama .ust_arama_en_cok ul li {
       display: inline;
   }
   .ust-arama .ust_arama_en_cok ul li a {
       color: #ccc;
   }
   .ust-arama input.input {
       width: 100%;
       height: 35px;
       line-height: 14px;
       padding: 4px 0px 0px 12px;
       margin: 0;
       letter-spacing: 1px;
       font-size: 14px;
       color: #ccc;
       background: #fff;
       border: solid 1px #a5a5a5;
       border-radius: 15px;
   }
   .ust-arama input.input::-webkit-input-placeholder {
       color: #d0c7c7;
   }
   .ust-arama input.input::-moz-placeholder {
       color: #d0c7c7;
   }
   .ust-arama input.input:-ms-input-placeholder {
       color: #d0c7c7;
   }
   .ust-arama button.button {
       display: block;
       position: absolute;
       top: 0px;
       right: 0px;
       width: 99px;
       height: 35px;
       line-height: 41px;
       padding: 0;
       margin: 0;
       font-size: 20px;
       font-weight: normal;
       color: #fff;
       text-align: center;
       cursor: pointer;
       background: transparent;
       border: none;
       background: #292929;
       border-radius: 15px 15px 15px 15px;
       letter-spacing: 1px;
   }
   .ust-arama input.input:focus+button.button {
       color: #feee03;
   }
   .ust-arama span.ustaraload {
       display: none;
       position: absolute;
       right: 0;
       top: 32px;
       z-index: 101;
       line-height: 100%;
       padding: 3px 4px;
       font-size: 11px;
       font-weight: 400;
       color: #fff;
       text-align: right;
       background: #ff4242;
       -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
       border-radius: 2px;
   }
   .ust-arama span#ustaraurunload {
       position: absolute;
       right: 0;
       top: 32px;
       z-index: 101;
   }
   .ust-arama span .multiple {
       display: block;
       min-width: 258px;
       max-height: 198px;
       font-size: 12px;
       font-weight: 400;
       color: #000;
       text-align: left;
       text-decoration: none;
       overflow: auto;
       background: #fff;
       border: 1px solid #b9b9b9;
       -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
       border-radius: 2px;
   }
   .ust-arama span .multiple:hover {
       border-color: #888;
   }
   .ust-arama span .multiple:focus {
       border-color: #fff;
       outline: auto #0d8cd9;
   }
   .ust-arama span .multiple ul {
       width: 100%;
   }
   .ust-arama span .multiple ul li {
       width: 100%;
       line-height: 14px;
       padding: 4px 0;
       margin: 0;
       font-size: 12px;
       color: #000;
       background: #fff;
   }
   .ust-arama span .multiple ul li.blue {
       background: #e4eef7;
   }
   .ust-arama span .multiple ul li:hover,
   .ust-arama span .multiple ul li:focus {
       background: #7aff83;
   }
   .ust-arama span .multiple ul li.blue:hover,
   .ust-arama span .multiple ul li.blue:focus {
       background: #7aff83;
   }
   .ust-arama span .multiple ul li label {
       width: auto;
       height: auto;
       line-height: 14px;
       padding: 0 4px;
       margin: 0;
       font-size: 12px;
       font-weight: 400;
       color: #000;
       cursor: pointer;
   }
}

@media (max-width: 1025px) {
   .ust-arama .ust_arama_en_cok {
       color: #ccc;
       font-size: 11px;
       margin-top: 5px;
       margin-left: 8px;
       letter-spacing: 1px;
   }
   .ust-arama .ust_arama_en_cok ul {
       width: 100%;
       height: auto;
   }
   .ust-arama .ust_arama_en_cok ul .baslikkk {
       display: inline;
       margin-right: 7px;
   }
   .ust-arama .ust_arama_en_cok ul li {
       display: inline;
   }
   .ust-arama .ust_arama_en_cok ul li a {
       color: #ccc;
   }
   .fiyat_boyutu2 {
       width: 100%;
       height: auto;
       text-align: center;
       font-size: 20px;
       color: #e30613;
       margin-top: 0px;
       letter-spacing: 1px;
   }
   .urun-detay span.sag table td select.select {
       display: inline-block;
       width: auto;
       width: 125px;
       height: 35px;
       line-height: 35px;
       padding: 1px 1px 1px 0;
       margin: 0;
       font-size: 13px;
       font-weight: 400;
       color: #888;
       background: #ededed;
       border: 1px solid #feee03;
   }
   .kdv_dahil {
       width: 100%;
       height: auto;
       text-align: center;
       font-size: 15px;
       color: #333;
       margin-top: 25px;
   }
   .fiyat_boyutu {
       width: 100%;
       height: auto;
       text-align: center;
       font-size: 35px;
       color: #feee03;
       margin-top: 0px
   }
   .urun_kodu_hizala {
       margin-top: 15px;
   }
   h3 {
       font-size: 44px;
   }
   .firsat-liste {
       display: inline-block;
       position: relative;
       width: 100%;
       padding: 15px;
       margin: 11px 0 0 0;
       background: #742f8b;
       width: 100%;
       height: 320px !important;
       overflow: hidden;
   }
   .firsat-liste h3 {
       display: block;
       line-height: 100%;
       margin: 0 0 17px 0;
       font-size: 16px;
       font-weight: 700;
       color: #fff;
       text-align: center;
   }
   .firsat-liste .prev {
       position: absolute;
       left: 3px;
       top: 40%;
       width: 14px;
       height: 14px;
       text-indent: -99999px;
       background-color: transparent;
       background-image: url('images/hafta-arrow.png');
       background-repeat: no-repeat;
       background-position: 0 0;
       background-size: 28px 28px;
   }
   .firsat-liste .prev.disabled {
       background-position: 0 -14px;
       cursor: default;
   }
   .firsat-liste .next {
       position: absolute;
       right: 3px;
       top: 40%;
       width: 14px;
       height: 14px;
       text-indent: -99999px;
       background-color: transparent;
       background-image: url('images/hafta-arrow.png');
       background-repeat: no-repeat;
       background-position: -14px 0;
       background-size: 28px 28px;
   }
   .firsat-liste .next.disabled {
       background-position: -14px -14px;
       cursor: default;
   }
   .firsat-liste .hafta {
       position: relative;
       margin: 0;
       border: none;
   }
   .firsat-liste .hafta ul {
       display: block;
   }
   .firsat-liste .hafta ul li {
       display: inline-block;
       position: relative;
       width: 100%;
       overflow: hidden;
       height: 263px;
   }
   .firsat-liste .hafta ul li span.stok-yok {
       position: absolute;
       z-index: 9;
       right: 2px;
       top: 2px;
       width: 89px;
       height: 89px;
       text-indent: -99999px;
       background-color: transparent;
       background-image: url('images/urun-liste-stok-yok.png');
       background-repeat: no-repeat;
       background-position: 0 0;
       background-size: 89px 89px;
   }
   .firsat-liste .hafta ul li span.on-siparis {
       position: absolute;
       z-index: 9;
       right: 2px;
       top: 2px;
       width: 89px;
       height: 89px;
       text-indent: -99999px;
       background-color: transparent;
       background-image: url('images/urun-liste-on-siparis.png');
       background-repeat: no-repeat;
       background-position: 0 0;
       background-size: 89px 89px;
   }
   .firsat-liste .hafta ul li a span.resim {
       display: block;
       width: 100%;
       padding: 2px;
       text-align: center;
       border: 1px solid #fff;
       background: #fff;
   }
   .firsat-liste .hafta ul li a span.resim span.overflow {
       display: block;
       width: 100%;
       height: 165px;
       overflow: hidden;
   }
}

@media (max-width: 479px) {
   .tab-menu2 ul.tab-list li a {
       padding: 6px 2px 2px!important;
   }
   .taksit_liste {
       background: #ffffff;
       border-radius: 10px;
       padding: 15px;
       border: solid 1px #feee03;
   }
   .taksit_liste .resim {
       width: 100%;
       text-align: center;
   }
   .taksit_liste .baslik {
       width: 100%;
       height: auto;
       font-weight: 700;
       color: #333;
       font-size: 13px;
       text-align: center;
       margin-top: 10px;
   }
   .taksit_liste_li {
       width: 100%;
       margin-top: 10px;
   }
   .taksit_liste_li div {
       text-align: center;
   }
}

@media (max-width: 767px) {
   .mesafeli_satis {
       background: #f6f6f6;
       padding: 20px;
       border: solid 1px #307c61;
       margin-top: 15px;
       margin-bottom: 10px !important
   }
   .tab-menu2 {
       display: block;
       position: relative;
       width: 100%;
   }
   .taksit_liste {
       background: #ffffff;
       border-radius: 10px;
       padding: 15px;
       border: solid 1px #feee03;
   }
   .taksit_liste .resim {
       width: 100%;
       text-align: center;
   }
   .taksit_liste .baslik {
       width: 100%;
       height: auto;
       font-weight: 700;
       color: #333;
       font-size: 13px;
       text-align: center;
       margin-top: 10px;
   }
   .taksit_liste_li {
       width: 100%;
       margin-top: 10px;
   }
   .taksit_liste_li div {
       text-align: center;
   }
   .tab-menu2 ul.tab-list {
       display: block;
   }
   .tab-menu2 ul.tab-list li {
       display: inline-block;
       width: 30%;
       height: auto!important;
       margin: 0px -4px -2px 0px;
   }
   .tab-menu2 ul.tab-list li.active a {
       color: rgb(0, 0, 0);
       cursor: default;
       background-color: #fff;
       border-bottom-color: transparent;
       font-weight: 700;
       padding: 6px 2px 4px;
   }
   .tab-menu2 ul.tab-list li a {
       text-align: center;
       display: block;
       position: relative;
       z-index: 11;
       height: 30px;
       line-height: 18px;
       font-family: MyriadProRegular;
       font-size: 12px;
       font-weight: 300;
       color: rgb(75, 74, 74);
       padding: 6px 4px 4px;
       margin: 1px 0px 0px;
       background: rgb(246, 246, 246);
       border-width: 1px;
       border-style: solid;
       border-color: #d7d7d7;
       border-image: initial;
   }
   .tab-menu2 div.tab-detail {
       display: block;
       position: relative;
       z-index: 10;
       width: 100%;
       font-family: MyriadProRegular;
       font-size: 13px;
       font-weight: 400;
       color: rgb(69, 69, 69);
       padding: 14px;
       background: #fff;
       border-width: 1px;
       border-style: solid;
       border-color: #d7d7d7;
       border-image: initial;
   }
   .urun-menuler li.xs {
       margin-top: 20px;
   }
   h3 {
       font-size: 30px;
   }
   .fiyat_boyutu {
       width: 100%;
       height: auto;
       text-align: center;
       font-size: 25px;
       color: #feee03;
       margin-top: 0px
   }
}

@media (max-width: 479px) {
   .urun-menuler li.xss {
       margin-top: 0px;
   }
   .urun_kodu_hizala {
       margin-top: 0px;
   }
}

.urun-menuler li a {
   display: block;
   width: 100%;
   height: 40px;
   line-height: 40px;
   padding: 0 0 0 10px;
   font-size: 16px;
   font-weight: 400;
   color: #212121;
   background-color: #fff;
   border: 1px solid #e1e1e1;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

.urun-menuler li a i {
   padding-right: 7px;
   font-size: 18px;
}

.urun-menuler li a:hover,
.urun-menuler li a:focus {
   color: #212121;
   text-decoration: underline;
}

.urun-menuler li.active a {
   color: #212121;
   text-decoration: underline;
}

.back-link {
   display: block;
   padding-bottom: 0px;
   width: 100%;
   height: auto;
}

.back-link li {
   height: 20px;
   line-height: 20px;
   margin: 0 5px 0 0;
}

.back-link li:last-child {
   margin-right: 0;
}

.back-link li a {
   display: block;
   font-size: 13px;
   color: #888888;
}

.back-link li a i {
   padding-right: 4px;
   font-size: 14px;
}

.back-link li a:hover,
.back-link li a:focus {
   text-decoration: underline;
}

.back-link li a.disabled:hover,
.back-link li a.disabled:focus {
   text-decoration: none;
   cursor: default;
}

.title {
   margin: 0px 0 0px 0;
}

.title h3 {
   line-height: 24px;
   font-size: 20px;
   font-weight: 700;
   color: #454545;
}

@media (max-width: 767px) {
   .title h3 {
       line-height: 20px;
       font-size: 16px;
   }
}

@media (max-width: 479px) {
   .title h3 {
       line-height: 16px;
       font-size: 13px;
   }
}

.content {
   min-height: 200px;
   margin: 0 0 10px 0;
}

.content-genel {
   width: 100%;
}

.content-genel h4 {
   line-height: 100%;
   padding: 10px 0 5px 0;
   margin: 0 0 10px 0;
   font-size: 16px;
   font-weight: 700;
   color: #feee03;
   border-bottom: 1px solid #ddd;
}

.content-genel span.baslik-adres {
   display: block;
   width: 100%;
   margin: 0 0 15px 0;
   font-size: 16px;
   font-weight: 700;
   color: #454545;
}
 /*.content-genel div.sol {float:left;width:450px;height:auto;margin:0;padding:0;position:relative;}
.content-genel div.sag {float:right;width:450px;height:auto;margin:0;padding:0;position:relative;}
.content-genel div.sol span.baslik, .content-genel div.sag span.baslik {width:100%;height:auto;font-size:16px;font-weight:700;color:#454545;}
.content-genel div.sol span.baslik.sol {float:left;}
.content-genel div.sol span.baslik.sag {float:right;}
.content-genel div.sol div.icerik, .content-genel div.sag div.icerik {width:100%;height:300px;margin:15px 0 0 0;background-color:#fff;}
.content-genel div.sol div.icerik.sol {float:left;}
.content-genel div.sol div.icerik.sag {float:right;}*/

.content-orta {
   display: block;
   line-height: 20px;
   font-size: 14px;
   color: #454545;
}

.content-k {
   display: block;
}

.content-k a {
   display: block;
   height: 30px;
   line-height: 20px;
   padding: 5px 10px;
   margin-bottom: 25px;
   font-size: 13px;
   font-weight: 700;
   color: #fff;
   background-color: #292929;
}

.content-k a i {
   top: 2px;
   padding-right: 5px;
   font-size: 15px;
}

.content-k a:hover,
.content-k a:focus {
   text-decoration: none;
}

.content-sol {
   display: block;
}

.content-sol.disable {
   display: none !important;
}

@media (min-width: 480px) {
   .content-sol.disable {
       display: block !important;
   }
}

.content-sol.home {
   line-height: 20px;
   font-size: 14px;
   color: #454545;
}

.content-sol h3 {
   line-height: 100%;
   margin: 0 0 10px 0;
   font-size: 16px;
   font-weight: 700;
   color: #292929;
   text-transform: uppercase;
   border-bottom: 1px solid #292929;
   padding: 10px 0 10px 0;
}

.content-sol.home h3 {
   padding: 0;
   margin: 0 0 10px 0;
   font-size: 20px;
   font-weight: 700;
   color: #212121;
}

.content-sol ul.menu {
   width: 100%;
   margin-bottom: 20px;
   padding: 0
}

.content-sol ul.menu li {
   width: 100%;
   border-top: 1px solid #f3f3f3
}

.content-sol ul.menu li a {
   display: block;
   line-height: 16px;
   padding: 10px 10px 10px 0;
   font-size: 13px;
   font-weight: 500;
   color: #292929;
   background: url('images/content-sol-menu-inactive.png') 95% 50% no-repeat;
}

.content-sol ul.menu li a span {
   padding: 0 0 0 5px;
   color: #de0000;
}

.content-sol ul.menu li a.inactive {
   background: url('images/content-sol-menu-inactive.png') 95% 50% no-repeat;
}

.content-sol ul.menu li a.active {
   background: url('images/content-sol-menu-active.png') 95% 50% no-repeat;
   background-color: transparent;
   color: #333 !important;
   position: relative;
}
 /*
.content-sol ul.menu li a.active:before {
    content: "";
    border-color: transparent transparent #feee03;
    border-width: 8px 13px;
    bottom:10px;
    border-style: solid;
    position: absolute;
    left:-5px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -moz-transition: .3s;
    background: 0 0;
    transform:rotate(90deg);
}
*/

.content-sol ul.menu li a:hover,
.content-sol ul.menu li a:focus {
   color: #292929;
   text-decoration: none;
}

.content-sol ul.menu li.current a {
   color: #292929;
}

.content-sol ul.menu ul {
   display: none;
}

.content-sol ul.menu ul li a {
   color: #292929 !important;
   background-color: #f7f7f7 !important;
}

.content-sol .menu ul li ul li a {
   color: #292929 !important;
   background-color: #d0d0d0 !important;
}

.content-sol ul.menu ul li a:hover,
.content-sol ul.menu ul li a:focus {
   color: #000 !important;
}

.content-sol ul.menu ul li.current a {
   color: #292929 !important;
   background: #feee03;
   position: relative;
}
 /*
.content-sol ul.menu ul li.current a:before {
    content: "";
    border-color: transparent transparent #292929;
    border-width: 8px 13px;
    bottom:10px;
    border-style: solid;
    position: absolute;
    left:-5px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -moz-transition: .3s;
    background: 0 0;
    transform:rotate(90deg);
}
*/

.content-sol ul.menu ul ul {
   display: none;
}

.content-sol ul.filter {
   display: block;
   background-color: transparent;
}

.content-sol ul.filter li {
   display: block;
   width: 100%;
}

.content-sol ul.filter li a {
   display: block;
   width: 100%;
}

.content-sol ul.filter li a:hover,
.content-sol ul.filter li a:focus {
   text-decoration: none;
}

.content-sol ul.filter ul {
   display: block;
   width: 100%;
}

.content-sol ul.filter ul li {
   display: block;
   width: 100%;
   margin: 20px 0 0 0;
}

.content-sol ul.filter ul li.ilk {
   margin-top: 0;
}

.content-sol ul.filter ul li a {
   display: block;
   width: 100%;
   line-height: 18px;
   padding: 2px 0 2px 20px;
   font-size: 14px;
   font-weight: 700;
   color: #454545;
   margin-bottom: 10px;
   ;
}

.content-sol ul.filter ul li a.inactive {
   background: url('images/b2.png') no-repeat 52px 0px;
}

.content-sol ul.filter ul li a.active {
   background: url('images/b1.png') no-repeat 52px 0px;
}

.content-sol ul.filter ul li a:hover,
.content-sol ul.filter ul li a:focus {
   color: #feee03;
}

.content-sol ul.filter ul li.current a {
   color: #feee03;
}

.content-sol ul.filter ul ul {
   display: block;
   width: 100%;
   margin-top: 10px;
}

.content-sol ul.filter ul ul li {
   display: block;
   width: 100%;
   margin: 0;
}

.content-sol ul.filter ul ul li a {
   display: block;
   width: 100%;
   font-weight: 400 !important;
   color: #666 !important;
   margin-bottom: 0px;
}

.content-sol ul.filter ul ul.checkbox li a {
   background: url('images/filter-ul-checkbox-li-a.png') 0 50% no-repeat;
}

.content-sol ul.filter ul ul li a strong {
   display: inline-block;
   width: auto;
   font-weight: 400;
   background: #fff;
   padding-left: 10px;
   padding-right: 10px;
}

.content-sol ul.filter ul ul li a span {
   display: inline-block;
   width: 25%;
   text-align: right;
}

.content-sol ul.filter ul ul li a:hover,
.content-sol ul.filter ul ul li a:focus {
   color: #feee03 !important;
   text-decoration: underline;
   background: url('images/filter-ul-li-hover.png') 0 50% no-repeat;
}

.content-sol ul.filter ul ul.checkbox li a:hover,
.content-sol ul.filter ul ul.checkbox li a:focus {
   background: url('images/filter-ul-checkbox-li-a-hover.png') 0 50% no-repeat;
}

.content-sol ul.filter ul ul li a:hover strong,
.content-sol ul.filter ul ul li a:focus strong {
   text-decoration: underline;
}

.content-sol ul.filter ul ul li a:hover span,
.content-sol ul.filter ul ul li a:focus span {
   text-decoration: underline;
}

.content-sol ul.filter ul ul li.current a {
   color: #666 !important;
   text-decoration: underline;
   background: url('images/filter-ul-li-current.png') 0 76% no-repeat;
}

.content-sol ul.filter ul ul.checkbox li.current a {
   color: #feee03 !important;
   text-decoration: underline;
   background: url('images/filter-ul-checkbox-li-a-hover.png') 0 50% no-repeat;
}

.content-sol ul.filter ul ul li.current a:hover,
.content-sol ul.filter ul ul li.current a:focus {
   color: #feee03 !important;
   text-decoration: underline;
   background: url('images/filter-ul-li-current-hover.png') 0 76% no-repeat;
}

.content-sol ul.filter ul ul.checkbox li.current a:hover,
.content-sol ul.filter ul ul.checkbox li.current a:focus {
   color: #feee03 !important;
   text-decoration: underline;
   background: url('images/filter-ul-checkbox-li-a-hover.png') 0 50% no-repeat;
}

.content-sol ul.filter ul ul.checkbox li.current a strong {
   text-decoration: underline;
}

.content-sol ul.filter ul ul.checkbox li.current a span {
   text-decoration: underline;
}

.content-sol ul.filter ul ul ul {
   display: none;
}

.content-sol ul.uyelik {
   width: 100%;
   margin-bottom: 20px;
}

.content-sol ul.uyelik li {
   width: 100%;
   list-style: none;
}

.content-sol ul.uyelik li a {
   display: block;
   line-height: 16px;
   padding: 7px 10px 7px 0;
   font-size: 13px;
   font-weight: 700;
   color: #212121;
}

.content-sol ul.uyelik li a:hover,
.content-sol ul.uyelik li a:focus {
   color: #212121;
   text-decoration: none;
}

.content-sol ul.uyelik li.current a {
   color: #212121;
}

.content-sol ul.uyelik ul {
   margin: 0 0 20px 0;
}

.content-sol ul.uyelik ul li {
   border-top: 1px solid #ddd;
}

.content-sol ul.uyelik ul li:first-child {
   border-top: none;
}

.content-sol ul.uyelik ul li a {
   font-weight: 400;
   color: #999 !important;
}

.content-sol ul.uyelik ul li a span {
   padding: 0 0 0 5px;
   color: #de0000;
}

.content-sol ul.uyelik ul li a:hover,
.content-sol ul.uyelik ul li a:focus {
   color: #656565 !important;
}

.content-sol ul.uyelik ul li.current a {
   color: #656565 !important;
}

.content-sol ul.uyelik ul ul {
   display: none;
}

.content-sag {
   display: block;
   line-height: 20px;
   font-size: 14px;
   margin-top: 25px;
   color: #454545;
}

.content-sag.home {
   line-height: inherit;
   font-family: inherit;
   font-size: inherit;
   color: inherit;
}

.hata404 {
   width: 100%;
   border-collapse: collapse;
   border: none;
}

.hata404 td {
   line-height: 100%;
   padding: 80px 0;
   font-size: 20px;
   font-weight: 400;
   color: #888;
   vertical-align: middle;
}

.hata404 td.left {
   line-height: 100%;
   font-size: 200px;
}

.hata404 td.right {
   padding-left: 30px;
}

.hata404 td.right span {
   display: block;
   line-height: 100%;
   padding: 0 0 10px 0;
   font-size: 35px;
}

.hata404 td.right a {
   color: #888;
   text-decoration: underline;
}

@media (max-width: 479px) {
   .hata404 td {
       padding: 30px 0;
       font-size: 9px;
   }
   .hata404 td.left {
       font-size: 60px;
   }
   .hata404 td.right {
       padding-left: 10px;
   }
   .hata404 td.right span {
       font-size: 12px;
   }
}

@media (min-width: 480px) and (max-width: 767px) {
   .hata404 td {
       padding: 40px 0;
       font-size: 11px;
   }
   .hata404 td.left {
       font-size: 100px;
   }
   .hata404 td.right {
       padding-left: 15px;
   }
   .hata404 td.right span {
       font-size: 14px;
   }
}

@media (min-width: 768px) and (max-width: 991px) {
   .hata404 td {
       padding: 60px 0;
       font-size: 16px;
   }
   .hata404 td.left {
       font-size: 140px;
   }
   .hata404 td.right {
       padding-left: 20px;
   }
   .hata404 td.right span {
       font-size: 25px;
   }
}

@media (max-width: 991px) {
   .sepetim_buton {
       right: 68px;
       top: 48px;
       width: 71px;
       height: 35px;
       background: #feee03;
       border-radius: 8px!important;
       text-align: left;
       position: absolute;
       padding-left: 10px;
   }
   .sepetim_buton img {
       height: 27px;
       margin-top: 3px;
   }
   .uye_girisi {
       right: 148px;
       top: 48px;
       width: 130px;
       height: 35px;
       background: #feee03;
       border-radius: 8px!important;
       text-align: left;
       position: absolute;
       padding-left: 10px;
   }
   .uye_girisi .giris span {
       width: auto;
       color: #000;
       font-size: 12px;
       font-weight: 500;
       margin-top: 11px;
       margin-left: 15px;
   }
   .uye_girisi .giris img {
       margin-top: 7px;
   }
   .sepetim_buton .sepetim_buton_ic {
       position: absolute;
       top: 6px;
       right: 10px;
       background: rgba(255, 255, 255, 0.76);
       border-radius: 50%;
       width: 25px;
       height: 25px;
       line-height: 29px;
       text-align: center;
   }
   .ust-arama {
       position: relative;
       z-index: 100;
       width: 100%;
       margin: 0px 0px 0 0;
   }
   .ust-arama .ust_arama_en_cok {
       color: #ccc;
       font-size: 9px;
       margin-top: 5px;
       margin-bottom: 5px;
   }
   .ust-arama input.input {
       width: 100%;
       height: 35px;
       line-height: 14px;
       padding: 9px 10px 7px 14px;
       margin: 0;
       font-size: 14px;
       color: #ccc;
       background: #fff;
       border: solid 1px #000;
       border-radius: 15px;
   }
   .ust-arama input.input::-webkit-input-placeholder {
       color: #ccc;
       opacity: 1;
   }
   .ust-arama input.input::-moz-placeholder {
       color: #ccc;
       opacity: 1;
   }
   .ust-arama input.input:-ms-input-placeholder {
       color: #ccc;
       opacity: 1;
   }
   .ust-arama button.button {
       display: block;
       position: absolute;
       top: 0px;
       right: 0px;
       width: 74px;
       height: 35px;
       line-height: 39px;
       padding: 0;
       margin: 0;
       font-size: 16px;
       font-weight: normal;
       color: #FFF;
       text-align: center;
       cursor: pointer;
       background: transparent;
       border: none;
       background: #000;
       border-radius: 15px 15px 15px 15px;
       letter-spacing: 1px;
   }
   .ust-arama input.input:focus+button.button {
       color: #feee03;
   }
   .ust-arama span.ustaraload {
       display: none;
       position: absolute;
       right: 0;
       top: 32px;
       z-index: 101;
       line-height: 100%;
       padding: 3px 4px;
       font-size: 11px;
       font-weight: 400;
       color: #fff;
       text-align: right;
       background: #ff4242;
       -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
       border-radius: 2px;
   }
   .ust-arama span#ustaraurunload {
       position: absolute;
       right: 0;
       top: 32px;
       z-index: 101;
   }
   .ust-arama span .multiple {
       display: block;
       min-width: 258px;
       max-height: 198px;
       font-size: 12px;
       font-weight: 400;
       color: #000;
       text-align: left;
       text-decoration: none;
       overflow: auto;
       background: #fff;
       border: 1px solid #b9b9b9;
       -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
       border-radius: 2px;
   }
   .ust-arama span .multiple:hover {
       border-color: #888;
   }
   .ust-arama span .multiple:focus {
       border-color: #fff;
       outline: auto #0d8cd9;
   }
   .ust-arama span .multiple ul {
       width: 100%;
   }
   .ust-arama span .multiple ul li {
       width: 100%;
       line-height: 14px;
       padding: 4px 0;
       margin: 0;
       font-size: 12px;
       color: #000;
       background: #fff;
   }
   .ust-arama span .multiple ul li.blue {
       background: #e4eef7;
   }
   .ust-arama span .multiple ul li:hover,
   .ust-arama span .multiple ul li:focus {
       background: #7aff83;
   }
   .ust-arama span .multiple ul li.blue:hover,
   .ust-arama span .multiple ul li.blue:focus {
       background: #7aff83;
   }
   .ust-arama span .multiple ul li label {
       width: auto;
       height: auto;
       line-height: 14px;
       padding: 0 4px;
       margin: 0;
       font-size: 12px;
       font-weight: 400;
       color: #000;
       cursor: pointer;
   }
   .ust_bilgi {
       width: 100%;
       height: 33px;
       padding: 8px;
       background: #292929;
   }
   .ust_bilgi li {
       padding-right: 10px;
   }
   .ust_bilgi li a {
       color: #feee03;
       font-size: 10px;
       letter-spacing: 1px;
       text-shadow: 0px 0px 1px #fff;
   }
   .ust_bilgi li a>i {
       padding-right: 8px;
   }
   .ust_bilgi li a>img {
       padding-right: 7px;
       height: 21px;
       margin-top: -1px;
   }
   .urun-liste li a span.button {
       display: none!important;
   }
}

.eklenmis-resim1 {
   width: 100%;
}

.eklenmis-resim1 li {
   width: 150px;
   height: 135px;
   margin: 0 16px 0 0;
}

.eklenmis-resim1 li a {
   display: block;
   width: 150px;
   height: 135px;
   cursor: pointer;
}

.eklenmis-resim1 li a span.resim {
   width: 140px;
   height: 105px;
   padding: 4px;
   background: #fff;
   border: 1px solid #ccc;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

.eklenmis-resim1 li a span.resim span.overflow {
   width: 140px;
   height: 105px;
   overflow: hidden;
}

.eklenmis-resim1 li a span.resim span.overflow img {
   width: 140px;
   min-height: 105px;
}

.eklenmis-resim1 li a span.aciklama {
   width: 150px;
   height: 20px;
   line-height: 16px;
   overflow: hidden;
   font-size: 11px;
   color: #454545;
   text-align: center;
}

.eklenmis-resim2 {
   width: 100%;
}

.eklenmis-resim2 li {
   width: 100%;
   height: 125px;
   margin: 0 15px 15px 0;
}

.eklenmis-resim2 li a {
   display: block;
   width: 100%;
   height: 125px;
   cursor: pointer;
}

.eklenmis-resim2 li a span.resim {
   width: 100%;
   height: 130px;
   padding: 4px;
   background: #fff;
   border: 1px solid #ccc;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

.eklenmis-resim2 li a span.resim span.overflow {
   width: 100%;
   height: 120px;
   overflow: hidden;
}

.eklenmis-resim2 li a span.resim span.overflow img {
   width: 100%;
   min-height: 125px;
}

.eklenmis-resim2 li a span.aciklama {
   width: 136px;
   height: 20px;
   line-height: 15px;
   overflow: hidden;
   font-size: 11px;
   color: #454545;
   text-align: center;
}

.eklenmis-resim3 {
   width: 100%;
}

.eklenmis-resim3 li {
   width: 145px;
   height: 131px;
   margin: 0 16px 0 0;
}

.eklenmis-resim3 li a {
   display: block;
   width: 145px;
   height: 131px;
   cursor: pointer;
}

.eklenmis-resim3 li a span.resim {
   width: 135px;
   height: 101px;
   padding: 4px;
   background: #fff;
   border: 1px solid #ccc;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

.eklenmis-resim3 li a span.resim span.overflow {
   width: 135px;
   height: 101px;
   overflow: hidden;
}

.eklenmis-resim3 li a span.resim span.overflow img {
   width: 135px;
   min-height: 101px;
}

.eklenmis-resim3 li a span.aciklama {
   width: 145px;
   height: 20px;
   line-height: 16px;
   overflow: hidden;
   font-size: 11px;
   color: #454545;
   text-align: center;
}

.eklenmis-resim4 {
   width: 100%;
}

.eklenmis-resim4 li {
   width: 105px;
   height: 109px;
   margin: 0 16px 0 0;
}

.eklenmis-resim4 li a {
   display: block;
   width: 105px;
   height: 109px;
   cursor: pointer;
}

.eklenmis-resim4 li a span.resim {
   width: 105px;
   height: 89px;
   padding: 4px;
   background: #fff;
   border: 1px solid #ccc;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

.eklenmis-resim4 li a span.resim span.overflow {
   width: 95px;
   height: 79px;
   overflow: hidden;
}

.eklenmis-resim4 li a span.resim span.overflow img {
   width: 95px;
   min-height: 79px;
}

.eklenmis-resim4 li a span.aciklama {
   width: 105px;
   height: 20px;
   line-height: 16px;
   overflow: hidden;
   font-size: 11px;
   color: #454545;
   text-align: center;
}

.eklenmis-video1 {
   width: 100%;
}

.eklenmis-video1 li {
   width: 150px;
   height: 135px;
   margin: 0 16px 0 0;
}

.eklenmis-video1 li a {
   display: block;
   position: relative;
   width: 150px;
   height: 135px;
   cursor: pointer;
}

.eklenmis-video1 li a span.video {
   position: absolute;
   left: 50%;
   top: 50%;
   width: 40px;
   height: 30px;
   margin: -25px 0 0 -20px;
   background: url('images/eklenmis-video-icon.png') 0 0 no-repeat;
}

.eklenmis-video1 li a:hover span.video,
.eklenmis-video1 li a:focus span.video {
   background-position: 0 -30px;
}

.eklenmis-video1 li a span.resim {
   width: 140px;
   height: 105px;
   padding: 4px;
   background: #fff;
   border: 1px solid #ccc;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

.eklenmis-video1 li a span.resim span.overflow {
   width: 140px;
   height: 105px;
   overflow: hidden;
}

.eklenmis-video1 li a span.resim span.overflow img {
   width: 140px;
   height: 105px;
}

.eklenmis-video1 li a span.aciklama {
   width: 150px;
   height: 20px;
   line-height: 16px;
   overflow: hidden;
   font-size: 11px;
   color: #454545;
   text-align: center;
}

.eklenmis-video2 {
   width: 100%;
}

.eklenmis-video2 li {
   width: 100%;
   height: 330px;
   margin: 0 15px 15px 0;
   list-style-type:none;
}

.eklenmis-video2 li a {
   display: block;
   position: relative;
   width: 100%;
   height: 222px;
   cursor: pointer;
}

.eklenmis-video2 li a span.video {
   position: absolute;
   left: 50%;
   top: 50%;
   width: 40px;
   height: 30px;
   margin: -7px 0 0 -20px;
   background: url('images/eklenmis-video-icon.png') 0 0 no-repeat;
}

.eklenmis-video2 li a:hover span.video,
.eklenmis-video2 li a:focus span.video {
   background-position: 0 -30px;
}

.eklenmis-video2 li a span.resim {
    display:inline-block;
    width: 100%;
    height: 222px;
    padding: 4px;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.eklenmis-video2 li a span.resim span.overflow {
   width: 100%;
   height: 213px;
   overflow: hidden;
}

.eklenmis-video2 li a span.resim span.overflow img {
   width: 100%;
   height: 222px;
}

.eklenmis-video2 li a span.aciklama {
   width: 100%;
   height: 30px;
   line-height: 30px;
   overflow: hidden;
   font-size: 18px;
   color: #454545;
   text-align: center;
}

.eklenmis-video3 {
   width: 100%;
}

.eklenmis-video3 li {
   width: 145px;
   height: 131px;
   margin: 0 16px 0 0;
}

.eklenmis-video3 li a {
   display: block;
   position: relative;
   width: 145px;
   height: 131px;
   cursor: pointer;
}

.eklenmis-video3 li a span.video {
   position: absolute;
   left: 50%;
   top: 50%;
   width: 40px;
   height: 30px;
   margin: -25px 0 0 -20px;
   background: url('images/eklenmis-video-icon.png') 0 0 no-repeat;
}

.eklenmis-video3 li a:hover span.video,
.eklenmis-video3 li a:focus span.video {
   background-position: 0 -30px;
}

.eklenmis-video3 li a span.resim {
   width: 135px;
   height: 101px;
   padding: 4px;
   background: #fff;
   border: 1px solid #ccc;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

.eklenmis-video3 li a span.resim span.overflow {
   width: 135px;
   height: 101px;
   overflow: hidden;
}

.eklenmis-video3 li a span.resim span.overflow img {
   width: 135px;
   height: 101px;
}

.eklenmis-video3 li a span.aciklama {
   width: 145px;
   height: 20px;
   line-height: 16px;
   overflow: hidden;
   font-size: 11px;
   color: #454545;
   text-align: center;
}

.eklenmis-video4 {
   width: 100%;
}

.eklenmis-video4 li {
   width: 105px;
   height: 109px;
   margin: 0 16px 0 0;
}

.eklenmis-video4 li a {
   display: block;
   position: relative;
   width: 105px;
   height: 109px;
   cursor: pointer;
}

.eklenmis-video4 li a span.video {
   position: absolute;
   left: 50%;
   top: 50%;
   width: 40px;
   height: 30px;
   margin: -25px 0 0 -20px;
   background: url('images/eklenmis-video-icon.png') 0 0 no-repeat;
}

.eklenmis-video4 li a:hover span.video,
.eklenmis-video4 li a:focus span.video {
   background-position: 0 -30px;
}

.eklenmis-video4 li a span.resim {
   width: 95px;
   height: 79px;
   padding: 4px;
   background: #fff;
   border: 1px solid #ccc;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

.eklenmis-video4 li a span.resim span.overflow {
   width: 95px;
   height: 79px;
   overflow: hidden;
}

.eklenmis-video4 li a span.resim span.overflow img {
   width: 95px;
   height: 79px;
}

.eklenmis-video4 li a span.aciklama {
   width: 105px;
   height: 20px;
   line-height: 16px;
   overflow: hidden;
   font-size: 11px;
   color: #454545;
   text-align: center;
}

.eklenmis-dosya1 {
   width: 100%;
}

.eklenmis-dosya1 .dosya-liste {
   width: 100%;
   height: 50px;
   margin: 0 16px 16px 0;
   padding: 4px;
   background: #fff;
   border: 1px solid #ccc;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

.eklenmis-dosya1 .dosya-liste a {
   display: block;
   width: 100%;
   height: auto;
   padding: 5px;
   background: #ddd;
}

.eklenmis-dosya1 .dosya-liste a span.resim {
   width: 30px;
   height: 30px;
}

.eklenmis-dosya1 .dosya-liste a span.resim span.overflow {
   width: 30px;
   height: 30px;
   overflow: hidden;
}

.eklenmis-dosya1 .dosya-liste a span.resim span.overflow img {
   max-width: 30px;
   height: 30px;
}

.eklenmis-dosya1 .dosya-liste a span.aciklama {
   width: 100px;
   height: 30px;
   line-height: 30px;
   overflow: hidden;
   font-size: 11px;
   color: #454545;
   text-align: left;
}

.eklenmis-dosya2 {
   width: 100%;
}

.eklenmis-dosya2 li {
   width: 126px;
   height: 40px;
   margin: 0 15px 15px 0;
   padding: 4px;
   background: #fff;
   border: 1px solid #ccc;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

.eklenmis-dosya2 li a {
   display: block;
   width: 116px;
   height: 30px;
   padding: 5px;
   background: #ddd;
}

.eklenmis-dosya2 li a span.resim {
   width: 30px;
   height: 30px;
}

.eklenmis-dosya2 li a span.resim span.overflow {
   width: 30px;
   height: 30px;
   overflow: hidden;
}

.eklenmis-dosya2 li a span.resim span.overflow img {
   max-width: 30px;
   height: 30px;
}

.eklenmis-dosya2 li a span.aciklama {
   width: 86px;
   height: 30px;
   line-height: 30px;
   overflow: hidden;
   font-size: 11px;
   color: #454545;
   text-align: left;
}

.eklenmis-dosya3 {
   width: 100%;
}

.eklenmis-dosya3 li {
   width: 135px;
   height: 40px;
   margin: 0 16px 16px 0;
   padding: 4px;
   background: #fff;
   border: 1px solid #ccc;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

.eklenmis-dosya3 li a {
   display: block;
   width: 125px;
   height: 30px;
   padding: 5px;
   background: #ddd;
}

.eklenmis-dosya3 li a span.resim {
   width: 30px;
   height: 30px;
}

.eklenmis-dosya3 li a span.resim span.overflow {
   width: 30px;
   height: 30px;
   overflow: hidden;
}

.eklenmis-dosya3 li a span.resim span.overflow img {
   max-width: 30px;
   height: 30px;
}

.eklenmis-dosya3 li a span.aciklama {
   width: 95px;
   height: 30px;
   line-height: 30px;
   overflow: hidden;
   font-size: 11px;
   color: #454545;
   text-align: left;
}

.haber-liste {
   display: block;
}

.haber-liste li {
   display: block;
   padding: 10px 0;
   border-top: 1px solid #ddd;
}

.haber-liste li:first-child {
   padding-top: 0;
   border-top: none;
}

.haber-liste li a {
   display: block;
}

.haber-liste li a span.resim {
   display: inline-block;
   padding: 4px;
   background: #fff;
   border: 1px solid #ccc;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

.haber-liste li a span.resim img {
   max-width: 100%;
}

.haber-liste li a span.aciklama {
   display: inline-block;
   line-height: 20px;
   font-size: 13px;
   font-weight: 400;
   color: #454545;
}

.haber-liste li a span.aciklama span.baslik {
   display: block;
   font-size: 16px;
   font-weight: 700;
}

.haber-liste li a span.aciklama span.spot {
   display: block;
   color: #888;
}

.haber-liste li a span.aciklama span.tarih {
   display: block;
   font-size: 11px;
   color: #888;
   text-align: right;
}

.haber-liste li a:hover span.aciklama span.baslik,
.haber-liste li a:focus span.aciklama span.baslik {
   color: #feee03;
}

.haber-detay {
   width: 100%;
}

.haber-detay span.spot {
   display: block;
   padding: 0 0 10px 0;
   margin: 0 0 10px 0;
   font-size: 16px;
   font-weight: 700;
   color: #454545;
   border-bottom: 1px solid #ddd;
}

.haber-detay span.genel {
   width: 100%;
   font-size: 13px;
   font-weight: 400;
   color: #454545;
}

.haber-detay span.genel img {
   width: 290px;
   padding: 4px;
   margin: 0 20px 0 0;
   background: #fff;
   border: 1px solid #ccc;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

.haber-detay span.genel span.aciklama {
   color: #454545;
}

.haber-detay span.genel span.tarih {
   color: #888;
}

.etiket-liste {
   width: 100%;
   margin: 17px 0;
}

.etiket-liste li {
   margin: 3px 3px 0 0;
}

.etiket-liste li:last-child {
   margin-left: 0;
}

.etiket-liste li a {
   display: block;
   height: 20px;
   line-height: 14px;
   padding: 3px 5px;
   font-size: 11px;
   font-weight: 400;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

.etiket-liste li a.etiket1 {
   color: #fff;
   background: #6488d8;
}

.etiket-liste li a.etiket2 {
   color: #fff;
   background: #35a7ae;
}

.etiket-liste li a.etiket3 {
   color: #fff;
   background: #35ce4a;
}

.etiket-liste li a.etiket4 {
   color: #fff;
   background: #7979ff;
}

.etiket-liste li a.etiket5 {
   color: #fff;
   background: #335ab0;
}

.etiket-liste li a.etiket6 {
   color: #fff;
   background: #ff8a00;
}

.etiket-liste li a.etiket7 {
   color: #fff;
   background: #b3298b;
}

.etiket-liste li a.etiket8 {
   color: #fff;
   background: #656565;
}

.etiket-liste li a.etiket9 {
   color: #fff;
   background: #479229;
}

.etiket-liste li a.etiket10 {
   color: #fff;
   background: #f77620;
}

.etiket-liste li a:hover,
.etiket-liste li a:focus {
   color: #fff;
   background: #212121;
   text-decoration: none;
}

.page-list {
   display: inline-block;
   width: 100%;
   padding: 10px 0 0 0;
   margin: 10px 0;
   border-top: 1px solid #ddd;
}

.page-list li {
   width: 100%;
   list-style: none;
}

.page-list li span {}

.page-list li span.total {
   height: 24px;
   line-height: 24px;
   float: right;
   font-size: 12px;
   font-weight: 400;
   color: #454545;
}

.page-list li span.list {}

.page-list li span.list span.passive {
   height: 24px;
   line-height: 24px;
   margin: 0 3px 0 0;
   font-size: 12px;
   font-weight: 400;
   color: #454545;
}

.page-list li span.list a {
   height: 24px;
   line-height: 15px;
   padding: 4px 9px;
   margin: 0 3px 3px 0;
   font-size: 12px;
   font-weight: 400;
   color: #454545;
   cursor: pointer;
   background: #f9f9f9;
   border: 1px solid #ccc;
   text-decoration: none;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
}

.page-list li span.list a.last {
   margin-right: 0;
}

.page-list li span.list a::selection {
   background: transparent;
   color: #454545;
}

.page-list li span.list a.disable {
   color: #ccc;
   cursor: default;
   background: #f9f9f9;
   border-color: #e9e9e9;
}

.page-list li span.list a.disable::selection {
   color: #ccc;
}

.page-list li span.list a:hover,
.page-list li span.list a:focus {
   text-decoration: none;
   background: #fff;
}

.page-list li span.list a.hover::selection {
   color: #454545;
}

.page-list li span.list a.disable:hover,
.page-list li span.list a.disable:focus {
   color: #ccc;
   background: #f9f9f9;
   border-color: #e9e9e9;
}

.page-list li span.list a.disable.hover::selection {
   color: #ccc;
}

.page-list li span.list a.active {
   color: #feee03;
   cursor: default;
   background: #fff;
   border-color: #feee03;
}

.page-list li span.list a.active::selection {
   color: #feee03;
}

@media (min-width: 0px) and (max-width: 991px) {
   .urun-detay span.sag table td select.select {
       display: inline-block;
       width: auto;
       width: 125px;
       height: 35px;
       line-height: 35px;
       padding: 1px 1px 1px 0;
       margin: 0;
       font-size: 13px;
       font-weight: 400;
       color: #888;
       background: #ededed;
       border: 1px solid #feee03;
   }
   .page-list li span.total {
       margin-bottom: 5px;
   }
}

.table {
   width: 100%;
   border-collapse: collapse;
   border-top: 1px solid #ddd;
   border-left: 1px solid #ddd;
}

.table td {
   font-size: 13px;
   font-weight: 400;
   color: #454545;
   border-right: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
}

.table.taksit td {
   line-height: 14px;
   font-size: 11px;
   color: #333;
}

.table thead td {
   font-weight: 700;
   color: #212121;
   vertical-align: middle;
   background: #ededed url('images/table-thead.png') 0 0 repeat-x;
}

.table.taksit thead td {
   font-weight: 400;
   color: #333;
   background: #fff;
}

.table.taksit thead td img {
   height: 16px;
}

.table tbody td {
   font-weight: 400;
   vertical-align: middle;
   background: #fff;
}

.table.taksit tbody td b {
   font-size: 12px;
   color: #212121;
}

.table tbody tr:hover td,
.table tbody tr:focus td {
   background-color: #f1f1f1;
}

.table td.left {
   float: none;
   text-align: left;
   padding: 7px;
}

.table.taksit td.left {
   padding: 5px 2px;
}

.table td.right {
   float: none;
   text-align: right;
   padding: 7px;
}

.table.taksit td.right {
   padding: 5px 2px;
}

.table td.center {
   float: none;
   text-align: center;
   padding: 6px;
}

.table.taksit td.center {
   padding: 5px 2px;
}

.table td a {
   height: 16px;
   line-height: 16px;
   padding: 1px 4px;
   font-size: 11px;
   font-weight: 400;
   color: #fff;
   cursor: pointer;
   background-image: url('images/table-button.png');
   background-position: 0 0;
   background-repeat: repeat;
   background-color: #feee03;
   border: 1px solid #156479;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
}

.table td a::selection {
   background: transparent;
}

.table td a:hover,
.table td a:focus {
   background: #156479;
}

.referans-modul1 {
   width: 100%;
}

.referans-modul1 li {
   width: 180px;
   height: 178px;
   margin: 0 20px 0 0;
}

.referans-modul1 li a {
   display: block;
   width: 180px;
   height: 178px;
   cursor: pointer;
}

.referans-modul1 li a span.resim {
   width: 170px;
   height: 128px;
   padding: 4px;
   background: #fff;
   border: 1px solid #ccc;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

.referans-modul1 li a span.resim span.overflow {
   width: 170px;
   height: 128px;
   overflow: hidden;
}

.referans-modul1 li a span.resim span.overflow img {
   width: 170px;
   min-height: 128px;
}

.referans-modul1 li a span.aciklama {
   width: 180px;
   height: 40px;
   line-height: 16px;
   overflow: hidden;
   font-size: 11px;
   color: #454545;
   text-align: center;
}

.page-sort {
   display: inline-block;
   width: 100%;
   padding: 5px 10px;
   margin: 0 0 25px 0;
   background: #fff;
   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
}

.page-sort span.left {}

.page-sort span.left ul.order {
   display: block;
}

.page-sort span.left ul.order li {
   height: 20px;
   margin: 0 0 0 15px;
}

.page-sort span.left ul.order li:first-child {
   margin-left: 0;
}

.page-sort span.left ul.order li a {
   display: block;
   line-height: 20px;
   padding: 0 14px 0 0;
   margin: 0;
   font-size: 12px;
   font-weight: 700;
   color: #333;
   cursor: pointer;
   background: url('images/page-sort-a.png') 100% 0 no-repeat;
}

.page-sort span.left ul.order li a::selection {
   background: transparent;
   color: #333;
}

.page-sort span.left ul.order li a:hover,
.page-sort span.left ul.order li a:focus {
   color: #333;
   text-decoration: none;
}

.page-sort span.left ul.order li a.asc {
   background: url('images/page-sort-a.png') 100% -20px no-repeat;
}

.page-sort span.left ul.order li a.desc {
   background: url('images/page-sort-a.png') 100% -40px no-repeat;
}

.page-sort span.left ul.order li a.asc:hover,
.page-sort span.left ul.order li a.asc:focus {
   background: url('images/page-sort-a.png') 100% -20px no-repeat;
}

.page-sort span.left ul.order li a.desc:hover,
.page-sort span.left ul.order li a.desc:focus {
   background: url('images/page-sort-a.png') 100% -40px no-repeat;
}

.page-sort span.right {
   float: right;
   margin-top: 0px;
   ;
}

.page-sort span.right span.form {}

.page-sort span.right span.form select {
   width: auto;
   height: 20px;
   line-height: 20px;
   padding: 1px 1px 1px 0;
   margin: 0 -5px 0 0;
   font-size: 12px;
   font-weight: 400;
   color: #333;
   cursor: auto;
   text-align: left;
   text-decoration: none;
   background: #fff;
   border: 1px solid #b9b9b9;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
}

.page-sort span.right span.form select:focus {
   border-color: #888;
}

@media (min-width: 0px) and (max-width: 639px) {
   .urun-detay span.sag table td select.select {
       display: inline-block;
       width: auto;
       width: 74px;
       height: 35px;
       line-height: 35px;
       padding: 1px 1px 1px 0;
       margin: 0;
       font-size: 13px;
       font-weight: 400;
       color: #888;
       background: #ededed;
       border: 1px solid #feee03;
   }
   .page-sort span.left ul.order li {
       float: none;
       margin-left: 0;
   }
   .page-sort span.left ul.order li a {
       padding: 0 0 0 14px;
       background-position: 0 0;
   }
   .page-sort span.left ul.order li a.asc,
   .page-sort span.left ul.order li a.asc:hover,
   .page-sort span.left ul.order li a.asc:focus {
       background-position: 0 -20px;
   }
   .page-sort span.left ul.order li a.desc,
   .page-sort span.left ul.order li a.desc:hover,
   .page-sort span.left ul.order li a.desc:focus {
       background-position: 0 -40px;
   }
   .page-sort span.right span.form {
       float: none;
   }
}

.page-kelime {
   width: 720px;
   line-height: 20px;
   padding: 6px 10px 4px 10px;
   margin: 0 0 15px 0;
   font-size: 12px;
   color: #333;
   background: #ffd1d1;
   border: 1px solid #f8acac;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
}

.page-kelime span.left {}

.page-kelime span.right {
   float: right;
}

.urun-teklif {
   display: block;
   margin-bottom: 10px;
}

.urun-teklif h3 {
   display: block;
   line-height: 100%;
   padding: 0;
   margin: 0 0 10px 0;
   font-size: 20px;
   font-weight: 700;
   color: #212121;
}

.urun-teklif a {
   display: block;
   cursor: pointer;
   border: 1px solid #e1e1e1;
}

@media (min-width: 800px) {
   .urun-yorum {
       width: 100%;
       margin-top: 25px;
   }
   .urun-yorum li {
       width: 100%;
       line-height: 15px;
       padding: 10px 0;
       font-size: 13px;
       color: #212121;
       border-bottom: 1px solid #92bbac;
   }
   .urun-yorum li:first-child {
       border-top: 1px solid #92bbac;
   }
   .urun-yorum li.none {
       width: 100%;
       padding: 7px 10px;
       border: 1px solid #ddd;
       -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
       border-radius: 2px;
   }
   .urun-yorum li span.adsoyad {
       width: 30%;
       border-right: 1px solid #92bbac;
   }
   .urun-yorum li span.adsoyad span.tarih {
       margin: 0 0 0 0px;
       font-size: 11px;
       color: #888;
   }
   .urun-yorum li span.oy {
       width: 17%;
       border-right: 1px solid #92bbac;
       margin-left: 10px;
   }
   .urun-yorum li span.oy img {
       height: 27px;
   }
   .urun-yorum li span.yorum {
       width: 50%;
       line-height: 16px;
       margin: 5px 0 0 0;
       font-size: 12px;
       margin-left: 10px;
   }
}

@media (max-width: 479px) {
   .urun-teklif a.xss {
       margin-top: 20px;
   }
   .urun-liste li a span.resim span.overflow {
       display: block;
       width: 100%;
       height: 100px !important;
       text-align: center;
       background: #fff;
   }
   .urun-liste li a span.fiyat {
       font-size: 14px!important;
   }
   .urun-liste li a span.fiyat.kdvli {
       font-size: 14px!important;
       font-weight: 700;
       color: #feee03;
   }
   .urun-liste li a span.fiyat span.fiyat1 {
       font-size: 12px!important;
   }
   .urun-liste li a span.fiyat span.fiyat2 {
       font-size: 16px!important;
   }
   .urun-liste li a span.fiyat span.fiyat2 span {
       font-size: 11px!important;
       font-weight: 400;
       display: none;
   }
   .urun-liste li a span.detay {
       display: block;
       position: relative;
       z-index: 8;
       width: auto;
       margin: 0 0 10px 0;
       text-align: center;
       position: absolute;
       padding: 0px 5px 0px 5px;
       bottom: 10px;
       right: 10px;
   }
   .urun-liste li {
       padding: 5px!important;
       margin: 0 0 30px 0!important;
       width: 100%;
   }
   .urun-liste li a span.detay_baslik {
       font-size: 12px!important;
       line-height: 18px!important;
       margin-top: 5px!important;
       margin-bottom: 5px!important;
   }
   .urun-liste li a span.button {
       width: 100%!important;
       height: 29px!important;
       line-height: 34px!important;
       text-align: center;
       margin-top: 5px!important;
   }
   .row22 {
       margin-left: 0px!important;
       margin-right: 0px!important;
   }
}

.urun-teklif a img {
   max-width: 100%;
}

.urun-liste {
   display: block;
}

.ana-urun {
   margin-top: 75px;
}

@media(max-width:1023px) {
   .ana-urun {
       margin-top: 20px;
   }
}

.row22 {
   margin-left: -12px;
   margin-right: -12px;
}

.urun-liste li {
   display: inline-block;
   width: 100%;
   position: relative;
   margin: 0 12px 24px 12px;
   background: #fff;
   padding: 20px;
   box-shadow: 0px 0px 15px #dedede;
}

.urun-liste li a {
   display: block;
   position: relative;
   z-index: 7;
}

.urun-liste li a span.indirim {
   position: absolute;
   z-index: 9;
   right: 27px;
   top: 22px;
   width: 44px;
   height: 73px;
   line-height: 12px;
   padding: 37px 0;
   font-size: 11px;
   font-weight: 400;
   color: #fff;
   text-align: center;
   background-color: transparent;
   background-image: url('images/urun-liste-indirim.png');
   background-repeat: no-repeat;
   background-position: 0 0;
   background-size: 100%;
   position: absolute;
}

.urun-liste li a span.indirim strong {
   display: inline-block;
   width: 8px;
   height: 8px;
   margin: 0 2px 0 0;
   background-color: transparent;
   background-image: url('images/urun-liste-indirim-strong.png');
   background-repeat: no-repeat;
   background-position: 0 0;
   background-size: 8px 8px;
}

.urun-liste li a span.kargo {
   position: absolute;
   z-index: 9;
   right: -3px;
   top: -3px;
   width: 89px;
   height: 89px;
   background-color: transparent;
   background-image: url('images/urun-liste-kargo.png');
   background-repeat: no-repeat;
   background-position: 0 0;
   background-size: 89px 89px;
}

.urun-liste li a span.stok-yok {
   position: absolute;
   z-index: 9;
   right: -3px;
   top: -3px;
   width: 89px;
   height: 89px;
   text-indent: -99999px;
   background-color: transparent;
   background-image: url('images/urun-liste-stok-yok.png');
   background-repeat: no-repeat;
   background-position: 0 0;
   background-size: 89px 89px;
}

.urun-liste li a span.on-siparis {
   position: absolute;
   z-index: 9;
   right: -3px;
   top: -3px;
   width: 89px;
   height: 89px;
   text-indent: -99999px;
   background-color: transparent;
   background-image: url('images/urun-liste-on-siparis.png');
   background-repeat: no-repeat;
   background-position: 0 0;
   background-size: 89px 89px;
}

.urun-liste li a span.resim {
   display: block;
   position: relative;
   z-index: 8;
   width: 100%;
   padding: 0px;
   height: auto;
}

.urun-liste li a span.indirimli {
   position: absolute;
   z-index: 9;
   right: 4px;
   top: 10px;
   width: 84px;
   height: 20px;
   background-color: transparent;
   background-image: url('images/indirim.png');
   background-repeat: no-repeat;
   background-position: 0 0;
   background-size: 84px 20px;
}

.urun-liste li a span.nisan23 {
   position: absolute;
   z-index: 9;
   right: 4px;
   top: 10px;
   width: 83px;
   height: 83px;
   background-color: transparent;
   background-image: url('images/yirmiuc.png');
   background-repeat: no-repeat;
   background-position: 0 0;
   background-size: 83px 83px;
}

.urun-liste li a span.superindirim {
   position: absolute;
   z-index: 9;
   right: 4px;
   top: 10px;
   width: 83px;
   height: 83px;
   background-color: transparent;
   background-image: url('images/superindirim.png');
   background-repeat: no-repeat;
   background-position: 0 0;
   background-size: 83px 83px;
}

.urun-liste li a span.mayisaozel {
   position: absolute;
   z-index: 9;
   right: 4px;
   top: 10px;
   width: 83px;
   height: 83px;
   background-color: transparent;
   background-image: url('images/19mayisaozel.png');
   background-repeat: no-repeat;
   background-position: 0 0;
   background-size: 83px 83px;
}

.urun-liste li a span.anneyeozel {
   position: absolute;
   z-index: 9;
   right: 4px;
   top: 10px;
   width: 83px;
   height: 83px;
   background-color: transparent;
   background-image: url('images/annelere-ozel.png');
   background-repeat: no-repeat;
   background-position: 0 0;
   background-size: 83px 83px;
}

.urun-liste li a span.haftanin-urunu {
   position: absolute;
   z-index: 9;
   right: 4px;
   top: 10px;
   width: 83px;
   height: 83px;
   background-color: transparent;
   background-image: url('images/haftanin-urunu.png');
   background-repeat: no-repeat;
   background-position: 0 0;
   background-size: 83px 83px;
}

.urun-liste li a .bilgi {
   position: absolute;
   left: 5px;
   top: 5px;
   z-index: 9;
}

.urun-liste li a .bilgi span.yeni {
   width: auto;
   height: auto;
   background: #009640;
   color: #fff;
   padding: 6px 14px 3px 14px;
   font-size: 14px;
   margin-right: 5px;
}

.urun-liste li a .bilgi span.indrm-urn {
   width: auto;
   height: auto;
   background: #e30613;
   color: #fff;
   padding: 6px 14px 3px 14px;
   font-size: 14px;
   margin-right: 5px;
}

.urun-liste li a span.resim span.overflow {
   display: block;
   width: 100%;
   height: 100px;
   text-align: center;
   overflow: hidden;
}

@media (min-width: 768px) and (max-width: 991px),
(min-width: 480px) and (max-width: 559px),
(min-width: 0px) and (max-width: 359px) {
   .urun-liste li a span.resim span.overflow {
       height: 240px;
   }
}

.urun-liste li a span.resim span.overflow img {
   height: 100%;
}

@media (min-width: 768px) and (max-width: 991px),
(min-width: 480px) and (max-width: 559px),
(min-width: 0px) and (max-width: 359px) {}

@media (max-width: 768px) {
   .urun_liste_tab {
       width: 100%;
       height: auto;
       background: #dadada;
       margin-bottom: 20px;
       padding: 5px;
   }
   .urun_liste_tab .aramabg {
       width: 100%;
       margin-bottom: 10px;
   }
   .urun_liste_tab .aramabg .arama {
       width: 100%;
       height: auto;
       padding: 0px 0px;
       background: #fff;
   }
   .urun_liste_tab .aramabg .arama input {
       width: 85%;
       height: 42px;
       position: relative;
       text-align: center;
       border: none;
       padding-top: 4px;
   }
   .urun_liste_tab .aramabg .arama button {
       float: right;
       width: 15%;
       height: 23px;
       background: transparent;
       border: none;
       padding: 0px;
       margin-top: 9px;
   }
   .urun_liste_tab .aramabg .arama button img {
       height: 100%;
   }
   .urun_liste_tab #exTab3 {
       width: 100%;
       height: auto;
   }
   .urun_liste_tab #exTab3 .nav-pills>li {
       width: 50%;
       text-align: center;
       margin: 0px;
   }
   .urun_liste_tab #exTab3 .nav-pills>li>a {
       border-radius: 0px;
       padding: 17px 15px 13px 15px;
       font-size: 16px;
       color: #414040;
   }
   .urun_liste_tab #exTab3 .nav-pills>li.active>a {
       background: #b4b4b3;
   }
   .urun_liste_tab #exTab3 .nav-pills>li:hover>a {
       background: #b4b4b3;
   }
   .tab-content {
       width: 100%;
       height: auto;
       position: relative;
   }
   .urun-liste li a .yuzde {
       background: #e30613;
       color: #fff;
       height: 21px;
       line-height: 24px;
       padding: 0px 2px 0px 2px;
       margin-right: 3px;
       font-size: 11px;
   }
   .urun-liste li a span.fiyat {
       display: block;
       position: relative;
       z-index: 8;
       width: auto;
       font-size: 14px;
       font-weight: 400;
       color: #888;
       text-align: right;
       margin-right: 0px;
       text-align: center;
       height: auto;
       line-height: 7px;
   }
   .urun-liste li a span.fiyat.kdvli {
       font-size: 14px;
       font-weight: 700;
       color: #feee03;
   }
   .urun-liste li a span.fiyat span.fiyat1 {
       margin-left: 0px;
       padding-right: 0px;
       font-size: 14px;
       color: #888787;
       text-decoration: line-through;
       width: auto;
       margin-top: 6px;
       margin-bottom: 0px;
       display: inline-block;
   }
   .urun-liste li a span.fiyat span.fiyat2 {
       font-size: 26px;
       font-weight: 700;
       color: #212121;
       width: auto;
       text-align: center;
       margin-top: 8px;
   }
   .urun-liste li a span.fiyat span.fiyat2 span {
       font-size: 11px;
       font-weight: 400;
       display: none;
   }
   .urun-liste li a span.detay {
       display: block;
       position: relative;
       z-index: 8;
       width: auto;
       margin: 0 0 10px 0;
       text-align: center;
       position: absolute;
       padding: 0px 5px 0px 5px;
       bottom: 10px;
       right: 10px;
   }
}

@media (min-width: 769px) {
   .urun_liste_tab {
       width: 100%;
       height: auto;
       background: #dadada;
       margin-bottom: 20px;
   }
   .urun_liste_tab .aramabg {
       width: 100%;
       padding: 4px 20px;
   }
   .urun_liste_tab .aramabg .arama {
       width: 100%;
       height: auto;
       padding: 0px 0px;
       background: #fff;
   }
   .urun_liste_tab .aramabg .arama input {
       width: 85%;
       height: 42px;
       position: relative;
       text-align: center;
       border: none;
       padding-top: 4px;
   }
   .urun_liste_tab .aramabg .arama button {
       float: right;
       width: 15%;
       height: 23px;
       background: transparent;
       border: none;
       padding: 0px;
       margin-top: 9px;
   }
   .urun_liste_tab .aramabg .arama button img {
       height: 100%;
   }
   .urun_liste_tab #exTab3 {
       width: 100%;
       height: auto;
   }
   .urun_liste_tab #exTab3 .nav-pills>li {
       width: 25%;
       text-align: center;
       margin: 0px;
   }
   .urun_liste_tab #exTab3 .nav-pills>li>a {
       border-radius: 0px;
       padding: 17px 15px 13px 15px;
       font-size: 16px;
       color: #414040;
   }
   .urun_liste_tab #exTab3 .nav-pills>li.active>a {
       background: #b4b4b3;
   }
   .urun_liste_tab #exTab3 .nav-pills>li:hover>a {
       background: #b4b4b3;
   }
   .tab-content {
       width: 100%;
       height: auto;
       position: relative;
   }
   .urun-liste li a .yuzde {
       background: #e30613;
       color: #fff;
       height: 30px;
       line-height: 33px;
       padding: 0px 10px 0px 10px;
       margin-right: 8px;
       font-size: 14px;
   }
   .urun-liste li a span.fiyat {
       display: block;
       position: relative;
       z-index: 8;
       width: 137px;
       font-size: 14px;
       font-weight: 400;
       color: #888;
       text-align: right;
       margin-right: 0px;
       margin-bottom: 15px;
       text-align: center;
       height: auto;
   }
   .urun-liste li a span.fiyat.kdvli {
       font-size: 14px;
       font-weight: 700;
       color: #feee03;
   }
   .urun-liste li a span.fiyat span.fiyat1 {
       margin-left: 0px;
       padding-right: 0px;
       font-size: 14px;
       color: #888787;
       text-decoration: line-through;
       width: auto;
       margin-top: 6px;
       margin-bottom: 0px;
       display: inline-block;
   }
   .urun-liste li a span.fiyat span.fiyat2 {
       font-size: 18px;
       font-weight: 700;
       color: #212121;
       width: 100%;
       text-align: center;
       margin-top: 8px;
   }
   .urun-liste li a span.fiyat span.fiyat2 span {
       width: 100%;
       font-size: 11px;
       font-weight: 400;
       display: none;
   }
   .urun-liste li a span.detay {
       display: block;
       position: relative;
       z-index: 8;
       width: auto;
       margin: 0 0 10px 0;
       text-align: center;
       position: absolute;
       padding: 0px 5px 0px 5px;
       bottom: 10px;
       right: 10px;
   }
}

.urun-liste li a span.baslik {
   margin-top: 7px;
   display: block;
   position: relative;
   z-index: 8;
   width: 100%;
   height: 20px;
   line-height: 20px;
   font-size: 12px;
   font-weight: 700;
   color: #212121;
   text-align: center;
   overflow: hidden;
   margin-left: 3px;
}

.urun-liste li a span.detay_baslik {
   background: none;
   display: block;
   position: relative;
   z-index: 8;
   width: 100%;
   height: 37px;
   overflow: hidden;
   font-size: 17px;
   font-weight: 400;
   color: #888;
   text-align: center;
   margin-left: 0px;
   margin-top: 15px;
   margin-bottom: 15px;
}

.urun-liste li a span.tur {
   background: none;
   overflow: hidden;
   display: block;
   position: relative;
   z-index: 8;
   width: 100%;
   height: 30px;
   line-height: 15px;
   font-size: 12px;
   font-weight: 400;
   color: #888;
   text-align: left;
   padding: 2px;
}

.urun-liste li a span.tur .icon {
   width: 20px;
   margin: 3px 5px 3px 5px;
}

.urun-liste li a span.tur .icon img {
   width: 100%;
}

.urun-liste li a span.button {
   display: inline-block;
   width: 100px;
   height: 30px;
   line-height: 34px;
   font-size: 13px;
   font-weight: 300;
   color: #000;
   cursor: pointer;
   background: #feee03;
   border: none;
   padding: 0px 10px 0px 10px;
   float: right;
}

.urun-liste li a:hover span.button {
   background: #000;
   color: #fff;
}

.urun-liste li a span.button i {
   padding-right: 3px;
   font-size: 13px;
}

.urun-liste li a span.detay .button1 {
   display: inline-block;
   width: auto;
   height: 26px;
   line-height: 28px;
   padding: 0 7px;
   margin: 2px;
   font-size: 13px;
   font-weight: 700;
   color: #fff;
   cursor: pointer;
   background: #ff4242;
   border: none;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

.urun-liste li a span.detay .button1 i {
   padding-right: 5px;
   font-size: 15px;
}

.urun-liste li a span.detay .button1:hover,
.urun-liste li a span.detay .button1:focus {
   background: #ff3030;
   color: #fff;
}

.urun-liste li a:hover,
.urun-liste li a:focus {
   text-decoration: none;
}

@media (min-width: 768px) and (max-width: 991px),
(min-width: 480px) and (max-width: 559px),
(min-width: 0px) and (max-width: 359px) {
   .urun-liste li a span.kargo,
   .urun-liste li a span.stok-yok,
   .urun-liste li a span.on-siparis {
       width: 64px;
       height: 64px;
       background-size: 64px 64px;
   }
   .urun-liste li a span.baslik {
       height: 14px;
       line-height: 14px;
       font-size: 10px;
   }
   .urun-liste li a span.fiyat {
       height: 14px;
       line-height: 14px;
       font-size: 12px;
   }
   .urun-liste li a span.fiyat.kdvli {
       font-size: 12px;
   }
   .urun-liste li a span.fiyat span.fiyat1 {
       font-size: 12px;
   }
   .urun-liste li a span.fiyat span.fiyat2 {
       font-size: 13px;
   }
   .urun-liste li a span.fiyat span.fiyat2 span {
       font-size: 10px;
   }
   .urun-liste li a span.detay .button {
       height: 20px;
       line-height: 20px;
       padding: 0 4px;
       font-size: 11px;
   }
   .urun-liste li a span.detay .button i {
       font-size: 11px;
   }
   .urun-liste li a span.detay .button1 {
       height: 20px;
       line-height: 20px;
       padding: 0 4px;
       font-size: 11px;
   }
   .urun-liste li a span.detay .button1 i {
       font-size: 13px;
   }
}

.urun-detay span.sol span.resim {
   display: block;
   padding: 0px;
   background: #fff;
}

.urun-detay span.sol span.resim img {
   max-width: 100%;
}

.urun-detay span.sol span.bresim {
   display: block;
   line-height: 15px;
   margin: 10px 0 0 0;
}

.urun-detay span.sol span.bresim a {
   color: #212121;
   text-decoration: underline;
   cursor: pointer;
}

.urun-detay span.sol span.bresim a i {
   margin-right: 5px;
}

.urun-detay span.sol span.bresim a:hover,
.urun-detay span.sol span.bresim a:focus {
   text-decoration: none;
}

.urun-detay span.sol span.yorum {
   display: block;
   line-height: 15px;
   margin: 10px 0 0 0;
}

.urun-detay span.sol span.yorum img {
   display: inline-block;
   height: 15px;
   margin: 0 10px 0 0;
}

.urun-detay span.sol span.yorum a {
   display: inline-block;
   color: #212121;
   text-decoration: underline;
   cursor: pointer;
}

.urun-detay span.sol span.yorum a:hover,
.urun-detay span.sol span.yorum a:focus {
   text-decoration: none;
}

.urun-detay span.sol span.share {
   display: block;
   line-height: 16px;
   padding: 0;
   margin: 20px 0 0 0;
   font-size: 14px;
}

.urun-detay span.sag {
   background: #f6f6f6;
   padding: 20px;
   display: block;
}

.urun-detay span.sag table {
   width: 100%;
   border-collapse: collapse;
}

.urun-detay span.sag table td {
   font-size: 14px;
   color: #454545;
   vertical-align: middle;
   background: none;
}

.urun-detay span.sag table td.sepet {
   border-bottom: none;
}

.urun-detay span.sag table td.left {
   width: 100%;
   text-align: left;
   padding: 5px 0px 5px 0;
}

.urun-detay span.sag table td.sepet.left {
   padding: 20px 0;
}

.urun-detay span.sag table td.sepet.right {
   padding: 20px 7px 20px 0;
}

.urun-detay span.sag table td.right {
   float: none;
   text-align: right;
   padding: 5px 0 5px 7px;
}

.urun-detay span.sag table td.center {
   float: none;
   text-align: center;
   padding: 5px 0 5px 0;
}

.urun-detay span.sag table td a.link {
   color: #454545;
   text-decoration: underline;
}

.urun-detay span.sag table td a.link:hover,
.urun-detay span.sag table td a.link:focus {
   text-decoration: none;
}

.urun-detay span.sag table td span.line {
   text-decoration: line-through;
}

.urun-detay span.sag table td span.fiyat {
   font-size: 18px;
   font-weight: 700;
   color: #feee03;
}

.urun-detay span.sag table td span.birim {
   display: inline-block;
   line-height: 26px;
   margin: 0;
   font-size: 13px;
   font-weight: 700;
   color: #454545;
   cursor: default;
}

.urun-detay span.sag table td span.firsat {
   display: inline-block;
   line-height: 14px;
   padding: 5px 7px;
   font-family: Tahoma, Geneva, sans-serif;
   font-size: 12px;
   font-weight: 400;
   color: #fff;
   background: #b0313f;
}

.urun-detay span.sag table td span.firsat span {
   display: inline-block;
   padding: 0 7px 0 0;
   margin: 0 7px 0 0;
   text-align: center;
   border-right: 1px solid #fff;
}

.urun-detay span.sag table td span.firsat img {
   display: inline-block;
   height: 20px;
   margin-top: 4px;
   vertical-align: top;
}

.urun-detay span.sag table td span.firsat strong {
   display: inline-block;
   margin: 0 0 0 7px;
}

.urun-detay span.sag table td input.input {
   display: inline-block;
   width: auto;
   width: 35px;
   height: 35px;
   line-height: 35px;
   padding: 1px 1px 1px 0;
   margin: 0;
   font-size: 13px;
   font-weight: 400;
   color: #888;
   background: #fff;
   border: 1px solid #feee03;
   text-align: center;
}

.urun-detay span.sag table td input.input:focus {
   border-color: #888;
}

.urun-detay span.sag table td select.select:focus {
   border-color: #888;
}

.urun-detay span.sag table td span.button::selection {
   background: transparent;
}

.urun-detay span.sag table td span.button:hover,
.urun-detay span.sag table td span.button:focus {
   background-color: #e30613;
   color: #fff;
}

.urun-detay span.sag table td span.takipet {
   display: inline-block;
   line-height: 14px;
   padding: 3px 5px 3px 22px;
   font-size: 12px;
   font-weight: 400;
   color: #fff;
   cursor: pointer;
   background: #feee03 url('images/button-takipet.png') 0 50% no-repeat;
   border: none;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

.urun-detay span.sag table td span.takipet.disabled {
   background: #a1a1a1 url('images/button-takipet-disabled.png') 0 50% no-repeat;
}

.urun-detay span.sag table td span.takipet::selection {
   background: transparent;
}

.urun-detay span.sag table td span.takipet:hover,
.urun-detay span.sag table td span.takipet:focus {
   background-color: #156479;
   color: #fff;
}

.urun-detay span.sag table td span.takipet.disabled:hover,
.urun-detay span.sag table td span.takipet.disabled:focus {
   background-color: #959595;
   color: #fff;
}

.marka-liste {
   display: block;
}

.marka-liste li {
   display: block;
   padding: 10px 20px;
   margin: 0 0 25px 0;
   background: #fff;
   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
}

.marka-liste li a span.resim {
   display: table;
   width: 100%;
   height: 98px;
   text-align: center;
}

.marka-liste li a span.resim span.overflow {
   display: table-cell;
   vertical-align: middle;
}

.marka-liste li a span.resim span.overflow img {
   max-width: 100%;
   max-height: 98px;
}

.marka-liste li a span.baslik {
   display: block;
   height: 20px;
   line-height: 20px;
   margin: 10px 0 0 0;
   font-size: 14px;
   font-weight: 400;
   color: #454545;
   text-align: center;
   overflow: hidden;
}

.marka-liste li a span.baslik strong {
   padding: 0 0 0 5px;
   font-weight: 400;
   color: #de0000;
}

@media (min-width: 768px) and (max-width: 991px),
(min-width: 480px) and (max-width: 559px),
(min-width: 0px) and (max-width: 359px) {
   .firsat-liste .hafta ul li a span.resim span.overflow {
       height: 222px;
       overflow: hidden;
   }
}

.firsat-liste .hafta ul li a span.resim span.overflow img {
   height: 100%;
}

@media (min-width: 768px) and (max-width: 991px),
(min-width: 480px) and (max-width: 559px),
(min-width: 0px) and (max-width: 359px) {
   .firsat-liste .hafta ul li a span.resim span.overflow img {
       max-height: 70px;
   }
}

.firsat-liste .hafta ul li a span.baslik {
   display: block;
   width: 100%;
   height: 30px;
   line-height: 16px;
   padding: 0;
   margin: 10px 0;
   font-size: 17px;
   font-weight: 300;
   color: #fff;
   text-align: center;
   overflow: hidden;
}

.firsat-liste .hafta ul li a:hover span.baslik,
.firsat-liste .hafta ul li a:focus span.baslik {
   text-decoration: underline;
}

.firsat-liste .hafta ul li span.fiyat {
   display: block;
   width: 100%;
   height: 40px;
   padding: 0;
   font-size: 14px;
   font-weight: 400;
   color: #888;
   overflow: hidden;
   text-align: center;
}

.firsat-liste .hafta ul li span.fiyat span.indirim {
   position: absolute;
   z-index: 9;
   right: 4px;
   top: -1px;
   width: 44px;
   height: 73px;
   line-height: 12px;
   padding: 37px 0;
   font-size: 11px;
   font-weight: 400;
   color: #fff;
   text-align: center;
   background-color: transparent;
   background-image: url(images/urun-liste-indirim.png);
   background-repeat: no-repeat;
   background-position: 0 0;
   background-size: 100%;
   position: absolute;
}

.firsat-liste .hafta ul li span.fiyat span.indirim.i1 {
   font-size: 15px;
   font-weight: 400;
   color: #fff;
   text-decoration: line-through;
}

.firsat-liste .hafta ul li span.fiyat span.indirim strong {
   display: inline-block;
   width: 10px;
   height: 10px;
   margin: 0 2px 0 0;
   background-color: transparent;
   background-image: url('images/firsat-liste-indirim-strong.png');
   background-repeat: no-repeat;
   background-position: 0 0;
   background-size: 10px 10px;
}

.firsat-liste .hafta ul li span.fiyat span.kargo {
   position: absolute;
   left: 0;
   top: 0;
}

.firsat-liste .hafta ul li span.fiyat span.fiyat1 {
   line-height: 20px;
   font-weight: 300;
   color: #fff;
   text-decoration: line-through;
   font-size: 16px;
}

.firsat-liste .hafta ul li span.fiyat span.fiyat1.f1 {
   font-size: 17px;
   font-weight: 300;
   color: #fff;
   text-decoration: none;
}

.firsat-liste .hafta ul li span.fiyat span.fiyat1 span {
   font-size: 12px;
   font-weight: 400;
}

.firsat-liste .hafta ul li span.fiyat span.fiyat2 {
   display: block;
   line-height: 20px;
   font-size: 21px;
   font-weight: 700;
   color: #fff;
}
/*font-size:18px;*/

.firsat-liste .hafta ul li span.fiyat span.fiyat2.f1 {
   font-weight: 700;
   color: #fff;
}

.firsat-liste .hafta ul li span.fiyat span.fiyat2 span {
   font-size: 12px;
   font-weight: 400;
}

.firsat-liste .hafta ul li span.fiyat span.fiyat2.f1 span {
   font-size: 14px;
   font-weight: 700;
}

.firsat-liste .hafta ul li span.fiyat span.fiyat2.firsat {
   line-height: 40px;
   text-align: center;
}

@media (max-width: 559px) {
   .firsat-liste h3 {
       margin: 0 0 10px 0;
       font-size: 16px;
   }
   .urun-liste li a .bilgi span.indrm-urn {
       padding: 2px 4px 0px 4px!important;
       font-size: 10px!important;
   }
   .urun-liste li a .bilgi span.yeni {
       padding: 2px 4px 0px 4px!important;
       font-size: 10px!important;
   }
}

@media (min-width: 768px) and (max-width: 991px),
(min-width: 480px) and (max-width: 559px),
(min-width: 0px) and (max-width: 359px) {
   .firsat-liste .hafta ul li span.stok-yok,
   .firsat-liste .hafta ul li span.on-siparis {
       right: 3px;
       top: 3px;
       width: 64px;
       height: 64px;
       background-size: 64px 64px;
   }
   .firsat-liste .hafta ul li a span.baslik {
       height: 28px;
       line-height: 14px;
       font-size: 10px;
   }
   .firsat-liste .hafta ul li span.fiyat {
       height: 30px;
       font-size: 12px;
   }
   .firsat-liste .hafta ul li span.fiyat span.indirim {
       height: 30px;
       line-height: 15px;
       padding: 0 4px 0 0;
       margin: 0 4px 0 0;
       font-size: 12px;
   }
   .firsat-liste .hafta ul li span.fiyat span.indirim.i1 {
       font-size: 10px;
   }
   .firsat-liste .hafta ul li span.fiyat span.fiyat1 {
       line-height: 15px;
   }
   .firsat-liste .hafta ul li span.fiyat span.fiyat1.f1 {
       font-size: 13px;
   }
   .firsat-liste .hafta ul li span.fiyat span.fiyat1 span {
       font-size: 10px;
   }
   .firsat-liste .hafta ul li span.fiyat span.fiyat2 {
       line-height: 15px;
       font-size: 13px;
   }
   .firsat-liste .hafta ul li span.fiyat span.fiyat2 span {
       font-size: 10px;
   }
   .firsat-liste .hafta ul li span.fiyat span.fiyat2.f1 span {
       display: none;
   }
   .firsat-liste .hafta ul li span.fiyat span.fiyat2.firsat {
       line-height: 30px;
   }
}

.benzer-urun {
   position: relative;
   display: block;
   margin: 10px 0 0 0;
   overflow: hidden;
}

.benzer-urun h3 {
   display: block;
   line-height: 20px;
   padding: 0 0 10px 0;
   margin: 0 0 15px 0;
   font-size: 16px;
   font-weight: 700;
   color: #333;
   border-bottom: 1px solid #ddd;
}

.benzer-urun .prev {
   position: absolute;
   right: 10px;
   top: 3px;
   width: 14px;
   height: 14px;
   text-indent: -99999px;
   background-color: transparent;
   background-image: url('images/hafta-arrow.png');
   background-repeat: no-repeat;
   background-position: 0 0;
   background-size: 28px 28px;
}

.benzer-urun .prev.disabled {
   background-position: 0 -14px;
   cursor: default;
}

.benzer-urun .next {
   position: absolute;
   right: 0;
   top: 3px;
   width: 14px;
   height: 14px;
   text-indent: -99999px;
   background-color: transparent;
   background-image: url('images/hafta-arrow.png');
   background-repeat: no-repeat;
   background-position: -14px 0;
   background-size: 28px 28px;
}

.benzer-urun .next.disabled {
   background-position: -14px -14px;
   cursor: default;
}

.benzer-urun .hafta {
   position: relative;
   visibility: hidden;
   padding: 4px 0 0 0!important;
   border: none;
}

.benzer-urun .hafta ul {
   display: block;
}

.benzer-urun .hafta ul li {
   display: block;
   width: 97px;
   margin: 0 10px 0 0;
   background: #fff;
   border: 1px solid #ddd;
   overflow: inherit!important;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   position: relative;
}

.benzer-urun .hafta ul li span.stok-yok {
   position: absolute;
   z-index: 9;
   right: -4px;
   top: -4px;
   width: 53px;
   height: 53px;
   text-indent: -99999px;
   background-color: transparent;
   background-image: url('images/urun-liste-stok-yok.png');
   background-repeat: no-repeat;
   background-position: 0 0;
   background-size: 53px 53px;
}

.benzer-urun .hafta ul li span.on-siparis {
   position: absolute;
   z-index: 9;
   right: -4px;
   top: -4px;
   width: 53px;
   height: 53px;
   text-indent: -99999px;
   background-color: transparent;
   background-image: url('images/urun-liste-on-siparis.png');
   background-repeat: no-repeat;
   background-position: 0 0;
   background-size: 53px 53px;
}

.benzer-urun .hafta ul li a span.resim {
   display: block;
   width: 93px;
   height: 84px;
   padding: 10px;
}

.benzer-urun .hafta ul li a span.resim span.overflow {
   display: block;
   text-align: center;
}

.benzer-urun .hafta ul li a span.resim span.overflow img {
   max-width: 100%;
   max-height: 64px;
}

.benzer-urun .hafta ul li a span.baslik {
   display: block;
   height: 24px;
   line-height: 12px;
   padding: 0 5px;
   margin: 10px 0;
   font-size: 11px;
   font-weight: 400;
   color: #212121;
   text-align: center;
   overflow: hidden;
}

.benzer-urun .hafta ul li a:hover span.baslik,
.benzer-urun .hafta ul li a:focus span.baslik {
   text-decoration: underline;
}

.benzer-urun .hafta ul li span.fiyat {
   display: block;
   position: relative;
   height: 26px;
   padding: 0 5px;
   font-size: 11px;
   font-weight: 400;
   color: #888;
   overflow: hidden;
}

.benzer-urun .hafta ul li span.fiyat span.indirim {
   height: 26px;
   line-height: 13px;
   padding: 0 5px 0 0;
   margin: 0 5px 0 0;
   font-size: 11px;
   color: #212121;
   text-align: right;
   border-right: 1px solid #ddd;
}

.benzer-urun .hafta ul li span.fiyat span.indirim strong {
   display: inline-block;
   width: 7px;
   height: 7px;
   margin: 0 2px 0 0;
   background-color: transparent;
   background-image: url('images/benzer-urun-indirim-strong.png');
   background-repeat: no-repeat;
   background-position: 0 0;
   background-size: 7px 7px;
}

.benzer-urun .hafta ul li span.fiyat span.kargo {
   position: absolute;
   left: 0;
   top: 0;
}

.benzer-urun .hafta ul li span.fiyat span.fiyat1 {
   line-height: 13px;
   font-weight: 400;
   color: #de0000;
   text-decoration: line-through;
}

.benzer-urun .hafta ul li span.fiyat span.fiyat2 {
   display: block;
   line-height: 13px;
   font-size: 11px;
   font-weight: 700;
   color: #212121;
}

.benzer-urun .hafta ul li span.fiyat span.fiyat2 span {
   font-size: 9px;
   font-weight: 400;
}

.benzer-urun .hafta ul li span.fiyat span.fiyat2.firsat {
   line-height: 26px;
   text-align: center;
}

.cok-satilanlar {
   position: relative;
   width: 740px;
   margin: 20px 0 0 0;
   overflow: hidden;
}

.cok-satilanlar h3 {
   display: block;
   line-height: 20px;
   padding: 0 0 10px 0;
   margin: 0 0 15px 0;
   font-size: 16px;
   font-weight: 700;
   color: #333;
   border-bottom: 1px solid #ddd;
}

.cok-satilanlar .prev {
   position: absolute;
   right: 10px;
   top: 3px;
   width: 14px;
   height: 14px;
   text-indent: -99999px;
   background-color: transparent;
   background-image: url('images/hafta-arrow.png');
   background-repeat: no-repeat;
   background-position: 0 0;
   background-size: 28px 28px;
}

.cok-satilanlar .prev.disabled {
   background-position: 0 -14px;
   cursor: default;
}

.cok-satilanlar .next {
   position: absolute;
   right: 0;
   top: 3px;
   width: 14px;
   height: 14px;
   text-indent: -99999px;
   background-color: transparent;
   background-image: url('images/hafta-arrow.png');
   background-repeat: no-repeat;
   background-position: -14px 0;
   background-size: 28px 28px;
}

.cok-satilanlar .next.disabled {
   background-position: -14px -14px;
   cursor: default;
}

.cok-satilanlar .hafta {
   position: relative;
   visibility: hidden;
}

.cok-satilanlar .hafta ul {
   width: 115px;
   height: 167px;
}

.cok-satilanlar .hafta ul li {
   width: 113px;
   height: 165px;
   margin: 0 10px 0 0;
   background: #fff;
   border: 1px solid #ddd;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
}

.cok-satilanlar .hafta ul li a span.resim {
   width: 93px;
   height: 70px;
   padding: 10px;
}

.cok-satilanlar .hafta ul li a span.resim span.overflow {
   display: block;
   width: 93px;
   height: 70px;
   text-align: center;
}

.cok-satilanlar .hafta ul li a span.resim span.overflow img {
   max-width: 93px;
   max-height: 70px;
}

.cok-satilanlar .hafta ul li a span.baslik {
   width: 103px;
   height: 24px;
   line-height: 12px;
   padding: 0 5px;
   margin: 10px 0;
   font-size: 11px;
   font-weight: 400;
   color: #212121;
   text-align: center;
   overflow: hidden;
}

.cok-satilanlar .hafta ul li a:hover span.baslik,
.cok-satilanlar .hafta ul li a:focus span.baslik {
   text-decoration: underline;
}

.cok-satilanlar .hafta ul li span.fiyat {
   position: relative;
   width: 103px;
   height: 26px;
   padding: 0 5px;
   font-size: 11px;
   font-weight: 400;
   color: #888;
   overflow: hidden;
}

.cok-satilanlar .hafta ul li span.fiyat span.indirim {
   height: 26px;
   line-height: 13px;
   padding: 0 5px 0 0;
   margin: 0 5px 0 0;
   font-size: 11px;
   color: #212121;
   text-align: right;
   border-right: 1px solid #ddd;
}

.cok-satilanlar .hafta ul li span.fiyat span.indirim strong {
   display: inline-block;
   width: 7px;
   height: 7px;
   margin: 0 2px 0 0;
   background-color: transparent;
   background-image: url('images/benzer-urun-indirim-strong.png');
   background-repeat: no-repeat;
   background-position: 0 0;
   background-size: 7px 7px;
}

.cok-satilanlar .hafta ul li span.fiyat span.kargo {
   position: absolute;
   left: 0;
   top: 0;
}

.cok-satilanlar .hafta ul li span.fiyat span.fiyat1 {
   line-height: 13px;
   font-weight: 400;
   color: #de0000;
   text-decoration: line-through;
}

.cok-satilanlar .hafta ul li span.fiyat span.fiyat2 {
   display: block;
   line-height: 13px;
   font-size: 11px;
   font-weight: 700;
   color: #212121;
}

.cok-satilanlar .hafta ul li span.fiyat span.fiyat2 span {
   font-size: 9px;
   font-weight: 400;
}

.cok-satilanlar .hafta ul li span.fiyat span.fiyat2.firsat {
   line-height: 26px;
   text-align: center;
}

.firsat-resim {
   display: block;
   width: 100%;
   padding: 10px;
   margin: 20px 0 0 0;
   background: #fff;
   border: 1px solid #ddd;
}

.firsat-resim a {
   display: block;
   text-align: center;
}

.firsat-resim a img {
   max-width: 100%;
}

.fancybox-sozlesme {
   display: block;
   max-width: 600px;
   max-height: 400px;
   line-height: 20px;
   padding: 15px;
   overflow: scroll;
   font-size: 13px;
   font-weight: 400;
   color: #333;
   background: #fff;
}

.form-baslik {
   width: 100%;
   line-height: 100%;
   padding: 0 0 10px 0;
   margin: 0 0 20px 0;
   border-bottom: 1px solid #ddd;
   font-size: 17px;
   color: #font-weight: 700;
   ;
}

.form-baslik.uyelik {
   margin-top: 0px;
}

.form-baslik.yorum {
   margin-top: 20px;
}

.form-left {
   display: inline-block;
   width: 100%;
   line-height: 17px;
   text-align: center;
   padding-bottom: 10px;
   margin-top: 0px;
   color: #292929;
   font-size: 25px;
   margin-top: 0px;
   margin-bottom: 0px;
}

.form-left.uyelik {
   width: 100%;
   line-height: inherit;
}

.form-left.uyegirisi {
   width: 100%;
   line-height: inherit;
}

@media (min-width: 701px) {
   .urun-yorum {
       width: 100%;
       margin-top: 25px;
   }
   .urun-yorum li {
       width: 100%;
       line-height: 15px;
       padding: 10px 0;
       font-size: 15px !important;
       ;
       color: #212121;
       border-bottom: 1px solid #92bbac;
   }
   .urun-yorum li:first-child {
       border-top: 1px solid #92bbac;
   }
   .urun-yorum li.none {
       width: 100%;
       padding: 7px 10px;
       border: 1px solid #ddd;
       -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
       border-radius: 2px;
   }
   .urun-yorum li span.adsoyad {
       width: 30%;
       border-right: 1px solid #92bbac;
   }
   .urun-yorum li span.adsoyad span.tarih {
       margin: 0 0 0 0px;
       font-size: 11px;
       color: #888;
   }
   .urun-yorum li span.oy {
       width: 13% !important;
       ;
       border-right: 1px solid #92bbac;
       margin-left: 10px;
   }
   .urun-yorum li span.oy img {
       height: 25px !important;
   }
   .urun-yorum li span.yorum {
       width: 53% !important;
       line-height: 16px;
       margin: 5px 0 0 0;
       font-size: 14px !important;
       margin-left: 10px;
   }
}

@media (min-width: 480px),
(max-width: 700px) {
   .urun-yorum {
       width: 100%;
       margin-top: 25px;
   }
   .urun-yorum li {
       width: 100%;
       line-height: 15px;
       padding: 10px 0;
       font-size: 13px;
       color: #212121;
       border-bottom: 1px solid #92bbac;
   }
   .urun-yorum li:first-child {
       border-top: 1px solid #92bbac;
   }
   .urun-yorum li.none {
       width: 100%;
       padding: 7px 10px;
       border: 1px solid #ddd;
       -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
       border-radius: 2px;
   }
   .urun-yorum li span.adsoyad {
       width: 30%;
       border-right: 1px solid #92bbac;
   }
   .urun-yorum li span.adsoyad span.tarih {
       margin: 0 0 0 0px;
       font-size: 11px;
       color: #888;
   }
   .urun-yorum li span.oy {
       width: 17%;
       border-right: 1px solid #92bbac;
       margin-left: 10px;
   }
   .urun-yorum li span.oy img {
       height: 12px;
   }
   .urun-yorum li span.yorum {
       width: 46%;
       line-height: 16px;
       margin: 5px 0 0 0;
       font-size: 12px;
       margin-left: 10px;
   }
   tr {
       width: 100%;
   }
   .siralama {
       width: 107px;
       margin-left: 162px
   }
   .siralama_ {
       width: 107px;
       margin-left: 162px
   }
   .siralama2 {
       width: 107px;
   }
   .siralama2_ {
       width: 107px;
   }
   .siralama3 {
       width: 66px;
   }
   .siralama3_ {
       width: 66px;
   }
   .urun-detay span.sag table td span.button {
       display: inline-block;
       width: auto;
       height: 35px;
       line-height: 28px;
       padding: 2px 17px 2px 17px;
       margin: 20px 0 0 6px;
       font-size: 13px;
       font-weight: 700;
       color: #fff;
       cursor: pointer;
       background-color: #e30613;
       border: solid 1px #1d1d1b;
   }
   .urun-detay span.sag table td span.button i {
       padding-right: 7px;
       font-size: 18px;
   }
   .urun-detay span.sag table td span.button i img {
       width: 16px
   }
   .urun-detay span.sag table td span.button2 {
       display: inline-block;
       width: auto;
       height: 35px;
       line-height: 31px;
       padding: 2px 30px 2px 30px;
       margin: 20px 0 0 180px;
       font-size: 13px;
       font-weight: 700;
       color: #fff;
       cursor: pointer;
       background-color: #3aaa35;
       border: solid 1px #1d1d1b;
   }
   .urun-detay span.sag table td span.button2 i {
       padding-right: 7px;
       font-size: 18px;
   }
   .detay_resim_liste {
       display: block;
       margin-top: 12px
   }
   .detay_resim_liste li {
       display: inline-block;
       width: 104px;
       height: 90px;
       text-align: center;
       margin: 0px 5px 5px 0px
   }
   .detay_resim_liste li img {
       width: 104px;
       min-height: 90px;
   }
   .detay_resim_liste li .over {
       display: inline-block;
       width: 122px;
       height: 90px;
       overflow: hidden
   }
}

@media (max-width: 700px) {
   .urun-yorum {
       width: 100%;
       margin-top: 25px;
   }
   .urun-yorum li {
       width: 100%;
       line-height: 15px;
       padding: 10px 0;
       font-size: 13px;
       color: #212121;
       border-bottom: 1px solid #92bbac;
   }
   .urun-yorum li:first-child {
       border-top: 1px solid #92bbac;
   }
   .urun-yorum li.none {
       width: 100%;
       padding: 7px 10px;
       border: 1px solid #ddd;
       -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
       border-radius: 2px;
   }
   .urun-yorum li span.adsoyad {
       width: 30%;
       border-right: 1px solid #92bbac;
   }
   .urun-yorum li span.adsoyad span.tarih {
       margin: 0 0 0 0px;
       font-size: 11px;
       color: #888;
   }
   .urun-yorum li span.oy {
       width: 17%;
       border-right: 1px solid #92bbac;
       margin-left: 10px;
   }
   .urun-yorum li span.oy img {
       height: 9px;
   }
   .urun-yorum li span.yorum {
       width: 46%;
       line-height: 16px;
       margin: 5px 0 0 0;
       ;
       font-size: 12px;
       margin-left: 10px;
   }
   tr {
       ;
       width: 100%;
   }
   .siralama {
       width: 127px !important;
       margin-left: 90px !important
   }
   .siralama_ {
       width: 127px !important;
       margin-left: 90px !important
   }
   .siralama2 {
       width: 127px !important;
       margin-left: 10px !important
   }
   .siralama2_ {
       width: 127px !important;
       margin-left: 10px !important
   }
   .siralama3 {
       width: 139px !important;
       margin-left: 10px !important
   }
   .siralama3_ {
       width: 139px !important;
       margin-left: 10px !important
   }
   .urun-detay span.sag table td span.button {
       display: inline-block;
       width: auto;
       height: 35px;
       line-height: 28px;
       padding: 2px 42px 2px 42px !important;
       margin: 20px 0 0 42px !important;
       font-size: 13px;
       font-weight: 700;
       color: #fff;
       cursor: pointer;
       background-color: #e30613;
       border: solid 1px #1d1d1b;
   }
   .urun-detay span.sag table td span.button i {
       padding-right: 7px;
       font-size: 18px;
   }
   .urun-detay span.sag table td span.button i img {
       width: 16px
   }
   .urun-detay span.sag table td span.button2 {
       display: inline-block;
       width: auto;
       height: 35px;
       line-height: 31px;
       padding: 2px 60px 2px 60px !important;
       margin: 20px 0 0 90px !important;
       font-size: 13px;
       font-weight: 700;
       color: #fff;
       cursor: pointer;
       background-color: #3aaa35;
       border: solid 1px #1d1d1b;
   }
   .urun-detay span.sag table td span.button2 i {
       padding-right: 7px;
       font-size: 18px;
   }
   .detay_resim_liste {
       display: block;
       margin-top: 12px
   }
   .detay_resim_liste li {
       display: inline-block;
       width: 104px !important;
       height: 90px;
       text-align: center;
       margin: 0px 5px 5px 0px
   }
   .detay_resim_liste li img {
       width: 104px !important;
       min-height: 90px;
   }
   .detay_resim_liste li .over {
       display: inline-block;
       width: 104px;
       height: 90px;
       overflow: hidden
   }
}

@media (max-width: 479px) {
   .right_aciklama {
       background: #f6f6f6;
       border-right: solid 3px #ececec;
       border-bottom: solid 3px #ececec;
       padding: 18px 25px;
   }
   .right_aciklama .baslik {
       border-bottom: 1px solid #292929;
       color: #292929;
       padding-bottom: 5px;
       text-align: center;
       font-size: 20px;
       margin-bottom: 12px;
       margin-left: 0px;
   }
   .right_aciklama .yazi {
       color: #222;
       font-size: 15px;
       margin-bottom: 12px;
       width: 100%
   }
   .urun-yorum {
       width: 100%;
       margin-top: 25px;
   }
   .urun-yorum li {
       width: 100%;
       line-height: 15px;
       padding: 10px 0;
       font-size: 13px;
       color: #212121;
       border-bottom: 1px solid #92bbac;
   }
   .urun-yorum li:first-child {
       border-top: 1px solid #92bbac;
   }
   .urun-yorum li.none {
       width: 100%;
       padding: 7px 10px;
       border: 1px solid #ddd;
       -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
       border-radius: 2px;
   }
   .urun-yorum li span.adsoyad {
       width: 30%;
       border-right: 1px solid #92bbac;
   }
   .urun-yorum li span.adsoyad span.tarih {
       margin: 0 0 0 0px;
       font-size: 11px;
       color: #888;
   }
   .urun-yorum li span.oy {
       width: 17%;
       border-right: 1px solid #92bbac;
       margin-left: 10px;
   }
   .urun-yorum li span.oy img {
       height: 9px;
   }
   .urun-yorum li span.yorum {
       width: 46%;
       line-height: 16px;
       margin: 5px 0 0 0;
       ;
       font-size: 12px;
       margin-left: 10px;
   }
   tr {
       ;
       width: 100%;
   }
   .siralama {
       width: 76px !important;
       margin-left: 0px !important
   }
   .siralama_ {
       width: 76px !important;
       margin-left: 0px !important
   }
   .siralama2 {
       width: 76px !important;
       margin-left: 0px !important
   }
   .siralama2_ {
       width: 76px !important;
       margin-left: 0px !important
   }
   .siralama3 {
       width: 126px !important;
   }
   .siralama3_ {
       width: 126px !important;
   }
   .urun-detay span.sag table td span.button {
       display: inline-block;
       width: 120px !important;
       text-align: center;
       height: 35px;
       line-height: 28px;
       padding: 0px !important;
       margin: 20px 0 0 6px !important;
       font-size: 13px;
       font-weight: 700;
       color: #fff;
       cursor: pointer;
       background-color: #e30613;
       border: solid 1px #1d1d1b;
   }
   .urun-detay span.sag table td span.button i {
       padding-right: 7px;
       font-size: 18px;
   }
   .urun-detay span.sag table td span.button i img {
       width: 16px
   }
   .urun-detay span.sag table td span.button2 {
       display: inline-block;
       width: 120px !important;
       text-align: center;
       height: 35px;
       line-height: 31px;
       padding: 0px !important;
       margin: 20px 0 0 6px !important;
       font-size: 13px;
       font-weight: 700;
       color: #fff;
       cursor: pointer;
       background-color: #3aaa35;
       border: solid 1px #1d1d1b;
   }
   .urun-detay span.sag table td span.button2 i {
       padding-right: 7px;
       font-size: 18px;
   }
   .detay_resim_liste {
       display: block;
       margin-top: 12px
   }
   .detay_resim_liste li {
       display: inline-block;
       width: 104px !important;
       height: 90px;
       text-align: center;
       margin: 0px 5px 5px 0px
   }
   .detay_resim_liste li img {
       width: 104px !important;
       min-height: 90px;
   }
   .detay_resim_liste li .over {
       display: inline-block;
       width: 104px;
       height: 90px;
       overflow: hidden
   }
   .form-genel {
       width: 100%;
       margin: 0 0 0px 0!important;
   }
}

.form-left.sepet {
   width: 100%;
   height: auto;
}

.form-right {
   display: block;
   width: 100%;
}

.form-right.uyelik {
   width: 100%;
}

.form-right.uyegirisi {
   width: 100%;
}

.form-right.sepet {
   width: 100%;
}

.form-right.iletisim {
   padding: 0px 0 0 0;
   margin: 0px 0 0 0;
}

.form-border {
   display: block;
   padding: 20px 0px;
   margin: 0 0 20px 0;
}

.form-border.iletisim {
   padding: 0px;
   margin: 22px 0;
}

.form-border.uyelik {
   padding: 5px 0px;
}

.form-genel {
   width: 100%;
   margin: 0 0 10px 0;
}

.form-genel.sepet {
   margin: 20px 0 0 0;
}

.form-genel .baslik {
   width: 100%;
   height: 30px;
   line-height: 30px;
   font-size: 16px;
   font-weight: 400;
   color: #333;
   text-align: left;
}

.form-genel.kart .baslik {
   height: 24px;
   line-height: 24px;
   font-size: 15px;
   color: #333;
}

.form-genel .baslik.sepet {
   width: 100%;
   line-height: 20px;
   margin: 0 0 10px 0;
}

.form-genel .baslik.sepet h3 {
   font-size: 16px;
   font-weight: 400;
}

.form-genel.uyegirisi .baslik {
   width: 100px;
}

.form-genel .baslik span {
   display: inline-block;
   line-height: 34px;
   margin: 0 0 0 5px;
   font-family: Tahoma, Geneva, sans-serif;
   font-size: 15px;
   color: #de0000;
}

.form-genel.kart .baslik span {
   line-height: 28px;
   font-size: 13px;
}

.form-genel .number {
   position: absolute;
   z-index: 2;
   width: 12px;
   line-height: 29px;
   font-size: 13px;
   font-weight: 400;
   color: #333;
   text-align: right;
   left: 20px !important;
}

.form-genel input.telefon {
   width: 100%;
   padding-left: 15px;
   letter-spacing: 1px;
}

.form-genel.kart input {
   height: 32px;
   line-height: 14px;
   padding: 4px 5px;
   color: #454545;
   text-align: center;
}

.form-genel.uyelik input {
   width: 180px;
}

.form-genel.uyelik input.telefon {
   width: 180px;
   padding-left: 12px;
}

.form-genel.uyegirisi input {
   width: 260px;
}

.form-genel input.hata {
   border: 1px solid #de0000!important;
}

.form-genel input:disabled {
   color: #ccc;
}

.form-genel input:focus {
   border-color: #000;
}

.form-genel select {
   width: 100%;
   height: 30px;
   line-height: 30px;
   padding: 1px 1px 1px 0;
   margin: 0;
   font-size: 13px;
   font-weight: 400;
   color: #333;
   background: #fff;
   border-radius: 0px;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   -ms-border-radius: 0px;
   -o-border-radius: 0px;
}

.form-genel.uyelik select {
   width: 180px;
}

.form-genel.kart select {
   height: 32px;
   line-height: 24px;
   color: #454545;
}

.form-genel select.hata {
   border: 1px solid #de0000!important;
}

.form-genel select:disabled {
   color: #fff;
}

.form-genel select:focus {
   border-color: #333;
}

.form-genel textarea {
   width: 100%;
   height: 102px;
   line-height: 18px;
   padding: 5px;
   margin: 0;
   font-size: 13px;
   font-weight: 400;
   color: #333;
   background: #fff;
   border: 1px solid #999;
   border-radius: 8px;
}

.form-genel.uyelik textarea {
   width: 230px;
}

.form-genel.yorum textarea {
   width: 100%;
}

.form-genel textarea.hata {
   border: 1px solid #de0000!important;
}

.form-genel textarea:disabled {
   color: #ccc;
}

.form-genel textarea:focus {
   border-color: #333;
}

.form-genel input.radio {
   width: 14px;
   height: 14px;
   line-height: 100%;
   padding: 0;
   margin: 8px 5px 8px 0;
   font-family: inherit;
   font-size: inherit;
   font-weight: inherit;
   color: inherit;
   background: inherit;
   border: none;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
}

.form-genel.yorum input.radio {
   margin-right: 15px;
}

.form-genel input.checkbox {
   width: 14px;
   height: 14px;
   line-height: 100%;
   padding: 0;
   margin: 8px 5px 8px 0;
   font-family: inherit;
   font-size: inherit;
   font-weight: inherit;
   color: inherit;
   background: inherit;
   border: none;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
}

.form-genel.kart input.checkbox {
   display: inline-block;
   float: none;
   margin: 0 3px 0 0;
   vertical-align: middle;
}

.form-genel span.text {
   line-height: 30px;
   margin: 0 0 0 5px;
   font-size: 11px;
   color: #212121;
}

.form-genel.kart span.text {
   width: 100%;
   margin: 0 0 5px 0;
   line-height: 18px;
   font-family: Tahoma, Geneva, sans-serif;
   font-size: 12px;
}

.form-genel span.text.sepet {
   width: 100%;
   margin: 0 0 10px 0;
   line-height: 16px;
   font-size: 14px;
}

.form-genel.yorum span.text {
   margin-left: 0;
}

.form-genel.yorum span.text span {
   color: #de0000;
}

.form-genel.kart span.space {
   width: 15px;
   height: 24px;
}

.form-genel.kart span.line {
   line-height: 24px;
   margin: 0 5px;
   font-size: 16px;
   color: #888;
}

.form-genel label {
   height: 30px;
   line-height: 30px;
   padding: 0;
   margin: 0;
   font-size: 13px;
   font-weight: 400;
   color: #888;
}

.form-genel.kart label {
   display: inline-block;
   width: auto;
   height: auto;
   line-height: 14px;
   float: none;
   font-family: Tahoma, Geneva, sans-serif;
   font-size: 11px;
   font-weight: 400;
   color: #888;
}

.form-genel.yorum label {
   margin: 0 15px 0 0;
   color: #212121;
}

.form-genel label.hata {
   color: #de0000;
}

.form-genel label a {
   color: #454545;
   cursor: pointer;
}

.form-genel label.hata a {
   color: #de0000;
}

.form-genel label a:hover,
.form-genel label a:focus {
   text-decoration: underline;
}

.form-genel .guvenlik {}

.form-genel #tckimlikload {
   line-height: 30px;
   margin: 0;
   font-size: 11px;
   color: #de0000;
}

.form-genel #tckimlikload span {
   color: #888;
}

.form-genel span.sozlesme {
   line-height: 30px;
   font-size: 13px;
   font-weight: 400;
   color: #888;
}

.form-genel.kart span.sozlesme {
   line-height: 14px;
   font-family: Tahoma, Geneva, sans-serif;
   font-size: 11px;
}

.form-genel span.sozlesme a {
   color: #454545;
   cursor: pointer;
}

.form-genel span.sozlesme a:hover,
.form-genel span.sozlesme a:focus {
   text-decoration: underline;
}

.form-genel a.button,
.form-genel input.button {
   width: auto;
   height: 30px;
   line-height: 31px;
   padding: 0 8px;
   margin: 0 4px 0 0;
   font-size: 14px;
   font-weight: 400;
   color: #fff;
   cursor: pointer;
   background: #292929;
   border: none;
}

.form-genel a.button.disabled,
.form-genel input.button.disabled {
   color: #fff;
   cursor: default;
   background: #feee03;
   border-color: #000;
}

.form-genel.uyegirisi a.button {
   margin-top: 10px;
}

.form-genel.sepet a.button,
.form-genel.sepet input.button {
   float: right;
}

.form-genel.kart a.button,
.form-genel.kart input.button {
   margin-top: 20px;
}

.form-genel input.button {
   height: 30px;
}

.form-genel a.button::selection,
.form-genel input.button::selection {
   background: transparent;
}

.form-genel a.button:hover,
.form-genel a.button:focus,
.form-genel input.button:hover,
.form-genel input.button:focus {
   text-decoration: none;
   background: #feee03;
   border-color: #000;
   color: #292929;
}

.form-genel a.button.disabled:hover,
.form-genel a.button.disabled:focus,
.form-genel input.button.disabled:hover,
.form-genel input.button.disabled:focus {
   text-decoration: none;
   background: #feee03;
   border-color: #000;
}

.form-genel a.button1,
.form-genel input.button1 {
   width: auto;
   height: 30px;
   line-height: 32px;
   padding: 0 8px;
   margin: 0 4px 0 0;
   font-size: 14px;
   font-weight: 400;
   color: #fff;
   cursor: pointer;
   background: #feee03;
   border: 1px solid #000;
}

.form-genel input.button1 {
   height: 30px;
}

.form-genel a.button1::selection,
.form-genel input.button1::selection {
   background: transparent;
}

.form-genel a.button1:hover,
.form-genel a.button1:focus,
.form-genel input.button1:hover,
.form-genel input.button1:focus {
   text-decoration: none;
   background: #267357;
   border-color: #000;
}

.form-hata {
   width: 100%;
   padding: 20px 0 10px 0;
   margin: 0;
}

.form-hata span {
   display: block;
   position: relative;
   line-height: 20px;
   padding: 5px 30px 5px 10px;
   font-size: 12px;
   color: #333;
   background: #ffd1d1;
   border: 1px solid #f8acac;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
}

.form-hata span img {
   height: 10px;
   margin: 5px 5px 5px 0;
}

.form-hata span a {
   position: absolute;
   right: 10px;
   top: 50%;
   width: 12px;
   height: 12px;
   margin: -6px 0 0 0;
   cursor: pointer;
   background: url('images/form-hata-span-a.png') 0 0 no-repeat;
}

.form2-hata {
   width: 100%;
   padding: 20px 0 10px 0;
   margin: -20px 0 0 0;
}

.form2-hata span {
   display: block;
   position: relative;
   line-height: 20px;
   padding: 5px 30px 5px 10px;
   font-size: 12px;
   color: #333;
   background: #ffd1d1;
   border: 1px solid #f8acac;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
}

.form-hata span img {
   height: 10px;
   margin: 5px 5px 5px 0;
}

.form-hata span a {
   position: absolute;
   right: 10px;
   top: 50%;
   width: 12px;
   height: 12px;
   margin: -6px 0 0 0;
   cursor: pointer;
   background: url('images/form-hata-span-a.png') 0 0 no-repeat;
}

.form-genel a.button,
.form-genel input.button2 {
   text-align: center;
   width: auto;
   height: 30px;
   line-height: 31px;
   padding: 0 8px;
   margin: 0 4px 0 0;
   font-size: 14px;
   font-weight: 400;
   color: #fff;
   cursor: pointer;
   background: #292929;
}

.form-genel a.button2:hover,
.form-genel a.button2:focus,
.form-genel input.button2:hover,
.form-genel input.button2:focus {
   background: #1F819C;
   border: 1px solid #1F819C;
   color: #fff;
}

@media (min-width: 992px) {
   .form-genel .col-margin-left {
       margin-left: 0px;
   }
   .taksit_liste {
       ;
       background: #ffffff;
       border-radius: 0px;
       padding: 15px;
       border-right: solid 2px #f6f6f6;
   }
   .taksit_liste .resim {
       width: 100%;
       text-align: center;
   }
   .taksit_liste .baslik {
       width: 100%;
       height: auto;
       font-weight: 700;
       color: #333;
       font-size: 13px;
       text-align: center;
       margin-top: 10px;
   }
   .taksit_liste_li {
       margin-top: 10px;
       width: 100%;
   }
}

@media (max-width: 1024px) {
   .right_aciklama {
       background: #f6f6f6;
       border-right: solid 3px #ececec;
       border-bottom: solid 3px #ececec;
       padding: 18px 25px;
       margin-top: 0px
   }
   .right_aciklama .baslik {
       border-bottom: 1px solid #292929;
       color: #292929;
       padding-bottom: 5px;
       text-align: center;
       font-size: 20px;
       margin-bottom: 12px;
       margin-left: 0px;
   }
   .right_aciklama .yazi {
       color: #222;
       font-size: 15px;
       margin-bottom: 12px;
       width: 100%
   }
   .adres_bilgileri_geri {
       background: #f6f6f6;
       padding: 10px 0px;
       font-weight: 700;
       color: #333;
       font-size: 18px;
       border: solid 1px #317e63;
   }
   .clasy_alisveris {
       width: 200px;
   }
   .clasy_alisveris img {
       width: 100%;
   }
   .sepet_liste_sag {
       background: #f6f6f6;
       padding: 5px 10px 5px 10px;
       border: solid 2px #f4f4f4;
       border-left: none;
   }
   .sepet_liste_sag_baslik {
       border-bottom: 1px solid #292929;
       padding-bottom: 3px;
       font-size: 22px;
       color: #292929;
       margin-bottom: 10px;
       font-weight: 700;
   }
   .ozet_left {
       font-size: 15px;
       color: #000;
       font-weight: 700;
       text-align: right;
   }
   .ozet_left_renk {
       font-size: 15px;
       color: #292929;
       font-weight: 700;
       text-align: right;
   }
   .ust-menuler li a {
       line-height: 30px;
       padding: 12px 7px !important;
       font-size: 16px;
       color: #fff;
       cursor: pointer;
   }
   .form-genel .col-margin-left {
       margin-left: 0px;
   }
   .detay_resim_liste {
       display: block;
       margin-top: 0px
   }
   .detay_resim_liste li {
       display: inline-block;
       width: 123px;
       height: 100px;
       text-align: center;
       margin: 9px 5px 0px 0px
   }
   .detay_resim_liste li img {
       width: 123px;
       min-height: 100px;
   }
   .detay_resim_liste li .over {
       display: inline-block;
       width: 123px;
       height: 100px;
       overflow: hidden
   }
   .form-left.uyegirisi {
       padding-right: 29px;
       border-right: 1px solid #ccc;
   }
   tr {
       ;
       width: 100%;
   }
   .siralama {
       width: 126px;
       margin-left: 68px
   }
   .siralama_ {
       width: 126px;
       margin-left: 68px
   }
   .siralama2 {
       width: 126px;
       margin-left: 38px;
   }
   .siralama2_ {
       width: 126px;
       margin-left: 38px;
   }
   .siralama3 {
       width: 51px;
       margin-left: 38px;
   }
   .siralama3_ {
       width: 51px;
       margin-left: 38px;
   }
   .urun-detay span.sag table td span.button {
       display: inline-block;
       width: auto;
       height: 35px;
       line-height: 28px;
       padding: 2px 38px 2px 38px;
       margin: 20px 0 0 40px;
       font-size: 13px;
       font-weight: 700;
       color: #fff;
       cursor: pointer;
       background-color: #e30613;
       border: solid 1px #1d1d1b;
   }
   .urun-detay span.sag table td span.button i {
       padding-right: 7px;
       font-size: 18px;
   }
   .urun-detay span.sag table td span.button i img {
       width: 16px
   }
   .urun-detay span.sag table td span.button2 {
       display: inline-block;
       width: auto;
       height: 35px;
       line-height: 31px;
       padding: 2px 55px 2px 55px;
       margin: 20px 0 0 68px;
       font-size: 13px;
       font-weight: 700;
       color: #fff;
       cursor: pointer;
       background-color: #3aaa35;
       border: solid 1px #1d1d1b;
   }
   .urun-detay span.sag table td span.button2 i {
       padding-right: 7px;
       font-size: 18px;
   }
   .ust_row2 {
       margin-top: 44px;
       margin-bottom: 44px
   }
   .ust_row2 li {
       width: auto;
       height: auto;
       margin-right: -3px;
       font-size: 15px;
       display: block;
   }
   .ust_row2 li .left2 {
       width: 20px;
   }
   .ust_row2 li .left2 .icon {
       width: 20px;
   }
   .ust_row2 li .left2 .icon img {
       width: 100%;
   }
   .ust_row2 li .right2 {
       width: 160px;
       margin-left: 7px;
   }
   .ust_row2 li .right2 .baslik {
       width: 100%;
       font-size: 12px;
       display: block;
       font-weight: 700;
       color: #333;
   }
   .ust_row2 li .right2 .yazi {
       width: 100%;
       font-size: 10px;
       display: block;
       color: #a7a7a7;
       text-align: justify;
       line-height: 13px;
   }
   .adres_bilgileri_geri {
       background: #f6f6f6;
       padding: 10px 0px;
       font-weight: 700;
       color: #333;
       font-size: 18px;
       border: solid 1px #317e63;
   }
}

@media (min-width: 1025px) {
   .right_aciklama {
       background: #fff;
       border: solid 1px #d7d7d7;
       padding: 10px 25px;
   }
   .right_aciklama .baslik {
       border-bottom: 1px solid #292929;
       color: #292929;
       padding-bottom: 5px;
       text-align: center;
       font-size: 20px;
       margin-bottom: 12px;
       margin-left: 0px;
   }
   .right_aciklama .yazi {
       color: #222;
       font-size: 15px;
       margin-bottom: 12px;
       width: 100%
   }
   .adres_bilgileri_geri a {
       background: #feee03;
       padding: 10px 10px 6px 10px;
       font-size: 15px;
       border: solid 1px #feee03;
       margin-top: 10px;
       color: #fff;
       border-radius: 8px;
   }
   .tab-menu div.tab-detail.kart div.right_tutar {
       margin-top: -43px
   }
   .sepet_liste_sag {
       background: #f6f6f6;
       padding: 5px 10px 5px 10px;
       border: solid 2px #f4f4f4;
       border-left: none;
   }
   .sepet_liste_sag_baslik {
       border-bottom: 1px solid #292929;
       padding-bottom: 3px;
       font-size: 18px;
       color: #292929;
       margin-bottom: 10px;
       font-weight: 700;
   }
   .ozet_left {
       font-size: 18px;
       color: #000;
       font-weight: 500;
       text-align: right;
   }
   .ozet_left_renk {
       font-size: 18px;
       color: #292929;
       font-weight: 500;
       text-align: right;
   }
   .ozet_right {
       font-size: 17px;
       color: #000;
       font-weight: 500;
       text-align: right;
   }
   .clasy_alisveris {
       width: 200px;
   }
   .clasy_alisveris img {
       width: 100%;
   }
   .form-genel .col-margin-left {}
   .detay_resim_liste {
       display: block;
       margin-top: 12px
   }
   .detay_resim_liste li {
       display: inline-block;
       width: 149px;
       height: 100px;
       text-align: center;
       margin: 0px 11px 5px 0px
   }
   .detay_resim_liste li img {
       width: 149px;
       min-height: 100px;
   }
   .detay_resim_liste li .over {
       display: inline-block;
       width: 149px;
       height: 100px;
       overflow: hidden
   }
   .form-left.uyegirisi {
       padding-right: 29px;
       border-right: 1px solid #ccc;
   }
   tr {
       ;
       width: 100%;
   }
   .siralama {
       width: 126px;
       margin-left: 111px
   }
   .siralama_ {
       width: 126px;
       margin-left: 180px
   }
   .siralama2 {
       width: 126px;
       margin-left: 11px;
   }
   .siralama2_ {
       width: 126px;
       margin-left: 180px;
   }
   .siralama3 {
       width: 51px;
       margin-left: 11px;
   }
   .siralama3_ {
       width: 51px;
       margin-left: 248.5px;
   }
   .urun-detay span.sag table td span.button {
       display: inline-block;
       width: auto;
       height: 35px;
       line-height: 28px;
       padding: 2px 44px 2px 44px;
       margin: 20px 0 0 40px;
       font-size: 13px;
       font-weight: 700;
       color: #fff;
       cursor: pointer;
       background-color: #e30613;
       border: solid 1px #1d1d1b;
   }
   .urun-detay span.sag table td span.button i {
       padding-right: 7px;
       font-size: 18px;
   }
   .urun-detay span.sag table td span.button i img {
       width: 16px
   }
   .urun-detay span.sag table td span.button2 {
       display: inline-block;
       width: auto;
       height: 35px;
       line-height: 31px;
       padding: 2px 60px 2px 60px;
       margin: 20px 0 0 111px;
       font-size: 13px;
       font-weight: 700;
       color: #fff;
       cursor: pointer;
       background-color: #3aaa35;
       border: solid 1px #1d1d1b;
   }
   .urun-detay span.sag table td span.button2 i {
       padding-right: 7px;
       font-size: 18px;
   }
}

.sepet-adres {
   display: block;
   width: 100%;
}

.sepet-adres .left {
   display: block;
}

.sepet-adres .right {
   display: block;
}

.sepet-adres .box {
   display: block;
   margin: 0 0 10px 0;
   background: rgba(246, 246, 246, 0.88);
   padding: 10px 20px 0px 20px;
   border-right: 4px solid #ececec;
   border-bottom: 4px solid #ececec;
}

.sepet-adres .box h5 {
   display: block;
   padding: 5px 0px;
   font-size: 18px;
   font-weight: 400;
   color: #292929;
   border-bottom: 1px solid #292929;
   text-align: center;
}

.sepet-adres .box .icerik {
   display: inline-block;
   padding: 20px 10px 10px 10px;
}

.sepettumusil {
   line-height: 100%;
   float: right;
   margin: 0 0 20px 0;
   font-size: 13px;
   font-weight: 700;
   color: #333;
   cursor: pointer;
}

.sepettumusil:hover,
.sepettumusil:focus {
   color: #333;
   text-decoration: underline;
}

.tab-menu {
   display: block;
   position: relative;
   width: 100%;
}

.tab-menu div.odemesekli {
   position: absolute;
   left: 15px;
   top: 18px;
   height: 12px;
   line-height: 12px;
   padding: 0 10px 0 0;
   font-size: 10px;
   font-weight: 700;
   color: #ff4242;
   background: url('images/odemesekli-icon.png') 100% 50% no-repeat;
}

.tab-menu ul.tab-list {
   display: block;
}

.tab-menu ul.tab-list li {
   display: inline-block;
   margin: 0 -16px -1px 0px;
   width: 23%
}

.tab-menu ul.tab-list.kart li {
   margin: 0 -16px -1px 0px;
}

.tab-menu ul.tab-list.kart li:first-child {
   margin-left: -1px;
}

@media (max-width: 767px) {
   .tab-menu ul.tab-list li.active a {
       padding: 6px 2px 4px 2px;
       color: #000;
       cursor: default;
       background-color: #f6f6f6;
       border-bottom-color: transparent;
   }
   .tab-menu ul.tab-list.kart li.active a {
       height: 45px;
       line-height: 30px !important;
       padding: 6px 4px 4px 55px;
       font-size: 18px;
       color: #333;
       background: #fff url('images/tab_nav_hover.jpg')4% no-repeat !important;
       background-size: 19px !important
   }
   .tab-menu ul.tab-list li {
       width: 100%
   }
   .tab-menu ul.tab-list.kart li:first-child {
       margin-left: 0;
   }
   .tab-menu ul.tab-list li a {
       text-align: left;
       display: block;
       position: relative;
       z-index: 11;
       height: 45px;
       line-height: 30px;
       padding: 6px 4px 4px 55px !important;
       font-size: 18px;
       margin: 1px 0 0 0;
       color: #d7d7d7;
       ;
       border: 1px solid #d7d7d7;
   }
   .tab-menu ul.tab-list.kart li a {
       color: #333;
       background: #f6f6f6 url('images/tab_nav.jpg')4% no-repeat !important;
       background-size: 19px !important
   }
}

.tab-menu ul.tab-list li a {
   text-align: left;
   display: block;
   position: relative;
   z-index: 11;
   height: 45px;
   line-height: 34px;
   padding: 6px 4px 4px 55px;
   font-size: 14px;
   margin: 1px 0 0 0;
   color: #d7d7d7;
   ;
   border: 1px solid #d7d7d7;
}

.tab-menu ul.tab-list.kart li a {
   color: #333;
   background: #f6f6f6 url('images/tab_nav.jpg')10% no-repeat;
   background-size: 25px
}

.tab-menu ul.tab-list.kart li a i {
   display: none;
   top: 2px;
   padding-left: 5px;
   font-size: 12px;
   color: #333;
}

.tab-menu ul.tab-list li.active a {
   padding: 6px 2px 4px 2px;
   color: #000;
   cursor: default;
   background-color: #f6f6f6;
   border-bottom-color: transparent;
}

.tab-menu ul.tab-list.kart li.active a {
   height: 45px;
   line-height: 34px;
   padding: 6px 4px 4px 55px;
   color: #333;
   background: #fff url('images/tab_nav_hover.jpg')10% no-repeat;
   background-size: 25px
}

@media (max-width: 519px) {
   .tab-menu div.tab-detail.kart div.right_tutar {
       margin-top: 0px
   }
   .tab-menu ul.tab-list li.active a {
       padding: 6px 2px 4px 2px;
       color: #000;
       cursor: default;
       background-color: #f6f6f6;
       border-bottom-color: transparent;
   }
   .tab-menu ul.tab-list.kart li.active a {
       height: 45px;
       line-height: 30px !important;
       padding: 6px 4px 4px 55px;
       font-size: 18px;
       color: #333;
       background: #fff url('images/tab_nav_hover.jpg')10% no-repeat;
       background-size: 19px !important
   }
   .tab-menu ul.tab-list li {
       width: 100%
   }
   .tab-menu ul.tab-list.kart li:first-child {
       margin-left: 0;
   }
   .tab-menu ul.tab-list li a {
       text-align: left;
       display: block;
       position: relative;
       z-index: 11;
       height: 45px;
       line-height: 30px;
       padding: 6px 4px 4px 55px;
       font-size: 18px;
       margin: 1px 0 0 0;
       color: #d7d7d7;
       ;
       border: 1px solid #d7d7d7;
   }
   .tab-menu ul.tab-list.kart li a {
       color: #333;
       background: #f6f6f6 url('images/tab_nav.jpg')10% no-repeat;
       background-size: 19px !important
   }
   .firsat-liste .hafta ul li a span.resim span.overflow {
       height: 119px
   }
   .tab-menu ul.tab-list.kart li {
       display: block;
       margin: 0 0 -1px 0;
   }
   .tab-menu ul.tab-list.kart li a {
       margin: 0;
       font-size: 10px;
   }
   .tab-menu ul.tab-list.kart li.active a {
       font-size: 12px;
       border-bottom-color: #d7d7d7;
   }
   .tab-menu ul.tab-list.kart li.active a i {
       display: inline;
   }
}

.firsat-liste {
   display: inline-block;
   position: relative;
   width: 100%;
   padding: 15px;
   margin: 11px 0 0 0;
   background: #742f8b;
   width: 100%;
   height: 383px;
   overflow: hidden;
}

.tab-menu ul.tab-list li a:hover,
.tab-menu ul.tab-list li a:focus {
   text-decoration: none;
}

.tab-menu div.tab-detail {
   display: block;
   position: relative;
   z-index: 10;
   width: 100%;
   padding: 0px 14px;
   font-size: 13px;
   font-weight: 400;
   color: #454545;
}

.tab-menu div.tab-detail form {
   display: inline-block;
   width: 100%
}

.tab-menu div.tab-detail.kart {
   border-radius: none;
}

.tab-menu div.tab-detail h1 {
   display: block;
   margin: 0 0 10px 0;
   font-size: 16px;
   font-weight: 700;
   color: #454545;
}

.tab-menu div.tab-detail.kart div.left {
   display: block;
}

.tab-menu div.tab-detail.kart div.right {
   display: block;
   width: 100%;
}

.tab-menu div.tab-detail.kart div.left_odeme {
   background: #fff;
   border: solid 1px #d7d7d7;
   padding: 25px 30px 21px 25px;
   min-height: 210px;
}

.tab-menu div.tab-detail.kart div.right_tutar {
   background: #fff;
   border-right: solid 3px #fff;
   border-bottom: solid 3px #fff;
   padding: 25px 25px 0px 25px;
}

.tab-menu div.tab-detail.kart div.right_tutar .sepet_ozetim {
   border-bottom: 1px solid #292929;
   color: #333;
   padding-bottom: 10px;
   text-align: center;
   font-size: 20px;
   margin-bottom: 12px;
   width: 100%;
}

.user2-table {
   width: 100%;
   border-collapse: collapse;
}

.user2-table tr {
   width: auto;
   float: none
}

.user2-table td {
   font-size: 15px;
   font-weight: 400;
   color: #292929;
   vertical-align: middle;
   background: none;
   border-bottom: 2px solid #292929
}

.user2-table td.ilk {
   border-left: none;
}

.user2-table thead td {
   font-weight: 700;
   font-size: 20px;
}

.user2-table tbody.adres tr td {
   cursor: pointer;
}

.user2-table tbody.adres tr:hover td,
.user2-table tbody.adres tr:focus td {
   background: #fff;
}

.user2-table td.left {
   float: none;
   text-align: left;
   padding: 5px 7px;
}

.user2-table td.ilk.left {
   padding-left: 0;
}

.user2-table td.right {
   float: none;
   text-align: right;
   padding: 5px 7px;
}

.user2-table td.son.right {
   padding-right: 0;
}

.user2-table td.center {
   float: none;
   text-align: center;
   padding: 5px 7px;
}

.user2-table tbody.adres tr td label {
   display: block;
   cursor: pointer;
}

.user2-table td span.urun {
   font-size: 15px;
   color: #1d1d1b;
}

.user2-table td span.marka {
   font-size: 15px;
   color: #959595;
}

.user2-table td span.birim {
   line-height: 24px;
}

.user2-table td input.text {
   display: inline-block;
   width: 28px;
   height: 24px;
   line-height: 16px;
   padding: 3px;
   margin: 0 5px;
   font-size: 13px;
   font-weight: 700;
   color: #888;
   text-align: center;
   cursor: auto;
   background: #fff;
   border: 1px solid #ccc;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

.user2-table td input.text:focus {
   border-color: #888;
}

.user2-table td input.radio {
   width: 14px;
   height: 14px;
   float: none;
   padding: 0;
   margin: 0;
   border: none;
}

.user2-table td select.select {
   width: auto;
   height: 24px;
   line-height: 24px;
   float: none;
   padding: 1px 1px 1px 0;
   margin: 0 0 0 20px;
   font-size: 13px;
   font-weight: 400;
   color: #888;
   background: #fff;
   border: 1px solid #ccc;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

.user2-table td select.select:focus {
   border-color: #888;
}

.user2-table td a img.sepet {
   max-width: 100px;
   height: 100px;
}

.user2-table td a.link {
   font-weight: 700;
   color: #454545;
   text-decoration: underline;
}

.user2-table td a.link:hover,
.user2-table td a.link:focus {
   text-decoration: none;
}

.user2-table td a.sil {
   display: inline-block;
   width: 20px;
   height: 20px;
   background: url('images/sepetim-toplam-sil.png') 0 0 no-repeat;
   cursor: pointer;
}

.user2-table td a.sil:hover,
.user2-table td a.sil:focus {
   text-decoration: none;
   background-position: 0 -20px;
}

.user2-table td a.button1,
.user2-table td input.button1 {
   display: inline-block;
   width: auto;
   height: 24px;
   line-height: 24px;
   float: none;
   padding: 0 8px;
   margin: 0;
   font-size: 13px;
   font-weight: 400;
   color: #656565;
   cursor: pointer;
   background: #d5d5d5 url('images/table-button.png') 0 0 repeat-x;
   border: 1px solid #d5d5d5;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

.user2-table td input.button1 {
   height: 24px;
}

.user2-table td a.button1::selection,
.user2-table td input.button1::selection {
   background: transparent;
}

.user2-table td a.button1:hover,
.user2-table td a.button1:focus,
.user2-table td input.button1:hover,
.user2-table td input.button1:focus {
   text-decoration: none;
   background: #d5d5d5;
   border-color: #d5d5d5;
}

.user2-table td a.button2,
.user2-table td input.button2 {
   display: inline-block;
   width: auto;
   height: 24px;
   line-height: 24px;
   float: none;
   padding: 0 8px;
   margin: 0;
   font-size: 13px;
   font-weight: 400;
   color: #fff;
   cursor: pointer;
   background: #feee03 url('images/table-button.png') 0 0 repeat-x;
   border: 1px solid #feee03;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

.user2-table td input.button2 {
   height: 24px;
}

.user2-table td a.button2::selection,
.user2-table td input.button2::selection {
   background: transparent;
}

.user2-table td a.button2:hover,
.user2-table td a.button2:focus,
.user2-table td input.button2:hover,
.user2-table td input.button2:focus {
   text-decoration: none;
   background: #156479;
   border-color: #156479;
}

.user2-table table {
   width: 100%;
   border-collapse: collapse;
}

.user2-table table td {
   border: none;
}

.user2-table table td.left {
   padding: 0 2px;
}

.user2-table table td.ilk.left {
   padding-left: 0;
}

.user2-table table td.right {
   padding: 0 2px;
}

.user2-table table td.son.right {
   padding-right: 0;
}

.user2-table table td.center {
   padding: 0 2px;
}

.user-table {
   width: 100%;
   border-collapse: collapse;
}

.user-table td {
   font-size: 13px;
   font-weight: 400;
   color: #454545;
   vertical-align: middle;
   background: none;
   border-left: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
}

.user-table td.ilk {
   border-left: none;
}

.user-table thead td {
   font-weight: 700;
}

.user-table tbody.adres tr td {
   cursor: pointer;
}

.user-table tbody.adres tr:hover td,
.user-table tbody.adres tr:focus td {
   background: #fff;
}

.user-table td.left {
   float: none;
   text-align: left;
   padding: 5px 7px;
}

.user-table td.ilk.left {
   padding-left: 0;
}

.user-table td.right {
   float: none;
   text-align: right;
   padding: 5px 7px;
}

.user-table td.son.right {
   padding-right: 0;
}

.user-table td.center {
   float: none;
   text-align: center;
   padding: 5px 7px;
}

.user-table tbody.adres tr td label {
   display: block;
   cursor: pointer;
}

.user-table td span.urun {
   font-size: 13px;
}

.user-table td span.marka {
   font-size: 12px;
   color: #959595;
}

.user-table td span.birim {
   line-height: 24px;
}

.user-table td input.text {
   display: inline-block;
   width: 28px;
   height: 24px;
   line-height: 16px;
   padding: 3px;
   margin: 0 5px;
   font-size: 13px;
   font-weight: 700;
   color: #888;
   text-align: center;
   cursor: auto;
   background: #fff;
   border: 1px solid #ccc;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

.user-table td input.text:focus {
   border-color: #888;
}

.user-table td input.radio {
   width: 14px;
   height: 14px;
   float: none;
   padding: 0;
   margin: 0;
   border: none;
}

.user-table td select.select {
   width: auto;
   height: 24px;
   line-height: 24px;
   float: none;
   padding: 1px 1px 1px 0;
   margin: 0 0 0 20px;
   font-size: 13px;
   font-weight: 400;
   color: #888;
   background: #fff;
   border: 1px solid #ccc;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

.user-table td select.select:focus {
   border-color: #888;
}

.user-table td a img.sepet {
   max-width: 43px;
   height: 43px;
   border: 1px solid #ccc;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

.user-table td a.link {
   font-weight: 700;
   color: #454545;
   text-decoration: underline;
}

.user-table td a.link:hover,
.user-table td a.link:focus {
   text-decoration: none;
}

.user-table td a.sil {
   display: inline-block;
   width: 20px;
   height: 20px;
   background: url('images/sepetim-toplam-sil.png') 0 0 no-repeat;
   cursor: pointer;
}

.user-table td a.sil:hover,
.user-table td a.sil:focus {
   text-decoration: none;
   background-position: 0 -20px;
}

.user-table td a.button1,
.user-table td input.button1 {
   display: inline-block;
   width: auto;
   height: 24px;
   line-height: 24px;
   float: none;
   padding: 0 8px;
   margin: 0;
   font-size: 13px;
   font-weight: 400;
   color: #656565;
   cursor: pointer;
   background: #d5d5d5 url('images/table-button.png') 0 0 repeat-x;
   border: 1px solid #d5d5d5;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

.user-table td input.button1 {
   height: 24px;
}

.user-table td a.button1::selection,
.user-table td input.button1::selection {
   background: transparent;
}

.user-table td a.button1:hover,
.user-table td a.button1:focus,
.user-table td input.button1:hover,
.user-table td input.button1:focus {
   text-decoration: none;
   background: #d5d5d5;
   border-color: #d5d5d5;
}

.user-table td a.button2,
.user-table td input.button2 {
   display: inline-block;
   width: auto;
   height: 24px;
   line-height: 24px;
   float: none;
   padding: 0 8px;
   margin: 0;
   font-size: 13px;
   font-weight: 400;
   color: #292929;
   cursor: pointer;
   background: #feee03 url('images/table-button.png') 0 0 repeat-x;
   border: 1px solid #feee03;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

.user-table td input.button2 {
   height: 24px;
}

.user-table td a.button2::selection,
.user-table td input.button2::selection {
   background: transparent;
}

.user-table td a.button2:hover,
.user-table td a.button2:focus,
.user-table td input.button2:hover,
.user-table td input.button2:focus {
   text-decoration: none;
   background: #292929;
   border-color: #292929;
   color: #fff;
}

.user-table table {
   width: 100%;
   border-collapse: collapse;
}

.user-table table td {
   border: none;
}

.user-table table td.left {
   padding: 0 2px;
}

.user-table table td.ilk.left {
   padding-left: 0;
}

.user-table table td.right {
   padding: 0 2px;
}

.user-table table td.son.right {
   padding-right: 0;
}

.user-table table td.center {
   padding: 0 2px;
}

.siparis-baslik {
   display: block;
   width: 100%;
   margin: 0 0 10px 0;
   font-size: 13px;
   font-weight: 700;
   color: #292929;
}

.siparis-table {
   width: 100%;
   border-collapse: collapse;
}

.siparis-table td {
   font-size: 13px;
   font-weight: 400;
   color: #454545;
   vertical-align: middle;
   background: none;
   border: none;
}

.siparis-table td.left {
   float: none;
   text-align: left;
   padding: 2px 7px 2px 0;
}

.siparis-table td.right {
   float: none;
   text-align: right;
   padding: 2px 0 2px 7px;
}

.siparis-table td.center {
   float: none;
   text-align: center;
   padding: 2px 0 2px 0;
}

.siparis-toplam {
   display: block;
   width: 100%;
   margin: 10px 0 0 0;
   text-align: right;
}

.siparis-toplam span.text {
   display: inline-block;
   height: 24px;
   line-height: 24px;
   font-size: 14px;
   font-weight: 700;
   color: #454545;
   text-align: right;
   width: 100%;
}

.siparis-toplam span.kargo {
   display: inline-block;
   height: 24px;
   line-height: 24px;
   font-size: 14px;
   font-weight: 400;
   color: #454545;
   text-align: right;
}

.sepetim-adim {
   display: block;
   width: 100%;
   padding: 30px 20px;
   margin: 10px 0 30px 0;
   background: #fff;
   border-bottom: 1px solid #f5f5f5;
   border-top: 1px solid #f5f5f5;
   -moz-box-shadow: inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #f5f5f5;
   box-shadow: inset 0 0 10px #f5f5f5;
}

.sepetim-adim ul {
   display: flex;
   width: 100%;
   min-height: 30px;
   justify-content: center;
   align-items: center;
}

.sepetim-adim ul li {
   height: 30px;
   line-height: 30px;
   font-size: 19px;
   font-weight: 400;
   color: #959595;
   list-style: none;
   display: flex;
}

.sepetim-adim ul li span {
   width: 30px;
   height: 30px;
   line-height: 30px;
   padding: 0;
   margin: 0px 10px 4px 0;
   font-family: Verdana, Geneva, sans-serif;
   font-size: 14px;
   color: #888;
   text-align: center;
   background: #ddd;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
}

@media (max-width: 991px) {
   .sepetim-adim ul li {
       height: 24px;
       line-height: 24px;
       float: none;
       font-size: 14px;
       border-top: 1px solid #ccc;
   }
   .sepetim-adim ul li:first-child {
       border-top: none;
   }
   .sepetim-adim ul li span {
       width: 16px;
       height: 16px;
       line-height: 16px;
       margin: 4px 10px 4px 0;
       font-size: 11px;
   }
}

.sepetim-adim ul li i {
   top: 0;
   float: right;
   margin: 0 37px;
   font-size: 30px;
   color: #ccc;
}

@media (max-width: 1023px) {
   .sepetim-adim ul li i {
       margin: 0 30px;
   }
}

.sepetim-adim ul li.active {
   color: #292929;
}

.sepetim-adim ul li.active span {
   color: #fff;
   background: #292929;
}

.sepetim-onay {
   display: inline-block;
   margin: 10px 0 20px 0;
   padding: 10px 20px 10px 80px;
   background: #fff url('images/sepetim-onay.png') 0 50% no-repeat;
   border: 1px solid #ccc;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

.sepetim-onay .onay1 {
   width: 100%;
   font-size: 15px;
   font-weight: 400;
   color: #454545;
}

.sepetim-onay .onay2 {
   width: 100%;
   font-size: 15px;
   font-weight: 700;
   color: #de0000;
}

.sepetim-onay .onay3 {
   width: 100%;
   font-size: 13px;
   color: #888;
}

.sepetim-onay .onay3 a {
   font-weight: 700;
   font-size: 13px;
   color: #454545;
   text-decoration: underline;
   cursor: pointer;
}

.sepetim-onay .onay3 a:hover,
.sepetim-onay .onay3 a:focus {
   text-decoration: none;
}

.hizli-urun {
   display: block;
   width: 100%;
   margin: 0 0 20px 0;
}

.hizli-urun .form {
   display: inline-block;
   width: 100%;
   margin: 0 0 10px 0;
}

.hizli-urun .form .input {
   width: 200px;
   height: 26px;
   line-height: 18px;
   padding: 3px 4px;
   margin: 0;
   font-size: 12px;
   font-weight: 400;
   color: #000;
   text-align: left;
   text-decoration: none;
   background: #fff;
   border: 1px solid #b9b9b9;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
}

.hizli-urun .form .input:hover {
   border-color: #888;
}

.hizli-urun .form .input:focus {
   border-color: #fff;
   outline: auto #0d8cd9;
}

.hizli-urun .form .click {
   width: auto;
   height: 26px;
   line-height: 26px;
   padding: 0 5px;
   margin: 0 0 0 5px;
   font-size: 12px;
   font-weight: 400;
   color: #fff;
   cursor: pointer;
   background: #ff4242;
   border: none;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
}

.hizli-urun .form .click::selection {
   background: transparent;
}

.hizli-urun .form .click:hover,
.hizli-urun .form .click:focus {
   color: #fff;
   text-decoration: none;
   background-color: #ff4242;
}

.hizli-urun .form .search {
   display: block;
   font-size: 11px;
   font-weight: 400;
   color: #de0000;
   text-align: left;
}

.hizli-urun .form .search.load {
   color: #000;
}

.hizli-urun .form .search.load img {
   display: inline-block;
   vertical-align: middle;
}

.hizli-urun .form .multiple {
   display: block;
   width: 100%;
   height: 198px;
   font-size: 12px;
   font-weight: 400;
   color: #000;
   text-align: left;
   text-decoration: none;
   overflow: auto;
   background: #fff;
   border: 1px solid #b9b9b9;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
}

.hizli-urun .form .multiple:hover {
   border-color: #888;
}

.hizli-urun .form .multiple:focus {
   border-color: #fff;
   outline: auto #0d8cd9;
}

.hizli-urun .form .multiple .none {
   padding: 4px;
}

.hizli-urun .form .multiple ul {
   width: 100%;
   min-width: 960px;
}

.hizli-urun .form .multiple ul li {
   width: 100%;
   line-height: 14px;
   padding: 4px 0;
   margin: 0;
   font-size: 12px;
   color: #000;
   background: #fff;
}

.hizli-urun .form .multiple ul li:hover,
.hizli-urun .form .multiple ul li:focus {
   background: #7aff83;
}

.hizli-urun .form .multiple ul li.blue {
   background: #e4eef7;
}

.hizli-urun .form .multiple ul li.blue:hover,
.hizli-urun .form .multiple ul li.blue:focus {
   background: #7aff83;
}

.hizli-urun .form .multiple ul li label {
   width: auto;
   height: auto;
   line-height: 14px;
   padding: 0 0 0 4px;
   margin: 0;
   font-size: 12px;
   font-weight: 400;
   color: #000;
}

.hizli-urun .form .multiple ul li label b {
   width: 70px;
}

.hizli-urun .form .multiple ul li strong {
   line-height: 14px;
   float: right;
   padding: 0 4px 0 0;
   font-size: 10px;
   font-weight: 400;
   color: #000;
}

.hizli-urun .form .multiple ul li strong .birim {
   line-height: 14px;
   margin: 0 3px 0 0;
}

.hizli-urun .form .multiple ul li strong input {
   width: 20px;
   height: 14px;
   line-height: 12px;
   padding: 0 2px;
   margin: 0 3px 0 0;
   font-size: 10px;
   font-weight: 400;
   color: #000;
   text-align: left;
   text-decoration: none;
   background: #fff;
   border: 1px solid #b9b9b9;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
}

.hizli-urun .form .multiple ul li strong input:hover {
   border-color: #888;
}

.hizli-urun .form .multiple ul li strong input:focus {
   border-color: #fff;
   outline: auto #0d8cd9;
}

.hizli-urun .form .multiple ul li strong .button {
   width: auto;
   height: 14px;
   line-height: 14px;
   padding: 0 3px;
   margin: 0;
   font-size: 10px;
   font-weight: 400;
   color: #fff;
   cursor: pointer;
   background: #ff4242;
   border: none;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
}

.hizli-urun .form .multiple ul li strong .button::selection {
   background: transparent;
}

.hizli-urun .form .multiple ul li strong .button.disable {
   background-color: #ddd;
   color: #fff;
   cursor: default;
}

.hizli-urun .form .multiple ul li strong .button:hover,
.hizli-urun .form .multiple ul li strong .button:focus {
   background-color: #ff4242;
   color: #fff;
}

.hizli-urun .form .multiple ul li strong .button.disable:hover,
.hizli-urun .form .multiple ul li strong .button.disable:focus {
   background-color: #ddd;
   color: #fff;
}

.hizli-iskonto {
   display: inline-block;
   width: 100%;
   margin: 20px 0;
}

.hizli-iskonto form {
   float: right;
}

.hizli-iskonto form span {
   line-height: 24px;
   margin: 0 5px 0 0;
   font-size: 14px;
   font-weight: 400;
   color: #454545;
}

.hizli-iskonto form .input {
   width: 100px;
   height: 24px;
   line-height: 16px;
   padding: 3px 4px;
   margin: 0 5px 0 0;
   font-size: 12px;
   font-weight: 400;
   color: #000;
   text-align: left;
   text-decoration: none;
   background: #fff;
   border: 1px solid #b9b9b9;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
}

.hizli-iskonto form .input:hover {
   border-color: #888;
}

.hizli-iskonto form .input:focus {
   border-color: #fff;
   outline: auto #0d8cd9;
}

.hizli-iskonto form .button {
   width: auto;
   height: 24px;
   line-height: 24px;
   padding: 0 5px;
   margin: 0;
   font-size: 12px;
   font-weight: 400;
   color: #fff;
   cursor: pointer;
   background: #ff4242;
   border: none;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
}

.hizli-iskonto form .button::selection {
   background: transparent;
}

.hizli-iskonto form .button:hover,
.hizli-iskonto form .button:focus {
   color: #fff;
   text-decoration: none;
   background-color: #ff4242;
}

a.onsiparis {
   display: inline-block;
   width: auto;
   margin: 0;
   padding: 0 10px;
   background-color: #208a33;
   border-radius: 3px;
   text-align: center;
   color: #fff;
}

a.onsiparis:hover,
a.onsiparis:focus {
   text-decoration: none;
}

#product-list {
   display: none;
   text-align: left;
   position: absolute;
   z-index: 999;
   right: 0px;
   bottom: auto;
   background: #fff;
   border: 1px solid #000;
   width: 545px;
   margin-top: 0px;
}

#product-list .ust-tab {
   width: 100%;
   padding: 5px 20px;
   margin-bottom: 10px;
   border-bottom: 2px solid #292929;
}

#product-list .ust-tab span {
   font-size: 18px;
   font-weight: 600;
   color: #292929;
   display: inline-block;
}

#product-list .ust-tab span:nth-child(1) {
   width: 260px;
}

#product-list .ust-tab span:nth-child(2) {
   width: 100px;
}

#product-list .ust-tab span:nth-child(3) {
   width: 80px;
}

#product-list .ust-tab span:nth-child(4) {
   width: 25px;
}

#product-list .alt-tab {
   width: 521px;
   height: 160px;
   margin-bottom: 10px;
   padding: 0 20px 10px 20px;
}

#product-list .alt-tab div {
   width: 100%;
   margin-bottom: 10px;
}

#product-list .alt-tab span span.sag {
   width: 145px;
   padding-left: 5px;
}

#product-list .alt-tab span {
   display: inline-block;
   vertical-align: top;
}

#product-list .alt-tab span text.renk {
   display: inline-block;
   width: 100%;
}

#product-list .alt-tab span.urunadi {
   width: 260px;
}

#product-list .alt-tab span.urunadi img {
   vertical-align: top;
}

#product-list .alt-tab span.urunadi text.urunadi {
   display: inline-block;
   width: 100%;
   padding-bottom: 5px;
   font-size: 13px;
   color: #292929;
}

#product-list .alt-tab span.urunadet {
   width: 100px;
}

#product-list .alt-tab span.urunadet span.button {
   border: 1px solid #292929;
   height: 24px;
   text-decoration: none;
   font-weight: 600;
   color: #333;
   cursor: pointer;
   line-height: 24px;
}

#product-list .alt-tab span.urunadet span.button.left {
   padding: 0 10px;
   border-right: none;
   margin-right: -2px;
   border-radius: 3px 0 0 3px;
}

#product-list .alt-tab span.urunadet span.button.right {
   padding: 0 7px;
   border-left: none;
   margin-left: -3px;
   border-radius: 0 3px 3px 0;
}

#product-list .alt-tab span.urunadet input.text {
   width: 30px;
   text-align: center;
   border: 1px solid #292929;
   padding: 0;
   height: 24px;
}

#product-list .alt-tab span.urunfiyat {
   width: 80px;
   font-size: 13px;
   color: #292929;
}

#product-list .alt-tab span.urunsil {
   width: 25px;
}

#product-list .alt-tab span.urunsil span {
   width: 14px;
   height: 14px;
   background: url('images/ust-tab-sil.png') 0 0;
}

#product-list .alt-tab span.urunsil span:hover {
   background-position: 0 14px;
   cursor: pointer;
}

#product-list .en-alt-tab {
   padding: 30px 20px;
   border-top: 1px solid #292929;
}

#product-list .en-alt-tab div.sol {
   display: inline-block;
   width: 228px;
   vertical-align: top;
}

#product-list .en-alt-tab div.sol p {
   display: inline-block;
   padding: 10px 15px 8px 37px;
   background: #292929 url('images/ust-basket.png') 15px center no-repeat;
   text-align: center;
   font-size: 16px;
   font-weight: 600;
   color: #fff;
   cursor: pointer;
}

#product-list .en-alt-tab div.sag {
   display: inline-block;
   width: 270px;
   vertical-align: top;
}

#product-list .en-alt-tab div.sag span {
   font-size: 14px;
   font-weight: 600;
}

a.hoverla:hover div.hoverla-hover {
   display: block;
}

a.hoverla:hover div.hoverla-hover i {
   top: 50%;
}

div.hoverla-hover {
   display: none;
   background: rgba(0, 0, 0, 0);
   height: 100%;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   width: 100%;
   -webkit-transition: all 0.4s;
   -moz-transition: all 0.4s;
   -o-transition: all 0.4s;
   transition: all 0.4s;
   z-index: 1;
   background: rgba(0, 0, 0, .4);
}

div.hoverla-hover i {
   font-size: 32px;
   color: #e0e0e0;
   margin-left: -16px;
   margin-top: -16px;
   position: absolute;
   text-shadow: 0px 0px 1px rgba(0, 0, 0, 0);
   -webkit-transition: all 0.4s;
   -moz-transition: all 0.4s;
   -o-transition: all 0.4s;
   transition: all 0.4s;
}

.yan-son {
   background: #292929!important;
}

.acilir_menu {
   border: solid 1px #f3f3f3;
}

.form-hata span {
   position: relative !important;
   width: 100% !important;
   top: 1px !important;
   z-index: 99 !important;
   left: -2px !important;
}

.sepete-ekle-buton {
   display: inline-block;
   background: #292929;
   font-size: 16px;
   font-weight: 600;
   padding: 10px 15px;
   color: #fff;
   cursor: pointer;
}

.sepete-ekle-buton i {
   margin-right: 5px;
}

.renk-sec-buton {
   display: inline-block;
   background: #e30a13;
   font-size: 16px;
   font-weight: 600;
   padding: 10px 15px;
   color: #fff;
   cursor: pointer;
}

.renk-sec-buton i {
   margin-right: 5px;
}

.uye-liste {
   background: #e1e1e1;
   padding: 10px;
   border-bottom: 1px solid #fff;
}

.uye-liste input[type=checkbox],
input[type=radio] {
   margin-top: -8px;
}