@charset "UTF-8";

/* CSS Document */

	
.logoInk{
	width:100px;
	float:left;
	}

.cont1979{
	width:50%;
	margin:0 25% auto;
	}	
	
/**/



@media screen and (max-width:400px){
	#blackNineteen{
	margin-top:-60vh;
	}
	}	
	
@media screen and (min-width:401px) and (max-width:600px){
	#blackNineteen{
	margin-top:-60vh;}
	}	
		
@media screen and (min-width:601px) and (max-width:1000px){
	#blackNineteen{
	margin-top:-40vh;}}	
	
@media screen and (min-width:1001px){
	
	#blackNineteen{
	margin-top:120px;}}	
		

	
#blackNineteen{	

background-color:#000;
position:absolute;
z-index:100;
/*margin-top:120px;*/
padding-top:20px;
width:100%;

}
.w3-half .reviews{
	margin:0;}
.reviews{
	margin:0 16%;



font-weight:900;
text-transform:uppercase;

	}
	
.reviews h2{
color:#00ffff;
    font-family: 'abel', sans-serif;
    font-style: italic;
	}
.reviews h3{
color:#00ffff;
    font-size:1.3em;font-family: 'abel', sans-serif;
    font-style: italic;
	}
.reviews p{
color:#ffffff;font-family: 'lato', sans-serif;font-size:0.9em;
    font-weight: 100;
    text-transform: none;
	}
	
h1.titleSectionN {
color:#fec900;
/*float:left;*/
margin:40px;
text-transform:uppercase;
font-weight:900;
font-family: 'Lato', sans-serif;
font-size:1.7em;
	}

/*.we-centerh1.titleSectionN {
color:#fec900;
float:none;
text-align:center !important;
margin:40px;
text-transform:uppercase;
font-weight:900;
font-family: 'Lato', sans-serif;
	}*/
	

.screenshots{
	margin:0;
	
	}	
.screenshots .w3-third{
	padding:10px;
	
	}	
.screenshots .w3-third img{
	width:100%;
	
	}	

	
.contDescription{
	margin:0 18%;
	
}	
	
@media screen and (max-width:600px){
	
.textDescription{
	color:#FFF;
	width:100%;
	margin-right:10%;
	float:left;
	font-weight:900;
font-family: 'Lato', sans-serif;
	}
	
.imgsDescription{
	width:100%;
	margin-right:0;
	float:noe;
	margin-top:10px;
	
	}	
	
	
.imgsDescription img{
	max-width:300px;

	
	}	}
	
	
@media screen and (min-width:601px){.textDescription{
	color:#FFF;
	width:100%;
	margin-right:0;
	float:left;
	font-weight:900;
font-family: 'Lato', sans-serif;
	}
	
.imgsDescription{
	width:15%;
	margin-right:5%;
	float:right;
	margin-top:-50px;
	
	}	
	
	
.imgsDescription img{
	max-width:300px;

	
	}	}	

			
	
	.contFeatures{
		margin:0 15%;
		}
.features{

font-family: 'Lato', sans-serif;
font-weight:900;
text-transform:uppercase;
text-align:left;

	}
	
.features h4{
color:#fec900;
font-weight:900;
	}
.features p{
color:#ffffff;
text-transform:none;
	}	
	
	
.fb-page{
	
	}	
@media screen and (max-width:600px){
	
	.divYell{
		display:none;
		}}		
@media screen and (min-width:601px){
	.divYell{
		display:true;
		color:#fec900;
font-size:2em;
vertical-align:central;}}	
	




	.botonesFooterN{
		text-align:center;
		}
	
	.botonesFooterN a{
		color:#fec900;
		font-size:1.4em;
		font-family: 'Lato', sans-serif;
font-weight:900;
text-transform:uppercase;
		
		
		}
.logoYellow{
			width:50%;
			margin:0 25%;text-align:center;
			}		
.logoYellow img{
			width:200px !important;
			}
			
	.logoYellow p{
			color:#fec900;
			
			}		
			
@media screen and (max-width:600px){			
.videoN iframe{
	width:350px;
	height:196px;
	}	
	}
@media screen and (min-width:601px) and (max-width:1000px){		
.videoN iframe{
	width:600px;
	height:337px;
	}	
}		
@media screen and (min-width:1001px){		
.videoN iframe{
	width:800px;
	height:450px;
	}	}	
	
	
