@font-face {
	font-family: 'AvenirRegular';
	src: url('http://acceso.studiof.com.co/actualizaciones/css/font/AvenirNext-Regular.eot');
	src: url('http://acceso.studiof.com.co/actualizaciones/css/font/AvenirNext-Regular.eot?#iefix') format('embedded-opentype'),
		url('http://acceso.studiof.com.co/actualizaciones/css/font/AvenirNext-Regular.woff2') format('woff2'),
		url('http://acceso.studiof.com.co/actualizaciones/css/font/AvenirNext-Regular.woff') format('woff'),
		url('http://acceso.studiof.com.co/actualizaciones/css/font/AvenirNext-Regular.ttf') format('truetype'),
		url('http://acceso.studiof.com.co/actualizaciones/css/font/AvenirNext-Regular.svg#AvenirNext-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'AvenirBold';
	src: url('http://acceso.studiof.com.co/actualizaciones/css/font/AvenirNext-Bold.eot');
	src: url('http://acceso.studiof.com.co/actualizaciones/css/font/AvenirNext-Bold.eot?#iefix') format('embedded-opentype'),
		url('http://acceso.studiof.com.co/actualizaciones/css/font/AvenirNext-Bold.woff2') format('woff2'),
		url('http://acceso.studiof.com.co/actualizaciones/css/font/AvenirNext-Bold.woff') format('woff'),
		url('http://acceso.studiof.com.co/actualizaciones/css/font/AvenirNext-Bold.ttf') format('truetype'),
		url('http://acceso.studiof.com.co/actualizaciones/css/font/AvenirNext-Bold.svg#AvenirNext-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'AvenirDemiBold';
	src: url('http://acceso.studiof.com.co/actualizaciones/css/font/AvenirNext-DemiBold.eot');
	src: url('http://acceso.studiof.com.co/actualizaciones/css/font/AvenirNext-DemiBold.eot?#iefix') format('embedded-opentype'),
		url('http://acceso.studiof.com.co/actualizaciones/css/font/AvenirNext-DemiBold.woff2') format('woff2'),
		url('http://acceso.studiof.com.co/actualizaciones/css/font/AvenirNext-DemiBold.woff') format('woff'),
		url('http://acceso.studiof.com.co/actualizaciones/css/font/AvenirNext-DemiBold.ttf') format('truetype'),
		url('http://acceso.studiof.com.co/actualizaciones/css/font/AvenirNext-DemiBold.svg#AvenirNext-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

body {
    margin: 0;
    font-family: AvenirRegular, trebuchet MS;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}   


.label-landing{
  
    padding-left: 5%;
}
label{
	font-weight: 400;
    font-family: Lato;
}

.form-control {
    border-radius: 0px;
    border: 1px 1px 1px 1px;
    border: 1px 1px 1px 1px;
    border-top: 0.5px solid;
    border-bottom: 1.8px solid;
    border-left: 1.8px solid;
    border-right: 1.8px solid;
}
.obligatorio{
      font-size: 14px;
    font-weight: 900;
}
#div-fecha{

 padding-top:25px;
}
#label-fecha{
    margin-top: -3px;
}

a{
 text-decoration:underline;
 color:black;
}
#btn-enviar{
  background:black;
      padding: 10px 10%;

  color:white;
}
#condiciones{
  padding-left:3%;
}
#esp-formulario{
 height:70px;
}
#superior{
 background:#212121;

}
.iconos{
  padding-top:4%;
 

}
.icono{
  padding:2% 5%;
   color:white;
}


.styled-select {
    overflow: hidden;
}

.flechita select {
     border-right: 0px ;
    background: URL(http://acceso.studiof.com.co/actualizaciones/imagenes/flecha.jpg) no-repeat right center #fff !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
 }
/* .roundedTwo */
.roundedTwo {
  width: 28px;
  height: 28px;
  position: relative;
  margin: 20px auto;
  background: #fcfff4;
  background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  border-radius: 50px;
  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
  label {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 4px;
    left: 4px;
    cursor: pointer;
    background: linear-gradient(top, #222 0%, #45484d 100%);
    border-radius: 50px;
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
    &:after {
      content: '';
      width: 9px;
      height: 5px;
      position: absolute;
      top: 5px;
      left: 4px;
      border: 3px solid #fcfff4;
      border-top: none;
      border-right: none;
      background: transparent;
      opacity: 0;
      transform: rotate(-45deg);
    }
    &:hover::after {
      opacity: 0.3;
    }
  }
  input[type=checkbox] {
    visibility: hidden;
    &:checked + label:after {
      opacity: 1;
    } 
  }   
}
/* end .roundedTwo */
#mensaje_final {
 font-size:1.4em;
    padding: 5% 0% 20% 0%;
    height: 740px;    
    background: url(../imagenes/landing-final-fondo.jpg) center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}
#formulario #mensaje_final
{
       background: none;
       height: 200px;  
}

#desp-mensaje{
 margin-top: 10%;
}
.descuento #desc{
  font-size:7em;
  font-weight: bold;
}
.descuento #por{
  font-size:5em;
  position:absolute;
}

.descuento #off{
  font-size:2em;
  margin-top:-25px;
}
#mensaje_final .titulo_agradecimientos{
 font-size:1.5em;
}
#mensaje_final .titulo_agradecimientos2{
 font-size:2em;
}

.roundedTwo input[type=checkbox] {
    visibility: hidden;
}

.roundedTwo {
    width: 28px;
    height: 28px;
    position: relative;
    background: #fcfff4;
    background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: linear-gradient(to bottom, #848484 0%, #848484 40%, #848484 100%);
    border-radius: 50px;
    float: left;  
}
.roundedTwo label {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 2px;
    left: 2px;
    cursor: pointer;
    background: -webkit-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);
    background: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 100%);
    border-radius: 50px;
}
.roundedTwo label:after {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    top: 4px;
    left: 6px;
    border: 2px solid #848484;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.roundedTwo input[type=checkbox]:checked + label:after {
    opacity: 1;
}
.condiciones a {
    float: right;
    width: 90%;
    font-size: 1.2em;
    margin-top: 10px;
    text-align: left;
    /* color: #777; */
}
.campo {
    display: inline-table;
    padding-bottom: 3%;
    width: 100%;          
    /*text-align: center;   */
    vertical-align: middle;
}

@media screen and (min-width:460px) and (max-width:680px){

.iconos{
   padding-top:6%;
   padding-bottom:10%;
}
.condiciones {
    width: 100% !important;
   
}
.condiciones a {
    width: 84%;
    margin-left: 10px;
}

}
@media screen and (max-width:768px){
#div-fecha{
   padding-top:5px;
    padding-bottom:20px;
}
#margen-sup-movil{
      margin-top:65px;
}
#esp-formulario{
 height:10px;
}
.iconos{
   padding-bottom:10%;
}
#desp-mensaje{
 margin-top: 45%;
}
.condiciones {
    width: 100% !important;
   
}
.condiciones a {
    width: 84%;
    margin-left: 10px;
}
}
@media screen and (min-width:1680px) and (max-width:1920px){

.iconos{
  padding-top:2%;
 

}

}
.condiciones {
    width: 90%;
    margin: 0 auto;
}