/* - - - - - INDEX - - - - - */

/* - - - - BANNER - - - - */
#banner{
	width: 100%;
	height: 455px;
	position: relative;
	z-index: 1;
	margin-top: 190px;
}

#banner .owl-dots{display: none;}

#banner li{
	width: 100%;
	height: 455px;
    display: block;
    overflow: hidden;
    position: relative;
}

#banner li img{
	width: 1920px;
	height: 455px;
    position: absolute;
    left: 50%;
    margin-left: -960px;
	animation: animacaoAumento 10s linear infinite;
	object-fit: cover;
}


.bread{
	height: 265px;
	width: 100%;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	 display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
	background-color: #1A3046;
	margin-top: 190px;
}

.bread h1{
	text-align: center;
	font-size: 35px;
	color: #fff;
	font-weight: 300;
}

.bread .way li a{
	color: #fff;
	font-weight: bold;
}

.bread .way li:after{color: #fff;}

@keyframes animacaoAumento {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.2);
    }
}

.bg__categoria{
	background: url("../../imagens/banner-categoria.png") no-repeat center center;
	height: 300px;
	width: auto;
	margin-bottom: 40px;
	display: block;
	margin-top: 190px;
}

.bg__categoria h1{
	color: #4F67A7;
	font-size: 40px;
	margin-bottom: 5px;
	margin-top: 5px;
	text-align: left;
	text-transform: uppercase;
}

.bg__categoria p{
	color: #888888;
	font-size: 16px;
	width: 485px;
	height: 75px;
	margin-right: 1050px;
}

#text__banner{
	padding-top: 70px;
	width: 580px;
	margin-left: 370px;
}

#text__banner .way{text-align: left!important;}

/* - - - - BANNER - - - - */

/* - - - - - INDEX - - - - - */
.produtos{margin: 55px auto;}

.produtos ul{
	display: flex;
	flex-wrap: wrap;
}

.produtos ul li{
	width: 220px;
	height: 365px;
	border-radius: 40px 0px 40px 0px;
	position: relative;
	margin-bottom: 50px;
	box-sizing: border-box;
	padding: 20px;
	text-align:center;
	border: 1px solid #DFDFDF;
	transition: 0.3s;
}

.produtos ul li:hover{
	border: 1px solid #274B70;
	transform: scale(1.05);
}

.produtos ul li:hover section{background-color: #274B70;	}

.produtos ul li img{
	width: 180px;
	height: 160px;
	object-fit: contain;
}

.produtos ul li p:nth-of-type(2){
	color: #707070;
	font-size: 15px;
}

.produtos ul li p:first-of-type{
	font-weight: bold;
	color: #274B70;
	font-size: 18px;
	margin: 15px auto;
}

.produtos ul li p:first-of-type span{
	color: #C7C7C7;
	font-size: 15px;
	text-decoration: line-through;
}

.produtos ul li section img{
	width: 15px;
	height: 15px;
	margin-top: 8px;
}

.produtos ul li section{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 125px;
	height: 35px;
	background-color: #4B82BB;
	border-radius: 0px 50px 50px 0px;
		color: #fff;
	font-weight: bold;
	font-size: 14px;
	line-height: 32px;
	transition: 0.3s;
}

#mini_banners{
	display: flex;
	justify-content: space-between;
	margin: 55px auto;
}

#mini_banners  a{
	width: 48%;
	height: 250px;
}

#mini_banners a img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.info-bar {
    width: 100%;
    height: 80px;
    background: #F5F5F5;
    display: flex;
    align-items: center;
}

.info-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    gap: 40px;
    padding: 0 20px;
    width: 100%;
}

.info-item {
    display: flex;
    align-items: center;
    gap: 12px;
}

.info-icon {
    width: 35px;
    height: 35px;
    filter: invert(39%) sepia(6%) saturate(658%) hue-rotate(177deg) brightness(93%) contrast(88%);
}

.info-text {
    font-size: 13px;
    color: #4F67A7; 
    line-height: 1.3;
	font-weight: bold;
}

.info-text span {
    color: #707070;
    font-weight: bold;
    display: block;
}

.destaque-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 40px 20px;
	margin: 50px auto;
}

.esquerda {
    flex: 1;
}

.direita {
    flex: 2;
}

.separador {
    height: 50px;
    border-left: 2px solid #4B82BB;
    margin: 0 20px;
}

.titulo-destaque {
    line-height: 1.1;
    margin: 0;
}

.produtos-txt {
    font-size: 25px;
    font-weight: 600; /* Semi-bold */
    color: #4B82BB;
    display: block;
}

.destaque {
    font-size: 30px;
    font-weight: 700; /* Bold */
    color: #4B82BB;
    display: block;
}

.texto-lorem {
    color: #274B70;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
}

#bloco_noticias{
	width: 100%;
	height: auto;
	background: #F5F5F5;
}


#bloco_noticias .destaque-container{
	margin: auto!important;
	padding: 70px 20px!important;
}

#bloco_noticias .destaque-container .produtos-txt, #bloco_noticias .destaque-container .destaque{text-transform: uppercase;}


.noticias-container {
    max-width: 1200px;
    padding: 0 20px 35px 0px;
    display: flex;
    gap: 30px;
}

.noticia-principal {
    width: 500px;
    height: 680px;
    position: relative;
	overflow: hidden;
}

.noticia-principal:hover .imagem-container img{transform: scale(1.1);}

.imagem-container {
    width: 100%;
    height: 100%;
    position: relative;
}

.imagem-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
	transition: 0.3s;
}

.titulo-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.7);
    padding: 20px;
    color: white;
}

.titulo-overlay h2 {
    margin: 0;
    font-size: 24px;
    font-weight: 600;
}

.noticias-secundarias {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 30px;
	justify-content: space-evenly;
	overflow: hidden;
}

.noticia-pequena a {
    display: flex;
    gap: 20px;
    align-items: center;
	overflow: hidden;
}

.noticia-pequena a:hover{
	padding-bottom: 10px;
}

.noticia-pequena a:hover img{transform: scale(1.03);}

.noticia-pequena img {
    width: 300px;
    height: 200px;
    object-fit: cover;
    flex-shrink: 0;
	transition: 0.3s;
}

.conteudo h3 {
    color: #274B70;
    font-size: 20px;
    font-weight: 700;
    margin: -80px 0 10px 0;
}

.conteudo p {
    color: #707070;
    font-size: 14px;
    line-height: 1.4;
    margin: 0;
}
.button-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}

.btn-veja-todas {
    background: #274B70;
    color: #fff !important;
    width: 150px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
    border-radius: 4px;
    flex-shrink: 0;
    transition: background 0.3s ease;
}

.btn-veja-todas:hover {
    background: #1A3652;
}

/* Ajuste no texto existente */
.texto-lorem {
    margin: 0;
    flex-grow: 1;
}

/* - - - - - INDEX - - - - - */


/* - - - - - Blog - - - - - */
#lista_noticias{margin-top: 90px;}

#lista_noticias ul{
	display: flex;
	flex-wrap: wrap;
}

#lista_noticias ul li{
	width: 32%;
	height: auto;
	text-align: center;
	margin-bottom: 70px;
}

#lista_noticias ul li img{
	width: 100%;
	height: 225px;
	border-radius: 10px;
	object-fit: cover;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

#lista_noticias ul li p:first-of-type{
	font-weight: bold;
	color: #000;
	font-size: 20px;
	margin: 15px auto;
}

#lista_noticias ul li p:last-of-type{
	font-weight: 300;
	font-size: 15px;
	color: #000;
}
/* - - - - - Blog - - - - - */

