@import url('https://fonts.googleapis.com/css?family=Rubik:400,500');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400');
@import url('https://fonts.googleapis.com/css?family=Archivo+Black');


.no-padding{
  padding: 0;
  margin: 0;
}

header{
  width: 100% !important;
  padding: 0 4rem 0 1rem;
  background-color: #ffffff;
  position: fixed;
  border-bottom: 1px #dddddd solid;
  padding-bottom: 1rem;
}

.store{
    text-align: center;
    margin-bottom: 10rem;
}

.col-50{
    display: flex;
    flex:1;
    flex-direction: column;
        
}

.columna-que-es{
    display: flex;
    flex:1;
    flex-direction: column;
    margin: 7rem;
    margin-top: 8rem;
    font-family: 'Rubik'
        
}

.landing-app{
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
    margin-right: 6rem;
}

.landing-app-front{
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
    margin-right: 6rem;
    margin-top: 6rem;
}
article {
    width: 100%;
    max-width:1200px;
    margin: auto;
    display: flex;
    padding: 0 30px;
}

h2{
  font-family: 'Rubik';
  margin:0 auto;
  text-align: center;
  font-size: 4rem;
}

h3{
  font-family: 'Roboto', sans-serif; ;
  font-size: 2rem;
  color: #ECEDED;
}

h4{
     color: #3c4a55;
    font-size: 2rem;
}

h5{
  font-family: 'Rubik';
  font-weight: 500;
  line-height: 1.4;
  width: 74%;
  color: #3c4a55;
  text-align: center;
  margin: 0 auto;
  font-size: 2.8rem;
  padding-bottom: 7rem;
    padding-top: 7rem;
}

.store-principal{
        margin-bottom: 5rem;
    margin-top: 5rem;
}

img{
    max-width: 100%;
}
.img-responsive{
    height: auto;
}



