/* ESTRUTURA-GERAL*/ 
* { padding: 0; list-style: none !important; }

:root {
    --cor-1: #0084c3;
}

body { /*font-family: Arial,sans-serif !important;*/  font-size: 12px !important; }

header{background: #FFF;min-height: 85px;padding-top: 7px;margin-top: 0px;}

input, select, textarea{ border-radius: 0px !important; }


.comentarios{ text-align: center; margin: 30px 0px 30px 0px }
.comentarios h4{ text-transform: uppercase; font-weight: bold;}
.comentarios hr{ width: 10px; }
.comentarios p{ margin-top: 20px; font-size: 15px; }
.comentarios h6{ text-transform: uppercase; }

.logo{/* max-width: 90% !important; */filter: invert(1);}
#pag-rodape{ font-size: 11px; font-weight: 600; margin-top: 10px; }
.padding-0{ padding: 0px !important; }
    
.btn{ border-radius: 0px !important; }
.titulo-vitrine{ margin-top: 20px; margin: 15px; text-align: center; }
.titulo-vitrine p{ font-size: 17px; color: #3d3d3d; text-transform: uppercase; font-weight: 800; margin: 0;}

/*CABECALHO */
.faixa-head{ color: #3d3d3d; font-size: 11px; padding: 6px; font-weight: 600; border-bottom: 1px solid #e8e8e8; }
.faixa-head i{ margin-right: 5px; }
.faixa-head span{ margin-left: 10px; padding: 15px}
.faixa-head a{ color: #3d3d3d; text-decoration: none;padding: 6px;transition: all .2s;border-radius: 2px; }
.faixa-head a:hover{ color: #358d00; text-decoration: none;background-color: #fff; }

.texto-superior{margin-top: 10px;}
.texto-superior span{margin-right: 10px;}
.texto-superior a{margin: 0px 10px 0px 10px; color: #7d7d7d;}
.texto-superior a:hover{text-decoration: none; color: #7d7d7d;}

.menu_flutuante img{padding-top: 5px;margin: 0 auto; }
.btn-flut{}
.menu_flutuante form{}
.menu_flutuante{background-color: #fff;box-shadow: 0px 2px rgb(212, 210, 210);width: 100%;display: none;position: fixed;height: 65px;top: 0px;left: 0;padding-top: 5px;z-index: 500;}

.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: #ff3535; color: #FFF; border: 1px solid #ff3535 !important; }
#btn-carrinho:hover{ background: #c31b1b !important; color: #FFF; border: 1px solid #c31b1b !important; }
#btn-atend { margin-top: 20px !important; color: #000; }
#btn-atend img{ margin: -5px 0px 0px 15px; width: 20px; }
#btn-atend a{ color: #000; font-size: 15px; margin-left: 10px; font-weight: 700; text-decoration: none; }
#btn-atend span{background: var(--cor-1);width: 20px;height: 20px;color: #FFF;padding: 3px 0px 0px 7px;position: absolute;font-size: 11px;border-radius: 20px;margin: -8px -8px -8px -4px;}
#atend{ text-align: right; }

#btn-cart{ background: #f4f4f4; margin-bottom: 0px; padding: 5px; }
#btn-cart p{ text-transform: uppercase; font-size: 10px; font-weight: 700; padding-top: 12px; margin-bottom: 0px; }
#btn-cart a{ color: #808080; text-decoration: none; }

.top-login{margin-top: -6px;color: #000;font-size: 11px;}
.btn-busca{ color:#212121;border-color: #ccc !important; border-radius: 0px 50px 50px 0px !important; box-shadow: none !important; height: 45px !important; background-color: #fff !important; color: #FFF !important; border-left: none !important;}
.btn-busca i{color:#212121;}
.btn-header{ height: 50px !important; font-size: 20px !important; width: 100%; padding: 0px 15px 0px 15px !important; }
.input-header{ border-radius: 50px 0px 0px 50px !important; box-shadow: none !important; height: 50px !important; }

    
/* BANNER PRINCIPAL */
.banner-loja{ padding-bottom: 15px; }
.banner-loja img{ width: 100%; }

.info-box-container{background-color: #f3f3f3; border-radius:5px; padding: 0px 50px;}
.info-box i{font-size: 30px;color: var(--cor-1);}
.info-box h4{ font-size: 14px;margin: 0 !important;padding: 0 !important;}
.info-box p{color: var(--cor-1);font-size:12px;margin: 0 !important;padding: 0 !important;}
.info-box{ margin: 15px 0;	 }
.banner-crianca{ border-top: 4px solid #e31914; }
.thumbnail-image-marcas{  }
.thumbnail-image-marcas img { margin: 0 auto; max-height: 70px; }


/* SPRITES */
.pagamentos { background: url('../img/sprite.png') no-repeat; height: 40px; width: 150px;}
.img-pag{ margin: 0px; width: 70px; border-radius: 3px;}
.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; font-family: Roboto,Helvetica,Arial,sans-serif;}
.navbar-nav>li>.dropdown-menu {border-color: #FFF;border-top-left-radius:4px;border-top-right-radius:4px;background: #ffffff !important;}
.mega-menu{ border-top: 1px solid #e8e8e8 !important; min-height:40px; border-radius: 0px !important; background: var(--cor-1); margin-bottom: 0px !important; }
.navbar-nav>li{}
.navbar-nav>li:hover>a {padding: 15px 13px !important;color: #000;font-size: 14px;font-weight: 600;}

.navbar-nav>li>a { padding: 15px 13px !important; color: #FFF; font-size: 14px;font-weight: 600;}
.nav>li>a:focus, .nav-icones:hover, .nav>li>a:hover {background-color: #FFF !important; color: #000;}
 .nav>li>a:hover, .nav-icones:hover {background-color: #FFF !important; color: #000;}
.navbar{ min-height: 50px !important;}
.nav>li>a:focus, .nav>li>a:hover {background-color: #FFF !important;color: #000000 !important;}
.navbar-nav{ margin-bottom: -4px !important; height: 50px !important; display: inline-block; overflow: hidden;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{ border-color: #FFF !important; background-color: #FFF !important; color: #000;}
.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: #757575; white-space: normal; font-size: 14px; text-transform: uppercase; }
.mega-dropdown-menu > li ul > li > a:hover{text-decoration: underline;} 
.mega-dropdown-menu > li ul > li > a:focus {}
.mega-dropdown-menu .dropdown-header a{ text-transform: uppercase; letter-spacing: 1px; color: #454545; font-size: 15px; padding: 10px 0px 0px 0px; }
.mega-dropdown-menu .dropdown-header a:hover{ color: #000; }
.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; width: auto !important; }
.sub-menu > li > a{padding: 5px 20px 5px 20px !important;color: #757575 !important;font-size: 12px !important;-webkit-transition: all 0.3s;transition: all 0.3s;}
.sub-menu > li > a:hover{text-decoration: underline;background: #000;}
.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: 25px; margin: 0 auto; }
.menu-mobile{ display: none; }

/* CARROSSEL DE PRODUTOS */
.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: 27%; }
.owl-theme .owl-controls .owl-buttons .owl-next{ right: 0px; top: 27%; }
.owl-theme .owl-controls .owl-buttons div{ background: transparent !important; }
.owl-pagination{ display: none; }

/* NEWSLETTER */
.newsletter{background: var(--cor-1);min-height: 150px;padding: 20px;}
.btn-newsletter{border-radius: 50px !important;width: 100%;font-weight: 700 !important;background: #000;border-radius:1px;color:#fff;text-transform: uppercase;font-size: 14px;height: 40px;}
.btn-newsletter:hover{color : #fff !important;background-color: #000000;}
.input-newsletter{ border-radius: 50px !important; border: 1px solid rgb(128, 127, 127) !important;height: 40px !important;}
.newsletter-links{ }
.newsletter-links a {display: inline-block; padding: 0px; transition: all .3s; }
.newsletter-links a:hover{border-color: #000;}
.newsletter-links a:hover i{color:#000;}
.newsletter-links a:nth-of-type(2){margin: 0 10px;}
.text-center h6 {color: #fff}
.newsletter-links i{font-size:22px;color: #000;}

/* FOOTER */
footer{font-family: Roboto,Helvetica,Arial,sans-serif !important;}
footer ul{  }
footer ul>li{padding-bottom: 5px;padding-top: 5px;text-align: justify;font-size: 15px;}
footer .footer-icon{ width: 25px; border: 2px solid #cccccc; padding: 5px; }
footer ul>li>a{ color: #aaa; -webkit-transition: all 0.3s;  transition: all 0.3s; }
footer ul>li>a:hover{ color: #000;}
footer h4{font-weight: 600;color: #000;margin-bottom: 10px;margin-top: 50px;font-size: 17px;}
footer h5{ color: #FFFFFF; text-transform:uppercase;font-size: 19px;font-weight: 600;}
footer p{color: #000;font-size: 13px;}
footer h3{ font-size: 18px; font-weight: 700; color: #FFF; margin-top: 10px; }
footer span{color: #aaa;}

.horario-footer{ font-size:14px;color: #fff; }
.atend-footer{font-size: 15px;font-weight: 800;}
.atend-footer > i{font-size: 22px;color: var(--cor-1);margin-right: 5px;}
.footer-meio{background-color:#ececec;display: flex;justify-content: center;}

.rodape-footer h4{color: #0084c3;font-size: 14px;margin-bottom: 15px;}
.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; }
.seguranca-footer img{max-width: 100px;}
.seguranca-footer-2 {margin-top: 45px;}
.seguranca-footer-2 img{max-width: 80px;}

.text-final{border-top:1px solid #e6e2e2; border-bottom: 1px solid #e6e2e2;margin: 50px 0;padding: 25px 0;}
.text-final p{font-size:13px; color: #757575;}

.btn-success { background-color: #007ebd !important; border-color: #007ebd !important; }
/*Menu Mobile*/

.menu-mobile{display: none}

#menu-check{ display: none; }

.menu-btn{width: 38px;height: 38px;}

.carrinho-mobile{width: 38px;height: 38px;}

.mobile-header{width: 100%;display: flex;justify-content: space-around;align-items: center;padding: 5px;display: none;margin-left: -5px;}

.m-mobile{display: none;width: 80%;height: 5000px;background-color: #f4f4f4;left: -800px;top: 0;transition: all .8s ease-in-out;position: absolute;z-index: 998;}

.m-titulo{ background-color:#000; height: 90px; line-height: 80px;}

.m-titulo-texto{ display: flex; justify-content: center; flex-direction: column; margin-left: 60px; margin-top: -60px; line-height: 10px;}

.m-titulo label{color: #fff;font-size: 16px;}

.m-titulo #minhaconta{font-size: 20px;}

.m-titulo img{ margin-left: 10px; margin-top: 5px; width: 36px; height: 36px;}

.item-menu-m{cursor: pointer;text-decoration: none;}

.item-menu-m i{transition: all .4s ease-in-out; }

.item-menu-m:hover i{transform: rotate(180deg);}

.item-menu-m a{text-decoration: none;}

.item-menu-m a:hover{ text-decoration: none; color: #000;}

#menu-check:checked ~ .m-mobile{ transform: translateX(800px);}

.barra-pesquisa{display: none;padding: 10px 20px;background: #ffffff;}

.mobile-logout{color: #fff; float: right; margin-right: 15px;}

.mobile-logout i{margin-left: 3px;}

.mobile-logout:hover{text-decoration: none; color: #fff;}

#minhaconta i{margin-left: 3px;}
.contador-carrinho{position: absolute;color: #fff;font-weight: bold;right: 4px;top: 10px;font-size: 14px;}

.categoria-nome{color: #333 !important;text-align: left !important;}

.categoria-nome i{float: right;margin-right: 10px;color: #909090 !important;}

.subcategoria-nome{margin-left: 10px;font-size: 16px !important;text-transform: lowercase;}

.sub-sub-categoria{margin-left: 20px; color: #5a5a5a; font-size: 14px;}

.btn-busca-mobile{height: 52px !important;background: var(--cor-1)!important;color: #fff!important;border: 1px solid #fff!important;border-radius: 0 4px 4px 0 !important;font-size: 15px !important;padding: 0 19px!important;border-left-color: transparent !important;}

.input-header-mobile{border-radius: 4px 0  0 4px !important;border: solid thin #ffffff!important;background-color: #ffffff !important;box-shadow: none !important;color: #000 !important;height: 52px !important;padding: 25px -1px !important;border-right-color: transparent !important;}
.list-inline>li {
    display: inline-flex !important;
    padding-left: 5px !important;
   padding-right: 0px !important; 
}

.mobile-header{background-color: white;padding: 10px 20px;display: flex;justify-content: space-between;align-items: center;margin: 0;}

.mobile-header p{margin: 0;font-size: 18px;color: #0084c3;margin-bottom: 5px;}

.mobile-header a{font-size: 13px;margin: 0;color: #000;}

.mobile-header i{font-size: 18px;color: #0084c3;}

.logo-footer{ margin: 26px auto; width: 200px; }
.footer-social-links{ display: flex; justify-content: center; margin: 10px 0; }
.footer-social-links i { font-size: 30px; padding-right: 5px; color: #868686; transition: 0.5s; }
.footer-social-links img { padding-right: 5px; filter: grayscale(1); transition: 0.5s; }
.footer-social-links:nth-child(2) > i:hover { font-size: 30px; padding-right: 5px; color: #1877f2; transition: 0.5s; }
.footer-social-links:nth-child(3) > img:hover { font-size: 30px; padding-right: 5px;  filter: grayscale(0); }
.footer-social-links:nth-child(4) > i:hover { font-size: 30px; padding-right: 5px; color: #25d366; }
.footer-social-links:nth-child(5) > i:hover { font-size: 30px; padding-right: 5px; color: red; }
.footer-social-links a { font-family: Hind,Arial,Helvetica,sans-serif; font-size: 11px; position: relative; padding: .5em 0 .5em 10px; display: inline-block; color: #868686; margin-left: -4px; line-height: 14px; text-transform: uppercase; transition: all 25s; }
.footer-social-links a:hover{ left: 5px; text-decoration: none; }
/* MEDIA SCREEN */
@media (min-width: 1200px){
}

@media (max-width: 992px) {
	.menu_flutuante {display: none !important;}
    .menu-desktop { display: none;}
    .m-mobile { display: block;}

    .mobile-header { display: flex; }

    .barra-pesquisa { display: block;}
}

@media (max-width: 768px) {
	.m-mobile { display: block;}

    .mobile-header { display: flex; }

    .barra-pesquisa { display: block;}

    .logo-mobile {width: 90%;margin: 0 auto;}
	.footer-meio {
		background-color: #ececec;
		display: block;
		justify-content: center;
	}

    .header-cat-mobile { background-color: #49A011; color: #fff;}

    .nav>li>a:hover { border-top: none;}

    .menu-desktop { display: none;}

    .faixa-head { display: none;}

    .menu_flutuante {display: none !important;}

    #btn-topo { display: none;}

    .fixme { display: none;}

    .faixa-head { text-align: center;}

    .input-header {width: 99% !important;border-color: #c0c0c0 !important;height: 42px !important;}

    .icones{ display: none;}

    .mega-dropdown-menu .dropdown-header a{color: #000;}

    .sub-menu > li > a{color: #333!important;background-color: transparent;font-size: 14px !important;padding: 5px 0px !important;text-transform: capitalize;}

    .nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background-color: transparent !important;}

    .nav>li>a:hover {background-color: transparent !important;}

    .navbar-nav>li{border-bottom: 1px solid #e5e5e5; padding: 10px 20px;}
	header{display: none !important;}
    .mostrar{display: none}
	.navbar-collapse{ padding-right: 15px; padding-left: 15px; }
	.navbar-nav>li>.dropdown-menu{ background: #fff !important; }
	.logo{ margin: 0 auto; padding-top: 5px;  max-height: 125px;  position: relative; }
	.navbar-nav{ height: auto !important; margin: 0px !important; width: 100%;}
	.owl-buttons{display: none;}
	#btn-pedido{ width: 100%; }
	.menu-mobile{ display: block; }
  	.menu-desktop{ display: none; }
  	#atend{ display: none;}
	.faixa-head{ text-align: center !important; }
	.menu_flutuante{ display: none !important;; }
	.navbar-nav>li>a {font-size: 14px;}
	.sub-menu > li > a{ padding: 10px 0px 10px 18px !important; }
	.padding-0{ padding: 15px !important; }
	.top-infos{margin-top:15px;justify-content: space-around;}
	.faixa-head{display:none;}
	#btn-atend li{ margin-top: 20px !important; width: 49%; }
}

@media (min-width: 1200px) {

}