/************************ INDICE ************************/
/*
 * - Global
 * - Portada
 * - Tours
 * - Footer
 * - Extendidos
 * - Bokun
 */

/************************ GLOBAL ************************/

/* Global - Fuentes */
/* @todo Pasar la carga a /inc/enqueue.php */
/*
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Satisfy');
*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Satisfy');

* {
  font-family: 'Open Sans', 'sans-serif';
}

.strong {
  font-weight: bold;
}
.not-strong {
  font-weight: normal;
}
.text-light {
  color: gray!important;
}
.text-xxl {
  font-size: 2.5rem;
  line-height: 2.5rem;
}
.text-xl {
  font-size: 2.0rem;
  line-height: 2.0rem;
}
.text-lg {
  font-size: 25px;
  line-height: 35px;
}
.text-md {
  font-size: 20px;
  line-height: 20px;
}
.text-sm {
  font-size: 12px;
  line-height: 12px;
}

.w-90 {
    width: 90%!important;
}

/* Fix imagenes en blog */
.wp-caption {
  max-width: 100%;
}

/* Global - Para centrados verticales */
html {
  height: 100%;
  overflow-x: hidden;
}

body {
  background-color: #f5f5f5;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}

/* Global - Enlaces */
a {
    color: #004987;
}


.alert-info a {
  text-decoration: underline;
}

.vpe-link-no-underline:hover, .vpe-link-no-underline:focus, .vpe-link-no-underline:active {
  text-decoration: none;
}


/* Global -Botones */
/* Hacemos todos los botones redondos */
.btn { border-radius: 100px; }

.btn.vpe-btn{
  text-transform: none;
}

.btn.vpe-btn-dark-blue {
  color: white;
  background-color: #004987;
}

.btn.vpe-btn-light-blue{
  color: white;
  background-color: #3AB5CB;
}

.btn.vpe-btn-light-blue-border{
  color: #3AB5CB;
  border: 1px solid #3AB5CB;
  background-color: transparent;
}

.btn.vpe-btn-dark-blue-border{
  color: #004987;
  border: 2px solid #004987;
  font-weight: bold;
  background-color: transparent;
}


.btn.vpe-btn-round{
  border-radius: 100px;
  /*padding: 0.5rem 3rem;*/
}

.btn.btn-lg.vpe-btn-round{
  border-radius: 25px;
  padding: 0.5rem 2rem;
}

.btn.vpe-btn-round.btn-block{
  padding-left: 0;
  padding-right: 0;
}

.btn.vpe-btn-circle {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  font-size: 20px;
  padding: 0;
  line-height: 40px;
}
.btn.btn-lg.vpe-btn-circle{
  width: 80px;
  height: 80px;
  border-radius: 80px;
  font-size: 40px;
  padding: 0;
  line-height: 80px;
}

/* Forms */
.vpe-search-input{
  border: 0px solid gray;
  border-radius: 100px;
  padding: 0.5rem 4rem 0.5rem 1rem;
  width: 100%;
}
.vpe-search-input-lg{
  padding: 1rem 4rem 1rem 1rem;
}
.vpe-search-input + .input-group-append{
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
}
.vpe-search-input + .input-group-append .vpe-btn{
  padding: 0;
  margin: 0;
}
.vpe-search-input + .input-group-append .vpe-btn:hover{
  background-color: transparent;
  border-color: transparent;
}
/* /Forms */


/* Tooltips  (footer) */
.tooltip-inner {
background-color: #000;
}
.tooltip.bs-tooltip-right .arrow:before {
    border-right-color: #000 !important;
}
.tooltip.bs-tooltip-left .arrow:before {
    border-left-color: #000 !important;
}
.tooltip.bs-tooltip-bottom .arrow:before {
    border-bottom-color: #000 !important;
}
.tooltip.bs-tooltip-top .arrow:before {
    border-top-color: #000 !important;
}

/* Global - Headings */
h1 {
  color: #004987;
  font-size: 25px;
  line-height: 25px;
  margin-bottom: 0;
  font-weight: bold;
  /*text-transform: uppercase;*/
}

h1 + hr {
  background-color: #004987;
  width: 150px;
  height: 2px;
  text-align: left;
  margin: 0.5rem 0 1rem 0;
}

h1.text-center + hr{
  text-align: center;
  margin: 0.5rem auto 1rem auto;
}

.h1-xl{
  font-size: 2.5rem;
  line-height: 2.5rem;
}

h2 {
  color: #004987;
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 0;
  font-weight: bold;
  /*text-transform: uppercase;*/
}

h2 + hr {
  background-color: #004987;
  width: 150px;
  height: 3px;
  text-align: left;
  margin: 1.25rem 0 1.25rem 0;
  border-top: 0;
}

h3 {
  color: #004987;
  font-size: 1.25rem;
  line-height: 1.25rem;
  margin-bottom: 0;
  font-weight: bold;
  /*text-transform: uppercase;*/
}

.entry-title {
  font-size:35px;
  line-height: 45px;
}
@media (max-width:768px) {
  .entry-title {
    font-size: 25px;
    line-height: 30px;
  }
}

/* Global - Eliminamos focus de los formularios */
textarea:focus, input:focus{
    outline: none;
}

/* Global - Primary color */
.bmd-btn-fab.btn-primary.custom-file-control:before, .btn-group-raised .btn-primary.custom-file-control:before, .btn-group-raised .btn.btn-primary, .btn-raised.btn-primary.custom-file-control:before, .btn.bmd-btn-fab.btn-primary, .btn.btn-raised.btn-primary {
    color: #fff;
    background-color: #3AB5CB;
    border-color: #3AB5CB;
}

/* Global - Colores */
.white {
  color: #FFFFFF;
}
.yellow {
  color: #FFD44A;
}
.pink {
  color: #4BB766;
}
.red {
  color: red;
}
.turquoise {
  color: #3AB5CB;
}
.dark-blue {
  color: #004987;
}
.very-dark-blue {
  color: #032b49;
}

.bg-light-blue {
  background-color: #AAE9F4;
}

/* Global - Wrapper */
@media (min-width: 768px) {
  main, aside {
    padding: 0;
    margin-top: 2rem;
  }
}

/* Global - Borde de grupos con lista */
.list-group-item {
    border: 1px solid rgba(0,0,0,.125);
}

/* Global - Sliders */

/* Carousel rayas indicadoras */
.carousel-indicators li {
    background-color: hsl(191, 33%, 82%);
}
.carousel-indicators .active {
    background-color: #3ac7e8;
}
/* Bug con menu */
.carousel-indicators {
  z-index: 1;
}


.carousel-item .img-fluid{
  width: 100%;
}

.carousel-control-prev{
  width: 7%;
  margin: 75px 0;
}
.carousel-control-next{
  width: 7%;
  margin: 75px 0;
}
/* FIX - YouTube controls */
@media (min-width: 768px) {
  .carousel-control-prev{
    margin: 150px 0;
  }
  .carousel-control-next{
    margin: 150px 0;
  }
}

.vpe-carousel-control-round{
  background-color: rgba(255, 255, 255);
  font-size: 1.5rem;
  display: inline-block;
  position: absolute;
  color: #3AB5CB;
}

.carousel-control-prev .vpe-carousel-control-round{
  padding: 1rem 1rem 1rem 0.5rem;
  border-radius: 0 50px 50px 0;
  position: absolute;
  left: 0;
}

.carousel-control-next .vpe-carousel-control-round{
  padding: 1rem 0.5rem 1rem 1rem;
  border-radius: 50px 0 0 50px;
  position: absolute;
  right: 0;
}

.vpe-carousel-control-circle{
  font-size: 2rem;
  display: inline-block;
  position: absolute;
  color: #3AB5CB;
}

.carousel-control-prev .vpe-carousel-control-circle{
  padding: 1rem 1rem 1rem 0.5rem;
  position: absolute;
  left: 0;
}

.carousel-control-next .vpe-carousel-control-circle{
  padding: 1rem 0.5rem 1rem 1rem;
  position: absolute;
  right: 0;
}

.carousel-caption{
  bottom: 0;
  right: 0;
  left: 0;
  padding: 5px 10px;
  background-color: rgba(255, 255, 255, 0.75);
  color: #032B49;
}
@media (max-width:768px) {
  .carousel-caption {
    font-size: 12px;
  }
}

.vpe-argumentario-slider .card-body{
  min-height: 200px;
}
@media(min-width: 768px){
  .vpe-argumentario-slider .card-body{
    min-height: 200px;
  }
}

/* Breadcrumbs */
#breadcrumbs {
  font-size: 13px;
  margin: 10px 0;
}

.post .entry-content {
  font-size: 17px;
  line-height: 34px;
}

/* /Global - Sliders */

/* Global - Cards */
.card {
  box-shadow: none;
  background-color: white;
  /*font-size: 1rem;*/
}

.card .card-body{
  padding: 1rem;
}

.card.vpe-card-gray{
  /*background-color: #F4F3F4;*/
  background: transparent;
}

.card.vpe-card-transparent{
  background: transparent;
}

.card.vpe-card-border .card-body{
  border: 1px solid #d6d4d6;
}

.card.vpe-card-yellow{
  background-color: #fdd44a;
}

.card.vpe-card-turquoise{
  background-color: #3AB5CB; /* #3AB5CB */
}

.card .vpe-card-header-pink{
  background-color: #43A1B3;
  color: white;
  border: none;
}


/* /Global - Cards */

/* Global - Filtro*/
.vpe-filtros {
    background: #f5f5f5;
}

#collapseFiltros .list-group-item :first-child {
  margin-right: 0.5rem;
}
#collapseFiltros .list-group-item {
  padding: 0.5rem 0.5rem 0.5rem 0.25rem;
  border-color: #FFFFFF;
  color: #084a81;
}
#collapseFiltros .list-group {
  padding-top: 0;
}
#collapseFiltros h5 {
  background-color: #004B82;
  padding: 10px;
  color: #FFFFFF;
  margin-bottom:0;
  font-size: 1rem;
}
#collapseFiltros h5 i {
  margin-right: 5px;
}
.vpe-filtro-body {
  background-color: #FFFFFF;
  padding: 10px;
  color: #084a81;
}
@media (min-width: 1200px) {
  .vpe-filtro-body {
    min-height: 185px;
  }
}

/* Date input icon */
[type="date"]::-webkit-inner-spin-button {
  display: none;
}
input[type="date"] {
  position: relative;
  padding: 10px !important;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  color: transparent;
  background: none;
  z-index: 1;
  cursor: pointer;
}

