@import url(https://fonts.googleapis.com/css?family=Exo:200,300,400,500,600,700,900);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900&display=swap);
body,
html {
   height: 100%;
   width: 100%;
   overflow: hidden !important;
}
body,
div,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
p,
textarea,
th,
ul {
   padding: 0;
   margin: 0;
   font-family: Exo, sans-serif;
}
body {
   background-image: url(imgs/fondo-home2.jpg);
   background-size: cover;
   background-attachment: fixed;
}
body {
   display: none;
}
body[class*='fp-viewing-'] {
   display: block;
}
a {
   text-decoration: none;
}
img {
   border: 0;
}
strong,
th,
var {
   font-weight: 400;
   font-style: normal;
}
strong {
   font-weight: 700;
}
ul {
   list-style: none;
   margin: 0;
   padding: 0;
}
th {
   text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
   font-weight: 400;
   font-size: 100%;
   margin: 0;
   padding: 0;
   color: #444;
   font-family: Exo, sans-serif;
}
q:after,
q:before {
   content: '';
}
.contacto-title {
   color: #18a8a4;
   text-align: left;
   margin-left: 8%;
   font-weight: 700;
   padding-top: 10%;
}
body {
   font-family: Exo, sans-serif;
   color: #333;
   color: rgba(0, 0, 0, 0.5);
}
h1 {
   font-size: 28px;
   font-family: Exo, sans-serif;
}
h2 {
   font-size: 24px;
   font-family: Exo, sans-serif;
   color: #fff;
   margin: 0;
   padding: 0;
}
h3 {
   font-size: 16px;
   font-family: Exo, sans-serif;
   color: #404d60;
   padding-top: 10px;
}
.intro p {
   color: #fff;
   width: 90%;
   margin: 0 auto;
   font-size: 12px;
   margin-top: 10px;
   padding-top: 10px;
   text-align: left;
   margin-left: 8%;
   padding-right: 8%;
}
.datoss {
   font-size: 12px;
   color: #18a8a4;
}
.section {
   text-align: center;
}
#menu li {
   background: #fff;
   background: rgba(255, 255, 255, 1);
}
#menu li.active {
   background: #404d60;
   background: rgba(0, 0, 0, 0.5);
   color: #fff;
}
#menu li a {
   text-decoration: none;
   color: #000;
}
#menu li.active a:hover {
   color: #000;
}
#menu li:hover {
   background: rgba(255, 255, 255, 0.8);
   color: #58618f;
}
#menu li a:hover {
   background: rgba(255, 255, 255, 0.8);
   color: #58618f;
   font-weight: 500;
}
#menu li a,
#menu li.active a {
   padding: 9px 18px;
   display: block;
}
#menu li.active a {
   color: #fff;
}
#menu {
   position: fixed;
   top: 0;
   left: 0;
   height: 40px;
   z-index: 70;
   width: 100%;
   padding: 0;
   margin: 0;
}
.navbar {
   z-index: 10;
   margin-bottom: 0;
}
.navbar-nav {
   margin: 7.5px -15px;
   margin-top: 0;
   margin-bottom: 0;
}
.navbar-default {
   border-color: #18a8a4;
}
#infoMenu {
   height: 20px;
   color: #f2f2f2;
   position: fixed;
   z-index: 70;
   bottom: 0;
   width: 100%;
   text-align: right;
   font-size: 0.9em;
   padding: 8px 0 8px 0;
}
#infoMenu ul {
   padding: 0 40px;
}
#infoMenu li a {
   display: block;
   margin: 0 22px 0 0;
   color: #333;
}
#infoMenu li a:hover {
   text-decoration: underline;
}
#infoMenu li {
   display: inline-block;
   position: relative;
}
label {
   display: inline-block;
   max-width: 100%;
   margin-bottom: 5px;
   margin-top: 8px;
   font-weight: 600;
}
.btn-primary:hover {
   color: #fff;
   background-color: #5cbae1;
   border-color: #5cbae1;
}
video {
   -webkit-mask-image: -webkit-radial-gradient(white, #000);
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
}
#mute-video {
   background-color: #18a8a4;
   border-radius: 7px;
   height: 50px;
   width: 50px;
   color: #fff;
}
.rupicon {
   color: #0bf397;
   font-size: 20px;
}
#slidecaso1-1 {
   background-color: #f2f2f2;
   height: 100vh;
}
#section6 {
   /* background-image: url(imgs/fondo-rup-dunes.jpg); */
   background-image: url(imgs/bg-panorama-desktop.jpg);
   background-size: cover;
   background-attachment: fixed;
   height: 100vh;
}
#myVideo {
   right: 0;
   bottom: 0;
   width: 100vw;
}
.logo {
   height: 45px;
}
.half-div {
   width: 40%;
   float: left;
   padding-top: 10px;
}
.social {
   display: inline;
}
.hide-lg {
   display: flex;
}
.hide-sm {
   display: none;
}
.navbar-toggle {
   position: relative;
   float: right;
   padding: 9px 10px;
   margin-right: 4%;
   margin-top: 8px;
   margin-bottom: 8px;
   background-color: transparent;
   background-image: none;
   border: 1px solid transparent;
   border-radius: 4px;
}
.navbar-toggle.x .icon-bar:nth-of-type(1) {
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
   -webkit-transform-origin: 10% 10%;
   -ms-transform-origin: 10% 10%;
   transform-origin: 10% 10%;
}
.navbar-toggle.x .icon-bar:nth-of-type(2) {
   opacity: 0;
}
.navbar-toggle.x .icon-bar:nth-of-type(3) {
   -webkit-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
   -webkit-transform-origin: 10% 90%;
   -ms-transform-origin: 10% 90%;
   transform-origin: 10% 90%;
}
.navbar-toggle.x.collapsed .icon-bar:nth-of-type(1) {
   -webkit-transform: rotate(0);
   -ms-transform: rotate(0);
   transform: rotate(0);
}
.navbar-toggle.x.collapsed .icon-bar:nth-of-type(2) {
   opacity: 1;
}
.navbar-toggle.x.collapsed .icon-bar:nth-of-type(3) {
   -webkit-transform: rotate(0);
   -ms-transform: rotate(0);
   transform: rotate(0);
}
#box-logo {
   display: block;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 4;
}
.nitro {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
.black {
   position: relative;
   z-index: 5;
}
.black::before {
   content: '';
   position: absolute;
   z-index: -1;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background-color: #000;
   opacity: 0.6;
}
#clipped-title1 {
   background: url(imgs/yellow1.jpg) no-repeat center center;
   background-size: cover;
   color: #fff;
   -webkit-text-fill-color: transparent;
   -webkit-background-clip: text;
   color: transparent !important;
}
#clipped-title1 p {
   text-align: left;
   -webkit-transition: text-shadow 1s ease;
   text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}