/*----------------------------------------------------------------- LOGIN*/
.login{
	width: 590px;
	box-sizing: border-box;
	padding: 50px 100px;
	position: relative;
	margin: 50px 0;
	color: #707070;
	font-size: 14px;
	margin-top: 185px!important;
}
.login:first-child{border-right: 1px solid #c9c9c9;}
.login h2{
	font-size: 20px;
	line-height: 40px;
	border-bottom: 3px solid #1b1b1b;
	margin-bottom: 20px;
	color: #1b1b1b;
}
.login input{
	border-radius: 5px;
	border:1px solid #c9c9c9;
	height: 40px;
	text-indent: 10px;
	width: 100%;
	margin: 5px 0;
}
.login button{
	padding: 10px 15px 10px 15px;
	background-color: #00507D ;
    color: #fff;
	border: none;
	float: right;
	margin-top: 10px;
    cursor: pointer;
}
.login button:hover{
	background-color: #2B2B2B;
}
.login p{
	text-align: center;
	margin-bottom: 20px;
}
.mudar_senha{
	width: auto;
	position: relative;
	color: #000;
	font-style: italic;
	font-size: 15px;
	font-weight: 300;
	text-decoration: underline;
	margin-top: 30px;
	transition: 0.3s;
}
.mudar_senha:hover{color:#00507D }

.account{
	margin: 50px auto;
	width: 800px;
	box-sizing: border-box;
	position: relative;
	color: #707070;
	font-size: 14px;
	margin-top: 100px;
}

.account h2{
	width: 100%;
	font-size: 20px;
	line-height: 40px;
	border-bottom: 3px solid #1b1b1b;
	margin-bottom: 20px;
	color: #1b1b1b;
}
.account hr{
	width: 100%;
	height: 3px;
	background-color: #1b1b1b;
	margin: 20px 0;
}
.account div{
	width: 350px;
}
.account .full{ width: 750px; }
.account .third{ width: 215px; }
.account input{
	border-radius: 5px;
	border:1px solid #c9c9c9;
	height: 40px;
	text-indent: 10px;
	width: 100%;
	margin: 5px 0 15px 0;
}
.account button{
	padding: 10px 15px 10px 15px;
	background-color: #00507D ;
    color: #fff;
	border: none;
	margin: 10px auto 0;
    cursor: pointer;
}
.account button:hover{
	background-color: #2B2B2B;
}
.account input:read-only{
	background-color: #f5f5f5;

}
/*----------------------------------------------------------------- MINHA CONTA*/
#minha_conta{
	padding: 60px 100px 50px;
}
#minha_conta thead th{
	background-color: #1b1b1b;
	color: #fff;
	padding: 15px;
}
#minha_conta tbody td{
	padding: 20px 15px;
	border-bottom: 1px solid #C9C9C9;
	font-size: 12px;
}
#minha_conta tfoot td{
	padding: 20px 15px;
	font-size: 14px;
}
#minha_conta tfoot td.total{
	background-color: #000;
	color: #fff;
	text-align: center;
}

#minha_conta tfoot td.finalizar{
	background-color: #00507D ;
	color: #fff;
	text-align: center;
}
#minha_conta tfoot td.finalizar a{color: #fff; display: block;}
#minha_conta .detalhes{
	padding: 5px 10px;
	background-color: #00507D ;
	color: #fff;
	border-radius: 5px;
	font-size: 12px;
}
#minha_conta .detalhes:hover{
	background-color: #2B2B2B;
}
#minha_conta .rastreio{
	color: #CFBB83;
	text-decoration: underline;
}
#minha_conta h2{
	line-height: 50px;
	font-size: 20px;
	letter-spacing: 1px;
	margin-bottom: auto;
	border: none;
	position: relative!important;
	height: auto!important;
	margin-bottom: 20px;
}
#minha_conta h2:after{content: ""; display: block; clear: both;}

#minha_conta h2 p{width: auto; position: relative; display: inline-block;}
#minha_conta h2 a{color: #1b1b1b;}
#minha_conta h2 a.inativo{background-color: #C9C9C9;}

#minha_conta h2.alt a{
	width: auto; 
	font-size: 16px; 
	border-radius: 10px; 
	height: 40px; 
	line-height: 40px;
	padding: 0 15px; 
	background-color: #00507D ;
	color: #fff; 
	float: right; 
	margin-right: 20px;
	transition: 0.3s;
}
#minha_conta h2.alt a.alt{background-color: #E5E5E5; color: #000;}

#minha_conta h2.alt a img{width: auto; height: 20px; margin-right: 10px; display: inline-block; vertical-align: middle; margin-top:-4PX;  transition: 0.2s;filter: invert(1);}

#minha_conta h2.alt a.inativo{background-color: #707070;}

#minha_conta h2.alt a:hover{background-color: #000;}

#minha_conta h2.alt a.alt:hover{background-color: #00507D ; color: #fff;}
#minha_conta h2.alt a.alt:hover > img{filter: brightness(0) invert(1);}

#minha_conta h2.alt a:first-child{margin-right: 0;}

/*  - - -INSIDE - - -  */
.breadcrumb.inside{
	height: 50px;
	background-image: linear-gradient(to right, #00507d, #00466b, #023b5a, #053149, #072739);
	margin-top: 190px;
}
.breadcrumb.inside .central{height: 50px;}

.breadcrumb.inside .titulo{display: none;}

.breadcrumb .way li a, .breadcrumb .way li:after{color: #fff;}

.breadcrumb.inside ol{padding-top: 14px;}

/*  - - -INSIDE - - -  */

/* - - - - - GERAL - - - - - */
#cookies__text{
	width: 1000px;
	text-align: center;
	font-size: 16px;
	margin: 40px auto;
	
}

#cookies__text h2{
	font-size:24px;
	color: #301C12;
}

#cookies__text h3{
	color: #F0D6B0;
	font-size: 21px;
}


/* - - - - - CARRINHO - - - - - */
.carrinho{margin-top: 220px;}

.carrinho.content.display.central > *:first-child{width: 770px;}

.carrinho .bloco .title{margin-bottom: 50px;}

/* - - carrinho - table - - */
.carrinho div table{width: 100%; height: auto; border-spacing: 0;}

/* - thead - */
.carrinho div table thead{
background: rgba(255, 169, 0, 0.89);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(1.6px);
-webkit-backdrop-filter: blur(1.6px);
border: 1px solid rgba(255, 169, 0, 0.32);
}

.carrinho div table thead tr{}
.carrinho div table thead tr th{
	height: 40px; 
	line-height: 40px; 
	color: #fff; 
	text-align: left;
	    box-sizing: border-box;
    padding-left: 5px;
}
/* - thead - */

