/*
Theme: CronoVit
Theme URI: cronovit.com.br
Description: Site para o produto CronoVit - Intercrom
Author: Antonio Pereira
Author URI: bemmais.com
Version: 1.0
*/



/* -- SETINGS -- */

@font-face {
	font-family: RedHatDisplay-Regular;
	src: url(fonts/RedHatDisplay.ttf);
}
@font-face {
	font-family: RedHatDisplay-Medium;
	src: url(fonts/RedHatDisplay-Medium.otf);
}
@font-face {
	font-family: RedHatDisplay-Bold;
	src: url(fonts/RedHatDisplay-Bold.otf);
}
@font-face {
	font-family: RedHatDisplay-Black;
	src: url(fonts/RedHatDisplay-Black.otf);
}
* {
	margin: 0 auto;
}
body {
	background-color: #efefef !important;
}
a {
	text-decoration: none !important;
}
:root {
	--general-padding: 50px 15.5%;
}



/* -- GENERAL CLASS --  */

.descubra-button {
	/*background-image: linear-gradient(to right, #a7c845, #829e2c);*/
	background-image: url('img/orange-background.jpg');
	background-size: 100% 100%;
	transition: background 0.3s;
	padding: 12px 35px;
	box-shadow: 0 0 90px 0 rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	text-decoration: none;
	color: #fff;
	font-family: RedHatDisplay-Medium;

}
.descubra-button:hover {
	border-bottom: none;
	background-image: url('img/orange-background-reverse.jpg');
	transition: background 0.5s;
	color: #fff;

}
.flex-box {
	width: 100%;
	display: flex;
}
.page-section1,
.page-section1 img {
	width: 100%;
}
.d-block {
	display: block;
	margin-left: -5%;
	transition: margin-left 0.4s;
}
.m-left {
	display: block;
	margin-left: -100%;
	transition: margin-left 0.4s;
}
.d-none {
	display: none;
	transition: margin 0.5s;
}
.box-on {
	display: block;
}
.box-off {
	display: none !important;
}
.banner-desktop {
	display: block;
}
.banner-mobile {
	display: none;
}



/* -- HEADER -- */

header {
	width: 100%;
	padding: var(--general-padding);
	padding-top: 20px;
	padding-bottom: 20px;
	box-sizing: border-box;
	display: flex !important;
	font-family: RedHatDisplay-Medium;
	font-size: 13pt;
	z-index: 11;
	transition: background 0.5s;
}
.header-scroll {
	position: fixed;
	background-color: #a7a7a7;
	transition: background 0.5s;
}
#menu {
	display: none;
}
header #logo {
	margin: 0;
}
header ul {
	width: inherit;
	justify-content: right;
	align-items: center;
	margin: 0;
	display: flex;
	padding: 0;
}
header ul li {
	width: fit-content;
	white-space: nowrap;
	list-style: none;
	margin: 0 2%;
}
header ul li a {
	text-decoration: none;
	color: #252525;
	margin: 0 3%;
	width: fit-content;
}
header .page-home {
	font-family: RedHatDisplay-Bold;
}
header .page-sobre {
	font-family: RedHatDisplay-Bold;
}
header .page-produtos {
	font-family: RedHatDisplay-Bold;
}
header .page-produto {
	font-family: RedHatDisplay-Bold;
}
header .page-onde {
	font-family: RedHatDisplay-Bold;
}
header .page-contato {
	font-family: RedHatDisplay-Bold;
}
header .page-encontre {
	font-family: RedHatDisplay-Bold;
}
header ul li a:hover{
	color: #000;
	border-bottom: 2px solid #252525;
	transition: border-bottom 0.1s;
}



/* -- INDEX -- */

