@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, embed{
	max-width: 100%;
}

@font-face {
    font-family: 'tgw';
    src: url('font/tgw-webfont.eot');
    src: url('font/tgw-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/tgw-webfont.woff') format('woff'),
         url('font/tgw-webfont.ttf') format('truetype'),
         url('font/tgw-webfont.svg#trump_gothic_westregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'tgem';
    src: url('font/trump_gothic_east_medium-webfont.eot');
    src: url('font/trump_gothic_east_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/trump_gothic_east_medium-webfont.woff') format('woff'),
         url('font/trump_gothic_east_medium-webfont.ttf') format('truetype'),
         url('font/trump_gothic_east_medium-webfont.svg#trump_gothic_east_mediumRg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'rgf';
    src: url('font/roadgeek_f-webfont.eot');
    src: url('font/roadgeek_f-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/roadgeek_f-webfont.woff') format('woff'),
         url('font/roadgeek_f-webfont.ttf') format('truetype'),
         url('font/roadgeek_f-webfont.svg#roadgeek_f-webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family:'avg';
	src: url('font/lte52013.ttf') format('truetype');
	 font-weight: normal;
    font-style: normal;	
	
}

object{
	
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}



/*.docScroller{
	
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  overflow-y: hidden;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: mandatory;
   older spec implementation
  scroll-snap-destination: 0% 100%;
  scroll-snap-points-x: repeat(100%);

}*/

#fixed-nav{
	position:fixed;
	z-index:299;
	width:100%;
	display:none;
	
	margin-bottom:10px;
	border-top:2px solid #3ff47b;
}

#fnav-cont{
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:0 2%;
	margin-top:10px;
}

#fnav-l{
	max-width:150px;
}

#fnav-r{
	display:flex;
	font-family: 'avg', sans-serif;
	width:250px;
	justify-content:space-between;
	text-transform:uppercase;
	letter-spacing:3px;
	font-size:12px;
	
}

.fnav-item{
	
}

nav{
width:100%;	
z-index:300;
font-family: 'avg', sans-serif;
display:flex;
border-top:5px solid #3ff47b;
height:25vh;
min-height:97px;
}

#nav-cont{
width:100%;
/*max-width:1200px;*/
margin: 0% auto;
display:flex;
justify-content:space-between;
flex-flow:wrap;
padding-top:10vh;

}

#logo{

font-size:18px;
letter-spacing:8px;
z-index:351;
position:relative;

}

	
#flag{
	width:50px;
	height:50px;
	
	background:#3ff47b;
	color:#3ff47b;
	
	
	position:fixed;
	top:0;
	display:flex;
	-wekit-display:flex;
	justify-content:center;
	align-items:center;
	z-index:350;
}



/*#flag:hover{
	background:#3ff47b;
	color:#3ff47b;
}*/

#nav-left{
	width:90%;
	margin:0 auto;
	
	}


#nav-right{
	
	width:90%;
	margin:0 auto;
}

#menu-nav{
	
	text-decoration:none;
	display:flex;
	text-transform:uppercase;
	justify-content:space-around;
}

#menu-nav a{
	color:#000;
	text-decoration:none;
	font-weight:300;
	/*-webkit-transition: all .5s ;
  -moz-transition: all .5s;
  -o-transition: all .5s ;
  transition: all .5s;*/
}
#menu-nav a:hover{
	color:#3ff47b;
	text-decoration:none;
	font-weight:300;
}

#top-slogan{
	text-align:center;
	
	padding-top:35%;
	font-family: 'Montserrat', sans-serif;
	color:#fff;
	font-size:35px;
	position:relative;
	z-index:30001;
	text-rendering: optimizeLegibility;	
	text-shadow: 2px 2px 8px #000;
	max-width:800px;
	margin:0 auto;
	
	
}

#int-slogan{
	padding:20px;
	/*border:2px solid;
	border-radius: 25px;*/
}