.contParallax{
	/*background-image:url(../parallax/8.jpeg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:top;
	*/}	
	
	.parallax{
	/*background-image:url(../parallax/7.jpeg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:top;
	*/
	}	
	
nav#socialsN{
	float:right;

	
	}
nav#socialsN i{
	font-size:18px;
	padding:5px;
	margin:10px 5px;
	}	
		
	.footerN{
		background-color:#fec900;		
		height:45px;
		bottom:0;
		position:fixed;
		z-index:4000;
		width:99.1%;}	
		
.footerN nav{
	width:60%;
	margin: 0 20%;
	text-align:center;
	float:none;
	
	}	
		
.linkDescarga img{
			height:35px;
			margin:5px;
			}
.linkDescarga img:hover{
	opacity:0.8;
	
	margin-top:-10px !important;
			}


#myModal{
	position:absolute;
	/*background-color:rgba(0,0,0,0.6);*/
	width:70%;
    margin: 0 auto;
	padding:0;	
	display:none;}
	
	#myModal img{

width:100%;
        
height:auto;
margin:-20px 0;	}	

@media screen and (max-width:600px){
	#myModal{
display:none;
visibility:hidden;
		}}

#myModal .close{
color:#ffffff;
font-size:2em;	
margin-left:60px;
margin-top:-10px;
z-index:220;
position:absolute;
}




.contPlayable {
    width: 50%;
    margin: 0 auto;
    text-align: center;
}

.contPlayable p{
   color:#00ffff;
    padding: 10px 0;
    font-size: 0.8em;
}

.contPlayable img{
    width: 150px;
   
}

.hardware img{
    max-width: 100px;       
    
}


* {
  box-sizing: border-box;
}


/*----- Laurels Min- mobile------ */
@media screen and (max-width:600px){

    
.rowLaurel{
        margin: 0 16%;
}


    
    .contLaurelsMin{
        display: block;
    }    
    
    .contLaurelsMed{
        display:none;
    }    
    
    .contLaurelsMax{
        display:none;
    }  
    
    
.columnLaurel {
  float: left;
  width:auto;
    max-width:50%;
 height: 120px;

  padding:20px;
      margin:10px auto;
    vertical-align: middle;
   
    }
    
   
    
}
    
/*----- Laurels Med- max 1001px------ */





@media screen and (min-width:601px)and (max-width:1000px){

    
.rowLaurel{
        margin: 0 8%;
}


     .contLaurelsMin{
        display: none;
    }    
    
    .contLaurelsMed{
        display:block;
    }    
    
    .contLaurelsMax{
        display:none;
    }  
    
    
.rowLaurel .columnLaurel {
  float: left;
  width:auto;
 max-width:20%;


  padding:15px 10px;
    }
   
    
.rowLaurelThree{
    margin:0 auto;
    width: 60%;
    text-align: center;
  

}    
.rowLaurelThree .columnLaurel {
  float: left;
  width:33%;

  padding:15px 10px;

    }
    
 .columnLaurel img{
     max-width: 150px;

    
    
    }    
    
}


/*----- Laurels Max- more than 1001px------ */

@media screen and (min-width:1001px){
    

.rowLaurel{
        margin: 0 16%;
}
    
.rowLaurelTwo{
        margin: 0 16%;
}    


    
    
 .contLaurelsMin{
        display: none;
    }    
    
    .contLaurelsMed{
        display:none;
    }    
    
    .contLaurelsMax{
        display:block;
    }  
        

    
    
    .rowLaurel .columnLaurel {
  
 max-width:20%;
      
        
        float: left;
  width:auto;
    max-width:14%;
 height: 120px;

  padding: 15px 20px;
    }
   
    
.rowLaurelTwo{
    margin:0 auto;
    width: 60%;
    text-align: center;
  

}    
.rowLaurelTwo .columnLaurel {
  float: left;
  width:    16.6%;

  padding:15px 20px;

    }
    
 .columnLaurel img{
     max-width: 150px;
     min-width: 85px;

    
    
    } 
    
    
    
    
    
}

/* Clearfix (clear floats) */
.rowLaurel::after {
  content: "";
  clear: both;
  display: table;
}