@import url(https://fonts.googleapis.com/css?family=Lato:400,700,300,900);
*,*:hover,*:active,*:focus,*:visited{outline:none;-webkit-appearance:none}
::-webkit-input-placeholder{line-height:25px}
html,body,button,select,input{font-family:'Lato',sans-serif}
html{background:url(img/fdp.jpg) no-repeat center center fixed;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;width:100%;height:100%;padding:0;margin:0}
#general{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;position:absolute;width:100%;height:100%}
html,body,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}
#calc,select,input,button{box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box}
.fdcol{background:url(img/fdcol.jpg) repeat-x;width:100%;height:100%;position:fixed;top:0;left:0;z-index:-1;opacity:.8}
#calc{background:#fff;box-shadow:0 0 5px rgba(0,0,0,.3);border-radius:6px;text-align:center;margin:0 auto;margin-top:100px;margin-bottom:50px;padding:10px 25px;max-width:90%}
#calc.calcgen{max-width:85%}
#calc h1{font-size:15px;color:#4c6b66;letter-spacing:3px;text-transform:uppercase;margin:15px 0 0 0}
#calc h2{font-size:16px;font-weight:normal;color:#b6bdb5;margin:15px 0 5px}
button.btn-deg{background:#e95c2e url(img/btnfdv.png) repeat-y;border:none;border-radius:50px;font-size:14px;color:#fff;text-transform:uppercase;text-align:center;letter-spacing:3px;width:80%;margin:15px 0 25px 0;padding:15px}
button.btn-deg:hover{background-color:#f3a71d;cursor:pointer}
select,input{border:solid 1px #1cd1cb;border-radius:50px;font-size:20px;color:#1cd1cb;line-height:20px;text-align:center;padding:10px;width:80%}
select{text-align-last:center;box-shadow:none;background-color:transparent;background-image:none;appearance:none}
option{text-align:center}
/* Resultado */
.pkimg{text-align:center;width:100%;float:left;margin-top:-95px;position:relative}
.pkimg img{width:200px;height:150px;object-fit:contain}
.cargando{max-width:15px}
.act{font-size:10px;text-transform:uppercase;color:#4c6b66}
.descarga img{max-width:50px}
p.texto{color:#4c6b79}
p.texto strong{color:#1cd1cb}
#cargagen{background:#989898;border-radius:5px;width:100%;height:5px;margin-top:15px;position:relative;float:left}
#fdcarga{background:#6dedb7;border-radius:5px;width:1%;height:100%;position:absolute}
#porcentaje,.porcentajec p{font-size:13px;font-weight:bold;color:#545d59;text-align:center;width:100%;margin-top:10px;float:left}
.porcentajec p{font-size:11px}
#calc.calcres{display:block;overflow:hidden}
.descarga{float:left;width:100%}
#cargagen,.porcentajec,.red{-webkit-transition:color .5s ease;-moz-transition:color .5s ease;-o-transition:color .5s ease;transition:color .5s ease}
.red{color:#24ccaa!important}
@media all and (min-width: 1024px){
#calc.calcgen,#calc.calcres{max-width:400px}
}
@media all and (max-width: 768px){
#calc.calcgen{max-width:90%}
select,input,button.btn-deg{width:100%}
}