@charset "UTF-8";
/* CSS Document */

.Neris-Light { 
	font-family: Neris-Light;
	font-weight: normal;
	font-style: normal;
}
.Neris-LightItalic { 
	font-family: Neris-LightItalic;
	font-weight: normal;
	font-style: normal;
}
.Neris-BoldItalic { 
	font-family: Neris-BoldItalic;
	font-weight: normal;
	font-style: normal;
}
.Neris-BlackItalic { 
	font-family: Neris-BlackItalic;
	font-weight: normal;
	font-style: normal;
}
.Neris-SemiBold { 
	font-family: Neris-SemiBold;
	font-weight: normal;
	font-style: normal;
}
.Neris-SemiBoldItalic { 
	font-family: Neris-SemiBoldItalic;
	font-weight: normal;
	font-style: normal;
}
.Neris-Black { 
	font-family: Neris-Black;
	font-weight: normal;
	font-style: normal;
}


body {padding:0;
margin:0;
height:100%;}

.main {margin-top:140px;}

.cbp-af-header {font-family: Neris-SemiBold; 
	font-weight: normal; 
	font-style: normal; }

.cbp-af-header-shrink { border-bottom-color:#999;
border-bottom-style:solid;
border-bottom-width:medium;}


.mobile-header {width:100%;
background:#FFF;
padding-top:10px;
padding-bottom:10px;}

.mobile-header img {width:100%;}

.mobile-header nav a{color:#000;
text-decoration:none;
font-family: Neris-Black;
font-size:0.9em;
padding-left:5px;
padding-right:5px;}


@import url("//fonts.googleapis.com/css?family=Poiret+One|Josefin+Sans");
@import url("//www.weloveiconfonts.com/api/?family=iconicfill");

[class*="iconicfill-"]::before { font-family:"iconicfill", sans-serif; }

html,body {
font-family: Neris-SemiBold; 
	font-weight: normal; 
	font-style: normal; 
font-size:100%;
height:100%;
}

.menu-button h3{text-align: center;
color: #000;
font-family: Neris-Black;
line-height:1em;
font-size:0.8em;
margin-top: 0;
margin:0;
margin-bottom: 0;
padding: 0;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;}


/* Video Overlay */

#overlay {
background-color:rgba(0,0,0,0.0);
height:100%;
left:0;
position:relative;
top:0;
transition:background-color 300ms ease;
width:100%;
}

.fade { background-color:rgba(0,0,0,.85) !important; }


/* Hero Video + Fallback */

#hero-vid {
backface-visibility:hidden;
background:url("videos/ads.jpg") no-repeat scroll 0 0 #000;
background-size:cover;
bottom:0;
height:auto;
min-height:100%;
min-width:100%;
perspective:1000;
position:fixed;
right:0;
width:auto;
z-index:-1;
}



#hero-pic {
display:block;
height:auto;
width:100%;
}


#state {
background-color:rgba(0,0,0,.5);
bottom:0;
cursor:pointer;
font-size:2.25em;
left:0;
padding:0.55em 1.05em 0.35em 1em;
position:absolute;
}


/* Content Styles */

#title {
backface-visibility:hidden;

perspective:1000;
text-align:center;

margin-top:30%;
padding:0;
}

#title h1 {
color:#FFF;
margin:0;
left:0;
font-family: Neris-Black; 
	font-weight: normal; 
	font-style: normal; 
font-size:3em;
text-align:center;
padding-left:0;
}

#title h1 span:after {
  position: absolute;
  content: '';
  width: 10%;
  text-align:center;
  height: 1px;
  border-bottom: 2px solid medium #F00;
  bottom: -2px;
  left: 45%;
}

#content1 {
background-color:#FFF;
padding-top:2em;
position:relative;
z-index:1;
margin-bottom:0;
}



#content2 {
background-color:#FFF;
padding:2em;
position:relative;
z-index:2;
margin-bottom:150px;
}

#content {
background-color:#FFF;
padding:2em;
position:relative;
z-index:1;
}

#beneficios {
background-color:#FFF;
z-index:1;
padding-top:100px;
padding-bottom:100px;
text-align:center;
}

#beneficios p {
font-size:1em;
padding-top:20px;

color:#777;
font-family: Neris-Light; 
	font-weight: normal; 
	font-style: normal; 
}




/* Media Queries */

@media only screen and (max-width:768px) {
    #overlay { height:auto; }
}


/* Visibility Helpers */

@media only screen and (min-width:769px) {
    .visible-mobile,.visible-tablet,.hidden-desktop { display:none !important; }
}

@media only screen and (min-width:480px) and (max-width:768px) {
    .visible-mobile,.hidden-tablet,.visible-desktop { display:none !important; }
}

@media only screen and (max-width:479px) {
    .hidden-mobile,.visible-tablet,.visible-desktop { display:none !important; }
}

