@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600&display=swap');
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,img,strong,b,u,i,center,ol,ul,li,fieldset,form,label,table,tbody,tfoot,thead,tr,th,td,header,menu,.menu,section,article,video{margin:0;padding:0;border:0;outline:0}
input,button,textarea,select{outline:0}
html{height:100%;overflow-x:hidden;}
body{float:left;width:100%;height:100%;font-family:"Poppins","sans-serif";margin:0;background-image:url("../images/bg.jpg");background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position-x:50%}
img{max-width:100%;height:auto;vertical-align:middle}
ul,ol{list-style:none}
section,footer{float:left;width:100%;text-align:center}
.img{line-height:0}
.infoContent{float:left;width:calc(100% - 40px);max-width:1560px;padding:60px 20px 0 20px;margin-left:50%;transform:translateX(-50%)}
#logo .infoContent{padding:30px 20px 0 20px;text-align:center}
#titles h1{float:left;width:100%;font-size:44px;font-weight:100;line-height:32px;color:#FFF;text-align:center;text-shadow:0 0 2px rgba(255,255,255,1);margin-bottom:25px}
#titles h2{float:left;width:100%;font-size:26px;font-weight:200;line-height:32px;color:#FFF;text-align:center}
#titles h2 span{font-weight:300}
#version h3{display:inline-block;vertical-align:middle;padding:2px 30px;background:#846FF3;border-radius:6px;font-size:26px;font-weight:300;color:#14E7FF}
#version h3 img{padding-right:20px}
#datos form{width:100%;max-width:760px;margin-left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;column-gap:40px;row-gap:20px;grid-auto-flow:row;align-items:center}
#datos form div.nombres{width:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;column-gap:40px;row-gap:20px;grid-auto-flow:row;align-items:center}
#datos form div.nombres,#datos form div.texto,#datos form div.boton{grid-column:1 / span 2}
#datos form input[type="text"],#datos form input[type="email"],#datos form select{float:left;width:calc(100% - 68px);height:40px;padding:0 20px 0 48px;border:0;border-radius:6px;background:#EFECFF;font-family:"Poppins","sans-serif";font-size:18px;color:#9F9FBF;font-weight:300;text-shadow:0 0 1px rgba(159,159,191,1)}
#datos form select{width:100% !important;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:0 31px 0 48px;cursor:pointer}
#datos form select#cmbPaises{background-image:url("../images/icoLocate.png"),url("../images/arrowSelect.png");background-color:#EFECFF;background-repeat:no-repeat;background-position:left 20px center,right 19px center}
#datos form select#cmbPaises:disabled{background-image:url("../images/icoLocateDisabled.png");background-color:#D5D0DF;background-repeat:no-repeat;background-position:left 20px center;color:#9292B6;cursor:auto}
#datos form select#cmbCiudades{background-image:url("../images/icoCiudad.png"),url("../images/arrowSelect.png");background-color:#EFECFF;background-repeat:no-repeat;background-position:left 20px center,right 19px center}
#datos form select#cmbTiposIdentificacion{background-image:url("../images/icoId.png"),url("../images/arrowSelect.png");background-color:#EFECFF;background-repeat:no-repeat;background-position:left 20px center,right 19px center}
#datos form input::placeholder{color:#9F9FBF;font-weight:300;text-shadow:0 0 1px rgba(159,159,191,1)}
#datos form input#txtNumIdentificacion{background:#EFECFF url("../images/icoIdNo.png") no-repeat;background-position:left 20px center}
#datos form input#txtPrimerNombre,#datos form input#txtSegundoNombre,#datos form input#txtPrimerApellido,#datos form input#txtSegundoApellido{background:#EFECFF url("../images/icoPersona.png") no-repeat;background-position:left 20px center}
#datos form input#txtContacto{background:#EFECFF url("../images/icoContacto.png") no-repeat;background-position:left 20px center}
#datos form input#txtEmpresa{background:#EFECFF url("../images/icoEmpresa.png") no-repeat;background-position:left 20px center}
#datos form input#txtEmail{background:#EFECFF url("../images/icoCorreo.png") no-repeat;background-position:left 20px center}
#datos form input#txtMovil{background:#EFECFF url("../images/icoMovil.png") no-repeat;background-position:left 20px center}
#datos form input#txtTelefono{background:#EFECFF url("../images/icoTel.png") no-repeat;background-position:left 20px center}
#datos form input[type="button"]{display:inline-block;height:60px;line-height:60px;padding:0 30px;border:0;border-radius:60px;background:#6247F8;font-size:26px;color:#15E8FF;font-weight:300;text-shadow:0 0 1px rgba(91,64,247,1);cursor:pointer}
#datos form input[type="button"]:hover{background:#59C1FF;color:#492aff;transition:all ease-in-out 0.5s}
#datos form div.texto{font-size:18px;color:#9696B8;text-align:left;line-height:16px}
#datos form select.campo-error,#datos form input.campo-error{border:1px solid #95266f}
footer {float:left;width:100%}
footer p{font-weight:300;color:#9F9FBF;margin-bottom:25px;line-height:20px}
footer ul{float:left;margin-left:50%;transform:translateX(-50%);margin-bottom:30px}
footer li{float:left;margin:0 10px}
footer li:hover img{filter:brightness(0) saturate(100%) invert(95%) sepia(79%) saturate(3727%) hue-rotate(134deg) brightness(104%) contrast(102%)}
footer li a{float:left;width:100%;height:100%}
.thanks #logo .infoContent{padding:100px 20px 0 20px}
.thanks #gracias h2{float:left;width:100%;font-size:26px;font-weight:300;font-style:italic;line-height:32px;color:#51D8FF;text-align:center}
@media (max-width:1680px){
#logo .infoContent{padding:20px 20px 0 20px}
#logo img{max-height:100px}
footer ul{width:242px;margin-bottom:20px}}
@media (max-width:1620px){
.thanks #logo .infoContent{padding:20px 20px 0 20px}}
@media (max-width:1366px){
#logo img{max-height:85px}
.infoContent{padding:40px 20px 0 20px}
#titles h1{font-size:40px;line-height:30px;margin-bottom:15px;letter-spacing:-1px}
#titles h2,.thanks #gracias h2{font-size:24px;line-height:28px;letter-spacing:-1px}
#datos form{row-gap:15px}
#datos form input[type="text"],#datos form input[type="email"],#datos form select{height:36px}
#datos form input[type="button"] {height:54px;line-height:54px;font-size:24px}
footer p{margin-bottom:10px}}
@media (max-width:840px){
#titles h1{font-size:34px;line-height:30px;margin-bottom:15px;letter-spacing:-1px;font-weight:200}
#titles h2,.thanks #gracias h2{font-size:22px}
#datos form,#datos form div.nombres{max-width:100%;grid-template-columns:repeat(1,1fr);grid-auto-flow:row;row-gap:24px}
#datos form div.nombres,#datos form div.texto,#datos form div.boton{grid-column:1}}
@media (max-width:420px){
#datos form input[type="text"],#datos form input[type="email"],#datos form select{width:calc(100% - 48px);padding:0 10px 0 38px;font-size:16px;letter-spacing:-1.5px}
#datos form input#txtNombreCotiza{background:#EFECFF url("../images/icoPersona.png") no-repeat;background-position:left 10px center}
#datos form input#txtNumIdentificacion{background:#EFECFF url("../images/icoIdNo.png") no-repeat;background-position:left 10px center}
#datos form input#txtContacto{background:#EFECFF url("../images/icoContacto.png") no-repeat;background-position:left 10px center}
#datos form input#txtEmail{background:#EFECFF url("../images/icoCorreo.png") no-repeat;background-position:left 10px center}
#datos form input#txtMovil{background:#EFECFF url("../images/icoMovil.png") no-repeat;background-position:left 10px center}
#datos form input#txtTelefono{background:#EFECFF url("../images/icoTel.png") no-repeat;background-position:left 10px center}
#datos form select{background-image:url("../images/icoId.png"),url("../images/arrowSelect.png");background-color:#EFECFF;background-repeat:no-repeat;background-position:left 10px center,right 9px center}
#datos form input[type="button"]{height:50px;line-height:50px;font-size:22px;letter-spacing:-1px;padding:0 20px}}
@media (max-width:340px){
#datos form input[type="button"]{font-size:21px;padding:0 15px}}