#index-section1,#index-section1 img {
	width: 100%;
}
#index-section2 {
	width: 100%;
	box-sizing: border-box;
	padding: var(--general-padding);
	text-align: center;
	background-image: url(img/index-background-detail1.png);
	background-size: 7%;
	background-repeat: no-repeat;
}
#index-section2 #title {
	color: #e50e16;
	text-align: center;
	font-family: RedHatDisplay-Medium;
	margin-bottom: 0;
}
#index-section2 h1 {
	text-align: center;
	font-family: RedHatDisplay-Black;
	color: #1a1b1e;
	font-size: 28pt;
}
#index-section2 #boxes {
	margin-top: 50px;
}
#index-section2 #boxes #box {
	width: 31%;
	box-sizing: border-box;
	background-color: #e9e9e9;
	padding: 56px 3%;
	box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.4);
}
#index-section2 #boxes #box h2 {
	margin: 20px 0;
	font-family: RedHatDisplay-Black;
}
#index-section2 #boxes #box p {
	font-family: RedHatDisplay-Regular;
	font-weight: 100;
	color: #6a6e72;
}
#index-section2 #saiba-mais {
	font-family: RedHatDisplay-Medium;
	margin-top: 56px;
	text-align: center;
	color: #606060;
}
#index-section2 #saiba-mais a {
	text-decoration: none;
	color: #06113c;
	transition: font 0.3s;
}
#index-section2 #saiba-mais span {
	font-family: RedHatDisplay-Bold;
}
#index-section2 #saiba-mais a:hover {
	font-size: 12.5pt;
	transition: font 0.3s;
}
#index-section3{
	width: 100%;
	box-sizing: border-box;
	padding: var(--general-padding);
	display: flex;
	align-items: center;
    position: absolute;
    margin-top: -32%;
}
#index-s3-back{
	width: 100%;
	margin-top: -1px;
}
#index-s3-cut{
	background-image: url('img/index-s3-background.jpg');
	background-size: 100% 100%;
	background-attachment: fixed;
}
#index-section3 #index-s3-esq{
	position: absolute;
	width: 24.1%;
	margin-top: 5.3%;
}
#index-section3 #dir{
	width: 50%;
	color: #fff;
	margin-right: 0;
}
#index-section3 #dir #title {
	color: #06113c;
	font-family: RedHatDisplay-Medium;
	margin-bottom: 0;
}
#index-section3 #dir h1 {
	font-family: RedHatDisplay-Black;
	font-size: 28pt;
}
#index-section3 #dir img{
	transition: transform 0.2s;
}
#index-section3 #dir img:hover{
	transform: scale(1.02);
	transition: transform 0.2s;
}
#index-section4 {
	width: 100%;
	box-sizing: border-box;
	padding: var(--general-padding);
	text-align: center;
	background-image: url(img/index-background-detail1.png);
	background-size: 7%;
	background-repeat: no-repeat;
	margin-top: -7%;
	background-color: #efefef;

}
#index-section4 #title {
	color: #e50e16;
	text-align: center;
	font-family: RedHatDisplay-Medium;
	margin-bottom: 0;
}
#index-section4 h1 {
	text-align: center;
	font-family: RedHatDisplay-Black;
	color: #1a1b1e;
	font-size: 28pt;
}
#index-section4 #boxes {
	margin-top: 50px;
}
#index-section4 #boxes .box {
	width: 31%;
	box-sizing: border-box;
	padding: 56px 3%;
	cursor: pointer;
	transition: transform 0.3s;
	text-decoration: none;
}
#index-section4 #boxes .box img{
	width: 100%;
}
#index-section4 #boxes .box:hover img{
	transform: scale(1.02);
	transition: transform 0.3s;
}
#index-section4 #boxes .box h4 {
	margin: 20px 0;
	font-family: RedHatDisplay-Bold;
	padding: 8px 0;
	background-image: url('img/produto-title-back-home.png');
	background-size: 100% 100%;
	background-color: #ea0e11;
	color: #fff;
}
#index-section4 #boxes .box p {
	font-family: RedHatDisplay-Regular;
	font-weight: 100;
	color: #6a6e72;
}
#index-section4 #ver-todos{
	font-family: RedHatDisplay-Medium;
	padding: 12px 35px;
	background-color: #3577b1;
	text-align: center;
	color: #fff;
	transition: font 0.3s;
}
#index-section4 #ver-todos:hover {
	font-size: 12.5pt;
	transition: font 0.3s;
}
#index-section5 {
	width: 100%;
	padding: var(--general-padding);
	box-sizing: border-box;
	text-align: center;
}

#index-section5 #content {
	width: 90%;
	background-image: url('img/index-s5-background.jpg');
	background-size: 100% 100%;
	padding: 100px 5%;
	margin-bottom: 50px;
}

#index-section5 #content h1 {
	text-align: center;
	font-family: RedHatDisplay-Black;
	color: #fff;
	font-size: 28pt;
	margin-bottom: 24px;
}

#index-section5 #content img {
	border-radius: 15px;
	transition: transform 0.5s;
	cursor: pointer;
}
#index-section5 #content img:hover {
	transform: scale(1.05);
	transition: transform 0.5s;
}



/* -- CONHEÇA -- */

