@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.2/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800&display=swap');
@charset "utf-8";

:root{
    --fucan:#ffc528;
    --fucan-black:#030304;
    --fucan-green:#adc90d;
    --fucan-font:'Montserrat', sans-serif;
    --input-font:'Arial', sans-serif;
    --fucan-grey-600:#3d3d3d;
    --fucan-grey-450:#e8e8e8;
    --fucan-grey-400:#ebebeb;
    --fucan-grey-300:#848585;
    --fucan-grey-200:#d9d9d9;
    --fucan-grey-100:#c0c0c0;
    --transition-3ms :all .3s ease-in-out;
    --fucan-new:#dd5f49;
    --fucan-footerbg:#3a4750;
    --fucan-footertext:#e5e5e5;
    --fucan-blackt:rgba(0,0,0,.7);
    
}
 

html{padding: 0;margin: 0;width: 100%;}
*{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-sizing:border-box;outline:0;}
body{padding:0;margin:0;font-family:var(--fucan-font);font-size:15px;color:var(--fucan-black);}

.center{width:100%;max-width:1300px;margin:0px auto;display:block;position:relative;zoom:1;}


h1,h2,h3,h4,h5,strong,b{font-weight:600;}
a{ text-decoration: none;color:inherit;}

.crow{float:left;width:100%;min-height:1px;position:relative;margin-bottom:10px;}
.cp1, .cp2, .cp3, .cp4, .cp5, .cp6, .cp7, .cp8, .cp9, .cp10, .cp11{float:left;min-height:1px;position:relative;}
.cp12{width:100% }
.cp11{width:91.66666667% }
.cp10{width:83.33333333% }
.cp9{width:75% }
.cp8{width:66.66666667% }
.cp7{width:58.33333333% }
.cp6{width:50% }
.cp5{width:41.66666667% !important;}
.cp4{width:33.33333333% }
.cp3{width:25% }
.cp2{width:16.66666667% !important;}
.cp1{width:8.33333333% }