input[type="date"]:before {
  color: transparent;
  background: none;
  display: block;
  font-family: "Font Awesome 5 Free";
  content: '\f073';
  /* This is the calendar icon in FontAwesome */
  width: 15px;
  height: 20px;
  position: absolute;
  top: 12px;
  right: 6px;
  color: #004B82;
}

/* Filtros checkbox */
/* The container */
.container_filtros {
	font-size: .875rem;
  display: block;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
	margin-bottom: 0;
}

/* Hide the browser's default checkbox */
.container_filtros input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #fff;
	border: 1px solid #CCC;
}

/* On mouse-over, add a grey background color */
.container_filtros:hover input ~ .checkmark {
  background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.container_filtros input:checked ~ .checkmark {
  background-color: #2196F3;
	border: 1px solid #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container_filtros input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container_filtros .checkmark:after {
  left: 4px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


.vpe-search-query{
  color: #3AB5CB;
}
/* /Global - Filtro */

/* Global - Paginacion */
.vpe-paginacion{
  text-align: right;
  position: relative;
}

.vpe-paginacion .linea-horizontal{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 2px;
  z-index: 0;
}

.vpe-paginacion .paginas{
  display: inline-block;
  padding: 0.5rem 2rem;
  background-color: white;
  position: relative;
  z-index: 1;
  margin-right: 50px;
}

.vpe-paginacion .paginas .page-numbers{
  padding: 0 0.5rem;
  border-radius: 10px;
  font-size: 1rem;
  text-decoration: none;
}

.vpe-paginacion-dark-blue .linea-horizontal{
  background-color: #004987;
}

.vpe-paginacion-dark-blue .page-numbers{
  background-color: #004987;
  color: white;
}
.vpe-paginacion-dark-blue .page-numbers.current{
  background-color: #f4f3f4;
  color: #3AB5CB;
}

.vpe-paginacion-pink .linea-horizontal{
  background-color: #4BB766;
}

.vpe-paginacion-pink .page-numbers{
  background-color: #004987;
  color: white;
}
.vpe-paginacion-pink .page-numbers.current{
  background-color: #f4f3f4;
  color: #3AB5CB;
}

/* /Global - Paginacion */


/* Resultado de búsquedas */

.vpe-search-result{
  position: relative;
  margin-bottom: 0.5rem;
}

@media(min-width: 1200px){
  .vpe-search-result{
    min-height: 494px;
  }
}

.vpe-search-result .card-title{
  font-size: 1.5rem !important;
  line-height: 1.5rem !important;
  color: #004987;
  font-weight: bold!important;
  margin-bottom: 0.5rem;
}

.vpe-search-result .card-title a,
.vpe-search-result .card-title a:hover{
  text-decoration: none;
  height: 92px;
  display: inline-block;
}

.vpe-search-result .card-body{
  padding: 0.75rem;
}

.vpe-search-result .img-link{
  position: absolute;
  display: block;
  top: 1rem;
  bottom: 0;
  overflow: hidden;
}

@media(min-width: 1200px){
  .vpe-search-result .img-link {
    position: relative;
    height: 200px;
    top: 0;
    margin-top: 1rem;
  }
}

.vpe-search-result .card-img-top {
  height: 100%;
  max-width: 100%;
  object-fit: none;
  object-position: 50% 50%;
}

.vpe-search-result .card-text{
  margin: 0.5rem 0;
  min-height: 120px;
}

@media(min-width: 1200px){
  .vpe-search-result .card-text{
    display: inline-block;
    height: 200px;
    overflow: hidden;
    margin-bottom: 60px;
  }
}

/* /Resultado de búsquedas */

/* Navbar - Color del menu */
.navbar {
    background-color: #ffffff !important;
    box-shadow: none;
	padding: 0px;
	z-index: 10; /*Arreglos de superposicion*/
}

.bg-primary {
    background-color: #ffffff !important;
}

/* Navbar - Logo
@todo Crear una solución responsive */
.navbar > div > a > img {
    max-width: 175px !important;
}

/* Header - Última hora */
.vpe-ultima-hora {
  background: #004987;
  color: #FFFFFF;
}

.vpe-ultima-hora a, .vpe-ultima-hora a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}


/************************ PORTADA ************************/

/* Portada - Bloque hero */
.vpe-frontpage-hero {
  background: url('/contenido/themes/lochnessbus/img/cabeceras/frontpage_hero.jpg');
  background-size: cover;
  background-position: center center;
  min-height: 325px;
  position: relative;
}

.vpe-frontpage-hero .centrado-vertical{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.vpe-frontpage-hero .pie-foto {
  text-align: center;
  color: #FFFFFF;
  background-color: #3AB5CB;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0.8rem 0;
  font-size: 1.5rem;
  line-height: 1.5rem;
}

/* Portada - Formato input buscador */
.vpe-frontpage-hero-input {
  width: 90%;
  max-width:600px;
  height: 50px;
  border-radius: 100px;
  font-size: 20px;
  padding: 10px 20px;
  border: 0;
}


/* Portada - Guia */


/* Portada - Slider Guia */
.vpe-slider-guia .card-body{
  padding: 0;
  padding-bottom: 1rem;
  min-height: 500px;
}

.vpe-slider-guia .img-link{
  display: inline-block;
  height: 200px;
  width: 100%;
  overflow: hidden;
}

.vpe-slider-guia .img-link img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

.vpe-slider-guia .contenido{
  margin: 1rem 1rem 0 1rem;
  min-height: 160px;
}

.vpe-slider-guia .descripcion{
  /*margin-top: 1rem;*/
}

.vpe-slider-guia .carousel-control-prev,
.vpe-slider-guia .carousel-control-next{
  top: 100px;
  bottom: unset;
}

/* Portada - Faq */
.vpe-frontpage-faq{
  color: #FFFFFF;
}

.vpe-frontpage-faq .icono{
  font-size: 4rem;
}

.vpe-frontpage-faq .titulo{
  font-size: 2rem;
  line-height: 2rem;
  font-weight: bold;
}

.vpe-frontpage-faq .texto{
  font-size: 1.25rem;
  line-height: 1.25rem;
  margin-top: 1rem;
}

.vpe-frontpage-faq .botones{
  margin-top: 2rem;
}

/* Portada - Argumentario */

.vpe-frontpage-argumentario {
  width: 100%;
}

.vpe-frontpage-argumentario .imagen img{
  max-height: 120px;
}

.vpe-frontpage-argumentario .texto{
  color: #004987;
}

.vpe-frontpage-argumentario .argumento{
  margin-bottom: 1rem;
}

/* Portada - Comentarios */
.vpe-comments-slider .header{
  background-color: #3AB5CB;
  color: white;
  padding: 0 1.5rem;
  font-size: 1rem;
  font-weight: bold;
  display: inline-block;
}

.vpe-comments-slider .vpe-comments{
  color: #004987;
}

.vpe-comments-slider .vpe-comments .name{
  font-size: 1.2rem;
  margin-bottom: 0;
  font-weight: bold;
}

.vpe-comments-slider .vpe-comments .opinion{
  margin-top: 1rem;
  margin-bottom: 0;
  min-height: 100px;
}

@media(min-width: 768px){
  .vpe-comments-slider .vpe-comments .opinion{
    min-height: 50px;
  }
}

/* Portada - Contenido */
.vpe-frontpage-contenido{
  padding-top: 1rem;
}

/************************ TOURS ************************/

/* Borde cajas */
.vpe-caja-borde { box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.20); }

/* Listado Tours */
.vpe-tours, .vpe-tours.vpe-tours.force-mobile{
  position: relative;
  margin-bottom: 0.5rem;
}
@media (min-width: 1200px){
  .vpe-tours{
    margin-bottom: 2rem;
  }
}
/* Listado Tours - Mobile */
@media (max-width: 768px){
  .vpe-tours .row {
    /*min-height: 75px; */
  }
}

/* Titulos de las tarjetas de tours */
.vpe-tours .card-title{
  font-size: 1.0rem !important;
  line-height: 1.3rem;
  color: #004987;
  font-weight: bold !important;
  margin-bottom: 0.5rem;
}
@media (min-width: 1200px) {
  .vpe-tours .card-title {
    font-size: 1.35rem !important;
    line-height: 1.75rem;
    min-height: 56px;
  }
}

.vpe-tours .card-title a,
.vpe-tours .card-title a:hover{
  text-decoration: none;
}

.vpe-tours .card-body{
  padding: 10px 0 10px 10px; /* 0.75rem */
  overflow: hidden;
}
@media (min-width: 1200px) {
  padding: 1rem;
}

.vpe-tours .vpe-tours-banda{
  position: absolute;
  /* top: 1rem; */
  left: 1rem;
  z-index: 1;
  background-color: #43a1b3;
  padding: 0.5rem;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.75rem;
}

.vpe-tours .img-link, .vpe-tours.force-mobile .img-link{
  position: absolute;
  display: block;
  top: 0rem; /* 1rem */
  bottom: 0rem; /* 1rem */
  overflow: hidden;
}

.vpe-tours.force-desktop .img-link {
  position: relative;
  top: 0;
}

@media(min-width: 1200px){
  .vpe-tours .img-link {
    position: relative;
    height: 200px;
    top: 0;
    /* margin-top: 1rem; */
  }
}

/* Img listado - Mobile - Posición de la imagen */
@media (max-width: 1200px){
  .vpe-tours .card-img-top {
    height: 100%;
    max-width: 100%;
    object-fit: cover;
    object-position: 50% 50%;
  }
}

.vpe-tours.force-mobile .card-img-top{
    height: 100%;
    max-width: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

.vpe-tours .card-text{
  margin: 0.5rem 0;
}

@media(min-width: 1200px){
  .vpe-tours .card-text{
    display: inline-block;
    overflow: hidden;
    font-size: 0.85rem;
  }
}

.vpe-tours .vpe-tour-duracion{
  font-size: 2rem;
}

/* Alturas fijas de los tours en listado */
.vpe-tours-head, .vpe-tours.force-mobile .vpe-tours-head {
  min-height: 80px; /* 155px */
}
@media(min-width: 1200px){
  .vpe-tours-head {
    min-height: 155px;
  }
}


/* /Listado Tours */

/* Tour  */
article.vpe-tour-single{
  /*background-color: #f4f3f4;*/
}

.vpe-tour-header{
  background-color: white;
  /*padding-bottom: 0 !important;*/
  padding: 1rem;
}

.vpe-tour-header h1 {
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: #004987;
  font-weight: bold;
  margin-bottom: 0;
}

.vpe-tour-precio-badge {
  display: inline-block;
  background-color: #4BB766;
  border-radius: 100px;
  width: 100%;
  max-width: 100px;
  text-align: center;
  color: #FFFFFF;
  padding: 0;
}

.vpe-tour-precio-badge .desde {
    font-size: 0.75rem;
}

.vpe-tour-precio-badge .precio {
    font-size: 1.2rem;
    line-height: 1rem;
    /*font-weight: bold;*/
    margin-bottom: 5px;
}

.vpe-tour-opiniones .estrellas{
  display: inline-block;
  align-items: center;
  justify-content: center;
}

.vpe-tour-opiniones .estrellas .fondo{
  display: flex;
  color: #F4F3F4;
  position: relative;
}

.vpe-tour-opiniones .estrellas .frontales{
  display: flex;
  color: #FFD44F;
  overflow: hidden;
  position: absolute;
  top: 0;
}

.vpe-tour-opiniones .enlace {
  margin-left: 0.5rem;
  font-size: 0.8rem;
  color: #ababab;
}

.vpe-tour-single .vpe-tour-opiniones{
  line-height: 40px;
}

/* Texto junto a las estrellas */
.vpe-tour-opiniones .vpe-tour-opiniones-texto {
  color: #ababab;
  margin-left: 10px;
  font-size: 0.8rem;
}

/* Reloj */
.vpe-tour-duracion .icono{
  color: #ababab;
  vertical-align: middle;
  font-size: 1.2rem;
}

/* Texto junto al reloj */
.vpe-tour-duracion .texto {
  font-size: 0.8rem;
  color: #ababab;
  vertical-align: middle;
}

.vpe-tour-single .vpe-tour-duracion{
  line-height: 40px;
}

.vpe-tour-compartir{
  position: relative;
  width: auto !important;
  min-width: 40px !important;
  max-width: 40px !important;
  transition: max-width 0.25s linear;
  padding: 0 1rem !important;
  margin: 0;
}

.vpe-tour-compartir.opened{
  max-width: 200px!important;
  transition: max-width 0.25s linear;
}

.vpe-tour-compartir .contenido-cerrado{
  position: absolute;
  left: 10px;
  color: white;
  transition: left 0.25s linear, color 0.25s linear;
}

.vpe-tour-compartir .contenido-abierto{
  max-width: 0;
  overflow: hidden;
  color: white;
  transition: max-width 0.25s linear;
}

.vpe-tour-compartir .contenido-abierto a{
  color: white;
}

.vpe-tour-compartir.opened .contenido-cerrado{
  left: -25px;
  color: #004897;
  transition: left 0.25s linear, color 0.25s linear;
}

.vpe-tour-compartir.opened .contenido-abierto{
  max-width: 400px;
  transition: max-width 0.25s linear;
}


.vpe-tour-categoria .contenido{
  display: inline-block;
  background-color: #3AB5CB;
  color: white;
  font-size: 0.85rem;
  margin-left: -1rem;
  padding: 0.1rem 1rem;
}

.vpe-tour-categoria .enlace{
  color: white;
}

.vpe-tour-categoria .texto{
  margin-left: 0.5rem;
}

.vpe-tour-accordion > .card{
  margin-bottom: 1rem;
}

.vpe-tour-accordion .card-header{
  padding: 0.5rem 0;
  border-bottom: none;
}

.vpe-tour-accordion .card-header.opened{
  background-color: #004987;
}

.vpe-tour-accordion .card-header .btn-link{
  color: #004987;
  text-transform: none;
  font-size: 1rem;
  margin-bottom: 0;
}

.vpe-tour-accordion .card-header.opened .btn-link{
  color: white;
}

.vpe-tour-accordion .card-header .opened-icon,
.vpe-tour-accordion .card-header.opened .closed-icon{
  display: none;
}
.vpe-tour-accordion .card-header.opened .opened-icon{
  display: inline-block;
}

.vpe-tour-accordion .card-body{
  padding: 0.5rem;
}

.vpe-tour-accordion .vpe-card-gray .card-body {
  padding: 1rem;
}

.vpe-tour-highlights .icono img{
  max-height: 60px;
}

.vpe-tour-highlights .texto{
  line-height: 1rem;
  display: inline-block;
  text-transform: uppercase;
  color: #3AB5CB;
}
@media (max-width:768px) {
  .vpe-tour-highlights .texto{
    font-size: 0.6rem;
  }
}

.vpe-tour-map iframe{
    width: 100%;
    margin: 1rem 0;
}

.vpe-tour-info-elements dt{
  display: inline-block;
  color: #004987;
  width: 45%;
  line-height: 1.5rem;
  vertical-align: top;
}

.vpe-tour-info-elements dt i{
  color: #3AB5CB;
  width: 1.5rem;
  text-align: center;
  font-size: 1.2rem;
}

.vpe-tour-info-elements dd {
  display: inline-block;
  line-height: 1.5rem;
  vertical-align: top;
  width: 44%;
}

.vpe-tour-info-elements .vpe-info-list{
  display: block;
  margin-left: 1.5rem;
  margin-bottom: 1rem;
  line-height: 1.0rem;
  border-left: 2px solid #004987;
  white-space: pre-wrap;
}

.vpe-related-tours .card-header{
  padding: 0.5rem 1rem;
}

.vpe-related-tours .card-header h5{
  font-size: 1rem;
}

.vpe-related-tours .card-body{
  overflow: hidden;
}

/* /Tour */
#ruta {
  height: 400px;
  width: 100%;
}

/* Categorías */

.vpe-categoria-cabecera {
  background-size: cover;
  background-position: 50% 50%;
  min-height: 225px;
  position: relative;
  padding: 0;
}

.vpe-categoria-cabecera .titulo {
    text-align: center;
    color: #FFFFFF;
    background-color: #3AB5CBb5;
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 1rem 0;
    font-size: 1.25rem;
}
.vpe-categoria-cabecera .titulo h1 {
    text-align: center;
    color: #FFFFFF;
    margin: 0;
    font-size: 2.0rem;
    line-height: 2.5rem;
}
@media (max-width: 768px) {
  .vpe-categoria-cabecera .titulo h1 {
      font-size: 1.5rem;
  }
}
.vpe-categoria-cabecera .titulo p {
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 0;
    font-size: 1rem;
}


@media (min-width:1200px) {
  .vpe-categoria-cabecera{
    min-height: 325px;
  }

  .vpe-categoria-cabecera h1 {
      font-size: 1.75rem;
  }
}

.vpe-categoria-descripcion{
  margin-top: 4rem;
}
/* /Categorías */

/* Guía de Escocia */
.vpe-guia-ilustracion{
  height: 400px;
  width: 100%;
  overflow: hidden;
}
.vpe-guia-ilustracion img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

.vpe-guia-categoria{
  position: relative;
  min-height: 200px;
  background-size: cover;
  background-position: 50% 50%;
  cursor: pointer;
}

.vpe-guia-categoria .enlace{
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  color: white;
  background-color: rgba(0, 78, 106, 0.5);
  transition: background-color ease-in-out 0.5s;
}

.vpe-guia-categoria:hover .enlace{
  background-color: rgba(0, 78, 106, 0.8);
  transition: background-color ease-in-out 0.5s;
}

.vpe-guia-categoria .nombre{
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  transform: translateY(-50%);
  padding: 0 0.5rem;
}

.vpe-guia-categoria-tours .carousel-control-prev,
.vpe-guia-categoria-tours .carousel-control-next{
  top: 100px;
  bottom: unset;
}

.vpe-guia-categoria-tours .vpe-tours{
  margin-bottom: 0 !important;
}


.vpe-tag-busqueda{
  font-size: 1rem;
  line-height: 1rem;
  padding: 0.2rem 1rem;
  background-color: white;
  color: #004E6A;
  margin-bottom: 1rem;
}

.vpe-bloque-social{
  position: relative;
  margin-bottom:-30px;
}

.vpe-bloque-social .card{
  margin-top: -2rem;
  padding-top: 2rem;
}

.vpe-bloque-social .fondo-full-width{
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #3AB5CB;
  z-index: -1;
}

.vpe-bloque-social .imagen{
  text-align: center;
  position: relative;
}
.vpe-bloque-social .imagen img{
  width: 100%;
  max-width: 600px;
}
.vpe-bloque-social .imagen .fondo{
  position: absolute;
  top: 0;
  bottom: 2rem;
  /*background-color: white;*/
  width: 100%;
  z-index: -1;
}

.vpe-bloque-social .enlaces a{
  margin-right: 1rem;
}
.vpe-bloque-social .enlaces a:last-child{
  margin-right: 0;
}

/* /Guía de Escocia*/

/* Listado Guía */
.vpe-guias{
  position: relative;
  margin-bottom: 0.5rem;
  background-color: #F5F5F5;
  /*background-color: white;*/
}

.vpe-guias-turquoise .vpe-guias{
  background-color: #bff6ff;
}
.vpe-guias-grey .vpe-guias {
  background: #F5F5F5;
}

.vpe-guias .card-title{
  font-size: 1.5rem !important;
  line-height: 1.5rem !important;
  color: #004987;
  font-weight: bold!important;
  margin-bottom: 0.5rem;
}

.vpe-guias .card-title a,
.vpe-guias .card-title a:hover{
  text-decoration: none;
  display: inline-block;
}

@media(min-width: 1200px){
  .vpe-guias .card-title a,
  .vpe-guias .card-title a:hover{
    min-height: 75px;
  }
}

.vpe-guias .card-body{
  padding: 0.75rem;
}

@media(min-width: 1200px){
  .vpe-guias .card-body{
    padding-bottom: 0rem;
  }
}

.vpe-guias .img-link{
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

@media(min-width: 1200px){
  .vpe-guias .img-link {
    position: relative;
    height: 230px;
    top: 0;
  }
}

/* Zoom animation */
.card-img-top {
     transition: transform 0.5s;
}

.card-img-top:hover {
    transform: scale(1.05);
}

.vpe-guias .card-img-top {
  height: 100%;
  max-width: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

.vpe-guias .card-text{
  margin-top: 0.5rem;
  min-height: 40px;
}

@media(min-width: 1200px){
  .vpe-guias .card-text{
    display: inline-block;
    overflow: hidden;
    min-height: 230px;
  }
}

.vpe-guias .card-text p{
  margin: 0;
}

.vpe-guias .card-text p:first-child{
  margin-bottom: 1rem;
}

.vpe-guia-opiniones .corazones{
  display: inline-block;
  align-items: center;
  justify-content: center;
}

.vpe-guia-opiniones .corazones .fondo{
  display: flex;
  color: gray;
  position: relative;
}

.vpe-guia-opiniones .corazones .frontales{
  display: flex;
  color: #3AB5CB;
  overflow: hidden;
  position: absolute;
  top: 0;
}

/* /Listado Guía */

/* Categorías Guia */

.vpe-categoria-guia-cabecera {
  background-size: cover;
  background-position: 50% 50%;
  min-height: 300px;
  position: relative;
  padding: 0;
}

.vpe-categoria-guia-cabecera .titulo {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  margin: 0;
  padding: 0.5rem 0;
}

.vpe-categoria-guia-cabecera .titulo h1{
  color: #FFFFFF;
  font-size: 2rem;
  line-height: 2rem;
  margin-top: 1rem;
}

.vpe-categoria-guia-cabecera .icono {
  width: 150px;
  height: auto;
}

.vpe-categoria-guia-descripcion{
  margin-top: 4rem;
}

.vpe-categoria-guia-posts .titulo{
  padding-left: 1rem;
}

.vpe-categoria-guia-posts .titulo .icono{
  display: inline-block;
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  font-size: 2rem;
  border-radius: 4rem;
  padding: 0;
  text-align: center;
  border: 4px solid #4BB766;
  color: #4BB766;
  background-color: white;
  margin-right: 1rem;
  position: relative;
  z-index: 1;
}

.vpe-categoria-guia-posts .linea-holder{
  position: relative;
  padding-bottom: 4rem;
}

.vpe-categoria-guia-posts .linea-vertical{
  position: absolute;
  top: 0;
  left: 1rem;
  bottom: 0;
  width: 4px;
  background-color: #4BB766;
  transform: translateX(30px);
  z-index: 0;
}

.vpe-categoria-guia-posts .vpe-paginacion{
  position: relative;
  top: -22px;
  overflow: hidden;
}

.vpe-categoria-guia-posts .vpe-paginacion .linea-horizontal{
  height: 4px;
  left: 3rem;
}

@media (max-width:768px) {
  .vpe-categoria-guia-posts-destacados {
    overflow-x: hidden;
  }
}
/* /Categorías Guia */

/* Post Guía */
.vpe-guia-post-progreso{
  height: 30px;
  padding: 0 1rem;
  background-color: white;
}

.vpe-guia-post-progreso .progreso-inner{
  position: relative;
  height: 100%;
  width: 100%;
}

.vpe-guia-post-progreso .barra-izq,
.vpe-guia-post-progreso .barra-der{
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 4px;
}

.vpe-guia-post-progreso .barra-izq{
  background-color: #004987;
  z-index: 2;
  width: 0;
}

.vpe-guia-post-progreso .barra-der{
  background-color: #3AB5CB;
  z-index: 1;
  width: 100%;
}

.vpe-guia-post-progreso .indicador{
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  height: 20px;
  width: 20px;
  background-color: #004987;
  z-index: 3;
  border-radius: 20px;
}

#guiaPostProgresoScrollContainer{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  z-index: 5;
  display: none;
}

#guiaPostProgresoScrollContainer #guiaPostProgresoScrollInner{
  position: relative;
}

#guiaPostProgresoScrollContainer #guiaPostProgresoScrollInner > .vpe-guia-post-progreso{
  position: absolute;
  top: 0;
  z-index: 10;
  width: 100%;
  -webkit-box-shadow: 0px 3px 20px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 20px -10px rgba(0,0,0,0.75);
box-shadow: 0px 3px 20px -10px rgba(0,0,0,0.75);
}

