.banner{float:left;position:relative;width:100%;padding-top:102px}
.banner .txt{text-align:center}
.banner h1{font-size:62px;line-height:62px;color:#FFF;padding-bottom:20px;text-shadow:4px 4px 20px rgba(33,20,90,1)}
.banner h2{font-family:"PoppinsLight","sans-serif";font-size:40px;line-height:40px;font-weight:normal;color:#FFF;text-shadow:4px 4px 20px rgba(33,20,90,1)}
.flotanteCotizar{position:fixed;bottom:30%;left:0;width:143px;height:48px;padding:7px;background:#7005bd;background:linear-gradient(to right,#7005bd 0%,#3363f4 100%);border-radius:0 43px 43px 0;box-shadow:0px 5px 15px 0px rgba(0, 0,0,0.5)}
.flotanteCotizar:hover{filter:brightness(120%);transition:all ease-in-out 0.5s}
/*MODAL*/
#lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(4 15 48 / 80%);z-index:99}
.modal{position:fixed;top:40px;max-width:1160px;width:calc(100% - 80px);height:calc(100% - 120px);background:#FFF;margin-left:50%;transform:translateX(-50%);padding:20px;box-shadow:0 20px 20px 0 rgb(4 10 20 / 65%);overflow:auto}
#close{position:absolute;width:22px;height:26px;top:10px;right:calc(50% - 598px);color:#FFFFFF;text-decoration:none;font-size:35px;line-height:26px;transform:scaleX(1.2);font-family:"MontserratLight"}
#close:hover{color:#109de6}
.lightDialog{position:fixed;width:100%;height:100%;top:0;z-index:+9998;background:rgba(4 15 48 / 80%)}
.modalDialog{opacity:0;pointer-events:none}
.modalDialog:target{opacity:1;pointer-events:auto}
.contDialog{position:fixed;width:inherit;max-width:80%;height:auto;max-height:calc(100% - 100px);top:calc(50% + 10px);left:50%;transform:translateX(-50%) translateY(-50%);background:#FFF;box-shadow:0px 5px 30px 0px rgba(0,0,0,1);z-index:+9999;text-align:center;padding:20px}
.lightVideo .contDialog{background:#000;padding:0}
.contDialog video{max-width:inherit}
.closeDialog{z-index:+9999;position:absolute;right:5px;top:-19px;color:#FFF;font-size:35px;transform:scaleX(1.5);text-decoration:none;transition:all .3s ease-out;cursor:pointer;background:0;border:0;line-height:0;font-family:"PoppinsLight","sans-serif"}
.closeDialog:hover{color:#00e3f6}
/*DIALOG UI*/
.ui-widget-overlay{position:fixed;width:100%;height:100%;top:0;z-index:+9998!important;background:rgba(4 15 48 / 80%) !important;cursor:pointer;transition:opacity 400ms ease-in}
.ui-dialog{max-width:calc(100% - 40px);max-height:calc(100% - 70px);position:fixed;top:50%!important;left:50%!important;background:#FFF;transform:translateX(-50%) translateY(-50%);box-shadow:0 6px 25px 0 rgb(0 0 0 / 50%);z-index:+9999!important}
.ui-dialog-titlebar{float:left;width:calc(100% - 40px);height:auto !important;margin-top:20px;background:#FFF !important;color:#FFF;font-size:24px;font-weight:normal;padding:0 20px!important;display:table;font-family:"FiraSansLight","sans-serif";text-transform:uppercase}
.ui-dialog-titlebar span{display:table-cell;vertical-align:middle;font-family:"PoppinsMedium","sans-serif";font-size:28px;line-height:28px;color:#4A3D72;font-weight:normal;text-align:center}
.ui-dialog .ui-button{z-index:+9999;position:absolute;right:0;top:-30px;color:#383845;font-size:1px;transition:all .3s ease-out;cursor:pointer;background:0;border:0;width:100px;height:30px;padding:0}
.ui-dialog .ui-button span{float:right;position:relative;width:35px;height:2px;background:#FFF;transform:rotate(45deg)}
.ui-dialog .ui-button span:last-of-type{transform:rotate(135deg);right:-34px}
.ui-dialog .ui-button:hover span{background:#00e3f6}
.content-dialog{width:auto;min-height:0;height:100%;overflow:auto;float:left}
.ui-dialog .detalle{min-width:600px;padding:10px 20px 20px 20px;background:#FFF;overflow:auto;float:left}
.ui-dialog .noMarginSide{margin-left:0!important;margin-right:0!important;margin-bottom:0!important;width:100%!important}
.ui-dialog form .col100{float:left;width:100%;margin-top:15px}
.ui-dialog form .col50{float:left;width:calc(50% - 15px)}
.ui-dialog form .col50:first-of-type{margin-right:30px}
.ui-dialog form label{float:left;width:100%;text-shadow:0 0 0 rgb(57 38 164);font-size:18px;color:rgb(57 38 164);font-family:"Poppins","sans-serif"}
.ui-dialog form input[type="text"],.ui-dialog form input[type="email"]{float:left;width:calc(100% - 22px);height:35px;padding:0 10px;border:1px solid #bbc0d0;border-radius:3px;background-color:transparent;appearance:none;outline:0;text-shadow:0 0 0 rgb(108 113 119 / 50%);font-size:18px;font-family:"Poppins","sans-serif";color:#5F5F80}
.ui-dialog form textarea{float:left;width:calc(100% - 22px);height:105px;padding:10px;color:#5F5F80;font-size:18px;border:1px solid #bbc0d0;border-radius:3px;resize:vertical;text-shadow:0 0 0 rgb(108 113 119 / 50%);font-family:"Poppins","sans-serif"}
.ui-dialog form input[type="button"]{float:left;font-size:22px;border:0;cursor:pointer;display:inline-block;height:50px;line-height:50px;text-decoration:none;padding:0 20px;border-radius:50px;color:#FFF;font-family:"PoppinsSemiBold","sans-serif";background:#3363f4;background:linear-gradient(to right, #3363f4 0%,#7005bd 100%);box-shadow:0 5px 30px 0 rgb(85 96 138 / 65%);min-width:160px;margin-left:50%;transform:translateX(-50%)}
.ui-dialog .ui-button:before{display:none !important}
.ui-dialog form input[type="button"]:hover{background:#2055F2;background:linear-gradient(to right, #2055F2 0%,#6304A8 100%);cursor:pointer}
.SplashBig h1{font-size:20px}
.SplashBig h2{font-size:26px}
.SplashBig h3{font-size:18px}
@media (max-width: 1280px){
.ui-dialog form .col50{width:calc(50% - 15px)}
.ui-dialog form .col50:first-of-type{margin-right:15px}}
@media (max-width: 962px){
.ui-dialog form .col50 {width:calc(50% - 10px)}
.ui-dialog form .col50:first-of-type{
margin-right:5px}}
@media (max-width: 720px){
.ui-dialog form .col100{margin-top:15px}
.ui-dialog form .col50{width:100%}
.ui-dialog form .col50:first-of-type{margin-right:0;margin-bottom:10px}}
@media (max-width: 700px){
.ui-dialog .detalle{min-width:280px;max-height:420px}}
/*RESPONSIVE*/
@media(max-width:1366px){
.banner h1{font-size:52px;line-height:52px}}
@media(max-width:1280px){
.banner h1{font-size:45px;line-height:45px;padding-bottom:10px}
.banner h2{font-size:35px;line-height:35px}}
@media(max-width:1260px){#close{right:22px}}
@media(max-width:820px){
.banner h1{font-size:40px;line-height:40px}
.banner h2{font-size:28px;line-height:28px}}
@media(max-width:400px){
.banner h1{font-size:32px;line-height:32px}
.banner h2{font-size:26px;line-height:26px}}
@media(max-width:800px){
.flotanteCotizar{transform:scale(0.7);left:-24px}}
@media(max-height:810px){
.contDialog{width:auto}}