.p10{padding:10px;}
.pr10{padding-right:10px;}
.pl10{padding-left:10px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.fr{float:right !important;}
.mr0{margin-right:0 !important;}
.br0{border:0 !important;}
.tr{text-align:right !important;}
.tc{text-align:center !important;}
.clear{clear:both;}

.alert{float:left;width:100%;background:#fff;color:#333;padding:10px;margin-bottom:10px;border-radius:8px;font-size:14px;}
.alert.error{border:1px solid maroon;background:pink;}
.alert.success{color:#468847;background-color:#dff0d8;border:1px solid #d6e9c6;}
.alert.info{color:#c09853;background:#fcf8e3;border:1px solid #fbeed5;}
.alert.text{background:#3a87ad;color:#fff;}
.alert p{float:left;margin:5px 0 5px 0;padding:0;font-size:13px;}
.alert a{color:inherit;font-weight:bold;}
.alert.small{width:auto;border-radius:3px;padding:3px 8px 3px 8px;}

ul.alert{margin:0;padding:20px;text-align:left;}
ul.alert li{list-style:inside;}

label.key{font:700 13px / 1.3 var(--input-font);float:left;width:100%;margin-bottom:5px;font-size:13px;font-weight:600;color:#7B7B7B;}
.styleinput{float:left;width:100%;height:40px;line-height:38px\9;padding:0 14px 0 14px;background:#fff;border:3px solid #ccc;color:#7B7B7B;font:700 13px / 1.3  var(--input-font);border-radius:5px;}
.styleinput:focus,.styleinput:hover{color:#111;background:#FFFFF0;border-color:#ccc;}

textarea.styleinput{resize:none;padding:10px;min-height:60px;}
select.styleinput option{padding:3px;}
button, input[type=submit], input[type=radio], input[type=checkbox]{cursor:pointer;}
input[type=file]{border:1px solid #EEE;padding:5px;font-size:13px;cursor:pointer;}
select[multiple=multiple].styleinput{height:150px;padding:5px;}

span.yada{float:left;width:100%;position:relative;text-align:center;margin:0 0 10px 0;}
span.yada:before{content:'';position:absolute;left:0;top:12px;width:100%;height:1px;background:#E3E3E3;}
span.yada > i{position:relative;z-index:1;padding:0 20px 0 20px;background:#FFF;color:#333;font-size:15px;font-weight:600;}
.link{font-size:14px;color:#06c;text-decoration:none;display:inline-block;}
.link:hover{text-decoration:underline;}
label.radio{cursor:pointer;}
*[readonly=readonly]{background:#f9f9f9;color:#666;}
input.styleinput.error, textarea.styleinput.error, select.styleinput.error{border:2px solid #9F0000 !important;background:#FFF4F4 !important;}
label.error{display:none !important;}
.bilgi{float:left;width:100%;text-align:center;font-size:14px;font-weight:400;color:#999;margin-bottom:10px;}
.cptable{float:left;width:100%;border:1px solid #ddd;border-bottom:0;border-left:0;}
.cptable thead > tr{background:#F5F5F5;}
.cptable td{border-left:1px solid #ddd;border-bottom:1px solid #ddd;}

/*btn*/
.btn{font-weight:normal;text-decoration:none;display:inline-block;color:#666;font-size:14px;padding:20px;border-radius:4px;text-align:center;font-family:'Open Sans', sans-serif;cursor:pointer;background:#eee;border:1px solid #ddd;}
.btn:hover{color:#000;background:#dfdfdf;border:1px solid #bbb;}
.btn.full{float:left;width:100%;}
.btn.disabled{cursor:default }
.btn.small{line-height:normal;padding:4px 12px 4px 12px;font-size:13px;}
.btn.yesil{color:#fff;background:#83C41A;border:1px solid #75AD1A;}
.btn.yesil:hover{background:#8ACE0D;border:1px solid #7BB118;}
.btn.yesil.disabled{background:#e0f7dc;border:1px solid #c7eebf;color:#c6eac0 }
.btn.beyaz{background:#fff;color:#505050;border:1px solid #cdcdcd }
.btn.beyaz:hover{background:#fdfdfd;color:#505050;border:1px solid #b8b8b8 }
.btn.kirmizi{color:#fff;background:#CC2738;border:1px solid #92031C }
.btn.kirmizi:hover{background:#92031C;}
.btn.siyah{color:#fff;background:#666;border:1px solid #232323 }
.btn.siyah:hover{background:#888;border:1px solid #050505 }
.btn.facebook{color:#fff;background:#354c8c;border:1px solid #3B599F;}
.btn.facebook:hover{background:#3b5998;border:1px solid #0F3B9C;}
/*btn*/


/*popup*/
.sw_popup_bg{background:#000;opacity:0.8;position:fixed;top:0;left:0;width:100%;height:100%;z-index:997;}
.sw_popup_loading{width:113px;height:113px;position:fixed;left:-20000px;top:-20000px;bottom:-20000px;right:-20000px;z-index:998;margin:auto;color:#FFF;text-align:center;}
.sw_popup_loading > i{font-size:70px;}
.sw_popup_loading:before{content:'Lütfen Bekleyiniz';width:140px;text-align:center;z-index:998;display:block;position:relative;left:-13.5px;top:-10px;font-size:13px;}
.sw_popup_content{display:none;background:#fff;z-index:999;border:0;box-shadow:0 0 100px #000;}
.sw_popup_content > .append{overflow-y:auto;height:100%;}
.sw_popup_content iframe{width:100%;height:100%;display:block;}
.sw_popup_content .popup_kapat_button{position:absolute;top:0;right:-30px;text-align:center;width:30px;height:30px;background:#900;color:#fff;cursor:pointer;}
.sw_popup_content .popup_kapat_button i{line-height:30px;font-size:17px;}
.sw_popup_content .popup_kapat_button:hover{background-color:#fff;color:#000;}
.popup_title{float:left;width:100%;height:62px;padding-top:15px;background:#F5F5F5;font-size:23px;text-align:center;border-bottom:1px solid #dddddd;position:relative;}
.popup_title:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:#fff;}
.popup_body{float:left;width:100%;padding:20px;}
.sw_popup_content .sw_popup_txt{float:left;font-weight:bold;font-size:13px;width:100%;padding:20px;border-bottom:1px solid #ddd;color:#333;text-align:center;}
.sw_popup_content .sw_popup_buttons{float:left;width:100%;margin:10px 0 10px 0;text-align:center;}
.sw_popup_content .sw_popup_buttons .btn{margin:0 3px 0 3px;}
.sw_popup_content.sw_confirm{border:7px solid #ddd;}
.sw_popup_content.sw_alert{border:7px solid #fff;}
.sw_popup_content.sw_confirm .popup_kapat_button,.sw_popup_content.sw_alert .popup_kapat_button{top:-7px;right:-37px;}
.sw_popup_content div.alert{margin:0;border-radius:0;text-align:center;}
/*popup*/

/*paging*/
.pager{float:left;width:100%;margin:10px 0 10px 0;text-align:center;}
.pager a{height:35px;padding:9px 14px 0 14px;margin:0;display:inline-block;border:1px solid #dddddd;border-left:0;font-size:12px;color:#333;text-decoration:none;}
.pager a > i{font-weight:bold;padding-top:1px;}
.pager a:first-child{border-left:1px solid #dddddd;}
.pager a.active, .pager a:hover{color:#FFF;}
/*paging*/

.cptitle{float:left;width:100%;font-size:18px;color:#333;padding-bottom:10px;border-bottom:1px solid #dddddd;text-align:center;margin:0 0 10px 0;}
.formbilgi{float:left;width:100%;margin:10px 0 10px 0;font-size:14px;color:#222;text-align:center;}

 

header{float:left;width:100%;position:relative; z-index: 5; background: #fff;display: flex;flex-direction: column;}
header .top{float:left;width:100%;height:35px;background:var(--fucan-grey-400);text-align: center;position: relative;display: flex;align-items: center;justify-content: center;}
header .top .social{ position: absolute; right:25px; top:0; }
header .top .social a{float:left;width: 35px;line-height:35px;text-align:center;color:var(--fucan-grey-300);text-decoration:none;font-size: 15px;transition:var(--transition-3ms);}
header .top .social a:hover{ color:#fff; background:var(--fucan-grey-600);  }
header .ustmenu{ float: left;  }
header .ustmenu a{ float: left; line-height: 35px; font-size:11px; font-weight: 500; color:var(--fucan-grey-600);text-decoration: none; margin:0 7px;transition:var(--transition-3ms);}
header .ustmenu a:hover{ text-decoration: underline; color:var(--fucan-black);}
header .ustmenu.topmenu_left {position: absolute;left:25px;}

header .middle{ width: 100%;height: 115px; float: left;display: flex;justify-content: space-between;align-items: center;border-bottom: 5px solid var(--fucan);}
header .middle > .logo { float: left;width: 265px;padding-left: 25px;min-width: 290px;}
header .middle > .logo img{ height: 50px; }

header .middle form{float: left;width: 80%;max-width: 800px;min-width: 300px;height: 45px;position: relative;border: 2px solid var(--fucan-grey-300);border-radius: 4px;}
header .middle form > i{position:absolute;left: 5px;top: 0;bottom:0;margin: auto;color:var(--fucan-grey-100);line-height: 41px;padding: 0 5px;font-size: 20px;pointer-events: none;}
header .middle form input{float:left;width:100%;height:100%;padding:0 80px 0 40px;background:transparent;border:0;color:var(--fucan-grey-600);font-size:13px; font-weight: 500; }
header .middle form button{position:absolute;width:75px;height:100%;text-align:center;top:0;right:0;background:var(--fucan-grey-300);border:0;font-size:14px;font-weight:600;color:#FFF;cursor: pointer;}
header .middle form button:active,header form button:focus,header form button:hover,header form input:focus ~ button,header form input:active ~ button{background-color:var(--fucan-black);}

.search_content{font-family: var(--input-font);position:absolute;padding-top:1px;top:40px;left:-2px;z-index:13;width:calc(100% + 4px);background-color:#fff;border:2px solid var(--fucan-grey-300);border-top:0;}
.search_content .search_results{float:left;width:100%;padding:0;margin:0;}
.search_content .search_results li{float:left;width:100%;list-style:none;}
.search_content .search_results li.title{padding:15px;font-weight:400;color:#666;font-size:13px;border-bottom:1px solid #e3e3e3;}
.search_content .search_results li.result a{float:left;width:100%;padding:15px;text-decoration:none;color:#333;font-size:12px;}
.search_content .search_results li.result.selected a{background:#f9f9f9;color:#000;}

/*
header nav{float: left;width: 100%;position: relative;background:#666;height: 70px;display: flex;justify-content: center;}
header nav > ul {width:100%;height: 100%;margin: 0;padding: 0;display: flex;justify-content: center;align-items: center;flex-direction: row;flex-wrap: nowrap;max-width: 1700px;}
header nav > ul > li {display: flex;list-style: none;position: relative;height: 100%;align-items: center;}
header nav > ul > li:before{content: ""; background: var(--fucan-grey-200);width: 1px;height: 30px;  }
header nav > ul > li > a {transition:var(--transition-3ms);float: left;width: 100%;padding: 0 10px;color:#fff;font-size: 13px;text-align: center;font-weight: 500;height: 100%;display: flex;align-items: center;justify-content: center;}
header nav > ul > li:hover > a{background: #f9f9f9;color:#111;}
header nav > ul > li.has-sub > a{  }
header nav > ul > li ul{opacity:0;visibility:hidden;position:absolute;left:0;top:100%;width:250px;background: #f9f9f9;box-shadow:5px 6px 5px rgba(0, 0, 0, 0.2);margin:0;padding:0;overflow:hidden;text-align: left;}
header nav > ul > li ul ul{ left:100%; top:0; }
header nav > ul > li ul li{ float:left; width:100%; list-style:none; position:relative; }
header nav > ul > li ul li a{transition:var(--transition-3ms);float:left;width:100%;padding:15px;border-bottom: 1px solid rgb(182 182 182 / 20%);border-top:1px solid rgba(255,255,255,.2);font-size: 13px;color:var(--fucan-grey-600);}
header nav > ul > li ul li:first-child > a{ border-top: 0; }
header nav > ul > li ul li:hover > a{ background:var(--fucan); border-color:transparent; }
header nav > ul li > ul{ transition:var(--transition-3ms); opacity:0; top:125%;   }
header nav > ul li:hover > ul{ top:100%; opacity:1;visibility:visible; }
*/

header > nav { position:relative; background:#293133; width:100%; height:70px; float:left; z-index:10; }
header > nav > ul { width:100%; max-width:1440px; margin:auto; padding:0 20px; list-style:none; display:flex; justify-content:center; position:relative; text-align:center; }
header > nav > ul > li{ display:flex; flex-wrap: nowrap; align-items: center; }
header > nav > ul > li > a{ display: flex; flex-wrap: nowrap; align-items: center; text-align:left; position:relative; font-size:14px; color:#FFF; font-weight:500; max-width:160px; height:70px; padding:0 15px; -webkit-transition: all 700ms;}
header > nav > ul > li > a img{ margin-right:5px; }
header > nav > ul > li > a:after{  position:absolute; left:0; right:0; bottom:0; content:''; background:var(--fucan); width:0; height:5px; border-radius:20px; -webkit-transition: all 400ms;}
header > nav > ul > li:hover > a:after{ width:100%; }

header > nav > ul > li:before{ content:''; width: 1px;  min-width: 1px; height: 10px; background-color: #fff; opacity: .5; margin: 0; }
header > nav > ul > li:first-child:before{ display:none; }

html[lang=RU] header > nav > ul > li > a,html[lang=FR] header > nav > ul > li > a{ font-size:12px;padding: 0 10px; }

header > nav > ul > li > div{display:none;position:absolute;left:0;top:70px;width:100%;background:#fff;border:1px solid var(--fucan);border-top:0;padding: 20px;text-align:left;}
header > nav > ul > li:hover > div{display: flex;flex-direction: row;flex-wrap: nowrap;align-items: flex-start;}
header > nav > ul > li > div > a{width: 21%;margin:0;padding:0;/*padding: 25px 0;display: flex;align-items: center;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;-webkit-transition: all 700ms;*/}
header > nav > ul > li > div > a > img{max-width:100%;}
header > nav > ul > li > div > ul{float:left;width:100%;margin:0;padding:0;}
header > nav > ul > li > div > ul > li{float:left;width:25%;padding: 7px 0px;list-style:none;}
header > nav > ul > li > div > ul > li > a{color: #222;font-size: 15px; font-weight:600;}
header > nav > ul > li:hover > div.fullw > ul{width:100%;}
header > nav > ul > li:hover > div.fullw > ul > li{width:25%;}
header > nav > ul > li > div > ul > li> a{width:90%;padding:7px 15px 7px 0;}
header > nav > ul > li > div > ul > li > a:hover{color:var(--fucan);}

header > nav > ul > li > div > ul > li > ul{ float:left; width:100%; margin:10px 0 0 0; padding:0; list-style:none; }
header > nav > ul > li > div > ul > li > ul > li{ float:left; width:100%; }
header > nav > ul > li > div > ul > li > ul > li > a{ float:left; color:#989898; font-size:14px; padding:3px 0; }
header > nav > ul > li > div > ul > li > ul > li > a:hover{ text-decoration:underline; color:#111;}


div.logo_galeri{float:left;width:100%;margin:30px 0;padding:50px 0;background:var(--fucan-grey-400);text-align:center;position:relative;color:#6c0;font-size:17px;}
div.logo_galeri .logoslider{ width:100%; max-width:1320px; }
div.logo_galeri .logoslider .swiper-slide{width:180px;height:80px;margin:20px;}
div.logo_galeri .swiper-pagination{left:0;right:0;bottom:10px;}
div.logo_galeri .swiper-pagination > .swiper-pagination-bullet{margin:0 3px;width:15px;height:15px;}
div.logo_galeri .swiper-pagination > .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#FFF;}

header .middle > .hright{position: relative;padding-right: 25px;padding-left: 15px; width: 275px;display: flex;min-width: 365px;justify-content: flex-end;align-items: flex-end;}
header .middle > .hright i{font-size:24px; line-height: 50px; margin-right: 7px;position: absolute;left: 5px;margin: auto;color:inherit;}
header .middle > .hright #sepetim{ float:left; position: relative; margin-left:15px; }
header .middle > .hright a.hlogin,
header .middle > .hright #sepetim a,
header .middle > .hright .hesabim > a{ height: 50px; float: left;color:var(--fucan-grey-600);font-size: 12px;position: relative;border-radius: 4px;padding: 7px;border: 2px solid var(--fucan-grey-300);display: flex;flex-direction: column;justify-content: center;padding: 0 12px 0 41px;text-decoration: none;font-weight: 600;transition:var(--transition-3ms);min-width: 125px;}
header .middle > .hright a.hlogin > em{font-size:10px;font-weight: 400;font-style: normal;}
header .middle > .hright #sepetim #adet{position:absolute;left:20px;top:9px;background:var(--fucan-grey-600);color: #fff;border-radius: 100%;width: 14px;height: 14px;line-height: 11px;text-align: center;font-size:8px;font-weight:600;border:1.5px solid #FFF;} 
 
header .middle > .hright a.hlogin:hover,
header .middle > .hright #sepetim a:hover,
header .middle > .hright a.hlogin:hover i,
header .middle > .hright #sepetim a:hover i{border-color:var(--fucan-black);}

header .middle > .hright > select {width: 50px;display: flex;margin-right:15px;height: 50px;border: 2px solid var(--fucan-grey-300);border-radius: 4px;}




#sepetim > div{display:none;position:absolute;top:100%;right:0;width:300px;margin:0;padding:0 10px;background:#fff;border:1px solid #e3e3e3;border-top:0;z-index:9;}
#sepetim ul{float:left;width:100%;max-height:385px;overflow:auto;margin:0;padding:0 0 5px 0;}
#sepetim ul li{float:left;width:100%;list-style:none;margin-top:5px;padding-top:10px;border-top:1px solid #e3e3e3;}
#sepetim ul li:first-child{border-top:0;padding-top:0;}
#sepetim ul li a{text-decoration:none;color:#666;}
#sepetim ul li img{display:inline-block;border:1px solid #ddd;}
#sepetim ul li a strong{font-size:13px;font-weight:400;color:#06c;}
#sepetim ul li a:hover strong{text-decoration:underline;color:#333;}
#sepetim ul li a .price{float:left;width:100%;font-size:15px;color:#999;margin-top:4px;}
#sepetim.active{z-index:9999999;}
#sepetim.active div,#sepetim.hasproduct:hover div{display:block;}


header div.hesabim{ float: left; position: relative; }
header div.hesabim > a{ float: left; color: var(--fucan-black); font-size:16px; font-weight: 400; padding: 10px 15px; margin-top: -7px; }
header div.hesabim > a i{ font-size:28px; margin-right: 15px; }
header div.hesabim > ul{position:absolute;right:0;top:100%;display:none;width:180px;background: #FFF;border-top:0;margin:0;padding:7px;z-index:99;box-shadow: 1px 1px 2px rgb(0 0 0 / 34%);border: 1px solid var(--fucan-grey-450);}
header div.hesabim > ul li {float:left;width:100%;height:100%;list-style:none;position:relative;}
header div.hesabim > ul a{float:left;width:100%;padding:10px;color: var(--fucan-black);text-decoration:none;font-size: 13px;} 
header div.hesabim > ul a:hover{background:var(--fucan-black);color:var(--fucan);}
header div.hesabim:hover > a{ background:var(--fucan); color: #fff; }
header div.hesabim:hover > ul{display:block;}




html[lang="ar-AR"] header .middle > .logo{padding-right:25px;padding-left: 0; }
html[lang="ar-AR"] header .middle > .hright > select{margin-right: 0;margin-left: 15px; }
html[lang="ar-AR"] header .middle > .hright a.hlogin, 
html[lang="ar-AR"] header .middle > .hright #sepetim a, 
html[lang="ar-AR"] header .middle > .hright .hesabim > a{margin-right: 0;margin-left: 15px; }
html[lang="ar-AR"] header .middle > .hright #sepetim{margin-left: 0;}




.swiper-slide img{ float: left; width: 100%; height: auto; }
.homeslider.swiper-container{float:left;width:100%;position:relative;z-index:1;}
.homeslider.swiper-container .swiper-slide{float:left;width:100%;position:relative;}
.homeslider .swiper-button-prev{left:30px;}
.homeslider .swiper-button-next{right:30px;}
.homeslider .swiper-pagination-bullet{width:12px;height:12px;border:1px solid rgba(0,0,0,0.7);background:none;opacity:1;border-radius:50px;opacity:.3;margin:0 5px;}
.homeslider .swiper-pagination-bullet-active{background:rgba(0,0,0,0.8);opacity:1;}


#kargo_kampanya{width: 100%;display: flex;height: 60px;background: var(--fucan);color:#FFF;flex-direction: row;justify-content: center;align-items: center;flex-wrap: nowrap;font-size: 15px;font-weight: 800;}
#kargo_kampanya > .kargo{font-size: 20px;font-weight: 800;display: flex;align-items: center;text-shadow: 1px 1px 2px rgb(0 0 0 / 40%);}
#kargo_kampanya strong{font-weight:800;font-size: 30px;margin: 0 10px;}
#kargo_kampanya > .kargo span{transition:var(--transition-3ms);}
#kargo_kampanya > .kargo:hover span{font-size: 30px;}
#kargo_kampanya > .kargo i{font-size: 30px;}






section.home{float: left;width: 100%;}
section.home.new{background: var(--fucan-grey-400);padding: 40px 0;display: flex;flex-direction: column;}
section.home.new .sTitle{width:100%; float: left; padding: 0 5px;margin: 0;font-size: 20px;font-weight: 600;}
section.home.new .swiper-container{float: left;width: 100%;margin: 30px 0 0 0;}
section.home.new .swiper-button-prev{left:-40px;}
section.home.new .swiper-button-next{right:-40px;}


section.home.tabbar{padding: 40px 0;display: flex;flex-direction: column;}
section.home.tabbar .tabbar_head{display: flex;flex-direction: row;align-items: center;justify-content: center;border-bottom: 1px solid var(--fucan-grey-100); } 
section.home.tabbar .tabbar_head > a{width:33%;height:70px;font-weight:600;font-size: 20px;color:var(--fucan-grey-300);transition:var(--transition-3ms);position: relative;display: flex;justify-content: center;align-items: center;}
section.home.tabbar .tabbar_head > a:hover{font-size: 25px;}
section.home.tabbar .tabbar_head > a.active{font-size: 25px;color:var(--fucan-black);}
section.home.tabbar .tabbar_head > a.active:before{font-size: 25px;color:var(--fucan-black);content:"";left:0;right: 0; height: 5px;background: var(--fucan);position: absolute;bottom: -3px;}
section.home.tabbar .tabbar_contents{width: 100%;float: left;padding: 15px 0;}
section.home.tabbar .tabbar_contents > div{width: 100%;float: left;display: none;} 
section.home.tabbar .tabbar_contents > .active{display: flex;flex-direction: column;align-items: center;} 
section.home.tabbar .more{width: 240px;border:1px solid var(--fucan-grey-300);color: var(--fucan-black);border-radius:50px;font-size:13px;padding: 15px 20px;font-weight: 500;display: flex;align-items: center;justify-content: center;transition:var(--transition-3ms);margin-top: 20px;}
section.home.tabbar .more:hover{ background: var(--fucan);border-color:var(--fucan);}



section.home.chance{padding: 40px 0;display: flex;flex-direction: column;}
section.home.chance .sTitle{width:100%; float: left; padding: 0 5px;margin: 0;font-size: 20px;font-weight: 600;}
section.home.chance .fbanner{display: flex;flex-direction: row;align-items: center;flex-wrap: wrap;justify-content: space-between;width: 100%;float: left;margin: 30px 0; } 
section.home.chance .fbanner > a{width:50%;display:flex;padding: 5px;align-items: center;justify-content: center;transition:var(--transition-3ms);}
section.home.chance .fbanner > a > img{width:100%;}
section.home.chance .fbanner > a:hover{filter: brightness(108%);}

section.home.scategories{width: 100%;float: left;padding: 40px 4%;display: flex;flex-direction: column;}
section.home.scategories > .center{max-width: 1350px;}
section.home.scategories .scats{width: 100%;float: left;display: flex;flex-direction: column;}
section.home.scategories .scats > div{display: flex;width: 100%;float: left;}
section.home.scategories .scats a{width:auto;height: auto;float: left;}
section.home.scategories .scats > .part1{display: flex;flex-direction: row;justify-content: space-between;width: 100%;float: left;aspect-ratio: 1 / .378;}
section.home.scategories .scats > .part1 > a{width: 40.9%; max-width: 550px; float: left; transition:var(--transition-3ms);aspect-ratio: 1 / .927;}
section.home.scategories .scats > .part1 > .part1a{display: flex;flex-direction: row;width: 57.8%; max-width: 780px;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;align-content: space-between;aspect-ratio: 1 / .654;}
section.home.scategories .scats > .part1 > .part1a > a {display: flex; aspect-ratio: 1 / .645; width: 49.2%;max-width: 380px;overflow: hidden;}
section.home.scategories .scats > .part1 > .part1a > a:nth-child(3),
section.home.scategories .scats > .part1 > .part1a > a:nth-child(4){margin-bottom: 0;}
section.home.scategories .scats > .part2{display: flex;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: space-between;}
section.home.scategories .scats > .part2 > a {width: 32.4%;aspect-ratio: 1 / .563;margin-top:1.1vw;}
section.home.scategories .scats a:hover{filter: brightness(110%);}
section.home.scategories .scats img{width:100%;float: left;}

ul.products{width:100%; float:left;padding:0;margin:0;}
ul.products li{position:relative;float:left;width:20%;padding:5px;margin: 0;overflow: hidden;list-style:none;display: flex;min-height: 450px;}
ul.products li a{ float: left; width: 100%; position: relative;display:flex;flex-direction:column;background: #fff;border-radius: 7px;padding: 7px 7px 25px 7px;transition:var(--transition-3ms);border:1px solid var(--fucan-grey-200);}
ul.products li a:hover{ z-index:1;box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.25); }
ul.products li a.yeni:before{content:'YENİ';position:absolute;right:5px;top:5px;background:var(--fucan-new);color:#FFF;z-index:9;font-size: 10px;font-weight:600;padding: 4px 6px;border-radius: 5px;}
ul.products li a div.discount{position:absolute;left: 7px;top: 7px;z-index:1;zoom: .85;border: 2px solid #FFF;border-radius: 6px;background: var(--fucan-green);text-shadow: 1px 1px rgb(0 0 0 / 20%);}
ul.products li a div.discount span{width: 60px;font-size: 20px;color:#FFF;padding: 4px;font-weight: 600;float: left;display: flex;flex-direction: column;align-items: center;}
ul.products li a div.discount small{display:block;font-size: 9px;margin-top:-3px;letter-spacing:0;}
ul.products li a .image{ aspect-ratio:1 / 1; position:relative;overflow:hidden;}
ul.products li a strong{height: 65px;color:var(--fucan-black);font-size:13px;font-weight:500;padding:0;display:flex;align-items:center;flex-direction:row;justify-content:center;text-align:center;line-height: 20px;}
ul.products li a .prices{float:left;width:100%;text-align: center;display: flex;justify-content:space-evenly;color:var(--fucan-black);}
ul.products li a .prices span{font-size: 16px;font-weight: 600;}
ul.products li a .prices strike{font-size: 16px; color:var(--fucan-grey-300);text-decoration: none;position: relative;}
ul.products li a .prices strike:before{content:'';position: absolute;left: -5px;right: -5px;top: 0;bottom:0;height: 2px;background: red;margin: auto;opacity: .5;}
ul.products li a:hover strong{color:var(--fucan-black);}
ul.products li small.outstock{position:absolute;left:0;top: 120px;width:120px;line-height:30px;background: #ff1e1e;font-family:'Myriad Pro';font-size:16px;text-align:center;color:#FFF;opacity:.7;right: 0;margin: auto;}
ul.products li span.outstock{ display: inline-block; margin:auto; margin-bottom: 10px; width:120px;line-height:30px;background: #ff1e1e;font-family:'Myriad Pro';font-size:16px;text-align:center;color:#FFF;opacity:.7;}
ul.products.category{border:0; }
ul.products.category li{width:25%;}
 

.index_content{float:left;width:100%;margin:20px 0 0 0;}
main,footer{float:left;width:100%;}
main{min-height:300px;margin-bottom:40px;}
main:after{content:"";display:table;clear:both;}
 

footer{float:left;width:100%;min-width:1140px; background: var(--fucan-footerbg); padding: 100px 0 0 0;margin-bottom: 40px; } 
footer .partf{ float:left; width: 25%; }
 
footer .flogo .logo{ float: left; width: 100%; text-align: center;padding: 0 30px; }
footer .flogo .logo img{ max-width: 100%; height: auto; }

footer .fmenu{width:50%;}


footer .fcontact {padding: 0; margin: 0; list-style: none; float: left;color:var(--fucan-footertext);} 
footer .fcontact > strong{ width:100%; float: left;display: block;font-size:16px;margin-bottom: 15px; }
footer .fcontact span{ float: left;margin-bottom: 15px;}
footer .social{ float: left; width: 100%;display: flex;align-items: center;}
footer .social > strong{float: left;padding-right: 7px;}
footer .social > div{float: left;display: flex;}
footer .social a{display:block;width: 30px;height: 30px;text-align: center;line-height:30px;font-size: 20px;color:var(--fucan-footertext);margin-right:5px; transition:var(--transition-3ms);}
footer .social a:hover{background: var(--fucan-blackt);color:#fff;border-radius: 3px;}



footer ul.nav{float:left;width:auto;margin:0;padding:0;}
footer ul.nav > li{float:left;width:50%;padding-left:20px;list-style:none;}
footer ul.nav > li > strong{float:left;width:100%;font-size:18px;font-weight:600;margin-bottom:10px;color:var(--fucan-footertext);}
footer ul.nav > li > ul, 
footer ul.nav > li > ul li, 
footer ul.nav > li > ul li a{float:left;width:100%;margin:0;padding:0;list-style:none;font-weight: 500;}
footer ul.nav > li > ul li a{font-size:13px;text-decoration:none;color:var(--fucan-footertext);opacity:0.8;line-height:25px;transition:var(--transition-3ms);}
footer ul.nav > li > ul li a:hover{color:#FFF;opacity:1;}

footer div.copy{float: left;width: 100%;background: #fff url(../design/bank.png) no-repeat center center;margin-top: 100px;background-size: 11%;}
footer div.copy > .center {display: flex;align-items: center;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;}
footer div.copy small{ float: left; color: #999; }

footer div.copy a{float:right; margin-top: 15px; width: 35px; height:35px;background:#333 url(../design/sw.png) no-repeat center center; }
footer div.copy a:hover{background-color:#ED3939;}

.index-blog-posts{ float: left; width: 100%; padding: 0 50px; margin: 50px 0;  }

.index-blog-posts > span{ float: left; width: 100%; text-align: center; font-size:40px; color:#668371; margin-bottom:40px; }

.index-blog-posts > ul{float: left;width: 100%;text-align: center;margin: 0;padding: 0;display: flex;flex-direction: row;flex-wrap: wrap;}

.index-blog-posts > ul > li{list-style: none;display: inline-flex;width: 33.3333%;padding:10px;}

.index-blog-posts > ul > li a{ float:left; width: 100%; background: #F9F5EF; color: #222; aspect-ratio:1/.7; padding:40px; text-align: left; box-shadow:0px 0px 5px #ddd }

.index-blog-posts > ul > li a:hover{box-shadow:0px 0px 5px #999;}

.index-blog-posts > ul > li a strong{float:left;width: 100%;font-size: 20px;}

.index-blog-posts > ul > li a p{ float:left; width: 100%; font-size:13px; margin:10px 0 0 0; }

.index-blog-posts > ul > li a span.t{float:left;width: 100%;font-size: 14px;margin: 15px 0 10px 0;}

.index-blog-posts > ul > li a span.i{ float:left; width: 100%; aspect-ratio:1/.5; overflow: hidden; }

.blog_page{ float: left; width: 100%; margin-top: 40px; }
.blog_page .top{ float:left; width:100%; margin-bottom:50px; }
.blog_page .top h1{ float:left; width:100%; font-size:45px; font-weight:600; text-align:center; margin:0; padding:0; }
.blog_page .top div.slogan{ float:left; width:100%; font-size:22px; font-weight:400; color:#303134; text-align:center; margin-top:10px; }
.blog_page .blog_left{ float:left; width:75%; padding-right:25px; }
.blog_page .blog_right{ float:right; width:25%; }

.blog-posts{ float:left; width:100%; margin:0; padding:0; }
.blog-posts > li{ float:left; width:100%; padding:0 0 10px 0; margin:0 0 40px 0; list-style:none; border-bottom:1px solid #E9E9E9; position:relative; }
.blog-posts > li a.img{ float:left; width:100%; height:425px; overflow:hidden; position:relative; }
.blog-posts > li a.img img{ position:absolute; left:-20000px; right:-20000px; top:-20000px; bottom:-20000px; margin:auto; }
.blog-posts > li h3{ float:left; width:100%; padding:0; margin:15px 0 15px 0; }
.blog-posts > li h3 a{ font-size:30px; font-weight:400; color:#111; }
	
.blog-posts > li .categories{ position:absolute; left:0; bottom:10px; }
.blog-posts > li .categories a,.blog-posts > li .categories i{ display:inline-block; font-size:13px; color:#212121; letter-spacing:3px; }
.blog-posts > li .categories i{ margin:0 10px 0 10px; }
.blog-posts > li .categories a:hover{ text-decoration:underline; }

.blog-posts > li a.detail{ float:right; margin:10px 0 0 0; width:150px; line-height:35px; background:#fbbc05; font-weight: 600; text-align: center; font-size:16px; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); position: relative; border-radius:2px; overflow:hidden; }
.blog-posts > li a.detail:after{ position: absolute; left: 0; right: 0; bottom: 0; height: 6px; background: rgba(0,0,0,0.1); content: ''; }
.blog-posts > li a.detail:hover:after{ height: 4px; background: rgba(0,0,0,0.2); }

aside.categories{ float:left; width:100%; background:#ea4335; position:relative; margin:0 0 30px 0; }
aside.categories:after{  position: absolute; left: 0; right: 0; top: 1px; height: 2px; background: rgba(255, 255, 255, 0.25); content: ''; }
aside.categories > span{ float:left; width:100%; text-align:center; padding:20px; font-size:16px; font-weight:600; color:#FFF; background:rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.16); }
aside.categories > ul{ float:left; width:100%; margin:0; padding:0; }
aside.categories > ul > li{ float:left; width:100%; list-style:none; }
aside.categories > ul > li > a{ float:left; width:100%; padding:13px 20px; color:#FFF; border-bottom:1px solid rgba(0,0,0,0.1); border-top:1px solid rgba(255,255,255,0.1); }
aside.categories > ul > li:hover > a{ background:rgba(0,0,0,0.3); }

div.last-news{ float:right; width:100%; margin:0 0 30px 0; position:relative; background:#fbfbfb; }
div.last-news:after{  position: absolute; left: 0; right: 0; top: 1px; height: 2px; background: rgba(255, 255, 255, 0.25); content: ''; }
div.last-news ul,div.last-news ul li,div.last-news ul li a{ float:left; width:100%; margin:0; padding:0; list-style:none; }
div.last-news > span{ float:left; width:100%; text-align:center; padding:20px; font-size:16px; font-weight:600; color:#111; background:rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.16); }
div.last-news ul li a{ padding:13px 20px; color:#000; font-size:14px; font-weight:400; line-height:20px; border-bottom:1px solid rgba(0,0,0,0.1); border-top:1px solid rgba(255,255,255,0.1);  }
div.last-news ul li a:hover{ background:rgba(0,0,0,0.3); }

.blog-detail{ float:left; width:100%; }
.blog-detail .entry-title{ float:left; width:100%; margin:0 0 10px 0; font-size:35px; font-weight:600; text-align:left; }
.blog-detail .description{ float:left; width:100%; margin:0; padding:10px 0 0 0; font-size:14px; line-height:23px; font-weight:600; }
.blog-detail .img{ float:left; width:100%; text-align:center; margin:25px 0 25px 0; }
.blog-detail .img img{ display:inline-block; }
.blog-detail .entry-content{ float:left; width:100%; font-size:14px;line-height:24px; font-weight:normal; }
.blog-detail .entry-content p{ display:block; margin:0 0 10px 0; }
.blog-detail .entry-content p:last-child{ margin:0; }
.blog-detail .info{ float:left; width:100%; height:37px; line-height:37px; background:#FAF7EB; padding:0; margin:20px 0 40px 0; color:#686859; font-size:12px; }
.blog-detail .info .date,.blog-detail .info .categories{ float:left; margin-left:20px; }
.blog-detail .info b{ margin-right:10px; }
.blog-detail .info .categories a,.blog-detail .info .categories i{ color:#202020; margin-right:7px; }

.blog-detail .entry-content img{ max-width:720px; height:auto; border:3px solid #DDD; background:#DDD; }
.blog-detail .entry-content ol li{ border-bottom:1px dotted #DDD; padding-bottom:10px; margin-bottom:20px; }
.blog-detail .entry-content ol li:last-child{ border:0; }

.addthis_button_compact{ float:right; background:#FF5001; color:#FFF; font-size:12px; line-height:37px !important; padding:0 20px 0 20px !important; }
.addthis_button_compact .at-icon-wrapper{ display:none; }

.tags-h1{ float:left; width:100%; font-size:35px; font-weight:600; text-align:center; margin:40px 0 0 0; padding:0; }
.tags-h1 h1{ margin:0; padding:0; display:inline-block; font-size:35px; }
.tags-desc{ float:left; width:100%; font-size:18px; font-weight:400; color:#303134; text-align:center; margin:5px 0 30px 0; }
.tags-left{ float:left; width:75%; padding-right:15px; }
.tags-right{ float:right; width:25%; }


.vitrin_text{ float: left; width: 100%; padding-left:650px; position: relative; min-height:450px; margin: 50px 0; color:#668371; }
.vitrin_text > span.img{ position: absolute; left: 0; top: 0; width: 600px;  }
.vitrin_text > span.img img{ float: left; width: 100%;background: #fff; padding: 10px; box-shadow:0px 0px 3px #999; }
.vitrin_text > strong{ float: left; width: 100%; font-size:14px; font-weight: 600; margin: 20px 0 0 0; }
.vitrin_text > h1{ float: left; width: 100%; font-size:40px; font-weight:400; margin:0; padding: 0; }
.vitrin_text > div{ float: left; width: 100%; font-size:17px; font-weight:400; margin:20px 0; color:#222222; }
.vitrin_text > a{ float: left; width:150px; line-height: 50px; border:1px solid #eee; text-align: center; color:#222222; }
.vitrin_text > a:hover{ background: #668371; color:#fff;  }

body.kategori .center{ width: 80%; max-width: 90%; min-width: 1140px; }
body.arama .center{ width: 80%; max-width: 90%; min-width: 1140px; }



.ilgiliurunler{width:100%;float:left;display:block;padding:30px 0;position:relative;margin:30px 0;}
.ilgiliurunler.anim{ -webkit-transition:all 0.15s ease-in-out; -moz-transition:all 0.15s ease-in-out; -o-transition:all 0.15s ease-in-out; transition:all 0.15s ease-in-out; }
.ilgiliurunler:before{content:"";display:table;}
.ilgiliurunler:after{content:"";display:table;clear:both;}
.ilgiliurunler > .ilgili_urunler_title{width:100%;float:left;text-align:center;font-weight:500;font-size:22px;margin:0;color:#222;}
.ilgiliurunler > .ilgili_urunler_title:after{content:"";display:table;clear:both;}
ul.products.ilgili_urunler li,
ul.products.ilgili_urunler{border:none;}
 
ul.products.ilgili_urunler li:hover a:after{content:'';border-top:none;border-left:none;border-right:none;}
.ilgiliurunler > .swiper-container {clear:left;padding:20px 0;}
.ilgiliurunler > .swiper-button-prev{left: -45px;}
.ilgiliurunler > .swiper-button-next{right: -45px;}
.ilgiliurunler .swiper-pagination{ width: 100%; margin-top: 20px; }
.ilgiliurunler .swiper-pagination-bullet{ margin: 5px; }

/*
#kampanya_urun_modul{width:100%;float:left;display:block;margin-top:45px;}
#kampanya_urun_modul > span{width:100%;float:left;display:block;clear:left;font-size:22px;font-weight:600;}
#kampanya_urun_modul:before{content:"";display:table;}
#kampanya_urun_modul:after{content:"";display:table;clear:both;}
#kampanya_urun_modul > ul{padding:0;margin:0;list-style:none;width:100%;float:left;}
#kampanya_urun_modul > ul li{list-style:none;width:50%;float:left;padding:5px;}
#kampanya_urun_modul > ul li label{width:100%;float:left;display:block;border:1px solid #f3ede2;background:#fffaf0;padding:10px;}
#kampanya_urun_modul > ul li label input{display:none;}
#kampanya_urun_modul > ul li label .image{width:100%;height:auto;float:left;}
#kampanya_urun_modul > ul li label .image > img{width:100%;float:left;}
#kampanya_urun_modul > ul li label .strong{width:100%;float:left;display:block;}
#kampanya_urun_modul > ul li label .infoPro{width:100%;float:left;display:block;font-size:13px;color:#222;}
*/

#kampanya_urun_modul{width:100%;float:left;display:block;margin-top:45px;}
#kampanya_urun_modul > span{width:100%;float:left;display:block;clear:left;font-size:22px;font-weight:600;/*color:#FFF;background:#ea4335;padding:7px;*/margin-bottom:5px;}
#kampanya_urun_modul > ul li:before,
#kampanya_urun_modul:before{content:"";display:table;}
#kampanya_urun_modul > ul li:after,
#kampanya_urun_modul:after{content:"";display:table;clear:both;}
#kampanya_urun_modul > ul{padding:0;margin:0;list-style:none;width:100%;float:left;}
#kampanya_urun_modul > ul li{list-style:none;width:100%;float:left;padding:2px 5px;border:1px solid #e4e4e4;margin-bottom:5px;}
#kampanya_urun_modul > ul li label{width:100%;float:left;display:grid;padding:10px;padding-left:125px;position:relative;cursor:pointer;height:100%;padding-right:55px;}
#kampanya_urun_modul > ul li label input{display:none;}
#kampanya_urun_modul > ul li label .inputCon{position:absolute;left:5px;top:0;bottom:0;width:25px;color:#CCC;margin:auto;font-size:25px;text-align:center;}
#kampanya_urun_modul > ul li label .inputCon > i{position:absolute;top:0;left:5px;bottom:0;margin:auto;height:25px;}
#kampanya_urun_modul > ul li label > input[type="checkbox"]:checked ~ span.inputCon > i.fa-square-o{display:none;}
#kampanya_urun_modul > ul li label > input[type="checkbox"]:checked ~ span.inputCon > i.fa-check-square-o{display:block;color:#222;}
#kampanya_urun_modul > ul li label .inputCon > i.fa-check-square-o{display:none;}
#kampanya_urun_modul > ul li label .image{width:70px;height:100%;position:absolute;left:45px;overflow:hidden;}
#kampanya_urun_modul > ul li label .image > img{width:100%;float:left;}
#kampanya_urun_modul > ul li label strong{width:100%;float:left;display:block;color:#000;font-weight:500;}
#kampanya_urun_modul > ul li label:hover strong{color:#0d1fab;}
#kampanya_urun_modul > ul li label .infoPro{width:100%;float:left;display:block;font-size:13px;color:#222;}
#kampanya_urun_modul > ul li a{width:55px;position: absolute;right:-3px;height:100%;font-size:35px;color:#CCC;text-align:center;padding-top:11px;}
#kampanya_urun_modul > ul li a:hover{color:#222;}
#kampanya_urun_modul .camp_detail{font-size:12px;width:100%;float:left;display:block;clear:left;font-weight:400;color:#4c4c4c;padding:10px 0 0 0;line-height:17px;background:#fffaf0;padding:10px;}




#bread-crumbs{float:left;width:100%;font-weight: 200;font-size: 12px;margin: 10px 0;padding-left: 0;}
#bread-crumbs ul{float:left;margin:0;padding:0;list-style:none;}
#bread-crumbs li{float:left;}
#bread-crumbs a,#bread-crumbs span{float:left;color: var(--fucan-black);font-weight: 300;text-decoration:none;line-height:30px;padding: 0 5px;}
#bread-crumbs li:before{float:left;content:'»';line-height:30px;}
#bread-crumbs li:first-child:before{content:'';}
#bread-crumbs li:first-child a{padding-left:0;}
#bread-crumbs a:hover{color:#000;}


.products_list,.category_text{float:right;width:79%;/*border:1px solid #e6e6e6;*/position:relative;}
.products_list .products_list_title{float:left;width:100%;padding:10px;margin:0;font-weight:400;background:#fff;border:1px solid #e4e4e4;border-bottom:none;}
.products_list .products_list_title > h1,.products_list .products_list_title > h2,.products_list .products_list_title > strong{float:left;margin:0;padding:0;font-size:18px;color:#666}
.products_list .products_list_title > span{float:right;color:#999;padding-top:4px;border-left:0;font-size: 12px;}

.products_list.special{width:100%;}
.products_list.special .products_list_title{border-bottom:1px solid #e6e6e6;}

.left.filter{float:left;width:20%;border:1px solid #e6e6e6;background:#fff;position:relative;}
.left.filter > h1{float:left;width:100%;padding:10px;margin:0;font-size:18px;font-weight:400;color:#666;}
.left.filter > h1.kucuk {font-size:14px;font-weight:500;}
.left.filter *{float:left;width:100%;text-decoration:none;list-style:none;}

.left.filter .attributes ul{margin:0;padding:0 0 0 15px;}
.left.filter > div > span{float:left;width:100%;padding:10px;color:#444;background:#f9f9f9;border-bottom:1px solid #ddd;border-top:1px solid #ddd;font-size:14px;}
.left.filter > .attributes > ul{padding:10px 0 6px 15px;max-height:253px;overflow:auto;}
.left.filter .attributes ul.attrlist a{position:relative;width:auto;margin-bottom:3px;color:#444;font-size:14px;line-height:27px;font-weight:400;}
.left.filter .attributes ul.attrlist a:before{content:'';float:left;width: 15px;height: 15px;line-height: 15px;border:1px solid #999;margin: 0 8px 0 0;font-size:16px;position:relative;}

.left.filter .attributes ul.renk li{width:auto;padding:2px;border:2px solid transparent;margin:0 1px 1px 0;}
.left.filter .attributes ul.renk a{width:25px;height:25px;margin:0;box-shadow:0 0 1px 0 #ccc;}
.left.filter .attributes ul.renk a i{ height:25px; }
.left.filter .attributes ul.renk li:hover,.left.filter .attributes ul.renk li.active{border-color:#ccc;}
.left.filter .attributes ul.renk li.active:hover{border-color:#777;}

.left.filter > .category{float:left;width:100%;padding-bottom:15px;}
.left.filter > .category ul{padding:0 0 0 10px;margin:0;margin-left:1px;}
.left.filter > .category ul a{width:auto;margin-bottom:1px;color:#444;font-size:14px;font-weight:400;padding:3px 0;}
.left.filter > .category ul a:hover{color:#FF9B04;}
.left.filter > .category ul a.active{font-weight:600;}
.left.filter > .category li.hassub{/*background:url(../design/cat_parent.png) no-repeat 0 6px;padding-left:10px;*/  }
.left.filter > .category li.hassub > ul{border-left:1px solid #eee;}
.left.filter > .category  > ul{padding-top:10px;}

.left.filter .search form{float:left;width:100%;margin-top:10px;padding:0 10px 10px 10px;position:relative;}
.left.filter .search form input{padding:7px 42px 7px 7px;height:35px;border:1px solid #e6e6e6;}
.left.filter .search form button{position:absolute;right:10px;top:0;width:35px;height:35px;z-index:1;border:0;color:#FFF;background-color:#999;font-size:16px;}
.left.filter .search form button:hover{background:#333;}
.left.filter > div:first-child > span{border-top:0;}

.left.filter .fiyat_aralik .crow{padding:10px 10px 0 10px;}
.left.filter .fiyat_aralik .crow .cp5{padding-right:10px;}
.left.filter .fiyat_aralik .crow .cp5:after{content:attr(data-kur);width:13px;height:35px;line-height:35px;position:absolute;right:17px;top:0;font-size:12px;color:#333;}
.left.filter .fiyat_aralik input{height:35px;line-height:35px;padding-right:21px;text-align:center;}
.left.filter .fiyat_aralik button{border:0;color:#FFF;background-color:#999;font-size:17px;display:block;height:35px;text-align:center;}
.left.filter .fiyat_aralik button:hover{background:#333;}

.selections{float:left;width:100%;padding:10px 20px 10px 20px;background:#FFFFF0;margin-bottom: 5px;border: 1px solid #faebd7;}
.selections a{float:left;text-decoration:none;margin:5px 15px 5px 0;font-size:12px;}
.selections a span{font-weight:600;line-height:24px;font-size:11px;color:#666;}
.selections a span:after{content:':';display:inline-block;margin:0 3px 0 1px;}
.selections a strong{cursor:pointer;color:#333;padding:5px 30px 5px 10px;background:#fff;border:1px solid #e2dcc2;border-radius:4px;font-weight:400;position:relative;}
.selections a strong:after{content:"\f00d";display:inline-block;font:normal normal normal 12px/1 FontAwesome;-webkit-font-smoothing:antialiased;position:absolute;right: 4px;top: 3px;color:#fff;background:#F06060;padding: 3px;border-radius:3px;}
.selections a strong:hover{background:#ddd;color:#000;}
.selections a strong:hover:after{background-position:0 -20px;}

.noresults{border:1px solid #ddd;font-size:14px;color:#333;font-weight:400;background:#fff;}
.noresults > .crow{margin:0;border-bottom:1px solid #ddd;padding:10px 20px 10px 20px;}
.noresults .message{float:left;width:100%;text-align:center;padding:40px;}
.noresults .message i{display:block;font-size:30px;color:#999;margin-bottom:10px;}

.firsat_ord{float:left;width:100%;background:#f9f9f9;border:1px solid #e6e6e6;display: flex;flex-direction: row;justify-content: space-between;align-items: center;margin-bottom: 10px;}
.firsat_ord .firsatlar{float:left;width: auto;padding-left:20px;margin:15px 0 15px 0;}
.firsat_ord .firsatlar a{position:relative;float:left;text-decoration:none;margin-right: 15px;color:#444;font-size: 12px;font-weight: 400;display: flex;align-items: center;}
.firsat_ord .firsatlar a:before{content:'';float:left;width: 14px;height: 14px;line-height:18px;background:#fff;border-radius:2px;border:1px solid #999;margin: 0 8px 0 0;font-size: 15px;position:relative;}
.firsat_ord .firsatlar a.active:after,.firsat_ord .firsatlar a:hover:after,.left.filter .attributes ul.attrlist li.active a:after,.left.filter .attributes ul.attrlist li a:hover:after{content:'';position:absolute;top:0;left:0;border-right:3px solid;border-bottom:3px solid;transform:scale(.85) rotate(47deg) skewX(12deg);margin: -10px 0 0 5px;width: 9px;height: 20px;}

.firsat_ord .ord_list{float: right;width: auto;/* border-top:1px dotted #e6e6e6; */display: flex;flex-direction: row;height: 100%;}
.firsat_ord .ord{float:left;overflow:hidden;}
.firsat_ord .ord a{float:left;text-decoration:none;padding: 10px;border-right:1px solid #e6e6e6;color:#444;font-weight: 500;font-size: 12px;}
.firsat_ord .ord a i{float:right;margin:4px 0 0 4px;font-size:13px;} 
.firsat_ord .ord a:last-child{border:0;}
.firsat_ord .ord a.active i,.firsat_ord .ord a:hover i{display:block;}
.firsat_ord .ord a.active,.firsat_ord .ord a:hover{color:#000;}

.category_text{margin:10px 0 10px 0;padding:20px;}
.category_text h1,.category_text h2,.category_text p{float:left;width:100%;margin:0 0 10px 0;padding:0;color:#333;}
.category_text p{margin:0 0 10px 0;color:#666;}
.category_text strong{font-weight:600;}

body.urun .center{ width: 90%; max-width: 1400px; min-width: 1140px; }
.product-detail{float:left;width:100%;margin-top:20px;}
.product-detail > .images{float:left;width:48%;position:relative;}
.product-detail .info{float:right;width:50%; }

.product-detail .info_top { float: left; width: 100%; border:1px solid #ddd; padding: 30px; padding-bottom: 71px; background: #fff; position: relative }
.product-detail .info_text{ float: left; width: 100%; position: relative; margin-top: 10px; background: #fff; }

.product-detail > .images #avatar{position:relative;float:left;width:100%;min-height: 500px; text-align: center; z-index: 3; }
.product-detail > .images #avatar img{ display: inline-block; width: auto; height: auto; max-width: 100%; }

#thumbs a img{position:absolute;left:-2000px;top:-2000px;bottom:-2000px;right:-2000px;margin:auto;}

.product-detail .images small{float:left;width:100%;margin:10px 0 10px 0;text-align:center;font-weight:300;color:#999;font-size:14px;}
#thumbs{float:left;width:100%;text-align:center;}
#thumbs a{position:relative;display:inline-block;width:54px;height:54px;overflow:hidden;margin:5px;background:#fff;border:2px solid #ccc;border-radius:5px;}
#thumbs a.active{border-color:#999;}

.product-detail .info .info_top > h1,.product-detail .info .info_top > h2,.product-detail .info .info_top > h3{float:left;width:100%;margin:0; padding: 0;color:#A0A0A0; font-size:14px; font-weight: 400; }
.product-detail .info .info_top > h1{ font-size:25px; font-weight:500; color:#3F3F3F; margin: 15px 0 10px 0;  }
.product-detail .info .sku{float:left; width: 100%; margin-bottom: 25px; color:#A0A0A0;font-size:12px;font-weight:400;}
.product-detail .info .review{display:none;}

.product-detail .info .attributes{float:left;width:100%;margin:15px 0 15px 0;border:1px solid #f4f4f4;font-size:13px;}
.product-detail .info .attributes > div{float:left;width:100%;padding:12px 20px;border-bottom:1px solid #f4f4f4;}
.product-detail .info .attributes > div:nth-child(2n-1){background:#f4f4f4}
.product-detail .info .attributes > div:last-child{border:0;}
.product-detail .info .attributes > div > span{float:left;width:40%;color:#333;}
.product-detail .info .attributes > div > span:after{content:':';float:right;margin-right:10px;}
.product-detail .info .attributes > div > strong{float:left;max-width:50%;color:#111;font-weight:600;text-decoration:none;}

.product-detail .info .offers,.product-info,.product-info form,#sw_secenek_html{float:left;display:block;width:100%;}

.product-info .alert.info{width:100%;}

.product-info span.outstock{ display: inline-block; margin:auto; margin:20px 0; width:120px;line-height:50px;background: #ff1e1e;font-family:'Myriad Pro';font-size:16px;text-align:center;color:#FFF;border-radius:10px;}

ul.faq{ float:left; width:100%; background:#fff; margin:0; padding:0; border:1px solid #ddd; overflow:hidden; }
ul.faq > li,ul.faq > li > a,ul.faq > li > div{ float:left; width:100%; list-style:none; }
ul.faq > li > a{ text-decoration:none; color:#222; font-size:14px; font-weight:400; border-bottom:1px solid #ddd; padding:15px; position: relative;}
ul.faq > li > a:after{ position: absolute; right:10px; top:18px;  font-size:15px; font-family:'FontAwesome'; font-weight:900; content:"\f178"; }
ul.faq > li > div{ display:none; border-bottom:1px solid #ddd; color:#000; font-size:15px; font-weight:300; padding:10px 15px; line-height:25px; }
ul.faq > li > div h1,ul.faq > li > div h2,ul.faq > li > div p{ margin:0 0 10px 0; padding:0; }
ul.faq > li:last-child > a,ul.faq > li.collapsed > a,ul.faq > li:last-child > div{border-bottom:0;}
ul.faq > li:hover > a,ul.faq > li.collapsed > a{ color:var(--fucan-black);   }
ul.faq > li.collapsed > a:after{content:"\f175"; right: 15px; }
ul.faq > li.collapsed > div{ display:block; }

#sw_secenek_html{ background:#F9F9F9; padding: 10px 0; margin-top: 10px; }
#sw_secenek_html .row { float: left; width: 100%; margin:5px 0;  }
#sw_secenek_html .row > label{ float:left; width:200px; text-align: right; padding-right: 20px; font-size:14px; color:#222; line-height:45px;}
#sw_secenek_html .row > div[data-name]{float:left;display:block;width:100%;}
div[data-name] > label{width:50px;height:30px;float:left;display:block;border:1px solid #222;cursor:pointer;margin-right:7px;}
div[data-name] > label > span{line-height:30px;width:100%;height:100%;float:left;display:block;text-align:center;font-size:13px;}
div[data-name] > label > input[type="radio"]:checked ~ span{background:#222;color:#FFF;}
/*input[type="radio"]:checked+label*/
div[data-name] > label > input{display:none;}

#kdv_dahil{float:left;width:auto;font-size:40px;color:var(--fucan-black);font-weight:600;margin-right:30px;}
#kdv_dahil small,#eski_fiyat small{font-size:14px;}
#eski_fiyat{float:left;width:auto;font-size:20px;color:#999;font-weight:normal;position:relative;font-weight:300;}
#eski_fiyat:before{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;height:1px;content:'';background:#a57474;/*-ms-transform:rotate(20deg);-webkit-transform:rotate(20deg);transform:rotate(20deg);*/}



.product-info .row.price{width:100%;float:left;display:block;position:relative;line-height:40px;}
.product-info .row.price .indirimli{position:absolute;left:0;top:0;width:65px;height:65px;padding-top:10px;text-align:center;color:#FFF;font-size:18px;font-weight:600;background:#f90909;}
.product-info .row.price .indirimli small{display:block;}
/*.product-info .row.price.discounted{padding-left:75px;}*/

.product-info .buttonrow{float:left;width:100%;margin:25px 0 25px 0;}
.product-info .buttonrow #sepet_ekle i{font-size:25px;line-height:38px;float:left;}
.product-info .buttonrow #sepet_ekle {float:left;width:200px;height:60px;color:#FFF;text-align:center;border:0;background:var(--fucan-black);font-size:16px;font-weight:600;position:relative;margin-left:10px;line-height:40px; border-radius: 5px;transition:var(--transition-3ms);}

.product-detail .info .kargosure{ position: absolute; left: 0; bottom: 0; width: 100%; height: 41px; line-height: 41px; background:#F9F9F9; color:var(--fucan-black); font-size:15px; text-align: center; }
.product-detail .info .kargosure span{font-weight:600;}

.product-info .firsatlar{margin:0;}
.product-info .firsatlar span{position:relative;float:left;background:var(--fucan);border:3px solid #111;padding:15px 40px 15px 15px;border-radius:5px;margin:0 10px 10px 0;color:#111;}
.product-info .firsatlar span i{position:absolute;right:14px;top:14px;color:#fff;font-size:20px;}
.product-info .firsatlar span:hover{border-color:#BBBBBB;}

.product-info .row.action{margin:15px 0 0 0;}
.product-info .row.action a{font-family: var(--input-font);float:left;line-height:24px;font-size:12px;font-weight:bold;color:#484848;text-decoration:none;margin-right:20px;}
.product-info .row.action a i{color:#BBB;font-size:18px;margin-right:5px;}
.product-info .row.action a:hover,.product-info .row.action a:hover i{color:#000;}


.product-detail .info a.favori{ position: absolute; right: 30px; top: 30px; color: #ccc; }
.product-detail .info a.favori:hover{ color: #E22D69; }
 

#sw_secenek_html select{float:left;color:#999;font-size:13px;font-weight:bold;background:#fff;border:2px solid #CCCCCC;width:200px;height:40px;padding-left:10px;border-radius:5px;}
#sw_secenek_html select:hover{border-color:#BBBBBB;color:#333;}
#sw_secenek_html select:focus{border-color:#666;color:#000;}

.sw_numeric_counter {float:left;padding:1px;height:60px;background:#ccc;text-align:center;border-radius:5px;overflow: hidden;}
.sw_numeric_counter button {float:left;width:25px;height:100%;border:0;padding:0;background:transparent;color:#000;font-size:10px;}
.sw_numeric_counter button:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px;}
.sw_numeric_counter button:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px;}
.sw_numeric_counter button:hover{ background: var(--fucan-black);  color:#fff;  }
.sw_numeric_counter label{float:left;background:#FFF;width:38px;height:100%;}
.sw_numeric_counter input{float:left;width:100%;text-align:center;color:#222;font-size:12px;height:25px;line-height:25px;border:0;background:transparent;}
.sw_numeric_counter span {float:left;width:100%;line-height:10px;color:#222;font-size:11px;}

.product-tab{margin-top:20px;}
.product-tab .attributes{float:left;width:100%;padding:10px;background:#f9f9f9;/*border-left:1px solid #e3e3e3;*/ margin-top:20px;}
.product-tab .attributes > div{float:left;width:50%;/*border-bottom:1px solid #e3e3e3;*/ }
.product-tab .attributes > div > span{float:left;width:40%;color:#333;padding:7px 0 7px 14px;}
.product-tab .attributes > div > a,.product-tab .attributes > div > strong{display:inline-block;width:auto;max-width:60%;padding:7px 0 7px 2px;color:#000;font-weight:600;text-decoration:none;}
.product-tab .attributes > div > a:hover{color:#000;text-decoration:underline;}

.tabmenu,.tabmenu > .tab_top,.tabmenu > .tab_content{float:left;width:100%;color:#484848;}
.tabmenu,.tabmenu > .tab_top{margin-left:-1px;}
.tabmenu > .tab_top > span{float:left;background:#fff;font-size:14px;height:40px;top:10px;padding:10px 40px 15px 40px;color:#666;cursor:pointer;border:1px solid #ddd;border-bottom:0;position:relative;margin-right:3px;}
.tabmenu > .tab_top > span.active,.tabmenu > .tab_top > span.active:hover{background:#fff;z-index:2;height:50px;top:0;padding-top:15px;color:#000;}
.tabmenu > .tab_top > span.active:before{content:'';position:absolute;left:0;top:0;width:100%;height:5px;background:#666;}
.tabmenu > .tab_top > span i{float:left;font-size:16px;margin:2px 5px 0 0;}
.tabmenu > .tab_top > span.active i{color:#666;}
.tabmenu > .tab_top > span:hover{background:#FFFFF0;}
.tabmenu > .tab_content{background:#fff;border-top:1px solid #f8f8f8;min-height:150px;position:relative;z-index:1;margin-top:-1px;padding:20px;box-shadow:0 1px 2px rgba(0,0,0,0.2);}
.tabmenu > .tab_content > div{display:none;}
.tabmenu > .tab_content > div.active{display:block;}

.product-tab.tabmenu > .tab_content{padding-top:0;}
.product-tab.tabmenu > .tab_top > span i.icon-credit-card{margin-top:0;font-size:20px;}
.product-tab .text_title{float:left;width:100%;padding:7px 14px 7px 14px;font-size:14px;font-weight:600;color:#333;background:#f9f9f9;margin:14px 0 7px 0;}

.product-tab .text_content{overflow:hidden;}
.product-tab .text_content table{border:1px solid #ddd;}
.product-tab .text_content table td,.product-tab .text_content table th{padding:10px;}

.product-tab .installments{padding-top:20px;}
.product-tab .installments span.crow{background:#f9f9f9;padding:10px 10px 5px 10px;border:1px solid #ddd;}
.product-tab .installments div.crow,.product-tab .installments p.crow{border-bottom:1px solid #ddd;margin:0;padding:10px;}
.product-tab .installments div.crow:last-child{border:0;}
.product-tab .installments div.crow:hover{background:#666;color:#fff;}
 
.product-tags{float:left;width:100%;margin:10px 0 10px 0;padding:0;}
.product-tags li{float:left;list-style:none;}
.product-tags a{float:left;color:#CCC;margin:5px 5px 0 0;text-decoration:none;font-weight:300;font-size:12px;}
.product-tags a:hover{color:#999;}





.soru_buton_box{margin:30px 0 0 0;padding:0;}

.question_list{float:left;width:100%;margin-top:20px;padding-top:20px;border-top:1px solid #ddd;}
.question_list .question_box{float:left;width:100%;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ddd;}
.question_list .question_box:last-child{margin:0;padding:0;border:0;}
.question_list .question_box .question_title{float:left;width:100%;margin-bottom:4px;}
.question_list .question_box .question_title .user{font-weight:700;font-size:13px;margin-right:20px;}
.question_list .question_box .question_title .subject{font-size:13px;font-weight:400;}
.question_list .question_box .question_body{float:left;padding:10px;border:2px solid #f2f2f2;background:#fff;}
.question_list .question_box .question_body p,.question_list .question_box .question_body p{display:block;margin:0;padding:0;color:#333;}
.question_list .question_box .question_body .date{color:gray;display:block;clear:both;margin-top:5px;}
.question_list .question_box .answer{clear:left;float:left;background:#ddd;margin-top:22px;position:relative;padding:13px 10px 10px 10px;border-radius:3px;}
.question_list .question_box .answer:before{content:'';-moz-box-sizing:content-box;box-sizing:content-box;-webkit-box-sizing:content-box;position:absolute;left:30px;top:-20px;width:0;height:0;border-left:0 solid transparent;border-right:18px solid transparent;border-bottom:20px solid #ddd;}
.question_list .question_box .answer p{display:block;margin:0;padding:0;color:#111;}
.question_list .question_box .answer .seller{font-weight:600;margin-right:10px;}

.soru_content{float:left;width:100%;position:relative;background:#fff;}
.soru_title{float:left;line-height:40px;width:100%;font-size:18px;color:#333;padding:10px 5% 10px 5%;background:#fff;border-bottom:1px solid #ddd;}
.soru_text{float:left;width:90%;border:1px solid #ddd;background:#f1eded;padding:15px;margin:20px 5% 20px 5%;font-size:14px;font-weight:300;color:#444;}
.soru_form_body{float:left;width:100%;padding:0 5% 20px 5%;}
.soru_form_body form{float:left;width:100%;position:relative;}
.soru_form_body form .crow{margin-bottom:20px;}
.soru_form_body form textarea{max-width:100%;width:100%;height:120px;max-height:120px;outline:0;}
.soru_form_body form button{float:left;width:100%;border-radius:0;text-align:center;}
.soru_form_body form .label{float:left;width:100%;margin:0 0 3px 0;}
.soru_form_body form .radio{float:left;line-height:20px;margin-right:20px;}
.soru_form_body form .radio input{float:left;margin-right:5px;}

.user-tab.tabmenu{max-width:380px;float:none;margin:auto;margin-top:50px;margin-bottom:50px;}
.user-tab.tabmenu > .tab_top > span{width:49.8%;margin:0;font-size:14px;font-weight:600;line-height:25px;}
.user-tab.tabmenu > .tab_top > span.kayit_ol{float:right;margin-right:-2px;}
.user-tab.tabmenu > .tab_top > span i{font-size:18px;}
.user-tab.tabmenu > .tab_content{padding:35px;}
.user-tab .crow{margin-bottom:15px;}

.formcontainer,.listpages{background:#fff;margin-top:20px;padding:0 0 20px 0;}
.formcontainer .title,.listpages .title{float:left;width:100%;margin-bottom:20px;text-align:center;font-size:16px;font-weight:600;color:#111;border-bottom:1px solid #ddd;padding:15px;}
.formcontainer #uyelik{width:500px;margin:auto;}
.formcontainer #yenisifre{width:300px;margin:auto;}
.listpages .cptable{width:96%;margin-left:2%;}

.radiobox{margin-top:5px;}
.radiobox label.key,.checkbox label{line-height:19px;}
.radiobox label.radio{float:left;line-height:19px;margin-left:20px;}
.radiobox label.radio input,.checkbox label input{float:left;margin-right:5px;}

.basketpage{float:left;width:100%;margin-top:20px;padding:20px;background:#FFF;box-shadow:0 1px 2px rgba(0,0,0,0.2);}
.basketpage > .title{width:100%;height:auto;float:left;text-align:center;font-size:27px;font-weight:300;padding:20px 0 20px 0;}
.basketpage > .title.head{font-size:26px;text-align:left;font-weight:400;padding:10px 0 10px 0;}
.basketpage > .title.head > a{float:right;}
.basketpage > .title.head > i{color:#999;margin-right:9px;font-size:26px;font-weight:400;}
.basketpage > .title.head > a:before{float:right;padding:7px 0 0 10px;font-weight:400;font-size:21px;}

.basketpage .buttons{float:left;width:100%;margin:10px 0 10px 0;}
.basketpage .buttons a{color:#093cab;text-decoration:none;font-size:14px;}
.basketpage .buttons a:hover{text-decoration:underline;}

.basketpage .basketcount div{display:inline-block;}
.basketpage .basketcount input{width:50px;text-align:center;}
.basketpage .basketcount button{margin:0 0 0 5px;height:38px;}
.basketpage .basketcount button i{font-size:16px;}
.basketpage .cptable tbody,.basketpage .cptable tfoot{font-size:15px;}
.basketpage .cptable .link{display:block;margin-bottom:5px;}
.basketpage .cptable a.btn{padding:3px 6px 3px 6px;line-height:normal;font-size:12px;}
.basketpage .cptable a.btn i{float:left;margin:3px 3px 0 0;}
.basketpage .devam{min-width:317px;margin-left:5px;}
.basketpage strike{color:#999;}
.basketpage > .sepetbos{width:75px;height:100px;margin:0px auto;display:block;font-size:100px;color:#666;margin-bottom:25px;}

.installment_table{float:left;width:100%;border:1px solid #dddddd;border-top:0;border-left:0;}
.installment_table .bank{border-top:1px solid #dddddd;border-left:1px solid #dddddd;}
.installment_table .ihead{background:#f9f9f9;padding:5px;border:1px solid #dddddd;}
.installment_table .crow.itr{border-bottom:1px dotted #dddddd;margin-bottom:5px;padding:5px;}
.installment_table .crow.itr:last-child{border-bottom:0;margin-bottom:0;}

.comments{float:left;width:100%;margin-top:30px;}
.comments .cpborder{background:#fff;border-radius:3px;}
.comments .comment{float:left;width:100%;border-top:1px solid #ddd;padding:10px;margin-top:10px;}
.comments .comment .comment-info{margin:0 0 5px 0;}
.comments .comment span{float:right;line-height:22px;margin-right:10px;}
.comments .comment small{float:right;width:110px;height:19px;background:url(../design/star_s.png) repeat-x;position:relative;}
.comments .comment small i{float:left;height:100%;background:url(../design/star_y.png) repeat-x;}
.comments .comment-subject{float:left;font-size:18px;}
.comments .comment-entry{line-height:19px;}

.orderpage{background:#FFF;margin:20px 0 0 0;padding:0 20px 20px 20px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);box-shadow:0 1px 2px rgba(0,0,0,0.2);font:400 13px / 1.3  var(--input-font);}
.orderpage > .title{font-size:26px;text-align:left;font-weight:400;padding:20px 0 20px 0;width:100%;height:auto;float:left;text-align:center;font-size:27px;font-weight:300;padding:20px 0 20px 0;border-bottom:1px solid #F5F5F5;text-align:left;margin-bottom:20px;}
.orderpage > .title > span{float:left;padding:20px 0;width:auto;height:auto;}
.orderpage > .title > a{float:right;margin:20px 0}
.orderpage > .slinehead{padding:2px 10px;background:#EFEFEF;font-weight:700;}
.orderpage > .sline{border:1px solid #D7D7D7;padding:10px;font-weight:700;}
.orderpage > .sline > .npRow{margin-top:10px;}

.orderpage .title{float:left;width:100%;padding:10px 0;font-size:22px;}
.orderpage .sdetail .cptable{background:#FFF;}
.orderpage .sdetail .cptable .btn{width:100%;}
.orderpage .sdetail .cptable span.image{position:absolute;left:0;top:0;width:60px;height:60px;overflow:hidden;}
.orderpage .sdetail .cptable span.image img{position:absolute;left:-1000px;top:-1000px;bottom:-1000px;right:-1000px;margin:auto;}

.orderpage .sdetail .cptable .link.wimg{position:relative;padding-left:75px;}
.orderpage .sdetail .cptable .link strong{float:left;width:100%;font-size:13px;}
.orderpage .sdetail .cptable .options{float:left;width:100%;margin-top:10px;}
.orderpage .sdetail .cptable .options span{float:left;padding:3px 7px;margin:0 5px 5px 0;line-height:15px;color:#333;font-weight:300;background:#f8f8f8;border-radius:30px;}
.orderpage .sdetail .cptable strike{font-size:11px;color:#555;margin:0 5px 0 5px;}

.orderpage .siparis_sozlesme{float:left;width:100%;margin-top:50px;border:1px solid #e3e3e3;}
.orderpage .siparis_sozlesme > span{padding:20px 10px;font-weight:700;margin-bottom:0;}
.orderpage .siparis_sozlesme a.oku{float:right;padding:0 10px;}
.orderpage .siparis_sozlesme > div{display:none;padding:20px 10px;}


.orderpage .ordersuccess{float:left;width:100%;padding:20px;background:#fefefe;border:1px solid #ddd;border-radius:3px;margin:20px 0 20px 0;}
.orderpage .ordersuccess i{display:inline-block;width:120px;height:120px;background:#6C3;border:1px solid #6C0;color:#fff;text-align:center;line-height:115px;font-size:60px;border-radius:50%;}
.orderpage .ordersuccess .success-title{margin:30px 0 0 0;font-size:33px;color:#2db91e;}
.orderpage .ordersuccess .cp6{border-left:1px solid #ddd;}
.orderpage .ordersuccess .success-text{font-size:14px;color:#999;}
.orderpage .ordersuccess .success-info{font-size:22px;color:#666;text-decoration:underline;margin:20px 0 10px 0;}
.orderpage .ordersuccess strong{font-size:43px;}


#process{float:left;width:100%;height:120px;position:relative;text-align:center;margin:20px 0 20px 0;font:400 13px / 1.3  var(--input-font);}
#process:before{content:'';position:absolute;width:80%;height:8px;left:10%;top:28px;background:#FFF;z-index:-1;-webkit-box-shadow:1px 1px 5px 0px rgba(0,0,0,0.15);-moz-box-shadow:1px 1px 5px 0px rgba(0,0,0,0.15);box-shadow:1px 1px 5px 0px rgba(0,0,0,0.15);}
#process a{width:200px;display:inline-block;text-decoration:none;}
#process a .num{position:relative;display:inline-block;width:62px;height:62px;border:6px solid #FFF;line-height:50px;background:#FFF;-webkit-box-shadow:1px 1px 5px 0px rgba(0,0,0,0.15);-moz-box-shadow:1px 1px 5px 0px rgba(0,0,0,0.15);box-shadow:1px 1px 5px 0px rgba(0,0,0,0.15);border-radius:50%;color:#555;font-weight:600;font-size:20px;margin-bottom:5px;}
#process a i{display:none;}
#process a.check .num,#process a.active .num{color:#fff;}
#process a.check .num,#process a.active .num{background:#83C41A;}
#process a.check i{display:block;position:absolute;width:100%;font-size:20px;line-height:50px;}
#process a.check small{display:none;}
#process a strong,#process .not{display:block;}
#process a.step1{float:left;}
#process a.step3{float:right;}
#process a strong{display:block;color:#444;font-size:16px;}
#process a .not{display:block;color:#777;font-weight:300;font-size:13px;}

.basketmini{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,0.2);font:400 13px / 1.3  var(--input-font);color:#484848;}
.basketmini > span{float:left;padding:10px;width:100%;font-size:16px;color:#333;border-bottom:2px solid #F5F5F5;/*5px solid #ddd;*/font-weight:700;}
.basketmini > div.list{margin:0;padding:0;max-height:215px;overflow:auto;}
.basketmini > div.list img{float:left;max-width:75px;max-height:50px;margin:0 5px 5px 0;}
.basketmini > div.list > .crow{margin:0;padding:10px;border-bottom:1px solid #ddd;}
.basketmini > div.list > .crow:last-child{border:0;}

.basketmini.view > .crow{background:#f9f9f9;margin:0;padding:10px 0 0 0;}
.basketmini.view > .crow .crow{font-size:14px;padding:10px 10px 5px 10px;border-bottom:1px solid #ddd;margin:0;}
.basketmini.view > .crow #totalamount.crow{background:#FFF;padding-bottom:15px;border:0;}
.basketmini.view > .crow b{font-size:16px;line-height:30px;}
.basketmini.view .btn{width:100%;line-height:60px;font-size:18px;font-weight:400;padding:0;text-align:center;border-radius:0;position:relative;}
.basketmini.view .bitir .crow.checkbox{padding:20px 10px;background:#fff;border-top:1px solid #ddd;}
.basketmini.view .bitir .btn i{position:absolute;line-height:60px;right:10px;font-size:40px;}

#basket_user{float:left;width:100%;padding:20px;}
#basket_login{width:50%;margin-left:25%;}
#signin_form > .crow > input{width:50%;margin-left:75px;margin-right:10px;}
#signin_form > .crow > button{min-width:130px;float:left;}
#signin_form > label > strong{font-size:14px;padding:10px;display:block;}
#signin_form > .crow > button:before{float:right;padding:7px 0 0 10px;font-weight:400;font-size:21px;}
#signin_form > label{width:100%;padding:20px;}
.addresspage > .left{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,0.2);}
.addresspage > .left form .crow,.active_address .active_address_text{padding:0 20px 0 20px;}
.addresspage{font:400 13px / 1.3  var(--input-font);}

.addresspage .title{float:left;width:100%;padding:20px;margin-bottom:10px;border-bottom:2px solid #F5F5F5;font-size:26px;}
.addresspage .title strong{float:left;display:block;font-size:21px;padding:5px 0 0 0;}
.addresspage .title span{float:left;clear:left;padding:5px 0 0 0;color:#999;font-size:14px;}

.fatura_adres .title{border-top:2px solid #F5F5F5;padding-top:15px;}
.addresspage .title.head > a{float:right;}
.addresspage .title.head > a:before{float:right;padding:7px 0 0 10px;font-weight:400;font-size:21px;}
.addresspage .active_address{margin-bottom:20px;}
.addresspage .active_address .active_address_text{font-size:13px;line-height:19px;}
.addresspage .active_address .active_address_text b{font-size:15px;}
.addresspage .billing_address{border-left:5px solid #ddd;}
.addresspage .active_address .title{padding:0 20px 0 20px;border:0;}
.addresspage .active_address .title strong{font-size:17px;}
.addresspage .ayni_adres.crow{margin:10px 0 20px 0;}
.addresspage .fatura_adres{float:left;width:100%;display:none;margin-bottom:10px;}
.addresspage .adres_ekle_btn{margin-right:20px;}
.addresspage .btn.large{min-width:200px;}

.addresspage  .adress{padding:8px 20px 35px 20px;font-size:14px;}
.addresspage  .adress > .delivery{padding:20px 10px 10px 0;}
.addresspage  .adress > .billing{padding:20px 0 10px 10px;border-left:1px solid #F5F5F5;background:#FBFBFB;position:relative;}
.addresspage  .adress > .bttnset{text-align:right;margin-bottom:7px;}
.addresspage  .adress > .bttnset.left{text-align:left;}
.addresspage  .adress > .bttnset.left > a{margin-right:7px;margin-left:0;}
.addresspage  .adress > .billing > .crow > span.yada > i{background:#FBFBFB;}
.addresspage  .adress > .cp6 strong{font-weight:700;padding:5px 0 0 5px;float:left;}
.addresspage  .adress > .cp6 a{font-size:12px;padding:0 12px;border-radius:1px;line-height:27px;margin-left:7px;}
.addresspage  .adress > .cp6 i{float:left;}
.addresspage  .adress > .cp6 .fa-check{color:#83C41A;}
.addresspage  .adress > .cp6 .fa-thumb-tack{color:DC5240;}
.addresspage  .adress > .cp6 *:before{font-size:30px;float:left;}
.addresspage  .adress > .cp6 > .crow > span.yada > i{font-weight:400;font-size:14px;}

table.btable{border:1px solid #F5F5F5;table-layout:fixed;border-collapse:collapse;margin-top:20px;}
table.btable td, table.btable th{border:1px solid #F5F5F5;text-align:left;padding:5px 15px 5px 15px;-webkit-box-sizing:border-box;box-sizing:border-box;}

.cargoes{float:left;width:100%;padding:0 10px 0 10px;}
.cargoes b{font-size:16px;}

.cargoes label .img img{float:left;margin-right:10px;}
.cargoes label .img > span{float:left;}
.cargoes label .img > span > *{display:block;margin-top:3px;}
.cargoes label .text{padding-top:13px;}

.choose_address,.hesaplar label,.cargoes label{cursor:pointer;float:left;width:100%;padding:10px;border:1px solid #ddd;position:relative;margin-bottom:10px;}
.choose_address i,.hesaplar label i,.cargoes label i{position:absolute;top:0;right:0;border:1px solid #ddd;color:#ddd;border-top:0;border-right:0;padding:10px;font-size:22px;}
.choose_address:hover, .choose_address.active,.hesaplar label:hover,.hesaplar label.active,.cargoes label:hover,.cargoes label.active{border-color:#6C0;}
.choose_address:hover i, .choose_address.active i,.hesaplar label:hover i,.hesaplar label.active i,.cargoes label:hover i,.cargoes label.active i{display:block;border-color:#6C0;color:#6C0;}
.hesaplar label .img{padding-top:15px;}

.paymentpage .payment_info{font:400 13px / 1.3 var(--input-font);line-height:20px;border:1px solid #FAEBD7;padding:10px;background:#FFFAF0;border-radius:3px;text-align:justify;}
.paymentpage .onay{border-top:1px solid #ddd;padding-top:20px;margin-top:10px;}
.paymentpage .onay .havale_total{font-size:18px;color:#666;}
.paymentpage .onay .havale_total strike,.paymentpage .onay .havale_total em{font-size:13px;}
.paymentpage .onay .havale_total div{width:100%;float:left;display:block;font-size:24px;color:#484848;clear:left;position:relative;}
.paymentpage .onay .havale_total div small{font-size:13px;}
.paymentpage .onay .btn{margin-top:10px;padding:7px 45px;font-size:16px;}
.paymentpage a.link{text-decoration:underline;}
.paymentpage .tabmenu > .tab_top > span.active:before{background-color:#83C41A;}

.payment{float:left;width:100%;}
.cardinputs{float:left;width:50%;padding-right:20px;}
.cardinputs #cartno,.cardinputs #cvv{letter-spacing:3px;word-spacing:15px;font-size:15px;/* font-size:18px;*/ text-align:center;}
.cardinputs .crow{margin-bottom:17px;}
#taksit{float:left;width:50%;padding-left:20px;}
#taksit.active{border-left:1px solid #ddd;}
#taksit .border{border:1px solid #e7e7e7;border-bottom:0;}
#taksit .blogo{text-align:center;padding:10px 0 10px 0;border-bottom:1px solid #e7e7e7;background:#fff;}
#taksit .taksitler label{float:left;width:100%;cursor:pointer;padding:10px;font-size:13px;color:#333;border-bottom:1px solid #e7e7e7;line-height:20px;}
#taksit .taksitler label input{float:left;margin-right:5px;}
#taksit .taksitler label:last-child{border:0;}			
.sk span{line-height:32px;text-align:center;font-size:18px;color:#999;}

.text_template h1,.text_template h2,.text_template h3{display:block;width:100%;font-weight:normal;text-align:center;font-size:26px;margin:0 0 10px 0;padding:0;}
.text_template h2,.text_template h3{font-size:18px;}
.text_template p{width:100%;margin:0 0 10px 0;padding:0;}
.text_template strong{display:block;font-size:14px;margin:20px 0 10px 0;}
.text_template ul{width:100%;display:block;margin:0 0 20px 0;padding:0;}
.text_template ul li{display:block;margin-bottom:4px;list-style:none;}
.text_template table{width:100%;margin:10px 0 10px 0;border:0;font-size:14px;}
.text_template table td{border:1px solid #e7e7e7;border-left:0;border-top:0;}
.text_template table thead tr:first-child td{border-top:1px solid #e7e7e7;}
.text_template table td:first-child{border-left:1px solid #e7e7e7;}
.text_template table th{border:0;border-right:1px solid #e7e7e7;}

.text_template .menu > li{float:left;width:100%;margin:0;}
.text_template .menu > li > span{cursor:pointer;float:left;width:100%;padding:10px;background:#f9f9f9;border:1px solid #e3e3e3;margin-bottom:10px;}
.text_template .menu > li > div{display:none;float:left;width:100%;margin-top:15px;}

.article{float:left;width:100%;box-shadow:0 1px 2px rgba(0,0,0,0.2);background:#FFF;padding:25px;}
.article h1.title{float:left;width:100%;margin:0 0 25px 0;padding:0;}

.article .entry{width:100%;height:auto;float:left;display:block;line-height:24px;font-size:15px;}
.article .entry p{float:left;width:100%;margin:0 0 10px 0;}

.iletisim .left,.iletisim .right{float:left;width:50%;padding:20px;}
.iletisim .map{float:left;width:100%;margin:40px 0 30px 0;}
.iletisim .map h3{float:left;width:100%;text-align:center;font-size:32px;font-weight:400;margin:30px 0 20px 0;}
.iletisim .map iframe{margin:auto;width:100%;max-width:1000px;display:block;border:5px solid #FF7300;background:#eee;}
.iletisim form .cp3{padding:10px 0 0 0;}
.iletisim .right div{float:left;width:100%;margin-bottom:15px;position:relative;}
.iletisim .right div i{position:relative;float:left;width:30px;height:30px;line-height:30px;text-align:center;border-radius:50%;font-size:17px;background:#333;color:#FFF;}
.iletisim .right div i.fa-envelope{font-size:13px;padding-left:2px;}
.iletisim .right div i:after{content:'';-moz-box-sizing:content-box;box-sizing:content-box;-webkit-box-sizing:content-box;position:absolute;left:24px;top:5px;width:0;height:0;border-left:0 solid transparent;border-right:14px solid transparent;border-bottom:12px solid #333;}
.iletisim .right div strong{position:absolute;width:100%;padding:0 30px 0 50px;font-size:16px;font-weight:400;padding-top:5px;left:0;text-align:left;}
.iletisim .right div.unvan strong{font-weight:500;font-size:20px;padding-left:0;}
.iletisim .right div.adres{ margin-bottom:35px; }
 
a.whatsapp{ position: fixed; left:30px; bottom:30px; width:80px; height:80px; text-align:center; font-size:60px; z-index: 2;box-shadow: 0 4px 10px 0 rgba(46,58,70,0.35); background-color: #fff; border:0; border-radius: 40px; line-height:80px; color:#25d366; }

#rel_products { width: 100%; float: left; display: block; margin:25px 0; }
#rel_products a { position: relative; float: left; margin-bottom: 10px; margin-right: 10px; width: 70px; height: 70px; overflow: hidden; background: #fff; border:1px solid #f9f9f9; border-radius: 50%;box-shadow: 1px 1px 1px #e7e7e7;}
#rel_products a img{ position:absolute; left: -2000px; right: -2000px; top: -2000px; bottom: -2000px; margin: auto; display: block; }
#rel_products a.active { border-color: #999; }
#rel_products:before{width: 100%; float: left; display: block; content: attr(data-name);font-size: 16px;margin-bottom: 10px;color: #000;}

#cookie_ok{position:fixed; bottom:10px; left:10px; width:100%; max-width:600px; padding:20px; border-radius:10px; color:#FFF; background:rgba(0,0,0,.7); font-size:13px; font-weight:300; z-index:5; line-height:23px; text-align:center; z-index:99;}




html[lang="ar-AR"] .left.filter > .attributes > ul{padding: 10px 15px 6px 15px;}

html[lang="ar-AR"] .left.filter *{float: right;}
html[lang="ar-AR"] .left.filter > .category ul{padding: 0 5px}










html[lang="ar-AR"] .firsat_ord .firsatlar a:before {margin: 0 0 0 8px;}

html[lang="ar-AR"] .firsat_ord .firsatlar a.active:after, 
html[lang="ar-AR"] .firsat_ord .firsatlar a:hover:after, 
html[lang="ar-AR"] .left.filter .attributes ul.attrlist li.active a:after, 
html[lang="ar-AR"] .left.filter .attributes ul.attrlist li a:hover:after{left: unset;}