<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<title>Portada</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet"
integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w=="
crossorigin="anonymous" />
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
</head>
<body>
<!-- BEGIN HEADER -->
<header>
<!-- BEGIN HEADER ICONS -->
<div class="header-wrapper-icons d-none d-sm-block">
<div class="container">
<div class="header-icons">
<a href="#">
<i class="fas fa-map-marker-alt"></i>
<span>República Dominicana</span>
</a>
<ul>
<li><a href="#"><img src="img/icon-facebook.png" alt="facebook" /></a></li>
<li><a href="#"><img src="img/icon-twitter.png" alt="twitter" /></a></li>
<li><a href="#"><img src="img/icon-instagram.png" alt="instagram" /></a></li>
</ul>
</div>
</div>
</div>
<!-- BEGIN HEADER MENU -->
<div class="header-wrapper-menu">
<nav class="navbar navbar-expand-lg navbar-main">
<div class="container">
<div class="header-logo">
<a href="#"><img src="img/logo-pucmm.png" alt="pucmm" /></a>
<a href="#"><img src="img/logo-fundacion.png" alt="fundacion" /></a>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<i class="fas fa-bars"></i>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link nav-opt" href="#">Fundación <span
class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link nav-opt" href="#">Egresados</a>
</li>
<li class="nav-item">
<a class="nav-link nav-opt" href="#">Actividades</a>
</li>
<li class="nav-item">
<a class="nav-link nav-opt" href="#">Ofrecer</a>
</li>
</ul>
<!-- BEGIN SEARCH BOX -->
<div class="search-box">
<input type="text" placeholder="Buscar...">
<div class="search-icon">
<img src="img/icon-search.png" alt="">
</div>
<div class="cancel-icon">
<i class="fas fa-times"></i>
</div>
</div>
</div>
</div>
</nav>
</div>
</header>
<!-- BEGIN FEATURED SECTION -->
<section class="featured-wrapper bg-img" style="background-image: url('img/featured-bg.jpg');">
<div class="container">
<div class="featured-block">
<h1 class="featured-title">¡Descubre todo lo que te ofrecemos!</h1>
<p>
Como Egresado de la Pontificia Universidad Católica Madre y Maestra,
eres uno de los más de 80,000 ex alumnos en todo el mundo y estamos
comprometidos a celebrar su éxito y enriquecer tu valor.
</p>
<button id="btn-play" type="button" data-toggle="modal" data-target="#exampleModal"></button>
</div>
</div>
<div class="featured-actions">
<div class="container">
<div class="row no-gutters">
<div class="col-lg featured-btn">
<a class="featured-opt" href="#">
<span>Actualiza tu información</span>
</a>
</div>
<div class="col-lg featured-btn active emphasis">
<a class="featured-opt" href="#">
<span>Banco de Talento PUCMM</span>
</a>
</div>
<div class="col-lg featured-btn">
<a class="featured-opt" href="#">
<span>Eventos</span>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- BEGIN SQUARE SECTION-->
<section class="square-wrapper">
<div class="container">
<div class="row">
<div class="col-lg-6 square-wrapper-box">
<div class="square-info">
<div class="square-info-block">
<h2 class="subtitle-block">Programa de Vinculación de Egresados</h2>
<h3 class="title-block">Vincúlate a tu alma mater</h3>
<p>
Queremos mantener un canal directo de comunicación,
enterarte de nuestras actividades, tus beneficios y
escuchar tus ideas y opiniones con el objetivo de
hacerte partícipe de la Comunidad de Egresados PUCMM.
</p>
<a class="btn-normal" href="#">
Visita Egresados PUCMM
</a>
</div>
</div>
</div>
<div class="col-lg-3 square-wrapper-box">
<div class="square-box">
<a class="square-box-link" href="#">
<img class="square-icon" src="img/icon-bulb.png" alt="Comparte Ideas">
<span class="square-title">Comparte Ideas</span>
<small class="square-subtitle">Praesent dapibus</small>
</a>
</div>
<div class="square-box">
<a class="square-box-link" href="#">
<img class="square-icon" src="img/icon-money.png" alt="Realiza una contribución económica">
<span class="square-title">Realiza contribución económica</span>
<small class="square-subtitle">Praesent dapibus</small>
</a>
</div>
</div>
<div class="col-lg-3 square-wrapper-box">
<div class="square-box">
<a class="square-box-link" href="#">
<img class="square-icon" src="img/icon-time.png" alt="Dona Tiempo">
<span class="square-title">Dona Tiempo</span>
<small class="square-subtitle">Praesent dapibus</small>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- BEGIN BANNER -->
<section class="banner-horizontal bg-img" style="background-image: url('img/banner-bg.jpg');">
<div class="container">
<div class="row no-gutters banner-row">
<div class="col-md">
<h3 class="banner-title">Carnet de Egresados</h3>
</div>
<div class="col-md">
<div class="banner-info">
<p>
Mediante él puedes tener acceso a los
beneficios y facilidades que la
Universidad ha establecido para ti.
</p>
<a class="btn-fill-light" href="#">Solicitalo aquí</a>
</div>
</div>
</div>
</div>
</section>
<!-- BEGIN TITLE BLOCK -->
<section class="frames-wrapper">
<div class="container">
<div class="title-wrapper-block">
<div class="row title-row">
<div class="col-md-8">
<h2 class="subtitle-block">Programa de Vinculación de Egresados</h2>
<h3 class="title-block">Talento PUCMM</h3>
</div>
<div class="col-md-4">
<p class="title-info">
Los estudiantes y egresados de la Pontificia Universidad
Católica Madre y Maestra pueden acceder a diferentes
oportunidades y recursos a través del programa de
vinculación de egresados.
</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<a href="#" class="frames-block bg-img" style="background-image: url('img/img-1.jpg');">
<span class="frames-opt" href="#">Ver vacantes</span>
<div class="frames-info">
<h4>Un servicio para tí</h4>
<h3>Bolsa de Trabajo y Pasantía</h3>
</div>
</a>
</div>
<div class="col-md-4">
<a href="#" class="frames-block bg-img" style="background-image: url('img/img-2.jpg');">
<span class="frames-opt" href="#">Ver más</span>
<div class="frames-info">
<h4>Contáctanos</h4>
<h3>Envíanos tu CV</h3>
</div>
</a>
</div>
<div class="col-md-4">
<a href="#" class="frames-block bg-img" style="background-image: url('img/img-3.jpg');">
<span class="frames-opt" href="#">Solicita perfiles</span>
<div class="frames-info">
<h4>Contáctanos</h4>
<h3>Vacantes para Talento PUCMM</h3>
</div>
</a>
</div>
</div>
</div>
</section>
<!-- BEGIN CASING SECTION -->
<section class="casing-wrapper bg-img" style="background-image: url(img/img-4.jpg);">
<div class="container">
<div class="casing-title-block">
<h4 class="casing-subtitle">Programa de Vinculación de Egresados</h4>
<h3 class="casing-title">Únete a Egresados PUCMM</h3>
</div>
<div class="casing-column-block">
<div class="row">
<div class="col-md-4">
<div class="casing-box">
<img src="img/icon-time.png" alt="#" />
<h2 class="casing-box-title">Aliquam tincidunt mauris.</h2>
<p class="casing-box-info">
Morbi in sem quis dui placerat ornare.
Pellentesque odio nisi lorem ipsum dolor sit
amet, consectetuer adipiscing elit.
</p>
</div>
</div>
<div class="col-md-4">
<div class="casing-box">
<img src="img/icon-time.png" alt="#" />
<h2 class="casing-box-title">Aliquam tincidunt mauris.</h2>
<p class="casing-box-info">
Morbi in sem quis dui placerat ornare.
Pellentesque odio nisi lorem ipsum dolor sit
amet, consectetuer adipiscing elit.
</p>
</div>
</div>
<div class="col-md-4">
<div class="casing-box">
<img src="img/icon-time.png" alt="#" />
<h2 class="casing-box-title">Aliquam tincidunt mauris.</h2>
<p class="casing-box-info">
Morbi in sem quis dui placerat ornare.
Pellentesque odio nisi lorem ipsum dolor sit
amet, consectetuer adipiscing elit.
</p>
</div>
</div>
<div class="col-md-4">
<div class="casing-box">
<img src="img/icon-time.png" alt="#" />
<h2 class="casing-box-title">Aliquam tincidunt mauris.</h2>
<p class="casing-box-info">
Morbi in sem quis dui placerat ornare.
Pellentesque odio nisi lorem ipsum dolor sit
amet, consectetuer adipiscing elit.
</p>
</div>
</div>
<div class="col-md-4">
<div class="casing-box">
<img src="img/icon-time.png" alt="#" />
<h2 class="casing-box-title">Aliquam tincidunt mauris.</h2>
<p class="casing-box-info">
Morbi in sem quis dui placerat ornare.
Pellentesque odio nisi lorem ipsum dolor sit
amet, consectetuer adipiscing elit.
</p>
</div>
</div>
<div class="col-md-4">
<div class="casing-box">
<img src="img/icon-time.png" alt="#" />
<h2 class="casing-box-title">Aliquam tincidunt mauris.</h2>
<p class="casing-box-info">
Morbi in sem quis dui placerat ornare.
Pellentesque odio nisi lorem ipsum dolor sit
amet, consectetuer adipiscing elit.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- BEGIN MEMBERS SECTION -->
<section class="members-wrapper">
<div class="container">
<div class="row members-row">
<div class="col-lg-4">
<div class="members-block-logo">
<img class="members-block-img" src="img/logo-fundacion-vertical.png" alt="#" />
<h2 class="members-block-title">Miembros de la junta directiva</h2>
</div>
</div>
<div class="col-lg-8">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<div class="row members-initial">
<div class="col-xs col-sm-6">
<a href="#" class="members-thumb bg-img"
style="background-image: url('img/profile-1.jpg');">
<div class="members-thumb-info">
<h3 class="members-thumb-name">Mercedes C.</h3>
<small class="members-thumb-role">Lorem ipsum dolor sit amet</small>
</div>
<div class="members-review-wrapper">
<div class="members-review-block">
<span>Mercedes C.</span>
<p>
Donec nec justo eget felis
facilisis fermentum. Aliquam
porttitor mauris sit amet orci.
</p>
</div>
</div>
<i>Reseña</i>
</a>
</div>
<div class="col-xs col-sm-6">
<a href="#" class="members-thumb bg-img"
style="background-image: url('img/profile-1.jpg');">
<div class="members-thumb-info">
<h3 class="members-thumb-name">Mercedes C.</h3>
<small class="members-thumb-role">Lorem ipsum dolor sit amet</small>
</div>
<div class="members-review-wrapper">
<div class="members-review-block">
<span>Mercedes C.</span>
<p>
Donec nec justo eget felis
facilisis fermentum. Aliquam
porttitor mauris sit amet orci.
</p>
</div>
</div>
<i>Reseña</i>
</a>
</div>
<div class="col-xs col-sm-6">
<a href="#" class="members-thumb bg-img"
style="background-image: url('img/profile-1.jpg');">
<div class="members-thumb-info">
<h3 class="members-thumb-name">Mercedes C.</h3>
<small class="members-thumb-role">Lorem ipsum dolor sit amet</small>
</div>
<div class="members-review-wrapper">
<div class="members-review-block">
<span>Mercedes C.</span>
<p>
Donec nec justo eget felis
facilisis fermentum. Aliquam
porttitor mauris sit amet orci.
</p>
</div>
</div>
<i>Reseña</i>
</a>
</div>
<div class="col-xs col-sm-6">
<a href="#" class="members-thumb bg-img"
style="background-image: url('img/profile-1.jpg');">
<div class="members-thumb-info">
<h3 class="members-thumb-name">Mercedes C.</h3>
<small class="members-thumb-role">Lorem ipsum dolor sit amet</small>
</div>
<div class="members-review-wrapper">
<div class="members-review-block">
<span>Mercedes C.</span>
<p>
Donec nec justo eget felis
facilisis fermentum. Aliquam
porttitor mauris sit amet orci.
</p>
</div>
</div>
<i>Reseña</i>
</a>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row members-initial">
<div class="col-xs col-sm-6">
<a href="#" class="members-thumb bg-img"
style="background-image: url('img/profile-1.jpg');">
<div class="members-thumb-info">
<h3 class="members-thumb-name">Mercedes C.</h3>
<small class="members-thumb-role">Lorem ipsum dolor sit amet</small>
</div>
<div class="members-review-wrapper">
<div class="members-review-block">
<span>Mercedes C.</span>
<p>
Donec nec justo eget felis
facilisis fermentum. Aliquam
porttitor mauris sit amet orci.
</p>
</div>
</div>
<i>Reseña</i>
</a>
</div>
<div class="col-xs col-sm-6">
<a href="#" class="members-thumb bg-img"
style="background-image: url('img/profile-1.jpg');">
<div class="members-thumb-info">
<h3 class="members-thumb-name">Mercedes C.</h3>
<small class="members-thumb-role">Lorem ipsum dolor sit amet</small>
</div>
<div class="members-review-wrapper">
<div class="members-review-block">
<span>Mercedes C.</span>
<p>
Donec nec justo eget felis
facilisis fermentum. Aliquam
porttitor mauris sit amet orci.
</p>
</div>
</div>
<i>Reseña</i>
</a>
</div>
<div class="col-xs col-sm-6">
<a href="#" class="members-thumb bg-img"
style="background-image: url('img/profile-1.jpg');">
<div class="members-thumb-info">
<h3 class="members-thumb-name">Mercedes C.</h3>
<small class="members-thumb-role">Lorem ipsum dolor sit amet</small>
</div>
<div class="members-review-wrapper">
<div class="members-review-block">
<span>Mercedes C.</span>
<p>
Donec nec justo eget felis
facilisis fermentum. Aliquam
porttitor mauris sit amet orci.
</p>
</div>
</div>
<i>Reseña</i>
</a>
</div>
<div class="col-xs col-sm-6">
<a href="#" class="members-thumb bg-img"
style="background-image: url('img/profile-1.jpg');">
<div class="members-thumb-info">
<h3 class="members-thumb-name">Mercedes C.</h3>
<small class="members-thumb-role">Lorem ipsum dolor sit amet</small>
</div>
<div class="members-review-wrapper">
<div class="members-review-block">
<span>Mercedes C.</span>
<p>
Donec nec justo eget felis
facilisis fermentum. Aliquam
porttitor mauris sit amet orci.
</p>
</div>
</div>
<i>Reseña</i>
</a>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row members-initial">
<div class="col-xs col-sm-6">
<a href="#" class="members-thumb bg-img"
style="background-image: url('img/profile-1.jpg');">
<div class="members-thumb-info">
<h3 class="members-thumb-name">Mercedes C.</h3>
<small class="members-thumb-role">Lorem ipsum dolor sit amet</small>
</div>
<div class="members-review-wrapper">
<div class="members-review-block">
<span>Mercedes C.</span>
<p>
Donec nec justo eget felis
facilisis fermentum. Aliquam
porttitor mauris sit amet orci.
</p>
</div>
</div>
<i>Reseña</i>
</a>
</div>
<div class="col-xs col-sm-6">
<a href="#" class="members-thumb bg-img"
style="background-image: url('img/profile-1.jpg');">
<div class="members-thumb-info">
<h3 class="members-thumb-name">Mercedes C.</h3>
<small class="members-thumb-role">Lorem ipsum dolor sit amet</small>
</div>
<div class="members-review-wrapper">
<div class="members-review-block">
<span>Mercedes C.</span>
<p>
Donec nec justo eget felis
facilisis fermentum. Aliquam
porttitor mauris sit amet orci.
</p>
</div>
</div>
<i>Reseña</i>
</a>
</div>
<div class="col-xs col-sm-6">
<a href="#" class="members-thumb bg-img"
style="background-image: url('img/profile-1.jpg');">
<div class="members-thumb-info">
<h3 class="members-thumb-name">Mercedes C.</h3>
<small class="members-thumb-role">Lorem ipsum dolor sit amet</small>
</div>
<div class="members-review-wrapper">
<div class="members-review-block">
<span>Mercedes C.</span>
<p>
Donec nec justo eget felis
facilisis fermentum. Aliquam
porttitor mauris sit amet orci.
</p>
</div>
</div>
<i>Reseña</i>
</a>
</div>
<div class="col-xs col-sm-6">
<a href="#" class="members-thumb bg-img"
style="background-image: url('img/profile-1.jpg');">
<div class="members-thumb-info">
<h3 class="members-thumb-name">Mercedes C.</h3>
<small class="members-thumb-role">Lorem ipsum dolor sit amet</small>
</div>
<div class="members-review-wrapper">
<div class="members-review-block">
<span>Mercedes C.</span>
<p>
Donec nec justo eget felis
facilisis fermentum. Aliquam
porttitor mauris sit amet orci.
</p>
</div>
</div>
<i>Reseña</i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- MEGIN ACTIVITIES SECTION -->
<section class="mosaic-wrapper">
<div class="container">
<div class="title-wrapper-block">
<div class="row title-row">
<div class="col-md-8">
<h2 class="subtitle-block">Programa de Vinculación de Egresados</h2>
<h3 class="title-block">Noticias y Eventos</h3>
</div>
<div class="col-md-4">
<p class="title-info">
Entérate de las actividades y eventos
que tenemos para ofrecerte.
</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-8 mosaic-col">
<div class="mosaic-block">
<div class="row">
<div class="col-md">
<div class="mosaic-info-lg mosaic-flex bg-img"
style="background-image: url('img/img-news-1.jpg');">
<a class="mosaic-info-opt" href="#">
<div class="mosaic-title">
<h3 class="mosaic-title-label">PUCMM reconocida como mejor empresa para
trabajar 2019</h3>
<small class="mosaic-title-date">Miércoles, 11 de noviembre de 2020</small>
</div>
</a>
</div>
</div>
</div>
<div class="row mosaic-row">
<div class="col-md">
<div class="mosaic-info-sm mosaic-flex bg-img"
style="background-image: url('img/img-news-2.jpg');">
<a class="mosaic-info-opt" href="#">
<div class="mosaic-title">
<h3 class="mosaic-title-label">PUCMM reconocida como mejor empresa para
trabajar 2019</h3>
<small class="mosaic-title-date">Miércoles, 11 de noviembre de 2020</small>
</div>
</a>
</div>
</div>
<div class="col-md">
<div class="mosaic-info-sm mosaic-flex bg-img"
style="background-image: url('img/img-news-3.jpg');">
<a class="mosaic-info-opt" href="#">
<div class="mosaic-title">
<h3 class="mosaic-title-label">PUCMM reconocida como mejor empresa para
trabajar 2019</h3>
<small class="mosaic-title-date">Miércoles, 11 de noviembre de 2020</small>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 mosaic-col">
<a href="#" class="mosaic-split mosaic-flex">
<div class="mosaic-split-date">
<div class="mosaic-split-date-label">
<span class="mosaic-split-day">22</span>
<span class="mosaic-split-month">ene</span>
</div>
<small>CSTI - CSD</small>
</div>
<div class="mosaic-split-info">
<h5 class="mosaic-split-info-label">
Webinar “Práctica
institucionales de
Sistemas de Protección”
</h5>
<div class="mosaic-split-hour">
<span>02:00 PM</span>
<span>Facebook Live</span>
</div>
</div>
</a>
<a href="#" class="mosaic-split mosaic-flex">
<div class="mosaic-split-date">
<div class="mosaic-split-date-label">
<span class="mosaic-split-day">22</span>
<span class="mosaic-split-month">ene</span>
</div>
<small>CSTI - CSD</small>
</div>
<div class="mosaic-split-info">
<h5 class="mosaic-split-info-label">
Webinar “Práctica
institucionales de
Sistemas de Protección”
</h5>
<div class="mosaic-split-hour">
<span>02:00 PM</span>
<span>Facebook Live</span>
</div>
</div>
</a>
<a href="#" class="mosaic-split mosaic-flex">
<div class="mosaic-split-date">
<div class="mosaic-split-date-label">
<span class="mosaic-split-day">22</span>
<span class="mosaic-split-month">ene</span>
</div>
<small>CSTI - CSD</small>
</div>
<div class="mosaic-split-info">
<h5 class="mosaic-split-info-label">
Webinar “Práctica
institucionales de
Sistemas de Protección”
</h5>
<div class="mosaic-split-hour">
<span>02:00 PM</span>
<span>Facebook Live</span>
</div>
</div>
</a>
</div>
</div>
<div class="btn-wrapper">
<a class="btn-outline" href="#">Ver más</a>
</div>
</div>
</section>
<!-- BEGIN FOOTER -->
<footer>
<div class="footer-wrapper">
<!-- BEGIN NEWSLETTER -->
<div class="footer-newsletter">
<div class="container">
<div class="row no-gutters">
<div class="col-md newsletter-split-box">
<h3 class="newsletter-title">Contáctanos</h3>
<p>
Siéntete libre de contactarnos. En el siguiente botón puedes
encontrar nuestros teléfonos, correo electrónico y formulario de
contacto para iniciar una conversación con nosotros
</p>
<a class="btn-outline-light" href="#">Contacto</a>
</div>
<div class="col-md newsletter-split-box">
<h3 class="newsletter-title">Suscríbete a nuestro boletín</h3>
<p>
Mantente conectado con nosotros y recibe notificaciones de beneficio
para ti con nuestras noticias y oportunidades de momento
</p>
<form class="newsletter-field">
<div class="form-row">
<div class="col-md-8">
<input class="form-control" placeholder="Tu correo electrónico" type="text">
</div>
<div class="col-md-4">
<button class="btn-standard">Suscribirme</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md footer-block">
<div class="footer-logo">
<img src="img/logo-pucmm-footer.png" alt="pucmm" />
<p>Promueve la excelencia académica, la investigación y la extensión</p>
<ul class="footer-icons">
<li>
<a href="#">
<img src="img/icon-facebook-lights.png" alt="facebook" />
</a>
</li>
<li>
<a href="#">
<img src="img/icon-twitter-lights.png" alt="twitter" />
</a>
</li>
<li>
<a href="#">
<img src="img/icon-instagram-lights.png" alt="instagram" />
</a>
</li>
</ul>
</div>
</div>
<div class="col-md footer-block">
<div class="footer-box">
<h3>Egresados</h3>
<ul>
<li><a href="#">Mision e Historia</a></li>
<li><a href="#">Egresados PUCMM</a></li>
<li><a href="#">Actualiza tu información</a></li>
<li><a href="#">Beneficios</a></li>
<li><a href="#">Solicitud de servicios</a></li>
<li><a href="#">Discurso de graduación</a></li>
</ul>
</div>
</div>
<div class="col-md footer-block">
<div class="footer-box">
<h3>Fundación</h3>
<ul>
<li><a href="#">Razón de ser</a></li>
<li><a href="#">Junta de Directores</a></li>
<li><a href="#">Sedes</a></li>
<li><a href="#">Organigrama FMM</a></li>
</ul>
</div>
</div>
<div class="col-md footer-block">
<div class="footer-box">
<h3>Orgullo PUCMM</h3>
<ul>
<li><a href="#">Comunidad PUCMM</a></li>
<li><a href="#">Voluntariados</a></li>
</ul>
</div>
<div class="footer-box">
<h3>Noticias y Actividades</h3>
<ul>
<li><a href="#">Egresados en la Red</a></li>
<li><a href="#">Entrevistas</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Newsletter</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<span>Copyright 2021 PUCMM</span>
<a id="btn-up" href="#">
<i class="fas fa-arrow-up"></i>
</a>
</div>
</div>
</div>
</footer>
<!-- BEGIN MODAL -->
<!-- Modal -->
<div class="modal modal-default fade" id="exampleModal" tabindex="-1" role="dialog"
aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<divs>
<iframe width="560" height="315" src="https://www.youtube.com/embed/uwcAoLSqTBs"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div>
</div>
</div>
</div>
<!-- BEGIN SCRIPTS -->
<script src="js/jquery-3.5.1.slim.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/slick.js"></script>
<script src="js/searchbox.js"></script>
<script>
// BEGIN MODAL BLOCK
$(".modal").on('hidden.bs.modal', function (e) {
$(this).find("iframe").attr("src", $(this).find("iframe").attr("src"));
});
// BEGIN SEARCH BOX
$(".featured-btn a").hover(function () {
$('.emphasis a').removeClass('emphasis');
$('.active').toggleClass('emphasis');
})
// BEGIN CAROUSEL
$('.members-carousel').slick({
dots: true,
infinite: true,
speed: 300,
slidesToShow: 1,
});
</script>
</body>
</html>
/*
Document : Fundacion/Egresados PUCMM
Created on : 04/15/2021
Author : Hendry Martinez
email : hmartinez@mesplit.com
Web : www.mesplit.com
Description: Purpose of the stylesheet follows.
*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,700&display=swap');
@font-face {
font-family: 'merriweather-black';
src: url('../fonts/Merriweather-Black.eot');
src: local('☺'), url('../fonts/Merriweather-Black.woff') format('woff'),
url('../fonts/Merriweather-Black.ttf') format('truetype'),
url('../fonts/Merriweather-Black.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'merriweather-bold';
src: url('../fonts/Merriweather-Bold.eot');
src: local('☺'), url('../fonts/Merriweather-Bold.woff') format('woff'),
url('../fonts/Merriweather-Bold.ttf') format('truetype'),
url('../fonts/Merriweather-Bold.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'merriweather-regular';
src: url('../fonts/Merriweather-Regular.eot');
src: local('☺'), url('../fonts/Merriweather-Regular.woff') format('woff'),
url('../fonts/Merriweather-Regular.ttf') format('truetype'),
url('../fonts/Merriweather-Regular.svg') format('svg');
font-weight: normal;
font-style: normal;
}
body {
font-family: 'Roboto', sans-serif;
}
a:hover {
color: inherit;
text-decoration: none;
}
ul {
margin: 0;
padding: 0;
}
.header-wrapper-icons {
border-bottom: 1px solid #C9CACC;
}
.header-icons {
display: flex;
padding: 20px 0;
justify-content: flex-end;
}
.header-icons ul {
display: flex;
margin-left: 40px;
justify-content: space-between;
}
.header-icons li {
display: flex;
padding-left: 12px;
margin-left: 12px;
position: relative;
align-items: center;
}
.header-icons li::before {
left: 0;
content: "|";
font-size: .7em;
color: #C9CACC;
position: absolute;
}
.header-icons li:first-child {
margin-left: 0;
padding-left: 0;
}
.header-icons li:first-child:before {
display: none;
}
.header-icons a {
display: flex;
color: #005DAB;
line-height: 15px;
}
.header-icons img {
max-height: 18px;
}
.header-icons span {
color: #939494;
margin-left: 5px;
}
/* -- BEGIN MENU -- */
.navbar-nav {
margin-top: 10px;
border-bottom: 1px solid #e6e6e6;
}
.navbar-brand img {
display: block;
max-height: 100px;
}
.nav-opt {
color: #231F20;
font-weight: 700;
padding-right: 0;
padding-left: 2rem;
border-top: 1px solid #e6e6e6;
}
.header-wrapper-menu {
padding: 5px 0;
border-bottom: 1px solid #f4f4f4;
}
.header-logo {
display: flex;
}
.header-logo img {
max-height: 45px;
}
.header-logo a {
position: relative;
margin-left: 20px;
padding-left: 10px;
}
.header-logo a::before {
left: 0;
top: 12px;
width: 1px;
content: "";
bottom: 12px;
position: absolute;
background-color: #C9CACC;
}
.header-logo a:first-child {
margin-left: 0;
padding-left: 0;
}
.header-logo a:first-child:before {
display: none;
}
/* -- BEGIN SEARCH BOX -- */
.search-box{
width: 25px;
margin-top: 10px;
position: relative;
border-radius: 50%;
transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.search-box.active{
width: 170px;
}
.search-box input{
width: 85%;
opacity: 0;
height: 100%;
outline: none;
border: 1px solid;
border-left: 0;
border-right: 0;
border-radius: 0;
border-top: none;
transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.search-box input.active{
opacity: 1;
}
.search-box input::placeholder{
color: #a6a6a6;
}
.search-box .search-icon{
top: 50%;
right: 0px;
z-index: 1;
cursor: pointer;
font-size: 22px;
color: #231f20;
text-align: right;
position: absolute;
background: #fff;
transform: translateY(-50%);
transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.search-icon img {
display: block;
max-height: 20px;
}
.search-box .search-icon.active{
right: 0;
color: #231f20;
text-align: right;
}
.search-box .cancel-icon{
top: 50%;
right: 5px;
position: absolute;
font-size: 15px;
cursor: pointer;
color: #b7afaa;
transform: translateY(-50%);
transition: all 0.5s 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.search-box .cancel-icon.active{
right: -20px;
transform: translateY(-50%) rotate(360deg);
}
.search-box .search-data{
color: #fff;
font-size: 18px;
padding-top: 7px;
text-align: center;
word-wrap: break-word;
}
.search-box .search-data.active{
display: none;
}
/* -- BEGIN FEATURED SECTION -- */
.featured-wrapper {
display: flex;
position: relative;
padding: 50px 0 0px;
align-items: center;
flex-direction: column;
justify-content: center;
}
.featured-wrapper::before {
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
display: block;
opacity: 0.72;
position: absolute;
background-color: #005DAB;
border-bottom: 1px solid #ececec;
}
.featured-block {
color: #fff;
margin: 0 auto;
max-width: 600px;
position: relative;
text-align: center;
font-family: 'merriweather-regular';
}
.featured-block .featured-title {
font-size: 2em;
font-family: 'merriweather-black';
}
.featured-block p {
margin: 0 auto 30px;
}
#btn-play {
width: 70px;
height: 70px;
border: none;
display: inline-block;
background: url('../img/icon-play.png') center no-repeat;
background-size: contain;
}
.featured-actions {
left: 0;
right: 0;
bottom: 0;
position: static;
margin-top: 70px;
}
.featured-btn {
display: flex;
align-items: flex-end;
justify-content: center;
font-family: 'merriweather-black';
}
.featured-opt {
width: 100%;
padding: 30px;
color:#231F20;
font-size: 1em;
color: #231F20;
text-align: center;
position: relative;
display: inline-block;
background-color: #fff;
transition: .2s all ease-in-out;
}
.featured-opt::before {
top: 0;
left: 0;
right: 0;
width: auto;
content: "";
height: 1px;
display: block;
bottom: initial;
position: absolute;
background-color: #f6f6f6;
transition: .2s opacity ease-in-out;
}
.featured-opt span {
display: block;
margin: 0 auto;
overflow: hidden;
max-width: 300px;
white-space: nowrap;
text-overflow: ellipsis;
}
.featured-search input {
color: #fff;
outline: none;
display: block;
margin: 10px auto;
padding: 5px 15px;
border-radius: 50px;
border: 1px solid #fff;
background-color: transparent;
font-family: 'merriweather-regular';
}
.featured-search input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
font-family: 'merriweather-bold';
color: rgba(255,255,255,.3);
}
.featured-search input::-moz-placeholder { /* Firefox 19+ */
font-family: 'merriweather-bold';
color: rgba(255,255,255,.3);
}
.featured-search input:-ms-input-placeholder { /* IE 10+ */
font-family: 'merriweather-bold';
color: rgba(255,255,255,.3);
}
.featured-search input:-moz-placeholder { /* Firefox 18- */
font-family: 'merriweather-bold';
color: rgba(255,255,255,.3);
}
/* -- BEGIN FOOTER -- */
footer {
margin-top: 250px;
}
.footer-wrapper {
margin-top: 155px;
position: relative;
background: url('../img/footer-bg.jpg') center no-repeat;
background-size: cover;
}
.footer-wrapper::before {
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
opacity: 0.92;
position: absolute;
background-color: #231F20;
}
.footer-block {
margin-top: 40px;
}
.footer-logo > img {
max-height: 50px;
margin-bottom: 15px;
}
.footer-logo {
color: #fff;
font-size: .8em;
}
.footer-icons {
display: flex;
margin-top: 30px;
align-items: center;
}
.footer-icons li {
display: inline-flex;
}
.footer-icons li a {
margin-left: 10px;
}
.footer-icons li img {
display: block;
max-height: 18px;
}
.footer-icons li:first-child a {
margin-left: 0;
}
.footer-copyright {
padding: 20px 0;
font-size: .8em;
margin-top: 70px;
color: #C9CACC;
text-align: center;
position: relative;
border-top: 1px solid rgba(255,255,255,0.15);
}
.footer-box {
margin-top: 40px;
}
.footer-box:first-child {
margin-top: 0;
}
.footer-box h3 {
color: #fff;
font-size: 1em;
margin-bottom: 20px;
text-transform: uppercase;
font-family: 'merriweather-black';
}
.footer-box li {
display: flex;
list-style: none;
margin-top: 10px;
position: relative;
padding-left: 15px;
align-items: center;
}
.footer-box li::before {
left: 0;
width: 7px;
content: "";
height: 7px;
position: absolute;
background-color: #005DAB;
}
.footer-box li a {
font-size: .9em;
color: #939494;
}
/* -- BEGIN NEWSLETTER -- */
.footer-newsletter {
z-index: 1;
top: -155px;
position: relative;
margin-bottom: -75px;
}
.newsletter-split-box {
min-height: 160px;
background-color: #fff;
padding: 30px !important;
}
.newsletter-split-box:first-child {
color: #fff;
background-color: #005DAB;
}
.btn-fill-light,
.btn-outline-light {
color: #fff;
font-size: .9em;
font-weight: 700;
min-width: 100px;
padding: 15px 20px;
border-radius: 3px;
text-align: center;
display: inline-block;
border: 1px solid #fff;
text-transform: uppercase;
}
.btn-outline-light {
font-size: .7em !important;
padding: 10px 25px !important;
}
.btn-fill-light {
color: #005DAB;
background-color: #fff;
text-transform: uppercase;
}
.btn-minimal {
display: block;
color: #005DAB;
text-align: center;
font-family: 'merriweather-bold';
}
.newsletter-title {
font-family: 'merriweather-bold';
}
.newsletter-split-box p {
font-size: .8em;
line-height: 1.8em;
margin: 15px 0 20px;
font-family: 'merriweather-regular';
}
.btn-standard {
width: 100%;
border: none;
padding: 5px;
height: 100%;
color: #fff;
font-size: .8em;
margin-top: 20px;
border-radius: 5px;
background-color: #005DAB;
font-family: 'merriweather-regular';
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #C9CACC !important;
}
::-moz-placeholder { /* Firefox 19+ */
color: #C9CACC !important;
}
:-ms-input-placeholder { /* IE 10+ */
color: #C9CACC !important;
}
:-moz-placeholder { /* Firefox 18- */
color: #C9CACC !important;
}
.newsletter-field {
margin-top: 30px;
}
#btn-up {
right: 0;
top: -65px;
width: 25px;
height: 25px;
color: #fff;
display: flex;
position: absolute;
align-items: center;
justify-content: center;
background-color: #005DAB;
}
/* -- BEGIN SQUARE SECTION -- */
.square-wrapper {
padding-top: 40px;
background-color: #F6F6F6;
}
.subtitle-block {
font-size: .8em;
color: #005DAB;
line-height: 20px;
padding: 15px 20px;
display: inline-block;
background-color: #C9E9F7;
font-family: 'merriweather-black';
}
.title-block,
.extratitle-block {
margin: 5px 0 0;
font-size: 2.5em;
font-family: 'merriweather-black';
}
.extratitle-block {
font-size: 1.7em;
}
.title-img {
display: none;
max-height: 150px;
}
.square-info p {
color: #6C6E6E;
text-align: justify;
font-family: 'merriweather-regular';
}
.btn-normal {
color: #fff;
border-radius: 50px;
display: inline-block;
background-color: #005DAB;
font-family: 'merriweather-bold';
padding: 10px 60px 10px 25px;
background: url(../img/icon-arrow-light.png) 90% center no-repeat #005DAB;
background-size: 15px;
}
/* .btn-action:hover,
.btn-normal:hover,
.btn-featured:hover,
.featured-back:hover,
.btn-traditional:hover,
.frames-block:hover .frames-info h3,
.spot-block-info:hover .spot-hour {
color: #fff;
} */
.btn-wrapper {
width: 100%;
text-align: center;
display: inline-block;
}
.btn-outline {
margin: 0 auto;
font-size: .8em;
color: #005DAB;
padding: 15px 40px;
border-radius: 5px;
display: inline-block;
text-transform: uppercase;
border: 1px solid #005DAB;
font-family: 'merriweather-bold';
}
.square-info {
display: flex;
align-items: center;
margin-bottom: 50px;
}
.square-box {
display: flex;
text-align: center;
align-items: center;
height: 100%;
width: 100%;
justify-content: flex-end;
}
.square-box-link {
width: 100%;
font-size: 1.2em;
color: #231F20;
padding: 40px 30px;
margin-bottom: 35px;
display: inline-block;
background-color: #fff;
}
.square-title {
font-family: 'merriweather-black';
}
.square-subtitle {
font-family: 'Roboto';
color: #6C6E6E;
font-size: .7em;
}
.square-box span {
display: block;
}
.square-icon {
display: block;
max-height: 60px;
margin: 0 auto 20px auto;
}
.square-wrapper-box {
display: flex;
min-height: 100%;
flex-direction: column;
}
/* -- BEGIN BANNER HORIZONTAL -- */
.banner-horizontal {
margin: 40px 0 60px;
padding: 90px 15px;
position: relative;
}
.banner-horizontal::before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #005DAB;
opacity: .87;
}
.banner-row {
display: flex;
align-items: center;
}
.banner-title {
color: #fff;
font-size: 2.8em;
font-weight: 800;
max-width: 280px;
display: inline-block;
font-family: 'Roboto';
}
.banner-info p {
color: #fff;
font-size: 1.5em;
}
/* -- BEGIN TITLE -- */
.title-wrapper-block {
margin: 0 0 40px;
}
.title-info {
margin: 0;
font-size: .8em;
line-height: 1.8em;
font-family: 'merriweather-regular';
}
.title-row {
align-items: flex-end;
}
.frames-block {
width: 100%;
padding: 20px;
min-height: 300px;
position: relative;
display: inline-block;
}
.frames-block h3,
.frames-block h4 {
margin: 0;
transition: .2s all ease-in-out;
}
.frames-info {
left: 20px;
right: 20px;
bottom: 20px;
padding: 15px;
position: absolute;
background-color: #fff;
font-family: 'merriweather-black';
border-left: 3px solid #005DAB;
transition: .2s all ease-in-out;
}
.btn-traditional:hover,
.frames-block:hover h3 {
color: #fff;
}
.frames-block h3 {
font-size: 1.3em;
color: #231F20;
}
.frames-block h4 {
font-size: .8em;
color: #6C6E6E;
margin-bottom: 10px;
}
.frames-opt {
float: right;
color: #231F20;
border-radius: 50px;
padding: 10px 50px 10px 15px;
transition: .2s all ease-in-out;
font-family: 'merriweather-bold';
background: url(../img/icon-arrow-dark.png) 90% center no-repeat #fff;
background-size: 15px;
}
.frames-block:hover .frames-opt {
color: #fff;
background: url(../img/icon-arrow-light.png) 90% center no-repeat #005DAB;
background-size: 15px;
}
.frames-block:hover .frames-info {
background-color: #005DAB;
}
.frames-block:hover .frames-info h4 {
color: #C9CACC;
}
/* -- BEGIN CASING SECTION -- */
.casing-wrapper {
margin: 40px 0;
padding: 60px 0;
position: relative;
}
.casing-wrapper::before {
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
position: absolute;
background-color: rgba(0,93,171,.52);
}
.casing-title-block {
color: #fff;
position: relative;
text-align: center;
font-family: 'merriweather-black';
}
.casing-title {
font-size: 2.8em;
}
.casing-subtitle {
font-size: 1em;
text-transform: uppercase;
}
.casing-column-block {
margin: 50px 0 0;
position: relative;
background-color: #fff;
}
.casing-box {
padding: 25px;
}
.casing-box p {
margin: 0;
}
.casing-box img {
display: block;
max-height: 40px;
}
.casing-box-title {
font-size: 1em;
color: #231F20;
margin: 20px 0 10px;
font-family: 'merriweather-bold';
}
.casing-box-info {
font-size: .9em;
color: #6C6E6E;
line-height: 1.5em;
font-family: 'merriweather-regular';
}
.members-wrapper {
padding-bottom: 60px;
}
.members-block-img {
display: block;
max-height: 220px;
margin: 0 auto 20px;
}
.members-block-title {
font-size: 3em;
color: #231F20;
text-align: center;
font-family: 'merriweather-black';
}
.members-thumb {
display: block;
margin-top: 15px;
min-height: 300px;
position: relative;
}
.members-row {
align-items: center;
}
.members-initial {
width: auto !important;
display: flex !important;
}
.members-thumb-info {
left: 0;
right: 0;
bottom: 0;
color: #fff;
padding: 20px;
position: absolute;
background-color: rgba(35,31,32,0.15);
}
.members-thumb-name {
margin: 0;
font-size: 1.5em;
font-family: 'merriweather-black';
}
.members-thumb-role {
font-family: 'merriweather-regular';
}
.members-review-wrapper {
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
opacity: 0;
height: 100%;
color: #fff;
padding: 20px;
display: flex;
position: absolute;
align-items: flex-end;
transition: .2s all ease-in-out;
background-color: rgb(0 93 171 / 80%);
}
.members-review-wrapper span {
font-family: 'merriweather-black';
font-size: 1.3em;
}
.members-review-wrapper p {
margin-bottom: 0;
font-family: 'merriweather-regular';
}
.members-thumb i {
z-index: 1;
opacity: 0;
right: -60px;
bottom: 110px;
color: yellow;
font-weight: 800;
font-size: 3.5em;
color: #4E95D0;
position: absolute;
font-style: normal;
font-family: 'Roboto';
transform: rotate(-90deg);
text-transform: uppercase;
transition: .2s opacity ease-in-out;
}
.carousel-indicators {
bottom: -70px;
}
.carousel-indicators li {
height: 4px;
width: 23px;
border: none;
border-radius: 30px;
background-color: #005DAB;
}
/* -- BEGIN MOSAIC -- */
.bg-color,
.mosaic-wrapper {
padding: 60px 0;
margin-top: 60px;
background-color: #F6F6F6;
}
.bg-color {
margin-top: 0 !important;
}
.mosaic-block .col-md {
margin-bottom: 30px;
}
.mosaic-info-lg,
.mosaic-info-sm {
min-height: 300px;
position: relative;
}
.mosaic-split {
margin-bottom: 30px;
background-color: #fff;
}
.square-block,
.mosaic-flex {
height: 100%;
}
.mosaic-col,
.mosaic-row {
display: flex;
flex-direction: column;
}
.mosaic-row {
flex-direction: row;
}
.mosaic-block img {
width: 100%;
height: auto;
display: block;
}
.mosaic-title {
bottom: 0;
width: 100%;
padding: 20px;
color: #231F20;
position: absolute;
background-color: #fff;
transition: .2s all ease-in-out;
font-family: 'merriweather-black';
}
.mosaic-info-lg .mosaic-title {
width: 55%;
}
.mosaic-title-label {
font-size: 1em;
line-height: 1.3em;
}
.mosaic-title-date {
font-size: .7em;
color: #6C6E6E;
transition: .2s all ease-in-out;
font-family: 'merriweather-regular';
}
.mosaic-info-opt {
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
position: absolute;
}
.mosaic-info-opt:hover .mosaic-title {
background-color: #005DAB;
color: #fff;
}
.mosaic-info-opt:hover .mosaic-title-date {
color: #FEE900;
}
.mosaic-split {
display: flex;
max-height: 230px;
min-height: 190px;
}
.mosaic-split > div {
width: 100%;
position: relative;
}
.mosaic-split-date {
color: #fff;
padding: 15px 0;
font-size: 2em;
max-width: 85px;
text-align: center;
width: 45% !important;
background-color: #005DAB;
font-family: 'merriweather-black';
}
.mosaic-split-day {
font-size: 1.2em;
display: block;
}
.mosaic-split-month {
font-size: .7em;
text-transform: uppercase;
}
.mosaic-split-date small {
left: 0;
right: 0;
bottom: 0;
padding: 15px;
font-size: .3em;
position: absolute;
font-family: 'merriweather-regular';
}
.mosaic-split-date-label {
line-height: 1em;
}
.mosaic-split-info {
padding: 20px;
position: relative;
font-family: 'merriweather-black';
}
.mosaic-split-info-label {
font-size: .9em;
color: #231F20;
line-height: 1.4em;
}
.mosaic-split-hour {
color: #6C6E6E;
font-size: .9em;
position: absolute;
bottom: 0;
padding-bottom: 15px;
}
.mosaic-split-hour > span {
display: block;
margin-top: 5px;
}
/* -- BEGIN FEATURED PAGE SECTION -- */
.featured-wrapper-page {
color: #fff;
position: relative;
padding: 20px 0 40px;
}
.featured-post::before,
.featured-wrapper-page::before {
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: .7;
content: "";
position: absolute;
background-color: #005DAB;
}
.featured-page-title {
color: #fff;
font-size: 2em;
font-family: 'merriweather-black';
}
.featured-page-block {
max-width: 80%;
position: relative;
}
.featured-page-info {
line-height: 2em;
font-family: 'merriweather-regular';
margin: 20px 0 40px;
}
.btn-featured {
color: #fff;
font-size: .8em;
border-radius: 50px;
display: inline-block;
padding: 10px 65px 10px 25px;
font-family: 'merriweather-regular';
background: url(../img/icon-arrow-light.png) 85% center no-repeat #005DAB;
background-size: 12px;
}
.btn-featured:hover {
color: #fff;
}
.plane-wrapper {
padding: 50px 0 15px;
}
.plane-info-block {
padding: 30px 0 0;
}
.plane-info-title {
font-size: 2.5em;
color: #231F20;
margin-bottom: 20px;
font-family: 'merriweather-black';
}
.plane-info-text {
color: #6C6E6E;
line-height: 2em;
text-align: justify;
font-family: 'merriweather-regular';
}
.bg-img {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.plane-info-img {
height: 100%;
min-height: 450px;
}
.block-flex {
display: flex;
align-items: center;
}
.align-right .icon-triangle::before,
.align-left .icon-triangle::before {
width: 0;
top: 50%;
height: 0;
content: "";
display: none;
margin-top: -30px;
position: absolute;
border-left: 30px solid #fff;
border-top: 30px solid transparent;
border-bottom: 30px solid transparent;
}
.align-right .icon-triangle::before {
right: 0;
left: auto;
border-left: none;
border-right: 30px solid #fff;
}
/* -- BEGIN CAROUSEL -- */
.carousel-wrapper {
margin-top: 30px;
padding-top: 40px;
border-top: 1px solid #F6F6F6;
}
.carousel-box img,
.list-img img {
width: 100%;
height: auto;
}
.carousel-block {
margin-left: -10px;
margin-right: -10px;
}
.carousel-block .slick-dots {
width: 100%;
margin-top: 40px;
text-align: center;
display: inline-block;
}
.carousel-block .slick-dots li {
display: inline-block;
}
.carousel-block .slick-dots li button {
width: 23px;
height: 4px;
opacity: .4;
border: none;
margin: 0 3px;
display: block;
border-radius: 50px;
text-indent: -99999em;
background-color: #005DAB;
}
.carousel-block .slick-dots li.slick-active button {
opacity: 1;
}
.carousel-minimal .carousel-box span {
display: block;
margin-top: 7px;
color: #231F20;
font-size: .9em;
font-family: 'merriweather-bold';
position: absolute;
bottom: -35px;
width: 200px;
left: 50%;
margin-left: -100px;
text-align: center;
opacity: 0;
}
.carousel-box span {
display: block;
margin-top: 7px;
color: #231F20;
font-size: 1.1em;
font-family: 'merriweather-bold';
}
.carousel-small .slick-current .carousel-box span {
opacity: 1;
}
.carousel-small .slick-current .carousel-box img {
border: 5px solid #fff;
outline: 4px solid red;
}
.carousel-box small {
display: block;
color: #C9CACC;
line-height: 1.5em;
font-family: 'merriweather-regular';
}
.carousel-box {
padding: 0 5px;
position: relative;
}
.carousel-small .carousel-box {
padding: 0 15px !important;
}
.carousel-minimal {
margin: 0;
padding: 0 25px;
}
.carousel-minimal-title {
text-align: center;
margin-bottom: 30px;
font-family: 'merriweather-black';
}
.carousel-block .slick-arrow {
left: 0;
top: 50%;
z-index: 1;
width: 30px;
height: 30px;
border: none;
margin-top: -50px;
position: absolute;
text-indent: -99999em;
background: url(../img/icon-nav-prev.png) left center no-repeat;
background-size: 20px;
}
.carousel-block .slick-arrow.slick-next {
right: 0;
left: auto;
background: url('../img/icon-nav-next.png') right center no-repeat;
background-size: 20px;
}
.carousel-small {
padding: 0 40px;
}
.carousel-small .slick-list {
padding-top: 40px !important;
padding-bottom: 60px !important;
}
.carousel-small .slick-arrow {
margin-top: -35px;
}
/* -- BEGIN SPLIT SECTION -- */
.split-wrapper {
margin-top: 40px;
}
.minimal-info,
.square-block {
background-color: #fff;
}
.minimal-wrapper {
margin-top: 10px;
}
.minimal-title {
font-size: 1.5em;
margin-top: 20px;
font-family: merriweather-black;
}
.minimal-text {
margin: 0;
color: #6C6E6E;
font-family: 'merriweather-regular';
}
/* -- BEGIN TITLE PAGE -- */
.title-page {
text-align: center;
}
.title-page .featured-page-block {
max-width: none;
}
.title-page .featured-page-title{
font-size: 3em;
}
.featured-breadcrumbs li {
position: relative;
padding-left: 10px;
display: inline-block;
font-family: 'merriweather-regular';
}
.featured-breadcrumbs li::before {
left: 0;
content: "/";
position: absolute;
}
.featured-breadcrumbs li:first-child::before {
display: none;
}
.featured-breadcrumbs li:first-child {
padding-left: 0;
}
.featured-breadcrumbs li a {
color: #fff;
}
/* -- BEGIN LIST BLOCK -- */
.list-block {
padding: 30px;
position: relative;
margin-bottom: 40px;
border: 1px solid #C9CACC;
border-left: 10px solid #005DAB;
}
.list-location {
font-size: .9em;
color: #939494;
padding-left: 25px;
font-family: 'merriweather-regular';
background: url('../img/icon-location-gray.png') left center no-repeat;
background-size: 14px;
display: block;
margin-top: 40px;
}
.list-title {
font-size: 1em;
font-family: 'merriweather-bold';
}
.list-info {
display: block;
color: #939494;
font-family: 'merriweather-regular';
}
.list-img {
margin-bottom: 20px;
}
.list-info-location {
background: url('../img/icon-location-gray.png');
background-size: 10px;
background-position: left center;
padding-left: 20px;
background-repeat: no-repeat;
margin-top: 5px;
}
/* -- BEGIN TITLE EMPHASIS -- */
.news-wrapper {
margin-top: 50px;
}
.title-emphasis-block {
color: #231F20;
margin-bottom: 30px;
font-family: 'merriweather-bold';
border-bottom: 1px solid #C9CACC;
}
.subtitle-emphasis-text,
.title-emphasis-text {
margin: 0;
font-size: 1.5em;
padding: 10px 0px;
position: relative;
display: inline-block;
}
.subtitle-emphasis-text::before,
.title-emphasis-text::before {
content: "";
width: 100%;
height: 1px;
bottom: -1px;
display: block;
position: absolute;
background-color: #005DAB;
}
.subtitle-emphasis-text {
font-size: 1em;
}
.news-block-lg {
margin-bottom: 10px;
display: inline-block;
}
.news-block-sm img,
.news-block-lg img {
width: 100%;
height: auto;
display: block;
}
.news-date {
color: #005DAB;
line-height: 1.3em;
font-family: 'merriweather-black';
}
.news-date span {
color: #231F20;
font-size: 2em;
}
.news-date small {
display: block;
font-size: 1.1em;
text-transform: uppercase;
}
.news-date i {
font-size: .9em;
font-style: normal;
}
.news-info-sm .news-title,
.news-info-lg .news-title {
font-size: 1.3em;
color: #231F20;
line-height: 1.5em;
margin-bottom: 15px;
font-family: 'merriweather-black';
}
.news-text {
font-size: .8em;
color: #6C6E6E;
font-family: 'merriweather-regular';
}
.news-info-sm .news-title {
font-size: 1em;
margin: 20px 0 5px;
}
.news-info-sm .news-role,
.news-info-sm .news-author,
.news-info-sm .news-date {
display: block;
font-size: .7em;
color: #6C6E6E;
font-family: 'merriweather-regular';
}
.news-info-sm .news-role {
font-size: .6em;
}
.news-author {
margin-bottom: 5px;
color: #231F20 !important;
}
.news-block-sm {
margin-bottom: 30px;
}
.news-common-block {
position: relative;
display: inline-block;
}
.news-common-block img {
width: 100%;
height: auto;
display: block;
}
.news-common-title {
left: 0;
bottom: 0;
padding: 20px;
position: absolute;
background-color: rgba(0,93,171,.84);
}
.news-common-title span {
display: block;
font-size: .7em;
color: #FEE900;
margin-bottom: 5px;
font-family: 'merriweather-regular';
}
.news-common-title h3 {
margin: 0;
color: #fff;
font-size: 1em;
line-height: 1.5em;
font-family: 'Merriweather-Bold';
}
.news-common-info {
font-size: .8em;
color: #6C6E6E;
line-height: 24px;
font-family: 'merriweather-regular';
}
.news-common-block .news-author {
top: 20px;
left: 20px;
font-size: .7em;
padding: 5px 15px;
position: absolute;
border-radius: 50px;
color: #fff !important;
font-family: 'merriweather-regular';
background-color: rgba(35,31,32,.54);
}
.news-block-number {
color: #C9CACC;
font-size: 2.5em;
line-height: 30px;
font-family: 'merriweather-bold';
}
.news-title-emphasis {
background-color: rgba(254,233,0,0.84);
}
.news-title-emphasis span,
.news-title-emphasis h3 {
color: #231F20;
}
.bulletin-wrapper li {
display: block;
margin-bottom: 5px;
}
.bulletin-wrapper a {
color: #6C6E6E;
position: relative;
padding-left: 22px;
font-family: 'merriweather-regular';
}
.bulletin-wrapper a::before {
top: 5px;
width: 10px;
content: "";
height: 10px;
display: block;
position: absolute;
background-color: red;
}
.banner-block {
margin-bottom: 30px;
}
.pagination-wrapper {
width: 100%;
display: flex;
justify-content: center;
}
.page-link {
border: none;
color: #939494;
font-family: 'merriweather-regular';
}
.page-link img {
max-height: 15px;
}
.page-link:hover,
.page-item.active .page-link {
color: #fff;
background-color: #005DAB;
}
.pagination li:first-child a:hover,
.pagination li:last-child a:hover {
background-color: inherit;
}
/* -- BEGIN SINGLE PAGE -- */
.single-tag {
font-size: .8em;
color: #231F20;
padding: 8px 13px;
border-radius: 5px;
margin-bottom: 20px;
text-transform: uppercase;
background-color: #FEE900;
font-family: 'merriweather-regular';
}
.single-title {
margin-top: 20px;
font-size: 2.3em;
font-family: 'merriweather-bold';
}
.single-info {
margin: 20px 0;
font-size: .8em;
color: #939494;
font-family: 'merriweather-regular';
}
.single-info a {
color: #231F20;
}
.single-views,
.single-comments {
margin-left: 20px;
padding-left: 22px;
display: inline-block;
background: url(../img/icon-eyes.png) left center no-repeat;
background-size: 15px;
}
.single-comments {
background: url(../img/icon-comments.png) left center no-repeat;
background-size: 15px;
}
.single-img {
width: 100%;
display: block;
margin-bottom: 30px;
}
.single-block,
.single-content {
color: #6C6E6E;
line-height: 1.7em;
position: relative;
font-family: 'merriweather-regular';
}
.single-content blockquote {
margin: 1em auto;
font-size: 1.8em;
max-width: 500px;
line-height: 1.5em;
text-align: center;
color: #231F20;
}
.single-content img {
width: 100%;
display: block;
}
.single-content figcaption {
display: block;
font-size: 0.7em;
font-family: arial;
font-style: italic;
}
.carousel-widget .carousel-box {
padding: 0 12px;
}
.carousel-widget .slick-arrow {
right: 0;
top: -35px;
left: auto;
background-size: 17px !important;
}
.carousel-widget .slick-arrow.slick-prev {
right: 50px;
}
.carousel-widget .slick-arrow.slick-next {
right: 10px;
}
.icons-social li {
display: inline-block;
}
.icons-social li a {
width: 50px;
height: 50px;
display: flex;
border-radius: 50%;
margin-bottom: 10px;
align-items: center;
justify-content: center;
}
.icons-social li a img {
width: auto;
height: 20px;
display: block;
}
.icon-fb {
background-color: #833AB4;
}
.icon-tw {
background-color: #1DA1F2;
}
.icon-ins {
background-color: #833AB4;
}
.square-date {
width: 100%;
margin-bottom: 20px;
padding: 10px 15px;
text-align: center;
display: inline-block;
border: 3px solid #005DAB;
}
.square-date small {
margin-bottom: 10px;
}
.square-date i {
display: block;
margin-top: 20px;
font-family: 'merriweather-regular';
}
.square-date b {
font-weight: 400;
font-size: 1.2em;
font-family: 'merriweather-regular';
}
.square-title {
font-size: 1em !important;
}
.square-block-datetime {
padding: 0 20px;
}
.square-place {
color: #939494;
font-family: 'merriweather-regular';
background: url(../img/icon-place.png) left center no-repeat;
background-size: 10px;
display: inline-block;
margin-bottom: 20px;
padding-left: 20px;
font-size: .8em;
}
.btn-action {
top: 15px;
right: 30px;
color: #fff;
font-size: .8em;
padding: 5px 15px;
position: absolute;
border-radius: 50px;
display: inline-block;
background-color: #005DAB;
font-family: 'merriweather-regular';
}
/* -- BEGIN SPOT CAROUSEL -- */
.spot-block-info {
margin: 10px;
padding: 20px;
color: #231F20;
min-height: 360px;
position: relative;
display: inline-block;
background-color: #EAE9F7;
font-family: 'merriweather-regular';
}
.spot-block-info > span {
font-size: 2.5em;
display: block;
line-height: 1em;
}
.spot-block-info small {
font-size: 1em;
}
.spot-block-info p {
margin: 20px 0;
font-size: .9em;
}
.spot-hour {
bottom: 20px;
font-size: .7em;
color: #005DAB;
position: absolute;
}
.spot-hour span {
display: block;
line-height: 2em;
}
.spot-block-info:hover {
color: #fff;
background-color: #005DAB;
}
/* -- BANNER EMPHASIS -- */
.notice-emphasis {
padding: 30px;
color: #fff;
margin-top: 50px;
min-height: 450px;
position: relative;
}
.notice-emphasis::before {
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
display: block;
position: absolute;
background-color: rgba(239,49,37,0.72);
}
.notice-info {
left: 30px;
right: 30px;
bottom: 30px;
position: absolute;
}
.notice-title {
font-size: 2em;
font-family: 'merriweather-black';
}
.notice-subtitle {
font-size: 1em;
line-height: 1.5em;
margin: 15px 0 50px;
font-family: 'merriweather-regular';
}
.notice-emphasis .btn-featured {
color: #EF3125;
background-color: #fff !important;
font-family: 'merriweather-bold';
background: url(../img/icon-arrow-danger.png) 90% center no-repeat #005DAB;
background-size: 12px;
}
/* -- BEGIN EVENTS SINGLE -- */
.featured-form .featured-page-title {
font-size: 2.5em;
}
.featured-form-block {
padding: 20px;
margin-top: 40px;
border-radius: 10px;
background-color: #fff;
}
.featured-form-block img {
display: block;
max-height: 30px;
}
.featured-form-block h3 {
color: #231F20;
font-size: 1em;
margin: 10px 0 0;
font-family: 'merriweather-bold';
}
.featured-form-block span {
color: #939494;
font-size: .7em;
font-family: 'merriweather-regular';
}
.btn-traditional {
color: #fff;
display: block;
text-align: center;
border-radius: 5px;
padding: 15px 20px;
background-color: #005DAB;
font-family: 'merriweather-bold';
}
.featured-form-block i {
display: block;
margin-top: 8px;
font-size: .6em;
color: #939494;
text-align: center;
font-family: 'merriweather-regular';
}
.featured-back {
color: #fff;
margin-bottom: 70px;
display: inline-block;
font-family: 'merriweather-regular';
}
.featured-back {
padding-left: 30px;
background: url('../img/icon-arrow-back.png') left center no-repeat;
background-size: 20px;
}
.btn-map {
color: #fff;
padding-left: 20px;
display: inline-block;
font-family: 'merriweather-regular';
background: url('../img/icon-location-light.png') left center no-repeat;
background-size: 10px;
}
.content-wrapper {
font-family: 'merriweather-regular';
}
.content-wrapper p {
color: #6C6E6E;
line-height: 1.8em;
}
address li,
.content-wrapper li {
display: block;
color: #6C6E6E;
margin-bottom: 10px;
}
.map-block iframe {
width: 100%;
height: 300px;
display: block;
}
.mansory-wrapper {
margin-top: 50px;
}
.mansory-block {
padding: 20px;
min-height: 290px;
position: relative;
margin-bottom: 30px;
}
.mansory-info {
left: 0;
bottom: 0;
padding: 20px;
position: absolute;
background-color: #fff;
}
.mansory-emphasis-primary .mansory-info {
right: 0;
color: #fff;
background-color: #005DAB;
}
.mansory-emphasis-warning .mansory-info {
right: 0;
background-color: #FEE900;
}
.mansory-emphasis-warning .mansory-info a {
color: #231F20;
}
.mansory-emphasis-primary .mansory-info a {
right: 0;
color: #FEE900;
border-color: #FEE900;
}
.mansory-info h3 {
margin: 0;
font-size: 1em;
font-family: 'merriweather-black';
}
.mansory-info a {
color: #6C6E6E;
font-size: .6em;
margin-top: 10px;
padding: 5px 15px;
border-radius: 50px;
display: inline-block;
border: 1px solid #808080;
font-family: 'merriweather-regular';
}
/* -- BEGIN CHESS SECTION -- */
.chess-wrapper {
margin: 50px 0 100px;
}
.chess-box {
padding: 25px;
position: relative;
display: inline-block;
border: 1px solid #e6e6e7;
}
.chess-box.bg-img::before {
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
position: absolute;
background-color: rgba(35,31,32,.24);
}
.chess-block .row {
margin: 0 !important;
}
.chess-number {
width: 50px;
height: 50px;
display: flex;
font-weight: 800;
font-size: 1.3em;
padding: 3px 12px;
position: relative;
margin-bottom: 15px;
align-items: center;
justify-content: center;
color: rgb(0, 93, 171);
border: 3px solid rgb(0, 93, 171);
}
.chess-title {
color: #231F20;
margin-bottom: 0;
line-height: 1.3em;
position: relative;
font-family: 'merriweather-black';
}
.chess-box.bg-img .chess-title {
color: #fff;
}
.chess-box.bg-img .chess-number {
color: #fff;
border-color: #fff;
}
.chess-logo img {
max-height: 50px;
}
.chess-subtitle {
margin: 5px 0 0;
display: block;
font-size: .8em;
color: #6C6E6E;
font-family: 'merriweather-regular';
}
.input-field {
width: 100%;
height: 100%;
padding: 15px 20px;
border-radius: 5px;
border: 1px solid #C9CACC;
}
select.input-field {
color: #939494;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
font-family: 'merriweather-regular';
background: url('../img/icon-dropdown.png') 95% center no-repeat;
background-size: 20px;
}
.input-field::-webkit-input-placeholder { /* Chrome/Opera/Safari */
font-family: 'merriweather-regular';
color: rgba(255,255,255,.3);
}
.input-field::-moz-placeholder { /* Firefox 19+ */
font-family: 'merriweather-regular';
color: rgba(255,255,255,.3);
}
.input-field:-ms-input-placeholder { /* IE 10+ */
font-family: 'merriweather-regular';
color: rgba(255,255,255,.3);
}
.input-field:-moz-placeholder { /* Firefox 18- */
font-family: 'merriweather-regular';
color: rgba(255,255,255,.3);
}
.label-partial {
font-size: .8em;
color: #C9CACC;
padding: 7px 20px;
border-radius: 50px;
margin-bottom: 10px;
display: inline-block;
border: 1px solid #C9CACC;
font-family: 'merriweather-regular';
}
.list-block .label-partial,
.list-block .btn-featured {
display: block;
margin-top: 20px;
}
/* -- BEGIN POST PAGE -- */
.featured-post {
position: relative;
}
.featured-post-block {
padding: 50px;
color: #fff;
text-align: center;
font-family: 'merriweather-bold';
}
.featured-logo img {
display: block;
width: 100%;
height: auto;
max-width: 120px;
}
.featured-phone,
.featured-location {
display: block;
margin-top: 10px;
}
.featured-post-contact {
padding-top: 20px;
padding-bottom: 20px;
font-family: 'merriweather-regular';
}
.featured-post-contact h1 {
font-size: 2em;
font-family: 'merriweather-bold';
}
.featured-phone i {
background: url(../img/icon-phone.png) left center no-repeat;
}
.featured-location i {
background: url(../img/icon-location-light.png) left center no-repeat;
}
.featured-post-contact li i {
padding-left: 25px;
font-style: normal;
background-size: 15px;
}
.featured-logo {
width: 160px;
height: 160px;
display: flex;
margin: 0 auto;
border-radius: 50%;
align-items: center;
justify-content: center;
background-color: #fff;
}
.featured-post-row {
align-items: flex-end;
}
.content-list li {
padding-left: 20px;
position: relative;
}
.content-list li:before {
left: 0;
content: "-";
position: absolute;
}
.widget-block {
padding: 20px;
margin-top: 20px;
border-radius: 10px;
border: 1px solid #C9CACC;
}
.widget-table {
width: 100%;
display: table;
}
.widget-table td:first-child {
text-align: left;
color: #231F20;
}
.widget-table td {
font-size: .9em;
padding: 20px 0;
color: #939494;
text-align: right;
}
.widget-title {
font-size: 1.2em;
font-family: 'merriweather-bold';
}
.widget-table tr {
border-top: 1px solid #EBEBEB;
}
.widget-table tr:first-child {
border: none;
}
.widget-table tr:last-child td {
padding-bottom: 0;
}
/* -- BEGIN PROFILE -- */
.profile-photo img {
width: 100%;
height: auto;
display: block;
}
.profile-wrapper {
padding: 50px 0;
}
.profile-title {
color: #231F20;
margin-bottom: 5px;
font-family: 'merriweather-black';
}
.profile-subtitle {
color: #939494;
font-size: 1em;
}
.profile-column .icons-social {
position: static;
}
.profile-column .icons-social li {
display: inline-block;
}
.experience-block {
color: #6C6E6E;
position: relative;
padding: 0 0 40px 40px;
border-left: 1px solid #C8C8C8;
}
.experience-block p {
margin-top: 10px;
}
.experience-block li {
display: flex;
position: relative;
padding-left: 15px;
align-items: center;
}
.experience-block li::before {
left: 0;
width: 8px;
height: 8px;
content: "";
display: block;
position: absolute;
background-color: #005DAB;
}
.range-date {
top: 40px;
left: -55px;
padding: 0 20px;
font-size: .8em;
position: absolute;
border-radius: 50px;
background-color: #fff;
border: 1px solid #C8C8C8;
transform: rotate(-90deg);
}
.form-wrapper {
width: 100%;
color: #231F20;
display: inline-block;
background-color: #F8F9FB;
font-family: 'merriweather-regular';
}
.form-block {
background-color: #fff;
margin: 70px 0 30px !important;
border: 1px solid #D4D9E2;
}
.form-block .form-group {
margin-bottom: 0;
}
.form-field-block {
padding: 30px;
}
.form-input {
margin-bottom: 25px;
}
.form-label,
.custom-select,
.form-input .form-field {
font-size: .8em;
}
.form-input .form-field {
padding: 18px 15px;
}
.custom-select {
height: 39px;
}
.form-title-info {
font-size: 1.7em;
color: #005DAB;
font-family: 'merriweather-black';
}
.form-title-text {
color: #939494;
font-size: .8em;
}
.form-wrapper .notice-emphasis,
.form-wrapper .notice-emphasis .notice-subtitle {
margin: 0;
}
/* .form-input-field {
display: flex;
margin-bottom: 0;
align-items: center;
} */
.form-input-field label {
display: block;
color: #6C6E6E;
margin: 0 0 0 7px;
}
.form-input-box {
display: flex;
margin-top: 9px;
font-size: .8em;
margin-bottom: 0;
align-items: center;
}
.alert {
font-size: .8em;
}
.alert-primary {
color: #fff;
background-color: #59A0DB;
}
.alert-warning {
color: #231F20;
background-color: #FEE900;
}
.alert-success {
color: #fff;
background-color: #59DB59;
}
.alert-danger {
color: #fff;
background-color: #EF3125;
}
.alert .close {
opacity: 1;
color: #fff;
text-shadow: none;
}
.modal-content button {
top: -43px;
opacity: 1;
right: 0px;
padding: 10px 0;
text-shadow: none;
position: absolute;
color: rgb(255, 255, 255);
}
.modal-content button:hover {
color: #fff;
opacity: inherit;
}
.modal-content iframe {
width: 100%;
display: block;
}
.modal-default .modal-content{
background-color: transparent;
}
desde Santo Domingo