#homecat{}
#homecat h4{display:block;text-align:center;font-size:26px;font-weight:600;padding:18px;}
#homecat .wrapping{max-width:1500px;}
#homecat .item::before{content:'';background:#00000052;width:100%;height:0px;display:block;position:absolute;transition:all .2s ease-in-out;}
#homecat .item{width: calc(25% - 2px);display:block;margin:1px;overflow:hidden;float:left;position:relative;}
#homecat .item:hover.item::before{height:200px;transition:all .2s ease-in-out;}
#homecat .item:hover .cname{transform:scale(1.4);}
#homecat .item a{display:block;float:left;width:100%;height:100px;}
#homecat .item a span{position:absolute;width:100%;color:#fff;text-align:center;top:41%;font-size:18px;text-shadow:0px 0px 16px #000;font-weight:600;transition:all .2s ease-in-out;}
#homecat .item a img{align-items:stretch;width:100%;height:100%;position:absolute;left:0;top:0;}

/* TABS */
#hometab{margin-top:35px;}
#hometab .wrapping{max-width:98%;max-width:1490px;}
#hometab .heads{display:inline-block;width:100%;justify-content:center;text-align:center;}
#hometab .heads .item{display:inline-block;text-align:center;padding:15px;background:#f5f5f5;margin-right:1px;min-width:133px;padding-bottom:0px;cursor:pointer;transition:all .2s ease-in-out;}
#hometab .heads .item.active{background:#fcb323;color:#000;border-bottom:3px solid #fcb323;margin-bottom:-3px;}
#hometab .heads .item.active .icon{filter:brightness(0) invert(1);}
#hometab .heads .item.active .name{color:#fff;}
#hometab .heads .item:hover{background:#000;}
#hometab .heads .item:hover .icon{filter:brightness(0) invert(1);}
#hometab .heads .item:hover .name{color:#fff;}
#hometab .heads .item .icon{display:block;margin:auto;}
#hometab .heads .item .name{display:block;width:100%;text-align:center;padding:11px;}
#hometab .tabcontent{display:block;float:left;width:100%;border-top:3px solid #fcb323;}
#hometab .tabcontent .tab{display:none;width:100%;float:left;}
#hometab .tabcontent .tab.active{display:block;}

/* MARKA CAROUSEL */
#marka_carousel{margin-top:46px;}
#marka_carousel .wrapping{max-width:99%;}
#marka_carousel h4{display:block;text-align:center;font-size:26px;font-weight:600;padding:18px;}
#marka_carousel .item{}
#marka_carousel .item a{}
#marka_carousel .item img{border:1px solid #eee;padding:20px;border-radius:45px;}
