html { line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
dl dl, dl ol, dl ul, ol dl, ol ol, ol ul, ul dl, ul ol, ul ul { margin-block-start: 0; margin-block-end: 0; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
main { display: block; }
a { background-color: transparent; }
b, strong {font-weight: bolder; }
video { display: inline-block; }
img { border-style: none; }
svg:not(:root) { overflow: hidden; }
button, input, select { margin: 0; }
button { overflow: visible; text-transform: none; }
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
[hidden] { display: none; }
h1 { font-size: 2em; margin: 0.67em 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
* {margin: 0; padding: 0; box-sizing: border-box; }
* a {cursor: pointer; text-decoration: none; color:#fff }
* i {font-style: italic; }
* p { font-size: 1rem;}
@font-face {
    font-family: 'Avenir Black';
    src: url('fonts/avenir-black.eot');
    src: url('fonts/avenir-black.eot?#iefix') format('embedded-opentype'),
        url('fonts/avenir-black.woff2') format('woff2'),
        url('fonts/avenir-black.woff') format('woff'),
        url('fonts/avenir-black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Avenir Book';
    src: url('fonts/avenir-book.eot');
    src: url('fonts/avenir-book.eot?#iefix') format('embedded-opentype'),
        url('fonts/avenir-book.woff2') format('woff2'),
        url('fonts/avenir-book.woff') format('woff'),
        url('fonts/avenir-book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Merriweather';
    src: url('fonts/merriweather.eot');
    src: url('fonts/merriweather.eot?#iefix') format('embedded-opentype'),
        url('fonts/merriweather.woff2') format('woff2'),
        url('fonts/merriweather.woff') format('woff'),
        url('fonts/merriweather.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
.displayFlex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.displayNone { display: none }
.opacityZero{ opacity: 0 }
.rot360{
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}
.rot45{
  -webkit-transform: rotate(35deg);
  -moz-transform: rotate(35deg);
  -ms-transform: rotate(35deg);
  -o-transform: rotate(35deg);
  transform: rotate(35deg);
}
.rot0{
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.trans3 {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}
.trans5{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.scaleUp{
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
}
.scaleDown{
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.backImgCover{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.cw45{
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg)
}
.purpleBlueBack{ background: #1e1338 }
.purpleBlueColor{ color: #1e1338 }
.whiteBack{ background: #FFF }
.whiteColor{ color: #FFF }
.highlight{
  display: inline;
  padding: 0.25rem;
  position: relative;
  left: 0.25em;
  padding-left: 0;
}
.highPurpleBlue{
  background: #293376;
  color: #fff;
  box-shadow: 0.25rem 0 0 #293376, -0.25rem 0 0 #293376;
}
.highWhitePurpleDark{
  background: #FFF;
  color: #1e1338;
  box-shadow: 0.25rem 0 0 #FFF, -0.25rem 0 0 #FFF;
}
.highWhitePurpleBlue{
  background: #FFF;
  color: #293376;
  box-shadow: 0.25rem 0 0 #FFF, -0.25rem 0 0 #FFF;
}
.highPurpleDarkWhite{
  background: rgba(30, 19, 56, 0.9);
  color: #fff;
  box-shadow: 1rem 0 0 rgba(30, 19, 56, 0.9), -1rem 0 0 rgba(30, 19, 56, 0.9);
}
.highPurplePastelWhite{
  background: #6d55d3;
  color: #FFF;
  box-shadow: 0.25rem 0 0 #6d55d3, -0.25rem 0 0 #6d55d3;
}
.highBlueSky{
  background: #007799;
  color: #FFF;
  box-shadow: 0.25rem 0 0 #007799, -0.25rem 0 0 #007799;
}
.highGreenWhite{
  background: #34d07c;
  color: #FFF;
  box-shadow: 0.25rem 0 0 #34d07c, -0.25rem 0 0 #34d07c;
}
:root { font-size: 16px; }
body{
  font-family: 'Avenir Book', sans-serif;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  min-width: 250px;
  font-size: 16px;
  color: #fff;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body>main{
  position: relative;
  width: 100vw;
  min-width: 250px;
  overflow-x: hidden;
}
body>main>div{ overflow-x: hidden; }
section{
  position: relative;
  width: 100vw;
  min-width: 250px;
  overflow-x: hidden;
  height: 100vh;
}
.texture{
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  min-width: 250px;
  height: 100%;
}
.blackTexture{ background-image:url('../img/black-texture.png'); }
.whiteTexture{ background-image:url('../img/white-texture.png'); }
/* Close Press */
#closePress{
  position: fixed;
  display: block;
  width: 30px;
  height: 30px;
  top: 75px;
  right:30px;
  z-index: 210;
  cursor: pointer;
  display: none;
  opacity: 0;
}
#closePress>span{
  position: absolute;
  display: block;
  width: 100%;
  height: 4px;
  background: #1e1338;
  top: 50%;
}
#closePress>span:first-child{
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#closePress>span:nth-child(2){
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* Menu */
nav{
  font-size: 16px;
  position: fixed;
  width: calc(100vw - 50px);
  height: 50px;
  left: 25px;
  top: 25px;
  z-index: 300;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}
nav>a{
  position: relative;
  display: block;
  height: 50px;
  width: 50px;
}
nav>a>div{
  position: absolute;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.purpleLogo{
  -webkit-filter: grayscale(0) brightness(100%);
  -moz-filter: grayscale(0) brightness(100%);
  -ms-filter: grayscale(0) brightness(100%);
  -o-filter: grayscale(0) brightness(100%);
  filter: grayscale(0) brightness(100%);
}
.whiteLogo{
  -webkit-filter: grayscale(100%) brightness(1000%);
  -moz-filter: grayscale(100%) brightness(1000%);
  -ms-filter: grayscale(100%) brightness(1000%);
  -o-filter: grayscale(100%) brightness(1000%);
  filter: grayscale(100%) brightness(1000%);
}
nav>div{
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
#languageMenu{
  height: 50px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
#languageMenu>a{
  display: block;
  width: 20px;
}
#languageMenu>span{
  display: block;
  width: 3px;
  height: 18px;
  margin: 0 8px;
}
#languageMenu>a>span:nth-child(2){
  display: block;
  width: 0px;
  height: 1px;
  background: #fff;
}
nav>div>#menuBtt{
  width: 30px;
  height: 30px;
  margin: 0 0 0 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: space-around;
  -webkit-justify-content: space-around;
  -ms-flex-pack: space-around;
  justify-content: space-around;
}
nav>div>#menuBtt>span{
  display: block;
  width: 30px;
  height: 2.5px;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
/* menu audio */
#menuAudio{
  position: fixed;
  bottom: 25px;
  left: 25px;
  width: 50px;
  height: 30px;
  z-index: 300;
}
#menuAudio>.bars{
  overflow: hidden;
  height: 30px;
  width: 40px;
  position: relative;
  cursor: pointer;
}
#menuAudio>.bars>.bar{
  height: 2px;
  width: 2px;
  display: inline-block;
  background: #34d07c;
  bottom: 0;
  position: absolute;
  -webkit-animation-duration: 500ms;
  -webkit-animation-play-state: running;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}
.bar.noAnim {
  -webkit-animation: none !important;
  -webkit-animation-name: none !important;
}
.bar#bar-1 {
  left: 0;
  -webkit-animation-name: danceHeight1;
  -webkit-animation-delay: 0ms;
}
.bar#bar-2 {
  left: 6px;
  -webkit-animation-name: danceHeight2;
  -webkit-animation-delay: 300ms;
}
.bar#bar-3 {
  left: 12px;
  -webkit-animation-name: danceHeight3;
  -webkit-animation-delay: 600ms;
}
.bar#bar-4 {
  left: 18px;
  -webkit-animation-name: danceHeight4;
  -webkit-animation-delay: 900ms;
}
.bar#bar-5 {
  left: 24px;
  -webkit-animation-name: danceHeight5;
  -webkit-animation-delay: 1200ms;
}
.bar#bar-6 {
  left: 30px;
  -webkit-animation-name: danceHeight6;
  -webkit-animation-delay: 1500ms;
}
.menuLine1{
  width: 30px !important;
  -webkit-transform:matrix(0.71,0.71,-0.71,0.71,0,10);
  -moz-transform:matrix(0.71,0.71,-0.71,0.71,0,10);
  -ms-transform:matrix(0.71,0.71,-0.71,0.71,0,10);
  -o-transform:matrix(0.71,0.71,-0.71,0.71,0,10);
  transform:matrix(0.71,0.71,-0.71,0.71,0,10);
}
.menuLine2{
  width: 30px !important;
  -webkit-transform:matrix(0.71,-0.71,0.71,0.71,0,-10);
  -moz-transform:matrix(0.71,-0.71,0.71,0.71,0,-10);
  -ms-transform:matrix(0.71,-0.71,0.71,0.71,0,-10);
  -o-transform:matrix(0.71,-0.71,0.71,0.71,0,-10);
  transform:matrix(0.71,-0.71,0.71,0.71,0,-10);
}
.menuLineReset{
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
#menu{
  position: fixed;
  top:0;
  left: 0;
  width: 100vw;
  min-width: 250px;
  height: 100vh;
  z-index: 250;
  background: #1e1338;
  opacity: 0;
  display: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#menu>div{
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: 95px;
  left: calc(6.25% + 25px);
  width: calc(87.5% - 50px);
  height: calc(100vh - 75px);
}
#menu>div>#menuIndex{
  width: 100%;
  height: 100%;
}
#menu>div>#menuIndex>li{
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#menu>div>#menuIndex>li>p{
  font-family: 'Avenir Black', sans-serif;
  font-size: 1.8vh;
  margin: 0;
  color: #34d07c;
}
#menu>div>#menuIndex>li>a>h3{
  font-family: 'Merriweather', serif;
  font-size: 5vh;
  margin: 0 0 15px 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#menu>div>#menuContactInfo{
  display: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#menu>div>#menuContactInfo>h4{
  font-family: 'Merriweather', serif;
  font-size: 4.2vh;
  margin: 0 0 10px 0;
}
#menu>div>#menuContactInfo>a{
  margin: 0 0 10px 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.menuLinkOff{
  opacity: 0 !important;
  -webkit-transform: translateY(15px);
  -moz-transform: translateY(15px);
  -ms-transform: translateY(15px);
  -o-transform: translateY(15px);
  transform: translateY(15px);
}
.menuLinkOn{
  opacity: 1 !important;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
#menu>div>#menuContactInfo>a:last-child{ margin: 0; }
#menu>div>#menuContactInfo>a>b{ font-family: 'Avenir Black', sans-serif; }
#menu>div>#menuContactInfo>a>span{ text-decoration: underline; }
nav>div>#menuBtt>span:first-child{ width: 25px; }
nav>div>#menuBtt>span:nth-child(2){ width: 18px; }
nav>div>#menuBtt>span:nth-child(3){ width: 10px; }
/* Home Cover */
#homeCover{
  overflow: hidden;
  background: #1e1338;
}
#homeCover>.texture{ opacity: 0.2;}
#homeCover>.topCover{
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
/* video */
#homeCover>.topCover>video{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit:cover;
  z-index: -3;
}
/* galeria mobile */
#homeCover>.topCover>#sliderMobileHome{
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #1e1338;
  overflow: hidden;
}
#homeCover>.topCover>#sliderMobileHome>.texture{
  z-index: 20;
  opacity: 0.09;
}
#homeCover>.topCover>#sliderMobileHome>li{
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-animation: zoomImg 50s infinite;
  -moz-animation: zoomImg 50s infinite;
  -ms-animation: zoomImg 50s infinite;
  -o-animation: zoomImg 50s infinite;
  animation: zoomImg 50s infinite;
}
/* Slider Home */
#homeCover>.topCover>#sliderHomeWrap{
  position: absolute;
  margin-top: 100px;
  width: 100%;
  min-width: 250px;
  height: 100%;
  z-index: 500;
}
#sliderHomeWrap>#sliderHome{
  position: absolute;
  left: 0;
  width: 600vw;
  height: 50vh;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;

}
#sliderHomeWrap>#sliderHome>li{
  width: 100vw;
  text-align: center;
}
/* estilo frases */
#sliderHomeWrap>#sliderHome>li>div{
  position: relative;
  margin: 0 auto;
  width: calc(90vw - 120px);
}
/* pregunta */
#sliderHomeWrap>#sliderHome>li>div>h4{
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
}
#sliderHomeWrap>#sliderHome>li>div>h4>b{
  color: #34d07c;
  text-transform: uppercase;
  font-family: 'Avenir Black', sans-serif;
}
#sliderHomeWrap>#sliderHome>li>div>h4>span{
  width: 0;
  height: 1px;
  background: #34d07c;
  margin:-3px 0 0 5px;
}
/* servicio */
#sliderHomeWrap>#sliderHome>li>div>h2{
  font-family: 'Merriweather', serif;
  font-size: 7vw;
  line-height: 1.5;
  text-align: center;
}
#sliderHomeWrap>#sliderHome>li>div>h2>.highlight{ left: 0; }
/* bullets */
#interfaceSliderHome{
  position: relative;
  width: 300px;
  height: 50px;
  margin: 0 auto;
  margin-top: 48vh;
}
#interfaceSliderHome>li{
  width: 16%;
  margin: 1px;
}
#interfaceSliderHome>li>a{
  cursor: pointer;
  display: block;
  width: 100%;
  height: 100%;
}
/* SVG */
.circleBullet{
  fill:none;
  stroke:#34d07c;
  stroke-width:1px;
  stroke-miterlimit:10;
  stroke-dasharray: 76.39474487304688;
  stroke-dashoffset: 76.39474487304688;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.circleBulletFull{
  fill:none;
  stroke:#34d07c;
  stroke-width:1px;
  stroke-miterlimit:10;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.pointBullet{
  fill:#34d07c;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -ms-transform-origin: 50%;
  -o-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.transBullet{
  -webkit-transition: all 5s ease-out;
  -moz-transition: all 5s ease-out;
  -ms-transition: all 5s ease-out;
  -o-transition: all 5s ease-out;
  transition: all 5s ease-out;
}
/* Clients and Services */
#servicesHome{
  background: #293376;
  height: auto;
  padding: 105px 0 50px 0;
}
#clientsHome{
  background: #1e1338;
  height: auto;
  padding: 105px 0 50px 0;
}
#clientsHome>.whiteTexture, #servicesHome>.whiteTexture{
  opacity: 0.05;
}
.sectionMargin{
  position: relative;
  left: 60px;
  width: calc(100% - 120px);
}
#clientsHome>div>h4, #servicesHome>div>h4{
  display: block;
  text-align: center;
  font-size: 4.3vh;
  font-family: 'Merriweather', serif;
}
#clientsHome>div>p, #servicesHome>div>p{
  width: 85%;
  margin: 5px auto;
  text-align: center;
  padding: 3px 5px;
  font-size: 2.5vh;
  line-height: 1.5;
  margin-bottom: 1rem;
}
  /* Grid Clients */
