@charset "UTF-8";

/* Colores Primarios */

/*
  Paleta de Colores

  Principales de Color
  Azul Primario = #00aad2
  Azul Secundario = #0256de
  Azul Links = #01a2dc

  Monocromáticos
  Gris Oscuro = #434343
  Gris Encabezados = #606060
  Gris Texto = #a0a0a0
  Gris Contenedores = #f2f2f2
  */

/* Base */

/* Principal */

* {
  font-family: "Lato", sans-serif;
  letter-spacing: 0.025em;
  border: 0px;
}

* ::-moz-selection {
  background-color: #a0a0a0;
  color: #ffffff;
}

* ::selection {
  background-color: #a0a0a0;
  color: #ffffff;
}

body,
html {
  width: 100%;
  height: 100%;
  margin: 0px;
  background-color: #FFFFFF;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #a0a0a0;
  cursor: default;
}

ul {
  margin: 0;
  padding: 0;
}

ul li {
  list-style: none;
}

/* Encabezados, Párrafos, Hipervínculos */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Poppins", sans-serif;
  margin: 0px;
  padding: 0px;
  font-weight: 600;
}

h1 {
  font-size: 44px;
  line-height: 50px;
  color: #434343;
}

h2 {
  font-size: 32px;
  line-height: 38px;
  color: #434343;
}

h3 {
  font-size: 24px;
  line-height: 27px;
  color: #606060;
}

h4 {
  font-size: 18px;
  line-height: 23px;
  color: #606060;
}

h5 {
  font-size: 15px;
  line-height: 20px;
  color: #606060;
}

h6 {
  font-size: 15px;
  line-height: 20px;
  color: #01a2dc;
}

p,
span {
  font-family: 'Lato', sans-serif;
  margin: 0px;
  padding: 0px;
}

p {
  font-size: 14px;
  font-weight: 400;
}

a {
  color: #01a2dc;
  font-weight: 600;
  text-decoration: none;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  cursor: pointer;
}

