/* .icon-sprite, .br-play-button div, .br-play-button.br-pause div, .br-prev-button div, .br-prev-button.br-up div, .br-next-button div, .br-next-button.br-down div, .br-play-button.white div, .br-no-touch .br-play-button.white:hover div, .br-play-button.white.br-pause div, .br-no-touch .br-play-button.white.br-pause:hover div, .br-prev-button.white div, .br-no-touch .br-prev-button.white:hover div, .br-prev-button.white.br-up div, .br-no-touch .br-prev-button.white.br-up:hover div, .br-next-button.white div, .br-no-touch .br-next-button.white:hover div, .br-next-button.white.br-down div, .br-no-touch .br-next-button.white.br-down:hover div, .br-side-prev div, .br-outer-prev div, .br-side-next div, .br-outer-next div, .br-nav-wrapper .white.br-prev-wrapper:hover .br-side-prev div, .br-nav-wrapper .white.br-next-wrapper:hover .br-side-prev div, .br-nav-wrapper .white.br-prev-wrapper:hover .br-outer-prev div, .br-nav-wrapper .white.br-next-wrapper:hover .br-outer-prev div, .br-nav-wrapper .white.br-prev-wrapper:hover .br-side-next div, .br-nav-wrapper .white.br-next-wrapper:hover .br-side-next div, .br-nav-wrapper .white.br-prev-wrapper:hover .br-outer-next div, .br-nav-wrapper .white.br-next-wrapper:hover .br-outer-next div { background-image: url('../assets/icon-sf3d4f583f7.png'); background-repeat: no-repeat; } */ .banner-rotator img { max-width: none !important; max-height: none !important; } .br-flat-shadow { -moz-box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.5); } .br-3d-shadow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: visible; -moz-perspective: 1500px; -webkit-perspective: 1500px; perspective: 1500px; } .br-3d-shadow:before { content: ''; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: visible; -moz-box-shadow: 0 0 25px 25px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 25px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 0 25px 25px rgba(0, 0, 0, 0.5); -moz-transform: rotateX(90deg) translateZ(-5px) scale(0.9); -ms-transform: rotateX(90deg) translateZ(-5px) scale(0.9); -webkit-transform: rotateX(90deg) translateZ(-5px) scale(0.9); transform: rotateX(90deg) translateZ(-5px) scale(0.9); -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } .br-wrapper, .banner-rotator, .br-outer-navs { position: relative; border: 0 solid black; outline: none; zoom: 1; } .br-stage { position: relative; top: 0; left: 0; width: 100%; height: 100%; overflow: visible; } .br-stage-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; -moz-perspective: 1500px; -webkit-perspective: 1500px; perspective: 1500px; } .br-stage-bg > div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: visible; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .br-stage-bg > div .br-face-left, .br-stage-bg > div .br-face-right, .br-stage-bg > div .br-face-top, .br-stage-bg > div .br-face-bottom { position: absolute; width: 100%; height: 100%; background-color: black; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .br-stage-bg > div .white.br-face-left, .br-stage-bg > div .white.br-face-right, .br-stage-bg > div .white.br-face-top, .br-stage-bg > div .white.br-face-bottom { background-color: #b9b9b9; } .br-stage-bg > div .br-face-left { left: 0; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -moz-transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transform: rotateY(90deg); } .br-stage-bg > div .br-face-right { right: 0; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -moz-transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); } .br-stage-bg > div .br-face-top { top: 0; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; -moz-transform: rotateX(-90deg); -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); } .br-stage-bg > div .br-face-bottom { bottom: 0; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -moz-transform: rotateX(90deg); -webkit-transform: rotateX(90deg); transform: rotateX(90deg); } .br-screen { position: relative; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; -moz-perspective: 1500px; -webkit-perspective: 1500px; perspective: 1500px; } .banner-rotator ul { list-style: none; margin: 0; padding: 0; } .br-slides, .banner-rotator ul.slides { position: absolute; top: 0; left: 0; padding: 0; margin: 0; list-style: none; overflow: hidden; width: 100%; height: 100%; } .br-slides li.br-item, .banner-rotator ul.slides li.br-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; padding: 0; margin: 0; visibility: hidden; } .br-slides li.br-item img.br-img, .banner-rotator ul.slides li.br-item img.br-img { position: absolute; top: 0; left: 0; } .br-slides li.br-item .tooltip, .banner-rotator ul.slides li.br-item .tooltip { visibility: hidden; } @-webkit-keyframes marqueePreloader { 0% {-webkit-transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg);} } @keyframes marqueePreloader { 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} } .br-preloader { background: rgba(0,0,0,.75); border-radius: 4px; position: absolute; top: 50%; left: 50%; width: 48px; height: 48px; margin-top: -24px; margin-left: -24px; } .br-preloader:after { border: 5px solid rgba(255,255,255,.5); border-right: 5px solid #fff; /* box-shadow: 0 0 1px rgba(0,0,0,.25); */ border-radius: 25px; content: ''; display: block; height: 20px; width: 20px; margin: 9px; -webkit-animation: marqueePreloader .75s linear infinite; animation: marqueePreloader .75s linear infinite; } .br-links { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 2; } .br-links .br-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; display: none; background: url('/sr/images/spacer.gif?1276378866') no-repeat center; } .br-layers { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; /* visibility: hidden; */ /* comment out - mobile safari visibility fix */ width: 200%; /* container is 200% so that content can fill 100% without wrapping before being shifted back using negative transform */ z-index: 1; /* mobile safari visibility fix */ } .br-layers span { color: inherit; } .br-layers .br-layer-bin { position: absolute; top: 0; left: 0; width: auto; height: 100%; overflow: hidden; z-index: 2; } .br-layer-bin.br-active-layers {width: 100%;} .br-layers .br-layer-bin .br-layer { display: none; position: absolute; color: white; line-height: normal !important; visibility: visible; overflow: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: border-box; padding: 30px; max-width: 45%; /* 90% divided by 2 because container is 200% */ } .br-effect-wrapper { position: absolute; border: none; padding: 0; margin: 0; font-size: 100%; background: transparent; overflow: hidden; } /* transitions */ .br-opacity-transition { -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; } .br-all-transition { -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; } .br-color-transition { -moz-transition: background-color 0.4s, color 0.4s, border-color 0.4s, box-shadow 0.4s; -o-transition: background-color 0.4s, color 0.4s, border-color 0.4s, box-shadow 0.4s; -webkit-transition: background-color 0.4s, color 0.4s, border-color 0.4s, box-shadow 0.4s; transition: background-color 0.4s, color 0.4s, border-color 0.4s, box-shadow 0.4s; } .br-element-transition { -moz-transition: -moz-transform 0.4s, opacity 0.4s; -o-transition: -o-transform 0.4s, opacity 0.4s; -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; } .br-load-screen { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .br-load-screen .br-progress-bar { position: absolute; top: 50%; left: 50%; width: 200px; height: 10px; margin-top: -5px; margin-left: -100px; background-color: #f7f7f7; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #f9f9f9)); background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1); overflow: hidden; } .br-load-screen .br-progress-bar div { float: left; width: 0; height: 100%; background-color: #149bdf; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4xNSIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMTUiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); -moz-background-size: 20px 20px; -o-background-size: 20px 20px; -webkit-background-size: 20px 20px; background-size: 20px 20px; -moz-box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.15); -moz-transition: width 0.6s; -o-transition: width 0.6s; -webkit-transition: width 0.6s; transition: width 0.6s; -moz-animation: br-load-bar 2s linear infinite; -webkit-animation: br-load-bar 2s linear infinite; animation: br-load-bar 2s linear infinite; } @-moz-keyframes br-load-bar { from { background-position: 20px 0; } to { background-position: 0 0; } } @-webkit-keyframes br-load-bar { from { background-position: 20px 0; } to { background-position: 0 0; } } @keyframes br-load-bar { from { background-position: 20px 0; } to { background-position: 0 0; } } .br-hidden { -moz-transition: none; -o-transition: none; -webkit-transition: none; transition: none; } /* control panel */ .br-transparent, .br-hidden { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 !important; visibility: hidden !important; pointer-events: none; } .br-shrink { /* -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -webkit-transform: scale(0, 0); transform: scale(0, 0); */ opacity: 0; visibility: hidden !important; } .br-cpanel-wrapper { position: absolute; visibility: hidden; left: 50% !important; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); } .br-cpanel-wrapper .br-cpanel { visibility: visible; white-space: nowrap; display: inline-block; opacity: 1; vertical-align: middle; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } /* .br-button-group.br-vertical .br-thumbnails ul li, .br-thumbnails ul .br-button-group.br-vertical li, .br-button-group.br-vertical .br-play-button, .br-button-group.br-vertical .br-prev-button, .br-button-group.br-vertical .br-next-button { margin: 0 !important; border-width: 0 0 1px 0 !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } */ /*.br-button-group.br-vertical .br-thumbnails ul li.br-first-item, .br-thumbnails ul .br-button-group.br-vertical li.br-first-item, .br-button-group.br-vertical .br-first-item.br-play-button, .br-button-group.br-vertical .br-first-item.br-prev-button, .br-button-group.br-vertical .br-first-item.br-next-button { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } .br-button-group.br-vertical .br-thumbnails ul li.br-last-item, .br-thumbnails ul .br-button-group.br-vertical li.br-last-item, .br-button-group.br-vertical .br-last-item.br-play-button, .br-button-group.br-vertical .br-last-item.br-prev-button, .br-button-group.br-vertical .br-last-item.br-next-button { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; border-color: transparent; }*/ /*.br-button-group.br-vertical .br-thumbnails ul li.br-img-thumb, .br-thumbnails ul .br-button-group.br-vertical li.br-img-thumb, .br-button-group.br-vertical .br-img-thumb.br-play-button, .br-button-group.br-vertical .br-img-thumb.br-prev-button, .br-button-group.br-vertical .br-img-thumb.br-next-button { border-width: 0 !important; } .br-button-group.br-horizontal .br-thumbnails ul li, .br-thumbnails ul .br-button-group.br-horizontal li, .br-button-group.br-horizontal .br-play-button, .br-button-group.br-horizontal .br-prev-button, .br-button-group.br-horizontal .br-next-button { margin: 0 0 1px 0 !important; border-width: 0 1px 0 0 !important; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .br-button-group.br-horizontal .br-thumbnails ul li.br-first-item, .br-thumbnails ul .br-button-group.br-horizontal li.br-first-item, .br-button-group.br-horizontal .br-first-item.br-play-button, .br-button-group.br-horizontal .br-first-item.br-prev-button, .br-button-group.br-horizontal .br-first-item.br-next-button { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .br-button-group.br-horizontal .br-thumbnails ul li.br-last-item, .br-thumbnails ul .br-button-group.br-horizontal li.br-last-item, .br-button-group.br-horizontal .br-last-item.br-play-button, .br-button-group.br-horizontal .br-last-item.br-prev-button, .br-button-group.br-horizontal .br-last-item.br-next-button { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; border-color: transparent; } .br-button-group.br-horizontal .br-thumbnails ul li.br-img-thumb, .br-thumbnails ul .br-button-group.br-horizontal li.br-img-thumb, .br-button-group.br-horizontal .br-img-thumb.br-play-button, .br-button-group.br-horizontal .br-img-thumb.br-prev-button, .br-button-group.br-horizontal .br-img-thumb.br-next-button { border-width: 0 !important; }*/ /*.br-ext-cp { position: absolute; background: #303030; } .br-ext-cp.white { background: #f9f9f9; }*/ /*.br-no-touch .br-thumbnails ul li:hover, .br-thumbnails ul .br-no-touch li:hover, .br-no-touch .br-play-button:hover, .br-no-touch .br-prev-button:hover, .br-no-touch .br-next-button:hover { color: white; background-color: #ccc; border: 0 solid #bbbbbb; -moz-box-shadow: 0 1px 0 0 #8c8c8c; -webkit-box-shadow: 0 1px 0 0 #8c8c8c; box-shadow: 0 1px 0 0 #8c8c8c; } .br-no-touch .br-thumbnails ul li.white:hover, .br-thumbnails ul .br-no-touch li.white:hover, .br-no-touch .white.br-play-button:hover, .br-no-touch .white.br-prev-button:hover, .br-no-touch .white.br-next-button:hover { color: white; background-color: #262626; border: 0 solid #151515; -moz-box-shadow: 0 1px 0 0 black; -webkit-box-shadow: 0 1px 0 0 black; box-shadow: 0 1px 0 0 black; } .br-no-touch .br-thumbnails ul li.br-img-thumb:hover .br-img-wrapper:after { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); opacity: 0.2; }*/ .br-thumbnails ul li, .br-play-button, .br-prev-button, .br-next-button, .br-play-button.white, .br-prev-button.white, .br-next-button.white { /* color: white; background-color: #262626; border: 0 solid #151515; -moz-box-shadow: 0 1px 0 0 black; -webkit-box-shadow: 0 1px 0 0 black; box-shadow: 0 1px 0 0 black;*/ position: relative; padding: 0; margin: 0; overflow: hidden; cursor: pointer; white-space: nowrap; display: inline-block; vertical-align: middle; /* -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;*/ } .br-thumbnails ul li.br-active, .br-active.br-play-button, .br-active.br-prev-button, .br-active.br-next-button { /* color: #262626; background-color: white; border: 0 solid #eeeeee; -moz-box-shadow: 0 1px 0 0 #bfbfbf; -webkit-box-shadow: 0 1px 0 0 #bfbfbf; box-shadow: 0 1px 0 0 #bfbfbf;*/ cursor: default; } /*.br-thumbnails ul li.white, .white.br-play-button, .white.br-prev-button, .white.br-next-button { color: #262626; background-color: white; border: 0 solid #eeeeee; -moz-box-shadow: 0 1px 0 0 #bfbfbf; -webkit-box-shadow: 0 1px 0 0 #bfbfbf; box-shadow: 0 1px 0 0 #bfbfbf; } .br-thumbnails ul li.white.br-active, .white.br-active.br-play-button, .white.br-active.br-prev-button, .white.br-active.br-next-button { color: white; background-color: #ccc; border: 0 solid #bbbbbb; -moz-box-shadow: 0 1px 0 0 #8c8c8c; -webkit-box-shadow: 0 1px 0 0 #8c8c8c; box-shadow: 0 1px 0 0 #8c8c8c; }*/ .br-vertical .br-thumbnails ul li, .br-thumbnails ul .br-vertical li, .br-vertical .br-play-button, .br-vertical .br-prev-button, .br-vertical .br-next-button, .br-vertical .br-thumbnails { display: block; /* float: left;*/ } /* thumbnails */ .br-thumbnails { position: relative; overflow: hidden; white-space: nowrap; display: inline-block; /* vertical-align: middle; */ line-height: 1; } .br-thumbnails ul { position: relative; top: 0; left: 0; padding: 0; margin: 0; list-style: none; overflow: visible; display: inline-block; vertical-align: middle; white-space: nowrap; height: auto !important; } .br-thumbnails ul li { /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold;*/ text-align: center; } .br-thumbnails ul li.br-img-thumb .br-img-wrapper { position: absolute; top: 0; left: 0; /* margin: 4px;*/ overflow: hidden; } .br-thumbnails ul li.br-img-thumb .br-img-wrapper img { position: absolute; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .br-thumbnails ul li.br-img-thumb .br-img-wrapper div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; background-position: center; background-repeat: no-repeat; } .br-thumbnails ul li.br-img-thumb .br-img-wrapper:after { content: ""; /* background-color: black;*/ position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .br-thumbnails ul li.br-img-thumb.br-active div:after { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=20); opacity: 0.2; } /*.br-thumbnails ul li.br-img-thumb.white div:after { background-color: white; } .br-thumbnails ul li.br-bullet { width: 12px; height: 12px; font-size: 0; margin: 8px; background-color: #ccc; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }*/ .br-no-touch .br-thumbnails ul li.br-bullet:hover, .br-thumbnails ul li.br-bullet.br-active { /* background-color: white; */ -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* buttons */ .br-play-button div, .br-prev-button div, .br-next-button div, .br-play-button.white div, .br-prev-button.white div, .br-next-button.white div { font-size: 0; position: absolute; top: 50%; left: 50%; width: 14px; height: 14px; margin-top: -7px; margin-left: -7px; } /*.br-play-button div { background-position: 0 -112px; } .br-play-button.br-pause div { background-position: 0 -126px; } .br-prev-button div { background-position: 0 -56px; } .br-prev-button.br-up div { background-position: 0 -28px; } .br-next-button div { background-position: 0 -98px; } .br-next-button.br-down div { background-position: 0 -14px; } .br-play-button.white div { background-position: 0 -140px; } .br-no-touch .br-play-button.white:hover div { background-position: 0 -112px; } .br-play-button.white.br-pause div { background-position: 0 -154px; } .br-no-touch .br-play-button.white.br-pause:hover div { background-position: 0 -126px; } .br-prev-button.white div { background-position: 0 -70px; } .br-no-touch .br-prev-button.white:hover div { background-position: 0 -56px; } .br-prev-button.white.br-up div { background-position: 0 -42px; } .br-no-touch .br-prev-button.white.br-up:hover div { background-position: 0 -28px; } .br-next-button.white div { background-position: 0 -84px; } .br-no-touch .br-next-button.white:hover div { background-position: 0 -98px; } .br-next-button.white.br-down div { background-position: 0 0; } .br-no-touch .br-next-button.white.br-down:hover div { background-position: 0 -14px; }*/ .br-side-prev, .br-outer-prev, .br-side-next, .br-outer-next { /* position: absolute; top: 50%; width: 60px; height: 100px; margin-top: -50px; */ visibility: visible; cursor: pointer; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; z-index: 1; } .br-side-prev div, .br-outer-prev div, .br-side-next div, .br-outer-next div { font-size: 0; position: absolute; top: 50%; left: 50%; /* width: 26px; height: 46px; margin-top: -23px; margin-left: -13px;*/ } .br-no-touch .br-side-prev div, .br-no-touch .br-outer-prev div, .br-no-touch .br-side-next div, .br-no-touch .br-outer-next div { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: 0.75; } .br-no-touch .br-side-prev:hover div, .br-no-touch .br-outer-prev:hover div, .br-no-touch .br-side-next:hover div, .br-no-touch .br-outer-next:hover div { filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } /* .br-side-prev, .br-outer-prev { left: 0; } */ /*.br-side-prev div, .br-outer-prev div { background-position: 0 -168px; }*/ /* .br-side-next, .br-outer-next { right: 0; } */ /*.br-side-next div, .br-outer-next div { background-position: 0 -260px; }*/ /*.br-outer-prev { left: -60px; } .br-outer-next { right: -60px; }*/ .br-prev-wrapper, .br-next-wrapper { position: absolute; top: 50%; visibility: visible; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; } .br-prev-wrapper .br-nav-thumb, .br-next-wrapper .br-nav-thumb { position: relative; float: left; width: 100px; height: 75px; overflow: hidden; cursor: pointer; } .br-prev-wrapper .br-nav-thumb div, .br-next-wrapper .br-nav-thumb div { position: absolute; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .br-prev-wrapper .br-nav-thumb img, .br-next-wrapper .br-nav-thumb img { position: absolute; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .br-prev-wrapper { left: 0; } .br-next-wrapper { right: 0; } .br-nav-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* overflow: hidden; */ visibility: hidden; z-index: 2; } .br-nav-wrapper .br-prev-wrapper, .br-nav-wrapper .br-next-wrapper { -moz-transition: background-color 0.4s, box-shadow 0.4s; -o-transition: background-color 0.4s, box-shadow 0.4s; -webkit-transition: background-color 0.4s, box-shadow 0.4s; transition: background-color 0.4s, box-shadow 0.4s; } /*.br-nav-wrapper .br-prev-wrapper:hover, .br-nav-wrapper .br-next-wrapper:hover { background: #262626; background: rgba(38, 38, 38, 0.8); -moz-box-shadow: -1px 0 2px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: -1px 0 2px 0 rgba(0, 0, 0, 0.5); box-shadow: -1px 0 2px 0 rgba(0, 0, 0, 0.5); }*/ .br-nav-wrapper .br-prev-wrapper:hover .br-side-prev, .br-nav-wrapper .br-next-wrapper:hover .br-side-prev, .br-nav-wrapper .br-prev-wrapper:hover .br-outer-prev, .br-nav-wrapper .br-next-wrapper:hover .br-outer-prev, .br-nav-wrapper .br-prev-wrapper:hover .br-side-next, .br-nav-wrapper .br-next-wrapper:hover .br-side-next, .br-nav-wrapper .br-prev-wrapper:hover .br-outer-next, .br-nav-wrapper .br-next-wrapper:hover .br-outer-next { -moz-transform: scale(0.8, 0.8); -ms-transform: scale(0.8, 0.8); -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); } /*.br-nav-wrapper .white.br-prev-wrapper:hover, .br-nav-wrapper .white.br-next-wrapper:hover { background: white; background: rgba(255, 255, 255, 0.8); } .br-nav-wrapper .white.br-prev-wrapper:hover .br-side-prev div, .br-nav-wrapper .white.br-next-wrapper:hover .br-side-prev div, .br-nav-wrapper .white.br-prev-wrapper:hover .br-outer-prev div, .br-nav-wrapper .white.br-next-wrapper:hover .br-outer-prev div { background-position: 0 -214px; } .br-nav-wrapper .white.br-prev-wrapper:hover .br-side-next div, .br-nav-wrapper .white.br-next-wrapper:hover .br-side-next div, .br-nav-wrapper .white.br-prev-wrapper:hover .br-outer-next div, .br-nav-wrapper .white.br-next-wrapper:hover .br-outer-next div { background-position: 0 -306px; }*/ .br-nav-wrapper .br-prev-wrapper .br-side-prev, .br-nav-wrapper .br-next-wrapper .br-side-prev, .br-nav-wrapper .br-prev-wrapper .br-outer-prev, .br-nav-wrapper .br-next-wrapper .br-outer-prev, .br-nav-wrapper .br-prev-wrapper .br-side-next, .br-nav-wrapper .br-next-wrapper .br-side-next, .br-nav-wrapper .br-prev-wrapper .br-outer-next, .br-nav-wrapper .br-next-wrapper .br-outer-next { position: relative; float: left; top: auto; left: auto; right: auto; height: 100%; margin: 0; } /*.br-nav-wrapper .br-prev-wrapper { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .br-nav-wrapper .br-prev-wrapper .br-nav-thumb { margin: 8px 0 8px 8px; } .br-nav-wrapper .br-next-wrapper { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .br-nav-wrapper .br-next-wrapper .br-nav-thumb { margin: 8px 8px 8px 0; }*/ /*.br-outer-navs .br-prev-wrapper, .br-outer-navs .br-next-wrapper { color: white; background-color: #262626; border: 0 solid #151515; -moz-box-shadow: 0 1px 0 0 black; -webkit-box-shadow: 0 1px 0 0 black; box-shadow: 0 1px 0 0 black; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 6px; } .br-outer-navs .white.br-prev-wrapper, .br-outer-navs .white.br-next-wrapper { color: #262626; background-color: white; border: 0 solid #eeeeee; -moz-box-shadow: 0 1px 0 0 #bfbfbf; -webkit-box-shadow: 0 1px 0 0 #bfbfbf; box-shadow: 0 1px 0 0 #bfbfbf; }*/ .br-outer-navs .br-prev-wrapper { margin-left: 10px; } .br-outer-navs .br-next-wrapper { margin-right: 10px; } /* timer */ .br-bar-timer, .br-pie-timer { position: absolute; overflow: hidden; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; } .br-on.br-bar-timer, .br-on.br-pie-timer { filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .br-timer-sleep.br-bar-timer, .br-timer-sleep.br-pie-timer { -moz-transition: -moz-transform 0.4s ease 4s; -o-transition: -o-transform 0.4s ease 4s; -webkit-transition: -webkit-transform 0.4s ease; -webkit-transition-delay: 4s; transition: transform 0.4s ease 4s; } .br-bar-timer { left: 0; width: 100%; height: 5px; } .br-bar-timer div { position: absolute; left: 0; width: 0; height: 5px; font-size: 0; background: rgba(0, 0, 0, 0.55); } .br-bar-timer.br-top { top: 0; -moz-transform-origin: center top; -ms-transform-origin: center top; -webkit-transform-origin: center top; transform-origin: center top; } .br-bar-timer.br-top div { top: 0; /* -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5) */ } .br-bar-timer.br-bottom { bottom: 0; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -webkit-transform-origin: center bottom; transform-origin: center bottom; } .br-bar-timer.br-bottom div { bottom: 0; /* -moz-box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.5); */ } .br-bar-timer.br-timer-sleep { -moz-transform: scaleY(0); -ms-transform: scaleY(0); -webkit-transform: scaleY(0); transform: scaleY(0); } /*.br-pie-timer { width: 22px; height: 22px; margin: 10px; background-color: #ccc; -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; } .br-pie-timer .br-spinner, .br-pie-timer .br-pie-fill, .br-pie-timer .br-pie-mask { position: absolute; top: 0; width: 50%; height: 100%; overflow: hidden; } .br-pie-timer .br-spinner div, .br-pie-timer .br-pie-fill div, .br-pie-timer .br-pie-mask div { position: absolute; top: 0; width: 18px; height: 18px; background-color: white; border: 2px solid #ccc; -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .br-pie-timer .br-spinner { left: 0; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .br-pie-timer .br-spinner div { left: 0; } .br-pie-timer .br-pie-fill { right: 0; } .br-pie-timer .br-pie-fill div { right: 0; } .br-pie-timer .br-pie-mask { left: 0; background-color: #ccc; -moz-border-radius-topleft: 11px; -webkit-border-top-left-radius: 11px; border-top-left-radius: 11px; -moz-border-radius-bottomleft: 11px; -webkit-border-bottom-left-radius: 11px; border-bottom-left-radius: 11px; } .br-pie-timer.br-timer-sleep { -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -webkit-transform: scale(0, 0); transform: scale(0, 0); }*/ /* tooltip */ .br-tooltip { position: absolute; left: -999999px; z-index: 999999; zoom: 1; pointer-events: none; } .br-tooltip .br-tooltip-inner { /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; max-width: 300px; min-width: 16px; min-height: 16px;*/ overflow: hidden; color: white; /* background-color: #262626; border: 6px solid #262626; -moz-box-shadow: 0 1px 0 0 black; -webkit-box-shadow: 0 1px 0 0 black; box-shadow: 0 1px 0 0 black; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;*/ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .br-tooltip .br-tail { position: absolute; width: 0; height: 0; font-size: 0; border-color: transparent; border-style: solid; } /*.br-tooltip.br-tooltip-bottom { padding: 8px 0; } .br-tooltip.br-tooltip-bottom .br-tail { top: 1px; left: 50%; margin-left: -8px; border-width: 0 8px 8px; border-bottom-color: #262626; } .br-tooltip.br-tooltip-top { padding: 8px 0; } .br-tooltip.br-tooltip-top .br-tail { bottom: 1px; left: 50%; margin-left: -8px; border-width: 8px 8px 0; border-top-color: #262626; } .br-tooltip.br-tooltip-right { padding: 0 8px; } .br-tooltip.br-tooltip-right .br-tail { top: 50%; left: 1px; margin-top: -8px; border-width: 8px 8px 8px 0; border-right-color: #262626; } .br-tooltip.br-tooltip-left { padding: 0 8px; } .br-tooltip.br-tooltip-left .br-tail { top: 50%; right: 1px; margin-top: -8px; border-width: 8px 0 8px 8px; border-left-color: #262626; }*/ /*.br-tooltip.white .br-tooltip-inner { color: #262626; background-color: white; border: 6px solid white; -moz-box-shadow: 0 1px 0 0 #bfbfbf; -webkit-box-shadow: 0 1px 0 0 #bfbfbf; box-shadow: 0 1px 0 0 #bfbfbf; } .br-tooltip.white.br-tooltip-top .br-tail { border-top-color: white; } .br-tooltip.white.br-tooltip-bottom .br-tail { border-bottom-color: white; } .br-tooltip.white.br-tooltip-left .br-tail { border-left-color: white; } .br-tooltip.white.br-tooltip-right .br-tail { border-right-color: white; }*/ .br-effects { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: visible; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; visibility: hidden; } .br-effects.br-2d { overflow: hidden; } .br-effects.br-2d .br-effect { overflow: hidden; } .br-effect { position: absolute; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .br-plane, .br-cuboid { position: absolute; width: 100%; height: 100%; } .br-plane img, .br-cuboid img { position: absolute; } .br-plane { -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .br-plane .br-front, .br-plane .br-back { -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); position: relative; float: left; width: 100%; height: 100%; overflow: hidden; } .br-plane.br-extend-width { width: 200%; } .br-plane.br-extend-width .br-front, .br-plane.br-extend-width .br-back { width: 50%; } .br-plane.br-extend-height { height: 200%; } .br-plane.br-extend-height .br-front, .br-plane.br-extend-height .br-back { height: 50%; } .br-plane.br-stack .br-front, .br-plane.br-stack .br-back { position: absolute; top: 0; left: 0; } .br-cuboid { -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .br-cuboid > div { position: absolute; width: 100%; height: 100%; background-color: #333; overflow: hidden; outline: 1px solid transparent; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .br-cuboid > div .br-shading { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; background-color: black; } @-moz-keyframes br-shade-in { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes br-shade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes br-shade-in { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes br-pan-right { from { -moz-transform-origin: 0 50%; transform-origin: 0 50%; -moz-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } to { -moz-transform-origin: 100% 50%; transform-origin: 100% 50%; -moz-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } } @-webkit-keyframes br-pan-right { from { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } to { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } } @keyframes br-pan-right { from { -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -moz-transform: scale(1.12, 1.12); -ms-transform: scale(1.12, 1.12); -webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } to { -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -moz-transform: scale(1.12, 1.12); -ms-transform: scale(1.12, 1.12); -webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } } @-moz-keyframes br-pan-down { from { -moz-transform-origin: 50% 0; transform-origin: 50% 0; -moz-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } to { -moz-transform-origin: 50% 100%; transform-origin: 50% 100%; -moz-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } } @-webkit-keyframes br-pan-down { from { -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } to { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } } @keyframes br-pan-down { from { -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -moz-transform: scale(1.12, 1.12); -ms-transform: scale(1.12, 1.12); -webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } to { -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -moz-transform: scale(1.12, 1.12); -ms-transform: scale(1.12, 1.12); -webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } } @-moz-keyframes br-pan-down-right { from { -moz-transform-origin: 0 0; transform-origin: 0 0; -moz-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } to { -moz-transform-origin: 100% 100%; transform-origin: 100% 100%; -moz-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } } @-webkit-keyframes br-pan-down-right { from { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } to { -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } } @keyframes br-pan-down-right { from { -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -moz-transform: scale(1.12, 1.12); -ms-transform: scale(1.12, 1.12); -webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } to { -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -moz-transform: scale(1.12, 1.12); -ms-transform: scale(1.12, 1.12); -webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } } @-moz-keyframes br-pan-down-left { from { -moz-transform-origin: 100% 0; transform-origin: 100% 0; -moz-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } to { -moz-transform-origin: 0 100%; transform-origin: 0 100%; -moz-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } } @-webkit-keyframes br-pan-down-left { from { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } to { -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } } @keyframes br-pan-down-left { from { -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -moz-transform: scale(1.12, 1.12); -ms-transform: scale(1.12, 1.12); -webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } to { -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -moz-transform: scale(1.12, 1.12); -ms-transform: scale(1.12, 1.12); -webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } } @-moz-keyframes br-zoom-in { from { -moz-transform-origin: 50% 50%; transform-origin: 50% 50%; -moz-transform: scale(1, 1); transform: scale(1, 1); } to { -moz-transform-origin: 50% 50%; transform-origin: 50% 50%; -moz-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } } @-webkit-keyframes br-zoom-in { from { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); transform: scale(1, 1); } to { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } } @keyframes br-zoom-in { from { -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } to { -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -moz-transform: scale(1.12, 1.12); -ms-transform: scale(1.12, 1.12); -webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } } @-moz-keyframes br-zoom-in-left { from { -moz-transform-origin: 0 50%; transform-origin: 0 50%; -moz-transform: scale(1, 1); transform: scale(1, 1); } to { -moz-transform-origin: 0 50%; transform-origin: 0 50%; -moz-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } } @-webkit-keyframes br-zoom-in-left { from { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: scale(1, 1); transform: scale(1, 1); } to { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } } @keyframes br-zoom-in-left { from { -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } to { -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -moz-transform: scale(1.12, 1.12); -ms-transform: scale(1.12, 1.12); -webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } } @-moz-keyframes br-zoom-in-right { from { -moz-transform-origin: 100% 50%; transform-origin: 100% 50%; -moz-transform: scale(1, 1); transform: scale(1, 1); } to { -moz-transform-origin: 100% 50%; transform-origin: 100% 50%; -moz-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } } @-webkit-keyframes br-zoom-in-right { from { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: scale(1, 1); transform: scale(1, 1); } to { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } } @keyframes br-zoom-in-right { from { -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } to { -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -moz-transform: scale(1.12, 1.12); -ms-transform: scale(1.12, 1.12); -webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } } @-moz-keyframes br-zoom-in-up { from { -moz-transform-origin: 50% 0; transform-origin: 50% 0; -moz-transform: scale(1, 1); transform: scale(1, 1); } to { -moz-transform-origin: 50% 0; transform-origin: 50% 0; -moz-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } } @-webkit-keyframes br-zoom-in-up { from { -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(1, 1); transform: scale(1, 1); } to { -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } } @keyframes br-zoom-in-up { from { -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } to { -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -moz-transform: scale(1.12, 1.12); -ms-transform: scale(1.12, 1.12); -webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } } @-moz-keyframes br-zoom-in-down { from { -moz-transform-origin: 50% 100%; transform-origin: 50% 100%; -moz-transform: scale(1, 1); transform: scale(1, 1); } to { -moz-transform-origin: 50% 100%; transform-origin: 50% 100%; -moz-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } } @-webkit-keyframes br-zoom-in-down { from { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale(1, 1); transform: scale(1, 1); } to { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } } @keyframes br-zoom-in-down { from { -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } to { -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -moz-transform: scale(1.12, 1.12); -ms-transform: scale(1.12, 1.12); -webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } } @-moz-keyframes br-zoom-in-up-left { from { -moz-transform-origin: 0 0; transform-origin: 0 0; -moz-transform: scale(1, 1); transform: scale(1, 1); } to { -moz-transform-origin: 0 0; transform-origin: 0 0; -moz-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } } @-webkit-keyframes br-zoom-in-up-left { from { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(1, 1); transform: scale(1, 1); } to { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } } @keyframes br-zoom-in-up-left { from { -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } to { -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -moz-transform: scale(1.12, 1.12); -ms-transform: scale(1.12, 1.12); -webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } } @-moz-keyframes br-zoom-in-up-right { from { -moz-transform-origin: 100% 0; transform-origin: 100% 0; -moz-transform: scale(1, 1); transform: scale(1, 1); } to { -moz-transform-origin: 100% 0; transform-origin: 100% 0; -moz-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } } @-webkit-keyframes br-zoom-in-up-right { from { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scale(1, 1); transform: scale(1, 1); } to { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } } @keyframes br-zoom-in-up-right { from { -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } to { -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -moz-transform: scale(1.12, 1.12); -ms-transform: scale(1.12, 1.12); -webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } } @-moz-keyframes br-zoom-in-down-left { from { -moz-transform-origin: 0 100%; transform-origin: 0 100%; -moz-transform: scale(1, 1); transform: scale(1, 1); } to { -moz-transform-origin: 0 100%; transform-origin: 0 100%; -moz-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } } @-webkit-keyframes br-zoom-in-down-left { from { -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scale(1, 1); transform: scale(1, 1); } to { -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } } @keyframes br-zoom-in-down-left { from { -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } to { -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -moz-transform: scale(1.12, 1.12); -ms-transform: scale(1.12, 1.12); -webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } } @-moz-keyframes br-zoom-in-down-right { from { -moz-transform-origin: 100% 100%; transform-origin: 100% 100%; -moz-transform: scale(1, 1); transform: scale(1, 1); } to { -moz-transform-origin: 100% 100%; transform-origin: 100% 100%; -moz-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } } @-webkit-keyframes br-zoom-in-down-right { from { -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scale(1, 1); transform: scale(1, 1); } to { -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } } @keyframes br-zoom-in-down-right { from { -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } to { -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -moz-transform: scale(1.12, 1.12); -ms-transform: scale(1.12, 1.12); -webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); } } @-moz-keyframes br-layer-flip-down { from { -moz-transform: rotateX(90deg); transform: rotateX(90deg); } to { -moz-transform: rotateX(0deg); transform: rotateX(0deg); } } @-webkit-keyframes br-layer-flip-down { from { -webkit-transform: rotateX(90deg); transform: rotateX(90deg); } to { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } } @keyframes br-layer-flip-down { from { -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -webkit-transform: rotateX(90deg); transform: rotateX(90deg); } to { -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } } @-moz-keyframes br-layer-flip-down-out { from { -moz-transform: rotateX(0deg); transform: rotateX(0deg); } to { -moz-transform: rotateX(90deg); transform: rotateX(90deg); } } @-webkit-keyframes br-layer-flip-down-out { from { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } to { -webkit-transform: rotateX(90deg); transform: rotateX(90deg); } } @keyframes br-layer-flip-down-out { from { -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } to { -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -webkit-transform: rotateX(90deg); transform: rotateX(90deg); } } @-moz-keyframes br-layer-flip-up { from { -moz-transform: rotateX(-90deg); transform: rotateX(-90deg); } to { -moz-transform: rotateX(0deg); transform: rotateX(0deg); } } @-webkit-keyframes br-layer-flip-up { from { -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); } to { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } } @keyframes br-layer-flip-up { from { -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); } to { -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } } @-moz-keyframes br-layer-flip-up-out { from { -moz-transform: rotateX(0deg); transform: rotateX(0deg); } to { -moz-transform: rotateX(-90deg); transform: rotateX(-90deg); } } @-webkit-keyframes br-layer-flip-up-out { from { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } to { -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); } } @keyframes br-layer-flip-up-out { from { -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } to { -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); } } @-moz-keyframes br-layer-flip-right { from { -moz-transform: rotateY(-90deg); transform: rotateY(-90deg); } to { -moz-transform: rotateY(0deg); transform: rotateY(0deg); } } @-webkit-keyframes br-layer-flip-right { from { -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); } to { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } } @keyframes br-layer-flip-right { from { -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); } to { -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } } @-moz-keyframes br-layer-flip-right-out { from { -moz-transform: rotateY(0deg); transform: rotateY(0deg); } to { -moz-transform: rotateY(-90deg); transform: rotateY(-90deg); } } @-webkit-keyframes br-layer-flip-right-out { from { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } to { -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); } } @keyframes br-layer-flip-right-out { from { -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } to { -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); } } @-moz-keyframes br-layer-flip-left { from { -moz-transform: rotateY(90deg); transform: rotateY(90deg); } to { -moz-transform: rotateY(0deg); transform: rotateY(0deg); } } @-webkit-keyframes br-layer-flip-left { from { -webkit-transform: rotateY(90deg); transform: rotateY(90deg); } to { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } } @keyframes br-layer-flip-left { from { -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transform: rotateY(90deg); } to { -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } } @-moz-keyframes br-layer-flip-left-out { from { -moz-transform: rotateY(0deg); transform: rotateY(0deg); } to { -moz-transform: rotateY(90deg); transform: rotateY(90deg); } } @-webkit-keyframes br-layer-flip-left-out { from { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } to { -webkit-transform: rotateY(90deg); transform: rotateY(90deg); } } @keyframes br-layer-flip-left-out { from { -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } to { -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transform: rotateY(90deg); } } @-moz-keyframes br-layer-zoom-in { from { opacity: 0; -moz-transform: scale(0); transform: scale(0); } to { opacity: 1; -moz-transform: scale(1); transform: scale(1); } } @-webkit-keyframes br-layer-zoom-in { from { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes br-layer-zoom-in { from { opacity: 0; -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } to { opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes br-layer-zoom-in-out { from { opacity: 1; -moz-transform: scale(1); transform: scale(1); } to { opacity: 0; -moz-transform: scale(0); transform: scale(0); } } @-webkit-keyframes br-layer-zoom-in-out { from { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } to { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } } @keyframes br-layer-zoom-in-out { from { opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } to { opacity: 0; -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } } @-moz-keyframes br-layer-zoom-out { from { opacity: 0; -moz-transform: scale(2); transform: scale(2); } to { opacity: 1; -moz-transform: scale(1); transform: scale(1); } } @-webkit-keyframes br-layer-zoom-out { from { opacity: 0; -webkit-transform: scale(2); transform: scale(2); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes br-layer-zoom-out { from { opacity: 0; -moz-transform: scale(2); -ms-transform: scale(2); -webkit-transform: scale(2); transform: scale(2); } to { opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes br-layer-zoom-out-out { from { opacity: 1; -moz-transform: scale(1); transform: scale(1); } to { opacity: 0; -moz-transform: scale(2); transform: scale(2); } } @-webkit-keyframes br-layer-zoom-out-out { from { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } to { opacity: 0; -webkit-transform: scale(2); transform: scale(2); } } @keyframes br-layer-zoom-out-out { from { opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } to { opacity: 0; -moz-transform: scale(2); -ms-transform: scale(2); -webkit-transform: scale(2); transform: scale(2); } } @-moz-keyframes br-layer-spin-in-right { from { opacity: 0; -moz-transform: rotate(-360deg) scale(0); transform: rotate(-360deg) scale(0); } to { opacity: 1; -moz-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } } @-webkit-keyframes br-layer-spin-in-right { from { opacity: 0; -webkit-transform: rotate(-360deg) scale(0); transform: rotate(-360deg) scale(0); } to { opacity: 1; -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } } @keyframes br-layer-spin-in-right { from { opacity: 0; -moz-transform: rotate(-360deg) scale(0); -ms-transform: rotate(-360deg) scale(0); -webkit-transform: rotate(-360deg) scale(0); transform: rotate(-360deg) scale(0); } to { opacity: 1; -moz-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } } @-moz-keyframes br-layer-spin-in-right-out { from { opacity: 1; -moz-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } to { opacity: 0; -moz-transform: rotate(-360deg) scale(0); transform: rotate(-360deg) scale(0); } } @-webkit-keyframes br-layer-spin-in-right-out { from { opacity: 1; -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } to { opacity: 0; -webkit-transform: rotate(-360deg) scale(0); transform: rotate(-360deg) scale(0); } } @keyframes br-layer-spin-in-right-out { from { opacity: 1; -moz-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } to { opacity: 0; -moz-transform: rotate(-360deg) scale(0); -ms-transform: rotate(-360deg) scale(0); -webkit-transform: rotate(-360deg) scale(0); transform: rotate(-360deg) scale(0); } } @-moz-keyframes br-layer-spin-in-left { from { opacity: 0; -moz-transform: rotate(360deg) scale(0); transform: rotate(360deg) scale(0); } to { opacity: 1; -moz-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } } @-webkit-keyframes br-layer-spin-in-left { from { opacity: 0; -webkit-transform: rotate(360deg) scale(0); transform: rotate(360deg) scale(0); } to { opacity: 1; -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } } @keyframes br-layer-spin-in-left { from { opacity: 0; -moz-transform: rotate(360deg) scale(0); -ms-transform: rotate(360deg) scale(0); -webkit-transform: rotate(360deg) scale(0); transform: rotate(360deg) scale(0); } to { opacity: 1; -moz-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } } @-moz-keyframes br-layer-spin-in-left-out { from { opacity: 1; -moz-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } to { opacity: 0; -moz-transform: rotate(360deg) scale(0); transform: rotate(360deg) scale(0); } } @-webkit-keyframes br-layer-spin-in-left-out { from { opacity: 1; -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } to { opacity: 0; -webkit-transform: rotate(360deg) scale(0); transform: rotate(360deg) scale(0); } } @keyframes br-layer-spin-in-left-out { from { opacity: 1; -moz-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } to { opacity: 0; -moz-transform: rotate(360deg) scale(0); -ms-transform: rotate(360deg) scale(0); -webkit-transform: rotate(360deg) scale(0); transform: rotate(360deg) scale(0); } } @-moz-keyframes br-layer-spin-out-right { from { opacity: 0; -moz-transform: rotate(-360deg) scale(2); transform: rotate(-360deg) scale(2); } to { opacity: 1; -moz-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } } @-webkit-keyframes br-layer-spin-out-right { from { opacity: 0; -webkit-transform: rotate(-360deg) scale(2); transform: rotate(-360deg) scale(2); } to { opacity: 1; -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } } @keyframes br-layer-spin-out-right { from { opacity: 0; -moz-transform: rotate(-360deg) scale(2); -ms-transform: rotate(-360deg) scale(2); -webkit-transform: rotate(-360deg) scale(2); transform: rotate(-360deg) scale(2); } to { opacity: 1; -moz-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } } @-moz-keyframes br-layer-spin-out-right-out { from { opacity: 1; -moz-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } to { opacity: 0; -moz-transform: rotate(-360deg) scale(2); transform: rotate(-360deg) scale(2); } } @-webkit-keyframes br-layer-spin-out-right-out { from { opacity: 1; -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } to { opacity: 0; -webkit-transform: rotate(-360deg) scale(2); transform: rotate(-360deg) scale(2); } } @keyframes br-layer-spin-out-right-out { from { opacity: 1; -moz-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } to { opacity: 0; -moz-transform: rotate(-360deg) scale(2); -ms-transform: rotate(-360deg) scale(2); -webkit-transform: rotate(-360deg) scale(2); transform: rotate(-360deg) scale(2); } } @-moz-keyframes br-layer-spin-out-left { from { opacity: 0; -moz-transform: rotate(360deg) scale(2); transform: rotate(360deg) scale(2); } to { opacity: 1; -moz-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } } @-webkit-keyframes br-layer-spin-out-left { from { opacity: 0; -webkit-transform: rotate(360deg) scale(2); transform: rotate(360deg) scale(2); } to { opacity: 1; -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } } @keyframes br-layer-spin-out-left { from { opacity: 0; -moz-transform: rotate(360deg) scale(2); -ms-transform: rotate(360deg) scale(2); -webkit-transform: rotate(360deg) scale(2); transform: rotate(360deg) scale(2); } to { opacity: 1; -moz-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } } @-moz-keyframes br-layer-spin-out-left-out { from { opacity: 1; -moz-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } to { opacity: 0; -moz-transform: rotate(360deg) scale(2); transform: rotate(360deg) scale(2); } } @-webkit-keyframes br-layer-spin-out-left-out { from { opacity: 1; -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } to { opacity: 0; -webkit-transform: rotate(360deg) scale(2); transform: rotate(360deg) scale(2); } } @keyframes br-layer-spin-out-left-out { from { opacity: 1; -moz-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } to { opacity: 0; -moz-transform: rotate(360deg) scale(2); -ms-transform: rotate(360deg) scale(2); -webkit-transform: rotate(360deg) scale(2); transform: rotate(360deg) scale(2); } } @-moz-keyframes br-layer-blur { from { opacity: 0; filter: blur(5px); } to { opacity: 1; filter: blur(0px); } } @-webkit-keyframes br-layer-blur { from { opacity: 0; -webkit-filter: blur(5px); filter: blur(5px); } to { opacity: 1; -webkit-filter: blur(0px); filter: blur(0px); } } @keyframes br-layer-blur { from { opacity: 0; -webkit-filter: blur(5px); filter: blur(5px); } to { opacity: 1; -webkit-filter: blur(0px); filter: blur(0px); } } @-moz-keyframes br-layer-blur-out { from { opacity: 1; filter: blur(0px); } to { opacity: 0; filter: blur(5px); } } @-webkit-keyframes br-layer-blur-out { from { opacity: 1; -webkit-filter: blur(0px); filter: blur(0px); } to { opacity: 0; -webkit-filter: blur(5px); filter: blur(5px); } } @keyframes br-layer-blur-out { from { opacity: 1; -webkit-filter: blur(0px); filter: blur(0px); } to { opacity: 0; -webkit-filter: blur(5px); filter: blur(5px); } } #marquee {background: #000;} /* aesthetics --- default here to override customer stylesheet. Can be overridden using ck color controls. */ .js-level-1 .br-layer, .js-level-1 .br-layer a, .js-level-1 .br-layer h1, .js-level-1 .br-layer h2, .js-level-1 .br-layer h3 { border-color: #fff; color: #fff; margin-top: 0; } /* description positioning */ .br-layers .br-layer-bin .br-layer.marquee_desc_lt {position: absolute; top: 0; right: auto; bottom: auto; left: 0; transform: translateX(0) !important;} .br-layers .br-layer-bin .br-layer.marquee_desc_lm {position: absolute; top: 50%; right:auto; bottom: auto; left: 0; transform: translateY(-50%) !important;} .br-layers .br-layer-bin .br-layer.marquee_desc_lb {position: absolute; top: auto; right: auto; bottom: 0; left: 0; transform: translateX(0) !important;} .br-layers .br-layer-bin .br-layer.marquee_desc_ct {position: absolute; top: 0; right: auto; bottom: auto; left: 25%; transform: translateX(-50%) !important;} .br-layers .br-layer-bin .br-layer.marquee_desc_cm {position: absolute; top: 50%; right: auto; bottom: auto; left: 25%; transform: translateX(-50%) translateY(-50%) !important;} .br-layers .br-layer-bin .br-layer.marquee_desc_cb {position: absolute; top: auto; right: auto; bottom: 0; left: 25%; transform: translateX(-50%) !important;} .br-layers .br-layer-bin .br-layer.marquee_desc_rt {position: absolute; top: 0; right: 50%; bottom: auto; left: auto; transform: translateX(0) !important;} .br-layers .br-layer-bin .br-layer.marquee_desc_rm {position: absolute; top: 50%; right: 50%; bottom: auto; left: auto; float: right; transform: translateY(-50%) !important;} .br-layers .br-layer-bin .br-layer.marquee_desc_rb {position: absolute; top: auto; right: 50%; bottom: 0; left: auto; transform: translateX(0) !important;} /* js/jquery.banner-rotator/css/banner-rotator.css */