#clientsHome>div>.gridClients, #servicesHome>div>.gridServices{
  width: 80%;
  height: 100%;
  margin: 0 auto;
}
#clientsHome>div>.gridClients>.rowClients,
#servicesHome>div>.gridServices>.rowClients{
  width: 100%;
  height: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
#clientsHome>div>.gridClients>.rowClients>li,
#servicesHome>div>.gridServices>.rowClients>li{
  position: relative;
  width: 100%;
  height: 20vh;
}
#clientsHome>div>.gridClients>.rowClients>li>a,
#servicesHome>div>.gridServices>.rowClients>li>a{
  display: block;
  width: 80%;
  height: 100%;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
#servicesHome>div>.gridServices>.rowClients>li{
  height: 22vh;
  margin-bottom: 15px;
}
#servicesHome>div>.gridServices>.rowClients>li>a{
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#servicesHome>div>.gridServices>.rowClients>li>a>img{ height: 70%; }
#servicesHome>div>.gridServices>.rowClients>li>a>h5{
  color: #34d07c;
  text-align: center;
  padding: 10px 0;
  max-width: 180px;
}
/* Gaming Text */
#gamingTextHome{
  background: #fff;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
#gamingTextHome>#gifGaming{
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
#gamingTextHome>#gifGaming>img{
  position: absolute;
}
#gamingTextHome>.blackTexture{
  opacity: 0.09;
  z-index: 3;
}
#gamingTextHome>.marginGaming{
  width: 80%;
  height: auto;
  z-index: 3;
}
#gamingTextHome>div>p{
  font-family: 'Merriweather', serif;
  font-size: 4vh;
  color: #344195;
  text-align: center;
}
#gamingTextHome>div>p>a{
  position: relative;
  color: #34d07c;
  cursor: pointer;
  box-sizing: border-box;
  display: inline-block;
  transition-delay: 0.3s;
}
#gamingTextHome>div>p>a>span{
  display: block;
  position: absolute;
  width: 0;
  height: 100%;
  background: #34d07c;
  z-index: -1;
}
#gamingText{
  opacity: 0;
  -webkit-transition: all 1.5s ease-out;
  -moz-transition: all 1.5s ease-out;
  -ms-transition: all 1.5s ease-out;
  -o-transition: all 1.5s ease-out;
  transition: all 1.5s ease-out;
}
/* Contact */
.sectionMarginContact{
  position: relative;
  left: 60px;
  width: calc(100% - 120px);
  height: calc(100vh - 0);
  padding: 105px 0 105px 0;
}
#contactHome{
  background: #fff;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  height: auto !important;
}
#contactHome>.texture{ opacity: 0.09; }
#contactHome>div{
  overflow-y:visible;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
