body{
    overflow-x:hidden;
}

.contenidooo{
    width:100%;
    height:9000px;
}

.navbar-default {
  background-color: #143E88;
  border-color: #143E88;
}

.appstore {
  margin-top: 15%;
  width: 100%;
  box-shadow: 0px 0 40px #ffe500;
  padding: 0px;
  background-color: transparent;
}

.playstore{
  margin-top: 15%;
  width: 95%;
  box-shadow: 0px 0 40px #FFE500;
  padding: 0%;
  background-color: transparent;
}

.appgallery{
  margin-left: -5%;
  margin-top: 15%;
  width: 100%;
  box-shadow: 0px 0 40px #ffe500;
  padding: 0%;
  background-color: transparent;
}

.phone1 {
  width: 115%;
  margin-left: 27%;
}

.stars {
  width: 14%;
  margin-top: 7%;
  margin-left: 91%;
  position: absolute;
}

.img-video {
  width: 80%;
  margin-left: 10%;
  margin-top: 3%;
  margin-bottom: 4%;
  box-shadow: 0px 0 40px #ffe500;
}

.versiones {
  color: #FFE500;
  font-family: 'microgramma-normal', sans-serif;
  font-size: 105px;
  font-weight: 900;
  text-align: center;
  margin-top: -18%;
}

.celsversion {
  width: 59%;
  margin-top: 40%;
  margin-left: 20%;
}

.downloadandroid{
  margin-top: 9%;
  font-size: 30px;
}

.downloadAppple {
  margin-top: 10%;
  font-size: 30px;
}

.downloadAppGallery{
  margin-top: 11.5%;
  font-size: 30px;
}

#img-localizacion{
  width: 47%;
}

.download-Android {
  width: 40%;
  margin-left: 29%;
  margin-bottom: 6%;
}

.download-Apple {
  width: 41%;
  margin-left: 29%;
}

.download-huawei {
  width: 40%;
  margin-left: 30%;
}

.funcionalidades {
  margin-left: -32%;
  margin-top: -8%;
  width: 164%;
}
.seccion4 {
  margin-top: 5%;
  background-image: url(..//img/BackgroundSeccion4.png);
}

.contactName{
  font-family: 'microgramma-normal', sans-serif;
  width: 70%;
  margin-left: 25%;
  height: 55px;
  border-radius: 19px;
  font-size: 28px;
}

.e-mail {
  font-family: 'microgramma-normal', sans-serif;
  width: 70%;
  height: 55px;
  border-radius: 19px;
  font-size: 28px;
}

.contactCel{
  font-family: 'microgramma-normal', sans-serif;
  width: 70%;
  margin-left: 25%;
  height: 55px;
  border-radius: 19px;
  font-size: 28px;
  margin-top: 3%;
}

.asunto{  
  font-family: 'microgramma-normal', sans-serif;
  width: 70%;
  height: 55px;
  border-radius: 19px;
  font-size: 28px;
  margin-top: 3%;
}

.mensaje {
  font-family: 'microgramma-normal', sans-serif;
  width: 73.5%;
  height: 150px;
  border-radius: 19px;
  font-size: 28px;
  margin-top: 3%;
  margin-left: 12%;
}

.logofooter {
  width: 55%;
  margin-left: 15%;
  margin-top: 20%;
}

#contRegistro1{
  margin-left: 2%;
}
#contRegistro2{
  margin-right: 2%;
}

.row1{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

#mk:hover {background: #114267 !important}


#download{background: transparent;
	color:white !important;}

#mk{background: #0072ad !important}

@font-face {
	font-family:coolvetica;
	src:url(../fonts/coolvetica.ttf);
}


@font-face {
	font-family:source-regular;
	src:url(../fonts/SourceSansPro-Regular.otf);
}

@font-face {
	font-family:source-semibold;
	src:url(../fonts/SourceSansPro-Semibold.otf);
}


*{ font-family:source-regular}

.jumbotron {
    margin-bottom: 0px !important;
    background: url(..//img/WallPaper1.jpg) no-repeat;
    background-size:120%;
    overflow:hidden;
    z-index: 999;
}




.img-respons{
  display: none;
}

#video{background: url(../img/wallpaper_video.png) no-repeat;
background-size: 100%}

#video{ padding: 60px 0px 60px 0px}



  .btn-pedidos {
    background: #65AC3A;
    font-size: 50px;
    width: 90%;
    border-radius: 25px;
    margin-top: 16%;
  }

  .btn-enviar {
    margin-top: 4%;
    width: 13%;
    border-radius: 25px;
    margin-left: 43%;
    margin-bottom: 5%;
    background: #143871;
    height: 50px;
    padding: 4px;
    font-size: 26px;
}