.vpe-guia-post-sidebar{
  /*background-color: white;*/
  height: 100%;
}

.vpe-guia-post-sidebar .vpe-guia-post-tours-disponibles img{
  max-height: none;
}

.vpe-guia-post-sidebar .vpe-tours .vpe-tours-head{
  min-height: auto;
}

.vpe-guia-post-sidebar .vpe-tours .card-text{
  display: none!important;
}

.vpe-guia-post-indice .boton-indice{
  /*width: 75px;*/
  transition: width 0.2s ease-in-out;
  text-align: left;
  margin-bottom: 0;
  z-index: 1;
}

.vpe-guia-post-indice .boton-indice.opened{
  width: 100%;
  transition: width 0.2s ease-in-out;
}

.vpe-guia-post-indice .boton-indice .icono-abierto{
  display: none;
}
.vpe-guia-post-indice .boton-indice.opened .icono-abierto{
  display: inline;
}
.vpe-guia-post-indice .boton-indice.opened .icono-cerrado{
  display: none;
}

.vpe-guia-post-indice .card{
  margin: 0 1rem;
}

.vpe-guia-post-indice .card .card-body{
  padding-top: 0;
}

.vpe-guia-post-indice ul{
  padding-left: 2rem;
  font-size: 2rem;
  line-height: 2rem;
  color: #004987;
  margin-bottom: 0;
}

