/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
* { -moz-box-sizing:border-box; box-sizing:border-box; }
html,
button,
input,
select,
textarea { color:#222; }
body { font-size:1em; line-height:1.4; }
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection { background:#b3d4fc; text-shadow:none; }
::selection { background:#b3d4fc; text-shadow:none; }
/*
* A better looking default horizontal rule
*/
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img { vertical-align:middle; }
/*
* Remove default fieldset styles.
*/
fieldset { border:0; margin:0; padding:0; }
/*
* Allow only vertical resizing of textareas.
*/
textarea { resize:vertical; }
/* ==========================================================================
Chrome Frame prompt
========================================================================== */
.chromeframe { margin:0.2em 0; background:#ccc; color:#000; padding:0.2em 0; }
/* ==========================================================================
Helper classes
========================================================================== */
.last { margin-right:0px !important; }
.first { margin-left:0px !important; }
.bottom { margin-bottom:0px !important; }
.first { margin-top:0px !important; }
.ico-general { display:block; background:url('../img/ico-general.png') no-repeat; }
.ttl-general { display:block; background:url('../img/ttl-general.png') no-repeat; color:#FFF; }
.LNG-en-us .ttl-general { display:block; background:url('../img/ttl-general-EN.png') no-repeat; }
.hide { display:none; }
.show { display:block; }
/*
* Image replacement
*/
.ir { background-color:transparent; border:0; overflow:hidden; }
.ir:before { content:""; display:block; width:0; height:150%; }
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden { display:none !important; visibility:hidden; }
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto; }
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible { visibility:hidden; }
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after { content:" "; /* 1 */ display:table; /* 2 */ }
.clearfix:after { clear:both; }
.clearfix { *zoom: 1; }
/* ==========================================================================
Author's custom styles
========================================================================== */
a { color:#FFF; }
body { background-color:#201C1D; }
.world-cup { position:fixed; top:0; right:0; height:162px; width:162px; background:url('../img/braziljs-2014.png') no-repeat; z-index:29; }
.world-cup:hover,
.world-cup:focus { opacity:.7; }
/* WRAPPERS */
.wrapper { overflow:hidden; }
#modal { position:fixed; -webkit-transition:background-color 0.5s ease; -moz-transition:background-color 0.5s ease; -o-transition:background-color 0.5s ease; -ms-transition:background-color 0.5s ease; transition:background-color 0.5s ease; z-index:30; }
#modal.on { width:100%; height:100%; background-color:rgba(32,28,29,0.9); }
/* NAVIGATION */
#menu { position:fixed; left:0px; height:100%; width:60px; background-color:#1B1819; z-index:8; transition:left 0.7s ease; }
#menu .menu-switch { display:none; }
#menu .language { position:absolute; top:15px; right:-30px; display:block; margin:10px 0 0 38px; text-decoration:none; font-weight:bold; color:#fff; }
#menu .ballon { padding:11px 0 0 11px; width:45px; height:50px; background-position:0 -884px; }
#menu .language:focus .ballon,
#menu .language:hover .ballon { background-position:-98px -884px;}
#menu .chapters-list { margin:0; padding:0; position:relative; top:25%; list-style:none; }
#menu .chapters-list li { position:relative; display:block; border-bottom:1px solid #464B4D; }
#menu .chapters-list li:first-child { border-top:1px solid #464B4D; }
#menu .chapters-list li a { position:relative; display:block; width:60px; height:62px; }
#menu .chapters-list a:focus,
#menu .chapters-list a:hover { background-color:rgb(41,38,39); }
#menu .chapters-list li a .sign { position:absolute; left:14px; bottom:18px; width:30px; height:22px; }
#menu .chapters-list li.videos a .sign { bottom:18px; left:17px; width:24px; height:25px; background-position:-319px -592px; }
#menu .chapters-list li.speakers a .sign { background-position:0 -592px; }
#menu .chapters-list li.schedule a .sign { height:25px; background-position:-49px -592px; }
#menu .chapters-list li.local a .sign { bottom:17px; left:17px; width:26px; height:26px; background-position:-99px -592px; }
#menu .chapters-list li.ticket a .sign { bottom:14px; left:12px; width:35px; height:31px; background-position:-145px -592px; }
#menu .chapters-list li.manifest a .sign { bottom:17px; left:17px; width:21px; height:26px; background-position:-200px -592px; }
#menu .chapters-list li.sponsors a .sign { bottom:18px; left:4px; width:51px; height:22px; background-position:-246px -592px; }
#menu .chapters-list li .extended-menu { position:absolute; left:80px; top:0; opacity:0; padding:22px 25px 20px; transition:all 0.5s ease; background-color:#DB6E0E; color:#FFF; font-size:16px; font-weight:bold; text-transform:uppercase; white-space:nowrap; pointer-events:none; }
.lt-ie9 #menu .chapters-list li .extended-menu { display:none; }
#menu .chapters-list a:hover + .extended-menu,
#menu .chapters-list a:focus + .extended-menu { opacity:1; left:60px; }
.lt-ie9 #menu .chapters-list a:hover + .extended-menu,
.lt-ie9 #menu .chapters-list a:focus + .extended-menu { display:block; }
#menu .chapters-list li .extended-menu:before { content:''; position:absolute; left:-7px; width:14px; height:14px; background:url('../img/ico-general.png') 0 -637px no-repeat; }
/* SPEAKERS */
#speakers { width:100%; position:relative; background-color:#D3D3D1; overflow:hidden; background-image: -webkit-linear-gradient(bottom, rgb(220,222,217) 15%, rgb(209,209,204) 66%); background-image:-moz-linear-gradient(50% 0% -90deg,rgb(207,208,205) 0%,rgba(207,208,205,0) 25%); background-image: -o-linear-gradient(bottom, rgb(220,222,217) 15%, rgb(209,209,204) 66%); background-image: -ms-linear-gradient(bottom, rgb(220,222,217) 15%, rgb(209,209,204) 66%); background-image:linear-gradient(bottom, rgb(220,222,217) 15%, rgb(209,209,204) 66%); }
#speakers .speakers-wrapper { position:relative; margin:auto; height:605px; width:1000px; }
#speakers .speakers-wrapper .shadows { position:absolute; left:-176px; width:1333px; height:590px; transition:opacity 0.8s ease; opacity:0; }
#speakers .speakers-wrapper .shadows.theater-version { background:url('../img/shadows.jpg') no-repeat center center; opacity:1; }
#speakers .speakers-wrapper .shadows.directors-cut { background:url('../img/shadows-directors-cut.jpg') no-repeat center center; opacity:1; }
#speakers .cities { position:absolute; bottom:-71px; height:278px; width:100%; background:url('../img/bg-header.png') repeat-x center center; z-index:2; }
/* HEADER */
#main-wrapper { background-color:#201C1D; }
.header-wrapper { margin:auto; width:1000px; height:56px; z-index:4; }
.header-wrapper .keynote-container { position:relative; margin:auto; left:34px; top:-109px; width:396px; z-index:100; }
.header-wrapper .keynote-container .title { position:relative; margin:auto; width:406px; height:186px; background:url('../img/BrazilJS-logo.png') no-repeat; z-index:3; }
.header-wrapper .keynote-container .the-ruler { position:absolute; top:-342px; right:95px; width:262px; height:459px; background:url('../img/douglas.png') no-repeat; z-index:2; }
.header-wrapper .keynote-container .info { position:absolute; top:-244px; right:-75px; padding:13px 15px 10px; width:209px; background-color:#000; color:#FFF; z-index:1; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease; opacity:0 }
.header-wrapper .keynote-container:focus .info,
.header-wrapper .keynote-container:hover .info { opacity:1; }
.header-wrapper .keynote-container .info .name { display:block; margin-bottom:1px; font-size:15px; line-height:15px; }
.header-wrapper .keynote-container .info .alias { display:block; margin-bottom:1px; font-size:13px; }
.header-wrapper .keynote-container .info .company { display:block; font-size:11px; }
.closed-event { display:inline-block; margin-left:2px; text-transform:uppercase; }
.closed-event .bracket { font-size:60px; color:rgba(59,57,57,0.5); letter-spacing:-3pt; font-family:arial; }
.closed-event .closed { display:inline-block; width:270px; font:400 20px/120% Arial; color:rgba(59,57,57,0.5); text-align:center; }
.closed-event .closed span { display:block; margin-top:4px; font-weight:bold; font-size:14px; line-height:14px; color:rgba(153,153,153,0.5); }
/* LIVE */
.live-modal { position:fixed; top:50%; left:50%; margin:-270px 0 0 -427px; width:854px; height:540px; z-index:200; }
.live-modal .title { margin:0; font-size:40px; line-height:120%; color:rgb(219,110,14); text-align:left; text-shadow:5px 5px 0px rgb(0,0,0); font-family:bangers; letter-spacing:1px; }
.live-modal .close { position:absolute; right:-10px; top:34px; width:22px; height:22px; background:url('../img/ico-live-video.png') no-repeat transparent; color:transparent; border:none; }
.live-modal .watch,
.live-modal .disclaimer { display:none; }
/* SOCIAL CONTAINER */
.social-wrapper { position:relative; top:-22px; float:left; margin-bottom:34px; padding-top:15px; height:174px; width:100%; background-color:#101012; }
.social-bg { position:absolute; top:-82px; display:block; height:83px; width:100%; background:url('../img/bg-social.png') repeat-x; z-index:4; }
/* MAIN CONTENT */
main { margin:auto; width:980px; clear:both; text-align:center; }
.LNG-en-us main { padding-left:96px; }
main .what { display:inline-block; margin-right:25px; width:378px; font-size:30px; font-weight:900; letter-spacing:-1pt; line-height:120%; color:rgb(225,43,38); text-align:right; text-shadow:0px 5px 0px rgba(0,0,0,0.65); text-transform:uppercase; }
.LNG-en-us main .what { width:419px; }
main .where { display:inline-block; width:432px; font-size:28px; font-weight:bold; letter-spacing:-1pt; line-height:130%; color:rgb(212,212,210); text-align:left; text-shadow:0px 5px 0px rgba(0,0,0,0.65); }
.LNG-en-us main .where { width:435px; }
#videos-photos { position:relative; margin-top:100px; height:451px; background-color:#6A0C04; }
#videos-photos:before { content:''; position:absolute; margin-top:-3px; background-color:#9E1814; height:1px; width:100%; }
#videos-photos:after { content:''; position:absolute; bottom:-3px; background-color:#9E1814; height:1px; width:100%; }
#videos-photos .wrapper { position:relative; overflow:visible; margin:auto; width:980px; z-index:0; }
#videos-photos .wrapper:before { position:absolute; content:''; top:208px; left:-290px; width:1455px; height:243px; background:url('../img/bg-videos-photos.png') no-repeat; z-index:-1; }
#videos-photos .section { display:inline-block; margin-right:16px; width:461px; vertical-align:top; }
#videos-photos .title { position:relative; margin-bottom:21px; padding-left:3px; font-family:'Bangers'; letter-spacing:1px; font-size:50px; line-height:120%; color:rgb(255,255,255); text-shadow:0px 7px 0px rgba(0,0,0,0.65); z-index:0; }
#videos-photos .photos .title { margin-bottom:9px; }
#videos-photos .title:before { content:''; position:absolute; top:19px; left:-3px; height:33px; width:100%; background-color:#201C1D; z-index:-1; }
#videos-photos .videos-display { display:block; width:458px; height:155px; background:url('../img/videos-display.png') no-repeat; }
#videos-photos .description { font:400 16px/20px 'Arial'; color:#FFF; }
#videos-photos .button { position:relative; display:block; margin:auto; padding:12px 0 2px; width:300px; background-color:#FFF; background-image:linear-gradient(to top, rgba(0,0,0,.6), transparent 50%); text-decoration:none; font-family:'Bangers'; font-size:36px; color:#961814; text-align:center; text-shadow:0px 3px 0px rgb(255,255,255); opacity:.9; }
#videos-photos .button:hover,
#videos-photos .button:focus { background-image:linear-gradient(to bottom, rgba(0,0,0,.6), transparent 50%); }
#videos-photos .button:before { content:''; position:absolute; left:-2px; bottom:-12px; width:306px; height:12px; background:url('../img/bg-videos-button.png') no-repeat; }
#videos-photos .photos-thumb { display:block; margin-left:25px; width:390px; height:167px; background:url('../img/photos-thumb.png') no-repeat; }
/* HEROES */
#heroes { clear:both; margin-top:60px; width:100%; }
#heroes .heroes-wrapper { position:relative; padding-top:70px; margin:auto; width:980px; }
#heroes .heroes-wrapper .burst { position:absolute; top:-85px; left:-151px; display:block; width:1280px; height:530px; background:url('../img/heroes-bg.png') no-repeat; }
#heroes .title { position:relative; margin:15px 0 0 40px; width:472px; height:156px; background-position:0 -115px; z-index:5; }
#heroes .heroes-list { position:relative; margin:-65px 0 0; list-style:none; }
#heroes .heroes-list li { float:left; }
#heroes .heroes-list .info { position:absolute; bottom:15px; z-index:6; }
#heroes .heroes-list .spikes { position:absolute; left:0; width:620px; height:260px; background:url('../img/default-spikes.png') no-repeat; transition:all 0.3s ease; }
#heroes .heroes-list .hero { position:relative; display:block; padding-left:22px; width:100%; height:100%; text-decoration:none; transition:all 0.5s ease-in; background-size:100%; background-image:-moz-radial-gradient(rgb(255,255,255) 0%,rgb(68,68,68) 100%); background-image:-webkit-gradient(radial,color-stop(0, rgb(255,255,255)),color-stop(1, rgb(68,68,68))); background-image:-webkit-radial-gradient(rgb(255,255,255) 0%,rgb(68,68,68) 100%); background:radial-gradient(rgb(255,255,255) 0%,rgb(68,68,68) 100%), #808080; }
.ie9 #heroes .heroes-list .hero { background-color:#CACACA; }
#heroes .heroes-list a.hero:focus,
#heroes .heroes-list a.hero:hover { background-image:none; background-color:#000; }
#heroes .heroes-list a.hero:focus .spikes,
#heroes .heroes-list a.hero:hover .spikes { opacity:0; }
#heroes .heroes-list .hero-name { font-family:"Arial Black", Gadget, sans-serif; font-size:30px; font-weight:900; line-height:120%; color:rgb(255,255,255); text-align:left; text-shadow:-2px -2px 0 rgb(92,206,247), 2px -2px 0 rgb(92,206,247), -2px 2px 0 rgb(92,206,247), 2px 2px 0 rgb(92,206,247); text-transform:lowercase; transition:all 0.7s ease; }
#heroes .heroes-list .hero-company { transition:all 0.7s ease; display:block; font-family:"Arial Black", Gadget, sans-serif; font-style:normal; font-size:20px; font-weight:900; line-height:120%; color:rgb(0,158,212); text-align:left; text-shadow:-2px -2px 0 rgb(255,255,255), 2px -2px 0 rgb(255,255,255), -2px 2px 0 rgb(255,255,255), 2px 2px 0 rgb(255,255,255); text-transform:lowercase; }
#heroes .heroes-list .photo { position:absolute; display:block; z-index:3; }
#heroes .heroes-list .angle { position:absolute; left:18px; width:620px; height:86px; background:url('../img/bg-angle.png') no-repeat; z-index:3; }
#heroes .heroes-list .douglas-crockford { margin-right:20px; width:620px; height:347px; }
#heroes .heroes-list a.douglas-crockford:focus,
#heroes .heroes-list a.douglas-crockford:hover { background-image:-moz-radial-gradient(rgb(0,121,193) 0%,rgb(0,69,124) 100%); background-image:radial-gradient(rgb(0,121,193) 0%,rgb(0,69,124) 100%); }
#heroes .heroes-list .douglas-crockford .spikes { top:-3px; height:349px; width:620px; background:url('../img/douglas-spikes.png') no-repeat; }
#heroes .heroes-list .douglas-crockford .hero-name { font-size:40px; }
#heroes .heroes-list .douglas-crockford:focus .hero-name,
#heroes .heroes-list .douglas-crockford:hover .hero-name { text-shadow:-2px -2px 0 rgb(0,70,125), 2px -2px 0 rgb(0,70,125), -2px 2px 0 rgb(0,70,125), 2px 2px 0 rgb(0,70,125); }
#heroes .heroes-list .douglas-crockford .photo { right:0; top:-24px; width:327px; height:371px; background:url('../img/hero-douglas.png') no-repeat; z-index:5; }
#heroes .heroes-list .douglas-crockford:focus .hero-company,
#heroes .heroes-list .douglas-crockford:hover .hero-company { color:rgb(0,69,124); }
#heroes .heroes-list .alexandre-gaigalas { margin-top:154px; width:300px; height:533px; }
#heroes .heroes-list a.alexandre-gaigalas:focus,
#heroes .heroes-list a.alexandre-gaigalas:hover { background-color:rgb(123,0,153); }
#heroes .heroes-list .alexandre-gaigalas:focus .hero-name,
#heroes .heroes-list .alexandre-gaigalas:hover .hero-name { text-shadow:-2px -2px 0 rgb(123,0,153), 2px -2px 0 rgb(123,0,153), -2px 2px 0 rgb(123,0,153), 2px 2px 0 rgb(123,0,153); }
#heroes .heroes-list .alexandre-gaigalas .spikes { height:533px; width:300px; background:url('../img/wide-spikes.png') no-repeat; }
#heroes .heroes-list .alexandre-gaigalas:focus .hero-company,
#heroes .heroes-list .alexandre-gaigalas:hover .hero-company { color:rgb(123,0,153); }
#heroes .heroes-list .alexandre-gaigalas .photo { top:3px; left:61px; width:239px; height:530px; background:url('../img/hero-alexandre.png') no-repeat; }
#heroes .heroes-list .AB .specialguest.photo { right:0; bottom:0; width:300px; height:533px; background:url('../img/hero-betao.png') no-repeat; }
#heroes .heroes-list .demian-borba { margin:-316px 20px 0 0; width:300px; height:317px; }
#heroes .heroes-list a.demian-borba:focus,
#heroes .heroes-list a.demian-borba:hover { background-color:rgb(150,184,0); }
#heroes .heroes-list .demian-borba .spikes { height:318px; width:300px; }
#heroes .heroes-list .demian-borba:focus .hero-name,
#heroes .heroes-list .demian-borba:hover .hero-name { text-shadow:-2px -2px 0 rgb(50,184,0), 2px -2px 0 rgb(50,184,0), -2px 2px 0 rgb(50,184,0), 2px 2px 0 rgb(50,184,0); }
#heroes .heroes-list .demian-borba:focus .hero-company,
#heroes .heroes-list .demian-borba:hover .hero-company { color:rgb(50,184,0); }
#heroes .heroes-list .demian-borba .photo { bottom:0; right:0; height:309px; width:236px; background:url('../img/hero-damian.png') no-repeat; }
#heroes .heroes-list .thibault-imbert { margin-top:-316px; width:300px; height:317px; }
#heroes .heroes-list a.thibault-imbert:focus,
#heroes .heroes-list a.thibault-imbert:hover { background-color:rgb(217,2,0); }
#heroes .heroes-list .thibault-imbert .spikes { width:300px; background:url('../img/spikes-thibault.png') no-repeat; }
#heroes .heroes-list .thibault-imbert .hero-name { font-size:30px; }
#heroes .heroes-list .thibault-imbert:focus .hero-name,
#heroes .heroes-list .thibault-imbert:hover .hero-name { text-shadow:-2px -2px 0 rgb(217,2,0), 2px -2px 0 rgb(217,2,0), -2px 2px 0 rgb(217,2,0), 2px 2px 0 rgb(217,2,0); }
#heroes .heroes-list .thibault-imbert:focus .hero-company,
#heroes .heroes-list .thibault-imbert:hover .hero-company { color:rgb(217,2,0); }
#heroes .heroes-list .thibault-imbert .photo { right:40px; bottom:0; width:260px; height:311px; background:url('../img/hero-thibault.png') no-repeat; }
#heroes .heroes-list .robert-nyman { margin-top:20px; clear:both; width:940px; height:153px; }
#heroes .heroes-list a.angelina:focus,
#heroes .heroes-list a.robert-nyman:focus,
#heroes .heroes-list a.angelina:hover,
#heroes .heroes-list a.robert-nyman:hover { background-color:rgb(193,56,50); }
#heroes .heroes-list .robert-nyman .spikes { width:940px; height:142px; background:url('../img/spikes-robert.png') no-repeat; }
#heroes .heroes-list .angelina:focus .hero-name,
#heroes .heroes-list .robert-nyman:focus .hero-name,
#heroes .heroes-list .angelina:hover .hero-name,
#heroes .heroes-list .robert-nyman:hover .hero-name { text-shadow:-2px -2px 0 rgb(193,56,50), 2px -2px 0 rgb(193,56,50), -2px 2px 0 rgb(193,56,50), 2px 2px 0 rgb(193,56,50); }
#heroes .heroes-list .angelina:focus .hero-company,
#heroes .heroes-list .robert-nyman:focus .hero-company,
#heroes .heroes-list .angelina:hover .hero-company,
#heroes .heroes-list .robert-nyman:hover .hero-company { color:rgb(193,56,50); }
#heroes .heroes-list .robert-nyman .photo { right:40px; bottom:0; width:567px; height:153px; background:url('../img/hero-robert.png') no-repeat; }
#heroes .heroes-list .zeke-sikelianos { margin:20px 20px 0 0; width:300px; height:560px; }
#heroes .heroes-list a.zeke-sikelianos:focus,
#heroes .heroes-list a.zeke-sikelianos:hover { background-color:rgb(40,38,77); }
#heroes .heroes-list .zeke-sikelianos:focus .hero-name,
#heroes .heroes-list .zeke-sikelianos:hover .hero-name { text-shadow:-2px -2px 0 rgb(40,38,77), 2px -2px 0 rgb(40,38,77), -2px 2px 0 rgb(40,38,77), 2px 2px 0 rgb(40,38,77); }
#heroes .heroes-list .zeke-sikelianos:focus .hero-company,
#heroes .heroes-list .zeke-sikelianos:hover .hero-company { color:rgb(40,38,77); }
#heroes .heroes-list .zeke-sikelianos .spikes { height:560px; width:300px; background:url('../img/spikes-zeke.png') no-repeat; }
#heroes .heroes-list .zeke-sikelianos .photo { right:0; width:253px; height:560px; background:url('../img/hero-zeke.png') no-repeat; }
#heroes .heroes-list .marcel-angus { margin-top:20px; width:620px; height:271px; }
#heroes .heroes-list a.marcel-angus:focus,
#heroes .heroes-list a.marcel-angus:hover { background-color:rgb(51,204,255); }
#heroes .heroes-list .marcel-angus .hero-name { display:inline-block; width:318px; }
#heroes .heroes-list .marcel-angus:focus .hero-name,
#heroes .heroes-list .marcel-angus:hover .hero-name { text-shadow:-2px -2px 0 rgb(51,204,255), 2px -2px 0 rgb(51,204,255), -2px 2px 0 rgb(51,204,255), 2px 2px 0 rgb(51,204,255); }
#heroes .heroes-list .marcel-angus:focus .hero-company,
#heroes .heroes-list .marcel-angus:hover .hero-company { color:rgb(51,204,255); }
#heroes .heroes-list .marcel-angus .photo { right:10px; bottom:-2px; width:393px; height:273px; background:url('../img/heroes-angus-marcel.png') no-repeat; }
#heroes .heroes-list .rey-josh .hero-name { display:inline-block; width:300px; }
#heroes .heroes-list a.rey-josh:focus,
#heroes .heroes-list a.rey-josh:hover { background-color:rgb(255,185,1); }
#heroes .heroes-list .rey-josh,
#heroes .heroes-list .angelina { margin-top:20px; width:302px; height:271px; }
#heroes .heroes-list .angelina .spikes,
#heroes .heroes-list .rey-josh .spikes { width:304px; height:273px; background:url('../img/spikes-left.png') no-repeat; }
#heroes .heroes-list .rey-josh:focus .hero-name,
#heroes .heroes-list .rey-josh:hover .hero-name { text-shadow:-2px -2px 0 rgb(255,185,1), 2px -2px 0 rgb(255,185,1), -2px 2px 0 rgb(255,185,1), 2px 2px 0 rgb(255,185,1); }
#heroes .heroes-list .rey-josh:focus .hero-company,
#heroes .heroes-list .rey-josh:hover .hero-company { color:rgb(255,185,1); }
#heroes .heroes-list .rey-josh .photo { right:0; bottom:0; width:302px; height:271px; background:url('../img/hero-josh.png') no-repeat; }
#heroes .heroes-list .angelina { margin:20px 0 0 15px; }
#heroes .heroes-list .angelina .photo { right:0; bottom:0; width:218px; height:273px; background:url('../img/hero-angelina.png') no-repeat; }
#heroes .heroes-list .mauricio-wolff { margin:20px 20px 0 0; width:460px; height:223px; }
#heroes .heroes-list a.mauricio-wolff:focus,
#heroes .heroes-list a.mauricio-wolff:hover { background-color:rgb(0,117,186); }
#heroes .heroes-list .mauricio-wolff .spikes,
#heroes .heroes-list .stoyan-stefanov .spikes { width:460px; height:192px; background:url('../img/spikes-stoyan.png') no-repeat; }
#heroes .heroes-list .mauricio-wolff:focus .hero-name,
#heroes .heroes-list .mauricio-wolff:hover .hero-name { text-shadow:-2px -2px 0 rgb(0,117,186), 2px -2px 0 rgb(0,117,186), -2px 2px 0 rgb(0,117,186), 2px 2px 0 rgb(0,117,186); }
#heroes .heroes-list .mauricio-wolff:focus .hero-company,
#heroes .heroes-list .mauricio-wolff:hover .hero-company { color:rgb(0,117,186); }
#heroes .heroes-list .mauricio-wolff .photo { left:3px; width:257px; height:223px; background:url('../img/hero-mauricio.png') no-repeat; }
#heroes .heroes-list .stoyan-stefanov { margin-top:20px; width:460px; height:223px; }
#heroes .heroes-list a.stoyan-stefanov:focus,
#heroes .heroes-list a.stoyan-stefanov:hover { background-color:rgb(59,89,152); }
#heroes .heroes-list .stoyan-stefanov:focus .hero-company,
#heroes .heroes-list .stoyan-stefanov:hover .hero-company { color:rgb(59,89,152); }
#heroes .heroes-list .stoyan-stefanov:focus .hero-name,
#heroes .heroes-list .stoyan-stefanov:hover .hero-name { text-shadow:-2px -2px 0 rgb(59,89,152), 2px -2px 0 rgb(59,89,152), -2px 2px 0 rgb(59,89,152), 2px 2px 0 rgb(59,89,152); }
#heroes .heroes-list .stoyan-stefanov .photo { left:0; bottom:0; width:198px; height:212px; background:url('../img/hero-stoyan.png') no-repeat; }
#heroes .heroes-list .caridy-patino { margin:20px 20px 0 0; width:620px; height:260px; }
#heroes .heroes-list a.caridy-patino:focus,
#heroes .heroes-list a.caridy-patino:hover { background-color:rgb(123,0,153); }
#heroes .heroes-list .caridy-patino:focus .hero-company,
#heroes .heroes-list .caridy-patino:hover .hero-company { color:rgb(123,0,153); }
#heroes .heroes-list .caridy-patino:focus .hero-name,
#heroes .heroes-list .caridy-patino:hover .hero-name { text-shadow:-2px -2px 0 rgb(123,0,153), 2px -2px 0 rgb(123,0,153), -2px 2px 0 rgb(123,0,153), 2px 2px 0 rgb(123,0,153); }
#heroes .heroes-list .caridy-patino .photo { right:0; bottom:0; width:262px; height:261px; background:url('../img/hero-caridy.png') no-repeat; }
#heroes .heroes-list .zeno-rocha { margin-top:20px; width:300px; height:441px; }
#heroes .heroes-list a.zeno-rocha:focus,
#heroes .heroes-list a.zeno-rocha:hover { background-color:rgb(1,139,206); }
#heroes .heroes-list .zeno-rocha .spikes { width:300px; height:441px; background:url('../img/spikes-zeno.png') no-repeat; }
#heroes .heroes-list .zeno-rocha:focus .hero-company,
#heroes .heroes-list .zeno-rocha:hover .hero-company { color:rgb(1,139,206); }
#heroes .heroes-list .zeno-rocha:focus .hero-name,
#heroes .heroes-list .zeno-rocha:hover .hero-name { text-shadow:-2px -2px 0 rgb(1,139,206), 2px -2px 0 rgb(1,139,206), -2px 2px 0 rgb(1,139,206), 2px 2px 0 rgb(1,139,206); }
#heroes .heroes-list .zeno-rocha .photo { left:0; bottom:0; width:279px; height:439px; background:url('../img/hero-zeno.png') no-repeat; }
#heroes .heroes-list .jean-carlo { margin:-152px 20px 0 0; width:302px; height:237px; }
#heroes .heroes-list a.jean-carlo:focus,
#heroes .heroes-list a.jean-carlo:hover { background-color:rgb(139,12,22); }
#heroes .heroes-list .jean-carlo .spikes { height:228px; width:302px; }
#heroes .heroes-list .jean-carlo:focus .hero-company,
#heroes .heroes-list .jean-carlo:hover .hero-company { color:rgb(139,12,22); }
#heroes .heroes-list .jean-carlo:focus .hero-name,
#heroes .heroes-list .jean-carlo:hover .hero-name { text-shadow:-2px -2px 0 rgb(139,12,22), 2px -2px 0 rgb(139,12,22), -2px 2px 0 rgb(139,12,22), 2px 2px 0 rgb(139,12,22); }
#heroes .heroes-list .jean-carlo .photo { left:0; width:215px; height:237px; background:url('../img/hero-jean.png') no-repeat; }
#heroes .heroes-list .renato-mangini { margin-top:-152px; width:300px; height:235px; }
#heroes .heroes-list a.renato-mangini:focus,
#heroes .heroes-list a.renato-mangini:hover { background-color:rgb(32,172,39); }
#heroes .heroes-list .renato-mangini .spikes { width:300px; height:228px; background:url('../img/spikes-renato.png') no-repeat; }
#heroes .heroes-list .renato-mangini:focus .hero-company,
#heroes .heroes-list .renato-mangini:hover .hero-company { color:rgb(32,172,39); }
#heroes .heroes-list .renato-mangini:focus .hero-name,
#heroes .heroes-list .renato-mangini:hover .hero-name { text-shadow:-2px -2px 0 rgb(32,172,39), 2px -2px 0 rgb(32,172,39), -2px 2px 0 rgb(32,172,39), 2px 2px 0 rgb(32,172,39); }
#heroes .heroes-list .renato-mangini .photo { right:0; bottom:0; width:198px; height:235px; background:url('../img/hero-renato.png') no-repeat; }
#heroes .heroes-list .renato-mangini .hero-company { text-align:right; }
/* HEROES OVERLAY */
#heroes-overlay { position:fixed; top:50%; left:50%; margin:-275px 0 0 -450px; width:936px; height:554px; background:url('../img/bg-overlay.png') no-repeat; z-index:1000; }
#heroes-overlay .previous { position:absolute; left:10px; top:50%; width:30px; height:38px; background-position:0 -370px; cursor:pointer; z-index:25; color:transparent; }
#heroes-overlay .next:focus,
#heroes-overlay .next:hover,
#heroes-overlay .previous:focus,
#heroes-overlay .previous:hover { opacity:.8; }
#heroes-overlay .previous .sign { position:absolute; top:1px; left:7px; width:14px; height:30px; background-position:0 -420px; }
#heroes-overlay .next { position:absolute; right:10px; top:50%; width:30px; height:38px; background-position:-153px -370px; cursor:pointer; z-index:25; color:transparent; }
#heroes-overlay .next .sign { position:absolute; top:1px; right:9px; width:17px; height:30px; background-position:-165px -420px; }
#heroes-overlay .sequence-canvas { height:100%; width:100%; }
#heroes-overlay .sequence-canvas > li { position:absolute; }
#heroes-overlay .sequence-canvas > li > * { position:absolute; }
#heroes-overlay .portrait { opacity:0; top:10px; left:40px; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; -ms-transition:all 1s ease; transition:all 1s ease; }
#heroes-overlay .animate-in .photo { opacity:1; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; -ms-transition:all 1s ease; transition:all 1s ease; }
#heroes-overlay .animate-in .portrait { opacity:1; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; -ms-transition:all 1s ease; transition:all 1s ease; }
#heroes-overlay .animate-out .portrait { opacity:0; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; -ms-transition:all 1s ease; transition:all 1s ease; }
#heroes-overlay .speaker { opacity:0; left:200px; -webkit-transition:left 1s ease; -moz-transition:left 1s ease; -o-transition:left 1s ease; -ms-transition:all 1s ease; transition:left 1s ease; }
#heroes-overlay .animate-in .speaker { opacity:1; left:350px; transition:all 1s ease; }
#heroes-overlay .animate-out .speaker { opacity:0; transition:all 1s ease; }
#heroes-overlay .portrait .share { position:absolute; top:400px; margin:26px 0 0 31px; padding:0; }
#heroes-overlay .portrait .second { top:300px; }
#heroes-overlay .portrait { position:relative; float:left; width:350px; }
#heroes-overlay .portrait .share li { display:inline-block; margin-right:10px; vertical-align:top; }
#heroes-overlay .close { position:absolute; bottom:9px; right:31px; display:block; width:73px; height:43px; background-position:0 -887px; color:transparent; cursor:pointer; z-index:20; }
#heroes-overlay .close:hover,
#heroes-overlay .close:focus { opacity:.8; }
#heroes-overlay ul { margin:0; list-style:none; }
#heroes-overlay .photo:before { content:''; position:absolute; top:80px; left:-51px; width:495px; height:256px; background:url('../img/speaker-gradient-2.png') no-repeat; }
#heroes-overlay .photo:after { content:''; position:absolute; top:194px; left:-81px; width:495px; height:256px; background:url('../img/speaker-gradient.png') no-repeat; }
#heroes-overlay .speaker { float:left; padding-top:99px; width:510px; }
#heroes-overlay .speaker .name { margin:0; font-family:"Arial Black", Gadget, sans-serif; font-size:40px; font-weight:900; line-height:40px; color:rgb(255,255,255); text-shadow:-2px -2px 0 rgb(92,206,247), 2px -2px 0 rgb(92,206,247), -2px 2px 0 rgb(92,206,247), 2px 2px 0 rgb(92,206,247); text-transform:lowercase; }
#heroes-overlay #angus-marcel .speaker .name,
#heroes-overlay #ray-josh .speaker .name { width:400px; }
#heroes-overlay .speaker .company { display:block; font-family:"Arial Black", Gadget, sans-serif; font-style:normal; font-size:20px; font-weight:900; line-height:120%; color:rgb(0,158,212); text-align:left; text-shadow:-2px -2px 0 rgb(255,255,255), 2px -2px 0 rgb(255,255,255), -2px 2px 0 rgb(255,255,255), 2px 2px 0 rgb(255,255,255); }
#heroes-overlay .speaker .information { position:relative; margin:30px 0 22px; padding:12px 10px 1px 21px; width:495px; background-color:rgba(0,0,0,0.9); }
#heroes-overlay .speaker .information .spacer { position:absolute; left:0; top:-35px; width:495px; height:35px; background:url('../img/bg-speaker-overlay.png') no-repeat; }
#heroes-overlay .speaker .information p { margin:0 0 20px; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:130%; color:rgb(255,255,255); }
#heroes-overlay .speaker .social-networks { padding:0; }
#heroes-overlay .speaker .social-networks li { position:relative; bottom:0; display:inline-block; transition: bottom 0.3s ease; }
#heroes-overlay .speaker .social-networks li:hover { bottom:4px; }
#heroes-overlay .speaker .social-networks li a { display:block; width:37px; height:39px; }
#heroes-overlay .speaker .social-networks li a:hover,
#heroes-overlay .speaker .social-networks li a:focus { opacity:.8; }
#heroes-overlay .speaker .social-networks li a.github { background-position:0 -461px; }
#heroes-overlay .speaker .social-networks li a.twitter { background-position:-41px -461px; }
#heroes-overlay .speaker .social-networks li a.blog { background-position:-119px -461px; }
#heroes-overlay .speaker .social-networks li a.video { background-position:-161px -461px; }
#heroes-overlay .speaker .social-networks li a.speak { background-position:-202px -461px; }
#heroes-overlay .photo { position:absolute; opacity:0; left:7px; top:62px; display:block; width:265px; height:412px; background:url('../img/overlay-caridy.png') no-repeat; }
#heroes-overlay #renato .photo { left:-9px; top:31px; width:315px; height:422px; background:url('../img/overlay-renato.png') no-repeat; }
#heroes-overlay #alexandre .photo { left:9px; top:31px; width:315px; height:422px; background:url('../img/overlay-alexandre.png') no-repeat; }
#heroes-overlay #alexandre .photo:before { left:-69px; }
#heroes-overlay #stoyan .photo { left:-29px; top:47px; width:284px; height:398px; background:url('../img/overlay-stoyan.png') no-repeat; }
#heroes-overlay #stoyan .photo:before { left:-31px; }
#heroes-overlay #thibault .photo { left:-59px; top:40px; width:319px; height:412px; background:url('../img/overlay-thibault.png') no-repeat; }
#heroes-overlay #thibault .photo:before { left:-1px; }
#heroes-overlay #robert .photo { left:-9px; top:30px; width:257px; height:421px; background:url('../img/overlay-robert.png') no-repeat; }
#heroes-overlay #douglas-crockford .photo { left:-9px; top:30px; width:257px; height:421px; background:url('../img/overlay-douglas.png') no-repeat; }
#heroes-overlay #zeke .photo { left:-9px; top:3px; width:207px; height:459px; background:url('../img/overlay-zeke.png') no-repeat; }
#heroes-overlay #angus-marcel .photo { left:-61px; top:100px; width:432px; height:321px; background:url('../img/overlay-angus-marcel.png') no-repeat; }
#heroes-overlay #angus-marcel .photo:before { left:1px; }
#heroes-overlay #caridy .photo:before { left:-67px; }
#heroes-overlay #demian .photo { left:-12px; top:30px; width:272px; height:422px; background:url('../img/overlay-demian.png') no-repeat; }
#heroes-overlay #demian .photo:before { left:-48px; }
#heroes-overlay #ray-josh .photo { left:-59px; width:419px; height:372px; background:url('../img/overlay-ray-josh.png') no-repeat; }
#heroes-overlay #ray-josh .photo:before { left:-1px; }
#heroes-overlay #ray-josh .photo:after { left:-21px; }
#heroes-overlay #mauricio .photo { left:-9px; top:30px; width:286px; height:414px; background:url('../img/overlay-mauricio.png') no-repeat; }
#heroes-overlay #jean .photo { left:-9px; width:253px; height:388px; background:url('../img/overlay-jean.png') no-repeat; }
#heroes-overlay #zeno .photo { top:31px; left:-35px; width:304px; height:432px; background:url('../img/overlay-zeno.png') no-repeat; }
#heroes-overlay #zeno .photo:before { left:-25px; }
#heroes-overlay #angelina .photo { left:-49px; top:25px; width:332px; height:425px; background:url('../img/overlay-angelina.png') no-repeat; }
#heroes-overlay #angelina .photo:before { left:-11px; }
/* SCHEDULE */
#schedule { display:inline-block; clear:both; margin-top:60px; width:100%; }
#schedule .schedule-wrapper { position:relative; padding:70px 0 0 20px; margin:auto; width:980px; }
#schedule .schedule-wrapper .title { position:relative; left:250px; top:15px; margin:0 0 97px 0; width:506px; height:169px; background-position:0 -461px; z-index:1; }
#schedule .schedule-wrapper .burst { position:absolute; top:-156px; left:-96px; display:block; width:1280px; height:530px; background:url('../img/bg-schedule.png') no-repeat; }
#schedule .schedule-wrapper .thunder { position:absolute; top:-41px; left:-2px; display:block; width:997px; height:241px; background:url('../img/thunder.png') no-repeat; }
#schedule table { margin-right:19px; width:460px; float:left; }
#schedule table caption { margin-bottom:38px; font-family:"Arial Black", Gadget, sans-serif; font-size:40px; font-weight:900; text-align:left; line-height:100%; color:rgb(225,43,38); text-shadow:0px 3px 0px rgb(0,0,0); }
#schedule table caption .weekday { display:block; font-family:"Arial Black", Gadget, sans-serif; font-size:20px; font-weight:900; line-height:120%; color:rgb(32,28,29); text-align:left; text-shadow:-2px -2px 0 rgb(225,43,38), 2px -2px 0 rgb(225,43,38), -2px 2px 0 rgb(225,43,38), 2px 2px 0 rgb(225,43,38); }
#schedule table tbody { vertical-align:top; }
#schedule table tbody tr.event td.speaker { font-style:italic; }
#schedule table tbody td.hour { font-size:16px; color:#ffffff !important; }
#schedule table tbody tr { padding:10px; border-top:1px solid #000; border-bottom:1px solid #000 }
#schedule table tbody tr.event { background:url('../img/bg-table.png') repeat-x; }
#schedule table tbody tr.event td { font-size:16px; color:rgb(174,174,174); }
#schedule table tbody td { padding:15px 0 15px 15px; }
#schedule table tbody td.speaker { padding:15px 0 0 30px; }
#schedule table tbody td .info-wrapper { margin-bottom:20px; float:left; width:300px; }
#schedule table tbody td .name { font-size:16px; color:rgb(248,204,95); text-transform:uppercase; }
#schedule table tbody td .speak { display:block; color:rgb(173,173,173); font-weight:bold; }
#schedule table tbody td a.speak:hover,
#schedule table tbody td a.speak:focus { opacity:.7; }
#schedule table tbody td .expand { float:right; width:20px; height:20px; background-position:0 -242px; cursor:pointer; transition:all 1s ease; color:transparent; }
#schedule table tbody td .expand:hover,
#schedule table tbody td .expand:focus { opacity:.7; }
#schedule table tbody td .expand.active { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); }
#schedule table tbody td .about { overflow:hidden; clear:both; max-height:0; margin-left:-85px; width:460px; background-color:rgb(26,22,23); -webkit-transition:all ease 0.2s; -moz-transition:all ease 0.2s; -o-transition:all ease 0.2s; -ms-transition:all ease 0.2s; transition:all ease 0.2s; }
#schedule table tbody td .about:before { content:''; background:url('../img/ico-general.png') 0 -283px no-repeat; margin-left:221px; width:16px; height:7px; display:block; }
#schedule table tbody td .expand.active + .about { max-height:600px; -webkit-transition:all ease 1s; -moz-transition:all ease 1s; -o-transition:all ease 1s; -ms-transition:all ease 1s; transition:all ease 1s; }
#schedule table tbody td .about p:first-child { padding:11px 13px; }
#schedule table tbody td .about p { margin:0; padding:0 13px 13px; font-size:14px; color:rgb(172,172,172); }
.mozilla-hackday { position:relative; clear:both; float:left; margin-top:85px; padding-bottom:25px; width:100%; background-color:rgb(0,77,147); }
.mozilla-hackday:after { content:''; position:absolute; bottom:0; right:0; width:12px; height:10px; background:url('../img/bg-hackday.png') no-repeat; }
.mozilla-hackday .logo { position:absolute; top:-50px; left:-40px; margin:0; width:445px; height:251px; background:url('../img/mozilla.svg') no-repeat; pointer-events:none; }
.mozilla-hackday .info { float:right; margin-right:25px; padding-top:25px; width:527px; }
.mozilla-hackday .description { margin-bottom:20px; font-size:14px; color:#FFF; }
.mozilla-hackday .apply { padding:5px 10px; background-color:#FFF; font-family:'Bangers', cursive; font-size:20px; color:rgb(229,96,37); text-decoration:none; transition:all ease .7s; }
.mozilla-hackday .apply:hover { background-color:rgb(229,96,37); color:#FFF; }
/* LOCALE */
#locale { display:inline-block; clear:both; margin-top:200px; width:100%; }
#locale .locale-wrapper { position:relative; padding:70px 20px 0; margin:auto; width:980px; }
#locale .locale-wrapper .burst { position:absolute; top:-163px; left:-101px; display:block; width:1127px; height:384px; background:url('../img/bg-locale.png') no-repeat; }
#locale .locale-wrapper .title { width:195px; height:107px; }
#locale .locale-wrapper .photo-container { position:relative; }
#locale .locale-wrapper .photo-container .photo-1 { position:absolute; display:block; width:500px; height:322px; background:url('../img/teatro-bourbon-1.jpg') no-repeat; z-index:3; }
#locale .locale-wrapper .photo-container .photo-2 { position:absolute; top:-52px; left:25px; display:block; width:500px; height:322px; background:url('../img/teatro-bourbon-2.jpg') no-repeat; z-index:2; -webkit-transform:rotate(-7deg); -moz-transform:rotate(-7deg); -o-transform:rotate(-7deg); -ms-transform:rotate(-7deg); transform:rotate(-7deg); }
#locale .locale-wrapper .info-container { position:relative; float:right; margin-top:-20px; width:369px; z-index:5; }
#locale .locale-wrapper .info-container .address { color:#FFF; line-height:15px; font-size:14px; font-style:normal; }
#locale .locale-wrapper .info-container .address span { display:block; }
#locale .locale-wrapper .info-container .address .theater-link { display:block; margin-top:10px; color:rgb(255,201,38); text-decoration:none; font-weight:bold; }
#locale .locale-wrapper .info-container .address .theater-link:focus,
#locale .locale-wrapper .info-container .address .theater-link:hover { text-decoration:underline; }
#locale .locale-wrapper .how-to { position:absolute; top:267px; left:-254px; width:392px; height:237px; background-position:0 -952px; z-index:4; text-indent:-9999px; }
#locale #map { clear:both; margin-top:440px; width:100%; height:550px; border-top:10px solid black; border-bottom:10px solid black; }
/* TICKETS */
#tickets { clear:both; margin-top:60px; width:100%; }
#tickets .tickets-wrapper { position:relative; padding:70px 20px 0; margin:auto; width:980px; }
#tickets .tickets-wrapper .title { position:relative; margin-bottom:2px; width:548px; height:175px; background-position:0 -284px; }
#tickets .tickets-wrapper .burst { position:absolute; top:-73px; left:-15px; display:block; width:1174px; height:397px; background:url('../img/bg-tickets.png') no-repeat; }
#tickets .tickets-wrapper .ballons { position:absolute; top:1px; left:18px; display:block; width:180px; height:140px; background:url('../img/ballons.png') no-repeat; }
#tickets .tickets-wrapper .pigies { /*transition:all 1s ease;*/ position:absolute; top:0; right:0; display:block; width:159px; height:134px; background:url('../img/piggie.png') no-repeat; -webkit-animation:piggies .6s infinite steps(4,end); -moz-animation:piggies .6s infinite steps(4,end); -ms-animation:piggies .6s infinite steps(4,end); -o-animation:piggies .6s infinite steps(4,end); animation:piggies .6s infinite steps(4,end); }
#tickets .tickets-wrapper .pigies.pig-1 { right:-106px; top:84px; -webkit-animation-delay:0.5s; -moz-animation-delay:0.5s; -ms-animation-delay:0.5s; -o-animation-delay:0.5s; animation-delay:0.5s; }
#tickets .tickets-wrapper .pigies.pig-2 { right:-130px; top:178px; -webkit-animation-delay:0.7s; -moz-animation-delay:0.7s; -ms-animation-delay:0.7s; -o-animation-delay:0.7s; animation-delay:0.7s; z-index:5; }
#tickets .tickets-wrapper .pigies.pig-3 { right:-3px; top:140px; -webkit-animation-delay:0.9s; -moz-animation-delay:0.9s; -ms-animation-delay:0.9s; -o-animation-delay:0.9s; animation-delay:0.9s; }
#tickets .tickets-wrapper .buy { position:relative; display:inline-block; width:539px; height:102px; background-color:rgb(64,68,91); background-image:-moz-linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); background-image:-webkit-gradient(linear,color-stop(0, rgba(0,0,0,0)),color-stop(1, rgba(0,0,0,0.5))); background-image:-webkit-linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); background-image:-ms-linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); background-image:linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); z-index:2; }
#tickets .tickets-wrapper .buy strong { display:inline-block; margin:30px 0 0 51px; width:425px; height:58px; background-position:0 -651px; }
.LNG-en-us #tickets .tickets-wrapper .buy strong { margin-left:121px; width:305px; }
#tickets .tickets-wrapper .corner-shadow { position:relative; bottom:19px; left:388px; display:block; width:548px; height:26px; background:url('../img/buyShadow.png') no-repeat; z-index:1; }
#tickets .tickets-wrapper .closed-event { margin:5px 0 0 40px; vertical-align:top; }
#tickets .tickets-wrapper .gogogo { clear:both; margin:60px auto auto auto; display:block; width:461px; height:55px; background-position:0 -711px; }
#tickets .tickets-wrapper .disclaimer { display:inline-block; margin-right:16px; width:370px; font-size:16px; color:#FFF; }
@-moz-keyframes piggies { from { background-position: 0; } to { background-position: -637px; } }
@-webkit-keyframes "piggies" { from { background-position: 0; } to { background-position: -637px; } }
@-ms-keyframes "piggies" { from { background-position: 0; } to { background-position: -637px; } }
@-o-keyframes "piggies" { from { background-position: 0; } to { background-position: -637px; }}
@keyframes piggies { from { background-position:0; } to { background-position:-637px; } }
/* MANIFEST */
#manifest { clear:both; margin-bottom:300px; width:100%; }
#manifest .manifest-wrapper { position:relative; padding:70px 100px 0; margin:auto; width:980px; }
#manifest .manifest-wrapper:before { content:''; position:absolute; left:0; top:-63px; width:980px; height:980px; background:url('../img/bg-manifest.png') no-repeat; }
#manifest .manifest-wrapper .title { position:relative; top:27px; margin:0; width:312px; height:115px; background-position:-7px -1202px; z-index:1; }
#manifest .manifest-wrapper .our-history { position:relative; float:left; padding:57px 43px; width:380px; height:548px; background:url('../img/bg-legacy.png') no-repeat; z-index:2; }
#manifest .manifest-wrapper .the-origin { margin-right:20px; background:url('../img/bg-legacy.png') no-repeat; }
#manifest .manifest-wrapper .the-future { margin-top:15px; background:url('../img/bg-future.png') no-repeat; }
#manifest .manifest-wrapper .the-origin .moto { margin-bottom:30px; width:188px; height:75px; background-position:0 -1355px; }
#manifest .manifest-wrapper .our-history .disclaimer { margin-bottom:20px; width:288px; font-family:"Comic Sans MS", arial; font-size:13px; line-height:19px; color:rgb(255,255,255); text-align:left; text-shadow:1px -3px 0px rgba(0,0,0,0.25); text-transform:uppercase;}
/* SPONSORS */
#sponsors { position:relative; clear:both; width:100%; background-color:#171314; }
#sponsors:before { content:''; position:absolute; top:-239px; left:0; right:0; height:239px; width:100%; background:url('../img/bg-sponsors.png'); z-index:2; }
#sponsors .sponsors-wrapper { position:relative; padding:70px 20px 0; margin:auto; width:980px; }
#sponsors .sponsors-wrapper .title { margin:auto auto 20px; height:29px; width:461px; background-position:0 -1492px; }
.LNG-en-us #sponsors .sponsors-wrapper .title { height:16px; width:574px; background-position:0 -1496px; }
#sponsors .sponsors-wrapper .sponsors { display:inline-block; margin-bottom:70px; }
#sponsors .sponsors-wrapper .sponsors .ttl-general { margin-bottom:21px; }
#sponsors .sponsors-wrapper .adamantiun .ttl-general { width:224px; height:17px; background-position:0 -1531px; }
#sponsors .sponsors-wrapper .gold .ttl-general { width:159px; height:17px; background-position:0 -1564px; }
#sponsors .sponsors-wrapper .silver .ttl-general { width:185px; height:13px; background-position:-220px -1598px; }
#sponsors .sponsors-wrapper .bronze .ttl-general { width:185px; height:13px; background-position:0 -1598px; }
#sponsors .sponsors-wrapper .sponsors .sponsor-list { padding:0; display:inline-block; margin:0; list-style:none; }
#sponsors .sponsors-wrapper .sponsors .sponsor-list li { position:relative; display:inline-block; margin-top:20px; padding:24px 16px; width:939px; }
#sponsors .sponsors-wrapper .squares li a:after,
#sponsors .sponsors-wrapper .sponsors .sponsor-list li:after { content:''; position:absolute; bottom:0; right:0; width:12px; height:10px; background:url('../img/bg-sponsor-detail.png') no-repeat; }
#sponsors .sponsors-wrapper .sponsors .sponsor-list li:first-child { margin-top:0; }
#sponsors .sponsors-wrapper .sponsors .sponsor-list .sponsor { float:left; width:220px; opacity:1; transition:opacity, ease, .4s; }
#sponsors .sponsors-wrapper .sponsors .sponsor-list .sponsor:hover,
#sponsors .sponsors-wrapper .sponsors .sponsor-list .sponsor:focus { opacity:.7; }
#sponsors .sponsors-wrapper .sponsors .sponsor-list .sponsor .sponsors-general { display:block; background:url('../img/sponsors.png') no-repeat; text-indent:-9999px; }
#sponsors .sponsors-wrapper .sponsors .sponsor-list .blackberry { background-color:#677A0E; }
#sponsors .sponsors-wrapper .sponsors .sponsor-list .blackberry .sponsor a { margin-top:36px; width:201px; height:36px; background-position:0 0; }
#sponsors .sponsors-wrapper .sponsors .sponsor-list .mozilla { background-color:#C13832; }
#sponsors .sponsors-wrapper .sponsors .sponsor-list .mozilla .sponsor a { margin-top:16px; width:202px; height:60px; background-position:0 -56px; }
#sponsors .sponsors-wrapper .sponsors .sponsor-list .liferay { background-color:#FFF; }
#sponsors .sponsors-wrapper .sponsors .sponsor-list .liferay .sponsor a { margin-top:12px; width:202px; height:49px; background-position:0 -201px; }
#sponsors .sponsors-wrapper .sponsors .sponsor-list .liferay .about { color:#000; }
#sponsors .sponsors-wrapper .sponsors .sponsor-list .w3c { background-color:rgb(0,74,255); }
#sponsors .sponsors-wrapper .sponsors .sponsor-list .w3c .sponsor a { margin:13px 0 0 -8px; width:209px; height:66px; background-position:0 -554px; }
#sponsors .sponsors-wrapper .sponsors .sponsor-list .w3c .about { color:#FFF; }
#sponsors .sponsors-wrapper .sponsors .sponsor-list .google { background-color:#FFF; }
#sponsors .sponsors-wrapper .sponsors .sponsor-list .google .sponsor a { margin:22px 0 0 -8px; width:203px; height:52px; background-position:0 -728px; }
#sponsors .sponsors-wrapper .sponsors .sponsor-list .google .about { color:#000; }
#sponsors .sponsors-wrapper .sponsors .sponsor-list .microsoft { background-color:#FFF; }
#sponsors .sponsors-wrapper .sponsors .sponsor-list .microsoft .sponsor a { margin:24px 0 0 -8px; width:208px; height:44px; background-position:0 -800px; }
.LNG-en-us #sponsors .sponsors-wrapper .sponsors .sponsor-list .microsoft .sponsor a { margin-top:11px; }
#sponsors .sponsors-wrapper .sponsors .sponsor-list .microsoft .about { color:#000; }
#sponsors .sponsors-wrapper .sponsors .sponsor-list .about { float:left; margin:0; width:670px; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:120%; color:rgb(255,255,255); text-align:left; }
#sponsors .sponsors-wrapper .squares .sponsor-list { padding:0; }
#sponsors .sponsors-wrapper .squares li { display:inline-block; margin-left:14px; }
#sponsors .sponsors-wrapper .squares .sponsor-list li { padding:0; margin-top:0; width:220px; }
#sponsors .sponsors-wrapper .squares li:first-child { margin-left:0; }
#sponsors .sponsors-wrapper .squares li a { display:block; width:221px; height:141px; background-color:#fff; text-indent:-9999px; }
#sponsors .sponsors-wrapper .squares .sponsor-list .sponsor .github { margin:50px 0 0 28px; width:163px; height:44px; background-position:0 -137px; }
#sponsors .sponsors-wrapper .squares .sponsor-list .sponsor .caelum { margin:43px 0 0 16px; width:191px; height:60px; background-position:0 -410px; }
#sponsors .sponsors-wrapper .squares .sponsor-list .sponsor .adobe { margin:50px 0 0 28px; width:163px; height:44px; background-position:0 -137px; }
#sponsors .sponsors-wrapper .squares .sponsor-list .sponsor.adobe { background-color:rgb(236,26,44); }
#sponsors .sponsors-wrapper .squares .sponsor-list .sponsor.adobe .sponsors-general { margin:48px 0 0 17px; height:42px; width:191px; background-position:0 -491px;}
#sponsors .sponsors-wrapper .squares .sponsor-list .sponsor.treinaweb .sponsors-general { margin:35px auto; height:67px; width:155px; background-position:0 -640px;}
#sponsors .sponsors-wrapper .squares .sponsor-list .sponsor .wakanda { margin:45px 0 0 12px; width:193px; height:52px; background-position:0 -270px; }
#sponsors .sponsors-wrapper .squares .sponsor-list .sponsor.heroku { background-color:rgb(41,38,77); }
#sponsors .sponsors-wrapper .squares .sponsor-list .sponsor .heroku { margin:51px 0 0 31px; width:159px; height:48px; background-position:0 -342px; }
#sponsors .sponsors-wrapper .squares li .sponsor.join-us { width:221px; background:url('../img/bg-join-us.png') no-repeat; }
#sponsors .sponsors-wrapper .be-a-sponsor { margin:auto auto; padding-bottom:80px; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:120%; color:rgb(255,255,255); text-align:center; }
#sponsors .sponsors-wrapper .be-a-sponsor a { color:rgb(255,204,0); text-decoration:none; }
#sponsors .sponsors-wrapper .be-a-sponsor a:hover,
#sponsors .sponsors-wrapper .be-a-sponsor a:focus { text-decoration:underline; }
#sponsors .sponsors-wrapper .supporters { display:inline-block; padding-bottom:100px; }
#sponsors .sponsors-wrapper .supporters .ttl-general { height:14px; width:203px; background-position:0 -1632px; }
.LNG-en-us #sponsors .sponsors-wrapper .supporters .ttl-general { width:238px; background-position:0 -1633px; }
#sponsors .sponsors-wrapper .supporters.educational .ttl-general { width:199px; background-position:-220px -1632px; }
.LNG-en-us #sponsors .sponsors-wrapper .supporters.educational .ttl-general { width:231px; background-position:-303px -1633px; }
#sponsors .sponsors-wrapper .supporters ul { margin:0; padding:0; list-style:none; }
#sponsors .sponsors-wrapper .supporters ul li { float:left; margin-right:40px; }
#sponsors .sponsors-wrapper .supporters a { display:inline-block; background:url('../img/supporters.png') no-repeat; transition:opacity, ease, .4s; opacity:1; }
#sponsors .sponsors-wrapper .supporters a:focus,
#sponsors .sponsors-wrapper .supporters a:hover { opacity:.7; }
#sponsors .sponsors-wrapper .supporters a.marimbondo { width:201px; height:47px; }
#sponsors .sponsors-wrapper .supporters a.senac { width:300px; height:68px; background-position:0 -68px; }
#sponsors .sponsors-wrapper .supporters a.eventick { width:129px; height:47px; background-position:0 -156px; }
#sponsors .sponsors-wrapper .supporters a.abradi { margin-top:13px; width:168px; height:38px; background-position:0 -223px; }
#sponsors .sponsors-wrapper .supporters a.casa-do-codigo { margin-top:13px; width:130px; height:38px; background-position:0 -281px; }
#sponsors .sponsors-wrapper .supporters a.get-up { margin-top:13px; width:102px; height:53px; background-position:0 -339px; }
#sponsors .sponsors-wrapper .supporters a.treinaweb { margin-top:13px; width:118px; height:51px; background-position:0 -412px; }
#sponsors .sponsors-wrapper .supporters a.superplayer { margin-top:21px; width:180px; height:57px; background-position:0 -483px; }
#sponsors .sponsors-wrapper .supporters a.kinghost { margin-top:30px; width:193px; height:26px; background-position:0 -545px; }
#sponsors .sponsors-wrapper .supporters a.publisoft { margin-top:23px; width:170px; height:38px; background-position:0 -592px; }
#sponsors .sponsors-wrapper .supporters a.qi { margin-top:12px; width:93px; height:67px; background-position:0 -650px; }
#sponsors .sponsors-wrapper .supporters a.nyvra { margin:33px 0 10px; width:244px; height:35px; background-position:0 -737px; }
#sponsors .sponsors-wrapper .supporters a.computech { margin-top:21px; width:182px; height:45px; background-position:0 -792px; }
#sponsors .sponsors-wrapper .supporters a.revista-W { margin-top:9px; width:72px; height:72px; background-position:0 -857px; }
/* FOLLOW US */
#follow-us { position:relative; clear:both; padding-top:20px; width:100%; background-color:#171314; }
#follow-us .follow-us-container { position:relative; padding:70px 20px 0; margin:auto; width:980px; }
#follow-us .follow-us-container .title { position:relative; margin:auto; width:438px; height:316px; background:url('../img/bg-twitter.png') no-repeat; z-index:2; }
.LNG-en-us #follow-us .follow-us-container .title { background:url('../img/bg-twitter-en.png') no-repeat; }
#follow-us .follow-us-container .burst { position:absolute; top:-14px; left:263px; width:448px; height:453px; background:url('../img/twitter-burst.png') no-repeat; z-index:1; }
#follow-us .follow-us-container .at-braziljs { margin-top:40px; display:inline-block; clear:both; }
#follow-us .follow-us-container .birdy { display:inline-block; width:347px; height:53px; background-position:0 -781px; }
#follow-us .follow-us-container .our-link { display:inline-block; width:261px; height:23px; background-position:0 -1449px; }
#follow-us .follow-us-container .our-link:hover,
#follow-us .follow-us-container .our-link:focus { opacity:.75; }
.LNG-en-us #follow-us .follow-us-container .our-link { width:298px; }
#likes-container { position:relative; width:961px; height:444px; background:url('../img/bg-facebook-like.png') no-repeat; }
#likes-container .like-us { position:absolute; right:0; top:40px; width:124px; height:61px; background-position:0 -1666px; }
#likes-container .facebook-container { position:absolute; left:154px; top:166px; }
#tweets-container { display:inline-block; height:270px; width:980px; }
#tweets-container ul { display:inline-block; margin:0; list-style:none; font-family:"Comic Sans MS", arial; line-height:130%; color:rgb(255,255,255); text-align:center; }
#tweets-container ul a { text-decoration:none; }
#tweets-container ul li { float:left; width:298px; }
#tweets-container ul li .user { position:relative; }
#tweets-container ul li .user:after { content:''; position:absolute; top:41px; left:132px; height:9px; width:11px; background:url('../img/ico-general.png') 0 -855px no-repeat; }
#tweets-container ul li .user a { color:#FFF; position:relative; }
#tweets-container ul li .user a:after { /*content:''; position:absolute; bottom:-18px; left:9px; height:9px; width:11px; background:url('../img/ico-general.png') 0 -855px no-repeat; */}
#tweets-container ul li .user img { position:relative; width:48px; height:48px; border:2px solid #FFF; border-radius:80px; }
#tweets-container ul li .user span { display:block; margin-top:15px; font-size:16px; text-transform:uppercase; }
#tweets-container ul li .user span:nth-child(3) { margin-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:rgb(255,204,0); text-align:center; text-decoration:none; }
#tweets-container ul li .user span:first-child:after { content:''; position:absolute; bottom:-18px; left:9px; height:9px; width:11px; background:url('../img/ico-general.png') 0 -855px no-repeat; }
#tweets-container ul li .tweet { position:relative; margin-top:25px; padding-top:11px; font-size:13px; text-transform:uppercase; }
#tweets-container ul li .tweet:before { content:''; position:absolute; top:-20px; width:292px; height:11px; background:url('../img/bg-tweet.png') no-repeat; }
#tweets-container ul li .tweet a { color:rgb(55,171,191); }
#tweets-container ul li .user span:nth-child(3):focus,
#tweets-container ul li .user span:nth-child(3):hover,
#tweets-container ul li .tweet a:hover,
#tweets-container ul li .tweet a:focus { text-decoration:underline; opacity:.7; }
/* THE GUYS */
#the-guys { clear:both; padding-top:60px; padding-bottom:589px; width:100%; background-color:#171314; }
#the-guys .the-guys-container { position:relative; padding:70px 20px 0; margin:auto; width:980px; }
#the-guys .the-guys-container .title { display:block; margin:auto; width:414px; height:104px; background-position:0 -773px; }
#the-guys .the-guys-container .curator { position:relative; display:inline-block; float:left; margin-top:60px; }
#the-guys .the-guys-container .curator .name { font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:rgb(248,206,97); text-align:left; text-shadow:0px 4px 0px rgba(0,0,0,0.65); }
#the-guys .the-guys-container .curator .resume { width:219px; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:130%; color:rgb(135,133,133); }
#the-guys .the-guys-container .curator .social-networks { margin:0; padding:0; }
#the-guys .the-guys-container .curator .social-networks li { list-style:none; display:inline-block; }
#the-guys .the-guys-container .curator .social-networks li a { position:relative; bottom:0; display:block; width:37px; height:39px; transition: bottom 0.3s ease; }
#the-guys .the-guys-container .curator .social-networks li a:hover,
#the-guys .the-guys-container .curator .social-networks li a:focus { bottom:4px; opacity:.7; }
#the-guys .the-guys-container .curator .social-networks li a.github { background-position:0 -313px; }
#the-guys .the-guys-container .curator .social-networks li a.twitter { background-position:-41px -313px; }
#the-guys .the-guys-container .curator .social-networks li a.blog { background-position:-120px -313px; }
#the-guys .the-guys-container .curator .photo { position:absolute; display:block; z-index:3; }
#the-guys .the-guys-container .curator.jaydson .photo { top:26px; left:193px; width:243px; height:503px; background:url('../img/jay.png') no-repeat; }
#the-guys .the-guys-container .curator.felipe { float:right; text-align:right; }
#the-guys .the-guys-container .curator.felipe .photo { top:0; right:200px; width:282px; height:529px; background:url('../img/felipe.png') no-repeat; }
/* DIRECTED BY */
.directed-by { position:relative; clear:both; width:100%; background-color:#2A2C39; }
.directed-by:before { content:''; position:absolute; top:-239px; left:0; right:0; height:239px; width:100%; background:url('../img/bg-footer-cities.png'); z-index:2; }
.directed-by .directed-by-wrapper { position:relative; padding:15px 20px 0; margin:auto; width:980px; text-align:left; }
.directed-by .directed-by-wrapper .brazil-js-logo { display:inline-block; width:60px; height:20px; background-position:0 -517px; }
.directed-by .directed-by-wrapper .brazil-js-logo:hover,
.directed-by .directed-by-wrapper .brazil-js-logo:focus { opacity:.7; }
.directed-by .directed-by-wrapper .copyright { display:inline-block; margin:0 320px 0 0; padding-top:3px; vertical-align:top; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:120%; color:rgb(255,255,255); }
.directed-by .directed-by-wrapper .copyright a { color:rgb(255,204,0); text-decoration:none; }
.directed-by .directed-by-wrapper .copyright a:hover,
.directed-by .directed-by-wrapper .copyright a:focus { text-decoration:underline; }
.directed-by .directed-by-wrapper .developed-by { display:inline-block; margin:0 5px 0 0; padding-top:3px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:120%; color:rgba(255,255,255,0.5); vertical-align:top; }
.directed-by .directed-by-wrapper .developed-by:before { content:''; position:absolute; top:-51px; right:0; width:200px; height:51px; background:url('../img/ico-general.png') no-repeat 0 -672px; z-index:3; }
.directed-by .directed-by-wrapper .marimbondo-logo { display:inline-block; width:131px; height:15px; background-position:0 -557px; vertical-align:top; }
.directed-by .directed-by-wrapper .marimbondo-logo:hover,
.directed-by .directed-by-wrapper .marimbondo-logo:focus { opacity:.7; }
/* SOCIAL */
.social-container { margin:auto; padding-top:20px; width:980px; text-align:center; }
#social-networks { position:relative; display:inline-block; margin-top:15px; height:150px; width:300px; vertical-align:top; }
#social-networks .share-this { position:absolute; bottom:46px; left:23px; height:54px; width:139px; }
#social-networks ul { padding:0; margin:0; }
#social-networks ul li { display:inline-block; margin-right:10px; vertical-align:top; }
.ticket-container { position:relative; float:right; padding-top:13px; }
.ticket-container .ticket { display:block; width:161px; height:94px; background-position:0 -126px; -webkit-transition:-webkit-transform 0.5s ease; -moz-transition:-moz-transform 0.5s ease; -o-transition:-o-transform 0.5s ease; -ms-transition:-ms-transform 0.5s ease; transition:transform 0.5s ease; }
.ticket-container .ticket:hover { -webkit-transform:rotate(-4deg); -moz-transform:rotate(-4deg); -o-transform:rotate(-4deg); -ms-transform:rotate(-4deg); transform:rotate(-4deg); }
.ticket-container .buy-the-ticket { position:absolute; right:-35px; bottom:-36px; width:131px; height:66px; background-position:0 -58px; }
/* MOBILE */
@media (min-width: 0) and (max-width: 767px) {
.world-cup { position:static; display:block; margin:20px auto; height:37px; width:300px; background:url('../img/mobile/braziljs-2014.png') no-repeat; z-index:1000; }
#modal { display:none; }
.is-live #modal { display:block; }
/* HELPERS */
.ico-general { display:block; background:url('../img/mobile/ico-general.png') no-repeat; }
.ttl-general { display:block; background:url('../img/mobile/ttl-general.png') no-repeat; }
.LNG-en-us .ttl-general { display:block; background:url('../img/mobile/ttl-general-en.png') no-repeat; }
/* SPEAKERS */
#speakers { margin-top:30px; }
#speakers .speakers-wrapper { height:123px; width:auto; background:url('../img/mobile/bg-header.png') no-repeat center center; }
#speakers .speakers-wrapper .shadows { display:none; }
#speakers .cities { position:static; display:block; height:93px; background:url('../img/mobile/bg-cities.png') repeat-x; }
/* HEADER */
#main-wrapper { margin-top:30px; }
.header-wrapper { width:320px; height:285px; }
.header-wrapper .keynote-container { left:20px; top:0; }
.header-wrapper .keynote-container .title { position:relative; top:-19px; margin:0; width:278px; height:134px; background:url('../img/mobile/BrazilJS-logo.png') no-repeat; }
.header-wrapper .keynote-container .the-ruler { left:-17px; top:-240px; width:187px; height:334px; background:url('../img/mobile/douglas.png') no-repeat; }
.header-wrapper .keynote-container .info { display:none; opacity:1; top:-194px; left:122px; padding:8px 9px; width:160px; height:53px; }
.header-wrapper .keynote-container .info .name { font-size:12px; font-weight:bold; line-height:120%; color:rgb(255,255,255); }
.header-wrapper .keynote-container .info .alias { font-size:9px; }
.header-wrapper .keynote-container .info .company { display:block; font-size:9px; }
/* MENU */
#menu { top:0; display:block; height:auto; width:100%; z-index:101; }
#menu .menu-switch { display:block; margin:10px; width:100%; height:10px; background-position:0 -250px; cursor:pointer; }
#menu .language { position:static; float:right; margin-top:-30px; width:40px; height:30px; font-size:14px; }
#menu .language:hover,
#menu .language:focus { background-color:rgb(219,110,14); }
#menu .language .ballon { padding:6px 0 0 10px; height:auto; background:none; }
#menu .chapters-list { display:none; }
#menu .opened.chapters-list { display:block; z-index:10; }
#menu .chapters-list li a { width:100%; height:42px; }
#menu .chapters-list li a:hover { background-color:rgb(219,110,14); }
#menu .chapters-list li a .sign { bottom:11px; }
#menu .chapters-list li.speakers a .sign { width:20px; height:16px; background-position:0 -270px; }
#menu .chapters-list li.schedule a .sign { width:20px; height:17px; background-position:-29px -270px; }
#menu .chapters-list li.local a .sign { left:15px; bottom:12px; width:18px; height:18px; background-position:-59px -270px; }
#menu .chapters-list li.ticket a .sign { bottom:10px; left:13px; width:23px; height:21px; background-position:-87px -270px; }
#menu .chapters-list li.manifest a .sign { bottom:12px; left:16px; width:15px; height:18px; background-position:-120px -270px; }
#menu .chapters-list li.sponsors a .sign { bottom:15px; left:4px; width:33px; height:12px; background-position:-140px -270px; }
#menu .chapters-list li .extended-menu:before { content:none; }
#menu .chapters-list li .extended-menu { top:10px; left:55px; background:none; display:block; opacity:1; padding:0; pointer-events:none; }
/* SOCIAL */
.social-wrapper { float:none; margin:80px auto auto; padding:0 10px; width:300px; height:147px; }
.social-wrapper .social-bg { display:none; }
.ticket-container { left:37px !important; }
#social-networks { margin-bottom:0; height:auto; }
.closed-event { position:relative; float:left; top:-215px; width:275px; }
.closed-event .closed { width:170px; }
/* MAIN CONTENT */
main { margin-bottom:13px; padding:0; width:300px; }
.LNG-en-us main { padding:0; }
main .what { position:relative; float:none; display:block; margin:-731px 0 0 139px; width:160px; font-family:"Arial Black", Gadget, sans-serif; font-size:18px; line-height:19px; font-weight:900; letter-spacing:-1pt; color:rgb(184,30,28); text-align:center; text-shadow:none; z-index:5; }
.LNG-en-us main .what,
.LNG-en-us main .where { width:auto; }
main .where { float:none; display:inline-block; width:270px; margin:291px 0 0 21px; font-family:"Arial"; font-size:18px; font-weight:bold; letter-spacing:-1pt; line-height:130%; color:rgb(212,212,210); text-align:center; text-shadow:0px 3px 0px rgb(0,0,0); }
main .disclaimer { width:303px; font-family:Arial, Helvetica, sans-serif; font-size:9px; line-height:12px; color:rgba(255,255,255,0.6); text-align:center; }
#videos-photos { height:510px; margin-bottom:80px; }
#videos-photos .wrapper { width:320px; padding:0 10px; }
#videos-photos .wrapper:before { top:258px; left:0; width:303px; height:243px; background:url('../img/mobile/bg-videos-photos.png') no-repeat; }
#videos-photos .section { margin:0; width:300px; }
#videos-photos .title { font-size:30px; }
#videos-photos .title:before { content:none; }
#videos-photos .videos-display { display:none; }
#videos-photos .description { font-size:14px; }
#videos-photos .section.photos { margin-top:40px; }
#videos-photos .photos-thumb { display:none; }
/* LIVE */
.live-modal { position:fixed; padding:33px 20px; top:50%; left:50%; margin:-172px 0 0 -150px; width:300px; height:355px; z-index:100000; background-color:#DA6D0D; }
.live-modal .title { margin:0; font-size:35px; line-height:120%; color:rgb(255,255,255); text-align:left; text-shadow:5px 5px 0px rgb(0,0,0); font-family:bangers; letter-spacing:1px; }
.live-modal .close { position:absolute; right:-10px; top:-11px; width:22px; height:22px; background:url('../img/ico-live-video.png') no-repeat transparent; color:transparent; border:none; }
.live-modal .disclaimer { display:block; color:#FFF; font-size:14px; }
.live-modal .watch { position:relative; display:inline-block; margin:20px 0 0 6px; padding:16px 23px 10px; border-top:1px solid rgba(17,15,16,0.5); font-size:28px; font-family:bangers; text-decoration:none; background-color:#40445B; background:-webkit-linear-gradient(to top, rgba(56, 42, 36, 0.6), rgba(56, 42, 36, 0.01)) #40445B; background:-moz-linear-gradient(to top, rgba(56, 42, 36, 0.6), rgba(56, 42, 36, 0.01)) #40445B; background:-o-linear-gradient(to top, rgba(56, 42, 36, 0.6), rgba(56, 42, 36, 0.01)) #40445B; background:-ms-linear-gradient(to top, rgba(56, 42, 36, 0.6), rgba(56, 42, 36, 0.01)) #40445B; background:linear-gradient(to top, rgba(56, 42, 36, 0.6), rgba(56, 42, 36, 0.01)) #40445B; text-align:center; }
.live-modal .watch:after { content:''; position:absolute; bottom:-9px; left:0; width:238px; height:17px; background:url('../img/live-watch-shadow-mobile.png') no-repeat; z-index:-1; }
.live-modal .watch .message { text-shadow:0px 0px 10px rgba(0,0,0,0.2); color:rgba(255,255,255,0.85); }
.live-modal iframe { display:none; }
/* HEROES */
#heroes { margin-top:0; }
#heroes .heroes-wrapper { padding:0 10px; width:320px; }
#heroes .title { margin:0 0 20px; width:174px; height:31px; background-position:0 0; }
#heroes .heroes-wrapper .burst { display:none; }
#heroes .heroes-list { margin:0 0 0 -40px; }
#heroes .heroes-list li { margin: 0 10px 90px 0; }
#heroes .heroes-list li:nth-child(2n) { margin-right:0; }
#heroes .heroes-list .hero { padding:0; margin:0; width:145px; height:152px; background:url('../img/mobile/bg-hero-mobile.png') no-repeat; }
#heroes .heroes-list .spikes { display:none; }
#heroes .heroes-list .angle { display:none; }
#heroes .heroes-list .info { top:160px; }
#heroes .heroes-list .hero-name { font-size:14px !important; color:rgb(248,204,95); text-shadow:none; text-transform:uppercase; }
#heroes .heroes-list .marcel-angus .hero-name { width:146px; }
#heroes .heroes-list .rey-josh .hero-name { display:inline-block; width:146px; }
#heroes .heroes-list .hero-company { font-size:14px !important; color:rgb(121,121,121); text-shadow:none; font-weight:normal; font-style:italic; }
#heroes .heroes-list .renato-mangini .hero-company { text-align:left; }
#heroes .heroes-list .douglas-crockford .photo { top:-4px; width:143px; height:156px; background:url('../img/mobile/douglas-small.png') no-repeat; }
#heroes .heroes-list .alexandre-gaigalas .photo { top:1px; left:11px; height:152px; width:134px; background:url('../img/mobile/alexandre-small.png') no-repeat; }
#heroes .heroes-list .demian-borba .photo { right:0; left:23px; top:1px; height:151px; width:122px; background:url('../img/mobile/demian-small.png') no-repeat; }
#heroes .heroes-list .photo { top:0; left:0; }
#heroes .heroes-list .thibault-imbert .photo { width:145px; height:152px; background:url('../img/mobile/thibault-small.png') no-repeat; }
#heroes .heroes-list .robert-nyman .photo { width:145px; height:152px; background:url('../img/mobile/robert-small.png') no-repeat; }
#heroes .heroes-list .marcel-angus .photo { width:145px; height:152px; background:url('../img/mobile/angus-marcel-small.png') no-repeat; }
#heroes .heroes-list .zeke-sikelianos .photo { left:18px; width:127px; height:152px; background:url('../img/mobile/zeke-small.png') no-repeat; }
#heroes .heroes-list .mauricio-wolff .photo { top:1px; left:7px; width:138px; height:151px; background:url('../img/mobile/mauricio-wolff-small.png') no-repeat; }
#heroes .heroes-list .stoyan-stefanov .photo { width:145px; height:152px; background:url('../img/mobile/stoyan-small.png') no-repeat; }
#heroes .heroes-list .caridy-patino .photo { width:145px; height:152px; background:url('../img/mobile/caridy-small.png') no-repeat; }
#heroes .heroes-list .renato-mangini .photo { left:7px; width:138px; height:152px; background:url('../img/mobile/renato-small.png') no-repeat; }
#heroes .heroes-list .rey-josh .photo { top:3px; width:145px; height:152px; background:url('../img/mobile/rey-josh-small.png') no-repeat; }
#heroes .heroes-list .angelina .photo { top:0; left:25px; width:120px; height:152px; background:url('../img/mobile/angelina-small.png') no-repeat; }
#heroes .heroes-list .jean-carlo .photo { background:url('../img/mobile/jean-small.png') no-repeat; }
#heroes .heroes-list .zeno-rocha .photo { left:0; bottom:0; width:145px; height:152px; background:url('../img/mobile/zeno-rocha-small.png') no-repeat; }
/* HEROES OVERLAY */
#heroes-overlay { overflow:hidden; overflow-y:visible; position:fixed; top:0; left:0; right:0; margin:0; height:100%; width:100%; background:none; background-color:#111111; }
#heroes-overlay:before { content:''; position:absolute; right:0; left:0; width:100%; height:421px; background:url('../img/mobile/bg-overlay.png') no-repeat rgb(17,17,17); }
#heroes-overlay ul { padding:0; }
#heroes-overlay .previous { left:auto; top:47px; right:50px; height:30px; width:31px; background-position:0 -301px; }
#heroes-overlay .previous .sign { display:none; }
#heroes-overlay .next { top:47px; right:10px; height:30px; width:31px; background-position:-34px -301px; z-index:20; }
#heroes-overlay .next .sign { display:none; }
#heroes-overlay .sequence-canvas { margin:auto; width:320px; }
#heroes-overlay .portrait { left:0; width:600px; }
#heroes-overlay .portrait .share:before { content:''; position:absolute; right:0; left:-130px; display:block; height:150px; background-color:rgb(0,0,0); z-index:-1; }
#heroes-overlay .portrait .share { top:450px; width:100%; margin:0; padding:0; background-color:rgb(0,0,0); z-index:2; }
#heroes-overlay .portrait .share li:first-child { margin-left:60px; }
#heroes-overlay .portrait .share li { padding-top:40px; }
#heroes-overlay .speaker .name { padding-top:55px; font-size:30px; }
#heroes-overlay .speaker .company { font-size:16px; }
#heroes-overlay .photo { top:0; }
#heroes-overlay .photo:before { content:none; }
#heroes-overlay .photo:after { content:none; }
#heroes-overlay .speaker .information .spacer { display:none; }
#heroes-overlay .speaker .social-networks:before { content:''; position:absolute; right:0; left:-130px; display:block; height:150px; background-color:rgb(17,17,17); z-index:-1; }
#heroes-overlay .speaker .social-networks { padding:35px 0 0 10px; }
#heroes-overlay .speaker .social-networks li a.github { background-position:0 -342px; }
#heroes-overlay .speaker .social-networks li a.twitter { background-position:-40px -342px; }
#heroes-overlay .speaker .social-networks li a.blog { background-position:-120px -342px; }
#heroes-overlay .speaker .social-networks li a.video { background-position:-161px -342px; }
#heroes-overlay .speaker .social-networks li a.speak { background-position:-202px -342px; }
#heroes-overlay .animate-in .speaker { left:auto; padding:0; width:600px; height:253px; }
#heroes-overlay .speaker .info:before { content:''; position:absolute; right:0; left:-130px; display:block; height:150px; background:url('../img/mobile/bg-social-overlay.png') no-repeat; z-index:-1; }
#heroes-overlay .speaker .info { padding:60px 0 0 10px; margin-top:250px; }
#heroes-overlay .speaker .information:before { content:''; position:absolute; right:0; left:-130px; display:block; height:100%; background-color:rgb(17,17,17); z-index:-1; }
#heroes-overlay .speaker .information { padding:0; margin:186px 0 0; background:none; }
#heroes-overlay .speaker .information p { margin:0; padding-top:20px; font-size:14px; width:300px; }
#heroes-overlay #douglas-crockford .photo { left:0; width:199px; height:317px; background:url('../img/mobile/hero-douglas.png') no-repeat; }
#heroes-overlay #thibault .photo { left:-51px; width:238px; height:306px; background:url('../img/mobile/hero-thibault.png') no-repeat; }
#heroes-overlay #robert .photo { left:0; width:199px; height:317px; background:url('../img/mobile/hero-robert.png') no-repeat; }
#heroes-overlay #stoyan .photo { top:20px; left:-30px; width:203px; height:285px; background:url('../img/mobile/hero-stoyan.png') no-repeat; }
#heroes-overlay #caridy .photo { left:0; width:199px; height:317px; background:url('../img/mobile/hero-caridy.png') no-repeat; }
#heroes-overlay #angus-marcel .photo { left:0; width:286px; height:211px; background:url('../img/mobile/hero-angus-marcel.png') no-repeat; }
#heroes-overlay #renato .photo { top:21px; left:0; width:199px; height:317px; background:url('../img/mobile/hero-renato.png') no-repeat; }
#heroes-overlay #alexandre .photo { top:36px; left:0; width:230px; height:296px; background:url('../img/mobile/hero-alexandre.png') no-repeat; }
#heroes-overlay #demian .photo { top:36px; left:0; width:230px; height:296px; background:url('../img/mobile/hero-demian.png') no-repeat; }
#heroes-overlay .close { right:5px; top:281px; height:32px; width:73px; background-position:0 -270px; z-index:20; }
#heroes-overlay #angus-marcel .speaker .name { width:360px; }
#heroes-overlay #zeke .photo { background:url('../img/mobile/hero-zeke.png') no-repeat; }
#heroes-overlay #mauricio .photo { background:url('../img/mobile/hero-mauricio.png') no-repeat; }
#heroes-overlay #ray-josh .photo { top:66px; left:-28px; width:372px; height:366px; background:url('../img/mobile/hero-ray-josh.png') no-repeat; z-index:-1; }
#heroes-overlay #jean .photo { top:46px; left:-28px; width:191px; height:291px; background:url('../img/mobile/hero-jean.png') no-repeat; z-index:-1; }
#heroes-overlay #zeno .photo { top:34px; left:-11px; width:227px; height:323px; background:url('../img/mobile/hero-zeno.png') no-repeat; }
#heroes-overlay #angelina .photo { top:24px; left:-14px; width:244px; height:312px; background:url('../img/mobile/hero-angelina.png') no-repeat; }
/* SCHEDULE */
#schedule { margin:30px 0 0; }
#schedule .schedule-wrapper { padding:0 10px; width:320px; }
#schedule .schedule-wrapper .title { position:static; margin:0 0 20px; width:183px; height:44px; background-position:0 -51px; }
#schedule .schedule-wrapper .burst { display:none; }
#schedule .schedule-wrapper .thunder { display:none; }
#schedule table { margin:0 0 20px 0; width:300px; }
#schedule table caption { font-size:20px; margin-bottom:20px; }
#schedule table caption .weekday { font-size:14px; margin-top:8px; }
#schedule table tbody tr.event td { font-size:14px; }
#schedule table tbody td.hour { color:rgb(68,68,68) !important; font-size:14px !important; }
#schedule table tbody td .name { font-size:14px; }
#schedule table tbody td .speak { font-size:14px; }
#schedule table tbody td .about { width:300px; margin-left:-65px; }
#schedule table tbody td .about:before { margin-left:150px; background:url("../img/mobile/ico-general.png") no-repeat 0 -185px; }
#schedule table tbody td.speaker { padding-left:15px; }
#schedule table tbody td .info-wrapper { width:214px; }
#schedule table tbody td .expand { background-position:0 -105px; }
.mozilla-hackday { margin-top:20px; padding-top:20px; }
.mozilla-hackday .logo { position:static; margin:auto; width:133px; height:44px; background:url('../img/mobile/ico-general.png') no-repeat 0 -498px; }
.mozilla-hackday .info { padding-top:0; width:250px; }
.mozilla-hackday .apply { display:block; text-align:center; }
/* LOCALE */
#locale { margin:60px 0 212px 0; }
#locale .locale-wrapper { padding:0 10px; width:320px; }
#locale .locale-wrapper .burst { display:none; }
#locale .locale-wrapper .info-container { float:none; margin:0; }
#locale .locale-wrapper .title { margin:0 0 12px; height:32px; width:71px; background-position:0 -113px; }
.LNG-en-us #locale .locale-wrapper .title { height:32px; width:71px; background-position:-5px -113px; }
#locale .locale-wrapper .photo-container .photo-1 { margin-top:160px; width:300px; background:url('../img/mobile/bourbon-small.jpg') no-repeat; }
#locale .locale-wrapper .photo-container .photo-2 { display:none; }
#locale .locale-wrapper .how-to { position:static; height:auto; width:auto; text-indent:0; color:#FFF; text-transform:uppercase; }
/* MANIFEST */
#manifest { margin:60px 0 180px 0; }
#manifest .manifest-wrapper { padding:0 10px; width:320px; }
#manifest .manifest-wrapper:before { content:none; }
#manifest .manifest-wrapper .title { top:4px; left:-5px; width:186px; height:64px; background-position:0 -377px; }
#manifest .manifest-wrapper .our-history { padding-left:33px; height:577px; }
#manifest .manifest-wrapper .the-origin { margin:0; width:379px; height:506px; background:url('../img/mobile/bg-legacy.png') no-repeat; }
.LNG-en-us #manifest .manifest-wrapper .the-origin { margin-bottom:-50px; }
#manifest .manifest-wrapper .the-future { margin-top:0; padding-top:0; height:330px; width:369px; background:url('../img/mobile/bg-future.png') no-repeat; }
#manifest .manifest-wrapper .the-origin .moto { margin-bottom:25px; width:188px; height:73px; background-position:0 -451px; }
.LNG-en-us #manifest .manifest-wrapper .the-origin .moto { background-position:-3px -451px; }
#manifest .manifest-wrapper .our-history .disclaimer { line-height:17px; margin-bottom:16px; font-size:12px; width:235px; }
/* SPONSORS */
#sponsors { }
#sponsors:before { content:''; top:-110px; background:url('../img/mobile/bg-sponsors.png') repeat-x; }
#sponsors .sponsors-wrapper { padding:0 10px; width:320px; }
#sponsors .sponsors-wrapper .title { height:33px; width:177px; background-position:0 -534px; }
#sponsors .sponsors-wrapper .adamantiun .ttl-general { height:10px; background-position:0 -577px; }
#sponsors .sponsors-wrapper .gold .ttl-general { height:14px; width:130px; background-position:0 -597px; }
#sponsors .sponsors-wrapper .silver .ttl-general { height:14px; width:134px; background-position:-163px -597px; }
#sponsors .sponsors-wrapper .bronze .ttl-general { height:13px; background-position:0 -617px; }
#sponsors .sponsors-wrapper .sponsors { margin-bottom:10px; }
#sponsors .sponsors-wrapper .sponsors .ttl-general { margin-bottom:11px; }
#sponsors .sponsors-wrapper .sponsors .sponsor-list { width:300px; }
#sponsors .sponsors-wrapper .sponsors .sponsor-list li { width:300px; position:relative; }
#sponsors .sponsors-wrapper .sponsors .sponsor-list .about { font-size:13px; line-height:16px; width:279px; }
#sponsors .sponsors-wrapper .sponsors .sponsor-list .sponsor { margin:auto auto 15px auto; width:246px; }
#sponsors .sponsors-wrapper .sponsors .sponsor-list .sponsor .sponsors-general { background:url('../img/mobile/sponsors.png') no-repeat; }
#sponsors .sponsors-wrapper .sponsors .sponsor-list .blackberry .sponsor a { margin:auto; height:26px; width:149px; }
#sponsors .sponsors-wrapper .sponsors .sponsor-list .mozilla .sponsor a { margin:auto; height:44px; width:149px; background-position:0 -36px; }
#sponsors .sponsors-wrapper .sponsors .sponsor-list .liferay .sponsor a { margin:auto; width:135px; height:19px; background-position:0 -132px; }
#sponsors .sponsors-wrapper .sponsors .sponsor-list .w3c .sponsor a { margin:auto; width:209px; height:66px; background-position:0 -330px; }
#sponsors .sponsors-wrapper .sponsors .sponsor-list .google .sponsor a { margin:auto; width:137px; height:35px; background-position:0 -460px; }
#sponsors .sponsors-wrapper .sponsors .sponsor-list .microsoft .sponsor a { margin:auto !important; width:155px; height:33px; background-position:0 -505px; }
#sponsors .sponsors-wrapper .squares .sponsor-list { padding:0; }
#sponsors .sponsors-wrapper .squares li { margin-left:0; width:145px !important; }
#sponsors .sponsors-wrapper .squares li:nth-last-child(even) { margin-right:5px; }
#sponsors .sponsors-wrapper .squares li a { width:145px !important; height:99px; }
#sponsors .sponsors-wrapper .squares li .sponsor.join-us { width:145px; height:99px; background:url('../img/mobile/bg-join-us.png') no-repeat; }
#sponsors .sponsors-wrapper .squares .sponsor-list .sponsor .github { margin:35px auto; height:27px; width:101px; background-position:0 -91px; }
#sponsors .sponsors-wrapper .squares .sponsor-list .sponsor .caelum { margin:35px auto; height:34px; width:109px; background-position:0 -248px; }
#sponsors .sponsors-wrapper .squares .sponsor-list .sponsor .wakanda { margin:35px auto; height:30px; width:111px; background-position:0 -164px; }
#sponsors .sponsors-wrapper .squares .sponsor-list .sponsor .heroku { margin:35px auto; height:34px; width:113px; background-position:0 -204px; }
#sponsors .sponsors-wrapper .squares .sponsor-list .sponsor.treinaweb .treinaweb { margin:31px auto; height:44px; width:99px; background-position:0 -406px !important; }
#sponsors .sponsors-wrapper .supporters { display:inline-block; padding-bottom:20px; }
#sponsors .sponsors-wrapper .supporters .ttl-general { width:153px; background-position:0 -637px; }
.LNG-en-us #sponsors .sponsors-wrapper .supporters .ttl-general { background-position:0 -636px; }
#sponsors .sponsors-wrapper .supporters.educational .ttl-general { background-position:-162px -637px; }
.LNG-en-us #sponsors .sponsors-wrapper .supporters.educational .ttl-general { background-position:-252px -636px; }
#sponsors .sponsors-wrapper .sponsors .sponsor-list li { position:relative; }
#sponsors .sponsors-wrapper .supporters ul li { margin-right:30px; }
#sponsors .sponsors-wrapper .supporters a { background:url('../img/mobile/supporters.png') no-repeat; }
#sponsors .sponsors-wrapper .supporters a.senac { width:202px; height:46px; background-position:0 -44px; }
#sponsors .sponsors-wrapper .supporters a.eventick { width:91px; height:34px; background-position:0 -100px; }
#sponsors .sponsors-wrapper .supporters a.marimbondo { width:140px; height:34px; }
#sponsors .sponsors-wrapper .supporters a.casa-do-codigo { width:97px; height:29px; background-position:0 -183px; }
#sponsors .sponsors-wrapper .supporters a.abradi { width:125px; height:29px; background-position:0 -144px; }
#sponsors .sponsors-wrapper .supporters a.get-up { width:83px; height:43px; background-position:0 -222px; }
#sponsors .sponsors-wrapper .supporters a.treinaweb { width:81px; height:36px; background-position:0 -275px; }
#sponsors .sponsors-wrapper .supporters a.superplayer { margin-bottom:6px; width:123px; height:29px; background-position:0 -321px; }
#sponsors .sponsors-wrapper .supporters a.kinghost { margin-top:15px; width:114px; height:17px; background-position:0 -360px; }
#sponsors .sponsors-wrapper .supporters a.publisoft { margin-top:11px; width:110px; height:24px; background-position:0 -387px; }
#sponsors .sponsors-wrapper .supporters a.qi { margin-top:11px; width:72px; height:52px; background-position:0 -421px; }
#sponsors .sponsors-wrapper .supporters a.nyvra { margin-right:30px; width:162px; height:24px; background-position:0 -483px; }
#sponsors .sponsors-wrapper .supporters a.computech { margin:0; width:142px; height:35px; background-position:0 -517px; }
#sponsors .sponsors-wrapper .supporters a.revista-W { margin:0; width:57px; height:58px; background-position:0 -572px; }
#sponsors .sponsors-wrapper .squares .sponsor-list .sponsor.adobe .sponsors-general { margin-top:37px; width:115px; height:27px; background-position:0 -292px; }
#sponsors .sponsors-wrapper .be-a-sponsor { padding-bottom:40px; font-size:15px; }
/* FOLLOW US */
#follow-us { padding-bottom:250px; background-color:#171314; }
#follow-us .follow-us-container { padding:0 10px; width:320px; }
#follow-us .follow-us-container .title { width:304px; height:299px; background:url('../img/mobile/bg-twitter.png') no-repeat; }
.LNG-en-us #follow-us .follow-us-container .title { height:240px; background:url('../img/mobile/bg-twitter-en.png') no-repeat; }
#follow-us .follow-us-container .burst { display:none; }
#tweets-container ul { list-style:none; font-family:"Comic Sans MS", arial; line-height:130%; color:rgb(255,255,255); text-align:center; }
#tweets-container ul a { text-decoration:none; }
#tweets-container ul li { float:left; width:229px; }
#tweets-container ul li:first-child { display:block; }
#tweets-container ul li { display:none; }
#tweets-container ul li .user a { position:relative; color:#FFF; }
#tweets-container ul li .user:after { content:''; position:absolute; left:97px; top:44px; height:9px; width:11px; background:url('../img/mobile/ico-general.png') 0 -389px no-repeat; }
#tweets-container ul li .user img { position:relative; width:52px; height:52px; border:4px solid #FFF; border-radius:80px; }
#tweets-container ul li .user span:nth-child(3) { margin-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:rgb(255,204,0); text-align:center; text-decoration:none; }
#tweets-container ul li .tweet { font-size:12px; }
#tweets-container ul li .tweet:before { content:''; position:absolute; top:-20px; left:0; width:225px; height:11px; background:url('../img/mobile/bg-tweet.png') no-repeat; }
#follow-us .follow-us-container .at-braziljs { margin:20px 0 0 16px; }
.LNG-en-us #follow-us .follow-us-container .at-braziljs { margin:20px 0 0 13px; }
#follow-us .follow-us-container .birdy { margin-right:14px; width:28px; height:21px; background-position:0 -408px; }
.LNG-en-us #follow-us .follow-us-container .birdy { margin-right:5px; }
#follow-us .follow-us-container .our-link { height:22px; width:222px; background-position:0 -656px; }
.LNG-en-us #follow-us .follow-us-container .our-link { width:254px; }
/* FOOTER */
footer { width:auto; }
footer .in-this-summer { margin-bottom:28px; font-size:28px; letter-spacing:0; }
.social-container { display:inline-block; padding-top:25px; width:300px; }
#social-networks .share-this { position:absolute; top:49px; left:13px; height:54px; width:139px; }
.ticket-container { position:absolute; left:47px; top:-100px; float:none; margin:auto; width:235px; height:71px; border-top:1px solid rgba(92,97,121,0.5); border-bottom:1px solid rgba(17,15,16,0.5); background-color:rgb(64,68,91); -webkit-box-shadow:3px 2px 4px rgba(0,0,0,0.65); box-shadow:3px 2px 4px rgba(0,0,0,0.65); }
.ticket-container .ticket { margin:5px 0 0 24px; height:40px; width:190px; background-position:-5px -62px; }
/*.ticket-container .buy-the-ticket.ico-general { background:none; background-image:-webkit-linear-gradient(50% 0% -90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); background-image:-moz-linear-gradient(50% 0% -90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); background-image:-o-linear-gradient(50% 0% -90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); background-image:-ms-linear-gradient(50% 0% -90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); background-image:linear-gradient(50% 0% -90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); }*/
.ticket-container .buy-the-ticket { bottom:0; right:0; width:235px; height:36px; }
#locale #map { display:none; }
/* TICKETS */
#tickets { margin:50px 0 40px 0; }
#tickets .tickets-wrapper { padding:0 10px; width:320px; }
#tickets .tickets-wrapper .burst { display:none; }
#tickets .tickets-wrapper .title { height:40px; margin:0; width:141px; background-position:0 -164px; }
.LNG-en-us #tickets .tickets-wrapper .title { background-position:-7px -164px; }
#tickets .tickets-wrapper .ballons { display:none; }
#tickets .tickets-wrapper .pigies { display:none; }
#tickets .tickets-wrapper .corner-shadow { display:none; }
#tickets .tickets-wrapper .disclaimer { width:290px; font-size:14px; }
#tickets .tickets-wrapper .buy { margin:7px 0 43px 31px; width:235px; height:71px; border-top:1px solid rgba(92,97,121,0.5); border-bottom:1px solid rgba(17,15,16,0.5); background-color:rgb(64,68,91); -webkit-box-shadow:3px 2px 4px rgba(0,0,0,0.65); box-shadow:3px 2px 4px rgba(0,0,0,0.65); }
#tickets .tickets-wrapper .buy strong { margin:16px 0 0 24px; height:40px; width:190px; background:url('../img/mobile/ico-general.png') -5px -62px no-repeat; }
.LNG-en-us #tickets .tickets-wrapper .buy strong { margin-left:28px; }
#tickets .tickets-wrapper .gogogo { margin:0; height:53px; background-position:0 -315px; }
.LNG-en-us #tickets .tickets-wrapper .gogogo { margin-left:22px; background-position:0 -313px; }
#tickets .tickets-wrapper .closed-event { position:static; margin:10px 10px; }
/* THE GUYS */
#the-guys { position:relative; display:inline-block; margin:0; padding:52px 0 80px; background-color:#0D0A0A; }
#the-guys:before { content:''; position:absolute; left:0; top:-110px; height:110px; width:100%; background:url('../img/mobile/bg-guys.png') repeat-x; }
#the-guys .the-guys-container { padding:0 10px; width:320px; }
#the-guys .the-guys-container .title { position:relative; top:-219px; margin-bottom:110px; height:31px; width:auto; background-position:0 -229px; }
.LNG-en-us #the-guys .the-guys-container .title { background-position:0 -227px; }
#the-guys .the-guys-container .curator { margin:20px 0 10px; }
#the-guys .the-guys-container .curator .name { font-size:16px; }
#the-guys .the-guys-container .curator .resume { margin:5px 0 10px; width:295px; font-size:14px; }
#the-guys .the-guys-container .curator .social-networks li a.github { background-position:0 -135px; }
#the-guys .the-guys-container .curator .social-networks li a.twitter { background-position:-40px -135px; }
#the-guys .the-guys-container .curator .social-networks li a.blog { background-position:-120px -135px; }
#the-guys .the-guys-container .curator.jaydson .photo { left:0; top:-294px; width:137px; height:283px; background:url('../img/mobile/jaydson-small.png') no-repeat; }
#the-guys .the-guys-container .curator.felipe { margin-bottom:0; float:left; text-align:left; }
#the-guys .the-guys-container .curator.felipe .photo { right:3px; top:-513px; width:159px; height:297px; background:url('../img/mobile/felipe-small.png') no-repeat; }
.LNG-en-us #the-guys .the-guys-container .curator.felipe .photo { top:-496px; }
.directed-by .directed-by-wrapper .marimbondo-logo { background-position:0 -225px; }
/* DIRECTED BY */
.directed-by { margin:0; }
.directed-by:after,
.directed-by:before { content:none; }
.directed-by .directed-by-wrapper { position:relative; padding:10px 10px 0; width:320px; }
.directed-by .directed-by-wrapper:before { content:''; position:absolute; top:-51px; right:0; width:193px; height:51px; background:url('../img/mobile/ico-general.png') 0 -437px no-repeat; }
.directed-by .directed-by-wrapper .brazil-js-logo { margin-right:10px; background-position:0 -202px; }
.directed-by .directed-by-wrapper .copyright { padding:0; margin:0 0 20px; width:200px; }
.directed-by .directed-by-wrapper .developed-by { margin-left:30px; }
.directed-by .directed-by-wrapper .developed-by:before { content:none; }
}
/* TABLET */
@media (min-width : 768px) and (max-width : 1023px) {
/* HELPERS */
.ico-general { display:block; background:url('../img/tablet/ico-general.png') no-repeat; }
.ttl-general { display:block; background:url('../img/tablet/ttl-general.png') no-repeat; }
.LNG-en-us .ttl-general { display:block; background:url('../img/tablet/ttl-general-en.png') no-repeat; }
#modal { display:none; }
.is-live #modal { display:block; }
.social-container { width:768px; }
/* SPEAKERS */
#speakers .speakers-wrapper { width:768px; margin:auto; }
#speakers .speakers-wrapper .shadows { left:-149px; width:1023px; height:451px; }
#speakers .speakers-wrapper .shadows.theater-version { background:url('../img/tablet/shadows.jpg') no-repeat center center; }
#speakers .speakers-wrapper .shadows.directors-cut { top:29px; background:url('../img/tablet/shadows-directors-cut.jpg') no-repeat center center; }
#speakers .cities { bottom:-11px; }
.social-bg { top:-103px; height:103px; }
/* HEADER */
.header-wrapper { height:22px; }
.header-wrapper .keynote-container .title { top:-34px; }
.header-wrapper .keynote-container .the-ruler { height:448px; }
.ticket-container .ticket { background-position:0 -150px; }
.ticket-container .buy-the-ticket { right:-23px; bottom:-25px; width:115px; height:57px; background-position:0 -364px; pointer-events:none; }
#social-networks .share-this { bottom:17px; left:-10px; height:47px; background-position:0 -258px; }
/* MAIN */
main { padding-left:91px; width:768px; }
main .what { float:left; width:250px; font-size:20px; }
.LNG-en-us main .what { width:279px; }
main .where { float:left; width:300px; font-size:20px; }
.LNG-en-us main .where { width:345px; }
#social-networks { width:220px; margin-left:70px; }
#social-networks .share-this { bottom:51px; left:-20px; }
#videos-photos { height:399px; }
#videos-photos .wrapper { padding:0 20px; width:768px; }
#videos-photos .wrapper:before { left:0; width:768px; height:243px; background:url('../img/tablet/bg-videos-photos.png') no-repeat; }
#videos-photos .section { margin-right:14px; width:354px; }
#videos-photos .title { font-size:30px; }
#videos-photos .title:before { top:9px; left:-1px; height:24px; }
#videos-photos .videos-display { width:361px; height:120px; background:url('../img/tablet/videos-display.png') no-repeat; }
#videos-photos .photos-thumb { width:289px; height:124px; background:url('../img/tablet/photos-thumb.png') no-repeat; }
#videos-photos .photos.section { margin:0; }
#videos-photos .photos .title { margin-bottom:17px; }
/* LIVE */
.live-modal { position:fixed; padding:65px 70px; top:50%; left:50%; margin:-202px 0 0 -270px; width:541px; height:404px; z-index:100000; background-color:#DA6D0D; }
.live-modal .title { margin:0; font-size:40px; line-height:120%; color:rgb(255,255,255); text-align:left; text-shadow:4px 4px 0px rgb(0,0,0); font-family:bangers; letter-spacing:1px; }
.live-modal .close { position:absolute; right:-10px; top:-11px; width:22px; height:22px; background:url('../img/ico-live-video.png') no-repeat transparent; color:transparent; border:none; }
.live-modal .disclaimer { display:block; color:#FFF; }
.live-modal .watch { position:relative; display:inline-block; margin:20px 0 0 6px; padding:16px 33px 10px; border-top:1px solid rgba(17,15,16,0.5); font-size:46px; font-family:bangers; text-decoration:none; background-color:#40445B; background:linear-gradient(to top, rgba(56, 42, 36, 0.6), rgba(56, 42, 36, 0.01)) #40445B; text-align:center; }
.live-modal .watch:after { content:''; position:absolute; bottom:-13px; left:0; width:391px; height:24px; background:url('../img/live-watch-shadow-tablet.png') no-repeat; z-index:-1;}
.live-modal .watch .message { text-shadow:0px 0px 10px rgba(0,0,0,0.2); color:rgba(255,255,255,0.85); }
.live-modal iframe { display:none; }
/* HEROES */
#heroes .heroes-wrapper { padding:0 20px; width:768px; }
#heroes .heroes-wrapper .burst { top:-162px; }
#heroes .title { margin:0; width:339px; height:101px; background-position:0 0; }
#heroes .heroes-list { padding:0; }
#heroes .heroes-list .spikes { width:480px; height:201px; background:url('../img/tablet/default-spikes.png') no-repeat; }
#heroes .heroes-list .angle { left:-20px; width:506px; }
#heroes .heroes-list .hero-name { font-size:22px; }
#heroes .heroes-list .hero-company { font-size:18px; }
#heroes .heroes-list .douglas-crockford { width:479px; height:289px; }
#heroes .heroes-list .douglas-crockford .spikes { top:18px; width:480px; height:270px; background:url('../img/tablet/douglas-spikes.png') no-repeat; }
#heroes .heroes-list .douglas-crockford .hero-name { font-size:40px; }
#heroes .heroes-list .douglas-crockford .photo { top:1px; width:253px; height:288px; background:url('../img/tablet/hero-douglas.png') no-repeat; }
#heroes .heroes-list .alexandre-gaigalas { margin-top:138px; width:229px; height:410px; }
#heroes .heroes-list .alexandre-gaigalas .spikes { width:230px; height:410px; background:url('../img/tablet/wide-spikes.png') no-repeat; }
#heroes .heroes-list .alexandre-gaigalas .photo { left:45px; top:0; width:185px; height:410px; background:url('../img/tablet/hero-alexandre.png') no-repeat; }
#heroes .heroes-list .demian-borba { margin-top:-240px; width:229px; height:241px; }
#heroes .heroes-list .demian-borba .spikes { height:257px; width:229px; background:url('../img/tablet/special-spikes.png') no-repeat; }
#heroes .heroes-list .demian-borba .photo { width:190px; height:239px; background:url('../img/tablet/hero-demian.png') no-repeat; }
#heroes .heroes-list .thibault-imbert { margin-top:-241px; width:229px; height:241px; }
#heroes .heroes-list .thibault-imbert .hero-name { font-size:22px; }
#heroes .heroes-list .thibault-imbert .photo { left:0; width:187px; height:239px; background:url('../img/tablet/hero-thibault.png') no-repeat; }
#heroes .heroes-list .thibault-imbert .spikes { width:229px; }
#heroes .heroes-list .robert-nyman { width:728px; height:118px; }
#heroes .heroes-list .robert-nyman .photo { width:431px; height:118px; background:url('../img/tablet/hero-robert.png') no-repeat; }
#heroes .heroes-list .robert-nyman .spikes { width:728px; height:118px; }
#heroes .heroes-list .zeke-sikelianos { width:229px; height:438px; }
#heroes .heroes-list .zeke-sikelianos .spikes { width:229px; height:438px; background:url('../img/tablet/spikes-zeke.png') no-repeat; }
#heroes .heroes-list .zeke-sikelianos .photo { width:184px; height:438px; background:url('../img/tablet/hero-zeke.png') no-repeat; }
#heroes .heroes-list .marcel-angus { width:479px; height:209px; }
#heroes .heroes-list .marcel-angus .spikes { width:478px; height:211px; background:url('../img/tablet/special-spikes.png') no-repeat; }
#heroes .heroes-list .marcel-angus .photo { bottom:0; width:325px; height:214px; background:url('../img/tablet/hero-angus-marcel.png') no-repeat; }
#heroes .heroes-list .angelina,
#heroes .heroes-list .rey-josh { width:230px; height:209px; }
#heroes .heroes-list .angelina .spikes,
#heroes .heroes-list .rey-josh .spikes { width:230px; height:209px; background:url('../img/tablet/spikes-left.png') no-repeat; }
#heroes .heroes-list .rey-josh .hero-name { width:200px; }
#heroes .heroes-list .rey-josh .photo { right:0; width:230px; height:209px; background:url('../img/tablet/hero-josh.png') no-repeat; }
#heroes .heroes-list .angelina .photo { right:0; width:168px; height:209px; background:url('../img/tablet/hero-angelina.png') no-repeat; }
#heroes .heroes-list .mauricio-wolff { width:354px; height:179px; }
#heroes .heroes-list .mauricio-wolff .photo { height:179px; width:210px; background:url('../img/tablet/hero-mauricio.png') no-repeat; }
#heroes .heroes-list .stoyan-stefanov { width:354px; height:179px; }
#heroes .heroes-list .stoyan-stefanov .spikes { height:120px; width:354px; }
#heroes .heroes-list .stoyan-stefanov .photo { width:159px; height:179px; background:url('../img/tablet/hero-stoyan.png') no-repeat; }
#heroes .heroes-list .caridy-patino { width:475px; height:201px; }
#heroes .heroes-list .caridy-patino .spikes { background:url('../img/tablet/special-spikes.png') no-repeat; }
#heroes .heroes-list .caridy-patino .photo { width:168px; height:199px; background:url('../img/tablet/hero-caridy.png') no-repeat; }
#heroes .heroes-list .AR { background:url('../img/tablet/hero-AR.jpg') no-repeat; }
#heroes .heroes-list .jean-carlo { margin-top:-114px; width:229px; height:179px; }
#heroes .heroes-list .jean-carlo .spikes { width:229px; height:179px; background:url('../img/tablet/spikes-jean.png') no-repeat; }
#heroes .heroes-list .jean-carlo .photo { width:154px; height:179px; background:url('../img/tablet/hero-jean-carlo.png') no-repeat; }
#heroes .heroes-list .renato-mangini { margin-top:-114px; width:229px; height:179px; }
#heroes .heroes-list .renato-mangini .spikes { width:229px; height:180px; }
#heroes .heroes-list .renato-mangini .photo { width:154px; height:179px; background:url('../img/tablet/hero-renato.png') no-repeat; }
#heroes .heroes-list .zeno-rocha { width:229px; height:337px; margin-top:20px; }
#heroes .heroes-list .zeno-rocha .spikes { width:229px; height:337px; background:url('../img/tablet/spikes-zeno.png') no-repeat; }
#heroes .heroes-list .zeno-rocha .photo { left:0; bottom:0; width:209px; height:337px; background:url('../img/tablet/hero-zeno.png') no-repeat; }
/* HEROES OVERLAY */
#heroes-overlay { overflow:hidden; overflow-y:visible; position:fixed; top:0; left:0; right:0; margin:0; height:100%; width:100%; background:none; background-color:#0E0300; }
#heroes-overlay:before { content:''; position:absolute; right:0; left:0; width:100%; height:421px; background:url('../img/tablet/bg-overlay.jpg') no-repeat rgb(17,17,17); }
#heroes-overlay .next .sign,
#heroes-overlay .previous .sign { display:none; }
#heroes-overlay .previous { top:20px; left:auto; right:54px; background-position:0 -477px; }
#heroes-overlay .next { top:20px; right:20px; background-position:-34px -477px; }
#heroes-overlay .close { top:321px; right:21px; height:32px; background-position:0 -817px; }
.LNG-en-us #heroes-overlay .close { background-position:0 -802px; }
#heroes-overlay .photo:before { content:none; }
#heroes-overlay .photo:after { content:none; }
#heroes-overlay .sequence-canvas { margin:auto; width:768px; }
#heroes-overlay .speaker .info { padding:0 0 0 20px; }
#heroes-overlay .speaker .information { width:666px; padding:0; background-color:transparent; }
#heroes-overlay .speaker .information .spacer { display:none; }
#heroes-overlay .speaker .social-networks { padding-left:20px; }
#heroes-overlay .portrait .share { top:320px; right:-327px; margin:-104px 0 0 -109px; }
#heroes-overlay .speaker .social-networks li a.github { background-position:0 -316px; }
#heroes-overlay .speaker .social-networks li a.twitter { background-position:-40px -316px; }
#heroes-overlay .speaker .social-networks li a.blog { background-position:-119px -316px; }
#heroes-overlay .speaker .social-networks li a.video { background-position:-160px -316px; }
#heroes-overlay .speaker .social-networks li a.speak { background-position:-201px -316px; }
#heroes-overlay .speaker { padding-top:419px; margin-left:-371px; z-index:8; }
#heroes-overlay .speaker .info:before { content:''; position:absolute; right:0; left:-130px; top:352px; display:block; width:1024px; height:150px; background:url('../img/tablet/bg-social-overlay.png') no-repeat; z-index:-1; }
#heroes-overlay #douglas-crockford .photo { left:-69px; top:-1px; height:391px; width:257px; }
#heroes-overlay #angus-marcel .photo { top:70px; left:-81px; }
#heroes-overlay #ray-josh .photo { top:52px; width:419px; height:353px; left:-59px; }
#heroes-overlay #stoyan .photo { top:10px; left:-69px; height:381px; }
#heroes-overlay #caridy .photo { left:-63px; top:0; height:392px; }
#heroes-overlay #robert .photo { top:0; left:-69px; }
#heroes-overlay #renato .photo { left:-79px; top:1px; height:391px; }
#heroes-overlay #thibault .photo { top:0; left:-80px; width:319px; height:390px; background:url('../img/overlay-thibault.png') no-repeat; }
#heroes-overlay #alexandre .photo { left:-61px; top:1px; }
#heroes-overlay #jean .photo { top:28px; left:-21px; width:253px; height:364px; }
/* SCHEDULE */
#schedule { margin-top:100px; }
#schedule .schedule-wrapper { padding:0 20px; width:768px; }
#schedule .schedule-wrapper .title { top:62px; left:200px; width:369px; height:123px; background-position:0 -115px; }
.LNG-en-us #schedule .schedule-wrapper .title { left:227px; height:107px; background-position:0 -115px; }
#schedule .schedule-wrapper .thunder { left:-35px; top:-109px; width:838px; height:348px; background:url('../img/tablet/bg-thunder.png') no-repeat; }
#schedule .schedule-wrapper .burst { display:none; }
#schedule table caption { margin-bottom:19px; font-size:24px; }
#schedule table caption .weekday { margin-top:8px; font-size:16px; }
#schedule table { margin-right:18px; width:354px; }
#schedule table.friday { margin-right:0; }
#schedule table tbody td .info-wrapper { width:245px; }
#schedule table tbody td.speaker { padding-left:30px; }
#schedule table tbody td .about:before { margin-left:177px; }
#schedule table tbody td .about { width:354px; }
#schedule table tbody td .speak { width:233px; }
#schedule table tbody td .expand { background-position:0 -103px; }
.mozilla-hackday .logo { top:-19px; background-size:349px 193px; }
.mozilla-hackday .info { width:377px; }
/* VENUE */
#locale { margin-top:200px; }
#locale .locale-wrapper { padding:0 20px; width:768px; }
#locale .locale-wrapper .title { width:400px; height:72px; background-position:0 -253px; }
.LNG-en-us #locale .locale-wrapper .title { height:78px; background-position:0 -232px; }
#locale .locale-wrapper .photo-container .photo-1 { height:280px; width:435px; background:url('../img/tablet/teatro-bourbon-1.jpg') no-repeat; }
#locale .locale-wrapper .photo-container .photo-2 { height:280px; width:434px; background:url('../img/tablet/teatro-bourbon-2.jpg') no-repeat; }
#locale .locale-wrapper .info-container { width:206px; }
#locale .locale-wrapper .how-to { left:-232px; width:277px; height:167px; background-position:0 -592px; }
.LNG-en-us #locale .locale-wrapper .how-to { background-position:0 -573px; }
#locale #map { margin-top:405px; }
/* TICKETS */
#tickets { margin-top:130px; }
#tickets .tickets-wrapper { padding:0 20px; width:768px; }
#tickets .tickets-wrapper .burst { left:-105px; top:-163px; }
#tickets .tickets-wrapper .ballons { left:31px; top:-88px; width:172px; height:123px; background:url('../img/tablet/ballons.png') no-repeat; }
#tickets .tickets-wrapper .title { margin-bottom:10px; width:278px; height:108px; background-position:0 -335px; }
.LNG-en-us #tickets .tickets-wrapper .title { background-position:0 -317px; }
#tickets .tickets-wrapper .disclaimer { margin-right:35px; width:211px; }
#tickets .tickets-wrapper .buy { top:-29px; width:474px; }
#tickets .tickets-wrapper .buy strong { width:377px; height:47px; background-position:0 -768px; }
.LNG-en-us #tickets .tickets-wrapper .buy strong { margin-left:101px; background-position:0 -751px; }
#tickets .tickets-wrapper .pigies.pig-1 { right:-36px; top:-44px; }
#tickets .tickets-wrapper .pigies.pig-2 { right:-100px; top:44px; }
#tickets .tickets-wrapper .pigies.pig-3 { right:37px; top:10px; }
#tickets .tickets-wrapper .corner-shadow { left:246px; bottom:40px; width:479px; height:16px; background:url('../img/tablet/buyShadow.png') no-repeat; }
#tickets .tickets-wrapper .gogogo { height:41px; width:427px; background-position:0 -539px; }
.LNG-en-us #tickets .tickets-wrapper .gogogo { background-position:0 -524px; }
#tickets .tickets-wrapper .closed-event { margin-top:35px; }
/* MANIFEST */
#manifest { margin-top:80px; }
#manifest .manifest-wrapper { padding:0 20px 0 0; width:768px; }
#manifest .manifest-wrapper .title { top:26px; left:20px; width:335px; height:109px; background-position:0 -852px; }
.LNG-en-us #manifest .manifest-wrapper .title { background-position:0 -841px; }
#manifest .manifest-wrapper .our-history { height:577px; }
#manifest .manifest-wrapper .the-origin { margin:0; width:379px; background:url('../img/tablet/bg-legacy.png') no-repeat; }
#manifest .manifest-wrapper .the-future { width:369px; background:url('../img/tablet/bg-future.png') no-repeat; }
#manifest .manifest-wrapper .the-origin .moto { width:188px; height:73px; background-position:0 -971px; }
.LNG-en-us #manifest .manifest-wrapper .the-origin .moto { width:192px; background-position:0 -956px; }
#manifest .manifest-wrapper .our-history .disclaimer { width:267px; }
/* SPONSORS */
#sponsors { }
#sponsors .sponsors-wrapper { padding:0 20px; width:768px; }
#sponsors .sponsors-wrapper .title { height:19px; background-position:0 -1054px; }
#sponsors .sponsors-wrapper .adamantiun .ttl-general { height:13px; background-position:0 -1081px; }
.LNG-en-us #sponsors .sponsors-wrapper .adamantiun .ttl-general { background-position:0 -1066px; }
#sponsors .sponsors-wrapper .gold .ttl-general { height:14px; background-position:0 -1104px; }
.LNG-en-us #sponsors .sponsors-wrapper .gold .ttl-general { background-position:0 -1089px; }
#sponsors .sponsors-wrapper .silver .ttl-general { height:13px; background-position:-222px -1127px; }
.LNG-en-us #sponsors .sponsors-wrapper .silver .ttl-general { background-position:-222px -1112px; }
#sponsors .sponsors-wrapper .bronze .ttl-general { height:13px; background-position:0 -1127px; }
.LNG-en-us #sponsors .sponsors-wrapper .bronze .ttl-general { background-position:0 -1112px; }
#sponsors .sponsors-wrapper .sponsors { margin-bottom:40px; }
#sponsors .sponsors-wrapper .sponsors .sponsor-list li { width:728px; }
#sponsors .sponsors-wrapper .sponsors .sponsor-list .about { width:523px; }
#sponsors .sponsors-wrapper .sponsors .sponsor-list .sponsor { width:165px; }
#sponsors .sponsors-wrapper .sponsors .sponsor-list .sponsor .sponsors-general { background:url('../img/tablet/sponsors.png') no-repeat; }
#sponsors .sponsors-wrapper .sponsors .sponsor-list .blackberry .sponsor a { margin-top:60px; height:26px; width:147px; }
#sponsors .sponsors-wrapper .sponsors .sponsor-list .mozilla .sponsor a { margin-top:31px; height:50px; width:149px; background-position:0 -40px; }
#sponsors .sponsors-wrapper .sponsors .sponsor-list .liferay .sponsor a { margin-top:38px; width:135px; height:20px; background-position:0 -235px; }
#sponsors .sponsors-wrapper .sponsors .sponsor-list .w3c .sponsor a { margin:36px 0 0 -4px; width:149px; height:57px; background-position:0 -516px; }
#sponsors .sponsors-wrapper .sponsors .sponsor-list .google .sponsor a { margin-top:45px; width:159px; height:42px; background-position:0 -659px; }
#sponsors .sponsors-wrapper .sponsors .sponsor-list .microsoft .sponsor a { margin-top:38px; width:160px; height:34px; background-position:0 -721px; }
.LNG-en-us #sponsors .sponsors-wrapper .sponsors .sponsor-list .microsoft .sponsor a { margin-top:31px; }
#sponsors .sponsors-wrapper .squares li { width:auto !important; }
#sponsors .sponsors-wrapper .squares li a { width:167px; height:121px; }
#sponsors .sponsors-wrapper .squares li .sponsor.join-us { width:168px; height:121px; background:url('../img/tablet/bg-join-us.png') no-repeat; }
#sponsors .sponsors-wrapper .squares .sponsor-list .sponsor .github { margin:43px 0 0 19px; height:35px; width:128px; background-position:0 -177px; }
#sponsors .sponsors-wrapper .squares .sponsor-list .sponsor .caelum { margin:41px 0 0 17px; height:42px; width:135px; background-position:0 -398px; }
#sponsors .sponsors-wrapper .squares .sponsor-list .sponsor .wakanda { margin:43px 0 0 11px; height:38px; width:142px; background-position:0 -278px; }
#sponsors .sponsors-wrapper .squares .sponsor-list .sponsor .heroku { margin:41px 0 0 14px; height:42px; width:140px; background-position:0 -336px; }
#sponsors .sponsors-wrapper .squares .sponsor-list .sponsor.adobe .sponsors-general { margin:40px 0 0 10px; height:34px; width:149px; background-position:0 -461px; }
#sponsors .sponsors-wrapper .squares .sponsor-list .sponsor.treinaweb .sponsors-general { height:54px; width:123px; background-position:0 -585px; }
#sponsors .sponsors-wrapper .supporters { display:inline-block; padding-bottom:40px; }
#sponsors .sponsors-wrapper .supporters.educational .ttl-general { background-position:-220px -1151px; }
.LNG-en-us #sponsors .sponsors-wrapper .supporters.educational .ttl-general { background-position:-283px -1136px; }
#sponsors .sponsors-wrapper .supporters .ttl-general { background-position:0 -1151px; }
.LNG-en-us #sponsors .sponsors-wrapper .supporters .ttl-general { width:239px; background-position:0 -1136px; }
#sponsors .sponsors-wrapper .be-a-sponsor { padding:0 0 20px; font-size:15px; }
/* FOLLOW US */
#follow-us { }
#follow-us .follow-us-container { padding:0 20px; width:768px; }
#follow-us .follow-us-container .title { width:438px; height:375px; background:url('../img/tablet/bg-twitter.png') no-repeat; }
#follow-us .follow-us-container .burst { display:none; }
#tweets-container ul { list-style:none; font-family:"Comic Sans MS", arial; line-height:130%; color:rgb(255,255,255); text-align:center; }
#tweets-container ul a { text-decoration:none; }
#tweets-container ul li { float:left; width:229px; }
#tweets-container ul li .user:after { content:''; position:absolute; left:97px; top:41px; height:9px; width:11px; background:url('../img/tablet/ico-general.png') 0 -637px no-repeat; }
#tweets-container ul li .user a { color:#FFF; background-position:0 -637px; }
#tweets-container ul li .user img { position:relative; width:48px; height:48px; border:2px solid #FFF; border-radius:80px; }
#tweets-container ul li .user span { display:block; margin-top:15px; font-size:16px; text-transform:uppercase; }
#tweets-container ul li .user span:nth-child(3) { margin-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:rgb(255,204,0); text-align:center; text-decoration:none; }
#tweets-container ul li .tweet { position:relative; margin-top:25px; padding-top:11px; font-size:13px; text-transform:uppercase; }
#tweets-container ul li .tweet:before { content:''; position:absolute; top:-20px; left:0; width:225px; height:11px; background:url('../img/tablet/bg-tweet.png') no-repeat; }
#tweets-container ul li .tweet a { color:rgb(55,171,191); }
#follow-us .follow-us-container .birdy { width:243px; height:38px; background-position:0 -579px; }
#follow-us .follow-us-container .our-link { height:22px; width:261px; background-position:0 -1176px; }
.LNG-en-us #follow-us .follow-us-container .our-link { height:22px; width:298px; background-position:0 -1161px; }
/* THE GUYS */
#the-guys { padding-bottom:739px; }
#the-guys .the-guys-container { padding:0 20px; width:768px; }
#the-guys .the-guys-container .title { height:75px; width:344px; background-position:0 -454px; }
.LNG-en-us #the-guys .the-guys-container .title { height:75px; width:344px; background-position:0 -439px; }
#the-guys .the-guys-container .curator .resume { width:350px; }
#the-guys .the-guys-container .curator .social-networks li a.github { background-position:0 0; }
#the-guys .the-guys-container .curator .social-networks li a.twitter { background-position:-41px 0; }
#the-guys .the-guys-container .curator .social-networks li a.blog { background-position:-120px 0; }
#the-guys .the-guys-container .curator.jaydson .photo { left:113px; top:176px; }
#the-guys .the-guys-container .curator.felipe .photo { right:100px; top:150px; }
/* DIRECTED BY */
.directed-by .directed-by-wrapper { padding:10px 20px 0; width:768px; }
.directed-by:before { content:''; position:absolute; top:-183px; left:0; right:0; height:183px; width:100%; background:url('../img/tablet/bg-footer-cities.png'); z-index:2; }
.directed-by .directed-by-wrapper .copyright { margin-right:120px; }
.directed-by .directed-by-wrapper .brazil-js-logo { background-position:0 -48px; }
.directed-by .directed-by-wrapper .developed-by:before { content:''; position:absolute; top:-51px; right:0; width:200px; height:51px; background:url('../img/tablet/ico-general.png') no-repeat 0 -518px; z-index:3; }
.directed-by .directed-by-wrapper .marimbondo-logo { background-position:0 -78px; }
/* HEADER */
.header-wrapper { width:700px; }
/* FOOTER */
footer { width:700px; }
}
@media (min-width : 768px) and (max-width : 1159px) {
/* MENU */
#menu { top:0; display:block; height:auto; width:248px; z-index:101; }
#menu .ico-general { display:block; background:url('../img/tablet/ico-general.png') no-repeat; }
#menu .menu-switch { display:block; margin:10px; width:25px; height:10px; background-position:0 -707px; cursor:pointer; }
#menu .language { position:absolute; right:0; top:0; margin:0; width:40px; height:30px; font-size:14px; }
#menu .language:hover,
#menu .language:focus { background-color:rgb(219,110,14); }
#menu .language .ballon { padding:6px 0 0 10px; background:none; }
#menu .chapters-list { display:none; }
#menu .opened.chapters-list { display:block; z-index:10; }
#menu .chapters-list li a { width:100%; height:42px; }
#menu .chapters-list li a:hover { background-color:rgb(219,110,14); }
#menu .chapters-list li a .sign { bottom:11px; }
#menu .chapters-list li.speakers a .sign { width:20px; height:16px; background-position:0 -666px; }
#menu .chapters-list li.schedule a .sign { width:20px; height:17px; background-position:-29px -666px; }
#menu .chapters-list li.local a .sign { left:15px; bottom:12px; width:18px; height:18px; background-position:-59px -666px; }
#menu .chapters-list li.ticket a .sign { bottom:10px; left:13px; width:23px; height:21px; background-position:-87px -666px; }
#menu .chapters-list li.manifest a .sign { bottom:12px; left:16px; width:15px; height:18px; background-position:-120px -666px; }
#menu .chapters-list li.sponsors a .sign { bottom:15px; left:4px; width:33px; height:12px; background-position:-140px -666px; }
#menu .chapters-list li.videos a .sign { left:14px; bottom:13px; height:18px; width:18px; background-position:-183px -666px; }
#menu .chapters-list li .extended-menu:before { content:none; }
#menu .chapters-list li .extended-menu { top:10px; left:55px; background:none; display:block; opacity:1; padding:0; pointer-events:none; }
}