﻿@charset "UTF-8";@font-face{font-family:HelvelticaLight;src:url(../Fonts/helveticaneuelight.otf);font-display:swap}@font-face{font-family:HelvelticaUltraLight;src:url(../Fonts/helveticaneueUltralight.otf);font-display:swap}*{box-sizing:border-box}body,html{background-color:#ececec;width:100%;height:100%;margin:0;padding:0}.BtnMenuMovil{display:none}.LogoHeader{width:auto;position:absolute;left:20px;top:20px;z-index:2}.LogoMassoft{width:190px;height:40px}.Blue,.Orange{fill:#fff;transition:.5s ease;-webkit-transition:.5s ease;-moz-transition:.5s ease;-o-transition:.5s ease;-ms-transition:.5s ease}.fp-viewing-1 .BgSocialMedia .BtnIconSocial:hover svg,.fp-viewing-1 .BgSocialMedia .BtnShare .IconShare,.fp-viewing-1 .Blue,.fp-viewing-1 header .divWidthHomeMenu .btnMenuNaranja svg,.fp-viewing-2 .Blue,.fp-viewing-2 header .divWidthHomeMenu .btnMenuNaranja svg{fill:#2a3f50}.fp-viewing-1 .Orange,.fp-viewing-2 .Orange{fill:#ef5124}.divWidthHomeMenu{display:inline-block;position:absolute;top:20px;right:20px;text-align:center;z-index:11;height:50px}.btnMenuNaranja{background:#444a51;border:3px solid #c9cbcc;width:50px;height:50px;border-radius:100%;transition:.6s ease-out;-webkit-transition:.6s ease-out;-moz-transition:.6s ease-out;-o-transition:.6s ease-out;-ms-transition:.6s ease-out;cursor:pointer;position:relative;display:inline-block;vertical-align:top;margin-left:15px;margin-right:15px}.btnMenuNaranja:hover{border:25px solid #fff}.btnMenuNaranja:hover .PalabraMenu{opacity:1;padding-top:35px;position:absolute}.ClientesMenu,.ContactoMenu,.MassoftMenu,.PalabraMenu,.ProductosMenu{position:absolute;transition:.5s ease;-webkit-transition:.5s ease;-moz-transition:.5s ease;-o-transition:.5s ease;-ms-transition:.5s ease}.PalabraMenu{font-family:HelvelticaLight;font-size:15px;color:#fff;display:inline-block;top:50%;left:calc(50% - 35px);width:70px;text-align:center;padding-top:0;z-index:-1;opacity:0}.ClientesMenu,.ContactoMenu,.MassoftMenu,.ProductosMenu{width:30px;height:30px;fill:#fff;left:calc(50% - 15px);top:calc(50% - 15px)}.btnMenuNaranja:hover .MassoftMenu,.btnMenuNaranja:hover .ProductosMenu{fill:#2a3f50;width:32px;height:32px;left:calc(50% - 16px);top:calc(50% - 16px)}.ClientesMenu,.ContactoMenu,.ProductosMenu{top:calc(50% - 14px)}.btnMenuNaranja:hover .ProductosMenu{top:calc(50% - 15px)}.ClientesMenu,.ContactoMenu{top:calc(50% - 13px)}.btnMenuNaranja:hover .ClientesMenu,.btnMenuNaranja:hover .ContactoMenu{fill:#2a3f50;width:32px;height:32px;left:calc(50% - 16px);top:calc(50% - 14px)}.ContactoMenu{top:calc(50% - 16px)}.btnMenuNaranja:hover .ContactoMenu{top:calc(50% - 17px)}.fp-viewing-2 header .divWidthHomeMenu .btnMenuNaranja{border:3px solid #fff;background-color:#d0d0d0}.fp-viewing-2 header .divWidthHomeMenu .btnMenuNaranja:hover{border:25px solid #2a3f50}.fp-viewing-2 header .divWidthHomeMenu .btnMenuNaranja:hover span{color:#5d5d5d}.fp-viewing-1 header .LogoHeader .LogoMassoft,.fp-viewing-2 header .LogoHeader .LogoMassoft{fill:#000}.fp-viewing-1 .BgSocialMedia .BtnShare,.fp-viewing-1 header .divWidthHomeMenu .btnMenuNaranja{background:#fff}.fp-viewing-1 header .divWidthHomeMenu .btnMenuNaranja:hover{border:25px solid #ff5730}.fp-viewing-1 .BgSocialMedia .BtnIconSocial svg,.fp-viewing-1 header .divWidthHomeMenu .btnMenuNaranja:hover svg,.fp-viewing-2 header .divWidthHomeMenu .btnMenuNaranja:hover svg{fill:#fff}.fp-viewing-1 header .divWidthHomeMenu .btnMenuNaranja:hover span{color:#2a3f50}.BgSocialMedia,.BtnShare{width:50px;height:50px;position:absolute}.BgSocialMedia{z-index:1001;right:25px;bottom:25px}.BgSocialMedia:hover{height:250px}.BtnShare{bottom:0;left:0;border-radius:50px;background:rgba(75,79,82,.7);border:3px solid #fff;transition:.5s ease;-webkit-transition:.5s ease;-moz-transition:.5s ease;-o-transition:.5s ease;-ms-transition:.5s ease}.BgSocialMedia:hover .BtnShare{border:25px solid #fff}.IconShare{width:36px;height:36px;fill:#fff;left:calc(50% - 18px);top:calc(50% - 18px)}.BgSocialMedia:hover .BtnShare .IconShare{width:40px;height:40px;fill:#2a3f50;left:calc(50% - 20px);top:calc(50% - 20px)}.BtnIconSocial,.IconGoogle,.IconShare{position:absolute;transition:.5s ease;-webkit-transition:.5s ease;-moz-transition:.5s ease;-o-transition:.5s ease;-ms-transition:.5s ease}.BtnIconSocial{width:40px;height:40px;background:rgba(75,79,82,.7);border:20px solid rgba(255,255,255,.5);opacity:0;bottom:5px;right:5px;border-radius:20px;display:inline-block;z-index:-1}.BtnIconSocial:hover{border:3px solid rgba(255,255,255,.5)}.BgSocialMedia:hover .BtnIconSocial{bottom:60px;opacity:1}.BgSocialMedia:hover .BtnIconSocial+.BtnIconSocial{bottom:110px}.BgSocialMedia:hover .BtnIconSocial+.BtnIconSocial+.BtnIconSocial{bottom:160px}.BgSocialMedia:hover .BtnIconSocial+.BtnIconSocial+.BtnIconSocial+.BtnIconSocial{bottom:210px}.IconGoogle{width:30px;height:30px;fill:#3b4047;left:calc(50% - 15px);top:calc(50% - 15px)}.BtnIconSocial:hover .IconGoogle{width:28px;height:28px;left:calc(50% - 14px);top:calc(50% - 14px);fill:#fff}.IconFB,.IconTw{fill:#3b4047;left:calc(50% - 13px)}.IconFB{width:24px;height:24px;position:absolute;top:calc(50% - 12px);transition:.5s ease;-webkit-transition:.5s ease;-moz-transition:.5s ease;-o-transition:.5s ease;-ms-transition:.5s ease}.BtnIconSocial:hover .IconFB,.BtnIconSocial:hover .IconTw{width:22px;height:22px;left:calc(50% - 12px);top:calc(50% - 11px);fill:#fff}.IconTw{width:26px;height:26px;top:calc(50% - 13px)}.BtnIconSocial:hover .IconTw{width:24px;height:24px;top:calc(50% - 12px)}.FooterBottom,.IconIn,.IconTw{position:absolute;transition:.5s ease;-webkit-transition:.5s ease;-moz-transition:.5s ease;-o-transition:.5s ease;-ms-transition:.5s ease}.IconIn{width:22px;height:22px;left:calc(50% - 11px);top:calc(50% - 12px)}.BtnIconSocial:hover .IconIn{width:20px;height:20px;left:calc(50% - 10px);top:calc(50% - 11px);fill:#fff}.fp-viewing-1 .BgSocialMedia .BtnIconSocial{background:#fff;border:20px solid rgba(75,79,82,.7)}.fp-viewing-1 .BgSocialMedia .BtnIconSocial:hover{background:#fff;border:3px solid rgba(75,79,82,.5)}.fp-viewing-2 .BgSocialMedia .BtnShare{background:#d0d0d0}.fp-viewing-2 .BgSocialMedia .BtnShare .IconShare{fill:#2a3f50}.fp-viewing-2 .BgSocialMedia:hover .BtnShare{border:25px solid #ff5730}.fp-viewing-2 .BgSocialMedia .BtnIconSocial svg,.fp-viewing-2 .BgSocialMedia:hover .BtnShare .IconShare{fill:#fff}.fp-viewing-2 .BgSocialMedia .BtnIconSocial{border:20px solid rgba(75,79,82,.7);background-color:transparent}.fp-viewing-2 .BgSocialMedia .BtnIconSocial:hover{border:3px solid rgba(75,79,82,.5);background:#d0d0d0}.IconIn,.fp-viewing-2 .BgSocialMedia .BtnIconSocial:hover svg{fill:#3b4047}.fp-viewing-1 .BgSocialMedia .BtnShare{border:3px solid #2a3f50}.fp-viewing-1 .BgSocialMedia:hover .BtnShare{border:25px solid #2a3f50}.fp-viewing-1 .BgSocialMedia:hover .BtnShare svg{fill:#fff}.FooterBottom{width:100%;font-family:HelvelticaLight;font-size:14px;color:rgba(255,255,255,.4);padding-top:5px;bottom:10px;z-index:1}.fp-viewing-1 footer .FooterBottom{color:rgba(42,63,80,.7)}.fp-viewing-2 footer .FooterBottom{color:#636363}@media screen and (min-width:0px) and (max-width:1366px){.btnMenuNaranja .PalabraMenu{opacity:1;padding-top:35px}.fp-viewing-1 header .divWidthHomeMenu .btnMenuNaranja .PalabraMenu{color:#2a3f50}.fp-viewing-2 header .divWidthHomeMenu .btnMenuNaranja .PalabraMenu{color:#5d5d5d}.BtnSocialMovil{width:50px;height:50px;content:' ';position:absolute;z-index:1006;right:25px;bottom:25px}.Prueba{height:250px;z-index:1005}.Prueba .BtnShare{border:25px solid #fff}.Profundidad{z-index:1010}.Prueba .BtnIconSocial svg{fill:#fff}.Prueba .BtnShare .IconShare{width:40px;height:40px;fill:#2a3f50;left:calc(50% - 20px);top:calc(50% - 20px)}.BtnIconSocial{opacity:0;border:3px solid rgba(255,255,255,.5);bottom:5px;right:5px}.IconFB{width:22px;height:22px;left:calc(50% - 12px);top:calc(50% - 11px);fill:#fff}.IconGoogle{width:28px;height:28px;left:calc(50% - 14px);top:calc(50% - 14px);fill:#fff}.IconIn,.IconTw{width:24px;height:24px;left:calc(50% - 12px);top:calc(50% - 12px);fill:#fff}.IconIn{width:20px;height:20px;left:calc(50% - 10px);top:calc(50% - 11px)}.Prueba .BtnIconSocial{bottom:60px;opacity:1}.Prueba .BtnIconSocial+.BtnIconSocial{bottom:110px}.Prueba .BtnIconSocial+.BtnIconSocial+.BtnIconSocial{bottom:160px}.Prueba .BtnIconSocial+.BtnIconSocial+.BtnIconSocial+.BtnIconSocial{bottom:210px}.fp-viewing-1 .Prueba .BtnShare{border:25px solid #2a3f50}.fp-viewing-1 .Prueba .BtnShare .IconShare,.fp-viewing-2 .Prueba .BtnShare .IconShare{fill:#fff}.fp-viewing-1 .BgSocialMedia .BtnIconSocial{background:#fff;border:3px solid rgba(75,79,82,.5)}.fp-viewing-1 .BgSocialMedia .BtnIconSocial svg{fill:#2a3f50}.fp-viewing-2 .Prueba .BtnShare{border:25px solid #ff5730}.fp-viewing-2 .BgSocialMedia .BtnIconSocial{border:3px solid rgba(75,79,82,.5);background:#d0d0d0}.fp-viewing-2 .BgSocialMedia .BtnIconSocial svg{fill:#3b4047}}@media screen and (min-width:0px) and (max-width:767px){.BtnSocialMovil{right:10px;bottom:10px}.BtnMenuMovil{width:50px;height:50px;position:fixed;z-index:12;top:0;right:0;display:inline-block}.IconClose,.IconMenu{width:50px;height:50px;position:absolute;left:0;top:0}.IconMenu{fill:#fff;transition:.5s ease;-webkit-transition:.5s ease;-moz-transition:.5s ease;-o-transition:.5s ease;-ms-transition:.5s ease}.fp-viewing-1 .IconMenu,.fp-viewing-2 .IconMenu{fill:#4a4a4a}.IconClose{background:url(../Images/close-button.svg) 50% 50% no-repeat;opacity:0;transition:1s ease;-webkit-transition:1s ease;-moz-transition:1s ease;-o-transition:1s ease;-ms-transition:1s ease}.Opacidad1{opacity:1}.Opacidad0{opacity:0}footer{display:none}.BgSocialMedia{right:10px;bottom:10px}.BgBefore,.divWidthHomeMenu{position:fixed;display:none;right:0;width:100%;background-color:rgba(24,71,89,.7);height:0%;z-index:11;animation:AnimMenu 1s;animation-fill-mode:forwards;animation-timing-function:ease-in-out}.divWidthHomeMenu{top:0}@keyframes AnimMenu{0%{height:0}to{height:100%}}.BgBefore{bottom:0}.AlingVertMenuMovil{top:calc(50% - 130px);position:fixed;width:100%}.btnMenuNaranja{animation:FadeBotones .7s;animation-delay:.8s;opacity:0}.PalabraMenu,.btnMenuNaranja,.btnMenuNaranja+.btnMenuNaranja{animation-fill-mode:forwards;animation-timing-function:ease}.btnMenuNaranja+.btnMenuNaranja{animation:FadeBotones .7s;animation-delay:.95s;opacity:0}.btnMenuNaranja+.btnMenuNaranja+.btnMenuNaranja,.btnMenuNaranja+.btnMenuNaranja+.btnMenuNaranja+.btnMenuNaranja{animation:FadeBotones .7s;animation-delay:1.1s;animation-fill-mode:forwards;animation-timing-function:ease;opacity:0}.btnMenuNaranja+.btnMenuNaranja+.btnMenuNaranja+.btnMenuNaranja{animation-delay:1.25s}@keyframes FadeBotones{0%{opacity:0;transform:scale(.4)}50%{opacity:.8;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.PalabraMenu{animation:SpanBtn .8s;animation-delay:2s;opacity:0!important}@keyframes SpanBtn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.LogoHeader,header{display:inline-block}header{width:100%;height:54px;background:#1d3f4f;z-index:1003;position:fixed;padding:5px 0;border-bottom:4px solid #ff562f;box-shadow:0 2px 5px 0 rgba(0,0,0,.3);transition:.5s ease;-webkit-transition:.5s ease;-moz-transition:.5s ease;-o-transition:.5s ease;-ms-transition:.5s ease}.fp-viewing-1 header,.fp-viewing-2 header{background:#e6e6e6}.LogoHeader{width:auto;height:40px;position:relative;left:20px;top:inherit}.LogoMassoft{float:left}.btnMenuNaranja{background:#133b4a!important;border:3px solid #fff!important;width:70px;height:70px;margin:30px 40px}.PalabraMenu{font-size:20px;left:calc(50% - 60px);width:120px;padding-top:40px!important;font-family:HelvelticaLight;letter-spacing:2px;color:#fff!important}.btnMenuNaranja svg{fill:#fff!important}.MassoftMenu,.btnMenuNaranja:hover .MassoftMenu{width:40px;height:auto;left:calc(50% - 20px);top:calc(50% - 20px)}.ProductosMenu,.btnMenuNaranja:hover .ProductosMenu{width:40px;height:auto;left:calc(50% - 20px);top:calc(50% - 18px)}.ClientesMenu,.btnMenuNaranja:hover .ClientesMenu{width:40px;height:auto;left:calc(50% - 20px);top:calc(50% - 17px)}.ContactoMenu,.btnMenuNaranja:hover .ContactoMenu{width:40px;height:auto;left:calc(50% - 20px);top:calc(50% - 22px)}}@media screen and (min-width:0px) and (max-width:320px){.btnMenuNaranja{margin:30px}}@media screen and (min-width:0px) and (max-width:767px) and (orientation:landscape){.AlingVertMenuMovil{top:calc(50% - 65px)}.btnMenuNaranja{margin:30px}}