.vpe-guia-post-indice ul li{
  line-height: 1rem;
  list-style: none;
}

.vpe-guia-post-indice ul li a{
  font-size: 1rem;
  font-weight: bold;
  color: #3AB5CB;
  vertical-align: baseline;
}

.vpe-guia-post-indice ul li a:hover{
  text-decoration: none;
}

.vpe-guia-post-indice ul li.nivel-0{
  padding-left: 0;
  list-style-type: disc;
  margin-top: 1rem;
}

.vpe-guia-post-indice ul li.nivel-0 a{
  color: #004987;
  vertical-align: top;
}

.vpe-guia-post-indice ul li.nivel-1{
  padding-left: 1.5rem;
}

.vpe-guia-post-indice ul li.nivel-2{
  padding-left: 3rem;
}

.vpe-guia-post-indice ul li.nivel-1::before,
.vpe-guia-post-indice ul li.nivel-2::before{
  content: "-";
  color: #3AB5CB;
  margin-right: 5px;
  vertical-align: middle;
}

.vpe-titulo-indice{
  color: #3AB5CB;
  font-size: 25px;
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.vpe-anchor-indice{
  position: relative;
  top: -100px;
  visibility: hidden;
  z-index: -1;
}

.vpe-guia-post .entry-content img{
  max-width: 100%;
  height: auto;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.vpe-guia-post .entry-content iframe{
  max-width: 100%;
}

.vpe-guia-post .entry-content h2 {
  font-size: 30px;
  margin-top: 2rem;
}

.vpe-guia-post .entry-content h3{
  font-size: 25px;
  font-size: bold;
}

.vpe-guia-post .entry-content h4{
  font-size: 20px;
  color: #004987;
}

.vpe-guia-post .entry-content h5{
  font-size: 15px;
  color: #004987;
}

figure.wp-caption.aligncenter{
  margin: auto;
}

/* Estilo CTA */

.vpe-cta-disabled img {
  margin-top: -2rem;
  margin-bottom: -2rem;
  vertical-align: middle;
  max-height: 300px;
}

.vpe-cta .vpe-cta-title {
  font-size: 1.3rem;
  font-weight: bold;
}
@media (max-width: 768px) {
  .vpe-cta .vpe-cta-title {
    font-size: 1.1rem;
    line-height: 1.1rem;
    font-weight: bold;
  }
}

.vpe-cta img {
    transform: rotate(-2deg);
    -webkit-box-shadow: 0px 0px 23px 1px rgba(0,0,0,0.19);
    -moz-box-shadow: 0px 0px 23px 1px rgba(0,0,0,0.19);
    box-shadow: 0px 0px 23px 1px rgba(0,0,0,0.19);
    margin-top: -10px !important;
    margin-bottom: -10px !important;
    margin-left:-32px;
}

.vpe-cta-bg {
  background: #EEE;
  -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.20);
  -moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.20);
  box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.20);
}
@media (max-width: 768px) {
  .vpe-cta-bg {
    padding: 10px 0;
  }
}

.vpe-cta .vpe-btn:hover {
  transition: background-color 0.5s ease;
  background-color: #288A9B;
}

.vpe-cta-desc {
  line-height: 1.2rem;
}
@media (max-width: 768px) {
  .vpe-cta-desc {
    font-size: 0.8rem;
    line-height: 0.8rem;
  }
}



.vpe-guia-post-tours-disponibles img{
  max-height: 200px;
  width: auto;
}

.vpe-guia-post-compartir{
  position: relative;
  width: auto !important;
  min-width: 80px !important;
  max-width: 80px !important;
  transition: max-width 0.25s linear;
  padding: 0 1rem !important;
}

.vpe-guia-post-compartir.opened{
  max-width: 400px!important;
  transition: max-width 0.25s linear;
}

.vpe-guia-post-compartir .contenido-cerrado{
  position: absolute;
  left: 50%;
  color: white;
  transform: translateX(-50%);
  transition: left 0.25s linear, color 0.25s linear;
}

.vpe-guia-post-compartir .contenido-abierto{
  max-width: 0;
  overflow: hidden;
  color: white;
  transition: max-width 0.25s linear;
}

.vpe-guia-post-compartir .contenido-abierto a{
  color: white;
}

.vpe-guia-post-compartir.opened .contenido-cerrado{
  left: -30px;
  color: #004897;
  transition: left 0.25s linear, color 0.25s linear;
}

.vpe-guia-post-compartir.opened .contenido-abierto{
  max-width: 400px;
  transition: max-width 0.25s linear;
}

/* /Post Guía*/

/* Comentarios */
.vpe-comentarios .comment{
  padding: 1rem;
  border: 1px solid #b5b5b5;
  margin-bottom: 0.5rem;
}
.vpe-comentarios .comment .comment-author{
  color: #004987;
  font-weight: strong;
}
.vpe-comentarios .comment .comment-author .says{
  display: none;
}
.vpe-comentarios .comment-metadata a{
  text-decoration: none;
  color: #3AB5CB;
  pointer-events: none;
}
.vpe-comentarios .comment-metadata a.comment-edit-link{
  pointer-events: all;
}
.vpe-comentarios .comment-content p{
  margin-bottom: 0;
}
.vpe-comentarios .reply{
  display: none;
}

