/* styling here
Roboto 400-700-900*/

body {
	font-family: 'Roboto', sans-serif;
	color: #7b7876;
	font-size:18px;
}
header nav {
	background: #fff;
}
header {
	position: absolute;
	z-index: 10;
}
a:hover {
	color:#04c43e;
}
:focus, :active{
	outline: none !important;
}
div.productCover {
	text-align: center;
	border: 1px solid #000;
}
div.slick-slide:first-child div.productGal {
	margin-left:0px;
}

div.productGal {
	text-align: center;
	border: 1px solid #000;
	margin-left:10px;
	margin-top: 25px;
	margin-right: 10px;
}

#produtos div.title-heavy {
	font-size: 30px;
}
#produtos div.title-heavy.subtitle {
    font-size: 22px;
    color: #7f7f7f;
    margin-bottom: 25px;
}
#produtos div.details ul {
	list-style: none;
    padding-left: 0;
}
#produtos div.details ul  li {
    background: url('../images/angle-right-solid.svg') no-repeat left 5px;
	padding-left: 20px;
    background-size: 9px;
}
#contact-form a {
	color:#04c43e;
}

div.productGal > img {
	padding: 10px;
    height: 120px;
	object-fit: contain;
	cursor: pointer;
}
div.productCover > img {
	padding: 40px;
    height: 600px;
	object-fit: contain;
	cursor: e-resize;
}
#slickCategoryMain a img {
	width: 150px;
}
#slickCategoryMain a .activeIcon {
	display: none;
}
#slickCategoryMain a:hover .defaultIcon,  #slickCategoryMain a.active .defaultIcon{
	display: none;
}
#slickCategoryMain a:hover .activeIcon, #slickCategoryMain a.active .activeIcon {
	display: inline;
}

.logo {
	height: 108px;
    padding: 20px 5px;
}
header .nav-link {
	font-weight: 900;
	    margin: 0px 25px;
}
.nav-link {
    text-transform: uppercase;
	color: #7b7876;
	font-weight: 400;
    font-size: 16px;
    padding: 0px !important;
    padding-left: 25px !important;
    padding-right: 0px!important;
	margin-left: 0px;

}
#navbarNavDropdown .nav-link {

    padding-left: 0px !important;
	margin-left: 25px;

}

.navbar-light .nav-item.active .nav-link {
    color: #04c43e;
    border-bottom: 2px solid #04c43e;
}

.title-light{
	color: #04c43e;
	text-transform: uppercase;
    font-family: 'roboto';
    font-weight: 300;
    font-size: 50px;
	margin: 0;
}

.title-heavy{
	color: #04c43e;
	text-transform: uppercase;
    font-family: 'roboto';
    font-weight: 900;
    font-size: 50px;
}

.median-text p{
	font-size: 22px;
}
.drop-item {
	padding-left: 35px !important;
	display: none;
}
.red-title{
	color: #04c43e;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 22px;
}

.local-contacto span, .dep-contacto span{
	color: #04c43e;
}
.local-contacto p, .dep-contacto p, .dep-contacto2 p {
	margin: 0;
}

.dep-contacto, .dep-contacto2  {
	margin-top: 1em;
}

.local-contacto p:last-child {
	margin-top: 1em;
}

.bigger-p p{
	font-size: 20px;
}

@media screen and (max-width: 550px) {
	.title-light, .title-heavy{
		font-size: 30px;
	}
	.median-text p{
		font-size: 18px;
	}
}
@media screen and (max-width: 320px) {
	.title-light, .title-heavy{
		font-size: 25px;
	}
}

#empresa .onde-text p{
	margin: 0;
	font-weight: 400;
}

#empresa .onde-text p:nth-child(even){
	font-weight: 300;
	margin-bottom: 15px;
}

.slick-nextC, .slick-prevC{
	font-size: 25px;
	cursor: pointer;
}

.galitem:nth-child(odd){
	margin: 0 0 35px 0;
}

.galimg{
	margin: auto;
	padding: 0 10px;
}

footer{
	background-image: url("../images/footer.png");
	background-position: center;
	background-size: cover;
	color: white;
	font-size: 14px;
}
footer a{
	color:#fff;

}
footer a:hover{
	color:#fff;
}

footer div.social{
	background: transparent;
	color: white;
	transition: 200ms ease-in-out;
}

footer a:hover div.social{
	color:#04c43e;
	background: white;
	transition: 200ms ease-in-out;
}
footer .nav-link{
	color: white;
}

