body.cursor { cursor: url(../images/cursor.png), auto !important; }
a { cursor: url(../images/pointinghand.png), auto !important; }
.grained { pointer-events: none; z-index: 1000; display: none; }
#grained::before { background-image: url(../images/gained.png); position: absolute; content: ""; height: 300%; width: 300%; left: -100%; top: -100%; -webkit-animation-name: grained; -moz-animation-name: grained; animation-name: grained; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-timing-function: steps(20, end); -moz-animation-timing-function: steps(20, end); animation-timing-function: steps(20, end); }
.grained:before { position: fixed !important; pointer-events: none; top: 0; left: 0; bottom: 0; right: 0; z-index: 1000; height: 100vh; width: 100vw; }
@-webkit-keyframes grained {
	0% { -webkit-transform: translate(-10%, 10%) }
	10% { -webkit-transform: translate(-25%, 0%) }
	20% { -webkit-transform: translate(-30%, 10%) }
	30% { -webkit-transform: translate(-30%, 30%) }
	40% { -webkit-transform: translate() }
	50% { -webkit-transform: translate(-15%, 10%) }
	60% { -webkit-transform: translate(-20%, 20%) }
	70% { -webkit-transform: translate(-5%, 20%) }
	80% { -webkit-transform: translate(-25%, 5%) }
	90% { -webkit-transform: translate(-30%, 25%) }
	100% { -webkit-transform: translate(-10%, 10%) }
}
@-o-animation-keyframes grained {
	0% { -o-animation-transform: translate(-10%, 10%) }
	10% { -o-animation-transform: translate(-25%, 0%) }
	20% { -o-animation-transform: translate(-30%, 10%) }
	30% { -o-animation-transform: translate(-30%, 30%) }
	40% { -o-animation-transform: translate() }
	50% { -o-animation-transform: translate(-15%, 10%) }
	60% { -o-animation-transform: translate(-20%, 20%) }
	70% { -o-animation-transform: translate(-5%, 20%) }
	80% { -o-animation-transform: translate(-25%, 5%) }
	90% { -o-animation-transform: translate(-30%, 25%) }
	100% { -o-animation-transform: translate(-10%, 10%) }
}
@-moz-keyframes grained {
	0% { -moz-transform: translate(-10%, 10%) }
	10% { -moz-transform: translate(-25%, 0%) }
	20% { -moz-transform: translate(-30%, 10%) }
	30% { -moz-transform: translate(-30%, 30%) }
	40% { -moz-transform: translate() }
	50% { -moz-transform: translate(-15%, 10%) }
	60% { -moz-transform: translate(-20%, 20%) }
	70% { -moz-transform: translate(-5%, 20%) }
	80% { -moz-transform: translate(-25%, 5%) }
	90% { -moz-transform: translate(-30%, 25%) }
	100% { -moz-transform: translate(-10%, 10%) }
}
@keyframes grained {
	0% { -webkit-transform: translate(-10%, 10%); -moz-transform: translate(-10%, 10%); transform: translate(-10%, 10%) }
	10% { -webkit-transform: translate(-25%, 0%); -moz-transform: translate(-25%, 0%); transform: translate(-25%, 0%) }
	20% { -webkit-transform: translate(-30%, 10%); -moz-transform: translate(-30%, 10%); transform: translate(-30%, 10%) }
	30% { -webkit-transform: translate(-30%, 30%); -moz-transform: translate(-30%, 30%); transform: translate(-30%, 30%) }
	40% { -webkit-transform: translate(); -moz-transform: translate(); transform: translate() }
	50% { -webkit-transform: translate(-15%, 10%); -moz-transform: translate(-15%, 10%); transform: translate(-15%, 10%) }
	60% { -webkit-transform: translate(-20%, 20%); -moz-transform: translate(-20%, 20%); transform: translate(-20%, 20%) }
	70% { -webkit-transform: translate(-5%, 20%); -moz-transform: translate(-5%, 20%); transform: translate(-5%, 20%) }
	80% { -webkit-transform: translate(-25%, 5%); -moz-transform: translate(-25%, 5%); transform: translate(-25%, 5%) }
	90% { -webkit-transform: translate(-30%, 25%); -moz-transform: translate(-30%, 25%); transform: translate(-30%, 25%) }
	100% { -webkit-transform: translate(-10%, 10%); -moz-transform: translate(-10%, 10%); transform: translate(-10%, 10%) }
}
.container-full { opacity: 0; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
@-webkit-keyframes flicker {
	0% { opacity: 0.20219 }
	5% { opacity: 0.78324 }
	10% { opacity: 0.50422 }
	15% { opacity: 0.52407 }
	20% { opacity: 0.8819 }
	25% { opacity: 0.48316 }
	30% { opacity: 0.25176 }
	35% { opacity: 0.8827 }
	40% { opacity: 0.40933 }
	45% { opacity: 0.37424 }
	50% { opacity: 0.70732 }
	55% { opacity: 0.98635 }
	60% { opacity: 0.30069 }
	65% { opacity: 0.17694 }
	70% { opacity: 0.36621 }
	75% { opacity: 0.71441 }
	80% { opacity: 0.70956 }
	85% { opacity: 0.56423 }
	90% { opacity: 0.49707 }
	95% { opacity: 0.86186 }
	100% { opacity: 0.09159 }
}
@-moz-keyframes flicker {
	0% { opacity: 0.20219 }
	5% { opacity: 0.78324 }
	10% { opacity: 0.50422 }
	15% { opacity: 0.52407 }
	20% { opacity: 0.8819 }
	25% { opacity: 0.48316 }
	30% { opacity: 0.25176 }
	35% { opacity: 0.8827 }
	40% { opacity: 0.40933 }
	45% { opacity: 0.37424 }
	50% { opacity: 0.70732 }
	55% { opacity: 0.98635 }
	60% { opacity: 0.30069 }
	65% { opacity: 0.17694 }
	70% { opacity: 0.36621 }
	75% { opacity: 0.71441 }
	80% { opacity: 0.70956 }
	85% { opacity: 0.56423 }
	90% { opacity: 0.49707 }
	95% { opacity: 0.86186 }
	100% { opacity: 0.09159 }
}
@keyframes flicker {
	0% { opacity: 0.20219 }
	5% { opacity: 0.78324 }
	10% { opacity: 0.50422 }
	15% { opacity: 0.52407 }
	20% { opacity: 0.8819 }
	25% { opacity: 0.48316 }
	30% { opacity: 0.25176 }
	35% { opacity: 0.8827 }
	40% { opacity: 0.40933 }
	45% { opacity: 0.37424 }
	50% { opacity: 0.70732 }
	55% { opacity: 0.98635 }
	60% { opacity: 0.30069 }
	65% { opacity: 0.17694 }
	70% { opacity: 0.36621 }
	75% { opacity: 0.71441 }
	80% { opacity: 0.70956 }
	85% { opacity: 0.56423 }
	90% { opacity: 0.49707 }
	95% { opacity: 0.86186 }
	100% { opacity: 0.09159 }
}
.tubetv { background-image: -moz-radial-gradient(center, farthest-corner, transparent 80%, rgba(0, 0, 0, 0.2) 100%); background-image: radial-gradient(farthest-corner at center, transparent 80%, rgba(0, 0, 0, 0.2) 100%); z-index: 999; position: fixed; height: 100vh; width: 100vw; pointer-events: none; display: none; }
.tubetv::after { -webkit-animation: flicker 5s infinite; -moz-animation: flicker 5s infinite; animation: flicker 5s infinite; content: " "; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(18, 16, 16, 0.1); opacity: 0; z-index: 2; pointer-events: none; }
.load { z-index: 9999; text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; position: fixed; height: 100vh; width: 100vw; pointer-events: none; background: transparent url(../images/computer.png) center no-repeat; -moz-background-size: 270px; background-size: 270px; -moz-transition: all 1s cubic-bezier(.19, 1, .22, 1); -webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1); transition: all 1s cubic-bezier(.19, 1, .22, 1); }