#slogan-btn{
	width:200px;
	margin:0 auto;
	font-size:16px;
	box-shadow: 2px 2px 8px #666;
	font-family: 'Roboto Condensed', sans-serif;
	background:#c30;
	padding:10px;
	border-radius: 20px;
	text-shadow: none;
	-webkit-transition: .5s; /* Safari */
	-moz-transition: .5s; /* Safari */
    transition:.5s;
	
}

#slogan-btn:hover{
	background:#ffa70f;
	
	
	
}

#top-slogan a{
	text-decoration:none;
	color:#fff;
	padding:10px 30px;
}

#top-slogan a:hover{
	text-decoration:none;
	
	
}

#header-container{
	width:100%;
	height:500px;
	border-left:none;
	border-right:none;
	position:relative;
	padding:0px;
	/*background: rgba(0, 0, 0, 0) url("imagenes/mosringa-bg3.jpg") no-repeat scroll center center / cover ;*/
    display: flex;
    flex-wrap: wrap;
    height: 73vh;
    justify-content: center;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100%;
	align-items:center;
	z-index:351;
}

#header-extension{
height:2vh;	
background:#000;
}

.video-container{
	position: absolute;
	top:0%;
	left:0%;
	height:100%;
	width:100%;
	overflow:hidden;
	/*width:100%;
	height:80vh;
	overflow:hidden;
	position:relative;
	background:url(imagenes/mosringa-bg3.jpg) no-repeat center center;
	background-size:cover;
	display:flex;
	justify-content:center;
	margin:0 auto;
	flex-wrap:wrap;*/
}

#video-overlay{
	position:absolute;
float:left;
    width:100%;
    min-height:100%;
    background:url(imagenes/pattern-overlay.png) repeat;
    z-index:30000;
}


#contacto-container{
	width:100%;
	height:500px;
	border-left:none;
	border-right:none;
	position:relative;
	padding:0px;
	/*background: rgba(0, 0, 0, 0) url("imagenes/mosringa-bg3.jpg") no-repeat scroll center center / cover ;*/
	background:#3ff47b;
    display: flex;
    flex-wrap: wrap;
    height: 82vh;
    justify-content: center;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100%;
	align-items:center;
	z-index:351;
}





#menu-nav li{
	float:left;
	padding-right:5px;
	font-size:14px;
	letter-spacing:3px;
}



#sub-sect1{
width:100%;
float:left;
margin-bottom:90px;
background:#e3;	
}

#top-txt{
width:100%;
max-width:800px;
margin:0 auto;
font-family: 'Montserrat', sans-serif;
color:#C30;
text-align:center;
font-size:24px;
margin-top:80px;
margin-bottom:30px;
	
}

#mid-txt{
width:100%;
max-width:600px;
margin:0 auto;
font-family: 'Roboto', sans-serif;
color:#999;
text-align:left;
font-size:15px;
margin-top:15px;
padding-left:0px;
list-style:none;
font-weight:300;

	
}

#mid-txt li{
padding:1.5%;
padding-bottom:20px;
padding-top:20px;
width:30%;
float:left;

}

#barra-sub{
width:100%;
float:left;	
padding-bottom:5%;
 background:url(imagenes/pattern-overlay.png) repeat;
}

#sub-3cats{
	
width:100%;	
max-width:960px;
margin:0 auto;
margin-top:4%;
margin-bottom:4%;
}

#cat-left{
width:30%;
float:left;
padding:1.6%;
}
#cat-cent{
width:30%;
float:left;	
padding:1.6%;
}
#cat-right{
width:30%;
float:left;	
padding:1.6%;
}

#cat-cent img, #cat-right img, #cat-left img{
	border:1px solid #999;
}

#footer{
width:100%;
float:left;
padding-top:20px;
padding-bottom:20px;
background:#3ff47b;	
display:flex;
justify-content:center;
align-items:center;
}

#ft-tx{
	text-align:right;
	color:#fff;
	font-size:10px;
	
	padding-right:10px;
	font-family:'Montserrat', sans-serif;
}

.ft-tit{
	font-family: "tgw",Arial,Helvetica,sans-serif;
    font-size: 45px;
    letter-spacing: 2px;
    text-transform: uppercase;
	color:#000;

}

.numba{
	float:left;
	margin-top:-5px;
	margin-right:10px;
	height:100px;
	
}

