:root {
  --maren-dorado: #fcc12c;
  --maren-dorado-opaco: #ebc56596;
  --maren-verde: #0e700e;
  --maren-verde-opaco: #0e700e92;
  --duracion-animacion: calc(5s + 0.5s * (100vw / 100));
  --zoom-globo: calc(0.5 + 0.005 * 50);
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}


/*MAPA GIRANDO*/
@keyframes mapfront_spin {
  0% {
    background-position: 100Vw 0;
  }

  100% {
    background-position: 0 0%;
  }
}

@keyframes mapback_spin {
  0% {
    background-position: 0 0%;
  }

  100% {
    background-position: 100Vw 0%;
  }
}

@-webkit-keyframes mapfront_spin {
  0% {
    background-position: 100Vw 0%;
  }

  100% {
    background-position: 0 0%;
  }
}

@-webkit-keyframes mapback_spin {
  0% {
    background-position: 0 0%;
  }

  100% {
    background-position: 100Vw 0%;
  }
}
/* se usa en el layout*/
#puntoActivo{
  padding: 0;
 margin: 0;
 
}
#globo2{
  position: fixed;
  top: 200px;
  right: 50px;
  width: 400px;
  height: 400px;
  border:3px solid red;
  border-radius: 50%;  
  transition: top 0.8s ease, right 0.8s ease, transform 0.8s ease;
  z-index: 1000;
}

#globo2.minimized {  
  top: 10px;
  right: 100px;
  border-width: 2px;
 
  
}
#globo {
  position: fixed;
  top: 200px;  
  right: 50px; 
  transition: all 0.8s ease;
  z-index: 1000;
  box-sizing: border-box;
  transform: scale(var(--zoom-globo));   
}

#globo.minimized {
  top: 2.5%;
  right: 2.5%;
  border-width: 2px;
  border-radius: 50%;
  transform: scale(0.25) translate(100px, -100px);
  transform-origin: top right;
  box-shadow: 0 2px 8px #0c8af1ab; 
}
.minimized {
  top: 2.5%;
  right: 2.5%;
  border-width: 2px;
  transform: scale(0.18) translate(100px, -100px);
  transform-origin: top right;

}

.globo {
  width: 400px;
  height: 400px;
  position: relative;
}


.frontal {
  width: 400px;
  height: 400px;
  background: url(../../images/recursos/1.png);
  z-index: 5;
  position: absolute;
  top: 0;
  left: 0;
}

.back {
  width: 400px;
  height: 400px;
  background: url(../../images/recursos/2.png);
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
}

.mapfront,
.mapback {
  border-radius: 300px;
  width: 340px;
  height: 340px;
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: 4;
}

.mapfront {
  background: url(../../images/recursos/3.png) repeat-x;
  -webkit-animation: mapfront_spin 15s linear infinite;
  animation: mapfront_spin calc(15s/5%) linear infinite;

}

.mapback {
  background: url(../../images/recursos/4.png) repeat-x;
  position: absolute;
  animation: mapback_spin 15s linear infinite;
}

.frontal,
.back,
.mapfront,
.mapback {
  transition: all 0.5s ease;
}

p {
  margin: 0;
  color: #666666;
  font-size: 14px;
}

img {
  border: none;
  max-width: 100%;
  height: auto;
}
/* LOGO Maren Travel*/
.logo a,
.logo a:hover,
.logo a:focus {  
  color: var(--maren-verde);
  font-size: 20px;  
  font-weight: 600;
  padding: 5px;
  border-radius: 5px;
}

.logo a span {  
  color: var(--maren-dorado);  
}

.logo img {
  width: 80px;
  padding-right: 5px;
  margin-left: 0 auto;
  margin-bottom: 5px;
}


/* se usa en el layout*/
.about-us {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background: url(/images/home/_header.jpg) no-repeat; 
  background-size: cover;
  background-position: center;
  min-height: 1000px;
}

/* se usa en el layout*/
.about-us-content {
  margin: -175px 0 0 0;
}

.about-us h2 {
  color: var(--maren-dorado);

  font-size: calc(1rem + 5vw);
    font-size: min(max(calc(1rem + 5vw), 12px), 80px);
  text-transform: inherit;
  max-width: 60%;
  font-weight: 500;
  line-height: 1.22;
}

.gallery {
  background: #e2e2e2;
}

.gallery-details {
  margin-top: 117px;
  margin-bottom: 109px;
}