footer .nav-item.active .nav-link {
    color: white;
    border-bottom: 2px solid white;
    padding-left: 0px !important;
    margin-left: 25px;
}

.redes-sociais .rs{
	border: 2px solid white;
	width: 50px;
	height: 50px;
	font-size: 25px
}

.redes-sociais .rs a, .redes-sociais .rs a:hover{
	color: white;
}
#slideshow .carousel-item {
	height: 920px;
	background-size: cover;
	color:#fff;
	font-size: 70px;
    line-height: 70px;
    text-transform: uppercase;
	font-weight: 300;
}
#receiveNumber {
	margin-top: 20px;
}

.infoSlider {
	transition: opacity 0.5s ease;
}
.featured {
	font-size: 90px;
    font-weight: 900;
    line-height: 90px;
}
.next-description {
	font-size: 30px;
	line-height: 35px;
	position: relative;
    text-transform: uppercase;
}
.boxSlideshow svg.fa-arrow-right {
	position: absolute;
	right: 30px;
	bottom: 30px;
	font-size: 25px;
	cursor: pointer;
}
.boxBoder {
	border: 5px solid;
	height: 100%;
	min-height: 550px;
	position: inherit !important;
}
.boxBoder img.icon{
	width: 130px;
	margin: 30px 20px 0px 0px;
}

.slick-bt-catalog{
	bottom: 30px;
	left: 50px;
}

.catalog-slide-container{
	height: 100%;
	width: 80%;
	right: 0px;
	bottom: 0px;
}

@media screen and (max-width: 1450px) {
	.catalog-slide-container{
		bottom: -60px;
	}
}
@media screen and (max-width: 1200px) {
	.catalog-slide-container{
		bottom: 0px;
		width: 90%;
	}
}
@media screen and (max-width: 576px) {
	.catalog-slide-container{
		width: 100%;
	}
	.boxBoder{
		border: none;
		min-height: 350px;
	}
}
@media screen and (max-width: 370px) {
	.boxBoder{
		min-height: 300px;
	}
}

#home .catalog-slide-container .slick-track{
	padding: 0 !important;
}

#slideshow .numbersTotal {
	font-size: 45px;
	margin-left: 20px;
}
#slideshow .bgRed {
	margin-top:-50px;
	padding: 50px 20px;
}
.mini-preview {
	height: 180px;
	object-fit: cover;
	margin-top: -12px;
}

.boxSlideshow {
	position: absolute;
    top: 250px;
    right: 15%;
    color: #fff;
    padding: 20px 30px;
    height: 540px;
}

b, strong {
    font-weight: 900;
}
.bgRed {
	background: #04c43e;
}

.grey-bt{
	color: #7c7a77;
}

.grey-bt:hover{
	color: white;
	text-decoration: none;
}

.grey-bt:hover div{
	border: 2px solid #7c7a77;
	width: fit-content;
	background: #7c7a77;
	transition: 200ms ease-in-out;
}
.itemProd {
	padding: 0 20px;
}
.slick-next:before {
    content: url('../images/arrow-right-solid.svg');
	color:#7c7a77;
}
.slick-prev:before {
	content: url('../images/arrow-left-solid.svg');
	color:#7c7a77;
}
.slick-prev {
	top: 100%;
    left: auto;
    right: 80px;
}
.slick-next {
	top: 100%;
    right: 15px;
}
.grey-bt div{
	border: 2px solid #7c7a77;
	float: left;
	transition: 200ms ease-in-out;
	clear: both;
}

.grey-bt p{
	margin: 0;
	padding: 15px 25px;
	text-transform: uppercase;
	font-weight: 700;
}

.bg-light-grey{
	background-image: url("../images/grey-bg.png");
	background-position: top;
	background-size: cover;
}

.grey-bt svg{
	margin-left: 10px;
}

.prod-slide{
	margin: 0 4%;
}

.prod-item-slide{
	background: white;
	margin: 0 10px;
	height: 450px !important;
	min-height: 300px !important;
	box-shadow: 0px 51px 70px -49px rgba(99,99,99,1);
}

#home .slick-track{
	padding-bottom: 60px !important;
}

.prod-item-slide img{
	width: 200px;
	height: auto;
}
.prod-item-slide h2{
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 700;
	padding: 0px 70px;
}
.prod-item-slide span{
	font-weight: 300;
}