.llama-ahora{
	
}

.numero{
	float:left;
	
	
	font-family: 'Montserrat', sans-serif;
	/*background:#ffa70f;
	height:30px;
	border-radius: 0px 00px 10px 10px;*/
	
	float:right;
	position:absolute;
	right:0;
	top:4px;
	background:#F6F6F6;
	font-size:12px;
	letter-spacing:1px;
	margin-right:10px;
	
}

.numero a{
	color:#000;
	background:#F6F6F6;
	text-decoration:none;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:2px;
	padding-top:2px;
	
	-webkit-transition: all .5s ;
  -moz-transition: all .5s;
  -o-transition: all .5s ;
  transition: all .5s;
	
}

.numero a:hover{
	color:#FFF;
	background:#3ff47b;
	
}


.fa-phone{
float:left;	
margin-left:10px;
margin-right:10px;
color:#fff;
margin-top:6px;
}

#sub-sect-info{
width:100%;
float:left;	
}



#sub-sect-info2{
width:100%;
float:left;	
}

#sub-sect-i-cont{
width:100%;
max-width:960px;
margin:0 auto;	
}

#sub-sect-i2-cont{
width:100%;
max-width:960px;
margin:0 auto;	
height:0px;
}

#ssi-left{
	float:left;
	width:50%;
	padding-left:4%;
}

#ssi-right{
	float:right;
	width:40%;	
}

.ssi-tit{
	font-family: 'Montserrat', sans-serif;
	font-size:25px;
	color:#C30;
	padding-bottom:30px;
	padding-top:30px;
}

.ssi-txt{
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	color:#666;
	padding-bottom:10px;
}

#ssi-list li{
	list-style:none;
	padding-top:10px;
	padding-bottom:10px;
}

#ssi-list{
	margin-left:0px;
	padding-left:0px;
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	color:#666;
	
}

#sub-sect-serv{
width:100%;
float:left;	
}

#sub-sect-s-cont{
width:100%;
max-width:960px;
margin:0 auto;	

}

#sss-card{
background:#ececec;	
border-radius: 25px 25px 25px 25px;
padding:3% 5%;
width:20%;
float:left;
margin:1.6%;
}

#sss-left{
	float:left;
	width:100%;
	
}

#sss-right{
	
}

.sss-tit{
	font-family: 'Montserrat', sans-serif;
	font-size:25px;
	color:#555;
	padding-bottom:30px;
	padding-top:15px;
}

.sss-txt{
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	color:#555;
	padding-bottom:10px;
}

#sss-list li{
	/*list-style:none;*/
	padding-top:10px;
	padding-bottom:10px;
}

#sss-list{
	margin-left:0px;
	padding-left:0px;
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	color:#555;
	list-style:square;
	
}

#container-ub{

max-width:960px;
margin:0 auto;
padding-left:4%;	
}

#btn-info-int{
	border-radius: 10px 10px 10px 10px;
	width:150px;
	text-align:center;
	background:#ffa70f;
	padding:15px;
	color:#fff;
	text-transform:uppercase;
	margin-top:50px;
	letter-spacing:1px;
}

#btn-info-int a{
text-decoration:none;
color:#fff;	
}

#btn-serv{
	border-radius: 10px 10px 10px 10px;
	width:80%;
	text-align:center;
	background:#999;
	padding:15px;
	color:#fff;
	text-transform:uppercase;
	margin-top:20px;
	letter-spacing:1px;
	margin-bottom:20px;
}

#btn-serv a{
	text-decoration:none;
	color:#fff;
}


#serv-header{
	font-family: 'Montserrat', sans-serif;
	color:#c30;
	font-size:30px;
	max-width:800px;
	margin:0 auto;
	margin-top:50px;
	margin-bottom:50px;
	text-align:center;
}

#sub-contact{
	width:100%;
	float:left;
}

#contact-cont{
padding:3%;
max-width:860px;
margin:0 auto;	
}

#contact-header{
	font-family: 'Montserrat', sans-serif;
	color:#999;
	font-size:20px;
	max-width:960px;
	margin:0 auto;
	margin-top:50px;
	margin-bottom:50px;
	text-align:center;
}