.btn-enviar:hover{
  color: white;
}

.btn-portafolio {
    background: #ffffff25;
    font-size: 63px;
    width: 49%;
    border-radius: 25px;
    margin-left: 25%;
    margin-top: 6%;
}

.log-modal{
  width: 49%;
}

#portafolio{
  background: #65AC3A;
}

.green1{
  position: absolute;
  width: 33%;
  margin-left: -30%;
  margin-top: -7%;
}

.litle-box-1 {
  background: #040223;
  width: 300px;
  height: 270px;
  border-radius: 30px;
  box-shadow: 0px 0 40px #ffffff75;
  padding: 3%;
  margin-left: 54%;
}

.litle-box-2 {
  background: #040223;
  width: 300px;
  height: 270px;
  border-radius: 30px;
  margin: auto;
  box-shadow: 0px 0 40px #ffffff75;
  padding: 3%;
  margin-bottom: 10%;
  margin-top: -54.7% ;
  position: absolute;
  margin-left: 21% ;
}

.litle-box-3 {
  background: #040223;
  width: 300px;
  height: 270px;
  border-radius: 30px;
  margin: auto;
  box-shadow: 0px 0 40px #ffffff75;
  padding: 3%;
  margin-bottom: 10%;
  margin-top: -31.7%;
  position: absolute;
  margin-left: 21%;
}

.ccs{background: url(../img/wallpapergreen.png) no-repeat;
background-size:100%;
background-position: bottom; 
padding-bottom: 20px}

.centroc{ padding-bottom: 20px;
opacity:0.8;
-webkit-transition:all ease-in 0.1s ;
-o-transition:all ease-in 0.1s ;
transition:all ease-in 0.1s ;}

.centroc:hover{ opacity: 1;
transform:scale(1.05);}

.botones-descargas{ padding-bottom: 20px;
opacity:0.9;
-webkit-transition:all ease-in 0.1s ;
-o-transition:all ease-in 0.1s ;
transition:all ease-in 0.1s ;}

.botones-descargas:hover{ opacity: 1;
transform:scale(1.03);}

#download { font-family: source-semibold}

#screenshots{ padding-top:70px;}

.navbar-toggle{ border: 1px solid;
border-radius: 0px;
font-size: 30px}

.landing{ width: 100%;
height: 500px;}

.contenido{height: 1000px;
width: 100%;
background: #fff;
}

.img-modal {
  position: relative;
  width: 42%;
  margin-top: -20%;
}

.coolvetica {
  color: #FFE500;
  font-family: 'microgramma-normal', sans-serif;
  font-size: 55px;
  margin-top: 5%;
  font-weight: 900;
}

.coolvetica2{
  font-family: Montserrat !important;
  letter-spacing: 1px !important;
  font-size: 50px;
  margin-top: 25%;
  font-weight: bold;
  text-align: center;
}

.coolvetica3 {
  font-family: Montserrat !important;
  letter-spacing: 1px !important;
  font-size: 50px;
  margin-top: 14%;
  font-weight: bold;
  text-align: right;
  margin-right: 20%;
}

.coolvetica4 {
  font-family: Montserrat !important;
  letter-spacing: 1px !important;
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 2%;
  margin-top: -4%;
}
.coolvetica5 {
  font-family: Montserrat !important;
  letter-spacing: 1px !important;
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  margin-top: 3%;
}

