@charset "UTF-8";
/*
Theme Name: EnglishCoach
Theme URI: https://http://www.englishcoach.ai
Author: Compas3
Author URI: https://www.compas3.com
Description: Theme for EnglishCoach APP Landing
Version: 1.0.0
Tested up to: 6.1.1
Requires PHP: 7.4
*/
/* VENDORS */
@import url(css/normalize.css);
@import url(css/animsition.min.css);
@import url(css/animate.min.css);
@import url(css/textillate.css);
@import url(css/slick.css);
@import url(css/linea-icons.css);
@import url(css/microtip.min.css);
/* ********************************************************************************************************************* VENDORS OVERWRITES */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap");
.animate__animated.animate__delay-05s { -webkit-animation-delay: .5s; animation-delay: .5s; }

.slider-style2 .slick-prev, .slider-style2 .slick-next { width: 30px; height: 30px; top: -60px; border: 0; border-radius: 0; }
.slider-style2 .slick-prev:before, .slider-style2 .slick-next:before { content: "\e04b"; font-size: 35px; }
.slider-style2 .slick-prev { right: 40px; }
.slider-style2 .slick-next { right: 0px; }

.slick-prev, .slick-next { position: absolute; z-index: 1000; cursor: pointer; display: flex; align-items: center; justify-content: center; outline: none; width: 60px; height: 60px; top: -100px; padding: 0; text-align: center; color: transparent; border: 1px solid #000; border-radius: 50%; background: transparent; opacity: 0.3; }
.slick-prev:before, .slick-next:before { content: "\e068"; font-family: "linea-arrows-10" !important; font-size: 25px; color: #000; opacity: 1; transition: all 0.4s ease 0s !important; }
.slick-prev:hover, .slick-next:hover { opacity: 0.8; }

.slick-prev { left: auto; right: 80px; transform: scaleX(-1); }

.slick-next { right: 0px; }

.slick-dotted.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; display: block; list-style: none; width: 100%; margin-top: 15px; text-align: center; }
.slick-dots li { position: relative; display: inline-block; cursor: pointer; width: 20px; height: 20px; padding: 0; }
.slick-dots li button { display: block; cursor: pointer; position: relative; width: 20px; height: 20px; padding: 5px; font-size: 0; line-height: 0; color: transparent; border: 0; outline: none; background: transparent; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { content: '•'; position: absolute; top: 0; left: 0; width: 20px; height: 20px; font-size: 24px; line-height: 24px; text-align: center; color: #000; opacity: 0.1; }
.slick-dots li.slick-active button:before { opacity: .5; color: #000; }

/* .consent-box {
	margin-bottom: 20px;
	padding: 30px;
	background-color: $light-grey;

	h5 {
		font-weight: 700;
	}

	a {
		text-decoration: underline;
	}
} */
.wt-cli-cookie-bar { z-index: 1000; padding: 30px !important; }
.wt-cli-cookie-bar .cli-bar-message { font-size: 14px; }
.wt-cli-cookie-bar .cli-bar-message a { text-decoration: underline; }
.wt-cli-cookie-bar .cli-bar-btn_container { margin-top: 15px; }
.wt-cli-cookie-bar #wt-cli-accept-btn, .wt-cli-cookie-bar #wt-cli-settings-btn { cursor: pointer; font-size: 16px; outline: 0; }
.wt-cli-cookie-bar #wt-cli-accept-btn { padding: 12px 25px !important; border-radius: .25em !important; }
.wt-cli-cookie-bar #wt-cli-accept-btn:hover { background-color: #494949 !important; }

.cli_setting_save_button { background-color: #000 !important; }

.cli-privacy-content-text a { text-decoration: underline; }

table.cookielawinfo-winter thead th { background-color: #494949 !important; }

.pagination ul li a, .pagination ul li span { border: 0; }

.wp-pagenavi { margin: 30px 0 40px 0 !important; }
.wp-pagenavi .pages { display: none; }
.wp-pagenavi a, .wp-pagenavi span { margin: 0 4px; padding: 5px; font-size: 20px; color: #999999; text-decoration: none; }
.wp-pagenavi a img { vertical-align: top; }
.wp-pagenavi a:hover { color: #494949; }
.wp-pagenavi .current { font-weight: 600; color: #494949; }
.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink { font-size: 30px; }
.wp-pagenavi .previouspostslink { margin-right: 6px; }
.wp-pagenavi .nextpostslink { margin-left: 6px; }

@media screen and (max-width: 767px) { .wt-cli-cookie-bar { padding: 20px !important; }
  .wt-cli-cookie-bar #wt-cli-accept-btn, .wt-cli-cookie-bar #wt-cli-settings-btn { font-size: 14px; }
  .wt-cli-cookie-bar #wt-cli-accept-btn { margin-left: 20px !important; padding: 9px 15px !important; border-radius: .18em !important; }
  .pagination { margin-bottom: 10px; }
  .wp-pagenavi { margin: 20px 0 !important; }
  .wp-pagenavi a, .wp-pagenavi span { font-size: 18px; } }
/* GLOBAL */
/* ********************************************************************************************************************* FONTS */
@font-face { font-family: "linea-arrows-10"; src: url("fonts/linea-arrows-10.woff2") format("woff2"), url("fonts/linea-arrows-10.woff") format("woff"); font-weight: normal; font-style: normal; }
/* .didot {
	font-family: 'didot', serif;
} */
/* ********************************************************************************************************************* GLOBALS */
body { font-family: 'Inter', sans-serif; font-weight: 300; font-size: 20px; line-height: 1.3; color: #1F1F39; }

h1, h2, h3, h4, h5, h6 { margin: 0; font-family: 'Inter'; font-weight: 300; line-height: 1.2; letter-spacing: 0; text-transform: none; color: #1F1F39; }

h1 { font-weight: 700; font-size: 44px; }

h2 { font-weight: 700; font-size: 36px; }

h3 { font-size: 36px; }

h4 { font-size: 18px; }

h5 { font-size: 16px; }

h6 { font-size: 14px; }

p, li { margin: 0; font-size: 20px; line-height: 1.4; color: #1F1F39; /* &:empty {
	display: none;
} */ }
p strong, li strong { font-weight: 900; }

p + p, ul + p, ol + p, p + ul, p + ol { margin-top: 20px; }

ul { margin: 0; padding-left: 0; }

ol { padding-left: 40px; }
ol li { margin-bottom: 20px; }

ul.styled { text-indent: -20px; margin-left: 20px; padding-left: 40px; }
ul.styled li:before { content: "\2022"; display: inline-block; vertical-align: top; font-weight: 700; font-size: 1em; line-height: 1.3; color: #8864FF; transform: translateY(3px); }

img { max-width: 100%; height: auto; image-rendering: optimizeQuality; }

img.invert { filter: invert(1); }

.text-light, .text-light a { font-weight: 300; }

.text-medium, .text-medium a { font-weight: 500; }

.text-bold, .text-bold a { font-weight: 700; }

.text-bigger { font-size: 18px !important; }

.text-even-bigger { font-size: 24px !important; }

.text-smaller { font-size: 14px !important; }

.text-spaced { letter-spacing: 3px; }

::selection { color: #fff; background: #bd86ff; }

.white { color: #fff; }
.white p, .white h1, .white h2, .white h3, .white h4, .white h5, .white h6, .white span { color: #fff; }

.black { color: #000 !important; }

.grey { color: #999999 !important; }

.light-grey { color: #F5F5F8 !important; }

.dark-grey { color: #494949 !important; }

.accent, .accent p { color: #8864FF !important; }

.light-accent, .light-accent p { color: #bd86ff !important; }

.blue, .blue p { color: #546cff !important; }

.pink, .pink p { color: #e29dff !important; }

.border-top { border-top: 1px solid #d2d2d2; }

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

.no-block { display: inline; }
.no-block + p { margin-top: -10px; }

.boxed { padding: 6px 10px; background-color: #8864FF; color: #fff; }

.boxed-white { border: 1px solid #fff; }
.boxed-white:hover { background-color: #fff; }

.title-boxed { display: inline; padding: 0 10px; background-color: #F5F5F8; color: #444444; }
.title-boxed + br { display: block !important; margin-bottom: 20px; content: " "; }
.title-boxed.accent { background-color: #8864FF; color: #fff; }
.title-boxed.dark { background-color: #494949; color: #fff; }

.with-line-below:after { content: ''; display: block; width: 50px; height: 1px; margin: 10px auto 20px auto; background-color: #999999; }

.with-line-above:before { content: ''; display: block; width: 50px; height: 1px; margin: 20px auto 10px auto; background-color: #999999; }

.hidden, .hide { display: none !important; }

.invisible { visibility: hidden; }

.hide-on-desktop { display: none; }

.only-home { display: none; }

.only-admin { display: none; }

body.logged-in .only-admin { display: block; }

@media screen and (max-width: 1300px) { body { font-size: 18px; }
  p, li { font-size: 18px; }
  h1 { font-size: 40px; }
  h2 { font-size: 30px; }
  h3 { font-size: 30px; }
  	/* h4 { 		font-size: 28px; 	}  	h5 { 		font-size: 16px; 	}  	h6 { 		font-size: 14px; 	} */ }
@media screen and (max-width: 1000px) { body { font-size: 16px; }
  p, li { font-size: 16px; }
  h1 { font-size: 30px; }
  h2 { font-size: 24px; }
  h3 { font-size: 24px; }
  h4 { font-size: 16px; }
  /* h5 { 	font-size: 15px; } */ }
@media screen and (max-width: 767px) { body { font-size: 15px; }
  p, li { font-size: 15px; }
  .hide-on-desktop { display: block; }
  .hide-on-mobile { display: none; }
  h1 { font-size: 25px; }
  h2 { font-size: 20px; }
  h3 { font-size: 18px; }
  ul.styled { text-indent: -15px; margin-left: 15px; padding-left: 30px; }
  ul.styled li:before { width: 15px; } }
body:lang(es-ES) { 	/* @media screen and (max-width: 767px) {

		h1 {
			font-size: 25px;
		}
	} */ }

/* ********************************************************************************************************************* LAYOUT */
body > .wrapper { opacity: 0; -webkit-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; }

.grid__container { position: relative; width: 1200px; margin: 0 auto; }

.content { z-index: 1; min-height: calc(100vh - 116px); }
.content__header { background: linear-gradient(90deg, #aa79ff 0%, #e29dff 100%); }
.content__header h1 { padding: 180px 0 40px 0; color: #fff; }
.content__main { padding-bottom: 80px; }

.flex { display: flex; flex-flow: row wrap; justify-content: space-between; }

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

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

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

.margin-10-below { margin-bottom: 10px; }

.margin-20-below { margin-bottom: 20px; }

.margin-30-below { margin-bottom: 30px; }

.margin-40-below { margin-bottom: 40px; }

.margin-10-above { margin-top: 10px; }

.margin-20-above { margin-top: 20px; }

.margin-30-above { margin-top: 30px; }

.margin-40-above { margin-top: 50px; }

.element-with-side-padding-120 { padding: 0 120px; }

.row-with-vertical-padding-60 { padding: 60px 0; }

.row-with-vertical-padding-120 { padding: 120px 0; }

.row-with-bottom-padding-120 { padding-bottom: 120px; }

.column-no-padding-right .vc_column-inner { padding-right: 0 !important; }

.column-no-padding-left .vc_column-inner { padding-left: 0 !important; }

.row-with-side-padding-200 { padding: 0 200px; }

.centered { margin: 0 auto; text-align: center; }

.vertical-centered { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

@media screen and (max-width: 1300px) { .grid__container { width: 980px; } }
@media screen and (max-width: 1000px) { .grid__container { width: 85%; } }
@media screen and (max-width: 767px) { .content__header h1 { padding: 120px 0 40px 0; } }
/* ********************************************************************************************************************* LINKS */
a, a:before, a:after, button { transition: all 0.3s ease 0s !important; }

a { color: #000; }

a.accent-link { color: #3b00fd; text-decoration: underline; }
a.accent-link:hover { color: #8864FF !important; }

a.black-link { color: #000; }
a.black-link:hover { color: #8864FF; }

a.white-link { color: #fff; text-decoration: underline !important; }

a.grey-link { color: #999999 !important; }
a.grey-link:hover { color: #494949 !important; }

a.dark-grey-link { color: #494949 !important; }
a.dark-grey-link:hover { color: #999999 !important; }

a.light-grey-link { color: #F5F5F8; }
a.light-grey-link:hover { color: #8864FF !important; }

.boxed-link { display: inline-block; padding: 12px 35px; font-size: 16px; text-decoration: none !important; color: #fff; background-color: #000; border-radius: 8px; }
.boxed-link:hover { padding: 12px 40px; color: #fff; background-color: #8864FF; }
.boxed-link.accent { color: #fff !important; background-color: #8864FF; }
.boxed-link.accent:hover { background-color: #bd86ff; }
.boxed-link.white { color: #000; background-color: #fff; }
.boxed-link.white:hover { color: #fff !important; background-color: #8864FF; }
.boxed-link.bold { font-weight: 700; }
.boxed-link.icon-left img { float: left; margin: -2px 10px 0 0; }
.boxed-link.icon-left i { vertical-align: middle; margin-right: 10px; }
.boxed-link.icon-right img { float: right; margin: -2px 0 0 10px; }
.boxed-link.icon-right i { vertical-align: middle; margin-left: 10px; }
.boxed-link.bordered { color: #000; background-color: transparent; border: 1px solid #000; }
.boxed-link.bordered:hover { color: #fff; background-color: #999999; border-color: #999999; }
.boxed-link.bordered-white { color: #fff; background-color: transparent; border: 1px solid #fff; }
.boxed-link.bordered-white:hover { color: #fff; background-color: #999999; border-color: #999999; }
.boxed-link.rounded { border-radius: 25px; }
.boxed-link.wider { padding: 8px 35px; }
.boxed-link.wider:hover { padding: 8px 40px; }
.boxed-link.medium { padding: 14px 35px; }
.boxed-link.medium:hover { padding: 14px 40px; }
.boxed-link.big { padding: 22px 55px; }
.boxed-link.big:hover { padding: 22px 60px; }

a.line-link { display: inline-block; padding-bottom: 8px; line-height: 0; color: #000; }
a.line-link:after { content: ''; position: relative; width: 101%; height: 1px; margin-bottom: -4px; display: inline-block; background-color: transparent; transform: scaleX(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s !important; }
a.line-link:hover { color: #494949 !important; }
a.line-link:hover:after { background-color: #999999; transform: scaleX(1); }
a.line-link.grey { color: #999999; }
a.line-link.grey:hover { color: #fff !important; }
a.line-link.grey:hover:after { background-color: #fff; }
a.line-link.white { color: #fff; }
a.line-link.white:hover { color: #fff !important; }
a.line-link.white:hover:after { background-color: #fff; }
a.line-link.disabled { pointer-events: none; }

a.icon-link { display: block; color: #999999; }
a.icon-link span { color: #000; text-decoration: none; }
a.icon-link img { float: left; margin-right: 10px; }
a.icon-link:hover { opacity: 0.8; }

a.alt-link { letter-spacing: 2px; color: #000; }
a.alt-link:before, a.alt-link:after { content: ''; display: inline-block; vertical-align: middle; width: 30px; height: 1px; margin: 0 10px; background-color: #8864FF; }
a.alt-link:hover { color: #8864FF; }
a.alt-link:hover:before, a.alt-link:hover:after { margin: 0 14px; }

a.hover-link { position: relative; }
a.hover-link:before { transform: scaleX(0); transform-origin: bottom right; }
a.hover-link:hover { padding: 0 4px; color: #fff; }
a.hover-link:hover:before { transform: scaleX(1); transform-origin: bottom left; }
a.hover-link:before { content: ' '; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; inset: 0 0 0 0; background: #8864FF; z-index: -1; transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1); }

a.arrow-link { position: relative; display: inline-block; font-size: 12px; line-height: 1.7; font-weight: 600; }
a.arrow-link:hover { padding-left: 7px; color: #8864FF !important; }
a.arrow-link:hover:after { padding-left: 15px; }
a.arrow-link:after { content: url("../../../media/arrow-right.svg"); display: inline-block; vertical-align: top; padding-left: 10px; }
a.arrow-link.white { color: #fff; }
a.arrow-link.white:after { filter: invert(1); }

a.iconed-link { display: inline-block; font-size: 20px; text-decoration: none; }
a.iconed-link:before { display: inline-block; margin-right: 15px; }
a.iconed-link span { vertical-align: top; line-height: 1.5; }
a.iconed-link:hover { padding-left: 8px; }
a.iconed-link:hover span { color: #8864FF; }
a.iconed-link.white span { color: #fff !important; }
a.iconed-link.mail:before { content: url("../../../media/icon-envelope.svg"); }

.pdf-links { position: relative; margin-top: 30px; padding-left: 70px; }
.pdf-links--big { padding-left: 85px; }
.pdf-links--big:before { transform-origin: 0 0; transform: scale(2); }
.pdf-links--one { padding-left: 50px; line-height: 35px; }
.pdf-links:before { content: url("../../../media/icon-pdf.svg"); position: absolute; left: 0; }
.pdf-links a { display: inline-block; padding-bottom: 8px; text-decoration: underline; }

.bt-back { display: flex; align-items: center; font-weight: 400; color: #999999; }
.bt-back:before { content: "\e03f"; font-family: "linea-arrows-10"; font-size: 20px; }
.bt-back:hover { color: #000; }

.bt-like { display: flex; }
.bt-like i { margin-right: 8px; font-size: 18px; color: #999999; }
.bt-like:hover { color: #999999; }

#interlinks .section_inner { margin-bottom: 60px; padding: 50px 0; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; }
#interlinks .bts a { position: relative; padding-left: 40px; font-size: 24px; }
#interlinks .bts a span { display: block; color: #999999; font-size: 16px; }
#interlinks .bts a:before { content: "\e03f"; position: absolute; left: 0; top: 18px; font-family: "linea-arrows-10"; font-size: 30px; }
#interlinks .bts a:hover { margin-left: -5px; padding-left: 50px; }
#interlinks .bts a.right { padding: 0 40px 0 0; text-align: right; }
#interlinks .bts a.right:before { left: auto; right: 0; top: 20px; transform: rotate(180deg); }
#interlinks .bts a.right:hover { margin: 0 -5px 0 0; padding: 0 50px 0 0; }

@media screen and (max-width: 1000px) { /* .boxed-link { 		padding: 6px 35px; 		font-size: 15px;  		&:hover { 			padding: 6px 40px; 		} 	} */
  #interlinks .bts a { font-size: 20px; }
  #interlinks .bts a span { padding-bottom: 5px; font-size: 15px; } }
@media screen and (max-width: 767px) { /* .boxed-link { 	font-size: 14px; } */
  a.iconed-link { font-size: 16px; }
  #interlinks { display: none; } }
/* ********************************************************************************************************************* SHARED ELEMENTS */
/* PRELOAD */
.preload, .preload:after { position: absolute; z-index: 2; width: 180px; height: 180px; left: 50%; top: 50%; margin: -90px 0 0 -90px; border-radius: 50%; }

.preload { background-color: transparent; border-top: 1px solid #e29dff; border-right: 1px solid #e29dff; border-bottom: 1px solid #e29dff; border-left: 1px solid #8864FF; transform: translateZ(0); animation-iteration-count: infinite; animation-timing-function: linear; animation-duration: .8s; animation-name: preload-loading; }

@keyframes preload-loading { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }
.animblock { opacity: 0; }

.animtext > span > span { overflow: hidden; margin-bottom: -10px; }

.audio-copy { display: flex; flex-direction: column; align-items: center; box-sizing: border-box; max-width: 300px; padding: 0 50px 40px 50px; background-color: #F5F5F8; border-radius: 8px; transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15); }
.audio-copy .audio-icon { transform: translateY(-35px); }
.audio-copy .audio-icon span { position: absolute; display: block; top: 5px; left: 5px; width: 60px; height: 60px; opacity: 0; border-radius: 50%; background-color: #8864FF; animation: circleScaleIn 2.5s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955); }
.audio-copy .audio-icon span:nth-of-type(2) { animation-delay: 0.6s; }
.audio-copy .audio-icon span:nth-of-type(3) { animation-delay: 1.2s; }
.audio-copy .audio-icon img { position: relative; }
.audio-copy .copy { margin-top: -10px; text-align: center; font-weight: 500; font-size: 16px; line-height: 1.6; }

@keyframes circleScaleIn { from { transform: scale(0.5, 0.5); opacity: 1; }
  to { transform: scale(2, 2); opacity: 0; } }
.roles .role { display: flex; align-items: start; box-sizing: border-box; cursor: default; max-width: 340px; margin-top: 10px; padding: 20px; background-color: #F5F5F8; border-radius: 8px; transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.roles .role img { margin-right: 20px; }
.roles .role h4 { font-weight: 500; }
.roles .role p { margin-top: 5px; font-size: 14px; color: #999999; transition: color .4s linear; }
.roles .role:hover { transform: scale(1.05); }
.roles .role:hover p { color: #494949; }

.app { position: relative; width: 500px; height: 500px; pointer-events: none; }
.app * { position: absolute; box-sizing: border-box; }
.app .device { overflow: hidden; top: 0; left: 0; width: 255px; height: 525px; border-radius: 15px; }
.app .device .bkg { top: 0; left: 0; }
.app .device .cont { top: 345px; left: 17px; width: 220px; opacity: 0; transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s; }
.app .device .bt { pointer-events: auto; cursor: pointer; top: 675px; left: 17px; width: 220px; opacity: 0; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 1.5s; }
.app .device .clock { top: 8px; left: 10px; padding: 0 8px; font-size: 11px; color: #1F1F39; background-color: #afb5bb; }
.app .player { top: 180px; left: 280px; width: 245px; opacity: 0; transition: opacity .8s linear 1.5s; }
.app .screen { overflow: hidden; top: 195px; left: 220px; width: 255px; height: 298px; border-radius: 15px; opacity: 0; transition: opacity .8s linear 1s; }
.app .screen .bkg { top: 0; left: 0; }
.app .screen .cont { top: 32px; left: 27px; width: 200px; transform: scale(0.6); opacity: 0; transition: all 1.5s cubic-bezier(0.77, 0, 0.175, 1) 1.5s; }
.app.active .device .cont { top: 145px; opacity: 1; }
.app.active .device .bt { top: 475px; opacity: 1; }
.app.active .player { opacity: 1; }
.app.active .screen { opacity: 1; }
.app.active .screen .cont { transform: scale(1); opacity: 1; }

.chat .item { box-sizing: border-box; pointer-events: none; width: 280px; margin-bottom: 10px; padding: 20px 30px 10px 30px; border-radius: 2px 20px 20px 20px; background: linear-gradient(149.62deg, #E29DFF 1.09%, #8864FF 129.43%); opacity: 0; transform: scale(0); transition: all 1.3s cubic-bezier(0.77, 0, 0.175, 1); }
.chat .item p { font-size: 16px; color: #fff; }
.chat .item img { margin: 5px 0 0 -8px; }
.chat .item--grey { background: #F5F5F8; }
.chat .item--grey p { color: #000; }
.chat .item:nth-child(even) { margin-left: 65px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15); }
.chat .item:nth-child(1) { transition-delay: 1s; }
.chat .item:nth-child(2) { transition-delay: 1.5s; }
.chat .item:nth-child(3) { transition-delay: 2s; }
.chat.active .item { transform: scale(1); opacity: 1; }

.users { position: relative; pointer-events: none; width: 960px; height: 450px; }
.users .user { position: absolute; height: 420px; width: 350px; }
.users .user img { position: absolute; border-radius: 15px; }
.users .user .data { position: absolute; box-sizing: border-box; width: 270px; padding: 20px; background-color: #fff; border-radius: 15px; opacity: 0; transform: translateY(50px); transition: all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1); }
.users .user .data h4 { font-weight: 700; }
.users .user .data p { margin-top: 4px; font-size: 16px; }
.users .user .data:before { content: ""; position: absolute; top: -10px; left: calc(50% - 10px); border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #fff transparent; }
.users .user--1 { z-index: 3; }
.users .user--1 img { top: 60px; left: 90px; width: 255px; }
.users .user--1 .data { top: 230px; transition-delay: 1.5s; }
.users .user--2 { z-index: 2; left: 285px; }
.users .user--2 .data { top: 310px; left: 170px; width: 240px; transition-delay: 1.7s; }
.users .user--3 { z-index: 1; left: 580px; }
.users .user--3 img { top: 60px; left: 30px; width: 245px; }
.users .user--3 .data { top: -30px; left: 110px; transform: translateY(-50px); transition-delay: 1.9s; }
.users .user--3 .data:before { top: auto; bottom: -10px; border-width: 10px 10px 0 10px; border-color: #fff transparent transparent transparent; }
.users.active .user .data { opacity: 1; transform: translateY(0); }

.steps .item { box-sizing: border-box; width: 30%; padding: 50px 30px; text-align: center; border-radius: 20px; background-color: #fff; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15); opacity: 0; transform: scale(0.8) translateY(100px); transform-origin: center 0; transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
.steps .item .txt { margin-top: 30px; }
.steps .item:nth-child(1) { transition-delay: 1s; }
.steps .item:nth-child(2) { transition-delay: 1.2s; }
.steps .item:nth-child(3) { transition-delay: 1.4s; }
.steps.active .item { transform: scale(1) translateY(0); opacity: 1; }

.community { z-index: 1; position: relative; box-sizing: border-box; padding: 70px 0; background: #e29dff url("../../../media/comunidad-bkg.svg") no-repeat; background-size: cover; }
.community .slider { margin-bottom: 0; cursor: e-resize; }
.community .slider .slick-dots { margin-top: 0; }
.community .slider .item .data { width: 60%; }
.community .slider .item .data h2 { max-width: 400px; font-size: 44px; color: #fff; }
.community .slider .item .data .txt { position: relative; min-height: 300px; margin: 40px 0 60px 0; padding-left: 90px; }
.community .slider .item .data .txt:before { content: '\e068'; position: absolute; top: 0; left: 2px; font-family: "linea-arrows-10" !important; font-size: 40px; color: #fff; }
.community .slider .item .data h4 { max-width: 400px; font-size: 36px; color: #fff; }
.community .slider .item .data h4 + p { max-width: 400px; margin-top: 25px; color: #fff; }
.community .slider .item .gfx { position: relative; width: 40%; }
.community .slider .item .gfx .img { overflow: hidden; max-width: 500px; border-radius: 20px; }
.community .slider .item .gfx .img img { vertical-align: top; }
.community .slider .item .gfx .logo { position: absolute; bottom: 50px; left: -100px; }

@media screen and (max-width: 1300px) { .roles .role { max-width: 320px; padding: 15px; }
  .roles .role p { font-size: 13px; }
  .community .slider .item .data .txt { min-height: 220px; margin: 40px 0; }
  .community .slider .item .data h4 { font-size: 32px; }
  .community .slider .item .gfx .logo { left: -70px; } }
@media screen and (max-width: 1000px) { .roles .role { max-width: 300px; }
  .roles .role img { width: 50px; margin-right: 15px; }
  .roles .role p { font-size: 12px; }
  .users { left: 50%; transform-origin: center 0; transform: scale(0.7) translateX(-72%); }
  .users .user .data h4 { font-size: 20px; }
  .users .user .data p { font-size: 17px; }
  .steps .item { width: 32%; padding: 30px; }
  .steps .item .txt { margin-top: 10px; }
  .community .slider .item .data h2 { font-size: 40px; }
  .community .slider .item .data .txt { min-height: 200px; margin: 40px 0; padding-left: 60px; }
  .community .slider .item .data .txt:before { top: -5px; font-size: 35px; }
  .community .slider .item .data h4 { font-size: 28px; }
  .community .slider .item .data h4 + p { padding-right: 30px; }
  .community .slider .item .gfx { display: flex; justify-content: end; align-items: start; }
  .community .slider .item .gfx .img { max-width: 260px; }
  .community .slider .item .gfx .logo { left: auto; right: 20px; transform: scale(0.8); transform-origin: right 0; } }
@media screen and (max-width: 767px) { .roles .role { margin: 5px 0; padding: 10px; }
  .roles .role img { width: 20px; }
  .roles .role p { display: none; }
  .audio-copy { max-width: 250px; padding: 0 30px 30px 30px; }
  .audio-copy .audio-icon { transform: translateY(-35px); }
  .audio-copy .copy { margin-top: -20px; line-height: 1.5; }
  .users { position: relative; pointer-events: auto; width: 100%; height: auto; left: 0; transform: scale(1) translateX(0); }
  .users .user { position: relative; height: 450px; width: 100%; left: 0 !important; }
  .users .user img { position: relative; top: 0 !important; left: 0 !important; width: 100% !important; }
  .users .user .data { position: relative; top: -50px !important; left: 5% !important; width: 90% !important; padding: 20px; transform: translateY(0); transition-delay: 0s !important; }
  .users .user .data h4 { font-size: 17px; }
  .users .user .data p { font-size: 14px; }
  .users .user--3 .data:before { top: -10px; bottom: auto; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #fff transparent; }
  .users .slick-slide { margin: 0 20px; }
  .users .slick-list { margin: 0 -20px; }
  .steps .item { width: 100%; margin-bottom: 10px; padding: 20px; }
  .steps .item .txt p + p { margin-top: 10px; }
  .steps .item .txt strong { font-size: 18px; }
  .community { padding: 30px 0 60px 0; }
  .community .slider .item .flex { flex-direction: column-reverse; }
  .community .slider .item .data { width: 100%; margin-top: 30px; }
  .community .slider .item .data h2 { font-size: 28px; }
  .community .slider .item .data .txt { min-height: 0; margin: 30px 0; }
  .community .slider .item .data .txt:before { top: -5px; }
  .community .slider .item .data h4 { font-size: 24px; }
  .community .slider .item .data h4 + p { margin-top: 10px; padding-right: 20px; }
  .community .slider .item .gfx { display: block; width: 100%; }
  .community .slider .item .gfx .img { max-width: 100%; }
  .community .slider .item .gfx .logo { bottom: 0; } }
/* ********************************************************************************************************************* RRSS & SOCIAL */
.social-menu { position: relative; }
.social-menu a { content: ''; width: 30px; height: 30px; display: inline-block; overflow: hidden; background: transparent url("../../../media/social-sprite.svg") no-repeat 0 -3px; }
.social-menu a.facebook { background-position: 0 -3px; }
.social-menu a.twitter { background-position: -30px -3px; }
.social-menu a.linkedin { background-position: -60px -3px; }
.social-menu a.instagram { background-position: -90px -3px; }
.social-menu a.podcast { background-position: -120px -3px; }
.social-menu a.youtube { background-position: -150px -3px; }
.social-menu a.rss { background-position: -180px -3px; }
.social-menu a.spotify { background-position: -210px -3px; }
.social-menu a.whatsapp { background-position: -240px -3px; }
.social-menu a.mail { background-position: -270px -3px; }
.social-menu a.tripadvisor { background-position: -300px -3px; }
.social-menu a:hover { opacity: 0.7; }
.social-menu a.white { filter: invert(100%); }
.social-menu.big a { margin-right: 5px; transform: scale(1.2); }

.social ul li { display: inline-block; vertical-align: top; overflow: hidden; width: 32px; height: 32px; margin: 0 3px; border-radius: 100%; border: 1px solid #fff; transition: all 0.4s ease 0s !important; }
.social ul li:first-child { margin-left: 0; }
.social ul li a { display: block; width: 100%; height: 200%; position: relative; top: 0; line-height: 32px !important; text-align: center; color: #fff; }
.social ul li a i { font-size: 16px; }
.social ul li a i:last-child { display: block; margin-top: 2px; color: #fff; }
.social ul li:hover { border-color: transparent; }
.social ul li:hover a { top: -26px; }
.social ul li:hover a i:first-child { transition: all 0.3s ease 0s !important; opacity: 0; }
.social ul li:nth-of-type(1):hover { background-color: #537bbd; }
.social ul li:nth-of-type(2):hover { background-color: #77cdf0; }
.social ul li:nth-of-type(3):hover { background-color: #ff0000; }
.social ul li:nth-of-type(4):hover { background-color: #0077B5; }

@media screen and (max-width: 767px) { .social-menu { position: relative; }
  .social-menu a { margin: 0 3px; transform: scale(1.2); } }
/* ********************************************************************************************************************* FORMS / CF7 */
.form-container .form-column-left { position: relative; float: left; width: 49%; z-index: 2; }
.form-container .form-column-right { position: relative; float: right; width: 49%; z-index: 2; }
.form-container .form-column-full { position: relative; display: block; z-index: 1; }
.form-container .block-legal { padding-top: 10px; }
.form-container .block-legal p { padding-bottom: 8px; color: #494949; }

.wpcf7-form > p { position: relative; margin: 5px 0 !important; }
.wpcf7-form > p label { position: absolute; display: block; z-index: 1; pointer-events: none; top: 30px; width: 100%; font-size: 17px; color: #999999; transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s !important; }
.wpcf7-form > p label.has-value { top: 7px; font-size: 12px; color: #8864FF; }
.wpcf7-form input.wpcf7-text, .wpcf7-form input.wpcf7-mail, .wpcf7-form textarea.wpcf7-textarea { outline: none; max-width: 100%; padding: 0 0 4px 0; font-family: 'Inter'; font-size: 20px !important; color: #000 !important; background-color: transparent; border: 0; border-bottom: 1px solid #999999; }
.wpcf7-form textarea.wpcf7-textarea { height: 30px; line-height: 1.2; transition: height 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s !important; }
.wpcf7-form textarea.wpcf7-textarea:focus { height: 100px; }
.wpcf7-form .wpcf7-list-item { margin-left: 0 !important; }
.wpcf7-form .block-legal { margin: 40px 0 20px 0; font-size: 12px; }
.wpcf7-form .block-legal > p { display: flex; align-items: center; }
.wpcf7-form .block-legal .wpcf7-not-valid-tip { position: absolute; top: 20px; left: 0; width: 200px; }
.wpcf7-form .txt-legal { display: inline-block; margin: 0 0 0 30px; font-size: 14px; color: #000; transform: translateY(-6px); }
.wpcf7-form .txt-legal a, .wpcf7-form .txt-legal a:hover { color: #000 !important; }
.wpcf7-form span.wpcf7-list-item { margin: 0 5px 0 0; }
.wpcf7-form .wpcf7-checkbox label { position: relative; cursor: pointer; color: #8864FF; }
.wpcf7-form .wpcf7-checkbox input[type=checkbox] { position: absolute; visibility: hidden; }
.wpcf7-form .wpcf7-checkbox input[type=checkbox] + span { display: inline-block; overflow: hidden; width: 0; color: transparent; }
.wpcf7-form .wpcf7-checkbox input[type=checkbox] + span:before { display: block; position: absolute; box-sizing: border-box; content: ''; height: 20px; width: 20px; top: -8px; left: 0px; border: 1px solid #999999; transition: all 0.3s ease 0s !important; }
.wpcf7-form .wpcf7-checkbox input[type=checkbox] + span:after { content: "\2713"; position: absolute; display: block; visibility: hidden; height: 20px; width: 20px; top: -9px; left: 0; font-size: 15px; font-weight: 700; text-align: center; line-height: 1.5; color: #fff; -moz-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s !important; }
.wpcf7-form .wpcf7-checkbox input[type=checkbox]:checked + span:before { background: #8864FF; border-color: #8864FF; }
.wpcf7-form .wpcf7-checkbox input[type=checkbox]:checked + span:after { visibility: visible; -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
.wpcf7-form input.wpcf7-submit { display: inline-block; cursor: pointer; padding: 12px 35px; font-size: 16px; text-decoration: none !important; color: #fff; background-color: #000; border: 0; border-radius: 8px; transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); }
.wpcf7-form input.wpcf7-submit:hover { padding: 12px 40px; color: #fff; background-color: #8864FF; }
.wpcf7-form .wpcf7-spinner { display: block; margin: 10px auto 0 auto; }
.wpcf7-form .wpcf7-not-valid-tip { display: block !important; padding: 5px 0 0 0; text-transform: uppercase; font-size: 12px !important; color: #ff0000 !important; }
.wpcf7-form .wpcf7-response-output { margin: 0 !important; font-size: 16px !important; padding: 20px !important; line-height: 1.2; color: #fff; background-color: #ff0000 !important; border: 0 !important; }
.wpcf7-form.sent .wpcf7-response-output { padding: 25px 40px 25px 75px !important; background-color: #80c84b !important; }
.wpcf7-form.sent .wpcf7-response-output:before { font-size: 30px !important; }

/* HACK FOR AUTOCOMPLETE FIELDS IN CHROME (YELLOW BUG) */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 100px transparent inset; color: #222; }

/* ::-webkit-input-placeholder {
	color: #000;
	opacity: 1 !important;
}

::-moz-placeholder {
	color: #000;
	opacity: 1 !important;
}

input:focus::-webkit-input-placeholder { opacity: 0; @include transition(all,.4s,linear); }
input:focus::-moz-placeholder { opacity: 0; }
textarea:focus::-webkit-input-placeholder { opacity: 0; @include transition(all,.4s,linear); }
textarea:focus::-moz-placeholder { opacity: 0; }
textarea:focus::-moz-placeholder { opacity: 0; } */
@media screen and (max-width: 1000px) { .wpcf7-form { 		/* .block-legal {
			margin: 10px 0;
		}

		p {
			margin-bottom: 10px !important;
		}

		p.text-bigger {
			font-size: 16px !important;
		} */ }
  .wpcf7-form > p label { top: 20px; }
  .wpcf7-form > p label.has-value { font-size: 11px; }
  .wpcf7-form input.wpcf7-text, .wpcf7-form input.wpcf7-mail, .wpcf7-form textarea.wpcf7-textarea { width: 100%; }
  .wpcf7-form .txt-legal { font-size: 11px; }
  .wpcf7-form .wpcf7-spinner { position: absolute; margin: 10px 0 0 0; } }
@media screen and (max-width: 767px) { .form-container .form-column-left, .form-container .form-column-right { float: none; width: 100%; }
  .wpcf7-form > p label { font-size: 15px; }
  .wpcf7-form input.wpcf7-text, .wpcf7-form input.wpcf7-mail, .wpcf7-form textarea.wpcf7-textarea { font-size: 16px !important; } }
/* ********************************************************************************************************************* HEADER - MENU */
header { z-index: 2; position: absolute; box-sizing: border-box; width: 100%; height: 0; padding: 30px 50px 30px 80px; }
header .container { align-items: center; }
header .logos { display: flex; padding-top: 5px; }
header .logos a:hover { opacity: 0.9; }
header .logos > img { margin-left: 90px; }
header nav.main-menu ul { display: flex; margin: 0; }
header nav.main-menu ul li { list-style: none; margin-left: 30px; }
header nav.main-menu ul li a { padding: 7px 20px; font-size: 16px; text-decoration: none; color: #fff; background-color: #000; border-radius: 5px; }
header nav.main-menu ul li a:hover { color: #fff; background-color: rgba(136, 100, 255, 0.6); }

@media screen and (max-width: 1300px) { header { padding: 30px 50px 30px 60px; } }
@media screen and (max-width: 1000px) { header { padding: 30px 50px 30px 40px; }
  header .logos > img { margin-left: 40px; } }
@media screen and (max-width: 767px) { header { padding: 20px; }
  header .logos a img { width: 200px; }
  header .logos > img { position: absolute; top: 370px; left: 25px; width: 150px; margin-left: 0; }
  header nav.main-menu ul { display: flex; }
  header nav.main-menu ul li { margin-left: 0; }
  header nav.main-menu ul li a { padding: 5px 10px; font-size: 13px; }
  header.hide-oxford-logo .logos > img { display: none; } }
/* ********************************************************************************************************************* FOOTER */
footer { position: relative; align-items: top; padding: 50px 80px 50px 50px; background-color: #000; }
footer .logos { display: flex; align-items: start; width: 40%; }
footer .logos a:hover { opacity: 0.9; }
footer .logos > img { margin: 5px 0 0 80px; }
footer .links { display: flex; justify-content: end; align-items: center; width: 60%; 		/* .apps {
			margin-top: 40px;

			a {

				&.ios {
					margin-left: 10px;
				}

				img {
					width: 150px;
				}
			}
		} */ }
footer .links .widget_nav_menu ul { display: flex; }
footer .links .widget_nav_menu ul li { list-style: none; margin-left: 40px; }
footer .links .widget_nav_menu ul li:first-child { margin-left: 0; }
footer .links .widget_nav_menu ul li a { font-size: 16px; text-decoration: none; color: #fff; }
footer .links .widget_nav_menu ul li a:hover { color: #8864FF; }
footer .links .social-menu { margin-left: 30px; }
footer .bt-top { position: absolute; top: calc(50% - 7px); right: 30px; line-height: 0; text-decoration: none; color: #fff; }
footer .bt-top:hover { transform: scale(1.2); }

@media screen and (max-width: 1400px) { footer .logos a img { width: 200px; }
  footer .logos > img { margin-top: 0; width: 130px; }
  footer .links .widget_nav_menu ul li a { font-size: 15px; } }
@media screen and (max-width: 1300px) { footer .logos { width: 30%; }
  footer .logos a img { width: 150px; }
  footer .logos > img { width: 100px; }
  footer .links { width: 70%; }
  footer .links .widget_nav_menu ul li a { font-size: 13px; } }
@media screen and (max-width: 1000px) { footer { padding: 25px 40px; }
  footer .logos { display: block; width: 100%; text-align: center; }
  footer .logos > img { margin-top: 10px; }
  footer .links { justify-content: center; width: 100%; margin-top: 20px; }
  footer .links .widget_nav_menu ul { justify-content: center; padding-left: 0; }
  footer .links .widget_nav_menu ul li { margin-left: 20px; } }
@media screen and (max-width: 767px) { footer .logos { display: flex; flex-direction: column; align-items: center; }
  footer .logos a img { width: 200px; }
  footer .logos > img { margin: 10px 0 0 0; }
  footer .links { display: block; align-items: center; /* .apps {
	margin: 30px 0;
} */ }
  footer .links .widget_nav_menu { width: 100%; margin-top: 20px; }
  footer .links .widget_nav_menu ul { flex-direction: column; align-items: center; padding-left: 0; }
  footer .links .widget_nav_menu ul li { margin: 0 0 10px 0; }
  footer .links .widget_nav_menu ul li a { font-size: 13px; }
  footer .links .social-menu { width: 100%; margin: 10px 0 0 0; text-align: center; }
  footer .bt-top { display: none; } }
/* PAGES / MODULES */
/* ********************************************************************************************************************* HOME */
.home .intro-alt { position: relative; overflow: hidden; height: 100vh; }
.home .intro-alt .img { width: 100%; height: 100%; }
.home .intro-alt .img img { width: 100%; height: 100%; object-fit: cover; object-position: left center; }
.home .intro-alt .apps { position: absolute; display: flex; bottom: 10%; left: 80px; transform: translateY(50px); opacity: 0; transition: all .8s ease 1s; }
.home .intro-alt .apps a { margin-right: 20px; }
.home .intro-alt .apps a img { width: 150px; }
.home .intro-alt .apps a:hover { opacity: 0.8; transform: scale(1.05); }
.home .intro-alt .custom-bt { position: absolute; bottom: 10%; left: 80px; opacity: 0; transition: all .8s ease 2s; }
.home .intro-alt .custom-bt.with-apps { bottom: 20%; }
.home .intro-alt.active .apps, .home .intro-alt.active .custom-bt { transform: translateY(0); opacity: 1; }
.home .intro { position: relative; box-sizing: border-box; overflow: hidden; height: 100vh; background: linear-gradient(90deg, #aa79ff 0%, #e29dff 100%); transition: height 2s cubic-bezier(0.165, 0.84, 0.44, 1); }
.home .intro .data { max-width: 520px; padding: 230px 0 0 85px; }
.home .intro .data h1 { color: #fff; }
.home .intro .data h1 + .subtitle { transform: translateY(-40px); opacity: 0; transition: all 1s ease 2s; margin-top: 30px; padding-right: 30px; color: #fff; }
.home .intro .data .apps { display: flex; margin-top: 40px; transform: translateY(50px); opacity: 0; transition: all .8s ease 2s; }
.home .intro .data .apps a { margin-right: 20px; }
.home .intro .data .apps a img { width: 150px; }
.home .intro .data .apps a:hover { opacity: 0.8; transform: scale(1.05); }
.home .intro .data .custom-bt { margin-top: 40px; transform: translateY(50px); opacity: 0; transition: all .8s ease 2s; }
.home .intro .data .custom-bt.with-apps { margin-top: 20px; }
.home .intro .mockup { position: absolute; pointer-events: none; top: 0; left: 0; width: 100%; }
.home .intro .mockup .row { position: absolute; display: flex; flex-direction: column; transform: rotate(45deg); opacity: 0; transition: opacity 1.5s linear 1s, top 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s, right 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s; }
.home .intro .mockup .row img { width: 300px; }
.home .intro .mockup .row img + img { margin-top: -10px; }
.home .intro .mockup .row--1 { top: -500px; right: 220px; }
.home .intro .mockup .row--2 { top: 150px; right: 475px; }
.home .intro .mockup .row--3 { top: 190px; right: 120px; }
.home .intro .wave { display: block; position: absolute; z-index: 1000; pointer-events: none; width: 100%; height: 150px; bottom: -1px; fill: #fff; }
.home .intro.active { height: 800px; }
.home .intro.active .data .subtitle { transform: translateY(0); opacity: 1; }
.home .intro.active .data .apps, .home .intro.active .data .custom-bt { transform: translateY(0); opacity: 1; }
.home .intro.active .mockup .row { opacity: 1; }
.home .intro.active .mockup .row--1 { top: -300px; right: 410px; }
.home .intro.active .mockup .row--2 { top: -30px; right: 290px; }
.home .intro.active .mockup .row--3 { top: 340px; right: 270px; }
.home .demoform { position: relative; z-index: 2; padding: 60px 0; display: flex; justify-content: space-between; }
.home .demoform.progress .form input[type="submit"] { pointer-events: none; opacity: 0.5; }
.home .demoform.progress .form .form-progress { display: block; }
.home .demoform.success .form { padding: 75px; }
.home .demoform.success .form select, .home .demoform.success .form input, .home .demoform.success .form .form-legal { display: none; }
.home .demoform.success .form .success-wrapper { display: block; }
.home .demoform.success .form .form-progress { display: none; }
.home .demoform .data { width: 35%; }
.home .demoform .data h2 { margin: 30px 0; }
.home .demoform .form { position: relative; box-sizing: border-box; width: 50%; padding: 40px; background: #e29dff url("../../../media/comunidad-bkg.svg") no-repeat; background-size: cover; border-radius: 20px; }
.home .demoform .form:has(input[name="privacy_policy"]):has(input[name="privacy_policy"]:not(:checked)) input[type="submit"] { pointer-events: none; opacity: 0.5; }
.home .demoform .form .success-wrapper { display: none; }
.home .demoform .form .success-wrapper p { color: #fff; }
.home .demoform .form select { box-sizing: border-box; appearance: none; width: 100%; margin-bottom: 20px; padding: 15px; font-size: 16px; background-color: #fff; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23000' viewBox='0 0 16 16'><path d='M8 12l8-8H0z'/></svg>"); background-repeat: no-repeat; background-position: calc(100% - 15px) center; padding-right: 40px; border-radius: 10px; border: 0; }
.home .demoform .form input[type="email"] { box-sizing: border-box; appearance: none; width: 100%; margin-bottom: 20px; padding: 15px; font-size: 16px; background-color: #fff; border-radius: 10px; border: 0; }
.home .demoform .form input[type="submit"] { box-sizing: border-box; appearance: none; cursor: pointer; width: auto; padding: 15px 35px; font-size: 16px; color: #fff; background-color: #000; border-radius: 10px; border: 0; transition: all .3s ease; }
.home .demoform .form input[type="submit"]:hover { padding: 15px 40px; background-color: #8864FF; }
.home .demoform .form-legal { margin-top: 20px; font-size: 14px; }
.home .demoform .form-progress { display: none; position: absolute; bottom: 60px; right: 60px; }
.home .demoform .form-progress .preload { width: 20px; height: 20px; margin: -10px 0 0 -10px; border-top: 4px solid #fff; border-right: 4px solid #fff; border-bottom: 4px solid #fff; border-left: 4px solid #8864FF; }
.home .partners { position: relative; z-index: 2; padding: 40px 0; }
.home .partners:before, .home .partners:after { content: ''; position: absolute; z-index: 2; width: 60px; height: 80%; top: 0; left: 0; background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%); }
.home .partners:after { left: auto; right: 0; background: linear-gradient(270deg, white 0%, rgba(255, 255, 255, 0) 100%); }
.home .partners .slider .slick-track { display: flex; align-items: center; }
.home .partners .slider .item { display: flex; justify-content: center; box-sizing: border-box; padding: 0 30px; filter: saturate(0); transition: filter .5s ease; }
.home .partners .slider .item img { max-width: 150px; max-height: 70px; }
.home .partners .slider .item:hover { filter: saturate(1); }
.home .perfecciona { position: relative; z-index: 1; box-sizing: border-box; height: 650px; padding-top: 100px; }
.home .perfecciona > .gfx { width: 50%; }
.home .perfecciona > .gfx .img { overflow: hidden; max-width: 500px; border-radius: 20px; }
.home .perfecciona > .gfx .img img { vertical-align: top; }
.home .perfecciona > .data { width: 34%; }
.home .perfecciona > .data h2 { margin: 30px 0 30px 0; }
.home .perfecciona > .data .txt { padding-right: 70px; }
.home .perfecciona > .data .action { margin-top: 30px; }
.home .perfecciona .roles { position: absolute; left: 350px; top: 210px; }
.home .perfecciona .audio-copy { position: absolute; left: 370px; top: 240px; }
.home .encuentra { position: relative; box-sizing: border-box; height: 650px; padding-top: 50px; }
.home .encuentra .data { width: 30%; margin-left: 80px; }
.home .encuentra .data h2 { margin: 80px 0 30px 0; }
.home .encuentra .data .txt { padding-right: 70px; }
.home .encuentra .gfx { position: relative; display: flex; justify-content: end; align-items: start; box-sizing: border-box; width: 60%; padding-right: 60px; }
.home .encuentra .gfx .img { overflow: hidden; max-width: 400px; border-radius: 20px; }
.home .encuentra .gfx .img img { vertical-align: top; }
.home .encuentra .chat { position: absolute; left: 0; top: 95px; }
.home .practica { z-index: 2; position: relative; box-sizing: border-box; height: 650px; padding-top: 130px; }
.home .practica .bkg { position: absolute; top: 80px; left: 0; width: 100%; }
.home .practica .bkg img { width: 100%; }
.home .practica .gfx { position: relative; width: 50%; }
.home .practica .gfx .img { overflow: hidden; max-width: 500px; border-radius: 20px; }
.home .practica .gfx .img img { vertical-align: top; }
.home .practica .gfx .icons { position: absolute; top: 0; left: 0; width: 200px; }
.home .practica .gfx .icons img { position: absolute; }
.home .practica .gfx .icons img.mic { top: 195px; left: 425px; }
.home .practica .gfx .icons img.audio { top: 270px; left: 480px; }
.home .practica .gfx .icons img.play { top: 355px; left: 400px; }
.home .practica .data { width: 35%; }
.home .practica .data h2 { margin: 0 0 30px 0; padding-right: 40px; }
.home .practica .data .txt { padding-right: 70px; }
.home .practica .data .apps { margin-top: 40px; }
.home .practica .data .apps a.ios { margin-left: 10px; }
.home .practica .data .apps a img { width: 150px; }
.home .practica .data .apps a:hover { opacity: 0.8; transform: scale(1.05); }
.home .comunidad { z-index: 1; position: relative; box-sizing: border-box; padding: 70px 0; background: #e29dff url("../../../media/comunidad-bkg.svg") no-repeat; background-size: cover; }
.home .comunidad .title h3 { max-width: 500px; margin: 0 auto; font-weight: 700; text-align: center; color: #fff; }
.home .comunidad .users { margin: 100px auto 0 auto; }
.home .comunidad .apps { display: flex; width: 325px; margin: 70px auto 0 auto; }
.home .comunidad .apps a { margin-right: 20px; }
.home .comunidad .apps a:last-child { margin-right: 0; }
.home .comunidad .apps a img { width: 150px; }
.home .comunidad .apps a:hover { opacity: 0.8; transform: scale(1.05); }
.home .join { z-index: 1; position: relative; box-sizing: border-box; padding: 100px 0 150px 0; background: #F5F5F8 url("../../../media/join-bkg.svg") no-repeat; background-size: cover; }
.home .join .title { margin-bottom: 80px; text-align: center; }
.home .join .title h2 + h2 { color: #8864FF; }
.home .banner { height: 500px; background-size: cover; background-position: center 0; }
.home .banner .data { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 500px; text-align: center; }
.home .banner .data h2 { font-size: 44px; color: #fff; }
.home .banner .data .apps { display: flex; margin-top: 40px; transform: translateY(50px); opacity: 0; transition: all .8s ease 2s; }
.home .banner .data .apps a { margin-right: 20px; }
.home .banner .data .apps a img { width: 180px; }
.home .banner .data .apps a:hover { opacity: 0.8; transform: scale(1.05); }
.home .banner.active .data .apps { opacity: 1; transform: translateY(0); }

@media screen and (max-width: 1500px) { .home .intro .mockup { left: 100px; transform-origin: right 0; transform: scale(0.8); } }
@media screen and (max-width: 1300px) { .home .intro .data { max-width: 380px; padding: 200px 0 0 65px; }
  .home .intro .mockup { left: 0; transform: scale(0.8); }
  .home .intro-alt .apps { left: 60px; }
  .home .intro-alt .custom-bt { left: 60px; }
  .home .perfecciona > .gfx { width: 48%; }
  .home .perfecciona > .data { width: 37%; }
  .home .perfecciona > .data h2 { margin: 30px 0; }
  .home .perfecciona > .data .txt { padding-right: 40px; }
  .home .perfecciona .roles { left: 250px; }
  .home .perfecciona .audio-copy { left: 270px; }
  .home .encuentra .data { width: 35%; margin-left: 60px; }
  .home .encuentra .data .txt { padding-right: 10px; }
  .home .encuentra .gfx { width: 50%; padding-right: 0; }
  .home .encuentra .gfx .img { max-width: 360px; }
  .home .encuentra .chat { left: -40px; top: 95px; }
  .home .practica .data .txt { padding-right: 10px; }
  .home .practica .gfx .icons { left: -30px; } }
@media screen and (max-width: 1200px) { .home .intro .data { max-width: 380px; padding: 200px 0 0 65px; }
  .home .intro .mockup { top: 100px; transform: scale(0.65); } }
@media screen and (max-width: 1000px) { .home .intro .data { max-width: 350px; padding: 150px 0 0 45px; }
  .home .intro .mockup { top: 280px; left: 70px; }
  .home .intro.active { height: 700px; }
  .home .intro-alt .apps { left: 40px; }
  .home .intro-alt .custom-bt { left: 40px; }
  .home .perfecciona { height: 550px; padding-top: 50px; }
  .home .perfecciona > .gfx { width: 48%; }
  .home .perfecciona > .data { width: 37%; /* h2 {
	margin: 30px 0;
} */ }
  .home .perfecciona > .data .txt { padding-right: 40px; }
  .home .perfecciona .roles { top: 260px; left: 80px; }
  .home .perfecciona .audio-copy { left: 90px; top: 300px; }
  .home .encuentra { height: 600px; }
  .home .encuentra .data { margin-left: 0; }
  .home .encuentra .gfx { width: 55%; }
  .home .encuentra .gfx .img { max-width: 300px; }
  .home .encuentra .gfx .app { transform-origin: 0 0; transform: scale(0.8) !important; }
  .home .encuentra .chat { left: -70px; transform: scale(0.8); }
  .home .practica { height: 450px; padding-top: 0; }
  .home .practica .bkg { top: 40px; }
  .home .practica .gfx { position: relative; width: 50%; }
  .home .practica .gfx .icons { top: -20px; left: -80px; transform-origin: 0 0; transform: scale(0.8) !important; }
  .home .practica .data { width: 40%; }
  .home .practica .data .txt { padding-right: 0; }
  .home .comunidad .title h3 { max-width: 350px; font-size: 28px; }
  .home .comunidad .users { margin-bottom: -100px; }
  .home .comunidad .apps { justify-content: center; }
  .home .comunidad .apps a { margin: 0; }
  .home .join { padding: 60px 0 100px 0; }
  .home .join .title { margin-bottom: 50px; } }
@media screen and (max-width: 767px) { .home .intro .data { max-width: 90%; padding: 110px 0 0 25px; }
  .home .intro .data h1 + .subtitle { margin-top: 20px; }
  .home .intro .data .apps, .home .intro .data .custom-bt { margin-top: 20px; }
  .home .intro .mockup { z-index: 2; top: 380px; left: 120px; transform-origin: right bottom; transform: scale(0.5); }
  .home .intro .mockup .row img { width: 300px; max-width: none; }
  .home .intro .mockup .row--2 { top: 70px; right: 380px; }
  .home .intro .mockup .row--2 img:last-child { visibility: hidden; }
  .home .intro .mockup .row--3 { display: none; }
  .home .intro .wave { z-index: 1; width: 210%; height: 120px; left: -20%; padding-bottom: 60px; background: linear-gradient(0deg, white 0%, white 35%, rgba(255, 255, 255, 0) 100%); }
  .home .intro.active { height: 740px; }
  .home .intro-alt .apps { bottom: 5%; left: 25px; }
  .home .intro-alt .custom-bt { bottom: 5%; left: 25px; }
  .home .intro-alt .custom-bt.with-apps { bottom: 15%; }
  .home .demoform { flex-direction: column; padding: 30px 0; }
  .home .demoform .data { width: 100%; }
  .home .demoform .form { width: 100%; margin-top: 30px; padding: 25px; }
  .home .demoform .form-legal { font-size: 12px; }
  .home .partners { padding-top: 80px; }
  .home .partners .slider .item { padding: 0 15px; }
  .home .partners .slider .item img { max-width: 130px; max-height: 60px; }
  .home .perfecciona { display: flex; flex-direction: column-reverse; height: auto; }
  .home .perfecciona > .gfx { position: relative; width: 100%; }
  .home .perfecciona > .gfx .img { max-width: none; transform: scale(1) !important; }
  .home .perfecciona > .data { width: 100%; margin-bottom: 30px; transform: translateY(0) !important; }
  .home .perfecciona > .data h2 { margin: 0 0 20px 0; }
  .home .perfecciona > .data .txt { padding-right: 0; }
  .home .perfecciona > .data .action { margin-top: 20px; }
  .home .perfecciona .roles { top: auto; bottom: -20px; left: auto; right: 20px; }
  .home .perfecciona .audio-copy { top: auto; bottom: -80px; left: auto; right: 20px; }
  .home .encuentra { height: auto; padding-top: 140px; }
  .home .encuentra .data { width: 100%; transform: translateY(0) !important; }
  .home .encuentra .data h2 { margin: 0 0 25px 0; }
  .home .encuentra .gfx { position: relative; width: 100%; margin-top: 30px; }
  .home .encuentra .gfx .app { transform-origin: 0 0; transform: scale(0.65) !important; }
  .home .encuentra .gfx .img { max-width: none; transform: scale(1) !important; }
  .home .encuentra .chat { transform: scale(0.7); }
  .home .practica { height: auto; padding: 60px 0; }
  .home .practica .bkg { display: none; }
  .home .practica .gfx { width: 100%; }
  .home .practica .gfx .img { max-width: none; transform: scale(1) !important; }
  .home .practica .gfx .icons { top: -40px; left: -80px; transform: scale(0.75) !important; }
  .home .practica .data { width: 100%; transform: translateY(0) !important; }
  .home .practica .data h2 { margin: 20px 0 25px 0; }
  .home .comunidad { padding-top: 50px; }
  .home .comunidad .title h3 { max-width: 90%; font-size: 24px; }
  .home .comunidad .users { margin: 40px 0; }
  .home .join { padding: 40px 0; }
  .home .join .title { margin-bottom: 30px; }
  .home .banner .data h2 { font-size: 30px; } }
/* @supports (-webkit-touch-callout: none) {	// ONLY IOS

	@media screen and (max-width: 767px) {
		.apps .android { display: none; }
	}
}

@supports not (-webkit-touch-callout: none) {	// NOT IOS (ANDROID)

	@media screen and (max-width: 767px) {
		.apps .ios { display: none; }
	}
} */
body.is-ios .apps a.android { display: none !important; margin: 0 !important; }
body.is-ios .apps a { margin: 0 !important; }

body.is-android .apps a.ios { display: none !important; }
body.is-android .apps a { margin: 0 !important; }

/* ********************************************************************************************************************* CONTACT */
.page-contact header .logos > img { display: none; }
.page-contact .contact { display: flex; box-sizing: border-box; min-height: calc(100vh - 116px); padding: 230px 0 0 85px; background: url("/media/contact-bkg.svg") no-repeat left top; background-size: 45%; }
.page-contact .contact .data { box-sizing: border-box; width: 50%; }
.page-contact .contact .data h1 { max-width: 500px; margin: 15px 0 40px 0; }
.page-contact .contact .data .social-menu { margin: 200px 0 0 -5px; }
.page-contact .contact .form { box-sizing: border-box; width: 50%; }
.page-contact .contact .form .wpcf7 { max-width: 550px; }
.page-contact .contact .form .success { display: none; flex-direction: column; align-items: center; justify-content: center; text-align: center; max-width: 450px; margin: 0 auto; opacity: 0; transition: opacity .5s linear; }
.page-contact .contact .form .success p { margin-top: 15px; color: #999999; }
.page-contact .contact .form.sent .wpcf7 { display: none; }
.page-contact .contact .form.sent .success { display: flex; opacity: 1; }

@media screen and (max-height: 800px) { .page-contact .contact .data .social-menu { margin: 150px 0 0 -5px; } }
@media screen and (max-width: 1400px) { .page-contact .contact { background-size: 50%; }
  .page-contact .contact .data h1 { max-width: 400px; }
  .page-contact .contact .data .social-menu { margin: 100px 0 0 -5px; }
  .page-contact .contact .form .wpcf7 { max-width: 420px; } }
@media screen and (max-width: 1000px) { .page-contact h1 { font-size: 40px; }
  .page-contact .contact { flex-direction: column; padding: 200px 0 0 40px; background-size: 110%; }
  .page-contact .contact .data { width: 100%; }
  .page-contact .contact .data h1 { max-width: none; margin-bottom: 25px; }
  .page-contact .contact .data .social-menu { display: none; }
  .page-contact .contact .form { overflow: hidden; width: calc(100% - 60px); margin-top: 50px; padding: 15px 50px 50px 50px; background-color: #fff; border-radius: 20px; }
  .page-contact .contact .form .wpcf7 { max-width: none; }
  .page-contact .contact .form.sent { padding-top: 50px; } }
@media screen and (max-width: 767px) { .page-contact h1 { font-size: 28px; }
  .page-contact .contact { padding: 100px 0 0 20px; background-size: 120%; background-position: 0 -80px; }
  .page-contact .contact .form { width: calc(100% - 20px); margin-top: 30px; padding: 15px 30px 30px 30px; }
  .page-contact .contact .form .success img { width: 140px; }
  .page-contact .contact .form.sent { padding: 50px 30px; } }
/* ********************************************************************************************************************* LEGAL */
.page-legal { 	/* nav.main-menu {

		ul {

			li.lang-item {
				display: none;
			}
		}
	} */ }
.page-legal header .logos > img { display: none; }
.page-legal .grid__container h2 { padding: 40px 0 0 0; font-size: 24px; letter-spacing: 0; }
.page-legal .grid__container h2:after { content: ''; display: block; width: 30px; height: 2px; margin-top: 10px; background-color: #8864FF; }
.page-legal .grid__container h2 + p, .page-legal .grid__container h2 + div { margin-top: 20px; }
.page-legal .grid__container h5 { font-weight: 700; }
.page-legal .grid__container p, .page-legal .grid__container table, .page-legal .grid__container li { font-size: 14px; }
.page-legal .grid__container a { text-decoration: underline; }
.page-legal .grid__container ul, .page-legal .grid__container ol { margin-top: 30px; }
.page-legal .grid__container ul { /* text-indent: -20px;
margin-left: 20px; */ padding-left: 40px; }
.page-legal .grid__container ul li { /* &:before {
	content: "\2022";
	display: inline-block;
	vertical-align: top;
	font-weight: 700;
	font-size: 1em;
	line-height: 1.3;
	color: #000;
	transform: translateY(3px);
} */ }
.page-legal .grid__container table { width: 100%; margin: 20px 0; }
.page-legal .grid__container table th, .page-legal .grid__container table td { text-align: left !important; border: 1px solid #999999; }
.page-legal .grid__container hr { visibility: hidden; margin: 40px 0 !important; }

@media screen and (max-width: 1000px) { .page-legal .wpb_text_column:last-child { padding: 0 0 50px 0; }
  .page-legal .wpb_text_column h1 { margin: 50px 0 40px 0; } }
@media screen and (max-width: 767px) { .page-legal .section_inner_margin { margin: 0; }
  .page-legal .wpb_text_column h1 { margin: 0px 0 40px 0; }
  .page-legal .wpb_text_column h2 { font-size: 20px; } }
/* ********************************************************************************************************************* LEGAL */
body.error404 header .logos > img { display: none; }
body.error404 .grid__container .action { margin-top: 50px; }

/* FIXES */
/* ********************************************************************************************************************* FIREFOX FIXES */
@-moz-document url-prefix() { .wpcf7-form select.wpcf7-select { line-height: 29px; } }