.gallery-content {
  margin-top: 62px;
}

.gallary-header h2 {
  position: relative;
  color: #565a5c;
  font-size: 30px;
  font-weight: 500;  
  font-family: "Poppins", sans-serif;
  padding-bottom: 14px;
}

.gallary-header p {
  position: relative;
  color: #0f0f0f;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  margin-top: 17px;
}


.item-title {  
  background: transparent;
  bottom: 5px;
  left: 0px;
  width: 170px;
  height: 60px;
  -webkit-transition: all 0.6s linear;
  -moz-transition: all 0.6s linear;
  -ms-transition: all 0.6s linear;
  -o-transition: all 0.6s linear;
  transition: all 0.6s linear;
}

.item-title a {
  color: #030303;
  font-size: 24px;  
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  margin-bottom: 3px;
  -webkit-transition: all 0.6s linear;
  -moz-transition: all 0.6s linear;
  -ms-transition: all 0.6s linear;
  -o-transition: all 0.6s linear;
  transition: all 0.6s linear;
}

.item-title p {
  color: #111111;
  font-size: 16px;  
  font-family: "Poppins", sans-serif;
  -webkit-transition: all 0.6s linear;
  -moz-transition: all 0.6s linear;
  -ms-transition: all 0.6s linear;
  -o-transition: all 0.6s linear;
  transition: all 0.6s linear;
}

.item-title p span {
  padding-right: 30px;
}


.discount-offer {
  padding: 120px 0;
  position: relative;
  background:  url(../images/home/7.jpg)  no-repeat center fixed;
  background-size: cover;
  z-index: 1;
}

.discount-offer:after,
.subscribe:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 122, 207, 0.5);
  z-index: -1;
}

.dicount-offer-content h2 {
  color: #fff;
  font-size: 30px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  line-height: 1.4;
}


.temporada-detalle {
  background: #2870e4a6;
  color: white;
  font-size: large;
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 2px;
  max-width: 60%;
  margin: 2%  0% 2%  43%;
  padding: 24px 17px 30px;
  border-radius: 5px;
  box-shadow: 0 0 20px rgba(51, 11, 230, 0.493);
}

.packages {
  padding: 120px 0 90px;
}

.packages-content {
  margin-top: 65px;
}

.single-package-item {
  margin-bottom: 0px;
  padding-bottom: 0px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.single-package-item:hover {
  box-shadow: 0 0 20px rgb(0 0 0 / 47%);
}
.single-package-item-txt {
  padding: 0 25px;
}

.single-package-item img {
  width: 100%;
}

.single-package-item h3 {
  position: relative;
  font-size: 14px;
  color: #565a5c;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
  padding: 20px 0;
}

.single-package-item h3:after {
  position: absolute;
  content: " ";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #ebebeb;
}

.packages-para {
  padding: 17px 0 0;  
}

.packages-para p {
  font-size: 14px;
  color: #1f1f1f;
  font-family: "Poppins", sans-serif;
  margin-bottom: 15px;
}

.packages-para p span {
  display: inline-block;
  width: 100%;
}


.packages-review span {
  margin-left: 20px;
  font-size: 14px;
  color: #aaa;
  font-family: "Poppins", sans-serif;  
}

.special-offer {
  position: relative;
  background: url(../images/home/17.jpg) no-repeat center;
  background-size: cover;
  z-index: 1;
}

.special-offer:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 216, 255, 0.6);
  z-index: -1;
}

.single-special-offer-bg {
  margin-top: -1px;
  position: relative;
  padding-bottom: 42px;
  z-index: -1;
}

.single-special-offer-bg:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  background: rgba(0, 122, 207, 0.5);
  z-index: 1;
}

.single-special-offer-bg img {
  height: 807px;
}

.single-special-shape-txt {
  position: absolute;
  top: 60px;
  left: 62px;
}

.single-special-shape-txt h3,
.single-special-shape-txt h4 {
  color: #fff;
  font-size: 30px;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  text-align: center;
}

.single-special-shape-txt h4 {  
  margin: 174px 0;
  line-height: 1.3;
}

.single-special-shape-txt h4 span {
  font-size: 60px;
}

.single-special-shape-txt p {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  text-align: center;  
}

.single-special-shape-txt p span {
  font-size: 60px;
  font-weight: 700;
}

.single-special-offer-txt {
  padding: 172px 0 0;
}

.single-special-offer h2 {
  color: #74eaff;
  font-size: 30px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  margin-bottom: 22px;
}

