@font-face {
    font-family: goldplay;
    src: url('fonts/Goldplay\ Alt\ SemiBold\ It.otf');
}
@font-face {
    font-family: goldplay_bold;
    src: url('fonts/Goldplay\ Alt\ Bold\ It.otf');
}

*{
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;  
}

body{
    font-family: goldplay;
    margin: 0;
    overflow: hidden;
    background: rgb(152,179,40);
    background: linear-gradient(79deg, rgba(152,179,40,1) 21%, rgba(116,150,30,1) 76%, rgba(126,158,34,1) 81%, rgba(123,156,33,1) 84%, rgba(126,158,34,1) 93%, rgba(125,158,34,1) 100%);
    background-repeat: no-repeat;
}

#cabecera{
     background-repeat: no-repeat;
    /*background: rgb(124,155,19);
    background: radial-gradient(circle, rgba(124,155,19,1) 102%, rgba(120,153,19,1) 71%, rgba(120,149,21,1) 100%, rgba(118,150,21,1) 73%);
    background-image: radial-gradient(circle at -0.76% 7.41%, #7C9B13 0, #789913 16.67%, #789515 33.33%, #769615 50%, #769615 66.67%, #769615 83.33%, #769615 100%);*/
    background-image: linear-gradient(130deg, #7C9B13 0, #7C9B13 16.67%, #7C9B13 33.33%, #789913 50%, #789515 66.67%, #709118 83.33%, #709119 100%);
    background-size: cover;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

.absolute{
    padding-top: calc(1vh + 1px);

    padding-left: 0rem;
    
}
.absolute2{
    padding-top: 2rem;
}
.img{
    text-align: center;
    width: 100vw;
    height: 100%;
    padding-top: 2rem;
   
}

.img>video{
    height: 40rem;
    /* min-height: 14rem; */
    margin-top: -5vh;
    width: 100vh;
}
.videocel{
    left: -270px;
}
.r{
    flex-direction: column-reverse;
}
#nos>h1{
    font-size: 36px;
    color: #fff;
    text-align: center;
}
#renovando>h1{
    color: #fff;
    font-size: 49px;
    font-family: goldplay_bold;
    text-align: center;
}

.header{
        display: none;
    }


@media (max-width:2560px) and (min-width:2001px){
    #cabecera{
        display: none;
    }
    
    .header{
        height: 100vh;
        display: flex;
        align-items: center;
        color: #fff;
    }
    .content{
        max-width: 100vw;
        min-height: calc(109vh + 76px);
        padding-left: 1rem;
        padding-right: 1rem;
        margin: auto;
        text-align: center;
        overflow: hidden;
        padding-top: calc(5vh + 1px);
    }
    .header-video{
        position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    height: calc(109vh + 76px);
    }
    
    .header-video video{
        min-width: 100vw;
        min-height: 100%;
    }
    
    .headertexto{
        z-index: 2;
        min-height: 893px;
        position: absolute;
    }
    .texto1{
        margin-top: calc(50vh + 1px);
        padding: 0px 158px 0 0;
    }
    
    .texto1 h2{
        font-size: calc(5vw + 1px);
    }
    .texto2 h1{
        font-size: calc(7vw + 1px);
    }
}


@media (max-width:2000px) and (min-width:1751px){
    #cabecera{
        display: none;
    }
    
    .header{
        height: 100vh;
        display: flex;
        align-items: center;
        color: #fff;
    }
    .content{
        max-width: 100vw;
       min-height: 100vh;
        padding-left: 1rem;
        padding-right: 1rem;
        margin: auto;
        text-align: center;
        overflow: hidden;
        padding-top: calc(5vh + 1px);
    }
    .header-video{
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    height: calc(108vh + 76px);
    }
    
    .header-video video{
        min-width: 100vw;
        min-height: 100%;
    }
    
    .headertexto{
        z-index: 2;
        min-height: 893px;
    }
    .texto1{
        margin-top: calc(70vh + 1px);
        padding: 0px 158px 0 0;
    }
  
    .texto1 h2{
        font-size: calc(5vw + 1px);
    }
    .texto2 h1{
        font-size: calc(7vw + 1px);
    }
}

