@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600&display=swap');

*{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-sizing:border-box;outline:0;}

:root{
    --theme-text-color:#3f3f3f;
    --theme-bg-color:#3f3f3f;
    --white-color:#FFF;
    --grey-color:#cfcfce;
    --grey-color-f9:#f9f9f9;
    --konet-color:#c10230;
    
    
    --bg-color:#1d1d1b;
    --border-color:#e2e2e2;
    
    
}

body{padding:0;margin:0;font-family:'Jost', sans-serif;font-size:15px;color:#222;}
h1,h2,h3,h4,h5,strong,b{font-weight:600;}
a{ text-decoration: none; color:#1a0dab;text-decoration: none;}

.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 Arial,Helvetica,"Helvetica Neue",sans-serif;float:left;width:100%;margin-bottom:5px;font-size:13px;font-weight:600;color:#7B7B7B;}
.styleinput{float:left;width:100%;height: 50px;line-height:38px\9;padding: 0 15px;background:#fff;border: 2px solid #ccc;color:#7B7B7B;font:700 13px / 1.3 Arial,Helvetica,"Helvetica Neue",sans-serif;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: 13px;padding: 15px 25px;border-radius: 50px;text-align:center;cursor:pointer;background:#eee;border:1px solid #ddd;font-weight: 100;transition: all .2s ease-in-out;}
.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.disabled{background:#e0f7dc;border:1px solid #c7eebf;color:#c6eac0 }
.btn.beyaz{background:#fff;color:#505050;border:1px solid #cdcdcd }
.btn.kirmizi{color:#fff;background:#CC2738;border:1px solid #92031C }
.btn.siyah{color:#fff;background:#393434;border:1px solid #000 }
.btn.facebook{color:#fff;background:#354c8c;border:1px solid #3B599F;}


.btn:hover{filter: brightness(110%); box-shadow: 1px 1px 2px rgb(150 144 144 / 62%)}

/*
.btn.facebook:hover{background:#3b5998;border:1px solid #0F3B9C;}
.btn.siyah:hover{background:#000;border:1px solid #000 }
.btn.kirmizi:hover{background:#92031C;}
.btn.beyaz:hover{background:#fdfdfd;color:#505050;border:1px solid #b8b8b8 }
.btn.yesil:hover{background:#8ACE0D;border:1px solid #7BB118;}
.btn:hover{color:#000;background:#dfdfdf;border:1px solid #bbb;}



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;background:-moz-linear-gradient(top, #F5F5F5 0%, #f1f1f1 50%, #dddddd 100%);/* FF3.6-15 */ background:-webkit-linear-gradient(top, #F5F5F5 0%, #f1f1f1 50%, #dddddd 100%);/* Chrome10-25,Safari5.1-6 */ background:linear-gradient(to bottom, #F5F5F5 0%, #f1f1f1 50%, #dddddd 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F5F5', endColorstr='#dddddd', GradientType=0 );/* IE6-9 */
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;}


.anim > *,.anim > *:hover,.anim > *:after,.anim > *:before{ -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-in-out; }
.center{ width: 100%; max-width: 1320px; min-width: 1100px; margin: auto; display: block; position: relative; }


header{float:left;width:100%;position:relative;z-index: 5;display: flex;flex-direction: column;align-items: center;}
header .topband{float:left;width:100%;height:40px;background:var(--bg-color);position: relative;color:var(--white-color);justify-content: center;align-items: center;display: flex;}
header .topband > span{font-size: 18px;font-weight: 500;}
header .topband > span > strong{font-weight: 700;}


header .middle{float: left;width: 100%;max-width: 1300px;height: 145px; display: flex;align-items: center;justify-content: space-between;}

header .middle > *{display:flex;height: 100%;flex-direction: column;}
header .middle .logo {float: left;width: 20%;justify-content: center;align-items: center;}
header .middle .logo img{ height:90px; }

header .middle > .middle_left{width: 40%;float:left;align-items: flex-start;}
header .middle > .middle_right{width: 40%;float:right;align-items: flex-end;justify-content: center;}
header .middle > .middle_left > .mltop{display:flex;flex-direction: row;align-items: center;    margin-top: 7px;}

header .social{ float: left; margin-right:20px;  }
header .social a{ transition:all .3s ease-in-out; float: left; width: 34px; height: 34px; padding-top:1px; text-align: center; font-size:25px; color: var(--theme-text-color); margin-right: 5px; border-radius: 5px;  }
header .social a:hover{ background: var(--konet-color); color: #fff; }

.middle_right_top{ float: right; margin: 20px 0 10px 0;}
header .ustmenu{ float: right; margin:0;  }
header .ustmenu a{ float: left; font-size:14px; color:#858586; font-weight: 400; text-decoration: none; margin-right: 15px; }


header form{float: right;width: 400px;height: 40px;margin:0;position: relative;background:#f2f2f2;border-radius: 4px;margin-top: 7px;}
header form input{float:left;width:100%;height:100%;padding:0 39px 0 20px;background:transparent;border:0;color:#768F79; font-size:15px; font-weight: 400;font-family:'Jost', sans-serif; color: #757575; }
header form button{position:absolute;width:38px;height:100%;text-align:center;top:0;right:0;background:transparent;border:0;font-size:26px;font-weight:normal;color:#808080;}
header form button:active,header form button:focus,header form button:hover,header form input:focus ~ button,header form input:active ~ button{color:var(--konet-color);}

.search_content{position:absolute;top:38px;left:0;z-index:3;width:100%;background-color:#DFDFDF;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.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:500;color:#666;font-size:18px;border-bottom: 1px solid rgba(0,0,0,0.2);}
.search_content .search_results li.result a{float:left;width:100%;padding:15px;text-decoration:none;color:#333;font-size: 15px;border-top: 1px solid rgba(255,255,255,.5); border-bottom: 1px solid rgba(0,0,0,0.2);}
.search_content .search_results li.result.selected a{background:#f9f9f9;color:#000;}

header nav{ float: left; width: 100%; position: relative;border-bottom: 1px solid var(--grey-color);}
header nav > ul { float:left; width:100%; margin: 0; padding: 0; text-align: center; }
header nav > ul > li { display: inline-flex; list-style: none; position: relative; margin:0 5px;  }
header nav > ul > li > a { float: left; width: 100%; padding:13px 15px; color:var(--theme-text-color); font-size:16px; text-decoration: none; font-weight: 500;}
header nav > ul > li:hover > a{ background: var(--theme-text-color); color:var(--white-color); }
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:var(--theme-bg-color); 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{ -webkit-transition:all 200ms linear; float:left; width:100%; padding:15px; border-bottom:1px solid rgba(0,0,0,.2); border-top:1px solid rgba(255,255,255,.2); font-size:15px; color:#fff; text-decoration: none; }
header nav > ul > li ul li:first-child > a{ border-top: 0; }
header nav > ul > li ul li:hover > a{ background:var(--konet-color); border-color:transparent; }
header nav > ul li > ul{ -webkit-transition:all 200ms linear; opacity:0; top:125%;   }
header nav > ul li:hover > ul{ top:100%; opacity:1;visibility:visible; }

header .hright{ float: right; margin-top:60px; }


#sepetim{ float:left; position: relative; }
header a.hlogin,#sepetim a{ float: left; color: #3F3F3F; font-weight: 400; font-size:15px; display: flex;align-items: center;}
#sepetim a i{ font-size:27px; }
header a.hlogin > i.fa-user-o{margin-left: 7px;}
header a.hlogin.hrt{margin: 0 18px;color:var(--konet-color);}
header a.hlogin:hover,#sepetim a:hover i{ color:var(--konet-color);  }
#sepetim #adet{position: absolute;right: -12px;top:-5px;background:var(--konet-color);color: #fff;border-radius: 100%;height: 16px;text-align: center;font-size:11px;font-weight:400;display: flex;align-items: center;justify-content: center;line-height: 1px;padding: 0 3px; min-width: 16px;} 

#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: #3F3F3F; font-weight: 500; font-size:15px; padding: 10px 15px; margin-top: -7px; }
header div.hesabim > a i,header a.hlogin i{ margin-left: 3px; font-size:27px; }
header div.hesabim:hover > a{ background:var(--konet-color); color: #fff; }

header div.hesabim:hover > ul{display:block;}
header div.hesabim > ul{position:absolute;right:0;top:100%;display:none;width:180px;background:var(--konet-color);border-top:0;margin:0;padding:7px;z-index:99;}
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:#fff;text-decoration:none;} 
header div.hesabim > ul a:hover{background:var(--theme-bg-color);}*/

header div.hesabim{float: left;position: relative;}
header div.hesabim > a{float: left;color: #3F3F3F;font-weight: 500;font-size: 14px;padding: 5px 15px;display: flex;margin-top: -5px;align-items: center;}
header div.hesabim > a i,header a.hlogin i{ margin-left: 3px; font-size:27px; }
header div.hesabim:hover > a{ background:var(--konet-color); color: #fff; }

header div.hesabim:hover > ul{display:block;}
header div.hesabim > ul{position:absolute;right:0;top:100%;display:none;width:180px;background:var(--konet-color);border-top:0;margin:0;padding:7px;z-index:99;}
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:#fff;text-decoration:none;} 
header div.hesabim > ul a:hover{background:var(--theme-bg-color);}

.swiper-slide img{ float: left; width: 100%; height: auto; }

.homeslider{width: 100%;float: left;display: flex;padding: 20px 0;justify-content: center;justify-content: center;flex-direction: column;}
.homeslider > .hs.swiper-container{float:left;width: 100%; max-width:1300px;position:relative;z-index:1;border-radius: 5px;}
.homeslider > .hs.swiper-container .swiper-slide{float:left;width:100%;position:relative;}
.homeslider > .hs .swiper-button-prev{left:30px;}
.homeslider > .hs .swiper-button-next{right:30px;}
.homeslider .swiper-pagination{position:static;margin-top:15px;}
.homeslider .swiper-pagination-bullet{width:20px;height:3px;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;}
 

iframe {aspect-ratio: 1 /.568;width: 49%;overflow: hidden;border-radius: 20px;border: 5px solid var(--border-color);}

main,footer{float:left;width:100%;display: flex;flex-direction: column;align-items: center;}
main > #container{width:100%;max-width: 1320px;}
main section{float:left;width:100%;}


main section .title{float:left;width:100%;font-size: 30px;font-weight: 600;}
main section .desc{float:left;width:100%;font-size: 16px;font-weight: 400;padding:0 25%;margin-bottom: 40px;}

section.categories{display:flex;flex-direction: column;align-items: center;text-align: center;}
section.categories > .helal{display:flex;flex-direction: column;align-items: center;text-align: center;font-size: 200px;}
section.categories > .helal > i{line-height: 120px;color:var(--grey-color);transition:all .5s ease-in-out; }
section.categories > .helal > i:hover{color:var(--konet-color);}

section.categories > .category{display:flex;flex-direction: row;padding: 0;margin: 0;list-style: none;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;}
section.categories > .category > li{width:25%;aspect-ratio:1 / 1;padding: 10px;}
section.categories > .category > li:hover{padding: 5px;}
section.categories > .category > li > a{width:100%;aspect-ratio:1 / 1;display: flex;align-items: center;justify-content: center;border-radius: 7px;overflow: hidden;}
section.categories > .category > li > a > img{float:left;width: 100%;}

section.topproducts{display:flex;flex-direction: column;align-items: center;text-align: center;margin: 110px 0;}
section.topproducts > [data-tabhead]{padding:0;margin: 0;list-style: none;width: 100%;display: flex;justify-content: center;align-items: center;flex-direction: row;flex-wrap: nowrap;border-bottom:1px solid var(--border-color);padding-bottom: 20px;}
section.topproducts > [data-tabhead] > a{width: 33%;display: flex;flex-direction: column;align-items: center;text-align: center;font-size: 16px;font-weight: 400;color:var(--theme-text-color);transform: scale(.8);opacity: .7; transition:all .3s ease;position: relative;}
section.topproducts > [data-tabhead] > a > strong{font-size:30px;font-weight: 600;}
section.topproducts > [data-tabhead] > a.active, 
section.topproducts > [data-tabhead] > a:hover{transform: scale(1);opacity: 1;}
section.topproducts > [data-tabhead] > a.active > strong{color:var(--konet-color);}
section.topproducts > [data-tabhead] > a.active:after{ content:''; position: absolute; left: 0; bottom:-22px; width: 100%; height: 3px; background: #D6A746; }
section.topproducts .tab_content{ margin: 0; padding: 0 0 80px 0; background:transparent; border:0; box-shadow:none;  }

.daha_fazla_urun{ transition:all .3s ease-in-out; position: absolute; left: 0; right:0; bottom:0; width: 230px; line-height: 47px; background: #fff; border:1px solid var(--konet-color); color: var(--konet-color); border-radius: 25px; text-align: center;  font-size:16px; font-weight: 600; margin: auto; display: block; }
.daha_fazla_urun:hover{ background:var(--konet-color); color: #fff; }



.product-category-text{ float: left; width: 100%; background: #f9f9f9; margin: 50px 0; padding: 40px 0; position: relative;}
iframe#catvideo {width: 100%;float: left;aspect-ratio: 1 /.568;}
table#cattable {width: 100%;text-align: center;margin-bottom: 50px;}
table#cattable tr:nth-child(1) td {font-size: 25px;font-weight: 500;}
table#cattable tr:nth-child(2) td {padding-bottom: 40px;}
#cattable span {position:relative; width:100%;float:left;zoom: .9;}
#cattable span > i {background: var(--konet-color);display: flex;aspect-ratio: 1;position: absolute;align-items: center;justify-content: center;border-radius: 200px;font-size:137px;color:#FFF;flex-direction: column;}
#cattable span > i.konet-pan {width: 195px;left: 80px; top: 10px;}
#cattable span > i.konet-microwave {width: 255px;left: 300px; top: 15px;}
#cattable span > i.konet-benmari{width: 185px;left: 155px; top: 207px;}
#cattable span > i.konet-pan:before{position: absolute;left: 13%;top: -5%;font-size: 167px;}
#cattable span > i.konet-benmari:before{position: absolute;left: 18%;top: 5%;font-size: 120px;}
#cattable span > i.konet-microwave:before{position: absolute;left: 18%;top: 12%;font-size: 160px;}
   
#cattable span > i.konet-microwave:after{content:"MİKRODALGA FIRIN";font-size: 20px;width: 180px;text-align: center;font-family: 'Jost';font-weight: 500;margin-top: 10px;}
#cattable span > i.konet-benmari:after{content:"BENMARİ USULÜ";font-size: 20px;width: 145px;text-align: center;font-family: 'Jost';font-weight: 500;margin-top: -20px;}
#cattable span > i.konet-pan:after{content: "TAVA";font-size: 20px;width: 145px;text-align: center;font-family: 'Jost';font-weight: 500;margin-top: -27px;}


footer{ float:left; width:100%; min-width:1100px; background:var(--bg-color);  padding:100px 0 0 0; position: relative; margin-top:130px; }
body.anasayfa footer{ margin: 0; }
footer:before{ content:''; position: absolute; left:0; top:-120px; width: 100%; height: 130px; background:url(../design/footer_top.svg) no-repeat center bottom; background-size: 100% auto;}


footer .partf{ float:left; width:38%; }
footer .part2{ width: 27%; }
footer .part3{ width: 35%; }

footer a.app_link{ transition:all .3s ease-in-out; float:left; width: 48%; height: 60px; overflow: hidden; text-align: center; background: #999; color: #fff; border-radius: 10px; position: relative; margin:10px 4% 0 0; }
footer a.app_link:last-child{ margin-right: 0; }
footer a.app_link i{ position: absolute; left: 0; top: 0; width: 100%; text-align: center; line-height: 60px; font-size:163px;  }
footer a.app_link:hover{ background: #fff;  color: #111; }

footer .part3 .logo{ float: left; width: 100%; text-align: center; font-size:200px; text-decoration: none; color: inherit; }
footer .part3 .logo img{ display: inline-block; max-width: 100%; height: auto; }

footer .social{ float: left; width: 100%; text-align: right; margin: 25px 0 15px 0; }
footer .social a{  transition:all .3s ease-in-out; display: inline-block; width: 40px; height: 40px; text-align: center; line-height:40px; font-size:25px; color: #e5e5e5; margin: 0 5px; border-radius: 10px; }
footer .social span{ float:left; font-size:20px;font-weight:500; line-height:40px; color: #e5e5e5;  }
footer .social a:hover{ background: var(--konet-color); color: #fff; }


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,footer .part2 > h4{float:left;width:100%;font-size:20px;font-weight:500;margin:0 0 10px 0;padding:0;letter-spacing:0;color:#e5e5e5;}
footer ul.nav > li > ul, 
footer ul.nav > li > ul li, 
footer ul.nav > li > ul li a,footer .part2 > p{float:left;width:100%;margin:0;padding:0;list-style:none;font-size:15px;text-decoration:none;color:#e5e5e5;line-height:25px;}
footer ul.nav > li > ul li a:hover{text-decoration:underline;}

footer div.copy{ float: left; width: 100%; height: 75px; background: #fff; margin-top: 50px; position: relative; overflow: hidden;}
footer div.copy .center{ height: 75px; }

footer div.copy small{ float: left; line-height: 75px; color: #999; }
footer div.copy i.konet-ccard{ font-size:220px; width: 200px; height: 75px; line-height: 75px; position: absolute; left:0; right: 0; bottom: 0; top: 0; margin: auto; display: block; }

footer div.copy a{ position: absolute; right:0; top: 0; color: #111; }
footer div.copy a i{ font-size:130px;  line-height: 75px;  height: 75px; line-height: 75px;  }
footer div.copy a:hover{color:#000;}

.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;  }
.index-blog-posts > ul > li{ list-style: none; display: inline-block; width: 33.3333%; padding: 0 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:26px; }
.index-blog-posts > ul > li a span.t{ float:left; width: 100%; font-size:16px; margin: 15px 0 10px 0; }
.index-blog-posts > ul > li a span.i{ float:left; width: 100%; aspect-ratio:1/.7; 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%; min-height:480px; margin: 50px 0 0 0; padding:120px 0 60px 0; color:#668371; background:#f9f9f9 url(../design/vitrin_top.svg) no-repeat center top; background-size: 100% auto; }
.vitrin-center{ width: 100%; max-width: 1300px; display: block; padding-left:600px; position: relative; margin: auto;}
.vitrin-text div.video{ position: absolute; left: 0; top: 0; width: 550px; background:#DDDDDD; padding: 10px; border-radius: 20px;   }
.vitrin-text div.video iframe{ float: left; width: 100%; height: 298px; border-radius: 20px; }
.vitrin-text h1{ float: left; width: 100%; font-size:40px; line-height: 50px; font-weight:500; margin:20px 0 10px 0; padding: 0; color: var(--theme-text-color);  }
.vitrin-text div.text{ float: left; width: 100%; font-size:16px; line-height: 25px; font-weight:400; margin:20px 0; color:#222222; }
.vitrin-text a{ transition:all .3s ease-in-out; float: left; width: 230px; line-height:40px; background: var(--konet-color); border:1px solid var(--konet-color); color:#fff; border-radius: 25px; text-align: center;  font-size:16px; font-weight: 600;  }
.vitrin-text a:hover{ background: #fff; color: var(--konet-color); }

div.certs{ float: left; width: 100%; background:#f9f9f9; padding: 60px 0 120px 0;  }
div.certs-wrapper{ width: 100%; max-width: 1670px; display: block; margin: auto; text-align: center;  }
div.certs-wrapper > div{ width: 20%; padding: 0 20px;  display: inline-block; }
div.certs-wrapper > div *{ display: block; font-size:14px; color: var(--theme-text-color);  transition:all .3s linear; }
div.certs-wrapper > div i{ height: 70px; font-size:70px; color:#7A7A7A;  }
div.certs-wrapper > div i.konet-mhelal{ font-size:105px; line-height: 70px; }
div.certs-wrapper > div strong{ font-size:16px; font-weight: 500; margin:10px 0 5px 0;  }
div.certs-wrapper > div:hover i,div.certs-wrapper > div:hover strong{ color:var(--konet-color); transform:scale(1.05); }

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

ul.products{width:100%; float:left;padding:0;margin:10px 0 0 0;}
ul.products li{position:relative;float:left;width:25%; margin:0;padding:10px;list-style:none;}
ul.products.category li{ width: 25%; }
ul.products li > div{ float: left; width: 100%; aspect-ratio:1/1.7; background: #fff; border:1px solid var(--border-color); border-radius: 4px; text-decoration:none; position: relative; }

ul.products li > div > a{ float: left; width: 100%; padding:5px; padding-bottom: 0; margin-bottom: 15px; }
ul.products li > div > a.yeni:before{content:'YENİ';position:absolute;right:5px;top:5px;background:var(--konet-color);color:#FFF;z-index:9;font-size:11px;font-weight:600;padding:3px 5px;}
ul.products li > div > a div.discount{position:absolute;left:10px;top:10px;background:var(--konet-color);width: 60px;border-radius:100px;font-size:20px;text-align:center;font-weight:600;z-index:1;font-family: 'Oswald', sans-serif;color:#FFF;aspect-ratio: 1 / 1;padding: 7px;display: flex;flex-direction: column;align-items: center;justify-content: center;line-height: 20px;}
ul.products li > div > a div.discount span:before{content: attr(data-per);font-size: 14px;}
ul.products li > div > a div.discount small{display:block;font-size:10px;margin-top:-3px;letter-spacing:0;}

ul.products li > div > a .image{float:left;width:100%; aspect-ratio:1/1; position:relative;overflow:hidden;background:#FFF;}
ul.products li > div > a .image img{transition:all .4s ease-in-out; position:absolute;left:-2000px;right:-2000px;top:-2000px;bottom:-2000px;margin:auto;border:0; width: 100%; height: auto; }
ul.products li:hover  > div > a .image img{ width: 110%; }

ul.products li  > div > a strong{float:left;width:100%;height:78px;color:#222;font-size:18px;font-weight:400;padding:0;margin:20px 0 20px 0;text-align: center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
ul.products li > div > a .prices{float:left;width:100%;padding:0 15px 0 15px; text-align: center; }
ul.products li > div > a .prices span{ display: inline-block; font-size:20px;color:#000;font-weight:600;}
ul.products li > div > a.indirimli .prices span{ float: left; }
ul.products li > div > a .prices strike{font-size:15px;line-height:23px;color:#8D8D8D;text-decoration:line-through;float:right;}
ul.products li > div > a:hover strong{color:#000;}

body.urun #container{ max-width: 100%; }



ul.products li small.outstock{position:absolute;left:0;bottom:20px;width:120px;line-height:30px;background:#fff;border:1px solid #ddd;font-family:'Myriad Pro';font-size:16px;text-align:center;color:#FFF;opacity:.7;}


.ilgiliurunler{width:100%;float:left;display:block;padding:30px 0;position:relative;margin:60px 0;opacity:.7;color:#3f3f3f;}
.ilgiliurunler:hover{opacity:1;}
.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:30px;margin:0;}
.ilgiliurunler > .ilgili_urunler_desc{width:100%;float:left; padding-bottom: 50px; text-align:center;font-weight:400;font-size:16px;margin:0;border-bottom:1px solid var(--border-color); position: relative;}
.ilgiliurunler > .ilgili_urunler_desc:after{ content:''; position: absolute; left: 0;right:0; margin: auto; display: block; bottom:-2px; width: 33%; height: 3px; background: #D6A746; }

ul.products.ilgili_urunler{border:none;}
.ilgiliurunler > .swiper-container {clear:left;padding:20px 0;}
.ilgiliurunler > .swiper-button-prev{left: -45px; top: 60%; }
.ilgiliurunler > .swiper-button-next{right: -45px; top: 60%;}

.ilgiliurunler .swiper-pagination{ width: 100%; text-align: center; }
.ilgiliurunler .swiper-pagination{position:static;}
.ilgiliurunler .swiper-pagination-bullet{width:20px;height:3px;border:1px solid rgba(0,0,0,0.7);background:none;opacity:1;border-radius:50px;opacity:.3;margin:0 5px;}
.ilgiliurunler .swiper-pagination-bullet-active{background:rgba(0,0,0,0.8);opacity:1;}
/*
#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%; background:var(--grey-color-f9);  margin:0 0 20px 0;}
#bread-crumbs ul{ width: 100%; max-width: 1320px; margin: auto; display: flex; padding:0; list-style:none;}
#bread-crumbs li{float:left;}
#bread-crumbs a,#bread-crumbs span{float:left;color:#a0a0a0;font-weight:400;font-size:14px;text-decoration:none;line-height:45px;padding:0 10px 0 10px;}
#bread-crumbs li:before{float:left;content:'»';line-height:45px;color:#a0a0a0;}
#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:100%;/*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;}

.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:18px;height:18px;line-height:18px;border:1px solid #999;margin:3px 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;border-bottom:1px solid #ddd;}
.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:5px;top:7px;color:#fff;background:#F06060;padding:1px 3px 1px 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;}

.fcontainer{width: 100%;float: left;display: block;padding: 0 10px;}

.firsat_ord{float:left;width:100%;border:1px solid #e6e6e6;display: flex;align-items: center;justify-content: space-between;}
.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:30px;color:#444;font-size:13px;line-height:27px;font-weight:500;}
.firsat_ord .firsatlar a:before{content:'';float:left;width:18px;height:18px;line-height:18px;background:#fff;border-radius:2px;border:1px solid #999;margin:3px 8px 0 0;font-size:16px;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 8px;width:10px;height:26px;}

.firsat_ord .ord_list{float:left;width:auto;padding:10px;background:#FFF;}
.firsat_ord .ord{float:left;overflow:hidden;}
.firsat_ord .ord a{float:left;text-decoration:none;padding:5px 10px 5px 10px;border-right:1px solid #e6e6e6;color:#444;font-weight:500;font-size:13px;}
.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%;}
.product-detail > .images{float:left;width:54%;position:relative; }
.product-detail .info{float:right;width:45%; }

.product-detail .info_top { float: left; width: 100%; border:1px solid #ddd; border-radius:4px; padding: 60px; background: #fff; position: relative }
.product-detail .info_text{ float: left; width: 100%; position: relative; margin-top: 10px; background: #fff; }
.product-detail .info_kargo{ float: left; width: 100%; background:var(--grey-color-f9); margin-top:10px; padding: 15px; border-radius: 4px; }
.product-detail .info_kargo > span{ float: left; line-height: 25px; width: 50%; padding:12px; font-size:15px; color:#5e5e5d; }
.product-detail .info_kargo > span i{ float:left; line-height: 25px; margin-right: 10px; font-size:30px; }
.product-detail .info_kargo > span i.konet-mhelal{ font-size: 43px; }
.product-detail .info_kargo > span.b{ border-bottom: 1px solid #ededed; }


.product-detail > .images #avatar{position:relative;float:left;width:100%; text-align: center; z-index: 3; border:1px solid #ddd; border-radius:4px; }
.product-detail > .images #avatar img{ display: inline-block; width: 100% !important; height: auto !important; border-radius:4px; }

.product-detail > .images span.ozel{ position: absolute; right:20px; top:20px; width: 100px; height: 100px; border-radius: 100%; padding-top: 32px; background:var(--konet-color); font-size:16px; font-weight: 500; text-align: center; z-index: 20; color: #fff; }

#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 h1{font-family: 'Oswald', sans-serif;float:left;width:100%; padding: 0; font-size:35px; font-weight:500; color:#1d1d1b; margin:0 0 10px 0; }
.product-detail .info .sku{float:left; width: 100%; margin-bottom: 25px; color:#7a7a7a;font-size:15px;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%;}

ul.faq{ float:left; width:100%; background:#fff; margin:0; padding:0; border:1px solid #ddd; border-left: 0; border-right: 0; 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:#3f3f3f; font-size:16px; font-weight:500; 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:last-child > div{border-bottom:0;}
ul.faq > li:hover > a,ul.faq > li.collapsed > a{ color:var(--konet-color);  }
ul.faq > li.collapsed > a:after{content:"\f175"; right: 15px; }
ul.faq > li.collapsed > div{ display:block; }

ul.faq > li > div .attr{ float:left; width: 100%; border-bottom: 1px dotted #ddd; padding:10px 20px; }
ul.faq > li > div .attr > *{ float: left; width: 50%; font-size:16px; font-weight: 400; }
ul.faq > li > div .attr:last-child{ border:0; }

#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{ display: block; font-size:35px; line-height: 35px; color:#1d1d1b;font-weight:400;margin-right:30px;}
#kdv_dahil small,#eski_fiyat small{font-size:14px;}
#eski_fiyat{ position: absolute; left:; top: 0; font-size:20px; line-height: 20px; color:#999;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;font-family: 'Oswald', sans-serif;}
.product-info .row.price.discounted{ padding:20px 0 0 110px;  }
.product-info .row.price .indirimli{font-family: 'Oswald', sans-serif;position:absolute;left:0;top:0;width:95px;height:55px;text-align:center;color:#FFF;font-size:30px;font-weight:500;background:#b12535;border-radius:4px;}
.product-info .row.price .indirimli small{ position: absolute; left: 0; bottom:-9px; width: 100%; font-size:12px;}

.product-info .buttonrow{float:left;width:100%;margin:25px 0 0 0;}
.product-info .buttonrow #sepet_ekle i{font-size:25px;line-height:54px;float:left;}
.product-info .buttonrow #sepet_ekle {font-family: 'Oswald', sans-serif;float:left;width:250px;height:54px;color:#FFF;text-align:center;border:0;background:#1d1d1b;font-size:25px;font-weight:400;position:relative;margin-left:10px;line-height:54px; border-radius: 25px;}

.product-detail .info .kargosure{ position: absolute; left: 0; bottom: 0; width: 100%; height: 41px; line-height: 41px; background:#F9F9F9; color:#222; 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:#fff;border:3px solid #CCCCCC;padding:15px 40px 15px 15px;border-radius:5px;margin:0 10px 10px 0;color:#333;}
.product-info .firsatlar span i{position:absolute;right:14px;top:14px;color:#aaa;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:Arial, sans-serif;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: 15px; top: 15px; 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:54px;background:#e7e7e7;text-align:center;border-radius:25px;overflow: hidden;}
.sw_numeric_counter button {float:left;width:65px;height:100%;border:0;padding:0;background:transparent;color:#000;font-size:13px;}
.sw_numeric_counter button:first-child{border-top-left-radius:25px;border-bottom-left-radius:25px;}
.sw_numeric_counter button:last-child{border-top-right-radius:25px;border-bottom-right-radius:25px;}
.sw_numeric_counter button:hover{ background: #666;  color:#fff;  }
.sw_numeric_counter label{float:left;background:#FFF;width:80px;height:100%;}
.sw_numeric_counter input{float:left;width:100%;text-align:center;color:#222;font-size:18px;font-weight: 500; height:32px;line-height:42px;border:0;background:transparent;}
.sw_numeric_counter span {float:left;width:100%;line-height:20px;color:#222;font-size:14px;}

.sw_numeric_counter_box { width: 125px; height:34px; margin: auto; display: flex; margin-top: 10px; position: relative; }

.sw_numeric_counter_box.passive > *,.sw_numeric_counter_box > a{ display: none; }
.sw_numeric_counter_box.passive > a{ display: block; border-radius: 25px; }

.sw_numeric_counter_box > a{ float:left; width: 100%; background: #fff; line-height: 34px; color: #222; text-align: center; border:1px solid var(--border-color); }
.sw_numeric_counter_box > a:hover{ border-color: var(--konet-color); color:var(--konet-color); }
.sw_numeric_counter_box button.down{border-top-left-radius:25px;border-bottom-left-radius:25px;}
.sw_numeric_counter_box button.up{border-top-right-radius:25px;border-bottom-right-radius:25px;}
.sw_numeric_counter_box button {float:left;width:40px;height:100%;border:0;padding:0;background:var(--konet-color);color:#fff;font-size:13px;}
.sw_numeric_counter_box button:hover{ background:#333;  }


.sw_numeric_counter_box input{float:left;width:45px;text-align:center;color:#222;font-size:18px;font-weight: 500; height:34px;border:0;background:transparent;border:1px solid var(--border-color);}

.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:var(--konet-color);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:7px 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 Arial,Helvetica,"Helvetica Neue",sans-serif;}
.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 Arial,Helvetica,"Helvetica Neue",sans-serif;}
#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:var(--konet-color);}
#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 Arial,Helvetica,"Helvetica Neue",sans-serif;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 Arial,Helvetica,"Helvetica Neue",sans-serif;}

.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 Arial,Helvetica,"Helvetica Neue",sans-serif;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;font-family: Arial,Helvetica,"Helvetica Neue",sans-serif;font-size: 25px;}

.article .entry{width:100%;height:auto;float:left;display:block;line-height:22px;font-size:14px;font-family: Arial,Helvetica,"Helvetica Neue",sans-serif;}
.article .entry p{float:left;width:100%;margin:0 0 10px 0;}
.article .entry table{border-collapse:collapse;    border-color: #ffdbdb;}
.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%;min-height:30px;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;}

a.fixed-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;}