/* - tbody - */
.carrinho div table tbody{}
.carrinho div table tbody tr{}
.carrinho div table tbody tr td{border-bottom: 1px #707070 solid; padding: 20px 0;}

.carrinho div table tbody tr td .img{width: 80px; height: 80px; border: 1px #D4D4D4 solid; overflow: hidden; position: relative; box-sizing: border-box;border-radius: 10px;}

.carrinho #preco_pequeno{font-size: 10px;}
.carrinho div table tbody tr td .img img{width: 100%; height: 100%; display: block; position: relative; box-sizing: border-box; object-fit: cover;}

.carrinho div table tbody tr td .img.small{width: auto; height: 25px; border: none;}
.carrinho div table tbody tr td .img.small img{height: 100%;}

.carrinho div table tbody tr td .nome{color: #192124; font-size: 10px; text-transform: uppercase; font-weight: bold;}
.carrinho div table tbody tr td .codigo{color: #90999D; font-size: 10px; margin-bottom: 5px;}
.carrinho div table tbody tr td .preco{font-size: 15px; color: #192124;}

.carrinho div table tbody tr td .tamanho{font-size: 15px; color: #192124; text-transform: uppercase;}

/* - */
.carrinho div table tbody tr td form{display: flex; flex-wrap: wrap; justify-content: center;}
.carrinho div table tbody tr td form > *{position: relative; box-sizing: border-box; transition: 0.3s; margin: 0 5px;}

.carrinho div table tbody tr td form input{width: 55px; height: 40px; line-height: 40px; padding: 0 0 0 5px; font-size: 15px; text-align: center; color: #192124;border-radius: 10px;}
.carrinho div table tbody tr td form input:focus{color: #000;}

.carrinho div table tbody tr td form button{background: none; border: none; cursor: pointer; transform: rotate(0);}
.carrinho div table tbody tr td form button img{width: 20px; height: auto; display: block;}
/* - */

/* - tbody - */

/* - - carrinho - table - - */

/* - carrinho - detail - */
.carrinho .detail{padding-top: 15px;}
.carrinho .detail a{
	width: 255px; 
	height: 45px; 
	line-height: 45px;
	background-color: #FA2F2F;
	border: none; 
	color: #fff; 
	font-size: 16px;
	cursor: pointer;
	margin: 0 0 0 auto;
	letter-spacing: 0.5px;
	display: block;
	transition: 0.3s;
	text-align: center;
}	
.carrinho .detail a:hover{background-color: #000;}
/* - carrinho - detail - */


/* - - carrinho - finalizar - - */
.content.carrinho.central > *:nth-child(2){margin-top: 0;}

.carrinho .finalizar{
background: rgba(255, 244, 239, 0.1);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(3.4px);
-webkit-backdrop-filter: blur(3.4px);
border: 1px solid rgba(255, 244, 239, 0.46);
	box-sizing: border-box; 
	padding: 20px; 
	width: 370px;
}
.carrinho .finalizar .bloco{width: 100%; padding-top: 0;}
.carrinho .finalizar .bloco .title{margin-bottom: 0; text-align: center; font-weight: 500;}

.carrinho .finalizar > *{display: block; position: relative; box-sizing: border-box; transition: 0.3s; margin: 0 auto 20px;}
.carrinho .finalizar > *:last-child{margin: 0 auto;}

.carrinho .finalizar .preco{font-size: 40px; color: #192124; text-align: center;}
.carrinho .finalizar .preco span{font-size: 20px; display: block;}
.carrinho .finalizar .preco span:first-of-type{text-transform: uppercase;}
.carrinho .finalizar .preco span:last-of-type{color: #707070;}

/* - */
.carrinho .finalizar form{display: flex; flex-wrap: wrap; justify-content: center; width: 300px; height: 42px; border: 1px #192124 solid;}
.carrinho .finalizar form > *:not(.comprar){position: relative; box-sizing: border-box; transition: 0.3s; border-radius: 0; margin: 0; padding: 0 7.5px; border: none; height: 40px; line-height: 40px;}

.carrinho .finalizar form input{background-color: #fff;}
.carrinho .finalizar form input:focus{}

.carrinho .finalizar form button{background-color: #31276C; color: #FFFFFF; font-size: 12px; text-transform: uppercase; cursor: pointer;}
.carrinho .finalizar form button img{display: inline-block; vertical-align: middle; margin: -2.5px 5px 0 0; filter: brightness(0) invert(1); width: 20px;}
.carrinho .finalizar form button:hover{}

.carrinho .finalizar .cupom_form input{width: 257px;}
.carrinho .finalizar .cupom_form button{width: 40px;}
.carrinho .finalizar .cupom_form button img{margin: -2.5px auto 0;}

.carrinho .finalizar .cep_form input{width: 137px;}
.carrinho .finalizar .cep_form button{width: 160px;}
/* - */

.carrinho .finalizar .descricao{width: 100%; color: #192124; font-size: 12px; text-align: center;}

.carrinho .finalizar .item_ic{text-align: center;}
.carrinho .finalizar .item_ic hr{width: 100%;}


/* - */
.carrinho .finalizar .pagamento{height: auto; width: 100%; border: none;}

.carrinho .finalizar .pagamento .opcao{width: 100%; height: auto; margin-bottom: 10px; background-color: #fff; border: 1px #707070 solid; padding: 7.5px 5px 7.5px 30px;}
.carrinho .finalizar .pagamento .opcao:last-child{margin-bottom: 0;}
.carrinho .finalizar .pagamento .opcao > *{position: relative; box-sizing: border-box; height: auto; line-height: normal;}

.carrinho .finalizar .pagamento .opcao input{position: absolute; left: 10px; top: 0; bottom: 0; margin: auto;}
.carrinho .finalizar .pagamento .opcao .titulo{color: #000000; font-size: 14px; font-weight: bold;}
.carrinho .finalizar .pagamento .opcao .descricao{text-align: left; font-size: 9px;}
/* - */

.carrinho .finalizar .comprar{background-color: #26CC64; transition: 0.3s; width: 100%; height: 65px; line-height: 65px; border: none; color: #fff; font-size: 20px; text-transform: uppercase; text-align: center; margin-top: 20px;border-radius: 10px;}
.carrinho .finalizar .comprar:hover{background-color: #31276C}
.carrinho .finalizar .comprar img{filter: brightness(0) invert(1); display: inline-block; vertical-align: middle; position: relative; margin: -5px 10px 0 0; width: 28px; height: auto;}

#delete_button_img{transition: 0.3s;}

#delete_button_img:hover{transform: scale(1.1);}

/* - - carrinho - finalizar - - */

/* - - - - - CARRINHO - - - - - */
#indisponivel{
	width: 100%;
	height: 125px;
	box-sizing: border-box;
	padding: 15px;
	background-color: #F5F5F5;
	border-radius: 15px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	margin-top: 25px;
}

#indisponivel p{margin-bottom: 10px;}

#indisponivel p:first-of-type{
	font-size: 20px;
	font-weight: 700;
	color: #31276C;
}

#indisponivel input{
	width: 50%;
	box-sizing:border-box;
	padding-left: 10px;
}

.display #ficha_tecnica{display: none!important;}

.display #form_equip a{margin-left: -180px!important;}

.display #checkbox label a{margin-left: auto!important;}

#quem_somos{
	display:flex;
	width: 100%;
	height: 540px;
}

#quem_somos_video, #quem_somos_texto {
	width: 50%;
	height: 100%;
}

#quem_somos_video iframe{
	width: 450px;
    height: 300px;
    border-radius: 25px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 2px 2px rgba(0, 0, 0, 0.15), 0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.15);
    margin-top: 90px;
}

#quem_somos_texto{
	box-sizing: border-box;
	padding: 110px 100px 0px 270px;
}

#quem_somos_texto h2{
	font-size: 22px;
	color: #98B05D;
	margin-bottom: 20px;
}

#quem_somos_texto p{
	color: #000;
	font-size: 20px;
}

#galeria_somos{
	width: 100%;
	height: 290px;
}

#galeria_somos ul{
	width: 100%;
	height: 100%;
	display: flex;
}

#galeria_somos ul li{
	width: 25%;
	height: 100%;
}

#galeria_somos ul li img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#contato_flutua{height: 215px;}

#contato_flutua ul{
	display: flex;
	padding-top: 60px;
}

#contato_flutua ul li{width: calc(100%/2)}

#contato_flutua ul li img{
	width: 60px;
	height: 60px;
	filter: brightness(0) saturate(100%) invert(46%) sepia(72%) saturate(433%) hue-rotate(157deg) brightness(85%) contrast(87%);
	float: left;
	margin-right: 15px;
}

#contato_flutua ul li p:first-of-type{
	color: #000000;
	font-size: 16px;
	font-weight: bold;
}

#contato_flutua ul li p:last-of-type{
	font-size: 31px;
	font-weight: 300;
}

#contato_flutua ul li p:last-of-type span{font-size: 20px}

#contato{display: flex;}

#contato div{
	width: 50%;
	height: 580px;
}

#contato div:first-of-type{background-color: #FFA900;}

#contato div section{
	width: 500px;
	display: flex;
	flex-direction: column;
	position: absolute;
	left: 50%;
	margin: 65px auto auto -600px;
}

#contato div section form input{
	width: 100%;
	height: 35px;
	margin-bottom: 15px;
	border: 1px solid #707070;
	font-size: 16px;
	color: #33363E;
}

#contato div section form textarea{
	width: 100%;
	height: 75px;
	border: 1px solid #707070;
	margin-bottom: 20px;
	font-size: 16px;
	color: #33363E;
}

