.nivo-lightbox-theme-default.nivo-lightbox-overlay { background: #666; background: rgba(0,0,0,0.6); } .nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading { background: url(loading.gif) no-repeat 50% 50%; } .nivo-lightbox-theme-default .nivo-lightbox-nav { top: 10%; width: 8%; height: 80%; text-indent: -9999px; background-repeat: no-repeat; background-position: 50% 50%; opacity: 0.5; } .nivo-lightbox-theme-default .nivo-lightbox-nav:hover { opacity: 1; background-color: rgba(0,0,0,0.5); } .nivo-lightbox-theme-default .nivo-lightbox-prev { background-image: url(prev.png); border-radius: 0 3px 3px 0; } .nivo-lightbox-theme-default .nivo-lightbox-next { background-image: url(themes/default/next.png); border-radius: 3px 0 0 3px; } .nivo-lightbox-theme-default .nivo-lightbox-close { display: block; background: url(close.png) no-repeat 5px 5px; width: 16px; height: 16px; text-indent: -9999px; padding: 5px; opacity: 0.5; } .nivo-lightbox-theme-default .nivo-lightbox-close:hover { opacity: 1; } .nivo-lightbox-theme-default .nivo-lightbox-title-wrap { bottom: -7%; } .nivo-lightbox-theme-default .nivo-lightbox-title { font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; background: #000; color: #fff; padding: 7px 15px; border-radius: 30px; } .nivo-lightbox-theme-default .nivo-lightbox-image img { background: #fff; -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4); box-shadow: 0px 1px 1px rgba(0,0,0,0.4); } .nivo-lightbox-theme-default .nivo-lightbox-ajax, .nivo-lightbox-theme-default .nivo-lightbox-inline { background: #fff; padding: 40px; -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4); box-shadow: 0px 1px 1px rgba(0,0,0,0.4); } @media (-webkit-min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading { background-image: url(loading@2x.gif); background-size: 32px 32px; } .nivo-lightbox-theme-default .nivo-lightbox-prev { background-image: url(prev@2x.png); background-size: 48px 48px; } .nivo-lightbox-theme-default .nivo-lightbox-next { background-image: url(themes/default/next@2x.png); background-size: 48px 48px; } .nivo-lightbox-theme-default .nivo-lightbox-close { background-image: url(themes/default/close@2x.png); background-size: 16px 16px; } } .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out } .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1 } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px,0px,0px) } .owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-loaded { display: block } .owl-carousel.owl-loading { opacity: 0; display: block } .owl-carousel.owl-hidden { opacity: 0 } .owl-carousel .owl-refresh .owl-item { display: none } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab } .owl-carousel.owl-rtl { direction: rtl } .owl-carousel.owl-rtl .owl-item { float: right } .no-js .owl-carousel { display: block } .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease } .owl-carousel .owl-item img { transform-style: preserve-3d } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3,1.3); -moz-transition: scale(1.3,1.3); -ms-transition: scale(1.3,1.3); -o-transition: scale(1.3,1.3); transition: scale(1.3,1.3) } .owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon { display: none } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease } .owl-carousel .owl-video-frame { position: relative; z-index: 1 } @font-face { font-family: flexslider-icon; src: url(fonts/flexslider-icon.eot); src: url(fonts/flexslider-icon.eot?#iefix) format('embedded-opentype'),url(fonts/flexslider-icon.woff) format('woff'),url(fonts/flexslider-icon.ttf) format('truetype'),url(fonts/flexslider-icon.svg#flexslider-icon) format('svg'); font-weight: 400; font-style: normal } .flex-container a:hover,.flex-slider a:hover { outline: none } .slides,.slides>li,.flex-control-nav,.flex-direction-nav { margin: 0; padding: 0; list-style: none } .flex-pauseplay span { text-transform: capitalize } .flexslider { margin: 0; padding: 0 } .flexslider .slides>li { display: none; -webkit-backface-visibility: hidden } .flexslider .slides img { width: 100%; display: block } .flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } html[xmlns] .flexslider .slides { display: block } * html .flexslider .slides { height: 1% } .no-js .flexslider .slides>li:first-child { display: block } .flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; zoom:1;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: '' 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: '' 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: '' 0 1px 4px rgba(0,0,0,.2); box-shadow: '' 0 1px 4px rgba(0,0,0,.2) } .flexslider .slides { zoom:1} .flexslider .slides img { height: auto; -moz-user-select: none } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease } .loading .flex-viewport { max-height: 300px } .carousel li { margin-right: 5px } .flex-direction-nav { *height: 0 } .flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,.8); text-shadow: 1px 1px 0 rgba(255,255,255,.3); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .flex-direction-nav a:before { font-family: flexslider-icon; font-size: 40px; display: inline-block; content: '\f001'; color: rgba(0,0,0,.8); text-shadow: 1px 1px 0 rgba(255,255,255,.3) } .flex-direction-nav a.flex-next:before { content: '\f002' } .flex-direction-nav .flex-prev { left: -50px } .flex-direction-nav .flex-next { right: -50px; text-align: right } .flexslider:hover .flex-direction-nav .flex-prev { opacity: .7; left: 10px } .flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1 } .flexslider:hover .flex-direction-nav .flex-next { opacity: .7; right: 10px } .flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1 } .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; z-index: -1 } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: .8; z-index: 10; overflow: hidden; cursor: pointer; color: #000 } .flex-pauseplay a:before { font-family: flexslider-icon; font-size: 20px; display: inline-block; content: '\f004' } .flex-pauseplay a:hover { opacity: 1 } .flex-pauseplay a.flex-play:before { content: '\f003' } .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom:1;*display: inline } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,.3); box-shadow: inset 0 0 3px rgba(0,0,0,.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px } .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,.7) } .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,.9); cursor: default } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden } .flex-control-thumbs li { width: 25%; float: left; margin: 0 } .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease } .flex-control-thumbs img:hover { opacity: 1 } .flex-control-thumbs .flex-active { opacity: 1; cursor: default } @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity:1; left: 10px } .flex-direction-nav .flex-next { opacity: 1; right: 10px } } .isotope,.isotope .isotope-item { -webkit-transition-duration: .8s; -moz-transition-duration: .8s; -o-transition-duration: .8s; transition-duration: .8s } .isotope { -webkit-transition-property: height,width; -moz-transition-property: height,width; -o-transition-property: height,width; transition-property: height,width } .isotope .isotope-item { -webkit-transition-property: -webkit-transform,opacity; -moz-transition-property: -moz-transform,opacity; -o-transition-property: top,left,opacity; transition-property: transform,opacity } .isotope .isotope-item.no-transition,.isotope.no-transition,.isotope.no-transition .isotope-item { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s } .isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none } .isotope-item { z-index: 2 } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1 } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: .8; filter: alpha(opacity=80) } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none!important; -webkit-backface-visibility: hidden } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle } .mfp-align-top .mfp-container:before { display: none } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045 } .mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content { width: 100%; cursor: auto } .mfp-ajax-cur { cursor: progress } .mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in } .mfp-auto-cursor .mfp-content { cursor: auto } .mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none } .mfp-loading.mfp-figure { display: none } .mfp-hide { display: none!important } .mfp-preloader { color: #ccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -.8em; left: 8px; right: 8px; z-index: 1044 } .mfp-preloader a { color: #ccc } .mfp-preloader a:hover { color: #fff } .mfp-s-ready .mfp-preloader { display: none } .mfp-s-error .mfp-content { display: none } button.mfp-close,button.mfp-arrow { overflow: visible; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none } button::-moz-focus-inner { padding: 0; border: 0 } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: .65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #fff; font-style: normal; font-size: 28px; font-family: Arial,Baskerville,monospace } .mfp-close:hover,.mfp-close:focus { opacity: 1; filter: alpha(opacity=100) } .mfp-close:active { top: 1px } .mfp-close-btn-in .mfp-close { color: #333 } .mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close { color: #fff; right: -6px; text-align: right; padding-right: 6px; width: 100% } .mfp-counter { position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px; white-space: nowrap } .mfp-arrow { position: absolute; opacity: .65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent } .mfp-arrow:active { margin-top: -54px } .mfp-arrow:hover,.mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100) } .mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent } .mfp-arrow:after,.mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px } .mfp-arrow:before,.mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: .7 } .mfp-arrow-left { left: 0 } .mfp-arrow-left:after,.mfp-arrow-left .mfp-a { border-right: 17px solid #fff; margin-left: 31px } .mfp-arrow-left:before,.mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f } .mfp-arrow-right { right: 0 } .mfp-arrow-right:after,.mfp-arrow-right .mfp-a { border-left: 17px solid #fff; margin-left: 39px } .mfp-arrow-right:before,.mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px } .mfp-iframe-holder .mfp-close { top: -40px } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25% } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0,0,0,.6); background: #000 } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0; margin: 0 auto } .mfp-figure { line-height: 0 } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0,0,0,.6); background: #444 } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px } .mfp-figure figure { margin: 0 } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px } .mfp-image-holder .mfp-content { max-width: 100% } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer } @media screen and (max-width: 800px) and (orientation:landscape),screen and (max-height:300px) { .mfp-img-mobile .mfp-image-holder { padding-left:0; padding-right: 0 } .mfp-img-mobile img.mfp-img { padding: 0 } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0 } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0,0,0,.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0 } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0,0,0,.6); position: fixed; text-align: center; padding: 0 } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform:scale(.75); transform: scale(.75) } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0 } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100% } .mfp-container { padding-left: 6px; padding-right: 6px } } .mfp-ie7 .mfp-img { padding: 0 } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px } .mfp-ie7 .mfp-container { padding: 0 } .mfp-ie7 .mfp-content { padding-top: 44px } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0 } body:after { content: url(lightbox/close.png) url(lightbox/loading.gif) url(lightbox/prev.png) url(lightbox/next.png); display: none } .lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: #000; filter: alpha(opacity=80); opacity: .8; display: none } .lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: 400 } .lightbox .lb-image { display: block; height: auto; max-width: inherit; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px } .lightbox a img { border: none } .lb-outerContainer { position: relative; background-color: #fff; *zoom:1;width: 250px; height: 250px; margin: 0 auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px } .lb-outerContainer:after { content: ""; display: table; clear: both } .lb-container { padding: 4px } .lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0 } .lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(lightbox/loading.gif) no-repeat } .lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10 } .lb-container>.nav { left: 0 } .lb-nav a { outline: none; background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==) } .lb-prev,.lb-next { height: 100%; cursor: pointer; display: block } .lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(lightbox/prev.png) left 48% no-repeat; filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity .6s; -moz-transition: opacity .6s; -o-transition: opacity .6s; transition: opacity .6s } .lb-nav a.lb-prev:hover { filter: alpha(opacity=100); opacity: 1 } .lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(lightbox/next.png) right 48% no-repeat; filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity .6s; -moz-transition: opacity .6s; -o-transition: opacity .6s; transition: opacity .6s } .lb-nav a.lb-next:hover { filter: alpha(opacity=100); opacity: 1 } .lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom:1;width: 100%; -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 } .lb-dataContainer:after { content: ""; display: table; clear: both } .lb-data { padding: 0 4px; color: #ccc } .lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em } .lb-data .lb-caption { font-size: 13px; font-weight: 700; line-height: 1em } .lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999 } .lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(lightbox/close.png) top right no-repeat; text-align: right; outline: none; filter: alpha(opacity=70); opacity: .7; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s } .lb-data .lb-close:hover { cursor: pointer; filter: alpha(opacity=100); opacity: 1 } .nivo-lightbox-overlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 100%; overflow: hidden; visibility: hidden; opacity: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .nivo-lightbox-overlay.nivo-lightbox-open { visibility: visible; opacity: 1 } .nivo-lightbox-wrap { position: absolute; top: 10%; bottom: 10%; overflow: hidden !important; left: 10%; right: 10% } .nivo-lightbox-content { width: 100%; height: 100%; padding-left: 5%; } .nivo-lightbox-title-wrap { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 99999; text-align: center } .nivo-lightbox-nav { display: none } .nivo-lightbox-prev { position: absolute; top: 50%; left: 0 } .nivo-lightbox-next { position: absolute; top: 50%; right: 0 } .nivo-lightbox-close { position: absolute; top: 3%; right: 2% } .nivo-lightbox-image { text-align: center } .nivo-lightbox-image img { max-width: 100%; max-height: 100%; width: auto; height: auto; vertical-align: middle } .nivo-lightbox-content iframe { width: 100%; height: 100% } .nivo-lightbox-inline,.nivo-lightbox-ajax { max-height: 100%; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .nivo-lightbox-error { display: table; text-align: center; width: 100%; height: 100%; color: #fff; text-shadow: 0 1px 1px #000 } .nivo-lightbox-error p { display: table-cell; vertical-align: middle } .nivo-lightbox-notouch .nivo-lightbox-effect-fade,.nivo-lightbox-notouch .nivo-lightbox-effect-fadeScale,.nivo-lightbox-notouch .nivo-lightbox-effect-slideLeft,.nivo-lightbox-notouch .nivo-lightbox-effect-slideRight,.nivo-lightbox-notouch .nivo-lightbox-effect-slideUp,.nivo-lightbox-notouch .nivo-lightbox-effect-slideDown,.nivo-lightbox-notouch .nivo-lightbox-effect-fall { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .nivo-lightbox-effect-fadeScale .nivo-lightbox-wrap { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: scale(.7); -moz-transform: scale(.7); -ms-transform: scale(.7); transform: scale(.7) } .nivo-lightbox-effect-fadeScale.nivo-lightbox-open .nivo-lightbox-wrap { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap,.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap,.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap,.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap { -webkit-transition: all .3s cubic-bezier(.25,.5,.5,.9); -moz-transition: all .3s cubic-bezier(.25,.5,.5,.9); -ms-transition: all .3s cubic-bezier(.25,.5,.5,.9); -o-transition: all .3s cubic-bezier(.25,.5,.5,.9); transition: all .3s cubic-bezier(.25,.5,.5,.9) } .nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap { -webkit-transform: translateX(-10%); -moz-transform: translateX(-10%); -ms-transform: translateX(-10%); transform: translateX(-10%) } .nivo-lightbox-effect-slideRight .nivo-lightbox-wrap { -webkit-transform: translateX(10%); -moz-transform: translateX(10%); -ms-transform: translateX(10%); transform: translateX(10%) } .nivo-lightbox-effect-slideLeft.nivo-lightbox-open .nivo-lightbox-wrap,.nivo-lightbox-effect-slideRight.nivo-lightbox-open .nivo-lightbox-wrap { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .nivo-lightbox-effect-slideDown .nivo-lightbox-wrap { -webkit-transform: translateY(-10%); -moz-transform: translateY(-10%); -ms-transform: translateY(-10%); transform: translateY(-10%) } .nivo-lightbox-effect-slideUp .nivo-lightbox-wrap { -webkit-transform: translateY(10%); -moz-transform: translateY(10%); -ms-transform: translateY(10%); transform: translateY(10%) } .nivo-lightbox-effect-slideUp.nivo-lightbox-open .nivo-lightbox-wrap,.nivo-lightbox-effect-slideDown.nivo-lightbox-open .nivo-lightbox-wrap { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .nivo-lightbox-body-effect-fall .nivo-lightbox-effect-fall { -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px } .nivo-lightbox-effect-fall .nivo-lightbox-wrap { -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-transform: translateZ(300px); -moz-transform: translateZ(300px); -ms-transform: translateZ(300px); transform: translateZ(300px) } .nivo-lightbox-effect-fall.nivo-lightbox-open .nivo-lightbox-wrap { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0) } .nivo-lightbox-theme-default.nivo-lightbox-overlay { background: #666; background: rgba(0,0,0,.6) } .nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading { background: url(nivolightbox-themes/default/loading.gif) no-repeat 50% 50% } .nivo-lightbox-theme-default .nivo-lightbox-nav { top: 10%; width: 8%; height: 80%; text-indent: -9999px; background-repeat: no-repeat; background-position: 50% 50%; opacity: .5 } .nivo-lightbox-theme-default .nivo-lightbox-nav:hover { opacity: 1; background-color: rgba(0,0,0,.5) } .nivo-lightbox-theme-default .nivo-lightbox-prev { background-image: url(themes/default/prev.png); border-radius: 0 3px 3px 0 } .nivo-lightbox-theme-default .nivo-lightbox-next { background-image: url(themes/default/next.png); border-radius: 3px 0 0 3px } .nivo-lightbox-theme-default .nivo-lightbox-close { display: block; background: url(nivolightbox-themes/default/close.png) no-repeat 5px 5px; width: 40px; height: 45px; text-indent: -9999px; padding: 5px; opacity: .5 } .nivo-lightbox-theme-default .nivo-lightbox-close:hover { opacity: 1 } .nivo-lightbox-theme-default .nivo-lightbox-title-wrap { bottom: -7% } .nivo-lightbox-theme-default .nivo-lightbox-title { font: 14px/20px 'Helvetica Neue',Helvetica,Arial,sans-serif; font-style: normal; font-weight: 400; background: #000; color: #fff; padding: 7px 15px; border-radius: 30px } .nivo-lightbox-theme-default .nivo-lightbox-image img { background: #fff; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.4); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.4); box-shadow: 0 1px 1px rgba(0,0,0,.4) } .nivo-lightbox-theme-default .nivo-lightbox-ajax,.nivo-lightbox-theme-default .nivo-lightbox-inline { background: #fff; padding: 40px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.4); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.4); box-shadow: 0 1px 1px rgba(0,0,0,.4) } @media(-webkit-min-device-pixel-ratio: 1.3),(-o-min-device-pixel-ratio:2.6/2),(min--moz-device-pixel-ratio:1.3),(min-device-pixel-ratio:1.3),(min-resolution:1.3dppx) { .nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading { background-image:url(nivolightbox-themes/default/loading@2x.gif); background-size: 32px 32px } .nivo-lightbox-theme-default .nivo-lightbox-prev { background-image: url(nivolightbox-themes/default/prev@2x.png); background-size: 48px 48px } .nivo-lightbox-theme-default .nivo-lightbox-next { background-image: url(themes/default/next@2x.png); background-size: 48px 48px } .nivo-lightbox-theme-default .nivo-lightbox-close { background-image: url(themes/default/close@2x.png); background-size: 16px 16px } } @charset"UTF-8";@font-face { font-family: ytpregular; src: url(ytplayer/ytp-regular.eot) } @font-face { font-family: ytpregular; src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAA5sABEAAAAAFCAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcZ9iuNUdERUYAAAGcAAAAHQAAACAAdAAET1MvMgAAAbwAAABJAAAAYHUMUrFjbWFwAAACCAAAAKkAAAGKn5XycWN2dCAAAAK0AAAANgAAADYNLQohZnBnbQAAAuwAAAGxAAACZVO0L6dnYXNwAAAEoAAAAAgAAAAIAAAAEGdseWYAAASoAAAGVQAAB4jz86dSaGVhZAAACwAAAAAzAAAANgbKONpoaGVhAAALNAAAACAAAAAkESQLXGhtdHgAAAtUAAAAVAAAARxOmwVwbG9jYQAAC6gAAAAjAAAAkFoEXRRtYXhwAAALzAAAACAAAAAgAWoB625hbWUAAAvsAAAA+wAAAeok3Eb+cG9zdAAADOgAAADAAAABN99tv1lwcmVwAAANqAAAALkAAAFY3I6ikndlYmYAAA5kAAAABgAAAAbHMlGnAAAAAQAAAADMPaLPAAAAAM3Nk7QAAAAAzc13sXjaY2BkYGDgA2IJBhBgYmAEQjcgZgHzGAAHTAB5AAAAeNpjYGbZwDiBgZWBhdWY5SwDA8MsCM10liGNKQ3IB0rBASMDEgj1DvdjcGDgfcDAlvYPqJJVldEZpoZVkuUZkFJgYAQAUUULewAAAHjaY2BgYGaAYBkGRgYQaAHyGMF8FoYMIC3GIAAUYQOyeBkUGKIYqhgWKHAp6CvEP2D4/x+sAyTuyJAIFGeAizP+//r/8f/D//f+n/HA8oHo/WcKblDzsQBGoOkwSUYmIMGErgDiRLyAhZWNnYOTi5uHl49fQFBIWERUTFxCUkpaRhYiLyevoKikrKKqpq6hqaWto6unb2BoZGxiambOQF1gQZYuAIQnH4IAAAAAAAAAAAABegEnAHEAswC9AOAA5QD+ARcBIwBdAHIBtgBcAGAAZgByAI8AogErAbIAUwBEBREAAHjaXVG7TltBEN0NDwOBxNggOdoUs5mQxnuhBQnE1Y1iZDuF5QhpN3KRi3EBH0CBRA3arxmgoaRImwYhF0h8Qj4hEjNriKI0Ozuzc86ZM0vKkap36WvPU+ckkMLdBs02/U5ItbMA96Tr642MtIMHWmxm9Mp1+/4LBpvRlDtqAOU9bykPGU07gVq0p/7R/AqG+/wf8zsYtDTT9NQ6CekhBOabcUuD7xnNussP+oLV4WIwMKSYpuIuP6ZS/rc052rLsLWR0byDMxH5yTRAU2ttBJr+1CHV83EUS5DLprE2mJiy/iQTwYXJdFVTtcz42sFdsrPoYIMqzYEH2MNWeQweDg8mFNK3JMosDRH2YqvECBGTHAo55dzJ/qRA+UgSxrxJSjvjhrUGxpHXwKA2T7P/PJtNbW8dwvhZHMF3vxlLOvjIhtoYEWI7YimACURCRlX5hhrPvSwG5FL7z0CUgOXxj3+dCLTu2EQ8l7V1DjFWCHp+29zyy4q7VrnOi0J3b6pqqNIpzftezr7HA54eC8NBY8Gbz/v+SoH6PCyuNGgOBEN6N3r/orXqiKu8Fz6yJ9O/sVoAAAAAAQAB//8AD3jaTZVrbBxXFcfvufNe72Nmdx77tmfHO2N76117784OTr154YAbR7RQuUQhttoSuXZKFQVKKYqgiFJAgkpIkVClIn8opSomjXY3VHHTFldEIYpay1hR+ID4Bha27FoIEQGpd8Idu4lY7c6eOfee//2f3+zeizAaQwif4iYRgwRUbgGqjLYFNvVxtcVzfxltM5iGqMUEaS5ItwU+vTPahiBPFFMpmoo5hnv8XnjFn+Um7/xmjF1GCLHoPf+fgsUVEYcSKIcGkYbaWYxKLZ3bgGa50qpACQ0NeyYoYILaDTqpurUK2FZBUYlJY8ukEc0egLpbo+kY8O/BQcx2dvwP2Fh6/Q+Gl19fyroubHmer7rpjHllPZ/NKB+tp2/4/TzxSx0zo/74uUY29vJZOEHIfng4lzz7cjyXzn/jJwqCwCOLdj2iPSP3F/hUAHF3v+Cviee5DIqhJDLRACLoPGpHECq1M7Sd5iDZ/W6zQW8mu9Ecql7SI6xYaiOpnxCydwPNWqWJ/tSSjY1mqtqU5ZYNpWal2pJiGy0XSi1bVuKX1Fyh1GuMoJYeUeJvy/GEVbTpfTOjHJRVzUim0tlcwekbKD1QrgR5M97OV8nIyMjQsKPUEKWGNEVFFBwqEs/yHMEVFMM1PIc4FhiWQVxHcxjD0zzXEkgbmHe5G1eA9T955453xd+B9tbpi6vj10+fvj6+evH0Fju7vPDU5szVY8euzmw+tXABv7kEov/v33WOv+v/C8LG9M2xD19/EquzCyuHVuY6R25Obz35+odw4NDKwuzWHAK86q9x21wKYYQkjFeZ3M5f/TUmw6Qo12P+38Wf0zEZpVABlVANfQu1owHXXMD1AdIyQhvNgeou2b1LAuhAkVwyExRps/ppAE230qrTX1MrEVXil5W4qlm9thMAMpR2MtVHAbXMnBJvZ8oVGjdZ5XK6u6cwNExqdNJ9dnm4D+8eIeYeM7hH0b3H9bcQuczdeH75ef+TxTveO/5tuDK2Mrs5d+HmzQtzm7MrbP6ZqxMrrz2+vf34aysTV5+5iN9YhMi51W93Tiz5/wFp+ujy/MntGXx+dfrjqflrO788Ob989MaMP716+Nr8FOpCjbvnw032BUrm82gKfQc10SJaAwwZGINHEUrksaEndI3XCppBavWaU7Nrda/u7QfPsnmBF1ReK4NjCxbkgVRJdW/MdmiyjHkhCgKvGkrNq+uGngPLUDXVioJTcGxONWguENOIYmkq1lQqaDu2q1AqKi6qRh6CN0uqhlkn1WIwt1Z3FTqH6lt2kWLkqZpQ2F1H4D3X1CzFUkCp1R8EVaeKGr3mgXpyd3OKZTcgioMi3qImqA2FaFSYrkHd7BYESnSMdqAx1HNgg/6pG0Bo95RAGehqoNAuaRHR90wGdXyJtkAJ1DxSDVQCfS8ocui+EohqagNjFroniyLAOYbBgvSQxuXxiUSCGQXReJBnjafhbf6xBs8P9ZclLLJdTJfdL3bLRsgd50Nf52P7JIWjInYqFuZhUGErucF0Qj/zNJtPGArDz7EYFi0chvSpw8C/mJRgRVLfgrEf7RvowhyjJ3JPfPlX/h8N/6fZryX7bh/pJsPj4QLX9Ra89NL3QQkljmOqnognU6HcxKkoI/JsaJ8cDcfCqZAMC2cfFeSoHu+WFEmWzIQqx8PVmCThSFqPKqLIsgxJx0QYZt1iocjgfrPbjIoiltkXxzxTlE5FVTL1zb7YmTOSzXGiEBU0ZgHzXexjd9HklDtTc2P7iR4/Wmqk/jGhfZXjZW1bYFVp3y01G+ocrh/K9VST3+05OUsaEnAYGKZRfWIpDQaXT2Ej2/vCl1S5nNe7jHq5eCAlM7rOpFx8PP1Zf/NzCUdkpXjUhHmdfdi/Xv31D6WccPAIDjNMmPnBzC+ErAipZzPf++LkQyGRhTDEpCNkbmLpz8892zmE3+8swq1YODIqf2Z7lO8RdJHn7RS8kpY6r0qhAg7xXIHnhViu+zBDbhcx16UOfGVgaGkoXe6LhwS+h7NgSa+vR7ESZvPyq6VUqN+SC0ZSTPm3oETGoxGIh/p60w3naIyJ/Gywf9CMnnAemR3524hT5DErxOwBhR55COMw3e+u0T0tOEsR0JMx+NBHftD/AJ+D/f7v/TW+9t+P+Bo9e/7vNYz+By6FsKkAAAB42mNgZGBgYGRwbI8IWhzPb/OVQZ6DAQTOni3fCKP/+/x7yrOBNRTI5WBgAokCAG3mDbAAeNpjYGRgYFX9t5eBgeftf5//WTwbGIAiKMAdAJycBph42mN6w+DCwcDAAMIsZ8D0HhBNLIap52D478fBwHQRyvbBpZ7nLYMtKeZjt5OJhxT1TKsYGFhDETTjcSAG0gyPoRgozigIpL0hNEiOBcgFAEBoNC142mNgYNCBwjoccALDBEY9RhsgPIMMmZcRhHtIhkcA9pQspAAAAQAAAEcBVAALAAAAAAACAAEAAgAWAAABAACTAAAAAHjalZCxTgJBFEXPApJoYYgF9VZUSIAFTdDCnmiIgsTKsASQuGiCu0YaCr4OfomKOzsTCHRmMzPn3blz38sCFyzJ4uXOgbKWZY+8KssZLqk7zkp9cJyjSOT4jD9WjvPSt46vKHoFx2txyfGGqnfPO18kyohSGjBjJPqRFmqPmWolWkZ9o0uHZ/EkfTNgTo0KVX017ujRps+TyDqvT7xW9U/UV1Vz9ZryrQn8o8QOL1JsdVA/5IwZpv7f/YsKTW50O1PqpzKNZyw1UnKov2c9dbkD7c1/zdhXFSrNdIz3HbuaJFH1KM9CZyDN3N3SoiFupfP66mbOYAd8k0EGAHjabc05TwJhHITxZ0BBBc/P4IkI7y4sh0dBsosHKiqHeLUiiTE0FH56Xdl/6TS/ZIoZUszzM+ad/3IOSilNmm122GWPfQ4ocEiRI0qUcXj4VKgSUKNOgybHnHDKGSER7Xjjgkuu6HDNDbd0ueOeB3r0GTDkkRFPPPPCK29a0KIyympJy1pRTnmtak3r2tCmtjLjz+/ph5edfU2cc2Fiy/3px4Xpmb5ZMatmYNbMutkwm2Yr0W8nBnOj+OcXVDk0PnjaRc67DoJAEAVQFuT9fqsJCSZ2+w12QkNjrCCx9w+sbSy19DsGK/9Ob3RZujk3k7nzZp8bsbvSkXXoR8Yew9gavN9QNHSUHTFch4oMfuoV0uqGNL4nv25emq3yHzzADwVcwOsFHMCtBWzAWQlYgJ0ImIA1rRmAeRbQAWM6vQD04A9GgXglRBo4Kh+19gJGYDgzBqOnZALGO8kUTLaSGZhWkjmYrSULMA8kS7CYi5ZgKTlQxr/W1F5aAAAAAAFRp8cxAAA=) format('woff'),url(ytplayer/ytp-regular.ttf) format('truetype'); font-weight: 400; font-style: normal } .mb_YTPlayer :focus { outline: 0 } .mb_YTPlayer { display: block; transform: translateZ(0); transform-style: preserve-3d; perspective: 1000; backface-visibility: hidden; transform: translate3d(0,0,0); animation-timing-function: linear; box-sizing: border-box } .mb_YTPlayer.fullscreen { display: block!important; position: fixed!important; width: 100%!important; height: 100%!important; top: 0!important; left: 0!important; margin: 0!important; border: none!important } .mb_YTPlayer.fullscreen .mbYTP_wrapper { opacity: 1!important } .mbYTP_wrapper iframe { max-width: 4000px!important } .inline_YTPlayer { margin-bottom: 20px; vertical-align: top; position: relative; left: 0; overflow: hidden; border-radius: 4px; -moz-box-shadow: 0 0 5px rgba(0,0,0,.7); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.7); box-shadow: 0 0 5px rgba(0,0,0,.7); background: rgba(0,0,0,.5) } .inline_YTPlayer img { border: none!important; -moz-transform: none!important; -webkit-transform: none!important; -o-transform: none!important; transform: none!important; margin: 0!important; padding: 0!important } .mb_YTPBar .ytpicon { font-size: 20px; font-family: ytpregular } .mb_YTPBar .mb_YTPUrl.ytpicon { font-size: 30px } .mb_YTPBar { transition: opacity 1s; -moz-transition: opacity 1s; -webkit-transition: opacity 1s; -o-transition: opacity 1s; display: block; width: 100%; height: 10px; padding: 5px; background: #333; position: fixed; bottom: 0; left: 0; -moz-box-sizing: padding-box; -webkit-box-sizing: border-box; text-align: left; z-index: 1000; font: 14px/16px sans-serif; color: #fff; opacity: .1 } .mb_YTPBar.visible,.mb_YTPBar:hover { opacity: 1 } .mb_YTPBar .buttonBar { transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; background: 0 0; font: 12px/14px Calibri; position: absolute; top: -30px; left: 0; padding: 5px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box } .mb_YTPBar:hover .buttonBar { background: rgba(0,0,0,.4) } .mb_YTPBar span { display: inline-block; font: 16px/20px Calibri,sans-serif; position: relative; width: 30px; height: 25px; vertical-align: middle } .mb_YTPBar span.mb_YTPTime { width: 130px } .mb_YTPBar span.mb_YTPUrl,.mb_YTPBar span.mb_OnlyYT { position: absolute; width: auto; display: block; top: 6px; right: 10px; cursor: pointer } .mb_YTPBar span.mb_YTPUrl img { width: 60px } .mb_YTPBar span.mb_OnlyYT { left: 185px; right: auto } .mb_YTPBar span.mb_OnlyYT img { width: 25px } .mb_YTPBar span.mb_YTPUrl a { color: #fff } .mb_YTPPlaypause,.mb_YTPlayer .mb_YTPPlaypause img { cursor: pointer } .mb_YTPMuteUnmute { cursor: pointer } .mb_YTPProgress { height: 10px; width: 100%; background: #111; bottom: 0; left: 0 } .mb_YTPLoaded { height: 10px; width: 0; background: #444; left: 0 } .mb_YTPseekbar { height: 10px; width: 0; background: #fff; bottom: 0; left: 0; box-shadow: rgba(82,82,82,.47) 1px 1px 3px } .YTPOverlay { backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: "flat"; box-sizing: border-box } .YTPOverlay.raster { background: url(ytplayer/raster.png) } .YTPOverlay.raster.retina { background: url(ytplayer/raster@2x.png) } .YTPOverlay.raster-dot { background: url(ytplayer/raster_dot.png) } .YTPOverlay.raster-dot.retina { background: url(ytplayer/raster_dot@2x.png) } .hvr-grow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform } .hvr-grow:active,.hvr-grow:focus,.hvr-grow:hover { -webkit-transform: scale(1.1); transform: scale(1.1) } .hvr-shrink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform } .hvr-shrink:active,.hvr-shrink:focus,.hvr-shrink:hover { -webkit-transform: scale(.9); transform: scale(.9) } @-webkit-keyframes hvr-pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1) } 75% { -webkit-transform: scale(.9); transform: scale(.9) } } @keyframes hvr-pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1) } 75% { -webkit-transform: scale(.9); transform: scale(.9) } } .hvr-pulse { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale } .hvr-pulse:active,.hvr-pulse:focus,.hvr-pulse:hover { -webkit-animation-name: hvr-pulse; animation-name: hvr-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } @-webkit-keyframes hvr-pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes hvr-pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1) } } .hvr-pulse-grow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale } .hvr-pulse-grow:active,.hvr-pulse-grow:focus,.hvr-pulse-grow:hover { -webkit-animation-name: hvr-pulse-grow; animation-name: hvr-pulse-grow; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate } @-webkit-keyframes hvr-pulse-shrink { to { -webkit-transform: scale(.9); transform: scale(.9) } } @keyframes hvr-pulse-shrink { to { -webkit-transform: scale(.9); transform: scale(.9) } } .hvr-pulse-shrink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale } .hvr-pulse-shrink:active,.hvr-pulse-shrink:focus,.hvr-pulse-shrink:hover { -webkit-animation-name: hvr-pulse-shrink; animation-name: hvr-pulse-shrink; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate } @-webkit-keyframes hvr-push { 50% { -webkit-transform: scale(.8); transform: scale(.8) } 100% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes hvr-push { 50% { -webkit-transform: scale(.8); transform: scale(.8) } 100% { -webkit-transform: scale(1); transform: scale(1) } } .hvr-push { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale } .hvr-push:active,.hvr-push:focus,.hvr-push:hover { -webkit-animation-name: hvr-push; animation-name: hvr-push; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1 } @-webkit-keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2) } } @keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2) } } .hvr-pop { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale } .hvr-pop:active,.hvr-pop:focus,.hvr-pop:hover { -webkit-animation-name: hvr-pop; animation-name: hvr-pop; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1 } .hvr-bounce-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: .5s; transition-duration: .5s } .hvr-bounce-in:active,.hvr-bounce-in:focus,.hvr-bounce-in:hover { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition-timing-function: cubic-bezier(.47,2.02,.31,-.36); transition-timing-function: cubic-bezier(.47,2.02,.31,-.36) } .hvr-bounce-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: .5s; transition-duration: .5s } .hvr-bounce-out:active,.hvr-bounce-out:focus,.hvr-bounce-out:hover { -webkit-transform: scale(.8); transform: scale(.8); -webkit-transition-timing-function: cubic-bezier(.47,2.02,.31,-.36); transition-timing-function: cubic-bezier(.47,2.02,.31,-.36) } .hvr-rotate { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform } .hvr-rotate:active,.hvr-rotate:focus,.hvr-rotate:hover { -webkit-transform: rotate(4deg); transform: rotate(4deg) } .hvr-grow-rotate { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform } .hvr-grow-rotate:active,.hvr-grow-rotate:focus,.hvr-grow-rotate:hover { -webkit-transform: scale(1.1) rotate(4deg); transform: scale(1.1) rotate(4deg) } .hvr-float { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-float:active,.hvr-float:focus,.hvr-float:hover { -webkit-transform: translateY(-8px); transform: translateY(-8px) } .hvr-sink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-sink:active,.hvr-sink:focus,.hvr-sink:hover { -webkit-transform: translateY(8px); transform: translateY(8px) } @-webkit-keyframes hvr-bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px) } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px) } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px) } } @keyframes hvr-bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px) } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px) } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px) } } @-webkit-keyframes hvr-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px) } } @keyframes hvr-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px) } } .hvr-bob { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale } .hvr-bob:active,.hvr-bob:focus,.hvr-bob:hover { -webkit-animation-name: hvr-bob-float,hvr-bob; animation-name: hvr-bob-float,hvr-bob; -webkit-animation-duration: .3s,1.5s; animation-duration: .3s,1.5s; -webkit-animation-delay: 0s,.3s; animation-delay: 0s,.3s; -webkit-animation-timing-function: ease-out,ease-in-out; animation-timing-function: ease-out,ease-in-out; -webkit-animation-iteration-count: 1,infinite; animation-iteration-count: 1,infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal,alternate; animation-direction: normal,alternate } @-webkit-keyframes hvr-hang { 0% { -webkit-transform: translateY(8px); transform: translateY(8px) } 50% { -webkit-transform: translateY(4px); transform: translateY(4px) } 100% { -webkit-transform: translateY(8px); transform: translateY(8px) } } @keyframes hvr-hang { 0% { -webkit-transform: translateY(8px); transform: translateY(8px) } 50% { -webkit-transform: translateY(4px); transform: translateY(4px) } 100% { -webkit-transform: translateY(8px); transform: translateY(8px) } } @-webkit-keyframes hvr-hang-sink { 100% { -webkit-transform: translateY(8px); transform: translateY(8px) } } @keyframes hvr-hang-sink { 100% { -webkit-transform: translateY(8px); transform: translateY(8px) } } .hvr-hang { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale } .hvr-hang:active,.hvr-hang:focus,.hvr-hang:hover { -webkit-animation-name: hvr-hang-sink,hvr-hang; animation-name: hvr-hang-sink,hvr-hang; -webkit-animation-duration: .3s,1.5s; animation-duration: .3s,1.5s; -webkit-animation-delay: 0s,.3s; animation-delay: 0s,.3s; -webkit-animation-timing-function: ease-out,ease-in-out; animation-timing-function: ease-out,ease-in-out; -webkit-animation-iteration-count: 1,infinite; animation-iteration-count: 1,infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal,alternate; animation-direction: normal,alternate } .hvr-skew { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform } .hvr-skew:active,.hvr-skew:focus,.hvr-skew:hover { -webkit-transform: skew(-10deg); transform: skew(-10deg) } .hvr-skew-forward { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform-origin: 0 100%; transform-origin: 0 100% } .hvr-skew-forward:active,.hvr-skew-forward:focus,.hvr-skew-forward:hover { -webkit-transform: skew(-10deg); transform: skew(-10deg) } .hvr-skew-backward { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform-origin: 0 100%; transform-origin: 0 100% } .hvr-skew-backward:active,.hvr-skew-backward:focus,.hvr-skew-backward:hover { -webkit-transform: skew(10deg); transform: skew(10deg) } @-webkit-keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px) } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px) } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px) } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px) } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px) } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px) } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px) } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px) } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } .hvr-wobble-vertical { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale } .hvr-wobble-vertical:active,.hvr-wobble-vertical:focus,.hvr-wobble-vertical:hover { -webkit-animation-name: hvr-wobble-vertical; animation-name: hvr-wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1 } @-webkit-keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px) } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px) } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px) } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px) } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px) } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px) } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px) } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px) } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } .hvr-wobble-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale } .hvr-wobble-horizontal:active,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:hover { -webkit-animation-name: hvr-wobble-horizontal; animation-name: hvr-wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1 } @-webkit-keyframes hvr-wobble-to-bottom-right { 16.65% { -webkit-transform: translate(8px,8px); transform: translate(8px,8px) } 33.3% { -webkit-transform: translate(-6px,-6px); transform: translate(-6px,-6px) } 49.95% { -webkit-transform: translate(4px,4px); transform: translate(4px,4px) } 66.6% { -webkit-transform: translate(-2px,-2px); transform: translate(-2px,-2px) } 83.25% { -webkit-transform: translate(1px,1px); transform: translate(1px,1px) } 100% { -webkit-transform: translate(0,0); transform: translate(0,0) } } @keyframes hvr-wobble-to-bottom-right { 16.65% { -webkit-transform: translate(8px,8px); transform: translate(8px,8px) } 33.3% { -webkit-transform: translate(-6px,-6px); transform: translate(-6px,-6px) } 49.95% { -webkit-transform: translate(4px,4px); transform: translate(4px,4px) } 66.6% { -webkit-transform: translate(-2px,-2px); transform: translate(-2px,-2px) } 83.25% { -webkit-transform: translate(1px,1px); transform: translate(1px,1px) } 100% { -webkit-transform: translate(0,0); transform: translate(0,0) } } .hvr-wobble-to-bottom-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale } .hvr-wobble-to-bottom-right:active,.hvr-wobble-to-bottom-right:focus,.hvr-wobble-to-bottom-right:hover { -webkit-animation-name: hvr-wobble-to-bottom-right; animation-name: hvr-wobble-to-bottom-right; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1 } @-webkit-keyframes hvr-wobble-to-top-right { 16.65% { -webkit-transform: translate(8px,-8px); transform: translate(8px,-8px) } 33.3% { -webkit-transform: translate(-6px,6px); transform: translate(-6px,6px) } 49.95% { -webkit-transform: translate(4px,-4px); transform: translate(4px,-4px) } 66.6% { -webkit-transform: translate(-2px,2px); transform: translate(-2px,2px) } 83.25% { -webkit-transform: translate(1px,-1px); transform: translate(1px,-1px) } 100% { -webkit-transform: translate(0,0); transform: translate(0,0) } } @keyframes hvr-wobble-to-top-right { 16.65% { -webkit-transform: translate(8px,-8px); transform: translate(8px,-8px) } 33.3% { -webkit-transform: translate(-6px,6px); transform: translate(-6px,6px) } 49.95% { -webkit-transform: translate(4px,-4px); transform: translate(4px,-4px) } 66.6% { -webkit-transform: translate(-2px,2px); transform: translate(-2px,2px) } 83.25% { -webkit-transform: translate(1px,-1px); transform: translate(1px,-1px) } 100% { -webkit-transform: translate(0,0); transform: translate(0,0) } } .hvr-wobble-to-top-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale } .hvr-wobble-to-top-right:active,.hvr-wobble-to-top-right:focus,.hvr-wobble-to-top-right:hover { -webkit-animation-name: hvr-wobble-to-top-right; animation-name: hvr-wobble-to-top-right; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1 } @-webkit-keyframes hvr-wobble-top { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg) } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg) } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg) } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg) } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg) } 100% { -webkit-transform: skew(0); transform: skew(0) } } @keyframes hvr-wobble-top { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg) } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg) } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg) } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg) } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg) } 100% { -webkit-transform: skew(0); transform: skew(0) } } .hvr-wobble-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transform-origin: 0 100%; transform-origin: 0 100% } .hvr-wobble-top:active,.hvr-wobble-top:focus,.hvr-wobble-top:hover { -webkit-animation-name: hvr-wobble-top; animation-name: hvr-wobble-top; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1 } @-webkit-keyframes hvr-wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg) } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg) } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg) } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg) } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg) } 100% { -webkit-transform: skew(0); transform: skew(0) } } @keyframes hvr-wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg) } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg) } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg) } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg) } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg) } 100% { -webkit-transform: skew(0); transform: skew(0) } } .hvr-wobble-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transform-origin: 100% 0; transform-origin: 100% 0 } .hvr-wobble-bottom:active,.hvr-wobble-bottom:focus,.hvr-wobble-bottom:hover { -webkit-animation-name: hvr-wobble-bottom; animation-name: hvr-wobble-bottom; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1 } @-webkit-keyframes hvr-wobble-skew { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg) } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg) } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg) } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg) } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg) } 100% { -webkit-transform: skew(0); transform: skew(0) } } @keyframes hvr-wobble-skew { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg) } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg) } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg) } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg) } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg) } 100% { -webkit-transform: skew(0); transform: skew(0) } } .hvr-wobble-skew { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale } .hvr-wobble-skew:active,.hvr-wobble-skew:focus,.hvr-wobble-skew:hover { -webkit-animation-name: hvr-wobble-skew; animation-name: hvr-wobble-skew; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1 } @-webkit-keyframes hvr-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg) } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg) } } @keyframes hvr-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg) } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg) } } .hvr-buzz { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale } .hvr-buzz:active,.hvr-buzz:focus,.hvr-buzz:hover { -webkit-animation-name: hvr-buzz; animation-name: hvr-buzz; -webkit-animation-duration: .15s; animation-duration: .15s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } @-webkit-keyframes hvr-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg) } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg) } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg) } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg) } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg) } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg) } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg) } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg) } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0) } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0) } } @keyframes hvr-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg) } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg) } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg) } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg) } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg) } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg) } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg) } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg) } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0) } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0) } } .hvr-buzz-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale } .hvr-buzz-out:active,.hvr-buzz-out:focus,.hvr-buzz-out:hover { -webkit-animation-name: hvr-buzz-out; animation-name: hvr-buzz-out; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1 } .hvr-fade { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; overflow: hidden; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: color,background-color; transition-property: color,background-color } .hvr-fade:active,.hvr-fade:focus,.hvr-fade:hover { background-color: #2098d1; color: #fff } @-webkit-keyframes hvr-back-pulse { 50% { background-color: rgba(32,152,209,.75) } } @keyframes hvr-back-pulse { 50% { background-color: rgba(32,152,209,.75) } } .hvr-back-pulse { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; overflow: hidden; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-property: color,background-color; transition-property: color,background-color } .hvr-back-pulse:active,.hvr-back-pulse:focus,.hvr-back-pulse:hover { -webkit-animation-name: hvr-back-pulse; animation-name: hvr-back-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background-color: #2098d1; background-color: #2098d1; color: #fff } .hvr-sweep-to-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: .3s } .hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-sweep-to-right:active,.hvr-sweep-to-right:focus,.hvr-sweep-to-right:hover { color: #fff } .hvr-sweep-to-right:active:before,.hvr-sweep-to-right:focus:before,.hvr-sweep-to-right:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1) } .hvr-sweep-to-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: .3s } .hvr-sweep-to-left:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-sweep-to-left:active,.hvr-sweep-to-left:focus,.hvr-sweep-to-left:hover { color: #fff } .hvr-sweep-to-left:active:before,.hvr-sweep-to-left:focus:before,.hvr-sweep-to-left:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1) } .hvr-sweep-to-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: .3s } .hvr-sweep-to-bottom:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-sweep-to-bottom:active,.hvr-sweep-to-bottom:focus,.hvr-sweep-to-bottom:hover { color: #fff } .hvr-sweep-to-bottom:active:before,.hvr-sweep-to-bottom:focus:before,.hvr-sweep-to-bottom:hover:before { -webkit-transform: scaleY(1); transform: scaleY(1) } .hvr-sweep-to-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: .3s } .hvr-sweep-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-sweep-to-top:active,.hvr-sweep-to-top:focus,.hvr-sweep-to-top:hover { color: #fff } .hvr-sweep-to-top:active:before,.hvr-sweep-to-top:focus:before,.hvr-sweep-to-top:hover:before { -webkit-transform: scaleY(1); transform: scaleY(1) } .hvr-bounce-to-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .5s; transition-duration: .5s } .hvr-bounce-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-bounce-to-right:active,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:hover { color: #fff } .hvr-bounce-to-right:active:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66); transition-timing-function: cubic-bezier(.52,1.64,.37,.66) } .hvr-bounce-to-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .5s; transition-duration: .5s } .hvr-bounce-to-left:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-bounce-to-left:active,.hvr-bounce-to-left:focus,.hvr-bounce-to-left:hover { color: #fff } .hvr-bounce-to-left:active:before,.hvr-bounce-to-left:focus:before,.hvr-bounce-to-left:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66); transition-timing-function: cubic-bezier(.52,1.64,.37,.66) } .hvr-bounce-to-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .5s; transition-duration: .5s } .hvr-bounce-to-bottom:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-bounce-to-bottom:active,.hvr-bounce-to-bottom:focus,.hvr-bounce-to-bottom:hover { color: #fff } .hvr-bounce-to-bottom:active:before,.hvr-bounce-to-bottom:focus:before,.hvr-bounce-to-bottom:hover:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66); transition-timing-function: cubic-bezier(.52,1.64,.37,.66) } .hvr-bounce-to-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .5s; transition-duration: .5s } .hvr-bounce-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-bounce-to-top:active,.hvr-bounce-to-top:focus,.hvr-bounce-to-top:hover { color: #fff } .hvr-bounce-to-top:active:before,.hvr-bounce-to-top:focus:before,.hvr-bounce-to-top:hover:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66); transition-timing-function: cubic-bezier(.52,1.64,.37,.66) } .hvr-radial-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: .3s } .hvr-radial-out:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; border-radius: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-radial-out:active,.hvr-radial-out:focus,.hvr-radial-out:hover { color: #fff } .hvr-radial-out:active:before,.hvr-radial-out:focus:before,.hvr-radial-out:hover:before { -webkit-transform: scale(2); transform: scale(2) } .hvr-radial-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; background: #2098d1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: .3s } .hvr-radial-in:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #e1e1e1; border-radius: 100%; -webkit-transform: scale(2); transform: scale(2); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-radial-in:active,.hvr-radial-in:focus,.hvr-radial-in:hover { color: #fff } .hvr-radial-in:active:before,.hvr-radial-in:focus:before,.hvr-radial-in:hover:before { -webkit-transform: scale(0); transform: scale(0) } .hvr-rectangle-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #2098d1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: .3s } .hvr-rectangle-in:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #e1e1e1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-rectangle-in:active,.hvr-rectangle-in:focus,.hvr-rectangle-in:hover { color: #fff } .hvr-rectangle-in:active:before,.hvr-rectangle-in:focus:before,.hvr-rectangle-in:hover:before { -webkit-transform: scale(0); transform: scale(0) } .hvr-rectangle-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: .3s } .hvr-rectangle-out:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-rectangle-out:active,.hvr-rectangle-out:focus,.hvr-rectangle-out:hover { color: #fff } .hvr-rectangle-out:active:before,.hvr-rectangle-out:focus:before,.hvr-rectangle-out:hover:before { -webkit-transform: scale(1); transform: scale(1) } .hvr-shutter-in-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #2098d1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: .3s } .hvr-shutter-in-horizontal:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #e1e1e1; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-shutter-in-horizontal:active,.hvr-shutter-in-horizontal:focus,.hvr-shutter-in-horizontal:hover { color: #fff } .hvr-shutter-in-horizontal:active:before,.hvr-shutter-in-horizontal:focus:before,.hvr-shutter-in-horizontal:hover:before { -webkit-transform: scaleX(0); transform: scaleX(0) } .hvr-shutter-out-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: .3s } .hvr-shutter-out-horizontal:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #2098d1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-shutter-out-horizontal:active,.hvr-shutter-out-horizontal:focus,.hvr-shutter-out-horizontal:hover { color: #fff } .hvr-shutter-out-horizontal:active:before,.hvr-shutter-out-horizontal:focus:before,.hvr-shutter-out-horizontal:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1) } .hvr-shutter-in-vertical { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #2098d1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: .3s } .hvr-shutter-in-vertical:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #e1e1e1; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-shutter-in-vertical:active,.hvr-shutter-in-vertical:focus,.hvr-shutter-in-vertical:hover { color: #fff } .hvr-shutter-in-vertical:active:before,.hvr-shutter-in-vertical:focus:before,.hvr-shutter-in-vertical:hover:before { -webkit-transform: scaleY(0); transform: scaleY(0) } .hvr-shutter-out-vertical { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: .3s } .hvr-shutter-out-vertical:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #2098d1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-shutter-out-vertical:active,.hvr-shutter-out-vertical:focus,.hvr-shutter-out-vertical:hover { color: #fff } .hvr-shutter-out-vertical:active:before,.hvr-shutter-out-vertical:focus:before,.hvr-shutter-out-vertical:hover:before { -webkit-transform: scaleY(1); transform: scaleY(1) } .hvr-border-fade { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; box-shadow: inset 0 0 0 4px #e1e1e1,0 0 1px transparent } .hvr-border-fade:active,.hvr-border-fade:focus,.hvr-border-fade:hover { box-shadow: inset 0 0 0 4px #2098d1,0 0 1px transparent } .hvr-hollow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: background; transition-property: background; box-shadow: inset 0 0 0 4px #e1e1e1,0 0 1px transparent } .hvr-hollow:active,.hvr-hollow:focus,.hvr-hollow:hover { background: 0 0 } .hvr-trim { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative } .hvr-trim:before { content: ''; position: absolute; border: #fff solid 4px; top: 4px; left: 4px; right: 4px; bottom: 4px; opacity: 0; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: opacity; transition-property: opacity } .hvr-trim:active:before,.hvr-trim:focus:before,.hvr-trim:hover:before { opacity: 1 } @-webkit-keyframes hvr-ripple-out { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0 } } @keyframes hvr-ripple-out { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0 } } .hvr-ripple-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative } .hvr-ripple-out:before { content: ''; position: absolute; border: #e1e1e1 solid 6px; top: 0; right: 0; bottom: 0; left: 0; -webkit-animation-duration: 1s; animation-duration: 1s } .hvr-ripple-out:active:before,.hvr-ripple-out:focus:before,.hvr-ripple-out:hover:before { -webkit-animation-name: hvr-ripple-out; animation-name: hvr-ripple-out } @-webkit-keyframes hvr-ripple-in { 100% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1 } } @keyframes hvr-ripple-in { 100% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1 } } .hvr-ripple-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative } .hvr-ripple-in:before { content: ''; position: absolute; border: #e1e1e1 solid 4px; top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; -webkit-animation-duration: 1s; animation-duration: 1s } .hvr-ripple-in:active:before,.hvr-ripple-in:focus:before,.hvr-ripple-in:hover:before { -webkit-animation-name: hvr-ripple-in; animation-name: hvr-ripple-in } .hvr-outline-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative } .hvr-outline-out:before { content: ''; position: absolute; border: #e1e1e1 solid 4px; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: top,right,bottom,left; transition-property: top,right,bottom,left } .hvr-outline-out:active:before,.hvr-outline-out:focus:before,.hvr-outline-out:hover:before { top: -8px; right: -8px; bottom: -8px; left: -8px } .hvr-outline-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative } .hvr-outline-in:before { pointer-events: none; content: ''; position: absolute; border: #e1e1e1 solid 4px; top: -16px; right: -16px; bottom: -16px; left: -16px; opacity: 0; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: top,right,bottom,left; transition-property: top,right,bottom,left } .hvr-outline-in:active:before,.hvr-outline-in:focus:before,.hvr-outline-in:hover:before { top: -8px; right: -8px; bottom: -8px; left: -8px; opacity: 1 } .hvr-round-corners { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: border-radius; transition-property: border-radius } .hvr-round-corners:active,.hvr-round-corners:focus,.hvr-round-corners:hover { border-radius: 1em } .hvr-underline-from-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden } .hvr-underline-from-left:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background: #2098d1; height: 4px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-underline-from-left:active:before,.hvr-underline-from-left:focus:before,.hvr-underline-from-left:hover:before { right: 0 } .hvr-underline-from-center { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden } .hvr-underline-from-center:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: 0; background: #2098d1; height: 4px; -webkit-transition-property: left,right; transition-property: left,right; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-underline-from-center:active:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:hover:before { left: 0; right: 0 } .hvr-underline-from-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden } .hvr-underline-from-right:before { content: ""; position: absolute; z-index: -1; left: 100%; right: 0; bottom: 0; background: #2098d1; height: 4px; -webkit-transition-property: left; transition-property: left; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-underline-from-right:active:before,.hvr-underline-from-right:focus:before,.hvr-underline-from-right:hover:before { left: 0 } .hvr-overline-from-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden } .hvr-overline-from-left:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; top: 0; background: #2098d1; height: 4px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-overline-from-left:active:before,.hvr-overline-from-left:focus:before,.hvr-overline-from-left:hover:before { right: 0 } .hvr-overline-from-center { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden } .hvr-overline-from-center:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; top: 0; background: #2098d1; height: 4px; -webkit-transition-property: left,right; transition-property: left,right; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-overline-from-center:active:before,.hvr-overline-from-center:focus:before,.hvr-overline-from-center:hover:before { left: 0; right: 0 } .hvr-overline-from-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden } .hvr-overline-from-right:before { content: ""; position: absolute; z-index: -1; left: 100%; right: 0; top: 0; background: #2098d1; height: 4px; -webkit-transition-property: left; transition-property: left; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-overline-from-right:active:before,.hvr-overline-from-right:focus:before,.hvr-overline-from-right:hover:before { left: 0 } .hvr-reveal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden } .hvr-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; border-color: #2098d1; border-style: solid; border-width: 0; -webkit-transition-property: border-width; transition-property: border-width; -webkit-transition-duration: .1s; transition-duration: .1s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-reveal:active:before,.hvr-reveal:focus:before,.hvr-reveal:hover:before { -webkit-transform: translateY(0); transform: translateY(0); border-width: 4px } .hvr-underline-reveal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden } .hvr-underline-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; bottom: 0; background: #2098d1; height: 4px; -webkit-transform: translateY(4px); transform: translateY(4px); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-underline-reveal:active:before,.hvr-underline-reveal:focus:before,.hvr-underline-reveal:hover:before { -webkit-transform: translateY(0); transform: translateY(0) } .hvr-overline-reveal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden } .hvr-overline-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; background: #2098d1; height: 4px; -webkit-transform: translateY(-4px); transform: translateY(-4px); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-overline-reveal:active:before,.hvr-overline-reveal:focus:before,.hvr-overline-reveal:hover:before { -webkit-transform: translateY(0); transform: translateY(0) } .hvr-glow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: box-shadow; transition-property: box-shadow } .hvr-glow:active,.hvr-glow:focus,.hvr-glow:hover { box-shadow: 0 0 8px rgba(0,0,0,.6) } .hvr-shadow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: box-shadow; transition-property: box-shadow } .hvr-shadow:active,.hvr-shadow:focus,.hvr-shadow:hover { box-shadow: 0 10px 10px -10px rgba(0,0,0,.5) } .hvr-grow-shadow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: box-shadow,transform; transition-property: box-shadow,transform } .hvr-grow-shadow:active,.hvr-grow-shadow:focus,.hvr-grow-shadow:hover { box-shadow: 0 10px 10px -10px rgba(0,0,0,.5); -webkit-transform: scale(1.1); transform: scale(1.1) } .hvr-box-shadow-outset { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: box-shadow; transition-property: box-shadow } .hvr-box-shadow-outset:active,.hvr-box-shadow-outset:focus,.hvr-box-shadow-outset:hover { box-shadow: 2px 2px 2px rgba(0,0,0,.6) } .hvr-box-shadow-inset { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; box-shadow: inset 0 0 0 rgba(0,0,0,.6),0 0 1px transparent } .hvr-box-shadow-inset:active,.hvr-box-shadow-inset:focus,.hvr-box-shadow-inset:hover { box-shadow: inset 2px 2px 2px rgba(0,0,0,.6),0 0 1px transparent } .hvr-float-shadow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform } .hvr-float-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%); background: radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform,opacity; transition-property: transform,opacity } .hvr-float-shadow:active,.hvr-float-shadow:focus,.hvr-float-shadow:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px) } .hvr-float-shadow:active:before,.hvr-float-shadow:focus:before,.hvr-float-shadow:hover:before { opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px) } .hvr-shadow-radial { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative } .hvr-shadow-radial:after,.hvr-shadow-radial:before { pointer-events: none; position: absolute; content: ''; left: 0; width: 100%; box-sizing: border-box; height: 5px; opacity: 0; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: opacity; transition-property: opacity } .hvr-shadow-radial:before { bottom: 100%; background: -webkit-radial-gradient(50% 150%,ellipse,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%); background: radial-gradient(ellipse at 50% 150%,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%) } .hvr-shadow-radial:after { top: 100%; background: -webkit-radial-gradient(50% -50%,ellipse,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%); background: radial-gradient(ellipse at 50% -50%,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%) } .hvr-shadow-radial:active:after,.hvr-shadow-radial:active:before,.hvr-shadow-radial:focus:after,.hvr-shadow-radial:focus:before,.hvr-shadow-radial:hover:after,.hvr-shadow-radial:hover:before { opacity: 1 } .hvr-bubble-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative } .hvr-bubble-top:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; left: calc(50% - 10px); top: 0; border-width: 0 10px 10px; border-color: transparent transparent #e1e1e1 } .hvr-bubble-top:active:before,.hvr-bubble-top:focus:before,.hvr-bubble-top:hover:before { -webkit-transform: translateY(-10px); transform: translateY(-10px) } .hvr-bubble-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative } .hvr-bubble-right:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; top: calc(50% - 10px); right: 0; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #e1e1e1 } .hvr-bubble-right:active:before,.hvr-bubble-right:focus:before,.hvr-bubble-right:hover:before { -webkit-transform: translateX(10px); transform: translateX(10px) } .hvr-bubble-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative } .hvr-bubble-bottom:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; left: calc(50% - 10px); bottom: 0; border-width: 10px 10px 0; border-color: #e1e1e1 transparent transparent } .hvr-bubble-bottom:active:before,.hvr-bubble-bottom:focus:before,.hvr-bubble-bottom:hover:before { -webkit-transform: translateY(10px); transform: translateY(10px) } .hvr-bubble-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative } .hvr-bubble-left:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; top: calc(50% - 10px); left: 0; border-width: 10px 10px 10px 0; border-color: transparent #e1e1e1 transparent transparent } .hvr-bubble-left:active:before,.hvr-bubble-left:focus:before,.hvr-bubble-left:hover:before { -webkit-transform: translateX(-10px); transform: translateX(-10px) } .hvr-bubble-float-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform } .hvr-bubble-float-top:before { position: absolute; z-index: -1; content: ''; left: calc(50% - 10px); top: 0; border-style: solid; border-width: 0 10px 10px; border-color: transparent transparent #e1e1e1; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform } .hvr-bubble-float-top:active,.hvr-bubble-float-top:focus,.hvr-bubble-float-top:hover { -webkit-transform: translateY(10px); transform: translateY(10px) } .hvr-bubble-float-top:active:before,.hvr-bubble-float-top:focus:before,.hvr-bubble-float-top:hover:before { -webkit-transform: translateY(-10px); transform: translateY(-10px) } .hvr-bubble-float-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform } .hvr-bubble-float-right:before { position: absolute; z-index: -1; top: calc(50% - 10px); right: 0; content: ''; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #e1e1e1; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform } .hvr-bubble-float-right:active,.hvr-bubble-float-right:focus,.hvr-bubble-float-right:hover { -webkit-transform: translateX(-10px); transform: translateX(-10px) } .hvr-bubble-float-right:active:before,.hvr-bubble-float-right:focus:before,.hvr-bubble-float-right:hover:before { -webkit-transform: translateX(10px); transform: translateX(10px) } .hvr-bubble-float-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform } .hvr-bubble-float-bottom:before { position: absolute; z-index: -1; content: ''; left: calc(50% - 10px); bottom: 0; border-style: solid; border-width: 10px 10px 0; border-color: #e1e1e1 transparent transparent; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform } .hvr-bubble-float-bottom:active,.hvr-bubble-float-bottom:focus,.hvr-bubble-float-bottom:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px) } .hvr-bubble-float-bottom:active:before,.hvr-bubble-float-bottom:focus:before,.hvr-bubble-float-bottom:hover:before { -webkit-transform: translateY(10px); transform: translateY(10px) } .hvr-bubble-float-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform } .hvr-bubble-float-left:before { position: absolute; z-index: -1; content: ''; top: calc(50% - 10px); left: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #e1e1e1 transparent transparent; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform } .hvr-bubble-float-left:active,.hvr-bubble-float-left:focus,.hvr-bubble-float-left:hover { -webkit-transform: translateX(10px); transform: translateX(10px) } .hvr-bubble-float-left:active:before,.hvr-bubble-float-left:focus:before,.hvr-bubble-float-left:hover:before { -webkit-transform: translateX(-10px); transform: translateX(-10px) } .hvr-icon-back { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-left: 2.2em; -webkit-transition-duration: .1s; transition-duration: .1s } .hvr-icon-back:before { content: "\f137"; position: absolute; left: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: .1s; transition-duration: .1s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-icon-back:active:before,.hvr-icon-back:focus:before,.hvr-icon-back:hover:before { -webkit-transform: translateX(-4px); transform: translateX(-4px) } .hvr-icon-forward { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: .1s; transition-duration: .1s } .hvr-icon-forward:before { content: "\f138"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: .1s; transition-duration: .1s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-icon-forward:active:before,.hvr-icon-forward:focus:before,.hvr-icon-forward:hover:before { -webkit-transform: translateX(4px); transform: translateX(4px) } @-webkit-keyframes hvr-icon-down { 0%,100%,50% { -webkit-transform: translateY(0); transform: translateY(0) } 25%,75% { -webkit-transform: translateY(6px); transform: translateY(6px) } } @keyframes hvr-icon-down { 0%,100%,50% { -webkit-transform: translateY(0); transform: translateY(0) } 25%,75% { -webkit-transform: translateY(6px); transform: translateY(6px) } } .hvr-icon-down { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em } .hvr-icon-down:before { content: "\f01a"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0) } .hvr-icon-down:active:before,.hvr-icon-down:focus:before,.hvr-icon-down:hover:before { -webkit-animation-name: hvr-icon-down; animation-name: hvr-icon-down; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } @-webkit-keyframes hvr-icon-up { 0%,100%,50% { -webkit-transform: translateY(0); transform: translateY(0) } 25%,75% { -webkit-transform: translateY(-6px); transform: translateY(-6px) } } @keyframes hvr-icon-up { 0%,100%,50% { -webkit-transform: translateY(0); transform: translateY(0) } 25%,75% { -webkit-transform: translateY(-6px); transform: translateY(-6px) } } .hvr-icon-up { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em } .hvr-icon-up:before { content: "\f01b"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0) } .hvr-icon-up:active:before,.hvr-icon-up:focus:before,.hvr-icon-up:hover:before { -webkit-animation-name: hvr-icon-up; animation-name: hvr-icon-up; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } .hvr-icon-spin { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em } .hvr-icon-spin:before { content: "\f021"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out } .hvr-icon-spin:active:before,.hvr-icon-spin:focus:before,.hvr-icon-spin:hover:before { -webkit-transform: rotate(360deg); transform: rotate(360deg) } @-webkit-keyframes hvr-icon-drop { 0% { opacity: 0 } 50% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%) } 100%,51% { opacity: 1 } } @keyframes hvr-icon-drop { 0% { opacity: 0 } 50% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%) } 100%,51% { opacity: 1 } } .hvr-icon-drop { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em } .hvr-icon-drop:before { content: "\f041"; position: absolute; right: 1em; opacity: 1; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0) } .hvr-icon-drop:active:before,.hvr-icon-drop:focus:before,.hvr-icon-drop:hover:before { opacity: 0; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-animation-name: hvr-icon-drop; animation-name: hvr-icon-drop; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: cubic-bezier(.52,1.64,.37,.66); animation-timing-function: cubic-bezier(.52,1.64,.37,.66) } .hvr-icon-fade { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em } .hvr-icon-fade:before { content: "\f00c"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-property: color; transition-property: color } .hvr-icon-fade:active:before,.hvr-icon-fade:focus:before,.hvr-icon-fade:hover:before { color: #0f9e5e } @-webkit-keyframes hvr-icon-float-away { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translateY(-1em); transform: translateY(-1em) } } @keyframes hvr-icon-float-away { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translateY(-1em); transform: translateY(-1em) } } .hvr-icon-float-away { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em } .hvr-icon-float-away:after,.hvr-icon-float-away:before { content: "\f055"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome } .hvr-icon-float-away:after { opacity: 0; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } .hvr-icon-float-away:active:after,.hvr-icon-float-away:focus:after,.hvr-icon-float-away:hover:after { -webkit-animation-name: hvr-icon-float-away; animation-name: hvr-icon-float-away; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } @-webkit-keyframes hvr-icon-sink-away { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translateY(1em); transform: translateY(1em) } } @keyframes hvr-icon-sink-away { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translateY(1em); transform: translateY(1em) } } .hvr-icon-sink-away { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em } .hvr-icon-sink-away:after,.hvr-icon-sink-away:before { content: "\f056"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0) } .hvr-icon-sink-away:after { opacity: 0; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } .hvr-icon-sink-away:active:after,.hvr-icon-sink-away:focus:after,.hvr-icon-sink-away:hover:after { -webkit-animation-name: hvr-icon-sink-away; animation-name: hvr-icon-sink-away; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } .hvr-icon-grow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: .3s; transition-duration: .3s } .hvr-icon-grow:before { content: "\f118"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-icon-grow:active:before,.hvr-icon-grow:focus:before,.hvr-icon-grow:hover:before { -webkit-transform: scale(1.3) translateZ(0); transform: scale(1.3) translateZ(0) } .hvr-icon-shrink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: .3s; transition-duration: .3s } .hvr-icon-shrink:before { content: "\f119"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-icon-shrink:active:before,.hvr-icon-shrink:focus:before,.hvr-icon-shrink:hover:before { -webkit-transform: scale(.8); transform: scale(.8) } @-webkit-keyframes hvr-icon-pulse { 25% { -webkit-transform: scale(1.3); transform: scale(1.3) } 75% { -webkit-transform: scale(.8); transform: scale(.8) } } @keyframes hvr-icon-pulse { 25% { -webkit-transform: scale(1.3); transform: scale(1.3) } 75% { -webkit-transform: scale(.8); transform: scale(.8) } } .hvr-icon-pulse { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em } .hvr-icon-pulse:before { content: "\f015"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-icon-pulse:active:before,.hvr-icon-pulse:focus:before,.hvr-icon-pulse:hover:before { -webkit-animation-name: hvr-icon-pulse; animation-name: hvr-icon-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } @-webkit-keyframes hvr-icon-pulse-grow { to { -webkit-transform: scale(1.3); transform: scale(1.3) } } @keyframes hvr-icon-pulse-grow { to { -webkit-transform: scale(1.3); transform: scale(1.3) } } .hvr-icon-pulse-grow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em } .hvr-icon-pulse-grow:before { content: "\f015"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-icon-pulse-grow:active:before,.hvr-icon-pulse-grow:focus:before,.hvr-icon-pulse-grow:hover:before { -webkit-animation-name: hvr-icon-pulse-grow; animation-name: hvr-icon-pulse-grow; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate } @-webkit-keyframes hvr-icon-pulse-shrink { to { -webkit-transform: scale(.8); transform: scale(.8) } } @keyframes hvr-icon-pulse-shrink { to { -webkit-transform: scale(.8); transform: scale(.8) } } .hvr-icon-pulse-shrink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em } .hvr-icon-pulse-shrink:before { content: "\f015"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-icon-pulse-shrink:active:before,.hvr-icon-pulse-shrink:focus:before,.hvr-icon-pulse-shrink:hover:before { -webkit-animation-name: hvr-icon-pulse-shrink; animation-name: hvr-icon-pulse-shrink; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate } @-webkit-keyframes hvr-icon-push { 50% { -webkit-transform: scale(.5); transform: scale(.5) } } @keyframes hvr-icon-push { 50% { -webkit-transform: scale(.5); transform: scale(.5) } } .hvr-icon-push { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: .3s; transition-duration: .3s } .hvr-icon-push:before { content: "\f006"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-icon-push:active:before,.hvr-icon-push:focus:before,.hvr-icon-push:hover:before { -webkit-animation-name: hvr-icon-push; animation-name: hvr-icon-push; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1 } @-webkit-keyframes hvr-icon-pop { 50% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes hvr-icon-pop { 50% { -webkit-transform: scale(1.5); transform: scale(1.5) } } .hvr-icon-pop { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: .3s; transition-duration: .3s } .hvr-icon-pop:before { content: "\f005"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-icon-pop:active:before,.hvr-icon-pop:focus:before,.hvr-icon-pop:hover:before { -webkit-animation-name: hvr-icon-pop; animation-name: hvr-icon-pop; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1 } .hvr-icon-bounce { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: .3s; transition-duration: .3s } .hvr-icon-bounce:before { content: "\f087"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-icon-bounce:active:before,.hvr-icon-bounce:focus:before,.hvr-icon-bounce:hover:before { -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-transition-timing-function: cubic-bezier(.47,2.02,.31,-.36); transition-timing-function: cubic-bezier(.47,2.02,.31,-.36) } .hvr-icon-rotate { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: .3s; transition-duration: .3s } .hvr-icon-rotate:before { content: "\f0c6"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-icon-rotate:active:before,.hvr-icon-rotate:focus:before,.hvr-icon-rotate:hover:before { -webkit-transform: rotate(20deg); transform: rotate(20deg) } .hvr-icon-grow-rotate { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: .3s; transition-duration: .3s } .hvr-icon-grow-rotate:before { content: "\f095"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-icon-grow-rotate:active:before,.hvr-icon-grow-rotate:focus:before,.hvr-icon-grow-rotate:hover:before { -webkit-transform: scale(1.5) rotate(12deg); transform: scale(1.5) rotate(12deg) } .hvr-icon-float { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: .3s; transition-duration: .3s } .hvr-icon-float:before { content: "\f01b"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-icon-float:active:before,.hvr-icon-float:focus:before,.hvr-icon-float:hover:before { -webkit-transform: translateY(-4px); transform: translateY(-4px) } .hvr-icon-sink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: .3s; transition-duration: .3s } .hvr-icon-sink:before { content: "\f01a"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-icon-sink:active:before,.hvr-icon-sink:focus:before,.hvr-icon-sink:hover:before { -webkit-transform: translateY(4px); transform: translateY(4px) } @-webkit-keyframes hvr-icon-bob { 0% { -webkit-transform: translateY(-6px); transform: translateY(-6px) } 50% { -webkit-transform: translateY(-2px); transform: translateY(-2px) } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px) } } @keyframes hvr-icon-bob { 0% { -webkit-transform: translateY(-6px); transform: translateY(-6px) } 50% { -webkit-transform: translateY(-2px); transform: translateY(-2px) } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px) } } @-webkit-keyframes hvr-icon-bob-float { 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px) } } @keyframes hvr-icon-bob-float { 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px) } } .hvr-icon-bob { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: .3s; transition-duration: .3s } .hvr-icon-bob:before { content: "\f077"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0) } .hvr-icon-bob:active:before,.hvr-icon-bob:focus:before,.hvr-icon-bob:hover:before { -webkit-animation-name: hvr-icon-bob-float,hvr-icon-bob; animation-name: hvr-icon-bob-float,hvr-icon-bob; -webkit-animation-duration: .3s,1.5s; animation-duration: .3s,1.5s; -webkit-animation-delay: 0s,.3s; animation-delay: 0s,.3s; -webkit-animation-timing-function: ease-out,ease-in-out; animation-timing-function: ease-out,ease-in-out; -webkit-animation-iteration-count: 1,infinite; animation-iteration-count: 1,infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal,alternate; animation-direction: normal,alternate } @-webkit-keyframes hvr-icon-hang { 0% { -webkit-transform: translateY(6px); transform: translateY(6px) } 50% { -webkit-transform: translateY(2px); transform: translateY(2px) } 100% { -webkit-transform: translateY(6px); transform: translateY(6px) } } @keyframes hvr-icon-hang { 0% { -webkit-transform: translateY(6px); transform: translateY(6px) } 50% { -webkit-transform: translateY(2px); transform: translateY(2px) } 100% { -webkit-transform: translateY(6px); transform: translateY(6px) } } @-webkit-keyframes hvr-icon-hang-sink { 100% { -webkit-transform: translateY(6px); transform: translateY(6px) } } @keyframes hvr-icon-hang-sink { 100% { -webkit-transform: translateY(6px); transform: translateY(6px) } } .hvr-icon-hang { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: .3s; transition-duration: .3s } .hvr-icon-hang:before { content: "\f078"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0) } .hvr-icon-hang:active:before,.hvr-icon-hang:focus:before,.hvr-icon-hang:hover:before { -webkit-animation-name: hvr-icon-hang-sink,hvr-icon-hang; animation-name: hvr-icon-hang-sink,hvr-icon-hang; -webkit-animation-duration: .3s,1.5s; animation-duration: .3s,1.5s; -webkit-animation-delay: 0s,.3s; animation-delay: 0s,.3s; -webkit-animation-timing-function: ease-out,ease-in-out; animation-timing-function: ease-out,ease-in-out; -webkit-animation-iteration-count: 1,infinite; animation-iteration-count: 1,infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal,alternate; animation-direction: normal,alternate } @-webkit-keyframes hvr-icon-wobble-horizontal { 16.65% { -webkit-transform: translateX(6px); transform: translateX(6px) } 33.3% { -webkit-transform: translateX(-5px); transform: translateX(-5px) } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px) } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px) } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes hvr-icon-wobble-horizontal { 16.65% { -webkit-transform: translateX(6px); transform: translateX(6px) } 33.3% { -webkit-transform: translateX(-5px); transform: translateX(-5px) } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px) } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px) } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } .hvr-icon-wobble-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: .3s; transition-duration: .3s } .hvr-icon-wobble-horizontal:before { content: "\f061"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0) } .hvr-icon-wobble-horizontal:active:before,.hvr-icon-wobble-horizontal:focus:before,.hvr-icon-wobble-horizontal:hover:before { -webkit-animation-name: hvr-icon-wobble-horizontal; animation-name: hvr-icon-wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1 } @-webkit-keyframes hvr-icon-wobble-vertical { 16.65% { -webkit-transform: translateY(6px); transform: translateY(6px) } 33.3% { -webkit-transform: translateY(-5px); transform: translateY(-5px) } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px) } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px) } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes hvr-icon-wobble-vertical { 16.65% { -webkit-transform: translateY(6px); transform: translateY(6px) } 33.3% { -webkit-transform: translateY(-5px); transform: translateY(-5px) } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px) } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px) } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } .hvr-icon-wobble-vertical { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: .3s; transition-duration: .3s } .hvr-icon-wobble-vertical:before { content: "\f062"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0) } .hvr-icon-wobble-vertical:active:before,.hvr-icon-wobble-vertical:focus:before,.hvr-icon-wobble-vertical:hover:before { -webkit-animation-name: hvr-icon-wobble-vertical; animation-name: hvr-icon-wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1 } @-webkit-keyframes hvr-icon-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg) } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg) } } @keyframes hvr-icon-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg) } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg) } } .hvr-icon-buzz { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: .3s; transition-duration: .3s } .hvr-icon-buzz:before { content: "\f017"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0) } .hvr-icon-buzz:active:before,.hvr-icon-buzz:focus:before,.hvr-icon-buzz:hover:before { -webkit-animation-name: hvr-icon-buzz; animation-name: hvr-icon-buzz; -webkit-animation-duration: .15s; animation-duration: .15s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } @-webkit-keyframes hvr-icon-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg) } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg) } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg) } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg) } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg) } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg) } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg) } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg) } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0) } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0) } } @keyframes hvr-icon-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg) } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg) } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg) } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg) } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg) } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg) } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg) } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg) } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0) } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0) } } .hvr-icon-buzz-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: .3s; transition-duration: .3s } .hvr-icon-buzz-out:before { content: "\f023"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0) } .hvr-icon-buzz-out:active:before,.hvr-icon-buzz-out:focus:before,.hvr-icon-buzz-out:hover:before { -webkit-animation-name: hvr-icon-buzz-out; animation-name: hvr-icon-buzz-out; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1 } .hvr-curl-top-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative } .hvr-curl-top-left:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; top: 0; left: 0; background: #fff; background: linear-gradient(135deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff',endColorstr='#000000'); z-index: 1000; box-shadow: 1px 1px 1px rgba(0,0,0,.4); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: width,height; transition-property: width,height } .hvr-curl-top-left:active:before,.hvr-curl-top-left:focus:before,.hvr-curl-top-left:hover:before { width: 25px; height: 25px } .hvr-curl-top-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative } .hvr-curl-top-right:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; top: 0; right: 0; background: #fff; background: linear-gradient(225deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%); box-shadow: -1px 1px 1px rgba(0,0,0,.4); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: width,height; transition-property: width,height } .hvr-curl-top-right:active:before,.hvr-curl-top-right:focus:before,.hvr-curl-top-right:hover:before { width: 25px; height: 25px } .hvr-curl-bottom-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative } .hvr-curl-bottom-right:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; bottom: 0; right: 0; background: #fff; background: linear-gradient(315deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%); box-shadow: -1px -1px 1px rgba(0,0,0,.4); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: width,height; transition-property: width,height } .hvr-curl-bottom-right:active:before,.hvr-curl-bottom-right:focus:before,.hvr-curl-bottom-right:hover:before { width: 25px; height: 25px } .hvr-curl-bottom-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative } .hvr-curl-bottom-left:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; bottom: 0; left: 0; background: #fff; background: linear-gradient(45deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%); box-shadow: 1px -1px 1px rgba(0,0,0,.4); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: width,height; transition-property: width,height } .hvr-curl-bottom-left:active:before,.hvr-curl-bottom-left:focus:before,.hvr-curl-bottom-left:hover:before { width: 25px; height: 25px } .menuzord,.menuzord * { font-family: open sans,sans-serif; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .menuzord { width: 100%; padding: 0 30px; float: left; position: relative; background: #fff } .menuzord a { -o-transition: color .3s linear,background .3s linear; -moz-transition: color .3s linear,background .3s linear; -webkit-transition: color .3s linear,background .3s linear; transition: color .3s linear,background .3s linear } .menuzord-menu.scrollable>.scrollable-fix { display: none } .menuzord-brand { margin: 18px 30px 0 0; float: left; color: #666; text-decoration: none; font-size: 24px; font-weight: 600; line-height: 1.3; cursor: pointer } .menuzord-menu { margin: 0; padding: 0; float: left; list-style: none } .menuzord-menu.menuzord-right { float: right } .menuzord-menu>li { display: inline-block; float: left } .menuzord-menu>li>a { padding: 26px 16px; display: inline-block; text-decoration: none; font-size: 14px; font-weight: 600; color: #888; outline: 0; line-height: 1.42857143; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent } .menuzord-menu>li.active>a,.menuzord-menu>li:hover>a { color: #333 } .menuzord-menu ul.dropdown,.menuzord-menu ul.dropdown li ul.dropdown { list-style: none; margin: 0; padding: 0; display: none; position: absolute; z-index: 99; min-width: 180px; white-space: nowrap; background: #fff } .menuzord-menu ul.dropdown li ul.dropdown { left: 100% } .menuzord-menu ul.dropdown li { clear: both; width: 100%; border: 0; font-size: 12px; position: relative } .menuzord-menu ul.dropdown li a { width: 100%; background: 0 0; padding: 10px 25px 10px 22px; color: #888; text-decoration: none; display: inline-block; float: left; clear: both; position: relative; outline: 0; -o-transition: padding .2s linear; -moz-transition: padding .2s linear; -webkit-transition: padding .2s linear; transition: padding .2s linear } .menuzord-menu ul.dropdown li:hover>a { padding-left: 28px; padding-right: 19px; color: #333 } .menuzord-menu ul.dropdown.dropdown-left { left: none } .menuzord-menu ul.dropdown li ul.dropdown.dropdown-left { left: -100% } .menuzord-menu li .indicator { margin-left: 3px } .menuzord-menu li ul.dropdown li .indicator { position: absolute; top: 8px; right: 10px; font-size: 15px } .menuzord-menu>li>.megamenu { width: 100%; padding: 20px 30px; left: 0; position: absolute; display: none; z-index: 99; border-top: solid 1px #f0f0f0; background: #fff } .menuzord-menu>li>.megamenu.megamenu-half-width { width: 50%; left: auto } .menuzord-menu>li>.megamenu.megamenu-quarter-width { width: 25%; left: auto } .menuzord-menu>li>.megamenu .megamenu-row { width: 100%; margin-top: 15px } .menuzord-menu>li>.megamenu .megamenu-row:first-child { margin-top: 0 } .menuzord-menu>li>.megamenu .megamenu-row:before,.menuzord-menu>li>.megamenu .megamenu-row:after { display: table; content: ""; line-height: 0 } .menuzord-menu>li>.megamenu .megamenu-row:after { clear: both } .menuzord-menu>li>.megamenu .megamenu-row .col1,.menuzord-menu>li>.megamenu .megamenu-row .col2,.menuzord-menu>li>.megamenu .megamenu-row .col3,.menuzord-menu>li>.megamenu .megamenu-row .col4,.menuzord-menu>li>.megamenu .megamenu-row .col5,.menuzord-menu>li>.megamenu .megamenu-row .col6,.menuzord-menu>li>.megamenu .megamenu-row .col7,.menuzord-menu>li>.megamenu .megamenu-row .col8,.menuzord-menu>li>.megamenu .megamenu-row .col9,.menuzord-menu>li>.megamenu .megamenu-row .col10,.menuzord-menu>li>.megamenu .megamenu-row .col11,.menuzord-menu>li>.megamenu .megamenu-row .col12 { display: block; min-height: 20px; float: left; margin-left: 3% } .menuzord-menu>li>.megamenu .megamenu-row [class*=col]:first-child { margin-left: 0 } .menuzord-menu>li>.megamenu .megamenu-row .col1 { width: 5.583333333333% } .menuzord-menu>li>.megamenu .megamenu-row .col2 { width: 14.166666666666% } .menuzord-menu>li>.megamenu .megamenu-row .col3 { width: 22.75% } .menuzord-menu>li>.megamenu .megamenu-row .col4 { width: 31.333333333333% } .menuzord-menu>li>.megamenu .megamenu-row .col5 { width: 39.916666666667% } .menuzord-menu>li>.megamenu .megamenu-row .col6 { width: 48.5% } .menuzord-menu>li>.megamenu .megamenu-row .col7 { width: 57.083333333333% } .menuzord-menu>li>.megamenu .megamenu-row .col8 { width: 65.666666666667% } .menuzord-menu>li>.megamenu .megamenu-row .col9 { width: 74.25% } .menuzord-menu>li>.megamenu .megamenu-row .col10 { width: 82.833333333334% } .menuzord-menu>li>.megamenu .megamenu-row .col11 { width: 91.416666666667% } .menuzord-menu>li>.megamenu .megamenu-row .col12 { width: 100% } .menuzord .showhide { width: 60px; height: 46px; padding: 13px 0 0; display: none; float: right; text-decoration: none; outline: none; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent } .menuzord .showhide em { width: 20px; height: 3px; margin: 3.5px 20px 0; float: right; background: #777 } .menuzord-menu>li>a>i { margin: 0 5px 0 0; font-size: 18px; float: left; line-height: 20px; font-family: fontawesome } .menuzord-menu>li.search form { float: left; padding: 22px 16px 17px } .menuzord-menu>li.search form input[type=text] { width: 160px; padding: 5px 10px; font-family: open sans,sans-serif; border: none; background: #f0f0f0; border-radius: 2px; outline: 0; -o-transition: width 1s ease-out; -moz-transition: width 1s ease-out; -webkit-transition: width 1s ease-out; transition: width 1s ease-out } .menuzord-menu>li.search form:hover input[type=text] { width: 160px } .menuzord-tabs { width: 100%; float: left } .menuzord-tabs-nav { width: 20%; margin: 0; padding: 0; float: left; list-style: none } .menuzord-tabs-nav>li>a { width: 100%; padding: 7px 16px; float: left; font-size: 13px; text-decoration: none; color: #666; border: solid 1px #f0f0f0; outline: 0 } .menuzord-tabs-nav li.active a,.menuzord-tabs-nav li:hover a { background: #f0f0f0 } .menuzord-tabs-content { width: 80%; min-height: 30px; padding: 20px; float: right; display: none; font-size: 13px; border: solid 1px #f0f0f0 } .menuzord-tabs-content.active { display: block } .menuzord.blue .menuzord-menu>li.active>a,.menuzord.blue .menuzord-menu>li:hover>a,.menuzord.blue .menuzord-menu ul.dropdown li:hover>a { color: #4a89dc } .menuzord.green .menuzord-menu>li.active>a,.menuzord.green .menuzord-menu>li:hover>a,.menuzord.green .menuzord-menu ul.dropdown li:hover>a { color: #37bc9b } .menuzord.red .menuzord-menu>li.active>a,.menuzord.red .menuzord-menu>li:hover>a,.menuzord.red .menuzord-menu ul.dropdown li:hover>a { color: #e9573f } .menuzord.orange .menuzord-menu>li.active>a,.menuzord.orange .menuzord-menu>li:hover>a,.menuzord.orange .menuzord-menu ul.dropdown li:hover>a { color: #ff670f } .menuzord.yellow .menuzord-menu>li.active>a,.menuzord.yellow .menuzord-menu>li:hover>a,.menuzord.yellow .menuzord-menu ul.dropdown li:hover>a { color: #f6bb42 } .menuzord.purple .menuzord-menu>li.active>a,.menuzord.purple .menuzord-menu>li:hover>a,.menuzord.purple .menuzord-menu ul.dropdown li:hover>a { color: #967adc } .menuzord.pink .menuzord-menu>li.active>a,.menuzord.pink .menuzord-menu>li:hover>a,.menuzord.pink .menuzord-menu ul.dropdown li:hover>a { color: #d770ad } @media(max-width: 900px) { .menuzord-responsive.menuzord { padding:0 } .menuzord-responsive .menuzord-brand { margin: 8px 30px 10px 20px; font-size: 20px; line-height: 1.55 } .menuzord-responsive .showhide { margin: 0 } .menuzord-responsive .menuzord-menu { width: 100%; float: left!important } .menuzord-responsive .menuzord-menu.scrollable { overflow-y: auto; -webkit-overflow-scrolling: touch } .menuzord-responsive .menuzord-menu.scrollable>.scrollable-fix { display: block } .menuzord-responsive .menuzord-menu>li { width: 100%; display: block; position: relative } .menuzord-responsive .menuzord-menu>li>a { width: 100%; padding: 12px 20px; display: block; border-bottom: solid 1px #f0f0f0 } .menuzord-responsive .menuzord-menu>li:first-child>a { border-top: solid 1px #f0f0f0 } .menuzord-responsive .menuzord-menu ul.dropdown,.menuzord-responsive .menuzord-menu ul.dropdown li ul.dropdown { width: 100%; left: 0; position: static; border: none; background: #fff; float: left } .menuzord-responsive .menuzord-menu ul.dropdown li { position: relative } .menuzord-responsive .menuzord-menu ul.dropdown li a { border-bottom: solid 1px #f0f0f0 } .menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li>a { padding-left: 40px!important } .menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li>ul.dropdown>li>a { padding-left: 60px!important } .menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li>ul.dropdown>li>ul.dropdown>li>a { padding-left: 80px!important } .menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li:hover>a { padding-left: 50px!important } .menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li>ul.dropdown>li:hover>a { padding-left: 70px!important } .menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li>ul.dropdown>li>ul.dropdown>li:hover>a { padding-left: 90px!important } .menuzord-responsive .menuzord-menu li .indicator { width: 60px; height: 45px; position: absolute; right: 0; top: 0; font-size: 22px; text-align: center; line-height: 43px; border-left: solid 1px #f5f5f5 } .menuzord-responsive .menuzord-menu li ul.dropdown li .indicator { height: 38px; right: 0; top: 0; font-size: 18px; line-height: 36px } .menuzord-responsive .menuzord-menu>li>.megamenu { width: 100%!important; left: 0!important; position: static; border-top: none; border-bottom: solid 1px #f0f0f0 } .menuzord-responsive .menuzord-menu>li>.megamenu .megamenu-row [class*=col] { float: none; display: block; width: 100%!important; margin-left: 0; margin-top: 15px } .menuzord-responsive .menuzord-menu>li>.megamenu .megamenu-row:first-child [class*=col]:first-child { margin-top: 0 } .menuzord-responsive .menuzord-menu>li>.megamenu .megamenu-row { margin-top: 0 } .menuzord-responsive .menuzord-menu>li.search form { width: 100%; margin: 4px 0; padding: 10px 16px!important } .menuzord-responsive .menuzord-menu>li.search form input[type=text] { width: 100% } .menuzord-responsive .menuzord-tabs-nav { width: 100% } .menuzord-responsive .menuzord-tabs-content { width: 100% } } .cd-container { width: 90%; max-width: 1170px; margin: 0 auto } .cd-container::after { content: ''; display: table; clear: both } #cd-timeline { position: relative; padding: 2em 0; margin-top: 2em; margin-bottom: 2em } #cd-timeline::before { content: ''; position: absolute; top: 0; left: 18px; height: 100%; width: 4px; background: #d7e4ed } @media only screen and (min-width: 1170px) { #cd-timeline { margin-top:3em; margin-bottom: 3em } #cd-timeline::before { left: 50%; margin-left: -2px } } .cd-timeline-block { position: relative; margin: 2em 0 } .cd-timeline-block:after { content: ""; display: table; clear: both } .cd-timeline-block:first-child { margin-top: 0 } .cd-timeline-block:last-child { margin-bottom: 0 } @media only screen and (min-width: 1170px) { .cd-timeline-block { margin:4em 0 } .cd-timeline-block:first-child { margin-top: 0 } .cd-timeline-block:last-child { margin-bottom: 0 } } .cd-timeline-img { position: absolute; top: 0; left: 0; width: 40px; height: 40px; border-radius: 50%; box-shadow: 0 0 0 4px #fff,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05) } .cd-timeline-img img { display: block; width: 24px; height: 24px; position: relative; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px } .cd-timeline-img.cd-picture { background: #75ce66 } .cd-timeline-img.cd-movie { background: #c03b44 } .cd-timeline-img.cd-location { background: #f0ca45 } @media only screen and (min-width: 1170px) { .cd-timeline-img { width:60px; height: 60px; left: 50%; margin-left: -30px; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden } .cssanimations .cd-timeline-img.is-hidden { visibility: hidden } .cssanimations .cd-timeline-img.bounce-in { visibility: visible; -webkit-animation: cd-bounce-1 .6s; -moz-animation: cd-bounce-1 .6s; animation: cd-bounce-1 .6s } } @-webkit-keyframes cd-bounce-1 { 0% { opacity: 0; -webkit-transform: scale(.5) } 60% { opacity: 1; -webkit-transform: scale(1.2) } 100% { -webkit-transform: scale(1) } } @-moz-keyframes cd-bounce-1 { 0% { opacity: 0; -moz-transform: scale(.5) } 60% { opacity: 1; -moz-transform: scale(1.2) } 100% { -moz-transform: scale(1) } } @keyframes cd-bounce-1 { 0% { opacity: 0; -webkit-transform: scale(.5); -moz-transform: scale(.5); -ms-transform: scale(.5); -o-transform: scale(.5); transform: scale(.5) } 60% { opacity: 1; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2) } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) } } .cd-timeline-content { position: relative; margin-left: 60px; background: #fff; border-radius: .25em; padding: 1em; box-shadow: 0 3px 0 #d7e4ed } .cd-timeline-content:after { content: ""; display: table; clear: both } .cd-timeline-content h2 { color: #303e49 } .cd-timeline-content p,.cd-timeline-content .cd-read-more,.cd-timeline-content .cd-date { font-size: 13px; font-size: .8125rem } .cd-timeline-content .cd-read-more,.cd-timeline-content .cd-date { display: inline-block } .cd-timeline-content p { margin: 1em 0; line-height: 1.6 } .cd-timeline-content .cd-read-more { float: right; padding: .8em 1em; background: #acb7c0; color: #fff; border-radius: .25em } .no-touch .cd-timeline-content .cd-read-more:hover { background-color: #bac4cb } .cd-timeline-content .cd-date { float: left; padding: .8em 0; opacity: .7 } .cd-timeline-content::before { content: ''; position: absolute; top: 16px; right: 100%; height: 0; width: 0; border: 7px solid transparent; border-right: 7px solid #fff } @media only screen and (min-width: 768px) { .cd-timeline-content h2 { font-size:20px; font-size: 1.25rem } .cd-timeline-content p { font-size: 16px; font-size: 1rem } .cd-timeline-content .cd-read-more,.cd-timeline-content .cd-date { font-size: 14px; font-size: .875rem } } @media only screen and (min-width: 1170px) { .cd-timeline-content { margin-left:0; padding: 1.6em; width: 45% } .cd-timeline-content::before { top: 24px; left: 100%; border-color: transparent; border-left-color: #fff } .cd-timeline-content .cd-read-more { float: left } .cd-timeline-content .cd-date { position: absolute; width: 100%; left: 122%; top: 6px; font-size: 16px; font-size: 1rem } .cd-timeline-block:nth-child(even) .cd-timeline-content { float: right } .cd-timeline-block:nth-child(even) .cd-timeline-content::before { top: 24px; left: auto; right: 100%; border-color: transparent; border-right-color: #fff } .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more { float: right } .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date { left: auto; right: 122%; text-align: right } .cssanimations .cd-timeline-content.is-hidden { visibility: hidden } .cssanimations .cd-timeline-content.bounce-in { visibility: visible; -webkit-animation: cd-bounce-2 .6s; -moz-animation: cd-bounce-2 .6s; animation: cd-bounce-2 .6s } } @media only screen and (min-width: 1170px) { .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in { -webkit-animation:cd-bounce-2-inverse .6s; -moz-animation: cd-bounce-2-inverse .6s; animation: cd-bounce-2-inverse .6s } } @-webkit-keyframes cd-bounce-2 { 0% { opacity: 0; -webkit-transform: translateX(-100px) } 60% { opacity: 1; -webkit-transform: translateX(20px) } 100% { -webkit-transform: translateX(0) } } @-moz-keyframes cd-bounce-2 { 0% { opacity: 0; -moz-transform: translateX(-100px) } 60% { opacity: 1; -moz-transform: translateX(20px) } 100% { -moz-transform: translateX(0) } } @keyframes cd-bounce-2 { 0% { opacity: 0; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px) } 60% { opacity: 1; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px) } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } } @-webkit-keyframes cd-bounce-2-inverse { 0% { opacity: 0; -webkit-transform: translateX(100px) } 60% { opacity: 1; -webkit-transform: translateX(-20px) } 100% { -webkit-transform: translateX(0) } } @-moz-keyframes cd-bounce-2-inverse { 0% { opacity: 0; -moz-transform: translateX(100px) } 60% { opacity: 1; -moz-transform: translateX(-20px) } 100% { -moz-transform: translateX(0) } } @keyframes cd-bounce-2-inverse { 0% { opacity: 0; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px) } 60% { opacity: 1; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px) } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } } .mc-hide-scrolls { overflow: hidden } body .mc-cycle { height: 100%; left: 0; overflow: hidden; position: fixed; top: 0; width: 100%; z-index: -1 } div.mc-image { -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; height: 100%; overflow: hidden; width: 100% } .mc-old-browser .mc-image { overflow: hidden } .maximage-slider #maximage { background-color: #000; display: block; height: 100%!important; overflow: hidden; position: absolute; width: 100%!important; z-index: 0 } .maximage-slider #maximage .mc-image { height: 100%!important } .maximage-slider.static #maximage { position: fixed } .maximage-slider .fullscreen-controls { margin-top: -64px; position: absolute; top: 50%; width: 100%; z-index: 5 } .maximage-slider .fullscreen-controls .img-prev,.maximage-slider .fullscreen-controls .img-next { color: #fff; filter: alpha(opacity=0); opacity: 0; position: absolute } .maximage-slider .fullscreen-controls .img-prev i,.maximage-slider .fullscreen-controls .img-next i { font-size: 64px } .maximage-slider .fullscreen-controls .img-prev:hover,.maximage-slider .fullscreen-controls .img-next:hover { cursor: pointer; text-decoration: none } .maximage-slider .fullscreen-controls .img-prev { left: 15px; -webkit-transition: opacity .3s,left .3s; -o-transition: opacity .3s,left .3s; transition: opacity .3s,left .3s } .maximage-slider .fullscreen-controls .img-next { right: 15px; -webkit-transition: opacity .3s,right .3s; -o-transition: opacity .3s,right .3s; transition: opacity .3s,right .3s } .maximage-slider:hover .fullscreen-controls .img-prev,.maximage-slider:hover .fullscreen-controls .img-next { filter: alpha(opacity=100); opacity: 1 } .maximage-slider:hover .fullscreen-controls .img-prev { left: 25px } .maximage-slider:hover .fullscreen-controls .img-next { right: 25px } .bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom:1} .bx-wrapper img { max-width: 100%; display: block } .bx-wrapper .bx-viewport { left: -5px; background: #fff; -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0) } .bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100% } .bx-wrapper .bx-loading { min-height: 50px; background: url(bxslider/images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000 } .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: 700; color: #666; padding-top: 20px } .bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom:1;*display: inline } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px } .bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active { background: #000 } .bx-wrapper .bx-prev { left: 10px; background: url(bxslider/images/arrow-left.png) no-repeat scroll 0 0 } .bx-wrapper .bx-next { right: 10px; background: url(bxslider/images/arrow-right.png) no-repeat scroll 0 0 } .bx-wrapper .bx-prev:hover { background-position: 0 0 } .bx-wrapper .bx-next:hover { background-position: -43px 0 } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999 } .bx-wrapper .bx-controls-direction a.disabled { display: none } .bx-wrapper .bx-controls-auto { text-align: center } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(bxslider/images/arrow-left.png) no-repeat scroll 0 0; margin: 0 3px } .bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0 } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(bxslider/images/arrow-right.png) no-repeat scroll 0 0; margin: 0 3px } .bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80% } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px } .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80,80,80,.75); width: 100% } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px } .bx-controls .bx-controls-direction>a { background: #eee none repeat scroll 0 0; border: medium; height: auto; line-height: 28px; padding: 0 12px; text-indent: 0; top: -30px; width: auto; z-index: 0 } .bx-controls .bx-controls-direction>a:hover { background: #ddd none repeat scroll 0 0 } .bx-controls .bx-controls-direction>a i { color: #888 } .bx-controls .bx-controls-direction .bx-prev { left: auto; right: 35px } .bx-controls .bx-controls-direction .bx-next { right: 0 } .fc { direction: ltr; text-align: left } .fc-rtl { text-align: right } body .fc { font-size: 1em } .fc-unthemed th,.fc-unthemed td,.fc-unthemed thead,.fc-unthemed tbody,.fc-unthemed .fc-divider,.fc-unthemed .fc-row,.fc-unthemed .fc-popover { border-color: #ddd } .fc-unthemed .fc-popover { background-color: #fff } .fc-unthemed .fc-divider,.fc-unthemed .fc-popover .fc-header { background: #eee } .fc-unthemed .fc-popover .fc-header .fc-close { color: #666 } .fc-unthemed .fc-today { background: #fcf8e3 } .fc-highlight { background: #bce8f1; opacity: .3; filter: alpha(opacity=30) } .fc-bgevent { background: #8fdf82; opacity: .3; filter: alpha(opacity=30) } .fc-nonbusiness { background: #d7d7d7 } .fc-icon { display: inline-block; width: 1em; height: 1em; line-height: 1em; font-size: 1em; text-align: center; overflow: hidden; font-family: courier new,Courier,monospace; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .fc-icon:after { position: relative; margin: 0 -1em } .fc-icon-left-single-arrow:after { content: "\02039"; font-weight: 700; font-size: 200%; top: -7%; left: 3% } .fc-icon-right-single-arrow:after { content: "\0203A"; font-weight: 700; font-size: 200%; top: -7%; left: -3% } .fc-icon-left-double-arrow:after { content: "\000AB"; font-size: 160%; top: -7% } .fc-icon-right-double-arrow:after { content: "\000BB"; font-size: 160%; top: -7% } .fc-icon-left-triangle:after { content: "\25C4"; font-size: 125%; top: 3%; left: -2% } .fc-icon-right-triangle:after { content: "\25BA"; font-size: 125%; top: 3%; left: 2% } .fc-icon-down-triangle:after { content: "\25BC"; font-size: 125%; top: 2% } .fc-icon-x:after { content: "\000D7"; font-size: 200%; top: 6% } .fc button { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; height: 2.1em; padding: 0 .6em; font-size: 1em; white-space: nowrap; cursor: pointer } .fc button::-moz-focus-inner { margin: 0; padding: 0 } .fc-state-default { border: 1px solid } .fc-state-default.fc-corner-left { border-top-left-radius: 4px; border-bottom-left-radius: 4px } .fc-state-default.fc-corner-right { border-top-right-radius: 4px; border-bottom-right-radius: 4px } .fc button .fc-icon { position: relative; top: -.05em; margin: 0 .2em; vertical-align: middle } .fc-state-default { background-color: #f5f5f5; background-image: -moz-linear-gradient(top,#ffffff,#e6e6e6); background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#e6e6e6)); background-image: -webkit-linear-gradient(top,#ffffff,#e6e6e6); background-image: -o-linear-gradient(top,#ffffff,#e6e6e6); background-image: linear-gradient(to bottom,#ffffff,#e6e6e6); background-repeat: repeat-x; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25); color: #333; text-shadow: 0 1px 1px rgba(255,255,255,.75); box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05) } .fc-state-hover,.fc-state-down,.fc-state-active,.fc-state-disabled { color: #333; background-color: #e6e6e6 } .fc-state-hover { color: #333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position .1s linear; -moz-transition: background-position .1s linear; -o-transition: background-position .1s linear; transition: background-position .1s linear } .fc-state-down,.fc-state-active { background-color: #ccc; background-image: none; box-shadow: inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05) } .fc-state-disabled { cursor: default; background-image: none; opacity: .65; filter: alpha(opacity=65); box-shadow: none } .fc-button-group { display: inline-block } .fc .fc-button-group>* { float: left; margin: 0 0 0 -1px } .fc .fc-button-group>:first-child { margin-left: 0 } .fc-popover { position: absolute; box-shadow: 0 2px 6px rgba(0,0,0,.15) } .fc-popover .fc-header { padding: 2px 4px } .fc-popover .fc-header .fc-title { margin: 0 2px } .fc-popover .fc-header .fc-close { cursor: pointer } .fc-ltr .fc-popover .fc-header .fc-title,.fc-rtl .fc-popover .fc-header .fc-close { float: left } .fc-rtl .fc-popover .fc-header .fc-title,.fc-ltr .fc-popover .fc-header .fc-close { float: right } .fc-unthemed .fc-popover { border-width: 1px; border-style: solid } .fc-unthemed .fc-popover .fc-header .fc-close { font-size: .9em; margin-top: 2px } .fc-popover>.ui-widget-header+.ui-widget-content { border-top: 0 } .fc-divider { border-style: solid; border-width: 1px } hr.fc-divider { height: 0; margin: 0; padding: 0 0 2px; border-width: 1px 0 } .fc-clear { clear: both } .fc-bg,.fc-bgevent-skeleton,.fc-highlight-skeleton,.fc-helper-skeleton { position: absolute; top: 0; left: 0; right: 0 } .fc-bg { bottom: 0 } .fc-bg table { height: 100% } .fc table { width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; font-size: 1em } .fc th { text-align: center } .fc th,.fc td { border-style: solid; border-width: 1px; padding: 0; vertical-align: top } .fc td.fc-today { border-style: double } .fc .fc-row { border-style: solid; border-width: 0 } .fc-row table { border-left: 0 hidden transparent; border-right: 0 hidden transparent; border-bottom: 0 hidden transparent } .fc-row:first-child table { border-top: 0 hidden transparent } .fc-row { position: relative } .fc-row .fc-bg { z-index: 1 } .fc-row .fc-bgevent-skeleton,.fc-row .fc-highlight-skeleton { bottom: 0 } .fc-row .fc-bgevent-skeleton table,.fc-row .fc-highlight-skeleton table { height: 100% } .fc-row .fc-highlight-skeleton td,.fc-row .fc-bgevent-skeleton td { border-color: transparent } .fc-row .fc-bgevent-skeleton { z-index: 2 } .fc-row .fc-highlight-skeleton { z-index: 3 } .fc-row .fc-content-skeleton { position: relative; z-index: 4; padding-bottom: 2px } .fc-row .fc-helper-skeleton { z-index: 5 } .fc-row .fc-content-skeleton td,.fc-row .fc-helper-skeleton td { background: 0 0; border-color: transparent; border-bottom: 0 } .fc-row .fc-content-skeleton tbody td,.fc-row .fc-helper-skeleton tbody td { border-top: 0 } .fc-scroller { overflow-y: scroll; overflow-x: hidden } .fc-scroller>* { position: relative; width: 100%; overflow: hidden } .fc-event { position: relative; display: block; font-size: .85em; line-height: 1.3; border-radius: 3px; border: 1px solid #3a87ad; background-color: #3a87ad; font-weight: 400 } .fc-event,.fc-event:hover,.ui-widget .fc-event { color: #fff; text-decoration: none } .fc-event[href],.fc-event.fc-draggable { cursor: pointer } .fc-not-allowed,.fc-not-allowed .fc-event { cursor: not-allowed } .fc-event .fc-bg { z-index: 1; background: #fff; opacity: .25; filter: alpha(opacity=25) } .fc-event .fc-content { position: relative; z-index: 2 } .fc-event .fc-resizer { position: absolute; z-index: 3 } .fc-ltr .fc-h-event.fc-not-start,.fc-rtl .fc-h-event.fc-not-end { margin-left: 0; border-left-width: 0; padding-left: 1px; border-top-left-radius: 0; border-bottom-left-radius: 0 } .fc-ltr .fc-h-event.fc-not-end,.fc-rtl .fc-h-event.fc-not-start { margin-right: 0; border-right-width: 0; padding-right: 1px; border-top-right-radius: 0; border-bottom-right-radius: 0 } .fc-h-event .fc-resizer { top: -1px; bottom: -1px; left: -1px; right: -1px; width: 5px } .fc-ltr .fc-h-event .fc-start-resizer,.fc-ltr .fc-h-event .fc-start-resizer:before,.fc-ltr .fc-h-event .fc-start-resizer:after,.fc-rtl .fc-h-event .fc-end-resizer,.fc-rtl .fc-h-event .fc-end-resizer:before,.fc-rtl .fc-h-event .fc-end-resizer:after { right: auto; cursor: w-resize } .fc-ltr .fc-h-event .fc-end-resizer,.fc-ltr .fc-h-event .fc-end-resizer:before,.fc-ltr .fc-h-event .fc-end-resizer:after,.fc-rtl .fc-h-event .fc-start-resizer,.fc-rtl .fc-h-event .fc-start-resizer:before,.fc-rtl .fc-h-event .fc-start-resizer:after { left: auto; cursor: e-resize } .fc-day-grid-event { margin: 1px 2px 0; padding: 0 1px } .fc-day-grid-event .fc-content { white-space: nowrap; overflow: hidden } .fc-day-grid-event .fc-time { font-weight: 700 } .fc-day-grid-event .fc-resizer { left: -3px; right: -3px; width: 7px } a.fc-more { margin: 1px 3px; font-size: .85em; cursor: pointer; text-decoration: none } a.fc-more:hover { text-decoration: underline } .fc-limited { display: none } .fc-day-grid .fc-row { z-index: 1 } .fc-more-popover { z-index: 2; width: 220px } .fc-more-popover .fc-event-container { padding: 10px } .fc-now-indicator { position: absolute; border: 0 solid red } .fc-toolbar { text-align: center; margin-bottom: 1em } .fc-toolbar .fc-left { float: left } .fc-toolbar .fc-right { float: right } .fc-toolbar .fc-center { display: inline-block } .fc .fc-toolbar>*>* { float: left; margin-left: .75em } .fc .fc-toolbar>*>:first-child { margin-left: 0 } .fc-toolbar h2 { margin: 0 } .fc-toolbar button { position: relative } .fc-toolbar .fc-state-hover,.fc-toolbar .ui-state-hover { z-index: 2 } .fc-toolbar .fc-state-down { z-index: 3 } .fc-toolbar .fc-state-active,.fc-toolbar .ui-state-active { z-index: 4 } .fc-toolbar button:focus { z-index: 5 } .fc-view-container *,.fc-view-container *:before,.fc-view-container *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .fc-view,.fc-view>table { position: relative; z-index: 1 } .fc-basicWeek-view .fc-content-skeleton,.fc-basicDay-view .fc-content-skeleton { padding-top: 1px; padding-bottom: 1em } .fc-basic-view .fc-body .fc-row { min-height: 4em } .fc-row.fc-rigid { overflow: hidden } .fc-row.fc-rigid .fc-content-skeleton { position: absolute; top: 0; left: 0; right: 0 } .fc-basic-view .fc-week-number,.fc-basic-view .fc-day-number { padding: 0 2px } .fc-basic-view td.fc-week-number span,.fc-basic-view td.fc-day-number { padding-top: 2px; padding-bottom: 2px } .fc-basic-view .fc-week-number { text-align: center } .fc-basic-view .fc-week-number span { display: inline-block; min-width: 1.25em } .fc-ltr .fc-basic-view .fc-day-number { text-align: right } .fc-rtl .fc-basic-view .fc-day-number { text-align: left } .fc-day-number.fc-other-month { opacity: .3; filter: alpha(opacity=30) } .fc-agenda-view .fc-day-grid { position: relative; z-index: 2 } .fc-agenda-view .fc-day-grid .fc-row { min-height: 3em } .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton { padding-top: 1px; padding-bottom: 1em } .fc .fc-axis { vertical-align: middle; padding: 0 4px; white-space: nowrap } .fc-ltr .fc-axis { text-align: right } .fc-rtl .fc-axis { text-align: left } .ui-widget td.fc-axis { font-weight: 400 } .fc-time-grid-container,.fc-time-grid { position: relative; z-index: 1 } .fc-time-grid { min-height: 100% } .fc-time-grid table { border: 0 hidden transparent } .fc-time-grid>.fc-bg { z-index: 1 } .fc-time-grid .fc-slats,.fc-time-grid>hr { position: relative; z-index: 2 } .fc-time-grid .fc-content-col { position: relative } .fc-time-grid .fc-content-skeleton { position: absolute; z-index: 3; top: 0; left: 0; right: 0 } .fc-time-grid .fc-business-container { position: relative; z-index: 1 } .fc-time-grid .fc-bgevent-container { position: relative; z-index: 2 } .fc-time-grid .fc-highlight-container { position: relative; z-index: 3 } .fc-time-grid .fc-event-container { position: relative; z-index: 4 } .fc-time-grid .fc-now-indicator-line { z-index: 5 } .fc-time-grid .fc-helper-container { position: relative; z-index: 6 } .fc-time-grid .fc-slats td { height: 1.5em; border-bottom: 0 } .fc-time-grid .fc-slats .fc-minor td { border-top-style: dotted } .fc-time-grid .fc-slats .ui-widget-content { background: 0 0 } .fc-time-grid .fc-highlight-container { position: relative } .fc-time-grid .fc-highlight { position: absolute; left: 0; right: 0 } .fc-ltr .fc-time-grid .fc-event-container { margin: 0 2.5% 0 2px } .fc-rtl .fc-time-grid .fc-event-container { margin: 0 2px 0 2.5% } .fc-time-grid .fc-event,.fc-time-grid .fc-bgevent { position: absolute; z-index: 1 } .fc-time-grid .fc-bgevent { left: 0; right: 0 } .fc-v-event.fc-not-start { border-top-width: 0; padding-top: 1px; border-top-left-radius: 0; border-top-right-radius: 0 } .fc-v-event.fc-not-end { border-bottom-width: 0; padding-bottom: 1px; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .fc-time-grid-event { overflow: hidden } .fc-time-grid-event .fc-time,.fc-time-grid-event .fc-title { padding: 0 1px } .fc-time-grid-event .fc-time { font-size: .85em; white-space: nowrap } .fc-time-grid-event.fc-short .fc-content { white-space: nowrap } .fc-time-grid-event.fc-short .fc-time,.fc-time-grid-event.fc-short .fc-title { display: inline-block; vertical-align: top } .fc-time-grid-event.fc-short .fc-time span { display: none } .fc-time-grid-event.fc-short .fc-time:before { content: attr(data-start) } .fc-time-grid-event.fc-short .fc-time:after { content: "\000A0-\000A0" } .fc-time-grid-event.fc-short .fc-title { font-size: .85em; padding: 0 } .fc-time-grid-event .fc-resizer { left: 0; right: 0; bottom: 0; height: 8px; overflow: hidden; line-height: 8px; font-size: 11px; font-family: monospace; text-align: center; cursor: s-resize } .fc-time-grid-event .fc-resizer:after { content: "=" } .fc-time-grid .fc-now-indicator-line { border-top-width: 1px; left: 0; right: 0 } .fc-time-grid .fc-now-indicator-arrow { margin-top: -5px } .fc-ltr .fc-time-grid .fc-now-indicator-arrow { left: 0; border-width: 5px 0 5px 6px; border-top-color: transparent; border-bottom-color: transparent } .fc-rtl .fc-time-grid .fc-now-indicator-arrow { right: 0; border-width: 5px 6px 5px 0; border-top-color: transparent; border-bottom-color: transparent } .hll { background-color: #ffc } .c { color: #999 } .err { color: #a00; background-color: #faa } .k { color: #069 } .o { color: #555 } .cm { color: #999 } .cp { color: #099 } .c1 { color: #999 } .cs { color: #999 } .gd { background-color: #fcc; border: 1px solid #c00 } .ge { font-style: italic } .gr { color: red } .gh { color: #030 } .gi { background-color: #cfc; border: 1px solid #0c0 } .go { color: #aaa } .gp { color: #009 } .gu { color: #030 } .gt { color: #9c6 } .kc { color: #069 } .kd { color: #069 } .kn { color: #069 } .kp { color: #069 } .kr { color: #069 } .kt { color: #078 } .m { color: #f60 } .s { color: #d44950 } .na { color: #4f9fcf } .nb { color: #366 } .nc { color: #0a8 } .no { color: #360 } .nd { color: #99f } .ni { color: #999 } .ne { color: #c00 } .nf { color: #c0f } .nl { color: #99f } .nn { color: #0cf } .nt { color: #2f6f9f } .nv { color: #033 } .ow { color: #000 } .w { color: #bbb } .mf { color: #f60 } .mh { color: #f60 } .mi { color: #f60 } .mo { color: #f60 } .sb { color: #c30 } .sc { color: #c30 } .sd { color: #c30; font-style: italic } .s2 { color: #c30 } .se { color: #c30 } .sh { color: #c30 } .si { color: #a00 } .sx { color: #c30 } .sr { color: #3aa } .s1 { color: #c30 } .ss { color: #fc3 } .bp { color: #366 } .vc { color: #033 } .vg { color: #033 } .vi { color: #033 } .il { color: #f60 } .css .nt+.nt,.css .o,.css .o+.nt { color: #999 } code[class*=language-],pre[class*=language-] { color: #000; text-shadow: 0 1px #fff; font-family: Consolas,Monaco,Andale Mono,monospace; direction: ltr; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; line-height: 1.5; -moz-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none } code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection { text-shadow: none; background: #b3d4fc } code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection { text-shadow: none; background: #b3d4fc } @media print { code[class*=language-],pre[class*=language-] { text-shadow: none } } pre[class*=language-] { padding: 1em; margin: .5em 0; overflow: auto } :not(pre)>code[class*=language-],pre[class*=language-] { background: #f5f2f0 } :not(pre)>code[class*=language-] { padding: .1em; border-radius: .3em } .token.cdata,.token.comment,.token.doctype,.token.prolog { color: #708090 } .token.punctuation { color: #999 } .namespace { opacity: .7 } .token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag { color: #905 } .token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string { color: #690 } .language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url { color: #a67f59; background: hsla(0,0%,100%,.5) } .token.atrule,.token.attr-value,.token.keyword { color: #07a } .token.function { color: #dd4a68 } .token.important,.token.regex,.token.variable { color: #e90 } .token.bold,.token.important { font-weight: 700 } .token.italic { font-style: italic } .token.entity { cursor: help } pre.line-numbers { padding-left: 3.8em; counter-reset: a } pre.line-numbers,pre.line-numbers>code { position: relative } .line-numbers .line-numbers-rows { position: absolute; pointer-events: none; top: 0; font-size: 100%; left: -3.8em; width: 3em; letter-spacing: -1px; border-right: 1px solid #999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .line-numbers-rows>span { pointer-events: none; display: block; counter-increment: a } .line-numbers-rows>span:before { content: counter(a); color: #999; display: block; padding-right: .8em; text-align: right } pre[class*=language-] { position: relative } pre[class*=language-][data-language]:before { content: attr(data-language); color: #000; background-color: #cfcfcf; display: inline-block; position: absolute; top: 0; right: 0; font-size: .9em; border-radius: 0 0 0 5px; padding: 0 .5em; text-shadow: none } div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right { height: 13px } div.pp_default .pp_top .pp_left { background: url(prettyPhoto/default/sprite.png) -78px -93px no-repeat } div.pp_default .pp_top .pp_middle { background: url(prettyPhoto/default/sprite_x.png) top left repeat-x } div.pp_default .pp_top .pp_right { background: url(prettyPhoto/default/sprite.png) -112px -93px no-repeat } div.pp_default .pp_content .ppt { color: #f8f8f8 } div.pp_default .pp_content_container .pp_left { background: url(prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px } div.pp_default .pp_content_container .pp_right { background: url(prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right: 13px } div.pp_default .pp_next:hover { background: url(prettyPhoto/default/sprite_next.png) center right no-repeat; cursor: pointer } div.pp_default .pp_previous:hover { background: url(prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer } div.pp_default .pp_expand { background: url(prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px } div.pp_default .pp_expand:hover { background: url(prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer } div.pp_default .pp_contract { background: url(prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px } div.pp_default .pp_contract:hover { background: url(prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer } div.pp_default .pp_close { width: 30px; height: 30px; background: url(prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer } div.pp_default .pp_gallery ul li a { background: url(prettyPhoto/default/default_thumb.png) center center #f8f8f8; border: 1px solid #aaa } div.pp_default .pp_social { margin-top: 7px } div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto } div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause { background: url(prettyPhoto/default/sprite.png) -51px 1px no-repeat; height: 30px; width: 30px } div.pp_default .pp_nav .pp_pause { background-position: -51px -29px } div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next { background: url(prettyPhoto/default/sprite.png) -31px -3px no-repeat; height: 20px; width: 20px; margin: 4px 0 0 } div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px } div.pp_default .pp_content_container .pp_details { margin-top: 5px } div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative } div.pp_default .pp_nav .currentTextHolder { font-family: Georgia; font-style: italic; color: #999; font-size: 11px; left: 75px; line-height: 25px; position: absolute; top: 2px; margin: 0; padding: 0 0 0 10px } div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover { opacity: .7 } div.pp_default .pp_description { font-size: 11px; font-weight: 700; line-height: 14px; margin: 5px 50px 5px 0 } div.pp_default .pp_bottom .pp_left { background: url(prettyPhoto/default/sprite.png) -78px -127px no-repeat } div.pp_default .pp_bottom .pp_middle { background: url(prettyPhoto/default/sprite_x.png) bottom left repeat-x } div.pp_default .pp_bottom .pp_right { background: url(prettyPhoto/default/sprite.png) -112px -127px no-repeat } div.pp_default .pp_loaderIcon { background: url(prettyPhoto/default/loader.gif) center center no-repeat } div.light_rounded .pp_top .pp_left { background: url(prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat } div.light_rounded .pp_top .pp_right { background: url(prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat } div.light_rounded .pp_next:hover { background: url(prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer } div.light_rounded .pp_previous:hover { background: url(prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer } div.light_rounded .pp_expand { background: url(prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer } div.light_rounded .pp_expand:hover { background: url(prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer } div.light_rounded .pp_contract { background: url(prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer } div.light_rounded .pp_contract:hover { background: url(prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer } div.light_rounded .pp_close { width: 75px; height: 22px; background: url(prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer } div.light_rounded .pp_nav .pp_play { background: url(prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px } div.light_rounded .pp_nav .pp_pause { background: url(prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px } div.light_rounded .pp_arrow_previous { background: url(prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat } div.light_rounded .pp_arrow_next { background: url(prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat } div.light_rounded .pp_bottom .pp_left { background: url(prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat } div.light_rounded .pp_bottom .pp_right { background: url(prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat } div.dark_rounded .pp_top .pp_left { background: url(prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat } div.dark_rounded .pp_top .pp_right { background: url(prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat } div.dark_rounded .pp_content_container .pp_left { background: url(prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y } div.dark_rounded .pp_content_container .pp_right { background: url(prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y } div.dark_rounded .pp_next:hover { background: url(prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer } div.dark_rounded .pp_previous:hover { background: url(prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer } div.dark_rounded .pp_expand { background: url(prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer } div.dark_rounded .pp_expand:hover { background: url(prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer } div.dark_rounded .pp_contract { background: url(prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer } div.dark_rounded .pp_contract:hover { background: url(prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer } div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer } div.dark_rounded .pp_description { margin-right: 85px; color: #fff } div.dark_rounded .pp_nav .pp_play { background: url(prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px } div.dark_rounded .pp_nav .pp_pause { background: url(prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px } div.dark_rounded .pp_arrow_previous { background: url(prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat } div.dark_rounded .pp_arrow_next { background: url(prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat } div.dark_rounded .pp_bottom .pp_left { background: url(prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat } div.dark_rounded .pp_bottom .pp_right { background: url(prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat } div.dark_rounded .pp_loaderIcon { background: url(prettyPhoto/dark_rounded/loader.gif) center center no-repeat } div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content { background: #000 } div.dark_square .pp_description { color: #fff; margin: 0 85px 0 0 } div.dark_square .pp_loaderIcon { background: url(prettyPhoto/dark_square/loader.gif) center center no-repeat } div.dark_square .pp_expand { background: url(prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer } div.dark_square .pp_expand:hover { background: url(prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer } div.dark_square .pp_contract { background: url(prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer } div.dark_square .pp_contract:hover { background: url(prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer } div.dark_square .pp_close { width: 75px; height: 22px; background: url(prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer } div.dark_square .pp_nav { clear: none } div.dark_square .pp_nav .pp_play { background: url(prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px } div.dark_square .pp_nav .pp_pause { background: url(prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px } div.dark_square .pp_arrow_previous { background: url(prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat } div.dark_square .pp_arrow_next { background: url(prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat } div.dark_square .pp_next:hover { background: url(prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer } div.dark_square .pp_previous:hover { background: url(prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer } div.light_square .pp_expand { background: url(prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer } div.light_square .pp_expand:hover { background: url(prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer } div.light_square .pp_contract { background: url(prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer } div.light_square .pp_contract:hover { background: url(prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer } div.light_square .pp_close { width: 75px; height: 22px; background: url(prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer } div.light_square .pp_nav .pp_play { background: url(prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px } div.light_square .pp_nav .pp_pause { background: url(prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px } div.light_square .pp_arrow_previous { background: url(prettyPhoto/light_square/sprite.png) 0 -71px no-repeat } div.light_square .pp_arrow_next { background: url(prettyPhoto/light_square/sprite.png) -22px -71px no-repeat } div.light_square .pp_next:hover { background: url(prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer } div.light_square .pp_previous:hover { background: url(prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer } div.facebook .pp_top .pp_left { background: url(prettyPhoto/facebook/sprite.png) -88px -53px no-repeat } div.facebook .pp_top .pp_middle { background: url(prettyPhoto/facebook/contentPatternTop.png) top left repeat-x } div.facebook .pp_top .pp_right { background: url(prettyPhoto/facebook/sprite.png) -110px -53px no-repeat } div.facebook .pp_content_container .pp_left { background: url(prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y } div.facebook .pp_content_container .pp_right { background: url(prettyPhoto/facebook/contentPatternRight.png) top right repeat-y } div.facebook .pp_expand { background: url(prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer } div.facebook .pp_expand:hover { background: url(prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer } div.facebook .pp_contract { background: url(prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer } div.facebook .pp_contract:hover { background: url(prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer } div.facebook .pp_close { width: 22px; height: 22px; background: url(prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer } div.facebook .pp_description { margin: 0 37px 0 0 } div.facebook .pp_loaderIcon { background: url(prettyPhoto/facebook/loader.gif) center center no-repeat } div.facebook .pp_arrow_previous { background: url(prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px } div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default } div.facebook .pp_arrow_next { background: url(prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px } div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default } div.facebook .pp_nav { margin-top: 0 } div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px } div.facebook .pp_nav .pp_play { background: url(prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px } div.facebook .pp_nav .pp_pause { background: url(prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px } div.facebook .pp_next:hover { background: url(prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer } div.facebook .pp_previous:hover { background: url(prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer } div.facebook .pp_bottom .pp_left { background: url(prettyPhoto/facebook/sprite.png) -88px -80px no-repeat } div.facebook .pp_bottom .pp_middle { background: url(prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x } div.facebook .pp_bottom .pp_right { background: url(prettyPhoto/facebook/sprite.png) -110px -80px no-repeat } div.pp_pic_holder a:focus { outline: none } div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500 } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000 } .pp_content { height: 40px; min-width: 40px } * html .pp_content { width: 40px } .pp_content_container { position: relative; text-align: left; width: 100% } .pp_content_container .pp_left { padding-left: 20px } .pp_content_container .pp_right { padding-right: 20px } .pp_content_container .pp_details { float: left; margin: 10px 0 2px } .pp_description { display: none; margin: 0 } .pp_social { float: left; margin: 0 } .pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden } .pp_social .twitter { float: left } .pp_nav { clear: right; float: left; margin: 3px 10px 0 0 } .pp_nav p { float: left; white-space: nowrap; margin: 2px 4px } .pp_nav .pp_play,.pp_nav .pp_pause { float: left; margin-right: 4px; text-indent: -10000px } a.pp_arrow_previous,a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px } .pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000 } .pp_gallery { display: none; left: 50%; margin-top: -50px; position: absolute; z-index: 10000 } .pp_gallery div { float: left; overflow: hidden; position: relative } .pp_gallery ul { float: left; height: 35px; position: relative; white-space: nowrap; margin: 0 0 0 5px; padding: 0 } .pp_gallery ul a { border: 1px rgba(0,0,0,.5) solid; display: block; float: left; height: 33px; overflow: hidden } .pp_gallery ul a img { border: 0 } .pp_gallery li { display: block; float: left; margin: 0 5px 0 0; padding: 0 } .pp_gallery li.default a { background: url(prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat; display: block; height: 33px; width: 50px } .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next { margin-top: 7px!important } a.pp_next { background: url(prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49% } a.pp_previous { background: url(prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49% } a.pp_expand,a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000 } a.pp_close { position: absolute; right: 0; top: 0; display: block; line-height: 22px; text-indent: -10000px } .pp_loaderIcon { display: block; height: 24px; left: 50%; position: absolute; top: 50%; width: 24px; margin: -12px 0 0 -12px } #pp_full_res { line-height: 1!important } #pp_full_res .pp_inline { text-align: left } #pp_full_res .pp_inline p { margin: 0 0 15px } div.ppt { color: #fff; display: none; font-size: 17px; z-index: 9999; margin: 0 0 5px 15px } div.pp_default .pp_content,div.light_rounded .pp_content { background-color: #fff } div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline { color: #000 } div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a { border-color: #fff } div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details { position: relative } div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content { background: #fff } div.light_rounded .pp_description,div.light_square .pp_description { margin-right: 85px } div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px!important } div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default } div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default } div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon { background: url(prettyPhoto/light_rounded/loader.gif) center center no-repeat } div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle { background: url(prettyPhoto/dark_rounded/contentPattern.png) top left repeat } div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder { color: #c4c4c4 } div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline { color: #fff } .pp_top,.pp_bottom { height: 20px; position: relative } * html .pp_top,* html .pp_bottom { padding: 0 20px } .pp_top .pp_left,.pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px } .pp_top .pp_middle,.pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px } * html .pp_top .pp_middle,* html .pp_bottom .pp_middle { left: 0; position: static } .pp_top .pp_right,.pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px } .pp_fade,.pp_gallery li.default a img { display: none } .flip-clock-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden } .flip-clock-wrapper a { cursor: pointer; text-decoration: none; color: #ccc } .flip-clock-wrapper a:hover { color: #fff } .flip-clock-wrapper ul { list-style: none } .flip-clock-wrapper.clearfix:before,.flip-clock-wrapper.clearfix:after { content: " "; display: table } .flip-clock-wrapper.clearfix:after { clear: both } .flip-clock-wrapper.clearfix { *zoom:1} .flip-clock-wrapper { font: 11px helvetica neue,Helvetica,sans-serif; -webkit-user-select: none } .flip-clock-meridium { background: 0 0!important; box-shadow: 0 0 0!important; font-size: 36px!important } .flip-clock-meridium a { color: #313333 } .flip-clock-wrapper { text-align: center; position: relative; width: 100%; margin: 1em } .flip-clock-wrapper:before,.flip-clock-wrapper:after { content: " "; display: table } .flip-clock-wrapper:after { clear: both } .flip-clock-wrapper ul { position: relative; float: left; margin: 5px; width: 60px; height: 90px; font-size: 80px; font-weight: 700; line-height: 87px; border-radius: 6px; background: #000 } .flip-clock-wrapper ul li { z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 87px; text-decoration: none!important } .flip-clock-wrapper ul li:first-child { z-index: 2 } .flip-clock-wrapper ul li a { display: block; height: 100%; -webkit-perspective: 200px; -moz-perspective: 200px; perspective: 200px; margin: 0!important; overflow: visible!important; cursor: default!important } .flip-clock-wrapper ul li a div { z-index: 1; position: absolute; left: 0; width: 100%; height: 50%; font-size: 80px; overflow: hidden; outline: 1px solid transparent } .flip-clock-wrapper ul li a div .shadow { position: absolute; width: 100%; height: 100%; z-index: 2 } .flip-clock-wrapper ul li a div.up { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; top: 0 } .flip-clock-wrapper ul li a div.up:after { content: ""; position: absolute; top: 44px; left: 0; z-index: 5; width: 100%; height: 3px; background-color: #000; background-color: rgba(0,0,0,.4) } .flip-clock-wrapper ul li a div.down { -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; bottom: 0; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px } .flip-clock-wrapper ul li a div div.inn { position: absolute; left: 0; z-index: 1; width: 100%; height: 200%; color: #ccc; text-shadow: 0 1px 2px #000; text-align: center; background-color: #333; border-radius: 6px; font-size: 70px } .flip-clock-wrapper ul li a div.up div.inn { top: 0 } .flip-clock-wrapper ul li a div.down div.inn { bottom: 0 } .flip-clock-wrapper ul.play li.flip-clock-before { z-index: 3 } .flip-clock-wrapper .flip { box-shadow: 0 2px 5px rgba(0,0,0,.7) } .flip-clock-wrapper ul.play li.flip-clock-active { -webkit-animation: asd .5s .5s linear both; -moz-animation: asd .5s .5s linear both; animation: asd .5s .5s linear both; z-index: 5 } .flip-clock-divider { float: left; display: inline-block; position: relative; width: 20px; height: 100px } .flip-clock-divider:first-child { width: 0 } .flip-clock-dot { display: block; background: #323434; width: 10px; height: 10px; position: absolute; border-radius: 50%; box-shadow: 0 0 5px rgba(0,0,0,.5); left: 5px } .flip-clock-divider .flip-clock-label { position: absolute; top: -1.5em; right: -86px; color: #000; text-shadow: none } .flip-clock-divider.minutes .flip-clock-label { right: -88px } .flip-clock-divider.seconds .flip-clock-label { right: -91px } .flip-clock-dot.top { top: 30px } .flip-clock-dot.bottom { bottom: 30px } @-webkit-keyframes asd { 0% { z-index: 2 } 20% { z-index: 4 } 100% { z-index: 4 } } @-moz-keyframes asd { 0% { z-index: 2 } 20% { z-index: 4 } 100% { z-index: 4 } } @-o-keyframes asd { 0% { z-index: 2 } 20% { z-index: 4 } 100% { z-index: 4 } } @keyframes asd { 0% { z-index: 2 } 20% { z-index: 4 } 100% { z-index: 4 } } .flip-clock-wrapper ul.play li.flip-clock-active .down { z-index: 2; -webkit-animation: turn .5s .5s linear both; -moz-animation: turn .5s .5s linear both; animation: turn .5s .5s linear both } @-webkit-keyframes turn { 0% { -webkit-transform: rotateX(90deg) } 100% { -webkit-transform: rotateX(0deg) } } @-moz-keyframes turn { 0% { -moz-transform: rotateX(90deg) } 100% { -moz-transform: rotateX(0deg) } } @-o-keyframes turn { 0% { -o-transform: rotateX(90deg) } 100% { -o-transform: rotateX(0deg) } } @keyframes turn { 0% { transform: rotateX(90deg) } 100% { transform: rotateX(0deg) } } .flip-clock-wrapper ul.play li.flip-clock-before .up { z-index: 2; -webkit-animation: turn2 .5s linear both; -moz-animation: turn2 .5s linear both; animation: turn2 .5s linear both } @-webkit-keyframes turn2 { 0% { -webkit-transform: rotateX(0deg) } 100% { -webkit-transform: rotateX(-90deg) } } @-moz-keyframes turn2 { 0% { -moz-transform: rotateX(0deg) } 100% { -moz-transform: rotateX(-90deg) } } @-o-keyframes turn2 { 0% { -o-transform: rotateX(0deg) } 100% { -o-transform: rotateX(-90deg) } } @keyframes turn2 { 0% { transform: rotateX(0deg) } 100% { transform: rotateX(-90deg) } } .flip-clock-wrapper ul li.flip-clock-active { z-index: 3 } .flip-clock-wrapper ul.play li.flip-clock-before .up .shadow { background: -moz-linear-gradient(top,rgba(0,0,0,0.1) 0%,black 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0.1)),color-stop(100%,black)); background: linear,top,rgba(0,0,0,.1) 0%,#000 100%; background: -o-linear-gradient(top,rgba(0,0,0,0.1) 0%,black 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0.1) 0%,black 100%); background: linear,to bottom,rgba(0,0,0,.1) 0%,#000 100%; -webkit-animation: show .5s linear both; -moz-animation: show .5s linear both; animation: show .5s linear both } .flip-clock-wrapper ul.play li.flip-clock-active .up .shadow { background: -moz-linear-gradient(top,rgba(0,0,0,0.1) 0%,black 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0.1)),color-stop(100%,black)); background: linear,top,rgba(0,0,0,.1) 0%,#000 100%; background: -o-linear-gradient(top,rgba(0,0,0,0.1) 0%,black 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0.1) 0%,black 100%); background: linear,to bottom,rgba(0,0,0,.1) 0%,#000 100%; -webkit-animation: hide .5s .3s linear both; -moz-animation: hide .5s .3s linear both; animation: hide .5s .3s linear both } .flip-clock-wrapper ul.play li.flip-clock-before .down .shadow { background: -moz-linear-gradient(top,black 0%,rgba(0,0,0,0.1) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,black),color-stop(100%,rgba(0,0,0,0.1))); background: linear,top,#000 0%,rgba(0,0,0,.1) 100%; background: -o-linear-gradient(top,black 0%,rgba(0,0,0,0.1) 100%); background: -ms-linear-gradient(top,black 0%,rgba(0,0,0,0.1) 100%); background: linear,to bottom,#000 0%,rgba(0,0,0,.1) 100%; -webkit-animation: show .5s linear both; -moz-animation: show .5s linear both; animation: show .5s linear both } .flip-clock-wrapper ul.play li.flip-clock-active .down .shadow { background: -moz-linear-gradient(top,black 0%,rgba(0,0,0,0.1) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,black),color-stop(100%,rgba(0,0,0,0.1))); background: linear,top,#000 0%,rgba(0,0,0,.1) 100%; background: -o-linear-gradient(top,black 0%,rgba(0,0,0,0.1) 100%); background: -ms-linear-gradient(top,black 0%,rgba(0,0,0,0.1) 100%); background: linear,to bottom,#000 0%,rgba(0,0,0,.1) 100%; -webkit-animation: hide .5s .3s linear both; -moz-animation: hide .5s .3s linear both; animation: hide .5s .2s linear both } @-webkit-keyframes show { 0% { opacity: 0 } 100% { opacity: 1 } } @-moz-keyframes show { 0% { opacity: 0 } 100% { opacity: 1 } } @-o-keyframes show { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes show { 0% { opacity: 0 } 100% { opacity: 1 } } @-webkit-keyframes hide { 0% { opacity: 1 } 100% { opacity: 0 } } @-moz-keyframes hide { 0% { opacity: 1 } 100% { opacity: 0 } } @-o-keyframes hide { 0% { opacity: 1 } 100% { opacity: 0 } } @keyframes hide { 0% { opacity: 1 } 100% { opacity: 0 } } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .select2-container .select2-selection--single .select2-selection__clear { position: relative } .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap } .select2-container .select2-search--inline { float: left } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0 } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none } .select2-dropdown { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051 } .select2-results { display: block } .select2-results__options { list-style: none; margin: 0; padding: 0 } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none } .select2-results__option[aria-selected] { cursor: pointer } .select2-container--open .select2-dropdown { left: 0 } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0 } .select2-search--dropdown { display: block; padding: 4px } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none } .select2-search--dropdown.select2-search--hide { display: none } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0) } .select2-hidden-accessible { border: 0!important; clip: rect(0 0 0 0)!important; height: 1px!important; margin: -1px!important; overflow: hidden!important; padding: 0!important; position: absolute!important; width: 1px!important } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: 700 } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999 } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0 } .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear { float: left } .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px } .select2-container--default .select2-selection--multiple { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; cursor: text } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100% } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: 700; margin-top: 5px; margin-right: 10px } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: 700; margin-right: 2px } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333 } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline { float: right } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid #000 1px; outline: 0 } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0 } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa } .select2-container--default .select2-search--inline .select2-search__field { background: 0 0; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield } .select2-container--default .select2-results>.select2-results__options { max-height: 200px; overflow-y: auto } .select2-container--default .select2-results__option[role=group] { padding: 0 } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999 } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0 } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: #fff } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top,#fff 50%,#eee 100%); background-image: -o-linear-gradient(top,#fff 50%,#eee 100%); background-image: linear-gradient(to bottom,#fff 50%,#eee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0) } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: 700; margin-right: 10px } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999 } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top,#eee 50%,#ccc 100%); background-image: -o-linear-gradient(top,#eee 50%,#ccc 100%); background-image: linear-gradient(to bottom,#eee 50%,#ccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFCCCCCC',GradientType=0) } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0 } .select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear { float: left } .select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: 0 0; border: none } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top,#fff 0%,#eee 50%); background-image: -o-linear-gradient(top,#fff 0%,#eee 50%); background-image: linear-gradient(to bottom,#fff 0%,#eee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0) } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top,#eee 50%,#fff 100%); background-image: -o-linear-gradient(top,#eee 50%,#fff 100%); background-image: linear-gradient(to bottom,#eee 50%,#fff 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFFFFFFF',GradientType=0) } .select2-container--classic .select2-selection--multiple { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0 } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: 700; margin-right: 2px } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555 } .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice { float: right } .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto } .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0 } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0 } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none } .select2-container--classic .select2-dropdown { background-color: #fff; border: 1px solid transparent } .select2-container--classic .select2-dropdown--above { border-bottom: none } .select2-container--classic .select2-dropdown--below { border-top: none } .select2-container--classic .select2-results>.select2-results__options { max-height: 200px; overflow-y: auto } .select2-container--classic .select2-results__option[role=group] { padding: 0 } .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: #fff } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb }