/********* CSS POPUP ************/
        @media screen and (min-width: 1600px) {
        @import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Teko:wght@600;700&display=swap');
        @-ms-viewport {
        	width: device-width;
        }
        body {
        	margin: 0;
        	padding: 0;
        }
            .mlctr-popup {
            	/* master mandatory container, required by Mailocator */
            	/* z-index must be higher in DOM structure */
            	z-index: 109999999;
              font-family: proxima-nova, 'Open Sans', Helvetica, Arial, sans-serif;
              font-weight: 400;
            }
            .mlctr-popup .mlctr-popup-stripe {
            	/* customize stripe */
            	text-align: center;
            	min-height: calc(55px + 2.5vw);
              -webkit-transition: height ease-out 0.2s;
              -moz-transition: height ease-out 0.2s;
            	transition: height ease-out 0.2s;
            	/* stripe defaults */
            	position: fixed;
            	bottom: 0px;
            	width: 100%;
              z-index: 109999999;
              height: 100%;
              background-color: RGBA(0,0,0,0.8);
              padding: 0;
              border: 0;
              box-sizing: border-box;
            }
            /* Close via CSS;alternative to mailocator.action.do('close') */
            .mlctr-popup:target {
            	display: none;
            	visibility: hidden;
            }
            /* customizable popup content... */
            .mlctr-popup-content {
              position: relative;
            	width: 100%;
              height: 100%;
            	margin: 0;
              padding: 0px;
            	text-align: center;
            	color: #000000;
            	box-sizing: border-box;
            }
            .mlctr-content-row {
              position: relative;
            	width: 100%;
              margin: 0;
            }
            .mlctr-headline {
              position: relative;
            	width: 100%;
              padding: 7% 0 0 0;
            	height: 290px;
            }
            .mlctr-content {
            	height: 122px;
            }
            
            /*********************************/
            .mlctr-form-box {
            	position: absolute;
            	top: 50%;
            	left: 50%;
            	width: 50%;/*880px;*/
              height: 50%;/*500px;*/
              background: url(https://www.unasa.edu.sv/images/popup/wellness_info.webp) center -1px no-repeat;
              background-size: 100% auto;
              background-color: #ffffff;
              transform: translate(-50%, -50%);
              -webkit-transform: translate(-50%, -50%) scale(1.0, 1.0);
              -webkit-font-smoothing: subpixel-antialiased;
              border: 0;
            	margin: 0px auto;
              padding: 0;
            	-webkit-box-shadow: 0px 4px 16px rgba(0,0,0,0.2);
            	-moz-box-shadow: 0px 4px 16px rgba(0,0,0,0.2);
            	box-shadow: 0px 4px 16px rgba(0,0,0,0.2);
            	text-align: center;
            }
            /*****************************************/
            
            .mlctr-popup-content * {
            	box-sizing: border-box;
            }
            .mlctr-popup-content a {
            	color: #ffffff;
            }
            .mlctr-popup-content form {
            	width: 100%;
            	border: none;
            }
            .mlctr-popup-content h1 {
            	width: 100%;
              font-family: 'Teko', Helvetica, Arial, sans-serif;
              font-size: 140px;
              line-height: 120px;
              font-weight: 600;
              letter-spacing: 0.04em;
              text-align: left;
              color: #fff;
              padding: 0 8%;
              margin: 0 0 -2% 0;
              text-shadow: 0px 1px 12px #000000;
            	box-sizing: border-box;
            }
            .mlctr-popup-content h1 span {
              font-size: 0.65em;
            }
            .mlctr-popup-content .mlctr-title {
              max-width: calc(50px + 16vw);
              margin: 15px 0 0 0;
            }
            .mlctr-popup-content h2 {
              position: relative;
            	width: 100%;
              font-family: 'Teko', Helvetica, Arial, sans-serif;
              text-align: left;
              color: #fff;
              padding: 0 8%;
              font-size: 48px;
              line-height: 52px;
              font-weight: 600;
              text-shadow: 0px 1px 8px #000000;
              margin: 0;
            	box-sizing: border-box;
            }
            .mlctr-popup-content h2 span {
              font-size: 1.2em;
            }
            .mlctr-popup-content p {
            	width: 100%;
              position: relative;
              text-align: left;
              color: #fff;
              padding: 0 35% 0 8%;
              font-size: 19px;
              line-height: 24px;
              font-weight: 400;
              margin: 1% 0 0 0;
            	box-sizing: border-box;
            }
            .mlctr-popup-content p.mlctr-star:before {
              position: absolute;
            	content: '*';
              color: #fff;
              border: 0;
              font-size: 24px;
              font-weight: 400;
              top: 2%;
              left: 6%;
            }
            .mlctr-message-error {
              display: block;
              min-height: 14px;
              font-size: 17px;
              line-height: 16px;
              margin: 2.5% 0 0 0;
              padding: 0 8%;
              font-weight: 700;
              text-align: left;
              text-shadow: 0px 1px 8px #000000;
              color: #ff6767;
            }
            .mlctr-verification-alert {
              display: none;
            }
            .mlctr-verification-alert.display {
              display: block;
            }
            .mlctr-popup-content input[type=text] {
            	height: 54px;
              width: 55%;
            	font-size: 18px;
            	color: rgba(0, 0, 0, 1);
            	padding: 4px 3%;
            	margin: 0;
              font-family: proxima-nova, 'Open Sans', Helvetica, Arial, sans-serif;
            	background-color: #ffffff;
            	border: 1px solid #cacaca;
            	-webkit-border-radius: 0px;
            	-moz-border-radius: 0px;
            	border-radius: 0px;
              -webkit-transition: border ease-in-out .15s;
              -moz-transition: border ease-in-out .15s;
              transition: border ease-in-out .15s;
              text-align: left;
            	box-sizing: border-box;
            	display: inline-block;
              outline: 0;
            }
            .mlctr-popup-content input[type="text"]:focus {
            	border: 1px solid #e60000;
              outline: 0;
            }
            .mlctr-popup-content input[type="submit"], .mlctr-popup-content input[type="button"] {
            	height: 54px;
              width: 30%;
              font-size: 22px;
              line-height: 24px;
              padding: 0 0 3px 0;
              margin: 0 0 0 1.3%;
              background-color: #ddb62a;
            	border: 0;
            	-webkit-border-radius: 2px;
            	-moz-border-radius: 2px;
            	border-radius: 2px;
              color: #ffffff;
            	-webkit-transition: background-color .25s;
            	-moz-transition: background-color .25s;
            	transition: background-color .25s;
              cursor: pointer;
              font-family: proxima-nova, 'Open Sans', Helvetica, Arial, sans-serif;
              font-weight: 400;
              box-sizing: border-box;
            	display: inline-block;
              outline: 0;
            }
            .mlctr-popup-content input[type="button"] {
              padding: 0;
              margin: 0 56.8% 0 0;
            }
            .mlctr-popup-content input[type="submit"]:active, .mlctr-popup-content input[type="button"]:active {
              font-size: 21.5px;
              line-height: 25px;
            	-webkit-box-shadow: inset 2px 2px 6px rgba(0,0,0,0.65);
            	-moz-box-shadow: inset 2px 2px 6px rgba(0,0,0,0.65);
            	box-shadow: inset 2px 2px 6px rgba(0,0,0,0.65);
              outline: 0;
            }
            .mlctr-privacy {
              display: block;
              background: none;
              margin: 0;
              height: auto;
            }
            
            
            /***********************************/
            a.mlctr-close {
              display: block;
              position: fixed;
              right: 0px;
              
              top: 0px;
            	width: 6.5%;
            	max-width: 54px;
              background: none;
              opacity: 0.8;
              cursor: pointer;
            }
            /************************************/
            
        
            img.mlctr-close {
            	width: 100%;
            }
            .mlctr-close:hover {
              opacity: 1;
            }
        }
        
        
        @media screen and (max-width: 1200px) {
            .mlctr-popup {
            	/* master mandatory container, required by Mailocator */
            	/* z-index must be higher in DOM structure */
            	z-index: 109999999;
              font-family: proxima-nova, 'Open Sans', Helvetica, Arial, sans-serif;
              font-weight: 400;
            }
            .mlctr-popup .mlctr-popup-stripe {
            	/* customize stripe */
            	text-align: center;
            	min-height: calc(55px + 2.5vw); /* calc(55px + 2.5vw); */
              -webkit-transition: height ease-out 0.2s;
              -moz-transition: height ease-out 0.2s;
            	transition: height ease-out 0.2s;
            	/* stripe defaults */
            	position: fixed;
            	bottom: 0px;
            	width: 100%;
              z-index: 109999999;
              height: 100%;
              background-color: RGBA(0,0,0,0.8);
              padding: 0;
              border: 0;
              box-sizing: border-box;
            }
            /* Close via CSS;alternative to mailocator.action.do('close') */
            .mlctr-popup:target {
            	display: none;
            	visibility: hidden;
            }
            /* customizable popup content... */
            .mlctr-popup-content {
              position: relative;
            	width: 100%;
              height: 100%;
            	margin: 0;
              padding: 0px;
            	text-align: center;
            	color: #000000;
            	box-sizing: border-box;
            }
            .mlctr-content-row {
              position: relative;
            	width: 100%;
              margin: 0;
            }
            .mlctr-headline {
              position: relative;
            	width: 100%;
              padding: 7% 0 0 0;
            	height: 290px;
            }
            .mlctr-content {
            	height: 122px;
            }
            .mlctr-form-box {
            	position: absolute;
            	top: 50%;
            	left: 50%;
            	width: 80%;/*880px*/
              height: 90%;/*500px;*/
              background: url(https://www.unasa.edu.sv/images/popup/wellness_info.webp) center -1px no-repeat;
              background-size: 75% auto;/*100%*/
              background-color: #ffffff;
              transform: translate(-50%, -50%);
              -webkit-transform: translate(-50%, -50%) scale(1.0, 1.0);
              -webkit-font-smoothing: subpixel-antialiased;
              border: 0;
            	margin: 0px auto;
              padding: 0;
            	-webkit-box-shadow: 0px 4px 16px rgba(0,0,0,0.2);
            	-moz-box-shadow: 0px 4px 16px rgba(0,0,0,0.2);
            	box-shadow: 0px 4px 16px rgba(0,0,0,0.2);
            	text-align: center;
            }
            .mlctr-popup-content * {
            	box-sizing: border-box;
            }
            .mlctr-popup-content a {
            	color: #ffffff;
            }
            .mlctr-popup-content form {
            	width: 100%;
            	border: none;
            }
            .mlctr-popup-content h1 {
            	width: 100%;
              font-family: 'Teko', Helvetica, Arial, sans-serif;
              font-size: 40px;/*140*/
              line-height: 120px;
              font-weight: 600;
              letter-spacing: 0.04em;
              text-align: left;
              color: #fff;
              padding: 0 8%;
              margin: 0 0 -2% 0;
              text-shadow: 0px 1px 12px #000000;
            	box-sizing: border-box;
            }
            .mlctr-popup-content h1 span {
              font-size: 0.65em;
            }
            .mlctr-popup-content .mlctr-title {
              max-width: calc(50px + 16vw);
              margin: 15px 0 0 0;
            }
            .mlctr-popup-content h2 {
              position: relative;
            	width: 100%;
              font-family: 'Teko', Helvetica, Arial, sans-serif;
              text-align: left;
              color: #fff;
              padding: 0 8%;
              font-size: 48px;
              line-height: 52px;
              font-weight: 600;
              text-shadow: 0px 1px 8px #000000;
              margin: 0;
            	box-sizing: border-box;
            }
            .mlctr-popup-content h2 span {
              font-size: 1.2em;
            }
            .mlctr-popup-content p {
            	width: 100%;
              position: relative;
              text-align: left;
              color: #fff;
              padding: 0 35% 0 8%;
              font-size: 19px;
              line-height: 24px;
              font-weight: 400;
              margin: 1% 0 0 0;
            	box-sizing: border-box;
            }
            .mlctr-popup-content p.mlctr-star:before {
              position: absolute;
            	content: '*';
              color: #fff;
              border: 0;
              font-size: 24px;
              font-weight: 400;
              top: 2%;
              left: 6%;
            }
            .mlctr-message-error {
              display: block;
              min-height: 14px;
              font-size: 17px;
              line-height: 16px;
              margin: 2.5% 0 0 0;
              padding: 0 8%;
              font-weight: 700;
              text-align: left;
              text-shadow: 0px 1px 8px #000000;
              color: #ff6767;
            }
            .mlctr-verification-alert {
              display: none;
            }
            .mlctr-verification-alert.display {
              display: block;
            }
            .mlctr-popup-content input[type=text] {
            	height: 54px;
              width: 55%;
            	font-size: 18px;
            	color: rgba(0, 0, 0, 1);
            	padding: 4px 3%;
            	margin: 0;
              font-family: proxima-nova, 'Open Sans', Helvetica, Arial, sans-serif;
            	background-color: #ffffff;
            	border: 1px solid #cacaca;
            	-webkit-border-radius: 0px;
            	-moz-border-radius: 0px;
            	border-radius: 0px;
              -webkit-transition: border ease-in-out .15s;
              -moz-transition: border ease-in-out .15s;
              transition: border ease-in-out .15s;
              text-align: left;
            	box-sizing: border-box;
            	display: inline-block;
              outline: 0;
            }
            .mlctr-popup-content input[type="text"]:focus {
            	border: 1px solid #e60000;
              outline: 0;
            }
            .mlctr-popup-content input[type="submit"], .mlctr-popup-content input[type="button"] {
            	height: 54px;
              width: 30%;
              font-size: 22px;
              line-height: 24px;
              padding: 0 0 3px 0;
              margin: 0 0 0 1.3%;
              background-color: #ddb62a;
            	border: 0;
            	-webkit-border-radius: 2px;
            	-moz-border-radius: 2px;
            	border-radius: 2px;
              color: #ffffff;
            	-webkit-transition: background-color .25s;
            	-moz-transition: background-color .25s;
            	transition: background-color .25s;
              cursor: pointer;
              font-family: proxima-nova, 'Open Sans', Helvetica, Arial, sans-serif;
              font-weight: 400;
              box-sizing: border-box;
            	display: inline-block;
              outline: 0;
            }
            .mlctr-popup-content input[type="button"] {
              padding: 0;
              margin: 0 56.8% 0 0;
            }
            .mlctr-popup-content input[type="submit"]:active, .mlctr-popup-content input[type="button"]:active {
              font-size: 21.5px;
              line-height: 25px;
            	-webkit-box-shadow: inset 2px 2px 6px rgba(0,0,0,0.65);
            	-moz-box-shadow: inset 2px 2px 6px rgba(0,0,0,0.65);
            	box-shadow: inset 2px 2px 6px rgba(0,0,0,0.65);
              outline: 0;
            }
            .mlctr-privacy {
              display: block;
              background: none;
              margin: 0;
              height: auto;
            }
            a.mlctr-close {
              display: block;
              position: fixed;
              right: 110px;
              
              top: 0px;
            	width: 6.5%;
            	max-width: 54px;
              background: none;
              opacity: 0.8;
              cursor: pointer;
            }
            img.mlctr-close {
            	width: 100%;
            }
            .mlctr-close:hover {
              opacity: 1;
            }
        }
        
        
        
        @media screen and (max-width: 800px) {
            .mlctr-popup {
            	/* master mandatory container, required by Mailocator */
            	/* z-index must be higher in DOM structure */
            	z-index: 109999999;
              font-family: proxima-nova, 'Open Sans', Helvetica, Arial, sans-serif;
              font-weight: 400;
            }
            .mlctr-popup .mlctr-popup-stripe {
            	/* customize stripe */
            	text-align: center;
            	min-height: calc(55px + 2.5vw); /* calc(55px + 2.5vw); */
              -webkit-transition: height ease-out 0.2s;
              -moz-transition: height ease-out 0.2s;
            	transition: height ease-out 0.2s;
            	/* stripe defaults */
            	position: fixed;
            	bottom: 0px;
            	width: 100%;
              z-index: 109999999;
              height: 100%;
              background-color: RGBA(0,0,0,0.8);
              padding: 0;
              border: 0;
              box-sizing: border-box;
            }
            /* Close via CSS;alternative to mailocator.action.do('close') */
            .mlctr-popup:target {
            	display: none;
            	visibility: hidden;
            }
            /* customizable popup content... */
            .mlctr-popup-content {
              position: relative;
            	width: 50%;/*100%*/
              height: 50%;/*100%*/
            	margin: 0;
              padding: 0px;
            	text-align: center;
            	color: #000000;
            	box-sizing: border-box;
            }
            .mlctr-content-row {
              position: relative;
            	width: 50%;/*100%*/
              margin: 0;
            }
            .mlctr-headline {
              position: relative;
            	width: 100%;
              padding: 7% 0 0 0;
            	height: 290px;
            }
            .mlctr-content {
            	height: 122px;
            }
            .mlctr-form-box {
            	position: absolute;
            	top: 100%;/*50%;************************ */
            	left: 100%;/*50%;*********************** */
            	width: 100%;/*880px ancho de la caja contenedora*/
              height: 100%;/*25px; altura de la caja contenedora */
              background: url(https://www.unasa.edu.sv/images/popup/wellness_info.webp) center -1px no-repeat;
              background-size: 100% auto; /* 100% tamaño de la imagen en el contenedor */ 
              background-color: #ffffff;
              transform: translate(-50%, -50%);
              -webkit-transform: translate(-50%, -50%) scale(1.0, 1.0);
              -webkit-font-smoothing: subpixel-antialiased;
              border: 0;
            	margin: 0px auto;
              padding: 0;
            	-webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.2); /*0px 4px 16px*/
            	-moz-box-shadow: 0px 4px 16px rgba(0,0,0,0.2);
            	box-shadow: 0px 0px 16px rgba(0,0,0,0.2);/*0px 4px 16px*/
            	text-align: center;
            }
            .mlctr-popup-content {
            	box-sizing: border-box;
            }
            .mlctr-popup-content a {
            	color: #ffffff;
            }
            .mlctr-popup-content form {
            	width: 100%;
            	border: none;
            }
            .mlctr-popup-content h1 {
            	width: 50%;/*100%*/
              font-family: 'Teko', Helvetica, Arial, sans-serif;
              font-size: 40px;/*140*/
              line-height: 120px;
              font-weight: 600;
              letter-spacing: 0.04em;
              text-align: left;
              color: #fff;
              padding: 0 8%;
              margin: 0 0 -2% 0;
              text-shadow: 0px 1px 12px #000000;
            	box-sizing: border-box;
            }
            .mlctr-popup-content h1 span {
              font-size: 0.65em;
            }
            .mlctr-popup-content .mlctr-title {
              max-width: calc(50px + 16vw);
              margin: 15px 0 0 0;
            }
            .mlctr-popup-content h2 {
              position: relative;
            	width: 100%; /*100%*/
              font-family: 'Teko', Helvetica, Arial, sans-serif;
              text-align: left;
              color: #fff;
              padding: 0 8%;
              font-size: 48px;
              line-height: 52px;
              font-weight: 600;
              text-shadow: 0px 1px 8px #000000;
              margin: 0;
            	box-sizing: border-box;
            }
            .mlctr-popup-content h2 span {
              font-size: 1.2em;
            }
            .mlctr-popup-content p {
            	width: 100%;
              position: relative;
              text-align: left;
              color: #fff;
              padding: 0 35% 0 8%;
              font-size: 19px;
              line-height: 24px;
              font-weight: 400;
              margin: 1% 0 0 0;
            	box-sizing: border-box;
            }
            .mlctr-popup-content p.mlctr-star:before {
              position: absolute;
            	content: '*';
              color: #fff;
              border: 0;
              font-size: 24px;
              font-weight: 400;
              top: 2%;
              left: 6%;
            }
            .mlctr-message-error {
              display: block;
              min-height: 14px;
              font-size: 17px;
              line-height: 16px;
              margin: 2.5% 0 0 0;
              padding: 0 8%;
              font-weight: 700;
              text-align: left;
              text-shadow: 0px 1px 8px #000000;
              color: #ff6767;
            }
            .mlctr-verification-alert {
              display: none;
            }
            .mlctr-verification-alert.display {
              display: block;
            }
            .mlctr-popup-content input[type=text] {
            	height: 54px;
              width: 55%;
            	font-size: 18px;
            	color: rgba(0, 0, 0, 1);
            	padding: 4px 3%;
            	margin: 0;
              font-family: proxima-nova, 'Open Sans', Helvetica, Arial, sans-serif;
            	background-color: #ffffff;
            	border: 1px solid #cacaca;
            	-webkit-border-radius: 0px;
            	-moz-border-radius: 0px;
            	border-radius: 0px;
              -webkit-transition: border ease-in-out .15s;
              -moz-transition: border ease-in-out .15s;
              transition: border ease-in-out .15s;
              text-align: left;
            	box-sizing: border-box;
            	display: inline-block;
              outline: 0;
            }
            .mlctr-popup-content input[type="text"]:focus {
            	border: 1px solid #e60000;
              outline: 0;
            }
            .mlctr-popup-content input[type="submit"], .mlctr-popup-content input[type="button"] {
            	height: 54px;
              width: 30%;
              font-size: 22px;
              line-height: 24px;
              padding: 0 0 3px 0;
              margin: 0 0 0 1.3%;
              background-color: #ddb62a;
            	border: 0;
            	-webkit-border-radius: 2px;
            	-moz-border-radius: 2px;
            	border-radius: 2px;
              color: #ffffff;
            	-webkit-transition: background-color .25s;
            	-moz-transition: background-color .25s;
            	transition: background-color .25s;
              cursor: pointer;
              font-family: proxima-nova, 'Open Sans', Helvetica, Arial, sans-serif;
              font-weight: 400;
              box-sizing: border-box;
            	display: inline-block;
              outline: 0;
            }
            .mlctr-popup-content input[type="button"] {
              padding: 0;
              margin: 0 56.8% 0 0;
            }
            .mlctr-popup-content input[type="submit"]:active, .mlctr-popup-content input[type="button"]:active {
              font-size: 21.5px;
              line-height: 25px;
            	-webkit-box-shadow: inset 2px 2px 6px rgba(0,0,0,0.65);
            	-moz-box-shadow: inset 2px 2px 6px rgba(0,0,0,0.65);
            	box-shadow: inset 2px 2px 6px rgba(0,0,0,0.65);
              outline: 0;
            }
            .mlctr-privacy {
              display: block;
              background: none;
              margin: 0;
              height: auto;
            }
            a.mlctr-close {
              display: block;
              position: fixed;
              right: 10px; /**************************** **************************/
              
              top: 0px;
            	width: 6.5%;
            	max-width: 54px;
              background: none;
              opacity: 0.8;
              cursor: pointer;
            }
            img.mlctr-close {
            	width: 100%;
            }
            .mlctr-close:hover {
              opacity: 1;
            }
        }
        
        
        @media screen and (max-width: 650px) {
            .mlctr-popup {
            	/* master mandatory container, required by Mailocator */
            	/* z-index must be higher in DOM structure */
            	z-index: 109999999;
              font-family: proxima-nova, 'Open Sans', Helvetica, Arial, sans-serif;
              font-weight: 400;
            }
            .mlctr-popup .mlctr-popup-stripe {
            	/* customize stripe */
            	text-align: center;
            	min-height: calc(55px + 2.5vw); /* calc(55px + 2.5vw); */
              -webkit-transition: height ease-out 0.2s;
              -moz-transition: height ease-out 0.2s;
            	transition: height ease-out 0.2s;
            	/* stripe defaults */
            	position: fixed;
            	bottom: 0px;
            	width: 100%;
              z-index: 109999999;
              height: 100%;
              background-color: RGBA(0,0,0,0.8);
              padding: 0;
              border: 0;
              box-sizing: border-box;
            }
            /* Close via CSS;alternative to mailocator.action.do('close') */
            .mlctr-popup:target {
            	display: none;
            	visibility: hidden;
            }
            /* customizable popup content... */
            .mlctr-popup-content {
              position: relative;
            	width: 100%;
              height: 100%;
            	margin: 0;
              padding: 0px;
            	text-align: center;
            	color: #000000;
            	box-sizing: border-box;
            }
            .mlctr-content-row {
              position: relative;
            	width: 100%;
              margin: 0;
            }
            .mlctr-headline {
              position: relative;
            	width: 100%;
              padding: 7% 0 0 0;
            	height: 290px;
            }
            .mlctr-content {
            	height: 122px;
            }
            .mlctr-form-box {
            	position: absolute;
            	top: 50%;/*50%;************************ */
            	left: 50%;/*50%;*********************** */
            	width: 90%;/*880px*/
              height: 25%;/*500px;*/
              background: url(https://www.unasa.edu.sv/images/popup/wellness_info.webp) center -1px no-repeat;
              background-size: 100% auto; /* 100% */
              background-color: #ffffff;
              transform: translate(-50%, -50%);
              -webkit-transform: translate(-50%, -50%) scale(1.0, 1.0);
              -webkit-font-smoothing: subpixel-antialiased;
              border: 0;
            	margin: 0px auto;
              padding: 0;
            	-webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.2); /*0px 4px 16px*/
            	-moz-box-shadow: 0px 4px 16px rgba(0,0,0,0.2);
            	box-shadow: 0px 0px 16px rgba(0,0,0,0.2);/*0px 4px 16px*/
            	text-align: center;
            }
            .mlctr-popup-content {
            	box-sizing: border-box;
            }
            .mlctr-popup-content a {
            	color: #ffffff;
            }
            .mlctr-popup-content form {
            	width: 100%;
            	border: none;
            }
            .mlctr-popup-content h1 {
            	width: 100%;
              font-family: 'Teko', Helvetica, Arial, sans-serif;
              font-size: 40px;/*140*/
              line-height: 120px;
              font-weight: 600;
              letter-spacing: 0.04em;
              text-align: left;
              color: #fff;
              padding: 0 8%;
              margin: 0 0 -2% 0;
              text-shadow: 0px 1px 12px #000000;
            	box-sizing: border-box;
            }
            .mlctr-popup-content h1 span {
              font-size: 0.65em;
            }
            .mlctr-popup-content .mlctr-title {
              max-width: calc(50px + 16vw);
              margin: 15px 0 0 0;
            }
            .mlctr-popup-content h2 {
              position: relative;
            	width: 100%;
              font-family: 'Teko', Helvetica, Arial, sans-serif;
              text-align: left;
              color: #fff;
              padding: 0 8%;
              font-size: 48px;
              line-height: 52px;
              font-weight: 600;
              text-shadow: 0px 1px 8px #000000;
              margin: 0;
            	box-sizing: border-box;
            }
            .mlctr-popup-content h2 span {
              font-size: 1.2em;
            }
            .mlctr-popup-content p {
            	width: 100%;
              position: relative;
              text-align: left;
              color: #fff;
              padding: 0 35% 0 8%;
              font-size: 19px;
              line-height: 24px;
              font-weight: 400;
              margin: 1% 0 0 0;
            	box-sizing: border-box;
            }
            .mlctr-popup-content p.mlctr-star:before {
              position: absolute;
            	content: '*';
              color: #fff;
              border: 0;
              font-size: 24px;
              font-weight: 400;
              top: 2%;
              left: 6%;
            }
            .mlctr-message-error {
              display: block;
              min-height: 14px;
              font-size: 17px;
              line-height: 16px;
              margin: 2.5% 0 0 0;
              padding: 0 8%;
              font-weight: 700;
              text-align: left;
              text-shadow: 0px 1px 8px #000000;
              color: #ff6767;
            }
            .mlctr-verification-alert {
              display: none;
            }
            .mlctr-verification-alert.display {
              display: block;
            }
            .mlctr-popup-content input[type=text] {
            	height: 54px;
              width: 55%;
            	font-size: 18px;
            	color: rgba(0, 0, 0, 1);
            	padding: 4px 3%;
            	margin: 0;
              font-family: proxima-nova, 'Open Sans', Helvetica, Arial, sans-serif;
            	background-color: #ffffff;
            	border: 1px solid #cacaca;
            	-webkit-border-radius: 0px;
            	-moz-border-radius: 0px;
            	border-radius: 0px;
              -webkit-transition: border ease-in-out .15s;
              -moz-transition: border ease-in-out .15s;
              transition: border ease-in-out .15s;
              text-align: left;
            	box-sizing: border-box;
            	display: inline-block;
              outline: 0;
            }
            .mlctr-popup-content input[type="text"]:focus {
            	border: 1px solid #e60000;
              outline: 0;
            }
            .mlctr-popup-content input[type="submit"], .mlctr-popup-content input[type="button"] {
            	height: 54px;
              width: 30%;
              font-size: 22px;
              line-height: 24px;
              padding: 0 0 3px 0;
              margin: 0 0 0 1.3%;
              background-color: #ddb62a;
            	border: 0;
            	-webkit-border-radius: 2px;
            	-moz-border-radius: 2px;
            	border-radius: 2px;
              color: #ffffff;
            	-webkit-transition: background-color .25s;
            	-moz-transition: background-color .25s;
            	transition: background-color .25s;
              cursor: pointer;
              font-family: proxima-nova, 'Open Sans', Helvetica, Arial, sans-serif;
              font-weight: 400;
              box-sizing: border-box;
            	display: inline-block;
              outline: 0;
            }
            .mlctr-popup-content input[type="button"] {
              padding: 0;
              margin: 0 56.8% 0 0;
            }
            .mlctr-popup-content input[type="submit"]:active, .mlctr-popup-content input[type="button"]:active {
              font-size: 21.5px;
              line-height: 25px;
            	-webkit-box-shadow: inset 2px 2px 6px rgba(0,0,0,0.65);
            	-moz-box-shadow: inset 2px 2px 6px rgba(0,0,0,0.65);
            	box-shadow: inset 2px 2px 6px rgba(0,0,0,0.65);
              outline: 0;
            }
            .mlctr-privacy {
              display: block;
              background: none;
              margin: 0;
              height: auto;
            }
            a.mlctr-close {
              display: block;
              position: fixed;
              right: 0px; /**************************** **************************/
              
              top: 0px;
            	width: 6.5%;
            	max-width: 54px;
              background: none;
              opacity: 0.8;
              cursor: pointer;
            }
            img.mlctr-close {
            	width: 100%;
            }
            .mlctr-close:hover {
              opacity: 1;
            }
        }
        
        @media screen and (max-width: 300px) {
            .mlctr-popup {
            	/* master mandatory container, required by Mailocator */
            	/* z-index must be higher in DOM structure */
            	z-index: 109999999;
              font-family: proxima-nova, 'Open Sans', Helvetica, Arial, sans-serif;
              font-weight: 400;
            }
            .mlctr-popup .mlctr-popup-stripe {
            	/* customize stripe */
            	text-align: center;
            	min-height: calc(55px + 2.5vw); /* calc(55px + 2.5vw); */
              -webkit-transition: height ease-out 0.2s;
              -moz-transition: height ease-out 0.2s;
            	transition: height ease-out 0.2s;
            	/* stripe defaults */
            	position: fixed;
            	bottom: 0px;
            	width: 100%;
              z-index: 109999999;
              height: 100%;
              background-color: RGBA(0,0,0,0.8);
              padding: 0;
              border: 0;
              box-sizing: border-box;
            }
            /* Close via CSS;alternative to mailocator.action.do('close') */
            .mlctr-popup:target {
            	display: none;
            	visibility: hidden;
            }
            /* customizable popup content... */
            .mlctr-popup-content {
              position: relative;
            	width: 50%;/*100%*/
              height: 50%;/*100%*/
            	margin: 0;
              padding: 0px;
            	text-align: center;
            	color: #000000;
            	box-sizing: border-box;
            }
            .mlctr-content-row {
              position: relative;
            	width: 50%;/*100%*/
              margin: 0;
            }
            .mlctr-headline {
              position: relative;
            	width: 100%;
              padding: 7% 0 0 0;
            	height: 290px;
            }
            .mlctr-content {
            	height: 122px;
            }
            .mlctr-form-box {
            	position: absolute;
            	top: 100%;/*50%;************************ */
            	left: 100%;/*50%;*********************** */
            	width: 140%;/*880px ancho de la caja contenedora*/
              height: 75%;/*25px; altura de la caja contenedora */
              background: url(https://www.unasa.edu.sv/images/popup/wellness_info.webp) center -1px no-repeat;
              background-size: 100% auto; /* 100% tamaño de la imagen en el contenedor */ 
              background-color: #ffffff;
              transform: translate(-50%, -50%);
              -webkit-transform: translate(-50%, -50%) scale(1.0, 1.0);
              -webkit-font-smoothing: subpixel-antialiased;
              border: 0;
            	margin: 0px auto;
              padding: 0;
            	-webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.2); /*0px 4px 16px*/
            	-moz-box-shadow: 0px 4px 16px rgba(0,0,0,0.2);
            	box-shadow: 0px 0px 16px rgba(0,0,0,0.2);/*0px 4px 16px*/
            	text-align: center;
            }
            .mlctr-popup-content {
            	box-sizing: border-box;
            }
            .mlctr-popup-content a {
            	color: #ffffff;
            }
            .mlctr-popup-content form {
            	width: 100%;
            	border: none;
            }
            .mlctr-popup-content h1 {
            	width: 50%;/*100%*/
              font-family: 'Teko', Helvetica, Arial, sans-serif;
              font-size: 40px;/*140*/
              line-height: 120px;
              font-weight: 600;
              letter-spacing: 0.04em;
              text-align: left;
              color: #fff;
              padding: 0 8%;
              margin: 0 0 -2% 0;
              text-shadow: 0px 1px 12px #000000;
            	box-sizing: border-box;
            }
            .mlctr-popup-content h1 span {
              font-size: 0.65em;
            }
            .mlctr-popup-content .mlctr-title {
              max-width: calc(50px + 16vw);
              margin: 15px 0 0 0;
            }
            .mlctr-popup-content h2 {
              position: relative;
            	width: 100%; /*100%*/
              font-family: 'Teko', Helvetica, Arial, sans-serif;
              text-align: left;
              color: #fff;
              padding: 0 8%;
              font-size: 48px;
              line-height: 52px;
              font-weight: 600;
              text-shadow: 0px 1px 8px #000000;
              margin: 0;
            	box-sizing: border-box;
            }
            .mlctr-popup-content h2 span {
              font-size: 1.2em;
            }
            .mlctr-popup-content p {
            	width: 100%;
              position: relative;
              text-align: left;
              color: #fff;
              padding: 0 35% 0 8%;
              font-size: 19px;
              line-height: 24px;
              font-weight: 400;
              margin: 1% 0 0 0;
            	box-sizing: border-box;
            }
            .mlctr-popup-content p.mlctr-star:before {
              position: absolute;
            	content: '*';
              color: #fff;
              border: 0;
              font-size: 24px;
              font-weight: 400;
              top: 2%;
              left: 6%;
            }
            .mlctr-message-error {
              display: block;
              min-height: 14px;
              font-size: 17px;
              line-height: 16px;
              margin: 2.5% 0 0 0;
              padding: 0 8%;
              font-weight: 700;
              text-align: left;
              text-shadow: 0px 1px 8px #000000;
              color: #ff6767;
            }
            .mlctr-verification-alert {
              display: none;
            }
            .mlctr-verification-alert.display {
              display: block;
            }
            .mlctr-popup-content input[type=text] {
            	height: 54px;
              width: 55%;
            	font-size: 18px;
            	color: rgba(0, 0, 0, 1);
            	padding: 4px 3%;
            	margin: 0;
              font-family: proxima-nova, 'Open Sans', Helvetica, Arial, sans-serif;
            	background-color: #ffffff;
            	border: 1px solid #cacaca;
            	-webkit-border-radius: 0px;
            	-moz-border-radius: 0px;
            	border-radius: 0px;
              -webkit-transition: border ease-in-out .15s;
              -moz-transition: border ease-in-out .15s;
              transition: border ease-in-out .15s;
              text-align: left;
            	box-sizing: border-box;
            	display: inline-block;
              outline: 0;
            }
            .mlctr-popup-content input[type="text"]:focus {
            	border: 1px solid #e60000;
              outline: 0;
            }
            .mlctr-popup-content input[type="submit"], .mlctr-popup-content input[type="button"] {
            	height: 54px;
              width: 30%;
              font-size: 22px;
              line-height: 24px;
              padding: 0 0 3px 0;
              margin: 0 0 0 1.3%;
              background-color: #ddb62a;
            	border: 0;
            	-webkit-border-radius: 2px;
            	-moz-border-radius: 2px;
            	border-radius: 2px;
              color: #ffffff;
            	-webkit-transition: background-color .25s;
            	-moz-transition: background-color .25s;
            	transition: background-color .25s;
              cursor: pointer;
              font-family: proxima-nova, 'Open Sans', Helvetica, Arial, sans-serif;
              font-weight: 400;
              box-sizing: border-box;
            	display: inline-block;
              outline: 0;
            }
            .mlctr-popup-content input[type="button"] {
              padding: 0;
              margin: 0 56.8% 0 0;
            }
            .mlctr-popup-content input[type="submit"]:active, .mlctr-popup-content input[type="button"]:active {
              font-size: 21.5px;
              line-height: 25px;
            	-webkit-box-shadow: inset 2px 2px 6px rgba(0,0,0,0.65);
            	-moz-box-shadow: inset 2px 2px 6px rgba(0,0,0,0.65);
            	box-shadow: inset 2px 2px 6px rgba(0,0,0,0.65);
              outline: 0;
            }
            .mlctr-privacy {
              display: block;
              background: none;
              margin: 0;
              height: auto;
            }
            a.mlctr-close {
              display: block;
              position: fixed;
              right: 10px; /**************************** **************************/
              
              top: 0px;
            	width: 6.5%;
            	max-width: 54px;
              background: none;
              opacity: 0.8;
              cursor: pointer;
            }
            img.mlctr-close {
            	width: 100%;
            }
            .mlctr-close:hover {
              opacity: 1;
            }
        }
        
        
        /************horizontal*******************/
        @media screen and (max-width: 300px) and (orientation: landscape) {
            .mlctr-popup {
            	/* master mandatory container, required by Mailocator */
            	/* z-index must be higher in DOM structure */
            	z-index: 109999999;
              font-family: proxima-nova, 'Open Sans', Helvetica, Arial, sans-serif;
              font-weight: 400;
            }
            .mlctr-popup .mlctr-popup-stripe {
            	/* customize stripe */
            	text-align: center;
            	min-height: calc(55px + 2.5vw); /* calc(55px + 2.5vw); */
              -webkit-transition: height ease-out 0.2s;
              -moz-transition: height ease-out 0.2s;
            	transition: height ease-out 0.2s;
            	/* stripe defaults */
            	position: fixed;
            	bottom: 0px;
            	width: 100%;
              z-index: 109999999;
              height: 100%;
              background-color: RGBA(0,0,0,0.8);
              padding: 0;
              border: 0;
              box-sizing: border-box;
            }
            /* Close via CSS;alternative to mailocator.action.do('close') */
            .mlctr-popup:target {
            	display: none;
            	visibility: hidden;
            }
            /* customizable popup content... */
            .mlctr-popup-content {
              position: relative;
            	width: 50%;/*100%*/
              height: 50%;/*100%*/
            	margin: 0;
              padding: 0px;
            	text-align: center;
            	color: #000000;
            	box-sizing: border-box;
            }
            .mlctr-content-row {
              position: relative;
            	width: 50%;/*100%*/
              margin: 0;
            }
            .mlctr-headline {
              position: relative;
            	width: 100%;
              padding: 7% 0 0 0;
            	height: 290px;
            }
            .mlctr-content {
            	height: 122px;
            }
            .mlctr-form-box {
            	position: absolute;
            	top: 100%;/*50%;************************ */
            	left: 100%;/*50%;*********************** */
            	width: 140%;/*880px ancho de la caja contenedora*/
              height: 75%;/*25px; altura de la caja contenedora */
              background: url(https://www.unasa.edu.sv/images/popup/wellness_info.webp) center -1px no-repeat;
              background-size: 100% auto; /* 100% tamaño de la imagen en el contenedor */ 
              background-color: #ffffff;
              transform: translate(-50%, -50%);
              -webkit-transform: translate(-50%, -50%) scale(1.0, 1.0);
              -webkit-font-smoothing: subpixel-antialiased;
              border: 0;
            	margin: 0px auto;
              padding: 0;
            	-webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.2); /*0px 4px 16px*/
            	-moz-box-shadow: 0px 4px 16px rgba(0,0,0,0.2);
            	box-shadow: 0px 0px 16px rgba(0,0,0,0.2);/*0px 4px 16px*/
            	text-align: center;
            }
            .mlctr-popup-content {
            	box-sizing: border-box;
            }
            .mlctr-popup-content a {
            	color: #ffffff;
            }
            .mlctr-popup-content form {
            	width: 100%;
            	border: none;
            }
            .mlctr-popup-content h1 {
            	width: 50%;/*100%*/
              font-family: 'Teko', Helvetica, Arial, sans-serif;
              font-size: 40px;/*140*/
              line-height: 120px;
              font-weight: 600;
              letter-spacing: 0.04em;
              text-align: left;
              color: #fff;
              padding: 0 8%;
              margin: 0 0 -2% 0;
              text-shadow: 0px 1px 12px #000000;
            	box-sizing: border-box;
            }
            .mlctr-popup-content h1 span {
              font-size: 0.65em;
            }
            .mlctr-popup-content .mlctr-title {
              max-width: calc(50px + 16vw);
              margin: 15px 0 0 0;
            }
            .mlctr-popup-content h2 {
              position: relative;
            	width: 100%; /*100%*/
              font-family: 'Teko', Helvetica, Arial, sans-serif;
              text-align: left;
              color: #fff;
              padding: 0 8%;
              font-size: 48px;
              line-height: 52px;
              font-weight: 600;
              text-shadow: 0px 1px 8px #000000;
              margin: 0;
            	box-sizing: border-box;
            }
            .mlctr-popup-content h2 span {
              font-size: 1.2em;
            }
            .mlctr-popup-content p {
            	width: 100%;
              position: relative;
              text-align: left;
              color: #fff;
              padding: 0 35% 0 8%;
              font-size: 19px;
              line-height: 24px;
              font-weight: 400;
              margin: 1% 0 0 0;
            	box-sizing: border-box;
            }
            .mlctr-popup-content p.mlctr-star:before {
              position: absolute;
            	content: '*';
              color: #fff;
              border: 0;
              font-size: 24px;
              font-weight: 400;
              top: 2%;
              left: 6%;
            }
            .mlctr-message-error {
              display: block;
              min-height: 14px;
              font-size: 17px;
              line-height: 16px;
              margin: 2.5% 0 0 0;
              padding: 0 8%;
              font-weight: 700;
              text-align: left;
              text-shadow: 0px 1px 8px #000000;
              color: #ff6767;
            }
            .mlctr-verification-alert {
              display: none;
            }
            .mlctr-verification-alert.display {
              display: block;
            }
            .mlctr-popup-content input[type=text] {
            	height: 54px;
              width: 55%;
            	font-size: 18px;
            	color: rgba(0, 0, 0, 1);
            	padding: 4px 3%;
            	margin: 0;
              font-family: proxima-nova, 'Open Sans', Helvetica, Arial, sans-serif;
            	background-color: #ffffff;
            	border: 1px solid #cacaca;
            	-webkit-border-radius: 0px;
            	-moz-border-radius: 0px;
            	border-radius: 0px;
              -webkit-transition: border ease-in-out .15s;
              -moz-transition: border ease-in-out .15s;
              transition: border ease-in-out .15s;
              text-align: left;
            	box-sizing: border-box;
            	display: inline-block;
              outline: 0;
            }
            .mlctr-popup-content input[type="text"]:focus {
            	border: 1px solid #e60000;
              outline: 0;
            }
            .mlctr-popup-content input[type="submit"], .mlctr-popup-content input[type="button"] {
            	height: 54px;
              width: 30%;
              font-size: 22px;
              line-height: 24px;
              padding: 0 0 3px 0;
              margin: 0 0 0 1.3%;
              background-color: #ddb62a;
            	border: 0;
            	-webkit-border-radius: 2px;
            	-moz-border-radius: 2px;
            	border-radius: 2px;
              color: #ffffff;
            	-webkit-transition: background-color .25s;
            	-moz-transition: background-color .25s;
            	transition: background-color .25s;
              cursor: pointer;
              font-family: proxima-nova, 'Open Sans', Helvetica, Arial, sans-serif;
              font-weight: 400;
              box-sizing: border-box;
            	display: inline-block;
              outline: 0;
            }
            .mlctr-popup-content input[type="button"] {
              padding: 0;
              margin: 0 56.8% 0 0;
            }
            .mlctr-popup-content input[type="submit"]:active, .mlctr-popup-content input[type="button"]:active {
              font-size: 21.5px;
              line-height: 25px;
            	-webkit-box-shadow: inset 2px 2px 6px rgba(0,0,0,0.65);
            	-moz-box-shadow: inset 2px 2px 6px rgba(0,0,0,0.65);
            	box-shadow: inset 2px 2px 6px rgba(0,0,0,0.65);
              outline: 0;
            }
            .mlctr-privacy {
              display: block;
              background: none;
              margin: 0;
              height: auto;
            }
            a.mlctr-close {
              display: block;
              position: fixed;
              right: 10px; /**************************** **************************/
              
              top: 0px;
            	width: 6.5%;
            	max-width: 54px;
              background: none;
              opacity: 0.8;
              cursor: pointer;
            }
            img.mlctr-close {
            	width: 100%;
            }
            .mlctr-close:hover {
              opacity: 1;
            }
        }
        
        
        
        /********* FIN CSS POPUP ***********/