* {
	padding: 0;
	margin: 0;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	-webkit-overflow-scrolling:touch;
}

::selection {
    background-color: #b2c4c1;
    color: white;
}

html {
	width: 100%;
	height: 100%;
}

body {
	background-color: #b2c4c1;
	color: #0021fa;
	font-family: 'helvetica',sans-serif;
	overflow: hidden;
	transition: transform .1s;
	/*
	background: rgb(153,204,204);
	background: linear-gradient(180deg, rgba(153,204,204,1) 0%, rgba(204,204,153,1) 100%);
	*/
	background: rgb(153,204,204);
background: linear-gradient(180deg, rgba(153,204,204,1) 0%, rgba(206,172,170,1) 100%);
/*
background: rgb(178,191,189);
background: linear-gradient(180deg, rgba(178,191,189,1) 0%, rgba(203,179,208,1) 100%);*/
	background-repeat: no-repeat;
	background-size: contain;
	height: 100%;
	width: 100vw;
}

a {
	color: #0021fa;
	text-decoration: none;
}

/* LOGO BIG

*/

.logo-big {
	display: none;
}
/*

TITLE


*/

.title {
	
	font-size: 3vw;
	margin-top: 0px !important;
}
.sub-title {
	margin-bottom: 30vh;
	font-size: 2vw;
}

/*
 * Navigation
 */


.menu-toggle {
	display: none;
	width: 10vw;
}

nav#mainNav {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 50px;
	padding-top: 30px;
/*	padding-right: 50px; */
	z-index: 9;
}

nav#mainNav ul {
	float: right;
	list-style: none;
}

nav#mainNav ul li {
	float: left;
	margin: 0 20px;
	font-size: 120%;
	color: #0021fa;
	font-family: 'avenir',sans-serif;
}

nav#mainNav ul li:first-child {
	/*margin: 0;*/
}

nav#mainNav ul li a {
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	display: inline-block;
}
nav#mainNav ul li a.home-button {
	width: 35px;
	height: 35px;
	
}

nav#mainNav ul li a.home-button span {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('siteicon.png');
	width: 35px;
	height: 35px;
	margin-top: -7px;
	display: block;
}

nav#mainNav ul li a.social-media-button {
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 20px;
	height: 20px;
	/*/margin-top: -4px;*/
}

nav#mainNav ul li a.social-media-button.linkedin {
	background-image: url('share_linkedin.png');
	/*height: 21px;*/
	width: 19px;
	height: 19px;
}

nav#mainNav ul li a.social-media-button.instagram {
	background-image: url('share_instagram.png');
}

.commentsButton {
	position: absolute;
    top: 40%;
    right: 0px;
    background: blue;
    color: white;
    display: block;
    padding: 7px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    transform: rotate(-90deg) translate(0, -100%);
    transform-origin: 100% 0;
}

/*
 * Bottom buttons
 */
#bottom-buttons {
	position: fixed;
	bottom: 2.5%; 
	
	z-index: 9;
}

#bottom-buttons ul {
	/*
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	flex-wrap: wrap;*/
	display: grid;
  grid-gap: 50px;
  grid-template-columns: repeat(4, 190px);
 
  justify-content: center;
  align-items: center;
  width: 100vw;
  
  
	
}

#bottom-buttons ul li {
	width: 190px;
	height: 52px;
	border: 2px solid #0021fa;
	background: #0021fa;
	transition: background .4s;
	display: flex;
	justify-content: center;
	align-items: center;
	/*margin: 0 25px; */
}

#bottom-buttons ul li.active,
#bottom-buttons ul li:hover {
	background: transparent;
}

#bottom-buttons ul li.active a,
#bottom-buttons ul li:hover a {
	color: #0021fa;
}

#bottom-buttons ul li a {
	flex: 0 0 100%;
	text-align: center;
	display: flex;
	transition: color .4s;
	text-decoration: none;
	font-family: 'basilia';
	width: 100%;
	height: 100%;
	color: #b2c4c1;
	
}

#bottom-buttons ul li a span {
	flex: 0 0 100%;
	margin: auto;
	display: block;
}

#copyright {
	position: fixed;
	bottom: 20px;
	left: 0;
	width: 100%;
	text-align: center;
	font-family: 'helvetica',sans-serif;
	font-size: 14px;
	color: #929691;
}

#copyright a {
	color: inherit !important;
}