.vpe-comentarios .comment-respond .form-submit{
  display: none;
}

/* /Comentarios */

/* PÁGINA SIN PLANTILLA */
.vpe-page-cabecera{
  background-color: white;
}
.vpe-page-cabecera .imagen{
  text-align: center;
}
.vpe-page-cabecera .imagen img{
  max-height: 500px;
}

.vpe-page-cabecera .card{
  margin-top: -200px;
  padding-top: 220px;
  padding-bottom: 1rem;
  z-index: 0;
}

.vpe-page-contenido h2{
  color: #3AB5CB;
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.vpe-page-contenido h3{
  color: #3AB5CB;
  font-weight: normal;
  margin-top: 2rem;
  margin-bottom: 1rem;
}
/* PÁGINA SIN PLANTILLA */

/* FAQ */
.vpe-faq-cabecera{
  background-color: white;
}
.vpe-faq-cabecera .imagen{
  text-align: center;
}
.vpe-faq-cabecera .imagen img{
  max-height: 500px;
}

.vpe-faq-cabecera .card{
  margin-top: -200px;
  padding-top: 220px;
  padding-bottom: 1rem;
  z-index: 0;
}

.vpe-faq-accordion .card-header{
  padding: 0.5rem 0;
  border-top: 2px solid #f4f3f4;
  border-bottom: none;
}

.vpe-faq-accordion .card-header .btn-link{
  color: #032B49;
  white-space: normal;
  max-width: 100%;
  text-transform: none;
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 0;
  text-align: left;
  text-decoration: none;
}

.vpe-faq-accordion .card-header.opened .btn-link{
  color: #3AB5CB;
}

.vpe-faq-accordion .card-header .opened-icon,
.vpe-faq-accordion .card-header .closed-icon,
.vpe-faq-accordion .card-header.opened .opened-icon,
.vpe-faq-accordion .card-header.opened .closed-icon {
  color: gray;
}

.vpe-faq-accordion .card-header .opened-icon,
.vpe-faq-accordion .card-header.opened .closed-icon{
  display: none;
}
.vpe-faq-accordion .card-header.opened .opened-icon{
  display: inline-block;
}

.vpe-faq-accordion .card-body{
  padding: 0.5rem;
}

.vpe-faq-accordion .card-body h2{
  color: #3AB5CB;
}
.vpe-faq-accordion .card-body h3{
  color: #3AB5CB;
  font-weight: normal;
}

/* /FAQ*/

/* ACORDEON */

.vpe-acordeon-cabecera{
  background-color: white;
}
.vpe-acordeon-cabecera .imagen{
  text-align: center;
}
.vpe-acordeon-cabecera .imagen img{
  max-height: 500px;
}

.vpe-acordeon-cabecera .card{
  margin-top: -200px;
  padding-top: 220px;
  padding-bottom: 1rem;
  z-index: 1;
}

.vpe-page-accordion .card-header{
  padding: 0.5rem 0;
  border-top: 2px solid #f4f3f4;
  border-bottom: none;
}

.vpe-page-accordion .card-header .btn-link{
  color: #032B49;
  white-space: normal;
  max-width: 100%;
  text-transform: none;
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 0;
  text-align: left;
  text-decoration: none;
}

.vpe-page-accordion .card-header.opened .btn-link{
  color: #3AB5CB;
}

.vpe-page-accordion .card-header .opened-icon,
.vpe-page-accordion .card-header .closed-icon,
.vpe-page-accordion .card-header.opened .opened-icon,
.vpe-page-accordion .card-header.opened .closed-icon {
  color: gray;
}

.vpe-page-accordion .card-header .opened-icon,
.vpe-page-accordion .card-header.opened .closed-icon{
  display: none;
}
.vpe-page-accordion .card-header.opened .opened-icon{
  display: inline-block;
}

.vpe-page-accordion .card-body{
  padding: 0.5rem;
}

.vpe-page-accordion .card-body h2{
  color: #3AB5CB;
}
.vpe-page-accordion .card-body h3{
  color: #3AB5CB;
  font-weight: normal;
}
/* /ACORDEON*/

/* Sobre nosotros */

.vpe-nosotros-cabecera .imagen{
  text-align: center;
}
.vpe-nosotros-cabecera .imagen img{
  max-height: 500px;
}

.vpe-nosotros-argumentario .imagen img{
  max-height: 120px;
}

.vpe-nosotros-argumentario .texto{
  color: #3AB5CB;
}
@media (min-width: 1200px) {
  .vpe-nosotros-argumentario .texto {
    font-size: 18px;
  }
}

.vpe-nosotros-argumentario .argumento{
  margin-bottom: 1rem;
}

.vpe-nosotros-personal{
  position: relative;
  min-height: 150px;
  background-size: cover;
  background-position: 50% 50%;
}

.vpe-nosotros-personal .nombre{
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  color: white;
  opacity: 0;
  background-color: rgba(0, 78, 106, 0.8);
  transition: opacity ease-in-out 0.5s;
}

.vpe-nosotros-personal:hover .nombre{
  opacity: 1;
  transition: opacity ease-in-out 0.5s;
}

.vpe-nosotros-personal .nombre .contenido{
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  transform: translateY(-50%);
  padding: 0 0.5rem;
}

/* .vpe-nosotros-personal .nombre{
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  transform: translateY(-50%);
  padding: 0 0.5rem;
} */

@media(min-width: 992px){
  .vpe-prensa-slider h3{
    min-height: 80px;
  }

  .vpe-prensa-slider .descripcion{
    min-height: 45px;
  }
}

/* /Sobre nosotros */

/* Contacto */
.vpe-contacto-mapa iframe{
  width: 100%;
  height: 500px;
}

.wpcf7 label{
  width: 100%;
  color: #004987;
  margin-bottom: 1rem;
  position: relative;
}

.wpcf7 .form-control{
  width: 100%;
  background-color: #fff;
  background-image: none;
  margin-top: 0.5rem;
  padding: 0.25rem 0.5rem;
  border: 1px solid #e2e2e2;
  border-radius: 3px;
}

.wpcf7 select{
  padding-right: 2rem !important;
  cursor: pointer;
}

.wpcf7 .icono{
  position: absolute;
  right: 1rem;
  bottom: 0.25rem;
  pointer-events: none;
}

.wpcf7 input[type="radio"] + span{
  color: #3AB5CB;
}

.wpcf7 [role="alert"]{
  margin-top: 0.5rem;
}

/* /Contacto */

/* 404 */
.vpe-404-imagen img{
  max-height: 400px;
}
/* /404 */

/* Footer */
#wrapper-footer-full {
  background: #004E6A;
  color: #FFFFFF;
}
#wrapper-footer-full a {
  color: #FFFFFF;
}

#wrapper-footer-full .fa-inverse {
    color: #0e4e6b;
}

/* ESTILOS ANGEL */
/* Colores */
t-vpe-blue{
	color: #004987;
}
t-vpe-dark-blue{
	color: #032b49;
}
t-vpe-light-blue{
	color: #3AB5CB;
}
t-vpe-yellow{
	color: #ffd44a;
}
t-vpe-grey{
	color: #f4f3f4;
}
t-vpe-red{
	color: #4BB766;
}
b-vpe-blue{
	background-color: #004987;
}
b-vpe-dark-blue{
	background-color: #032b49;
}
b-vpe-light-blue{
	background-color: #3AB5CB;
}
b-vpe-yellow{
	background-color: #ffd44a;
}
b-vpe-grey{
	background-color: #f4f3f4;
}
b-vpe-red{
	background-color: #4BB766;
}