@media (max-width:1750px) and (min-width:1441px){
    #cabecera{
        display: none;
    }
    
    .header{
        height: 100vh;
        display: flex;
        align-items: center;
        color: #fff;
    }
    .content{
        max-width: calc(100vw + 1px);
        min-height: 100vh;
        padding-left: 1rem;
        padding-right: 1rem;
        margin: auto;
        text-align: center;
        overflow: hidden;
    }
    .header-video{
        position: absolute;
        top: -123px;
        left: calc(-11vw + 64px);
        width: calc(107vw + 7.5px);
        height: calc(107vh + 76px);

        overflow: hidden;
    }
    
    .header-video video{
        min-width: 100vw;
        min-height: 100%;
    }
    
    .headertexto{
        z-index: 2;
        min-height: 893px;
    }
    .texto1{
        margin-top: calc(37vw + 1px);
        padding: 0px 120px 0 0;
    }
   
    .texto1 h2{
        font-size: calc(6vw + 1px);
    }
    .texto2 h1{
        font-size: calc(8vw + 1px);
    }
}

@media (max-width:1440px) and (min-width:1201px){
    #cabecera{
        display: none;
    }
    
    .header{
        height: 100vh;
        display: flex;
        align-items: center;
        color: #fff;
    }
    .content{
        max-width: 79rem;
        min-height: 116vh;
        padding-left: 1rem;
        padding-right: 1rem;
        margin: auto;
        text-align: center;
        overflow: hidden;
    }
    .header-video{
        position: absolute;
        top: -123px;
        left: calc(-11vw + 64px);
        width: calc(106vw + 7.5px);
        height: calc(106vh + 76px);
        min-height: 1000px;
        overflow: hidden;
    }
    
    .header-video video{
        min-width: 100vw;
        min-height: 100%;
    }
    
    .headertexto{
        z-index: 2;
        min-height: 893px;
    }
    .texto1{
        margin-top: calc(41vw + 1px);
        padding: 0px 158px 0 0;
    }
   
    .texto1 h2{
        font-size: 75px;
    }
    .texto2 h1{
        font-size: 111px;
    }
}

@media (max-width:1200px) and (min-width:1025px){
    #cabecera{
        display: none;
    }
    
    .header{
        height: 100vh;
        display: flex;
        align-items: center;
        color: #fff;
    }
    .content{
        max-width: 67rem;
        padding-left: 1rem;
        padding-right: 1rem;
        margin: auto;
        text-align: center;
        overflow: hidden;
    }
    .header-video{
        position: absolute;
        top: -112px;
        left: calc(-31vw + 4px);
        width: 130.54vw;
        height: 120vh;
        overflow: hidden;
    }
    
    .header-video video{
        min-width: 100vw;
        min-height: 100%;
    }
    
    .headertexto{
        z-index: 2;
    }
    .texto1{
        margin-top: calc(67vh + 65px);
        padding: 0px 140px 0 0;
    }
   
    .texto1 h2{
        font-size: 61px;
    }
    .texto2 h1{
        font-size: 90px;
    }
}



@media (max-width:1024px) and (min-width:999px) and (min-height:951px) and (max-height:1400px){
    #nos>h1{
       
        
        font-size: calc(7vw + 15px) !important;
    }
    #renovando>h1{
        
        font-size: calc(10vw + 15px) !important;    
    }  
    .absolute {
        padding-top: 0rem;
        padding-left: 0rem;
    }
    .header{
        display: none;
    }
    .videocel {
        left: calc(-7vw + 1px);
        top: 0;
    }
    .img {
        text-align: center;
        width: 100vw;
        height: 100%;
        padding-top: 2rem;
    }
    .img>video {
      
        height: 20rem;
        min-height: 719px;
        width: 114vw;
        margin-top: calc(-3vh + 1px);
        min-width: 762px;

    }
}



@media (max-width:1024px) and (min-width:999px) and (max-height:950px){
    #cabecera{
        display: none;
    }
    
    .header{
        height: 100vh;
        display: flex;
        align-items: center;
        color: #fff;
    }
    .content{
        max-width: 64rem;
        padding-left: 1rem;
        padding-right: 1rem;
        margin: auto;
        text-align: center;
        overflow: hidden;
    }
    .header-video{      
    position: absolute;
    top: -130px;
    left: calc(-28vw + 4px);
    width: 127.56vw;
    height: 123vh;
    min-height: 1000px;
    overflow: hidden;
    }
    
    .header-video video{
        min-width: 100vw;
        min-height: 100%;
    }
    
    .headertexto{
        z-index: 2;
    }
    .texto1{
        margin-top: calc(72vh + 1px);
        padding: 0px 140px 0 0;
    }
    .texto1 h2{
        font-size: 61px;
    }
    .texto2 h1{
        font-size: 90px;
    }
}

