/* ===== [ ANASAYFA SLIDER VE BANNER CSS ] ===== */
.slider {    float: left; width:75%; }
.bannerWrap {    float: left;    width: 100%;    margin-top: 20px;}
.mSlider {    float: left;    width: 100%;    text-align: center;}
.tablivitrinm {float: left;width: 100%;border-bottom: 3px solid #0080d3;margin-bottom: 5px;margin-top: 15px;}
.tablivitrinm>li {    float: left;    background: #eeeeee;position: relative;}
.tablivitrinm>li>a {display: block;font: 16px ralewaybold;padding: 0px 20px;}
.tablivitrinm>.active>a {    color: #fff;}
.tablivitrinm>.active {background: #0080d3;}
li.product_display_title:before {
    border-top: #eee solid 43px;
    border-left: transparent solid 9px;
    border-bottom: transparent solid 0;
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    top: 0px;
    right: 0%;
    z-index: 9;
}
.tablivitrinm>.active:last-child:before {
    border-top-color: #fff;
}
.tab-pane {    display: none;}
.tab-pane.active {    display: block;}
.tablicontentm {    float: left;    width: 100%;}
.tablicontentm .showcaseArea {margin-top:0;}
.tablicontentm .showcaseAreaContent {margin-top:5px; margin-bottom: 30px;}
.vitrinmenu_twig {border:2px solid #ccc;position:relative;}
.vitrinmenu_twig li {border-top:1px solid #ddd;background-position: 5px 7px !important;background-size: 16px !important;background-position: 7px 9px !important;padding-left: 30px !important;}
.vitrinmenu_twig li:first-child {border-top:none;}
.vitrinmenu_twig li a {display:block;font: 13px/30px ralewaymedium;padding:0 5px;}
.vitrinmenu_twig li i {font-size:20px; display: none;}
.vitrinmenu_twig li.top_cat29{background: url(category_images/t4606343382_1.jpg) no-repeat;}
.vitrinmenu_twig li.top_cat33{}
.vitrinmenu_twig li.top_cat39{}
.vitrinmenu_twig li.top_cat45{}
.vitrinmenu_twig li.top_cat46{}
.vitrinmenu_twig li.top_cat47{}
.vitrinmenu_twig li.top_cat48{}
.vitrinmenu_twig li.top_cat49{}

.vitrinmenu_twig ul.submenu {display:none;position:absolute;left:100%;top:-1px;z-index:99;background:#fff;border:1px solid #ccc;width:500px;min-height:300px;padding:5px 10px;}
.vitrinmenu_twig ul.submenu li {width:200px;}
.vitrinmenu_twig li:hover ul.submenu {display:none;}

.banners {margin-top:20px;}
.banners a img {transition: all 0.3s ease;}
.banners a img:hover {transform: scale(1.1);transition: all 0.3s ease;}

.vitrinmenu_twig li a {
    width: 100%;
    height: 30px;
  background-size: 200% 100%;
  background: linear-gradient(to right, #666 50%, #666 50%), linear-gradient(to right, #64cefd 50%, transparent 50%);
  transition: background-position 0.5s;
    background-size: 200% 100%;
    background-repeat: no-repeat;
    background-position: 100% top, 100% top;
    -webkit-background-clip: text, border-box;
    background-clip: text, border-box;
}
.vitrinmenu_twig li a:hover {
    background-position: 0% top, 0% top;
}

ul.hmenu>li a {position: relative;top:0px;transition: all 0.5s ease;}
ul.hmenu>li:hover a {
  top: -4px;
  transition: all 0.5s ease;
}

@media (max-width: 991px) {

.slider{float:none; width:100%}
}


@media (max-width: 767px) {
.tablivitrinm {    margin-bottom: 8px;}
.tablivitrinm>li>a {font-size: 11px;padding: 9px 9px;}
.tablivitrinm>.active:before {border-top-width: 35px;top: -1px;right: -1%;}
}