*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html { 
	overflow-y: scroll;
}

a 				{-webkit-transition: all .10s ease-in-out;
			    	-moz-transition: all .10s ease-in-out;
						 transition: all .10s ease-in-out; }


/* ---- maintenance ---- */
.maintenance {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 950px;
  padding-bottom: 140px;
}

.maintenance h3 {
	text-align: center;
	font-size: 30px;
	font-family: 'Archivo', sans-serif;
	color: #000000;
	letter-spacing: 2px;
	line-height: 35px;
}

.maintenance span {
	font-family: 'Archivo Black', sans-serif;
	font-size: 30px;
	color: #000000;
	text-align: center;
	letter-spacing: 2px;
	line-height: 35px;
}

.maintenance img {
	display: block;
	margin-left: auto;
 	margin-right: auto;
	padding-top: 40px;
	width: 200px;
}

/* ---- header ---- */

header {
	height: 215px;
}

#faixa-logo-index {
	background-image: url(../img/faixa/faixa-logo.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #ffffff;
	width: 100%;
	height: 50px;
}

#faixa-about-index {
	background-image: url(../img/faixa/faixa-about-index.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #000000;
	width: 100%;
	height: 50px;
}

/* ---- footer ---- */

footer {
	padding-top: 50px;
}

#faixa-social-index {
	background-image: url(../img/faixa/faixa-social-index.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #000000;
	width: 100%;
	height: 50px;
}

#faixa-contact-index {
	background-image: url(../img/faixa/faixa-contact-index.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #ffffff;
	width: 100%;
	height: 50px;
}

/* ---- grid ---- */

.grid {
  	width: 100%;
  	max-width: 1200px;
  	margin: 0 auto; 
}

/* clear fix */
.grid:after {
  	content: '';
  	display: block;
  	clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.grid-item {
	width: 33.3%;
}

.grid-item {
	float: left;
 	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 60px;
}

.grid-item img {
  	display: block;
  	max-width: 100%;
}

/* ---- about ---- */

#faixa-logo {
	background-image: url(../img/faixa/faixa-logo.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #9500ff;
	width: 100%;
	height: 50px;
}

#faixa-close {
	background-image: url(../img/faixa/faixa-close.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #ed9fb9;
	width: 100%;
	height: 50px;
}

#faixa-lutadores {
	background-image: url(../img/faixa/faixa-lutadores.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #ed9fb9;
	width: 100%;
	height: 50px;
}

#content-two {
	width: 100%
	max-width: 1200px;
	margin: 0 auto;
	padding-left: 100px;
	padding-right: 100px;
	padding-top: 80px;
	padding-bottom: 80px;
	text-align: center;
}

#content-two h3 {
	font-family: 'Archivo Black', sans-serif;
	font-size: 67px;
	color: #000000;
	letter-spacing: 2px;
}

#content-two span {
	font-family: 'Archivo', sans-serif;
	font-size: 67px;
	color: #000000;
	text-align: center;
	letter-spacing: 2px;
}

#content-two a:link {
    text-decoration: none;
    color: #000000;
}

#content-two a:visited {
    text-decoration: none;
    color: #000000;
}

#content-two a:hover {
    text-decoration: line-through;
    color: #000000;
}

#content-two a:active {
    text-decoration: none;
    color: #000000;
}

#frame-print-content {
	text-align: center;
}

#frame-print {
	vertical-align: middle;
	display: inline-block;
	width: 430px;
	border-style: solid;
    border-width: 3px;
    border-color: #9500ff;
    padding-top: 20px;
    padding-bottom: 25px;
    margin-left: 70px;
    margin-right: 70px;
    margin-top: 20px;
    margin-bottom: 20px;
}

#frame-print h1 {
	font-family: 'Archivo Black', sans-serif;
	text-align: center;
	font-size: 30px;
	letter-spacing: 1px;
	color: #000000;
}

