@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');
/*
==============================================
1.Reset
==============================================
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 
address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button,
body{font-family: 'Open Sans', sans-serif;}
*{margin:0;padding:0}
html,body{height:100% !important;}
p{font-size:1rem !important}
/**/
#linha{width:100%;max-width:1920px;min-height:15px;}
#coluna{width:65%;min-height:32px;margin:0 auto;}
#mapa-home{--bs-aspect-ratio:28%}
/*Personalizado*/
.navbar a{font-size:.95em;text-transform:uppercase !important}
.navbar .navbar-nav .nav-link.active{font-weight:bolder !important;color:#C90 !important}
.navbar .navbar-nav .nav-link:hover{color:#FFF !important}
.navbar .navbar-nav .nav-link{padding:7px 25px !important;width:auto !important}
.navbar .navbar-nav .nav-link h6{margin-bottom:-1px !important;font-size:.75em !important;color:#FFF !important}
/**/
.nav-tabs .nav-link{color:#C90 !important;font-weight:bold !important}
.nav-tabs .nav-link:hover{color:#000 !important}
/**/
.offcanvas-top{height:35vh !important;z-index:2030 !important;}
.offcanvas-body *{font-size:small !important}
/**/
.breadcrumb{text-transform:uppercase;color:#000;font-weight:bolder;}
.breadcrumb a{text-decoration:none;color:#C90;}
.breadcrumb a:hover, .breadcrumb .active{color:#000;}
/**/
.bg-jumbotron-servicos {
    background-image: url("/img/servico.png");
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;
	color:#C93;
}
.bg-jumbotron-produtos {
    background-image: url("/img/produto.png");
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;
	color:#C93;
}
.bg-jumbotron-quemsomos {
    background-image: url("/img/quemsomos.png");
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;
	color:#C93;
}
.bg-jumbotron-contato {
    background-image: url("/img/contato.png");
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;
	color:#C93;
}
/**/
.bg-gold{background-color:#C93;color:#000;}
.text-gold{color:#C93}
.border-gold{border-bottom:7px solid #C93}
/**/
.bgParallax{
    width:100%;
    min-height:100%;
	position:relative;
    background-position:50% 0;
    background-repeat:repeat;
    background-attachment:fixed;
	background-size:cover !important;
	}
/**/
.hoverzoom {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.hoverzoom img {
    width: 100%; 
    border-radius: 2px;
    -webkit-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
    -moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
    -ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
    -o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
    transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
}
.hoverzoom:hover img {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}
.hoverzoom .retina{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;    
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);    
    border-radius: 2px;
    text-align: center;
    padding: 30px;

    -webkit-transition:	 all .8s cubic-bezier(.190, 1.000, .220, 1.000);
    -moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
    -ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
    -o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
    transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000); 
}
.hoverzoom:hover .retina {
    opacity: 1;
    box-shadow: inset 0 0 100px 50px rgba(0,0,0,.5);
    
}
.hoverzoom .retina h1{
	margin:0 auto;
	margin-top:40%;
	color: #fff !important;
}
/**/
/* MOBILE */
@media screen and (min-width:1px) and (max-width:1024px){
	#coluna{width:90% !important}
	#mapa-home{--bs-aspect-ratio:20%}
	.jumbotron h1{font-size:1.5rem !important;}
	.jumbotron p{font-size:1rem !important;}
	}
@media screen and (min-width:1025px){
	#mapa-home{--bs-aspect-ratio:10%}
	
	}