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

}


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

}


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

}

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

}


body {

	padding:0;
	margin: 0 auto;
	font-family: 'quicksandregular', Arial, sans-serif;
	font-size: 1.875vw;
	line-height: 2.7vw;
	font-weight: 100;
	/*color: #333333;*/
	color: #585743;
	width: 100%;
}

.absolute {
	position: absolute;
	top: 6.25vw;
}

.container {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: auto;
	margin: auto;
	margin-bottom: 0;
	padding-bottom: 0;
}

nav.top {
	position: absolute;
	display: block;
	padding-top: 2.34375vw;
	z-index: 1;
	width: 100%;
	height: 4.6875vw;
	margin: 0;
}

#home-button {
	position: absolute;
	z-index: 2;
	left: 3.90625vw;
	display: inline;
	text-align: left;
	padding-left: 2.34375vw;
	background: url("img/gnbranco.svg") no-repeat left center;
	background-size: 1.71875vw;
	font-family: 'quicksandbold';
	font-weight: 100;
}

#home-button2 {
	position: absolute;
	z-index: 2;
	left: 3.90625vw;
	display: inline;
	text-align: left;
	padding-left: 2.34375vw;
	background: url("img/gn.svg") no-repeat left center;
	background-size: 1.71875vw;
	font-family: 'quicksandbold';
	font-weight: 100;
	/*color: #585743;*/
	color: #333333;
}

#buttons {
	position: absolute;
	z-index: 2;
	display: none;
	right: 7.8125vw;
	text-align: right;
	
}
	
#buttons a {
	margin-right: 3.90625vw;
	padding-left: 1.171875vw;
	background: url("img/bolamenu.svg") no-repeat left center;
	background-size: 0.78125vw;
	font-family: 'quicksandbold';
	font-weight: 100;
	/*color: #585743;*/
	color: #333333;
	
}

#buttons a:hover {
	background-image: url('img/bolamenu_over.svg');
	background-size: 0.78125vw;
}

#open-close {
	position: absolute;
	z-index: 2;
	right: 3.90625vw;
	width: 2.34375vw;
	height: 2.34375vw;
	margin: 0;
	background: url('img/mais.svg') no-repeat center center;
	background-size: 2.34375vw;
}

#open-close2 {
	position: absolute;
	z-index: 2;
	right: 3.90625vw;
	width: 2.34375vw;
	height: 2.34375vw;
	margin: 0;
	background: url('img/maisblack.svg') no-repeat center center;	
	background-size: 2.34375vw;
}

nav.top a {
	color: #fafafa;
}

a {
	text-decoration: none;
	/*color: #585743;
	color: #333333;*/
	color: #585743;
	
}


.artwork > header {
	position: relative;
	margin: auto;
	padding-bottom: 5%;
}

.artwork > header img {
	width: 100%;
}

.artwork > header h1 {
	position: absolute;
	width: 80%;
	left: 10%;
	padding: 0;
	font-family: 'quicksandbold';
	text-align: center;
	/*font-size: 110px;*/
	font-size: 9vw;
	line-height: 7.5vw;
	bottom: 21%;
	color: #fafafa;
	font-weight: 100;
}

.artwork > header .left-arrow {
	position: absolute;
	top: 45%;
	left: 3.90625vw;
	width: 3.046875vw;
	height: 4.921875vw;
	background: url("img/setaesq.svg") no-repeat center center;
	background-size: contain;
}

.artwork > header .left-arrow:hover {
	background-image: url("img/setaesq_over.svg");
}

.artwork > header .right-arrow {
	position: absolute;
	top: 45%;
	right: 3.90625vw;
	width: 3.046875vw;
	height: 4.921875vw;
	background: url("img/setadir.svg") no-repeat center center;
	background-size: contain;
}

.artwork > header .right-arrow:hover {
	background-image: url("img/setadir_over.svg");
}

.artwork > header .scroll-down {
	position: absolute;
	bottom: 18%;
	left: 50%;
}

.artwork > header .scroll-down a {
	position: absolute;
	height: 5.4vw;
	width: 5.4vw;
	left: -2.65625vw;
	bottom: 0;
	background: url("img/scrolldown.svg") no-repeat center center;
	background-size: contain;
}

.artwork > header .scroll-down a:hover {
	background-image: url("img/scrolldown_over.svg");
}

.intro * {
	margin: 0 auto;
}

.intro h2 { 
	font-size: 3.125vw; 
	font-family: 'quicksandbold'; 
	/*color: #585858;
	color: #818982;959480*/
	color: #585858;
    width: 82%;
	text-align: center;
	line-height: 4.2vw;
	padding-bottom: 8%;
	padding-top: 1%;
	font-weight: 100; 
}

.open-quotes {
	position: relative;
	top: 0.3125vw;
	background: url("img/aspaesq.svg") no-repeat left;
	background-size: 3.4375vw;
	padding-left: 4.21875vw;
	width: 3.4375vw;
}

.close-quotes {
	position: relative;
	top: 0.46875vw;
	background: url("img/aspadir.svg") no-repeat right;
	background-size: 5.234375vw;
	padding-left: 6.015625vw;
	width: 5.234375vw;
}