a:hover {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

hr {
  width: 100%;
  height: 1px;
  background-color: #f2f2f2;
  margin: 2px 0;
}

br {
  height: 15px;
}

.bold {
  font-weight: 600;
}

/* Inputs */

* :focus {
  outline: none;
  -webkit-box-shadow: 0 0 0px #FFF;
  box-shadow: 0 0 0px #FFF;
}

input,
select {
  padding: 0;
  margin: 0;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  /* border: 0 !important; */
  background: transparent;
  background-image: url("/img/svg/arrow-down.svg");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 16px;
  border-radius: 0px;
  min-width: 30px;
}

input[type*='date'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  /* border: 0 !important; */
  background: transparent;
  /* background-image: url('/valija2017/img/simbolos/svg/flecha-down.svg'); */
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 12px;
  border-radius: 0px;
}

input::-webkit-input-placeholder {
  font-family: 'Poppins', sans-serif;
  color: #CDD3D6;
  font-size: 14px;
}

input:-ms-input-placeholder {
  font-family: 'Poppins', sans-serif;
  color: #CDD3D6;
  font-size: 14px;
}

input::-ms-input-placeholder {
  font-family: 'Poppins', sans-serif;
  color: #CDD3D6;
  font-size: 14px;
}

input::placeholder {
  font-family: 'Poppins', sans-serif;
  color: #CDD3D6;
  font-size: 14px;
}

label {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #606060;
  text-align: left;
}

form {
  width: 100%;
}

.separator {
  border-bottom: 1px solid #f2f2f2;
}

/* Principal */

.mainBody {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0px;
  background-color: #FFFFFF;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #a0a0a0;
  z-index: 2;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.extBody {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #a0a0a0;
  z-index: 1;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

header {
  position: fixed;
  width: 100%;
  height: 80px;
  top: 0;
  left: 0;
  overflow: hidden;
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-bottom: 1px solid #f2f2f2;
  z-index: 10;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

header section {
  position: relative;
  width: 100%;
  height: auto;
  max-width: 1400px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header section a .header-logo {
  height: 29px;
  width: auto;
  margin-top: 5px;
}

header section .header-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header section .header-contact img {
  height: 15px;
  width: auto;
  margin: 0px 5px -2px 9px;
}

header section .header-contact p {
  font-family: "Poppins", sans-serif;
  color: #434343;
  font-weight: 600;
}

.header-variant-center {
  background-color: #fff;
  border-bottom: 1px solid #f2f2f2;
}

.header-variant-center section {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

footer {
  position: relative;
  width: 100%;
  height: 230px;
  overflow: hidden;
  background: url("/img/backgrounds/ejemplo2.jpg") center fixed no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

footer section {
  position: relative;
  width: 100%;
  height: auto;
  max-width: 1400px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px;
  padding-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

footer section h2 {
  font-size: 28px;
  line-height: 33px;
  text-align: center;
  color: #fff;
}

footer section .soft {
  opacity: .7;
}

footer section .social-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  overflow: hidden;
  margin-top: 10px;
}

footer section .social-container img {
  height: auto;
  width: 30px;
  margin: 5px;
}

.footer-secondary {
  position: relative;
  width: 100%;
  height: 230px;
  overflow: hidden;
  background-color: #fff;
  border-top: 1px solid #f2f2f2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.footer-secondary section {
  position: relative;
  width: 100%;
  max-width: 1400px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px 15px 70px 15px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.footer-secondary section .footer-side {
  position: relative;
  width: 50%;
  max-width: 1400px;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.footer-secondary section .footer-side img {
  margin-bottom: 30px;
}

.footer-secondary section .footer-side h5 {
  font-family: "Poppins", sans-serif;
  color: #606060;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
}

.footer-secondary section .footer-side p,
.footer-secondary section .footer-side a {
  font-family: "Poppins", sans-serif;
  color: #606060;
  font-size: 18px;
  margin: 0;
  padding: 0;
}

.footer-secondary section .footer-side .linkedin {
  margin-top: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.footer-secondary section .footer-side .linkedin img {
  height: 19px;
  width: auto;
  margin: 0 4px 3px -2px;
  cursor: pointer;
}

.footer-secondary section .footer-side .a2 {
  color: #606060;
  font-weight: 600;
  font-size: 14px;
}

.footer-secondary section .footer-side-right {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.footer-secondary section .footer-side-right img {
  height: 25px;
  width: auto;
}

.footer-secondary section .footer-side-right h4 {
  font-size: 15px;
  font-weight: 400;
  max-width: 200px;
  text-align: right;
  line-height: 17px;
}

.btn-primary {
  font-family: 'Poppins',sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  padding: 10px 25px;
  border-radius: 50px;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-align: center;
  background: linear-gradient(130deg, #00aad2 0%, #0265de 100%);
  -webkit-filter: brightness(1);
          filter: brightness(1);
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

.btn-primary:hover {
  -webkit-filter: brightness(1.05);
          filter: brightness(1.05);
  -webkit-box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.15);
          box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.15);
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

.btn-secondary {
  font-family: 'Poppins',sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #01a2dc;
  cursor: pointer;
  padding: 8px 25px;
  border-radius: 50px;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-align: center;
  background: #fff;
  border: 2px solid #01a2dc;
  -webkit-filter: brightness(1);
          filter: brightness(1);
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

.btn-secondary:hover {
  -webkit-filter: brightness(1.05);
          filter: brightness(1.05);
  -webkit-box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.15);
          box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.15);
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

.loader-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.95);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1000;
}

.loader-container .loader-box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.loader-container .loader-box img {
  width: 60px;
  height: auto;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-animation: loaderRotate 1s linear infinite;
          animation: loaderRotate 1s linear infinite;
}

.loader-container .loader-box p {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #a0a0a0;
  margin-top: 10px;
}

@-webkit-keyframes loaderRotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes loaderRotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.banner-container {
  position: relative;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #f2f2f2;
  background: url("/img/backgrounds/general-patron.png") top center repeat;
  background-color: #fff;
}

.banner-container section {
  position: relative;
  width: 100%;
  max-width: 1400px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px 20px;
  padding-top: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.banner-container .banner-img {
  position: relative;
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.banner-container .banner-img img {
  width: 100%;
  max-width: 560px;
  height: auto;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 15px -4px rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 15px -4px rgba(0, 0, 0, 0.3);
}

.banner-container .banner-msg {
  position: relative;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.banner-container .banner-msg .banner-msg-content {
  position: relative;
  width: 100%;
  max-width: 560px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 30px;
  margin: 20px 0;
  margin-bottom: -120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 15px -4px rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 15px -4px rgba(0, 0, 0, 0.3);
  border: 1px solid #f2f2f2;
  border-radius: 5px;
  z-index: 1;
}

.banner-container .banner-msg .banner-msg-content h3 {
  font-weight: 700;
  margin-bottom: 10px;
  color: #434343;
}

.banner-container .banner-msg .banner-msg-content h5 {
  font-weight: 400;
}

.howworks-container {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
}

.howworks-container section {
  position: relative;
  width: 100%;
  height: auto;
  max-width: 1400px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 140px 40px 60px 40px;
}

.howworks-container section h3 {
  text-align: center;
  margin-bottom: 40px;
}

.howworks-container section .box-container {
  position: relative;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.howworks-container section .box-container .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.howworks-container section .box-container .box .box-img {
  position: relative;
  width: 80px;
  height: 80px;
  overflow: hidden;
}

.howworks-container section .box-container .box .box-img img {
  height: 100%;
  width: auto;
  max-height: 80px;
}

.howworks-container section .box-container .box .box-text {
  position: relative;
  width: calc(100% - 80px);
  height: auto;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 20px;
}

.howworks-container section .box-container .box .box-text h5 {
  font-weight: 700;
  color: #606060;
  margin-bottom: 5px;
}

.howworks-container section .box-container .box .box-text p {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  height: 36px;
  color: #606060;
  width: 100%;
  max-width: 240px;
}

.emptySection-container {
  position: relative;
  width: 100%;
  height: 80px;
  overflow: hidden;
  background-color: #fff;
}

.services-container {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #fff;
}

.services-container section {
  position: relative;
  width: 100%;
  height: auto;
  max-width: 1400px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 80px 0 40px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.services-container section h3 {
  font-size: 26px;
  color: #434343;
}

.services-container section .title-results {
  margin: 20px 0 10px 0;
}

.services-filter-container {
  position: relative;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #fff;
}

.services-filter-container input,
.services-filter-container select {
  padding: 5px;
  padding-right: 10px;
  font-size: 13px;
  color: #606060;
}

.services-filter-container input:active,
.services-filter-container select:active {
  font-family: "Poppins", sans-serif;
  color: #434343;
  font-weight: 400;
}

.services-filter-container input:focus,
.services-filter-container select:focus {
  font-family: "Poppins", sans-serif;
  color: #434343;
}

.services-filter-container input::-webkit-input-placeholder,
.services-filter-container select::-webkit-input-placeholder {
  font-family: "Poppins", sans-serif;
}

.services-filter-container input:-ms-input-placeholder,
.services-filter-container select:-ms-input-placeholder {
  font-family: "Poppins", sans-serif;
}

.services-filter-container input::-ms-input-placeholder,
.services-filter-container select::-ms-input-placeholder {
  font-family: "Poppins", sans-serif;
}

.services-filter-container input::placeholder,
.services-filter-container select::placeholder {
  font-family: "Poppins", sans-serif;
}

.services-filter-container input:valid,
.services-filter-container select:valid {
  font-family: "Poppins", sans-serif;
  color: #606060;
}

.services-filter-container section {
  position: relative;
  width: 100%;
  height: auto;
  max-width: 1400px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px 10px 20px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.services-filter-container section .count-section p {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 13px;
  color: #a0a0a0;
  margin-left: 20px;
}

.services-filter-container section .filter-section {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.services-filter-container section .filter-section .filter-form {
  width: 100%;
  max-width: 260px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 8px 10px;
  border: 1px solid #f2f2f2;
  border-radius: 50px;
}

.services-filter-container section .filter-section .filter-form .search-input {
  width: 100%;
}

.services-filter-container section .filter-section .filter-form .search-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}

.services-filter-container section .filter-section .filter-form .filter-clear-button {
  position: relative;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 6px;
  margin-right: 10px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.services-filter-container section .filter-section .filter-form .filter-clear-button img {
  height: 13px;
  width: auto;
}

.services-filter-container section .filter-section .filter-form .filter-button {
  position: relative;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 8px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.services-filter-container section .filter-section .filter-form .filter-button img {
  height: 16px;
  width: auto;
}

.services-filter-container section .filter-section .select-form {
  position: relative;
  width: auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 10px;
}

.services-filter-container section .filter-section .select-form li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.services-filter-container section .filter-section .select-form li:hover {
  color: #606060;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.services-filter-container section .filter-section .select-form li p {
  font-family: "Poppins", sans-serif;
  min-width: 180px;
  font-size: 13px;
  font-weight: 600;
  padding: 16px 8px;
  color: #a0a0a0;
  text-align: right;
  cursor: pointer;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.services-filter-container section .filter-section .select-form li p span {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  font-weight: 600;
}

.services-filter-container section .filter-section .select-form li p img {
  height: 7px;
  width: auto;
  margin-left: 2px;
}

.services-filter-container section .filter-section .select-form li p:hover {
  color: #606060;
  text-align: right;
  cursor: pointer;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.services-filter-container section .filter-section .select-form li p .location-sort-1 {
  display: none;
}

.services-filter-container section .filter-section .select-form li p .location-sort-2 {
  display: inline;
}

.services-filter-container section .filter-section .select-form li ul {
  position: absolute;
  top: 48px;
  width: 300px;
  height: auto;
  max-height: 400px;
  overflow-y: auto;
  background-color: #FFF;
  z-index: 4;
  -webkit-box-shadow: 0 2px 15px -4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 15px -4px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.1);
  z-index: 100;
}

.services-filter-container section .filter-section .select-form li ul li {
  width: 100%;
  min-width: 150px;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #a0a0a0;
  text-align: right;
  text-transform: capitalize;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 22px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  z-index: 10;
}

.services-filter-container section .filter-section .select-form li ul li:first-child {
  padding-top: 20px;
}

.services-filter-container section .filter-section .select-form li ul li:last-child {
  padding-bottom: 20px;
}

.services-list-container {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: #fff;
}

.services-list-container section {
  position: relative;
  width: 100%;
  height: auto;
  max-width: 1400px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.service-card {
  position: relative;
  width: calc(25% - 20px);
  height: auto;
  max-height: 545px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px;
  padding-bottom: 12px;
  border: 1px solid #f2f2f2;
  border-radius: 4px;
  cursor: default;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
  margin: 10px;
}

.service-card .card-img {
  position: relative;
  width: 100%;
  height: 180px;
  overflow: hidden;
  border-radius: 4px;
  margin-bottom: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.service-card .card-img img {
  height: 100%;
  width: auto;
}

.service-card .card-info {
  position: relative;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.service-card .card-info h5 {
  font-size: 16px;
  color: #434343;
}

.service-card .card-info p {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #606060;
}

.service-card .card-info img {
  height: 14px;
  width: auto;
}

.service-card .card-info .info-description {
  height: 26px;
  overflow: hidden;
  padding: 5px 0 12px 0;
}

.service-card .card-info .info-rightgranted {
  height: 20px;
  font-weight: 600;
  color: #606060;
  padding: 0;
  padding-top: 15px;
}

.service-card .card-info .info-especial {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
}

.service-card .card-info .info-especial p {
  color: #a0a0a0;
  margin-bottom: -2px;
}

.service-card .card-info .info-especial img {
  width: 14px;
  height: auto;
  margin-right: 6px;
}

.service-card .card-info .card-info-extended {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.service-card .card-info .card-info-extended .category-info {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.service-card .card-info .card-info-extended .category-info .dot {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  margin: 0 8px 0 2px;
  background-color: #a0a0a0;
  margin-bottom: 3px;
}

.service-card .card-info .card-info-extended .category-info .name {
  font-family: "Poppins", sans-serif;
  color: #a0a0a0;
  font-weight: 600;
  margin-right: 2px;
}

.service-card .card-info .card-info-extended .gastronomia .dot {
  background: linear-gradient(-45deg, #fc3535 0%, #a2132b 100%);
}

.service-card .card-info .card-info-extended .gastronomia .name {
  color: #fc3535;
}

.service-card .card-info .card-info-extended .aventura .dot {
  background: linear-gradient(-45deg, #ffbf0d 0%, #f58e12 100%);
}

.service-card .card-info .card-info-extended .aventura .name {
  color: #ffbf0d;
}

.service-card .card-info .card-info-extended .bienestar .dot {
  background: linear-gradient(-45deg, #f46cba 0%, #f93ea0 100%);
}

.service-card .card-info .card-info-extended .bienestar .name {
  color: #f46cba;
}

.service-card .card-info .card-info-extended .escapadas .dot {
  background: linear-gradient(-45deg, #4cd750 0%, #3d825a 100%);
}

.service-card .card-info .card-info-extended .escapadas .name {
  color: #4cd750;
}

.service-card .card-info .card-info-extended .variedades .dot {
  background: linear-gradient(-45deg, #5f2df9 0%, #5129a6 100%);
}

.service-card .card-info .card-info-extended .variedades .name {
  color: #5f2df9;
}

.service-card .card-info .btn-primary {
  margin: 12px 0 6px 0;
}

.service-card .__mobile {
  display: none;
}

.service-card:hover {
  -webkit-box-shadow: 0 2px 15px -4px rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 15px -4px rgba(0, 0, 0, 0.3);
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

.btn-toplist-container {
  position: fixed;
  right: 0;
  bottom: 20px;
  margin: 10px 30px 10px 10px;
  z-index: 100;
  cursor: pointer;
}

.btn-toplist-container .btn-toplist-box {
  position: relative;
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px 12px 13px 12px;
  border-radius: 50px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 2px 25px -4px rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 25px -4px rgba(0, 0, 0, 0.3);
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.btn-toplist-container .btn-toplist-box img {
  width: 16px;
  height: auto;
  margin-bottom: 3px;
}

.service-details-container {
  position: fixed;
  width: 100%;
  height: auto;
  min-height: 100%;
  top: 0;
  left: 0;
  overflow-y: auto;
  z-index: 200;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.service-details-container .service-details-cortina {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 201;
  background-color: rgba(0, 0, 0, 0.75);
}

.service-details-container section {
  position: absolute;
  top: 40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  max-width: 800px;
  height: auto;
  overflow: hidden;
  background-color: #fff;
  border-radius: 5px;
  z-index: 202;
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.service-details-container section::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}

.service-details-container section::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}

.service-details-container section::-webkit-scrollbar-thumb {
  background: #f7f7f7;
  border: 0px none #ffffff;
  border-radius: 20px;
}

.service-details-container section::-webkit-scrollbar-thumb:hover {
  background: #f7f7f7;
}

.service-details-container section::-webkit-scrollbar-thumb:active {
  background: #f7f7f7;
}

.service-details-container section::-webkit-scrollbar-track {
  background: #ffffff;
  border: 0px none #ffffff;
  border-radius: 20px;
}

.service-details-container section::-webkit-scrollbar-track:hover {
  background: #ffffff;
}

.service-details-container section::-webkit-scrollbar-track:active {
  background: #ffffff;
}

.service-details-container section::-webkit-scrollbar-corner {
  background: transparent;
}

.service-details-container section .side {
  position: relative;
  width: 100%;
  height: auto;
}

.service-details-container section .side h4 {
  font-size: 20px;
  color: #434343;
}

.service-details-container section .side p {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #606060;
}

.service-details-container section .side img {
  height: 14px;
  width: auto;
}

.service-details-container section .side .info-description {
  padding: 10px 0 12px 0;
}

.service-details-container section .side .info-especial {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 4px;
}

.service-details-container section .side .info-especial p {
  color: #a0a0a0;
  margin-bottom: -2px;
}

.service-details-container section .side .info-especial img {
  width: 14px;
  height: auto;
  margin-right: 6px;
}

.service-details-container section .side-left {
  height: 45%;
  min-height: 200px;
  max-height: 340px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  background-color: #f2f2f2;
}

.service-details-container section .side-left .backstep-container {
  position: absolute;
  top: 0;
  right: 0;
  width: 70px;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  z-index: 2;
}

.service-details-container section .side-left .backstep-container img {
  height: 30px;
  width: auto;
}

.service-details-container section .side-left .img-gallery {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
}

.service-details-container section .side-left .img-gallery img {
  width: 100%;
  height: auto;
}

.service-details-container section .side-left .service-map {
  position: relative;
  width: 100%;
  height: 50%;
}

.service-details-container section .side-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px;
  padding-top: 50px;
  cursor: default;
}

.service-details-container section .side-right h2 {
  margin-bottom: 15px;
}

.service-details-container section .side-right .service-tabs-container {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.service-details-container section .side-right .service-tabs-container .service-tabs {
  position: relative;
  width: 100%;
  height: auto;
}

.service-details-container section .side-right .service-tabs-container .service-tabs ul {
  position: relative;
  width: 100%;
  height: 47px;
  background-color: #FFF;
  border-bottom: 1px solid #f2f2f2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.service-details-container section .side-right .service-tabs-container .service-tabs ul li {
  width: 120px;
  height: 45px;
  font-size: 14px;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.service-details-container section .side-right .service-tabs-container .service-tabs ul .tab-active {
  color: #606060;
}

.service-details-container section .side-right .service-tabs-container .service-tabs ul .tab-slider {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 120px;
  height: 2px;
  background-color: #01a2dc;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.service-details-container section .side-right .service-tabs-container .service-tabs-body {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 350px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 25px;
  padding-top: 30px;
  border: 1px solid #f2f2f2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.service-details-container section .side-right .service-tabs-container .service-tabs-body h5 {
  font-size: 14px;
}

.service-details-container section .side-right .service-tabs-container .service-tabs-body p {
  color: #a0a0a0;
}

.service-details-container section .side-right .service-tabs-container .service-tabs-body p span {
  font-weight: 600;
}

.service-details-container section .side-right .service-tabs-container .service-tabs-body p b {
  font-family: "Poppins", sans-serif;
}

.service-details-container section .side-right .service-tabs-container .service-tabs-body .info-description {
  width: 100%;
  padding: 0;
  padding-top: 15px;
  padding-bottom: 20px;
}

.service-details-container section .side-right .service-tabs-container .service-tabs-body .info-description a {
  font-size: 14px;
}

.service-details-container section .side-right .service-tabs-container .service-tabs-body .service-map {
  position: relative;
  width: 100%;
  height: 350px;
  margin-top: 20px;
}

.service-details-container section .side-right .service-tabs-container .service-tabs-body .service-map iframe {
  pointer-events: none;
}

.service-details-container section .side-right .service-tabs-container .service-tabs-body::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}

.service-details-container section .side-right .service-tabs-container .service-tabs-body::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}

.service-details-container section .side-right .service-tabs-container .service-tabs-body::-webkit-scrollbar-thumb {
  background: #f7f7f7;
  border: 0px none #ffffff;
  border-radius: 20px;
}

.service-details-container section .side-right .service-tabs-container .service-tabs-body::-webkit-scrollbar-thumb:hover {
  background: #f7f7f7;
}

.service-details-container section .side-right .service-tabs-container .service-tabs-body::-webkit-scrollbar-thumb:active {
  background: #f7f7f7;
}

.service-details-container section .side-right .service-tabs-container .service-tabs-body::-webkit-scrollbar-track {
  background: #ffffff;
  border: 0px none #ffffff;
  border-radius: 20px;
}

.service-details-container section .side-right .service-tabs-container .service-tabs-body::-webkit-scrollbar-track:hover {
  background: #ffffff;
}

.service-details-container section .side-right .service-tabs-container .service-tabs-body::-webkit-scrollbar-track:active {
  background: #ffffff;
}

.service-details-container section .side-right .service-tabs-container .service-tabs-body::-webkit-scrollbar-corner {
  background: transparent;
}

.service-details-container section .side-right .service-tabs-container .body-map {
  position: relative;
  width: 100%;
  height: auto;
  overflow-y: scroll;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.service-details_active {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.service-details_inactive {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.general-msg {
  position: relative;
  width: 100%;
  height: calc(100% - 230px);
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: url("/img/backgrounds/general-patron.png") top center repeat;
  background-color: #fff;
}

.general-msg section {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 1400px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 80px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.general-msg section img {
  width: 200px;
  height: auto;
}

.general-msg section h1 {
  color: #606060;
  margin-bottom: 10px;
}

.general-msg section h4 {
  color: #606060;
  font-weight: 400;
}

.general-msg section button {
  margin-top: 15px;
}

.categories-container {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  background-color: #fff;
  border-top: 1px solid #f2f2f2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.categories-container section {
  position: relative;
  width: 100%;
  max-width: 1400px;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 60px 0 30px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.categories-container section h3 {
  color: #434343;
  margin-left: 10px;
}

.categories-container section .category-list-container {
  position: relative;
  width: 100%;
  margin: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.categories-container section .category-list-container .category-box {
  position: relative;
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px 10px;
  cursor: pointer;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.categories-container section .category-list-container .category-box .img-container {
  position: relative;
  width: 100%;
  height: 360px;
  overflow: hidden;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #000;
}

.categories-container section .category-list-container .category-box .img-container .img-cortina {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(120%, black));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 120%);
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.categories-container section .category-list-container .category-box .img-container h4 {
  position: absolute;
  bottom: 20px;
  left: 30px;
  color: #fff;
  z-index: 3;
}

.categories-container section .category-list-container .category-box .img-container img {
  width: auto;
  height: 100%;
  z-index: 1;
}

.categories-container section .category-list-container .category-box .info-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.categories-container section .category-list-container .category-box .info-container .info-description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.categories-container section .category-list-container .category-box .info-container .info-description p {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #606060;
  padding: 10px 0 10px 30px;
}

.categories-container section .category-list-container .category-box .info-container .info-description img {
  width: 18px;
  height: auto;
  margin-left: 10px;
}

.categories-container section .category-list-container .category-box:hover .img-container {
  -webkit-box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.15);
          box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.15);
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.categories-container section .category-list-container .category-box:hover .img-container .img-cortina {
  opacity: 0.75;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.categories-container section .category-list-container-mobile {
  display: none;
}

.more-services-container {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.more-services-container section {
  position: relative;
  width: 100%;
  max-width: 1400px;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 30px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.disableScroll {
  z-index: 0;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.disableScroll::-webkit-scrollbar {
  display: none;
}

/* Responsive */

/***** Responsive *****/

/* Tablets 1024px */

@media only screen and (max-width: 1025px) {
  header section a .header-logo {
    height: 24px;
  }

  .howworks-container section {
    padding: 110px 0 20px 0;
  }

  .howworks-container section .box {
    padding: 5px 0;
  }

  .services-container section {
    padding: 40px 10px;
  }

  .services-filter-container section {
    padding: 20px 10px;
  }

  .service-card {
    width: calc(50% - 20px);
  }

  .categories-container section {
    padding: 40px 0 10px 0;
  }

  .btn-toplist-container {
    bottom: 10px;
    margin: 10px 20px 10px 10px;
  }

  .service-details-container section {
    top: 15px;
    width: calc(100% - 30px);
    margin-bottom: 15px;
  }

  .service-details-container section .side-left {
    max-height: 340px;
  }

  .service-details-container section .side-left .img-gallery img {
    width: 120%;
    height: auto;
  }

  .service-details-container section .side-right {
    padding: 25px;
    padding-top: 35px;
  }

  .service-details-container section .side-right h2 {
    font-size: 22px;
    line-height: 28px;
  }

  .service-details-container section .side-right .service-tabs-container .service-tabs-body {
    padding: 25px 0;
    padding-bottom: 0;
  }

  .service-details-container section .side-right .service-tabs-container .service-tabs {
    width: calc(100% + 50px);
    margin-left: -25px;
  }

  .service-details-container section .side-right .service-tabs-container .service-tabs-body .info-description {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-right: 0;
  }

  .categories-container section .category-list-container {
    display: none;
  }

  .categories-container section .category-list-container-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    overflow-x: auto;
  }

  .categories-container section .category-list-container-mobile a:first-child {
    padding-left: 20px;
  }

  .categories-container section .category-list-container-mobile a:last-child {
    padding-right: 20px;
  }

  .categories-container section .category-list-container-mobile a {
    width: calc(33.33% - 18px);
  }

  .categories-container section .category-list-container .category-box .img-container {
    height: 200px;
  }

  .categories-container section .category-list-container .category-box .img-container h4 {
    font-size: 14px;
    bottom: 10px;
    left: 20px;
  }

  .howworks-container section .box .box-text h5 {
    font-size: 15px;
    line-height: 17px;
  }

  .howworks-container section .box .box-text p {
    font-size: 11px;
    line-height: 13px;
    height: 25px;
  }

  .howworks-container section .box .box-img {
    width: 60px;
    height: 60px;
  }

  .howworks-container section .box .box-text {
    position: relative;
    width: calc(100% - 60px);
  }

  .howworks-container section .box-container {
    overflow-x: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .howworks-container section .box-container .box {
    min-width: 240px;
  }

  .howworks-container section .box-container .box .box-img {
    height: 70px;
    width: 70px;
  }

  .howworks-container section .box-container .box .box-img img {
    height: 70px;
    width: 70px;
  }

  .howworks-container section .box-container .box .box-text p {
    font-size: 11px;
  }

  .howworks-container section .box-container .box .box-text {
    padding: 10px;
  }
}

/* Smartphones 480px */

@media only screen and (max-width: 481px) {
  header {
    height: 70px;
  }

  header section {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  header section .header-contact {
    display: none;
  }

  .banner-container .banner-msg .banner-msg-content h5 {
    font-size: 13px;
    line-height: 16px;
  }

  .howworks-container section h3 {
    font-size: 18px;
    line-height: 22px;
    margin: 20px 0 30px 0;
  }

  .services-container section h3 {
    margin-left: 15px;
    font-size: 18px;
    line-height: 22px;
  }

  .service-details-container section .side-left {
    max-height: 220px;
  }

  .services-filter-container section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .services-filter-container section .filter-section {
    width: 100%;
    margin-bottom: 15px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .services-filter-container section .filter-section .select-form {
    width: 50%;
  }

  .services-filter-container section .filter-section .select-form li {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }

  .services-filter-container section .filter-section .select-form li p {
    min-width: 150px;
    border: 1px solid #f2f2f2;
    border-radius: 50px;
    padding: 11px 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .services-filter-container section .filter-section .select-form li p .location-sort-1 {
    display: inline;
  }

  .services-filter-container section .filter-section .select-form li p .location-sort-2 {
    display: none;
  }

  .services-filter-container section .filter-section .select-form li p img {
    margin-right: 12px;
    height: 15px;
  }

  .services-filter-container section .filter-section .select-form li ul {
    width: auto;
    max-height: 260px;
  }

  .services-filter-container section .filter-section .select-form li ul li {
    text-align: right;
  }

  .services-filter-container section .filter-section .select-form li p {
    height: 16px;
  }

  .services-filter-container section .filter-section .select-form li p span {
    margin-bottom: -5px;
    color: #01a2dc;
  }

  .services-filter-container section .count-section p {
    margin-left: 8px;
    font-size: 11px;
  }

  .service-card {
    width: calc(50% - 10px);
    padding: 7px;
    margin: 5px;
    border: 0;
  }

  .service-card .card-img {
    height: 110px;
    margin-bottom: 15px;
  }

  .service-card .card-info {
    display: none;
  }

  .service-card .__mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .service-card .card-info h5 {
    font-size: 12px;
    line-height: 14px;
  }

  .service-card .card-info .info-especial {
    display: none;
    margin-top: 4px;
  }

  .service-card .card-info .info-especial img {
    width: 12px;
    margin-right: 5px;
  }

  .service-card .card-info p {
    font-size: 10px;
    line-height: 12px;
  }

  .service-card .card-info .info-rightgranted {
    padding-top: 7px;
    height: auto;
  }

  .service-card .card-info .info-description {
    padding: 5px 0;
  }

  .service-card .card-info .btn-primary {
    padding: 8px 18px;
    font-size: 10px;
    margin: 0;
    margin-top: 4px;
  }

  .services-filter-container section .filter-section .filter-form {
    max-width: none;
    padding: 5px 8px;
  }

  .services-filter-container section .filter-section .filter-form input::-webkit-input-placeholder {
    font-size: 12px;
  }

  .services-filter-container section .filter-section .filter-form input:-ms-input-placeholder {
    font-size: 12px;
  }

  .services-filter-container section .filter-section .filter-form input::-ms-input-placeholder {
    font-size: 12px;
  }

  .services-filter-container section .filter-section .filter-form input::placeholder {
    font-size: 12px;
  }

  .services-filter-container section .filter-section .filter-form .filter-button {
    padding: 6px;
  }

  .categories-container section {
    padding: 40px 0 10px 0;
  }

  .categories-container section .category-list-container {
    margin: 10px 0;
  }

  .categories-container section .category-list-container-mobile a {
    width: calc(50% - 25px);
  }

  .categories-container section .category-list-container .category-box .img-container {
    height: 150px;
  }

  .categories-container section .category-list-container-mobile a:first-child {
    padding-left: 10px;
  }

  .categories-container section .category-list-container-mobile a:last-child {
    padding-right: 8px;
  }

  footer {
    height: 160px;
  }

  footer section h2 {
    font-size: 22px;
    line-height: 28px;
  }

  footer section .social-container img {
    width: 22px;
  }

  .loader-container .loader-box img {
    width: 40px;
  }

  .general-msg {
    height: auto;
    margin-top: 80px;
  }

  .general-msg section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .general-msg section h4 {
    font-size: 14px;
    text-align: center;
  }

  .general-msg section h1 {
    margin-bottom: 0;
    font-size: 32px;
  }

  .general-msg section button {
    margin-bottom: 5px;
  }

  .general-msg section img {
    width: 140px;
  }

  .footer-secondary {
    height: auto;
    padding: 20px;
  }

  .footer-secondary section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .footer-secondary section .footer-side {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 20px;
  }

  .footer-secondary section .footer-side h5 {
    margin-bottom: 15px;
  }

  .footer-secondary section .footer-side-right {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .footer-secondary section .footer-side img {
    margin-bottom: 15px;
  }

  .footer-secondary section .footer-side-right img {
    height: 22px;
  }
}

/*  Etiquetas  */

 div.promocionCustom-nueva-tag, div.promocionCustom-tag, .etiquetas-contenedor-sola {
     display: flex;
     flex-direction: column;
     position: absolute;
     width: auto;
     height: auto;
 }

 div.promocionCustom-tag {
    left: 0;
    top: 17px;
    z-index: 1;
    margin-top: 11px;
    margin-left: 4px;
}

div.promocionCustom-tag > div {
   margin-bottom: 5px;
}


.etiq {
    width: 80px;
}

.etiq p {
    font-family: 'Lato',sans-serif;
    font-weight: 900;
    margin: 0px;
       padding:7px  10px;
    font-size: 12px;
    color: #ffffff;
    border-radius: 5px;
    text-align: center;
    letter-spacing: .065em;
    cursor: pointer;
    box-shadow: 0 2px 15px -4px rgba(0,0,0,.15);
}

.tagActive  {
     background: linear-gradient(90deg, rgba(21,222,86,1) 0%, rgba(36,231,174,1) 100%);
     display: flex;
     flex-direction: row;
     border-radius: 5px;
}

.tagActive p  {
    padding: 7px 0px;
    box-shadow: unset;
    width: auto;
}

.tagActive img {
    width: 15px;
    padding-left: 7px;
    padding-right: 4px;
}

/*Etiquetas en experiencias*/
.online p {
    background-color: #ffffff;
    background-image: linear-gradient(-60deg, #6400FF 0%, #BC00FF 100%);
}


.delivery p {
    background-color: #ffffff;
    background-image: linear-gradient(-60deg, #FF416C 0%, #FF4B2B 100%);
}


@media only screen and (max-width: 481px){

    div.promocionCustom-tag {
        display: flex;
        flex-direction: row;
        position: relative;
        left: 0px;
        top: 0px;
        height: 30px;
        z-index: 1;
        margin-top: 10px;
        margin-bottom: 2px;
        margin-left: 0px;
    }


    div.promocionCustom-tag > div {
        margin-bottom: 2px;
    }


    div.promocionCustom-tag div:first-child {
        margin-right: 3px;
    }


    .tagActive img {
        display: none;
    }

    .service-active p, .tagActive p {
        width: 100%;
        padding: 0px;
    }

}

@media only screen and (max-width: 1025px) {

    div.promocionCustom-tag {
        display: flex;
        position: absolute;
        left: 0px;
        top: 15px;
        z-index: 1;
        margin-top: 0px;
        margin-left: 0px;
    }

    .etiq {
        width: 70px;
        font-weight: 900;
    }

    .etiq p{
        font-size: 10px;
        padding: 5px;
    }


}