nav ul li a:hover{ color: #009eed !important}

.white{ color: white;}
.blue{ color: #143E88;}
.yellow{ color: #f7f034;}
.green{ color: #89c000;}
.blueo{ color: #004B79;}

.bwhite{ background: white;}
.bblue{ background: #009eed;}

.bblueo{background:#004B79;}
.byellow{ background: #f7f034;}
.bgreen{ background: #89c000;}

.border{border-radius: 12px;}

.uno{font-size: 10px !important}
.unouno{font-size: 11px !important}
.unodos{font-size: 12px !important}
.unotres{font-size: 13px !important}
.unocuatro{font-size: 14px !important}
.unocinco{font-size: 15px !important}
.unoseis{font-size: 16px !important}
.unosiete{font-size: 25px !important;
  font-family: 'microgramma-normal', sans-serif;}
.unosiete2{font-size: 25px !important;text-align: center;margin-top: 5%;}
.unosiete3{font-size: 25px !important;text-align: left;margin-top: 5%;margin-left: 13%;}
.unosiete4{font-size: 25px !important;text-align: right;margin-top: 10%;margin-left: -1%;margin-right: 20%;}
.dos{font-size: 20px !important}
.dosdos{font-size: 22px !important}
.dostres{font-size: 23px !important}
.doscuatro{font-size: 24px !important}
.dosseis{font-size: 26px !important}
.dosocho{font-size: 28px !important}
.tres{font-size: 30px !important}
.tresdos{font-size: 32px !important}
.trescuatro{font-size: 34px !important}
.tresseis{font-size: 36px !important}
.cuatrocero{font-size: 40px !important}

button{ border: none;
list-style: none;
text-decoration: none}

.modal-body p{ text-align:justify;}

.wuno{width:10%;}
.wdos{width:20%;}
.wtres{width:30%;}
.wcuatro{width:40%;}
.wcinco{width:48%;}
.wseis{width:60%;}
.wsiete{width:70%;}
.wocho{width:80%;}
.wnueve{width:90%;}
.wdiez{width:100%;}

footer{ width: 100%;
height: 300px;
padding-top: 20px;
background: black;
}

.redes{
  z-index: 99;
}

.facebook {
  width: 100px;
  background: #8BCAFC;
  position: absolute;
  padding: 19px;
  border-radius: 50px;
  height: 100px;
  margin-left: 38%;
  padding-left: 3%;
}

.whatsapp {
  width: 100px;
  background: #8BCAFC;
  position: absolute;
  padding: 20px;
  border-radius: 50px;
  height: 100px;
  margin-left: 54%;
}

.instagram {
  width: 100px;
  background: #8BCAFC;
  position: absolute;
  padding: 23px;
  border-radius: 50px;
  height: 100px;
  margin-left: 22%;
}

.youtube {
  width: 100px;
  background: #8BCAFC;
  position: absolute;
  padding: 22px;
  border-radius: 50px;
  height: 100px;
  margin-left: 40%;
  padding-top: 2.3%;
}

footer .col-md-10 { height: 50px !important;}

.mcinco{margin-bottom:50px}

.hoverblue:hover{ background:#0481C0;
color: white; }

.mitadr{ width: 48%;
margin: 5px 1% 5px 1%;
float: left}

.todor{ width: 98%;
margin: 5px 1% 5px 1%;
float: left}

.todor-textarea{ width: 98%;
  height: 200px;
margin: 5px 1% 5px 1%;
padding: 10px 20px 20px 20px;
float: left}


.mover{margin-left: 10%}

#unirme{padding: 0px 0px 0px 0px;
background: #65AC3A;}


#descargar{padding: 80px 0px 50px 0px;
background: #009eed;}

.descargas{
    transition:all ease-in 0.2s;
    display: inline-block;
}

.descargas:hover {
    transform:scale(1.05);
    -webkit-box-shadow: 0px 0px 20px -5px white rgba(225, 225, 225, 0.5);
    -moz-box-shadow: 0px 0px 20px -5px white rgba(225, 225, 225, 0.5);
    box-shadow: 0px 0px 20px -5px rgba(225, 225, 225, 0.5);
}

.logo-tudo{
  width: 350px;
  position:relative;
  left:-30px
}

#carousel-1{
  left: 35%;
}

.img-carousel {
  margin-left: 2%;
  margin-top: -3%;
  width: 90%;
}
.img-carousel1 {
  margin-top: 29%;
  width: 120%;
  margin-left: -15%;
}
.img-carousel2 {
  width: 120%;
  margin-top: 30%;
}
.img-carousel3 {
  width: 65%;
  margin-left: 18%;
  margin-top: 29%;
}


.foto1 {
  width: 116%;
  margin-top: 22.3%;
  margin-left: 0%;
}
.img-d {
  position: absolute;
  left: 0;
  width: 14%;
  margin-top: 25%;
}

.pointgreen{
  position: absolute;
  width: 6%;
  margin-left: 15%;
  margin-top: 10%;
}
.linegreen{
  position: absolute;
  width: 35%;
  margin-left: -15%;
  margin-top: 8%;
}
.img-d2{
  position: absolute;
  width: 45%;
  margin-left: -31%;
  margin-top: 68%;
}
.img-d3 {
  position: absolute;
  width: 21.2%;
  margin-left: 91%;
  margin-top: -20%;
}
.grupo1{
  display: none;
}
.grupo2{
  display: none;
}
.grupo3{
  display: none;
}
.grupo4{
  display: none;
}
.grupo5{
  display: none;
}
.grupo6{
  display: none;
}
.grupo7{
  display: none;
}

.duo{
  display: none;
}

.grupo8{
  display: none;
}

.grupo9{
  display: none;
}

.funcionalidades1{
  margin-top: -25%;
}

.footervideo{
  display: none;
}
.videoprom{
  display: none;
}
.box{
  display: none;
}
.box1{
  display: block;
}


@media (max-width: 1200px) {

.coolvetica{
  font-size: 45px;
}

.versiones{
  font-size: 80px;
}

}
@media (max-width: 1000px) {

.phone1 {
  width: 96%;
  margin-left: 12%;
}

.logo-tudo{
  width: 245px;
}

.funcionalidades {
  margin-left: -2%;
  margin-top: -7%;
  width: 105%;
}

.funcionalidades1{
  margin-top: -19%;
}

.footer{
  height: 230px;
}

}

@media (max-width: 750px){

  .logo-tudo{
    margin-left: 38%;
  }
  .coolvetica {
    margin-top: 3%;
    font-size: 38px;
    text-align: center;
  }
  .unosiete {
    font-size: 25px !important;
    text-align: center;
  }
  .playstore {
    margin-top: 60%;
    width: 70%;
    margin-left: -104%;
  }
  .phone1 {
    width: 50%;
    margin-left: 53%;
    margin-top: -50%;
  }
  .celsversion {
    width: 33%;
    margin-top: 15%;
    margin-left: 33%;
  }
  .downloadandroid {
    margin-top: 5%;
    font-size: 25px;
  }
  .downloadAppple {
    margin-top: 4%;
    font-size: 25px;
  }
  .appgallery {
    width: 70%;
    margin-left: 15%;
    margin-top: 12%;
  }
  .playstore {
    margin-top: 68%;
    width: 70%;
    margin-left: -94%;
  }
  .appstore {
    width: 70%;
    margin-top: 40%;
    margin-left: 15%;
  }
  .stars{
    margin-left: 88%;
  }
  .footervideo{
    display: block;
    width: 100%;
  }
  .videoprom {
    display: block;
    font-family: 'microgramma-normal', sans-serif;
    font-size: 55px;
    font-weight: 900;
    text-align: center;
    margin-top: -16%;
  }
  .box {
    display: block;
    background: #2F69B3;
    width: 412px;
    height: 437px;
    border-radius: 30px;
    margin: auto;
    box-shadow: 0px 0 40px #ffffff75;
    padding: 3%;
  }
  .seccion4{
    background-image: none;
  }
  .dosdos{
    font-size: 30px !important;
  }
  #img-localizacion{
    width: 70% !important;
  }
  #img-voz {
    width: 40% !important;
  }
  #img-xami{
    width: 100% !important;
  }
  #img-vino{
    width: 50%;
  }
  #img-qr{
    width: 50% !important;
    margin-top: 2% !important;
  }
  #img-chef{
    width: 55% !important;
  }
  #img-carnes{
    width: 70% !important;
  }
  .e-mail{
    font-size: 15px;
  }
  .contactName{
    font-size: 15px;
  }
  .contactCel{
    font-size: 15px;
  }
  .asunto{
    font-size: 15px;
  }
  .mensaje{
    font-size: 15px;
  }
  .btn-enviar{
    width: 17%;
    padding: 5px;
  }
  .ter-con{
    margin-top: 56% !important;
    margin-left: -35% !important;
    font-family: 'microgramma-normal', sans-serif !important;
    position: absolute !important;
  }
  .whatsapp1{
    margin-top: 10% !important;
    margin-left: -5% !important;
  }
  .logofooter {
    width: 55%;
    margin-left: 15%;
    margin-top: 12%;
  }
  .facebook1{
    margin-top: 7% !important;
    margin-left: -14% !important;
  }
  .instagram1{
    margin-left: -55% !important;
    margin-top: 45% !important;
  }
  .youtube1{
    margin-left: 15% !important;
    margin-top: 45%;
  }
  .funcionalidades1 {
    margin-top: -20%;
    font-size: 60px;
  }
  .img-video{
    margin-top: 7%;
  }
  .tamaño{
    font-size: 22px;
  }
}

@media (max-width: 620px)  {
  .jumbotron{
    background-size: 150%;
  }
  .logo-tudo {
    margin-left: 32%;
  }
  .videoprom{
    font-size: 40px;
  }
  .versiones {
    font-size: 50px;
  }
  .funcionalidades1 {
    font-size: 50px;
  }
  .btn-enviar {
    width: 20%;
  }
  .whatsapp1 {
    margin-left: -20% !important;
  }
  .facebook1{
    margin-left: -17% !important;
  }
  .instagram1{
    margin-left: 35%;
  }
  .instagram1 {
    margin-left: -125% !important;
  }
  .youtube1 {
    margin-left: -16% !important;
  }
}

@media (max-width: 541px) {

  .playstore{
    margin-left: -97%;
  }
  .funcionalidades1 {
    font-size: 45px;
  }
  .box {
    width: 379px;
    height: 415px;
  }
  .unosiete4 {
    margin-top: 3%;
    font-size: 15px !important;
  }
  #equipo2 {
    height: 420px;
  }
  .coolvetica {
    font-size: 25px;
    margin-top: 2%;
  }
  #img-localizacion {
    width: 52% !important;
  }
  #img-voz {
    width: 36% !important;
  }
  #img-xami {
    width: 78% !important;
  }
  #img-vino {
    width: 46%;
  }
  .whatsapp1 {
    margin-left: -60% !important;
  }
  .facebook1 {
    margin-left: -23% !important;
  }
  .instagram1 {
    margin-left: -300% !important;
  }
  .youtube1 {
    margin-left: -120% !important;
  }
}

