/* ESTRUTURA-GERAL*/ 
* { padding: 0; list-style: none !important; }
body { font-family: 'Open Sans', Arial, sans-serif !important; font-size: 12px !important; }

header{ background: #1c1c1c; color: #9D9A9A; }
footer{ background: #1c1c1c; border-top: 3px solid #582c48;}
footer ul{  }
footer ul>li{ padding-bottom: 5px; padding-top: 5px; }
footer .footer-icon{ width: 25px; border: 2px solid #FFF; padding: 5px; }
footer ul>li>a{ color: #FFF; -webkit-transition: all 0.3s;  transition: all 0.3s;}
footer ul>li>a:hover{ color: #FFF; text-decoration: none; }
footer h4{ font-weight: 700; color: #FFF; margin-bottom: 5px; margin-top: 50px; font-size: 17px; }
input, select, textarea{ border-radius: 0px !important; }
.icon-rodape{ -webkit-transition: all 0.3s;  transition: all 0.3s; }
.icon-rodape:hover{ opacity: 0.50; }
.payment{ color: #292929; margin-bottom: 5px; margin-top: 30px; font-size: 15px; }

.logo{ max-height: 250px; margin: 0 auto; margin-top: 90px; margin-bottom: 5px; }
    
.btn{ }
.titulo-vitrine{ margin-top: 20px; }
.titulo-vitrine p{ font-size: 17px; margin: 15px; color: #8e8e8e; text-transform: uppercase; border-bottom: 1px solid #8e8e8e; margin-bottom: 20px;}


.floating-whatsapp { position: fixed; bottom: 114px; right: 20px; z-index: 900; width: 90px; height: 90px; line-height: 85px; background: #009a3a; border-radius: 50%; font-size: 30px; text-align: center; box-shadow: 0 0 5px #00000033; transition: .25s ease; }
.floating-whatsapp:hover { background: #30d000; }
.floating-whatsapp i{ color: #fff; margin-top: 16px; }
.floating-whatsapp i:after { content: "WhatsApp"; font-family: Fira Sans Condensed,sans-serif!important; font-size: 13px; font-weight: 500; display: block; margin-top: 5px; }
/*CABECALHO */
.faixa-head{ color: #b9b9b9; font-size: 10px; padding: 10px; background: #1c1c1c; text-transform: uppercase;}
.faixa-head a{ color: #b9b9b9; text-transform: uppercase; padding-left: 10px; }
.faixa-head span{ color: #b9b9b9; text-transform: uppercase; padding-left: 10px; }
.faixa-head a:hover{ color: #a8a8a8; text-decoration: none; }

.menu_flutuante img{ padding-top: 3px; height: 50px; margin: 0 auto; }
.btn-flut{ margin-top: 6px; }
.menu_flutuante form{ margin: 6px; }
.menu_flutuante{ width: 100%; display: none; position: fixed; top: 0; left: 0; z-index: 500; font-size: 2.5em;}

.btn-head{ font-size: 13px !important; border: 1px solid #ccc !important; height: 50px !important; padding: 15px 0px 0px 0px !important; -webkit-transition: all 0.3s;  transition: all 0.3s; }
.btn-head:hover{ border: 1px solid #000 !important; background-color: #fff !important; }
#btn-carrinho{ background: #9a1d1d; color: #FFF; border: 1px solid #9a1d1d !important; }
#btn-carrinho:hover{ background: #c31b1b !important; color: #FFF; border: 1px solid #c31b1b !important; }

.top-login{ margin-top: 60px; }
.head-text{ font-size: 16px; }
.btn-busca{ border-radius: 0px !important; background-color: transparent !important; height: 30px !important; color: #82705C !important; border-top: 1px solid #82705C !important; border-bottom: 1px solid #82705C !important; border-right: 1px solid #82705C !important; border-left: 1px solid transparent !important; }
.btn-header{ width: 100%; }
.input-header{ border-radius: 0px !important; background-color: transparent !important; height: 30px !important; box-shadow: none !important; border-top: 1px solid #82705C !important; border-bottom: 1px solid #82705C !important; border-left: 1px solid #82705C !important; border-right: 1px solid #82705C !important;}

    
/* BANNER PRINCIPAL */
.banner-loja{ }
.banner-loja img{ width: 100%; }
.info-box h4{ font-size: 13px; margin-top: 5px; margin-bottom: 5px; line-height: 15px; text-transform: uppercase; font-weight: 600; }
.info-box{ margin-bottom: 20px; }
.banner-crianca{ border-top: 4px solid #e31914; }
.thumbnail-image-marcas{  }
.thumbnail-image-marcas img { margin: 0 auto; height: 70px; }

/* NEWSLETTER */
.newsletter{ padding: 15px; }
.btn-newsletter{ width: 100%; border: solid 3px #000 !important; font-weight: 700 !important; color: #FFF !important; text-transform: uppercase; background: #000 !important;}
.input-newsletter{ border: 1px solid #000 !important; margin-top: 5px; height: 40px !important;}

/* SPRITES */
.pagamentos { background: url('../img/sprite.png') no-repeat; height: 40px; width: 150px;}
.img-pag{ margin: 10px; }
.moip { background-position: -27px -83px; }
.bcash { background-position: -27px -190px; }
.paypal { background-position: -27px -142px; }
.pagseguro { background-position: -27px -31px; }


/* MEGAMENU */
nav{ display: flex; justify-content: center; }
.navbar-nav>li>.dropdown-menu { border-top-left-radius:4px; border-top-right-radius:4px; background: #fff !important; border-left: 3px solid #EDEDED !important; border-right: 3px solid #EDEDED !important; border-bottom: 3px solid #EDEDED !important;}
.mega-menu{ background: #EDEDED; border-radius: 0px !important; border: none !important; margin-bottom: 0px !important; }
.navbar-nav>li>a { text-align: center; color: #000; font-size: 12px; text-transform: uppercase; padding: 18px 20px 17px 20px !important; }
.navbar{ min-height: 56px !important; }

.nav>li>a:focus, .nav>li>a:hover { background-color: transparent !important; color: #82705C !important; }
.navbar-nav{height: 56px !important; display: inline-block; overflow: hidden;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{ border-color: #000 !important; background-color: #000 !important; color: #4a6db0;}
.navbar-collapse{ padding: 0px !important; text-align: center; }
.mega-dropdown { position: static !important; }
.mega-dropdown-menu { padding: 20px 0px; width: 100%; box-shadow: none; -webkit-box-shadow: none; left: inherit !important;}
.mega-dropdown-menu > li > ul > li { list-style: none; }
.mega-dropdown-menu > li > ul > li > a { display: block; clear: both; font-weight: normal; line-height: 1.428571429; color: #999; white-space: normal; }
.mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus { text-decoration: none; color: #444; background-color: #f5f5f5; }
.mega-dropdown-menu .dropdown-header a{ text-transform: uppercase; letter-spacing: 1px; color: #A2BA78; font-size: 18px; padding: 10px 0px 0px 0px; }
.dropdown-header{ padding: 0px !important; cursor: pointer; }

.dropdown-menu li:hover .sub-menu { visibility: visible; }
.dropdown:not(.nohover):hover .dropdown-menu{ display: block; }
.sub-menu{ left: auto !important; border: none !important; padding: 0px 0 !important;}
.sub-menu > li > a{ padding: 5px 20px 5px 20px !important; color: #333 !important; font-size: 11px !important; -webkit-transition: all 0.3s;  transition: all 0.3s; }
.sub-menu > li > a:hover{ color: #4a6db0 !important; }
.sub-categoria{ font-size: 11px; margin-left: 10px; }
.nav-icones a{  }
.nav-icones p{ margin: 0px 0px 5px 0px; text-align: center;}
.nav-icones img{ height: 20px; margin: 0 auto; }
.menu-mobile{ display: none; }

.owl-theme .owl-controls .owl-buttons div { position: absolute; border-radius: 0px !important; margin: 0px !important; padding: 3px 5px !important; }
.owl-theme .owl-controls .owl-buttons .owl-prev{ left: 0px; top: 25%; background: transparent; }
.owl-theme .owl-controls .owl-buttons .owl-next{ right: 0px; top: 25%; background: transparent; }
.owl-pagination{ display: none; }


/* MEDIA SCREEN */
@media (min-width: 1200px){
	
}

@media (min-width: 992px) {
	
}

@media (max-width: 768px) {
	.depart{
		display: none !important;
	}
	.navbar-collapse{ padding-right: 15px; padding-left: 15px; }
	.navbar-nav>li>.dropdown-menu{ background: #fff !important; }
	.logo{ margin: 0 auto; }
	.navbar-nav{ height: auto !important; margin: 0px !important;display: block;}
	.owl-buttons{display: none;}
	#btn-carrinho{ margin-bottom: 15px; }
	.menu-mobile{ display: block; }
  	.menu-desktop{ display: none; }
	.faixa-head-icons{ display: none; }
	.menu_flutuante{ display: none !important;; }
	.img-01:hover{ background-position: 0px 0px; background-position: 0px -392px;}
	.img-02:hover{ background-position: 0px 0px; background-position: 0px -392px;}
	.img-03:hover{ background-position: 0px 0px; background-position: 0px -396px;}
	.img-04:hover{ background-position: 0px 0px; background-position: 0px -392px;}
}

@media (min-width: 1200px) {

}