#copyright img {
	max-width: 160px;
}


#copyright .aviso {
	margin-right: 10px;
}


#copyright .tot {
	display: inline-block;
	position: relative;
	width: 160px;
	height: 15px;
	margin-left: 10px;
}


#copyright .tot img {
	    position: absolute;
    top: 4px;
    left: 0;
}


/*
 * Sections
 */
 

section {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	transform-style: preserve-3d;
}

section:first-of-type {
	display: block;
}

#sectionwrap .content-wrap {
	width: 90vw;
}

#sectionwrap .content-wrap h1 {
	font-size: 1vw;
	margin-top: -16vh;
	margin-bottom: 6vh;
}

#sectionwrap .content-wrap p {
	    font-size: 2.8vw;
}

#sectionwrap section:nth-of-type(2) .content-wrap,
#sectionwrap section:nth-of-type(3) .content-wrap,
#sectionwrap section:nth-of-type(4) .content-wrap,
#sectionwrap section:nth-of-type(5) .content-wrap,
#sectionwrap section:nth-of-type(6) .content-wrap,
#sectionwrap section:nth-of-type(7) .content-wrap{
	width: 100vw;
}

#sectionwrap section:nth-of-type(3) .content-wrap h1 {
	margin-top: -18vh;
}

.images {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.images img {
	max-width: 13vw;
	position: fixed;
	top: 7vh;
	border-radius: 4px;
	box-shadow: 0 10px 25px 5px rgba(50,50,50,0.3);
}

.content {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 75%;
	font-size: 1vw;
	/*text-shadow: 0 0 8px rgba(0,0,0,0.1);*/
	transform:translate3d(0,0,0);
}
.content-wrap {
	text-align: center;
	width: 70vw;
	/*transform:translateZ(100px);*/
}

.content-wrap h1 {
	font-size: 2vw;
	margin-bottom: 0.5vh;
	letter-spacing: 1px;
	font-family: 'helvetica_bold', sans-serif;
	font-weight: bold;
	margin-top: -12vh;
}
.others h1 {
	font-size: .8vw;
	margin-bottom: 0.5vh;
	letter-spacing: 1px;
	font-family: 'helvetica_bold', sans-serif;
	font-weight: bold;
	margin-top: -12vh;
}
.content-wrap h2 {
	font-size: 1vw;
	
	letter-spacing: 1px;
	font-family: 'helvetica', sans-serif;
	

}
.content-wrap p {
	/*font-size: 1.6vw;
	margin: 1.5vh 0;*/
	font-size: 2.1vw;
   margin-bottom: 5vh;
	font-family: 'basilia', sans;
	letter-spacing: -1px;
}

.background {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	transform:translateZ(-70px);
}

/*
 * Parallax sections
 */

 /*
  * Content sections
  */
 .section-bio .content-wrap p,
 .section-contact .content-wrap p {
	/*font-size: 1.6vw;*/
 }
 
 .opened-content-bio .content-wrap p {
	/*font-size: 1.9vw;*/
 }
 
 /*
  * Contact page
  */
 .opened-content-bio,
 .opened-content-contact, .opened-content-prices {
	color: #2e2622;
 }
 
 .opened-content-bio a,
 .opened-content-contact a, .opened-content-prices a {
	color: #2e2622;
 }
  #content-bio .background,
 #content-contact .background, #content-prices .background{
	background-image: url('background_contact.jpg');
 }
 /*
  #content-bio .secondary,
   #content-bio h1,
 #content-contact .secondary,
 #content-contact h1 {
	/*b2b6b1*/
	/*color: #898f87;
	color: #b2b6b1;
 }
 */
  #content-bio .secondary,
#content-contact .secondary, #content-prices .secondary {
	font-size: 1.4vw;
	font-family: 'helvetica',sans-serif;
	letter-spacing: 1px;
	margin-bottom: 1vh !important;
}

