@charset "UTF-8";
body {
  background-color: #fafafa;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-name: slidein;
          animation-name: slidein;
}

@-webkit-keyframes slidein {
  from {
    margin-top: 10%;
    opacity: 0;
  }
  to {
    margin-top: 0;
    opacity: 1;
  }
}

@keyframes slidein {
  from {
    margin-top: 10%;
    opacity: 0;
  }
  to {
    margin-top: 0;
    opacity: 1;
  }
}
/**
  EDgrid es una librería CSS para construir layouts con Responsive Web Design
  Importe este archivo en su proyecto para empezar a usarlo
**/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Montserrat", sans-serif;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  text-decoration: none;
  font-family: "Montserrat", sans-serif;
}
a:hover {
  text-decoration: none;
}

.ed-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.ed-item {
  margin: 0;
  padding-left: 0.9375em;
  padding-right: 0.9375em;
}

.ed-item {
  width: 100%;
}
.ed-item.ed-container {
  padding-left: 0;
  padding-right: 0;
}

/*
| Mixin para crear cuadriculas
|
| $selector: nombre del selector CSS de cada item de la cuadricula
|
| $gutter: separación entre cada item de la cuadricula (opcional)
|
*/
.button {
  display: inline-block;
  line-height: 2.5em;
  padding: 0 1.5em;
  cursor: pointer;
  margin-bottom: 1em;
  border: none;
}

.s-5,
.ed-item.s-5 {
  width: 5%;
}

.s-10,
.ed-item.s-10 {
  width: 10%;
}

.s-15,
.ed-item.s-15 {
  width: 15%;
}

.s-20,
.ed-item.s-20 {
  width: 20%;
}

.s-25,
.ed-item.s-25 {
  width: 25%;
}

.s-30,
.ed-item.s-30 {
  width: 30%;
}

.s-35,
.ed-item.s-35 {
  width: 35%;
}

.s-40,
.ed-item.s-40 {
  width: 40%;
}

.s-45,
.ed-item.s-45 {
  width: 45%;
}

.s-50,
.ed-item.s-50 {
  width: 50%;
}

.s-55,
.ed-item.s-55 {
  width: 55%;
}

.s-60,
.ed-item.s-60 {
  width: 60%;
}

.s-65,
.ed-item.s-65 {
  width: 65%;
}

.s-70,
.ed-item.s-70 {
  width: 70%;
}

.s-75,
.ed-item.s-75 {
  width: 75%;
}

.s-80,
.ed-item.s-80 {
  width: 80%;
}

.s-85,
.ed-item.s-85 {
  width: 85%;
}

.s-90,
.ed-item.s-90 {
  width: 90%;
}

.s-95,
.ed-item.s-95 {
  width: 95%;
}

.s-100,
.ed-item.s-100 {
  width: 100%;
}

.s-1-3,
.ed-item.s-1-3 {
  width: 33.3333333333%;
}

.s-2-3,
.ed-item.s-2-3 {
  width: 66.6666666667%;
}

.s-3-3,
.ed-item.s-3-3 {
  width: 100%;
}

.s-1-6,
.ed-item.s-1-6 {
  width: 16.6666666667%;
}

.s-2-6,
.ed-item.s-2-6 {
  width: 33.3333333333%;
}

.s-3-6,
.ed-item.s-3-6 {
  width: 50%;
}

.s-4-6,
.ed-item.s-4-6 {
  width: 66.6666666667%;
}

.s-5-6,
.ed-item.s-5-6 {
  width: 83.3333333333%;
}

.s-6-6,
.ed-item.s-6-6 {
  width: 100%;
}

@media all and (min-width: 640px) {
  .m-5,
.ed-item.m-5 {
    width: 5%;
  }

  .m-10,
.ed-item.m-10 {
    width: 10%;
  }

  .m-15,
.ed-item.m-15 {
    width: 15%;
  }

  .m-20,
.ed-item.m-20 {
    width: 20%;
  }

  .m-25,
.ed-item.m-25 {
    width: 25%;
  }

  .m-30,
.ed-item.m-30 {
    width: 30%;
  }

  .m-35,
.ed-item.m-35 {
    width: 35%;
  }

  .m-40,
.ed-item.m-40 {
    width: 40%;
  }

  .m-45,
.ed-item.m-45 {
    width: 45%;
  }

  .m-50,
.ed-item.m-50 {
    width: 50%;
  }

  .m-55,
.ed-item.m-55 {
    width: 55%;
  }

  .m-60,
.ed-item.m-60 {
    width: 60%;
  }

  .m-65,
.ed-item.m-65 {
    width: 65%;
  }

  .m-70,
.ed-item.m-70 {
    width: 70%;
  }

  .m-75,
.ed-item.m-75 {
    width: 75%;
  }

  .m-80,
.ed-item.m-80 {
    width: 80%;
  }

  .m-85,
.ed-item.m-85 {
    width: 85%;
  }

  .m-90,
.ed-item.m-90 {
    width: 90%;
  }

  .m-95,
.ed-item.m-95 {
    width: 95%;
  }

  .m-100,
.ed-item.m-100 {
    width: 100%;
  }

  .m-1-3,
.ed-item.m-1-3 {
    width: 33.3333333333%;
  }

  .m-2-3,
.ed-item.m-2-3 {
    width: 66.6666666667%;
  }

  .m-3-3,
.ed-item.m-3-3 {
    width: 100%;
  }

  .m-1-6,
.ed-item.m-1-6 {
    width: 16.6666666667%;
  }

  .m-2-6,
.ed-item.m-2-6 {
    width: 33.3333333333%;
  }

  .m-3-6,
.ed-item.m-3-6 {
    width: 50%;
  }

  .m-4-6,
.ed-item.m-4-6 {
    width: 66.6666666667%;
  }

  .m-5-6,
.ed-item.m-5-6 {
    width: 83.3333333333%;
  }

  .m-6-6,
.ed-item.m-6-6 {
    width: 100%;
  }
}
@media all and (min-width: 1024px) {
  .l-5,
.ed-item.l-5 {
    width: 5%;
  }

  .l-10,
.ed-item.l-10 {
    width: 10%;
  }

  .l-15,
.ed-item.l-15 {
    width: 15%;
  }

  .l-20,
.ed-item.l-20 {
    width: 20%;
  }

  .l-25,
.ed-item.l-25 {
    width: 25%;
  }

  .l-30,
.ed-item.l-30 {
    width: 30%;
  }

  .l-35,
.ed-item.l-35 {
    width: 35%;
  }

  .l-40,
.ed-item.l-40 {
    width: 40%;
  }

  .l-45,
.ed-item.l-45 {
    width: 45%;
  }

  .l-50,
.ed-item.l-50 {
    width: 50%;
  }

  .l-55,
.ed-item.l-55 {
    width: 55%;
  }

  .l-60,
.ed-item.l-60 {
    width: 60%;
  }

  .l-65,
.ed-item.l-65 {
    width: 65%;
  }

  .l-70,
.ed-item.l-70 {
    width: 70%;
  }

  .l-75,
.ed-item.l-75 {
    width: 75%;
  }

  .l-80,
.ed-item.l-80 {
    width: 80%;
  }

  .l-85,
.ed-item.l-85 {
    width: 85%;
  }

  .l-90,
.ed-item.l-90 {
    width: 90%;
  }

  .l-95,
.ed-item.l-95 {
    width: 95%;
  }

  .l-100,
.ed-item.l-100 {
    width: 100%;
  }

  .l-1-3,
.ed-item.l-1-3 {
    width: 33.3333333333%;
  }

  .l-2-3,
.ed-item.l-2-3 {
    width: 66.6666666667%;
  }

  .l-3-3,
.ed-item.l-3-3 {
    width: 100%;
  }

  .l-1-6,
.ed-item.l-1-6 {
    width: 16.6666666667%;
  }

  .l-2-6,
.ed-item.l-2-6 {
    width: 33.3333333333%;
  }

  .l-3-6,
.ed-item.l-3-6 {
    width: 50%;
  }

  .l-4-6,
.ed-item.l-4-6 {
    width: 66.6666666667%;
  }

  .l-5-6,
.ed-item.l-5-6 {
    width: 83.3333333333%;
  }

  .l-6-6,
.ed-item.l-6-6 {
    width: 100%;
  }
}
@media all and (min-width: 1360px) {
  .xl-5,
.ed-item.xl-5 {
    width: 5%;
  }

  .xl-10,
.ed-item.xl-10 {
    width: 10%;
  }

  .xl-15,
.ed-item.xl-15 {
    width: 15%;
  }

  .xl-20,
.ed-item.xl-20 {
    width: 20%;
  }

  .xl-25,
.ed-item.xl-25 {
    width: 25%;
  }

  .xl-30,
.ed-item.xl-30 {
    width: 30%;
  }

  .xl-35,
.ed-item.xl-35 {
    width: 35%;
  }

  .xl-40,
.ed-item.xl-40 {
    width: 40%;
  }

  .xl-45,
.ed-item.xl-45 {
    width: 45%;
  }

  .xl-50,
.ed-item.xl-50 {
    width: 50%;
  }

  .xl-55,
.ed-item.xl-55 {
    width: 55%;
  }

  .xl-60,
.ed-item.xl-60 {
    width: 60%;
  }

  .xl-65,
.ed-item.xl-65 {
    width: 65%;
  }

  .xl-70,
.ed-item.xl-70 {
    width: 70%;
  }

  .xl-75,
.ed-item.xl-75 {
    width: 75%;
  }

  .xl-80,
.ed-item.xl-80 {
    width: 80%;
  }

  .xl-85,
.ed-item.xl-85 {
    width: 85%;
  }

  .xl-90,
.ed-item.xl-90 {
    width: 90%;
  }

  .xl-95,
.ed-item.xl-95 {
    width: 95%;
  }

  .xl-100,
.ed-item.xl-100 {
    width: 100%;
  }

  .xl-1-3,
.ed-item.xl-1-3 {
    width: 33.3333333333%;
  }

  .xl-2-3,
.ed-item.xl-2-3 {
    width: 66.6666666667%;
  }

  .xl-3-3,
.ed-item.xl-3-3 {
    width: 100%;
  }

  .xl-1-6,
.ed-item.xl-1-6 {
    width: 16.6666666667%;
  }

  .xl-2-6,
.ed-item.xl-2-6 {
    width: 33.3333333333%;
  }

  .xl-3-6,
.ed-item.xl-3-6 {
    width: 50%;
  }

  .xl-4-6,
.ed-item.xl-4-6 {
    width: 66.6666666667%;
  }

  .xl-5-6,
.ed-item.xl-5-6 {
    width: 83.3333333333%;
  }

  .xl-6-6,
.ed-item.xl-6-6 {
    width: 100%;
  }
}
.to-center {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.to-left {
  float: left;
  width: auto;
  margin-right: 1em;
}

.to-right {
  float: right;
  width: auto;
  margin-left: 1em;
}

.full {
  max-width: 100%;
}

.circle {
  border-radius: 50%;
}

.clearfix:before, .clearfix:after {
  content: "";
  width: 100%;
  display: table;
  clear: both;
}

.no-padding.ed-container > .ed-item {
  padding-left: 0em;
  padding-right: 0em;
}

.no-padding.ed-item {
  padding-left: 0em;
  padding-right: 0em;
}

.padding {
  padding-left: 0.9375em;
  padding-right: 0.9375em;
}

.padding-2 {
  padding-left: 1.875em;
  padding-right: 1.875em;
}

.padding-3 {
  padding-left: 2.8125em;
  padding-right: 2.8125em;
}

body.sticky-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
}
body.sticky-footer > footer {
  margin-top: auto;
}

