body, html{
    height: 100%;
    width: 100%;
    padding: 0px;
    margin: 0px; 
    background-color: #000; 
}
.boxVantagens{ 
    background-color: rgba(209, 189, 100, 0.15);
    border-radius: 5px;
    color: #CBB559;
}
/* largura da barra de rolagem */
::-webkit-scrollbar {
    width: 12px;
  }
  
  /* fundo da barra de rolagem */
  ::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.5);
  }
  
  /* cor do indicador da barra de rolagem */
  ::-webkit-scrollbar-thumb {
    background: #CBB559;
    border-radius: 4px;
  }
  
  /* cor do indicador da barra de rolagem ao passar o mouse */
  ::-webkit-scrollbar-thumb:hover {
    background: #9c8730;
    border-radius: 0px;
  }
  .modal-content{
    background-color: transparent;
  }
  .modal-body{
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 5px;
  }
.bodyTwo{
    height: 100%;
    width: 100%;
    padding: 0px;
    margin: 0px;
    background: transparent; 
}
 
.footer{
    background-image: linear-gradient(#000, #041e44);
    color: #fff;
    height: 300px;
    width: 100%;
}

.about{ 
    background-image: linear-gradient(-45deg, #000, #076C9A, #000);
    position: relative;
    z-index: 5;
}
.happened{
    background-image: linear-gradient(45deg, #000, blue, #000);
}
.olha{
    background-image: linear-gradient(-45deg, #000, green, #000);
}
 
 
.bgOlha{
    width: 100%;
    height: 100%;
    background-image: url("../imagens/serio.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 50%;
}
 
.fontWhite{
    color:#fff;
} 
.fontYellow{
    color: #9c8730;
}
.font18{
    font-size: 18px;
}
.font30{
    font-size: 30px;
}
.font45{
    font-size: 45px;
}
.bg{
    background-repeat: no-repeat;
    background-size: 70%;
} 
.bg50{background-size: 50%;}
.bgL{    
    background-position: left center;
}
.bgR{
    background-position: right center;
}
.bgC{
    background-position: right center;    
}

@font-face {
    font-family: 'gobold';
    src: url('../fonts/gobold/Gobold/Bold.ttf'); 
}
@font-face {
    font-family: 'calibri';
    src: url('../fonts/calibri-font-family/calibri-font-family/calibri-regular.ttf'); 
}

.bgPrincipal{
    background-image: url("../imagens/bgManoel02-top.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.lineShadow{
    background-image: url("../imagens/line-shadow.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 105%;
}
/* Em seguida, você pode usar a fonte em seu seletor */
.fontFamilyBold {
    font-family: 'gobold', 'Arial';
    font-weight: bold;
}
.headline{
    font-size: 40px;
    color: #fff;
}
.subHeadline{
    font-family: 'calibri';
    font-size: 20px;
    color: #fff;
}
.divHeadline{
    max-width: 85%;
}

.logoTop{
    width: 60%; 
}
.col-6{
    border: 0px;
    margin: 0px;
    padding: 0px;
}


/* Add some content at the bottom of the video/page */
.content { 
 /* background: rgba(0, 0, 0, 0.5); */ 
 /* background-image: linear-gradient(330deg, rgba(6,98,105,1), rgba(0,0,0,0.5) 50%); */ 
  color: #f1f1f1; 
 /* height: 100%; */ 
  z-index: 2;
} 
.imgTop{
    max-height: 100vh; 
}

.buttonCta{
    width: 100%;
    max-width: 450px;
    min-height:60px;
    background-color:#CBB559;
    padding: 10px;
    font-size: 30px;
    font-weight: bold;
    color: #000;
    border-radius: 5px;
    cursor: pointer;  
}
.buttonCta:hover{  
    background-image: linear-gradient(to left, #8d6d12, #CBB559, #8d6d12);
}
.invisible{
    display: none;
    width: 0px;
    height: 0px;
    position: fixed;
}
.row{
    padding: 0px;
    margin: 0px;
    width: 100%;
}
.description{
    padding: 10px; 
    font-size: 25px;  
    width: 100%;
}
 .aboutDescription{ 
    padding: 10px;
  /*  border: 5px dashed rgb(54, 108, 158); */
    font-size: 25px;  
    width: 95%;
 } 
	/* link que ainda não foi visitado */
    a:link {
        color: #fff;
         text-decoration: none;
     }
     
     /* link que foi visitado */
     a:visited {
         color: #fff;
         text-decoration: none;
     }
     
     /* mouse over */
     a:hover {
         color: #fff;
         text-decoration: none;
     }
     
     /* link selecionado */
     a:active {
         color: #fff;
         text-decoration: none;
     }

 
     .fontPitch{
        font-size: 25px; 
        color: #fff;
     }

 
     .titleItem{
        font-size: 25px;
        font-weight: bold;
        color: #CBB559;

     }
     .textItem{
        color: #fff;
        font-size: 20px;
     }
     .iconItem{
        font-size: 60px;
        color: #fff;
     }
     .itens{
        border-radius: 10px;
        border: solid 2px #CBB559;
        box-shadow: 0px 0px 10px 2px #CBB559;
     }
     .subTitleWhite{
        font-size: 35px;
        color: #fff;
     }
     .dremB{
        background-color: #000;
        background-image: url("../imagens/temp1.png");
        background-repeat: no-repeat;
        background-position: right bottom;  
     }
     .boxInBlack{
        background-color: rgba(0, 0, 0, 0.8);
        height: 100%;
        width: 100%; 
     }
 

  /* Media query para telas de tamanho de dispositivos móveis */
  @media only screen and (max-width: 600px) {
    
    .headline, .subHeadline, .btOne, .imgMobile{
        padding-top:20px;
    }
    .subIntemM{
        position: relative;
        bottom: 0px;
    }
    .itensBottomMobile{ 
        position: relative;
        width: 100%;
        bottom: 0px; 
    }   
    .dremB{ 
        background-position: center bottom; 
        background-size: 200%;
    }
    .bg{ 
        background-position: left center;
        background-size: 200%;
    } 
 
    .bgOlha{
          background-size: 100%;
       }
    .bgTitles{ 
        background-size: 100%;
        background-position: -50% center;
    }
    .sombra{
        background-image: linear-gradient(to top, rgba(0,0,0,0.9) 50%, transparent) ;
    }
    body{
        background-position: center bottom;
    }
    .itensB{
        position: relative;
        float: left;
        width: 100%;
        bottom: 0px;
        left: 0px;
    }    
    .headline{
        font-size: 25px;
        color: #CBB559;
    }
    .subHeadline{
        font-family: 'calibri';
        font-size: 20px;
        color: #fff;
        font-weight: 500;
    }
    
    .logoTop{
        width: 60%;
    }
    .imgMobile{
        display: block; 
    }
    
    .imgDescktop{
        display: none; 
    }
 
  }
/* Media query para telas de tamanho de dispositivos móveis */
  
  @media only screen and (min-width: 601px) {
 
    .imgMobile{
        display: none; 
    }
    
    .imgDescktop{
        display: block; 
    }
  }