#content-contact .secondary span {
	font-size: 85%;
}
 
 .contact-line {
	margin-top: 4vh !important;
 }
  .opened-content-bio #bottom-buttons ul li,
 .opened-content-contact #bottom-buttons ul li,
 .opened-content-prices #bottom-buttons ul li  {
	border-color: none;
 }
 .opened-content-bio #bottom-buttons ul li a,
  .opened-content-contact #bottom-buttons ul li a {
	color: #b2b6b1;
  }
  
  .opened-content-bio #bottom-buttons ul li:hover,
  .opened-content-contact #bottom-buttons ul li:hover {
	background-color: #b2b6b1;
  }
  
  .opened-content-bio #bottom-buttons ul li:hover a,
  .opened-content-contact #bottom-buttons ul li:hover a {
	color: black;
  }
  
  .opened-content-bio nav#mainNav ul li a.home-button span,
 .opened-content-contact nav#mainNav ul li a.home-button span {
	background-image: url('siteiconblack.png');
 }
 
 .opened-content-bio .commentsButton,
 .opened-content-contact .commentsButton {
	color: white;
	background: #2e2622;
 }
  /*
  * PRICES page
  */
  
  .opened-content-prices {
	 color: #2e2622;
  }
  
  
  .opened-content-prices a {
	 color: #2e2622;
  }
 
  #content-prices .background {
	 background-image: url('background_contact.jpg');
  }
  
  /*
  #content-prices .secondary,
  #content-prices h1 {
	 /*b2b6b1*/
	 /*color: #898f87;
	 color: #b2b6b1;
  }
*/  

 #content-prices .secondary {
	 font-size: 1.4vw;
	 font-family: 'helvetica',sans-serif;
	 letter-spacing: 1px;
 }
 
 #content-prices .secondary span {
	 font-size: 85%;
 }
  
  .prices-line {
	 margin-top: 1vh !important;
  }
  
  
  
   .opened-content-prices #bottom-buttons ul li a {
	 color: #b2b6b1;
   }
   
   
   .opened-content-prices #bottom-buttons ul li:hover {
	 background-color: #b2b6b1;
   }
   
  
   .opened-content-prices #bottom-buttons ul li:hover a {
	 color: black;
   }
   
 
  .opened-content-prices nav#mainNav ul li a.home-button span {
	 background-image: url('siteiconblack.png');
  }
  
 
  .opened-content-prices .commentsButton {
	 color: white;
	 background: #2e2622;
  }
 /*
  *  Comments page
  */
 .comments-flex {
	display: flex;
    justify-content: center;
    align-content: center;
	width: 100vw;
    height: 100vh;
    flex-direction: column;
    overflow-y: auto;
	margin-bottom: 10%;
	/*CHANGED (Carles) FOR FOOTER CONFLICT ON 2020 11 23 */
 }
 .comments-flex ul {
	display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: center;
    -webkit-justify-content: center;
    margin: 0 auto;
    padding: 0;
	width: 95vw;
 }
 
 .comments-flex ul li {
	list-style: none;
    width: 21%;
    margin: 2%;
	position: relative;
 }
 
 .comments-flex ul li:before {
	position: absolute;
    top: 100px;
    bottom: 0;
    left: 0;
    width: 100%;
    /* height: 100%; */
    background: rgba(255,255,255,0.2);
    content: " ";
    z-index: -9;
    /* filter: blur(2px); */
    backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
 }
 
 .comment-image {
	text-align: center;
	margin-bottom: -20px;
    z-index: -10;
    position: relative;
 }
 .comment-image img {
	border-radius: 50%;
	width:120px;
	height: 120px;
	object-fit:cover;
	object-position:center center;
 }
 
 .comment-content {
	/*background: #fff;*/
	padding: 10px;
	position: relative;
	border-radius: 5px;
 }
 
 .comment-content p {
	font-size: 85%;
	line-height: 135%;
	margin-bottom: 10px;
	font-family: 'basilia', sans;
 }
 
 .comment-title {
    text-align: center; 
    text-justify: inter-character;
    font-weight: bold;
    text-transform: uppercase;
    display: flex;
    justify-content: center; 
    align-items: center; 
}

 
 .comment-name {
	text-align: left;
	position: relative;
	font-style: italic;
	margin-bottom: 0 !important;
 }
 /*
 .comment-content:before {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.2);
    content: " ";
    z-index: -9;
	backdrop-filter: blur(10px);
 }*/
 
 .opened-content-comments #bottom-buttons {
	display: none;
 }
        
  
/*
 * Section images
 */
#session-individual-images .images img:nth-child(1),
.individual1 {
	left: 10vw;
	top: 9vw;
	transform:translateZ(500px);
}

#session-individual-images .images img:nth-child(2),
.individual2 {
    top: 22vh;
    left: 78vw;
    transform: translateZ(-150px);
}