#page-section1, #page-section1 img{
	width: 100%;
}
#conheca-section2 {
	width: 100%;
	padding: var(--general-padding);
	box-sizing: border-box;
}
#conheca-section2 h1 {
	text-align: center;
	font-family: RedHatDisplay-Regular;
	font-weight: 100;
	color: #252525;
	font-size: 28pt;
	margin-bottom: 50px;
}
#conheca-section2 h1 span {
	font-family: RedHatDisplay-Bold;
}
#conheca-section2 p {
	font-family: RedHatDisplay-Regular;
}
#conheca-section3 {
	width: 100%;
	box-sizing: border-box;
	padding: var(--general-padding);
	text-align: center;
	background-image: url(img/index-background-detail1.png);
	background-size: 7%;
	background-repeat: no-repeat;
}
#conheca-section3 #title {
	color: #e50e16;
	text-align: center;
	font-family: RedHatDisplay-Medium;
	margin-bottom: 0;
}
#conheca-section3 h1 {
	text-align: center;
	font-family: RedHatDisplay-Black;
	color: #1a1b1e;
	font-size: 28pt;
}
#conheca-section3 #boxes {
	margin-top: 50px;
}
#conheca-section3 #boxes .box {
	width: 31%;
	box-sizing: border-box;
	padding: 56px 3%;
	cursor: pointer;
	transition: transform 0.3s;
	text-decoration: none;
}
#conheca-section3 #boxes .box img{
	width: 100%;
}
#conheca-section3 #boxes .box h4 {
	margin: 20px 0;
	font-family: RedHatDisplay-Bold;
	padding: 8px 0;
	background-image: url('img/produto-title-back-home.png');
	background-size: 100% 100%;
	background-color: #ea0e11;
	color: #fff;
}
#conheca-section3 #boxes .box:hover img{
	transform: scale(1.02);
	transition: transform 0.3s;
}
#conheca-section3 #boxes .box p {
	font-family: RedHatDisplay-Regular;
	font-weight: 100;
	color: #6a6e72;
}
#conheca-section3 #ver-todos{
	font-family: RedHatDisplay-Medium;
	padding: 12px 35px;
	background-color: #3577b1;
	text-align: center;
	color: #fff;
	transition: font 0.3s;
}
#conheca-section3 #ver-todos:hover {
	font-size: 12.5pt;
	transition: font 0.3s;
}



/* -- ONDE -- */

#encontrar-section2 {
	width: 100%;
	padding: var(--general-padding);
	box-sizing: border-box;
	background-image: url('img/produtos-background.jpg');
	background-size: 100% auto;
	background-position: bottom;
	background-repeat: no-repeat;
}
#encontrar-section2 h1 {
	text-align: center;
	font-family: RedHatDisplay-Bold;
	color: #3d3c3c;
	font-size: 28pt;
	margin-bottom: 50px;
}
#encontrar-section2 #boxes {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
#encontrar-section2 #boxes .box {
	width: 25%;
	box-sizing: border-box;
	padding: 0 2%;
	margin-bottom: 50px;
}
#encontrar-section2 #boxes .box img {
	width: 100%;
	transition: transform 0.3s;
	/*border-radius: 10px;*/
	box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.4);
}
#encontrar-section2 #boxes .box img:hover {
	transform: scale(1.05);
	transition: transform 0.3s;
}


/* -- CONTATO -- */

#contato-section2 {
	width: 100%;
	padding: var(--general-padding);
	box-sizing: border-box;
	background-image: url('img/contato-background.jpg');
	background-size: 100% auto;
	background-position: bottom;
	background-repeat: no-repeat;
}
#contato-section2 h1 {
	text-align: center;
	font-family: RedHatDisplay-Bold;
	color: #3d3c3c;
	font-size: 28pt;
	margin-bottom: 100px;
}
#contato-section2 #content {
	width: 100%;
	display: flex;
	margin-bottom: 50px;
}
#contato-section2 #content #left {
	width: 30%;
	font-family: RedHatDisplay-Regular;
}
#contato-section2 #content #left p {
	border: 1px solid #3d3c3c;
	padding: 10px 0;
	text-align: center;
	margin-bottom: 10px;
	background-color: #e8e8e8;
}
#contato-section2 #content #left p span {
	font-family: RedHatDisplay-Bold;
}
#contato-section2 #content #left #obs {
	border: none;
	padding: 0;
	font-size: 11pt;
	background-color: transparent;
	margin-top: -0.5rem;
	color: #646161;
}
#contato-section2 #content #right {
	width: 70%;
	font-family: RedHatDisplay-Bold;
	padding-left: 3%;
}
#contato-section2 #content #right input,
#contato-section2 #content #right select,
#contato-section2 #content #right textarea {
	width: 100%;
	padding: 10px 2%;
	box-sizing: border-box;
	font-family: RedHatDisplay-Regular;
	border: none;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
	margin-bottom: 16px;
}
#contato-section2 #content #right .flex-box #email {
	width: 80%;
	padding-right: 3%;
}
#contato-section2 #content #right #telefone {
	width: 20%;
}
#contato-section2 #content #right textarea {
	height: 248px;
	resize: none;
}
#contato-section2 #content #right input[type="submit"] {
	padding: 30px 0;
	cursor: pointer;
	font-family: RedHatDisplay-Bold;
	font-size: 13pt;
	color: #fff;
	background-image: url('img/contato-submit.jpg');
	background-size: 100% 100%;
	transition: background 0.3s;
}
#contato-section2 #content #right input[type="submit"]:hover {
	background-image: url('img/contato-submit-reverse.jpg');
	transition: background 0.3s;
}