#contact-left{
	width:30%;
	float:left;
}

.contact-st{
	font-family: 'Montserrat', sans-serif;
	color:#c30;
	font-size:22px;
}

#contact-datos-list, #contact-datos-list2{
	padding-left:0px;
	margin-left:0px;
	font-family: 'Roboto', sans-serif;
color:#999;
font-size:20px;
font-weight:300;
}

#contact-datos-list li, #contact-datos-list2 li{
	list-style:none;
	margin-top:10px;
}
/*temporal*/
#contact-datos-list2{
display:none;	
}

#contact-right{
	width:70%;
	float:left;
}

.break{
height:50px;
float:left;
width:100%;	
}

#contact-cont .fa{
margin-right:10px;	
color:#ffa70f;
}

#nos-header{
	font-family: 'Montserrat', sans-serif;
	color:#c30;
	font-size:30px;
	max-width:800px;
	margin:0 auto;
	margin-top:50px;
	margin-bottom:50px;
	text-align:center;
}

#sub-nos{
	width:100%;
	float:left;
}

#nos-cont{
padding:3%;
max-width:960px;
margin:0 auto;	
}

.nos-txt{
	font-family: 'Roboto', sans-serif;
color:#666;
font-size:17px;
font-weight:300;
margin-bottom:20px;
line-height:28px;

}

#top-imash{
width:100%;	
max-height:500px;
overflow:hidden;
}

#sss-card .fa{
	color:#ffa70f;
}

.zztt{
font-size:18px;
font-weight:500;	
}

.zztx{
font-size:15px;
font-weight:300;	
}

.infospace{
	position:relative;
	z-index:500;	
}


#barra-x, #barra-y, #barra-x1, #barra-x2, #barra-j, #barra-b, #barra-moon{
	
	float:left;
	width:100%;
}

#movil,#footer{
	float:left;
	width:100%;
	
}

#barra-lm{
	float:left;
	width:100%;
}

#lm-container{
	width:100%;
	height:80vh;
	overflow:hidden;
	position:relative;
	/*background:url(imagenes/noisy-txt3.png) repeat #eee;
	background:url(imagenes/compu-cosme.jpg) no-repeat center center;*/
	background:url(imagenes/logos_y_marks_x1.jpg) repeat center center;
	background-size:contain;
	justify-content:center;
	display:flex;
	align-items:center;
}


.barra-gen{
	float:left;
	width:100%;
}

.gen-container{
	width:100%;
	height:80vh;
	overflow:hidden;
	position:relative;
	justify-content:center;
	display:flex;
	align-items:center;
	
}

.cont-gen{
	align-items: center;
    background: #000 none repeat scroll 0 0;
    color: #fff;
    display: flex;
    height: 20vh;
    width: 100%;
}

#moringa-container{
	background:url(imagenes/moringa.jpg) repeat center center;
	background-size:cover;
}

#corre-container{
	background:url(imagenes/dynamo-cards.jpg) repeat center center;
	background-size:cover;
}

#moon-container{
	width:100%;
	height:80vh;
	overflow:hidden;
	position:relative;
	
	background:url(imagenes/moonwalker-set.jpg) no-repeat center center;
	background-size:cover;
	justify-content:center;
	display:flex;
	align-items:center;
}

#movil-container{
	/*width:100%;
	min-height:100vh;
	overflow:hidden;*/
	min-height:7200px;
	
}

#barra-rkt{
	float:left;
	width:100%;
}

#rkt-container{
	width:100%;
	height:80vh;
	overflow:hidden;
	position:relative;
	/*background:url(imagenes/noisy-txt3.png) repeat #eee;
	background:url(imagenes/compu-cosme.jpg) no-repeat center center;*/
	background:url(imagenes/rkt-static.jpg) no-repeat center center;
	
	display:flex;
	align-items:center;
}

#j-container{
	height:80vh;
	display:flex;
	justify-content:center;
	align-items:center;
	overflow:hidden;
	/*background:url(imagenes/bg-tsuki.jpg) no-repeat center center;*/
		
}

