header{
    background-color:white!important;
    position:relative!important;
    top:0!important;
}

body{
background-image: url('https://newgeneration.uy/wp-content/uploads/2021/02/fondo-NG.svg');

}

a{
  color:#000000!important;
  text-decoration: none!important;
}

form{
  background-color: #ffffff;
}

#video-header{
  display:flex!important;
  width: 100%!important;
  height: auto !important;
  padding: 0!important;
  } 


  @font-face{
    font-family:'impact'!important;
    src:url('https://newgeneration.uy/wp-content/themes/theme-bones-master/impact.tff')!important;
  }

  #inner-header{
    background-color: rgba(255,255,255,1);
        background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,0.71) 47%, rgba(255,255,255,0.39) 100%);
        background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,0.71) 47%, rgba(255,255,255,0.39) 100%);  
    position:fixed; 
    top:0;
    z-index:9;
    width: 100vw; 
    height: 125px;
    color:#000000;
    padding:10px!important;
    
  } 

  #inner-header nav {
      display: block !important;
      width: 50vw !important;
      height: auto!important;
      z-index: 9!important;   
      margin: 0!important; 
      float:left!important;
      position: relative!important;
      top:10%!important;

  } 


    .nav-top-nav-cf li  {
    font-size:1.2em!important;
    font-family:'impact'!important;
    text-transform: uppercase !important;
    text-align: right!important;
    }

  .nav-top-nav-cf li{
    display: inline!important;
    padding: 10px!important;
  } 

    #burgerMenu{
    display:none!important;
    }
    
    .current-menu-item a{
      color:orange!important;     
    }

    .custom-logo{
    width: 18vh!important;
    height: auto!important;
    position: relative !important;
    top:0!important;
    left:40%!important;
  } 
  
  #logo{
    font-size:2.1em !important;   
    text-align: center!important;
    position: relative!important;
    top:30px!important;
    left:-10%!important;
    }


    .follow span{
      position: relative!important;
      left: 30%!important;
    }


    .follow{
      position: relative!important;
      left: 60%!important;
    }

.draw {
  overflow: hidden;
  position: relative;
  top:100px!important;
  width: 99%;
  height:auto ;
  background-color: white;
  padding: 10px;
  z-index:3!important;
  padding-bottom:10px!important;
}
.draw::before, .draw::after {
  content: '';
  box-sizing: border-box;
  position: absolute;
  border: 8px solid transparent;
  width: 0;
  height: 0;
}
.draw::before {
  top: 0;
  left: 0;
  border-top-color: red;
  border-right-color: red;
  animation: border 2s infinite;
}
.draw::after {
  bottom: 0;
  right: 0;
  animation: border 2s 1s infinite, borderColor 2s 1s infinite;
}

@keyframes border {
  0% {
    width: 0;
    height: 0;
  }
  25% {
    width: 100%;
    height: 0;
  }
  50% {
    width: 100%;
    height: 100%;
  }
  100% {
    width: 100%;
    height: 100%;
  }
}

@-webkit-keyframes border {
  0% {
    width: 0;
    height: 0;
  }
  25% {
    width: 100%;
    height: 0;
  }
  50% {
    width: 100%;
    height: 100%;
  }
  100% {
    width: 100%;
    height: 100%;
  }
}

@-moz-keyframes border {
  0% {
    width: 0;
    height: 0;
  }
  25% {
    width: 100%;
    height: 0;
  }
  50% {
    width: 100%;
    height: 100%;
  }
  100% {
    width: 100%;
    height: 100%;
  }
}

@-o-keyframes border {
  0% {
    width: 0;
    height: 0;
  }
  25% {
    width: 100%;
    height: 0;
  }
  50% {
    width: 100%;
    height: 100%;
  }
  100% {
    width: 100%;
    height: 100%;
  }
}

@keyframes borderColor {
  0% {
    border-bottom-color: red;
    border-left-color: red;
  }
  50% {
    border-bottom-color: red;
    border-left-color: red;
  }
  51% {
    border-bottom-color: transparent;
    border-left-color: transparent;
  }
  100% {
    border-bottom-color: transparent;
    border-left-color: transparent;
  }
}

 @-webkit-keyframes borderColor {
  0% {
    border-bottom-color: red;
    border-left-color: red;
  }
  50% {
    border-bottom-color: red;
    border-left-color: red;
  }
  51% {
    border-bottom-color: transparent;
    border-left-color: transparent;
  }
  100% {
    border-bottom-color: transparent;
    border-left-color: transparent;
  }}
  
  @-moz-keyframes borderColor {
  0% {
    border-bottom-color: red;
    border-left-color: red;
  }
  50% {
    border-bottom-color: red;
    border-left-color: red;
  }
  51% {
    border-bottom-color: transparent;
    border-left-color: transparent;
  }
  100% {
    border-bottom-color: transparent;
    border-left-color: transparent;
  }}
  
 @-o-keyframes borderColor {
  0% {
    border-bottom-color: red;
    border-left-color: red;
  }
  50% {
    border-bottom-color: red;
    border-left-color: red;
  }
  51% {
    border-bottom-color: transparent;
    border-left-color: transparent;
  }
  100% {
    border-bottom-color: transparent;
    border-left-color: transparent;
  }}
  
