.registerbox {
    width: 100%;
    height: 1000px;
    
    top: 100%;
    left: 50%;
   
    background: #B80C13;
    
    text-align: center;
    padding-top: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: url(../assets/bgL.svg) 0 75% no-repeat #b80c13;
    background-size: 228px 221px;
    transition: all 0.8s;
    
  }
  .registerbox.show {
    opacity: 1;
  }
  .registerbox .btnClose {
    width: 34px;
    height: 34px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../img/close.svg) center center no-repeat #000000;
    background-size: 16px;
    cursor: pointer;
    transition: all 0.4s;
  }
  .registerbox .btnClose:hover {
    opacity: 0.7;
  }
  .registerbox h2 {
    display: block;
    font-size: 22px;
    line-height: 36px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 20px;
  }
  .registerbox h2 span {
    font-size: 26px;
    font-weight: 900;
  }
  .registerbox h3 {
    width: 100%;
    float: left;
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 6px;
    opacity: 0.8;
  }
  .registerbox input[type="text"],
  .registerbox input[type="email"] {
    display: block;
    margin: 0 auto;
    width: 460px;
    height: 40px;
    font-size: 16px;
    padding: 5px 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    margin-bottom: 20px;
  }
  .registerbox form {
    max-width: 80%;
    margin: 0 auto;
    text-align: left;
  }
  .registerbox .colLeft {
    width: 45%;
    height: 370px;
    float: left;
    margin-bottom: 20px;
    margin-right: 10px;
  }
  .registerbox .colRight {
    width: 45%;
    height: 370px;
    float: right;
    margin-bottom: 20px;
  }
  .registerbox .colRightHeight {
    width: 45%;
    height: 100%;
    float: right;
    margin-bottom: 20px;
  }
  .registerbox label {
    width: 100%;
    float: left;
    background: rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 4px 10px 6px 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 12px;
    transition: all 0.4s;
  }
  .registerbox label input[type="checkbox"] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background: #fff;
    margin-right: 5px;
  }
  .registerbox label em {
    display: block;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    padding-left: 38px;
    font-style: normal;
    opacity: 0.7;
  }
  .registerbox label:hover {
    background: rgba(0, 0, 0, 0.3);
    cursor: pointer;
  }
  .registerbox h4 {
    color: #fff;
    font-size: 16px;
  }
  .registerbox .lineSubmit {
    width: 100%;
    float: left;
    text-align: center;
  }
  .registerbox .btn {
    display: inline-block;
    margin: 30px auto 0;
    padding: 0 60px;
    background: #222;
  }
  .registerbox .btn:hover {
    background: #000;
  }
  .registerbox .withScroll {
    width: 100%;
    height: 190px;
    float: left;
    overflow: hidden;
    overflow-y: auto;
    margin-bottom: 10px;
    background: rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 12px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
  }
  .registerbox .withScroll::-webkit-scrollbar {
    -webkit-appearance: none;
  }
  .registerbox .withScroll::-webkit-scrollbar:vertical {
    width: 6px;
  }
  .registerbox .withScroll::-webkit-scrollbar:horizontal {
    height: 6px;
  }
  .registertbox .withScroll::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 10px;
  }
  .registerbox .withScroll::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.15);
  }
  .registerbox .withScroll label {
    font-size: 14px;
    line-height: 20px;
    background: none;
    padding: 0;
  }
  .registerbox h4 a{
    color: white;
  }
  .registerbox h4 a:hover{
    color: #000;
  }
  .parrafos{
    color: #858484;
    font-size: 14px;
  }
  .strom{
    font-weight: 900;
  }
  .miniSusc{
    width: 80%;
    height: 30px;
    line-height: 30px;
    border: 1px solid #D4D4D4;
    color: #313131;
    display: block;
    margin-bottom: 15px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    padding: 0 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  /* generales */
  .hidden{
    display: none;
  }
  .float-l{
    float: left;
  }
  .float-r{
    float: right;
  }
  .w-45{
    width: 45%;
  }
  @media screen and (max-width: 650px) {
    .registerbox .colLeft {
      width: 90%;
      height: 370px;
      
      margin-bottom: 20px;
      
    }
    .registerbox .colRight {
      width:90%;
      height: 370px;
      float: none;
      margin-bottom: 20px;
    }
    .registerbox input[type="text"],
    .registerbox input[type="email"] {
      display: block;
      margin: 0 auto;
      width: 80%;
      height: 40px;
      font-size: 16px;
      padding: 5px 20px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      -ms-border-radius: 25px;
      -o-border-radius: 25px;
      border-radius: 25px;
      margin-bottom: 20px;
    }
    .registerbox {
      height: 1020px;
    }
  }

 .generalScroll {
    height: 190px;
    overflow: hidden;
    overflow-y: auto;
    margin-bottom: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
  }
  .generalScroll::-webkit-scrollbar {
    -webkit-appearance: none;
  }
  .generalScroll::-webkit-scrollbar:vertical {
    width: 6px;
  }
  .generalScroll::-webkit-scrollbar:horizontal {
    height: 6px;
  }
  .generalScroll::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.subscriptionBox{
  padding: 35px 0 50px 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-align: center;
  background-color: #cfcdcd;
}
.subscriptionBox .btn{
  width: 70%;
  text-align: center;
}
.subscriptionBox .descrip{
  margin: 10px auto;
}
.generalScroll::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.15);
}