#contactHome>div>#formWrap{
  width: 100%;
  overflow-y: visible;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#contactHome>div>#formWrap>h4{
  color: #34d07c;
  width: 90%;
  text-align: center;
  font-size: 3.8vh;
  font-family: 'Merriweather', serif;
  opacity: 0;
  -webkit-transition: all 1.5s ease-out;
  -moz-transition: all 1.5s ease-out;
  -ms-transition: all 1.5s ease-out;
  -o-transition: all 1.5s ease-out;
  transition: all 1.5s ease-out;
}
#contactHome>div>#formWrap>p{
  color: #293376;
  width: 90%;
  margin: 10px 0;
  text-align: center;
  padding: 3px 5px;
  font-size: 2.3vh;
  line-height: 1.5;
  margin-bottom: 1rem;
  opacity: 0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
#contactHome>div>#formWrap>form{
  position: relative;
  width: 90%;
  text-align: center;
  opacity: 0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
#contactHome>div>#formWrap>form>.question{
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  margin: 15px 0;
}
#contactHome>div>#formWrap>form>.question>label>b{
  font-family: 'Avenir Black', sans-serif;
  font-size: 2.2vh;
  color: #293376;
}
#contactHome>div>#formWrap>form>.question>input,
#contactHome>div>#formWrap>form>.question>select{
  font-family: 'Avenir Black', sans-serif;
  font-size: 2.2vh;
  background: #34cf7c;
  border:0;
  height: 5vh;
  color: #fff;
  padding: 3px 10px;
  display: block;
  box-sizing: content-box;
  width: 100%;
}
#contactHome>div>#formWrap>form>.question>select{
  text-align-last:center;
}
#contactHome>div>#formWrap>form>.question>input:focus{
  background: #293376;
}
#contactHome>div>#formWrap>form>.question>textarea{
  font-family: 'Avenir Black', sans-serif;
  font-size: 2.2vh;
  background: #34cf7c;
  border:0;
  height: 4rem;
  color: #fff;
  padding: 3px 10px;
  text-align: left;
  width: 100%;
}
#contactHome>div>#formWrap>form>button{
  position: relative;
  cursor: pointer;
  border: 2px solid #293376;
  background: #293376;
  color: #fff;
  padding: 14px 35px;
  margin: 0 auto;
  font-size: 2.3vh;
}
#contactHome>div>#sliderContact{
  position: relative;
  display: none;
  opacity: 0;
  -webkit-transition: all 0.5s ease-out 0.5s;
  -moz-transition: all 0.5s ease-out 0.5s;
  -ms-transition: all 0.5s ease-out 0.5s;
  -o-transition: all 0.5s ease-out 0.5s;
  transition: all 0.5s ease-out 0.5s;
}
#sliderContact>ul{
  position: relative;
}
#sliderContact>ul>li{
  position: absolute;
 }
