/** COMPRESSED FROM/imports/reveal/css/reveal.css*/ /*! * reveal.js * http://lab.hakim.se/reveal-js * MIT licensed * * Copyright (C) 2015 Hakim El Hattab, http://hakim.se */ /********************************************* * RESET STYLES *********************************************/ html, body, .reveal div, .reveal span, .reveal applet, .reveal object, .reveal iframe, .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6, .reveal p, .reveal blockquote, .reveal pre, .reveal a, .reveal abbr, .reveal acronym, .reveal address, .reveal big, .reveal cite, .reveal code, .reveal del, .reveal dfn, .reveal em, .reveal img, .reveal ins, .reveal kbd, .reveal q, .reveal s, .reveal samp, .reveal small, .reveal strike, .reveal strong, .reveal sub, .reveal sup, .reveal tt, .reveal var, .reveal b, .reveal u, .reveal center, .reveal dl, .reveal dt, .reveal dd, .reveal ol, .reveal ul, .reveal li, .reveal fieldset, .reveal form, .reveal label, .reveal legend, .reveal table, .reveal caption, .reveal tbody, .reveal tfoot, .reveal thead, .reveal tr, .reveal th, .reveal td, .reveal article, .reveal aside, .reveal canvas, .reveal details, .reveal embed, .reveal figure, .reveal figcaption, .reveal footer, .reveal header, .reveal hgroup, .reveal menu, .reveal nav, .reveal output, .reveal ruby, .reveal section, .reveal summary, .reveal time, .reveal mark, .reveal audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; outline:none; } .reveal article, .reveal aside, .reveal details, .reveal figcaption, .reveal figure, .reveal footer, .reveal header, .reveal hgroup, .reveal menu, .reveal nav, .reveal section { display: block; } /********************************************* * GLOBAL STYLES *********************************************/ html, body { width: 100%; height: 100%; } body { position: relative; line-height: 1; background-color: #fff; color: #000; } ::-moz-selection { background: #FF5E99; color: #fff; text-shadow: none; } ::selection { background: #FF5E99; color: #fff; text-shadow: none; } /********************************************* * VIEW FRAGMENTS *********************************************/ .reveal .slides section .fragment { opacity: 0; visibility: hidden; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .reveal .slides section .fragment.visible { opacity: 1; visibility: visible; } .reveal .slides section .fragment.grow { opacity: 1; visibility: visible; } .reveal .slides section .fragment.grow.visible { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } .reveal .slides section .fragment.shrink { opacity: 1; visibility: visible; } .reveal .slides section .fragment.shrink.visible { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } .reveal .slides section .fragment.zoom-in { -webkit-transform: scale(0.1); -ms-transform: scale(0.1); transform: scale(0.1); } .reveal .slides section .fragment.zoom-in.visible { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .reveal .slides section .fragment.roll-in { -webkit-transform: rotateX(90deg); transform: rotateX(90deg); } .reveal .slides section .fragment.roll-in.visible { -webkit-transform: rotateX(0); transform: rotateX(0); } .reveal .slides section .fragment.fade-out { opacity: 1; visibility: visible; } .reveal .slides section .fragment.fade-out.visible { opacity: 0; visibility: hidden; } .reveal .slides section .fragment.semi-fade-out { opacity: 1; visibility: visible; } .reveal .slides section .fragment.semi-fade-out.visible { opacity: 0.5; visibility: visible; } .reveal .slides section .fragment.strike { opacity: 1; } .reveal .slides section .fragment.strike.visible { text-decoration: line-through; } .reveal .slides section .fragment.current-visible { opacity: 0; visibility: hidden; } .reveal .slides section .fragment.current-visible.current-fragment { opacity: 1; visibility: visible; } .reveal .slides section .fragment.highlight-red, .reveal .slides section .fragment.highlight-current-red, .reveal .slides section .fragment.highlight-green, .reveal .slides section .fragment.highlight-current-green, .reveal .slides section .fragment.highlight-blue, .reveal .slides section .fragment.highlight-current-blue { opacity: 1; visibility: visible; } .reveal .slides section .fragment.highlight-red.visible { color: #ff2c2d; } .reveal .slides section .fragment.highlight-green.visible { color: #17ff2e; } .reveal .slides section .fragment.highlight-blue.visible { color: #1b91ff; } .reveal .slides section .fragment.highlight-current-red.current-fragment { color: #ff2c2d; } .reveal .slides section .fragment.highlight-current-green.current-fragment { color: #17ff2e; } .reveal .slides section .fragment.highlight-current-blue.current-fragment { color: #1b91ff; } /********************************************* * DEFAULT ELEMENT STYLES *********************************************/ /* Fixes issue in Chrome where italic fonts did not appear when printing to PDF */ .reveal:after { content: ''; font-style: italic; } .reveal iframe { z-index: 1; } /** Prevents layering issues in certain browser/transition combinations */ .reveal a { position: relative; } .reveal .stretch { max-width: none; max-height: none; } .reveal pre.stretch code { height: 100%; max-height: 100%; -moz-box-sizing: border-box; box-sizing: border-box; } /********************************************* * CONTROLS *********************************************/ .reveal .controls { display: none; position: fixed; width: 110px; height: 110px; z-index: 30; right: 10px; bottom: 10px; -webkit-user-select: none; } .reveal .controls div { position: absolute; opacity: 0.05; width: 0; height: 0; border: 12px solid transparent; -webkit-transform: scale(0.9999); -ms-transform: scale(0.9999); transform: scale(0.9999); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .reveal .controls div.enabled { opacity: 0.7; cursor: pointer; } .reveal .controls div.enabled:active { margin-top: 1px; } .reveal .controls div.navigate-left { top: 42px; border-right-width: 22px; border-right-color: #000; } .reveal .controls div.navigate-left.fragmented { opacity: 0.3; } .reveal .controls div.navigate-right { left: 74px; top: 42px; border-left-width: 22px; border-left-color: #000; } .reveal .controls div.navigate-right.fragmented { opacity: 0.3; } .reveal .controls div.navigate-up { left: 42px; border-bottom-width: 22px; border-bottom-color: #000; } .reveal .controls div.navigate-up.fragmented { opacity: 0.3; } .reveal .controls div.navigate-down { left: 42px; top: 74px; border-top-width: 22px; border-top-color: #000; } .reveal .controls div.navigate-down.fragmented { opacity: 0.3; } /********************************************* * PROGRESS BAR *********************************************/ .reveal .progress { position: fixed; display: none; height: 3px; width: 100%; bottom: 0; left: 0; z-index: 10; background-color: rgba(0, 0, 0, 0.2); } .reveal .progress:after { content: ''; display: block; position: absolute; height: 20px; width: 100%; top: -20px; } .reveal .progress span { display: block; height: 100%; width: 0px; background-color: #000; -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); } /********************************************* * SLIDE NUMBER *********************************************/ .reveal .slide-number { position: fixed; display: block; right: 15px; bottom: 15px; opacity: 0.5; z-index: 31; font-size: 12px; } /********************************************* * SLIDES *********************************************/ .reveal { position: relative; width: 100%; height: 100%; -ms-touch-action: none; /* touch-action: none; */ } .reveal .slides { position: fixed; width: 100%; height: 100%; top: 0; bottom: 0; margin: auto; overflow: visible; z-index: 1; text-align: center; -webkit-perspective: 600px; perspective: 600px; -webkit-perspective-origin: 50% 40%; perspective-origin: 50% 40%; } .reveal .slides > section { -ms-perspective: 600px; } .reveal .slides > section, .reveal .slides > section > section { display: none; position: absolute; width: 100%; padding: 20px 0px; z-index: 10; -webkit-transition: -webkit-transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), -webkit-transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); transition: -ms-transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); transition: transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); } /* Global transition speed settings */ .reveal[data-transition-speed="fast"] .slides section { -webkit-transition-duration: 400ms; transition-duration: 400ms; } .reveal[data-transition-speed="slow"] .slides section { -webkit-transition-duration: 1200ms; transition-duration: 1200ms; } /* Slide-specific transition speed overrides */ .reveal .slides section[data-transition-speed="fast"] { -webkit-transition-duration: 400ms; transition-duration: 400ms; } .reveal .slides section[data-transition-speed="slow"] { -webkit-transition-duration: 1200ms; transition-duration: 1200ms; } .reveal .slides > section.stack { padding-top: 0; padding-bottom: 0; } .reveal .slides > section.present, .reveal .slides > section > section.present { display: block; z-index: 11; opacity: 1; } .reveal.center, .reveal.center .slides, .reveal.center .slides section { min-height: 0 !important; } /* Don't allow interaction with invisible slides */ .reveal .slides > section.future, .reveal .slides > section > section.future, .reveal .slides > section.past, .reveal .slides > section > section.past { pointer-events: none; } .reveal.overview .slides > section, .reveal.overview .slides > section > section { pointer-events: auto; } .reveal .slides > section.past, .reveal .slides > section.future, .reveal .slides > section > section.past, .reveal .slides > section > section.future { opacity: 0; } /********************************************* * SLIDE TRANSITION * Aliased 'linear' for backwards compatibility *********************************************/ .reveal.slide section, .reveal.linear section { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .reveal .slides > section[data-transition=slide].past, .reveal.slide .slides > section:not([data-transition]).past, .reveal .slides > section[data-transition=linear].past, .reveal.linear .slides > section:not([data-transition]).past { -webkit-transform: translate3d(-150%, 0,0); -ms-transform: translate3d(-150%, 0,0); transform: translate3d(-150%, 0,0); } .reveal .slides > section[data-transition=slide].future, .reveal.slide .slides > section:not([data-transition]).future, .reveal .slides > section[data-transition=linear].future, .reveal.linear .slides > section:not([data-transition]).future { -webkit-transform: translate3d(150%, 0,0); -ms-transform: translate3d(150%, 0,0); transform: translate3d(150%, 0,0); } .reveal .slides > section > section[data-transition=slide].past, .reveal.slide .slides > section > section:not([data-transition]).past, .reveal .slides > section > section[data-transition=linear].past, .reveal.linear .slides > section > section:not([data-transition]).past { -webkit-transform: translate3d(0, -150%,0); -ms-transform: translate3d(0, -150%,0); transform: translate3d(0, -150%,0); } .reveal .slides > section > section[data-transition=slide].future, .reveal.slide .slides > section > section:not([data-transition]).future, .reveal .slides > section > section[data-transition=linear].future, .reveal.linear .slides > section > section:not([data-transition]).future { -webkit-transform: translate3d(0, 150%,0); -ms-transform: translate3d(0, 150%,0); transform: translate3d(0, 150%,0); } /********************************************* * CONVEX TRANSITION * Aliased 'default' for backwards compatibility *********************************************/ .reveal .slides > section[data-transition=default].past, .reveal.default .slides > section:not([data-transition]).past, .reveal .slides > section[data-transition=convex].past, .reveal.convex .slides > section:not([data-transition]).past { -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); } .reveal .slides > section[data-transition=default].future, .reveal.default .slides > section:not([data-transition]).future, .reveal .slides > section[data-transition=convex].future, .reveal.convex .slides > section:not([data-transition]).future { -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); } .reveal .slides > section > section[data-transition=default].past, .reveal.default .slides > section > section:not([data-transition]).past, .reveal .slides > section > section[data-transition=convex].past, .reveal.convex .slides > section > section:not([data-transition]).past { -webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); } .reveal .slides > section > section[data-transition=default].future, .reveal.default .slides > section > section:not([data-transition]).future, .reveal .slides > section > section[data-transition=convex].future, .reveal.convex .slides > section > section:not([data-transition]).future { -webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); } /********************************************* * CONCAVE TRANSITION *********************************************/ .reveal .slides > section[data-transition=concave].past, .reveal.concave .slides > section:not([data-transition]).past { -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); } .reveal .slides > section[data-transition=concave].future, .reveal.concave .slides > section:not([data-transition]).future { -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); } .reveal .slides > section > section[data-transition=concave].past, .reveal.concave .slides > section > section:not([data-transition]).past { -webkit-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0); transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0); } .reveal .slides > section > section[data-transition=concave].future, .reveal.concave .slides > section > section:not([data-transition]).future { -webkit-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); } /********************************************* * ZOOM TRANSITION *********************************************/ .reveal .slides > section[data-transition=zoom], .reveal.zoom .slides > section:not([data-transition]) { -webkit-transition-timing-function: ease; transition-timing-function: ease; } .reveal .slides > section[data-transition=zoom].past, .reveal.zoom .slides > section:not([data-transition]).past { visibility: hidden; -webkit-transform: scale(16); -ms-transform: scale(16); transform: scale(16); } .reveal .slides > section[data-transition=zoom].future, .reveal.zoom .slides > section:not([data-transition]).future { visibility: hidden; -webkit-transform: scale(0.2); -ms-transform: scale(0.2); transform: scale(0.2); } .reveal .slides > section > section[data-transition=zoom].past, .reveal.zoom .slides > section > section:not([data-transition]).past { -webkit-transform: translate(0, -150%); -ms-transform: translate(0, -150%); transform: translate(0, -150%); } .reveal .slides > section > section[data-transition=zoom].future, .reveal.zoom .slides > section > section:not([data-transition]).future { -webkit-transform: translate(0, 150%); -ms-transform: translate(0, 150%); transform: translate(0, 150%); } /********************************************* * CUBE TRANSITION *********************************************/ .reveal.cube .slides { -webkit-perspective: 1300px; perspective: 1300px; } .reveal.cube .slides section { padding: 30px; min-height: 700px; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-box-sizing: border-box; box-sizing: border-box; } .reveal.center.cube .slides section { min-height: 0; } .reveal.cube .slides section:not(.stack):before { content: ''; position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.1); border-radius: 4px; -webkit-transform: translateZ(-20px); transform: translateZ(-20px); } .reveal.cube .slides section:not(.stack):after { content: ''; position: absolute; display: block; width: 90%; height: 30px; left: 5%; bottom: 0; background: none; z-index: 1; border-radius: 4px; box-shadow: 0px 95px 25px rgba(0, 0, 0, 0.2); -webkit-transform: translateZ(-90px) rotateX(65deg); transform: translateZ(-90px) rotateX(65deg); } .reveal.cube .slides > section.stack { padding: 0; background: none; } .reveal.cube .slides > section.past { -webkit-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg); transform: translate3d(-100%, 0, 0) rotateY(-90deg); } .reveal.cube .slides > section.future { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg); transform: translate3d(100%, 0, 0) rotateY(90deg); } .reveal.cube .slides > section > section.past { -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg); transform: translate3d(0, -100%, 0) rotateX(90deg); } .reveal.cube .slides > section > section.future { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg); transform: translate3d(0, 100%, 0) rotateX(-90deg); } /********************************************* * PAGE TRANSITION *********************************************/ .reveal.page .slides { -webkit-perspective-origin: 0% 50%; perspective-origin: 0% 50%; -webkit-perspective: 3000px; perspective: 3000px; } .reveal.page .slides section { padding: 30px; min-height: 700px; -moz-box-sizing: border-box; box-sizing: border-box; } .reveal.page .slides section.past { z-index: 12; } .reveal.page .slides section:not(.stack):before { content: ''; position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.1); -webkit-transform: translateZ(-20px); transform: translateZ(-20px); } .reveal.page .slides section:not(.stack):after { content: ''; position: absolute; display: block; width: 90%; height: 30px; left: 5%; bottom: 0; background: none; z-index: 1; border-radius: 4px; box-shadow: 0px 95px 25px rgba(0, 0, 0, 0.2); -webkit-transform: translateZ(-90px) rotateX(65deg); } .reveal.page .slides > section.stack { padding: 0; background: none; } .reveal.page .slides > section.past { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: translate3d(-40%, 0, 0) rotateY(-80deg); transform: translate3d(-40%, 0, 0) rotateY(-80deg); } .reveal.page .slides > section.future { -webkit-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .reveal.page .slides > section > section.past { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: translate3d(0, -40%, 0) rotateX(80deg); transform: translate3d(0, -40%, 0) rotateX(80deg); } .reveal.page .slides > section > section.future { -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /********************************************* * FADE TRANSITION *********************************************/ .reveal .slides section[data-transition=fade], .reveal.fade .slides section:not([data-transition]), .reveal.fade .slides > section > section:not([data-transition]) { -webkit-transition: all 0.5s; transition: all 0.5s; } .reveal.fade.overview .slides section, .reveal.fade.overview .slides > section > section { -webkit-transition: none; transition: none; } .mobile .reveal.slide section, .mobile .reveal.slide section { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .mobile .reveal .slides > section[data-transition=fade].past, .mobile .reveal.fade .slides > section:not([data-transition]).past { -webkit-transform: translate3d(-100%, 0,0); -ms-transform: translate3d(-100%, 0,0); transform: translate3d(-100%, 0,0); } .mobile .reveal .slides > section[data-transition=fade].future, .mobile .reveal.fade .slides > section:not([data-transition]).future { -webkit-transform: translate3d(100%, 0,0); -ms-transform: translate3d(100%, 0,0); transform: translate3d(100%, 0,0); } .mobile .reveal .slides > section > section[data-transition=fade].past, .mobile .reveal.fade .slides > section > section:not([data-transition]).past { -webkit-transform: translate3d(0, -100%,0); -ms-transform: translate3d(0, -100%,0); transform: translate3d(0, -100%,0); } .mobile .reveal .slides > section > section[data-transition=fade].future, .mobile .reveal.fade .slides > section > section:not([data-transition]).future { -webkit-transform: translate3d(0, 100%,0); -ms-transform: translate3d(0, 100%,0); transform: translate3d(0, 100%,0); } /********************************************* * NO TRANSITION *********************************************/ .reveal .slides section[data-transition=none], .reveal.none .slides section:not([data-transition]) { -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: none; transition: none; } /********************************************* * OVERVIEW *********************************************/ .reveal.overview .slides { -webkit-perspective-origin: 50% 50%; perspective-origin: 50% 50%; -webkit-perspective: 700px; perspective: 700px; } .reveal.overview .slides section { height: 700px; overflow: hidden; opacity: 1 !important; visibility: visible !important; cursor: pointer; background: rgba(0, 0, 0, 0.1); -moz-box-sizing: border-box; box-sizing: border-box; } .reveal.overview .slides section, .reveal.overview-deactivating .slides section { -webkit-transition: none !important; transition: none !important; } .reveal.overview .slides section .fragment { opacity: 1; } .reveal.overview .slides section:after, .reveal.overview .slides section:before { display: none !important; } .reveal.overview .slides section > section { opacity: 1; cursor: pointer; } .reveal.overview .slides section:hover { background: rgba(0, 0, 0, 0.3); } .reveal.overview .slides section.present { background: rgba(0, 0, 0, 0.3); } .reveal.overview .slides > section.stack { padding: 0; top: 0 !important; background: none; overflow: visible; } /********************************************* * PAUSED MODE *********************************************/ .reveal .pause-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: black; visibility: hidden; opacity: 0; z-index: 100; -webkit-transition: all 1s ease; transition: all 1s ease; } .reveal.paused .pause-overlay { visibility: visible; opacity: 1; } /********************************************* * FALLBACK *********************************************/ .no-transforms { overflow-y: auto; } .no-transforms .reveal .slides { position: relative; width: 80%; height: auto !important; top: 0; left: 50%; margin: 0; text-align: center; } .no-transforms .reveal .controls, .no-transforms .reveal .progress { display: none !important; } .no-transforms .reveal .slides section { display: block !important; opacity: 1 !important; position: relative !important; height: auto; min-height: 0; top: 0; left: -50%; margin: 70px 0; -webkit-transform: none; -ms-transform: none; transform: none; } .no-transforms .reveal .slides section section { left: 0; } .reveal .no-transition, .reveal .no-transition * { -webkit-transition: none !important; transition: none !important; } /********************************************* * PER-SLIDE BACKGROUNDS *********************************************/ .reveal > .backgrounds { position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-perspective: 600px; perspective: 600px; pointer-events: none; } .reveal .slide-background { /* display: none; */ position: absolute; width: 100%; height: 100%; opacity: 0; visibility: hidden; background-color: rgba(0, 0, 0, 0); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; -webkit-transition: all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); transition: all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); } .reveal .slide-background.stack { display: block; } .reveal .slide-background.present { opacity: 1; visibility: visible; } .print-pdf .reveal .slide-background { opacity: 1 !important; visibility: visible !important; } /* Video backgrounds */ .reveal .slide-background video { position: absolute; width: 100%; height: 100%; max-width: none; max-height: none; top: 0; left: 0; } /* Immediate transition style */ .reveal[data-background-transition=none] > .backgrounds .slide-background, .reveal > .backgrounds .slide-background[data-background-transition=none] { -webkit-transition: none; transition: none; } /* Slide */ .reveal[data-background-transition=slide] > .backgrounds .slide-background, .reveal > .backgrounds .slide-background[data-background-transition=slide] { opacity: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .reveal[data-background-transition=slide] > .backgrounds .slide-background.past, .reveal > .backgrounds .slide-background.past[data-background-transition=slide] { -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); } .reveal[data-background-transition=slide] > .backgrounds .slide-background.future, .reveal > .backgrounds .slide-background.future[data-background-transition=slide] { -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); } .reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.past, .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=slide] { -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%); } .reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.future, .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=slide] { -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); } /* Convex */ .reveal[data-background-transition=convex] > .backgrounds .slide-background.past, .reveal > .backgrounds .slide-background.past[data-background-transition=convex] { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); } .reveal[data-background-transition=convex] > .backgrounds .slide-background.future, .reveal > .backgrounds .slide-background.future[data-background-transition=convex] { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); } .reveal[data-background-transition=convex] > .backgrounds .slide-background > .slide-background.past, .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=convex] { opacity: 0; -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0); } .reveal[data-background-transition=convex] > .backgrounds .slide-background > .slide-background.future, .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=convex] { opacity: 0; -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0); } /* Concave */ .reveal[data-background-transition=concave] > .backgrounds .slide-background.past, .reveal > .backgrounds .slide-background.past[data-background-transition=concave] { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); } .reveal[data-background-transition=concave] > .backgrounds .slide-background.future, .reveal > .backgrounds .slide-background.future[data-background-transition=concave] { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); } .reveal[data-background-transition=concave] > .backgrounds .slide-background > .slide-background.past, .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=concave] { opacity: 0; -webkit-transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0); } .reveal[data-background-transition=concave] > .backgrounds .slide-background > .slide-background.future, .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=concave] { opacity: 0; -webkit-transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0); } /* Zoom */ .reveal[data-background-transition=zoom] > .backgrounds .slide-background, .reveal > .backgrounds .slide-background[data-background-transition=zoom] { -webkit-transition-timing-function: ease; transition-timing-function: ease; } .reveal[data-background-transition=zoom] > .backgrounds .slide-background.past, .reveal > .backgrounds .slide-background.past[data-background-transition=zoom] { opacity: 0; visibility: hidden; -webkit-transform: scale(16); -ms-transform: scale(16); transform: scale(16); } .reveal[data-background-transition=zoom] > .backgrounds .slide-background.future, .reveal > .backgrounds .slide-background.future[data-background-transition=zoom] { opacity: 0; visibility: hidden; -webkit-transform: scale(0.2); -ms-transform: scale(0.2); transform: scale(0.2); } .reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.past, .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=zoom] { opacity: 0; visibility: hidden; -webkit-transform: scale(16); -ms-transform: scale(16); transform: scale(16); } .reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.future, .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=zoom] { opacity: 0; visibility: hidden; -webkit-transform: scale(0.2); -ms-transform: scale(0.2); transform: scale(0.2); } /* Global transition speed settings */ .reveal[data-transition-speed="fast"] > .backgrounds .slide-background { -webkit-transition-duration: 400ms; transition-duration: 400ms; } .reveal[data-transition-speed="slow"] > .backgrounds .slide-background { -webkit-transition-duration: 1200ms; transition-duration: 1200ms; } /********************************************* * RTL SUPPORT *********************************************/ .reveal.rtl .slides, .reveal.rtl .slides h1, .reveal.rtl .slides h2, .reveal.rtl .slides h3, .reveal.rtl .slides h4, .reveal.rtl .slides h5, .reveal.rtl .slides h6 { direction: rtl; font-family: sans-serif; } .reveal.rtl pre, .reveal.rtl code { direction: ltr; } .reveal.rtl ol, .reveal.rtl ul { text-align: right; } .reveal.rtl .progress span { float: right; } /********************************************* * PARALLAX BACKGROUND *********************************************/ .reveal.has-parallax-background .backgrounds { -webkit-transition: all 0.8s ease; transition: all 0.8s ease; } /* Global transition speed settings */ .reveal.has-parallax-background[data-transition-speed="fast"] .backgrounds { -webkit-transition-duration: 400ms; transition-duration: 400ms; } .reveal.has-parallax-background[data-transition-speed="slow"] .backgrounds { -webkit-transition-duration: 1200ms; transition-duration: 1200ms; } /********************************************* * LINK PREVIEW OVERLAY *********************************************/ .reveal .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background: rgba(0, 0, 0, 0.9); opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .reveal .overlay.visible { opacity: 1; visibility: visible; } .reveal .overlay .spinner { position: absolute; display: block; top: 50%; left: 50%; width: 32px; height: 32px; margin: -16px 0 0 -16px; z-index: 10; background-image: url(data:image/gif;base64,R0lGODlhIAAgAPMAAJmZmf%2F%2F%2F6%2Bvr8nJybW1tcDAwOjo6Nvb26ioqKOjo7Ozs%2FLy8vz8%2FAAAAAAAAAAAACH%2FC05FVFNDQVBFMi4wAwEAAAAh%2FhpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh%2BQQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ%2FV%2FnmOM82XiHRLYKhKP1oZmADdEAAAh%2BQQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY%2FCZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB%2BA4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6%2BHo7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq%2BB6QDtuetcaBPnW6%2BO7wDHpIiK9SaVK5GgV543tzjgGcghAgAh%2BQQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK%2B%2BG%2Bw48edZPK%2BM6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE%2BG%2BcD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm%2BFNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk%2BaV%2BoJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0%2FVNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc%2BXiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq%2BE71SRQeyqUToLA7VxF0JDyIQh%2FMVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30%2FiI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE%2FjiuL04RGEBgwWhShRgQExHBAAh%2BQQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR%2BipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq%2BE71SRQeyqUToLA7VxF0JDyIQh%2FMVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq%2BE71SRQeyqUToLA7VxF0JDyIQh%2FMVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY%2BYip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd%2BMFCN6HAAIKgNggY0KtEBAAh%2BQQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1%2BvsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d%2BjYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg%2BygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0%2Bbm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h%2BKr0SJ8MFihpNbx%2B4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX%2BBP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA%3D%3D); visibility: visible; opacity: 0.6; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .reveal .overlay header { position: absolute; left: 0; top: 0; width: 100%; height: 40px; z-index: 2; border-bottom: 1px solid #222; } .reveal .overlay header a { display: inline-block; width: 40px; height: 40px; padding: 0 10px; float: right; opacity: 0.6; -moz-box-sizing: border-box; box-sizing: border-box; } .reveal .overlay header a:hover { opacity: 1; } .reveal .overlay header a .icon { display: inline-block; width: 20px; height: 20px; background-position: 50% 50%; background-size: 100%; background-repeat: no-repeat; } .reveal .overlay header a.close .icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABkklEQVRYR8WX4VHDMAxG6wnoJrABZQPYBCaBTWAD2g1gE5gg6OOsXuxIlr40d81dfrSJ9V4c2VLK7spHuTJ/5wpM07QXuXc5X0opX2tEJcadjHuV80li/FgxTIEK/5QBCICBD6xEhSMGHgQPgBgLiYVAB1dpSqKDawxTohFw4JSEA3clzgIBPCURwE2JucBR7rhPJJv5OpJwDX+SfDjgx1wACQeJG1aChP9K/IMmdZ8DtESV1WyP3Bt4MwM6sj4NMxMYiqUWHQu4KYA/SYkIjOsm3BXYWMKFDwU2khjCQ4ELJUJ4SmClRArOCmSXGuKma0fYD5CbzHxFpCSGAhfAVSSUGDUk2BWZaff2g6GE15BsBQ9nwmpIGDiyHQddwNTMKkbZaf9fajXQca1EX44puJZUsnY0ObGmITE3GVLCbEhQUjGVt146j6oasWN+49Vph2w1pZ5EansNZqKBm1txbU57iRRcZ86RWMDdWtBJUHBHwoQPi1GV+JCbntmvok7iTX4/Up9mgyTc/FJYDTcndgH/AA5A/CHsyEkVAAAAAElFTkSuQmCC); } .reveal .overlay header a.external .icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAcElEQVRYR+2WSQoAIQwEzf8f7XiOMkUQxUPlGkM3hVmiQfQR9GYnH1SsAQlI4DiBqkCMoNb9y2e90IAEJPAcgdznU9+engMaeJ7Azh5Y1U67gAho4DqBqmB1buAf0MB1AlVBek83ZPkmJMGc1wAR+AAqod/B97TRpQAAAABJRU5ErkJggg==); } .reveal .overlay .viewport { position: absolute; top: 40px; right: 0; bottom: 0; left: 0; } .reveal .overlay.overlay-preview .viewport iframe { width: 100%; height: 100%; max-width: 100%; max-height: 100%; border: 0; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .reveal .overlay.overlay-preview.loaded .viewport iframe { opacity: 1; visibility: visible; } .reveal .overlay.overlay-preview.loaded .spinner { opacity: 0; visibility: hidden; -webkit-transform: scale(0.2); -ms-transform: scale(0.2); transform: scale(0.2); } .reveal .overlay.overlay-help .viewport { overflow: auto; color: #fff; } .reveal .overlay.overlay-help .viewport .viewport-inner { width: 600px; margin: 0 auto; padding: 60px; text-align: center; letter-spacing: normal; } .reveal .overlay.overlay-help .viewport .viewport-inner .title { font-size: 20px; } .reveal .overlay.overlay-help .viewport .viewport-inner table { border: 1px solid #fff; border-collapse: collapse; font-size: 14px; } .reveal .overlay.overlay-help .viewport .viewport-inner table th, .reveal .overlay.overlay-help .viewport .viewport-inner table td { width: 200px; padding: 10px; border: 1px solid #fff; vertical-align: middle; } .reveal .overlay.overlay-help .viewport .viewport-inner table th { padding-top: 20px; padding-bottom: 20px; } /********************************************* * PLAYBACK COMPONENT *********************************************/ .reveal .playback { position: fixed; left: 15px; bottom: 15px; z-index: 30; cursor: pointer; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .reveal.overview .playback { opacity: 0; visibility: hidden; } /********************************************* * ROLLING LINKS *********************************************/ .reveal .roll { display: inline-block; line-height: 1.2; overflow: hidden; vertical-align: top; -webkit-perspective: 400px; perspective: 400px; -webkit-perspective-origin: 50% 50%; perspective-origin: 50% 50%; } .reveal .roll:hover { background: none; text-shadow: none; } .reveal .roll span { display: block; position: relative; padding: 0 2px; pointer-events: none; -webkit-transition: all 400ms ease; transition: all 400ms ease; -webkit-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .reveal .roll:hover span { background: rgba(0, 0, 0, 0.5); -webkit-transform: translate3d(0px, 0px, -45px) rotateX(90deg); transform: translate3d(0px, 0px, -45px) rotateX(90deg); } .reveal .roll span:after { content: attr(data-title); display: block; position: absolute; left: 0; top: 0; padding: 0 2px; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transform: translate3d(0px, 110%, 0px) rotateX(-90deg); transform: translate3d(0px, 110%, 0px) rotateX(-90deg); } /********************************************* * SPEAKER NOTES *********************************************/ .reveal aside.notes { display: none; } /********************************************* * ZOOM PLUGIN *********************************************/ .zoomed .reveal *, .zoomed .reveal *:before, .zoomed .reveal *:after { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } .zoomed .reveal .progress, .zoomed .reveal .controls { opacity: 0; } .zoomed .reveal .roll span { background: none; } .zoomed .reveal .roll span:after { visibility: hidden; } div.slides section:not(.miniature) { position: absolute; } /** END COMPRESSED FROM/imports/reveal/css/reveal.css*/ /** COMPRESSED FROM/imports/reveal/css/lookcast.css*/ html { height: 100vh!important; width: 100vw!important; overflow: hidden !important; } html.iphone-device { overflow-y: auto !important; } html::-webkit-scrollbar{ -webkit-overflow-scrolling: auto; width: 0px; } /* S - Webkit section. */ body.webkitDevice .scrollable-container[data-simplebar='']{ overflow-y: auto !important; overflow-x: hidden !important; } body.webkitDevice .scrollable-container[data-simplebar='']::-webkit-scrollbar{ -webkit-overflow-scrolling: auto; width: 10px; background-color:#FFFF !important; } body.webkitDevice .scrollable-container[data-simplebar='']::-webkit-scrollbar-thumb{ border-radius: 10px; background: white !important; box-shadow: inset 0 0 5px 5px #B3B3B3; border: solid 1px transparent; } body.webkitDevice .scrollable-container[data-simplebar='']::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #cccccc; border: solid 1px transparent; border-radius: 10px; } div#lookbookContainer div.product-landscape .simplebar-track.vertical .simplebar-scrollbar:before{ border-radius: 10px; background: #B3B3B3 !important; opacity: 1 !important; right: 1px; } div#lookbookContainer.reveal div.product-landscape .simplebar-track.vertical .simplebar-scrollbar:before{ right: 2px; } div#lookbookContainer div.product-landscape .simplebar-track.vertical .simplebar-scrollbar { width: 7px; right: -2px; } div#lookbookContainer div.product-landscape .simplebar-track.vertical{ width: 5px; border: 1px solid #ccc; right: 1px; border-radius: 10px; background-image: linear-gradient(to right, #e6e6e6, #FFF, #e6e6e6); } body.webkitDevice .slide-attachment-show .campaign-attachments-container::-webkit-scrollbar-thumb, body.webkitDevice .slide-attachment-mobile-show .campaign-attachments-container::-webkit-scrollbar-thumb{ background-color: rgba(255,255,255,0.4); } /* E - Webkit section. */ .view { width: 300px; height: 200px; margin: 10px; float: left; border: 10px solid #fff; overflow: hidden; position: relative; text-align: center; -webkit-box-shadow: 1px 1px 2px #e6e6e6; -moz-box-shadow: 1px 1px 2px #e6e6e6; box-shadow: 1px 1px 2px #e6e6e6; cursor: default; } .view_ { width: 300px; height: 200px; margin: 10px; float: left; border: 10px solid #fff; overflow: hidden; position: relative; text-align: center; -webkit-box-shadow: 1px 1px 2px #e6e6e6; -moz-box-shadow: 1px 1px 2px #e6e6e6; box-shadow: 1px 1px 2px #e6e6e6; cursor: default; background: #fff url(../images/bgimg.jpg) no-repeat center center; } .view .mask,.view .content { width: 300px; height: 200px; position: absolute; overflow: hidden; top: 0; left: 0; } .view img { display: block; position: relative; } .view h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 17px; padding: 10px; background: rgba(0,0,0,0.8); margin: 20px 0 0 0; } .view p { font-family: Georgia,serif; font-style: italic; font-size: 12px; position: relative; color: #fff; padding: 10px 20px 20px; text-align: center; } .view a.info { display: inline-block; text-decoration: none; padding: 7px 14px; background: #000; color: #fff; text-transform: uppercase; -webkit-box-shadow: 0 0 1px #000; -moz-box-shadow: 0 0 1px #000; box-shadow: 0 0 1px #000; font-size: 13px; } .view a.info:hover { -webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; } .mask p { margin: 0; } .content p { margin: 0; } .flip-tile.tile-flipped .tile-front-object { z-index: 9; -webkit-transform: rotateY(180deg) translate3d(0px,0px,0px); -moz-transform: rotateY(180deg); transform: rotateY(180deg); } .flip-tile.tile-flipped .tile-front-object { z-index: 8; transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg) translate3d(0px,0px,0px); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-transform: rotateY(-180deg); -moz-transform-style: preserve-3d; -moz-backface-visibility: hidden; -o-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; transition: all .7s ease-in-out; } div.flip-tile.tile-flipped div.tile-back-object { z-index: 10; opacity: 1!important; -webkit-transform: rotateX(0deg) rotateY(0deg) translate3d(0px,0px,0px); -moz-transform: rotateX(0deg) rotateY(0deg); transform: rotateX(0deg) rotateY(0deg); } .flip-tile .tile-back-object { z-index: 5; opacity: 0; -webkit-transform: rotateY(180deg) translate3d(0px,0px,0px); backface-visibility: hidden; -webkit-backface-visibility: hidden; transform: rotateY(180deg); -moz-transform: rotateY(180deg); -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-backface-visibility: hidden; -o-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; transition: all .7s ease-in-out; } .flip-tile .tile-front-object { z-index: 9; text-align: center; -webkit-transform: rotateX(0deg) rotateY(0deg) translate3d(0px,0px,0px); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-transform: rotateX(0deg) rotateY(0deg); transform: rotateX(0deg) rotateY(0deg); -moz-transform-style: preserve-3d; -moz-backface-visibility: hidden; -o-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; transition: all .7s ease-in-out; } .blur-tile { overflow: hidden; } .blur-tile .tile-front-object { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; transform-origin: center center; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; z-index: 11; } .blur-tile.tile-flipped .tile-front-object { -webkit-transform: scale(10); -moz-transform: scale(10); -o-transform: scale(10); -ms-transform: scale(10); transform: scale(10); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity 0); transform-origin: center center; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; opacity: 0; z-index: -1; } .blur-tile.tile-flipped .tile-back-object { -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity 0); opacity: 1!important; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .blur-tile .tile-back-object { -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity 0); opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .popup-tile .tile-back-object { -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear; opacity: 0; position: fixed; top: 10vh; left: 10vw; max-height: 40vh; z-index: -1; margin: 0px; overflow-y: auto; width: 80vw; } .popup-tile.tile-flipped div.tile-back-object { -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear; position: fixed; top: 10vh; left: 10vw; max-height: 80vh; opacity: 1; z-index: 120; margin: 0px; overflow-y: auto; width: 80vw; } .borderless { top: 0px; width: 100%; height: 100%; } .full-screen-fixed { width: 100%; height: 100%; position: absolute; bottom: 0; top: 0; } .slides { } div>.reveal.overview .slides section { height: 100vh; } .reveal .slides>section,.reveal .slides>section>section { padding: 0px; } .arrowslide { position: absolute; top: 50%; z-index: 30; transform: translateY(-50%); } .mobile-share-option { z-index: 200; position: fixed; left: 50%; top: 45%; margin: auto; transform: translateX(-50%); font-size: 34px; } .mobile-search-option { z-index: 200; position: fixed; left: 50%; top: 45%; margin: auto; transform: translateX(-50%); font-size: 34px; } .mobile-share-option-share { z-index: 200; position: fixed; left: 0; right: 0; top: calc(45% + 48px); margin: auto; } .mobile-search-option-search { z-index: 200; position: fixed; left: 0; right: 0; top: calc(45% + 48px); margin: auto; } #share-navigator-mobile .middle a { color: #000; font-weight: bold; padding: 0px 5px 0px 5px; text-align: center; line-height: 35px; margin: 18px 0px 18px; font-size: 32px; } .mobile #share-navigator-mobile.sharrre .middle a { color: #000; font-weight: bold; padding: 0px 5px 0px 5px; text-align: center; line-height: 35px; margin: 18px 0px 18px; } .mobile #share-navigator-mobile .sharrre .middle a { font-size: 50px; } .product .share-product-container{ border: none !important; } .mobile .searchbox .middle a { color: #000; font-weight: bold; padding: 0px 5px 0px 5px; text-align: center; line-height: 35px; margin: 18px 0px 18px; font-size: 50px; } .mobile-share-button { color: #999; text-align: center; display:table; } .mobile-share-button>span:hover { cursor: pointer; } .mobile-share-option a { color: #999; } .mobile-share-option.fade.fast { pointer-events: none; } .mobile-share-option.fade.fast.in { pointer-events: all; } .mobile-share-button>span { padding-left: 15px; display: table-cell; } .mobile-share-option .mobile-share-button>span.slide-language-show{ display: table-cell; } span.slide-overview-show { position: relative; top: 3px; } span.slide-cart{ position: relative; display: none; } span#cart-mobile-manager.fade.in { display: table-cell; } .mobile-share-button span#previewLookbookNewTab{ display:none; top: 3px; position: relative; } .embedded.mobile .mobile-share-button span#previewLookbookNewTab{ display:table-cell; } body.embedded.mobile:after { top:auto !important; } body.embedded.mobile{ height:auto !important; } html.iphone-embed-fix{ height:100% !important; } html.iphone-embed-fix body.embedded #brim-main{ width: 100% !important; height:100% !important; } span.cog-show { position: relative; top: 3px; } .crosswalk-mobile-cog span.cog-show { desplay:inline-block; } .crosswalk-mobile-cog-disabled span.cog-show { desplay:none; } .slide-attachment-mobile-show .campaign-attachments-container { position: fixed; background-color: rgba(0,0,0,.6); border: 1px solid #FFF; z-index: 1; padding: 7px 15px; top: calc(35% + 60px); left: 50%; transform: translateX(-50%); font-size: 15px; max-height: 20vh; max-width: 80vw; } .slide-attachment-mobile-show .campaign-attachments-container .campaign-attachment{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } /* S - Language Map Mobile. */ .mobile-share-option .slide-language-show .campaign-language-container { position: fixed; background-color: rgba(0,0,0,.6); border: 1px solid #FFF; z-index: 1; top: calc(35% + 60px); left: 50%; transform: translateX(-50%); font-size: 15px; min-width:20vw; } .mobile-share-option .campaign-language-container { position: relative; top: 0px; transform: translate(0,0); z-index: 99999; } .mobile-share-option .campaign-language-container a.campaign-language { color: #FFFF; } .mobile-share-option .slide-language-show .campaign-language-container .campaign-language-box { font-size: 24px; height: auto; flex-wrap: wrap; min-height: 37px; max-height:80px; } /* S - Language Map Mobile. */ .mobile-share-button>span:first-child { padding-left: 0px; } .mobile #share-navigator-mobile.sharrre .box { top: 10px; padding: 0px; height: 75px; } .mobile #share-navigator-mobile .sharrre .box { font-size: 40px; } .mobile .searchbox .box { top: 10px; border-right: 3px solid #99ff99; padding: 0px; height: 75px; } .mobile #share-navigator-mobile.sharrre .middle { width: 100%; text-align: center; height: 75px; } .mobile .searchbox .middle { width: 100%; text-align: center; height: 75px; } .mobile div#share-navigator-mobile .box { border: none; } .mobile div#share-navigator-mobile .box .middle { background-color: transparent; } div#share-navigator-mobile .box{ width:50%; margin:auto; } .mobile div#share-navigator-mobile .box .middle>a { color: #999; padding: 0px 10px 0px 10px; display: inline-block; margin: auto; } span.slide-overview-show>img { height: 50px; } span.cog-show>img { height: 50px; } .slide-logo { cursor: pointer; } .mobile-share-button .slide-logo>img { height: 30px; position: relative; top: 5px; left: 0px; } .toolbox-container { display: block; } .mobile .toolbox-container { display: none !important; } .embedded .toolbox-mobile, .embedded .toolbox-container { display:none; } #shareContainerBackground { position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; cursor: pointer; background: rgba(0,0,0,0.75); z-index: 100; } .arrow-left { left: 0px; } .arrow-right { right: 0; } .arrowslide .arrow { vertical-align: middle; cursor:pointer; } .arrowslide.icon-accent-not-explorer img { display: block; margin-left: auto; margin-right: auto; width: 4vw; height: calc(2.425 * 4vw); user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-drag: none; -webkit-user-select: none; -ms-user-select: none; } .arrowslide.icon-accent-not-explorer .svg-arrow { display: block; margin-left: auto; margin-right: auto; width: 4vw; height: calc(2.425 * 4vw); user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-drag: none; -webkit-user-select: none; -ms-user-select: none; } .arrowslide.icon-accent-not-explorer .svg-arrow > svg{ position: absolute; right: 0px; height: 100%; max-width: 100%; } .arrowslide.icon-accent-not-explorer.arrow-left .svg-arrow { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } .icon-accent-not-explorer img{ filter: hue-rotate(0deg) saturate(0%) brightness(379%); } .arrowslide { filter:drop-shadow(2px 2px 2px transparent); } body:after { content: "v"; font-size: 1px; position: absolute; top: 145vh; width: 100%; color: white; text-align: center; } body:before { content: "^"; font-size: 1px; position: absolute; top: 0; width: 100%; color: white; text-align: center; } body { height: 150vh; } .present { height: 100%; width: 100%; } .hidden { display: none; } #brim-mask { background-repeat: no-repeat; background-size: contain; height: 120vh!important; width: 100vw!important; background-color: #000; opacity: 0.7; } #brim-main { height: 100%!important; width: 100vw!important; position: fixed; top: 0; } div.tile-product-small { overflow-y: auto; height: 100%; } .toolbox-container { position: absolute; height: auto; top: 0px; right: 0px; z-index: 1000000; } .toolbox-mobile { position: absolute; width: 55px; height: auto; top: 0px; right: 0px; z-index: 11; } #toolbox-chevron { background-color: rgba(51,51,51,.6); font-size: 18px; padding-top: 14px; padding-bottom: 14px; text-align: center; cursor: pointer; color: white; box-sizing: border-box; } #toolbox-chevron #cart-manager.fade{ display:none; } #toolbox-chevron #cart-manager.fade.in{ display:block; } .toolbox-wrapper * { box-sizing:border-box; } .toolbox-wrapper .slide-logo { background-color: rgba(0,0,0,.6); padding: 0px!important; height: 45px; } .toolbox-wrapper .slide-share { background-color: rgba(0,0,0,.6); height: 38px; padding-top: 9px !important; } .toolbox-wrapper .slide-search{ padding:0px !important; } .toolbox-wrapper .slide-search i.fa-search{ margin: 9px 0px 9px; } .toolbox-wrapper .slide-search { background-color: #f2f2f2; height: 38px; padding-top: 9px !important; } .toolbox-wrapper>.toolbox>div:not(.slide-logo) { background-color: rgba(0,0,0,.6); } .toolbox { width: 100%; height: 100%; min-width:49px; } .toolbox>div:not(.toolbox-separator) { width: 100%; font-size: 20px; position: initial; text-align: center; padding-top: 7px; padding-bottom: 7px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; color: #FFFF; } .aquila-reveal .toolbox>div:not(.toolbox-separator){ display:none; } .expand-iframe i.fa-external-link:hover, .toolbox i.fa-share-alt:hover, .toolbox i.fa-paperclip:hover, .toolbox i.fa-search:hover, .toolbox i.fa-paperclip:hover, .toolbox i.fa-th:hover, .toolbox i.fa-globe-americas:hover { color: #d3d3d3; } .toolbox i { cursor: pointer; } .toolbox-wrapper .slide-search:hover{ border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; } .toolbox>.slide-attachment-show:hover { border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; } .toolbox>.slide-language-show:hover { border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; } .toolbox>.slide-share:hover { border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; } .toolbox>.slide-search:hover { border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; } .toolbox .slide-attachment-show .left-border-fake { position: absolute; top: 37px; right: 0; border-left: 1px solid #ccff00; height: 100%; z-index: 2; } .slide-attachment-show .campaign-attachments-container { position: absolute; background-color: rgba(0,0,0,0.6); border-bottom: 1px solid #d3d3d3; border-top: 1px solid #d3d3d3; z-index: 1; padding: 7px 5px 7px 5px; top: 180px; overflow: hidden; min-width: 300px; left:49px; max-height:200px; max-width:500px; } .slide-attachment-show .campaign-attachments-container .campaign-attachment-container{ margin:5px 0px; } .slide-attachment-show .campaign-attachments-container .campaign-attachment-container a.campaign-attachment{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } .share-navigator { display: none; position: absolute; background-color: rgba(211,211,211,0.6); border-top: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; z-index: 1; padding: 10px; right: 50px; top: -2px; overflow: hidden; } .search-navigator { display: none; position: absolute; background-color: rgba(211,211,211,0.6); border-top: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; z-index: 1; padding: 10px; right: 50px; top: -2px; overflow: hidden; } .campaign-attachment-container>a.campaign-attachment { text-transform: uppercase; color: white; } .campaign-attachment-container>a.campaign-attachment:hover { color: #d3d3d3; } div#overview-navigator { position: absolute; top: 0; bottom: 0; background-color: rgba(32,32,32,0.985); left: 0; right: 0; padding:50px; z-index: 15; overflow-y: auto; box-sizing: content-box; } .aquila-reveal div#overview-navigator{ pointer-events:none; } div#overview-navigator>section { /* height: 90px!important; */ /* width: 160px!important; */ margin-left: 16px!important; margin-top: 16px!important; /* z-index: 10000000; */ } #overview-navigator>section>div { -moz-transform: scale(0.1); -moz-transform-origin: 0 0; -o-transform: scale(0.1); -o-transform-origin: 0 0; -webkit-transform: scale(0.1); -webkit-transform-origin: 0 0; transform: scale(0.1); transform-origin: 0 0; position: relative; height: 1000%; width: 1000%; } .content-popup.product-overlay.content-positional { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; pointer-events: none; } .content-popup.product-overlay.content-positional.opaque-overlay { background-color: rgba(0,0,0,0.6); } .product-overlay-preview { position: absolute; border: 1px solid black!important; display: none; } .product-positional-interactive { z-index: 9999; cursor: pointer; pointer-events: all; font-size: 34px; display: block; transform-origin: center center; } .product-panel-tiles { width: 60%; position: fixed; top: 10%; max-height: 80%; overflow-y: auto; left: 20%; z-index: 10000; } .product-content-positional:not(.product-overlay-preview) .product-positional-list { top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); } .product-positional-list { position: absolute; width: 64%; z-index: 10000; } .product-panel-list-holder { overflow-y: auto; width: 100%; height: inherit; overflow-x: hidden; } .product-panel-list-holder .product-panel-tile { height: auto; width: 100%; float: left; } div.jspHorizontalBar { height: 0px !important; visibility: hidden; } div.jspVerticalBar { width: 6px; } div.jspDrag { background: black; border-radius: 4px; } .product-positional-list-holder { width: 100%; overflow: hidden; min-height: 150px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; box-sizing: border-box; } div#lookbookContainer { font-family: 'Montserrat', sans-serif; } div#share-navigator, div.search-instantiator { height: 38px; max-height: 38px; } div#lookbookContainer div#share-navigator .middle, div#lookbookContainer .search-instantiator .middle{ top: -1px; position: relative; right: 0px; } div#lookbookContainer div#share-navigator .middle{ border-right: 1px solid #d3d3d3; } div#lookbookContainer div#share-navigator .middle a.whatsapp, div#lookbookContainer div#share-navigator .middle a.telegram{ display: none; } div#lookbookContainer div#share-navigator .searchResult{ top:-1px; position:relative; } .toolbox-wrapper .slide-search, .toolbox-wrapper .slide-share{ padding:0px !important; } .toolbox-wrapper .slide-search i.fa-search{ margin: 9px 0px; } div#share-facebook-button { cursor: pointer; } div#share-twitter-button { cursor: pointer; } div#share-instagram-button { cursor: pointer; } .img-container-cover div.tile-image { background-position: center; background-repeat: no-repeat; background-size: cover; } .video-container-cover div.tile-video { background-position: center; background-repeat: no-repeat; background-size: cover; } .embedded-container-cover div.tile-embedded { background-position: center; background-repeat: no-repeat; background-size: cover; } .miniature .product-positional-link { display: none; } section.miniature { cursor: pointer; overflow: hidden; } section.miniature * { pointer-events:none; } .backpage-container { border: 1px #66ff66 dotted; height: 100%; width: 100%; background: white; } .backpage-container .backpage-logo { position: absolute; top: 13%; left: 35%; width: 30%; height: 42%; background-size: contain; background-position: center center; background-repeat: no-repeat; border: none; box-shadow: none; cursor: pointer; } .backpage-container .upstream-links { position: absolute; top: 70%; height: 25px; left: 0; right: 0; margin: auto; text-align: center; } .backpage-container .backpage-logo-setting { position: absolute; top: 55%; height: 25px; left: 0; right: 0; margin: auto; text-align: center; } .backpage-internal-description p.descriptionContent { padding: 0px 5px; margin: 0px; } .backpage-container .backpage-logo-setting>div { display: inline-block; padding: 5px; font-size: 12px; letter-spacing: 2px; font-weight: 900; height: 30px; } .backpage-container .backpage-logo .fa { position: absolute; right: 0px; } .backpage-container .backpage-logo-setting>div>input { display: inline-block; margin: 2px; font-size: 15px; top: 3px; position: relative; } .backpage-container .backpage-description { width: 900px; color: #999; font-size: 20px; display: inline-block; position: absolute; top: 56%; left: 50%; transform: translateX(-50%); text-align: justify; letter-spacing: 1px; font-weight: 500; height: 220px; } #lookbookContainer.very-short .backpage-container .backpage-description { height: 100px; } #lookbookContainer.very-short .backpage-container .upstream-links { bottom:5%; } body.mobile .backpage-container .backpage-description { max-width:75%; } .backpage-description .jspContainer{ min-height: 70px !important; } .backpage-container .backpage-internal-description { margin: auto; display: inline-block; width: calc(100% - 20px); } .backpage-description>.backpage-internal-description>div { height: 100%; position: relative; } .backpage-description>.backpage-internal-description>div>p.descriptionContent { margin: 0; position: absolute; top: 0%; left: 50%; margin-right: -50%; transform: translate(-50%,0%); } .backpage-container .upstream-links>div { display: inline-block; letter-spacing: 2px; font-weight: 900; margin: 5px; font-size: 12px; } .backpage-container .upstream-links>div>input { display: inline-block; margin: 2px; font-size: 15px; top: 3px; position: relative; } .backpage-container .backpage-enable { letter-spacing: 2px; font-weight: 900; position: absolute; top: 90%; right: 5%; margin: 5px; font-size: 12px; } .backpage-container .backpage-enable>input { display: inline-block; margin: 2px; font-size: 15px; top: 3px; position: relative; } div.upstream-links a { font-size: 20px; letter-spacing: 1px; font-family: 'Source Sans Pro',sans-serif; margin: 25px; color: #999; } .slide-share .sharrre .box, .slide-language-show .campaign-language-container .campaign-language-box{ position: relative; font-size: 19px; overflow: hidden; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; z-index: 10000; height: 38px; } .mobile div.upstream-links a { font-size: 40px; letter-spacing: 1px; font-family: 'Source Sans Pro',sans-serif; margin: 25px; color: #999; } .sharrre .middle{ top: 0px; right: 5px; width: 250px; color: #fff; white-space: nowrap; overflow: hidden; -webkit-transition: width 0.3s linear; -moz-transition: width 0.3s linear; -o-transition: width 0.3s linear; transition: width 0.3s linear; background-color: rgba(0,0,0,.6); height: 37px; padding: 0; margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; } .sharrre .middle a { color: white; font-weight: bold; padding: 0 9px 0 9px; text-align: center; position: relative; } .sharrre .middle a:hover{ color: #d3d3d3; } .mobile p.descriptionContent { font-size: 30px; } .mobile .toolbox-mobile { left: 15px; top: 15px; } @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .mobile div.upstream-links a { font-size:30px; letter-spacing: 1px; font-family: 'Source Sans Pro',sans-serif; margin: 2px; color: #999; } .mobile .toolbox-container { width: 60px; } .mobile .toolbox-mobile { width: 70px; } .mobile .toolbox>div:not(.toolbox-separator) { font-size: 30px; padding: 18px 0px 18px; } .mobile #share-navigator-mobile.sharrre .box { top: 2px; position: relative; overflow: hidden; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; z-index: 10000; } .mobile #share-navigator-mobile.sharrre .middle { top: 0px; right: 5px; color: #fff; white-space: nowrap; overflow: hidden; -webkit-transition: width 0.3s linear; -moz-transition: width 0.3s linear; -o-transition: width 0.3s linear; transition: width 0.3s linear; background-color: #ccc; } .mobile #share-navigator-mobile.sharrre .middle a { color: #000; font-weight: bold; padding: 0px 5px 0px 5px; text-align: center; line-height: 35px; margin: 18px 0px 18px; } .mobile .searchbox .box { top: 2px; position: relative; overflow: hidden; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; z-index: 10000; border-left: 3px solid #99ff99; border-top: 3px solid #99ff99; border-bottom: 3px solid #99ff99; } .mobile .searchbox .middle { top: 0px; right: 5px; color: #fff; white-space: nowrap; overflow: hidden; -webkit-transition: width 0.3s linear; -moz-transition: width 0.3s linear; -o-transition: width 0.3s linear; transition: width 0.3s linear; background-color: #ccc; } .mobile .searchbox .middle a { color: #000; font-weight: bold; padding: 0px 5px 0px 5px; text-align: center; line-height: 35px; margin: 18px 0px 18px; } .mobile .toolbox>.slide-share:hover { border-top: 3px solid #99ff99; border-right: 3px solid #99ff99; border-bottom: 3px solid #99ff99; position: relative; } .mobile .toolbox>.slide-search:hover { border-top: 3px solid #99ff99; border-right: 3px solid #99ff99; border-bottom: 3px solid #99ff99; position: relative; } .mobile div#share-navigator { position: absolute; top: -5px; right: 78px; z-index: 99999; } .mobile div#search-navigator { position: absolute; top: -5px; right: 78px; z-index: 99999; } .mobile sharrre .middle { top: 0px; right: 5px; width: 225px; color: #fff; white-space: nowrap; text-align: left; overflow: hidden; -webkit-transition: width 0.3s linear; -moz-transition: width 0.3s linear; -o-transition: width 0.3s linear; transition: width 0.3s linear; background-color: #ccc; padding: 7px 2px 7px; } .mobile searchbox .middle { top: 0px; right: 5px; width: 225px; color: #fff; white-space: nowrap; text-align: left; overflow: hidden; -webkit-transition: width 0.3s linear; -moz-transition: width 0.3s linear; -o-transition: width 0.3s linear; transition: width 0.3s linear; background-color: #ccc; padding: 7px 2px 7px; } .mobile p.descriptionContent { font-size: 30px; } .mobile #toolbox-chevron { background-color: rgba(51,51,51,.6); text-align: center; cursor: pointer; color: white; border-radius: 1000px; } .mobile #toolbox-chevron>#modalShareLookBooKMobile { font-size: 30px; line-height: 42px; } } @media (-webkit-min-device-pixel-ratio: 2) and (max-device-width : 736px) , (min-resolution: 192dpi) and (max-device-width : 736px) { .mobile div.upstream-links a { font-size:40px; letter-spacing: 2px; font-family: 'Source Sans Pro',sans-serif; margin: 2px; color: #999; } .mobile #lookbookContainer.very-short div.upstream-links a { font-size:25px; } .mobile .toolbox-container { width: 80px; } .mobile .toolbox-mobile { width: 100px; } .mobile .toolbox>div:not(.toolbox-separator) { font-size: 40px; padding: 18px 0px 18px; } .mobile #share-navigator-mobile.sharrre .box { top: 2px; position: relative; overflow: hidden; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; z-index: 10000; } .mobile #share-navigator-mobile.sharrre .middle { top: 0px; right: 5px; color: #fff; white-space: nowrap; /* text-align:left; */ overflow: hidden; -webkit-transition: width 0.3s linear; -moz-transition: width 0.3s linear; -o-transition: width 0.3s linear; transition: width 0.3s linear; background-color: #ccc; } .mobile #share-navigator-mobile.sharrre .middle a { color: #000; font-weight: bold; padding: 0px 5px 0px 5px; text-align: center; line-height: 35px; margin: 18px 0px 18px; } .mobile #share-navigator-mobile .sharrre .middle a { font-size: 50px; } .mobile .searchbox .box { top: 2px; position: relative; font-size: 40px; overflow: hidden; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; z-index: 10000; border-left: 3px solid #99ff99; border-top: 3px solid #99ff99; border-bottom: 3px solid #99ff99; } .mobile .searchbox .middle { top: 0px; right: 5px; color: #fff; white-space: nowrap; /* text-align:left; */ overflow: hidden; -webkit-transition: width 0.3s linear; -moz-transition: width 0.3s linear; -o-transition: width 0.3s linear; transition: width 0.3s linear; background-color: #ccc; } .mobile .searchbox .middle a { color: #000; font-weight: bold; padding: 0px 5px 0px 5px; text-align: center; /* float:left; */ line-height: 35px; margin: 18px 0px 18px; font-size: 50px; } .mobile .toolbox>.slide-share:hover { border-top: 3px solid #99ff99; border-right: 3px solid #99ff99; border-bottom: 3px solid #99ff99; position: relative; } .mobile div#share-navigator { position: absolute; top: -5px; right: 78px; z-index: 99999; } .mobile sharrre .middle { top: 0px; right: 5px; width: 225px; color: #fff; white-space: nowrap; text-align: left; overflow: hidden; -webkit-transition: width 0.3s linear; -moz-transition: width 0.3s linear; -o-transition: width 0.3s linear; transition: width 0.3s linear; background-color: #ccc; padding: 7px 2px 7px; } .mobile p.descriptionContent { font-size: 30px; } .mobile #toolbox-chevron { background-color: rgba(0,0,0,.6); font-size: 30px; text-align: center; cursor: pointer; color: white; padding: 26px 0px 26px 8px; } .mobile #toolbox-chevron>#modalShareLookBooKMobile { font-size: 60px; margin-left: -5px; } .mobile .product-positional-interactive { border-radius: 50%; opacity: 0.7; z-index: 9999; cursor: pointer; } .mobile .product-positional-link{ transform: scale(1.3) translate(0%,0%); } } div.upstream-links a:hover { color: #000; } .slide-logo img { width: auto; height: 100%; cursor: pointer; -webkit-filter:invert(100%); -ms-filter:invert(100%); filter:invert(100%); } div#lookbookContainer div.toolbox-container .slide-logo img { position:relative; top:50%; transform:translateY(-50%); width: 100%; height: auto; } .tile-textHtml { color: black; padding: 11px !important; width: 100%; text-align: left; box-sizing: border-box; word-wrap: break-word; } .tile-textHtml .fa { font-family: FontAwesome; } div#lookbookContainer .tile-textHtml a, div#lookbookContainer .tile-textHtml a:focus, div#lookbookContainer .tile-textHtml a:any-link:active, div#lookbookContainer .tile-textHtml a:any-link, div#lookbookContainer .tile-textHtml a:-webkit-any-link:active, div#lookbookContainer .tile-textHtml a:-webkit-any-link{ color:inherit !important; outline: none; text-decoration: none; } div#lookbookContainer .tile-textHtml a{ color:inherit !important; outline: none !important; text-decoration: none !important; } /* Line - Height fix Ckeditor 4.7 */ .tile-textHtml span[style*="line-height"]{ display: inline-block !important; } .tile-textHtml span { display: inline !important; } /* Line - Height fix Ckeditor 4.7 */ /* Line - Height fix Ckeditor 4.8 */ .tile-textHtml p.userText.ck-editor-new span[style*="line-height"] { display: inline !important; } .tile-textHtml p.userText.ck-editor-new span[style*="font-size"] span { white-space: pre-wrap; } /* Line - Height fix Ckeditor 4.8 */ .placed-overlay-object-positional .tile-textHtml p { margin: 0; } .tile-textHtml>.userText { font-family: inherit; letter-spacing: normal; font-size: 14px; margin: 0 0 0 0 !important; text-align: left; position: static; height: auto; text-transform: none; font-weight: normal; overflow:hidden; } .tile-textHtml>h1.userText { font-size: 2.17rem; } .tile-textHtml>h2.userText { font-size: 1.95rem; } .tile-textHtml>h3.userText { font-size: 1.58rem; } .tile-textHtml>h4.userText { font-size: 0.99rem; } p.userText { font-size: initial; line-height: 1; } .placed-overlay.content-positional { font-size: 124%; } .preview-warning { position: fixed; top: 0px; padding-top: 5px; font-family: 'Source Code Pro',monospace; color: #80ff84; font-size: 14px; letter-spacing: 1px; text-align: center; width: 100%; z-index: 1; background-color: #444; padding-bottom: 5px; } .preview-warning a { color: #ff66ff; text-decoration: initial; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { visibility: hidden; overflow: hidden; position: fixed; top: 5%; right: 0; width: 70%; left: 15%; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; height: auto; } .reveal.fade { opacity: 1; display: block; visibility: visible; } .css-roll.up { visibility:hidden; height: 0; } .css-roll { -webkit-transition: opacity .200s linear, visibility .200s linear; -o-transition: opacity .200s linear, visibility .200s linear; transition: opacity .200s linear, visibility .200s linear; } .css-roll.fast { -webkit-transition: opacity .200s linear, visibility .200s linear; -o-transition: opacity .200s linear, visibility .200s linear; transition: opacity .200s linear, visibility .200s linear; } .css-roll.slow { -webkit-transition: opacity .200s linear, visibility .200s linear; -o-transition: opacity .200s linear, visibility .200s linear; transition: opacity .200s linear, visibility .200s linear; } .css-roll.onoff { -webkit-transition: none; -o-transition: none; transition: none; } .fade { visibility: hidden; opacity: 0; -webkit-transition: opacity .200s linear, visibility .200s linear; -o-transition: opacity .200s linear, visibility .200s linear; transition: opacity .200s linear, visibility .200s linear; } #lookbookContainer:not(.product-van) div.fade:not(.in):not(.reveal) > * { display: none; } .fade.fast { -webkit-transition: opacity .050s linear, visibility .050s linear; -o-transition: opacity .050s linear, visibility .050s linear; transition: opacity .050s linear, visibility .050s linear; } .fade.slow { -webkit-transition: opacity .500s linear, visibility .500s linear; -o-transition: opacity .500s linear, visibility .500s linear; transition: opacity .500s linear, visibility .500s linear; } .fade.onoff { -webkit-transition: none; -o-transition: none; transition: none; } .fade.in { visibility: visible; opacity: 1; } .one_modal_border { border: 1px solid white; padding: 6px; } .two_modal_border { border: 4px solid white; padding: 4px; } .three_modal_border { border: 8px solid white; padding: 4px; } .modal-header { border-bottom: none!important; } .modal-footer { border-top: none!important; } .modal-dialog { width: 100%; } .modal-content { position: relative; background-color: #fff; } .modal-header { text-align: center; padding: 15px; min-height: 16.42857143px; font-size: 14px; line-height: 1.42857143; color: #333; } .modal-footer { padding: 15px; text-align: right; } .row { margin-left: -15px; margin-right: -15px; width: 100%; } .col-sm-3 { width: 25%; float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; text-align: center; } .modal-title.sharing-title { font-size: 24px; margin: 0; line-height: 1.42857143; padding-top: 1%; letter-spacing: 3px; } .sharing-option { text-align: center; margin-top: 25px; cursor: pointer; color: #666666; } .sharing-option.selected,.sharing-option:hover { color: #000000; } .sharing-icon { font-size: 72px; } .sharing-title { font-size: 16px; text-transform: uppercase; font-weight: bold; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-7 { width: 58.33333333%; float: left; min-height: 1px; padding-left: 15px; padding-right: 15px; } .alert-message { text-align: left; padding: 10px; background: #666666; text-transform: none; font-size: 14px; line-height: 1; } .row:after,.modal-footer:after,.modal-body:after { content: " "; display: table; } .row:after,.modal-footer:after,.modal-body:after { clear: both; } .col-md-10 { width: 83.33333333%; float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-md-offset-1 { margin-left: 8.33333333%; } .alert-message span { font-family: 'Source Code Pro',monospace; } .alert-message span.green { color: #99ff99; } .alert-message span.yellow { color: #ccff00; } .alert-message span.pink { color: #ff99ff; } .alert-message span.blue { color: #66ffff; } .pink { color: #ff99ff; } .yellow { color: #ccff00; } .green { color: #99ff99; } .white { color: #FFFF; } .blue { color: #66ffff; } .editor-button { float: right; padding: 5px; background: black; color: white; min-width: 100px; text-align: center; font-family: 'source sans pro',sans-serif; cursor: pointer; border: none; } div.box.preview { } div.box.preview div.middle { width: 100%; font-family: 'Source Sans Pro'; height: 100%; text-align: center; text-transform: uppercase; font-size: 20px; line-height: 35px; } #div-share-navigator { float: left; margin: 80px 42% 0 42%; } #div-search-navigator { float: left; margin: 80px 42% 0 42%; } .sharrre .left { line-height: 60px; display: block; white-space: nowrap; color: #ffffff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .sharrre .right { position: absolute; right: 0px; top: 0px; height: 100%; width: 45px; text-align: center; line-height: 60px; color: #4b5d61; } .sharrre .middle a:hover { text-decoration: none; } .sharrre .box.preview:hover .middle { width: 450px; } .searchbox .left { line-height: 60px; display: block; white-space: nowrap; color: #ffffff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .searchbox .right { position: absolute; right: 0px; top: 0px; height: 100%; width: 45px; text-align: center; line-height: 60px; color: #4b5d61; } .searchbox .middle a:hover { text-decoration: none; color: #99ff99; } .searchbox .box.preview:hover .middle { width: 450px; } .toolbox-container div#lookbook-search input#search { height: 25px; padding: 5px; margin: 5px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; letter-spacing: 1px; outline: none; } div#subscribe-popup { z-index: 999999; position: absolute; top: 5%; left: 20%; width: 60%; height: 90%; background-color: white; box-sizing: border-box; } div.lookcast-border { border: 1px #ccc solid!important; position: relative; padding: 2px; } div#subscribe-popup.fade { display:none; } div#subscribe-popup.fade.in { display:block; } div.lookcast-border>div { width: 100%; height: 100%; box-sizing: border-box; display: block; padding: 2px; position: relative; border: 1px black solid!important; } div.lookcast-border>div>div { width: 100%; height: 100%; padding: 2px; position: relative; border: 1px black solid!important; box-sizing: border-box; display: block; } div.lookcast-border>div>div>div { width: 100%; height: 100%; position: relative; border: 2px black solid!important; box-sizing: border-box; display: block; } div.lookcast-border>div>div>div>* { width: 100%; height: 100%; } @media ( -webkit-min-device-pixel-ratio : 1.5) , ( min-resolution : 144dpi) { .mobile .toolbox-container { -moz-transform:scale(1.15); -moz-transform-origin: 100% 0; -o-transform: scale(1.15); -o-transform-origin: 100% 0; -webkit-transform: scale(1.15); -webkit-transform-origin: 100% 0; transform: scale(1.35); transform-origin: 100% 0; } } @media ( -webkit-min-device-pixel-ratio : 2) , ( min-resolution : 192dpi) { .mobile .toolbox-container { -moz-transform:scale(1.25); -moz-transform-origin: 100% 0; -o-transform: scale(1.25); -o-transform-origin: 100% 0; -webkit-transform: scale(1.25); -webkit-transform-origin: 100% 0; transform: scale(1.25); transform-origin: 100% 0; position: fixed; } } .campaign-attachment-container { position: relative; top: 0px; transform: translate(0,0); z-index: 99999; margin-bottom:5px; overflow: hidden; } #share-navigator .box.preview:after { content: ""; display: table; clear: both; } #search-navigator .box.preview:after { content: ""; display: table; clear: both; } #modalAlertMessage { width: 80%; left: 10%; font-family: "source sans pro"; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); } #modalAlertMessage .alert-header,#modalAlertMessage .alert-footer { margin-top: 1vh; font-size: 4vw; } #modalAlertMessage .alert-body { text-align: center; font-size: 5vw; font-weight: bold; font-style: italic; } .product-overlay.content-positional { -webkit-transform: translateZ(0); transform: translateZ(0); position: absolute; top: 0; height: 100%; width: 100%; pointer-events:none; } .reveal .slides section[data-frame-type="embed"] .placed-overlay.content-positional .placed-overlay-object-positional, .reveal .slides section[data-frame-type="embed"] .product-overlay.content-positional{ z-index: 1; } .container .content .product-positional-link{ -webkit-tap-highlight-color: transparent; -moz-tap-highlight-color: transparent; tap-highlight-color: transparent; } .product-positional-interactive { z-index: 9998; transform-origin: center center; display: block; transition: all; -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; width:auto; } a img { border: none; } /** * Overlay launched when modal is present on the lookbbok preview. */ #orientationModalBackground { background: #000; position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; cursor: pointer; opacity: 0.5; z-index: 100; } #poweredBy { position: absolute; bottom: 5%; width: 100%; font-style: italic; font-size: 14px; } #poweredBy span { color: #999; } .miniature .tile-front-object { background:#444; } i.tile-video.tile-video-placeholder.fa.fa-video-camera { width: initial; height: initial; font-size: 130px; position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; color: #f2f2f2; background: #444; } #poweredBy a { color: inherit; } #poweredBy span:hover { color: #000; } div.tremiti-theme-modal { position: fixed; top: 0; width: 100vw; background: rgba( 255, 255, 255, 0.8); height: 100vh; } .blurred { filter: blur(10px); } .reveal.hasLazyLoading section:not(.loaded) .lazy-loading { -webkit-transition-property: opacity; /* Safari */ -webkit-transition-duration: 1s; /* Safari */ transition-property: opacity; transition-duration: 1s; opacity: 0; } .reveal.hasLazyLoading section.loaded .lazy-loading.loaded { -webkit-transition-property: opacity; /* Safari */ -webkit-transition-duration: 1s; /* Safari */ transition-property: opacity; transition-duration: 1s; opacity: 1; } .reveal.hasAverageColors .fragment:not(.visible) { -webkit-transition-property: opacity; /* Safari */ -webkit-transition-duration: 1s; /* Safari */ transition-property: opacity; transition-duration: 1s; visibility: visible; opacity: 0.35; } /* .reveal.aquila-reveal.hasLazyLoading section.present.loaded .fragment .lazy-loading.loaded { opacity: 0.35 !important; visibility: visible !important; -webkit-transition-property: opacity; -webkit-transition-duration: 1s !important; transition-property: opacity; transition-duration: 1s !important; } .reveal.aquila-reveal.hasLazyLoading section.present.loaded .fragment.visible .lazy-loading.loaded{ opacity: 1 !important; } */ .reveal .safezone-container-moved { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .reveal .safezone-container { position: relative; height: 100%; width: 100%; } .navigationHintsContainer { position: fixed; top: 0; right: 0; width: 40%; height: 100%; /* background-color: rgba(0,0,0,0.5); */ color: white; z-index: 12; opacity: 0; } #mobileNavigationHintsContainer { width: 100%; height: 50%; top: 50%; pointer-events: none; } .navigationHintText { position: absolute; font-size: 2.8vw; right: 4vw; cursor: default; letter-spacing: 1px; font-family: 'Playfair Display',serif; text-align: right; top: 50%; transform: translateY(-50%); cursor:pointer; } #navigationHintsContainer .arrowslide.icon-accent-explorer + .navigationHintText{ right: 6vw; } .navigationHintText:after{ content:"CLICK HERE TO \A DISCOVER MORE"; white-space: initial; } #mobileNavigationHints { position: absolute; /* left: 50%; */ /* top: 50%; */ /* transform: translateY(-50%) translateX(-50%); */ -ms-transform: translateY(-50%) translateX(-50%); /* -webkit-transform: translateY(-50%) translateX(-50%); */ text-align: center; font-size: 200%; bottom: 5%; width: 100%; } #mobileNavigationHints .applyAccentText:after{ content:"SWIPE TO DISCOVER"; white-space: pre; } #mobileNavigationHints img { width: 100%; } body.mobile:not(.embedded) #mobileNavigationHintsContainer { display: block; } body.mobile:not(.embedded) #navigationHintsContainer { display: none; } #mobileNavigationHintsContainer { display: none; } #mobileNavigationHints .left-col { width: 89%; text-align: right; float:left; margin-top: 6%; letter-spacing: 1px; font-family: 'Playfair Display',serif; font-size:90%; } #mobileNavigationHints .right-col { width: 11%; float:right; text-align: right; } div#lookbookContainer section div.product-landscape .product-van-container { font-size: 20px; letter-spacing: 1px; } body.mobile div#lookbookContainer section div.product-landscape .product-van-container { font-size: 30px; letter-spacing: 1px; } @media (max-width: 60em){ body.mobile div#lookbookContainer section.present div.product-landscape .product-van-container { font-size: 40px; letter-spacing: 1px; } } body.mobile div#lookbookContainer div.product-landscape .product-van-container .cta { width: 300px; } .showOnSectionComplete { opacity: 0; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } section.loaded .showOnSectionComplete { opacity: 1; } body.mobile .highlight-tappable{ webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; } /* S - Language Map - Toolbox. */ .slide-pricelist-show .campaign-pricelist-container .campaign-language-box, .slide-language-show .campaign-language-container .campaign-language-box { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: flex; } .toolbox-wrapper { width:100%; overflow:visible; } .toolbox .slide-share, .toolbox .slide-overview-show, .toolbox .slide-language-show, .toolbox .slide-pricelist-show, .toolbox .slide-search{ padding:0px !important; height: 38px !important; margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: flex-start; -webkit-align-items: center; justify-content: center; } .slide-pricelist-show .campaign-pricelist-container .campaign-language-box .campaign-language-element, .slide-language-show .campaign-language-container .campaign-language-box .campaign-language-element{ width:50px; text-transform: uppercase; } .toolbox-wrapper .slide-pricelist-show .campaign-pricelist-container .campaign-language-box .campaign-language-element a.campaign-language, .toolbox-wrapper .slide-language-show .campaign-language-container .campaign-language-box .campaign-language-element a.campaign-language{ cursor:pointer; color: white; } .toolbox-wrapper .slide-pricelist-show .campaign-pricelist-container .campaign-language-box .campaign-language-element a.campaign-language:hover, .toolbox-wrapper .slide-language-show .campaign-language-container .campaign-language-box .campaign-language-element a.campaign-language:hover{ color: #d3d3d3; } .toolbox-wrapper .slide-pricelist-show .campaign-pricelist-container, .toolbox-wrapper .slide-language-show .campaign-language-container{ left: 49px; } .campaign-language-box { width: auto; overflow: hidden; -webkit-transition: width 0.3s linear; -moz-transition: width 0.3s linear; -o-transition: width 0.3s linear; transition: width 0.3s linear; background-color: rgba(0,0,0,.6); height: 37px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; } .toolbox-wrapper .slide-language-show .campaign-language-box, .toolbox-wrapper .slide-pricelist-show .campaign-language-box{ border-right: 1px solid #d3d3d3; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; } /* E - Language Map - Toolbox. */ .toolbox-container { position: absolute; left: 0px; width: 45px; overflow: visible; max-width: 200px; min-width: 100px; } .slide-share .sharrre .box{ padding-left:49px; } div#share-navigator, div.campaign-language-container,div.campaign-pricelist-container{ position: absolute; left: 0px; border: 1px solid #d3d3d3; border-left: 0px; } div#lookbookContainer div.toolbox-container{ display: -webkit-box; display: -moz-box; display: -webkit-flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } div#lookbookContainer div.toolbox-container .toolbox-wrapper.css-roll{ order:-1; } div#lookbookContainer div.toolbox-container .toolbox-wrapper.css-roll.up{ order: 1; } div#lookbookContainer div.toolbox-container .toolbox-wrapper.css-roll.up{ -webkit-animation: fade-out-hamburger 1s 1; animation: fade-out-hamburger 1s 1; -webkit-transition-timing-function: linear; transition-timing-function: linear; } @-webkit-keyframes fade-out-hamburger { 0% { opacity:0; } 100% { opacity:0; } } @keyframes fade-out-hamburger { 0% { opacity:0; } 100% { opacity:0; } } div#cart-manager:not(.in) { display:none; } div#cart-manager.in { display:block; } div#lookbookContainer div.toolbox-container div#toolbox-chevron{ padding: 15px; height: 47px; border-radius: 1000px; left: 0px; margin: 10px 0px 0px 10px; } body.embedded { background: white; } /** END COMPRESSED FROM/imports/reveal/css/lookcast.css*/ /** COMPRESSED FROM/imports/vjs/css/video-js.css*/ #lookbookContainer:not(.mobile).reveal div.video-js, body:not(.mobile) #lookbookContainer.reveal div.video-js { font-size: 1.5vmin; } .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-modal-dialog, .vjs-button>.vjs-icon-placeholder:before, .vjs-modal-dialog .vjs-modal-dialog-content { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button>.vjs-icon-placeholder:before { text-align: center } @font-face { font-family: VideoJS; src: url(../font/2.0.0/VideoJS.eot?#iefix) format("eot") } @font-face { font-family: VideoJS; src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,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FjY3PgE3LgEnIwYfAR4BFw4BBTM/ARUzESMGAyUVJwMchM2UWwgNq4JHrQgBAapUaAoJcWMBfiIhDiMrAQJLMB0BBAokNAIBPmMiIQ4iLAECSzAeAQUKJDQBP2MiIQ4iLAECSzAeAQUKJDQBAT75g+5B4arNLNIBJ44ByQL9BQ9mvYCKwA8FBQMDwwJVTGdzBf6VB8IHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvVJkAWUDDEf+tYP5AQAAAAEAAAAABiAGtgAbAAABBAADER4BFzMRITU2ADcWABcVIREzPgE3EQIAA4D+4v6FBwJ/X+D+1QYBJ97eAScG/tXgX38CB/6FBrUH/oX+4v32X38CAlWV3gEnBgb+2d6V/asCf18CCgEeAXsAAAAAEADGAAEAAAAAAAEABwAAAAEAAAAAAAIABwAHAAEAAAAAAAMABwAOAAEAAAAAAAQABwAVAAEAAAAAAAUACwAcAAEAAAAAAAYABwAnAAEAAAAAAAoAKwAuAAEAAAAAAAsAEwBZAAMAAQQJAAEADgBsAAMAAQQJAAIADgB6AAMAAQQJAAMADgCIAAMAAQQJAAQADgCWAAMAAQQJAAUAFgCkAAMAAQQJAAYADgC6AAMAAQQJAAoAVgDIAAMAAQQJAAsAJgEeVmlkZW9KU1JlZ3VsYXJWaWRlb0pTVmlkZW9KU1ZlcnNpb24gMS4wVmlkZW9KU0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAFYAaQBkAGUAbwBKAFMAUgBlAGcAdQBsAGEAcgBWAGkAZABlAG8ASgBTAFYAaQBkAGUAbwBKAFMAVgBlAHIAcwBpAG8AbgAgADEALgAwAFYAaQBkAGUAbwBKAFMARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAgAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAfAAABAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQESARMBFAEVARYBFwEYARkBGgEbARwBHQEeAR8EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwAAAAAA) format("truetype"); font-weight: 400; font-style: normal } .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder, .vjs-icon-play { font-family: VideoJS; font-weight: 400; font-style: normal } .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .vjs-icon-play:before { content: "\f101" } .vjs-icon-play-circle { font-family: VideoJS; font-weight: 400; font-style: normal } .vjs-icon-play-circle:before { content: "\f102" } .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder, .vjs-icon-pause { font-family: VideoJS; font-weight: 400; font-style: normal } .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before, .vjs-icon-pause:before { content: "\f103" } .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder, .vjs-icon-volume-mute { font-family: VideoJS; font-weight: 400; font-style: normal } .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before, .vjs-icon-volume-mute:before { content: "\f104" } .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder, .vjs-icon-volume-low { font-family: VideoJS; font-weight: 400; font-style: normal } .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before, .vjs-icon-volume-low:before { content: "\f105" } .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder, .vjs-icon-volume-mid { font-family: VideoJS; font-weight: 400; font-style: normal } .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before, .vjs-icon-volume-mid:before { content: "\f106" } .video-js .vjs-mute-control .vjs-icon-placeholder, .vjs-icon-volume-high { font-family: VideoJS; font-weight: 400; font-style: normal } .video-js .vjs-mute-control .vjs-icon-placeholder:before, .vjs-icon-volume-high:before { content: "\f107" } .video-js .vjs-fullscreen-control .vjs-icon-placeholder, .vjs-icon-fullscreen-enter { font-family: VideoJS; font-weight: 400; font-style: normal } .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before, .vjs-icon-fullscreen-enter:before { content: "\f108" } .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder, .vjs-icon-fullscreen-exit { font-family: VideoJS; font-weight: 400; font-style: normal } .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before, .vjs-icon-fullscreen-exit:before { content: "\f109" } .vjs-icon-square { font-family: VideoJS; font-weight: 400; font-style: normal } .vjs-icon-square:before { content: "\f10a" } .vjs-icon-spinner { font-family: VideoJS; font-weight: 400; font-style: normal } .vjs-icon-spinner:before { content: "\f10b" } .video-js .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .vjs-icon-subtitles { font-family: VideoJS; font-weight: 400; font-style: normal } .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .vjs-icon-subtitles:before { content: "\f10c" } .video-js .vjs-captions-button .vjs-icon-placeholder, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .vjs-icon-captions { font-family: VideoJS; font-weight: 400; font-style: normal } .video-js .vjs-captions-button .vjs-icon-placeholder:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .vjs-icon-captions:before { content: "\f10d" } .video-js .vjs-chapters-button .vjs-icon-placeholder, .vjs-icon-chapters { font-family: VideoJS; font-weight: 400; font-style: normal } .video-js .vjs-chapters-button .vjs-icon-placeholder:before, .vjs-icon-chapters:before { content: "\f10e" } .vjs-icon-share { font-family: VideoJS; font-weight: 400; font-style: normal } .vjs-icon-share:before { content: "\f10f" } .vjs-icon-cog { font-family: VideoJS; font-weight: 400; font-style: normal } .vjs-icon-cog:before { content: "\f110" } .video-js .vjs-play-progress, .video-js .vjs-volume-level, .vjs-icon-circle { font-family: VideoJS; font-weight: 400; font-style: normal } .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before, .vjs-icon-circle:before { content: "\f111" } .vjs-icon-circle-outline { font-family: VideoJS; font-weight: 400; font-style: normal } .vjs-icon-circle-outline:before { content: "\f112" } .vjs-icon-circle-inner-circle { font-family: VideoJS; font-weight: 400; font-style: normal } .vjs-icon-circle-inner-circle:before { content: "\f113" } .vjs-icon-hd { font-family: VideoJS; font-weight: 400; font-style: normal } .vjs-icon-hd:before { content: "\f114" } .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder, .vjs-icon-cancel { font-family: VideoJS; font-weight: 400; font-style: normal } .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before, .vjs-icon-cancel:before { content: "\f115" } .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder, .vjs-icon-replay { font-family: VideoJS; font-weight: 400; font-style: normal } .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before, .vjs-icon-replay:before { content: "\f116" } .vjs-icon-facebook { font-family: VideoJS; font-weight: 400; font-style: normal } .vjs-icon-facebook:before { content: "\f117" } .vjs-icon-gplus { font-family: VideoJS; font-weight: 400; font-style: normal } .vjs-icon-gplus:before { content: "\f118" } .vjs-icon-linkedin { font-family: VideoJS; font-weight: 400; font-style: normal } .vjs-icon-linkedin:before { content: "\f119" } .vjs-icon-twitter { font-family: VideoJS; font-weight: 400; font-style: normal } .vjs-icon-twitter:before { content: "\f11a" } .vjs-icon-tumblr { font-family: VideoJS; font-weight: 400; font-style: normal } .vjs-icon-tumblr:before { content: "\f11b" } .vjs-icon-pinterest { font-family: VideoJS; font-weight: 400; font-style: normal } .vjs-icon-pinterest:before { content: "\f11c" } .video-js .vjs-descriptions-button .vjs-icon-placeholder, .vjs-icon-audio-description { font-family: VideoJS; font-weight: 400; font-style: normal } .video-js .vjs-descriptions-button .vjs-icon-placeholder:before, .vjs-icon-audio-description:before { content: "\f11d" } .video-js .vjs-audio-button .vjs-icon-placeholder, .vjs-icon-audio { font-family: VideoJS; font-weight: 400; font-style: normal } .video-js .vjs-audio-button .vjs-icon-placeholder:before, .vjs-icon-audio:before { content: "\f11e" } .video-js { display: block; vertical-align: top; box-sizing: border-box; color: #fff; background-color: #000; position: relative; padding: 0; font-size: 10px; line-height: 1; font-weight: 400; height:100%; } .video-js:-moz-full-screen { position: absolute } .video-js:-webkit-full-screen { width: 100%!important; height: 100%!important } .video-js[tabindex="-1"] { outline: 0 } .video-js *, .video-js:after, .video-js:before { box-sizing: inherit } .video-js ul { font-family: inherit; font-size: inherit; line-height: inherit; list-style-position: outside; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0 } .video-js.vjs-16-9, .video-js.vjs-4-3, .video-js.vjs-fluid { width: 100%; max-width: 100%; height: 0 } .video-js.vjs-16-9 { padding-top: 56.25% } .video-js.vjs-4-3 { padding-top: 75% } .video-js.vjs-fill { width: 100%; height: 100% } .video-js .vjs-tech { position: absolute; top: 0; left: 0; width: calc(100% - 1px); height: 100%; pointer-events:none; } body.vjs-full-window { padding: 0; margin: 0; height: 100%; overflow-y: auto } .vjs-full-window .video-js.vjs-fullscreen { position: fixed; overflow: hidden; z-index: 1000; left: 0; top: 0; bottom: 0; right: 0 } .video-js.vjs-fullscreen { width: 100%!important; height: 100%!important; padding-top: 0!important } .video-js.vjs-fullscreen.vjs-user-inactive { cursor: none } .vjs-hidden { display: none!important } .vjs-disabled { opacity: .5; cursor: default } .video-js .vjs-offscreen { height: 1px; left: -9999px; position: absolute; top: 0; width: 1px } .vjs-lock-showing { display: block!important; opacity: 1; visibility: visible } .vjs-no-js { padding: 20px; color: #fff; background-color: #000; font-size: 18px; font-family: Arial, Helvetica, sans-serif; text-align: center; width: 300px; height: 150px; margin: 0 auto } .vjs-no-js a, .vjs-no-js a:visited { color: #66a8cc } .video-js .vjs-big-play-button { font-size: 3em; line-height: 1.5em; height: 1.5em; width: 3em; display: block; position: absolute; top: 10px; left: 10px; padding: 0; cursor: pointer; opacity: 1; border: .06666em solid #fff; background-color: #2b333f; background-color: rgba(43, 51, 63, .7); -webkit-border-radius: .3em; -moz-border-radius: .3em; border-radius: .3em; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s } .vjs-big-play-centered .vjs-big-play-button { top: 50%; left: 50%; margin-top: -.75em; margin-left: -1.5em } .video-js .vjs-big-play-button:focus, .video-js:hover .vjs-big-play-button { border-color: #fff; background-color: #73859f; background-color: rgba(115, 133, 159, .5); -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; transition: all 0s } .vjs-controls-disabled .vjs-big-play-button, .vjs-error .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button { display: none } .vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button { display: block } .video-js button { background: 0 0; border: none; color: inherit; display: inline-block; overflow: visible; font-size: inherit; line-height: inherit; text-transform: none; text-decoration: none; transition: none; -webkit-appearance: none; -moz-appearance: none; appearance: none } .vjs-control .vjs-button { width: 100%; height: 100% } .video-js .vjs-control.vjs-close-button { cursor: pointer; height: 3em; position: absolute; right: 0; top: .5em; z-index: 2 } .video-js .vjs-modal-dialog { background: rgba(0, 0, 0, .8); background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, .8), rgba(255, 255, 255, 0)); background: linear-gradient(180deg, rgba(0, 0, 0, .8), rgba(255, 255, 255, 0)); overflow: auto; box-sizing: content-box } .video-js .vjs-modal-dialog>* { box-sizing: border-box } .vjs-modal-dialog .vjs-modal-dialog-content { font-size: 1.2em; line-height: 1.5; padding: 20px 24px; z-index: 1 } .vjs-menu-button { cursor: pointer } .vjs-menu-button.vjs-disabled { cursor: default } .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu { display: none } .vjs-menu .vjs-menu-content { display: block; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; overflow: auto; box-sizing: content-box } .vjs-menu .vjs-menu-content>* { box-sizing: border-box } .vjs-scrubbing .vjs-menu-button:hover .vjs-menu { display: none } .vjs-menu li { list-style: none; margin: 0; padding: .2em 0; line-height: 1.4em; font-size: 1.2em; text-align: center; text-transform: lowercase } .vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover { background-color: #73859f; background-color: rgba(115, 133, 159, .5) } .vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover { background-color: #fff; color: #2b333f } .vjs-menu li.vjs-menu-title { text-align: center; text-transform: uppercase; font-size: 1em; line-height: 2em; padding: 0; margin: 0 0 .3em 0; font-weight: 700; cursor: default } .vjs-menu-button-popup .vjs-menu { display: none; position: absolute; bottom: 0; width: 10em; left: -3em; height: 0; margin-bottom: 1.5em; border-top-color: rgba(43, 51, 63, .7) } .vjs-menu-button-popup .vjs-menu .vjs-menu-content { background-color: #2b333f; background-color: rgba(43, 51, 63, .7); position: absolute; width: 100%; bottom: 1.5em; max-height: 15em } .vjs-menu-button-popup .vjs-menu.vjs-lock-showing, .vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu { display: block } .video-js .vjs-menu-button-inline { -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s; overflow: hidden } .video-js .vjs-menu-button-inline:before { width: 2.222222222em } .video-js .vjs-menu-button-inline.vjs-slider-active, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline:hover, .video-js.vjs-no-flex .vjs-menu-button-inline { width: 12em } .vjs-menu-button-inline .vjs-menu { opacity: 0; height: 100%; width: auto; position: absolute; left: 4em; top: 0; padding: 0; margin: 0; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s } .vjs-menu-button-inline.vjs-slider-active .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline:hover .vjs-menu { display: block; opacity: 1 } .vjs-no-flex .vjs-menu-button-inline .vjs-menu { display: block; opacity: 1; position: relative; width: auto } .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu { width: auto } .vjs-menu-button-inline .vjs-menu-content { width: auto; height: 100%; margin: 0; overflow: hidden } .video-js .vjs-control-bar { display: none; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; height: 3em; background-color: #2b333f; background-color: rgba(43, 51, 63, .7) } .vjs-has-started .vjs-control-bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; visibility: visible; opacity: 1; -webkit-transition: visibility .1s, opacity .1s; -moz-transition: visibility .1s, opacity .1s; -ms-transition: visibility .1s, opacity .1s; -o-transition: visibility .1s, opacity .1s; transition: visibility .1s, opacity .1s } .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { visibility: visible; opacity: 0; -webkit-transition: visibility 1s, opacity 1s; -moz-transition: visibility 1s, opacity 1s; -ms-transition: visibility 1s, opacity 1s; -o-transition: visibility 1s, opacity 1s; transition: visibility 1s, opacity 1s } .vjs-controls-disabled .vjs-control-bar, .vjs-error .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar { display: none!important } .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { opacity: 1; visibility: visible } .vjs-has-started.vjs-no-flex .vjs-control-bar { display: table } .video-js .vjs-control { position: relative; text-align: center; margin: 0; padding: 0; height: 100%; width: 4em; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none } .vjs-button>.vjs-icon-placeholder:before { font-size: 1.8em; line-height: 1.67 } .video-js .vjs-control:focus, .video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before { text-shadow: 0 0 1em #fff } .video-js .vjs-control-text { border: 0; clip: rect(0 0 0 0); height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .vjs-no-flex .vjs-control { display: table-cell; vertical-align: middle } .video-js .vjs-custom-control-spacer { display: none } .video-js .vjs-progress-control { cursor: pointer; -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-width: 4em } .video-js .vjs-progress-control.disabled { cursor: default } .vjs-live .vjs-progress-control { display: none } .vjs-no-flex .vjs-progress-control { width: auto } .video-js .vjs-progress-holder { -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s; height: .4em } .video-js .vjs-progress-control .vjs-progress-holder { margin: 0 10px } .video-js .vjs-progress-control:hover .vjs-progress-holder { font-size: 1.666666666666666666em } .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled { font-size: 1em } .video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div, .video-js .vjs-progress-holder .vjs-play-progress { position: absolute; display: block; height: 100%; margin: 0; padding: 0; width: 0; left: 0; top: 0 } .video-js .vjs-play-progress { background-color: #fff } .video-js .vjs-play-progress:before { font-size: .8em; position: absolute; right: -0.5em; top: 50%; transform: translateY(-50%); z-index: 1; } .video-js .vjs-load-progress { background: #bfc7d3; background: rgba(115, 133, 159, .5) } .video-js .vjs-load-progress div { background: #fff; background: rgba(115, 133, 159, .75) } .video-js .vjs-time-tooltip { background-color: #fff; background-color: rgba(255, 255, 255, .8); -webkit-border-radius: .3em; -moz-border-radius: .3em; border-radius: .3em; color: #000; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 1em; padding: 6px 8px 8px 8px; pointer-events: none; position: relative; top: -3.4em; visibility: hidden; z-index: 1 } .video-js .vjs-progress-holder:focus .vjs-time-tooltip { display: none } .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-time-tooltip { display: block; font-size: .6em; visibility: visible } .video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip { font-size: 1em } .video-js .vjs-progress-control .vjs-mouse-display { display: none; position: absolute; width: 1px; height: 100%; background-color: #000; z-index: 1 } .vjs-no-flex .vjs-progress-control .vjs-mouse-display { z-index: 0 } .video-js .vjs-progress-control:hover .vjs-mouse-display { display: block } .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display { visibility: hidden; opacity: 0; -webkit-transition: visibility 1s, opacity 1s; -moz-transition: visibility 1s, opacity 1s; -ms-transition: visibility 1s, opacity 1s; -o-transition: visibility 1s, opacity 1s; transition: visibility 1s, opacity 1s } .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display { display: none } .vjs-mouse-display .vjs-time-tooltip { color: #fff; background-color: #000; background-color: rgba(0, 0, 0, .8) } .video-js .vjs-slider { position: relative; cursor: pointer; padding: 0; margin: 0 .45em 0 .45em; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #73859f; background-color: rgba(115, 133, 159, .5) } .video-js .vjs-slider.disabled { cursor: default } .video-js .vjs-slider:focus { text-shadow: 0 0 1em #fff; -webkit-box-shadow: 0 0 1em #fff; -moz-box-shadow: 0 0 1em #fff; box-shadow: 0 0 1em #fff } .video-js .vjs-mute-control { cursor: pointer; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; padding-left: 2em; padding-right: 2em; padding-bottom: 3em } .video-js .vjs-volume-control { cursor: pointer; margin-right: 1em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .video-js .vjs-volume-control.vjs-volume-horizontal { width: 5em } .video-js .vjs-volume-panel .vjs-volume-control { visibility: visible; opacity: 0; width: 1px; height: 1px; margin-left: -1px } .video-js .vjs-volume-panel { -webkit-transition: width 1s; -moz-transition: width 1s; -ms-transition: width 1s; -o-transition: width 1s; transition: width 1s } .video-js .vjs-volume-panel .vjs-mute-control:active~.vjs-volume-control, .video-js .vjs-volume-panel .vjs-mute-control:focus~.vjs-volume-control, .video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel .vjs-volume-control:focus, .video-js .vjs-volume-panel .vjs-volume-control:hover, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel:hover .vjs-volume-control { visibility: visible; opacity: 1; position: relative; -webkit-transition: visibility .1s, opacity .1s, height .1s, width .1s, left 0s, top 0s; -moz-transition: visibility .1s, opacity .1s, height .1s, width .1s, left 0s, top 0s; -ms-transition: visibility .1s, opacity .1s, height .1s, width .1s, left 0s, top 0s; -o-transition: visibility .1s, opacity .1s, height .1s, width .1s, left 0s, top 0s; transition: visibility .1s, opacity .1s, height .1s, width .1s, left 0s, top 0s } .video-js .vjs-volume-panel .vjs-mute-control:active~.vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-mute-control:focus~.vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:focus.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal { width: 5em; height: 3em } .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:focus, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover { width: 9em; -webkit-transition: width .1s; -moz-transition: width .1s; -ms-transition: width .1s; -o-transition: width .1s; transition: width .1s } .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { height: 8em; width: 3em; left: -3.5em; -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; -moz-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; -ms-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s } .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; -moz-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; -ms-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s } .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { width: 5em; height: 3em; visibility: visible; opacity: 1; position: relative; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none } .video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical, .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { position: absolute; bottom: 3em; left: .5em } .video-js .vjs-volume-panel { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .video-js .vjs-volume-bar { margin: 1.35em .45em } .vjs-volume-bar.vjs-slider-horizontal { width: 5em; height: .3em } .vjs-volume-bar.vjs-slider-vertical { width: .3em; height: 5em; margin: 1.35em auto } .video-js .vjs-volume-level { position: absolute; bottom: 0; left: 0; background-color: #fff } .video-js .vjs-volume-level:before { position: absolute; font-size: .8em } .vjs-slider-vertical .vjs-volume-level { width: .3em } .vjs-slider-vertical .vjs-volume-level:before { top: -.5em; left: -.3em } .vjs-slider-horizontal .vjs-volume-level { height: .3em } .vjs-slider-horizontal .vjs-volume-level:before { top: -.4em; right: -.5em } .video-js .vjs-volume-panel.vjs-volume-panel-vertical { width: 4em } .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level { height: 100% } .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level { width: 100% } .video-js .vjs-volume-vertical { width: 3em; height: 8em; bottom: 8em; background-color: #2b333f; background-color: rgba(43, 51, 63, .7) } .video-js .vjs-volume-horizontal .vjs-menu { left: -2em } .vjs-poster { display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; background-color: #000; cursor: pointer; margin: 0; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100% } .vjs-poster img { display: block; vertical-align: middle; margin: 0 auto; max-height: 100%; padding: 0; width: 100% } .vjs-has-started .vjs-poster { display: none } .vjs-audio.vjs-has-started .vjs-poster { display: block } .vjs-using-native-controls .vjs-poster { display: none } .video-js .vjs-live-control { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; font-size: 1em; line-height: 3em } .vjs-no-flex .vjs-live-control { display: table-cell; width: auto; text-align: left } .video-js .vjs-time-control { -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; font-size: 1em; line-height: 3em; min-width: 2em; width: auto; padding-left: 1em; padding-right: 1em } .vjs-live .vjs-time-control { display: none } .video-js .vjs-current-time, .vjs-no-flex .vjs-current-time { display: none } .vjs-no-flex .vjs-remaining-time.vjs-time-control.vjs-control { width: 0!important; white-space: nowrap } .video-js .vjs-duration, .vjs-no-flex .vjs-duration { display: none } .vjs-time-divider { display: none; line-height: 3em } .vjs-live .vjs-time-divider { display: none } .video-js .vjs-play-control .vjs-icon-placeholder { cursor: pointer; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none } .vjs-text-track-display { position: absolute; bottom: 3em; left: 0; right: 0; top: 0; pointer-events: none } .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { bottom: 1em } .video-js .vjs-text-track { font-size: 1.4em; text-align: center; margin-bottom: .1em; background-color: #000; background-color: rgba(0, 0, 0, .5) } .vjs-subtitles { color: #fff } .vjs-captions { color: #fc6 } .vjs-tt-cue { display: block } video::-webkit-media-text-track-display { -moz-transform: translateY(-3em); -ms-transform: translateY(-3em); -o-transform: translateY(-3em); -webkit-transform: translateY(-3em); transform: translateY(-3em) } .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display { -moz-transform: translateY(-1.5em); -ms-transform: translateY(-1.5em); -o-transform: translateY(-1.5em); -webkit-transform: translateY(-1.5em); transform: translateY(-1.5em) } .video-js .vjs-fullscreen-control { cursor: pointer; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none } .vjs-playback-rate .vjs-playback-rate-value, .vjs-playback-rate>.vjs-menu-button { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .vjs-playback-rate .vjs-playback-rate-value { pointer-events: none; font-size: 1.5em; line-height: 2; text-align: center } .vjs-playback-rate .vjs-menu { width: 4em; left: 0 } .vjs-error .vjs-error-display .vjs-modal-dialog-content { font-size: 1.4em; text-align: center } .vjs-error .vjs-error-display:before { color: #fff; content: 'X'; font-family: Arial, Helvetica, sans-serif; font-size: 4em; left: 0; line-height: 1; margin-top: -.5em; position: absolute; text-shadow: .05em .05em .1em #000; text-align: center; top: 50%; vertical-align: middle; width: 100% } .vjs-loading-spinner { display: none; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; opacity: .85; text-align: left; border: 6px solid rgba(43, 51, 63, .7); box-sizing: border-box; background-clip: padding-box; width: 50px; height: 50px; border-radius: 25px } .vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner { display: block } .vjs-loading-spinner:after, .vjs-loading-spinner:before { content: ""; position: absolute; margin: -6px; box-sizing: inherit; width: inherit; height: inherit; border-radius: inherit; opacity: 1; border: inherit; border-color: transparent; border-top-color: #fff } .vjs-seeking .vjs-loading-spinner:after, .vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:before { -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite; animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite } .vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before { border-top-color: #fff } .vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after { border-top-color: #fff; -webkit-animation-delay: .44s; animation-delay: .44s } @keyframes vjs-spinner-spin { 100% { transform: rotate(360deg) } } @-webkit-keyframes vjs-spinner-spin { 100% { -webkit-transform: rotate(360deg) } } @keyframes vjs-spinner-fade { 0% { border-top-color: #73859f } 20% { border-top-color: #73859f } 35% { border-top-color: #fff } 60% { border-top-color: #73859f } 100% { border-top-color: #73859f } } @-webkit-keyframes vjs-spinner-fade { 0% { border-top-color: #73859f } 20% { border-top-color: #73859f } 35% { border-top-color: #fff } 60% { border-top-color: #73859f } 100% { border-top-color: #73859f } } .vjs-chapters-button .vjs-menu ul { width: 24em } .video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder { position: absolute } .video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { font-family: VideoJS; content: "\f10d"; font-size: 1.5em; line-height: inherit } .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer { -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto } .video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer { width: auto } .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control { display: none } .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control { display: none } .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control { display: none } .vjs-modal-dialog.vjs-text-track-settings { background-color: #2b333f; background-color: rgba(43, 51, 63, .75); color: #fff; height: 70% } .vjs-text-track-settings .vjs-modal-dialog-content { display: table } .vjs-text-track-settings .vjs-track-settings-colors, .vjs-text-track-settings .vjs-track-settings-controls, .vjs-text-track-settings .vjs-track-settings-font { display: table-cell } .vjs-text-track-settings .vjs-track-settings-controls { text-align: right; vertical-align: bottom } .vjs-text-track-settings fieldset { margin: 5px; padding: 3px; border: none } .vjs-text-track-settings fieldset span { display: inline-block; margin-left: 5px } .vjs-text-track-settings legend { color: #fff; margin: 0 0 5px 0 } .vjs-text-track-settings .vjs-label { position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); display: block; margin: 0 0 5px 0; padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden } .vjs-track-settings-controls button:active, .vjs-track-settings-controls button:focus { outline-style: solid; outline-width: medium; background-image: linear-gradient(0deg, #fff 88%, #73859f 100%) } .vjs-track-settings-controls button:hover { color: rgba(43, 51, 63, .75) } .vjs-track-settings-controls button { background-color: #fff; background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%); color: #2b333f; cursor: pointer; border-radius: 2px } .vjs-track-settings-controls .vjs-default-button { margin-right: 1em } /** * Start - Fix display block mute icon. * @author Gianluca Di Vincenzo * 15 January 2019. */ .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal.vjs-hidden .vjs-mute-control.vjs-control.vjs-button.vjs-hidden, .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal.vjs-hidden { display:block !important; } /** End - Fix display block mute icon. */ @media print { .video-js>:not(.vjs-tech):not(.vjs-poster) { visibility: hidden } } @media \0screen { .vjs-user-inactive.vjs-playing .vjs-control-bar:before { content: "" } } @media \0screen { .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { visibility: hidden } } #lookbookContainer .tile-front-object > .video-js{ background:transparent; } /** END COMPRESSED FROM/imports/vjs/css/video-js.css*/