body {
    font-family: "Open Sans";
    background-color: #f0f0f0;
}

header div#top_menu {
    background-color: #101991;
    padding: 5px;
}

header {
    background-color: #f0f0f0;
}

header #logo {
    width: 270px;
}

#logo_busca_carrinho {
    padding-top: 10px;
    padding-bottom: 10px;
}

header div#top_menu p a, header div#top_menu p {
    color: #fff;
}

header div#top_menu p {
    margin: 0px;
    font: 400 12px "Open Sans";
}

form.pesquisa {
    margin-top: 40px;
}

form.pesquisa input[type=text] {
    font-size: 12px;
    padding: 7px;
    width: 500px;
    background: #fff;
    border: 1px solid #ccc;
}

#box-cart {
    background-color: #00b2ea;
    padding: 8px;
    color: #f0f0f1;
    margin-top:35px;
}

#box-cart i.fa {
    color: #fff;
    font-size: 30px;
    float: left;
    margin-right: 10px;
}

#box-cart h5 {
    margin: 0px;
    font-weight: 400;
}

#box-cart p {
    font-size: 11px;
    margin: 0px;
}

#box-cart a {
    color: #f0f0f1;
}

div#menu {
    background-color: #00b2ea;
}

ul.black li {
    background-color: #058cc4;
}

section#banner {
    margin-top: 20px;
}

#banner_principal{
    width: 99.9%;
}

div.mini-banner img {
    width: 274px;
    margin-right: 3px;
    margin-left: 3px;
}

#sub-banner  {
    margin-top: 20px;
    margin-bottom: 50px;
}

#sub-banner img {
    width: 100%;
}


.grade_produtos {
    margin-top: 0px;
}

.grade_produtos .container {
    background: #fff;
}


.grade_produtos h2 {
    padding: 10px;
    color: #101991;
    font-weight: 900;
    border-bottom: 4px solid #e2e2e2;
}

.separador-direita {
    border-right: 1px dotted #e2e2e2;
}

.grade_produtos h3 {
    color: #101991;
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 2px;
}

#fundoProdutos {
    background: #fff;
}

/*
.grade_produtos h2 {
    background-color: #000;
    padding: 10px;
    color: #FFC20D;
}
*/

.grade_produtos img {
    margin-top: 20px;
    margin-bottom: 10px;
}

.grade_produtos p {
    color: #2f2f2d;
    font-size: 14px;
}

.grade_produtos .price {
    color: #000;
    font-size: 18px;
    font-weight: 800;
}

.grade_produtos .price_older {
    font-size: 12px;
    text-decoration: line-through;
    color: #999;
}

.grade_produtos .preco_parcelado {
    display: block;
    font-size: 12px;
    font-weight: 600;
}

.grade_produtos h1 {
    margin-top: 0px;
    padding: 0px;
}

.grade_produtos #titulo_da_pagina {
    padding-top: 15px;
}

.label-warning {
    border-radius: 0px;
}

#breadcrumb {
    margin-top: 20px;

}

#social-links-top a {
    color: #fff;
    font-size: 16px;
    width: 25px;
    display: inline-block;
    text-align: center;
}

#social-links-top a:hover {
    color: #00b2ea;
}

#opcoes_produto {
    width: 250px;
    margin-bottom: 10px;
}

footer #banner54anos {
    margin-top: 20px;
    margin-left: 15px;
}

footer img#logo-rodape {
    width: 100px;
}

footer div#top_footer {
    background-color: #101991;
    padding-top: 10px;
    padding-bottom: 10px;
}

footer div#top_footer img {
    margin-right: 20px;
}

footer div#top_footer h4 {
    color: #f0f0f1;
    font-size: 20px;
    font-weight: 600;
    margin: 0px;
    margin-top: 10px;
}

footer div#top_footer h4 span {
    color: #fff;
    font-weight: 900;
    border-bottom: 1px dotted;
    margin-bottom: 0px;
}

footer div#top_footer p {
    font-size: 12px;
    color: #f0f0f1;
    text-transform: uppercase;
    margin-top: 15px;
    font-weight: 300;
}

footer div#top_footer p a {
    color: #f0f0f1;
    text-decoration: underline;
}

footer ul.list-inline li a {
    color: #101991;
    font-size: 13px;
    font-weight: 300;
}

footer h2 {
    font-size: 20px;
    font-weight: 700;
    color: #555165;
}

footer {
    background-color: #f0f0f0;

}

footer .vertical-lines {
    border-left: 2px solid #ccc;
    border-right: 2px solid #ccc;
    padding-bottom: 50px;
    padding-top: 10px;
}

#barra_estatica {
    background: #101991;
    border-color: #101991;
}

#barra_estatica .navbar-brand {
    padding-top: 5px;
    margin-right: 70px;
}