/* Icono de busqueda */
.header-search{
	position: absolute;
    height: 100%;
    width: 100%;
    background-color: #f5f5f5;
	  z-index: 9999999;
    box-shadow: 0 2px 4px -2px #6d6d6d;
    border-bottom: 1px solid #d3d3d3;
    border-top: 1px solid #d3d3d3;
}
.header-search #searchform{
	left: 60%;
    top: 50%;
    position: absolute;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
	width: 80%;
}
.header-search #searchform input[type="text"]{
	  /*padding: 8px;*/
    padding: 12px;
    /*font-size: 14px;*/
    border: 0;
    border: 1px solid #d3d3d3;
    border-right: 0;
    float: left;
    width: 80%;
    background: #FFFFFF;
}
.header-search #searchform button {
  background: #ddd;
  font-size: 15px;
  /*padding: 7px;*/
  padding: 14px;
  cursor: pointer;
  color: white;
  background-color: #004987;
  border: 0px;
}
.header-search i{
	color:white!important;
}
#vpe-search-button {
  padding: 15px;
  cursor: pointer;
  color: #004987;
  border: 0px;
  background-color: transparent;
}
.vpe-search-form input{
	padding-left: .5rem;
}
/* Menu de escritorio */
#navbarNavDropdown i{
	font-size: 2rem;
	margin-right: 10px;
}
/* Eliminamos el borde que trae por defecto el submenu */
.dropdown-menu{
	border-radius: 0px;
}
/* Eliminamos el uppercase del menu */
.nav-link{
	text-transform: none!important;
}
.navbar-nav > li{
	text-align: center;
	font-weight: bold;
}
#navbarNavDropdown > ul > li > ul a{
	display: flex;
	align-items: center;
	text-align: left;
	color: #004987;
}
.vpe-menu-account {
  font-size: 14px;
}
.vpe-menu-account i, .vpe-menu-help i{
	font-size: 1.5rem;
}
.vpe-menu-help {
    font-size: 14px;
	  display: flex;
    justify-content: center;
    align-items: center;
}
/* Unificamos todos los tamaño de texto para el menu de escritorio, exceptuando la barra inferior */
.vpe-menu-desktop > li > ul a:not(.vpe-menu-desktop-footer-link){
	font-size: .875rem!important;
	padding: 7px 7px!important;
}
.vpe-menu-desktop .dropdown-menu .dropdown-item{
	min-height: 1rem;
}
.vpe-menu-desktop .dropdown-menu{
	box-shadow: unset;
}
@media only screen and (max-width: 1200px) {
	.vpe-menu-desktop > li > ul a:not(.vpe-menu-desktop-footer-link){
		font-size: 12px!important;
	}
	.vpe-menu-desktop > li:not(:first-child) > ul > li{
		width: 32.9%!important;
		padding-right: 15px;
	}
}
.vpe-menu-desktop{
	color: #032b49;
}
.vpe-menu-desktop .dropdown-item{
	padding-right: 0px;
	padding-left: 10px;
}
.vpe-menu-desktop .dropdown-item > i{
	padding-right: 5px;
}
.vpe-menu-desktop a:hover, .vpe-menu-desktop .open:hover{
	background-color: transparent!important;
}
.vpe-menu-desktop > li:hover > ul {
	display: block;
  opacity: 1;
  transform: scale(1);
}
.vpe-menu-desktop > li > a {
	/* Cambiamos el padding del li al enlace para que la barra separadora quede centrada */
	padding: 15px 40px !important;
}
.vpe-menu-desktop > li,  .vpe-menu-desktop > li > a{
	background-color: #FFF;
}
.vpe-menu-desktop > li:hover,  .vpe-menu-desktop > li:hover > a{
	background-color: white;
	color: #004987;
}
.vpe-menu-desktop > li > ul > li{
	display: inline-grid;
	padding: 15px 0px;
}
/* El primer menu es mas pequeño para no colisionar con el ad */
.vpe-menu-desktop > li > ul > li{
	width: 33%;
}
.vpe-menu-desktop > li > ul:hover > li{
	/*background-color: #004987!important;*/
}
/*Abrimos el primer menu por defecto */
.vpe-menu-desktop > li > ul > li > ul{
	display: block;
    opacity: 1;
    transform: scale(1);
}
/* Ocultamos la felcha desplegable */
.vpe-menu-desktop > li .vpe-menu-arrow{
	visibility:hidden;
}
/* Los demas son de ancho completo */
/*.vpe-menu-desktop > li:not(:first-child) > ul > li{
	width: 33%;
    padding-right: 15px;
}*/
.vpe-menu-desktop > li > ul > li.open ul{
	margin-top: 20px;
	margin-left: 25px;
}
.vpe-menu-desktop .dropdown-item, .vpe-menu-desktop ul a{
	color: white;
}
/* Colo blanco para el primer submenu desktop */
ul.vpe-menu-desktop > li:not(:last-child){
	color: black!important;
}
/*.vpe-menu-desktop li:not(:first-child) ul{*/
.vpe-menu-desktop li ul{
	background-color: white;
	margin: 0px;
	padding: 0px;
}
/* Background color para el primer menu */
/*.vpe-menu-desktop li:first-child ul{
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}*/
/*.vpe-menu-desktop li:not(:first-child) ul > li:hover{
	background-color: #3AB5CB;
}*/
.vpe-menu-desktop li ul > li:hover{
	background-color: #FFFFFF;
}
/*.vpe-menu-desktop > li:not(:first-child) > ul > li > ul{
	position: static!important;
	background-color: #3AB5CB;
	padding: 0px;
}*/
/* Definimos estilos para el primer menu */
.vpe-menu-desktop > li > ul > li > ul{
	position: static!important;
	background-color: transparent;
	padding: 0px;
}
.vpe-menu-desktop > li > ul > li > ul > li{
	/* border-bottom: 2px solid #004987; */
}
.vpe-menu-desktop > li > ul > li > ul a{
	color:gray!important;
	text-align: center;
	display: block!important;
	margin-left: auto;
    margin-right: auto;
}
.vpe-menu-desktop > li > ul > li > ul a:hover{
	background-color: #3AB5CB;
}
.vpe-menu-account > i, .vpe-menu-help > i {
  font-weight: 400;
	font-size: 16px;
}
.vpe-menu-account > i:before, .vpe-menu-help > i:before{
    padding-right: 10px;
}
.vpe-menu-desktop-footer{
	background-color:#032b49;
	color: white;
	padding: 5px;
	font-size: 14px;
}
.vpe-menu-desktop-footer > a{
	display: inline-block!important;
}
.vpe-menu-ad{
	float:right;
	margin-top: 15px;
	margin-right: 10px;
	background-color: #032b49;
	border-radius: 10px;
	color: white;
}
.vpe-menu-ad:hover{
	background-color: #032b49!important;
}
.vpe-menu-ad span:not(:first-child):not(:last-child){
	font-weight: 100;
    font-size: 13px;
}
ul.vpe-menu-desktop > li{
	display: flex;
	align-items: center;
}
ul.vpe-menu-desktop > li:not(:last-child):after{
	content: "";
    border-right: 1px solid lightgrey;
	height: 50%;
}
/* Elminamos el contenido que genera la barra separadora */
ul.vpe-menu-desktop > li:hover:after{
	content: none;
}

/* Eliminamos la flecha del dropdown de wordpress */
.dropdown-toggle:after {
	content: none;
}
/* Añadimos nuestra propia flecha */
.vpe-nav-link{
	position: fixed;
}
.vpe-menu-arrow{
	border-left: 1px solid white;
}
.vpe-menu-arrow:hover{
	color: #032b49!important;
}
.vpe-arrow{
	margin-right: auto;
    margin-left: auto;
}
/*Menu a la izquierda (Movil) */
.navbar-toggler.vpe-toggle-menu{
	border-color: transparent;
	color: #004987;
}
.vpe-left-menu-principal a i{
	visibility:hidden;
}
.hide-element{
	display:none;
}
.vpe-menu-close-bar {
  background: #032b49;
  color: #FFFFFF;
  height: 71px;
}
.vpe-menu-close-bar > form{
	height: 63px;
	position: absolute;
	/* left: 100px; */
	top: 22px;
	width: calc(100% - 100px);
}
.vpe-menu-close-bar > form > div{
	display: flex;
}
.vpe-menu-close-bar > form > div > input{
	width: 84%;
	border:none;
	border-radius: 10px 0px 0px 10px;
}
.vpe-menu-close-bar > form > div > button{
	border:none;
	background-color: #43a1b3;
	border-radius: 0px 10px 10px 0px;
}
.vpe-menu-close-bar > form > div > button > i{
	margin-left: auto!important;
	margin-right: auto!important;
}
/* Display de divisas */
.vpe-divisas {
  border-left: 1px solid #d3d3d3;
  padding-left: 15px;
}
.vpe-divisas a{
	display: block;
}
.vpe-divisas > ul{
	min-width: min-content;
}
.vpe-divisas > ul i{
	display: block!important;
}
.vpe-divisas ul.dropdown-menu{
	min-width: 2rem!important;
  margin-left: 12px;
}
.vpe-divisas .fa-stack{
	font-size: .9rem;
}
.vpe-icon-carrito, .vpe-icon-buscador, .vpe-icon-ayuda{
	font-size: 1.9rem!important;
}
@media only screen and (max-width: 767px) {
  .navbar-brand {
    margin-right: 0;
  }
	.vpe-shopping-cart{
    /*margin-right: 0.7rem;*/
		/* margin-right: 15px; Se desmadra el estilo */
	}
	/* Fallo en las tarjetas que provoca scroll horizontal - DESACTIVADO */
	/*.card > .row{
		margin-right: 0px!important;
	}*/



/************************ FOOTER ************************/

	/* Footer */
	/* Habilitamos el click para el efecto acordeon */
	.menu-footer-container > ul > li{
	  pointer-events: auto!important;
	  border-bottom: 2px solid white;
    margin-bottom: 5px !important;
	}
	.menu-footer-container > ul > li > a{
	  font-size: 1.2rem;
	  text-decoration: none;
	}
	.menu-footer-container > ul > li > a:after{
	  text-decoration: none;
	  margin-top: 5px;
	  display: inline-block;
	  width: 1rem;
	  height: 0;
      margin-left: .255em;
	  vertical-align: .255em;
	  content: "";
	  float:right;
	  border: 2px solid white;
	}
	/* Estilos de acordeon en movil */
	.vpe-footer-area-movil > .row{
		margin-left: 0px;
		margin-right: 0px;
	}
	.menu-footer-container >ul >li > a.collapsed:after {
		margin-top: 10px;
		display: inline-block;
		width: 0;
		height: 0;
		margin-left: .255em;
		vertical-align: .255em;
		content: "";
		float:right;
		border-top: .5em solid;
		border-right: .5em solid transparent;
		border-bottom: 0;
		border-left: .5em solid transparent;
	}
	/* Footer Movil */
	.vpe-footer-area-movil i{
		/*font-size: 30px!important;*/
	}
	/* Area Ekomi */
	.vpe-ekomi-widget{
		padding: 30px 0;
	}
	.vpe-ekomi-rating{
		padding: 0px;
		font-size: .7rem;
	}
	.vpe-social-widget{
		padding-bottom: 15px;
		text-align: center;
	}
	.vpe-social-widget a{
		padding: 0px 2rem;
	}
	.vpe-social-widget a i{
		/*color: #032b49;
		font-size: 30px;*/
	}

	.vpe-payments-widget{
		background-color: #0069a6;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.vpe-payment-mobile img{
		max-width: 3rem;
	}
	.vpe-american-express{
		max-width: 4rem!important;
	}
	.vpe-ekomi-image img{
		padding: 0px!important;
	}
	/* Footer absoluto */
	.wrapper > .container:last-child{
		display: flex;
	}
	.wrapper > .container:last-child img{
		margin-left: auto;
	}
}
@media (min-width: 768px) and (max-width: 1024px) {
  #vpe-navBar-mobile{
	    max-width: 400px;
		position: fixed!important;
  }
  .wrapper > .container:last-child{
		display: flex;
	}
	.wrapper > .container:last-child img{
		margin-left: auto;
	}
  button.vpe-toggle-menu .fa-times{
	  position: fixed !important;
	  top: .6rem;
    left: 2.3rem;
	  padding: 5px;
  }
  .vpe-payments-widget{
		background-color: #0069a6;
		padding-top: 15px;
		padding-bottom: 15px;
		margin: 0px;
		max-width: none;
	}
	.vpe-social-widget a i{
		/*color: #032b49;
		font-size: 30px;*/
	}
	.vpe-ekomi-rating{
		padding: 0px;
		font-size: .7rem;
	}
	.vpe-ekomi-widget{
		padding: 15px 0px;
	}
	.vpe-ekomi-widget .vpe-ekomi-image{
		padding: .7rem;
		max-width: 6rem!important;
	}
	.vpe-footer-area-movil{
		padding-bottom: .2rem;
	}
	#wrapper-footer-mobile > .container:nth-child(3){
		margin: 0px!important;
		max-width: 1024px;
	}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	#vpe-navBar-mobile{
		max-width: 400px;
		position: fixed!important;
	}
	#wrapper-footer-mobile > .container:nth-child(3){
		margin: 0px!important;
		max-width: 1024px;
	}
	button.vpe-toggle-menu .fa-times{
	  position: fixed!important;
	    top: .6rem;
		left: 2.3rem;
		padding: 5px;
	}
	.wrapper > .container:last-child{
		display: flex;
	}
	.wrapper > .container:last-child img{
		margin-left: auto;
	}
	.vpe-payments-widget{
		background-color: #0069a6;
		padding-top: 15px;
		padding-bottom: 15px;
		margin: 0px;
		max-width: none;
	}
	.vpe-social-widget a i{
		/*color: #032b49;
		font-size: 30px;*/
	}
	.vpe-ekomi-rating{
		padding: 0px;
		font-size: .7rem;
	}
	.vpe-ekomi-widget{
		padding: 15px 0px;
	}
	.vpe-ekomi-widget .vpe-ekomi-image{
		padding: .7rem;
		max-width: 6rem!important;
	}
	.vpe-footer-area-movil{
		padding-bottom: .2rem;
	}
}
/* Menu para movil y tablets */
#vpe-navBar-mobile{
	border: none;
	top: 0px;
	left: 0px;
	background-color:#f4f3f4;
	position:absolute;
	width: 100%!important;
	min-height: 100vh;
	background-color: #032b49;
	padding: 0px!important;
}
#vpe-navBar-mobile.show{
	z-index:9999;
}
#vpe-navBar-mobile button{
	float:right;
}
@media (min-width:1200px) {
  #wrapper-navbar > .navbar{
    padding: 15px 0 !important;
  }
}
/*#wrapper-navbar i {
	font-size: 25px;
	color: #004987;
}*/
button.navbar-toggler{
	z-index:999999;
	color:white;
	/* margin-left: 15px; Se desmadra el estilo */
}
.vpe-left-menu-principal{
	width: 100%;
	float: left;
	text-align: center;
	background-color: #f4f3f4;
}
.vpe-left-menu-principal > li.show > a{
	background-color: #004987;
}
.vpe-left-menu-principal >li > a{
	width: 100px;
	float: left;
	background-color: #032b49;
	text-align: center;
	min-height: 5.5rem!important;
}
.vpe-left-menu-principal >li > .dropdown-toggle:after{
	display:none;
}
.vpe-left-menu-principal a{
	font-size: 0.8rem !important;
	color: white !important;
}
.vpe-left-menu-principal > li > a > i{
	visibility:visible;
	display:block;
	font-size: 2.5em;
	margin-right: auto!important;
	margin-left: auto;
	margin-bottom: 10px;
}
.vpe-left-menu-principal i{
	visibility:visible!important;
	color: white!important;
}
.vpe-left-menu-principal > li > ul{
	position: absolute!important;
	left: 100px;
	top: 0px;
	width: calc(100% - 100px);
	background-color: #004987;
	margin: 0px;
	padding: 0px;
}
.vpe-left-menu-principal > li > ul > li{
	border-bottom: 2px solid white;
}
.vpe-left-menu-principal li ul li a{
	width: 100%;
	font-size: 0.8rem!important;
	padding: .8rem 1rem!important;
	display: flex;
  align-items: center;
}
.vpe-left-menu-principal li ul li i{
	font-size: 2rem;
	margin-right: 10px;
}
.vpe-left-menu-principal li  ul li .dropdown-toggle:after{
	margin-left: 15px!important;
}
.vpe-left-menu-principal li ul li ul{
	background-color: #3AB5CB;
	padding: 0px;
	box-shadow: none;
}
.vpe-left-menu-principal li ul li ul li{
	border-top: 2px solid white;
}
a.dropdown-item{
	padding: 9px!important;
}
.vpe-menu-footer{
	padding-top: 15px;
	color:white;
	background-color: #032b49;
	margin-left: 0px!important;
	margin-right: 0px!important;
}
.vpe-menu-footer-divisas{
	padding-bottom: 10px;
}
.vpe-menu-footer-divisas span{
	display: block;
}
.vpe-menu-footer-divisas i{
	color: #032b49!important;
	margin: 3px 8px!important;
	width: 30px;
	height: 30px;
	padding: 5px;
	font-size: 20px!important;
	border-radius: 50%;
	background-color:white;
	opacity: .6;
}
.vpe-divisa-selected{
	opacity: unset!important;
}
.vpe-menu-separator{
	background-color: #032b49!important;
}
.vpe-menu-footer-left{
	text-align: left;
	font-size: 15px;
}
button.navbar-toggler.vpe-toggle-menu > i.fa-times{
	color:white!important;
	font-size: 1.8rem;
}
.header-search > i.fa-times{
	position: absolute;
	right: 25px;
  top: 10px;
	font-size: 1.5rem;
	color:#004987!important;
	cursor: pointer;
}
/* Footer */
.vpe-footer-area{
  padding-top: 20px;
	padding-bottom: 60px;
}
.menu-footer-container > ul {
  padding: 0px!important;
  margin: 0px!important;
}
.menu-footer-container{
	width: 100%;
}
.menu-footer-container li{
	overflow: hidden!important;
  margin-bottom: 3px;
}
.menu-footer-container li > ul{
	padding-left: 0px;
}
.menu-footer-container a{
	color:white;
}
.menu-footer-container >ul >li > a{
	font-weight: bold;
	font-size: 1.25rem;
}