#contato div section form button{
	width: 145px;
	height: 35px;
	background-color: #00507D;
	color: #fff;
	text-align: center;
	line-height: 35px;
	border-radius: 20px;
	border: none;
}

#contato div section h2{
	color: #00507D;
	font-size: 16px;
	margin-left: 0px;
}

#contato div section h2 span{
	color: #fff;
	font-size: 40px;
}

#contato div section hr{
	width: 50px;
	height: 8px;
	background-color: #00507D;
	border-radius: 10px;
	margin-left: 0px;
}

#contato div section form{margin-top: 20px;}

#contato div iframe{
	width: 100%;
	height: 100%;
}

#video_inside{
	margin: 100px auto auto;
	text-align: center;
}

#video_inside iframe{
	width: 70%;
	height: 450px;
	border-radius: 20px;
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

#precos_novos{
	font-size: 14px;
	position: relative;
	margin: auto;
}

.flex{display: flex; flex-wrap: wrap; justify-content:flex-start;}
/*----------------------------------------------------------------- HEADER*/
#erro{
	width: 100%;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background-color: #FB0E00;
	margin-bottom: 10px;
}
/*----------------------------------------------------------------- HEADER*/

#carrinho{display: flex; padding-top: 20px; flex-wrap: wrap;}
#lista{width: 830px; position: relative; padding: 10px 40px 50px 0; box-sizing: border-box;}
#lista thead{
	background-color: #1b1b1b;
	color: #fff;
}
#lista thead th{padding: 10px; font-size: 14px; font-weight: 400;}
#lista tbody td{padding: 15px 10px; border-bottom: 1px solid #c9c9c9;}
#lista tbody img{width: 80px; max-height: 80px; border: 1px solid #c9c9c9; box-sizing: border-box; padding: 5px;}
#lista tbody .nome{font-size: 14px; font-weight: bold; width: 250px;}
#lista tbody .nome span{ font-size: 15px; font-weight: 400; line-height: 25px;}
#lista tbody input{width: 45px; height: 30px; text-align: center; margin-right: 5px;}
#lista tbody button{width: 30px; height: 30px; background: url("../../imagens/refresh.png")center center no-repeat; border: none; overflow: hidden; text-indent: -999999px;}
#lista tbody a{color: #1b1b1b; font-weight: bold;}

#finalizar{
	background-color: #f5f5f5;
	width: 370px;
	padding: 25px;
	box-sizing: border-box;
}
#finalizar h2{font-size: 30px; text-align: center; line-height: 40px; margin: 0 0 20px 0; font-weight: 400; border: none; }
#finalizar h2 span{font-size: 20px; text-align: center; font-weight: 300; line-height: 20px;}

#finalizar #frete, #cupom{	
	width: 100%;
	height: 45px;
	border: 1px solid #1b1b1b;
	margin-top: 15px;
	background-color: #fff;
	
}
#finalizar #frete:hover, #finalizar #cupom:hover{border: 1px solid #CFBB83;}
#finalizar #frete input{
	border: none;
	height: 43px;
	line-height: 45px;
	text-indent: 10px;
	width: 140px;
}
#finalizar #frete button{
	background: url("../../imagens/frete.png") 10px center no-repeat #1b1b1b;
	border: none;
	height: 45px;
	line-height: 43px;
	text-indent: 45px;
	font-size: 12px;
	color: #fff;
	padding: 0 10px;
	float: right;
}
#finalizar #frete button:hover{background: url("../../imagens/frete.png") 10px center no-repeat #CFBB83; color:#1b1b1b;}
#finalizar #cupom button:hover{background: url("../../imagens/tag.png") 10px center no-repeat #CFBB83; color:#1b1b1b;}
#finalizar #cupom input{
	border: none;
	height: 43px;
	line-height: 45px;
	text-indent: 10px;
	width: 215px;
}
#finalizar #cupom button{
	background: url("../../imagens/tag.png") 10px center no-repeat #1b1b1b;
	border: none;
	height: 45px;
	line-height: 43px;
	text-indent: 30px;
	font-size: 12px;
	color: #fff;
	padding: 0 10px;
	float: right;
}
#finalizar p{ font-size: 10px; text-align: center; margin: 15px 0; color: #1b1b1b;}
#finalizar li{border: 1px solid #1b1b1b; background-color: #fff; padding: 10px 5px 10px 30px; font-size: 9px; cursor: pointer; margin-bottom: 10px; transition: 0.3s;}
#finalizar li b{ font-size: 12px;}
#finalizar li:hover{border: 1px solid #CFBB83; color: #fff; background-color: #1b1b1b;}
#finalizar li input{position: absolute; margin: 7px 0 10px -20px;}

#finalizar #bt_finalizar{
	width: 100%;
	background: url("../../imagens/shopping-cart2.png")center left 20px no-repeat #26CC64;
	height: 65px;
	border: none;
	font-size: 20px;
	text-indent: 50px;
	color: #fff;
}
#finalizar #bt_finalizar:hover{background-color: #159A46;}
#valores_frete{
	width: 100%;
	box-sizing: border-box;
	line-height: 20px;
	padding: 0 10px;
	font-size: 12px;
	text-align: center;
}
#valores_frete h3{
    text-align: center;
}


#produto{
	display: flex;
	margin-top: 250px;
}
#vitrine{
	display: flex;
	text-align: center;
	flex-wrap: wrap;
}

#vitrine a{
	justify-content: center;
	box-sizing: border-box;
	padding: 10px;
	width: 230px;
	height: 365px;
	border: 1px solid #DFDFDF;
	position: relative;
	margin-bottom: 40px;
	transition: 0.3s;
	margin-top: 10px;
}
#vitrine a:hover{
	transform: scale(1.05);
	border: 1px solid #3D7436;
}
#vitrine .imagem{
	width: 180px;
	height: 180px;
	overflow: hidden;
	position: relative;
}
#vitrine .imagem img{
	max-width: 95%;
	max-height: 95%;
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
	margin: auto;
}
#vitrine a h2{
	font-size: 16px;
	color: #707070;
	font-weight: 400;
	margin-top: 25px;
	margin-bottom: 20px;
}

#vitrine a p{
	line-height: 10px;
	font-size: 18px;
	color: #4F67A7;
	font-weight: 700;
}

#vitrine a p span{
	text-decoration: line-through;
	font-size: 15px;
	color: #C7C7C7;
	margin-top: 10px
}

#vitrine a .comprar{
	background-color: #3D7436;
	border: 1px solid #3D7436;
	border-radius: 20px;
	padding: 8px;
	color: #FFFFFF;
	position: absolute;
	bottom: -18px;
	left: 50%;
	margin-left: -55px;
	transition: 0.3s;
	line-height: 22px;
	
}

#vitrine a:hover .comprar{
	background-color: #FFFFFF;
	color: #3D7436;
}

#vitrine a .comprar img{margin-right: 5px;}

#vitrine a:hover .comprar img{filter: invert(34%) sepia(57%) saturate(437%) hue-rotate(66deg) brightness(98%) contrast(90%);}

#banners__meio{
	display: flex;
	margin: 50px auto;
}

#banners__meio a{pointer-events: none;}

#banners__meio a img{transition: 0.3s;}

#banners__meio a img:hover{transform: scale(1.04);}

#banner__fim{margin: 80px auto;}
#banner__fim ul{
	width: 900px;
	margin-top: -65px;
	margin-left: 260px;
}
	
#banner__fim ul li{ margin: 0 25px;}

#banner__fim ul li img{width: 130px; height: 72px; object-fit: contain;}


#linha{
	position: absolute;
    margin-left: 190px;
    margin-top: -80px;
}
#banner__fim p{
	font-size: 25px;
	color: #3D7436;
	font-weight: 300;
	line-height: 25px;
	margin-left: 20px;
	text-align: left;
	margin-bottom: 5px;
}

#banner__fim p span{margin-left: 5px;}