@media (max-width: 490px) {
  .btn-enviar {
    width: 24%;
  }
  .jumbotron {
    background-size: 165%;
  }
  .logo-tudo {
    margin-left: 27%;
  }
  .funcionalidades1 {
    font-size: 40px;
    margin-top: -18%;
  }
  .ter-con {
    margin-left: -47% !important;
    margin-top: 97% !important;
  }
  .logofooter {
    width: 55%;
    margin-left: 85%;
    margin-top: 12%;
  }
  footer {
    height: 360px;
  }
  .videoprom {
    font-size: 35px;
  }
  .whatsapp1 {
    margin-left: -167% !important;
    margin-top: 100% !important;
  }
  h1, h2, p {
    text-align:center;
  }
  .facebook1 {
    margin-left: -41% !important;
    margin-top: 24% !important;
  }
  .instagram1 {
    margin-left: -967% !important;
    margin-top: 736% !important;
  }
  .youtube1 {
    margin-left: -662% !important;
    margin-top: 728% !important;
  }
}

@media(max-width: 415px){

  .jumbotron {
    background-size: 208%;
  }
  #equipo2 {
    height: 325px;
  }
  .videoprom {
    font-size: 30px;
  }
  .videoprom {
    font-size: 30px;
  }
  .versiones {
    font-size: 40px;
  }
  .funcionalidades1 {
    font-size: 30px 
  }
  .box {
    width: 320px;
    height: 363px;
  }
  .dosdos {
    font-size: 23px !important;
  }
  .stars {
    margin-left: 85%;
  }
  .tamaño {
    font-size: 17px;
  }
  .btn-enviar {
    margin-left: 39%;
    width: 27%;
  }
  .ter-con {
    margin-left: -57% !important;
    margin-top: 107% !important;
  }
  .whatsapp1 {
    margin-left: -200% !important;
  }
  .facebook1 {
    margin-left: -43% !important;
    margin-top: 23% !important;
  }
  .youtube1 {
    margin-left: -920% !important;
    margin-top: 1114% !important;
  }
  .instagram1 {
    margin-left: -1509% !important;
    margin-top: 1140% !important;
  }
  .playstore{
    margin-left: -101%;
  }
}