/*.load.ed { background-size: 230%;}*/
.load.ed { opacity: 0; }
header { position: fixed; left: 0; right: 0; z-index: 999; }
nav.navy { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; transition-duration: 0.6s; -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; transition-timing-function: ease; }
nav.navy ul { padding: 0; margin: 0; background: transparent; height: 100%; top: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-flow: column; flex-flow: column; }
nav.navy ul > li { font-weight: 800; font-size: 9rem; display: block; line-height: 10rem; font-family: 'Gotham-Bold'; width: -webkit-min-content; width: -moz-min-content; width: min-content; }
nav.navy ul > li > a { display: inline-block; color: transparent; font-weight: 700; text-decoration: none; position: relative; }
nav.navy ul > li > a { color: #fb7100; }
#nav-container { margin-left: auto; position: relative; z-index: 9999; }
#nav-toggle { z-index: 9999; display: block; width: 32px; height: 32px; cursor: pointer; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); position: fixed; top: 38px; left: 38px; }
#nav-toggle span { background-color: #212121; width: 100%; height: 4px; -moz-border-radius: 1px; border-radius: 1px; display: block; position: absolute; left: 0; content: ''; -webkit-transition: .5s cubic-bezier(.19, 1, .22, 1); -moz-transition: .5s cubic-bezier(.19, 1, .22, 1); transition: .5s cubic-bezier(.19, 1, .22, 1); }
#nav-toggle span:nth-child(1) { top: 4px; -webkit-transform-origin: left center; -moz-transform-origin: left center; transform-origin: left center; }
#nav-toggle span:nth-child(2) { top: 14px; -webkit-transform-origin: left center; -moz-transform-origin: left center; transform-origin: left center; width: 70%; }
#nav-toggle span:nth-child(3) { top: 24px; -webkit-transform-origin: left center; -moz-transform-origin: left center; transform-origin: left center; width: 40%; }
html.no-touch #nav-toggle:hover span { width: 100% }
#nav-toggle.open span { background: #FFF; width: 100% }
#nav-toggle.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); top: 3px; left: 4px; }
#nav-toggle.open span:nth-child(2) { width: 0%; opacity: 0; }
#nav-toggle.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); top: 25px; left: 4px; }
#nav-overlay { position: fixed; top: 0; z-index: -1; background: rgba(0, 0, 0, 0.8); -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; -webkit-transform: scale3d(0, 0, 0); -moz-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); }
#nav-overlay.open { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
#nav-fullscreen { width: 100%; position: fixed; left: 0; top: 0; -webkit-transition: cubic-bezier(.19, 1, .22, 1) .1s; -moz-transition: cubic-bezier(.19, 1, .22, 1) .1s; transition: cubic-bezier(.19, 1, .22, 1) .1s; -webkit-transition-delay: .1s; -moz-transition-delay: .1s; transition-delay: .1s; visibility: hidden; opacity: 0; }
#nav-fullscreen ul { list-style: none; padding: 0; }
#nav-fullscreen ul li { opacity: 0; margin: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); transform: translateY(-20px); -webkit-transition: .7s cubic-bezier(.19, 1, .22, 1); -moz-transition: .7s cubic-bezier(.19, 1, .22, 1); transition: .7s cubic-bezier(.19, 1, .22, 1); -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; }
#nav-fullscreen ul li:nth-child(1) { -webkit-transition-delay: .1s; -moz-transition-delay: .1s; transition-delay: .1s; }
#nav-fullscreen ul li:nth-child(2) { -webkit-transition-delay: .2s; -moz-transition-delay: .2s; transition-delay: .2s; }
#nav-fullscreen ul li:nth-child(3) { -webkit-transition-delay: .3s; -moz-transition-delay: .3s; transition-delay: .3s; }
#nav-fullscreen ul li:nth-child(4) { -webkit-transition-delay: .4s; -moz-transition-delay: .4s; transition-delay: .4s; }
#nav-fullscreen ul li:nth-child(5) { -webkit-transition-delay: .5s; -moz-transition-delay: .5s; transition-delay: .5s; }
#nav-fullscreen ul li:nth-child(6) { -webkit-transition-delay: .6s; -moz-transition-delay: .6s; transition-delay: .6s; }
#nav-fullscreen ul li:last-child { margin: inherit; }
.no-touch #nav-fullscreen ul li a:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); }
#nav-fullscreen.open { visibility: visible; opacity: 1; -webkit-transition: cubic-bezier(.19, 1, .22, 1) 0.5s; -moz-transition: cubic-bezier(.19, 1, .22, 1) 0.5s; transition: cubic-bezier(.19, 1, .22, 1) 0.5s; -webkit-transition-delay: 0.25s; -moz-transition-delay: 0.25s; transition-delay: 0.25s; }
#nav-fullscreen.open ul li { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); }
html, body { height: 100%; }
#nav-overlay { background: #000; width: 100%; height: 100vh; margin: 0; border: 10px solid #ea7830; padding: 60px; }
#nav-fullscreen { display: -webkit-box; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -moz-box-pack: center; justify-content: center; }
nav.header-nav-desk { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; transition-duration: 0.6s; -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; transition-timing-function: ease; position: fixed; z-index: 1; left: 2%; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }
nav.header-nav-desk ul { padding: 0; margin: 0 0 91px 0; -webkit-transform: translateX(-110%); -moz-transform: translateX(-110%); transform: translateX(-110%); -webkit-transition: 1s cubic-bezier(.19, 1, .22, 1); -moz-transition: 1s cubic-bezier(.19, 1, .22, 1); transition: 1s cubic-bezier(.19, 1, .22, 1); }
nav.header-nav-desk ul > li { font-weight: 800; font-size: 13rem; display: block; line-height: 12rem; font-family: 'Gotham-Bold'; width: -webkit-min-content; width: -moz-min-content; width: min-content; position: relative; }
nav.header-nav-desk ul > li > a { display: inline-block; color: transparent; font-weight: 700; text-decoration: none; position: relative; }
nav.header-nav-desk ul > li > a { -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #000; }
nav.header-nav-desk ul > li > a:hover { -webkit-text-fill: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #fb5353; }
nav.header-nav-desk ul > li.inactive { pointer-events: none; }
nav.header-nav-desk ul > li:after { content: ' '; display: block; width: 0; position: absolute; top: 57px; left: 0; background: #333; z-index: 9; height: 2px; -webkit-transition: width .8s; -moz-transition: width .8s; transition: width .8s; -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1); -moz-transition-timing-function: cubic-bezier(.19, 1, .22, 1); transition-timing-function: cubic-bezier(.19, 1, .22, 1); }
nav.header-nav-desk ul > li.inactive:after { width: 100%; }

/*nav.header-nav-desk ul > li.inactive a {opacity: .1;pointer-events: none;color: #404040;}
nav.header-nav-desk ul > li.inactive:hover a { color: inherit;-webkit-text-fill-color: inherit;-webkit-text-stroke-width: inherit; }*/
nav.header-nav-desk ul > li a::before { color: #fb5353; position: absolute; overflow: hidden; top: 0; left: 0; padding: 0; max-width: 0; content: attr(data-hover); -webkit-transition: max-width .6s; transition: max-width .6s; -moz-transition: max-width .6s; transition: max-width .6s; -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1); -moz-transition-timing-function: cubic-bezier(.19, 1, .22, 1); transition-timing-function: cubic-bezier(.19, 1, .22, 1); }
nav.header-nav-desk ul > li a:hover::before, nav.header-nav-desk ul > li a:focus::before { max-width: 100%; }

/*nav.header-nav-desk ul > li.active a {text-decoration: none;color: #fb5353;opacity: inherit;-webkit-text-fill-color: #fb5353;-webkit-text-stroke-width: 0;}*/
nav.header-nav-desk ul > li.active a::before { max-width: 100%; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #fb5353; }

/*nav.header-nav-desk ul > li[data-menuanchor='btm'].active > a::before { color: #333;}*/

/*nav.header-nav-desk ul > li[data-menuanchor='awrds'].active > a {    -webkit-text-fill-color: #F6F6F7;}
nav.header-nav-desk ul > li[data-menuanchor='btm'] > a:hover { -webkit-text-fill: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #f7a937; }
nav.header-nav-desk ul > li[data-menuanchor='btm'] a::before {color: #f7a937;}*/
nav.header-nav-desk ul > li[data-menuanchor='btm'].active > a { -webkit-text-stroke-color: #333; -webkit-text-stroke-width: 1px; }
nav.header-nav-desk ul > li[data-menuanchor='btm'].active > a::before { color: #333 }
nav.header-nav-desk ul > li[data-menuanchor='cntct'].active > a::before { color: #333 }
nav.header-nav-desk ul > li[data-menuanchor='btm'] > a:hover { -webkit-text-fill: transparent; -webkit-text-stroke-width: 1px; }
nav.social-nav { -ms-flex-negative: 0; flex-shrink: 0; top: 0; position: fixed; height: 100%; width: 30px; right: 2%; float: none; z-index: 9; overflow: hidden; }
nav.social-nav ul { list-style-type: none; padding: 0; -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; white-space: nowrap; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; right: 0; width: 100px; position: fixed; top: 0; bottom: 0; height: 100%; }
nav.social-nav ul li { display: inline-block; }
nav.social-nav ul li a { padding: 10px; font-size: 14px; }
nav.social-nav ul li a:hover, nav.social-nav ul li a:active, nav.social-nav ul li a:focus { text-decoration: none; color: #010101; opacity: .5 }
.clipTopBottom { -webkit-transition: .7s cubic-bezier(.19, 1, .22, 1); -moz-transition: .7s cubic-bezier(.19, 1, .22, 1); transition: .7s cubic-bezier(.19, 1, .22, 1); -webkit-clip-path: inset(0 0 100% 0); clip-path: inset(0 0 100% 0); }
.clipBottomTop { -webkit-transition: .7s cubic-bezier(.19, 1, .22, 1); -moz-transition: .7s cubic-bezier(.19, 1, .22, 1); transition: .7s cubic-bezier(.19, 1, .22, 1); -webkit-clip-path: inset(100% 0 0 0); clip-path: inset(100% 0 0 0); }
.clipLeftRight { -webkit-transition: .7s cubic-bezier(.19, 1, .22, 1); -moz-transition: .7s cubic-bezier(.19, 1, .22, 1); transition: .7s cubic-bezier(.19, 1, .22, 1); -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); }
.clipRightLeft { -webkit-transition: .7s cubic-bezier(.19, 1, .22, 1); -moz-transition: .7s cubic-bezier(.19, 1, .22, 1); transition: .7s cubic-bezier(.19, 1, .22, 1); -webkit-clip-path: inset(0 0 0 100%); clip-path: inset(0 0 0 100%); }
.inview { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); }
.full-height { height: 100%; }
section.home {/* background: url(../images/mrwolf-8bit.png) no-repeat right+15% center; */ }
section.home h1 { font-family: "Gotham-Bold"; font-size: 8rem; line-height: 6rem; letter-spacing: -0.17rem; font-weight: 700; margin: 35px 0 15px 0; }
section.home h2 { font-family: "Gotham-Bold"; font-size: 3rem; line-height: 3rem; letter-spacing: -0.17rem; font-weight: normal; }
section.about { }
section.about figcaption { font-size: 17px; font-weight: 100; line-height: 1.3; padding: 0 50px; }
section.about figcaption p { margin: 0 0 15px 0; }
.block-color { background: #ccc }
section.work .work-list { height: 600px; z-index: 9999; position: relative; }
section.work #work-itens { width: 100%; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); list-style: none; padding: 0; margin: 50px 0 0; top: 0; left: 50%; position: absolute; height: 100%; width: 300px; margin-left: -150px; }
section.work #work-itens li {padding: 8px 0;text-align: center;display: block;cursor: pointer;}
section.work #work-itens li a { color: #333; font-family: 'Gotham-Bold'; font-size: 24px; display: block; text-decoration: none; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; transition: all .1s ease-in-out }
html.no-touch section.work #work-itens li a:hover { color: #FFF; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); transform: scale(1.3); text-shadow: 0px 0px 20px black; font-family: 'Gotham-Black'; }
html.no-touch section.work #work-itens li a:hover span { color: #FFF; }
section.work #work-itens li span { font-family: 'Gotham-Book'; font-size: 13px; color: #9a9a9a; display: block; }
section.work .text-talk { font-family: 'Gotham-Book'; font-size: 78px; color: #9a9a9a; position: absolute; left: 50%; line-height: 100%; opacity: .1; text-align: center; top: 20%; white-space: pre-line; margin-left: -260px; }
section.work .floating { position: fixed; visibility: hidden; opacity: 0; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; z-index: 2; }
section.work .floating.active { visibility: visible; opacity: 1; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4); display: -webkit-inline-box; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; }
section.awards { }
section.awards .text-awards { font-family: 'Gotham-Book'; font-size: 78px; color: #9a9a9a; position: absolute; left: 50%; line-height: 100%; opacity: .1; text-align: center; top: 20%; white-space: pre-line; margin-left: -250px; }
section.awards .awrds { }
section.awards .awrds ul { list-style-type: none; padding: 0; }
section.awards .awrds ul li { color: #ff931e; font-size: 30px; margin: 30px 0; white-space: pre-line; line-height: 110%; font-family: 'Gotham-Bold'; text-align: center; }
section.awards .awrds ul li a { color: #ff931e; text-decoration: none; }
section.awards .awrds ul li span { color: #FFF; font-size: 15px; text-align: center; margin: 30px 0; white-space: pre-line; line-height: 110%; font-family: 'Gotham-Book'; }
section.testimonials article { position: relative; width: 100%; text-align: center; clear: both; margin: 30px 0; }
section.testimonials article { width: 410px; margin: 20px auto 40px; width: 100%; }
section.testimonials article h4, section.testimonials article h4 a { font-size: 17px; font-family: 'Gotham-Bold'; color: rgb(137, 84, 18); line-height: 120%; margin-bottom: 10px; }
section.testimonials article p { font-size: 17px; color: #1b1b1b; }
section.contact figcaption { font-size: 17px; font-weight: 100; line-height: 1.3; padding: 0 50px; }
@media (max-width:1600px) {
	nav.header-nav-desk ul > li { font-size: 11rem; line-height: 11rem; }
}
@media (max-width:1350px) {
	nav.header-nav-desk ul > li { font-size: 10rem; line-height: 10rem; }
}
@media (max-width:1200px) {
	nav.header-nav-desk ul > li { font-size: 9rem; line-height: 11rem; }
}
@media (max-width:1000px) {
	nav.header-nav-desk ul > li { font-size: 8rem; line-height: 11rem; }
}
@media(max-width:991px) {
	nav.header-nav-desk { display: none }
	nav.navy { display: none }
	nav.social-nav { height: inherit; width: inherit; top: 50px; z-index: 9999; }
	nav.social-nav ul { -ms-writing-mode: inherit; writing-mode: inherit; -webkit-writing-mode: inherit; height: inherit; width: inherit; bottom: inherit; top: 45px; right: 38px; }
	nav.social-nav ul li a { font-weight: 500; font-family: "Gotham-Bold"; }
}

/******* Tablet Landscape *******/
@media (min-width:992px) and (max-width:1199px) {
	section.home h1 { font-size: 69px; line-height: inherit; margin: 0; }
	section.home h2 { font-size: 28px; }
}

/******* Tablet Portrait *******/
@media (min-width:768px) and (max-width:991px) {
	section.testimonials figure figcaption { width: 80%; margin: 0 auto; }
	section.home h1 { font-size: 69px; line-height: inherit; margin: 0; }
	section.home h2 { font-size: 34px; }
	section.work .work-list { height: inherit; }
	section.work #work-itens { position: relative; top: inherit; left: inherit; width: inherit; margin: inherit; }
	section.work #work-itens li { }
	section.work #work-itens li a { }
	section.work #work-itens li a:hover { -webkit-transform: inherit; -moz-transform: inherit; transform: inherit; }
	section.work #work-itens li a:hover span { }
	section.work #work-itens li span { }
}

/******* Smartphone *******/
@media (min-width:481px) and (max-width:767px) {
	.grained { }
	#grained::before { }
	.container-full { }
	.tubetv { }
	.tubetv::after { }
	.load { }
	.load.ed { }
	header { }
	header .add-min-top-half { margin-top: 13px; }
	nav.navy { }
	nav.navy ul { }
	nav.navy ul > li { font-size: 4rem; line-height: inherit; }
	nav.navy ul > li > a { }
	nav.navy ul > li > a { }
	#nav-container { }
	#nav-toggle { left: 15px; top: 15px; }
	#nav-toggle span { }
	#nav-toggle span:nth-child(1) { }
	#nav-toggle span:nth-child(2) { }
	#nav-toggle span:nth-child(3) { }
	#nav-toggle:hover span { }
	#nav-toggle.open span { }
	#nav-toggle.open span:nth-child(1) { }
	#nav-toggle.open span:nth-child(2) { }
	#nav-toggle.open span:nth-child(3) { }
	#nav-overlay { border-width: 4px; }
	#nav-overlay.open { }
	#nav-fullscreen { }
	#nav-fullscreen ul { }
	#nav-fullscreen ul li { }
	#nav-fullscreen ul li:nth-child(1) { }
	#nav-fullscreen ul li:nth-child(2) { }
	#nav-fullscreen ul li:nth-child(3) { }
	#nav-fullscreen ul li:nth-child(4) { }
	#nav-fullscreen ul li:nth-child(5) { }
	#nav-fullscreen ul li:nth-child(6) { }
	#nav-fullscreen ul li:last-child { }
	.no-touch #nav-fullscreen ul li a:hover { }
	#nav-fullscreen.open { }
	#nav-fullscreen.open ul li { }
	html, body { }
	#nav-overlay { }
	#nav-fullscreen { }
	nav.header-nav-desk { }
	nav.header-nav-desk ul { }
	nav.header-nav-desk ul > li { }
	nav.header-nav-desk ul > li > a { }
	nav.header-nav-desk ul > li > a { }
	nav.header-nav-desk ul > li > a:hover { }
	nav.header-nav-desk ul > li.inactive { }
	nav.header-nav-desk ul > li:after { }
	nav.header-nav-desk ul > li.inactive:after { }
	nav.header-nav-desk ul > li.active a::before { }
	nav.header-nav-desk ul > li[data-menuanchor='btm'].active > a { }
	nav.header-nav-desk ul > li[data-menuanchor='btm'].active > a::before { }
	nav.header-nav-desk ul > li[data-menuanchor='btm'] > a:hover { }
	nav.social-nav { }
	nav.social-nav ul { top: 23px; right: 15px; }
	nav.social-nav ul li { }
	nav.social-nav ul li a { }
	nav.social-nav ul li a:hover, nav.social-nav ul li a:active, nav.social-nav ul li a:focus { }
	.clipTopBottom { }
	.clipBottomTop { }
	.clipLeftRight { }
	.clipRightLeft { }
	.inview { }
	.full-height { }
	section.home { }
	section.home h1 { font-size: 49px; line-height: inherit; margin: 0; }
	section.home h2 { font-size: 24px; }
	section.about { }
	section.about figcaption { padding: 0; }
	section.about figcaption p { }
	.block-color { }
	section.work { padding: 50px 0; }
	section.work .work-list { height: inherit; }
	section.work #work-itens { position: relative; top: inherit; left: inherit; width: inherit; margin: inherit; }
	section.work #work-itens li { }
	section.work #work-itens li a { }
	section.work #work-itens li a:hover { }
	section.work #work-itens li a:hover span { }
	section.work #work-itens li span { }
	section.work .text-talk { -ms-writing-mode: tb-rl; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; left: 50%; margin: inherit; font-size: 60px; margin-left: -60px; }
	section.work .floating { }
	section.work .floating.active { }
	section.awards { padding: 50px 0; }
	section.awards .text-awards { top: 20%; -webkit-writing-mode: vertical-rl; left: 50%; margin: inherit; font-size: 40px; margin-left: -90px; }
	section.awards .awrds { }
	section.awards .awrds ul { }
	section.awards .awrds ul li { }
	section.awards .awrds ul li a { }
	section.awards .awrds ul li span { }
	section.testimonials figure { }
	section.testimonials figure div { }
	section.testimonials figure div img { }
	section.testimonials figure figcaption { width: inherit; }
	section.testimonials figure figcaption h4 { font-size: 33px; }
	section.testimonials figure figcaption p { font-size: 14px; }
	section.contact figcaption { padding: 0; }
}

/******* Smartphone *******/
@media (max-width:480px) {
	.grained { }
	#grained::before { }
	.container-full { }
	.tubetv { }
	.tubetv::after { }
	.load { background: none }
	.load.ed { }
	header { }
	header .add-min-top-half { margin-top: 13px; }
	nav.navy { }
	nav.navy ul { }
	nav.navy ul > li { font-size: 4rem; line-height: inherit; }
	nav.navy ul > li > a { }
	nav.navy ul > li > a { }
	#nav-container { }
	#nav-toggle { left: 15px; top: 15px; }
	#nav-toggle span { }
	#nav-toggle span:nth-child(1) { }
	#nav-toggle span:nth-child(2) { }
	#nav-toggle span:nth-child(3) { }
	#nav-toggle:hover span { }
	#nav-toggle.open span { }
	#nav-toggle.open span:nth-child(1) { }
	#nav-toggle.open span:nth-child(2) { }
	#nav-toggle.open span:nth-child(3) { }
	#nav-overlay { border-width: 4px; }
	#nav-overlay.open { }
	#nav-fullscreen { }
	#nav-fullscreen ul { }
	#nav-fullscreen ul li { }
	#nav-fullscreen ul li:nth-child(1) { }
	#nav-fullscreen ul li:nth-child(2) { }
	#nav-fullscreen ul li:nth-child(3) { }
	#nav-fullscreen ul li:nth-child(4) { }
	#nav-fullscreen ul li:nth-child(5) { }
	#nav-fullscreen ul li:nth-child(6) { }
	#nav-fullscreen ul li:last-child { }
	.no-touch #nav-fullscreen ul li a:hover { }
	#nav-fullscreen.open { }
	#nav-fullscreen.open ul li { }
	html, body { }
	#nav-overlay { }
	#nav-fullscreen { }
	nav.header-nav-desk { }
	nav.header-nav-desk ul { }
	nav.header-nav-desk ul > li { }
	nav.header-nav-desk ul > li > a { }
	nav.header-nav-desk ul > li > a { }
	nav.header-nav-desk ul > li > a:hover { }
	nav.header-nav-desk ul > li.inactive { }
	nav.header-nav-desk ul > li:after { }
	nav.header-nav-desk ul > li.inactive:after { }
	nav.header-nav-desk ul > li.active a::before { }
	nav.header-nav-desk ul > li[data-menuanchor='btm'].active > a { }
	nav.header-nav-desk ul > li[data-menuanchor='btm'].active > a::before { }
	nav.header-nav-desk ul > li[data-menuanchor='btm'] > a:hover { }
	nav.social-nav { }
	nav.social-nav ul { position: relative; top: inherit; right: inherit; width: 100%; }
	nav.social-nav ul li { }
	nav.social-nav ul li a { font-size: 15px; }
	nav.social-nav ul li a:hover, nav.social-nav ul li a:active, nav.social-nav ul li a:focus { }
	.clipTopBottom { }
	.clipBottomTop { }
	.clipLeftRight { }
	.clipRightLeft { }
	.inview { }
	.full-height { }
	section.home { }
	section.home h1 { font-size: 39px; line-height: inherit; margin: 0; }
	section.home h2 { font-size: 24px; }
	section.about { }
	section.about figcaption { padding: 0; }
	section.about figcaption p { }
	.block-color { }
	section.work { padding: 50px 0; }
	section.work .work-list { height: inherit; }
	section.work #work-itens { position: relative; top: inherit; left: inherit; width: inherit; margin: inherit; }
	section.work #work-itens li { }
	section.work #work-itens li a { }
	section.work #work-itens li a:hover { }
	section.work #work-itens li a:hover span { }
	section.work #work-itens li span { }
	section.work .text-talk { -ms-writing-mode: tb-rl; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; left: 50%; margin: inherit; font-size: 60px; margin-left: -60px; }
	section.work .floating { }
	section.work .floating.active { }
	section.awards { padding: 50px 0; }
	section.awards .text-awards { top: 20%; -webkit-writing-mode: vertical-rl; left: 50%; margin: inherit; font-size: 40px; margin-left: -90px; }
	section.awards .awrds { }
	section.awards .awrds ul { }
	section.awards .awrds ul li { }
	section.awards .awrds ul li a { }
	section.awards .awrds ul li span { }
	section.testimonials article { width: inherit; }
	section.testimonials article h4, section.testimonials article h4 a { }
	section.testimonials article p { font-size: 16px; }
	section.contact figcaption { padding: 0; }
	section.contact nav { position: relative; top: inherit; width: 100%; right: inherit; margin: 30px 0 0 0; }
	.touch section.contact nav a:hover { opacity: inherit; color: inherit }
}