#frame-print h2 {
	font-family: 'Archivo', sans-serif;
	text-align: center;
	font-size: 25px;
	line-height: 35px;
	letter-spacing: 1px;
	color: #000000;
}


/* ---- SOCIAL ---- */

#social {
	width: 100%
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
	padding-top: 60px;
	padding-bottom: 60px;
}

#social h3 {
	margin: 0;
	font-family: 'Archivo Black', sans-serif;
	font-size: 55px;
	color: #000000;
	letter-spacing: 2px;
}

#social span {
	font-family: 'Archivo', sans-serif;
	font-size: 55px;
	color: #000000;
	text-align: center;
	letter-spacing: 2px;
}

#social a:link {
    text-decoration: none;
    color: #000000;
}

#social a:visited {
    text-decoration: none;
    color: #000000;
}

#social a:hover {
    text-decoration: line-through;
    color: #000000;
}

#social a:active {
    text-decoration: none;
    color: #000000;
}

.line-separator{
	width: 100%;
	height: 3px;
	background: #9500ff;
}

/* ---- grid ---- */

.grid.image {
  	width: 100%;
  	max-width: 1200px;
  	margin: 0 auto; 
}

/* clear fix */
.grid-image:after {
  	content: '';
  	display: block;
  	clear: both;
}

.grid-sizer-image,
.grid-item-image {
	width: 100%;
}

.grid-item-image {
	float: left;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.grid-item-image img {
  	display: block;
  	max-width: 100%;
}

.grid-item-image-txt {
	max-width: 1000px;
 	padding-left: 100px;
	padding-right: 100px;
}

.grid-item-image-txt p {
	font-family: 'Archivo', sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: #000000;
	line-height: 35px;
}


/* ---- PROJECT NAME ---- */

#sentence h1 {
	font-family: 'Archivo', sans-serif;
	font-weight: 400;
	font-size: 30px;
	color: #000000;
	letter-spacing: 1px;
	padding-top: 30px;
	padding-left: 100px;
}

#title h5 {
	font-family: 'Archivo Black', sans-serif;
	font-size: 110px;
	color: #000000;
	padding-top: 200px;
	padding-left: 100px;
	padding-right: 100px;
	padding-bottom: 50px;
	letter-spacing: -1px;
}

/* ---- PROJECTS INFO ---- */

.info-content {
	width: 100%
	max-width: 1200px;
	margin: 0 auto;
	padding-left: 100px;
	padding-right: 100px;
	padding-top: 80px;
	padding-bottom: 80px;
	text-align: center;
}

.info-content h3 {
	padding-top: 70px;
	padding-bottom: 100px;
	font-family: 'Archivo', sans-serif;
	font-size: 67px;
	color: #000000;
	letter-spacing: 2px;
}

.info-content span {
	font-family: 'Archivo Black', sans-serif;
	font-size: 67px;
	color: #000000;
	text-align: center;
	letter-spacing: 2px;
}

.info-content p {
	font-family: 'Archivo', sans-serif;
	font-size: 30px;
	line-height: 40px;
	color: #000000;
}

.info-content a:link {
    text-decoration: none;
    color: #000000;
}

.info-content a:visited {
    text-decoration: none;
    color: #000000;
}

.info-content a:hover {
    text-decoration: line-through;
    color: #000000;
}

.info-content a:active {
    text-decoration: none;
    color: #000000;
}

.credits {
	width: 100%
	max-width: 1200px;
	margin: 0 auto;
	padding-bottom: 100px;
	text-align: center;
}

.credits h1 {
	font-family: 'Archivo Black', sans-serif;
	font-size: 20px;
	color: #000000;
}

.credits p {
	font-family: 'Archivo Black', sans-serif;
	font-size: 20px;
	color: #000000;
}

.credits span {
	font-family: 'Archivo', sans-serif;
	font-weight: 400;
	font-size: 20px;
	color: #000000;
}

/* ---- BLOG ---- */

.info-blog {
	width: 100%
	max-width: 1200px;
	margin: 0 auto;
	padding-left: 100px;
	padding-right: 100px;
	padding-top: 80px;
	padding-bottom: 80px;
	text-align: left;
}