#b-container{
	height:80vh;
	display:flex;
	justify-content:center;
	align-items:center;
	overflow:hidden;
	background:url(imagenes/B-studio4.jpg) no-repeat center center;
	background-size:cover;
		
}

#gran-container{
	height:80vh;
	display:flex;
	justify-content:center;
	align-items:center;
	overflow:hidden;
	background:url(imagenes/gran-M-long-alt2.jpg) no-repeat center center;
	background-size:cover;
		
}

.jimg{
	max-width:1500px;
	margin:0 auto;
	text-align:center;
}

.barra-nx{
	float:left;
	width:100%;
}

#cont-x, #barra-y, #barra-x1, #barra-x2{
	background: #000 none repeat scroll 0 0;
    color: #fff;
    width: 100%;
}

#x-container{
	height:80vh;
	overflow:hidden;
	text-align:center;
	background:url(imagenes/zed-box-bg.jpg) no-repeat center center;
	background-color:#000;
	
}



#cont-y{
	align-items: center;
    background: #000 none repeat scroll 0 0;
    color: #fff;
    display: flex;
    height: 20vh;
    width: 100%;
}


#cont-x{
	width:100%;
	background:#000;
	color:#fff;
	display:flex;
	align-items:center;
	height:20vh;
	
}

#cont-j, #cont-b{
	width:100%;
	background:#000;
	color:#fff;
	display:flex;
	align-items:center;
	height:20vh;
	
}

#cont-lm{
	width:100%;
	background:#000;
	color:#fff;
	display:flex;
	align-items:center;
	height:20vh;
	
}

#cont-moon{
	width:100%;
	background:#000;
	color:#fff;
	display:flex;
	align-items:center;
	height:20vh;
	
}

#y-container{
	height:80vh;
	overflow:hidden;
	/*background:url(isometric-setup3.jpg) center center no-repeat;*/
	background:url(imagenes/tablesports.jpg) center center no-repeat;
	background-size:100% auto;
	background-size: cover;
}

#x1-container{
	background-color:#fff;
}
#x2-container{
	background-color:#fff;
}

.video-container2{
	position: absolute;
	top:900px;
	left:0%;
	height:100%;
	width:100%;
	overflow:hidden;
}

.cubo-color{
	width:25%;
	height:200px;
	float:left;
	
}

.azul{
	background:#36C;
	-webkit-transition: all .5s ;
  -moz-transition: all .5s;
  -o-transition: all .5s ;
  transition: all .5s;
}

.azul:hover{
	background:#036;
}

.verde{
	background:#6C6;
	-webkit-transition: all .5s ;
  -moz-transition: all .5s;
  -o-transition: all .5s ;
  transition: all .5s;
}

.verde:hover{
	background:#366;
}

.ama{
	background:#FF6;
	-webkit-transition: all .5s ;
  -moz-transition: all .5s;
  -o-transition: all .5s ;
  transition: all .5s;
}
.ama:hover{
	background:#F63;
}

.naranj{
	background:#F30;
	-webkit-transition: all .5s ;
  -moz-transition: all .5s;
  -o-transition: all .5s ;
  transition: all .5s;
}

.naranj:hover{
	background:#600;
	height:
}

#ano2016{
	position:absolute;
	text-align:center;
	top:0;
	z-index:-100;
	width:100%;
	
}

#ano-cont{
	width:100%;
	margin:0 auto;
	margin-top:140px;
}



/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	
	
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#barra-next{
	width:100%;
	float:left;
}

#barra-z{
	width:100%;
	float:left
}

#barra-c, #barra-p, #barra-m{
	width:100%;
	float:left
}

#cont-c{
	width:100%;
	background:#000;
	color:#fff;
	display:flex;
	align-items:center;
	height:20vh;
}


#cont-z{
	width:100%;
	background:#000;
	color:#fff;
	display:flex;
	align-items:center;
	height:20vh;
	
}