@media (max-width:998px) and (min-width:769px){
   
    #nos>h1{
       
        
        font-size: calc(7vw + 15px) !important;
    }
    #renovando>h1{
        
        font-size: calc(10vw + 15px) !important;    
    }  
    .absolute {
        padding-top: 0rem;
        padding-left: 0rem;
    }
    .header{
        display: none;
    }
    .videocel {
        left: calc(-7vw + 1px);
        top: 0;
    }
    .img {
        text-align: center;
        width: 100vw;
        height: 100%;
        padding-top: 2rem;
    }
    .img>video {
      
        height: 20rem;
    min-height: 719px;
    width: 114vw;
    margin-top: calc(-12vh + 1px);
    min-width: 762px;

    }
}

@media (min-width:601px) and (max-width:768px) and (min-height:200px){
    #nos>h1{
        font-size: 57px;
        
       
    }
    #renovando>h1 {
        font-size: 77px;
    }
    .header{
        display: none;
    }
    body{
        overflow: hidden;
    }
    #cabecera{
        overflow: hidden;
    }
    .videocel {
        left: calc(-7vw + 1px);
        top: 0;
    }
    .img {
        text-align: center;
        width: 100vw;
        height: 100%;
        padding-top: 2rem;
    }
    .img>video {
      
        height: 20rem;
            min-height: 645px;
            width: 110vw;
            margin-top: calc(-14vh + 1px);
            min-width: 700px;

    }
}


@media (min-width:601px) and (max-width:768px) and (min-height:770px){
    #nos>h1{
        font-size: 57px;
        
       
    }
    #renovando>h1 {
        font-size: 77px;
    }
    .header{
        display: none;
    }
    body{
        overflow: hidden;
    }
    #cabecera{
        overflow: hidden;
    }
    .videocel {
        left: calc(-7vw + 1px);
        top: 0;
    }
    .img {
        text-align: center;
        width: 100vw;
        height: 100%;
        padding-top: 2rem;
    }
    .img>video {
      
        height: 20rem;
            min-height: 645px;
            width: 110vw;
            margin-top: calc(-14vh + 1px);
            min-width: 700px;

    }
}

@media (min-width:501px) and (max-width:600px) and (min-height:200px){
    #nos>h1{
        font-size: 57px;
        
       
    }
    #renovando>h1 {
        font-size: 77px;
    }
    .header{
        display: none;
    }
    body{
        overflow: hidden;
    }
    #cabecera{
        overflow: hidden;
    }
    .videocel {
        left: calc(-7vw + 1px);
        top: 0;
    }
    .img {
        text-align: center;
        width: 100vw;
        height: 100%;
        padding-top: 2rem;
    }
    .img>video {
        height: 20rem;
        min-height: 355px;
        width: 75vw;
        margin-top: calc(-11vh + 1px);
        min-width: 580px;

    }
}
@media (min-width:501px) and (max-width:600px) and (min-height:770px){
    #nos>h1{
        font-size: 57px;
        
       
    }
    #renovando>h1 {
        font-size: 77px;
    }
    .header{
        display: none;
    }
    body{
        overflow: hidden;
    }
    #cabecera{
        overflow: hidden;
    }
    .videocel {
        left: calc(-7vw + 1px);
        top: 0;
    }
    .img {
        text-align: center;
        width: 100vw;
        height: 100%;
        padding-top: 2rem;
    }
    .img>video {
      
    height: 20rem;
    min-height: 645px;
    width: 75vw;
    margin-top: calc(-14vh + 1px);
    min-width: 684px;

    }
}



@media (min-width:425px) and (max-width:500px) and (min-height:200px){
    #nos>h1{
        font-size: 41px;
        
       
    }
    #renovando>h1 {
        font-size: 57px;
    }
    .header{
        display: none;
    }
    body{
        overflow: hidden;
    }
    #cabecera{
        overflow: hidden;
    }
    .videocel {
        left: calc(-20vw + 1px);
        top: 0;
    }
    .img {
        text-align: center;
        width: 100vw;
        height: 100%;
        padding-top: 2rem;
    }
    .img>video {
      
    height: 20rem;
    min-height: 327px;
    width: 65vw;
    margin-top: calc(-7vh + 1px);
    min-width: 604px;

    }
}

@media (min-width:425px) and (max-width:500px) and (min-height:770px){
    #nos>h1{
        font-size: 41px;
        
       
    }
    #renovando>h1 {
        font-size: 57px;
    }
    .header{
        display: none;
    }
    body{
        overflow: hidden;
    }
    #cabecera{
        overflow: hidden;
    }
    .videocel {
        left: calc(-20vw + 1px);
        top: 0;
    }
    .img {
        text-align: center;
        width: 100vw;
        height: 100%;
        padding-top: 2rem;
    }
    .img>video {
      
        height: 20rem;
        min-height: 609px;
        width: 75vw;
        margin-top: calc(-14vh + 1px);
        min-width: 674px;

    }
}