#barra_estatica .navbar-brand img {
    width: 100px;
}

#barra_estatica .pesquisa {
    margin-top: 10px;
    margin-left: 100px;
}

#barra_estatica .pesquisa .btn-primary {
    background: #00b2ea;
}

/* custom bootstrap */
.btn-primary {
    background-color: #101991;
    border-radius: 0px;
}

.btn-secondary {
    background-color: #00b2ea;
    border-radius: 0px;
}

.btn {
    border-radius: 0px;
}

.thumbnail:hover {
    border-color: #999;
    box-shadow: 0px 0px 3px #888888;
}

.thumbnail a:hover {
    text-decoration: none;
}

.thumbnail:hover .label {
    background: #2aa926;
}

.label {
    border-radius: 0px;
}

.green-black ul.dropdown li.sub {
    min-width: 226px;
    padding-right: 0px;
}

.green-black ul.dropdown ul {
    min-width: 227px;
}

.green-black ul.dropdown li.sub li.sub {
    min-width: 0px;
}
.green-black ul.dropdown li.sub {
    text-align: center;
}
.green-black ul.dropdown li.sub ul li {
    text-align: left;
/*    border-bottom: 1px dotted #a9e3f5;*/
    font-size: 15px;
}

.green-black ul.dropdown li.divider {
    min-width: 0px;
}

.navbar .container-fluid, .navbar-collapse {
    padding-left:0;
}
.navbar-collapse.in {
    padding-left:30px;
}

.list-inline{display:block;}
.list-inline li{display:inline-block;}
.list-inline li:before{ margin:0; color: #101991;}

.clear {
    clear: both;
    display: block;
    float: none;
}

.space-top {
    margin-top: 20px;
}

a.active{
	color: #DDD !important;
}

#carrinho {
	margin-top: 20px;
}

#carrinho .container {
	background: #fff;
	margin-top: 20px;
}

#carrinho .col-md-12 h1 {
	padding: 10px;
    color: #101991;
    font-weight: 900;
    border-bottom: 4px solid #e2e2e2;
    margin-bottom: 30px;
}

#carrinho h3 {
    color: #101991;
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 20px;
}

#carrinho table img {
	width: 100px;
}

#carrinho table tr td {
	padding-top: 20px;
	padding-bottom: 20px;
	vertical-align: middle;
}

#carrinho table tr th {
	border-top: 0px;
	background: #f1f1f1;
	padding-top: 10px;
	padding-bottom: 10px;
}

#carrinho table tr th[align=right] {
	text-align: right;
}

#carrinho form#calculoFrete {
	margin-bottom: 10px;
}

#carrinho form#calculoFrete input {
	border-radius: 0px;
}

.bootstrap-dialog.type-primary .modal-header {
    background-color: #428bca;
}

.bootstrap-dialog.error .modal-header {
    background-color: #ce4844;
}

.bootstrap-dialog .modal-header {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.bootstrap-dialog .modal-header {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.bootstrap-dialog .bootstrap-dialog-title {
    color: #fff;
    display: inline-block;
    font-size: 16px;
}

section#identificacao {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

section#identificacao .container {
	background: #fff;
	padding-bottom: 50px;
	padding-top: 10px;
}

section#identificacao h1 {
    padding: 10px;
    color: #101991;
    font-weight: 900;
    border-bottom: 4px solid #e2e2e2;
    margin-bottom: 30px;
}

section#identificacao h2 {
    color: #333;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 600;
}

section#identificacao form {
	width: 90%;
}

section#identificacao form input {
	border-radius: 0px;
}

form#novoCadastro {
	margin-top: 40px;
}


.padding-left {
	padding-left: 60px;
}

section#identificacao.cadastro h2 {
	padding: 10px;
    color: #101991 !important;
    border-bottom: 2px solid #e2e2e2;
    margin-bottom: 30px;
}

/*#menu .nav{
	height: 30px !important;
}

ul.dropdown li.divider{
	height: 30px !important;
}

ul.dropdown li.sub{
	height: 30px !important;
}

ul.dropdown a, ul.dropdown span{
	padding : 5px !important;
}*/

.wrapper-max-width {
    margin: 0 auto;
    width: 990px;
}

