html,
      body {
        position: relative;
        height: 100%;
      }

      body {
        background: #eee;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        color: #000;
        margin: 0;
        padding: 0;
      }

      .swiper {
        width: 100%;
        height: 100%;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
	  
	  
.fundo_svg1{
  background-image: url('../home/s1_fundo.svg');
  background-color: #ffffff;
  background-repeat: repeat-y;
  height: 100%;
  z-index: 10;
}
.fundo_svg2{
  background-repeat: no-repeat;
  background-color: #F6B21B;
  height: 100%;
  z-index: 8;

}
@media screen and (min-device-width: 10px) and (max-device-width: 311px) { 
	.navbar-brand{ margin-left: -4rem; };
}
@media screen and (min-device-width: 10px) and (max-device-width: 300px) { 
    .img_svg{ margin-top: -3rem; }
   .textotitulo{ margin-left: 32rem; margin-top: 7rem; font-size: 2.2rem; line-height:2rem;}
   .textotitulo2{ margin-left: 32rem; font-size: 1.2rem; line-height: 2rem;}

   .svg1 { transform:translate( 2.5rem, -2rem) scale(.25); }
   .svg2 { transform:translate( 1rem,-26rem) scale(.25); }
   .svg3 { transform:translate( 1rem,-26rem) scale(.25); }
   .svg4 { transform:translate( 1rem,-26rem) scale(.25); }
   .svg5_bcool { transform:translate( 7.8rem,1rem) scale(.45); max-height: 280px}
   .svg5_contato { transform:translate( 8rem,-4rem) scale(.45); max-height: 280px}
   .redes_topo1{ transform:translate( 40rem,44rem) scale(3);}
   .redes_topo2{ transform:translate( 45rem,44rem) scale(3);}
   .redes_topo3{ transform:translate( 50rem,44rem) scale(3);}
}
@media screen and (min-device-width: 301px) and (max-device-width: 400px) { 
    .img_svg{ margin-top: -3rem; }
   .textotitulo{ margin-left: 30rem; margin-top: 7rem; font-size: 2.5rem; line-height:2rem;}
   .textotitulo2{ margin-left: 30rem; font-size: 1.5rem; line-height: 2rem;}

   .svg1 { transform:translate( 2.5rem, -2rem) scale(.35); }
   .svg2 { transform:translate( 1rem,-26rem) scale(.3); }
   .svg3 { transform:translate( 1rem,-26rem) scale(.3); }
   .svg4 { transform:translate( 1rem,-26rem) scale(.3); }
   .svg5_bcool { transform:translate( 7.8rem,1rem) scale(.45); max-height: 280px}
   .svg5_contato { transform:translate( 8rem,-4rem) scale(.45); max-height: 280px}
   .redes_topo1{ transform:translate( 40rem,44rem) scale(2.5);}
   .redes_topo2{ transform:translate( 45rem,44rem) scale(2.5);}
   .redes_topo3{ transform:translate( 50rem,44rem) scale(2.5);}
}
@media screen and (min-device-width: 401px) and (max-device-width: 500px) { 
    .img_svg{ margin-top: -3rem; }
   .textotitulo{ margin-left: 28rem; margin-top: 7rem; font-size: 2.0rem; line-height:2rem;}
   .textotitulo2{ margin-left: 28rem; font-size: 1rem; line-height: 2rem;}

   .svg1 { transform:translate( 1rem, 0rem) scale(.4); }
   .svg2 { transform:translate( 1rem,-30rem) scale(.3); }
   .svg3 { transform:translate( 1rem,-30rem) scale(.3); }
   .svg4 { transform:translate( 1rem,-30rem) scale(.3); }
   .svg5_bcool { transform:translate( 7.8rem,1rem) scale(.5); max-height: 280px}
   .svg5_contato { transform:translate( 8rem,-4rem) scale(.5); max-height: 280px}
   .redes_topo1{ transform:translate( 70rem,23rem) scale(2);}
   .redes_topo2{ transform:translate( 70rem,26rem) scale(2);}
   .redes_topo3{ transform:translate( 70rem,29rem) scale(2);}
}
@media screen and (min-device-width: 501px) and (max-device-width: 600px) { 
    .img_svg{ margin-top: -3rem; }
   .textotitulo{ margin-left: 24rem; margin-top: 7rem; font-size: 2.0rem; line-height:2rem;}
   .textotitulo2{ margin-left: 24rem; font-size: 1rem; line-height: 2rem;}

   .svg1 { transform:translate( 1rem, 0rem) scale(.5); }
   .svg2 { transform:translate( 1rem,-30rem) scale(.4); }
   .svg3 { transform:translate( 1rem,-30rem) scale(.4); }
   .svg4 { transform:translate( 1rem,-30rem) scale(.4); }
   .svg5_bcool { transform:translate( 8.8rem,1rem) scale(.6); max-height: 280px}
   .svg5_contato { transform:translate( 9rem,-4rem) scale(.6); max-height: 280px}
   .redes_topo1{ transform:translate( 70rem,23rem) scale(2);}
   .redes_topo2{ transform:translate( 70rem,26rem) scale(2);}
   .redes_topo3{ transform:translate( 70rem,29rem) scale(2);}
}
@media screen and (min-device-width: 601px) and (max-device-width: 700px) { 
    .img_svg{ margin-top: -3rem; }
   .textotitulo{ margin-left: 21rem; margin-top: 7rem; font-size: 2.0rem; line-height:2rem;}
   .textotitulo2{ margin-left: 21rem; font-size: 1rem; line-height: 2rem;}

   .svg1 { transform:translate( 1rem, 0rem) scale(.6); }
   .svg2 { transform:translate( 1rem,-30rem) scale(.5); }
   .svg3 { transform:translate( 1rem,-30rem) scale(.5); }
   .svg4 { transform:translate( 1rem,-30rem) scale(.5); }
   .svg5_bcool { transform:translate( 8.8rem,1rem) scale(.7); max-height: 280px}
   .svg5_contato { transform:translate( 9rem,-4rem) scale(.7); max-height: 280px}
   .redes_topo1{ transform:translate( 70rem,23rem) scale(2);}
   .redes_topo2{ transform:translate( 70rem,26rem) scale(2);}
   .redes_topo3{ transform:translate( 70rem,29rem) scale(2);}
}
@media screen and (min-device-width: 701px) and (max-device-width: 770px) { 
    .img_svg{ margin-top: -3rem; }
   .textotitulo{ margin-left: 19rem; margin-top: 7rem; font-size: 2.0rem; line-height:2rem;}
   .textotitulo2{ margin-left: 19rem; font-size: 1rem; line-height: 2rem;}

   .svg1 { transform:translate( 1rem, 0rem) scale(.6); }
   .svg2 { transform:translate( 1rem,-30rem) scale(.5); }
   .svg3 { transform:translate( 1rem,-30rem) scale(.5); }
   .svg4 { transform:translate( 1rem,-30rem) scale(.5); }
   .svg5_bcool { transform:translate( 8.8rem,1rem) scale(.7); max-height: 280px}
   .svg5_contato { transform:translate( 9rem,-4rem) scale(.7); max-height: 280px}
   .redes_topo1{ transform:translate( 70rem,23rem) scale(2);}
   .redes_topo2{ transform:translate( 70rem,26rem) scale(2);}
   .redes_topo3{ transform:translate( 70rem,29rem) scale(2);}
}
@media screen and (min-device-width: 771px) and (max-device-width: 800px) { 
    .img_svg{ margin-top: -3rem; }
   .textotitulo{ margin-left: 19rem; margin-top: 7rem; font-size: 2.0rem; line-height:2rem;}
   .textotitulo2{ margin-left: 19rem; font-size: 1rem; line-height: 2rem;}

   .svg1 { transform:translate( 1rem, 0rem) scale(.6); }
   .svg2 { transform:translate( 1rem,-30rem) scale(.5); }
   .svg3 { transform:translate( 1rem,-30rem) scale(.5); }
   .svg4 { transform:translate( 1rem,-30rem) scale(.5); }
   .svg5_bcool { transform:translate( 5rem,-1rem) scale(.7); max-height: 280px}
   .svg5_contato { transform:translate( -4rem,0rem) scale(.7); max-height: 280px}
   .redes_topo1{ transform:translate( 70rem,23rem) scale(2);}
   .redes_topo2{ transform:translate( 70rem,26rem) scale(2);}
   .redes_topo3{ transform:translate( 70rem,29rem) scale(2);}
}
@media screen and (min-device-width: 801px) and (max-device-width: 900px) { 
    .img_svg{ margin-top: -3rem; }
   .textotitulo{ margin-left: 14rem; margin-top: 7rem; font-size: 2.0rem; line-height:2rem;}
   .textotitulo2{ margin-left: 14rem; font-size: 1rem; line-height: 2rem;}

   .svg1 { transform:translate( 0rem, 0rem) scale(.7); }
   .svg2 { transform:translate( 0rem,-30rem) scale(.5); }
   .svg3 { transform:translate( 0rem,-30rem) scale(.5); }
   .svg4 { transform:translate( 0rem,-30rem) scale(.5); }
   .svg5_bcool { transform:translate( 7rem,-1rem) scale(.8); max-height: 350px}
   .svg5_contato { transform:translate( -5rem,0rem) scale(.8); max-height: 350px}
   .redes_topo1{ transform:translate( 80rem,23rem) scale(2);}
   .redes_topo2{ transform:translate( 80rem,26rem) scale(2);}
   .redes_topo3{ transform:translate( 80rem,29rem) scale(2);}
}
@media screen and (min-device-width: 901px) and (max-device-width: 1200px) { 
    .img_svg{ margin-top: -3rem; fill: none;}
   .textotitulo{ margin-left: 12rem; margin-top: 11rem; font-size: 2rem; line-height: 2rem;}
   .textotitulo2{ margin-left: 12rem; font-size: 1rem; line-height: 2rem;}
 
   .svg1 { transform:translate( 0rem, 0rem) scale(.7); }
   .svg2 { transform:translate( 10rem,-40rem) scale(.5); }
   .svg3 { transform:translate( 10rem,-40rem) scale(.5); }
   .svg4 { transform:translate( 10rem,-40rem) scale(.5); }
   .svg5_bcool { transform:translate( 5rem,0rem) scale(.9); max-height: 350px}
   .svg5_contato { transform:translate( -2rem,0rem) scale(.9); max-height: 350px}
    .redes_topo1{ transform:translate( 80rem,23rem) scale(2);}
   .redes_topo2{ transform:translate( 80rem,26rem) scale(2);}
   .redes_topo3{ transform:translate( 80rem,29rem) scale(2);}
   
}
@media screen and (min-device-width: 1200px) and (max-device-width: 5200px) { 
    .img_svg{ margin-top: -6rem; }
   .textotitulo{ margin-left: 7rem; margin-top: 12rem; font-size: 3rem; line-height: 3rem;}
   .textotitulo2{ margin-left: 7rem; font-size: 1.2rem; line-height: 2rem;}

   .svg1 { transform:translate( 0rem, 0rem) scale(1); }
   .svg2 { transform:translate( 15rem,-40rem) scale(.5); }
   .svg3 { transform:translate( 15rem,-40rem) scale(.5); }
   .svg4 { transform:translate( 15rem,-40rem) scale(.5); }
   .svg5_bcool { transform:translate( 5rem,-3rem) scale(1); max-height: 350px}
   .svg5_contato { transform:translate( 0rem,0rem) scale(1); max-height: 350px}
   .redes_topo1{ transform:translate( 80rem,23rem) scale(2);}
   .redes_topo2{ transform:translate( 80rem,26rem) scale(2);}
   .redes_topo3{ transform:translate( 80rem,29rem) scale(2);}
}

.textotitulo{
font-family: Fira Sans;
font-style: normal;
font-weight: 300;
text-align: left;
color: #000000;
}
.textotitulo a:link, a:visited, a:hover, a:active {
  text-decoration: none;
}


.textotitulo2{
font-family: Fira Sans;
font-style: normal;
font-weight: 300;
text-align: left;
color: #000000;

}
.textotitulo2 a:link, a:visited, a:hover, a:active {
  text-decoration: none;
}


.redes_topo1 a:hover, .redes_topo1:hover{ 	cursor: pointer;	fill: #F6B21B;}
.redes_topo2 a:hover, .redes_topo2:hover{ 	cursor: pointer;	fill: #F6B21B;}
.redes_topo3 a:hover, .redes_topo3:hover{ 	cursor: pointer;	fill: #F6B21B;}


.redes_topo1{
	fill: #000000;
}

.redes_topo2{
	fill: #000000;
}
.redes_topo3{
	fill: #000000;
}


.redes, redes path{
	margin: 0em 1em 1em 1em;
	fill: #000000;
}

.redes2, .redes2 path, .redes2 rect{
	margin: 0em 1em 1em 1em;
	fill: #ffffff;
}

@media only screen and (max-width: 600px) {
.redes{ transform:translate( -100,0) scale(2); }
}
@media only screen and (max-width: 600px) {
.redes2{ transform:translate( 100,0) scale(1); }
}


.redes a:hover, .redes:hover{
	cursor: pointer;
	fill: #F6B21B;
}



.redes2 a rect:hover{
	cursor: pointer;
	fill: #F6B21B;
	stroke: none;
}

hr{
		margin-top: 3em;
}

.redes2 a > text {
  pointer-events: none;
}

.ul_esquerda {
  position: absolute;
  left: 50px;
}
.ul_rodape {
	display: flex;
  list-style: none;
  position: absolute;
  bottom: 10%;
  right: 5%;
}


  .scroller {
    position: absolute;
    top: -1rem;
    left: 0;
    display: grid;
    grid-template-columns: repeat(10, 300px);
    gap: 16px;
    animation: scrollLeft 10s linear infinite;
  }
  
  @keyframes scrollLeft {
    to {
      transform: translateX(-50%)
    }
  }
  
    .img {
    height: 100px;
    
  }
  
  
  @import url('https://fonts.googleapis.com/css2?family=Fira+Sans');

body { 
font-family: 'Fira Sans', sans-serif;
}

	@media (min-width: 0px) and (max-width: 300px) { 
	.svg_agencia { transform:translate( 0rem, -3rem) scale(1); }
	.espaco_titulo{  font-size: 2.4rem; margin-top: 4rem; } 
	.espaco_paragrafo{ padding: 0rem 1rem 1rem 1rem; font-size: 0.6rem; } 
	.titulo_agencia { margin-left: 1rem; font-size: 1.7rem; margin-top: 3rem;};
		.svg5_bcool2 { transform:translate( 1rem,1rem) scale(.45); max-height: 250px}
    .svg5_contato2 { transform:translate( -4rem,-40rem) scale(1); max-height: 250px}
	}
	
	@media (min-width: 301px) and (max-width: 400px) { 
	   .svg_agencia { transform:translate( -2rem, 1rem) scale(.9); }
	.espaco_titulo{ font-size: 2.6rem; margin-top: 4rem; } 
	.espaco_paragrafo{ padding: 4rem 1rem 1rem 1rem; font-size: 0.8rem; } 
	.titulo_agencia { margin-left: 2rem; font-size: 2rem; margin-top: 3rem;};
		.svg5_bcool2 { transform:translate( -40rem,1rem) scale(.1);  }
    .svg5_contato2 { transform:translate( -4rem,-40rem) scale(1); }
	}
	
		@media (min-width: 401px) and (max-width: 600px) { 
	   .svg_agencia { transform:translate( -2rem, 1rem) scale(.9); }
	.espaco_titulo{ font-size: 2.6rem; margin-top: 4rem; } 
	.espaco_paragrafo{ padding: 4rem 1rem 1rem 1rem; font-size: 0.8rem; } 
	.titulo_agencia { margin-left: 2rem; font-size: 2rem; margin-top: 3rem;};
		.svg5_bcool2 { transform:translate( 1rem,1rem) scale(.45); max-height: 250px}
    .svg5_contato2 { transform:translate( -4rem,-40rem) scale(1); max-height: 250px}
	}
	
	@media (min-width: 601px) and (max-width: 900px) { 
	  .svg_agencia { transform:translate( -5rem, 0rem) scale(1); }
	.espaco_titulo{  font-size: 2.8rem; margin-top: 4rem; } 
	.espaco_paragrafo{ padding: 2rem 1rem 1rem 1rem; font-size: 1.0rem; } 
	.titulo_agencia { font-size: 3rem; margin-top: 3rem;};
	.svg5_bcool2 { transform:translate( 1rem,1rem) scale(.45); max-height: 250px}
    .svg5_contato2 { transform:translate( -4rem,-40rem) scale(1); max-height: 250px}
	}
	
	@media (min-width: 901px) and (max-width: 9000px) { 
	   .svg_agencia { transform:translate( 0rem, 0rem) scale(1); }
	.espaco_titulo{  font-size: 3rem; margin-top: 4rem; } 
	.espaco_paragrafo{ padding: 2rem 1rem 1rem 1rem; font-size: 1.2rem;} 
	.titulo_agencia { font-size: 3rem; margin-top: 3rem;};
		.svg5_bcool2 { transform:translate( 1rem,1rem) scale(.45); max-height: 250px}
    .svg5_contato2 { transform:translate( -4rem,-40rem) scale(1); max-height: 250px}
	
	}

.espaco_paragrafo{
font-weight: 50; 
	text-align: left;
}

.container{
	padding: 1rem 1rem 1rem 1rem;
}

hr {
  border: 0;
  clear:both;
  display:block;
  width: 96%;               
  background-color:#000000;
  height: 1px;
}

body{
	background-color: #ffffff;
}

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

.navegamos:hover {
	background-color: #F6B21B; 
	cursor: pointer;
	
}

.quadrados rect:hover {
	fill: #F6B21B;
	cursor: pointer;
}
.quadrados > path {
  pointer-events: none;
}