#z-container{
	width:100%;
	height:80vh;
	overflow:hidden;
	position:relative;
	background:url(imagenes/Local_mezcal_PANO_h1100px-b.jpg) no-repeat center center;
	/*background-size:cover;*/
	background-size:cover;
	background-position:45% 70%;
	
	display:flex;
	justify-content:center;
	align-items:center;
}

.cont-nx{
	width:100%;
	background:#000;
	color:#fff;
	display:flex;
	align-items:center;
	height:20vh;
	
}

#cont-x2{
color:#000;
width:100%;
	background:#fff;
	
	display:flex;
	align-items:center;
	height:20vh;	
}

#nx-container{
	width:100%;
	height:80vh;
	overflow:hidden;
	position:relative;
	background:url(imagenes/paint-dabs.jpg) no-repeat center center;
	/*background-size:cover;*/
	background-size:cover;
	
	
	display:flex;
	justify-content:center;
	align-items:center;
}

#nx2-container{
	width:100%;
	height:80vh;
	overflow:hidden;
	position:relative;
	background:url(imagenes/Melt-thin_hiRes_blue-darx.jpg) no-repeat center center;
	/*background-size:cover;*/
	background-size:cover;
	
	
	display:flex;
	justify-content:center;
	align-items:center;
}

#c-container{
	width:100%;
	height:80vh;
	overflow:hidden;
	position:relative;
	/*background:url(imagenes/noisy-txt3.png) repeat #eee;
	background:url(imagenes/compu-cosme.jpg) no-repeat center center;*/
	background:url(imagenes/cosme-compu-static.jpg) no-repeat center center;
	
	display:flex;
	align-items:center;
}

#c-screen{
	width:80%;
	max-width:1100px;
	margin:0 auto;
	max-height:60vh;
	margin-top:5%;
}

#cont-p{
	width:100%;
	background:#000;
	color:#fff;
	display:flex;
	align-items:center;
	height:20vh;
	
}

#p-container{
	width:85%;
	height:80vh;
	/*overflow:hidden;*/
	position:relative;
	background:#FFF;
	background-size:cover;
	display:flex;
	
	justify-content:center;
	
	max-width:1100px;
	margin:0 auto;
	flex-wrap:wrap;
	
	
}

#p-container{
	align-items:center;
}

.poster{
	flex:0 0 30%;
	margin:1.5%;
}

#cont-m{
	width:100%;
	background:#000;
	color:#fff;
	display:flex;
	align-items:center;
	height:20vh;
	
}

#m-container{
	width:100%;
	height:80vh;
	overflow:hidden;
	position:relative;
	background:url(imagenes/mosringa-bg3.jpg) no-repeat center center;
	background-size:cover;
	display:flex;
	/*justify-content:center;*/
	justify-content:flex-start;
	margin:0 auto;
	flex-wrap:wrap;
	/*align-items:center;*/
}

.m-item{
	width:45%;
	max-width:400px;
	min-width:350px;
	margin:0 auto;
	z-index:300;
	text-align:center;
}

.m-txx{
	background:#3ff47b;
	font-size:60px;
	text-align:left;
	z-index:600;
	font-family: "rgf",Arial,Helvetica,sans-serif;
    font-size: 13px;
    letter-spacing: 3px;
    text-transform: uppercase;
	padding:10px;
	
}

#contacto-cont{
max-width:100vw;
display:block;
z-index:901;	
}


h3{
	
	
	text-align:left;
	z-index:600;
	font-family: "rgf",Arial,Helvetica,sans-serif;
    font-size: 13px;
    letter-spacing: 0px;
    text-transform:uppercase;
	padding:10px;
	font-weight: 300;
  font-size:2em;
  
  margin-bottom: 40px;
  color: #fff;
	
}

h3 .lineo{ 
  /*background-color: rgba(39, 243, 106); */
  background:#FFF;
  color:#000;
  padding: 0 20px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  line-height: 1.6em;
}



h1 {
  font-weight: 800;
  font-size: 5em;
  line-height: 1.35em;
  margin-bottom: 40px;
  color: #fff;
}



h3 .lineo2{ 
  background-color: #FFF;
  color:#000; 
  padding: 0 20px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  font-size:15px;
  font-weight:300;
  -webkit-text-stroke: none;
  line-height: 25px;
}