#session-individual-images .images img:nth-child(3),
.individual3 {
	top: 67vh;
    left: 68vw;
    transform: translateZ(-450px);
}

#session-individual-images .images img:nth-child(4),
.individual4 {
	top: 57vh;
    left: 16vh;
    transform: translateZ(-350px);
}

.individual5 {
	top:29vh;
    left: 47vw;
    width: 6vw;
    transform: translateZ(-210px);
}

.individual6 {
	top: 8vh;
    left: 80vw;
    width: 100px;
    transform: translateZ(-210px);
}

.individual7 {
	top: 9vh;
	left: 10vw;
	width: 150px;

}

#session-mindfulnes .images img:nth-child(1),
.mindfulnes1 {
	left: 13vw;
	transform:translateZ(-1070px);
	max-width: 150px;
}

#session-mindfulnes .images img:nth-child(2),
.mindfulnes2 {
    top: 6vh;
    left: 68vw;
    transform: translateZ(-1150px);
}

#session-mindfulnes .images img:nth-child(3),
.mindfulnes3 {
	top: 10vh;
    left: 82vw;
    transform: translateZ(-1450px);
    width: 9vw;
}

#session-mindfulnes .images img:nth-child(4),
.mindfulnes4 {
	top: 67vh;
    left: 5vh;
    transform: translateZ(-1550px);
    width: 10vw;
}

.mindfulnes5 {
	top: 11vh;
	left: 44vw;
	transform:translateZ(-1327px);
}

.mindfulnes6 {
	top: 40vh;
	left: 50vw;
	transform:translateZ(-1477px);
	width: 5vw;
}

#session-mindfulnes-group .images img:nth-child(1),
.mindfulnesg1 
{
	left: 13vw;
    top: 8vh;
	transform:translateZ(-2070px);
}

#session-mindfulnes-group .images img:nth-child(2),
.mindfulnesg2 {
    top: 6vh;
    left: 68vw;
    transform: translateZ(-2150px);
}

#session-mindfulnes-group .images img:nth-child(3),
.mindfulnesg3 {
	top: 10vh;
    left: 62vw;
    transform: translateZ(-2350px);
    width: 9vw;
}

#session-mindfulnes-group .images img:nth-child(4),
.mindfulnesg4 {
	top: 67vh;
    left: 5vh;
   transform: translateZ(-2350px);
    width: 10vw;
}
#session-psico-deportiva .images img:nth-child(1),
.psico1 
{
	left: 5vw;
    top: 15vh;
	width: 150px;
	transform:translateZ(-4000px);
}

#session-psico-deportiva .images img:nth-child(2),
.psico2 {
    top: 6vh;
    left: 68vw;
    transform: translateZ(-4100px);
}
#session-tecnicas-estudio .images img:nth-child(1),
.tecnicas1 
{
	left: -20vw;
	top: 5vh;
	transform:translateZ(-5300px);
}

#session-tecnicas-estudio .images img:nth-child(2),
.tecnicas2 {
    top: 6vh;
    left: 68vw;
    transform: translateZ(-5100px);
}
#session-trabajo-org .images img:nth-child(1),
.traborg1 
{
	left: 2vw;
    bottom: 2vh;
	transform:translateZ(-6500px);
}

#session-trabajo-org .images img:nth-child(2),
.traborg2 {
    top: 20vh;
    left: 92vw;
    transform: translateZ(-6100px);
}
#session-trabajo-org .images img:nth-child(3),
.traborg3 {
	top: 10vh;
    left: 62vw;
    transform: translateZ(-6150px);
    width: 9vw;
}

#session-trabajo-org .images img:nth-child(4),
.traborg4 {
	top: 67vh;
    left: 5vh;
   transform: translateZ(-6150px);
    width: 10vw;
}
#session-trabajo-concentracion .images img:nth-child(1),
.concentr1 
{
	right: 13vw;
    top: 15vh;
	width: 100px;
	transform:translateZ(-7000px);
}

#session-trabajo-concentracion .images img:nth-child(2),
.concentr2 {
    top: 25vh;
    
    transform: translateZ(-7100px);
	width: 10vw;
}
#session-trabajo-concentracion .images img:nth-child(3),
.concentr3 {
	top: 10vh;
    left: 62vw;
    transform: translateZ(-7150px);
    width: 9vw;
}

