@font-face {
  font-family: 'catavalo';
  font-style: normal;
  font-weight: 400;
  src: url('https://site.socialnutri.com.br/src/css/catavalo-4.eot') format('woff2');
}
body,
html {
  margin: 0;
  padding: 0;
}
.not_wtt {
  background-color: red;
  width: 24px;
  height: 24px;
  margin: auto;
  text-align: center;
  left: 33px;
  bottom: 50px;
  padding-top: -10px;
  position: absolute;
  border-radius: 300px;
  color: #ffffff;
  font-weight: bolder;
}
.chat_online {
width: 60px;
height: 60px;
position: fixed;
bottom: 20px;
right: 20px;
border-radius: 50%;
transition: 0.4s;
z-index: 989;
}
.chat_online img{
width: 60px;
height: 60px;                
}
.chat_online:hover {
box-shadow: 0 0px 10px 4px #CCC;
}
.pulsee {
    animation: shadow-pulse 1s infinite;
    border-radius: 33px;
}
@keyframes shadow-pulse
{
  0% {
    box-shadow: 0 0 0 0px rgba(136, 197, 152, 0.6);
  }
  100% {
    box-shadow: 0 0 0 7px rgba(136, 197, 152, 0.6);
  }
}
/* Estilos para o container */
.container {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
/* Estilos para a row */
.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
/* Estilos para colunas dentro da row */
.row > [class^="col"] {
  padding-left: 15px;
  padding-right: 15px;
}
/* Exemplo de classes de colunas (opcional) */
.col-6 {
  width: 50%;
}
.col-4 {
  width: 33.33%;
}
.col-3 {
  width: 25%;
}
.text1{
  font-size: 50px;
  color: #ffffff;
  padding-top: 190px;
  user-select: none;
  pointer-events: none;
  margin-left: 178px;
  width: 600px;
  line-height: 50px;
  font-family: 'catavalo';
}/* 
.text1{
  font-size: 50px;
  color: #ffffff;
  padding-top: 190px;
  user-select: none;
  pointer-events: none;
  margin-left: 188px;
  width: 600px;
  line-height: 50px;
  font-family: 'catavalo';
} */
.image_bck{    
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}
.image_p1{    
    width: 100%;
    pointer-events: none;
    user-select: none;
}
.image_p1_g{    
    width: 100%;
    pointer-events: none;
    user-select: none;
}
.image_p1 img{
    width: 400px;
    margin-top: -574px;
    margin-right: 190px;
    float: right;
    filter: brightness(1.02);
    filter: contrast(1.10);
}
.image_p1_g img{
    width: 400px;
    margin-top: -574px;
    margin-right: 213px;
    float: right;
    filter: blur(30px);
}
.image_p2{    
    width: 100%;
    pointer-events: none;
    user-select: none;
}
.image_p2_g{    
    width: 100%;
    pointer-events: none;
    user-select: none;
}
.image_p2 img{
    width: 400px;
    margin-top: -807px;
    margin-right: 680px;
    float: right;
    filter: brightness(1.02);
    filter: contrast(1.10);
}
.image_p2_g img{
    width: 400px;
    margin-top: -807px;
    margin-right: 680px;
    float: right;
    filter: blur(30px);
}
.image_p3{    
    width: 100%;
    pointer-events: none;
    user-select: none;
}
.image_p3_g{    
    width: 100%;
    pointer-events: none;
    user-select: none;
}
.image_p3 img{
    width: 450px;
    margin-top: -895px;
    margin-right: 90px;
    float: right;
    filter: brightness(1.02);
    filter: contrast(1.10);
}
.image_p3_g img{
    width: 450px;
    margin-top: -923px;
    margin-right: 90px;
    float: right;
    filter: blur(30px);
}
.image_p4{    
    width: 100%;
    pointer-events: none;
    user-select: none;
}
.image_p4_g{    
    width: 100%;
    pointer-events: none;
    user-select: none;
}
.image_p4 img{
    width: 400px;
    margin-top: -574px;
    margin-right: 363px;
    float: right;
    filter: brightness(1.02);
    filter: contrast(1.10);
}
.image_p4_g img{
    width: 400px;
    margin-top: -574px;
    margin-right: 363px;
    float: right;
    filter: blur(30px);
}
.rodape{
  text-align: center;
  padding: 40px;
  font-weight: 300;
  font-family: 'catavalo';
}
.size_md1_1{
  background-image: url('../../src/img/lp/1/image1.png');
  height: 633px; 
}
.size_md1_2{
  background-image: url('../../src/img/lp/1/image2.jpg');
  height: 733px;  
}
.size_md1_3{
  background-image: url('../../src/img/lp/1/image3.jpg');
  height: 2233px;
}
.size_md1_4{
  background-image: url('../../src/img/lp/1/image4.jpg');  
  height: 1700px;   
}
.size_md1_5{
  background-image: url('../../src/img/lp/1/image5.png');  
  height: 633px;   
}
.size_md1_8{
  background-image: url('../../src/img/lp/1/image8.png'); 
  height: 733px;  
}
.size_md1_7{
  background-image: url('../../src/img/lp/1/image7.png');   
  height: 533px;  
}
.size_md1_6{
  background-image: url('../../src/img/lp/1/image6.png');   
  height: 933px;  
}
.b1{
  background-color: transparent;
  width: 253px;
  height: 73px;
  position: absolute;
  margin-top: 460px;
  margin-left: 160px;
}
.b2{
  background-color: transparent;
  width: 200px;
  height: 33px;
  position: absolute;
  margin-top: 390px;
  margin-left: 160px;
}
.b3{
  background-color: transparent;
  width: 400px;
  height: 50px;
  margin-top: 1600px;
  margin-left: 300px;
  position: absolute;
}
.b4{
  background-color: transparent;
  width: 230px;
  height: 50px;
  margin-top: 1500px;
  margin-left: 360px;
  position: absolute;
}
.b5{
  background-color: transparent;
  width: 260px;
  height: 50px;
  margin-top: 1500px;
  margin-left: 780px;
  position: absolute;
}
@media(max-width: 667px){
  .b1{
    background-color: transparent;
    width: 140px;
    height: 30px;
    position: absolute;
    margin-top: 283px;
    margin-left: 30px;
  }
  .b2{  
    background-color: transparent;
    width: 140px;
    height: 30px;
    position: absolute;
    margin-top: 280px;
    margin-left: 30px;
  }
  .b3{
    background-color: transparent;
    width: 85%;
    height: 50px;
    margin-left: 30px;
    margin-top: 850px;
    position: absolute;
  }
  .b4{
    background-color: transparent;
    width: 85%;
    height: 60px;
    margin-left: 30px;
    margin-top: 1800px;
    position: absolute;
  }
  .b5{
    background-color: transparent;
    width: 85%;
    height: 60px;
    margin-left: 30px;
    margin-top: 1900px;
    position: absolute;
  }
.image_p2_g{    
    width: 100%;
    pointer-events: none;
    user-select: none;
}
.image_p2 img{
    width: 290px;
    margin-top: -417px;
    margin-right: 43px;
    float: right;
    filter: brightness(1.02);
    filter: contrast(1.10);
}
.image_p2_g img{
    width: 290px;
    margin-top: -417px;
    margin-right: 43px;
    float: right;
    filter: blur(30px);
}
.image_p1{    
    width: 100%;
    pointer-events: none;
    user-select: none;
    display: none;
}
.image_p1_g{    
    width: 100%;
    pointer-events: none;
    user-select: none;
}
.image_p1 img{
    width: 250px;
    margin-top: -359px;
    margin-right: 3px;
    float: right;
    filter: brightness(1.02);
    filter: contrast(1.10);
}
.image_p1_g img{
    width: 100px;
    margin-top: -187px;
    margin-right: 103px;
    float: right;
    filter: blur(100px);
}      
.size_md1_1{
  background-image: url('../../src/img/lp/1/image1_m.png');
  height: 533px; 
}
.size_md1_2{
  background-image: url('../../src/img/lp/1/image2_m.jpg');
  height: 613px; 
}
.size_md1_3{
  background-image: url('../../src/img/lp/1/image3_m.jpg');
  height:1533px; 
}
.size_md1_4{
  background-image: url('../../src/img/lp/1/image4_m.jpg');
  height:2000px; 
}
.size_md1_5{
  background-image: url('../../src/img/lp/1/image5_m.png');
  height: 613px; 
}
.size_md1_8{
  background-image: url('../../src/img/lp/1/image8_m.png');
  height: 613px; 
}
.size_md1_7{
  background-image: url('../../src/img/lp/1/image7_m.png');
  height: 263px; 
}
.size_md1_6{
  background-image: url('../../src/img/lp/1/image6_m.png');
  height: 813px; 
}
.image_p3{    
    width: 100%;
    pointer-events: none;
    user-select: none;
}
.image_p3_g{    
    width: 100%;
    pointer-events: none;
    user-select: none;
}
.image_p3 img{
  width: 350px;
  margin-top: -549px;
  margin-right: 0;
  float: right;
  filter: brightness(1.02);
  filter: contrast(1.10);
}
.image_p3_g img{
  width: 350px;
  margin-top: -549px;
  margin-right: 0;
  float: right;
  filter: blur(30px);
}
.image_bck{    
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
.text1{
  font-size: 26px;
  color: #ffffff;
  padding-top: 70px;  
  left: -150px;
  width: 210px;
  user-select: none;
  pointer-events: none;
  line-height: 50px;
  font-family: 'catavalo';
  position: absolute;
}
.text1 img{
      width: 100%;
}
.container {
      width: 100%;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
}
.not_wtt {
      background-color: red;
      width: 24px;
      height: 24px;
      margin: auto;
      text-align: center;
      left: 0;
      bottom: 0;
      padding-top: -10px;
      position: absolute;
      border-radius: 300px;
      color: #ffffff;
      font-weight: bolder;
}
.chat_online {
      width: 60px;
      height: 60px;
      position: fixed;
      bottom: 20px;
      right: 20px;
      border-radius: 50%;
      transition: 0.4s;
      z-index: 989;
}
.chat_online img{
      width: 60px;
      height: 60px;                
}
.chat_online:hover {
      box-shadow: 0 0px 10px 4px #CCC;
}
}