.section00 {
   width: 100% !important;
   position: absolute;
   left: 0;
   top: 0;
   visibility: hidden;
   opacity: 0;
   z-index: 0;
   transition: all 0.7s ease-in-out;
}
.section00.active {
   visibility: visible;
   opacity: 1;
   z-index: 5;
}
.lista {
   list-style: disc outside none;
   display: list-item;
   list-style-position: outside;
   color: #404d60;
   margin-top: 10px;
   text-align: left;
}
.logos-exitosos {
   padding-right: 10px;
}
.valor {
   color: #404d60;
   width: 90%;
   margin: auto auto;
   font-size: 12px;
   text-align: left;
   margin-left: 8%;
}
#valor {
   color: #404d60;
   width: 90%;
   margin: auto auto;
   font-size: 12px;
   text-align: left;
   margin-left: 8%;
}
#tran5 {
   width: 90%;
   padding-top: 10px;
}
.tran5desk {
   display: none;
}
p.valor2 {
   color: #404d60;
   width: 100%;
   margin: auto auto;
   font-size: 14px;
   text-align: left;
   font-weight: 500;
}
.propuestas {
   height: 100%;
   width: 100%;
   margin-top: 7%;
}
.pro2 {
   height: 100%;
   width: 100%;
   margin-top: 7%;
}
.informes {
   padding-top: 5px;
   display: flex;
   padding-left: 8%;
   padding-right: 8%;
}
.informes2 {
   padding-left: 8%;
   padding-right: 8%;
}
.contacth2 {
   padding-top: 10px;
   font-family: 'Source Sans Pro', sans-serif;
   color: #fff;
   font-size: 11px;
}
.botonitos {
   padding-bottom: 0;
}
.center-con {
   display: flex;
   align-items: center;
   justify-content: center;
   bottom: 17px;
   position: absolute;
   z-index: 10;
   left: 0 !important;
   right: 0;
   margin: 0 auto !important;
}
.center-con2 {
   display: flex;
   align-items: center;
   justify-content: center;
   bottom: 17px;
   position: absolute;
   z-index: 10;
   left: 0 !important;
   right: 0;
   margin: 0 auto !important;
}
.round {
   position: absolute;
   width: 40px;
   height: 40px;
   bottom: 20px;
   border-radius: 100%;
   background-color: #18a8a4;
}
.round-rup {
   position: absolute;
   width: 40px;
   height: 40px;
   bottom: 20px;
   border-radius: 100%;
   background-color: #943c9f;
}
.round2 {
   position: absolute;
   bottom: 20px;
   right: 40px;
}
.cta {
   width: 100%;
   cursor: pointer;
   position: absolute;
}
#cta2 {
   width: 100%;
   cursor: pointer;
   position: absolute;
}
.iconos {
   height: 25px;
}
.form-group {
   margin-bottom: 0;
}
input[type='text']:focus {
   font-size: 16px !important;
}
input[type='email']:focus {
   font-size: 16px !important;
}
textarea:focus {
   font-size: 16px !important;
}
input {
   font-size: 16px !important;
}
textarea {
   font-size: 16px !important;
}
@media screen and (max-width: 1496px) {
   .escondidos {
      display: inline;
   }
}
@media screen and (min-width: 1497px) {
   .escondidos {
      display: none;
   }
}
@media screen and (min-width: 1025px) {
   #section5 {
      background-image: url(imgs/fondo-contacto2.jpg);
      background-size: cover;
      background-attachment: fixed;
   }
   #mute-video {
      background-color: #18a8a4;
      border-color: #18a8a4;
      border-radius: 7px;
      height: 50px;
      width: 50px;
      color: #fff;
      position: absolute;
      top: 50%;
      transform: translate(-150%, -50%);
      -ms-transform: translate(-150%, -50%);
      z-index: 40;
   }
   #mute-video:active {
      background-color: #58618f;
      border-color: #58618f;
      border-radius: 7px;
      height: 50px;
      width: 50px;
      color: #fff;
      position: absolute;
      top: 50%;
      transform: translate(-150%, -50%);
      -ms-transform: translate(-150%, -50%);
      z-index: 40;
   }
   .logo {
      height: 45px;
      padding-left: 30px;
   }
   .navbar-nav {
      padding-right: 30px;
      padding-top: 5px;
   }
   #menu li {
      background: #18a8a4;
   }
   #menu li a {
      text-decoration: none;
      color: #fff;
   }
   #imgfade {
      width: 30%;
   }
   #nosotros {
      color: #fff;
      width: 100%;
      font-size: 50px;
      font-weight: 800;
      margin-top: 0;
      text-align: center !important;
   }
   #rup {
      width: 30%;
   }
   .col-md-9 {
      width: 100%;
   }
   .contacto-title {
      color: #18a8a4;
      text-align: left;
      margin-left: 8%;
      font-weight: 700;
      padding-top: 4%;
   }
   .contacto-title2 {
      color: #18a8a4;
      text-align: center;
      font-size: 32px;
      font-weight: 700;
      padding-top: 4%;
   }
   .datoss {
      font-size: 16px;
      color: #18a8a4;
      font-weight: 600;
   }
   .contacth {
      font-size: 18px;
      padding-top: 20px;
   }
   .social li {
      display: inline;
      font-size: 40px;
      padding-right: 10px;
      padding-left: 10px;
   }
   .botonitos {
      text-align: left;
   }
   .informes {
      padding-top: 4%;
      display: flex;
      padding-left: 0;
      padding-right: 0;
   }
   .informes2 {
      padding-top: 4%;
      display: flex;
      margin-left: 15%;
      margin-right: 15%;
   }
   .col-md-4 {
      width: 35%;
      display: inline;
   }
   #rup-text {
      font-family: 'Source Sans Pro', sans-serif;
      font-size: 40px;
   }
   #rupinfo {
      font-size: 24px;
      font-family: 'Source Sans Pro', sans-serif;
      padding-top: 30px;
      text-align: center;
   }
   .ruptitlevioleta {
      text-align: left;
      margin-left: 8%;
      font-weight: 700;
      padding-bottom: 10px;
      margin-top: 10%;
   }
   .videodemo {
      width: 38%;
   }
   p.valor2 {
      color: #404d60;
      width: 100%;
      margin: auto auto;
      font-size: 20px;
      text-align: left;
      font-weight: 500;
   }
   .iconos {
      height: 50px;
   }
   .logos {
      width: 9%;
      margin-bottom: 50px;
      margin-right: 20px;
      margin-left: 20px;
   }
   .logos-exitosos {
      width: 55%;
      float: right;
      padding-top: 6%;
      margin-right: 6%;
   }
   .half-phone {
      position: absolute;
      left: 0;
      height: 70%;
      margin-left: 2%;
   }
   .half-div {
      width: 35%;
      float: left;
      padding-top: 30px;
   }
   p.experiencias {
      font-size: 18px;
   }
   .performance {
      height: 60px;
      margin-right: 20px;
   }
   .tran {
      display: none;
   }
   .tran2 {
      display: none;
   }
   .title2 {
      color: #18a8a4;
      text-align: left;
      font-weight: 700;
      display: flex;
      padding-top: 80px;
      font-size: 32px;
   }
   .tran3 {
      display: none;
   }
   .tran4 {
      display: none;
   }
   .title3 {
      display: flex;
      padding-top: 20px;
      padding-bottom: 30px;
   }
   .propuestas {
      height: 100%;
      width: 100%;
      margin-top: 5%;
   }
   .pro2 {
      height: 100%;
      width: 100%;
      margin-top: 1px;
   }
   .valordesk {
      color: #404d60;
      width: 90%;
      margin: auto auto;
      font-size: 19px;
      text-align: left;
      display: flex;
      margin-left: 0;
   }
   .valordeskdiv {
      width: 95%;
      margin: auto auto;
      font-size: 16px;
      text-align: left;
      margin-left: 8%;
      display: block;
      float: left;
      margin-top: 10%;
   }
   #valordesk2 {
      color: #404d60;
      margin: auto auto;
      font-size: 20px;
      text-align: left;
      margin-left: 8%;
      display: flex;
      margin-top: 60px;
   }
   .valor {
      display: none;
   }
   #valor {
      display: none;
   }
   #tran5 {
      width: 90%;
      padding-top: 10px;
      display: none;
   }
   .tran5desk {
      width: 90%;
      padding-top: 10px;
      display: flex;
   }
   .form-group {
      margin-bottom: 0;
   }
   .box {
      padding-top: 15% !important;
      padding-right: 0 !important;
   }
   .hide-lg {
      display: none;
   }
   .hide-sm {
      display: flex;
   }
   .rupicon {
      color: #0bf397;
      font-size: 40px;
   }
   .contacth2 {
      font-size: 18px;
      padding-top: 10px;
      font-family: 'Source Sans Pro', sans-serif;
      color: #fff;
   }
   #clipped-title1 {
      background: url(imgs/yellow1.jpg) no-repeat center center;
      background-size: cover;
      color: #fff;
      -webkit-text-fill-color: transparent;
      -webkit-background-clip: text;
      color: transparent !important;
      margin-right: 8%;
   }
   .split {
      height: 100%;
      width: 50%;
      position: absolute;
      z-index: 1;
      top: 0;
      overflow-x: hidden;
      padding-top: 20px;
   }
   .centered {
      margin: 0;
      position: absolute;
      top: 50%;
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
   }
   .incorrect {
      font-size: 18px;
      color: #fff;
      background-color: #d4635d;
   }
   .correct {
      font-size: 18px;
      color: #fff;
      background-color: #5cbae1;
   }
   .oculto {
      visibility: hidden;
      opacity: 0;
      height: 0;
      padding: 0;
      transition: opacity 1s ease-in;
   }
   .oculto2 {
      visibility: hidden;
      opacity: 0;
      height: 0;
      padding: 0;
      transition: opacity 1s ease-in;
   }
   .visible {
      visibility: visible;
      opacity: 1;
      height: auto;
      padding: 15px 0;
      margin-top: 20px;
      transition: opacity 1s ease-in;
   }
   .visible2 {
      visibility: visible;
      height: auto;
      opacity: 1;
      transition: opacity 1s ease-in;
   }
   .btn-rup {
      color: #fff;
      width: 150px;
      margin-top: 50px;
      font-size: 22px;
      background-color: #ff2096;
      border-color: #ff2096;
      font-family: 'Source Sans Pro', sans-serif;
   }
   .btn-rup:hover {
      color: #fff;
      width: 150px;
      margin-top: 50px;
      font-size: 22px;
      background-color: #391b51;
      border-color: #391b51;
      font-family: 'Source Sans Pro', sans-serif;
   }
   .btn-rup:visited {
      color: #fff;
   }
   .left {
      left: 0;
      background: url(imgs/nubes-cuadro.jpg) no-repeat center center;
   }
   .lefty {
      left: 0;
      background-color: #f2f2f2;
   }
   .right2 {
      right: 0;
      background: url(imgs/nubes-cuadro.jpg) no-repeat center center;
   }
   .right2cont {
      right: 0;
   }
   .right {
      right: 0;
      background: url(imgs/propuestas-cuadro.jpg) no-repeat center center;
   }
   .left2 {
      left: 0;
      background: url(imgs/fondo-3-cuadro.jpg) no-repeat center center;
   }
   .left2cont {
      left: 0;
   }
   .right3 {
      right: 0;
      background: url(imgs/fondo-4-cuadro.jpg) no-repeat center center;
   }
   .left4 {
      left: 0;
      background: url(imgs/fondo-1-cuadro.jpg) no-repeat center center;
   }
   .right5 {
      right: 0;
      background: url(imgs/fondo-2-cuadro.jpg) no-repeat center center;
   }
   .left6 {
      left: 0;
      background: url(imgs/spotify-cuadro.jpg) no-repeat center center;
   }
   .left7 {
      left: 0;
      background: url(imgs/expreso-cuadro.jpg) no-repeat center center;
   }
   .left8 {
      left: 0;
      background: url(imgs/adidas-cuadro.jpg) no-repeat center center;
   }
   .left9 {
      left: 0;
      background: url(imgs/guarana-cuadro.jpg) no-repeat center center;
   }
   .left10 {
      left: 0;
      background: url(imgs/trident-cuadro.jpg) no-repeat center center;
   }
   .left11 {
      left: 0;
      background: url(imgs/peugeot-cuadro.jpg) no-repeat center center;
   }
   .left12 {
      left: 0;
      background: url(imgs/venom-cuadro.jpg) no-repeat center center;
   }
   .left13 {
      left: 0;
      background: url(imgs/uber-cuadro.jpg) no-repeat center center;
   }
   .list-inline {
      padding-left: 0;
      list-style: none;
      margin-left: 0;
   }
}