.bg__categoria{
	background: url("../../imagens/banner-categoria.png") no-repeat center center;
	height: 300px;
	width: auto;
	margin-bottom: 40px;
	display: block;
}

.bg__categoria h1{
	color: #4F67A7;
	font-size: 40px;
	margin-bottom: 5px;
	margin-top: 5px;
	text-align: left;
	text-transform: uppercase;
}

.bg__categoria p{
	color: #888888;
	font-size: 16px;
	width: 485px;
	height: 75px;
	margin-right: 1050px;
}

#text__banner{
	padding-top: 70px;
	width: 580px;
	margin-left: 370px;
}
/* - - - - - INDEX - - - - - */

/********************* SUBCATEGORIA*/
#descricao{
	color:#888888;
	font-size: 14px;
	margin-top: -50px;
	width: 48%;
}

#descricao h1{
	color: #4F67A7;
	font-size: 25px;
	text-align: left;
	margin-bottom: 15px;
	padding-top: 65px;
}

#descricao p{
	color: #888888;
	font-size: 14px;
}

#descricao hr{
	background-color: #4F67A7;
	width: 100%;
	margin: 10px auto 30px;
}


#preco{
	margin-top: 25px;
	background-color: #F5F5F5;
	width: 575px;
	height: 125px;
	color: #4B4B4B;
	font-weight: 500;
	padding: 20px;
	box-sizing: border-box;
	position: relative;
}

#preco b{
	color: #4F67A7;
	font-size: 30px;
}
#preco i{
	text-decoration: line-through;
	font-style: normal;
}
#preco p span{
	color: #4F67A7;
	font-weight: 700;
}


#preco section{
	position: absolute;
	right: 20px;
	top: 30px;
}

#preco img{
	vertical-align: middle; 
	margin-right: 10px;
	filter: brightness(0) saturate(100%) invert(41%) sepia(8%) saturate(3793%) hue-rotate(186deg) brightness(90%) contrast(78%);
}

#preco button {
	width: 150px;
	height: 65px;
	background-color:#26CC64; 
	color: #FFFFFF;
	border: none;
	font-size: 20px;
	cursor: pointer;
	transition: 0.3s;
	margin-right: 10px;
	border-radius: 5px;
}
#preco form button:hover{transform: scale(1.04)}



#preco section input{
	width: 45px;
	height: 40px;
	text-align: center;
	margin-right: 5px;
}

#galeria{
	display: flex;
	width: 535px;
	flex-direction: column-reverse;
	margin-left: 0px;
}
#galeria ul{
	width: 100%;
	display: flex;
}

#galeria ul li{
	width: 90px;
	height: 90px;
}

#galeria ul li img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

#big_image{
	width: 100%;
	border: 1px solid #CCCCCC;
	margin-bottom: 20px;
}

#big_image img{
	width: 100%;
	height: 500px;
	object-fit: contain;
}

#frete{
	width: 575px;
	height: 51px;
	position: relative;
	display: flex;
	background-color: #4F67A7;
	text-align: center;
	left: 0; bottom: 0;
	margin-top: 40px;
}

#frete p{
	box-sizing:border-box;
	padding: 10px;
	font-size: 13px;
	color: #FFFFFF;
	width: 180px;
	height: 45px!important;
	margin-top: -2px
}

#frete p:nth-last-child(1){margin-top: 5px;margin-right: 30px;}

#frete p img{
	float: left;
	filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(240deg) brightness(104%) contrast(102%);
}

#frete input{
	width: 160px!important;
	height: 45px!important;
}

#fale{
	flex-wrap: wrap;
	margin-top: 130px;
	margin-bottom: 40px;
}

#fale iframe{
	width: 710px;
	height: 445px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	margin-bottom: 40px;
}

#fale form{
	box-sizing: border-box;
	padding: 20px;
	background-color: #F5F5F5;
	width: 400px;
	height: 475px;
	transition: 0.3s;
}
#fale form:hover{
	transform: scale(1.02)
}

#fale form h2{
	margin-top: 10px;
	text-align: left;
	color: #4B4B4B;
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 5px;
}
#fale form p{
	font-size: 13px;
	color:#4B4B4B;
	margin-bottom: 20px;
}

#fale form input{
	margin-top: 5px;
	font-size: 12px;
	color: #9F9F9F;
	border: 1px solid #D2D2D2;
	width: 360px;
	height: 35px;
	margin-bottom: 10px;
}

#fale form textarea{
	width: 360px;
	height: 85px;
	border: 1px solid #D2D2D2;
}

#fale form button{
	width: 100px;
	height: 30px;
	background-color: #4F67A7;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 600;
	border: none;
	margin-left: 267px;
	margin-top: 25px;
	transition: 0.3s;
	cursor: pointer;
}

#fale form button:hover{
	background-color: #3D7436;
}


#descricao__tec{
	width: 630px;
	text-align: left;
	margin-left: 0px;
}

#descricao__tec h3{
	font-size: 22px;
	margin: 20px auto;
	color: #274b70;
}

#descricao__tec h2{
	color: #274b70;
	font-size: 25px;
	text-align: left;
	margin-bottom: 40px;
	
}

#descricao__tec p{
	font-size: 15px;
	color: #707070;
	line-height: 22px;
}

.relacionados {margin-top: 100px;}

#cores{
	height: 50px;
	background-color: #F5F5F5;
	display: flex;
	align-items: center;
	position: relative;
	margin-top: 40px;
	padding: 5px 15px 5px 15px;
	color: #4B82BB;
	font-weight: bold;
	
}

#cores p{
	padding-top: 0px;
	color: #4B82BB;
	text-transform: uppercase;
	margin: auto 20px auto 0px;
}

#cores ul{
	width: auto;
	height: auto;
	margin: auto 20px auto 0px;
	display: flex;
}

#cores ul li{
	width: 20px;
	height: 20px;
	border-radius: 100px;
	display: block;
	margin-right: 5px;
	border: 1px solid #707070;
}

#cores ul li a{
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
}

#cores div{
	font-weight: bold;
	color:#4B82BB;
	margin-left: 0px;
}


#cores div select{
	width: 125px;
	height: 25px;
	margin-left: 0px;
}



#blog_inside{
    display: flex;
    margin: 250px auto 50px auto;
}
#blog_inside #texto_blog{
    width: 750px;
}
#blog_inside #texto_blog h1{
    text-transform: none;
    margin-bottom: 20px;
	font-size: 35px;
    
}

#blog_inside #texto_blog div img{
    width: 750px;
    height: 400px;
    margin-bottom: 30px;
    object-fit: cover;
       
}

#texto_blog ul{margin: 15px auto;}

#texto_blog h2{font-size: 20px; font-weight: 600; color: #1A4568;margin: 25px auto;}
#texto_blog ul li{list-style: disc;list-style-position: inside;margin: 5px auto;}

#texto_blog p {margin: 15px auto;}
#texto_blog a{text-decoration: underline; color: #B6D0E1;}

.sidebar{display: flex; flex-wrap: wrap; justify-content: center; width: 400px; align-self: flex-start; position: relative;}


#possibilidades{margin-top: 20px;}

#possibilidades p{
	margin-bottom: 10px;
	color: #4F67A7;
    font-size: 20px;
}

.quantidade_select{
	width: 43px!important;
    height: 40px!important;
    text-align: left!important;
    margin-right: 5px!important;
}

#possibilidades select{
	width: 30%;
	height: 30px;
	margin-bottom: 10px;
	border-radius: 5px;
	background-color: #f5f5f5;
	margin-right: 10px;
	border: 1px solid #f5f5f5;
}