#interfaceSliderContact{
  position: absolute;
  bottom: 10px;
  left:calc(50% - 125px);
  width: 250px;
  height: 50px;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}
#interfaceSliderContact>a{
  display: block;
  width: 50px;
  height: 50px;
}
/* Footer */
footer{
  width: 100vw;
  min-width: 250px;
  position: relative;
  background: #1e1338;
}
footer>.texture{
  opacity: 0.05;
}
.marginWidth{
  position: relative;
  width: calc(100% - 20px);
  margin-left:10px;
}
footer>div>.contactMobile{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}
footer>div>.contactMobile>li{
  width: 25%;
  height: 60px;
  border-bottom: 0.5px solid #fff;
  text-align: center;
}
footer>div>.contactMobile>li>a{
  font-family: 'Avenir Black', sans-serif;
  font-size: 2.2vw;
  line-height: 60px;
}
footer>div>.infoColums{
  width: calc(100% - 50px);
  padding-top: 20px;
  margin: 0 auto;
  display: none;
}
footer>div>.infoColums>ul{
  width: 25%;
  text-align: left;
}
footer>div>.infoColums>ul>h4{
  font-family: 'Merriweather', serif;
  font-size: 2.4vw;
}
footer>div>.infoColums>ul>li{
  font-size: 2.2vw;
  margin: 5px auto;
}
footer>div>p{
  font-family: 'Merriweather', serif;
  font-size: 2.4vw;
  display: block;
  width: 100%;
  height: 60px;
  line-height: 60px;
  text-align: left;
}
#pressRoom{
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  min-width: 250px;
  height: 100vh;
  z-index: 200;
  background: #fff;
  display: none;
  opacity: 0;
}
#pressRoom>.wrapPress{
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.coverPress{
  width: 100%;
  height: 40%;
  background-image: url('../img/covers/press-cover-mobile.png');
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
}
.infoPress{
  width: 100%;
  height: 60%;
}
.wrapPress>.texture{
  opacity: 0.09;
  z-index: -1;
}
.wrapInfoPress{
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.wrapInfoPress>h2{
  font-family: 'Merriweather', serif;
  font-size: 4.5vh;
  text-align: center;
  line-height: 1.4;
}
.wrapInfoPress>h3{
  color: #1e1338;
  margin: 10px auto;
}
.wrapInfoPress>a{
  display: block;
  width: 60%;
}
/* MEDIO */
@media (min-width: 680px) {
  /* Home Cover */
  #sliderHomeWrap>#sliderHome>li>div>h2{
    font-size: 4.5vw;
  }
  /* Home Clients & Services */
  #clientsHome{
    height: 215vh;
    padding: 105px 0 0 0;
    overflow-y: hidden;
  }
  /* Home Clients & Services */
  #servicesHome{
    height: 100vh;
    padding: 105px 0 0 0;
    overflow-y: hidden;
  }
  /* Grid Clients & Services */
  #clientsHome>div>.gridClients,
  #servicesHome>div>.gridServices{
    width: 100%;
  }
  #clientsHome>div>.gridClients>.rowClients,
  #servicesHome>div>.gridServices>.rowClients{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  #clientsHome>div>.gridClients>.rowClients>li,
  #servicesHome>div>.gridServices>.rowClients>li{
    height: 30vh;
  }
  #clientsHome>div>h4,
  #servicesHome>div>h4{
    position: relative;
    font-size: 6vh;
  }
  #clientsHome>div>h4>span,
  #servicesHome>div>h4>span{
    display: block;
  }
  #clientsHome>div>p,
  #servicesHome>div>p{
    width: 50%;
    max-width: 600px;
    margin: 3px auto;
    font-size: 2vh;
    line-height: 1.5;
  }
}
/* DESKTOP */
@media (min-width: 880px) {
  .sectionMargin{
    left: 75px;
    width: calc(100% - 150px);
  }
  #menu>div{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
  }
  #menu>div>#menuIndex{
    width: 50%;
  }
  #menu>div>#menuContactInfo{
    width: 43.75%;
    height: calc(48vh + 120px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: flex-end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
  }
  /*  */
  #servicesHome>div>.gridServices>.rowClients>li>a>img{
    height: 50%;
    max-width: 100px;
   }
  /* Gaming Text Home */
  #gamingTextHome>.marginGaming{
    width: 80%;
  }
  #gamingTextHome>div>p{
    font-size: 6vh;
  }
  /* Home Contact */
  #contactHome>div{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  #contactHome>div>#formWrap{
    width: 50%;
    height: 100%;
  }
  #contactHome>div>#sliderContact{
    position: relative;
    display: block;
    width: 50%;
    overflow: hidden;
  }
  #contactHome>div>#sliderContact>ul{
    position: absolute;
    width: 400%;
    height: 100%;
    background: none;
  }
  #contactHome>div>#sliderContact>ul>li{
    width: 25%;
    height: 100%;
    background-position: center;
    background-size: cover;
  }
  #contactHome>div>#formWrap>h4{ text-align: left; }
  #contactHome>div>#formWrap>p{ text-align: left; }
  #contactHome>div>#formWrap>form{ text-align: left; }
  #contactHome>div>#formWrap>form>.question>textarea,
  #contactHome>div>#formWrap>form>.question>input,
  #contactHome>div>#formWrap>form>.question>select{
    width: 80%;
  }
  /* Footer */
  footer>div>.contactMobile{ display: none }
  footer>div>.infoColums{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  footer>div>.infoColums>ul>h4{ font-size: 0.9rem; }
  footer>div>.infoColums>ul>li{
    font-size: 0.8rem;
    margin: 5px auto;
  }
  footer>div>p{
    width: 95%;
    margin: 0 auto;
    text-align: right;
    font-size: 0.8rem;
  }
  #pressRoom>.wrapPress{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .coverPress{
    width: 50%;
    height: 100%;
    background-image: url('../img/covers/press-cover-desktop.png');
  }
  .infoPress{
    width: 50%;
    height: 100%;
  }
}
#messageSubmit{
  position: relative;
  overflow:hidden;
  width: 100vw;
  padding:0 5px;
  height: 0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