/* Bloqueamos el click en el titulo del footer */
.menu-footer-container > ul > li{
  overflow: hidden;
  float: left;
  margin: 0 auto;
  pointer-events: none;
  padding: 0px!important;

}
/* Lo habilitamos en el submenu */
.menu-footer-container > ul > li > ul{
  pointer-events: auto;
  margin-top: .7rem;
}
/* Redes sociales */
.vpe-social-row a{
	font-size: 1.2rem;
}
.vpe-icon-circle{
  display: inline-block;
  border-radius: 60px;
  box-shadow: 0px 0px 2px #888;
  padding: 0.3em 0.3em;
  background-color: #fff;
}
/* Ocultamos el titulo con css de forma provisional */
#wrapper-footer .widgettitle{
	display: none;
}
#wrapper-footer{
	background-color: #00537c;
	color: white;
	padding-top: 30px;
  margin-top: 30px;
}
#wrapper-footer-mobile{
	background-color: #00537c;
	color: white;
	padding-top: 30px;
	margin-top: 30px;
}
#wrapper-footer-mobile h3{
	color:white;
}
#wrapper-footer-mobile > .container:nth-child(3) a{
	color:white;
}
#wrapper-footer-mobile > .container:nth-child(3){
	background-color: #023b4e;
	padding-right: 0px;
}
#wrapper-footer-mobile > .container:nth-child(3) > .row{
	width: 100%;
	margin-right: 0px;
}
/* Area ekomi */
.vpe-ekomi{
	padding: 30px 0px;
	background-color: #0069a6;
	font-size: .8rem;
}
.vpe-ekomi-title{
	font-size: 1.2rem;
    margin-bottom: .3rem;
}
.vpe-ekomi-text{
	float: left;
  margin-top: 5px;
}
.vpe-ekomi img{
	max-height: 5rem!important;
	padding: .5rem;
}
.vpe-ekomi i{
	font-size: 30px;
}
.vpe-ekomi-rating{
	font-size: .8rem;
}
.vpe-ekomi-rating > .fa-star.checked{
	color: gold;
}
.vpe-ekomi-rating-value{
	float: left;
	padding-right: 15px;
}
.vpe-payments-widget{
	margin-top: auto;
    margin-bottom: auto;
}
.vpe-payment-title{
	padding-bottom: 12px;
}
/* Sellos de calidad */
.vpe-quality-col{
	padding: 0px;
}
.vpe-quality-col img {
  padding: 0;
  margin-top: 5px;
}


/* Footer Absoluto */
.vpe-absolute-footer-area{
	background-color: #023b4e;
	padding: 15px 5px;
}
.vpe-absolute-footer-area p, .vpe-absolute-footer-area a, .vpe-absolute-footer-area span{
	color:white;
}
.vpe-absolute-footer-area img{
	margin-left: auto;
	max-width: 100%;
    height: auto;
}
.vpe-absolute-footer-area .textwidget{
	font-size: 12px;
	padding-left: 15px;
}
#wrapper-footer .textwidget.custom-html-widget h3{
	color:white!important;
   margin-bottom: 15px;
}
/************************ EXTENDIDOS ************************/

/* LANDING EXTENDIDOS */
.vpe-landing-extendidos p{
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
}
.vpe-landing-extendidos h1, .vpe-landing-extendidos h2, .vpe-landing-extendidos h3{
	font-size: 25px;
	font-family: 'Open Sans', sans-serif;
}
.satisfy{
  font-family: 'Satisfy', cursive;
}
.vpe-carousel-caption{
	top: 0px!important;
	position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
	width: 100%;
}
.vpe-carousel-caption h3{
	float:left;
}
.vpe-carousel-caption .vpe-carousel-title{
	background-color: #032b49;
}
.vpe-slider-itinerario .vpe-carousel-text{
  white-space: pre;
}
.vpe-slider-itinerario .carousel-item{
  min-height: 350px;
}
.vpe-slider-imagenes .carousel-caption{
  position: relative;
  font-size: 1rem;
}
.vpe-slider-imagenes .carousel-item .img-holder{
  max-height: 300px;
  overflow: hidden;
}
.vpe-dotted-line{
	border-top: 2px dashed #004987;
	margin-top: 15px;
}
.vpe-slider-itinerario{
	background-color: #f4f3f4;
}
.vpe-slider-itinerario h2{
	color: #023b4e;
}
.vpe-slider-itinerario-dia{
	background-color: #3AB5CB;
	border-radius: 10px;
	color:white;
	font-weight: bold;
}
.vpe-carousel-title{
	background-color: #023b4e;
	color: white;
	font-size: 20px;
	padding: 5px;
}
.vpe-slider-imagenes h2{
	color: #023b4e;
}
.vpe-list-interesante{
	background-color:#3ac7e8;
}
.vpe-list-interesante h2{
  color: #023b4e;
}
.vpe-list-interesante h2 + hr{
  background-color: #023b4e;
  width: 150px;
  height: 3px;
  text-align: center;
  margin: 0.5rem auto 1rem auto;
}
.vpe-list-interesante .list-group-item{
	border: none;
}

/* Extendidos - Promoción vuelo */
.vpe-promocion-vuelo{
  background-color: #023b4e;
}