/* - - - share - - - */
.sidebar .share{width: 100%; height: auto; position: relative; box-sizing: border-box; text-align: left; padding: 20px; background-color: #F5F8FF; margin-bottom: 35px;}

/* - - bloco - - */
.sidebar .share .bloco{width: 100%; margin-bottom: 0;}
.sidebar .share .bloco > *{text-align: left;}
.sidebar .share .bloco .title{font-size: 18px;}
.sidebar .share .bloco .description{font-size: 15px; width: 100%;}
/* - - bloco - - */

/* - - share-btn - - */
.sidebar .share .share-btn{
  	display: inline-block;
	vertical-align: middle;
  	color: #ffffff;
	background-color: #EBF0F8;
  	border: none;
  	padding: 7px;
	border-radius: 25px;
  	outline: none;
	box-sizing: border-box;
  	text-align: center;
  	margin: 0 2.5px 0 0;
  	height: 30px;
	width: 30px;
	transition: 0.3s;
	cursor: pointer;
}
.sidebar .share .share-btn:nth-of-type(2){margin: 0 2.5px 0 0;}
.sidebar .share .share-btn:last-of-type{margin: 0;}
.sidebar .share .share-btn img{
	height: 100%;
	width: auto; 
	position: relative; 
	display: block; 
	box-sizing: border-box; 
	filter: invert(45%) sepia(9%) saturate(826%) hue-rotate(180deg) brightness(94%) contrast(93%);
}

.sidebar .share .share-btn:hover > img{filter: brightness(0) invert(1);}

.sidebar .share .share-btn.twitter:hover{background: #55acee;}
.sidebar .share .share-btn.telegram:hover{background: #0088cc;}
.sidebar .share .share-btn.facebook:hover{background: #3B5998;}
.sidebar .share .share-btn.whatsapp:hover{background: #25d366;}
.sidebar .share .share-btn.linkedin:hover{background: #0077b5;}
.sidebar .share .share-btn.print:hover{background: #000;}
/* - - share-btn - - */

/* - - - share - - - */

/* - - - BLOG REL - - - */
.sidebar .blog_rel{width: 100%; height: auto; position: relative; margin-bottom: 45px;}

/* - - bloco - - */
.sidebar .blog_rel .bloco{margin-bottom: 10px; justify-content: flex-start; align-items: flex-start; width: 100%;}
.sidebar .blog_rel .bloco:last-child{margin: 25px 0 0 0;}

.sidebar .blog_rel .bloco .title{font-size: 22px; margin-bottom: 0;}
.sidebar .blog_rel .bloco .linkout{text-align: center; align-self: center; padding: 0 10px; width: auto; font-size: 14px;}
/* - -  bloco - - */

/* - -  artigo - - */
.sidebar .blog_rel .artigo{
	width: 100%; 
	height: auto;
	padding: 10px 10px 10px 35px; 
	text-align: left;
	display: block; 
	margin: 0 auto 10px;
	border: none;
	border-bottom: 1px #393939 solid;
	background: none;
}
.sidebar .blog_rel .artigo:last-child{margin: 0 auto 0; border-bottom: none;}
.sidebar .blog_rel .artigo .img{width: 150px; height: 150px; display: none;}
.sidebar .blog_rel .artigo .nome{font-size: 14px; color: #393939; margin-bottom: 0;}
.sidebar .blog_rel .artigo .nome:before{
	content: ""; 
	display: block;
	width: 8px;
	height: 8px; 
	position: absolute; 
	left: 50%; 
	top: 50%; 
	margin: -4px 0 0 -198px;
	transition: 0.3s;
	background-color: #393939;
}
.sidebar .blog_rel .artigo .descricao{font-size: 14px; display: none;}
.sidebar .blog_rel .artigo .link{display: none;}

.sidebar .blog_rel .artigo:hover{background-color: #336463;}
.sidebar .blog_rel .artigo:hover > .nome{color: #fff;}
.sidebar .blog_rel .artigo:hover > .nome:before{background-color: #fff;}
/* - -  artigo - - */

/* - - - BLOG REL - - - */

/* - - - formulario - - -*/
.sidebar .formulario{width: 100%;}

.blog_rel p{
	font-size: 22px;
	font-style: normal;
	color: #4C5974;
	letter-spacing: 3px;
	margin-bottom: 10px;
}

#veja{border-bottom: 2px solid #4C5974}

#veja p{
	margin-top: 20px;
	font-size: 14px;
	color: #393939;
	font-weight: bolder;
	font-style: normal;
	transition: 0.3s;
    letter-spacing: 0;
	display: list-item;
	list-style-position: inside;
}

#veja p:hover{transform: scale(1.03); }

.without a{
	box-sizing: border-box;
	padding: 10px 5px!important;
	text-align: center;
	font-style: normal;
	color: #4C5974;
	border: 1px solid #4C5974;
	border-radius: 6px 0px;
	margin-left: 150px;
	transition: 0.3s;
}

.without a:hover{
	background-color: #5F84A1;
	color: #ffffff;
	border: 1px solid #ffffff;
	
}

.formulario{
	border: 2px solid #f5f5f5;
	border-radius: 6px;
	box-sizing: border-box;
	padding: 20px;
}

.formulario form{
	display: flex;
	flex-wrap: wrap;
}

.formulario form input{
	width: 100%;
	height: 50px;
	border: 1px solid #ccc;
	background-color: transparent;
	color: #ababab;
	font-size:16px;
	font-style: normal;
	margin-bottom: 20px;
}

.formulario form textarea{
	width: 100%;
	height: 150px;
	border: 1px solid #ccc;
	background-color: transparent;
	color: #ababab;
	font-size:16px;
	font-style: normal;
}

#aceitar {
	font-size: 11px;
	font-style: normal;
	margin-left: -4px;
	margin-top: 25px;
	width: 50%;
}
#aceitar input{
	width: 15px;height: 15px;
	float: left;
}

#aceitar a{
	color: #707070;
	text-decoration: underline;
}

.formulario button{
	width: 100px!important;
	height: 45px!important;
	border: 1px solid #ababab;
	border-radius: 6px;
	margin-top: 20px;
	transition: 0.3s;
}

.formulario button:hover{background-color: #1A4568;color: #ffffff;}

#texto_blog {font-style: normal;}

#sobre__content h2{
	font-size:36px;
	font-weight: 300;
	font-style: normal;
	color:#5F84A1;
	width: 705px;
	margin-left: -2px;
	margin-top: 80px;
}
#sobre__content  p{
	column-count: 2;
	font-size:18px;
	font-style: normal;
	color: #707070;
	margin-top: 60px;
}

#bg__abordagem{
	position: absolute;
	margin-top: 60px;
	z-index: 0;
	width: 665px;
	height: 665px;
	object-fit: cover;
}

#abordagem{
	background-color: #E4EFF6;
	width: 590px;
	height: auto;
	padding: 35px 70px;
	position: relative;
	box-sizing: border-box;
	margin: 140px 415px 0 525px;		
}

#abordagem h2{
	font-size: 36px;
	font-weight: 700;
	color: #1A4568;
	margin-top: 10px;
	margin-bottom: 40px;
}
#abordagem ul{
	list-style-type: inherit;
	color: #1A4568;
}
#abordagem ul li{
	color:#707070;
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
}

#historia{
	background: url("../../imagens/escritorio.png") no-repeat center right;
	height: 710px;
	margin-top: 65px;
	font-size: 18px;
	color: #707070;
	font-weight: 400;
	font-style: normal;
	position: relative;
	padding-right: 550px;
	z-index: 0;
}
#historia h2{
	font-size: 145px;
	color: #1A4568;
	font-weight: 600;
	position: absolute;
	line-height: 70px;
	font-style: italic;
	margin-bottom: 300px;
	margin-right: 500px;
}

#historia h2 span{
	font-size: 23px;
	font-weight: 500;
	margin-left: 35px;
}

#historia p{
	margin-top: 245px;
	position: absolute;
	padding-right: 550px
}

 

#text__historia{
	position:absolute;
	background-color: #FFFFFF;
	width: 635px;
	height: 180px;
	font-size: 30px;
	font-style: normal;
	font-weight: 400;
	color: #5F84A1;
	box-sizing: border-box;
	padding: 20px;
	margin-left: 420px;
	margin-top: 40px;
}


