/*

Theme Name: EPS

Author: Andres J. Villar - Merit Designs

Author URI: https://meritdesigns.com  

Description: Theme Wordpress

Version: 1.0

*/

@font-face {

    font-family: 'Gotham';

    src: url('fonts/Gotham-Light.eot');

    src: url('fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),

        url('fonts/Gotham-Light.woff2') format('woff2'),

        url('fonts/Gotham-Light.woff') format('woff'),

        url('fonts/Gotham-Light.ttf') format('truetype'),

        url('fonts/Gotham-Light.svg#Gotham-Light') format('svg');

    font-weight: 300;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Gotham';

    src: url('fonts/Gotham-Book.eot');

    src: url('fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),

        url('fonts/Gotham-Book.woff2') format('woff2'),

        url('fonts/Gotham-Book.woff') format('woff'),

        url('fonts/Gotham-Book.ttf') format('truetype'),

        url('fonts/Gotham-Book.svg#Gotham-Book') format('svg');

    font-weight: 400;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Gotham';

    src: url('fonts/Gotham-Medium.eot');

    src: url('fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),

        url('fonts/Gotham-Medium.woff2') format('woff2'),

        url('fonts/Gotham-Medium.woff') format('woff'),

        url('fonts/Gotham-Medium.ttf') format('truetype'),

        url('fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Gotham';

    src: url('fonts/Gotham-Black.eot');

    src: url('fonts/Gotham-Black.eot?#iefix') format('embedded-opentype'),

        url('fonts/Gotham-Black.woff2') format('woff2'),

        url('fonts/Gotham-Black.woff') format('woff'),

        url('fonts/Gotham-Black.ttf') format('truetype'),

        url('fonts/Gotham-Black.svg#Gotham-Black') format('svg');

    font-weight: 800;

    font-style: normal;

    font-display: swap;

}

:root {

    --dark-blue: #00577d;

    --blue: #008aad;

    --yellow: #ffa409;

    --white: #ffffff;

    --green: #8cb537;

    --black: #333;

    --light-blue: #2fbfbc;

    --purple: #542583;

    --green: #76bd1d;

    --pink: #c211a2;

    --orange: #ff7230;

    --blue2: #186893; 







       

    --morado: #552684;

}

html, body{

    height: 100%;

}

body {

    font-family: 'Gotham', sans-serif;

    color: var(--dark-blue);

    font-size: 16px;

    font-weight: 500;

    line-height: 1.5em;

    background-color: #ffffff;

    background-image:url(images/bg.jpg);

    background-repeat:no-repeat;

    background-position:center center;

    background-size:cover;

    background-attachment: fixed;

    padding-top: 188px;

}

input, select, button {

    font-family: 'Gotham', sans-serif;

    font-weight:500;

}

.container, .container-fluid {

    width: 1260px;

    max-width: 100%;

    margin: 0 auto;

}

.clear, .clearfix {

    display: block;

    clear: both;

}

.height10 {

    height: 10px;

}

.height20 {

    height: 20px;

}

.height30 {

    height: 30px;

}

.height40 {

    height: 40px;

}

.height50 {

    height: 50px;

}

img {

    max-width: 100%;

    height: auto;

}

.transition, a, button {

    transition: all 0.2s ease-in-out;

    -webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

}

a {

    text-decoration: none;

    color: var(--blue);

}

a:hover, a:focus, a:active {

    text-decoration: none;

    color: var(--light-blue);

}

h1, h2, h3, h4, h5, h6 {

    font-weight:800;

    color:var(--dark-blue);

}

.blue {

    color:var(--blue);

}

.blue2 {

    color:var(--blue2);

}

.green {

    color:var(--green);

}

.active-blue {

    color:var(--active-blue);

}

.light-blue {

    color:var(--light-blue);

}

.dark-blue {

    color:var(--dark-blue);

}

.purple {

    color:var(--purple);

}

.yellow {

    color:var(--yellow);

}

.white {

    color:var(--white);

}

.black {

    color:var(--black);

}

.morado {

    color:var(--morado);

}

.pink {

    color:var(--pink);

}

.bg-blue {

    background: var(--blue);

}

.bg-green {

    background: var(--green);

}

.bg-active-blue {

    background:var(--active-blue);

}

.bg-light-blue {

    background:var(--light-blue);

}

.bg-dark-blue {

    background:var(--dark-blue);

}

.bg-purple {

    background:var(--purple);

}

.bg-yellow {

    background:var(--yellow);

}

.bg-white {

    background:var(--white);

}

.bg-black {

    background:var(--black);

}

.bg-morado {

    background:var(--morado);

}

.bg-light { 

    background:#e6eeee;

}





/**** HEADER ****/

header {

    position:fixed;

    top:0;

    left:0;

    width:100%;

    z-index:1000;

    background:#fff;

}

.top {

    font-size:15px;

    padding-top: 8px;

}

.top .social-top {

    display:inline-block;

}

.top .social-top img {

    width: 36px;

    margin-left:1px;

}

.top .search-top {

    display:inline-block;

    margin-left:5px;

}

.search {

    position:relative;

    width: 180px;

}

.search input {

    width:100%;

    border:2px solid var(--blue);

    border-radius: 8px;

    padding: 5px 60px 5px 12px;

    outline:none;

}

.search button {

    -webkit-appearance:none;

    appearance:none;

    border:none;

    outline:none;

    color:var(--dark-blue);

    font-size:18px;

    position:absolute;

    padding: 4px 9px;

    right:5px;

    top:2px;

    background:#fff;

    font-weight:400;

}

.top-menu {

    position:relative;

    padding-right: 80px;

}

.language-chooser {

    margin: 11px 0 0 0;

    padding: 15px;

    list-style-type: none;

    display:inline-block;

    position:absolute;

    right:0;

    top:0;

}

.language-chooser a {

    color: #fff;

    text-transform: none;

}

.language-chooser a img {

    display:none;

}

.language-chooser li.active {

    display:none;

}

.lang-en a {

    display:inline-block;

    width: 26px;

    height:16px;

    background: url(images/gb.png) no-repeat center center;

    background-size: 26px;

}

.lang-es a {

    display:inline-block;

    width: 26px;

    height:16px;

    background: url(images/es.png) no-repeat center center;

    background-size: 26px;

}

header .navbar-brand {

    padding: 3px 0px;

    min-height: none;

    height: auto !important;

    z-index: 9999 !important;

    margin-top:-40px;

}

header .navbar-brand img {

    height: 86px;

}

.navbar-default {

    background-color: transparent !important;

    border-color: none;

    border: none;

    margin-top: 8px;

    margin-bottom: 0;

    padding-top: 0;

}

.navbar-default .navbar-nav li a {

    color: var(--dark-blue);

    font-size: 16px;

    border: none;

    padding: 8px 15px;

    text-transform: none;

    font-weight: 500;

    font-family: 'Gotham', sans-serif;

}

.navbar-default .navbar-nav li.active a, .navbar-default .navbar-nav li a:hover,

.navbar-default .navbar-nav li a:focus {

    background:none !important;

    color: var(--blue);

    border:none;

}

.navbar-default .navbar-nav > .active > a, 

.navbar-default .navbar-nav > .active > a:focus, 

.navbar-default .navbar-nav > .active > a:hover {

    background:none !important;

    color: var(--blue);

    border:none;

}

.navbar-default .navbar-nav li.micuenta a {

    background:var(--blue) !important;

    color:#fff !important;

    border-radius: 22px;

    padding-left: 18px;

    padding-right:18px;

    display:inline-block;

    vertical-align:middle;

}

.dropdown-menu {

    min-width:300px;

}

.dropdown-menu > li > a {

  display: block;

  padding: 6px 20px;

  clear: both;

  font-weight: 500;

  color: #333;

  white-space: nowrap;

  color: var(--dark-blue);

}

.navbar-right {

    padding-top: 10px;

}

.top-menu-2 {

    margin-top: 10px;

    background:var(--dark-blue);

    color:#fff;

    padding-top: 10px;

    padding-bottom:10px;

}

.top-menu-2 .dropdown {

    display:inline-block;

}

.top-menu-2 .menu-item {

    display:inline-block;

    -webkit-appearance:none;

    appearance:none;

    border:none;

    outline:none;

    color:#fff;

    font-weight:500;

    background:transparent;

    margin-right:25px;

}

.top-menu-2 .menu-item img {

    width: 52px;

    margin-right:5px;

}

.top-menu-2 .socio {

    background: var(--yellow);

    color:#fff !important;

    text-transform:uppercase;

    font-weight:700;

    display:inline-block;

    border-radius:22px;

    padding: 8px 20px;

    float:right;

    margin-top: 7px;

}

h1 {

    font-size:46px;

    margin-bottom: 30px;

}

h2 {

    font-size:38px;

    margin-bottom: 30px;

}

h3 {

    font-size:30px;

    margin-bottom: 30px;

    line-height:1.4em;

}

h4 {

    font-size: 20px;

    margin-bottom: 20px;

    line-height:1.4em;

}

#video-background {

    position: relative;

    width: 100%;

    height: 100%;

    overflow: hidden;

}

#video-background video {

    min-width: 100%;

    min-height: 100%;

    width: auto;

    height: auto;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}

#video-background .contenido {

    -webkit-display:flex;

    display:flex;

    align-items:center;

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:100%;

    z-index:1;

    background:rgba(0,0,0,0.5);

    font-size:20px;

    font-weight:500;

}

#video-background .contenido h1 {

    color:#fff;

}