.vpe-promocion-vuelo h1{
  color: white;
}

.vpe-promocion-vuelo h1 + hr{
  background-color: white;
  text-align: center;
  margin: 0.5rem auto 1rem auto;
}

/* Extendidos - Tienes dudas ?*/
.vpe-contact-container{
  display: inline-block;
  width: 170px;
}

.vpe-contact-flip-container {
  display: grid;
  perspective: 700px;
}

.vpe-contact-flip, .vpe-contact-flip-container {
  transform-style: preserve-3d;
  transition: all 0.7s ease;
}

.vpe-contact-flip {
  display: grid;
  grid-template: 1fr / 1fr;
  grid-template-areas: "frontAndBack";
  transform-style: preserve-3d;
  transition: all 0.7s ease;
}

.vpe-contact-flip div {
  backface-visibility: hidden;
  transform-style: preserve-3d;
}

.vpe-contact-flip .front {
  grid-area: frontAndBack;
}

.vpe-contact-flip .back {
  grid-area: frontAndBack;
  transform: rotateY(-180deg);
}

.vpe-contact-flip-container.flipped .vpe-contact-flip {
  transform: rotateY(180deg);
}

.vpe-contact-flip .btn.vpe-btn-light-blue-border{
  background-color: white;
}

.vpe-contact-buttons{
  background-color: white;
  color: #3AB5CB;
  border: 1px solid #3AB5CB;
  border-radius: 15px;
  text-align: center;
}

.vpe-contact-buttons a {
  background-color: #004987;
    height: 30px;
    width: 30px;
    line-height: 30px;
    display: inline-block;
    border-radius: 50px;
    padding: 0;
    text-align: center;
    color: white;
}

.vpe-contact-buttons .cerrar{
  display: inline-block;
  margin: 0;
  margin-right: -.4rem;
  border-radius: 15px;
  padding: .5rem .9rem;
}

/* Extendidos - Opiniones */

.vpe-extendidos-comentarios .titulo{
  font-weight: bold;
  font-size: 1.25rem;
  color: #3AB5CB;
}

.vpe-extendidos-comentarios .header{
  width: 100%;
}

/* Extendidos - Guías */
.vpe-guias .texto{
  background-color: rgba(255, 255, 255, 0.7);
  color: #023b4e;
}

/* Carousel con la imagen previa */
.vpe-multi-item-carousel {
  overflow: hidden;
}
.vpe-multi-item-carousel img {
  height: auto;
  width: 100%;
}
.vpe-multi-item-carousel .carousel-control.left,
.vpe-multi-item-carousel .carousel-control.right {
    background: rgba(255, 255, 255, 0.3);
    width: 25%;
}
.vpe-multi-item-carousel .carousel-inner {
  width: 150%;
  left: -25%;
}
.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
    -webkit-transform: translate3d(33%, 0, 0);
    transform: translate3d(33%, 0, 0);
}
.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-33%, 0, 0);
    transform: translate3d(-33%, 0, 0);
}
.vpe-item__third {
  float: left;
  width: 33.33333333%;
  padding: 10px;
}
.vpe-dudas{
	background-position: center center, center center;
	background-size: cover, cover;
	background-repeat: repeat, repeat;
}
.vpe-titulo-opiniones{
	color:#3ac7e8!important;
}
.vpe-list-elegirnos .list-group-item{
	border: none;
}
.vpe-list-elegirnos i{
	font-size: 50px;
}
.vpe-banner{
	background-position: center center, center center;
	background-size: cover, cover;
	background-repeat: repeat, repeat;
}
.vpe-social-flip {
  -webkit-perspective: 800;
          perspective: 800;
        position: relative;
        text-align: center;
}
.vpe-social-flip .vpe-social-card.flipped {
  -webkit-transform: rotatey(-180deg);
          transform: rotatey(-180deg);
}
.vpe-social-flip .vpe-social-card {
    width: 270px;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: 0.5s;
    transform-style: preserve-3d;
    transition: 0.5s;
    background-color: #fff;

}
.vpe-social-flip .vpe-social-card .face {
  -webkit-backface-visibility: hidden ;
    backface-visibility: hidden ;
   z-index: 2;
}
.vpe-social-flip .vpe-social-card .front {
   position: absolute;
   width: 270px;
   z-index: 1;
}
.vpe-social-flip .vpe-social-card .back {
  -webkit-transform: rotatey(-180deg);
          transform: rotatey(-180deg);
  position: absolute;
}
.inner{
  margin:0px !important;
  width: 270px;
}

/************************ BOKUN ************************/

/* BOKUN */



/************************ TOUR (single) ************************/

/* Boton flotante lateral - To top */
.vpe-scroll-top {
    text-align: center;
    position: fixed;
    bottom: 50px;
    background: #4BB766;
    padding: 10px 25px;
    visibility: hidden;
    border-radius: 100px;
    z-index: 999;
    width: 370px;
}

.vpe-scroll-top a {
	color: #FFFFFF;
}
.vpe-scroll-top a:hover {
	text-decoration: none;
}

/* Menu flotante en mobile */
.vpe-mobile-bar {
    box-shadow: 0 -5px 15px -3px rgba(0,0,0,.23);
    background: #FFFFFF;
    position: fixed;
    width: 100%;
    bottom: 0;
    height: 75px;
    z-index: 999;
    padding: 0;
}
.vpe-mobile-bar i { color: #FFF; }


/************************ CART ************************/

.vpe-cart-bokun {
	width: 100%;
	min-height: 800px;
}
.vpe-cart-card-header {
	background-color: #004987 !important;
	color: #FFFFFF;
	font-weight: bold;
}
.vpe-cart-card-body b {
	color: #004987;
}
.vpe-cart-card-total {
	background: rgba(58, 199, 232, 0.3);
	padding: 10px;

}
.vpe-cart-card-total p {
	margin: 0;
  font-size: 2rem;
	text-align: center;
}


/************************ CHECKOUT ************************/

.vpe-checkout-bokun {
	width: 100%;
	min-height: 800px;
}
.vpe-checkout-card-header {
	background-color: #004987 !important;
	color: #FFFFFF;
	font-weight: bold;
}
.vpe-checkout-card-body b {
	color: #004987;
}
.vpe-checkout-card-total {
	background: #3AB5CB;
	padding: 10px;
	color: #FFFFFF;
	font-weight: bold;

}
.vpe-checkout-card-total p {
	margin: 0;
  font-size: 2rem;
	text-align: center;
}
.vpe-checkout-card-total strike {
	font-size: 1.5rem;
}
.vpe-checkout-card-cupon {
	background: rgba(58, 199, 232, 0.3);
	padding: 10px;
	color: #004987;
	margin-bottom:10px;
}
.vpe-checkout-card-cupon p {
	margin: 0;
  font-size: 1rem;
	text-align: center;
}
/***** TOURS LIST ******/
.vpe-list-tours.container-fluid{
	padding: 0px;
}
.vpe-list-tour-title > span{
    display: block;
    border: 2px solid black;
    padding-left: .5em;

}
.vpe-list-tours span{
	margin: 1em;
}
.vpe-list-tours .vpe-tour-precio-badge{
	margin: 0px;
}
.vpe-list-tours .row{
	padding-bottom: 1em;
}
.vpe-tours-list-title > h2{
	padding: 1em;
  margin: 1rem;
  background-color: #032b49;
	color:white;
}


/* Tour - Formato de los textos */
.vpe-tour-texto {
  line-height: 2rem;
  font-size: 1.0rem;
  text-align: justify;
  word-break: break-word;
}
.vpe-tour-texto strong {
  color: #064987;
  font-weight: bold;
}

.vpe-tour-texto h1, .vpe-tour-texto h2, .vpe-tour-texto h3, .vpe-tour-texto h4 {
  margin-bottom: 10px;
  margin-top: 30px;
}

/* Tour - Mapa */
.vpe-mapa-badge {
  color: #fff;
  background-color: #3AB5CB;
  padding: 5px 8px;
  margin-right: 5px;
}
.vpe-mapa-titulo {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 2px solid #3AB5CB;
}

/* Dropdown divisas */
.vpe-divisas-dropdown {
  border-radius: 100px;
  padding: 3px;
}
.vpe-divisas-dropdown a {
  margin: 5px 0;
}
/*********************** TOURS A MEDIDA *************************************/
.vpe-tours-a-medida{
	background-color:white;
}
.vpe-tours-a-medida .titulo-comentarios{
	background-color: #f4f3f4;
}
.vpe-tours-a-medida .vpe-banner{
	min-height: 325px!important;
}
.vpe-tours-a-medida .vpe-guias{
	min-height: 325px!important;
}
.vpe-tours-a-medida .vpe-dudas .container{
	padding-left: 0px;
}
.vpe-tours-a-medida .vpe-dudas .col-5{
	padding: 0px;
    background-position: top;
    background-size: cover;
	min-height: 325px!important;
}
.vpe-tours-a-medida .vpe-dudas .col-7{
	padding-left: 0px;
}
.vpe-tours-a-medida .vpe-list-elegirnos{
	color:#3AB5CB;
}
.vpe-tours-a-medida .vpe-dudas .lead{
	font-size: .8rem;
}
.vpe-tours-a-medida .vpe-info-itinerario input{
	width: 85%;
}
.vpe-tours-contratables h2{
	color:black;
	font-weight: 400;
}
.vpe-lista-tours{
	background-color:#3AB5CB;
	color: white;
}
.vpe-lista-tours .btn{
	padding: .5rem 1rem;
}
.vpe-lista-tours i{
	color: black;
}
.vpe-reserva-tour .wpcf7-form-control:not(.wpcf7-textarea){
	height: calc(2.4375rem + 2px)!important;
}
.vpe-list-elegirnos .list-group-item :first-child{
	margin-right: 0px!important;
}
.vpe-tours-a-medida .row{
	margin-left: 0px!important;
}
.vpe-tours-a-medida .wpcf7-form .row{
	margin-left: -15px!important;
}
.vpe-tours-a-medida .wpcf7-form label{
	color:white;
}


.vpe-ver-todos a {
  color: #3AB5CB !important;
}

.vpe-menu-desktop-footer-link {
  color: #FFFFFF !important;
}
/* Recolocar carrito Bokun en mobile */
@media (max-width: 768px) {
  .single-tour .bokun-widgets-cart-wrapper {
      bottom: 75px !important;
  }
}