.prod-item-slide a, .prod-item-slide a:hover{
	margin: 0;
	padding: 15px 25px;
	text-transform: uppercase;
	font-weight: 700;
	color: #04c43e;
	font-size: 15px;
	text-decoration: none;
}

.prod-item-slide a svg{
	margin-left: 10px;
}
.banner {
	height:850px;
	background-repeat: no-repeat;
	background-size: cover;
	color:#fff;
	font-size: 60px;
	padding-top:50px;
}
.banner .title-light, .banner .title-heavy{
	color:#fff;
	font-size: 70px;
	line-height: 70px;
}

#catalogos .descCatalogo, #produtos .descCatalogo {
    max-width: 150px;
	   display: inline-block;
	line-height: 18px;
}
#slickCategoryMain {
	text-align: center;
}
#slickCategoryMain a .title-light,#slickCategoryMain a .title-heavy{
    color: #7f7f7f;
    text-transform: uppercase;
    font-family: 'roboto';
    font-size: 16px;
    margin: 0;
}


.locais-img{
	width: 100%;
	object-position: center;
	object-fit: cover;
	height: auto;
	max-height: 250px;
}


.grey-bg{
	background: #e5e5e5;
}

.contact-form input, .contact-form textarea{
	width: 100%;
	margin-bottom: 30px;
	background-color: #e5e5e5;
	padding: 15px 20px;
	border: 1px solid #7b7876;
}

.contact-form input::placeholder, .contact-form textarea::placeholder{
	text-transform: uppercase;
}

.contact-form button{
	background-color: #e5e5e5;
	padding: 15px 50px;
	text-transform: uppercase;
	border: 1px solid #7b7876;
	color: #7b7876;
}
a.linkProd > img{
	border: 2px solid grey;
	padding:20px;
	width: 100%;
	height: 250px;
	object-fit: contain;
}
div.hover {
	opacity: 0;
	color: #04c43e;
	font-weight: 900;
	transition: all 200ms ease-in-out;
}
div.titleProd {
	color: #7b7876;
	text-transform: uppercase;
	font-weight: 900;
	padding:20px 0 10px 0;
}
a:hover.linkProd div.hover {
	opacity: 1;
	transition: all 200ms ease-in-out;
}
a:hover.linkProd > img {
	border-color:#04c43e;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #04c43e;
	background: none;
}

@media screen and (max-width: 450px) {
	.contact-form input, .contact-form textarea{
		font-size: 14px;
		padding: 10px 20px;
		margin-bottom: 20px;
	}
	.contact-form p{
		font-size: 14px;
	}
	.contact-form button{
		background-color: #e5e5e5;
		padding: 10px 30px;
		text-transform: uppercase;
		border: 1px solid #7b7876;
		color: #7b7876;
	}
}

.container-check {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    user-select: none;
}

/* Hide the browser's default checkbox */
.container-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: transparent;
	border: 1px solid #7b7876;
}

/* When the checkbox is checked, add a blue background */
.container-check input:checked ~ .checkmark {
    background-color: #7b7876;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container-check input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container-check .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

.loader {
  border: 3px solid transparent;
  border-radius: 50%;
  border-top: 3px solid #04c43e;
  width: 40px;
  height: 40px;
  -webkit-animation: spin 600ms linear infinite; /* Safari */
  animation: spin 600ms linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


#map{
	margin-top: -150px;
	position: relative;
	z-index: -1;
	box-shadow: 2px 60px 95px 39px rgba(138,138,138,1);
}

#map-canvas{
    height: 650px;
}

footer hr{
	border-top: 2px solid white;
}
img {
	max-width: 100%;
}

#slickCategoryMain a:hover, #slickCategoryMain a.active  {
	text-decoration: none;

}
#slickCategoryMain a:hover .title-light, #slickCategoryMain a:hover .title-heavy, #slickCategoryMain a.active .title-light, #slickCategoryMain a.active .title-heavy{
	color:#04c43e;
}
.critec{
	font-family: 'Gilroy';
	font-weight: 900;
	color: white;
	font-size: 2rem
}

.center-center{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
}
.justify-content-even {
	justify-content: space-evenly;
}

.slick-slide img.defaultIcon{
    display: inline ;
}
.thumbCatalog {
	width: 450px;
}
.uppercase {
	text-transform: uppercase;
	color: #7f7f7f;

}
a.uppercase {
	font-weight: 900;

}
a:hover.uppercase {
	color: #292929;

}
a.pagination, a.arrowPag {
	color: #7f7f7f99;
	padding: 12px;
	font-weight: 900;

}
a:hover.pagination, a:hover.arrowPag {
	color: #7f7f7f;

}
a.active.pagination {
	color: #7f7f7f;
}
a:hover{
	text-decoration: none;
}
select {
	padding: 5px 15px;
}