.titulos{
	
	margin:0 auto;
	/*padding:5%;*/
	margin-left:10%;
}

.boton-nxt{
	font-family:"tgw", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:15px;
	float:right;
	margin-right:10%;
	width:10%;
	
	text-align:center;
	color:#fff;
	background:#000;
}

.boton-nxt a{
	padding:5%;
	border:1px solid #fff;
	
	color:#fff;
	text-decoration:none;
}

.boton-nxt a:visited{
	
	color:#fff;
}

.z-cat{
	/*font-family:"tgw", Arial, Helvetica, sans-serif;*/
	font-family:"rgf", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:3px;
	font-size:13px;
}

.z-tit{
	/*font-family:"rgf", Arial, Helvetica, sans-serif;*/
	font-family:"tgw", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:45px;
}

#pentaloop{
	width:520px;
	height:500px;
	
	background:url(penta-gold.gif) no-repeat;
	background-position:center center;
	background-size:80%;
	margin:0 auto;
}

#pentaloop:hover{
	width:520px;
	height:500px;
	
	background:url(pentaloop.gif) no-repeat;
	background-position:center center;
	background-size:80%;
	margin:0 auto;
}

#vid2-cont{
float:left;
width:100%;	
}

.mov-item{
	text-align:center;	
}



/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#top-slogan{
	text-align:center;
	
	padding-top:8%;
	font-family: 'Montserrat', sans-serif;
	color:#fff;
	font-size:35px;
	position:relative;
	z-index:30001;
	text-rendering: optimizeLegibility;	
	text-shadow: 2px 2px 8px #000;
	max-width:800px;
	margin:0 auto;
	
	
}

#ano-cont{
	width:100%;
	margin:0 auto;
	margin-top:18%;
}

#nav-cont{
padding:0% auto;
padding-top:6vh;
}

#logo{
	
font-size:18px;
letter-spacing:8px;
max-width:300px;
margin:0 auto;


}

#nav-left{
	
	
	width:90%;
	
	}


#nav-right{
	
	width:50%;
	
}

#menu-nav li{
	padding-top:0px;
}

#menu-nav{
	
	
	justify-content:space-around;
}

nav{
width:100%;	
z-index:300;
font-family: 'avg', sans-serif;
display:flex;
border-top:5px solid #3ff47b;
height:18vh;
min-height:97px;
}

#nav-cont{
width:100%;

margin: 0% auto;
display:flex;
justify-content:space-between;
flex-flow:wrap;
padding-top:6vh;

}

#header-container{
	width:100%;
	height:500px;
	border-left:none;
	border-right:none;
	position:relative;
	padding:0px;
	/*background: rgba(0, 0, 0, 0) url("imagenes/mosringa-bg3.jpg") no-repeat scroll center center / cover ;*/
    display: flex;
    flex-wrap: wrap;
    height: 80vh;
    justify-content: center;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100%;
	align-items:center;
	z-index:351;
}

#header-extension{
height:2vh;	
background:#000;
}

#contacto-cont{
width:85vw;
display:block;
z-index:901;	
}

h3{
	
	
	
  font-size: 3em;
  
	
}

h3 .lineo2{ 
  
  line-height: 12px;
}



}

/* Desktop Layout: 769px to a ORIGINAL ES MIN-WIDTH 769max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 759px) {
.gridContainer {
	width: 100%;
	/*max-width: 1232px;*/
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#ano-cont{
	width:100%;
	margin:0 auto;
	margin-top:70px;
}

#nav-cont{
padding:0% auto;
padding-top:0%;

}

#menu-nav{
	
	text-decoration:none;
	display:flex;
	text-transform:uppercase;
	justify-content:flex-end;
}

#nav-left{
	padding-top:12vh;
	width:33%;
	}
	
#logo{
	

margin:0;
}

#nav-right{
	
	width:30%;
	padding-top:12vh;
}

#menu-nav li{
	padding-top:13px;
}

li.linker{
	padding-right:40px !important;
}

h3{
	
	
  font-size: 4em;
  
	
}

}