.subscriptionBox input{
  width: 80%;
  height: 30px;
  margin: 0 auto;
  line-height: 30px;
  border: 1px solid #D4D4D4;
  color: #313131;
  display: block;
  margin-bottom: 15px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  padding: 0 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.subscriptionBox .descrip{
  font-size: 16px;
    line-height: 19px;
    color: #313131;
    display: block;
    margin-bottom: 10px;
}

.boxSubsDos{
  margin-top: 18%;
}

.customContent p{
  margin-bottom: 40px;
}

.error{
  border-color: #B80C13 !important;
}

#home > div.colRight > div:nth-child(2) > div.contentVideoBox.mirada-libero-img {
  background: #b90504;
  background-image: url("../img/microfono.png");
  position: relative;
  background-repeat: no-repeat;
  background-size: 164%;
  background-position: -122px -92px; }
  @media screen and (max-width: 767.98px) {
    #home > div.colRight > div:nth-child(2) > div.contentVideoBox.mirada-libero-img {
      background-size: cover;
      background-position-y: top;
      background-position-x: -60px; } }
  @media screen and (max-width: 390.98px) {
    #home > div.colRight > div:nth-child(2) > div.contentVideoBox.mirada-libero-img {
      background-position-x: -93px; } }
  #home > div.colRight > div:nth-child(2) > div.contentVideoBox.mirada-libero-img .logo {
    width: 71%;
    padding: 17px 0 0 8px; }
    @media screen and (max-width: 767.98px) {
      #home > div.colRight > div:nth-child(2) > div.contentVideoBox.mirada-libero-img .logo {
        width: 61%;
        padding: 25px 0 0 3px; } }
  #home > div.colRight > div:nth-child(2) > div.contentVideoBox.mirada-libero-img .content-mirada {
    padding: 17px 0 0 23px; }
    @media screen and (max-width: 767.98px) {
      #home > div.colRight > div:nth-child(2) > div.contentVideoBox.mirada-libero-img .content-mirada {
        padding: 30px 0 0 15px; } }
    #home > div.colRight > div:nth-child(2) > div.contentVideoBox.mirada-libero-img .content-mirada p {
      font-family: 'Lato', sans-serif;
      font-size: 18px;
      color: #fff; }
      @media screen and (max-width: 767.98px) {
        #home > div.colRight > div:nth-child(2) > div.contentVideoBox.mirada-libero-img .content-mirada p {
          font-size: 20px; } }
    #home > div.colRight > div:nth-child(2) > div.contentVideoBox.mirada-libero-img .content-mirada #fecha span {
      font-family: 'LatoBlack', sans-serif;
      font-size: 42px;
      font-weight: bold;
      color: #fff; }
      @media screen and (max-width: 767.98px) {
        #home > div.colRight > div:nth-child(2) > div.contentVideoBox.mirada-libero-img .content-mirada #fecha span {
          font-size: 49px; } }