#messageSubmit>p{
  font-size: 20px;
  color:#fff;
  position: absolute;
}
/* Media Hover */
@media (hover: hover) {
   #closePress:hover>span{ transform: none; }
  #languageMenu>a:hover{ opacity: 0.7 }
  #languageMenu>a:hover>span:nth-child(2){ width: 20px }
  #menu>div>#menuIndex>li>a:hover>h3{ margin: 0 0 15px 10px }
  nav>div>#menuBtt:hover>span{ width: 25px }
  #menu>div>#menuContactInfo>a:hover{
      -webkit-transform: translateX(10px);
      -moz-transform: translateX(10px);
      -ms-transform: translateX(10px);
      -o-transform: translateX(10px);
      transform: translateX(10px);
   }
  #interfaceSliderHome>li>a:hover{ opacity: 0.7; }
  #interfaceSliderHome>li>a:hover>svg>circle{
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
  }
  #interfaceSliderContact>a:hover>svg>circle{
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
  }
  #gamingTextHome>div>p>a:hover{ color: #fff; }
  #gamingTextHome>div>p>a:hover>span{ width: 100%; }
  #contactHome>div>#formWrap>form>button:hover{ background: none; color: #293376; }
}
/* Ani Clases */
.clientSectionHomeOff{
    opacity: 0 !important;
    -webkit-transform: translateY(50px) scale(1.5);
    -moz-transform: translateY(50px) scale(1.5);
    -ms-transform: translateY(50px) scale(1.5);
    -o-transform: translateY(50px) scale(1.5);
    transform: translateY(50px) scale(1.5);
}