#video-background .contenido .contenido-text {

    display:block;

    width: 1100px;

    max-width:94%;

    margin-left:auto;

    margin-right:auto;

    color:#fff;

    text-align:center;

}

.boton-amarillo {

    display:inline-block;

    background:var(--yellow);

    color:#fff !important;

    font-weight:700;

    text-transform:uppercase;

    padding: 12px 24px;

    border-radius:22px;

}

.boton-naranja {

    display:inline-block;

    background:var(--orange);

    color:#fff !important;

    font-weight:700;

    text-transform:uppercase;

    padding: 12px 24px;

    border-radius:22px;

}

.boton-verde {

    display:inline-block;

    background:var(--green);

    color:#fff !important;

    font-weight:700;

    text-transform:uppercase;

    padding: 12px 24px;

    border-radius:22px;

}

.boton-azul, .eps-alt-button {

    display:inline-block;

    background:var(--light-blue);

    color:#fff !important;

    font-weight:700;

    text-transform:uppercase;

    padding: 12px 24px;

    border-radius:22px;

}

button.boton-azul, .eps-alt-button {

    padding-left: 70px;

    padding-right:70px;

    border:none;

    outline:none;

}

.boton-azul-oscuro {

    display:inline-block;

    background:var(--dark-blue);

    color:#fff !important;

    font-weight:700;

    text-transform:uppercase;

    padding: 12px 24px;

    border-radius:22px;

}

.boton-verde {

    display:inline-block;

    background:var(--green);

    color:#fff !important;

    font-weight:700;

    text-transform:uppercase;

    padding: 12px 24px;

    border-radius:22px;

}

.boton-rosa, .boton-pink {

    display:inline-block;

    background:var(--pink);

    color:#fff !important;

    font-weight:700;

    text-transform:uppercase;

    padding: 12px 24px;

    border-radius:22px;

}

.contadores {

    position:absolute;

    bottom:0;

    left:0;

    width:100%;

    background:rgba(255,255,255,0.9);

    font-weight:800;

    font-size:20px;

    text-align:center;

    z-index:100;

}

.contadores .col-sm-3 {

    padding-top:15px;

    padding-bottom:15px;

}

.contadores .col-sm-3.border {

    border-right:1px solid #fff;

}

.rastrear-paquete {

    position:relative;

    width: 500px;

    max-width:100%;

    margin-left:auto;

    margin-right:auto;

}

.rastrear-paquete input {

    border:1px solid var(--dark-blue);

    height: 48px;

    padding: 10px 90px 10px 10px;

    border-radius:6px;

    width:100%;

    font-style:italic;

}

.rastrear-paquete button {

    background:var(--dark-blue);

    color:#fff;

    position:absolute;

    right:8px;

    top:8px;

    height:34px;

    padding: 4px 14px;

    font-weight:800;

    border:none;

    outline:none;

    border-radius:14px;

    text-transform:uppercase;

}

.rua {  

    border:1px solid var(--dark-blue);

    border-radius:6px;

    width: 500px;

    max-width:100%;

    margin-left:auto;

    margin-right:auto;

    text-align:center;

}

.rua .boton-verde {

    padding-top:4px;

    padding-bottom:4px;

    padding-left: 14px;

    padding-right:14px;

    border-radius: 14px;

}

.rua img {

    width: 100px;

    margin-right:12px;

}

.imgcarousel, .imgcarousel-mobile {

    width: 100%;

}

.imgcarousel-mobile {

    display: none !important;

}

.carousel-control {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  width: 8%;

  font-size: 44px;

  color: #fff;

  text-align: center;

  text-shadow: none;

  opacity: 1;

  background: none !important;

  -webkit-display: flex;

  display: flex;

  align-items: center;

  justify-content: center;

}

.carousel-indicators {

    background: #e7efef;

    display:inline-block;

    width:auto;

    padding-left: 10px;

    padding-right:10px;

    padding-top:2px;

    padding-bottom:2px;

    border-radius:12px;

    margin-left:auto;

    margin-right:auto;

    left:inherit;

    right: 30px;

    bottom:10px;

}

.carousel-indicators li {

    width: 12px !important;

    height:12px !important;

    margin:0 1px !important;

    border:1px solid #fff;

    background:#fff;

}

.carousel-indicators li.active {

    width: 12px !important;

    height:12px !important;

    margin:0 1px !important;

    border:1px solid var(--blue);

    background:var(--blue);

}

.servicio-home {

    border:2px solid var(--dark-blue);

    padding-top: 15px;

    padding-right:12px;

    padding-bottom:30px;

    padding-left: 111px;

    position:relative;

    border-radius: 20px;

    margin-bottom:50px;

    font-size:15px;

    min-height:180px;

}

.servicio-home img {

    width: 106px;

    position:absolute;

    left:5px;

    top:5px;

}

.servicio-home p {

    font-weight:bold;

    text-transform:uppercase;

}

.servicio-home div {

    position:absolute;

    left:0;

    bottom:0;

    text-align:center;

    width:100%;

}

.servicio-home div a {

    background:#c211a2;

    color:#fff !important;

    font-weight:bold;

    text-transform:uppercase;

    padding:4px 18px;

    border-radius:22px;

    display:inline-block;

    position:relative;

    top:15px;

}

.porque-home {

    background:#e7efef;

    padding-top: 50px;

}

.porque-home p {

    position:relative;

    padding-left: 30px;

    color:var(--dark-blue);

    margin-bottom:16px;

}

.porque-home p::after {

    content:'';

    width:20px;

    height:20px;

    border-radius:50%;

    background:#2fbfbc;

    position:absolute;

    left:0;

    top: 1px;

}

.testimonios-home {

    background: url(images/testimoniosbg.jpg) no-repeat center center;

    background-size:cover;

    padding-top:50px;

}

.testimonios-home .col-sm-5 {

    padding-top: 100px;

}

.owl1 .owl-nav {

    display:none !important;

}

.owl1 .owl-dots {

    display:block !important;

    text-align:center;

    margin-top:10px;

}

.owl1 .owl-dots .owl-dot {

    display: inline-block;

    background:#fff !important;

    width: 14px !important;

    height:14px !important;

    border-radius:50%;

    margin:0 3px;

}

.owl1 .owl-dots .owl-dot.active {

    display: inline-block;

    background:#2fbfbc !important;

    width: 14px !important;

    height:14px !important;

    border-radius:50%;

}

h1.unete {

    color:#ffa409;

    font-style:italic;

}

h1.unete span {

    font-size: 0.8em;

    color:var(--dark-blue);

}

.unirme-btn img {

    width: 500px;

    max-width: 92%;

}

.cambio-direccion img {

    width:100%;

}

.cta-home {

    background:#e7efef;

    border-radius: 18px;

    padding-top: 10px;

    padding-bottom: 10px;

    padding-right:15px;

    padding-left: 240px;

    position:relative;

    color:var(--blue);

    min-height: 190px;

}

.cta-home h4 {

    margin-bottom: 10px;

}

.cta-home img {

    position:absolute;

    left: -3px;

    top:-10px;

    width: 220px;

}

.cta-home .boton-azul {

    padding-top: 7px;

    padding-bottom:9px;

}

.enterate-home {

    background:#e7efef;

    color:var(--blue);

    padding-top:50px;

}

.enterate-home .col-sm-5 img {

    width:200px;

    max-width:80%;

}

.enterate-home h3 {

    margin-bottom:10px;

}

.img-blog-home {

    display:block;

    width:100%;

    height:200px;

    position:relative;

}

.img-blog-home .bg-morado {

    position:absolute;

    left:0;

    bottom:0;

    width:100%;

    text-transform:uppercase;

    font-weight:bold;

    padding: 10px 15px;

    color:#fff;

    font-size:15px;

}

.owl2 .owl-nav {

    display:none !important;

}

.owl2 .owl-dots {

    display:block !important;

    text-align:center;

    margin-top:10px;

}

.owl2 .owl-dots .owl-dot {

    display: inline-block;

    background:#fff !important;

    width: 14px !important;

    height:14px !important;

    border-radius:50%;

    border:1px solid #2fbfbc !important;

    margin:0 3px;

}

