body{ font-family: open sans !important; font-style: normal !important; background: #eee !important;}
.logo{ text-align: center;}
.logo img{ margin: 20px 0;}
.content{ width: 80%; margin: 0 auto; background:#fff; }
.box{ box-shadow: 0px 0px 8px #555; padding: 20px 40px 40px; text-align: center; border-radius: 8px; margin-bottom: 20px;}

.box h1{ color: white; background: #002784; text-align: center; text-transform: uppercase;padding: 12px; border-radius: 8px;}
.button a{ background: #002784; color: white; border-radius: 8px; padding: 12px 40px; text-decoration: none; text-transform: uppercase; font-size: 1.2em; display: inline-table; margin-top: 30px;}
.button a:hover{ background: #002784; color: white;}

button{ background: #002784; color: #fff; border-radius: 8px; padding: 12px 40px; text-decoration: none; text-transform: uppercase; font-size: 1.2em; display: inline-table; margin-top: 30px;}
button:hover{ background: #002784; color: white;}

.card img {
    width: 580px;
    border-radius: 16px !important;
    margin: 20px 0;
 
    
}
.info{ width: 80%; margin: 20px auto; }
.info p{ font-size: 12px; text-align: center; color: #888;}

.back-card{ 
   
}

.card {
    display: table;
}
.card input {
    display: block;
    margin: 0 auto 10px auto;
}

.card .col-xs-4 {
    width: 29%;
    float: left;
    font-size: 14px;
    margin: 0 2%;
}

.input-name{ display:none;}
.gender{ display:none;}
.Birth{ display:none;}
.input-education{ display:none;}
.age{ display:none;}

.content-card{ padding: 33px 10px;}
.content-card label{ display: block; color: #fff;}
.content-card input{ 
   border: 0px;
    background: transparent;
    padding: 2px 0px;
    border-radius: 0px;
    font-size: 6px;
    font-weight: bold;
    width: 100%;
    text-transform: uppercase;
}
.content-card .column-1, .content-card .column-2{ width: 48%; float: left;}
.content-card .column-1{ margin-right: 4%;}

.datos{ display: table; width: 60%; margin: 0 auto;}
.datos label {
    color: #656565;
    font-size: 1.3em;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    display: block;
    font-family: open sans;
}
.datos input {
    color: #656565;
    font-size: 1em;
    font-weight: lighter;
    display: inline-block;
    width: 90%;
    padding: 10px;
    display: block;
    border: 1px solid #e6e6e6;
    margin: 0 auto;
}
.but-compra {
    display: table;
    width: 75%;
    padding: 30px 0;
    margin: 0 auto;
}
h2 {text-transform: uppercase !important;}
.but-compra .button{
    float: left !important;
    width: 50%;
}

.but-compra .button a{
   margin-top: 0 !important;
}

.but-compra .button.option-2{
    margin-top: 0 !important;
}

.but-compra .button.option-2 h2{
    margin-top: 0 !important;
}

button.next-button{ background: #002784; color: white; border-radius: 8px; padding: 12px 40px; text-decoration: none; text-transform: uppercase; font-size: 1.8em; display: inline-table; margin-top: 10px; width: 70%; border: 0px; cursor: pointer;}

button.back-button{ background: none; color: #555 !important; border-radius: 8px; padding: 8px 40px; text-decoration: none; text-transform: uppercase; font-size: .8em; display: inline-table; margin: 10px auto; width: 100%; border: 0px; cursor: pointer;}

.mensaje{
    background: #032686; color: white; text-align: center;
    padding: 20px; border-radius: 8px; box-shadow: 0px 8px 11px -4px rgba(0, 0, 0, 0.35);
}

.mensaje a, .mensaje button{
    background: #fff; color: #000; padding: 8px 20px; border-radius: 8px; display: inline-table;
}

.comentarios{
    background: #eee;
}

.comentarios #carousel{
    text-align: center;
}
.comentarios #carousel img{
    margin: 0 auto;
    border-radius: 50%;
    border: 3px solid #656565;
}
.carousel-control.left, .carousel-control.right{
    background: none !important;
}
.comentarios .carousel-indicators {
    bottom: -40px !important;
}

/* countdown */
.reloj{
    text-align: center;
}
.reloj #countdown {
	font-size: 48px;
	color: #000;
	line-height: 1.1em;
	margin: 40px 0 60px;
}
.reloj #countdown .dias {
	color: #002784;
    font-weight: bold;
}
.reloj #countdown .hora {
    font-size: .8em;
    color: #555;
}

.end h1{
    font-size: 1.6em;
}
.end h2{
    font-weight: bold;
}
.end h4{
    font-weight: bold;
    color:#333;
}
.end ul{
    padding: 0px;
}
.end ul li{
    list-style: none;
}
.precio-final{
    font-size: 3.5em;
    color: #58C961;
    font-weight: bold;
}
.precio-sindesc{
    font-size: 1.6em;
    color: #555;
    font-weight: normal;
    text-decoration:line-through;
}

.carousel-control{
    opacity: 1 !important;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{
    color: #002784;
    opacity: 1 !important;
}

#count-up .content{
    background: #002784;
    color: #fff;
    box-shadow: 0px 0px 8px #555;
    padding: 20px 40px 40px;
    text-align: center;
    border-radius: 8px;
    margin-bottom: 20px;
}
#count-up .content h2, #count-up .content h4{
    color: #fff;
}
#count-up .content h2{
    font-size: 1.6em;
}
#count-up .content h4{
    font-size: 1em;
    font-weight: normal;
}
#count-up .content .countup-box{
    border: 1px solid #fff;
    padding: 15px;
    margin: 30px 0;
}
#count-up .content .countup-box .number{
    font-size: 2em;
    font-weight: bold;
}

#check-now .content{
    background: #eee;
    color: #fff;
    box-shadow: 0px 0px 8px #555;
    padding: 20px 40px 40px;
    text-align: center;
    border-radius: 8px;
    margin-bottom: 20px;
}
#check-now .content p{
    color: #888;
    margin: 0;
}