/*######################*/

.custom-select {
  position: relative;
  margin: 0 20px;
  width: calc(100% - 40px);
  padding: 0;
}
.custom-select select {
  display: none; /*hide original SELECT element:*/
}
.select-selected {
  background-color: #04c43e;
}
/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}
/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
}
/*style items (options):*/
.select-items {
  position: absolute;
  background-color: #7c7a77;
  top: 120%;
  left: 0;
  right: 0;
  z-index: 99;
}
/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}
.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

.destaque{
	text-transform: uppercase;
}
.destaque a{
	color: #7b7876;
}
.destaque .square-wrapper{
	padding: 100px;
}
.destaque .red-square{
	position: absolute;
	left: 0;
	top: 0;
	transform: translate(-50%, -50%);
	background-color: #04c43e;
	padding: 30px;
	color: white;
}
.destaque .prod-destaque{
	max-height: 400px;
}
.destaque-img-container{
	border: 1px solid black;
	position: relative;
}
.destaque a:hover div.hover {
	opacity: 1;
	transition: all 200ms ease-in-out;
}
.slick-dots li button{
	color: grey;
	font-size: 20px;
	font-weight: 700;
	opacity: 0.7;
}
.slick-dots li.slick-active button{
	opacity: 1;
}
.slick-dots li button:before{
	display: none;
}
#search input{
	max-width: 250px;
	border:none;
	border-bottom: 2px solid #04c43e;
	border-radius: 0px;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.drop-item {
    font-size: 15px;
}

@media screen and (max-width: 1200px) {
	.destaque .square-wrapper {
		padding: 60px;
	}
}


/* TABLET */
@media (min-width: 768px) {
	.sm-spacer150 {height: 150px;}
	.sm-spacer120 {height: 120px;}
	.sm-spacer90 {height: 90px;}
	.sm-spacer60 {height: 60px;}
	.sm-spacer30 {height: 30px;}
	.sm-spacer15 {height: 15px;}
	.sm-spacer0 {height: 0px;}

	.sm-block150 {display: inline-block; width: 150px;}
	.sm-block120 {display: inline-block; width: 120px;}
	.sm-block90 {display: inline-block; width: 90px;}
	.sm-block60 {display: inline-block; width: 60px;}
	.sm-block30 {display: inline-block; width: 30px;}
	.sm-block15 {display: inline-block; width: 15px;}
	.sm-block0 {display: inline-block; width: 0px;}

	.sm-taleft {text-align: left;}
	.sm-tacenter {text-align: center;}
	.sm-taright {text-align: right;}
	.sm-tajustify {text-align: justify;}
}
/* TABLET */


/* DESKTOP */
@media (min-width: 992px) {
	.md-spacer150 {height: 150px;}
	.md-spacer120 {height: 120px;}
	.md-spacer90 {height: 90px;}
	.md-spacer60 {height: 60px;}
	.md-spacer30 {height: 30px;}
	.md-spacer15 {height: 15px;}
	.md-spacer0{height: 0px;}

	.md-block150 {display: inline-block; width: 150px;}
	.md-block120 {display: inline-block; width: 120px;}
	.md-block90 {display: inline-block; width: 90px;}
	.md-block60 {display: inline-block; width: 60px;}
	.md-block30 {display: inline-block; width: 30px;}
	.md-block15 {display: inline-block; width: 15px;}
	.md-block0 {display: inline-block; width: 0px;}

	.md-taleft {text-align: left;}
	.md-tacenter {text-align: center;}
	.md-taright {text-align: right;}
	.md-tajustify {text-align: justify;}
}

/* LARGE DISPLAY'S */
@media (min-width: 1200px) {
	.lg-spacer150 {height: 150px;}
	.lg-spacer120 {height: 120px;}
	.lg-spacer90 {height: 90px;}
	.lg-spacer60 {height: 60px;}
	.lg-spacer30 {height: 30px;}
	.lg-spacer15 {height: 15px;}
	.lg-spacer0{height: 0px;}

	.lg-block150 {display: inline-block; width: 150px;}
	.lg-block120 {display: inline-block; width: 120px;}
	.lg-block90 {display: inline-block; width: 90px;}
	.lg-block60 {display: inline-block; width: 60px;}
	.lg-block30 {display: inline-block; width: 30px;}
	.lg-block15 {display: inline-block; width: 15px;}
	.lg-block0 {display: inline-block; width: 0px;}

	.lg-taleft {text-align: left;}
	.lg-tacenter {text-align: center;}
	.lg-taright {text-align: right;}
	.lg-tajustify {text-align: justify;}
}