.owl2 .owl-dots .owl-dot.active {

    display: inline-block;

    background:#2fbfbc !important;

    width: 14px !important;

    height:14px !important;

    border-radius:50%;

    border:1px solid #2fbfbc !important;

}

.slogan-home {

    font-size:20px;

    color:var(--dark-blue);

}

footer {

    background:#008aad;

    color:#fff;

    padding-top: 40px;

    padding-bottom:40px;

}

footer a, footer a:hover, footer a:focus {

    color:#fff;

}

footer h4 {

    color:#fff;

    font-size:18px;

    margin-bottom: 10px;

}

footer .col-sm-3 a {

    display:block;

}

.footer-cierre {

    margin-top:-30px;

}

.content-footer-cierre {

    float:right;

    background:#fff;

    -webkit-border-top-left-radius: 20px;

    -webkit-border-bottom-left-radius: 20px;

    -moz-border-radius-topleft: 20px;

    -moz-border-radius-bottomleft: 20px;

    border-top-left-radius: 20px;

    border-bottom-left-radius: 20px;

    padding: 15px;

    width: 650px;

}

.footer-cierre .apps {

    color: #008aad;

    display:inline-block;

    margin-right: 30px;

}

.footer-cierre .apps img {

    width: 130px;

}

.footer-cierre .redes {

    padding-top: 5px;

    display:inline-block;

    color: #008aad;

    font-size: 18px;

    font-weight:500;

}

.footer-cierre .redes img {

    width: 34px;

}

.logo-responsive {

    display:none;

}

.top-bar {

    display:none;

}

.top-menu-2 .micuenta {

    display:none;

}

.sidenav {

    height: 100%; 

    width: 0; 

    position: fixed; 

    z-index: 9999; 

    top: 0; 

    left: 0;

    overflow-x: hidden; 

    transition: 0.5s; 

    background:#fff;

}

#video-background .icono-header {

    position: absolute;

    bottom: 30px;

    left:0;

    width:100%;

    z-index: 100;

}

#video-background .icono-header img {

    width: 100px;

}

@media(min-width:991px) {

    #video-background .icono-header img {

        width: 130px;

    }

}

.consultanacionales {  

    border:1px solid var(--dark-blue);

    border-radius:6px;

    width: 580px;

    max-width:100%;

    margin-left:auto;

    margin-right:auto;

    text-align:center;

    padding: 10px;

}

.consultanacionales h4 {

    display:inline-block;

    margin-right: 12px;

    margin-bottom:0;

    margin-top:0;

}

.beneficio {

    color:var(--dark-blue);

    position:relative;

    padding-left: 90px;

    padding-top:15px;

    min-height: 80px;

    margin-bottom: 20px;

}

.beneficio img {

    width:72px;

    position:absolute;

    left:0;

    top:0;

}

.como-nacionales {

    background:#e6eeee;

    border-radius: 20px;

    padding: 30px;

    position:relative;

    padding-right: 390px;

}

.como-nacionales p {

  position: relative;

  padding-left: 30px;

  color: var(--dark-blue);

  margin-bottom: 18px;

}

.como-nacionales p::after {

    content:'';

    width:20px;

    height:20px;

    border-radius:50%;

    background:#2fbfbc;

    position:absolute;

    left:0;

    top: 1px;

}

.como-nacionales img {

    position:absolute;

    top:-25px;

    right: -15px;

    width: 370px;

}

.banner-responsive {

    display:none;

}

.banner-responsive img, .banner-desktop img {

    width:100%;

}

.contadores2 {

    display:none;

}

.tipoenvio {

    text-align:center;

    border-radius: 22px;

    overflow:hidden;

    width: 500px;

    max-width: 100%;

    margin-left:auto;

    margin-right:auto;

    margin-bottom:30px;

    background:var(--dark-blue);

}

.tipoenvio h3 {

    background:var(--dark-blue);

    color:#fff;

    margin:0;

    padding: 15px;

}

.contenido-tipoenvio {

    background:#fff;

    color:var(--dark-blue);

    padding: 15px 30px;

}

.direccion-eps {

    border:1px solid var(--dark-blue);

    padding: 15px;

    border-radius: 12px;

    background:#fff;

}

.direccion-eps .col-sm-6.borde {

    border-left: 1px solid #f0f0f0;

}

.direccion-eps .col-sm-6.borde p {

    color:var(--dark-blue);

    margin:0;

}

.pasoregistro1 {

    background:#e5eded;

    position:relative;

    border-radius:22px;

    padding-top:15px;

    padding-left: 30px;

    padding-bottom: 15px;

    color:var(--dark-blue);

    padding-right: 600px;

} 

.pasoregistro1 .imgpaso {

    position:absolute;

    right: -10px;

    top:-65px;

    width: 580px;

}

.pasoregistro1 img.pack {

    height: 40px;

}

.pasoregistro1 h3 {

    margin-bottom:10px;

}

.pasoregistro2 {

    background:#e5eded;

    position:relative;

    border-radius:22px;

    padding-top:15px;

    padding-left: 600px;

    padding-bottom: 15px;

    color:var(--dark-blue);

    padding-right: 30px;

} 

.pasoregistro2 .imgpaso {

    position:absolute;

    left: -10px;

    top:-65px;

    width: 580px;

}

.fotomaritima {

    margin-top: 80px;

    background:#e5eded;

    position:relative;

    border-radius:22px;

    padding-top: 50px;

    padding-left: 500px;

    padding-bottom: 55px;

    color:var(--dark-blue);

    padding-right: 30px;

    min-height:320px;

    margin-bottom: 100px;

} 

.fotomaritima .imgpaso {

    position:absolute;

    left: 0;

    top:-65px;

    width: 480px;

}

.pasoregistro2 img.pack {

    height: 40px;

}

.pasoregistro2 h3 {

    margin-bottom:10px;

}

.pasoregistro .boton-rosa, .pasoregistro2 .boton-rosa, .beneficio .boton-pink {

    padding-top: 8px;

    padding-bottom:8px;

}

.pasoregistro3 {

    text-align:center;

    background:#e5eded;

    padding: 30px;

    color:var(--dark-blue);

}

.pasoregistro3 h3 {

    margin-bottom:10px;

}

.pasoregistro3 h3.inline {

    display:inline-block;

    margin-right: 5px;

}

.pasoregistro3 .btn-app {

    width: 150px;

}

.como-restringidos {

    background:#e6eeee;

    border-radius: 20px;

    padding: 30px;

    position:relative;

    padding-left: 390px;

    color:var(--dark-blue);

}

.como-restringidos h2 {

    margin-bottom: 10px;

}

.como-restringidos img {

    position:absolute;

    top:-15px;

    left: -15px;

    width: 320px;

}

.eshopping-banner {

    padding-top: 50px;

    padding-bottom:50px;

    text-align:center;

}

.eshopping-banner h2 {

    color:#fff;

}

a.big, button.big {

    font-size: 22px;

}

/** NOSOTROS ***/

.top-hero {

    padding-top: 200px;

    padding-bottom: 100px;

}

.top-hero .contenidos {

    background: #fff;

    position: relative;

}

.title-logo img {

    width: 104px;

    position: relative;

    top: -4px;

}

.relative {

    position: relative;

}

.mision {

    border:1px solid var(--dark-blue);

    color:var(--dark-blue);

    border-radius:20px;

    padding:30px;

    -webkit-display:flex;

    display:flex;

    align-items:center;

    justify-content:center;

    width:100%;

    height: 240px;

}

.mision .block {

    display:block;

    text-align:center;

}

.mision h3 {

    margin-bottom:10px;

}

.valores {

    border:1px solid var(--dark-blue);

    color:var(--dark-blue);

    border-radius:20px;

    padding:30px;

}

.valores h3 {

    margin-bottom: 20px;

}

.valores span {

    display:inline-block;

    margin: 10px 20px;

}

.valores span img {

    width: 70px;

    margin-right: 5px;

}

.video-responsive {

    position: relative;

    padding-bottom: 56.25%; /* 16/9 ratio */

    padding-top: 30px; /* IE6 workaround*/

    height: 0;

    overflow: hidden;

}

.video-responsive iframe,

.video-responsive object,

.video-responsive embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.trayectoria {

    background: url(images/trayectoria.png) no-repeat center center;

    background-size: cover;

}

.carousel-home {

    position:relative;

}

.carousel-home .owl-nav {

    display: block !important;

}

.carousel-home .owl-nav button span {

    display: none;

}

.carousel-home .owl-nav button.owl-next {

    background: url(images/next.png) no-repeat center center;

    background-size: cover;

    width: 40px;

    height: 40px;

    position: absolute;

    top: 45%;

    right: 20px;

}

.carousel-home .owl-nav button.owl-prev {

    background: url(images/prev.png) no-repeat center center;

    background-size: cover;

    width: 40px;

    height: 40px;

    position: absolute;

    top:45%;

    left: 20px;

}