.counter, .counter1-1 { font-family: Neris-Black;
	font-weight: normal;
	font-style: normal; 
font-size:3em;
margin:0;
text-align:center;
color:#000;
padding:50px 0 0 0;}


.counter2, .counter2-1 { font-family: Neris-Black; 
	font-weight: normal; 
	font-style: normal; 
font-size:3em;
margin:0;
padding:0;
text-align:center;
color:#000;
padding:50px 0 0 0;}

.counter3, .counter3-1 { font-family: Neris-Black; 
	font-weight: normal; 
	font-style: normal; 
font-size:3em;
padding:0;
margin:0;
text-align:center;
color:#000;
padding:50px 0 0 0;}

.counter3, .counter2, .counter {padding-top:70px;}

span.counter, span.counter1-1 {text-align:center;
display:block;}
span.counter2, span.counter2-1 {text-align:center;
display:block;}
span.counter3, .counter3-1 {text-align:center;
display:block;}

h2 {text-align:center;
color:#F00;
font-family: Neris-Black;
line-height:1em;
letter-spacing:0.02em;
	font-weight: normal; 
	font-style: normal; 
font-size:1.5em;
margin-top:0;
padding:0;
}

h1 {text-align:left;
color:#999;
line-height:40px;
position: relative;
font-family: Neris-SemiBold; 
	font-weight: normal; 
	font-style: normal; 
font-size:2.5em;
margin-top:0;
margin-bottom:20px;
padding:20px 0px;
width:100%;
}


h1 span:after {
  position: absolute;
  content: '';
  width: 10%;
  height: 1px;
  border-bottom: 2px solid #F00;
  bottom: -2px;
  left: 0;
  
}


h3 {text-align:center;
color:#999;
font-family: Neris-Bold; 
	font-weight: normal; 
	font-style: normal; 
font-size:1.7em;
margin-top:0;
padding:0;
}


p {color:#999; letter-spacing:0.02em;
text-align:left;
font-size:1.1em;}

.grid-33 img {width:100%;position:absolute;}

.medidas {text-align:center;
margin-top:50px;}
.medidas img {width:100%;}
.descripcion {color:#999;
text-align:center;
font-family: Neris-Light;}

.descripcion h2 {color:#999;
font-family: Neris-SemiBold;
margin-top:20px;
margin-bottom:10px;
font-size:2em;} 

.descripcion p span:after {
  position: absolute;
  content: '';
  width: 15%;
  height: 1px;
  border-bottom: 2px solid #F00;
  bottom: -2px;
  left: 50%;
  margin-left: -7.5%;}


.descripcion p {color:#999;
text-align:center;
margin-top:0;
padding-bottom:10px;
letter-spacing:0.01em;
font-family: Neris-Light;}

.mupis {margin-top:50px;}

.grid-50-imagen img{width:100%;
margin-top:50px;}

.tablet-grid-50 img{width:100%;
margin-top:50px;}


#galeria {background:#FFF; padding-top:40px;margin-top:250px;
padding-left:5px;
padding-right:5px;}

.galeria img {width:100%; margin-top:10px;
margin-bottom:10px;}


#beneficios i {text-align:center; margin-bottom:20px; color:#F00;}

#beneficios h2 {text-align:center; color:#999; font-family:Neris-Black;font-size:1em; padding:0; margin:0; letter-spacing:0.01em; line-height:20px;}

#beneficios p {text-align:center; color:#999; font-family:Neris-Light; font-size:1em; margin:10px 0 0 0; padding:0; letter-spacing:0.01em; line-height:18px;}


#clientes {width:100%;
background-color:#e8e8e8;
padding-top:20px;
padding-bottom:40px;}

#clientes img {width:100%;}

.scrollToTop{
	width:auto; 
	height:auto;
	padding:0; 
	text-align:center; 
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	margin-top:120px;
	margin-right:20px;
	background-position:right;
	padding:20px 20px;
	border-radius:10px;
	right:0;
	display:none;
	background-color:#F00;
	background-size:100px;
	opacity:0.8;
	z-index:99999;
}