.intro p { 
	font-size: 2.1875vw;
	font-family: 'quicksandregular'; 
	line-height: 3.4vw;
	text-align: center;
	width: 78%;
	padding-bottom: 4%;
	}
		
	
object.video {
	width: 100vw;
    height: 56vw;
	padding-top: 3%;
	padding-bottom: 3%;
}

object.videoscratch {
	width: 100vw;
    height: 75vw;
	padding-top: 3%;
	padding-bottom: 3%;
}

.project-sound {
	position: absolute;
	width: 1280px;
    height: 800px;
}


#project-sound {
	position: relative;
	width: 100vw;
    height: 62vw;
    margin-bottom: 10%;
}

.view {
	position: relative;
	width: 100vw;
	height: 100vh;
	margin-bottom: 5.5%;
}

object.image {
	width: 100vw;
    height: 56vw;
   	padding-top: 3%;
	padding-bottom: 3%;
}


object.storyboard {
	width: 100vw;
    height: 72vw;
   	padding-top: 3%;
	padding-bottom: 3%;
}

a.try {
	display: block;
	background: url("img/trynow.svg") no-repeat center center;
	background-size: contain;
	width: 13.125vw;
    height: 4.53125vw;
	margin-left: -12.1875vw;
	padding-bottom: 6%;
	/*padding-top: 3%;*/
}

a.try:hover {
	background: url("img/trynowb.svg") no-repeat center center;
	background-size: contain;
}

a.try2 {
	display: block;
	background: url("img/tryhere.svg") no-repeat center center;
	background-size: contain;
	width: 13.125vw;
    height: 4.53125vw;
	margin-left: -12.1875vw;
	margin-top:  10%;
	margin-bottom: 4%;
}

a.try2:hover {
	background: url("img/tryhereb.svg") no-repeat center center;
	background-size: contain;


}

.indent { margin-left: 18%; }

.indent p { 
	margin-top: 0.78125vw;
	margin-right: 8%; 
	/*padding-bottom: 1.98vw;*/
}

.center {
	width: 100%;
	text-align: center;
	margin: 0;
	/*margin-top: 20px;
	margin-bottom: 20px;*/
 }

.center p {
	margin-top: 0.78125vw;
}

.small { 
	font-size: 1.40625vw; 
	line-height: 1.875vw; 
	width: auto;
	margin-left: 3.90625vw;
	margin-right: 3.90625vw;
	margin-bottom: 8%;
}

.description h2 {
	width: 45%;
	margin-left: -12.1875vw;
	font-size: 4.84375vw;
	line-height: 5.625vw;
	/*color: #585858;
	color: #818982;*/
	color: #959480;
	font-weight: 200;
	margin-bottom: 0;
	padding-top: 0;
	padding-left: 14.53125vw;
	background: url("img/titulo.svg") no-repeat left 1.09375vw;
	background-size: 13.4375vw;
}


.description h4 {
	font-size: 3.046875vw;
	font-family: 'quicksandbold';
	font-weight: 100;
	margin-top: 1.5625vw;
	margin-left: -0.46875vw;
	/*color: #585858;
	color: #818982;aab2ab*/
	/*color: #959480;*/
	/*color: #b7b9a6;*/
	color: #959480;
	padding-left: 2.8125vw;
	background: url("img/bola_titulo.svg") no-repeat left 0.7031vw;
	background-size: 1.71875vw;
}

.description > p {
	margin: auto;
	width: 85%;
	font-size: 1.875vw;
	line-height: 2.9vw;
	margin-top: 5.46875vw;
	padding-bottom: 7%;
	font-weight: 100;
	text-align: center;
}

p.important {
	margin-top: -3.90625vw;
	margin-bottom: 0;
}

h3 {
	font-size: 3.75vw;
	font-weight: 100;
	/*color: #585858;color: #aab2ab;9aa39b*/
	/*color: #585858;color: #818982;*/
	/*color: #7d6e4a;
	color: #b7b9a6;*/
	/*color: #959480;*/
	/*color: #9aa39b;a8ac95 #959480 #a8ac95*/
	color: #959480;
	line-height: 3.4375vw;
	text-transform: uppercase;
	padding-left: 2.34375vw;
	padding-bottom: 0;
	margin-bottom: 0;
	background: url("img/subtitulo.svg") no-repeat left center;
	background-size: 1.25vw;
	margin-top: 8%;
}

.description dl {
	margin-top: 0.78125vw;
	/*padding-bottom: 1.953125vw;
	font-size: 1.875vw;
	line-height: 2.8125vw;*/
}

.description dt {
	float: left;
	margin-right: 0.78125vw;
	font-family: 'quicksandbold';
	font-weight: 100;

}

