/* WEB FONT IMPORT ===================================================================================================================================== */
@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900);
@import url(//fonts.googleapis.com/css?family=Merriweather:300,400,700,900);
@import url(//fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700);

/* FONT AWESOME IMPORT ===================================================================================================================================== */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.2.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* FONT CARTON_SIX IMPORT ===================================================================================================================================== */
@font-face {
    font-family: 'Carton_Six';
    src: url('../fonts/carton_six.eot?v=4.2.0');
    src: url('../fonts/carton_six.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/carton_six.woff?v=4.2.0') format('woff'), url('../fonts/carton_six.ttf?v=4.2.0') format('truetype'), url('../fonts/carton_six.svg?v=4.2.0#carton_sixregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* BASE STRUCTURE ===================================================================================================================================== */


/* presets */
html, body { -webkit-tap-highlight-color: rgba(0,0,0,0); }
a { color:inherit; text-decoration:none; }
.OFF { display:none !important; }
.bold { font-weight:700; }
.italic { font-style:italic; }
.alignCenter { text-align:center; }
.displayBlock { display:block; }


/* IOS FALLBACK */
.modernizr_touch.platform_ipad .has-ios-fallback,
.modernizr_touch.platform_iphone .has-ios-fallback,
.modernizr_touch .has-ios-fallback { display:none; }
.ios-fallback { display:none; }
.modernizr_touch.platform_ipad .ios-fallback,
.modernizr_touch.platform_iphone .ios-fallback,
.modernizr_touch .ios-fallback { display:block; }

.video-js { background-color: #fff; }

#wrapper { overflow:hidden; }
#mainContent { background:#fff; position:relative; left:0; margin-top:0; }

/* MAIN HEADER */
.mainHeader {background-color:rgb(278,208,10); position:fixed; top:0; left:0; width:100%; height:35px; padding:5px 10px; z-index:75; box-shadow:0 5px 20px -5px rgba(0,0,0,.5); }
.mainHeader .menuToggleButton { display:none; }
.mainHeader nav { float:left; }
.mainHeader ul.mainMenu { font:500 16px/25px 'Carton_Six'; text-transform:uppercase; text-align:center; }
.mainHeader ul.mainMenu li { float:left; margin-right:10px; color:#000; position:relative; }
.mainHeader ul.mainMenu li a { display:block; }
.mainHeader ul.mainMenu > li:hover > a,
.mainHeader ul.mainMenu > li.selected > a,
.mainHeader ul.mainMenu > li.selected:hover > a { color: rgb(278,208,10); text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; }
.mainHeader ul.mainMenu li.linkExpresso a { padding:0; background:url(../gfx/logo_expresso.png) no-repeat 0 center; width:20px; height:25px; }
.mainHeader ul.mainMenu li.linkExpresso a:hover { opacity:.75; }
.mainHeader ul.mainMenu li.linkExpresso span { display:none; }
.mainHeader ul.mainMenu li ul.childMenu { max-height:0; padding:0 10px; background:#3d2837; position:absolute; left:-35px; right:-35px; z-index:1; overflow:hidden; box-shadow:0 5px 20px -5px rgba(0,0,0,.5); }
.mainHeader ul.mainMenu li:hover ul.childMenu { max-height:250px; }
.mainHeader ul.mainMenu li ul.childMenu li { float:none; margin:0; }
.mainHeader ul.mainMenu li ul.childMenu li:last-child { margin-bottom:10px; }
.mainHeader ul.mainMenu li ul.childMenu li:hover a,
.mainHeader ul.mainMenu li ul.childMenu li.selected a,
.mainHeader ul.mainMenu li ul.childMenu li.selected:hover a { color:rgba(248,166,67,.6); }
/* css animation */
.mainHeader ul.mainMenu li { -webkit-transition:all .25s; transition:all .25s; }
.mainHeader ul.mainMenu li ul.childMenu { -webkit-transition:all .25s; transition:all .25s; }
/* modernizr_touch */
.modernizr_touch.layoutVersion_lt1024 .mainHeader { padding:10px 20px; }
.modernizr_touch.layoutVersion_lt1024 .mainHeader ul.mainMenu { line-height:30px; }
.modernizr_touch.layoutVersion_lt1024 .mainHeader ul.mainMenu li.linkExpresso a { height:30px; }
.modernizr_touch.layoutVersion_lt1024 .mainHeader ul.mainMenu li ul.childMenu { left:-20px; right:-20px; }


/* lt1024 */
/* ------ */ .layoutVersion_lt1024 .mainHeader { height:50px; padding:10px; }
/* ------ */ .layoutVersion_lt1024 .mainHeader .menuToggleButton { display:block; width:30px; height:30px; position:absolute; top:10px; left:25px; background:url(../gfx/menu_toggle_button_bg.png) no-repeat center center; cursor:pointer; }
/* ------ */ .layoutVersion_lt1024 .mainHeader nav { position:fixed; top:0; bottom:0; left:-250px; width:250px; z-index:15; background:#3d2837; }
/* ------ */ .layoutVersion_lt1024 .mainHeader ul.mainMenu { height:auto;}
/* ------ */ .layoutVersion_lt1024 .mainHeader ul.mainMenu li { text-align: left; margin:0 0 5px 0; width:auto; }
/* ------ */ .layoutVersion_lt1024 .mainHeader ul.mainMenu li a { padding:0 20px; }
/* ------ */ .layoutVersion_lt1024 .mainHeader ul.mainMenu li.linkExpresso a { background-color:transparent; background-position:0 center; padding:0;  }
/* ------ */ .layoutVersion_lt1024 .mainHeader ul.mainMenu > li.parentMenu > a { background:transparent !important; color:#3d2837; line-height:25px; padding:0 40px; }
/* ------ */ .layoutVersion_lt1024 .mainHeader ul.mainMenu li ul.childMenu { position:relative; width:auto; max-height:250px; padding:0; background:transparent; left:0; box-shadow:none; }
/* ------ */ .layoutVersion_lt1024 .mainHeader ul.mainMenu li ul.childMenu li { margin:5px 0 0 0; }
/* ------ */ .layoutVersion_lt1024 .mainHeader ul.mainMenu li ul.childMenu li:last-child { margin-bottom:0; }
/* ------ */ .layoutVersion_lt1024 .mainHeader ul.mainMenu li ul.childMenu li a { margin-left:20px; }
/* ------ */ .layoutVersion_lt1024 .mainHeader ul.mainMenu li ul.childMenu li:hover a,
/* ------ */ .layoutVersion_lt1024 .mainHeader ul.mainMenu li ul.childMenu li.selected a,
/* ------ */ .layoutVersion_lt1024 .mainHeader ul.mainMenu li ul.childMenu li.selected:hover a { color:rgba(248,166,67,1); }
/* ------ */ .layoutVersion_lt1024 .mobileMenuExpanded #mainContent,
/* ------ */ .layoutVersion_lt1024 .mobileMenuExpanded .mainHeader { left:250px; }
/* ------ */ .layoutVersion_lt1024 .mobileMenuExpanded .mainHeader .menuToggleButton { left:18px; }
/* ------ */ .layoutVersion_lt1024 .mobileMenuExpanded .mainHeader nav { left:0; }
/* css animation */
/* ------ */ .layoutVersion_lt1024 #mainContent,
/* ------ */ .layoutVersion_lt1024 .mainHeader,
/* ------ */ .layoutVersion_lt1024 .mainHeader .menuToggleButton,
/* ------ */ .layoutVersion_lt1024 .mainHeader nav { -webkit-transition:left .25s; transition:left .25s; }

/* SOCIAL LINKS */
.mainHeader .socialLinks { position:absolute; top:0; right:90px; padding:7px; }
.mainHeader .socialLinks li { border-radius:3px;width:20px; height:20px; float:left; margin-left:10px; position:relative; overflow:hidden; }
.mainHeader .socialLinks li span { display:block; width:inherit; height:inherit; background:/*rgba(0,0,0,.5)*/ url(../gfx/sprite_social.png) no-repeat -500px -500px; position:relative; }


.mainHeader .socialLinks li span:hover { background-color:rgba(0,0,0,.75); z-index:10; }
.mainHeader .socialLinks li.facebook span { background-position:0 -25px; background-color: blue;}
.mainHeader .socialLinks li.twitter span { background-position:-20px -25px; background-color: deepskyblue;}
.mainHeader .socialLinks li.googlePlus span { background-position:-40px -25px;background-color: red; }
.mainHeader .socialLinks li.mail span { background-position:-60px -25px; }
.mainHeader .socialLinks li span > * { opacity:0; }
.mainHeader .socialLinks li span iframe { width:100px; height:20px; }
/*flags*/
.mainHeader .socialLinks li.flag span { background-image:url(../gfx/sprite_flags.png); }
.mainHeader .socialLinks li.flag span a { display:block; width:inherit; height:inherit; }
.mainHeader .socialLinks li.flag.ptFlag span { background-position:0 -25px; }
.mainHeader .socialLinks li.flag.enFlag span { background-position:-20px -25px; }
/* lt1024 & modernizr_touch*/
.layoutVersion_lt1024 .mainHeader .socialLinks { padding:12px; }
.layoutVersion_lt1024 .mainHeader .socialLinks li { margin-left: 13px; }
.modernizr_touch.layoutVersion_lt1024 .mainHeader .socialLinks { padding:12px; }
.modernizr_touch.layoutVersion_lt1024 .mainHeader .socialLinks li { width:25px; height:25px; }
.modernizr_touch.layoutVersion_lt1024 .mainHeader .socialLinks li.facebook span { background-position:0 0; }
.modernizr_touch.layoutVersion_lt1024 .mainHeader .socialLinks li.twitter span { background-position:-25px 0; }
.modernizr_touch.layoutVersion_lt1024 .mainHeader .socialLinks li.googlePlus span { background-position:-50px 0; }
.modernizr_touch.layoutVersion_lt1024 .mainHeader .socialLinks li.mail span { background-position:-75px 0; }
/*flags*/
.modernizr_touch.layoutVersion_lt1024 .mainHeader .socialLinks li.flag.ptFlag span { background-position:0 0; }
.modernizr_touch.layoutVersion_lt1024 .mainHeader .socialLinks li.flag.enFlag span { background-position:-20px 0; }

/* lt1024 & modernizr_touch*/

.layoutVersion_lt1024 .mainHeader .creditsList,
.modernizr_touch .mainHeader .creditsList li:first-child { margin-top:10px; }
.layoutVersion_320 .mainHeader .creditsList { width:320px; }
.layoutVersion_320 .mainHeader .creditsList li p { padding:5px 15px; }
.layoutVersion_320 .mainHeader .creditsList li p,
.layoutVersion_320 .mainHeader .creditsList li .bold { display:block; }
.layoutVersion_320 .mainHeader .creditsList li.copyright p { padding-bottom:15px; }
/* css animation */
.mainHeader .creditsList { -webkit-transition:all .25s; transition:all .25s; }

/* CREDITS */
.mainHeader .creditsWrapper .creditsList{  background: url(../gfx/credits_bg.png) no-repeat ; margin-top: 20px;}
.layoutVersion_320 .mainHeader .creditsWrapper .creditsList { background:url(../gfx/credits_bg_mobile.png) no-repeat; margin-top: 20px;}
.mainHeader .creditsWrapper { float:right;  font-family: 'Carton_Six'; margin-top: 4px;}
.mainHeader .creditsWrapper span { }
.mainHeader .creditsToggleButton:hover > span,
.creditsExpanded .mainHeader .creditsToggleButton > span { cursor:pointer; color: rgb(278,208,10); text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;  }
.mainHeader .creditsList { max-height:0; position:absolute; right:0; width:420px; /*text-align:right;*/ overflow:hidden; }
.creditsExpanded .mainHeader .creditsToggleButton .creditsList { max-height:500px; }
.mainHeader .creditsList li p { font:400 18px/18px 'Carton_Six'; color:#000; margin:0; margin-right:15px; padding:2px 10px; margin-left: 25px;}
.mainHeader .creditsList li p.firstP {padding-top: 3px;}
.mainHeader .creditsList li.copyright p { color:#fff ; padding-bottom:60px; font-size:15px;}
.mainHeader .creditsList li:first-child { margin-top:12px; }

/* lt1024 & modernizr_touch*/
.layoutVersion_lt1024 .mainHeader .creditsToggleButton > span { /*line-height:30px;*/}
.modernizr_touch .mainHeader .creditsToggleButton > span { /*line-height:30px;  */}
.layoutVersion_lt1024 .mainHeader .creditsList {margin-top: 20px;}
.modernizr_touch .mainHeader .creditsList li:first-child { margin-top:10px; }
.layoutVersion_320 .mainHeader .creditsList li p.firstP {padding-top: 2px;}
.layoutVersion_320 .mainHeader .creditsList { width:320px; }
.layoutVersion_320 .mainHeader .creditsList li p { padding:5px 15px; padding: 1px; font:400 14px/14px 'Carton_Six';}
.layoutVersion_320 .mainHeader .creditsList li p,
.layoutVersion_320 .mainHeader .creditsList li .bold { display:block; }
.layoutVersion_320 .mainHeader .creditsList li.copyright p { padding-bottom:15px; }
/* css animation */
.mainHeader .creditsList { -webkit-transition:all .25s; transition:all .25s; }

/* MAIN FOOTER */
.mainFooter { border-top:solid 2px #d5d5d5; padding-top:15px; margin:50px auto; overflow:hidden; text-align:center; }
.mainFooter a { font:900 12px/20px 'Source Sans Pro', sans-serif; color:#252525; text-transform:uppercase; display:inline-block; position:relative; padding-top:12px; width:175px; }
.mainFooter a:hover { color:#3e2837; }
.mainFooter a.shareButton { position:absolute; left:50%; margin-left:-55px; width:110px; }
.mainFooter a.topButton,
.mainFooter a.prevButton { float:left; text-align:left; }
.mainFooter a.nextButton { float:right; text-align:right; }
.mainFooter a.shareButton { display:none; }
.mainFooter a.topButton:before,
.mainFooter a.shareButton:before,
.mainFooter a.prevButton:before,
.mainFooter a.nextButton:after { font:400 20px/20px 'FontAwesome'; display:inline-block; padding:0 5px; position:relative; top:2px; }
.mainFooter a.shareButton:before { content:"\f064"; }
.mainFooter a.prevButton:before { content:"\f060"; }
.mainFooter a.nextButton:after { content:"\f061"; }
.mainFooter a.topButton:before { content:"\f062"; }
.mainFooter a.prevButton:after,
.mainFooter a.nextButton:before { font:400 11px/15px 'Source Sans Pro'; color:#777; display:inline-block; position:relative; top:2px; position:absolute; }
.mainFooter a.prevButton:after { content:"Capítulo Anterior"; left:28px; }
.mainFooter a.nextButton:before { content:"Capítulo Seguinte"; right:28px; }
/* 320 */
/* --- */ .layoutVersion_320 .mainFooter a.topButton,
/* --- */ .layoutVersion_320 .mainFooter a.shareButton,
/* --- */ .layoutVersion_320 .mainFooter a.prevButton,
/* --- */ .layoutVersion_320 .mainFooter a.nextButton { position:relative; top:auto; bottom:auto; left:auto; right:auto; float:none; display:block; width:auto; margin:0 0 20px 0; text-align:center; padding-top:17px; }
/* --- */ .layoutVersion_320 .mainFooter a.shareButton { display:none; }
/* --- */ .layoutVersion_320 .mainFooter a.prevButton:after,
/* --- */ .layoutVersion_320 .mainFooter a.nextButton:before { left:28px; right:28px; text-align:center; }

/* SECTIONS */
.container { background:#fff; position:relative; overflow:hidden; z-index:10; }
.container.superZIndex.selected,
.layoutVersion_320 .container.superZIndex.selected {z-index: 100}
.container.selected + container { z-index:100 }
.container.pinnedMedia:not(.lighterVersion) { background:dimgrey; }
/* breakpoints */
.container .inner,
.mainFooter { width:670px; }
/* 1024 to 320 */
/* ----------- */ .layoutVersion_1024 .container .inner,
/* ----------- */ .layoutVersion_1024 .mainFooter { width:460px; }
/* ----------- */ .layoutVersion_768 .container .inner,
/* ----------- */ .layoutVersion_768 .mainFooter { width:410px; }
/* ----------- */ .layoutVersion_320 .container .inner,
/* ----------- */ .layoutVersion_320 .mainFooter { width:260px; }
.container .inner { margin:0 auto; }
.container .inner.fullWidth { width:100%; overflow:hidden; }
.container .inner.viewportHeight { min-height:100vh; position:relative; }
.modernizr_touch.platform_iphone .container .inner.viewportHeight.ios-workaround { min-height:0; }

.pinnedMedia .inner { padding-bottom:0; }


/* NAV BUTTON ===================================================================================================================================== */
.navButton { opacity:0; font:700 20px/20px 'Carton_Six'; color:#b5b5b5; text-transform:uppercase; width:120px; padding:15px 0 0 55px; height:55px; opacity:.75; z-index:100; position:fixed; bottom:50px; right:50px; }
.navButton#playBtn{left: 50px;}
.layoutVersion_320 .navButton#playBtn{left:20px;}
.navButton:hover { color:#b5b5b5; }
.navButton:before,
.navButton:after { content:""; width:20px; height:20px; background:url(../gfx/scroll_button.png) no-repeat 0 0; position:absolute; top:25px; }
.navButton#playBtn:before,
.navButton#playBtn:after{background:url(../gfx/round_arrow_ligther.png) no-repeat 0 0;}
.navButton:before { left:15px; }

.navButton:after { right:10px; }
.navButton:after { display:none; }
.navButton:before,
.navButton:after { -webkit-animation:scrollAnimation 2s infinite; animation:scrollAnimation 2s infinite; }
@-webkit-keyframes scrollAnimation {
	0%		{ opacity: .1; }
	50%		{ opacity: 1; }
	100%	{ opacity: .1; }
}
@keyframes scrollAnimation {
	0%		{ opacity: .25; }
	25% 	{ opacity: 1; }
	100%	{ opacity: .25; }
}
/* 320 */
/* --- */ .layoutVersion_320 .navButton { transform:scale(.75); height:40px; bottom:15px; right:50%; margin-right:-100px; }
/* --- */ .layoutVersion_320 .navButton:before,
/* --- */ .layoutVersion_320 .navButton:after { display:block; top:15px; }
          .layoutVersion_320 .navButton#playBtn:after {display: none;}

.transform:before,
.transform:after {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.transformUp:before,
.transformUp:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* TEXT ===================================================================================================================================== */

.container p { font-family:'Merriweather', serif; font-weight:400; color:#000; margin:1.5em 0; }
.container#containerVideo p#firstP{margin:-12em 0 0; overflow: hidden;}
.container .inner p:first-child.textoScroll { padding-top:1.5em; }
.container#containerVideo p#secondP{ padding-top: 10px;}
.container p.subtitulo + p,
.container p.subtitulo + aside + p { margin-top:0; }
.container .inner > p:first-child { padding-top:20px; }
.container .inner > p:last-child { margin-bottom:2.5em; }
.container p.titulo { font-weight:900; font-size:62px; line-height:70px; }
.container p.entrada { font-size:28px; line-height:35px; }
.container p.texto { font-size:22px; line-height:32px; }
.container p.texto.halfMargin { margin:.75em 0; }
.container p.destaque { font:300 24px/1.1em 'Source Sans Pro', sans-serif; color:#3d2837; text-transform:uppercase; padding:20px 0; border-top:solid 1px #3d2837; border-bottom:solid 1px #3d2837; }
.container p.destaque .bold { font-weight:600; }
.container p.pergunta { font-weight:700; font-size:24px; margin-bottom:10px; }
.container p.pergunta + p.texto { margin-top:10px; }
.container p.subtitulo { font-family:'Source Sans Pro', sans-serif; font-weight:900; font-size:24px; color:#3d2837; text-transform:uppercase; margin-bottom:10px; }
.container p .capitular { font-family:'Carton_Six', serif; font-weight:100; font-size:150px; line-height:128px; color:#3d2837; position:relative; top:-4px; float:left; }
.container a:not(.navButton):hover { text-decoration:underline; color:#3d2837; }

/**/
.caption { font:600 16px/1em 'Source Sans Pro'; color:#333; display:block; margin-top:10px; }
.caption .arranque { font-weight:700; text-transform:uppercase; color:#3d2837; display:block; letter-spacing:-.05em; }
.caption:empty { margin-top:0; }
/* 1024 to 320 */
/* ----------- */ .layoutVersion_lt1024 .container aside + p { margin-top:1.5em; }
/* ----------- */ .layoutVersion_lt1280 .container p.titulo { font-size:50px; line-height:56px; }
/* ----------- */ .layoutVersion_320 .container p.titulo { font-size:28px; line-height:32px; }
/* ----------- */ .layoutVersion_lt1280 .container p.entrada { font-size:25px; line-height:28px; }
/* ----------- */ .layoutVersion_320 .container p.entrada { font-size:18px; line-height:20px; }
/* ----------- */ .layoutVersion_lt1280 .container p.texto { font-size:20px; line-height:28px; }
/* ----------- */ .layoutVersion_320 .container p.texto { font-size:16px; line-height:22px; }
/* ----------- */ .layoutVersion_lt1280 .container p.destaque { font-size:22px; }
/* ----------- */ .layoutVersion_320 .container p.destaque { font-size:20px; }
/* ----------- */ .layoutVersion_lt1280 .container p.pergunta { font-size:22px; }
/* ----------- */ .layoutVersion_320 .container p.pergunta { font-size:20px; }
/* ----------- */ .layoutVersion_lt1280 .container p.subtitulo { font-size:20px; }
/* ----------- */ .layoutVersion_320 .container p.subtitulo { font-size:14px; }
/* ----------- */ .layoutVersion_lt1280 .container p .capitular { font-size:135px; line-height:112px; }
/* ----------- */ .layoutVersion_320 .container p .capitular { font-size:105px; line-height:88px; }
/* ----------- */ .layoutVersion_lt1280 .inner:not(.fullWidth) .videoWrapper .caption { font-size:14px; }

/* ADD SAME MARGIN BOTTOM TO WRAPPERS */
.inner:not(.fullWidth) .paralaxWrapper,
.inner:not(.fullWidth) .pictureWrapper,
.inner:not(.fullWidth) .videoWrapper,
.inner:not(.fullWidth) .headerWrapper { font-size:22px; margin-bottom:1.5em; }
/* 1024 to 320 */
/* ----------- */ .layoutVersion_lt1280 .inner:not(.fullWidth) .paralaxWrapper,
/* ----------- */ .layoutVersion_lt1280 .inner:not(.fullWidth) .pictureWrapper,
/* ----------- */ .layoutVersion_lt1280 .inner:not(.fullWidth) .videoWrapper,
/* ----------- */ .layoutVersion_lt1280 .inner:not(.fullWidth) .headerWrapper { font-size:20px; }
/* ----------- */ .layoutVersion_320 .inner:not(.fullWidth) .paralaxWrapper,
/* ----------- */ .layoutVersion_320 .inner:not(.fullWidth) .pictureWrapper,
/* ----------- */ .layoutVersion_320 .inner:not(.fullWidth) .videoWrapper,
/* ----------- */ .layoutVersion_320 .inner:not(.fullWidth) .headerWrapper { font-size:16px; }



/* ASIDE ===================================================================================================================================== */
aside { width:250px; float:right; padding-left:25px;  }
aside.linkTo { margin-right:-225px; font-family:'Source Sans Pro'; font-size:16px;  }
aside.linkTo a { font-weight:900; color:#3d2837; text-transform:uppercase; display:block; }
/* lt1024 */
/* ------ */ .layoutVersion_lt1024 aside { float:none; padding:0; width:100%; }


/* SOLID COLOR WRAPPER ===================================================================================================================================== */

.solidColorWrapper { width:100%; height:100vh; }
.solidColorWrapper .solidColor { width:inherit; height:inherit; }
.selected.pinnedMedia .solidColorWrapper .solidColor { position:fixed; top:0; left:0; }


/* PICTURE WRAPPER ===================================================================================================================================== */

.pictureWrapper { position:relative; margin:0 auto; text-align:center; }
.pinnedMedia .fullWidth .pictureWrapper { height:100vh; padding-bottom:0; }
.pictureWrapper figure { vertical-align:top; }
.selected.pinnedMedia .pictureWrapper figure { position:fixed; top:35px; left:0; right:0; height:auto; }
.selected.pinnedMedia.superZIndex .pictureWrapper figure { top:0; }
.pictureWrapper figure img { width:100%; height:auto; }
.pictureWrapper figcaption { text-align:left; }
/**/
.pictureWrapper.twoPictures figure,
.pictureWrapper.threePictures figure,
.pictureWrapper.fourPictures figure { padding:10px; display:inline-block; }
.pictureWrapper.twoPictures figure { width:45%; }
.pictureWrapper.threePictures figure { width:30%; }
.pictureWrapper.fourPictures figure { width:23%; }
/* lt1024 */
/* ------ */ .layoutVersion_768 .pictureWrapper.twoPictures,
/* ------ */ .layoutVersion_768 .pictureWrapper.threePictures,
/* ------ */ .layoutVersion_768 .pictureWrapper.fourPictures { width:410px; }
/* ------ */ .layoutVersion_320 .pictureWrapper.twoPictures,
/* ------ */ .layoutVersion_320 .pictureWrapper.threePictures,
/* ------ */ .layoutVersion_320 .pictureWrapper.fourPictures { width:260px; }
/* ------ */ .layoutVersion_lt1024 .pictureWrapper.twoPictures figure,
/* ------ */ .layoutVersion_lt1024 .pictureWrapper.threePictures figure,
/* ------ */ .layoutVersion_lt1024 .pictureWrapper.fourPictures figure { width:100%; padding:10px 0; }
/* ------ */ .layoutVersion_lt1024 .selected.pinnedMedia .pictureWrapper figure { top:50px; }
/* ------ */ .layoutVersion_lt1024 .selected.pinnedMedia.superZIndex .pictureWrapper figure { top:0; }


/* AUDIO WRAPPER ===================================================================================================================================== */

.audioWrapper { position:relative; width:100%; }
.audioWrapper audio { width:100%; }
.audioWrapper .caption { font-weight:400; font-size:14px; margin-top:5px; letter-spacing:-.035em; }


/* VIDEO WRAPPER ===================================================================================================================================== */

.videoWrapper { position:relative; width:100%; }
.pinnedMedia .fullWidth .videoWrapper { height:100vh; padding-bottom:0; }
.videoWrapper video { position:relative; width:100%; background:#1b1b1b; vertical-align:bottom; }
.lighterVersion .videoWrapper video { background:#fff; }
.pinnedMedia .fullWidth .videoWrapper .video-js { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); max-width:100%; }
.selected.pinnedMedia .videoWrapper .video-js { position:fixed; height:auto; }
.videoWrapper .caption { position:absolute; bottom:0; right:-270px; width:250px; }
/* lt1024 */
/* ------ */ .layoutVersion_lt1024 .inner:not(.fullWidth) .videoWrapper .caption { position:static; width:100%; }


/* scrollableContent */
.maskGradient { position:absolute; top:0; left:-5px; bottom:0; z-index:2; width:50%;
	background: -moz-linear-gradient(left,  rgba(0,0,0,.8) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,.8)), color-stop(100%,rgba(0,0,0,0)));
	background: -webkit-linear-gradient(left,  rgba(0,0,0,.8) 0%,rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(left,  rgba(0,0,0,.8) 0%,rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(left,  rgba(0,0,0,.8) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to right,  rgba(0,0,0,.8) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#00000000',GradientType=1 );
}
.lighterVersion .maskGradient { position:absolute; top:0; left:-5px; bottom:0; z-index:2; width:50%;
	background: -moz-linear-gradient(left,  rgba(255,255,255,.8) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,.8)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left,  rgba(255,255,255,.8) 0%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left,  rgba(255,255,255,.8) 0%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left,  rgba(255,255,255,.8) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,.8) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e60ffffff', endColorstr='#00ffffff',GradientType=1 );
}
.scrollableContent { position:relative; width:33%; z-index:5; min-height:50vh; z-index:10; }
.scrollableContent .listContainer { padding:0 0 50vh 0; }
.scrollableContent .slide { height:100vh; padding:0 10%; /*overflow:hidden; */}
.scrollableContent p.textoScroll { font:300 19px/1.2em 'Roboto Slab', serif; color:#fff; margin-bottom:2em; }
.scrollableContent p.textoScrollBD { font:600 28px/1em 'Carton_Six', serif; /*background: no-repeat url('../gfx/paper_effect.jpg')0 0; background-repeat: repeat*/;color:#000; /*margin-bottom:2em;*/ background-color: rgb(278,208,10); border-color: black; border-style: solid; border-width: 3px;padding:0.2em;display:inline-block;}
.lighterVersion .scrollableContent p.textoScroll { color:#222; }
.lighterVersion .scrollableContent p.textoScrollBD { color:#222; }
.scrollableContent p.destaqueScroll { font:300 24px/1.1em 'Source Sans Pro', sans-serif; color:rgba(248,166,67,1); text-transform:uppercase; }
/**/
.scrollableContent.contentInLine { float:right; width:100%; text-align:right; }
.scrollableContent.contentInLine .listContainer { padding:0; }
.scrollableContent.contentInLine .slide { padding:0 5%; display:table; }
.scrollableContent.contentInLine p,
.scrollableContent.contentInLine figure { display:table-cell; vertical-align:middle; padding:15px; }
.scrollableContent.contentInLine p { width:45%; }
.scrollableContent.contentInLine figure { width:25%; }
.scrollableContent.contentInLine img { width:100%; margin:0; }
.scrollableContent#skipBtn {visibility: hidden;}
/* lt1280 */
.layoutVersion_lt1280 .scrollableContent p.textoScroll { font-size:16px; }
.layoutVersion_lt1280 .scrollableContent p.textoScrollBD { font-size:16px; background-color: rgb(278,208,10); border-color: black; border-style: solid; border-width: 3px;}
.layoutVersion_lt1280 .scrollableContent p.destaqueScroll { font-size:20px; }
/* lt1024 */
.layoutVersion_lt1024 .scrollableContent.contentInLine .listContainer { padding-top:15vh; }
.layoutVersion_lt1024 .scrollableContent.contentInLine p { display:block; width:100%; }
.layoutVersion_lt1024 .scrollableContent.contentInLine figure { display:inline-block; width:50%; padding:5px; }

.layoutVersion_lt1024 .scrollableContent p.textoScrollBD {font-size:16px; background-color: rgb(278,208,10); border-color: black; border-style: solid; border-width: 3px;}
.layoutVersion_lt1024 .scrollableContent p.textoScroll,
.layoutVersion_lt1024 .scrollableContent p.destaqueScroll { font-size:16px; }
/* 320 */
.layoutVersion_320 .maskGradient,
.layoutVersion_320 .scrollableContent { width:100%; }


/* PARALAX WRAPPER ===================================================================================================================================== */

.paralaxWrapper { position:relative; width: 100%; height:0; padding:0 0 30% 0; }
.paralaxWrapper .bgImage { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; background-attachment:fixed; background-size:cover; }
/* 320 */
/* --- */ .layoutversion_320 .paralaxwrapper { padding:0 0 100% 0; background-attachemnt:scroll;  background-size:auto; }



/* HEADER WRAPPER ===================================================================================================================================== */

.headerWrapper { position:relative; left:-120px; }
.headerWrapper img { width:240px; height:auto; margin-top:50px; }
.headerWrapper .textDetails { position:absolute; left:230px; bottom:20px; text-transform:uppercase; }
.headerWrapper .name { font:400 30px/36px 'Source Sans Pro', sans-serif; color:#3d2837; letter-spacing:-0.025em; margin:0; }
.headerWrapper .age { font:900 14px/20px 'Source Sans Pro', sans-serif; color:#fff; background:#3d2837; padding:0 5px; margin:0; width:130px; }
/* lt1280*/
/* ----- */ .layoutVersion_lt1280 .headerWrapper { left:-130px; }
/* 320 */
/* --- */ .layoutVersion_768 .headerWrapper { left:-65px; }
/* --- */ .layoutVersion_768 .headerWrapper img { width:200px; }
/* --- */ .layoutVersion_768 .headerWrapper .textDetails { left:200px; }
/* 320 */
/* --- */ .layoutVersion_320 .headerWrapper { left:-65px; }
/* --- */ .layoutVersion_320 .headerWrapper img { width:140px; }
/* --- */ .layoutVersion_320 .headerWrapper .textDetails { left:140px; }

/* ON ROTATE SCREEN ========================*/
.rotateScreen { width: 100%; height: 100%; z-index: 110; position: fixed; background-color: #000; }
.containerOnRotate{ width: 90%; height: 90%; background-image: url(../gfx/mobile_bg_landscape.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: table; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.containerOnRotate p{ font-family: 'Carton_Six'; text-align: center; line-height: 50px; font-size: 40px; display: table-cell; vertical-align: middle; }

/* DEBUG ============================================================================================================================================ */
.debug * { display:none; position:fixed; bottom:0; left:0; padding:0 30px; background:#900; font:600 15px/25px 'Source Sans Pro'; color:#fff; z-index:1; }
.layoutVersion_1280 .debug1280 { display:inline-block; }
.layoutVersion_1024 .debug1024 { display:inline-block; }
.layoutVersion_768 .debug768 { display:inline-block; }
.layoutVersion_320 .debug320 { display:inline-block; }
/* END DEBUG ======================================================================================================================================== */