html{
overflow-x: hidden !important;
scroll-behavior: smooth !important;
padding: 0 !important;
}
.navbar-light .navbar-toggler {
border-color: rgba(0, 0, 0, 0) !important; 
}
@font-face {
font-family: 'ashley-medium';
src:url(//ggc.com.br/wp-content/themes/ggc/fonts/ashley-medium.otf);
}
@font-face {
font-family: 'ashley';
src:url(//ggc.com.br/wp-content/themes/ggc/fonts/ashley.otf);
}
@font-face {
font-family: 'nulshock';
src:url(//ggc.com.br/wp-content/themes/ggc/fonts/nulshock.otf);
}
.ashley {
font-family: "ashley", sans-serif;
}
.ashley-medium {
font-family: "ashley-medium", sans-serif;
}
.nulshock {
font-family: "nulshock", sans-serif;
}
body{
scroll-behavior: smooth !important;
padding: 0 !important;
font-family: "Montserrat", sans-serif;
font-style: normal;
font-size: 15px;
line-height: 25px;
color: #666666;
}
:root {
--branco: #ffffff;
--preto: #4f4f4f;
--vermelho:  #700000;
--cinza:  #939598;
--cinza-claro: #f7f7f7;
}
.container, .container-lg, .container-md, .container-sm, .container-xl { }
.vertical-center {
display: flex;
align-items: center;
}
.vertical-bottom{
display: table;
vertical-align: bottom;
}
.ancora{
position: relative;
top: -200px;
}
a{
color: var(--vermelho);
}
a,a:visited,a:focus,a:hover{
text-decoration: none !important;
}
.branco{
color:var(--branco) !important;
}
.preto{
color:var(--preto) !important;
}
.vermelho{
color:var(--vermelho) !important;
}
.cinza{
color:var(--cinza) !important;
}
.cinza-claro{
color:var(--cinza-claro) !important;
}
.bg-preto{
background-color: var(--preto);
}
.bg-branco{
background-color: var(--branco);
}
.bg-vermelho{
background-color: var(--vermelho);
}
.bg-cinza{
background-color: var(--cinza);
}
.bg-cinza-claro{
background-color: var(--cinza-claro);
}
.bg-contato{
background-image: url(//ggc.com.br/wp-content/themes/ggc/img/bg-contato.jpg);
background-size: cover;
background-attachment: fixed;
}
.order1{
order: 1;
}
.order2{
order: 2;
}
.carousel-control-next,
.carousel-control-prev {
filter: invert(40%);
}
.carousel-caption { width:100%; bottom:20%; left:0; right:0; font-family: "ashley", sans-serif; }
.carousel-caption h4 { font-size:90px; line-height: 90px; text-transform:uppercase }
.carousel-caption h5 { font-size:35px; line-height: 40px; }
.logo{
width: 170px;
margin: 5px 15px;
transition: all ease 0.3s;
}
.ico-redes{
width: 18px;
margin: 10px 10px 10px 0;
}
section{
padding: 80px 0;
}
header{
background-color: var(--branco);
transition: all ease 0.3s;
}
.spacer-topo{
height: 90px;
display: block;
}
.nav-item{
margin: 0 15px;
}
.nav-link,.dropdown-item{
color: var(--preto);
font-family: "ashley-medium", sans-serif;
font-size: 16px;
font-style: normal;
transition: all ease 0.3s;
text-transform: uppercase;
}
.nav-link:hover,.dropdown-item:hover{
transition: all ease 0.3s;
color: var(--vermelho) !important;
}
.titulo1{
font-family: "Montserrat", sans-serif;
font-style: normal;
font-size: 19px;
line-height: 25px;
text-transform: uppercase;
letter-spacing: 5px;
color: var(--cinza);
}
.titulo1 span{
font-family: "ashley-medium", sans-serif;
font-style: normal;
font-size: 40px;
line-height: 45px;
text-transform: uppercase;
letter-spacing: 8px;
color: var(--vermelho);
}
.titulo1:after{
content:"";
display: block;
height: 4px;
width: 70px;
background-color: #cccccc;
margin: 15px auto;
}
.titulo1branco span{
color: var(--branco);
}
.titulo2{
font-family: "Montserrat", sans-serif;
font-style: normal;
font-size: 22px;
line-height: 25px;
text-transform: uppercase;
letter-spacing: 8px;
color: var(--vermelho);
}
.big-numbers{
width: 100%;
margin: 20px 0;
}
.big-numbers h3{
font-family: "nulshock", sans-serif;
font-style: normal;
font-size: 80px;
line-height: 70px;
text-transform: uppercase;
color: var(--cinza);
}
.big-numbers h4{
font-family: "Montserrat", sans-serif;
font-style: normal;
font-size: 15px;
line-height: 22px;
text-transform: uppercase;
letter-spacing: 5px;
color: var(--branco);
}
.big-numbers:before,.big-numbers:after{
content:"";
display: block;
height: 4px;
width: 70px;
background-color: #cccccc;
margin: 15px auto;
}
.topo-internas{
padding: 130px 0 0 0;
background-size: cover;
background-attachment: fixed;
text-align: center;
text-transform: uppercase;
width: 100%;
}
.topo-internas-bg{ background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); width: 100%;
padding-bottom: 130px;
}
.topo-internas-content{
display: grid;
margin: 0 auto;
justify-content: space-around !important;
}
.topo-internas h2{
font-family: "ashley", sans-serif;
font-style: normal;
font-size: 131px;
line-height: 120px;
text-transform: uppercase;
letter-spacing: 10px;
color: var(--branco);
}
.topo-internas h3,.topo-internas h2 span{
font-family: "Montserrat", sans-serif;
font-style: normal;
font-size: 20px;
line-height: 25px;
text-transform: uppercase;
letter-spacing: 5px;
color: var(--branco);
}
.timeline{
background-color: #efefef;
border-radius: 20px;
padding: 20px 10px;
}
.timeline hr{
border: 0;
border-bottom: 2px solid #efefef;
}
.timeline-texto-direita{
position: absolute;
left:104%;
width: 350px;
top: 0;
}
.timeline-texto-direita hr{
margin-left: -70px;
}
.timeline-texto-esquerda{
position: absolute;
left:-380px;
width: 350px;
top: 0;
}
.timeline-texto-esquerda hr{
width: 110%;	
}
.timeline h3{
font-family: "Montserrat", sans-serif;
font-weight: bold;
font-size: 30px;
line-height: 20px;
letter-spacing: 10px;
color: var(--vermelho);
padding-bottom: 15px;
margin-bottom: 15px;
}
.timeline h4{
font-family: "Montserrat", sans-serif;
font-style: normal;
font-size: 18px;
line-height: 27px;
color: var(--vermelho);
}
.timeline h5{
font-family: "Montserrat", sans-serif;
font-style: normal;
font-size: 15px;
line-height: 25px;
color: #666666;
}
.foto-left{
width: 100%;
max-width: 230px;
}
.zoom {
overflow: hidden;
}
.zoom img {
max-width: 100%;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.zoom:hover img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
filter: brightness(80%);
}
.negocios{
margin-bottom: 60px;
}
.negocios h2{
font-family: "ashley-medium", sans-serif;
font-style: normal;
font-size: 22px;
line-height: 25px;
text-transform: uppercase;
letter-spacing: 8px;
color: var(--vermelho);
}
.negocios img{
margin: 15px 0 0 0;
}
.negocios-img-barra{
width: 90%;
height:10px;
margin: 0 auto;
background-color: #cccccc;
}
.foto-negocios{
max-width: 150px;
}
.foto-negocios-home{
max-width: 220px;
}
.botao1{
width: 100%;
background-color: var(--vermelho);
display: block;
border: 0;
margin: 15px 0;
color: #cccccc;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 15px;
padding-right: 15px;
text-transform: uppercase;
text-align: left;
font-size: 13px;
font-weight: bold;
transition: all ease 0.3s;
}
.botao1:hover{
color: var(--branco);
background-color: #a20000;
padding-left: 25px;
transition: all ease 0.3s;
}
.form1{
font-size: 15px;
background-color: transparent;
color: var(--branco);
margin-bottom: 10px;
border-radius: 0;
}
.form1::placeholder{
color: var(--branco);
}
.btform1{
background-color: var(--cinza);
border: 0;
margin: 10px 0;
color: #ffffff;
text-transform: uppercase;
font-size: 16px;
border-radius: 0;
transition: all ease 0.3s;
}
.btform1:hover{
background-color: #ffffff;
border: 0;
margin: 10px 0;
color: var(--vermelho);
text-transform: uppercase;
font-size: 16px;
border-radius: 0;
transition: all ease 0.3s;
}
footer{
background: #FFFFFF;
background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(230, 230, 230, 1) 100%);
padding: 50px 0;
font-size:13px;
}
.container.gallery-container {
background-color: #fff;
color: #35373a;
min-height: 100vh;
padding: 30px 50px;
}
.gallery-container h1 {
text-align: center;
margin-top: 50px;
font-weight: bold;
}
.gallery-container p.page-description {
text-align: center;
margin: 25px auto;
font-size: 18px;
color: #999;
}
.tz-gallery {
padding: 0px;
} .tz-gallery .row > div {
padding: 0px;
}
.tz-gallery .lightbox img {
width: 100%;
border-radius: 0;
position: relative;
}
.tz-gallery .lightbox:before {
position: absolute;
top: 50%;
left: 50%;
margin-top: -13px;
margin-left: -13px;
opacity: 0;
color: #fff;
font-size: 26px;
font-family: "Font Awesome 5 Free";
content: "\f002";
font-weight: 900;
pointer-events: none;
z-index: 9000;
transition: 0.4s;
}
.tz-gallery .lightbox:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
background-color: rgba(0, 0, 0, 0.7);
content: '';
transition: 0.4s;
}
.tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {
opacity: 1;
}
.baguetteBox-button {
background-color: transparent !important;
} @media (max-width: 575px) { 
body{
font-size: 13px;
line-height: 25px;
}
} @media (max-width: 767px) { 
.timeline{
background-color: #efefef;
border-radius: 20px;
padding: 20px 20px;
}
.timeline h3{
font-size: 25px;
line-height: 20px;
letter-spacing: 7px;
padding-bottom: 15px;
margin-bottom: 15px;
}
.timeline h4{
font-size: 16px;
line-height: 27px;
}
.timeline h5{
font-size: 14px;
line-height: 25px;
}
.foto-left{
width: 100%;
max-width: 500px;
}
.btform1{
width: 100%;
}
.logo{
width: 120px;
margin: 5px 10px;
transition: all ease 0.3s;
}
.titulo1{
font-size: 13px;
line-height: 20px;
}
.titulo1 span{
font-size: 24px;
line-height: 32px;
}
.titulo2{
font-size: 18px;
line-height: 20px;
letter-spacing: 5px;
}
.form1{
font-size: 13px;
}
.btform1{
font-size: 13px;
}
.big-numbers h3{
font-size: 60px;
line-height: 50px;
}
.big-numbers h4{
font-size: 14px;
line-height: 20px;
}
.carousel-caption { bottom:15%;}
.carousel-caption h4 { font-size:40px; line-height: 40px; }
.carousel-caption h5 { font-size:16px; line-height: 20px; }
.spacer-topo{
height: 70px;
display: block;
}
.topo-internas{
padding: 90px 0 0 0;
background-size: cover !important;
background-attachment: unset !important;
}
.topo-internas-bg{
padding-bottom: 90px;
}
.topo-internas h2{
font-size: 50px;
line-height: 40px;
letter-spacing: 6px;
}
.topo-internas h3,.topo-internas h2 span{
font-size: 15px;
line-height: 18px;
letter-spacing: 3px;
}
.order1{
order: 2;
}
.order2{
order: 1;
}
} @media (max-width: 992px) { 
}
@media (max-width: 1200px){
} @media (max-width: 1450px) {  
}