.info-blog h5 {
	font-family: 'Archivo', sans-serif;
	font-size: 30px;
	line-height: 40px;
	color: #000000;
}

.info-blog p {
	font-family: 'Archivo', sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	color: #000000;
	padding-top: 5px;
}

.info-blog h6 {
	font-family: 'Archivo Black', sans-serif;
	font-size: 30px;
	line-height: 40px;
	color: #000000;
	text-align: center;
	padding-top: 80px;
	padding-bottom: 80px;
}
.grid-image h6 {
	font-family: 'Archivo', sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 20px;
	color: #000000;
	text-align: center;
}

.info-blog a:link {
    text-decoration: underline;
    color: #000000;
}

.info-blog a:visited {
    text-decoration: none;
    color: #000000;
}

.info-blog a:hover {
    text-decoration: none;
    color: #000000;
}

.info-blog a:active {
    text-decoration: none;
    color: #000000;
}

/* -------------------------- MODIFICAÇÕES -------------------------- */

/* ---- ETHICS ---- */

.blog {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,ffffff+100 */
background: #e5e5e5; /* Old browsers */
background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e5e5e5 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e5e5e5 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#faixa-top-blog {
	background-image: url(../img/faixa/faixa-back-project-blog.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #ffffff;
	width: 100%;
	height: 50px;
}


#faixa-close-project-blog {
	background-image: url(../img/faixa/faixa-close-project.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #2A2324;
	width: 100%;
	height: 50px;
}

#faixa-back-home-blog {
	background-image: url(../img/faixa/faixa-back-home.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #2A2324;
	width: 100%;
	height: 50px;
}

/* ---- BARKYN ---- */

.barkyn {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7372e9+0,ffffff+100 */
background: #7372e9; /* Old browsers */
background: -moz-linear-gradient(top, #7372e9 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #7372e9 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #7372e9 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7372e9', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#faixa-top-barkyn {
	background-image: url(../img/faixa/faixa-back-project-barkyn.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #ffffff;
	width: 100%;
	height: 50px;
}


#faixa-close-project-barkyn {
	background-image: url(../img/faixa/faixa-close-project.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #7372e9;
	width: 100%;
	height: 50px;
}

#faixa-back-home-barkyn {
	background-image: url(../img/faixa/faixa-back-home.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #7372e9;
	width: 100%;
	height: 50px;
}

/* ---- LADO ESQUERDO ---- */

.lado {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00865f+0,ffffff+100 */
background: #00865f; /* Old browsers */
background: -moz-linear-gradient(top, #00865f 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #00865f 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #00865f 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00865f', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#faixa-top-lado {
	background-image: url(../img/faixa/faixa-back-project-lado.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #ffffff;
	width: 100%;
	height: 50px;
}


#faixa-close-project-lado {
	background-image: url(../img/faixa/faixa-close-project.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #00865f;
	width: 100%;
	height: 50px;
}

#faixa-back-home-lado {
	background-image: url(../img/faixa/faixa-back-home.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #00865f;
	width: 100%;
	height: 50px;
}

/* ---- MUUV ---- */

.muuv {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#66d1b2+0,ffffff+100 */
background: #66d1b2; /* Old browsers */
background: -moz-linear-gradient(top, #66d1b2 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #66d1b2 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #66d1b2 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66d1b2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#faixa-top-muuv {
	background-image: url(../img/faixa/faixa-back-project-muuv.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #ffffff;
	width: 100%;
	height: 50px;
}


#faixa-close-project-muuv {
	background-image: url(../img/faixa/faixa-close-project.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #66d1b2;
	width: 100%;
	height: 50px;
}

#faixa-back-home-muuv {
	background-image: url(../img/faixa/faixa-back-home.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #66d1b2;
	width: 100%;
	height: 50px;
}

/* ---- QUINTA DELLAS ---- */

.quinta {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ee8054+0,ffffff+100 */
background: #ee8054; /* Old browsers */
background: -moz-linear-gradient(top, #ee8054 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ee8054 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ee8054 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee8054', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#faixa-top-quinta {
	background-image: url(../img/faixa/faixa-back-project-quinta.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #ffffff;
	width: 100%;
	height: 50px;
}


#faixa-close-project-quinta {
	background-image: url(../img/faixa/faixa-close-project.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #ee8054;
	width: 100%;
	height: 50px;
}

#faixa-back-home-quinta {
	background-image: url(../img/faixa/faixa-back-home.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #ee8054;
	width: 100%;
	height: 50px;
}

/* ---- FLEA MARKET ---- */

.flea {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ed6c57+0,ffffff+100 */
background: #ed6c57; /* Old browsers */
background: -moz-linear-gradient(top, #ed6c57 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ed6c57 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ed6c57 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed6c57', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#faixa-top-flea {
	background-image: url(../img/faixa/faixa-back-project-flea.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #ffffff;
	width: 100%;
	height: 50px;
}


#faixa-close-project-flea {
	background-image: url(../img/faixa/faixa-close-project.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #ed6c57;
	width: 100%;
	height: 50px;
}

#faixa-back-home-flea {
	background-image: url(../img/faixa/faixa-back-home.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #ed6c57;
	width: 100%;
	height: 50px;
}

/* ---- VINGANCA ---- */

.vinganca {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d4be8a+0,ffffff+100 */
background: #d4be8a; /* Old browsers */
background: -moz-linear-gradient(top, #d4be8a 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #d4be8a 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #d4be8a 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4be8a', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#faixa-top-vinganca {
	background-image: url(../img/faixa/faixa-back-project-vinganca.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #ffffff;
	width: 100%;
	height: 50px;
}


#faixa-close-project-vinganca {
	background-image: url(../img/faixa/faixa-close-project.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #d4be8a;
	width: 100%;
	height: 50px;
}

#faixa-back-home-vinganca {
	background-image: url(../img/faixa/faixa-back-home.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #d4be8a;
	width: 100%;
	height: 50px;
}

/* ---- LUTO ---- */

.luto {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#693d3b+0,ffffff+100 */
background: #693d3b; /* Old browsers */
background: -moz-linear-gradient(top, #693d3b 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #693d3b 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #693d3b 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#693d3b', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#faixa-top-luto {
	background-image: url(../img/faixa/faixa-back-project-luto.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #ffffff;
	width: 100%;
	height: 50px;
}


#faixa-close-project-luto {
	background-image: url(../img/faixa/faixa-close-project.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #693d3b;
	width: 100%;
	height: 50px;
}

#faixa-back-home-luto {
	background-image: url(../img/faixa/faixa-back-home.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #693d3b;
	width: 100%;
	height: 50px;
}

/* ---- RITA DIAMOND ---- */

.rita {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#90929e+0,ffffff+100 */
background: #90929e; /* Old browsers */
background: -moz-linear-gradient(top, #90929e 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #90929e 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #90929e 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90929e', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#faixa-top-rita {
	background-image: url(../img/faixa/faixa-back-project-rita.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #ffffff;
	width: 100%;
	height: 50px;
}


#faixa-close-project-rita {
	background-image: url(../img/faixa/faixa-close-project.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #90929e;
	width: 100%;
	height: 50px;
}

#faixa-back-home-rita {
	background-image: url(../img/faixa/faixa-back-home.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #90929e;
	width: 100%;
	height: 50px;
}

/* ---- CRUEL ---- */

.cruel {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6a790+0,ffffff+100 */
background: #d6a790; /* Old browsers */
background: -moz-linear-gradient(top, #d6a790 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #d6a790 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #d6a790 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6a790', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#faixa-top-cruel {
	background-image: url(../img/faixa/faixa-back-project-cruel.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #ffffff;
	width: 100%;
	height: 50px;
}


#faixa-close-project-cruel {
	background-image: url(../img/faixa/faixa-close-project.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #d6a790;
	width: 100%;
	height: 50px;
}

#faixa-back-home-cruel {
	background-image: url(../img/faixa/faixa-back-home.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #d6a790;
	width: 100%;
	height: 50px;
}


/* ---- SIRIUS LUNARIS ---- */

.sirius {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c4a0da+0,ffffff+100 */
background: #c4a0da; /* Old browsers */
background: -moz-linear-gradient(top, #c4a0da 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #c4a0da 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #c4a0da 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4a0da', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#faixa-top-sirius {
	background-image: url(../img/faixa/faixa-back-project-sirius.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #ffffff;
	width: 100%;
	height: 50px;
}


#faixa-close-project-sirius {
	background-image: url(../img/faixa/faixa-close-project.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #c4a0da;
	width: 100%;
	height: 50px;
}

#faixa-back-home-sirius {
	background-image: url(../img/faixa/faixa-back-home.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #c4a0da;
	width: 100%;
	height: 50px;
}

/* ---- FRANCISCO FONSECA ---- */

.francisco {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5079e6+0,ffffff+100 */
background: #5079e6; /* Old browsers */
background: -moz-linear-gradient(top, #5079e6 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #5079e6 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #5079e6 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5079e6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#faixa-top-francisco {
	background-image: url(../img/faixa/faixa-back-project-francisco.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #ffffff;
	width: 100%;
	height: 50px;
}


#faixa-close-project-francisco {
	background-image: url(../img/faixa/faixa-close-project.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #5079e6;
	width: 100%;
	height: 50px;
}

#faixa-back-home-francisco {
	background-image: url(../img/faixa/faixa-back-home.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #5079e6;
	width: 100%;
	height: 50px;
}

/* ---- POINT OF SALE ---- */

.point {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2b64f4+0,ffffff+100 */
background: #2b64f4; /* Old browsers */
background: -moz-linear-gradient(top, #2b64f4 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #2b64f4 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #2b64f4 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b64f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#faixa-top-point {
	background-image: url(../img/faixa/faixa-back-project-point.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #ffffff;
	width: 100%;
	height: 50px;
}


#faixa-close-project-point {
	background-image: url(../img/faixa/faixa-close-project.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #2b64f4;
	width: 100%;
	height: 50px;
}

#faixa-back-home-point {
	background-image: url(../img/faixa/faixa-back-home.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #2b64f4;
	width: 100%;
	height: 50px;
}


/* ---- TPR ---- */

.tpr {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#103a2a+0,ffffff+100 */
background: #103a2a; /* Old browsers */
background: -moz-linear-gradient(top, #103a2a 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #103a2a 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #103a2a 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#103a2a', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#faixa-top-tpr {
	background-image: url(../img/faixa/faixa-back-project-tpr.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #ffffff;
	width: 100%;
	height: 50px;
}


#faixa-close-project-tpr {
	background-image: url(../img/faixa/faixa-close-project.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #103a2a;
	width: 100%;
	height: 50px;
}

#faixa-back-home-tpr {
	background-image: url(../img/faixa/faixa-back-home.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #103a2a;
	width: 100%;
	height: 50px;
}


/* ---- FIT HIIT ---- */

.hiitfit {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5853b+0,ffffff+100 */
background: #f5853b; /* Old browsers */
background: -moz-linear-gradient(top, #f5853b 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f5853b 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f5853b 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5853b', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#faixa-top-hiitfit {
	background-image: url(../img/faixa/faixa-back-project-hiitfit.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #ffffff;
	width: 100%;
	height: 50px;
}


#faixa-close-project-hiitfit {
	background-image: url(../img/faixa/faixa-close-project.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #f5853b;
	width: 100%;
	height: 50px;
}

#faixa-back-home-hiitfit {
	background-image: url(../img/faixa/faixa-back-home.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #f5853b;
	width: 100%;
	height: 50px;
}


/* ---- BIG BULL CROSSFIT ---- */

.bigbull {
background: #f93535;
background: -moz-linear-gradient(top, #f93535 0%, #ffffff 100%);
background: -webkit-linear-gradient(top, #f93535 0%,#ffffff 100%);
background: linear-gradient(to bottom, #f93535 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f93535', endColorstr='#ffffff',GradientType=0 );
}

#faixa-top-bigbull {
	background-image: url(../img/faixa/faixa-back-project-bigbull.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #ffffff;
	width: 100%;
	height: 50px;
}


#faixa-close-project-bigbull {
	background-image: url(../img/faixa/faixa-close-project.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #f93535;
	width: 100%;
	height: 50px;
}

#faixa-back-home-bigbull {
	background-image: url(../img/faixa/faixa-back-home.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #f93535;
	width: 100%;
	height: 50px;
}


/* ---- PENS'ARTE ---- */

.pensarte {
background: -moz-linear-gradient(top, rgba(161,125,63,0.65) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top, rgba(161,125,63,0.65) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(161,125,63,0.65) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6a17d3f', endColorstr='#00000000',GradientType=0 );
}

#faixa-top-pensarte {
	background-image: url(../img/faixa/faixa-back-project-pensarte.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #ffffff;
	width: 100%;
	height: 50px;
}


#faixa-close-project-pensarte {
	background-image: url(../img/faixa/faixa-close-project.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #a17d3f;
	width: 100%;
	height: 50px;
}

#faixa-back-home-pensarte {
	background-image: url(../img/faixa/faixa-back-home.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #a17d3f;
	width: 100%;
	height: 50px;
}


/* ---- BOTECO MEXICANO ---- */

.boteco {
background: rgb(46,153,82);
background: -moz-linear-gradient(top, rgba(46,153,82,1) 0%, rgba(247,221,70,1) 50%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(46,153,82,1) 0%,rgba(247,221,70,1) 50%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(46,153,82,1) 0%,rgba(247,221,70,1) 50%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e9952', endColorstr='#ffffff',GradientType=0 );
}

#faixa-top-boteco {
	background-image: url(../img/faixa/faixa-back-project-boteco.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #ffffff;
	width: 100%;
	height: 50px;
}


#faixa-close-project-boteco {
	background-image: url(../img/faixa/faixa-close-project.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #2e9952;
	width: 100%;
	height: 50px;
}

#faixa-back-home-boteco {
	background-image: url(../img/faixa/faixa-back-home.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #2e9952;
	width: 100%;
	height: 50px;
}

/* ---- BOM REAL ---- */

.bomreal {
background: -moz-linear-gradient(top, rgba(229,191,44,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top, rgba(229,191,44,1) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(229,191,44,1) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5bf2c', endColorstr='#00ffffff',GradientType=0 );
}

#faixa-top-bomreal {
	background-image: url(../img/faixa/faixa-back-project-bomreal.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #ffffff;
	width: 100%;
	height: 50px;
}


#faixa-close-project-bomreal {
	background-image: url(../img/faixa/faixa-close-project.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #e5bf2c;
	width: 100%;
	height: 50px;
}

#faixa-back-home-bomreal {
	background-image: url(../img/faixa/faixa-back-home.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #e5bf2c;
	width: 100%;
	height: 50px;
}

/* ---- PAPERTECH ---- */

.papertech {
background: -moz-linear-gradient(top, rgba(105,141,251,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top, rgba(105,141,251,1) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(105,141,251,1) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#698dfb', endColorstr='#00ffffff',GradientType=0 );
}

#faixa-top-papertech {
	background-image: url(../img/faixa/faixa-back-project-papertech.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #ffffff;
	width: 100%;
	height: 50px;
}


#faixa-close-project-papertech {
	background-image: url(../img/faixa/faixa-close-project.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #698dfb;
	width: 100%;
	height: 50px;
}

#faixa-back-home-papertech {
	background-image: url(../img/faixa/faixa-back-home.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #698dfb;
	width: 100%;
	height: 50px;
}