/* BAIXA RESOLUCAO */
@media only screen and (max-width: 680px) {
	.wrapper-max-width {
		margin: 0 auto;
		width: 100% !important;
	}

	#menu .nav{
		height: 49px !important;
	}

	div#menu .container {
		width: auto;
	}

	form.pesquisa input[type=text] {
		width: 300px;
	}

	.menu-icon span, .green-black ul.dropdown li.divider {
		background-color: #008DB8;
	}

	ul.dropdown li, ul.dropdown {
		border-color: #008DB8;
	}

	ul li.search {
		text-align: center;
	}

	ul.dropdown li.sub>a.current {
		background: #101991;
	}

	#box-cart-responsive {
		background: #101991;
		display: inline-block;
		padding: 10px;
		margin-top: 18px;
	}

	#box-cart-responsive .badge {
		background: #008DB8;
		font-size: 16px;
	}

	#box-cart-responsive i {
		font-size: 25px;
		color: #fff;
		vertical-align: middle;
		margin-right: 5px;
	}

	#topo-responsivo {
		margin-bottom: 20px;
	}

	.barra-topo-xs{
		background-color: #101991;
		padding: 5px;
	}

	.link-top-responsivo, .link-top-responsivo :hover{
		color: #FFF;
		padding-left: 3px;
		padding-right: 3px;
	}

	#sub-banner .responsive-space-top {
		margin-top: 15px;
	}

	#sub-banner img {
		width: 100%;
	}

	#sub-banner div.col-xs-6 {
		padding-left: 8px;
		padding-right: 8px;
	}

	.list-inline li:before {
		list-style: none;
		content: none;
	}

	#opcoes_produto {
	    width: 100% !important;
	    margin-bottom: 10px;
	}

	.fadein, .fadein2, .fadein3, .fadein4, .fadein5 {
		width: auto !important;
	}

	#aorigem h1 {
		margin-top: 50px !important;
	}

	footer  {
		border-top:5px solid #101991;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	footer  a.btn-block {
		display: block;
		width: 50%;
		float: left;
		text-align: center;
	}

	footer #social-responsive {
		text-align: center;
		margin-top: 20px;
	}

	footer #social-responsive a {
		font-size: 20px;
		margin-left: 10px;
		background: #101991;
		padding: 10px;
		min-width: 50px;
		display: inline-block;
		border-radius: 200px;
		color: #fff;
	}

	/* visualizar produto */
	#info_produto .label {
		padding: 5px 10px !important;
		margin-right: 5px !important;
	}

	#produto a.actions {
		display: block;
		width: 100%;
		margin-top: 10px;
	}

	#produto #info_produto, #produto #info_produto h1 {
		margin-top: 0px;
	}

	#produto #info_produto h1 {
		font-size: 25px;
	}

	.space-responsive-top {
		margin-top: 20px;
	}

	#produto_descricao .nav-tabs li a {
		padding: 10px !important;
    	font-size: 12px !important;
	}

	#produto_descricao .tab-content h2 {
		font-size: 20px !important;
		border: 0px !important;
	}

	.grade_produtos h2 {
		font-size: 20px;
	}

	.grade_produtos form {
		margin-top: -5px;
	}

	.grade_produtos h2 label {
		font-size: 11px;
		display: none;
	}

	.grade_produtos h2 select  {
		font-size: 11px;
		height: 30px;
		margin-top: 5px;
	}
	/* carrinho */

	#carrinho .cart-actions {
		display: block;
		width: 100%;
		margin-top: 10px;
	}

	#carrinho h1 {
		font-size: 25px;
	}

	#carrinho input[type=submit] {
		display: block;
		width: 100%;
		margin-top: 10px;
	}

	#carrinho table.table {
		width: 1000px;
	}

	/* identificacao */
	.padding-left {
		padding-left: 15px !important;
		border-top: 1px solid #DDD;
		margin-top: 20px;
	}
}

#pagamento {
	margin-top: 20px;
}

#pagamento .container {
	background: #fff;
	margin-top: 20px;
}

#pagamento .col-md-12 h1 {
	padding: 10px;
    color: #101991;
    font-weight: 900;
    border-bottom: 4px solid #e2e2e2;
    margin-bottom: 30px;
}

#pagamento .table {
	border:1px solid #eee;
	font-size: 13px;
}

#pagamento .table thead th {
	text-align: center;
	font-size: 16px;
	background: #f1f1f1;
}
#pagamento .table td, #pagamento .table th {
	padding: 20px;
}

.td-portadores {
	padding: 5px !important;
}

#pagamento #endereco_entrega tbody tr td {
	font-size: 19px;
	font-weight: 300;
}

.icone-pagamento {
	width: 100px;
        height: 100px;
}

.icone-menor {
	width: 90px;
	margin-bottom: 10px;
}

.tabela_forma_pagamento tr td {
	text-align: center;
}

.modalContent {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background: #FFFFFF;
    z-index:9999;
    display:none;
}

.modalContent__content {
    float: left;
    padding: 30px;
}

