@charset "UTF-8";

/* For animation transition */
    .reveal {
        position: relative;
        opacity: 0;
        transition: 2s all ease;
    }

    .reveal.active {
        opacity: 1;
    }


/******* INICIO *******/

.logo{
	position: fixed;
	top:3vw;
	left:70px;
	width: 7%;
	-ms-transform: translate3d(0, 0, 0);
  	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 800;
}

.pastilla{
	position: fixed;
	font-size:.7em;
	line-height: 1.3em;
	top:-35px;
	right:70px;
	width: 12%;
	-ms-transform: translate3d(0, 0, 0);
  	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 800;
}

 @keyframes fadeInOut {
            0%, 100% {
                opacity: 0.25; /* Fully invisible */
            }
            40%, 60% {
                opacity: 1; /* Fully visible */
            }
        }

.fading-text {
            animation: fadeInOut 4s infinite; /* 4-second animation, infinite loop */
        }

.rectanglesuph{
	position: fixed;
	top:0px;
	left:50%;
	width: 5%;
	-ms-transform: translate3d(-50%, -35%, 0);
  	-webkit-transform: translate3d(-50%, -35%, 0);
	transform: translate3d(-50%, -35%, 0);
	z-index: 800;
}

.rectangle{
	position: relative;
	top:0px;
	left:50%;
	width: 5%;
	-ms-transform: translate3d(-50%, -60%, 0);
  	-webkit-transform: translate3d(-50%, -60%, 0);
	transform: translate3d(-50%, -60%, 0);
	z-index: 800;
}

.rectangleleftv{
	position: fixed;
	top:50%;
	left:0px;
	width: .9%;
	-ms-transform: translate3d(0, -25%, 0);
  	-webkit-transform: translate3d(0, -25%, 0);
	transform: translate3d(0, -25%, 0);
	z-index: 800;
}

.rectanglerightv{
	position: fixed;
	top:50%;
	right:0px;
	width: .9%;
	-ms-transform: translate3d(0, -25%, 0);
  	-webkit-transform: translate3d(0, -25%, 0);
	transform: translate3d(0, -25%, 0);
	z-index: 800;
}

.thumb {
	position: relative;
	z-index: 0;
	width: 100%;
}

.totalcenter {
    position: absolute;
    top: 50%;
    left: 50%;
	z-index: 500;
    -ms-transform: translate3d(-50%, -60%, 0);
  	-webkit-transform: translate3d(-50%, -60%, 0);
	transform: translate3d(-50%, -60%, 0);
}