.main-justify {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.main-distribute {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.main-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.main-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.cross-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

.cross-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}

.cross-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-line-pack: end;
      align-content: flex-end;
}

.flex-reverse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.flex-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-column-reverse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.abcenter {
  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;
  text-align: center;
}

.from-s {
  display: none;
}

.to-s {
  display: none;
}

@media screen and (max-width: 639px) {
  .from-m {
    display: none;
  }
}

@media screen and (min-width: 640px) {
  .to-m {
    display: none;
  }
}

@media screen and (max-width: 1023px) {
  .from-l {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  .to-l {
    display: none;
  }
}

@media screen and (max-width: 1359px) {
  .from-xl {
    display: none;
  }
}

@media screen and (min-width: 1360px) {
  .to-xl {
    display: none;
  }
}

.ed-video {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}
.ed-video > iframe,
.ed-video > video,
.ed-video > .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.button {
  background: #ddd;
  color: #333;
}
.button:hover {
  background: #d0d0d0;
  text-decoration: none;
}
.button:active {
  -webkit-transform: scale(0.97);
      -ms-transform: scale(0.97);
          transform: scale(0.97);
}

.header {
  background-color: #fff;
  -webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.065);
          box-shadow: 0 2px 9px rgba(0, 0, 0, 0.065);
  padding: 1.5em 0;
  width: 100%;
  position: relative;
}
@media screen and (min-width: 640px) {
  .header {
    padding: 1em 0;
  }
}
@media screen and (min-width: 1024px) {
  .header {
    position: fixed;
    top: 0;
    left: 0;
    width: 5%;
    height: 100vh;
    z-index: 100;
  }
}
@media screen and (min-width: 1360px) {
  .header {
    width: 4%;
  }
}
.header .logo-text {
  display: none;
}
@media screen and (min-width: 1024px) {
  .header .logo-text {
    color: #000;
    font-weight: 500;
    display: inline;
    margin: 0;
    padding: 0;
    position: fixed;
    bottom: 25%;
    left: -11em;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
}
@media screen and (min-width: 1360px) {
  .header .logo-text {
    left: -10.5em;
  }
}
@media screen and (min-width: 1024px) {
  .header .logo {
    display: none;
  }
}
.header .logo img {
    margin: 0 auto;
    width: 30%;
}
@media screen and (min-width: 640px) {
  .header .logo img {
    width: 15%;
  }
}
@media screen and (min-width: 1024px) {
  .header .logo img {
    width: 100%;
  }
}
@media screen and (min-width: 1360px) {
  .header .logo img {
    width: 100%;
  }
}

.banner {
  background: url("../img/banner/banner_small/01.jpg");
  /*background-position: -250px;*/
  background-size: cover;
  background-repeat: no-repeat;
  height: 400px;
}
@media screen and (min-width: 1024px) {
  .banner {
    height: auto;
    background: none;
  }
}
@media screen and (min-width: 1360px) {
  .banner {
    height: auto;
    background: none;
  }
}
.banner__logo-sst{
  position: absolute;
  top: .5em;
  width: 15%;
  margin: 5%;
}
@media screen and (min-width: 640px) {
  .banner__logo-sst{
    top: .5em;
    width: 10%;
    margin: 0 45%;
    z-index: 102;
  }   
}  
@media screen and (min-width: 1024px) {
  .banner__logo-sst{
    top: .9em;
    width: 8%;
    right: -3.6em;
    z-index: 102;
  }   
}
@media screen and (min-width: 1360px) {
  .banner__logo-sst{
    top: .9em;
    width: 7%;
    right: -5.5em;
    z-index: 102;
  }   
}  
.banner__logo {
  display: none;
}
@media screen and (min-width: 1024px) {
  .banner__logo {
    display: inline;
    position: absolute;
    z-index: 90;
    width: 100%;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .banner__logo img {
    width: 12%;
    margin: 0 auto;
    margin-top: 2em;
  }
}

.banner__img {
  display: none;
}
@media screen and (min-width: 1024px) {
  .banner__img {
    display: inline;
    width: 100%;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .banner__img img {
    width: 15%;
    margin: 0 auto;
    margin-top: 2em;
  }
}
.banner .slogan {
  position: absolute;
  z-index: 99;
  width: 100%;
  margin-top: 5%;
}
@media screen and (min-width: 640px) {
  .banner .slogan {
    margin-top: 13%;
  }
}
@media screen and (min-width: 1024px) {
  .banner .slogan {
    margin-top: 15%;
  }
}
@media screen and (min-width: 1360px) {
  .banner .slogan {
    margin-top: 17%;
  }
}
.banner .slogan h1, .banner .slogan h2 {
  color: #fff;
  margin: 0;
  font-size: 2em;
  text-align: center;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 640px) {
  .banner .slogan h1, .banner .slogan h2 {
    font-size: 2.5em;
    font-weight: 400;
  }
}
@media screen and (min-width: 1024px) {
  .banner .slogan h1, .banner .slogan h2 {
    font-size: 3.2em;
  }
}
@media screen and (min-width: 1360px) {
  .banner .slogan h1, .banner .slogan h2 {
    font-size: 4em;
  }
}
.banner .slogan h2 {
  font-size: 2em;
  font-weight: 700;
  margin: 0;
  padding: 0;
  text-transform: capitalize;
  margin-top: 2em;
  margin-bottom: 1em;
}
@media screen and (min-width: 640px) {
  .banner .slogan h2 {
    margin-top: 0.3em;
    font-size: 2em;
    margin-bottom: 1em;
  }
}
@media screen and (min-width: 1024px) {
  .banner .slogan h2 {
    margin-top: 0.5em;
    font-size: 2.5em;
  }
}
.banner .slider {
  width: 100%;
  overflow: hidden;
  position: relative;
  height: 100%;
  display: none;
}
@media screen and (min-width: 1024px) {
  .banner .slider {
    display: block;
  }
}
.banner .slider .skin {
  position: absolute;
  bottom: 0;
  width: 100%;
}
@media screen and (min-width: 1360px) {
  .banner .slider .skin {
    bottom: 0;
  }
}
.banner .slider .skin .fondo {
  z-index: 100;
}
.banner .slider .skin .travelito {
  position: absolute;
  bottom: 0;
  z-index: 99;
  width: 20%;
}
@media screen and (min-width: 1024px) {
  .banner .slider .skin .travelito {
    width: 15% !important;
    left: 5rem;
    bottom: 1em;
  }
}
@media screen and (min-width: 1360px) {
  .banner .slider .skin .travelito {
    width: 17% !important;
    bottom: 2em;
    left: 14em;
  }
}
.banner .slider .slides {
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
  /* width: 500%; */
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.banner .slider .slides .slide {
  width: 100%;
  position: relative;
}
.banner .slider .slides .slide .info {
  width: 100%;
  position: absolute;
  z-index: 90;
  top: 30%;
  text-align: center;
}
@media screen and (min-width: 640px) {
  .banner .slider .slides .slide .info {
    text-align: left;
    top: 30%;
    left: 8%;
  }
}
@media screen and (min-width: 1024px) {
  .banner .slider .slides .slide .info {
    left: 8%;
  }
}
@media screen and (min-width: 1360px) {
  .banner .slider .slides .slide .info {
    top: 25%;
    left: 15%;
  }
}
.banner .slider .slides .slide .info h2, .banner .slider .slides .slide .info h3, .banner .slider .slides .slide .info a {
  margin: 0;
  padding: 0;
  color: #fff;
  text-transform: uppercase;
}
.banner .slider .slides .slide .info h2 {
  font-size: 1.8em;
  font-weight: 300;
  text-shadow: 2px 2px 1px rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 640px) {
  .banner .slider .slides .slide .info h2 {
    font-size: 2.5em;
  }
}
@media screen and (min-width: 1024px) {
  .banner .slider .slides .slide .info h2 {
    font-size: 3em;
  }
}
@media screen and (min-width: 1360px) {
  .banner .slider .slides .slide .info h2 {
    font-size: 4.5em;
  }
}
.banner .slider .slides .slide .info h3 {
  border-radius: 5px;
  font-size: 0.9em;
  font-weight: 400;
  margin-top: 0.5em;
  margin-bottom: 0.8em;
  color: #d3ec8c;
}
@media screen and (min-width: 640px) {
  .banner .slider .slides .slide .info h3 {
    font-size: 1.1em;
    margin-bottom: 1em;
  }
}
@media screen and (min-width: 1024px) {
  .banner .slider .slides .slide .info h3 {
    font-size: 1.5em;
    margin-bottom: 1.5em;
  }
}
@media screen and (min-width: 1360px) {
  .banner .slider .slides .slide .info h3 {
    font-size: 2.5em;
    margin-bottom: 1em;
  }
}
.banner .slider .slides .slide .info a {
  background-color: #772B69;
  border-radius: 10px;
  font-size: 0.9em;
  font-weight: 300;
  padding: 0.3em 0.5em;
  text-transform: capitalize;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 640px) {
  .banner .slider .slides .slide .info a {
    padding: 0.5em 1em;
    font-size: 1.2em;
    border-radius: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .banner .slider .slides .slide .info a {
    padding: 0.5em 1em;
    font-size: 1.5em;
  }
}
@media screen and (min-width: 1360px) {
  .banner .slider .slides .slide .info a {
    padding: 0.8em 1.5em;
  }
}
.banner .slider .slides .slide .info a:hover {
  background-color: #96BF20;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.banner .slider .slides .slide img {
  display: block;
  width: 100%;
}
.banner .slider #arrow-bigleft, .banner .slider #arrow-bigright {
  display: none;
  top: 40%;
  z-index: 99;
  cursor: pointer;
  font-weight: bold;
  font-size: 2.5em;
  color: rgba(255, 255, 255, 0.3);
  position: absolute;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 640px) {
  .banner .slider #arrow-bigleft, .banner .slider #arrow-bigright {
    top: 45%;
  }
}
@media screen and (min-width: 1024px) {
  .banner .slider #arrow-bigleft, .banner .slider #arrow-bigright {
    display: inline;
    top: 42%;
    font-size: 3.5em;
  }
}
@media screen and (min-width: 1360px) {
  .banner .slider #arrow-bigleft, .banner .slider #arrow-bigright {
    top: 45%;
    font-size: 4em;
  }
}
.banner .slider #arrow-bigleft:hover, .banner .slider #arrow-bigright:hover {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: #fff;
}
.banner .slider #arrow-bigleft {
  left: 5%;
}
.banner .slider #arrow-bigright {
  right: 5%;
}