/* -- PRODUTOS -- */

#produtos-section2 {
	width: 100%;
	padding: var(--general-padding);
	box-sizing: border-box;
	padding-top: 100px;
	background-image: url('img/produtos-background.jpg');
	background-size: 100% auto;
	background-position: bottom;
	background-repeat: no-repeat;
}
#produtos-section2 h1 {
	text-align: center;
	font-family: RedHatDisplay-Regular;
	font-weight: 100;
	color: #252525;
	font-size: 28pt;
	margin-bottom: 50px;
}
#produtos-section2 h1 span {
	font-family: RedHatDisplay-Bold;
}
#produtos-section2 #categories {
	width: 100%;
	display: flex;
	margin-bottom: 50px;
}
#produtos-section2 #categories #category {
	font-family: RedHatDisplay-Medium;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
	padding: 10px 100px 10px 25px;
	background-image: url('img/produtos-category-off.png');
	background-repeat: no-repeat;
	background-position: 95% center;
	background-color: transparent;
	color: #939393;
	cursor: pointer;
	transition: background 0.5s, color 0.2s;
}
#produtos-section2 #categories #category.on {
	background-image: url('img/produtos-category-on.png');
	background-color: #d3d5d6;
	color: #000;
}
#produtos-section2 #categories #category:hover {
	background-image: url('img/produtos-category-on.png');
	background-color: #d3d5d6;
	color: #000;
	transition: background 0.5s, color 0.2s;
}
#produtos-section2 #products {
	width: 100%;
	display: flex;
	align-items: end;
	justify-content: center;
	flex-wrap: wrap;
}
#produtos-section2 #product {
	width: 25%;
	margin: 50px 0;
	padding: 0 4%;
	box-sizing: border-box;
}
#produtos-section2 #product h2 {
	text-align: center;
	font-family: RedHatDisplay-Bold;
	margin-bottom: 16px;
}
#produtos-section2 #product img {
	width: 100%;
	margin-bottom: 8px;
	transition: transform 0.5s;
}
#produtos-section2 #product a {
	width: 100%;
	display: flex;
	align-items: center;
	text-decoration: none;
	color: #1a1b1e;
	font-family: RedHatDisplay-Medium;
}
#produtos-section2 #product:hover img{
	transform: scale(1.05);
	transition: transform 0.5s;
}
#produtos-section2 #product a img {
	width: 40px;
	margin-right: 10px;
	transition: transform 0.5s;
}
#produtos-section2 #product a:hover {
	color: #1a1b1e !important;
}
#produtos-section2 #product a p{
	width: 100%;
	text-align: center;
	background-image: url('img/produto-title-back.png');
	background-size: 100% 100%;
	padding: 5px 0;
	margin-left: 0px;
	margin-bottom: 0;
}



/* -- PRODUTO -- */

.color1{
	color: #297617!important;
}
.back-color1{
	background-color: #297617!important;
}

.color2{
	color: #f1a603!important;
}
.back-color2{
	background-color: #f1a603!important;
}

.color3{
	color: #f05b22!important;
}
.back-color3{
	background-color: #f05b22!important;
}

.color4{
	color: #a60809!important;
}
.back-color4{
	background-color: #a60809!important;
}

.color5{
	color: #fcb515!important;
}
.back-color5{
	background-color: #fcb515!important;
}

.color6{
	color: #8736a8!important;
}
.back-color6{
	background-color: #8736a8!important;
}

.color7{
	color: #E30171!important;
}
.back-color7{
	background-color: #E30171!important;
}

.color8{
	color: #75787c!important;
}
.back-color8{
	background-color: #75787c!important;
}

.color9{
	color: #f15a22!important;
}
.back-color9{
	background-color: #f15a22!important;
}

.color10{
	color: #d9802d!important;
}
.back-color10{
	background-color: #d9802d!important;
}

.color11{
	color: #48a842!important;
}
.back-color11{
	background-color: #48a842!important;
}

.color11{
	color: #fdb913!important;
}
.back-color12{
	background-color: #fdb913!important;
}

.color12{
	color: #008e84!important;
}
.back-color13{
	background-color: #008e84!important;
}

.color13{
	color: #008e84!important;
}
.back-color14{
	background-color: #008e84!important;
}


#produto-section2, #produto-section3, #produto-section4{
	width: 100%;
	padding: var(--general-padding);
	box-sizing: border-box;
}
#produto-section2 h1, #produto-section3 h1, #produto-section4 h1 {
	text-align: center;
	font-family: RedHatDisplay-Bold;
	color: #252525;
	font-size: 28pt;
	margin-bottom: 50px;
}