@media (min-width:375px) and (max-width:424px) and (min-height:200px){
    #nos>h1{
        font-size: 41px;
        
       
    }
    #renovando>h1 {
        font-size: 57px;
    }
    .header{
        display: none;
    }
    body{
        overflow: hidden;
    }
    #cabecera{
        overflow: hidden;
    }
    .videocel {
        left: calc(-35vw + 1px);
        top: 0;
    }
    .img {
        text-align: center;
        width: 100vw;
        height: 100%;
        padding-top: 2rem;
    }
    .img>video {
      
    height: 20rem;
    min-height: 290px;
    width: 75vh;
    margin-top: calc(-10vh + 1px);
    min-width: 684px;

    }
}


@media (min-width:375px) and (max-width:424px) and (min-height:770px){
    #nos>h1{
        font-size: 41px;
        
       
    }
    #renovando>h1 {
        font-size: 57px;
    }
    .header{
        display: none;
    }
    body{
        overflow: hidden;
    }
    #cabecera{
        overflow: hidden;
    }
    .videocel {
        left: calc(-35vw + 1px);
        top: 0;
    }
    .img {
        text-align: center;
        width: 100vw;
        height: 100%;
        padding-top: 2rem;
    }
    .img>video {
      
    height: 20rem;
    min-height: 645px;
    width: 75vw;
    margin-top: calc(-14vh + 1px);
    min-width: 684px;

    }
}

@media (min-width:321px) and (max-width:374px) and (min-height:200px) {
    #nos>h1{
        font-size: 40px;
        
       
    }
    #renovando>h1 {
        font-size: calc(15vw + 1px);
    }
    .header{
        display: none;
    }
    body{
        overflow: hidden;
    }
    #cabecera{
        overflow: hidden;
    }
    .videocel {
        left: calc(-44vw + 1px);
        top: 0;
    }
    .img {
        text-align: center;
        width: 100vw;
        height: 100%;
        padding-top: 2rem;
    }
    .img>video {
      
        height: 20rem;
        min-height: 467px;
        width: 75vw;
        margin-top: calc(-11vh + 1px);
        min-width: 669px;

    }
}

@media (min-width:321px) and (max-width:374px) and (min-height:770px) {
    #nos>h1{
        font-size: 40px;
        
       
    }
    #renovando>h1 {
        font-size: calc(15vw + 1px);
    }
    .header{
        display: none;
    }
    body{
        overflow: hidden;
    }
    #cabecera{
        overflow: hidden;
    }
    .videocel {
        left: calc(-44vw + 1px);
        top: 0;
    }
    .img {
        text-align: center;
        width: 100vw;
        height: 100%;
        padding-top: 2rem;
    }
    .img>video {
      
    height: 20rem;
    min-height: 645px;
    width: 75vw;
    margin-top: calc(-14vh + 1px);
    min-width: 684px;

    }
}

@media (max-width:320px) and (min-width:300px) and (min-height:200px){
    #nos>h1{
        font-size: 40px;
        
       
    }
    #renovando>h1 {
        font-size: calc(15vw + 1px);
    }
    .header{
        display: none;
    }
    body{
        overflow: hidden;
    }
    #cabecera{
        overflow: hidden;
    }
    .videocel {
        left: calc(-26vw + 1px);
        top: 0;
    }
    .img {
        text-align: center;
        width: 100vw;
        height: 100%;
        padding-top: 2rem;
    }
    .img>video {
      
        height: 20rem;
        min-height: 416px;
        width: 75vh;
        margin-top: calc(-14vh + 1px);
        min-width: 498px;

    }


}

@media (max-width:320px) and (min-width:300px) and (min-height:770px){
    #nos>h1{
        font-size: 40px;
        
       
    }
    #renovando>h1 {
        font-size: calc(15vw + 1px);
    }
    .header{
        display: none;
    }
    body{
        overflow: hidden;
    }
    #cabecera{
        overflow: hidden;
    }
    .videocel {
        left: calc(-56vw + 1px);
        top: 0;
    }
    .img {
        text-align: center;
        width: 100vw;
        height: 100%;
        padding-top: 2rem;
    }
    .img>video {
      
    height: 20rem;
    min-height: 645px;
    width: 75vw;
    margin-top: calc(-14vh + 1px);
    min-width: 684px;

    }
}




@media screen and (max-width:2000px) and (max-height:500px) and (orientation:landscape) {
    body{
        overflow-y: scroll;
    }
    #cabecera{
        overflow-y: scroll;
    }
}