img{ max-width: 100%;}

.img100{ width: 100%;}

.npnm{ margin:0; padding: 0}
a, a:hover,a:active{ color: #B5121B}
body{
  font-family: 'Dax';
  color: #58595B;
  font-size:20px;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  position: relative;
}

.regbt,.regbt:hover,.regbt:active{
  position: fixed;
  z-index: 1000;
  right: 3vw;
  bottom: 3vh;
  width: auto;
  color: #FFF;
  background: #B5121B;
  border: 1px solid #F7941D;
  white-space: nowrap;
  text-align: center;
  padding: 10px 25px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
  //display: none;
}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #58595B !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #58595B !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #58595B !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #58595B !important;
}

.parsley-errors-list{
  list-style: none;
  color: #F00;
  padding: 0;
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  *{
    padding: 0;
    margin: 0;
  }
}
.parsley-error{ border-color:#F0F !important}

.parsley-custom-error-message{ color:#fff; background-color:#F00;  }

.divider{
  width: 20px;
  background: #FFF;
  display: inline-block;
  height: 3px;
  font-size: 1px;
}

.vigilado{
  position: absolute;
  left: 10px;
  bottom: 150px;
  z-index: 1000;
}

.personaje{
  position: absolute;
  bottom: -110px;
  right: 5%;
  z-index: -1;
}

#sec1{
  background: url('../../images/bg.png'); background-size: cover; background-position: center;
  padding: 20px 0;
  .text1{
    font-size: 28px; color: #FFF;
    margin-bottom: -5px;
  }

  .mvideo{
    position: relative;
    padding-bottom: 80px;
    .img1{
      position: absolute;
      bottom: -10px;
      left: 10px;
      z-index: 100;
    }
    .img2{
      position: absolute;
      bottom: 0px;
      right: -10px;
      z-index: 100;
    }
  }
}

#sec2{
  .gradient1;
  color: #FFF;
  padding: 30px 0;
  font-size: 18px;
  .text1{
    font-size: 28px; color: #FFF;
    margin-bottom: 5px;
    display: inline-block;
    .divider1{
      margin-bottom: -10px;
    }
    .divider2{
      margin-top: -20px;
    }
  }

  .owl-carousel{
    margin-top: 30px;
    .row{
      margin-right: 0px;
      margin-left: 0px;
    }
    .divider{
      width: 20px;
      height: 2px;
    }
    .x1{
      font-weight: 700;
      font-size: 28px;
    }
    .x2{
      color: #F7941D;
      font-size: 18px;
      i{
        color: #FFF;
      }

    }
    .x3{
      font-size: 17px;
      .condiciones{
        font-size: 12px;
      }
    }

  }

}

#sec3{
  padding: 30px 0;
  .divider{ background: #B5121B;}
  .text1{ font-size: 28px; color: #B5121B;}
  .text2{
    margin-bottom: 20px;
  }
  .iconos{
    img{
      margin-bottom: 20px;
    }
    font-size: 14px;
  }
  .text3{
    font-size: 12px;
    padding: 20px 0;
  }
}
#sec4{
  padding: 30px 0 120px 0;
  .divider{ background: #B5121B;}
  .text1{
    font-size: 20px;
    strong{
      color: #B5121B;
    }
  }

  input, select{
    background: rgba(255, 255, 255, 0.8) !important;
    border-color: #B5121B ;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  select{
    height: 42px;
    -webkit-appearance: none;
    -moz-appearance : none;
    border:1px solid #B5121B ;
    border-radius:3px;
    padding:5px 40px
  }

  button{
    background: #B5121B;
    color: #FFF;
    font-size: 20px;
    font-style:   italic;
    padding: 8px 60px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

  }

  .chk{
    font-size: 14px;font-style:   italic;
  }

  .redes{
    a{
      color: #B5121B;
      font-size: 30px;
      margin-left: 10px;
      display: inline-block;
      vertical-align: middle;
    }
  }

}

footer{
  z-index: -1;
  position: absolute;
  width: 100%;
  bottom: -120px;
  padding: 30px 0;
  background: #B5121B;
  color: #FFF;
  .text1{
    font-size: 20px;
  }
  .text2{
    font-size: 16px;
  }
  a, a:hover, a:active{
    color: #FFF;
    display: inline-block;
    margin: 5px 20px;
  }
}

.owl-dots{
	text-align: center;  z-index: 10000; position: absolute; width: 100%; bottom:5px;
	.owl-dot{
    display:inline-block; width:10px; height:10px; background:#fff; margin:10px 2px; border: 1px solid #ccc !important;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
  }
	.owl-dot.active{ background:#B5121B}
}

.owl-nav {
  position: absolute;
  top: 45%;
  display: block;
  height: 0px;
  z-index: 10000;
  width: 100%;
}
.owl-prev {
  position: absolute;
  left: -48px;
  top: 0;
  background:url('../../images/prev.png') !important;
  font-size: 1px !important;
  text-indent: -500px;
  width: 31px;
  height: 35px;
  margin: 0 !important;
  padding: 0 !important;
}
.owl-next {
  position: absolute;
  right: -48px;
  top: 0;
  background: url('../../images/next.png') !important;
  font-size: 1px !important;
  text-indent: -500px;
  width: 31px;
  height: 35px;
  margin: 0 !important;
  padding: 0 !important;
}
.gradient1{
background: #d21c2e; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #d21c2e 0%, #9f0116 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #d21c2e 0%,#9f0116 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #d21c2e 0%,#9f0116 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d21c2e', endColorstr='#9f0116',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.inner-addon {
    position: relative;
}

/* style icon */
.inner-addon .lnr {
  position: absolute;
  padding: 12px 18px 8px 8px;
  pointer-events: none;
  color: #B5121B;
}

/* align icon */
.left-addon .lnr  { left:  0px;}
.right-addon .lnr { right: 0px;}

/* add padding  */
.left-addon input,.left-addon select  { padding-left:  40px; }
.right-addon input,.right-addon select { padding-right: 40px; }
.hidden-sm{
  display: none;
}
@media (max-width: 767px) {
  .hidden-sm{
    display: block;
  }
  .hidden-xs{
    display: none;
  }
  .personaje{
    display: none;
  }
  .vigilado{
    left: 0;
    bottom: 70px;
  }
  .regbt,.regbt:hover,.regbt:active{
    background: #f00;
    width: 100%;
    right: 0;
    bottom: 0;
  }
  footer{
    margin-bottom:3vh;
  }
}