#session-trabajo-concentracion .images img:nth-child(4),
.concentr4 {
	top: 2vh;
    left: 5vh;
   transform: translateZ(-7150px);
    width: 10vw;
}


.mindfulnesg5 {
	top: 40vh;
    left: 50vw;
    width: 8vw;
    height: 7.6vw;
    margin-left: -4vw;
    margin-top: -3.8vw;
    transform: translateZ(-8000px);
	
}

.mindfulnesg6 {
	top: 4vh;
	left: 17vw;
	transform: translateZ(-2550px);
}

#content-bio .images img:nth-child(1) {
	left: 15vw;
    top: 17vh;
  /* transform: translateZ(-2170px);*/
}

#content-bio .images img:nth-child(2) {
    top: 58vh;
    left: 72vw;
   /* transform: translateZ(2500px);*/
    width: 12vw;
}

#content-bio .images img:nth-child(3) {
	top: 25vh;
    left: 72vw;
   /* transform: translateZ(2150px);*/
    width: 15vw;
}


/*
 *
 * Responsive
 */

/* IPAD */
@media screen and (max-width : 770px) {
	
	.content-wrap {
		width: 95vw;
	}
	
	.content-wrap h1 {
		font-size: 2vw;
	}
	
	.content-wrap p {
		font-size: 3vh;
	}
	
	nav#mainNav ul li {
		margin: 0 15px;
	}
	
	.image img {
		max-width: 20vw;
	}
	
	 #avisowrap {
		width: 80% !important;
		left: 10% !important;
		
	 }
	 
	 #avisowrapclose {
		left: 90% !important;
	 }

	
}



@media screen and ( max-width : 600px) {
	nav#mainNav{
		padding-top: 10px;
		padding-right: 0;
		float: none;
		margin-left: auto;
		margin-right: auto;
		display: block;
		width: 100vw;
		font-size: 10px;
		position: absolute;
	}
	
	#bottom-buttons ul li {
		height: 44px;
		margin: 0 10px;
	}
	
	#bottom-buttons ul li a {
		font-size: 75%;
	}
	
	#bottom-buttons {
		bottom: 10%;
	}
	
	#copyright .tot {
		margin-left: 3px;
		
	}
	
	
	#copyright .tot img {
		top: 4px !important;
	}
	
	#copyright .aviso {
		margin-right: 3px;
	}
	
	#copyright {
		bottom: 5px;
	}
	
	#sectionwrap .content-wrap {
		width: 100vw;
	}
	
	#sectionwrap .content-wrap h1 {
		font-size: 2.2vw;
	}
	
	.perspective {
		transform:translateZ(-200px);
		transform-style:preserve-3d;
		perspective: 1000px !important;
	}
	
	
}

@media screen and ( max-width : 600px) and (min-height:500px) {
	.content-wrap h1 {
		font-size: 2.2vw;
	}
	
	.content-wrap p {
		font-size: 2.25vh !important;
		line-height: 125% !important; 
	}
	
	.content-wrap h1 {
		margin-bottom: 5vh;
	}
}

@media screen and (max-width: 550px) {
	.title {
		display: none;
	}
}
@media screen and (max-height : 500px) {
	
	nav#mainNav{
		padding-top: 10px;
		padding-right: 0;
	}
	
	.content-wrap h1 {
		font-size: 1.6vw;
	}
	
	.content-wrap p {
		font-size: 2vw;
	}
	
	#bottom-buttons ul li {
		height: 44px;
	}
}

@media screen and (max-width : 550px) {
	#content-contact .secondary span {
		display: block;
		text-align: center;
		margin-top: 10px;
	}
}

	/* MEDIA QUERY: IPHONE AND SMARTHPHONES
	*/

