@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;1,200;1,300;1,400&display=swap');
 *{margin: 0; padding: 0; box-sizing: border-box; font-family:  sans-serif; } 
nav{position: fixed; z-index: 1; left: 0; top: 0; display: flex; height: 100px; width: 100%; background-color: #4F4F4F; align-items: center; justify-content: space-between; padding: 0 50px 0 100px; flex-wrap: wrap;}
nav .logo{color: white; font-size: 15px; font-weight: 600;}
nav ul{display: flex; flex-wrap: wrap; list-style: none;}
nav ul li{margin: 0 5px;}
nav ul li a{color: #f2f2f2; text-decoration: none; font-size: 12px; font-weight: 500; padding: 8px 15px; border-radius: 5px; letter-spacing: 1px; transition: all 0.3s ease;}
nav ul li a:hover{background: #f88f06; }
nav ul li a.active:hover{background: blue; }
nav ul li a.active{background-color: blue; }
nav .menu-btn i{color: #fff; cursor: pointer; display: none; }
.conteudo {font: 160% sans-serif; width: 100%; height: 4600px; margin: 0; padding:180px 80px; border: 1px solid #ccc; background-color: GhostWhite;}
.msg-radio{  border-radius: 10px; text-align: left; } .msg-white{background-color: white; }
.msg-ju{ font-family: sans-serif; font-size: 16pt;   width: 500px; padding: 20px 100px 20px 40px; } 
.img-ju{ position: absolute; left:500px; top:144px;}
.img-traga-1{ position: absolute; left: 15%; top: 680px; margin-top: 10px; max-width:80%;  height:auto;}
.img-idade-1{ position: absolute; left: 12%; top: 820px; margin-top: 10px; max-width:80%;  height:auto;}
.img-idade-2{ position: absolute; left: 25%; top: 1200px; margin-top: 10px; max-width:80%;  height:auto;}
.img-idade-3{ position: absolute; left: 12%; top: 1550px; margin-top: 10px; max-width:80%;  height:auto;}
.img-idade-4{ position: absolute; left: 25%; top: 2100px; margin-top: 10px; max-width:80%;  height:auto;}
.msg-splash-1{position: absolute; width: 500px; border-radius: 10px;  padding: 10px 20px; left: 120px; top: 2550px; text-align: center;}  
.msg-splash-2{position: absolute; width: 540px; border-radius: 10px;  padding: 10px 20px; left: 660px; top: 2750px; text-align: center;}  
.msg-atendemos{ font-family: sans-serif; font-size: 26pt; text-align: justify; color: blueviolet; transform: rotate(-45deg); position: absolute; left: 360px; top: 3000px;}  
.img-traga-2{ position: absolute; left: 520px; top: 3080px; margin-top: 10px; max-width:80%;  height:auto;}
.msg-somos-1{position: absolute;  width: 500px; border-radius: 10px;  padding: 10px 20px; left: 120px; top: 3450px; text-align: center;}  
.msg-somos-2{position: absolute; width: 600px; border-radius: 10px;  padding: 10px 20px; left: 660px; top: 3700px; text-align: center;}  
.msg-somos-3{position: absolute; width: 600px; border-radius: 10px;  padding: 10px 20px; left: 120px; top: 4050px; text-align: center;}  
.fono-rodape{background-color: #4F4F4F;   height: 10px;}

.fono-footer {background-color: Gainsboro; text-align: center; width: 100%; height: 360px;}
.mapa{position: absolute; width: 40%; height: 360px; border: 0; right: 0;}

.fono-localiza{position: absolute; font-family: sans-serif; font-size: 10pt; left: 10%; top: 4700px; text-align: center;  max-width:80%;  height:auto;  }
.fono-trade-mark{position: absolute; font-family: sans-serif; font-size: 8pt; left: 9%; top: 4800px; text-align: center;  max-width:80%;  height:auto;  }
.fono-zap-img{position:absolute; left:9%; top:4740px;  }


/*  AASI  */
.conteudo-2 { width: 100%; height: 2400px; margin: 0; padding:180px 80px; border: 1px solid #ccc; background-color: #696969;}
.msg-color-white{font-family: sans-serif; font-size: 16pt; color: white; position: absolute;} 
.msg-color-dark-blue{font-family: sans-serif;  color: darkblue; position: absolute; } 
.msg-color-mediunblue{font-family: sans-serif; color: MediumBlue; position: absolute;} 
.msg-color-darkviolet{font-family: sans-serif; color: darkviolet; position: absolute; } 

.msg-color-black{font-family: sans-serif;  position: absolute; } 

.msg-bold{ font-size: 34pt; position: absolute;left: 120px; top: 250px;} 
.msg-aasi-1{left: 300px; top: 274px;} .msg-aasi-2{left: 120px; top: 324px;} .msg-aasi-3{ left: 120px; top: 424px;} .msg-aasi-4{left: 310px; top: 898px; font-size: 10pt;} .msg-aasi-5{left: 814px; top: 898px; font-size: 10pt;}
.msg-aasi-6{left: 300px; top: 1044px;} .msg-aasi-7{left: 160px; top: 1424px; width: 500px; text-align: center;} .msg-aasi-8{left: 660px; top: 1424px; width: 500px; text-align: center;} 
.msg-aasi-9{left: 160px; top: 2140px; width: 500px; text-align: center;}  .msg-aasi-10{left: 670px; top: 2140px; width: 500px; text-align: center;}
.img-ite{position: absolute; left:280px; top:720px;} .img-bte{position: absolute; left:780px; top:720px;} 
.img-mod-cic{position: absolute; left:280px; top:1100px;} .img-mod-intra{position: absolute; left:780px; top:1100px;} .img-mod-rite{position: absolute; left:280px; top:1820px;} .img-mod-bte{position: absolute; left:780px; top:1820px;} 

.conteudo-3 { width: 100%; height: 1000px; margin: 0;  border: 1px solid #ccc; background-color: #DCDCDC;}/*Gainsboro*/
.msg-aasi-11{left: 300px; top: 2560px;  text-align: center; width: 600px;} .msg-aasi-12{left: 120px; top: 2700px;  text-align: center;} .msg-aasi-13{left: 540px; top: 2994px;  text-align: center;} .msg-aasi-14{left: 1000px; top: 3160px;  text-align: center;} 
.msg-captivate{ left: 120px; text-align: center; top: 2760px; font-size: 10pt;} .msg-enchant{ left: 520px; text-align: center; top: 3054px; font-size: 10pt;} .msg-trek{left: 920px; text-align: center; top: 3220px; font-size: 10pt;}


.msg-aasi-somos-1{left: 120px; text-align: center; top: 3060px; font-size: 10pt;}


.rodape{background-color: #4F4F4F;   height: 10px;}
.footer { background-color: WhiteSmoke;  text-align: center; height: 360px; }
.footer-2 { background-color:LightBlue;   height: 160px; }

.localiza{position: absolute; font-family: sans-serif; font-size: 10pt; left: 10%; top: 3500px; text-align: center;  max-width:80%;  height:auto;  }
.trade-mark{position: absolute; font-family: sans-serif; font-size: 8pt; left: 9%; top: 3600px; text-align: center;  max-width:80%;  height:auto;  }
.zap-img{position:absolute; left:9%; top:3550px;  }

.logo{ height: 90px; padding-top: 2px; padding-bottom: 2px;}

#whatsapp-link {
            position: fixed;
            width: 60px;
            height: 60px;
            bottom: 20px;
            right: 30px;
            background-color: #25d366;
            color: #fff;
            border-radius: 50px;
            text-align: center;
            font-size: 50px;
            box-shadow: 1px 1px 2px #888;
            z-index: 1000;

        }

#whatsapp-link-2 {
            position: fixed;
            width: 60px;
            height: 60px;
            bottom: 20px;
            right: 30px;
            background-color: #25d366;
            color: #fff;
            border-radius: 50px;
            text-align: center;
            font-size: 50px;
            box-shadow: 1px 1px 2px #888;
            z-index: 1000;
            visibility: hidden;
        }

 
.fa-whatsapp {margin-top: 6px;}

.whats-greetings{position: fixed; width: 240px; height: 60px; bottom: 90px; right: 30px; background-color:whitesmoke; color: black;
            border-radius: 6px; padding: 10px; font-size: 10pt; box-shadow: 1px 1px 2px #888; z-index: 1000;}

#natal{position: absolute; top: 120px; left: 20px; width: 280px; height: 480px; background-color: whitesmoke; padding-top: 40px; padding-left: 20px; padding-right: 20px;}
#btn_natal{ width: 120px; height: 40px; font-size: 12pt;}


@media (max-width: 920px) {
    nav{position: fixed; z-index: 1; left: 0; top: 0; display: flex; height: 50px; width: 100%; background-color: #4F4F4F; align-items: center; justify-content: space-between; padding: 0 50px 0 100px; flex-wrap: wrap;}
    nav .menu-btn i{display: block;}
    nav ul{position: fixed; top: 50px; left: -100%; background-color: white; height: 100vh; width: 100%; text-align: left; display: block; transition: all 0.3s ease;}
    nav ul.open{left: 0;}
    nav ul li{margin: 20px 0; width: 380px;}
    nav ul li a {font-size: 12px; color: black;}
    nav ul li a:hover{ background: none; color: blue; }   
    nav ul li a.active{ background-color: orangered; color: white;  border: 1px solid;}   

  .msg-color-white{font-family: sans-serif; font-size: 12pt; color: white; position: absolute; width: 80%;} 
  .msg-color-black{font-family: sans-serif; font-size: 12pt;  position: absolute; width: 80%;} 

  .conteudo { width: 100%; height: 3800px; margin: 0; padding:110px 10px; border: 1px solid #ccc; background-color: GhostWhite;}
  
  .msg-ju{ font-family: sans-serif; font-size: 12pt;  text-align: center; width: 100%; padding: 20px 20px 20px 20px; } 
  .img-ju{ position: absolute; left: 15%; top: auto; margin-top: 10px; max-width:80%;  height:auto;}
  .img-traga-1{ position: absolute; left: 15%; top: 680px; margin-top: 10px; max-width:80%;  height:auto;}
  .img-idade-1{ position: absolute; left: 12%; top: 820px; margin-top: 10px; max-width:80%;  height:auto;}
  .img-idade-2{ position: absolute; left: 15%; top: 1100px; margin-top: 10px; max-width:80%;  height:auto;}
  .img-idade-3{ position: absolute; left: 15%; top: 1350px; margin-top: 10px; max-width:80%;  height:auto;}
  .img-idade-4{ position: absolute; left: 15%; top: 1700px; margin-top: 10px; max-width:80%;  height:auto;}
  .msg-splash-1{position: absolute; font-family: sans-serif; font-size: 12pt; left: 10%; top: 2050px; text-align: center;  max-width:80%;  height:auto; padding: 20px 20px 20px 20px;   }  
  .msg-splash-2{position: absolute; font-family: sans-serif; font-size: 12pt; left: 10%; top: 2300px; text-align: center;  max-width:80%;  height:auto; padding: 20px 20px 20px 20px;   }  
  .msg-atendemos{ font-family: sans-serif; font-size: 12pt; text-align: justify; color: blueviolet; transform: rotate(-45deg); position: absolute; left: 20px; top: 2540px;}  
  .img-traga-2{ position: absolute; left: 15%; top: 2600px; margin-top: 10px; max-width:80%;  height:auto;}
  .msg-somos-1{position: absolute; font-family: sans-serif; font-size: 12pt; left: 10%; top: 2850px; text-align: center;  max-width:80%;  height:auto; padding: 20px 20px 20px 20px;   }  
  .msg-somos-2{position: absolute; font-family: sans-serif; font-size: 12pt; left: 10%; top: 3100px; text-align: center;  max-width:80%;  height:auto; padding: 20px 20px 20px 20px;   }  
  .msg-somos-3{position: absolute; font-family: sans-serif; font-size: 12pt; left: 10%; top: 3450px; text-align: center;  max-width:80%;  height:auto; padding: 20px 20px 20px 20px;   }  
 
  .fono-localiza{position: absolute; font-family: sans-serif; font-size: 10pt; left: 10%; top: 4160px; text-align: center;  max-width:80%;  height:auto;  }
  .fono-zap-img{position:absolute; left:50%; margin-left:-124px; top:4220px;  }
  .fono-trade-mark{position: absolute; font-family: sans-serif; font-size: 8pt; left: 9%; top: 4280px; text-align: center;  max-width:80%;  height:auto;  }



.conteudo-2 { width: 100%; height: 3800px; margin: 0; padding:110px 10px; border: 1px solid #ccc; background-color: #696969;}/*dimgrey*/

.msg-color-dark-blue{font-family: sans-serif; font-size: 12pt; color: darkblue; position: absolute; width: 80%;} 
.msg-color-mediunblue{font-family: sans-serif; font-size: 12pt; color: MediumBlue; position: absolute; width: 80%;} 
.msg-color-darkviolet{font-family: sans-serif; font-size: 12pt; color: darkviolet; position: absolute; width: 80%;} 

#strong_word{font-size: 22px; font-weight: bold; }

/*  .msg-bold{ font-size: 22pt; position: absolute;left:30px; top: 100px;} */

.msg-aasi-1{left: 30px; top: 100px; font-size: 8pt;} .msg-aasi-2{left: 30px; top: 140px;} .msg-aasi-3{ left: 30px; top: 340px;} .msg-aasi-4{left: 10%; text-align: center; top: 900px; font-size: 10pt;} .msg-aasi-5{left: 10%; text-align: center; top: 1258px; font-size: 10pt;}

.msg-aasi-6{ left: 10%; text-align: center; top: 1380px; font-size: 10pt;} .msg-aasi-7{left: 10%; top: 1764px;  text-align: center;} .msg-aasi-8{left:10%; top: 2308px;  text-align: center;} 
.msg-aasi-9{left: 10%; top: 2900px; width: 80%; }  .msg-aasi-10{left: 10%; top: 3500px; width: 80%; }
.img-ite{position: absolute; left:50%; margin-left:-124px; top:720px;} .img-bte{position: absolute; left:50%; margin-left:-124px; top:1080px;} 
.img-mod-cic{ position: absolute; left:50%; margin-left:-124px; top:1460px;} .img-mod-intra{position: absolute; left:50%; margin-left:-124px; top:2000px;} .img-mod-rite{position: absolute; left:50%; margin-left:-124px; top:2600px;} .img-mod-bte{position: absolute; left:50%; margin-left:-124px; top:3200px;} 

.conteudo-3 { width: 100%; height: 1000px; margin: 0;  border: 1px solid #ccc; background-color: #DCDCDC;}/*Gainsboro*/
.msg-aasi-11{left: 10%; top: 3900px;  text-align: center;} .msg-aasi-12{left: 10%; top: 4100px;  text-align: center;} .msg-aasi-13{left: 10%; top: 4324px;  text-align: center;} .msg-aasi-14{left: 10%; top: 4560px;  text-align: center;} 
.msg-captivate{ left: 10%; text-align: center; top: 4160px; font-size: 10pt;} .msg-enchant{ left: 10%; text-align: center; top: 4384px; font-size: 10pt;} .msg-trek{ left: 10%; text-align: center; top: 4620px; font-size: 10pt;}

  .rodape{background-color: #4F4F4F;   height: 10px;}
  .footer { background-color: Gainsboro;  text-align: center; height: 520px; }
 .mapa{width: 100%; height: 280px; border: 0;} 
  .localiza{font-size: 10pt; left: 10%; top: 5160px; text-align: center;  max-width:80%; }
      .trade-mark{position: absolute; font-family: sans-serif; font-size: 8pt; left: 10%; top: 5280px; text-align: center;  max-width:80%;  height:auto;  }
 


  .zap-img{position:absolute; left:50%; margin-left:-124px; top:5220px;  }
.logo{ height: 40px; padding-top: 2px; padding-bottom: 2px;}


}