.principal{
    display: flex;
    padding-top: 6rem;
    width: 100%;
    background: rgba(114,86,224,1);
    background: -moz-linear-gradient(-45deg, rgba(114,86,224,1) 0%, rgba(0,196,108,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(114,86,224,1)), color-stop(100%, rgba(0,196,108,1)));
    background: -webkit-linear-gradient(-45deg, rgba(114,86,224,1) 0%, rgba(0,196,108,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(114,86,224,1) 0%, rgba(0,196,108,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(114,86,224,1) 0%, rgba(0,196,108,1) 100%);
    background: linear-gradient(135deg, rgba(114,86,224,1) 0%, rgba(0,196,108,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7256e0', endColorstr='#00c46c', GradientType=1 );   
}

.left a{
    list-style-type: none;
    display: inline;
    color: #fff;
    text-decoration: none;
}
.propuesta-list{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	text-align: right;
	margin:0.5rem;
}

.propuesta-list li{
	padding: 1.2rem;
}

h1.titulo-principal{
    font-family: 'Archivo Black', sans-serif;
    color: #ECEDED;
    font-size: 7rem;    
    margin:1.5rem;
    margin-left: 0;    
}

h1.titulo-principal-fadu{
    font-family: 'Archivo Black', sans-serif;
    color: #ECEDED;
    font-size: 2rem;    
    margin-left: 0;   
    
}

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color:  #1ccc61;
    background-color: transparent;
}

.navbar-inverse {
  height: 4rem;
}

.dropdown-link {
  height: 52px;
  width: 100%;
}

.navbar-toggle {
  overflow: hidden;
}
.navbar-toggle .icon-bar {
  -webkit-transition: opacity, -webkit-transform;
  transition: opacity, -webkit-transform;
  transition: opacity, transform;
  transition: opacity, transform, -webkit-transform;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0, 0.7);
          transition-timing-function: cubic-bezier(0.7, 0, 0, 0.7);
}
.navbar-toggle:not(.collapsed) .icon-bar:nth-child(1) {
  -webkit-transform: translateY(6px) rotate(45deg);
          transform: translateY(6px) rotate(45deg);
}
.navbar-toggle:not(.collapsed) .icon-bar:nth-child(2) {
  opacity: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.navbar-toggle:not(.collapsed) .icon-bar:nth-child(3) {
  -webkit-transform: translateY(-6px) rotate(-45deg);
          transform: translateY(-6px) rotate(-45deg);
}

.btn-2:hover{
  border-bottom: 4px #1ccc61 solid; 

}


@media (max-width: 768px){

.btn-2:hover{
  border: none;
}

}

.navbar-toggle:hover {
    background-color: none;
    }

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #1ccc61;
  }

  .navbar-inverse .navbar-toggle {
     border-color: none;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #ffffff;
    border: none;
}

.navbar-toggle{
  border: none;
}

.navbar-inverse .navbar-nav>li>a{
  font-family: 'Rubik';
  color:  #393c41;
  font-size: 15px;
    font-weight: 500;
}


.navbar-inverse .navbar-nav>li>a:hover{
  font-family: 'Rubik';
  color:  #1ccc61;
}


.contenedor-section{
  width: 100%;
  padding: 6rem 0 6rem 0;
}

.azul{
  background: rgba(0,0,0,1);
    background: -moz-linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(4,190,109,1) 0%, rgba(109,92,219,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(0%, rgba(4,190,109,1)), color-stop(100%, rgba(109,92,219,1)));
    background: -webkit-linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(4,190,109,1) 0%, rgba(109,92,219,1) 100%);
    background: -o-linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(4,190,109,1) 0%, rgba(109,92,219,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(4,190,109,1) 0%, rgba(109,92,219,1) 100%);
    background: linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(4,190,109,1) 0%, rgba(109,92,219,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#6d5cdb', GradientType=1 );
    
}

.rosa{
  background-color: #3c4a55;
}

.blanco{
  color: #ffffff;
}

.gris{
  color: #dddddd;
}

.slogan{
  color: #ffffff;
    font-size: 3.5rem;
    font-family: 'Rubik';
    font-weight: 400;
    line-height: 1.2;
    width: 9em;
    line-height: 1.2;
    margin: 5% 0 0 20%;
}

.aristas-completo{
 width: 50%;
 height: 50%;
 margin-top: 5%;
}

.separador{
  padding: 6rem 0 6rem 0;
}


@media (max-width: 410px){

h2{
  font-size: 3rem;

}

.nombre-secciones{
 padding: 0 0 0 0 !important;
  border: 0 !important ;
  text-align: center;
}

.texto-nosotros {
  font-size: 2rem !important;
}
    
.container-que-es{
        text-align: center;
    font-size: 3rem;
    }

}


.nombre-secciones{
  padding: 1rem 4rem 1rem 4rem;
  border: 4px solid;
}


.quehacemos{
  font-family: 'Roboto', sans-serif;  
  padding: 5% 0 5% 0;
  width: 100%;
  height: 100%;
}

.quehacemos-responsive{
  display: none;
}


@media (max-width: 560px){

.quehacemos{
   display: none;
}

.quehacemos-responsive{
   display: initial;
   width: 100%;
  height: 100%;
      padding: 10% 5% 10% 5%;
}

}

.texto-nosotros{
  font-family: 'Rubik';
  font-weight: 500;
  line-height: 1.4;
  width: 74%;
  color: #ffffff;
  text-align: center;
  margin: 0 auto;
  font-size: 2.8rem;
  padding-bottom: 2rem;
}

.barra{
  width: 10%;
  height: 1rem;
  margin: 0 auto;

}

.contenedor-privacidad-seguridad-charizard{
 
  text-align: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: stretch;
  width: 60%;
  margin: 0 auto;
    color: #eceded;
    padding-bottom: 4rem;
  }


@media (max-width: 560px){

.contenedor-privacidad-seguridad-charizard{
   flex-direction: column;

}
 
 .privacidad-seguridad-charizard{
  padding-bottom: 3rem;
 }

  
}

.privacidad-seguridad-charizard{
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: stretch;
  width: 70%;
  background-color: #3c4a55;
}

.icon-funcionamiento{
  width: 100px;
  height: 100px;
}

.titulo-funcionamiento{
  color: #ffffff;
  font-family: 'Rubik';
  font-size: 2rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.texto-funcionamiento{
  font-family: 'Roboto';
  font-size: 14px;
  color: #fffff;
  width: 15em;
}

/*----carousel----*/

.carousel-content {
    text-align: center;
    display:flex;
    align-items:center;
}

#text-carousel {
    margin-bottom: 5rem;
    margin-top: 5rem;
  width: 100%;
  height: auto;
  padding: 50px;
}


















.clientes{
  display: flex;
  width: 40rem;
  height: 20rem;
}

@media (max-width: 1450px){

.clientes{
  width: 23rem;
  height: 23rem;
      margin: 0 auto;
}

}

@media (max-width: 1150px){

.clientes{
  width: 18rem;
  height: 18rem;
      margin: 0 auto;
}

}

@media (max-width: 900px){

.contenedor-clientes{
  flex-direction: column;

}

}

.foto{
  background-image: url(../imagenes/fondo-cine.jpg);
  height:  50rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: stretch;
}

.nombre-secciones.blanco{
  
}

.contenedor-contacto{

width: 60%;
margin: 0 auto;
 

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: baseline;
  align-content: stretch;
 
}


.contacto{
     padding-top: 1rem;
  border-top: 4px solid #ffffff;
      margin-left: 2rem ;
   font-family: 'Roboto';
  font-size: 18px;
  color: #ffffff;
  text-align: left;
  width: 45%;
}

.contacto2{
  font-family: 'Roboto';
  font-size: 1.4rem; 
  line-height:10px;
  color: #ffff;
}

@media (max-width: 990px){

.contenedor-contacto{
  width: 80% !important;

}

}

@media (max-width: 720px){

.contenedor-contacto{
  width: 100% !important;

}

}

@media (max-width: 500px){

.contenedor-contacto{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  align-content: stretch;

}

.contacto{
  margin-top: 2rem;
}

}


.appcelulares{

  width: 100%;
  height: 100%;
}


@media (max-width: 1000px){

.appcelulares{

  display: none;
}

}