.scrollToTop i {color:#FFF;}
.scrollToTop:hover{
	text-decoration:none;
}



input, textarea { border:thin solid;
 border-bottom-color:#999;
 height:20px;
 font-size:15px;
 color:#543C49;
 border-radius:5px;
 margin-top:0,;
 margin-bottom:15px;
 width:100%;}		
			
	 textarea {height:100px;}		
			
			 .enviar { padding:10px;
font-family: 'Neris-Black';
width:auto;
height:auto;
 font-size:20px;
 border:none;
 color:#FFF;
 border-radius:5px;
 background-color:#F00;
  -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;}
 
  .enviar:hover { background-color:#000;
   -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;}
			
			.contacto  h2 {font-family: 'Neris-Light'; 
font-size:1em;
margin:0 0 20px 0;
letter-spacing:4px;
text-align:center;
color:#543C49;}

.contacto {padding-top:20px;}

.contacto a {text-decoration:none;
}
.contacto a:hover {text-decoration:none;}

.contacto i {color:#F00;}


#footer {width:100%;
background-color:#333;
margin-top:20px;
padding-top:20px;
padding-bottom:20px;}


#footer i {text-align:left;
color:#FFF;
margin-bottom:20px;
margin-top:20px;
}





@media screen and (min-width: 768px) and (max-width: 1024px) {h3 {text-align:center;
color:#999;
font-family: Neris-Black; 
	font-weight: normal; 
	font-style: normal; 
font-size:1.2em;
margin-top:0;
margin-bottom:0;
padding:0;
}

.counter, .counter1-1 { font-family: Neris-Black;
	font-weight: normal;
	font-style: normal; 
font-size:2em;
margin:0;
text-align:center;
color:#000;
padding:50px 0 0 0;}


.counter2, .counter2-1 { font-family: Neris-Black; 
	font-weight: normal; 
	font-style: normal; 
font-size:2em;
margin:0;
padding:0;
text-align:center;
color:#000;
padding:50px 0 0 0;}

.counter3, .counter3-1 { font-family: Neris-Black; 
	font-weight: normal; 
	font-style: normal; 
font-size:2em;
padding:0;
margin:0;
text-align:center;
color:#000;
padding:50px 0 0 0;}

h2 {font-size:1em;}
#galeria {background:#FFF; padding-top:40px;margin-top:100px;
padding-left:0;
padding-right:0;}

.galeria img {width:100%; margin-top:10px;
margin-bottom:10px;}
}


@media screen and (max-width: 767px) {
	h1 {text-align:left;
color:#999;
line-height:40px;
position: relative;
font-family: Neris-SemiBold; 
	font-weight: normal; 
	font-style: normal; 
font-size:2em;
margin-top:0;
margin-bottom:20px;
padding-top:20px;
padding-right:0;
padding-left:0;
width:100%;
}


h1 span:after {
  position: absolute;
  content: '';
  width: 10%;
  height: 1px;
  border-bottom: 2px solid #F00;
  bottom: -2px;
  left: 0;
  
}

.descripcion h2 {color:#999;
font-family: Neris-SemiBold;
margin-top:20px;
margin-bottom:10px;
font-size:0.8em;} 

 p {font-size:0.8em;}
 
 #content2 {
background-color:#FFF;
padding:0;
position:relative;
z-index:2;
margin-bottom:150px;
}

h2 {font-size:1em;}


.counter, .counter1-1 { font-family: Neris-Black;
	font-weight: normal;
	font-style: normal; 
font-size:2em;
margin:0;
text-align:center;
color:#000;
padding:50px 0 0 0;}


.counter2, .counter2-1 { font-family: Neris-Black; 
	font-weight: normal; 
	font-style: normal; 
font-size:2em;
margin:0;
padding:0;
text-align:center;
color:#000;
padding:50px 0 0 0;}

.counter3, .counter3-1 { font-family: Neris-Black; 
	font-weight: normal; 
	font-style: normal; 
font-size:2em;
padding:0;
margin:0;
text-align:center;
color:#000;
padding:50px 0 0 0;}

.counter3, .counter2, .counter {padding-top:50px;}

span.counter, span.counter1-1 {text-align:center;
display:block;}
span.counter2, span.counter2-1 {text-align:center;
display:block;}
span.counter3, .counter3-1 {text-align:center;
display:block;}

h3.tecnologico{text-align:center;
color:#999;
font-family: Neris-Black; 
	font-weight: normal; 
	font-style: normal; 
font-size:1.5em;
margin-top:200px;
margin-bottom:0;
padding:0;
}

h3.juarez{text-align:center;
color:#999;
font-family: Neris-Black; 
	font-weight: normal; 
	font-style: normal; 
font-size:1.5em;
margin-top:200px;
margin-bottom:0;
padding:0;
}


h3 {text-align:center;
color:#999;
font-family: Neris-Black; 
	font-weight: normal; 
	font-style: normal; 
font-size:1.5em;
margin-top:0;
margin-bottom:0;
padding:0;
}

#galeria {background:#FFF; padding-top:40px;margin-top:100px;
padding-left:0;
padding-right:0;}

.galeria img {width:100%; margin-top:10px;
margin-bottom:10px;}



#beneficios {
background-color:#FFF;
z-index:1;
padding-top:50px;
padding-bottom:100px;
text-align:center;
}

#beneficios i{margin-top:50px;}

#beneficios p {
font-size:1em;
padding-top:20px;

color:#777;
font-family: Neris-Light; 
	font-weight: normal; 
	font-style: normal; 
}
}


.mapa {
padding:0;
margin:0;
background:transparent;
position:relative;
width:100%; /* your iframe width */
height:480px; /* your iframe height */
top:0; /* your iframe height */}