#vl-slider .vl-p-30 {
  display: none;
}
#vl-slider .vl-p-16 {
  text-transform: uppercase;
}
.siema-label {
  display: none;
}
.slider,
.insta-slider {
  display: block;
  height: calc(39.25vw);
  width: 100%;
  position: relative;
  z-index: 5;
}
.slider.is-grabbing .slide__bg,
.insta-slider.is-grabbing .slide__bg {
 -webkit-backface-visibility:hidden;
   -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
     -o-backface-visibility:hidden;
        backface-visibility:hidden;
  -webkit-transform-style:preserve-3d;
   -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
     -o-transform-style:preserve-3d;
        transform-style:preserve-3d;
  transform: rotateZ(2deg);
  -moz-transform: rotateZ(2deg);
  -webkit-transform: rotateZ(2deg);
  -o-transform: rotateZ(2deg);
  -ms-transform: rotateZ(2deg);
}
.slider.is-grabbing img,
.insta-slider.is-grabbing img {
  -webkit-backface-visibility:hidden;
   -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
     -o-backface-visibility:hidden;
        backface-visibility:hidden;
  -webkit-transform-style:preserve-3d;
   -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
     -o-transform-style:preserve-3d;
        transform-style:preserve-3d;
 transform: scale(1.05) rotateX(5deg);
  -moz-transform: scale(1.05) rotateX(5deg);
  -webkit-transform: scale(1.05) rotateX(5deg);
  -o-transform: scale(1.05) rotateX(5deg);
  -ms-transform: scale(1.05) rotateX(5deg);
}
#vl-slider .slider .slide__bg {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
#vl-slider .slider.is-grabbing .slide__bg {
  -webkit-clip-path: polygon(4% 4%, 90% 4%, 90% 90%, 4% 90%);
          clip-path: polygon(4% 4%, 90% 4%, 90% 90%, 4% 90%);
}
.slider__inner {
  position: absolute;
  top: 0;
  left: 20vw;
  pointer-events: none;
}
.insta-slider .slider__inner {
  left: 0;
}
.slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0%;
  width: 60vw;
  height: 39.25vh;
}
.slide .img-caption {
  position: absolute;
  top: 7%;
  left: 4%;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
	  -moz-transform-origin: 0 0;
	  -o-transform-origin: 0 0;
          transform-origin: 0 0;
  transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  font-size: 12px;
}
.insta-slider .slide {
  width: 30vw;
  height: 30vh;
}
.slide-titles {
  position: absolute!important;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 60px;
  overflow: hidden;
  height: 100px;
  line-height: 100px;
}
.slide-titles h4 {
  text-align: center;
  margin: 0;
}
.slide-numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 4vw;
  width: 4vw;
  font-size: 20px;
  overflow: hidden;
  height: 100px;
  line-height: 100px;
}
.slide-numbers .slide-count {
  height: 100px;
  overflow: hidden;
}
.slide-numbers p {
  text-align: center;
  margin: 0;
}
.drag-label {
  font-size: 20px;
  height: 100px;
  line-height: 100px;
  position: absolute;
  display: inline-block;
  bottom: 0;
  right: 4vw;
}
.slide__bg {
  overflow: visible;
  transition: all 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition: all 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: all 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
  position: absolute;
  top: 7%;
  left: 7%;
  bottom: 7%;
  right: 7%;
}
.slide__bg img {
  -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1000ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition: transform 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: transform 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
  position: absolute;
  bottom: 0;
}
.siema,
.insta-siema {
  display: none;
}
.scrolling-text {
	-webkit-text-stroke: 0.08vw var(--colorppal);
	text-stroke: 0.08vw var(--colorppal);
	color:var(--colorsec);
	letter-spacing: -0.3vw;
	position: absolute;
	white-space: nowrap;
	right: -100%;
	font-size: max(55px,9vw)!important;
	top:44vh;
	opacity:0;
	-webkit-transform-style:preserve-3d;
   -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
     -o-transform-style:preserve-3d;
        transform-style:preserve-3d;
	z-index:-2;
	font-weight: 700;
	margin-top: -2.6vh;
	-webkit-perspective: 600px;
    perspective: 600px;
	-moz-perspective: 600px;
	-o-perspective: 600px;
	text-shadow: 8px 5px dodgerblue;
}
.scrolling-text2 {
	-webkit-text-stroke: 0.08vw var(--colorppal);
	text-stroke: 0.08vw var(--colorppal);
	color:var(--colorppal);
	letter-spacing: -0.3vw;
	position: absolute;
	white-space: nowrap;
	margin-top: -2.6vh;
	left: -100%;
	font-size: max(55px,9vw)!important;
	opacity: 0;
	font-weight: 700;
}
/*
	font-weight: 700;
	letter-spacing: -0.4vw;
	font-size: 9vw;
*/
.scrolling-text4 {
	position: absolute;
	white-space: nowrap;
	width: 92vw;
    opacity: 0;
    left: -96vw;
	border-top:3px solid dodgerblue;
}

.scrolling-text3 {
	-webkit-text-stroke: 0.08vw white;
	text-stroke: 0.08vw white;
	color:transparent;
	letter-spacing: -0.3vw;
	position: absolute;
	white-space: nowrap;
	top: 0vh;
	left: -11vw;
	font-size: 5.95vw;
	transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
	opacity: 0;
}
.text-footer{
	position:absolute;
	left:16vw;
	bottom:44vh;
	z-index:999999999999;
}
.text-footer h2{
	font-size:8.3vw;
	line-height: 0.97;
	color:var(--colorsec);
	filter: drop-shadow(0 .05vw .05vw var(--colorppal))
	drop-shadow(.05vw -.05vw .05vw var(--colorppal))
	drop-shadow(0 0 .05vw var(--colorppal));
	-webkit-filter: drop-shadow(0 .05vw .05vw var(--colorppal))
	drop-shadow(.05vw -.05vw .05vw var(--colorppal))
	drop-shadow(0 0 .05vw var(--colorppal));
	-moz-filter: drop-shadow(0 .05vw .05vw var(--colorppal))
	drop-shadow(.05vw -.05vw .05vw var(--colorppal))
	drop-shadow(0 0 .05vw var(--colorppal));
	letter-spacing: -0.5vw;
	transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
	text-shadow: 8px 5px dodgerblue;
}
.menuenlacesvg35 {
	position:absolute;
	bottom:14.4vh;
	padding-left: 14vw;
	z-index: 9;
}
.menuenlacesvg35 a{
	font-size: 8.75vw;
	line-height: 1.3;
	border:0;
	-webkit-text-stroke: 0;
	text-stroke: 0;
	/*color:black;*/
	font-weight: 400;
    letter-spacing: -0.29vw;
}
.menuenlacesvg35 a:hover{
	color:var(--colorppal);
}
.puntotraserawork{
	margin-top: -150vh;
}
.flechabajo{
	width:auto;
	height:15vh;
	animation: 2s float590 linear infinite;
    -moz-animation: 2s float590 linear infinite;
    -webkit-animation: 2s float590 linear infinite;
    -o-animation: 2s float590 linear infinite;
}
.flechabajospan{
	display: inline-block;
    top: 1.5vh;
	left:-1vw;
    position: relative;
}
.PixelFix {
  -webkit-backface-visibility:hidden;
   -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
     -o-backface-visibility:hidden;
        backface-visibility:hidden;
  -webkit-transform-style:preserve-3d;
   -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
     -o-transform-style:preserve-3d;
        transform-style:preserve-3d;
}
.CenterFix {
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.vl-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-top:4vh;
}
.flex-bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.flex-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tb-offset {
  padding: 40vh 0;
}
.t-offset {
  padding: 40vh 0 0;
}
.b-offset {
  padding: 0 0 40vh;
}
.tb-offset-sm {
  padding: 15vh 0;
}
.t-offset-sm {
  padding-top: 15vh;
}
.b-offset-sm {
  padding-bottom: 6vh;
}
.tb-offset-md {
  padding: 25vh 0;
}
.t-offset-md {
  padding-top: 16vh;
}
.papasfr{
  /*display:none;
  padding-top: 1vh;*/
  /*filter: blur(50px);*/
  /*filter: blur(40px);*/
  margin-right: -60vw;
}
.scrolling-container91{
	
}
.titworki{
	top: -70.5vh;
    position: absolute;
    right: 4vw;
	z-index: 99;
	color: var(--colorppal);
}
.b-offset-md {
  padding-bottom: 25vh;
}
.vl-g {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.vl-g-1 {
  width: 50vw;
  padding-left:30vw;
  padding-top:3vh;
}
.vl-g-2 {
  width: 6vw;
}
.vl-g-3 {
  width: 21.42855vw;
}
.vl-g-4 {
  width: 60vw;
  letter-spacing: 0.01vw;
}
.vl-g-5 {
  width: 50vw;
}
.vl-g-6 {
  width: 42.8571vw;
}
.vl-g-7 {
  width: 35vw;
  margin-left: 56vw;
}
.vl-g-8 {
  /*width: 57.1428vw;*/
  width:92.1428vw;
  margin-left: 4vw;
  z-index:1;
}
.vl-g-9 {
  width: 64.28565vw;
}
.vl-g-10 {
  width: 100%;
}
.vl-g-11 {
  width: 78.57135vw;
}
.vl-g-12 {
  width: 85.7142vw;
}
.vl-g-13 {
  width: 92.85705vw;
}
.vl-g-14 {
  width: 99.9999vw;
}
.vl-g-os-1 {}
.vl-g-os-2 {}
.vl-g-os-3 {
  margin-left: 21.42855vw;
}
.vl-g-os-4 {
  margin-left: 28.5714vw;
}
.vl-g-os-5 {
  margin-left: 35.71425vw;
}
.vl-g-os-6 {
  margin-left: 42.8571vw;
}
.vl-g-os-7 {
  margin-left: 49.99995vw;
}
.vl-g-os-8 {
  margin-left: 57.1428vw;
}
.vl-g-os-9 {
  margin-left: 64.28565vw;
}
.vl-g-os-10 {
  margin-left: 71.4285vw;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden] {
  display: none;
}
a:focus {
  outline: thin dotted;
}
a:active,
a:hover {
  outline: 0;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}
mark {
  background: #ff0;
  color: #000;
}
code,
kbd,
pre,
samp {
  font-family: monospace,serif;
  font-size: 1em;
}
pre {
  white-space: pre-wrap;
}
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}
button,
input {
  line-height: normal;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
*,
*::after,
*::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
:root {
	font-size: 16px;
	--colorppal: black;
	--colorsec: white;
	--colorelem: #BCFF48;
	--colorelemhover: #BCFF48;
	--colorelemrgba: rgba(188,255,72,1);
	/*--colorelemresp: #47C2D1;*/
	/*
	2 B1FF29
	1 D0FF7E
	*/
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  height: 100vh;
}
body {
  margin: 0;
  min-height: 100vh;
  color: var(--colorsec);
  font-family: 'Work Sans', sans-serif;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  cursor: url(../img/punteroblanco.svg), auto;
  -webkit-font-smoothing: antialiased;
}

a, button{
	cursor: url(../img/manoblanca.svg), auto;
}

.fake {
  display: block;
  position: absolute;
  pointer-events: none;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #B1D0DD;
  transition: opacity 150ms linear;
  -webkit-transition: opacity 150ms linear;
  -moz-transition: opacity 150ms linear;
  -o-transition: opacity 150ms linear;
  will-change: opacity;
  mix-blend-mode: color-dodge;
  opacity: 0;
}
.elpiedelmv{
	display: none;
}
.color-bg {
  z-index: -1;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  /*background-color: black;*/
}
.logoenmenu{display:none;}
.color-bg2 {
  z-index: 0;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  /*background-color: black;*/
}
.menuboton {
  display: none;
}
.noise {
  position: fixed;
  z-index: 9000;
  pointer-events: none;
  top: 0;
  opacity: 0.75;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-repeat: repeat;
  background-position: top left;
  background: url("../img/noise-bg.png");
}
.color-a {
  background-color: dodgerblue ;
}
.blue {
  color: dodgerblue ;
}
.fade-bg {
  background-color: #DEE8EB;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
}
.loading::before {
  content: '';
  position: fixed;
  z-index: 100000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--colorsec);
}
.strike {
  text-decoration: line-through;
}
.cta-block {
  position: relative;
  text-align: center;
  width: 14.2857vw;
  height: 14.2857vh;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition: -webkit-transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate(0%, 0%) scale(0);
  -moz-transform: translate(0%, 0%) scale(0);
  -webkit-transform: translate(0%, 0%) scale(0);
  -o-transform: translate(0%, 0%) scale(0);
  -ms-transform: translate(0%, 0%) scale(0);
}
.cta-block a {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
.cta-block a i {
  -webkit-transition: -webkit-transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background-color: dodgerblue ;
  display: block;
  position: absolute;
  overflow: hidden;
}
.cta-block a i::before {
  content: "";
  -webkit-transition: -webkit-transform 1350ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 1350ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1350ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1350ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1350ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition: transform 1350ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: transform 1350ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 1350ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #c49e76;
  border-radius: 50%;
}
.cta-block a i::after {
  content: "";
  -webkit-transition: -webkit-transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #bd9264;
  border-radius: 50%;
}
.cta-block a span {
  position: absolute;
  top: 50%;
  left: 50%;
  color: var(--colorsec);
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.cta-block a:hover i {
  transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
}
.cta-block a:hover i::before {
  transform: scale(1.5);
  -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
}
.cta-block a:hover i::after {
  transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.cta-block.in-view {
  transform: translate(0%, 0%) scale(1) rotate(0deg);
  -moz-transform: translate(0%, 0%) scale(1) rotate(0deg);
  -webkit-transform: translate(0%, 0%) scale(1) rotate(0deg);
  -o-transform: translate(0%, 0%) scale(1) rotate(0deg);
  -ms-transform: translate(0%, 0%) scale(1) rotate(0deg);
}
.connect-line {
  display: block;
  bottom: 0;
  margin-left: 50%;
  /*width: 12px;*/
  width: 2px;
  height: 120px;
  background-color: var(--colorsec);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  z-index: 10;
  -webkit-transition: -webkit-transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translateY(50%) scaleY(0);
  -moz-transform: translateY(50%) scaleY(0);
  -webkit-transform: translateY(50%) scaleY(0);
  -o-transform: translateY(50%) scaleY(0);
  -ms-transform: translateY(50%) scaleY(0);
}
.posicionlinea{
	position: absolute;
	z-index:9999999999;
	/*margin-top: 80vh;*/
	bottom: 0;
	width: 100%;
	height:120px;
}
.connect-line.in-view {
  animation: connectLine 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
  -moz-animation: connectLine 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
  -webkit-animation: connectLine 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
  -o-animation: connectLine 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
a {
  text-decoration: none;
  color: var(--colorppal);
  outline: none;
}
a:hover{
  color: var(--colorppal);
  outline: none;
}
a:focus {
  color: dodgerblue ;
  outline: none;
}
ul,
ol {
  margin: 0;
  padding: 0;
}
ul li,
ol li {
  list-style-type: none;
}
.chars {
  word-wrap: normal;
}
.button-box {
  display: inline-block;
}
.indent {
  padding: 0.75em 0;
}
.indent-2 {
  padding: 2em 0;
}
.indent-2-top {
  padding-top: 2em;
}
.circle-button {
  -webkit-transition: -webkit-transform 750ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 750ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 750ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 750ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 750ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition: transform 750ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: transform 750ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 750ms cubic-bezier(0.215, 0.61, 0.355, 1);
  display: block;
  height: 14.2857vh;
  /*border-radius: 50%;*/
  text-align: center;
  position: relative;
  color: var(--colorsec);
  transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
}
.circle-button .arrow-down {
  -webkit-transition: -webkit-transform 1350ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 1350ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1350ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1350ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1350ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition: transform 1350ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: transform 1350ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 1350ms cubic-bezier(0.215, 0.61, 0.355, 1);
  position: absolute;
  top: 65%;
  left: 50%;
  width: 10%;
  height: 10%;
  transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  background-image: url(../img/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.circle-button i {
  -webkit-transition: -webkit-transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  /*border-radius: 50%;*/
  width: 100%;
  height: 100%;
  background-color: dodgerblue ;
  display: block;
  position: absolute;
  overflow: hidden;
}
.circle-button i::before {
  content: "";
  -webkit-transition: -webkit-transform 1350ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 1350ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1350ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1350ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1350ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition: transform 1350ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: transform 1350ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 1350ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #c7a37d;
  /*border-radius: 50%;*/
}
.circle-button i::after {
  content: "";
  -webkit-transition: -webkit-transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #c39c73;
  /*border-radius: 50%;*/
}
.circle-button span {
  position: absolute;
  top: 50%;
  left: 50%;
  color: var(--colorsec);
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.circle-button:hover i {
  transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
}
.circle-button:hover i::before {
  transform: scale(1.5);
  -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
}
.circle-button:hover i::after {
  transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.circle-button:hover .arrow-down {
  transform: translate(-50%, 100%);
  -moz-transform: translate(-50%, 100%);
  -webkit-transform: translate(-50%, 100%);
  -o-transform: translate(-50%, 100%);
  -ms-transform: translate(-50%, 100%);
}
.circle-button.in-view {
  transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
}
span.sans {
  display: inline-block;
  line-height: 1;
}
a.button {
  padding: 2.6em 4em;
  display: inline-block;
  color: var(--colorsec);
  line-height: 1;
  border-radius: 5px;
  position: relative;
  font-size: 14px;
  text-transform: uppercase;
  -webkit-transition: -webkit-transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  z-index: 2;
}
a.button.view {
  opacity: 0;
  transform: translateY(100px) rotate(7deg);
  -moz-transform: translateY(100px) rotate(7deg);
  -webkit-transform: translateY(100px) rotate(7deg);
  -o-transform: translateY(100px) rotate(7deg);
  -ms-transform: translateY(100px) rotate(7deg);
}
a.button.in-view {
  opacity: 1;
  transform: translateY(0);
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
}
a.button.faded {
  color: #000;
}
a.button.faded span {
  background-color: dodgerblue ;
  color: #000;
}
a.button.faded span::before {
  background-color: #e5e3d4;
}
a.button.faded span::after {
  background-color: #dfdccb;
}
a.button span {
  transition: all 600ms cubic-bezier(0.155, 0.61, 0.355, 1);
  -webkit-transition: all 600ms cubic-bezier(0.155, 0.61, 0.355, 1);
  -moz-transition: all 600ms cubic-bezier(0.155, 0.61, 0.355, 1);
  -o-transition: all 600ms cubic-bezier(0.155, 0.61, 0.355, 1);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: dodgerblue ;
  z-index: -1;
  border-radius: 5px;
  overflow: hidden;
}
a.button span:before {
  content: "";
  transition: all 600ms cubic-bezier(0.155, 0.61, 0.355, 1);
  -webkit-transition: all 600ms cubic-bezier(0.155, 0.61, 0.355, 1);
  -moz-transition: all 600ms cubic-bezier(0.155, 0.61, 0.355, 1);
  -o-transition: all 600ms cubic-bezier(0.155, 0.61, 0.355, 1);
  transform: translateY(100%);
  -moz-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  -o-transform: translateY(100%);
  -ms-transform: translateY(100%);
  width: 100%;
  height: 100%;
  background-color: #c49e76;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
a.button span:after {
  content: "";
  transition: all 800ms cubic-bezier(0.155, 0.61, 0.355, 1);
  -webkit-transition: all 800ms cubic-bezier(0.155, 0.61, 0.355, 1);
  -moz-transition: all 800ms cubic-bezier(0.155, 0.61, 0.355, 1);
  -o-transition: all 800ms cubic-bezier(0.155, 0.61, 0.355, 1);
  transform: translateY(120%);
  -moz-transform: translateY(120%);
  -webkit-transform: translateY(120%);
  -o-transform: translateY(120%);
  -ms-transform: translateY(120%);
  width: 100%;
  height: 100%;
  background-color: #bd9264;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
a.button.faded:hover span {
  background-color: #e1dece;
}
a.button:hover span {
  transform: scale(1.1, 1.2);
  -moz-transform: scale(1.1, 1.2);
  -webkit-transform: scale(1.1, 1.2);
  -o-transform: scale(1.1, 1.2);
  -ms-transform: scale(1.1, 1.2);
  border-radius: 8px;
}
a.button:hover span::before {
  transform: translateY(0%);
  -moz-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  -o-transform: translateY(0%);
  -ms-transform: translateY(0%);
}
a.button:hover span::after {
  transform: translateY(0%);
  -moz-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  -o-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
a.text-link {
  display: inline-block;
  margin: 1.5em 0 0;
  padding: 0.5em 0 0.8em;
  position: relative;
  overflow: hidden;
  text-transform: uppercase;
  transition: all 1500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: all 1500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 1500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 1500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transform-origin: 0 100%;
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
}
a.text-link.view {
  opacity: 0;
  transform: translateY(150px) rotate(45deg);
  -moz-transform: translateY(150px) rotate(45deg);
  -webkit-transform: translateY(150px) rotate(45deg);
  -o-transform: translateY(150px) rotate(45deg);
  -ms-transform: translateY(150px) rotate(45deg);
}
a.text-link::before {
  -webkit-backface-visibility:hidden;
   -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
     -o-backface-visibility:hidden;
        backface-visibility:hidden;
  -webkit-transform-style:preserve-3d;
   -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
     -o-transform-style:preserve-3d;
        transform-style:preserve-3d;
  content: "";
  position: absolute;
  bottom: 0.5em;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #000;
  transform-origin: 100% 100%;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -webkit-transition: -webkit-transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
a.text-link::after {
 -webkit-backface-visibility:hidden;
   -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
     -o-backface-visibility:hidden;
        backface-visibility:hidden;
  -webkit-transform-style:preserve-3d;
   -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
     -o-transform-style:preserve-3d;
        transform-style:preserve-3d;
  content: "";
  position: absolute;
  bottom: 0.5em;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #000;
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform: scaleX(0);
  -moz-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition: -webkit-transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
a.text-link.in-view {
  opacity: 1;
  transform: translateY(0) rotate(0deg);
  -moz-transform: translateY(0) rotate(0deg);
  -webkit-transform: translateY(0) rotate(0deg);
  -o-transform: translateY(0) rotate(0deg);
  -ms-transform: translateY(0) rotate(0deg);
}
a.text-link:hover::before {
  transform: scaleX(0);
  -moz-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
a.text-link:hover::after {
  transform: scaleX(1);
  -moz-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -o-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.lettering div {
  display: inline-block;
}
.lettering div a:nth-child(7):focus,
.lettering div a:nth-child(7):hover{
	color: red;
}
p {
  margin: 0;
}
p + p {
  margin-top: 1.5em;
}
h1,
h2,
h3,
h4 {
  font-weight: 600;
}
h1 {
  line-height: 0.85;
  text-transform: uppercase;
  position: relative;
  padding-top: 0.1em;
  font-size: 16vw;
  margin: 0;
}
h1 span {
  position: relative;
  display: inline-block;
}
/*h1 span:nth-of-type(2) {
  margin-left: 14.2857vw;
  display: block;
}
h1 span:nth-of-type(3) {
  text-align: right;
  display: block;
}*/
h1 .vl-p-30.indent {
  margin: 0 0 1em 0;
}
h2 {
  font-size: 7vw;
  line-height: 16.5vh;
  margin: 0;
  text-transform: uppercase;
  font-weight:700;
  letter-spacing: -0.1vw;
}
h3 {
  font-size: 3.5vw;
  line-height: 1;
  margin: 0;
  padding: 0.5em 0 0.2em;
}
img {
  width: 84%;
  height: auto;
}
figure {
  margin: 0;
}
.right {
  text-align: right;
}
.left {
  text-align: left;
}
.center {
  text-align: center;
}
.centered {
  margin: 0 auto;
}
.center-block {
  margin: 0 auto;
}
.small {
  font-size: 0.7em;
}
.italic {
  font-style: italic;
}
.caption {
  display: block;
  margin: 1em 0;
}
.vl-p-12 {
  font-size: 12px;
  line-height: 1.4;
}
.vl-p-14 {
  font-size: 14px;
  line-height: 1.4;
}
.vl-p-20 {
  font-size: 1.30vw;
  line-height: 1.3;
}
.vl-p-20.small {
  font-size: 14px;
}
.vl-p-30 {
  font-size: 30px;
  line-height: 1.26;
}
.vl-p-40 {
  font-size: 2.8vw;
  line-height: 1.35;
}
.vl-p-40-serif {
  font-size: 2.8vw;
  line-height: 1.35;
}
.vl-p-50 {
  font-size: 3.5vw;
  font-weight: 100;
  line-height: 1.4;
}
.vl-p-60 {
  font-size: 4.2vw;
  line-height: 1.05;
  padding: 0.3em 0 0.1em;
}
.vl-p-60-serif {
  font-size: 1.30vw;
  line-height: 1.3;
}
.vl-p-120 {
  font-size: 8.3vw;
  line-height: 1;
}
.vl-p-240 {
  font-size: 14.3vw;
  line-height: 1;
}
.vl-p-300 {
  font-size: 17vw;
  line-height: 1;
}
.vl-max {
  font-size: 36vw;
}
.bg-image {
  position: absolute;
  z-index: -1;
  left: 50%;
  width: 90vw;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  margin-top: -35vh;
}
.bg-image img {
  transition: all 1500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: all 1500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 1500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 1500ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.spin {
  position: absolute;
  width: 28.5714vw;
  height: 28.5714vh;
  top: -30%;
  left: 85%;
}
.spin > img {
  -webkit-transition: -webkit-transform 750ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 750ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 750ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 750ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 750ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: transform 750ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: transform 750ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: transform 750ms cubic-bezier(0.165, 0.84, 0.44, 1);
  display: inline-block;
  opacity: 0.2;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(15deg);
  -moz-transform: translate(-50%, -50%) rotate(15deg);
  -webkit-transform: translate(-50%, -50%) rotate(15deg);
  -o-transform: translate(-50%, -50%) rotate(15deg);
  -ms-transform: translate(-50%, -50%) rotate(15deg);
}
.spin > img:nth-of-type(2) {
  transform: translate(-50%, -50%) rotate(30deg);
  -moz-transform: translate(-50%, -50%) rotate(30deg);
  -webkit-transform: translate(-50%, -50%) rotate(30deg);
  -o-transform: translate(-50%, -50%) rotate(30deg);
  -ms-transform: translate(-50%, -50%) rotate(30deg);
}
.spin div {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.spin div {
  white-space: nowrap;
}
.spin div span {
  display: block;
}
.spin div img {
  transform: translate(0%, 0%);
  -moz-transform: translate(0%, 0%);
  -webkit-transform: translate(0%, 0%);
  -o-transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%);
  position: static;
  opacity: 1;
  width: 40px;
  height: auto;
}
#circle {
  pointer-events: none;
  z-index: 90;
  position: fixed;
  width: 50px;
  height: 50px;
  top: 0%;
  left: 0%;
  text-align: center;
  text-transform: uppercase;
  font-size: 8.6px;
  transform: translate(-50%, -50%) scale(0.2);
  -moz-transform: translate(-50%, -50%) scale(0.2);
  -webkit-transform: translate(-50%, -50%) scale(0.2);
  -o-transform: translate(-50%, -50%) scale(0.2);
  -ms-transform: translate(-50%, -50%) scale(0.2);
  color: var(--colorsec);
  will-change: transform;
}
#circle.show .inner {
  opacity: 1;
}
#circle.show .inner:before {
  transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  opacity: 1;
}
#circle.show i {
  opacity: 1;
}
#circle.show.hide .inner:before {
  transform: scale(0.2);
  -moz-transform: scale(0.2);
  -webkit-transform: scale(0.2);
  -o-transform: scale(0.2);
  -ms-transform: scale(0.2);
  opacity: 0;
}
#circle.show.hide i {
  opacity: 0;
}
#circle .inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#circle .inner:before {
  transition: all 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: all 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  /*border-radius: 50%;*/
  background-color: dodgerblue ;
  opacity: 0;
  transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
}
#circle i {
  line-height: 1.2em;
  position: absolute;
  display: inline-block;
  opacity: 0;
  top: 50%;
  left: 50%;
  -webkit-transform-origin: 0 0%;
  -moz-transform-origin: 0 0%;
  -o-transform-origin: 0 0%;
      -ms-transform-origin: 0 0%;
          transform-origin: 0 0%;
  transition: opacity 200ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: opacity 200ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: opacity 200ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: opacity 200ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
#circle span {
  width: 30px;
  height: 12px;
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 0%;
  transform: translate(30px, -50%) scale(0.3);
  -moz-transform: translate(30px, -50%) scale(0.3);
  -webkit-transform: translate(30px, -50%) scale(0.3);
  -o-transform: translate(30px, -50%) scale(0.3);
  -ms-transform: translate(30px, -50%) scale(0.3);
  transition: all 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: all 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 0;
}
#circle span:before {
  content: "";
  display: block;
  position: absolute;
  top: 0%;
  left: 0;
  width: 15px;
  height: 3px;
  background-color: dodgerblue ;
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}
#circle span:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0%;
  left: 0;
  width: 15px;
  height: 3px;
  background-color: dodgerblue ;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
#circle .d-right {
  transform: translate(-60px, -50%) scale(2.5);
  -moz-transform: translate(-60px, -50%) scale(2.5);
  -webkit-transform: translate(-60px, -50%) scale(2.5);
  -o-transform: translate(-60px, -50%) scale(2.5);
  -ms-transform: translate(-60px, -50%) scale(2.5);
  left: 100%;
}
#circle .d-right:before {
  left: auto;
  right: 0;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
#circle .d-right:after {
  left: auto;
  right: 0;
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}
#circle.down .inner:before {
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
          transform: scale(0);
  background-color: dodgerblue ;
}
#circle.down span {
  transform: translate(-50%, -50%) scale(2.5);
  -moz-transform: translate(-50%, -50%) scale(2.5);
  -webkit-transform: translate(-50%, -50%) scale(2.5);
  -o-transform: translate(-50%, -50%) scale(2.5);
  -ms-transform: translate(-50%, -50%) scale(2.5);
  opacity: 1;
}
#circle.down i {
  opacity: 0;
}
.mano{
	padding-left:20px;
}
.mano img{
	width:6px;
	height:6px;
	 transform: scale(3);
	-moz-transform: scale(3);
	-webkit-transform: scale(3);
	-o-transform: scale(3);
	-ms-transform: scale(3);
	opacity: 1;
}
.mano img:before{
	width:12px;
	height:12px;
}
.mano img:after{
	width:12px;
	height:12px;
	 transform: scale(3);
	-moz-transform: scale(3);
	-webkit-transform: scale(3);
	-o-transform: scale(3);
	-ms-transform: scale(3);
	opacity: 0.6;
}
.chapter-icon {
  margin: 0 auto;
  width: 21.42855vw;
  height: 21.42855vh;
  position: relative;
  text-align: center;
}
.chapter-icon img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: scale(0.5);
  -moz-transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -o-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transition: all 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition: all 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: all 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.chapter-icon img:nth-of-type(2) {
  transform: rotate(15deg) scale(0.5);
  -moz-transform: rotate(15deg) scale(0.5);
  -webkit-transform: rotate(15deg) scale(0.5);
  -o-transform: rotate(15deg) scale(0.5);
  -ms-transform: rotate(15deg) scale(0.5);
}
.chapter-icon img:nth-of-type(3) {
  transform: rotate(30deg) scale(0.5);
  -moz-transform: rotate(30deg) scale(0.5);
  -webkit-transform: rotate(30deg) scale(0.5);
  -o-transform: rotate(30deg) scale(0.5);
  -ms-transform: rotate(30deg) scale(0.5);
}
.chapter-icon img:nth-of-type(4) {
  transform: rotate(45deg) scale(0.5);
  -moz-transform: rotate(45deg) scale(0.5);
  -webkit-transform: rotate(45deg) scale(0.5);
  -o-transform: rotate(45deg) scale(0.5);
  -ms-transform: rotate(45deg) scale(0.5);
}
.chapter-icon img:nth-of-type(5) {
  transform: rotate(60deg) scale(0.5);
  -moz-transform: rotate(60deg) scale(0.5);
  -webkit-transform: rotate(60deg) scale(0.5);
  -o-transform: rotate(60deg) scale(0.5);
  -ms-transform: rotate(60deg) scale(0.5);
}
.chapter-icon span {
  position: absolute;
  width: 100%;
  font-size: 14px;
  top: 50%;
  left: 0%;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
}
.chapter-icon.in-view span {
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  opacity: 1;
}
.img-container {
  will-change: transform;
}
#nav {
  position: fixed;
  width: 100%;
  top: 3vh;
  left: 4vw;
  z-index: 99;
}
#nav nav {
  z-index: 99;
  position: fixed;
  /*top: 2vh;*/
  right: 8vw;
  text-align: right;
  width: 100%;
}
#nav nav span {
  position: relative;
  margin-left: 3.2vw;
}
#nav nav a {
  display: inline-block;
  position: relative;
  font-size: 20px;
  transition: all 1s cubic-bezier(0.135, 0.75, 0.32, 1);
  -webkit-transition: all 1s cubic-bezier(0.135, 0.75, 0.32, 1);
  -moz-transition: all 1s cubic-bezier(0.135, 0.75, 0.32, 1);
  -o-transition: all 1s cubic-bezier(0.135, 0.75, 0.32, 1);
}
nav a:hover{
  outline: none;
}
nav a:focus {
  outline: none;
}
#logo {
  z-index: 999;
  position: fixed;
  width: auto;
  color:var(--colorsec);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#logo span {
  display: inline-block;
  width: auto;
  overflow: hidden;
  font-size: 80px;
  font-weight: 600;
  letter-spacing: -.7vw;
  width: 300px;
  max-width: 300px;
  margin-top: -2vh;
  /*color: black;*/
  /*font-family: 'Work Sans', sans-serif;*/
  /*font-family: 'Bricolage Grotesque', sans-serif;*/
  /*font-family: 'Yeseva One', cursive;*/
}
.c-scrollbar {
  display: none;
}
#wrapper {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
#wrapper .content {
  padding-top: 130px;
  overflow: hidden;
}
.page-to-page {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 101vh;
  z-index: 8000;
  pointer-events: none;
}
.page-to-page svg {
  position: absolute;
  top: 0%;
  left: 0%;
  transform: none !important;
  -moz-transform: none !important;
  -webkit-transform: none !important;
  -o-transform: none !important;
  -ms-transform: none !important;
  width: 100%!important;
  height: auto!important;
}
.page-to-page img {
  position: absolute;
  bottom: 0;
  left: 0;
}
.page-to-page .poly1 {
  transform-origin: bottom right;
  -webkit-transform-origin: bottom right;
  -moz-transform-origin: bottom right;
  -o-transform-origin: bottom right;
  -ms-transform-origin: bottom right;
  transform: translateX(-50%) rotate(-32deg);
  -moz-transform: translateX(-50%) rotate(-32deg);
  -webkit-transform: translateX(-50%) rotate(-32deg);
  -o-transform: translateX(-50%) rotate(-32deg);
  -ms-transform: translateX(-50%) rotate(-32deg);
}
.page-to-page .poly2 {
  transform-origin: bottom right;
  -webkit-transform-origin: bottom right;
  -moz-transform-origin: bottom right;
  -o-transform-origin: bottom right;
  -ms-transform-origin: bottom right;
  transform: translateX(-50%) rotate(-62deg);
  -moz-transform: translateX(-50%) rotate(-62deg);
  -webkit-transform: translateX(-50%) rotate(-62deg);
  -o-transform: translateX(-50%) rotate(-62deg);
  -ms-transform: translateX(-50%) rotate(-62deg);
}
.page-to-page .poly3 {
  transform-origin: bottom right;
  -webkit-transform-origin: bottom right;
  -moz-transform-origin: bottom right;
  -o-transform-origin: bottom right;
  -ms-transform-origin: bottom right;
  transform: translateX(-50%) rotate(-90deg);
  -moz-transform: translateX(-50%) rotate(-90deg);
  -webkit-transform: translateX(-50%) rotate(-90deg);
  -o-transform: translateX(-50%) rotate(-90deg);
  -ms-transform: translateX(-50%) rotate(-90deg);
}
.page-to-page .poly4 {
  transform-origin: bottom left;
  -webkit-transform-origin: bottom left;
  -moz-transform-origin: bottom left;
  -o-transform-origin: bottom left;
  -ms-transform-origin: bottom left;
  transform: translateX(50%) rotate(-120deg);
  -moz-transform: translateX(50%) rotate(-120deg);
  -webkit-transform: translateX(50%) rotate(-120deg);
  -o-transform: translateX(50%) rotate(-120deg);
  -ms-transform: translateX(50%) rotate(-120deg);
}
.page-to-page .poly5 {
  transform-origin: bottom left;
  -webkit-transform-origin: bottom left;
  -moz-transform-origin: bottom left;
  -o-transform-origin: bottom left;
  -ms-transform-origin: bottom left;
  transform: translateX(50%) rotate(-150deg);
  -moz-transform: translateX(50%) rotate(-150deg);
  -webkit-transform: translateX(50%) rotate(-150deg);
  -o-transform: translateX(50%) rotate(-150deg);
  -ms-transform: translateX(50%) rotate(-150deg);
}
.page-to-page .poly6 {
  transform-origin: bottom left;
  -webkit-transform-origin: bottom left;
  -moz-transform-origin: bottom left;
  -o-transform-origin: bottom left;
  -ms-transform-origin: bottom left;
  transform: translateX(50%) rotate(-179deg);
  -moz-transform: translateX(50%) rotate(-179deg);
  -webkit-transform: translateX(50%) rotate(-179deg);
  -o-transform: translateX(50%) rotate(-179deg);
  -ms-transform: translateX(50%) rotate(-179deg);
}
.content {
  margin: 0;
  will-change: transform;
  /*background: #000000;*/
  overflow-y: hidden; /* Hide vertical scrollbar */
  overflow-x: hidden; /* Hide horizontal scrollbar */
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.content::-webkit-scrollbar {
  display: none;
}
.vl-content {
  width: calc(100vw - 14.28571vw);
  position: relative;
  margin: 0 auto;
  margin-bottom: 30vh;
}
.image-wrap {
  width: 104%;
  position: relative;
  overflow: hidden;
}
.parallax-img {
  width: 100%;
  height: auto;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  opacity: 1;
  line-height: 0;
}
#yopeque22 img {
  width: 100%;
  height: auto;
  filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
}
.inicialuno{
  transform: rotate(-5deg);
}
#hero {
  position: relative;
  padding-top: 12vh;
  z-index: 2;
  height: calc(100vh - 160px + 5vh);
  text-align: center;
  width:100%;
}
#hero:hover{
	transition: .3s ease-out;
	-webkit-transition: .3s ease-out;
	-moz-transition: .3s ease-out;
	-o-transition: .3s ease-out;
}
.hero-img {
  position: absolute;
  z-index: -1;
  right: 0;
  top: 3vh;
  width: 45%;
}
.hero-img img {
  width: 100%;
}
.victorius h1 span:nth-of-type(2) {
  margin-left: 0;
  display: block;
  text-align: right;
}
/*#hero-mood > div {
  margin-top: -70vh;
  margin-left: 53vw;
  z-index:-1;
}*/
.home #hero-mood {
  bottom: 5vh;
  z-index:-999;
  position:absolute;
  width: 44vw;
  left: 55vw;
}
#intro {
  position: relative;
}
#intro .text-link {
  margin-top: 4em;
}
#vl-slider {
  position: relative;
  color: var(--colorppal);
}
#vl-slider > div {
  position: relative;
  z-index: 2;
}
#vl-slider h2 {
  text-transform: uppercase;
}
#vl-slider .vl-p-14 {
  text-transform: uppercase;
}
#vl-slider .js-slider {
  -webkit-transition: -webkit-transform 1250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 1250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1250ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition: transform 1250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: transform 1250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 1250ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
#vl-slider.view .js-slider {
  transform: translateX(-30%);
  -moz-transform: translateX(-30%);
  -webkit-transform: translateX(-30%);
  -o-transform: translateX(-30%);
  -ms-transform: translateX(-30%);
}
#vl-slider.view.in-view .js-slider {
  transform: translateX(0%);
  -moz-transform: translateX(0%);
  -webkit-transform: translateX(0%);
  -o-transform: translateX(0%);
  -ms-transform: translateX(0%);
}
#victorius {
  position: relative;
}
#victorius .vl-g:nth-of-type(n+3) {
  /*margin-top: 40vh;*/
}
#victorius h2 {
  transform: translateY(-20%);
  -moz-transform: translateY(-20%);
  -webkit-transform: translateY(-20%);
  -o-transform: translateY(-20%);
  -ms-transform: translateY(-20%);
}
#victorius .center p {
  margin: 0 auto;
  width: 21.42855vw;
}
#victorius .vl-g-3.view .img-container {
  -webkit-perspective: 400px;
          perspective: 400px;
	-moz-perspective: 400px;
	-o-perspective: 400px;	
}
#victorius .vl-g-3.view:nth-of-type(n+1) .image-wrap {
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -webkit-transition: -webkit-transform 1250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 1250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1250ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition: transform 1250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: transform 1250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 1250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate(-150%, 0%) rotateY(90deg);
  -moz-transform: translate(-150%, 0%) rotateY(90deg);
  -webkit-transform: translate(-150%, 0%) rotateY(90deg);
  -o-transform: translate(-150%, 0%) rotateY(90deg);
  -ms-transform: translate(-150%, 0%) rotateY(90deg);
}
#victorius .vl-g-3.view:nth-of-type(n+2) .image-wrap {
  transform-origin: 100% 100%;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -webkit-transition: -webkit-transform 1250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 1250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1250ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition: transform 1250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: transform 1250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 1250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate(150%, 0%) rotateY(-90deg);
  -moz-transform: translate(150%, 0%) rotateY(-90deg);
  -webkit-transform: translate(150%, 0%) rotateY(-90deg);
  -o-transform: translate(150%, 0%) rotateY(-90deg);
  -ms-transform: translate(150%, 0%) rotateY(-90deg);
}
#victorius .vl-g-3.view.in-view .image-wrap {
  transform: translate(0%, 0%) rotate(0deg);
  -moz-transform: translate(0%, 0%) rotate(0deg);
  -webkit-transform: translate(0%, 0%) rotate(0deg);
  -o-transform: translate(0%, 0%) rotate(0deg);
  -ms-transform: translate(0%, 0%) rotate(0deg);
}
#about .vl-g-3.view .img-container {
  -webkit-perspective: 400px;
  -moz-perspective: 400px;
  -o-perspective: 400px;
          perspective: 400px;
}
#about .vl-g-3.view:nth-of-type(n+1) .image-wrap {
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -webkit-transition: -webkit-transform 1250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 1250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1250ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition: transform 1250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: transform 1250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 1250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate(-150%, 0%) rotateY(90deg);
  -moz-transform: translate(-150%, 0%) rotateY(90deg);
  -webkit-transform: translate(-150%, 0%) rotateY(90deg);
  -o-transform: translate(-150%, 0%) rotateY(90deg);
  -ms-transform: translate(-150%, 0%) rotateY(90deg);
}
#about .vl-g-3.view:nth-of-type(n+2) .image-wrap {
  transform-origin: 100% 100%;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -webkit-transition: -webkit-transform 1250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 1250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1250ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition: transform 1250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: transform 1250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 1250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate(150%, 0%) rotateY(-90deg);
  -moz-transform: translate(150%, 0%) rotateY(-90deg);
  -webkit-transform: translate(150%, 0%) rotateY(-90deg);
  -o-transform: translate(150%, 0%) rotateY(-90deg);
  -ms-transform: translate(150%, 0%) rotateY(-90deg);
}
#about .vl-g-3.view.in-view .image-wrap {
  transform: translate(0%, 0%) rotate(0deg);
  -moz-transform: translate(0%, 0%) rotate(0deg);
  -webkit-transform: translate(0%, 0%) rotate(0deg);
  -o-transform: translate(0%, 0%) rotate(0deg);
  -ms-transform: translate(0%, 0%) rotate(0deg);
}
#zen-quote {
  width: 100%;
  overflow: hidden;
}
#zen-quote .zen-line {
  -webkit-perspective: 400px;
  -moz-perspective: 400px;
  -o-perspective: 400px;
          perspective: 400px;
  width: 100%;
  font-size: 8vw;
  line-height: 1.05;
  text-transform: uppercase;
  display: inline-block;
}
#zen-quote .zen-line + .center {
  margin-top: 2em;
}
#zen-quote .zen-line .zen-img {
  margin: 0 0.15em;
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  border-radius: 50%;
  overflow: hidden;
}
#zen-quote .zen-line .icon {
  margin: 0 0.15em;
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
}
#zen-quote .motto {
  width: 85.7142vw;
  margin: 0 auto;
  position: relative;
  height:30vh;
}
#zen-quote .motto h2 {
  line-height: 0.9;
}
#zen-quote .motto p {
  margin: 0.6em 0 0;
  font-size: 18px;
  line-height: 1.2;
  text-transform: none;
}
#zen-quote svg {
  width: 8.57142vw;
  height: auto;
}
#ludo-detail {
  position: relative;
}
#ludo-detail .trip-date {
  margin-bottom: 1.5em;
}
#ludo-detail .vl-p-30 {
  margin-bottom: 1.5em;
}
#ludo-detail .vl-p-30 span {
  display: inline-block;
  margin-top: -0.4em;
}
#ludo-detail .ludo-img {
  overflow: hidden;
}
#ludo-detail .star {
  width: 30px;
  height: auto;
  animation: rotate 6s linear infinite;
  -moz-animation: rotate 6s linear infinite;
  -webkit-animation: rotate 6s linear infinite;
  -o-animation: rotate 6s linear infinite;
}
.trip-item-wrap {
  width: 85.7142vw;
  margin-left: 4vw;
  position: relative;
}
.trip-item-wrap p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  vertical-align: center;
}
.trip-item-wrap p span {
  padding-top: 0.6em;
}
#ludo-detail .ludo-title {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 85.7142vw;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
#ludo-detail .ludo-title h2 {
  font-size: 17vw;
  line-height: 0.9;
  margin: 0;
  width: 100%;
}
#ludo-detail .ludo-title span {
  display: block;
}
#ludo-detail .ludo-title span span {
  display: inline-block;
  will-change: transform;
}
#ludo-detail .cta-block {
  position: absolute;
  z-index: 10;
  left: 60%;
  top: 35%;
  transform: translate(0%, -50%) scale(0);
  -moz-transform: translate(0%, -50%) scale(0);
  -webkit-transform: translate(0%, -50%) scale(0);
  -o-transform: translate(0%, -50%) scale(0);
  -ms-transform: translate(0%, -50%) scale(0);
}
#ludo-detail .cta-block.in-view {
  transform: translate(0%, -50%) scale(1);
  -moz-transform: translate(0%, -50%) scale(1);
  -webkit-transform: translate(0%, -50%) scale(1);
  -o-transform: translate(0%, -50%) scale(1);
  -ms-transform: translate(0%, -50%) scale(1);
}
#join {
  position: relative;
}
#join .book-img {
  transition: all 650ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: all 650ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 650ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 650ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: perspective(400px) scale(0.6) translateY(40%) rotateZ(-10deg) rotateX(20deg);
  -moz-transform: perspective(400px) scale(0.6) translateY(40%) rotateZ(-10deg) rotateX(20deg);
  -webkit-transform: perspective(400px) scale(0.6) translateY(40%) rotateZ(-10deg) rotateX(20deg);
  -o-transform: perspective(400px) scale(0.6) translateY(40%) rotateZ(-10deg) rotateX(20deg);
  -ms-transform: perspective(400px) scale(0.6) translateY(40%) rotateZ(-10deg) rotateX(20deg);
  line-height: 0;
  width: 21.42855vw;
  height: auto;
  position: absolute;
  overflow: hidden;
  z-index: -1;
  -webkit-backface-visibility:hidden;
   -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
     -o-backface-visibility:hidden;
        backface-visibility:hidden;
 -webkit-transform-style:preserve-3d;
   -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
     -o-transform-style:preserve-3d;
        transform-style:preserve-3d;
  border-radius: 0px;
}
#join .book-img img {
 -webkit-backface-visibility:hidden;
   -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
     -o-backface-visibility:hidden;
        backface-visibility:hidden;
  -webkit-transform-style:preserve-3d;
   -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
     -o-transform-style:preserve-3d;
        transform-style:preserve-3d;
  position: relative;
  z-index: -1;
  transition: all 650ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: all 650ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 650ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 650ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: scale(1.5);
  -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  opacity: 0;
}
#join .book-img.hovered {
  transform: scale(1) translateY(0);
  -moz-transform: scale(1) translateY(0);
  -webkit-transform: scale(1) translateY(0);
  -o-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
}
#join .book-img.hovered img {
  opacity: 1;
  transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
}
#join .private-img {
  bottom: 35%;
  left: 4vw;
}
#join .public-img {
  bottom: 25%;
  right: 4vw;
  transform: perspective(400px) scale(0.6) translateY(40%) rotateZ(10deg) rotateX(20deg);
  -moz-transform: perspective(400px) scale(0.6) translateY(40%) rotateZ(10deg) rotateX(20deg);
  -webkit-transform: perspective(400px) scale(0.6) translateY(40%) rotateZ(10deg) rotateX(20deg);
  -o-transform: perspective(400px) scale(0.6) translateY(40%) rotateZ(10deg) rotateX(20deg);
  -ms-transform: perspective(400px) scale(0.6) translateY(40%) rotateZ(10deg) rotateX(20deg);
}
#join h2 {
  margin-top: -0.5em;
  padding-top: 15px;
}
#join .faded {
  margin-left: 40px;
}
#join .vl-p-20 {
  margin-top: 1em;
  margin-bottom: 3rem;
}
#footer {
  overflow: hidden;
  width: 100%;
  /*color: black;*/
  height: 100vh;
  /*background: white;*/
  left:0;
  /*margin-top:-70vh;*/
  bottom: 0;
  position: absolute;
  /*margin-top: -120vh;*/
}
.capabottompg{
 /*margin-bottom: 60vh;*/
  height: 70vh;
}
.capabottompg2{
 /*margin-bottom: 60vh;*/
	position:absolute;
	height:100vh;
	margin-top: -50vh;
}
.puntofooter2{
 /*margin-bottom: 60vh;*/
	position:absolute;
	height:100vh;
	bottom: -100vh;
}
.puntofooterfinal{
 /*margin-bottom: 60vh;*/
	position:absolute;
	height:100vh;
	bottom: -100vh;
}
.puntofooterfinal2{
 /*margin-bottom: 60vh;*/
	position:absolute;
	height:100vh;
	bottom: -110vh;
}
.capadelfooterback{
  width: 100%;
  height: 101vh;
  position: absolute;
  background: var(--colorppal);
  /*background: red;*/
  z-index: 1;
  bottom: 0;
}
.contenidofooter{
  width: 100%;
  height: 70vh;
  background: var(--colorsec);
	/*background: rgb(255,255,255);
	background: -moz-radial-gradient(circle, rgba(255,255,255,1) 40%, rgba(188,255,72,1) 100%);
	background: -webkit-radial-gradient(circle, rgba(255,255,255,1) 40%, rgba(188,255,72,1) 100%);
	background: radial-gradient(circle, rgba(255,255,255,1) 40%, rgba(188,255,72,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#bcff48",GradientType=1);*/
	/*background: rgb(188,255,72);
	background: -moz-linear-gradient(0deg, rgba(188,255,72,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(188,255,72,1) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(0deg, rgba(188,255,72,1) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bcff48",endColorstr="#ffffff",GradientType=1);*/
	/*background: rgb(255,255,255);
	background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(188,255,72,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(188,255,72,1) 100%);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(188,255,72,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#bcff48",GradientType=1);*/
  color: var(--colorppal);
  position: absolute;
  bottom: 0;
  left: 0;
}
.col{
	flex-basis: 50%; 
	max-width: 50%;
}
.altofooter{
	position: absolute;
	width:100%;
	/*border-bottom: 2px solid black;*/
	top: 0;
	display:flex; 
	flex-flow: row wrap;
	height: 14vh;
	padding: 3vh 4vw;
}
.bajofooter{
	font-family: 'Bricolage Grotesque', sans-serif;
	position: absolute;
	width:100%;
	/*border-top: 2px solid black;*/
	bottom: 0;
	display:flex; 
	flex-flow: row wrap;
	height: 8vh;
	padding: 0 4vw 5vh 4vw;
	font-size: 20px;
}
.mediofooter{
	position: absolute;
	width:100%;
	display:flex; 
	flex-flow: row wrap;
	padding: 3vh 4vw;
	/*top: 19vh;*/
	top: 18vh;
	/*gap: 20px;*/
	justify-content: space-between;
}
.altofooter .right{
	padding-right: 4vw;
}
.imafooter{
	flex-basis: 21%; 
	max-width: 21%;
	margin-top: -4.5vh;
}
.imafooter1{
	/*margin-top: -1vh;*/
	flex-basis: 21%; 
	max-width: 21%;
	/*padding-right: 3vw;*/
}
.textfooter{
	flex-basis: 58%; 
	max-width: 58%;
	margin-top: -80px;
}
.user-icon{
	width: 100%;
    max-width: 300px;
    height: 300px;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 235px auto;
    background-image: url(../img/fotolinke.png);
    position: absolute;
    border: 6px solid var(--colorsec);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
    top: 0;
    right: 0;
    border-radius: 50%;
}
#cardWrap09{
	position: absolute;
    justify-content: right;
    align-items: right;
    transform-origin: right;
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    -moz-transform-origin: right;
    -o-transform-origin: right;
    height: 260px;
    width: 300px;
}
.textoelem{
	color: var(--colorelem);
}
.capatrasera{
	border-radius: 50%;
    position: absolute;
    /*top: 2.3vh;*/
    background-image: radial-gradient(circle at center , var(--colorelem) 50%, transparent 50%);
    background-repeat: no-repeat;
    transition: background-size, color;
    background-size: 0 0;
    background-position: 50% 50%;
    width: 100%;
    max-width: 300px;
    height: 300px;
	right: 0;
    /* border-radius: 50%; */
    /*left: 13.9vw;*/
    /* border-radius: 50%; */
}
.capatrasera::after::before{
    background-image: radial-gradient(circle at center , var(--colorelem) 50%, transparent 50%);
    background-repeat: no-repeat;
    transition: background-size, color;
    background-size: 0 0;
    background-position: 50% 50%;
	will-change: transform;
	/*border-radius: 50%;*/

}
.mediofooter h3{
	font-weight: 400;
    letter-spacing: -.3vw;
	margin-left: 3vw;
}
.menufooter{
	width:50%;
	display:flex; 
	flex-flow: row wrap;
}
.menufooter div{
	flex-basis: 25%; 
	max-width: 25%;
}
/* Slide In, Slide Off */
.underline {
    display: block;
    position: absolute;
    top: 2vh;
    left: 0; 
    width: 0;
    height: 51vh;
    background: var(--colorelem);
	background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, var(--colorelemrgba) 50%);
	background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, var(--colorelemrgba) 50%);
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, var(--colorelemrgba) 50%);
	z-index: -1;
  }
.neomenf {
    display: inline-block;
    position: relative;
    padding-bottom: 4px;
}
.neomenf:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 0;
    transition: width 0s ease, background-color .5s ease;
}
.neomenf:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 3px;
    width: 0;
    background-color: var(--colorsec);
    transition: width .5s ease;
}
.neomenf:hover:before {
    width: 100%;
    background-color: var(--colorsec);
    transition: width .5s ease;
}
.neomenf:hover:after {
    width: 100%;
    background-color: transparent;
    transition: all 0s ease;
}
.neomenf:active:after:focus{
  color: var(--colorsec);
}
.neomenf2 {
    display: inline-block;
    position: relative;
    padding-bottom: 4px;
}
.neomenf2:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 0;
    transition: width 0s ease, background-color .5s ease;
}
.neomenf2:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 3px;
    width: 0;
    background-color: var(--colorppal);
    transition: width .5s ease;
}
.neomenf2:hover:before {
    width: 100%;
    background-color: var(--colorppal);
    transition: width .5s ease;
}
.neomenf2:hover:after {
    width: 100%;
    background-color: transparent;
    transition: all 0s ease;
}
.neomenf2:active:after:focus{
  color: var(--colorppal);
}
.leye2{
	margin-top: -1vh;
	font-size: 90px;
    font-weight: 900;
    letter-spacing: -.5vw;
	width: 78px;
	height: 27px;
}
.contenedorfirma{
	visibility: hidden;
	position: relative;
	overflow: hidden;
	width: 500px;
    height: 250px;
	z-index: 1;
}
.lamiafirma{	
	background-image: url(../img/mifirma.png);
	background-size: cover;
	background-repeat: no-repeat;
    background-position: 50%;
	padding-bottom:50%;
}
.capapreviafooter{
	position: relative;
	z-index: 2;
	/*margin-bottom: 35vh;*/
	margin-top: 10vh;
	height: 80vh;
}
#previafooter{
	    margin-left: 0vw;
    margin-top: -30vh;
    text-align: left;
    height: 100%;
    position: absolute;
    z-index: 6;
    background: black;
    width: 100%;
}
#previafooter h1{
	letter-spacing: -.5vw;
	font-weight: 700;
	font-size: 10vw;
}
.conpreviafooter{	
	width:100%;
	margin-left: 105%;
	will-change: transform;
	/*height: 80vh;*/
	/*transform: skew(0);*/
	 -webkit-backface-visibility:hidden;
   -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
     -o-backface-visibility:hidden;
        backface-visibility:hidden;
  -webkit-transform-style:preserve-3d;
   -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
     -o-transform-style:preserve-3d;
        transform-style:preserve-3d;
}
.conpreviafooter2{
	width:100%;
	margin-left: -105%;
	will-change: transform;
	/*height: 80vh;*/
	/*transform: skew(0);*/
	 -webkit-backface-visibility:hidden;
   -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
     -o-backface-visibility:hidden;
        backface-visibility:hidden;
  -webkit-transform-style:preserve-3d;
   -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
     -o-transform-style:preserve-3d;
        transform-style:preserve-3d;
}
.risacapa{
	width: 8vw;
    height: 16vh;
    filter: invert(1);
    position: relative;
    margin-left: 42vw;
    margin-top: -16vh;
    background-image: url(../img/risa.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 7vw auto;
}
#footer ul {
  padding: 0;
  font-size: 2.75vw;
  text-transform: uppercase;
  line-height: 2.2;
}
#footer ul a {
  display: inline-block;
  position: relative;
  transition: all 1s cubic-bezier(0.135, 0.75, 0.32, 1);
  -webkit-transition: all 1s cubic-bezier(0.135, 0.75, 0.32, 1);
  -moz-transition: all 1s cubic-bezier(0.135, 0.75, 0.32, 1);
  -o-transition: all 1s cubic-bezier(0.135, 0.75, 0.32, 1);
 -webkit-backface-visibility:hidden;
   -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
     -o-backface-visibility:hidden;
        backface-visibility:hidden;
  -webkit-transform-style:preserve-3d;
   -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
     -o-transform-style:preserve-3d;
        transform-style:preserve-3d;
}
#footer ul a::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0.1em;
  left: 0;
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  width: 100%;
  height: 2px;
-webkit-backface-visibility:hidden;
   -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
     -o-backface-visibility:hidden;
        backface-visibility:hidden;
  -webkit-transform-style:preserve-3d;
   -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
     -o-transform-style:preserve-3d;
        transform-style:preserve-3d;
  background-color: #000;
  transition: all 650ms cubic-bezier(0.135, 0.75, 0.32, 1);
  -webkit-transition: all 650ms cubic-bezier(0.135, 0.75, 0.32, 1);
  -moz-transition: all 650ms cubic-bezier(0.135, 0.75, 0.32, 1);
  -o-transition: all 650ms cubic-bezier(0.135, 0.75, 0.32, 1);
  transform: scaleX(0);
  -moz-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
}
#footer ul a:hover::before {
  transform: scaleX(1);
  -moz-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -o-transform: scaleX(1);
  -ms-transform: scaleX(1);
}
#footer input {
  display: block;
  background-color: transparent;
  width: 100%;
  height: 3em;
  margin: 3.5em 0 0;
  padding: 0;
  line-height: 2em;
  font-size: 20px;
  border: none;
  color: #000;
  border-bottom: 2px solid #000;
}
#footer input:focus {
  outline: none;
  background-color: var(--colorsec);
}
#footer input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px var(--colorsec) inset;
}
#footer input:-webkit-autofill:focus {
  -webkit-box-shadow: ,0 0 0 50px var(--colorsec) inset;
  -webkit-text-fill-color: #000;
}
#footer .subscribe_form {
  position: relative;
  transition: all 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition: all 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: all 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
#footer .text-link {
  margin: 0;
  text-transform: none;
  padding: 0 0 0.5em;
}
#footer .subscribe_form button {
  position: absolute;
  bottom: 1em;
  right: 0;
  width: 40px;
  height: 40px;
  overflow: hidden;
  border: none;
  background-color: transparent;
  background-image: url("../img/newsletter-arrow.svg");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
-webkit-backface-visibility:hidden;
   -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
     -o-backface-visibility:hidden;
        backface-visibility:hidden;
  -webkit-transform-style:preserve-3d;
   -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
     -o-transform-style:preserve-3d;
        transform-style:preserve-3d;
}
#instagram {
  position: relative;
}
#instagram .insta-slider {
  height: 30vh;
  -webkit-transition: -webkit-transform 2250ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: -webkit-transform 2250ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 2250ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 2250ms cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 2250ms cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition: transform 2250ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: transform 2250ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: transform 2250ms cubic-bezier(0.77, 0, 0.175, 1);
  transform: translateX(-30%);
  -moz-transform: translateX(-30%);
  -webkit-transform: translateX(-30%);
  -o-transform: translateX(-30%);
  -ms-transform: translateX(-30%);
}
#instagram .vl-flex {
  position: relative;
}
#instagram.in-view .insta-slider {
  transform: translateX(0) skew(0deg);
  -moz-transform: translateX(0) skew(0deg);
  -webkit-transform: translateX(0) skew(0deg);
  -o-transform: translateX(0) skew(0deg);
  -ms-transform: translateX(0) skew(0deg);
}
#instagram h2 {
  font-size: 26vw;
  line-height: 0.7;
  pointer-events: none;
}
#instagram h2 span {
  display: block;
  -webkit-transition: -webkit-transform 2000ms cubic-bezier(0.115, 0.84, 0.345, 1);
  transition: -webkit-transform 2000ms cubic-bezier(0.115, 0.84, 0.345, 1);
  transition: transform 2000ms cubic-bezier(0.115, 0.84, 0.345, 1);
  transition: transform 2000ms cubic-bezier(0.115, 0.84, 0.345, 1), -webkit-transform 2000ms cubic-bezier(0.115, 0.84, 0.345, 1);
  -webkit-transition: transform 2000ms cubic-bezier(0.115, 0.84, 0.345, 1);
  -moz-transition: transform 2000ms cubic-bezier(0.115, 0.84, 0.345, 1);
  -o-transition: transform 2000ms cubic-bezier(0.115, 0.84, 0.345, 1);
}
#instagram h2 span:nth-of-type(2) {
  text-align: right;
}
#instagram a.insta-link {
  display: block;
  position: absolute;
  width: 35.71425vw;
  height: 35.71425vh;
  top: -15vh;
  left: 42%;
  z-index: 3;
}
#instagram a.insta-link .spin {
  position: relative;
  top: 0%;
  width: 100%;
  height: 100%;
  left: 0%;
}
#instagram a.insta-link .spin img.first,
#instagram a.insta-link .spin img.second {
  opacity: 0.2;
  width: 100%;
  height: auto;
}
#instagram a.insta-link .spin div {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
#instagram a.insta-link:hover img.first {
  transform: translate(-50%, -50%) rotateZ(45deg) scale(0.8) !important;
  -moz-transform: translate(-50%, -50%) rotateZ(45deg) scale(0.8) !important;
  -webkit-transform: translate(-50%, -50%) rotateZ(45deg) scale(0.8) !important;
  -o-transform: translate(-50%, -50%) rotateZ(45deg) scale(0.8) !important;
  -ms-transform: translate(-50%, -50%) rotateZ(45deg) scale(0.8) !important;
}
#instagram a.insta-link:hover img.second {
  transform: translate(-50%, -50%) rotateZ(165deg) scale(0.8) !important;
  -moz-transform: translate(-50%, -50%) rotateZ(165deg) scale(0.8) !important;
  -webkit-transform: translate(-50%, -50%) rotateZ(165deg) scale(0.8) !important;
  -o-transform: translate(-50%, -50%) rotateZ(165deg) scale(0.8) !important;
  -ms-transform: translate(-50%, -50%) rotateZ(165deg) scale(0.8) !important;
}
.about h1 {
  margin-top: 4vw;
  position: relative;
  padding-left: 4vw;
  font-size: 8.3vw;
  line-height: 1;
}
.about h1 span {
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
}
.about #hero p {
  padding-left: 4vw;
  width: 28.5714vw;
  margin-top: 3em;
}
.about #hero-mood {
  position: relative;
}
.about #hero-mood .image-wrap.view {
  -webkit-transition: -webkit-transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate(50%, 50%) rotate(-20deg);
  -moz-transform: translate(50%, 50%) rotate(-20deg);
  -webkit-transform: translate(50%, 50%) rotate(-20deg);
  -o-transform: translate(50%, 50%) rotate(-20deg);
  -ms-transform: translate(50%, 50%) rotate(-20deg);
}
.about #hero-mood .image-wrap.view.in-view {
  transform: translate(0%, 0%) rotate(0deg);
  -moz-transform: translate(0%, 0%) rotate(0deg);
  -webkit-transform: translate(0%, 0%) rotate(0deg);
  -o-transform: translate(0%, 0%) rotate(0deg);
  -ms-transform: translate(0%, 0%) rotate(0deg);
}
#about-copy {
  position: relative;
}
#about-copy .parallax {
  width: 24.999975vw;
  position: absolute;
  left: 14.2857vw;
  top: 35vh;
}
#about-copy .vl-flex {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
#years {
  position: relative;
  /*margin-top: 40vh;*/
  /*margin-top: -70vh;*/
}
#years .years-image {
  -webkit-perspective: 600px;
  -moz-perspective: 600px;
  -o-perspective: 600px;
          perspective: 600px;
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 51%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform-style:preserve-3d;
   -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
     -o-transform-style:preserve-3d;
        transform-style:preserve-3d;
   opacity: 1;
	/*-webkit-filter: drop-shadow(5px 5px 5px #ccc);*/
    /*filter: drop-shadow(5px 5px 5px #ccc);*/
}
.years-image img{
	width:27vw;
	height:auto;
	opacity: .6;
	/*filter: blur(.9px);*/
	filter: brightness(.4);
}
#years .caption {
  text-transform: uppercase;
  position: absolute;
  z-index: 11;
  top: 44vh;
  left: 10vw;
  width: 100%;
  text-align: left;
  font-weight: 700;
  font-size: 3.5vw;
  color: var(--colorppal);
}
#years .capasince {
  text-transform: uppercase;
  position: relative;
  z-index: 10;
  top: 20.7vh;
  left: 10vw;
  width: 100%;
  text-align: left;
  font-weight: 700;
  font-size: 3.5vw;
  -webkit-text-stroke-color: var(--colorelem);
  -webkit-text-stroke-width: 1px;
}
#years .capasince2 {
  text-transform: uppercase;
  position: relative;
  z-index: 9;
  top: 7.8vh;
  left: 10vw;
  width: 100%;
  text-align: left;
  font-weight: 700;
  font-size: 3.5vw;
  -webkit-text-stroke-color: var(--colorelem);
  -webkit-text-stroke-width: 1px;
}
.puntoyears{
	margin-top: -165vh;
	height: 95vh;
}
.puntoyears2{
	margin-top: -20vh;
	height: 90vh;
}
#years .year-wrap {
  margin-top: 12vh;
  font-size: 36vw;
  height: 1em;
  line-height: 1;
  overflow: hidden;
}
#years .year-change {
  height: 100%;
  display: block;
  margin-top: 0.1em;
      /*transform: translateY(-1100%);
    -moz-transform: translateY(-1100%);
    -webkit-transform: translateY(-1100%);
    -o-transform: translateY(-1100%);
    -ms-transform: translateY(-1100%);*/
	color: var(--colorppal);
}
#years p {
  height: 1em;
  position: relative;
  z-index: 0;
  line-height: 1;
  text-align: center;
}
#years p span {
  display: block;
}
#expertise {
  position: relative;
}
#expertise .vl-flex {
  position: relative;
  z-index: 5;
}
#expertise .center {
  position: relative;
  z-index: 5;
}
#expertise a.button {
  display: block;
  padding: 2.6em 0;
  width: 100%;
  margin-bottom: 1em;
}
#expertise .vl-p-20 {
  margin-bottom: 2em;
}
#expertise .vl-p-50 {
  position: relative;
  z-index: 5;
  margin: 1.5em 0em 1em;
}
#expertise li {
  padding-bottom: 2em;
}
#expertise li:last-of-type {
  padding-bottom: 0;
}
#expertise li span {
  display: block;
  font-size: 14px;
}
#ludo-intro {
  position: relative;
  padding-top: 25vh;
}
#victorius-scroll {
  position: relative;
}
#victorius-scroll h2 {
  position: relative;
}
#victorius-scroll .vl-p-30 {
  position: absolute;
  top: 36%;
  left: 25vw;
  opacity: 0;
  will-change: transform opacity;
  transition: all 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition: all 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: all 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translateX(150%);
  -moz-transform: translateX(150%);
  -webkit-transform: translateX(150%);
  -o-transform: translateX(150%);
  -ms-transform: translateX(150%);
}
#victorius-scroll .vl-p-30.in-view {
  opacity: 1;
  transform: translateX(0%);
  -moz-transform: translateX(0%);
  -webkit-transform: translateX(0%);
  -o-transform: translateX(0%);
  -ms-transform: translateX(0%);
}
#victorius-scroll .vl-flex {
  margin-top: 15vh;
}
#victorius-scroll .caption {
  position: absolute;
  top: 34.999965vw;
  left: -2em;
  margin: 0;
  text-align: right;
  width: 35.71425vw;
  transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform-origin: 0 100%;
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
}
#victorius-scroll .ludo-item {
  display: block;
  position: relative;
  margin-bottom: 12vh;
  -webkit-transition: -webkit-transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate(50%, 50%) scale(1.3) rotate(-20deg);
  -moz-transform: translate(50%, 50%) scale(1.3) rotate(-20deg);
  -webkit-transform: translate(50%, 50%) scale(1.3) rotate(-20deg);
  -o-transform: translate(50%, 50%) scale(1.3) rotate(-20deg);
  -ms-transform: translate(50%, 50%) scale(1.3) rotate(-20deg);
}
#victorius-scroll .ludo-item .vl-p-50 {
  margin: 0;
  padding-top: 0.4em;
}
#victorius-scroll .ludo-item.in-view {
  transform: translate(0, 0) scale(1) rotate(0deg);
  -moz-transform: translate(0, 0) scale(1) rotate(0deg);
  -webkit-transform: translate(0, 0) scale(1) rotate(0deg);
  -o-transform: translate(0, 0) scale(1) rotate(0deg);
  -ms-transform: translate(0, 0) scale(1) rotate(0deg);
}
#victorius-scroll .ludo-item h3 {
  position: relative;
}
#victorius-scroll .ludo-item h3 span {
  display: inline-block;
}
#victorius-scroll .ludo-item h3 span:nth-of-type(2) {
  position: absolute;
  padding: 0.5em 0 0.2em;
  top: 0;
  left: 0;
}
.auto-slide-wrap {
  width: 100%;
  height: 260vh;
}
#auto-slide {
  width: 100%;
  overflow: hidden;
}
#auto-slide .row {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 228.5712vw;
  margin: 37vh 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#auto-slide img {
  margin: 0 4vw 0 0;
  width: 28.5714vw;
  display: block;
  position: relative;
}
#auto-slide .auto-inner {
  padding: 1em;
}
.ludo-detail {
  /*&.past-retreat {
		#footer {
			border-top: none;
			padding: 0 0 10vh;
		}
	}*/
}
.ludo-detail.past-retreat #hero {
  height: auto;
}
.ludo-detail.past-retreat #hero .img-container {
  margin-top: -10vh;
}
.ludo-detail.past-retreat #hero h1 span:nth-of-type(3) {
  text-align: center;
}
.ludo-detail h1 {
  position: relative;
  z-index: 5;
}
.ludo-detail h1 span {
  margin: 0;
}
.ludo-detail h1 span:nth-of-type(3) {
  text-align: center;
}
.ludo-detail .lettering {
  text-align: center;
}
.ludo-detail #vl-slider::before {
  display: none;
}
.ludo-detail .vl-p-14 a {
  display: inline-block;
  position: relative;
}
.ludo-detail .vl-p-14 a::before {
  -webkit-backface-visibility:hidden;
   -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
     -o-backface-visibility:hidden;
        backface-visibility:hidden;
  -webkit-transform-style:preserve-3d;
   -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
     -o-transform-style:preserve-3d;
        transform-style:preserve-3d;
  content: "";
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #000;
  transform-origin: 100% 100%;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -webkit-transition: -webkit-transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.ludo-detail .vl-p-14 a::after {
  -webkit-backface-visibility:hidden;
   -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
     -o-backface-visibility:hidden;
        backface-visibility:hidden;
  -webkit-transform-style:preserve-3d;
   -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
     -o-transform-style:preserve-3d;
        transform-style:preserve-3d;
  content: "";
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #000;
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform: scaleX(0);
  -moz-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition: -webkit-transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.ludo-detail .vl-p-14 a:hover::before {
  transform: scaleX(0);
  -moz-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.ludo-detail .vl-p-14 a:hover::after {
  transform: scaleX(1);
  -moz-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -o-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.ludo-detail #hero-mood {
  margin-top: -10vh;
  padding-bottom: 10vh;
}
.ludo-detail #hero-mood > div {
  margin-top: 0;
}
.ludo-detail #hero-mood > div:nth-of-type(n+2) {
  position: absolute;
  top: 35vh;
  left: 4vw;
  z-index: 10;
}
.ludo-detail #sign-up {
  position: relative;
  background-color: transparent;
}
.ludo-detail #sign-up .trip-date {
  margin-bottom: 2em;
}
.ludo-detail #sign-up::before {
  display: none;
}
.ludo-detail #sign-up h2 {
  font-size: 16.67vw;
}
.ludo-detail #sign-up h3 {
  text-transform: uppercase;
}
.ludo-detail #sign-up .sign-up-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 5vh auto;
}
.ludo-detail #sign-up .star {
  width: 30px;
  height: auto;
  animation: rotate 6s linear infinite;
  -moz-animation: rotate 6s linear infinite;
  -webkit-animation: rotate 6s linear infinite;
  -o-animation: rotate 6s linear infinite;
}
.ludo-detail #sign-up .button-box {
  margin-top: 1em;
}
.ludo-description .inner {
  width: 85.7142vw;
  margin-left: 4vw;
  border-bottom: 1px solid #000;
}
.ludo-description .vl-g-5.view {
  -webkit-transition: -webkit-transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate(-50%, 50%) scale(1.2) rotate(20deg);
  -moz-transform: translate(-50%, 50%) scale(1.2) rotate(20deg);
  -webkit-transform: translate(-50%, 50%) scale(1.2) rotate(20deg);
  -o-transform: translate(-50%, 50%) scale(1.2) rotate(20deg);
  -ms-transform: translate(-50%, 50%) scale(1.2) rotate(20deg);
  opacity: 0;
}
.ludo-description .vl-g-5.view.in-view {
  transform: translate(0%, 0%) scale(1) rotate(0deg);
  -moz-transform: translate(0%, 0%) scale(1) rotate(0deg);
  -webkit-transform: translate(0%, 0%) scale(1) rotate(0deg);
  -o-transform: translate(0%, 0%) scale(1) rotate(0deg);
  -ms-transform: translate(0%, 0%) scale(1) rotate(0deg);
  opacity: 1;
}
.ludo-details {
  padding: 0 4vw;
  position: relative;
}
.ludo-details h3 {
  padding: 0;
}
.ludo-details ul {
  font-size: 20px;
}
.ludo-details ul li {
  border-bottom: 1px solid #000;
  margin: 0;
  padding: 1em 0 1em 1.5em;
  position: relative;
}
.ludo-details ul li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.4em;
  height: 0.4em;
  border-radius: 50%;
  transform: translateY(-65%);
  -moz-transform: translateY(-65%);
  -webkit-transform: translateY(-65%);
  -o-transform: translateY(-65%);
  -ms-transform: translateY(-65%);
}
/* ================================ RETREAT PAST ========================================= */
#other-ludos img {
  width: 4vw;
  height: auto;
  margin: 0 0.2em;
}
#other-ludos ul {
  margin-top: 0.5em;
}
#other-ludos li {
  line-height: 1em;
  padding: 0.1em 0;
  position: relative;
  border-bottom: 1px solid #000;
}
#other-ludos li span {
  display: inline-block;
}
#other-ludos li span:nth-of-type(2) {
  position: absolute;
  padding: 0.1em 0;
  top: 0;
  left: 0;
}
#other-ludos li:nth-of-type(2) {
  padding-left: 24.999975vw;
}
#other-ludos li:nth-of-type(2) span:nth-of-type(2) {
  left: 14.2857vw;
}
#other-ludos li:nth-of-type(3) {
  padding-left: 4vw;
}
#other-ludos li:nth-of-type(3) span:nth-of-type(2) {
  left: 4vw;
}
#other-ludos li:last-of-type {
  border-bottom: none;
}
#other-ludos li.selected {
  transform: skewX(-20deg);
  -moz-transform: skewX(-20deg);
  -webkit-transform: skewX(-20deg);
  -o-transform: skewX(-20deg);
  -ms-transform: skewX(-20deg);
  opacity: 0.5;
  pointer-events: none;
}
#other-ludos li.selected img {
  display: none;
}
#other-ludos li.selected span {
  position: relative;
}
#other-ludos li.selected span::before {
  content: "CURRENT PAGE";
  display: block;
  width: auto;
  position: absolute;
  left: 0%;
  bottom: -0.25em;
  font-size: 14px;
  line-height: 1em;
}
.musikiki{
	bottom:2vw;
	right:4vw;
	position:fixed;
	z-index:9999;
	cursor: url(../img/mano.svg), auto;
}
audio:hover, audio:focus, audio:active{
	-webkit-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4);
	-moz-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4);
	box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	transform: scale(1.05);
}
audio{
	-webkit-transition:all 0.5s linear;
	-moz-transition:all 0.5s linear;
	-o-transition:all 0.5s linear;
	transition:all 0.5s linear;
	-moz-box-shadow: 2px 2px 4px 0px dodgerblue ;
	-webkit-box-shadow:  2px 2px 4px 0px dodgerblue ;
	box-shadow: 2px 2px 4px 0px dodgerblue ;
	-moz-border-radius:7px 7px 7px 7px ;
	-webkit-border-radius:7px 7px 7px 7px ;
	border-radius:7px 7px 7px 7px ;
	opacity: 0.1;
}
.enfasis{
	/*color:dodgerblue;*/
	/*color: var(--colorelem);*/
	font-weight: bold;
	text-transform:uppercase;
	font-size: 1.30vw;
}
/*animation: reshake 0.82s cubic-bezier(.36, .07, .19, .97) both;*/

.point{
	position:relative;
	background:red;
	width:100px;
	height:100px;
}
.hola{
	/*opacity: 0.07;*/
	position:absolute;
	width:110%;
	/*background: var(--colorelem);*/
	margin-top: 54vh;
	height:150px;
	margin-left:-4vw;
}
.fondohola{
	/*opacity: 0.07;*/
	position:absolute;
	width:110%;
	z-index:-1;
	background: var(--colorelem);
	height:150px;
	margin-left:-4vw;
	border-top: 2px solid var(--colorppal);
	border-bottom: 2px solid var(--colorppal);
}
.reumarac{
	overflow-x: hidden;
	display:flex; 
	align-items:center;
	z-index: 0;
	position: absolute;
	max-height:150px;
	height:150px;
	white-space: nowrap;
	padding: 0;
	will-change: transform;
	/*width:450%;*/
}
.marquesina{
	/*border-right: 4px solid black;*/
	margin-top: -.9vh;
	font-size: 7vw;
	color: var(--colorsec);
	/*color: white;*/
	letter-spacing: -0.5vw;
	/*text-decoration: italic;*/
	font-weight: 600;
	position: relative;
}
.lolo{
	display: inline-block;
	/*border-right: 20px solid white;*/
	padding-right:4px;
	/*color: white;*/
}
.emoticono2{
	width: 2vw;
	height: 2vw;
}
.emoticono{ 
	top:0.5vw;
	width:3vw;
	position:relative;
}
.wide{
	margin-top: 15vw;
	position: absolute; 
 	width: 100%;
 	height: 440px;
	opacity: 0.30;
	animation: fadeIn 12s;
    -moz-animation: fadeIn 12s;
    -webkit-animation: fadeIn 12s;
    -o-animation: fadeIn 12s;
}
#footerizq{
	text-align:left;float:left;width:50%;padding-top:8vh;padding-bottom:10vh;
}
#footerdrch{
	text-align:right;float:right;width:50%;padding-top:8vh;padding-bottom:10vh;
}
.cabdifer1{
	/*font-family: 'Bricolage Grotesque', sans-serif;*/
	/*font-family: 'Yeseva One', cursive;*/
}
/*.cabdifer3{
	font-size: 8.7vw;
	letter-spacing: -0.30vw;
	color: white;
}
.cabdifer2{
	font-size: 13vw;
	color: white;
	letter-spacing: -0.30vw;
	filter: drop-shadow(0 1px 1px black)
	drop-shadow(1px -1px 1px black)
	drop-shadow(0 0 1px black);
	-webkit-filter: drop-shadow(0 1px 1px black)
	drop-shadow(1px -1px 1px black)
	drop-shadow(0 0 1px black);
	-moz-filter: drop-shadow(0 1px 1px black)
	drop-shadow(1px -1px 1px black)
	drop-shadow(0 0 1px black);
	-o-filter: drop-shadow(0 1px 1px black)
	drop-shadow(1px -1px 1px black)
	drop-shadow(0 0 1px black);
	text-shadow: 8px 5px dodgerblue;
}*/
.textocabecera{
	line-height: 100%;
	letter-spacing: -.5vw;
	font-weight: 600;
	font-size: 10.5vw;
}
.textocabecera a{
	color: var(--colorsec);
}
.textocabecera2{
	line-height: 100%;
	letter-spacing: -.5vw;
	font-weight: 600;
	font-size: 6.5vw;
	color: var(--colorsec);
	margin-left: 0;
	display: block;
}
.lineporta{
	font-weight: 200;
}
.tarjeta1{
	height:300px;
	width:300px;
}
.tarjeta1:hover{
	transform: scale(1.5);
	-moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
}
/*MENU projects*/
.frame {
	padding: 3rem 5vw;
	text-align: center;
	position: relative;
	z-index: 1000;
	line-height: 1;
}

.frame__title {
	font-size: 1rem;
	margin: 0 0 1rem;
	font-weight: 700;
}

.frame__links {
	display: inline;
}

.frame__links a:not(:last-child),
.frame__demos a:not(:last-child) {
	margin-right: 1rem;
}

.frame__demos {
	margin: 1rem 0;
}

.frame__demo--current,
.frame__demo--current:hover {
	color: var(--color-text);
}
.menu {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 0 0 0;
	--marquee-width: 100vw;
	--offset: 20vw;
	--move-initial: calc(-25% + var(--offset));
	--move-final: calc(-50% + var(--offset));
	--item-font-size: 5vw;
}
.proyectos{
	margin-top:-15vh;
}
/*.menu__item {
	cursor: url(../img/puntero.svg), auto;
	position: relative;
	padding: 0 4vw;
	border-bottom:3px solid #000000;
	
}
.menu__item a{
	color:var(--colorsec);
	letter-spacing: -0.3vw;
}*/
.menu__item-link {
	display: inline-block;
	cursor: url(../img/verlo2.png), auto;
	position: relative;
	-webkit-text-stroke: 0.1vw #000;
	text-stroke: 0.1vw #000;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
	color: transparent;
	transition: opacity 0.4s;
	-webkit-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	-o-transition: opacity 0.4s;
}

.menu__item-link::before {
	all: initial;
	position: absolute;
	bottom: 60%;
	left: 0;
	pointer-events: none;
}

.menu__item-link:hover {
	transition-duration: 0.1s;
	-moz-transition-duration: 0.1s;
	-webkit-transition-duration: 0.1s;
	-o-transition-duration: 0.1s;
	opacity: 0;
}

.menu__item-img {
	pointer-events: none;
	position: absolute;
	height: 50vh;
	width: 40vw;
	opacity: 0;
	left: 100%;
	top: 50%;
	box-shadow: 1.3vw 2.3vh var(--colorppal);
	transform: translate3d(calc(-100% - 16vw),-30%,0) translate3d(0,20px,0);
	-moz-transform: translate3d(calc(-100% - 16vw),-30%,0) translate3d(0,20px,0);
  -webkit-transform: translate3d(calc(-100% - 16vw),-30%,0) translate3d(0,20px,0);
  -o-transform: translate3d(calc(-100% - 16vw),-30%,0) translate3d(0,20px,0);
  -ms-transform: translate3d(calc(-100% - 16vw),-30%,0) translate3d(0,20px,0);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
}


.menu__item-link:hover + .menu__item-img {
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	filter: grayscale(0);
	opacity: 1;
	transform: translate3d(calc(-100% - 6vw),-30%,0) rotate3d(0,0,1,4deg);
	-moz-transform: translate3d(calc(-100% - 6vw),-30%,0) rotate3d(0,0,1,4deg);
  -webkit-transform: translate3d(calc(-100% - 6vw),-30%,0) rotate3d(0,0,1,4deg);
  -o-transform: translate3d(calc(-100% - 6vw),-30%,0) rotate3d(0,0,1,4deg);
  -ms-transform: translate3d(calc(-100% - 6vw),-30%,0) rotate3d(0,0,1,4deg);
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
}

.menu__item-img11 {
	pointer-events: none;
	position: absolute;
	height: 50vh;
	width: 38vw;
	opacity: 0;
	left: 100%;
	top: 50%;
	box-shadow: 1.3vw 2.3vh var(--colorppal);
	transform: translate3d(calc(-100% - 16vw),-30%,0) translate3d(0,20px,0);
	-moz-transform: translate3d(calc(-100% - 16vw),-30%,0) translate3d(0,20px,0);
  -webkit-transform: translate3d(calc(-100% - 16vw),-30%,0) translate3d(0,20px,0);
  -o-transform: translate3d(calc(-100% - 16vw),-30%,0) translate3d(0,20px,0);
  -ms-transform: translate3d(calc(-100% - 16vw),-30%,0) translate3d(0,20px,0);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
}


.menu__item-link:hover + .menu__item-img11 {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	filter: grayscale(0%);
	opacity: 1;
	transform: translate3d(calc(-100% - 6vw),-30%,0) rotate3d(0,0,1,-4deg);
	-moz-transform: translate3d(calc(-100% - 6vw),-30%,0) rotate3d(0,0,1,-4deg);
  -webkit-transform: translate3d(calc(-100% - 6vw),-30%,0) rotate3d(0,0,1,-4deg);
  -o-transform: translate3d(calc(-100% - 6vw),-30%,0) rotate3d(0,0,1,-4deg);
  -ms-transform: translate3d(calc(-100% - 6vw),-30%,0) rotate3d(0,0,1,-4deg);
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
}

.menu__item-img22 {
	pointer-events: none;
	position: absolute;
	height: 47vh;
	width: 40vw;
	opacity: 0;
	left: 100%;
	top: 50%;
	box-shadow: 1.3vw 2.3vh var(--colorppal);
	transform: translate3d(calc(-100% - 16vw),-30%,0) translate3d(0,20px,0);
	-moz-transform: translate3d(calc(-100% - 16vw),-30%,0) translate3d(0,20px,0);
  -webkit-transform: translate3d(calc(-100% - 16vw),-30%,0) translate3d(0,20px,0);
  -o-transform: translate3d(calc(-100% - 16vw),-30%,0) translate3d(0,20px,0);
  -ms-transform: translate3d(calc(-100% - 16vw),-30%,0) translate3d(0,20px,0);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
}


.menu__item-link:hover + .menu__item-img22 {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	filter: grayscale(0%);
	opacity: 1;
	transform: translate3d(calc(-100% - 6vw),-30%,0) rotate3d(0,0,1,-4deg);
	-moz-transform: translate3d(calc(-100% - 6vw),-30%,0) rotate3d(0,0,1,-4deg);
  -webkit-transform: translate3d(calc(-100% - 6vw),-30%,0) rotate3d(0,0,1,-4deg);
  -o-transform: translate3d(calc(-100% - 6vw),-30%,0) rotate3d(0,0,1,-4deg);
  -ms-transform: translate3d(calc(-100% - 6vw),-30%,0) rotate3d(0,0,1,-4deg);
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
}

.menu__item-img33 {
	pointer-events: none;
	position: absolute;
	height: 56vh;
	width: 26vw;
	opacity: 0;
	left: 100%;
	top: 50%;
	box-shadow: 1.3vw 2.3vh var(--colorppal);
	transform: translate3d(calc(-100% - 16vw),-30%,0) translate3d(0,20px,0);
	-moz-transform: translate3d(calc(-100% - 16vw),-30%,0) translate3d(0,20px,0);
  -webkit-transform: translate3d(calc(-100% - 16vw),-30%,0) translate3d(0,20px,0);
  -o-transform: translate3d(calc(-100% - 16vw),-30%,0) translate3d(0,20px,0);
  -ms-transform: translate3d(calc(-100% - 16vw),-30%,0) translate3d(0,20px,0);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
}


.menu__item-link:hover + .menu__item-img33 {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	filter: grayscale(0%);
	opacity: 1;
	transform: translate3d(calc(-100% - 6vw),-30%,0) rotate3d(0,0,1,4deg);
	-moz-transform: translate3d(calc(-100% - 6vw),-30%,0) rotate3d(0,0,1,4deg);
  -webkit-transform: translate3d(calc(-100% - 6vw),-30%,0) rotate3d(0,0,1,4deg);
  -o-transform: translate3d(calc(-100% - 6vw),-30%,0) rotate3d(0,0,1,4deg);
  -ms-transform: translate3d(calc(-100% - 6vw),-30%,0) rotate3d(0,0,1,4deg);
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
}

/* Make sure 3 items are visible in the viewport by setting suitable font size. */

.marquee {
	position: absolute;
	top: 0;
	left: 0;
	width: var(--marquee-width);
	overflow: hidden;
	pointer-events: none;
	mix-blend-mode: color-burn;
}

.marquee__inner {
	width: fit-content;
	display: flex;
	position: relative;
	transform: translate3d(var(--move-initial), 0, 0);
	-moz-transform: translate3d(var(--move-initial), 0, 0);
    -webkit-transform: translate3d(var(--move-initial), 0, 0);
    -o-transform: translate3d(var(--move-initial), 0, 0);
    -ms-transform: translate3d(var(--move-initial), 0, 0);
	animation: marquee 4s linear infinite;
    -moz-animation: marquee 4s linear infinite;
    -webkit-animation: marquee 4s linear infinite;
    -o-animation: marquee 4s linear infinite;
	animation-play-state: paused;
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	-o-animation-play-state: paused;
	opacity: 0;
	transition: opacity 0.1s;
	-webkit-transition: opacity 0.1s;
	-moz-transition: opacity 0.1s;
	-o-transition: opacity 0.1s;
	letter-spacing: -0.3vw;
}

.menu__item-link:hover ~ .marquee .marquee__inner {
	animation-play-state: running;
	-webkit-animation-play-state: running;
	-moz-animation-play-state: running;
	-o-animation-play-state: running;
	opacity: 1;
	transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
}

.marquee span {
	text-align: center;
}

.menu__item-link,
.marquee span {
	white-space: nowrap;
	font-size: var(--item-font-size);
	padding: 0;
	font-weight: 900;
	line-height: 1.15;
}

.marquee span {
	font-style: italic;
}
/*MENU PROJECTS*/
.animated-txt {
	font-size: 3vw;
	line-height: 1.2;
	margin: 0;
	padding: 0.5em 0 0.2em; 
	font-weight: 600;
	color: var(--colorsec);
	-webkit-text-stroke: 0.8px var(--colorppal);
	text-stroke: 0.8px var(--colorppal);
	border: 0.8px var(--colorppal);
}
.animated-txt p{	
	display: inline-block;
	position: relative;
}
.animated-txt p span:hover {
	cursor:pointer;
	font-size: 3vw;
	font-weight: 600;
	letter-spacing: 0;
	display: block;
	text-shadow: 0 0 80px rgba(255,255,255,.5);
	background-size: 40px 40px;
	background-color: dodgerblue ;	
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                  transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                  transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                  transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                  transparent 75%, transparent);
	background-image: linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                  transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                  transparent 75%, transparent);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: aitf 10s linear infinite;
    -moz-animation: aitf 10s linear infinite;
    -webkit-animation: aitf 10s linear infinite;
    -o-animation: aitf 10s linear infinite;
	transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
  -webkit-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
	-webkit-backface-visibility:hidden;
   -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
     -o-backface-visibility:hidden;
        backface-visibility:hidden;
}
.enlaceweb{
	display: inline-block;
	position: relative;
	cursor: url(../img/mano.svg), auto;
}
.enlaceweb:after{
	content: '';
	position: absolute;
	width: 100%;
	transform: scaleX(0);
	-moz-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: dodgerblue ;
	transform-origin: bottom right;
	-webkit-transform-origin: bottom right;
	-moz-transform-origin: bottom right;
	-o-transform-origin: bottom right;
	-ms-transform-origin: bottom right;
	transition: transform 0.25s ease-out;
	-webkit-transition: transform 0.25s ease-out;
	-moz-transition: transform 0.25s ease-out;
	-o-transition: transform 0.25s ease-out;
}
.enlaceweb:hover:after{
	transform: scaleX(1);
	-moz-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -o-transform: scaleX(1);
  -ms-transform: scaleX(1);
	transform-origin: bottom left;
	-webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	-ms-transform-origin: bottom left;
	-o-transform-origin: bottom left;
}
.pruebacursor:hover{
	cursor: url(../img/mano.svg), auto;
}
.truc{
	background-image: url("../img/logocam1.png"); 
	background-position: center;  
	background-repeat: no-repeat; 
	background-size: 20vw 8vw;
	position: absolute;
	top:1vw;
	right:1vw;
	width:25vw;
	height:10vh;
	opacity: 0.1;
}
.animated-txt:hover ~ .truc{
	opacity: 1;
    transition: opacity 3s;
	-webkit-transition: opacity 3s;
	-moz-transition: opacity 3s;
	-o-transition: opacity 3s;
}
.truc2{
	background-image: url("../img/logomi.png"); 
	background-position: center;  
	background-repeat: no-repeat; 
	background-size: 20vw 8vw;
	position: absolute;
	top:1vw;
	right:1vw;
	width:25vw;
	height:10vh;
	opacity: 0.1;
}
.animated-txt2:hover ~ .truc2{
	opacity: 1;
    transition: opacity 3s;
	-webkit-transition: opacity 3s;
	-moz-transition: opacity 3s;
	-o-transition: opacity 3s;
}
.animated-txt2 {
	font-size: 3vw;
	line-height: 1.2;
	margin: 0;
	padding: 0.5em 0 0.2em; 
	font-weight: 600;
	/*color: dodgerblue ;*/
	color: var(--colorsec);
	-webkit-text-stroke: 0.8px var(--colorppal);
	text-stroke: 0.8px var(--colorppal);
	border: 0.8px var(--colorppal);
}
.animated-txt2 p{	
	display: inline-block;
	position: relative;
}
.animated-txt2 p span:hover {
	cursor:pointer;
	font-size: 3vw;
	font-weight: 600;
	letter-spacing: 0;
	display: block;
	text-shadow: 0 0 80px rgba(255,255,255,.5);
	background-size: 40px 40px;
	background-color: dodgerblue ;	
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                  transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                  transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                  transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                  transparent 75%, transparent);
	background-image: linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                  transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                  transparent 75%, transparent);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: aitf 10s linear infinite;
    -moz-animation: aitf 10s linear infinite;
    -webkit-animation: aitf 10s linear infinite;
    -o-animation: aitf 10s linear infinite;
	transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
  -webkit-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
	-webkit-backface-visibility:hidden;
   -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
     -o-backface-visibility:hidden;
        backface-visibility:hidden;
}
.truc3{
	background-image: url("../img/logojai.png"); 
	background-position: center;  
	background-repeat: no-repeat; 
	background-size: 20vw 8vw;
	position: absolute;
	top:1vw;
	right:1vw;
	width:25vw;
	height:10vh;
	opacity: 0.1;
}
.animated-txt3:hover ~ .truc3{
	opacity: 1;
    transition: opacity 3s;
	-webkit-transition: opacity 3s;
	-moz-transition: opacity 3s;
	-o-transition: opacity 3s;
}
.animated-txt3 {
	font-size: 3vw;
	line-height: 1.2;
	margin: 0;
	padding: 0.5em 0 0.2em; 
	font-weight: 600;
	/*color: dodgerblue ;*/
	color: var(--colorsec);
	-webkit-text-stroke: 0.8px var(--colorppal);
	text-stroke: 0.8px var(--colorppal);
	border: 0.8px var(--colorppal);
}
.animated-txt3 p{	
	display: inline-block;
	position: relative;
}
.animated-txt3 p span:hover {
	cursor:pointer;
	font-size: 3vw;
	font-weight: 600;
	letter-spacing: 0;
	display: block;
	text-shadow: 0 0 80px rgba(255,255,255,.5);
	background-size: 40px 40px;
	background-color: dodgerblue ;	
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                  transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                  transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                  transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                  transparent 75%, transparent);
	background-image: linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                  transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                  transparent 75%, transparent);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: aitf 10s linear infinite;
    -moz-animation: aitf 10s linear infinite;
    -webkit-animation: aitf 10s linear infinite;
    -o-animation: aitf 10s linear infinite;
	transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
  -webkit-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
	-webkit-backface-visibility:hidden;
   -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
     -o-backface-visibility:hidden;
        backface-visibility:hidden;
}
.truc4{
	background-image: url("../img/logogp.png"); 
	background-position: center;  
	background-repeat: no-repeat; 
	background-size: 20vw 8vw;
	position: absolute;
	top:1vw;
	right:1vw;
	width:25vw;
	height:10vh;
	opacity: 0.1;
}
.animated-txt4:hover ~ .truc4{
	opacity: 1;
    transition: opacity 3s;
	-webkit-transition: opacity 3s;
	-moz-transition: opacity 3s;
	-o-transition: opacity 3s;
}
.animated-txt4 {
	font-size: 3vw;
	line-height: 1.2;
	margin: 0;
	padding: 0.5em 0 0.2em; 
	font-weight: 600;
	/*color: dodgerblue ;*/
	color: var(--colorsec);
	-webkit-text-stroke: 0.8px var(--colorppal);
	text-stroke: 0.8px var(--colorppal);
	border: 0.8px var(--colorppal);
}
.animated-txt4 p{	
	display: inline-block;
	position: relative;
}
.animated-txt4 p span:hover {
	cursor:pointer;
	font-size: 3vw;
	font-weight: 600;
	letter-spacing: 0;
	display: block;
	text-shadow: 0 0 80px rgba(255,255,255,.5);
	background-size: 40px 40px;
	background-color: dodgerblue ;	
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                  transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                  transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                  transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                  transparent 75%, transparent);
	background-image: linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                  transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                  transparent 75%, transparent);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: aitf 10s linear infinite;
    -moz-animation: aitf 10s linear infinite;
    -webkit-animation: aitf 10s linear infinite;
    -o-animation: aitf 10s linear infinite;
	transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
  -webkit-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
	-webkit-backface-visibility:hidden;
   -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
     -o-backface-visibility:hidden;
        backface-visibility:hidden;
}
/*WAVES*/
.header93 {
  position:relative;
  text-align:center;
  /*background: linear-gradient(60deg, rgba(255,255,255,1) 1%, rgba(83,196,240,1) 100%);*/
  background-image: linear-gradient(var(--colorsec), dodgerblue );
  color:var(--colorsec);
  width:100%;
  height:100%;
  z-index:-99999;
  margin-bottom:0;
}
.waves {
  position:relative;
  width: 100%;
  height:15vh;
  margin-bottom:-7px;
  min-height:100px;
  max-height:150px;
}
.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
  -moz-animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
  -webkit-animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
  -o-animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
  -webkit-animation-delay: -2s;
  -webkit-animation-duration: 7s;
  -moz-animation-delay: -2s;
  -moz-animation-duration: 7s;
  -o-animation-delay: -2s;
  -o-animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
  -webkit-animation-delay: -3s;
  -webkit-animation-duration: 10s;
  -moz-animation-delay: -3s;
  -moz-animation-duration: 10s;
  -o-animation-delay: -3s;
  -o-animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
  -webkit-animation-delay: -4s;
  -webkit-animation-duration: 13s;
  -moz-animation-delay: -4s;
  -moz-animation-duration: 13s;
  -o-animation-delay: -4s;
  -o-animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
  -webkit-animation-delay: -5s;
  -webkit-animation-duration: 20s;
  -moz-animation-delay: -5s;
  -moz-animation-duration: 20s;
  -o-animation-delay: -5s;
  -o-animation-duration: 20s;
}
.espacio{
	height:81.567px;
	width:78.71999999999998px;
}
/*TEXTO SVG*/
.svgtext {
	flex: none;
	position: relative;
	left: -10%;
}

.svgtext text {
	fill: #000;
	font-size: 42px;
}

.svgtext--1 text {
	fill: #000;
}

.svgtext--2 text {
	fill: #8569c2;
}

.svgtext--3 text {
	font-size: 32px;
}

.svgtext--4 {
	position: absolute;
}

.svgtext--4 text {
	font-size: 48px;
	fill: #f9e9a4;
}
.hiddenenlacesvg {
    position: absolute;
    overflow: hidden;
    width: 0;
    height: 0;
    pointer-events: none;
}
.menuenlacesvg {
    margin-bottom: 0;
	margin-top: calc(1vh);
}
.menuenlacesvg a{
	font-size: 20px;
	line-height: 1.3;
	border:0;
	-webkit-text-stroke: 0;
	text-stroke: 0;
	color:var(--colorsec);
	font-weight: 400;
	letter-spacing: 0.01vw;
}
.menuenlacesvg3 {
    margin-bottom: 0;
	padding-left: 3px;
}
.menuenlacesvg3 a{
	font-size: 20px;
	line-height: 1.3;
	border:0;
	-webkit-text-stroke: 0;
	text-stroke: 0;
	color:var(--colorppal);
	font-weight: 100;
	letter-spacing: 0.01vw;
}
/*.menuenlacesvg3 a:hover{
	color:dodgerblue ;
}*/
.menu__link {
	flex: none;
    line-height: 1;
    /*color: var(--colorsec);*/
}
.menu__link:focus,
.menu__link:hover {
    /*color: var(--colorsec);*/
	/*cursor: url(../img/mano.svg), auto;*/
}

.menu__link {
    margin-bottom: 0;
}

.menu__link-inner {
    display: inline;
    position: relative;
    outline: 100px solid transparent;
}

.menu__link-deco {
    outline: 120px solid transparent;
    opacity: 0;
    position: absolute;
    pointer-events: none;
}

.menu--line .menu__link-deco,
.menu--linethrough .menu__link-deco,
.menu--twolines .menu__link-deco,
.menu--diagonal .menu__link-deco {
    bottom: 0;
    left: 0;
    height: 1px; 
    /*width: 100%;*/
    background: currentColor;
}

.menu--twolines .menu__link {
    padding: 0.95rem 0;
}

.menu__link:hover .menu__link-deco {
    opacity: 1;
}
#about{
	margin-top:60vh;
	height: calc(100vh - 160px + 5vh);
	margin-left: 4vw;
}
#work{
	margin-top:250vh;
	margin-bottom:790vh;
	height: calc(60vh - 160px + 5vh);
}
#contact{
	/*margin-top:450vh;*/
	/*margin-bottom:65vh;*/
	/*height: calc(100vh - 160px + 5vh);*/
	margin-bottom: 50vh;
}
#capahireme{
	position: absolute;
	z-index: -1;
	/*margin-top:-268vh;*/
	opacity:1;
	margin-top: -56vh;
	margin-left: -25vw;
}
#skills{
	padding-top:300vh;
	height: calc(110vh - 160px + 5vh);
	transform: rotate(8deg) scale(0.67);
	-moz-transform: rotate(8deg) scale(0.67);
	-webkit-transform: rotate(8deg) scale(0.67);
	-o-transform: rotate(8deg) scale(0.67);
	-ms-transform: rotate(8deg) scale(0.67);
}
#realaba{
	width: 100%;
	height: 100%;
}
.superr{
	width:100%;
	height:100%;
	z-index:999999999999999;
}
.menuenlacesvg95{
	margin-left:8vw;
	margin-top:6vh;
}
.emailme{
	background-image: url(../img/mail1.png);
	background-repeat:no-repeat;
	background-position:center center;
	width:40px;
	height:40px;
	left: -20px;
	top: -26px;
}
.emailme:hover{
	background-image: url(../img/mail2.png);
	background-repeat:no-repeat;
	background-position:center center;
}
/*ENLACES FOOTER SUBIR TOP*/
.menu--circle7 .menu__link-deco,
.menu--box .menu__link-deco {
	width: 100px;
    height: 100px;
	top: -23px;
	left: -20px;
	background-image: url(../img/ojo5.png);
	background-repeat:no-repeat;
	background-position:center center;
}
.menu--circle7 .menu__link-deco {
    border-radius: 50%;
    border: 3px solid var(--colorppal);
}
.imim{
	width: 59px;
    height: 57px;
}
.subirtop{
	position: relative;
}
.subirtop:hover .imim2{
	visibility:hidden;
}
.menuenlacesvg2{
	margin-top:83vh;
	padding-left:22.28px;
}
@-moz-document url-prefix() { 
    .menu--circle7 .menu__link-deco,
	.menu--box .menu__link-deco {
		width: 100px;
		height: 100px;
		top:7px;
		left:-20px;
		background-image: url(../img/ojo5.png);
		background-repeat:no-repeat;
		background-position:center center;
	}
}

.imim3{
	width: 30px;
    height: 28px;
}
.socialenlacas{
	margin-top:83vh;
}
.menuenlacesvg26{	
	padding-left:12.28px;
	animation: 3.4s float26 linear infinite;
	-webkit-animation: 3.4s float26 linear infinite;
	-moz-animation: 3.4s float26 linear infinite;
	-o-animation: 3.4s float26 linear infinite;
}
.menu--circle8 .menu__link-deco,
.menu--box .menu__link-deco {
	width: 70px;
    height: 70px;
	top: -21px;
	left: -20px;
	background-image: url(../img/linke1.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size: 30px 28px;
}
.menu--circle8 .menu__link-deco {
    border-radius: 50%;
    border: 3px solid var(--colorppal);
}
@-moz-document url-prefix() { 
    .menu--circle8 .menu__link-deco,
	.menu--box .menu__link-deco {
		width: 70px;
		height: 70px;
		top:-3px;
		left:-20px;
		background-image: url(../img/linke1.png);
		background-repeat:no-repeat;
		background-position:center center;
		background-size: 30px 28px;
	}
}

.imim4{
	width: 30px;
    height: 30px;
}
.menuenlacesvg27{
	padding-left:52px;
	animation: 3.4s float26 linear infinite;
	-webkit-animation: 3.4s float26 linear infinite;
	-moz-animation: 3.4s float26 linear infinite;
	-o-animation: 3.4s float26 linear infinite;
}
.menu--circle9 .menu__link-deco,
.menu--box .menu__link-deco {
	width: 70px;
    height: 70px;
	top: -20px;
	left: -20px;
	background-image: url(../img/cdpen.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size: 30px 30px;
}
.menu--circle9 .menu__link-deco {
    border-radius: 50%;
    border: 3px solid var(--colorppal);
}
@-moz-document url-prefix() { 
    .menu--circle9 .menu__link-deco,
	.menu--box .menu__link-deco {
		width: 70px;
		height: 70px;
		top:-3px;
		left:-20px;
		background-image: url(../img/cdpen.png);
		background-repeat:no-repeat;
		background-position:center center;
		background-size: 30px 30px;
	}
}

.menuenlacesvg28{
	padding-left:52px;
	animation: 3.4s float26 linear infinite;
	-webkit-animation: 3.4s float26 linear infinite;
	-moz-animation: 3.4s float26 linear infinite;
	-o-animation: 3.4s float26 linear infinite;
}
.menu--circle10 .menu__link-deco,
.menu--box .menu__link-deco {
	width: 70px;
    height: 70px;
	top: -20px;
	left: -20px;
	background-image: url(../img/cv.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size: 30px 30px;
}
.menu--circle10 .menu__link-deco {
    border-radius: 50%;
    border: 3px solid var(--colorppal);
}
@-moz-document url-prefix() { 
    .menu--circle10 .menu__link-deco,
	.menu--box .menu__link-deco {
		width: 70px;
		height: 70px;
		top:-3px;
		left:-20px;
		background-image: url(../img/cv.png);
		background-repeat:no-repeat;
		background-position:center center;
		background-size: 30px 30px;
	}
}
.menuenlacesvg29{
	padding-left:52px;
	animation: 3.4s float26 linear infinite;
	-webkit-animation: 3.4s float26 linear infinite;
	-moz-animation: 3.4s float26 linear infinite;
	-o-animation: 3.4s float26 linear infinite;
}
.menu--circle11 .menu__link-deco,
.menu--box .menu__link-deco {
	width: 70px;
    height: 70px;
	top: -20px;
	left: -20px;
	background-image: url(../img/phone.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size: 30px 30px;
}
.menu--circle11 .menu__link-deco {
    border-radius: 50%;
    border: 3px solid var(--colorppal);
}
@-moz-document url-prefix() { 
    .menu--circle11 .menu__link-deco,
	.menu--box .menu__link-deco {
		width: 70px;
		height: 70px;
		top:-3px;
		left:-20px;
		background-image: url(../img/phone.png);
		background-repeat:no-repeat;
		background-position:center center;
		background-size: 30px 30px;
	}
}
/*ENLACE FOOTER SUBIR TOP*/
/*SKILLS*/

.content99 {
	padding: 3rem;
	min-height: 90vh;
	display: flex;
	position: relative;
	flex-direction: column;
	align-content: center;
	justify-content: space-between;
}

.content99--auto {
	min-height: 0;
}

.content99--feature {
	justify-content: flex-start;
	min-height: 0;
}

.content99--fixed {
	position: fixed;
	z-index: 1000;
	width: 100%;
	top: 0;
}

.content99__pretitle {
	margin-top: auto;
	font-size: 1.85rem;
	color: var(--color-alt);
}

.content99__pretitle::before {
	content: "\2015";
	margin-right: 0.25rem;
}

.content99__title {
	font-size: 9vw;
	line-height: 0.8;
	margin: 0 0 3rem 0;
	font-weight: 400;
	max-width: 800px;
	will-change: transform;
}

.content99__text {
	font-size: 2.25rem;
	font-size: clamp(1rem, 4vw, 2.25rem);
}

.content99__text--right {
	align-self: flex-end;
}

.content99__text--centered {
	margin: auto;
}

.content99__breakout {
	margin: 0 -3rem;
	white-space: nowrap;
	text-transform: uppercase;
	font-family: span, serif;
	font-weight: 200;
	font-style: italic;
	color: #211f1b;
}

.content99__breakout--big {
	font-size: 13vw;
	font-weight: 200;
}

.content99__breakout--medium {
	font-size: 5vw;
}

.tiles {
	--tiles-height: 52vw;
	height: var(--tiles-height);
	position: relative;
	overflow: hidden;
}

.tiles--columns-rotated {
	--tiles-height: 180vmax;
}

.tiles--columns {
	--tiles-height: 140vh;
}

.tiles--oneline {
	--tiles-height: 50vh;
	min-height: 400px;
	margin: 10vh 0;
}

.tiles--small {
	--tiles-height: 100px;
	margin: 10vh 0 0;
}

.tiles--fixed {
	--tiles-height: 65vw;
	margin-top: 25vh;
}

.tiles--perspective {
	overflow: visible;
	perspective: 1000px;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-o-perspective: 1000px;
	--tiles-height: 30vh;
}

.tiles__wrap {
	width: 150%;
	--tileswrap-height: var(--tiles-height);
	height: var(--tileswrap-height);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%,-50%, 0);
	-moz-transform: translate3d(-50%,-50%, 0);
  -webkit-transform: translate3d(-50%,-50%, 0);
  -o-transform: translate3d(-50%,-50%, 0);
  -ms-transform: translate3d(-50%,-50%, 0);
}

.tiles--rotated .tiles__wrap {
	--tileswrap-height: calc(var(--tiles-height) * 1.8);
	transform: translate3d(-50%,-50%, 0) rotate(22.5deg);
	-moz-transform: translate3d(-50%,-50%, 0) rotate(22.5deg);
  -webkit-transform: translate3d(-50%,-50%, 0) rotate(22.5deg);
  -o-transform: translate3d(-50%,-50%, 0) rotate(22.5deg);
  -ms-transform: translate3d(-50%,-50%, 0) rotate(22.5deg);
}

.tiles--columns-rotated .tiles__wrap {
	width: 150%;
	display: flex;
	transform: translate3d(-50%,-50%, 0) rotate(-22.5deg);
	-moz-transform: translate3d(-50%,-50%, 0) rotate(-22.5deg);
  -webkit-transform: translate3d(-50%,-50%, 0) rotate(-22.5deg);
  -o-transform: translate3d(-50%,-50%, 0) rotate(-22.5deg);
  -ms-transform: translate3d(-50%,-50%, 0) rotate(-22.5deg);
	left: 50%;
	top: 50%;
	align-items: center;
	justify-content: center;
}

.tiles--columns .tiles__wrap {
	width: 100%;
	display: flex;
	--tileswrap-height: calc(var(--tiles-height) * 1.4);
	transform: translate3d(0,-50%,0);
	-moz-transform: translate3d(0,-50%,0);
  -webkit-transform: translate3d(0,-50%,0);
  -o-transform: translate3d(0,-50%,0);
  -ms-transform: translate3d(0,-50%,0);
	left: 0;
	top: 50%;
}

.tiles--perspective .tiles__wrap {
	width: 160%;
    transform: translate3d(-50%,-50%,0) translateX(-25%) translateZ(-1200px) rotateX(75.5deg) rotateZ(12deg);
	-moz-transform: translate3d(-50%,-50%,0) translateX(-25%) translateZ(-1200px) rotateX(75.5deg) rotateZ(12deg);
  -webkit-transform: translate3d(-50%,-50%,0) translateX(-25%) translateZ(-1200px) rotateX(75.5deg) rotateZ(12deg);
  -o-transform: translate3d(-50%,-50%,0) translateX(-25%) translateZ(-1200px) rotateX(75.5deg) rotateZ(12deg);
  -ms-transform: translate3d(-50%,-50%,0) translateX(-25%) translateZ(-1200px) rotateX(75.5deg) rotateZ(12deg);
}

.tiles--fixed .tiles__wrap {
	width: 100%;
}

.tiles__line {
	display: flex;
}

.tiles--columns .tiles__line {
	width: 25%;
	padding: 0 1rem;
	display: block;
}

.tiles--columns-rotated .tiles__line {
	width: 320px;
	flex: none;
	padding: 0 1.5vw;
	display: block;
}

.tiles--columns-rotated .tiles__line:nth-child(even) {
	margin-top: -160px;
}

.tiles--oneline .tiles__line {
	height: 100%;
}

.tiles--small .tiles__line {
	height: 100%;
}

.tiles__line-img {
	--tile-margin: 2vw;
	flex: none;
	width: calc(16.6666% - var(--tile-margin) * 2);
	height: calc( var(--tileswrap-height) / 3 - (3 * var(--tile-margin) / 2));
	margin: var(--tile-margin);
	/*background-size: cover;*/
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.tiles--perspective .tiles__line-img {
	-webkit-backface-visibility:hidden;
   -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
     -o-backface-visibility:hidden;
        backface-visibility:hidden;
	outline: 1px solid transparent;
	--tile-margin: 1vw;
	width: calc(16.6666% - var(--tile-margin) * 2);
	height: calc(15vw * 1.3);
}

.tiles--oneline .tiles__line-img {
	--tile-margin: 1vw;
	margin: 0 var(--tile-margin);
	width: calc(25% - var(--tile-margin) * 2);
	height: 100%;
}

.tiles--small .tiles__line-img {
	--tile-margin: 5px;
	margin: 0 var(--tile-margin);
	width: calc(12.5% - var(--tile-margin) * 2);
	height: 100%;
}

.tiles--rotated .tiles__line-img {
	--tile-margin: 1vw;
	width: calc(16.6666% - var(--tile-margin) * 2);
	height: calc( var(--tileswrap-height) / 5 - (4 * var(--tile-margin) / 2));
}

.tiles--columns-rotated .tiles__line-img {
	--tile-margin: 3vw 0;
	width: 100%;
	height: 400px;
}

.tiles--columns .tiles__line-img {
	--tile-margin: 2rem 0;
	width: 100%;
	height: calc(25vw * 1.3);
}

.tiles--fixed .tiles__line-img {
	--tile-margin: 10px;
	filter: brightness(0.8);
	-webkit-filter: brightness(0.8);
	-moz-filter: brightness(0.8);
	width: calc(16.6666% - var(--tile-margin) * 2);
	height: calc( var(--tileswrap-height) / 3 - (3 * var(--tile-margin) / 2));
}

.tiles--darker .tiles__line-img {
	opacity: 1;
}

.tiles__title {
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
	color: transparent;
	-webkit-text-stroke: 0.8px var(--colorppal);
	text-stroke: 0.8px var(--colorppal);
	letter-spacing: 0.3vw;
	position: absolute;
	height: 100vh;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 10vw;
	padding: 3rem;
	margin: 0;
	line-height: 0.8;
	font-family: span, serif;
	font-weight: 700;
	font-style: normal;
	text-transform: capitalize;
	transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
}

.tiles__title--alt {
	font-size: 9vw;
	font-size: clamp(2rem, 9vw, 7.25rem);
}

.tiles__title--intro {
	padding-top: 16vh;
	align-items: flex-start;
	justify-content: flex-start;
}

.tiles__title--right {
	justify-content: flex-end;
}

.tiles__title--left {
	justify-content: flex-start;
}

.tiles__title--full {
	height: 100%;
}

/*! locomotive-scroll v3.5.4 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */
html.has-scroll-smooth {
overflow: hidden;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
  
html.has-scroll-dragging {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; 
}
  
.has-scroll-smooth body {
	overflow: hidden; 
}
  
.has-scroll-smooth [data-scroll-container] {
	min-height: 100vh; 
}
  
.c-scrollbar {
	position: absolute;
	right: 0;
	top: 0;
	width: 11px;
	height: 100vh;
	transform-origin: center right;
	-webkit-transform-origin: center right;
	-moz-transform-origin: center right;
	-ms-transform-origin: center right;
	-o-transform-origin: center right;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition: transform 0.3s, opacity 0.3s;
	-moz-transition: transform 0.3s, opacity 0.3s;
	-o-transition: transform 0.3s, opacity 0.3s;
	opacity: 0; 
}
.c-scrollbar:hover { 
	transform: rotate(-90deg);
	-moz-transform: scaleX(1.45);
  -webkit-transform: scaleX(1.45);
  -o-transform: scaleX(1.45);
  -ms-transform: scaleX(1.45);
}
.c-scrollbar:hover, .has-scroll-scrolling .c-scrollbar, .has-scroll-dragging .c-scrollbar {
	opacity: 1; 
}
  
.c-scrollbar_thumb {
	position: absolute;
	top: 0;
	right: 0;
	background-color: var(--colorppal);
	opacity: 0.5;
	width: 7px;
	border-radius: 10px;
	margin: 2px;
	/*cursor: -webkit-grab;
	cursor: grab; */
}
.has-scroll-dragging .c-scrollbar_thumb {
	/*cursor: -webkit-grabbing;
	cursor: grabbing; */
}
#textpe{
	font-size: 4vw;
	text-transform: none;
}
/*SKILLS*/
.capacontacto91{
	margin-top: -79vh;
	background: var(--colorsec);
}
.scrolling-text90{
	border-top:6px solid var(--colorppal);
	margin-left: 101vw;
	width: 105vw;
}
.scrolling-text99{
	border-top:6px solid var(--colorppal);
	margin-left: -106vw;
	width: 105vw;
}
.scrollinglinea{
	border-bottom: 15px solid var(--colorppal);
	margin-left: -155vw;
	margin-top: 98.5vh;
	width: 105vw;
}
.capatrucolinea{
	text-align: left;
}
.boxtrab{
	display: flex;
	height: 51vh;
	margin-left: 4vw;
	width: 2000vw;
	color: var(--colorppal);
}
.boxtrab2{
	display: flex;
	height: 51vh;
	background: var(--colorsec);
	/*margin-left: 4vw;
	width:2000vw;*/
}
.boxtrab3{
	display: flex;
	height: 51vh;
	background: var(--colorsec);
	/*margin-left: 4vw;
	width:2000vw;*/
}
.boxtrab4{
	display: flex;
	height: 51vh;
	background: var(--colorsec);
	/*margin-left: 4vw;
	width:2000vw;*/
}
.boxtrab5{
	display: flex;
	height: 51vh;
	background: var(--colorsec);
	/*margin-left: 4vw;
	width:2000vw;*/
}
.vunotrab{
	flex-direction: column;
	width: 40vw;
	margin-right: 2vw;
}
.vdostrab{
	flex-direction: column;
	padding-left: 2vw;
	margin-right: 2vw;
	width: 42vw;
	border-left: 2px solid var(--colorppal);
	/*background: white;*/
}
.vtrestrab{
	flex-direction: column;
	padding-left: 2vw;
	margin-right: 2vw;
	width: 42vw;
	border-left: 2px solid var(--colorppal);
	/*background: white;*/
}
.vcuatrotrab{
	flex-direction: column;
	padding-left: 2vw;
	margin-right: 2vw;
	width: 42vw;
	border-left: 2px solid var(--colorppal);
	/*background: white;*/
}
.vcincotrab{
	flex-direction: column;
	padding-left: 2vw;
	margin-right: 2vw;
	width: 42vw;
	border-left: 2px solid var(--colorppal);
	/*background: white;*/
}
.vseistrab{
	flex-direction: column;
	padding-left: 2vw;
	margin-right: 2vw;
	width: 42vw;
	border-left: 2px solid var(--colorppal);
	background: var(--colorsec);
	/*background: white;*/
}
/*.vseistrab span{
	filter: blur(10px);
}*/
.cabezatrab{
	display: flex;
	min-width: 100%;
	margin-top: -2vh;
}
.numderechacerrado{
	margin-left: auto;
}
.boxtrab h2{
	font-weight: 500;
    letter-spacing: -0.3vw;
    font-size: 4vw;
}
.boxtrab h3{
	font-weight: 400;
    letter-spacing: -0.1vw;
    font-size: 2vw;
	line-height: 0;
}
.trabtexto{
    font-size: 20px;
    line-height: 1.3;
    letter-spacing: -0.01vw;
	font-weight: 100;
	padding-top: 6vh;
}
.enlacemodal, .enlacemodal:link, .enlacemodal:visited, .enlacemodal:focus, .enlacemodal:hover, .enlacemodal:active{
	outline: none;
	text-decoration: none;
	color: inherit;
	cursor: url(../img/mano.svg), auto;
}
.altoenlace{
	height: 54vh;
	
}
.emojiaa2{
	position: absolute;
	height: 14vh;
	width: 8vw;
	right: 26vw;
	bottom: 2vh;
	background-image: url(../img/diamond.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 4vw 8vh;
}
.hover-rotate2 {
  overflow: hidden;
  margin: 8px;
  min-width: 240px;
  max-width: 320px;
  width: 100%;
}

.hover-rotate2 div {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  box-sizing: border-box;
  max-width: 100%;
}

.hover-rotate2:hover div {
  transform: scale(1.5) rotate(360deg);
	-moz-transform: scale(1.5) rotate(360deg);
  -webkit-transform: scale(1.5) rotate(360deg);
  -o-transform: scale(1.5) rotate(360deg);
  -ms-transform: scale(1.5) rotate(360deg);
}
.emojiaa{
	position:absolute;
	height:14vh;
	width:8vw;
	right:67vw;
	bottom:2vh;
	background-image: url(../img/rayo.svg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size: 4vw 8vh;
}
.hover-rotate {
  overflow: hidden;
  margin-bottom:2vh;
  width: 100%;
}

.hover-rotate div {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  box-sizing: border-box;
  max-width: 100%;
}

.hover-rotate:hover div {
  transform: scale(1.5) rotate(360deg);
	-moz-transform: scale(1.5) rotate(360deg);
  -webkit-transform: scale(1.5) rotate(360deg);
  -o-transform: scale(1.5) rotate(360deg);
  -ms-transform: scale(1.5) rotate(360deg);
}

#stars {
    width: 2px;
    height: 2px;
    background: rgba(255, 255, 255, 0);
    box-shadow: 1656px 876px var(--colorsec) , 351px 1643px var(--colorsec) , 1658px 411px var(--colorsec) , 1806px 1227px var(--colorsec) , 1899px 246px var(--colorsec) , 1023px 1879px var(--colorsec) , 1857px 1742px var(--colorsec) , 1814px 1371px var(--colorsec) , 239px 959px var(--colorsec) , 1761px 1757px var(--colorsec) , 1781px 1926px var(--colorsec) , 1978px 885px var(--colorsec) , 1634px 846px var(--colorsec) , 1892px 1621px var(--colorsec) , 1639px 191px var(--colorsec) , 523px 415px var(--colorsec) , 568px 904px var(--colorsec) , 1009px 1964px var(--colorsec) , 446px 920px var(--colorsec) , 271px 192px var(--colorsec) , 1669px 699px var(--colorsec) , 626px 1735px var(--colorsec) , 251px 595px var(--colorsec) , 451px 663px var(--colorsec) , 1150px 687px var(--colorsec) , 1728px 1301px var(--colorsec) , 290px 674px var(--colorsec) , 1603px 608px var(--colorsec) , 1105px 681px var(--colorsec) , 1089px 1257px var(--colorsec) , 639px 1540px var(--colorsec) , 1278px 36px var(--colorsec) , 973px 41px var(--colorsec) , 249px 1673px var(--colorsec) , 1162px 1103px var(--colorsec) , 80px 1215px var(--colorsec) , 1335px 1033px var(--colorsec) , 1060px 652px var(--colorsec) , 451px 1040px var(--colorsec) , 837px 937px var(--colorsec) , 1973px 445px var(--colorsec) , 219px 1307px var(--colorsec) , 1302px 441px var(--colorsec) , 720px 231px var(--colorsec) , 317px 1512px var(--colorsec) , 327px 946px var(--colorsec) , 545px 1259px var(--colorsec) , 150px 87px var(--colorsec) , 1107px 459px var(--colorsec) , 261px 1px var(--colorsec) , 1490px 134px var(--colorsec) , 209px 1674px var(--colorsec) , 621px 1555px var(--colorsec) , 604px 765px var(--colorsec) , 1682px 1562px var(--colorsec) , 2px 841px var(--colorsec) , 594px 1942px var(--colorsec) , 350px 1514px var(--colorsec) , 1058px 445px var(--colorsec) , 1661px 1759px var(--colorsec) , 1458px 275px var(--colorsec) , 1838px 188px var(--colorsec) , 1161px 964px var(--colorsec) , 1026px 378px var(--colorsec) , 1543px 1912px var(--colorsec) , 1999px 72px var(--colorsec) , 1696px 704px var(--colorsec) , 1824px 285px var(--colorsec) , 1542px 1167px var(--colorsec) , 620px 1507px var(--colorsec) , 910px 1785px var(--colorsec) , 1102px 99px var(--colorsec) , 1068px 183px var(--colorsec) , 232px 565px var(--colorsec) , 893px 236px var(--colorsec) , 614px 742px var(--colorsec) , 1203px 616px var(--colorsec) , 533px 1168px var(--colorsec) , 1909px 966px var(--colorsec) , 1100px 458px var(--colorsec) , 1289px 209px var(--colorsec) , 1371px 1713px var(--colorsec) , 1719px 496px var(--colorsec) , 805px 486px var(--colorsec) , 1684px 843px var(--colorsec) , 1529px 126px var(--colorsec) , 480px 1908px var(--colorsec) , 1469px 329px var(--colorsec) , 231px 1633px var(--colorsec) , 1370px 843px var(--colorsec) , 1160px 259px var(--colorsec) , 1801px 629px var(--colorsec) , 1258px 1030px var(--colorsec) , 1543px 1396px var(--colorsec) , 406px 1234px var(--colorsec) , 1876px 647px var(--colorsec) , 282px 1702px var(--colorsec) , 1242px 1513px var(--colorsec) , 1414px 1870px var(--colorsec) , 912px 1013px var(--colorsec) , 1890px 1114px var(--colorsec) , 591px 687px var(--colorsec) , 440px 158px var(--colorsec) , 755px 575px var(--colorsec) , 161px 1182px var(--colorsec) , 99px 7px var(--colorsec) , 886px 75px var(--colorsec) , 1616px 773px var(--colorsec) , 1099px 675px var(--colorsec) , 431px 1315px var(--colorsec) , 403px 1972px var(--colorsec) , 1725px 667px var(--colorsec) , 1805px 1575px var(--colorsec) , 1051px 358px var(--colorsec) , 268px 1082px var(--colorsec) , 984px 112px var(--colorsec) , 1317px 1641px var(--colorsec) , 654px 1849px var(--colorsec) , 1033px 1565px var(--colorsec) , 306px 1159px var(--colorsec) , 90px 243px var(--colorsec) , 1592px 1805px var(--colorsec) , 89px 88px var(--colorsec) , 971px 873px var(--colorsec) , 284px 1936px var(--colorsec) , 799px 1988px var(--colorsec) , 3px 1483px var(--colorsec) , 377px 572px var(--colorsec) , 1739px 1574px var(--colorsec) , 1230px 1707px var(--colorsec) , 126px 1684px var(--colorsec) , 1465px 650px var(--colorsec) , 312px 1803px var(--colorsec) , 891px 570px var(--colorsec) , 1844px 930px var(--colorsec) , 1209px 1201px var(--colorsec) , 1501px 1666px var(--colorsec) , 1195px 387px var(--colorsec) , 1216px 1547px var(--colorsec) , 213px 129px var(--colorsec) , 59px 771px var(--colorsec) , 494px 1931px var(--colorsec) , 418px 1803px var(--colorsec) , 208px 121px var(--colorsec) , 1986px 973px var(--colorsec) , 648px 1980px var(--colorsec) , 1173px 1687px var(--colorsec) , 850px 1546px var(--colorsec) , 364px 1839px var(--colorsec) , 1773px 1552px var(--colorsec) , 1393px 1492px var(--colorsec) , 1204px 1889px var(--colorsec) , 674px 1593px var(--colorsec) , 790px 1172px var(--colorsec) , 518px 354px var(--colorsec) , 604px 849px var(--colorsec) , 598px 1162px var(--colorsec) , 222px 175px var(--colorsec) , 1918px 1178px var(--colorsec) , 359px 1280px var(--colorsec) , 938px 609px var(--colorsec) , 1379px 684px var(--colorsec) , 1226px 754px var(--colorsec) , 1433px 1410px var(--colorsec) , 794px 1403px var(--colorsec) , 1067px 943px var(--colorsec) , 755px 1348px var(--colorsec) , 1278px 11px var(--colorsec) , 521px 1945px var(--colorsec) , 12px 1685px var(--colorsec) , 18px 1580px var(--colorsec) , 1788px 23px var(--colorsec) , 1123px 1772px var(--colorsec) , 512px 551px var(--colorsec) , 1644px 1241px var(--colorsec) , 618px 472px var(--colorsec) , 501px 1729px var(--colorsec) , 724px 642px var(--colorsec) , 551px 1255px var(--colorsec) , 690px 1489px var(--colorsec) , 1769px 1638px var(--colorsec) , 1422px 76px var(--colorsec) , 390px 1922px var(--colorsec) , 1338px 1810px var(--colorsec) , 78px 646px var(--colorsec) , 1684px 741px var(--colorsec) , 1737px 664px var(--colorsec) , 1949px 1450px var(--colorsec) , 397px 1146px var(--colorsec) , 1938px 1830px var(--colorsec) , 502px 276px var(--colorsec) , 171px 827px var(--colorsec) , 1104px 1491px var(--colorsec) , 1619px 605px var(--colorsec) , 1166px 126px var(--colorsec) , 1794px 85px var(--colorsec) , 1374px 1271px var(--colorsec) , 171px 1928px var(--colorsec) , 1549px 162px var(--colorsec) , 859px 1792px var(--colorsec) , 418px 764px var(--colorsec) , 1969px 1331px var(--colorsec) , 711px 136px var(--colorsec) , 1549px 176px var(--colorsec) , 1756px 1124px var(--colorsec) , 1573px 496px var(--colorsec) , 7px 171px var(--colorsec) , 983px 100px var(--colorsec) , 61px 1262px var(--colorsec) , 285px 1976px var(--colorsec) , 136px 353px var(--colorsec) , 1232px 1009px var(--colorsec) , 356px 1895px var(--colorsec) , 434px 1065px var(--colorsec) , 1290px 1678px var(--colorsec) , 1161px 499px var(--colorsec) , 1174px 1800px var(--colorsec) , 1774px 1644px var(--colorsec) , 191px 199px var(--colorsec) , 793px 1960px var(--colorsec) , 747px 1244px var(--colorsec) , 1290px 460px var(--colorsec) , 1592px 276px var(--colorsec) , 3px 237px var(--colorsec) , 89px 1409px var(--colorsec) , 150px 1116px var(--colorsec) , 755px 1850px var(--colorsec) , 502px 871px var(--colorsec) , 786px 930px var(--colorsec) , 444px 1251px var(--colorsec) , 1415px 872px var(--colorsec) , 1833px 184px var(--colorsec) , 759px 204px var(--colorsec) , 735px 938px var(--colorsec) , 1714px 1579px var(--colorsec) , 1888px 906px var(--colorsec) , 62px 1488px var(--colorsec) , 967px 739px var(--colorsec) , 538px 719px var(--colorsec) , 617px 1842px var(--colorsec) , 1147px 1463px var(--colorsec) , 1569px 85px var(--colorsec) , 116px 1899px var(--colorsec) , 1654px 1364px var(--colorsec) , 1659px 303px var(--colorsec) , 478px 457px var(--colorsec) , 1062px 1513px var(--colorsec) , 569px 1584px var(--colorsec) , 1369px 639px var(--colorsec) , 915px 1294px var(--colorsec) , 31px 334px var(--colorsec) , 322px 81px var(--colorsec) , 634px 1208px var(--colorsec) , 355px 735px var(--colorsec) , 358px 71px var(--colorsec) , 464px 557px var(--colorsec) , 208px 1432px var(--colorsec) , 1944px 1776px var(--colorsec) , 1943px 645px var(--colorsec) , 390px 1906px var(--colorsec) , 1191px 412px var(--colorsec) , 2000px 1900px var(--colorsec) , 831px 942px var(--colorsec) , 1627px 712px var(--colorsec) , 1775px 1532px var(--colorsec) , 1576px 1600px var(--colorsec) , 1676px 1065px var(--colorsec) , 1980px 772px var(--colorsec) , 1644px 1755px var(--colorsec) , 1229px 1845px var(--colorsec) , 1857px 1251px var(--colorsec) , 403px 1061px var(--colorsec) , 1657px 1344px var(--colorsec) , 85px 708px var(--colorsec) , 464px 1793px var(--colorsec) , 1781px 767px var(--colorsec) , 809px 821px var(--colorsec) , 650px 1415px var(--colorsec) , 815px 1572px var(--colorsec) , 682px 883px var(--colorsec) , 1532px 1361px var(--colorsec) , 1417px 597px var(--colorsec) , 89px 1254px var(--colorsec) , 1845px 472px var(--colorsec) , 570px 1371px var(--colorsec) , 1656px 1723px var(--colorsec) , 1418px 168px var(--colorsec) , 77px 1879px var(--colorsec) , 1341px 730px var(--colorsec) , 853px 986px var(--colorsec) , 654px 845px var(--colorsec) , 316px 1274px var(--colorsec) , 1966px 1321px var(--colorsec) , 610px 1360px var(--colorsec) , 544px 1155px var(--colorsec) , 879px 1194px var(--colorsec) , 1884px 832px var(--colorsec) , 21px 724px var(--colorsec) , 1460px 1271px var(--colorsec) , 1736px 1542px var(--colorsec) , 520px 991px var(--colorsec) , 369px 1193px var(--colorsec) , 776px 642px var(--colorsec) , 250px 561px var(--colorsec) , 1134px 1205px var(--colorsec) , 1142px 1509px var(--colorsec) , 241px 1346px var(--colorsec) , 554px 1714px var(--colorsec) , 530px 1828px var(--colorsec) , 1284px 1641px var(--colorsec) , 1783px 568px var(--colorsec) , 824px 1857px var(--colorsec) , 1233px 1115px var(--colorsec) , 76px 1323px var(--colorsec) , 1258px 1118px var(--colorsec) , 707px 1263px var(--colorsec) , 646px 1146px var(--colorsec) , 1983px 784px var(--colorsec) , 840px 1858px var(--colorsec) , 504px 1766px var(--colorsec) , 1011px 350px var(--colorsec) , 75px 682px var(--colorsec) , 1876px 1944px var(--colorsec) , 1115px 550px var(--colorsec) , 109px 1889px var(--colorsec) , 1044px 602px var(--colorsec) , 2px 1717px var(--colorsec) , 1541px 913px var(--colorsec) , 1612px 1045px var(--colorsec) , 1380px 227px var(--colorsec) , 1729px 1380px var(--colorsec) , 1221px 1211px var(--colorsec) , 245px 1872px var(--colorsec) , 1331px 108px var(--colorsec) , 881px 217px var(--colorsec) , 391px 950px var(--colorsec) , 1661px 5px var(--colorsec) , 212px 1555px var(--colorsec) , 925px 1581px var(--colorsec) , 1719px 1812px var(--colorsec) , 688px 1697px var(--colorsec) , 975px 35px var(--colorsec) , 628px 1109px var(--colorsec) , 1850px 92px var(--colorsec) , 1228px 1455px var(--colorsec) , 1676px 611px var(--colorsec) , 911px 353px var(--colorsec) , 988px 464px var(--colorsec) , 1186px 1681px var(--colorsec) , 80px 156px var(--colorsec) , 620px 1518px var(--colorsec) , 105px 864px var(--colorsec) , 831px 1776px var(--colorsec) , 178px 1674px var(--colorsec) , 1560px 651px var(--colorsec) , 1965px 208px var(--colorsec) , 998px 1011px var(--colorsec) , 1779px 173px var(--colorsec) , 1858px 1465px var(--colorsec) , 1309px 459px var(--colorsec) , 572px 58px var(--colorsec) , 241px 78px var(--colorsec) , 1671px 1175px var(--colorsec) , 1545px 1805px var(--colorsec) , 762px 596px var(--colorsec) , 1424px 746px var(--colorsec) , 1471px 1417px var(--colorsec) , 1240px 1906px var(--colorsec) , 348px 1104px var(--colorsec) , 1904px 39px var(--colorsec) , 434px 422px var(--colorsec) , 172px 1948px var(--colorsec) , 52px 1762px var(--colorsec) , 1783px 862px var(--colorsec) , 397px 1392px var(--colorsec) , 1392px 1555px var(--colorsec) , 1013px 477px var(--colorsec) , 179px 1928px var(--colorsec) , 1936px 547px var(--colorsec) , 1180px 715px var(--colorsec) , 349px 135px var(--colorsec) , 1629px 654px var(--colorsec) , 766px 1919px var(--colorsec) , 759px 526px var(--colorsec) , 269px 261px var(--colorsec) , 1559px 451px var(--colorsec) , 65px 912px var(--colorsec) , 1138px 1448px var(--colorsec) , 1551px 174px var(--colorsec) , 1937px 1183px var(--colorsec) , 1596px 1435px var(--colorsec) , 897px 950px var(--colorsec) , 95px 5px var(--colorsec) , 6px 699px var(--colorsec) , 83px 955px var(--colorsec) , 405px 851px var(--colorsec) , 1120px 1348px var(--colorsec) , 917px 194px var(--colorsec) , 1127px 347px var(--colorsec) , 1689px 1353px var(--colorsec) , 657px 1312px var(--colorsec) , 1416px 1531px var(--colorsec) , 724px 160px var(--colorsec) , 1420px 1257px var(--colorsec) , 1730px 1422px var(--colorsec) , 3px 1258px var(--colorsec) , 110px 1512px var(--colorsec) , 1980px 263px var(--colorsec) , 46px 1626px var(--colorsec) , 1955px 459px var(--colorsec) , 1156px 170px var(--colorsec) , 72px 894px var(--colorsec) , 1130px 1669px var(--colorsec) , 326px 581px var(--colorsec) , 338px 542px var(--colorsec) , 1989px 397px var(--colorsec) , 1297px 1042px var(--colorsec) , 1409px 1659px var(--colorsec) , 984px 974px var(--colorsec) , 433px 1354px var(--colorsec) , 1292px 1711px var(--colorsec) , 1327px 1691px var(--colorsec) , 1697px 257px var(--colorsec) , 711px 1547px var(--colorsec) , 794px 1231px var(--colorsec) , 272px 934px var(--colorsec) , 384px 619px var(--colorsec) , 1335px 703px var(--colorsec) , 572px 1310px var(--colorsec) , 1863px 813px var(--colorsec) , 1933px 1493px var(--colorsec) , 581px 1315px var(--colorsec) , 403px 353px var(--colorsec) , 676px 1744px var(--colorsec) , 1689px 449px var(--colorsec) , 612px 1642px var(--colorsec) , 1370px 1441px var(--colorsec) , 1467px 158px var(--colorsec) , 1405px 1728px var(--colorsec) , 869px 638px var(--colorsec) , 248px 1104px var(--colorsec) , 1359px 1879px var(--colorsec) , 1386px 1626px var(--colorsec) , 901px 136px var(--colorsec) , 1243px 1047px var(--colorsec) , 934px 1449px var(--colorsec) , 1341px 966px var(--colorsec) , 333px 1304px var(--colorsec) , 1352px 980px var(--colorsec) , 682px 1003px var(--colorsec) , 109px 1085px var(--colorsec) , 772px 369px var(--colorsec) , 771px 939px var(--colorsec) , 187px 889px var(--colorsec) , 973px 1178px var(--colorsec) , 509px 380px var(--colorsec) , 311px 400px var(--colorsec) , 1048px 301px var(--colorsec) , 898px 625px var(--colorsec) , 1296px 427px var(--colorsec) , 720px 214px var(--colorsec) , 1539px 230px var(--colorsec) , 353px 6px var(--colorsec) , 719px 1848px var(--colorsec) , 324px 1890px var(--colorsec) , 89px 277px var(--colorsec) , 499px 1397px var(--colorsec) , 1278px 1536px var(--colorsec) , 863px 1514px var(--colorsec) , 188px 1964px var(--colorsec) , 699px 1035px var(--colorsec) , 18px 1130px var(--colorsec) , 1670px 1230px var(--colorsec) , 74px 1988px var(--colorsec) , 127px 1564px var(--colorsec) , 1095px 682px var(--colorsec) , 1659px 428px var(--colorsec) , 182px 1010px var(--colorsec) , 1336px 354px var(--colorsec) , 674px 1885px var(--colorsec) , 1451px 473px var(--colorsec) , 477px 944px var(--colorsec) , 60px 1768px var(--colorsec) , 1643px 1093px var(--colorsec) , 390px 1167px var(--colorsec) , 1689px 464px var(--colorsec) , 806px 555px var(--colorsec) , 431px 361px var(--colorsec) , 375px 654px var(--colorsec) , 455px 425px var(--colorsec) , 1012px 1498px var(--colorsec) , 474px 141px var(--colorsec) , 1652px 1193px var(--colorsec) , 1689px 818px var(--colorsec) , 891px 774px var(--colorsec) , 105px 913px var(--colorsec) , 173px 1384px var(--colorsec) , 1757px 1405px var(--colorsec) , 1909px 45px var(--colorsec) , 1996px 98px var(--colorsec) , 1253px 656px var(--colorsec) , 394px 706px var(--colorsec) , 1369px 1264px var(--colorsec) , 628px 349px var(--colorsec) , 1497px 1347px var(--colorsec) , 1734px 915px var(--colorsec) , 786px 1353px var(--colorsec) , 235px 610px var(--colorsec) , 1035px 56px var(--colorsec) , 795px 620px var(--colorsec) , 1070px 1827px var(--colorsec) , 1816px 1941px var(--colorsec) , 1393px 824px var(--colorsec) , 396px 474px var(--colorsec) , 884px 756px var(--colorsec) , 461px 528px var(--colorsec) , 627px 1392px var(--colorsec) , 94px 186px var(--colorsec) , 897px 365px var(--colorsec) , 1552px 588px var(--colorsec) , 824px 466px var(--colorsec) , 135px 1893px var(--colorsec) , 1259px 1867px var(--colorsec) , 426px 1796px var(--colorsec) , 1745px 1704px var(--colorsec) , 1406px 1083px var(--colorsec) , 1441px 594px var(--colorsec) , 1118px 1170px var(--colorsec) , 273px 161px var(--colorsec) , 741px 65px var(--colorsec) , 1184px 238px var(--colorsec) , 941px 645px var(--colorsec) , 1120px 251px var(--colorsec) , 469px 1854px var(--colorsec) , 1193px 712px var(--colorsec) , 324px 919px var(--colorsec) , 1447px 1268px var(--colorsec) , 1464px 599px var(--colorsec) , 1786px 1843px var(--colorsec) , 1450px 121px var(--colorsec) , 1163px 61px var(--colorsec) , 220px 987px var(--colorsec) , 1593px 1246px var(--colorsec) , 727px 456px var(--colorsec) , 1136px 316px var(--colorsec) , 428px 1500px var(--colorsec) , 794px 683px var(--colorsec) , 1935px 1911px var(--colorsec) , 1514px 759px var(--colorsec) , 401px 1035px var(--colorsec) , 27px 1997px var(--colorsec) , 1278px 441px var(--colorsec) , 1130px 692px var(--colorsec) , 1552px 1140px var(--colorsec) , 44px 1750px var(--colorsec) , 618px 948px var(--colorsec) , 673px 1610px var(--colorsec) , 1670px 772px var(--colorsec) , 1526px 582px var(--colorsec) , 1454px 704px var(--colorsec) , 1781px 752px var(--colorsec) , 704px 1091px var(--colorsec) , 274px 32px var(--colorsec) , 1231px 895px var(--colorsec) , 1243px 1513px var(--colorsec) , 1000px 709px var(--colorsec) , 412px 1958px var(--colorsec) , 1386px 253px var(--colorsec) , 1114px 1626px var(--colorsec) , 1976px 647px var(--colorsec) , 1603px 1561px var(--colorsec) , 224px 1819px var(--colorsec) , 627px 492px var(--colorsec) , 1987px 424px var(--colorsec) , 1021px 1748px var(--colorsec) , 1637px 162px var(--colorsec) , 1000px 1002px var(--colorsec) , 861px 547px var(--colorsec) , 1470px 890px var(--colorsec) , 1387px 957px var(--colorsec) , 335px 1889px var(--colorsec) , 1352px 1878px var(--colorsec) , 359px 1857px var(--colorsec) , 956px 775px var(--colorsec) , 516px 1689px var(--colorsec) , 407px 174px var(--colorsec) , 1683px 319px var(--colorsec) , 720px 869px var(--colorsec) , 729px 1014px var(--colorsec) , 1630px 565px var(--colorsec) , 1165px 1108px var(--colorsec) , 1375px 1028px var(--colorsec) , 1002px 388px var(--colorsec) , 676px 281px var(--colorsec) , 182px 1842px var(--colorsec) , 1494px 1773px var(--colorsec) , 1366px 1724px var(--colorsec) , 532px 1938px var(--colorsec) , 1263px 850px var(--colorsec) , 748px 180px var(--colorsec) , 274px 1729px var(--colorsec) , 584px 812px var(--colorsec) , 1886px 1390px var(--colorsec) , 1202px 1619px var(--colorsec) , 356px 945px var(--colorsec) , 1629px 590px var(--colorsec) , 242px 359px var(--colorsec) , 424px 1798px var(--colorsec) , 972px 358px var(--colorsec) , 615px 692px var(--colorsec) , 429px 1886px var(--colorsec) , 93px 1347px var(--colorsec) , 834px 1685px var(--colorsec) , 895px 52px var(--colorsec) , 565px 1282px var(--colorsec) , 1729px 1734px var(--colorsec) , 1441px 514px var(--colorsec) , 281px 1493px var(--colorsec) , 1575px 1465px var(--colorsec) , 293px 1991px var(--colorsec) , 1785px 450px var(--colorsec) , 989px 306px var(--colorsec) , 29px 1723px var(--colorsec) , 1380px 1990px var(--colorsec) , 1642px 1199px var(--colorsec) , 241px 830px var(--colorsec) , 806px 338px var(--colorsec) , 1761px 267px var(--colorsec) , 864px 1180px var(--colorsec) , 1670px 575px var(--colorsec) , 224px 616px var(--colorsec) , 1798px 1640px var(--colorsec) , 522px 1027px var(--colorsec) , 302px 522px var(--colorsec) , 193px 1623px var(--colorsec) , 1251px 1796px var(--colorsec) , 1710px 982px var(--colorsec) , 489px 276px var(--colorsec) , 225px 1739px var(--colorsec) , 1290px 1912px var(--colorsec) , 395px 1303px var(--colorsec) , 860px 1134px var(--colorsec) , 1484px 1593px var(--colorsec) , 1578px 570px var(--colorsec) , 640px 434px var(--colorsec) , 148px 1990px var(--colorsec) , 1037px 561px var(--colorsec) , 1411px 960px var(--colorsec) , 1646px 249px var(--colorsec) , 875px 39px var(--colorsec) , 874px 1049px var(--colorsec) , 993px 282px var(--colorsec) , 1782px 1257px var(--colorsec) , 1592px 1564px var(--colorsec) , 1063px 265px var(--colorsec) , 1850px 773px var(--colorsec) , 348px 871px var(--colorsec) , 1553px 769px var(--colorsec) , 529px 106px var(--colorsec) , 227px 1990px var(--colorsec) , 827px 1456px var(--colorsec) , 1913px 211px var(--colorsec) , 630px 511px var(--colorsec) , 1738px 692px var(--colorsec) , 1541px 88px var(--colorsec) , 1482px 222px var(--colorsec) , 1543px 1665px var(--colorsec) , 612px 1848px var(--colorsec) , 151px 1674px var(--colorsec) , 827px 93px var(--colorsec) , 1897px 1159px var(--colorsec) , 1448px 1043px var(--colorsec) , 1581px 569px var(--colorsec) , 267px 848px var(--colorsec) , 836px 566px var(--colorsec) , 187px 501px var(--colorsec) , 894px 33px var(--colorsec) , 97px 182px var(--colorsec) , 608px 1910px var(--colorsec) , 1550px 1574px var(--colorsec) , 1241px 236px var(--colorsec) , 448px 1615px var(--colorsec) , 1656px 1505px var(--colorsec) , 482px 1438px var(--colorsec) , 748px 906px var(--colorsec) , 1339px 1227px var(--colorsec) , 768px 1382px var(--colorsec) , 804px 1393px var(--colorsec) , 1305px 521px var(--colorsec) , 1596px 1062px var(--colorsec) , 1750px 1318px var(--colorsec) , 364px 299px var(--colorsec) , 353px 1389px var(--colorsec) , 1558px 1961px var(--colorsec) , 1328px 1389px var(--colorsec) , 1284px 1296px var(--colorsec) , 838px 1671px var(--colorsec) , 503px 591px var(--colorsec) , 1697px 1318px var(--colorsec) , 822px 930px var(--colorsec);
    animation: animStar 50s linear infinite;
	-webkit-animation: animStar 50s linear infinite;
	-moz-animation: animStar 50s linear infinite;
	-o-animation: animStar 50s linear infinite;
  }
  #stars:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 3px;
    height: 3px;
    background: rgba(255, 255, 255, 0);
    box-shadow: 1656px 876px var(--colorsec) , 351px 1643px var(--colorsec) , 1658px 411px var(--colorsec) , 1806px 1227px var(--colorsec) , 1899px 246px var(--colorsec) , 1023px 1879px var(--colorsec) , 1857px 1742px var(--colorsec) , 1814px 1371px var(--colorsec) , 239px 959px var(--colorsec) , 1761px 1757px var(--colorsec) , 1781px 1926px var(--colorsec) , 1978px 885px var(--colorsec) , 1634px 846px var(--colorsec) , 1892px 1621px var(--colorsec) , 1639px 191px var(--colorsec) , 523px 415px var(--colorsec) , 568px 904px var(--colorsec) , 1009px 1964px var(--colorsec) , 446px 920px var(--colorsec) , 271px 192px var(--colorsec) , 1669px 699px var(--colorsec) , 626px 1735px var(--colorsec) , 251px 595px var(--colorsec) , 451px 663px var(--colorsec) , 1150px 687px var(--colorsec) , 1728px 1301px var(--colorsec) , 290px 674px var(--colorsec) , 1603px 608px var(--colorsec) , 1105px 681px var(--colorsec) , 1089px 1257px var(--colorsec) , 639px 1540px var(--colorsec) , 1278px 36px var(--colorsec) , 973px 41px var(--colorsec) , 249px 1673px var(--colorsec) , 1162px 1103px var(--colorsec) , 80px 1215px var(--colorsec) , 1335px 1033px var(--colorsec) , 1060px 652px var(--colorsec) , 451px 1040px var(--colorsec) , 837px 937px var(--colorsec) , 1973px 445px var(--colorsec) , 219px 1307px var(--colorsec) , 1302px 441px var(--colorsec) , 720px 231px var(--colorsec) , 317px 1512px var(--colorsec) , 327px 946px var(--colorsec) , 545px 1259px var(--colorsec) , 150px 87px var(--colorsec) , 1107px 459px var(--colorsec) , 261px 1px var(--colorsec) , 1490px 134px var(--colorsec) , 209px 1674px var(--colorsec) , 621px 1555px var(--colorsec) , 604px 765px var(--colorsec) , 1682px 1562px var(--colorsec) , 2px 841px var(--colorsec) , 594px 1942px var(--colorsec) , 350px 1514px var(--colorsec) , 1058px 445px var(--colorsec) , 1661px 1759px var(--colorsec) , 1458px 275px var(--colorsec) , 1838px 188px var(--colorsec) , 1161px 964px var(--colorsec) , 1026px 378px var(--colorsec) , 1543px 1912px var(--colorsec) , 1999px 72px var(--colorsec) , 1696px 704px var(--colorsec) , 1824px 285px var(--colorsec) , 1542px 1167px var(--colorsec) , 620px 1507px var(--colorsec) , 910px 1785px var(--colorsec) , 1102px 99px var(--colorsec) , 1068px 183px var(--colorsec) , 232px 565px var(--colorsec) , 893px 236px var(--colorsec) , 614px 742px var(--colorsec) , 1203px 616px var(--colorsec) , 533px 1168px var(--colorsec) , 1909px 966px var(--colorsec) , 1100px 458px var(--colorsec) , 1289px 209px var(--colorsec) , 1371px 1713px var(--colorsec) , 1719px 496px var(--colorsec) , 805px 486px var(--colorsec) , 1684px 843px var(--colorsec) , 1529px 126px var(--colorsec) , 480px 1908px var(--colorsec) , 1469px 329px var(--colorsec) , 231px 1633px var(--colorsec) , 1370px 843px var(--colorsec) , 1160px 259px var(--colorsec) , 1801px 629px var(--colorsec) , 1258px 1030px var(--colorsec) , 1543px 1396px var(--colorsec) , 406px 1234px var(--colorsec) , 1876px 647px var(--colorsec) , 282px 1702px var(--colorsec) , 1242px 1513px var(--colorsec) , 1414px 1870px var(--colorsec) , 912px 1013px var(--colorsec) , 1890px 1114px var(--colorsec) , 591px 687px var(--colorsec) , 440px 158px var(--colorsec) , 755px 575px var(--colorsec) , 161px 1182px var(--colorsec) , 99px 7px var(--colorsec) , 886px 75px var(--colorsec) , 1616px 773px var(--colorsec) , 1099px 675px var(--colorsec) , 431px 1315px var(--colorsec) , 403px 1972px var(--colorsec) , 1725px 667px var(--colorsec) , 1805px 1575px var(--colorsec) , 1051px 358px var(--colorsec) , 268px 1082px var(--colorsec) , 984px 112px var(--colorsec) , 1317px 1641px var(--colorsec) , 654px 1849px var(--colorsec) , 1033px 1565px var(--colorsec) , 306px 1159px var(--colorsec) , 90px 243px var(--colorsec) , 1592px 1805px var(--colorsec) , 89px 88px var(--colorsec) , 971px 873px var(--colorsec) , 284px 1936px var(--colorsec) , 799px 1988px var(--colorsec) , 3px 1483px var(--colorsec) , 377px 572px var(--colorsec) , 1739px 1574px var(--colorsec) , 1230px 1707px var(--colorsec) , 126px 1684px var(--colorsec) , 1465px 650px var(--colorsec) , 312px 1803px var(--colorsec) , 891px 570px var(--colorsec) , 1844px 930px var(--colorsec) , 1209px 1201px var(--colorsec) , 1501px 1666px var(--colorsec) , 1195px 387px var(--colorsec) , 1216px 1547px var(--colorsec) , 213px 129px var(--colorsec) , 59px 771px var(--colorsec) , 494px 1931px var(--colorsec) , 418px 1803px var(--colorsec) , 208px 121px var(--colorsec) , 1986px 973px var(--colorsec) , 648px 1980px var(--colorsec) , 1173px 1687px var(--colorsec) , 850px 1546px var(--colorsec) , 364px 1839px var(--colorsec) , 1773px 1552px var(--colorsec) , 1393px 1492px var(--colorsec) , 1204px 1889px var(--colorsec) , 674px 1593px var(--colorsec) , 790px 1172px var(--colorsec) , 518px 354px var(--colorsec) , 604px 849px var(--colorsec) , 598px 1162px var(--colorsec) , 222px 175px var(--colorsec) , 1918px 1178px var(--colorsec) , 359px 1280px var(--colorsec) , 938px 609px var(--colorsec) , 1379px 684px var(--colorsec) , 1226px 754px var(--colorsec) , 1433px 1410px var(--colorsec) , 794px 1403px var(--colorsec) , 1067px 943px var(--colorsec) , 755px 1348px var(--colorsec) , 1278px 11px var(--colorsec) , 521px 1945px var(--colorsec) , 12px 1685px var(--colorsec) , 18px 1580px var(--colorsec) , 1788px 23px var(--colorsec) , 1123px 1772px var(--colorsec) , 512px 551px var(--colorsec) , 1644px 1241px var(--colorsec) , 618px 472px var(--colorsec) , 501px 1729px var(--colorsec) , 724px 642px var(--colorsec) , 551px 1255px var(--colorsec) , 690px 1489px var(--colorsec) , 1769px 1638px var(--colorsec) , 1422px 76px var(--colorsec) , 390px 1922px var(--colorsec) , 1338px 1810px var(--colorsec) , 78px 646px var(--colorsec) , 1684px 741px var(--colorsec) , 1737px 664px var(--colorsec) , 1949px 1450px var(--colorsec) , 397px 1146px var(--colorsec) , 1938px 1830px var(--colorsec) , 502px 276px var(--colorsec) , 171px 827px var(--colorsec) , 1104px 1491px var(--colorsec) , 1619px 605px var(--colorsec) , 1166px 126px var(--colorsec) , 1794px 85px var(--colorsec) , 1374px 1271px var(--colorsec) , 171px 1928px var(--colorsec) , 1549px 162px var(--colorsec) , 859px 1792px var(--colorsec) , 418px 764px var(--colorsec) , 1969px 1331px var(--colorsec) , 711px 136px var(--colorsec) , 1549px 176px var(--colorsec) , 1756px 1124px var(--colorsec) , 1573px 496px var(--colorsec) , 7px 171px var(--colorsec) , 983px 100px var(--colorsec) , 61px 1262px var(--colorsec) , 285px 1976px var(--colorsec) , 136px 353px var(--colorsec) , 1232px 1009px var(--colorsec) , 356px 1895px var(--colorsec) , 434px 1065px var(--colorsec) , 1290px 1678px var(--colorsec) , 1161px 499px var(--colorsec) , 1174px 1800px var(--colorsec) , 1774px 1644px var(--colorsec) , 191px 199px var(--colorsec) , 793px 1960px var(--colorsec) , 747px 1244px var(--colorsec) , 1290px 460px var(--colorsec) , 1592px 276px var(--colorsec) , 3px 237px var(--colorsec) , 89px 1409px var(--colorsec) , 150px 1116px var(--colorsec) , 755px 1850px var(--colorsec) , 502px 871px var(--colorsec) , 786px 930px var(--colorsec) , 444px 1251px var(--colorsec) , 1415px 872px var(--colorsec) , 1833px 184px var(--colorsec) , 759px 204px var(--colorsec) , 735px 938px var(--colorsec) , 1714px 1579px var(--colorsec) , 1888px 906px var(--colorsec) , 62px 1488px var(--colorsec) , 967px 739px var(--colorsec) , 538px 719px var(--colorsec) , 617px 1842px var(--colorsec) , 1147px 1463px var(--colorsec) , 1569px 85px var(--colorsec) , 116px 1899px var(--colorsec) , 1654px 1364px var(--colorsec) , 1659px 303px var(--colorsec) , 478px 457px var(--colorsec) , 1062px 1513px var(--colorsec) , 569px 1584px var(--colorsec) , 1369px 639px var(--colorsec) , 915px 1294px var(--colorsec) , 31px 334px var(--colorsec) , 322px 81px var(--colorsec) , 634px 1208px var(--colorsec) , 355px 735px var(--colorsec) , 358px 71px var(--colorsec) , 464px 557px var(--colorsec) , 208px 1432px var(--colorsec) , 1944px 1776px var(--colorsec) , 1943px 645px var(--colorsec) , 390px 1906px var(--colorsec) , 1191px 412px var(--colorsec) , 2000px 1900px var(--colorsec) , 831px 942px var(--colorsec) , 1627px 712px var(--colorsec) , 1775px 1532px var(--colorsec) , 1576px 1600px var(--colorsec) , 1676px 1065px var(--colorsec) , 1980px 772px var(--colorsec) , 1644px 1755px var(--colorsec) , 1229px 1845px var(--colorsec) , 1857px 1251px var(--colorsec) , 403px 1061px var(--colorsec) , 1657px 1344px var(--colorsec) , 85px 708px var(--colorsec) , 464px 1793px var(--colorsec) , 1781px 767px var(--colorsec) , 809px 821px var(--colorsec) , 650px 1415px var(--colorsec) , 815px 1572px var(--colorsec) , 682px 883px var(--colorsec) , 1532px 1361px var(--colorsec) , 1417px 597px var(--colorsec) , 89px 1254px var(--colorsec) , 1845px 472px var(--colorsec) , 570px 1371px var(--colorsec) , 1656px 1723px var(--colorsec) , 1418px 168px var(--colorsec) , 77px 1879px var(--colorsec) , 1341px 730px var(--colorsec) , 853px 986px var(--colorsec) , 654px 845px var(--colorsec) , 316px 1274px var(--colorsec) , 1966px 1321px var(--colorsec) , 610px 1360px var(--colorsec) , 544px 1155px var(--colorsec) , 879px 1194px var(--colorsec) , 1884px 832px var(--colorsec) , 21px 724px var(--colorsec) , 1460px 1271px var(--colorsec) , 1736px 1542px var(--colorsec) , 520px 991px var(--colorsec) , 369px 1193px var(--colorsec) , 776px 642px var(--colorsec) , 250px 561px var(--colorsec) , 1134px 1205px var(--colorsec) , 1142px 1509px var(--colorsec) , 241px 1346px var(--colorsec) , 554px 1714px var(--colorsec) , 530px 1828px var(--colorsec) , 1284px 1641px var(--colorsec) , 1783px 568px var(--colorsec) , 824px 1857px var(--colorsec) , 1233px 1115px var(--colorsec) , 76px 1323px var(--colorsec) , 1258px 1118px var(--colorsec) , 707px 1263px var(--colorsec) , 646px 1146px var(--colorsec) , 1983px 784px var(--colorsec) , 840px 1858px var(--colorsec) , 504px 1766px var(--colorsec) , 1011px 350px var(--colorsec) , 75px 682px var(--colorsec) , 1876px 1944px var(--colorsec) , 1115px 550px var(--colorsec) , 109px 1889px var(--colorsec) , 1044px 602px var(--colorsec) , 2px 1717px var(--colorsec) , 1541px 913px var(--colorsec) , 1612px 1045px var(--colorsec) , 1380px 227px var(--colorsec) , 1729px 1380px var(--colorsec) , 1221px 1211px var(--colorsec) , 245px 1872px var(--colorsec) , 1331px 108px var(--colorsec) , 881px 217px var(--colorsec) , 391px 950px var(--colorsec) , 1661px 5px var(--colorsec) , 212px 1555px var(--colorsec) , 925px 1581px var(--colorsec) , 1719px 1812px var(--colorsec) , 688px 1697px var(--colorsec) , 975px 35px var(--colorsec) , 628px 1109px var(--colorsec) , 1850px 92px var(--colorsec) , 1228px 1455px var(--colorsec) , 1676px 611px var(--colorsec) , 911px 353px var(--colorsec) , 988px 464px var(--colorsec) , 1186px 1681px var(--colorsec) , 80px 156px var(--colorsec) , 620px 1518px var(--colorsec) , 105px 864px var(--colorsec) , 831px 1776px var(--colorsec) , 178px 1674px var(--colorsec) , 1560px 651px var(--colorsec) , 1965px 208px var(--colorsec) , 998px 1011px var(--colorsec) , 1779px 173px var(--colorsec) , 1858px 1465px var(--colorsec) , 1309px 459px var(--colorsec) , 572px 58px var(--colorsec) , 241px 78px var(--colorsec) , 1671px 1175px var(--colorsec) , 1545px 1805px var(--colorsec) , 762px 596px var(--colorsec) , 1424px 746px var(--colorsec) , 1471px 1417px var(--colorsec) , 1240px 1906px var(--colorsec) , 348px 1104px var(--colorsec) , 1904px 39px var(--colorsec) , 434px 422px var(--colorsec) , 172px 1948px var(--colorsec) , 52px 1762px var(--colorsec) , 1783px 862px var(--colorsec) , 397px 1392px var(--colorsec) , 1392px 1555px var(--colorsec) , 1013px 477px var(--colorsec) , 179px 1928px var(--colorsec) , 1936px 547px var(--colorsec) , 1180px 715px var(--colorsec) , 349px 135px var(--colorsec) , 1629px 654px var(--colorsec) , 766px 1919px var(--colorsec) , 759px 526px var(--colorsec) , 269px 261px var(--colorsec) , 1559px 451px var(--colorsec) , 65px 912px var(--colorsec) , 1138px 1448px var(--colorsec) , 1551px 174px var(--colorsec) , 1937px 1183px var(--colorsec) , 1596px 1435px var(--colorsec) , 897px 950px var(--colorsec) , 95px 5px var(--colorsec) , 6px 699px var(--colorsec) , 83px 955px var(--colorsec) , 405px 851px var(--colorsec) , 1120px 1348px var(--colorsec) , 917px 194px var(--colorsec) , 1127px 347px var(--colorsec) , 1689px 1353px var(--colorsec) , 657px 1312px var(--colorsec) , 1416px 1531px var(--colorsec) , 724px 160px var(--colorsec) , 1420px 1257px var(--colorsec) , 1730px 1422px var(--colorsec) , 3px 1258px var(--colorsec) , 110px 1512px var(--colorsec) , 1980px 263px var(--colorsec) , 46px 1626px var(--colorsec) , 1955px 459px var(--colorsec) , 1156px 170px var(--colorsec) , 72px 894px var(--colorsec) , 1130px 1669px var(--colorsec) , 326px 581px var(--colorsec) , 338px 542px var(--colorsec) , 1989px 397px var(--colorsec) , 1297px 1042px var(--colorsec) , 1409px 1659px var(--colorsec) , 984px 974px var(--colorsec) , 433px 1354px var(--colorsec) , 1292px 1711px var(--colorsec) , 1327px 1691px var(--colorsec) , 1697px 257px var(--colorsec) , 711px 1547px var(--colorsec) , 794px 1231px var(--colorsec) , 272px 934px var(--colorsec) , 384px 619px var(--colorsec) , 1335px 703px var(--colorsec) , 572px 1310px var(--colorsec) , 1863px 813px var(--colorsec) , 1933px 1493px var(--colorsec) , 581px 1315px var(--colorsec) , 403px 353px var(--colorsec) , 676px 1744px var(--colorsec) , 1689px 449px var(--colorsec) , 612px 1642px var(--colorsec) , 1370px 1441px var(--colorsec) , 1467px 158px var(--colorsec) , 1405px 1728px var(--colorsec) , 869px 638px var(--colorsec) , 248px 1104px var(--colorsec) , 1359px 1879px var(--colorsec) , 1386px 1626px var(--colorsec) , 901px 136px var(--colorsec) , 1243px 1047px var(--colorsec) , 934px 1449px var(--colorsec) , 1341px 966px var(--colorsec) , 333px 1304px var(--colorsec) , 1352px 980px var(--colorsec) , 682px 1003px var(--colorsec) , 109px 1085px var(--colorsec) , 772px 369px var(--colorsec) , 771px 939px var(--colorsec) , 187px 889px var(--colorsec) , 973px 1178px var(--colorsec) , 509px 380px var(--colorsec) , 311px 400px var(--colorsec) , 1048px 301px var(--colorsec) , 898px 625px var(--colorsec) , 1296px 427px var(--colorsec) , 720px 214px var(--colorsec) , 1539px 230px var(--colorsec) , 353px 6px var(--colorsec) , 719px 1848px var(--colorsec) , 324px 1890px var(--colorsec) , 89px 277px var(--colorsec) , 499px 1397px var(--colorsec) , 1278px 1536px var(--colorsec) , 863px 1514px var(--colorsec) , 188px 1964px var(--colorsec) , 699px 1035px var(--colorsec) , 18px 1130px var(--colorsec) , 1670px 1230px var(--colorsec) , 74px 1988px var(--colorsec) , 127px 1564px var(--colorsec) , 1095px 682px var(--colorsec) , 1659px 428px var(--colorsec) , 182px 1010px var(--colorsec) , 1336px 354px var(--colorsec) , 674px 1885px var(--colorsec) , 1451px 473px var(--colorsec) , 477px 944px var(--colorsec) , 60px 1768px var(--colorsec) , 1643px 1093px var(--colorsec) , 390px 1167px var(--colorsec) , 1689px 464px var(--colorsec) , 806px 555px var(--colorsec) , 431px 361px var(--colorsec) , 375px 654px var(--colorsec) , 455px 425px var(--colorsec) , 1012px 1498px var(--colorsec) , 474px 141px var(--colorsec) , 1652px 1193px var(--colorsec) , 1689px 818px var(--colorsec) , 891px 774px var(--colorsec) , 105px 913px var(--colorsec) , 173px 1384px var(--colorsec) , 1757px 1405px var(--colorsec) , 1909px 45px var(--colorsec) , 1996px 98px var(--colorsec) , 1253px 656px var(--colorsec) , 394px 706px var(--colorsec) , 1369px 1264px var(--colorsec) , 628px 349px var(--colorsec) , 1497px 1347px var(--colorsec) , 1734px 915px var(--colorsec) , 786px 1353px var(--colorsec) , 235px 610px var(--colorsec) , 1035px 56px var(--colorsec) , 795px 620px var(--colorsec) , 1070px 1827px var(--colorsec) , 1816px 1941px var(--colorsec) , 1393px 824px var(--colorsec) , 396px 474px var(--colorsec) , 884px 756px var(--colorsec) , 461px 528px var(--colorsec) , 627px 1392px var(--colorsec) , 94px 186px var(--colorsec) , 897px 365px var(--colorsec) , 1552px 588px var(--colorsec) , 824px 466px var(--colorsec) , 135px 1893px var(--colorsec) , 1259px 1867px var(--colorsec) , 426px 1796px var(--colorsec) , 1745px 1704px var(--colorsec) , 1406px 1083px var(--colorsec) , 1441px 594px var(--colorsec) , 1118px 1170px var(--colorsec) , 273px 161px var(--colorsec) , 741px 65px var(--colorsec) , 1184px 238px var(--colorsec) , 941px 645px var(--colorsec) , 1120px 251px var(--colorsec) , 469px 1854px var(--colorsec) , 1193px 712px var(--colorsec) , 324px 919px var(--colorsec) , 1447px 1268px var(--colorsec) , 1464px 599px var(--colorsec) , 1786px 1843px var(--colorsec) , 1450px 121px var(--colorsec) , 1163px 61px var(--colorsec) , 220px 987px var(--colorsec) , 1593px 1246px var(--colorsec) , 727px 456px var(--colorsec) , 1136px 316px var(--colorsec) , 428px 1500px var(--colorsec) , 794px 683px var(--colorsec) , 1935px 1911px var(--colorsec) , 1514px 759px var(--colorsec) , 401px 1035px var(--colorsec) , 27px 1997px var(--colorsec) , 1278px 441px var(--colorsec) , 1130px 692px var(--colorsec) , 1552px 1140px var(--colorsec) , 44px 1750px var(--colorsec) , 618px 948px var(--colorsec) , 673px 1610px var(--colorsec) , 1670px 772px var(--colorsec) , 1526px 582px var(--colorsec) , 1454px 704px var(--colorsec) , 1781px 752px var(--colorsec) , 704px 1091px var(--colorsec) , 274px 32px var(--colorsec) , 1231px 895px var(--colorsec) , 1243px 1513px var(--colorsec) , 1000px 709px var(--colorsec) , 412px 1958px var(--colorsec) , 1386px 253px var(--colorsec) , 1114px 1626px var(--colorsec) , 1976px 647px var(--colorsec) , 1603px 1561px var(--colorsec) , 224px 1819px var(--colorsec) , 627px 492px var(--colorsec) , 1987px 424px var(--colorsec) , 1021px 1748px var(--colorsec) , 1637px 162px var(--colorsec) , 1000px 1002px var(--colorsec) , 861px 547px var(--colorsec) , 1470px 890px var(--colorsec) , 1387px 957px var(--colorsec) , 335px 1889px var(--colorsec) , 1352px 1878px var(--colorsec) , 359px 1857px var(--colorsec) , 956px 775px var(--colorsec) , 516px 1689px var(--colorsec) , 407px 174px var(--colorsec) , 1683px 319px var(--colorsec) , 720px 869px var(--colorsec) , 729px 1014px var(--colorsec) , 1630px 565px var(--colorsec) , 1165px 1108px var(--colorsec) , 1375px 1028px var(--colorsec) , 1002px 388px var(--colorsec) , 676px 281px var(--colorsec) , 182px 1842px var(--colorsec) , 1494px 1773px var(--colorsec) , 1366px 1724px var(--colorsec) , 532px 1938px var(--colorsec) , 1263px 850px var(--colorsec) , 748px 180px var(--colorsec) , 274px 1729px var(--colorsec) , 584px 812px var(--colorsec) , 1886px 1390px var(--colorsec) , 1202px 1619px var(--colorsec) , 356px 945px var(--colorsec) , 1629px 590px var(--colorsec) , 242px 359px var(--colorsec) , 424px 1798px var(--colorsec) , 972px 358px var(--colorsec) , 615px 692px var(--colorsec) , 429px 1886px var(--colorsec) , 93px 1347px var(--colorsec) , 834px 1685px var(--colorsec) , 895px 52px var(--colorsec) , 565px 1282px var(--colorsec) , 1729px 1734px var(--colorsec) , 1441px 514px var(--colorsec) , 281px 1493px var(--colorsec) , 1575px 1465px var(--colorsec) , 293px 1991px var(--colorsec) , 1785px 450px var(--colorsec) , 989px 306px var(--colorsec) , 29px 1723px var(--colorsec) , 1380px 1990px var(--colorsec) , 1642px 1199px var(--colorsec) , 241px 830px var(--colorsec) , 806px 338px var(--colorsec) , 1761px 267px var(--colorsec) , 864px 1180px var(--colorsec) , 1670px 575px var(--colorsec) , 224px 616px var(--colorsec) , 1798px 1640px var(--colorsec) , 522px 1027px var(--colorsec) , 302px 522px var(--colorsec) , 193px 1623px var(--colorsec) , 1251px 1796px var(--colorsec) , 1710px 982px var(--colorsec) , 489px 276px var(--colorsec) , 225px 1739px var(--colorsec) , 1290px 1912px var(--colorsec) , 395px 1303px var(--colorsec) , 860px 1134px var(--colorsec) , 1484px 1593px var(--colorsec) , 1578px 570px var(--colorsec) , 640px 434px var(--colorsec) , 148px 1990px var(--colorsec) , 1037px 561px var(--colorsec) , 1411px 960px var(--colorsec) , 1646px 249px var(--colorsec) , 875px 39px var(--colorsec) , 874px 1049px var(--colorsec) , 993px 282px var(--colorsec) , 1782px 1257px var(--colorsec) , 1592px 1564px var(--colorsec) , 1063px 265px var(--colorsec) , 1850px 773px var(--colorsec) , 348px 871px var(--colorsec) , 1553px 769px var(--colorsec) , 529px 106px var(--colorsec) , 227px 1990px var(--colorsec) , 827px 1456px var(--colorsec) , 1913px 211px var(--colorsec) , 630px 511px var(--colorsec) , 1738px 692px var(--colorsec) , 1541px 88px var(--colorsec) , 1482px 222px var(--colorsec) , 1543px 1665px var(--colorsec) , 612px 1848px var(--colorsec) , 151px 1674px var(--colorsec) , 827px 93px var(--colorsec) , 1897px 1159px var(--colorsec) , 1448px 1043px var(--colorsec) , 1581px 569px var(--colorsec) , 267px 848px var(--colorsec) , 836px 566px var(--colorsec) , 187px 501px var(--colorsec) , 894px 33px var(--colorsec) , 97px 182px var(--colorsec) , 608px 1910px var(--colorsec) , 1550px 1574px var(--colorsec) , 1241px 236px var(--colorsec) , 448px 1615px var(--colorsec) , 1656px 1505px var(--colorsec) , 482px 1438px var(--colorsec) , 748px 906px var(--colorsec) , 1339px 1227px var(--colorsec) , 768px 1382px var(--colorsec) , 804px 1393px var(--colorsec) , 1305px 521px var(--colorsec) , 1596px 1062px var(--colorsec) , 1750px 1318px var(--colorsec) , 364px 299px var(--colorsec) , 353px 1389px var(--colorsec) , 1558px 1961px var(--colorsec) , 1328px 1389px var(--colorsec) , 1284px 1296px var(--colorsec) , 838px 1671px var(--colorsec) , 503px 591px var(--colorsec) , 1697px 1318px var(--colorsec) , 822px 930px var(--colorsec);
  }
  
  #stars2 {
    width: 2px;
    height: 2px;
    background: rgba(255, 255, 255, 0);
    box-shadow: 126px 1236px var(--colorsec) , 1749px 733px var(--colorsec) , 573px 1425px var(--colorsec) , 424px 915px var(--colorsec) , 1116px 630px var(--colorsec) , 965px 949px var(--colorsec) , 559px 1716px var(--colorsec) , 1196px 526px var(--colorsec) , 1629px 376px var(--colorsec) , 1977px 376px var(--colorsec) , 390px 1094px var(--colorsec) , 1785px 157px var(--colorsec) , 1601px 1440px var(--colorsec) , 1340px 1045px var(--colorsec) , 124px 1653px var(--colorsec) , 1174px 1827px var(--colorsec) , 486px 1846px var(--colorsec) , 654px 1311px var(--colorsec) , 359px 1038px var(--colorsec) , 37px 1621px var(--colorsec) , 1339px 636px var(--colorsec) , 469px 598px var(--colorsec) , 1607px 741px var(--colorsec) , 312px 1100px var(--colorsec) , 692px 525px var(--colorsec) , 207px 326px var(--colorsec) , 724px 461px var(--colorsec) , 546px 8px var(--colorsec) , 1981px 255px var(--colorsec) , 1754px 1236px var(--colorsec) , 1561px 597px var(--colorsec) , 1579px 364px var(--colorsec) , 529px 628px var(--colorsec) , 455px 799px var(--colorsec) , 270px 1500px var(--colorsec) , 304px 201px var(--colorsec) , 142px 797px var(--colorsec) , 668px 178px var(--colorsec) , 908px 1708px var(--colorsec) , 1479px 1447px var(--colorsec) , 180px 851px var(--colorsec) , 1729px 268px var(--colorsec) , 870px 1204px var(--colorsec) , 766px 170px var(--colorsec) , 1091px 1700px var(--colorsec) , 1343px 972px var(--colorsec) , 156px 1222px var(--colorsec) , 447px 851px var(--colorsec) , 291px 797px var(--colorsec) , 795px 33px var(--colorsec) , 1021px 1254px var(--colorsec) , 1057px 253px var(--colorsec) , 807px 1896px var(--colorsec) , 1240px 1683px var(--colorsec) , 770px 1142px var(--colorsec) , 1040px 1117px var(--colorsec) , 531px 924px var(--colorsec) , 847px 826px var(--colorsec) , 1726px 658px var(--colorsec) , 1801px 550px var(--colorsec) , 1001px 1337px var(--colorsec) , 1109px 451px var(--colorsec) , 1221px 357px var(--colorsec) , 1756px 1716px var(--colorsec) , 1004px 1553px var(--colorsec) , 946px 188px var(--colorsec) , 1393px 1858px var(--colorsec) , 923px 253px var(--colorsec) , 263px 352px var(--colorsec) , 654px 174px var(--colorsec) , 1561px 1860px var(--colorsec) , 1874px 702px var(--colorsec) , 866px 1859px var(--colorsec) , 1688px 1626px var(--colorsec) , 687px 819px var(--colorsec) , 205px 197px var(--colorsec) , 1562px 161px var(--colorsec) , 1940px 1844px var(--colorsec) , 1998px 1786px var(--colorsec) , 485px 605px var(--colorsec) , 474px 725px var(--colorsec) , 1202px 1150px var(--colorsec) , 496px 1916px var(--colorsec) , 152px 1787px var(--colorsec) , 51px 1488px var(--colorsec) , 1774px 207px var(--colorsec) , 312px 585px var(--colorsec) , 874px 139px var(--colorsec) , 1411px 601px var(--colorsec) , 707px 1702px var(--colorsec) , 1127px 1712px var(--colorsec) , 1982px 1565px var(--colorsec) , 1268px 1682px var(--colorsec) , 889px 426px var(--colorsec) , 654px 440px var(--colorsec) , 1130px 515px var(--colorsec) , 1931px 865px var(--colorsec) , 1609px 1354px var(--colorsec) , 836px 772px var(--colorsec) , 401px 566px var(--colorsec) , 946px 655px var(--colorsec) , 1446px 981px var(--colorsec) , 1742px 370px var(--colorsec) , 52px 1570px var(--colorsec) , 621px 1483px var(--colorsec) , 1930px 1085px var(--colorsec) , 436px 514px var(--colorsec) , 1046px 702px var(--colorsec) , 1644px 1332px var(--colorsec) , 4px 67px var(--colorsec) , 66px 176px var(--colorsec) , 806px 390px var(--colorsec) , 349px 1909px var(--colorsec) , 742px 1546px var(--colorsec) , 1857px 739px var(--colorsec) , 1458px 1160px var(--colorsec) , 1283px 589px var(--colorsec) , 1151px 354px var(--colorsec) , 285px 432px var(--colorsec) , 1734px 1656px var(--colorsec) , 1352px 143px var(--colorsec) , 1848px 856px var(--colorsec) , 784px 985px var(--colorsec) , 944px 340px var(--colorsec) , 1685px 1252px var(--colorsec) , 1860px 1577px var(--colorsec) , 1185px 1203px var(--colorsec) , 642px 1996px var(--colorsec) , 1697px 1760px var(--colorsec) , 1296px 1710px var(--colorsec) , 1613px 1916px var(--colorsec) , 720px 1564px var(--colorsec) , 1338px 1372px var(--colorsec) , 534px 1108px var(--colorsec) , 1828px 658px var(--colorsec) , 1455px 1919px var(--colorsec) , 1360px 1254px var(--colorsec) , 915px 678px var(--colorsec) , 27px 866px var(--colorsec) , 177px 1195px var(--colorsec) , 3px 1034px var(--colorsec) , 440px 1116px var(--colorsec) , 846px 1941px var(--colorsec) , 874px 694px var(--colorsec) , 1930px 1668px var(--colorsec) , 796px 992px var(--colorsec) , 1065px 1408px var(--colorsec) , 337px 485px var(--colorsec) , 1858px 212px var(--colorsec) , 1319px 1478px var(--colorsec) , 396px 1428px var(--colorsec) , 1770px 140px var(--colorsec) , 1605px 1473px var(--colorsec) , 290px 1673px var(--colorsec) , 1419px 1731px var(--colorsec) , 1411px 529px var(--colorsec) , 286px 1366px var(--colorsec) , 1827px 598px var(--colorsec) , 1528px 1816px var(--colorsec) , 605px 266px var(--colorsec) , 81px 835px var(--colorsec) , 1174px 495px var(--colorsec) , 705px 1059px var(--colorsec) , 1042px 1803px var(--colorsec) , 343px 812px var(--colorsec) , 1198px 673px var(--colorsec) , 1530px 1345px var(--colorsec) , 1627px 1340px var(--colorsec) , 1909px 1507px var(--colorsec) , 802px 1390px var(--colorsec) , 933px 945px var(--colorsec) , 1493px 293px var(--colorsec) , 983px 7px var(--colorsec) , 645px 1104px var(--colorsec) , 1779px 205px var(--colorsec) , 1971px 423px var(--colorsec) , 1106px 32px var(--colorsec) , 1085px 1136px var(--colorsec) , 1871px 786px var(--colorsec) , 472px 879px var(--colorsec) , 196px 483px var(--colorsec) , 346px 282px var(--colorsec) , 781px 1117px var(--colorsec) , 602px 306px var(--colorsec) , 529px 1968px var(--colorsec) , 1972px 1635px var(--colorsec) , 1513px 1195px var(--colorsec) , 1696px 125px var(--colorsec) , 1514px 1072px var(--colorsec) , 1952px 1270px var(--colorsec) , 146px 1122px var(--colorsec) , 517px 235px var(--colorsec) , 746px 1492px var(--colorsec) , 1195px 1998px var(--colorsec) , 1882px 1522px var(--colorsec) , 790px 47px var(--colorsec) , 1606px 532px var(--colorsec) , 1430px 692px var(--colorsec) , 1621px 1004px var(--colorsec) , 941px 188px var(--colorsec);
	animation: animStar 100s linear infinite;
	-webkit-animation: animStar 100s linear infinite;
	-moz-animation: animStar 100s linear infinite;
	-o-animation: animStar 100s linear infinite;
  }
  #stars2:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 2px;
    height: 2px;
    background: rgba(255, 255, 255, 0);
    box-shadow: 126px 1236px var(--colorsec) , 1749px 733px var(--colorsec) , 573px 1425px var(--colorsec) , 424px 915px var(--colorsec) , 1116px 630px var(--colorsec) , 965px 949px var(--colorsec) , 559px 1716px var(--colorsec) , 1196px 526px var(--colorsec) , 1629px 376px var(--colorsec) , 1977px 376px var(--colorsec) , 390px 1094px var(--colorsec) , 1785px 157px var(--colorsec) , 1601px 1440px var(--colorsec) , 1340px 1045px var(--colorsec) , 124px 1653px var(--colorsec) , 1174px 1827px var(--colorsec) , 486px 1846px var(--colorsec) , 654px 1311px var(--colorsec) , 359px 1038px var(--colorsec) , 37px 1621px var(--colorsec) , 1339px 636px var(--colorsec) , 469px 598px var(--colorsec) , 1607px 741px var(--colorsec) , 312px 1100px var(--colorsec) , 692px 525px var(--colorsec) , 207px 326px var(--colorsec) , 724px 461px var(--colorsec) , 546px 8px var(--colorsec) , 1981px 255px var(--colorsec) , 1754px 1236px var(--colorsec) , 1561px 597px var(--colorsec) , 1579px 364px var(--colorsec) , 529px 628px var(--colorsec) , 455px 799px var(--colorsec) , 270px 1500px var(--colorsec) , 304px 201px var(--colorsec) , 142px 797px var(--colorsec) , 668px 178px var(--colorsec) , 908px 1708px var(--colorsec) , 1479px 1447px var(--colorsec) , 180px 851px var(--colorsec) , 1729px 268px var(--colorsec) , 870px 1204px var(--colorsec) , 766px 170px var(--colorsec) , 1091px 1700px var(--colorsec) , 1343px 972px var(--colorsec) , 156px 1222px var(--colorsec) , 447px 851px var(--colorsec) , 291px 797px var(--colorsec) , 795px 33px var(--colorsec) , 1021px 1254px var(--colorsec) , 1057px 253px var(--colorsec) , 807px 1896px var(--colorsec) , 1240px 1683px var(--colorsec) , 770px 1142px var(--colorsec) , 1040px 1117px var(--colorsec) , 531px 924px var(--colorsec) , 847px 826px var(--colorsec) , 1726px 658px var(--colorsec) , 1801px 550px var(--colorsec) , 1001px 1337px var(--colorsec) , 1109px 451px var(--colorsec) , 1221px 357px var(--colorsec) , 1756px 1716px var(--colorsec) , 1004px 1553px var(--colorsec) , 946px 188px var(--colorsec) , 1393px 1858px var(--colorsec) , 923px 253px var(--colorsec) , 263px 352px var(--colorsec) , 654px 174px var(--colorsec) , 1561px 1860px var(--colorsec) , 1874px 702px var(--colorsec) , 866px 1859px var(--colorsec) , 1688px 1626px var(--colorsec) , 687px 819px var(--colorsec) , 205px 197px var(--colorsec) , 1562px 161px var(--colorsec) , 1940px 1844px var(--colorsec) , 1998px 1786px var(--colorsec) , 485px 605px var(--colorsec) , 474px 725px var(--colorsec) , 1202px 1150px var(--colorsec) , 496px 1916px var(--colorsec) , 152px 1787px var(--colorsec) , 51px 1488px var(--colorsec) , 1774px 207px var(--colorsec) , 312px 585px var(--colorsec) , 874px 139px var(--colorsec) , 1411px 601px var(--colorsec) , 707px 1702px var(--colorsec) , 1127px 1712px var(--colorsec) , 1982px 1565px var(--colorsec) , 1268px 1682px var(--colorsec) , 889px 426px var(--colorsec) , 654px 440px var(--colorsec) , 1130px 515px var(--colorsec) , 1931px 865px var(--colorsec) , 1609px 1354px var(--colorsec) , 836px 772px var(--colorsec) , 401px 566px var(--colorsec) , 946px 655px var(--colorsec) , 1446px 981px var(--colorsec) , 1742px 370px var(--colorsec) , 52px 1570px var(--colorsec) , 621px 1483px var(--colorsec) , 1930px 1085px var(--colorsec) , 436px 514px var(--colorsec) , 1046px 702px var(--colorsec) , 1644px 1332px var(--colorsec) , 4px 67px var(--colorsec) , 66px 176px var(--colorsec) , 806px 390px var(--colorsec) , 349px 1909px var(--colorsec) , 742px 1546px var(--colorsec) , 1857px 739px var(--colorsec) , 1458px 1160px var(--colorsec) , 1283px 589px var(--colorsec) , 1151px 354px var(--colorsec) , 285px 432px var(--colorsec) , 1734px 1656px var(--colorsec) , 1352px 143px var(--colorsec) , 1848px 856px var(--colorsec) , 784px 985px var(--colorsec) , 944px 340px var(--colorsec) , 1685px 1252px var(--colorsec) , 1860px 1577px var(--colorsec) , 1185px 1203px var(--colorsec) , 642px 1996px var(--colorsec) , 1697px 1760px var(--colorsec) , 1296px 1710px var(--colorsec) , 1613px 1916px var(--colorsec) , 720px 1564px var(--colorsec) , 1338px 1372px var(--colorsec) , 534px 1108px var(--colorsec) , 1828px 658px var(--colorsec) , 1455px 1919px var(--colorsec) , 1360px 1254px var(--colorsec) , 915px 678px var(--colorsec) , 27px 866px var(--colorsec) , 177px 1195px var(--colorsec) , 3px 1034px var(--colorsec) , 440px 1116px var(--colorsec) , 846px 1941px var(--colorsec) , 874px 694px var(--colorsec) , 1930px 1668px var(--colorsec) , 796px 992px var(--colorsec) , 1065px 1408px var(--colorsec) , 337px 485px var(--colorsec) , 1858px 212px var(--colorsec) , 1319px 1478px var(--colorsec) , 396px 1428px var(--colorsec) , 1770px 140px var(--colorsec) , 1605px 1473px var(--colorsec) , 290px 1673px var(--colorsec) , 1419px 1731px var(--colorsec) , 1411px 529px var(--colorsec) , 286px 1366px var(--colorsec) , 1827px 598px var(--colorsec) , 1528px 1816px var(--colorsec) , 605px 266px var(--colorsec) , 81px 835px var(--colorsec) , 1174px 495px var(--colorsec) , 705px 1059px var(--colorsec) , 1042px 1803px var(--colorsec) , 343px 812px var(--colorsec) , 1198px 673px var(--colorsec) , 1530px 1345px var(--colorsec) , 1627px 1340px var(--colorsec) , 1909px 1507px var(--colorsec) , 802px 1390px var(--colorsec) , 933px 945px var(--colorsec) , 1493px 293px var(--colorsec) , 983px 7px var(--colorsec) , 645px 1104px var(--colorsec) , 1779px 205px var(--colorsec) , 1971px 423px var(--colorsec) , 1106px 32px var(--colorsec) , 1085px 1136px var(--colorsec) , 1871px 786px var(--colorsec) , 472px 879px var(--colorsec) , 196px 483px var(--colorsec) , 346px 282px var(--colorsec) , 781px 1117px var(--colorsec) , 602px 306px var(--colorsec) , 529px 1968px var(--colorsec) , 1972px 1635px var(--colorsec) , 1513px 1195px var(--colorsec) , 1696px 125px var(--colorsec) , 1514px 1072px var(--colorsec) , 1952px 1270px var(--colorsec) , 146px 1122px var(--colorsec) , 517px 235px var(--colorsec) , 746px 1492px var(--colorsec) , 1195px 1998px var(--colorsec) , 1882px 1522px var(--colorsec) , 790px 47px var(--colorsec) , 1606px 532px var(--colorsec) , 1430px 692px var(--colorsec) , 1621px 1004px var(--colorsec) , 941px 188px var(--colorsec);
  }
  
  #stars3 {
    width: 2px;
    height: 2px;
    background: rgba(255, 255, 255, 0);
    box-shadow: 255px 618px var(--colorsec) , 426px 1423px var(--colorsec) , 591px 641px var(--colorsec) , 1225px 79px var(--colorsec) , 1965px 185px var(--colorsec) , 1333px 255px var(--colorsec) , 474px 1128px var(--colorsec) , 992px 290px var(--colorsec) , 1688px 502px var(--colorsec) , 500px 725px var(--colorsec) , 1489px 73px var(--colorsec) , 239px 622px var(--colorsec) , 1986px 1270px var(--colorsec) , 1699px 496px var(--colorsec) , 133px 13px var(--colorsec) , 1621px 1200px var(--colorsec) , 829px 1587px var(--colorsec) , 552px 341px var(--colorsec) , 1963px 610px var(--colorsec) , 1341px 1368px var(--colorsec) , 599px 407px var(--colorsec) , 1815px 351px var(--colorsec) , 1934px 264px var(--colorsec) , 85px 1261px var(--colorsec) , 459px 1618px var(--colorsec) , 979px 303px var(--colorsec) , 1425px 1152px var(--colorsec) , 1605px 183px var(--colorsec) , 1009px 430px var(--colorsec) , 1605px 85px var(--colorsec) , 1399px 199px var(--colorsec) , 1636px 139px var(--colorsec) , 1626px 1730px var(--colorsec) , 1311px 1940px var(--colorsec) , 1549px 965px var(--colorsec) , 1575px 122px var(--colorsec) , 769px 817px var(--colorsec) , 1734px 1812px var(--colorsec) , 1955px 1374px var(--colorsec) , 1698px 820px var(--colorsec) , 565px 710px var(--colorsec) , 32px 1505px var(--colorsec) , 1627px 154px var(--colorsec) , 1499px 1174px var(--colorsec) , 851px 891px var(--colorsec) , 1230px 977px var(--colorsec) , 1170px 1783px var(--colorsec) , 292px 598px var(--colorsec) , 1956px 317px var(--colorsec) , 454px 6px var(--colorsec) , 966px 93px var(--colorsec) , 1246px 399px var(--colorsec) , 1230px 1064px var(--colorsec) , 1104px 1992px var(--colorsec) , 231px 1429px var(--colorsec) , 54px 1216px var(--colorsec) , 364px 1048px var(--colorsec) , 105px 1971px var(--colorsec) , 475px 1683px var(--colorsec) , 1892px 553px var(--colorsec) , 966px 265px var(--colorsec) , 1652px 1029px var(--colorsec) , 299px 645px var(--colorsec) , 1971px 1643px var(--colorsec) , 524px 1255px var(--colorsec) , 985px 1176px var(--colorsec) , 667px 913px var(--colorsec) , 574px 285px var(--colorsec) , 785px 976px var(--colorsec) , 740px 804px var(--colorsec) , 1786px 1027px var(--colorsec) , 1606px 1473px var(--colorsec) , 212px 1992px var(--colorsec) , 859px 472px var(--colorsec) , 574px 270px var(--colorsec) , 85px 1246px var(--colorsec) , 774px 1818px var(--colorsec) , 683px 297px var(--colorsec) , 969px 494px var(--colorsec) , 1966px 1495px var(--colorsec) , 1882px 508px var(--colorsec) , 1689px 475px var(--colorsec) , 525px 1074px var(--colorsec) , 79px 567px var(--colorsec) , 1321px 1166px var(--colorsec) , 646px 867px var(--colorsec) , 118px 222px var(--colorsec) , 577px 551px var(--colorsec) , 1891px 487px var(--colorsec) , 893px 1300px var(--colorsec) , 358px 1080px var(--colorsec) , 298px 1617px var(--colorsec) , 1651px 737px var(--colorsec) , 792px 76px var(--colorsec) , 1104px 1564px var(--colorsec) , 1879px 372px var(--colorsec) , 1203px 1355px var(--colorsec) , 484px 142px var(--colorsec) , 607px 1678px var(--colorsec) , 1098px 1153px var(--colorsec);
    animation: animStar 150s linear infinite;
	-webkit-animation: animStar 150s linear infinite;
	-moz-animation: animStar 150s linear infinite;
	-o-animation: animStar 150s linear infinite;
  }
  #stars3:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 3px;
    height: 3px;
    background: rgba(255, 255, 255, 0);
    box-shadow: 255px 618px var(--colorsec) , 426px 1423px var(--colorsec) , 591px 641px var(--colorsec) , 1225px 79px var(--colorsec) , 1965px 185px var(--colorsec) , 1333px 255px var(--colorsec) , 474px 1128px var(--colorsec) , 992px 290px var(--colorsec) , 1688px 502px var(--colorsec) , 500px 725px var(--colorsec) , 1489px 73px var(--colorsec) , 239px 622px var(--colorsec) , 1986px 1270px var(--colorsec) , 1699px 496px var(--colorsec) , 133px 13px var(--colorsec) , 1621px 1200px var(--colorsec) , 829px 1587px var(--colorsec) , 552px 341px var(--colorsec) , 1963px 610px var(--colorsec) , 1341px 1368px var(--colorsec) , 599px 407px var(--colorsec) , 1815px 351px var(--colorsec) , 1934px 264px var(--colorsec) , 85px 1261px var(--colorsec) , 459px 1618px var(--colorsec) , 979px 303px var(--colorsec) , 1425px 1152px var(--colorsec) , 1605px 183px var(--colorsec) , 1009px 430px var(--colorsec) , 1605px 85px var(--colorsec) , 1399px 199px var(--colorsec) , 1636px 139px var(--colorsec) , 1626px 1730px var(--colorsec) , 1311px 1940px var(--colorsec) , 1549px 965px var(--colorsec) , 1575px 122px var(--colorsec) , 769px 817px var(--colorsec) , 1734px 1812px var(--colorsec) , 1955px 1374px var(--colorsec) , 1698px 820px var(--colorsec) , 565px 710px var(--colorsec) , 32px 1505px var(--colorsec) , 1627px 154px var(--colorsec) , 1499px 1174px var(--colorsec) , 851px 891px var(--colorsec) , 1230px 977px var(--colorsec) , 1170px 1783px var(--colorsec) , 292px 598px var(--colorsec) , 1956px 317px var(--colorsec) , 454px 6px var(--colorsec) , 966px 93px var(--colorsec) , 1246px 399px var(--colorsec) , 1230px 1064px var(--colorsec) , 1104px 1992px var(--colorsec) , 231px 1429px var(--colorsec) , 54px 1216px var(--colorsec) , 364px 1048px var(--colorsec) , 105px 1971px var(--colorsec) , 475px 1683px var(--colorsec) , 1892px 553px var(--colorsec) , 966px 265px var(--colorsec) , 1652px 1029px var(--colorsec) , 299px 645px var(--colorsec) , 1971px 1643px var(--colorsec) , 524px 1255px var(--colorsec) , 985px 1176px var(--colorsec) , 667px 913px var(--colorsec) , 574px 285px var(--colorsec) , 785px 976px var(--colorsec) , 740px 804px var(--colorsec) , 1786px 1027px var(--colorsec) , 1606px 1473px var(--colorsec) , 212px 1992px var(--colorsec) , 859px 472px var(--colorsec) , 574px 270px var(--colorsec) , 85px 1246px var(--colorsec) , 774px 1818px var(--colorsec) , 683px 297px var(--colorsec) , 969px 494px var(--colorsec) , 1966px 1495px var(--colorsec) , 1882px 508px var(--colorsec) , 1689px 475px var(--colorsec) , 525px 1074px var(--colorsec) , 79px 567px var(--colorsec) , 1321px 1166px var(--colorsec) , 646px 867px var(--colorsec) , 118px 222px var(--colorsec) , 577px 551px var(--colorsec) , 1891px 487px var(--colorsec) , 893px 1300px var(--colorsec) , 358px 1080px var(--colorsec) , 298px 1617px var(--colorsec) , 1651px 737px var(--colorsec) , 792px 76px var(--colorsec) , 1104px 1564px var(--colorsec) , 1879px 372px var(--colorsec) , 1203px 1355px var(--colorsec) , 484px 142px var(--colorsec) , 607px 1678px var(--colorsec) , 1098px 1153px var(--colorsec);
  }
/*skills circulos*/
.inventer{
	max-width: 150px;
	max-height: 50px;
}
.titulodesc{
	color:#ccc;
	font-size: 18px;
    line-height: 1.2;
    text-transform: none;
}
.flex-containervs {
	list-style:none;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
.flex-containervs2 {
	list-style:none;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
.flex-itemvs {
	height: fit-content;
	width: fit-content;
	line-height: fit-content;
	color: var(--colorppal);
	text-align: center;
}
.flex-itemvs2 {
	height: fit-content;
	width: fit-content;
	line-height: fit-content;
	color: var(--colorppal);
	text-align: center;
}
.truqui{
	width: 3vw;
	height: 5vh;
	margin-left: 83px;
	margin-top: 77px;
}
.feras{
	/*fill: #e0f4fc;*/
	/*#112933*/
	fill: transparent;
	/*fill: #FF0000;*/
	/*fill: var(--colorsec)fff;*/
}
.trucopoint{
	margin-top: 60vh;
	background: transparent;
}
.trucopoint6{
	margin-top: 0;
}
.trucopoint5{
	margin-top: 6vh;
	background: transparent;
}
.trucopoint4{
	margin-top: 54vh;
	height: 60vh;
	background: transparent;
}
/*.trucopoint2{
	margin-top: 75vh;
}*/
.trucopoint2{
	margin-top: 85vh;
}
.irarriba{
	margin-top: -8.5vh;
	margin-left: 3.6vw;
	position: absolute;
	z-index: 999;
	  animation: 2s float5 linear infinite;
  -webkit-animation: 2s float5 linear infinite;
  -moz-animation: 2s float5 linear infinite;
  -o-animation: 2s float5 linear infinite;
}
.cripi{
	width: 70px;
	height: 70px;
	/*border-radius: 50%;*/
	background-image: url(../img/chitabajo.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 60px 30px;
	z-index: 1;
	/*cursor: url(../img/mano.svg), auto;*/
}
.ratos{
	 box-shadow: 0 0 0 0 rgba(#5a99d4, .5);
  -webkit-animation: pulse90 1.5s infinite;
}
.irabajo{
	margin-top: -63.4vh;
	margin-left: 3.3vw;
	position: absolute;
	z-index: 999;
	display: none;
}
.subirla{
	width:98px;
	height:auto;
	/*transform: scaleY(-1);*/
	/*cursor: url(../img/mano.svg), auto;*/
}
.bajarla{
	width:98px;
	height:auto;
	transform: scaleY(-1);
	/*cursor: url(../img/mano.svg), auto;*/
}
.puntomov{
	width: 100%;
	height: 100%;
	position: absolute;
	margin-top: -30.5vh;
	/*margin-left: calc(45vw);*/
	/*margin-top: calc(25vh);*/
	/*z-index: -9999;
	background-image: url(../img/ojocerrado.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 170px auto;*/
	z-index: 1;
}
.rellenarblanco2{
	width: 100%;
	height: 50vh;
	position: absolute;
	z-index: -9999;
	/*background-image: url(../img/ojocerradob.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 170px auto;
	top: -30vh;
	filter: invert(1);*/
}
.delrectangulo2{
	/*margin-top: -214.5vh;
    margin-left: -75vw;*/
	/*width: 250vw;
	height: 480vh;*/
	width: 50vw;
	height: 50vh;
	border-radius: 50%;
	/*background: #f00;*/
	background: var(--colorsec);
	border: 2px solid #000;
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	-webkit-box-pack: center;
    -ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	opacity: 1;
	will-change: transform;
	/*will-change: transform, scale;
	transform: scale(0.001);
	-moz-transform: scale(0.001);
	-webkit-transform: scale(0.001);
	-o-transform: scale(0.001);
	-ms-transform: scale(0.001);*/
}
.stage {
	width: 100%;
	
	will-change:transform;
	transition:transform;
	-webkit-transition:transform;
	-moz-transition:transform;
	-o-transition:transform;
	transform-origin:50% 50%;
	-webkit-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	-moz-transform-origin:50% 50%;
	-o-transform-origin:50% 50%;
	
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
	-o-transform-style:preserve-3d;
	transform-style:preserve-3d;
	perspective: 1000;
	-moz-perspective: 1000;
	-webkit-perspective: 1000;
	-o-perspective: 1000;
}
/*
	
		-webkit-transform-style:preserve-3d;
	   -moz-transform-style:preserve-3d;
		-ms-transform-style:preserve-3d;
		 -o-transform-style:preserve-3d;
        transform-style:preserve-3d;
		perspective: 1000;
		-moz-perspective: 1000;
		-webkit-perspective: 1000;
		-o-perspective: 1000;

	will-change:transform,opacity;

	transition:transform .3s;
	-webkit-transition:transform .3s;
	-moz-transition:transform .3s;
	-o-transition:transform .3s;
	transform-origin:0 50%;
	-webkit-transform-origin:0 50%;
	-ms-transform-origin:0 50%;
	-moz-transform-origin:0 50%;
	-o-transform-origin:0 50%;


	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;

*/

/*capa efecto blur*/

.unacosa{
	position:absolute;
	margin-top:-65vh;
	height:100px;
	width:100%;
	z-index: 98;
	backdrop-filter: blur(13px);
	-webkit-backdrop-filter: blur(13px);
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

/*capa efecto blur*/
.milogo{
	width:80px;
	height:61px;
}
.marquesina2{
	overflow: hidden;
	color:var(--colorsec);
	font-size: 3vw;
}
/*MARQUESINAS SKILLS*/

/*.labomb a{
	cursor: url(../img/puntero.svg), auto;
	transition: color .5s ease-in;
	-webkit-transition: color .5s ease-in;
	-moz-transition: color .5s ease-in;
	-o-transition: color .5s ease-in;
	text-shadow: 8px 5px dodgerblue;
	font-style:italic;
}*/
.textounopwork{
	margin-left: 10vw;
}
/*.conjuntopreviaworks{
	margin-left: calc(11vw);
}*/
.textodospwork{
	/*margin-right: 4vw;*/
	margin-top: 20vh;
	margin-right: 10vw;
}
#previawork{
	/*margin-left: 4vw;*/
	margin-right: 4vw;
	margin-top: 20vh;
	width: 100%;
}
.displacement {
   filter: url(#displacementFilter);
}
.displacement2 {
   filter: url(#displacementFilter2);
}
#previawork h2{
	font-weight: 600;
	letter-spacing: -.5vw;
	font-size: 11vw;
}
.imgpreviaworks{
	width: 100%;
	position: absolute;
	z-index: 0;
	left: 0;
	margin-top:-20vh;
	background: transparent;
}
.mifotowork{	
	/*opacity: .3;*/
	-webkit-filter: drop-shadow(5px 5px 5px #ccc);
    filter: drop-shadow(5px 5px 5px #ccc);
}
.puntopreviawork{
	margin-top: -85vh;
	height: 10vh;
	/*position: absolute;*/
}
.puntofijowork{
	margin-top: 135vh;
	height: 10vh;
	position: absolute;
	/*background: red;*/
}
.textopreviaworks{
	width: 100%;
	position: absolute;
	z-index: 1;
}
.marquee-content {
	display: inline-block;
	width: 250vw;  
	top:0;
	left:-2vw;
	padding-top: 0;
	/*margin-bottom: -3.6vh;*/
	font-weight: 600;
	letter-spacing: -1vw;
	font-size: 11vw;
	transition:transform .3s;
	-webkit-transition:transform .3s;
	-moz-transition:transform .3s;
	-o-transition:transform .3s;
	transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
}
.marquee-content img{
	/*filter: invert(1) drop-shadow(0px 0px 0px var(--colorelem));*/
	/*filter: invert(1);*/
	/*width:5.86vw;*/
	/*height:auto;*/
}
.marquee2 {
	width: 250vw;
	margin: 0 auto;
	overflow: hidden;
	white-space: nowrap;
	/*background: var(--colorppal);*/
	margin-left: -40vw;
}
.labomb{
	/*margin-top: 10vh;*/
}
.marquee3 {
	width: 250vw;
	margin: 0 auto;
	overflow: hidden;
	white-space: nowrap;
	/*background: var(--colorppal);*/
	margin-top: -5vh;
	margin-left: -100vw;
	/*border-top: 2px solid var(--colorelem);*/
	/*height:20vh;*/
	/*border-bottom: 2px solid var(--colorelem);*/
}
.marquee3 a{
	color: var(--colorelem);
}
.marquee2 a{
	color: var(--colorelem);
}
.skillsestrella{
	width: 6vw;
    height: auto;
    margin-bottom: 1.2vh;
    filter: invert(1);
}
.item-collection-1 {
	position: relative;
	left: 0%;
}
.mistik{
	/*position: absolute;*/
	z-index: 2;
}
/*MARQUESINAS SKILLS*/
.titulodeskills{
	position: absolute;
    margin-top: -6.5vh;
    left: 33vw;
    z-index: -1;
    width: 54vw;
    height: 2vh;
    border-top: 2px solid var(--colorelem);
}
.trucoskill2capa{
	width: 100%;
	position: absolute;
}
.trucoskill3capa{
	width: 100%;
	position: absolute;
}
.trucoskillcapa{
	position: absolute;
	width: 100%;
}
.trucoskillfincapa{
	width: 100vw;
	/*height: 2px;*/
	height:0;
	position: absolute;
	background: var(--colorppal);
	margin-top: 118px;
	opacity: 0;
	left:0;
}
.trucoskillfincapa2{
	width: 100%;
	position: absolute;
	opacity: 0;
}
.trucoskill{
	color:var(--colorppal);
    letter-spacing: -0.2vw;
    font-weight: 800;
    font-size: 250px;
}
.trucoskill2{
	background: -webkit-linear-gradient(to bottom, var(--colorppal) 50%, transparent 50%);
	background: linear-gradient(to bottom, var(--colorppal) 50%, transparent 50%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    letter-spacing: -0.2vw;
    font-weight: 800;
    font-size: 250px;
}
.trucoskill3{
	background: -webkit-linear-gradient(to top, var(--colorppal) 50%, transparent 50%);
	background: linear-gradient(to top, var(--colorppal) 50%, transparent 50%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    letter-spacing: -0.2vw;
    font-weight: 800;
    font-size: 250px;
}
.trucoskillseccion{
	margin-left: -4vw;
	margin-top: 57vh;
	width: 100%;
	height: 100%;
	margin-bottom: 240vh;
}
.fadein17 {
	animation: 800ms fadeIn17 ease-in-out;
	-webkit-animation: 800ms fadeIn17 ease-in-out;
	-moz-animation: 800ms fadeIn17 ease-in-out;
	-o-animation: 800ms fadeIn17 ease-in-out;
}
.fadeout17 {
	animation: 800ms fadeOut17 ease-in-out;
	-webkit-animation: 800ms fadeOut17 ease-in-out;
	-moz-animation: 800ms fadeOut17 ease-in-out;
	-o-animation: 800ms fadeOut17 ease-in-out;
}
.drip {
  width: 200px;
  height: 250px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: auto;
  position: relative;
}
 .drip:before {
    position: absolute;
    left: 93px;
    top: 0;
    content: '';
    width: 6px;
    height: 6px;
    background-color: var(--colorsec);
    border-radius: 50%;
    opacity: 0;
    animation: drip 4s ease infinite;
	-webkit-animation: drip 4s ease infinite;
	-moz-animation: drip 4s ease infinite;
	-o-animation: drip 4s ease infinite;
  }
  .drip:after {
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: 0px;
    height: 0px;
    border: solid 4px var(--colorsec);
    border-radius: 50%;
    opacity: 0;
    animation: splash 4s ease infinite;
	-webkit-animation: splash 4s ease infinite;
	-moz-animation: splash 4s ease infinite;
	-o-animation: splash 4s ease infinite;
  }
.line {
	width: 1vw;
	height: 6px;
	margin-left: 0;
	position: relative;
	display: inline-block;
	background-color: var(--colorppal);
}
.lineaviva{
	width: 100%;
	margin-left: -2vw;
}
.lineaviva2{
	width: 100%;
	text-align: right;
	margin-top: 18vh;
}
.line2 {
	width: 1vw;
	height: 6px;
	right: -2vw;
	position: absolute;
	display: inline-block;
	background-color: var(--colorppal);
}
.line3 {
	width: 1vw;
	height: 6px;
	margin-left: 0;
	position: relative;
	display: inline-block;
	background-color: var(--colorppal);
}
.lineaviva3{
	width: 100%;
	margin-left: -2vw;
	margin-top: 35vh;
}
/*movi***************************************************************************************************************/
/*movi***************************************************************************************************************/
.splitting .whitespace{
display:inline-block;white-space:pre
}
.unbutton{
	background:none;border:0;padding:0;margin:0;font:inherit
}
.unbutton:focus{
	outline:none
}
.hover-line{overflow:hidden;position:relative;display:inline-block}
.hover-line:before{
	content:"";
	height:1px;
	width:100%;
	background:currentColor;
	position:absolute;
	top:94%;
	transition:transform .3s;
	-webkit-transition:transform .3s;
	-moz-transition:transform .3s;
	-o-transition:transform .3s;
	transform-origin:0 50%;
	-webkit-transform-origin:0 50%;
	-ms-transform-origin:0 50%;
	-moz-transform-origin:0 50%;
	-o-transform-origin:0 50%;
}
.hover-line:hover:before{
	transform:scaleX(0);
	  -moz-transform: scaleX(0);
	  -webkit-transform: scaleX(0);
	  -o-transform: scaleX(0);
	  -ms-transform: scaleX(0); 
	transform-origin:100% 50%;
	-webkit-transform-origin:100% 50%;
	-ms-transform-origin:100% 50%;
	-moz-transform-origin:100% 50%;
	-o-transform-origin:100% 50%;
}
.frame{padding:3rem 5vw;text-align:center;font-weight:500;text-transform:uppercase;position:fixed;z-index:100;top:0;left:0;width:100%}
.frame__title{font-size:inherit;margin:0 0 1rem;font-weight:500}
.frame__links a:not(:last-child){
	margin-right:1rem
}
.circle{fill:none;stroke:var(--color-circle);stroke-width:1px;will-change:transform,opacity;position:absolute;pointer-events:none;top:50%;left:50%;margin:-800px 0 0 -800px}
.menu272{grid-area:1/1/2/2;display:grid;place-items:self-start;position:relative}
.menu__item272{
	cursor: url(../img/mano.svg), auto;
	color:transparent;
	line-height:.9;
	text-transform:uppercase;
	font-size:6vw;
	font-weight:600;
	will-change:transform;
	pointer-events:none;
	transform:translateZ(0);
	  -moz-transform: translateZ(0);
	  -webkit-transform: translateZ(0);
	  -o-transform: translateZ(0);
	  -ms-transform: translateZ(0); 
	-webkit-text-stroke: 3px var(--colorppal);
	text-stroke: 3px var(--colorppal);
	transition: color .5s ease-in;
	-webkit-transition: color .5s ease-in;
	-moz-transition: color .5s ease-in;
	-o-transition: color .5s ease-in;
}
.menu--open .menu__item272{pointer-events:auto}
.menu__item272:hover{color:var(--colorppal);cursor: url(../img/verlo2.png), auto;}
.menu__item272 .char{will-change:transform,opacity}
.stack{
	position:absolute;
	top:0;
	right:14%;
	width:100%;
	height:60vh;
	pointer-events:none;
	display:grid;
	place-items:right;
	align-content:right;
	justify-content:right;
	grid-gap:7vh;
	opacity:0;
	z-index:-1;
}
.stack__img{
	height: auto;
	width: 47vw;
	margin-left:0;
	will-change:transform;
}
.stack__img3{
	will-change:transform;
	height: auto;
	width: 43vw;
	margin-top:-4vw;
}
.stack__img2{
	will-change:transform;
	height: auto;
	width: 40vw;
}
.accordionBox {
  display:none;
}
.content-wrap272{display:none;overflow:hidden}
.js .content272{opacity:0;pointer-events:none}
.js .content272--current{opacity:1;pointer-events:auto}
.content272{grid-area:1/1/2/2;display:grid;place-items:center;height:100vh}
.content__title{color:var(--color-content);font-size:9vw;font-weight:600;text-transform:uppercase;white-space:nowrap;grid-area:1/1/2/2}
.content272:nth-child(2n) .content__title{font-weight:300;font-style:italic;}
.content__title .char{will-change:transform,opacity}
.content__text{max-width:50ch;position:relative;align-self:end;margin:0 auto 3rem;font-size:1.25rem;grid-area:1/1/2/2;will-change:opacity,transform}
.content__text:after{content:"";position:fixed;pointer-events:none;z-index:500;width:100%;height:100%;top:0;left:0;z-index:1;background:linear-gradient(transparent,transparent 70%,var(--color-bg))}
.close272{color:var(--color-menu);cursor:pointer;line-height:1;opacity:0;pointer-events:none;position:absolute;top:.65rem;font-weight:500;right:1rem;z-index:150;text-transform:uppercase}
.close272:focus,.close272:hover{color:var(--color-menu-hover)}
.content272--current~.close272{opacity:1;pointer-events:auto}
.close__cross{font-size:120%;margin-right:.25rem}
.splitting .char,.splitting .word{display:inline-block}.splitting .char{position:relative}
.splitting .char:after,.splitting .char:before{content:attr(data-char);position:absolute;top:0;left:0;visibility:hidden;transition:inherit;-webkit-transition:inherit;-moz-transition:inherit;-o-transition:inherit;user-select:none}
.splitting{--word-center:calc(var(--word-total)/2 - 0.5);--char-center:calc(var(--char-total)/2 - 0.5);--line-center:calc(var(--line-total)/2 - 0.5)}
.splitting .word{--word-percent:calc(var(--word-index)/var(--word-total));--line-percent:calc(var(--line-index)/var(--line-total))}
.splitting .char{--char-percent:calc(var(--char-index)/var(--char-total));--char-offset:calc(var(--char-index) - var(--char-center));--distance:calc(var(--char-offset)*var(--char-offset)/var(--char-center));--distance-sine:calc(var(--char-offset)/var(--char-center));--distance-percent:calc(var(--distance)/var(--char-center))}
.splitting.cells img{width:100%;display:block}
@supports (display:grid){.splitting.cells{position:relative;overflow:hidden;background-size:cover;visibility:hidden}.splitting .cell-grid{background:inherit;position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template:repeat(var(--row-total),1fr)/repeat(var(--col-total),1fr)}.splitting .cell{background:inherit;position:relative;overflow:hidden}.splitting .cell-inner{background:inherit;position:absolute;visibility:visible;width:calc(100%*var(--col-total));height:calc(100%*var(--row-total));left:calc(-100%*var(--col-index));top:calc(-100%*var(--row-index))}.splitting .cell{--center-x:calc(var(--col-total)/2 - 0.5);--center-y:calc(var(--row-total)/2 - 0.5);--offset-x:calc(var(--col-index) - var(--center-x));--offset-y:calc(var(--row-index) - var(--center-y));--distance-x:calc(var(--offset-x)*var(--offset-x)/var(--center-x));--distance-y:calc(var(--offset-y)*var(--offset-y)/var(--center-y))}}
/*movid*/
.desdeizqda{
	right:-100%;
	z-index:-2;
	transform: scale(0.67);
	-moz-transform: scale(0.67);
	-webkit-transform: scale(0.67);
	-o-transform: scale(0.67);
	-ms-transform: scale(0.67);
}
#container:nth-child(1) .stage {
  perspective-origin: 50% 225px;
  -webkit-perspective-origin: 50% 225px;
  -moz-perspective-origin: 50% 225px;
  -o-perspective-origin: 50% 225px;
}
#container:nth-child(1) .stage .shape {
  animation: spin 30s infinite linear;
  -webkit-animation: spin 30s infinite linear;
  -moz-animation: spin 30s infinite linear;
  -o-animation: spin 30s infinite linear;
}
#container:nth-child(2) .stage {
  perspective-origin: 50% 425px;
  -webkit-perspective-origin: 50% 425px;
  -moz-perspective-origin: 50% 425px;
  -o-perspective-origin: 50% 425px;
}
#container:nth-child(2) .stage .shape {
  animation: spin 4s infinite linear;
  -webkit-animation: spin 4s infinite linear;
  -moz-animation: spin 4s infinite linear;
  -o-animation: spin 4s infinite linear;
}
#container:nth-child(3) .stage {
  perspective-origin: 50% 325px;
  -webkit-perspective-origin: 50% 325px;
  -moz-perspective-origin: 50% 325px;
  -o-perspective-origin: 50% 325px;
}
#container:nth-child(3) .stage .shape {
  animation: spin 8s infinite linear;
  -webkit-animation: spin 8s infinite linear;
  -webkit-animation: spin 8s infinite linear;
  -webkit-animation: spin 8s infinite linear;
}
#container:nth-child(4) .stage {
  perspective-origin: 50% 225px;
  -webkit-perspective-origin: 50% 225px;
  -moz-perspective-origin: 50% 225px;
  -o-perspective-origin: 50% 225px;
}
#container:nth-child(4) .stage .shape {
  animation: spin 16s infinite linear;
  -webkit-animation: spin 16s infinite linear;
  -moz-animation: spin 16s infinite linear;
  -o-animation: spin 16s infinite linear;
}
#container:nth-child(5) .stage {
  perspective-origin: 50% 125px;
  -webkit-perspective-origin: 50% 125px;
  -moz-perspective-origin: 50% 125px;
  -o-perspective-origin: 50% 125px;
}
#container:nth-child(5) .stage .shape {
  animation: spin 32s infinite linear;
  -webkit-animation: spin 32s infinite linear;
  -moz-animation: spin 32s infinite linear;
  -o-animation: spin 32s infinite linear;
}
#container:nth-child(6) .stage {
  perspective-origin: 50% 25px;
  -webkit-perspective-origin: 50% 25px;
  -moz-perspective-origin: 50% 25px;
  -o-perspective-origin: 50% 25px;
}
#container:nth-child(6) .stage .shape {
  animation: spin 64s infinite linear;
  -webkit-animation: spin 64s infinite linear;
  -moz-animation: spin 64s infinite linear;
  -o-animation: spin 64s infinite linear;
}
.shape {
  position: relative;
  margin: 0 auto;
  height: 152px;
  width: 50px;
  -webkit-transform-style:preserve-3d;
   -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
     -o-transform-style:preserve-3d;
        transform-style:preserve-3d;
}
.plane {
  position: absolute;
  height: 152px;
  width: 100px;
  font-weight:900;
  text-align: center;
  font-size: 150px;
  color: var(--colorppal);
  background-color: rgba(255, 255, 255, .2);
  transform: translateZ(380px);
	-moz-transform: translateZ(380px);
	-webkit-transform: translateZ(380px);
	-o-transform: translateZ(380px);
	-ms-transform: translateZ(380px);
  
}
.plane div{
	margin-top:-4.4vh;
}
.imagenspin{
	margin-top: 3.4vh;
}
.plane:nth-child(1) {
  transform: rotateY(15deg) translateZ(380px);
	-moz-transform: rotateY(15deg) translateZ(380px);
	-webkit-transform: rotateY(15deg) translateZ(380px);
	-o-transform: rotateY(15deg) translateZ(380px);
	-ms-transform: rotateY(15deg) translateZ(380px);
}
.plane:nth-child(2) {
  transform: rotateY(30deg) translateZ(380px);
	-moz-transform: rotateY(30deg) translateZ(380px);
	-webkit-transform: rotateY(30deg) translateZ(380px);
	-o-transform: rotateY(30deg) translateZ(380px);
	-ms-transform: rotateY(30deg) translateZ(380px);
}
.plane:nth-child(3) {
  transform: rotateY(45deg) translateZ(380px);
	-moz-transform: rotateY(45deg) translateZ(380px);
	-webkit-transform: rotateY(45deg) translateZ(380px);
	-o-transform: rotateY(45deg) translateZ(380px);
	-ms-transform: rotateY(45deg) translateZ(380px);
}
.plane:nth-child(4) {
  transform: rotateY(60deg) translateZ(380px);
	-moz-transform: rotateY(60deg) translateZ(380px);
	-webkit-transform: rotateY(60deg) translateZ(380px);
	-o-transform: rotateY(60deg) translateZ(380px);
	-ms-transform: rotateY(60deg) translateZ(380px);
}
.plane:nth-child(5) {
  transform: rotateY(75deg) translateZ(380px);
	-moz-transform: rotateY(75deg) translateZ(380px);
	-webkit-transform: rotateY(75deg) translateZ(380px);
	-o-transform: rotateY(75deg) translateZ(380px);
	-ms-transform: rotateY(75deg) translateZ(380px);
}
.plane:nth-child(6) {
  transform: rotateY(90deg) translateZ(380px);
	-moz-transform: rotateY(90deg) translateZ(380px);
	-webkit-transform: rotateY(90deg) translateZ(380px);
	-o-transform: rotateY(90deg) translateZ(380px);
	-ms-transform: rotateY(90deg) translateZ(380px);
}
.plane:nth-child(7) {
  transform: rotateY(105deg) translateZ(380px);
	-moz-transform: rotateY(105deg) translateZ(380px);
	-webkit-transform: rotateY(105deg) translateZ(380px);
	-o-transform: rotateY(105deg) translateZ(380px);
	-ms-transform: rotateY(105deg) translateZ(380px);
}
.plane:nth-child(8) {
  transform: rotateY(120deg) translateZ(380px);
	-moz-transform: rotateY(120deg) translateZ(380px);
	-webkit-transform: rotateY(120deg) translateZ(380px);
	-o-transform: rotateY(120deg) translateZ(380px);
	-ms-transform: rotateY(120deg) translateZ(380px);
}
.plane:nth-child(9) {
  transform: rotateY(135deg) translateZ(380px);
	-moz-transform: rotateY(135deg) translateZ(380px);
	-webkit-transform: rotateY(135deg) translateZ(380px);
	-o-transform: rotateY(135deg) translateZ(380px);
	-ms-transform: rotateY(135deg) translateZ(380px);
}
.plane:nth-child(10) {
  transform: rotateY(150deg) translateZ(380px);
	-moz-transform: rotateY(150deg) translateZ(380px);
	-webkit-transform: rotateY(150deg) translateZ(380px);
	-o-transform: rotateY(150deg) translateZ(380px);
	-ms-transform: rotateY(150deg) translateZ(380px);
}
.plane:nth-child(11) {
  transform: rotateY(165deg) translateZ(380px);
	-moz-transform: rotateY(165deg) translateZ(380px);
	-webkit-transform: rotateY(165deg) translateZ(380px);
	-o-transform: rotateY(165deg) translateZ(380px);
	-ms-transform: rotateY(165deg) translateZ(380px);
}
.plane:nth-child(12) {
  transform: rotateY(180deg) translateZ(380px);
	-moz-transform: rotateY(180deg) translateZ(380px);
	-webkit-transform: rotateY(180deg) translateZ(380px);
	-o-transform: rotateY(180deg) translateZ(380px);
	-ms-transform: rotateY(180deg) translateZ(380px);
}
.plane:nth-child(13) {
  transform: rotateY(195deg) translateZ(380px);
	-moz-transform: rotateY(195deg) translateZ(380px);
	-webkit-transform: rotateY(195deg) translateZ(380px);
	-o-transform: rotateY(195deg) translateZ(380px);
	-ms-transform: rotateY(195deg) translateZ(380px);
}
.plane:nth-child(14) {
   transform: rotateY(210deg) translateZ(380px);
	-moz-transform: rotateY(210deg) translateZ(380px);
	-webkit-transform: rotateY(210deg) translateZ(380px);
	-o-transform: rotateY(210deg) translateZ(380px);
	-ms-transform: rotateY(210deg) translateZ(380px);
}
.plane:nth-child(15) {
  transform: rotateY(225deg) translateZ(380px);
	-moz-transform: rotateY(225deg) translateZ(380px);
	-webkit-transform: rotateY(225deg) translateZ(380px);
	-o-transform: rotateY(225deg) translateZ(380px);
	-ms-transform: rotateY(225deg) translateZ(380px);
}
.plane:nth-child(16) {
  transform: rotateY(240deg) translateZ(380px);
	-moz-transform: rotateY(240deg) translateZ(380px);
	-webkit-transform: rotateY(240deg) translateZ(380px);
	-o-transform: rotateY(240deg) translateZ(380px);
	-ms-transform: rotateY(240deg) translateZ(380px);
}
.plane:nth-child(17) {
  transform: rotateY(255deg) translateZ(380px);
	-moz-transform: rotateY(255deg) translateZ(380px);
	-webkit-transform: rotateY(255deg) translateZ(380px);
	-o-transform: rotateY(255deg) translateZ(380px);
	-ms-transform: rotateY(255deg) translateZ(380px);
}
.plane:nth-child(18) {
  transform: rotateY(270deg) translateZ(380px);
	-moz-transform: rotateY(270deg) translateZ(380px);
	-webkit-transform: rotateY(270deg) translateZ(380px);
	-o-transform: rotateY(270deg) translateZ(380px);
	-ms-transform: rotateY(270deg) translateZ(380px);
}
.plane:nth-child(19) {
  transform: rotateY(285deg) translateZ(380px);
	-moz-transform: rotateY(285deg) translateZ(380px);
	-webkit-transform: rotateY(285deg) translateZ(380px);
	-o-transform: rotateY(285deg) translateZ(380px);
	-ms-transform: rotateY(285deg) translateZ(380px);
}
.plane:nth-child(20) {
  transform: rotateY(300deg) translateZ(380px);
	-moz-transform: rotateY(300deg) translateZ(380px);
	-webkit-transform: rotateY(300deg) translateZ(380px);
	-o-transform: rotateY(300deg) translateZ(380px);
	-ms-transform: rotateY(300deg) translateZ(380px);
}
.plane:nth-child(21) {
  transform: rotateY(315deg) translateZ(380px);
	-moz-transform: rotateY(315deg) translateZ(380px);
	-webkit-transform: rotateY(315deg) translateZ(380px);
	-o-transform: rotateY(315deg) translateZ(380px);
	-ms-transform: rotateY(315deg) translateZ(380px);
}
.plane:nth-child(22) {
   transform: rotateY(330deg) translateZ(380px);
	-moz-transform: rotateY(330deg) translateZ(380px);
	-webkit-transform: rotateY(330deg) translateZ(380px);
	-o-transform: rotateY(330deg) translateZ(380px);
	-ms-transform: rotateY(330deg) translateZ(380px);
}
.plane:nth-child(23) {
  transform: rotateY(345deg) translateZ(380px);
	-moz-transform: rotateY(345deg) translateZ(380px);
	-webkit-transform: rotateY(345deg) translateZ(380px);
	-o-transform: rotateY(345deg) translateZ(380px);
	-ms-transform: rotateY(345deg) translateZ(380px);
}
.plane:nth-child(24) {
   transform: rotateY(360deg) translateZ(380px);
	-moz-transform: rotateY(360deg) translateZ(380px);
	-webkit-transform: rotateY(360deg) translateZ(380px);
	-o-transform: rotateY(360deg) translateZ(380px);
	-ms-transform: rotateY(360deg) translateZ(380px);
}
.plane:nth-child(25) {
  transform: rotateY(375deg) translateZ(380px);
	-moz-transform: rotateY(375deg) translateZ(380px);
	-webkit-transform: rotateY(375deg) translateZ(380px);
	-o-transform: rotateY(375deg) translateZ(380px);
	-ms-transform: rotateY(375deg) translateZ(380px);
}
.plane:nth-child(26) {
  transform: rotateY(390deg) translateZ(380px);
	-moz-transform: rotateY(390deg) translateZ(380px);
	-webkit-transform: rotateY(390deg) translateZ(380px);
	-o-transform: rotateY(390deg) translateZ(380px);
	-ms-transform: rotateY(390deg) translateZ(380px);
}
.plane:nth-child(27) {
  transform: rotateY(405deg) translateZ(380px);
	-moz-transform: rotateY(405deg) translateZ(380px);
	-webkit-transform: rotateY(405deg) translateZ(380px);
	-o-transform: rotateY(405deg) translateZ(380px);
	-ms-transform: rotateY(405deg) translateZ(380px);
}
.plane:nth-child(28) {
  transform: rotateY(420deg) translateZ(380px);
	-moz-transform: rotateY(420deg) translateZ(380px);
	-webkit-transform: rotateY(420deg) translateZ(380px);
	-o-transform: rotateY(420deg) translateZ(380px);
	-ms-transform: rotateY(420deg) translateZ(380px);
}
.plane:nth-child(29) {
  transform: rotateY(435deg) translateZ(380px);
	-moz-transform: rotateY(435deg) translateZ(380px);
	-webkit-transform: rotateY(435deg) translateZ(380px);
	-o-transform: rotateY(435deg) translateZ(380px);
	-ms-transform: rotateY(435deg) translateZ(380px);
}
.plane:nth-child(30) {
   transform: rotateY(450deg) translateZ(380px);
	-moz-transform: rotateY(450deg) translateZ(380px);
	-webkit-transform: rotateY(450deg) translateZ(380px);
	-o-transform: rotateY(450deg) translateZ(380px);
	-ms-transform: rotateY(450deg) translateZ(380px);
}
.plane:nth-child(31) {
  transform: rotateY(465deg) translateZ(380px);
	-moz-transform: rotateY(465deg) translateZ(380px);
	-webkit-transform: rotateY(465deg) translateZ(380px);
	-o-transform: rotateY(465deg) translateZ(380px);
	-ms-transform: rotateY(465deg) translateZ(380px);
}
.plane:nth-child(32) {
  transform: rotateY(480deg) translateZ(380px);
	-moz-transform: rotateY(480deg) translateZ(380px);
	-webkit-transform: rotateY(480deg) translateZ(380px);
	-o-transform: rotateY(480deg) translateZ(380px);
	-ms-transform: rotateY(480deg) translateZ(380px);
}
.plane:nth-child(33) {
  transform: rotateY(-495deg) translateZ(380px);
	-moz-transform: rotateY(-495deg) translateZ(380px);
	-webkit-transform: rotateY(-495deg) translateZ(380px);
	-o-transform: rotateY(-495deg) translateZ(380px);
	-ms-transform: rotateY(-495deg) translateZ(380px);
}
.plane:nth-child(34) {
  transform: rotateY(-510deg) translateZ(380px);
	-moz-transform: rotateY(-510deg) translateZ(380px);
	-webkit-transform: rotateY(-510deg) translateZ(380px);
	-o-transform: rotateY(-510deg) translateZ(380px);
	-ms-transform: rotateY(-510deg) translateZ(380px);
}
.plane:nth-child(35) {
  transform: rotateY(-525deg) translateZ(380px);
	-moz-transform: rotateY(-525deg) translateZ(380px);
	-webkit-transform: rotateY(-525deg) translateZ(380px);
	-o-transform: rotateY(-525deg) translateZ(380px);
	-ms-transform: rotateY(-525deg) translateZ(380px);
}
.plane:nth-child(36) {
  transform: rotateY(-540deg) translateZ(380px);
	-moz-transform: rotateY(-540deg) translateZ(380px);
	-webkit-transform: rotateY(-540deg) translateZ(380px);
	-o-transform: rotateY(-540deg) translateZ(380px);
	-ms-transform: rotateY(-540deg) translateZ(380px);
}
.plane:nth-child(37) {
  transform: rotateY(-555deg) translateZ(380px);
	-moz-transform: rotateY(-555deg) translateZ(380px);
	-webkit-transform: rotateY(-555deg) translateZ(380px);
	-o-transform: rotateY(-555deg) translateZ(380px);
	-ms-transform: rotateY(-555deg) translateZ(380px);
}
.plane:nth-child(38) {
  transform: rotateY(-570deg) translateZ(380px);
	-moz-transform: rotateY(-570deg) translateZ(380px);
	-webkit-transform: rotateY(-570deg) translateZ(380px);
	-o-transform: rotateY(-570deg) translateZ(380px);
	-ms-transform: rotateY(-570deg) translateZ(380px);
}
.plane:nth-child(39) {
  transform: rotateY(-585deg) translateZ(380px);
	-moz-transform: rotateY(-585deg) translateZ(380px);
	-webkit-transform: rotateY(-585deg) translateZ(380px);
	-o-transform: rotateY(-585deg) translateZ(380px);
	-ms-transform: rotateY(-585deg) translateZ(380px);
}
.plane:nth-child(40) {
  transform: rotateY(-600deg) translateZ(380px);
	-moz-transform: rotateY(-600deg) translateZ(380px);
	-webkit-transform: rotateY(-600deg) translateZ(380px);
	-o-transform: rotateY(-600deg) translateZ(380px);
	-ms-transform: rotateY(-600deg) translateZ(380px);
}
.plane:nth-child(41) {
  transform: rotateY(-615deg) translateZ(380px);
	-moz-transform: rotateY(-615deg) translateZ(380px);
	-webkit-transform: rotateY(-615deg) translateZ(380px);
	-o-transform: rotateY(-615deg) translateZ(380px);
	-ms-transform: rotateY(-615deg) translateZ(380px);
}
.plane:nth-child(42) {
  transform: rotateY(-630deg) translateZ(380px);
	-moz-transform: rotateY(-630deg) translateZ(380px);
	-webkit-transform: rotateY(-630deg) translateZ(380px);
	-o-transform: rotateY(-630deg) translateZ(380px);
	-ms-transform: rotateY(-630deg) translateZ(380px);
}
.plane:nth-child(43) {
  transform: rotateY(-645deg) translateZ(380px);
	-moz-transform: rotateY(-645deg) translateZ(380px);
	-webkit-transform: rotateY(-645deg) translateZ(380px);
	-o-transform: rotateY(-645deg) translateZ(380px);
	-ms-transform: rotateY(-645deg) translateZ(380px);
}
.plane:nth-child(44) {
  transform: rotateY(-660deg) translateZ(380px);
	-moz-transform: rotateY(-660deg) translateZ(380px);
	-webkit-transform: rotateY(-660deg) translateZ(380px);
	-o-transform: rotateY(-660deg) translateZ(380px);
	-ms-transform: rotateY(-660deg) translateZ(380px);
}
.plane:nth-child(45) {
  transform: rotateY(-675deg) translateZ(380px);
	-moz-transform: rotateY(-675deg) translateZ(380px);
	-webkit-transform: rotateY(-675deg) translateZ(380px);
	-o-transform: rotateY(-675deg) translateZ(380px);
	-ms-transform: rotateY(-675deg) translateZ(380px);
}
.plane:nth-child(46) {
  transform: rotateY(-690deg) translateZ(380px);
	-moz-transform: rotateY(-690deg) translateZ(380px);
	-webkit-transform: rotateY(-690deg) translateZ(380px);
	-o-transform: rotateY(-690deg) translateZ(380px);
	-ms-transform: rotateY(-690deg) translateZ(380px);
}
.plane:nth-child(47) {
  transform: rotateY(-705deg) translateZ(380px);
	-moz-transform: rotateY(-705deg) translateZ(380px);
	-webkit-transform: rotateY(-705deg) translateZ(380px);
	-o-transform: rotateY(-705deg) translateZ(380px);
	-ms-transform: rotateY(-705deg) translateZ(380px);
}
.plane:nth-child(48) {
  transform: rotateY(-720deg) translateZ(380px);
	-moz-transform: rotateY(-720deg) translateZ(380px);
	-webkit-transform: rotateY(-720deg) translateZ(380px);
	-o-transform: rotateY(-720deg) translateZ(380px);
	-ms-transform: rotateY(-720deg) translateZ(380px);
}
.plane:nth-child(49) {
  transform: rotateY(-735deg) translateZ(380px);
	-moz-transform: rotateY(-735deg) translateZ(380px);
	-webkit-transform: rotateY(-735deg) translateZ(380px);
	-o-transform: rotateY(-735deg) translateZ(380px);
	-ms-transform: rotateY(-735deg) translateZ(380px);
}
.plane:nth-child(50) {
  transform: rotateY(-750deg) translateZ(380px);
	-moz-transform: rotateY(-750deg) translateZ(380px);
	-webkit-transform: rotateY(-750deg) translateZ(380px);
	-o-transform: rotateY(-750deg) translateZ(380px);
	-ms-transform: rotateY(-750deg) translateZ(380px);
}
.plane:nth-child(51) {
  transform: rotateY(-765deg) translateZ(380px);
	-moz-transform: rotateY(-765deg) translateZ(380px);
	-webkit-transform: rotateY(-765deg) translateZ(380px);
	-o-transform: rotateY(-765deg) translateZ(380px);
	-ms-transform: rotateY(-765deg) translateZ(380px);
}
.plane:nth-child(52) {
  transform: rotateY(-780deg) translateZ(380px);
	-moz-transform: rotateY(-780deg) translateZ(380px);
	-webkit-transform: rotateY(-780deg) translateZ(380px);
	-o-transform: rotateY(-780deg) translateZ(380px);
	-ms-transform: rotateY(-780deg) translateZ(380px);
}
.plane:nth-child(53) {
  transform: rotateY(-795deg) translateZ(380px);
	-moz-transform: rotateY(-795deg) translateZ(380px);
	-webkit-transform: rotateY(-795deg) translateZ(380px);
	-o-transform: rotateY(-795deg) translateZ(380px);
	-ms-transform: rotateY(-795deg) translateZ(380px);
}
.plane:nth-child(54) {
  transform: rotateY(-810deg) translateZ(380px);
	-moz-transform: rotateY(-810deg) translateZ(380px);
	-webkit-transform: rotateY(-810deg) translateZ(380px);
	-o-transform: rotateY(-810deg) translateZ(380px);
	-ms-transform: rotateY(-810deg) translateZ(380px);
}
.plane:nth-child(55) {
  transform: rotateY(-825deg) translateZ(380px);
	-moz-transform: rotateY(-825deg) translateZ(380px);
	-webkit-transform: rotateY(-825deg) translateZ(380px);
	-o-transform: rotateY(-825deg) translateZ(380px);
	-ms-transform: rotateY(-825deg) translateZ(380px);
}
.plane:nth-child(56) {
  transform: rotateY(-840deg) translateZ(380px);
	-moz-transform: rotateY(-840deg) translateZ(380px);
	-webkit-transform: rotateY(-840deg) translateZ(380px);
	-o-transform: rotateY(-840deg) translateZ(380px);
	-ms-transform: rotateY(-840deg) translateZ(380px);
}
.plane:nth-child(57) {
  transform: rotateY(-855deg) translateZ(380px);
	-moz-transform: rotateY(-855deg) translateZ(380px);
	-webkit-transform: rotateY(-855deg) translateZ(380px);
	-o-transform: rotateY(-855deg) translateZ(380px);
	-ms-transform: rotateY(-855deg) translateZ(380px);
}
.plane:nth-child(58) {
  transform: rotateY(-870deg) translateZ(380px);
	-moz-transform: rotateY(-870deg) translateZ(380px);
	-webkit-transform: rotateY(-870deg) translateZ(380px);
	-o-transform: rotateY(-870deg) translateZ(380px);
	-ms-transform: rotateY(-870deg) translateZ(380px);
}
.plane:nth-child(59) {
  transform: rotateY(-885deg) translateZ(380px);
	-moz-transform: rotateY(-885deg) translateZ(380px);
	-webkit-transform: rotateY(-885deg) translateZ(380px);
	-o-transform: rotateY(-885deg) translateZ(380px);
	-ms-transform: rotateY(-885deg) translateZ(380px);
}
.plane:nth-child(60) {
  transform: rotateY(-900deg) translateZ(380px);
	-moz-transform: rotateY(-900deg) translateZ(380px);
	-webkit-transform: rotateY(-900deg) translateZ(380px);
	-o-transform: rotateY(-900deg) translateZ(380px);
	-ms-transform: rotateY(-900deg) translateZ(380px);
}
#workpnt{
	position: absolute;
	margin-top: 20.2vh;
}
#interpnt{
	position: absolute;
	margin-top: 23.5vh;
}
#skillspnt{
	position: absolute;
	margin-top: 52vh;
}
.estrella{
	margin-top: 30vh;
	margin-left: -2vw;
	animation: 3.4s float5 linear infinite;
	-webkit-animation: 3.4s float5 linear infinite;
	-moz-animation: 3.4s float5 linear infinite;
	-o-animation: 3.4s float5 linear infinite;
}
.projdd{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	margin-top: -55vh;
}
#texto1estre{
	transform: rotate(-8deg);
	-moz-transform: rotate(-8deg);
	-webkit-transform: rotate(-8deg);
	-o-transform: rotate(-8deg);
	-ms-transform: rotate(-8deg);
	font-weight: 700;
	letter-spacing: -0.05vw;
}
#texto2estre{
	transform: rotate(-8deg);
	-moz-transform: rotate(-8deg);
	-webkit-transform: rotate(-8deg);
	-o-transform: rotate(-8deg);
	-ms-transform: rotate(-8deg);
	font-weight: 700;
	letter-spacing:-0.05vw;
}
.pizza{
	width: 5vw;
	height: auto;
}
.pzzai{
	margin-left:85vw;
	margin-top:-34vh;
	display:flex;
	position:relative;
	transition: all 2s ease-in;
	-webkit-transition: all 2s ease-in;
	-moz-transition: all 2s ease-in;
	-o-transition: all 2s ease-in;
}
.apastarya{
	margin-bottom: 70vh;
}
.triangulito{
	margin-left:73vw;
	margin-top:-9vw;
	animation: 3.2s float5 linear infinite;
	-webkit-animation: 3.2s float5 linear infinite;
	-moz-animation: 3.2s float5 linear infinite;
	-o-animation: 3.2s float5 linear infinite;
}
.triangulito2{
	margin-left: 50%;
    margin-top: 10%;
	animation: 3.2s float5 linear infinite;
	-webkit-animation: 3.2s float5 linear infinite;
	-moz-animation: 3.2s float5 linear infinite;
	-o-animation: 3.2s float5 linear infinite;
	z-index:-1;
}
.ptotri{
	width:18vw;
	height:auto;
	transform: rotate(-8deg);
	-moz-transform: rotate(-8deg);
	-webkit-transform: rotate(-8deg);
	-o-transform: rotate(-8deg);
	-ms-transform: rotate(-8deg);
}
.ptotri2{
	width:200px;
	height:auto;
	transform: rotate(-8deg);
	-moz-transform: rotate(-8deg);
	-webkit-transform: rotate(-8deg);
	-o-transform: rotate(-8deg);
	-ms-transform: rotate(-8deg);
}
#containermicara {
  position:absolute;
  height: auto;
  width: 9vw;
  top: -1vh;
  left: 5vw;
  opacity:0.7;
  filter: blur(.6px);
  -webkit-filter: blur(.6px);
  -moz-filter: blur(.6px);
}
#containermicara:hover{
	animation: .5s shake linear infinite;
    -moz-animation: .5s shake linear infinite;
    -webkit-animation: .5s shake linear infinite;
    -o-animation: .5s shake linear infinite;
}
#containermicara img {
  position:absolute;
  left:0;
}
#containermicara img {
  -webkit-animation-name: imgFade;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 8s;

  -moz-animation-name: imgFade;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 8s;

  -o-animation-name: imgFade;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 8s;

  animation-name: imgFade;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 8s;
}
#containermicara img:nth-of-type(1) {
  -webkit-animation-delay: 6s;
  -moz-animation-delay: 6s;
  -o-animation-delay: 6s;
  animation-delay: 6s;
}
#containermicara img:nth-of-type(2) {
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  -o-animation-delay: 4s;
  animation-delay: 4s;
  transform: rotate(17deg);
	-moz-transform: rotate(17deg);
	-webkit-transform: rotate(17deg);
	-o-transform: rotate(17deg);
	-ms-transform: rotate(17deg);
}
#containermicara img:nth-of-type(3) {
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -o-animation-delay: 2s;
  animation-delay: 2s;
    transform: rotate(17deg);
	-moz-transform: rotate(17deg);
	-webkit-transform: rotate(17deg);
	-o-transform: rotate(17deg);
	-ms-transform: rotate(17deg);
}
#containermicara img:nth-of-type(4) {
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
    transform: rotate(17deg);
	-moz-transform: rotate(17deg);
	-webkit-transform: rotate(17deg);
	-o-transform: rotate(17deg);
	-ms-transform: rotate(17deg);
}
#containermicara2 {
	position: absolute;
    height: auto;
    width: 109px;
    top: 0vh;
    left: 52px;
    opacity: 0.7;
    filter: blur(0.6px);
    -webkit-filter: blur(0.6px);
	-moz-filter: blur(0.6px);
}
#containermicara2 img {
  position:absolute;
  left:0;
}
#containermicara2 img {
  -webkit-animation-name: imgFade;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 8s;

  -moz-animation-name: imgFade;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 8s;

  -o-animation-name: imgFade;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 8s;

  animation-name: imgFade;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 8s;
}
#containermicara2 img:nth-of-type(1) {
  -webkit-animation-delay: 6s;
  -moz-animation-delay: 6s;
  -o-animation-delay: 6s;
  animation-delay: 6s;
}
#containermicara2 img:nth-of-type(2) {
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  -o-animation-delay: 4s;
  animation-delay: 4s;
    transform: rotate(17deg);
	-moz-transform: rotate(17deg);
	-webkit-transform: rotate(17deg);
	-o-transform: rotate(17deg);
	-ms-transform: rotate(17deg);
}
#containermicara2 img:nth-of-type(3) {
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -o-animation-delay: 2s;
  animation-delay: 2s;
    transform: rotate(17deg);
	-moz-transform: rotate(17deg);
	-webkit-transform: rotate(17deg);
	-o-transform: rotate(17deg);
	-ms-transform: rotate(17deg);
}
#containermicara2 img:nth-of-type(4) {
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
    transform: rotate(17deg);
	-moz-transform: rotate(17deg);
	-webkit-transform: rotate(17deg);
	-o-transform: rotate(17deg);
	-ms-transform: rotate(17deg);
}
.ladelhello{
    /*padding-top: 10vh;*/
	position: absolute;
	right: 4vw;
	bottom: 7vh;
	z-index: 1;
	height: 35vh;
	width: 20vw;
	background-image: url(../img/mynameis.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20vw auto;
	will-change: transform;
}
@keyframes swing {
	20% { transform: rotate(15deg); }	
	40% { transform: rotate(-10deg); }
	60% { transform: rotate(5deg); }	
	80% { transform: rotate(-5deg); }	
	100% { transform: rotate(0deg); }
}
/*#hmni-background {
  background-color: black;
  height: 185px;
  width: 271px;
  border-radius: 25px;
  animation: 3.5s float5 linear infinite;
  -webkit-animation: 3.5s float5 linear infinite;
  -moz-animation: 3.5s float5 linear infinite;
  -o-animation: 3.5s float5 linear infinite;
  border: 2px solid white;
}*/
.textoarribast {
  font-size: 36px;
  font-weight: 700;
  letter-spacing:-0.05vw;
  color: var(--colorsec);
  /*font-style: italic;*/
}
.textoarribast2 {
  font-size: 19px;
  font-weight: 300;
  letter-spacing:-0.05vw;
  color: var(--colorsec);
  margin-bottom:8.5px;
  margin-top:-8.5px;
}
.capablanca{
  background-color: var(--colorsec);
  height: 106px;
  width: 249px;
  border-radius: 22px;
  margin-left: 8.8px;
  font-size: 80px;
  font-weight: 700;
  letter-spacing:-0.1vw;
  padding-top:5px;
  color:var(--colorppal);
}
.ladelticket0{
	animation: 3s float5 linear infinite;
	-webkit-animation: 3s float5 linear infinite;
	-moz-animation: 3s float5 linear infinite;
	-o-animation: 3s float5 linear infinite;
	position:relative;
}
.ladelticket{
	transform: rotate(7deg);
	-moz-transform: rotate(7deg);
	-webkit-transform: rotate(7deg);
	-o-transform: rotate(7deg);
	-ms-transform: rotate(7deg);
    background-image: url(../img/tickete.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    height: 17vh;
    width: 16vw;
	padding-top: 0.98vh;
}
.ladelticket2 {
	height: 15vh;
	width: 15vw;
	border-radius: 15px;
	background-color: transparent;
	margin-left:0.49vw;
	border:3px solid var(--colorsec);
}
.ladelticket3 {
	height: 14.7vh;
    width: 10vw;
    background-color: transparent;
    margin-left: 2.35vw;
    border-left: 3px solid var(--colorsec);
    border-right: 3px solid var(--colorsec);
	padding-top:1.4vh;
}
.textocentroti{
	position:relative;
	color:var(--colorsec);
	font-size: 2vw;
	font-weight: 700;
	letter-spacing:-0.05vw;
}
.textocentroti2{
	position:absolute;
	top: 6vh;
    left: -0.7vw;
	height: 5vh;
    width: 5vw;
	background-image: url(../img/ojo3dd.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% auto;
	transition: background-image .5s ease-out;
	-webkit-transition: background-image .5s ease-out;
	-moz-transition: background-image .5s ease-out;
	-o-transition: background-image .5s ease-out;
}
.textocentroti2:hover{
	background-image: url(../img/ojo3dd2.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% auto;
}
.textocentroti3{
	position:absolute;
	top: 1.5vh;
    left: 12.7vw;
	height: 5vh;
    width: 3vw;
	background-image: url(../img/llita.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% auto;
	transition: background-image .5s ease-out;
	-webkit-transition: background-image .5s ease-out;
	-moz-transition: background-image .5s ease-out;
	-o-transition: background-image .5s ease-out;
}
.textocentroti3:hover{
	background-image: url(../img/llitadd.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% auto;
}
.textocentroti4{
	position:absolute;
	top: 4.5vh;
    left: 12.7vw;
	height: 5vh;
    width: 3vw;
	background-image: url(../img/llita.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% auto;
	transition: background-image .5s ease-out;
	-webkit-transition: background-image .5s ease-out;
	-moz-transition: background-image .5s ease-out;
	-o-transition: background-image .5s ease-out;
}
.textocentroti4:hover{
	background-image: url(../img/llitadd.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% auto;
}
.textocentroti5{
	position:absolute;
	top: 7.5vh;
    left: 12.7vw;
	height: 5vh;
    width: 3vw;
	background-image: url(../img/llita.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% auto;
	transition: background-image .5s ease-out;
	-webkit-transition: background-image .5s ease-out;
	-moz-transition: background-image .5s ease-out;
	-o-transition: background-image .5s ease-out;
}
.textocentroti5:hover{
	background-image: url(../img/llitadd.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% auto;
}
.textocentroti6{
	position:absolute;
	top: 10.5vh;
    left: 12.7vw;
	height: 5vh;
    width: 3vw;
	background-image: url(../img/llita.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% auto;
	transition: background-image .5s ease-out;
	-webkit-transition: background-image .5s ease-out;
	-moz-transition: background-image .5s ease-out;
	-o-transition: background-image .5s ease-out;
}
.textocentroti6:hover{
	background-image: url(../img/llitadd.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% auto;
}
.lito{
	height: auto;
	width: 2vw;
}
.llita{
	height: auto;
	width: 20px;
}
.llita2{
	height: auto;
	width: 56px;
}
/*.papafaz2{
	bottom:3vh;
}*/
.sparkles{
	position:absolute;
	left: 23.3vw;
    top: 24vh;
}
.sparkle-1 {
  animation: twinkle 2.4s ease infinite;
  -webkit-animation: twinkle 2.4s ease infinite;
  -moz-animation: twinkle 2.4s ease infinite;
  -o-animation: twinkle 2.4s ease infinite;
  cubic-bezier: (.17,.67,.83,.67);
}
.sparkle-2 {
  top: -14px;
  padding-left: 5px;
  position: absolute;
  animation: twinkle 2.6s ease infinite;
  -webkit-animation: twinkle 2.6s ease infinite;
  -moz-animation: twinkle 2.6s ease infinite;
  -o-animation: twinkle 2.6s ease infinite;
  cubic-bezier: (.17,.67,.83,.67);
}

.dot-1 {
  top: 34px;
  padding-left: 5px;
  position: absolute;
  animation: twinkle2 2.2s ease infinite;
  -webkit-animation: twinkle2 2.2s ease infinite;
  -moz-animation: twinkle2 2.2s ease infinite;
  -o- : twinkle2 2.2s ease infinite;
  cubic-bezier: (.17,.67,.83,.67);
}

  
  
  /* garde la perspective du container */
.flip-container{
/*perspective*/
-webkit-perspective:1000;
   -moz-perspective:1000;
    -ms-perspective:1000;
     -o-perspective:1000;
        perspective:1000;
  position:relative;
  margin-left: 70vw;
margin-top:-61vh;
}

/* parametres du flip */
.flipped {
-webkit-transform:rotateY(180deg);
   -moz-transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
     -o-transform:rotateY(180deg);
        transform:rotateY(180deg);
}
.flip-container, .front, .back{
 width : 100%;
 height: auto;
}
/* vitesse du flip */
.flipper {
/*transition*/
-webkit-transition:0.7s;
   -moz-transition:0.7s;
     -o-transition:0.7s;
        transition:0.7s;
/*l'element conserve sa position dans le container 3D*/
-webkit-transform-style:preserve-3d;
   -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
     -o-transform-style:preserve-3d;
        transform-style:preserve-3d;
position:relative;
}
/* masque dos durant swap */
.front, .back{
/*backface-visibility*/
-webkit-backface-visibility:hidden;
   -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
     -o-backface-visibility:hidden;
        backface-visibility:hidden;
	position:absolute;
	top:0;
	left:0;
}
/* front pane, placed above back */
.front{
z-index:2;
background-color : transparent;
}
/* back, initially hidden pane */
.back{
  background-color : transparent;
/*transform*/
-webkit-transform:rotateY(180deg);
   -moz-transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
     -o-transform:rotateY(180deg);
        transform:rotateY(180deg);
}
.paraeltick{
  margin-top:40vh;
}
.content-slider999 {
  width: 100%;
  height: 360px;
}

.slider999 {
  height: 320px;
  width: 680px;
  margin-left: 24vw;
  overflow: hidden;
  position: relative;
}

.mask {
  overflow: hidden;
  height: 320px;
}

.slider999 ul {
  margin: 0;
  padding: 0;
  position: relative;
}

.slider999 li {
  width: 680px;
  position: absolute;
  top: -325px;
  list-style: none;
}

.slider999 li.anim1 {
  animation: cycle 17s linear infinite;
}

.slider999 li.anim2 {
  animation: cycle2 17s linear infinite;
}

.slider999 li.anim3 {
  animation: cycle3 17s linear infinite;
}

.slider999 li.anim4 {
  animation: cycle4 17s linear infinite;
}

.slider999 li.anim5 {
  animation: cycle5 17s linear infinite;
}
.pasosee{
	font-size: 5vw;
	letter-spacing: -0.3vw;
	text-transform: uppercase;
	font-weight: 400;
}
.enfasis2{
	color:dodgerblue;
}
.avions{
	width:8vw;
	height:auto;
	animation: 3.2s float5 linear infinite;
}
.lavfi{
	position:absolute;
	left:62vw;
	bottom:29.99vh;
	opacity:0;
	width:7vw;
	height:12vh;
	z-index:1111;
}
.daletexto{
	font-weight: 900;
	letter-spacing: 1.7px;
	font-size: 20px;
}
.pacontra2{
	position: relative;
	left: calc(35vw);
	top: 20vh;
	margin-bottom: 40vh;
	z-index: -1;
}
.parmobil{
	display:none;
	width:100%;
	-webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
		  text-align: center;
		  margin:auto;
		  margin-bottom:20vh;
}
.centrocentro{
	-webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
		  text-align: center;
}
.contrame2 {
    display: block;
    width: 300px;
    height: 300px;
    letter-spacing: 0.52em;
}
.daletexto2{
	font-weight: 900;
	transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	animation: rotate777 10s linear infinite;
}
.eye-white{
  height: 39px;
  width: 76.8px;
  margin: 30px 30px 30px 0px;
  border-radius: 50%;
  position: relative;
  display: inline-block;
  overflow: hidden;
  background-image: url(../img/fondoje.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  filter: invert(1);
}
.eye-ball{
  width: 34px;
  height: 33px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
   -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
     -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
  background-image: url(../img/irisoje.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%; 
  grid-row: 1 / 2; 
}
.pesta{
  width: 78px;
  height: 27px;
  position: absolute;
  background-image: url(../img/pesta.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%; 
  /*margin-left: 30px;*/
  margin-top: 1vh; 
  grid-row: 1 / 2;  
  filter: invert(1);
}
.leye{
	font-size: 90px;
    font-weight: 900;
    letter-spacing: -.5vw;
	display: none;
	position: fixed;
	margin-top: -10vh;
	will-change: transform;
	transform: scale(0);
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	width: 78px;
	height: 27px;
}
.seccia{
	position:fixed;
	top:0;
	z-index:999999999999;
}
/*.tacoza {
  position: relative;
  width: 100%;
  height: 100%;
  margin-top:8px;
}
.line {
    fill: none;
    stroke: white;
    stroke-width: 4px;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  
  .line-shadow {
    transform: translate(1px, 2px);
	-moz-transform: translate(1px, 2px);
	-webkit-transform: translate(1px, 2px);
	-o-transform: translate(1px, 2px);
	-ms-transform: translate(1px, 2px);
    stroke: rgba(0, 0, 0, .2);
  }
  .bordeabaja{
	  position: absolute;
	  height:100%;
	  width:92vw;
	  left:4vw;
	  z-index: 9999;
  }*/

.paraman{
	position:absolute;
	width:120px;
	height:auto;
	margin-left:90px;
	margin-top:100px;
}
.pacontra{
	/*margin-top: -67vh;*/
	position: relative;
	left: calc(32vw);
	/*position: absolute;*/
	/*left: -20vw;
	top: 30vh;*/
}
.centrojoback{
	background-image: url(../img/ojover.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 170px auto; 
	width: fit-content;
	height: fit-content;
	block-size: fit-content;
}
.rotadorhire{
	width: 100%;
	height: auto;
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	-webkit-box-pack: center;
    -ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	margin-bottom: -10vh;
}
.contrame {
    display: block;
    width: 36vw;
    height: 60vh;
	/*opacity: 0;*/
}
.marqueegg {
	display: none;
}
.marqueegg2{
	display: none;
}

.rw-wrapper{
	width: 80%;
	position: absolute;
	margin-left: 9vw;
	margin-top: 10vh;
	padding: 10px;
}
.rw-sentence{
	margin: 0;
	text-align: left;
	/*text-shadow: 1px 1px 1px rgba(255,255,255,0.8);*/
}

.rw-sentence span{
	text-transform: none;
	color: var(--colorsec);
	white-space: nowrap;
	font-size: 7vw;
	font-weight: 500;
}

.rw-words{
	display: inline;
	text-indent: 0;
}

.rw-words span{
	position: absolute;
	opacity: 0;
	overflow: hidden;
	width: 100%;
	color: var(--colorsec);
	font-weight: 200;
}

.rw-words-1 span{
	animation: rotateWordsFirst 19s linear infinite 0s;
}
.rw-words-2 span{
	animation: rotateWordsSecond 19s linear infinite 0s;
}
.rw-words span:nth-child(2) { 
	animation-delay: 4s; 
	color: var(--colorsec);
}
.rw-words span:nth-child(3) { 
	animation-delay: 7s; 
	color: var(--colorsec);	
}
.rw-words span:nth-child(4) { 
	animation-delay: 10s; 
	color: var(--colorsec);
}
.rw-words span:nth-child(5) { 
	animation-delay: 13s; 
	color: var(--colorsec);
}
.rw-words span:nth-child(6) {  
	animation-delay: 16s; 
	color: var(--colorsec);
}
.intro {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--colorsec);
  z-index:9999999999999;
  /*border-bottom: 20px solid black;*/
}
.percentaje{
    font-weight: 600;
    width: fit-content;
    height: fit-content;
    position: absolute;
    color: var(--colorppal);
    text-align: center;
	bottom: 3vh;
	left: 4vw;
	letter-spacing: -1vw;
	/*font-style: italic;*/
}
.percentajenumber{
    font-size: 250px;
}
.intro__logo {
  width: 0px;
  /*margin-right: 20px;*/
}

.intro__content {
  display: flex;
  align-items: center;
}

.intro__contet-title {
	/*font-size: 60px;*/
	/*-webkit-text-stroke: 1px #000000;
	text-stroke: 1px #000000;*/
	font-size: 9vw;
	line-height: 20vh;
	/*letter-spacing: -15px;*/
	font-weight: 400;
	padding-left: 0px;
	text-transform: none;
	width: 0;
	overflow: hidden;
	color: var(--colorppal);
}
.modal-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
     -o-transform: translateY(100%);
   transform: translateY(100%);
  clip-path: circle(0% at 0 0);
}
.modal-wrapper .row66:first-child{
	margin-bottom: 2vh;
	/*border-bottom: 2px solid var(--colorppal);*/
}
.green-column img{
	width: 18vw;
	height: auto;
	margin-left: -.6vw;
}
.green-column{
	margin-top: -2vh;
}
.modal {
  background: var(--colorsec);
  width: 60%;
  height: 70%;
  min-width: 360px;
  padding: 7vh 4vw;
  -webkit-transform: translateY(20%);
  -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
     -o-transform: translateY(20%);
  transform: translateY(20%);
  opacity: 0;
  color: var(--colorppal);
  border: 2px solid var(--colorppal);
}
.lineamodal{
	position: absolute;
    left: 4vw;
    width: 87%;
    height: 3vh;
    margin-top: -33px;
	border-top: 2px solid var(--colorppal);
}
.modal h2 {
  font-size: 5vw;
  letter-spacing: -.3vw;
  line-height: normal;
  margin-left: -0.4vw;
  margin-top: -1.5vh;
}
.modal h3{
  font-size: 25px;	
}
.cerrarmod{
	position:absolute;
	top:1vh;
	right:.5vw;
	background-image: url(../img/cierramodal.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
	width: 3rem;
	height: 3rem;
}
.cerrarmod:hover{
	/*background-image: url(../img/ojocerrado.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;*/
}
.button {
	background: transparent;
	border: none;
	width: 3rem;
	height: 3rem;
}
.modal p {
  font-size: 18px;
}
.espaciotrab{
	height:100%;
	overflow-y:auto;
}
.modalgpcontainer{
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
#elementmodal{
  width: 100%;
  height:100%;
}

#elementmodal{
  position: relative;
  overflow: hidden;
}
#elementmodal:before{
  content: "";
  position: absolute;
  width: 200%;
  height: 200%;
  top: -50%;
  left: -50%;
  z-index: -1;
  background: url(../img/logos/logogp.png) 0 0 repeat;
  animation: change1 500s infinite;
}
#elementmodal:before{
  transform: rotate(30deg);
}
.modalgpcontainer2{
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
#elementmodal2{
  width: 100%;
  height:100%;
}

#elementmodal2{
  position: relative;
  overflow: hidden;
}
#elementmodal2:before{
  content: "";
  position: absolute;
  width: 200%;
  height: 200%;
  top: -50%;
  left: -50%;
  z-index: -1;
  background: url(../img/logos/logojai.png) 0 0 repeat;
  animation: change1 500s infinite;
}
#elementmodal2:before{
  transform: rotate(30deg);
}
.modalgpcontainer3{
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
#elementmodal3{
  width: 100%;
  height:100%;
  opacity: .9;
}
#elementmodal3{
  position: relative;
  overflow: hidden;
}
#elementmodal3:before{
  content: "";
  position: absolute;
  width: 200%;
  height: 200%;
  top: -50%;
  left: -50%;
  z-index: -1;
  background: url(../img/logos/logomi.png) 0 0 repeat;
  animation: change1 500s infinite;
}
#elementmodal3:before{
  transform: rotate(30deg);
}
.modalgpcontainer4{
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
#elementmodal4{
  width: 100%;
  height:100%;
}

#elementmodal4{
  position: relative;
  overflow: hidden;
}
#elementmodal4:before{
  content: "";
  position: absolute;
  width: 200%;
  height: 200%;
  top: -50%;
  left: -50%;
  z-index: -1;
  background: url(../img/logos/logocam1.png) 0 0 repeat;
  animation: change1 500s infinite;
}
#elementmodal4:before{
  transform: rotate(30deg);
}
.modalgpcontainer5{
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
#elementmodal5{
  width: 100%;
  height:100%;
}

#elementmodal5{
  position: relative;
  overflow: hidden;
}
#elementmodal5:before{
  content: "";
  position: absolute;
  width: 200%;
  height: 200%;
  top: -50%;
  left: -50%;
  z-index: -1;
  background: url(../img/logos/freelance.png) 0 0 repeat;
  animation: change1 500s infinite;
}
#elementmodal5:before{
  transform: rotate(30deg);
}
@keyframes change1{
  0%{
    background-position:left top;
  }
  100%{
    background-position:400% 400%;
  }
}
.imagenesproy{
	/*height:100%;*/
	overflow:hidden;
	margin-top: -8vh;
}

.phone {
    border: 40px solid #ddd;
    border-width: 55px 7px;
    border-radius: 40px;
    margin: 50px auto;
    overflow: hidden;
    transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	width:370px;
	height:500px;
  }
  
  .phone iframe {
    border: 0;
    width: 100%;
    height: 100%;
  }
  .phone.view_1 {
	-webkit-transform: rotateX(50deg) rotateY(0deg) rotateZ(-50deg);
  -moz-transform: rotateX(50deg) rotateY(0deg) rotateZ(-50deg);
    -ms-transform: rotateX(50deg) rotateY(0deg) rotateZ(-50deg);
     -o-transform: rotateX(50deg) rotateY(0deg) rotateZ(-50deg);
   transform: rotateX(50deg) rotateY(0deg) rotateZ(-50deg);
    box-shadow: -3px 3px 0 #BBB, -6px 6px 0 #BBB, -9px 9px 0 #BBB, -12px 12px 0 #BBB, -14px 10px 20px #666;
  }
   @media (max-width:900px) {
    #wrapper99 {
	  -webkit-transform: scale(0.8, 0.8);
  -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
     -o-transform: scale(0.8, 0.8);
      transform: scale(0.8, 0.8);
    }
  }
  
  @media (max-width:700px) {
    #wrapper99 {
		-webkit-transform: scale(0.6, 0.6);
  -moz-transform: scale(0.6, 0.6);
    -ms-transform: scale(0.6, 0.6);
     -o-transform: scale(0.6, 0.6);
      transform: scale(0.6, 0.6);
    }
  }
  
  @media (max-width:500px) {
    #wrapper99 {
      -webkit-transform: scale(0.4, 0.4);
  -moz-transform: scale(0.4, 0.4);
    -ms-transform: scale(0.4, 0.4);
     -o-transform: scale(0.4, 0.4);
	  transform: scale(0.4, 0.4);
    }
  }
.row66 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.column66 {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
}

.cardContent09{
  position: absolute;
  height: 250px;
  width: 400px;
  border-radius: 30px;
  box-sizing: border-box;
  padding: 35px 0 18px 38px;
  left:0;
}
.cardContent09 h1{
  color: rgba(0,0,0, 0.5);
  font-size: 26px;
  font-weight: 300;
}
.cardContent09 h3{
  color: rgba(0,0,0, 0.5);
  font-size: 20px;
  font-weight: 200;
}
.cardContent09 p{
  padding-top:80px;
  color: rgba(0,0,0, 0.5);
  font-size: 16px;
  font-weight: 200;
}
/* frosted glass effect */
.card09 {
  height: 250px;
  width: 400px;
  background: rgb(0,0,0);
  background: linear-gradient(145deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.1) 100%);
  border-radius: 30px;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 2px outset rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 24px -1px rgba(0, 0, 0, 0.2); 
}

/* grain/noise effect */
.card09::after {
  content:"";
  position: absolute;
  width: 400px;
  height: 250px;
  border-radius: 30px;
  opacity: 0.5;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAOh0lEQVR4nO1dbVczNw69JCEvBJInEEIgEIb//6/6fbu73e77tt0P1o2vZQ3QPgRCmHsOJ8mMx5ZlWZJljQEynlBia58ncq3nykzs8wzApVy/ATAAMANwJdevACxdnbCyp/bHNhqpn/DP3aMdS/ucAri17xurQ/s6AnBhfbiQZzZSbgvgzuiE1Te0MgDwIO2RdsUaJR/0OvtwzYuPdsPjSgjcyOfICBjZNWXSBuXALIJ6WfejPctONkE5DkgPiWEed0YLvxNDa2OM1NELxBja81P7fenun9vnSK7N5ftUngXSAPo6psg84qDMXRkveNggd6yxB+5cmbl1wGOENCPY4K0RtXXlKQl9+xzb5zVEOgw9o8d3DqiFRwXi2ujnLCMDhsidvkItKMoQlfq+K0fhmSHNiBt3PxIaIA+ob3fsC0ZYSAXs2D1K5pKwaIBWSExaIxG9QGICpWIZPAMkBpAxQ6snkuyVfXJgrqy8DtTG2ovUhEo71fIKtfq7RBKuKcoB2yLPijPUwnRjbbPMDIlf/E3ePSDPwL6VC/FoD9+5xuGIbuS7lgGSLfDg4M5Rqyf/G9b+Vcs9IEsXO3KGPNgDV/bO2h9aOaWPA0k7wxnnbeoCZT/HyIyeSnmdJQ+oQYGiMFQDQcltXOOXyJLBxm6s8SFKVeF14AMSE0aI4dUhkKSlQckIDuI31AzigPSRmPrcDFQ6orYVT1LXwmhoXJlv7vfAlaFArJD6tZV7aj/OkQekB9MIE/tT9UNvR3XkUhoaW2XKJA7QBKnTvKfMaJBm2SVidQK752fYOerBpbTOrS2VtBVKpg2NdtIY2SbarElwf+3KeW8P9lyb2hkh95d2hHWQ74UH23OfS+SpBaQBoLGLDNc98pQHsrSsUXoZC6tHO7hGNp5nqD0QoB68to73hE5fhgIS2b1DUtNFZZwVHFE1WNqRKbLK2CCrmwnylD9FGqRuBia8dgaGeETq0NoaO0di/AWyZ6ANRd7Q1OpRREzyM2JrBHvDzLZ8nQTdbV8XdfgSaQZurc0TpIF5QCks6opeIktyNHMVHNA5kiZYol6zRJgajbt2STQlgJ7DAFnfTZAk+hzZgDdSXsHrlJZzpI6rsZ0jM4+E3iLNmGhwGySB0MGgmpsgCQ7VDjFs+a44sXojFeg9JGqLjbXD/tyiXvkDdT+qxR+yKpugNPw7xpNJG7k3kt+8T9UUgeuQtntkmhqxi5b6blAO5I3R2ragOrV6dOCeiwQAecaz/ceAFg7oFcp1ySlqY+3tMdE2QFR9u34+WKWcBRO5zk5EBmuIeBo27vfIffJZxSXSoLOdOdpVEzFA6erSqWiQ+kOmqvRPkIRli3jVPEEO6XhsUTs0V8gaZYV2N19xgWTnIjuGPtIIjQH8COBXAP+zzvwA4L/296s8uEZi4C9GzBDAv+X+qdTzaN//hcSAfxjx1/bMCDkI+U8j9me79pN18gyJQf+xjvxkdfxiz8Dq/dm+/8Wuz6x/Y7kHo+dXAH+1+v9u1/tW54/2e2Y0sszfjAYgCe5v1s6NPXMqdS2Mr1O5Rlzb839GEp7fkAb2TyygKoF6rO9+k0B6RXyGQTxfVw9Zymh7+qiDbA3ygPj2IrB9hmN8edXTY5R2gG00KD0kfUbpUxea6CNWfTTMsGeoATgLB0hC3Ecd/3oRh2joxshqKVqJqzdD71CxRvbxvbfU2Oc3o/MWNd41vhcZUxZ8ycXVihgQhBCvnWuT/pHdU2lUg3iP53XzBVJnv6EeCJ0JM6OHwkaBU1s4D+icIPWL6zNYPeQRI790fnywUfF7lhM79JGYwAXRLbIB1cGgJMxQGsgV0vRk8A3IqoBSskDSuZ7RrJPttO2neOjCTQc2WiEz7qVrFhWmJ6H7GnmAFmj3HlmeTGWb90h94SC17YNUa5xHZK/mEvW0O0XqaIMaAyTGjqQBejIeOk3ZlnYAyPsoayQmsR52Vj27jbXZRzL+qmZpBxkGipjpbQRD50BiIuvzM49qZ2P0qaCukWa4Z7LydIS81tvAeW8RoQOUU+gaZbhEQ8hUS7QvfuqpC8r21OXTWaA2ZYjSaRij3GcgNOw+Q9mfl5wEIAlDE7TfQ21HKQBLpD40SMxl/y6Q+MD+qWZQurikeJLrT3C8O4ZF1RTlYA+l/BZlVIFtMFJBUFqXqEM96tQsrGwj96iuF8gz5Ll9f1gbbGcX0G0LJysir4uzQxMJgNhAqcpbW/n7lrZJ4IO1u21pP9oAasMS9cDeIhtWMq5BXugByTtboYx+c32j9D5nYyKoSqPg7GzqH5pSUhYoDTi9GSCpuwFiT0I7xaAfwRCJN/ysX58dIrusZ0jSz4gvmTtDGQbi8xoU9Fih3mjzq3XvTPA+B5/C9Yhsd85Q268q8LrPUad6mFiZyEGg+vELJ6oghvm958UsGIXfauXzpHGGWi2yHBkarUdW7ne0LADqBfXC/eZ97evO6B9CLpKqI89wZfZJcB/IEqw2Qr0aXbACmbEbuU7m+oG6RC2UjbQ1QTx4OjM8dCC4Z1RAiRhIZQw6MiuCDzdITFCDrfDGPSK4DSSOzIoWhZwBDeqp7xlAhnH29lBK8Eu06X59z+jh4HmnxLdL0L2PbB7p3w163xqiyog2jLRRHz0ldIXqjacPd3DRScZ6pirOkCVaJWvqaL1DYi4H5NyeJY0DpD56lajrDt31W7gyXNDOUQ+izjQg86htU4p94SxrS+QD0O2PAx+cxtSg2ws/pGyUF9G2M9i2a+cZ1LjfHGh+955Klyf2TGGGmLfIiyONeXmP5Mme2SV9Cei1KbPaGMR41pe0b5fIy34FPQJuuDB2ox04Qew5cBreIas85skqesjq7hT1xs5K7rH8sacpdfErHEj8yoPeEZOS+cBaCO6yU/YviMVU3Rhht6gThL2h1FWvVqqSR9dY77W9Q3GKchB6yNIT2QDS1zg6FTrg3Ia9QJ3EF4XpeT8yuuyvDgj549coDRJPVWDUftA7C/fadVOeFesU9luyXYJdje/NO9jhqBIFBJ/uRaCj7hz295bTDWLXmsJIzUCw77oQ1ecKjbHXytFtgP3eDbAuGmufr4rGovaMhkaDus+vgXfXd7bsBHHc/gSpU55QGsYFEkN0N9GnCymYegpXpxK2RburDJS7mL7uY0jMwAjliI6lYnoCDbqkbGLvSdkD5OAbjGA/JSOdPQzKedwib2YRczwf5TxFzhM7QR1h1QzCa+SMRXUYFtbuOTLTvLA08l2lXMNIqm5PUeYe6Hv7HCS/2OQCEXi94HfrCIePzl/eodPvCR+deLcDkxaiRtUL8qCq21qFqsY4QJENWSOn/iwCYq+RB4wpNEAZVOSZKwxF8KyVtZThQpXvjAPZBaVGeA5851FVot96VZd1hFJAZq6M8ke/77zJr75Dxzqi98VVU0zd9UhANVq8ROo77VAUTIwSSgDkaUbp4+cjyhmj6oHSxvQgRffe+3fs63evPcd0erzZa8/Iwqk8aGAzpAvoJRxKzKvQ8Vw4+dh8FL6INndm8p3eEJ/V9w+BbOwb++0F4kGIf3DXgcR0VadcizyiVJXEZ3l/coeDeC0Y5ZtXERop2zbzgHKWXBptfpGoMbcGh2NDAXQR34OK+HahkfcLjbwYE/SLsgESU7xkTKTxaFuX72aQmAfk6a770uqX08PTVCGCNPUdLVGe1DG9qFpgry8zWn3eXXxEzp3yYOc2KDtKZi3db481ktTNUB5qyfb5+oU/3o+g4PkMGAqTzggyNzqsQPHSVkf44N4WPYbuTMaE0D59ST0d9AU4jL2bSn+x8QXKVNAoCNjZm4Q3tTeqN48pa/xJ6vqI00UjdfTaRPYCnSv78SoSQHf4/sG88PqZU/ePcc9mJ01KFNN7ogTg7uD+jH0c3P9dJw6o16C6GshSrxLcSB1r1IE6IAuIl/Jr1AxtSwQnEyPD7yVWkwyAfKqQvp6hr0d4+DWNd1oo6FvUKlmT+gDjdRM0cqyLrhcPwheQJs487gkRPtOFkQxtR6E7mUAaiB6C/9/yGVNljvqov3fbmjR4JvmNmwekzt6jTBiI8CD3t2i3eY2VpXD05ZM2rI8sKDcoPbVof8bP4rfyUnfgJk5bw7oj1kMaEO603SDPJk+oBxslszXYNkGp0r7kbibf8eYmzTdk3eYfUAxRbrgQXioa5BkXLd7YCf/cQmjQPe0T5HcNN+7+udHkVSB/05tr23TSvF/Cb4wRumE3QG0Px8jODssQKmjkTZGE2IU7vj/c8Wbv7XfHLCXs45ila2Rvqgme9/nSEyAxlY1x2vnVq6ZBMicWyAPgZ0hkizwzoiM0gHxi9Z279lq02bBPcxTIUWb/GT7jRlgXJpFrB/H/Dd/KOxigVBfKINbFtE4eVAl5hgdV3qI8jpvQl+91hjAACXdPB0RTfnx2OpAPzdSzV7Yo7RDTpCigdKPVaXgL9d9FcQUHkXk/lwcogWOUg9MduZGx7yM3ureX8A7HhktZ4Pkzjju31/329HzECXgAPnF0NMCnfx2izUApukTojL2f/a4GlqHg7t31jPfMatnh4BPIAqirexT/WYf4KidGk46+1bmwvydkZrKftFdPyHs/QH7T1m8pQJ5jW3/kELgQh3wm4bEfjrnzKr7k/3vC4b0iUeHDsi0MV8hM38gn/08I7Y92mCc4EG026ArZMXhuxnPW9RBHEO6QZ4iul7j4HSMJWdv7j9y1JC8LJ0Ull0xqgntKfJcZn+t+a8cGQBc2aXAYYZPCqDPpjHhC7e/rsRZkcJtL54npDrapER1sAwjBrz2xpssDTtjHBlcF75o1QeWKaM+jy/H6jhwvVRfdv0I9ANe4W4W/3yr8NUcoFujWIB+8BgHaPYHW/+9tlSmjdYZQujilaRA5AN62qMt9KgTyiFamrJKZK5TRYjJHhSU63pX4NDaywfGfsvMZTqrrjnLFYb2f0h3x10Knx7u8R/N/zoJhKaqY2qsAAAAASUVORK5CYII=);
}
/**********************************************************ANIMATIONS*/
@keyframes float590 {
	0% {
		-webkit-transform: translatey(10px);
  -moz-transform: translatey(10px);
    -ms-transform: translatey(10px);
     -o-transform: translatey(10px);
		transform: translatey(10px);
	}
	50% {
		-webkit-transform: translatey(0px);
  -moz-transform: translatey(0px);
    -ms-transform: translatey(0px);
     -o-transform: translatey(0px);
		transform: translatey(0px);
	}
	100% {
		-webkit-transform: translatey(10px);
  -moz-transform: translatey(10px);
    -ms-transform: translatey(10px);
     -o-transform: translatey(10px);
		transform: translatey(10px);
	}
}
@-webkit-keyframes float590 {
	0% {
		-webkit-transform: translatey(10px);
  -moz-transform: translatey(10px);
    -ms-transform: translatey(10px);
     -o-transform: translatey(10px);
		transform: translatey(10px);
	}
	50% {
		-webkit-transform: translatey(0px);
  -moz-transform: translatey(0px);
    -ms-transform: translatey(0px);
     -o-transform: translatey(0px);
		transform: translatey(0px);
	}
	100% {
		-webkit-transform: translatey(10px);
  -moz-transform: translatey(10px);
    -ms-transform: translatey(10px);
     -o-transform: translatey(10px);
		transform: translatey(10px);
	}
}
@-moz-keyframes float590 {
	0% {
		-webkit-transform: translatey(10px);
  -moz-transform: translatey(10px);
    -ms-transform: translatey(10px);
     -o-transform: translatey(10px);
		transform: translatey(10px);
	}
	50% {
		-webkit-transform: translatey(0px);
  -moz-transform: translatey(0px);
    -ms-transform: translatey(0px);
     -o-transform: translatey(0px);
		transform: translatey(0px);
	}
	100% {
		-webkit-transform: translatey(10px);
  -moz-transform: translatey(10px);
    -ms-transform: translatey(10px);
     -o-transform: translatey(10px);
		transform: translatey(10px);
	}
}
@-o-keyframes float590 {
	0% {
		-webkit-transform: translatey(10px);
  -moz-transform: translatey(10px);
    -ms-transform: translatey(10px);
     -o-transform: translatey(10px);
		transform: translatey(10px);
	}
	50% {
		-webkit-transform: translatey(0px);
  -moz-transform: translatey(0px);
    -ms-transform: translatey(0px);
     -o-transform: translatey(0px);
		transform: translatey(0px);
	}
	100% {
		-webkit-transform: translatey(10px);
  -moz-transform: translatey(10px);
    -ms-transform: translatey(10px);
     -o-transform: translatey(10px);
		transform: translatey(10px);
	}
}
@keyframes connectLine {
  0% {
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-o-transform-origin: 0% 0%;
    transform: scaleY(0);
    -moz-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -o-transform: scaleY(0);
    -ms-transform: scaleY(0);
  }
  50% {
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-o-transform-origin: 0% 0%;
    transform: scaleY(1);
    -moz-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
  }
  51% {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	-o-transform-origin: 0 100%;
    transform: scaleY(1);
    -moz-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
  }
  100% {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	-o-transform-origin: 0 100%;
    transform: scaleY(0);
    -moz-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -o-transform: scaleY(0);
    -ms-transform: scaleY(0);
  }
}
@-webkit-keyframes connectLine {
  0% {
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-o-transform-origin: 0% 0%;
    transform: scaleY(0);
    -moz-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -o-transform: scaleY(0);
    -ms-transform: scaleY(0);
  }
  50% {
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-o-transform-origin: 0% 0%;
    transform: scaleY(1);
    -moz-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
  }
  51% {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	-o-transform-origin: 0 100%;
    transform: scaleY(1);
    -moz-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
  }
  100% {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	-o-transform-origin: 0 100%;
    transform: scaleY(0);
    -moz-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -o-transform: scaleY(0);
    -ms-transform: scaleY(0);
  }
}
@-moz-keyframes connectLine {
  0% {
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-o-transform-origin: 0% 0%;
    transform: scaleY(0);
    -moz-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -o-transform: scaleY(0);
    -ms-transform: scaleY(0);
  }
  50% {
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-o-transform-origin: 0% 0%;
    transform: scaleY(1);
    -moz-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
  }
  51% {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	-o-transform-origin: 0 100%;
    transform: scaleY(1);
    -moz-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
  }
  100% {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	-o-transform-origin: 0 100%;
    transform: scaleY(0);
    -moz-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -o-transform: scaleY(0);
    -ms-transform: scaleY(0);
  }
}
@-o-keyframes connectLine {
  0% {
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-o-transform-origin: 0% 0%;
    transform: scaleY(0);
    -moz-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -o-transform: scaleY(0);
    -ms-transform: scaleY(0);
  }
  50% {
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-o-transform-origin: 0% 0%;
    transform: scaleY(1);
    -moz-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
  }
  51% {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	-o-transform-origin: 0 100%;
    transform: scaleY(1);
    -moz-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
  }
  100% {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	-o-transform-origin: 0 100%;
    transform: scaleY(0);
    -moz-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -o-transform: scaleY(0);
    -ms-transform: scaleY(0);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate {
  0% {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
  }
}
@-moz-keyframes rotate {
  0% {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
  }
}
@-o-keyframes rotate {
  0% {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
  }
}
@keyframes desrotate {
  0% {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
  }
}
@-webkit-keyframes desrotate {
  0% {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
  }
}
@-moz-keyframes desrotate {
  0% {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
  }
}
@-o-keyframes desrotate {
  0% {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
  }
}
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 0.30; }
}
@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 0.30; }
}
@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 0.30; }
}
@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 0.30; }
}
@keyframes marquee {
	0% {
		transform: translate3d(var(--move-initial), 0, 0);
		-moz-transform: translate3d(var(--move-initial), 0, 0);
	  -webkit-transform: translate3d(var(--move-initial), 0, 0);
	  -o-transform: translate3d(var(--move-initial), 0, 0);
	  -ms-transform: translate3d(var(--move-initial), 0, 0);
	}

	100% {
		transform: translate3d(var(--move-final), 0, 0);
	-moz-transform: translate3d(var(--move-final), 0, 0);
  -webkit-transform: translate3d(var(--move-final), 0, 0);
  -o-transform: translate3d(var(--move-final), 0, 0);
  -ms-transform: translate3d(var(--move-final), 0, 0);
	}
}
@-webkit-keyframes marquee {
	0% {
		transform: translate3d(var(--move-initial), 0, 0);
		-moz-transform: translate3d(var(--move-initial), 0, 0);
	  -webkit-transform: translate3d(var(--move-initial), 0, 0);
	  -o-transform: translate3d(var(--move-initial), 0, 0);
	  -ms-transform: translate3d(var(--move-initial), 0, 0);
	}

	100% {
		transform: translate3d(var(--move-final), 0, 0);
	-moz-transform: translate3d(var(--move-final), 0, 0);
  -webkit-transform: translate3d(var(--move-final), 0, 0);
  -o-transform: translate3d(var(--move-final), 0, 0);
  -ms-transform: translate3d(var(--move-final), 0, 0);
	}
}
@-moz-keyframes marquee {
	0% {
		transform: translate3d(var(--move-initial), 0, 0);
		-moz-transform: translate3d(var(--move-initial), 0, 0);
	  -webkit-transform: translate3d(var(--move-initial), 0, 0);
	  -o-transform: translate3d(var(--move-initial), 0, 0);
	  -ms-transform: translate3d(var(--move-initial), 0, 0);
	}

	100% {
		transform: translate3d(var(--move-final), 0, 0);
	-moz-transform: translate3d(var(--move-final), 0, 0);
  -webkit-transform: translate3d(var(--move-final), 0, 0);
  -o-transform: translate3d(var(--move-final), 0, 0);
  -ms-transform: translate3d(var(--move-final), 0, 0);
	}
}
@-o-keyframes marquee {
	0% {
		transform: translate3d(var(--move-initial), 0, 0);
		-moz-transform: translate3d(var(--move-initial), 0, 0);
	  -webkit-transform: translate3d(var(--move-initial), 0, 0);
	  -o-transform: translate3d(var(--move-initial), 0, 0);
	  -ms-transform: translate3d(var(--move-initial), 0, 0);
	}

	100% {
		transform: translate3d(var(--move-final), 0, 0);
	-moz-transform: translate3d(var(--move-final), 0, 0);
  -webkit-transform: translate3d(var(--move-final), 0, 0);
  -o-transform: translate3d(var(--move-final), 0, 0);
  -ms-transform: translate3d(var(--move-final), 0, 0);
	}
}
@keyframes aitf {
	0% { background-position: 0% 50%; }
	100% { background-position: 100% 50%; }
}
@-webkit-keyframes aitf {
	0% { background-position: 0% 50%; }
	100% { background-position: 100% 50%; }
}
@-moz-keyframes aitf {
	0% { background-position: 0% 50%; }
	100% { background-position: 100% 50%; }
}
@-o-keyframes aitf {
	0% { background-position: 0% 50%; }
	100% { background-position: 100% 50%; }
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
	-moz-transform: translate3d(-90px,0,0);
  -webkit-transform: translate3d(-90px,0,0);
  -o-transform: translate3d(-90px,0,0);
  -ms-transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
	-moz-transform: translate3d(85px,0,0);
  -webkit-transform: translate3d(85px,0,0);
  -o-transform: translate3d(85px,0,0);
  -ms-transform: translate3d(85px,0,0);
  }
}
@-webkit-keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
	-moz-transform: translate3d(-90px,0,0);
  -webkit-transform: translate3d(-90px,0,0);
  -o-transform: translate3d(-90px,0,0);
  -ms-transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
	-moz-transform: translate3d(85px,0,0);
  -webkit-transform: translate3d(85px,0,0);
  -o-transform: translate3d(85px,0,0);
  -ms-transform: translate3d(85px,0,0);
  }
}
@-moz-keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
	-moz-transform: translate3d(-90px,0,0);
  -webkit-transform: translate3d(-90px,0,0);
  -o-transform: translate3d(-90px,0,0);
  -ms-transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
	-moz-transform: translate3d(85px,0,0);
  -webkit-transform: translate3d(85px,0,0);
  -o-transform: translate3d(85px,0,0);
  -ms-transform: translate3d(85px,0,0);
  }
}
@-o-keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
	-moz-transform: translate3d(-90px,0,0);
  -webkit-transform: translate3d(-90px,0,0);
  -o-transform: translate3d(-90px,0,0);
  -ms-transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
	-moz-transform: translate3d(85px,0,0);
  -webkit-transform: translate3d(85px,0,0);
  -o-transform: translate3d(85px,0,0);
  -ms-transform: translate3d(85px,0,0);
  }
}
@keyframes pulse {
	0%{
		background-size: 50.24px 45.28px;
	}
    50%{
		background-size: 54.08px 48.29px;
	}
	80%{
		background-size: 50.24px 45.28px;
	}
	100%{
		background-size: 54.08px 48.29px;
	}
}
@-webkit-keyframes pulse {
	0%{
		background-size: 50.24px 45.28px;
	}
    50%{
		background-size: 54.08px 48.29px;
	}
	80%{
		background-size: 50.24px 45.28px;
	}
	100%{
		background-size: 54.08px 48.29px;
	}
}
@-moz-keyframes pulse {
	0%{
		background-size: 50.24px 45.28px;
	}
    50%{
		background-size: 54.08px 48.29px;
	}
	80%{
		background-size: 50.24px 45.28px;
	}
	100%{
		background-size: 54.08px 48.29px;
	}
}
@-o-keyframes pulse {
	0%{
		background-size: 50.24px 45.28px;
	}
    50%{
		background-size: 54.08px 48.29px;
	}
	80%{
		background-size: 50.24px 45.28px;
	}
	100%{
		background-size: 54.08px 48.29px;
	}
}
@keyframes float26 {
	0% {
		transform: translatey(-5px);
	-moz-transform: translatey(-5px);
  -webkit-transform: translatey(-5px);
  -o-transform: translatey(-5px);
  -ms-transform: translatey(-5px);
		
	}
	50% {
		transform: translatey(0px);
	-moz-transform: translatey(0px);
  -webkit-transform: translatey(0px);
  -o-transform: translatey(0px);
  -ms-transform: translatey(0px);
	}
	100% {
		transform: translatey(-5px);
	-moz-transform: translatey(-5px);
  -webkit-transform: translatey(-5px);
  -o-transform: translatey(-5px);
  -ms-transform: translatey(-5px);
	}
}
@-webkit-keyframes float26 {
	0% {
		transform: translatey(-5px);
	-moz-transform: translatey(-5px);
  -webkit-transform: translatey(-5px);
  -o-transform: translatey(-5px);
  -ms-transform: translatey(-5px);
		
	}
	50% {
		transform: translatey(0px);
	-moz-transform: translatey(0px);
  -webkit-transform: translatey(0px);
  -o-transform: translatey(0px);
  -ms-transform: translatey(0px);
	}
	100% {
		transform: translatey(-5px);
	-moz-transform: translatey(-5px);
  -webkit-transform: translatey(-5px);
  -o-transform: translatey(-5px);
  -ms-transform: translatey(-5px);
	}
}
@-moz-keyframes float26 {
	0% {
		transform: translatey(-5px);
	-moz-transform: translatey(-5px);
  -webkit-transform: translatey(-5px);
  -o-transform: translatey(-5px);
  -ms-transform: translatey(-5px);
		
	}
	50% {
		transform: translatey(0px);
	-moz-transform: translatey(0px);
  -webkit-transform: translatey(0px);
  -o-transform: translatey(0px);
  -ms-transform: translatey(0px);
	}
	100% {
		transform: translatey(-5px);
	-moz-transform: translatey(-5px);
  -webkit-transform: translatey(-5px);
  -o-transform: translatey(-5px);
  -ms-transform: translatey(-5px);
	}
}
@-o-keyframes float26 {
	0% {
		transform: translatey(-5px);
	-moz-transform: translatey(-5px);
  -webkit-transform: translatey(-5px);
  -o-transform: translatey(-5px);
  -ms-transform: translatey(-5px);
		
	}
	50% {
		transform: translatey(0px);
	-moz-transform: translatey(0px);
  -webkit-transform: translatey(0px);
  -o-transform: translatey(0px);
  -ms-transform: translatey(0px);
	}
	100% {
		transform: translatey(-5px);
	-moz-transform: translatey(-5px);
  -webkit-transform: translatey(-5px);
  -o-transform: translatey(-5px);
  -ms-transform: translatey(-5px);
	}
}
@keyframes animStar {
    from {
	  transform: translateY(0px);
		-moz-transform: translateY(0px);
	  -webkit-transform: translateY(0px);
	  -o-transform: translateY(0px);
	  -ms-transform: translateY(0px);
    }
    to {
      transform: translateY(-2000px);
		-moz-transform: translateY(-2000px);
	  -webkit-transform: translateY(-2000px);
	  -o-transform: translateY(-2000px);
	  -ms-transform: translateY(-2000px);
    }
}
@-webkit-keyframes animStar {
    from {
	  transform: translateY(0px);
		-moz-transform: translateY(0px);
	  -webkit-transform: translateY(0px);
	  -o-transform: translateY(0px);
	  -ms-transform: translateY(0px);
    }
    to {
      transform: translateY(-2000px);
		-moz-transform: translateY(-2000px);
	  -webkit-transform: translateY(-2000px);
	  -o-transform: translateY(-2000px);
	  -ms-transform: translateY(-2000px);
    }
}
@-moz-keyframes animStar {
    from {
	  transform: translateY(0px);
		-moz-transform: translateY(0px);
	  -webkit-transform: translateY(0px);
	  -o-transform: translateY(0px);
	  -ms-transform: translateY(0px);
    }
    to {
      transform: translateY(-2000px);
		-moz-transform: translateY(-2000px);
	  -webkit-transform: translateY(-2000px);
	  -o-transform: translateY(-2000px);
	  -ms-transform: translateY(-2000px);
    }
}
@-o-keyframes animStar {
    from {
	  transform: translateY(0px);
		-moz-transform: translateY(0px);
	  -webkit-transform: translateY(0px);
	  -o-transform: translateY(0px);
	  -ms-transform: translateY(0px);
    }
    to {
      transform: translateY(-2000px);
		-moz-transform: translateY(-2000px);
	  -webkit-transform: translateY(-2000px);
	  -o-transform: translateY(-2000px);
	  -ms-transform: translateY(-2000px);
    }
}
@keyframes pulsate {
  100% {
	/*-webkit-text-stroke: 0.05vw #000000;*/
    /* Larger blur radius */
    text-shadow:
      0 0 4px var(--colorsec),
      0 0 11px var(--colorsec),
      0 0 19px var(--colorsec),
      0 0 40px #000,
      0 0 80px #000,
      0 0 90px #000,
      0 0 100px #000,
      0 0 150px #000;
  }
 0% {
    /* A slightly smaller blur radius */
    text-shadow:
      0 0 4px var(--colorsec),
      0 0 10px var(--colorsec),
      0 0 18px var(--colorsec),
      0 0 38px #000,
      0 0 73px #000,
      0 0 80px #000,
      0 0 94px #000,
      0 0 140px #000;
  }
}
@-webkit-keyframes pulsate {
  100% {
	/*-webkit-text-stroke: 0.05vw #000000;*/
    /* Larger blur radius */
    text-shadow:
      0 0 4px var(--colorsec),
      0 0 11px var(--colorsec),
      0 0 19px var(--colorsec),
      0 0 40px #000,
      0 0 80px #000,
      0 0 90px #000,
      0 0 100px #000,
      0 0 150px #000;
  }
 0% {
    /* A slightly smaller blur radius */
    text-shadow:
      0 0 4px var(--colorsec),
      0 0 10px var(--colorsec),
      0 0 18px var(--colorsec),
      0 0 38px #000,
      0 0 73px #000,
      0 0 80px #000,
      0 0 94px #000,
      0 0 140px #000;
  }
}
@-moz-keyframes pulsate {
  100% {
	/*-webkit-text-stroke: 0.05vw #000000;*/
    /* Larger blur radius */
    text-shadow:
      0 0 4px var(--colorsec),
      0 0 11px var(--colorsec),
      0 0 19px var(--colorsec),
      0 0 40px #000,
      0 0 80px #000,
      0 0 90px #000,
      0 0 100px #000,
      0 0 150px #000;
  }
 0% {
    /* A slightly smaller blur radius */
    text-shadow:
      0 0 4px var(--colorsec),
      0 0 10px var(--colorsec),
      0 0 18px var(--colorsec),
      0 0 38px #000,
      0 0 73px #000,
      0 0 80px #000,
      0 0 94px #000,
      0 0 140px #000;
  }
}
@-o-keyframes pulsate {
  100% {
	/*-webkit-text-stroke: 0.05vw #000000;*/
    /* Larger blur radius */
    text-shadow:
      0 0 4px var(--colorsec),
      0 0 11px var(--colorsec),
      0 0 19px var(--colorsec),
      0 0 40px #000,
      0 0 80px #000,
      0 0 90px #000,
      0 0 100px #000,
      0 0 150px #000;
  }
 0% {
    /* A slightly smaller blur radius */
    text-shadow:
      0 0 4px var(--colorsec),
      0 0 10px var(--colorsec),
      0 0 18px var(--colorsec),
      0 0 38px #000,
      0 0 73px #000,
      0 0 80px #000,
      0 0 94px #000,
      0 0 140px #000;
  }
}
@keyframes floata {
  from { transform: translateX(100%) translateZ(0); }
  to { transform: translateX(-100%) translateZ(0); }
}
@-webkit-keyframes floata {
  from { transform: translateX(100%) translateZ(0); }
  to { transform: translateX(-100%) translateZ(0); }
}
@-moz-keyframes floata {
  from { transform: translateX(100%) translateZ(0); }
  to { transform: translateX(-100%) translateZ(0); }
}
@-o-keyframes floata {
  from { transform: translateX(100%) translateZ(0); }
  to { transform: translateX(-100%) translateZ(0); }
}
@keyframes pulse-white {
  0% {
    transform: scale(0.95);
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7),
	0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  
  70% {
    transform: scale(1);
	box-shadow: 0 0 0 30px rgba(255, 255, 255, 0),
	0 0 0 10px rgba(0, 0, 0, 0);
  }
  
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0),
	0 0 0 0 rgba(0, 0, 0, 0);
  }
}
@-webkit-keyframes pulse-white {
  0% {
    transform: scale(0.95);
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7),
	0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  
  70% {
    transform: scale(1);
	box-shadow: 0 0 0 30px rgba(255, 255, 255, 0),
	0 0 0 10px rgba(0, 0, 0, 0);
  }
  
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0),
	0 0 0 0 rgba(0, 0, 0, 0);
  }
}
@-moz-keyframes pulse-white {
  0% {
    transform: scale(0.95);
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7),
	0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  
  70% {
    transform: scale(1);
	box-shadow: 0 0 0 30px rgba(255, 255, 255, 0),
	0 0 0 10px rgba(0, 0, 0, 0);
  }
  
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0),
	0 0 0 0 rgba(0, 0, 0, 0);
  }
}
@-o-keyframes pulse-white {
  0% {
    transform: scale(0.95);
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7),
	0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  
  70% {
    transform: scale(1);
	box-shadow: 0 0 0 30px rgba(255, 255, 255, 0),
	0 0 0 10px rgba(0, 0, 0, 0);
  }
  
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0),
	0 0 0 0 rgba(0, 0, 0, 0);
  }
}

@keyframes pulse-white90 {
  0% {
    transform: scale(0.95);
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7),
	0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  
  70% {
    transform: scale(1);
	margin-top: -5px;
	box-shadow: 0 0 0 30px rgba(255, 255, 255, 0),
	0 0 0 10px rgba(0, 0, 0, 0);
  }
  
  100% {
    transform: scale(0.95);
	margin-top: 5px;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0),
	0 0 0 0 rgba(0, 0, 0, 0);
  }
}
@-webkit-keyframes pulse-white90 {
  0% {
    transform: scale(0.95);
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7),
	0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  
  70% {
    transform: scale(1);
	margin-top: -5px;
	box-shadow: 0 0 0 30px rgba(255, 255, 255, 0),
	0 0 0 10px rgba(0, 0, 0, 0);
  }
  
  100% {
    transform: scale(0.95);
	margin-top: 5px;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0),
	0 0 0 0 rgba(0, 0, 0, 0);
  }
}
@-moz-keyframes pulse-white90 {
  0% {
    transform: scale(0.95);
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7),
	0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  
  70% {
    transform: scale(1);
	margin-top: -5px;
	box-shadow: 0 0 0 30px rgba(255, 255, 255, 0),
	0 0 0 10px rgba(0, 0, 0, 0);
  }
  
  100% {
    transform: scale(0.95);
	margin-top: 5px;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0),
	0 0 0 0 rgba(0, 0, 0, 0);
  }
}
@-o-keyframes pulse-white90 {
  0% {
    transform: scale(0.95);
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7),
	0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  
  70% {
    transform: scale(1);
	margin-top: -5px;
	box-shadow: 0 0 0 30px rgba(255, 255, 255, 0),
	0 0 0 10px rgba(0, 0, 0, 0);
  }
  
  100% {
    transform: scale(0.95);
	margin-top: 5px;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0),
	0 0 0 0 rgba(0, 0, 0, 0);
  }
}

@keyframes swap {
	0%, 50% {
	  left: 0%;
	}
	50.01%,
	100% {
	  left: 100%;
	}
}
@-webkit-keyframes swap {
	0%, 50% {
	  left: 0%;
	}
	50.01%,
	100% {
	  left: 100%;
	}
}
@-moz-keyframes swap {
	0%, 50% {
	  left: 0%;
	}
	50.01%,
	100% {
	  left: 100%;
	}
}
@-o-keyframes swap {
	0%, 50% {
	  left: 0%;
	}
	50.01%,
	100% {
	  left: 100%;
	}
}
@keyframes marquee23 {
	0% {
	  transform: translateX(0)
	}
	100% {
	  transform: translateX(-100%)
	}
}
@-webkit-keyframes marquee23 {
	0% {
	  transform: translateX(0)
	}
	100% {
	  transform: translateX(-100%)
	}
}
@-moz-keyframes marquee23 {
	0% {
	  transform: translateX(0)
	}
	100% {
	  transform: translateX(-100%)
	}
}
@-o-keyframes marquee23 {
	0% {
	  transform: translateX(0)
	}
	100% {
	  transform: translateX(-100%)
	}
}
@keyframes swap5 {
	0%, 50% {
	  left: 0%;
	}
	50.01%,
	100% {
	  left: 100%;
	}
}
@-webkit-keyframes swap5 {
	0%, 50% {
	  left: 0%;
	}
	50.01%,
	100% {
	  left: 100%;
	}
}
@-moz-keyframes swap5 {
	0%, 50% {
	  left: 0%;
	}
	50.01%,
	100% {
	  left: 100%;
	}
}
@-o-keyframes swap5 {
	0%, 50% {
	  left: 0%;
	}
	50.01%,
	100% {
	  left: 100%;
	}
}
@keyframes marquee235 {
	0% {
	  transform: translateX(0)
	}
	100% {
	  transform: translateX(100%)
	}
}
@-webkit-keyframes marquee235 {
	0% {
	  transform: translateX(0)
	}
	100% {
	  transform: translateX(100%)
	}
}
@-moz-keyframes marquee235 {
	0% {
	  transform: translateX(0)
	}
	100% {
	  transform: translateX(100%)
	}
}
@-o-keyframes marquee235 {
	0% {
	  transform: translateX(0)
	}
	100% {
	  transform: translateX(100%)
	}
}
/*@keyframes marquee235 {
	0% {
	  transform: translateX(0);
		-moz-transform: translateX(0);
	  -webkit-transform: translateX(0);
	  -o-transform: translateX(0);
	  -ms-transform: translateX(0);
	}
	100% {
	  transform: translateX(100%);
	  -moz-transform: translateX(100%);
	  -webkit-transform: translateX(100%);
	  -o-transform: translateX(100%);
	  -ms-transform: translateX(100%);
	}
}
@-webkit-keyframes marquee235 {
	0% {
	  transform: translateX(0);
		-moz-transform: translateX(0);
	  -webkit-transform: translateX(0);
	  -o-transform: translateX(0);
	  -ms-transform: translateX(0);
	}
	100% {
	  transform: translateX(100%);
	  -moz-transform: translateX(100%);
	  -webkit-transform: translateX(100%);
	  -o-transform: translateX(100%);
	  -ms-transform: translateX(100%);
	}
}
@-moz-keyframes marquee235 {
	0% {
	  transform: translateX(0);
		-moz-transform: translateX(0);
	  -webkit-transform: translateX(0);
	  -o-transform: translateX(0);
	  -ms-transform: translateX(0);
	}
	100% {
	  transform: translateX(100%);
	  -moz-transform: translateX(100%);
	  -webkit-transform: translateX(100%);
	  -o-transform: translateX(100%);
	  -ms-transform: translateX(100%);
	}
}
@-o-keyframes marquee235 {
	0% {
	  transform: translateX(0);
		-moz-transform: translateX(0);
	  -webkit-transform: translateX(0);
	  -o-transform: translateX(0);
	  -ms-transform: translateX(0);
	}
	100% {
	  transform: translateX(100%);
	  -moz-transform: translateX(100%);
	  -webkit-transform: translateX(100%);
	  -o-transform: translateX(100%);
	  -ms-transform: translateX(100%);
	}
}*/
@keyframes float5 {
	0% {
		transform: translatey(-10px);
	  -moz-transform: translatey(-10px);
	  -webkit-transform: translatey(-10px);
	  -o-transform: translatey(-10px);
	  -ms-transform: translatey(-10px);
	}
	50% {
		transform: translatey(0px);
	  -moz-transform: translatey(0px);
	  -webkit-transform: translatey(0px);
	  -o-transform: translatey(0px);
	  -ms-transform: translatey(0px);
	}
	100% {
		transform: translatey(-10px);
	  -moz-transform: translatey(-10px);
	  -webkit-transform: translatey(-10px);
	  -o-transform: translatey(-10px);
	  -ms-transform: translatey(-10px);
		
	}
}
@-webkit-keyframes float5 {
	0% {
		transform: translatey(-10px);
	  -moz-transform: translatey(-10px);
	  -webkit-transform: translatey(-10px);
	  -o-transform: translatey(-10px);
	  -ms-transform: translatey(-10px);
	}
	50% {
		transform: translatey(0px);
	  -moz-transform: translatey(0px);
	  -webkit-transform: translatey(0px);
	  -o-transform: translatey(0px);
	  -ms-transform: translatey(0px);
	}
	100% {
		transform: translatey(-10px);
	  -moz-transform: translatey(-10px);
	  -webkit-transform: translatey(-10px);
	  -o-transform: translatey(-10px);
	  -ms-transform: translatey(-10px);
		
	}
}
@-moz-keyframes float5 {
	0% {
		transform: translatey(-10px);
	  -moz-transform: translatey(-10px);
	  -webkit-transform: translatey(-10px);
	  -o-transform: translatey(-10px);
	  -ms-transform: translatey(-10px);
	}
	50% {
		transform: translatey(0px);
	  -moz-transform: translatey(0px);
	  -webkit-transform: translatey(0px);
	  -o-transform: translatey(0px);
	  -ms-transform: translatey(0px);
	}
	100% {
		transform: translatey(-10px);
	  -moz-transform: translatey(-10px);
	  -webkit-transform: translatey(-10px);
	  -o-transform: translatey(-10px);
	  -ms-transform: translatey(-10px);
		
	}
}
@-o-keyframes float5 {
	0% {
		transform: translatey(-10px);
	  -moz-transform: translatey(-10px);
	  -webkit-transform: translatey(-10px);
	  -o-transform: translatey(-10px);
	  -ms-transform: translatey(-10px);
	}
	50% {
		transform: translatey(0px);
	  -moz-transform: translatey(0px);
	  -webkit-transform: translatey(0px);
	  -o-transform: translatey(0px);
	  -ms-transform: translatey(0px);
	}
	100% {
		transform: translatey(-10px);
	  -moz-transform: translatey(-10px);
	  -webkit-transform: translatey(-10px);
	  -o-transform: translatey(-10px);
	  -ms-transform: translatey(-10px);
		
	}
}
@keyframes colorize {
	50% { filter: sepia() saturate(4) hue-rotate(295deg);
	-webkit-filter: sepia() saturate(4) hue-rotate(295deg);
	-moz-filter: sepia() saturate(4) hue-rotate(295deg);
	}
}
@-webkit-keyframes colorize {
	50% { filter: sepia() saturate(4) hue-rotate(295deg);
	-webkit-filter: sepia() saturate(4) hue-rotate(295deg);
	-moz-filter: sepia() saturate(4) hue-rotate(295deg);
	}
}
@-moz-keyframes colorize {
	50% { filter: sepia() saturate(4) hue-rotate(295deg);
	-webkit-filter: sepia() saturate(4) hue-rotate(295deg);
	-moz-filter: sepia() saturate(4) hue-rotate(295deg);
	}
}
@-o-keyframes colorize {
	50% { filter: sepia() saturate(4) hue-rotate(295deg);
	-webkit-filter: sepia() saturate(4) hue-rotate(295deg);
	-moz-filter: sepia() saturate(4) hue-rotate(295deg);
	}
}
@keyframes fadeIn17 {
	0% {
		opacity: 0;
		transform: translateX(50%);
	  -moz-transform: translateX(50%);
	  -webkit-transform: translateX(50%);
	  -o-transform: translateX(50%);
	  -ms-transform: translateX(50%);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	  -moz-transform: translateX(0);
	  -webkit-transform: translateX(0);
	  -o-transform: translateX(0);
	  -ms-transform: translateX(0);
	}
}
@-webkit-keyframes fadeIn17 {
	0% {
		opacity: 0;
		transform: translateX(50%);
	  -moz-transform: translateX(50%);
	  -webkit-transform: translateX(50%);
	  -o-transform: translateX(50%);
	  -ms-transform: translateX(50%);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	  -moz-transform: translateX(0);
	  -webkit-transform: translateX(0);
	  -o-transform: translateX(0);
	  -ms-transform: translateX(0);
	}
}
@-moz-keyframes fadeIn17 {
	0% {
		opacity: 0;
		transform: translateX(50%);
	  -moz-transform: translateX(50%);
	  -webkit-transform: translateX(50%);
	  -o-transform: translateX(50%);
	  -ms-transform: translateX(50%);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	  -moz-transform: translateX(0);
	  -webkit-transform: translateX(0);
	  -o-transform: translateX(0);
	  -ms-transform: translateX(0);
	}
}
@-o-keyframes fadeIn17 {
	0% {
		opacity: 0;
		transform: translateX(50%);
	  -moz-transform: translateX(50%);
	  -webkit-transform: translateX(50%);
	  -o-transform: translateX(50%);
	  -ms-transform: translateX(50%);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	  -moz-transform: translateX(0);
	  -webkit-transform: translateX(0);
	  -o-transform: translateX(0);
	  -ms-transform: translateX(0);
	}
}
@keyframes fadeOut17 {
	0% {
		opacity: 1;
		transform: translateX(0);
	  -moz-transform: translateX(0);
	  -webkit-transform: translateX(0);
	  -o-transform: translateX(0);
	  -ms-transform: translateX(0);
	}
	100% {
		opacity: 0;
		transform: translateX(50%);
	  -moz-transform: translateX(50%);
	  -webkit-transform: translateX(50%);
	  -o-transform: translateX(50%);
	  -ms-transform: translateX(50%);
	}
}
@-webkit-keyframes fadeOut17 {
	0% {
		opacity: 1;
		transform: translateX(0);
	  -moz-transform: translateX(0);
	  -webkit-transform: translateX(0);
	  -o-transform: translateX(0);
	  -ms-transform: translateX(0);
	}
	100% {
		opacity: 0;
		transform: translateX(50%);
	  -moz-transform: translateX(50%);
	  -webkit-transform: translateX(50%);
	  -o-transform: translateX(50%);
	  -ms-transform: translateX(50%);
	}
}
@-moz-keyframes fadeOut17 {
	0% {
		opacity: 1;
		transform: translateX(0);
	  -moz-transform: translateX(0);
	  -webkit-transform: translateX(0);
	  -o-transform: translateX(0);
	  -ms-transform: translateX(0);
	}
	100% {
		opacity: 0;
		transform: translateX(50%);
	  -moz-transform: translateX(50%);
	  -webkit-transform: translateX(50%);
	  -o-transform: translateX(50%);
	  -ms-transform: translateX(50%);
	}
}
@-o-keyframes fadeOut17 {
	0% {
		opacity: 1;
		transform: translateX(0);
	  -moz-transform: translateX(0);
	  -webkit-transform: translateX(0);
	  -o-transform: translateX(0);
	  -ms-transform: translateX(0);
	}
	100% {
		opacity: 0;
		transform: translateX(50%);
	  -moz-transform: translateX(50%);
	  -webkit-transform: translateX(50%);
	  -o-transform: translateX(50%);
	  -ms-transform: translateX(50%);
	}
}
@keyframes shake {
      0% { transform: translate(1px, 1px) rotate(0deg);
	  -moz-transform: translate(1px, 1px) rotate(0deg);
	  -webkit-transform: translate(1px, 1px) rotate(0deg);
	  -o-transform: translate(1px, 1px) rotate(0deg);
	  -ms-transform: translate(1px, 1px) rotate(0deg);    }
     10% { transform: translate(-1px, -2px) rotate(-1deg); 
	  -moz-transform: translate(-1px, -2px) rotate(-1deg);
	  -webkit-transform: translate(-1px, -2px) rotate(-1deg);
	  -o-transform: translate(-1px, -2px) rotate(-1deg);
	  -ms-transform: translate(-1px, -2px) rotate(-1deg); }
     20% { transform: translate(-3px, 0px) rotate(1deg); 
	  -moz-transform: translate(-3px, 0px) rotate(1deg);
	  -webkit-transform: translate(-3px, 0px) rotate(1deg);
	  -o-transform: translate(-3px, 0px) rotate(1deg);
	  -ms-transform: translate(-3px, 0px) rotate(1deg);   }
     30% { transform: translate(3px, 2px) rotate(0deg);
	  -moz-transform: translate(3px, 2px) rotate(0deg);
	  -webkit-transform: translate(3px, 2px) rotate(0deg);
	  -o-transform: translate(3px, 2px) rotate(0deg);
	  -ms-transform: translate(3px, 2px) rotate(0deg);   }
     40% { transform: translate(1px, -1px) rotate(1deg);
	  -moz-transform: translate(1px, -1px) rotate(1deg);
	  -webkit-transform: translate(1px, -1px) rotate(1deg);
	  -o-transform: translate(1px, -1px) rotate(1deg);
	  -ms-transform: translate(1px, -1px) rotate(1deg);   }
     50% { transform: translate(-1px, 2px) rotate(-1deg);
	  -moz-transform: translate(-1px, 2px) rotate(-1deg);
	  -webkit-transform: translate(-1px, 2px) rotate(-1deg);
	  -o-transform: translate(-1px, 2px) rotate(-1deg);
	  -ms-transform: translate(-1px, 2px) rotate(-1deg);  }
     60% { transform: translate(-3px, 1px) rotate(0deg);
	  -moz-transform: translate(-3px, 1px) rotate(0deg);
	  -webkit-transform: translate(-3px, 1px) rotate(0deg);
	  -o-transform: translate(-3px, 1px) rotate(0deg);
	  -ms-transform: translate(-3px, 1px) rotate(0deg);   }
     70% { transform: translate(3px, 1px) rotate(-1deg);
	  -moz-transform: translate(3px, 1px) rotate(-1deg);
	  -webkit-transform: translate(3px, 1px) rotate(-1deg);
	  -o-transform: translate(3px, 1px) rotate(-1deg);
	  -ms-transform: translate(3px, 1px) rotate(-1deg);     }
     80% { transform: translate(-1px, -1px) rotate(1deg);
	  -moz-transform: translate(-1px, -1px) rotate(1deg);
	  -webkit-transform: translate(-1px, -1px) rotate(1deg);
	  -o-transform: translate(-1px, -1px) rotate(1deg);
	  -ms-transform: translate(-1px, -1px) rotate(1deg);  }
     90% { transform:  transform: translate(1px, 1px) rotate(0deg);
	  -moz-transform: translate(1px, 1px) rotate(0deg);
	  -webkit-transform: translate(1px, 1px) rotate(0deg);
	  -o-transform: translate(1px, 1px) rotate(0deg);
	  -ms-transform: translate(1px, 1px) rotate(0deg);    }
    100% {  transform: translate(1px, 1px) rotate(0deg);
	  -moz-transform: translate(1px, 1px) rotate(0deg);
	  -webkit-transform: translate(1px, 1px) rotate(0deg);
	  -o-transform: translate(1px, 1px) rotate(0deg);
	  -ms-transform: translate(1px, 1px) rotate(0deg);    }
}
@-webkit-keyframes shake {
      0% { transform: translate(1px, 1px) rotate(0deg);
	  -moz-transform: translate(1px, 1px) rotate(0deg);
	  -webkit-transform: translate(1px, 1px) rotate(0deg);
	  -o-transform: translate(1px, 1px) rotate(0deg);
	  -ms-transform: translate(1px, 1px) rotate(0deg);    }
     10% { transform: translate(-1px, -2px) rotate(-1deg); 
	  -moz-transform: translate(-1px, -2px) rotate(-1deg);
	  -webkit-transform: translate(-1px, -2px) rotate(-1deg);
	  -o-transform: translate(-1px, -2px) rotate(-1deg);
	  -ms-transform: translate(-1px, -2px) rotate(-1deg); }
     20% { transform: translate(-3px, 0px) rotate(1deg); 
	  -moz-transform: translate(-3px, 0px) rotate(1deg);
	  -webkit-transform: translate(-3px, 0px) rotate(1deg);
	  -o-transform: translate(-3px, 0px) rotate(1deg);
	  -ms-transform: translate(-3px, 0px) rotate(1deg);   }
     30% { transform: translate(3px, 2px) rotate(0deg);
	  -moz-transform: translate(3px, 2px) rotate(0deg);
	  -webkit-transform: translate(3px, 2px) rotate(0deg);
	  -o-transform: translate(3px, 2px) rotate(0deg);
	  -ms-transform: translate(3px, 2px) rotate(0deg);   }
     40% { transform: translate(1px, -1px) rotate(1deg);
	  -moz-transform: translate(1px, -1px) rotate(1deg);
	  -webkit-transform: translate(1px, -1px) rotate(1deg);
	  -o-transform: translate(1px, -1px) rotate(1deg);
	  -ms-transform: translate(1px, -1px) rotate(1deg);   }
     50% { transform: translate(-1px, 2px) rotate(-1deg);
	  -moz-transform: translate(-1px, 2px) rotate(-1deg);
	  -webkit-transform: translate(-1px, 2px) rotate(-1deg);
	  -o-transform: translate(-1px, 2px) rotate(-1deg);
	  -ms-transform: translate(-1px, 2px) rotate(-1deg);  }
     60% { transform: translate(-3px, 1px) rotate(0deg);
	  -moz-transform: translate(-3px, 1px) rotate(0deg);
	  -webkit-transform: translate(-3px, 1px) rotate(0deg);
	  -o-transform: translate(-3px, 1px) rotate(0deg);
	  -ms-transform: translate(-3px, 1px) rotate(0deg);   }
     70% { transform: translate(3px, 1px) rotate(-1deg);
	  -moz-transform: translate(3px, 1px) rotate(-1deg);
	  -webkit-transform: translate(3px, 1px) rotate(-1deg);
	  -o-transform: translate(3px, 1px) rotate(-1deg);
	  -ms-transform: translate(3px, 1px) rotate(-1deg);     }
     80% { transform: translate(-1px, -1px) rotate(1deg);
	  -moz-transform: translate(-1px, -1px) rotate(1deg);
	  -webkit-transform: translate(-1px, -1px) rotate(1deg);
	  -o-transform: translate(-1px, -1px) rotate(1deg);
	  -ms-transform: translate(-1px, -1px) rotate(1deg);  }
     90% { transform:  transform: translate(1px, 1px) rotate(0deg);
	  -moz-transform: translate(1px, 1px) rotate(0deg);
	  -webkit-transform: translate(1px, 1px) rotate(0deg);
	  -o-transform: translate(1px, 1px) rotate(0deg);
	  -ms-transform: translate(1px, 1px) rotate(0deg);    }
    100% {  transform: translate(1px, 1px) rotate(0deg);
	  -moz-transform: translate(1px, 1px) rotate(0deg);
	  -webkit-transform: translate(1px, 1px) rotate(0deg);
	  -o-transform: translate(1px, 1px) rotate(0deg);
	  -ms-transform: translate(1px, 1px) rotate(0deg);    }
}
@-moz-keyframes shake {
      0% { transform: translate(1px, 1px) rotate(0deg);
	  -moz-transform: translate(1px, 1px) rotate(0deg);
	  -webkit-transform: translate(1px, 1px) rotate(0deg);
	  -o-transform: translate(1px, 1px) rotate(0deg);
	  -ms-transform: translate(1px, 1px) rotate(0deg);    }
     10% { transform: translate(-1px, -2px) rotate(-1deg); 
	  -moz-transform: translate(-1px, -2px) rotate(-1deg);
	  -webkit-transform: translate(-1px, -2px) rotate(-1deg);
	  -o-transform: translate(-1px, -2px) rotate(-1deg);
	  -ms-transform: translate(-1px, -2px) rotate(-1deg); }
     20% { transform: translate(-3px, 0px) rotate(1deg); 
	  -moz-transform: translate(-3px, 0px) rotate(1deg);
	  -webkit-transform: translate(-3px, 0px) rotate(1deg);
	  -o-transform: translate(-3px, 0px) rotate(1deg);
	  -ms-transform: translate(-3px, 0px) rotate(1deg);   }
     30% { transform: translate(3px, 2px) rotate(0deg);
	  -moz-transform: translate(3px, 2px) rotate(0deg);
	  -webkit-transform: translate(3px, 2px) rotate(0deg);
	  -o-transform: translate(3px, 2px) rotate(0deg);
	  -ms-transform: translate(3px, 2px) rotate(0deg);   }
     40% { transform: translate(1px, -1px) rotate(1deg);
	  -moz-transform: translate(1px, -1px) rotate(1deg);
	  -webkit-transform: translate(1px, -1px) rotate(1deg);
	  -o-transform: translate(1px, -1px) rotate(1deg);
	  -ms-transform: translate(1px, -1px) rotate(1deg);   }
     50% { transform: translate(-1px, 2px) rotate(-1deg);
	  -moz-transform: translate(-1px, 2px) rotate(-1deg);
	  -webkit-transform: translate(-1px, 2px) rotate(-1deg);
	  -o-transform: translate(-1px, 2px) rotate(-1deg);
	  -ms-transform: translate(-1px, 2px) rotate(-1deg);  }
     60% { transform: translate(-3px, 1px) rotate(0deg);
	  -moz-transform: translate(-3px, 1px) rotate(0deg);
	  -webkit-transform: translate(-3px, 1px) rotate(0deg);
	  -o-transform: translate(-3px, 1px) rotate(0deg);
	  -ms-transform: translate(-3px, 1px) rotate(0deg);   }
     70% { transform: translate(3px, 1px) rotate(-1deg);
	  -moz-transform: translate(3px, 1px) rotate(-1deg);
	  -webkit-transform: translate(3px, 1px) rotate(-1deg);
	  -o-transform: translate(3px, 1px) rotate(-1deg);
	  -ms-transform: translate(3px, 1px) rotate(-1deg);     }
     80% { transform: translate(-1px, -1px) rotate(1deg);
	  -moz-transform: translate(-1px, -1px) rotate(1deg);
	  -webkit-transform: translate(-1px, -1px) rotate(1deg);
	  -o-transform: translate(-1px, -1px) rotate(1deg);
	  -ms-transform: translate(-1px, -1px) rotate(1deg);  }
     90% { transform:  transform: translate(1px, 1px) rotate(0deg);
	  -moz-transform: translate(1px, 1px) rotate(0deg);
	  -webkit-transform: translate(1px, 1px) rotate(0deg);
	  -o-transform: translate(1px, 1px) rotate(0deg);
	  -ms-transform: translate(1px, 1px) rotate(0deg);    }
    100% {  transform: translate(1px, 1px) rotate(0deg);
	  -moz-transform: translate(1px, 1px) rotate(0deg);
	  -webkit-transform: translate(1px, 1px) rotate(0deg);
	  -o-transform: translate(1px, 1px) rotate(0deg);
	  -ms-transform: translate(1px, 1px) rotate(0deg);    }
}
@-o-keyframes shake {
      0% { transform: translate(1px, 1px) rotate(0deg);
	  -moz-transform: translate(1px, 1px) rotate(0deg);
	  -webkit-transform: translate(1px, 1px) rotate(0deg);
	  -o-transform: translate(1px, 1px) rotate(0deg);
	  -ms-transform: translate(1px, 1px) rotate(0deg);    }
     10% { transform: translate(-1px, -2px) rotate(-1deg); 
	  -moz-transform: translate(-1px, -2px) rotate(-1deg);
	  -webkit-transform: translate(-1px, -2px) rotate(-1deg);
	  -o-transform: translate(-1px, -2px) rotate(-1deg);
	  -ms-transform: translate(-1px, -2px) rotate(-1deg); }
     20% { transform: translate(-3px, 0px) rotate(1deg); 
	  -moz-transform: translate(-3px, 0px) rotate(1deg);
	  -webkit-transform: translate(-3px, 0px) rotate(1deg);
	  -o-transform: translate(-3px, 0px) rotate(1deg);
	  -ms-transform: translate(-3px, 0px) rotate(1deg);   }
     30% { transform: translate(3px, 2px) rotate(0deg);
	  -moz-transform: translate(3px, 2px) rotate(0deg);
	  -webkit-transform: translate(3px, 2px) rotate(0deg);
	  -o-transform: translate(3px, 2px) rotate(0deg);
	  -ms-transform: translate(3px, 2px) rotate(0deg);   }
     40% { transform: translate(1px, -1px) rotate(1deg);
	  -moz-transform: translate(1px, -1px) rotate(1deg);
	  -webkit-transform: translate(1px, -1px) rotate(1deg);
	  -o-transform: translate(1px, -1px) rotate(1deg);
	  -ms-transform: translate(1px, -1px) rotate(1deg);   }
     50% { transform: translate(-1px, 2px) rotate(-1deg);
	  -moz-transform: translate(-1px, 2px) rotate(-1deg);
	  -webkit-transform: translate(-1px, 2px) rotate(-1deg);
	  -o-transform: translate(-1px, 2px) rotate(-1deg);
	  -ms-transform: translate(-1px, 2px) rotate(-1deg);  }
     60% { transform: translate(-3px, 1px) rotate(0deg);
	  -moz-transform: translate(-3px, 1px) rotate(0deg);
	  -webkit-transform: translate(-3px, 1px) rotate(0deg);
	  -o-transform: translate(-3px, 1px) rotate(0deg);
	  -ms-transform: translate(-3px, 1px) rotate(0deg);   }
     70% { transform: translate(3px, 1px) rotate(-1deg);
	  -moz-transform: translate(3px, 1px) rotate(-1deg);
	  -webkit-transform: translate(3px, 1px) rotate(-1deg);
	  -o-transform: translate(3px, 1px) rotate(-1deg);
	  -ms-transform: translate(3px, 1px) rotate(-1deg);     }
     80% { transform: translate(-1px, -1px) rotate(1deg);
	  -moz-transform: translate(-1px, -1px) rotate(1deg);
	  -webkit-transform: translate(-1px, -1px) rotate(1deg);
	  -o-transform: translate(-1px, -1px) rotate(1deg);
	  -ms-transform: translate(-1px, -1px) rotate(1deg);  }
     90% { transform:  transform: translate(1px, 1px) rotate(0deg);
	  -moz-transform: translate(1px, 1px) rotate(0deg);
	  -webkit-transform: translate(1px, 1px) rotate(0deg);
	  -o-transform: translate(1px, 1px) rotate(0deg);
	  -ms-transform: translate(1px, 1px) rotate(0deg);    }
    100% {  transform: translate(1px, 1px) rotate(0deg);
	  -moz-transform: translate(1px, 1px) rotate(0deg);
	  -webkit-transform: translate(1px, 1px) rotate(0deg);
	  -o-transform: translate(1px, 1px) rotate(0deg);
	  -ms-transform: translate(1px, 1px) rotate(0deg);    }
}
@keyframes drip {
  10% {
    top: 0;
    opacity: 0;
    animation-timing-function: cubic-bezier(.24,0,.76,.14);
  }
  25% {
    opacity: 1;
    top: 200px;
    animation-timing-function: ease-out;
    width: 6px;
    height: 6px;
    left: 93px;
  }
  30% {
    opacity: 1;
    top: 160px;
    width: 3px;
    height: 3px;
    animation-timing-function: ease-in;
    left: 97px;
  }
  33% {
    top: 200px;
    opacity: 0;
    animation-timing-function: ease-out;
    left: 97px;
  }
  33.001% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes drip {
  10% {
    top: 0;
    opacity: 0;
    animation-timing-function: cubic-bezier(.24,0,.76,.14);
  }
  25% {
    opacity: 1;
    top: 200px;
    animation-timing-function: ease-out;
    width: 6px;
    height: 6px;
    left: 93px;
  }
  30% {
    opacity: 1;
    top: 160px;
    width: 3px;
    height: 3px;
    animation-timing-function: ease-in;
    left: 97px;
  }
  33% {
    top: 200px;
    opacity: 0;
    animation-timing-function: ease-out;
    left: 97px;
  }
  33.001% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes drip {
  10% {
    top: 0;
    opacity: 0;
    animation-timing-function: cubic-bezier(.24,0,.76,.14);
  }
  25% {
    opacity: 1;
    top: 200px;
    animation-timing-function: ease-out;
    width: 6px;
    height: 6px;
    left: 93px;
  }
  30% {
    opacity: 1;
    top: 160px;
    width: 3px;
    height: 3px;
    animation-timing-function: ease-in;
    left: 97px;
  }
  33% {
    top: 200px;
    opacity: 0;
    animation-timing-function: ease-out;
    left: 97px;
  }
  33.001% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes drip {
  10% {
    top: 0;
    opacity: 0;
    animation-timing-function: cubic-bezier(.24,0,.76,.14);
  }
  25% {
    opacity: 1;
    top: 200px;
    animation-timing-function: ease-out;
    width: 6px;
    height: 6px;
    left: 93px;
  }
  30% {
    opacity: 1;
    top: 160px;
    width: 3px;
    height: 3px;
    animation-timing-function: ease-in;
    left: 97px;
  }
  33% {
    top: 200px;
    opacity: 0;
    animation-timing-function: ease-out;
    left: 97px;
  }
  33.001% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes splash {
  0% {
    opacity: 0;
  }
  25% {
    bottom: 50px;
    left: 100px;
    opacity: 0;
    width: 0px;
    height: 0px;
  }
  25.001% {
    opacity: 1;
  }
  33% {
    bottom: 0;
    left: 0;
    opacity: 0;
    width: 200px;
    height: 100px;
  }
  33.001% {
    bottom: 50px;
    left: 100px;
    opacity: 1;
    width: 0px;
    height: 0px;
  }
  43% {
    bottom: 0;
    left: 0;
    opacity: 0;
    width: 200px;
    height: 100px;
  }
  43.001% {
    opacity: 0;
  }
}
@-webkit-keyframes splash {
  0% {
    opacity: 0;
  }
  25% {
    bottom: 50px;
    left: 100px;
    opacity: 0;
    width: 0px;
    height: 0px;
  }
  25.001% {
    opacity: 1;
  }
  33% {
    bottom: 0;
    left: 0;
    opacity: 0;
    width: 200px;
    height: 100px;
  }
  33.001% {
    bottom: 50px;
    left: 100px;
    opacity: 1;
    width: 0px;
    height: 0px;
  }
  43% {
    bottom: 0;
    left: 0;
    opacity: 0;
    width: 200px;
    height: 100px;
  }
  43.001% {
    opacity: 0;
  }
}
@-moz-keyframes splash {
  0% {
    opacity: 0;
  }
  25% {
    bottom: 50px;
    left: 100px;
    opacity: 0;
    width: 0px;
    height: 0px;
  }
  25.001% {
    opacity: 1;
  }
  33% {
    bottom: 0;
    left: 0;
    opacity: 0;
    width: 200px;
    height: 100px;
  }
  33.001% {
    bottom: 50px;
    left: 100px;
    opacity: 1;
    width: 0px;
    height: 0px;
  }
  43% {
    bottom: 0;
    left: 0;
    opacity: 0;
    width: 200px;
    height: 100px;
  }
  43.001% {
    opacity: 0;
  }
}
@-o-keyframes splash {
  0% {
    opacity: 0;
  }
  25% {
    bottom: 50px;
    left: 100px;
    opacity: 0;
    width: 0px;
    height: 0px;
  }
  25.001% {
    opacity: 1;
  }
  33% {
    bottom: 0;
    left: 0;
    opacity: 0;
    width: 200px;
    height: 100px;
  }
  33.001% {
    bottom: 50px;
    left: 100px;
    opacity: 1;
    width: 0px;
    height: 0px;
  }
  43% {
    bottom: 0;
    left: 0;
    opacity: 0;
    width: 200px;
    height: 100px;
  }
  43.001% {
    opacity: 0;
  }
}
@keyframes spin {
  from {
	transform: rotateY(0);
	-moz-transform: rotateY(0);
	-webkit-transform: rotateY(0);
	-o-transform: rotateY(0);
	-ms-transform: rotateY(0);
  }
  to {
	transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
  }
}
@-webkit-keyframes spin {
  from {
	transform: rotateY(0);
	-moz-transform: rotateY(0);
	-webkit-transform: rotateY(0);
	-o-transform: rotateY(0);
	-ms-transform: rotateY(0);
  }
  to {
	transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
  }
}
@-moz-keyframes spin {
  from {
	transform: rotateY(0);
	-moz-transform: rotateY(0);
	-webkit-transform: rotateY(0);
	-o-transform: rotateY(0);
	-ms-transform: rotateY(0);
  }
  to {
	transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
  }
}
@-o-keyframes spin {
  from {
	transform: rotateY(0);
	-moz-transform: rotateY(0);
	-webkit-transform: rotateY(0);
	-o-transform: rotateY(0);
	-ms-transform: rotateY(0);
  }
  to {
	transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
  }
}
@keyframes imgFade {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}
@-webkit-keyframes imgFade {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}
@-moz-keyframes imgFade {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}
@-o-keyframes imgFade {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}
@keyframes sparkle {
  0% {
    background-position: 0;
  }

  40% {
    background-position: -731px;
  }

  to {
    background-position: -731px;
  }
}
@-webkit-keyframes sparkle {
  0% {
    background-position: 0;
  }

  40% {
    background-position: -731px;
  }

  to {
    background-position: -731px;
  }
}
@-moz-keyframes sparkle {
  0% {
    background-position: 0;
  }

  40% {
    background-position: -731px;
  }

  to {
    background-position: -731px;
  }
}
@-o-keyframes sparkle {
  0% {
    background-position: 0;
  }

  40% {
    background-position: -731px;
  }

  to {
    background-position: -731px;
  }
}
@keyframes twinkle {
  0% { opacity: 1; transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);  }
  50% { opacity: .1; transform: scale(.5);
	-moz-transform: scale(.5);
	-webkit-transform: scale(.5);
	-o-transform: scale(.5);
	-ms-transform: scale(.5); }
  100% { opacity: 1; transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1); }
} 
@-webkit-keyframes twinkle {
  0% { opacity: 1; transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);  }
  50% { opacity: .1; transform: scale(.5);
	-moz-transform: scale(.5);
	-webkit-transform: scale(.5);
	-o-transform: scale(.5);
	-ms-transform: scale(.5); }
  100% { opacity: 1; transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1); }
} 
@-moz-keyframes twinkle {
  0% { opacity: 1; transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);  }
  50% { opacity: .1; transform: scale(.5);
	-moz-transform: scale(.5);
	-webkit-transform: scale(.5);
	-o-transform: scale(.5);
	-ms-transform: scale(.5); }
  100% { opacity: 1; transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1); }
} 
@-o-keyframes twinkle {
  0% { opacity: 1; transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);  }
  50% { opacity: .1; transform: scale(.5);
	-moz-transform: scale(.5);
	-webkit-transform: scale(.5);
	-o-transform: scale(.5);
	-ms-transform: scale(.5); }
  100% { opacity: 1; transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1); }
} 
@keyframes twinkle2 {
  0% { opacity: 1; }
  50% { opacity: .1; transform: scale(.8);
	-moz-transform: scale(.8);
	-webkit-transform: scale(.8);
	-o-transform: scale(.8);
	-ms-transform: scale(.8); }
  100% { opacity: 1; }
}
@-webkit-keyframes twinkle2 {
  0% { opacity: 1; }
  50% { opacity: .1; transform: scale(.8);
	-moz-transform: scale(.8);
	-webkit-transform: scale(.8);
	-o-transform: scale(.8);
	-ms-transform: scale(.8); }
  100% { opacity: 1; }
}
@-moz-keyframes twinkle2 {
  0% { opacity: 1; }
  50% { opacity: .1; transform: scale(.8);
	-moz-transform: scale(.8);
	-webkit-transform: scale(.8);
	-o-transform: scale(.8);
	-ms-transform: scale(.8); }
  100% { opacity: 1; }
}
@-o-keyframes twinkle2 {
  0% { opacity: 1; }
  50% { opacity: .1; transform: scale(.8);
	-moz-transform: scale(.8);
	-webkit-transform: scale(.8);
	-o-transform: scale(.8);
	-ms-transform: scale(.8); }
  100% { opacity: 1; }
}
@keyframes cycle {
  0% {
    top: 0px;
  }
  4% {
    top: 0px;
  }
  16% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  20% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  21% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  50% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  92% {
    top: -325px;
    opacity: 0;
    z-index: 0;
  }
  96% {
    top: -325px;
    opacity: 0;
  }
  100% {
    top: 0px;
    opacity: 1;
  }
}
@-webkit-keyframes cycle {
  0% {
    top: 0px;
  }
  4% {
    top: 0px;
  }
  16% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  20% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  21% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  50% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  92% {
    top: -325px;
    opacity: 0;
    z-index: 0;
  }
  96% {
    top: -325px;
    opacity: 0;
  }
  100% {
    top: 0px;
    opacity: 1;
  }
}
@-moz-keyframes cycle {
  0% {
    top: 0px;
  }
  4% {
    top: 0px;
  }
  16% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  20% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  21% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  50% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  92% {
    top: -325px;
    opacity: 0;
    z-index: 0;
  }
  96% {
    top: -325px;
    opacity: 0;
  }
  100% {
    top: 0px;
    opacity: 1;
  }
}
@-o-keyframes cycle {
  0% {
    top: 0px;
  }
  4% {
    top: 0px;
  }
  16% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  20% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  21% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  50% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  92% {
    top: -325px;
    opacity: 0;
    z-index: 0;
  }
  96% {
    top: -325px;
    opacity: 0;
  }
  100% {
    top: 0px;
    opacity: 1;
  }
}
@keyframes cycle2 {
  0% {
    top: -325px;
    opacity: 0;
  }
  16% {
    top: -325px;
    opacity: 0;
  }
  20% {
    top: 0px;
    opacity: 1;
  }
  24% {
    top: 0px;
    opacity: 1;
  }
  36% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  40% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  41% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}
@-webkit-keyframes cycle2 {
  0% {
    top: -325px;
    opacity: 0;
  }
  16% {
    top: -325px;
    opacity: 0;
  }
  20% {
    top: 0px;
    opacity: 1;
  }
  24% {
    top: 0px;
    opacity: 1;
  }
  36% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  40% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  41% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}
@-moz-keyframes cycle2 {
  0% {
    top: -325px;
    opacity: 0;
  }
  16% {
    top: -325px;
    opacity: 0;
  }
  20% {
    top: 0px;
    opacity: 1;
  }
  24% {
    top: 0px;
    opacity: 1;
  }
  36% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  40% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  41% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}
@-o-keyframes cycle2 {
  0% {
    top: -325px;
    opacity: 0;
  }
  16% {
    top: -325px;
    opacity: 0;
  }
  20% {
    top: 0px;
    opacity: 1;
  }
  24% {
    top: 0px;
    opacity: 1;
  }
  36% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  40% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  41% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}
@keyframes cycle3 {
  0% {
    top: -325px;
    opacity: 0;
  }
  36% {
    top: -325px;
    opacity: 0;
  }
  40% {
    top: 0px;
    opacity: 1;
  }
  44% {
    top: 0px;
    opacity: 1;
  }
  56% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  60% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  61% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}
@-webkit-keyframes cycle3 {
  0% {
    top: -325px;
    opacity: 0;
  }
  36% {
    top: -325px;
    opacity: 0;
  }
  40% {
    top: 0px;
    opacity: 1;
  }
  44% {
    top: 0px;
    opacity: 1;
  }
  56% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  60% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  61% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}
@-moz-keyframes cycle3 {
  0% {
    top: -325px;
    opacity: 0;
  }
  36% {
    top: -325px;
    opacity: 0;
  }
  40% {
    top: 0px;
    opacity: 1;
  }
  44% {
    top: 0px;
    opacity: 1;
  }
  56% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  60% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  61% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}
@-o-keyframes cycle3 {
  0% {
    top: -325px;
    opacity: 0;
  }
  36% {
    top: -325px;
    opacity: 0;
  }
  40% {
    top: 0px;
    opacity: 1;
  }
  44% {
    top: 0px;
    opacity: 1;
  }
  56% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  60% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  61% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}
@keyframes cycle4 {
  0% {
    top: -325px;
    opacity: 0;
  }
  56% {
    top: -325px;
    opacity: 0;
  }
  60% {
    top: 0px;
    opacity: 1;
  }
  64% {
    top: 0px;
    opacity: 1;
  }
  76% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  80% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  81% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}
@-webkit-keyframes cycle4 {
  0% {
    top: -325px;
    opacity: 0;
  }
  56% {
    top: -325px;
    opacity: 0;
  }
  60% {
    top: 0px;
    opacity: 1;
  }
  64% {
    top: 0px;
    opacity: 1;
  }
  76% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  80% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  81% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}
@-moz-keyframes cycle4 {
  0% {
    top: -325px;
    opacity: 0;
  }
  56% {
    top: -325px;
    opacity: 0;
  }
  60% {
    top: 0px;
    opacity: 1;
  }
  64% {
    top: 0px;
    opacity: 1;
  }
  76% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  80% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  81% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}
@-o-keyframes cycle4 {
  0% {
    top: -325px;
    opacity: 0;
  }
  56% {
    top: -325px;
    opacity: 0;
  }
  60% {
    top: 0px;
    opacity: 1;
  }
  64% {
    top: 0px;
    opacity: 1;
  }
  76% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  80% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  81% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}
@keyframes cycle5 {
  0% {
    top: -325px;
    opacity: 0;
  }
  76% {
    top: -325px;
    opacity: 0;
  }
  80% {
    top: 0px;
    opacity: 1;
  }
  84% {
    top: 0px;
    opacity: 1;
  }
  96% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  100% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
}
@-webkit-keyframes cycle5 {
  0% {
    top: -325px;
    opacity: 0;
  }
  76% {
    top: -325px;
    opacity: 0;
  }
  80% {
    top: 0px;
    opacity: 1;
  }
  84% {
    top: 0px;
    opacity: 1;
  }
  96% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  100% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
}
@-moz-keyframes cycle5 {
  0% {
    top: -325px;
    opacity: 0;
  }
  76% {
    top: -325px;
    opacity: 0;
  }
  80% {
    top: 0px;
    opacity: 1;
  }
  84% {
    top: 0px;
    opacity: 1;
  }
  96% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  100% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
}
@-o-keyframes cycle5 {
  0% {
    top: -325px;
    opacity: 0;
  }
  76% {
    top: -325px;
    opacity: 0;
  }
  80% {
    top: 0px;
    opacity: 1;
  }
  84% {
    top: 0px;
    opacity: 1;
  }
  96% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  100% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
}
@keyframes rotate777 {
    from {
		-webkit-transform: rotate(0);
   -moz-transform: rotate(0);
    -ms-transform: rotate(0);
     -o-transform: rotate(0);
        transform: rotate(0);
    }

    to {
        -webkit-transform: rotate(-360deg);
   -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
     -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
@-webkit-keyframes rotate777 {
    from {
		-webkit-transform: rotate(0);
   -moz-transform: rotate(0);
    -ms-transform: rotate(0);
     -o-transform: rotate(0);
        transform: rotate(0);
    }

    to {
        -webkit-transform: rotate(-360deg);
   -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
     -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
@-moz-keyframes rotate777 {
    from {
		-webkit-transform: rotate(0);
   -moz-transform: rotate(0);
    -ms-transform: rotate(0);
     -o-transform: rotate(0);
        transform: rotate(0);
    }

    to {
        -webkit-transform: rotate(-360deg);
   -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
     -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
@-o-keyframes rotate777 {
    from {
		-webkit-transform: rotate(0);
   -moz-transform: rotate(0);
    -ms-transform: rotate(0);
     -o-transform: rotate(0);
        transform: rotate(0);
    }

    to {
        -webkit-transform: rotate(-360deg);
   -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
     -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
@keyframes marqueegg {
  from { -webkit-transform: translateX(0);
   -moz-transform: translateX(0);
    -ms-transform: translateX(0);
     -o-transform: translateX(0);
        transform: translateX(0);  }
  to { -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
        transform: translateX(-50%); }
}
@-webkit-keyframes marqueegg {
  from { -webkit-transform: translateX(0);
   -moz-transform: translateX(0);
    -ms-transform: translateX(0);
     -o-transform: translateX(0);
        transform: translateX(0);  }
  to { -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
        transform: translateX(-50%); }
}
@-moz-keyframes marqueegg {
  from { -webkit-transform: translateX(0);
   -moz-transform: translateX(0);
    -ms-transform: translateX(0);
     -o-transform: translateX(0);
        transform: translateX(0);  }
  to { -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
        transform: translateX(-50%); }
}
@-o-keyframes marqueegg {
  from { -webkit-transform: translateX(0);
   -moz-transform: translateX(0);
    -ms-transform: translateX(0);
     -o-transform: translateX(0);
        transform: translateX(0);  }
  to { -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
        transform: translateX(-50%); }
}
@keyframes marqueegg2 {
  from {  -webkit-transform: translateX(0);
   -moz-transform: translateX(0);
    -ms-transform: translateX(0);
     -o-transform: translateX(0);
		transform: translateX(0); }
  to { -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
        transform: translateX(-50%); }
}
@-webkit-keyframes marqueegg2 {
  from {  -webkit-transform: translateX(0);
   -moz-transform: translateX(0);
    -ms-transform: translateX(0);
     -o-transform: translateX(0);
		transform: translateX(0); }
  to { -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
        transform: translateX(-50%); }
}
@-moz-keyframes marqueegg2 {
  from {  -webkit-transform: translateX(0);
   -moz-transform: translateX(0);
    -ms-transform: translateX(0);
     -o-transform: translateX(0);
		transform: translateX(0); }
  to { -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
        transform: translateX(-50%); }
}
@-o-keyframes marqueegg2 {
  from {  -webkit-transform: translateX(0);
   -moz-transform: translateX(0);
    -ms-transform: translateX(0);
     -o-transform: translateX(0);
		transform: translateX(0); }
  to { -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
        transform: translateX(-50%); }
}
@keyframes rotateWordsFirst {
    0% { opacity: 1; animation-timing-function: ease-in; height: 0px; }
    8% { opacity: 1; height: 60px; }
    19% { opacity: 1; height: 60px; }
	25% { opacity: 0; height: 60px; }
    100% { opacity: 0; }
}
@-webkit-keyframes rotateWordsFirst {
    0% { opacity: 1; animation-timing-function: ease-in; height: 0px; }
    8% { opacity: 1; height: 60px; }
    19% { opacity: 1; height: 60px; }
	25% { opacity: 0; height: 60px; }
    100% { opacity: 0; }
}
@-moz-keyframes rotateWordsFirst {
    0% { opacity: 1; animation-timing-function: ease-in; height: 0px; }
    8% { opacity: 1; height: 60px; }
    19% { opacity: 1; height: 60px; }
	25% { opacity: 0; height: 60px; }
    100% { opacity: 0; }
}
@-o-keyframes rotateWordsFirst {
    0% { opacity: 1; animation-timing-function: ease-in; height: 0px; }
    8% { opacity: 1; height: 60px; }
    19% { opacity: 1; height: 60px; }
	25% { opacity: 0; height: 60px; }
    100% { opacity: 0; }
}
@keyframes rotateWordsSecond {
    0% { opacity: 1; animation-timing-function: ease-in; width: 0px; }
    10% { opacity: 0.3; width: 0px; }
	20% { opacity: 1; width: 100%; }
    27% { opacity: 0; width: 100%; }
    100% { opacity: 0; }
}
@-webkit-keyframes rotateWordsSecond {
    0% { opacity: 1; animation-timing-function: ease-in; width: 0px; }
    10% { opacity: 0.3; width: 0px; }
	20% { opacity: 1; width: 100%; }
    27% { opacity: 0; width: 100%; }
    100% { opacity: 0; }
}
@-moz-keyframes rotateWordsSecond {
    0% { opacity: 1; animation-timing-function: ease-in; width: 0px; }
    10% { opacity: 0.3; width: 0px; }
	20% { opacity: 1; width: 100%; }
    27% { opacity: 0; width: 100%; }
    100% { opacity: 0; }
}
@-o-keyframes rotateWordsSecond {
    0% { opacity: 1; animation-timing-function: ease-in; width: 0px; }
    10% { opacity: 0.3; width: 0px; }
	20% { opacity: 1; width: 100%; }
    27% { opacity: 0; width: 100%; }
    100% { opacity: 0; }
}
@keyframes animate {
  0%{left: 0px; top: 0px;}
  5%{left: -2px; top: 4px; width: 24px; height: 16px; 
  filter: blur(0.1px);
  -moz-filter: blur(0.1px);
  -webkit-filter: blur(0.1px);}
  10%{left: -1px; top: 4px; width: 22px; height: 18px; filter: blur(0.1px);
  -moz-filter: blur(0.1px);
  -webkit-filter: blur(0.1px);} 
  /*halfway up*/
  15%{left: 1px; top: -17px; width: 18px; height: 22px; filter: blur(0.3px);
  -moz-filter: blur(0.3px);
  -webkit-filter: blur(0.3px);} 
  /*top*/
  22%{left: 0px; top: -34px; width: 20px; height: 20px; filter: blur(0.2px);
  -moz-filter: blur(0.2px);
  -webkit-filter: blur(0.2px);} 
  /*halfway down*/
  29%{left: 1px; top: -17px; width: 18px; height: 22px; filter: blur(0.3px);
  -moz-filter: blur(0.3px);
  -webkit-filter: blur(0.3px);} 
  /*bottom*/
  34%{left: 1px; top: 0px;  width: 18px; height: 22px; filter: blur(0.2px);
  -moz-filter: blur(0.2px);
  -webkit-filter: blur(0.2px);}
  /*elastic bottom*/
  40%{left: -1px; top: 4px; width: 22px; height: 18px; filter: blur(0.1px);
  -moz-filter: blur(0.1px);
  -webkit-filter: blur(0.1px);} 
  /*end*/
  43%{left: 0px; top: 0px; width: 20px; height: 20px;filter: blur(0px);
  -moz-filter: blur(0px);
  -webkit-filter: blur(0px);} 
  100%{left: 0px; top: 0px;}
}
@-webkit-keyframes animate {
  0%{left: 0px; top: 0px;}
  5%{left: -2px; top: 4px; width: 24px; height: 16px; 
  filter: blur(0.1px);
  -moz-filter: blur(0.1px);
  -webkit-filter: blur(0.1px);}
  10%{left: -1px; top: 4px; width: 22px; height: 18px; filter: blur(0.1px);
  -moz-filter: blur(0.1px);
  -webkit-filter: blur(0.1px);} 
  /*halfway up*/
  15%{left: 1px; top: -17px; width: 18px; height: 22px; filter: blur(0.3px);
  -moz-filter: blur(0.3px);
  -webkit-filter: blur(0.3px);} 
  /*top*/
  22%{left: 0px; top: -34px; width: 20px; height: 20px; filter: blur(0.2px);
  -moz-filter: blur(0.2px);
  -webkit-filter: blur(0.2px);} 
  /*halfway down*/
  29%{left: 1px; top: -17px; width: 18px; height: 22px; filter: blur(0.3px);
  -moz-filter: blur(0.3px);
  -webkit-filter: blur(0.3px);} 
  /*bottom*/
  34%{left: 1px; top: 0px;  width: 18px; height: 22px; filter: blur(0.2px);
  -moz-filter: blur(0.2px);
  -webkit-filter: blur(0.2px);}
  /*elastic bottom*/
  40%{left: -1px; top: 4px; width: 22px; height: 18px; filter: blur(0.1px);
  -moz-filter: blur(0.1px);
  -webkit-filter: blur(0.1px);} 
  /*end*/
  43%{left: 0px; top: 0px; width: 20px; height: 20px;filter: blur(0px);
  -moz-filter: blur(0px);
  -webkit-filter: blur(0px);} 
  100%{left: 0px; top: 0px;}
}
@-moz-keyframes animate {
  0%{left: 0px; top: 0px;}
  5%{left: -2px; top: 4px; width: 24px; height: 16px; 
  filter: blur(0.1px);
  -moz-filter: blur(0.1px);
  -webkit-filter: blur(0.1px);}
  10%{left: -1px; top: 4px; width: 22px; height: 18px; filter: blur(0.1px);
  -moz-filter: blur(0.1px);
  -webkit-filter: blur(0.1px);} 
  /*halfway up*/
  15%{left: 1px; top: -17px; width: 18px; height: 22px; filter: blur(0.3px);
  -moz-filter: blur(0.3px);
  -webkit-filter: blur(0.3px);} 
  /*top*/
  22%{left: 0px; top: -34px; width: 20px; height: 20px; filter: blur(0.2px);
  -moz-filter: blur(0.2px);
  -webkit-filter: blur(0.2px);} 
  /*halfway down*/
  29%{left: 1px; top: -17px; width: 18px; height: 22px; filter: blur(0.3px);
  -moz-filter: blur(0.3px);
  -webkit-filter: blur(0.3px);} 
  /*bottom*/
  34%{left: 1px; top: 0px;  width: 18px; height: 22px; filter: blur(0.2px);
  -moz-filter: blur(0.2px);
  -webkit-filter: blur(0.2px);}
  /*elastic bottom*/
  40%{left: -1px; top: 4px; width: 22px; height: 18px; filter: blur(0.1px);
  -moz-filter: blur(0.1px);
  -webkit-filter: blur(0.1px);} 
  /*end*/
  43%{left: 0px; top: 0px; width: 20px; height: 20px;filter: blur(0px);
  -moz-filter: blur(0px);
  -webkit-filter: blur(0px);} 
  100%{left: 0px; top: 0px;}
}
@-o-keyframes animate {
  0%{left: 0px; top: 0px;}
  5%{left: -2px; top: 4px; width: 24px; height: 16px; 
  filter: blur(0.1px);
  -moz-filter: blur(0.1px);
  -webkit-filter: blur(0.1px);}
  10%{left: -1px; top: 4px; width: 22px; height: 18px; filter: blur(0.1px);
  -moz-filter: blur(0.1px);
  -webkit-filter: blur(0.1px);} 
  /*halfway up*/
  15%{left: 1px; top: -17px; width: 18px; height: 22px; filter: blur(0.3px);
  -moz-filter: blur(0.3px);
  -webkit-filter: blur(0.3px);} 
  /*top*/
  22%{left: 0px; top: -34px; width: 20px; height: 20px; filter: blur(0.2px);
  -moz-filter: blur(0.2px);
  -webkit-filter: blur(0.2px);} 
  /*halfway down*/
  29%{left: 1px; top: -17px; width: 18px; height: 22px; filter: blur(0.3px);
  -moz-filter: blur(0.3px);
  -webkit-filter: blur(0.3px);} 
  /*bottom*/
  34%{left: 1px; top: 0px;  width: 18px; height: 22px; filter: blur(0.2px);
  -moz-filter: blur(0.2px);
  -webkit-filter: blur(0.2px);}
  /*elastic bottom*/
  40%{left: -1px; top: 4px; width: 22px; height: 18px; filter: blur(0.1px);
  -moz-filter: blur(0.1px);
  -webkit-filter: blur(0.1px);} 
  /*end*/
  43%{left: 0px; top: 0px; width: 20px; height: 20px;filter: blur(0px);
  -moz-filter: blur(0px);
  -webkit-filter: blur(0px);} 
  100%{left: 0px; top: 0px;}
}
/**********************************************************ANIMATIONS*/
.trans {
  transition: all 0.3s ease-in-out;
}
.unblur{
	position: absolute;
    width: 250vw;
    height: 100vh;
    z-index: 1;
    background: rgb(0,0,0);
    background: -moz-radial-gradient(circle, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-radial-gradient(circle, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: radial-gradient(circle, rgba(0,0,0,0) 30%, rgba(0,0,0,1) 55%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ff00",endColorstr="#000000",GradientType=1);
    margin-left: -68vw;
    margin-top: -36%;
}
.cursor {
  cursor: url(../img/punteroblanco.svg), auto,
}
.cursormano {
  cursor: url(../img/manoblanca.svg), auto,
}
.cursorn {
  cursor: url(../img/puntero.svg), auto,
}
.cursormanon {
  cursor: url(../img/mano.svg), auto,
}
.bajando{
	position:fixed;
	height:140.98px;
	width:153.6px;
	right:2vw;
	bottom:3vh;
	z-index:9;
}
.bajando text{
	fill:var(--colorsec);
}
.capacorasao{
	position:fixed;
	height:140.98px;
	width:153.6px;
	right:2vw;
	bottom:3vh;
	z-index:8;
	background-image: url(../img/br2.svg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size: auto 60px;
	filter: invert(1);
}
.capacorasao2{
	position:fixed;
	height:140.98px;
	width:153.6px;
	right:2vw;
	bottom:3vh;
	z-index:9;
	background-image: url(../img/rueda.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size: auto 60px;
	opacity:0;
	/*filter: invert(1);*/
}
.abajo{
	position:absolute;
	height:11vh;
	width:6vw;
	top:18vh;
	left:-3.4vw;
}
.social-btn {
  z-index: 999;
  border-radius: 50%;
  display: flex;
  place-items: center;
  place-content: center;
  transition: all 0.3s cubic-bezier(0, 1, 0.4, 1.29);
}
.social-btn svg > path {
  transition: all 0.3s cubic-bezier(0, 1, 0.4, 1.29);
  opacity: 0.7;
}
.social-icon-move {
  --icon-pos: 200px;
  transform: translateX(var(--icon-pos));
}
.social-icon-move:nth-child(3n + 1) {
  transition: all 0.3s cubic-bezier(0, 1, 0.4, 1.29);
  transition-delay: 0.1s;
}
.social-icon-move:nth-child(3n + 2) {
  transition: all 0.3s cubic-bezier(0, 1, 0.4, 1.29);
  transition-delay: 0.2s;
}
.social-icon-move:nth-child(3n + 3) {
  transition: all 0.3s cubic-bezier(0, 1, 0.4, 1.29);
  transition-delay: 0.3s;
}
.toggle-social-btn {
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: 74px;
  right: 90px;
  background: transparent;
  border: none;
  z-index:99;
}
.toggle-social-btn:hover {
  background: transparent;
}
.toggle-social-btn:hover svg > path {
  opacity: 1;
}
.toggle-social-btn svg > path {
  fill: transparent;
}
/*.social-icon-container {
  position: fixed;
  width: 50px;
  height: 150px;
  bottom: 141px;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: space-evenly;
  /*left: calc(100% - 141px);*/
 /* right: 90px;
  z-index: 99;
}*/
.social-icon-container {
  --vardecolor: 0;
  position: fixed;
  width: 160px;
  height: 50px;
  bottom: 75px;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-evenly;
  /*left: calc(100% - 141px);*/
  gap: 20px;
  left: 100%;
  z-index: 99;
}
@keyframes slideIn {
  from {
    width: 0;
  }
}
.social-icon-btn {
	width: 40px;
	height: 40px;
	background: transparent;
	margin: 0;
	padding: 0;
	text-decoration: none;
	z-index: 999;
	filter: blur(1px);
	/*opacity: .85;*/
}
.social-icon-btn:focus,
.social-icon-btn:active,
.social-icon-btn:hover {
  filter: blur(0px);
}
.social-icon-btn::before {
  content: "";
  opacity: 0;
  position: absolute;
  color: transparent;
  font-weight: 600;
  background: inherit;
  left: 35px;
  padding: 0.3rem 0.4rem;
  padding-left: 1rem;
  transition: all 0.3s;
  overflow: hidden;
  z-index: 10 !important;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
.social-icon-btn svg > path {
  fill: transparent;
}
.twitter { /*verde*/
  background: #BCFF48;
  border:2px solid var(--colorsec);
}
.linkedin { /*morado*/
  background: #9547d1;
  border:2px solid var(--colorsec);
}
.codepen { /*rojo*/
  background: #f86d82;
  border:2px solid var(--colorsec);
}
.yellowcolor { /*amarillo*/
  background: #ffc824;
  border:2px solid var(--colorsec);
}
#esteverde{
	display:none;
}
#estrellarota{
	fill:dodgerblue;
}
#estreiachica{
	fill:dodgerblue;
}
#daletexto{
	fill:var(--colorppal);
}
/* texto 3d */
.superShadow {
  text-shadow:     0 1px 0 hsl(174,5%,80%),
                   0 2px 0 hsl(174,5%,75%),
                   0 3px 0 hsl(174,5%,70%),
                   0 4px 0 hsl(174,5%,66%),
                   0 5px 0 hsl(174,5%,64%),
                   0 6px 0 hsl(174,5%,62%),
                   0 7px 0 hsl(174,5%,61%),
                   0 8px 0 hsl(174,5%,60%),
  
                   0 0 5px rgba(0,0,0,.05),
                  0 1px 3px rgba(0,0,0,.2),
                  0 3px 5px rgba(0,0,0,.2),
                 0 5px 10px rgba(0,0,0,.2),
                0 10px 10px rgba(0,0,0,.2),
                0 20px 20px rgba(0,0,0,.3);
}
/* texto 3d */
.bordefinob{/*BLANCO*/
	will-change: transform;
	/*-webkit-text-fill-color: transparent;*/
	-webkit-text-stroke-color: var(--colorsec);
	-webkit-text-stroke-width: 2px;
	/*color: black;*/
}
.bordefinon{/*NEGRO*/
	will-change: transform;
	/*-webkit-text-fill-color: transparent;*/
	-webkit-text-stroke-color: var(--colorppal);
	-webkit-text-stroke-width: 2px;
	/*color: white;*/
}
.bordefinoelem{/*ELEM*/
	will-change: transform;
	/*-webkit-text-fill-color: transparent;*/
	-webkit-text-stroke-color: var(--colorelem);
	-webkit-text-stroke-width: 2px;
	/*color: white;*/
}
.otrobordetexto{
	text-shadow:
    2px 2px 0 #000,
    -2px 2px 0 #000,
    -2px -2px 0 #000,
    2px -2px 0 #000;
}
.minusculasmi{
	font-weight: 300;
	font-family: 'Bricolage Grotesque', sans-serif;
}
.enfasis{
	/*color:dodgerblue;*/
	/*color: black;*/
	font-weight: bold;
	text-transform:none;
	font-size: 1.30vw;
}

.mifoto__overlay {
    position: relative;
    top: 20vh;
    left: 0;
	width: 100vw;
    height: 100vh;
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%);
	z-index: 10;
}

.tresdemara {
    position: absolute;
    top: 30vh; 
    right: 50%;
    transform: translate(50%,-50%);
    text-transform: uppercase;
    font-size: 25vw;
    font-weight: 900;
    color: var(--colorppal);
	z-index: 0;
	will-change: transform;
	-webkit-transform-style:preserve-3d;
   -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
     -o-transform-style:preserve-3d;
        transform-style:preserve-3d;
	-webkit-perspective: 600px;
    perspective: 600px;
	-moz-perspective: 600px;
	-o-perspective: 600px;
}
.tresdemara2 {
    position: absolute;
    top: 30vh; 
    right: 50%;
    transform: translate(50%,-50%);
    text-transform: uppercase;
    font-size: 25vw;
    font-weight: 900;
    color: var(--colorelem);
	z-index: 0;
	will-change: transform;
	-webkit-transform-style:preserve-3d;
   -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
     -o-transform-style:preserve-3d;
        transform-style:preserve-3d;
	-webkit-perspective: 600px;
    perspective: 600px;
	-moz-perspective: 600px;
	-o-perspective: 600px;
	opacity: .8;
}
.tresdemara3 {
    position: absolute;
    top: 30vh; 
    right: 50%;
    transform: translate(50%,-50%);
    text-transform: uppercase;
    font-size: 25vw;
    font-weight: 900;
    color: var(--colorelem);
	z-index: 0;
	will-change: transform;
	-webkit-transform-style:preserve-3d;
   -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
     -o-transform-style:preserve-3d;
        transform-style:preserve-3d;
	-webkit-perspective: 600px;
    perspective: 600px;
	-moz-perspective: 600px;
	-o-perspective: 600px;
	opacity: .7;
}
.tresdemara4 {
    position: absolute;
    top: 30vh; 
    right: 50%;
    transform: translate(50%,-50%);
    text-transform: uppercase;
    font-size: 25vw;
    font-weight: 900;
    color: var(--colorelem);
	z-index: 0;
	will-change: transform;
	-webkit-transform-style:preserve-3d;
   -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
     -o-transform-style:preserve-3d;
        transform-style:preserve-3d;
	-webkit-perspective: 600px;
    perspective: 600px;
	-moz-perspective: 600px;
	-o-perspective: 600px;
	opacity: .6;
}
.letrav{
	width: 100%;
	block-size: fit-content;
	position: absolute;
	margin-top: -13vh;
}
.bordegordoelem{/*elem*/
	will-change: transform;
	/*-webkit-text-fill-color: transparent;*/
	-webkit-text-stroke-color: var(--colorelem);
	-webkit-text-stroke-width: 6px;
	/*color: black;*/
}
.bordegordon{/*BLANCO*/
	will-change: transform;
	/*-webkit-text-fill-color: transparent;*/
	-webkit-text-stroke-color: var(--colorsec);
	-webkit-text-stroke-width: 6px;
	/*color: black;*/
}
.trucofondo{
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background-image: url(../img/fondos/f4.png);
    background-repeat: no-repeat;
    background-position: top 20vh center;
    background-size: 55vw 100%;
}
.trucofondo2{
	width: 55vw;
    height: 132vh;
	/*height: -webkit-fill-available;*/
    top: 20vh;
    left: 22.5vw;
    background: var(--colorelem);
    background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, var(--colorelemrgba) 50%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, var(--colorelemrgba) 50%);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, var(--colorelemrgba) 50%);
    position: absolute;
    opacity: .9;
}
#dottest{
	opacity: 0.1;
}

.progress {
  position: absolute;
  margin-top: -3.7vh;
  margin-right: 0;
  height: 10vh;
  width: 100%;
}

.progress-container {
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
  width: calc(100% - 200px);
  color: var(--colorppal);
  padding: 0 100px;
  text-align: center;
  font-size: 20px;
  font-family: 'Bricolage Grotesque', sans-serif;
  padding-right: 11.8vw;
}

.progress-container label {
  opacity: 0;
  display:inline-block;
}

@keyframes anim {
  0% {
    opacity: 0;
    transform: translateX(-300px);
  }
  33% {
    opacity: 1;
    transform: translateX(0px);
  }
  66% {
    opacity: 1;
    transform: translateX(0px);
  }
  100% {
    opacity: 0;
    transform: translateX(300px);
  }
}

@-webkit-keyframes anim {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-300px);
  }
  33% {
    opacity: 1;
    -webkit-transform: translateX(0px);
  }
  66% {
    opacity: 1;
    -webkit-transform: translateX(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(300px);
  }
}
.textocolor span{
	color: var(--colorelem);
}
.textocolor span:focus,
.textocolor span:hover{
	color: var(--colorelemhover);
}
.telepathy {
position: absolute;
width:260px;
height:260px;
border: solid 2px #9acaf9;
left:50%;
top:50%;
transform: translate(-50%,-50%);
opacity: 0;
border-radius: 50%;
}

.telepathy.one {
animation: telepath 4s 1s infinite;
}

.telepathy.two {
animation: telepath 4s 1.5s infinite;
}

.telepathy.three {
animation: telepath 4s 2s infinite;
}   

@keyframes telepath {
0% {
  transform: translate(-50%, -50%) scale(0.0);
  opacity: 0;
}
100% {
  transform: translate(-50%, -50%) scale(1.0);
  opacity: 1;
}
}

.gradiantefondo{
	position: absolute;
    right: -4.7vw;
    bottom: -6.5vh;
    width: 50vw;
    height: 50vh;
    background: var(--colorelem);
    border-radius: 50%;
    filter: blur(150px);
}
.maingradiante{
	position: absolute;
    margin-left: -677px;
    margin-top: -90vh;
    z-index: -2;
    width: 100%;
    height: 100%;
}
.gradiantefondoaba{
	position: absolute;
    top: 88%;
    right: 47%;
    width: 50%;
    height: 50%;
    background: var(--colorsec);
	/*background: var(--colorelem);*/
    border-radius: 50%;
    filter: blur(75px);
}
.maingradianteaba{
	position: absolute;
    left: -400px;
    top: -400px;
    z-index: 0;
    width: 1000px;
    height: 1000px;
}
.gradiantefondoaba2{
	position: absolute;
    top: 88%;
    left: 36%;
    width: 50%;
    height: 50%;
    background: var(--colorsec);
	/*background: var(--colorelem);*/
    border-radius: 50%;
    filter: blur(75px);
}
.maingradianteaba2{
	position: absolute;
    right: -400px;
    top: -400px;
    z-index: 0;
    width: 1000px;
    height: 1000px;
}
.stb-item img{
	filter: invert(1);
    width: 5vw;
    height: auto;
    transform: rotate(-2deg);
    margin-bottom: -0.3vh;
}

/* Safari 11+ */
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {
	.leye{
		margin-top: -5vh;
	}
	.years-image{
		display: none;
	}
}}
/* Test website on real Safari 11+ */

/* Safari 10.1 */
@media not all and (min-resolution:.001dpcm){ 
@supports (-webkit-appearance:none) and (not (stroke-color:transparent)) {
	.leye{
		margin-top: -5vh;
	}
	.years-image{
		display: none;
	}
}}

/* Safari 6.1-10.0 (but not 10.1) */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0){ 
@media {
	.leye{
		margin-top: -5vh;
	}
	.years-image{
		display: none;
	}
}}