/*

.carousel-home .owl-dots .owl-dot, .carousel-home .owl-dots .owl-dot {

  font-size: 0;

  line-height: 0;

  width: 16px;

  height: 16px;

  border-radius: 50%;

  margin: 0 3px !important;

  cursor: pointer;

  color: transparent;

  border: 0;

  outline: none;

  background: #fff;

  vertical-align:middle;

}

*/

.carousel-home .owl-dots {

    display: none !important;

    /**

    position:absolute;

    background: #e7efef;

    display: inline-block;

    width: auto;

    padding-left: 10px;

    padding-right: 10px;

    padding-top: 2px;

    padding-bottom: 4px;

    border-radius: 12px;

    margin-left: auto;

    margin-right: auto;

    left: inherit;

    right: 15px;

    bottom: 10px;

    vertical-align:middle;

    **/

}

.carousel-home .owl-dots .owl-dot.active, .carousel-home .owl-dots .owl-dot.active {

  background: var(--blue);

}

.owl3 img {

    display: block;

    width: 180px !important;

    margin-left: auto;

    margin-right: auto;

}

.owl3 .owl-nav, .owl4 .owl-nav {

    display: none !important;

}

.owl3 .owl-dots, .owl4 .owl-dots {

    display: block !important;

    text-align: center;

    margin: 40px auto;

}

.owl3 .owl-dots .owl-dot, .owl4 .owl-dots .owl-dot {

  font-size: 0;

  line-height: 0;

  width: 18px;

  height: 18px;

  border-radius: 50%;

  margin: 5px;

  cursor: pointer;

  color: transparent;

  border: 0;

  outline: none;

  background: #97cfd6;

}

.owl3 .owl-dots .owl-dot.active, .owl4 .owl-dots .owl-dot.active {

  background: #33a2b7;

}

.top-hero {

    position: relative;

}

.top-hero .decopack {

    position: absolute;

    width: 560px;

    bottom: 0;

    left: -100px;

}

.deco-3 {

    position: absolute;

    left: -180px;

    top: 30px;

    width: 460px;

}

.deco-4 {

    position: absolute;

    right: -180px;

    bottom: 10px;

    width: 460px;

}

.top-hero.con-deco-nuevo .decopack {

    position: absolute;

    width: 360px;

    bottom: 0;

    left: -100px;

}

.cabsucursales .contenidos {

    padding-top: 40px;

    padding-bottom: 40px;

}

.show767 {

    display: none;

}

.top-hero .contenidos, .top-hero .container-fluid {

    position: relative;

    z-index: 1;

}

.template-gradient::after {

    position: absolute;

    content: " ";

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 0;

    background: linear-gradient(0deg, rgba(24, 104, 146, 1) 0%, rgba(18, 93, 128, 1) 00%, rgba(0, 212, 255, 0) 100%);

}

.template-gradient2::after {

    position: absolute;

    content: " ";

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 0;

    background: linear-gradient(180deg, rgba(24, 104, 146, 0.6) 0%, rgba(18, 93, 128, 0.6) 00%, rgba(0, 212, 255, 0) 100%);

}

.titulo-responsive {

    color: #fff;

    text-align: left;

    position: relative;

    z-index: 1;

    padding-top: 30px;

    padding-bottom: 50px;

    margin-top: -80px;

    margin-bottom: 80px;

}

.titulo-responsive h2 {

    color: #fff;

    text-align: center;

    margin: 0;

    padding: 0;

}

.titulo-responsive img {

    width: 110px;

    position: relative;

    top: -5px;

}

.logoservicio {

    display: none;

}

/* Mapa */

.buscador-map {

    position: absolute;

    z-index: 101;

    width: 100%;

    max-width: 400px;

    background: #fff;

    border-radius: 6px;

    padding: 10px;

    right: 0;

    margin: 20px auto;

    left: 0;

}

.buscarod-map .control {

    position: relative;

}

.buscador-map .input {

    width: 100%;

    border: 1px solid #f0f0f0 !important;

    padding-left: 40px;

}

.buscador-map .icon-left {

    position: absolute;

    left: 20px;

    top: 20px;

    color: #186893;

    font-size: 18px;

}

.buscador-map .icon-right {

    position: absolute;

    right: 20px;

    top: 20px;

    color: #ccc;

    font-size: 20px;

}

#search-boxes .control {

  border-radius: 6px;

  background: #008ca8;

  color: #fff;

  text-align: center;

  position: relative;

  padding: 13px 15px;

  margin-bottom: 8px;

  transition: all .2s;

  font-weight: 600;

}

#search-boxes .control:hover {

  background: #32bfbb;

  cursor: pointer;

}

#search-boxes .control .icon {

    position: absolute;

    left: 20px;

    top: 10px;

}

#map {

    width: 100%;

    height: 80vh;

    position: relative;

    z-index: 100;

}

.map-infobox {

  position: absolute;

  bottom: 20%;

  z-index: 101;

  width: 100%;

  max-width: 400px;

  background: #fff;

  border-radius: 13px;

  padding: 20px 10px;

  right: 0;

  margin: 0;

}

.map-infobox .map-info {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

}

.map-infobox .map-info .info-icon {

  width: 50px !important;

  display: inline-block;

  margin: 5px 20px !important;

  text-align: center !important;

}

.map-infobox .map-info .info-icon img {

    width: 100%;

    margin: 0 auto;

}

.map-infobox .map-info .info-text {

  width: 80%;

  display: inline-block;

  color: #888;

  font-size: 14px;

  margin-left: 15px;

  font-weight: bold;

  line-height: 22px;

}

.map-infobox .map-info .info-text .title {

  font-size: 22px;

  color: #186892;

  margin-bottom: 12px;

  padding-right: 30px;

}

.map-infobox {

    display: none;

}

.map-infobox .close-box {

    font-size: 24px;

    color: #186892;

    margin: 10px;

    cursor: pointer;

    position: absolute;

    right: 10px;

    top: 0;

}

.is-hidden {

    display: none !important;

}

.panel-body .map-infobox {

  position: relative;

  bottom: inherit;

  z-index: inherit;

  width: 50%;

  max-width: 50%;

  background: #fff;

  right: inherit;

  float: left;

}

.panel-heading .accordion-toggle {

    position: relative;

    display: block;

    padding-right: 40px !important;

}

.panel-heading .accordion-toggle:after {

    font-family: "FontAwesome"; 

    content: "\f106"; 

    color: #fff; 

    font-size: 22px;

    position: absolute;

    right: 0;

    top: 0px;

}

.panel-heading .accordion-toggle.collapsed:after {

    content: "\f107"; 

    font-size: 22px;

    position: absolute;

    right: 0;

    top: 0px;

}

.panel-heading .accordion-toggle {

  position: relative;

  display: block;

  padding-right: 40px !important;

  color: #fff !important;

  font-size: 19px;

}

.panel-group .panel {

  margin-bottom: 22px;

  border-radius: 8px;

}

.panel-default, .panel {

    background: transparent;

    border: none;

}

.panel-heading {

    padding-top: 15px;

    padding-bottom: 15px;

}

.panel-heading, .panel-default, .panel {

    border-radius: 8px;

}

.panel-heading.color1 {

    background: #003b49;

}

.panel-heading.color2 {

    background: #186892;

}

.panel-heading.color3 {

    background: #008ca8;

}

.panel-body {

  padding: 15px;

  background: #fff;

  border-radius: 8px;

}

.petfriendly h1 {

    color:#2fbfbc;

    font-style:italic;

    font-weight:800;

    margin-bottom:10px;

}

.petfriendly span {

    font-size: 60px;

}

.petfriendly h3 {

    color:#008aad;

    margin-top:0;

}

.field.is-grouped {

  display: flex;

  justify-content: flex-start;

}

.field.is-grouped > .control.is-expanded {

  flex-grow: 1;

  flex-shrink: 1;

}

.field.is-grouped > .control:not(:last-child) {

  margin-bottom: 0;

  margin-right: .75rem;

}

.field-body {

  margin: 0 -8px;

}

.field-body .field {

    padding: 8px;

    width: 50%;

    float: left;  

}

.input, .textarea, .select {

  box-shadow: inset 0 .0625em .125em rgba(10,10,10,.05);

  max-width: 100%;

  width: 100%;

  border: 1px solid #ddd;

  background: #fff;

  padding: 10px 15px;

  margin-bottom: 6px;

  border-radius: 4px;

  font-weight: 600;

  font-size: 15px;

  color: #333;

}

.input, .select {

  height: 44px;

}

#archivo {

  height: 0.1px;

  width: 0.1px;

  opacity: 0;

}

.caja {

    border:2px solid var(--blue);

    padding:20px 30px 0 30px;

    border-radius:20px;

}

.visitanos {

    position:relative;

    padding-left: 170px;

}