/* MOBILE */
@media (max-width: 1440px) {
	#slideshow .carousel-item {
		font-size: 40px;
		line-height: 50px;
		height: 650px;
	}
	.featured {
	    font-size: 60px;
	    font-weight: 900;
	    line-height: 60px;
	}
	.featured {
	    font-size: 60px;
	    font-weight: 900;
	    line-height: 60px;
	}
	.banner {
    	height: 650px;
	}
	#slickCategoryMain a img {
	    width: 110px;
	}

	a.linkProd > img {
		height: 200px;
	}
	.mini-preview {
	    height: 120px;
	}
	.next-description {
	    font-size: 20px;
	    line-height: 25px;
	}
	.boxSlideshow {
	    top: 210px;
	    height: 410px;
	}
	.boxBoder {
		min-height: 490px;
	}
	.title-light, .title-heavy {
		font-size: 40px;
	}
	div.productCover > img {
		height: 500px;
	}
	div.productGal > img {
	    height: 100px;
	}
}
/* MOBILE */
@media (max-width: 1200px) {
	a.linkProd > img {
		height: 200px;
	}
	.spacerXl {
		display: none;
	}
	header div.row  div.col-12 {
		background: #fff;
	}
	header {
		position: relative;
	}
	#slideshow .carousel-item {
		height: 700px;
	}
	#slickCategoryMain a img {
	    width: 90px;
	}
	.banner {
		height: 550px;
	}
	#catalogos .descCatalogo .title-light, #catalogos .descCatalogo .title-heavy {
		font-size: 14px;
	}
	#catalogos .descCatalogo {
	    max-width: 130px;
	}

}
/* MOBILE */
@media (max-width: 1023px) {
	.banner {
		height: 400px;
	}
	.banner .title-light, .banner .title-heavy {
	    font-size: 50px;
	    line-height: 50px;
	}
}
/* MOBILE */
@media (max-width: 767px) {
	header .nav-link {
		margin-top: 7px;
		margin-bottom: 7px;
	}
	.xs-spacer150 {height: 150px;}
	.xs-spacer120 {height: 120px;}
	.xs-spacer90 {height: 90px;}
	.xs-spacer60 {height: 60px;}
	.xs-spacer30 {height: 30px;}
	.xs-spacer15 {height: 15px;}
	.xs-spacer0{height: 0px;}

	.xs-block150 {display: inline-block; width: 150px;}
	.xs-block120 {display: inline-block; width: 120px;}
	.xs-block90 {display: inline-block; width: 90px;}
	.xs-block60 {display: inline-block; width: 60px;}
	.xs-block30 {display: inline-block; width: 30px;}
	.xs-block15 {display: inline-block; width: 15px;}
	.xs-block0 {display: inline-block; width: 0px;}

	.xs-taleft {text-align: left;}
	.xs-tacenter {text-align: center;}
	.xs-taright {text-align: right;}
	.xs-tajustify {text-align: justify;}
	#slideshow .carousel-item {
		height: 500px;
	}
	.infoSlider {
		margin:15px;
	}
	.banner .title-light, .banner .title-heavy {
		font-size: 50px;
		line-height: 50px;
	}
	#search input {
	    margin-top: 20px;
	}
	.custom-select {
	    font-size: 14px;
	}
}

@media (max-width: 420px) {
	.select-items {
	    top: 110%;
	}
	div.productCover > img {
		height: 300px;
	}
	.logo {
	    height: 80px;
	}
	.nav-item.active .nav-link, .nav-item .nav-link {
		text-align: center;
		font-size: 15px;
	}
	#slideshow .carousel-item {
		height: 350px;
		font-size: 35px;
	    line-height: 45px;
	}
	.banner .title-light, .banner .title-heavy {
		font-size:40px;
		line-height: 40px;
	}
	.banner {
		height: 260px;
	}

	#catalogos .descCatalogo, #produtos .descCatalogo {
		display: inline;
	}
	#produtos .title, #produtos .ref {
		text-align: center;
	}
	#produtos .links {
		font-size: 14px;
	}
	.title-light, .title-heavy {
	    font-size: 25px;
	}
}