#produto-section2 h1 span {
	color: #f3054b;
}
#produto-section2 #content{
	width: 100%;
	display: flex;
}
#produto-section2 #esq{
	width: 50%;
	margin-left: 0;
	padding-right: 2%;
}
#produto-section2 #dir{
	width: 50%;
	margin-right: 0;
	padding-left: 2%;
}
#produto-section2 #content img{
	max-width: 100%;
}
#produto-section2 #content{
	font-family: RedHatDisplay-Regular;
	color: #252525;
}
#produto-section2 #content p span{
	font-family: RedHatDisplay-Bold;
}
#produto-section3 h1{
	cursor: pointer;
}
#produto-section3 h1 img {
	margin-left: 5%;
}
#produto-section3 #table-box, #produto-section3 #table-box2{
	width: 100%;
	display: flex;
	padding: 40px 5%;
	box-sizing: border-box;
	background-color: #e9e9e9;
	font-family: RedHatDisplay-Regular;
	box-shadow: 0 0 50px 0 rgb(0 0 0 / 20%);
}
#produto-section3 #table-box #left, #produto-section3 #table-box2 #left {
	width: 30%;
}
#produto-section3 #table-box #left img, #produto-section3 #table-box2 #left img {
	max-width: 100%;
}
#produto-section3 #table-box #right, #produto-section3 #table-box2 #right{
	width: 72%;
	padding-left: 2%;
	font-family: RedHatDisplay-Regular;
}
#produto-section3 #table-box #right p, #produto-section3 #table-box2 #right p{
	margin-bottom: 50px;
}
#produto-section3 #table-box #right h5, #produto-section3 #table-box2 #right h5{
	font-family: RedHatDisplay-Bold;
}
#produto-section3 #table-box #right .bold-p, #produto-section3 #table-box2 #right .bold-p{
	font-family: RedHatDisplay-Bold;
}
#produto-section4{
	display: none;
}
#produto-section4 #products {
	width: 100%;
	display: flex;
	align-items: end;
	justify-content: center;
	flex-wrap: wrap;
}
#produto-section4 #product {
	width: 25%;
	margin: 50px 0;
	padding: 0 4%;
	box-sizing: border-box;
}
#produto-section4 #product h2 {
	text-align: center;
	font-family: RedHatDisplay-Bold;
	margin-bottom: 16px;
}
#produto-section4 #product img {
	width: 100%;
	margin-bottom: 8px;
	transition: transform 0.5s;
}
#produto-section4 #product a {
	width: 100%;
	display: flex;
	align-items: center;
	text-decoration: none;
	color: #1a1b1e;
	font-family: RedHatDisplay-Medium;
}
#produto-section4 #product:hover img{
	transform: scale(1.05);
	transition: transform 0.5s;
}
#produto-section4 #product a img {
	width: 40px;
	margin-right: 10px;
	transition: transform 0.5s;
}
#produto-section4 #product a:hover {
	color: #1a1b1e !important;
}
#produto-section4 #product a p{
	width: 100%;
	text-align: center;
	background-image: url('img/produto-title-back.png');
	background-size: 100% 100%;
	padding: 5px 0;
	margin-left: 0px;
	margin-bottom: 0;
}



/* -- DESCUBRA -- */

#descubra-section2 {
	width: 100%;
	padding: var(--general-padding);
	box-sizing: border-box;
}
#descubra-section2 h1 {
	text-align: center;
	font-family: RedHatDisplay-Bold;
	color: #3d3c3c;
	font-size: 28pt;
	margin-bottom: 50px;
}
#descubra-section2 #passos {
	width: 60%;
	background-color: #a7a7a7;
	display: flex;
	border-radius: 16px;
	margin-bottom: 24px;
}
#descubra-section2 #passos p {
	width: 33%;
	padding: 8px 16px;
	border-radius: 16px;
	color: #fff;
	font-family: RedHatDisplay-Bold;
	margin-bottom: 0;
}
#descubra-section2 #passos p.step-selected {
	background-color: #ff9933;
}
#descubra-section2 #passos p.step-selected1 {
	background-color: #ff9933;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