.visitanos img {

    position:absolute;

    left:0;

    top:0;

    width: 160px;

}

.redes-inline img {

    width: 44px;

    margin-left:5px;

    position:relative;

    top:-5px;

}

.mision .btn-app {

    width: 140px;

}

.mision {

    margin-bottom: 30px;

}

.beneficio h4 {

    text-transform:uppercase;

    color:var(--blue);

    margin-bottom:10px;

    margin-top:0;

}

.beneficio span.strong {

    font-weight:800;

    text-transform:uppercase;

    display:block;

    margin-bottom:15px;

}

@media(min-width:991px) {

    .beneficio.servicios {

        padding-left: 130px;

    }

    .beneficio.servicios img {

        width: 110px;

    }

}

.cajadireccion {

    background:#e6eeee;

    border-radius: 24px;

    margin-bottom:30px;

}

.cajadireccion div {

    padding: 15px;

    color:var(--dark-blue);

}

.cajadireccion h4 {

    font-size: 18px;

    line-height: 24px;

    text-align:center;

    min-height: 50px;

    margin-bottom:0;

}

.top-comentarios {

    padding-top: 90px;

    padding-bottom:60px;

    background-color:#2fbfbc;

    color:#fff;

    text-align:center;

    position:relative;

}

.top-comentarios .gpz1 {

    position:absolute;

    left:0;

    top:0;

    width:200px;

}

.top-comentarios .gpz2 {

    position:absolute;

    right:0;

    bottom:0;

    width:160px;

}

.formtestimonios input {

    width:100%;

    border:1px solid var(--dark-blue);

    margin-bottom:20px;

    border-radius:12px;

    padding: 14px;

}

.formtestimonios textarea {

    width:100%;

    border:1px solid var(--dark-blue);

    margin-bottom:20px;

    border-radius:12px;

    padding: 14px;

    height: 100px;

}

#star1a, #star2a, #star3a, #star4a, #star5a {

    display:none;

}

.stars {

    white-space:nowrap;

    margin-bottom: 20px;

}

.stars button {

    -webkit-appearance:none;

    appearance:none;

    border:none;

    outline:none;

    font-size: 30px;

    margin-right:1px;

    color:#999;

    background:transparent;

}

.fa-star {

    color:#f9e84e !important;

}

.alert {

    margin-bottom: 30px;

}

.share .share-icons {

    display:none;

}

.share-icons span, .share-icons a {

  color: #fff;

}

.share-icons .facebook, .share-icons .twitter, .share-icons .pinterest,  .share-icons .email, 

.share-icons .whatsapp, .share-icons .comments {

  display: inline-block;

  width: 48px;

  height: 48px;

  display: inline-block;

  border-radius: 50%;

  margin-left: 1px;

  text-align: center;

  line-height: 46px;

  font-size: 18px;

  cursor: pointer;

}

.share-icons .facebook {

  background: #365396;

}

.share-icons .twitter {

  background: #00a8f0;

}

.share-icons .pinterest {

  background: #cc1919;

}

.share-icons .email {

  background: #f1bb06;

}

.share-icons .comments {

  background: #ea5338;

}

.share-icons .whatsapp {

  background: #5cbe4b;

}

@media(min-width: 767px) {

  .share-icons {

    text-align: right;

  }

}

.tabs-empleo {

    text-align: center;

}

.tabs-empleo a {

  display: inline-block;

  border-radius: 6px;

  color: #fff;

  font-weight: 600;

  padding: 10px;

  background: #cccccc;

  width: 200px;

  margin-bottom: 5px;

}

.tabs-empleo a.active {

    background: var(--blue);

}

.vacantes .eps-button {

    min-width: 200px;

}

.vacantes .panel-body {

    border: none;

    padding-top: 30px;

    background: transparent !important;

}

.box-beneficios {

    background: #0191a9;

    color: #fff;

    padding: 25px 30px;

}

.box-beneficios h4 {

    color: #fff;

}

@media(min-width: 991px) {

    .box-beneficios ul li {

        float: left;

        width: 50%;

        padding-right: 30px;

    }

}

.single-vacantes ul {

    margin-left: 0;

    padding-left: 15px;

}

.alert.alert-info {

    border: 1px solid #32bfbb;

    color: var(--blue);

}

div.wpcf7 input[type="file"] {

  cursor: pointer;

}

input[type="file"] {

  display: block;

}

.empleo-desc {

  color: #939699;

  margin: 20px auto;

  font-weight: bold;

}

.textarea {

  display: block;

  max-width: 100%;

  min-width: 100%;

  height: 200px;

  resize: vertical;

}

.checkbox input[type="checkbox"], 

.checkbox-inline input[type="checkbox"], 

.radio input[type="radio"], 

.radio-inline input[type="radio"] {

  position: relative;

  margin-top: 0;

  margin-left: 0;

}

input.wpcf7-submit {

    border: none;

    padding: 15px 60px;

}

img.decoempleo {

    position: absolute;

    bottom: 80px;

    right: 0;

    width: 40%;

}

.tiendaonline {

    display: inline-block;

    margin: 6px;

    text-align: center;

    width: 205px;

}



.introretornos {

    font-weight: 500;

    padding-right: 15%;

}

.logoservicioretornos {

  position: absolute;

  left: 176px;

  top: -82px;

  width: 300px;

}

.conoceretornos {

    padding-top: 30px;

    padding-bottom: 30px;

    background: #393872;

}

.paso-retornos {

  background: #fff;

  padding: 30px 60px;

  text-align: center;

  border-radius: 20px;

  color: #34658e;

  font-weight: 600;

  margin-bottom: 40px;

  border:2px solid var(--dark-blue);

}

.paso-retornos ul {

    text-align: left;

    margin-top: 20px;

}

.paso-retornos ul li {

    margin-bottom: 6px;

}

.paso-retornos .numero {

  display: inline-block;

  width: 60px;

  height: 60px;

  border-radius: 50%;

  color: #fff;

  font-weight: 900;

  background: #f5a738;

  margin-bottom: 0px;

  font-size: 40px;

  line-height: 58px;

  margin-top: -20px;

  position: relative;

  top: -32px;

}

.fotoretornos {

    max-width: 90%;

}

.bgpromociones {

    background:#e5eded;

}

.promowhite {

    background:#fff;

    border-radius:12px;

}

@media(min-width:1100px) {

    .promouno {

        padding-top: 80px;

    }

}

@media(max-width:1100px) {

    .fotoretornos {

        display:none;

    }

    .fotomaritima {

        margin-top: 0;

        background: #fff;

        position: relative;

        border-radius: 22px;

        padding-top: 50px;

        padding-left: 0;

        padding-bottom: 0;

        color: var(--dark-blue);

        padding-right: 30px;

        min-height: auto;

        margin-bottom: 0;

    }

    .fotomaritima .imgpaso {

        position:relative;

        left: inherit;

        top: inherit;

        width: 480px;

        max-width:100%;

        margin-bottom: 30px;

    }



}

.bgnino {

    padding-top: 60px;

    padding-bottom: 50px;

    background-color: #fff;

    background-image: url(images/nino.png);

    background-position: top right;

    background-size: 400px;

    background-repeat: no-repeat;

}

.bgnino .col-sm-12 {

    padding-right: 25%;

}

.bgnino ul li {

    margin-bottom: 10px;

}

.pagebuscar {

    position: relative;

    width: 600px;

    max-width:100%;

}

.pagebuscar .input-search {

  border-radius: 10px;

  background: #EFEFF0;

  outline: none;

  width: 100%;

  font-size: 17px;

  border: 1px solid #e0e0e0;

  padding: 12px 60px 12px 20px;

  height: 48px;

}

.pagebuscar button {

    height: 46px;

    background: #008CA8;

    color: #fff;

    font-size: 19px;

    position: absolute;

    right: 1px;

    top: 1px;

    border: none;

    -webkit-border-top-right-radius: 10px;

    -webkit-border-bottom-right-radius: 10px;

    -moz-border-radius-topright: 10px;

    -moz-border-radius-bottomright: 10px;

    border-top-right-radius: 10px;

    border-bottom-right-radius: 10px;

    padding-left: 24px;

    padding-right: 24px;

}

.searchresult {

    color: var(--dark-blue);

    text-transform: uppercase;

    font-weight: 700;

    font-size: 18px;

    display: block;

    border-bottom: 2px solid #f0f0f0;

    padding: 20px 6px;

}

.searchresult .fa {

    color: #C017A2;

    margin-left: 15px;

    font-size: 20px;

}

.cabecera-blog {

    background: url(images/cabblog.jpg) no-repeat center center;

    background-size: cover;

    padding-top: 40px;

}

.cabecera-blog .imgpaquete {

  position: absolute;

  top: 0;

  width: 219px;

  left: 30%;

}

.cabecera-blog .hazte-socio {

    margin-top: 60px;

    text-align: right;

}