.totaltop {
	z-index: 500;
    -ms-transform: translate3d(0, 0, 0);
  	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

html, body {
        height: 100%;
}

/******* MENU *******/

/* GENERAL */

div{margin: 0;padding: 0;}

body {
	background-color:rgba(255,255,255,0.00);
	margin: 0;
	padding: 0;
	font-family: 'bariolregular';
	line-height: 2.4vw;
	font-size: 1.8vw;
	color: rgba(0,0,0,1.00);
}

hr.styled {
	border-top: 0px solid rgba(255, 255, 255, 1.00);
	color: rgba(255, 255, 255, 1.00);
}

.white{
	color:rgba(255,255,255,1.00);
}

.grey{
	color:rgba(135,141,155,1.00);
}

.bggreylight{background-color: rgba(247,247,247,1.00)}

.bggreydark{background-color: rgba(234,234,234,1.00)}

ul, ol, dl {
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0; 
}

p {
	margin: 0px 0 0 0;
}

video {
  width: 100%    !important;
  height: auto   !important;
	margin: 0;
	padding: 0;
}

.squared {
	border: 1px dotted #D0CACA;
	padding: 1% 1% 0% 1%;
}

ul.project{
	list-style-position: inside;
	padding:0px;
	margin-left: 0;
	list-style-image: url("../content/square.svg");
	text-align: left;
}

ul.lesspadding{margin: 0 0 0 -3vw;}

ul.project li{
	padding:0;
	margin: -.5em 0 0 0;
}

.lesspadding{margin: 0 0 0 -3vw;}

.alfa {
    opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
}

/* LINKS */

a img {
	border: none;
}

a:link {
	color: rgba(255,255,255,1.00);
	text-decoration: none; 
}
a:visited {
	color: rgba(255,255,255,1.00);
	text-decoration: none;
}
a:hover, a:active, a:focus { 
	color: rgba(255,255,255,1.00);
	text-decoration: none;
}

a.nigga:link {
	color: rgba(0,0,0,1.00);
	text-decoration: none; 
}
a.nigga:visited {
	color: rgba(0,0,0,1.00);
	text-decoration: none;
}
a.nigga:hover, a:active, a:focus { 
	color: rgba(135,141,155,1.00);
	text-decoration: none;
}


.black {
	color: #000;
}

/* FONTS TYPE & ALIGN */

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

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

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

strong{
	font-family:bariolbold;
}

em{
	font-family:bariolitalic;
}


h1 {
	font-family: 'bariolbold';
	font-size:3em;
	margin-top:0px;
	margin-bottom:0px;
	text-transform: uppercase;
}

h2 {
	font-family: 'bariolregular';
	font-size:4em;
	line-height: .9em;
	font-weight: 400;
	color: rgba(0,0,0,1.00);
	margin-top:0px;
	margin-bottom:0px;
}

h3 {
	font-family: 'bariolregular';
	font-size:2.8em;
	line-height: 1.1em;
	font-weight: 400;
	color: rgba(0,0,0,1.00);
	margin-top:0px;
	margin-bottom:0px;
}

.lilfontpunto8{
	font-size:.8em;
	line-height: 1.8em;
}

.lilfontpunto7{
	font-size:.7em;
	line-height: 1.3em;
}

.lilfontpunto6{
	font-size:.6em;
}

.lilfontpunto5{
	font-size:.5em;
}

.bigfontcollaborate{
	font-size:1em;
}

.bigfont15{
	font-size:1.5em;
}

.bigfont16{
	font-size:1.6em;
}

.bigfont18{
	font-size:1.8em;
	line-height: 1em;
}

.bigfont20{
	font-size:2em;
}

.bigfont30{
	font-size:3em;
}

.bigfont50{
	font-size:5em;
}

.bigfont60{
	font-size:6em;
}

.bigfont90{
	font-size:9em;
}

.kerning{
	letter-spacing: -1px;
}

.versalita{
	font-style:italic;	
}

.centertext{
	text-align:center;
}

.righttext{
	text-align:right;
}

.lefttext{
	text-align:left;
}

.justified{
	text-align: justify;
}

/* FLOATING */

.floatleft{
	float:left;
}

.floatright{
	float:right;
}

.clear{
	clear:both;
}

.centered{
	margin:0 auto;
}

/* WIDTHS */

.amplio05{
	width: 5%;
}

.amplio10{
	width: 10%;
}

.amplio14{
	width: 14%;
}

.amplio15{
	width: 15%;
}

.amplio19{
	width: 19.8%;
}

.amplio20{
	width: 20%;
}

.amplio21{
	width: 21%;
}

.amplio24{
	width: 24.8%;
}

.amplio25{
	width: 25%;
}

.amplio28{
	width: 28%;
}

.amplio30{
	width: 30%;
}

.amplio35{
	width: 35%;
}

.amplio33{
	width: 33%;
}

.amplio333{
	width: 33.333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333334%;
}

.amplio40{
	width: 40%;
}

.amplio45{
	width: 45%;
}

.amplio498{
	width: 49.8%;
}

.amplio50{
	width: 50%;
}

.amplio505{
	width: 50.2%;
}

.amplio55{
	width: 58%;
}

.amplio60{
	width: 60%;
}

.amplio66{
	width: 66.6666666666666666666666666666666666666666667%;
}

.amplio70{
	width: 70%;
}

.amplio75{
	width: 75%;
}

.amplio80{
	width: 80%;
}

.amplio85{
	width: 85%;
}

.amplio90{
	width: 90%;
}

.amplio95{
	width: 95%;
}

.amplio100{
	width: 100%;
}

/* TOPPS & BOTTOMS */

.topped10 {
	margin-top:10px;
}

.topped15 {
	margin-top:15px;
}

.topped20 {
	margin-top:20px;
}

.topped25 {
	margin-top:25px;
}

.topped30 {
	margin-top:30px;
}

.topped40 {
	margin-top:40px;
}

.topped50 {
	margin-top:50px;
}

.topped60 {
	margin-top:60px;
}

.topped70 {
	margin-top:70px;
}

.topped80 {
	margin-top:80px;
}

.topped90 {
	margin-top:90px;
}

.topped100 {
	margin-top:100px;
}

.topped120 {
	margin-top:120px;
}

.topped150 {
	margin-top:150px;
}

.topped200 {
	margin-top:200px;
}

.topped250 {
	margin-top:250px;
}

.lesstopped05 {
	margin-top:-5px;
}

.lesstopped10 {
	margin-top:-10px;
}

.lesstopped20 {
	margin-top:-20px;
}

.lesstopped25 {
	margin-top:-25px;
}

.lesstopped30 {
	margin-top:-30px;
}

.lesstopped34 {
	margin-top:-34px;
}

.lesstopped40 {
	margin-top:-40px;
}

.lesstopped45 {
	margin-top:-45px;
}

.lesstopped50 {
	margin-top:-50px;
}

.lesstopped60 {
	margin-top:-60px;
}

.lesstopped85 {
	margin-top:-85px;
}

.bottomed05 {
	margin-bottom:3px;
}

.bottomed10 {
	margin-bottom:10px;
}

.bottomed20 {
	margin-bottom:20px;
}

.bottomed30 {
	margin-bottom:30px;
}

.bottomed40 {
	margin-bottom:40px;
}

.bottomed50 {
	margin-bottom:50px;
}

.bottomed60 {
	margin-bottom:60px;
}

.bottomed70 {
	margin-bottom:60px;
}

.bottomed80 {
	margin-bottom:60px;
}

.bottomed90 {
	margin-bottom:60px;
}

.bottomed100 {
	margin-bottom:100px;
}

.bottomed150 {
	margin-bottom:150px;
}

.bottomed170 {
	margin-bottom:170px;
}

.bottomed200 {
	margin-bottom:200px;
}

.bottomed250 {
	margin-bottom:200px;
}

.lessbottomed10 {
	margin-bottom:-10px;
}

.lessbottomed20 {
	margin-bottom:-20px;
}

.lessbottomedvideo {
	margin-bottom:-2.7vw;
}

.bottomedicon {
	margin-bottom: 1.5vw;
}

/* TABBS */

.tabbedsevencols{
	margin-left:.333333333333333334%;
}

.tabbedcincocols{
	margin-left:.25%;
}

.tabbedcuatrocolswide{
	margin-left:5.3333333333333334%;
}

.tabbedcuatrocols{
	margin-left:.2666666666666667%;
}

.tabbedtrescolswide{
	margin-left:8%;
}

.tabbedtrescols{
	margin-left:.5%;
}

.tabbedleft{
	margin-left:2%;
}

.tabbedname{
	margin-left:2.5%;
}

.tabbedlessname{
	margin-left:-2.5%;
}

.roundsquared {
	background-color: rgba(35,0,199,1.00);
	padding:2% 2% 2% 2%;
	-moz-border-radius: 500px;
	-webkit-border-radius: 500px;
	border-radius: 500px; /* future proofing */
	-khtml-border-radius: 0px; /* for old Konqueror browsers */
}

@media screen and (max-width: 1180px) {
	body {
		line-height: 1.8vw;
		font-size: 1.4vw;
	}
	
	ul.lesspadding{margin: 0 0 0 0;}

	.lesspadding{margin: 0 0 0 0;}
	
	h3 {font-size:2.5em;}
	
	.pastilla{
		position: fixed;
		font-size:1em;
		line-height: 1.5em;
		top:-25px;
		right:70px;
		width: 15%;
		-ms-transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		z-index: 800;
	}
	
	 .reveal {
        position: relative;
        opacity: 1;
        transition: .5s all ease;
    }

}