#descubra-section2 #passos p.step-selected2 {
	background-color: #ff9933;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	margin-left: -2px;
}
#descubra-section2 #boxes {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	font-family: RedHatDisplay-Regular;
}
#descubra-section2 #boxes .box {
	width: 25%;
	padding: 0 2%;
	box-sizing: border-box;
	margin: 0;
	margin-bottom: 32px;
	text-align: center;
}
#descubra-section2 #boxes .box .content {
	width: 100%;
	padding: 18% 5%;
	box-sizing: border-box;
	cursor: pointer;
	box-shadow: 0 0 50px 0 rgb(0 0 0 / 20%);
	background-color: #fff;
	border-radius: 15px;
	transition: background 0.3s, transform 0.3s;
}
#descubra-section2 #boxes .box img {
	max-width: 100%;
	margin-bottom: 4px;
}
#descubra-section2 #boxes .box .content:hover {
	background-color: #a7a7a7;
	transform: scale(1.05);
	transition: background 0.3s, transform 0.3s;
	color: #fff;
}
#descubra-section2 #boxes .box-selected {
	background-color: #a7a7a7 !important;
	transform: scale(1.05);
	transition: background 0.3s, transform 0.3s;
	color: #fff;
}
#descubra-section2 .hidden-step {
	display: none;
}

#descubra-section2 .show-step {
	display: block;
}
#descubra-section2 #passo2-2 .box {
	width: 33%;
	padding: 0 6%;
}
#descubra-section2 .only-text {
	padding: 46px 0;
}
#descubra-section2 #steps {
	display: flex;
	width: fit-content;
}
#descubra-section2 #steps .step {
	width: 20px;
	height: 20px;
	border-radius: 20px;
	background-color: #a7a7a7;
	margin: 24px 5px;
}
#descubra-section2 #steps .step-on {
	background-color: #ff9933;
}
#descubra-section2 #nav {
	width: 100%;
	display: flex;
	margin-bottom: 50px;
	justify-content: space-between;
}
#descubra-section2 #nav button {
	padding: 10px 35px;
	font-family: RedHatDisplay-Bold;
	border: none;
	box-shadow: 0 0 90px 0 rgb(0 0 0 / 20%);
	font-size: 13pt;
	border-radius: 30px;
	cursor: pointer;
}
#descubra-section2 #nav #prev {
	background-color: #fff;
	color: #333333;
	margin-left: 0;
}
#descubra-section2 #nav #prev:hover,
#descubra-section2 #nav #next:hover {
	transform: scale(1.1);
	transition: transform 0.3s;
	box-shadow: 0 0 100px 0 rgb(0 0 0 / 30%);
}
#descubra-section2 #nav #next {
	background-color: #333333;
	color: #fff;
	margin-right: 0;
	transition: transform 0.3s;
}

#descubra-section2 #products {
	width: 100%;
	display: flex;
	align-items: end;
	justify-content: center;
	flex-wrap: wrap;
}
#descubra-section2 .product {
	width: 25%;
	margin: 50px 0;
	padding: 0 4%;
	box-sizing: border-box;
}
#descubra-section2 .product h2 {
	text-align: center;
	font-family: RedHatDisplay-Bold;
	margin-bottom: 16px;
}
#descubra-section2 .product img {
	width: 100%;
	margin-bottom: 8px;
}
#descubra-section2 .product a {
	width: 100%;
	display: flex;
	align-items: center;
	text-decoration: none;
	color: #1a1b1e;
	font-family: RedHatDisplay-Medium;
}
#descubra-section2 .product a img {
	width: 40px;
	margin-right: 10px;
	transition: transform 0.5s;
}
#descubra-section2 .product a:hover img {
	transform: scale(1.1);
	transition: transform 0.5s;
}
#descubra-section2 .product a:hover {
	color: #1a1b1e !important;

}
#descubra-section2 .product a p{
	width: 100%;
	text-align: center;
	background-image: url('img/produto-title-back.png');
	background-size: 100% 100%;
	padding: 5px 0;
	margin-left: 0px;
	margin-bottom: 0;
}
#descubra-section2 #no-products {
	text-align: center;
	width: 50%;
	font-family: RedHatDisplay-Regular;
	margin: 100px 0;
}

/* -- ENCONTRAR -- */

#encontrar-section2 h1 {
	font-size: 28pt;
}
#encontrar-section2 #boxes {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
#encontrar-section2 #boxes .box {
	width: 25%;
	box-sizing: border-box;
	border-radius: 10px;
	padding: 0 2%;
	margin-bottom: 32px;
}
#encontrar-section2 #boxes .box img {
	width: 100%;
}

/* -- FOOTER -- */

footer {
	width: 100%;
}

footer #top {
	width: 100%;
	padding: var(--general-padding);
	box-sizing: border-box;
	display: flex;
	color: #252525;
	font-family: RedHatDisplay-Regular;
	font-weight: 100;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}

footer #top ul {
	padding: 0;
}

footer #top ul li {
	list-style: none;
}

footer #top ul li a {
	text-decoration: none;
	color: #252525;
}

footer #top ul li.title {
	margin-bottom: 16px;
	font-size: 14pt;
	font-family: RedHatDisplay-Black;
}

