.banner{background:#000;}



/* ###################
Topo 4
################### */
.btlogintop{text-transform: none !important;}

#search-overly .container .btn{box-shadow:none;}
#search-overly .container .form-control{    font-size: 39px;}
.search-trigger:hover{color:#FFF !important;border-radius:none;}
.nav-up {top: -56px;}
.iconessociais .fa-2x{font-size: 15px;}
.iconessociais a{
    padding:  0 !important;
    background: none;
    width: 28px;
    text-align: center;
}
.barrastopo{border-bottom: 1px solid #ffffff26;overflow: hidden;}
.contatostopo li a{overflow: hidden;display: inline-block;padding: 0 10px;font-size: 15px;}
.barrastopo a:hover{background: none !important;color: currentColor;opacity: 0.6;}
.menumenor li a{padding: 0 8px;font-size: 15px;}
.barrastopo ul li{height: 21px;margin: 5px 0;}
.barrastopo .cidadetop{
    padding: 0 5px;
    font-size: 15px;
    display: block;
}
.navbar-top .userMenu > li > a{color: #FFF;}
.barrastopo a, .barrastopo span{color: #FFF !important;opacity: 0.6;}
.barrastopo a:hover{opacity: 0.3;}
.mail-top{border-left:1px solid #ffffff2e;border-right: 1px solid #ffffff2e;}
.menumenor li {border-right:1px solid #ffffff2e;}
.botoesnav li a{font-size: 20px;padding: 10px 14px !important;}
.container.static {
    position: static;
    padding: 15px 15px;
}
.container.static .dropdown-menu{
    top: 86%;
}
.nav-up {
    top: 0 !important;
    
}
.nav-up .sembg{
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    z-index: 300000;
    position: relative;
}
.nav-up  .menutopo{
    margin-top: -80px;
}
.container.static > .row{margin: 0;}

.sembg #sidebarCollapse{
    opacity: 0;
    margin: 22px;
    position: absolute;
    outline: 0;
}
.nav-up .sembg #sidebarCollapse{opacity: 1;    z-index: 5000;}
.navbar-header {
    float: left;
    padding: 15px;
    text-align: center;
    width: 100%;
}
.navbar-brand-center {
    display: block;
    text-align: center;
    width: 200px;
    margin: 0 auto;
    padding: 9px 0;
}

.navbar-brand-center img{margin: 0 auto;} 
.leftbt .fa-2x, .leftbt .fa{font-size: 20px;}
.leftbt li a{    padding: 10px 10px;color:#000;}
.leftbt li a:hover{color:#000 !important; opacity: 0.6;}
.navbar{margin: 0 !important;}
.menutopo .navbar-nav{text-align: center;float: none !important;}
.menutopo .navbar-nav > li{float:none;display: inline-block;}


@media(max-width:1100px){
    .megamenu .container{width: 100% !important;max-width: 100% !important;}
}
@media(max-width:991px){
    .navbar {
        margin: 0 !important;
        height: auto;
        min-height: auto;
    }
    
}
@media(max-width:810px){
    .botoesnav li a{
        font-size: 18px;
        padding: 6px 7px;
    }
    .nav-up .leftbt{
        margin-left: 59px;
    }
    .menutopo.navbar-collapse.collapse.hidden-xs{display: none !important;}
}
@media(max-width:768px){
    
}
@media(max-width:600px){
    .navbar-header{float: none;    padding: 0;}
    .navbar.topsecond{display: none;}
    .navbar-toggle {
        margin-right: 6px;
        font-size: 19px;
    }
    .navbar-toggle {
        font-size: 19px;
        padding: 9px 7px;
    }
    .menutopo .navbar-nav > li {
    float: none;
    display: block;
}
.sembg #sidebarCollapse{
    opacity: 1;
    position: initial;
    margin: 11px 9px;
}
.navbar-toggle.btn-nobg{color: #000;}
    #search-overly .container .form-control {font-size: 18px;}
    #search-overly .container .input-group-btn{top: 8px;}
    .menumenor{display: none !important;}
    .contatostopo{position: initial;float: left;}
    .iconessociais{position: initial;float: right;}
    .iconessociais .fa-2x, .contatostopo li a {font-size: 20px;}
    
    .menuprinci{display: block !important;width: 100%;}
    .nav.menuprinci .open > a, .nav .open > a:hover{
        padding: 10px 0 !important;
        background: none !important;
    }
}

@media(max-width:350px){
    .navbar-brand img {max-width: 77%;}
    .navbar-toggle .icon-bar{width: 20px;}
    .navbar-header .navbar-toggle {margin-right: 7px;padding: 9px 1px;}
    .iconessociais .fa-2x, .contatostopo li a {font-size: 17px;}
    .product .imageHover img, .product .image img {
        max-height: initial;
        min-height: initial;
        margin: 0 auto;
    }
}


/* ###################
Fim Topo 4
################### */