/*
.description dt:after {
	content: " :";
	padding-top: 0;
 }*/

 ul.none {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	margin-top: 0.78125vw;
	line-height: 3.28125vw;
	padding-bottom: 1.953125vw;
 }
 
 ul.bullet {
	list-style-type: none;
	background: url("img/bola_titulo.svg") no-repeat left center;
	background-size: 1.71875vw;
	padding-left: 2.8125vw;
	margin-left: -0.46875vw;
	margin-top: 0.78125vw;
	margin-bottom: 4.6875vw;	
 }
 
ul.links {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	margin-top: 0.78125vw;
	line-height: 3.28125vw;
	padding-bottom: 0;
	
} 

.description a {
	text-decoration:underline;
	text-decoration-color: #585743;
	font-family: 'quicksandbold';
	font-weight: 100;
	/*color: #585743;*/
}

.description a:hover {
	text-decoration:none;
	/*text-decoration-color: #959480;*/
	color: #959480;
}

 .exhibition h1 {
	font-size: 4.453125vw;
	font-family: 'quicksandbold';
	font-weight: 100;
	line-height: 4.6875vw;
	margin: 0;
	padding-top: 5%;
	padding-bottom: 1.5625vw;
 }

.exhibition p {
	padding-bottom: 4%;
 }
 
 .images {
	 padding-top: 3%;
	 width: 100%;
 }
 
 .one-third { width: 30%; /*margin: 0 3% 0 3%;*/ }
 
 .two-third { width: 61%;  /*margin: 0 3% 0 3%;*/ }
 
 .half { width: 45%;  /*margin: 0 3% 0 3%;*/ }
 
 .one-third2 {
	 width: 18%; 
	 margin: 3% 5% 3% 5%;
}

.two-third2 { 
	width: 61%;	 
	margin: 5% 0 5% 0;
}

 footer {
	 position: relative;
	 /*background-color: #585743;*/
	 color: #fafafa;
	 padding-bottom: 7.8125vw;
}

p.mail {
	margin-top: 0;
	margin-bottom: 4.296875vw;
}

p.mail a {
	/*color: #aab2ab;*/
	/*color: #a8ac95;*/
	color: #959480;
	font-family: 'quicksandbold';
	font-weight: 100;
	font-size: 2.5vw;
}

p.mail a:hover {
	text-decoration:underline;
	color: #fafafa;
}

footer p {
	font-size: 1.8vw;
	line-height: 4.21875vw;
	font-weight: bold;
	/*margin: 20px 0 0 0;*/
	margin: 0;
	margin-top: 1.5625vw;
}

footer h3 {
	color: #fafafa;
	background-image: url("img/bola_subtitulo_branca.svg");
	background-size: 1.25vw;
}


footer ul {
	 list-style-type: none;
	 margin: 2.34375vw 0 2.34375vw 0;
	 padding: 0;

}

footer ul img {
	width: 3.59375vw;	
}

footer ul li {
	 display: inline;
	 padding 0;
	 margin: 0 0.390625vw 0 0.390625vw;
}


footer .scroll-up {
	position: relative;
	left: 50%;
}

footer .scroll-up a {
	position: absolute;
	left: -2.65625vw;
	height: 5.3125vw;
	width: 5.3125vw;
	background-image: url("img/scrollup.svg");
	background-size: contain;
}

footer .scroll-up a:hover {
	background-image: url("img/scrollup_over.svg");
	background-size: contain;
}

.gn p {
	margin-bottom: 1.5625vw;
	font-size: 1.5625vw;
	font-weight: 100;
	font-family: 'quicksandlight';
}

.artworks {
	margin-top: 0;
	padding-top: 6.25vw;
 }
 
 .artworks div {
	 margin-top: 3.90625vw;
 }
 
 .artworks a {
	 display: inline-block;
	 width: 20vw;
	 height: 18vw;
	 margin: 4vw 4vw 4vw 4vw;
}

.artworks a * {
	 display: block;
	 margin: auto;
}

.artworks a *:hover {
	opacity: 0.55;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}

.artworks img {
	height: 9vw;
	
	
}

.artworks img:hover {
	opacity: 0.55;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}


.artworks a b {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.25vw;
	line-height: 1.5625vw;
	margin-top: 3.125vw;
}

.artworks a p {
	font-size: 1.171875vw;
}

.statement { margin-left: 18%; }

.statement p { 
		margin-top: 0.78125vw;
		padding-bottom: 1.953125vw;
		width: 80%;
		font-size: 3.125vw;
		line-height: 4.0625vw;
		font-family: 'quicksandbold';
		font-weight: 100; 
		text-align: center;
}
 
p.artist {
	font-size: 2.1875vw;
	line-height: 3.4vw;
	/*color: #959480;*/
	color: #585743;
 }
 
p.artist b {
	font-family: 'quicksandbold';
	font-weight: 100;
}

span {
	font-family: 'quicksandbold';
	font-weight: 100;
}

 ul.bullet2 {
	list-style-type: none;
	background: url("img/bola_subtitulo.svg") no-repeat left center;
	background-size: 1.25vw;
	padding-left:  2.5vw;
	margin-left: 0;
	margin-top: 0.78125vw;
	margin-bottom: 0.78125vw;
	font-family: 'quicksandbold';
	font-weight: 100;
	color: #959480;	
 }