#year{
    -webkit-animation: color-change 2s infinite!important;
    -moz-animation: color-change 2s infinite!important;
    -o-animation: color-change 2s infinite!important;
    -ms-animation: color-change 2s infinit!important;
    animation: color-change 2s infinite!important;
}

@-webkit-keyframes color-change {
    0% { color: black; }
    50% { color:#9b9b9b; }
    100% { color: black; }
}
@-moz-keyframes color-change {
   0% { color: black; }
    50% { color:#9b9b9b; }
    100% { color: black; }
}

@-o-keyframes color-change {
   0% { color: black; }
    50% { color:#9b9b9b; }
    100% { color: black; }
}
@keyframes color-change {
    0% { color: black; }
    50% { color:#9b9b9b; }
    100% { color: black; }
}

#year{
  font-weight: bold!important;
  top:50%!important;
  font-size:8em!important;
  position: relative!important;
 
 
}

.MoTitle{
   display:none!important;
}

#blink_me  p , #blink_ne p{
    font-size:4em!important;
    text-align:left!important;
}

@media only screen and (max-width: 916px){
    
#blink_me  p , #blink_ne p{
    font-size:1.4em!important;
    /*text-align:left!important;*/
}    

#inner-header{
  width: 100vw!important; 
    height: 140px!important;
}


#video-header{
  position:relative!important;
    top:140px!important;

  
  } 

.custom-logo{
    width:90%!important;
    height: auto!important;
    left:0!important;
    top:0px!important;

    }


#logo{
  font-size:100% !important;
  top:10px!important;
  left:10%!important;
  font-weight:bold!important;
  

}


.follow{
    top:10px!important;
    left:15%!important;
    
}



.nav-top-nav-cf {
  display: none!important;}   

#inner-header .addthis_inline_follow_toolbox p{
  display: none!important;

}

#burgerMenu{
  position:relative!important;
  top:10vw!important;
  float: right !important;
  left: 0!important;
  display: block !important;
  margin:0!important;
  font-size: 1.5em!important;
  z-index: 9!important; 
  }
  
  
#burgerMenu img{
  width:8vw!important; 
  height:auto!important; 

 } 

#mobileM{
  position: fixed!important;
  top: 35vh!important;
  left:30%!important;
  width: 70%!important;
  height: 350px!important;
  min-height:50%!important;
  z-index: 8!important;
  -webkit-box-shadow: -7px 1px 5px 7px rgba(0,0,0,0.2);
    -moz-box-shadow: -7px 1px 5px 7px rgba(0,0,0,0.2);
    box-shadow: -7px 1px 5px 7px rgba(0,0,0,0.2);
    font-style:italic!important;
    font-family: 'Dancing Script', cursive!important;
    }

#mobileM ul{

  top: -2%!important;
    }
    

#mobileM ul li{
  text-transform: uppercase!important;
  position: relative!important;
  margin-left: 5%!important;
  padding-top: 6.5%!important;
    }


#mobileM ul li a{
  font-weight: bold!important;
    text-decoration:none!important;
    letter-spacing: 2px!important;
    opacity: 0.5!important;
    color:blue!important;
    font-size: 1.2em!important;
    background: rgb(2,0,36);
    background: linear-gradient(90deg, rgba(2,0,36,0.020045518207282953) 0%, rgba(246,255,36,1) 9%, rgba(246,255,36,1) 89%, rgba(165,170,36,0) 100%);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    }

#mobileM .addthis_inline_follow_toolbox {
  position: relative;
  left:30%;
  top:3%; 
  font-size:25px; 
  font-weight: bold;
}   

#mobileM .addthis_inline_follow_toolbox p{

  font-family: 'Dancing Script', cursive!important;

}

.MoTitle{
    width: 100%!important;
    height:auto!important;
    color:black!important;
    position:relative!important;
    top:150px!important;
    font-size: 30px!important;
    text-align:center!important;
    text-transform:uppercase!important;
    font-weight:bold!important;
    margin-bottom:10px!important;
     display:block!important;
   
}

    }
    
@media only screen and (max-width: 716px) {
    #year{
    display:none!important;
    }    
    
    
    
.MoTitle{
    display:block!important;
  
}
}    
 
   

@media only screen and (max-width: 916px) and (orientation:landscape) {


#burgerMenu{
  float:left !important;
  left:0!important;
  display: block !important;
  margin:0!important;
  font-size: 1.5em!important;
  z-index: 9!important; 
}

#logo{
  font-size:1.3em !important;
  top:10px!important;
  left:20%!important;
  font-weight:bold!important;
  

}


.follow{
    top:10px!important;
    left:25%!important;
    
}


}