.newblog {

    background: url(images/bgblog2.jpg) no-repeat center center;

    background-size: cover;

    color: #fff;

}

.newblog a {

    color: #fff !important;

}

.noticia {

  width: 500px;

  max-width: 100%;

  margin-left: auto;

  margin-right: auto;

  margin-bottom: 50px;

}

.img-noticia {

    display: block;

    width: 100%;

    height: 300px;

    margin-bottom: 12px;

}

.content-noticia {

    text-align: center;

}

.content-noticia h4 a {

    font-size: 22px;

    color: #fff !important;

    text-transform: uppercase;

}

.content-noticia a.boton-noticia {

    background: #0191A9;

    color: #fff !important;

    border-radius: 6px;

    display: inline-block;

    padding: 12px 50px;

    font-weight: 600;

    transition: all .2s;

}

.content-noticia a.boton-noticia:hover {

    background: #fff;

    color: #0191A9 !important;

}

.paginacion {

    margin-bottom: 50px;

}

.paginacion a {

  display: inline-block;

  background: #0191A9;

  color: #fff !important;

  width: 30px;

  height: 30px;

  border-radius: 4px;

  text-align: center;

  margin: 4px;

  font-weight: 600;

  line-height: 28px;

}

.paginacion a.selected {

    background: #fff;

    color: #0191A9 !important;

}

.uppercase {

    text-transform: uppercase;

}

.socialicon-alt {

    margin-top: 14px;

    background: #186892;

    color: #fff !important;

    font-size: 18px;

    display: inline-block;

    margin-bottom: 8px;

    margin-left: 10px;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    line-height: 40px;

    text-align: center;

}

.tarifablock {

    font-size: 17px;

}

.tarifa1, .tarifa2, .tarifa3, .tarifa4 {

    border-radius: 10px;

    font-size: 23px;

    font-weight: bold;

    padding: 20px;

} 

.desde {

    font-size: 16px;

    font-weight: normal;

    margin-bottom: 6px;

}

.tarifa1 {

    background: #003b49;

}

.tarifa2 {

    background: #186892;

}

.tarifa3 {

    background: #008ca8;

}

.tarifa4 {

    background: #32bfbb;

}

.tarifacol1 {

    padding-top: 12px;

}

.listatarifas {

    padding-top: 70px;

}

.descuento {

    font-size: 60px;

    text-align: right;

    font-weight: 700;

    line-height: 60px;

}

.txt-descuento {

  font-weight: 800;

  font-size: 28px;

  padding-top: 0px;

  line-height: 32px;

}

.service-block1 {

    background:rgba(24,104,146,0.8);

    padding: 20px 30px;

    margin-bottom: 30px;

}

.border-radius {

    border-radius: 10px;

}

.formfranquicias input, .formfranquicias select {

    width:100%;

    padding: 10px;

    border:1px solid #e0e0e0;

    margin-bottom:15px;

    background:#fff;

}

.formfranquicias h4 {

    margin-top: 20px;

    color:var(--dark-blue);

}

.formfranquicias button {

    border: none;

  color: var(--white);

  background: var(--light-blue);

  display: inline-block;

  border-radius: 6px;

  padding: 12px 50px;

  font-weight: 600;

}

/*** EPS Caribbean **/

.bg-eps-caribbean {

    background: url(images/logicstic1.jpg) no-repeat bottom center;

    padding-top: 80px;

    padding-bottom: 150px;

}

.bg-eps-caribbean2 {

    background: url(images/logistic2.jpg) no-repeat bottom center;

    padding-top: 60px;

    color: #fff;

    padding-bottom: 60px;

}

.bg-eps-caribbean2 h3 {

    color: #38bfba;

    margin: 30px 0;

    font-size: 28px;

}

.bg-eps-caribbean3 {

    background: url(images/logistics3.jpg) no-repeat top center;

    padding-top: 60px;

    color: #fff;

    padding-bottom: 60px;

}

.bg-eps-caribbean3 h3 {

    color: #021457;

    font-size: 28px;

}

.bg-eps-caribbean3 h2 {

    color: #021457;

    font-size: 32px;

}

.caribbean-service {

    position: relative;

    padding-left: 220px;

    min-height: 180px;

    margin-bottom: 50px;

    padding-top: 40px;

}

.caribbean-service img {

    width: 170px;

    position: absolute;

    left: 0;

    top: 0;

}

.emailcaribean {

    font-size: 22px;

}

.pasos {

    padding-left: 30px;

    padding-right: 30px;

}

.pasos .paso.normal {

    font-weight: normal;

}

.pasos span.yellow {

    font-size: 30px;

}

.pasos .paso {

    margin-bottom: 50px;

}

.pasos .paso a:not(.eps-alt-button) {

    color: #FFED00 !important;;

}

.pasos .paso ul {

    padding-left: 0;

    margin-left: 0;

}

img.avion {

    width: 120px;

    margin-bottom: 50px;

}

.logo-other-service {

    width: 200px;

    max-width: 90%;

}

.service-block2 {

    background: rgba(0,140,168,.8);

    padding: 20px 30px;

    position: relative;

}

.service-block2 .arrow {

    position: absolute;

    top: 80px;

    left: -70px;

    width: 90px;

}

.service-block2 h4 {

    font-size: 20px;

    margin: 0 0 8px;

    padding: 0;

    text-align: center;

}

.height60 {

    height:50px;

}



@media(max-width: 598px) {

    .caribbean-service {

      position: relative;

      padding-left: 140px;

      min-height: 60px;

      margin-bottom: 50px;

      padding-top: 10px;

    }

    .caribbean-service img {

      width: 117px;

      position: absolute;

      left: 0;

      top: 0;

    }

    .emailcaribean {

        font-size: 17px;

    }

    .bg-eps-caribbean2 h3 {

        font-size: 24px;

    }

    .bg-eps-caribbean3 h3 {

        font-size: 24px;

    }

    .bg-eps-caribbean3 h2 {

        font-size: 25px;

    }

}

.video {

    position: relative;

}

.video a {

    position: absolute;

    top: 0;

    left: 0;

    display: flex;

    align-items: center;

    width: 100%;

    height: 100%;

    background: rgba(0,0,0,0.1);

    transition: all .2s;

    -webkit-transition: all .2s;

    -moz-transition: all .2s;

    -o-transition: all .2s;

}

.video a img {

    display: inline-block !important;

    width: 70px !important;

    margin-left: auto;

    margin-right: auto;

    transition: all .2s;

    -webkit-transition: all .2s;

    -moz-transition: all .2s;

    -o-transition: all .2s;

    opacity: 0.8;

}

img.full {

    width: 100%;

}

.video a:hover {

    background: rgba(0,0,0,0.3);

}

.video a:hover img {

    opacity: 1;

}

#html5-watermark {

    display: none !important;

}

.titlevideo {

    font-size: 20px;

   line-height: 22px;

}

.foto {

    display: block;

    width: 100%;

    height: 240px;

}

@media(max-width: 498px) {

    .foto {

        height: 180px;

    }

}

.item-galeria {

    display: inline-block;

    width: 25%;

    border: 5px solid transparent;

    height: 150px;

}

.single img.alignnone {

    margin: 15px 0;

}

p.has-medium-font-size, .single h3 {

    margin: 24px 0;

    font-weight: 700;

    color: var(--dark-blue);

    line-height: 1.4em;

}

.dino {

    background: url(images/fondodino.jpg) no-repeat center center;

    background-size: cover; 

    color: #00587e;

}

.logodino img {

    width: 400px;

    max-width: 90%;

}

.logodino {

    text-align: center;

    margin: 40px 0 20px 0;

}

.dino h3 {

    text-align: center;

    color: #7ca540;

    padding-left: 20%;

    padding-right: 20%;

    text-transform: none;

    margin: 30px 0;

}

.dino h4 {

    color: #7ca540;

    text-transform: none;

    margin: 30px 0;

}

.dino ol {

  list-style: none;

  counter-reset: my-awesome-counter;

  margin-left: 0;

  padding-left: 0;

  margin-bottom: 20px;

}

.dino ul {

    margin-bottom: 20px;

}

.dino ol li {

    margin: 12px 0;

  counter-increment: my-awesome-counter;

  padding-left: 44px;

  position: relative;

}



.dino ol li::before {

    content: counter(my-awesome-counter);

    color: #fff;

    font-weight: bold;

    background: #7ca540;

    border-radius: 50%;

    width: 28px;

    height: 28px;

    display: inline-block;

    text-align: center;

    line-height: 27px;

    position: absolute;

    left: 0;

    top: 0;

}

.proyectodino {

    position: relative;

    padding-left: 280px;

    margin-bottom: 50px;

    min-height: 250px;

}

.proyectodino img {

    position: absolute;

    left: 0;

    width: 250px;

    top: 0;

}