.packages-para.special-offer-para p {
  color: #fff;
}

.packages-para.special-offer-para p span {
  display: inline;
  color: #fff;
  width: 100%;
  margin-right: 25px;
}

.offer-para {
  margin-top: 31px;
  text-transform: initial;
  line-height: 2;
}

.packages-review.special-offer-review {
  margin-bottom: 13px;
}

.packages-review.special-offer-review span {
  color: #fff;
}

.offer-btn-group {
  display: flex;
  margin-top: -10px;
}

.about-view.packages-btn.offfer-btn {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
  margin-right: 25px;
}

.blog {
  background: #fff;
  padding: 115px 0 92px;
}

.blog-content {
  margin-top: 66px;
}

.blog-content .thumbnail {
  background: transparent;
  border: transparent;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.blog-content .thumbnail:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.thumbnail h2 {
  padding: 25px 0 25px 20px;
  color: #565a5c;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
}

.thumbnail span {
  color: #aaa;
  font-size: 14px;
  font-weight: normal;
  padding-left: 25px;
  font-family: "Poppins", sans-serif;
}


.thumbnail-img {
  position: relative;
}

.blog-content .thumbnail .thumbnail-img img {
  max-width: 102%;
  margin-left: -4px;
}

.thumbnail-img-overlay {
  position: absolute;
  top: 0;
  left: -4px;
  width: 102%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.blog-content .thumbnail:hover .thumbnail-img-overlay {
  opacity: 1;
}

.blog-content .caption {
  background: #fff;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.blog-content .thumbnail:hover .caption {
  border: transparent;
}

.blog-txt {
  margin-top: 8px;
  margin-left: 12px;
}

.blog-content .caption .blog-txt h3 a {
  color: #565a5c;
  font-size: 15px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  margin-top: 15px;
  padding-bottom: 3px;
  min-height: 63px;
  line-height: 2;
}

.blog-content .caption .blog-txt p {
  color: #aaaaaa;
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  min-height: 105px;
}

.blog-content .caption .blog-txt a {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  color: #64cbfa;
  padding-bottom: 12px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.subscribe {
  position: relative;
  padding: 80px 0;
  background: url(/images/home/_footer.jpg) no-repeat center fixed;
  background-size: cover;
  z-index: 1;
}

.subscribe .subscribe-title {
  margin-bottom: 45px;
}

.subscribe-title h2 {
  color: #fff;
  font-size: 38px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  line-height: 1.4;
}

.subscribe-title p {
  color: #fff;
  font-size: 20px;
  font-family: "Poppins", sans-serif;
  line-height: 1.4;
  margin-top: 10px;
}



.custom-input-group {
  position: relative;
}

.custom-input-group i {
  position: absolute;
  color: #aaa;
  font-size: 16px;
  top: 25px;
  left: 40px;
  margin: 2px;
}

.custom-input-group .form-control {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  padding-left: 63px;
  padding-right: 155px;
  font-size: 16px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  border-color: #eee;
}

.custom-input-group .subscribe-btn {
  float: right;
  position: relative;
  z-index: 1;
  margin: 5px 5px;
}

.msg-txt {
  resize: none;
  margin-bottom: 12px;
  height: 100px;
}

.appsLand-btn {
  background: #00d8ff;
  display: inline-block;
  padding: 17px 54px;
  text-decoration: none;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;  
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  box-shadow: 0 1px 5px rgba(2, 3, 3, 0.15);
  letter-spacing: 0.7px;
  border: 0;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}

.appsLand-btn:hover,
.appsLand-btn:focus,
.appsLand-btn:active {
  text-decoration: none;
  outline: none;
}

.appsLand-btn:hover {
  box-shadow: 0 3px 25px rgba(2, 3, 3, 0.25);
  background: #00d8ff;
}

.appsLand-btn.appsLand-btn-larg {
  padding: 20px 40px;
}

.appsLand-btn.appsLand-btn-larg i {
  margin-right: 9px;
  font-size: 24px;
  vertical-align: sub;
}

/* se usa en el layout*/
.footer-copyright {
  background: #f9f9f9;
  padding: 0 0 60px;
}

.footer-content {
  padding: 120px 0;
}

.single-footer-item {
  font-family: "Poppins", sans-serif; 
}

.single-footer-item h2 {
  color: #565a5c;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 40px;
}


.footer-logo {
  padding-top: 76px;
}

.footer-logo a,
.footer-logo a:hover,
.footer-logo a:focus {
  color: #565a5c;
  font-size: 24px;
  font-family: "Poppins", sans-serif;  
  font-weight: 600;
  margin: 14px 0px 0;
  padding: 10px 0 0 0;
}

.footer-logo a > span {
  color: #00d8ff;  
}

.footer-logo p {
  color: #aaa;
  font-size: 16px;
  font-family: "Poppins", sans-serif;  
}

/*footer-logo*/

/*single-footer-txt*/
.single-footer-txt p {
  margin-bottom: 8px;
}

.single-footer-txt p a {
  color: #565a5c;
  font-size: 16px;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.single-footer-txt p a:hover {
  -webkit-transition: scaleX(1.2);
  -moz-transition: scaleX(1.2);
  -ms-transition: scaleX(1.2);
  -o-transition: scaleX(1.2);
  transform: scaleX(1.2);
  color: #00d8ff;
}

.footer-copyright hr {
  border-top: 1px solid #ebebeb;
}

.foot-icons {
  text-align: center;
  margin-top: 60px;
}

.foot-icons .footer-social-links li {
  padding: 0 10px;
  text-align: center;
}

.foot-icons .footer-social-links a {
  color: #fff;
  display: block;
  font-size: 30px;
  width: 60px;
  line-height: 60px;
  height: 60px;
  border-radius: 50%;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  border-radius: 50%;
}

.foot-icon-bg-1 {
  background: #3b5999;
}

.foot-icon-bg-2 {  
  color:red;
  background: #25d566;
}

.foot-icon-bg-3 {
  background: #8938ae;
  background: -webkit-linear-gradient(right, #8938ae 0%, #c13181 100%);
  background: -o-linear-gradient(right, #8938ae 0%, #c13181 100%);
  background: linear-gradient(to right, #8938ae 0%, #c13181 100%);
}

.foot-icons .footer-social-links a:hover {
  color: #db582c;
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}

.foot-icons p {
  color: #aaa;
  font-size: 16px;
  margin-top: 28px;
}

.foot-icons p a,
.foot-icons p a:hover,
.foot-icons p a:focus {
  color: #00d8ff;
  font-size: 16px;
  margin-top: 28px;
}


#section-about {
  margin-right: -15px;
  margin-left: -15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.formulario-contacto {
  padding: 1.5rem;
  background: #333;
  border-radius: 8px;
}
.contact-form {
  display: flex;
  flex-direction: column;

}
.form-group {
  margin-bottom: 1rem;
}
.form-input{
padding: 4px ;
margin-top: 2px;

}
.form-contacto{
  width: 50%;
  margin: 0 auto;
  margin-top: 2rem;
  margin-bottom: 2rem;
  box-shadow: #00000013 0px 1px 1px 0px;
  border:0;
  border-radius: 8px;
  padding: 1rem;
  background: #127de198;
}
#cuerpo {
  width: 80%;

}

.text-outline {
  font-size: min(max(calc(1rem + 5vw), 12px), 30px);
  color: white;
  font-weight: bold;
  letter-spacing: 3px;
  text-shadow:
    2px 2px 10px rgba(0, 0, 0, 0.8),  
    -2px -2px 10px rgba(0, 0, 0, 0.8),
    2px -2px 10px rgba(0, 0, 0, 0.8), 
    -2px 2px 10px rgba(0, 0, -126, 0.8);
}
.about-us-txt{
  width: 95%;
}
.row {
  margin-right: 0px;
  margin-left: 0px;
}
.margen-sup-10{  margin-top: 10px;}
.margen-sup-20{  margin-top: 20px;}
.margen-sup-30{  margin-top: 30px;}
.margen-sup-40{  margin-top: 40px;}
.margen-sup-50{  margin-top: 50px;}
.margen-y-5{  margin-top: 5px; margin-bottom: 5px;}
.margen-y-10{ margin-top: 10px; margin-bottom: 10px;}

.paquete-boton{
    position:absolute;
    right: 0;
    left: 0;
    bottom:0%;
    display: flex;
    justify-content: space-between;  
    padding: 10px; 
    width: 100%;
}
.paquete-div{
    position:relative;    
    background-repeat: no-repeat; 
    background-size: cover; 
    background-position: center; 
    width: 100%; 
    height: 100%; 
    display: flex; 
    flex-direction: column; 
    justify-content: flex-end;
    border-radius: 5px;
}