#missao{
	position: relative;
	display: flex;
	box-sizing: border-box;
	width: 1190px;
	height: 470px;
	margin: 70px auto;
}

#missao li h2{
	font-size: 36px;
	font-weight: 600;
	font-style: normal;
	color: #DDCCB8;
	margin-top: 45px;
	margin-bottom: 40px;
}

#missao li{
	width: 30%;
	padding: 40px;
	background-color: #1A4568;
	margin: 5px
}

#missao li p{
	font-size: 16px;
	font-style: normal;
	color: #FFFFFF;
	font-weight: 400;
}

#missao li:nth-child(2){ background-color: #B6D0E1; }
#missao li:nth-child(2) > h2{ color: #1A4568; }
#missao li:nth-child(2) > p{ color: #1A4568; }

#missao li:nth-child(3){ background-color: #5F84A1; }
#missao li:nth-child(3) > h2{ color:#B6D0E1; }
#missao li:nth-child(3) > p{ color: #FFFFFF; }


/* - - - - - Duvidas - - - - - */
#text_duvidas{
	color: #707070;
	font-size: 18px;
	text-align: center;
	margin: 60px auto;
}

#box{
	display: flex;
	margin-bottom: 40px;
}

#inside_box{width: 60%;}

#text_box{
	height: 65px;
	border-radius: 10px;
	box-sizing: border-box;
	padding: 20px;
	transition: 0.3s;
	background-color: #F5F5F5;
	margin-bottom: 10px;
}

#text_box h2{
	font-size: 20px;
	color: #184583;
	font-style: italic;
	margin-bottom: 20px;
}

#text_box p{
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	display: none;
	transition: 0.3s;
}


#text_box a{
	margin: 20px auto auto;
  align-items: center;
  justify-content: center;
  width: 155px;
  height: 30px;
  background-color: #fff;
  border-radius: 10px;
	box-shadow: 0 7px 30px -10px rgba(150,170,180,0.5);
	display: none;
	transition: 0.3s;
}

#text_box a p{
	color: #184583;
	font-size: 14px;
	font-weight: 600;
	width: 60%;
}

#text_box a img{
	width: 18px;
	height: 18px;
}

.expanded{
	height: auto!important;
	background-color:#184583!important;
}

.expanded h2{color: #8FD2EE!important;}

.expanded p, .expanded a{display: block!important;}

.expanded a{display: flex!important;}

/*--
#title_box ul{margin-top: 20px;}

#title_box ul li{
	width: 100%;
	height: 55px;
	border-radius: 10px;
	background-color: #F5F5F5;
	margin-bottom: 10px;
	display: inline-flex;
	align-items: center;
	box-shadow: 0px 4px 8px -2px rgba(9, 30, 66, 0.25), 0px 0px 0px 1px rgba(9, 30, 66, 0.08);
}

#title_box ul li a{	
	text-align: left;
	margin-left: 20px;
}

#title_box ul li a h3{
	font-size: 20px;
	font-style: italic;
	color: #184583;
	font-weight: 300;
}
--*/

#form_box{
	width: 40%;
	height: auto;
}

#form_box a{
	background-color: #184583;
	width: 350px;
	height: 75px;
	display: inline-flex;
	border-radius: 10px;
	color: #fff;
	font-size: 18px;
	justify-content: center;
	align-items: center;
	position: absolute;
    left: 50%;
    margin-left: 180px;
}


#form_box a img{
	filter: brightness(0) saturate(100%) invert(100%) sepia(95%) saturate(0%) hue-rotate(112deg) brightness(106%) contrast(105%);
	width: 40px; 
	height: 40px;
}

#form_box a p{
	color: #fff;
	font-size: 20px;
	padding-top: 0px;
	font-weight: 500;
}

#form_box a p span{
	color: #8FD2EE;
	font-size: 33px;
	font-weight: 300;
	text-align: center;
}

#form_box form{
	height: 600px;
	background-color: #e5e5e5;
	width: 90%;
	border-radius: 30px;
	text-align: center;
	margin-top: 30px;
}

#form_box p{
	text-align: center;
	color: #184583;
	padding-top: 60px;
	font-size: 40px;
	font-weight: 300;
}

#form_box b p{
	color: #f6df21;
	font-size: 20px;
}

#form_box form input, #form_box form textarea{
	width: 85%;	
	margin-bottom: 15px;
}

#form_box form input:first-of-type{margin-top: 15px;}

#form_box form input{
	height: 40px;
	border-radius: 10px;
	border: 1px solid #184583;
}

#form_box form textarea{
	border: 1px solid #184583;
	height: 100px;
	border-radius: 10px;
}

#form_box form button{
	width: 100px;
	height: 40px;
	border-radius: 10px;
	color: #fff;
	background-color: #184583;
	border: none;
	position: absolute;
	right: 50px;
	margin-top: -35px;
}
#checkbox{
	width: 170px;
	height: 35px;
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	margin-left: 30px!important;
	margin-top: 10px!important;
}

#checkbox input{
	width: 20px!important;
	height: 20px!important;
}

#checkbox label{
	font-size: 12px;
	color: #3D3D3D;
}

#checkbox label a{
	text-decoration: underline;
	background: none;
    width: auto;
    height: auto;
    display: block;
   	font-size: 12px;
	color: #3D3D3D;
    justify-content: center;
    align-items: center;
    position: relative;
    left: auto;
  	margin: auto;
}

/* - - - - - Duvidas - - - - - */

/*contato*/

#contato{
	display: flex; 
	flex-wrap: wrap;
	margin-bottom: 100px;
	
}

#contato form{
	width: 555px;
	height: 530px;
	border: 1px solid #4F67A7;
	text-align: center;
}

#contato form input{
	width: 85%;
	height: 50px;
	border: 1px solid #D2D2D2;
	margin-bottom: 20px;
	color: #9F9F9F;
	font-size: 16px;
	font-weight: 400;
	box-sizing: border-box;
	padding: 10px;
}

#contato form input:first-child{margin-top: 60px;}

#contato form textarea{
	width: 85%;
	height: 170px;
	border: 1px solid #D2D2D2;
	color: #9F9F9F;
	font-size: 16px;
	font-weight: 400;
	box-sizing: border-box;
	padding: 10px;
}

#contato form button{
	width: 140px;
	height: 40px;
	color: #ffffff;
	font-size: 22px;
	font-weight: 600;
	background-color: #4F67A7;
	border: 1px solid #4F67A7;
	float: right;
	margin-top: 10px;
	margin-right: 40px;
	transition: 0.3s;
}

#contato form button:hover{
	transform: scale(1.1);
	background-color: #ffffff;
	color:#4F67A7
}

#dados{
	box-sizing: border-box;
    padding: 30px;
	margin-top: -10px;
    margin-left: -20px;
}

#dados h2{
	font-size: 24px;
	color: #333333;
	font-weight: 400;
	margin: 0px;
	text-align: left;
}

#dados p{font-size:23px;}

#redes__dados img{
	filter: invert(15%) sepia(0%) saturate(1361%) hue-rotate(167deg) brightness(96%) contrast(85%);
	margin-top: 10px;
	transition: 0.3s;
	width: 20px;
	height: 20px;
	object-fit: cover;
}

#redes__dados img:hover{
	transform: scale(1.1);
}


#redes__dados{
	width: auto!important;
