/*
@font-face 
    font-family: 'JungleFever';
    src: url('../../fuentes/geoaventura//JungleFever.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
*/


@font-face { 
    font-family: 'TradeWinds-Regular';
    src: url('../../fuentes/geoaventura/TradeWinds-Regular.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}


body {
  margin: 0;
  padding: 0;
  font-family: 'TradeWinds-Regular', sans-serif !important;
    font-weight: bold;
    font-style: normal;
}

body {

}

   
h1, h2, h3 {
    font-family: 'TradeWinds-Regular', sans-serif ;
}

.flex-container {
  position: relative;
  height: 100vh;
  width: 100%;
  #top:50vh;
  display: -webkit-flex;
  /* Safari */
  display: flex;
  overflow: hidden;
}


.flex-title {
  color: #e8740f;
  margin: 0 1vw;
  padding: 1vw;
  text-align: right;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  #transform: rotate(90deg);
  #transform-origin: top left;
  #top: 0vh;
  #left:16vw;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  position: relative;
  #padding: 2vh;
  background-color: #0E85CCBF;
  #z-index: 100;
  font-size: 1.5vw;
  font-weight:bolder;
  white-space:wrap;
  #width:20vh;
#margin-left: 60px;
#-webkit-transform: translate3d(0, 0, 0) skew(-20deg, 0deg);
#-moz-transform: translate3d(0, 0, 0) skew(-20deg, 0deg);
#-ms-transform: translate3d(0, 0, 0) skew(-20deg, 0deg);
#transform: translate3d(0, 0, 0) skew(-20deg, 0deg);
}


.flex-title p {  
	margin:0;
}
	


.flex-about {
  opacity: 0;
  color: #f1f1f1;
  position: relative;
  width: 50%;
  font-size: 1vw;
  background-color: #8c1dcfa3;
  padding: 5%;
  left:4vw;
  top: 2vh;
  border: 2px solid #f1f1f1;
  border-radius: 10px;
  line-height: 1.3;
  margin: auto;
  text-align: left;
  transform: rotate(0deg);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
@media screen and (max-width: 768px) {

.flex-about {
  padding: 0%;
  border: 0px solid #f1f1f1;
}
}

.flex-slide {
  -webkit-flex: 1;
  /* Safari 6.1+ */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  cursor: pointer;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  position:relative;
}


.flex-slide:hover {
  -webkit-flex-grow: 3;
  flex-grow: 3;
}

/*
@media screen and (min-width: 768px) {

.home {
  -moz-animation: aboutFlexSlide;
  -moz-animation-duration: 3s;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0s;
  -webkit-animation: aboutFlexSlide;
  -webkit-animation-duration: 3s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0s;
  animation: aboutFlexSlide;
  animation-duration: 3s;
  animation-iteration-count: 1;
  animation-delay: 0s;
}
}
 @keyframes
aboutFlexSlide {  0% {
 -webkit-flex-grow: 1;
 flex-grow: 1;
}
 50% {
 -webkit-flex-grow: 3;
 flex-grow: 3;
}
 100% {
 -webkit-flex-grow: 1;
 flex-grow: 1;
}
}
@media screen and (min-width: 768px) {

.flex-title-home {
  transform: rotate(90deg);
  top: 11%;
  -moz-animation: homeFlextitle;
  -moz-animation-duration: 3s;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0s;
  -webkit-animation: homeFlextitle;
  -webkit-animation-duration: 3s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0s;
  animation: homeFlextitle;
  animation-duration: 3s;
  animation-iteration-count: 1;
  animation-delay: 0s;
}
}
 @keyframes
homeFlextitle {  0% {
 transform: rotate(90deg);
 top: 11%;
}
 50% {
 transform: rotate(0deg);
 top: 10%;
}
 100% {
 transform: rotate(90deg);
 top: 11%;
}
}

.flex-about-home { opacity: 0; }
@media screen and (min-width: 768px) {

.flex-about-home {
  -moz-animation: flexAboutHome;
  -moz-animation-duration: 3s;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0s;
  -webkit-animation: flexAboutHome;
  -webkit-animation-duration: 3s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0s;
  animation: flexAboutHome;
  animation-duration: 3s;
  animation-iteration-count: 1;
  animation-delay: 0s;
}
}
 @keyframes
flexAboutHome {  0% {
 opacity: 0;
}
 50% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
*/


.contact-form { width: 100%; }

input { width: 100%; }

textarea { width: 100%; }





.spinner {
  position: fixed;
  top: 0;
  left: 0;
  background: #222;
  height: 100%;
  width: 100%;
  z-index: 11;
  margin-top: 0;
  color: #fff;
  font-size: 1em;
}

.cube1, .cube2 {
  background-color: #fff;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
  animation: sk-cubemove 1.8s infinite ease-in-out;
}

.cube2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
 @-webkit-keyframes
sk-cubemove {  25% {
 -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
}
 50% {
 -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
}
 75% {
 -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
}
 100% {
 -webkit-transform: rotate(-360deg);
}
}
@keyframes
sk-cubemove {  25% {
 transform: translateX(42px) rotate(-90deg) scale(0.5);
 -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
}
 50% {
 transform: translateX(42px) translateY(42px) rotate(-179deg);
 -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
}
 50.1% {
 transform: translateX(42px) translateY(42px) rotate(-180deg);
 -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
}
 75% {
 transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
 -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
}
 100% {
 transform: rotate(-360deg);
 -webkit-transform: rotate(-360deg);
}
}

img.fondoDiv {
	position:absolute;
	top:0;
	left:0;
  width:150vh;
  height:100%;
  opacity:100%;
}

/*div.flex-container div:not(:first-of-type):not(:last-of-type) img {  */
div.flex-container div:first-of-type img {
	left:-12vw;
}
	
div.flex-container div:not(:last-of-type) img {
  transform:translate3d(0, 0, 0) skew(-21.6deg, 0deg);
}


.pie {
    width: 100%;
    height: auto;
}

.pie img {
    width: 100%;
    height: 30vw;
}


.agenda {
  position: absolute;
  //height: 100vh;
  width: 100%;
  display: -webkit-flex;
  /* Safari */
  display: flex;
  overflow: hidden;
  bottom:0px;
  background-color: white;
}

.cabecera {
  background: no-repeat url(../../images/geoaventura/foto8WCab.webp);
  -webkit-background-size: 100% 30vw !important;
  -moz-background-size: 100% 30vw !important;
  -o-background-size: 100% 30vw !important;
  background-size: cover !important;
  background-size: 100% 30vw !important;
    width: 100%;
    height: 40vw;
    object-fit:cover;
    position:relative;
    overflow: hidden;
}

.cabecera .filtro {
    display:none;
    position: absolute;
    /* top: 0vw; */
    /* left: -55vw; */
    right: -35vw;
    color: white;
    background-color: #181111;
    width: 200%;
    height: 100%;
    filter: opacity(70%);
    transform: rotate3d(0, 0, 1, 45deg);
    #border-radius: 2vw;
    border: 1vw solid #fffcfc;
}


.menu {
	display:flex;
	position:absolute;
	top:0;
	right:0vw;
}

.introduccion {
    display: flex;
    flex-wrap: wrap;
}

.introduccion .titulo {
    #height: 30vh;
    background-color: #319026d1;
	color:white;
	height: fit-content;
    width: 30vw;
    padding: 2vw;
    margin: 1vw;
    position: relative;
    top: -12vw;
    left: 12vw;
	box-shadow: -4vw 4vw 0px 4px #c7915a;
}

.introduccion .titulo h1, 
.introduccion .titulo h3 {
    #color:white;
    font-family: 'TradeWinds-Regular', sans-serif ;
    word-break: break-word;
}    

.introduccion .titulo h1 {
    color:white;
}    


.texto:before {
    width: 100px;
    left: calc(50% - 50px);
    #height: calc(100% + 4px);
    top: -2px;
    content: '';
}

.texto:after {

    display: block;
   
    background: #808080;
    border-right: 1px white;
    content: '';
	#height: 100px;
    left: -2px;
    width: calc(100% + 4px);
    top: calc(50% - 50px);
}

.introduccion .texto {
	position: relative;
    width: 50vw;
    height: fit-content;
	padding: 0vw 2vw;
    left: 12vw;
    #top: 2vh;
	border-bottom: 10px solid #56a44d;
    border-right: 10px solid #c7915a;
	#border-bottom: 5px solid #ccd1d7;
	#text-align: justify;
	-webkit-column-count: 1;
      -moz-column-count: 1;
           column-count: 1;

	-webkit-column-gap: 5vw;
      -moz-column-gap: 5vw;
           column-gap: 5vw;
		   
	-webkit-column-rule: 5px solid lightblue;
	-moz-column-rule: 5px solid lightblue;
	column-rule: 5px solid #177ab5;
	word-break: break-word;
	
}	

.introduccion .texto > h2 {
	color: #e8740f;
	font-family: 'TradeWinds-Regular', sans-serif ;
	
}

.introduccion .texto > p {
	font-size:2vw;
}

.ultimasActividades  {
    margin: 20vw 0 0 0;
}

.ultimasActividades .intro {
    margin: 10vw;
    padding: 5vw;
    box-shadow: -20vw -10vw 0 0 #c7915a;
}

.ultimasActividades .intro > h1{
    box-shadow: 40vw 5vw 0px 0px #519a6f;
    padding: 2vw;
}


.actividad  {
	position:relative;
	#display:flex;
	width:100%;
}

.actividad > img {
    height: 30vw;
    width: 100%;
    #border: 1vw solid #a09494;
    #border-radius: 25px;
}



.actividad .titulo {
    position: absolute;
    left: 75vw;
    width: 20vw;
    padding: 1vw;
    top: -5vw;
    font-size: 3vw;
    color: white;
    background-color: #36303bc4;
}

.actividad .fechas {
   font-size: 3vw;
    position: absolute;
    padding: 3vw;
    top: -4vw; 
    left: 1vw;
    width: fit-content;
    color: white;
    background-color: #ed0624ad; 
}

.actividad .descripcion {
    #position: absolute;
    width: 100%;
    padding: 2vw;
    #left: 10vw;
    #top: 10vw;
    #z#-index: 100;
    #font-size: large;
    #background-color: #55c106bf;
}

.actividad .descripcion > h3{
    color:red;
    padding: 0 25vw 0 1vw;
    border-left: solid 2vw;
}

.servicios {
    width: 100%;
    height: 50vw;
    background-color: #000000;
    margin:5vw 0;
}


.servicio  {
    word-break: break-word;
    margin: 1vw;
    flex: 100%;
    position: relative;
    padding: 1vw;
    #border: 0.5vw solid green;
    text-align: center;
}

.servicio > img {
    position: absolute;
    top: 0;
    left: 0;
    height: 38vw;
    width: 50%;
    border-radius: 5% 50% 5% 50%;
}

.servicio > h3 {
    color: white;
    position: absolute;
    width: 50%;
    text-align: left;
}

.servicio > p {
    color: #fefefe;
    position: absolute;
    /* left: 70vw; */
    overflow-y: scroll;
    right: 0;
    width: 50%;
    height: 38vw;
    word-break: break-word;
    font-size: 3vw;
    padding:2vw;
}

.orbit-container {
    height: 40vw !important;
}

.orbit-bullets {
    top: 0vw;
    font-size: 10vw;
}

.orbit-next, .orbit-previous {
    color: #fefefe;
    font-size: 8vw;
    top: 100%;
}

.seccion1 {
    display:flex;
    margin: 2vw 2vw 0vw 2vw;
} 

.seccion1 .izq {
    flex:50%;
    #padding: 4vw;
} 

.seccion1 .izq > h2 {
    width: min-content;
    padding: 0vw 2vw 2vw 0vw;
    border-right: solid 2vw red;
    color: red;
} 

.seccion1 .der {
    flex:50%;
    position:relative;
} 

.seccion1 .der > img:nth-child(1)  {
    width: 20vw;
    height: auto;
    position: absolute;
    right: 0;
    top: 0;
} 

.seccion1 .der > img:nth-child(2)  {
    width: 30vw;
    height: auto;
    position: absolute;
    right: 10vw;
    top: 10vw;
} 

.seccion1 .der > img:nth-child(3)  {
    width: 20vw;
    height: auto;
    position: absolute;
    right: 5vw;
    top: 25vw;
} 

.masInfo {
    background-color: #56a44d;
    width: 60%;
    padding: 1vw;
    border-radius: 10%;
    font-size: 2vw;
} 

.masInfo > h3 {
    font-size: 2vw;
} 

.seccion2 {
    position: relative;
    overflow: hidden;
    margin: 10vw 0vw;
} 

.seccion2 .texto {
    position: absolute;
    width: 50%;
    color: white;
    padding: 1vw;
    top: 0vw;
    background-color: #c7915ad4;
} 

.seccion2 .fi-paw {
    position: absolute;
    color: white;
    padding: 0vw;
    top: 1vw;
    right: 1vw;
    font-size: 15vw;
} 

.seccion2 .texto > h2 {
    font-size: 4vw;
} 

.seccion2 .texto > p {
    font-size: 3vw;
} 


.about {
    position:relative;
}
    
.title > h1 {
    background-color: #319026d1;
    color: white;
    height: fit-content;
    width: max-content;
    padding: 2vw;
    margin: 1vw;
    position: relative;
    top: -12vw;
    left: 6vw;
    box-shadow: 4vw 4vw 0px 4px #c7915a;
}

.about .contenido > p {
    padding: 0vw 2vw;
    width:50%;
}

.about .contenido .intro {
    position: absolute;
    width: 50%;
    height: 230vw;
    padding: 2vw;
    top: 0vw;
    font-size: 3vw;
    right: 0;
    color: white;
    background-color: #36303b;
}

.contacto {
    margin: 0vw 4vw;
}

form > p {
    width:fit-content;
}

.contenedorFormulario {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 5vw 0vw 0vw 0vw;
} 

.contenedorFormulario .formulario {
   width:100%;
} 

.contenedorFormulario .galeriaDer {
   width:40%;
   position:relative;
} 

.contenedorFormulario .formulario form label {
    background-image: linear-gradient(to left, rgba(255,0,0,0), rgba(255,0,0,1));
} 

.no-js .top-bar {
  display: none;
}


.sticky {
    position: absolute;
    top: 0;
    right:0;
}


.title-bar  {
    display: none;
    #position: absolute;
    width:100%;
    #top: 0;
    #right: 0;
}

.title-bar > img {
    width: 20%;
}

.top-bar {
    display: none;
    background-color:#56a44dba;
    #position: absolute;
    #top: 0;
    #right:0;
}

.top-bar ul {
    background-color:transparent;
}    

.top-bar ul li a{
    color:black;
    font-size:2vw;
}   

.top-bar ul li a i{
    padding:10px;
}  
    
.top-bar .top-bar-left > img {
    width: 5%;
}

.actividades .contenido .senderismo {
    position:relative;
    padding: 0 0 0 7%;
}
   

.actividades .contenido .senderismo .textoPrincipal {
    padding:5vw;
    #background-color:cyan;
    #position:absolute;
    height:min-content;
}

.senderismo .derecha {
  margin-left: 1%;
}

.senderismo .derecha > h1{
    padding: 2%;
    position: absolute;
    top: -25%;
    width: 25%;
    right: 5%;
    background-color: #ffffffa3;
    color: #1e84f2;
}

.senderismo .izquierda > p{
margin: 5% 10%;
padding: 5%;
background: linear-gradient(to left, rgba(9, 121, 83, 0) 0%, rgba(131, 188, 125, 0.63) 100%);
}

.contenido .galeria {
margin: 0;
padding: 2%;
position: relative;
top: -10%;
width: 80%;
right: -20%;
}

.contenido .galeria img {
border-radius:50%;
}


.senderismo .izquierda > figure{
    text-align: right;
    width: 80%;
}

.senderismo .izquierda figure > img {
   #text-align: right;
   #width: 50%;
}

.contenido .trekking {
    flex-wrap: nowrap;
    margin: 10% 0px 0px 0%;
}

.trekking .wp-block-column {
   margin:1%;
   position:relative;
}

.trekking .wp-block-column blockquote {
#position: absolute;
#top: 30%;
#left: 0;
padding: 0% 5%;
}

.trekking .wp-block-column figure {
   #height:60%;
}

.trekking .wp-block-column img {
  #max-width: 60%;
  #height: 60%;

}

.contenido .asesoramiento {
    flex-wrap: nowrap;
    margin: 10% 0px 0px 0%;
}

.contenido .asesoramiento .wp-block-column:nth-child(1) { 
    background-color:red;
    #margin: 5%;
    height: min-content;
}

.contenido .asesoramiento .wp-block-column:nth-child(2) { 
    background-color:cyan; 
    margin:0;
}

.contenido .asesoramiento .wp-block-column:nth-child(3) { 
    height:100%;
}

.polaroid {
    background-color:white;
    padding:10px 10px 50px 10px;
    border:1px solid #BFBFBF;
    box-shadow:10px 10px 30px rgba(0, 0, 0, 0.8);
}

.RotarIzq {
    transform:rotate(20deg);
    -ms-transform:rotate(20deg); /* IE9 */
    -webkit-transform:rotate(20deg); /* Safari y Chrome */
    -moz-transform:rotate(20deg); 
}

 

.RotarDer {
    transform:rotate(-10deg);
    -ms-transform:rotate(-10deg); /* IE9 */
    -webkit-transform:rotate(-10deg); /* Safari y Chrome */
    -moz-transform:rotate(-10deg); 
}


@media (min-width: 1025px) {
body p {
    font-size:3vh;
} 

.about .contenido .intro {
    height: 200vw;
}
}


@media (min-width: 768px) {
  .no-js .top-bar {
    display: block;
  }

  .no-js .title-bar {
    display: none;
  }
  
  .senderismo .derecha > h1{
    width: 35%;
   }

}


@media (max-width: 768px) {


.introduccion .titulo {
	width:60%;
}

.introduccion .texto {
    column-count: 1;
    width: 100%;
    margin: 0vw 2vw;
    left:0;
    padding: 3vw;
}

.introduccion .texto > h2{
	font-size:3vw;
}

.introduccion .titulo > h1 {
    font-size:4vw;
}    

.introduccion .titulo > h3 {
    font-size:3vw;
} 

.introduccion .titulo h1 {
    color:white;
}    


.actividad .descripcion {
    font-size:3vw;
}

.actividad .descripcion > h3 {
    font-size:4vw;
}

.actividad .fechas {
    top: -4vw;
}

.flex-title { 
    font-size:2vw;
}


#.flex-container { flex-direction: column; }


#.flex-slide {
  overflow: auto;
  overflow-x: hidden;
}

#.flex-slide p { font-size: 2em; }
#.flex-slide ul li { font-size: 2em; }

.seccion1 {
    display: flex;
    margin: 2vw 2vw 0vw 2vw;
}


.seccion2 .texto {
    width: 50%;
    left: 0vw;
    top: 0vw;
} 

.about .contenido > p {
    width:50%;
}
  
.orbit-next, .orbit-previous {
    top: 95%;
}

}

@media (min-width: 280px) and (max-width: 482px) {
.seccion1 .der > img:nth-child(1)  {
    width: 30vw;
    height: auto;
    position: absolute;
    right: 1vw;
    top: 2vw;
    transform: rotate(15deg);
} 

.seccion1 .der > img:nth-child(2)  {
    width: 30vw;
    height: 70vw;
    position: absolute;
    right: 10vw;
    top: 16vw;
    transform: rotate(345deg);
} 

.seccion1 .der > img:nth-child(3)  {
width: 40vw;
    height: auto;
    position: absolute;
    right: 3vw;
    top: 80vw;
    transform: rotate(-25deg);
} 

.about .contenido .intro {
    height: 140vw;
}

.about .contenido > p {
    width:100%;
}

.menu, .menu.horizontal > ul {
    position:relative;
}

.top-bar {
    display: inline-flex;
    flex-wrap: wrap;
    background-color: #56a44d;
}

.top-bar .top-bar-left {
    flex:10%;
}

.top-bar .top-bar-left > img {
    width:100%;
}


.top-bar .top-bar-right {
    flex:85%;
}

.top-bar .top-bar-right ul {
    position:relative;
    background-color: #56a44d;
}

.top-bar .top-bar-right ul li a {
    padding: 0vw 1vw;
    font-size: 2.5vw;
    color: white;
}

.orbit-next, .orbit-previous {
    top: 90%;
}

.orbit-bullets {
    top: -3vw;
}

.ultimasActividades .intro > h1 {
    font-size:3vw;
}
    

}