﻿/* ghegin */


.shop-front-menu-container { background: #333; overflow: hidden; margin-top: ; }
    .shop-front-menu-container h2 { color: #fff; text-align: center; margin: 70px 0 20px 0; }
.dropdown.shop-front { float: left; width: 100% }
    .dropdown.shop-front a { padding: 0; text-align: center; display: block; }


.round-button { margin: 10px; padding: 0; display: block; border: none; overflow: hidden; }
    .round-button span.cat-name { opacity: .9; padding: 15px 0; background: #333; color: #fff; display: block; position: absolute; bottom: 10px; left: 10px; right: 10px; transition: all .7s ease-in-out }
    .round-button img { transition: all 2.5s ease-out; width: 100% }
    .round-button.search-b { text-align: center; background: radial-gradient(#ddd,#050505); }
        .round-button.search-b i { font-size: 10em }
/*  tablet  */
@media(min-width: 480px) and (max-width:768px) {
    .shop-front-menu-container { margin-top: 0; }
    .dropdown.shop-front { float: left; width: 50% }
    .round-button span.cat-name { opacity: .9; padding: 15px 0; font-size: 1.1em; font-weight: bold }
}

/*  desktop */
@media(min-width:769px) {
    .shop-front-menu-container{margin-top: 0;}
    .dropdown.shop-front { float: left; width: 25%; padding: 15px 5px; margin-top: -15px }
    .round-button span.cat-name { opacity: .7; padding: 8px 0; font-size: 1.4em; font-weight: bold; position: absolute; bottom: 24px; }
    .round-button:hover span.cat-name { opacity: .95; padding: 30px 0; }
    .round-button:hover img { transform: scale(1.2); }

    .round-button.search-b:hover span.cat-name { opacity: .95; padding: 33.333% 0; }
}



/*  sport   */
body.body-40 a.active { color: #98C73D }
/*body.body-40 .navbar-inverse { background-color: #98C73D; border-color: #98C73D; }
    body.body-40 .navbar-inverse .navbar-nav > .active > a,
    body.body-40 .navbar-inverse .navbar-nav > .active > a:hover,
    body.body-40 .navbar-inverse .navbar-nav > .active > a:focus,
    body.body-40 .navbar-inverse .navbar-nav > li > a:hover,
    body.body-40 .navbar-inverse .navbar-nav > li > a:focus { background-color: #769a31; }*/
body.body-40 .categories-header { }
body.body-40 .list-group-item.active a,
body.body-40 .list-group-item.active,
body.body-40 .list-group-item.active:hover,
body.body-40 .list-group-item.active:focus { color: #769a31 !important }

.ic-40 .round-buttona, .sm-40 .shop-front-menu-section-title { background-color: #98C73D !important; color: #fff }
.sm-40 li.shop-front-menu-section-link a { color: #98C73D; }
.sm-40 li > a.shop-front-menu-subcategory { color: #98C73D !important; }



/*  casalingo   */
body.body-33 a.active { color: #D70060 }
/*body.body-33 .navbar-inverse { background-color: #D70060; border-color: #D70060; }
    body.body-33 .navbar-inverse .navbar-nav > .active > a,
    body.body-33 .navbar-inverse .navbar-nav > .active > a:hover,
    body.body-33 .navbar-inverse .navbar-nav > .active > a:focus,
    body.body-33 .navbar-inverse .navbar-nav > li > a:hover,
    body.body-33 .navbar-inverse .navbar-nav > li > a:focus { background-color: #a9074f; }*/
body.body-33 .categories-header { }
body.body-33 .list-group-item.active a,
body.body-33 .list-group-item.active,
body.body-33 .list-group-item.active:hover,
body.body-33 .list-group-item.active:focus { color: #a9074f !important; }
.head-33 { border-bottom: 4px solid #D70060; }
.ic-33 .round-buttona, .sm-33 .shop-front-menu-section-title { background-color: #D70060 !important; color: #fff }
.sm-33 li.shop-front-menu-section-link a { color: #D70060; }
.sm-33 li > a.shop-front-menu-subcategory { color: #D70060 !important; }


/*  arredamento   */
body.body-41 a.active { color: #31b786 }
/*body.body-41 .navbar-inverse { background-color: #31b786; border-color: #31b786; }
    body.body-41 .navbar-inverse .navbar-nav > .active > a,
    body.body-41 .navbar-inverse .navbar-nav > .active > a:hover,
    body.body-41 .navbar-inverse .navbar-nav > .active > a:focus,
    body.body-41 .navbar-inverse .navbar-nav > li > a:hover,
    body.body-41 .navbar-inverse .navbar-nav > li > a:focus { background-color: #248461; }*/
body.body-41 .categories-header { }
body.body-41 .list-group-item.active a,
body.body-41 .list-group-item.active,
body.body-41 .list-group-item.active:hover,
body.body-41 .list-group-item.active:focus { color: #248461 !important; }
.head-41 { border-bottom: 4px solid #31b786; }
.ic-41 .round-buttona, .sm-41 .shop-front-menu-section-title { background-color: #31b786 !important; color: #fff }
.sm-41 li.shop-front-menu-section-link a { color: #31b786; }
.sm-41 li > a.shop-front-menu-subcategory { color: #31b786 !important; }

/*    Outlet    */
body.body91000 a.active { color: #cf2c00 }
/*body.body91000 .navbar-inverse { background-color: #cf2c00; border-color: #cf2c00; }
    body.body91000 .navbar-inverse .navbar-nav > .active > a,
    body.body91000 .navbar-inverse .navbar-nav > .active > a:hover,
    body.body91000 .navbar-inverse .navbar-nav > .active > a:focus,
    body.body91000 .navbar-inverse .navbar-nav > li > a:hover,
    body.body91000 .navbar-inverse .navbar-nav > li > a:focus { background-color: #9e2403; }*/
body.body91000 .categories-header { }
body.body91000 .list-group-item.active a,
body.body91000 .list-group-item.active,
body.body91000 .list-group-item.active:hover,
body.body91000 .list-group-item.active:focus { background-color: #9e2403 !important; color: #fff; border: solid 1px #9e2403 }
.head91000 { border-bottom: 4px solid #cf2c00; }
.ic91000 .round-buttona, .sm91000 .shop-front-menu-section-title { background-color: #cf2c00 !important; color: #fff }
.sm91000 li.shop-front-menu-section-link a { color: #cf2c00; }
.sm91000 li > a.shop-front-menu-subcategory { color: #cf2c00 !important; }

/*          bricolage     #d4bd1b */
body.body-39 a.active { color: #e6d030 }
/*body.body-39 .navbar-inverse { background-color: #e6d030; border-color: #e6d030; }
    body.body-39 .navbar-inverse .navbar-nav > .active > a,
    body.body-39 .navbar-inverse .navbar-nav > .active > a:hover,
    body.body-39 .navbar-inverse .navbar-nav > .active > a:focus,
    body.body-39 .navbar-inverse .navbar-nav > li > a:hover,
    body.body-39 .navbar-inverse .navbar-nav > li > a:focus { background-color: #d4c02e; }*/
body.body-39 .categories-header { }
body.body-39 .list-group-item.active a,
body.body-39 .list-group-item.active,
body.body-39 .list-group-item.active:hover,
body.body-39 .list-group-item.active:focus { background-color: #d4c02e !important; color: #fff; border: solid 1px #d4c02e }
.head-39 { border-bottom: 4px solid #e6d030; }
.ic-39 .round-buttona, .sm-39 .shop-front-menu-section-title { background-color: #e6d030 !important; color: #fff }
.sm-39 li.shop-front-menu-section-link a { color: #e6d030; }
.sm-39 li > a.shop-front-menu-subcategory { color: #e6d030 !important; }

/*  ferramenta   */
body.body-37 a.active { color: #FF8F05 }
/*body.body-37 .navbar-inverse { background-color: #FF8F05; border-color: #FF8F05; }
    body.body-37 .navbar-inverse .navbar-nav > .active > a,
    body.body-37 .navbar-inverse .navbar-nav > .active > a:hover,
    body.body-37 .navbar-inverse .navbar-nav > .active > a:focus,
    body.body-37 .navbar-inverse .navbar-nav > li > a:hover,
    body.body-37 .navbar-inverse .navbar-nav > li > a:focus { background-color: #e88306; }*/
body.body-37 .categories-header { }
body.body-37 .list-group-item.active a,
body.body-37 .list-group-item.active,
body.body-37 .list-group-item.active:hover,
body.body-37 .list-group-item.active:focus { color: #e88306 !important; }
.head-37 { border-bottom: 4px solid #FF8F05; }
.ic-37 .round-buttona, .sm-37 .shop-front-menu-section-title { background-color: #FF8F05 !important; color: #fff }
.sm-37 li.shop-front-menu-section-link a { color: #FF8F05; }
.sm-37 li > a.shop-front-menu-subcategory { color: #FF8F05 !important; }

/*     nautica    */
body.body-35 a.active { color: #00A1CB }
/*body.body-35 .navbar-inverse { background-color: #00A1CB; border-color: #00A1CB; }
    body.body-35 .navbar-inverse .navbar-nav > .active > a,
    body.body-35 .navbar-inverse .navbar-nav > .active > a:hover,
    body.body-35 .navbar-inverse .navbar-nav > .active > a:focus,
    body.body-35 .navbar-inverse .navbar-nav > li > a:hover,
    body.body-35 .navbar-inverse .navbar-nav > li > a:focus { background-color: #0183a5; }*/
body.body-35 .categories-header { }
body.body-35 .list-group-item.active a,
body.body-35 .list-group-item.active,
body.body-35 .list-group-item.active:hover,
body.body-35 .list-group-item.active:focus { color: #0183a5 !important; }
.head-35 { border-bottom: 4px solid #00A1CB; }
.ic-35 .round-buttona, .sm-35 .shop-front-menu-section-title { background-color: #00A1CB !important; color: #fff }
.sm-35 li.shop-front-menu-section-link a { color: #00A1CB; }
.sm-35 li > a.shop-front-menu-subcategory { color: #00A1CB !important; }
