/* Corner Stack v.1.0.1 */ /* General styles for the modal */ .corner-modal { position: fixed; z-index: 9999; transform: translateZ(0px); right: 0px; bottom: 0px; max-width: 320px; /*max-height:100%;*/ visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; margin:20px; } .corner-modal.corner-show{ visibility: visible; } .corner-button { visibility: hidden; opacity: 0; z-index: 9998; transform: translateZ(0px); position: fixed; right:0px; bottom:0px; padding:10px 20px; margin: 20px; background: rgba(143,27,15,0.8); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; cursor:pointer; } .corner-button.corner-tl, .corner-button.corner-tr { margin-top: -60px; } .corner-button.corner-bl, .corner-button.corner-br { margin-bottom: -60px; } .corner-button.corner-show { visibility: visible; opacity: 1; } .corner-button.corner-tl.corner-show, .corner-button.corner-tr.corner-show { margin-top: 20px; } .corner-button.corner-bl.corner-show, .corner-button.corner-br.corner-show { margin-bottom: 20px; } .corner-close { position:absolute; top:10px; right:10px; cursor:pointer; } .corner-overlay { position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0; z-index: 1000; opacity: 0; background: rgba(143,27,15,0.8); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .corner-overlay.corner-show { opacity: 1; visibility: visible; } /* Content styles */ .corner-content { position: relative; margin: 0 auto; padding:30px 20px 20px 20px; } /*.corner-content > div { padding: 15px 40px 30px; margin: 0; font-weight: 300; font-size: 1.15em; }*/ .corner-tl { left: 0px; top: 0px; bottom: auto !important; right:auto !important; } .corner-tr { left: auto !important; top: 0px; bottom: auto !important; right:0px; } .corner-br { left: auto !important; top: auto !important; bottom: 0px; right:0px; } .corner-bl { left: 0px; top: auto !important; bottom: 0px; right:auto !important; } /* Individual modal styles with animations/transitions */ /* Effect 1: Fade in and scale up */ .corner-effect-1 .corner-content { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .corner-show.corner-effect-1 .corner-content { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* Effect 2: Slide from the right */ .corner-effect-2 .corner-content { -webkit-transform: translateX(20%); -moz-transform: translateX(20%); -ms-transform: translateX(20%); transform: translateX(20%); opacity: 0; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); } .corner-show.corner-effect-2 .corner-content { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; } /* Effect 3: Slide from the bottom */ .corner-effect-3 .corner-content { -webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%); transform: translateY(20%); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .corner-show.corner-effect-3 .corner-content { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } /* Effect 4: Newspaper */ .corner-effect-4 .corner-content { -webkit-transform: scale(0) rotate(720deg); -moz-transform: scale(0) rotate(720deg); -ms-transform: scale(0) rotate(720deg); transform: scale(0) rotate(720deg); opacity: 0; } .corner-show.corner-effect-4 ~ .corner-overlay, .corner-effect-4 .corner-content { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .corner-show.corner-effect-4 .corner-content { -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); opacity: 1; } /* Effect 5: fall */ .corner-effect-5.corner-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .corner-effect-5 .corner-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(600px) rotateX(20deg); -moz-transform: translateZ(600px) rotateX(20deg); -ms-transform: translateZ(600px) rotateX(20deg); transform: translateZ(600px) rotateX(20deg); opacity: 0; } .corner-show.corner-effect-5 .corner-content { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -webkit-transform: translateZ(0px) rotateX(0deg); -moz-transform: translateZ(0px) rotateX(0deg); -ms-transform: translateZ(0px) rotateX(0deg); transform: translateZ(0px) rotateX(0deg); opacity: 1; } /* Effect 6: side fall */ .corner-effect-6.corner-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .corner-effect-6 .corner-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translate(30%) translateZ(600px) rotate(10deg); -moz-transform: translate(30%) translateZ(600px) rotate(10deg); -ms-transform: translate(30%) translateZ(600px) rotate(10deg); transform: translate(30%) translateZ(600px) rotate(10deg); opacity: 0; } .corner-show.corner-effect-6 .corner-content { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -webkit-transform: translate(0%) translateZ(0) rotate(0deg); -moz-transform: translate(0%) translateZ(0) rotate(0deg); -ms-transform: translate(0%) translateZ(0) rotate(0deg); transform: translate(0%) translateZ(0) rotate(0deg); opacity: 1; } /* Effect 7: slide and stick to top */ .corner-effect-7{ top: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .corner-effect-7 .corner-content { -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; opacity: 0; } .corner-show.corner-effect-7 .corner-content { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); border-radius: 0 0 3px 3px; opacity: 1; } /* Effect 8: 3D flip horizontal */ .corner-effect-8.corner-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .corner-effect-8 .corner-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateY(-70deg); -moz-transform: rotateY(-70deg); -ms-transform: rotateY(-70deg); transform: rotateY(-70deg); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; opacity: 0; } .corner-show.corner-effect-8 .corner-content { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } /* Effect 9: 3D flip vertical */ .corner-effect-9.corner-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .corner-effect-9 .corner-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-70deg); -moz-transform: rotateX(-70deg); -ms-transform: rotateX(-70deg); transform: rotateX(-70deg); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; opacity: 0; } .corner-show.corner-effect-9 .corner-content { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } /* Effect 10: 3D sign */ .corner-effect-10.corner-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .corner-effect-10 .corner-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-60deg); -moz-transform: rotateX(-60deg); -ms-transform: rotateX(-60deg); transform: rotateX(-60deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .corner-show.corner-effect-10 .corner-content { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } /* Effect 11: Super scaled */ .corner-effect-11 .corner-content { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); transform: scale(2); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .corner-show.corner-effect-11 .corner-content { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* Effect 12: Just me */ .corner-effect-12 .corner-content { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .corner-show.corner-effect-12 ~ .corner-overlay { background: #e74c3c; } .corner-effect-12 .corner-content h3, .corner-effect-12 .corner-content { background: transparent; } .corner-show.corner-effect-12 .corner-content { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* Effect 13: 3D slit */ .corner-effect-13.corner-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .corner-effect-13 .corner-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(-3000px) rotateY(90deg); -moz-transform: translateZ(-3000px) rotateY(90deg); -ms-transform: translateZ(-3000px) rotateY(90deg); transform: translateZ(-3000px) rotateY(90deg); opacity: 0; } .corner-show.corner-effect-13 .corner-content { -webkit-animation: slit .7s forwards ease-out; -moz-animation: slit .7s forwards ease-out; animation: slit .7s forwards ease-out; } @-webkit-keyframes slit { 50% { -webkit-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -webkit-animation-timing-function: ease-out;} 100% { -webkit-transform: translateZ(0) rotateY(0deg); opacity: 1; } } @-moz-keyframes slit { 50% { -moz-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -moz-animation-timing-function: ease-out;} 100% { -moz-transform: translateZ(0) rotateY(0deg); opacity: 1; } } @keyframes slit { 50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; animation-timing-function: ease-in;} 100% { transform: translateZ(0) rotateY(0deg); opacity: 1; } } /* Effect 14: 3D Rotate from bottom */ .corner-effect-14.corner-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .corner-effect-14 .corner-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateY(100%) rotateX(90deg); -moz-transform: translateY(100%) rotateX(90deg); -ms-transform: translateY(100%) rotateX(90deg); transform: translateY(100%) rotateX(90deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .corner-show.corner-effect-14 .corner-content { -webkit-transform: translateY(0%) rotateX(0deg); -moz-transform: translateY(0%) rotateX(0deg); -ms-transform: translateY(0%) rotateX(0deg); transform: translateY(0%) rotateX(0deg); opacity: 1; } /* Effect 15: 3D Rotate in from left */ .corner-effect-15.corner-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .corner-effect-15 .corner-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg); -moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg); -ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg); transform: translateZ(100px) translateX(-30%) rotateY(90deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .corner-show.corner-effect-15 .corner-content { -webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg); -moz-transform: translateZ(0px) translateX(0%) rotateY(0deg); -ms-transform: translateZ(0px) translateX(0%) rotateY(0deg); transform: translateZ(0px) translateX(0%) rotateY(0deg); opacity: 1; } /* Effect 16: Blur */ .corner-show.corner-effect-16 ~ .corner-overlay { background: rgba(180,46,32,0.5); } .corner-show.corner-effect-16 ~ .container { -webkit-filter: blur(3px); -moz-filter: blur(3px); filter: blur(3px); } .corner-effect-16 .corner-content { -webkit-transform: translateY(-5%); -moz-transform: translateY(-5%); -ms-transform: translateY(-5%); transform: translateY(-5%); opacity: 0; } .corner-show.corner-effect-16 ~ .container, .corner-effect-16 .corner-content { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .corner-show.corner-effect-16 .corner-content { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } /* Effect 17: Slide in from bottom with perspective on container */ .corner-show.corner-effect-17 ~ .container { height: 100%; overflow: hidden; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } .corner-show.corner-effect-17 ~ .container, .corner-show.corner-effect-17 ~ .corner-overlay { -webkit-transform: rotateX(-2deg); -moz-transform: rotateX(-2deg); -ms-transform: rotateX(-2deg); transform: rotateX(-2deg); -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .corner-effect-17 .corner-content { opacity: 0; -webkit-transform: translateY(200%); -moz-transform: translateY(200%); -ms-transform: translateY(200%); transform: translateY(200%); } .corner-show.corner-effect-17 .corner-content { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition: all 0.3s 0.2s; -moz-transition: all 0.3s 0.2s; transition: all 0.3s 0.2s; } /* Effect 18: Slide from right with perspective on container */ .corner-show.corner-effect-18 ~ .container { height: 100%; overflow: hidden; } .corner-show.corner-effect-18 ~ .corner-overlay { background: rgba(143,27,15,0.8); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .corner-show.corner-effect-18 ~ .container, .corner-show.corner-effect-18 ~ .corner-overlay { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 0% 50%; -webkit-animation: rotateRightSideFirst 0.5s forwards ease-in; -moz-transform-style: preserve-3d; -moz-transform-origin: 0% 50%; -moz-animation: rotateRightSideFirst 0.5s forwards ease-in; transform-style: preserve-3d; transform-origin: 0% 50%; animation: rotateRightSideFirst 0.5s forwards ease-in; } @-webkit-keyframes rotateRightSideFirst { 50% { -webkit-transform: translateZ(-50px) rotateY(5deg); -webkit-animation-timing-function: ease-out; } 100% { -webkit-transform: translateZ(-200px); } } @-moz-keyframes rotateRightSideFirst { 50% { -moz-transform: translateZ(-50px) rotateY(5deg); -moz-animation-timing-function: ease-out; } 100% { -moz-transform: translateZ(-200px); } } @keyframes rotateRightSideFirst { 50% { transform: translateZ(-50px) rotateY(5deg); animation-timing-function: ease-out; } 100% { transform: translateZ(-200px); } } .corner-effect-18 .corner-content { -webkit-transform: translateX(200%); -moz-transform: translateX(200%); -ms-transform: translateX(200%); transform: translateX(200%); opacity: 0; } .corner-show.corner-effect-18 .corner-content { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; -webkit-transition: all 0.5s 0.1s; -moz-transition: all 0.5s 0.1s; transition: all 0.5s 0.1s; } /* Effect 19: Slip in from the top with perspective on container */ .corner-show.corner-effect-19 ~ .container { height: 100%; overflow: hidden; } .corner-show.corner-effect-19 ~ .corner-overlay { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .corner-show.corner-effect-19 ~ .container, .corner-show.corner-effect-19 ~ .corner-overlay { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 50% 100%; -webkit-animation: OpenTop 0.5s forwards ease-in; -moz-transform-style: preserve-3d; -moz-transform-origin: 50% 100%; -moz-animation: OpenTop 0.5s forwards ease-in; transform-style: preserve-3d; transform-origin: 50% 100%; animation: OpenTop 0.5s forwards ease-in; } @-webkit-keyframes OpenTop { 50% { -webkit-transform: rotateX(10deg); -webkit-animation-timing-function: ease-out; } } @-moz-keyframes OpenTop { 50% { -moz-transform: rotateX(10deg); -moz-animation-timing-function: ease-out; } } @keyframes OpenTop { 50% { transform: rotateX(10deg); animation-timing-function: ease-out; } } .corner-effect-19 .corner-content { -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); opacity: 0; } .corner-show.corner-effect-19 .corner-content { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition: all 0.5s 0.1s; -moz-transition: all 0.5s 0.1s; transition: all 0.5s 0.1s; } #stacks_in_262 .jwresp_wrapper{width:100%;overflow:auto}#stacks_in_262 .jwresp_col{overflow:hidden;margin:0;width:49%; float:left;}#stacks_in_262 #jwresp_col2_stacks_in_262{ float:right; width:49%}@media screen and (max-width:500px){#stacks_in_262 #jwresp_col1_stacks_in_262,#stacks_in_262 #jwresp_col2_stacks_in_262{width:100%;float:none;display:block}#stacks_in_262 #jwresp_col1_stacks_in_262{margin-bottom:15px}} #stacks_in_292 { margin: 0px 0px 16px 0px; } #stacks_in_318 { margin: 0px 0px 19px 0px; } #stacks_in_336 { margin: 0px 0px 16px 0px; } #stacks_in_340 { margin: 0px 0px 20px 0px; } #stacks_in_338 { margin: 0px 0px 16px 0px; } #stacks_in_321 { margin: 0px 0px 20px 0px; } #stacks_in_313 { margin: 0px 0px 16px 0px; } #stacks_in_345 { margin: 0px 0px 16px 0px; } #stacks_in_355 { margin: 0px 0px 16px 0px; } #stacks_in_284_button { display:block; position: relative; text-align: center; } #stacks_in_284 a:link, #stacks_in_284 a:visited { display:inline-block; position: relative; text-decoration:none; } #stacks_in_284 a:hover, #stacks_in_284 a:active { color:#FFFFFF; } #stacks_in_284 a:link, #stacks_in_284 a:visited { background-color:#15A050; background: -webkit-gradient(linear, left top, left bottom, from(#15A050), to(#0C6030)); border:1px solid #0C6030; padding:3px 20px; border-radius:30px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_284 a:hover { background-color:#16AC56; background: -webkit-gradient(linear, left top, left bottom, from(#16AC56), to(#0B5329)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_284 a:active { background-color:#15A050; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_284 { margin: 0px 0px 20px 0px; } #stacks_in_353 { margin: 0px 0px 16px 0px; } #stacks_in_294 { margin: 0px 0px 16px 0px; } #stacks_in_330 { margin: 0px 0px 20px 0px; } #stacks_in_349 { margin: 0px 0px 16px 0px; } #stacks_in_343 { margin: 0px 0px 20px 0px; } #stacks_in_347 { margin: 0px 0px 16px 0px; } #fullScreenWrapper-noite-do-mercado { width: 100%; } #playerWrapper-noite-do-mercado { display: block; position: relative; } #playerWrapper-noite-do-mercado *, #playerWrapper-noite-do-mercado *:before, #playerWrapper-noite-do-mercado *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-noite-do-mercado { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-noite-do-mercado { padding-bottom: 56.25%; } #playerWrapper-noite-do-mercado #media-noite-do-mercado { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-noite-do-mercado .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-noite-do-mercado .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-noite-do-mercado .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-noite-do-mercado .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-noite-do-mercado .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-noite-do-mercado .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-noite-do-mercado .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-noite-do-mercado .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-noite-do-mercado .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-noite-do-mercado { position: relative; z-index: 4; width: 100%; } #toolbar-noite-do-mercado button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-noite-do-mercado { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(70, 69, 81, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%, rgba(36, 39, 46, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70, 69, 81, 1.00)), color-stop(100%,rgba(36, 39, 46, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-noite-do-mercado { height: 45px; flex-wrap: nowrap; } } #playerWrapper-noite-do-mercado:hover #toolbar-noite-do-mercado { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-noite-do-mercado.playerInFullScreenMode:hover #toolbar-noite-do-mercado, #playerWrapper-noite-do-mercado.playerInFullScreenMode #toolbar-noite-do-mercado { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-noite-do-mercado.playerInFullScreenMode #toolbar-noite-do-mercado.toolbarHovered, .playerTouchDevice #playerWrapper-noite-do-mercado.playerInFullScreenMode #toolbar-noite-do-mercado { opacity: 1.00; } */ #playerWrapper-noite-do-mercado.playerInFullScreenMode #fullscreenHoverRegionstacks_in_360 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-noite-do-mercado .media-button, #toolbar-noite-do-mercado .timingContent { line-height: 45px; } #toolbar-noite-do-mercado .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-noite-do-mercado span.time, #media-controls-noite-do-mercado span.player-extra-element, #media-controls-noite-do-mercado span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_360 { order: 3; display: block; } #pausestacks_in_360 { order: 3; display: none /* Start hidden */ } #skipBackstacks_in_360 { order: 2; } #skipForwardstacks_in_360 { order: 4; } #timingstacks_in_360 { order: 5; cursor: default; } #expandToFullScreenstacks_in_360 { order: 8; } #contractFromFullScreenstacks_in_360 { order: 8; display: none /* Start hidden */ } @media screen and (max-width: 567px) { #expandToFullScreenstacks_in_360, #contractFromFullScreenstacks_in_360 { display: none !important; } } #downloadstacks_in_360 { order: 9; } @media screen and (max-width: 567px) { #downloadstacks_in_360 { display: none !important; } } #toolbar-noite-do-mercado [class^="fa fa-"] { display: block; line-height: 45px; height: 45px; width: 45px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 1.00) 1px 1px 1px; font-size: 20px; } #toolbar-noite-do-mercado [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-noite-do-mercado .media-button a, #toolbar-noite-do-mercado .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-noite-do-mercado span.media-button a:hover, #media-controls-noite-do-mercado span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-noite-do-mercado .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-noite-do-mercado .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_360 { display: flex; flex: 1; align-items: center; } #toolbar-noite-do-mercado .duration, #toolbar-noite-do-mercado .scrubberWrapper, #toolbar-noite-do-mercado .time { /* display: table-cell; */ } #toolbar-noite-do-mercado .time, #toolbar-noite-do-mercado .duration { font-size: 15px; line-height: 45px; color: rgba(255, 255, 255, 1.00); height: 45px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-noite-do-mercado .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-noite-do-mercado .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-noite-do-mercado .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-noite-do-mercado .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_360 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_360 { display: none !important; } #volumestacks_in_360:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_360 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_360:hover #volumeMasterControllerstacks_in_360 { display: none; } #volumeMinstacks_in_360 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_360 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_360[type=range], #volumeMinstacks_in_360, #volumeMaxstacks_in_360 { display: none; } #volumeMinstacks_in_360, #volumeMaxstacks_in_360 { cursor: pointer; } #volumestacks_in_360:hover #volumeMinstacks_in_360, #volumestacks_in_360:hover #volumeMaxstacks_in_360, #volumestacks_in_360:hover #volume-barstacks_in_360 { display: inline; } #volume-barstacks_in_360[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_360[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_360[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_360[type=range]:focus { outline: none; } #volume-barstacks_in_360[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_360[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_360[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_360[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_360[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_360[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_360[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_360[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_360[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-noite-do-mercado.playerInFullScreenMode, #fullScreenWrapper-noite-do-mercado.playerInFullScreenMode #playerWrapper-noite-do-mercado { height: 100%; } #fullScreenWrapper-noite-do-mercado.playerInFullScreenMode #mediaFrame-noite-do-mercado { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-noite-do-mercado.playerInFullScreenMode noite-do-mercado { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-noite-do-mercado.playerInFullScreenMode #toolbar-noite-do-mercado { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-noite-do-mercado.playerInFullScreenMode #toolbar-noite-do-mercado.toolbarVisible { display: flex; } #fullScreenWrapper-noite-do-mercado.playerInFullScreenMode #PlayerCaptionsBarnoite-do-mercado { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-noite-do-mercado.playerInFullScreenMode #PlayerCaptionsBarnoite-do-mercado.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-noite-do-mercado #fullscreenHoverRegion-noite-do-mercado { display: none; } #fullScreenWrapper-noite-do-mercado.playerInFullScreenMode #fullscreenHoverRegion-noite-do-mercado { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_351 { margin: 20px 0px 16px 0px; } #stacks_in_214 { margin: 0px 0px 16px 0px; } /* AnchorPoint CSS code */ #urlaub-buchen { height: 0px; opacity: 0; overflow: hidden; } #stacks_in_221 { border: solid rgba(17, 128, 64, 1.00); border-width: 0px 0px 2px 0px; margin: 0px 0px 20px 0px; } #stacks_in_222 .jwresp_wrapper{width:100%;overflow:auto}#stacks_in_222 .jwresp_col{float:none} #stacks_in_222 #jwresp_col2_stacks_in_222{position:relative;margin:0 auto;width:18%;float:none}#stacks_in_222 #jwresp_col1_stacks_in_222,#stacks_in_222 #jwresp_col3_stacks_in_222{width:39%}#stacks_in_222 #jwresp_col1_stacks_in_222{float:left}#stacks_in_222 #jwresp_col3_stacks_in_222{float:right} @media screen and (max-width:770px){#stacks_in_222 #jwresp_col1_stacks_in_222,#stacks_in_222 #jwresp_col3_stacks_in_222{margin-bottom:20px}#stacks_in_222 #jwresp_col1_stacks_in_222{width:49%}#stacks_in_222 #jwresp_col3_stacks_in_222{width:49%}#stacks_in_222 #jwresp_col2_stacks_in_222{clear:both;width:100%;display:block}} @media screen and (max-width:500px){#stacks_in_222 #jwresp_col1_stacks_in_222,#stacks_in_222 #jwresp_col3_stacks_in_222,#stacks_in_222 #jwresp_col2_stacks_in_222{float:none;width:100%;display:block}#stacks_in_222 #jwresp_col1_stacks_in_222,#stacks_in_222 #jwresp_col3_stacks_in_222{margin-bottom:20px}} #stacks_in_222 { margin: 0px 0px 10px 0px; } #stacks_in_228 .jwresp_wrapper{width:100%;overflow:auto}#stacks_in_228 .jwresp_col{overflow:hidden;margin:0;width:49%; float:left;}#stacks_in_228 #jwresp_col2_stacks_in_228{ float:right; width:49%}@media screen and (max-width:500px){#stacks_in_228 #jwresp_col1_stacks_in_228,#stacks_in_228 #jwresp_col2_stacks_in_228{width:100%;float:none;display:block}#stacks_in_228 #jwresp_col1_stacks_in_228{margin-bottom:15px}} #stacks_in_228 { margin: 0px 0px 20px 0px; } #stacks_in_223>.s3_row { margin: 0 -10px; } #stacks_in_223>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_223>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_223>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_223>.s3_row { margin: -10px 0; } #stacks_in_223>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_243 { border: solid rgba(64, 128, 2, 1.00); border-width: 0px 0px 2px 0px; margin: 0px 0px 7px 0px; } #stacks_in_245 { display:inline-block; width:100%; line-height: 1.340000em; font-size: 127%; } #stacks_in_246 .jwresp_wrapper{width:100%;overflow:auto}#stacks_in_246 .jwresp_col_wrapper{margin:0;width:49%;float:left;position:relative;overflow:auto}#stacks_in_246 .jwresp_col_wrapper.right{float:right}#stacks_in_246 .jwresp_col{overflow:hidden;width:48%;float:left;margin:0}#stacks_in_246 #jwresp_col2_stacks_in_246,#stacks_in_246 #jwresp_col4_stacks_in_246{float:right}#stacks_in_246 #jwresp_col1_stacks_in_246,#stacks_in_246 #jwresp_col3_stacks_in_246{margin-right:2} @media screen and (max-width:770px){#stacks_in_246 .jwresp_col_wrapper.left,#stacks_in_246 .jwresp_col_wrapper.right{width:100%;float:none;clear:both}#stacks_in_246 .jwresp_col_wrapper.left{margin-bottom:20px}#stacks_in_246 .jwresp_col{width:49%}#stacks_in_246 #jwresp_col1_stacks_in_246,#stacks_in_246 #jwresp_col3_stacks_in_246{margin:0}} @media screen and (max-width:500px){#stacks_in_246 .jwresp_col{width:100%;display:block}#stacks_in_246 #jwresp_col1_stacks_in_246,#stacks_in_246 #jwresp_col2_stacks_in_246,#stacks_in_246 #jwresp_col3_stacks_in_246{margin:0;margin-bottom:20px}#stacks_in_246 #jwresp_col4_stacks_in_246{margin:0}#stacks_in_246 .jwresp_col_wrapper.left{margin-bottom:0}} #stacks_in_246 { margin: 0px 0px 20px 0px; } #stacks_in_239 { border: solid rgba(64, 128, 2, 1.00); border-width: 0px 0px 2px 0px; } #stacks_in_220 { display:inline-block; width:100%; line-height: 1.340000em; font-size: 127%; } #stacks_in_270 { margin: 0px 0px 16px 0px; } /* ExternalLinkIcon stack 1.1.2 */ #stacks_in_271 a.mwdExternalLink { background: url(../files/el_icons/blue-dark/blue-dark-1-l.png) no-repeat right center; padding-right: 16px; margin-right: 1px; } #stacks_in_271-no-old-ie a[rel*='external'].NoLinkIcon, #stacks_in_271-no-old-ie a[href^='http'].NoLinkIcon, #stacks_in_271-no-old-ie a[href^='www'].NoLinkIcon { background: none !important; padding-right: 0 !important; margin-right: 0 !important; } /* End of ExternalLinkIcon stack */#stacks_in_273 .jwresp_wrapper{width:100%;overflow:auto}#stacks_in_273 .jwresp_col{float:none} #stacks_in_273 #jwresp_col2_stacks_in_273{position:relative;margin:0 auto;width:32%;float:none}#stacks_in_273 #jwresp_col1_stacks_in_273,#stacks_in_273 #jwresp_col3_stacks_in_273{width:32%}#stacks_in_273 #jwresp_col1_stacks_in_273{float:left}#stacks_in_273 #jwresp_col3_stacks_in_273{float:right} @media screen and (max-width:770px){#stacks_in_273 #jwresp_col1_stacks_in_273,#stacks_in_273 #jwresp_col3_stacks_in_273{margin-bottom:20px}#stacks_in_273 #jwresp_col1_stacks_in_273{width:49%}#stacks_in_273 #jwresp_col3_stacks_in_273{width:49%}#stacks_in_273 #jwresp_col2_stacks_in_273{clear:both;width:100%;display:block}} @media screen and (max-width:500px){#stacks_in_273 #jwresp_col1_stacks_in_273,#stacks_in_273 #jwresp_col3_stacks_in_273,#stacks_in_273 #jwresp_col2_stacks_in_273{float:none;width:100%;display:block}#stacks_in_273 #jwresp_col1_stacks_in_273,#stacks_in_273 #jwresp_col3_stacks_in_273{margin-bottom:20px}} #stacks_in_273 { margin: 0px 0px 16px 0px; } #stacks_in_274 { margin: 0px 0px 15px 0px; } #stacks_in_276 { display:inline-block; width:100%; line-height: 0.990000em; font-size: 99%; } #stacks_in_277 { margin: 0px 0px 15px 0px; } #stacks_in_279 { display:inline-block; width:100%; line-height: 0.990000em; font-size: 99%; } #stacks_in_280 { margin: 0px 0px 15px 0px; } #stacks_in_282 { display:inline-block; width:100%; line-height: 0.990000em; font-size: 99%; } /* custom stuff */ #corner-stacks_in_206 .corner-modal { z-index: 9999; max-width:400px; max-height:400px; } #corner-stacks_in_206 .corner-content { border:1px solid rgba(0, 0, 0, 0.40); border-radius:2px; background-color:rgba(255, 255, 255, 1.00); color: rgba(102, 102, 102, 1.00); overflow:auto; } #corner-stacks_in_206 .corner-button { font-family: Helvetica; font-size: 14px; font-weight: 700; border:2px solid rgba(255, 255, 255, 0.40); border-radius:40px; background-color:rgba(53, 69, 92, 1.00); color: rgba(255, 255, 255, 1.00); padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; margin-top: 20px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; z-index: 9998; } #corner-stacks_in_206 .corner-button.corner-tl, #corner-stacks_in_206 .corner-button.corner-tr { margin-top: -60px; } #corner-stacks_in_206 .corner-button.corner-bl, #corner-stacks_in_206 .corner-button.corner-br { margin-bottom: -60px; } #corner-stacks_in_206 .corner-content { padding-top: 30px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; margin-top: 20px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; } #corner-stacks_in_206 .corner-button.corner-tl.corner-show, #corner-stacks_in_206 .corner-button.corner-tr.corner-show { margin-top: 20px; } #corner-stacks_in_206 .corner-button.corner-bl.corner-show, #corner-stacks_in_206 .corner-button.corner-br.corner-show { margin-bottom: 20px; } /* hide the text in button on smaller screens */ @media only screen and (max-width: 770px) { #corner-stacks_in_206 .corner-modal { width:100%; max-width:100%; max-height:100%; margin:0; } #corner-stacks_in_206 .corner-content { margin:4px; } #corner-stacks_in_206 span.corner-label { display:none; } }