.partners {
  background-color: #fff;
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1);
          box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1);
  padding-bottom: 2em;
}

.blog {
  padding-bottom: 2em;
}

.section-main {
  padding-bottom: 2em;
}
.section-main__titlebar {
  padding: 2em 1.5em;
}
@media screen and (min-width: 640px) {
  .section-main__titlebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 3em;
  }
  .section-main__titlebar__bar, .section-main__titlebar__buttons {
    width: 50%;
  }
}
.section-main__titlebar__bar__title, .section-main__titlebar__bar__desc {
  margin: 0;
  padding: 0;
}
.section-main__titlebar__bar__title {
  text-transform: capitalize;
  font-weight: 500;
  padding-bottom: 0.3em;
  font-size: 1.8em;
  color: #772B69;
}
.section-main__titlebar__bar__desc {
  font-size: 0.9em;
  color: gray;
}
.section-main__titlebar__buttons {
  padding: 1em 0;
  margin-top: 2em;
  text-align: right;
}
@media screen and (min-width: 640px) {
  .section-main__titlebar__buttons {
    margin-top: 0;
  }
}
.section-main__content {
  padding: 0;
}
@media screen and (min-width: 640px) {
  .section-main__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.full-days {
  list-style: none;
  margin: 0;
  padding: 0 0.5em;
}
@media screen and (min-width: 640px) {
  .full-days {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.full-days__viaje {
  border-radius: 5px;
  margin-bottom: 0.7em;
  position: relative;
}
@media screen and (min-width: 640px) {
  .full-days__viaje {
    margin: 1em;
    width: calc(50% - 2em);
    -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
            box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
  }
  .full-days__viaje:hover {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@media screen and (min-width: 1024px) {
  .full-days__viaje {
    width: calc(25% - 2em);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
}
.full-days__viaje__img img {
  display: block;
  width: 100%;
  border-radius: 5px;
}
.full-days__viaje__info {
  padding: 1em;
  position: absolute;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  width: 100%;
}
.full-days__viaje__info h3 {
  margin: 0;
  padding: 0.1em 0;
  color: #fff;
  font-size: 1.3em;
}
.full-days__viaje__info span {
  color: #4d4d4d;
}
.full-days__viaje__info__title {
  font-weight: 500;
  color: #333333;
  font-size: 1.3em;
  text-transform: capitalize;
}
.full-days__viaje__info__costo {
  margin: 0;
  padding: 0;
  font-size: 0.9em;
  font-weight: 400;
  color: #96BF20 #fff !important;
}

.tours {
  list-style: none;
  margin: 0;
  padding: 0 0.5em;
}
@media screen and (min-width: 640px) {
  .tours {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.tours__tour {
  border-radius: 5px;
  margin-bottom: 0.7em;
  background-color: #fff;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 640px) {
  .tours__tour {
    margin: 0.5em;
    width: calc(50% - 1em);
    -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.15);
            box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.15);
  }
}
@media screen and (min-width: 1024px) {
  .tours__tour {
    margin: 1em;
    width: calc(25% - 2em);
  }
}
.tours__tour__img {
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 640px) {
  .tours__tour__img:hover > img {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
  }
}
.tours__tour__img img {
  display: block;
  width: 100%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.tours__tour__info {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 1em;
}
.tours__tour__info h3 {
  margin: 0;
  padding: 0.2em 0;
}
.tours__tour__info span {
  color: #4d4d4d;
}
.tours__tour__info__title {
  font-weight: 500;
  color: #333333;
  font-size: 1.1em;
}
.tours__tour__info__duracion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.tours__tour__info__duracion span {
  width: 10%;
  font-size: 0.9em;
}
@media screen and (min-width: 640px) {
  .tours__tour__info__duracion span {
    width: 10%;
  }
}
@media screen and (min-width: 1024px) {
  .tours__tour__info__duracion span {
    width: 8%;
  }
}
.tours__tour__info__duracion h3 {
  width: 90%;
  margin-bottom: 0.2em;
  font-weight: 400;
  color: #666666;
  font-size: 0.85em;
}
@media screen and (min-width: 640px) {
  .tours__tour__info__duracion h3 {
    width: 90%;
    font-size: 0.9em;
  }
}
@media screen and (min-width: 1024px) {
  .tours__tour__info__duracion h3 {
    width: 92%;
  }
}
.tours__tour__info__costo {
  font-size: 0.9em;
  font-weight: 400;
  color: #96BF20 !important;
}

.ventajas {
  list-style: none;
  margin: 0;
  padding: 0.2em;
}
@media screen and (min-width: 640px) {
  .ventajas {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.ventajas__ventaja {
  background-color: #fff;
  text-align: center;
  padding: 1em;
  margin-bottom: 0.5em;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.15);
}
@media screen and (min-width: 640px) {
  .ventajas__ventaja {
    margin: 1em;
    width: calc(50% - 2em);
  }
}
@media screen and (min-width: 1024px) {
  .ventajas__ventaja {
    width: calc(33% - 2em);
  }
}
.ventajas__ventaja__img {
  margin: 1.5em 0;
}
.ventajas__ventaja__img span {
  font-size: 6em;
  color: #96BF20;
}
.ventajas__ventaja__img img {
  display: block;
  width: 25%;
  margin: 0 auto;
}
.ventajas__ventaja__title {
  margin: 0;
  padding: 0;
  text-transform: capitalize;
  color: #333333;
  font-weight: 500;
}
.ventajas__ventaja__desc {
  line-height: 1.5em;
  font-size: 0.9em;
  color: #666666;
}

.viajespromo {
  list-style: none;
  margin: 0;
  padding: 0 1em;
}
@media screen and (min-width: 640px) {
  .viajespromo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.viajespromo__viaje {
  border-radius: 5px;
  margin-bottom: 0.7em;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 640px) {
  .viajespromo__viaje {
    margin: 1em;
    width: calc(50% - 2em);
    -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
            box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
  }
  .viajespromo__viaje:nth-child(even) {
    margin-top: 5em;
  }
}
@media screen and (min-width: 1024px) {
  .viajespromo__viaje {
    width: calc(25% - 2em);
  }
}
.viajespromo__viaje__img {
  border-radius: 5px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.viajespromo__viaje__img img {
  display: block;
  width: 100%;
  border-radius: 5px;
}
.viajespromo__viaje__img:hover {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
          transform: scale(1.3);
}
.viajespromo__viaje__info {
  padding: 1em;
  position: absolute;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  width: 100%;
}
.viajespromo__viaje__info h3 {
  margin: 0;
  padding: 0.1em 0;
  color: #fff;
  font-size: 1.3em;
}
.viajespromo__viaje__info span {
  color: #4d4d4d;
}
.viajespromo__viaje__info__title {
  font-weight: 500;
  color: #333333;
  font-size: 1.3em;
  text-transform: capitalize;
}
.viajespromo__viaje__info__costo {
  margin: 0;
  padding: 0;
  font-size: 0.9em;
  font-weight: 400;
  color: #96BF20 #fff !important;
}

.colaboradores {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 640px) {
  .colaboradores {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.colaboradores__colaborador {
  text-align: center;
  padding: 1em 0.5em;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 640px) {
  .colaboradores__colaborador {
    margin: 0.5em;
    width: calc(33% - 1em);
  }
}
@media screen and (min-width: 1024px) {
  .colaboradores__colaborador {
    width: calc(25% - 1em);
  }
}
.colaboradores__colaborador__img img {
  display: block;
  width: 90%;
  margin: 0 auto;
}

.testimonios {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 640px) {
  .testimonios {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.testimonios__testimonio {
  text-align: center;
  padding: 1em;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 640px) {
  .testimonios__testimonio {
    margin: 0.5em;
    width: calc(50% - 1em);
  }
}
@media screen and (min-width: 1024px) {
  .testimonios__testimonio {
    width: calc(33% - 1em);
  }
}
.testimonios__testimonio__img img {
  width: 50%;
  display: block;
  margin: 0 auto;
  border: 8px solid #96BF20;
  border-radius: 50%;
}
.testimonios__testimonio__name {
  margin: 0;
  padding: 0;
  padding-top: 1em;
  text-transform: capitalize;
  font-style: italic;
  color: #96BF20;
  font-weight: 500;
}
.testimonios__testimonio__desc {
  line-height: 1.5em;
  font-size: 0.9em;
  color: #666666;
  font-style: italic;
}

.posts {
  list-style: none;
  margin: 0;
  padding: 0 1em;
  width: 100%;
}
@media screen and (min-width: 640px) {
  .posts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.posts__post {
  margin-bottom: 0.7em;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 640px) {
  .posts__post {
    margin: 0.5em;
    width: calc(50% - 1em);
    -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.15);
            box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.15);
  }
  .posts__post:hover {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@media screen and (min-width: 1024px) {
  .posts__post {
    width: calc(33% - 1em);
  }
}
.posts__post__img img {
  display: block;
  width: 100%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.posts__post__info {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #fff;
  padding: 1em;
  bottom: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.posts__post__info h3, .posts__post__info a {
  margin: 0;
  padding: 0.1em 0;
  color: #000;
  font-size: 0.9em;
}
.posts__post__info h3 {
  padding-right: 0.1em;
}
.posts__post__info a {
  padding-left: 0.2em;
  color: #96BF20;
}
.posts__post__info span {
  color: #4d4d4d;
}
.posts__post__info__title {
  font-weight: 500;
  color: #333333;
  font-size: 1.3em;
}
.posts__post__info__rubro {
  margin: 0;
  padding: 0;
  font-size: 0.9em;
  font-weight: 400;
  color: #96BF20 #fff !important;
}

.header-page {
  padding: 2em 0;
  padding-bottom: 3em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 2em;
}
.header-page__title {
  margin: 0;
  padding: 0.7em 0;
  text-align: center;
  text-transform: capitalize;
  font-weight: 600;
  color: #772B69;
  
}
/* @media screen and (min-width: 640px) {
  .header-page__title {
    font-size: 2em;
  }
} */
.header-page__desc {
  margin: 0;
  text-align: center;
  line-height: 1.5em;
  font-weight: 500;
  color: #666666;
}
  
@media screen and (min-width: 1024px) {
  .header-page__desc {
    padding: 0 10em;
  }
}

#menu-toggle {
  color: #96BF20;
  position: absolute;
  top: 1.8rem;
  right: 0.5rem;
  font-size: 2em;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 640px) {
  #menu-toggle {
    top: 1.8rem;
    right: 0.5em;
  }
}
@media screen and (min-width: 1024px) {
  #menu-toggle {
    top: 2%;
    left: 0.3em;
  }
}
@media screen and (min-width: 1360px) {
  #menu-toggle {
    top: 2%;
    left: 0.7em;
  }
}

.menu {
  display: none;
  position: absolute;
  background-color: #fff;
  width: 100%;
  z-index: 101;
  left: 0;
  top: 5em;
  -webkit-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.1);
  padding: 0 1em;
}
@media screen and (min-width: 1024px) {
  .menu {
    position: fixed;
    width: 35%;
    left: 5%;
    z-index: 100;
    top: 0;
    height: 100vh;
  }
}
@media screen and (min-width: 1360px) {
  .menu {
    left: 4%;
    width: 22%;
  }
}
.menu__menu-main {
  padding: 3em 0;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .menu__menu-main {
    padding: 0;
    padding-top: 1em;
    padding-bottom: 3em;
  }
}
.menu__menu-main ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.menu__menu-main ul li {
  padding: 0.5em 1.5em;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #772B69;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
  transition: all 0.3s;
}
.menu__menu-main ul li:hover > a, .menu__menu-main ul li:hover > h4, .menu__menu-main ul li:hover > span {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: #96BF20;
}
.menu__menu-main ul li a, .menu__menu-main ul li h4, .menu__menu-main ul li span {
  width: 50%;
}
.menu__menu-main ul li a, .menu__menu-main ul li h4 {
  color: #000;
  font-weight: 600;
  text-transform: capitalize;
}
.menu__menu-main ul li h4 {
  margin: 0;
  cursor: pointer;
}
.menu__menu-main ul li span {
  text-align: right;
  font-size: 0.8em;
  color: #000;
}
.menu .socialnetworks {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 2.5em 0;
  margin: 0 0.5em;
}
.menu .socialnetworks ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.menu .socialnetworks ul li {
  margin-right: 0.5em;
}
.menu .socialnetworks ul li a {
  padding: 0.5em 0.7em;
  padding-top: 0.6em;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  display: block;
  color: #000;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.menu .socialnetworks ul li a:hover {
  border: 1px solid #96BF20;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background-color: #96BF20;
  color: #fff;
}
.menu .sub-menu {
  padding: 1em 0;
  width: 100%;
  display: none;
}
.menu .sub-menu li {
  padding: 0.8em;
}
.menu .sub-menu li a {
  color: #000;
  font-weight: 500;
  font-size: 0.9em;
}

.l-categorias {
  list-style: none;
  margin: 0;
  padding: 0;
}
.l-categorias li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.l-categorias li:hover > h3, .l-categorias li:hover > span {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: #96BF20;
}
.l-categorias li h3, .l-categorias li span {
  margin: 0;
  padding: 0;
  width: 50%;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 0.9em;
}
.l-categorias li span {
  text-align: right;
  margin-top: 0.2em;
}
.l-categorias li .s-categorias {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0.5em 1em;
  width: 100%;
}
.l-categorias li .s-categorias li {
  padding: 0.5em 1em;
}
.l-categorias li .s-categorias li a {
  display: block;
  width: 100%;
  color: #000;
  text-transform: capitalize;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 0.9em;
}
.l-categorias li .s-categorias li a:hover {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: #96BF20;
}

.cuenta {
  width: 100% !important;
}
.cuenta__title {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cuenta__title:hover > h4, .cuenta__title:hover > span {
  color: #96BF20;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.cuenta__title h4 {
  width: 90% !important;
}
.cuenta__title span {
  width: 10% !important;
}
.cuenta__userbuy {
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100% !important;
}
.cuenta__userbuy__user-active {
  width: 80% !important;
  margin-bottom: 1em;
}
.cuenta__userbuy__user-active a {
  margin: 0;
  padding: 0.2em 0;
  font-weight: 500;
  color: #772B69 !important;
  font-size: 1em;

}
.cuenta__userbuy__user-active a:hover {
  color: darkgreen !important;
}
.cuenta__userbuy__car-buy {
  width: 20% !important;
  text-align: right;
}
.cuenta__userbuy__car-buy .icon-buy {
  font-size: 1.5em;
}
.cuenta__userbuy__car-buy .items-car {
  background-color: #D90000;
  padding: 0.4em 0.7em;
  border-radius: 50%;
  color: #fff;
}
.cuenta__userbuy__close-session {
  padding-top: 1em;
  width: 100% !important;
}

#ncarne {
  display: none;
}

#ndni {
  display: block;
}

.frm-cuenta {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 1em;
  margin-top: 1.5em;
  border-radius: 5px;
  display: none;
}

.frm-buscar {
  width: 100%;
  padding: 0 1em;
}
@media screen and (min-width: 1024px) {
  .frm-buscar {
    width: 50%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .frm-buscar .group-container {
    width: 80%;
    padding: 0;
  }
  .frm-buscar .group-container label {
    font-size: 1em !important;
  }
  .frm-buscar .group-button {
    width: 20%;
    padding: 0;
  }
}

.frm-registrar-cliente {
  border: 2px solid rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  background-color: #fff;
  padding: 2em;
}
@media screen and (min-width: 640px) {
  .frm-registrar-cliente {
    width: 80%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1024px) {
  .frm-registrar-cliente {
    width: 60%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1360px) {
  .frm-registrar-cliente {
    width: 65%;
    margin: 0 auto;
  }
}
.frm-registrar-cliente__grupo__title {
  margin: 0;
  padding: 0;
  font-weight: 500;
  font-size: 1.2em;
  text-transform: capitalize;
  color: #96BF20;
  padding: 1em 0;
}
.frm-registrar-cliente__grupo__buttons {
  padding: 2em 0;
  text-align: center;
}

.frmcarrito {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #fff;
  margin: 0;
  padding: 0;
  padding-bottom: 0.5em;
  width: 100% !important;
}
.frmcarrito .group-container {
  display: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-items: center;
}
.frmcarrito .group-container a {
  margin: 0 0.2em;
}

.group-container, .group-buttons {
  padding: 0;
  width: 100%;
}

.group-container {
  padding: 0.5em 0;
}
.group-container span {
  color: #D90000 !important;
}
.imagen-usuario img {
  border: 2px solid rgba(#000000, .3);
  padding: .5em;
  width: 50%;
}
@media screen and (min-width: 1024px) {
  .imagen-usuario img {
    border: 2px solid rgba(#000000, .3);
    padding: .5em;
    width: 20%;
  } 
}
.group-container__title label {
  margin-top: 1em;
  margin-bottom: 0.5em;
  color: #96BF20;
}
.group-container__control {
  position: relative;
}

.group-buttons {
  padding: 0.2em;
}
.group-float{
  margin-top: 1em;
}
.group-float__title{
  color: #000000;
  font-size: 1.1em;
  font-weight: 500;
}
.group-float__title label{
  color: #772B69 !important;
}
.group-float label {
  margin-right: 1.5em;
  margin-left: 0.5em;
  text-transform: capitalize;
  
}
.group-float__controls {
  /* width: 70%; */
  padding-top: 1em;
  padding-bottom: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
          justify-content: start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: start;
}
.group-float__controls span{
  color: #D90000 !important;
}
.group-float__controls select{
  margin-right: .5em;
}

label {
  font-size: 0.8em;
  text-transform: capitalize;
}
@media screen and (min-width: 1024px) {
  label {
    font-size: 1em;
    font-weight: 500;
  }
}

.txt, .cbo {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: none;
  background-color: #fff;
  padding: 1.2em 1.5em;
  margin: 0.5em 0;
  resize: none;
}
.txt-ghost{
    background: rgba(245, 245, 245, 0.4) !important;
    color: #fff;
    transition: all .3s;
    border:solid 1px #fff;
}
.txt-ghost:focus{
    transition: all .3s;
    background: #fff !important;
    color: #000;
}
.txt:focus, .txt:active, .cbo:focus, .cbo:active {
  border: none;
  outline: none;
  border: 1px solid rgba(1, 185, 245, 0.6);
  -webkit-box-shadow: 0 1px 1px rgba(1, 185, 245, 0.075) inset, 0 0 8px rgba(1, 185, 245, 0.6);
          box-shadow: 0 1px 1px rgba(1, 185, 245, 0.075) inset, 0 0 8px rgba(1, 185, 245, 0.6);
}

.text-search {
  padding: 1em 1.5em;
  padding-right: 2.5em;
  width: 100%;
  border: none;
}
.text-search:focus, .text-search:active {
  border: none;
  outline: none;
}

.cbo {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("../img/arrow.gif");
  background-repeat: no-repeat;
  background-position: right 0.5em top 50%, 0 0;
  background-size: 0.65em auto, 100%;
  line-height: 1.5em;
  padding: 1.05em 1.5em;
}

.pagination {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pagination li {
  border: 1px solid #96BF20;
  padding: 0.5em 0.8em;
  margin: 0.3em;
  border-radius: 50%;
  cursor: pointer;
}
.pagination li:hover {
  background-color: #96BF20;
}
.pagination li:hover > a {
  text-decoration: none;
  color: #fff;
}
.pagination li a {
  color: #96BF20;
  display: block;
}

.button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 1024px) {
  .button-group {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
.button-group a, .button-group button {
  margin: 0.25em;
}
@media screen and (min-width: 1024px) {
  .button-group a, .button-group button {
    margin: 0;
    margin-left: 1em;

  }
}

.btn-1 {
  background-color: #0193c2;
  border: 1px solid #0193c2;
  color: #fff;
  display: block;
  margin-top: 0.5em;
  padding: 0.5em;
  text-transform: capitalize;
  text-align: center;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
}
@media screen and (min-width: 1360px) {
  .btn-1 {
    margin-top: 0;
    padding: 1em;
  }
}
.btn-1:hover {
  background-color: #016c8f;
  border: 1px solid #016c8f;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.btn-initsession, .btn-facebook, .btn-google {
  color: #fff !important;
  font-weight: 300 !important;
  text-align: center;
  margin: 0;
  padding: 1em;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  display: block;
  width: 100% !important;
}
.btn-initsession:hover, .btn-facebook:hover, .btn-google:hover {
  text-decoration: none;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  -webkit-box-shadow: 500px 0 rgba(0, 0, 0, 0.3) inset;
          box-shadow: 500px 0 rgba(0, 0, 0, 0.3) inset;
}

.btn-initsession {
  background-color: #96BF20;
  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0.4) inset;
          box-shadow: 0 0 rgba(0, 0, 0, 0.4) inset;
}

.btn-facebook {
  background-color: #017fa9;
}

.btn-google {
  background-color: #b30000;
}

.btn-flat {
  font-weight: 400;
  color: #772B69 !important;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-flat:hover {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: #000 !important;
}

.btn-single {
  padding: 0.65em 1.5em;
  text-transform: capitalize;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  border: 3px solid #772B69;
  font-size: 1em;
  color: #fff;
}

@media screen and (min-width: 640px) {
  .btn-single {
    font-size: 1.2em;
  }
}

.btn-single:hover {
  text-decoration: none;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  color: #000;
}

.search {
  background-color: #772B69;
  border: 1.8px solid #772B69;
  display: block;
  text-align: center;
  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0.4) inset;
          box-shadow: 0 0 rgba(0, 0, 0, 0.4) inset;
}
.search:hover {
  text-decoration: none;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  color: #fff;
  -webkit-box-shadow: 500px 0 rgba(0, 0, 0, 0.3) inset;
          box-shadow: 500px 0 rgba(0, 0, 0, 0.3) inset;
}

.fill {
  background-color: #772B69;
  border: 1.5px solid #772B69;
  display: block;
  text-align: center;
}

.allview {
  background-color: #772B69;
  border: 3px solid #772B69;
  text-align: center;
}
.allview:hover {
  background-color: transparent !important;
}

.post {
  background-color: #008C46;
  border: 3px solid #008C46;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.post:hover {
  background-color: transparent !important;
}

.next {
  background-color: #D90000;
  border: 3px solid #D90000;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.apply {
  padding: 0.55em 0;
  background-color: #006DD9;
  border: 3px solid #006DD9;
}

.btn-mix {
  color: #fff !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.25em;
  padding: 0.5em;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}
.btn-mix span {
  margin-top: 0.2em;
  margin-right: 0.5em;
  color: #ffffff !important;
  width: 5% !important;
}
.btn-mix h5 {
  margin: 0;
  padding: 0;
  padding-left: 0.5em;
  font-weight: 400;
}
.btn-mix:hover {
  background-color: transparent;
  color: #000 !important;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-mix:hover > span{
  color: #000000 !important;
}

.add-cart, .reservation {
  background-color: #772B69;
  border: 3px solid #772B69;
}

.brochure {
  background-color: #96BF20;
  border: 3px solid #96BF20;
}

.confirm, .filter {
  background-color: #006DD9;
  border: 3px solid #006DD9;
}

.pay {
  background-color: #008C46;
  border: 3px solid #008C46;
}

.check, .excel, .btn-puy {
  border: 1px solid #008C46;
  background-color: #008C46;
}

.cancel, .close-session {
  border: 3px solid #D90000;
  background-color: #D90000;
  font-size: 1em !important;
  padding: 0.5em !important;
}

.btn-small {
  color: #fff;
  font-size: 1.4em;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 36px;
  height: 36px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-small span {
  margin-top: 0.2em;
}
.btn-small:hover {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background-color: #4d4d4d;
}

.delete {
  background-color: #D90000;
}

.add {
  background-color: #008C46;
}

.edit {
  background-color: #006DD9;
}

.btn-volver {
  position: absolute;
  top: 4.7em;
  left: 0.6em;
  color: #000;
  font-size: 2em;
}
@media screen and (min-width: 640px) {
  .btn-volver {
    top: 4.5em;
    left: 1em;
  }
}
@media screen and (min-width: 1024px) {
  .btn-volver {
    top: 1.8em;
    left: 5.5em;
  }
}
@media screen and (min-width: 1360px) {
  .btn-volver {
    top: 6%;
    left: 14em;
  }
}

.quienes-somos {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
  padding: 1em 0;
  padding-bottom: 4em;
}
@media screen and (min-width: 1024px) {
  .quienes-somos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.quienes-somos__title {
  text-align: center;
  font-weight: 500;
  text-transform: capitalize;
}
@media screen and (min-width: 1024px) {
  .quienes-somos__title {
    width: 30%;
  }
}
.quienes-somos__resena {
  color: #666666;
  line-height: 1.5em;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .quienes-somos__resena {
    width: 70%;
    text-align: justify;
  }
}

.mision-vision {
  padding: 2em 0;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
}
@media screen and (min-width: 1024px) {
  .mision-vision {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.mision-vision__img {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .mision-vision__img {
    width: 27%;
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
            box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
  }
}
.mision-vision__img img {
  display: block;
  width: 100%;
  border: 10px solid rgba(217, 163, 0, 0.7);
}
.mision-vision__info {
  padding-top: 2em;
}
.mision-vision__info__mision, .mision-vision__info__vision {
  margin-bottom: 0.5em;
  padding: 2em;
}
.mision-vision__info__mision__title, .mision-vision__info__vision__title {
  margin: 0;
  text-transform: capitalize;
  color: #96BF20;
  font-weight: 500;
}
.mision-vision__info__mision ul {
  margin: 0;
  padding: 0 1em;
}
.mision-vision__info__mision ul li {
  padding: 0.7em 0;
  color: #666666;
  text-align: justify;
  line-height: 1.5em;
}
.mision-vision__info__vision__desc {
  line-height: 1.5em;
  color: #666666;
  text-align: justify;
}
@media screen and (min-width: 1024px) {
  .mision-vision__info {
    width: 73%;
  }
}

.reconocimientos {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
}

.reconocimientos, .registros {
  text-align: center;
  padding-top: 3em;
  padding-bottom: 3em;
}
.reconocimientos__title, .registros__title {
  font-weight: 500;
  text-transform: capitalize;
}
.reconocimientos__subtitle, .registros__subtitle {
  font-weight: 400;
  color: #666666;
  line-height: 1.5em;
}
.reconocimientos__imagenes, .registros__imagenes {
  padding-top: 2em;
}
@media screen and (min-width: 640px) {
  .reconocimientos__imagenes, .registros__imagenes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.reconocimientos__imagenes__img, .registros__imagenes__img {
  position: relative;
  margin-bottom: 0.5em;
  padding: 0.5em;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
@media screen and (min-width: 640px) {
  .reconocimientos__imagenes__img, .registros__imagenes__img {
    margin: 0.5em;
    width: calc(50% - 1em);
  }
}
@media screen and (min-width: 1024px) {
  .reconocimientos__imagenes__img, .registros__imagenes__img {
    margin: 0.5em;
    width: calc(25% - 1em);
  }
}
.reconocimientos__imagenes__img img, .registros__imagenes__img img {
  display: block;
  width: 100%;
  margin: 0 auto;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}

.ntours {
  /* margin-top: 1em; */
  padding: 1.5em 0.5em;
  border: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
  background-color: #96BF20;
  position: relative;
  border-radius: 5px;
}
.ntours:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  z-index: 90;
  bottom: -12%;
  left: 43%;
  border-top: 25px solid #96BF20;
  border-bottom: 1px solid transparent;
  border-right: 25px solid transparent;
  border-left: 25px solid transparent;
}
.ntours__title, .ntours__numero {
  color: #fff;
  margin: 0;
  padding: 0;
  font-weight: 500;
  font-size: 1.5em;
}
.ntours__title {
  text-transform: capitalize;
  padding: 0.5em;
}
.ntours__numero {
  font-size: 4em;
}

.filtrar {
  padding: 2em 0.5em;
}
.filtrar__title {
  font-weight: 500;
  text-transform: capitalize;
  font-size: 1.3em;
  text-align: center;
  padding-bottom: 1em;
}
.filtrar__grupo {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 1em 0.5em;
  position: relative;
  margin-bottom: 2em;
}
.filtrar__grupo__title {
  margin: 0;
  font-size: 1em;
  font-weight: 500;
  text-transform: capitalize;
  position: absolute;
  top: -10%;
  left: 3%;
  background-color: #fafafa;
  padding: 0 0.5em;
}
.filtrar__grupo__content {
  padding: 0.5em;
}

.tours-enc__titlebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 1em;
}
.tours-enc__titlebar__title, .tours-enc__titlebar__paginacion {
  width: 100%;
}
@media screen and (min-width: 640px) {
  .tours-enc__titlebar__title {
    width: 30%;
  }
}
@media screen and (min-width: 640px) {
  .tours-enc__titlebar__paginacion {
    width: 70%;
    text-align: right;
  }
}
.tours-enc__content .tours-resultado {
  padding: 0;
  padding-bottom: 2em;
}
@media screen and (min-width: 640px) {
  .tours-enc__content .tours-resultado {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.tours-enc__content .tours-resultado a {
  color: #000;
  display: block;
}
@media screen and (min-width: 640px) {
  .tours-enc__content .tours-resultado a {
    margin-bottom: 1.5em;
    margin-left: 1em;
    margin-right: 1em;
    width: calc(50% - 2em);
  }
}
@media screen and (min-width: 1360px) {
  .tours-enc__content .tours-resultado a {
    width: calc(33% - 2em);
  }
}
.tours-enc__content .tours-resultado__item {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  margin-bottom: 1em;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
}
.tours-enc__content .tours-resultado__item:hover {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.tours-enc__content .tours-resultado__item__img {
  position: relative;
}
.tours-enc__content .tours-resultado__item__img img {
  display: block;
  width: 100%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.tours-enc__content .tours-resultado__item__info {
  padding: 1em;
}
.tours-enc__content .tours-resultado__item__info__title, .tours-enc__content .tours-resultado__item__info__serv, .tours-enc__content .tours-resultado__item__info__costo {
  margin: 0;
  padding: 0.2em 0;
  font-size: 1em;
  text-transform: capitalize !important;
  font-size: 0.8em;
}
.tours-enc__content .tours-resultado__item__info__title {
  font-weight: 600;
}
.tours-enc__content .tours-resultado__item__info__serv {
  font-weight: 400;
}
.tours-enc__content .tours-resultado__item__info__costo {
  color: #96BF20;
  font-weight: 400;
}
.tours-enc__content .tours-resultado__item__buttons {
  padding-bottom: 0.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tours-enc__content .tours-resultado__item__buttons .btn1, .tours-enc__content .tours-resultado__item__buttons .btn2 {
  width: 50%;
}
.tours-enc__piebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 1em;
}
.tours-enc__piebar__title {
  width: 10%;
}
.tours-enc__piebar__paginacion {
  width: 90%;
  text-align: right;
}

@media screen and (min-width: 1024px) {
  .tours-detail {
    padding-top: 2em;
  }
}
.tours-detail__tour {
  border-radius: 5px;
}
.tours-detail__tour__img {
  position: relative;
  -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
}
.tours-detail__tour__img img {
  display: block;
  width: 100%;
  margin: 0 auto;
}
.tours-detail__tour__info {
  padding: 1em;
}
@media screen and (min-width: 1360px) {
  .tours-detail__tour__info {
    padding: 0 2em;
  }
}
.tours-detail__tour__info__title, .tours-detail__tour__info__desc {
  margin: 0;
  padding: 0;
}
.tours-detail__tour__info__title {
  font-size: 1.2em;
  text-transform: capitalize;
  font-weight: 500;
  padding: 1em 0;
  color: #772B69;
}
@media screen and (min-width: 1024px) {
  .tours-detail__tour__info__title {
    padding: 0.5em 0;
    font-size: 1.5em;
  }
}
@media screen and (min-width: 1360px) {
  .tours-detail__tour__info__title {
    padding: 0;
    padding-bottom: 1em;
  }
}
.tours-detail__tour__info__desc {
  font-weight: 400;
  font-size: 0.9em;
  line-height: 1.7em;
  text-align: justify;
  color: #666666;
  padding-bottom: 0.7em;
}
@media screen and (min-width: 640px) {
  .tours-detail__tour__info__desc {
    padding-top: 0.5em;
  }
}
.tours-detail__tour__info__duracion, .tours-detail__tour__info__origen, .tours-detail__tour__info__avion, .tours-detail__tour__info__bus, .tours-detail__tour__info__costo {
  font-size: 1.1em;
  padding: 0.5em 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: capitalize;
}
.tours-detail__tour__info__duracion .icon, .tours-detail__tour__info__origen .icon, .tours-detail__tour__info__avion .icon, .tours-detail__tour__info__bus .icon, .tours-detail__tour__info__costo .icon {
  margin-top: 0.2em;
  margin-right: 1em;
  color: #96BF20;
}
.tours-detail__tour__info__costo {
  margin-bottom: 1em;
}
.tours-detail__tour__info__itinerario {
  padding-top: 1em;
}
.tours-detail__tour__info__itinerario__title {
  font-weight: 500;
  font-size: 1.2em;
  color: #772B69;
}
@media screen and (min-width: 640px) {
  .tours-detail__tour__info__itinerario__title {
    font-size: 1.5em;
  }
}
.tours-detail__tour__info__itinerario__days h2 {
  color: #96BF20;
  margin: 0;
  padding: 1em 0;
  font-weight: 600;
  font-size: 1.2em;
  padding-bottom: 0;
}
.tours-detail__tour__info__itinerario__days ul {
  margin: 0;
  padding: 1em 1.1em;
}
.tours-detail__tour__info__itinerario__days ul li p {
  line-height: 1.5em;
  text-align: justify;
  font-weight: 500;
  color: #666666;
  font-size: 0.9em;
}
.tours-detail__tour__info__date-quantity {
  text-align: right;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 1em;
  margin-top: 1em;
}
@media screen and (min-width: 1024px) {
  .tours-detail__tour__info__date-quantity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .tours-detail__tour__info__date-quantity .group-container {
    width: 50% !important;
    text-align: left;
  }
  .tours-detail__tour__info__date-quantity .group-container label {
    color: #96BF20;
    margin-right: 0.5em !important;
  }
}
.tours-detail__tour__info__buttons {
  text-align: center;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 1.5em;
}
@media screen and (min-width: 1024px) {
  .tours-detail__tour__info__buttons {
    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;
    margin-top: 1em;
    padding-top: 0.5em;
  }
  .tours-detail__tour__info__buttons label {
    margin-right: 1em;
  }
}
@media screen and (min-width: 1360px) {
  .tours-detail__tour__info__buttons {
    padding-top: 1em;
    margin-top: 2em;
  }
}
.tours-detail__pictures {
  padding-top: 4em;
}
.tours-detail__pictures__title, .tours-detail__pictures__desc {
  margin: 0;
  padding: 1.5em 0;
  text-align: center;
}
.tours-detail__pictures__title {
  font-weight: 500;
}
.tours-detail__pictures__desc {
  font-weight: 400;
  color: #666666;
  line-height: 1.5em;
}
@media screen and (min-width: 1024px) {
  .tours-detail__pictures__desc {
    padding: 0 10em;
  }
}

.galery-tour__fotos {
  margin: 2em 0;
}
@media screen and (min-width: 640px) {
  .galery-tour__fotos {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1em 1fr 1em 1fr 1em 1fr 1em 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    -ms-grid-rows: 1fr 1em 1fr;
    grid-template-rows: 1fr 1fr;
    grid-gap: 1em;
  }
  .galery-tour__fotos > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .galery-tour__fotos > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .galery-tour__fotos > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .galery-tour__fotos > *:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
  }
  .galery-tour__fotos > *:nth-child(5) {
    -ms-grid-row: 1;
    -ms-grid-column: 9;
  }
  .galery-tour__fotos > *:nth-child(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .galery-tour__fotos > *:nth-child(7) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .galery-tour__fotos > *:nth-child(8) {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
  }
  .galery-tour__fotos > *:nth-child(9) {
    -ms-grid-row: 3;
    -ms-grid-column: 7;
  }
  .galery-tour__fotos > *:nth-child(10) {
    -ms-grid-row: 3;
    -ms-grid-column: 9;
  }
}
.galery-tour__fotos__foto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 640px) {
  .galery-tour__fotos__foto:first-child {
    -ms-grid-column-span: 1;
    grid-column: span 1;
    -ms-grid-row-span: 2;
    grid-row: span 2;
  }
  .galery-tour__fotos__foto:nth-child(19) {
    -ms-grid-column-span: 1;
    grid-column: span 1;
    -ms-grid-row-span: 2;
    grid-row: span 2;
  }
}
.galery-tour__fotos__foto__img {
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  margin-bottom: 1em;
}
@media screen and (min-width: 640px) {
  .galery-tour__fotos__foto__img {
    padding: 0;
  }
}
.galery-tour__fotos__foto__img img {
  border-radius: 5px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

#buycar {
  cursor: pointer;
}

.galery {
  margin-bottom: 4em;
}
.galery__years__lista {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.galery__years__lista__year {
  padding: 0.5em;
}
.galery__years__lista__year a {
  color: gray;
  font-weight: 300;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.galery__years__lista__year a:hover {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: #772B69;
}
.galery__pictures {
  margin-top: 2em;
}
@media screen and (min-width: 640px) {
  .galery__pictures {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1em 1fr 1em 1fr 1em 1fr 1em 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    -ms-grid-rows: 1fr 1em 1fr 1em 1fr 1em 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    grid-gap: 1em;
  }
  .galery__pictures > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .galery__pictures > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .galery__pictures > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .galery__pictures > *:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
  }
  .galery__pictures > *:nth-child(5) {
    -ms-grid-row: 1;
    -ms-grid-column: 9;
  }
  .galery__pictures > *:nth-child(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .galery__pictures > *:nth-child(7) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .galery__pictures > *:nth-child(8) {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
  }
  .galery__pictures > *:nth-child(9) {
    -ms-grid-row: 3;
    -ms-grid-column: 7;
  }
  .galery__pictures > *:nth-child(10) {
    -ms-grid-row: 3;
    -ms-grid-column: 9;
  }
  .galery__pictures > *:nth-child(11) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .galery__pictures > *:nth-child(12) {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
  }
  .galery__pictures > *:nth-child(13) {
    -ms-grid-row: 5;
    -ms-grid-column: 5;
  }
  .galery__pictures > *:nth-child(14) {
    -ms-grid-row: 5;
    -ms-grid-column: 7;
  }
  .galery__pictures > *:nth-child(15) {
    -ms-grid-row: 5;
    -ms-grid-column: 9;
  }
  .galery__pictures > *:nth-child(16) {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
  }
  .galery__pictures > *:nth-child(17) {
    -ms-grid-row: 7;
    -ms-grid-column: 3;
  }
  .galery__pictures > *:nth-child(18) {
    -ms-grid-row: 7;
    -ms-grid-column: 5;
  }
  .galery__pictures > *:nth-child(19) {
    -ms-grid-row: 7;
    -ms-grid-column: 7;
  }
  .galery__pictures > *:nth-child(20) {
    -ms-grid-row: 7;
    -ms-grid-column: 9;
  }
}
.galery__pictures__picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 640px) {
  .galery__pictures__picture:first-child {
    -ms-grid-column-span: 1;
    grid-column: span 1;
    -ms-grid-row-span: 2;
    grid-row: span 2;
  }
  .galery__pictures__picture:nth-child(19) {
    -ms-grid-column-span: 1;
    grid-column: span 1;
    -ms-grid-row-span: 2;
    grid-row: span 2;
  }
}
.galery__pictures__picture__img {
  padding: 0.5em;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 640px) {
  .galery__pictures__picture__img {
    padding: 0;
  }
  .galery__pictures__picture__img:hover > .galery__pictures__picture__img__max {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 100%;
    height: 100%;
  }
  .galery__pictures__picture__img:hover > .galery__pictures__picture__img__max > span {
    display: block;
  }
}
.galery__pictures__picture__img img {
  border-radius: 5px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.galery__pictures__picture__img__max {
  display: none;
}
@media screen and (min-width: 640px) {
  .galery__pictures__picture__img__max {
    display: inline;
    border-radius: 5px;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    width: 0;
    height: 0;
  }
  .galery__pictures__picture__img__max span {
    cursor: pointer;
    position: absolute;
    font-size: 1.2em;
    top: 30%;
    left: 38%;
    color: #fff;
    background-color: rgba(90, 77, 77, 0.6);
    padding: 0.4em 0.5em;
    border-radius: 10px;
    display: none;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
}
@media screen and (min-width: 640px) and (min-width: 1024px) {
  .galery__pictures__picture__img__max span {
    top: 38%;
    left: 42%;
  }
}
@media screen and (min-width: 640px) {
  .galery__pictures__picture__img__max span:hover {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background-color: #fff;
    color: rgba(90, 77, 77, 0.6);
  }
}
.galery__pictures__picture__img__block {
  width: 100%;
  height: 100%;
  top: 0;
  background-color: transparent;
  position: absolute;
  z-index: 100;
}
@media screen and (min-width: 640px) {
  .galery__pictures__picture__img__block {
    display: none;
  }
}

.adrenalina {
  padding: 3em 0;
  border-top: 1px dotted rgba(0, 0, 0, 0.5);
}
.adrenalina__title {
  color: #000;
  font-weight: 500;
  text-transform: capitalize;
  font-size: 1.5em;
}
.adrenalina__subtitle {
  color: #666666;
  font-weight: 400;
  font-size: 1em;
}
@media screen and (min-width: 640px) {
  .adrenalina .actividades {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (min-width: 640px) {
  .adrenalina .actividades__video {
    margin: 0.5em;
    width: calc(50% - 1em);
  }
}
.adrenalina .actividades__video video {
  border-radius: 5px;
}

.posts {
  list-style: none;
  margin: 0;
  padding: 0.5em;
  padding-bottom: 2em;
  width: 100%;
}
@media screen and (min-width: 640px) {
  .posts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.posts__post {
  border-radius: 5px;
  margin-bottom: 0.7em;
  background-color: #fff;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 640px) {
  .posts__post {
    margin: 1em;
    width: calc(50% - 2em);
  }
  .posts__post:hover {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@media screen and (min-width: 1024px) {
  .posts__post {
    width: calc(33% - 2em);
  }
}
.posts__post__img {
  position: relative;
}
.posts__post__img img {
  display: block;
  width: 100%;
}
.posts__post__img__block {
  width: 100%;
  height: 100%;
  background-color: transparent;
  position: absolute;
  top: 0;
}
.posts__post__info {
  padding: 0.7em 1em;
  bottom: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.posts__post__info h3, .posts__post__info a {
  margin: 0;
  padding: 0.1em 0;
  color: #000;
  font-size: 0.9em;
}
.posts__post__info h3 {
  padding-right: 0.1em;
  text-transform: capitalize;
}
.posts__post__info a {
  padding-left: 0.2em;
  color: #96BF20;
}
.posts__post__info span {
  color: #4d4d4d;
}
.posts__post__info__title {
  font-weight: 400;
  color: #333333;
}
.posts__post__info__rubro {
  margin: 0;
  padding: 0;
  font-weight: 400;
  color: #96BF20 #fff !important;
}
.posts__post__info__fecha {
  width: 100%;
  margin: 0;
  padding: 0 1.5em;
  padding-bottom: 1em;
  font-weight: 400;
  font-style: italic;
  text-transform: capitalize;
}

.piebar {
  padding: 2em 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.blog-post__title {
  text-transform: capitalize;
  font-weight: 500;
  font-size: 1.5em;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .blog-post__title {
    font-size: 2em;
  }
}
.blog-post__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.blog-post__info h2, .blog-post__info span {
  text-transform: capitalize;
  margin: 0;
  padding: 0;
  font-size: 0.8em;
  font-weight: 500;
}
.blog-post__info__destacado {
  padding: 0.3em !important;
  background-color: #01B9F5;
  color: #fff;
  border-radius: 5px;
}
.blog-post__info__autor, .blog-post__info__feather, .blog-post__info__fecha, .blog-post__info__etiquetas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 1em;
}
.blog-post__info__autor span, .blog-post__info__feather span, .blog-post__info__fecha span, .blog-post__info__etiquetas span {
  margin-top: 0.2em;
  margin-right: 0.5em;
  color: #772B69;
}
.blog-post__info__etiquetas {
  width: 100%;
}
.blog-post__img {
  padding: 1.5em 0.5em;
  position: relative;
}
.blog-post__img img {
  width: 100%;
  display: block;
  border-radius: 5px;
}
.blog-post__text {
  font-weight: 400;
  text-align: justify;
  line-height: 1.5em;
  color: #666666;
  padding: 0 0.5em;
}
@media screen and (min-width: 1024px) {
  .blog-post__text {
    padding: 0 .5em;
  }
}
.blog-post__imagenes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 1024px) {
  .blog-post__imagenes {
    padding: 0 14em;
  }
}
.blog-post__imagenes__img {
  position: relative;
  border-radius: 0.5px;
  margin: 0.5em;
  width: calc(50% - 1em);
}
.blog-post__labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1em 0.5em;
}
@media screen and (min-width: 1024px) {
  .blog-post__labels {
    padding: 1em 15em;
  }
}
.blog-post__labels__label {
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: 1em;
  text-transform: capitalize;
}
.blog-post__labels__etiquetas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  list-style: none;
  margin: 0;
}
.blog-post__labels__etiquetas li a {
  padding: 0.7em;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  text-transform: capitalize;
  font-size: 0.9em;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.blog-post__labels__etiquetas li a:hover {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background-color: #772B69;
  color: #fff;
}
.blog-post__comments {
  padding: 2em 0.5em;
}
@media screen and (min-width: 1024px) {
  .blog-post__comments {
    margin: 0 .5em;
  }
}
.blog-post__comments__title {
  text-align: center;
  margin: 2em 0;
  padding: 0;
  padding-bottom: 1em;
  text-transform: capitalize;
  font-weight: 500;
}
.blog-post__comments__comment {
  padding: 1em 0;
}

@media screen and (min-width: 640px) {
  .blog-post__comments__comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.blog-post__comments__comment__user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 640px) {
  .blog-post__comments__comment__user {
    display: inline;
    width: 30%;
  }
}
@media screen and (min-width: 1024px) {
  .blog-post__comments__comment__user {
    display: inline;
    width: 20%;
  }
}
.blog-post__comments__comment__user__img {
  margin-right: 0.5em;
  width: calc(20% - 1em);
}
@media screen and (min-width: 640px) {
  .blog-post__comments__comment__user__img {
    margin: 0 auto;
    width: calc(60% - 1em);
  }
}
@media screen and (min-width: 1024px) {
  .blog-post__comments__comment__user__img {
    margin: 0 auto;
    width: calc(65% - 1em);
  }
}
.blog-post__comments__comment__user__img img {
  border: 4px solid #96BF20;
  border-radius: 50%;
  display: block;
  width: 100%;
  margin: 0 auto;
}
.blog-post__comments__comment__user__name {
  width: 80%;
  font-weight: 500;
  text-transform: capitalize;
  font-size: 0.9em;
}
@media screen and (min-width: 640px) {
  .blog-post__comments__comment__user__name {
    width: 100%;
    text-align: center;
  }
}
.blog-post__comments__comment__body {
  padding: 1em;
  margin: 1em 0;
  background-color: #fff;
  -webkit-box-shadow: 1px -1px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 1px -1px 10px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  position: relative;
}
@media screen and (min-width: 640px) {
  .blog-post__comments__comment__body {
    width: 70%;
  }
}
@media screen and (min-width: 1024px) {
  .blog-post__comments__comment__body {
    width: 80%;
  }
}
.blog-post__comments__comment__body:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: -1.7em;
  left: 1em;
  z-index: 100;
  border-top: 15px solid transparent;
  border-bottom: 15px solid #fff;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
}
@media screen and (min-width: 640px) {
  .blog-post__comments__comment__body:before {
    top: 25%;
    left: -1.85em;
    border-bottom: 15px solid transparent;
    border-right: 15px solid #fff;
  }
}
@media screen and (min-width: 1024px) {
  .blog-post__comments__comment__body:before {
    left: -1.8em;
  }
}
@media screen and (min-width: 1360px) {
  .blog-post__comments__comment__body:before {
    left: -1.7em;
  }
}
.blog-post__comments__comment__body__text {
  padding: 1em;
  line-height: 1.5em;
  color: #666666;
  text-align: justify;
  font-size: 0.9em;
}
.blog-post__form-comment {
  margin: 1em 0.5em;
  background-color: #fff;
  -webkit-box-shadow: 2px -2px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 2px -2px 10px rgba(0, 0, 0, 0.1);
  padding: 2em;
}
@media screen and (min-width: 1024px) {
  .blog-post__form-comment {
    margin: 0;
    margin-bottom: 3em;
  }
}
.blog-post__form-comment__title {
  text-align: center;
  font-weight: 600;
  text-transform: capitalize;
  font-size: 1.3em;
}
.blog-post__form-comment__buttons {
  padding: 1em 0;
  text-align: center;
}

.contacts {
  padding: 2em 0;
}
.contacts__info__title {
  font-weight: 500;
  text-transform: capitalize;
}
.contacts__info__desc {
  font-weight: 400;
  color: #666666;
  text-align: justify;
  line-height: 1.5em;
  margin-bottom: 3em;
}
.contacts__info__address h4, .contacts__info__address h2, .contacts__info__phone-fixed h4, .contacts__info__phone-fixed h2, .contacts__info__phone-cell h4, .contacts__info__phone-cell h2, .contacts__info__mail h4, .contacts__info__mail h2 {
  margin: 0;
  text-transform: capitalize;
  font-weight: 500;
}
.contacts__info__address h4, .contacts__info__phone-fixed h4, .contacts__info__phone-cell h4, .contacts__info__mail h4 {
  color: #666666;
}
.contacts__info__address h2, .contacts__info__phone-fixed h2, .contacts__info__phone-cell h2, .contacts__info__mail h2 {
  margin-bottom: 1em;
  font-size: 1.2em;
}
.contacts__form-contact {
  margin: 1em 0;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 1.5em;
}
.contacts__form-contact__name, .contacts__form-contact__mail, .contacts__form-contact__mensaje, .contacts__form-contact__buttons {
  margin: 1.5em 0;
}
.contacts__form-contact__buttons {
  padding-top: 1em;
  text-align: center;
}
.contacts__map {
  margin-top: 1em;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
.contacts__map iframe {
  width: 100%;
  display: block;
}

.register {
  padding-bottom: 2em;
}

.buy-car {
  margin-top: 1em;
  margin-bottom: 3em;
}
.buy-car__detail {
  margin-bottom: 2em;
  padding: 1em;
  background-color: #fff;
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 1024px) {
  .buy-car__detail {
    width: 100%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1024px) {
  .buy-car__pie {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 50%;
    margin: 1em auto;
  }
}
.buy-car__pie__totals {
  margin-top: 1em;
  padding: 1em;
  background-color: #fff;
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}
.buy-car__pie__totals__title {
  color: #96BF20;
  margin: 0;
  padding: 1em 0;
  font-size: 1.7em;
  text-transform: capitalize;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .buy-car__pie__totals {
    width: 80%;
  }
}
.buy-car__pie__buttons {
  padding: 1.5em 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.buy-car__pie__buttons a {
  margin-left: 0.25em;
  margin-bottom: 0.5em;
  /* width: 100%; */
}

.checkout {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 2em;
}

.checkout__info {
  padding: 1.5em;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  margin-bottom: 1em;
  text-transform: capitalize;
}
.checkout__info__title {
  text-align: center;
  font-weight: 600;
  color: #96BF20;
}
@media screen and (min-width: 1024px) {
  .checkout__info__title {
    text-align: left;
  }
}

.checkout__coupon {
  padding: 1.5em;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  margin-bottom: 2em;
}
.checkout__coupon__title {
  text-align: center;
  font-weight: 600;
  color: #96BF20;
  text-transform: capitalize;
}
@media screen and (min-width: 1024px) {
  .checkout__coupon__title {
    text-align: left;
  }
}
.checkout__coupon__cupon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.checkout__coupon__validado {
  display: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.checkout__coupon__validado span {
  color: #008C46;
  width: 8%;
  font-size: 1.5em;
}
.checkout__coupon__validado h2 {
  width: 92%;
  margin: 0;
  font-size: 1.2em;
  color: #008C46;
  font-weight: 500;
}

.checkout__totals {
  padding: 1.5em;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}
.checkout__totals__title {
  font-weight: 600;
  color: #96BF20;
  text-transform: capitalize;
}

.checkout__buttons {
  padding: 1em 0;
  text-align: center;
}

.checkout-pago, .checkout-reserva {
  padding: 1.5em;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  margin-bottom: 1em;
  text-transform: capitalize;
}
.checkout-pago__title, .checkout-reserva__title {
  text-align: center;
  font-weight: 600;
  color: #96BF20;
}
@media screen and (min-width: 1024px) {
  .checkout-pago__title, .checkout-reserva__title {
    text-align: left;
  }
}
.checkout-pago__subtitle, .checkout-reserva__subtitle {
  font-weight: 400;
  line-height: 2em;
  text-transform: none;
}
@media screen and (min-width: 640px) {
  .checkout-pago__subtitle, .checkout-reserva__subtitle {
    margin: 0.5em 0;
    font-size: 0.9em;
  }
}

@media screen and (min-width: 640px) {
  .construction {
    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;
    min-height: 100vh;
  }
}
.construction__travelito-design {
  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;
  min-height: 100%;
}
.construction__travelito-design img {
  width: 50%;
  display: block;
}
@media screen and (min-width: 640px) {
  .construction__travelito-design img {
    width: 70%;
  }
}
.construction__text {
  color: #fff;
  text-align: center;
}
.construction__text h1 {
  text-transform: capitalize;
  font-size: 3em;
}
.construction__text h3 {
  text-transform: capitalize;
  background-color: #96BF20;
  padding: 0.5em;
  border-radius: 10px;
}
.construction__text p {
  text-transform: initial;
  line-height: 2em;
}

.block-thanks {
  width: 100%;
  min-height: 70vh;
  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;
}

.thanks {
  text-align: center;
}
.thanks__icon {
  width: 40%;
  /* display: block; */
  margin: 0 auto;
  margin-bottom: 3em;
  display: flex;
  justify-content: center;
}
.thanks__icon img{
  width: 60%;
  display: block;
}
.thanks__title h2 {
  text-transform: capitalize;
  font-weight: 500 !important;
  font-size: 2em;
}
.thanks__text p {
  color: gray;
  font-size: 1.2em;
}
.thanks__button {
  padding: 2em 0 !important;
}

#footer {
  background-color: #fff;
  -webkit-box-shadow: -2px 0 2px rgba(0, 0, 0, 0.1);
          box-shadow: -2px 0 2px rgba(0, 0, 0, 0.1);
  color: gray;
  font-weight: 300;
  padding-bottom: 2.5em;
}
#footer .footer section {
  padding: 4em 0 !important;
  margin: 0 1em;
  border-bottom: 1px solid #f2f2f2;
}
#footer .footer section:last-child {
  padding: 0.5em 0;
}
#footer .footer .extras {
  padding-top: 1em;
}
#footer .footer__logo {
  width: 40%;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  #footer .footer__logo {
    width: 30%;
  }
}
#footer .footer__logo img {
  width: 100%;
  display: block;
}
#footer .footer__desc {
  margin-top: 1em;
  line-height: 2em;
  text-align: justify;
}
#footer .footer__title {
  margin-bottom: 1.5em;
  font-size: 1.3em;
  font-weight: 600;
  color: #000;
  text-transform: capitalize;
}
#footer .footer__gps, #footer .footer__phone, #footer .footer__mail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#footer .footer__gps span, #footer .footer__phone span, #footer .footer__mail span {
  width: 8%;
  margin-right: 0.5em;
  font-size: 1.5em;
}
#footer .footer__gps h4, #footer .footer__phone h4, #footer .footer__mail h4 {
  margin: 0;
  padding: 1em 0;
  font-weight: 400;
  width: 80%;
}
#footer .footer__pay-methods {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: capitalize;
}
#footer .footer__pay-methods__img {
  margin: 0.5em;
  width: calc(50% - 1em);
}
#footer .footer__copyright {
  font-weight: 300;
  margin: 0;
  padding: 0.5em 0;
}
#footer .footer__politicas {
  font-weight: 300;
  color: #5a4d4d;
}
#footer .footer__politicas:hover {
  text-decoration: none;
}

@media screen and (min-width: 1360px) {
  .espace-left {
    margin-left: 4em !important;
  }
}

@media screen and (min-width: 640px) {
  .espace-top {
    margin-top: 5em;
  }
}
@media screen and (min-width: 1024px) {
  .espace-top {
    margin-top: 10em;
  }
}

.right-align {
  text-align: right !important;
}

.left-align {
  text-align: left !important;
}

.center-align {
  text-align: center !important;
}

.c-blanco {
  color: #fff;
}

.blanco {
  background-color: #fff;
}

.c-dorado {
  color: #D9A300 !important;
}

.c-rojo {
  color: #D90000 !important;
}

.uva {
  background-color: #772B69;
}

.verde {
  color: #008C46;
  background-color: transparent;
}
.border-left {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}

.border-right {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}

.flotar-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flotar-3 select {
  margin: 0 0.25em;
  width: calc(33% - .5em);
}

.centrar {
  margin: 0 auto;
}

.modo-bloque {
  display: block;
  width: 100%;
}

.alert {
  color: #D90000;
  font-weight: 500;
  margin: 0;
  margin-top: 0.5em;
  text-transform: capitalize;
  font-size: 1.4em;
  display: none;
}

.paymont {
  color: #b3b3b3 !important;
  font-weight: 600 !important;
}

.big-text {
  font-size: 1em !important;
}
@media screen and (min-width: 1024px) {
  .big-text {
    font-size: 1.8em !important;
  }
}
.error-correo, .error-pass, .error-answer, .error-nombre, .error-apellidos, 
.error-fechanac, .error-direccion, .error-pais, .error-estado, .error-mensaje, 
.error-tipdoc, .error-ndoc, .error-telefono, .error-fechaviaje, .error-adultos,
.error-escolares, .error-ie{
  margin: 0;
  display: none;
  padding: .5em .2em;
  font-weight: 400;
  font-size: 1em;
  color: #D90000;
}
.modal {
  margin: 0;
  padding: 0;
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 101;
}
.modal__fondo {
  background-color: rgba(0, 0, 0, 0.9);
  width: 100%;
  height: 260vh;
}
.modal__fondo__btn-close {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  cursor: pointer;
  color: #fff;
  font-size: 2.5em;
}
.modal__fondo__picture {
  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;
  width: 100%;
  height: 40%;
  margin: 0;
}
.modal__fondo__picture img {
  margin: auto;
  border: 15px solid #fff;
  width: 35%;
}
.modal__fondo__picture__block {
  width: 35%;
  height: 100vh;
  margin: auto;
  background-color: transparent;
  position: fixed;
}
.modal__fondo__formulario {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 90%;
  height: 10%;
  margin: auto;
  padding-top: 10em;
}
@media screen and (min-width: 640px) {
  .modal__fondo__formulario {
    width: 70%;
  }
}
@media screen and (min-width: 1024px) {
  .modal__fondo__formulario {
    padding-top: 15em;
    width: 60%;
  }
}
@media screen and (min-width: 1360px) {
  .modal__fondo__formulario {
    width: 45%;
  }
}
.modal__fondo__formulario__titlebar {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  padding: 0.5em 1em;
  color: #96BF20;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.modal__fondo__formulario__titlebar h2 {
  font-weight: 600;
}
.modal__fondo__formulario__titlebar span {
  font-size: 1.5em;
  margin-right: 0.5em;
  margin-top: 0.2em;
}

.tbmovil-buy-car {
  width: 100%;
  background-color: #fff;
  padding: 1em;
  margin-bottom: 0.5em;
  border-radius: 5px;
  display: table;
}
@media screen and (min-width: 1024px) {
  .tbmovil-buy-car {
    display: none;
  }
}
.tbmovil-buy-car__tr {
  text-transform: capitalize;
}
.tbmovil-buy-car__tr__tdh, .tbmovil-buy-car__tr__tdh-d, .tbmovil-buy-car__tr__tdd-d, .tbmovil-buy-car__tr__tdh-f, .tbmovil-buy-car__tr__tdd-f {
  width: 50%;
  padding: 0.5em;
  font-weight: 600;
  font-size: .7em;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
}
.tbmovil-buy-car__tr__tdh-d, .tbmovil-buy-car__tr__tdd-d, .tbmovil-buy-car__tr__tdh-f, .tbmovil-buy-car__tr__tdd-f {
  font-size: .9em;
  font-weight: 500;
}
.tbmovil-buy-car__tr__tdh-d, .tbmovil-buy-car__tr__tdd-d {
  color: #D90000;
}
.tbmovil-buy-car__tr__tdh-f, .tbmovil-buy-car__tr__tdd-f {
  color: #008C46;
}
.tbmovil-buy-car__tr__tdd {
  width: 50%;
  padding: 0.5em;
  font-size: 0.9em;
  color: #666666;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
}
.tbmovil-buy-car__tr__tdd img {
  width: 50%;
  border-radius: 5px;
}

.tbpc-buy-car {
  display: none;
}
@media screen and (min-width: 1024px) {
  .tbpc-buy-car {
    width: 100% !important;
    display: table;
    padding: 0.5em 1em;
    margin-bottom: 0.5em;
    border-radius: 5px;
    background-color: #fff;
  }
  .tbpc-buy-car__tr {
    text-transform: capitalize;
  }
  .tbpc-buy-car__tr__tdh, .tbpc-buy-car__tr__tdd, .tbpc-buy-car__tr__tdh-d, .tbpc-buy-car__tr__tdd-d, .tbpc-buy-car__tr__tdh-f, .tbpc-buy-car__tr__tdd-f {
    font-size: 1em;
    padding: 1em 0;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
  }
  .tbpc-buy-car__tr__tdh {
    font-weight: 600;
    text-align: center;
  }
  .tbpc-buy-car__tr__tdh-d, .tbpc-buy-car__tr__tdd-d, .tbpc-buy-car__tr__tdh-f, .tbpc-buy-car__tr__tdd-f {
    font-size: 1.2em;
    font-weight: 500;
  }
  .tbpc-buy-car__tr__tdh-d, .tbpc-buy-car__tr__tdd-d {
    color: #D90000;
  }
  .tbpc-buy-car__tr__tdh-f, .tbpc-buy-car__tr__tdd-f {
    color: #008C46;
  }
  .tbpc-buy-car__tr__tdd {
    text-align: center;
    color: #666666;
  }
  .tbpc-buy-car__tr__tdd img {
    width: 50%;
    display: block;
    margin: 0 auto;
    border-radius: 5px;
  }
}

.block {
  width: 100%;
  height: 100%;
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
}

.modal-dialog{
  background-color:rgba(0, 0, 0, 0.4);
  margin: 0;
  padding: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}

.modal-dialog__background{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.modal-dialog__background__dialog-area{
  background-color: #ffffff; 
  width: 90%;
  padding: 1em 0;
}
.modal-dialog__background__dialog-area__message {
  padding: 1em;
  padding-top: 1.5em;
  text-align: center;
}
.modal-dialog__background__dialog-area__message h3 {
  padding-top: 1em;
  font-weight: 400;
  font-size: 1.1em;
}
.modal-dialog__background__dialog-area__message span {
  color: #ffffff;
  padding: .5em .6em;
  background-color: #008C46;
  font-size: 2em;
  border-radius: 50%;
}
.modal-dialog__background__dialog-area__buttons {
  padding: .5em;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (min-width: 640px) {
  .modal-dialog__background__dialog-area {
    width: 50%;
  }
}
@media screen and (min-width: 1024px) {
  .modal-dialog__background__dialog-area {
    width: 30%;
  }
}

@media screen and (min-width: 1360px) {
  .modal-dialog__background__dialog-area {
    width: 20%;
  }
}



.modal-dialog__background__dialog-area__message{
  
}

.modal-dialog__background__dialog-area__buttons{
  
}