footer #top ul li.ver-todos {
	font-size: 13pt;
	font-family: RedHatDisplay-Bold;
}

footer #top ul li.sociais {
	margin-top: 16px;
}

footer #top ul li.sociais img {
	margin: 5px;
}

footer #bottom {
	padding: 24px 5%;
	text-align: center;
	color: #fff;
	font-family: RedHatDisplay-Regular;
	background-color: #7fb53a; 
}
footer #bottom p{
	margin-bottom: 0;
}

footer #bottom a {
	font-family: RedHatDisplay-Black;
	color: #fff;
}



/* -- RESPONSIVIDADE -- */

@media only screen and (max-width: 1600px) {
	:root {
		--general-padding: 50px 10%;
	}

	header ul li {
		margin: 0 1.5%;
	}
	#index-section3 #index-s3-esq{
		margin-top: 6.4%;
	}
	#index-section3{
	    margin-top: -34%;
	}
}

@media only screen and (max-width: 1300px) {
	:root {
		--general-padding: 50px 5%;
	}

	.banner-desktop {
		display: none !important;
	}

	.banner-mobile {
		display: block !important;
	}

	.flex-box {
		width: 100%;
		display: block;
	}

	.header-scroll {
		position: fixed;
		background-color: #a7a7a7;
		transition: background 0.5s;
	}

	header {
		position: initial;
		display: flex;
		font-family: RedHatDisplay-Medium;
		font-size: 13pt;
		background-color: #fff;
		padding: 16px 5%;
	}

	header #menu {
		display: block;
		margin-left: 0;
	}

	header #menu img {
		width: 80px;
		margin-top: 10px;
	}

	header #logo {
		margin-right: 0;
		margin-top: 8px;
	}

	header ul {
		position: absolute;
		z-index: 1111;
		width: fit-content;
		justify-content: right;
		align-items: center;
		margin: 0;
		margin-left: -5%;
		display: block;
		padding: 0;
		padding: 5%;
		padding-right: calc(5% + 20px);
		margin-top: 100px;
		box-sizing: border-box;
		border-right: 2px solid #a7a7a7;
		border-bottom: 3px solid #a7a7a7;
		background-color: #fff;
		display: none;
		border-bottom-right-radius: 10px;
	}

	header ul li {
		width: 100%;
		white-space: nowrap;
		list-style: none;
		margin: 0 2%;
		margin-bottom: 16px;
	}

	header .h-contato {
		margin-bottom: 32px;
	}

	/* -- INDEX -- */

	#index-section1 .descubra-button {
		display: none;
	}
	#index-section2 #title {
		font-size: 13pt;
	}
	#index-section2 #boxes {
		margin-top: 50px;
	}
	#index-section2 #boxes #box {
		width: 100%;
		margin-bottom: 24px;
	}
	#index-section2 #saiba-mais {
		margin-top: 32px;
	}

	#index-section3{
		display: block;
		align-items: center;
	    position: initial;
	    margin-top: 0;
	}
	#index-s3-back{
		width: 100%;
		margin-top: -1px;
		display: none;
	}
	#index-s3-cut{
		background-image: url('img/index-s3-background.jpg');
		background-size: 100% 100%;
		background-attachment: fixed;
	}
	#index-section3 #index-s3-esq{
		display: none;
	}
	#index-section3 #dir{
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
	#index-section3 #dir #title {
		color: #06113c;
		font-family: RedHatDisplay-Medium;
		margin-bottom: 0;
	}
	#index-section3 #dir h1 {
		font-family: RedHatDisplay-Black;
		font-size: 28pt;
	}
	#index-section3 #dir img{
		margin-bottom: 50px;
		max-width: 100%;
	}

	#index-section4 #boxes {
		margin-top: 50px;
	}
	#index-section4 #boxes .box {
		width: 100%;
		box-sizing: border-box;
		padding: 56px 3%;
		cursor: pointer;
		transition: transform 0.3s;
	}
	#index-section4 #boxes .box img{
		width: 100%;
	}

	/* -- CONHEÇA -- */

	#conheca-section3 #boxes {
		margin-top: 50px;
	}
	#conheca-section3 #boxes .box {
		width: 100%;
		box-sizing: border-box;
		padding: 56px 3%;
		cursor: pointer;
		transition: transform 0.3s;
	}
	#conheca-section3 #boxes .box img{
		width: 100%;
	}
	#conheca-section3 #boxes .box:hover img{
		transform: scale(1.02);
		transition: transform 0.3s;
	}
	#conheca-section3 #boxes .box p {
		font-family: RedHatDisplay-Regular;
		font-weight: 100;
		color: #6a6e72;
	}
	#conheca-section3 #ver-todos{
		font-family: RedHatDisplay-Medium;
		padding: 12px 35px;
		background-color: #3577b1;
		text-align: center;
		color: #fff;
		transition: font 0.3s;
	}
	#conheca-section3 #ver-todos:hover {
		font-size: 12.5pt;
		transition: font 0.3s;
	}

	/* -- CONTATO -- */

	#contato-section2 #content {
		width: 100%;
		display: block;
		margin-bottom: 50px;
	}
	#contato-section2 #content #left {
		width: 100%;
		font-family: RedHatDisplay-Regular;
		margin-bottom: 50px;
	}
	#contato-section2 #content #right {
		width: 100%;
		font-family: RedHatDisplay-Bold;
		padding-left: 0%;
	}
	#contato-section2 #content #right input,
	#contato-section2 #content #right select,
	#contato-section2 #content #right textarea {
		width: 100%;
		padding: 15px 2%;
		box-sizing: border-box;
		font-family: RedHatDisplay-Regular;
		border-radius: 10px;
		border: none;
		box-shadow: 0 0 50px 0 rgb(0 0 0 / 20%);
		margin-bottom: 24px;
	}
	#contato-section2 #content #right option {
		max-width: 100%;
	}
	#contato-section2 #content #right .flex-box #email {
		width: 100%;
		padding-right: 0%;
	}
	#contato-section2 #content #right #telefone {
		width: 100%;
	}
	#contato-section2 #content #right textarea {
		height: 248px;
		resize: none;
	}
	#contato-section2 #content #right input[type="submit"] {
		padding: 30px 0;
		cursor: pointer;
		font-family: RedHatDisplay-Bold;
		font-size: 13pt;
		color: #fff;
		background-image: url('img/contato-submit.jpg');
		background-size: 100% 100%;
		transition: background 0.3s;
	}
	#contato-section2 #content #right input[type="submit"]:hover {
		background-image: url('img/contato-submit-reverse.jpg');
		transition: background 0.3s;
	}

	/* -- PRODUTOS -- */

	#produtos-section2 #categories {
		display: block;
	}
	#produtos-section2 #categories #category {
		margin-bottom: 20px;
	}
	#produtos-section2 #products {
		width: 100%;
		display: flex;
		align-items: end;
		justify-content: center;
		flex-wrap: wrap;
	}
	#produtos-section2 #product {
		width: 80%;
		margin: 50px 0;
		padding: 0 4%;
		box-sizing: border-box;
	}

	/* -- PRODUTO -- */

	#produto-section2 #content{
		display: block;
	}
	#produto-section2 #esq{
		width: 100%;
		text-align: center;
		padding-right: 0%;
		margin-bottom: 50px;
	}
	#produto-section2 #dir{
		width: 100%;
		padding-left: 0%;
	}
	#produto-section3 #table-box{
		width: 100%;
		display: block;
	}
	#produto-section3 #table-box #left {
		width: 100%;
		text-align: center;
		margin-bottom: 50px;
	}
	#produto-section3 #table-box #right{
		width: 100%;
		padding-left: 0%;
		text-align: center;
	}

	#produto-section4 #products {
		width: 100%;
		display: flex;
		align-items: end;
		justify-content: center;
		flex-wrap: wrap;
	}
	#produto-section4 #product {
		width: 80%;
		margin: 50px 0;
		padding: 0 4%;
		box-sizing: border-box;
	}

	/* -- ENCONTRAR -- */

	#encontrar-section2 #boxes .box {
		width: 50%;
		padding: 0 4%;
	}

	/* -- DESCUBRA -- */

	#descubra-section2 #passos {
		width: 110%;
		margin-left: -5%;
	}
	#descubra-section2 #boxes .box {
		width: 50%;
		padding: 0 2%;
	}
	#descubra-section2 #passo2-2 .box {
		width: 50%;
		padding: 0 6%;
	}

	#descubra-section2 #products {
		width: 100%;
		display: flex;
		align-items: end;
		justify-content: center;
		flex-wrap: wrap;
	}
	#descubra-section2 .product {
		width: 80%;
		margin: 50px 0;
		padding: 0 4%;
		box-sizing: border-box;
	}
	#descubra-section2 #no-products {
		text-align: center;
		width: 100%;
		font-family: RedHatDisplay-Regular;
		margin: 100px 0;
	}

	/* -- FOOTER -- */

	footer #top {
		display: block;
		text-align: center;
	}

	footer #top ul {
		border-bottom: 1px solid #fff;
		padding: 32px 0;
	}

	footer #top #logo {
		margin-top: 32px;
	}

	footer #bottom {
		padding: 24px 5%;
		text-align: center;
		color: #fff;
		font-family: RedHatDisplay-Regular;
	}

	footer #bottom a {
		font-family: RedHatDisplay-Black;
		color: #fff;
	}
}