height: auto!important;
background-color: transparent!important;
}
  .categoria-menu {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .categoria-item {
        position: relative;
        display: inline-block;
    }
    .categoria-item a {
        text-decoration: none;
        display: block;
		transition: 0.3s;
    }

.categoria-item:hover{
	background-color: #1A3046;
	color: #fff!important;
}

.categoria-item:hover a{color: #fff!important;}
    .subcategoria-box {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        background:#1A3046;
        box-shadow: 0px 4px 6px rgba(0,0,0,0.1);
        border-radius: 5px;
        list-style: none;
        padding: 10px;
        width: max-content;
		transform: translateX(-50%);
    }
    .subcategoria-box li {
        padding: 5px 0;
    }
    .subcategoria-box a {
        text-decoration: none;
        color: #fff;
        padding: 5px 10px;
        display: block;
		transition: 0.3s;
		height: auto!important;
		margin-bottom: 5px;
		line-height: normal!important;
    }
	
.subcategoria-box a:hover{
	text-decoration: underline;
	font-weight: bold;
	transform: scale(1.03);
	color: #4B82BB!important;
}
    .categoria-item:hover .subcategoria-box {
        display: block;
    }

/* - - - - - CARRINHO - - - - - */
.carrinho{}

.carrinho.content.display.central > *:first-child{width: 770px; padding-top: 50px;}

.carrinho .bloco .title{margin-bottom: 50px;}

/* - - carrinho - table - - */
.carrinho div table{width: 100%; height: auto; border-spacing: 0;}

/* - thead - */
.carrinho div table thead{}
.carrinho div table thead tr{}
.carrinho div table thead tr th{height: 40px; line-height: 40px; color: #fff; text-align: left; background-color: #4F67A7;}
/* - thead - */

/* - tbody - */
.carrinho div table tbody{}
.carrinho div table tbody tr{}
.carrinho div table tbody tr td{border-bottom: 1px #707070 solid; padding: 20px 0;}

.carrinho div table tbody tr td .img{width: 80px; height: 80px; border: 1px #D4D4D4 solid; overflow: hidden; position: relative; box-sizing: border-box;}
.carrinho div table tbody tr td .img img{width: 100%; height: 100%; display: block; position: relative; box-sizing: border-box; object-fit: contain;}

.carrinho div table tbody tr td .img.small{width: auto; height: 25px; border: none;}
.carrinho div table tbody tr td .img.small img{height: 100%;}

.carrinho div table tbody tr td .nome{color: #192124; font-size: 12px; text-transform: uppercase; font-weight: bold;}
.carrinho div table tbody tr td .codigo{color: #90999D; font-size: 10px; margin-bottom: 5px;}
.carrinho div table tbody tr td .codigo:last-of-type{font-size: 11px!important;}
.carrinho div table tbody tr td .preco{font-size: 15px; color: #192124;}

.carrinho div table tbody tr td .tamanho{font-size: 15px; color: #192124; text-transform: uppercase;}

/* - */
.carrinho div table tbody tr td form{display: flex; flex-wrap: wrap; justify-content: center;}
.carrinho div table tbody tr td form > *{position: relative; box-sizing: border-box; transition: 0.3s; margin: 0 5px;}

.carrinho div table tbody tr td form input{width: 55px; height: 40px; line-height: 40px; padding: 0 0 0 5px; font-size: 15px; text-align: center; color: #192124;}
.carrinho div table tbody tr td form input:focus{color: #000;}

.carrinho div table tbody tr td form button{background: none; border: none; cursor: pointer; transform: rotate(0);}
.carrinho div table tbody tr td form button img{width: 20px; height: auto; display: block; transition: 0.3s;}
#delete_icon{transition: 0.3s;}
#delete_icon:hover{transform: scale(1.06);filter: invert(13%) sepia(63%) saturate(6484%) hue-rotate(358deg) brightness(113%) contrast(121%);}

#obs_carrinho{font-size: 11px;}
/* - */

/* - tbody - */

/* - - carrinho - table - - */

/* - carrinho - detail - */
.carrinho .detail{padding-top: 15px;}
.carrinho .detail a{
	width: 255px; 
	height: 45px; 
	line-height: 45px;
	background-color: #FA2F2F;
	border: none; 
	color: #fff; 
	font-size: 16px;
	cursor: pointer;
	margin: 0 0 0 auto;
	letter-spacing: 0.5px;
	display: block;
	transition: 0.3s;
	text-align: center;
}	
.carrinho .detail a:hover{background-color: #000;}
/* - carrinho - detail - */


/* - - carrinho - finalizar - - */
.content.carrinho.central > *:nth-child(2){margin-top: 0;}

.carrinho .finalizar{background-color: #FBFBFF; border: 1px #FBFBFF solid; box-sizing: border-box; padding: 20px; width: 370px;transition: 0.3s;}
.carrinho .finalizar:hover{transform: scale(1.03);}
.carrinho .finalizar .bloco{width: 100%; padding-top: 0;}
.carrinho .finalizar .bloco .title{margin-bottom: 0; text-align: center; font-weight: 500;}

.carrinho .finalizar > *{display: block; position: relative; box-sizing: border-box; transition: 0.3s;margin: auto;}
.carrinho .finalizar > *:last-child{margin: 0 auto;}

.carrinho .finalizar .preco{font-size: 40px; color: #192124; text-align: center;}
.carrinho .finalizar .preco span{font-size: 20px; display: block;}
.carrinho .finalizar .preco span:first-of-type{text-transform: uppercase;}
.carrinho .finalizar .preco span:last-of-type{color: #707070;}

/* - */
.carrinho .finalizar form{display: flex; flex-wrap: wrap; justify-content: center; width: 300px; height: 42px; border: 1px #192124 solid;}
.carrinho .finalizar form > *:not(.comprar){position: relative; box-sizing: border-box; transition: 0.3s; border-radius: 0; margin: 0; padding: 0 7.5px; border: none; height: 40px; line-height: 40px;}

.carrinho .finalizar form input{background-color: #fff;}
.carrinho .finalizar form input:focus{}

.carrinho .finalizar form button{background-color: 	#4F67A7; color: #FFFFFF; font-size: 12px; text-transform: uppercase; cursor: pointer;}
.carrinho .finalizar form button img{display: inline-block; vertical-align: middle; margin: -2.5px 5px 0 0; filter: brightness(0) invert(1); width: 20px;}
.carrinho .finalizar form button:hover{background-color: #3D7436}

.carrinho .finalizar .cupom_form input{width: 100% 	;}
.carrinho .finalizar .cupom_form button{width: 40px;}
.carrinho .finalizar .cupom_form button img{margin: -2.5px auto 0;}

.carrinho .finalizar .cep_form input{width: 50%;}
.carrinho .finalizar .cep_form button{width: 50%;}
/* - */

.carrinho .finalizar .descricao{width: 100%; color: #192124; font-size: 12px; text-align: center;}

.carrinho .finalizar .item_ic{text-align: center;}
.carrinho .finalizar .item_ic hr{width: 100%;}


/* - */
.carrinho .finalizar .pagamento{height: auto; width: 100%; border: none;margin-top: 5PX;}

.carrinho .finalizar .pagamento .opcao{width: 100%; height: auto; margin-bottom: 10px; background-color: #fff; border: 1px #707070 solid; padding: 7.5px 5px 7.5px 30px; transition: 0.3s;}
.carrinho .finalizar .pagamento .opcao:hover{transform: scale(1.1)}
.carrinho .finalizar .pagamento .opcao:last-child{margin-bottom: 0;}
.carrinho .finalizar .pagamento .opcao > *{position: relative; box-sizing: border-box; height: auto; line-height: normal;}

.carrinho .finalizar .pagamento .opcao input{position: absolute; left: 10px; top: 0; bottom: 0; margin: auto;}
.carrinho .finalizar .pagamento .opcao .titulo{color: #000000; font-size: 12px; font-weight: bold;}
.carrinho .finalizar .pagamento .opcao .descricao{text-align: left; font-size: 13px;}
/* - */

.carrinho .finalizar .comprar{background-color: #26CC64; transition: 0.3s; width: 100%; height: 65px; line-height: 65px; border: none; color: #fff; font-size: 20px; text-transform: uppercase; text-align: center; margin-top: 20px;}
.carrinho .finalizar .comprar:hover{background-color:#4F67A7;}
.carrinho .finalizar .comprar img{filter: brightness(0) invert(1); display: inline-block; vertical-align: middle; position: relative; margin: -5px 10px 0 0; width: 28px; height: auto;}

/* - - carrinho - finalizar - - */

/* - - - - - CARRINHO - - - - - */