@media screen and (orientation : portrait ) {

	
	/* 
	MOBILE REWORK FOR CONTENT ADDITION
	*/
	.title, .sub-title {
		display: block;
		margin-bottom: 0;
	}

	 .others{
		height: 70%;
	}
	.upper-text {
	
		margin-bottom: 30vh !important;
	}

.title {
	color: #0021fa !important;
	font-size: 30px !important;
	margin-bottom: 0px !important;
	margin-top: 0px !important;
}
.sub-title {
	font-size: 2vh !important;
}
.content {
	display: flex;
	flex-direction: column;
	height: 100%;
}

	#bottom-buttons ul {
		/*
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		flex-wrap: wrap;*/
		display: flex;
		flex-direction:column;
		grid-gap: 0px; 
		justify-content: center;
		align-items: center;
		width: 100vw;
	}

	.logo-big {
		display: none;
		margin-top: 10vh;
		margin-bottom: 50vh;
		height: 30vh;
		
		
	}
	.blinking {
		display: none;
	}
	.content-wrap h2 {
		
		
		letter-spacing: 1px;
		font-family: 'helvetica', sans-serif;
		
	
	}
	#bottom-buttons ul li {
		height: 8vw;
		border: 0px solid #0021fa;
		margin-bottom: 5px;
		/*margin: 0 25px; */
	}
	
	

	.menu-toggle {
		display: none;
	}

	#bottom-buttons {
		display: block;
		position: absolute;
	}

	.subtitle {
		font-size: 1vw;
	}
	#content-bio h1, #content-contact h1,#content-prices h1,
	#sectionwrap .content-wrap h1,
	.content-wrap h1 {
		margin-top: -30vh !important;
		
	}
	
	.images img {
		max-width: 30vw;
	}
	.cimage {
		max-width: 30vw !important;
	}
	/*
		* Section images
		*/
	   #session-individual-images .images img:nth-child(1),
	   .individual1 {
		       left: 0;
    top: 4vh;
	   }
	   
	   #session-individual-images .images img:nth-child(2),.individual2  {
		   top: 16vh;
			 left: 68vw;
	   }
	   
	   #session-individual-images .images img:nth-child(3),
	   .individual3 {
		       top: 71vh;
				left: 68vw;
				width: 22vw;
	   }
	   
	   #session-individual-images .images img:nth-child(4),
	   .individual4 {
		   top: 67vh;
			left: 6vh;
	   }
	   
	   #session-mindfulnes .images img:nth-child(1),
	   .mindfulnes1 {
		   left: 3vw;
    top: 4vh;
	   }
	   
	   #session-mindfulnes .images img:nth-child(2),
	   .mindfulnes2 {
		   top: 6vh;
    left: 68vw;
	   }
	   
	   #session-mindfulnes .images img:nth-child(3),
	   .mindfulnes3 {
		   top: 10vh;
		   left: 82vw;
		  width: 20vw;
	   }
	   
	   #session-mindfulnes .images img:nth-child(4),
	   .mindfulnes4 {
		   top: 77vh;
    left: 5vh;
    width: 15vw;
	   }
	   
	   #session-mindfulnes-group .images img:nth-child(1),
	   .mindfulnesg1 {
		   left: 3vw;
    top: 5vh;
	   }
	   
	   #session-mindfulnes-group .images img:nth-child(2),
	   .mindfulnesg2 {
		   top: 6vh;
    left: 68vw;
	   }

	   #session-psico-deportiva .images img:nth-child(1),
	   .psico1 {
		   left: 5vw;
    top: 8vh;
	width: 200px;
	   }
	   
	   #session-psico-deportiva .images img:nth-child(2),
	   .psico2 {
		   top: 6vh;
    left: 68vw;
	   }
	   #session-tecnicas-estudio .images img:nth-child(1),
	   .tecnicas1 {
		   left: -10vw;
		   top: 2.5vh;
		   width: 100px;
	   }
	   
	   #session-tecnicas-estudio .images img:nth-child(2),
	   .tecnicas2 {
		   top: 6vh;
    left: 68vw;
	   }
	   #session-trabajo-org .images img:nth-child(1),
	   .traborg1 {
		   left: 3vw;
    top: -15vh;
	   }
	   
	   #session-trabajo-org .images img:nth-child(2),
	   .traborg2 {
		   top: 45vh;
    left: 1vw;
	width: 100px;
	   }
	   
	   #session-trabajo-org .images img:nth-child(3),
	   .traborg3 {
		   top: 10vh;
		   left: 82vw;
		  width: 20vw;
	   }
	   
	   #session-trabajo-org .images img:nth-child(4),
	   .traborg4 {
		   top: 77vh;
    left: 5vh;
    width: 15vw;
	   }
	   #session-trabajo-concentracion .images img:nth-child(1),
	   .concentr1 {
		   left: 3vw;
    top: 5vh;
	display: none !important;
	   }
	   
	   #session-trabajo-concentracion .images img:nth-child(2),
	   .concentr2 {
		   top: 45vh;
		   left: 1vw;
		   
	   }
	   
	   #session-trabajo-concentracion .images img:nth-child(3),
	   .concentr3 {
		   top: 10vh;
		   left: 82vw;
		  width: 20vw;
	   }
	   
	   #session-trabajo-concentracion .images img:nth-child(4),
	   .concentr4 {
		   top: 2vh;
    left: 5vh;
    width: 15vw;
	   }

	   
	   .concentr5 {
		
		width: 100vw;
		height: 100vw;
		
		transform: translateZ(-7000px);
	   }
	   #session-mindfulnes-group .images img:nth-child(3),
	   .mindfulnesg3 {
		   top: 10vh;
		   left: 82vw;
		  width: 20vw;
	   }
	   
	   #session-mindfulnes-group .images img:nth-child(4),
	   .mindfulnesg4 {
		   top: 72vh;
    left: 5vh;
    width: 15vw;
	   }
	   #session-mindfulnes-group .images img:nth-child(5),
	   .mindfulnesg5 {
		   left: 3vw;
    top: 5vh;
	   }
	   
	   #session-mindfulnes-group .images img:nth-child(6),
	   .mindfulnesg6 {
		   top: 63vh;
    left: 68vw;
	   }
	   
	   #session-mindfulnes-group .images img:nth-child(7),
	   .mindfulnesg8 {
		   top: 10vh;
		   left: 82vw;
		  width: 20vw;
	   }
	   
	   #session-mindfulnes-group .images img:nth-child(8),
	   .mindfulnesg9 {
		   top: 72vh;
    left: 5vh;
    width: 15vw;
	   }
	   
	   #content-bio .images img:nth-child(1) {
		   left: 15vw;
		   top: 17vh;
	   }
	   
	   #content-bio .images img:nth-child(2) {
		   top: 62vh;
    left: 32vw;
    width: 22vw;
	   }
	   
	   #content-bio .images img:nth-child(3) {
		   top: 25vh;
		   left: 72vw;
		   width: 15vw;
	   }
	   
	   .mindfulnesg5, .mindfulnes6 {
		display: none !important;
	   }
}
 .blinking {
	margin-top: 11vh !important;
	margin-bottom: 11vh !important;

	text-align: center;
	font-family: 'basilia', sans;
	font-size: 3vh;
	animation: blinkingText 2s infinite;
	
 }
 

 
 /* blinking */
 @keyframes blinkingText{
    0%{     color: inherit;    }
    50%{    color: transparent; } 
    100%{   color: inherit;    }
}