.clientSectionHomeOn{
    opacity: 1 !important;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}
@-webkit-keyframes danceHeight1 {
  from {
    height: 1px;
  }
  to {
    height: 22px;
  }
}
@-webkit-keyframes danceHeight2 {
  from {
    height: 1px;
  }
  to {
    height: 15px;
  }
}
@-webkit-keyframes danceHeight3 {
  from {
    height: 1px;
  }
  to {
    height: 30px;
  }
}
@-webkit-keyframes danceHeight4 {
  from {
    height: 1px;
  }
  to {
    height: 20px;
  }
}
@-webkit-keyframes danceHeight5 {
  from {
    height: 1px;
  }
  to {
    height: 15px;
  }
}
@-webkit-keyframes danceHeight6 {
  from {
    height: 1px;
  }
  to {
    height: 15px;
  }
}

@-webkit-keyframes zoomImg {
  0%{ -webkit-transform: scale(1); }
  50%{ -webkit-transform: scale(1.5); }
  100%{ -webkit-transform: scale(1); }
}
@-moz-keyframes zoomImg {
  0%{ -moz-transform: scale(1); }
  50%{ -moz-transform: scale(1.5); }
  100%{ -moz-transform: scale(1); }
}
@-ms-keyframes zoomImg {
  0%{ -ms-transform: scale(1); }
  50%{ -ms-transform: scale(1.5); }
  100%{ -ms-transform: scale(1); }
}
@-o-keyframes zoomImg {
  0%{ -o-transform: scale(1); }
  50%{ -o-transform: scale(1.5); }
  100%{ -o-transform: scale(1); }
}
@keyframes zoomImg {
  0%{ transform: scale(1); }
  50%{ transform: scale(1.5); }
  100%{ transform: scale(1); }
}

@-webkit-keyframes rotateLoop {
  0%{ transform: rotate(0deg); }
  100%{ transform: rotate(360deg);}
}
@-moz-keyframes rotateLoop {
  0%{ transform: rotate(0deg); }
  100%{ transform: rotate(360deg);}
}
@-ms-keyframes rotateLoop {
  0%{ transform: rotate(0deg); }
  100%{ transform: rotate(360deg);}
}
@-o-keyframes rotateLoop {
  0%{ transform: rotate(0deg); }
  100%{ transform: rotate(360deg);}
}
@keyframes rotateLoop {
  0%{ transform: rotate(0deg); }
  100%{ transform: rotate(360deg);}
}