.modalContent__image {
    float: right;
    min-height: 400px;
    width: 450px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.modalContent__image {
    background-image: url(../img/newsletter.png);
}

.modalContent .button {
    background-color: #ee836e;
    border: 0 none;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: "Helvetica Neue",Arial,Helvetica,Verdana,sans-serif;
    font-size: 13px;
    font-weight: 700;
    height: 36px;
    letter-spacing: 0.01em;
    line-height: 36px;
    margin-right: 0;
    overflow: hidden;
    padding: 0 18px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

#emailBoletim{
    background-color: #fff;
    border: 2px solid #c9c9c9;
    border-radius: 3px;
    display: inline-block;
    margin: 0 0 24px;
    min-height: 36px;
    min-width: 50px;
    padding: 0 0.4em;
    vertical-align: middle;
    width: 100%;
}

.modalContent__image {
		display: none;
}
@media only screen and (min-width: 1000px) {
	.modalContent {
	    width: 980px;
	}
	.modalContent__content {
	    width: 530px;
	}
	.modalContent__image {
		display: block;
	}
}

.overlay{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(0,0,0,0.5); /*dim the background*/
   display:none;
}

.etiqueta-desconto{
	float:right;
}

.footer-wrapper-copyright {
    background-color: #E2E2E2;
    padding: 10px;
    font-size: 12px !important;
}

.footer-wrapper-copyright .wrapper {
    text-align: center;
}

.wrapper {
    position: relative;
}


#calculoFrete{
	width: 100% !important;
}

header ul{
	padding: 10px;
}

header ul li{
	font-weight: 700;
}

.lista-sem-estilo{
	padding-left: 0;
	list-style: none;
}

.carrinho-item{
	padding: 10px 0;
	border-bottom: 1px solid #CCC;
}

.carrinho-totais li{
	display: block;
}

.carrinho-head ul{
	display: table;
	width: 100%;
}

.carrinho-head ul li{
	display: table-cell;
	vertical-align: middle;
	width: 16%;
}

.carrinho-head ul li:first-child{
	width: 50%;
}

.carrinho-item{
	display: block;
}

.carrinho-item ul li{
	display: inline-block;
	vertical-align: middle;
	width: 16%;
}

.carrinho-item ul li:first-child{
	width: 50%;
}

.carrinho-item-foto{
	display: inline-block;
	max-width: 20%;
}

.carrinho-item-foto a img{
	max-width: 100%;
}

.carrinho-item-descricao{
	width: 75%;
	display: inline-block;
	padding-left: 10px;
	vertical-align: middle;
}

.input-group-btn{
	width: auto !important;
}

@media (max-width: 767px) {
	.carrinho-item ul li:first-child{
		width: 100%;
	}
	.carrinho-item-qtde{
		padding-top: 15px !important;
		display: block !important;
		width: 50% !important;
	}

	.carrinho-item-total{
		float: right !important;
		margin-top: -30px !important;
		width: 120px !important;
		text-align: right !important;
		font-weight: 700;
	}

	.botoes-rodape div a{
		display:block;
	}
        .filtros-produtos{
            height: 100px;
        }
}

@media (min-width: 768px) {
	.pull-right-sm{
		float: right !important;
	}
}

.lista-alinhar-direita li{
	text-align: right;
	display: inline-block;
	width: 100%;
}

.pagina-sacola .form-control:not(.qtdeItemSacola){
	display: inline-block !important;
	width: auto !important;
}

.pagina-sacola form{
	width: 100% !important;
}

#frete_options h3{
	background-color: #333;
	color: white;
	padding: 5px;
}
#frete_options .radio{
	display: block !important;
}

.lista-subtotais *{
	font-weight: 700;
}

.qtdeItemSacola{
	width:45px !important;
	display: inline !important;
	padding: auto 0 !important;
	text-align: center !important;
}

.div-escolha-forma-pgto{
	text-align: center;
    font-size: 16px;
    background: #f1f1f1;
    padding: 20px;
	vertical-align: bottom;
	border-bottom: 2px solid #ddd;
}

.p-10{
	padding: 10px;
}

.search-responsivo-input{
	min-height: 39px;
	border-radius: 0;
	color: #666;
	background: #fff;
	font-size: 1em;
	box-sizing: border-box;
	border: 0;
}

.btn-pesquisa-responsivo{
	min-height: 39px;
}

.search-responsivo{
	width: 100%;
}

.botao-preco{
    width: 100px !important;
}

.text-right{
    text-align: right;
}

.formasDeEnvioSimuladas{
    margin-bottom: 10px;
}
.formasDeEnvioSimuladas p{
    margin: 0;
}

.valorItemKit{
    display: none;
}

.descontoItemKit{
    display: none;
}

@media (min-width: 768px) {
    .display-flex-center {
        display: flex;
        align-items: center;
    }
}

.grid {
    display: grid;
}

.width-fit-content {
    width: fit-content;
}

.grid-template-columns-2 {
    grid-template-columns: auto auto;
}

.gap-2 {
    gap: 2rem;
}

.fs11px{
    font-size: 11px;
}