@media screen and (min-device-height:780px) and (orientation:portrait) {
	
	
	.blinking {
		margin-top: 7vh !important;
	}
}

#home {
	/*display: none;*/
}
#content-contact {
	display: none;
	
}

#content-bio {
	display: none;
}
#content-prices {
	display: none;
}

#session-individual,
#session-mindfulnes,
#session-mindfulnes-group,
#session-espectro-autista,
#session-psico-deportiva,
#session-tecnicas-estudio,
#session-trabajo-org,
#session-trabajo-concentracion {
	display: block;
	opacity: 0;
}

.perspective {
	perspective:500px;
	perspective-origin:center center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}

.section-wrap {
	transform:translate3d(0,0,0px);
	    transform-style: preserve-3d;
		/*position: absolute;
		width: 100%;
		height: 100%;*/
}

.section-wrap section {
	/*position: absolute;
	width: 100%;
	height: 100%;*/
}

.section-images {
	opacity: .7;
	display: block;
}

#session-individual {
	transform:translate3d(0,0,-200px);
	opacity: 1;
}

#session-individual-images {
	transform:translate3d(0,0,-500px);
	opacity: .7;
}
 
 
 #session-mindfulnes {
	transform:translate3d(0,0,-1200px);
}
 
 
 #session-mindfulnes-group {
	transform:translate3d(0,0,-2200px);
}