#why-work .content{
    background: #fff;
    box-shadow: 0px 0px 8px #555;
    padding: 20px 40px 40px;
    text-align: center;
    border-radius: 8px;
    margin-bottom: 20px;
}

#we-vs-government .content{
    background: #fff;
    box-shadow: 0px 0px 8px #555;
    padding: 20px 40px 40px;
    border-radius: 8px;
    margin-bottom: 20px;
}

#we-vs-government .content h2{
    text-align: center;
}

#we-vs-government .content .first{
    background: #002784;
    color:#fff;
    padding: 10px;
}
#we-vs-government .content .row{
    padding: 10px;
    border-bottom: 1px solid #eee;
}
#we-vs-government .col-xs-2, #we-vs-government .col-xs-3{
    text-align: center;
}
#keep-in-touch{
    background: #002784;
    padding: 30px 0;
}
#keep-in-touch .content{
    background: none;
}
#keep-in-touch .content h2{
    color: #fff;
}
#keep-in-touch .content{
    text-align: center;
}
#map{
    text-align: center;
    padding: 30px 0;
    background: #fff !important;
}

.end-data label{
    text-align: left;
}
.end-data input{
    width: 100%;
}
.check-wrap{
    margin: 20px 0;
}

.end-data input[type="checkbox"]{
    width: auto;
    float: left;
    margin-right: 5px;
}
.end-data .acepto{
    font-size: .8em;
} 

button.button.back-button {
    
    color: #333 !important;
}

button.button {
    
    color: #fff !important;
}

.col-xs-6.col-sm-3 {
    margin-top: 10px !important;
    
}

button.btn.btn-block.btn-success.step-button {
    margin-top: 10px !important;
    background-color: #032686 !important;
    border-color: #032686 !important;
    
}

.btn-success:hover {
     background-color: #3F51B5 !important;
    border-color: #3F51B5 !important;
    
}

section.content.box.comentarios {
    background: #fff !important;
    
}


@media (max-width: 900px) {
  .card img {width: 100%;}
    button.next-button {
    padding: 12px;
    font-size: 1.2em;
    width: 100%;
    }
    .datos {width: 100%;}
    .process h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 1.2em !important;
    }
    .col-xs-6 { width: 100% !important;}
    .but-compra .button {float: none !important;width: 100%;}
    .but-compra {width: 100% !important;}
    .button a {padding: 5px 15px;}
    .but-compra .button.option-2{
    margin-top: 20px !important;
    }
    .card .col-xs-4 {
    width: 100%;
    float: none;
    font-size: 14px;
    margin: auto;
}
    
}

@media screen and (max-width:470px){
.card img{ width: 100%; padding: 0px;}
    section#we-vs-government {display: none;}
    
    }