@media (max-width: 2000px){

    h2 {
        font-size:40px; 
    }
}

@media (max-width: 615px){
    h1, h2, p {
        text-align:center;
    }
    h2 {
        font-size:29px; 
    }
  }

@media (max-width: 376px){
  .jumbotron {
    background-size: 248%;
  }
  .logo-tudo {
    margin-left: 21%;
  }
  .playstore{
    margin-left: -104%;
  }
  .downloadAppGallery{
    font-size: 25px !important;
  }
  .btn-enviar {
    margin-left: 35%;
    width: 29%;
  }
  .instagram1 {
    margin-left: -2760% !important;
    margin-top: 1930% !important;
  }
  .whatsapp1 {
    margin-left: -225% !important;
  }
  .facebook1 {
    margin-left: -45% !important;
  }
  .youtube1 {
    margin-left: -1570% !important;
    margin-top: 1943% !important;
  }
  .logofooter {
    margin-left: 77%;
  }
  .ter-con {
    margin-left: -65% !important;
  }
}

@media (max-width: 361px){
  .jumbotron {
    background-size: 260%;
  }
  .videoprom {
    font-size: 25px;
  }
  .versiones {
    font-size: 35px;
  }
  .instagram1 {
    margin-left: -3922% !important;
    margin-top: 2722% !important;
  }
  .whatsapp1 {
    margin-left: -231% !important;
    margin-top: 108% !important;
  }
  .versiones {
    font-size: 28px;
  }
  .youtube1 {
    margin-left: -2085% !important;
    margin-top: 2760% !important;
  }
}