/*
  https://codepen.io/anoopkumarseth/embed/wvvrrwj?default-tab=html%2Cresult&theme-id=dark
  =========================================================================================
                                    Social Icons
  =========================================================================================
  */
  
  
.round-btn {display: inline;height: 40px; width: 40px; background:#fff;border-radius: 50%;float: left;margin: 15px 8px;box-shadow: 2px 2px 5px 0px rgb(82, 0, 67);border: 1px solid;/*border: 1px solid #622657;*/}
.round-btn a {display: block !important;padding: 7px 12px;font-size: 18px;border-radius: 50%;}
.round-btn .icon {padding: 3px;}
.round-btn .icon img{height: 24px; width: 32px;margin-top: 6px;}
.btn-facebook a {color: #3b5998;padding: 8px 13px;}
.btn-linkedin a {color: #007bb6;}
.btn-twitter a{color: #1c9deb;}
.btn-instagram a{color: #dd3f5c;}
.btn-whatsapp a{color: #155E54;}
.btn-envelop a{color: #D6403A;font-size: 15px; padding: 9px 12px;}
.standard_header .standard_social_links {margin-left: 1rem;}

  /*
  =========================================================================================
                                    footer
  =========================================================================================
  */
  
  .footer-wrap {
    padding-top: 0;
    background-size: cover;
}

.footer-wrap h3 {
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;
    margin-bottom: 0;
	margin-top: 25px;
}

.footer-wrap h3.subtitulo-01{
	color: #fff;
	font-size: 21px;
	font-weight: 400;
	text-transform: initial;
	margin-bottom: 25px;
	padding-bottom: 14px;
	border-bottom: 2px solid #00d0c7;
}

.footer-wrap p {
	font-size: 13px;
	line-height: 24px;
	color: #FFF;
	margin-top: 0;
}

.footer-wrap p a {
    color: #fff;
    text-decoration: underline;
    font-style: italic;
}

.footer-wrap p a:hover {
    text-decoration: none;
    color: #ff7800;
}

.footer-wrap .endereco{
	background: url('../_images/icone_localizacao_footer_hera_site.png') no-repeat;
	padding-left: 35px;
}

.footer-wrap .horario{
	background: url('../_images/icone_horario_footer_hera_site.png') no-repeat;
	padding-left: 35px;
}

.footer-links li a {
    font-size: 15px;
    color: #fff;
    text-decoration: none;
}

.footer-links li a:hover {
	background: #01d0c8;
	border-radius: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

.footer-links li a>b {
	font-size: 17px;
	font-weight: 500;
}

.footer-links.social{margin-top: 12px;}
.footer-links.social li a{display:flex;flex-direction:row;align-items:center;margin: 0 0 5px 0;}
.footer-links.social li a:hover{background:none;color:#01d0c8}
.footer-links.social li a>img{width:25px;}
.footer-links.social li a>small{margin-left: 11px;}



/*
.footer-links li:before {
    content: "\f105";
    font-family: 'FontAwesome';
    padding-right: 10px;
    color: #ccc;
}
*/

.footer-category li a {
    font-size: 13px;
    line-height: 30px;
    color: #ccc;
    text-decoration: none;
}

.footer-category li:before {
    content: "\f105";
    font-family: 'FontAwesome';
    padding-right: 10px;
    color: #b3b3b3;
}

.address {
    
    color: #b3b3b3;
    font-size: 14px;
    position: relative;
    padding-left: 30px;
    line-height: 30px;
}

.address:before {
    content: "\f277";
    font-family: 'FontAwesome';
    position: absolute;
    top: 0;
    left: 0;
}

.info a {
 
    color: #b3b3b3;
    font-size: 14px;
    line-height: 30px;
    font-weight: normal;
}

.fa-phone:before {
    content: "\f095";
}

.info a {

    color: #b3b3b3;
    font-size: 14px;
    line-height: 30px;
    font-weight: normal;
}

.fa-fax:before {
    content: "\f1ac";
}

.copyright {
	border-top: 1px solid #ccc;
	font-size: 14px;
	color: #ccc;
	padding-top: 15px;
	text-align: center;
	padding-bottom: 15px;
	background: #FFF;
}

footer{
	background: url(../includes/layout-2021/bg_footer_hera_site.jpg) repeat-x transparent;
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
}

footer .second_class{
    border-bottom: 0;
    padding-bottom: 25px;
}

footer .first_class {
    padding-bottom: 58px;
    padding-top: 30px;
    border-bottom: 0;
}

footer .first_class p, 
footer .first_class a, 
footer .first_class h3{
    margin: 0 0;
}



footer .newsletter input[type="text"]{
	width: 100%;
	background: transparent;
	color: #FFF;
	border: 2px solid #FFF;
	padding: 7px 5px 7px 15px;
	border-radius: 7px;
	margin: 0 0 13px 5px;
	outline: none;
}

footer .newsletter input[type="text"]:focus{
	background: #ffffff29;
}

footer .newsletter input[type="text"]::placeholder,
footer .newsletter input[type="text"]:before{
	color: #FFF;
}

footer .first_class .row{
	align-items: center;
}

.newsletter .newsletter_submit_btn {
    background: #fff;
    position: absolute;
    right: 30px;
    border: 0;
    top: 26px;
    font-size: 17px;
    color: #333;
}


footer .second_class_bdr{
    padding-top: 25px;
    border-top:0;
}

footer .btn-facebook a {
    padding: 6px 14px !important;
}

footer .btn-envelop a {
    color: #D6403A;
    font-size: 15px;
    padding: 12px 12px;
}

footer .round-btn a {
    padding: 6px 12px;
}

footer .round-btn {
    box-shadow: 2px 2px 5px 0px #222 !important;}

footer .round-btn {
    margin: 15px 4px;}
  
footer dl, ol, ul {
    padding-left: 5px;
}

footer li {
    list-style: none;
    padding: 0 0 3px 0;
    margin: 0;
    line-height: 17px;
}

footer .row.container.logos{display:flex;justify-content:center;align-items:center;padding-bottom: 15px;margin: 0 auto;}
footer .row.container.logos img{}
footer .row.container.logos .col-md-1{max-width:9.333333%;padding: 0 5px 0 5px;}
footer .copyright{font-size:11px;font-weight:400;color:#666;}
footer .copyright>div.dados{width:80%; margin:0 auto;}


@media(max-width:768px){
    .footer-wrap h3 {
    margin-top: 27px;}
    
    footer .round-btn {
    margin: 15px 4px;}
}
@media(max-width:320px){
.copyright {
    font-size: 13px;}
} 


.faleconosco{
	display: flex;
	justify-content: left;
	align-items: center;
	margin: 25px 0 40px 0;
}

.faleconosco>a>img,
.faleconosco>img{
	float: left;
	margin-right: 15px;
}

.faleconosco>p>a,
.faleconosco>a>p{
	float: left;
}

.faleconosco>p>a,
.faleconosco>a>p{
	color: #FFF;
	font-size: 23px;
	font-weight: 100;
	line-height: 22px;
	text-decoration: none;
}

.faleconosco>p>a:hover>small,
.faleconosco>p>a:hover{
    text-decoration: none;
    color: #FFF;
    font-weight: 600;
	letter-spacing: -1px;
}

.faleconosco>p>b{
	font-size: 17px;
	font-weight: 100;

	font-size: 23px;
	font-weight: 400;
}

.faleconosco>h3{
	font-size: 45px;
}



/*
=========================================================================================
BLOG
=========================================================================================
*/

.blog .col-lg-4 {
    margin-bottom: 1.5rem;
    text-align: center;
}

.blog h2 {
    font-weight: 400;
	text-align: left;
	padding: 15px 0 0 0;
	margin: 15px 0 0 0;
	border-top: 2px solid #00d0c7;
	color: #73afde;
	font-size: 21px;
}

.blog .col-lg-4 p {
	margin-right: .75rem;
	margin-left: .75rem;
	margin: 7px 0 0 0;
	text-align: left;
	font-size: 14px;
}

.blog .col-lg-4 img{
	width: 100%;
}

.blog .col-lg-4 a{
	width: 100%;
	height: 185px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.blog .col-lg-4 a:hover>img{
	width: 125%;
}

/*
=========================================================================================
DEPOIMENTO
=========================================================================================
*/

.carousel-inner.depoimento{
    width: 90%;
    margin: 0 auto;
}

.depoimento .col-lg-4{ text-align: left;}
.depoimento .col-lg-4 strong{ color:#73afde; font-size: 11px;}
.depoimento .col-lg-4 p{ color:#888; width:80%; height:150px; font-size:13px; }

.container.icones:hover a>img{}
.container.icones .row>.col-lg-2:hover h2{color: #00d0c7;}

.container.icones.depoimento h3{line-height:10px;}
.container.icones.depoimento h3>strong{font-size: 45px;}
.container.icones.depoimento h3>small{font-size: 14px;text-transform: lowercase;}
.container.icones.depoimento .row{
	width: 80%;
	margin: 0 auto;
	justify-content: space-between;
	align-content: space-around;
	align-items: flex-end;
}

/*
=========================================================================================
CORES
=========================================================================================
*/

.verde{color: #00d0c7;}
.azul{color: #4695D2;}
.red{color: #ff5722;}
.b-verde{border-color: #00d0c7!important;}
.b-azul{border-color: #4695D2!important;}
.b-red{border-color: #ff5722!important;}

.especialidades .bg-icones,
.produtos a.btn{
	background-color: #4695D2!important;
}

.especialidades .bg-icones:hover{
	background-color: #00d0c7!important;
}

.menu-lateral .nav-item{
	border-radius: 10px;
}

.menu-lateral .nav-item.ativo,
.menu-lateral .nav-item:hover{
	background: #4494d3;
	background: #00d0c7!important;
}

.menu-lateral .nav-item.ativo>a,
.menu-lateral .nav-item:hover>a,
.menu-lateral .nav-item:hover,
.nav-link:focus,
.nav-link:hover{
    color: #FFF!important;
}


.blog .col-lg-4 p,
.depoimento .col-lg-4 p,
.produtos h2{
	color: #888;
}


.container.especialidades,
.container.icones,
.container.produtos,
.container.pepoimento,
.container.marketing,
footer .first_class,
footer .second_class{
	max-width: 1205px!important;
}



/*
=========================================================================================
BOTAO
=========================================================================================
*/

.btn.grande,
.btn.medio,
.produtos a.btn.medio,
.btn.avaliacao{
    color: #fff;
    text-align: left;
    border: 0;
    font-weight: 500;
	max-width: 285px!important;
}

.btn.grande,
.btn.medio,
.produtos a.btn.medio,
.btn.avaliacao{
    background-color: #00d0c7!important;
    background-image: url(../_images/icone_hera_btn_seta.png);
    background-repeat: no-repeat;
    background-position: 255px 10px;
    padding-right: 50px!important;
}

.btn.medio,
.produtos a.btn.medio{
	max-width: 175px!important;
	background-position: 145px 10px;
}

.btn.medio{
	width: 165px!important;
}

.btn.grande:hover,
.btn.avaliacao:hover{
    background-position: 265px 10px;
}

.btn.medio:hover,
.produtos a.btn.medio:hover{
	max-width: 175px!important;
	background-position: 155px 10px;
}

.btn.livre{
	max-width: max-content!important;
	background-position: 95% 10px!important;
}

.btn.livre:hover{
	background-position: 98% 10px!important;
}

/*
=========================================================================================
FORM
=========================================================================================
*/

.conteudo button,
.conteudo textarea,
.conteudo input{
    background: #fff;
    border: 2px solid #73afde;
    border-radius: 7px;
    width: 93%;
    color: #73afde;
    outline: none;
    margin: 0 0 13px 5px;
    padding: 7px 5px 7px 15px;
}

.conteudo textarea{
	height: 125px;
	max-height: 125px;
}

.conteudo input::placeholder,
.conteudo textarea::placeholder {
	color: #73afde;
}

/*
=========================================================================================
TRANSITION
=========================================================================================
*/

footer .newsletter input[type="text"],
header form.buscar>input,
header.home form.buscar>input,
header.home form.login>button,
header.home form.login>input,
header li.nav-item>.nav-link,
.menu-lateral .nav-item,
.menu-lateral.area .nav-item,
.menu-lateral.area .nav-item a,
.shopping-cart .btn.cupom > span,
.produtos.detalhes a.btn > span,
.descricao-texto,
.footer-links li a,
.container.icones,
.blog .col-lg-4 img,
.card-footer,
.btn.avaliacao,
.btn.medio,
.btn.grande,
.btn-termo,
.area button,
.shopping-cart .btn,
.icones .col-lg-2 img,
.especialidades .bg-icones,
.carousel .produto img,
.produtos .grid img,
.produtos a.btn,
.produtos .grid a.btn,
.transition{
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
}

.shopping-cart .btn.cupom > span,
.produtos.detalhes a.btn > span{
	position: absolute;
	margin-left: 19px;
	margin-top: 0px;
	background: #00c8c6;
	color: #FFF;
	padding: 8px;
	display: none;
}


/*
=========================================================================================
MODAL
=========================================================================================
*/

.modal-dialog.termo{
    width: 485px;
    margin: 30px auto;
}

.modal-dialog.termo h3{
    font-size: 15px;
    text-align: left;
    font-weight: 700;
    margin: 5px 0 0 0;
    color: #212121;
    width: 100%;
}

.modal-dialog.termo .col-md-12{
	display: flex;
	align-items: center;
	justify-content: center;
}

.modal-dialog.termo button.close{
	background: #FFF;
	border-radius: 50px;
	padding: 0 5px 0 5px;
	opacity: initial;
	color: #00d0c7;
}

.modal-dialog.termo textarea{
	height: 199px;
	width: 100%;
	color: #666;
	outline: none;
	border: 1px solid #EBEBEB;
	background: #F5F5F5;
	border-radius: 5px;
	padding: 10px;
	text-align: left;
	font-size: 11px;
}


/*
=========================================================================================
PAGAMENTO
=========================================================================================
*/

.container.pay,
.tab-content>.active iframe {
    height: 725px!important;
}

.shopping-cart .btn {
    width: 100%!important;
    color: #FFF!important;
    background-position: 319px 10px!important;
}

.shopping-cart .btn.comprar{min-width: 350px;}
.shopping-cart .btn.btn-cart-comprar{min-width: 165px;}

.bg-dark, .card-header.bg-dark {
    background-color: #05c4c7!important;
}

.nav-tabs .nav-link {
    color: #858686!important;
    text-transform: uppercase;
    font-size: 17px;
	text-align: center;
}

.tab-content>.active > .row{
	margin-top: 35px;
}

.tab-content>.active p.preco{
	display: none;
}

.nav-tabs .nav-link.active {
    color: #05c4c7!important;
	text-align: center;
}

.tab-content>.active>iframe{
	height:850px!important;
	margin-top: 35px!important;
}


/*
=========================================================================================
M
=========================================================================================
*/

header.interno.mobile,
.container.mobile-carousel,
.mobile,
.row.mobile,
.classificacao.mobile{
	display:none!important;
}

@media(max-width:768px){
	
	.row.desktop,
	.container.icones.contato,
	.icones .col-lg-2:last-child,
	.container.especialidades,
	.container.depoimento,
	.container.marcas,
	.container.produtos.carrossel .mais-produtos,
	.faleconosco>h3,
	div.conteudo .fale-conosco,
	div.conteudo .logomarcas,
	header.home,
	header.interno,
	header.interno div.user,
	header.interno div.car,
	header.interno div.menu{
		display:none!important;
	}

	header form.buscar>button,
	header.home form.buscar>button{
		right: -2px;
	}
	
	.mobile,
	.row.mobile,
	header.interno.mobile,
	header.interno.mobile div.user,
	header.interno.mobile div.car,
	header.interno.mobile div.menu,
	.classificacao.mobile,
	.carousel_ {
		display: initial!important;
	}
	
	/*menu produtos*/
	.nav.menu-lateral{display:none;}
	.classificacao.mobile>h4{
		font-size: 17px;
		color: #FFF;
		padding: 10px;
		text-align: left;
		width: 90%!important;
		margin: 0 auto 5px auto;
	}
	
	.classificacao.mobile>h4>img.seta{
		float: right;
		margin-right: 10px;
	}

	.classificacao.mobile>h4>img.seta{
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	
	.classificacao.mobile>h4>img.seta.up{
		-webkit-transform: rotate(270deg);
		-moz-transform: rotate(270deg);
		-o-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
		transform: rotate(270deg);
	}

	.container.produtos{margin-top: 25px!important;}
	.produtos .row.menu>.col-lg-3,
	.area .row.menu>.col-lg-3{
		background: #27aacd;
		margin-top: -25px;
		padding: 0;
	}
	
	.menu-lateral .nav-link{color:#FFF;padding-left: 25px;}
	.menu-lateral .nav-item.ativo,
	.menu-lateral .nav-item:hover{
		border-radius: 0;
	}

	header.interno div.buscar,
	header.interno .row,
	header form.buscar>input,
	header.home form.buscar>input,
	.copyright,
	.container-fluid,
	.footer-wrap .row,
	.classificacao.mobile,
	.carousel-item .row,
	.produtos.detalhes .foto>div,
	.produtos .produto>div,
	.produtos .col-lg-3.produto.grupos,
	.produtos .col-lg-3.produto {
		width: 100%!important;
		max-width: 100%!important;
	}
	
	header form.buscar,
	header.interno .row>.col-lg-8,
	.carousel-item .row,
	.produtos .row .col-lg-9,
	.produtos .row .col-lg-8,
	.produtos .row,
	.row.copyright,
	.container.produtos{
		width: 100%!important;
		max-width: 100%!important;
		margin: 0;
		padding: 0;
	}
	
	.produtos.detalhes .lista > ul li.cep input,
	.produtos a.btn,
	.produtos .grid a.btn{
		max-width: 125px!important;
	}
	
	.produtos a.btn-addcart-product{
		max-width: 50%!important;
		background-position: 90% 10px;
	}
	
	.produtos .col-lg-3.produto.grupos{max-width:48%!important;}
	.produtos .col-lg-3.produto.grupos:nth-child(2n+1){border-right:1px solid #F5F5F5;margin-left: 6px;}
	.produtos .grid img{max-height:115px!important;}
	.produtos .grid p.preco{display:none;}
	.produtos .produto>div{height:auto!important;padding: 10px 0 15px 0!important;}
	.produtos .grid h2{width:100%!important;height:70px!important;font-size: 14px;font-weight: 100;text-transform: lowercase;font-family: tahoma;}
	.produtos strong {font-size: 17px!important;}
	
	header.interno.mobile .container div.logo{
		width: 200px;
		height: 57px;
		margin: 0;
		padding: 0;
	}
	
	header.interno.mobile .container div.car,
	header.interno.mobile .container div.menu{
		width: 70px;
		height: 57px;
		margin: 0;
		padding: 0;
		text-align: center;
		position: relative;
		top: 10px;
	}

	header form.buscar>input{
		margin: 0 auto;
	}
	
	.dropdown-submenu:hover>.dropdown-menu,
	.dropdown-submenu:focus>.dropdown-menu,
	.dropdown-submenu:active>.dropdown-menu{
		position: initial;
		width: 100%;
		display: contents;
	}
	
	.dropdown-submenu>.dropdown-menu>li{
		background: #0dc3ca;
		border-bottom: 1px solid #FFF;
	}
	
	.dropdown-submenu>.dropdown-menu>li>a{
		color: #FFF;
		text-transform: capitalize;
	}

	.produtos .col-lg-3.produto {
		border-bottom: 1px solid #F5F5F5;
	}
	
	.row.copyright,
	.container-fluid{
		background: #FFF;
	}
	
	
	div.conteudo h5{
		width: 100%!important;
		padding: 10px 0 15px 0!important;
		font-size: 36px!important;
	}
	
	div.area,
	.container.produtos.carrinho,
	.container.produtos.carrinho .container,
	.container.produtos.carrinho .shopping-cart.grid,
	.row,
	.col-md-4,
	.col-md-6,
	.col-md-10,
	.col-lg-12,
	.col-md-4.img,
	.conteudo .row.img img,
	.conteudo .row.img {
		margin: 0!important;
		padding: 0!important;
	}
	
	.conteudo h5,
	.conteudo .passo .col-md-3,
	.conteudo .col-md-9.video,
	.conteudo .row.img img,
	.conteudo .row.img.border-bottom{
		padding-bottom: 15px!important;
		margin-bottom: 15px!important;
	}
	
	div.area,
	div.conteudo .passo div>p,
	.tab-content>.active .col-4,
	.tab-content>.active .col-8,
	.tab-content>.active .col-8>p,
	.row,
	.conteudo .cotacao.fixo,
	.col-md-4,
	.col-md-6,
	.col-md-10,
	.col-lg-12{
		width: 100%!important;
	}
	
	.tab-content>.active .col-4,
	.tab-content>.active .col-8{
		flex: 0 0 100%!important;
	}

	iframe,
	div.area,
	div.conteudo h5,
	.tab-content>.active .col-4,
	.tab-content>.active .col-8,
	.tab-content>.active .col-8>p,
	.row,
	.col-lg-12,
	.col-md-4,
	.col-md-6,
	.col-md-5,
	.col-md-5.img img,
	.conteudo .cotacao.fixo,
	.conteudo .row.img img,
	.btn.livre,
	.btn.grande,
	.btn.medio,
	.produtos a.btn.medio,
	.btn.avaliacao,
	.btn{
		max-width: 100%!important;
	}
	
	.conteudo div.flex{display: contents!important;}
	.conteudo .cotacao h5{font-size: 28px!important;}
	.conteudo .cotacao.fixo{position: initial!important;}
	.conteudo .passo .col-md-3{border-bottom: 1px solid #dee2e6;}
	.conteudo .passo .col-md-3:last-child{border:0;}
	.conteudo .marcas .col-md-5.img{
		padding: 0 0 30px 0;
		margin: 20px 0 20px 0;
		border-bottom: 1px solid #dee2e6!important;
		text-align: center;
	}

	.conteudo .video {
		max-width: 100%;
		padding: 0!important;
	}

	.tab-content>.active,
	.container.produtos.carrinho .container.tab-pane.active{
		padding: 20px!important;
	}

	.container.produtos.carrinho .container{
		margin: 0!important;
		padding: 0!important;
	}
	
	.container.produtos.carrinho .container.pay{
		min-height: 975px!important;
	}

	#tab_2,
	.tab-content{
		height: 595px!important;
	}

	.container.pay,
	.tab-content>.active iframe{
		height: 735px!important;
	}
	
	.tab-content>.active>iframe{
		margin-top: 15px!important;
	}
	
	.tab-content>.active .col-8{
		margin-top: 20px;
	}

	html,
	body{
		overflow-x:hidden!important;
	}
	

}

/*MENU*/
@media (max-width: 768px) {
    
	#nav-mobile,
	header.interno.mobile #nav-mobile{
		background: #26abcd;
		border-right: 2px solid #01c7c6;
		width: 80%;
		z-index: 100;
	}
	
	header.interno.mobile #nav-mobile,
	#nav-mobile{
        position: fixed;
        top: 0;
        left: 0;
        padding: 0;
        height: 100%;
		display: block!important;
    }

    header.interno.mobile #nav-mobile,
	#nav-mobile{
        height: 100%;
        left: -100%;
        transition: height 0s ease;
    }

    header.interno.mobile #nav-mobile.show,
	#nav-mobile.show{
        height: 100%;
        left: 0;
        transition: left 400ms ease-in-out;
		overflow: auto;
    }

    header.interno.mobile #nav-mobile,
	#nav-mobile{
        transition: left 400ms ease-in;
    }

	header.interno.mobile #close-mobile{
		opacity: 0;
		z-index: 1;
	}
	
	header.interno.mobile #close-mobile.show,
	#close-mobile.show{
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		background: rgb(3 35 61 / 56%);
		content: '';
		-webkit-transition: opacity 0.4s ease;
		-o-transition: opacity 0.4s ease;
		-moz-transition: opacity 0.4s ease;
		transition: opacity 0.4s ease;
		width: 100%;
		opacity: 1;
	}
	
	header.interno.mobile #nav-mobile li.logar{
		background: linear-gradient(to bottom, #00C8C6 0px, #4494d3 170%) repeat scroll 0% 0% transparent!important;
		width: 100%;
		height: 65px;
		border-bottom: 1px solid #FFF;
		border-bottom: 3px solid #01c7c6;
		display: flex;
		align-content: center;
		justify-content: flex-start;
		align-items: center;
	}
	
	header.interno.mobile #nav-mobile li{border-bottom: 1px solid #01c7c6;}
	header.interno.mobile #nav-mobile li a{text-transform:uppercase;}
	header.interno.mobile #nav-mobile li a.submenu{
		background-image: url(../_images/icone_hera_btn_seta.png);
		background-repeat: no-repeat;
		background-position: 259px 10px;
	}

	header.interno.mobile #nav-mobile li.logar>a>img{margin-right: 15px;}
	header.interno.mobile #nav-mobile li.logar>a>strong{font-size: 17px;}
	header.interno.mobile #nav-mobile li.logar>a>strong>small{font-size: 14px;text-transform:initial;}
	header.interno.mobile #nav-mobile li.logar>a {
		font-size: 14px;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		align-content: center;
		line-height: 16px;
	}
	
	header.interno.mobile #nav-mobile div.col-md-5.faleconosco>h3{display:none;}
	header.interno.mobile #nav-mobile div.faleconosco>a>img,
	header.interno.mobile #nav-mobile div.faleconosco>img{
		float: left;
		margin-right: 23px;
		margin-left: 5px;
		max-width: 35px;
	}

	header.interno.mobile #nav-mobile div.faleconosco{padding: 0;margin: 0 0 7px 0;}
	header.interno.mobile #nav-mobile div.col-md-5.faleconosco{margin:25px 0 7px 0;}	
	header.interno.mobile #nav-mobile div.col-md-3,
	header.interno.mobile #nav-mobile div.col-md-12{padding:0;margin:0;}
	header.interno.mobile #nav-mobile div.col-12.faleconosco>p,
	header.interno.mobile #nav-mobile div.col-12.faleconosco>p>small{font-size:18px;font-weight:600;}
	header.interno.mobile #nav-mobile div.col-12.faleconosco:last-child{border:0;}
	header.interno.mobile #nav-mobile div.col-12.faleconosco{
		padding:0 0 0 15px;
		border-bottom: 1px solid #01c7c6;
	}

}


/*FOOTER*/
@media (max-width: 768px){
	
	footer{
		background: linear-gradient(to bottom, #00C8C6 0px, #4494d3 170%) repeat scroll 0% 0% transparent!important;
	}
	
	.col-md-1.desktop,
	footer .first_class{
		display:none;
	}
	
	footer .row.container.logos .col-md-1.logo{
		max-width: 33.333333%;
		text-align: center;
	}
	
	.mobile.home-contato>.row{background:#4494d3;padding:15px 0 15px 0!important;}
	.mobile.home-contato .faleconosco{margin:0 0 5px 0;}
	.mobile.home-contato .faleconosco img{filter: opacity(0.5);}
	.mobile.home-logar div.login h5{text-align:left;padding:15px;}
	.mobile.home-logar form{text-align:center;}
	.mobile.home-logar form.login>button{background-position: 90% 50%;padding: 10px 5px 10px 15px;}
	.mobile.home-logar button,
	.mobile.home-logar input{width:90%;margin:0 auto 13px auto;}
	.mobile.home-logar div.login{
		width: 100%;
		height: 275px;
		background: transparent;
		border-bottom: 1px solid #dee2e6!important;
	}
	
	.container.produtos.mobile-carousel,
	.container.icones.contato.depoimento{display: block!important;}
	.container.icones.contato.depoimento .col-lg-3{display: none!important;}
	
}
/*CARRINHO*/
@media(max-width:768px)
{
	.bg-dark,
	.card-header.bg-dark{
		background-color: #05c4c7!important;
	}
	
	.nav-tabs .nav-link,
	.nav-tabs .nav-item.show .nav-link,
	.nav-tabs .nav-link.active{
		text-align: center;
	}
	
	.nav-tabs .nav-link{
		color: #858686!important;
		text-transform: uppercase;
		font-size: 17px;
	}
	.nav-tabs .nav-link.active{
		color: #05c4c7!important;
	}
	
	.shopping-cart .btn{
		width: 100%!important;
		min-width: 250px;
		color: #FFF!important;
		background-position: 219px 10px!important;
	}
	
	.shopping-cart .btn#btn_endereco{
		width: 120px!important;
	}
	
	.produtos .grid img.bandeira{float:left;}
	.produtos .grid p.preco{
		float:left;
		margin:5%;
		display:block;
		line-height: 20px;
		color: #858686;
	}
	
	.produtos .grid p.preco>strong{
		color: #05c4c7!important;
		font-size: 24px!important;
	}
	
	.card.shopping-cart.price.pay{
		display:none;
	}
	
}