@media(max-width: 598px) {

    .proyectodino {

        padding-left: 0;

        min-height: 50px;

    }

    .proyectodino img {

      width: 160px;

      top: inherit;

      left: inherit;

      position: relative;

      margin-left: auto;

      margin-right: auto;

      display: block;

    }

    .dino h3 {

      padding-left: 10px;

      padding-right: 10px;

    }

}

#myModalCV .cerrarmodal {

  position: absolute;

  top: 10px;

  right: 10px;

  -webkit-appearance: none;

  appearance: none;

  color: #fff;

  font-size: 40px;

  background: transparent;

  border: none;

}

.service-home {

    border-radius: 8px;

    position: relative;

    margin-top: 60px;

}

.service-home img {

    border-radius: 8px;

}

.service-home .icon {

  position: absolute;

  max-width: 124px;

  right: 0;

  top: -60px;

}

.service-home p {

  padding: 30px;

  font-size: 16px;

  color: #fff;

  text-align: center;

}

.service1 {

  background: rgba(192, 23, 162, 0.8);

}

.service2 {

  background: rgba(84, 37, 131, 0.8);

}

.service3 {

  background: rgba(255, 115, 50, 0.8);

}

.service4 {

  background: rgba(118, 188, 33, 0.8);

}

.eps-dec {

    position: relative;

    overflow: hidden;

}

.eps-dec img.dec {

    position: absolute;

    right: -50px;

    top: 0;

    width: 400px;

    max-width: 70%;

}

.eps-dec img.dec2 {

    position: absolute;

    left: -80px;

    bottom: 0;

    width: 400px;

    max-width: 70%;

}

.eps-dec-3 img {

  max-width: 450px;

  position: absolute;

  bottom: -10%;

  left: 0;

  right: 0;

  margin-left: auto;

  margin-right: auto;

} 

.eps-dec {

    padding-bottom: 150px;

}

.cuadrobeneficios {

    margin-top: 100px;

    text-align: center;

    font-size: 19px;

    font-weight: 600;

    color: #fff;

    padding: 30px;

    min-height: 350px;

}

.cuadrobeneficios img {

    width: 160px;

    display: block;

    margin-left: auto;

    margin-right: auto;

    margin-top: -100px;

}

.cuadrobeneficios h3 {

    color: #fff;

    margin-bottom: 30px;

    text-transform: uppercase;

}

.cuadrobeneficios em {

    font-weight: normal;

}

.beneficios1 {

    background: #305f6a;

}

.beneficios2 {

    background: #4383a5;

}

.beneficios3 {

    background: #30a0b6;

}

.beneficios4 {

    background: #58c9c6;

}

.imgbeneficios {

    display: block;

    width: 100%;

    height: 350px;

    margin-top: 100px;

}

.decocontacto {

    text-align: center;

}

.decocontacto .eps-alt-button {

    margin-top: -100px;

}

.socialfooter a  {

    background: #fff;

    color: var(--light-blue) !important;

    display: inline-block;

    width: 34px;

    height: 34px;

    text-align: center;

    line-height: 32px;

    font-size: 16px;

    border-radius:50%;

}

.eps-button {

    background: var(--dark-blue);

    color: var(--white);

    border-radius: 28px;

    padding: 10px 24px;

    font-weight: bold;

    border: none;

    transition: all .2s;

    display: inline-block;

    margin: 4px;

    text-transform:uppercase;

}

.eps-button:hover {

    background: var(--blue);

    color: var(--white);

}

.sidebar .panel-group .panel {

  margin-bottom: 0;

  border-radius: 0;

}

.sidebar .accordion-toggle {

    position: relative;

    display: block;

}

.sidebar .panel-group .panel {

  border-radius: 6px;

  box-shadow: none;

  font-size: 1rem;

  border: none !important;

  margin: 5px !important;

}

.sidebar .accordion-toggle {

  position: relative;

  background: #186892;

  color: #fff !important;

  padding-top: 5px;

  padding-bottom: 5px;

  padding-left: 10px;

  padding-right: 40px;

  font-size: 15px;

  font-weight: 600;

}

.sidebar .accordion-toggle.collapsed {

  background: #CCCCCC;

  color: #fff !important;

}

.sidebar .accordion-toggle::after {

  content: '-';

  position: absolute;

  right: 0;

  top: 0;

  bottom: 0;

  background: #14587C;

  width: 30px;

  text-align: center;

  font-size: 20px;

  line-height: 32px;

  font-weight: normal;

}

.sidebar .accordion-toggle.collapsed::after {

  content: '+';

  position: absolute;

  right: 0;

  top: 0;

  bottom: 0;

  background: #bbbbbb;

  width: 30px;

  text-align: center;

  font-size: 20px;

  line-height: 32px;

  font-weight: normal;

}

.sidebar .panel-group .panel-body {

  padding: 15px 0;

  background: #EFEFF0;

}

.sidebar a.sidebar-image {

    display: block;

    width: 100%;

    height: 180px;

    margin-bottom: 10px;

}

.sidebar .sidebartitle {

  font-family: 'Montserrat', sans-serif;

  text-transform: uppercase;

  font-weight: 800;

  color: #006089 !important;

  font-size: 17px; 

}

.sidebar .panel-body p.blue {

  margin: 4px 0 30px 0;

  font-size: 15px;

  text-transform: capitalize;

}

.calculadora {

    text-align: center;

}

.calculadora img {

    width: 120px;

    margin-top: -60px;

}

.paso-oculto {

    display: none;

}

.dec-service-footer {

    position: absolute;

    bottom: 50px;

    right: 0;

    width: 180px;

}

.conoce {

    margin-top: 100px;

    background: url(images/conoce.jpg) no-repeat center center;

    background-size: cover;

    color: #fff;

    padding-top: 60px;

    padding-bottom: 60px;

    position: relative;

}

.conoce img.fly {

    width: 100%;

    position: absolute;

    top: -80px;

}

.video-responsive {

    position: relative;

    padding-bottom: 56.25%; /* 16/9 ratio */

    padding-top: 30px; /* IE6 workaround*/

    height: 0;

    overflow: hidden;

}

.video-responsive iframe,

.video-responsive object,

.video-responsive embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.iconos-video {

    text-align: center;

}

.iconos-video img {

    width: 70px;

    display: block;

    max-width: 100%;

    margin-bottom: 15px;

}







@media (max-width: 1180px) {

    body {

        padding-top: 150px;

    }

    header .navbar-brand img {

        height: 50px;

    }

    .top .social-top img {

        width: 30px;

    }

    .search-top {

        display:none !important;

    }

    .top-menu {

        display:none !important;

    }

    .top {

        position:relative;

    }

    .logo-responsive {

        display:block;

        position:absolute;

        top:0;

        left:15px;

    }

    .logo-responsive img {

        width: 160px;

        margin-top: 5px;

    }

    .top-bar {

        display:block;

        margin-top: 15px;

    }

    .top-bar .language-chooser {

        position:relative;

        top:inherit;

        right:inherit;

        margin:0;

        padding:0;

    }

    .burger {

        display: inline-block;

        height: 32px;

        width: 40px;

        text-align: center;

        -webkit-border-bottom-right-radius: 10px;

        -moz-border-radius-bottomright: 10px;

        border-bottom-right-radius: 10px;

        padding-left: 15px;

        cursor: pointer;

        color: var(--dark-blue);

        font-size: 28px;

    }

    .qtranxs_widget_end {

        display:none;

    }

    .top-menu-2 {

        margin-top: 5px;

        padding-top: 5px;

        padding-bottom: 10px;

    }

    .top-menu-2 .menu-item, .top-menu-2 .dropdown {

        display:none;

    }

    .top-menu-2 .socio {

        padding: 8px 16px;

        font-size: 15px;

    }

    .top-menu-2 .micuenta {

        display:inline-block;

        background: var(--blue);

        color: #fff !important;

        text-transform: uppercase;

        font-weight: 700;

        display: inline-block;

        border-radius: 22px;

        padding: 8px 16px;



        margin-top: 7px;

        font-size: 15px;

    }

    .sidenav .logo img {

        width: 130px;

    }

    .content-sidenav {

        padding: 15px 20px;

    }

    .sidenav .closebtn {

        position: absolute;

        right: 20px;

        top: 20px;

        font-size: 42px;

        color:var(--dark-blue) !important;

    }

    .sidenav .menu {

        padding-top: 30px;

    }

    .sidenav .menu a {

        display:block;

        color:var(--dark-blue);

        padding: 5px;

    }

    .sidenav .menu .dropdown {



    }

    .sidenav .menu .dropdown button {

        -webkit-appearance:none;

        appearance:none;

        display:block;

        color:var(--dark-blue);

        padding: 5px;

        background:#fff;

        border:none;

        outline:none;

    }

    .sidenav .dropdown-menu {

        position: relative;

        top: inherit;

        left: inherit;

        z-index: 1000;

        float: none;

        min-width: 160px;

        padding: 0;

        margin: 0;

        font-size: 14px;

        text-align: left;

        list-style: none;

        background-color: #fff;

        -webkit-background-clip: padding-box;

        background-clip: padding-box;

        border: none;

        border: none;

        border-radius: 0;

        -webkit-box-shadow: none;

        box-shadow: none;

        padding-left: 30px;

    }

    .top-hero .decopack {

      width: 560px;

      bottom: 0;

      left: -230px;

    }

}