#session-espectro-autista {
	transform:translate3d(0,0,-3200px);
}
#session-psico-deportiva {
	transform:translate3d(0,0,-4200px);
}
#session-tecnicas-estudio {
	transform:translate3d(0,0,-5200px);
}
#session-trabajo-org {
	transform:translate3d(0,0,-6200px);
}
#session-trabajo-concentracion {
	transform:translate3d(0,0,-7200px);
}

 
 
 .transition-on {
	/*transition: transform .1s;*/
 }
 
 .cimage {
	position: fixed;
	/*top: 0;
	left: 0;*/
	display: block;
	opacity: .7;
	max-width: 15vw;
	opacity: 0;
 }
 
 .idiomas {
	font-size: 1.4vw !important;
	font-family: 'helvetica',sans-serif !important;
	letter-spacing: 1px;
	margin-bottom: 1vh !important;
 }
 .idiomas span {
	font-weight: bold;
 }
 
 #content-bio h1,
 #content-contact h1, #content-prices h1 {
	margin-top: -5vh !important;
 }
 
 #content-contact a {
	font: inherit !important;
	color: inherit !important;
	text-decoration: none !important;
	transition: color .4s;
 }
 
 #content-contact a:hover {
	color: #222222 !important;
 }
 .hiddenimage {
	opacity: 0;
	width: 1px;
	height: 1px;
 }
 
 /* aviso */
 #avisowrap {
	position: fixed;
	top: 20%;
    left: 20%;
    width: 60%;
    height: 60%;
	background: white;
	z-index: 100;
	overflow-y: auto;
	overflow-x: hidden;
	display: none;
	border: 4px solid #929691;
 }
 
 #avisowrapclose {
	position: fixed;
	top: 20%;
    left: 80%;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	margin-left: -15px;
 	font-family: 'basilia', sans-serif;
	font-size: 130%;
	text-align: center;
	vertical-align: middle;
	line-height: 30px;
	color: white;
	text-decoration: none;
	border-radius: 20px;
	background: #929691;
	z-index: 101;
	display: none;
 }
 
 #avisowrap .cwrap {
	/*width: 100%;*/
	max-width: 990px;
	margin: 30px auto;
	color: #232323;
	padding: 10px;
 }
 
/* COMMENTS RESPONSIVE */

@media screen and (min-width: 2560px) {
    /* Aplicar estilos específicos para resoluciones grandes */
    .comments-flex {
        /* background-color: #0021fa2c; */
        height: 50vw;
        width: 100vw;
        margin-top: 5vw;
    }

    .comments-flex ul {
        margin-top: 26vw;
        padding-bottom: 100px;
    }

    .comments-flex ul li {
        margin-top: 5vw;
        width: 20%;
    }

}

@media screen and (max-height : 950px) {
	
	.comments-flex {
		justify-content:flex-start;
		padding-bottom: 300px;
		margin-top: 50px;
	}
	
	.comments-flex ul {
		padding-bottom: 100px;
	}
	
}

@media screen and (max-height : 900px) {
	
	.comments-flex {
		margin-top: 40px; /* EDITED 2020 05 22 */
	}
	
}

@media screen and (max-width :1440px) {
	
	.comments-flex ul {
		width: 100vw;
	}
	
	.comments-flex ul li {
		width: 23%;
		margin: 1%;
	}
	
	.opened-content-comments  #bottom-buttons {
		bottom: 3%;
	}
	
}

@media screen and (max-width : 1367px) {
	
	.comments-flex {
		margin-top: 0 !important;
		padding-top: 100px;
		padding-bottom: 100px;
	}
	
	.section-comments {
		overflow-y: auto;
		min-height: 100vh;
	}
	
}

@media screen and (max-width : 1024px) {
	
	.comments-flex ul li {
		width: 31%;
		margin-bottom: 5%;
	}
	
	.comments-flex {
		margin-top: 0 !important;
		padding-top: 200px !important;
	}
	
	.comments-flex ul {
		margin-top: 170px;
	}
	
}

@media screen and (max-width : 768px) {
	.comments-flex ul li {
		width: 48%;
		
	}
}

@media screen and (max-width : 500px) {
	
	.comments-flex {
		min-height: 100vh;
		/*height:auto;*/
	}
	
	.comments-flex {
		padding-top: 50px !important;
		justify-content: flex-start !important;
		/*margin-bottom: 500px;
		padding-bottom: 500px;*/
	}
	
	.comments-flex ul {
		margin-top: 0;
		padding-bottom: 20px;
	}
	
	.comments-flex ul li {
		width: 92%;
	}
	
}

.whatsapp {
    position: fixed;
    /* width: 38px; */
    /* height: 38px; */
    bottom: 20px;
    right: 21px;
    background-color: transparent;
    color: #01708d;
    border-radius: 30px;
    text-align: center;
    font-size: 20px;
    z-index: 100;
    text-decoration: none;
}