@media(max-width:991px) {

    h1 {

        font-size: 36px;

    }

    h2 {

        font-size: 30px;

    }

    h3 {

        font-size: 24px;

    }

    .petfriendly h1 span {

        font-size:42px;

    }

    .contadores, h4, .slogan-home {

        font-size: 18px;

    }

    .testimonios-home .col-sm-5 {

        padding-top: 40px;

    }

    .unirme-btn img {

        width: 300px;

        max-width: 92%;

    }

    #video-background .contenido {

        font-size: 18px;

    }

    .pasoregistro1 .imgpaso, .pasoregistro2 .imgpaso  {

        display:none;

    }

    .pasoregistro1 {

        padding-right:30px;

    }

    .pasoregistro2 {

        padding-left:30px;

    }

    a.big {

        font-size: 20px;

    }

    .title-logo img {

        width: 80px;

    }

    .top-hero .decopack {

        width: 490px;

        bottom: 0;

        left: -240px;

    }

    .logoservicioretornos {

        position: absolute;

        left: 16px;

        top: -82px;

        width: 280px;

    }

    .bgnino {

        background-image: none;

    }

    .bgnino .col-sm-12 {

        padding-right: 15px;

    }

}





@media(max-width:767px) {

    body {

        font-size:15px;

    }

    .imgcarousel-mobile {

        display: block !important;

    }

    .imgcarousel {

        display: none !important;

    }

    .banner-responsive {

        display:block;

    }

    .banner-desktop {

        display:none;

    }

    .contadores {

        display:none;

    }

    .contadores2 {

        display:block;

    }

    .contadores2 .contadores {

        display:block;

        position:relative;

        top:inherit;

        left:inherit;

        background:#e7efef;

    }

    .servicio-home {

        min-height: 10px;

        padding-bottom: 40px;

        width:470px;

        max-width:100%;

        margin-left:auto;

        margin-right:auto;

    }

    .porque-home img {

        display:none;

    }

    .cta-home img {

        left: 9px;

        top: 8px;

        width: 180px;

    }

    .cta-home {

        padding-left: 212px;

        min-height: 187px;

    }

    .footer-cierre {

        margin-top: 10px;

    }

    .footer-cierre .apps {

        display: block;

        margin-right: 0;

        margin-bottom: 30px;

    }

    .content-footer-cierre {

        float: none;

        border-radius: 0 !important;

        width: 100%;

    }

    .testimonios-home .col-sm-5 {

        padding-top: 0;

    } 

    .beneficio img {

        display: block !important;

    }

    .como-nacionales {

        padding-right: 30px;

    }

    .como-nacionales img {

        display:none;

    }

    .como-restringidos {

        padding-left: 30px;

    }

    .como-restringidos img {

        display:none;

    }

    a.big {

        font-size: 18px;

    }

    .top-hero .decopack {

        display: inherit;

        position: absolute;

        bottom: 0;

        width: 400px;

        left: -80px;

    }

    .top-hero .decopack.hidden767 {

        display: none;

    }

    .top-hero .contenidos {

        text-align: center;

    }

    .deco-3 {

        display: none;

    }

    .hidden-responsive, .hidden767 {

        display: none;

    }

    .show767 {

        display: block;

    }

    .titulo-responsive img {

        display: block;

        position: relative;

        top: 0;

        margin: 10px auto 0 auto;

    }

    .titulo-responsive {

        padding-top: 0px;

        padding-bottom: 30px;

    }

    .logofooter {

        display: block;

        width: 114px;

        margin-bottom: 30px;

    }

    .valores span {

        width: 200px;

        margin-left: auto;

        margin-right: auto;

        text-align: left;

    }

    .logoservicio {

        display: inline-block;

        width: 62px;

    }

    .visitanos img {

        position: relative;

        left: inherit;

        top: inherit;

        width: 112px;

    }

    .visitanos {

        padding-left: 0;

    }

    .mision {

        height:auto;

    }

    img.decoempleo {

        display: none;

    }

    .panel-body .map-infobox {

        position: relative;

        bottom: inherit;

        z-index: inherit;

        width: 100%;

        max-width: 100%;

        background: #fff;

        right: inherit;

        float: none;

    }

    .introretornos {

        padding-right: 0;

    }

    .logoservicioretornos {

        display: none;

    }

    .paso-retornos {

      padding: 30px 20px;

    }

    .cabecera-blog {

        padding-top: 30px;

    }

    .logo-blog {

        width: 350px;

        max-width: 92%;

        display: block;

        margin: 0 auto;

    }

    .cabecera-blog .hazte-socio {

        margin-top: 0;

        text-align: center;

        padding-bottom: 25px;

    }

    .newblog {

        padding-left: 20px;

        padding-right: 20px;

    }

    .top-comentarios .gpz1 {

        width:120px;

    }

    .top-comentarios .gpz2 {

        width:100px;

    }

    .listatarifas {

        padding-top: 20px;

    }

    .tarifacol1 {

        padding-top: 10px;

        margin-bottom: 20px;

    }

    .tarifa1, .tarifa2, .tarifa3, .tarifa4 {

        font-size: 30px;

    }

    .tarifablock {

        margin-top: 40px;

    }

    .service-block2 {

        display: none;

    }

    .service-block1 h2, .service-block1 h3, 

    .service-block2 h2, .service-block2 h3 {

        text-align: center;

    }

    .eps-box {

        min-height: 100px;

    }

    .eps-dec img.dec {

        display: none;

    }

    .eps-dec-3 img {

        max-width: 350px;

        bottom: -40px;

    }

    .iconos-video {

        display: none;

    }

    .paso-oculto {

        display: block;

    }

    .paso-oculto p {

        margin: 0;

    }

    .conoce img.fly {

      top: -40px;

    }

    .conoce {

        padding-top: 30px;

    } 

}





@media(max-width:498px) {

    h1 {

        font-size: 28px;

    }

    #video-background .contenido {

        font-size: 17px;

    }

    h2 {

        font-size: 24px;

    } 

    h3 {

        font-size: 20px;

        line-height:1.3em;

    }

    .petfriendly h1 span {

        font-size:34px;

    }

    .cta-home img {

        width: 142px;

    }

    .cta-home {

        padding-left: 171px;

    }

    .contadores, h4, .slogan-home {

        font-size: 17px;

    }

    #video-background .icono-header img {

        width: 82px;

    }   

    .consultanacionales h4 {

        display:block;

        margin-bottom: 10px;

    }

    a.big {

        font-size: 16px;

    }

    .field.is-grouped > .control:not(:last-child) {

        margin-bottom: 15px;

        margin-right: 0;

    }

    .field.is-grouped {

        display: inherit;

        justify-content: inherit;

    }

    .redes-inline {

        display:block;

        margin-top: 15px;

    }

    .tiendaonline {

        width: 150px;

    }

    .img-noticia {

        display: block;

        width: 100%;

        height: 247px;

        margin-bottom: 12px;

    }

    .top-comentarios .gpz1 {

        width:100px;

    }

    .top-comentarios .gpz2 {

        width:80px;

    }

    .tarifablock {

        font-size: 17px;

    }

    .descuento {

        font-size: 48px;

    }

    .txt-descuento {

        font-weight: 800;

        font-size: 20px;

        padding-top: 8px;

        line-height: 23px;

        text-align: left;

    }

    .conoce img.fly {

        top: -10px;

    }

    .pasos {

        padding-left: 0;

        padding-right: 0;

    }

    .pasos .paso {

        text-align: center;

    }

    .pasos span.yellow {

        display: block;

        margin-bottom: 10px;

    }

}


@media(min-width:991px) {
    .listadorestringidos ul li {
        float:left;
        width:50%;
    }
    .listadorestringidos ul {
        margin-bottom: 30px;
    }
    .listadorestringidos ul::after, .listadorestringidos ul::before {
        display:block;
        content:'';
        width:100%;
        clear:both;
    }
}





/* Estilo para ocultar el menú desplegable */
.top-menu-2 .dropdown-menu {
  display: none;
}

/* Estilo para mostrar el menú desplegable cuando el padre tiene la clase open */
.top-menu-2 .dropdown.open .dropdown-menu {
  display: block;
}

/* Estilo para el hover en pantallas más grandes */
@media (min-width: 768px) {
  .top-menu-2 .dropdown:hover .dropdown-menu {
    display: block;
  }
}